.support-contacts{margin-block:var(--space-4)}.support-contacts>div{display:flex;flex-wrap:wrap;gap:var(--space-4)}.support-contacts a{display:inline-flex;align-items:center;min-height:44px;overflow-wrap:anywhere;max-width:100%}.receive-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;max-width:34rem;margin-block:var(--space-4)}.receive-calendar__weekday{text-align:center;font-size:var(--text-caption)}.receive-calendar button{min-height:var(--touch-target);min-width:0;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer}.receive-calendar button:disabled{color:var(--color-text-muted);background:var(--color-surface-subtle);cursor:not-allowed}.receive-calendar button[aria-pressed=true]{background:var(--color-action-primary);color:var(--color-surface);border:2px solid var(--color-action-primary);font-weight:var(--font-weight-bold)}.receive-calendar button:focus-visible{outline:3px solid var(--color-focus);outline-offset:1px}#production-print-preview{background:var(--color-surface, white);color:var(--color-text-primary, black);margin:var(--space-4, 1rem);padding:var(--space-4, 1rem);overflow-wrap:anywhere}#production-print-preview table{width:100%;border-collapse:collapse}#production-print-preview th,#production-print-preview td{border:1px solid currentColor;padding:.5rem;text-align:left}.production-print-controls{display:flex;flex-wrap:wrap;gap:var(--space-3, .75rem)}@media print{body:has(>#production-print-preview)>:not(#production-print-preview){display:none!important}#production-print-preview{margin:0;padding:0;color:#000;background:#fff;font:11pt sans-serif}#production-print-preview .production-print-controls{display:none!important}#production-print-preview thead{display:table-header-group}#production-print-preview tr{break-inside:avoid}}#packing-print-preview{background:var(--color-surface, white);color:var(--color-text-primary, black);margin:var(--space-4, 1rem);padding:var(--space-4, 1rem);overflow-wrap:anywhere}#packing-print-preview table{width:100%;border-collapse:collapse}#packing-print-preview th,#packing-print-preview td{border:1px solid currentColor;padding:.5rem;text-align:left}.packing-print-controls{display:flex;flex-wrap:wrap;gap:var(--space-3, .75rem)}.packing-print-order{margin-block:var(--space-4, 1rem)}@media print{body:has(>#packing-print-preview)>:not(#packing-print-preview){display:none!important}#packing-print-preview{margin:0;padding:0;color:#000;background:#fff;font:11pt sans-serif}#packing-print-preview .packing-print-controls{display:none!important}#packing-print-preview thead{display:table-header-group}#packing-print-preview tr,.packing-print-order{break-inside:avoid}}.retail-workspace{display:grid;gap:var(--space-4);min-width:0}.retail-workspace .content-card,.retail-confirmation h2{margin-top:0}.retail-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-3)}.retail-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) auto;gap:var(--space-4);align-items:center}.retail-row h2{font-size:1rem;margin:0;overflow-wrap:anywhere}.retail-row p{margin:var(--space-1) 0 0;overflow-wrap:anywhere}.retail-label{display:block;color:var(--color-text-secondary);font-size:.85rem;margin-bottom:var(--space-2)}.retail-actions{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.retail-confirmation{border:2px solid var(--color-action-primary);overflow-wrap:anywhere}@media(max-width:900px){.retail-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(max-width:480px){.retail-workspace .ui-page-header{flex-direction:column}.retail-row{grid-template-columns:minmax(0,1fr)}}:root{--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-weight-regular: 400;--font-weight-medium: 600;--font-weight-bold: 750;--text-display: clamp(2.25rem, 9vw, 4.25rem);--text-h1: clamp(1.9rem, 5vw, 3rem);--text-h2: clamp(1.35rem, 3vw, 2rem);--text-h3: 1.125rem;--text-body: 1rem;--text-body-small: .875rem;--text-label: .8125rem;--text-caption: .75rem;--line-tight: 1.1;--line-body: 1.55;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4.5rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-pill: 999px;--shadow-surface: 0 .5rem 1.5rem rgb(76 50 17 / 8%);--shadow-raised: 0 .75rem 2rem rgb(76 50 17 / 12%);--content-customer: 48rem;--content-catalogue: 88rem;--content-staff: 82rem;--gutter-mobile: 1rem;--gutter-tablet: 1.5rem;--gutter-desktop: 2rem;--breakpoint-tablet: 48rem;--breakpoint-desktop: 75rem;--control-height: 2.75rem;--touch-target: 2.75rem;--color-background: #fffaf4;--color-surface: #ffffff;--color-surface-subtle: #f7efe4;--color-text-primary: #29201a;--color-text-secondary: #674e3a;--color-text-muted: #806c5d;--color-border: #e5d8c8;--color-action-primary: #68421f;--color-action-primary-hover: #4f2f16;--color-action-secondary: #efe2d1;--color-success: #3d663e;--color-warning: #8a5a15;--color-danger: #a23f35;--color-info: #2f6683;--color-focus: #1f6f96}[data-brand=pankobo]{--color-background: #fffaf4;--color-surface: #ffffff;--color-surface-subtle: #f7efe4;--color-text-primary: #29201a;--color-text-secondary: #674e3a;--color-text-muted: #806c5d;--color-border: #e5d8c8;--color-action-primary: #68421f;--color-action-primary-hover: #4f2f16;--color-action-secondary: #efe2d1;--color-success: #3d663e;--color-warning: #8a5a15;--color-danger: #a23f35;--color-info: #2f6683;--color-focus: #1f6f96}*{box-sizing:border-box}html{background:var(--color-background)}body{min-width:320px;min-height:100vh;margin:0;color:var(--color-text-primary);background:var(--color-background);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--line-body);font-synthesis:none;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}button:disabled{cursor:not-allowed}a{color:inherit}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{width:min(100%,48rem);margin:0 auto;padding:1rem}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0}.brand{font-weight:750;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:1rem}nav a{color:var(--color-action-primary)}.content-card{margin-top:2.5rem;padding:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-surface)}.content-card h1{margin:.25rem 0 .75rem;font-size:clamp(1.75rem,7vw,2.5rem);line-height:1.1}.content-card p{margin:0;line-height:1.6}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.storefront{margin-top:1.25rem}.storefront-intro,.cart-bar,.product-card,.cart-line,.fulfilment-option,.review-section,.status,.availability-success{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.storefront-intro{padding:1.5rem;box-shadow:var(--shadow-surface)}.storefront h1,.storefront h2,.storefront h3,.storefront p{margin-top:0}.storefront h1{margin-bottom:.75rem;font-size:var(--text-display);line-height:1}.storefront h2{margin:1.5rem 0 .75rem}.storefront h3{margin-bottom:.25rem}.storefront-intro p:last-child,.price-note{color:#694c32;line-height:1.55}.preorder-progress{margin:var(--space-4) 0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.preorder-progress__current{margin:0 0 var(--space-3);color:var(--color-text-secondary);font-size:var(--text-body-small)}.preorder-progress__steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-1);margin:0;padding:0;list-style:none}.preorder-progress__steps li{position:relative;display:grid;place-items:center;min-width:0;min-height:var(--touch-target);color:var(--color-text-muted)}.preorder-progress__steps li:not(:last-child):after{position:absolute;top:50%;left:calc(50% + 1rem);width:calc(100% - 1.5rem);height:1px;background:var(--color-border);content:""}.preorder-progress__number{position:relative;z-index:1;display:grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface);font-size:var(--text-body-small);font-weight:var(--font-weight-bold)}.preorder-progress__steps .is-current{color:#fff}.preorder-progress__steps .is-current .preorder-progress__number{border-color:var(--color-action-primary);background:var(--color-action-primary)}.preorder-progress__steps .is-complete{color:var(--color-success)}.preorder-progress__steps .is-complete:after{background:var(--color-success)}.preorder-progress__steps .is-complete .preorder-progress__number{border-color:var(--color-success);background:color-mix(in srgb,var(--color-success) 14%,white)}.preorder-progress__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(min-width:48rem){.preorder-progress{padding:0;border:0;background:transparent}.preorder-progress__current{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.preorder-progress__steps{display:flex;flex-wrap:wrap;gap:var(--space-2)}.preorder-progress__steps li{display:inline-flex;min-height:var(--touch-target);gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-subtle)}.preorder-progress__steps li:not(:last-child):after{display:none}.preorder-progress__number{width:auto;height:auto;border:0;border-radius:0;background:transparent}.preorder-progress__steps .is-current .preorder-progress__number,.preorder-progress__steps .is-complete .preorder-progress__number{border:0;background:transparent}.preorder-progress__label{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}}.cart-bar,.cart-line,.step-actions,.subtotal,.product-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.cart-bar{padding:.75rem 1rem}.button,.quantity-control button{min-height:var(--control-height);padding:.65rem .9rem;border:0;border-radius:var(--radius-md);color:#fff;background:var(--color-action-primary);font-weight:700}.button-secondary{color:var(--color-action-primary);background:var(--color-action-secondary)}.button-wide{width:100%;margin-top:1rem}.product-grid,.cart-lines{display:grid;gap:.75rem}.product-grid{margin-top:1rem}.product-card{align-items:stretch;flex-wrap:wrap;padding:.75rem}.product-image{width:5rem;height:5rem;flex:0 0 auto;border-radius:.75rem;object-fit:cover;background:#f3eadf}.product-image-fallback{display:grid;place-items:center;color:#8b5a2b;font-size:.75rem;font-weight:700}.product-copy{flex:1 1 12rem}.product-copy h2{margin:.1rem 0 .35rem;font-size:1.1rem}.product-copy p:not(.category){margin-bottom:.5rem;color:#694c32;font-size:.9rem;line-height:1.4}.category,.optional{color:#8b5a2b;font-size:.8rem;font-weight:700}.cart-lines{margin-top:1rem}.cart-line{flex-wrap:wrap;padding:1rem}.cart-line h3,.cart-line p{margin-bottom:0}.cart-line p{color:#694c32;font-size:.875rem}.quantity-control{display:inline-flex;align-items:center;gap:.25rem}.quantity-control button{min-width:2.5rem;padding:.35rem}.quantity-control span{width:2rem;text-align:center;font-weight:700}.text-button{border:0;color:#8b3d2b;background:transparent;text-decoration:underline}.subtotal{margin:1rem 0 .5rem;padding:.75rem 0;border-top:1px solid #eadfce;border-bottom:1px solid #eadfce}.status,.availability-success{margin:1rem 0;padding:.875rem 1rem;line-height:1.45}.status-error{border-color:#dbb3a5;color:#7a2419;background:#fff6f3}.availability-success{border-color:#b9d3ac;color:#2d5a2d;background:#f4faef}.step-actions{margin:1.25rem 0}.fulfilment-option{display:flex;gap:.75rem;margin:.75rem 0;padding:1rem;line-height:1.5}.fulfilment-option input{width:1.25rem;height:1.25rem;margin-top:.15rem;accent-color:#5d3a19}.fulfilment-option small{display:block;margin-top:.5rem;color:#694c32}form label{display:block;margin:1rem 0 .25rem;font-weight:700}form input{width:100%;min-height:2.75rem;margin-top:.35rem;padding:.65rem;border:1px solid #bfae9e;border-radius:.5rem;color:#1d1d1f;background:#fff}form textarea{width:100%;min-height:6rem;margin-top:.35rem;padding:.65rem;border:1px solid #bfae9e;border-radius:.5rem;color:#1d1d1f;background:#fff;resize:vertical}form input[aria-invalid=true]{border-color:#b53a2c}.field-error{margin:.25rem 0;color:#9d2d21;font-size:.875rem}.review-notice{padding:.75rem 1rem;border-left:.25rem solid #8b5a2b;background:#f3eadf;font-weight:700}.review-section{margin:.75rem 0;padding:1rem}.review-section p{line-height:1.5}.review-section p span{float:right}.payment-panel{margin:.75rem 0;padding:1rem;border:1px solid #b9d3ac;border-radius:1rem;background:#f8fdf4}.payment-details{display:grid;grid-template-columns:max-content 1fr;gap:.35rem .75rem;margin:.75rem 0}.payment-details dt{font-weight:700}.payment-details dd{margin:0}.proof-picker{display:block;margin:1rem 0;font-weight:700}.proof-picker input{display:block;margin-top:.5rem}.order-access-link{display:inline-block;margin:0 0 .75rem;text-decoration:none}.customer-order-view{margin-top:1.25rem}.customer-order-view h1{margin:.25rem 0;font-size:clamp(2rem,9vw,3.25rem);line-height:1}.customer-order-number{margin:.5rem 0 0;font-weight:750}.customer-order-date{margin:.25rem 0 1rem;color:#694c32}.customer-order-status,.customer-order-section{margin:.75rem 0;padding:1rem;border:1px solid #eadfce;border-radius:1rem;background:#fff}.customer-order-status{border-color:#b9d3ac;background:#f4faef}.customer-order-status p,.customer-order-section p{margin:.35rem 0 0;line-height:1.55}.customer-order-section h2{margin:0;font-size:1.1rem}.customer-order-items{display:grid;gap:.65rem;margin:.9rem 0;padding:0;list-style:none}.customer-order-items li,.customer-order-totals div{display:flex;justify-content:space-between;gap:.75rem}.customer-order-totals{display:grid;gap:.45rem;margin:0;padding-top:.75rem;border-top:1px solid #eadfce}.customer-order-totals dt,.customer-order-totals dd{margin:0}.customer-order-total{padding-top:.6rem;border-top:1px solid #eadfce;font-weight:750}.payment-review{margin:1rem 0;padding-top:1rem;border-top:1px solid #eadfce}.payment-review h2{margin:0 0 .4rem;font-size:1.1rem}.payment-review .button,.payment-review .text-button{margin:.25rem .5rem .25rem 0}.production-sign-in{display:inline-block;margin-top:1rem;text-decoration:none}.production-workspace{padding:clamp(1rem,2vw,1.75rem)}.production-header-actions,.production-date-controls,.production-list-controls{display:flex;flex-wrap:wrap;gap:.75rem}.production-header-actions{align-items:center}.production-date-controls{align-items:end;margin-top:1.25rem}.production-date{flex:1 1 13rem;max-width:20rem;margin:0;font-weight:700}.production-date input{width:100%;min-height:2.75rem;margin-top:.35rem;padding:.65rem;border:1px solid #bfae9e;border-radius:.5rem;color:#1d1d1f;background:#fff}.production-selected-date{display:grid;gap:.2rem;margin-top:1rem;padding:.9rem 1rem;border-left:.3rem solid var(--color-action-primary);border-radius:var(--radius-sm);background:var(--color-surface-subtle)}.production-selected-date span,.production-selected-date small{color:var(--color-text-secondary)}.production-selected-date strong{font-size:clamp(1.15rem,3vw,1.45rem)}.production-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:1.25rem 0 0}.production-summary div{padding:.8rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle)}.production-summary dt{color:var(--color-text-secondary);font-size:var(--text-caption);font-weight:var(--font-weight-bold);text-transform:uppercase}.production-summary dd{margin:.2rem 0 0;font-size:clamp(1.4rem,4vw,2rem);font-weight:var(--font-weight-bold)}.production-summary .production-summary__total{color:#fff;border-color:var(--color-action-primary);background:var(--color-action-primary)}.production-summary__total dt{color:inherit}.production-quantity-guide{display:grid;gap:.35rem;margin-top:1rem;padding:.9rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md)}.production-quantity-guide p{font-size:var(--text-body-small)}.production-list-controls{align-items:end;margin-top:1.25rem}.production-list-controls label{display:grid;flex:1 1 14rem;gap:.35rem;color:var(--color-text-primary);font-size:var(--text-label);font-weight:var(--font-weight-bold)}.production-table-wrap{margin-top:1rem}.production-table{width:100%;table-layout:fixed;border-collapse:collapse;font-variant-numeric:tabular-nums}.production-table th,.production-table td{overflow-wrap:anywhere;padding:.8rem;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle}.production-table thead th{padding-inline:.5rem;overflow-wrap:normal;color:var(--color-text-secondary);font-size:var(--text-caption);text-transform:uppercase}.production-table tbody th{font-size:1rem}.production-table thead th:first-child{width:26%}.production-table thead th:last-child{width:26%}.production-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.production-planning-note{margin-top:.75rem;color:var(--color-text-secondary);font-size:var(--text-body-small)}.production-table td:not(.production-remarks){font-size:1.05rem;font-weight:var(--font-weight-bold);white-space:nowrap}.production-table .production-total{color:var(--color-action-primary);font-size:1.35rem}.production-table .production-remarks{max-width:22rem;color:var(--color-text-secondary);font-size:var(--text-body-small)}.packing-groups{display:grid;gap:1rem;margin-top:1rem}.packing-header-actions,.packing-controls,.packing-worklist-controls,.packing-filters{display:flex;gap:.5rem}.packing-header-actions,.packing-controls,.packing-worklist-controls{flex-wrap:wrap;align-items:end}.packing-controls{margin-top:1rem}.packing-controls .production-date{flex:1 1 12rem;margin:0}.packing-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:1rem}.packing-summary div{display:grid;gap:.15rem;padding:.65rem;border:1px solid #eadfce;border-radius:.5rem;background:#fffaf4}.packing-summary span,.packing-refreshed,.packing-group-meta{color:#694c32;font-size:.8rem}.packing-summary strong{font-size:1.35rem;font-variant-numeric:tabular-nums}.packing-worklist-controls{justify-content:space-between;margin-top:1rem}.packing-filters{flex:1 1 100%;overflow-x:auto;padding-bottom:.25rem}.packing-filter{flex:0 0 auto;min-height:2.5rem;padding:.45rem .65rem;border:1px solid #d9c9b7;border-radius:999px;color:#543c29;background:#fff;font-weight:700;white-space:nowrap}.packing-filter span{margin-left:.2rem;color:#79604a;font-size:.8rem}.packing-filter.is-selected{border-color:#3f5a36;color:#fff;background:#3f5a36}.packing-filter.is-selected span{color:inherit}.packing-search{flex:1 1 15rem;color:#543c29;font-size:.875rem;font-weight:700}.packing-search .ui-input{margin-top:.25rem}.packing-group{padding:1rem;border:1px solid #eadfce;border-radius:.75rem;background:#fffaf4}.packing-group>h2{margin:.2rem 0 .75rem;font-size:1.25rem}.packing-group-meta{margin:-.35rem 0 .75rem}.packing-order{margin-top:.75rem;padding:1rem;border:1px solid #eadfce;border-radius:.65rem;background:#fff}.packing-order-heading{display:flex;justify-content:space-between;gap:.75rem;align-items:start}.packing-order h3{margin:0 0 .25rem}.packing-state{padding:.3rem .55rem;border-radius:999px;color:#fff;background:#3f5a36;font-size:.8rem;font-weight:700;white-space:nowrap}.packing-context,.packing-pending{margin:.75rem 0;color:#694c32}.packing-items{margin:.75rem 0;padding-left:1.25rem;line-height:1.6}.packing-order .packing-action{margin-top:.25rem}.packing-refreshed{margin:.75rem 0 0}@media(min-width:48rem){.packing-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.packing-filters{flex:1 1 auto}.packing-search{flex:0 1 20rem}.packing-order{display:grid;grid-template-columns:minmax(12rem,.8fr) minmax(14rem,1fr) auto;column-gap:1rem;align-items:start}.packing-order-heading,.packing-context{grid-column:1}.packing-items{grid-column:2;grid-row:1 / span 3;margin-top:0}.packing-order>.packing-action,.packing-order>.packing-pending{grid-column:3;grid-row:1;align-self:end;margin:0}.packing-order>.packing-pending{align-self:start;text-align:right}}.partner-section{margin-top:1.75rem;padding-top:1rem;border-top:1px solid #eadfce}.partner-section h2{margin:.2rem 0 .75rem}.partner-order,.partner-occurrence{margin-top:.75rem;padding:1rem;border:1px solid #eadfce;border-radius:.75rem;background:#fffaf4}.partner-order h3,.partner-order h4,.partner-occurrence h3{margin:0 0 .25rem}.partner-order>strong{display:block;margin-top:.5rem}.partner-status{margin-top:.5rem!important;color:#694c32;font-size:.875rem;font-weight:700}.partner-occurrence-heading{display:flex;justify-content:space-between;gap:.75rem;align-items:start}.partner-timing{display:grid;gap:.5rem;margin:1rem 0}.partner-timing div{padding:.65rem;border-radius:.5rem;background:#f3eadf}.partner-timing dt{font-size:.75rem;font-weight:700;text-transform:uppercase}.partner-timing dd{margin:.25rem 0 0}.partner-route-order{background:#fff}.partner-route-order ul{margin:.75rem 0 0;padding-left:1.25rem;line-height:1.6}.partner-feedback{margin-top:1rem}.partner-feedback .button{margin-top:.75rem}.route-date-range,.route-form,.route-row{display:grid;gap:.75rem}.route-date-range{grid-template-columns:repeat(2,minmax(0,1fr));margin:1rem 0}.route-section{margin-top:1.75rem;padding-top:1rem;border-top:1px solid #eadfce}.route-section h2{margin:0 0 .25rem}.route-form{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));margin:1rem 0;padding:1rem;border-radius:.75rem;background:#fffaf4}.route-row{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));align-items:end;margin-top:.75rem;padding:.9rem;border:1px solid #eadfce;border-radius:.65rem}.route-row strong,.route-row>span{grid-column:1 / -1}.route-row input,.route-row select,.route-form select{width:100%;min-height:2.75rem;margin-top:.35rem;padding:.65rem;border:1px solid #bfae9e;border-radius:.5rem;background:#fff}@media(max-width:30rem){.production-date-controls .ui-button{flex:1 1 7rem}.production-date{order:-1;flex-basis:100%;max-width:none}.production-table thead{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.production-table,.production-table tbody,.production-table tr,.production-table th,.production-table td{display:block}.production-table tr{margin-bottom:.75rem;padding:.8rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle)}.production-table th,.production-table td{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;min-width:0;padding:.45rem 0;border-bottom:1px solid var(--color-border);text-align:right}.production-table th:before,.production-table td:before{flex-shrink:0;content:attr(data-label);color:var(--color-text-secondary);font-size:var(--text-caption);font-weight:var(--font-weight-bold);text-align:left;text-transform:uppercase}.production-table tbody th{font-size:1.05rem;text-align:right}.production-table .production-remarks{max-width:none;border-bottom:0}.production-table .production-remarks:before{flex:0 0 6rem}}@media(min-width:48rem){.production-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.eyebrow{color:#8b5a2b;font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}@media(min-width:48rem){.app-shell,.content-card{padding:2rem}}.skip-link{position:fixed;z-index:10;top:var(--space-2);left:var(--space-2);transform:translateY(-160%);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:#fff;background:var(--color-action-primary);text-decoration:none}.skip-link:focus{transform:translateY(0)}.customer-shell,.staff-shell,.partner-shell{min-height:100vh;padding:0 var(--gutter-mobile) var(--space-7)}.customer-shell__header,.staff-shell__header,.partner-shell__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:4.5rem;border-bottom:1px solid var(--color-border)}.customer-shell__brand,.staff-shell__brand,.partner-shell__brand{color:var(--color-text-primary);font-size:1.125rem;font-weight:var(--font-weight-bold);letter-spacing:-.02em;text-decoration:none}.staff-shell__brand span{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.customer-shell__header nav,.staff-shell__header nav{display:flex;gap:var(--space-1);overflow-x:auto;max-width:100%}.customer-shell__header nav a,.staff-shell__header nav a{display:inline-flex;align-items:center;min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-body-small);font-weight:var(--font-weight-medium);text-decoration:none;white-space:nowrap}.customer-shell__header nav a[aria-current=page],.staff-shell__header nav a[aria-current=page]{color:var(--color-text-primary);background:var(--color-surface-subtle)}.customer-shell__content{width:min(100%,var(--content-customer));margin:0 auto}.staff-shell__content{width:min(100%,var(--content-staff));margin:0 auto}.partner-shell__content{width:min(100%,64rem);margin:0 auto}.ui-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height);padding:.65rem .9rem;border:1px solid transparent;border-radius:var(--radius-md);font-weight:var(--font-weight-bold);line-height:1.2;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.ui-button:disabled{opacity:.55}.ui-button--primary{color:#fff;background:var(--color-action-primary)}.ui-button--primary:not(:disabled):hover{background:var(--color-action-primary-hover)}.ui-button--secondary{color:var(--color-action-primary);background:var(--color-action-secondary)}.ui-button--subtle{color:var(--color-text-primary);border-color:var(--color-border);background:var(--color-surface)}.ui-button--destructive{color:#fff;background:var(--color-danger)}.ui-input,.ui-select{display:block;width:100%;min-height:var(--control-height);padding:.65rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);background:var(--color-surface)}.ui-field{display:grid;gap:var(--space-2)}.ui-field__label{color:var(--color-text-primary);font-size:var(--text-label);font-weight:var(--font-weight-bold)}.ui-field__description,.ui-field__error{margin:0;font-size:var(--text-body-small)}.ui-field__description{color:var(--color-text-secondary)}.ui-field__error{color:var(--color-danger)}.ui-surface{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-surface)}.ui-surface--subtle{background:var(--color-surface-subtle);box-shadow:none}.ui-status-badge{display:inline-flex;align-items:center;min-height:1.75rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-caption);font-weight:var(--font-weight-bold);line-height:1.1}.ui-status-badge--neutral{color:var(--color-text-secondary);background:var(--color-surface-subtle)}.ui-status-badge--success{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 14%,white)}.ui-status-badge--warning{color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 14%,white)}.ui-status-badge--danger{color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 12%,white)}.ui-status-badge--info{color:var(--color-info);background:color-mix(in srgb,var(--color-info) 12%,white)}.ui-alert{margin:var(--space-3) 0;padding:var(--space-3) var(--space-4);border-left:.25rem solid currentcolor;border-radius:var(--radius-sm);background:var(--color-surface-subtle)}.ui-alert--info{color:var(--color-info)}.ui-alert--success{color:var(--color-success)}.ui-alert--warning{color:var(--color-warning)}.ui-alert--danger{color:var(--color-danger)}.ui-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6)}.ui-page-header h1{margin:0;font-size:var(--text-h1);line-height:var(--line-tight)}.ui-page-header__description{max-width:66ch;margin:var(--space-2) 0 0;color:var(--color-text-secondary)}.ui-page-header__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ui-empty-state{padding:var(--space-5);border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);text-align:center}.ui-empty-state h2,.ui-empty-state p{margin:0}.ui-empty-state p{margin-top:var(--space-2)}.ui-loading{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary)}.ui-loading__indicator{width:1rem;height:1rem;border:2px solid var(--color-border);border-top-color:var(--color-action-primary);border-radius:50%;animation:ui-spin .7s linear infinite}.ui-price{font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold)}.ui-quantity-control{display:inline-grid;grid-template-columns:var(--control-height) minmax(2rem,auto) var(--control-height);align-items:center;gap:var(--space-1)}.ui-quantity-control .ui-button{min-width:var(--control-height);padding:var(--space-2)}.ui-quantity-control output{min-width:2rem;text-align:center;font-weight:var(--font-weight-bold)}@keyframes ui-spin{to{transform:rotate(360deg)}}@media(min-width:48rem){.customer-shell,.staff-shell,.partner-shell{padding-right:var(--gutter-tablet);padding-left:var(--gutter-tablet)}}@media(min-width:75rem){.customer-shell,.staff-shell,.partner-shell{padding-right:var(--gutter-desktop);padding-left:var(--gutter-desktop)}}.storefront{margin-top:var(--space-5);padding-bottom:calc(7rem + env(safe-area-inset-bottom))}.storefront-intro{position:relative;overflow:hidden;padding:var(--space-4);border-color:color-mix(in srgb,var(--color-border) 75%,var(--color-action-primary));background:radial-gradient(circle at top right,color-mix(in srgb,var(--color-action-secondary) 72%,transparent),transparent 48%),var(--color-surface)}.storefront-intro h1{max-width:14ch;font-size:clamp(1.65rem,7vw,2.2rem)}.storefront-intro p:last-child{max-width:58ch;color:var(--color-text-secondary)}.catalogue-cart-summary{position:fixed;right:var(--gutter-mobile);bottom:max(var(--space-2),env(safe-area-inset-bottom));left:var(--gutter-mobile);z-index:4;margin:0;padding-bottom:max(var(--space-2),env(safe-area-inset-bottom));box-shadow:var(--shadow-raised)}.catalogue-cart-summary>span{min-width:0;font-weight:var(--font-weight-bold)}.catalogue-cart-summary .button{flex:0 0 auto}.catalogue-browse-layout{display:grid;gap:var(--space-5);margin-top:var(--space-4)}.catalogue-categories{position:sticky;top:0;z-index:3;display:flex;flex-wrap:nowrap;gap:var(--space-2);overflow-x:auto;margin:0 calc(-1 * var(--gutter-mobile));padding:var(--space-2) var(--gutter-mobile) var(--space-3);border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-background) 94%,transparent);scroll-padding-inline:var(--gutter-mobile);scroll-snap-type:x proximity;scrollbar-width:thin}.catalogue-categories button{flex:0 0 auto;display:inline-flex;align-items:center;min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-secondary);background:var(--color-surface);font-size:var(--text-body-small);font-weight:var(--font-weight-bold);line-height:1.2;scroll-snap-align:start;white-space:nowrap}.catalogue-categories button span{margin-left:var(--space-2);color:var(--color-text-muted);font-size:var(--text-caption)}.catalogue-categories button.is-active{border-color:var(--color-action-primary);color:#fff;background:var(--color-action-primary)}.catalogue-categories button.is-active span{color:inherit}.catalogue-results__heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.catalogue-search{margin-bottom:var(--space-4)}.catalogue-search>label{display:block;margin-bottom:var(--space-2);color:var(--color-text-primary);font-size:var(--text-body-small);font-weight:var(--font-weight-bold)}.catalogue-search__control{display:flex;align-items:center;gap:var(--space-2)}.catalogue-search__control .ui-input{min-width:0;min-height:var(--touch-target)}.catalogue-search__clear{flex:0 0 auto;min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-secondary);background:var(--color-surface);font:inherit;font-size:var(--text-body-small);font-weight:var(--font-weight-bold)}.catalogue-search__clear:hover{border-color:var(--color-action-primary);color:var(--color-action-primary)}.catalogue-results__heading h2{margin:var(--space-1) 0 0;font-size:var(--text-h2)}.catalogue-results__heading>p{margin:0;color:var(--color-text-muted);font-size:var(--text-body-small);white-space:nowrap}.product-grid--catalogue{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-top:0}.product-card--catalogue{display:grid;grid-template-rows:auto 1fr auto;gap:0;min-width:0;overflow:hidden;padding:0;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-surface)}.product-card--catalogue .product-image{display:block;width:100%;height:auto;aspect-ratio:4 / 3;border-radius:0;background:var(--color-surface-subtle);object-fit:cover}.product-card--catalogue .product-image-fallback{min-height:0}.product-card--catalogue .product-copy{min-width:0;padding:var(--space-3) var(--space-3) var(--space-2)}.product-card--catalogue .category{display:none;margin:0 0 var(--space-2);color:var(--color-text-muted);font-size:var(--text-caption);letter-spacing:.06em;text-transform:uppercase}.product-card--catalogue .product-copy h3{margin:0;color:var(--color-text-primary);font-size:.975rem;line-height:1.25}.product-card--catalogue .product-description{display:-webkit-box;overflow:hidden;margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:var(--text-body-small);line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.product-card__footer{display:grid;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3)}.product-card__footer .ui-price{color:var(--color-action-primary);font-size:1.1rem}.product-card__footer .button{width:100%;min-width:0}.product-card__cart-control{position:relative}.product-card__cart-control .ui-quantity-control{width:100%}.product-card__cart-control .ui-quantity-control output{min-width:0}.product-card__added{position:absolute;right:0;bottom:calc(100% + var(--space-1));z-index:1;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);color:#fff;background:var(--color-success);font-size:var(--text-caption);font-weight:var(--font-weight-bold);animation:product-added .18s ease-out}.catalogue-no-results{display:grid;justify-items:start;gap:var(--space-3);padding:var(--space-5);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-subtle)}.catalogue-no-results p{margin:0;color:var(--color-text-secondary)}.catalogue-no-results p:first-child{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.cart-next-steps{margin:var(--space-4) 0;padding:var(--space-4);border-left:3px solid var(--color-action-primary);border-radius:var(--radius-sm);background:var(--color-surface-subtle)}.cart-next-steps h3{margin-bottom:var(--space-2)}.cart-next-steps ol{display:grid;gap:var(--space-2);margin:0;padding-left:1.25rem;color:var(--color-text-secondary)}@keyframes product-added{0%{opacity:0;transform:translateY(.25rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.product-card__added{animation:none}}@media(min-width:48rem){.catalogue-search__control{max-width:34rem}.product-grid--catalogue{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.product-card--catalogue .category{display:block}.product-card--catalogue .product-copy h3{font-size:var(--text-h3)}.product-card--catalogue .product-description{margin-top:var(--space-2);-webkit-line-clamp:3}.product-card__footer{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4)}.product-card__footer .button{width:auto;min-width:7.75rem}.product-card__cart-control .ui-quantity-control{width:auto}}@media(min-width:75rem){.customer-shell__content{width:min(100%,var(--content-catalogue))}.customer-order-view{max-width:var(--content-customer)}.storefront{margin-top:var(--space-6)}.storefront-intro{padding:var(--space-6)}.storefront-intro h1{font-size:var(--text-h1)}.catalogue-cart-summary{position:static;right:auto;bottom:auto;left:auto;margin:var(--space-5) 0;padding:var(--space-3) var(--space-4)}.catalogue-browse-layout{grid-template-columns:minmax(12rem,14rem) minmax(0,1fr);align-items:start;gap:var(--space-6)}.catalogue-categories{position:sticky;top:var(--space-5);display:grid;overflow:visible;margin:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-surface)}.catalogue-categories button{justify-content:space-between;width:100%;border-color:transparent;border-radius:var(--radius-sm);text-align:left;white-space:normal}.product-grid--catalogue{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.product-card--catalogue{transition:transform .14s ease,box-shadow .14s ease}.product-card--catalogue:hover{transform:translateY(-.2rem);box-shadow:var(--shadow-raised)}}@media(min-width:100rem){.product-grid--catalogue{grid-template-columns:repeat(4,minmax(0,1fr))}}.governance-workspace{overflow-wrap:anywhere}.governance-workspace h2,.governance-workspace h3{margin-top:1.5rem}.governance-notice{margin:1rem 0;color:var(--color-text-secondary)}.governance-fields,.governance-records,.governance-forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1rem;margin:1rem 0}.governance-fields label{display:grid;align-content:start;gap:.4rem;min-width:0;font-weight:var(--font-weight-bold)}.governance-workspace input:not([type=checkbox]),.governance-workspace select,.governance-workspace textarea{width:100%;min-width:0;min-height:44px;padding:.6rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);font:inherit}.governance-workspace textarea{min-height:5rem;resize:vertical}.governance-record,.governance-confirm{min-width:0;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle)}.governance-record h4{margin:0 0 .5rem;font-size:1.1rem}.governance-record dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:.5rem 1rem}.governance-record dt{color:var(--color-text-secondary)}.governance-record dd{margin:0}.governance-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:.75rem 0}.governance-workspace summary{cursor:pointer;min-height:44px;padding-block:.65rem;font-weight:var(--font-weight-bold)}.governance-workspace fieldset{min-width:0;border:0;padding:0;margin:1rem 0}.governance-weekdays{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.governance-weekdays label{display:flex;align-items:center;gap:.5rem;min-height:44px}.governance-weekdays input{width:1.25rem;height:1.25rem}.governance-confirm{border:2px solid var(--color-action-primary)}.governance-actions .ui-button{white-space:nowrap;flex-shrink:0}@media(max-width:30rem){.governance-workspace .ui-page-header{flex-direction:column;align-items:stretch}}
