:root { --cream:#f3ecdc; --paper:#fbf7ed; --honey:#f2a900; --honey-light:#ffc940; --ink:#1c2118; --moss:#2e3828; --rust:#9d4e25; --line:rgba(28,33,24,.16); --muted:#686d62; --serif:'Cormorant Garamond',Georgia,serif; --sans:'DM Sans',Arial,sans-serif; }
* { box-sizing:border-box; }
body { margin:0; background:#f7f3e9; color:var(--ink); font:400 15px/1.5 var(--sans); }
button,input,textarea { font:inherit; }
button { cursor:pointer; }
[hidden] { display:none !important; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.login-shell { min-height:100svh; display:grid; place-items:center; padding:2rem; background:radial-gradient(circle at 75% 15%,rgba(242,169,0,.2),transparent 30%),var(--moss); }
.login-card { width:min(450px,100%); padding:clamp(2rem,6vw,3.5rem); border-top:5px solid var(--honey); background:var(--paper); box-shadow:0 30px 90px rgba(0,0,0,.3); }
.admin-brand { display:flex; align-items:center; gap:.8rem; color:inherit; text-decoration:none; }
.admin-brand img { width:46px; height:46px; border-radius:50%; object-fit:cover; mix-blend-mode:multiply; }
.admin-brand span { display:grid; }
.admin-brand strong { font:600 1.2rem/1.1 var(--serif); }
.admin-brand small,.account-card small { color:var(--muted); font-size:.64rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.eyebrow { margin:2.8rem 0 .45rem; color:var(--rust); font-size:.68rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.login-card h1,.page-heading h1 { margin:0; font:500 clamp(3.3rem,6vw,5rem)/.88 var(--serif); letter-spacing:-.045em; }
.login-card .intro { margin:.9rem 0 2rem; color:var(--muted); }
label { display:grid; gap:.42rem; margin-bottom:1rem; color:#42473e; font-size:.76rem; font-weight:700; letter-spacing:.035em; }
input,select,textarea { width:100%; padding:.78rem .85rem; border:1px solid var(--line); border-radius:6px; outline:0; background:#fffdf7; color:var(--ink); font-weight:400; letter-spacing:0; resize:vertical; }
input:focus,select:focus,textarea:focus { border-color:var(--honey); box-shadow:0 0 0 3px rgba(242,169,0,.16); }
.primary-button,.secondary-button,.danger-button { min-height:44px; padding:.7rem 1rem; border:1px solid var(--ink); border-radius:7px; font-weight:700; }
.primary-button { background:var(--ink); color:white; }
.primary-button:hover { background:var(--honey); color:var(--ink); }
.secondary-button { background:white; color:var(--ink); }
.danger-button { border-color:#b73922; background:transparent; color:#a72e19; }
.login-card .primary-button { width:100%; }
.back-link { display:block; margin-top:1.4rem; color:var(--muted); font-size:.78rem; text-align:center; }
.back-link-button { width:100%; border:0; background:transparent; cursor:pointer; text-decoration:underline; }
.form-message { min-height:1.4em; margin:.25rem 0 .8rem; color:#a72e19; font-size:.8rem; }
.app-shell { min-height:100svh; }
.sidebar { position:fixed; inset:0 auto 0 0; z-index:5; display:flex; width:245px; flex-direction:column; padding:1.6rem 1.2rem; background:var(--ink); color:white; }
.sidebar .admin-brand { padding:0 .5rem; }
.sidebar .admin-brand img { mix-blend-mode:normal; }
.sidebar .admin-brand small,.account-card small { color:#aeb4a7; }
.sidebar nav { display:grid; gap:.35rem; margin-top:3.4rem; }
.sidebar nav a { display:flex; align-items:center; gap:.8rem; padding:.8rem .9rem; border-radius:7px; color:#c9cdc3; font-size:.8rem; font-weight:600; text-decoration:none; }
.sidebar nav a.active,.sidebar nav a:hover { background:rgba(255,255,255,.09); color:var(--honey-light); }
.sidebar nav span { width:20px; font-size:1.1rem; text-align:center; }
.account-card { display:grid; grid-template-columns:auto 1fr auto; gap:.7rem; align-items:center; margin-top:auto; padding:1rem .5rem 0; border-top:1px solid rgba(255,255,255,.14); }
.account-card > span:not(.avatar) { display:grid; overflow:hidden; }
.account-card strong { font-size:.75rem; }
.account-card small { overflow:hidden; text-overflow:ellipsis; }
.avatar { display:grid; width:33px; height:33px; place-items:center; border-radius:50%; background:var(--honey); color:var(--ink); font-weight:700; }
.account-card button { border:0; background:none; color:#bfc3b9; font-size:1.2rem; }
.admin-main { min-height:100svh; margin-left:245px; padding:clamp(2rem,5vw,4.5rem); }
.mobile-header { display:none; }
.mobile-view-nav { display:none; }
.page-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; }
.page-heading .eyebrow { margin:0 0 .55rem; }
.page-heading h1 { font-size:clamp(3rem,5vw,4.6rem); }
.page-heading p:last-child { margin:.85rem 0 0; color:var(--muted); }
.page-heading .primary-button span { font-size:1.1rem; }
.stats-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; margin:2.8rem 0 1.3rem; }
.orders-stats { grid-template-columns:repeat(3,minmax(0,1fr)); }
.rewards-stats { grid-template-columns:repeat(5,minmax(0,1fr)); }
.stats-grid article { display:grid; padding:1.25rem; border:1px solid var(--line); background:var(--paper); }
.stats-grid span { color:var(--muted); font-size:.68rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.stats-grid strong { margin:.3rem 0; font:600 2.35rem/1 var(--serif); }
.stats-grid small { color:#83877e; }
.inventory-panel { border:1px solid var(--line); background:var(--paper); }
.settings-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:1.25rem; margin-top:2.8rem; }
.settings-groups { display:flex; flex-direction:column; gap:.4rem; align-self:start; padding:.55rem; border:1px solid var(--line); background:var(--paper); }
.settings-groups button { padding:.8rem .9rem; border:0; border-radius:5px; background:transparent; color:var(--muted); font:600 .78rem var(--sans); text-align:left; }
.settings-groups button:hover,.settings-groups button.active { background:var(--ink); color:var(--honey-light); }
.settings-panel tbody tr.inactive { color:var(--muted); }
.panel-toolbar { display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:1.25rem 1.4rem; border-bottom:1px solid var(--line); }
.panel-toolbar h2 { margin:0; font:600 1.7rem var(--serif); }
.panel-toolbar p { margin:.15rem 0 0; color:var(--muted); font-size:.75rem; }
.search-box { position:relative; display:block; width:min(270px,100%); margin:0; }
.search-box span:not(.sr-only) { position:absolute; left:.8rem; top:.58rem; color:var(--muted); font-size:1.2rem; }
.search-box input { padding-left:2.4rem; }
.table-wrap { overflow-x:auto; }
table { width:100%; border-collapse:collapse; }
th,td { padding:1rem 1.25rem; border-bottom:1px solid var(--line); text-align:left; vertical-align:middle; }
th { color:var(--muted); font-size:.65rem; letter-spacing:.1em; text-transform:uppercase; }
tbody tr { cursor:pointer; transition:background .15s; }
tbody tr:hover { background:#fffaf0; }
.product-cell { display:flex; align-items:center; gap:.85rem; min-width:250px; }
.product-cell img { width:48px; height:48px; border-radius:4px; background:#e8dfcd; object-fit:cover; }
.product-cell span { display:grid; }
.product-cell strong { font-size:.82rem; }
.product-cell small { color:var(--muted); }
.stock { font-weight:700; }
.stock.low { color:#b14a1d; }
.status { display:inline-flex; align-items:center; gap:.4rem; padding:.28rem .5rem; border-radius:20px; background:#e5eee0; color:#36582e; font-size:.67rem; font-weight:700; }
.status::before { content:''; width:6px; height:6px; border-radius:50%; background:#4d7a40; }
.status.hidden { background:#eceae5; color:#686b65; }
.status.hidden::before { background:#92958d; }
.order-status.awaiting_collection { background:#fff0c9; color:#8a5b00; }
.order-status.awaiting_collection::before { background:#d78c00; }
.order-status.awaiting_payment { background:#fff0c9; color:#8a5b00; }
.order-status.awaiting_payment::before { background:#d78c00; }
.order-status.payment_failed { background:#f8dfdb; color:#9c2f20; }
.order-status.payment_failed::before { background:#b84431; }
.order-filters { display:flex; flex-wrap:wrap; gap:.45rem; }
.order-filters button { padding:.5rem .7rem; border:1px solid var(--line); border-radius:20px; background:transparent; color:var(--muted); font:700 .68rem var(--sans); }
.order-filters button:hover,.order-filters button.active { border-color:var(--ink); background:var(--ink); color:var(--honey-light); }
.collection-checkin { display:flex; align-items:end; gap:.75rem; padding:1.25rem 1.4rem; border-bottom:1px solid var(--line); background:#fff8e7; }.collection-checkin label{flex:1;margin:0}.collection-checkin .form-message{margin:0;flex:1}
.collection-report-panel{margin-bottom:1.5rem}.collection-report-actions{display:flex;align-items:end;gap:.75rem}.collection-report-actions label{margin:0}.collection-report-actions input{display:block;margin-top:.3rem}.collection-report-table{min-width:1660px}.collection-report-table td:not(:nth-child(3)){white-space:nowrap}.collection-report-table td:nth-child(4),.collection-report-table td:nth-child(11),.collection-report-table td:nth-child(12),.collection-report-table td:nth-child(13){font-weight:700}.collection-report-partner td{padding:.9rem 1rem;background:#f3ead6;border-top:2px solid var(--ink);font-size:.76rem;letter-spacing:.06em;text-transform:uppercase}.collection-report-partner span{margin-left:.75rem;color:var(--muted);font-size:.68rem;letter-spacing:0}.collection-report-total td{border-top:2px solid var(--ink);background:#fff8e7}.collection-report-total small{display:block;color:var(--muted);font-size:.62rem;font-weight:600}
@media(max-width:600px){.collection-report-actions{align-items:stretch;flex-direction:column}.collection-report-actions label,.collection-report-actions button{width:100%}}
.collection-scanner{display:block;width:min(460px,calc(100% - 2.8rem));margin:1.25rem auto;border:1px solid var(--line);background:#111}.collection-scanner video{display:block;width:100%!important;height:auto!important}
.collection-review{display:grid;gap:1rem;padding:1.4rem;border-top:1px solid var(--line);background:#fffdf8}.collection-review .eyebrow{margin:0}.collection-review h2{margin:0;font:600 2rem var(--serif)}.collection-review-details{display:grid;gap:1rem}.collection-review-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;padding:1rem;border:1px solid var(--line);background:var(--paper)}.collection-review-summary div{display:grid;gap:.15rem}.collection-review-summary span,.collection-review-items h3,.collection-review-total span{color:var(--muted);font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.collection-review-items{padding:1rem;border:1px solid var(--line)}.collection-review-items h3{margin:0 0 .55rem}.collection-review-items ul{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}.collection-review-items li,.collection-review-total{display:flex;justify-content:space-between;gap:1rem}.collection-review-total{padding-top:.75rem;border-top:1px solid var(--line);font-weight:700}.collection-verify{display:flex;gap:.7rem;align-items:flex-start;margin:0;padding:1rem;background:#fff4d6;font-size:.82rem}.collection-verify input{width:auto;margin-top:.2rem;accent-color:var(--honey)}.collection-review .primary-button{width:100%}
.customer-toolbar { align-items:flex-start; }
.customer-controls { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:.65rem; }
.customer-controls .search-box { margin:0; }
.customer-product-filter,.customer-never-filter { display:flex; align-items:center; gap:.45rem; margin:0; color:var(--muted); font-size:.7rem; white-space:nowrap; }
.customer-product-filter select { width:auto; min-width:155px; padding:.58rem .65rem; font-size:.75rem; }
.customer-never-filter input { width:auto; accent-color:var(--honey); }
.customers-table { min-width:1050px; }
.customers-table td { vertical-align:top; }
.rewards-redemption-panel,.rewards-expiry-panel{margin-top:1.25rem}.nectar-redemptions-table{min-width:900px}.nectar-redemptions-table td{vertical-align:top}.nectar-redemptions-table small{color:var(--muted)}.nectar-expiry-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem;padding:1.25rem}.nectar-expiry-item{display:grid;gap:.25rem;padding:.8rem;border:1px solid var(--line);background:#fffdf8}.nectar-expiry-item span{color:var(--muted);font-size:.7rem}.nectar-expiry-item strong{color:var(--rust)}
.customer-product-tags { display:flex; flex-wrap:wrap; gap:.35rem; min-width:230px; }
.customer-product-tag,.gift-cue { display:inline-flex; align-items:center; gap:.35rem; padding:.25rem .45rem; border-radius:20px; background:#e8eee2; color:#395530; font-size:.68rem; font-weight:700; }
.customer-product-tag b { color:var(--ink); }
.gift-cue { background:#fff0c9; color:#805500; line-height:1.35; }
.gift-cue.not-bought { background:#e4ebdf; color:#395530; }
.orders-table { min-width:1120px; }
.orders-table td { vertical-align:top; }
.order-line-list { display:grid; gap:.2rem; margin:.45rem 0 0; padding:0; color:var(--muted); font-size:.73rem; list-style:none; }
.order-line-list strong { color:var(--ink); }
.fulfilment-cell { min-width:280px; }
.fulfilment-cell > * { display:block; }
.fulfilment-method { width:max-content; margin-bottom:.4rem; padding:.2rem .45rem; border-radius:20px; background:#fff0c9; color:#7f5500; font-size:.62rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.order-destination { max-width:340px; font-size:.78rem; line-height:1.45; }
.delivery-map-link{display:inline-block;margin-top:.4rem;color:var(--rust);font-size:.72rem;font-weight:700;text-decoration:underline}.delivery-queue{margin-bottom:1.5rem}.delivery-queue td{vertical-align:top}.delivery-queue .fulfilment-method{margin-bottom:.35rem}
.delivery-report-table{min-width:1050px}.delivery-report-table td{vertical-align:top}.delivery-report-table td:nth-child(5){min-width:280px}
.order-recipient,.order-note,.order-error { margin-top:.3rem; color:var(--muted); font-size:.71rem; line-height:1.45; }
.order-error { color:#9c2f20; }
.retry-shipment { margin-top:.25rem; padding:0; color:var(--rust); font:700 .7rem var(--sans); text-decoration:underline; }
.order-group-row td{padding:.65rem 1rem;background:#f3ead6;color:var(--rust);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.fulfilment-settings-panel{margin-bottom:1.5rem}.fulfilment-method-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.25rem}.fulfilment-method-settings .toggle{margin:0}.collection-points-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem;border-top:1px solid var(--line)}.collection-points-heading h3,.collection-points-heading p{margin:0}.collection-points-heading p{margin-top:.25rem;color:var(--muted);font-size:.75rem}.collection-point-form{display:grid;grid-template-columns:2fr 1fr;gap:1rem;padding:1.25rem;border-top:1px solid var(--line);background:#fff8e7}.collection-point-form[hidden]{display:none}.collection-point-form label:not(.toggle){display:grid;gap:.35rem;font-size:.72rem;font-weight:700}.collection-point-form input,.collection-point-form textarea{width:100%;padding:.7rem;border:1px solid var(--line);background:#fff}.collection-point-form .full{grid-column:1/-1}.collection-point-actions{display:flex;justify-content:flex-end;gap:.7rem}
.collection-dates-heading{padding:1.25rem;border-top:1px solid var(--line)}.collection-dates-heading h3,.collection-dates-heading p{margin:0}.collection-dates-heading p{margin-top:.25rem;color:var(--muted);font-size:.75rem}.collection-date-settings{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.65rem;padding:0 1.25rem 1.25rem}.collection-date-setting{display:flex;align-items:center;gap:.65rem;padding:.75rem;border:1px solid var(--line);background:#fffdf8;font-size:.74rem;font-weight:700}.collection-date-setting input{width:auto;accent-color:var(--moss)}.collection-date-setting:has(input:not(:checked)){background:#f3eee5;color:var(--muted);text-decoration:line-through}
@media(max-width:700px){.fulfilment-method-settings{grid-template-columns:1fr}.collection-points-heading{align-items:stretch;flex-direction:column}.collection-point-form{grid-template-columns:1fr}.collection-point-form .full{grid-column:auto}}
html{width:100%;max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{width:100%;max-width:100%;min-width:0;overflow-x:clip}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{max-width:100%;font-size:16px;touch-action:manipulation}button,a,input,select,textarea{touch-action:manipulation}.app-shell,.login-shell{min-height:100dvh}.product-drawer{height:100dvh}@media(max-width:900px){.customer-product-filter select{font-size:16px}.mobile-header{padding-top:max(.8rem,env(safe-area-inset-top));padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right))}.admin-main{min-width:0;padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.product-drawer{padding-bottom:max(1.25rem,env(safe-area-inset-bottom))}}
.edit-button { padding:.35rem .5rem; border:0; background:none; font-size:1.2rem; }
.empty-state { display:grid; place-items:center; gap:.3rem; padding:4rem; color:var(--muted); }
.empty-state strong { color:var(--ink); font:600 1.5rem var(--serif); }
.drawer-backdrop { position:fixed; z-index:10; inset:0; background:rgba(20,23,17,.58); backdrop-filter:blur(2px); }
.product-drawer { position:fixed; z-index:11; top:0; right:0; width:min(620px,100%); height:100svh; padding:2rem; overflow:auto; background:var(--paper); box-shadow:-20px 0 70px rgba(0,0,0,.2); transform:translateX(102%); transition:transform .25s ease; }
.product-drawer.is-open { transform:translateX(0); }
.drawer-heading { display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:2rem; }
.drawer-heading .eyebrow { margin:0 0 .3rem; }
.drawer-heading h2 { margin:0; font:600 2.5rem/1 var(--serif); }
.drawer-heading button { border:0; background:none; color:var(--muted); font:300 2rem/1 var(--sans); }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 1rem; }
.form-grid .full { grid-column:1/-1; }
.form-step { display:flex; align-items:center; gap:.65rem; margin:1.2rem 0 1rem; padding-top:1.2rem; border-top:1px solid var(--line); font:600 1.25rem var(--serif); }
.form-step:first-child { margin-top:0; padding-top:0; border-top:0; }
.form-step span { display:grid; width:25px; height:25px; place-items:center; border-radius:50%; background:var(--honey); font:700 .7rem var(--sans); }
.price-preview{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:.8rem 0 1rem;padding:1rem 1.1rem;border:1px solid #e3c685;background:#fff8e7}.price-preview span{font-size:.72rem;font-weight:700}.price-preview strong{margin-left:auto;color:var(--rust);font:600 1.5rem var(--serif)}.price-preview small{color:var(--muted);font-size:.65rem}
.image-upload { padding:1.2rem; border:1px dashed #999d91; border-radius:6px; background:#fffaf0; }
.image-upload small { color:var(--muted); font-weight:400; }
.image-preview-list { display:flex; gap:.6rem; flex-wrap:wrap; }
.image-preview { width:96px; margin:0; display:grid; gap:.3rem; }
.image-preview-list img { width:96px; height:74px; border-radius:5px; object-fit:cover; background:#e8dfcd; }
.image-preview figcaption { font-size:.7rem; color:var(--muted); }
.image-preview .image-help { color:var(--muted); font-size:.67rem; line-height:1.25; }
.remove-image { min-height:32px; border:1px solid #b73622; border-radius:4px; background:#fffaf0; color:#9b2114; font:600 .72rem var(--sans); cursor:pointer; }
.selected-image { display:grid; gap:.15rem; align-content:center; min-height:74px; max-width:150px; padding:.55rem; border-radius:5px; background:#e8dfcd; font-size:.78rem; overflow-wrap:anywhere; }
.selected-image small { color:var(--muted); }
.toggle { display:flex; align-items:center; gap:.8rem; margin:1rem 0; padding:1rem; border:1px solid var(--line); cursor:pointer; }
.toggle input { position:absolute; opacity:0; width:1px; }
.toggle > span:first-of-type { position:relative; width:40px; height:22px; flex:0 0 auto; border-radius:20px; background:#aaa; transition:.2s; }
.toggle > span:first-of-type::after { content:''; position:absolute; top:3px; left:3px; width:16px; height:16px; border-radius:50%; background:white; transition:.2s; }
.toggle input:checked + span { background:var(--moss); }
.toggle input:checked + span::after { transform:translateX(18px); }
.toggle > span:last-child { display:grid; }
.toggle small { color:var(--muted); font-weight:400; }
.drawer-actions { position:sticky; bottom:-2rem; display:flex; gap:.7rem; margin:1.5rem -2rem -2rem; padding:1rem 2rem; border-top:1px solid var(--line); background:var(--paper); }
.drawer-actions span { flex:1; }
.toast { position:fixed; z-index:20; right:1.5rem; bottom:1.5rem; padding:.85rem 1rem; border-radius:6px; background:var(--ink); color:white; box-shadow:0 10px 30px rgba(0,0,0,.2); opacity:0; transform:translateY(12px); pointer-events:none; transition:.2s; }
.toast.show { opacity:1; transform:none; }
@media (max-width:900px) { .sidebar{display:none}.admin-main{margin:0;padding:1.5rem}.mobile-header{display:flex;align-items:center;justify-content:space-between;margin:-1.5rem -1.5rem 1rem;padding:.8rem 1.5rem;background:var(--ink);color:white}.mobile-header .admin-brand img{width:34px;height:34px;mix-blend-mode:normal}.mobile-header button{border:0;background:none;color:white}.mobile-view-nav{display:flex;gap:.4rem;margin:0 -1.5rem 2rem;padding:0 1.5rem .35rem;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.mobile-view-nav a{flex:0 0 auto;padding:.55rem .85rem;border-radius:5px;color:var(--muted);font-size:.76rem;font-weight:700;text-decoration:none}.mobile-view-nav a.active{background:var(--ink);color:var(--honey-light)}.stats-grid{grid-template-columns:repeat(2,1fr)}.settings-layout{grid-template-columns:1fr}.settings-groups{flex-direction:row;overflow-x:auto}.settings-groups button{flex:0 0 auto} }
@media (max-width:600px) { .page-heading{align-items:stretch;flex-direction:column}.page-heading .primary-button{width:100%}.stats-grid{grid-template-columns:1fr 1fr}.panel-toolbar{align-items:stretch;flex-direction:column;gap:1rem}.collection-checkin{align-items:stretch;flex-direction:column}.collection-checkin label,.collection-checkin button,.collection-checkin .form-message{flex:none;width:100%}.collection-review{padding:1rem}.collection-review-summary{grid-template-columns:1fr}.customer-controls{align-items:stretch;justify-content:stretch}.customer-controls .search-box{width:100%}.customer-product-filter{justify-content:space-between}.search-box{width:100%}th,td{padding:.85rem}.product-drawer{padding:1.25rem}.form-grid{grid-template-columns:1fr}.form-grid label{grid-column:1}.drawer-actions{bottom:-1.25rem;margin:1rem -1.25rem -1.25rem;padding:1rem 1.25rem}.drawer-actions .secondary-button{display:none}.orders-table th:nth-child(2),.orders-table td:nth-child(2),.orders-table th:nth-child(5),.orders-table td:nth-child(5),.orders-table th:nth-child(6),.orders-table td:nth-child(6){display:none}.customers-table th:nth-child(3),.customers-table td:nth-child(3),.customers-table th:nth-child(5),.customers-table td:nth-child(5){display:none}.login-shell{padding:1rem}.login-card{padding:2rem 1.5rem} }