:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#e9f2f4;background:#08151b;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #59e1d0;outline-offset:2px}.hidden{display:none!important}
.shell{min-height:100vh;display:grid;grid-template-columns:258px minmax(0,1fr);background:radial-gradient(circle at 85% 0%,#123039 0,transparent 27%),#09161c}
.sidebar{background:#052026;border-right:1px solid #254049;display:flex;flex-direction:column;padding:31px 16px 24px;min-height:100vh}
.brand{display:flex;align-items:center;gap:13px;padding:0 11px 48px}.brand-mark{width:44px;height:44px;border:1px solid #35b7a7;border-radius:12px;display:grid;place-items:center;color:#65e4d3;font-size:25px;font-weight:800;letter-spacing:-4px;padding-right:5px;background:linear-gradient(145deg,#143c40,#10262d)}.brand-mark span{color:#ffa66c}.brand strong{display:block;font-size:17px;letter-spacing:.17em}.brand small{display:block;color:#6e929b;font-size:9px;letter-spacing:.11em;margin-top:5px}
.nav-label,.eyebrow{color:#73aaa9;font-size:10px;font-weight:750;letter-spacing:.19em}.nav-label{padding:0 15px;margin-bottom:16px}.sidebar nav{display:grid;gap:6px}.nav-item{width:100%;border:1px solid transparent;background:transparent;color:#99b0b8;text-align:left;display:flex;align-items:center;gap:12px;padding:13px 13px;border-radius:9px;font-size:13px;font-weight:650}.nav-item:hover{background:#153039;color:#e8faf8}.nav-item.active{background:linear-gradient(90deg,#14514f,#17353d);border-color:#25776f;color:#d9fffa;box-shadow:inset 3px 0 #66e9d5}.nav-icon{font-size:21px;font-weight:400;width:24px;text-align:center;color:#65cbbb}.nav-item b{margin-left:auto;border-radius:5px;background:#2c827a;color:#e4fffa;font-size:11px;padding:3px 7px}
.sidebar-bottom{margin-top:auto;padding:22px 10px 0;border-top:1px solid #24414a}.source{display:flex;gap:10px;align-items:center}.source-dot,.sync-indicator i{width:7px;height:7px;border-radius:50%;background:#58d8a6;box-shadow:0 0 11px #4fe2b17a;flex:none}.source strong{display:block;font-size:12px}.source small{display:block;color:#77959d;font-size:10px;margin-top:5px}.sidebar-bottom p{font-size:11px;color:#66848c;line-height:1.55;margin:18px 0 0}
.main{min-width:0;display:flex;flex-direction:column}.topbar{height:76px;border-bottom:1px solid #26414a;display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#0b1a21b0}.breadcrumb{font-size:11px;letter-spacing:.13em;font-weight:750;color:#668d97}.breadcrumb span{padding:0 12px;color:#405e68}.breadcrumb strong{color:#b5d4d9}.topright{display:flex;align-items:center;gap:20px;font-size:11px;font-weight:700;letter-spacing:.07em;color:#a5bec4}.separator{height:18px;width:1px;background:#365159}.sync-indicator{display:flex;align-items:center;gap:8px;color:#72d8b9}.sync-indicator.warn{color:#f5b577}.sync-indicator.warn i{background:#e5a267;box-shadow:none}
main{width:min(1390px,100%);padding:40px 42px 55px;margin:0 auto;flex:1}.hero{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:32px}.eyebrow .dash{display:inline-block;width:18px;height:1px;vertical-align:middle;background:#63c8bb;margin-right:9px}.hero h1{font-size:clamp(27px,3.3vw,40px);line-height:1.1;margin:13px 0 9px;letter-spacing:-.035em}.hero p{font-size:13px;color:#86a4ac;margin:0}.refresh{border:1px solid #335a63;background:#142b33;color:#c9e5e7;border-radius:8px;padding:10px 15px;font-size:12px;font-weight:700;white-space:nowrap}.refresh:hover{border-color:#5cc8bb;background:#1a3940}.refresh span{font-size:19px;vertical-align:-2px;margin-right:7px}.notice{padding:12px 15px;border:1px solid #9d714a;background:#4e352130;color:#f4bd87;border-radius:8px;font-size:12px;margin:-12px 0 24px;line-height:1.5}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:38px}.stat{min-height:146px;border:1px solid #28434b;border-radius:11px;background:linear-gradient(140deg,#12252d,#102028);padding:20px 21px}.stat.accent{border-color:#31796e;background:linear-gradient(130deg,#16453f,#13312f)}.stat-label{font-size:10px;letter-spacing:.12em;color:#8cafb5;font-weight:800}.stat>div{display:flex;align-items:baseline;gap:8px;margin-top:18px}.stat strong{font-size:37px;line-height:1;font-weight:750;letter-spacing:-.045em;color:#f2f8f8}.stat.accent strong{color:#76ead5}.stat strong.time-stat{font-size:27px;letter-spacing:-.025em}.stat div span{color:#abc5c9;font-size:13px}.stat small{display:block;margin-top:12px;font-size:11px;color:#72919a}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 18px}.section-heading h2{font-size:22px;letter-spacing:-.025em;margin:6px 0 0}.meta{color:#83a2aa;font-size:11px}.list{display:grid;gap:9px}
.sheet-card{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(110px,.75fr) minmax(100px,.65fr) minmax(138px,.85fr) auto;align-items:center;gap:16px;background:#10242c;border:1px solid #29434b;border-radius:10px;padding:17px 19px;min-height:86px}.sheet-card:hover{border-color:#3d706f;background:#132b32}.sheet-card .sheet-name{font-size:14px;font-weight:750;color:#ebf5f5;overflow-wrap:anywhere}.sheet-card .sub{font-size:11px;color:#73939b;margin-top:6px;line-height:1.45}.sheet-card .value{font-size:13px;font-weight:700;color:#e1efee}.cell-label{display:block;font-size:10px;font-weight:800;letter-spacing:.11em;color:#71929c;margin-bottom:7px}.pill{font-size:10px;font-weight:750;letter-spacing:.03em;padding:7px 9px;border-radius:6px;display:inline-block;white-space:nowrap}.pill.ready{background:#1c5145;color:#83e6b6}.pill.pending{background:#54402c;color:#f4c581}.pill.unlinked{background:#253e49;color:#a5c5ca}.pill.unknown{background:#583b3a;color:#edb3a6}.link-btn{border:1px solid #3d696d;background:#19343b;color:#a8eee2;border-radius:7px;padding:9px 12px;white-space:nowrap;font-size:11px;font-weight:750}.link-btn:hover{background:#265153}.file-list{font-size:10px;color:#809fa7;margin-top:5px}.footnote{color:#6f8e97;font-size:11px;line-height:1.55;margin-top:17px}.empty-state{padding:60px 30px;text-align:center;color:#82a0a9}.empty-icon{display:block;color:#66c7b7;font-size:38px;margin-bottom:15px}.empty-state h3{color:#e4f1f0;font-size:17px;margin:0 0 8px}.empty-state p{font-size:12px;margin:0;line-height:1.5}
.panel{border:1px solid #2b4850;border-radius:11px;background:#10242b;min-width:0}.orders-layout{display:grid;grid-template-columns:minmax(275px,360px) minmax(0,1fr);gap:16px;min-height:580px}.order-browser{padding:15px;display:flex;flex-direction:column;max-height:670px}.search-wrap{border:1px solid #385660;border-radius:8px;background:#0b1d24;display:flex;align-items:center;gap:10px;padding:0 12px;color:#6baea6}.search-wrap span{font-size:22px}.search-wrap input{width:100%;border:0;outline:0;background:transparent;color:#e6f3f2;padding:12px 0;font-size:12px}.search-wrap input::placeholder,.picker input::placeholder{color:#66878f}.order-list{overflow:auto;margin-top:13px}.order-item{width:100%;border:1px solid transparent;border-bottom-color:#29434b;background:none;text-align:left;color:#dcebed;padding:15px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.order-item:hover,.order-item.active{background:#1c3940;border-color:#3e7470;border-radius:7px}.order-item strong{display:block;font-size:14px}.order-item small{display:block;color:#819da5;font-size:11px;margin-top:5px}.order-item b{color:#69d6c2;font-size:11px;white-space:nowrap}.order-detail{padding:27px 28px}.detail-head{display:flex;justify-content:space-between;gap:12px;align-items:start;padding-bottom:22px;border-bottom:1px solid #2c4850}.detail-head h2{font-size:29px;margin:5px 0}.detail-head p{font-size:12px;color:#85a4ab;margin:0}.detail-head .counter{font-size:12px;color:#92d6c9;border:1px solid #367a6f;padding:8px;border-radius:6px}.detail-kpis{display:flex;gap:30px;padding:22px 0;border-bottom:1px solid #2c4850}.detail-kpis div span{display:block;color:#7899a1;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.detail-kpis strong{display:block;margin-top:7px;font-size:17px}.detail-title{font-size:11px;color:#7baea9;letter-spacing:.14em;margin:24px 0 12px;font-weight:800}.material-row{padding:12px 0;border-bottom:1px solid #264149;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px}.material-row span:last-child{color:#86a9b0;white-space:nowrap}.detail-sheet{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #274049;font-size:12px}.detail-sheet small{display:block;color:#829ba3;margin-top:4px}.detail-sheet button{border:0;background:none;color:#75dfcf;font-size:11px;font-weight:700}.muted{color:#77949d;font-size:12px;line-height:1.55}
.reconcile-banner{display:flex;align-items:center;gap:18px;background:linear-gradient(100deg,#17413f,#133039);border:1px solid #34756e;border-radius:10px;padding:17px 21px;margin-bottom:19px}.reconcile-icon{font-size:32px;color:#74e5d1}.reconcile-banner strong{font-size:13px}.reconcile-banner p{color:#a1c2c3;font-size:11px;margin:5px 0 0;line-height:1.45}.matching-search{max-width:490px;margin-bottom:18px}
footer{border-top:1px solid #25414a;padding:20px 42px;display:flex;justify-content:space-between;color:#688890;font-size:10px;letter-spacing:.08em}
dialog{width:min(760px,calc(100vw - 24px));max-height:calc(100vh - 30px);border:1px solid #41756f;background:#102830;color:#edf7f7;border-radius:13px;box-shadow:0 30px 80px #0009;padding:0}dialog::backdrop{background:#030e13bd;backdrop-filter:blur(4px)}.dialog-header{display:flex;justify-content:space-between;padding:25px 28px 20px;border-bottom:1px solid #315058}.dialog-header h2{font-size:24px;margin:7px 0 3px}.dialog-header p{color:#87aab0;font-size:12px;margin:0}.close{align-self:start;border:0;background:transparent;color:#a5c4c8;font-size:25px}.dialog-body{padding:19px 28px;overflow:auto;max-height:calc(100vh - 250px);display:grid;gap:19px}.picker-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:9px}.selected-value{color:#77dccb;font-size:11px;max-width:58%;text-align:right}.picker input{background:#0c2028;color:#effafa;border:1px solid #3d6066;border-radius:7px;width:100%;padding:10px 12px;font-size:12px}.picker-list{margin-top:7px;border:1px solid #294c51;border-radius:7px;max-height:170px;overflow:auto}.option{width:100%;display:block;text-align:left;padding:10px 12px;border:0;border-bottom:1px solid #29434b;background:#112a32;color:#e2f0f0;font-size:11px}.option:hover,.option.selected{background:#205149}.option small{display:block;color:#82a6ac;margin-top:4px;line-height:1.3}.dialog-hint{font-size:11px;color:#829da5;line-height:1.45;margin:0}.dialog-actions{border-top:1px solid #315058;padding:17px 28px;display:flex;align-items:center;justify-content:space-between}.dialog-actions>div{display:flex;gap:9px}.quiet,.primary{border-radius:7px;padding:10px 13px;font-size:11px;font-weight:750}.quiet{border:1px solid #466269;background:transparent;color:#a7c3c5}.primary{border:1px solid #56bcae;background:#248779;color:white}.primary:hover{background:#2fa792}.toast{position:fixed;bottom:24px;right:24px;background:#1b514b;color:#e9f9f6;padding:12px 17px;border:1px solid #58ae9d;border-radius:8px;box-shadow:0 10px 25px #0007;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}
@media(max-width:1050px){.shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding:24px 9px}.brand{padding:0 5px 40px}.brand>div:last-child,.nav-label,.nav-item span:not(.nav-icon),.nav-item b,.sidebar-bottom{display:none}.nav-item{justify-content:center;padding:12px 6px}.nav-icon{font-size:24px}}
@media(max-width:770px){.shell{display:block}.sidebar{min-height:0;flex-direction:row;align-items:center;padding:11px 15px;border-right:0;border-bottom:1px solid #254049}.brand{padding:0;margin-right:auto}.brand-mark{width:38px;height:38px;font-size:22px}.sidebar nav{display:flex;gap:5px}.nav-item{width:40px;height:40px;padding:4px}.topbar{height:57px;padding:0 18px}.breadcrumb{font-size:9px}.clock,.separator{display:none}main{padding:26px 18px 45px}.hero{align-items:start}.hero h1{font-size:28px}.hero p{line-height:1.45}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:28px}.stat{min-height:123px;padding:14px}.stat strong{font-size:30px}.stat strong.time-stat{font-size:22px}.stat-label{font-size:9px}.stat>div{margin-top:14px}.sheet-card{grid-template-columns:1fr 1fr;gap:12px}.sheet-card>div:first-child{grid-column:1/-1}.sheet-card .link-btn{justify-self:end}.orders-layout{grid-template-columns:1fr}.order-browser{max-height:270px}.order-detail{padding:22px}.detail-kpis{gap:15px;flex-wrap:wrap}footer{padding:18px}.section-heading{align-items:start}.meta{text-align:right}}
@media(max-width:460px){.refresh{padding:9px;font-size:0}.refresh span{font-size:21px;margin:0}.topright{font-size:9px}.sheet-card{padding:14px}.dialog-header,.dialog-body,.dialog-actions{padding-left:17px;padding-right:17px}.dialog-actions{gap:8px}.quiet,.primary{padding:9px 7px}.section-heading h2{font-size:20px}}

/* The photographed plan stays beside its TAP sheet in every list. */
.sheet-card{grid-template-columns:132px minmax(170px,1.55fr) minmax(105px,.75fr) minmax(100px,.65fr) minmax(132px,.85fr) auto;min-height:126px}
.sheet-info{min-width:0}
.control-card{display:grid;gap:11px;background:#10242c;border:1px solid #315157;border-radius:11px;padding:20px 23px}
.control-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.control-head h3{font-size:21px;margin:8px 0 0}.control-due{color:#d9e9e8;font-size:12px;margin:0;line-height:1.5}
.control-progress{color:#8fafb4;font-size:12px;margin:0;line-height:1.5}.control-task{display:flex;gap:12px;flex-wrap:wrap;align-items:baseline;font-size:12px}
.control-task small{color:#e3a38e}.control-card>.link-btn{justify-self:start}.control-pdfs{display:flex;gap:10px;flex-wrap:wrap;margin:5px 0 7px}
.pdf-block{display:flex;gap:12px;align-items:center;min-width:230px;max-width:370px;flex:1;border:1px solid #36555b;border-radius:8px;background:#0b1d24;padding:10px}
.pdf-preview-button{border:1px solid #4e7176;background:#ecf0ec;border-radius:5px;padding:0;width:82px;height:74px;flex:none;overflow:hidden;cursor:zoom-in}
.pdf-preview-button img{width:100%;height:100%;object-fit:contain}.pdf-info{min-width:0;overflow-wrap:anywhere}
.pdf-info strong{display:block;font-size:11px}.pdf-info small{display:block;color:#8ca9ae;font-size:10px;margin:5px 0}.pdf-original{display:block;color:#7be1d0;font-size:11px;line-height:1.4;text-decoration:underline;text-underline-offset:3px}
@media(max-width:770px){.control-card{padding:16px}.control-head h3{font-size:18px}.pdf-block{max-width:none}.control-pdfs{display:grid}.control-head .pill{white-space:normal;text-align:center}}
.sheet-photo{width:132px;height:94px;position:relative;flex:none;display:grid;place-items:center;background:#0b1c23;border:1px solid #345059;border-radius:7px;overflow:hidden}
.sheet-photo-button{width:100%;height:100%;border:0;padding:0;display:block;background:#f5f5f2;cursor:zoom-in}
.sheet-photo-button img{display:block;width:100%;height:100%;object-fit:contain}
.sheet-photo-button:hover{filter:brightness(1.07)}
.sheet-photo-empty{font-size:11px;color:#7899a0;text-align:center;padding:8px}
.sheet-photo-hint{position:absolute;bottom:0;left:0;right:0;background:#0c252acc;color:#c3e4e0;font-size:9px;text-align:center;padding:3px;pointer-events:none}
.sheet-photo.compact{width:78px;height:56px}
.detail-sheet .sheet-photo-button{padding:0;border:0;background:#f5f5f2}
.detail-sheet>span{flex:1;min-width:0}
.photo-dialog{width:min(1180px,calc(100vw - 20px));max-height:calc(100dvh - 20px);overflow:hidden;background:#0b1b22}
.photo-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 15px;color:#d7eeeb;font-size:13px}
.photo-dialog-actions{display:flex;align-items:center;gap:6px;flex:none}.photo-dialog-actions button{min-width:36px;min-height:36px;border:1px solid #426c6b;border-radius:6px;background:#19343b;color:#d9f5ef;font-size:15px}.photo-dialog-actions .close{border:0;background:none;font-size:27px}
.photo-dialog-body{height:min(74dvh,760px);min-height:250px;overflow:auto;display:grid;place-items:center;padding:8px;background:#0b1b22}.photo-dialog-body p{color:#a8c7c8;font-size:13px;text-align:center}
.photo-dialog img{display:block;max-width:100%;max-height:calc(74dvh - 16px);width:auto;height:auto;margin:auto;object-fit:contain;background:white}.photo-dialog img.hidden{display:none}
@media(max-width:460px){.photo-dialog-head{padding:9px 10px;font-size:12px}.photo-dialog-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-dialog-actions button{min-width:32px;min-height:34px}.photo-dialog-body{height:68dvh;min-height:240px}.photo-dialog img{max-height:calc(68dvh - 16px)}}
.photo-options{display:flex;gap:9px;flex-wrap:wrap;min-height:46px}
.photo-corrections{display:grid;gap:9px}.photo-correction{border:1px solid #31545a;border-radius:7px;padding:10px;background:#112a32}.photo-correction strong{display:block;font-size:12px}.photo-correction small{display:block;color:#86a9af;font-size:11px;margin-top:5px}.photo-correction small.length-warning{color:#f0b092}.photo-correction-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:8px}.photo-correction-fields label{color:#8eafb3;font-size:11px}.photo-correction-fields input{display:block;margin-top:5px}.photo-correction-fields input:disabled{opacity:.55}
.photo-option{width:145px;min-height:96px;border:1px solid #385d61;border-radius:7px;background:#0c2028;color:#bbd7d8;padding:5px;text-align:left}
.photo-option.selected{border-color:#6ce0ca;box-shadow:0 0 0 1px #6ce0ca inset}
.photo-option img{display:block;width:100%;height:85px;object-fit:contain;background:white;border-radius:3px}
.photo-option small{display:block;overflow-wrap:anywhere;font-size:10px;margin:6px 3px 2px}
.photo-option-label{display:block;overflow-wrap:anywhere;font-size:11px;line-height:1.3;color:#e3f7f4;margin:7px 3px 2px}
.picker-note{display:block;color:#799fa3;font-size:11px;margin-top:7px}
@media(max-width:770px){
  .sheet-card{grid-template-columns:96px minmax(0,1fr);gap:11px}
  .sheet-card>div:first-child{grid-column:auto}
  .sheet-card .sheet-info{grid-column:2}
  .sheet-photo{width:96px;height:72px}
  .sheet-photo.compact{width:65px;height:50px}
}
.material-row{align-items:start}.material-row small{display:block;color:#86a9b0;margin-top:6px;line-height:1.5}.material-values{text-align:right;max-width:73%}.material-values span{white-space:normal!important}.length-warning{color:#f4c581}@media(max-width:620px){.material-row{display:block}.material-values{text-align:left;max-width:100%;margin-top:8px}}

/* Keep a large plan visible while the user reviews the order and message. */
#linkDialog{width:min(1480px,calc(100vw - 24px));max-height:calc(100dvh - 24px)}
#linkDialog .dialog-body{grid-template-columns:minmax(0,1.3fr) minmax(340px,.9fr);height:min(76dvh,800px);max-height:calc(100dvh - 180px);overflow:hidden;gap:20px}
.link-preview{min-height:0;min-width:0;border:1px solid #3c6468;border-radius:9px;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#0c1b21}
.link-preview-head,.link-preview-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;color:#d8eae9;font-size:12px}
.link-preview-head span{color:#88aaae;text-align:right;overflow-wrap:anywhere;font-size:11px}
.link-preview-viewport{min-height:0;overflow:auto;background:#fff;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center}
.link-preview-viewport p{color:#3c5660;text-align:center;padding:18px;line-height:1.5;font-size:13px}
.link-preview-viewport img{display:block;width:100%;height:100%;object-fit:contain;max-width:none;max-height:none}
.link-preview-viewport img.zoomed{height:auto;object-fit:initial;align-self:start;justify-self:start}
.link-preview-tools{border-top:1px solid #2a5054;color:#89aeb0}
.link-preview-tools>div{display:flex;gap:5px}
.link-preview-tools button{background:#193b42;color:#d9f8f2;border:1px solid #3f7070;border-radius:6px;padding:6px 10px;font-size:12px;min-width:34px}
.link-preview-tools button:hover{background:#26565b}
.dialog-controls{min-height:0;overflow-y:auto;display:grid;align-content:start;gap:18px;padding-right:5px}
#linkDialog .picker-list{max-height:190px}
@media(max-width:800px){
  #linkDialog .dialog-body{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(175px,40dvh) minmax(0,1fr);height:calc(100dvh - 175px);gap:12px}
  .dialog-controls{padding-right:0}
}
@media(max-width:460px){
  #linkDialog .dialog-body{grid-template-rows:minmax(165px,36dvh) minmax(0,1fr)}
  .link-preview-head,.link-preview-tools{padding:7px 9px;font-size:11px}
  #linkDialog .dialog-actions{flex-wrap:wrap}
}

/* Hydro production workspace */
.brand{display:block;padding:0 10px 32px;text-align:center}
.brand-logo{display:block;width:100%;max-width:241px;height:205px;object-fit:contain;margin:0 auto 5px;filter:drop-shadow(0 13px 18px #0008)}
.brand>div{display:none}
.stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:22px}
.work-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:18px;align-items:start}
.work-main{min-width:0}.right-rail{position:sticky;top:18px;display:grid;gap:14px}.today-summary{background:linear-gradient(145deg,#143d3c,#172e38);border:1px solid #38877f;color:#aaf1dd;border-radius:9px;padding:20px}.today-kpis{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.today-kpis>div{min-width:0;border:1px solid #3b7971;border-radius:8px;padding:10px}.today-kpis strong{display:block;color:#ecfff8;font-size:24px;line-height:1.2;overflow-wrap:anywhere}.today-kpis small,.today-summary>small{display:block;color:#a8cac5;font-size:11px;line-height:1.35}.today-summary>small.muted{margin-top:5px;color:#e9b896}
.sla-panel{padding:23px}.sla-panel h2{font-size:19px;line-height:1.25;margin:12px 0 20px}.sla-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.sla-kpis>div{border:1px solid #35555b;border-radius:8px;padding:10px}.sla-kpis strong{display:block;color:#8be6cb;font-size:29px}.sla-kpis>div:last-child strong{color:#ecaa96}.sla-kpis small{display:block;color:#8ca8ae;font-size:11px;line-height:1.3}.sla-order{display:block;width:100%;background:#4e302e;border:1px solid #9e5b56;color:#ffd2c2;border-radius:7px;padding:10px;text-align:left;font-size:11px;margin:6px 0}.sla-panel>.muted{display:block;margin-top:20px}
.subsection{margin-top:31px;border:1px solid #31545a;background:#10252d;border-radius:10px;padding:18px}.subsection summary{cursor:pointer;font-size:18px;font-weight:730;list-style:revert}.subsection summary span{font-size:11px;color:#88aab0;margin-left:10px}.subsection>p{margin:12px 0 17px}.subsection .sheet-card{margin-bottom:8px}
.year-history{margin-top:42px}.month-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.month-tile{border:1px solid #38525a;border-radius:8px;padding:12px;background:#132832}.month-tile.clear{border-color:#3b8e73;background:#133d33}.month-tile.late{border-color:#a05b52;background:#432b2c}.month-tile strong,.month-tile span{display:block}.month-tile strong{font-size:12px;text-transform:capitalize}.month-tile span{font-size:10px;color:#93b3b7;margin-top:6px;line-height:1.3}
.sheet-card{grid-template-columns:132px minmax(150px,1fr) minmax(110px,.28fr) 210px;gap:15px}
.sheet-card.needs-confirmation{border-color:#b56c5a;border-left:6px solid #f18070;transform:translateX(-5px);background:#2c2329}
.disposition-btn,.restore-btn{border:1px solid #8c7461;background:#423529;color:#ffe1b6;border-radius:6px;padding:8px 10px;cursor:pointer;font-size:11px;font-weight:750}
.restore-btn{border-color:#4b7875;background:#163139;color:#b4e7dd}
.disposition-btn:hover,.restore-btn:hover{filter:brightness(1.2)}.disposition-btn:disabled,.restore-btn:disabled{opacity:.6;cursor:wait}
.history-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:15px 0 5px}.history-filters .matching-search{flex:1 1 250px;margin:0}.history-date-filter{display:grid;gap:5px;color:#90b2b6;font-size:11px;font-weight:700}.history-date-filter input{min-height:38px;padding:6px 10px;border:1px solid #476b70;border-radius:6px;background:#122b33;color:#e8f7f4;font:inherit;font-size:13px}.history-filters>.quiet{min-height:38px}.history-note{margin:5px 0 17px;color:#89a9ae;font-size:11px;line-height:1.45}
.confirm-flag{display:inline-block;color:#ffc2ae;background:#77433e;padding:5px 8px;border-radius:5px;font-size:11px;font-weight:750;margin-top:8px}.history-date{color:#79dfb7;font-size:11px;font-weight:700;margin:7px 0}
.cut-time .value{font-size:15px}.sheet-actions{display:grid;gap:8px;justify-items:start;font-size:11px;color:#73939b}.queue-actions{display:grid;gap:7px;width:100%}.today-toggle{border:1px solid #4c797a;background:#1b3940;color:#b6e9e1;border-radius:6px;padding:8px;cursor:pointer;font-size:11px;font-weight:700}.today-toggle.active{background:#276c59;border-color:#56c096;color:#ecfff8}.queue-arrows{display:flex;gap:6px}.queue-arrows button{border:1px solid #436268;background:#19313a;color:#e2f4f0;border-radius:6px;min-width:35px;min-height:32px;font-size:15px}.sheet-card.drop-target{outline:2px solid #6be6d3}
@media(max-width:1280px){.work-layout{grid-template-columns:minmax(0,1fr)}.right-rail{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.month-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.shell{grid-template-columns:80px minmax(0,1fr)}.brand{padding:0 0 28px}.brand-logo{width:60px;height:67px}.sidebar .nav-item{min-height:48px}}
@media(max-width:770px){.shell{display:block}.brand{padding:0;margin-right:auto}.brand-logo{width:51px;height:51px;margin:0}.right-rail{grid-template-columns:1fr}.month-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet-card{grid-template-columns:96px minmax(0,1fr);gap:10px}.sheet-card .cut-time{grid-column:1}.sheet-card .sheet-actions{grid-column:2;grid-row:2}.sheet-photo{width:96px;height:76px}.sheet-card .sheet-info{grid-column:2}.queue-actions{grid-template-columns:1fr auto}}
@media(max-width:460px){.month-grid{grid-template-columns:1fr 1fr}.sla-panel{padding:15px}.sheet-card.needs-confirmation{transform:none}.sheet-card .sheet-actions{grid-column:1/-1;grid-row:auto;display:flex;align-items:center;width:100%}.queue-actions{display:flex;align-items:center;justify-content:flex-end}.queue-arrows{flex:none}.stat{min-height:130px}}
@media(max-width:460px){.sheet-card .sheet-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:stretch}.sheet-card .sheet-actions>.queue-actions,.sheet-card .sheet-actions>.disposition-btn{grid-column:1/-1}.sheet-card .sheet-actions>.link-btn{justify-self:start}.sheet-card .sheet-actions>.queue-actions{justify-content:space-between}}
.order-visualizations{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 20px}.order-image{display:grid;gap:7px;text-align:left;width:min(240px,100%);padding:8px;background:#132b32;border:1px solid #45676c;border-radius:8px;color:#d5eee9;font-size:12px}.order-image img{display:block;width:100%;height:170px;object-fit:contain;background:#eee;border-radius:5px}.reuse-picker{max-width:100%;width:100%;min-height:40px;background:#17333b;border:1px solid #4f7477;border-radius:6px;color:#e6f7f3;padding:7px;font-size:12px}
@media(hover:none),(pointer:coarse){.queue-arrows button{min-width:50px;min-height:48px;font-size:20px}.today-toggle,.disposition-btn,.restore-btn,.sheet-actions>.link-btn{min-height:46px}.sheet-card{touch-action:pan-y}}
.cut-done{position:relative;isolation:isolate;border:1px solid #54bd92;border-radius:7px;background:#166f58;color:#fff;min-height:44px;padding:8px 13px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:750;overflow:visible;touch-action:manipulation}
.sheet-actions{grid-template-columns:1fr;align-content:start;width:100%}
.sheet-actions:has(>.cut-done){grid-template-columns:minmax(86px,.8fr) minmax(112px,1.2fr)}
.sheet-actions>.link-btn{grid-column:1;grid-row:1;justify-self:stretch;white-space:nowrap}
.sheet-actions>.cut-done{grid-column:2;grid-row:1;justify-self:stretch;white-space:nowrap}
.sheet-actions>.queue-actions,.sheet-actions>.disposition-btn,.sheet-actions>.restore-btn,.sheet-actions>.reuse-picker{grid-column:1/-1}
.sheet-actions>.queue-actions{min-width:0}
.sheet-actions>.cut-done{min-width:0;padding-inline:8px;gap:4px}
.cut-done:hover:not(:disabled){background:#208365}.cut-done:disabled{opacity:.65;cursor:wait}.cut-hand,.cut-label{position:relative;z-index:1}.cut-hand{font-size:20px;line-height:1;display:inline-block;transform-origin:50% 90%}.cut-done.play .cut-hand{animation:hydro-thumb .75s cubic-bezier(.2,1.8,.3,1) both}
.hydro-water-motion{position:absolute;top:-220px;left:50%;width:min(100vw,560px);height:450px;transform:translateX(-50%);pointer-events:none;z-index:0}
@keyframes hydro-thumb{0%{transform:scale(.7) rotate(-18deg)}45%{transform:scale(1.5) rotate(12deg)}75%{transform:scale(.92) rotate(-5deg)}100%{transform:scale(1) rotate(0)}}
.today-toggle{touch-action:manipulation}.today-toggle:disabled{opacity:.65;cursor:wait}
@media(max-width:770px){
 .sidebar{display:grid;grid-template-columns:minmax(0,1fr) 153px minmax(0,1fr);grid-template-rows:repeat(2,79px);gap:4px 8px;align-items:stretch;padding:8px 10px;min-height:0}
 .sidebar .brand{grid-column:2;grid-row:1/span 2;justify-content:center;align-self:center;margin:0;padding:0}
 .sidebar .brand-logo{width:153px;height:153px;object-fit:contain;margin:0}
 .sidebar nav{display:contents}
 .sidebar .nav-item{width:100%;height:100%;min-width:0;min-height:0;padding:5px 2px;display:flex;flex-direction:column;justify-content:center;gap:3px;text-align:center;line-height:1.12;font-size:10px;touch-action:manipulation}
 .sidebar .nav-item span:not(.nav-icon){display:block;overflow-wrap:anywhere}
 .sidebar .nav-icon{font-size:23px;width:auto}
 .sidebar .nav-item b{display:none}
 .sidebar .nav-item:nth-child(1){grid-column:1;grid-row:1}
 .sidebar .nav-item:nth-child(2){grid-column:1;grid-row:2}
 .sidebar .nav-item:nth-child(3){grid-column:3;grid-row:1}
 .sidebar .nav-item:nth-child(4){grid-column:3;grid-row:2}
 .sidebar .nav-label,.sidebar .sidebar-bottom{display:none}
 .sheet-card .sheet-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sheet-card .sheet-actions>.cut-done{grid-column:2}
 .sheet-card .sheet-actions>.link-btn{grid-column:1;grid-row:1}
}
@media(max-width:360px){.sidebar{grid-template-columns:minmax(0,1fr) 132px minmax(0,1fr);grid-template-rows:repeat(2,71px);gap:4px 5px;padding:7px 6px}.sidebar .brand-logo{width:132px;height:132px}}

/* Accounts and the administrator's rights screen. */
.account-link{border:1px solid #426970;background:#153039;color:#d1f4ed;border-radius:7px;padding:8px 10px;font:inherit;cursor:pointer;white-space:nowrap}
.account-link:hover{background:#205058}
.admin-panel{padding:24px;max-width:980px}
.admin-panel>p{color:#9ab9bd;line-height:1.5;margin:0 0 20px}
.admin-create{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:18px;border:1px solid #385760;border-radius:10px;background:#10272f}
.admin-create label,.account-dialog .dialog-body label,.login-card label{display:grid;gap:7px;color:#a9c4c8;font-size:12px;font-weight:700}
.admin-create input,.admin-create select,.admin-user select,.account-dialog input,.login-card input{min-height:42px;padding:9px 11px;border:1px solid #4a6a70;border-radius:7px;background:#0a222a;color:#edf8f6;font:inherit}
.admin-create input{min-width:180px}.admin-create select{min-width:150px}
.admin-create button{min-height:42px}
.temporary-password{margin:17px 0;padding:15px;border:1px solid #6c9e8c;border-radius:8px;background:#183c36;line-height:1.7;overflow-wrap:anywhere}
.temporary-password code{display:inline-block;margin:0 5px;padding:3px 7px;background:#061e22;color:#dbfff4;border-radius:4px;font-size:15px}
.temporary-password small{display:block;color:#b7d0ca}
.admin-users{display:grid;gap:13px;margin-top:22px}
.admin-user{padding:17px;border:1px solid #36535b;border-radius:10px;background:#10272e}
.admin-user-heading,.admin-user-controls,.admin-user-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.admin-user-heading{justify-content:space-between;margin-bottom:15px}
.admin-user-heading strong{font-size:17px}.admin-user-heading span{color:#8cb4b7;font-size:12px}
.admin-user-controls{margin-bottom:14px}
.admin-check{display:flex;align-items:center;gap:8px;color:#b7d1d2;font-size:12px;line-height:1.35;cursor:pointer}
.admin-check input{width:18px;height:18px;accent-color:#58bfa3;flex:none}
.admin-permissions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:17px 0}
.admin-user-buttons button{min-height:40px}
.account-dialog{max-width:min(92vw,520px);width:100%;background:#0d252d;color:#edf8f6;border:1px solid #47736d;border-radius:13px;padding:0}
.account-dialog::backdrop{background:#02151ad9}
.account-dialog .dialog-body{display:grid;gap:15px}
.account-dialog #accountError,.login-card #loginError{color:#ffb3a5;min-height:1.2em}
.login-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#071c23;color:#eff9f7}
.login-card{width:min(100%,440px);padding:28px;border:1px solid #3a6767;border-radius:18px;background:#102a32;box-shadow:0 26px 80px #03151b9c}
.login-logo{display:block;width:min(100%,230px);height:155px;object-fit:contain;margin:0 auto 12px}
.login-card h1{font-size:31px;text-align:center;margin:0 0 6px}
.login-card>p{text-align:center;color:#9cbabd;margin:0 0 24px}
.login-card form{display:grid;gap:17px}
.login-card form h2{font-size:19px;margin:0}
.login-card button{min-height:46px}
@media(max-width:770px){.topbar{height:auto;min-height:57px;gap:10px;padding:8px 14px}.topright{gap:7px;flex-wrap:wrap;justify-content:flex-end}.account-link{font-size:10px;padding:6px}.admin-panel{padding:16px}.admin-permissions{grid-template-columns:1fr}}
@media(max-width:420px){.topbar .breadcrumb{max-width:42%;line-height:1.35}.sync-indicator{font-size:9px}.admin-create{display:grid}.admin-create input,.admin-create select{min-width:0;width:100%}}