/* Graph-editor-inspired workbench theme. Keep existing interaction contracts. */
:root{color-scheme:dark;--teal:#92c99c;--line:#3b3d40;--muted:#a3a6ad;color:#dddfe4;background:#202123;font-size:13px}
body{background:#202123;color:#dddfe4}
.sidebar{width:192px;background:#18191b;border-color:#343638;padding:20px 12px}
.brand{color:#f0f1f3;font-size:18px;gap:10px;padding:0 5px}
.brand-symbol{background:#39483b;color:#b5dfbd;border:1px solid #586e5b;border-radius:4px;width:33px;height:35px}
.brand small{color:#8a8e95;font-size:10px}
.nav-label{margin:33px 10px 10px;color:#70757d}
.nav{color:#a7abb3;border-radius:4px;padding:11px 10px;font-size:12px;border:1px solid transparent}
.nav.active{background:#303632;color:#c2e3c8;border-color:#4d5b50}
.nav:hover{background:#303235;color:#eee}
.nav span{background:#424b44;color:#c1d7c5}
.sidebar-bottom{border-color:#343638;color:#a1a7ad;font-size:11px}
.sidebar-bottom small{color:#6b7279}
main{margin-left:192px}
header{height:48px;background:#28292c;border-color:#131416;padding:0 24px}
.breadcrumb{color:#babdc4;font-size:11px}
.header-right .muted{color:#858b93}
.icon-btn{color:#a8afb7;border-radius:3px}
.icon-btn:hover{background:#3d4146;border-color:#535960;color:white}
.view{padding:22px 24px 12px;max-width:1800px}
.page-heading{margin-bottom:19px}
h1{font-size:22px;font-weight:600;color:#f0f1f4}
.eyebrow{font-size:9px;color:#727a82;margin-bottom:4px}
h2{color:#d8dce2;font-size:13px;font-weight:600}
h3{color:#d5dae1}
.tag{background:#303336;border-color:#464b50;color:#b3bdc5;border-radius:3px;padding:4px 8px;font-size:10px}
.stats{background:#242629;padding:16px 18px;border:1px solid #3b3e42;border-radius:4px;margin-bottom:22px;box-shadow:0 2px 4px #0002}
.stats>div{border-color:#3a3d41;padding:0 20px}
.stats span{color:#959da7;font-size:11px}
.stats strong{color:#e0e6ed;font-size:25px;margin:6px 0;font-weight:500}
.stats strong small{color:#808b96;font-size:11px}
.stats p{color:#727c87;font-size:10px}
.section-heading{margin-bottom:12px}
.legend{color:#9099a3;font-size:10px}
.green{background:#88bb95}.teal{background:#e4b97b}.amber{background:#e5bd64}
.gpu-grid{gap:9px}
.gpu-card{background:#303235;border:1px solid #4a4d51;border-radius:5px;padding:0 13px 11px;overflow:hidden;box-shadow:0 3px 6px #0003}
.gpu-card.reserved{border:1px solid #776447;padding-top:0}
.gpu-top{background:#3a3e43;margin:0 -13px;padding:8px 12px;border-bottom:1px solid #202225}
.reserved .gpu-top{background:#514637}
.gpu-top strong{font-size:11px;color:#e1e5eb}
.gpu-top span{color:#adb4be;font-size:9px}
.gpu-top svg{color:#a8b2be;width:13px;height:13px}
.gpu-util{margin:10px 0 8px;gap:8px}.gpu-util strong{font-size:22px;color:#e4e9ef}.gpu-util small{font-size:12px;color:#9aa5af;margin-left:2px}.gpu-util span{color:#868f99}
.gpu-card .progress{background:#212326;height:4px;border:1px solid #1b1e20}
.progress{background:#1b2023}.progress>div{background:#8fbd9d}.reserved .progress>div{background:#d3ac75}
.gpu-bottom{color:#a2acb7;margin-top:9px;font-size:10px}
.gpu-assignment{color:#d9ba8c;font-size:10px;margin-top:7px}.gpu-assignment.free{color:#85958b}
.lower-grid{border-top:1px solid #3b3e42;margin-top:24px;padding-top:20px;gap:24px}.service-section{border-color:#3b3e42;padding-right:24px}
.service-icon{background:#37433d;color:#b8d8c1;border:1px solid #526356;border-radius:4px}
.service-line{margin:16px 0}.service-line .muted{color:#8e99a3}
.download-label{color:#9ca7b0}.download-label strong{color:#b6d4be}.download-detail{color:#7e8993}
.button{background:#363a3f;border:1px solid #535960;color:#d5dbe2;border-radius:4px;font-size:11px;min-height:32px;box-shadow:0 1px 2px #0003;padding:7px 11px}
.button:hover:not(:disabled){background:#454c52;border-color:#79868d;color:white}
.button.primary{background:#455f4b;border-color:#6d8b74;color:#e5f3e8}
.button.primary:hover:not(:disabled){background:#56725c;border-color:#98b59e}
.text-button{color:#9db1bd}.text-button:hover{color:#d0e6f2}
.verification{color:#91a39a;font-size:10px}
.task-row{border-color:#393e43}.task-row strong{color:#c9d2dd}.task-row p{color:#808b96}.empty{color:#7f8a95}.empty>svg{color:#59646f}
.activity-section{border-color:#3b3e42}.event{border-color:#30353a;color:#9ca6b1}.event time{color:#697580}
footer{border-color:#34383d;color:#67747f;padding:14px 24px;margin-top:24px}
.production-layout{grid-template-columns:190px minmax(0,1fr);border-color:#41464b}
.project-list{border-color:#3b4146;padding-right:14px}.project-list h2{color:#939fa9}
.project-choice{color:#b4bec9;border:1px solid transparent;border-radius:4px;font-size:12px}
.project-choice:hover{background:#2a3034}.project-choice.selected{background:#35423a;border-color:#526858;color:#d1e5d5}
.project-choice small{color:#7f9686}.project-content{padding-left:24px}
.project-title h2{font-size:18px;color:#e5e9ee}.project-meta .muted{color:#8d9aa4}
.project-editor label{color:#a5b0bb;font-size:11px}
input,textarea,select{background:#202225;border:1px solid #4c535b;color:#d5dde7;border-radius:4px;padding:9px 10px}
input:focus,textarea:focus,select:focus{border-color:#8baa92;box-shadow:0 0 0 2px #72977b22}
input::placeholder,textarea::placeholder{color:#616d79}
.notice{background:#2a3035;border-color:#667c8e;color:#93a5b5;font-size:11px;border-radius:0}
.shot{background:#303438;border-color:#4b545d;border-radius:5px;padding:0 14px 12px;box-shadow:0 3px 7px #0003}
.shot-top{background:#39434a;margin:0 -14px 12px;padding:9px 12px;border-bottom:1px solid #20272c;border-radius:4px 4px 0 0}
.shot-top input{background:#2a3238;border-color:#53616b;color:#dbe6ef}.shot-top select{background:#2a3238;border-color:#53616b;color:#b9c9d5}
.shot-number{color:#9cb9ca}.shot textarea{background:#252a2e;color:#c0ccd6;border:1px solid #434b52}.shot-bottom{color:#8fa3b1}
.shot-duration input{background:#232a2e}.shot-duration{margin:0}
.large-empty{color:#8897a3}.large-empty>svg{color:#6b887b}.large-empty h2{color:#b2c0c9}
.pipeline{border-color:#41474c;padding:18px 0}.pipeline>div{border-color:#40474d}.pipeline svg{color:#a5c3ac}.pipeline h3{color:#d0d9e1}.pipeline span{color:#8898a5}.pipeline span.positive{color:#9ec9a7}
.search{background:#252b30;border-color:#49535b;color:#95a6b4}.search input{background:none;color:#d1dce6}
th{background:#333a40;border-color:#505961;color:#a4b4c0;font-size:10px}td{border-color:#373f46}td strong{color:#c6d5e1}td small{color:#7b8d9a}td:nth-child(2){color:#b3c3cd}
dialog{background:#292e33;color:#d5dfe7;border-color:#626e77;box-shadow:0 20px 100px #0009;border-radius:6px}dialog::backdrop{background:#080b0dc9}dialog label{color:#9dabb7}.dialog-heading h2{color:#dae5ec}
pre{background:#191e22;border:1px solid #414d57;color:#aebecb;border-radius:4px}
#toast{background:#344b3b;border:1px solid #779782;color:#e1eee5;box-shadow:0 4px 20px #0005}
#error-banner{background:#443033;border-color:#815356;color:#efb0aa}
.login-body{background:#202225;background-image:radial-gradient(#44484c 1px,transparent 1px);background-size:20px 20px}
.login-main{background:#2c3034;border:1px solid #555f67;padding:30px;border-radius:6px;box-shadow:0 16px 60px #0005;max-width:390px;margin:0}
.login-brand{color:#b1d7bb;font-size:20px;margin-bottom:25px;border-bottom:1px solid #454d54;padding-bottom:20px}
.login-main h1{color:#e2e7ec;font-size:20px}.login-main label{color:#a9b7c2}.login-main input{background:#20272c;color:#d9e6ef}.login-main #login-error{color:#efb0aa}
@media(min-width:1500px){.gpu-card{padding:0 16px 12px}.gpu-card.reserved{padding-top:0}.gpu-top{margin:0 -16px;padding:9px 15px}}
@media(max-width:1100px){.sidebar{width:180px}main{margin-left:180px}.view{padding:20px}.stats>div{padding:0 12px}.production-layout{grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:760px){.sidebar{width:100%;padding:11px 12px 0;background:#1b1e21;border-color:#3b4349}main{margin-left:0}.brand{font-size:17px}header{padding:0 14px;height:43px}.view{padding:18px 13px 8px}.nav{padding:10px 6px;font-size:11px}.stats{padding:15px 13px;row-gap:18px}.stats>div{padding:0 9px}.stats>div:nth-child(odd){padding-left:0}.stats strong{font-size:23px}#memory{font-size:17px}.gpu-grid{gap:8px}.gpu-card{padding:0 10px 10px}.gpu-card.reserved{padding-top:0}.gpu-top{margin:0 -10px;padding:8px 9px}.gpu-top strong{font-size:11px}.gpu-util strong{font-size:21px}.gpu-bottom{font-size:9px}.gpu-assignment{font-size:9px}.service-section{padding:0 0 20px}.production-layout{display:block}.project-list{border-color:#3b4146;padding:14px 0}.project-content{padding:20px 0}.project-choice.selected{border-color:#526858}.project-meta{gap:6px}.shot-top{padding:9px 11px}.login-main{margin:0;padding:25px;width:100%}.login-brand{font-size:19px}footer{padding:14px}.legend{font-size:9px}.pipeline{row-gap:20px}}