.pwa-tools{margin:12px auto;padding:12px 16px;max-width:680px;border:1px solid #edf0e9;border-radius:12px;background:#fafaf8;color:#111111;box-sizing:border-box}
.pwa-tools summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center;gap:8px}
.pwa-tools p{margin:8px 0;line-height:1.5;overflow-wrap:anywhere}
.pwa-tools button{min-height:44px;padding:10px 16px;border-radius:8px;white-space:normal;max-width:100%;margin:4px 6px 4px 0}
.pwa-tools button:focus-visible{outline:3px solid #bd8528;outline-offset:3px}
.pwa-tools [hidden]{display:none!important}
.scf-shell .workspace-nav .pwa-tools summary{color:#111111;background:#fafaf8;max-width:100%;box-sizing:border-box}
.scf-shell .workspace-nav .pwa-tools summary:hover{background:#edf0e9;color:#111111}
.scf-shell .workspace-nav .pwa-tools button{background:#111111;color:#fff}
.scf-shell .workspace-nav .pwa-tools button:hover{background:#526247;color:#fff}
.scf-shell .workspace-nav .pwa-tools :focus-visible{outline:3px solid #526247;outline-offset:3px}
@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}
@media(max-width:430px){.pwa-tools{margin:8px;max-width:calc(100% - 16px);padding:8px 12px}.pwa-tools button{width:100%;margin:5px 0}}
/* Main gateway retains its normal login guard. Only the personal clothing app
   may reveal the form after app.js has explicitly removed its hidden state. */
html.scf-personal-app #signin:not([hidden]){display:block!important}
#workspace-load-state{box-sizing:border-box;display:flex;gap:12px;align-items:center;justify-content:space-between;margin:12px 0;padding:12px 16px;border:1px solid #dce4d8;border-radius:8px;background:#f1f4ef;color:#111;font:16px/1.5 Arial,sans-serif;overflow-wrap:anywhere}
#workspace-load-state[hidden],#workspace-load-state button[hidden]{display:none!important}
#workspace-load-state button{flex-shrink:0;min-height:44px;padding:10px 14px;color:#fff;background:#103b2e;border:0;border-radius:6px;font:inherit}
#clothing-system-status{margin:12px 0;padding:12px;background:#f1f4ef;color:#111;border-radius:8px;font:16px/1.5 Arial,sans-serif}
#clothing-system-status summary{min-height:44px;cursor:pointer;color:#111}
@media(max-width:430px){#workspace-load-state{align-items:stretch;flex-direction:column}}
/* Fixed controls use CSS viewport anchoring. visualViewport scroll offsets must
   not be applied a second time during iOS chrome/bounce/keyboard transitions. */
@media(max-width:760px){
 .scf-shell #portal-mobile-nav{bottom:0!important;left:0;right:0;width:100vw!important;max-width:100vw!important;min-width:0;box-sizing:border-box;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}
 .scf-shell .workspace-nav{top:auto!important;bottom:var(--scf-mobile-nav-height,80px)!important;height:auto!important;max-height:calc(100dvh - var(--scf-mobile-nav-height,80px) - 20px)!important}
 html.scf-keyboard-open .scf-shell #portal-mobile-nav{visibility:hidden;pointer-events:none}
}

/* Keep ordinary mobile page movement vertical without disabling zoom or inputs. */
@media(max-width:760px){
 html{overflow-x:clip}
 body.scf-shell{min-width:0;max-width:100%;overflow-x:clip}
 .scf-shell #portal-mobile-nav>a,.scf-shell #portal-mobile-nav>button{min-width:0;max-width:100%;overflow-wrap:anywhere}
 .scf-shell #workspace,.scf-shell .arrival-task-list,.scf-shell .arrival-shipments,.scf-shell .arrival-card,.scf-shell .arrival-card>*{min-width:0;max-width:100%;box-sizing:border-box}
 .scf-shell .arrival-shipments h2,.scf-shell .arrival-shipments p,.scf-shell .arrival-shipments strong,.scf-shell .arrival-shipments small{overflow-wrap:anywhere;word-break:normal}
}

/* The extra destinations form a short sheet above the same thumb navigation. */
@media(max-width:760px){
 .scf-shell .workspace-nav{left:0;right:0;margin:0!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px;padding:12px max(12px,env(safe-area-inset-right,0px)) 12px max(12px,env(safe-area-inset-left,0px));border:1px solid var(--scf-line);border-bottom:0;border-radius:16px 16px 0 0;box-shadow:0 -8px 30px #132b1920;z-index:90}
 .scf-shell .workspace-nav .portal-menu-heading{grid-column:1/-1;position:static;margin:0 0 4px;padding:2px 4px 8px}
 .scf-shell .workspace-nav .portal-menu-heading>strong{font-size:16px}
 .scf-shell .workspace-nav #identity,.scf-shell .workspace-nav #nav-dashboard,.scf-shell .workspace-nav #nav-orders{display:none!important}
 .scf-shell .workspace-nav .workflow-nav-group{display:contents}
 .scf-shell .workspace-nav #workflow-admin-nav,.scf-shell .workspace-nav .pwa-tools,.scf-shell .workspace-nav .portal-menu-root{grid-column:1/-1;min-width:0;margin:0}
 .scf-shell .workspace-nav #workflow-admin-nav[open]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
 .scf-shell .workspace-nav #workflow-admin-nav>summary{grid-column:1/-1}
 .scf-shell .workspace-nav a,.scf-shell .workspace-nav>button,.scf-shell .workspace-nav #workflow-admin-nav a,.scf-shell .workspace-nav #workflow-admin-nav button{font-size:15px;min-width:0;min-height:48px;padding:10px;background:var(--scf-accent-light);border:1px solid var(--scf-line);line-height:1.35;display:flex;align-items:center;gap:8px}
 .scf-shell .workspace-nav #logout{margin:0;border:1px solid var(--scf-line);border-radius:8px;background:transparent}
 .scf-shell.portal-nav-open #portal-mobile-nav{visibility:visible;z-index:100}
 .scf-shell.portal-nav-open #portal-nav-backdrop{display:block;inset:0 0 var(--scf-mobile-nav-height,80px);z-index:80;background:#17251b66}
 .scf-shell #portal-mobile-nav #portal-more[aria-expanded=true]{background:var(--scf-accent-light)!important;color:var(--scf-ink)!important}
 html.scf-keyboard-open .scf-shell.portal-nav-open #portal-mobile-nav{visibility:visible;pointer-events:auto}
 .scf-shell #portal-mobile-nav :focus-visible{outline:3px solid var(--scf-accent-dark);outline-offset:-3px}
}

@media(max-width:760px){
 .scf-shell .workspace-nav #clothing-system-status{grid-column:1/-1;min-width:0;margin:0;padding:0 12px;background:transparent;border:1px solid var(--scf-line);border-radius:9px}
 .scf-shell .workspace-nav #clothing-system-status>summary{font-size:15px;min-height:48px;padding:10px 0;font-weight:650}
 .scf-shell .workspace-nav #workflow-admin-nav[open]{display:block}
 .scf-shell .workspace-nav #workflow-admin-nav>a,.scf-shell .workspace-nav #workflow-admin-nav>button{display:inline-flex;width:calc(50% - 4px);box-sizing:border-box;vertical-align:top;margin:3px 0}
}
/* Everyday destinations stay primary; administration and device tools stay secondary. */
.scf-shell .workspace-nav .portal-nav-group{border:0;padding:0;margin:0;background:transparent;min-width:0}
.scf-shell .workspace-nav .portal-nav-group>summary{cursor:pointer;font-weight:650;list-style:none;gap:8px;margin:0;min-height:46px}
.scf-shell .workspace-nav .portal-nav-group>summary::-webkit-details-marker{display:none}
.scf-shell .workspace-nav .portal-nav-group>summary::after{content:'⌄';margin-left:auto;flex:none}
.scf-shell .workspace-nav .portal-nav-group[open]>summary::after{content:'⌃'}
.scf-shell .workspace-nav .portal-nav-links{display:flex;flex-direction:column;gap:2px;min-width:0;padding:0 0 6px 8px}
.scf-shell .workspace-nav .portal-nav-links>a,.scf-shell .workspace-nav .portal-nav-links>button{font-size:13px;line-height:1.4;padding:9px 12px;min-height:44px;min-width:0;max-width:100%;margin:0;border:0;border-radius:7px;color:inherit;background:transparent;overflow-wrap:break-word}
.scf-shell .workspace-nav .portal-nav-links>a:hover,.scf-shell .workspace-nav .portal-nav-links>button:hover{background:#31483a}
.scf-shell .workspace-nav .pwa-tools{margin:0;padding:0;max-width:100%;border:0;border-radius:0;background:transparent;color:inherit;box-shadow:none}
.scf-shell .workspace-nav .pwa-tools>summary{font-size:13px;min-height:44px;line-height:1.4;padding:9px 12px;background:transparent;color:inherit}
.scf-shell .workspace-nav .pwa-tools p{font-size:12px;margin:6px 12px;line-height:1.5}
.scf-shell .workspace-nav .pwa-tools button{font-size:13px;min-height:44px;max-width:100%;padding:8px 12px;margin:4px 0;white-space:normal}
.scf-shell .workspace-nav #logout{color:#e4b3aa}
.workspace-admin-actions{display:flex;flex-wrap:wrap;gap:10px;padding:18px 0;border-top:1px solid var(--scf-line);margin-top:20px}
.workspace-admin-actions>h2{flex-basis:100%;font-size:18px;margin:0 0 4px}
.workspace-admin-actions>a,.workspace-admin-actions>button{display:inline-flex;align-items:center;text-decoration:none;min-height:44px;max-width:100%;box-sizing:border-box;padding:10px 14px;background:#fff;color:var(--scf-ink);border:1px solid var(--scf-line);border-radius:8px;font:650 14px/1.4 Arial;overflow-wrap:break-word}
.workspace-admin-actions>.danger{color:#8e2921;border-color:#cba59e}
.workspace-checks>h1{margin-bottom:12px}.workspace-checks .technical-mail-reviews{margin:20px 0}.workspace-checks #clothing-system-status{margin:16px 0;padding:0 12px;background:#f1f4ef;border:1px solid var(--scf-line)}
.workspace-checks #clothing-system-status pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:280px;overflow:auto;font:13px/1.5 monospace}
@media(max-width:760px){
 .scf-shell .workspace-nav{display:block}
 .scf-shell .workspace-nav .portal-menu-heading{display:flex!important}
 .scf-shell .workspace-nav .portal-nav-group>summary{font-size:16px;padding:10px 12px;min-height:48px;color:var(--scf-ink);background:transparent}
 .scf-shell .workspace-nav .portal-nav-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 0 10px}
 .scf-shell .workspace-nav #portal-settings>.portal-nav-links{display:flex;flex-direction:column}
 .scf-shell .workspace-nav .portal-nav-links>a,.scf-shell .workspace-nav .portal-nav-links>button{font-size:15px;min-height:48px;padding:10px 12px;color:var(--scf-ink);background:var(--scf-accent-light);border:1px solid var(--scf-line)}
 .scf-shell .workspace-nav .pwa-tools>summary{font-size:15px;color:var(--scf-ink);padding:10px 12px;min-height:48px}
 .scf-shell .workspace-nav #logout{color:#912d23;background:transparent}
 .scf-shell .workspace-nav .portal-nav-links>a:hover,.scf-shell .workspace-nav .portal-nav-links>button:hover{background:var(--scf-accent-light)}
 .workspace-admin-actions>a,.workspace-admin-actions>button{flex:1 1 160px}
}

.workspace-checks .technical-mail-reviews{padding:0 14px;border:1px solid var(--scf-line);border-radius:9px;background:#fff}.workspace-checks .technical-mail-reviews>summary{cursor:pointer;min-height:48px;padding:12px 0;font-weight:700;line-height:1.4}