:root{--bg:#e8e2d6;--bg-deep:#d4cbb8;--surface:#f7f3ea;--surface-2:#fffdf8;--ink:#1c2418;--muted:#5c6656;--line:#c4bba8;--accent:#2f5d3a;--accent-soft:#dce8de;--accent-hot:#c45c26;--danger:#8b2e2e;--up:#1f6b3a;--down:#9b2c2c;--shadow:0 18px 40px #1c241814;--radius:14px;--font-display:"Fraunces", "Sarabun", serif;--font-body:"Sarabun", "Segoe UI", sans-serif;--font-num:"IBM Plex Sans", "Sarabun", "Segoe UI", sans-serif;color:var(--ink);background:var(--bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 12% 8%,#2f5d3a1f,#0000 40%),radial-gradient(circle at 88% 0,#c45c261a,#0000 35%),linear-gradient(160deg,#efe8da 0%,#e4dccb 45%,#d9d0bd 100%);min-width:320px}button,input,select{font:inherit}.app{max-width:1200px;margin:0 auto;padding:1.25rem 1rem 3rem}.topbar{border-bottom:1px solid #1c24181f;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem 1.5rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.brand-mark{font-family:var(--font-display);letter-spacing:-.03em;color:var(--accent);font-size:clamp(1.75rem,4.2vw,2.85rem);font-weight:650;line-height:1.05;display:block}.brand-mark-sm{font-size:clamp(1.85rem,3.5vw,2.4rem)}.brand-back{appearance:none;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.25rem;margin:0 0 .35rem;padding:0;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.brand-back:hover{color:var(--accent)}.route-fallback{color:var(--muted);margin:4vh 0 0}.brand p{color:var(--muted);margin:.35rem 0 0;font-size:1rem}.product-menu{max-width:520px;margin:4vh auto 0}.product-menu-cards{max-width:860px}.product-menu-hero{border-bottom:1px solid #1c24181f;margin-bottom:2rem;padding-bottom:1.25rem}.product-menu-modules-head{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.product-menu-quick-action{white-space:nowrap;flex:none;text-decoration:none}.product-menu-hero .brand-back{display:inline-flex}.product-menu-hero .brand-mark{display:block}.product-menu-hero p{color:var(--muted);margin:.45rem 0 0;font-size:1.05rem}.product-menu-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.menu-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.menu-card-grid-system{border-top:1px solid #1c24181f;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.75rem;padding-top:1.5rem}.menu-card{appearance:none;text-align:left;width:100%;height:100%;color:var(--ink);cursor:pointer;border-radius:var(--radius);background:linear-gradient(165deg,#fffdf8f5,#f7f3eaeb);border:1px solid #1c241824;grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;padding:1.15rem 1.1rem;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;box-shadow:inset 0 1px #ffffffb3,0 8px 22px #1c24180f}.menu-card:hover:not(:disabled):not(.menu-card-disabled){border-color:#2f5d3a73;transform:translateY(-2px);box-shadow:inset 0 1px #ffffffbf,0 14px 28px #1c24181a}.menu-card:hover:not(:disabled):not(.menu-card-disabled) .menu-card-icon{background:var(--accent);color:#fff;border-color:var(--accent)}.menu-card-disabled,.menu-card:disabled{cursor:not-allowed;opacity:.62}.menu-card-icon{background:var(--accent-soft);width:3.1rem;height:3.1rem;color:var(--accent);border:1px solid #2f5d3a38;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.menu-card-body{flex-direction:column;gap:.28rem;min-width:0;display:flex}.menu-card-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.22rem;font-weight:650;line-height:1.2}.menu-card-desc{color:var(--muted);font-size:.92rem;line-height:1.4}.menu-card-meta{color:var(--accent);white-space:nowrap;flex-shrink:0;align-self:start;margin-top:.15rem;font-size:.9rem;font-weight:600}.menu-card-disabled .menu-card-meta,.menu-card:disabled .menu-card-meta{color:var(--muted);font-weight:500}.menu-card-sales .menu-card-icon{color:#2f5d3a;background:#2f5d3a24}.menu-card-production .menu-card-icon{color:#a34d1f;background:#c45c261f;border-color:#c45c2647}.menu-card-production-create .menu-card-icon{color:#1b5e20;background:#2e7d3224;border-color:#2e7d3247}.menu-card-production-create .menu-card-meta{color:#1b5e20;font-weight:700}.menu-card-cost .menu-card-icon{color:#3d4a36;background:#1c241814}.menu-card-hr .menu-card-icon{color:#3a6b48;background:#2f5d3a1a}.menu-card-marketing .menu-card-icon,.menu-card-social-post .menu-card-icon{color:#a61e4d;background:#be4b6e1f;border-color:#be4b6e47}.menu-card-stock-products .menu-card-icon{color:#1864ab;background:#e7f5ff}.menu-card-stock-products .menu-card-meta{color:#1864ab}.menu-card-stock-check .menu-card-icon{color:#0b7285;background:#e6fcf5}.menu-card-stock-check .menu-card-meta{color:#0b7285}.menu-card-tickets .menu-card-icon{color:#b45309;background:#b453091f;border-color:#b4530947}.menu-card-tickets .menu-card-meta{color:#b45309}.menu-card-staff-activity .menu-card-icon{color:#3a6b48;background:#2f5d3a1a;border-color:#2f5d3a47}.menu-card-staff-activity .menu-card-meta{color:#3a6b48}.product-menu-item{appearance:none;text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #1c24181f;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem .15rem 1.15rem;text-decoration:none;transition:color .15s;display:flex}.product-menu-item:hover:not(:disabled){color:var(--accent)}.product-menu-item:disabled{cursor:not-allowed;opacity:.55}.product-menu-item-text{flex-direction:column;gap:.3rem;min-width:0;display:flex}.product-menu-item-text strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.35rem;font-weight:650}.product-menu-item-text span{color:var(--muted);font-size:.95rem;line-height:1.4}.product-menu-item:hover:not(:disabled) .product-menu-item-text span{color:var(--ink)}.product-menu-item-meta{color:var(--accent);white-space:nowrap;flex-shrink:0;font-size:.95rem;font-weight:600}.product-menu-item-meta-alert{color:#b45309}.product-menu-badge{vertical-align:middle;min-width:1.35rem;height:1.35rem;font-family:var(--font-body,inherit);letter-spacing:0;color:#fff;background:#c2410c;border-radius:999px;justify-content:center;align-items:center;margin-left:.45rem;padding:0 .35rem;font-size:.75rem;font-weight:700;display:inline-flex}.product-menu-item:disabled .product-menu-item-meta{color:var(--muted);font-weight:500}.product-menu-system{border-top:1px solid #1c24181f;margin-top:2rem;padding-top:.5rem}.product-menu-empty{margin:1.5rem 0 0}@media (width<=720px){.menu-card-grid{grid-template-columns:1fr}}.tabs{flex-wrap:wrap;gap:.4rem;display:flex}.topbar-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem 1rem;display:flex}.tool-btn{white-space:nowrap}.tab{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.4rem;padding:.55rem .9rem;transition:all .2s;display:inline-flex}.tab:hover{color:var(--ink);background:#fffdf88c}.tab.active{color:var(--surface-2);background:var(--accent)}input[type=number],.badge{font-family:var(--font-num);font-variant-numeric:tabular-nums}input[type=number]{letter-spacing:.01em;font-weight:500}.badge{background:var(--accent-hot);color:#fff;border-radius:999px;place-items:center;min-width:1.3rem;height:1.3rem;padding:0 .3rem;font-size:.75rem;font-weight:500;display:inline-grid}.panel,.result-panel{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #1c241814;padding:1.25rem}.panel-head h2,.form-card h3,.section-title{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-weight:600}.panel-head p{color:var(--muted);margin:.35rem 0 1rem}.panel-head-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem 1rem;margin-bottom:1.25rem;display:flex}.panel-head-row p{margin-bottom:0}.section-title{color:var(--accent);margin:1.5rem 0 .75rem;font-size:1.2rem}.section-head{justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.section-head .section-title{margin:0}.calc-section{background:var(--surface-2);border:1px solid #1c241814;border-radius:14px;margin-top:1rem;padding:1.15rem 1.2rem 1.25rem}.calc-section+.calc-section{margin-top:1rem}.calc-section-head{border-bottom:1px dashed #1c24181f;align-items:center;gap:.85rem;margin-bottom:1rem;padding-bottom:.85rem;display:flex}.calc-section-head>div{flex:1;min-width:0}.calc-section-head h3{font-family:var(--font-display);color:var(--accent);letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:600}.calc-section-head p{color:var(--muted);margin:.2rem 0 0;font-size:.88rem}.calc-section-num{background:var(--accent);color:#f7f3ea;width:2rem;height:2rem;font-family:var(--font-num);border-radius:999px;flex-shrink:0;place-items:center;font-size:.95rem;font-weight:600;display:grid}.calc-section .cut-detail{margin-top:.85rem}.calc-section .hint{margin-top:.65rem}.custom-toggle{margin-top:1.25rem}.logo-jobs{gap:.85rem;margin-bottom:.5rem;display:grid}.logo-job-card{background:var(--surface-2);border:1px solid #1c241814;border-radius:12px;padding:1rem}.logo-job-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.logo-job-head strong{font-family:var(--font-display);color:var(--accent)}.logo-job-cost{background:#2f5d3a14;border:1px solid #2f5d3a2e;border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem;margin-top:.75rem;padding:.55rem .75rem;display:flex}.logo-job-cost-label{color:var(--muted);font-size:.82rem}.logo-job-cost-value{font-family:var(--font-num);color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700}.logo-job-cost-unit{font-size:.85rem;font-weight:600}.logo-job-cost-detail{color:var(--muted);flex:100%;font-size:.82rem}.logo-job-discount{gap:.35rem;margin-top:.75rem;display:grid}.logo-job-discount-head{align-items:flex-start}.logo-job-discount-desc{color:var(--muted);flex:auto;font-size:.82rem;font-weight:400;line-height:1.35}.logo-job-discount-pct{font-family:var(--font-num);color:var(--accent);font-variant-numeric:tabular-nums;flex:none;font-size:.88rem;font-weight:600}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.form-grid.logo-embroidery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=640px){.form-grid.logo-embroidery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.form-grid.price-margin-row{grid-template-columns:minmax(0,65%) minmax(0,35%)}.dim-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}@media (width<=480px){.dim-row{grid-template-columns:1fr}}.layer-pour-row{flex-wrap:wrap;align-items:flex-end;gap:.85rem;display:flex}.layer-pour-row label{flex:10rem;min-width:0}.layer-pour-total{white-space:nowrap;font-family:var(--font-num);font-variant-numeric:tabular-nums;flex:none;margin:0 0 .65rem}.form-grid label,.form-card label{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.92rem;display:flex}.span-2{grid-column:span 2}input,select{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--ink);border-radius:10px;padding:.65rem .75rem}input:focus,select:focus{border-color:var(--accent);outline:2px solid #2f5d3a59}.hint,.mini,.empty-hint{color:var(--muted);font-size:.88rem;line-height:1.45}.hint{margin:.6rem 0 0}.mini{grid-column:1/-1;margin:-.35rem 0 .5rem}.form-card{border-top:1px dashed var(--line);margin-top:1.25rem;padding-top:1.25rem}.form-actions{justify-content:flex-end;gap:.6rem;margin-top:1rem;display:flex}.btn{appearance:none;cursor:pointer;border:1px solid #0000;border-radius:10px;padding:.6rem 1rem;font-weight:600;transition:all .15s}.btn.primary{background:var(--accent);color:#f7f3ea}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{border-color:var(--line);color:var(--ink);background:0 0}.btn.danger{color:var(--danger);background:0 0;border-color:#8b2e2e40}.btn.full{width:100%;margin-top:1rem}.table-wrap{background:var(--surface-2);border:1px solid #1c241814;border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #1c24180f;padding:.7rem .8rem}th{background:var(--accent-soft);color:var(--accent);font-weight:700}tr.is-editing{background:#2f5d3a0f}.row-actions{white-space:nowrap;flex-flow:row;align-items:center;gap:.35rem;display:flex}.row-actions .btn{flex-shrink:0}.pattern-cover-thumb{object-fit:cover;background:var(--surface-2);border:1px solid #1c24181a;border-radius:8px;width:48px;height:48px;display:block}.pattern-cover-thumb.lg{flex-shrink:0;width:64px;height:64px}.pattern-cover-empty{color:var(--muted);font-size:.85rem}.cover-upload{background:var(--surface-2);border:1px solid #1c241814;border-radius:12px;grid-template-columns:140px 1fr;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1rem;display:grid}.cover-preview{background:var(--accent-soft);width:140px;height:140px;color:var(--muted);text-align:center;border-radius:12px;place-items:center;font-size:.85rem;display:grid;overflow:hidden}.cover-preview img{object-fit:cover;width:100%;height:100%}.pattern-pick-row{align-items:center;gap:.65rem;display:flex}.pattern-pick-row select{flex:1}input.readonly-field{background:var(--accent-soft);color:var(--accent);cursor:default;font-weight:600}.result-pattern-line{align-items:center;gap:.65rem;margin:.35rem 0 1rem;display:flex}.result-pattern-line p{color:var(--muted);margin:0}@media (width<=900px){.cover-upload{grid-template-columns:1fr}}.calc-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,.85fr);align-items:start;gap:1rem;display:grid}.result-panel{background:linear-gradient(#fbf8f1 0%,#f3eee3 100%);position:sticky;top:1rem}.result-list{gap:.45rem;margin:0;display:grid}.result-list>div,.result-list .result-row{border-bottom:1px dashed #1c241814;justify-content:space-between;gap:1rem;padding:.35rem 0;display:flex}.result-list>.result-wp-group{display:contents}.result-wp-group .result-group-title{margin:.75rem 0 .1rem}.result-row-subtotal{border-top:1px solid #1c24181f;border-bottom:0;margin-top:.2rem;padding-top:.45rem}.result-row-subtotal dt,.result-row-subtotal dd{color:var(--ink);font-weight:600}.result-group-title{font-family:var(--font-display);color:var(--accent);letter-spacing:-.01em;margin:.85rem 0 .25rem;font-size:.95rem;font-weight:600}.result-group-title:first-child{margin-top:0}.result-list dt{color:var(--muted)}.result-list dd{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-feature-settings:"tnum" 1;margin:0;font-weight:500}.result-list.sell{border-top:1px solid var(--line);margin-top:1rem;padding-top:.5rem}.result-total,.result-profit{border-radius:12px;margin-top:1rem;padding:.9rem 1rem}.result-total{background:var(--accent);color:#f7f3ea;border-bottom:0;justify-content:space-between;align-items:baseline;display:flex}.result-list .result-total dt,.result-list .result-total dd{color:#f7f3ea}.result-total strong{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#fffdf8;font-size:1.45rem;font-weight:500}.result-suggest{color:#fffdf8;background:#c45c26;border-bottom:0;border-radius:12px;justify-content:space-between;align-items:baseline;margin-top:.65rem;padding:.9rem 1rem;display:flex}.result-list .result-suggest dt,.result-list .result-suggest dd{color:#fffdf8}.result-suggest strong{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#fffdf8;font-size:1.45rem;font-weight:500}.result-suggest-formula{font-family:var(--font-body);opacity:.9;font-size:.82rem;font-weight:400;display:inline}.result-profit{background:var(--accent-soft);gap:.55rem;display:grid}.result-profit>div{justify-content:space-between;gap:1rem;display:flex}.result-profit.up strong{color:var(--up)}.result-profit.down strong{color:var(--down)}.result-profit strong{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:1.15rem;font-weight:500}.custom-costs{gap:.55rem;display:grid}.custom-row{grid-template-columns:1.4fr 1fr .8fr;gap:.5rem;display:grid}.custom-row.pillow-custom-row{grid-template-columns:1.4fr 1fr .8fr auto;align-items:center}.custom-row.pillow-sew-row{grid-template-columns:7rem 1fr auto;align-items:center}.pillow-sew-stitch{color:var(--ink);flex-flow:wrap;align-items:center;gap:.45rem;margin:0 0 .75rem;display:inline-flex}.pillow-sew-stitch input[type=checkbox]{flex:none;width:auto;margin:0;padding:0}.pillow-sew-stitch input[type=number]{border:1px solid var(--line);background:var(--surface);width:5rem;font:inherit;border-radius:10px;padding:.45rem .55rem}.pillow-sew-stitch input[type=number]:disabled{opacity:.55}.cut-pieces-block{background:var(--surface-2);border:1px solid #1c241814;border-radius:12px;margin-top:1.25rem;padding:1rem}.cut-pieces-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.cut-pieces-head h4{font-family:var(--font-display);color:var(--accent);margin:0;font-size:1.05rem}.cut-pieces{gap:.55rem;margin-top:.75rem;display:grid}.cut-row{grid-template-columns:1.2fr .7fr .8fr .8fr auto;align-items:center;gap:.5rem;display:grid}.pattern-cut-row{grid-template-columns:1.3fr 1.1fr .55fr .7fr .7fr auto}.suggest-price{background:var(--accent-soft);border:1px solid #2f5d3a29;border-radius:10px;align-content:end;gap:.35rem;padding:.55rem .75rem;display:grid}.sell-profit-pct{background:var(--surface);border:1px solid #1c24181a;border-radius:10px;align-content:end;gap:.35rem;padding:.55rem .75rem;display:grid}.sell-profit-pct strong{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:1.25rem}.sell-profit-pct.up strong{color:var(--up)}.sell-profit-pct.down strong{color:var(--down)}.suggest-price-label{color:var(--muted);font-size:.88rem}.suggest-price strong{font-family:var(--font-num);color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.25rem}.suggest-price.span-2{grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem 1rem}.suggest-price.span-2 .suggest-price-label{margin:0}@media (width<=900px){.suggest-price.span-2{grid-template-columns:1fr}}.name-edit-row{grid-template-columns:1fr auto;align-items:center;gap:.5rem;display:grid}.name-edit-row input{width:100%}.cut-detail{background:var(--accent-soft);border:1px solid #2f5d3a1f;border-radius:12px;margin-top:.75rem;padding:.85rem 1rem}.cut-detail-title{color:var(--accent);margin:0 0 .35rem;font-weight:700}.cut-detail-list{color:var(--ink);margin:0;padding-left:1.15rem;font-size:.92rem;line-height:1.55}.cut-detail-list strong,.cut-detail .hint strong{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--accent);font-weight:500}.cut-detail-actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.cut-detail .cut-pieces{margin-top:.55rem}.cut-piece-cards{gap:.85rem;margin-top:.75rem;display:grid}.calc-cut-card{background:var(--surface-2);border:1px solid #2f5d3a24;border-radius:12px;padding:.9rem 1rem}.calc-cut-card-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.calc-cut-card-head strong{font-family:var(--font-display);color:var(--accent);font-size:1.05rem}.calc-cut-fields{grid-template-columns:1fr 1fr;gap:.65rem .75rem;display:grid}.calc-cut-fields .calc-cut-fabric{grid-column:1/-1}.calc-cut-fields label{color:var(--muted);gap:.3rem;font-size:.88rem;display:grid}.calc-cut-fields input,.calc-cut-fields select{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:10px;padding:.55rem .65rem}.calc-cut-fields label.calc-cut-print-lining{color:var(--ink);white-space:nowrap;flex-flow:row;grid-column:1/-1;align-items:center;gap:.45rem;margin:.15rem 0 0;display:inline-flex}.calc-cut-fields label.calc-cut-print-lining input[type=checkbox]{flex:none;width:auto;margin:0;padding:0}.calc-cut-summary{border-top:1px dashed #2f5d3a40;gap:.4rem;margin:.85rem 0 0;padding-top:.7rem;display:grid}.calc-cut-summary>div{justify-content:space-between;gap:1rem;font-size:.92rem;display:flex}.calc-cut-summary dt{color:var(--muted)}.calc-cut-summary dd{font-family:var(--font-num);font-variant-numeric:tabular-nums;margin:0;font-weight:500}.calc-cut-summary .yard-total dt,.calc-cut-summary .yard-total dd{color:var(--accent);font-weight:600}.calc-cut-summary .cut-waste dt,.calc-cut-summary .cut-waste dd{font-weight:600}.calc-cut-summary .cut-waste-high dt,.calc-cut-summary .cut-waste-high dd{color:#c62828}.cut-yards-hint{font-family:var(--font-num);color:var(--accent);white-space:nowrap;text-align:right;font-size:.82rem}.yard-summary{gap:.35rem;margin:.75rem 0 0;display:grid}.yard-summary>div{justify-content:space-between;gap:1rem;font-size:.92rem;display:flex}.yard-summary dt{color:var(--muted)}.yard-summary dd{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:.01em;margin:0;font-weight:500}.yard-summary .yard-total{border-top:1px dashed #2f5d3a40;margin-top:.25rem;padding-top:.45rem}.yard-summary .yard-total dt,.yard-summary .yard-total dd{color:var(--accent);font-size:1rem;font-weight:600}.yard-summary .yard-total dd{text-align:right}.yard-sub{color:var(--muted);margin-top:.15rem;font-size:.8rem;font-weight:600;display:block}.yard-summary .yard-note dt,.yard-summary .yard-note dd{color:var(--muted);font-size:.85rem;font-weight:500}.records-list{gap:.85rem;display:grid}.records-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:1rem;display:grid}.records-filters label{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.92rem;display:flex}.records-pager{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.record-card{background:var(--surface-2);border:1px solid #1c241814;border-radius:12px;grid-template-columns:1.4fr 1fr auto;align-items:center;gap:1rem;padding:1rem;display:grid}.record-card-with-thumb{grid-template-columns:64px 1.4fr 1fr auto}.record-main h3{font-family:var(--font-display);margin:0;font-size:1.2rem}.record-main p{color:var(--muted);margin:.25rem 0 0;font-size:.9rem}.record-nums{gap:.35rem;display:grid}.record-nums div,.record-nums .up,.record-nums .down{justify-content:space-between;gap:.75rem;display:flex}.record-nums span{color:var(--muted);font-size:.85rem}.record-nums strong{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-weight:500}.record-nums .up strong{color:var(--up)}.record-nums .down strong{color:var(--down)}.record-actions{flex-direction:column;gap:.4rem;display:flex}.empty-hint{padding:1.5rem 0}@media (width<=900px){.calc-layout,.record-card,.record-card-with-thumb,.records-filters{grid-template-columns:1fr}.result-panel{position:static}.form-grid,.form-grid.price-margin-row,.custom-row,.cut-row,.calc-cut-fields{grid-template-columns:1fr}.span-2{grid-column:auto}.record-actions{flex-direction:row}}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1c241873;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-panel{border-radius:var(--radius);background:var(--surface-2);width:min(440px,100%);max-height:min(90vh,640px);box-shadow:var(--shadow);border:1px solid #1c24181a;padding:1.15rem 1.25rem 1.25rem;overflow:auto}.modal-panel.pattern-form-popup{width:min(980px,100vw - 2rem);max-height:min(92vh,920px);padding:1.35rem 1.5rem 1.4rem}.modal-panel.pattern-form-popup .form-grid{margin-bottom:.75rem}.bag-style-dim-flags{flex-flow:row;align-items:center;gap:1rem;min-height:0;display:flex}.bag-style-dim-flags-title{white-space:nowrap;color:var(--muted);flex:none;font-size:.92rem;font-weight:600}.form-grid label.bag-style-dim-flag{white-space:nowrap;color:var(--text);flex-flow:row;align-items:center;gap:.4rem;margin:0;display:inline-flex}.form-grid label.bag-style-dim-flag input[type=checkbox]{flex:none;width:auto;margin:0}.bag-style-trial-row{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:.85rem;margin-bottom:.75rem;display:grid}.bag-style-trial-row>label{flex-direction:column;gap:.35rem;min-width:0;font-size:.9rem;display:flex}.bag-style-trial-label-row{justify-content:space-between;align-items:center;gap:.35rem;display:flex}.bag-style-trial-clear{padding:.1rem .4rem;font-size:.78rem}.bag-style-trial-add{place-self:end stretch;min-height:2.6rem}.bag-calc-mode-tabs{flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;display:flex}.pillow-cut-cost{align-content:start;gap:.35rem;display:grid}.pillow-cut-cost-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.pillow-cut-cost-label{font-size:.88rem;font-weight:600}.pillow-cut-cost-num{width:4.5rem;font:inherit;text-align:right;background:var(--surface-2,#fff);border:1px solid #1c241829;border-radius:8px;flex:none;padding:.3rem .45rem;font-weight:400}.pillow-cut-cost-slider{width:100%;accent-color:var(--accent,#2f5d3a);cursor:pointer;margin:.15rem 0 0}.pillow-cut-cost-ticks{color:var(--muted,#5c6b5a);font-variant-numeric:tabular-nums;grid-template-columns:repeat(3,minmax(0,1fr));font-size:.72rem;display:grid}.pillow-cut-cost-ticks span:nth-child(2){text-align:center}.pillow-cut-cost-ticks span:nth-child(3){text-align:right}.pillow-cut-warn{color:#b45309;margin:.35rem 0 0;font-weight:600}.bag-calc-panel-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.bag-preset-editor .panel-head-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}@media (width<=720px){.bag-style-trial-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.modal-panel.pattern-form-popup .form-actions{background:linear-gradient(to top, var(--surface-2) 70%, #fffdf800);margin-top:1rem;padding-top:.75rem;position:sticky;bottom:0}.save-pattern-popup{width:min(520px,100%)}.save-pattern-popup .form-grid{margin-bottom:.75rem}.save-pattern-popup .form-actions{margin-top:1rem}.modal-head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.modal-head h2{font-family:var(--font-display);color:var(--accent);margin:0;font-size:1.35rem}.modal-head p{color:var(--muted);margin:.25rem 0 0;font-size:.92rem}.unit-converter-grid{gap:.55rem;display:grid}.unit-converter-labels,.unit-converter-row{grid-template-columns:2rem 1fr 1fr;align-items:center;gap:.5rem;display:grid}.unit-converter-labels{color:var(--muted);padding:0 .1rem;font-size:.82rem;font-weight:600}.unit-converter-num{font-family:var(--font-num);color:var(--accent);text-align:center;font-weight:600}.unit-converter-row input{border:1px solid var(--line);background:var(--surface);border-radius:10px;width:100%;padding:.55rem .65rem}.unit-converter-row input:focus{border-color:var(--accent);outline:2px solid #2f5d3a59}.unit-converter .form-actions{margin-top:1rem}.pillow-side-length{max-width:28rem}.pillow-side-shape-tabs{grid-template-columns:repeat(3,1fr);gap:.35rem;margin:0 0 1rem;display:grid}.pillow-side-shape-tab{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:10px;padding:.5rem .4rem}.pillow-side-shape-tab.active{border-color:var(--accent);color:var(--accent);background:#2f5d3a1a;font-weight:600}.pillow-side-scale{gap:.35rem;display:grid}.pillow-side-scale-ticks{color:var(--muted,#5c6b5a);font-variant-numeric:tabular-nums;grid-template-columns:1fr auto 1fr;font-size:.72rem;display:grid}.pillow-side-scale-ticks span:nth-child(2){text-align:center}.pillow-side-scale-ticks span:nth-child(3){text-align:right}.pillow-side-result{background:#2f5d3a14;border:1px solid #2f5d3a33;border-radius:12px;gap:.2rem;margin:1rem 0 0;padding:.85rem 1rem;display:grid}.pillow-side-result-label{color:var(--muted);font-size:.82rem}.pillow-side-result-value{font-family:var(--font-num);color:var(--accent);font-variant-numeric:tabular-nums;font-size:1.55rem;font-weight:700}.pillow-side-result-unit{font-size:.95rem;font-weight:600}.pillow-side-result-cm{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.88rem}.pillow-side-length .form-actions{margin-top:1rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.admin-storage{text-align:left;margin-top:1.25rem}.admin-storage .panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem 1rem;display:flex}.admin-storage-refresh{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.45rem .65rem;display:flex}.admin-storage h3{margin:0 0 .35rem;font-size:.95rem}.admin-storage-block{margin-top:.85rem}.admin-storage-block p{color:var(--muted);margin:0;font-size:.9rem}.admin-storage-bar{background:var(--accent-soft);border-radius:99px;height:8px;margin:.45rem 0 .7rem;overflow:hidden}.admin-storage-bar span{background:var(--accent);height:100%;display:block}.admin-storage-bar-warn span{background:var(--accent-hot)}.admin-storage-bar-danger span{background:var(--danger)}.admin-storage-list{gap:.2rem;margin:.45rem 0 0;padding:0;list-style:none;display:grid}.admin-storage-list li{color:var(--muted);justify-content:space-between;gap:1rem;font-size:.86rem;display:flex}.admin-storage-list li span:last-child{font-variant-numeric:tabular-nums;color:var(--ink)}.admin-storage-docker{border-top:1px solid var(--line,#1c24181f);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem 1rem;margin-top:.85rem;padding-top:.75rem;display:flex}.admin-storage-docker p{margin:0}.app.docs-app{--font-doc:"Prompt", "Sarabun", sans-serif;max-width:1560px}.docs-company-tabs{margin-top:-.5rem;margin-bottom:1rem}.docs-company-switch{background:#1c24180f;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem;display:inline-flex}.docs-company-switch-btn{border-radius:999px;justify-content:center;min-width:4.5rem;font-weight:600;text-decoration:none}.docs-company-switch-btn.docs-company-switch-gpm.active{color:#fff;background:#138f2d;border-color:#0f7a26}.docs-company-switch-btn.docs-company-switch-grand.active{color:#fff;background:#0284c7;border-color:#0369a1}.docs-tickets-link{color:var(--muted,#6b7280);white-space:nowrap;opacity:.85;background:0 0;border:none;margin-left:.35rem;padding:.2rem .15rem;font-size:.82rem;font-weight:500;text-decoration:none}.docs-tickets-link:hover{color:var(--text,#1c2418);opacity:1;text-decoration:underline}.docs-brand-title-gpm{color:#138f2d}.docs-brand-title-grand{color:#0284c7}.docs-tab-menu{z-index:30;flex:none;align-self:center;position:relative}.docs-tab-menu-trigger{white-space:nowrap}.docs-tab-menu-caret{opacity:.85;font-size:.75em}.docs-tab-menu-dropdown{z-index:60;box-sizing:border-box;background:var(--surface-2);border:1px solid #1c24181f;border-radius:12px;flex-direction:column;align-items:stretch;gap:.15rem;width:max-content;min-width:15rem;max-width:min(22rem,100vw - 2rem);margin:0;padding:.4rem;display:flex;position:absolute;top:calc(100% + .4rem);left:0;box-shadow:0 12px 32px #1c241824}.docs-tab-menu-item{box-sizing:border-box;width:100%;color:var(--ink);text-align:left;cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:none;border-radius:8px;margin:0;padding:.6rem .85rem;font-size:.92rem;line-height:1.35;display:block}.docs-tab-menu-item:hover{background:#2f5d3a14}.docs-tab-menu-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.docs-tab-menu-group{flex-direction:column;gap:.1rem;display:flex;position:relative}.docs-tab-menu-group-trigger{box-sizing:border-box;width:100%;color:var(--ink);text-align:left;cursor:pointer;font:inherit;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;margin:0;padding:.6rem .85rem;font-size:.92rem;font-weight:600;line-height:1.35;display:flex}.docs-tab-menu-group-trigger:hover,.docs-tab-menu-group-trigger[aria-expanded=true]{background:#2f5d3a14}.docs-tab-menu-group-trigger.active{color:var(--accent)}.docs-tab-menu-group-items{z-index:70;box-sizing:border-box;background:var(--surface-2);border:1px solid #1c24181f;border-radius:12px;flex-direction:column;gap:.1rem;width:max-content;min-width:12rem;max-width:min(18rem,100vw - 2rem);margin:0;padding:.4rem;display:flex;position:absolute;top:0;left:calc(100% + .35rem);box-shadow:0 12px 32px #1c241824}.docs-tab-menu-group-items .docs-tab-menu-item{font-weight:500}@media (width<=720px){.docs-tab-menu-group-items{min-width:100%;top:calc(100% + .25rem);left:0;right:auto}}.docs-tab-menu-divider{background:#1c24181a;height:1px;margin:.35rem .4rem}.docs-tab-menu-section-label{letter-spacing:.02em;color:var(--muted);text-transform:none;margin:.15rem .85rem .25rem;font-size:.75rem;font-weight:600}.docs-company-hint{flex:1;align-self:center;margin:0}.docs-toolbar{flex-wrap:wrap;align-items:end;gap:.75rem;margin:1rem 0 .5rem;display:flex}.docs-toolbar+.docs-company-hint{margin:0 0 1rem}.docs-search{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;flex:1;min-width:200px;padding:.55rem .75rem}.app.docs-app .docs-toolbar{justify-content:space-between}.app.docs-app .docs-toolbar>.docs-search{flex:0 30%;width:30%;max-width:30%}.app.docs-app .docs-toolbar>.btn.primary{margin-left:auto}.app.docs-app .docs-toolbar>.docs-toolbar-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}.app.docs-app .docs-toolbar>.docs-toolbar-actions>.btn.primary{margin-left:0}.docs-inline-label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.docs-inline-label select{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;min-width:160px;padding:.45rem .6rem}.docs-table-wrap,.docs-lines-table-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--radius);background:var(--surface);border:1px solid #1c24181f;overflow-x:auto}.docs-lines-table-grand-qt{min-width:980px}.docs-lines-table:not(.docs-lines-table-grand-qt){min-width:860px}.docs-table,.docs-lines-table{border-collapse:collapse;width:100%;font-size:.95rem}.docs-lines-table{table-layout:fixed}.docs-line-col-no{width:2.25rem}.docs-line-col-sku{width:9.5rem}.docs-lines-table .docs-line-col-desc{width:38%}.docs-lines-table-grand-qt .docs-line-col-desc{width:30%}.docs-line-col-img{width:4.25rem}.docs-line-image-cell{outline:none;justify-content:center;display:flex;position:relative}.docs-line-image-cell:focus-within .docs-line-image-tile{border-color:var(--accent,#3d6b4f)}.docs-line-image-tile{background:var(--surface-2);cursor:pointer;border:1px dashed #1c241838;border-radius:6px;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.docs-line-image-tile:hover:not(:disabled){border-color:var(--accent);box-shadow:0 0 0 2px #2f5d3a1f}.docs-line-image-tile:disabled{cursor:wait;opacity:.7}.docs-line-image-thumb{object-fit:contain;background:#fff;width:100%;height:100%}.docs-line-image-placeholder{color:var(--muted);font-size:1.35rem;font-weight:300;line-height:1}.docs-line-image-busy{color:var(--muted);font-size:1.1rem}.docs-line-image-menu{z-index:80;background:var(--surface);min-width:7.5rem;box-shadow:var(--shadow);border:1px solid #1c24181f;border-radius:8px;padding:.25rem;position:fixed}.docs-line-image-menu button{width:100%;color:var(--ink);text-align:left;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.4rem .55rem;font-size:.82rem;display:block}.docs-line-image-menu button:hover{background:#2f5d3a14}.docs-line-image-menu-danger{color:#b42318}.docs-line-image-input{display:none}.docs-line-col-lead{width:4.25rem}.docs-line-col-qty{width:4rem}.docs-line-col-unit{width:3.75rem}.docs-line-col-price,.docs-line-col-total{width:5.25rem}.docs-line-col-action{width:3rem}.docs-line-no-mobile{display:none}.docs-line-action-cell .btn{white-space:nowrap}.docs-deposit-amount-cell{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.docs-deposit-amount-cell .docs-number-field{text-align:right;width:100%;min-width:5.5rem}.docs-deposit-amount-edit-btn{flex:none;padding:.15rem .55rem;font-size:.8rem;line-height:1.2}.docs-lines-table input[type=number],.docs-lines-table .docs-number-field{padding-left:.35rem;padding-right:.35rem}.docs-app input[type=number]{appearance:textfield}.docs-app input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.docs-app input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.docs-table th,.docs-table td,.docs-lines-table th,.docs-lines-table td{text-align:left;vertical-align:top;border-bottom:1px solid #1c241814;padding:.65rem .75rem}.docs-table th,.docs-lines-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--surface-2);font-size:.8rem}.docs-table .num,.docs-lines-table .num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.docs-row-actions{white-space:nowrap;flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.docs-doc-row-cancelled{opacity:.72}.docs-docs-list-docno .docs-doc-status-badge{vertical-align:middle;border-radius:4px;margin-left:.4rem;padding:.1rem .45rem;font-size:.72rem;font-weight:600;display:inline-block}.docs-doc-status-cancelled{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.docs-doc-cancelled-label{white-space:nowrap;font-size:.85rem}.docs-btn-danger-text{color:#b42318}.docs-btn-danger-text:hover:not(:disabled){color:#912018;background:#fef3f2}.docs-so-data-menu{display:inline-flex;position:relative}.docs-so-data-menu>.btn{white-space:nowrap}.docs-so-data-menu-dropdown{z-index:1200;background:var(--surface-2);border:1px solid #1c24181f;border-radius:8px;min-width:11rem;padding:.25rem;position:fixed;box-shadow:0 8px 24px #1c241824}.docs-so-data-menu-dropdown button{width:100%;color:var(--ink);text-align:left;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:.45rem .65rem;font-size:.88rem;display:block}.docs-so-data-menu-dropdown button:hover{background:#2f5d3a14}@media (width<=720px){.docs-toolbar{flex-direction:column;align-items:stretch;gap:.65rem}.docs-company-hint{align-self:stretch;font-size:.82rem;line-height:1.4}.docs-toolbar>.btn{width:100%}.docs-docs-list-wrap{background:0 0;border:none;overflow:visible}.docs-docs-list-table{width:100%}.docs-docs-list-table thead{display:none}.docs-docs-list-table tbody{flex-direction:column;gap:.75rem;display:flex}.docs-docs-list-table tr{border-radius:var(--radius);background:var(--surface);border:1px solid #1c24181f;display:block;overflow:hidden}.docs-docs-list-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #1c24180f;grid-template-columns:minmax(5rem,32%) minmax(0,1fr);align-items:center;gap:.35rem .75rem;padding:.55rem .75rem;display:grid}.docs-docs-list-table td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.72rem;font-weight:600}.docs-docs-list-table td[data-label=""]:before{display:none}.docs-docs-list-table td.docs-docs-list-docno{background:var(--surface-2);padding-top:.65rem;padding-bottom:.65rem;font-size:.95rem;display:block}.docs-docs-list-table td.docs-docs-list-docno:before{display:none}.docs-docs-list-table td.num{text-align:left;justify-items:start}.docs-docs-list-table td.docs-row-actions{border-bottom:none;flex-wrap:wrap;gap:.35rem;padding-top:.65rem;padding-bottom:.7rem;display:flex}.docs-docs-list-table td.docs-row-actions .btn{white-space:nowrap;flex:calc(50% - .35rem);justify-content:center;min-width:0}.docs-docs-list-empty td{text-align:center;border-bottom:none;padding:1.25rem .75rem;display:block}.docs-docs-list-empty td:before{display:none}}.docs-form-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem 1rem;margin-bottom:1.25rem;display:grid}.docs-invoice-options{flex-wrap:wrap;flex:1;align-items:end;gap:.65rem 1rem;min-width:0;display:flex}.docs-invoice-billing-mode{color:var(--muted);flex-direction:column;gap:.3rem;margin:0 .5rem 0 0;font-size:.85rem;font-weight:600;display:flex}.docs-invoice-billing-mode select{border:1px solid var(--line);background:var(--surface-2);min-width:11.5rem;color:var(--ink);border-radius:8px;padding:.4rem .55rem;font-weight:500}.docs-invoice-options label{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.docs-invoice-options input,.docs-invoice-options select{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:8px;padding:.4rem .55rem}.docs-invoice-options-head{margin-top:.25rem;margin-bottom:0}.docs-invoice-check{color:var(--ink);align-items:center;flex-direction:row!important;gap:.45rem!important}.docs-invoice-check input[type=checkbox]{width:auto;margin:0}.docs-totals-box .strong{font-weight:700}.docs-form-grid label,.docs-notes-field,.docs-customer-field{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.docs-field-label{color:var(--muted);font-size:.85rem}.docs-customer-field-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.docs-notes-field-head{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.docs-notes-field+.docs-notes-field{margin-top:20px}.docs-payment-details-field .docs-notes-field-head{justify-content:space-between}.docs-payment-details-edit-btn{flex:none;padding:.25rem .7rem;font-size:.85rem}.docs-payment-details-textarea{box-sizing:border-box;resize:vertical;width:100%;transition:background .15s,color .15s,border-color .15s}.docs-payment-details-textarea.is-locked{color:#5f6368;cursor:default;background:#e8eaed;border-color:#c9cdd4}.docs-payment-details-textarea:not(.is-locked){color:var(--ink);cursor:text;background:#fff}.docs-notes-quick{flex-wrap:wrap;justify-content:flex-start;gap:.35rem;display:flex}.docs-notes-quick-item{position:relative}.docs-notes-quick-menu{z-index:40;background:var(--surface);min-width:5.5rem;box-shadow:var(--shadow);border:1px solid #1c24181f;border-radius:8px;padding:.25rem;position:absolute;top:calc(100% + .25rem);left:0}.docs-notes-quick-menu button{width:100%;color:var(--ink);text-align:left;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.4rem .55rem;font-size:.82rem;display:block}.docs-notes-quick-menu button:hover:not(:disabled){background:#2f5d3a14}.docs-notes-quick-menu button:disabled{opacity:.45;cursor:not-allowed}.docs-notes-quick-btn-empty{opacity:.65;border-style:dashed}.docs-notes-snippet-edit-modal{width:min(28rem,100vw - 2rem)}.docs-notes-quick-btn{white-space:nowrap;min-height:0;padding:.22rem .55rem;font-size:.78rem}.docs-grand-notes-snippets-list{flex-direction:column;gap:1rem;margin-top:.75rem;display:flex}.docs-grand-notes-snippet-row{border:1px solid var(--border);background:var(--surface-2,#fafafa);border-radius:8px;grid-template-columns:auto 1fr;align-items:start;gap:.5rem .75rem;padding:.75rem;display:grid}.docs-grand-notes-snippet-num{background:var(--accent,#2563eb);color:#fff;border-radius:50%;grid-row:span 2;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.85rem;font-weight:600;display:flex}.docs-grand-notes-snippet-row label{flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.docs-grand-notes-snippet-row .span-2{grid-column:2}.docs-doc-number-starts-list{flex-direction:column;gap:1rem;max-width:28rem;margin-top:.75rem;display:flex}.docs-doc-number-starts-row{border:1px solid var(--border);background:var(--surface-2,#fafafa);border-radius:8px;flex-direction:column;gap:.35rem;padding:.75rem;display:flex}.docs-doc-number-starts-row label{flex-direction:column;gap:.25rem;font-size:.9rem;font-weight:600;display:flex}.docs-doc-number-starts-row input{max-width:8rem;font-weight:400}.docs-doc-number-starts-preview{margin:0;font-size:.85rem}.docs-company-profile-fields{gap:.75rem;max-width:40rem;display:grid}.docs-company-profile-fields input{box-sizing:border-box;width:100%;font:inherit;border:1px solid #c9cdd4;border-radius:6px;padding:.45rem .6rem}.docs-so-remarks-tabs{flex-wrap:wrap;gap:.35rem;margin:.75rem 0 1rem;display:flex}.docs-so-remarks-tab{border:1px solid var(--border);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:8px;padding:.4rem .85rem}.docs-so-remarks-tab.active{border-color:var(--accent,#2f5d3a);background:#2f5d3a14;font-weight:600}.docs-so-remarks-panels{flex-direction:column;gap:1rem;display:flex}.docs-so-remarks-panel{border:1px solid var(--border);background:var(--surface-2,#fafafa);border-radius:8px;padding:.75rem}.docs-so-remarks-panel h3{margin:0 0 .5rem;font-size:.95rem}.docs-so-remarks-panel textarea{width:100%;min-height:8rem;font:inherit;line-height:1.45}.docs-so-remarks-controls{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.docs-so-product-kind{min-width:7rem;margin:0;font-size:.85rem;font-weight:400}.docs-notes-field>.docs-notes-field-head+textarea{margin-top:.35rem}.docs-quick-edit-btn{min-height:0;padding:.2rem .55rem;font-size:.78rem}.docs-quick-edit-modal{width:min(720px,100%);max-height:min(92vh,900px);overflow:auto}.docs-quick-edit-hint{margin:0 0 .75rem}.docs-quick-edit-grid{margin-bottom:.75rem}.docs-quick-edit-actions{justify-content:flex-end;gap:.5rem;display:flex}.docs-form-grid .span-2{grid-column:span 2}.docs-form-grid .span-3{grid-column:span 3}.docs-editor-row{flex-wrap:wrap;grid-column:1/-1;align-items:end;gap:.75rem 1rem;display:flex}.docs-editor-row>label,.docs-editor-row>.docs-customer-field{flex-direction:column;gap:.3rem;min-width:0;display:flex}.docs-editor-row input,.docs-editor-row select{width:100%}.docs-editor-row-1 .docs-field-date{flex:0 0 10.5rem;width:10.5rem}.docs-editor-row-1 .docs-field-customer{flex:16rem;max-width:22rem}.docs-editor-row-1 .docs-address-field{flex:20rem}.docs-editor-row-1 .docs-branch-field{flex:0 0 9rem;width:9rem}.docs-editor-row-2 .docs-field-tax{flex:0 0 8rem;width:8rem}.docs-editor-row-2 .docs-field-contact{flex:12rem;min-width:10rem;max-width:16rem}.docs-editor-row-2 .docs-field-tel{flex:0 0 13.5rem;width:13.5rem}.docs-editor-row-2 .docs-field-email{flex:12rem;min-width:11rem;max-width:18rem}.docs-editor-row-2 .docs-payment-terms-field{flex:0 20rem;width:20rem;min-width:16rem;max-width:22rem}.docs-editor-row-2 .docs-field-narrow{flex:0 0 5rem;width:5rem}.docs-editor-row-2 .docs-field-valid-days{flex:0 0 8rem;width:8rem}@media (width<=1100px){.docs-editor-row-1 .docs-field-customer{max-width:none}}.docs-customer-form-grid{margin-bottom:.75rem}.docs-customer-form-grid label{min-width:0}.docs-customer-form-row1{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) minmax(0,.65fr)}.docs-customer-form-row2{grid-template-columns:minmax(0,1fr)}.docs-customer-form-row3{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1.25rem}.docs-customer-ship-heading{margin:1.25rem 0 .35rem;font-size:1rem;font-weight:650}.docs-customer-map{flex-direction:column;gap:.65rem;margin:.35rem 0 1rem;display:flex}.docs-customer-map-preview{cursor:pointer;background:#1c241808;border:1px dashed #1c241847;border-radius:8px;justify-content:center;align-items:center;max-width:420px;min-height:140px;padding:.5rem;display:flex;overflow:hidden}.docs-customer-map-preview:focus-visible{outline-offset:2px;outline:2px solid #2f5d3a8c}.docs-customer-map-preview img{object-fit:contain;border-radius:4px;width:100%;max-height:200px}.docs-customer-map-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.docs-customer-map-file-btn{position:relative;overflow:hidden}.docs-customer-map-file-btn input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.docs-customer-map-error{color:#b42318;margin:0;font-size:.9rem}.docs-customer-maps-link{flex-direction:column;gap:.3rem;max-width:520px;display:flex}.docs-customer-maps-link input{border:1px solid #1c24182e;border-radius:6px;padding:.45rem .6rem}@media (width<=1100px){.docs-customer-form-row1{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}.docs-customer-form-row1 label:last-child{grid-column:1/-1}}@media (width<=720px){.docs-customer-form-row1,.docs-customer-form-row3{grid-template-columns:minmax(0,1fr)}.docs-customer-form-row1 label:last-child{grid-column:auto}}.docs-form-grid .span-full{grid-column:1/-1}.docs-form-grid input,.docs-form-grid select,.docs-form-grid textarea,.docs-notes-field textarea,.docs-lines-table input{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:8px;width:100%;padding:.45rem .55rem}.docs-editor-head{border-bottom:1px solid #1c24181f;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.docs-editor-head h2{font-family:var(--font-display);margin:.2rem 0 0}.docs-staff-activity .docs-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.docs-staff-activity-detail{word-break:break-word;max-width:36rem;font-size:.85rem}.docs-staff-activity-pre{white-space:pre-wrap;margin:0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.8rem;line-height:1.35}.docs-staff-role{background:#1c24180a;border:1px solid #1c241826;border-radius:4px;padding:.1rem .45rem;font-size:.8rem;display:inline-block}.docs-staff-role-admin{color:#7a3e12;background:#b4641e1a;border-color:#8c461459}.docs-staff-role-staff{color:#1f4d33;background:#285a3c14;border-color:#285a3c4d}.docs-docs-list-saved{white-space:nowrap;font-size:.9rem}.docs-editor-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.docs-no-vat-btn.is-active{color:#b42318;background:#fef3f2;border-color:#fecdca}.docs-editor-footer-actions{border-top:1px solid #1c24181a;justify-content:flex-end;margin-top:1.75rem;padding-top:1rem;display:flex}.docs-editor-footer-actions .docs-editor-actions{justify-content:flex-end;width:100%}@media (width<=720px){.docs-editor-footer-actions .docs-editor-actions{flex-direction:column;align-items:stretch}.docs-editor-footer-actions .btn{width:100%}}.docs-company-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;padding:.45rem .85rem;font-size:.9rem;font-weight:600;display:inline-flex}.docs-company-badge-gpm{color:#fff;background:#138f2d;border-color:#0f7a26}.docs-company-badge-grand{color:#fff;background:#0284c7;border-color:#0369a1}.docs-lines-head{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.docs-lines-head h3{margin:0}.docs-lines-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}@media (width<=1100px){.docs-lines-table-wrap:not(.docs-lines-table-wrap--stacked){scrollbar-gutter:stable}}@media (width<=900px){.docs-lines-table-wrap{background:0 0;border:none;overflow-x:visible}.docs-lines-table{table-layout:auto;width:100%;min-width:0!important}.docs-lines-table colgroup,.docs-lines-table thead{display:none}.docs-lines-table tbody{flex-direction:column;gap:.75rem;display:flex}.docs-lines-table tr{border-radius:var(--radius);background:var(--surface);border:1px solid #1c24181f;display:block;overflow:hidden}.docs-lines-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #1c24180f;grid-template-columns:minmax(5.25rem,36%) minmax(0,1fr);align-items:center;gap:.35rem .75rem;padding:.5rem .75rem;display:grid}.docs-lines-table td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.72rem;font-weight:600}.docs-lines-table td[data-label=""]:before{display:none}.docs-lines-table td.docs-line-card-head,.docs-lines-table td.docs-line-no{grid-template-columns:unset;background:var(--surface-2);padding-top:.6rem;padding-bottom:.6rem;font-size:.88rem;font-weight:600;display:block}.docs-line-no-desktop{display:none}.docs-line-no-mobile{display:inline}.docs-lines-table td.num{text-align:left;font-weight:600}.docs-lines-table td.docs-line-action-cell{border-bottom:none;grid-template-columns:1fr;justify-items:stretch;padding-top:.35rem}.docs-lines-table td.docs-line-action-cell .btn{width:100%}.docs-sku-picker{flex-direction:column;align-items:stretch}.docs-sku-picker-btn{width:100%}.docs-lines-head{flex-direction:column;align-items:stretch}.docs-lines-actions{width:100%}.docs-lines-actions .btn{flex:1}}.docs-sku-picker{align-items:center;gap:.25rem;min-width:0;display:flex}.docs-sku-picker input{flex:1;min-width:0}.docs-sku-picker-btn{white-space:nowrap;flex-shrink:0;padding:.2rem .4rem;font-size:.75rem}.docs-product-picker-list strong{min-width:4.5rem}.docs-product-picker-list .docs-product-picker-selected{outline:1px solid var(--accent);background:#2f5d3a1a}.docs-product-picker-modal .docs-template-modal-edit label{flex-direction:column;gap:.25rem;margin-bottom:.5rem;display:flex}.docs-product-image-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.docs-product-thumb{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:6px;width:48px;height:48px}.docs-customer-picker{align-items:stretch;gap:.5rem;display:flex}.docs-customer-picker-display{cursor:pointer}.docs-customer-picker .docs-customer-picker-display:not(:disabled):hover{border-color:var(--accent)}.docs-modal-backdrop{z-index:1000;background:#1c241873;justify-content:center;align-items:flex-start;padding:8vh 1rem 2rem;display:flex;position:fixed;inset:0}.docs-modal{background:var(--surface);border-radius:var(--radius);width:min(560px,100%);max-height:80vh;box-shadow:var(--shadow);padding:1rem 1.1rem 1.25rem;overflow:auto}.docs-modal-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.docs-modal-head h3{font-family:var(--font-display);margin:0}.docs-customer-picker-list{border:1px solid #1c24181f;border-radius:10px;max-height:min(360px,50vh);margin:.75rem 0 0;padding:0;list-style:none;overflow:hidden auto}.docs-customer-picker-list li{border-bottom:1px solid #1c241814}.docs-customer-picker-list li:last-child{border-bottom:0}.docs-customer-picker-list li.muted{padding:.85rem 1rem}.docs-customer-picker-list button{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:0;padding:.65rem 1rem}.docs-customer-picker-list button:hover{background:var(--accent-soft)}.docs-customer-picker-list strong{margin-bottom:.15rem;display:block}.docs-customer-picker-list span{color:var(--muted);font-size:.85rem;display:block}.docs-so-picker-modal{width:min(560px,100%)}.docs-so-picker-list button{flex-direction:column;align-items:flex-start;gap:.15rem;display:flex}.docs-so-picker-list button span:not(.muted){color:inherit}.docs-lines-footer{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-top:.75rem;display:flex}.docs-totals-box{margin-left:auto}.docs-totals-box .docs-totals-table{border-collapse:collapse;margin-left:auto}.docs-totals-box .docs-totals-table td{vertical-align:baseline;border:none;padding:.2rem 0;line-height:1.5}.docs-totals-box .docs-totals-table td:first-child{text-align:left;color:var(--muted);white-space:nowrap;padding-right:1.5rem}.docs-totals-box .docs-totals-table td:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:8.5rem}.docs-totals-box .docs-totals-table tr.strong td{color:var(--ink);font-weight:700}.docs-totals-wht-note{color:var(--muted);flex-basis:100%;margin:.25rem 0 0;font-size:.82rem;line-height:1.5}.docs-customer-form{border-radius:var(--radius);background:var(--surface);border:1px solid #1c24181f;margin-bottom:1.25rem;padding:1rem}.docs-customer-ai-form .docs-customer-ai-grid{margin-bottom:.75rem}.docs-customer-ai-text{flex-direction:column;gap:.35rem;margin-bottom:.85rem;font-size:.9rem;font-weight:600;display:flex}.docs-customer-ai-text textarea{font:inherit;border:1px solid var(--line);background:var(--surface-2);resize:vertical;border-radius:10px;min-height:8rem;padding:.65rem .75rem;font-weight:400}.docs-customer-ai-image-block{margin-bottom:.85rem}.docs-customer-ai-image-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.9rem;font-weight:600;display:flex}.docs-customer-ai-image-actions{flex-wrap:wrap;gap:.35rem;display:flex}.docs-customer-ai-image-box{background:var(--surface-2);cursor:pointer;border:1px dashed #1c241847;border-radius:12px;outline:none;place-items:center;min-height:10rem;padding:.75rem;display:grid}.docs-customer-ai-image-box:focus{border-color:#2e7d328c;box-shadow:0 0 0 3px #2e7d321f}.docs-customer-ai-image-box img{object-fit:contain;border-radius:8px;max-width:100%;max-height:18rem}.docs-form-grid input.readonly{background:var(--bg-deep);color:var(--muted);cursor:default}.docs-col-action{white-space:nowrap;width:4.5rem;min-width:4.5rem}.docs-customers-table{table-layout:fixed;width:100%;min-width:1480px}.docs-customers-table td{text-overflow:ellipsis;white-space:nowrap;vertical-align:top;font-size:.9rem;overflow:hidden}.docs-col-lead{width:6.5%}.docs-col-name,.docs-customers-table th.docs-col-name{width:17%}.docs-col-tax{width:9%}.docs-col-branch{width:7%}.docs-col-address,.docs-cell-address{width:24%}.docs-col-contact{width:11%;min-width:140px}.docs-col-tel{width:9%;min-width:120px}.docs-col-email{width:14%;min-width:160px}.docs-print-overlay{min-height:100vh;font-family:var(--font-doc,"Prompt", sans-serif);background:#cfc9bc;padding:1rem 0 3rem}.docs-print-toolbar{justify-content:space-between;align-items:center;gap:1rem;max-width:210mm;margin:0 auto 1rem;display:flex}.docs-print-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.docs-print-locale-group{opacity:.55;align-items:center;gap:.15rem;margin-left:.15rem;display:inline-flex}.docs-print-locale-group:hover,.docs-print-locale-group:focus-within{opacity:.9}.docs-print-locale-opt{appearance:none;font:inherit;letter-spacing:.02em;color:#1c24188c;cursor:pointer;background:0 0;border:0;margin:0;padding:.15rem .2rem;font-size:.75rem;line-height:1.2}.docs-print-locale-opt:hover{color:#1c2418d9}.docs-print-locale-opt.is-active{color:#1c2418e6;text-underline-offset:2px;font-weight:600;text-decoration:underline}.docs-print-locale-sep{color:#1c241859;-webkit-user-select:none;user-select:none;font-size:.7rem}.docs-print-locale-label{display:none}.docs-btn-telegram{color:#fff;background:#229ed9;border-color:#1e8fc4}.docs-btn-telegram:hover:not(:disabled){background:#1c8ec4;border-color:#187aa8}.docs-btn-telegram:disabled{opacity:.65}.docs-print-sheet{width:210mm;max-width:210mm;margin:0 auto}.doc-page{box-sizing:border-box;color:#111;background:#fff;width:210mm;min-height:297mm;padding:12mm 14mm;font-family:Prompt,sans-serif;font-size:11.5px;line-height:1.45;box-shadow:0 8px 30px #0000001f}.doc-header{margin-bottom:.75rem}.doc-header-brand{align-items:flex-start;gap:.85rem;display:flex}.doc-header-info{text-align:right;flex:1}.doc-logo{object-fit:contain;flex-shrink:0;width:176px;height:auto}.doc-company-name{margin:0 0 .2rem;font-size:16px;font-weight:600}.doc-header p{margin:0;font-size:10.5px}.doc-title{text-align:center;letter-spacing:.02em;margin:.65rem 0 .4rem;font-size:18px;font-weight:700}.doc-meta{border:1px solid #444;grid-template-columns:1.4fr 1fr;gap:.75rem 1.25rem;margin-bottom:.5rem;padding:.45rem .55rem;display:grid}.doc-row{grid-template-columns:auto 1fr;align-items:start;gap:.25rem .45rem;margin-bottom:.15rem;display:grid}.doc-meta-left .doc-row-pair{grid-template-columns:auto 1fr auto 1fr}.doc-meta-right{box-sizing:border-box;width:calc(100% + 30px);min-width:calc(100% + 30px);margin-left:-30px}.doc-meta-right .doc-row{grid-template-columns:6.2rem minmax(0,1fr);gap:.2rem .5rem}.doc-meta-right .doc-label{text-align:right;justify-self:end}.doc-meta-right .doc-row span:not(.doc-label),.doc-meta-right .doc-row strong{text-align:left;justify-self:start}.doc-label{white-space:nowrap;font-weight:600}.doc-intro{margin:.4rem 0;font-size:11px}.doc-table{border-collapse:collapse;width:100%;margin:.35rem 0;font-size:10.5px}.doc-table-inv{table-layout:fixed;margin-bottom:0}.doc-table-inv .doc-col-no{width:5%}.doc-table-inv .doc-col-desc{width:49%}.doc-table-inv .doc-col-qty,.doc-table-inv .doc-col-unit{width:8%}.doc-table-inv .doc-col-price{width:13%}.doc-table-inv .doc-col-total{width:17%}.doc-table-qt{table-layout:fixed}.doc-table-qt .doc-col-no{width:6%}.doc-table-qt .doc-col-sku{width:10%}.doc-table-qt .doc-col-img{width:8%}.doc-table-qt .doc-col-desc{width:34%}.doc-table-qt .doc-col-lead{width:10%}.doc-table-qt .doc-col-qty{width:11%}.doc-table-qt .doc-col-price{width:8%}.doc-table-qt .doc-col-total{width:13%;min-width:17mm}.doc-table-qt thead th:first-child,.doc-table-qt tbody tr:not(.doc-table-footer) td:first-child,.doc-table-qt thead th:nth-child(5),.doc-table-qt tbody tr:not(.doc-table-footer) td:nth-child(5){text-align:center}.doc-table-qt thead th:nth-child(5){white-space:normal;padding:.28rem .15rem;font-size:10px;line-height:1.25}.doc-table-qt tbody tr:not(.doc-table-footer) td:nth-child(5){white-space:nowrap}.doc-table-qt tbody tr:not(.doc-table-footer) td:nth-child(7),.doc-table-qt thead th:nth-child(7){white-space:nowrap;padding-left:.2rem;padding-right:.2rem;font-size:10px}.doc-table-qt thead th{text-align:center}.doc-table-qt tbody tr:not(.doc-table-footer) td:nth-child(8){white-space:nowrap;text-align:right;letter-spacing:-.02em;font-variant-numeric:tabular-nums;padding-left:.15rem;padding-right:.15rem;font-size:10px}.doc-table-qt thead th:nth-child(8){white-space:nowrap;text-align:center;letter-spacing:-.02em;padding-left:.15rem;padding-right:.15rem;font-size:10px}.doc-table-qt tbody tr.doc-table-item-row td:nth-child(8) .doc-table-cell-body{justify-content:flex-end}.doc-table-qt thead th:nth-child(3),.doc-table-qt tbody tr:not(.doc-table-footer) td:nth-child(3){text-align:center!important;vertical-align:middle!important}.doc-table-qt .doc-item-img{margin:0 auto;display:block}.doc-table-qt tbody tr:not(.doc-table-footer) td:nth-child(4),.doc-table-qt thead th:nth-child(4){word-break:break-word;overflow-wrap:anywhere}.doc-table-qt tbody tr.doc-table-item-row td{vertical-align:middle;height:auto;padding:0}.doc-table-qt .doc-table-cell-body{box-sizing:border-box;white-space:normal;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:46px;padding:.28rem .35rem;line-height:1.35;display:flex}.doc-table-qt .doc-table-cell-body-left{text-align:left;overflow-wrap:anywhere;word-break:break-word;justify-content:flex-start;align-items:center}.doc-table-qt tr.doc-table-footer td,.doc-table-so tr.doc-table-footer td,.doc-table-inv tr.doc-table-footer td{vertical-align:top;border:1px solid #444;padding:.28rem .35rem}.doc-table-qt .doc-footer-notes-block,.doc-table-qt .doc-footer-baht-block,.doc-table-so .doc-footer-notes-block,.doc-table-so .doc-footer-baht-block,.doc-table-inv .doc-footer-notes-block,.doc-table-inv .doc-footer-baht-block{overflow-wrap:anywhere;word-break:break-word;max-width:0;font-size:10px;line-height:1.4;text-align:left!important}.doc-table-qt .doc-footer-notes-label,.doc-table-so .doc-footer-notes-label,.doc-table-inv .doc-footer-notes-label{margin-bottom:.2rem;font-weight:600;display:block}.doc-table-qt .doc-footer-notes-text,.doc-table-so .doc-footer-notes-text,.doc-table-inv .doc-footer-notes-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%;display:block}.doc-table-qt .doc-footer-baht-block,.doc-table-so .doc-footer-baht-block,.doc-table-inv .doc-footer-baht-block{font-size:10.5px}.doc-table-qt .doc-footer-baht-label,.doc-table-so .doc-footer-baht-label,.doc-table-inv .doc-footer-baht-label{margin-right:.35rem;font-weight:600}.doc-table-qt .doc-footer-total-label,.doc-table-so .doc-footer-total-label,.doc-table-inv .doc-footer-total-label{white-space:nowrap;vertical-align:middle;font-weight:400;text-align:right!important}.doc-table-qt .doc-footer-sum,.doc-table-so .doc-footer-sum,.doc-table-inv .doc-footer-sum{white-space:nowrap;vertical-align:middle;font-variant-numeric:tabular-nums;font-weight:400;text-align:right!important}.doc-table-inv tbody tr:not(.doc-table-footer):not(.doc-table-footer-grand) td:last-child,.doc-table-so tbody tr.doc-table-item-row td:last-child,.doc-table-so tbody tr.doc-table-footer td.doc-footer-sum{white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right!important}.doc-table-inv .doc-footer-unit{white-space:nowrap;vertical-align:middle;text-align:center!important}.doc-table-inv .doc-footer-notes-block p{margin:.12rem 0}.doc-table-inv tr.doc-table-footer-grand td{font-weight:700}.doc-table-so{table-layout:fixed}.doc-table-so .doc-col-no{width:6%}.doc-table-so .doc-col-sku{width:12%}.doc-table-so tbody tr.doc-table-item-row td:nth-child(2),.doc-table-so thead th:nth-child(2){overflow-wrap:anywhere;word-break:break-word;white-space:normal;font-size:10px;line-height:1.25}.doc-table-so .doc-col-desc{width:34%}.doc-table-so .doc-col-lead{width:10%}.doc-table-so .doc-col-qty,.doc-table-so .doc-col-unit{width:8%}.doc-table-so .doc-col-price{width:10%}.doc-table-so .doc-col-total{width:12%}.doc-table-so tbody tr.doc-table-item-row td{vertical-align:middle;height:auto;min-height:2.1rem}.doc-table-so tbody tr.doc-table-item-row td.left{vertical-align:middle}.doc-table-so tbody tr.doc-table-item-row td.left .doc-table-desc-clamp{-webkit-line-clamp:4;line-clamp:4;overflow-wrap:anywhere;word-break:break-word;text-align:left;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.doc-table th,.doc-table td{text-align:center;vertical-align:middle;border:1px solid #444;padding:.28rem .35rem}.doc-table th{color:#000;background:#f3f3f3;font-weight:600}.doc-table tbody tr.doc-table-row-empty:not(.doc-table-item-row) td{height:2.1rem}.doc-table-inv tbody tr.doc-table-row-empty td{height:auto}.doc-table-inv tbody tr.doc-table-item-row td{vertical-align:middle;height:auto}.doc-table-inv tbody tr.doc-table-item-row td.left{vertical-align:middle;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.doc-table td.left{text-align:left;white-space:normal;overflow-wrap:anywhere;word-break:break-word;height:auto;max-height:none;line-height:1.35}.doc-item-img{object-fit:contain;max-width:48px;max-height:48px}.doc-totals{justify-content:space-between;align-items:start;gap:1rem;margin-top:.4rem;display:flex}.doc-totals table,.doc-totals-table{border-collapse:collapse;min-width:220px}.doc-totals td,.doc-totals-table td{border:1px solid #444;padding:.25rem .45rem}.doc-totals tr.strong td,.doc-totals-table tr.strong td{font-weight:700}.doc-wht-note{color:#555;text-align:right;margin:.35rem 0 0;font-size:9px}.doc-wht-note-above-payment{margin:.35rem 0 .1rem}.doc-baht-text{max-width:55%;font-size:11px}.doc-payment,.doc-extra{margin-top:.55rem;font-size:10.5px}.doc-payment h3,.doc-extra h3{margin:0 0 .25rem;font-size:11.5px}.doc-payment p,.doc-extra p{margin:.15rem 0}.doc-payment ul{margin:.15rem 0 0;padding-left:1.15rem;list-style-type:disc}.doc-payment li{margin:.15rem 0}.doc-payment-details{white-space:pre-wrap;font:inherit;font-size:inherit;margin:.15rem 0 0;padding:0;line-height:1.45}.doc-extra pre{white-space:pre-wrap;font-family:inherit;font-size:inherit;margin:.25rem 0 0}.doc-notes{margin:.35rem 0;font-size:10.5px}.doc-invoice-bottom{grid-template-columns:1.3fr .9fr;gap:.75rem;margin-top:.5rem;display:grid}.doc-signs{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.25rem;font-size:10.5px;display:grid}.doc-signs-qt{margin-top:2.25rem}.doc-signs-so{border:1px solid #444;gap:0;margin-top:50px;font-size:10px;line-height:1.45}.doc-sign-so-block{text-align:center;flex-direction:column;align-items:center;min-height:9.5rem;padding:.55rem .65rem .7rem;display:flex}.doc-sign-so-block+.doc-sign-so-block{border-left:1px solid #444}.doc-sign-so-hint,.doc-sign-so-statement,.doc-sign-so-line,.doc-sign-so-name,.doc-sign-so-date{width:100%;margin:0}.doc-sign-so-hint{margin-bottom:.2rem}.doc-sign-so-statement{margin-bottom:.55rem}.doc-sign-so-area{justify-content:center;align-items:flex-end;width:100%;min-height:2.2rem;margin-bottom:-.15rem;display:flex}.doc-sign-so-area .doc-sign-img{object-fit:contain;max-width:90%;max-height:2.2rem;display:block}.doc-signs-inv .doc-sign-so-area{justify-content:center;width:100%;min-height:2.2rem}.doc-signs-inv .doc-sign-so-area .doc-sign-img{max-height:2.2rem}.doc-sign-so-line{margin-top:.15rem}.doc-sign-so-name{letter-spacing:.02em;margin-top:.2rem}.doc-sign-so-name-fill{vertical-align:baseline;min-width:11rem;height:.95em;display:inline-block}.doc-sign-so-date{margin-top:.35rem}.doc-signs-inv{align-items:flex-start;margin-top:.7rem}.doc-signs-inv .doc-sign-so-block{min-height:0}.doc-signs-inv .doc-sign-so-footer{width:100%;margin-top:0}.doc-sign-inv-signrow{justify-content:center;align-items:flex-end;width:100%;min-height:2.2rem;margin-bottom:-.15rem;display:flex;position:relative}.doc-sign-inv-stamp{justify-content:center;align-items:center;width:100%;min-height:2.5rem;margin-bottom:.15rem;display:flex}.doc-sign-inv-stamp-spacer{visibility:hidden;pointer-events:none}.doc-sign-stamp-img{object-fit:contain;pointer-events:none;max-width:5.1rem;max-height:2.55rem;display:block;position:absolute;bottom:.55rem;left:50%;transform:translate(1.85rem)}.doc-sign-block{text-align:center;flex-direction:column;align-items:center;display:flex}.doc-sign-area{justify-content:center;align-items:flex-end;width:100%;min-height:2.4rem;display:flex}.doc-sign-img{object-fit:contain;max-width:92%;max-height:2.4rem;margin-bottom:.1rem;display:block}.doc-sign-rule{border:none;border-top:1px dotted #222;width:50%;height:0;margin:0}.doc-sign-role{margin:.4rem 0 .55rem}.doc-sign-date{white-space:nowrap;justify-content:center;align-items:baseline;width:100%;margin:0;display:flex}.doc-sign-date-fill{border-bottom:1px dotted #222;flex:1;min-width:6.5rem;max-width:10rem;height:.95em;margin-left:.25rem}.doc-signs .sign-line{margin-top:1.5rem}.muted{color:var(--muted)}@media print{body *{visibility:hidden}.docs-print-overlay,.docs-print-overlay *{visibility:visible}.docs-print-overlay{background:#fff;width:100%;padding:0;position:absolute;top:0;left:0}.no-print{display:none!important}.doc-page{width:210mm;min-height:297mm;box-shadow:none;break-inside:avoid;break-after:auto;padding:10mm 12mm}@page{size:A4 portrait;margin:0}}.docs-template-footer{justify-content:flex-start;margin-top:.25rem;margin-bottom:.5rem;display:flex}.docs-template-open-btn{min-height:0;padding:.24rem .66rem;font-size:.94rem}.docs-template-active-name{color:var(--accent);font-weight:600}.docs-template-modal{width:min(680px,100%)}.docs-template-modal-actions{flex-wrap:wrap;gap:.4rem;margin:.75rem 0;display:flex}.docs-template-modal-edit{border-top:1px solid #1c24181f;flex-direction:column;gap:.5rem;margin-top:.5rem;padding-top:.75rem;display:flex}.docs-template-modal-edit label{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.docs-template-preview{white-space:pre-wrap;background:var(--bg-deep);border-radius:var(--radius);border:1px solid #1c24181f;max-height:14rem;margin:.5rem 0 0;padding:.6rem .75rem;font-family:inherit;font-size:.85rem;line-height:1.45;overflow:auto}.docs-template-pick{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.docs-template-pick select{flex:1;min-width:10rem}.docs-template-inline-actions{justify-content:flex-end;gap:.4rem;display:flex}.docs-note-preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:40rem;font-size:.85rem;overflow:hidden}.docs-grand-note-templates-table .docs-col-action{white-space:nowrap;width:8rem}.docs-grand-note-templates-table .docs-col-action .btn{padding:.25rem .45rem;font-size:.78rem}.docs-confirm-backdrop{z-index:1200}.docs-confirm-dialog{width:min(420px,100%)}.docs-confirm-title{font-family:var(--font-display);margin:0 0 .5rem;font-size:1.05rem}.docs-confirm-message{white-space:pre-wrap;margin:0 0 1rem;font-size:.95rem;line-height:1.45}.docs-confirm-actions{justify-content:flex-end;gap:.5rem;display:flex}.docs-btn-danger{color:#fff;background:#b42318;border:1px solid #912018}.docs-btn-danger:hover{background:#912018}