@font-face{font-family:LocalThai;src:local('Leelawadee UI')}*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#18232b;font-family:LocalThai,'Segoe UI',Tahoma,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer;border:1px solid #dce3e5;background:white;color:#253e43;border-radius:9px;padding:10px 15px;font-weight:600}button:hover{background:#edf4f2}button:disabled{opacity:.5;cursor:wait}button.primary{background:#155e52;color:#fff;border-color:#155e52}button.primary:hover{background:#0c4a40}button.ghost{background:transparent}button.danger{color:#ac3636}button.small{padding:6px 10px;font-size:12px}a{color:#156455}input,select,textarea{padding:10px 12px;border:1px solid #dce3e5;border-radius:8px;background:#fff;color:#20333b;min-width:0;outline:none}input:focus,select:focus,textarea:focus{border-color:#298776;box-shadow:0 0 0 3px #29877616}textarea{resize:vertical;min-height:90px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#51636a}h1,h2,h3,p{margin:0}h1{font-size:27px;letter-spacing:-.6px}h2{font-size:18px}h3{font-size:15px}.shell{display:grid;grid-template-columns:228px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e5e9eb;padding:30px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:228px}.brand{display:flex;align-items:center;gap:10px;padding:0 13px 35px;font-size:23px;font-weight:750;letter-spacing:-1px}.brand-mark{background:#155e52;color:#fff;border-radius:11px;width:37px;height:39px;display:grid;place-items:center;letter-spacing:-3px;padding-right:3px}.subbrand{font-size:10px;color:#73868a;letter-spacing:1.5px;font-weight:500}.nav-label{font-size:10px;color:#85949a;letter-spacing:2px;padding:12px}.nav-item{border:0;display:flex;align-items:center;text-align:left;gap:12px;width:100%;padding:13px 15px;margin:3px 0;background:transparent;font-weight:500;color:#65777c}.nav-item.active{background:#eaf3ef;color:#145b4e;font-weight:700}.nav-item .icon{font-size:19px;width:23px;text-align:center}.nav-item .count{margin-left:auto;background:#d7e8e0;border-radius:6px;font-size:10px;padding:3px 7px}.sidebar-bottom{margin-top:auto;padding:16px 10px 0;border-top:1px solid #e8edef}.local-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#218568;margin-right:6px}.muted{color:#7a898f}.tiny{font-size:11px}.main{grid-column:2;min-width:0}.topbar{height:76px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e9eb;background:#fff}.breadcrumb{color:#87959a;font-size:12px}.breadcrumb b{color:#34484e;font-weight:500}.operator{display:flex;gap:10px;align-items:center}.avatar{width:32px;height:32px;border-radius:50%;background:#e6efeb;display:grid;place-items:center;color:#176354;font-weight:bold}.operator input{width:135px;padding:7px 9px;font-size:12px}.content{padding:30px 36px 45px;max-width:1800px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.subtitle{color:#7b8b91;margin-top:5px;font-size:13px}.actions{display:flex;gap:9px;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#548575;margin-bottom:8px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.stat{background:#fff;border:1px solid #e3e8ea;border-radius:12px;padding:20px 22px;position:relative}.stat-label{font-size:12px;color:#75848a}.stat-value{font-size:32px;font-weight:650;letter-spacing:-1px;margin:10px 0 4px}.stat-value span{font-size:12px;color:#829096;letter-spacing:0;font-weight:400;margin-left:7px}.stat-note{font-size:11px;color:#839096}.stat-icon{position:absolute;right:20px;top:18px;background:#edf4f1;color:#377b6a;border-radius:9px;padding:7px 10px}.stat.warning .stat-icon{background:#fff0e9;color:#ce734a}.stat.warning .stat-value{color:#b65336}.panel{background:#fff;border:1px solid #e3e8ea;border-radius:12px;overflow:hidden;margin-bottom:22px}.panel-head{padding:21px 24px;display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid #eef1f2}.panel-body{padding:23px}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:15px 22px;border-bottom:1px solid #edf0f2}.search{flex:1;min-width:190px;max-width:330px;background:#f8fafb}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tab{border:0;background:transparent;color:#718389;padding:8px 12px;font-size:12px;font-weight:500}.tab.selected{background:#eaf3ef;color:#145b4e}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{background:#fafbfc;color:#809097;font-size:11px;font-weight:500;padding:13px 22px;border-bottom:1px solid #edf0f2}td{padding:16px 22px;border-bottom:1px solid #edf0f2;font-size:13px}tr:last-child td{border-bottom:0}.job-link{padding:0;border:0;background:none;font-weight:650;color:#205a50;text-align:left}.row-sub{display:block;color:#88969b;font-size:11px;margin-top:4px;max-width:220px;overflow:hidden;text-overflow:ellipsis}.customer-cell{display:flex;gap:10px;align-items:center}.initial{width:32px;height:32px;background:#f0f3f5;color:#667e87;display:grid;place-items:center;border-radius:8px;font-size:12px}.badge{display:inline-flex;gap:6px;align-items:center;font-size:11px;border-radius:6px;padding:5px 9px;background:#f1f3f5;color:#687983;white-space:nowrap}.badge:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}.badge.printing{background:#eeeafa;color:#8065b2}.badge.production{background:#eaf1fb;color:#557ba8}.badge.qc{background:#eef0fb;color:#686aad}.badge.ready,.badge.shipped{background:#e7f4ed;color:#378063}.badge.review,.badge.hold{background:#fff4dd;color:#aa7a21}.badge.overdue,.badge.cancelled{background:#fdeceb;color:#bc5953}.badge.queued{background:#edf1f5;color:#677d92}.empty{text-align:center;padding:50px 20px;color:#819197}.empty .empty-icon{font-size:32px;margin-bottom:10px;color:#9bb2aa}.empty strong{display:block;color:#4e646d;margin-bottom:7px;font-size:15px}.empty p{font-size:12px;margin-bottom:16px}.bottom-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}.bar-row{display:grid;grid-template-columns:110px 1fr 45px;gap:14px;align-items:center;margin-bottom:16px;font-size:12px;color:#6e8389}.bar-track{height:7px;background:#f0f3f4;border-radius:5px;overflow:hidden}.bar{height:100%;background:#3c8a76;border-radius:5px}.notice{background:#fffaed;border:1px solid #f0e5c4;border-radius:9px;padding:13px 16px;color:#8e732f;font-size:12px;line-height:1.8;margin-bottom:18px}.info{background:#f0f7f4;color:#3b7464;border-color:#d9e9e1}.queue-item{padding:14px 0;border-bottom:1px solid #eff2f3;display:flex;justify-content:space-between;gap:10px}.queue-item:last-child{border:0}.date-box{background:#f1f6f3;border-radius:8px;text-align:center;padding:8px 12px;color:#417969;min-width:53px}.date-box b{display:block;font-size:19px}.queue-detail{flex:1;font-size:13px}.queue-detail small{display:block;color:#849399;margin-top:5px}.footer-note{font-size:11px;color:#91a0a5;display:flex;justify-content:space-between;margin-top:20px}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.cal-head{display:grid;grid-template-columns:repeat(7,1fr);background:#fafbfc;text-align:center;padding:12px;color:#819197;font-size:12px}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.cal-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.day{min-height:140px;border-right:1px solid #edf0f2;border-bottom:1px solid #edf0f2;padding:12px}.day.today{background:#f3f9f5}.day-number{font-size:12px;color:#72868d;margin-bottom:9px}.day.today .day-number{color:#1b725b;font-weight:bold}.cal-job{display:block;width:100%;padding:7px;text-align:left;font-size:10px;background:#edf5f0;border:0;margin:5px 0;overflow:hidden}.cal-job.late{background:#fceeea;color:#a94e38}.customer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.customer-card{padding:23px;border:1px solid #e1e7e8;border-radius:12px;background:white}.customer-card h3{font-size:18px;margin:12px 0 4px}.customer-numbers{display:flex;gap:24px;margin:20px 0;font-size:12px;color:#7c8f95}.customer-numbers b{display:block;color:#2b4e47;font-size:22px}.customer-card button{margin-top:15px}.modal-header{padding:22px 26px;border-bottom:1px solid #e6eceb;display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;background:#fff;z-index:2}.modal-header p{font-size:12px;color:#819197;margin-top:5px}dialog{border:0;border-radius:15px;padding:0;width:min(1120px,96vw);max-height:92vh;box-shadow:0 20px 90px #172d3b33}dialog::backdrop{background:#152f3d77;backdrop-filter:blur(3px)}.modal-body{padding:24px 26px}.editor-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px}.image-area{background:#f5f7f8;border:1px dashed #cbd8d5;border-radius:10px;min-height:210px;text-align:center;padding:16px;align-content:center}.image-area img{max-width:100%;max-height:460px;object-fit:contain}.image-area input{width:100%;font-size:12px;background:white}.image-tools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}.section-title{margin:22px 0 12px;font-size:13px;color:#345b51}.size-row{display:grid;grid-template-columns:1fr 1fr 1fr 35px;gap:7px;margin:7px 0}.size-head{font-size:11px;color:#82969b}.size-row input{width:100%;padding:8px}.size-total{display:flex;justify-content:space-between;padding:12px 0;color:#467565;font-size:13px}.modal-footer{padding:18px 26px;border-top:1px solid #e5eae9;display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:0;background:#fff;z-index:2}.detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.detail-kv{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.detail-kv small{display:block;color:#8a999e;margin-bottom:6px}.detail-kv b{font-weight:600}.detail-image{width:100%;max-height:320px;object-fit:contain;background:#f8f9fa;border-radius:8px}.history{font-size:12px;padding:14px 0;border-bottom:1px solid #ecf0f1}.history small{display:block;color:#88989d;margin-top:5px}.history-detail{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;color:#6a8088;max-height:220px;overflow:auto;margin-top:8px}.stack{display:flex;flex-direction:column;gap:12px}.line-preview{white-space:pre-wrap;background:#edf6f0;padding:17px;border-radius:10px;font-size:13px;line-height:1.9;margin:12px 0}.tv{background:#112b27;color:#f0f7f3;min-height:100vh;padding:40px}.tv-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.tv h1{font-size:38px}.tv .subtitle{color:#a9c1b8;font-size:17px}.tv-summary{display:flex;gap:30px;margin:25px 0;font-size:19px;color:#b9d3c8}.tv-summary b{color:white;font-size:27px}.tv table{white-space:normal}.tv th{background:#193831;color:#a6c7ba;font-size:16px;border-color:#305146}.tv td{font-size:21px;padding:22px;border-color:#305146}.tv .badge{font-size:15px}.tv .empty strong{color:#cee1d8}.tv .footer-note{color:#8bae9f}.loading{padding:70px;text-align:center}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:99;background:#173e33;color:white;border-radius:9px;padding:13px 22px;box-shadow:0 8px 30px #163b3322;display:none;max-width:90vw}#toast.error{background:#9b3f35}.inline-error{color:#af3c31;font-size:12px;line-height:1.7;margin:10px 0;white-space:pre-wrap}.image-list{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.image-list button{padding:4px}.image-list img{width:45px;height:55px;object-fit:cover}.help-text{font-size:12px;line-height:1.9;color:#6e8389}.spaced{margin-top:15px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pill{font-size:11px;background:#eef4f1;padding:5px 10px;border-radius:20px;color:#578171}.nowrap{white-space:nowrap}@media(min-width:1500px){.content{padding-top:40px}}@media(max-width:1100px){.sidebar{width:195px;padding:25px 10px}.shell{grid-template-columns:195px 1fr}.content{padding:25px 22px}.topbar{padding:0 22px}.stats{gap:10px}.stat{padding:17px}.stat-icon{display:none}.customer-grid{grid-template-columns:repeat(2,1fr)}.bottom-grid{grid-template-columns:1fr}.day{padding:7px}.editor-grid{grid-template-columns:.75fr 1fr}}@media(max-width:760px){.shell{display:block}.sidebar{position:static;width:auto;padding:12px;display:block;border:0}.brand{padding:0 4px 10px;font-size:21px}.sidebar nav{display:flex;overflow-x:auto}.nav-label,.sidebar-bottom{display:none}.nav-item{width:auto;flex-shrink:0;padding:10px;font-size:12px}.nav-item .icon{display:none}.nav-item .count{display:none}.topbar{height:55px;padding:0 16px}.content{padding:22px 15px}.page-head{align-items:flex-start;flex-wrap:wrap}h1{font-size:23px}.stats{grid-template-columns:1fr 1fr}.stat-value{font-size:27px}.panel-head,.panel-body{padding:17px}.filters{padding:12px}.editor-grid,.detail-grid,.report-grid{grid-template-columns:1fr}.modal-body{padding:18px}.modal-header,.modal-footer{padding:16px}.customer-grid{grid-template-columns:1fr}.day{min-height:100px;padding:4px}.cal-job{font-size:9px;padding:4px}.cal-head{font-size:10px}.image-area img{max-height:260px}.tv{padding:20px}.tv h1{font-size:25px}.tv td{font-size:15px;padding:12px}.tv th{font-size:12px;padding:12px}.tv-summary{font-size:14px;gap:15px}.tv-summary b{font-size:21px}.footer-note{gap:10px;flex-wrap:wrap}}


.sales-strip{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px}.sales-strip small{display:block;color:#809197;font-size:11px;margin-bottom:8px}.sales-strip b{font-size:20px;color:#315e51;font-weight:600}@media(max-width:1100px){.sales-strip{grid-template-columns:1fr 1fr}}

.variant-card{padding:14px;border:1px solid #dce7e1;border-radius:10px;margin-bottom:14px;background:#f9fcfa}.variant-card .size-head{margin-top:16px}.variant-actions{align-self:end;text-align:right}.variant-summary{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}input[readonly]{background:#eef3f0;color:#5b786c}

.special-size{color:#c16c2d}.preset-group{max-width:220px}.size-name{min-width:0}