@scope (.shared-consumables) {
:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;background:#0b131c;color:#e7f1f8;--muted:#a6bdcb;--line:#304759;--panel:#132332;--accent:#a8dcfa}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a.button{min-height:46px;border:1px solid #456073;border-radius:10px;background:#203649;color:#e7f1f8;padding:10px 16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover,a.button:hover{background:#2b485f}button:disabled{opacity:.55;cursor:wait}button.primary{background:var(--accent);color:#102331;font-weight:700}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #70c9ff;outline-offset:3px}header{background:#132331;border-bottom:1px solid var(--line);padding:24px max(24px,calc((100vw - 1360px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}header h1{margin:5px 0;font-size:28px}small,.muted{color:var(--muted);line-height:1.6}main{max-width:1408px;margin:auto;padding:24px}nav,.actions{display:flex;gap:10px;flex-wrap:wrap}nav{margin-bottom:24px}nav button[aria-current=page]{border-color:var(--accent);color:var(--accent)}.context{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.context label{min-width:220px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px}.card{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:16px;min-width:0;overflow-wrap:anywhere}.card h2,.card h3{margin-top:0;line-height:1.35}.card p{line-height:1.55;white-space:pre-wrap}.card .actions{margin-top:18px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.stat{padding:20px;background:#172b3b;border:1px solid var(--line);border-radius:14px}.stat strong{display:block;font-size:30px;margin-top:8px}.section{margin-top:26px}.section h2{font-size:21px}.status{font-size:13px;display:inline-block;background:#274257;border-radius:7px;padding:5px 9px}.notice{padding:16px;border-left:3px solid #8ed1fa;background:#1a3143;line-height:1.6;margin:16px 0}.error{color:#ffc5bd;line-height:1.6}.large{font-size:30px;font-weight:700}.stock-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr))}label{display:grid;gap:8px;line-height:1.4}input,select,textarea{width:100%;min-height:46px;padding:11px 12px;border-radius:9px;border:1px solid #456073;background:#0d1d2a;color:#edf6fc}textarea{min-height:130px;resize:vertical}.empty{padding:20px;color:var(--muted);border:1px dashed var(--line);border-radius:12px}dialog{width:min(620px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:24px;background:#132332;color:#e7f1f8;border:1px solid #456073;border-radius:18px;overflow:auto}dialog::backdrop{background:#02070bbd}form{display:grid;gap:18px}.formhead{display:flex;justify-content:space-between;align-items:start;gap:12px}.formhead h2{margin:0}.check{display:flex;align-items:center}.check input{width:24px;min-height:24px;flex:none}.login{max-width:480px;margin:10vh auto;padding:28px}.history{margin-top:16px}.history summary{min-height:44px;cursor:pointer;padding:10px 0}.note{border-top:1px solid var(--line);padding:16px 0}.note p{white-space:pre-wrap;overflow-wrap:anywhere}.titleline{display:flex;justify-content:space-between;align-items:start;gap:12px}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.search{max-width:480px;margin:20px 0}.footnote{margin-top:24px;color:var(--muted)}@media(max-width:760px){header{padding:20px;align-items:start;flex-direction:column}header h1{font-size:25px}main{padding:18px 14px calc(28px + env(safe-area-inset-bottom))}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:15px}.stat strong{font-size:25px}.split{grid-template-columns:1fr}.card{padding:18px}.context>*{width:100%}nav{gap:8px}nav button{flex:1 1 42%;padding:10px 8px}.actions button,.actions a{flex:1 1 auto}.titleline{flex-wrap:wrap}dialog{padding:20px}.login{margin:4vh 12px}}@media(min-width:1100px){.stock-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

@media(max-width:760px){header{padding:16px;gap:12px}header h1{font-size:24px}header>div>small{font-size:12px}.context{gap:10px;margin-bottom:16px}.context p{font-size:12px;margin:0}.stats{display:none}nav{margin-bottom:18px}.section{margin-top:20px}}

fieldset{border:0;padding:0;margin:0}legend{margin-bottom:8px}.weekday-grid{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:8px}.weekday-grid label{min-height:44px;min-width:140px}

.preview-banner{position:sticky;top:0;z-index:5;background:#173747;border-bottom:2px solid #8ad8ee;padding:12px 24px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.preview-banner p{flex:1;min-width:180px;margin:0}.preview-banner label{margin:0}.preview-banner select{min-height:44px}.preview-banner .button{min-height:44px}button:disabled{opacity:.6;cursor:not-allowed}

.preview-form-label{color:#a8dcfa}.formhead:has(.preview-form-label){flex-wrap:wrap}.formhead .preview-form-label{order:3;flex-basis:100%}@media(max-width:760px){.preview-banner{padding:10px 14px;gap:8px}.preview-banner p{font-size:12px}.preview-banner label{font-size:12px}.preview-banner select{padding:8px;max-width:210px}}

@media(max-width:760px){.preview-banner strong{flex-basis:100%;font-size:12px}.preview-banner p{display:none}.preview-banner label{flex:1}.preview-banner .button{align-self:end}.preview-banner select{max-width:none}}

[hidden]{display:none!important}.site-identity{min-width:0}.site-identity h1,.site-identity small{overflow-wrap:anywhere}.header-actions{align-items:center}.workspace-tools{position:relative}.workspace-tools summary{min-height:46px;display:flex;align-items:center;cursor:pointer;border:1px solid #456073;border-radius:10px;padding:10px 16px}.workspace-tools[open] .actions{position:absolute;right:0;top:52px;z-index:6;width:min(320px,calc(100vw - 32px));padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #0008}.email-status{font-size:13px;color:var(--muted)}.physical-reference{border-top:1px solid var(--line);padding:12px 0}.physical-reference small{display:block}.record-id{overflow-wrap:anywhere}.context small{font-size:12px}.context{margin-bottom:12px}.context label[hidden]+small{display:block}.stock-grid .card .large{margin:14px 0}.stock-grid .card>p{margin-bottom:12px}
@media(max-width:760px){header{flex-direction:row;flex-wrap:wrap;gap:10px;padding:12px 14px}header .site-identity{flex:1 1 190px}header h1{font-size:21px;margin:3px 0}.header-actions{gap:6px;flex:1 1 auto}.header-actions>button{flex:0 1 auto;padding:8px 12px}.workspace-tools{margin-left:auto}.context{margin-bottom:10px}.context>*{width:auto}.context label{width:100%;min-width:0}nav[aria-label=Workspace]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:16px}nav[aria-label=Workspace] button{font-size:12px;line-height:1.3;padding:8px 5px;min-height:48px;overflow-wrap:anywhere}main>h2{font-size:21px;margin:12px 0 8px}main>.muted{font-size:13px;margin:8px 0}.search{margin:12px 0}.stock-grid .card{padding:16px}dialog{scroll-padding:16px;padding-bottom:max(20px,env(safe-area-inset-bottom))}.formhead{position:sticky;top:-20px;background:var(--panel);padding:8px 0;z-index:2}.formhead h2{font-size:20px}dialog input,dialog textarea,dialog select{font-size:16px}}

}

.shared-app{min-height:100vh;background:#0c151d;color:#e1edf5}.shared-app .sidebar nav{display:grid;gap:6px}.shared-app .sidebar button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;min-height:48px;border-radius:12px}.shared-app [aria-current=page]{background:#234a64;color:#fff;border-color:#6bb4e8}.shared-app .sidebar footer{display:grid;gap:12px}.shared-main{margin-left:260px;min-width:0}.shared-top{min-height:76px;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #2b414f;background:#101d27}.shared-top>span,.shared-top>div{display:flex;align-items:center;gap:12px}.shared-main main{max-width:1400px;margin:auto;padding:28px}.shared-app button{min-height:44px;border:1px solid #3b5669;border-radius:10px;background:#172b3a;color:#e7f3fb;padding:10px 14px;cursor:pointer}.shared-app input,.shared-app select,.shared-app textarea,#shared-handover input,#shared-handover textarea,#shared-handover select{min-height:44px;max-width:100%;background:#0b1923;color:#e8f3fa;border:1px solid #527086;border-radius:9px;padding:10px;font:inherit}.shared-app label{display:grid;gap:8px}.shared-app .panel{padding:24px;border:1px solid #294354;border-radius:18px;background:#12222e;min-width:0;margin-bottom:18px;overflow-wrap:anywhere}.shared-app h1{font-size:clamp(26px,3vw,38px);line-height:1.15;margin:12px 0}.shared-app h2{font-size:21px;margin:8px 0 14px}.shared-app p{line-height:1.6}.shared-app small{color:#aec2d0}.shared-hero{padding:32px;border:1px solid #385c75;border-radius:22px;background:linear-gradient(125deg,#153249,#13232f);margin-bottom:24px}.shared-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.shared-today-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:24px;align-items:start}.shared-handover header{padding-bottom:16px;border-bottom:1px solid #2b4354}.shared-note{white-space:pre-wrap;overflow-wrap:anywhere}.shared-critical{padding:18px;border-left:4px solid #ffbf69;border-radius:10px;background:#3a3022;margin:20px 0}.shared-carry{padding:18px;background:#203746;border-radius:12px;margin:18px 0}.shared-carry-summary article{padding:12px 0;border-bottom:1px solid #36505f}.shared-carry-summary button{display:block;margin-top:12px;width:100%}.shared-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.shared-photos button{padding:0;overflow:hidden;text-align:left}.shared-photos img{width:100%;height:190px;object-fit:cover;display:block}.shared-photos span{display:block;padding:10px;overflow-wrap:anywhere}.shared-full-photo{display:block;max-width:100%;max-height:75vh;object-fit:contain;margin-top:16px}.shared-empty,.shared-error{padding:36px;border:1px dashed #466276;border-radius:18px;text-align:center}.shared-error{background:#3a2228}.shared-warning{padding:18px;background:#3a3022;border:1px solid #8f6b37;border-radius:12px;margin-bottom:18px;line-height:1.5}.shared-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:18px;margin-top:24px}.shared-section-head input{width:100%}.shared-phone-nav{display:none}.shared-app code{white-space:normal;overflow-wrap:anywhere}.shared-map{position:relative;height:430px;background:repeating-linear-gradient(0deg,transparent,transparent 39px,#294252 40px),repeating-linear-gradient(90deg,#142735,#142735 39px,#294252 40px);border-radius:20px;border:1px solid #436175}.shared-map button{position:absolute;transform:translate(-50%,-50%);z-index:1}.shared-consumables main{padding:0!important}.shared-consumables .card{border-radius:18px!important;background:#142735!important;box-shadow:0 8px 24px #0002}.shared-consumables h2{font-size:23px}.shared-consumables nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.shared-consumables .stock-grid{gap:18px}.shared-consumables .card .actions{gap:8px}.shared-consumables .card small{color:#b5c9d8}#shared-handover{display:grid;gap:18px;padding:22px}#shared-handover header{display:flex;align-items:center;justify-content:space-between;gap:12px}#shared-handover label{display:grid;gap:8px}#shared-handover textarea{min-height:110px}#shared-handover .shared-confirm{display:flex;align-items:center}#shared-handover input[type=checkbox]{width:24px;min-width:24px;min-height:24px}#shared-message{display:grid;gap:12px}#shared-message textarea{min-height:100px}#shared-consumable-editor{max-height:90dvh;overflow:auto;background:#132430;color:#e4f1f9;padding:24px;border:1px solid #4a687e;border-radius:18px;width:min(650px,94vw)}#shared-consumable-editor form{display:grid;gap:16px}#shared-consumable-editor label{display:grid;gap:8px}#shared-consumable-editor input,#shared-consumable-editor select,#shared-consumable-editor textarea{min-height:44px;font:inherit;padding:10px;background:#0c1a24;color:#e6f2fa;max-width:100%}
@media(max-width:1000px){.shared-app .sidebar{width:220px}.shared-main{margin-left:220px}.shared-today-grid{grid-template-columns:1fr}.shared-main main{padding:20px}}
@media(max-width:1100px){.shared-app .sidebar{display:none}.shared-main{margin-left:0}.shared-top{padding:12px 16px;flex-wrap:wrap}.shared-phone-nav{display:flex;overflow:auto;gap:8px;padding:12px 16px;background:#101d27;position:sticky;top:0;z-index:4}.shared-phone-nav button{display:flex;gap:8px;align-items:center;flex:0 0 auto;white-space:nowrap}.shared-main main{padding:16px 12px calc(24px + env(safe-area-inset-bottom))}.shared-hero{padding:22px 18px}.shared-app .panel{padding:18px}.shared-photos img{height:145px}.shared-top>div{flex-wrap:wrap}.shared-consumables .grid{grid-template-columns:1fr}.shared-app .mobile-nav{display:none}.shared-map{height:340px}}

/* Shared primitives use the established graphite/ice-blue design tokens. */
.shared-app{background:var(--yt-bg);color:var(--yt-text)}.shared-app .panel{background:var(--yt-surface);border-color:var(--yt-border-strong);border-radius:var(--yt-r3)}.shared-app small{color:var(--yt-text-2)}.shared-app button{border-radius:var(--yt-r2)}.shared-photos button{display:block!important;width:100%;min-width:0;text-align:left}.shared-photos span{display:block!important;white-space:normal;overflow-wrap:anywhere;width:100%}.shared-photos img{min-width:0}.shared-store-filter{margin-bottom:var(--yt-s5)}.shared-classification{display:flex!important;align-items:center;gap:var(--yt-s3);margin:var(--yt-s4) 0}.shared-classification input{width:24px;min-height:24px}.shared-main .shared-hero{padding:var(--yt-s6)}
@media(max-width:760px){.shared-hero{padding:var(--yt-s5)!important;margin-bottom:var(--yt-s4)}.shared-hero h1{font-size:28px;margin:8px 0}.shared-hero p{margin:8px 0}.shared-hero>small{display:none}.shared-actions{margin-top:12px}.shared-handover header{padding-bottom:10px}.shared-handover header p{margin:8px 0}.shared-critical{padding:14px;margin:14px 0}.shared-photos{grid-template-columns:1fr}.shared-photos img{height:200px}}

.shared-account{position:relative}.shared-account summary{cursor:pointer;min-height:44px;padding:12px;border:1px solid var(--yt-border-strong);border-radius:var(--yt-r2)}.shared-account>div{position:absolute;right:0;top:100%;z-index:20;background:var(--yt-surface);padding:16px;min-width:200px;box-shadow:0 12px 35px #0008;border:1px solid var(--yt-border-strong);border-radius:var(--yt-r2)}.shared-account strong{display:block;margin-bottom:12px}.shared-map{background:url('/yard-map.jpg') center/100% 100% no-repeat;aspect-ratio:4/3;height:auto!important;min-height:260px;overflow:visible!important}.shared-map button{transform:translate(-50%,-50%);max-width:96px;overflow-wrap:anywhere}

.shared-cards .panel>small{display:block;margin-bottom:12px}.shared-map{min-height:0}
#shared-handover>header{position:sticky;top:-20px;z-index:3;background:var(--yt-surface,#101c25);padding:12px 0;border-bottom:1px solid var(--yt-border-strong);display:flex;align-items:center;justify-content:space-between;gap:12px}

/* Collaboration pages use the same desktop and phone frames as yard pages. */
.shared-app .workspace{min-width:0}.shared-app main{min-width:0}.shared-app.field-shell .field-main{padding-bottom:24px}.shared-app.field-shell .shared-phone-nav{position:relative;top:auto;padding:8px 0 16px}.shared-app .shared-yard-tools summary{min-height:44px}.shared-app .shared-yard-tools nav{display:grid;gap:8px}.shared-app .field-top{flex-wrap:wrap;height:auto;min-height:68px}.shared-app .field-top>strong{font-size:13px}.shared-app .field-top .brand{flex:1}.shared-app .field-top .shared-account{margin-left:auto}

.shared-narrow-tools{display:none}@media(max-width:1100px){.shared-narrow-tools{display:block}.shared-narrow-tools nav{display:grid;gap:8px}}
.shared-app .field-top{z-index:30;overflow:visible}.shared-app .field-main{position:relative;z-index:1}.shared-app .shared-account[open]{z-index:40}
.shared-app .field-top{position:relative}

.shared-narrow-brand{display:none!important}@media(max-width:1100px){.shared-narrow-brand{display:flex!important}.shared-top .breadcrumbs{font-size:13px}}
#workspace-sections-form,#workspace-transport-form{display:grid;gap:16px}#workspace-sections-form fieldset{display:grid;gap:12px;padding:14px;border:1px solid var(--yt-border-strong);border-radius:12px}#workspace-sections-form label:not(.user-enabled-toggle),#workspace-transport-form label:not(.user-enabled-toggle){display:grid;gap:8px}#workspace-sections-form select,#workspace-sections-form textarea,#workspace-transport-form select,#workspace-transport-form textarea{width:100%;min-width:0;min-height:46px;padding:11px;border:1px solid var(--yt-border-strong);border-radius:10px;background:var(--yt-surface);color:var(--yt-text);font:inherit}#workspace-sections-form textarea,#workspace-transport-form textarea{min-height:96px;resize:vertical}#workspace-sections-form .user-enabled-toggle,#workspace-transport-form .user-enabled-toggle{min-height:48px;margin:0;padding:12px;align-items:center}#workspace-sections-form .user-enabled-toggle input,#workspace-transport-form .user-enabled-toggle input{flex:0 0 20px;width:20px}#workspace-role-access{overflow-wrap:anywhere}#transport-access-diff li{padding:7px 0;overflow-wrap:anywhere}

/* Setup describes existing places before offering configuration actions. */
.project-setup-intro{max-width:1100px;margin:0 auto 24px}.project-setup-intro>p{max-width:70ch;color:var(--yt-text-2);line-height:1.6}.project-setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.project-setup-grid>.panel,.setup-store-overview{padding:24px}.project-setup-grid>.panel:first-child{border-top:3px solid var(--yt-primary)}.project-setup-grid>.panel:last-child{border-top:3px solid var(--yt-success)}.setup-step{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--yt-primary)}.project-setup-grid h2{margin:12px 0;font-size:22px}.project-setup-grid .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.setup-store-overview{max-width:1100px;margin:0 auto 24px}.setup-store-list{display:grid;gap:16px;margin:20px 0}.setup-store-list article{border:1px solid var(--yt-border);border-radius:var(--yt-r2);padding:18px;background:var(--yt-surface)}.setup-store-list header{display:flex;justify-content:space-between;gap:16px;align-items:start}.setup-store-list h3{font-size:18px;margin:0 0 8px}.setup-store-list p{color:var(--yt-text-2)}.setup-store-list details{margin:12px 0}.setup-store-list summary{min-height:44px;padding:12px 0;cursor:pointer}.setup-store-list ul{padding:0;list-style:none}.setup-store-list li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--yt-border)}.setup-store-list li span{color:var(--yt-text-2)}.setup-store-overview *{overflow-wrap:anywhere}@media(max-width:700px){.project-setup-grid{grid-template-columns:1fr}.project-setup-grid>.panel,.setup-store-overview{padding:18px}.setup-store-list header,.setup-store-list li{flex-direction:column}.project-setup-grid .actions button{flex:1 1 100%;min-height:44px}}

.superintendent-sites{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.superintendent-sites>.superintendent-site{padding:20px;min-width:0;overflow-wrap:anywhere}.superintendent-site header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.superintendent-site h3{margin-top:24px}.superintendent-deliveries{list-style:none;padding:0;display:grid;gap:10px}.superintendent-deliveries li{display:grid;gap:5px;padding:12px;border:1px solid #344958;border-radius:10px}.superintendent-report{padding:12px 0;border-bottom:1px solid #344958}.superintendent-report p{white-space:pre-wrap}.superintendent-site button{min-height:44px;white-space:normal}.superintendent-site small{line-height:1.5;color:#abc3d2}[data-shared-today-weather]{margin-bottom:20px}@media(max-width:900px){.superintendent-sites{grid-template-columns:minmax(0,1fr)}}