/* UPK SYSTEM 2.0 — shared presentation tokens, no domain state. */
:root{--sys-bg:#f2f4f5;--sys-panel:#fff;--sys-ink:#20282d;--sys-muted:#66727a;--sys-line:#dce1e4;--sys-action:#bf3038;--sys-mono:ui-monospace,SFMono-Regular,Consolas,monospace;--line:var(--sys-line);--accent:var(--sys-action)}
body{background:var(--sys-bg);color:var(--sys-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.shell{--sidebar-width:228px;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}
.sidebar{width:var(--sidebar-width);background:#fcfdfd;border-right:1px solid var(--sys-line);padding:28px 16px}
.brand{font-size:24px;letter-spacing:-1px;color:var(--sys-ink);gap:8px}.brand small{font-size:19px;color:var(--sys-ink);font-weight:500}.brand-mark{width:22px;height:22px;background:transparent;border:5px double #5e686e;border-radius:50%;box-shadow:none}.brand-sub{font:8px var(--sys-mono);letter-spacing:1.1px;margin:10px 0 30px;color:var(--sys-muted)}
.nav-item{border-radius:5px;min-height:43px;font-size:12px}.nav-item.active,.nav-item[aria-current],.workspace-bottom-nav button[aria-current]{background:#e8edef!important;color:#202c33!important;border-color:transparent;box-shadow:none}.nav-item.active:before{background:#455b65}.nav-caption{font:10px var(--sys-mono);color:#7a858d;letter-spacing:1.5px}.sidebar-bottom{border-top:1px solid var(--sys-line);font-size:10px;line-height:1.7}.system-version{font:10px var(--sys-mono);margin:15px 0}.system-version [data-connection]{margin-left:8px}
.topbar{background:#ffffffed;border-bottom:1px solid var(--sys-line);padding:14px 28px;gap:16px;min-height:76px}.breadcrumb span{font-size:10px}.workspace-user b{font-size:12px}.workspace-user small{font-size:10px}.command-trigger{margin-left:auto;display:flex;gap:20px;align-items:center;background:#f5f7f8;min-height:38px;font-size:11px;white-space:nowrap}.command-trigger kbd{font:11px var(--sys-mono);border:1px solid #d5dce0;padding:3px 5px;border-radius:4px;background:white}
.content{padding:22px 30px 60px;background-image:linear-gradient(#64748005 1px,transparent 1px),linear-gradient(90deg,#64748005 1px,transparent 1px);background-size:32px 32px;max-width:none}.system-context{display:flex;justify-content:space-between;gap:12px;font:9px var(--sys-mono);letter-spacing:1px;color:#77828a;margin-bottom:22px}.system-context [data-connection]{letter-spacing:0}[data-connection]{font-family:var(--sys-mono);font-size:9px}[data-connection]::before{content:'●';color:#bf3038;margin-right:5px}[data-connection][data-state=error]{color:#b52732}
h1{font-size:29px;letter-spacing:-.9px;font-weight:650}.subtitle{color:var(--sys-muted);font-size:12px}.title-row{margin-bottom:20px}.workspace-heading-actions{margin-top:-4px;margin-bottom:16px}.primary{background:var(--sys-action);border-color:var(--sys-action);box-shadow:none}.secondary{color:#38454d;border-color:#d7dfe3;box-shadow:none}button,input,select,textarea{border-radius:5px}button{transition:background .14s,border-color .14s}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #49758b;outline-offset:3px}
.workspace-summary{gap:0;border:1px solid var(--sys-line);border-radius:6px;background:#fff;overflow:hidden;margin-bottom:22px;grid-template-columns:repeat(4,minmax(0,1fr))}.summary-tile{background:transparent!important;border:0!important;border-right:1px solid var(--sys-line)!important;border-radius:0;padding:15px 20px;min-height:76px;box-shadow:none!important;gap:8px}.summary-tile:last-child{border-right:0!important}.summary-tile.selected{box-shadow:inset 0 -2px #344d58!important}.summary-tile span{font-size:11px;color:#68757d;text-align:left}.summary-tile small{display:block;font:10px var(--sys-mono);letter-spacing:1.3px;margin-bottom:6px;color:#44565f}.summary-tile strong{font:30px var(--sys-mono);color:#24333c}.summary-tile.attention strong,.summary-tile.attention small{color:#b82934}.summary-tile.attention{background:#fff5f4!important}
.workspace-filters{padding:15px 18px;background:#fff;border:1px solid var(--sys-line);border-radius:6px}.workspace-filters label{font-size:10px}.workspace-filters input,.workspace-filters select{min-height:38px;font-size:12px}.workspace-results{margin:14px 0;font:10px var(--sys-mono)}.view-switch button.chosen{background:#e8edef;color:#253841;border-color:#b8c5cc}
#work-items{grid-template-columns:1fr;gap:12px}.work-task{max-width:none;display:grid;grid-template-columns:1.05fr 1.5fr 1fr;gap:10px 24px;padding:18px 20px;border:1px solid var(--sys-line);border-radius:6px;box-shadow:none;animation:system-enter .2s ease-out}.work-task.needs-attention{border-left:3px solid #bf3038}.work-task-top{grid-column:1/-1;padding-bottom:10px;border-bottom:1px solid #edf0f2}.work-task h2{font-size:22px;margin:5px 0;letter-spacing:-.4px}.system-id,.task-time,.task-materials b{font-family:var(--sys-mono);font-variant-numeric:tabular-nums}.system-id{font-size:10px;color:#6b777f}.task-location{grid-column:1;grid-row:3;font-size:11px;color:#66747c}.work-task .task-time{grid-column:1;grid-row:4;display:grid;gap:8px;font-size:10px;margin:0}.task-time b{font-weight:500;color:#354a56}.task-materials{grid-column:2;grid-row:2/4;margin:0;font-size:12px;align-self:start}.task-materials span{padding:8px 0;gap:16px;display:flex;justify-content:space-between}.task-materials b{font-size:12px}.work-next{grid-column:3;grid-row:2/5;background:#f5f7f8;border-radius:4px;padding:12px;font-size:11px;line-height:1.6}.work-next small{font:9px var(--sys-mono);display:block;color:#75818a;margin-bottom:6px;text-transform:uppercase}.work-task-bottom{grid-column:1/-1;margin-top:0;border-top:1px solid #edf0f2;padding-top:10px}.work-task-bottom .primary{background:#f0f3f5;color:#2a3d48;border:1px solid #d6dfe4;min-height:36px;font-size:11px;padding:9px 15px}.work-task-bottom .primary:hover{background:#e4ebef}.operation-label.inbound,.operation-label.outbound{background:#edf1f3;color:#425660;font-size:10px}.pilot-pill{font-size:10px}.task-pipeline{grid-column:2;grid-row:4;list-style:none;display:flex;gap:5px;padding:0;margin:0;align-items:start}.task-pipeline li{flex:1;min-width:0;font:8px var(--sys-mono);color:#8a949a;line-height:1.5}.task-pipeline li span{display:block;height:3px;background:#e7ecef;margin:5px 0 7px;border-radius:2px}.task-pipeline .done span{background:#657f8d}.task-pipeline .current span{background:#bf3038}.task-pipeline .current{color:#334d5a}.task-pipeline.cancelled span{background:#d2d8dc}.work-focus,.workspace-focus{border-color:var(--sys-line);border-left-color:#7b939f;background:#fff;border-radius:6px}.workspace-progress li.current span{background:#bf3038}.workspace-progress li.done span{background:#5e7886}.pilot-card,.panel,.workspace-facts,.work-more{border-radius:6px;border-color:var(--sys-line);box-shadow:none}.form-save-state{font:10px var(--sys-mono);color:#637783;padding:0 0 18px}
.command-palette{padding:0;border:1px solid #d9e0e4;border-radius:10px;width:min(680px,calc(100vw - 28px));max-height:80vh;margin:12vh auto auto;box-shadow:0 24px 100px #10212d30;color:#233640}.command-palette::backdrop{background:#1d2c3b44;backdrop-filter:blur(3px)}.command-head{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--sys-line)}.command-head>span{font-size:26px}.command-head input{border:0;box-shadow:none;width:100%;font-size:16px;background:white}.command-head button{background:#eef2f4;color:#556871;padding:6px 9px;font:11px var(--sys-mono)}.command-hint{padding:12px 20px;font-size:11px;color:#6e7d85}.command-results{max-height:48vh;overflow:auto;padding:5px 10px 12px}.command-result{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;background:white;color:#30424d;padding:13px 12px;min-height:55px;border:1px solid transparent}.command-result b{display:block;font-size:13px;font-weight:600}.command-result small{display:block;color:#687c86;font-size:11px;margin-top:4px}.command-result.chosen,.command-result:hover{background:#edf2f5;border-color:#cfdae0}.command-palette footer{display:flex;justify-content:space-between;gap:10px;padding:14px 20px;border-top:1px solid var(--sys-line);font:9px var(--sys-mono);color:#6e7e89}.command-empty{padding:25px;font-size:13px}
.lab-instrument{border-top:3px solid #687f8d}.lab-instrument-head{display:flex;justify-content:space-between;gap:12px;font:10px var(--sys-mono);color:#687e88;padding-bottom:16px;border-bottom:1px solid var(--sys-line)}.lab-instrument h2{font-size:19px}.lab-trace{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;border:1px solid var(--sys-line);margin:18px 0;background:var(--sys-line)}.lab-trace span{font:9px var(--sys-mono);color:#6c7d86;background:#f8fafb;padding:9px;overflow-wrap:anywhere}.lab-trace b{display:block;color:#304955;margin-top:7px;font-size:10px}.sample-mass{display:flex;justify-content:space-between;font-family:var(--sys-mono)}.element-reading{display:inline-flex;align-items:baseline;gap:8px;background:#eef3f5;border:1px solid #dbe5ea;padding:10px;margin:5px 4px 5px 0;font:18px var(--sys-mono)}.element-reading b{font-size:11px}.element-reading small{font-size:10px}
.map-tabs .tab.active{background:#344f60;color:white;border-color:#344f60;box-shadow:none}.map-console-head{background:#f7f9fa}.map-console-kicker{font-family:var(--sys-mono);color:#657c89}.digital-map{border-radius:6px}.digital-map [data-kind=zone]:hover>rect,.digital-map [data-kind=zone].map-selected>rect{stroke:#3f667d;fill:#eaf1f6}.map-stock-summary strong{font-family:var(--sys-mono)}.zone-fill{margin:15px 0;font:11px var(--sys-mono);line-height:1.8}.zone-fill meter{display:block;width:100%;height:12px;margin-top:8px}.zone-fill.over{color:#b52c36}
.login-page{min-height:100vh;grid-template-columns:1.1fr 1fr;background:#fafbfc}.login-story{position:relative;overflow:hidden;background:#e9edef;color:#223139;padding:50px 60px;display:flex;flex-direction:column;justify-content:space-between}.login-story .brand-sub{margin-bottom:auto}.login-story h1{font-size:clamp(30px,3.3vw,52px);line-height:1.13;letter-spacing:-2px;position:relative;z-index:1}.login-story p{color:#687980;max-width:390px;font-size:13px;line-height:1.8;position:relative;z-index:1}.login-story .eyebrow{font:10px var(--sys-mono);letter-spacing:1.5px;color:#657d89;margin-top:40px}.login-form-area{background:#fcfdfd}.login-form{max-width:365px}.login-form h2{font-size:26px;letter-spacing:-.5px}.login-form input,.login-form select{min-height:46px;background:#fff}.login-form .primary{min-height:46px;width:100%}.login-system-meta{font:10px/2 var(--sys-mono)!important;margin-top:28px}.copper-glyph{height:190px;position:relative;margin:10px 0;perspective:700px;isolation:isolate}.copper-glyph i{position:absolute;left:12%;top:10%;width:220px;height:160px;border-radius:50%;border:17px solid #a95f3b;background:transparent;box-shadow:inset 3px 4px 7px #f6c79c,inset -5px -5px 8px #532e1f,4px 6px 9px #68463030;border-color:#ca8552 #754128 #a7633d #e1a979;transform:rotateX(48deg) rotateY(-17deg) translateY(0)}.copper-glyph i:nth-child(2){transform:rotateX(48deg) rotateY(-17deg) translateY(18px)}.copper-glyph i:nth-child(3){transform:rotateX(48deg) rotateY(-17deg) translateY(36px)}.copper-glyph i:nth-child(4){transform:rotateX(48deg) rotateY(-17deg) translateY(54px)}.copper-glyph i:nth-child(5){transform:rotateX(48deg) rotateY(-17deg) translateY(72px)}
@keyframes system-enter{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:1280px){.topbar{padding:14px 20px;gap:10px}.command-trigger{gap:8px}.breadcrumb{display:none}.work-task{gap:10px 16px}.workspace-user{max-width:190px}.command-trigger{margin-right:auto;margin-left:0}}
@media(max-width:1024px){.shell{display:block}.sidebar{display:none}.content{padding:20px 22px 100px}.work-task{grid-template-columns:1fr 1.3fr}.work-next{grid-column:1/-1;grid-row:auto}.task-pipeline{grid-column:2;grid-row:4}.topbar{flex-wrap:nowrap}.summary-tile{padding:14px}.login-story{padding:36px}.workspace-bottom-nav{background:#fcfdfd}.command-trigger{min-height:42px}.lab-trace{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:700px){.content{padding:16px 14px 100px}.topbar{padding:10px;gap:7px}.command-trigger span{display:none}.command-trigger kbd{font-size:11px;border:0;background:transparent}.command-trigger{padding:8px;margin:0}.user-block{min-width:0}.workspace-user{min-width:0;max-width:none}.workspace-user b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.system-context{font-size:8px;letter-spacing:0;flex-wrap:wrap;margin-bottom:18px}h1{font-size:26px}.workspace-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-tile{min-height:70px;border-bottom:1px solid var(--sys-line)!important}.summary-tile strong{font-size:26px}.work-task{display:flex;flex-direction:column;gap:12px;padding:16px}.work-task-top,.work-task-bottom{width:100%}.task-pipeline{width:100%}.task-materials{width:100%}.task-time{gap:6px!important}.work-task-bottom .primary{width:auto}.work-task .task-time{display:flex;justify-content:space-between;flex-wrap:wrap}.lab-trace{grid-template-columns:repeat(3,minmax(0,1fr))}.login-page{display:block}.login-story{padding:24px;min-height:260px}.login-story h1{font-size:28px;letter-spacing:-1px}.login-story .brand-sub{margin-bottom:0}.login-story .eyebrow{margin-top:24px}.login-story .copper-glyph,.login-story .login-system-meta{display:none}.login-form-area{padding:32px 24px}.login-form{width:100%;margin:auto}.command-palette footer span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.command-trigger,.system-context,.system-version,.form-save-state{display:none!important}.content{background:white}.work-task{break-inside:avoid}}
/* Neutral selections and metadata never imply an alert. */
.summary-tile.selected strong,.summary-tile.selected span{color:#24333c}.summary-tile.attention strong,.summary-tile.attention span{color:#b82934}.login-story .eyebrow,.map-inspector .eyebrow{color:#657c89!important}.map-mode-pill{color:#4a6474;background:#edf2f5;border-color:#d6e0e5}.map-passport-count strong,.map-inspector>strong{color:#334f60!important}
.map-inspector .map-stat b{color:#334f60}.login-story h1{max-width:590px}.login-story .brand-sub{flex-grow:0}
.task-pipeline.closed .current span{background:#657f8d}.task-pipeline.closed .current{color:#607781}
@media(min-width:701px) and (max-width:1000px){.workspace-filters{grid-template-columns:minmax(0,1fr)}.workspace-filter-options{flex-wrap:wrap}.workspace-filter-options label{flex:1;min-width:130px;width:auto}.workspace-filter-options .view-switch{margin-left:auto}}
[data-connection][data-state=paused]::before,[data-connection][data-state=connecting]::before{color:#829099}.task-pipeline li{font-size:9px}
.pickup-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pickup-stop{margin:18px 0;padding:20px}.pickup-stop-head{display:flex;align-items:center;justify-content:space-between}.pickup-stop>label{display:block;margin:14px 0}.pickup-stop input,.pickup-stop select{width:100%}.pickup-line{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin:12px 0}.pickup-stop-summary{display:grid;gap:7px;border-top:1px solid var(--sys-line);padding:14px 0}.pickup-card-note{grid-column:1/-1;font-size:11px;color:#526e7d}.pickup-plan h2{font-size:20px}#pickup-plan{padding:16px;background:#eef3f6;border-radius:6px;font-size:13px}@media(max-width:700px){.pickup-fields{grid-template-columns:1fr}.pickup-line{grid-template-columns:minmax(0,1fr) 110px auto;gap:8px}.pickup-stop{padding:14px}}
.directory-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;background:#fff;border:1px solid var(--sys-line);padding:18px;border-radius:6px}.directory-filters input,.directory-filters select{width:100%}.directory-table{min-width:700px}.directory-table td{white-space:normal!important;overflow-wrap:anywhere;max-width:330px}.directory-table .link-button{text-align:left;font-weight:600;white-space:normal}.directory-detail{margin:20px 0}.directory-detail details{margin-top:18px}.directory-fields{display:grid;grid-template-columns:200px minmax(0,1fr);gap:10px;font-size:13px}.directory-fields dt{color:#637480}.directory-fields dd{margin:0;overflow-wrap:anywhere}@media(max-width:700px){.directory-filters{grid-template-columns:1fr}.directory-fields{grid-template-columns:1fr}.directory-fields dd{margin-bottom:12px}}