/* MHQ Control Room — restrained teal, warm metal, clear hierarchy. */
:root{--bg:#0b1016;--sidebar:#0e151d;--surface:#121c26;--surface-2:#17232e;--surface-3:#1b2935;--surface-hover:#22333f;--surface-input:#0d161e;--border:#293946;--border-soft:rgba(176,203,215,.10);--border-strong:#435d6e;--text:#e8f0f4;--muted:#98adbb;--muted-2:#7d94a4;--accent:#93dfcf;--accent-strong:#77c8ba;--accent-soft:rgba(147,223,207,.09);--accent-border:rgba(147,223,207,.25);--cyan:#95dadb;--green:#98dfbc;--sidebar-width:246px;--radius:16px;--focus:0 0 0 3px #93dfcf30}
body{background:radial-gradient(ellipse at 70% -20%,#203340 0,transparent 55%),var(--bg);font-size:13px}
.sidebar{background:linear-gradient(160deg,#121c26,#0e151d 55%);border-right:1px solid var(--border)}
.brand{padding:27px 24px 23px}.brand-logo{width:193px;height:54px;object-fit:contain;object-position:left}.brand-caption{font-size:9px;letter-spacing:1.8px;margin-top:12px;color:#879eac}
.nav{padding:4px 13px 18px}.nav-label{color:#9badb9;font-size:9px;letter-spacing:1.6px;margin:22px 12px 8px}.nav-item{border-radius:9px;min-height:39px;margin:3px 0;color:#acbdca;transition:background .15s,color .15s}.nav-item:hover{background:#1b2935;color:#fff}.nav-item.active{background:linear-gradient(100deg,#203934,#1b2b32);border-color:#34544e;box-shadow:inset 3px 0 #a3ead8;color:#e9fff8}.nav-item.active .nav-icon{color:#a3ead8}.nav-icon{color:#839aaa}
.topbar{background:#0b121be8;backdrop-filter:blur(18px);border-bottom:1px solid var(--border-soft);padding:19px 32px;min-height:86px}.topbar h1{font-size:23px;font-weight:650;letter-spacing:-.7px}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#9aafbe}.main>.page{padding:28px 32px 40px}.panel{background:linear-gradient(125deg,#15212c 0,#111b25 75%);border:1px solid #293947;border-radius:16px;box-shadow:0 6px 24px #00000012}.panel-head{border-bottom-color:#293947;padding-bottom:17px}.panel h2{font-size:17px;letter-spacing:-.35px}.btn{border-radius:8px;padding:10px 15px;font-weight:550;box-shadow:none}.btn.primary{background:#a2e5d4;border-color:#a2e5d4;color:#0b2722}.btn.primary:hover{background:#bdf4e4;border-color:#bdf4e4;box-shadow:0 3px 18px #75c7b720}.btn.ghost{background:#14202a;border-color:#30424f}.btn:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{border-radius:8px!important;border-color:#354653!important;background-color:#0e1821!important}input:focus,select:focus,textarea:focus{border-color:#8bcdbf!important;box-shadow:var(--focus)!important}.stat-card{border-radius:14px;background:linear-gradient(135deg,#1a2a35,#14202b);border-color:#304350}.stat-label{letter-spacing:1px}.notice{border-radius:10px;background:#14232d;border-color:#304650}.live-status.ok,.connection-pill.online{color:#a1e3ce}.console-stream{background:#090f15;border:1px solid #344956;border-radius:12px;min-height:380px;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}.console-line{white-space:pre-wrap;overflow-wrap:anywhere}.console-line.command{color:#a2e5d4}.console-line.system{color:#e0bd87}.console-placeholder{color:#9eb1bf}.command-bar{background:#101c26;border:1px solid #3d5865;border-radius:10px}.console-stats{gap:8px}.console-stats span{border-color:#314450;background:#152530;padding:7px 11px;border-radius:8px}.console-stats b{color:#d8eee9}.diagnostics-panel{margin-bottom:24px}.diagnostic-row{display:grid;grid-template-columns:190px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-soft)}.diagnostic-ok{color:#a1e3ce}.diagnostic-fail{color:#f4bc90;overflow-wrap:anywhere}#connectionDiagnostics{font-size:12px;color:#b7c6cf}.helper-copy,.field small{color:#9cb0bf}.field>span{color:#d9e5ed}.endpoint-list code{color:#a6c8ce}.sidebar-footer{border-top-color:#2b3b48}.mini-copy{font-size:9px;letter-spacing:1.5px;color:#97aab8}.toast{max-width:min(560px,92vw);overflow-wrap:anywhere}button:focus-visible,a:focus-visible{outline:2px solid #a2e5d4;outline-offset:3px}
@media(min-width:1600px){.main>.page{max-width:1640px;margin:auto;width:100%;padding:32px 38px}.topbar{padding-left:38px;padding-right:38px}}
@media(max-width:900px){:root{--sidebar-width:205px}.brand{padding:22px 14px}.brand-logo{width:178px}.topbar{padding:16px 20px}.main>.page{padding:20px}.top-actions{gap:7px}.console-head-actions{flex-wrap:wrap}.console-stream{min-height:320px}}
@media(max-width:680px){.app-shell{display:block;height:auto;min-height:100vh}.sidebar{height:auto;position:relative;width:100%;display:block}.brand{padding:14px 18px}.brand-logo{height:40px;width:150px}.brand-caption,.sidebar-footer,.nav-label{display:none}.nav{display:flex;overflow-x:auto;padding:0 10px 10px;gap:5px}.nav-item{flex:0 0 auto;white-space:nowrap;width:auto;padding:10px}.main{height:auto;overflow:visible}.topbar{position:sticky;top:0;z-index:10;flex-wrap:wrap;gap:12px}.top-actions{flex-wrap:wrap}.main>.page{padding:16px}.diagnostic-row{grid-template-columns:1fr;gap:5px}.console-stats{flex-wrap:wrap}.panel-head{flex-wrap:wrap;gap:12px}.console-stream{height:50vh;min-height:260px}.brand{border-bottom:0}body{overflow:auto}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.main{padding:0 0 32px}
.toast{cursor:pointer}
.topbar{margin:0}
@media(max-width:920px){.sidebar{position:relative}.topbar{top:0}.brand-caption{display:none!important}.main>.page{padding:20px}}
@media(max-width:680px){.main>.page{padding:16px}.topbar{padding:16px}.top-actions .switch-row.compact{max-width:100%}}

/* NPC commerce and arena workspaces */
#page-npcs > .tool-card, #page-npcs > .tool-result-box, #page-pvp > .tool-result-box { margin-top: 20px; }
.management-context { border-left: 2px solid var(--accent, #57ddbf); padding: 12px 16px; margin: 18px 0; background: rgba(72,203,170,.06); color: #b9cfcc; white-space: pre-line; font-size: 13px; line-height: 1.8; overflow-wrap: anywhere; }
#page-npcs .inline-actions, #page-pvp .inline-actions { flex-wrap: wrap; margin: 14px 0; }
#page-pvp .tool-result-box, #shopResult, #npcOperationResult { white-space: pre-line; overflow-wrap:anywhere; }
#page-pvp pre { white-space: pre-wrap; max-height: 220px; overflow:auto; font-size:12px; }
#page-npcs .content-list-pane { align-self:start; }
#page-npcs .content-record-list { max-height:670px; }
.management-grid .field { min-width:0; }
#page-npcs input, #page-pvp input, #page-npcs select, #page-pvp select { min-width:0; }
#page-pvp details { margin-top:20px; color: #91aaa8; }
#page-pvp summary { cursor:pointer; }
#page-npcs button:disabled, #page-pvp button:disabled { opacity:.5; cursor:wait; }
@media(max-width:900px) { .management-grid { grid-template-columns:1fr; } .management-grid .span-2 { grid-column:auto; } }

#page-pvp .row-2 > button, #page-pvp .row-3 > button, #page-npcs .row-2 > button { align-self:end; margin-bottom:14px; }
#page-pvp .helper-copy, #page-npcs .helper-copy { margin:12px 0 18px; line-height:1.7; }
#page-npcs input[readonly] { opacity:.65; }

/* FoShop inventory and price editor */
.shop-table-wrap{overflow:auto;max-height:340px;border:1px solid var(--border, #2b3545);border-radius:12px;margin:12px 0 20px}
.shop-products{width:100%;border-collapse:collapse;text-align:left;font-size:13px}
.shop-products th,.shop-products td{padding:11px 14px;white-space:nowrap;border-bottom:1px solid var(--border, #2b3545)}
.shop-products th{position:sticky;top:0;background:#172131;color:#b5c3d6;font-size:11px;letter-spacing:.04em}
.shop-products tr.selected{background:rgba(62,207,142,.10)}
.shop-product-link{border:0;background:none;color:#7eebbb;font:inherit;font-weight:600;text-transform:capitalize;cursor:pointer;padding:3px 0;text-align:left}
.shop-product-link:hover{text-decoration:underline}
.shop-product-link:focus-visible{outline:2px solid #7eebbb;outline-offset:4px}

.player-playtime{display:grid;gap:5px;margin-top:14px;max-width:560px}.player-playtime>span{color:#aebdce;font-size:12px}.player-playtime strong{font-size:24px;color:#9debd1}.player-playtime small{color:#aebdce;line-height:1.5;overflow-wrap:anywhere}