:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#233e38;background:#f5f7f3;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid #d9e3dc;background:white;border-radius:8px;padding:10px 15px;color:#24483d}button:hover{background:#edf3e9}button:disabled{opacity:.5;cursor:wait}.primary{background:#246b4e;color:white;border-color:#246b4e}.primary:hover{background:#195a40}.shell{display:grid;grid-template-columns:234px 1fr;min-height:100vh}.sidebar{background:#153e32;color:#d9e6de;padding:32px 20px;display:flex;flex-direction:column}.brand{font-weight:700;font-size:21px;letter-spacing:-.7px;color:white;margin-bottom:42px}.mark{display:inline-grid;place-items:center;background:#d8b96b;color:#173e30;border-radius:9px;width:36px;height:36px;margin-right:8px;font-size:15px}.sidebar button{display:block;width:100%;text-align:left;margin:4px 0;background:transparent;color:#c5d6cc;border:0;padding:13px}.sidebar button.active{background:#2b5546;color:#fff}.sidefoot{margin-top:auto;padding:60px 10px 0;color:#a4bfb0;font-size:12px;line-height:1.8}.main{padding:30px 40px;max-width:1600px;width:100%;margin:auto}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:16px}.eyebrow{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:#7c8d7e;font-weight:700}h1{font-size:30px;letter-spacing:-1px;margin:8px 0}h2{font-size:19px;margin:0 0 12px}h3{font-size:16px}p{line-height:1.7;color:#6e8076}.muted{color:#7a8b80;font-size:12px}.badge{display:inline-block;border-radius:20px;padding:6px 10px;background:#e9efe7;font-size:11px;color:#55715b;font-weight:650}.badge.approved{background:#dcefe2;color:#246b4e}.badge.awaiting{background:#fff0d0;color:#9d741a}.badge.revision{background:#f8e4dc;color:#a14e35}.banner{padding:12px 18px;border:1px solid #e6d7ad;background:#fbf6e9;border-radius:10px;color:#8c7136;margin-bottom:24px;font-size:12px;line-height:1.7}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.stat,.panel{background:#fff;border:1px solid #e3e9e0;border-radius:13px;padding:22px}.stat strong{display:block;font-size:30px;margin:10px 0 5px;font-weight:600}.stat small{color:#8b9b8e}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spread{justify-content:space-between}.toolbar{margin:20px 0}input,select,textarea{border:1px solid #d9e1d8;border-radius:7px;padding:10px;background:#fff;color:#29483b;max-width:100%}label{display:block;font-size:12px;color:#6e8076;margin:16px 0 6px}label input,label select,label textarea{display:block;width:100%;margin-top:7px}textarea{min-height:85px;width:100%}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;letter-spacing:.8px;color:#87958a;padding:14px 12px;border-bottom:1px solid #e5ebe3;text-transform:uppercase}td{padding:18px 12px;border-bottom:1px solid #edf0ea;font-size:12px}td strong{display:block;font-size:13px}tbody tr:last-child td{border:0}.id{color:#9aa79d;font-size:10px;display:block;margin-top:5px}.empty{text-align:center;padding:60px 20px;color:#8c9d90}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.detail{display:grid;grid-template-columns:minmax(260px,1fr) minmax(260px,1.1fr);gap:24px;margin-top:20px}.preview{background:#e9ede4;padding:28px;border-radius:10px;display:grid;place-items:center;min-height:360px}.card{background:#fcf8ed;text-align:center;border:9px double #c9b880;outline:1px solid #d9ca9e;outline-offset:9px;padding:38px 24px;max-width:430px;width:100%;color:#526448;font-family:Georgia,serif;line-height:1.8}.card h2{font-size:30px;font-weight:normal;color:#2c5a40;margin:18px 0}.card small{letter-spacing:2px;font-size:9px}.card p{font-size:12px}.preview img{max-width:100%;max-height:520px}.steps{display:flex;gap:14px;margin:24px 0;color:#90a08f;font-size:11px}.steps span{flex:1;border-top:3px solid #dfe6d8;padding-top:10px}.steps span.current{border-color:#3d7a53;color:#3d7a53}.login{max-width:440px;margin:12vh auto;padding:36px}.login .brand{color:#224d3d;margin-bottom:25px}.login button{margin-top:20px;width:100%}#notice{position:fixed;bottom:24px;right:24px;max-width:480px;background:#224b3a;color:white;padding:16px 22px;border-radius:10px;box-shadow:0 8px 30px #173e3020;display:none;z-index:9}.approval{max-width:760px;margin:40px auto;padding:24px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:#536c59;background:#f4f6ef;padding:16px;border-radius:8px}a{color:#286d50}details{margin:20px 0}summary{cursor:pointer;color:#5d765f}.statusline{display:flex;gap:8px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:#cfb265}.inline-link{word-break:break-all}.section-note{border-left:3px solid #d6bb73;padding-left:14px}code{font-size:12px}@media(max-width:1000px){.shell{grid-template-columns:180px 1fr}.main{padding:24px}.stats{gap:10px}.detail,.grid{grid-template-columns:1fr}}@media(max-width:700px){.shell{display:block}.sidebar{padding:14px;display:block}.brand{margin:0 0 10px}.sidebar nav{display:flex;overflow:auto}.sidebar button{white-space:nowrap}.sidefoot{display:none}.main{padding:20px 14px}.stats{grid-template-columns:1fr 1fr}.top{margin-bottom:20px}h1{font-size:25px}.stat{padding:15px}.approval{margin:0}.toolbar>*{flex:1}}
.reference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}.reference-grid figure{margin:0}.reference-grid img{width:100%;height:auto;border-radius:6px}.reference-grid figcaption{font-size:12px;padding:8px 0}input[type=checkbox]{display:inline;width:auto;margin-right:8px}input[readonly]{background:#f1f4ed}
.standard-proof{width:100%;margin-top:16px}.standard-proof svg{display:block;width:100%;height:auto}.standard-proof p{text-align:center;font-size:10px}.order-thumb{float:left;width:85px;height:68px;object-fit:contain;margin-right:12px;border-radius:4px}.proof-dialog{width:min(1150px,96vw);max-height:94vh;border:0;border-radius:12px;padding:18px;background:#f3f5ef}.proof-dialog::backdrop{background:#12372cd9}.proof-dialog form{text-align:right}.proof-dialog svg{max-height:80vh}.preview>div{width:100%}.preview{padding:16px}
.print-proof{max-width:1100px;margin:24px auto;padding:20px}@media print{body{background:white}.no-print,#notice{display:none!important}.print-proof{margin:0;padding:0;max-width:none}.standard-proof{margin:0}.standard-proof p{display:none}.standard-proof svg{width:100%;height:auto}}
.kind-standard{background:#dfeefa;color:#285b88}.kind-design{background:#eee2fc;color:#7343a1}.kind-unknown{background:#fff0cd;color:#8a6010}
.erp-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:20px 0}.erp-facts span{font-size:11px;color:#718276;background:#f4f6f1;padding:12px;border-radius:8px}.erp-facts strong{display:block;font-size:13px;color:#294438;margin-top:6px;overflow-wrap:anywhere}.pancian-row{background:#edf0f5}.pancian-row td{color:#6b7381}.pancian-note{background:#e4e8ef;color:#58637a}.badge.pancian-note{display:block;margin-top:6px;white-space:normal}
@font-face{font-family:'Poppins';font-weight:900;src:url('/fonts/Poppins-Black.ttf') format('truetype');font-display:block}@font-face{font-family:'Gothic A1';font-weight:900;src:url('/fonts/GothicA1-Black.ttf') format('truetype');font-display:block}
@page{size:144.0180556mm 114.0458333mm;margin:0}@media print{html,body{margin:0;padding:0}.print-proof{width:144.0180556mm;height:114.0458333mm;margin:0;padding:0}.fields-proof{margin:0}.fields-proof svg{width:144.0180556mm;height:114.0458333mm;display:block}}
@media screen{.fields-proof svg{background:#fff;box-shadow:0 0 0 1px #d8ddd6;margin-top:20px}.print-proof .fields-proof{max-width:100%;margin-left:auto;margin-right:auto}}@media print{.fields-proof svg{box-shadow:none;background:transparent}}
@font-face{font-family:'Gilroy';font-weight:700;font-style:normal;src:url('/fonts/Gilroy-Bold.ttf') format('truetype');font-display:block}
.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin-top:20px}.design-work{border:1px solid #e5d9ef;background:#faf7fd;border-radius:12px;padding:20px;margin:22px 0}.design-work form{max-width:680px}.design-work li{line-height:1.9}
.design-work fieldset{border:0;margin:0;padding:0;min-width:0}.design-work fieldset:disabled{opacity:.7}

/* Compact order list and progressive disclosure. */
.main{min-width:0}.orders-table{table-layout:fixed;min-width:920px;white-space:normal}.orders-table th:nth-child(1){width:31%}.orders-table th:nth-child(2){width:20%}.orders-table th:nth-child(3){width:12%}.orders-table th:nth-child(4){width:12%}.orders-table th:nth-child(5){width:14%}.orders-table th:nth-child(6){width:11%}.orders-table td{vertical-align:middle;overflow-wrap:anywhere;padding:14px 10px}.orders-table td:first-child{display:table-cell}.orders-table .order-thumb{width:58px;height:52px;margin-right:10px}.orders-table strong{line-height:1.45}.orders-table .id{line-height:1.5}.orders-table .badge{white-space:nowrap;padding:5px 8px;font-size:10px}.orders-table .badge.pancian-note{white-space:normal}.orders-table td:last-child button{white-space:nowrap;padding:8px 10px}.work-section{border:1px solid #e0e7de;border-radius:9px;padding:14px 16px;margin:14px 0}.work-section>summary{font-weight:650;color:#294f40;line-height:1.5}.work-section[open]>summary{margin-bottom:16px}.work-section ol{padding-left:22px;line-height:1.8}.detail>div{min-width:0}.detail .banner{margin-bottom:14px}.steps{flex-wrap:wrap}.badge{white-space:nowrap}fieldset{min-width:0}

.orders-table .badge{max-width:100%;line-height:1.4}.orders-table .badge.kind-unknown{font-size:10px}.badge.status-preview{background:#e9efe7;color:#55715b}

.print-stock{display:flex;align-items:center;gap:18px;margin:16px 0;padding:16px;background:white;border:1px solid #d9e3dc;border-radius:10px}.print-stock img{width:130px;height:auto}.print-stock p{margin:6px 0;font-size:12px}@media print{.print-stock{display:none!important}}

.google-workspace{display:block;width:100%;height:72vh;min-height:480px;border:1px solid #dce4d9;border-radius:8px;background:white}.operation-link{display:inline-block;padding:10px 15px;border:1px solid #d9e3dc;border-radius:8px;text-decoration:none;background:#edf4ee}.sidebar nav button{line-height:1.5}

.operational-table{white-space:normal;min-width:1800px}.operational-table th,.operational-table td{min-width:110px;max-width:240px;white-space:pre-wrap;overflow-wrap:anywhere;vertical-align:top}.operational-table .printed-row{background:#edf6eb}.handover-quantity input{width:90px}.handover-quantity button{margin-top:8px}.sidebar nav{overflow:auto}.sidebar{min-width:0}

/* Brand Visual Guidelines v1.0 — application interface. Printed card artwork is separate. */
@font-face{font-family:'Poppins UI';src:url('/fonts/Poppins-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Poppins UI';src:url('/fonts/Poppins-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Poppins UI';src:url('/fonts/Poppins-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{--brand-brown:#563c31;--deep-brown:#4e3428;--warm-cream:#faf7f4;--sunshine:#f6c945;--heritage-gold:#c99104;--brand-line:#e8d9ce;--brand-muted:#76665c;--brand-soft:#f6f0e9;font-family:'Poppins UI',Arial,sans-serif;color:var(--deep-brown);background:var(--warm-cream)}
body{background:var(--warm-cream);color:var(--deep-brown)}
.shell{grid-template-columns:250px minmax(0,1fr)}
.sidebar{background:var(--warm-cream);border-right:1px solid var(--brand-line);color:var(--brand-brown);padding:28px 20px}
.brand{display:block;margin-bottom:34px;line-height:1}
.brand-logo{display:block;width:190px;max-width:100%;height:auto;object-fit:contain}
.sidebar nav{display:grid;gap:5px;overflow:visible}
.sidebar nav button{display:flex;align-items:center;gap:12px;min-height:48px;margin:0;padding:10px 12px;color:var(--brand-brown);background:transparent;border:1px solid transparent;border-radius:10px;font-weight:600;line-height:1.4;white-space:normal}
.sidebar nav button:hover{background:#f0e7df}
.sidebar nav button.active{background:var(--brand-brown);border-color:var(--brand-brown);color:#fff}
.sidebar nav button.active:hover{background:var(--deep-brown)}
.nav-number{min-width:24px;font-size:11px;font-weight:700;letter-spacing:.04em;color:#927669}
.sidebar nav button.active .nav-number{color:var(--sunshine)}
.sidefoot{color:#8b7366;padding:44px 10px 0}
.main{max-width:1640px;padding:32px 42px}
.top{align-items:flex-start;margin-bottom:28px}
.eyebrow{color:#856e61;font-weight:700}
h1,h2,h3{color:var(--deep-brown);font-weight:700}
h1{letter-spacing:-.035em}
p,.muted,label{color:var(--brand-muted)}
.stat,.panel{background:#fff;border:1px solid var(--brand-line);border-radius:16px;box-shadow:0 5px 22px rgba(78,52,40,.035)}
.stat strong,.erp-facts strong{color:var(--deep-brown);font-weight:700}
.stat small,.id,.empty{color:#826f64}
button,.operation-link{min-height:44px;padding:10px 15px;border:1px solid #d9c6b9;border-radius:10px;background:#fff;color:var(--brand-brown);font-weight:600;transition:background-color .15s,border-color .15s,box-shadow .15s}
button:hover,.operation-link:hover{background:#f6eee7;border-color:#bb9e8c}
.primary{background:var(--sunshine);border-color:var(--sunshine);color:var(--deep-brown)}
.primary:hover{background:#eaba30;border-color:#eaba30;color:var(--deep-brown)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--heritage-gold);outline-offset:2px}
input,select,textarea{border-color:#d8c6b9;border-radius:10px;color:var(--deep-brown);background:#fff}
input[readonly]{background:#f7f2ec}
.badge{background:var(--brand-soft);color:var(--brand-brown)}
.banner{background:#fff8e7;border-color:#edd99c;color:#694b27}
.work-section{border-color:var(--brand-line);border-radius:12px}
.work-section>summary,summary{color:var(--brand-brown)}
.design-work{border-color:#e8d8c4;background:#fffaf0}
.erp-facts span{background:#faf6f1;color:var(--brand-muted)}
.preview{background:#f2eae2}
.steps span{border-color:#e7d9cc;color:#8c776b}
.steps span.current{border-color:var(--heritage-gold);color:var(--deep-brown)}
.statusline .dot{background:var(--heritage-gold)}
.print-stock{border-color:var(--brand-line)}
#notice{background:var(--deep-brown);color:#fff;box-shadow:0 8px 30px rgba(78,52,40,.2)}
pre{background:#faf6f1;color:var(--deep-brown)}
a{color:#7a4c30}
th{color:#71584b;background:#fcf8f4;border-bottom-color:var(--brand-line)}
td{color:var(--deep-brown);border-bottom-color:#f0e7df}
.orders-table td:first-child strong{color:var(--deep-brown)}
.login{margin:10vh auto;padding:36px}
.login .brand{margin-bottom:28px}
.proof-dialog{background:var(--warm-cream)}
.proof-dialog::backdrop{background:rgba(38,24,17,.78)}
@media(max-width:1000px){.shell{grid-template-columns:220px minmax(0,1fr)}.main{padding:26px}}
@media(max-width:700px){.shell{display:block}.sidebar{padding:16px;border-right:0;border-bottom:1px solid var(--brand-line)}.brand{margin-bottom:14px}.brand-logo{width:180px}.sidebar nav{display:flex;gap:6px;overflow-x:auto}.sidebar nav button{flex:0 0 auto;min-height:44px;padding:8px 12px;white-space:nowrap}.sidefoot{display:none}.main{padding:20px 14px}.top{margin-bottom:20px}.login{margin:6vh 14px;padding:24px}.stat,.panel{border-radius:14px}}
@media print{body{background:#fff}.print-proof{box-shadow:none}.standard-proof svg{box-shadow:none}}
@media(max-width:700px){.sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible}.sidebar nav button{min-width:0;white-space:normal;font-size:12px;padding:8px}.nav-number{min-width:18px}.sidebar .brand-logo{width:180px}}
/* Order triage and approval states */
.orders-table{table-layout:fixed;width:100%}
.orders-table th:nth-child(1){width:27%}.orders-table th:nth-child(2){width:19%}.orders-table th:nth-child(3){width:12%}.orders-table th:nth-child(4){width:17%}.orders-table th:nth-child(5){width:17%}.orders-table th:nth-child(6){width:8%}
.orders-table td{vertical-align:middle;overflow-wrap:anywhere}.orders-table td:first-child strong,.orders-table td:nth-child(2) strong{display:block;line-height:1.25}.orders-table td:nth-child(5) .id{display:block;margin-top:6px}.orders-table .badge{white-space:normal;display:inline-block;max-width:100%;line-height:1.25}
.orders-table .pancian-row td{background:#f4f1ee}
.badge.status-no-print,.badge.kind-no-print{background:#e3e2df;color:#514f4c}
.badge.kind-no-logo{background:#f6e5c8;color:#79501b}
.badge.kind-tasneem{background:#eee5fb;color:#644188}
.badge.kind-standard{background:#e2edf8;color:#245980}
.badge.kind-design{background:#f9dfe8;color:#913d60}
.badge.kind-unknown{background:#fff1ca;color:#835f12}
.badge.status-preview{background:#dceef0;color:#265f65}
.badge.awaiting{background:#fff0cb;color:#845e14}
.badge.approved{background:#dfefdd;color:#386747}
.badge.revision{background:#f9dddd;color:#9a3f38}
.badge.draft{background:#eee9e4;color:#695d54}
.badge.generating{background:#e6e5f5;color:#514a84}
#order-edit textarea{width:100%;min-height:66px;resize:vertical;white-space:pre-wrap}
.case-buttons{display:flex;gap:6px;flex-wrap:wrap;margin:-8px 0 14px}.case-buttons button{font-size:12px;padding:5px 10px}
@media(max-width:1100px){.orders-table{min-width:900px}}
.erp-diagnostics{max-width:440px;margin:8px 0 18px;padding:10px 14px}.erp-diagnostics>summary{font-size:12px}.erp-diagnostics p{margin:8px 0}.workflow-primary{margin:18px 0 12px}.canva-edit-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--brand-line,#e0e7de);border-radius:10px;background:#fbfaf6}.canva-edit-actions .muted{margin-right:auto}.canva-edit-actions a{display:inline-block;padding:10px 12px}.workflow-extras{margin-top:12px}.workflow-extras .toolbar{margin:10px 0 0}.processing-note{padding:13px 16px;border:1px solid var(--brand-line,#e0e7de);border-radius:10px;background:#fbf7ea;color:var(--brand-brown,#674838);font-weight:600}
.detail>.preview{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:14px}.detail>.preview>div:first-child{align-self:center;max-width:100%;text-align:center}.flow-main{margin:18px 0;padding:16px 18px;border:1px solid var(--brand-line,#e0e7de);background:#fcfaf5;border-radius:12px}.flow-main h3{margin:0 0 8px}.flow-main p{margin:4px 0}.preview-actions{width:100%;padding:15px 16px;border:1px solid var(--brand-line,#e0e7de);background:#fff;border-radius:12px}.preview-actions strong{display:block;margin-bottom:10px}.preview-actions .row{align-items:stretch}.preview-actions button,.preview-actions .tool-link{white-space:normal;min-height:40px;display:inline-flex;align-items:center;justify-content:center;text-align:center}.preview-actions .tool-link{border:1px solid #d9e3dc;background:#fff;border-radius:8px;padding:9px 13px;text-decoration:none}.preview-actions small{display:block;margin-top:10px;color:#718276;line-height:1.5}.optional-actions{width:100%;margin:0}.optional-actions .row{gap:8px}.brief-fields{margin-top:14px}.brief-fields h3{margin:6px 0}.audit-table{white-space:normal;min-width:850px}.audit-table td{vertical-align:top}.audit-table pre{max-width:420px;max-height:180px;overflow:auto}.audit-change{border-top:1px solid #e6e7e3;padding:8px 0;min-width:240px}.audit-change>div>span{font-size:11px;color:#7b847e}.audit-change pre{margin:3px 0 8px}.account-panel{margin-top:20px}.account-list{display:grid;gap:8px}.account-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #eceee8;padding:9px 0;flex-wrap:wrap}.account-row span{color:#738378}.account-row button{margin-left:auto}
/* Dedicated order workspace */
.order-workspace{padding:30px;max-width:1600px;margin:0 auto}.workspace-heading{align-items:flex-start;margin-bottom:24px}.workspace-heading h2{font-size:26px;margin:18px 0 5px}.workspace-heading p{margin:0}.workspace-heading>.row{padding-top:8px}.workspace-grid{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(420px,1.25fr);gap:32px;align-items:start}.workspace-data{display:grid;gap:28px;min-width:0}.workspace-preview{min-width:0;position:sticky;top:20px}.workspace-preview .preview{display:flex;flex-direction:column;gap:16px;min-height:300px;padding:22px;align-items:stretch;justify-content:flex-start}.workspace-preview .preview>.flow-main{margin:0}.workspace-preview .preview>div:first-child{text-align:center}.workspace-preview .standard-proof{width:100%;max-width:none}.workspace-preview .preview img{width:100%;max-height:580px;object-fit:contain}.workspace-data h2{font-size:19px;margin:0 0 16px}.erp-section,.design-setup,.physical-confirm{padding:22px;border:1px solid var(--brand-line);border-radius:14px;background:#fff}.erp-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.erp-facts span{padding:12px;min-width:0;font-size:12px;line-height:1.5;white-space:pre-wrap}.erp-facts strong{display:block;font-size:14px;margin-top:4px;overflow-wrap:anywhere}.quantity-guide{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:20px 0;padding:18px 22px;background:#faf5e9;border:1px solid #e8dcc0;border-radius:12px}.quantity-guide small{display:block;color:var(--brand-muted)}.quantity-guide strong{display:block;font-size:22px;line-height:1.4}.physical-confirm .quantity-guide{padding:14px;gap:10px}.physical-confirm .quantity-guide strong{font-size:18px}.selected-template{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}.selected-template img{width:92px;height:72px;object-fit:contain;background:#f7f1eb;border-radius:8px}.selected-template>div{flex:1;min-width:120px}.selected-template small,.selected-template strong{display:block}.selected-template button{width:100%}.template-dialog{border:1px solid var(--brand-line);border-radius:18px;padding:28px;width:min(1000px,92vw);max-height:88vh;background:var(--warm-cream);color:var(--deep-brown)}.template-dialog::backdrop{background:rgba(45,29,20,.6)}.template-dialog>form{text-align:right}.template-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin:24px 0}.template-choice{display:flex;flex-direction:column;text-align:left;gap:10px;padding:16px;border:1px solid var(--brand-line);background:#fff;min-width:0}.template-choice img,.template-placeholder{width:100%;height:150px;object-fit:contain;background:#f6f0e9;border-radius:8px}.template-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;color:var(--brand-muted)}.template-choice.chosen{outline:3px solid var(--heritage-gold)}.template-choice small{color:var(--brand-muted)}.badge.printing{background:#e0e4fa;color:#3d4c91}.workspace-data fieldset{padding:0;border:0}.workspace-data textarea{min-height:105px;width:100%;resize:vertical}.print-loading{margin:5vh auto;max-width:750px}.preview-actions .row{gap:10px}.preview-actions{box-sizing:border-box}.workspace-heading .tool-link,.erp-section .tool-link{white-space:nowrap}.order-workspace .steps{margin:0 0 20px}
@media(max-width:1200px){.workspace-grid{grid-template-columns:minmax(0,1fr)}.workspace-preview{position:static;grid-row:1}.order-workspace{padding:22px}.workspace-preview .preview img{max-height:520px}.workspace-data{grid-template-columns:repeat(2,minmax(0,1fr))}.erp-section{grid-column:1/-1}}
@media(max-width:700px){.order-workspace{padding:16px}.workspace-data{grid-template-columns:minmax(0,1fr)}.workspace-heading{gap:12px}.workspace-heading h2{font-size:22px}.workspace-preview .preview{padding:14px}.quantity-guide{gap:12px;padding:14px}.quantity-guide strong{font-size:18px}.erp-facts{grid-template-columns:minmax(0,1fr)}.template-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.template-choice img,.template-placeholder{height:110px}.template-dialog{padding:18px}.workspace-grid{gap:22px}}
.badge.kind-luxury{background:#f9ebbe;color:#755416}.badge.kind-bento{background:#dcebe0;color:#2f6547}.badge.kind-tumini{background:#fde3d3;color:#914b24}.catalog-category{margin:12px 0 20px}
.orders-table th:nth-child(1){width:24%}.orders-table th:nth-child(2){width:17%}.orders-table th:nth-child(3){width:11%}.orders-table th:nth-child(4){width:16%}.orders-table th:nth-child(5){width:10%}.orders-table th:nth-child(6){width:14%}.orders-table th:nth-child(7){width:8%}.orders-table td:nth-child(6) .id{display:block;margin-top:6px}.badge.with-photo{background:#dceff2;color:#236575}.badge.no-photo{background:#eee7df;color:#776350}.badge.photo-unknown{background:#fff1cc;color:#8a681a}

.badge.photo-state{display:block;width:fit-content;margin-top:6px;font-size:10px;line-height:1.35}.badge.photo-ready{background:#e0efdf;color:#386747}.badge.photo-available{background:#dcecf8;color:#315f82}.badge.photo-missing{background:#f9e1d8;color:#914a32}.badge.photo-processing{background:#ece5f5;color:#67518a}
.folder-settings{margin-top:24px;max-width:880px}.folder-settings form{margin:18px 0}.folder-settings form>button{margin:0 8px 10px 0}.account-row button{margin-left:0}