/* Shared visual language; role selectors preserve the existing access boundaries. */
body[data-screen=statistics] .week-toolbar,body[data-screen=payouts] .week-toolbar{display:none}.statistics-toolbar{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.statistics-toolbar .preparation-sections{margin:0}.statistics-toolbar label{margin:0 0 6px}.statistics-range{font-size:12px;color:var(--muted)}.statistics-top{background:white;border:1px solid var(--line);border-radius:15px;padding:22px;margin:20px 0}.statistics-top h2{font-size:18px}.statistics-top>p{font-size:11px}.statistics-top>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.statistics-top article{display:flex;align-items:center;gap:12px;background:#eff4e9;border-radius:12px;padding:18px}.statistics-top article>b{display:grid;place-items:center;border-radius:50%;background:#315f49;color:white;width:30px;height:30px;flex-shrink:0}.statistics-top article span{flex:1}.statistics-table{margin:20px 0;background:#fff}.statistics-table table{min-width:1450px}.statistics-table th[scope=row]{font-size:12px;color:var(--ink);letter-spacing:0;white-space:normal;min-width:150px}.statistics-table td{font-variant-numeric:tabular-nums}.statistics-table th small{font-size:9px}.statistics-table tfoot th,.statistics-table tfoot td{background:#eaf1e4}.correction-history{font-size:11px;margin:12px 0}.correction-history summary{cursor:pointer;min-height:35px;display:flex;align-items:center;color:var(--wine)}.correction-history p{font-size:10px}.sale-review>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}.sale-review dt{color:var(--muted)}.sale-review dd{margin:0;font-weight:600}.seller-daily-reference{background:#fff9e9;border:1px solid #ebdfbf;border-radius:15px;padding:20px;margin:20px 0}.seller-daily-reference span{font-size:9px;letter-spacing:1px;color:#846b37}.seller-daily-reference h2{font-size:18px;margin:8px 0}.seller-daily-reference p{font-size:12px;color:#7f7154}.seller-daily-reference>div+div{font-size:12px;margin-top:14px}.seller-daily-reference .goal-track span{background:#a58a4d}.live-finish-summary{text-align:center;padding:12px 0}.live-finish-summary>strong{font-size:40px;color:#39745d;font-variant-numeric:tabular-nums}.live-finish-summary p{font-size:13px;line-height:1.7}#liveFinishDone{width:100%}@media(max-width:760px){.statistics-top>div{grid-template-columns:1fr}.statistics-top{padding:17px}.statistics-top article{padding:14px}.statistics-top h2{font-size:16px}.statistics-toolbar{gap:12px}.statistics-toolbar>div{width:100%}.statistics-toolbar input{width:100%}.preparation-sections{overflow-x:auto}.seller-daily-reference{padding:17px}}
.preparation-sections{display:flex;gap:8px;margin:0 0 24px;padding:5px;border:1px solid #dce5d9;border-radius:12px;background:#e9f0e5;width:fit-content;max-width:100%}.preparation-sections button{width:auto;margin:0;border:0;border-radius:9px;color:#526a59;background:transparent;padding:12px 18px;font-size:12px;min-height:44px;white-space:nowrap}.preparation-sections button[aria-pressed=true]{background:#fff;color:#315f49;box-shadow:0 2px 6px #314c3e12;font-weight:600}@media(max-width:760px){.preparation-sections{width:100%}.preparation-sections button{flex:1;padding:12px 9px;font-size:11px}}
body[data-role=admin],body[data-role=preparer]{--paper:#f2f6f1;--line:#e0e8df;--muted:#6e7e73;--ink:#23392d;--wine:#315f49;--green:#315f49;background:var(--paper)}
body[data-role=admin] #sidebar,body[data-role=preparer] #sidebar{background:#e8efe6;border-color:#dce5d9}
body[data-role=admin] header,body[data-role=preparer] header{background:#f9fbf8}
body[data-role=admin] #nav button.active,body[data-role=preparer] #nav button.active{background:#315f49;color:white}
body[data-role=admin] #nav button{display:flex;align-items:center;gap:10px;font-size:11px;min-height:44px;padding:10px}
.dashboard-nav-icon{display:flex!important;margin:0!important;flex-shrink:0}.dashboard-nav-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}.dashboard-nav-label{margin:0!important}
body[data-role=admin] .content{max-width:1720px;padding:22px 30px}body[data-role=admin] .brand,body[data-role=preparer] .brand{color:#315f49}
body[data-role=admin] .btn,body[data-role=preparer] .btn{background:#315f49;border-color:#315f49;border-radius:9px;min-height:44px}
body[data-role=admin] .btn.secondary,body[data-role=preparer] .btn.secondary{background:white;border-color:#d5e0d3;color:#315f49}
body[data-role=admin] .activity,body[data-role=preparer] .activity{border-radius:16px;border-color:#e0e8df;box-shadow:0 3px 12px #243e2b03}
.dash-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0}.dash-heading h1{font:600 32px 'DM Sans',sans-serif;letter-spacing:-1px;margin:8px 0}.dash-heading p{color:var(--muted);font-size:12px}.dash-eyebrow{font-size:9px!important;letter-spacing:2px}.dash-heading-actions{display:flex;gap:8px;flex-wrap:wrap}
.dash-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:start}.dash-primary,.dash-secondary{min-width:0;display:grid;gap:20px}.dash-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dash-kpi{background:#fff;border:1px solid #e0e8df;border-radius:16px;padding:21px}.dash-kpi-label{display:flex;align-items:center;gap:9px;color:#5d7365;font-size:11px}.dash-kpi-label svg{width:19px;height:19px;fill:none;stroke:#315f49;stroke-width:1.5}.dash-kpi>strong{display:block;font-size:31px;letter-spacing:-1px;margin:16px 0}.dash-kpi-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;color:#718175}.dash-kpi-foot small{background:#eaf2e7;color:#315f49;padding:3px 7px;border-radius:20px;font-size:8px}.dash-kpi-foot .pending{background:#fbefbc;color:#6d5a12}
.dash-card{border:1px solid #e0e8df;border-radius:18px;background:white;padding:23px;min-width:0}.dash-card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.dash-card h2{font:600 15px 'DM Sans',sans-serif;margin:0}.dash-card-heading p{font-size:10px;color:var(--muted);margin:7px 0 0}.dash-total{font-size:22px;font-weight:600;white-space:nowrap}.dash-chart-legend{display:flex;gap:18px;font-size:10px;margin:22px 0}.dash-chart-legend span{display:flex;align-items:center;gap:6px}.dash-chart-legend i,.dash-payment-legend i{display:inline-block;width:8px;height:8px;border-radius:3px}.dash-bar-chart{height:235px;display:flex;gap:12px}.dash-y-axis{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:27px;font-size:9px;color:#87938a;width:45px;flex-shrink:0}.dash-chart-area{position:relative;flex:1;min-width:0}.dash-grid-lines{position:absolute;inset:0 0 27px;display:flex;flex-direction:column;justify-content:space-between}.dash-grid-lines i{border-top:1px dashed #e7ede4;width:100%}.dash-day-bars{position:absolute;inset:0;display:flex;justify-content:space-around;gap:12px}.dash-day{height:100%;display:flex;flex:1;flex-direction:column;min-width:0;align-items:center}.dash-day-columns{display:flex;align-items:flex-end;justify-content:center;gap:5px;width:100%;height:calc(100% - 27px)}.dash-bar{width:18px;max-width:35%;border-radius:5px 5px 0 0}.dash-bar.paid{background:#39745d}.dash-bar.pending{background:#dfeadd}.dash-day-label{font-size:10px;padding-top:12px;color:#758679}.dash-chart-note{font-size:9px;color:#7c897f;margin:20px 0 0;line-height:1.7}
.dash-text-button{border:0;background:none;color:#315f49;font-size:11px;min-height:44px;padding:8px}.dash-order-table{margin-top:15px}.dash-order-head,.dash-order-row{display:grid;grid-template-columns:60px minmax(100px,1.4fr) minmax(60px,1fr) 80px 90px;gap:10px;align-items:center;padding:15px 0;border-bottom:1px solid #edf1ea;font-size:10px}.dash-order-head{font-size:8px;color:#829084}.dash-order-row:last-child{border:0}.dash-order-product{display:flex;align-items:center;gap:8px;min-width:0}.dash-order-product img{width:36px;height:40px;object-fit:contain;border-radius:6px;background:#f6f5ef}.dash-order-product b{display:block;font-size:10px}.dash-order-product small,.dash-order-number small{font-size:8px}.dash-order-number button{border:0;background:none;color:#315f49;font-size:15px;font-weight:700;padding:0;min-height:44px}.dash-status{border:0;border-radius:20px;background:#edf2eb;color:#315f49;padding:8px;font-size:9px;min-height:36px}.dash-status.pending{background:#fff2c7;color:#7d6415}.dash-status.unpaid{background:#fbe7e7;color:#985954}.dash-status.refunded{background:#edf0ed;color:#68786c}.dash-payment-ring,.dash-goal-ring{width:170px;height:170px;margin:26px auto;border-radius:50%;display:grid;place-items:center}.dash-payment-ring>div,.dash-goal-ring>div{width:126px;height:126px;background:white;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.dash-payment-ring strong,.dash-goal-ring strong{font-size:29px}.dash-payment-ring span,.dash-goal-ring span{font-size:10px;color:#819084;margin-top:5px}.dash-payment-legend{display:grid;gap:7px}.dash-payment-legend button{display:flex;gap:10px;align-items:center;border:0;background:none;min-height:38px;font-size:11px;color:#526b5b;text-align:left;padding:3px 0}.dash-payment-legend button>span{flex:1;display:flex;align-items:center;gap:8px}.dash-payment-legend small{font-size:9px;width:30px;text-align:right}.dash-goal-ring{background:conic-gradient(#ef8c98 var(--goal-percent),#f6e9e8 0)}.dash-goal-details{display:grid;gap:12px;font-size:11px}.dash-goal-details span{display:flex;justify-content:space-between}.dash-goals-card>.dash-text-button{margin-top:15px;width:100%;text-align:left}.dash-margin-card{background:#e5eddf}.dash-margin-card>div{display:flex;align-items:center;gap:8px;font-size:11px}.dash-margin-card svg{width:20px;height:20px;stroke:#315f49;fill:none;stroke-width:1.5}.dash-margin-card>strong{display:block;font-size:27px;margin:15px 0}.dash-margin-card>small{font-size:9px}.dash-alerts{background:#fff6d7;padding:20px;border-radius:16px;margin-top:20px;font-size:12px}.dash-alerts h2{font-size:15px}
/* Inventory layout inspired by the compact reference, with actual catalogue data. */
body[data-role=admin] #nav button:not(.active),body[data-role=preparer] #nav button:not(.active){color:#526a59}body[data-role=admin] #nav button:hover,body[data-role=preparer] #nav button:hover{background:#dce7d8;color:#23392d}body[data-role=admin] .aside-bottom,body[data-role=preparer] .aside-bottom{color:#315f49}body[data-role=admin] .aside-bottom small,body[data-role=preparer] .aside-bottom small,body[data-role=admin] .brand small,body[data-role=preparer] .brand small{color:#647f6a}
.catalog-summary,.prep-counters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.catalog-summary .stat,.prep-counters .stat{background:white;border-radius:14px;border:1px solid #e0e8df;min-width:0;padding:20px}.catalog-summary .stat strong,.prep-counters .stat strong{font-size:29px}.catalog-table-heading{display:grid;grid-template-columns:1fr 190px 175px;gap:18px;padding:14px 20px;margin-top:27px;font-size:9px;color:#758579;letter-spacing:.8px}.catalog-list{border:1px solid #e0e8df;border-radius:16px;overflow:hidden;background:white}.catalog-model-row{border:0!important;border-bottom:1px solid #edf1e9!important;border-radius:0!important;margin:0!important;padding:17px 20px!important;background:#fff;transition:background .15s}.catalog-model-row:last-child{border-bottom:0!important}.catalog-model-row:hover{background:#f8faf5}.catalog-model-identity h3{font-family:'DM Sans',sans-serif}.catalog-thumb{background:#f5f6ef!important;border-radius:9px}.catalog-row-actions .btn{font-size:10px}.catalog-model-stock b{color:#315f49}.catalog-count{background:#e7eee2;padding:10px 14px;border-radius:25px;font-size:11px}
/* Focused mobile preparation, with exact manual number lookup. */
.prep-workflow{display:flex;gap:18px;margin:22px 0;color:#6b8074;font-size:11px;flex-wrap:wrap}.prep-workflow span{display:flex;align-items:center;gap:8px}.prep-workflow b{display:grid;place-items:center;background:#dfebdc;border-radius:50%;width:27px;height:27px;color:#315f49}.prep-search-panel{margin-top:16px!important}.number-search label{font-size:12px;font-weight:600;color:#315f49}.number-search>div{display:flex;gap:10px}.number-search input{font-size:25px;letter-spacing:3px;font-weight:600;min-height:60px;min-width:0;flex:1;max-width:320px;background:#f8faf5;border:1px solid #c7d6c3;border-radius:9px}.number-search p{font-size:11px;line-height:1.7;color:#748377}.number-search .btn{padding:12px 22px}.prep-close-panel{background:#fafbf6!important;border-style:dashed!important}.prep-close-panel h2{font-size:18px}.prep-close-panel select{width:100%;margin-bottom:12px}
body[data-role=preparer] .unit-card{position:relative;border:1px solid #dce6d8;border-radius:15px;background:white;padding:22px;margin:20px 0;overflow:hidden}body[data-role=preparer] .unit-heading{display:grid;grid-template-columns:75px minmax(0,1fr) auto;align-items:center;gap:16px}body[data-role=preparer] .unit-label{font-size:32px;background:#eaf1e5;color:#315f49;border-radius:10px;padding:14px 4px;text-align:center}body[data-role=preparer] .unit-heading>div b{font-size:16px;display:block;overflow-wrap:anywhere}body[data-role=preparer] .unit-heading>div small{font-size:11px;margin-top:6px}body[data-role=preparer] .unit-heading>b{font-size:21px}body[data-role=preparer] .unit-context{font-size:11px;line-height:1.8;color:#77897c;max-width:none;margin:16px 0}body[data-role=preparer] .unit-photo{position:static;display:block;width:100%;max-width:320px;height:190px;object-fit:contain;background:#f7f8f3;border-radius:12px;margin:18px auto}body[data-role=preparer] .unit-statuses{display:flex;gap:8px;flex-wrap:wrap}body[data-role=preparer] .unit-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}body[data-role=preparer] .unit-actions .btn{flex:1;font-size:12px;min-height:48px}body[data-role=preparer] .unit-card[data-payment=pending]{border-top:4px solid #e4c85a}body[data-role=preparer] .unit-card[data-payment=paid]{border-top:4px solid #39745d}
/* Seller catalogue: photography, quiet cards and thumb-friendly controls. */
.seller-live-banner{background:#efe9df;border:1px solid #e8ded0;border-radius:14px;padding:18px 20px;margin:0 0 20px}.seller-live-banner>span{font-size:9px;letter-spacing:1.5px;color:#6b5446;display:flex;gap:8px;align-items:center}.seller-live-banner i{width:7px;height:7px;background:#668168;border-radius:50%}.seller-live-banner p{font-size:12px;line-height:1.6;margin:9px 0 0;color:#827064}.seller-card-open{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0e9e6;padding-top:12px;margin-top:14px;color:var(--wine);font-size:11px}.seller-card-open b{font-size:17px}.seller-product-card{border-radius:15px}.seller-card-photo{background:#f0eeea}.seller-card-body{padding:18px}.seller-card-title{font-family:'Playfair Display',serif;font-size:22px}.seller-card-price{font-size:25px}.seller-intro h1{font-family:'Playfair Display',serif;letter-spacing:-.5px}
@media(min-width:1600px){.dash-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.dash-layout{grid-template-columns:minmax(0,1fr) 310px}.dash-kpi-foot{flex-wrap:wrap}}
@media(max-width:1200px){.dash-layout{grid-template-columns:minmax(0,1fr)}.dash-secondary{grid-template-columns:1fr 1fr}.dash-margin-card{grid-column:1/-1}.catalog-table-heading{display:none}}
@media(max-width:760px){body[data-role=admin] .content,body[data-role=preparer] .content{padding:16px}body[data-role=admin] #nav button{font-size:12px}.dashboard-nav-label{display:block!important}.dash-heading{align-items:flex-start;flex-direction:column;margin:18px 0}.dash-heading h1{font-size:28px}.dash-heading-actions{width:100%}.dash-heading-actions .btn{flex:1;font-size:11px}.dash-kpis{gap:10px}.dash-kpi{padding:15px;border-radius:13px}.dash-kpi-label{font-size:10px;gap:6px}.dash-kpi>strong{font-size:25px;margin:14px 0}.dash-kpi-foot{display:block;line-height:1.6}.dash-kpi-foot small{display:inline-block;margin-top:8px}.dash-card{padding:17px;border-radius:14px}.dash-secondary{grid-template-columns:1fr}.dash-margin-card{grid-column:auto}.dash-total{font-size:18px}.dash-card h2{font-size:14px}.dash-order-head,.dash-order-row{grid-template-columns:45px minmax(80px,1fr) 65px 78px;gap:5px}.dash-order-head>span:nth-child(3),.dash-order-seller{display:none}.dash-order-product img{display:none}.dash-status{font-size:8px;padding:7px 5px;min-height:44px}.dash-order-price{font-size:10px}.dash-bar-chart{height:210px;gap:6px}.dash-day-bars{gap:6px}.dash-chart-legend{font-size:9px;gap:12px}.dash-layout,.dash-primary,.dash-secondary{gap:14px}.catalog-summary,.prep-counters{gap:8px}.catalog-summary .stat,.prep-counters .stat{padding:12px 9px}.catalog-summary .stat-label,.prep-counters .stat-label{font-size:9px}.catalog-summary .stat strong,.prep-counters .stat strong{font-size:23px}.catalog-summary small,.prep-counters small{font-size:8px}.catalog-model-row{padding:13px!important}.prep-workflow{gap:10px;font-size:9px}.prep-workflow b{width:23px;height:23px}.number-search>div{gap:8px}.number-search input{width:100%;font-size:24px;max-width:none}.number-search .btn{padding:10px 14px;font-size:11px}.prep-search-panel{padding:17px!important}body[data-role=preparer] .unit-card{padding:15px}body[data-role=preparer] .unit-heading{grid-template-columns:58px minmax(0,1fr);gap:12px}body[data-role=preparer] .unit-heading>b{grid-column:2;font-size:24px}body[data-role=preparer] .unit-label{font-size:27px;grid-row:1/3}body[data-role=preparer] .unit-heading>div b{font-size:15px}body[data-role=preparer] .unit-actions .btn{min-width:100%;font-size:12px}.seller-live-banner{padding:14px;margin-bottom:15px}.seller-live-banner p{font-size:11px}.seller-intro h1{font-size:26px;line-height:1.2}.seller-card-body{padding:11px}.seller-card-title{font-size:17px}.seller-card-price{font-size:22px}.seller-card-open{font-size:10px;padding-top:9px;margin-top:10px}.seller-product-card{border-radius:12px}}
