/* SkyOps Intelligence — command line, lens, selection */
.in-bar{position:relative;flex:1;max-width:640px;margin:0 16px;z-index:150}
.in-field{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border-radius:9px;border:1px solid color-mix(in oklab,#7B5EA7 45%,var(--border-base));background:color-mix(in oklab,#7B5EA7 7%,var(--bg-card));cursor:text;transition:border-color .15s,box-shadow .15s}
.in-bar.open .in-field{border-color:#8b74c4;box-shadow:0 0 0 3px color-mix(in oklab,#7B5EA7 22%,transparent);border-bottom-left-radius:0;border-bottom-right-radius:0}
.in-spark{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:linear-gradient(135deg,#2E75B6,#7B5EA7);color:#fff;flex-shrink:0}
.in-ctx{font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:5px;background:var(--bg-inset);color:var(--fg-secondary);white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}
.in-field input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--fg-primary);font-size:12.5px;font-family:var(--font-sans)}
.in-field input::placeholder{color:var(--fg-muted)}
.in-field kbd{font-size:10px;padding:1px 5px;border-radius:4px;border:1px solid var(--border-elevated);color:var(--fg-muted);font-family:var(--font-mono)}
.in-att{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:#ddd6fe;padding:2px 7px;border-radius:99px;background:color-mix(in oklab,#7B5EA7 30%,transparent)}
.in-att i{width:6px;height:6px;border-radius:99px;background:#c4b5fd;animation:core-b 1.6s ease-in-out infinite}
.in-sheet{position:absolute;left:0;right:0;top:34px;max-height:min(70vh,620px);overflow:auto;background:var(--bg-sidebar);border:1px solid #8b74c4;border-top:1px solid var(--border-base);border-radius:0 0 12px 12px;box-shadow:0 24px 48px rgba(0,0,0,.45);padding:8px;display:flex;flex-direction:column;gap:8px}
.in-intent{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;border:1px solid color-mix(in oklab,var(--accent-primary) 45%,var(--border-base));background:color-mix(in oklab,var(--accent-primary) 10%,transparent);color:var(--fg-primary);font-size:12.5px;font-weight:600;cursor:pointer;text-align:left;font-family:var(--font-sans)}
.in-intent span{flex:1}
.in-intent kbd{font-size:10px;color:var(--fg-muted)}
.in-sec{display:flex;flex-direction:column;gap:6px;padding:4px}
.in-sec-h{display:flex;align-items:center;gap:8px;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted)}
.in-dec{display:grid;grid-template-columns:8px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border-base)}
.in-dec>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.in-dec b{font-size:12px}
.in-dec span:not(.al-sev){font-size:11px;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.in-dec em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--sev-low)}
.in-sugs{display:flex;flex-wrap:wrap;gap:6px}
.in-sugs button{padding:6px 10px;border-radius:99px;border:1px solid var(--border-base);background:var(--bg-card);color:var(--fg-secondary);font-size:11.5px;cursor:pointer;font-family:var(--font-sans)}
.in-sugs button:hover{border-color:#8b74c4;color:var(--fg-primary)}
.in-tip{font-size:10.5px;color:var(--fg-muted);padding:4px 6px 2px;border-top:1px solid var(--border-base)}
.in-thread{display:flex;flex-direction:column;gap:10px;padding:4px}
.in-turn{display:flex;flex-direction:column;gap:5px}
.in-q{align-self:flex-end;max-width:85%;font-size:12px;padding:6px 10px;border-radius:10px 10px 2px 10px;background:var(--bg-inset);color:var(--fg-primary)}
.in-a{font-size:12.5px;line-height:1.55;color:var(--fg-primary);padding:2px 4px}
.in-a.act{color:var(--sev-low);font-weight:600}
.in-a.err{color:var(--fg-muted)}
.in-ref{display:inline;padding:0 5px;margin:0 1px;border-radius:4px;border:1px solid color-mix(in oklab,var(--accent-primary) 40%,transparent);background:color-mix(in oklab,var(--accent-primary) 10%,transparent);color:var(--accent-primary);font-family:var(--font-mono);font-size:11px;cursor:pointer}
.in-next{display:flex;align-items:center;gap:6px;margin-top:6px;padding:6px 9px;border-radius:7px;background:color-mix(in oklab,#7B5EA7 12%,transparent);color:#ddd6fe;font-size:12px;font-weight:600}
.in-thread-ft{display:flex;justify-content:flex-end}
.in-typing{display:inline-flex;gap:4px}
.in-typing i{width:5px;height:5px;border-radius:99px;background:#a78bfa;animation:core-b 1s infinite}
.in-typing i:nth-child(2){animation-delay:.15s}.in-typing i:nth-child(3){animation-delay:.3s}
.in-lens{position:fixed;z-index:160;width:20px;height:20px;border-radius:6px;display:grid;place-items:center;border:0;background:linear-gradient(135deg,#2E75B6,#7B5EA7);color:#fff;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.4);opacity:.9}
.in-lens:hover{opacity:1;transform:scale(1.08)}
.in-selbtn{position:fixed;z-index:160;transform:translate(-50%,-100%);display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:7px;border:1px solid #8b74c4;background:var(--bg-sidebar);color:var(--fg-primary);font-size:11.5px;font-weight:600;cursor:pointer;font-family:var(--font-sans);box-shadow:0 6px 18px rgba(0,0,0,.4)}
.in-pop{position:fixed;z-index:170;width:380px;background:var(--bg-sidebar);border:1px solid #8b74c4;border-radius:10px;box-shadow:0 20px 40px rgba(0,0,0,.5);display:flex;flex-direction:column}
.in-pop-hd{display:flex;align-items:center;gap:8px;padding:9px 10px;border-bottom:1px solid var(--border-base);color:#c4b5fd}
.in-pop-t{flex:1;min-width:0;font-size:11.5px;color:var(--fg-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.in-pop-acts{display:flex;gap:6px;padding:8px 10px}
.in-pop-acts button{flex:1;padding:6px 8px;border-radius:7px;border:1px solid var(--border-base);background:var(--bg-card);color:var(--fg-secondary);font-size:11.5px;cursor:pointer;font-family:var(--font-sans)}
.in-pop-acts button.on,.in-pop-acts button:hover{border-color:#8b74c4;color:var(--fg-primary)}
.in-pop-a{padding:4px 12px 12px;font-size:12px;line-height:1.55}
.in-pop-a.err{color:var(--fg-muted)}
.in-pop-more{align-self:flex-start;margin:0 12px 10px;font-size:11px}
.ask-fab,.ask-panel{display:none!important}
@media (max-width:1100px){.in-ctx{display:none}}
.in-field input{min-width:200px}
.in-field input:focus,.in-field input:focus-visible{box-shadow:none!important;outline:none!important}

/* Agent panel — docked, pushes the workspace */
body.agent-open .app{grid-template-columns:var(--sidebar-w) minmax(0,1fr) var(--agent-w,420px);grid-template-areas:"sidebar topbar agent" "sidebar main agent"}
.agent{grid-area:agent;position:relative;display:flex;flex-direction:column;min-height:0;height:100vh;background:var(--bg-sidebar);border-left:1px solid var(--border-strong)}
.ag-resize{position:absolute;left:-3px;top:0;bottom:0;width:6px;cursor:col-resize;z-index:2}
.ag-resize:hover{background:color-mix(in oklab,#7B5EA7 40%,transparent)}
.ag-hd{display:flex;align-items:center;gap:10px;height:var(--topbar-h);padding:0 12px;border-bottom:1px solid var(--border-base);flex-shrink:0}
.ag-hd-t{flex:1;min-width:0;display:flex;flex-direction:column}
.ag-hd-t b{font-size:13px}
.ag-hd-t span{font-size:11px;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag-tabs{display:flex;gap:2px;padding:6px 10px;border-bottom:1px solid var(--border-base);flex-shrink:0}
.ag-tabs button{padding:5px 10px;border:0;border-radius:6px;background:transparent;color:var(--fg-muted);font-size:12px;cursor:pointer;font-family:var(--font-sans)}
.ag-tabs button.on{background:var(--bg-active);color:var(--fg-primary)}
.ag-body{flex:1;min-height:0;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:12px}
.ag-welcome{display:flex;flex-direction:column;gap:8px;padding:8px 2px}
.ag-welcome b{font-size:15px}
.ag-welcome p{margin:0;font-size:12px;line-height:1.55;color:var(--fg-secondary)}
.ag-sugs{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.ag-sugs button{text-align:left;padding:9px 11px;border-radius:8px;border:1px solid var(--border-base);background:var(--bg-card);color:var(--fg-primary);font-size:12px;cursor:pointer;font-family:var(--font-sans)}
.ag-sugs button:hover{border-color:#8b74c4}
.ag-u{align-self:flex-end;max-width:88%;padding:8px 11px;border-radius:12px 12px 3px 12px;background:var(--bg-active);font-size:12.5px;line-height:1.5}
.ag-u-p{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:5px}
.ag-u-p span{font-size:10px;padding:1px 6px;border-radius:4px;background:color-mix(in oklab,#7B5EA7 25%,transparent);color:#ddd6fe}
.ag-a{display:flex;flex-direction:column;gap:8px}
.ag-txt{font-size:12.5px;line-height:1.6;color:var(--fg-primary)}
.ag-txt.err{color:var(--fg-muted)}
.ag-steps{display:flex;flex-direction:column;gap:3px;padding:6px;border-radius:8px;border:1px solid var(--border-base);background:var(--bg-card)}
.ag-step summary{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:8px;align-items:center;padding:4px 4px;font-size:11.5px;color:var(--fg-secondary);cursor:pointer;list-style:none}
.ag-step summary::-webkit-details-marker{display:none}
.ag-step summary i{width:16px;height:16px;border-radius:99px;display:grid;place-items:center;background:color-mix(in oklab,var(--sev-low) 20%,transparent);color:var(--sev-low)}
.ag-step-rejected summary i{background:var(--bg-inset);color:var(--fg-muted)}
.ag-step summary em{font-style:normal;font-size:10.5px;color:var(--fg-muted);font-family:var(--font-mono)}
.ag-art{margin:4px 0 6px 24px;overflow:auto;max-height:180px;border:1px solid var(--border-base);border-radius:6px}
.ag-art table{border-collapse:collapse;width:100%;font-size:10.5px;font-family:var(--font-mono)}
.ag-art th,.ag-art td{padding:3px 6px;border-bottom:1px solid var(--border-base);text-align:left;white-space:nowrap}
.ag-art th{color:var(--fg-muted);font-weight:600;background:var(--bg-inset)}
.ag-spin{display:inline-block;width:10px;height:10px;border-radius:99px;border:2px solid #a78bfa;border-right-color:transparent;animation:ag-r .8s linear infinite}
@keyframes ag-r{to{transform:rotate(360deg)}}
.ag-appr{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:8px;border:1px solid color-mix(in oklab,var(--accent-mission) 50%,var(--border-base));background:color-mix(in oklab,var(--accent-mission) 6%,var(--bg-card))}
.ag-appr-hd{display:flex;align-items:center;gap:7px;font-size:12px}
.ag-appr-hd .ico{color:var(--accent-mission)}
.ag-appr-b{display:flex;flex-direction:column;gap:4px;padding:6px 8px;border-radius:6px;background:var(--bg-inset)}
.ag-appr-why{font-size:11.5px;line-height:1.5;color:var(--fg-secondary)}
.ag-appr-ft{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.ag-comp{border-top:1px solid var(--border-base);padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px;position:relative;flex-shrink:0}
.ag-pills{display:flex;flex-wrap:wrap;gap:4px}
.ag-pill{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;padding:2px 7px;border-radius:5px;background:color-mix(in oklab,#7B5EA7 20%,transparent);color:#ddd6fe;max-width:240px;overflow:hidden;white-space:nowrap}
.ag-pill.fixed{background:var(--bg-inset);color:var(--fg-secondary)}
.ag-pill button{border:0;background:none;color:inherit;cursor:pointer;padding:0;display:grid}
.ag-input{display:flex;gap:6px;align-items:flex-end;padding:6px;border:1px solid var(--border-elevated);border-radius:10px;background:var(--bg-card)}
.ag-input:focus-within{border-color:#8b74c4}
.ag-input textarea{flex:1;border:0;outline:0;resize:none;background:transparent;color:var(--fg-primary);font-size:12.5px;line-height:1.45;font-family:var(--font-sans)}
.ag-input textarea:focus{box-shadow:none!important}
.ag-send{width:30px;height:30px;border-radius:8px;border:0;background:linear-gradient(135deg,#2E75B6,#7B5EA7);color:#fff;display:grid;place-items:center;cursor:pointer}
.ag-send:disabled{opacity:.4;cursor:not-allowed}
.ag-hint{font-size:10px;color:var(--fg-muted)}
.ag-mention{position:absolute;left:12px;right:12px;bottom:100%;margin-bottom:-4px;background:var(--bg-sidebar);border:1px solid #8b74c4;border-radius:8px;padding:4px;display:flex;flex-direction:column;box-shadow:0 -10px 24px rgba(0,0,0,.4)}
.ag-mention button{display:flex;justify-content:space-between;padding:6px 8px;border:0;border-radius:5px;background:transparent;color:var(--fg-primary);font-size:12px;cursor:pointer;font-family:var(--font-sans)}
.ag-mention button:hover{background:var(--bg-hover)}
.ag-mention em{font-style:normal;font-size:10.5px;color:var(--fg-muted)}
.ag-sec{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted)}
.ag-task{display:flex;align-items:center;gap:10px;font-size:12px;padding:8px 10px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border-base)}
.ag-task span:nth-child(2){flex:1}
.ag-task em{font-style:normal;font-size:10.5px;color:var(--fg-muted)}
.ag-hist{display:flex;flex-direction:column;gap:2px;text-align:left;padding:9px 11px;border-radius:8px;border:1px solid var(--border-base);background:var(--bg-card);color:var(--fg-primary);cursor:pointer;font-family:var(--font-sans)}
.ag-hist.on{border-color:#8b74c4}
.ag-hist b{font-size:12px}.ag-hist em{font-style:normal;font-size:10.5px;color:var(--fg-muted)}
.ag-toggle{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:8px;border:1px solid var(--border-elevated);background:var(--bg-card);color:var(--fg-primary);font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font-sans);margin-right:8px}
.ag-toggle.on{border-color:#8b74c4;background:color-mix(in oklab,#7B5EA7 18%,var(--bg-card))}
.ag-toggle kbd{font-size:9.5px;color:var(--fg-muted);font-family:var(--font-mono)}
.in-intent.ag{border-color:color-mix(in oklab,#7B5EA7 50%,var(--border-base));background:color-mix(in oklab,#7B5EA7 10%,transparent)}


/* Topbar fit */
.topbar{min-width:0;overflow:hidden}
.topbar>*{flex-shrink:0}
.topbar .crumbs{min-width:0;flex:0 1 auto;white-space:nowrap;overflow:hidden;display:flex;align-items:center}
.topbar .crumbs>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.topbar .crumbs .tenant{flex-shrink:0}
.in-bar{flex:1 1 auto;min-width:220px;max-width:600px}
.tb-new,.ag-toggle{white-space:nowrap}
body.agent-open .tb-new,body.agent-open .ag-toggle{font-size:0;gap:0;padding:0 9px}
body.agent-open .ag-toggle kbd,body.agent-open .in-ctx,body.agent-open .in-field kbd{display:none}
body.agent-open .topbar .crumbs>span:not(.tenant):not(.here):not(.sep){display:none}
body.agent-open .topbar .crumbs .sep:not(:last-of-type){display:none}
@media (max-width:1500px){.topbar .crumbs .tenant{max-width:150px;overflow:hidden;text-overflow:ellipsis}}

/* Push-layout reflow */
.main{min-width:0}
.rv-split{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.rv-split>*{min-width:0}
.grid-6{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.grid-3>*,.grid-6>*,.grid-4>*{min-width:0}
body.agent-open .rv-split,.rv-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media (max-width:1000px){body:not(.agent-open) .rv-split{grid-template-columns:1fr;grid-template-rows:42vh auto;overflow:auto;gap:14px}.rv-split>.card:first-child{max-height:42vh}}
body.agent-open .grid-3[style*="2fr"]{grid-template-columns:1fr!important}

/* Review split: definite height so queue + detail scroll internally and actions stay reachable */
.rv-split{flex:none!important;height:calc(100vh - var(--topbar-h) - 24px);min-height:520px;grid-template-rows:minmax(0,1fr)}
.rv-split>.card{min-height:0;height:100%}
.rv-split>.card:last-child{overflow:auto!important}
.rv-split [data-rv-actions]{position:sticky;bottom:0;background:var(--bg-card);z-index:2}

.sb-hint{font-style:normal;font-weight:500;letter-spacing:.02em;text-transform:none;margin-left:6px;color:var(--fg-disabled);font-size:10px}
