/* ==========================================================================
   Qura UI — design layer (dev.79)
   Loaded AFTER styles.css. Navy · copper · ice.
   Remove the <link> to qura-ui.css in index.html to roll back instantly.
   ========================================================================== */

:root{
  --ink:#07111D;
  --surface:#0C1826;
  --surface-2:#122033;
  --field:#08101A;
  --hairline:#1C2B3D;
  --text:#F4F8FC;
  --muted:#9AA8B8;
  --faint:#6B7A8C;
  --copper:#C47A18;
  --copper-hot:#E0942A;
  --copper-deep:#8F5610;
  --ice:#F4F8FC;
  --cyan:#5EC8D8;
  --violet:var(--copper);
  --violet-deep:var(--copper-deep);
  --blue:#5EC8D8;
  --line:var(--hairline);
  --panel:var(--surface);
  --panel2:var(--surface-2);
  --purple:var(--copper);
  --purple2:var(--copper-deep);
  --r:16px;
  --topbar-h:60px;
  --chat-w:780px;
  --ease:cubic-bezier(.2,.7,.2,1);
  --glow:0 0 0 3px color-mix(in srgb,var(--copper) 28%,transparent);
  font-family:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:15px;
  -webkit-font-smoothing:antialiased;
  -webkit-tap-highlight-color:transparent;
}
html[data-theme="black"]{
  --ink:#05070C;
  --surface:#0A1018;
  --surface-2:#111A26;
  --field:#04060A;
  --hairline:#1A2432;
}

html,body{background:var(--ink)}
html,body{overflow-x:clip!important;overflow-y:visible!important}
body{color:var(--text);line-height:1.5}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
::selection{background:color-mix(in srgb,var(--copper) 38%,transparent);color:#fff}
*{scrollbar-width:thin;scrollbar-color:#243448 transparent}

:focus-visible{outline:2px solid var(--copper);outline-offset:2px}
button:focus:not(:focus-visible){outline:none}

/* faint grain so large flats don't feel plastic */
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:400;opacity:.035;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- Shell ------------------------------------------------------- */
.app-shell{grid-template-columns:272px minmax(0,1fr)}
.drawer{
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 92%,#0a1a2c) 0%,var(--surface) 40%);
  border-right:1px solid var(--hairline);
}
.brand{height:var(--topbar-h);padding:10px 14px;gap:4px}
.brand-mark{width:62.5px;height:42px;flex:0 0 62.5px;display:flex;align-items:center;justify-content:center;overflow:visible;background:transparent!important;box-shadow:none!important;border-radius:0!important}
.brand-mark img{display:block;height:53.125px;width:auto;aspect-ratio:1 / 1;max-width:none;max-height:none;object-fit:contain;object-position:center;transform:translateY(-3px);transform-origin:center center}
.auth-logo{
  width:36px;height:36px;border-radius:11px;font-size:18px;font-weight:800;
  box-shadow:0 8px 22px color-mix(in srgb,var(--copper) 28%,transparent),inset 0 1px 0 #ffd79a66;
  background:linear-gradient(145deg,#E8A63A 0%,var(--copper) 48%,var(--copper-deep) 100%);
  color:#1a0f04;letter-spacing:-.04em;
}
.brand strong{font-size:14.5px;letter-spacing:-.02em;font-weight:700}
.brand span{color:var(--faint);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.brand-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:1px;line-height:1;overflow:visible}
.brand-copy strong{display:block;line-height:14px}
.brand-copy .brand-tagline{display:block;color:var(--faint);font-size:4.4px;font-weight:700;line-height:5px;letter-spacing:-.02em;text-transform:none;white-space:nowrap;margin-top:-1px;max-width:none;overflow:visible}
.brand-copy .brand-credit{display:block;color:var(--faint);font-size:11px;font-weight:600;line-height:11px;letter-spacing:0;text-transform:none;white-space:nowrap}
.brand-copy .brand-help{display:block;color:var(--faint);font-size:8px;font-weight:500;line-height:9px;letter-spacing:-.015em;text-transform:none;white-space:nowrap}
.drawer-tabs{
  margin:2px 12px 8px;padding:3px;gap:2px;
  background:var(--field);border:1px solid var(--hairline);border-radius:12px;
}
.drawer-tabs button{border:0;border-radius:9px;padding:7px 4px;font-size:12.5px;font-weight:600;color:var(--muted)}
.drawer-tabs button.active{background:var(--surface-2);color:var(--text);box-shadow:0 1px 0 #ffffff0d inset}
.drawer-content{padding:2px 10px 16px}
.nav-group{margin:8px 0 12px}
.nav-group-title{
  text-transform:uppercase;letter-spacing:.08em;font-size:10.5px;font-weight:700;
  color:var(--faint);padding:4px 10px 6px;
}
.nav-item{
  padding:8px 10px;border-radius:10px;color:#d5deea;font-size:13.5px;gap:10px;
  transition:background .15s var(--ease),color .15s;
}
.nav-item:hover{background:var(--surface-2)}
.nav-item.active{
  background:color-mix(in srgb,var(--copper) 12%,var(--surface-2));
  color:#fff;box-shadow:inset 2px 0 0 var(--copper);
}
.nav-icon{width:20px;color:var(--muted)}
.nav-item.active .nav-icon{color:var(--copper-hot)}
.nav-count{
  background:var(--copper);color:#1a0f04;font-weight:800;font-size:11px;
  min-width:18px;height:18px;border-radius:999px;display:inline-grid;place-items:center;padding:0 5px;
}
.nav-meta{color:var(--faint);font-size:11px}
.nav-ai i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px;vertical-align:middle}
.drawer-footer{padding:12px 14px;border-top:1px solid var(--hairline);gap:8px}
.drawer-footer button{padding:6px 10px;border-radius:8px;color:var(--muted);font-size:12.5px}
.drawer-footer button:hover{background:var(--surface-2);color:var(--text)}
.dot{width:8px;height:8px;border-radius:50%;background:#5a6578;box-shadow:0 0 0 3px #5a657822}
.dot.online{background:#3DDC97;box-shadow:0 0 0 3px #3ddc9726,0 0 10px #3ddc9766}

.topbar{
  height:var(--topbar-h);padding:8px 20px;
  background:color-mix(in srgb,var(--ink) 72%,transparent);
  backdrop-filter:blur(18px) saturate(1.35);
  -webkit-backdrop-filter:blur(18px) saturate(1.35);
  border-bottom:1px solid var(--hairline);
}
.topbar h1{font-size:17px;font-weight:700;letter-spacing:-.02em}
.eyebrow{text-transform:none;letter-spacing:0;font-size:12px;color:var(--faint)}
.topbar .eyebrow{display:none}
.icon-btn{
  background:transparent;border:1px solid transparent;border-radius:10px;
  width:38px;height:38px;font-size:17px;color:var(--text);transition:background .15s;
}
.icon-btn:hover{background:var(--surface-2)}
.notification-button,.user-chip{
  background:var(--surface);border:1px solid var(--hairline);border-radius:10px;height:36px;min-width:36px;
}
.user-chip{padding:0 12px;font-size:13px;font-weight:600}
.badge{background:#ff5d7a;font-weight:700;color:#fff}
.system-status{
  border-radius:0;margin:0;border:0;border-bottom:1px solid #5a2a22;
  background:#2a1218;color:#ff97aa;font-size:12px;letter-spacing:.04em;
}
.system-status:not(.offline),[hidden].system-status{display:none}

.view{padding:22px 24px;max-width:1240px}

/* ---------- Surfaces ---------------------------------------------------- */
.hero{
  background:
    radial-gradient(120% 80% at 100% 0%,color-mix(in srgb,var(--copper) 16%,transparent),transparent 55%),
    var(--surface);
  border:1px solid var(--hairline);border-radius:20px;box-shadow:none;position:relative;overflow:hidden;
}
.hero::after{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--copper-hot),var(--copper-deep));
}
.hero h2{font-size:26px;letter-spacing:-.03em;font-weight:750}
.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r)}
.card.clickable{transition:border-color .15s,background .15s,transform .2s var(--ease)}
.card.clickable:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--copper) 35%,var(--hairline));background:var(--surface-2)}
.card-title{font-weight:700;letter-spacing:-.01em}
.row{background:var(--surface);border:1px solid var(--hairline);border-radius:14px}
a.row:hover,.card-link.row:hover,.chat-list-row:hover{background:var(--surface-2)}
.avatar{border-radius:11px;background:var(--surface-2);border-color:var(--hairline)}
.section-head h2{font-size:16px;font-weight:700;letter-spacing:-.015em}
.metric{font-weight:800;letter-spacing:-.03em}
.ai-head,.contract-grid section{background:var(--surface);border-color:var(--hairline)}

/* ---------- Controls ---------------------------------------------------- */
.btn,.primary{
  border-radius:10px;padding:8px 14px;border:1px solid var(--hairline);
  background:var(--surface-2);color:var(--text);font-size:13.5px;font-weight:600;
  transition:background .15s,border-color .15s,filter .15s,transform .15s;
}
.btn:hover{border-color:#2e4258;background:#182636}
.primary{
  background:linear-gradient(180deg,var(--copper-hot),var(--copper));
  border-color:color-mix(in srgb,var(--copper) 70%,#000);
  color:#1a0f04;font-weight:750;
  box-shadow:0 1px 0 #ffd79a55 inset,0 8px 18px color-mix(in srgb,var(--copper) 22%,transparent);
}
.primary:hover{filter:brightness(1.06)}
.primary:disabled,.btn:disabled{opacity:.5;cursor:default;box-shadow:none}
.btn.gold{background:#3a2a12;border-color:#6b4a18;color:#ffd68a}
.btn.danger{background:#2a121a;border-color:#6b2c3a;color:#ff97aa}
.btn.active{background:color-mix(in srgb,var(--copper) 16%,transparent);border-color:var(--copper);color:#fff}
.pill{background:var(--surface-2);border-color:var(--hairline);font-size:11.5px;font-weight:650;padding:3px 9px;border-radius:999px}
.subtab{background:var(--surface);border-color:var(--hairline)}
.subtab.active{background:color-mix(in srgb,var(--copper) 16%,transparent);border-color:var(--copper);color:#fff}

.field textarea,.field select,.field input[type=text],.field input[type=password],.auth-card input,.compact-select,.approval-note,.about-note,.model-search-input{
  background:var(--field);border:1px solid var(--hairline);border-radius:10px;
  transition:border-color .15s,box-shadow .15s;
}
.field textarea:focus,.field select:focus,.field input:focus,.auth-card input:focus,.model-search-input:focus{
  outline:none;border-color:var(--copper);box-shadow:var(--glow);
}

.side-panel,.chat-popover{
  background:color-mix(in srgb,var(--surface) 92%,transparent);
  backdrop-filter:blur(16px);border-color:var(--hairline);box-shadow:0 24px 70px #0009;
}
.side-panel{top:calc(var(--topbar-h) + 12px)}
.savebar{background:color-mix(in srgb,var(--surface) 94%,transparent);border-color:var(--hairline)}

/* ---------- Login ------------------------------------------------------- */
.auth-screen{
  background:
    radial-gradient(50% 40% at 80% -10%,color-mix(in srgb,var(--copper) 28%,transparent),transparent 60%),
    radial-gradient(40% 35% at 10% 110%,color-mix(in srgb,#5EC8D8 14%,transparent),transparent 55%),
    var(--ink);
}
.auth-card{
  background:color-mix(in srgb,var(--surface) 88%,transparent);
  backdrop-filter:blur(20px);
  border:1px solid color-mix(in srgb,var(--copper) 22%,var(--hairline));
  border-radius:24px;box-shadow:0 30px 80px #0008,0 0 0 1px #ffffff08 inset;
  padding:36px 30px;
}
.auth-logo{width:52px;height:52px;border-radius:16px;font-size:26px;margin-bottom:8px}
.auth-card h1{font-size:22px;letter-spacing:-.03em;font-weight:750}
.auth-card p{color:var(--muted)}
.auth-card label{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.02em}
.auth-card .primary{padding:12px;font-size:15px;margin-top:16px;border-radius:12px}

/* ==========================================================================
   Conversation
   ========================================================================== */
.chat-view{max-width:none;overflow-anchor:none}
.chat-view>*{max-width:var(--chat-w);margin-left:auto;margin-right:auto}

.chat-view .chat-head{
  background:none;border:0;border-radius:0;padding:4px 0 14px;align-items:center;gap:12px;
  border-bottom:1px solid var(--hairline);
}
.chat-view .chat-head h2{font-size:20px;font-weight:750;letter-spacing:-.025em;margin:4px 0 0}
.chat-view .chat-head .card-sub{margin-top:2px;color:var(--muted)}
.chat-view .chat-head .status-line{margin-top:0}
.chat-view .chat-head>.status-line,.chat-view .chat-head>a{flex:0 0 auto}
.chat-view .chat-head .btn{padding:7px 12px;font-size:13px}

.chat-view .chat-modebar{margin:10px auto 6px}
.chat-view .compact-modebar{
  top:calc(var(--topbar-h) + 8px);
  background:color-mix(in srgb,var(--ink) 78%,transparent);
  backdrop-filter:blur(14px);
  border-color:var(--hairline);border-radius:12px;padding:5px 6px;gap:6px;
}
.chat-view .compact-modebar .btn{padding:6px 10px;font-size:13.5px;min-width:38px}

.chat-view .message-list{gap:20px;margin-top:20px}
.chat-view .message{border:0;background:none;padding:0;border-radius:0;max-width:100%;box-shadow:none;animation:qura-in .22s var(--ease) both}
@keyframes qura-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.chat-view .message-meta{gap:8px;font-size:12px;color:var(--faint)}
.chat-view .message-meta strong{font-size:13px;font-weight:700;color:var(--text)}
.chat-view .small-avatar{width:26px;height:26px;border-radius:8px;font-size:12px}
.chat-view .message-text{font-size:15px;line-height:1.65;margin-top:6px;color:#E8EEF6}

.chat-view .ai-message{padding-left:36px;position:relative;box-shadow:none}
.chat-view .ai-message .message-meta{margin-left:-36px}
.chat-view .ai-message::before{
  content:"";position:absolute;left:12px;top:32px;bottom:4px;width:2px;border-radius:2px;
  background:color-mix(in srgb,var(--ai-accent,var(--cyan)) 70%,transparent);
}
.chat-view .ai-avatar{
  border:0;box-shadow:none;
  background:color-mix(in srgb,var(--ai-accent,var(--cyan)) 22%,var(--surface));
  color:var(--ai-accent,var(--cyan));
}

.chat-view .user-message{align-self:flex-end;margin-left:auto;max-width:min(78%,600px);display:flex;flex-direction:column;align-items:flex-end}
.chat-view .user-message .message-meta{flex-direction:row-reverse;font-size:11.5px}
.chat-view .user-message .message-meta .avatar{display:none}
.chat-view .user-message .message-meta strong{font-size:12px;color:var(--muted);font-weight:600}
.chat-view .user-message .message-text{
  background:linear-gradient(180deg,#B36E16,var(--copper-deep));
  color:#fff;padding:10px 14px;border-radius:18px 18px 5px 18px;margin-top:4px;
  box-shadow:0 1px 0 #ffd79a33 inset;
}
.chat-view .user-message .message-actions{justify-content:flex-end}

.chat-view .live-message{box-shadow:none}
.chat-view .live-answer::after{
  content:"";display:inline-block;width:.45em;height:1.05em;margin-left:3px;vertical-align:-2px;
  background:var(--ai-accent,var(--copper));border-radius:1px;animation:qura-caret 1s steps(2) infinite;
}
@keyframes qura-caret{50%{opacity:0}}
.chat-view .live-thinking{background:var(--surface);border-left:2px solid var(--faint);border-radius:8px;font-size:12.5px;color:var(--muted);padding:8px 10px}
.chat-view .live-thinking-shell{margin-top:6px;background:var(--surface);border:1px solid var(--hairline);border-left:2px solid var(--faint);border-radius:10px;overflow:hidden;color:var(--muted)}
.chat-view .live-thinking-shell>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;padding:7px 10px;font-size:11px;font-weight:700;letter-spacing:.02em;user-select:none}
.chat-view .live-thinking-shell>summary::-webkit-details-marker{display:none}
.chat-view .live-thinking-state{font-size:10px;color:var(--muted);font-weight:600}
.chat-view .live-thinking-shell[open] .live-thinking-state{color:var(--ai-accent,var(--copper))}
.chat-view .live-thinking-scroll{max-height:120px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border-top:1px solid var(--hairline);padding:8px 10px}
.chat-view .live-thinking-scroll .message-text{font-size:12px;line-height:1.45;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}
.chat-view .compact-thinking{min-height:0;margin-top:6px;padding:7px 10px}
@media(max-width:640px){.chat-view .live-thinking-scroll{max-height:96px}}

.chat-view .message-actions{gap:4px;margin-top:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.chat-view .message-actions::-webkit-scrollbar{display:none}
.chat-view .message-actions .btn{
  flex:0 0 auto;min-width:0;background:transparent;border-color:transparent;
  color:var(--muted);padding:4px 9px;font-size:12px;border-radius:8px;
}
.chat-view .message-actions .btn:hover{background:var(--surface-2);color:var(--text)}
@media (hover:hover){
  .chat-view .message{position:relative}
  .chat-view .message-actions{
    position:absolute;top:-6px;right:0;z-index:5;margin:0;padding:3px;gap:2px;
    background:var(--surface);border:1px solid var(--hairline);border-radius:10px;
    box-shadow:0 8px 24px #0008;opacity:1;pointer-events:auto;transform:none;
    transition:opacity .12s,transform .12s;
  }
  .chat-view .message:hover .message-actions,.chat-view .message:focus-within .message-actions{opacity:1;pointer-events:auto;transform:none}
}
.chat-view .tool-strip .pill{font-size:11px;font-weight:500}
.chat-view .fact-check-box{background:var(--surface);border-color:var(--hairline)}
.chat-view .message-list>.card{background:none;border:1px dashed var(--hairline);text-align:center;min-height:0;padding:28px;color:var(--muted)}

/* ---------- Composer ---------------------------------------------------- */
.chat-view .composer-card{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-areas:"ais ais ais" "chips chips chips" "attach text send" "hint hint hint";
  align-items:end;column-gap:6px;row-gap:4px;
  background:color-mix(in srgb,var(--surface) 92%,transparent);
  backdrop-filter:blur(16px);
  border:1px solid var(--hairline);border-radius:24px;
  padding:6px;box-shadow:0 16px 50px #0007;bottom:14px;
  transition:border-color .15s,box-shadow .15s;
}
.chat-view .composer-card:focus-within{
  border-color:color-mix(in srgb,var(--copper) 55%,var(--hairline));
  box-shadow:0 16px 50px #0007,var(--glow);
}
.chat-view .composer-card .composer-actions{display:contents}
.chat-view .composer-card textarea{
  grid-area:text;min-height:44px;max-height:220px;resize:none;background:transparent;border:0;
  padding:11px 6px;font-size:15px;line-height:1.45;overflow-y:hidden;
}
.chat-view .composer-card textarea::placeholder{color:var(--faint)}
.chat-view .composer-card .chip-wrap{grid-area:chips;padding:0 6px}
.chat-view .composer-card .chip-wrap:empty{display:none}
.chat-view #composerAis{
  grid-area:ais;justify-self:start;margin:2px 4px 0;background:transparent;border-color:transparent;
  color:var(--muted);font-weight:600;padding:2px 6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.chat-view #composerAis::before{content:"Til  ";color:var(--faint);font-weight:500}
.chat-view #attachBtn{
  grid-area:attach;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border-radius:50%;
  background:transparent;border-color:transparent;color:var(--muted);font-size:22px;line-height:1;margin-bottom:2px;
}
.chat-view #attachBtn:hover{background:var(--surface-2);color:var(--text)}
.chat-view #sendBtn{
  grid-area:send;width:40px;height:40px;min-width:40px!important;min-height:40px!important;padding:0;
  border-radius:50%;font-size:0;margin:0 2px 2px 0;display:grid;place-items:center;
  background:linear-gradient(180deg,var(--copper-hot),var(--copper));
  border-color:transparent;color:#1a0f04;
}
.chat-view #sendBtn::before{
  content:"";width:16px;height:16px;background:#1a0f04;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5M5 12l7-7 7 7'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5M5 12l7-7 7 7'/%3E%3C/svg%3E") center/contain no-repeat;
}
.chat-view #sendBtn[data-sending="1"]::before{animation:qura-pulse .9s ease-in-out infinite}
@keyframes qura-pulse{50%{opacity:.35}}
.chat-view .composer-card[data-empty="1"] #sendBtn{
  background:var(--surface-2);border:1px solid var(--hairline);
}
.chat-view .composer-card[data-empty="1"] #sendBtn::before{background:var(--muted)}
.chat-view .composer-hint{grid-area:hint;font-size:11px;color:var(--faint);padding:0 12px 2px;text-align:right;display:none}
.chat-view .composer-card:focus-within .composer-hint{display:block}

.chat-list-row{padding:10px 12px}
.chat-filter-strip .btn{border-radius:999px;padding:6px 12px;font-size:13px}

/* ==========================================================================
   Mobile
   ========================================================================== */
@media(max-width:900px){
  :root{--topbar-h:56px}
  .main{padding-top:var(--topbar-h)}
  .topbar{height:var(--topbar-h);padding:8px 12px;gap:8px}
  .drawer{width:min(86vw,320px);transition:transform .25s var(--ease);box-shadow:20px 0 60px #0008}
  .scrim{background:#05060cb8;backdrop-filter:blur(4px)}
  .side-panel{top:calc(var(--topbar-h) + env(safe-area-inset-top))}
}
@media(max-width:700px){
  :root{font-size:15px}
  .main{padding-top:var(--topbar-h)}
  .topbar{height:var(--topbar-h)}
  .topbar h1{font-size:16.5px}
  .view{padding:12px 12px calc(20px + env(safe-area-inset-bottom))}
  .floating-notice{top:calc(var(--topbar-h) + env(safe-area-inset-top) + 8px)}

  .chat-view .chat-head{flex-direction:row;flex-wrap:wrap;align-items:center;padding:2px 2px 10px}
  .chat-view .chat-head>div:first-child{flex:1 1 auto;min-width:0}
  .chat-view .chat-head h2{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .chat-view .chat-head>.status-line,.chat-view .chat-head>a{width:auto}
  .chat-view .chat-head .card-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .chat-view .compact-modebar{top:calc(var(--topbar-h) + 6px)}
  .chat-view .chat-modebar:not(.compact-modebar){flex-wrap:nowrap;overflow-x:auto}
  .chat-view .chat-modebar:not(.compact-modebar) .btn{flex:0 0 auto;font-size:12.5px;padding:7px 10px}
  .chat-view .compact-modebar button{flex:0 0 auto;width:44px}
  .chat-view .composer-card{row-gap:0}
  .chat-view #composerAis{margin-top:4px;font-size:11px}

  .chat-view .message-list{gap:16px;margin-top:14px}
  .chat-view .message-text{font-size:15.5px}
  .chat-view .ai-message{padding-left:0}
  .chat-view .ai-message .message-meta{margin-left:0}
  .chat-view .ai-message::before{display:none}
  .chat-view .ai-message .message-text{padding-left:0}
  .chat-view .user-message{max-width:86%}
  .chat-view .message-actions{margin-left:-6px}
  .chat-view .user-message .message-actions{margin-left:0;margin-right:-6px}

  .view.chat-view{padding-bottom:calc(110px + env(safe-area-inset-bottom) + var(--keyboard-inset))}
  .chat-view .composer-card{
    left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom) + var(--keyboard-inset));
    padding:5px;border-radius:24px;max-height:none;overflow:visible;
  }
  html.keyboard-open .chat-view .composer-card{bottom:calc(6px + var(--keyboard-inset))}
  .chat-view .composer-card textarea{min-height:42px;max-height:140px;font-size:16px;padding:10px 4px}
  .chat-view .composer-card .composer-actions{display:contents}
  .chat-view .live-turns{margin-bottom:calc(120px + var(--keyboard-inset))}
}
@media(max-width:420px){
  .view{padding-left:10px;padding-right:10px}
  .chat-view .user-message{max-width:90%}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* Badedyr override: AI answers must read as contained reply boxes, not floating text. */
.chat-view .ai-message .message-text,
.chat-view .live-message .live-answer{
  background:color-mix(in srgb,var(--surface-2) 86%,var(--ai-accent,var(--cyan)) 4%);
  border:1px solid color-mix(in srgb,var(--ai-accent,var(--cyan)) 24%,var(--hairline));
  border-radius:6px 16px 16px 16px;
  padding:11px 14px;
  margin-top:6px;
  box-shadow:0 8px 24px #0003;
}
.chat-view .ai-message .message-attachments{margin-top:10px}
.chat-view .image-attachment{border-color:color-mix(in srgb,var(--ai-accent,var(--cyan)) 18%,var(--hairline));background:var(--surface)}
@media(max-width:700px){
  .chat-view .ai-message .message-text{padding:11px 13px}
}

/* ========================================================================
   Negotiation ping-pong
   ======================================================================== */
.negotiation-hero{margin-bottom:18px}
.negotiation-list{display:grid;gap:16px}
.negotiation-chain{padding:16px;overflow:hidden}
.negotiation-board{display:grid;gap:18px;margin-top:14px}
.negotiation-round{display:grid;gap:10px;position:relative}
.negotiation-bubble{max-width:min(88%,760px);padding:14px 16px;border:1px solid var(--hairline);box-shadow:0 10px 28px #0003}
.negotiation-bubble.user{justify-self:end;background:linear-gradient(180deg,color-mix(in srgb,var(--copper) 22%,var(--surface-2)),var(--surface-2));border-color:color-mix(in srgb,var(--copper) 40%,var(--hairline));border-radius:16px 16px 5px 16px}
.negotiation-bubble.ai{justify-self:start;background:linear-gradient(180deg,color-mix(in srgb,var(--cyan) 7%,var(--surface-2)),var(--surface));border-color:color-mix(in srgb,var(--cyan) 24%,var(--hairline));border-radius:5px 16px 16px 16px}
.negotiation-bubble p{margin:8px 0 0;white-space:pre-wrap}
.negotiation-bubble ul{margin:8px 0 0 18px;padding:0}
.negotiation-meta{font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.negotiation-proposal{margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--field);border:1px solid var(--hairline)}
.negotiation-arrow{justify-self:center;color:var(--copper-hot);font-weight:900;opacity:.85}
.negotiation-counter{margin:4px auto 2px;width:min(100%,820px);padding:14px;background:color-mix(in srgb,var(--surface-2) 92%,transparent);border:1px dashed color-mix(in srgb,var(--copper) 45%,var(--hairline));border-radius:14px}
.negotiation-counter .card-title{margin-bottom:8px}
.negotiation-final-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.negotiation-create details,.negotiation-counter details{margin:8px 0}
.negotiation-create summary,.negotiation-counter summary{cursor:pointer;color:var(--muted);font-size:13px}
.error-text{margin-top:8px;color:#ff97aa}
@media(max-width:700px){
  .negotiation-chain{padding:12px}
  .negotiation-bubble{max-width:94%;padding:12px 13px}
  .negotiation-counter{padding:12px}
}

/* Badedyr drawer edge language: menu = copper, AI chats = identity color */
.nav-item{position:relative;box-shadow:none!important}
.nav-item.active::before,.nav-item.ai-chat-item::before{
  content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;
  background:var(--copper);opacity:0;transition:opacity .16s ease,filter .16s ease;
}
.nav-item.active::before{opacity:1}
.nav-item.ai-chat-item::before{background:var(--chat-edge-gradient,var(--chat-edge,var(--copper)));opacity:.62}
.nav-item.ai-chat-item.active::before{opacity:1;filter:brightness(1.18)}
.nav-item.ai-chat-item.active{background:color-mix(in srgb,var(--chat-edge,var(--copper)) 10%,var(--surface-2));}
.nav-item.ai-chat-item.active .nav-icon{color:var(--chat-edge,var(--copper))}

/* Qura accent contract: copper/orange is UI chrome; AI color is identity only. */
.nav-item.ai-chat-item::before,.nav-item.ai-chat-item.active::before{
  background:var(--copper)!important;opacity:1!important;border-radius:0 4px 4px 0;
}
.nav-item.ai-chat-item.active{
  background:color-mix(in srgb,var(--copper) 12%,var(--surface-2))!important;
}
.nav-item.ai-chat-item.active .nav-icon{color:var(--copper-hot)!important}
.drawer-tab.active,.subtab.active,.btn.active{
  border-color:color-mix(in srgb,var(--copper) 58%,var(--hairline));
}

/* Copper edge is a fully rounded capsule at both top and bottom. */
.nav-item.active::before,.nav-item.ai-chat-item::before,.nav-item.ai-chat-item.active::before{
  border-radius:999px!important;
}

/* Message controls belong visually to the message bubble. */
.chat-view .user-message .message-text,
.chat-view .ai-message .message-text{width:100%;box-sizing:border-box}
.chat-view .user-message .message-actions{
  width:100%;box-sizing:border-box;margin:-1px 0 0!important;padding:4px 7px 5px;
  background:linear-gradient(180deg,var(--copper-deep),color-mix(in srgb,var(--copper-deep) 90%,#000 10%));
  border-radius:0 0 5px 18px;justify-content:flex-end;
}
.chat-view .user-message .message-text{border-radius:18px 18px 0 0}
.chat-view .ai-message .message-actions{
  width:100%;box-sizing:border-box;margin:-1px 0 0!important;padding:4px 7px 5px;
  background:color-mix(in srgb,var(--surface-2) 92%,var(--ai-accent,var(--cyan)) 3%);
  border:1px solid color-mix(in srgb,var(--ai-accent,var(--cyan)) 24%,var(--hairline));
  border-top:0;border-radius:0 0 16px 16px;
}
.chat-view .ai-message .message-text{border-radius:6px 16px 0 0}

/* Chat layout repair 2026-09-30: keep every message bubble + controls as one unit in all chat types. */
.chat-view .message-bubble{width:100%;min-width:0;box-sizing:border-box;display:flex;flex-direction:column}
.chat-view .message-bubble .message-text{width:100%;box-sizing:border-box;margin-bottom:0}
.chat-view .message-bubble .message-attachments{width:100%;box-sizing:border-box;margin:0;padding:8px 8px 0}
.chat-view .message-bubble .message-actions{
  position:static!important;inset:auto!important;opacity:1!important;pointer-events:auto!important;transform:none!important;
  width:100%;box-sizing:border-box;margin:-1px 0 0!important;overflow-x:auto;flex-wrap:nowrap;box-shadow:none!important;
}
.chat-view .ai-message .message-bubble .message-actions{
  padding:5px 7px 6px;background:color-mix(in srgb,var(--surface-2) 92%,var(--ai-accent,var(--cyan)) 3%);
  border:1px solid color-mix(in srgb,var(--ai-accent,var(--cyan)) 24%,var(--hairline));border-top:0;border-radius:0 0 16px 16px;
}
.chat-view .user-message .message-bubble .message-actions{
  padding:5px 7px 6px;background:color-mix(in srgb,var(--surface-2) 68%,#000 32%);
  border-radius:0 0 5px 18px;justify-content:flex-end;
}
.chat-view .message-tools,.chat-view .fact-checks{width:100%;box-sizing:border-box;margin-top:6px}
.chat-view .message-tools:empty,.chat-view .fact-checks:empty{display:none}
.chat-view .message-list{padding-bottom:130px}
@media(max-width:700px){
  .chat-view .message-list{padding-bottom:calc(220px + env(safe-area-inset-bottom) + var(--keyboard-inset))}
  .chat-view .message-bubble .message-actions{margin:-1px 0 0!important;padding-left:6px;padding-right:6px}
  .chat-view .message-bubble .message-actions .btn{flex:0 0 auto;min-width:max-content}
}


/* Chat bubble final join: text + attachments + controls are one physical box. */
.chat-view .ai-message .message-bubble{
  background:color-mix(in srgb,var(--surface-2) 86%,var(--ai-accent,var(--cyan)) 4%);
  border:1px solid color-mix(in srgb,var(--ai-accent,var(--cyan)) 24%,var(--hairline));
  border-radius:6px 16px 16px 16px;overflow:hidden;box-shadow:0 8px 24px #0003;
}
.chat-view .ai-message .message-bubble .message-text{
  margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
.chat-view .ai-message .message-bubble .message-actions{
  margin:0!important;border:0!important;border-top:1px solid color-mix(in srgb,var(--ai-accent,var(--cyan)) 20%,var(--hairline))!important;
  border-radius:0!important;box-shadow:none!important;
}
.chat-view .user-message .message-bubble{
  background:color-mix(in srgb,var(--surface-2) 68%,#000 32%);border:1px solid var(--hairline);border-radius:18px 18px 5px 18px;overflow:hidden;
  box-shadow:0 8px 24px #0003;
}
.chat-view .user-message .message-bubble .message-text{
  margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
.chat-view .user-message .message-bubble .message-actions{
  margin:0!important;border-radius:0!important;border-top:1px solid var(--hairline)!important;box-shadow:none!important;
}
/* Compatibility for already-rendered old DOM until the view module reloads. */
.chat-view article.message{display:flex;flex-direction:column}
.chat-view article.message>.message-meta{order:0}
.chat-view article.message>.message-text{order:1}
.chat-view article.message>.message-attachments{order:2}
.chat-view article.message>.message-actions{order:3}
.chat-view article.message>.fact-checks{order:4}
.chat-view article.message>.message-tools{order:5}

/* Chat tool strip v37: helper + tool calls live inside the reply above message actions. */
.chat-view .message-bubble .message-tools{width:100%;min-width:0;margin:0!important;padding:6px 7px 2px;box-sizing:border-box}
.chat-view .message-bubble .message-tools:empty{display:none}
.chat-view .tool-call-row{display:flex;flex-wrap:nowrap;gap:6px;width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:1px 0 3px}
.chat-view .tool-call-row::-webkit-scrollbar{display:none}
.chat-view .tool-call-chip{flex:0 0 auto;max-width:210px;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;border:1px solid var(--hairline);background:color-mix(in srgb,var(--surface) 86%,transparent);color:var(--muted);font:inherit;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;scroll-snap-align:start;cursor:pointer;pointer-events:auto!important;touch-action:manipulation;position:relative;z-index:3}
.chat-view .tool-call-chip span:last-child{overflow:hidden;text-overflow:ellipsis}
.chat-view .tool-call-chip.ok{border-color:#3aa66b80;color:#a8edc2}.chat-view .tool-call-chip.bad{border-color:#e0556380;color:#ffb0ba}.chat-view .tool-call-chip.wait{border-color:#d9a44180;color:#f3d18a}
.chat-view .tool-call-chip.active{background:var(--surface-2);color:var(--text);border-color:color-mix(in srgb,var(--copper) 62%,var(--hairline))}
.chat-view .tool-status-icon{font-weight:900;flex:0 0 auto}
.chat-view .tool-call-panels:empty{display:none}
.chat-view .tool-call-panel{margin:3px 0 5px;padding:8px 9px;border-radius:10px;background:color-mix(in srgb,var(--ink) 35%,transparent);border:1px solid var(--hairline);overflow:auto;max-height:300px}
.chat-view .tool-call-panel[hidden]{display:none!important}
.chat-view .tool-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:11.5px}
.chat-view .tool-call-panel .diagnostic-pre{margin:4px 0 8px;max-height:150px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
/* No separator line: text, helper/tools and message buttons are one continuous bubble. */
.chat-view .ai-message .message-bubble .message-actions,.chat-view .user-message .message-bubble .message-actions{border-top:0!important}
.chat-view .message-bubble .message-actions{position:relative!important;z-index:2;pointer-events:auto!important;touch-action:manipulation}
.chat-view .message-bubble .message-actions .btn{pointer-events:auto!important;touch-action:manipulation;position:relative;z-index:3}
@media(max-width:700px){.chat-view .tool-call-chip{font-size:11px;padding:5px 8px}.chat-view .tool-call-panel{max-height:250px}}

/* Helper + all tool calls share one horizontal scroller; newest calls remain first. */
.chat-view .tool-call-head{display:block;width:100%;min-width:0;padding:1px 0 3px;overflow:hidden}
.chat-view .tool-call-scroll{display:flex;align-items:center;gap:6px;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-right:2px;touch-action:pan-x}
.chat-view .tool-call-scroll::-webkit-scrollbar{display:none}
.chat-view .tool-call-scroll .tool-call-chip{flex:0 0 auto;max-width:180px}
.chat-view .tool-call-scroll .helper-chip{max-width:96px}
@media(max-width:700px){.chat-view .tool-call-scroll{gap:4px}.chat-view .tool-call-scroll .helper-chip{max-width:82px}.chat-view .tool-call-scroll .tool-call-chip{max-width:120px;padding-left:7px;padding-right:7px}}
/* Full tool labels (PC + phone, 2026-10-20).
   Allow real tool names AND actions to wrap inside their own chip.
   Each item stays in the horizontal scroller; only the text wraps. */
.chat-view .tool-call-scroll .tool-call-chip:not(.helper-chip){
  max-width:min(460px,calc(100vw - 64px));
  box-sizing:border-box;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  border-radius:12px;
  min-height:28px;
  align-items:center;
}
.chat-view .tool-call-scroll .tool-call-chip:not(.helper-chip) span:last-child{
  min-width:0;
  max-width:100%;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
  word-break:normal;
  text-align:left;
  line-height:1.3;
}
@media(max-width:700px){
  .chat-view .tool-call-scroll .tool-call-chip:not(.helper-chip){
    max-width:min(360px,calc(100vw - 62px));
  }
}

/* Chat action tap repair 2026-09-30: direct per-button handlers + reliable Android hit targets. */
.chat-view .message-bubble,.chat-view .message-actions,.chat-view .message-actions .btn{pointer-events:auto!important}
.chat-view .message-actions{position:relative!important;z-index:20!important;touch-action:pan-x!important}
.chat-view .message-actions .btn{position:relative!important;z-index:21!important;min-height:36px!important;cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent}
.chat-view .message-tools{position:relative!important;z-index:22!important;pointer-events:auto!important}

/* Compact message action icons 2026-09-30 */
.chat-view .message-bubble .message-actions{gap:3px!important;padding:3px 5px 4px!important;min-height:0!important}
.chat-view .message-actions .message-icon-btn{
  width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;
  flex:0 0 32px!important;padding:0!important;border-radius:9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:15px!important;line-height:1!important;letter-spacing:0!important;white-space:nowrap!important;overflow:hidden!important;
}
.chat-view .user-message .message-bubble .message-actions{justify-content:flex-end!important}
@media(max-width:700px){.chat-view .message-actions .message-icon-btn{width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;flex-basis:30px!important;font-size:14px!important}}
/* Unified monochrome chat action icon language. */
.chat-view .message-actions .message-icon-btn{color:var(--muted)!important;background:transparent!important;border-color:var(--hairline)!important}
.chat-view .message-actions .message-icon-btn:hover,.chat-view .message-actions .message-icon-btn:focus-visible{color:var(--text)!important;background:var(--surface-2)!important}
.chat-view .message-actions .chat-action-icon{display:block;width:18px;height:18px;min-width:18px;min-height:18px;stroke:currentColor;fill:none;stroke-width:1.9;vector-effect:non-scaling-stroke}
@media(max-width:700px){.chat-view .message-actions .chat-action-icon{width:17px;height:17px;min-width:17px;min-height:17px}}

/* Chat-only Quick Tools action in the global topbar. */
.top-chat-tools{cursor:pointer;padding:0}
.top-chat-tools svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.top-chat-tools:hover,.top-chat-tools:focus-visible{background:var(--surface-2);color:var(--text);outline:none}

/* Chat mode: icon-only dropdown beside Tools + Notifications. Connection status floats below without growing the bar. */
.top-actions{position:relative}
.chat-mode-wrap{position:relative;display:block}
.top-chat-mode-btn{cursor:pointer;padding:0;color:var(--text);transition:border-color .15s,color .15s,background .15s,box-shadow .15s}
.top-chat-mode-btn svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.top-chat-mode-btn.mode-normal{color:var(--text);border-color:var(--hairline);background:var(--surface)}
.top-chat-mode-btn.mode-normal-sequence{color:#b19aff;border-color:#b19aff;background:var(--surface)}
.top-chat-mode-btn.mode-auto{color:#4fd38b;border-color:#4fd38b;background:var(--surface)}
.top-chat-mode-btn.mode-sequence{color:#72a7ff;border-color:#72a7ff;background:var(--surface)}
.top-chat-mode-btn.mode-stop{color:#ff667d;border-color:#ff667d;background:var(--surface)}
.top-chat-mode-btn:hover,.top-chat-mode-btn:focus-visible{background:var(--surface-2);outline:none}
.top-chat-mode-btn:disabled{opacity:.55;cursor:wait}
.top-chat-mode-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:95;min-width:142px;padding:6px;background:color-mix(in srgb,var(--ink) 94%,transparent);border:1px solid var(--hairline);border-radius:12px;box-shadow:0 16px 50px #0009;backdrop-filter:blur(16px)}
.top-chat-mode-menu[hidden]{display:none!important}
.top-chat-mode-menu button{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--text);padding:9px 10px;border-radius:8px;text-align:left;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.top-chat-mode-menu button:hover,.top-chat-mode-menu button.active{background:var(--surface-2)}
.mode-dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px;border:1px solid currentColor}
.mode-dot.normal{color:var(--muted);background:var(--muted)}
.mode-dot.normal-sequence{color:#b19aff;background:#b19aff;box-shadow:0 0 8px #b19aff55}
.mode-dot.auto{color:#4fd38b;background:#4fd38b;box-shadow:0 0 8px #4fd38b55}
.mode-dot.sequence{color:#72a7ff;background:#72a7ff;box-shadow:0 0 8px #72a7ff55}
.mode-dot.stop{color:#ff667d;background:#ff667d;box-shadow:0 0 8px #ff667d44}
.chat-top-status-row{position:absolute;right:0;top:calc(100% + 5px);z-index:75;display:flex;align-items:center;justify-content:flex-end;gap:5px;max-width:min(78vw,620px);pointer-events:none}
.chat-live-top-status,.chat-top-notice{position:static;margin:0;height:24px;min-height:24px;display:inline-flex;align-items:center;white-space:nowrap;box-shadow:0 5px 18px #0005}
.chat-top-notice{max-width:min(62vw,520px);overflow:hidden;text-overflow:ellipsis;background:var(--surface);border-color:var(--hairline);color:var(--text)}
@media(max-width:700px){.top-chat-mode-btn svg{width:18px;height:18px}.top-chat-mode-menu{top:calc(100% + 5px);min-width:134px}.chat-top-status-row{top:calc(100% + 3px);max-width:calc(100vw - 20px)}.chat-live-top-status,.chat-top-notice{height:23px;min-height:23px;font-size:9.5px;padding:3px 7px}.chat-top-notice{max-width:calc(100vw - 86px)}}

/* Chat side accents: AI left, user right. */
.chat-view .ai-message .message-bubble{border-left:3px solid var(--copper)!important;border-radius:16px!important}
.chat-view .user-message .message-bubble{border-right:3px solid var(--copper)!important;border-radius:16px!important}

/* Compact top read player: shares the chat status row instead of covering the composer. */
.chat-top-status-row .read-session-bar{position:static!important;left:auto!important;bottom:auto!important;transform:none!important;width:auto!important;max-width:min(58vw,360px);height:30px;min-height:30px;margin:0;padding:2px 3px 2px 8px;display:inline-flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--hairline);border-radius:10px;box-shadow:0 5px 18px #0005;pointer-events:auto;color:var(--text)}
.chat-top-status-row .read-session-bar.hidden{display:none!important}
.chat-top-status-row .read-session-copy{display:flex;align-items:center;gap:5px;min-width:0;font-size:10.5px;white-space:nowrap}
.chat-top-status-row .read-session-speaker{display:inline-flex;color:var(--muted)}
.chat-top-status-row .read-session-speaker .chat-action-icon{width:14px;height:14px}
.chat-top-status-row #readSessionLabel{font-weight:700}
.chat-top-status-row #readSessionSub{color:var(--muted);overflow:hidden;text-overflow:ellipsis;max-width:150px}
.chat-top-status-row .read-session-btn{width:25px;height:25px;min-width:25px;padding:0;display:grid;place-items:center;border:1px solid var(--hairline);border-radius:8px;background:var(--surface-2);color:var(--text);cursor:pointer}
.chat-top-status-row .read-session-btn.stop{color:#ff667d;border-color:#8f3b4b}
.chat-top-status-row .read-session-btn .chat-action-icon{width:14px;height:14px}
@media(max-width:700px){.chat-top-status-row .read-session-bar{max-width:calc(100vw - 105px);height:27px;min-height:27px;padding-left:6px}.chat-top-status-row .read-session-copy{font-size:9.5px}.chat-top-status-row #readSessionLabel{display:none}.chat-top-status-row #readSessionSub{max-width:105px}.chat-top-status-row .read-session-btn{width:22px;height:22px;min-width:22px;border-radius:7px}.chat-top-status-row .read-session-btn .chat-action-icon{width:12px;height:12px}}

/* Chat bottom spacing: reserve room for the fixed composer once, not three times. */
.chat-view .message-list{padding-bottom:0!important}
.chat-view .live-turns{margin-bottom:0!important}
@media(max-width:700px){
  .view.chat-view{padding-bottom:calc(154px + env(safe-area-inset-bottom) + var(--keyboard-inset))!important}
}


/* Three-dot chat actions inside the Chats drawer. */
.drawer-chat-entry{position:relative;display:flex;align-items:center;min-width:0}
.drawer-chat-entry>.nav-item{flex:1;min-width:0;padding-right:4px}
.drawer-chat-more{flex:0 0 30px;width:30px;height:30px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:20px;line-height:1;display:grid;place-items:center;cursor:pointer}
.drawer-chat-more:hover,.drawer-chat-more:focus-visible{background:var(--surface-2);color:var(--text);outline:none}
.drawer-chat-popover{display:none;position:absolute;right:2px;top:34px;z-index:120;min-width:154px;padding:6px;background:color-mix(in srgb,var(--ink) 96%,transparent);border:1px solid var(--hairline);border-radius:12px;box-shadow:0 16px 44px #000a}
.drawer-chat-popover.open{display:flex;flex-direction:column}
.drawer-chat-popover button{border:0;background:transparent;color:var(--text);padding:9px 10px;border-radius:8px;text-align:left;font:inherit;font-size:13px;cursor:pointer}
.drawer-chat-popover button:hover{background:var(--surface-2)}
.drawer-chat-popover .danger-text{color:#ff97aa}

/* ========================================================================
   Provider model browser 2026-09-30
   ======================================================================== */
.provider-browser-hero{margin-bottom:16px}
.provider-browser{padding:14px;overflow:hidden}
.provider-browser-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px;min-width:0}
.provider-filter-strip{display:flex;align-items:center;gap:7px;min-width:0;flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 1px}
.provider-filter-strip::-webkit-scrollbar{display:none}
.provider-filter{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--hairline);border-radius:999px;background:var(--field);color:var(--muted);padding:7px 11px;font:inherit;font-size:12.5px;font-weight:700;white-space:nowrap}
.provider-filter i{width:7px;height:7px;border-radius:50%;background:#3DDC97;box-shadow:0 0 8px #3ddc9755}
.provider-filter span{color:var(--faint);font-size:10.5px;font-weight:700}
.provider-filter.active{background:color-mix(in srgb,var(--copper) 16%,var(--surface-2));border-color:var(--copper);color:var(--text)}
.provider-add-btn{flex:0 0 auto;white-space:nowrap}
.provider-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.provider-search-row .model-search-input{width:100%;min-width:0;box-sizing:border-box;padding:10px 12px}
.provider-model-status{min-height:20px;margin:8px 2px 5px}
.provider-model-list{display:grid;gap:8px}
.model-browser-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px}
.model-browser-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}
.model-browser-title>div{min-width:0}.model-browser-title .row-title,.model-browser-title .row-sub{overflow-wrap:anywhere}
.model-info-btn{flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;padding:0;border:1px solid color-mix(in srgb,var(--copper) 55%,var(--hairline));background:color-mix(in srgb,var(--copper) 10%,var(--surface-2));color:var(--copper-hot);font:inherit;font-size:14px;font-weight:900;cursor:pointer}
.model-info-btn:hover,.model-info-btn:focus-visible{background:color-mix(in srgb,var(--copper) 22%,var(--surface-2));color:#fff}
.model-browser-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.provider-empty{padding:18px 4px}
.provider-manage{margin-top:16px;padding:0;overflow:hidden}
.provider-manage>summary{display:flex;align-items:center;gap:8px;padding:13px 15px;cursor:pointer;font-weight:700;list-style:none}
.provider-manage>summary::-webkit-details-marker{display:none}
.provider-manage>summary::after{content:'⌄';margin-left:auto;color:var(--muted);transition:transform .16s}
.provider-manage[open]>summary::after{transform:rotate(180deg)}
.provider-manage-grid{padding:0 14px 14px}
.model-info-open{overflow:hidden}
.model-info-modal{position:fixed;inset:0;z-index:260;display:grid;place-items:center;padding:18px}
.model-info-modal[hidden]{display:none!important}
.model-info-backdrop{position:absolute;inset:0;background:#02050acd;backdrop-filter:blur(5px)}
.model-info-sheet{position:relative;z-index:1;width:min(760px,calc(100vw - 36px));max-height:min(82vh,860px);overflow:auto;background:var(--surface);border:1px solid color-mix(in srgb,var(--copper) 32%,var(--hairline));border-radius:18px;box-shadow:0 28px 90px #000c;padding:16px}
.model-info-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--hairline)}
.model-info-head h2{margin:7px 0 0;font-size:18px;line-height:1.25;overflow-wrap:anywhere}
.model-info-close{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--hairline);background:var(--surface-2);color:var(--text);font-size:22px;line-height:1}
.model-info-body{padding-top:12px}.model-info-summary{display:grid;gap:8px;margin-bottom:12px}.model-info-summary>div:first-child{display:flex;gap:6px;flex-wrap:wrap}
.model-info-id{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.model-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.model-info-item{min-width:0;padding:9px 10px;border:1px solid var(--hairline);border-radius:10px;background:var(--field)}
.model-info-item span{display:block;margin-bottom:3px;color:var(--faint);font-size:10.5px;font-weight:700;letter-spacing:.03em}
.model-info-item strong{display:block;color:var(--text);font-size:12.5px;font-weight:600;overflow-wrap:anywhere;white-space:pre-wrap}
@media(max-width:700px){
  .provider-browser-hero{margin-bottom:10px}.provider-browser{padding:10px}
  .provider-browser-toolbar{align-items:stretch;gap:8px;flex-direction:column}
  .provider-filter-strip{width:100%;padding-bottom:2px}.provider-filter{padding:7px 10px;font-size:12px}
  .provider-add-btn{align-self:flex-start;padding:8px 11px}
  .provider-search-row{grid-template-columns:minmax(0,1fr) auto}.provider-search-row .btn{padding-left:10px;padding-right:10px}
  .model-browser-row{grid-template-columns:minmax(0,1fr);gap:9px;padding:10px}
  .model-browser-actions{justify-content:flex-start}.model-browser-actions .btn{padding:7px 10px;font-size:12px}
  .model-info-btn{width:30px;height:30px;flex-basis:30px}
  .provider-manage-grid{grid-template-columns:1fr;padding:0 10px 10px}
  .model-info-modal{place-items:end center;padding:0}
  .model-info-sheet{width:100%;max-height:82dvh;border-radius:18px 18px 0 0;border-left:0;border-right:0;border-bottom:0;padding:14px 12px calc(14px + env(safe-area-inset-bottom))}
  .model-info-grid{grid-template-columns:1fr}.model-info-item{padding:8px 9px}
}

/* Provider model browser 2026-09-30 */
/* Models & Providers — provider picker + full model metadata card */
.provider-filter-strip{display:flex;gap:8px;overflow-x:auto;padding:12px 0 10px;scrollbar-width:thin;overscroll-behavior-x:contain}
.provider-filter-strip .btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;border-radius:999px;padding:7px 12px;font-size:13px}
.provider-filter-strip .btn.active{background:color-mix(in srgb,var(--copper) 16%,transparent);border-color:var(--copper);box-shadow:0 0 0 2px color-mix(in srgb,var(--copper) 22%,transparent) inset;color:#fff}
.provider-filter-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--copper);flex:0 0 auto}
.provider-search-row{margin-top:4px}.model-result-row{align-items:center}.model-result-actions{flex:0 0 auto}
.model-info-btn{width:32px;height:32px;min-width:32px;border-radius:50%;border:1px solid var(--copper);background:color-mix(in srgb,var(--copper) 12%,var(--surface));color:#ffd28c;font-weight:900;font-size:16px;line-height:1;cursor:pointer}
.model-info-btn:hover,.model-info-btn:focus{outline:none;box-shadow:var(--glow);background:color-mix(in srgb,var(--copper) 22%,var(--surface))}
.model-info-overlay{position:fixed;inset:0;z-index:260;background:#02050bd9;backdrop-filter:blur(7px);display:grid;place-items:center;padding:18px}
.model-info-card{width:min(720px,100%);max-height:min(82vh,820px);overflow:auto;background:color-mix(in srgb,var(--surface) 96%,#000);border:1px solid var(--hairline);border-radius:18px;box-shadow:0 30px 90px #000c;padding:16px}
.model-info-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid var(--hairline)}
.model-info-head h3{margin:7px 0 3px;font-size:18px;overflow-wrap:anywhere}.model-info-head .card-sub{overflow-wrap:anywhere}
.model-info-grid{display:grid;grid-template-columns:minmax(140px,.42fr) minmax(0,1fr);gap:0;margin-top:10px}
.model-info-key,.model-info-value{padding:9px 8px;border-bottom:1px solid color-mix(in srgb,var(--hairline) 72%,transparent);font-size:12.5px;overflow-wrap:anywhere}
.model-info-key{color:var(--muted);font-weight:700}.model-info-value{color:var(--text);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
@media(max-width:700px){.model-result-row{align-items:flex-start}.model-result-actions{width:100%;justify-content:flex-start;margin-top:8px}.model-info-overlay{place-items:end center;padding:10px}.model-info-card{width:100%;max-height:84vh;border-radius:18px 18px 12px 12px}.model-info-grid{grid-template-columns:1fr}.model-info-key{padding-bottom:2px;border-bottom:0}.model-info-value{padding-top:2px}.provider-search-row{align-items:stretch}.provider-search-row .primary{flex:0 0 auto}}

/* Provider/model full-info + provider logo UI 2026-09-30 */
.provider-filter-wrap{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}
.provider-filter-wrap>.btn{display:inline-flex;align-items:center;gap:7px}
.provider-info-btn{width:26px;height:26px;min-width:26px;border-radius:50%;border:1px solid var(--copper);background:color-mix(in srgb,var(--copper) 8%,var(--surface));color:var(--copper);font-weight:900;line-height:1;cursor:pointer}
.provider-info-btn:hover,.provider-info-btn:focus{outline:none;box-shadow:var(--glow);background:color-mix(in srgb,var(--copper) 18%,var(--surface))}
.provider-filter-logo{width:22px;height:22px;border-radius:7px;object-fit:contain;background:var(--surface-2);border:1px solid var(--hairline);padding:2px;box-sizing:border-box}
.provider-type-title{display:flex;align-items:center;gap:9px}.provider-type-title .provider-filter-logo{width:30px;height:30px}
.model-info-title-wrap{display:flex;align-items:flex-start;gap:12px;min-width:0}.model-info-logo{width:46px;height:46px;border-radius:11px;object-fit:contain;background:var(--surface-2);border:1px solid var(--hairline);padding:4px;box-sizing:border-box}
.model-info-section-title{margin-top:16px;padding:8px 0 6px;color:var(--copper);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.model-info-raw{margin-top:14px;border:1px solid var(--hairline);border-radius:12px;padding:10px;background:var(--surface-2)}.model-info-raw summary{cursor:pointer;font-weight:800}.model-info-raw pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.45;margin:10px 0 0;max-height:360px;overflow:auto}
.provider-logo-preview{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:var(--surface-2);border:1px solid var(--hairline);font-size:22px;font-weight:900}.provider-logo-preview img{width:100%;height:100%;object-fit:contain;padding:5px;box-sizing:border-box}
.provider-logo-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.provider-connection-details{margin-top:9px;border:1px solid var(--hairline);border-radius:12px;overflow:hidden}.provider-connection-details>summary{cursor:pointer;padding:10px 12px;font-weight:800;background:var(--surface-2)}.provider-connection-details .model-info-grid{margin-top:0;padding:0 8px 8px}
@media(max-width:700px){.provider-filter-wrap{gap:3px}.provider-info-btn{width:28px;height:28px;min-width:28px}.model-info-logo{width:42px;height:42px}.provider-logo-actions>*{flex:1 1 auto}}

/* Provider browser visual cleanup — Chat-like filter strip */
.provider-filter-strip{display:flex;align-items:center;gap:8px;overflow-x:auto;overflow-y:hidden;padding:2px 1px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.provider-filter-strip::-webkit-scrollbar{display:none}
.provider-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px;border:1px solid var(--hairline);border-radius:12px;background:var(--surface-2);color:var(--text);font:inherit;font-weight:800;cursor:pointer;white-space:nowrap;box-shadow:none}.provider-chip:hover{border-color:color-mix(in srgb,var(--copper) 55%,var(--hairline))}.provider-chip.active{border-color:var(--copper);background:color-mix(in srgb,var(--copper) 14%,var(--surface-2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--copper) 28%,transparent)}
.provider-chip .provider-filter-logo{width:24px;height:24px;border-radius:8px}.provider-chip .provider-filter-dot{width:9px;height:9px}
.provider-type-grid{align-items:stretch}.provider-type-card{position:relative;padding:0;overflow:hidden}.provider-type-main{display:block;height:100%;padding:16px 48px 16px 16px;text-decoration:none;color:inherit}.provider-type-card:hover{border-color:color-mix(in srgb,var(--copper) 45%,var(--hairline))}.provider-card-info{position:absolute;right:12px;top:12px;width:30px;height:30px;border-radius:50%;border:1px solid var(--copper);background:color-mix(in srgb,var(--copper) 8%,var(--surface));color:var(--copper);font-weight:900;cursor:pointer}.provider-card-info:hover,.provider-card-info:focus{outline:none;box-shadow:var(--glow);background:color-mix(in srgb,var(--copper) 18%,var(--surface))}
@media(max-width:700px){.provider-chip{min-height:36px;padding:7px 10px;border-radius:11px}.provider-type-main{padding:14px 46px 14px 14px}.provider-card-info{right:10px;top:10px}}

/* Compact Models & Providers v2 — dense mobile-first browser, Qura visual language */
.provider-page-hero{padding:14px 16px;margin-bottom:10px;border-radius:16px}.provider-page-hero h2{font-size:21px;margin:4px 0 2px}.provider-page-hero p{margin:0;color:var(--muted);font-size:12.5px}
.compact-model-browser{padding:10px;border-radius:14px;overflow:hidden}.model-browser-segment{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px}.model-segment-btn{min-height:34px;border:1px solid var(--hairline);border-radius:10px;background:var(--field);color:var(--muted);font:inherit;font-size:12px;font-weight:800}.model-segment-btn span{color:var(--faint);margin-left:4px}.model-segment-btn.active{border-color:var(--copper);background:color-mix(in srgb,var(--copper) 12%,var(--surface-2));color:var(--text)}
.compact-model-browser .provider-filter-strip{padding:0 0 8px;gap:6px}.compact-model-browser .provider-chip{min-height:32px;padding:5px 9px;border-radius:10px;font-size:11.5px;font-weight:750}.compact-model-browser .provider-chip .provider-filter-logo{width:20px;height:20px;border-radius:6px}.compact-model-browser .provider-chip .provider-filter-dot{width:7px;height:7px}
.model-price-strip{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:0 0 8px}.model-price-strip::-webkit-scrollbar{display:none}.model-price-btn{flex:0 0 auto;min-height:28px;padding:4px 9px;border:1px solid var(--hairline);border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:10.5px;font-weight:750}.model-price-btn.active{color:#ffd28c;border-color:color-mix(in srgb,var(--copper) 65%,var(--hairline));background:color-mix(in srgb,var(--copper) 10%,transparent)}
.compact-search-row{grid-template-columns:minmax(0,1fr) 36px;gap:6px;margin:0}.compact-search-row .model-search-input{height:36px;padding:7px 10px;font-size:12.5px}.compact-refresh{width:36px;height:36px;min-width:36px;padding:0;display:grid;place-items:center;font-size:17px;border-radius:10px}
.model-browser-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;padding:5px 1px 6px}.model-browser-meta>#globalModelStatus{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px}.compact-pager{flex:0 0 auto;gap:5px;white-space:nowrap}.compact-page-btn{width:27px;height:27px;min-width:27px;padding:0;display:grid;place-items:center;border-radius:8px;font-size:17px}.compact-page-copy{font-size:10.5px;color:var(--muted);font-weight:700}
.compact-model-list{display:grid;gap:6px}.model-compact-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:54px;padding:8px 9px 8px 11px;background:var(--surface);border:1px solid var(--hairline);border-radius:11px}.model-compact-row:hover{border-color:color-mix(in srgb,var(--copper) 30%,var(--hairline));background:color-mix(in srgb,var(--surface-2) 70%,var(--surface))}.model-compact-main{min-width:0}.model-compact-name{font-size:12.5px;font-weight:750;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-compact-meta{margin-top:2px;font-size:9.8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.model-compact-actions{display:flex;align-items:center;gap:6px}.model-compact-actions .model-info-btn{width:29px;height:29px;min-width:29px;font-size:13px}.model-add-btn{min-height:30px;padding:5px 10px;border-radius:9px;font-size:11px;white-space:nowrap;box-shadow:none}
.model-remove-btn,.model-remove-usage-btn{width:29px;height:29px;min-width:29px;padding:0;display:grid;place-items:center}.model-remove-btn svg,.model-remove-usage-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.model-remove-btn{color:var(--muted)}.model-remove-btn:hover{color:#ff8a8a;border-color:color-mix(in srgb,#ff667d 55%,var(--hairline))}.model-remove-usage{min-height:52px}.model-remove-usage-btn{color:#ff9aa9}
.compact-provider-head{margin-top:16px;margin-bottom:7px}.compact-provider-head h2{font-size:14px}.compact-provider-head p{font-size:11px}.compact-provider-connections{gap:8px}.compact-provider-connections>.card{padding:11px;border-radius:12px}
.model-info-overlay{place-items:end center;padding:0;background:#02050bd9}.model-info-card.compact-model-sheet{width:min(760px,100%);max-height:88dvh;border-radius:20px 20px 0 0;border-left:0;border-right:0;border-bottom:0;padding:8px 12px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -22px 70px #000b}.model-sheet-grabber{width:38px;height:4px;border-radius:999px;background:#667180;margin:1px auto 9px;opacity:.65}.compact-model-sheet .model-info-head{padding:0 0 9px}.compact-model-sheet .model-info-head h3{font-size:16px;margin:4px 0 2px}.compact-model-sheet .model-info-logo{width:38px;height:38px;border-radius:9px}.compact-model-sheet .icon-btn{width:32px;height:32px}
.model-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px}.model-summary-grid>div{min-width:0;padding:7px 8px;border:1px solid var(--hairline);border-radius:9px;background:var(--field)}.model-summary-grid span{display:block;color:var(--faint);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}.model-summary-grid strong{display:block;margin-top:2px;font-size:11px;font-weight:650;overflow-wrap:anywhere}.compact-model-sheet .model-info-section-title{margin-top:11px;padding:5px 0 3px;font-size:10.5px}.compact-all-metadata{margin-top:4px}.compact-model-sheet .model-info-key,.compact-model-sheet .model-info-value{padding:6px 7px;font-size:10.5px}.compact-model-sheet .model-info-key{font-size:9.8px}.compact-model-sheet .provider-connection-details,.compact-model-sheet .model-info-raw{margin-top:9px}.compact-model-sheet .provider-connection-details>summary,.compact-model-sheet .model-info-raw>summary{padding:8px 9px;font-size:10.5px}.model-sheet-action{position:sticky;bottom:calc(-10px - env(safe-area-inset-bottom));margin:10px -12px calc(-10px - env(safe-area-inset-bottom));padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface) 96%,#000) 28%)}.model-sheet-action .primary{display:block;width:100%;text-align:center;padding:9px 12px;border-radius:10px;font-size:12px}
@media(min-width:701px){.model-info-overlay{place-items:center;padding:18px}.model-info-card.compact-model-sheet{width:min(760px,calc(100vw - 36px));max-height:86vh;border:1px solid color-mix(in srgb,var(--copper) 32%,var(--hairline));border-radius:18px;padding:14px}.model-sheet-grabber{display:none}.model-sheet-action{bottom:-14px;margin:10px -14px -14px;padding-left:14px;padding-right:14px}.model-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.provider-page-hero{padding:11px 13px}.provider-page-hero h2{font-size:18px}.provider-page-hero p{font-size:11.5px}.compact-model-browser{padding:8px}.model-browser-segment{gap:6px}.model-segment-btn{min-height:32px;font-size:11px}.model-browser-meta{min-height:29px}.model-browser-meta>#globalModelStatus{max-width:42vw}.compact-page-copy{font-size:9.5px}.model-compact-row{min-height:50px;padding:7px 8px 7px 10px}.model-compact-name{font-size:11.8px}.model-compact-meta{font-size:9.3px}.model-compact-actions{gap:5px}.model-add-btn{padding:5px 8px}.model-summary-grid{grid-template-columns:1fr 1fr}.compact-model-sheet .model-info-grid{grid-template-columns:minmax(105px,.38fr) minmax(0,1fr)}.compact-model-sheet .model-info-key{border-bottom:1px solid color-mix(in srgb,var(--hairline) 72%,transparent);padding-bottom:6px}.compact-model-sheet .model-info-value{padding-top:6px}}

/* Model API-add + verified source/download actions 2026-09-30 */
.model-icon-action{width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;display:inline-grid!important;place-items:center!important;border-radius:10px!important;font-size:20px!important;line-height:1!important;text-decoration:none!important}
.model-download-btn{color:var(--copper-hot)!important;border-color:color-mix(in srgb,var(--copper) 52%,var(--hairline))!important;background:color-mix(in srgb,var(--copper) 7%,var(--surface-2))!important;font-weight:900!important}
.model-download-btn:hover,.model-download-btn:focus-visible{background:color-mix(in srgb,var(--copper) 16%,var(--surface-2))!important;color:#fff!important}
.model-sheet-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.model-sheet-download{white-space:nowrap}
@media(max-width:700px){.model-icon-action{width:32px!important;min-width:32px!important;height:32px!important;border-radius:9px!important}.model-sheet-cta{grid-template-columns:1fr}.model-sheet-download{text-align:center}}

/* Models & Providers — unified Chat-style button language 2026-09-30 */
.compact-model-browser button,.compact-model-browser .btn,.compact-model-browser .btn-link,.provider-type-grid button,.provider-logo-actions button,.compact-model-sheet button,.compact-model-sheet .btn,.compact-model-sheet .btn-link{box-shadow:none!important;transition:background .14s,border-color .14s,color .14s,transform .14s!important}
.compact-model-browser .model-info-btn,.compact-model-browser .model-icon-action,.compact-model-browser .compact-refresh,.compact-model-browser .compact-page-btn,.provider-type-grid .provider-card-info{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;border:1px solid var(--hairline)!important;border-radius:9px!important;background:transparent!important;color:var(--muted)!important;display:inline-grid!important;place-items:center!important;line-height:1!important}
.compact-model-browser .model-info-btn:hover,.compact-model-browser .model-info-btn:focus-visible,.compact-model-browser .model-download-btn:hover,.compact-model-browser .model-download-btn:focus-visible,.compact-model-browser .compact-refresh:hover,.compact-model-browser .compact-refresh:focus-visible,.compact-model-browser .compact-page-btn:hover,.compact-model-browser .compact-page-btn:focus-visible,.provider-type-grid .provider-card-info:hover,.provider-type-grid .provider-card-info:focus-visible{background:var(--surface-2)!important;border-color:color-mix(in srgb,var(--copper) 48%,var(--hairline))!important;color:var(--text)!important;outline:none!important}
.compact-model-browser .model-add-btn{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;border-radius:9px!important;display:inline-grid!important;place-items:center!important;font-size:22px!important;font-weight:700!important;line-height:1!important;background:linear-gradient(180deg,var(--copper-hot),var(--copper))!important;border:1px solid color-mix(in srgb,var(--copper) 72%,#000)!important;color:#1a0f04!important}
.compact-model-browser .model-add-btn:hover,.compact-model-browser .model-add-btn:focus-visible{filter:brightness(1.07);outline:none!important}
.compact-model-browser .model-download-btn{font-size:18px!important;font-weight:750!important;text-decoration:none!important}
.compact-model-browser .model-segment-btn,.compact-model-browser .model-price-btn,.compact-model-browser .provider-chip{box-shadow:none!important;border:1px solid var(--hairline)!important;background:transparent!important;color:var(--muted)!important}
.compact-model-browser .model-segment-btn.active,.compact-model-browser .model-price-btn.active,.compact-model-browser .provider-chip.active{background:var(--surface-2)!important;border-color:var(--copper)!important;color:var(--text)!important}
.compact-model-sheet .model-sheet-action .primary{box-shadow:none!important}
@media(max-width:700px){.compact-model-browser .model-info-btn,.compact-model-browser .model-icon-action,.compact-model-browser .compact-refresh,.compact-model-browser .compact-page-btn,.provider-type-grid .provider-card-info,.compact-model-browser .model-add-btn{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;border-radius:8px!important}}

/* Models & Providers — one Chat-style button language + direct-file actions */
.compact-model-browser .model-unified-action,.compact-model-browser .compact-refresh,.compact-model-browser .provider-chip,.compact-model-browser .model-segment-btn,.compact-model-browser .model-price-btn,.provider-type-grid .provider-card-info,.compact-provider-head .primary,.model-info-overlay .btn,.model-info-overlay .primary,.model-info-overlay .icon-btn{background:transparent!important;border:1px solid var(--hairline)!important;color:var(--muted)!important;box-shadow:none!important;text-shadow:none!important;transition:background .15s,border-color .15s,color .15s!important}
.compact-model-browser .model-unified-action:hover,.compact-model-browser .compact-refresh:hover,.compact-model-browser .provider-chip:hover,.compact-model-browser .model-segment-btn:hover,.compact-model-browser .model-price-btn:hover,.provider-type-grid .provider-card-info:hover,.compact-provider-head .primary:hover,.model-info-overlay .btn:hover,.model-info-overlay .primary:hover,.model-info-overlay .icon-btn:hover{background:var(--surface-2)!important;border-color:color-mix(in srgb,var(--copper) 45%,var(--hairline))!important;color:var(--text)!important;filter:none!important}
.compact-model-browser .provider-chip.active,.compact-model-browser .model-segment-btn.active,.compact-model-browser .model-price-btn.active{background:color-mix(in srgb,var(--copper) 9%,var(--surface-2))!important;border-color:color-mix(in srgb,var(--copper) 65%,var(--hairline))!important;color:var(--text)!important}
.compact-model-browser .model-info-btn,.compact-model-browser .model-add-btn,.compact-model-browser .model-download-btn,.compact-model-browser .compact-refresh,.compact-model-browser .compact-page-btn{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;border-radius:9px!important;display:inline-grid!important;place-items:center!important;font-size:18px!important;font-weight:750!important;line-height:1!important;text-decoration:none!important}
.compact-model-browser .model-add-btn,.compact-model-browser .model-download-btn{color:var(--muted)!important;background:transparent!important;border-color:var(--hairline)!important}
.model-sheet-icon-actions{display:flex!important;justify-content:flex-end!important;gap:7px!important}.model-sheet-icon-actions .model-unified-action{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;display:inline-grid!important;place-items:center!important;border-radius:9px!important;font-size:20px!important;text-decoration:none!important}
@media(max-width:700px){.compact-model-browser .model-info-btn,.compact-model-browser .model-add-btn,.compact-model-browser .model-download-btn,.compact-model-browser .compact-refresh,.compact-model-browser .compact-page-btn{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;border-radius:8px!important}.model-sheet-icon-actions .model-unified-action{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important}}

/* Compact collapsible provider + AI lists 2026-09-30 */
.hub-collapse{margin-top:12px;border:1px solid var(--hairline);border-radius:14px;background:var(--surface);overflow:hidden}.hub-collapse>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:10px 13px;cursor:pointer;user-select:none}.hub-collapse>summary::-webkit-details-marker{display:none}.hub-collapse>summary:hover{background:color-mix(in srgb,var(--surface-2) 74%,var(--surface))}.hub-collapse-copy{display:flex;flex-direction:column;min-width:0}.hub-collapse-copy strong{font-size:13px;color:var(--text)}.hub-collapse-copy small{margin-top:2px;font-size:10.5px;color:var(--muted)}.hub-collapse-chevron{font-size:19px;color:var(--muted);transition:transform .18s ease}.hub-collapse[open] .hub-collapse-chevron{transform:rotate(180deg)}.hub-collapse-body{padding:0 10px 11px;border-top:1px solid var(--hairline)}.hub-collapse-divider{height:1px;background:var(--hairline);margin:14px 0}.provider-hub-collapse .provider-type-grid,.ai-list-collapse .ai-grid{margin-top:0}.ai-list-hero{padding-bottom:11px}.ai-list-hero .section-head{margin:4px 0 0}.ai-list-hero h2{margin:0}.ai-list-collapse .ai-provider-group{margin-top:11px}.ai-list-collapse .ai-provider-group:first-child{margin-top:0}
@media(max-width:700px){.hub-collapse{margin-top:9px;border-radius:12px}.hub-collapse>summary{min-height:46px;padding:9px 11px}.hub-collapse-body{padding:0 8px 9px}.hub-collapse-copy strong{font-size:12px}.hub-collapse-copy small{font-size:9.8px}}

/* Model capability + parameter filters 2026-09-30 */
.model-advanced-filters{margin:0 0 8px;border:1px solid var(--hairline);border-radius:10px;background:color-mix(in srgb,var(--surface-2) 76%,transparent);overflow:hidden}
.model-advanced-filters>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;padding:6px 9px;cursor:pointer;font-size:11px;font-weight:800;color:var(--text)}
.model-advanced-filters>summary::-webkit-details-marker{display:none}.filter-summary-note{color:var(--muted);font-size:9.5px;font-weight:650}
.model-filter-body{padding:0 8px 8px}.model-cap-strip{display:flex;gap:5px;overflow-x:auto;padding:2px 0 7px;scrollbar-width:none}.model-cap-strip::-webkit-scrollbar{display:none}
.model-cap-btn{flex:0 0 auto;min-height:28px;padding:4px 8px;border:1px solid var(--hairline);border-radius:8px;background:var(--field);color:var(--muted);font:inherit;font-size:10px;font-weight:750;cursor:pointer}
.model-cap-btn.active{border-color:var(--copper);background:color-mix(in srgb,var(--copper) 12%,var(--surface-2));color:var(--text)}
.model-filter-selects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.model-filter-selects label{display:grid;gap:3px;color:var(--faint);font-size:9px;font-weight:750}.model-filter-selects select{min-width:0;height:30px;border:1px solid var(--hairline);border-radius:8px;background:var(--field);color:var(--text);padding:3px 7px;font:inherit;font-size:10.5px}
.filter-hint{margin-top:6px;font-size:9.4px!important;line-height:1.35}.model-remove-btn{font-size:22px!important;font-weight:700!important}
@media(max-width:700px){.model-filter-selects{grid-template-columns:1fr 1fr}.model-filter-selects label:last-child{grid-column:1/-1}.model-advanced-filters>summary{min-height:30px}.filter-summary-note{max-width:52vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* Safe Markdown inside chat messages */
.chat-view .message-text p{margin:.42em 0}
.chat-view .message-text p:first-child{margin-top:0}
.chat-view .message-text p:last-child{margin-bottom:0}
.chat-view .message-text h1,.chat-view .message-text h2,.chat-view .message-text h3,.chat-view .message-text h4{margin:.7em 0 .3em;line-height:1.25;color:inherit}
.chat-view .message-text h1{font-size:1.35em}.chat-view .message-text h2{font-size:1.22em}.chat-view .message-text h3{font-size:1.12em}.chat-view .message-text h4{font-size:1.04em}
.chat-view .message-text ul,.chat-view .message-text ol{margin:.4em 0;padding-left:1.45em}
.chat-view .message-text li{margin:.18em 0}
.chat-view .message-text blockquote{margin:.45em 0;padding:.25em 0 .25em .8em;border-left:2px solid color-mix(in srgb,currentColor 45%,transparent);opacity:.9}
.chat-view .message-text code{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:.9em;background:#0003;border:1px solid #ffffff14;border-radius:5px;padding:.08em .32em}
.chat-view .message-text .chat-code-block{margin:.55em 0;padding:10px 12px;overflow:auto;max-width:100%;background:#08101b;border:1px solid var(--hairline);border-radius:9px;white-space:pre}
.chat-view .message-text .chat-code-block code{display:block;background:none;border:0;padding:0;font-size:12.5px;line-height:1.5;white-space:pre}
.chat-view .message-text a{color:var(--ai-accent,var(--cyan));text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.chat-view .user-message .message-text a{color:#fff}
.chat-view .message-text hr{border:0;border-top:1px solid color-mix(in srgb,currentColor 25%,transparent);margin:.7em 0}
.chat-view .message-text strong{font-weight:750}.chat-view .message-text del{opacity:.7}

/* Live chat status cleanup 2026-09-30: no empty reply boxes before content exists. */
.chat-view .live-message{
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  padding-left:0!important;
  padding-right:0!important;
}
.chat-view .live-message.status-only .message-meta{margin-bottom:4px}
.chat-view .live-state-strip{display:flex;flex-direction:column;gap:5px;min-width:0;padding-left:38px}
.chat-view .live-pending-line,.chat-view .live-turn-note{font-size:12px;color:var(--muted);line-height:1.35}
.chat-view .live-turn-note.error{color:var(--danger,#ef8c8c)}
.chat-view .live-state-strip .message-tools{margin:0!important}
.chat-view .live-message.has-answer .live-message-bubble{margin-top:4px}

/* Chat identity trial 2026-09-30: neutral AI bubble, identity only on the edge. */
.chat-view .ai-message .message-bubble{
  background:color-mix(in srgb,var(--surface-2) 82%,#000 18%)!important;
  border:1px solid var(--hairline)!important;
  border-left:3px solid var(--ai-accent,var(--cyan))!important;
  border-radius:16px!important;
}
.chat-view .ai-message .message-bubble .message-actions{
  background:transparent!important;
  border-color:transparent!important;
}
.chat-view .ai-message .message-bubble .message-tools,
.chat-view .ai-message .message-bubble .fact-checks{background:transparent!important}
.chat-view .ai-message::before{display:none!important}

/* Compact live-turn card 2026-09-30: match final chat bubble without becoming a fake empty answer. */
.chat-view .live-message.status-only{
  background:color-mix(in srgb,var(--surface-2) 82%,#000 18%)!important;
  border:1px solid var(--hairline)!important;
  border-left:3px solid var(--ai-accent,var(--cyan))!important;
  border-radius:14px!important;padding:8px 10px!important;
  box-shadow:0 6px 18px #0002!important;
}
.chat-view .live-message.status-only .message-meta{margin:0!important}
.chat-view .live-message.status-only .message-meta>.pill{font-size:9.5px;padding:2px 7px}
.chat-view .live-message.status-only .live-state-strip{padding-left:34px;gap:3px}
.chat-view .live-message.status-only .live-pending-line{font-size:10.5px;color:var(--faint)}
.chat-view .live-helper-tools .tool-call-scroll{gap:4px}
.chat-view .live-helper-tools .helper-chip{font-size:10px;padding:3px 7px;max-width:78px}
.chat-view .live-helper-tools .pill{font-size:9px;padding:2px 6px;line-height:1.15;background:var(--field);border-color:var(--hairline);color:var(--muted)}
.chat-view .live-helper-tools .live-helper-count{font-weight:800;color:var(--text)}
@media(max-width:700px){.chat-view .live-message.status-only{padding:7px 8px!important}.chat-view .live-message.status-only .live-state-strip{padding-left:32px}.chat-view .live-helper-tools .pill{font-size:8.7px;padding:2px 5px}.chat-view .live-helper-tools .helper-chip{font-size:9.5px;padding:3px 6px}}

/* Unified chat bubble structure 2026-09-30: identity/time live inside the bubble. */
.chat-view .message-bubble>.message-meta{
  width:100%;box-sizing:border-box;margin:0!important;padding:7px 10px 1px;
  min-height:31px;display:flex;align-items:center;gap:7px;
}
.chat-view .ai-message .message-bubble>.message-meta .msg-time{margin-left:auto;color:var(--faint);font-size:10.5px}
.chat-view .user-message .message-bubble>.message-meta{
  flex-direction:row;justify-content:flex-end;padding:7px 10px 0;font-size:10.5px;
}
.chat-view .user-message .message-bubble>.message-meta .avatar{display:none!important}
.chat-view .user-message .message-bubble>.message-meta strong{color:var(--muted);font-size:11px}
.chat-view .user-message .message-bubble>.message-meta .msg-time{color:var(--faint);font-size:10px;order:-1}
.chat-view .live-message.status-only{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
.chat-view .live-message .live-message-bubble{margin:0!important;overflow:hidden}
.chat-view .live-message .live-message-meta{padding-bottom:4px}
.chat-view .live-message .live-state-pill{margin-left:auto;font-size:9.5px;padding:2px 7px}
.chat-view .live-message .live-pending-line,.chat-view .live-message .live-turn-note{padding:2px 11px 5px}
.chat-view .live-message .live-thinking-shell{margin:4px 9px 5px}
.chat-view .live-message .message-tools{padding:3px 7px 5px!important}
.chat-view .live-helper-tools .tool-call-scroll{gap:3px}
.chat-view .live-helper-tools .helper-chip{font-size:9.5px!important;padding:2px 6px!important;max-width:74px!important}
.chat-view .live-helper-tools .pill{font-size:8.5px!important;padding:2px 5px!important;line-height:1.1!important;border-radius:7px!important;background:color-mix(in srgb,var(--field) 82%,transparent)!important}
@media(max-width:700px){
  .chat-view .message-bubble>.message-meta{padding:6px 8px 1px;min-height:29px;gap:6px}
  .chat-view .ai-message .message-bubble>.message-meta .msg-time{font-size:9.5px}
  .chat-view .live-message .live-state-pill{font-size:9px;padding:2px 6px}
  .chat-view .live-message .live-pending-line{font-size:10px;padding-left:9px;padding-right:9px}
}

/* Chat meta placement 2026-09-30: identity/time/status sit just above the bubble. */
.chat-view .message>.message-meta{
  width:100%;box-sizing:border-box;margin:0 0 2px!important;padding:0 3px!important;
  min-height:28px;display:flex;align-items:center;gap:7px;
}
.chat-view .ai-message>.message-meta .msg-time{color:var(--faint);font-size:10.5px}
.chat-view .live-message>.message-meta .live-state-pill{margin-left:2px!important;font-size:9.5px;padding:2px 7px}
.chat-view .live-message .live-message-bubble{margin-top:0!important}
.chat-view .live-message.status-only .live-message-bubble{min-height:0}
.chat-view .user-message>.message-meta{justify-content:flex-end;flex-direction:row!important}
.chat-view .user-message>.message-meta .avatar{display:none!important}
.chat-view .user-message>.message-meta .msg-time{order:-1;color:var(--faint);font-size:10px}
@media(max-width:700px){
  .chat-view .message>.message-meta{min-height:26px;gap:6px;margin-bottom:1px!important;padding:0 2px!important}
  .chat-view .ai-message>.message-meta .msg-time{font-size:9.5px}
  .chat-view .live-message>.message-meta .live-state-pill{font-size:9px;padding:2px 6px}
}

/* Keep completed provider reasoning in the same top position used while streaming. */
.chat-view .message-reasoning-top{width:100%;box-sizing:border-box}
.chat-view .message-reasoning-top:empty{display:none}
.chat-view .message-reasoning-top .live-thinking-shell{margin:6px 9px 5px}

/* AI message header alignment 2026-09-30: identity left, live state centered, timestamp right. */
.chat-view .ai-message>.message-meta{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  column-gap:7px;
}
.chat-view .ai-message>.message-meta .message-identity{
  grid-column:1;grid-row:1;display:flex;align-items:center;gap:7px;min-width:0;justify-self:start;
}
.chat-view .ai-message>.message-meta .message-identity strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-view .ai-message>.message-meta .message-identity-copy{height:26px;min-width:0;display:flex;flex-direction:column;justify-content:center;line-height:1;overflow:hidden}
.chat-view .ai-message>.message-meta .message-identity-copy strong{display:block;line-height:13px;max-height:13px}
.chat-view .ai-message>.message-meta .message-provider{display:block;min-width:0;max-width:100%;font-size:9px;line-height:10px;color:var(--faint);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-view .ai-message>.message-meta .live-state-pill{grid-column:2;justify-self:center;margin:0!important;white-space:nowrap}
.chat-view .ai-message>.message-meta .msg-time{grid-column:3;grid-row:1;justify-self:end;margin:0!important;white-space:nowrap;text-align:right}
.chat-view .user-message>.message-meta .message-identity{display:flex;align-items:center;gap:6px}
@media(max-width:700px){
  .chat-view .ai-message>.message-meta{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:5px}
  .chat-view .ai-message>.message-meta .message-identity{gap:5px}
  .chat-view .ai-message>.message-meta .message-provider{font-size:8.5px;line-height:9px}
  .chat-view .ai-message>.message-meta .msg-time{font-size:9px!important}
}

/* Source Hub · Git-style read-only browser 2026-10-01 */
.source-hub-hero{margin-bottom:14px}
.source-hub-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}
.source-path-copy{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;overflow-wrap:anywhere;color:var(--text-2)}
.source-hub-shell{display:grid;grid-template-columns:minmax(230px,280px) minmax(0,1fr) minmax(230px,300px);gap:12px;align-items:start}
.source-hub-sidebar,.source-hub-ai{position:sticky;top:74px;max-height:calc(var(--app-visual-height,100vh) - 90px);overflow:auto}
.source-hub-main{min-width:0;padding:0;overflow:hidden}
.source-hub-sidebar,.source-hub-ai{padding:12px}
.source-scope-btn,.source-ai-row,.source-tree-row{width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.source-scope-btn{display:flex;flex-direction:column;gap:2px;padding:10px;border:1px solid var(--hairline);border-radius:12px;margin:8px 0}
.source-scope-btn.active{background:color-mix(in srgb,var(--surface-2) 88%,#fff 12%);border-color:color-mix(in srgb,var(--copper) 38%,var(--hairline))}
.source-scope-btn span{font-weight:700}.source-scope-btn small{color:var(--text-2);font-size:10px;overflow-wrap:anywhere}
.source-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin:10px 0}.source-search input{min-width:0}
.source-tree{border-top:1px solid var(--hairline);padding-top:8px}
.source-breadcrumbs{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:4px 2px 8px;color:var(--text-2);font-size:11px}
.source-crumb{border:0;background:transparent;color:var(--cyan);padding:0;cursor:pointer;font:inherit}
.source-tree-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:6px;padding:7px 4px;border-bottom:1px solid color-mix(in srgb,var(--hairline) 65%,transparent);border-radius:8px}
.source-tree-row:hover{background:color-mix(in srgb,var(--surface-2) 82%,#fff 18%)}
.source-tree-copy{min-width:0;display:flex;flex-direction:column}.source-tree-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-tree-copy small{font-size:9px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.source-file-icon{color:var(--cyan);text-align:center}.source-file-size{font-size:9px;color:var(--text-3);white-space:nowrap}
.source-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--hairline);background:color-mix(in srgb,var(--surface-2) 80%,transparent)}
.source-branch{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;color:var(--text-2)}
.source-tabs{display:flex;gap:5px}.source-tabs .btn.active{border-color:var(--copper);background:color-mix(in srgb,var(--surface-2) 74%,var(--copper) 26%)}
#sourceHubContent{min-height:420px}
.source-empty{display:grid;place-items:center;align-content:center;min-height:320px;text-align:center;padding:24px}
.source-file-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;border-bottom:1px solid var(--hairline)}
.source-code{overflow:auto;max-width:100%;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:12px;line-height:1.55;background:color-mix(in srgb,var(--ink) 91%,#fff 9%)}
.source-code-line{display:grid;grid-template-columns:56px minmax(max-content,1fr);min-height:20px}.source-code-line:target{background:color-mix(in srgb,var(--copper) 18%,transparent)}
.source-line-no{position:sticky;left:0;text-align:right;padding:0 12px 0 6px;color:var(--text-3);text-decoration:none;user-select:none;border-right:1px solid var(--hairline);background:color-mix(in srgb,var(--ink) 94%,#fff 6%)}
.source-code-line code{display:block;padding:0 12px;white-space:pre;min-width:max-content;color:var(--text-1)}
.source-load-more{margin:12px}
.source-ai-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:8px;align-items:start;padding:9px 4px;border-bottom:1px solid var(--hairline);border-radius:8px}
.source-ai-row:not(:disabled):hover,.source-ai-row.active{background:color-mix(in srgb,var(--surface-2) 85%,#fff 15%)}.source-ai-row:disabled{cursor:default;opacity:.72}
.source-ai-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;background:var(--ai-color)}
.source-ai-copy{display:flex;flex-direction:column;min-width:0}.source-ai-copy strong{font-size:12px}.source-ai-copy small{font-size:9px;color:var(--text-3);overflow-wrap:anywhere;margin-top:2px}.source-ai-row>.pill{font-size:8px;padding:3px 5px}
.source-diff{margin:0;padding:14px;overflow:auto;max-height:70vh;white-space:pre;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;background:color-mix(in srgb,var(--ink) 91%,#fff 9%);color:var(--text-1)}
.source-log{padding:4px 14px 14px}.source-log-row{display:grid;grid-template-columns:14px minmax(0,1fr);gap:8px;padding:10px 0;border-bottom:1px solid var(--hairline)}.source-commit-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;background:var(--copper);box-shadow:0 0 0 3px color-mix(in srgb,var(--copper) 20%,transparent)}
.source-search-results .row{text-align:left;width:100%;background:transparent;color:inherit;border-left:0;border-right:0}
@media(max-width:1050px){.source-hub-shell{grid-template-columns:minmax(210px,260px) minmax(0,1fr)}.source-hub-ai{grid-column:1/-1;position:static;max-height:none}.source-hub-ai #sourceAiList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}}
@media(max-width:720px){.source-hub-stats{grid-template-columns:1fr}.source-hub-shell{display:block}.source-hub-sidebar,.source-hub-ai{position:static;max-height:none;margin-bottom:10px}.source-hub-main{margin-bottom:10px}.source-hub-ai #sourceAiList{grid-template-columns:1fr}.source-toolbar{align-items:flex-start;flex-direction:column}.source-tabs{width:100%}.source-tabs .btn{flex:1}.source-code{font-size:11px}.source-code-line{grid-template-columns:44px minmax(max-content,1fr)}.source-file-head{flex-direction:column}.source-hub-sidebar{max-height:48vh}}

/* Chat AI-meta: provider, status and time/date share one exact subline; Featherless usage sits above status. */
.chat-view .ai-message>.message-meta{
  --chat-meta-sub-size:9px;
  --chat-meta-sub-line:10px;
  --chat-meta-sub-top:calc((26px - 13px - var(--chat-meta-sub-line))/2 + 13px);
}
.chat-view .ai-message>.message-meta .message-provider,
.chat-view .ai-message>.message-meta .live-provider-status,
.chat-view .ai-message>.message-meta .msg-time{
  font-size:var(--chat-meta-sub-size)!important;
  line-height:var(--chat-meta-sub-line)!important;
  font-weight:500;
}
.chat-view .ai-message>.message-meta .live-provider-center{
  grid-column:2;grid-row:1;justify-self:center;align-self:start;
  width:74px;min-width:74px;max-width:74px;height:26px;margin-top:0;overflow:visible;
  display:grid;grid-template-rows:13px var(--chat-meta-sub-line);align-content:center;justify-items:center;
}
.chat-view .ai-message>.message-meta .live-provider-status{
  position:static;grid-row:2;align-self:start;justify-self:center;transform:none;width:74px;
  letter-spacing:.02em;text-align:center;font-variant-numeric:tabular-nums;color:var(--faint);white-space:nowrap;
}
.chat-view .ai-message>.message-meta .live-provider-status.error{color:var(--danger,#ef8c8c)}
.chat-view .ai-message>.message-meta .msg-time{
  align-self:start;margin:var(--chat-meta-sub-top) 0 0!important;
}
.chat-view .featherless-live-dots{
  position:static;grid-row:1;align-self:end;justify-self:center;height:7px;transform:none;
  display:flex;align-items:center;justify-content:center;gap:2px;color:var(--cyan);white-space:nowrap;
}
.chat-view .featherless-profile-letter{display:block;margin-right:1px;font-size:7px;line-height:7px;font-weight:700;color:currentColor}
.chat-view .featherless-unit-dots{display:flex;align-items:center;gap:2px;min-width:0}
.chat-view .featherless-live-count{font-size:7px;line-height:7px;font-weight:700;font-variant-numeric:tabular-nums;color:currentColor;opacity:.9}
.chat-view .featherless-plan-mismatch{color:var(--gold,#d6a84b)}
.chat-view .featherless-live-more{font-size:6px;line-height:7px;font-weight:700;color:currentColor;opacity:.8}
.chat-view .featherless-live-dots i{display:block;width:3px;height:3px;border-radius:50%;box-sizing:border-box;background:transparent;border:1px solid currentColor;opacity:.34;transform:scale(.9)}
.chat-view .featherless-live-dots i.active{background:currentColor;border-color:currentColor;opacity:.55;animation:featherless-live-dot 1.15s ease-in-out infinite}
.chat-view .featherless-live-dots i.active:nth-child(2){animation-delay:.12s}.chat-view .featherless-live-dots i.active:nth-child(3){animation-delay:.24s}.chat-view .featherless-live-dots i.active:nth-child(4){animation-delay:.36s}
@keyframes featherless-live-dot{0%,70%,100%{opacity:.45;transform:scale(.82)}35%{opacity:1;transform:scale(1)}}
@media(max-width:700px){
  .chat-view .ai-message>.message-meta{--chat-meta-sub-size:8.5px;--chat-meta-sub-line:9px}
  .chat-view .ai-message>.message-meta .live-provider-center{width:66px;min-width:66px;max-width:66px;height:26px}
  .chat-view .ai-message>.message-meta .live-provider-status{width:66px}
  .chat-view .featherless-live-dots{gap:2px}.chat-view .featherless-live-dots i{width:3px;height:3px}
}
.chat-view .featherless-usage-unknown{font-size:7px;line-height:7px;font-weight:700;color:var(--faint)}

/* AI model-stack browser: compact search with icon-only actions. */
.stack-model-browser{margin-top:10px;padding:10px;border:1px solid var(--hairline);border-radius:12px;background:color-mix(in srgb,var(--surface-2) 70%,transparent)}
.stack-model-browser-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}
.stack-model-search-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,190px);gap:7px;align-items:center}
.stack-model-results{display:grid;gap:5px;margin-top:7px;max-height:330px;overflow:auto;overscroll-behavior:contain}
.stack-model-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 8px;border:1px solid var(--hairline);border-radius:10px;background:var(--field)}
.stack-model-result-copy{min-width:0;display:flex;flex-direction:column}.stack-model-result-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stack-model-result-copy small{font-size:9.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stack-icon-btn{width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;display:inline-grid!important;place-items:center!important;border-radius:9px!important;flex:0 0 32px!important}
.stack-icon-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.stack-add-icon.added{border-color:#3DDC97!important;color:#3DDC97!important;background:#3ddc9712!important}
.stack-route-actions{flex-wrap:nowrap!important;justify-content:flex-end}.stack-model-empty{padding:8px}
@media(max-width:700px){.stack-model-browser{padding:8px}.stack-model-search-row{grid-template-columns:minmax(0,1fr) 128px}.stack-model-results{max-height:280px}.stack-model-result{padding:6px 7px}.stack-icon-btn{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;flex-basis:30px!important}.stack-model-result-copy strong{font-size:11.5px}.stack-model-result-copy small{font-size:9px}}


/* Models & Providers — ADD model to existing AI */
.model-add-ai-sheet{width:min(560px,calc(100vw - 24px))}
.model-add-ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.model-add-ai-actions{position:static;margin:14px 0 0;padding:10px 0 0;border-top:1px solid var(--hairline);background:transparent}
.model-add-ai-confirm{display:inline-flex!important;align-items:center;justify-content:center;gap:7px}
.model-add-ai-confirm svg,.compact-model-browser .model-add-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){.model-add-ai-sheet{width:100%}.model-add-ai-grid{grid-template-columns:1fr}.model-add-ai-actions{display:flex;gap:7px}.model-add-ai-actions>*{flex:1}}
.chat-view .composer-motor-button{grid-area:attach;justify-self:center;align-self:center;position:relative;transform:translateY(-22px);z-index:3;display:grid;place-items:center;width:26px;height:22px;padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.chat-view .composer-motor-button .chat-action-icon{width:17px;height:17px}
.chat-view .composer-motor-button:hover,.chat-view .composer-motor-button:focus-visible{color:var(--text)}
.chat-view .composer-motor-button.selected{color:var(--copper)}
.composer-motor-panel .composer-motor-ai{padding:10px}
.composer-motor-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:6px;margin-top:6px}
.composer-motor-row .composer-motor-choice{margin-top:0}
.composer-motor-delete{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;touch-action:manipulation}
.composer-motor-delete:hover,.composer-motor-delete:focus-visible{color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent);border-color:color-mix(in srgb,var(--red) 28%,transparent)}
.composer-motor-delete .chat-action-icon{width:16px;height:16px}
.composer-motor-choice{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;padding:10px 12px;margin-top:6px;border:1px solid var(--hairline);border-radius:12px;background:var(--field);color:var(--text)}
.composer-motor-choice>span:first-child{min-width:0;display:flex;flex-direction:column;gap:2px}.composer-motor-choice strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-motor-choice small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.composer-motor-choice.selected{border-color:color-mix(in srgb,var(--copper) 70%,var(--hairline));box-shadow:0 0 0 2px color-mix(in srgb,var(--copper) 18%,transparent)}


/* Compact AI identity rows 2026-10-02 */
.ai-list-collapse .ai-grid{gap:6px}
.ai-list-collapse .section-head.compact{margin:10px 0 6px}
.ai-list-collapse .section-head.compact h3{font-size:12px;margin:0}
.ai-list-collapse .section-head.compact p{font-size:9.5px;margin-top:1px}
.ai-list-collapse .ai-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;min-height:0;padding:8px 9px;border-radius:11px}
.ai-list-collapse .ai-card-main{min-width:0}
.ai-list-collapse .ai-card .card-title{gap:8px;min-height:32px}
.ai-list-collapse .ai-card .avatar{width:32px;height:32px;min-width:32px;border-radius:10px;font-size:12px}
.ai-list-collapse .ai-card-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal}
.ai-list-collapse .ai-model{margin-top:2px;font-size:9.6px;line-height:1.25;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal}
.ai-list-collapse .ai-card-main>.status-line{gap:4px;margin-top:4px;flex-wrap:nowrap;overflow:hidden}
.ai-list-collapse .ai-card-main>.status-line .pill{min-height:20px;padding:2px 6px;font-size:8.8px;white-space:nowrap}
.ai-list-collapse .ai-card>.status-line{display:flex;flex-direction:column;gap:4px;margin:0;flex-wrap:nowrap}
.ai-list-collapse .ai-card>.status-line .btn{min-width:54px;min-height:28px;padding:5px 8px;border-radius:8px;font-size:9.5px}
@media(max-width:700px){.ai-list-collapse .ai-card{grid-template-columns:minmax(0,1fr) auto;padding:7px 8px}.ai-list-collapse .ai-card>.status-line .btn{min-width:50px;min-height:27px;padding:4px 7px}.ai-list-collapse .ai-card-main>.status-line .pill{max-width:96px;overflow:hidden;text-overflow:ellipsis}}

/* Compact provider lists inside Models & Providers */
.provider-hub-collapse .provider-type-grid{gap:6px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.provider-hub-collapse .provider-type-card{min-height:52px;border-radius:10px}
.provider-hub-collapse .provider-type-main{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title count" "sub count";align-items:center;column-gap:8px;row-gap:1px;padding:8px 42px 8px 10px}
.provider-hub-collapse .provider-type-title{grid-area:title;min-width:0;font-size:12px;gap:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.provider-hub-collapse .provider-type-title img{width:22px;height:22px;border-radius:6px;flex:0 0 auto}
.provider-hub-collapse .provider-type-main>.card-sub{grid-area:sub;min-width:0;font-size:9.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.provider-hub-collapse .provider-type-main>.status-line{grid-area:count;margin:0;justify-self:end}
.provider-hub-collapse .provider-type-main>.status-line .pill{font-size:9px;padding:2px 5px}
.provider-hub-collapse .provider-card-info{right:7px;top:50%;transform:translateY(-50%);width:27px;height:27px;font-size:12px}
.provider-hub-collapse .compact-provider-head{margin-top:10px;margin-bottom:5px}
.provider-hub-collapse .compact-provider-head h2{font-size:12px}.provider-hub-collapse .compact-provider-head p{font-size:9.5px;margin-top:1px}
.provider-hub-collapse .compact-provider-connections{gap:6px}
.provider-hub-collapse .compact-provider-connections>.card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name state" "url state";align-items:center;column-gap:8px;row-gap:1px;min-height:48px;padding:7px 9px;border-radius:10px}
.provider-hub-collapse .compact-provider-connections>.card>.card-title{grid-area:name;min-width:0;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.provider-hub-collapse .compact-provider-connections>.card>.card-sub{grid-area:url;min-width:0;font-size:9.2px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.provider-hub-collapse .compact-provider-connections>.card>.status-line{grid-area:state;margin:0;justify-self:end;gap:4px}
.provider-hub-collapse .compact-provider-connections>.card>.status-line .pill{font-size:8.8px;padding:2px 5px}
@media(max-width:700px){.provider-hub-collapse .provider-type-grid{grid-template-columns:1fr}.provider-hub-collapse .provider-type-card{min-height:48px}.provider-hub-collapse .provider-type-main{padding:7px 39px 7px 9px}.provider-hub-collapse .provider-card-info{right:6px;width:26px;height:26px}.provider-hub-collapse .compact-provider-connections>.card{min-height:44px;padding:6px 8px}.provider-hub-collapse .compact-provider-head .actions .btn{min-height:30px;padding:5px 8px;font-size:10px}}

/* Unified AI + Models hub 2026-10-02 */
.unified-models-providers{margin-top:8px}.unified-models-body{padding-top:9px}.unified-models-body>.provider-global-search{margin:0}.unified-models-body>.provider-hub-collapse{margin-top:8px}.unified-models-loading{padding:12px 4px}.unified-ai-hub-hero{margin-bottom:8px}
@media(max-width:700px){.unified-models-body{padding:7px 6px 8px}.unified-models-body>.compact-model-browser{border-radius:10px}.unified-ai-hub-hero p{max-width:92%}}

/* Unified AI & provider hub — every management surface lives behind a dropdown. */
.unified-dropdown-actions{display:flex;justify-content:flex-end;align-items:center;padding:8px 0 2px}
.unified-dropdown-actions .btn{min-height:30px;padding:5px 9px;font-size:10.5px}
.unified-local-ai{margin-top:8px}.unified-local-ai-body{padding-top:9px}.unified-local-ai-body>.status-line:first-child{margin:0 0 7px}
.unified-local-ai-body>.hero{display:none}.unified-local-ai-body>.grid{gap:6px}.unified-local-ai-body>.card{margin-top:7px}.unified-local-ai-body>.section-head{margin:10px 0 5px}
@media(max-width:700px){.unified-dropdown-actions{padding:7px 0 1px}.unified-dropdown-actions .btn{min-height:28px;padding:4px 8px}.unified-local-ai-body{padding:7px 6px 8px}}

/* Shared-chat attachment analysis progress */
.chat-view .attachment-analysis-status{
  position:sticky;bottom:108px;z-index:48;width:min(720px,100%);margin:10px auto 6px;
  padding:10px 12px;border:1px solid color-mix(in srgb,var(--cyan,#35d0e8) 45%,var(--hairline));
  border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(14px);
  box-shadow:0 12px 34px #0007;color:var(--text);
}
.chat-view .attachment-analysis-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}
.chat-view .attachment-analysis-head>strong{font-variant-numeric:tabular-nums;color:var(--cyan,#83ecf9)}
.chat-view .attachment-analysis-bar{height:6px;margin-top:7px;border-radius:999px;overflow:hidden;background:var(--surface-2,#202640);border:1px solid var(--hairline)}
.chat-view .attachment-analysis-bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--purple,#8d67ff),var(--cyan,#35d0e8));transition:width .25s ease}
.chat-view .attachment-analysis-sub{margin-top:6px;color:var(--muted);font-size:11px;line-height:1.35}
@media(max-width:700px){
  .chat-view .attachment-analysis-status{position:fixed;left:8px;right:8px;width:auto;margin:0;bottom:calc(var(--attachment-card-offset,104px) + env(safe-area-inset-bottom) + var(--keyboard-inset));z-index:49}
}

/* Directed AI routing autocomplete: @ = room participant, ! = registered system AI */
.chat-view .ai-mention-suggest{position:absolute;left:8px;right:8px;bottom:calc(100% + 8px);z-index:95;max-height:min(46vh,360px);overflow:auto;padding:6px;border:1px solid var(--hairline);border-radius:16px;background:color-mix(in srgb,var(--surface) 97%,transparent);backdrop-filter:blur(18px);box-shadow:0 18px 48px #000a}
.chat-view .ai-mention-suggest-head{display:flex;justify-content:space-between;gap:12px;padding:6px 9px 8px;color:var(--muted);font-size:11px}
.chat-view .ai-mention-suggest-head strong{color:var(--text);font-size:12px}
.chat-view .ai-mention-suggest-row{width:100%;display:flex;align-items:center;gap:10px;padding:9px;border:0;border-radius:11px;background:transparent;color:var(--text);text-align:left}
.chat-view .ai-mention-suggest-row:hover,.chat-view .ai-mention-suggest-row.selected{background:var(--surface-2)}
.chat-view .ai-mention-suggest-row>span:last-child{display:flex;min-width:0;flex-direction:column}
.chat-view .ai-mention-suggest-row small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-view .ai-mention-avatar{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:10px;background:var(--surface-2);border:1px solid var(--hairline);font-weight:800}
@media(max-width:700px){.chat-view .ai-mention-suggest{position:fixed;left:8px;right:8px;bottom:calc(104px + env(safe-area-inset-bottom) + var(--keyboard-inset));max-height:38vh}}

/* Rich chat attachments */
.chat-attachment-card{margin-top:10px;padding:10px;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:14px;background:rgba(255,255,255,.025);max-width:min(720px,100%)}
.chat-attachment-loading{font-size:.92rem;opacity:.72}.attachment-file-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.attachment-file-meta{font-size:.78rem;opacity:.65;margin-top:6px}.chat-attachment-card audio,.chat-attachment-card video{width:100%;max-height:320px;border-radius:12px;background:#000}.attachment-preview-button{display:block;width:min(320px,100%);padding:0;border:0;background:transparent;text-align:left}.attachment-preview-button img{display:block;width:100%;max-height:260px;object-fit:cover;border-radius:12px}.attachment-preview-button span{display:block;padding-top:7px;font-weight:700}.attachment-inline-analysis{margin-top:8px;border-top:1px solid var(--line,rgba(255,255,255,.1));padding-top:7px}.attachment-inline-analysis summary{cursor:pointer;font-size:.82rem;font-weight:700;opacity:.84}.attachment-analysis-content{margin-top:8px}.attachment-analysis-pre{white-space:pre-wrap;word-break:break-word;max-height:360px;overflow:auto;font-size:.78rem;line-height:1.35;background:rgba(0,0,0,.18);padding:10px;border-radius:10px}
.attachment-viewer-overlay,.attachment-choice-overlay{position:fixed;inset:0;z-index:10040;background:rgba(0,0,0,.82);display:flex;align-items:center;justify-content:center;padding:18px}.attachment-viewer-card{width:min(1100px,100%);max-height:94vh;display:flex;flex-direction:column;background:var(--surface,#15171b);border:1px solid var(--line,rgba(255,255,255,.14));border-radius:18px;overflow:hidden;box-shadow:0 22px 70px rgba(0,0,0,.55)}.attachment-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-bottom:1px solid var(--line,rgba(255,255,255,.12))}.attachment-viewer-body{overflow:auto;padding:14px;min-height:160px}.attachment-viewer-media{display:block;max-width:100%;max-height:76vh;margin:auto}.attachment-viewer-audio{width:100%;margin:28px 0}.attachment-pdf-viewer{display:block;width:100%;height:76vh;border:0;background:#fff;border-radius:10px}.attachment-text-viewer{white-space:pre-wrap;word-break:break-word;max-height:75vh;overflow:auto}.attachment-generic-view{text-align:center;padding:60px 20px}.image-focus-stage{position:relative;display:block;width:max-content;max-width:100%;margin:auto;touch-action:none}.image-focus-stage img{display:block;max-width:100%;max-height:72vh;object-fit:contain}.image-focus-selection{position:absolute;border:2px solid currentColor;background:rgba(255,255,255,.14);box-shadow:0 0 0 9999px rgba(0,0,0,.22);pointer-events:none}.attachment-viewer-help{font-size:.82rem;opacity:.72;margin:10px 0}.attachment-choice-card{width:min(520px,100%);background:var(--surface,#15171b);border:1px solid var(--line,rgba(255,255,255,.14));border-radius:18px;padding:20px;box-shadow:0 22px 70px rgba(0,0,0,.55)}.attachment-choice-card h3{margin:10px 0 6px}.attachment-choice-card p{opacity:.78;line-height:1.45}.attachment-choice-card .status-line{justify-content:flex-end;gap:8px;margin-top:16px}
@media(max-width:700px){.attachment-viewer-overlay,.attachment-choice-overlay{padding:8px}.attachment-viewer-card{max-height:98vh;border-radius:14px}.attachment-pdf-viewer{height:72vh}.attachment-choice-card .status-line{display:grid;grid-template-columns:1fr}.attachment-choice-card .status-line button{width:100%}}


/* dev.139 · media cancel, queue controls and markdown tables */
.chat-table-wrap{max-width:100%;overflow-x:auto;margin:.65rem 0;border:1px solid var(--line);border-radius:12px}
.chat-markdown-table{width:max-content;min-width:100%;border-collapse:collapse;background:var(--surface)}
.chat-markdown-table th,.chat-markdown-table td{padding:.58rem .72rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:top;white-space:normal;min-width:110px}
.chat-markdown-table th{background:var(--surface-2);font-weight:700}
.chat-markdown-table tr:last-child td{border-bottom:0}.chat-markdown-table th:last-child,.chat-markdown-table td:last-child{border-right:0}
.attachment-pending-chip{display:inline-flex;align-items:center;gap:.38rem;max-width:100%;flex-wrap:wrap}
.attachment-pending-chip>span{max-width:min(52vw,360px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-pending-chip small{color:var(--muted);font-size:.72rem}
.chip-analysis-cancel{border:0;background:transparent;color:var(--copper-hot);font:inherit;font-size:.72rem;cursor:pointer;padding:.18rem .28rem}
.attachment-analysis-head>span{display:inline-flex;align-items:center;gap:.5rem}.attachment-analysis-cancel-all{padding:.28rem .52rem;font-size:.75rem}
.live-queue-controls{display:flex;gap:.4rem;justify-content:flex-end;margin-top:.55rem}.live-queue-controls .btn{padding:.28rem .55rem;font-size:.74rem}
.message.system-message{--ai-accent:var(--copper)}.message.system-message .message-bubble{border:1px dashed var(--copper-deep);background:color-mix(in srgb,var(--surface-2) 88%,var(--copper) 12%)}.message.system-message .avatar{border-color:var(--copper);color:var(--copper-hot)}
@media(max-width:640px){.chat-markdown-table th,.chat-markdown-table td{min-width:98px;padding:.48rem .56rem}.attachment-pending-chip>span{max-width:44vw}.live-queue-controls{justify-content:flex-start}}

/* Persistent Files intelligence */
.file-browser-rich-row{align-items:center;gap:12px}
.file-row-thumb{width:68px;height:54px;object-fit:cover;border-radius:10px;border:1px solid var(--hairline);flex:0 0 auto}
.file-row-video{width:150px;max-height:92px;border-radius:10px;background:#000;flex:0 0 auto}
.file-row-pdf{width:54px;height:54px;display:grid;place-items:center;border:1px solid var(--hairline);border-radius:10px;font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--copper-hot);background:var(--field);flex:0 0 auto}
.file-data-checks{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.file-data-actions{margin-top:14px;gap:8px;flex-wrap:wrap}
@media(max-width:680px){.file-browser-rich-row{align-items:flex-start;flex-wrap:wrap}.file-browser-rich-row>.row-main{min-width:calc(100% - 82px)}.file-browser-rich-row>.status-line{width:100%;justify-content:flex-start}.file-row-video{width:120px}}


/* Permanent G/Q runtime status: compact, real Core state, separate from provider reachability. */
.resident-ai-runtime{margin:2px 12px 6px;padding:5px 7px;border:1px solid var(--hairline);border-radius:10px;background:color-mix(in srgb,var(--field) 82%,transparent);display:grid;gap:3px}
.resident-ai-placeholder{font-size:10px;color:var(--faint);padding:2px}
.resident-ai-row{min-width:0;display:grid;grid-template-columns:16px 62px minmax(0,1fr) auto;align-items:center;gap:5px;min-height:21px;font-size:9.5px}
.resident-ai-name{font-size:11px;font-weight:850;color:var(--text)}
.resident-ai-state{font-size:8.5px;font-weight:850;letter-spacing:.035em;color:#d8e2ef;white-space:nowrap}
.resident-ai-state.working,.resident-ai-state.online{color:#6ee7ad}.resident-ai-state.idle{color:#b8c4d3}.resident-ai-state.sleep{color:#8fc7ff}.resident-ai-state.waiting{color:#e4c77f}.resident-ai-state.retrying{color:#ffbb69}.resident-ai-state.stop{color:#c9a7ff}.resident-ai-state.failed{color:#ff778d}.resident-ai-state.paused,.resident-ai-state.offline{color:var(--faint)}
.resident-ai-when{min-width:0;color:var(--faint);font-size:7.7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.resident-auto{display:flex;align-items:center;gap:3px;color:var(--faint);font-size:7.5px;font-weight:750}
.resident-auto-toggle{width:39px;height:18px;padding:1px 3px;border-radius:999px;border:1px solid var(--hairline);background:var(--surface-2);color:var(--faint);display:flex;align-items:center;gap:2px;justify-content:flex-start;cursor:pointer}
.resident-auto-toggle i{width:8px;height:8px;border-radius:50%;background:#6b7280;flex:0 0 auto}.resident-auto-toggle b{font-size:7px;line-height:1;font-weight:850}.resident-auto-toggle.on{color:#76efb5;border-color:#2e7254}.resident-auto-toggle.on i{background:#3DDC97}.resident-auto-toggle:disabled{opacity:.55;cursor:wait}

/* Independent per-AI Full Auto / Ambient Presence quick switches. */
.resident-ai-runtime .resident-ai-row{grid-template-columns:minmax(20px,auto) minmax(0,1fr) auto}
.resident-ai-name{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.resident-toggle-list{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:3px 6px;min-width:0}
.resident-toggle-list .resident-auto{white-space:nowrap}
@media(max-width:380px){.resident-ai-runtime .resident-ai-row{grid-template-columns:minmax(18px,auto) minmax(0,1fr)}.resident-toggle-list{grid-column:2;justify-content:flex-start;padding-bottom:2px}}

/* Clickable G/Q runtime status + private-safe 24h activity panel. */
.resident-ai-row{grid-template-columns:16px minmax(0,1fr) auto}
.resident-status-open{min-width:0;width:100%;padding:0;border:0;background:transparent;color:inherit;display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:5px;text-align:left;cursor:pointer}
.resident-status-open:hover .resident-ai-when,.resident-status-open:focus-visible .resident-ai-when{color:var(--text)}
.resident-status-open:focus-visible{outline:1px solid var(--cyan);outline-offset:2px;border-radius:4px}
.resident-activity-panel{z-index:1300}
.resident-activity-tabs{display:flex;gap:7px;margin:10px 0 12px}.resident-activity-tabs .active{border-color:var(--cyan);color:var(--cyan)}
.resident-activity-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--hairline);border-radius:10px;background:var(--field)}
.resident-activity-summary>div:first-child{display:flex;align-items:center;gap:9px}.resident-activity-summary>div:last-child{font-size:11px;color:var(--muted);text-align:right}
.resident-activity-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.resident-privacy-note{margin:8px 0 12px}
.resident-activity-list{display:grid;gap:7px}.resident-activity-row{padding:9px 10px;border:1px solid var(--hairline);border-radius:9px;background:var(--field)}.resident-activity-row.error{border-color:color-mix(in srgb,#ff778d 50%,var(--hairline))}
.resident-activity-main{display:flex;align-items:center;justify-content:space-between;gap:10px}.resident-activity-main strong{font-size:11px}.resident-activity-state{font-size:8px;font-weight:850;letter-spacing:.05em;color:var(--muted)}.resident-activity-state.error,.resident-activity-state.failed{color:#ff778d}.resident-activity-state.working,.resident-activity-state.running{color:#6ee7ad}
.resident-activity-time{font-size:8px;color:var(--faint);margin-top:3px}.resident-error-details{margin-top:8px}.resident-error-details summary{cursor:pointer;font-size:9px;color:#ff9aaa}.resident-error-details pre{max-height:260px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:8px;padding:8px;border-radius:7px;background:var(--surface-2)}
.composer-edit-banner{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 9px;margin-bottom:6px;border-left:3px solid var(--cyan);border-radius:7px;background:color-mix(in srgb,var(--cyan) 10%,var(--field));font-size:10px;color:var(--muted)}
.composer-edit-banner.hidden{display:none}

/* Room participation events are metadata lines, not chat messages. */
.chat-view .room-status-line{
  width:100%;
  text-align:center;
  color:var(--muted);
  font-size:12px;
  line-height:1.35;
  padding:2px 12px;
  margin:0;
  opacity:.86;
}
.chat-view .room-status-line.room-failed-line{width:calc(100% - 32px);box-sizing:border-box;max-width:900px;margin:10px auto;padding:11px 14px;text-align:left;background:rgba(232,111,83,.065);border:1px solid rgba(232,111,83,.28);border-left:3px solid rgba(232,111,83,.9);border-radius:14px;color:var(--text);opacity:1;font-size:13px;overflow-wrap:anywhere}
.room-failed-head{font-weight:750;margin-bottom:4px}
.room-failed-reason{color:var(--muted)}
.room-failed-partial{white-space:pre-wrap;margin-top:10px;padding:9px;border-radius:8px;background:rgba(0,0,0,.13)}
.room-failed-technical{font-size:11px;opacity:.7;margin-top:5px}
/* Live Qore runtime presence in AI list */
.ai-runtime-status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700;line-height:1;border:1px solid rgba(255,255,255,.12)}
.ai-runtime-status .ai-runtime-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:0 0 10px}
.ai-runtime-status.online{background:rgba(53,208,111,.12);border-color:rgba(53,208,111,.3)}
.ai-runtime-status.online .ai-runtime-dot{background:#35d06f;box-shadow:0 0 0 2px rgba(53,208,111,.12)}
.ai-runtime-status.sleep{background:rgba(242,201,76,.12);border-color:rgba(242,201,76,.3)}
.ai-runtime-status.sleep .ai-runtime-dot{background:#f2c94c;box-shadow:0 0 0 2px rgba(242,201,76,.12)}
.ai-runtime-status.offline{background:rgba(235,87,87,.12);border-color:rgba(235,87,87,.3)}
.ai-runtime-status.offline .ai-runtime-dot{background:#eb5757;box-shadow:0 0 0 2px rgba(235,87,87,.12)}
.ai-runtime-status.unknown{background:rgba(125,133,144,.12);border-color:rgba(125,133,144,.3)}
.ai-runtime-status.unknown .ai-runtime-dot{background:#7d8590}

/* Live Qore runtime status in Chats > AI’er drawer */
.drawer-ai-status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;vertical-align:middle}
.drawer-ai-status-dot.online,.drawer-ai-status-dot.working{background:#35d06f;box-shadow:0 0 0 2px rgba(53,208,111,.13),0 0 8px rgba(53,208,111,.35)}
.drawer-ai-status-dot.ready{background:#6ed1ce;box-shadow:0 0 0 2px rgba(110,209,206,.12)}
.drawer-ai-status-dot.idle{background:#a4b7c9}
.drawer-ai-status-dot.waiting{background:#e8ad69}
.drawer-ai-status-dot.retrying{background:#b49be7}
.drawer-ai-status-dot.paused{background:#8d95a3}
.drawer-ai-status-dot.sleep{background:#f2c94c;box-shadow:0 0 0 2px rgba(242,201,76,.13)}
.drawer-ai-status-dot.offline{background:#eb5757;box-shadow:0 0 0 2px rgba(235,87,87,.13)}
.drawer-ai-status-dot.unknown{background:#7d8590}
.drawer-ai-status-label{font-weight:700}
.drawer-ai-status-label.online,.drawer-ai-status-label.working{color:#6ee7ad}
.drawer-ai-status-label.ready{color:#75d4d0}
.drawer-ai-status-label.idle{color:#abb9c8}
.drawer-ai-status-label.waiting{color:#e8ad69}
.drawer-ai-status-label.retrying{color:#b49be7}
.drawer-ai-status-label.paused{color:#8d95a3}
.drawer-ai-status-label.sleep{color:#e4c77f}
.drawer-ai-status-label.offline{color:#ff778d}
.drawer-ai-status-label.unknown{color:var(--faint)}


/* System Ledger — isolated page styles */
.ledger-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.ledger-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.ledger-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0}
.ledger-metric{text-align:left;display:flex;flex-direction:column;gap:3px}
.ledger-metric strong{font-size:24px;line-height:1.1}
.ledger-metric small{color:var(--faint)}
.ledger-filters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(5,minmax(120px,1fr));gap:8px;margin-bottom:14px}
.ledger-filters input,.ledger-filters select,.ledger-form input,.ledger-form select,.ledger-form textarea{width:100%;background:var(--field);border:1px solid var(--hairline);border-radius:10px;padding:9px 10px}
.ledger-list{display:grid;gap:10px}
.ledger-item{display:block;width:100%;text-align:left}
.ledger-item:hover{border-color:color-mix(in srgb,var(--copper) 55%,var(--hairline))}
.ledger-item-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.ledger-key{font-size:10.5px;letter-spacing:.06em;color:var(--faint);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all}
.ledger-desc{margin:6px 0 9px}
.ledger-evidence{margin-top:8px;color:var(--faint);font-size:11px}
.ledger-check-mini{color:var(--muted);font-size:11px}
.ledger-panel{width:min(720px,96vw)}
.ledger-panel-body{padding:12px 14px 24px;overflow:auto}
.ledger-form{display:grid;gap:11px}
.ledger-form label{display:grid;gap:5px}
.ledger-form label>span{font-size:12px;color:var(--muted)}
.ledger-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ledger-lock-row{display:flex!important;align-items:center;gap:8px;padding:10px;border:1px solid var(--hairline);border-radius:10px}
.ledger-lock-row input{width:auto!important}
.ledger-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
.ledger-detail-grid>div{background:var(--field);border:1px solid var(--hairline);border-radius:10px;padding:9px}
.ledger-detail-grid span{display:block;color:var(--faint);font-size:11px}
.ledger-detail-grid strong{font-size:13px}
.ledger-origin{padding:9px 0;color:var(--muted);font-size:12px;word-break:break-word}
.ledger-checklist{display:grid;gap:7px}
.ledger-check{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:8px 10px;background:var(--field);border:1px solid var(--hairline);border-radius:9px}
.ledger-check .done{text-decoration:line-through;color:var(--faint)}
.ledger-check button{border:0;background:transparent;color:var(--faint);font-size:18px}
.ledger-history-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px 0;border-bottom:1px solid var(--hairline);font-size:12px}
.ledger-context-list{display:grid;gap:9px;margin-top:12px}
@media(max-width:900px){
  .ledger-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ledger-filters{grid-template-columns:1fr 1fr}
  .ledger-hero{display:block}
  .ledger-hero-actions{justify-content:flex-start;margin-top:12px}
}
@media(max-width:560px){
  .ledger-metrics,.ledger-filters,.ledger-form-grid,.ledger-detail-grid{grid-template-columns:1fr}
}

.chat-view .queued-user-messages{display:flex;flex-direction:column;gap:8px;max-width:var(--chat-w);margin:8px auto 10px;padding:0 10px}.chat-view .queued-user-messages.hidden{display:none}.chat-view .queued-composer-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:0 4px 14px rgba(0,0,0,.12)}.chat-view .queued-composer-text{min-width:0;flex:1;display:block;padding:0;border:0;background:transparent;color:inherit;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:inherit;font-weight:650;cursor:pointer}.chat-view .queued-composer-row.expanded{align-items:flex-start}.chat-view .queued-composer-row.expanded .queued-composer-text{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.chat-view .queued-composer-order{flex:none;opacity:.72;font-size:.86rem}.chat-view .queued-composer-delete{flex:none;width:24px;height:24px;padding:0;border:1px solid #ff5a5a;border-radius:50%;background:transparent;color:#ff6b6b;font-size:18px;line-height:1;cursor:pointer}.chat-view .queued-composer-delete:hover{background:#8f2028;color:#fff}.chat-view .queued-composer-delete:disabled{opacity:.4;cursor:default}

/* Web Provider 2026-10-07 */
.unified-web-providers{margin-top:8px}
.web-provider-list{display:grid;gap:8px;margin-top:10px}
.web-provider-card{display:grid;gap:10px}
.web-provider-url{overflow-wrap:anywhere}
.web-provider-actions{gap:7px;flex-wrap:wrap}
.web-provider-setup{border-top:1px solid var(--hairline);padding-top:8px}
.web-provider-setup>summary{cursor:pointer;font-weight:700}
.web-provider-map-list{display:grid;gap:6px;margin-top:8px}
.web-provider-map-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:8px;border:1px solid var(--hairline);border-radius:10px}
.web-provider-map-row small{display:block;color:var(--muted);margin-top:2px}
@media(max-width:700px){.web-provider-map-row{grid-template-columns:minmax(0,1fr) auto}.web-provider-map-row>.btn{grid-column:1/-1;width:100%}}

.web-provider-browser{display:grid;gap:8px;padding:10px;border:1px solid var(--hairline);border-radius:12px;background:var(--field)}
.web-provider-browser-toolbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.web-provider-browser-url{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.web-provider-shot-wrap{width:100%;overflow:hidden;border:1px solid var(--hairline);border-radius:10px;background:#05070a;aspect-ratio:16/10}
.web-provider-shot{display:block;width:100%;height:100%;object-fit:contain;cursor:crosshair;background:#05070a}
.web-provider-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
.web-provider-input-row input{min-width:0}
.web-provider-browser-keys{gap:6px;flex-wrap:wrap}
@media(max-width:700px){
  .web-provider-browser-toolbar .btn{padding:8px 10px}
  .web-provider-browser-url{flex-basis:100%;order:2}
  .web-provider-input-row{grid-template-columns:1fr}
  .web-provider-input-row .btn{width:100%}
}
.web-provider-map-copy{min-width:0}
.web-provider-find-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:8px}
.web-provider-find-controls input{min-width:0}
.web-provider-found{margin-top:8px;padding:8px;border:1px solid var(--hairline);border-radius:9px;overflow-wrap:anywhere}
.web-provider-map-locked{opacity:.96}
.web-provider-map-locked .pill{white-space:nowrap}
@media(max-width:700px){
  .web-provider-map-find{grid-template-columns:1fr}
  .web-provider-map-find>.pill,.web-provider-map-find>[data-web-pick]{justify-self:start}
  .web-provider-find-controls{grid-template-columns:1fr}
  .web-provider-find-controls .btn{width:100%}
}

.web-provider-login-id{display:grid;gap:6px;padding:10px;border:1px solid var(--hairline);border-radius:10px}
.web-provider-login-id label{display:grid;gap:2px}
.web-provider-login-id label small{color:var(--muted)}
.web-provider-login-id-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto auto;gap:7px}
.web-provider-login-id-controls input{min-width:0}
@media(max-width:700px){
  .web-provider-login-id-controls{grid-template-columns:1fr}
  .web-provider-login-id-controls .btn{width:100%}
}

/* Web-AI runtime state: chat binding, provider feature toggles and upload capabilities */
.web-provider-runtime{display:grid;gap:10px;padding:10px;border:1px solid var(--hairline);border-radius:12px}
.web-provider-runtime-target,.web-provider-chat-binding>label{display:grid;gap:5px}
.web-provider-runtime-target>span,.web-provider-chat-binding label>span{font-weight:700}
.web-provider-runtime-target select,.web-provider-chat-binding select{width:100%;min-width:0}
.web-provider-runtime-toggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.web-provider-runtime-toggles label{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--hairline);border-radius:9px}
.web-provider-runtime-toggles input{width:auto;min-width:auto}
.web-provider-chat-binding{display:grid;gap:8px}
@media(max-width:700px){
  .web-provider-runtime-toggles{grid-template-columns:1fr}
  .web-provider-chat-binding .status-line{display:grid;grid-template-columns:1fr}
  .web-provider-chat-binding .btn{width:100%}
}

.web-provider-chat-list{display:grid;gap:7px;max-height:430px;overflow:auto;padding:8px;border:1px solid var(--hairline);border-radius:10px}
.web-provider-chat-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:0;padding:4px 2px 8px;background:var(--surface,inherit);z-index:1}
.web-provider-chat-item{display:grid;gap:6px;width:100%;text-align:left;padding:10px;border:1px solid var(--hairline);border-radius:9px;background:transparent}
.web-provider-chat-item.active{outline:2px solid currentColor}
.web-provider-chat-title{font-weight:700;overflow-wrap:anywhere}
.web-provider-chat-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
@media(max-width:700px){
  .web-provider-chat-list{max-height:55vh}
  .web-provider-chat-list-head{display:grid;grid-template-columns:1fr}
  .web-provider-chat-item{padding:12px 10px}
}

/* Web Provider cards: one collapsed provider at a time, with local detail tabs. */
.web-provider-page-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.web-provider-page-head h3{margin:0 0 5px}
.web-provider-page-head p{margin:0;color:var(--muted);font-size:13px}
.web-provider-page-head .primary{flex-shrink:0}
.web-provider-add-panel{display:grid;gap:12px;margin-bottom:12px;padding:14px}
.web-provider-add-panel[hidden],.web-provider-browser[hidden]{display:none!important}
.web-provider-add-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.web-provider-add-controls select{flex:1;min-width:185px}
.web-provider-list{display:grid;gap:10px;margin-top:10px}
.web-provider-entry{display:block;min-width:0;padding:0!important;overflow:visible}
.web-provider-entry-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;cursor:pointer;list-style:none;user-select:none}
.web-provider-entry-summary::-webkit-details-marker{display:none}
.web-provider-entry-summary:focus-visible,.web-provider-detail-tab:focus-visible{outline:2px solid var(--accent,#73b7ff);outline-offset:2px}
.web-provider-entry[open]>.web-provider-entry-summary{border-bottom:1px solid var(--hairline)}
.web-provider-entry-main{display:grid;gap:4px;min-width:0}
.web-provider-entry-name{font-weight:750;font-size:15px;overflow-wrap:anywhere}
.web-provider-entry-meta{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.web-provider-entry-status{display:flex;align-items:center;gap:12px;flex-shrink:0}
.web-provider-entry-chevron{font-size:20px;line-height:1;transform:rotate(0);transition:transform .16s ease}
.web-provider-entry[open] .web-provider-entry-chevron{transform:rotate(180deg)}
.web-provider-entry-body{padding:12px;display:grid;gap:12px;min-width:0}
.web-provider-detail-tabs{display:flex;gap:5px;padding:4px;background:var(--field);border:1px solid var(--hairline);border-radius:12px;overflow-x:auto}
.web-provider-detail-tab{flex:1 0 auto;white-space:nowrap;min-width:83px;border:0;border-radius:9px;padding:9px 12px;color:var(--muted);background:transparent;font:inherit;font-size:13px;font-weight:650;cursor:pointer}
.web-provider-detail-tab:hover{color:var(--text,inherit);background:var(--panel,transparent)}
.web-provider-detail-tab.active{color:var(--text,inherit);background:var(--panel);box-shadow:0 1px 4px rgba(0,0,0,.12)}
.web-provider-detail-panel{display:grid;gap:12px;min-width:0}
.web-provider-overview,.web-provider-setup-body{display:grid;gap:12px}
.web-provider-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.web-provider-info-grid>div{display:grid;gap:5px;padding:10px;border:1px solid var(--hairline);border-radius:10px;min-width:0}
.web-provider-info-grid strong{font-size:13px;overflow-wrap:anywhere}
.web-provider-info-label{font-size:11px;color:var(--muted)}
.web-provider-browser-intro{display:flex;gap:12px;align-items:center;justify-content:space-between}
.web-provider-browser-intro .card-sub{flex:1}
@media(max-width:700px){
  .web-provider-page-head{align-items:stretch}
  .web-provider-page-head .primary{width:100%}
  .web-provider-add-controls{display:grid;grid-template-columns:1fr}
  .web-provider-add-controls select,.web-provider-add-controls button{width:100%}
  .web-provider-entry-summary{padding:12px;gap:8px}
  .web-provider-entry-status{gap:7px}
  .web-provider-entry-body{padding:10px}
  .web-provider-detail-tabs{justify-content:flex-start}
  .web-provider-detail-tab{flex:0 0 auto}
  .web-provider-info-grid{grid-template-columns:1fr}
  .web-provider-browser-intro{display:grid}
  .web-provider-browser-intro button{width:100%}
}
/* Connections belong under provider type or owning AI, not a separate hub section. */
.provider-type-connections{position:relative;border-top:1px solid var(--hairline);margin-top:10px;padding-top:9px}
.provider-type-connections>summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--muted);padding:3px 0;list-style:none}
.provider-type-connections>summary::-webkit-details-marker{display:none}
.provider-type-connection-links{display:grid;gap:6px;margin-top:8px}
.provider-type-connection-link{display:grid;gap:3px;min-width:0;padding:9px 10px;border:1px solid var(--hairline);border-radius:9px;text-decoration:none;color:inherit}
.provider-type-connection-link:hover{background:var(--field)}
.provider-type-connection-link strong,.provider-type-connection-link span{overflow-wrap:anywhere}
.ai-connection-details>summary{cursor:pointer;font-size:14px}
.ai-connection-details #aiConnectedAccounts{display:grid;gap:7px;padding-top:12px}
@media(max-width:600px){.provider-type-connection-link{padding:10px 8px}}

/* Inline AI management: same-page dropdowns, always-visible avatar and name. */
.ai-list-collapse .ai-inline-list{display:grid;gap:8px}
.ai-list-collapse .ai-inline-entry{padding:0;overflow:visible;min-width:0}
.ai-inline-summary{display:flex;align-items:center;gap:10px;padding:10px 12px;min-width:0;cursor:pointer;list-style:none}
.ai-inline-summary::-webkit-details-marker{display:none}
.ai-inline-summary:focus-visible{outline:2px solid var(--accent,#78adff);outline-offset:2px;border-radius:11px}
.ai-inline-summary>.avatar{flex:0 0 40px;width:40px;height:40px;min-width:40px;border-radius:11px}
.ai-inline-summary-main{display:grid;gap:4px;min-width:0;flex:1}
.ai-inline-summary-name{display:flex;gap:6px;align-items:center;font-size:13px;font-weight:750;min-width:0;overflow-wrap:anywhere}
.ai-inline-summary-model{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ai-inline-summary-status{display:flex;align-items:center;gap:10px;flex:none}
.ai-inline-chevron{color:var(--muted);font-size:20px;transition:transform .18s ease}
.ai-inline-entry[open] .ai-inline-chevron{transform:rotate(180deg)}
.ai-inline-entry[open]>.ai-inline-summary{border-bottom:1px solid var(--hairline)}
.ai-inline-detail{display:grid;gap:10px;padding:12px;min-width:0}
.ai-inline-detail:empty{display:none}
.ai-inline-detail .ai-head{padding:13px;border-radius:12px;gap:10px}
.ai-inline-detail .ai-head h2{font-size:18px}
.ai-inline-detail .ai-head .avatar.ai-big{width:46px;height:46px;min-width:46px;border-radius:12px}
.ai-inline-detail .subtabs{margin:0;display:flex;overflow-x:auto;gap:6px;padding:3px 0 10px;scrollbar-width:thin}
.ai-inline-detail .subtab{padding:8px 10px;font-size:12px;white-space:nowrap}
.ai-inline-detail #aiTabBody{min-width:0}
@media(max-width:700px){
  .ai-inline-summary{padding:9px;gap:8px}
  .ai-inline-summary>.avatar{flex-basis:35px;width:35px;height:35px;min-width:35px}
  .ai-inline-summary-name{font-size:12px}
  .ai-inline-summary-model{font-size:10px}
  .ai-inline-summary-status{gap:6px}
  .ai-inline-summary-status .ai-runtime-status{font-size:10px}
  .ai-inline-detail{padding:9px}
  .ai-inline-detail .ai-head{align-items:center;flex-wrap:wrap}
  .ai-inline-detail .ai-head .status-line{width:100%;display:flex;flex-wrap:wrap}
  .ai-inline-detail .ai-head .btn,.ai-inline-detail .ai-head .primary{margin-left:0;width:auto;flex:1}
}

/* API Provider: in-place dropdowns, keeping each provider logo visible. */
.api-provider-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:4px 0 12px}
.api-provider-header>div{min-width:0}
.api-provider-header strong{font-size:15px}
.api-provider-header p{margin:4px 0 0}
.api-provider-list{display:grid;gap:9px}
.api-provider-entry{min-width:0;padding:0!important;overflow:visible}
.api-provider-summary,.api-provider-account-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;user-select:none}
.api-provider-summary::-webkit-details-marker,.api-provider-account-summary::-webkit-details-marker{display:none}
.api-provider-summary{padding:12px 14px}
.api-provider-summary:focus-visible,.api-provider-account-summary:focus-visible{outline:2px solid var(--accent,#79baff);outline-offset:2px;border-radius:10px}
.api-provider-identity{display:flex;align-items:center;gap:11px;min-width:0}
.api-provider-identity>.provider-filter-logo{width:35px;height:35px;max-width:35px;object-fit:contain;flex:none;border-radius:9px}
.api-provider-identity>.provider-filter-dot{width:17px;height:17px;min-width:17px}
.api-provider-name-group{display:grid;gap:3px;min-width:0}
.api-provider-name-group strong{font-size:14px;overflow-wrap:anywhere}
.api-provider-name-group small{font-size:11px;color:var(--muted)}
.api-provider-summary-status{display:flex;align-items:center;gap:10px;flex:none}
.api-provider-chevron{font-size:20px;color:var(--muted);transition:transform .15s}
.api-provider-entry[open]>.api-provider-summary .api-provider-chevron,.api-provider-account[open]>.api-provider-account-summary .api-provider-chevron{transform:rotate(180deg)}
.api-provider-entry[open]>.api-provider-summary{border-bottom:1px solid var(--hairline)}
.api-provider-body{padding:12px;display:grid;gap:12px;min-width:0}
.api-provider-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.api-provider-toolbar>.card-sub{min-width:0;flex:1}
.api-provider-toolbar .status-line{flex-wrap:wrap}
.api-provider-account-list{display:grid;gap:8px}
.api-provider-account{border:1px solid var(--hairline);border-radius:11px;min-width:0}
.api-provider-account-summary{padding:11px 12px}
.api-provider-account-main{min-width:0;display:grid;gap:4px}
.api-provider-account-main strong{font-size:13px;overflow-wrap:anywhere}
.api-provider-account-main small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.api-provider-account-meta{display:flex;gap:9px;align-items:center;flex:none}
.api-provider-account[open]>.api-provider-account-summary{border-bottom:1px solid var(--hairline)}
.api-provider-account-body{display:grid;gap:12px;min-width:0;padding:12px}
.api-provider-account-body .two-col,.api-provider-account-body .grid{min-width:0}
.api-provider-account-body .section-head{margin:0}
@media(max-width:700px){
  .api-provider-header{align-items:stretch}
  .api-provider-header>.primary{width:100%;text-align:center}
  .api-provider-summary{padding:10px}
  .api-provider-identity>.provider-filter-logo{width:31px;height:31px;max-width:31px}
  .api-provider-summary-status{gap:6px}
  .api-provider-body{padding:9px}
  .api-provider-toolbar .status-line{width:100%}
  .api-provider-toolbar .status-line>*{flex:1;text-align:center}
  .api-provider-account-body{padding:9px}
}

/* Shared action sizing, scoped ONLY to AI, API Provider and Web Provider panels.
   Keep selector rows, profile images, browser previews and form inputs unchanged. */
:is(.ai-inline-detail,.api-provider-header,.api-provider-body,.web-provider-page-head,.web-provider-add-panel,.web-provider-entry-body)
:is(button.btn,button.primary,a.btn,a.primary,a.btn-link){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto!important;
  width:auto!important;
  max-width:100%;
  min-width:0;
  min-height:38px;
  height:auto;
  padding:8px 12px;
  font-size:12px;
  font-weight:650;
  line-height:1.3;
  text-align:center;
  white-space:normal;
  border-radius:9px;
  box-sizing:border-box;
  vertical-align:middle;
}
.ai-inline-detail .ai-head>.status-line{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  flex-wrap:wrap;
}
.ai-inline-detail .ai-head>.status-line>:is(button,a){
  flex:0 0 auto!important;
  margin:0!important;
  width:auto!important;
}
.api-provider-toolbar .status-line,
.web-provider-actions,
.web-provider-login-id-controls,
.web-provider-browser-toolbar{
  gap:8px;
  align-items:center;
}
.api-provider-toolbar .status-line> :is(button,a){
  flex:0 0 auto!important;
}
.web-provider-detail-tab,
.ai-inline-detail .subtab{
  min-height:36px;
  height:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1.25;
}
@media(max-width:700px){
  .ai-inline-detail .ai-head>.status-line{
    width:100%;
    flex-wrap:wrap;
    gap:8px;
  }
  .api-provider-header{
    align-items:center;
  }
  .api-provider-toolbar .status-line> :is(button,a),
  .web-provider-page-head>.primary,
  .web-provider-browser-intro button,
  .web-provider-chat-binding .btn{
    flex:0 0 auto!important;
    width:auto!important;
  }
  .web-provider-add-controls{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
  }
  .web-provider-add-controls select{
    flex:1 1 185px;
    min-width:0;
    width:auto;
  }
  .web-provider-add-controls button{
    width:auto!important;
  }
  .web-provider-login-id-controls{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }
  .web-provider-login-id-controls input{
    flex:1 1 100%;
    min-width:0;
  }
  .web-provider-login-id-controls button{
    width:auto!important;
  }
  .web-provider-chat-binding .status-line{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }
  .web-provider-browser-intro{
    justify-items:start;
  }
}

/* Notification inbox: topbar anchor stays in place, panel overlays current page. */
.notification-inbox-panel{
  position:fixed;z-index:180;
  top:calc(70px + env(safe-area-inset-top,0px));right:12px;
  width:min(460px,calc(100vw - 24px));
  max-height:calc(100dvh - 86px - env(safe-area-inset-bottom,0px));
  display:flex;flex-direction:column;min-width:0;
  background:var(--surface,var(--panel,#151c2d));
  color:var(--text,#f0f3fc);
  border:1px solid var(--hairline,var(--line,#3b4662));
  border-radius:16px;
  box-shadow:0 20px 55px rgba(0,0,0,.38);
  overflow:hidden;
}
.notification-inbox-panel .notification-inbox-header{padding:13px;border-bottom:1px solid var(--hairline,var(--line))}
.notification-inbox-header{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  flex-wrap:wrap;
}
.notification-inbox-header h2{font-size:16px;line-height:1.25;margin:0}
.notification-inbox-unread{display:block;margin-top:3px;font-size:11px;color:var(--muted)}
.notification-inbox-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.notification-inbox-actions .btn.notification-inbox-small,
.notification-inbox-actions .btn.notification-inbox-close{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:32px;height:32px;width:auto;min-width:0;
  padding:5px 9px;margin:0;font-size:11px;line-height:1.2;border-radius:8px;
  flex:0 0 auto;
}
.notification-inbox-actions .btn.notification-inbox-close{width:32px;padding:0;font-size:19px}
.notification-inbox-list{display:grid;gap:0;overflow-y:auto;min-height:0;max-height:100%;overscroll-behavior:contain}
.notification-inbox-panel .notification-inbox-list{flex:1;overflow-y:auto}
.notification-inbox-item{
  appearance:none;display:flex;align-items:flex-start;gap:10px;
  width:100%;min-width:0;margin:0;min-height:78px;padding:12px 13px;
  text-align:left;text-decoration:none;cursor:pointer;
  border:0;border-bottom:1px solid var(--hairline,var(--line,#3b4662));border-radius:0;
  background:transparent;color:inherit;box-shadow:none;
}
.notification-inbox-item:hover,.notification-inbox-item:focus-visible{
  background:color-mix(in srgb,var(--surface-2,var(--panel2,#232b3f)) 78%,transparent);
}
.notification-inbox-item:focus-visible{outline:2px solid var(--accent,#89b5fd);outline-offset:-2px}
.notification-inbox-item.unread{background:color-mix(in srgb,var(--accent,#5699ee) 6%,transparent)}
.notification-inbox-item:disabled{opacity:.65;cursor:progress}
.notification-item-dot{width:12px;flex:0 0 12px;margin-top:4px;color:var(--copper,#8ab4f8);font-size:14px}
.notification-inbox-item.read .notification-item-dot{color:var(--muted)}
.notification-item-content{display:grid;gap:4px;flex:1;min-width:0}
.notification-item-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}
.notification-item-meta strong{font-size:12px;line-height:1.2;overflow-wrap:anywhere}
.notification-item-meta time{flex:none;font-size:10px;color:var(--muted)}
.notification-item-title{font-weight:700;font-size:12.5px;line-height:1.4}
.notification-item-preview{font-size:11.5px;line-height:1.35;color:var(--muted);overflow-wrap:anywhere;white-space:pre-line;max-height:4.1em;overflow:hidden}
.notification-item-origin{font-size:10.5px;color:var(--accent,#8ab4f8);overflow-wrap:anywhere}
.notification-item-arrow{font-size:21px;line-height:1;color:var(--muted);align-self:center;flex:none}
.notification-inbox-empty{padding:32px 16px;text-align:center;color:var(--muted);font-size:13px}
.notification-inbox-error{padding:12px;color:#ffb0ad;font-size:12px}
#view .notification-inbox-header{
  padding:13px 15px;background:var(--surface,var(--panel));
  border:1px solid var(--hairline,var(--line));border-radius:13px 13px 0 0;
}
#view .notification-inbox-list{
  border:1px solid var(--hairline,var(--line));border-top:0;
  border-radius:0 0 13px 13px;overflow:visible;
}
@media(max-width:700px){
  .notification-inbox-panel{
    left:8px;right:8px;width:auto;
    top:calc(66px + env(safe-area-inset-top,0px));
    max-height:calc(100dvh - 76px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));
    border-radius:13px;
  }
  .notification-inbox-panel .notification-inbox-header{padding:10px}
  .notification-inbox-item{padding:11px 10px}
  .notification-item-meta{align-items:flex-start}
  .notification-item-meta time{font-size:9px}
  .notification-inbox-actions{gap:5px}
}

/* Notification list alignment with OMNiAI Qura — navy, copper and ice.
   Scoped to notification inbox/list; no behavior, API or navigation changes. */
.notification-inbox-panel{
  width:min(480px,calc(100vw - 24px));
  background:linear-gradient(165deg,var(--surface) 0%,var(--ink) 100%);
  border-color:var(--hairline);
  box-shadow:0 22px 65px #0009,0 0 0 1px #ffffff08 inset;
}
.notification-inbox-panel .notification-inbox-header{
  padding:15px 15px 12px;
  background:linear-gradient(130deg,color-mix(in srgb,var(--surface-2) 75%,var(--surface)),var(--surface));
}
.notification-inbox-heading{display:grid;gap:3px;min-width:0}
.notification-inbox-eyebrow{
  display:block;color:var(--copper-hot);font-size:9px;line-height:1.2;
  text-transform:uppercase;letter-spacing:.13em;font-weight:800;
}
.notification-inbox-title-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.notification-inbox-title-line h2{font-size:16px;letter-spacing:-.02em;font-weight:750;margin:0}
.notification-inbox-unread{
  display:inline-flex;align-items:center;min-height:22px;
  padding:3px 8px;margin:0;border:1px solid var(--hairline);border-radius:999px;
  background:var(--surface-2);color:var(--muted);font-size:10px;font-weight:700;
  white-space:nowrap;
}
.notification-inbox-actions .btn.notification-inbox-small,
.notification-inbox-actions .btn.notification-inbox-close{
  min-height:32px;height:32px;border:1px solid var(--hairline);
  background:var(--surface-2);color:var(--text);box-shadow:none;
}
.notification-inbox-actions .btn.notification-inbox-small:hover:not(:disabled),
.notification-inbox-actions .btn.notification-inbox-close:hover:not(:disabled){
  border-color:var(--copper);background:color-mix(in srgb,var(--copper) 10%,var(--surface-2));
}
.notification-inbox-actions .btn.danger{color:#f3a7a7}
.notification-inbox-actions .btn:disabled{opacity:.45;cursor:default}
.notification-inbox-list{
  display:flex;flex-direction:column;gap:8px;padding:10px;
  background:transparent;scrollbar-gutter:stable;
}
.notification-inbox-item{
  position:relative;display:flex;align-items:flex-start;gap:11px;
  width:100%;min-width:0;min-height:85px;padding:12px;
  border:1px solid var(--hairline);border-radius:12px;
  background:var(--surface-2);color:var(--text);
  text-align:left;box-shadow:0 1px 0 #ffffff08 inset;
  transition:background .15s var(--ease),border-color .15s var(--ease),transform .15s var(--ease);
}
.notification-inbox-item.unread{
  background:linear-gradient(115deg,color-mix(in srgb,var(--copper) 10%,var(--surface-2)),var(--surface-2) 75%);
  border-color:color-mix(in srgb,var(--copper) 34%,var(--hairline));
}
.notification-inbox-item.read{background:var(--surface);border-color:var(--hairline)}
.notification-inbox-item:hover:not(:disabled){
  background:color-mix(in srgb,var(--copper) 8%,var(--surface-2));
  border-color:color-mix(in srgb,var(--copper) 45%,var(--hairline));
}
.notification-inbox-item:focus-visible{
  outline:2px solid var(--copper-hot);outline-offset:2px;
}
.notification-inbox-item:active:not(:disabled){transform:translateY(1px)}
.notification-inbox-item:disabled{opacity:.7}
.notification-item-avatar{
  position:relative;display:grid;place-items:center;flex:0 0 36px;
  width:36px;height:36px;min-width:36px;border-radius:11px;
  border:1px solid color-mix(in srgb,var(--copper) 27%,var(--hairline));
  background:linear-gradient(145deg,color-mix(in srgb,var(--copper) 16%,var(--surface-2)),var(--surface));
  color:var(--copper-hot);font-size:11px;font-weight:800;letter-spacing:.01em;
}
.notification-inbox-item.read .notification-item-avatar{
  border-color:var(--hairline);background:var(--surface-2);color:var(--muted);
}
.notification-item-dot{
  position:absolute;right:-3px;bottom:-3px;
  width:9px;height:9px;margin:0;border-radius:50%;
  border:2px solid var(--surface-2);background:var(--copper-hot);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--copper) 35%,transparent);
}
.notification-item-content{display:grid;gap:4px;flex:1;min-width:0;padding-top:1px}
.notification-item-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}
.notification-item-meta strong{
  font-size:12px;font-weight:750;line-height:1.35;color:var(--ice);min-width:0;overflow-wrap:anywhere;
}
.notification-item-meta time{
  font-size:10px;font-weight:500;color:var(--faint);flex:0 0 auto;white-space:nowrap;
}
.notification-item-title{
  display:block;font-size:12.5px;line-height:1.45;font-weight:700;color:var(--text);
  overflow-wrap:anywhere;
}
.notification-inbox-item.read .notification-item-title{font-weight:600;color:var(--muted)}
.notification-item-preview{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  overflow:hidden;max-height:none;white-space:normal;
  font-size:11.5px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere;
}
.notification-item-origin{
  display:inline-flex;align-items:center;gap:5px;justify-self:start;
  max-width:100%;min-width:0;margin-top:3px;padding:4px 7px;
  border:1px solid var(--hairline);border-radius:7px;
  background:var(--field);color:var(--cyan);font-size:10px;
  line-height:1.35;overflow-wrap:anywhere;
}
.notification-item-origin span{font-size:12px;line-height:1;color:var(--copper-hot)}
.notification-item-arrow{
  display:grid;place-items:center;align-self:center;
  flex:0 0 25px;width:25px;height:25px;
  border:1px solid var(--hairline);border-radius:8px;
  background:var(--surface);color:var(--muted);
  font-size:19px;line-height:1;
}
.notification-inbox-item:hover .notification-item-arrow{color:var(--copper-hot);border-color:var(--copper)}
.notification-inbox-empty{margin:0;padding:30px 16px;border:1px dashed var(--hairline);border-radius:12px;background:var(--surface)}
#view .notification-inbox-header{
  background:linear-gradient(130deg,var(--surface-2),var(--surface));border-color:var(--hairline);padding:15px;
}
#view .notification-inbox-list{
  background:var(--surface);padding:12px;gap:8px;border-color:var(--hairline);border-top:0;
}
@media(max-width:700px){
  .notification-inbox-panel{width:auto;left:8px;right:8px}
  .notification-inbox-panel .notification-inbox-header{padding:11px}
  .notification-inbox-list{padding:8px;gap:7px;scrollbar-gutter:auto}
  .notification-inbox-item{padding:10px;gap:9px;border-radius:11px}
  .notification-item-avatar{flex-basis:33px;width:33px;height:33px;min-width:33px;border-radius:10px}
  .notification-item-meta{flex-wrap:wrap;gap:2px 8px}
  .notification-item-meta time{font-size:9px}
  .notification-item-arrow{flex-basis:22px;width:22px;height:22px;font-size:17px}
  .notification-inbox-title-line h2{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .notification-inbox-item{transition:none}
}

/* Chat > AI'er i samtalen: avatar | ellipsized info | fixed right action. */
#participantPanel .participant-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:8px;
  min-width:0;
  width:100%;
  margin-top:12px;
}
#participantPanel .chat-participant-row{
  display:grid;
  grid-template-columns:40px minmax(0,1fr) auto;
  align-items:center;
  column-gap:10px;
  width:100%;
  min-width:0;
  max-width:100%;
  padding:9px 10px;
  border:1px solid var(--hairline);
  background:var(--surface-2);
  border-radius:12px;
  cursor:default;
  text-align:left;
}
#participantPanel .chat-participant-row.selected{
  border-color:color-mix(in srgb,var(--copper) 55%,var(--hairline));
  background:color-mix(in srgb,var(--copper) 8%,var(--surface-2));
  box-shadow:inset 2px 0 0 var(--copper);
}
#participantPanel .chat-participant-avatar{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  min-width:40px;
  padding:0;
  margin:0;
  border-radius:10px;
  overflow:hidden;
  flex:0 0 40px;
  background:var(--surface);
  border:1px solid var(--hairline);
  font-size:15px;
  line-height:1;
}
#participantPanel .chat-participant-avatar img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  border-radius:inherit;
}
#participantPanel .chat-participant-info{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:stretch;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  gap:3px;
}
#participantPanel .chat-participant-name,
#participantPanel .chat-participant-meta{
  display:block;
  width:100%;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
#participantPanel .chat-participant-name{
  color:var(--text);
  font-size:12.5px;
  font-weight:750;
  line-height:1.35;
}
#participantPanel .chat-participant-meta{
  color:var(--muted);
  font-size:10.5px;
  line-height:1.4;
}
#participantPanel .chat-participant-action{
  grid-column:3;
  justify-self:end;
  align-self:center;
  flex:0 0 auto;
  min-width:56px;
  width:auto;
  max-width:118px;
  min-height:36px;
  height:auto;
  margin:0;
  padding:8px 10px;
  border-radius:9px;
  font-size:11px;
  font-weight:700;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
@media(max-width:700px){
  #participantPanel .chat-participant-row{
    grid-template-columns:36px minmax(0,1fr) auto;
    gap:8px;
    padding:8px;
  }
  #participantPanel .chat-participant-avatar{
    width:36px;
    height:36px;
    min-width:36px;
    flex-basis:36px;
  }
  #participantPanel .chat-participant-action{
    max-width:112px;
    padding:8px;
    font-size:10.5px;
  }
}

/* Reuse registered AI avatars in notifications; initials stay underneath on image failure. */
.notification-item-avatar{overflow:visible;isolation:isolate}
.notification-avatar-fallback{display:grid;place-items:center;width:100%;height:100%;border-radius:inherit}
.notification-item-avatar>img{
  display:block;position:absolute;inset:0;z-index:1;width:100%;height:100%;
  border-radius:inherit;object-fit:cover;object-position:center;
  background:var(--surface);
}
.notification-item-avatar .notification-item-dot{z-index:2}

/* Keep Close accessible while scrolling in Chat participant and Quick Tools panels. */
#participantPanel>.side-panel-head,
#quickToolsPanel>.side-panel-head{
  position:sticky;
  top:0;
  z-index:5;
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:-14px -14px 12px;
  padding:14px;
  min-height:62px;
  border-bottom:1px solid var(--hairline);
  background:color-mix(in srgb,var(--surface) 96%,transparent);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  box-shadow:0 8px 16px #0002;
}
#participantPanel>.side-panel-head>div,
#quickToolsPanel>.side-panel-head>div{flex:1;min-width:0;overflow-wrap:anywhere}
#participantPanel>.side-panel-head>.icon-btn,
#quickToolsPanel>.side-panel-head>.icon-btn{
  display:grid;place-items:center;flex:0 0 38px;
  width:38px;height:38px;min-width:38px;min-height:38px;
  padding:0;margin:0;border:1px solid var(--hairline);
  border-radius:10px;background:var(--surface-2);color:var(--text);
  font-size:20px;line-height:1;
}
#participantPanel>.side-panel-head>.icon-btn:hover,
#quickToolsPanel>.side-panel-head>.icon-btn:hover{
  color:var(--copper-hot);
  border-color:var(--copper);
}

/* Client-only zoom in the Web Provider screenshot viewer (not the remote page). */
.web-provider-zoom-controls{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  flex-wrap:wrap;
  min-width:0;
}
.web-provider-zoom-controls>.card-sub{margin-right:4px}
.web-provider-zoom-controls .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:34px;
  min-height:34px;
  min-width:36px;
  width:auto;
  padding:5px 10px;
  margin:0;
  font-size:14px;
  font-weight:700;
  line-height:1;
  border-radius:8px;
}
.web-provider-zoom-controls .web-provider-zoom-reset{
  min-width:65px;
  font-size:12px;
  font-variant-numeric:tabular-nums;
}
.web-provider-zoom-controls .btn:disabled{opacity:.4;cursor:default}
.web-provider-browser .web-provider-shot-wrap{
  overflow:auto;
  scrollbar-width:thin;
  overscroll-behavior:contain;
  touch-action:pan-x pan-y;
  position:relative;
}
.web-provider-browser .web-provider-shot{
  width:var(--web-browser-width,100%);
  max-width:none;
  height:auto;
  aspect-ratio:8/5;
  object-fit:fill;
  margin:0 auto;
  user-select:none;
  -webkit-user-drag:none;
}
@media(max-width:700px){
  .web-provider-zoom-controls{justify-content:flex-start}
  .web-provider-zoom-controls .btn{min-width:38px}
}
/* Saved Web Provider login status, with secret never returned to the browser. */
.web-provider-remember{display:flex;align-items:flex-start;gap:9px;flex-wrap:wrap;min-width:0;margin-top:10px;padding:10px 12px;border:1px solid var(--hairline);border-radius:10px;background:var(--field)}
.web-provider-remember>strong{font-size:12px;line-height:1.4;flex:1 1 100%;font-weight:650}
.web-provider-remember>.card-sub{flex:1 1 200px;line-height:1.45}
.web-provider-remember>.btn{flex:0 0 auto;min-height:34px;font-size:11px}

/* Web AI browser: phone-sized panels. Keep zoomed pixels inside the viewer. */
.unified-web-providers,
.web-provider-list,
.web-provider-entry,
.web-provider-entry-body,
.web-provider-detail-panel,
.web-provider-browser,
.web-provider-browser-toolbar,
.web-provider-zoom-controls,
.web-provider-shot-wrap,
.web-provider-input-row,
.web-provider-browser-keys{
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
}
.web-provider-list,
.web-provider-entry-body,
.web-provider-detail-panel,
.web-provider-browser{
  grid-template-columns:minmax(0,1fr);
}
.web-provider-shot-wrap{
  width:100%;
  min-width:0;
  max-width:100%;
  overflow:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.web-provider-browser-url{
  min-width:0;
  max-width:100%;
}
@media(max-width:700px){
  .web-provider-entry{
    width:100%;
    max-width:100%;
  }
  .web-provider-browser{
    width:100%;
    max-width:100%;
    max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding:8px;
  }
  .web-provider-browser-toolbar{
    position:sticky;
    top:-8px;
    z-index:2;
    padding:8px 2px;
    margin:-8px -2px 0;
    background:var(--field);
    border-bottom:1px solid var(--hairline);
  }
  .web-provider-shot-wrap{
    aspect-ratio:16/10;
    height:auto;
    max-height:55dvh;
    min-height:0;
  }
  .web-provider-shot-wrap[data-browser-zoomed="true"]{
    aspect-ratio:auto;
    height:min(50dvh,430px);
    max-height:55dvh;
  }
  .web-provider-shot{
    max-width:none;
    max-height:none;
    min-width:0;
    display:block;
  }
  .web-provider-browser-keys{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
  }
  .web-provider-browser-keys>*{
    flex:0 0 auto;
    max-width:100%;
    min-width:0;
  }
  .web-provider-input-row>*{
    max-width:100%;
    min-width:0;
  }
}

/* Chat I/O diagnostics actions only — scoped Quick Tools and per-message. */
.chat-log-controls{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0;}
.chat-message-log-actions{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px;margin-left:5px;}
.chat-message-log-actions [data-single-status]{font-size:11px;max-width:200px;overflow-wrap:anywhere;}
.chat-io-log-pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:65vh;overflow-y:auto;}

/* AI Work: compact controls and conversation-first task detail. */
.card.work-compact-panel{padding:0!important;min-height:0!important;overflow:visible;margin-block:0!important}
.work-compact-panel>details{margin:0!important;border:0;min-height:0!important}
.work-compact-panel>details>summary{display:flex;align-items:center;gap:8px;padding:8px 12px;line-height:1.2;min-height:0;cursor:pointer;user-select:none;font-size:13px;list-style:disclosure-closed inside}
.work-compact-panel>details>summary::before{content:'▸';font-size:11px;color:var(--muted);flex:0 0 auto}
.work-compact-panel>details[open]>summary::before{content:'▾'}
.work-compact-panel>details>summary::-webkit-details-marker{display:none}
.work-compact-panel>details>summary>strong{font-size:13px;font-weight:650}
.work-compact-panel .work-compact-counter{background:var(--surface-2);border:1px solid var(--hairline);font-size:11px;border-radius:10px;padding:1px 6px;color:var(--muted)}
.work-compact-panel .card-sub{font-size:11px;line-height:1.25}
.work-compact-panel .work-compact-inner,.work-compact-panel #aiWorkOffersBody,.work-compact-panel #aiWorkLiveBody,.work-compact-panel #aiWorkTechnicalLogBody{padding:5px 12px 12px;max-height:65vh;overflow:auto}
.work-compact-panel .work-compact-inner .section-head{margin-top:4px}
.chat-view.work-chat-shell{padding:10px 12px 12px!important;min-width:0;overflow:visible}
.work-chat-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:2px 4px 10px}
.work-chat-heading>strong{font-size:15px}
.work-chat-shell .message-list{display:flex;flex-direction:column;gap:10px!important;margin:0!important;padding:12px 7px;min-width:0;background:var(--surface);border:1px solid var(--hairline);border-radius:12px}
.work-chat-shell .message{max-width:min(94%,800px)!important;margin:0!important;flex-shrink:0}
.work-chat-shell .user-message{max-width:min(88%,650px)!important;align-self:flex-end!important;margin-left:auto!important}
.work-chat-shell .ai-message{align-self:flex-start!important}
.work-chat-shell .message-meta{gap:6px;flex-wrap:wrap;font-size:11px}
.work-chat-shell .message-meta strong{font-size:12px}
.work-chat-shell .message-text{font-size:14px;line-height:1.5;overflow-wrap:anywhere;margin-top:3px}
.work-chat-shell .small-avatar{flex:0 0 24px;height:24px;width:24px}
.work-chat-shell .work-chat-muted{font-size:11px;color:var(--muted)}
.work-chat-call,.work-chat-notice{align-self:center;max-width:min(95%,760px);width:100%;min-height:0;color:var(--muted);font-size:11px}
.work-chat-call{border:1px solid var(--hairline);border-radius:8px;background:color-mix(in srgb,var(--surface-2) 66%,transparent)}
.work-chat-call>summary{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:6px;cursor:pointer;padding:5px 9px;line-height:1.25;min-height:0}
.work-chat-call>summary::-webkit-details-marker{display:none}
.work-chat-call>summary strong{font-weight:550;color:var(--text);font-size:11px}
.work-chat-call-body{padding:7px 10px 10px;color:var(--muted);font-size:12px;line-height:1.45;overflow-wrap:anywhere;border-top:1px solid var(--hairline)}
.work-chat-call-body p{margin:4px 0}
.work-chat-notice details{border:0}
.work-chat-notice summary{cursor:pointer;display:flex;align-items:center;gap:7px;justify-content:center;line-height:1.3;font-size:11px;padding:2px 5px}
.work-chat-notice summary strong{font-size:11px;color:var(--muted)}
.work-chat-answer{margin-top:9px;display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}
.work-chat-answer textarea{min-height:44px;flex:1 1 180px;margin:0}
.work-chat-answer button{min-height:38px;flex:0 0 auto}
.work-chat-empty{font-size:13px;color:var(--muted);text-align:center;padding:30px 10px}
@media(max-width:600px){.work-chat-shell .message-text{font-size:14px}.work-chat-shell .message{max-width:96%!important}.work-chat-shell .user-message{max-width:93%!important}.work-chat-shell .message-list{padding:10px 5px}.work-compact-panel>details>summary{padding:7px 10px}}
/* AI Work Call rows: protect against inherited chat layout */
#aiWorkLiveChatFeed>.work-chat-call,
#aiWorkLiveChatFeed>.work-chat-notice {
 display:block!important;position:relative!important;flex:0 0 auto!important;
 align-self:center!important;box-sizing:border-box!important;width:100%!important;
 max-width:100%!important;height:auto!important;min-height:0!important;
 max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;
 animation:none!important;
}
#aiWorkLiveChatFeed>.work-chat-call>summary {
 display:flex!important;box-sizing:border-box!important;flex-wrap:nowrap!important;
 align-items:center!important;width:100%!important;min-height:29px!important;
 height:auto!important;max-height:none!important;padding:5px 10px!important;
 gap:7px!important;overflow:hidden!important;white-space:nowrap;
 line-height:18px!important;position:relative!important;margin:0!important;
}
#aiWorkLiveChatFeed>.work-chat-call>summary>strong{
 flex:0 0 auto;font-size:12px!important;font-weight:750!important;
}
#aiWorkLiveChatFeed>.work-chat-call>summary>.work-call-label{
 flex:0 0 auto;font-size:12px;font-weight:600;color:var(--text);
}
#aiWorkLiveChatFeed>.work-chat-call>summary>.work-call-status{
 flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;
 text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--muted);
}
#aiWorkLiveChatFeed>.work-chat-call>summary>.work-call-time{
 flex:0 0 auto;font-size:11px;color:var(--muted);
}
#aiWorkLiveChatFeed>.work-chat-call .work-call-chevron{
 font-size:11px;line-height:1;flex:0 0 auto;color:var(--muted);
}
#aiWorkLiveChatFeed>.work-chat-call[open] .work-call-chevron{transform:rotate(90deg)}
#aiWorkLiveChatFeed>.work-chat-call:not([open])>.work-chat-call-body,
#aiWorkLiveChatFeed>.work-chat-notice details:not([open])>.work-chat-call-body{
 display:none!important;
}
#aiWorkLiveChatFeed>.work-chat-call[open]>.work-chat-call-body{
 display:block!important;height:auto!important;max-height:160px;
 overflow:auto!important;padding:7px 10px 10px;
 font-size:12px;line-height:1.4;overflow-wrap:anywhere;
}
#aiWorkLiveChatFeed>.work-chat-notice summary{
 box-sizing:border-box;min-height:24px;padding:4px 7px;
 flex-wrap:nowrap!important;width:100%;overflow:hidden;
}
#aiWorkLiveChatFeed>.work-chat-notice summary>span{
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;
}

/* AI Work: polling must not scroll the page to the request composer. */
#aiWorkLiveChatFeed{overflow-anchor:none!important;scroll-behavior:auto!important}

/* AI Work native chat: keep actual Qore private chat at the top of the task. */
.card.work-native-chat{padding:0!important;overflow:hidden;min-width:0}
.work-native-chat>.work-chat-heading{padding:9px 12px;border-bottom:1px solid var(--hairline);justify-content:space-between}
.work-native-chat>.work-chat-heading .btn{margin-left:auto;font-size:11px;padding:5px 8px}
.work-private-chat-mount{width:100%;min-width:0;min-height:460px}
.work-private-chat-mount>.card-sub{padding:16px}
.work-private-chat-frame{display:block;width:100%;height:min(80dvh,900px);min-height:520px;border:0;background:var(--surface);border-radius:0;color-scheme:dark}
@media(max-width:650px){.work-native-chat>.work-chat-heading{padding:7px 9px}.work-private-chat-frame{height:calc(100dvh - 165px);min-height:520px}}
html.work-chat-embed,html.work-chat-embed body{margin:0!important;min-height:100%!important;width:100%!important}
html.work-chat-embed #drawer,
html.work-chat-embed #scrim,
html.work-chat-embed .topbar,
html.work-chat-embed #systemStatus{display:none!important}
html.work-chat-embed #appShell:not(.hidden){display:block!important;padding:0!important;margin:0!important;width:100%!important;min-height:100%!important}
html.work-chat-embed .main{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;min-height:100%!important;overflow:visible!important}
html.work-chat-embed #view{margin:0!important;padding:7px 6px!important;width:100%!important;max-width:none!important}
html.work-chat-embed .chat-view>*{max-width:100%!important}
html.work-chat-embed #view.chat-view{padding:5px 6px!important;min-height:100%!important}
html.work-chat-embed .chat-view .chat-head{margin-top:0!important}

/* AI Work: exactly one composer, immediately below the chat, never in the toolbar. */
.work-native-chat .work-task-composer{display:flex;flex-direction:column;gap:8px;padding:10px 12px 12px;border-top:1px solid var(--hairline)}
.work-native-chat .work-task-composer textarea{display:block;width:100%;min-height:58px;max-height:180px;resize:vertical;margin:0}
.work-native-chat .work-task-composer-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.work-native-chat .work-task-composer-actions button{min-height:38px}
.work-native-chat .work-task-composer-actions #aiWorkControls{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}
html.work-chat-embed .composer-card{display:none!important}
html.work-chat-embed .chat-modebar,html.work-chat-embed .compact-modebar{display:none!important}
html.work-chat-embed #view.chat-view{padding-bottom:8px!important}
html.work-chat-embed #view.chat-view .message-list{padding-bottom:12px!important}
.work-private-chat-frame{height:min(58dvh,640px);min-height:260px}
@media(max-width:650px){.work-private-chat-frame{height:min(53dvh,540px);min-height:260px}.work-native-chat .work-task-composer{padding:9px 10px}.work-native-chat .work-task-composer-actions{gap:8px}}

/* Disabled AI archive: readable and touch-friendly on small screens. */
.disabled-ai-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.disabled-ai-row .row-main{min-width:170px;flex:1 1 180px;overflow-wrap:anywhere}
.disabled-ai-row .row-sub{overflow-wrap:anywhere}
.disabled-ai-row [data-disabled-ai-restore]{flex:0 0 auto}
@media(max-width:540px){.disabled-ai-row{gap:8px}.disabled-ai-row .row-main{flex-basis:calc(100% - 56px)}.disabled-ai-row>.pill{margin-left:auto}.disabled-ai-row [data-disabled-ai-restore]{min-height:38px}}

/* 2026-10-16: Chat filtering + adjacent one-tap new chat. */
.chat-list-title-tools{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}
.chat-ai-select-wrap{min-width:0;display:flex;align-items:center}
#chatAiSelect{height:38px;min-width:128px;max-width:min(45vw,240px);border:1px solid var(--hairline);border-radius:11px;padding:0 25px 0 10px;background:var(--surface-2);color:var(--text);font:inherit;font-size:12px;text-overflow:ellipsis}
#newChat.chat-list-plus{width:38px;height:38px;min-width:38px;padding:0;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:650;line-height:1;border-radius:11px}
.chat-filter-area:empty{display:none}
.chat-filter-area:not(:empty){margin-bottom:12px}
.chat-ai-select-wrap .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:430px){.chat-list-title-tools{gap:6px}#chatAiSelect{min-width:106px;max-width:44vw;font-size:11px}#newChat.chat-list-plus{width:36px;height:36px;min-width:36px}}
/* Other AI identities are accessible but do not dominate the chat drawer. */
.drawer-ai-collapsed{margin:0;padding:0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.drawer-ai-collapsed>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 9px;color:var(--text);user-select:none}
.drawer-ai-collapsed>summary::-webkit-details-marker{display:none}
.drawer-ai-collapsed>summary::after{content:'⌄';margin-left:auto;color:var(--faint);font-size:15px}
.drawer-ai-collapsed[open]>summary::after{content:'⌃'}
.drawer-ai-other-count{color:var(--faint);font-size:11px;margin-left:6px}
.drawer-ai-collapsed>.nav-item,.drawer-ai-collapsed>.drawer-chat-entry{margin-left:7px}
/* Sleep is distinctly red, as requested. */
.resident-ai-state.sleep,.drawer-ai-status-label.sleep{color:#ff667d!important}
/* Each toggle has its own editable caption without changing the ON/OFF behavior. */
.resident-auto-caption{overflow:hidden;max-width:78px;text-overflow:ellipsis;white-space:nowrap}
.resident-auto-label-edit{border:0;background:transparent;color:var(--faint);font-size:11px;min-width:16px;min-height:20px;padding:0 2px;cursor:pointer}
.resident-auto-label-edit:hover,.resident-auto-label-edit:focus-visible{color:var(--text);outline-offset:2px}
.resident-auto-label-edit:disabled{opacity:.5}
.resident-toggle-list .resident-auto{gap:3px}
@media(max-width:380px){.resident-auto-caption{max-width:56px}}

/* Compact Chat drawer: AI and project filters replace the old 'ALLE' label.
   The plus action is in this SAME row, so no control takes space on the page. */
.drawer-chat-collection{margin-top:6px}
/* Fixed below the drawer tabs, outside the scrolling chat list. */
.drawer-chat-pinned{flex:0 0 auto;padding:5px 10px 6px;background:var(--surface);border-bottom:1px solid var(--hairline);position:relative;z-index:2}
.drawer-chat-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px;align-items:stretch;gap:5px;padding:0 3px 2px;max-width:100%}
.drawer-chat-filter{display:flex;min-width:0;position:relative}
.drawer-chat-filter select{appearance:none;-webkit-appearance:none;width:100%;min-width:0;height:36px;margin:0;padding:0 20px 0 8px;display:block;background:var(--field);color:var(--text);border:1px solid var(--hairline);border-radius:10px;font-size:11px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drawer-chat-filter::after{content:'⌄';pointer-events:none;position:absolute;right:7px;top:8px;font-size:12px;color:var(--faint)}
.drawer-chat-plus.primary{width:36px;min-width:36px;height:36px;min-height:36px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:10px;font-size:23px;line-height:1;font-weight:650}
.drawer-chat-filter-caption{font-size:9.5px;color:var(--faint);letter-spacing:.025em;padding:0 6px 7px;min-height:18px}
.drawer-chat-filter .sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.drawer-chat-controls select:focus-visible,.drawer-chat-plus:focus-visible{outline:2px solid var(--copper);outline-offset:2px}
/* Corrected quick-switch semantics: only AI menu alias is editable; AUTO
   and AMBI remain fixed feature labels. No tiny timestamp by READY. */
.resident-ai-runtime .resident-ai-row{grid-template-columns:minmax(38px,78px) minmax(38px,1fr) auto;gap:3px;align-items:center}
.resident-ai-name-edit{display:inline-flex;align-items:center;justify-content:flex-start;gap:2px;min-width:0;width:100%;padding:3px 0;background:transparent;border:0;text-align:left;color:var(--text);cursor:pointer}
.resident-ai-name-edit:focus-visible{outline:1px solid var(--cyan);outline-offset:1px}
.resident-ai-name-edit .resident-ai-name{display:inline-block;min-width:0;max-width:65px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px}
.resident-ai-name-pencil{color:var(--faint);font-size:10px;opacity:.75;flex:0 0 auto}
.resident-ai-name-edit:hover .resident-ai-name-pencil,.resident-ai-name-edit:focus-visible .resident-ai-name-pencil{color:var(--cyan);opacity:1}
.resident-ai-runtime .resident-status-open{display:flex;align-items:center;justify-content:flex-start;gap:0;width:auto;min-width:0}
.resident-ai-runtime .resident-ai-state{font-size:9px;text-overflow:ellipsis;overflow:hidden}
.resident-ai-runtime .resident-toggle-list{gap:3px 5px}
.resident-ai-runtime .resident-auto-caption{max-width:none}
.resident-ai-runtime .resident-auto{gap:3px}
@media(max-width:400px){.resident-ai-runtime .resident-ai-row{grid-template-columns:minmax(35px,74px) minmax(38px,1fr) auto}.resident-ai-name-edit .resident-ai-name{max-width:60px}}
/* The screenshot showed unused space ABOVE the logo. Do not remove safe
   area protection; cap duplicated Android WebView safe-area padding instead. */
@media(max-width:900px){
  /* Android WebView already excludes its bottom system-navigation region from
     the measured visual height. Extra bottom safe-area padding made a blank gap. */
  .drawer{padding-top:clamp(10px,env(safe-area-inset-top, 10px),26px);padding-bottom:0}
  .drawer>.drawer-content{min-height:0;overflow-y:auto;overscroll-behavior:contain}
  .drawer>.brand{height:56px;min-height:56px;padding:5px 12px;gap:5px}
  .drawer>.resident-ai-runtime{margin-top:0;margin-bottom:4px}
  .drawer>.drawer-tabs{margin-top:0;margin-bottom:5px}
  .drawer>.drawer-content{padding-top:0}
  /* Compact bottom status/version/logout strip; chat list keeps the free space. */
  .drawer>.drawer-footer{
    box-sizing:border-box;
    flex:0 0 36px;
    height:36px;
    min-height:36px;
    max-height:36px;
    padding:2px 12px;
    gap:7px;
    align-items:center;
    line-height:1.2;
  }
  .drawer>.drawer-footer #connectionText{
    min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
  .drawer>.drawer-footer #logoutBtn{
    flex:0 0 auto;margin-left:auto;padding:4px 8px;line-height:1.2;
  }
}

/* Deactivate AI uses a deliberate in-app confirmation, not two OS popups.
   The actual archive operation cannot delete Home Box or chat history. */
.deactivate-ai-panel{display:flex;flex-direction:column;gap:13px;max-height:calc(100dvh - 30px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(20px + env(safe-area-inset-bottom))}
.deactivate-ai-panel .deactivate-ai-confirm{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--hairline);border-radius:12px;background:var(--surface-2);font-size:13px;cursor:pointer;line-height:1.4}
.deactivate-ai-confirm input{width:20px;height:20px;min-width:20px;accent-color:var(--red)}
.deactivate-ai-result{min-height:20px;white-space:pre-wrap;overflow-wrap:anywhere}
.deactivate-ai-result.error{border:1px solid #8c3947;color:#ffb2bd;background:#2c161d;padding:10px;border-radius:10px}
.deactivate-ai-panel #deactivateAiConfirm:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:700px){.deactivate-ai-panel{top:calc(62px + env(safe-area-inset-top));bottom:calc(env(safe-area-inset-bottom) + 5px);width:min(calc(100vw - 16px),430px)}}

/* Qura resident runtime ribbon. One-line summary; existing switches expand below.
   Dot = runtime state, ↻ = AUTO, ✦ = Ambient. Indicators are not switches. */
.resident-ai-runtime{display:block;padding:3px 5px;min-width:0}
.resident-compact-head{
  display:flex;align-items:center;gap:4px;width:100%;min-width:0;
  height:28px;min-height:28px;padding:0 3px;
  background:transparent;border:0;border-radius:7px;
  color:var(--text);text-align:left;cursor:pointer;
}
.resident-compact-head:focus-visible{outline:2px solid var(--copper);outline-offset:-1px}
.resident-compact-head:hover{background:color-mix(in srgb,var(--surface-2) 58%,transparent)}
.resident-compact-rail{
  display:flex;align-items:center;gap:4px;flex:1;min-width:0;
  white-space:nowrap;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;
}
.resident-compact-rail::-webkit-scrollbar{display:none}
.resident-compact-ai{
  display:inline-flex;align-items:center;gap:3px;min-width:0;flex:0 0 auto;
  padding:3px 5px;height:23px;border-radius:7px;
  background:color-mix(in srgb,var(--surface-2) 72%,transparent);
  border:1px solid color-mix(in srgb,var(--hairline) 85%,transparent);
}
.resident-compact-name{
  color:var(--text);font-size:10px;font-weight:750;max-width:48px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.resident-compact-state{
  width:6px;height:6px;flex:0 0 6px;border-radius:50%;
  display:inline-block;background:#818b9b;
}
.resident-compact-state.ready{background:#6dbdc9;box-shadow:0 0 5px #6dbdc94d}
.resident-compact-state.working,.resident-compact-state.online{background:#42dc95;box-shadow:0 0 6px #42dc9577}
.resident-compact-state.sleep{background:#ff667d;box-shadow:0 0 5px #ff667d55}
.resident-compact-state.unknown{background:#778493}
.resident-compact-mode{display:inline-grid;place-items:center;font-size:12px;line-height:1;width:12px;height:15px;color:#69798c;font-weight:700}
.resident-compact-mode.on{color:#3ddc97;text-shadow:0 0 6px #3ddc9755}
.resident-compact-mode.off{color:#667587}
.resident-compact-mode.unknown{color:#596576;opacity:.65}
.resident-compact-chevron{
  flex:0 0 15px;display:inline-grid;place-items:center;
  color:var(--muted);font-size:17px;line-height:1;
  transition:transform .18s ease;
}
.resident-is-expanded .resident-compact-chevron{transform:rotate(180deg)}
.resident-compact-empty{color:var(--faint);font-size:10px;padding-left:4px}
.resident-compact-details{
  margin-top:4px;padding:6px 2px 2px;
  border-top:1px solid var(--hairline);display:grid;gap:4px;
}
.resident-compact-details[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.resident-compact-chevron{transition:none}}


/* BLOODBARS runder/placeringer – kun inde på sangarkivets side. */
.bb-round-card{margin:14px 0}
.bb-round-card .bb-round-heading{margin:0 0 9px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.bb-round-tabs{margin:2px 0 9px;gap:8px;overflow-x:auto;scrollbar-width:thin}
.bb-round-tabs .subtab{flex:0 0 auto}
.bb-round-tools,.bb-song-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.bb-round-tools .btn,.bb-song-actions .btn{padding:7px 10px;font-size:12px}
.bb-song-row{align-items:center;gap:9px}
.bb-song-row.bb-selected{border-color:var(--copper,var(--purple))}
.bb-song-main{flex:1 1 260px;min-width:0;padding:7px 3px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.bb-song-actions{margin-left:auto;justify-content:flex-end}
.bb-song-actions .btn:disabled{opacity:.4}
.bb-round-card+.card{margin-top:14px}
#bbRound{width:100%;min-height:42px}
#bbPosition{width:100%}
@media(max-width:700px){
  .bb-round-heading .primary{width:100%}
  .bb-round-tools .btn{flex:1 1 110px}
  .bb-song-row{flex-wrap:wrap}
  .bb-song-main{flex-basis:100%;width:100%}
  .bb-song-actions{width:100%;justify-content:flex-start;margin-left:0}
  .bb-song-actions .btn{flex:1 0 auto}
}

/* E5 memory loading badge next to AI name (hidden at 100%) */
.drawer-ai-mem{margin-left:6px;font-size:.78em;font-weight:600;color:#e8ad69;font-variant-numeric:tabular-nums;white-space:nowrap}
.drawer-ai-mem[hidden]{display:none}

/* Chat performance: skip layout/painting of off-screen message cards.
   Keep every message in the DOM for keyboard search, actions and scroll anchors. */
@supports (content-visibility:auto) {
  .chat-view .message-list > article.message {
    content-visibility:auto;
    contain-intrinsic-size:auto 160px;
  }
}
@media (prefers-reduced-motion:reduce) {
  /* Avoid re-blurring the persistent top bar while scrolling. */
  .topbar {background:color-mix(in srgb,var(--ink) 97%,transparent);backdrop-filter:none;-webkit-backdrop-filter:none}
}

/* 2026-10-19: chatliste-status på prikken ved versionen (aftalt med Badedyr) */
#connectionDot.chatlist-refreshing{background:#5a6578;box-shadow:0 0 0 3px #5a657822;animation:qura-chatlist-pulse 1s ease-in-out infinite}
#connectionDot.chatlist-stale{background:#8a8f98;box-shadow:none}
@keyframes qura-chatlist-pulse{0%,100%{opacity:.35}50%{opacity:1}}

/* Message avatar quick-access menu (2026-10-20). Links only; never applies
   unverified historical inference settings or changes an AI motor. */
.chat-view .ai-avatar-trigger{display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;flex-shrink:0;color:var(--text);line-height:1;overflow:hidden;transition:filter .15s,outline-color .15s}
.chat-view .ai-avatar-trigger:hover{filter:brightness(1.15)}
.chat-view .ai-avatar-trigger:focus-visible{outline:2px solid var(--copper-hot);outline-offset:3px}
.chat-view .ai-avatar-trigger img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.chat-view .draft-pages-btn{display:inline-flex;align-items:center;gap:3px}
.chat-view .draft-pages-count{font-size:10px;font-weight:750;line-height:1}
.qura-chat-ai-menu{position:fixed;z-index:4000;width:min(344px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;padding:12px;background:var(--surface,#161b22);border:1px solid var(--hairline,#38404a);border-radius:14px;color:var(--text,#e8eef5);box-shadow:0 18px 55px rgba(0,0,0,.4);font-size:12px;text-align:left}
.qura-chat-ai-menu-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:2px 2px 10px}
.qura-chat-ai-menu-head strong{display:block;font-size:15px}
.qura-chat-ai-menu-head small{display:block;color:var(--muted,#9aa4b2);margin-top:3px}
.qura-chat-ai-menu-close{border:0;border-radius:8px;padding:0 7px;background:transparent;color:inherit;font-size:24px;cursor:pointer}
.qura-chat-ai-menu-section{padding:10px 3px;border-top:1px solid var(--hairline,#38404a)}
.qura-chat-ai-menu-section>strong{display:block;font-size:12px;margin-bottom:9px}
.qura-chat-ai-menu-params{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center}
.qura-chat-ai-menu-params span{color:var(--muted,#9aa4b2)}
.qura-chat-ai-menu-params strong{font-variant-numeric:tabular-nums}
.qura-chat-ai-menu-note{font-size:11px;line-height:1.45;color:var(--muted,#9aa4b2);margin:9px 0}
.qura-chat-ai-menu-action{border-radius:9px;padding:8px 10px;width:100%;font-size:11px;text-align:left;border:1px solid var(--hairline,#38404a);background:var(--surface-2,#202a34);color:var(--text,#e8eef5)}
.qura-chat-ai-menu-action:disabled{opacity:.55;cursor:not-allowed}
.qura-chat-ai-menu-links{display:grid;gap:4px}
.qura-chat-ai-menu-links button{font:inherit;font-size:12.5px;border:1px solid transparent;background:transparent;color:inherit;border-radius:8px;padding:9px;text-align:left;cursor:pointer}
.qura-chat-ai-menu-links button:hover,.qura-chat-ai-menu-links button:focus-visible{background:var(--surface-2,#202a34);border-color:var(--hairline,#38404a)}
.qura-chat-ai-menu-links button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:560px){.qura-chat-ai-menu{width:min(340px,calc(100vw - 16px))}}

/* AI-owned inference quick settings (2026-10-20) */
.qura-chat-ai-menu .qura-sampling-editor{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:3px 0}
.qura-chat-ai-menu .qura-sampling-param{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--muted,#9aa4b2);min-width:0}
.qura-chat-ai-menu .qura-sampling-param input{min-width:0;width:100%;border-radius:7px;padding:6px 7px;background:var(--surface-2,#212832);border:1px solid var(--hairline,#38404a);color:var(--text,#eee);font:inherit;font-size:13px;box-sizing:border-box}
.qura-chat-ai-menu .qura-sampling-param input:focus-visible{outline:2px solid var(--copper-hot,#df864f);outline-offset:1px}
.qura-chat-ai-menu .qura-chat-ai-menu-section{scroll-margin-top:12px}
.qura-chat-ai-menu .qura-chat-ai-menu-links button{min-height:35px}

/* Live Call output: read tool results while an AI continues its turn. */
.chat-view .live-tool-panel{max-height:min(65vh,660px);overscroll-behavior:contain}
.chat-view .live-tool-panel .diagnostic-pre{max-height:32vh;overflow:auto;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text}
.chat-view .live-tool-panel .live-tool-result{max-height:48vh;white-space:pre-wrap;line-height:1.5;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain}
.chat-view .live-tool-panel .live-tool-json{margin-top:8px}
.chat-view .live-tool-panel .live-tool-json summary{cursor:pointer;color:var(--muted);font-size:12px;padding:5px 0}
@media(max-width:700px){.chat-view .live-tool-panel{max-height:65vh}.chat-view .live-tool-panel .live-tool-result{max-height:46vh}}