:root{--ink:#172526;--muted:#6f7d7d;--line:#dce5e3;--paper:#f5f7f4;--white:#fff;--teal:#126e73;--teal-dark:#0b4f54;--teal-soft:#e3f2ef;--gold:#c99a45;--shadow:0 16px 50px rgba(30,55,54,.12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#102f31;color:#d9e9e7;padding:24px 16px;display:flex;flex-direction:column;z-index:5}.brand{height:42px;display:flex;align-items:center;gap:11px;font-size:18px;font-weight:800;padding:0 10px;margin-bottom:30px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#42a9a3,#d0a858);color:#fff}nav{display:flex;flex-direction:column;gap:5px}.nav-item,.subnav button{border:0;background:transparent;color:#bcd0ce;text-align:left;padding:11px 12px;border-radius:9px;font-size:14px;cursor:pointer}.nav-item{display:flex;align-items:center;gap:11px}.nav-item span{font-size:18px;width:20px}.nav-item b{margin-left:auto}.nav-item:hover,.nav-item.active{background:#1d4b4d;color:#fff}.subnav{display:flex;flex-direction:column;margin:0 0 6px 27px;border-left:1px solid #376062;padding-left:9px}.subnav button{display:flex;align-items:center;gap:8px;padding:8px 10px}.subnav em{font-style:normal;margin-left:auto;font-size:11px;background:#315759;padding:2px 7px;border-radius:10px}.dot{width:7px;height:7px;border-radius:50%}.amber{background:#e2ae51}.blue{background:#55a0ca}.green{background:#50aa83}.purple{background:#9a7cc1}.gray{background:#8ba09f}.profile{margin-top:auto;border-top:1px solid #315052;padding:18px 5px 0;display:flex;gap:10px;align-items:center}.profile .avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#d2a957;color:#173638;font-size:12px;font-weight:800}.profile strong,.profile small{display:block}.profile strong{font-size:12px}.profile small{font-size:10px;color:#91aaa8;margin-top:3px}main{grid-column:2;min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:4}.crumb{font-size:13px;color:var(--muted)}.crumb b{color:var(--ink)}.mobile-menu{display:none}.top-actions{display:flex;gap:9px;align-items:center}.icon-btn,.close{border:1px solid var(--line);background:#fff;border-radius:9px;cursor:pointer}.icon-btn{width:38px;height:38px;position:relative}.notif{position:absolute;width:6px;height:6px;background:#d65c4f;border-radius:50%;top:7px;right:8px}.btn{border:0;border-radius:9px;padding:10px 15px;font-weight:700;cursor:pointer}.primary{background:var(--teal);color:#fff}.primary:hover{background:var(--teal-dark)}.soft{background:var(--teal-soft);color:var(--teal-dark)}.ghost{background:#fff;border:1px solid var(--line)}.view{display:none;padding:34px;max-width:1540px;margin:auto}.view.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:800;color:var(--teal);margin:0 0 6px}.page-heading h1{font-size:28px;line-height:1.1;margin:0}.page-heading p:not(.eyebrow){color:var(--muted);font-size:14px;margin:7px 0 0}.date-chip{font-size:12px;background:#fff;border:1px solid var(--line);padding:9px 13px;border-radius:9px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stats article,.panel{background:#fff;border:1px solid var(--line);border-radius:14px}.stats article{padding:18px;position:relative}.stats p{color:var(--muted);font-size:12px;margin:3px 0 9px}.stats h2{margin:0 0 8px;font-size:23px}.stats small{font-size:10px;color:var(--muted)}.stats .up{color:#288263}.stat-icon{float:right;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;font-weight:900}.stat-icon.teal{background:#e0f0ed;color:#16736f}.stat-icon.gold{background:#f7eedb;color:#b47f23}.stat-icon.violet{background:#eee9f5;color:#73589b}.stat-icon.coral{background:#f7e7e2;color:#bc6552}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:16px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel h3{font-size:15px;margin:0}.panel-head p{font-size:11px;color:var(--muted);margin:4px 0}.panel select{border:1px solid var(--line);border-radius:8px;padding:7px;background:#fff;color:var(--muted)}.chart{height:235px;position:relative;margin-top:8px}.chart-total{position:absolute;top:12px;left:8px}.chart-total small,.chart-total b{display:block}.chart-total small{color:var(--muted);font-size:10px}.chart-total b{font-size:19px;margin-top:3px}.chart svg{width:100%;height:190px;margin-top:28px}.gridline{stroke:#edf1ef;stroke-width:1}.line{fill:none;stroke:var(--teal);stroke-width:3}.chart-labels{display:flex;justify-content:space-between;color:#8c9998;font-size:10px;padding:0 4px}.donut-wrap{display:flex;align-items:center;justify-content:space-around;min-height:230px}.donut{width:145px;height:145px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--teal) 0 42%,#d0a857 42% 78%,#8ab2ae 78%);position:relative}.donut:before{content:"";position:absolute;inset:19px;border-radius:50%;background:#fff}.donut div{z-index:1;text-align:center}.donut b,.donut small{display:block}.donut small{font-size:10px;color:var(--muted)}.legend{min-width:180px}.legend p{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:11px;margin:14px 0}.legend span small{display:block;color:var(--muted);margin-top:2px}.lg{width:7px;height:7px;border-radius:50%}.lg.cash{background:var(--teal)}.lg.mada{background:#d0a857}.lg.bank{background:#8ab2ae}.text-btn{border:0;background:none;color:var(--teal);font-size:11px;font-weight:700;cursor:pointer}.orders-panel{margin-top:16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:13px;font-size:12px}th{text-align:left;color:var(--muted);font-weight:600;border-bottom:1px solid var(--line);padding:10px 8px}td{padding:12px 8px;border-bottom:1px solid #edf1ef}td strong,td small{display:block}td small{color:var(--muted);margin-top:3px}.badge{display:inline-block;padding:4px 8px;border-radius:20px;font-size:9px;font-weight:800}.badge.cut{background:#f8edd8;color:#95661e}.badge.stitch{background:#e2eff7;color:#35779c}.badge.complete{background:#e4f2eb;color:#347c5d}.badge.pending{background:#eee7f4;color:#735494}.range-tabs{display:flex;background:#fff;border:1px solid var(--line);width:max-content;padding:4px;border-radius:10px;margin-bottom:18px}.range-tabs button{border:0;background:transparent;padding:8px 14px;border-radius:7px;color:var(--muted);cursor:pointer}.range-tabs button.active{background:var(--teal);color:#fff}.sales-stats article:first-child{background:#123e40;color:#fff}.sales-stats article:first-child p{color:#b9d1cf}.empty-chart{height:360px}.bars{height:285px;display:flex;align-items:flex-end;justify-content:center;gap:70px;border-bottom:1px solid var(--line);padding:30px}.bars span{height:var(--h);width:90px;background:linear-gradient(#2b8a87,#126e73);border-radius:9px 9px 0 0;position:relative}.bars span:nth-child(2){background:linear-gradient(#e0b965,#c99a45)}.bars span:nth-child(3){background:linear-gradient(#a4c9c4,#709d98)}.bars b{position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);font-size:11px}.kanban{display:grid;grid-template-columns:repeat(5,minmax(210px,1fr));gap:12px;overflow:auto}.kanban-col{background:#edf2ef;border-radius:12px;padding:10px;min-height:560px}.kanban-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;padding:6px}.order-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px;margin-top:9px;box-shadow:0 3px 10px rgba(26,57,55,.04)}.order-card h4{margin:0 0 5px;font-size:12px}.order-card p{margin:0;color:var(--muted);font-size:10px}.order-card footer{display:flex;justify-content:space-between;margin-top:13px;font-size:9px;color:var(--muted)}.drawer{position:fixed;top:0;right:-100%;width:min(1050px,94vw);height:100vh;background:#fff;z-index:20;box-shadow:-20px 0 60px rgba(20,40,39,.18);transition:right .35s ease;display:flex;flex-direction:column}.drawer.open{right:0}.overlay{position:fixed;inset:0;background:rgba(8,27,28,.43);z-index:10;opacity:0;pointer-events:none;transition:.25s}.overlay.open{opacity:1;pointer-events:auto}.drawer-head{padding:22px 28px 15px;display:flex;justify-content:space-between;align-items:center}.drawer-head h2{margin:0}.drawer-head h2 span{font-size:13px;color:var(--muted);font-weight:500}.close{width:34px;height:34px;font-size:22px}.drawer-tabs{display:flex;padding:0 28px;border-bottom:1px solid var(--line);gap:22px}.drawer-tabs button{border:0;background:none;padding:12px 2px;border-bottom:2px solid transparent;color:var(--muted);font-weight:700;cursor:pointer}.drawer-tabs button.active{color:var(--teal);border-color:var(--teal)}#orderForm{display:flex;flex-direction:column;min-height:0;flex:1}.form-step{display:none;padding:27px 30px;overflow:auto;flex:1}.form-step.active{display:block}.section-title{display:flex;gap:13px;align-items:flex-start;margin-bottom:22px}.section-title>span{width:35px;height:35px;border-radius:10px;background:var(--teal-soft);color:var(--teal);display:grid;place-items:center;font-size:11px;font-weight:800}.section-title h3{margin:0;font-size:18px}.section-title p,.style-title p,.service-head p{margin:4px 0;color:var(--muted);font-size:11px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.form-grid label,.measurement-grid label{font-size:11px;font-weight:700;color:#516160}.form-grid input,.form-grid select,.form-grid textarea,.measurement-grid input,.service-row input,.service-row select{width:100%;margin-top:7px;border:1px solid #cad8d5;border-radius:8px;background:#fff;padding:11px;color:var(--ink);outline:none}.form-grid input:focus,.form-grid select:focus,.measurement-grid input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.form-grid textarea{min-height:96px;resize:vertical}.span-2{grid-column:span 2}.measurement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.style-title{margin:25px 0 12px}.style-title h4,.service-head h4,.summary h4{margin:0}.style-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.style-card{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fafcfb}.style-preview{height:105px;display:grid;place-items:center;background:#fff}.style-preview svg{width:78px;height:78px;stroke:#243435;fill:none;stroke-width:2}.style-meta{padding:9px}.style-meta strong{font-size:10px;display:block}.style-controls{display:flex;gap:4px;margin-top:7px}.style-controls button{flex:1;border:1px solid var(--line);background:#fff;border-radius:6px;height:27px;cursor:pointer}.style-card textarea{width:100%;border:0;border-top:1px solid var(--line);padding:8px;font-size:10px;resize:none}.services{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.service-head{display:flex;justify-content:space-between}.service-row{display:grid;grid-template-columns:2fr .6fr 1fr 2fr 32px;gap:8px;align-items:end;margin-top:10px}.service-row button{height:39px;border:0;border-radius:8px;background:#f5e7e4;color:#a95747;cursor:pointer}.payment-layout{display:grid;grid-template-columns:1fr 350px;gap:30px}.summary{background:#f3f7f5;border:1px solid var(--line);border-radius:13px;padding:20px}.summary p{display:flex;justify-content:space-between;font-size:12px;margin:14px 0}.summary hr{border:0;border-top:1px solid var(--line)}.summary .grand{font-size:17px}.summary .balance{color:#a65c44}.summary>small{display:block;color:var(--muted);line-height:1.5;font-size:9px}.drawer-footer{padding:14px 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;background:#fff}.modal{position:fixed;width:min(820px,90vw);max-height:80vh;overflow:auto;top:50%;left:50%;transform:translate(-50%,-45%) scale(.97);background:#fff;border-radius:15px;z-index:30;padding:22px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s}.modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-head h3{margin:0}.icon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.design-option{border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px;cursor:pointer}.design-option:hover,.design-option.selected{border-color:var(--teal);background:var(--teal-soft)}.design-option svg{width:100%;height:75px;stroke:#253536;fill:none;stroke-width:2}.design-option span{display:block;text-align:center;font-size:10px;margin-top:5px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,30px);background:#163d3f;color:#fff;padding:11px 18px;border-radius:9px;z-index:50;opacity:0;transition:.25s;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(5,240px)}.measurement-grid{grid-template-columns:repeat(3,1fr)}.style-row{grid-template-columns:repeat(3,1fr)}.payment-layout{grid-template-columns:1fr}}
@media(max-width:760px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}main{width:100%}.topbar{padding:0 16px}.mobile-menu{display:inline;border:0;background:none;font-size:20px;margin-right:10px}.view{padding:22px 15px}.stats{grid-template-columns:1fr}.page-heading{align-items:flex-start;gap:15px}.dashboard-grid{display:block}.dashboard-grid .panel{margin-bottom:14px}.range-tabs{max-width:100%;overflow:auto}.sales-stats{grid-template-columns:1fr 1fr}.drawer{width:100vw}.drawer-tabs{overflow:auto;padding:0 15px;gap:15px}.drawer-tabs button{white-space:nowrap}.form-step{padding:22px 17px}.form-grid,.measurement-grid{grid-template-columns:1fr 1fr}.style-row{grid-template-columns:1fr 1fr}.payment-layout{display:block}.summary{margin-top:20px}.icon-grid{grid-template-columns:repeat(3,1fr)}.service-row{grid-template-columns:1fr 1fr}.service-row input:nth-of-type(3){grid-column:span 2}.drawer-footer{padding:12px 16px}.top-actions .icon-btn{display:none}}
.style-preview{height:122px}.style-preview img{width:100%;height:100%;object-fit:contain;padding:8px}.style-meta{background:#fff}.style-meta strong{line-height:1.35;min-height:27px}.style-controls button{font-size:10px;white-space:nowrap}.design-option img{width:100%;height:92px;object-fit:contain}.order-register{padding:0;overflow:hidden}.register-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.register-tools label{display:flex;align-items:center;gap:8px;min-width:320px;border:1px solid var(--line);border-radius:9px;padding:0 10px;color:var(--muted)}.register-tools input{width:100%;border:0;outline:0;padding:10px;background:transparent}.record-count{font-size:11px;color:var(--muted)}.wide-table table{min-width:1900px;margin:0}.wide-table th{position:sticky;top:0;background:#1c5a73;color:#fff;white-space:nowrap}.wide-table td{white-space:nowrap}.wide-table td:nth-child(4){min-width:190px}.row-icon{border:0;background:transparent;color:#2189c7;font-size:16px;cursor:pointer;padding:3px 6px}.status-select{border:1px solid var(--line);border-radius:7px;padding:6px 8px;background:#fff;color:var(--ink)}.empty-state{text-align:center;color:var(--muted);padding:50px!important}.customer-register td strong,.customer-register td small{display:block}.customer-register td small{color:var(--muted);margin-top:3px}
.customer-actions{display:flex;gap:7px}.btn.danger{background:#f7e7e4;color:#a33f32}.btn.danger:hover{background:#a33f32;color:#fff}
.donut.zero{background:#e1e8e6}
.badge.cancelled{background:#f5e3e0;color:#9d3d32}.hidden{display:none!important}.refund-layout{display:grid;grid-template-columns:330px 1fr;gap:16px}.refund-search h3,.refund-order-card h2,.empty-refund h3{margin:0}.refund-search>p,.empty-refund p,.refund-order-head p{color:var(--muted);font-size:11px}.refund-search label,.refund-form label{display:block;font-size:11px;font-weight:700;color:#516160;margin-top:20px}.refund-find-row{display:flex;gap:8px;margin-top:7px}.refund-find-row input,.refund-form input,.refund-form select{width:100%;border:1px solid #cad8d5;border-radius:8px;padding:11px;background:#fff;color:var(--ink);margin-top:7px}.empty-refund{text-align:center;padding:60px 20px}.empty-refund>span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--teal-soft);color:var(--teal);font-size:25px;margin:0 auto 15px}.refund-order-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.refund-order-head>div:last-child{text-align:right;background:var(--teal-soft);padding:12px 15px;border-radius:10px}.refund-order-head small,.refund-order-head strong{display:block}.refund-order-head strong{color:var(--teal);font-size:18px;margin-top:3px}.refund-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.refund-summary span{border:1px solid var(--line);border-radius:9px;padding:12px}.refund-summary small,.refund-summary b{display:block}.refund-summary small{color:var(--muted);font-size:9px;margin-bottom:5px}.refund-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;padding-top:5px;border-top:1px solid var(--line)}.refund-form label{margin-top:10px}.refund-form button{align-self:end;height:40px}.existing-refunds{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.existing-refunds p{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:11px}.refund-history small{display:block;color:var(--muted);margin-top:3px}@media(max-width:900px){.refund-layout{grid-template-columns:1fr}.refund-form{grid-template-columns:1fr}.refund-summary{grid-template-columns:1fr}}
.detail-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.detail-hero{background:linear-gradient(135deg,#123e40,#176e70);color:#fff;border-radius:16px;padding:26px 28px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:24px}.detail-hero h1{margin:2px 0 7px}.detail-hero p{margin:0;color:#c9dfdd}.detail-hero .eyebrow{color:#9ed1cc}.profile-facts{display:flex;gap:12px}.profile-facts span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:12px 15px;min-width:120px}.profile-facts small,.profile-facts b{display:block}.profile-facts small{color:#b9d3d1;font-size:9px;margin-bottom:5px}.history-panel{padding:20px}.history-panel table{min-width:900px}.document-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:470px}.order-hero .badge{background:#fff;color:#0b4f54}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.detail-card h3,.detail-section h3{margin:0 0 15px}.detail-card dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.detail-card dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0}.detail-card dt{color:var(--muted);font-size:11px}.detail-card dd{margin:0;font-size:11px;font-weight:700;text-align:right}.detail-section{margin-bottom:16px}.detail-styles{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.detail-styles>div{border:1px solid var(--line);border-radius:10px;padding:10px;text-align:center;background:#fafcfb}.detail-styles img{width:100%;height:90px;object-fit:contain;background:#fff}.detail-styles b,.detail-styles span,.detail-styles small{display:block}.detail-styles b{font-size:11px;margin-top:5px}.detail-styles span,.detail-styles small{font-size:9px;color:var(--muted);margin-top:3px}.measurement-list{display:grid;grid-template-columns:1fr 1fr;gap:7px 20px}.measurement-list span{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:7px 0;font-size:10px}.measurement-list em{font-style:normal;color:var(--teal);font-weight:800}.service-line{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:9px 0;margin:0;font-size:11px}.muted-copy{color:var(--muted);font-size:11px}@media(max-width:900px){.detail-hero{display:block}.profile-facts{margin-top:18px;overflow:auto}.document-actions{margin-top:18px}.detail-grid{grid-template-columns:1fr}.detail-styles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.register-tools{align-items:stretch;flex-direction:column}.register-tools label{min-width:0;width:100%}.wide-table{margin:0 -1px}}
.heading-actions{display:flex;gap:9px}.dummy-label{display:block!important;color:#9b6a12!important;font-weight:800!important;letter-spacing:.08em!important}.piece-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 10px}.piece-tabs{display:flex;gap:7px;flex-wrap:wrap}.piece-tab{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:8px;padding:8px 13px;font-weight:700;cursor:pointer}.piece-tab.active{background:var(--teal);border-color:var(--teal);color:#fff}.piece-help{font-size:11px;color:var(--muted);margin:0 0 16px}.selected-product-preview{display:flex;align-items:center;gap:12px;margin-top:14px;padding:10px 12px;background:#f5f8f7;border:1px solid var(--line);border-radius:10px}.selected-product-preview img,.selected-product-preview>span{width:52px;height:52px;object-fit:cover;border-radius:8px;background:#fff;display:grid;place-items:center;font-size:24px}.selected-product-preview b,.selected-product-preview small{display:block}.selected-product-preview small{margin-top:4px;color:var(--muted)}
.product-layout{display:grid;grid-template-columns:330px 1fr;gap:16px}.product-editor>label,.modal-label{display:block;font-size:11px;font-weight:700;color:#516160;margin-top:16px}.product-editor input,.modal-label input,.modal-label select{width:100%;margin-top:7px;border:1px solid #cad8d5;border-radius:8px;padding:11px;background:#fff}.product-image-preview{height:150px;border:1px dashed #b9cac7;border-radius:10px;margin-top:10px;display:grid;place-items:center;color:var(--muted);background:#f8faf9;overflow:hidden}.product-image-preview img{width:100%;height:100%;object-fit:contain}.product-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.product-list{margin-top:12px}.product-row{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.product-thumb{width:56px;height:56px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;background:#fafcfb;font-size:22px}.product-thumb img{width:100%;height:100%;object-fit:cover;border-radius:8px}.product-row b,.product-row small{display:block}.product-row small{color:var(--muted);margin-top:4px}.product-row-actions{display:flex;gap:7px}
.compact-modal{width:min(520px,90vw)}.modal-copy{color:var(--muted);font-size:12px;line-height:1.6}.delete-options{display:grid;grid-template-columns:1fr;gap:8px;margin-top:18px}.delete-options small{color:var(--muted);font-size:10px;margin:-3px 0 7px}.full-btn{width:100%;margin-top:16px}.payment-due{display:flex;justify-content:space-between;align-items:center;background:var(--teal-soft);border-radius:10px;padding:14px;margin:8px 0 16px}.payment-due span,.payment-due strong{display:block}.payment-due strong{color:var(--teal)}.danger-zone{text-align:right;margin-top:14px}.piece-detail h4{margin:18px 0 8px}.row-icon.delete-order{color:#b44f42}
@media(max-width:900px){.product-layout{grid-template-columns:1fr}.piece-toolbar{align-items:flex-start;flex-direction:column}.heading-actions{flex-wrap:wrap}.top-actions .dummy-order-btn{display:none}}
.wearer-name{display:block;max-width:520px;margin:0 0 18px;font-size:11px;font-weight:800;color:#516160}.wearer-name input{display:block;width:100%;margin-top:7px;border:1px solid #cad8d5;border-radius:8px;background:#fff;padding:11px;color:var(--ink);outline:none}.wearer-name input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.wearer-badge{display:inline-block;margin-left:7px;padding:4px 9px;border-radius:20px;background:var(--teal-soft);color:var(--teal);font-size:10px;vertical-align:middle}
.piece-actions{display:flex;gap:8px;flex-wrap:wrap}.fabric-choice{margin:10px 0 15px}.fabric-choice label{display:block;max-width:320px;font-size:11px;font-weight:800;color:#516160}.fabric-choice select{display:block;width:100%;margin-top:7px;border:1px solid #cad8d5;border-radius:8px;background:#fff;padding:11px;color:var(--ink)}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}.settings-editor{min-width:0}.inline-editor{display:flex;gap:8px;margin:16px 0}.inline-editor input{flex:1;min-width:0;border:1px solid #cad8d5;border-radius:8px;padding:11px}.settings-list{display:grid;gap:8px;max-height:420px;overflow:auto}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff}.setting-row>span{font-weight:700;font-size:12px}.setting-row>div{display:flex;gap:6px}.compact-heading{margin-top:12px}.compact-heading h2{margin:4px 0 6px}.form-grid label small{display:block;margin-top:5px;color:var(--muted);font-weight:500;line-height:1.35}@media(max-width:900px){.settings-grid{grid-template-columns:1fr}}
.fabric-editor{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;margin:16px 0}.fabric-editor input{min-width:0;border:1px solid #cad8d5;border-radius:8px;padding:11px}.fabric-editor .btn{white-space:nowrap}.setting-row>span small{display:block;color:var(--muted);font-weight:500;margin-top:4px}.fabric-usage-preview{margin-top:18px;padding:11px 14px;border:1px solid #b8d8d3;border-radius:9px;background:var(--teal-soft)}.fabric-usage-preview b,.fabric-usage-preview span{display:block}.fabric-usage-preview b{color:var(--teal-dark);font-size:12px}.fabric-usage-preview span{color:var(--muted);font-size:10px;margin-top:4px}.inventory-alert{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:-8px 0 18px;padding:13px 17px;border:1px solid #e4a143;border-radius:11px;background:#fff0d6;color:#7a4500;animation:inventoryPulse 1.15s ease-in-out infinite}.inventory-alert strong{font-size:13px}.inventory-alert span{font-size:12px;text-align:right}@keyframes inventoryPulse{50%{background:#ffd99a;box-shadow:0 0 0 5px rgba(228,161,67,.16)}}@media(max-width:900px){.fabric-editor{grid-template-columns:1fr 1fr}.fabric-editor input:first-child{grid-column:span 2}.inventory-alert{align-items:flex-start;flex-direction:column}.inventory-alert span{text-align:left}}