/* Shared operations hierarchy, legibility, and responsive navigation. */
:root{--bg:#f4f6fa;--muted:#58677b;--shadow:0 3px 12px rgba(17,26,46,.035)}
.sidebar{width:266px;position:sticky;top:0;height:100vh;overflow-y:auto;padding:24px 16px}
.brand{padding-bottom:28px}.brand-sub{line-height:1.5;color:#b7c4d8}
.nav-section{font-size:10px;font-weight:750;letter-spacing:1.1px;color:#a0b0c8;padding:24px 12px 8px}.nav-section[hidden]{display:none}
.nav-item{font-size:13px;line-height:1.45;min-height:44px}.stage-number{font-size:11px;color:#a0b0c8;font-variant-numeric:tabular-nums}.nav-item.active{background:#293756;box-shadow:inset 3px 0 #8190ff}.nav-item.active .nav-icon{color:#fff}.sidebar-foot{margin-top:28px}
.topbar{min-height:92px;height:auto;gap:20px}.eyebrow{color:#627187}.subtle{color:#5d6b7f;line-height:1.6}.page{margin:0 auto;padding-top:32px}.hero-line{gap:20px;align-items:center}.hero-line p{margin:8px 0 0}.hero-line h2{font-size:23px;letter-spacing:-.6px}
.btn,.session-button{min-height:40px}.btn:focus-visible,.nav-item:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #7585ef;outline-offset:3px}
.work-tabs{gap:14px;margin:26px 0 22px}.work-tab{border-radius:14px;padding:20px;transition:border-color .15s,background .15s}.work-tab.active{padding:19px;background:#f0f3ff;border-color:#566df2}.work-tab:hover{border-color:#8291d7}.work-tab strong{font-size:34px;letter-spacing:-1px}.work-tab small{font-size:12px}.work-tab[data-work-filter="help"] strong{color:#965813}
.work-tools{display:flex;align-items:end;gap:12px;margin:0 0 22px;flex-wrap:wrap}.work-tools>div:first-child{flex:1;min-width:210px}.work-tools>div:nth-child(2){min-width:210px}.work-tools label{display:block;font-size:12px;font-weight:700;color:#526177;margin-bottom:7px}.work-tools input,.work-tools select{font:inherit;color:var(--ink);width:100%;height:44px;padding:10px 12px;border:1px solid #cbd3df;background:white;border-radius:8px}.work-tools .btn{min-height:44px}
.work-list{overflow:hidden}.work-list .card-head{padding:20px 22px;background:#fcfdff}.work-list .card-title{margin:0 0 4px;font-size:16px}.work-row{padding:22px;gap:22px}.work-row:hover{background:#fafbff}.work-item>strong{font-size:16px;line-height:1.5}.work-row .tag{font-size:11px;padding:6px 9px}.work-row .btn{min-width:160px}.work-empty{padding:48px 20px;color:#586579}.work-empty strong{display:block;font-size:18px;color:var(--ink)}.work-empty p{margin:10px 0 0;line-height:1.6}
.work-guide{border-left:4px solid #566df2}.work-checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}.work-next{background:#f6f8fc;padding:14px;border-radius:8px}.form-field label{font-size:12px;color:#526177}.form-field input,.form-field select{min-height:42px}.item-id,.metric-label,.photo-caption{color:#617087}.queue-table th{color:#617087}.work-footnote{font-size:12px}
@media(max-width:1100px){.sidebar{width:224px}.top-actions .sync-status{display:none}.topbar{padding:20px 24px}.page{padding:24px}.work-tabs{gap:10px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:relative;width:100%;height:auto;padding:14px 16px}.brand{padding:0 0 14px}.brand>div:last-child{display:block}.brand-sub{font-size:11px}.workspace-label,.nav-section,.sidebar-foot{display:none}.nav{display:flex;overflow-x:auto;gap:6px;padding:2px 2px 8px}.nav-item{width:auto;flex:none;font-size:12px;padding:10px 12px;justify-content:flex-start;white-space:nowrap;min-height:44px}.nav-icon{font-size:16px}.stage-number{font-size:11px}.nav-count{display:none}.topbar{padding:18px 16px;gap:12px}.topbar h1{font-size:21px}.operator-summary{gap:8px}.operator-summary>div:first-child,.operator-summary .avatar{display:none}.page{padding:22px 16px}.hero-line{align-items:flex-start;flex-wrap:wrap;gap:14px}.hero-line h2{font-size:21px}.work-tabs{margin-top:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.work-tab{padding:15px}.work-tab.active{padding:14px}.work-tab strong{font-size:28px}.work-tools{gap:10px}.work-tools>div:first-child,.work-tools>div:nth-child(2){min-width:0;flex:1 1 100%}.work-checklist{grid-template-columns:1fr}.work-row{grid-template-columns:1fr;padding:18px;gap:14px}.work-row .btn{max-width:none;width:100%}.work-guide-head{flex-direction:column}.work-guide{padding:18px}.work-list .card-head{padding:18px}.queue-table th:first-child,.queue-table td:first-child{display:table-cell}}
@media(max-width:760px){.workflow-card .stepper{overflow-x:auto;padding-bottom:10px}.work-guide h2{overflow-wrap:anywhere}.workflow-card{min-width:0}}
