.cockpit-view,.tasks-view{max-width:1600px;width:100%;align-self:center}.cockpit-view .section-heading h1{font-size:clamp(1.9rem,3vw,2.8rem)}.cockpit-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.cockpit-metric{border:1px solid var(--line);border-radius:14px;padding:1.3rem;background:linear-gradient(140deg,#20251d,#191b1d 75%);min-width:0}.cockpit-metric .row{color:var(--muted);font-size:.8rem}.cockpit-metric svg{color:var(--accent)}.cockpit-metric strong{display:block;font-size:clamp(1.6rem,2.4vw,2.4rem);letter-spacing:-.05em;margin:1.4rem 0 .6rem;font-weight:550}.cockpit-metric small{display:block;color:var(--muted);font-size:.75rem}.cockpit-metric progress{margin-top:1.1rem;height:4px}.cockpit-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:1.3rem;align-items:start}.cockpit-columns>.panel{min-width:0}.cockpit-link{font-size:.8rem;color:var(--accent);white-space:nowrap}.cockpit-tasks{display:grid;gap:.7rem;margin-top:1.3rem}.task-card{padding:1.15rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);min-width:0}.task-card h3{margin:1rem 0 .35rem}.task-open{padding:0;border:0;background:transparent;text-align:left;font-size:1rem;font-weight:550;line-height:1.45;overflow-wrap:anywhere;display:block}.task-open:hover{background:transparent;color:var(--accent)}.task-card>.subtle{margin-bottom:.75rem}.task-card .row{flex-wrap:wrap;gap:.5rem}.task-state{display:inline-flex;align-items:center;gap:.4rem;font-size:.7rem;border-radius:20px;padding:.3rem .6rem;background:#2a2e30;color:#c6cccf;white-space:nowrap}.task-state:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.state-running{color:#b7d7ff;background:#6d9cdf18}.state-waiting{color:#ffd78f;background:#eab14f16}.state-completed{color:var(--accent);background:#d5f97812}.state-failed{color:#ffa49d;background:#ec797016}.state-unknown{color:#d2c0e5;background:#b88cdb12}.task-summary{font-size:.85rem;line-height:1.65;color:#c2c8c9;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;flex:1}.task-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.task-actions button{font-size:.75rem;min-height:40px}.task-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.task-list .task-card{display:flex;flex-direction:column}.task-list>.empty-state{grid-column:1/-1}.task-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1.5rem}.task-count{display:flex;flex-direction:column;align-items:flex-start;background:var(--surface);border:1px solid var(--line);padding:1rem;gap:.4rem}.task-count strong{font-size:1.8rem;font-weight:550;color:var(--accent)}.task-count span{font-size:.75rem;color:var(--muted);text-align:left}.task-controls{display:flex;gap:.75rem;margin-bottom:1rem}.task-controls .searchbox{flex:1;max-width:none}.task-controls select{max-width:190px}.task-footer{margin:1rem 0}.cockpit-fact{padding:1rem 0;border-top:1px solid var(--line);display:grid;gap:.45rem}.cockpit-fact>span{font-size:.8rem;color:var(--muted)}.cockpit-fact strong{font-size:1.15rem;font-weight:550}.install-panel{margin-top:1.3rem}.install-panel p{font-size:.85rem}.install-panel h2{margin-bottom:.8rem}.install-panel .subtle{margin-top:1rem}.mobile-nav,.mobile-backdrop{display:none}
@media(max-width:1100px){.cockpit-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cockpit-columns{grid-template-columns:1fr}.task-list{grid-template-columns:1fr}}
@media(max-width:720px){
 .workspace>.main{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.mobile-nav{position:absolute;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));bottom:0;left:0;right:0;min-height:64px;padding:4px max(4px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(4px,env(safe-area-inset-left));background:#171a18;border-top:1px solid var(--line);z-index:20}.mobile-nav a,.mobile-nav button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.63rem;padding:8px 2px;margin:0;border-radius:9px;min-height:54px;color:var(--muted);background:transparent}.mobile-nav .active{color:var(--accent);background:#d5f9780b}.mobile-nav svg{width:21px;height:21px}.mobile-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#0009;z-index:29;border:0;border-radius:0}.keyboard-open .mobile-nav{display:none}.keyboard-open .workspace>.main{padding-bottom:0}.workspace:has(.desktop-expanded)>.mobile-nav{display:none}.topbar .breadcrumb{font-size:0}.topbar .breadcrumb strong{display:block;font-size:.8rem}.cockpit-view,.tasks-view{padding:1.3rem 1rem}.cockpit-metrics{gap:.7rem;margin-bottom:1rem}.cockpit-metric{padding:1rem}.cockpit-metric .row{font-size:.7rem;gap:.25rem}.cockpit-metric strong{font-size:1.65rem;margin:1rem 0 .5rem}.cockpit-metric small{font-size:.65rem}.cockpit-columns{gap:1rem}.task-counts{gap:.4rem}.task-count{padding:.8rem .5rem}.task-count strong{font-size:1.5rem}.task-count span{font-size:.65rem}.task-controls{flex-wrap:wrap}.task-controls .searchbox{flex-basis:100%}.task-controls select{max-width:none;width:100%}.task-card{padding:1rem}.task-actions button,button.primary,button.secondary{min-height:44px}input,select,textarea,.searchbox input{font-size:16px}.icon-button{min-width:44px;min-height:44px}.composer-wrap{padding-bottom:.6rem}.toast{bottom:calc(78px + env(safe-area-inset-bottom))}.sidebar{overflow-y:auto}.sidebar .brand{padding-bottom:1rem}.sidebar-section{margin-top:1rem}.sidebar nav a{min-height:44px;padding:.65rem .9rem}.sidebar .new-chat{margin-bottom:.7rem}.sidebar .chat-list{min-height:65px}.tab-buttons,.toolbar-actions{flex-wrap:wrap}.cockpit-view .section-heading,.tasks-view .section-heading{gap:.8rem}.cockpit-view .section-heading>.toolbar-actions,.tasks-view .section-heading>.toolbar-actions{width:100%}.cockpit-view .section-heading>.toolbar-actions button,.tasks-view .section-heading>.toolbar-actions button{flex:1}.file-row{gap:.3rem}.topbar .status-pill{display:none}.topbar-right>.icon-button{display:inline-flex}.panel .service-row{gap:.5rem}
}