/* SILVER ZEX · a quiet, content-first interface. Logical properties support RTL/LTR. */
:root,html[data-theme="dark"]{
 --bg:#171819;--bg2:#121314;--surface:#202224;--card:#202224;--card2:#292c2f;
 --border:#303336;--border2:#44494f;--text:#edeef0;--muted:#a5abb2;--dim:#969da5;
 --accent:#d6dbe0;--accent2:#b1b9c1;--accent-rgb:190,200,210;--accent-soft:#2d3237;
 --green:#8ec8ad;--yellow:#d3b87d;--danger:#ed929a;--radius:16px;--shadow:0 8px 24px #0002;
 --glass-bg:var(--surface);--glass-bg2:var(--card2);--glass-border:var(--border);--glass-blur:0px;
 --on-accent:#17191c;--code:#111315;
}
html[data-theme="light"]{
 --bg:#f8f9fa;--bg2:#eff1f3;--surface:#fff;--card:#fff;--card2:#e9ecef;
 --border:#dce0e4;--border2:#c1c7cf;--text:#24282e;--muted:#5e6670;--dim:#656e79;
 --accent:#303840;--accent2:#535f6b;--accent-rgb:60,70,80;--accent-soft:#e4e8ec;
 --green:#287951;--yellow:#866318;--danger:#b93c4d;--on-accent:#fff;--code:#f0f2f4;
 --glass-bg:var(--surface);--glass-bg2:var(--card2);--glass-border:var(--border);
}
body{background:var(--bg);font-family:Inter,'Segoe UI',Tahoma,Arial,sans-serif;line-height:1.6;transition:none}
button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}
button{color:inherit}button:disabled{cursor:not-allowed}
:focus-visible{outline:2px solid var(--muted);outline-offset:3px}
.screen{height:var(--app-height,100dvh);animation:none!important}
::selection{background:var(--accent-soft);color:var(--text)}
::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--border2)}
.btn,.input,.textarea,.select,.card,.glass,.chip,.model-pill,.modal,.stat,.chat-side,.admin-side,.chat-head,.admin-head,.composer-inner,.head-menu,.msg pre,.react-btn,.model-menu,.msg-ctx-menu{
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none;animation:none;
}
.btn{border-radius:10px;min-height:44px;padding:9px 15px;transition:background .12s;color:var(--text);background:var(--surface);border-color:var(--border)}
.btn::before,.btn::after{display:none}.btn:hover{transform:none;box-shadow:none;background:var(--card2);color:var(--text);border-color:var(--border2)}
.btn-primary,.send-btn{background:var(--accent);color:var(--on-accent);box-shadow:none;border:0}
.btn-primary:hover{background:var(--accent2);color:var(--on-accent);filter:none}
.btn-danger{color:var(--danger);background:transparent;border-color:var(--border)}
.btn-ghost{background:transparent;border-color:transparent}.btn-sm{font-size:13px}
.icon-btn{width:44px;height:44px;min-height:44px;flex:none;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border-color:transparent}
.icon-btn:hover{transform:none;background:var(--card2)}
.input,.select,.textarea{font-size:16px;background:var(--bg);border-radius:10px;min-height:44px}
.input:focus,.select:focus,.textarea:focus{border-color:var(--muted);box-shadow:none}
.select{appearance:auto}option{color:var(--text);background:var(--surface)}
.switch span,.switch input:checked+span{box-shadow:none;border:1px solid var(--border2);background:var(--card2)}
.switch input:checked+span{background:var(--accent)}
.switch span:before,.switch input:checked+span:before{box-shadow:none;background:var(--muted)}
.switch input:checked+span:before{background:var(--on-accent)}
.switch input:focus-visible+span{outline:2px solid var(--muted);outline-offset:3px}
.logo,.b-logo,.brand .b-logo,#adminLogo{background:var(--card2)!important;box-shadow:none;color:var(--text)!important}
.logo img,.b-logo img{filter:grayscale(1)}
#authScreen{background:var(--bg);padding:30px 20px;align-items:center}
.auth-box{max-width:420px;padding:30px 28px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;animation:none}
.auth-topline{border:0;letter-spacing:2px;color:var(--dim);margin-bottom:34px}.auth-topline i{animation:none!important;box-shadow:none!important}
.auth-box h1{letter-spacing:3px;font-size:24px;font-weight:600}.auth-box .comp{letter-spacing:3px;font-size:10px}
.auth-box .logo{width:64px;height:64px;border-radius:18px;margin-bottom:24px}
.auth-intro{text-align:center;color:var(--muted);font-size:14px;margin:0 0 26px}
.auth-switch b{font-weight:600}.auth-box .input{background:var(--surface)}
.auth-utilities{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:25px}
.auth-utilities button{font-size:12px;border:0;background:transparent;padding:8px;cursor:pointer;color:var(--muted)}
.chat-app{transition:none}.chat-side{width:264px;background:var(--bg2);border:0;padding:12px 8px;gap:4px}
.chat-side>div:first-child{border:0!important;padding:14px 10px!important}.chat-side>div:first-child>b{font-size:12px!important;color:var(--muted);font-weight:500}
#newChatBtn{font-size:13px;min-height:40px;background:var(--card2);color:var(--text);border:0;padding:7px 13px}
#sessSearch{font-size:13px!important;background:transparent;border-color:var(--border);border-radius:10px}
#sessList{padding:8px 2px!important;overscroll-behavior:contain}
.sess-group-label{font-size:11px;letter-spacing:.3px;padding:22px 12px 8px}
.sess-item{min-height:46px;padding:8px 12px;color:var(--muted);gap:10px}.sess-item.active{background:var(--card2);color:var(--text)}
.sess-item:hover{background:var(--card2)}.sess-item>span:first-child{display:none}
.sess-item .session-title{flex:1;min-width:0}.session-actions{border:0;background:transparent;min-width:36px;min-height:36px;cursor:pointer;color:var(--muted);font-size:17px}
.sidebar-foot{padding:18px 12px 8px;font-size:10px;letter-spacing:2px;color:var(--dim);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.sidebar-foot span{letter-spacing:0;font-size:11px}
.chat-main{min-width:0;min-height:0;background:var(--bg);position:relative}
.chat-head{min-height:76px;background:var(--bg);border:0;padding:16px 32px;gap:12px;flex:none;z-index:30}
.brand{gap:12px}.brand .b-logo{width:30px;height:30px;border-radius:9px;margin:0}.brand .b-name{font-size:13px;font-weight:600;letter-spacing:2px;line-height:1.5}.brand .b-sub{font-size:10px;letter-spacing:1px;color:var(--dim)}
.head-tools{flex-wrap:nowrap}#menuBtn{font-size:23px}
.head-menu{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);min-width:280px;padding:10px;top:calc(100% - 4px);inset-inline-end:26px;max-height:calc(var(--app-height,100dvh) - 100px);overflow:auto;border-radius:16px;transform:none;transition:none;visibility:hidden}
.head-menu.show{visibility:visible}
.hm-item{min-height:44px;border:0;width:100%;background:transparent;text-align:start;color:var(--text);font-size:13px;font-weight:400;padding:10px 12px;border-radius:8px;font-family:inherit}
.hm-item:hover{background:var(--card2)}.hm-item svg{width:17px;height:17px;color:var(--muted)}
.hm-status-row{padding:6px 10px 12px}.chip{border:0;background:var(--card2);color:var(--muted);font-size:11px}
.hm-sep{margin:8px 4px}.theme-label{font-size:11px;color:var(--dim);padding:8px 12px}
.theme-segment{display:flex;background:var(--bg2);border-radius:9px;padding:3px;margin:0 7px 9px;gap:3px}
.theme-segment button{flex:1;border:0;min-height:38px;background:transparent;border-radius:7px;font-size:12px;color:var(--muted);cursor:pointer}
.theme-segment button[aria-pressed="true"]{background:var(--card2);color:var(--text)}
.msgs{max-width:850px;padding:24px 36px 32px;gap:30px;min-height:0;overscroll-behavior:contain;scroll-behavior:auto;overflow-x:hidden;scrollbar-gutter:stable}
.msg{animation:none!important;line-height:1.85;font-size:15px;max-width:100%}.msg.user{background:var(--card2);color:var(--text);border-radius:20px 20px 6px 20px;box-shadow:none;max-width:85%;padding:11px 18px}
[dir="rtl"] .msg.user{border-radius:20px 20px 20px 6px}
.msg.bot{gap:13px}.bot-avatar{border:1px solid var(--border);background:var(--surface);color:var(--muted);box-shadow:none;width:28px;height:28px;border-radius:9px;font-size:13px;margin-top:4px}
.msg-tap{cursor:text;direction:inherit;unicode-bidi:plaintext}.msg p{margin:0 0 12px}.msg p:last-child{margin:0}.msg ul,.msg ol{padding-inline-start:24px;margin:12px 0}.msg li{margin:4px 0}
.msg h1,.msg h2,.msg h3{font-size:1.15em;margin:20px 0 10px}.msg blockquote{border-inline-start:3px solid var(--border2);padding:4px 16px;color:var(--muted);margin:14px 0}
.msg table{border-collapse:collapse;display:block;overflow:auto;max-width:100%;margin:12px 0}.msg td,.msg th{padding:8px 12px;border:1px solid var(--border)}
.msg a{color:var(--text);text-decoration:underline;text-underline-offset:3px}.msg code{border:0;background:var(--card2);font-size:13px;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.msg pre{border:0;border-radius:0 0 12px 12px;background:var(--code);margin:0;padding:16px;max-width:100%;font-size:13px}.msg pre code{display:block;padding:0;white-space:pre;background:transparent;line-height:1.8}
.code-wrap{margin:16px 0;border-radius:12px;overflow:hidden;border:1px solid var(--border);direction:ltr}.code-actions{position:static;padding:5px 8px;background:var(--card2);justify-content:flex-end;align-items:center}.code-language{margin-right:auto;font:11px ui-monospace,monospace;color:var(--muted);padding-left:8px}.copy-code-btn{min-height:34px;background:transparent;border:0;font-size:11px}
.message-toolbar{display:flex;gap:6px;margin-top:12px;opacity:.7}.message-toolbar button{border:0;background:transparent;border-radius:7px;padding:4px 9px;min-height:36px;cursor:pointer;color:var(--muted);font-size:11px}.message-toolbar button:hover{background:var(--card2);opacity:1}
.msg.sys{background:var(--surface);border:1px solid var(--border);color:var(--muted);font-size:13px;max-width:100%}.msg.error .bot-body{border-inline-start:2px solid var(--danger);padding-inline-start:14px}
.day-sep{max-width:none;justify-content:center;margin:0;font-size:10px}.day-sep:before,.day-sep:after{display:none}.day-sep span{font-size:10px;color:var(--dim)}
.msg .src{font-size:10px;color:var(--dim)}
.welcome{margin:auto 0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 0 64px;gap:20px;min-height:fit-content}
.welcome-mark{width:58px;height:58px;border-radius:18px;border:1px solid var(--border2);display:grid;place-items:center;color:var(--accent);font-size:30px;font-weight:200;background:var(--surface)}
.welcome .eyebrow{font-size:10px;letter-spacing:3px;color:var(--dim);margin-top:8px}.welcome h1{font-size:clamp(28px,3.4vw,39px);letter-spacing:-1px;font-weight:500;line-height:1.5}.welcome p{max-width:430px;font-size:14px;color:var(--muted);line-height:1.9}
.welcome-prompts{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:520px;width:100%;margin-top:18px}
.prompt-card{text-align:start;background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:15px 17px;cursor:pointer;font-size:13px;display:flex;gap:14px;align-items:center;min-height:76px;color:var(--text)}
.prompt-card:hover{background:var(--card2);border-color:var(--border2)}.prompt-card .prompt-icon{font-size:19px;color:var(--muted)}.prompt-card small{display:block;color:var(--dim);font-size:11px;margin-top:3px}
.composer{max-width:850px;display:block;padding:8px 32px 8px;flex:none;background:var(--bg);position:relative}
.composer-inner{display:grid;grid-template-columns:44px 44px 1fr 44px;gap:4px;align-items:end;border:1px solid var(--border2);background:var(--surface);border-radius:22px;padding:8px 10px;box-shadow:none;transition:none}
.composer-inner:focus-within{border-color:var(--muted);box-shadow:none}
.composer textarea{grid-column:1/-1;grid-row:1;width:100%;min-width:0;padding:6px 8px 4px;line-height:1.6;font-size:16px;max-height:min(160px,25dvh);min-height:38px}
.composer-inner .icon-btn{width:44px;height:40px;min-height:40px;grid-row:2;border-radius:10px}
.send-btn{grid-column:4;grid-row:2;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;justify-self:end;transform:none!important;filter:none!important}
.composer-note{text-align:center;font-size:10px;color:var(--dim);padding:9px 8px calc(6px + env(safe-area-inset-bottom));letter-spacing:.1px}
#attachPreview{padding:8px 36px;max-width:850px}.broadcast{border:0;color:var(--muted);background:var(--surface);font-size:12px;margin:4px auto;padding:10px 20px;max-width:760px}
#pinnedBar{display:none!important}.scroll-latest{position:absolute;bottom:184px;left:50%;transform:translateX(-50%);z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:50%;box-shadow:var(--shadow)}
.admin-app{background:var(--bg)}.admin-side{background:var(--bg2);border:0;width:240px;padding:8px}.admin-side .brand{border:0;padding:20px 12px}
#adminNav{display:flex;flex-direction:column;gap:3px;overflow:auto}.nav-item{min-height:44px;border-radius:8px;padding:11px 14px;font-size:13px;color:var(--muted);border:0;margin:0 4px}.nav-item.active{background:var(--card2);color:var(--text);box-shadow:none}.nav-item:hover{background:var(--card2)}
.admin-head{height:76px;background:var(--bg);border-bottom:1px solid var(--border);padding:16px 28px;flex:none}.admin-head b{font-weight:500;font-size:16px}
.admin-content{padding:30px;max-width:1320px;width:100%;margin:0 auto;overscroll-behavior:contain}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;animation:none}.card h3{font-size:15px;font-weight:600}.card .sub{font-size:12px;line-height:1.9;margin-top:5px;margin-bottom:20px}.card+.card{margin-top:20px}
.stat{background:var(--surface);border:1px solid var(--border);padding:22px;border-radius:14px}.stat .num{color:var(--text);font-size:28px;font-weight:500}.tbl td,.tbl th{border-color:var(--border);padding:14px 12px;font-size:13px}.tbl th{font-size:11px;font-weight:500;white-space:nowrap}.tbl-wrap{border-radius:10px}.tbl tr:hover td{background:var(--bg)}.kb-card{background:var(--bg);border:1px solid var(--border);border-radius:12px}.badge{box-shadow:none}
.modal-ov{background:#0007;backdrop-filter:none;padding:24px;z-index:1000}.modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px;max-height:85dvh;box-shadow:var(--shadow)}.modal h3{font-size:16px}.m-body{line-height:1.8}.modal .m-actions{gap:8px;flex-wrap:wrap}.modal .row-between{gap:16px}
.model-menu,.msg-ctx-menu{background:var(--surface);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow);max-height:70dvh;overflow:auto}.model-menu:before{color:var(--muted);font-family:inherit}.mm-item{font-family:inherit;color:var(--text);font-size:14px;min-height:44px}.mm-item.active{color:var(--accent)}.ctx-item{min-height:44px}.ctx-item:hover{background:var(--card2)}
.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.theme-swatch{border:1px solid var(--border);background:var(--bg);color:var(--text);padding:10px;border-radius:12px;cursor:pointer;font-size:11px;min-height:90px}.theme-swatch[aria-pressed="true"]{outline:2px solid var(--muted)}.ts-preview{height:45px;display:block;border-radius:7px;margin-bottom:10px}
.artifact-sheet{background:var(--surface);box-shadow:var(--shadow)}#art_content{background:var(--bg);color:var(--text);border-color:var(--border)}
.toast{background:var(--surface);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow);font-size:13px;line-height:1.7;animation:none}.toast.err{border-color:var(--danger)}
#toasts{max-width:min(420px,calc(100vw - 24px));z-index:16000}
#splashScreen{display:none}.screen:not(.hidden){animation:none}.auth-topline .dot-live{color:var(--muted)}
@media(min-width:921px){.hamb{display:none}.chat-head .brand{margin-inline-start:6px}}
@media(max-width:920px){
 .chat-side,.admin-side{width:290px;max-width:85vw;background:var(--bg2)!important;top:0;bottom:0;z-index:90;transform:translateX(100%);box-shadow:none;padding-top:env(safe-area-inset-top)}
 [dir="ltr"] .chat-side,[dir="ltr"] .admin-side{transform:translateX(-100%)}
 .chat-side.open,.admin-side.open,[dir="ltr"] .chat-side.open,[dir="ltr"] .admin-side.open{transform:translateX(0)}
 .backdrop{z-index:80;background:#0007;backdrop-filter:none}.hamb{display:inline-flex}
 .chat-head{min-height:66px;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));gap:8px}.brand .b-logo{display:none}.brand .b-name{font-size:12px;letter-spacing:1.7px}.brand .b-sub{font-size:9px;display:block}
 .msgs{padding:22px 24px;max-width:780px}.composer{max-width:780px;padding:8px 20px 4px}.head-menu{inset-inline-end:16px;top:62px}
 .admin-content{padding:20px}.admin-head{height:66px;padding:10px 16px}
 .welcome{padding:30px 0 38px}.welcome h1{font-size:32px}
}
@media(max-width:600px){
 .msgs{padding:18px 16px 24px;gap:24px}.msg{font-size:15px}.msg.bot{gap:9px}.bot-avatar{width:24px;height:24px;font-size:11px}.msg.user{max-width:90%;padding:10px 14px}.message-toolbar{opacity:1}
 .composer{padding:4px 12px 0}.composer-inner{border-radius:20px;padding:8px}.composer-note{font-size:9px;padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}
 .welcome{gap:16px;padding:18px 3px 25px}.welcome h1{font-size:29px}.welcome p{font-size:13px;max-width:290px}.welcome-mark{width:50px;height:50px;border-radius:16px}.welcome .eyebrow{font-size:9px}
 .welcome-prompts{gap:8px;margin-top:12px}.prompt-card{padding:12px;min-height:90px;display:block;font-size:12px}.prompt-card .prompt-icon{display:block;font-size:16px;margin-bottom:5px}.prompt-card small{font-size:10px}
 .head-menu{position:fixed;top:auto;bottom:calc(12px + env(safe-area-inset-bottom));left:12px;right:12px;max-height:calc(var(--app-height,100dvh) - 85px);min-width:0;padding:12px;border-radius:20px;z-index:110}
 .head-menu.show:before{content:'';display:block;background:var(--border2);height:4px;width:30px;border-radius:9px;margin:2px auto 10px}
 .modal-ov{padding:0;align-items:flex-end}.modal{position:relative;bottom:auto;left:auto;right:auto;max-height:calc(var(--app-height,100dvh) - 16px);width:100%;max-width:100%;padding:20px 20px calc(20px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;animation:none}
 .card{padding:18px}.admin-content{padding:16px}.grid-2{grid-template-columns:1fr}.field-row>*{min-width:130px}.admin-head #syncChip{font-size:9px;max-width:145px;white-space:normal}
 .auth-box{padding:18px 8px}.auth-topline{margin-bottom:20px}.auth-box .logo{margin-bottom:20px}
 .scroll-latest{bottom:178px}
}
@media(max-height:520px){.chat-head{min-height:50px;padding-block:3px}.composer textarea{max-height:90px}.composer-note{display:none}.composer{padding-bottom:max(6px,env(safe-area-inset-bottom))}.welcome{padding:8px 0}.welcome-mark,.welcome .eyebrow{display:none}.welcome-prompts{margin:0}.welcome h1{font-size:25px}.welcome{gap:10px}#authScreen{align-items:flex-start}.head-menu{max-height:85dvh}.scroll-latest{bottom:138px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.text-link{background:none;border:0;color:var(--text);cursor:pointer;font-size:inherit;padding:6px}
.user-msg-action{border:0;background:transparent;color:var(--muted);cursor:pointer;min-width:32px;min-height:28px;float:inline-end;font-size:12px;margin-inline-start:8px}.msg.user:after{content:'';display:block;clear:both}
.nav-item{background:transparent;text-align:start;display:flex;align-items:center;gap:12px;cursor:pointer;font-family:inherit}.nav-item>span{font-size:17px;width:20px;color:var(--muted)}
.admin-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 28px}.admin-intro .eyebrow{font-size:10px;letter-spacing:2px;color:var(--dim);margin-bottom:10px}.admin-intro h1{font-weight:500;font-size:28px}.admin-intro p{color:var(--muted);font-size:13px;margin-top:6px}
.stat .n{color:var(--text);font-size:32px;font-weight:500;margin-top:8px}.stat .t{font-size:12px;color:var(--muted)}.dashboard-panels{margin:24px 0}.dashboard-panels>.card{margin:0}.dashboard-panels svg{margin-top:30px!important;max-width:100%!important}.summary-line{display:flex;justify-content:space-between;padding:9px 0;color:var(--muted);font-size:13px}.summary-line b{color:var(--text);font-weight:500}
.pv-card{border:1px solid var(--border);background:var(--bg);border-radius:12px;padding:0}.pv-head{padding:14px;cursor:pointer;min-height:54px}.pv-head b{font-weight:500;font-size:13px}.provider-fields{padding:0 14px 14px}.provider-fields>label{margin-bottom:14px;font-size:13px}.provider-fields input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}details>summary{cursor:pointer;min-height:32px}.pv-head .dot{box-shadow:none}
@media(max-width:600px){.admin-intro{align-items:flex-start}.admin-intro h1{font-size:23px}.admin-intro .badge{font-size:9px}.grid-4{grid-template-columns:repeat(2,1fr)}.stat{padding:16px}.stat .n{font-size:26px}.dashboard-panels{margin:16px 0}.admin-intro .eyebrow{font-size:8px}}
/* Keep native switches keyboard-accessible and give their actual input a touch target. */
.switch input{position:absolute;inset:-7px 0;width:100%;height:44px;opacity:0;z-index:2;cursor:pointer;margin:0}
.typing i{animation:thinking-pulse 1.4s ease-in-out infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes thinking-pulse{50%{opacity:.25}}
.stat::before{display:none}
/* DEV SILVER additions: grouped admin nav, welcome suggestions, storage UX. */
.nav-group-label{font-size:10px;letter-spacing:1.6px;color:var(--dim);padding:12px 14px 5px;font-weight:700}
.welcome-quick{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px;max-width:640px}
.chip-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:8px 14px;font-size:12.5px;cursor:pointer;min-height:40px;line-height:1.5}
.chip-btn:hover{background:var(--card2);border-color:var(--border2)}
.admin-banner{background:var(--surface)}
.hm-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--danger);flex:none}
#devChip{font-size:10px;letter-spacing:1.2px;color:var(--muted);white-space:nowrap}
@media(max-width:600px){
 .nav-group-label{padding:10px 12px 4px}
 .welcome-quick{gap:6px;margin-top:10px}
 .chip-btn{font-size:11.5px;padding:7px 12px}
 #devChip{display:none}
}
/* ===== DEV SILVER — premium minimal enhancements ===== */
.nav-group{margin:10px 0 14px;padding:0 4px}
.nav-group-label{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:1.5px;color:var(--dim);text-transform:uppercase;margin:8px 8px 6px;font-weight:600}
.nav-group .nav-item{margin:2px 4px;border-radius:10px}
.nav-group .nav-item .small.dim{opacity:.7}
#adminNavSearch{background:var(--surface);border:1px solid var(--border);border-radius:10px}
.admin-topbar{position:sticky;top:0;z-index:5;background:var(--bg);backdrop-filter:none;border-bottom:1px solid var(--border)}
.admin-content{scroll-behavior:smooth}
.card{transition:border-color .15s}
.card:hover{border-color:var(--border2)}
.kb-card .q{font-weight:600;font-size:14px;line-height:1.5}
.kb-card .a{line-height:1.7;color:var(--muted)}
.msg.bot .bot-body .msg-tap{line-height:1.85}
.msg.user .msg-tap{line-height:1.7}
.message-toolbar{opacity:0;transition:opacity .15s}
.msg.bot:hover .message-toolbar{opacity:1}
@media(hover:none){.message-toolbar{opacity:1}}
.code-wrap{border:1px solid var(--border);border-radius:12px;overflow:hidden;margin:14px 0;background:var(--code)}
.code-actions{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--card2);border-bottom:1px solid var(--border)}
.code-language{font-size:11px;color:var(--muted);font-family:ui-monospace,monospace}
.copy-code-btn{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:5px 10px;font-size:11px;cursor:pointer;color:var(--muted)}
.copy-code-btn:hover{background:var(--card2);color:var(--text);border-color:var(--border2)}
.msg pre{margin:0;border-radius:0}
.msg code:not(pre code){background:var(--card2);border:1px solid var(--border);padding:2px 6px;border-radius:6px;font-size:13px}
#typingMsg .bot-body{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}
.typing-label{display:flex;align-items:center;gap:8px}
.composer-inner{box-shadow:0 1px 0 var(--border);transition:border-color .15s}
.composer-inner:focus-within{border-color:var(--border2);box-shadow:0 2px 12px rgba(0,0,0,.06)}
#chatInput{line-height:1.6}
#attachPreview .chip{background:var(--surface);border:1px solid var(--border)}
.tk-item{transition:all .15s}
.tk-item:hover{border-color:var(--border2);background:var(--surface)}
.modal-ov{backdrop-filter:blur(8px)}
.modal{border:1px solid var(--border2)}
.input,.select,.textarea{transition:border-color .15s}
.summary-line{border-bottom:1px dashed var(--border);padding:10px 0}
.summary-line:last-child{border-bottom:none}
.admin-intro{border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:20px}
.stat{border:1px solid var(--border);transition:all .15s}
.stat:hover{border-color:var(--border2);transform:translateY(-1px)}
@media(max-width:600px){
  .nav-group-label{font-size:9px}
  .admin-intro{flex-direction:column;align-items:flex-start}
  .composer-inner{grid-template-columns:40px 40px 1fr 40px}
  .msg.user{max-width:88%}
  .code-wrap{margin:12px 0}
}