@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--red:#c8102e;--red-dark:#9f0b24;--navy:#071d36;--mint:#cbeee6;--mint-dark:#167e6c;--ink:#122033;--muted:#657284;--line:#dde4e8;--surface:#fff;--bg:#f2f6f7;--warning:#f2a51a;--success:#168461;--danger:#d73b49;--shadow:0 10px 30px rgba(7,29,54,.09);font-family:"Manrope",Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;background:linear-gradient(160deg,#fff 0,#eef4f5 46%,#e7eff0 100%);-webkit-tap-highlight-color:transparent}.app-shell{width:min(100%,760px);min-height:100vh;margin:auto;background:rgba(242,246,247,.94);position:relative;overflow:hidden;isolation:isolate}.app-shell::before{content:"";position:fixed;z-index:0;top:76px;bottom:78px;left:50%;width:min(100%,760px);transform:translateX(-50%);pointer-events:none;background:url("../assets/logo.png") center 18%/min(86%,620px) auto no-repeat;opacity:.075;filter:saturate(.75) contrast(.9)}.page{padding:18px 18px calc(104px + env(safe-area-inset-bottom));position:relative;z-index:1}.topbar{height:auto;min-height:76px;padding:max(12px,env(safe-area-inset-top)) 18px 12px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand-lockup{display:flex;align-items:center;gap:10px}.brand-lockup img{width:50px;height:50px;object-fit:contain;border-radius:14px}.brand-lockup div,.topbar-title{display:flex;flex-direction:column}.brand-lockup small,.topbar-title small{font-size:10px;letter-spacing:.15em;color:var(--red);font-weight:800}.brand-lockup strong,.topbar-title strong{font-size:17px;color:var(--navy)}.icon-button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--navy);font-size:20px;text-decoration:none}.prototype-pill{font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--red);background:#fff0f2;padding:7px 9px;border-radius:999px}
h1,h2,h3,p{margin-top:0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--red);margin-bottom:4px}.date-line{display:flex;justify-content:space-between;align-items:flex-end;margin:3px 2px 17px}.date-line h1{font-size:24px;margin:0;color:var(--navy)}.live-time{font-size:14px;color:var(--muted);font-weight:700}.card{background:rgba(255,255,255,.93);border:1px solid rgba(7,29,54,.06);border-radius:20px;box-shadow:var(--shadow);backdrop-filter:blur(8px)}.next-card{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(7,29,54,.98),rgba(18,61,101,.97));color:#fff;padding:20px;margin-bottom:14px}.next-card:after{content:"";position:absolute;width:145px;height:145px;border:28px solid rgba(255,255,255,.05);border-radius:50%;right:-50px;top:-65px}.next-card .label{font-size:11px;letter-spacing:.12em;font-weight:800;color:#a8dad1}.next-card h2{font-size:22px;margin:7px 0 6px}.next-card p{font-size:13px;margin:0;color:#c8d4e1}.status-summary{padding:18px;margin-bottom:14px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head h2{font-size:16px;margin:0}.section-head a{font-size:12px;color:var(--red);font-weight:800;text-decoration:none}.progress-row{display:flex;align-items:center;gap:12px}.progress-ring{--progress:33%;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--success) var(--progress),#e2eaeb 0);position:relative;flex:0 0 auto}.progress-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}.progress-ring strong{z-index:1;font-size:12px}.progress-copy strong{font-size:19px;display:block;color:var(--navy)}.progress-copy small{font-size:12px;color:var(--muted)}.bag-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.bag-card{padding:16px}.bag-title{display:flex;align-items:center;gap:8px;margin-bottom:12px}.bag-badge{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;background:#fff0f2}.bag-title h3{font-size:14px;margin:0}.shift-list{display:grid;gap:8px}.shift-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.state-dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}.state-dot.done{background:#dff4eb;color:var(--success)}.state-dot.missing{background:#fff0f2;color:var(--danger)}.state-dot.pending{background:#fff6dd;color:#a26700}.alert-card{padding:16px;display:flex;align-items:center;gap:13px;margin-bottom:14px;border-left:4px solid var(--warning);cursor:pointer}.alert-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:#fff3d7;font-size:20px}.alert-card strong{display:block;font-size:14px}.alert-card small{color:var(--muted)}.alert-card b{margin-left:auto;color:var(--muted)}.week-card{padding:16px;margin-bottom:18px}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.week-day{min-width:0;text-align:center}.week-day span{font-size:9px;color:var(--muted);font-weight:700}.week-day b{width:31px;height:31px;margin:5px auto 0;border-radius:10px;display:grid;place-items:center;background:#edf1f3;font-size:11px}.week-day b.done{background:#dff4eb;color:var(--success)}.week-day b.missing{background:#fff0f2;color:var(--danger)}.primary-cta{height:58px;width:100%;border:0;border-radius:18px;background:linear-gradient(135deg,var(--red),#e31b3f);color:#fff;font:800 14px "Manrope";letter-spacing:.03em;box-shadow:0 12px 24px rgba(200,16,46,.23);cursor:pointer}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:30;width:min(100%,760px);height:78px;padding:8px 18px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr 1fr;background:rgba(255,255,255,.96);border-top:1px solid var(--line);backdrop-filter:blur(12px)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#7a8794;text-decoration:none;font-size:10px;font-weight:700}.bottom-nav a span{font-size:21px;line-height:1}.bottom-nav a.active{color:var(--red)}.bottom-nav .nav-action span{width:38px;height:38px;margin-top:-27px;border-radius:13px;display:grid;place-items:center;background:var(--red);color:#fff;box-shadow:0 8px 16px rgba(200,16,46,.25)}
.setup-panel{max-width:560px;margin:10px auto}.setup-hero{text-align:center;padding:14px 10px 22px}.setup-hero .step-icon{width:64px;height:64px;margin:auto auto 13px;display:grid;place-items:center;border-radius:20px;background:var(--mint);font-size:28px}.setup-hero h1{font-size:23px;margin-bottom:7px}.setup-hero p{font-size:13px;color:var(--muted)}.form-card{padding:18px}.field{margin-bottom:19px}.field:last-child{margin-bottom:0}.field-label{display:block;font-weight:800;font-size:12px;margin-bottom:9px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shift-grid{grid-template-columns:repeat(3,1fr)}.choice{min-height:72px;border:1.5px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);font:700 13px "Manrope";cursor:pointer}.choice span{display:block;font-size:20px;margin-bottom:4px}.choice.selected{border-color:var(--red);background:#fff5f6;color:var(--red);box-shadow:0 0 0 3px rgba(200,16,46,.08)}.start-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.start-option{min-height:84px;padding:12px;border:1.5px solid var(--line);border-radius:16px;background:#fff;display:flex;align-items:center;gap:10px;text-align:left;font-family:"Manrope";cursor:pointer}.start-option>span{width:35px;height:35px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;font-size:20px}.start-option div{display:flex;min-width:0;flex-direction:column}.start-option strong{font-size:11px;line-height:1.3}.start-option small{font-size:8px;line-height:1.4;color:var(--muted);margin-top:3px}.start-option.copy>span{background:#e5f6f2;color:var(--mint-dark)}.start-option.new{border-color:var(--red);background:#fff5f6}.start-option.new>span{background:var(--red);color:#fff}.start-option.new strong{color:var(--red)}.start-option:disabled{opacity:.45;cursor:not-allowed}.text-input,.notes-input{width:100%;border:1.5px solid var(--line);border-radius:15px;padding:14px;background:#fff;font:600 14px "Manrope";outline:none}.text-input:focus,.notes-input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(200,16,46,.08)}.button{height:52px;padding:0 20px;border:0;border-radius:15px;font:800 13px "Manrope";cursor:pointer}.button.primary{background:var(--red);color:#fff}.button.secondary{background:#fff;color:var(--navy);border:1px solid var(--line)}.button.ghost{background:#eef3f4;color:var(--navy)}.button.full{width:100%}.button:disabled{opacity:.45;cursor:not-allowed}.inspection-progress{position:sticky;top:76px;z-index:15;background:rgba(242,246,247,.96);padding:12px 18px 10px;margin:-18px -18px 12px;backdrop-filter:blur(10px)}.progress-meta{display:flex;justify-content:space-between;font-size:11px;font-weight:800;margin-bottom:7px}.progress-track{height:7px;background:#dce4e6;border-radius:99px;overflow:hidden}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,var(--red),#e44761);border-radius:99px;transition:width .25s}.category-head{display:flex;align-items:center;gap:12px;margin-bottom:15px}.category-number{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--navy);color:#fff;font-weight:800}.category-head h1{font-size:19px;margin:0}.category-head small{color:var(--muted)}.copy-banner{padding:12px 14px;margin-bottom:12px;border-radius:14px;background:#e5f6f2;color:#146b5c;font-size:11px;font-weight:700}.checklist{display:grid;gap:9px}.item-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;background:#fff;border:1px solid var(--line);border-radius:16px}.item-copy strong{font-size:12px;display:block;line-height:1.3}.item-copy small{font-size:10px;color:var(--muted)}.item-status{display:inline-flex;gap:4px;align-items:center;margin-top:5px;font-size:9px;font-weight:800}.item-status.ok{color:var(--success)}.item-status.low{color:var(--danger)}.stepper{display:flex;align-items:center;gap:4px}.stepper button{width:34px;height:34px;border:0;border-radius:11px;background:#edf2f3;color:var(--navy);font-size:19px;font-weight:700;cursor:pointer}.stepper output{width:34px;text-align:center;font-size:14px;font-weight:800}.inspection-footer{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:16px}.review-list{display:grid;gap:9px}.review-row{display:flex;justify-content:space-between;align-items:center;padding:14px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:12px}.review-row span{color:var(--muted)}.notes-input{min-height:110px;resize:vertical}.success-panel{text-align:center;padding:35px 20px}.success-check{width:76px;height:76px;margin:auto auto 18px;border-radius:50%;display:grid;place-items:center;background:#dff4eb;color:var(--success);font-size:36px}.success-panel h1{font-size:24px}.success-panel p{color:var(--muted);font-size:13px}.prototype-warning{padding:13px;background:#fff5dc;border-radius:14px;color:#755100;font-size:11px;margin:20px 0}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);padding:12px 18px;border-radius:12px;background:var(--navy);color:#fff;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:.25s;z-index:60}.toast.show{opacity:1;transform:translate(-50%,0)}
.records-heading{margin-bottom:15px}.records-heading h1{font-size:23px;margin-bottom:4px}.records-heading p{font-size:12px;color:var(--muted)}.record-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.mini-stat{padding:15px}.mini-stat strong{display:block;font-size:22px;color:var(--navy)}.mini-stat span{font-size:10px;color:var(--muted)}.day-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}.day-tab{min-width:65px;padding:10px 7px;border:1px solid var(--line);border-radius:14px;background:#fff;font:700 10px "Manrope";color:var(--muted);cursor:pointer}.day-tab b{display:block;font-size:15px;margin-top:3px;color:var(--ink)}.day-tab.active{background:var(--navy);border-color:var(--navy);color:#acc4d5}.day-tab.active b{color:#fff}.record-list{display:grid;gap:10px}.record-card{padding:15px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}.record-bag{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#fff0f2;color:var(--red);font-size:11px;font-weight:800}.record-info strong{font-size:13px;display:block}.record-info small{font-size:10px;color:var(--muted)}.view-button{border:0;background:#eef3f4;color:var(--navy);padding:9px 11px;border-radius:10px;font:800 10px "Manrope";cursor:pointer}.empty-state{text-align:center;padding:35px 20px}.empty-state span{font-size:30px}.empty-state h3{font-size:15px;margin:10px 0 5px}.empty-state p{font-size:11px;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:rgba(3,17,32,.56);z-index:100;display:grid;place-items:end center;padding:18px}.modal-backdrop[hidden]{display:none}.modal{width:min(100%,560px);max-height:85vh;overflow:auto;background:#fff;border-radius:24px;padding:20px}.modal-handle{width:40px;height:4px;border-radius:99px;background:#d7dfe2;margin:-8px auto 17px}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{font-size:18px}.modal-close{border:0;background:#edf2f3;border-radius:11px;width:36px;height:36px;font-size:18px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.detail-cell{padding:12px;border-radius:13px;background:#f3f6f7}.detail-cell small{display:block;font-size:9px;color:var(--muted)}.detail-cell strong{font-size:12px}.restock-list{margin-top:13px}.restock-list li{font-size:11px;margin-bottom:5px;color:var(--danger)}.restock-table{border:1px solid var(--line);border-radius:15px;overflow:hidden}.restock-table-head,.restock-table-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(85px,.8fr) 48px;gap:8px;align-items:center}.restock-table-head{padding:9px 12px;background:#f0f4f5;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.restock-table-row{padding:12px;border-top:1px solid var(--line)}.restock-table-row>span{display:flex;min-width:0;flex-direction:column}.restock-table-row strong,.restock-table-row b{font-size:10px;line-height:1.35}.restock-table-row small{font-size:8px;color:var(--muted);margin-top:2px}.restock-table-row .restock-qty{display:grid;place-items:center;height:34px;border-radius:10px;background:#fff0f2;color:var(--danger);font-size:10px;font-weight:800}
.settings-page{padding-bottom:35px}.settings-hero{display:flex;align-items:center;gap:15px;padding:17px;margin-bottom:15px;background:linear-gradient(135deg,var(--navy),#123d65);border-radius:20px;color:#fff}.settings-hero img{width:72px;height:72px;object-fit:contain;border-radius:18px;background:#fff}.settings-hero h1{font-size:18px;margin-bottom:3px}.settings-hero p{font-size:11px;color:#c2d1dc;margin:0}.settings-list{background:#fff;border-radius:20px;overflow:hidden;border:1px solid var(--line);margin-bottom:15px}.settings-row{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:left;padding:15px;border:0;border-bottom:1px solid var(--line);background:#fff;font-family:"Manrope";cursor:pointer}.settings-row:last-child{border-bottom:0}.settings-row span:nth-child(2){display:flex;flex-direction:column}.settings-row strong{font-size:12px}.settings-row small{font-size:9px;color:var(--muted);margin-top:2px}.settings-row b{color:var(--muted);font-size:19px}.setting-icon{width:39px;height:39px;display:grid!important;place-items:center;border-radius:13px;font-weight:800}.setting-icon.mint{background:#def3ee;color:var(--mint-dark)}.setting-icon.red{background:#fff0f2;color:var(--red)}.setting-icon.navy{background:#e7edf2;color:var(--navy)}.prototype-note{padding:15px;border-radius:17px;background:#fff6de;border:1px solid #f2dfac;margin-bottom:13px}.prototype-note strong{font-size:12px;color:#835e0c}.prototype-note p{font-size:10px;line-height:1.5;color:#7b6a41;margin:4px 0 0}
@media(min-width:700px){body{padding:24px 0}.app-shell{min-height:calc(100vh - 48px);border-radius:28px;box-shadow:0 20px 60px rgba(7,29,54,.15)}.bottom-nav{bottom:24px;border-radius:0 0 28px 28px}.page{padding-left:28px;padding-right:28px}.bag-grid{gap:16px}.item-row{padding:15px}.modal-backdrop{place-items:center}}
@media(max-width:420px){.start-options{grid-template-columns:1fr}.start-option{min-height:72px}}@media(max-width:380px){.page{padding-left:13px;padding-right:13px}.topbar{padding-left:13px;padding-right:13px}.bag-grid{gap:8px}.bag-card{padding:13px}.shift-grid{grid-template-columns:1fr}.week-day b{width:27px;height:27px}.brand-lockup strong{font-size:15px}}

/* Restock actions and compact phone layout */
.restock-help{font-size:11px;line-height:1.5;color:var(--muted);margin:-3px 0 13px}.restock-modal .restock-table{overflow:visible}.restock-modal .restock-table-row{display:block;padding:13px}.restock-modal .restock-table-row:first-child{border-top:0}.restock-summary{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:10px;align-items:center}.restock-summary>span:first-child{display:flex;min-width:0;flex-direction:column}.restock-action{margin-top:10px}.restock-action label{display:block;font-size:9px;font-weight:800;color:var(--muted);margin-bottom:5px}.restock-action>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.restock-action-input{min-width:0;width:100%;height:40px;border:1px solid var(--line);border-radius:11px;padding:0 10px;font:600 11px "Manrope";outline:none}.restock-action-input:focus{border-color:var(--red)}.restock-action-input.invalid{border-color:var(--danger);background:#fff5f6}.restock-done{height:40px;border:0;border-radius:11px;padding:0 13px;background:var(--navy);color:#fff;font:800 10px "Manrope";cursor:pointer}
@media(max-width:420px){.page{padding-left:13px;padding-right:13px}.topbar{padding-left:13px;padding-right:13px}.topbar-title,.brand-lockup{min-width:0}.topbar-title strong{font-size:15px}.brand-lockup img{width:43px;height:43px}.brand-lockup strong{font-size:14px;white-space:nowrap}.prototype-pill{padding:6px;font-size:8px}.date-line{align-items:flex-start;gap:8px}.date-line h1{font-size:20px;line-height:1.25}.live-time{font-size:12px;white-space:nowrap}.bag-grid{gap:8px}.bag-card{padding:12px}.shift-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.choice{min-width:0;padding:8px 3px}.week-card{padding:13px}.week-strip{gap:2px}.week-day b{width:28px;height:28px}.modal-backdrop{padding:8px}.modal{width:100%;max-height:92dvh;border-radius:20px;padding:16px}.detail-grid{grid-template-columns:1fr}.record-card{grid-template-columns:auto minmax(0,1fr)}.record-card .view-button{grid-column:1/-1;width:100%}.inspection-footer{grid-template-columns:1fr}.item-row{gap:6px;padding:11px}.stepper button{width:32px;height:32px}.stepper output{width:25px}.restock-action>div{grid-template-columns:1fr}.restock-done{width:100%}}
@media(max-width:350px){.bag-grid{grid-template-columns:1fr}.shift-grid{grid-template-columns:1fr}.week-day b{width:25px;height:25px}.brand-lockup img{display:none}}
.restock-all{margin-top:14px}.restock-one{width:100%;height:40px;margin-top:10px;padding:0;font-size:11px}.restock-modal .restock-table-row{padding-bottom:13px}
.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.action-card{position:relative;min-height:82px;width:100%;padding:12px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--line);background:#fff;text-align:left;font-family:"Manrope";cursor:pointer}.action-card .action-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#fff3d7;color:#a26700;font-size:18px}.action-card strong{display:block;font-size:11px;line-height:1.3}.action-card small{display:block;margin-top:3px;font-size:9px;color:var(--muted)}.action-card>b{color:var(--muted)}.note-card .action-icon{background:#edf2f3;color:var(--navy)}.note-card.has-pending{border-color:#e8c56c}.note-card.has-pending .action-icon{background:#fff4cf}.action-badge{position:absolute;top:7px;right:8px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:grid;place-items:center;background:#f2b52f;color:#5f4300;font-size:9px;font-style:normal;font-weight:800}.note-card.has-pending>b{margin-right:15px}.note-action-list{display:grid;gap:10px}.note-action-row{padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff}.note-meta{display:flex;justify-content:space-between;gap:8px}.note-meta strong{font-size:11px}.note-meta small{font-size:9px;color:var(--muted)}.note-action-row p{margin:9px 0 11px;font-size:11px;line-height:1.55;color:var(--ink)}.note-status-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.note-status-buttons button{min-height:42px;padding:7px;border:1px solid var(--line);border-radius:11px;background:#f3f6f7;color:var(--navy);font:800 9px "Manrope";line-height:1.3}.note-status-buttons button:first-child{background:var(--navy);color:#fff;border-color:var(--navy)}
.note-status-buttons button.selected{background:var(--success);border-color:var(--success);color:#fff;transform:scale(.98)}

/* Keep every phone layout inside the physical viewport. */
html,body{width:100%;max-width:100%;overflow-x:hidden}.app-shell,.topbar,.page,.bottom-nav,main,section,article{max-width:100%}.app-shell *{min-width:0}img,svg,canvas{max-width:100%}.text-input,.notes-input,button,input,textarea,select{max-width:100%}
@media(max-width:699px){body{width:100%}.app-shell{width:100%;max-width:100%;margin:0}.page{padding-left:12px;padding-right:12px}.topbar{width:100%;padding-left:12px;padding-right:12px;gap:8px;padding-top:max(12px,env(safe-area-inset-top))}.bottom-nav{width:100%;padding-left:8px;padding-right:8px}.brand-lockup,.topbar-title{overflow:hidden}.brand-lockup img{width:40px;height:40px;flex:0 0 40px}.brand-lockup strong,.topbar-title strong{font-size:14px;white-space:normal;overflow-wrap:anywhere}.production-pill,.prototype-pill{flex:0 0 auto;padding:6px;font-size:8px}.date-line{align-items:flex-start;gap:7px}.date-line h1{font-size:19px;overflow-wrap:anywhere}.live-time{font-size:11px;white-space:nowrap}.bag-grid{gap:7px}.bag-card{padding:11px}.bag-title{gap:6px}.bag-badge{width:30px;height:30px}.bag-title h3{font-size:12px}.status-summary,.next-card,.alert-card,.week-card{padding-left:13px;padding-right:13px}.progress-copy strong{font-size:16px}.progress-copy small{font-size:10px}.shift-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.choice{padding:7px 2px;font-size:11px}.item-row{grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:10px}.item-copy strong{overflow-wrap:anywhere}.stepper{gap:2px}.stepper button{width:30px;height:32px;touch-action:manipulation}.stepper output{width:23px}.text-input,.notes-input,.restock-action-input,input,textarea,select{font-size:16px}.inspection-progress{padding-left:12px;padding-right:12px;margin-left:-12px;margin-right:-12px}.progress-meta{gap:6px}.progress-meta span{font-size:10px}.modal-backdrop{padding:6px}.modal{width:calc(100% - 12px);max-width:calc(100% - 12px);padding:14px}.record-card{gap:8px}.restock-summary{grid-template-columns:minmax(0,1fr) 44px}}
@media(max-width:380px){.action-grid{gap:7px}.action-card{grid-template-columns:32px minmax(0,1fr) auto;padding:9px;gap:6px}.action-card .action-icon{width:32px;height:32px}.action-card strong{font-size:10px}.note-status-buttons{grid-template-columns:1fr}.inspection-shell .topbar-title strong{font-size:12px}.category-head h1{font-size:17px}.item-row{padding:9px}.item-copy strong{font-size:11px}.stepper button{width:29px}.stepper output{width:21px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.production-pill{font-size:9px;font-weight:800;letter-spacing:.08em;color:var(--success);background:#dff4eb;padding:7px 9px;border-radius:999px}.sync-message{padding:13px;border-radius:14px;font-size:11px;margin:20px 0}.sync-message.synced{background:#dff4eb;color:#146b5c}.sync-message.pending{background:#fff5dc;color:#755100}.connection-banner{display:flex;flex-direction:column;gap:2px;padding:11px 13px;margin-bottom:13px;border-radius:14px;font-size:10px}.connection-banner strong{font-size:11px}.connection-banner.pending{background:#fff5dc;color:#755100}.connection-banner.info{background:#eaf1f5;color:var(--navy)}.sync-card{padding:15px;border-radius:17px;background:#eaf1f5;border:1px solid #d5e2e9;margin-bottom:13px}.sync-card.connected{background:#e4f4ee;border-color:#bfe3d4}.sync-card.pending{background:#fff6de;border-color:#f2dfac}.sync-card strong{font-size:12px;color:var(--navy)}.sync-card p{font-size:10px;line-height:1.5;color:var(--muted);margin:4px 0 0}
.record-note{padding:15px;border-radius:17px;background:#f3f6f7;border:1px solid var(--line)}.record-note strong{font-size:12px;color:var(--navy)}.record-note p{font-size:10px;line-height:1.5;color:var(--muted);margin:4px 0 0}
.settings-row{text-decoration:none;color:inherit}.setting-icon.shield{background:#e8eef7;color:#173b67}.supervisor-entry{background:#f8faff}.verified-badge{display:inline-flex;width:max-content;margin-top:5px;padding:4px 7px;border-radius:999px;background:#dff4eb;color:#146b5c;font-size:8px;font-weight:800}.verification-proof{display:flex;flex-direction:column;gap:3px;margin-top:14px;padding:13px;border:1px solid #bfe3d4;border-radius:14px;background:#e4f4ee;color:#146b5c}.verification-proof strong{font-size:11px}.verification-proof small{font-size:9px}.supervisor-topbar{background:var(--navy);color:#fff}.supervisor-page{padding-bottom:35px}.supervisor-login{text-align:center;padding:32px 20px}.supervisor-shield{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 14px;border-radius:22px;background:#e8eef7;color:#173b67;font-size:30px}.supervisor-login h1{font-size:22px}.supervisor-login>p{max-width:330px;margin:7px auto 18px;color:var(--muted);font-size:11px;line-height:1.6}.supervisor-login>small{display:block;margin-top:15px;color:var(--muted);font-size:8px}.supervisor-login #googleButton{display:flex;justify-content:center}.supervisor-welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.supervisor-welcome h1{font-size:20px}.supervisor-welcome small{font-size:9px;color:var(--muted)}.button.compact{width:auto;height:36px;padding:0 12px}.supervisor-filter{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;padding:13px;margin-bottom:13px}.supervisor-filter label{font-size:8px;font-weight:800;color:var(--muted)}.supervisor-filter input{display:block;width:100%;height:39px;margin-top:4px;border:1px solid var(--line);border-radius:10px;padding:0 8px;background:#fff;font:600 11px Manrope}.supervisor-filter .button{height:39px}.supervisor-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:13px 0}.supervisor-actions label{font-size:10px;font-weight:700}.supervisor-actions .button{width:auto;min-height:40px;padding:0 13px}.supervisor-records{display:grid;gap:9px}.supervisor-record{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:center;padding:13px}.supervisor-record>input{width:19px;height:19px;accent-color:var(--navy)}.supervisor-record div{display:flex;flex-direction:column}.supervisor-record strong{font-size:11px}.supervisor-record small{margin-top:3px;color:var(--muted);font-size:9px}.supervisor-record.is-verified{background:#f5fbf8}.confirm-copy{margin:15px 0;font-size:11px;line-height:1.7;color:var(--muted)}
@media(max-width:420px){.supervisor-filter{grid-template-columns:1fr 1fr}.supervisor-filter .button{grid-column:1/-1}.supervisor-actions{align-items:stretch;flex-direction:column}.supervisor-actions label,.supervisor-actions .button{width:100%}}