:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172b36;background:#f4f7f9;font-synthesis:none;--brand:#12aee6;--blue:#107bb1;--ink:#172b36;--muted:#60717c;--border:#dfe7ec;--pale:#eaf7fc;--green:#176a45;--amber:#855000}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0b5479;outline-offset:3px}a{color:var(--blue)}h1,h2,h3,p{margin:0}h1{font-size:32px;letter-spacing:-1.15px;font-weight:750;line-height:1.22}h2{font-size:20px;letter-spacing:-.4px}h3{font-size:16px;line-height:1.45}small{font-size:12px}svg.icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;font-size:11px;font-weight:750;color:var(--blue)}.caption{font-size:13px;color:var(--muted);line-height:1.6}.subtext{font-size:14px;color:var(--muted);line-height:1.65;margin-top:8px}.flex{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:grid;gap:16px}.num{font-variant-numeric:tabular-nums}.spacer{flex:1}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:#fff;border-right:1px solid var(--border);padding:36px 24px 24px;display:flex;flex-direction:column;z-index:10}.logo{width:158px;height:auto;display:block}.brand-caption{font-size:12px;margin-top:14px;color:var(--muted);letter-spacing:.4px}.nav{display:grid;gap:8px;margin-top:46px}.nav button{display:flex;align-items:center;gap:12px;text-align:left;border:0;background:none;min-height:48px;padding:12px 14px;border-radius:10px;color:var(--muted);font-size:14px;font-weight:650}.nav button.active{background:var(--pale);color:#0b5479}.nav button:hover{background:#f4f7f9}.nav button.active:hover{background:var(--pale)}.counter{font-size:11px;font-weight:800;min-width:22px;height:22px;display:inline-grid;place-items:center;background:#d4edf8;color:#0b5479;border-radius:6px;margin-left:auto}.sidebar-foot{margin-top:auto;padding-top:22px}.demo-note{border-top:1px solid var(--border);padding-top:20px;display:grid;gap:9px;font-size:12px;line-height:1.65;color:var(--muted)}.demo-tag{display:inline-flex;align-items:center;gap:6px;color:#0b5479;background:var(--pale);font-size:10px;font-weight:800;padding:5px 8px;border-radius:5px;letter-spacing:1px;width:fit-content}.demo-tag:before{content:"";height:5px;width:5px;border-radius:50%;background:var(--brand)}
.workspace{margin-left:242px;min-height:100svh}.topbar{min-height:89px;padding:18px 40px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:space-between;gap:18px}.breadcrumb{font-size:13px;color:var(--muted);display:flex;gap:12px;align-items:center}.breadcrumb strong{color:var(--ink);font-weight:550}.role-control{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;background:#def2fb;color:#0b5479;display:grid;place-items:center;font-size:11px;font-weight:800}.role-control label{font-size:10px;letter-spacing:.4px;display:block;color:var(--muted)}.role-control select{font-size:13px;font-weight:700;padding:2px 20px 2px 0;border:0;background:transparent;max-width:180px;min-height:27px}.main{max-width:1250px;margin:0 auto;padding:36px 40px 48px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading .eyebrow{margin-bottom:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 18px;border:1px solid var(--border);background:#fff;border-radius:10px;font-size:13px;font-weight:750;text-decoration:none;line-height:1.5;white-space:normal}.button:hover{background:#f6f9fb;border-color:#bacdd8}.button.primary{color:#fff;background:var(--blue);border-color:var(--blue)}.button.primary:hover{background:#0b6694}.button.soft{color:#0b5479;background:var(--pale);border-color:transparent}.button.danger{color:#b42318;background:#fff0ee;border-color:transparent}.button.compact{min-height:40px;padding:8px 12px;font-size:12px}.button.text{background:transparent;border-color:transparent;color:var(--blue)}.icon-button{width:44px;height:44px;border:1px solid var(--border);background:#fff;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.text-link{background:none;border:0;padding:8px 0;min-height:40px;color:var(--blue);font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px}
.intro-strip{border:1px solid #cce6f2;border-radius:14px;background:linear-gradient(110deg,#eaf7fc,#f7fcfe);padding:20px 23px;display:flex;align-items:center;gap:18px;margin-bottom:28px}.intro-mark{height:42px;width:42px;display:grid;place-items:center;background:#fff;border:1px solid #d4eaf4;border-radius:12px;color:var(--blue);flex-shrink:0}.intro-strip h2{font-size:15px;letter-spacing:-.2px}.intro-strip p{font-size:12px;color:#526d7c;line-height:1.6;margin-top:5px}.intro-strip .text-link{margin-left:auto;white-space:nowrap}.toolbar{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-bottom:20px}.search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:0 14px;min-height:46px;max-width:360px;width:100%;color:var(--muted)}.search input{width:100%;min-width:0;background:transparent;border:0;outline:0;padding:12px 0;font-size:13px;color:var(--ink)}.search:focus-within{outline:2px solid var(--blue);outline-offset:2px}.search input:focus-visible{outline:0}.filter-pills{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pill{border:1px solid transparent;background:transparent;padding:10px 13px;min-height:42px;border-radius:8px;color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.pill.active{background:#fff;border-color:var(--border);color:var(--ink)}.pill b{font-size:11px;margin-left:4px;color:var(--blue)}
.object-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.object-card{width:100%;text-align:left;border:1px solid var(--border);border-radius:14px;padding:23px;background:#fff;transition:border-color .18s,transform .18s;display:flex;flex-direction:column;gap:18px}.object-card:hover{border-color:#9ccce2;transform:translateY(-2px)}.object-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#edf6fb;color:var(--blue);flex-shrink:0}.object-symbol.lilac{background:#f1eff9;color:#736292}.object-symbol.sand{background:#faf3e7;color:#937146}.object-symbol.green{background:#edf5f1;color:#55826e}.object-symbol .icon{width:23px;height:23px}.object-card .address{font-size:13px;color:var(--muted);margin-top:5px;line-height:1.5}.object-card .arrow{margin-left:auto;color:#9aaeb9}.object-card .card-bottom{padding-top:16px;border-top:1px solid #edf1f4;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}.object-card h3{font-size:17px;letter-spacing:-.35px}.badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-height:25px}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:6px;font-size:11px;line-height:1.45;font-weight:700;background:#f1f4f6;color:#60717c}.badge:before{content:"";width:5px;height:5px;flex-shrink:0;background:currentColor;border-radius:50%}.badge.review{background:#eaf7fc;color:#0b638e}.badge.working{background:#edf1fb;color:#4a5d95}.badge.correction,.badge.partial{background:#fff5de;color:#855000}.badge.received{background:#ecf8f0;color:#176a45}.page-foot{display:flex;align-items:center;justify-content:space-between;margin-top:25px;gap:16px;color:var(--muted);font-size:11px;line-height:1.6}.page-foot span{display:flex;align-items:center;gap:6px}.page-foot .icon{width:14px;height:14px}.mobile-nav,.mobile-brand{display:none}
.back{margin:-12px 0 18px}.detail-heading{align-items:flex-start;margin-bottom:23px}.detail-heading h1{font-size:28px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:24px;align-items:start}.delivery-panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;position:sticky;top:24px}.delivery-panel h2{font-size:14px;margin-bottom:20px}.delivery-block{display:flex;gap:10px;margin-top:18px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.delivery-block .icon{color:#8b9da7;width:17px;height:17px;margin-top:3px}.delivery-block small{display:block;color:var(--muted);font-size:11px;margin-bottom:2px}.delivery-panel .button{width:100%;margin-top:20px}.sheet-tabs{display:flex;gap:22px;border-bottom:1px solid var(--border);margin-bottom:20px}.sheet-tabs button{padding:3px 0 14px;border:0;background:transparent;font-size:13px;color:var(--muted);font-weight:700;position:relative;min-height:44px}.sheet-tabs button.active{color:var(--blue)}.sheet-tabs button.active:after{content:"";position:absolute;bottom:-1px;height:3px;left:0;right:0;background:var(--blue);border-radius:3px}.sheet-tabs span{margin-left:5px;font-size:11px;background:#e4ecf1;padding:2px 6px;border-radius:5px}.sheet-toolbar{margin-bottom:20px}.sheet-toolbar .search{max-width:none}.group{margin-bottom:22px}.group-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 9px;padding-left:3px;min-height:34px}.group-title h2{font-size:12px;letter-spacing:0;color:var(--muted);font-weight:750}.group-title h2 span{margin-left:5px;font-size:11px;font-weight:500}.material-list{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff}.material-row{display:flex;gap:12px;align-items:flex-start;padding:20px;border-bottom:1px solid #eaf0f3}.material-row:last-child{border-bottom:0}.material-main{min-width:0;flex:1}.material-main h3{font-size:14px;font-weight:750;overflow-wrap:anywhere}.material-main .specs{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.6;overflow-wrap:anywhere}.material-meta{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}.material-meta .due{font-size:11px;color:var(--muted)}.quantity{text-align:right;font-size:18px;font-weight:750;white-space:nowrap;letter-spacing:-.5px}.quantity small{font-size:11px;font-weight:550;color:var(--muted);letter-spacing:0}.row-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.row-side .text-link{min-height:34px;font-size:11px;padding:4px 0}.reason{margin-top:12px;padding:10px 12px;background:#fff8e8;color:#855000;font-size:12px;line-height:1.6;border-radius:7px}.progress{height:4px;background:#e6edf2;border-radius:3px;margin-top:12px;overflow:hidden}.progress span{display:block;height:100%;background:#65a889;border-radius:3px}.received-copy{font-size:11px;color:#557364;margin-top:7px;line-height:1.6}.selection-check{accent-color:var(--blue);width:20px;height:20px;flex-shrink:0;margin:2px 0;cursor:pointer}.selection-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);min-height:44px}.action-bar{position:sticky;bottom:18px;padding:12px 14px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 5px 25px #18344412;display:flex;gap:9px;align-items:center;margin-top:18px;z-index:4}.action-bar .button.primary{margin-left:auto}.selection-copy{font-size:12px;line-height:1.5}.add-footer{width:100%;border-style:dashed;min-height:52px;color:var(--blue);background:#fff}.empty{border:1px dashed #cfdae1;border-radius:14px;padding:36px 20px;text-align:center;display:grid;justify-items:center;gap:12px;background:#ffffff8c}.empty .icon{width:32px;height:32px;color:#84b5cd}.empty h2{font-size:16px}.empty p{font-size:13px;color:var(--muted);line-height:1.7;max-width:340px}.task-card{display:flex;align-items:center;gap:16px;padding:20px;text-align:left;background:#fff;border:1px solid var(--border);border-radius:12px;width:100%}.task-card:hover{border-color:#a8cadd}.task-card h3{font-size:15px}.task-card p{font-size:12px;color:var(--muted);margin-top:5px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px}.panel h2{font-size:17px}.panel p{font-size:13px;line-height:1.75;color:var(--muted);margin-top:12px}.roles-list{display:grid;gap:10px;margin-top:20px}.role-option{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--border);background:#fff;border-radius:10px;padding:12px}.role-option.selected{border-color:var(--blue);background:var(--pale)}.role-option strong{font-size:13px;display:block}.role-option small{color:var(--muted);display:block;font-size:11px;margin-top:3px}.guide-steps{display:grid;gap:20px;margin-top:22px}.guide-step{display:flex;gap:13px}.step-number{height:28px;width:28px;flex-shrink:0;border-radius:8px;background:var(--pale);color:var(--blue);font-size:12px;display:grid;place-items:center;font-weight:800}.guide-step h3{font-size:13px}.guide-step p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:4px}
 dialog{padding:0;border:1px solid var(--border);border-radius:18px;width:560px;max-width:calc(100% - 32px);max-height:calc(100dvh - 48px);color:var(--ink);box-shadow:0 24px 90px #1834442b;overscroll-behavior:contain}dialog::backdrop{background:#172b3666;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 24px 18px;position:sticky;top:0;background:#fff;z-index:3;border-bottom:1px solid #edf1f4}.modal-head h2{font-size:21px;margin-top:2px}.modal-head p{margin-top:6px;font-size:12px;color:var(--muted);line-height:1.6}.modal-body{padding:22px 24px;display:grid;gap:20px}.modal-foot{padding:16px 24px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;position:sticky;bottom:0;background:#fff;z-index:3}.modal-foot .primary{margin-left:auto}.field{display:grid;gap:7px;font-size:12px;font-weight:700}.field em{font-style:normal;color:var(--muted);font-size:10px;font-weight:500}.field input,.field select,.field textarea{width:100%;min-width:0;border:1px solid #ccd9e1;border-radius:9px;min-height:48px;padding:12px;font-size:14px;color:var(--ink);background:#fff;font-weight:450}.field textarea{resize:vertical;min-height:80px;line-height:1.6}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:#b42318;background:#fffafa}.field input::placeholder,.field textarea::placeholder{color:#899ba6}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.error{font-size:12px;color:#b42318;line-height:1.6;background:#fff0ee;border-radius:8px;padding:12px}.error:empty{display:none}.form-section{padding-top:18px;border-top:1px solid var(--border);font-size:13px;font-weight:800}.notice{border-radius:10px;padding:13px 15px;background:var(--pale);color:#0b5479;font-size:12px;line-height:1.7}.notice.amber{background:#fff5de;color:#855000}.catalog{display:grid;gap:8px}.catalog-item{display:flex;align-items:center;gap:12px;padding:14px 12px;text-align:left;border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;min-height:68px}.catalog-item:hover{border-color:#9ccce2;background:#f8fcfe}.catalog-item strong{font-size:13px;display:block}.catalog-item small{font-size:11px;color:var(--muted);display:block;margin-top:4px;line-height:1.6}.catalog-item .plus{margin-left:auto;color:var(--blue);font-size:22px}.catalog-icon{width:36px;height:36px;border-radius:9px;background:#eff7fa;display:grid;place-items:center;color:#6195ae;flex-shrink:0}.review-row{display:flex;align-items:flex-start;gap:11px;border-bottom:1px solid var(--border);padding-bottom:15px}.review-row:last-child{border:0;padding-bottom:0}.review-row h3{font-size:13px}.review-row p{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.6}.review-row .quantity{font-size:15px;margin-left:auto}.receive-item{padding:16px;border:1px solid var(--border);border-radius:10px;display:grid;gap:14px}.receive-item h3{font-size:14px}.receive-item .field-grid{align-items:end}.receive-item .field{font-size:11px}.receive-item .remainder{font-size:12px;line-height:1.75;color:var(--muted)}.receive-item .remainder strong{color:var(--ink)}.history-events{display:grid;gap:0}.event{padding:0 0 20px 20px;border-left:1px solid var(--border);position:relative;margin-left:5px}.event:last-child{padding-bottom:0}.event:before{content:"";position:absolute;left:-4px;top:5px;width:7px;height:7px;border-radius:50%;background:#96c7dd}.event p{font-size:12px;line-height:1.7}.event small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.toast{position:fixed;left:calc(50% + 121px);bottom:26px;transform:translate(-50%,20px);padding:14px 20px;background:#172b36;color:#fff;border-radius:12px;font-size:13px;line-height:1.6;box-shadow:0 7px 30px #172b362b;max-width:calc(100% - 36px);width:max-content;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.storage-warning{padding:12px 20px;background:#fff5de;color:#855000;font-size:12px;text-align:center}
@media(min-width:1500px){.main{padding-top:46px}.object-card{padding:27px}.object-grid{gap:22px}}
@media(max-width:1150px){.sidebar{width:205px;padding:30px 20px}.workspace{margin-left:205px}.topbar{padding:18px 28px}.main{padding:30px 28px}.detail-layout{grid-template-columns:minmax(0,1fr)}.delivery-panel{position:static}.delivery-panel .delivery-items{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.delivery-panel h2{margin-bottom:4px}.delivery-panel .button{width:auto}.toast{left:calc(50% + 102px)}}
@media(max-width:760px){h1{font-size:27px;letter-spacing:-.8px}.sidebar{display:none}.workspace{margin-left:0}.topbar{min-height:76px;padding:15px 20px;gap:8px}.breadcrumb{display:none}.mobile-brand{display:block}.mobile-brand .logo{width:124px}.mobile-brand small{display:block;font-size:9px;color:var(--muted);margin-top:6px;letter-spacing:.7px}.avatar{width:30px;height:30px;font-size:10px}.role-control{gap:7px}.role-control label{font-size:9px}.role-control select{font-size:12px;max-width:160px}.main{padding:26px 20px 116px}.page-heading{gap:12px;margin-bottom:22px;align-items:center}.page-heading .eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:8px}.page-heading .subtext{font-size:12px;margin-top:6px}.page-heading>.button{font-size:0;padding:0;width:44px;height:44px;min-height:44px;flex-shrink:0}.page-heading>.button .icon{width:21px;height:21px}.intro-strip{padding:15px;margin-bottom:22px;gap:12px;align-items:flex-start}.intro-mark{width:32px;height:32px;border-radius:9px}.intro-mark .icon{width:18px;height:18px}.intro-strip h2{font-size:13px;line-height:1.5}.intro-strip p{font-size:11px;line-height:1.65}.intro-strip .text-link{font-size:0;min-height:32px;margin-left:auto}.intro-strip .text-link .icon{width:17px;height:17px}.toolbar{align-items:stretch;gap:12px;flex-direction:column;margin-bottom:15px}.search{max-width:none}.filter-pills{gap:3px}.pill{font-size:11px;padding:8px 10px;min-height:38px}.object-grid{grid-template-columns:1fr;gap:12px}.object-card{padding:18px;gap:16px;border-radius:12px}.object-card h3{font-size:16px}.object-card .address{font-size:12px}.object-card .card-bottom{font-size:10px;padding-top:13px}.object-symbol{width:40px;height:40px;border-radius:10px}.object-card .flex{gap:11px}.badges{gap:6px}.badge{font-size:10px;padding:5px 7px}.page-foot{font-size:10px;flex-wrap:wrap;gap:5px;margin-top:20px}.page-foot>span:last-child{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#ffffffed;backdrop-filter:blur(16px);border-top:1px solid var(--border);z-index:20;justify-content:space-around}.mobile-nav button{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;font-weight:650;color:#60717c;border:0;background:transparent;min-width:75px;min-height:48px;padding:5px 14px;border-radius:10px}.mobile-nav button.active{color:var(--blue);background:#eaf7fc}.mobile-nav .counter{position:absolute;right:13px;top:0;min-width:16px;height:16px;font-size:9px}.toast{left:50%;bottom:90px;font-size:12px}.back{margin:-9px 0 13px}.detail-heading{align-items:flex-start;gap:10px}.detail-heading h1{font-size:24px}.detail-heading .object-symbol{display:none}.detail-heading .subtext{line-height:1.6}.detail-layout{gap:20px}.sheet-tabs{gap:24px;margin-bottom:18px}.sheet-tabs button{font-size:12px}.material-row{padding:16px 14px;gap:9px}.material-main h3{font-size:13px}.material-main .specs{font-size:11px}.quantity{font-size:17px}.quantity small{font-size:10px}.row-side .text-link{font-size:10px;min-height:36px}.material-meta{gap:7px;margin-top:10px}.material-meta .due{font-size:10px}.reason{font-size:11px;padding:9px}.group-title h2{font-size:11px}.group-title .button{font-size:11px;padding:7px 9px}.action-bar{bottom:85px;padding:10px;gap:7px;flex-wrap:wrap}.action-bar .button{font-size:11px;min-height:43px;padding:9px 12px}.selection-copy{font-size:11px}.delivery-panel{padding:18px}.delivery-panel .delivery-items{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}.panel{padding:20px}.task-card{padding:16px;gap:12px}.task-card h3{font-size:14px}.task-card .object-symbol{width:35px;height:35px}.task-card p{font-size:11px}.task-card .icon{flex-shrink:0}dialog{max-width:100%;width:100%;max-height:calc(100dvh - 20px);margin:auto 0 0;border-radius:18px 18px 0 0;border-bottom:0}.modal-head{padding:20px 20px 16px}.modal-head h2{font-size:20px}.modal-body{padding:20px;gap:18px}.modal-foot{padding:14px 20px calc(14px + env(safe-area-inset-bottom));gap:8px}.modal-foot .button{font-size:12px;padding:11px 14px}.field input,.field select,.field textarea{font-size:16px}.field{font-size:12px}.field-grid{gap:12px}.modal-head .icon-button{width:36px;height:36px}.review-row .quantity{font-size:14px}.selection-check{width:20px;height:20px}.receive-item{padding:14px}}
@media(max-width:360px){.main{padding-left:16px;padding-right:16px}.topbar{padding-left:16px;padding-right:16px}.mobile-brand .logo{width:104px}.role-control .avatar{display:none}.quantity{font-size:16px}.material-row{padding:14px 12px}.modal-foot{flex-wrap:wrap}.modal-foot .primary{flex:1}.page-heading h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
/* Keep the next action and role switch within reach on a phone. */
.topbar{position:sticky;top:0;z-index:9;backdrop-filter:blur(16px)}
.delivery-panel{top:110px}
.row-side .text-link{min-height:44px}
@media(max-width:760px){
 #sheet-actions{position:fixed;left:20px;right:20px;bottom:calc(78px + env(safe-area-inset-bottom));z-index:15}
 #sheet-actions:empty{display:none}
 #sheet-actions .add-footer{border-style:solid;border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 5px 20px #172b3620}
 #sheet-actions .action-bar{position:static;margin:0;box-shadow:0 5px 20px #172b3620}
 .main:has(#sheet-actions){padding-bottom:185px}
 .toast{bottom:150px}
 .material-main h3{font-size:14px}.material-main .specs{font-size:12px}.badge{font-size:11px}
 .row-side .text-link{font-size:11px}
}