/* One mobile visual system. All existing business controls retain their handlers. */
:root{--scf-touch:48px;--scf-radius:12px}
#live-update-notice{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 16px;margin:12px 0;background:#e9eee4;border:1px solid #cad5c1;border-radius:9px;color:#24351e;font:15px/1.5 Arial,sans-serif}
#live-update-notice[hidden]{display:none!important}
#live-update-notice button{flex:none;min-height:48px;background:#161a16;color:#fff;border:0;border-radius:8px;padding:12px 16px;font:650 15px/1.4 Arial,sans-serif}
#live-update-notice button:focus-visible{outline:3px solid #769364;outline-offset:3px}
.clothing-list .clothing-table button[data-answer="IM LAGER"]>strong{background:#e4f4e7;color:#205b30;border-color:#9ac5a3}
.experience-phase-filter{display:none}
.experience-filter-drawer{border:0;padding:0;margin:0}
.experience-filter-drawer>summary{display:none}
.experience-filter-drawer>div{display:contents}
@media(max-width:760px){
 #live-update-notice{align-items:stretch;flex-direction:column}
 body.scf-shell{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#fafbf8;color:#161a16}
 .scf-shell #workspace{background:#fafbf8}
 .scf-shell #portal-topbar{background:#161a16!important;padding:15px 20px!important;margin-bottom:22px!important;gap:5px!important;min-height:66px!important}
 .scf-shell #portal-topbar .portal-mobile-brand{font-size:14px!important;letter-spacing:.03em;font-weight:750}
 .scf-shell #portal-topbar #portal-user{font-size:12px!important;line-height:18px;color:#cbd4c5!important}
 .scf-shell #workspace h1,.scf-shell #order-overview>.overview-heading h2,.scf-shell .detail-heading h2{font-size:28px!important;line-height:1.18!important;letter-spacing:-.6px}
 .scf-shell #workspace button,.scf-shell #workspace a.button,.scf-shell #workspace input:not([type=checkbox]):not([type=radio]),.scf-shell #workspace select{min-height:var(--scf-touch);font-size:16px;line-height:1.4;border-radius:9px;white-space:normal}
 .scf-shell #workspace button,.scf-shell #workspace .button{background:#161a16;color:#fff;border:1px solid #161a16;padding:12px 15px;font-weight:650;box-shadow:none}
 .scf-shell #workspace button.secondary,.scf-shell #workspace .button.secondary{background:#fff;color:#384832;border-color:#cbd5c4}
 .scf-shell #workspace button[disabled]{opacity:.55;cursor:default}
 .scf-shell #workspace :focus-visible{outline:3px solid #769364;outline-offset:3px}
 .scf-shell #portal-mobile-nav{padding:7px 12px calc(7px + env(safe-area-inset-bottom,0px));gap:8px;box-shadow:none;border-color:#dde3d9}
 .scf-shell #portal-mobile-nav a,.scf-shell #portal-mobile-nav button{font-size:12px!important;min-height:58px!important;padding:8px!important;border:0!important;border-radius:9px!important;background:#fff!important;color:#616a5d!important;font-weight:650}
 .scf-shell #portal-mobile-nav a[aria-current=page]{background:#e9eee4!important;color:#161a16!important}
 .scf-shell .arrival-heading{margin:0 0 8px}.scf-shell .arrival-heading h1{margin:0}
 .scf-shell .task-scope-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid #dde3d9;border-radius:11px;background:#f0f3ec;gap:4px;margin:20px 0 14px}
 .scf-shell #workspace .task-scope-tabs button{min-height:44px;background:transparent;color:#616a5d;border:0;margin:0;padding:10px 8px;font-size:14px}
 .scf-shell #workspace .task-scope-tabs button[aria-pressed=true]{background:#fff;color:#161a16;box-shadow:0 1px 3px #1c2b2210}
 .scf-shell .arrival-count{font-size:12px;color:#616a5d;letter-spacing:.04em;text-transform:uppercase;margin:20px 0 10px}
 .scf-shell .arrival-card{padding:17px;border:1px solid #dde3d9;border-radius:14px;background:white;gap:10px;margin:0 0 14px;box-shadow:none}
 .scf-shell .arrival-card.experience-next{border-top:3px solid #829475}
 .scf-shell .arrival-card h2,.scf-shell .arrival-card h3{font-size:19px!important;line-height:1.3;margin:10px 0 5px}
 .scf-shell .arrival-eyebrow{font-size:12px;gap:8px}.scf-shell .arrival-eyebrow strong{padding:4px 7px;border:0;border-radius:5px;background:#e9eee4;color:#3c4d32}
 .scf-shell .arrival-person{font-size:14px;line-height:1.4;margin:8px 0 5px}.scf-shell .arrival-meta{font-size:13px;color:#616a5d;margin:5px 0}
 .scf-shell .arrival-item-summary{display:flex;gap:12px;border-top:1px solid #edf0e9;padding-top:12px;margin-top:14px}
 .scf-shell .arrival-item-summary img,.scf-shell .arrival-item-summary .portal-photo-fallback{width:54px;height:64px;min-width:54px;object-fit:contain;border-radius:7px;background:#f4f5f1}
 .scf-shell .arrival-item-summary strong{font-size:14px}.scf-shell .arrival-item-summary small{font-size:13px;line-height:1.4}
 .scf-shell .arrival-photo-note{font-size:11px!important}.scf-shell .arrival-card .arrival-primary{width:100%;min-height:48px;border-radius:9px;margin-top:6px;font-size:15px}
 .scf-shell .arrival-card details{border:0;border-top:1px solid #edf0e9;padding:0}.scf-shell .arrival-card details>summary{min-height:44px;font-size:13px;display:flex;align-items:center;padding:9px 0;color:#4b5d40}
 .scf-shell .arrival-filter-drawer{border:0;margin:0 0 8px;padding:0}.scf-shell .arrival-filter-drawer>summary{min-height:44px;color:#4b5d40;font-size:14px;display:flex;align-items:center;cursor:pointer}
 .scf-shell .arrival-tools{padding:10px 0;gap:10px}.scf-shell .arrival-tools input,.scf-shell .arrival-tools select{width:100%;min-width:0}
 .scf-shell .workflow-phase-tabs,.scf-shell .workflow-phase-heading,.scf-shell #purchase-areas{display:none!important}
 .scf-shell .experience-phase-filter{display:block;margin:12px 0 4px}.scf-shell .experience-phase-filter label{margin:0;font-size:12px;color:#616a5d}.scf-shell .experience-phase-filter select{margin-top:5px;width:100%;border:1px solid #cfd7c8;background:#fff;padding:10px 12px}
 .scf-shell #workflow-phases{padding:0!important;border:0!important;background:transparent!important;margin:0 0 12px!important}
 .scf-shell #orders-toolbar{display:block!important;border:0;background:transparent;padding:0;margin:0 0 10px}
 .scf-shell #orders-toolbar .order-search{margin:0;padding:0;display:block}.scf-shell .order-search>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .scf-shell .order-search>div{display:flex;gap:8px}.scf-shell #order-search{min-width:0;width:100%;height:48px;background:#fff;border:1px solid #cfd7c8;padding:12px;border-radius:9px}
 .scf-shell #clear-search{flex:none;width:48px;min-width:48px;background:white!important;color:#4b5d40!important;border:1px solid #cfd7c8!important;margin:0!important;font-size:23px!important;padding:5px!important}
 .scf-shell .experience-filter-drawer{margin:6px 0 12px;border:0;padding:0}.scf-shell .experience-filter-drawer>summary{display:flex;min-height:44px;align-items:center;font-size:14px;color:#4b5d40;cursor:pointer}
 .scf-shell .experience-filter-drawer>div{display:block;background:#eff3ea;border:1px solid #dde3d9;border-radius:9px;padding:12px}
 .scf-shell .experience-filter-drawer .purchasing-scope,.scf-shell .experience-filter-drawer #clothing-list-controls{display:block!important;margin:0 0 10px;padding:0;border:0;background:transparent}
 .scf-shell .experience-filter-drawer p,.scf-shell .experience-filter-drawer small{font-size:12px;line-height:1.4;color:#616a5d}
 .scf-shell #workspace .experience-filter-drawer select{width:100%;margin:5px 0 0;background:white;border:1px solid #cfd7c8}
 .scf-shell .clothing-list .clothing-table tr.workflow-card{border:1px solid #dde3d9!important;border-radius:14px!important;padding:16px!important;gap:10px!important;background:#fff!important}
 .scf-shell .phase-card-article>strong{font-size:16px}.scf-shell .clothing-article img{width:54px!important;height:64px!important;object-fit:contain;background:#f4f5f1;border-radius:7px}
 .scf-shell .clothing-open-article{border:0!important;background:transparent!important;color:#161a16!important;text-align:left!important;padding:0!important;min-height:44px!important;font-size:15px!important;font-weight:650!important}
 .scf-shell .phase-card-badge{border:0;background:#e9eee4;border-radius:5px;font-size:12px;color:#3c4d32;padding:4px 7px}
 .scf-shell .phase-card-actions{gap:8px!important}.scf-shell #workspace .phase-card-actions>button{min-height:48px!important;padding:12px!important;font-size:15px!important;border-radius:9px!important}
 .scf-shell #workspace .phase-card-actions>button:not(.phase-card-primary){background:#fff;color:#4b5d40;border:1px solid #cbd5c4}
 .scf-shell .phase-article-infos>summary,.scf-shell .phase-card-status>summary{min-height:44px;display:flex;align-items:center;font-size:13px;color:#4b5d40}
 .scf-shell .phase-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}.scf-shell #workspace .phase-status-grid button{min-height:48px!important;background:#f4f6f0!important;color:#161a16!important;border:1px solid #dde3d9!important;padding:9px!important}
 .scf-shell .order-workspace,.scf-shell #detail{padding:0!important;background:transparent!important;border:0!important}.scf-shell .detail-heading{background:transparent;border:0;padding:0 0 16px!important}
 .scf-shell #workspace #close-detail{background:transparent;color:#4b5d40;border:0;box-shadow:none;text-align:left;padding:8px 0;min-height:44px}
 .scf-shell .compact-order-items{font-size:14px!important;color:#616a5d;line-height:1.5!important}
 .scf-shell .order-compass{padding:16px;border-radius:14px;background:white;border:1px solid #dde3d9}.scf-shell .order-compass>h3{font-size:12px!important;color:#616a5d;text-transform:uppercase;letter-spacing:.05em}
 .scf-shell .order-compass h4{font-size:16px;line-height:1.35}.scf-shell .order-compass-next{border-top:1px solid #dde3d9!important;margin-top:12px!important;padding-top:14px!important}
 .scf-shell .order-compass-next button,.scf-shell .order-compass-next .button{width:100%;min-height:48px;margin-top:10px}.scf-shell .order-section{border:0!important;border-bottom:1px solid #dde3d9!important;border-radius:0!important;background:transparent!important;padding:6px 0!important;margin:8px 0!important}
 .scf-shell .order-section>summary{min-height:48px;font-size:14px!important;padding:12px 0!important}.scf-shell .order-section[open]{background:white!important;padding:12px!important;border:1px solid #dde3d9!important;border-radius:12px!important}
 .scf-shell #workspace .confirm input[type=checkbox]{width:22px;height:22px;min-width:22px}.scf-shell .arrival-warning,.scf-shell .order-gift-context{border-radius:8px;line-height:1.5;font-size:14px}
}