:root{color-scheme:light;--paper:#f8f6f1;--panel:#fffdf9;--ink:#201e1a;--muted:#89847b;--line:#e7dfd2;--gold:#aa7a3f;--green:#3e7751;--red:#c74245;--shadow:0 20px 50px #342a1710;font-family:Montserrat,Arial,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--paper);color:var(--ink);font-size:13px}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 20%,#fffdf9 0,transparent 55%)}.login-card{width:min(440px,100%);padding:48px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.brand{position:relative;display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;color:#211b14;text-decoration:none}.brand:after{content:"";position:absolute;left:66px;bottom:-5px;width:68px;height:2px;background:#b78a50}.brand-mark{position:relative;display:block;flex:none;width:57px;height:57px;overflow:hidden}.brand-mark img{position:absolute;left:-32px;top:-25px;width:111px;height:111px;max-width:none}.brand-name{font-family:"Bodoni Moda",Georgia,serif;font-size:26px;font-weight:600;letter-spacing:-.025em;white-space:nowrap;color:#211b14}.eyebrow{color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.18em;margin:0 0 12px}.login-card .eyebrow{margin-top:36px}.login-card h1,.topbar h1,.dialog-head h2{font-family:"Bodoni Moda",Georgia,serif;font-weight:600;line-height:1.12}.login-card h1{font-size:36px;margin:0 0 30px}.login-card label,.field{display:grid;gap:8px;margin:15px 0;font-size:11px;font-weight:600;color:#6d685f}.login-card input,.field input,.field select,.field textarea{width:100%;min-height:42px;border:1px solid var(--line);background:#fffdfa;padding:10px 12px;color:var(--ink);outline-color:#c19a68}.button{border:1px solid var(--line);padding:11px 16px;font-size:10px;font-weight:700;letter-spacing:.06em}.button-dark{background:var(--ink);color:#fff}.button-light{background:transparent;color:var(--ink)}.login-card>.button{width:100%;margin-top:12px}.form-error{min-height:16px;color:var(--red);font-size:11px}.app-shell{min-height:100vh;display:grid;grid-template-columns:246px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:30px 18px 20px;background:#f1eee7;border-right:1px solid var(--line);display:flex;flex-direction:column}.sidebar>.brand{margin:0 0 26px;padding:0}.sidebar>.brand:after{bottom:-5px}.sidebar>.eyebrow{padding:0 14px}.sidebar nav{display:grid;gap:4px}.nav-item{border:0;background:transparent;padding:13px 14px;text-align:left;color:#69645b;font-size:11px}.nav-item:hover,.nav-item.active{background:#fffaf2;color:var(--ink)}.nav-item.active{box-shadow:inset 2px 0 var(--gold);font-weight:700}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:18px 12px 0;display:grid;gap:10px;color:var(--muted);font-size:11px}.text-button{border:0;background:none;padding:0;text-align:left;color:var(--gold);font-size:11px}.workspace{width:min(1440px,100%);padding:30px clamp(20px,4vw,64px) 60px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.topbar h1{font-size:34px;margin:0}.topbar .eyebrow{margin-bottom:7px}.notice{padding:12px 16px;background:#edf5ec;color:#396d43;margin-bottom:18px;font-size:12px}.notice.error{background:#fbefee;color:#a43c39}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.metric,.panel,.table-panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.metric{padding:18px 20px;min-height:116px}.metric-label{color:var(--muted);font-size:10px}.metric-value{margin-top:16px;font-family:"Bodoni Moda",Georgia,serif;font-size:27px}.metric-note{font-size:9px;color:var(--muted);margin-top:4px}.panel{padding:22px;margin:14px 0}.panel h2,.panel h3{font-family:"Bodoni Moda",Georgia,serif;font-size:20px;font-weight:600;margin:0 0 14px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.panel-head h2{margin:0}.callout{padding:13px 15px;border-left:2px solid var(--gold);background:#faf5eb;color:#6a6152;font-size:11px;line-height:1.7}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:680px}.data-table th,.data-table td{padding:12px 11px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.data-table th{color:var(--muted);font-size:9px;letter-spacing:.08em;font-weight:700}.data-table td{font-size:11px;line-height:1.55}.data-table tr:last-child td{border-bottom:0}.subtle{display:block;color:var(--muted);font-size:10px;margin-top:3px}.money{font-weight:700;white-space:nowrap}.stock-low{color:#b7443e}.status{display:inline-block;padding:5px 7px;background:#f0eee8;color:#746c5f;font-size:9px;white-space:nowrap}.status.green{background:#edf5ec;color:#45734d}.row-actions{display:flex;align-items:center;gap:7px}.mini-select{min-height:32px;border:1px solid var(--line);background:white;padding:5px;font-size:10px}.mini-button{border:1px solid var(--line);background:#fffdf9;padding:7px 9px;font-size:9px;color:#5c5142}.mini-button.danger{color:var(--red)}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.search{width:min(320px,100%);min-height:38px;border:1px solid var(--line);background:#fffdf9;padding:9px 12px}.product-cell{display:flex;align-items:center;gap:12px;min-width:240px}.product-cell img{flex:0 0 76px;width:76px;height:84px;object-fit:contain;padding:4px;background:#f1efeb;border:1px solid var(--line)}.empty{padding:30px;text-align:center;color:var(--muted)}.entry-dialog{width:min(650px,calc(100% - 24px));max-height:90vh;border:1px solid var(--line);padding:0;background:var(--panel);box-shadow:0 30px 100px #17130f38}.entry-dialog::backdrop{background:#18151077;backdrop-filter:blur(3px)}.entry-dialog form{padding:26px}.dialog-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:14px}.dialog-head h2{font-size:25px;margin:0}.close-button{border:0;background:none;font-size:24px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}.field.full{grid-column:1/-1}.field textarea{min-height:80px;resize:vertical}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.line-box{border:1px solid var(--line);padding:13px;margin:14px 0}.line-box h3{font-size:15px}.dialog-hint{font-size:10px;color:var(--muted);line-height:1.6}.movement-in{color:var(--green);font-weight:700}.movement-out{color:var(--red);font-weight:700}
@media(max-width:980px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{padding:24px 20px 50px}}@media(max-width:680px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:16px;border-right:0;border-bottom:1px solid var(--line)}.sidebar>.brand{margin-bottom:20px;padding:0}.sidebar>.eyebrow,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto;gap:3px}.nav-item{white-space:nowrap;padding:10px}.workspace{padding:20px 14px 40px}.topbar h1{font-size:27px}.metrics{gap:8px}.metric{padding:13px;min-height:102px}.metric-value{font-size:21px}.login-card{padding:30px 24px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.panel{padding:16px}}
/* Home Screen app and touch controls */
body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.login-shell,.app-shell{min-height:100svh}
.connection-status{padding:12px 16px;background:#fbefee;color:#a43c39;font-size:12px;line-height:1.6}
.install-help{padding:12px 20px;border-bottom:1px solid var(--line);background:var(--panel);font-size:11px;line-height:1.7}
.install-help summary{cursor:pointer;color:var(--gold);min-height:24px}
.install-help p{max-width:680px;margin:8px 0}
.entry-dialog{max-height:90dvh}
@media(max-width:680px){
  .sidebar-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:8px 8px 0}
  .sidebar-bottom .text-button{min-height:44px;padding:10px}
  .nav-item,.button,.mini-button,.mini-select,.close-button{min-height:44px}
  .close-button{min-width:44px}
  .login-card input,.field input,.field select,.field textarea,.search,.mini-select{font-size:16px}
  .topbar{gap:12px;flex-wrap:wrap}
  .panel-head{flex-wrap:wrap}
  .workspace{min-width:0}
  .entry-dialog form{padding:20px 16px}
}

@media(min-width:681px) and (max-width:980px){
  .sidebar>.brand{gap:6px}
  .sidebar>.brand .brand-mark{width:46px;height:46px}
  .sidebar>.brand .brand-mark img{left:-27px;top:-21px;width:96px;height:96px}
  .sidebar>.brand .brand-name{font-size:21px}
  .sidebar>.brand:after{left:52px;width:53px}
}
@media(max-width:360px){
  .login-card>.brand{gap:6px}
  .login-card>.brand .brand-mark{width:46px;height:46px}
  .login-card>.brand .brand-mark img{left:-27px;top:-21px;width:96px;height:96px}
  .login-card>.brand .brand-name{font-size:21px}
  .login-card>.brand:after{left:52px;width:53px}
}

/* Slightly larger type in the management workspace. */
.workspace{font-size:14px}
.workspace .eyebrow{font-size:10px}
.workspace .topbar h1{font-size:36px}
.workspace .data-table th{font-size:11px}
.workspace .data-table td{font-size:13px}
.workspace .subtle{font-size:12px}
.workspace .button{font-size:12px}
.workspace .mini-button,.workspace .mini-select{font-size:12px}
.workspace .status{font-size:11px}
.workspace .search{font-size:14px}
.workspace .metric-label{font-size:12px}
.workspace .metric-note{font-size:11px}
.workspace .callout{font-size:13px}
.workspace .dialog-hint{font-size:12px}
@media(max-width:680px){
  .workspace .topbar h1{font-size:29px}
  .workspace .search,.workspace .mini-select{font-size:16px}
}

.stats-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.stats-controls .field{margin-top:0}
.stats-metrics .metric-value{overflow-wrap:anywhere}
.stats-chart{display:grid;gap:14px;max-height:480px;overflow:auto}
.stats-bar-row{display:grid;grid-template-columns:160px minmax(40px,1fr) 130px;align-items:center;gap:14px;font-size:12px}
.stats-bar-row strong{text-align:right}
.stats-bar-track{height:16px;background:#f1eee7}
.stats-bar{height:100%;background:linear-gradient(90deg,#aa7a3f,#d4b17e)}
@media(max-width:980px){.stats-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.stats-filter-grid{gap:10px}.stats-bar-row{grid-template-columns:1fr 110px;gap:6px}.stats-bar-track{grid-column:1;grid-row:auto}.stats-bar-row>span{grid-column:1/-1}.stats-metrics .metric-value{font-size:21px}}

.login-card select{width:100%;min-height:42px;border:1px solid var(--line);background:#fffdfa;padding:10px 12px;color:var(--ink)}
.permissions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.permission-option{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);font-size:13px;line-height:1.5;cursor:pointer}
.permission-option input{width:20px;height:20px;flex:none;accent-color:var(--gold)}
#settings-form>.panel>.field{max-width:500px}
button:disabled{cursor:wait;opacity:.65}
@media(max-width:680px){.permissions-grid{grid-template-columns:1fr}.login-card select{font-size:16px}}

/* Section icons follow the same muted gold palette as the brand. */
.nav-item{display:flex;align-items:center;gap:10px;line-height:1.5}
.nav-icon{display:block;flex:0 0 20px;width:20px;height:20px;color:#9a866b}
.nav-item.active .nav-icon,.nav-item:hover .nav-icon{color:var(--gold)}
.nav-item:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media(max-width:680px){.nav-item{flex:0 0 auto;gap:8px}.nav-icon{flex-basis:18px;width:18px;height:18px}}

.sidebar .nav-item{font-size:13px}

.nav-item{position:relative}
.orders-badge{position:absolute;left:-9px;top:50%;transform:translateY(-50%);display:grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:20px;background:#b6473e;color:#fff;font-family:Montserrat,Arial,sans-serif;font-size:10px;font-weight:700;line-height:1;box-shadow:0 0 0 2px #f1eee7;font-variant-numeric:tabular-nums}
@media(max-width:680px){.nav-item[data-view="orders"]{padding-left:34px}.orders-badge{left:7px;min-width:18px;height:18px}}

.inventory-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#movement-filters .full{grid-column:1/-1}
.inventory-filters .field{margin:0}
.inventory-hide-empty{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:13px;cursor:pointer}
.inventory-hide-empty input{width:18px;height:18px;accent-color:var(--gold);flex:none}
.row-actions{flex-wrap:wrap}
.entry-line h3{margin:0}
#entry-total{font-size:16px;color:var(--gold)}
@media(max-width:680px){.inventory-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.entry-dialog .panel-head{flex-wrap:wrap}}

.product-picker{min-width:0}
.picker-toggle,.picker-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px;text-align:left;border:1px solid var(--line);background:#fffdfa;color:var(--ink);font-weight:400;line-height:1.5}
.picker-toggle>span:last-child{margin-left:auto}
.picker-photo{display:grid;place-items:center;flex:0 0 64px;width:64px;height:74px;background:#f1eee7;color:var(--muted);font-size:10px;text-align:center}
.picker-photo img{width:100%;height:100%;object-fit:contain}
.picker-description{display:grid;gap:3px;min-width:0;font-size:12px;overflow-wrap:anywhere}
.picker-description strong{font-size:12px}
.picker-description small{font-size:11px;color:#6d685f}
.picker-panel{border:1px solid var(--line);padding:12px;background:var(--panel)}
.picker-search-label{display:grid;gap:8px;font-size:12px}
.picker-results{display:grid;gap:6px;margin-top:12px;max-height:320px;overflow:auto;overscroll-behavior:contain}
.picker-option:hover,.picker-option.is-selected{background:#f8f0e4;border-color:var(--gold)}
.picker-toggle:focus-visible,.picker-option:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.picker-count{font-size:11px;color:var(--muted);margin:10px 0 0}
@media(max-width:680px){.picker-photo{flex-basis:60px;width:60px;height:70px}.picker-results{max-height:280px}.picker-description,.picker-description strong{font-size:12px}.picker-search-label input{font-size:16px}.picker-panel{padding:8px}}

.size-toggle{display:grid;place-items:center;flex:0 0 30px;width:30px;height:40px;border:1px solid var(--line);background:#fffaf2;color:var(--gold);font-size:20px}
.size-toggle:hover,.size-toggle:focus-visible{border-color:var(--gold);outline:2px solid #aa7a3f33}
.inventory-sizes{display:block;color:var(--gold);font-size:11px;margin-top:6px;line-height:1.6}
.inventory-grouped .inventory-size-row td{background:#f5f1ea;padding-top:12px;padding-bottom:12px}
.inventory-grouped .inventory-size-row .size-cell{padding-left:56px}
.inventory-grouped .inventory-size-row .row-actions{gap:6px}
.inventory-product-row .product-cell{min-width:300px}

.stocktake-scopes{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
.stocktake-scopes label,.stocktake-categories label{display:flex;gap:8px;align-items:center;font-size:13px;cursor:pointer}
.stocktake-scopes input,.stocktake-categories input,.stocktake-choice>input{width:18px;height:18px;accent-color:var(--gold);flex:none}
.stocktake-categories{display:flex;flex-wrap:wrap;gap:14px;border:1px solid var(--line);padding:18px;margin:16px 0}
.stocktake-categories legend{font-size:12px;padding:0 6px}
.stocktake-selection-head{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0 12px;font-size:12px}
.stocktake-selection{display:grid;gap:8px;max-height:430px;overflow:auto;margin-bottom:20px}
.stocktake-choice{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);cursor:pointer}
.stocktake-choice>strong{margin-left:auto;white-space:nowrap;font-size:12px}
.stocktake-product{display:flex;align-items:center;gap:12px;min-width:220px}
.stocktake-product>img{width:58px;height:68px;flex:none;object-fit:contain;background:#f1eee7}
.stocktake-product>span{display:grid;gap:5px;font-size:12px}
.stocktake-product small{color:var(--muted);font-size:11px}
.stocktake-sheet input{width:100px;min-height:44px;padding:10px;border:1px solid var(--line);background:#fffdfa;outline-color:var(--gold)}
.stocktake-sheet{margin-top:12px}
.count-indicator{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;font-weight:600;padding:7px 9px;border-radius:4px}
.count-indicator>span{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.count-surplus{color:#27633b;background:#edf6ef}
.count-matched{color:#806000;background:#fff4c5}
.count-shortage{color:#a82d2d;background:#fcecec}
.count-pending{color:#76716a;background:#f0eeea}
.stocktake-review{padding:20px;border:1px solid var(--gold);background:#faf3e8;margin:18px 0;line-height:1.7}
.stocktake-review button{margin:8px 8px 0 0}
@media(max-width:680px){.stocktake-choice{gap:8px}.stocktake-choice .stocktake-product{min-width:0}.stocktake-product>img{width:48px;height:58px}.stocktake-scopes{display:grid}.stocktake-sheet input{font-size:16px}.stocktake-categories{display:grid;grid-template-columns:1fr 1fr}}

.overview-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;margin-bottom:20px;border:1px solid #c2a87e;background:linear-gradient(115deg,#f3ecdf,#fffdf9)}
.overview-heading h2{font-family:"Bodoni Moda",Georgia,serif;font-size:30px;margin:0 0 10px;font-weight:600}
.overview-heading p{font-size:13px;margin:0;line-height:1.6}
.overview-heading .eyebrow{font-size:10px;margin-bottom:10px}
.overview-updated{font-size:11px;color:var(--muted);white-space:nowrap}
.overview-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:24px}
.overview-action{display:grid;align-content:start;text-align:left;gap:8px;padding:16px;border:1px solid var(--line);background:var(--panel);color:var(--ink);min-height:94px}
.overview-action strong{font-size:13px}
.overview-action span{font-size:11px;line-height:1.6;color:var(--muted)}
.overview-action-primary{background:var(--ink);color:#fff;border-color:var(--ink)}
.overview-action-primary span{color:#d5c7b2}
.overview-action:hover{border-color:var(--gold)}
.overview-action .overview-action-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:4px;border-radius:10px;background:#f3eadc;color:#a37136;border:1px solid #e9d9c1}
.overview-action-icon svg{width:26px;height:26px}
.overview-action-primary .overview-action-icon{background:#ffffff0d;border-color:#b99c6d66;color:#e1be85}
.overview-action:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.overview-metrics{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.overview-metrics .metric-value{font-size:30px}
.overview-metrics .metric-note{line-height:1.6}
.overview-today{display:flex;align-items:center;gap:26px;padding:16px 22px;border:1px solid var(--line);background:#fffaf1;margin-bottom:20px}
.overview-today h2{font-family:"Bodoni Moda",Georgia,serif;font-size:23px;margin:0}
.overview-today>div{display:flex;gap:24px;flex-wrap:wrap}
.overview-today span{font-size:12px;color:var(--muted)}
.overview-today strong{color:var(--ink);margin-left:8px}
.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px}
.overview-grid>.panel{min-width:0}
.workspace .overview-button{min-height:40px;padding:9px 14px;border:2px solid #a57b43;background:transparent;color:#49341b;font-size:13px;font-weight:600;line-height:1.4;transition:background .15s,border-color .15s}
.workspace .overview-button:hover{background:transparent;border-color:#775323;color:#30210e}
.workspace .overview-button:focus-visible{outline:3px solid #a57b43;outline-offset:3px}
.overview-low-item .overview-button{min-width:86px}
@media(max-width:680px){.workspace .overview-button{min-height:44px}}
.overview-chart .panel-head{align-items:flex-start}
.overview-chart h2{margin-bottom:8px}
.overview-bars{display:flex;align-items:flex-end;gap:7px;min-height:178px;overflow-x:auto;padding:0 2px 8px;margin:20px 0 10px;border-bottom:1px solid var(--line)}
.overview-day{flex:1;min-width:15px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;font-size:10px;color:var(--muted)}
.overview-bar{width:100%;max-width:44px;background:linear-gradient(#d4b17e,#aa7a3f);border-radius:3px 3px 0 0}
.overview-bar.is-zero{background:#e9e3d8}
.overview-breakdown{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}
.overview-breakdown>div:first-child{display:grid;gap:5px}
.overview-breakdown span{color:var(--muted);font-size:11px}
.overview-track{grid-column:1/-1;height:5px;background:#efebe3}
.overview-track>div{height:100%;background:var(--gold)}
.expense-track>div{background:#a88e73}
.overview-subtitle{font-family:"Bodoni Moda",Georgia,serif;font-size:21px;margin:24px 0 10px}
.overview-list-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;font-size:12px;border-bottom:1px solid var(--line)}
.overview-order-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.overview-order-metrics button{display:grid;gap:10px;text-align:left;border:1px solid var(--line);padding:14px 12px;background:#faf7f0;color:var(--ink)}
.overview-order-metrics strong{font-size:27px;font-family:"Bodoni Moda",Georgia,serif}
.overview-order-metrics span{font-size:11px;line-height:1.6}
.overview-stock-metrics{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;line-height:1.7}
.overview-stock-metrics span{display:grid;gap:5px}
.overview-stock-metrics strong{font-family:"Bodoni Moda",Georgia,serif;font-size:27px}
.overview-low-stock{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.overview-low-item{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:12px}
.overview-low-item>img{width:52px;height:64px;object-fit:contain;flex:none;background:#f1eee7}
.overview-low-item>div{display:grid;gap:5px;min-width:0;font-size:11px;line-height:1.6}
.overview-low-item small{color:var(--muted);font-size:10px}
.overview-low-item>button{margin-left:auto;flex:none}
@media(max-width:1280px){.overview-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.overview-low-stock{grid-template-columns:1fr}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.overview-heading{padding:20px;align-items:flex-start;flex-direction:column}.overview-heading h2{font-size:25px}.overview-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-action{padding:14px}.overview-metrics .metric-value{font-size:25px}.overview-today{align-items:flex-start;flex-direction:column;gap:14px}.overview-today>div{gap:14px}.overview-low-item{gap:8px}.overview-low-item>button{padding:8px}.overview-order-metrics button{padding:10px}.overview-bars{gap:5px}}

.entry-dialog.product-editor{width:min(980px,calc(100% - 24px))}
.product-section{padding:20px 0;border-bottom:1px solid var(--line)}
.product-section h3{font-family:"Bodoni Moda",Georgia,serif;font-size:23px;margin:0 0 16px}
.product-variant-row{display:grid;grid-template-columns:1fr 1fr 1.3fr 1fr 34px;gap:10px;align-items:center;border:1px solid var(--line);padding:12px;margin:12px 0}
.product-variant-row .field{margin:0}
.product-variant-row .mini-button{padding:6px}
.product-photo-preview{display:flex;align-items:center;gap:16px}
.product-photo-preview img{max-width:180px;max-height:180px;object-fit:contain;border:1px solid var(--line)}
.product-card-summary{display:flex;align-items:center;gap:24px;margin-top:20px}
.product-card-summary>img{width:180px;height:200px;object-fit:contain;background:#fff}
.product-description{white-space:pre-wrap;line-height:1.8;font-size:13px}
.product-editor .callout{margin-top:16px}
.product-editor .field{font-size:12px}
@media(max-width:680px){.product-variant-row{grid-template-columns:1fr 1fr}.product-variant-row>.mini-button{grid-column:2;justify-self:end;width:44px}.product-card-summary{align-items:flex-start;flex-direction:column}.product-card-summary>img{width:140px;height:150px}}