.login-card{max-width:470px;margin:55px auto;background:white;border:1px solid var(--line);border-radius:15px;padding:35px}.login-card .eyebrow,.queue-title .eyebrow{color:var(--muted)}.login-card h1{font-family:var(--display);font-size:34px;line-height:1.25;font-weight:500;margin:17px 0}.login-card p{font-size:13px;color:var(--muted)}.login-card form{margin-top:25px}.login-card .login-help{font-size:11px;line-height:1.8;margin-top:22px}.login-help code{font-size:10px}.queue-title{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:30px 0}.queue-title h1{font-family:var(--display);font-weight:500;font-size:37px;margin:10px 0}.queue-title p{color:var(--muted);font-size:12px;max-width:650px}.queue-tools{display:flex;gap:10px;flex-shrink:0}.queue-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.queue-stat{background:#eee7f2;padding:20px 25px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.queue-stat b{font-size:28px;font-weight:500;color:var(--plum)}.queue-filters{display:flex;align-items:center;justify-content:space-between;gap:20px}.queue-filters>input{border:1px solid var(--line);border-radius:8px;padding:11px 13px;width:270px;font-size:12px}.queue-updated{font-size:11px;color:var(--muted);margin:14px 0}.queue-card{border:1px solid var(--line);border-radius:11px;background:white;margin:15px 0;padding:22px}.queue-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.queue-card h2{font-size:19px;font-weight:650;margin:7px 0 4px}.queue-card .customer-meta{font-size:12px;color:var(--muted)}.queue-card .reference{font-size:11px}.queue-card-header>div:last-child{text-align:right;font-size:11px;color:var(--muted)}.queue-card ul{list-style:none;padding:12px 0;margin:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.queue-card li{display:flex;justify-content:space-between;gap:20px;font-size:13px;padding:6px 0}.queue-card li span:last-child{font-weight:700;white-space:nowrap}.queue-note{font-size:12px;background:var(--paper);padding:10px 13px;border-radius:6px;white-space:pre-wrap;margin-bottom:15px}.queue-card-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.queue-card-footer>div:last-child{display:flex;gap:10px;align-items:center}.queue-card-footer .text-button{font-size:11px;color:var(--muted)}.queue-card-footer .primary-button,.queue-card-footer .secondary-button{font-size:11px;padding:9px 14px}.queue-card small{color:var(--muted);display:block;font-size:11px}.payment-form{padding:25px}.payment-form>p{font-size:13px;color:var(--muted)}.confirmation-check{display:flex;align-items:flex-start;gap:10px;font-weight:400;font-size:12px}.confirmation-check input{width:18px;height:18px;padding:0;margin-top:3px;flex-shrink:0}.confirmation-check span{margin:0}.queue-empty{background:white;border:1px dashed #cbb9d4;border-radius:12px;text-align:center;padding:65px 20px;margin-top:15px}.queue-empty h2{font-family:var(--display);font-size:27px;font-weight:500}.queue-empty p{color:var(--muted);font-size:13px;margin:12px 0}.queue-empty a{color:var(--plum)}
@media(max-width:800px){.queue-title{display:block}.queue-tools{margin-top:20px}.queue-filters{display:block}.queue-filters>input{width:100%;margin-top:10px}.queue-card-footer{align-items:flex-start;flex-direction:column}.queue-card-footer>div:last-child{flex-wrap:wrap}.queue-stat{padding:15px}.queue-stats{gap:10px}.queue-stat b{font-size:22px}.queue-stat{font-size:11px}.login-card{margin:30px auto;padding:25px}.site-header nav .text-button{font-size:10px}.queue-card{padding:17px}.queue-card h2{font-size:17px}}
@media print{.site-header,.demo-banner,.queue-title,.queue-tools,.queue-filters,.queue-stats,.queue-card-footer button,.queue-updated{display:none}.queue-card{break-inside:avoid;box-shadow:none}.queue-card-footer{display:block}body{background:white}main{max-width:none;padding:0}}

/* Original Patel Crackers admin surfaces; shared primitives remain in styles.css. */
:root{--ink:#172c43;--muted:#536477;--plum:#173e69;--plum-dark:#102e4f;--paper:#f7f6f0;--lavender:#e8eff6;--line:#c5ced7;--error:#a32335;--gold:#ffcf77}
html{scroll-behavior:auto;scroll-padding-top:1rem}
body{font-size:1rem;line-height:1.6}
main{padding-bottom:3rem}
main:focus{outline:none}
.site-header{height:auto;min-height:108px;padding-block:1.25rem;flex-wrap:wrap}
.site-header nav{gap:1rem;flex-wrap:wrap}
.site-header .brand strong{font-size:1.25rem}
.site-header .brand small,.demo-banner{font-size:.8125rem}
.site-header nav .text-button{font-size:.875rem}
:is(button,input,select,textarea,a):focus-visible{outline:3px solid #173e69;outline-offset:3px;box-shadow:0 0 0 6px #fff}
button:disabled{opacity:1;background:#e9edf1;color:#5b6673;border-color:#9aa7b5}
.primary-button,.secondary-button,.text-button,.category-button{min-height:44px;font-size:.9375rem;white-space:normal}
.secondary-button{border-color:#7b8d9f}
.icon-button{width:44px;height:44px;min-width:44px;min-height:44px;background:#e8eff6}
input,select,textarea{min-width:0}
form label{font-size:.9375rem}
form input,form select,form textarea{font-size:1rem;border-color:#788b9e;min-height:44px}
.login-card{max-width:540px;padding:2rem;margin-block:2rem}
.login-card h1,.queue-title h1{font-family:var(--display);font-size:2.4rem}
.login-card p,.login-card .login-help,.login-help code{font-size:.9375rem;overflow-wrap:anywhere}
.login-card #login-error{color:var(--error)}
.eyebrow{font-size:.75rem}
.admin-navigation{display:flex;gap:.5rem;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-block:.75rem}
.admin-navigation button{padding:.75rem 1.25rem;background:transparent;border:1px solid transparent;border-radius:7px;font-weight:650;min-height:48px}
.admin-navigation button[aria-pressed=true]{background:var(--plum);color:#fff}
.admin-navigation button:hover:not([aria-pressed=true]){background:var(--lavender);border-color:#8e9eb0}
.queue-title{align-items:flex-start;margin-block:2rem}
.queue-title>div:first-child{min-width:0}
.queue-title p{font-size:.9375rem;max-width:44rem}
.queue-tools{flex-wrap:wrap}
.queue-stats{gap:1rem}
.queue-stat{font-size:1rem;background:#e8eff6}
.queue-filters{align-items:flex-end}
.queue-filters .category-list{flex-wrap:wrap;overflow:visible;padding:0}
.queue-filters>input{font-size:1rem;min-height:44px;border-color:#788b9e}
.queue-updated,.queue-card .reference,.queue-card-header>div:last-child{font-size:.8125rem}
.queue-card .customer-meta,.queue-card li,.queue-note,.queue-card-footer,.queue-card small{font-size:.9375rem}
.queue-card-header,.queue-card-footer{flex-wrap:wrap}
.queue-card-header>div:last-child{text-align:left}
.queue-card-footer .text-button,.queue-card-footer .primary-button,.queue-card-footer .secondary-button{font-size:.875rem;min-height:44px}
.queue-card-footer>div:last-child{flex-wrap:wrap}
.queue-card li span:first-child{min-width:0;overflow-wrap:anywhere}
.queue-empty h2{font-size:1.75rem}
.queue-empty p,.payment-form>p,.confirmation-check{font-size:.9375rem}
.confirmation-check input{min-height:22px;width:22px;height:22px}
.error{font-size:.9375rem;color:var(--error);overflow-wrap:anywhere}
.error:empty,.admin-status:empty{margin:0}
.admin-status{color:var(--muted);font-size:.875rem;min-height:1.5em;margin:.75rem 0}
.catalogue-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,300px);gap:1.5rem;align-items:start}
.products-panel,.categories-panel{min-width:0}
.products-panel h2,.categories-panel h2{font-size:1.25rem;line-height:1.5}
.catalogue-filters{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:.75rem;margin-top:1rem}
.catalogue-filters label{display:flex;flex-direction:column;gap:.375rem;min-width:0;font-size:.875rem;font-weight:650}
.catalogue-filters input,.catalogue-filters select{width:100%;border:1px solid #788b9e;border-radius:7px;min-height:46px;padding:.625rem;background:#fff;color:var(--ink);font-size:1rem}
.admin-product-list{border:1px solid var(--line);border-radius:10px;background:#fff}
.admin-product-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem;border-bottom:1px solid var(--line)}
.admin-product-row:last-child{border-bottom:0}
.admin-product-row>img,.admin-photo-placeholder{width:72px;height:72px;border-radius:6px;object-fit:contain;background:#f0f1f4}
.admin-photo-placeholder{display:grid;place-items:center;font-size:.75rem;color:#536477;border:1px dashed #8d9aa9;text-align:center}
.admin-product-copy{min-width:0}
.admin-product-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}
.best-seller-control{display:flex;align-items:center;gap:.625rem;min-height:44px;font-size:.9375rem;line-height:1.5;cursor:pointer;color:var(--ink)}
.admin-product-actions .best-seller-control input,.admin-editor-form .best-seller-control input{display:block;flex-shrink:0;width:22px;height:22px;min-height:22px;margin:0;padding:0;accent-color:var(--plum)}
.best-seller-control input:disabled{cursor:wait;opacity:1}
.admin-product-copy h3{font-size:1rem;font-weight:700;line-height:1.5;overflow-wrap:anywhere}
.admin-product-copy p{font-size:.8125rem;color:var(--muted);overflow-wrap:anywhere;line-height:1.6}
.product-row-meta{display:flex;gap:.5rem .75rem;align-items:center;flex-wrap:wrap;margin-top:.375rem;font-size:.875rem}
.availability-pill{display:inline-flex;align-items:center;border-radius:5px;padding:.125rem .5rem;color:#22563c;background:#e8f2eb;font-size:.8125rem;border:1px solid #a8c6b1}
.availability-pill.unavailable{color:#773322;background:#fff0e9;border-color:#d7ad9e}
.product-pagination{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-block:1rem;font-size:.875rem}
.product-pagination button{padding:.625rem .75rem}
.categories-panel{background:#e9eff5;border:1px solid #c5ced7;border-radius:10px;padding:1.25rem}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}
.panel-heading button{padding:.5rem .75rem}
.field-help{font-size:.875rem;color:var(--muted);line-height:1.6;font-weight:400;display:block;margin-top:.375rem;overflow-wrap:anywhere}
#admin-category-list{padding:0;margin:.75rem 0 0;list-style:none}
#admin-category-list li{display:flex;gap:.75rem;justify-content:space-between;align-items:center;padding:1rem 0;border-top:1px solid #b8c5d1}
#admin-category-list li>div{min-width:0}
#admin-category-list h3{font-size:1rem;line-height:1.5;overflow-wrap:anywhere}
#admin-category-list p{font-size:.875rem;color:var(--muted);overflow-wrap:anywhere}
#admin-category-list button{flex-shrink:0;padding-inline:.25rem}
.admin-empty{padding:2rem 1.25rem;font-size:.9375rem;color:var(--muted)}
.admin-editor{width:680px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);border-radius:12px;overflow:auto}
.admin-editor.category-editor{width:520px}
.admin-editor .dialog-heading{padding:1.25rem 1.5rem;align-items:flex-start}
.admin-editor .dialog-heading h2{font-family:var(--body);font-weight:700;font-size:1.5rem;line-height:1.4}
.admin-editor-form{padding:1rem 1.5rem 1.5rem}
.admin-editor-form>label,.editor-fields>label{margin-top:.75rem;margin-bottom:.75rem}
.admin-editor-form label>input,.admin-editor-form label>select,.admin-editor-form label>textarea{display:block;margin-top:.375rem}
.admin-editor-form label>.required-note,.admin-editor-form label>.optional-note{display:inline;color:var(--muted);font-weight:400;font-size:.875rem}
.editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.editor-fields>label{min-width:0}
.image-editor{display:flex;align-items:flex-start;gap:1rem;border-top:1px solid var(--line);margin-top:.75rem;padding-top:1rem}
.image-editor>img{width:92px;height:110px;object-fit:contain;background:#f0f1f4;border:1px solid var(--line);border-radius:6px;flex-shrink:0}
.image-editor>div{min-width:0;flex:1}
.image-editor label{margin-top:0}
.image-editor input{padding:.5rem;width:100%}
.image-editor input::file-selector-button{font:inherit;min-height:44px;padding:.5rem;border:1px solid #7b8d9f;border-radius:4px;background:white;color:var(--ink);margin-right:.5rem;cursor:pointer}
.editor-actions{display:flex;justify-content:flex-end;gap:.75rem;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:1rem;margin-top:1rem}
.editor-conflict{background:#fff4df;border:1px solid #af8242;border-radius:8px;padding:1rem;margin-block:1rem}
.editor-conflict h3{font-size:1.125rem;margin:0 0 .5rem}
.editor-conflict h4{font-size:1rem;margin:1rem 0 .5rem}
.editor-conflict p{font-size:.9375rem;margin-block:.5rem}
.editor-conflict dl{margin:0;font-size:.875rem}
.editor-conflict dl>div{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:.75rem;padding:.25rem 0}
.editor-conflict dt{font-weight:700}
.editor-conflict dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
.toast{font-size:.9375rem;bottom:1.5rem}
@media(max-width:1100px){.catalogue-workspace{grid-template-columns:minmax(0,1fr)}.categories-panel{max-width:none}.queue-title{display:block}.queue-title .queue-tools{margin-top:1rem}.catalogue-filters{grid-template-columns:1.25fr 1fr 1fr}}
@media(max-width:650px){.site-header{padding:1rem}.site-header nav{gap:.5rem 1rem}.site-header nav .text-button{font-size:.875rem}.site-header .brand strong{font-size:1.125rem}main{padding-inline:1rem}.admin-navigation button{padding:.625rem .75rem;font-size:.9375rem}.queue-title h1,.login-card h1{font-size:2rem}.queue-title{margin-block:1.5rem}.queue-tools{gap:.5rem}.queue-tools button{flex:1}.catalogue-filters{grid-template-columns:1fr 1fr}.catalogue-filters label:first-child{grid-column:1/-1}.admin-product-row{grid-template-columns:64px minmax(0,1fr);gap:.75rem;padding:.875rem}.admin-product-row>img,.admin-photo-placeholder{width:64px;height:72px}.admin-product-row>button{grid-column:2;justify-self:start;padding:.5rem 1rem}.product-pagination{justify-content:center}.product-pagination span{order:-1;width:100%;text-align:center}.editor-fields{grid-template-columns:1fr;gap:0}.admin-editor{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.admin-editor .dialog-heading{padding:1rem}.admin-editor-form{padding:.75rem 1rem 1rem}.image-editor{flex-wrap:wrap}.image-editor>div{min-width:100%}.editor-conflict dl>div{grid-template-columns:1fr;gap:0}.queue-stats{grid-template-columns:1fr;gap:.5rem}.queue-stat{font-size:1rem}.login-card{padding:1.25rem}.queue-card{padding:1rem}.queue-card h2{font-size:1.25rem}.queue-card-footer>div:last-child{gap:.5rem}.queue-card-footer button{flex-grow:1}.queue-filters>input{width:100%;margin-top:1rem}.payment-form{padding:1rem}.payment-form .confirmation-check{font-size:.9375rem}.queue-card-header>div{max-width:100%}.queue-note{overflow-wrap:anywhere}.admin-editor-form .error{scroll-margin-block:1rem}}
@media(max-width:359px){.catalogue-filters{grid-template-columns:1fr}.catalogue-filters label:first-child{grid-column:auto}.site-header .brand small{font-size:.75rem}.queue-tools{flex-direction:column}.editor-actions>*{width:100%}.admin-navigation button{width:100%}}
@media(forced-colors:active){.admin-navigation button[aria-pressed=true]{border:3px solid Highlight}.availability-pill,.admin-photo-placeholder,.editor-conflict{border:1px solid CanvasText}button:disabled{color:GrayText;border-color:GrayText}}
@media print{#admin-navigation,.catalogue-filters,.product-pagination,.panel-heading button,.admin-product-row>button,#admin-category-list button,.queue-title .queue-tools{display:none}.catalogue-workspace{display:block}.categories-panel{margin-top:2rem}.admin-product-row{break-inside:avoid}}
.conflict-photo{object-fit:contain;background:#fff;border:1px solid #a79a84;border-radius:5px;max-width:100%}
@media(max-width:650px){.admin-product-actions{grid-column:2}.admin-product-actions>button{padding:.5rem 1rem}}
@media print{.admin-product-actions{display:none}}
.display-order-editor{width:760px}
.display-order-editor .editor-fields>label{display:block;min-width:0;font-size:.9375rem;font-weight:650}
.display-order-editor select{display:block;width:100%;min-height:46px;padding:.625rem;border:1px solid #788b9e;border-radius:7px;background:#fff;color:var(--ink);font-size:1rem}
.display-order-editor select:disabled{background:#e9edf1;color:#5b6673;border-color:#9aa7b5;opacity:1}
.display-order-editor .primary-button:disabled{background:#e9edf1;color:#5b6673;border:1px solid #9aa7b5;opacity:1}
.display-order-list{list-style:none;margin:1rem 0;padding:0;border-top:1px solid var(--line)}
.display-order-list>li{padding:1rem 0;border-bottom:1px solid var(--line)}
.order-entry-label{display:flex;gap:.75rem;align-items:flex-start;min-width:0;scroll-margin-block:1rem}
.order-entry-label>div{min-width:0}
.order-entry-label h3{font-size:1rem;line-height:1.5;overflow-wrap:anywhere}
.order-entry-label p{font-size:.875rem;color:var(--muted);overflow-wrap:anywhere}
.order-position{display:grid;place-items:center;min-width:2.25rem;min-height:2.25rem;padding:.25rem;border-radius:6px;background:var(--lavender);font-weight:700;font-variant-numeric:tabular-nums}
.order-entry-label:focus-visible,#display-order-comparison:focus-visible,#display-order-status:focus-visible{outline:3px solid #173e69;outline-offset:3px}
.order-move-buttons,.order-discard-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}
.order-move-buttons button{padding:.5rem .75rem;min-height:44px}
.order-actions{position:sticky;bottom:-1.5rem;background:#fff;margin-inline:-1.5rem;padding:1rem 1.5rem 1.5rem;z-index:1;box-shadow:0 -5px 10px #172c430d}
.saved-order-comparison{max-height:18rem;overflow:auto;padding-left:1.75rem;border:1px solid #af8242;border-radius:5px}
.saved-order-comparison li{padding:.25rem .5rem;overflow-wrap:anywhere;font-size:.9375rem}
@media(max-width:650px){.order-actions{bottom:-1rem;margin-inline:-1rem;padding:1rem}.order-move-buttons button{flex:1;min-width:7rem}.order-move-buttons button:first-child{flex-basis:100%}.order-entry-label{gap:.5rem}}
@media print{#display-order-editor{display:none}}

/* Original notification status panel; text accompanies every delivery state. */
.queue-email{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;border-top:1px solid var(--line);padding-top:1rem;margin-top:1rem;font-size:.9375rem;overflow-wrap:anywhere}.queue-email>div{min-width:0;flex:1 1 220px}.queue-email strong{display:block}.queue-email button{min-height:44px}.queue-email small{margin-top:.25rem}