.review-row{align-items:center;gap:20px}
.review-row form{display:flex;align-items:center;gap:7px}
.review-row form .button{width:auto;padding:9px 13px}
.review-row form select{border:1px solid var(--line);padding:9px;background:#fff;color:var(--ink)}
@media(max-width:600px){.review-row{align-items:flex-start;flex-direction:column}.review-row form{width:100%;flex-wrap:wrap}}

/* Phase 4 vendor workspace */
.vendor-dashboard-shell{grid-template-columns:258px 1fr;background:#f6f4ed}
.vendor-sidebar{background:#14231c;color:#dbe1dc;border:0;padding:25px 18px;position:sticky;top:0;height:calc(100vh - 76px);overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column}
.vendor-sidebar .vendor-identity{display:flex;align-items:center;gap:11px;padding:8px 9px 25px;margin-bottom:15px;border-bottom:1px solid #35443c}
.vendor-identity>span{width:38px;height:38px;background:var(--orange);color:#fff;display:grid;place-items:center;font:600 19px var(--serif)}
.vendor-identity div{display:flex;flex-direction:column;min-width:0}.vendor-identity b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vendor-identity small{font-size:8px;color:#8fa097;margin-top:4px;text-transform:uppercase;letter-spacing:1px}
.vendor-sidebar a{color:#95a39b;padding:12px 13px;display:flex;align-items:center;gap:10px;flex:none}.vendor-sidebar a i{font-style:normal;width:18px;text-align:center}.vendor-sidebar a:hover,.vendor-sidebar a.active{background:#26372e;color:#fff}.vendor-sidebar a.active{box-shadow:inset 2px 0 var(--orange)}
.vendor-sidebar .vendor-storefront-button{background:var(--orange);color:#fff;margin:0 0 14px;padding:12px;border-radius:3px}.vendor-sidebar .vendor-storefront-button:hover{background:#bd4321;color:#fff;transform:translateY(-1px)}.vendor-storefront-button>span{display:flex;flex-direction:column;font-weight:700}.vendor-storefront-button small{font-size:8px;font-weight:500;opacity:.78;margin-top:3px}
.sidebar-foot{margin:22px 10px 4px;color:#809087;font-size:9px}.sidebar-foot .live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#78a36d;margin-right:6px}
.vendor-dashboard-shell .dashboard-main{max-width:1500px;width:100%;margin:0 auto}.vendor-dashboard-shell .dash-head h1{font-size:42px;margin-top:7px}.vendor-dashboard-shell .dash-head{align-items:center}
.button.compact{width:auto;padding:11px 16px;display:inline-flex}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{background:#fff;border:1px solid var(--line);padding:24px;min-width:0;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;width:90px;height:90px;border:1px solid #ece9e1;border-radius:50%;right:-45px;top:-45px}.metric-card.accent{background:var(--ink);color:#fff;border-color:var(--ink)}.metric-card>span{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;color:#858c86}.metric-card.accent>span,.metric-card.accent small{color:#9eaca3}.metric-card strong{display:block;font:600 clamp(24px,2.4vw,36px) var(--serif);margin:13px 0 7px;white-space:nowrap}.metric-card small{font-size:9px;color:#8a8e89}.table-panel{padding:0}.table-panel .panel-head{padding:24px 26px;margin:0;border-bottom:1px solid var(--line)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;padding:11px 18px;background:#f7f5ef;color:#8a8e89;font-size:8px;text-transform:uppercase;letter-spacing:1px}td{padding:15px 18px;border-bottom:1px solid #ece9e1}td small{display:block;color:#8a8e89;margin-top:4px}.status{display:inline-flex;padding:5px 8px;background:#ece9e1;color:#68716b;font-size:8px;text-transform:uppercase;letter-spacing:.6px}.status-ready,.status-delivered,.status-active{background:#e5eee4;color:#547052}.status-pending{background:#fff0dc;color:#a06d28}.status-confirmed,.status-dispatched{background:#e6edf4;color:#496b8c}.status-preparing{background:#f5e7dd;color:#a15337}.status-cancelled,.status-refunded,.status-suspended,.status-revoked{background:#f5e3df;color:#a34f3d}.empty-state{text-align:center;padding:55px 25px}.empty-state>span{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 15px;background:#edf0e9;color:var(--green);border-radius:50%}.empty-state h3{font:600 20px var(--serif);margin:0}.empty-state p{font-size:10px;color:var(--muted)}
.form-panel{max-width:900px}.section-label{font-size:9px;color:var(--orange);text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin:30px 0 5px;padding-bottom:9px;border-bottom:1px solid var(--line)}.section-label:first-child{margin-top:0}.color-field input{height:48px;padding:5px}.location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.location-card{background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:90px 1fr;min-height:150px}.location-map{background-color:#dde2db;background-image:linear-gradient(35deg,transparent 47%,rgba(255,255,255,.65) 48%,rgba(255,255,255,.65) 53%,transparent 54%);display:grid;place-items:center;color:var(--orange);font-size:25px}.location-card>div:last-child{padding:18px}.location-card h3{font:600 18px var(--serif);margin:12px 0 6px}.location-card p,.location-card small{font-size:9px;color:var(--muted);line-height:1.5}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.mini-card{background:#fff;border:1px solid var(--line);padding:18px;display:flex;flex-direction:column}.mini-card b{font:600 16px var(--serif)}.mini-card small{font-size:9px;color:var(--muted);margin-top:6px}.icon-button{width:30px;height:30px!important;min-width:30px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}.filter-tabs{display:flex;gap:5px;overflow:auto;margin-bottom:20px}.filter-tabs a{padding:9px 13px;background:#fff;border:1px solid var(--line);white-space:nowrap;font-size:9px;font-weight:700}.filter-tabs a.active{background:var(--ink);color:#fff;border-color:var(--ink)}.orders-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.order-card-admin{background:#fff;border:1px solid var(--line);padding:20px}.order-card-top{display:flex;justify-content:space-between}.order-card-top span:first-child{font-size:8px;color:var(--orange);font-weight:700}.order-card-top h3{font:600 18px var(--serif);margin:5px 0}.order-meta{display:flex;gap:11px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 0;margin:12px 0;font-size:9px;color:var(--muted)}.order-meta b{margin-left:auto;color:var(--ink)}.order-card-admin>p{font-size:9px;color:var(--muted)}.order-actions{display:flex;gap:6px;flex-wrap:wrap}.order-actions button{border:0;background:var(--ink);color:#fff;padding:8px 10px;font-size:8px;text-transform:uppercase;cursor:pointer}.order-actions button:last-child{background:#efe8e3;color:#9b4f36}.wide{grid-column:1/-1;background:#fff;border:1px solid var(--line)}
.staff-actions{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.staff-actions form{display:flex}.location-checks{display:flex;flex-direction:column;max-height:72px;overflow:auto}.location-checks label{font-size:8px;white-space:nowrap}.text-danger{border:0;background:none;color:#a74e3c;font-size:8px;text-transform:uppercase;padding:0;cursor:pointer}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px;font-weight:600}.switch-row input{position:absolute;opacity:0}.switch-row i{width:38px;height:21px;border-radius:20px;background:#c8cbc6;position:relative;transition:.2s}.switch-row i:after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff;transition:.2s}.switch-row input:checked+i{background:var(--orange)}.switch-row input:checked+i:after{transform:translateX(17px)}.hours-list{margin-bottom:17px}.hours-row{display:grid;grid-template-columns:90px 70px 1fr 18px 1fr;gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);font-size:9px}.hours-row input[type=time]{min-width:0;width:100%;border:1px solid var(--line);padding:7px}.hours-row label{font-size:8px}.promo-layout{grid-template-columns:.8fr 1.2fr}.report-filter{display:flex;align-items:end;gap:10px;background:#fff;border:1px solid var(--line);padding:15px;margin-bottom:15px}.report-filter label{display:flex;flex-direction:column;gap:5px;font-size:9px}.report-filter input{padding:8px;border:1px solid var(--line)}.compact-metrics{grid-template-columns:repeat(3,1fr)}.notification-list{padding:0}.notification{display:grid;grid-template-columns:36px 1fr 35px;gap:13px;padding:18px 22px;border-bottom:1px solid var(--line);align-items:start}.notification>span{width:34px;height:34px;background:#e8ede6;display:grid;place-items:center}.notification b{font:600 15px var(--serif)}.notification p,.notification small{font-size:9px;color:var(--muted)}.notification p{margin:5px 0}.notification.read{opacity:.55}
@media(max-width:1100px){.metric-grid{grid-template-columns:1fr 1fr}.orders-grid{grid-template-columns:1fr 1fr}.location-grid{grid-template-columns:1fr 1fr}.promo-layout{grid-template-columns:1fr}.mini-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.vendor-dashboard-shell{grid-template-columns:1fr}.vendor-sidebar{position:static;height:auto;display:flex;padding:10px;overflow:auto}.vendor-sidebar .vendor-identity,.sidebar-foot{display:none}.vendor-sidebar a{white-space:nowrap}.vendor-dashboard-shell .dashboard-main{padding-top:30px}}
@media(max-width:650px){.metric-grid,.orders-grid,.location-grid,.compact-metrics{grid-template-columns:1fr}.vendor-dashboard-shell .dash-head{align-items:flex-start}.vendor-dashboard-shell .dash-head h1{font-size:34px}.mini-grid{grid-template-columns:1fr 1fr}.hours-row{grid-template-columns:70px 60px 1fr}.hours-row span,.hours-row input:last-child{display:none}.report-filter{align-items:stretch;flex-direction:column}.report-filter .button{width:100%}}
/* Phase 6 · customer account */
.customer-dashboard .dashboard-main{max-width:1240px}.customer-hero{background:linear-gradient(125deg,#17261f 0%,#294a39 68%,#b56b42 140%);color:#fff;border-radius:28px;padding:38px 42px;display:flex;align-items:end;justify-content:space-between;gap:24px;box-shadow:0 20px 45px rgba(23,38,31,.16);margin-bottom:24px}.customer-hero h1{font-family:"Playfair Display",serif;font-size:clamp(2.2rem,4vw,3.7rem);margin:8px 0}.customer-hero p{color:#d7e3dc}.customer-hero .button{background:#f7eee5;color:#17261f}.customer-tabs{display:flex;gap:8px;margin:0 0 22px}.customer-tabs a{padding:10px 18px;border-radius:99px;background:#fff;border:1px solid #e5e6df}.customer-tabs a.active{background:#17261f;color:#fff}.customer-order-card{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:17px;padding:19px 4px;border-bottom:1px solid #ecece6}.customer-order-card:last-child{border-bottom:0}.customer-order-card h3,.favorite-card h3,.address-card h3,.notification-row h3{margin:4px 0}.customer-order-card p,.favorite-card p,.address-card p,.notification-row p{margin:3px 0;color:#69716c}.order-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#edf3ed;color:#28513c;font-family:"Playfair Display",serif;font-size:1.35rem}.order-card-end{text-align:right;display:grid;justify-items:end;gap:9px}.customer-detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.85fr);gap:22px}.receipt-line{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #ecece6}.receipt-line span{display:grid;gap:3px}.receipt-line small{color:#737a76}.receipt-total{display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:1.1rem}.receipt-total strong{font-size:1.55rem}.tracking-timeline{list-style:none;padding:0;margin:0}.tracking-timeline li{display:flex;gap:14px;padding:0 0 23px;position:relative}.tracking-timeline i{width:13px;height:13px;background:#b56b42;border:3px solid #f5dfd1;border-radius:50%;margin-top:4px}.tracking-timeline li:not(:last-child):before{content:"";position:absolute;left:6px;top:17px;height:25px;border-left:1px dashed #b7beb9}.tracking-timeline div{display:grid}.tracking-timeline small{color:#737a76;margin-top:4px}.delivery-destination{display:grid;gap:5px;background:#f5f5ef;padding:15px;border-radius:13px}.address-grid,.favorite-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.address-card,.favorite-card,.notification-row{background:#fff;border:1px solid #e4e5df;border-radius:18px;padding:20px}.favorite-card{display:flex;justify-content:space-between;align-items:center;gap:16px}.inline-actions{display:flex;gap:12px;margin-top:15px}.text-button{border:0;background:none;padding:0;color:#28513c;font:inherit;font-weight:700;cursor:pointer}.text-button.danger{color:#a6483d}.notification-row{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px}.notification-row.unread{border-left:4px solid #b56b42}.check-row{display:flex;align-items:center;gap:9px;padding:8px 0}.customer-form-panel{max-width:760px}.receipt{max-width:680px;margin:auto;padding:42px}.receipt-brand{font-family:"Playfair Display",serif;font-size:2rem;margin-bottom:34px}.receipt>h1{font-family:"Playfair Display",serif;font-size:2.4rem}.receipt>.button{margin-top:20px}
@media(max-width:850px){.customer-hero{padding:28px;align-items:start;flex-direction:column}.customer-detail-grid{grid-template-columns:1fr}.address-grid,.favorite-grid{grid-template-columns:1fr}.customer-order-card{grid-template-columns:44px 1fr}.order-card-end{grid-column:2;text-align:left;justify-items:start}.customer-dashboard .sidebar{overflow-x:auto;display:flex;position:static;width:auto}.customer-dashboard .sidebar a{white-space:nowrap}}
@media print{.app-header,.sidebar,.receipt .button,.flash-stack{display:none!important}.dashboard,.dashboard-main{display:block!important;padding:0!important}.receipt{box-shadow:none;border:0}}
/* Phase 10 · platform control center */
.admin-shell{grid-template-columns:245px 1fr;background:#f4f5f1}.admin-sidebar{background:#101d17;color:#d8e2dc;min-height:calc(100vh - 72px);padding:24px 14px;position:sticky;top:72px;height:calc(100vh - 72px);display:flex;flex-direction:column;gap:4px}.admin-brand{display:flex;align-items:center;gap:11px;padding:4px 10px 22px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-brand>span{width:36px;height:36px;background:#d67749;display:grid;place-items:center;border-radius:10px;color:#fff;font:600 19px var(--serif)}.admin-brand div{display:grid}.admin-brand small{color:#82958a;font-size:8px}.admin-sidebar>a{padding:11px 13px;border-radius:9px;color:#aebcb4;font-size:10px;font-weight:700}.admin-sidebar>a.active,.admin-sidebar>a:hover{background:#26372f;color:#fff}.admin-workspace{max-width:1550px}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.admin-metrics article{background:#fff;border:1px solid #e0e3dd;border-radius:16px;padding:20px;display:grid;gap:8px}.admin-metrics article span{color:#6e7772;font-size:9px;text-transform:uppercase;letter-spacing:.7px}.admin-metrics strong{font:600 clamp(1.5rem,2.4vw,2.4rem) var(--serif)}.admin-metrics small{color:#79817c}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.admin-chart{height:235px;display:flex;align-items:end;gap:8px;padding-top:20px}.admin-bar{flex:1;min-height:5px;background:linear-gradient(#d67749,#a34e2d);border-radius:4px 4px 0 0;position:relative}.admin-bar span{position:absolute;top:-18px;width:100%;text-align:center;font-size:7px}.health-strip{display:flex;gap:24px;flex-wrap:wrap;background:#17261f;color:#dce5df;padding:15px 18px;border-radius:13px;font-size:9px}.health-strip span{display:flex;align-items:center;gap:7px}.health-strip i{width:8px;height:8px;border-radius:50%}.health-strip i.ok{background:#69b77d}.health-strip i.warn{background:#e5a34d}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.module-control{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e1e3dd;border-radius:12px;padding:14px}.module-control>div{display:grid;gap:4px}.module-control small{color:#737c77}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:22px}.plan-card{background:#fff;border:1px solid #e0e2dc;border-radius:18px;padding:22px}.plan-card h3{font:600 25px var(--serif);margin:7px 0}.plan-card>strong{font-size:1.4rem}.plan-card p{color:#727a76}.plan-card>div{display:flex;gap:5px;flex-wrap:wrap}.plan-card>div span{font-size:7px;background:#eef1ec;padding:5px 7px;border-radius:12px}.plan-module-checks{display:grid;grid-template-columns:1fr 1fr;margin-bottom:16px}.ticket-list{display:grid;gap:12px}.ticket-card{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#fff;border:1px solid #e0e2dd;border-radius:15px;padding:18px}.ticket-card h3{margin:8px 0}.ticket-card p{color:#6f7772}.ticket-card form{display:flex;align-items:center;gap:8px}.ticket-card input,.ticket-card select{border:1px solid var(--line);padding:10px}.admin-workspace textarea{min-height:90px;border:1px solid var(--line);padding:11px}.admin-workspace table small{display:block;color:var(--muted);margin-top:4px}@media(max-width:1100px){.admin-metrics{grid-template-columns:1fr 1fr}.plan-grid{grid-template-columns:1fr 1fr}}@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;height:auto;min-height:0;display:flex;flex-direction:row;overflow:auto}.admin-brand{display:none}.admin-sidebar>a{white-space:nowrap}.admin-grid,.ticket-card{grid-template-columns:1fr}}@media(max-width:650px){.admin-metrics,.plan-grid,.module-grid,.plan-module-checks{grid-template-columns:1fr}}
/* Phase 9 · finance workspace */
.finance-workspace{max-width:1500px}.finance-workspace .metric-card strong{font-size:clamp(1.6rem,2.5vw,2.45rem)}.finance-workspace table small{display:block;color:var(--muted);margin-top:4px}.invoice-list{display:grid;gap:13px;margin-bottom:22px}.invoice-card{display:grid;grid-template-columns:minmax(220px,1fr) 100px minmax(360px,1.4fr);gap:18px;align-items:center;background:#fff;border:1px solid var(--line);padding:18px 20px;border-radius:16px}.invoice-card h3{margin:5px 0}.invoice-card p{margin:0;color:var(--muted)}.invoice-actions,.invoice-actions form{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.invoice-actions input{width:110px;border:1px solid var(--line);padding:9px}.finance-workspace .receipt-line{font-size:1rem}@media(max-width:950px){.invoice-card{grid-template-columns:1fr}.invoice-actions{align-items:flex-start}.finance-workspace .metric-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.finance-workspace .metric-grid{grid-template-columns:1fr}}
/* Phase 8 · inventory workspace */
.inventory-workspace{max-width:1500px}.inventory-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.inventory-form-grid .panel>h2{font:600 22px var(--serif);margin:0 0 15px}.stock-level{display:inline-flex;padding:6px 10px;border-radius:20px;font-weight:700}.stock-level.ok{background:#e7f1e9;color:#39714c}.stock-level.low{background:#f8e6dc;color:#a14f36}.movement-row{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.movement-row>div{display:grid}.movement-row small{color:var(--muted)}.movement-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800}.movement-icon.in{background:#e5f1e8;color:#3f7952}.movement-icon.out{background:#f8e7df;color:#a14d35}.inventory-workspace table td:first-child small{display:block;color:var(--muted);margin-top:4px}@media(max-width:850px){.inventory-form-grid{grid-template-columns:1fr}}
.field-tooltip{position:relative;display:inline-grid;place-items:center;width:16px;height:16px;margin-left:5px;border:1px solid currentColor;border-radius:50%;color:var(--muted);background:transparent;font-size:11px;font-weight:700;line-height:1;cursor:help;vertical-align:middle}.field-tooltip::after{content:attr(data-tooltip);position:absolute;z-index:80;bottom:calc(100% + 8px);left:50%;width:min(240px,calc(100vw - 32px));padding:9px 10px;border-radius:7px;background:#202722;color:#fff;box-shadow:0 8px 24px rgba(12,24,17,.2);font-size:12px;font-weight:400;line-height:1.4;text-align:left;text-transform:none;letter-spacing:normal;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .15s ease,transform .15s ease}.field-tooltip:hover::after,.field-tooltip:focus::after,.field-tooltip:focus-visible::after{opacity:1;transform:translate(-50%,0)}.field-tooltip:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.field-tooltip-inline{margin-right:5px}
.searchable-select{position:relative}.searchable-select .select-search{margin:0 0 8px;padding:10px 12px;font-size:12px}.searchable-select select{min-height:46px}
/* Phase 7 · delivery operations */
.driver-availability,.delivery-job,.driver-card{background:#fff;border:1px solid #e4e5df;border-radius:18px;padding:20px}.driver-availability,.delivery-job-head,.driver-card{display:flex;align-items:center;justify-content:space-between;gap:15px}.driver-availability{margin-bottom:20px}.driver-availability>div{display:flex;align-items:center;gap:10px}.pulse{width:11px;height:11px;border-radius:50%;background:#999}.pulse.on{background:#4b9266;box-shadow:0 0 0 7px #e2f0e6}.delivery-jobs{display:grid;gap:17px}.delivery-job{display:block}.delivery-job h3,.driver-card h3,.dispatch-row h3{margin:5px 0}.delivery-route{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;background:#f5f5ef;border-radius:13px;padding:16px;margin:17px 0}.delivery-route>div{display:grid;gap:4px}.delivery-route span,.delivery-route small{color:#727975;font-size:.82rem}.location-form{display:grid;grid-template-columns:1fr 1fr 90px auto;gap:8px}.location-form input,.location-form button,.driver-actions input,.driver-actions select,.dispatch-row input,.dispatch-row select{border:1px solid #dfe1db;padding:10px;background:#fff}.location-form button{background:#17261f;color:#fff}.driver-actions,.driver-actions form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.dispatch-row{display:grid;grid-template-columns:1fr 145px 1.2fr;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid #e7e8e2}.dispatch-row form{display:flex;gap:8px}.live-map{min-height:350px;background:#dfe8df;border-radius:20px;position:relative;overflow:hidden;display:grid;place-items:center}.map-grid{position:absolute;inset:-40px;background-image:linear-gradient(rgba(255,255,255,.7) 2px,transparent 2px),linear-gradient(90deg,rgba(255,255,255,.7) 2px,transparent 2px);background-size:55px 55px;transform:rotate(12deg)}.rider-pin{position:relative;z-index:2;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#17261f;color:#d77b4c;box-shadow:0 0 0 10px rgba(23,38,31,.12)}.live-map p{position:absolute;z-index:2;bottom:12px;left:12px;background:#fff;padding:10px;border-radius:9px}.driver-card{margin-top:14px;justify-content:flex-start}.driver-card>strong{margin-left:auto}@media(max-width:900px){.dispatch-row{grid-template-columns:1fr}.dispatch-row form,.location-form{display:grid;grid-template-columns:1fr}.delivery-route{grid-template-columns:1fr}.delivery-route>i{transform:rotate(90deg)}}
/* Responsive workspace navigation */
.sidebar-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);background:#fff;padding:10px;cursor:pointer;flex:none}.sidebar-toggle i{display:block;height:2px;background:var(--ink);margin:4px 0;transition:.2s}.sidebar-overlay{display:none;position:fixed;inset:76px 0 0;z-index:54;border:0;background:rgba(10,20,15,.48);backdrop-filter:blur(2px)}
@media(min-width:901px) and (max-width:1180px){.vendor-dashboard-shell{grid-template-columns:220px minmax(0,1fr)}.vendor-sidebar{padding:22px 14px}.vendor-sidebar a{font-size:11px;justify-content:flex-start;padding:12px 11px}.vendor-sidebar a i{font-size:14px;width:18px}.vendor-dashboard-shell .dashboard-main{padding-left:28px;padding-right:28px}}
@media(max-width:900px){body.sidebar-open{overflow:hidden}.app-header{position:sticky;top:0;z-index:60}.app-header .sidebar-toggle{display:block;order:-1}.app-header>.brand{margin-right:auto}.dashboard,.vendor-dashboard-shell{display:block}.dashboard>.sidebar,.dashboard>.vendor-sidebar,.dashboard>.admin-sidebar{display:block;position:fixed;z-index:55;left:0;top:76px;bottom:0;width:min(82vw,310px);height:auto;min-height:0;overflow-y:auto;transform:translateX(-105%);transition:transform .24s ease;box-shadow:18px 0 45px rgba(8,19,13,.2);border:0;padding:22px 16px}.dashboard>.sidebar a,.dashboard>.vendor-sidebar a,.dashboard>.admin-sidebar a{display:flex;white-space:normal;margin-bottom:4px}.dashboard>.vendor-sidebar .vendor-identity,.dashboard>.admin-sidebar .admin-brand{display:flex}.dashboard>.vendor-sidebar .sidebar-foot{display:block}.sidebar-open .dashboard>.sidebar,.sidebar-open .dashboard>.vendor-sidebar,.sidebar-open .dashboard>.admin-sidebar{transform:translateX(0)}.sidebar-open .sidebar-overlay{display:block}.sidebar-open .sidebar-toggle i:first-child{transform:translateY(6px) rotate(45deg)}.sidebar-open .sidebar-toggle i:nth-child(2){opacity:0}.sidebar-open .sidebar-toggle i:last-child{transform:translateY(-6px) rotate(-45deg)}}
@media(max-width:600px){.app-header{padding:0 14px;gap:10px}.app-header nav{gap:10px}.app-header .user-pill{font-size:0}.app-header .user-pill span{font-size:10px}.app-header>.brand{font-size:21px}.dashboard>.sidebar,.dashboard>.vendor-sidebar,.dashboard>.admin-sidebar{width:min(88vw,300px)}}

/* Menu category editing */
.category-card{padding:0}.category-card summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;cursor:pointer;list-style:none}.category-card summary::-webkit-details-marker{display:none}.category-card summary>span:first-child{display:flex;flex-direction:column}.category-edit-label{font-size:9px;font-weight:700;text-transform:uppercase;color:var(--orange)}.category-card[open] summary{border-bottom:1px solid var(--line)}.category-card>form{padding:14px 18px 0}.category-card .field{margin-bottom:10px}.category-card .field input{padding:9px}.category-card .category-delete-form{padding:12px 18px 16px}.category-card .text-button:disabled{color:var(--muted);cursor:not-allowed;opacity:.55}

/* Understandable inventory units */
.inventory-unit-guide{margin-bottom:20px}.unit-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.unit-guide-grid article{display:grid;gap:5px;padding:16px;background:#f7f6f1;border:1px solid var(--line)}.unit-guide-grid b{font:600 17px var(--serif)}.unit-guide-grid span{font-size:11px}.unit-guide-grid small,.form-intro{font-size:9px;color:var(--muted);line-height:1.5}.recipe-examples{display:grid;gap:7px;background:#e9efe9;border-left:3px solid var(--green);padding:16px 19px;margin-bottom:20px;font-size:10px}.recipe-examples b{font:600 17px var(--serif);margin-bottom:3px}@media(max-width:700px){.unit-guide-grid{grid-template-columns:1fr}}

.vendor-brand-logo{width:44px;height:44px;object-fit:contain;border-radius:8px;flex-shrink:0}.vendor-brand{gap:12px;max-width:340px}.vendor-brand>span:last-child{font-size:18px;overflow:hidden;text-overflow:ellipsis}.vendor-brand-initial{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:#17261f;color:white}.vendor-identity .vendor-brand-logo{width:100%;height:100%}

.opening-stock-section{padding:16px;margin:18px 0;background:#edf3ee;border:1px solid #c9d8cd;border-radius:8px}.opening-stock-section .section-label{margin-top:0}.opening-stock-section .form-intro{font-size:12px}#add-ingredient{scroll-margin-top:90px}