/* Kuartal Satellites Work — 2026 Kuartal.id palette and restrained Vibe-inspired
   conversational hierarchy. Existing agent API, permissions and task store remain. */
:root[data-theme="light"]{
  --k-bg:#fff;--k-bg-warm:#FAF9F6;--k-surface:#F5F5F3;--k-surface-elev:#EDEDEB;
  --k-text:#171717;--k-text-muted:#666;--k-border:#E5E5E3;--k-border-strong:#AAA;
}
:root[data-theme="dark"]{
  --k-bg:#111;--k-bg-warm:#191919;--k-surface:#242424;--k-surface-elev:#242424;
  --k-text:#F5F5F5;--k-text-muted:#B5B5B5;--k-border:#363636;--k-border-strong:#777;
}
.app{height:100dvh;overflow:hidden;}
.app>.sidebar{
  width:258px;flex:0 0 258px;max-height:100dvh;overflow-y:auto;overflow-x:hidden;
  background:var(--k-bg-warm);border-right:1px solid var(--k-border);
  scrollbar-width:thin;padding:16px 11px;
}
.app>.sidebar.is-collapsed{width:0!important;flex-basis:0!important;}
.side-top{margin:2px 4px 12px;gap:8px;}
.side-top .brand{margin:0;font-size:14px;letter-spacing:-.025em;font-weight:600;}
.side-actions button{border-radius:9px;}
.sat-mode-tabs{
 display:grid;grid-template-columns:1fr 1fr;gap:3px;margin:5px 4px 18px;padding:3px;
 border:1px solid var(--k-border);border-radius:12px;background:var(--k-surface);
}
.sat-mode-tabs>*{
 display:flex;align-items:center;justify-content:center;text-decoration:none;
 min-height:34px;padding:7px 9px;border:0;border-radius:9px;
 background:transparent;color:var(--k-text-muted);font-size:11px;font-weight:500;
}
.sat-mode-tabs>*.active{color:var(--k-text);background:var(--k-bg);box-shadow:0 1px 3px #00000012;}
.sat-mode-tabs>*:hover:not(.active){background:var(--k-bg);color:var(--k-text);}
.primary-nav{margin-bottom:18px;gap:2px;}
.primary-nav .nav,.sidebar>.nav,.sat-settings-link{
 margin:1px 3px;width:calc(100% - 6px);min-height:39px;padding:10px 11px;
 font-size:12px;font-weight:400;gap:11px;white-space:nowrap;
 border:0!important;border-inline-start:0!important;border-radius:9px;box-shadow:none!important;
 color:var(--k-text-muted);background:transparent;
}
.primary-nav .nav.active,.primary-nav .nav:hover,.sidebar>.nav:hover,.sidebar>.nav.active{
 background:var(--k-surface)!important;color:var(--k-text)!important;box-shadow:none!important;
}
.primary-nav .nav.active{font-weight:600;}
.side-section-title{margin:18px 11px 7px;color:var(--k-text-muted);letter-spacing:.08em;}
.sidebar-agent-list{gap:2px;}
.sidebar .side-agent{
 margin:1px 3px;width:calc(100% - 6px);border:0!important;box-shadow:none!important;
 min-height:41px;padding:7px 10px;color:var(--k-text-muted);background:transparent;
}
.sidebar .side-agent:hover,.sidebar .side-agent[aria-pressed="true"]{background:var(--k-surface)!important;color:var(--k-text)!important;}
.sidebar .side-agent[aria-pressed="true"]{font-weight:600;border-inline-start:0!important;box-shadow:none!important;}
.sidebar .side-agent-avatar{width:29px;height:29px;border-radius:8px;overflow:hidden;}
.sidebar-spacer{min-height:15px;}
.account-trigger{border:0;background:transparent;border-radius:10px;padding:8px 10px;}
.account-trigger:hover{background:var(--k-surface);}
.account-trigger .account-avatar{border-radius:10px;}
.app>main{height:100dvh;min-width:0;overflow:auto;scrollbar-width:thin;background:var(--k-bg);}
.app>main>header{
 height:58px;min-height:58px;padding:0 26px;position:sticky;top:0;z-index:25;
 justify-content:flex-start;gap:12px;background:var(--k-bg);border-bottom:1px solid var(--k-border);
 font-size:12px;color:var(--k-text);font-weight:500;
}
.app>main>header .state{margin-left:auto;max-width:270px;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:var(--k-text-muted);}
#workspace-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#sat-sidebar-toggle{margin:0 3px 0 0;border-radius:9px;}
.workspace-home{
 position:relative;display:flex;flex-direction:column;gap:0;isolation:auto;
 max-width:950px;width:100%;margin:0 auto;
 padding:clamp(40px,7vh,96px) clamp(18px,4vw,46px) 60px;
}
.workspace-home::before,.workspace-home::after{display:none!important;content:none!important;}
.workspace-home>.eyebrow{font-size:10px;letter-spacing:.11em;color:var(--k-text-muted);font-weight:600;}
.workspace-home>h1{
 font-size:clamp(29px,3.6vw,42px);line-height:1.22;letter-spacing:-.045em;
 font-weight:500;margin:15px 0 8px;color:var(--k-text);
}
.workspace-home>p{font-size:12px;max-width:590px;line-height:1.6;margin:0 0 27px;color:var(--k-text-muted);}
.sat-conversation-stream{min-width:0;display:flex;flex-direction:column;gap:14px;max-height:min(49vh,510px);overflow:auto;scrollbar-width:thin;overscroll-behavior:contain;}
.sat-conversation-stream:has(>.rt-thread[hidden]):has(>.rt-output:empty){display:none;}
.sat-conversation-stream .rt-thread:has(.rt-thread-empty){display:none!important;}
.sat-conversation-stream .rt-thread{
 display:flex;flex-direction:column;gap:18px;overflow:visible;max-height:none;
 background:transparent;border:0;border-radius:0;padding:0 0 13px;margin:0;
}
.sat-conversation-stream .rt-thread-pair{gap:12px;}
.sat-conversation-stream .rt-thread-message{
 max-width:min(100%,780px);line-height:1.7;overflow-wrap:anywhere;
 border:0;border-radius:0;padding:0;background:transparent;
}
.sat-conversation-stream .rt-thread-user{
 justify-self:end;align-self:flex-end;max-width:min(85%,670px);
 background:var(--k-surface);border:0;border-radius:15px;padding:12px 15px;
}
.sat-conversation-stream .rt-thread-assistant{justify-self:start;align-self:stretch;padding:4px 0 10px;background:transparent;}
.sat-conversation-stream .rt-thread-message strong{font-size:11px;color:var(--k-text-muted);font-weight:600;}
.sat-conversation-stream .rt-thread-message p,.sat-conversation-stream .rt-result{font-size:12px;color:var(--k-text);line-height:1.7;}
.sat-conversation-stream .rt-output{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:7px 0!important;margin:0!important;max-width:100%;}
.sat-conversation-stream .rt-output:empty{display:none;}
.sat-conversation-stream .rt-steps{background:var(--k-surface);border-radius:12px;padding:13px 15px 13px 30px;}
.workspace-home .workspace-compose{
 max-width:100%;width:100%;padding:16px 17px 12px;
 border:1px solid var(--k-border)!important;border-radius:17px;
 background:var(--k-bg-warm)!important;box-shadow:none!important;
}
.workspace-home .workspace-compose:hover{border-color:var(--k-border-strong)!important;}
.workspace-home .workspace-compose:focus-within{
 border-color:var(--k-text)!important;
 box-shadow:0 0 0 2px color-mix(in srgb,var(--k-text) 8%,transparent)!important;
}
.workspace-home .workspace-compose label{display:none;}
.workspace-home .workspace-compose textarea{
 font-size:13px;line-height:1.6;min-height:80px;max-height:210px;
 width:100%;resize:vertical;color:var(--k-text)!important;
}
.workspace-home .workspace-compose textarea::placeholder{color:var(--k-text-muted);}
.workspace-home .workspace-compose>div{gap:10px;align-items:center;flex-wrap:wrap;}
#rt-compose-note{font-size:10px!important;line-height:1.5;color:var(--k-text-muted);}
.rt-buttons{display:flex;gap:8px;align-items:center;margin-left:auto;}
.rt-buttons button{min-height:35px;border-radius:999px!important;font-size:11px;padding:9px 13px;}
.rt-buttons button.secondary{background:transparent!important;border:1px solid var(--k-border)!important;color:var(--k-text)!important;}
.rt-buttons #workspace-run{background:var(--k-text)!important;border:1px solid var(--k-text)!important;color:var(--k-bg)!important;}
.rt-buttons button:disabled{opacity:.45;}
.workspace-home .rt-panel{
 max-width:100%;width:100%;margin:18px 0 0;padding:0;
 background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0;
}
.workspace-home .rt-panel .rt-top{
 display:flex;align-items:center;justify-content:space-between;
 gap:10px;margin:0 0 12px;padding:0;
 background:transparent!important;border:0!important;
}
.workspace-home .rt-top h2{font-size:12px;font-weight:600;color:var(--k-text);margin:0;}
.workspace-home #rt-signin{background:var(--k-surface);border:1px solid var(--k-border);padding:14px;border-radius:12px;}
.workspace-home #rt-config{padding:0;}
.workspace-home .rt-who{font-size:10px;line-height:1.5;margin:3px 0 10px;color:var(--k-text-muted);}
.workspace-home .rt-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:680px;}
.workspace-home .rt-row label{font-size:11px;font-weight:500;color:var(--k-text-muted);}
.workspace-home .rt-picker{
 display:flex;align-items:center;gap:7px;
 border:1px solid var(--k-border);background:var(--k-bg-warm);border-radius:10px;
 padding:5px 9px;min-height:43px;
}
.workspace-home .rt-picker select{background:transparent;border:0!important;box-shadow:none!important;color:var(--k-text);font-size:11px;}
.workspace-home .rt-picker:focus-within{outline:1px solid var(--k-text);outline-offset:1px;}
.workspace-home .sat-browse-models{background:transparent;color:var(--k-text-muted);border:0;padding:7px 0;font-size:11px;margin:4px 0 0;}
.workspace-home .sat-browse-models:hover{color:var(--k-text);text-decoration:underline;text-underline-offset:3px;}
.workspace-home .rt-model-detail{margin:0 0 7px;font-size:10px;color:var(--k-text-muted);}
.sat-tool-disclosure{border-top:1px solid var(--k-border);padding:10px 0;margin-top:8px;}
.sat-tool-disclosure>summary{font-size:11px;font-weight:500;cursor:pointer;color:var(--k-text);padding:4px 0;}
.sat-tool-disclosure .rt-tools{margin-top:10px;border-radius:11px;background:var(--k-surface);border-color:var(--k-border);}
.workspace-home #command-metrics:empty{display:none!important;}
.workspace-home #command-metrics{max-width:100%;margin:18px 0 0;padding:9px 0;color:var(--k-text-muted);}
.workspace-home .command-heading{
 max-width:100%;display:flex;justify-content:space-between;align-items:center;
 margin:27px 0 10px;padding:15px 0 0;border-top:1px solid var(--k-border);
}
.workspace-home .command-heading strong{font-size:12px;color:var(--k-text);font-weight:600;}
.workspace-home .command-heading button{font-size:11px;color:var(--k-text-muted);background:transparent;border:0;padding:5px 0;}
.workspace-home .command-heading button:hover{color:var(--k-text);}
.workspace-home .home-agent-grid{
 display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;max-width:100%;
}
.workspace-home .home-agent-card{
 display:inline-flex;align-items:center;flex-direction:row;gap:9px;
 min-height:43px;padding:7px 12px 7px 7px;width:auto;min-width:0;
 background:transparent;color:var(--k-text);border:1px solid var(--k-border);border-radius:11px;
 box-shadow:none;text-align:left;
}
.workspace-home .home-agent-card:hover{border-color:var(--k-border-strong);background:var(--k-surface);}
.workspace-home .home-agent-avatar{width:29px;height:29px;border-radius:8px;flex:none;overflow:hidden;}
.workspace-home .home-agent-card strong{font-size:11px;font-weight:600;white-space:nowrap;}
.workspace-home .home-agent-card small{display:none;}
/* Studio and explorer retain their actual features but lose dashboard visual noise. */
.studio,.marketplace-panel{max-width:1100px;padding-top:45px;}
.studio::before,.marketplace-panel::before{display:none!important;}
.agent-editor,.workflow-form,.taskboard,.connections-content{box-shadow:none!important;}
.agent-option.active{border-color:var(--k-border-strong)!important;box-shadow:none!important;background:var(--k-surface)!important;}
.home-agent-card,.template-card{transition:background .14s ease,border-color .14s ease;}
.home-agent-card:hover,.template-card:hover{border-color:var(--k-border-strong)!important;}
:where(.sat-mode-tabs a,.sat-mode-tabs button,.sat-tool-disclosure summary,.workspace-home .home-agent-card):focus-visible{
 outline:2px solid var(--k-focus);outline-offset:2px;
}
@media(max-width:850px){
 .app>.sidebar,.app>.sidebar.is-collapsed{position:fixed!important;top:0;bottom:0;left:0;z-index:100;
  width:min(290px,88vw)!important;flex-basis:auto!important;padding:16px 11px!important;}
 .app>main{width:100%;}
 .app>main>header{padding:0 16px;gap:9px;}
 .workspace-home{padding:35px 18px 45px;}
 .sat-conversation-stream{max-height:44vh;}
}
@media(max-width:620px){
 .workspace-home>h1{font-size:28px;}
 .workspace-home>p{font-size:11px;margin-bottom:22px;}
 .workspace-home .workspace-compose{padding:12px;}
 .workspace-home .rt-row{grid-template-columns:1fr;}
 .workspace-home .workspace-compose textarea{min-height:76px;}
 .rt-buttons{width:100%;justify-content:flex-end;}
 .workspace-home .rt-panel{margin-top:15px;}
 .workspace-home .home-agent-grid{gap:6px;}
}
@media(prefers-reduced-motion:reduce){.home-agent-card,.template-card{transition:none!important;}}