/* VK-inspired application theme. Loaded after the original layout stylesheet. */
:root{--bg:#edeef0;--panel:#fff;--line:#dce1e6;--text:#222;--muted:#818c99;--green:#0077ff;--green-dark:#0069e0;--green-light:#e5efff;--yellow:#996a00;--red:#e64646;--radius:12px;--secondary:#f2f3f5;--hover:#e5e7eb;--blue-text:#2a5885;--blue-soft:#e5efff;--success-bg:#e8f6ed;--success-text:#268b4d;--warning-bg:#fff5df;--warning-text:#946b00;--danger-bg:#ffeded;--danger-text:#d53d3d;--log-bg:#f5f6f8;--log-text:#435166;--chart-grid:#e5e7eb;--chart-bar:#99c2ff;--chart-bar-active:#0077ff;--photo-a:#0077ff;--photo-b:#70a8f5;--photo-c:#b8d6ff;--shadow:0 1px 0 #00000003;color-scheme:light}
:root[data-theme=dark]{--bg:#141414;--panel:#222;--line:#363738;--text:#e1e3e6;--muted:#939393;--green:#529ef4;--green-dark:#71aff6;--green-light:#263449;--yellow:#e5b55c;--red:#ff7f7f;--secondary:#2c2d2e;--hover:#333435;--blue-text:#71aaeb;--blue-soft:#263449;--success-bg:#24382d;--success-text:#7acc99;--warning-bg:#3a3325;--warning-text:#e1be77;--danger-bg:#402a2d;--danger-text:#ff9595;--log-bg:#191a1c;--log-text:#c4ccd6;--chart-grid:#383a3d;--chart-bar:#365e91;--chart-bar-active:#529ef4;--photo-a:#529ef4;--photo-b:#365e91;--photo-c:#283d58;--shadow:none;color-scheme:dark}
body{background:var(--bg);color:var(--text);font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px}.shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{background:var(--bg);border-color:transparent;padding:0 14px 16px}.brand{height:64px;margin:0 -14px;padding:0 24px;background:var(--panel);gap:11px;border-bottom:1px solid var(--line);font-size:18px;color:var(--text);font-weight:650;letter-spacing:-.4px}.brand-symbol{background:#0077ff;color:#fff;width:34px;height:34px;border-radius:9px;font-size:17px;letter-spacing:-1px;padding-right:0;font-weight:800}.brand-sub{font-size:8px;letter-spacing:1.9px;color:var(--muted)}.workspace{margin:22px 0 26px;background:var(--panel);border-color:var(--line);font-size:11px;color:var(--text)}.workspace-dot{background:var(--blue-soft);border-color:var(--blue-soft);position:relative}.workspace-dot:after{content:"";position:absolute;width:8px;height:8px;top:2px;left:2px;border:1.5px solid var(--green);border-radius:2px}.small-arrow{color:var(--muted)}.workspace small,.account small,.monitor-state small{color:var(--muted)}.nav-label{color:var(--muted);font-size:9px;letter-spacing:1px}nav{gap:3px}nav a,.settings-link{color:var(--text);font-size:12px;gap:11px;padding:11px 12px}nav a:hover,.settings-link:hover{background:var(--hover)}nav a.active,.settings-link.active{background:var(--hover);color:var(--text);font-weight:550}nav a>span{color:var(--green);font-size:19px;display:flex;align-items:center;justify-content:center}nav svg{width:21px;height:21px;stroke:var(--green);stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}nav b{background:var(--secondary);color:var(--muted)}.sidebar-bottom{padding-top:25px}.monitor-state{background:var(--panel);border-color:var(--line);color:var(--text)}.status-dot,.live-dot{background:#4bb34b}.account{border-color:var(--line);color:var(--text)}.avatar{background:var(--blue-soft);color:var(--blue-text)}.settings-link{border:0;background:none;width:100%;text-align:left}.topbar{height:64px;background:var(--panel);border-color:var(--line);padding:0 28px}.breadcrumb{color:var(--muted);font-size:12px}.breadcrumb strong{color:var(--text)}.breadcrumb>span{color:var(--line)}.topbar-right{color:var(--muted);font-size:11px}.icon-button{color:var(--muted);border-radius:8px}.icon-button:hover{color:var(--green);background:var(--secondary)}.page{padding:27px 28px 22px}.eyebrow{color:var(--muted);font-size:9px;letter-spacing:1.3px}.page-heading{margin-bottom:23px}h1{font-size:27px;letter-spacing:-.7px;color:var(--text)}h2,h3{color:var(--text)}.page-heading p{color:var(--muted);font-size:12px}.heading-actions{gap:8px}input,select,textarea{background:var(--secondary);color:var(--text);border-color:var(--line);font-size:12px;border-radius:8px}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #0077ff17}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}input[type=checkbox],input[type=radio]{accent-color:#0077ff}input[type=month]{background:var(--panel)}.button{font-size:12px;border-radius:8px;padding:10px 15px;font-weight:550;box-shadow:none}.button.primary{background:#0077ff;color:#fff;box-shadow:none}.button.primary:hover{background:#0069e0}.button.secondary{background:var(--secondary);color:var(--blue-text);border-color:transparent}.button.secondary:hover{background:var(--hover)}.button.danger{background:var(--danger-bg);color:var(--danger-text);border-color:transparent}.button.small{font-size:11px}.stat-card,.panel{background:var(--panel);border-color:var(--line);box-shadow:var(--shadow)}.stat-card{padding:20px 21px}.stat-card:first-child{background:var(--panel);color:var(--text);border-color:var(--line)}.stat-card:first-child .stat-value{color:var(--green)}.stat-label,.stat-card:first-child .stat-label{color:var(--muted);font-size:12px}.stat-label span,.stat-card:first-child .stat-label span{color:var(--green)}.stat-value{font-size:33px;font-weight:650;color:var(--text)}.stat-foot,.stat-card:first-child .stat-foot{color:var(--muted);font-size:10px}.stat-tag,.stat-card:first-child .stat-tag{background:var(--blue-soft);color:var(--blue-text);font-size:9px;padding:2px 6px;white-space:nowrap}.stats-grid{gap:15px;margin-bottom:19px}.chart-row{gap:18px;margin-bottom:19px}.panel-header p{color:var(--muted);font-size:11px}.legend{color:var(--muted);font-size:10px}.legend i{background:var(--green)}.chart-empty{color:var(--muted)}.chart-footer{color:var(--muted);font-size:10px}.chart svg line{stroke:var(--chart-grid)}.chart svg text{fill:var(--muted)}.chart svg rect{fill:var(--chart-bar)}.chart svg rect[fill="#618758"]{fill:var(--chart-bar-active)}.format-total strong{color:var(--text)}.format-total span{color:var(--muted);font-size:11px}.segmented{background:var(--secondary)}.format-line{font-size:11px;color:var(--text)}.format-line small{color:var(--muted)}.format-body .segment:nth-child(1),.format-line:nth-of-type(3) i{background:var(--photo-a)!important}.format-body .segment:nth-child(2),.format-line:nth-of-type(4) i{background:var(--photo-b)!important}.format-body .segment:nth-child(3),.format-line:nth-of-type(5) i{background:var(--photo-c)!important}.section-head{border-color:var(--line);padding-top:18px;padding-bottom:18px}.section-head .muted{font-size:11px}.count-chip{background:var(--secondary);color:var(--muted);font-size:10px}.table-toolbar{border-color:var(--line)}.search{background:var(--secondary);font-size:12px}.table-toolbar .push{color:var(--muted);font-size:11px}.table-toolbar select{font-size:12px}.table-wrap{background:var(--panel)}table{font-size:12px}thead{background:var(--panel);color:var(--muted);font-size:11px}th{border-color:var(--line);font-weight:450}td{border-color:var(--line);color:var(--text);padding-top:15px;padding-bottom:15px}tbody tr:hover{background:var(--secondary)}.community-icon{background:var(--blue-soft);color:var(--blue-text);border-radius:50%;width:34px;height:34px}.community-cell .name{color:var(--blue-text);font-size:12px;font-weight:550}.community-cell small{color:var(--muted);font-size:10px}.numeric{color:var(--text)}.badge{background:var(--secondary);color:var(--muted);font-size:10px;padding:3px 7px}.badge.ok,.badge.available,.badge.completed{background:var(--success-bg);color:var(--success-text)}.badge.warning,.badge.waiting,.badge.unconfirmed,.badge.partial{background:var(--warning-bg);color:var(--warning-text)}.badge.error,.badge.failed,.badge.deleted,.badge.unavailable{background:var(--danger-bg);color:var(--danger-text)}.badge.running,.badge.queued{background:var(--blue-soft);color:var(--blue-text)}.table-bottom{border-color:var(--line);color:var(--muted);font-size:10px}.link-button{color:var(--blue-text)}.run-row{border-color:var(--line)}.run-row:hover{background:var(--secondary)}.run-mark{background:var(--blue-soft);color:var(--green)}.run-text strong{color:var(--text);font-size:12px}.run-text small{color:var(--muted);font-size:10px}.notice{color:var(--muted)}.notice-title{color:var(--text);font-size:13px}.notice p{font-size:11px}.notice-link{color:var(--blue-text);font-size:11px}.page-footer{color:var(--muted);font-size:9px}.fine,.inline-help{color:var(--muted)}.error-text{color:var(--danger-text)}.empty{color:var(--muted)}.empty strong{color:var(--text)}.loading{color:var(--muted)}.form-panel>p{color:var(--muted);font-size:12px}label{color:var(--text);font-size:12px}.data-warning{background:var(--warning-bg);color:var(--warning-text);font-size:11px}.form-panel .notice{color:var(--muted)}.modal-backdrop{background:#0008}.modal,.modal-header{background:var(--panel);color:var(--text)}.modal-header{border-color:var(--line)}.modal-body>p{color:var(--muted)}.group-select,.mode-card{border-color:var(--line)}.mode-card:has(input:checked){background:var(--blue-soft);border-color:var(--green)}.mode-card small{color:var(--muted)}.detail-meta{color:var(--muted)}.detail-text{background:var(--secondary);color:var(--text)}.version{border-color:var(--line)}.version time{color:var(--muted)}.version pre{background:var(--secondary);color:var(--text)}.version-count{color:var(--warning-text)}.logs{background:var(--log-bg);color:var(--log-text);border:1px solid var(--line)}.progress{background:var(--secondary)}.progress i{background:var(--green)}.metric-detail>div{border-color:var(--line);background:var(--panel)}.metric-detail small{color:var(--muted)}.metric-detail strong{color:var(--text)}.toast{background:var(--panel);color:var(--text);border:1px solid var(--line);box-shadow:0 8px 35px #0002}.theme-toggle{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:7px;color:var(--blue-text);flex:none}.theme-toggle svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.theme-toggle:hover{background:var(--secondary)}.login-theme-toggle{position:fixed;top:22px;right:24px;z-index:5;background:var(--secondary)}.login-page{background:var(--panel)}.login-decoration{background:var(--bg);color:var(--text);border-right:1px solid var(--line)}.login-decoration h1{color:var(--green);font-size:40px}.login-decoration p{color:var(--muted)}.login-decoration .eyebrow{color:var(--blue-text)}.login-footer{color:var(--muted)}.orbit{border-color:var(--line)}.login-main h2{font-size:26px}.login-main .brand-symbol{width:44px;height:44px;font-size:22px;border-radius:12px}.login-main .fine{color:var(--muted)}.login-main .muted{color:var(--muted)}
@media(max-width:1150px){.shell{grid-template-columns:205px minmax(0,1fr)}.page{padding:24px 23px}.topbar{padding:0 23px}.stat-card{padding:17px}.stat-value{font-size:30px}.brand{padding-left:20px;padding-right:20px}}
@media(max-width:800px){.shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding:0 10px 16px}.brand{margin:0 -10px;padding:0;justify-content:center}.topbar{height:64px;padding:0 18px}.page{padding:23px 18px}.sidebar nav{margin-top:30px}nav a{font-size:0;padding:12px 14px}nav a>span{font-size:21px}nav svg{width:21px;height:21px}.account{padding-top:20px}.settings-link{display:none}.theme-toggle{width:32px;height:32px;padding:6px}.login-decoration{padding:40px}.login-decoration h1{font-size:31px}.stats-grid{gap:11px}.stat-foot{font-size:9px}}
@media(max-width:550px){.page{padding:20px 12px}.topbar{padding:0 12px}.topbar-right{gap:2px}.stat-label{font-size:11px}.stat-value{font-size:29px}.stat-card{padding:14px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.stat-foot{font-size:9px}.login-theme-toggle{top:16px;right:16px}}