/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}}:root{--navy:#12304a;--navy-deep:#0c2438;--blue:#2c6bed;--green:#13a67b;--orange:#f59e42;--purple:#7559d9;--ink:#17212b;--muted:#6b7a89;--line:#e6ebef;--canvas:#f4f7f8}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--ink);margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans Thai,Tahoma,sans-serif}button,input,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--navy-deep);color:#dce8ef;z-index:30;flex-direction:column;width:250px;min-width:250px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff17;align-items:center;gap:11px;height:76px;padding:0 20px;display:flex}.brand-mark{color:#fff;letter-spacing:-2px;background:linear-gradient(145deg,#2bdfae,#178d70);border-radius:11px;place-items:center;width:38px;height:38px;font-size:18px;font-weight:900;display:grid;box-shadow:0 7px 18px #13a67b47}.brand-mark span{color:#b6ffe9}.brand strong{color:#fff;letter-spacing:-.25px;font-size:16px;display:block}.brand small{color:#7ed5bd;letter-spacing:2px;margin-top:2px;font-size:8px;font-weight:800;display:block}.close-sidebar{color:#fff;background:0 0;border:0;margin-left:auto;font-size:28px;display:none}.workspace-pill{background:#ffffff0f;border:1px solid #ffffff1c;border-radius:10px;align-items:center;gap:9px;margin:18px 15px 8px;padding:10px;display:flex}.workspace-logo{color:#14815f;background:#e8f7f2;border-radius:8px;flex:none;place-items:center;width:31px;height:31px;font-size:10px;font-weight:900;display:grid}.workspace-pill strong,.workspace-pill small{white-space:nowrap;text-overflow:ellipsis;max-width:140px;display:block;overflow:hidden}.workspace-pill strong{color:#fff;font-size:11px}.workspace-pill small{color:#91a8b8;margin-top:2px;font-size:9px}.workspace-pill b{color:#91a8b8;margin-left:auto;font-size:11px}.sidebar nav{scrollbar-width:none;padding:2px 12px 20px;overflow-y:auto}.menu-group{margin-top:17px}.menu-group p{color:#718a9b;letter-spacing:.9px;text-transform:uppercase;margin:0 10px 6px;font-size:9px;font-weight:800}.menu-group button,.sidebar-footer button{color:#b9cad5;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;height:40px;padding:0 10px;font-size:12px;transition:all .18s;display:flex}.menu-group button:hover,.sidebar-footer button:hover{color:#fff;background:#ffffff0f}.menu-group button.active{color:#fff;background:linear-gradient(90deg,#18b5893d,#18b5891a);box-shadow:inset 3px 0 #26c697}.menu-icon{text-align:center;color:#8eabba;width:20px;font-size:17px}.menu-group button.active .menu-icon{color:#4ce3b5}.menu-group em{color:#fff;background:#e65f5a;border-radius:10px;place-items:center;width:22px;height:19px;margin-left:auto;font-size:9px;font-style:normal;font-weight:800;display:grid}.sidebar-footer{border-top:1px solid #ffffff14;margin-top:auto;padding:12px}.sidebar-footer button span{text-align:center;width:20px}.content{flex:1;min-width:0;margin-left:250px}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;align-items:center;gap:22px;height:76px;padding:0 30px;display:flex;position:sticky;top:0}.mobile-menu{background:0 0;border:0;font-size:22px;display:none}.search-trigger{color:#8794a1;cursor:pointer;text-align:left;background:#f6f8f9;border:1px solid #dfe6ea;border-radius:9px;align-items:center;gap:9px;width:min(410px,42vw);height:40px;padding:0 12px;font-size:12px;display:flex}.search-trigger>span:first-child{font-size:21px;transform:rotate(-15deg)}.search-trigger kbd{color:#98a4ae;background:#fff;border:1px solid #d9e0e4;border-radius:5px;margin-left:auto;padding:3px 7px;font-size:9px;box-shadow:0 1px 2px #00000008}.top-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.top-actions>button{color:#5c6c79;cursor:pointer;background:0 0;border:0;width:36px;height:36px;font-size:20px;position:relative}.top-actions>button i{background:#ef665f;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:6px}.profile{border-left:1px solid var(--line);align-items:center;gap:9px;margin-left:7px;padding-left:14px;display:flex}.profile>span{color:#37546a;background:linear-gradient(135deg,#d2e8f5,#f3d6be);border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.profile strong,.profile small{display:block}.profile strong{font-size:11px}.profile small{color:#85929e;margin-top:2px;font-size:9px}.profile b{color:#8b98a4;font-size:10px}.page{max-width:1530px;margin:0 auto;padding:30px 32px 45px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.page-heading p{color:var(--green);margin:0 0 5px;font-size:10px;font-weight:700}.page-heading h1{color:#153049;letter-spacing:-.7px;margin:0;font-size:27px;line-height:1.2}.page-heading h1 span{font-size:22px}.page-heading small{color:var(--muted);margin-top:7px;font-size:12px;display:block}.heading-actions{gap:9px;display:flex}.heading-actions button{cursor:pointer;border-radius:8px;height:38px;padding:0 15px;font-size:11px;font-weight:700}.secondary{color:#536575;background:#fff;border:1px solid #dce4e8}.primary{border:1px solid var(--green);background:var(--green);color:#fff;box-shadow:0 7px 18px #13a67b2e}.quick-row{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:6px;min-height:70px;margin-top:25px;padding:12px 16px;display:flex;box-shadow:0 2px 5px #13304a05}.quick-label{color:#7c8b97;margin-right:5px;font-size:10px;font-weight:700}.quick-row button{cursor:pointer;color:#405463;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;height:43px;padding:0 12px;font-size:10px;font-weight:700;display:flex}.quick-row button:hover{background:#f5f8f9}.quick-icon{color:#fff;border-radius:8px;place-items:center;width:29px;height:29px;font-size:16px;font-weight:400;display:grid}.quick-icon.navy{background:var(--navy)}.quick-icon.blue{background:var(--blue)}.quick-icon.orange{background:var(--orange)}.quick-icon.green{background:var(--green)}.quick-row .customize{color:#7d8b96;margin-left:auto;font-weight:500}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:17px;display:grid}.kpi-card,.panel{border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:0 3px 12px #142f4306}.kpi-card{min-height:140px;padding:16px 17px 13px}.kpi-title{color:#647585;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;display:flex}.kpi-title button{color:#a6b0b8;letter-spacing:1px;cursor:pointer;background:0 0;border:0}.kpi-body{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:11px;display:flex}.kpi-body strong{color:#19344c;letter-spacing:-.6px;font-size:22px;display:block}.kpi-body small{border-radius:9px;margin-top:5px;padding:2px 6px;font-size:8px;font-weight:800;display:inline-block}.kpi-body small.green{color:#07805d;background:#e7f8f2}.kpi-body small.blue{color:#2c65c8;background:#eaf1ff}.kpi-body small.orange{color:#bf6c18;background:#fff3e5}.kpi-body small.purple{color:#6b50c9;background:#f0edff}.kpi-card>p{color:#9aa5ae;margin:7px 0 0;font-size:8px}.spark{align-items:flex-end;gap:3px;width:70px;height:45px;display:flex}.spark i{opacity:.7;border-radius:3px 3px 1px 1px;flex:1;min-height:4px}.spark.green i{background:#19ac81}.spark.blue i{background:#4c82ee}.spark.orange i{background:#f6aa5e}.spark.purple i{background:#876de2}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);align-items:start;gap:14px;margin-top:17px;display:grid}.panel{overflow:hidden}.panel-head{border-bottom:1px solid #edf1f3;justify-content:space-between;align-items:center;gap:15px;min-height:67px;padding:15px 18px;display:flex}.panel-head h2{color:#1a344b;margin:0;font-size:13px}.panel-head p{color:#8b98a3;margin:4px 0 0;font-size:9px}.panel-head select{color:#526575;background:#fff;border:1px solid #dfe6ea;border-radius:7px;height:30px;padding:0 26px 0 10px;font-size:9px}.text-button{color:var(--green);cursor:pointer;background:0 0;border:0;font-size:9px;font-weight:700}.chart-legend{color:#667785;align-items:center;gap:16px;padding:13px 20px 3px;font-size:9px;display:flex}.chart-legend span{align-items:center;gap:5px;display:flex}.chart-legend i{border-radius:2px;width:7px;height:7px}.sales-dot{background:var(--navy)}.profit-dot{background:#56c8a6}.chart-legend strong{color:#9ba6ae;margin-left:auto;font-size:8px;font-weight:500}.chart-area{height:205px;padding:10px 20px 15px;display:flex}.axis{color:#a0abb3;flex-direction:column;justify-content:space-between;width:42px;padding-bottom:20px;font-size:7px;display:flex}.bars{background:repeating-linear-gradient(#0000 0 24.5%,#eff2f4 25%);border-bottom:1px solid #dfe5e8;flex:1;justify-content:space-around;align-items:flex-end;padding:0 10px;display:flex}.bar-group{flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;width:12%;height:100%;display:flex}.bar-stack{justify-content:center;align-items:flex-end;gap:3px;width:100%;height:calc(100% - 20px);display:flex}.bar-stack i{border-radius:3px 3px 0 0;width:26%}.sale-bar{background:linear-gradient(#1c4869,#12304a)}.profit-bar{background:#56c8a6}.bar-group span{color:#85929d;font-size:8px}.activity-list{padding:7px 18px 11px}.activity{border-bottom:1px solid #f0f2f4;align-items:center;gap:10px;min-height:52px;display:flex}.activity:last-child{border-bottom:0}.activity>span{border-radius:8px;place-items:center;width:29px;height:29px;font-size:13px;font-weight:800;display:grid}.activity>span.green{color:#0c936b;background:#e5f7f1}.activity>span.blue{color:#326bd6;background:#e8f0ff}.activity>span.orange{color:#d67a21;background:#fff0df}.activity>span.purple{color:#7054ce;background:#efebff}.activity strong,.activity small{display:block}.activity strong{font-size:9px}.activity small{color:#96a1aa;margin-top:4px;font-size:8px}.transaction-panel{grid-column:1}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:9px}th{color:#7c8994;text-align:left;white-space:nowrap;background:#f8fafb;height:34px;font-size:8px;font-weight:700}th,td{border-bottom:1px solid #eef1f3;padding:0 14px}td{color:#526575;white-space:nowrap;height:46px}td strong{color:#2a4052;font-size:9px}td:last-child button{color:#9aa6af;cursor:pointer;background:0 0;border:0;font-size:18px}.status{border-radius:10px;align-items:center;padding:3px 7px;font-size:8px;font-weight:700;display:inline-flex}.status.waiting{color:#c26c16;background:#fff0dd}.status.success{color:#07815e;background:#e4f7f0}.status.pending{color:#376dcc;background:#e8f0ff}.status.draft{color:#72808b;background:#edf0f2}.approval-panel{grid-column:2}.approval-count{color:#c56d18;background:#fff0e0;border-radius:10px;padding:4px 7px;font-size:8px;font-weight:800}.approval-item{border-bottom:1px solid #eef1f3;justify-content:space-between;align-items:center;height:61px;margin:0 16px;display:flex}.approval-item>div{align-items:center;gap:9px;display:flex}.approval-item p{margin:0}.approval-item strong,.approval-item small{display:block}.approval-item strong{font-size:9px}.approval-item small{color:#8d99a3;margin-top:4px;font-size:8px}.avatar{border-radius:50%;place-items:center;width:29px;height:29px;font-size:8px;font-weight:800;display:grid}.av1{color:#356eaa;background:#dfeeff}.av2{color:#ad6541;background:#f8e4d9}.wait-time{color:#d07a27;font-size:8px}.approve-button{color:#108264;cursor:pointer;background:#effaf6;border:1px solid #cce9df;border-radius:7px;width:calc(100% - 32px);height:34px;margin:13px 16px 15px;font-size:9px;font-weight:800}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1c2a61;place-items:start center;padding-top:12vh;display:grid;position:fixed;inset:0}.search-modal{background:#fff;border-radius:14px;width:min(560px,100% - 28px);padding:10px;box-shadow:0 24px 70px #0515214d}.search-modal>div{border-bottom:1px solid var(--line);align-items:center;gap:10px;height:48px;display:flex}.search-modal>div span{color:#7b8994;font-size:24px}.search-modal input{border:0;outline:0;flex:1;font-size:14px}.search-modal kbd{border:1px solid var(--line);color:#8b98a2;border-radius:5px;padding:3px 6px;font-size:9px}.search-modal p{color:#95a0a9;margin:12px 8px 5px;font-size:9px;font-weight:800}.search-modal>button{cursor:pointer;text-align:left;background:#fff;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;height:42px;padding:0 10px;font-size:11px;display:flex}.search-modal>button:hover{background:#f3f7f8}.search-modal>button span{color:#9ba5ad;margin-left:auto;font-size:9px}.toast{z-index:100;color:#344d5e;background:#fff;border:1px solid #d7e9e2;border-radius:10px;align-items:center;gap:9px;padding:11px 15px 11px 11px;font-size:11px;animation:.25s toastIn;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 12px 35px #142e3e24}.toast span{color:#07825e;background:#dff7ef;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:900;display:grid}.overlay{display:none}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}}@media (max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.transaction-panel,.approval-panel{grid-column:1}.activity-panel{grid-row:2}}@media (max-width:780px){.sidebar{transition:transform .25s;transform:translate(-100%);box-shadow:18px 0 45px #0415223b}.sidebar-open{transform:translate(0)}.close-sidebar{display:block}.overlay{z-index:25;background:#04131e66;border:0;display:block;position:fixed;inset:0}.content{margin-left:0}.topbar{gap:10px;height:64px;padding:0 16px}.mobile-menu{display:block}.search-trigger{flex:1;width:auto}.search-trigger span:nth-child(2),.search-trigger kbd,.profile div,.profile b{display:none}.profile{margin-left:0;padding-left:8px}.page{padding:22px 16px 35px}.page-heading{flex-direction:column;align-items:flex-start}.heading-actions{width:100%}.heading-actions button{flex:1}.quick-row{overflow-x:auto}.quick-label,.quick-row .customize{display:none}.quick-row button{flex:none}.page-heading h1{font-size:23px}}@media (max-width:520px){.kpi-grid{grid-template-columns:1fr}.kpi-card{min-height:128px}.chart-area{height:185px;padding-left:12px;padding-right:12px}.bar-stack i{width:34%}.panel-head{padding:14px}.profile>span{width:32px;height:32px}.top-actions>button:first-child{display:none}.transaction-panel .panel-head{flex-direction:column;align-items:flex-start}.text-button{align-self:flex-start}}.brand-button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.brand-button .close-sidebar{margin-left:auto}.workspace-pill{width:calc(100% - 30px);color:inherit;text-align:left;cursor:pointer}.top-actions>.profile{width:auto;height:auto;font-size:inherit;cursor:pointer;background:0 0;border-top:0;border-bottom:0;border-right:0;position:static}.top-actions>.profile i{display:none}.kpi-button{text-align:left;cursor:pointer;width:100%}.kpi-button:hover{border-color:#cfddd9;transform:translateY(-2px);box-shadow:0 9px 24px #142f4314}.kpi-button,.activity-button{transition:all .18s}.activity-button{text-align:left;cursor:pointer;background:#fff;border-top:0;border-left:0;border-right:0;width:100%;padding:0}.activity-button:hover{background:#f8fbfa}.approval-row{cursor:pointer;text-align:left;background:#fff;border-top:0;border-left:0;border-right:0;width:calc(100% - 32px);padding:0}.approval-row:hover{background:#f8fbfa}.document-link{color:#185f9f;cursor:pointer;background:0 0;border:0;font-size:9px;font-weight:800}.document-link:hover{text-decoration:underline}.row-arrow{color:#8b9ba7;cursor:pointer;background:0 0;border:0;font-size:18px}.table-action{color:#07815e;cursor:pointer;background:#ecfaf5;border:1px solid #bfe4d8;border-radius:6px;padding:5px 10px;font-size:8px;font-weight:800}.table-action:disabled{opacity:.5;cursor:wait}.loading-state{text-align:center;color:#87949e;padding:40px;font-size:11px}.module-page{min-height:calc(100vh - 140px)}.module-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.module-heading>div>p,.module-heading>p{color:var(--green);letter-spacing:1.6px;margin:0 0 5px;font-size:9px;font-weight:900}.module-heading h1{color:#153049;letter-spacing:-.7px;margin:0;font-size:27px}.module-heading small{color:#71808c;margin-top:7px;font-size:11px;display:block}.module-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:16px;display:grid}.module-actions button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:12px;grid-template-rows:1fr 1fr;grid-template-columns:36px 1fr;column-gap:11px;min-height:94px;padding:17px;display:grid;box-shadow:0 3px 12px #142f4306}.module-actions button:hover{border-color:#b9dbcf;transform:translateY(-1px)}.module-actions button>span{color:#0c8a66;background:#e7f7f2;border-radius:9px;grid-row:1/3;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.module-actions strong{color:#234057;align-self:end;font-size:11px}.module-actions small{color:#8d99a2;align-self:start;margin-top:3px;font-size:8px}.module-table{min-height:310px}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.settings-grid button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:12px;min-height:130px;padding:20px}.settings-grid button:hover{border-color:#b9dbcf}.settings-grid span{color:#0c8a66;background:#edf7f4;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.settings-grid strong,.settings-grid small{display:block}.settings-grid strong{color:#243e52;margin-top:14px;font-size:12px}.settings-grid small{color:#8c98a1;margin-top:6px;font-size:9px}.dialog-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:19px 22px;display:flex}.dialog-head p{color:var(--green);letter-spacing:1.3px;margin:0 0 3px;font-size:8px;font-weight:900}.dialog-head h2{color:#18344b;margin:0;font-size:18px}.dialog-head>button{color:#70808d;cursor:pointer;background:#f0f4f5;border:0;border-radius:8px;width:32px;height:32px;font-size:21px}.form-dialog,.document-dialog{background:#fff;border-radius:14px;width:min(640px,100% - 28px);overflow:hidden;box-shadow:0 24px 70px #0515214d}.form-grid{grid-template-columns:1fr 1fr;gap:15px;padding:20px 22px;display:grid}.form-grid label{color:#506473;flex-direction:column;gap:6px;font-size:9px;font-weight:700;display:flex}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid select{color:#253e52;background:#fff;border:1px solid #dce4e8;border-radius:8px;outline:0;height:40px;padding:0 11px;font-size:11px}.form-grid input:focus,.form-grid select:focus{border-color:var(--green);box-shadow:0 0 0 3px #13a67b1a}.dialog-actions{border-top:1px solid var(--line);background:#fafcfc;justify-content:flex-end;gap:9px;padding:14px 22px;display:flex}.dialog-actions button{cursor:pointer;border-radius:8px;height:38px;padding:0 16px;font-size:10px;font-weight:800}.dialog-actions button:disabled{opacity:.55;cursor:wait}.reject-button{color:#b65a46;background:#fff5f2;border:1px solid #f0cfc7}.form-error{color:#ad4b3c;background:#fff0ed;border-radius:7px;margin:0 22px 14px;padding:9px 11px;font-size:9px}.document-summary{grid-template-columns:1fr 1fr;gap:18px;padding:22px;display:grid}.document-summary div{background:#fafcfc;border:1px solid #e8edef;border-radius:9px;min-height:52px;padding:12px}.document-summary small,.document-summary strong{display:block}.document-summary small,.document-note small{color:#87949e;font-size:8px}.document-summary strong{color:#274158;margin-top:6px;font-size:11px}.document-summary .status{margin-top:7px}.document-note{border-left:3px solid var(--green);background:#f4faf8;margin:0 22px 22px;padding:14px}.document-note p{color:#526675;margin:6px 0 0;font-size:10px}.empty-search{text-align:center;color:#8b98a2;padding:25px;font-size:10px}.search-modal>button>b{color:#148362;width:18px}@media (max-width:780px){.top-actions>.profile{padding-left:8px}.module-heading{flex-direction:column;align-items:flex-start}.module-actions,.settings-grid{grid-template-columns:1fr}.module-actions button{min-height:78px}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.document-summary{grid-template-columns:1fr}.dialog-actions{flex-wrap:wrap}.dialog-actions button{flex:1}.module-page{min-height:auto}}.erp-classic{--classic-blue:#2854cf;--classic-navy:#173f91;--classic-line:#dce3eb;--classic-muted:#718095;color:#1c2b43;background:#f5f7fa;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans Thai,Tahoma,sans-serif;font-size:12px}.erp-classic button,.erp-classic input,.erp-classic select{font:inherit}.classic-utility{background:#e9edf2;border-bottom:1px solid #d2d9e1;align-items:center;gap:5px;height:33px;padding:0 10px;display:flex}.classic-utility button{color:#38485f;cursor:pointer;background:0 0;border:0;border-radius:4px;height:24px;padding:0 9px}.classic-utility button:first-child{text-align:left;color:#a0aabb;background:#f8fafc;border-radius:13px;width:132px}.classic-utility button:nth-child(2){color:#fff;background:#c9d0d9}.classic-utility span{color:#8490a0;margin-left:auto;font-weight:700}.classic-header{background:#fff;border-bottom:1px solid #dce2e9;align-items:center;height:58px;padding:0 14px;display:flex}.classic-logo{color:#173f91;align-items:center;gap:9px;width:250px;text-decoration:none;display:flex}.classic-logo>span{color:#2250b6;background:#eef4ff;border:2px solid #2b66d5;border-radius:50%;place-items:center;width:44px;height:38px;font-weight:900;display:grid}.classic-header nav{align-items:stretch;height:100%;display:flex;overflow-x:auto}.classic-header nav a{color:#24354d;white-space:nowrap;border-bottom:3px solid #0000;align-items:center;padding:0 21px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.classic-header nav a.current{border-bottom-color:var(--classic-blue);color:#163d8f;background:#edf2ff}.classic-profile{color:#28425b;background:linear-gradient(135deg,#f4d6c7,#d2e4f5);border:0;border-radius:50%;width:36px;height:36px;margin-left:auto;font-weight:800}.business-tabs{background:#fff;border-bottom:1px solid #dbe2ea;align-items:stretch;height:42px;padding-left:125px;display:flex}.business-tabs button{color:#2d4059;cursor:pointer;background:#fff;border:0;border-bottom:3px solid #0000;padding:0 27px;font-weight:600}.business-tabs button.active{border-bottom-color:var(--classic-blue);color:#173f91;font-weight:800}.classic-workspace{grid-template-columns:300px minmax(780px,1fr) 55px;min-height:calc(100vh - 133px);display:grid}.classic-sidebar{border-right:1px solid var(--classic-line);background:#fff;padding:14px 12px}.classic-sidebar section{margin-bottom:17px}.classic-sidebar h3{color:#173f91;background:#e5ebfa;border-radius:9px;align-items:center;height:36px;margin:0 0 4px;padding:0 11px;font-size:12px;display:flex}.classic-sidebar button{color:#4a5a6c;text-align:left;cursor:pointer;background:#fff;border:0;width:100%;height:34px;padding:0 21px}.classic-sidebar button:hover{background:#f3f6fa}.classic-sidebar button.active{color:#1846af;font-weight:800}.classic-main{min-width:0;padding:0 16px 28px;overflow:auto}.classic-titlebar{justify-content:space-between;align-items:center;height:68px;display:flex}.classic-titlebar h1{color:#111c2c;margin:0;font-size:17px}.classic-titlebar h1 span{color:#cbd2db;margin-right:9px}.classic-titlebar>div{gap:8px;display:flex}.classic-titlebar button,.classic-titlebar select,.quote-tools button,.quote-bottom button,.quote-bottom a{color:#263a54;cursor:pointer;background:#fff;border:1px solid #d8e0e8;border-radius:7px;justify-content:center;align-items:center;height:34px;padding:0 13px;text-decoration:none;display:inline-flex}.quote-head-form{border:1px solid var(--classic-line);background:#fff;border-radius:14px;grid-template-columns:1fr 1fr;gap:10px 28px;padding:20px 30px;display:grid}.quote-column{gap:10px;display:grid}.quote-column label,.wide-row{grid-template-columns:155px minmax(0,1fr);align-items:center;gap:9px;min-height:42px;display:grid}.quote-column label>span,.wide-row>span{color:#68778d;font-weight:600}.quote-column input,.quote-column select,.wide-row input{color:#20334d;background:#fff;border:1px solid #d8e0e8;border-radius:7px;outline:0;width:100%;height:40px;padding:0 11px}.quote-column input:focus,.quote-column select:focus,.wide-row input:focus{border-color:#4c75df;box-shadow:0 0 0 2px #375dcc17}.date-controls{grid-template-columns:1fr 42px;gap:6px;display:grid}.date-controls button,.lookup-field button,.wide-row>button{color:#5271b7;cursor:pointer;background:#fff;border:1px solid #d8e0e8;border-radius:7px;height:40px}.lookup-field{grid-template-columns:minmax(0,.85fr) 43px minmax(0,1.15fr);display:grid}.lookup-field input:first-child{border-radius:7px 0 0 7px}.lookup-field button{border-radius:0}.lookup-field input:last-child{border-radius:0 7px 7px 0}.wide-row{grid-column:1/-1}.wide-row>button{color:#7c8998}.project-row>div{max-width:480px}.quote-tools{gap:6px;margin-top:18px;display:flex;overflow-x:auto}.quote-tools button{white-space:nowrap;height:32px;padding:0 9px;font-size:11px}.quote-table-wrap{border:1px solid var(--classic-line);background:#fff;overflow:auto}.quote-table{border-collapse:collapse;width:100%;min-width:1120px}.quote-table th,.quote-table td{text-align:center;border:1px solid #dce3eb;height:48px;padding:0}.quote-table th{color:#27384f;background:#f7f9fb;height:54px;font-size:11px}.quote-table th:first-child{width:54px}.quote-table th:nth-child(2){width:42px}.quote-table th:nth-child(3){width:115px}.quote-table th:nth-child(4){width:145px}.quote-table th:nth-child(5){width:110px}.quote-table th:nth-child(6){width:82px}.quote-table th:nth-child(7),.quote-table th:nth-child(8),.quote-table th:nth-child(9),.quote-table th:nth-child(11){width:105px}.quote-table td>input{background:0 0;border:0;outline:0;width:100%;height:100%;padding:0 8px}.quote-table td>input:focus{background:#f2f6ff;box-shadow:inset 0 0 0 2px #7c9ae9}.quote-table td>button{color:#fff;cursor:pointer;background:#1d479e;border:0;border-radius:50%;width:23px;height:23px}.number-cell{font-variant-numeric:tabular-nums;text-align:right!important;padding-right:8px!important}.total-row td{text-align:right;background:#f4f6f8;height:42px;padding-right:8px;font-weight:800}.total-row td:first-child{text-align:center}.quote-bottom{gap:8px;padding-top:16px;display:flex}.quote-bottom .send-icon{width:44px}.quote-bottom .save-main{color:#fff;background:#315bd2;border-color:#315bd2;font-weight:800}.quote-bottom .save-main span{margin-left:25px}.quote-bottom button:disabled{opacity:.6;cursor:wait}.quote-message{color:#ad4b39;background:#fff2ee;border:1px solid #f1c7bd;border-radius:7px;margin-top:10px;padding:9px 12px}.quote-message.success{color:#087a59;background:#ebfaf4;border-color:#bfe4d7}.classic-dock{border-left:1px solid var(--classic-line);background:#fff;flex-direction:column;align-items:center;gap:7px;padding:13px 6px;display:flex}.classic-dock button{color:#194a91;cursor:pointer;background:#fff;border:0;border-radius:8px;width:38px;height:38px;font-size:18px}.classic-dock button:hover{background:#eef3ff}.classic-dock button:nth-child(3n){color:#16a0d3}.classic-dock button:nth-child(4n){color:#e7a11a}@media (max-width:1000px){.classic-header nav a{padding:0 12px}.classic-logo{width:190px}.business-tabs{padding-left:20px}.classic-workspace{grid-template-columns:220px minmax(720px,1fr) 48px}.quote-head-form{padding:18px}.quote-column label,.wide-row{grid-template-columns:125px minmax(0,1fr)}}@media (max-width:760px){.classic-utility{display:none}.classic-header{height:54px}.classic-header nav{display:none}.classic-logo{width:auto}.business-tabs{height:40px;padding-left:8px;overflow-x:auto}.business-tabs button{white-space:nowrap;padding:0 14px}.classic-workspace{min-height:calc(100vh - 94px);display:block}.classic-sidebar,.classic-dock{display:none}.classic-main{padding:0 10px 20px}.classic-titlebar{align-items:flex-start;gap:10px;height:auto;padding:14px 0}.classic-titlebar>div{flex-wrap:wrap;justify-content:flex-end}.quote-head-form{grid-template-columns:1fr;padding:14px}.quote-column label,.wide-row{grid-template-columns:1fr;gap:5px}.wide-row{grid-column:auto}.quote-bottom{flex-wrap:wrap}.quote-bottom button,.quote-bottom a{white-space:nowrap;flex:1}}.classic-new-button{color:#fff;background:#315bd2;border:1px solid #315bd2;border-radius:7px;align-items:center;height:34px;padding:0 13px;font-weight:700;text-decoration:none;display:inline-flex}.list-filter-panel{border:1px solid var(--classic-line);background:#fff;border-radius:12px;grid-template-columns:1.25fr .8fr 1.5fr auto;align-items:end;gap:18px;padding:17px 20px;display:grid}.list-filter-panel label{color:#68778d;align-items:center;gap:7px;font-weight:700;display:flex}.list-filter-panel input,.list-filter-panel select{background:#fff;border:1px solid #d8e0e8;border-radius:6px;min-width:0;height:38px;padding:0 9px}.list-filter-panel label:first-child input{width:132px}.list-filter-panel .list-search{grid-template-columns:auto 1fr;display:grid}.list-filter-panel .list-search input{width:100%}.list-filter-panel>button{color:#fff;cursor:pointer;background:#315bd2;border:1px solid #315bd2;border-radius:6px;height:38px;padding:0 18px}.list-tools{align-items:center;gap:6px;height:52px;display:flex}.list-tools button{cursor:pointer;background:#fff;border:1px solid #d8e0e8;border-radius:6px;height:32px;padding:0 11px}.list-tools span{color:#6f7e90;margin-left:auto;font-weight:700}.document-grid-wrap{border:1px solid var(--classic-line);background:#fff;overflow:auto}.document-grid{border-collapse:collapse;width:100%;min-width:1050px}.document-grid th,.document-grid td{text-align:left;white-space:nowrap;border:1px solid #dce3eb;height:43px;padding:0 9px}.document-grid th{color:#304158;background:#f4f7fa;height:47px;font-size:11px}.document-grid td{color:#45566a}.document-grid tbody tr:hover{background:#f5f8ff}.document-grid td>button{color:#234fc0;cursor:pointer;background:0 0;border:0;font-weight:700}.document-grid tfoot td{text-align:right;background:#f3f5f7;font-weight:800}.list-status{color:#b96b1b;background:#fff0dd;border-radius:10px;padding:4px 8px;font-size:10px;font-weight:700}.list-status.approved{color:#0b7c5c;background:#e5f7f0}.list-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a192a61;place-items:center;display:grid;position:fixed;inset:0}.list-detail-modal{background:#fff;border-radius:13px;width:min(590px,100% - 28px);overflow:hidden;box-shadow:0 25px 70px #0514224d}.list-detail-modal header{border-bottom:1px solid var(--classic-line);justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.list-detail-modal header small{color:#315bd2;font-weight:800}.list-detail-modal h2{margin:4px 0 0}.list-detail-modal header>button{cursor:pointer;background:#eff2f5;border:0;border-radius:6px;width:31px;height:31px;font-size:20px}.list-detail-grid{grid-template-columns:1fr 1fr;gap:14px;padding:20px;display:grid}.list-detail-grid label{color:#7a8797;border:1px solid #e0e6ec;border-radius:7px;padding:12px}.list-detail-grid strong{color:#24384f;margin-top:7px;display:block}.list-detail-grid .full{grid-column:1/-1}.list-detail-modal footer{border-top:1px solid var(--classic-line);background:#f8fafb;justify-content:flex-end;gap:8px;padding:13px 20px;display:flex}.list-detail-modal footer button{cursor:pointer;background:#fff;border:1px solid #d6dee6;border-radius:6px;height:36px;padding:0 14px}.list-detail-modal footer .approve{color:#fff;background:#315bd2;border-color:#315bd2}.document-list-page .classic-sidebar button.active{background:#edf2ff;border-radius:5px}.visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.classic-modal-backdrop{z-index:140;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f1f366b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.classic-action-modal{background:#fff;border-radius:13px;flex-direction:column;width:min(610px,100%);max-height:min(720px,90vh);display:flex;overflow:hidden;box-shadow:0 28px 80px #0919304d}.classic-action-modal>header{border-bottom:1px solid var(--classic-line);justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.classic-action-modal small{color:#315bd2;letter-spacing:.8px;font-weight:900}.classic-action-modal h2{margin:3px 0 0;font-size:18px}.classic-action-modal header button{color:#506177;cursor:pointer;background:#eef2f6;border:0;border-radius:7px;width:32px;height:32px;font-size:20px}.classic-modal-content{padding:20px;overflow:auto}.classic-modal-content>p{color:#526277;white-space:pre-line;margin:0 0 15px;line-height:1.8}.classic-choice-list{gap:8px;display:grid}.classic-choice-list button{color:#2a3e58;cursor:pointer;text-align:left;background:#fff;border:1px solid #dce3eb;border-radius:7px;align-items:center;gap:12px;min-height:45px;padding:9px 12px;display:flex}.classic-choice-list button:hover{background:#f2f6ff;border-color:#5278db}.classic-choice-list button span{color:#607087;flex:1}.classic-choice-list button b{color:#173f91}.classic-action-modal>footer{border-top:1px solid var(--classic-line);background:#f7f9fb;justify-content:flex-end;padding:13px 20px;display:flex}.classic-action-modal>footer button{cursor:pointer;background:#fff;border:1px solid #d6dee6;border-radius:6px;height:36px;padding:0 17px}@media (max-width:900px){.list-filter-panel{grid-template-columns:1fr 1fr}.list-filter-panel .list-search{grid-column:1/-1}.list-detail-grid{grid-template-columns:1fr}.list-detail-grid .full{grid-column:auto}}@media print{.classic-utility,.classic-header,.business-tabs,.classic-sidebar,.classic-dock,.classic-titlebar>div,.quote-tools,.quote-bottom,.quote-message{display:none!important}.erp-classic{background:#fff}.classic-workspace{display:block}.classic-main{padding:0}.classic-titlebar{height:52px}.quote-head-form{border-color:#999}.quote-table-wrap{overflow:visible}.quote-table{min-width:0;font-size:9px}}.inventory-tabs{background:#fff;border-bottom:1px solid #dbe2ea;align-items:stretch;gap:4px;height:42px;padding-left:125px;display:flex}.inventory-tabs button{color:#2d4059;cursor:pointer;white-space:nowrap;background:#fff;border:0;border-bottom:3px solid #0000;padding:0 23px;font-weight:700}.inventory-tabs button:hover{background:#f5f7fb}.inventory-tabs button.active{color:#173f91;border-bottom-color:#315bd2}.inventory-sidebar{max-height:calc(100vh - 133px);overflow:auto}.inventory-sidebar h3{background:#eef2fa}.inventory-sidebar section:nth-child(3) h3{background:#dfe7fb}.list-state-tabs{gap:8px;padding:0 0 13px;display:flex}.list-state-tabs button{color:#58709c;cursor:pointer;background:#e8eefb;border:0;border-radius:18px;height:35px;padding:0 20px;font-weight:800}.list-state-tabs button.active{color:#fff;background:#315bd2}.inventory-document-grid{min-width:1340px}.inventory-document-grid th:nth-child(4){min-width:260px}.inventory-document-grid th:nth-child(5){min-width:190px}.inventory-document-grid th:nth-child(8){min-width:170px}.empty-list-cell{text-align:center!important;color:#7f8b9b!important;height:120px!important}.inventory-workspace-page .classic-titlebar{height:60px}.inventory-workspace-page .list-filter-panel{border-radius:8px}.inventory-workspace-page .document-grid td:nth-child(4){white-space:normal;line-height:1.4}.inventory-workspace-page .document-grid td:nth-child(6){font-weight:800}@media (max-width:1000px){.inventory-tabs{padding-left:20px;overflow-x:auto}.inventory-tabs button{padding:0 15px}.inventory-sidebar{max-height:none}}@media print{.inventory-tabs,.list-state-tabs,.list-filter-panel,.list-tools{display:none!important}.inventory-document-grid{min-width:0;font-size:8px}}.inventory-workspace-link{border-radius:8px;align-items:center;height:38px;padding:0 15px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.inventory-quick-link{color:#32485a;background:#fffaf1;border:1px solid #eadfca;border-radius:9px;grid-template-rows:1fr 1fr;grid-template-columns:30px 1fr;align-items:center;column-gap:8px;min-width:155px;height:47px;padding:0 12px;text-decoration:none;display:grid}.inventory-quick-link .quick-icon{grid-row:1/3}.inventory-quick-link strong{align-self:end;font-size:10px}.inventory-quick-link small{color:#8b7761;align-self:start;font-size:8px}.inventory-quick-link:hover{background:#fff5e5;border-color:#dcaf6f}@media (max-width:780px){.heading-actions .inventory-workspace-link{flex:1;justify-content:center}.inventory-quick-link{flex:0 0 155px}}.shell-logo{cursor:pointer;text-align:left;background:#fff;border:0}.classic-header nav button{color:#24354d;cursor:pointer;white-space:nowrap;background:#fff;border:0;border-bottom:3px solid #0000;align-items:center;padding:0 21px;font-size:13px;font-weight:700;display:flex}.classic-header nav button:hover{background:#f5f7fa}.classic-header nav button.current{border-bottom-color:var(--classic-blue);color:#163d8f;background:#edf2ff}.unified-tabs{background:#fff;border-bottom:1px solid #dbe2ea;align-items:stretch;height:42px;padding-left:125px;display:flex;overflow-x:auto}.unified-tabs button{color:#2d4059;cursor:pointer;white-space:nowrap;background:#fff;border:0;border-bottom:3px solid #0000;padding:0 25px;font-weight:700}.unified-tabs button.active{color:#173f91;border-bottom-color:#315bd2}.unified-workspace{grid-template-columns:300px minmax(760px,1fr) 55px}.unified-sidebar{max-height:calc(100vh - 133px);overflow:auto}.unified-main{padding-bottom:35px}.workspace-summary{grid-template-columns:repeat(4,minmax(125px,1fr));gap:9px;margin:2px 0 14px;display:grid}.workspace-summary button{color:#54667c;cursor:pointer;text-align:left;background:#fff;border:1px solid #dce3eb;border-radius:9px;align-items:center;gap:10px;min-height:64px;padding:10px 14px;display:flex}.workspace-summary button.active{color:#173f91;background:#eef3ff;border-color:#315bd2}.workspace-summary span{font-size:10px;font-weight:700}.unified-filter{background:#fff;border:1px solid #dce3eb;border-radius:8px;gap:8px;margin-bottom:10px;padding:10px;display:flex}.unified-filter input{border:1px solid #d8e0e8;border-radius:6px;flex:1;min-width:220px;height:36px;padding:0 11px}.unified-filter button{cursor:pointer;background:#fff;border:1px solid #d6dee8;border-radius:6px;height:36px;padding:0 14px}.unified-filter button:first-of-type{color:#fff;background:#315bd2;border-color:#315bd2}.unified-table{min-width:1100px}.unified-table th:nth-child(5){min-width:230px}.menu-directory{max-height:82vh}.directory-search{border:1px solid #d6dee8;border-radius:7px;outline:0;width:100%;height:43px;margin-bottom:12px;padding:0 12px}.directory-search:focus{border-color:#315bd2;box-shadow:0 0 0 3px #315bd21a}@media (max-width:1000px){.classic-header nav button{padding:0 12px}.unified-tabs{padding-left:20px}.unified-workspace{grid-template-columns:220px minmax(720px,1fr) 48px}.workspace-summary{grid-template-columns:1fr 1fr}}@media (max-width:760px){.classic-header nav{display:none}.unified-tabs{height:40px;padding-left:8px}.unified-tabs button{padding:0 14px}.unified-workspace{display:block}.unified-sidebar{display:none}.workspace-summary{grid-template-columns:1fr 1fr}.unified-filter{flex-wrap:wrap}.unified-filter input{flex-basis:100%}}@media print{.unified-tabs,.workspace-summary,.unified-filter{display:none!important}}.erp-classic{font-size:14px;line-height:1.45}.erp-classic button,.erp-classic input,.erp-classic select{font-size:13px}.classic-utility{height:37px}.classic-utility button,.classic-utility span{font-size:12.5px}.classic-header{height:64px}.classic-logo strong{font-size:16px}.classic-header nav a,.classic-header nav button{font-size:14px}.business-tabs,.inventory-tabs,.unified-tabs{height:46px}.business-tabs button,.inventory-tabs button,.unified-tabs button{font-size:13.5px}.classic-workspace{min-height:calc(100vh - 147px)}.classic-sidebar h3{height:40px;font-size:14px}.classic-sidebar button{height:38px;font-size:13.5px}.classic-titlebar{height:72px}.classic-titlebar h1{font-size:20px}.classic-titlebar button,.classic-titlebar select,.classic-new-button,.quote-column label>span,.wide-row>span,.list-filter-panel label,.quote-column input,.quote-column select,.wide-row input,.list-filter-panel input,.list-filter-panel select{font-size:13px}.quote-tools button,.quote-bottom button,.quote-bottom a,.list-tools button,.unified-filter button{font-size:12.5px}.quote-table th,.document-grid th{font-size:12.5px;line-height:1.35}.quote-table td,.document-grid td{font-size:12.5px}.quote-table th,.quote-table td{height:52px}.document-grid th{height:51px}.document-grid td{height:48px}.list-status{font-size:11.5px}.workspace-summary span{font-size:12px}.workspace-summary strong{font-size:22px}.unified-filter input,.directory-search{font-size:13.5px}.quote-message{font-size:13px}.classic-action-modal h2,.list-detail-modal h2{font-size:20px}.classic-action-modal small,.list-detail-modal small{font-size:11px}.classic-modal-content,.classic-choice-list button,.list-detail-grid label,.list-detail-modal footer button,.dialog-actions button{font-size:13px}.classic-dock button{font-size:20px}@media (max-width:760px){.erp-classic{font-size:15px}.business-tabs,.inventory-tabs,.unified-tabs{height:44px}.business-tabs button,.inventory-tabs button,.unified-tabs button{font-size:14px}.classic-titlebar h1{font-size:21px}.classic-main{padding:0 12px 22px}.quote-column label>span,.wide-row>span{font-size:14px}}.better-code-logo{align-items:center;display:inline-flex}.better-code-logo img{object-fit:contain;width:220px;height:auto;display:block}.better-code-logo.compact img{width:174px}.classic-logo>.better-code-logo{background:0 0;border:0;border-radius:0;width:auto;height:auto;display:inline-flex}.classic-logo>.better-code-logo img{width:168px;height:auto}.classic-logo.shell-logo{justify-content:flex-start}.shell-logo{padding:0}.auth-screen{background:radial-gradient(circle at 15% 5%,#ffd3002e,#0000 31%),radial-gradient(circle at 90% 95%,#103a9133,#0000 34%),linear-gradient(145deg,#eef4ff,#f8fafc 47%,#eef2f8);place-items:center;min-height:100vh;padding:28px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans Thai,Tahoma,sans-serif;display:grid}.login-card{background:#fffffff5;border:1px solid #11388f24;border-radius:22px;width:min(460px,100%);overflow:hidden;box-shadow:0 30px 85px #10306933}.login-brand{background:#fff;border-bottom:1px solid #e6ebf2;place-items:center;min-height:125px;padding:25px 28px 20px;display:grid}.login-brand .better-code-logo img{width:min(300px,76vw)}.login-heading{text-align:center;padding:27px 34px 10px}.login-heading small{color:#1b4499;letter-spacing:1.8px;font-size:11px;font-weight:900}.login-heading h1{color:#173f91;margin:8px 0 4px;font-size:27px;line-height:1.3}.login-heading p{color:#69768a;margin:0;font-size:14px}.login-card form{gap:15px;padding:18px 34px 28px;display:grid}.login-card label{gap:7px;display:grid}.login-card label span{color:#34465f;font-size:14px;font-weight:800}.login-card input{color:#18283f;background:#fff;border:1px solid #ccd6e3;border-radius:10px;outline:none;height:48px;padding:0 14px;font-size:16px}.login-card input:focus{border-color:#234ead;box-shadow:0 0 0 4px #234ead1c}.login-card form>button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#173f91,#285bc8);border:0;border-radius:10px;height:49px;margin-top:5px;font-size:16px;font-weight:900;box-shadow:0 11px 25px #173f9138}.login-card form>button:disabled{opacity:.65;cursor:wait}.login-error{color:#b13f32;background:#fff1ef;border:1px solid #f0c2bc;border-radius:8px;padding:10px 12px;font-size:13px}.login-card footer{color:#778397;text-align:center;background:#f7f9fc;border-top:1px solid #e8ecf2;padding:15px 25px;font-size:12px}.auth-loading{color:#53637b;justify-items:center;gap:25px;font-size:14px;display:grid}.auth-loading .better-code-logo img{width:min(300px,75vw)}.protected-app{-webkit-user-select:none;user-select:none}.protected-app input,.protected-app textarea,.protected-app select{-webkit-user-select:text;user-select:text}.security-watermark{z-index:90;pointer-events:none;opacity:.055;color:#173f91;letter-spacing:.6px;text-transform:uppercase;grid-template-columns:repeat(4,1fr);align-content:space-around;justify-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:900;display:grid;position:fixed;inset:-12vh -12vw;overflow:hidden;transform:rotate(-24deg)}.security-watermark span{white-space:nowrap}.security-warning{z-index:260;color:#75500a;text-align:center;background:#fff8df;border:1px solid #e8bd6f;border-radius:10px;max-width:min(660px,100% - 30px);padding:13px 18px;font-size:14px;font-weight:800;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 16px 45px #202c4340}.employee-menu{margin-left:auto;position:relative}.employee-menu .classic-profile{margin-left:0}.employee-popover{z-index:180;color:#304158;background:#fff;border:1px solid #d7dfe9;border-radius:10px;gap:5px;width:250px;padding:15px;display:grid;position:absolute;top:45px;right:0;box-shadow:0 18px 50px #13274633}.employee-popover strong{color:#173f91;font-size:15px}.employee-popover span{color:#6b788a;font-size:12px}.employee-popover button{color:#304d82;cursor:pointer;background:#f7f9fc;border:1px solid #d3dbe6;border-radius:7px;height:36px;margin-top:9px;font-weight:800}@media (max-width:760px){.better-code-logo.compact img,.classic-logo>.better-code-logo img{width:128px}.login-card{border-radius:16px}.login-heading{padding-inline:22px}.login-heading h1{font-size:23px}.login-card form{padding-inline:22px}.security-watermark{grid-template-columns:repeat(2,1fr);font-size:12px}.employee-popover{position:fixed;top:62px;right:10px}}@media print{body *{visibility:hidden!important}.protected-app,.protected-app *,.security-watermark{display:none!important}body:before{content:"ไม่อนุญาตให้พิมพ์หรือบันทึกข้อมูลจาก ERP BetterCode";color:#173f91;text-align:center;background:#fff;place-items:center;padding:40px;font:800 22px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans Thai,sans-serif;display:grid;position:fixed;inset:0;visibility:visible!important}}.classic-dock{scrollbar-width:none;z-index:110;background:#fff;border-left:1px solid #d8e0e8;flex-direction:column;align-self:start;align-items:center;gap:8px;width:55px;height:calc(100vh - 147px);min-height:0;padding:14px 5px 18px;display:flex;position:sticky;top:0;overflow:visible auto;box-shadow:-3px 0 8px #1e335206}.classic-dock::-webkit-scrollbar{display:none}.classic-dock .dock-button{color:#163d85;cursor:pointer;background:#fff;border:0;border-radius:9px;flex:0 0 43px;place-items:center;width:43px;height:43px;min-height:43px;padding:0;transition:background .16s,box-shadow .16s,transform .16s;display:grid;position:relative}:is(.classic-dock .dock-button:hover,.classic-dock .dock-button:focus-visible){background:#eef4ff;outline:0;transform:translate(-1px);box-shadow:inset 0 0 0 1px #d7e3fa}.dock-icon{filter:saturate(1.05);place-items:center;min-width:30px;height:32px;font-size:25px;line-height:1;display:grid}.dock-icon-new,.dock-icon-calculator,.dock-icon-sync{letter-spacing:-8px;padding-right:8px;font-size:16px}.dock-icon-network{font-size:24px}.dock-tooltip{z-index:220;color:#fff;opacity:0;visibility:hidden;pointer-events:none;background:#173f91;border:1px solid #d6deea;border-radius:7px;min-width:max-content;padding:7px 10px;font-size:12px;font-weight:700;line-height:1;transition:all .14s;position:absolute;top:50%;right:49px;transform:translate(5px,-50%);box-shadow:0 8px 24px #152d5738}:is(.dock-button:hover .dock-tooltip,.dock-button:focus-visible .dock-tooltip){opacity:1;visibility:visible;transform:translateY(-50%)}.dock-icon-launcher{grid-template-columns:repeat(4,6px);grid-auto-rows:6px;gap:2px;width:31px;height:31px;display:grid}.dock-icon-launcher i{background:#273e6b;border-radius:50%;width:6px;height:6px}.dock-icon-launcher i:nth-child(4n+2){background:#536887}.dock-icon-launcher i:nth-child(4n+3){background:#159dc8}.dock-icon-launcher i:nth-child(5n){background:#79b84a}.dock-icon-launcher i:nth-child(7n){background:#f2b21f}.dock-icon-launcher i:nth-child(11n){background:#ef6b39}.tone-blue .dock-icon{color:#0b98d0}.tone-green .dock-icon{color:#27a646}.tone-amber .dock-icon{color:#f0a51b}@media (max-height:850px) and (min-width:761px){.classic-dock{gap:3px;padding-top:8px;padding-bottom:8px}.classic-dock .dock-button{flex-basis:37px;height:37px;min-height:37px}.dock-icon{font-size:21px}.dock-icon-new,.dock-icon-calculator,.dock-icon-sync{font-size:14px}.dock-icon-launcher{transform:scale(.88)}}@media (max-width:760px){.classic-dock{display:none}}.auth-login-screen{background:#071a34;padding:0;display:block}.login-shell{background:#fff;grid-template-columns:minmax(0,1.35fr) minmax(430px,.85fr);min-height:100vh;display:grid}.login-visual{background-image:url(/erp-login-hero.png);background-position:50%;background-size:cover;flex-direction:column;justify-content:space-between;min-height:100vh;padding:clamp(38px,5vw,82px);display:flex;position:relative;overflow:hidden}.login-visual-shade{background:linear-gradient(90deg,#02112aed 0%,#041838bd 42%,#0416312e 78%),linear-gradient(#0000 52%,#020d21d1 100%);position:absolute;inset:0}.login-visual-content,.login-visual-footer{z-index:1;position:relative}.login-visual-content{color:#fff;max-width:650px;margin-top:auto;margin-bottom:clamp(55px,8vh,105px)}.secure-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#d8e9ff;letter-spacing:1.4px;background:#05193975;border:1px solid #ffffff38;border-radius:20px;align-items:center;gap:9px;padding:8px 12px;font-size:11px;font-weight:800;display:inline-flex}.secure-chip i{background:#ffd200;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ffd20026}.login-visual h2{color:#fff;letter-spacing:-1.5px;text-shadow:0 3px 20px #00000047;margin:24px 0 14px;font-size:clamp(34px,4vw,58px);line-height:1.12}.login-visual h2 strong{color:#ffd200;font-weight:900}.login-visual-content>p{color:#d9e6f6;max-width:610px;margin:0;font-size:clamp(14px,1.3vw,18px);line-height:1.8}.login-capabilities{flex-wrap:wrap;gap:10px;margin-top:29px;display:flex}.login-capabilities span{color:#e7f0fb;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#081d3e75;border:1px solid #ffffff29;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:11px;font-weight:700;display:flex}.login-capabilities b{color:#ffd200;letter-spacing:.7px;font-size:9px}.login-visual-footer{color:#e8f1fcb8;letter-spacing:1.3px;justify-content:space-between;align-items:center;gap:20px;font-size:10px;font-weight:800;display:flex}.login-panel{background:linear-gradient(145deg,#fff 0%,#f9fbff 100%);place-items:center;min-height:100vh;padding:45px clamp(32px,4vw,72px);display:grid}.login-panel-inner{width:min(430px,100%)}.login-panel .login-brand{text-align:left;background:0 0;border:0;min-height:0;padding:0 0 38px;display:block}.login-panel .login-brand .better-code-logo img{width:min(270px,70vw)}.login-panel .login-heading{text-align:left;padding:0 0 28px}.login-panel .login-heading small{color:#1d4a9f;letter-spacing:1.8px;font-size:10px;font-weight:900;display:block}.login-panel .login-heading h1{color:#142f5d;letter-spacing:-.6px;margin:9px 0 6px;font-size:34px}.login-panel .login-heading p{color:#738097;margin:0;font-size:14px;line-height:1.6}.login-panel form{gap:17px;display:grid}.login-panel label{gap:8px;display:grid}.login-panel label>span{color:#2c405f;font-size:13px;font-weight:800}.login-input{background:#fff;border:1px solid #d4ddeb;border-radius:10px;align-items:center;height:52px;transition:border-color .16s,box-shadow .16s;display:flex;box-shadow:0 3px 11px #1c366209}.login-input:focus-within{border-color:#2456b7;box-shadow:0 0 0 4px #2456b71a,0 8px 24px #20438312}.login-input>i{color:#3159a5;place-items:center;width:45px;font-size:9px;font-style:normal;display:grid}.login-input input{color:#172a49;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0 10px 0 0;font-size:15px}.login-input input::placeholder{color:#a6b0bf}.login-input>button{color:#4e6284;cursor:pointer;background:#f0f4fa;border:0;border-radius:6px;height:34px;margin-right:8px;padding:0 9px;font-size:11px;font-weight:800}.login-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#123b91,#1e5bca);border:0;border-radius:10px;justify-content:center;align-items:center;gap:15px;height:52px;margin-top:7px;padding:0 18px;font-size:15px;font-weight:900;transition:transform .16s,box-shadow .16s;display:flex;box-shadow:0 13px 28px #1c4ca940}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 34px #1c4ca94d}.login-submit span{font-size:22px;line-height:1}.login-submit:disabled{opacity:.65;cursor:wait}.login-panel .login-error{color:#b13f32;background:#fff1ef;border:1px solid #f0c2bc;border-radius:8px;margin-top:-3px;padding:10px 12px;font-size:13px}.login-security-note{background:#f6f9fd;border:1px solid #dce5f1;border-radius:9px;align-items:flex-start;gap:10px;margin-top:25px;padding:13px 14px;display:flex}.login-security-note>span{font-size:16px}.login-security-note p{color:#7a8799;margin:0;font-size:11px;line-height:1.55}.login-security-note strong{color:#385070;margin-bottom:2px;font-size:11px;display:block}.login-footer{color:#a0a9b6;text-align:center;margin-top:25px;font-size:10px}.auth-loading{z-index:1;background:#ffffffeb;border:1px solid #ffffff40;border-radius:18px;padding:35px 42px;position:relative;box-shadow:0 25px 70px #02143440}@media (max-width:1080px){.login-shell{grid-template-columns:minmax(0,1.05fr) minmax(410px,.95fr)}.login-visual{padding:45px}.login-capabilities span:last-child{display:none}.login-visual h2{font-size:38px}.login-panel{padding-inline:38px}}@media (max-width:820px){.auth-login-screen{background:#fff;overflow:auto}.login-shell{min-height:100vh;display:block}.login-visual{background-position:50% 58%;height:36vh;min-height:310px;padding:25px}.login-visual-content{max-width:520px;margin:0}.secure-chip{padding:6px 9px;font-size:9px}.login-visual h2{margin:14px 0 8px;font-size:28px}.login-visual-content>p{font-size:12px;line-height:1.55}.login-capabilities{display:none}.login-visual-footer{font-size:8px}.login-panel{min-height:auto;padding:38px 24px 48px}.login-panel-inner{width:min(460px,100%)}.login-panel .login-brand{padding-bottom:27px}.login-panel .login-brand .better-code-logo img{width:230px}.login-panel .login-heading{padding-bottom:22px}.login-panel .login-heading h1{font-size:29px}}@media (max-width:480px){.login-visual{height:31vh;min-height:255px;padding:19px}.login-visual-content>p{display:none}.login-visual h2{font-size:24px}.login-visual-footer span:last-child{display:none}.login-panel{padding:31px 20px 42px}.login-panel .login-brand .better-code-logo img{width:205px}.login-panel .login-heading h1{font-size:27px}.login-input{height:50px}}.warehouse-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:2px 0 16px;display:grid}.warehouse-summary>div{background:linear-gradient(145deg,#fff,#f8faff);border:1px solid #dbe3ed;border-radius:11px;align-content:center;min-height:108px;padding:17px 18px;display:grid;box-shadow:0 4px 14px #1a366309}.warehouse-summary span{color:#66768b;font-size:12px;font-weight:800}.warehouse-summary strong{color:#173f91;margin-top:5px;font-size:28px;line-height:1.15}.warehouse-summary small{color:#8b97a8;margin-top:6px;font-size:11px}.warehouse-summary .warehouse-name-card{background:linear-gradient(135deg,#173f91,#255cc7);border-color:#173f91}.warehouse-name-card span,.warehouse-name-card small{color:#dbe7ff}.warehouse-name-card strong{color:#fff;font-size:17px}.warehouse-toolbar{background:#fff;border:1px solid #dbe3ed;border-radius:10px 10px 0 0;align-items:center;gap:9px;min-height:72px;padding:13px 15px;display:flex}.warehouse-toolbar>div{margin-right:auto}.warehouse-toolbar h2{color:#1c3854;margin:0;font-size:16px}.warehouse-toolbar p{color:#8390a1;margin:4px 0 0;font-size:11px}.warehouse-toolbar>button{cursor:pointer;background:#fff;border:1px solid #d4dde8;border-radius:7px;height:38px;padding:0 14px;font-size:12px;font-weight:800}.warehouse-toolbar>button.primary{color:#fff;background:#315bd2;border-color:#315bd2}.warehouse-table-wrap{background:#fff;border:1px solid #dbe3ed;border-top:0;border-radius:0 0 10px 10px;overflow:auto}.warehouse-table{min-width:1050px}.warehouse-table th{color:#617087;background:#f5f7fb;height:45px;padding:0 16px;font-size:12px}.warehouse-table td{color:#40536b;height:56px;padding:0 16px;font-size:13px}.warehouse-table td strong{color:#173f91;font-size:13px}.warehouse-status{border-radius:14px;padding:5px 9px;font-size:11px;font-weight:900;display:inline-flex}.warehouse-status.active{color:#087d5c;background:#e6f7ef}.warehouse-status.inactive{color:#6c7888;background:#edf0f4}.warehouse-edit-button,.warehouse-add-sub-button{color:#2852a5;cursor:pointer;background:#fff;border:1px solid #cfdaea;border-radius:6px;height:31px;padding:0 10px;font-size:11px;font-weight:800}.warehouse-edit-button:hover{background:#eef3ff}.warehouse-add-sub-button{color:#087d5c;background:#ecfaf5;border-color:#bfe4d8}.warehouse-row-actions{gap:6px;display:flex}.sub-warehouse-row>td{background:#f8fafd;border-bottom:1px solid #dce4ee;height:auto;padding:0 16px 14px}.sub-warehouse-list{background:#fff;border:1px solid #dce4ee;border-radius:8px;padding:11px 13px 12px}.sub-warehouse-caption{color:#52657f;align-items:center;gap:8px;margin-bottom:9px;display:flex}.sub-warehouse-caption>span{color:#315bd2;font-size:18px}.sub-warehouse-caption strong{font-size:12px!important}.sub-warehouse-list article{border-top:1px solid #edf1f5;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:12px;min-height:48px;padding:7px 9px;display:grid}.sub-warehouse-list article.disabled{opacity:.62}.sub-warehouse-list article>div{grid-template-columns:90px minmax(150px,1fr) minmax(180px,1fr);align-items:center;gap:10px;display:grid}.sub-warehouse-list article b{color:#315bd2;font-size:11px}.sub-warehouse-list article strong{color:#30465f!important;font-size:12px!important}.sub-warehouse-list article small{color:#7b899b;font-size:11px}.sub-warehouse-list article>button{color:#2852a5;cursor:pointer;background:#fff;border:1px solid #cfdaea;border-radius:6px;height:28px;padding:0 10px;font-size:11px;font-weight:800}.empty-sub-warehouse{color:#315bd2;cursor:pointer;background:#f8fbff;border:1px dashed #b9c9de;border-radius:7px;width:100%;height:39px;font-size:12px;font-weight:800}.warehouse-modal{width:min(620px,100% - 28px)}.inventory-label-note{color:#4c6388;background:#f3f7ff;border:1px solid #d8e4f7;border-radius:8px;margin:18px 22px 0;padding:11px 13px;font-size:12px;line-height:1.6}.form-grid.single-column{grid-template-columns:1fr}.warehouse-active-toggle{background:#f8fafc;border:1px solid #dce4e8;border-radius:8px;align-items:center;min-height:42px;padding:10px 12px;flex-direction:row!important;display:flex!important}.warehouse-active-toggle input{accent-color:#315bd2;width:18px;height:18px;margin:0}.warehouse-active-toggle span{color:#38506c;font-size:13px}.warehouse-modal input:disabled{color:#7a8797;background:#eef2f6}@media (max-width:1100px){.warehouse-summary{grid-template-columns:1fr 1fr}}@media (max-width:900px){.warehouse-toolbar{flex-wrap:wrap;align-items:flex-start}.warehouse-toolbar>div{flex-basis:100%}}@media (max-width:560px){.warehouse-summary{grid-template-columns:1fr}.warehouse-summary .warehouse-name-card{grid-column:auto}.warehouse-toolbar>button{flex:1}.warehouse-modal .form-grid{grid-template-columns:1fr}.warehouse-modal .form-grid label.full{grid-column:auto}}.workflow-modal{width:min(760px,100% - 28px);max-height:min(850px,94vh)}.workflow-modal>header{background:linear-gradient(135deg,#f8faff,#eef4ff)}.workflow-modal>header p{color:#6c7e98;margin:4px 0 0;font-size:11px;font-weight:700}.workflow-form-intro{background:#f2f6ff;border-left:4px solid #315bd2;border-radius:7px;gap:3px;margin:17px 22px 0;padding:12px 14px;display:grid}.workflow-form-intro strong{color:#173f91;font-size:13px}.workflow-form-intro span{color:#667994;font-size:11px;line-height:1.55}.workflow-modal .form-grid{overflow-y:auto}.workflow-modal .form-grid label{font-size:12px}.workflow-modal .form-grid input,.workflow-modal .form-grid select,.workflow-modal .form-grid textarea{font:inherit;font-size:13px}.workflow-modal .form-grid textarea{resize:vertical;color:#253e52;background:#fff;border:1px solid #dce4e8;border-radius:8px;outline:0;min-height:82px;padding:10px 11px}.workflow-modal .form-grid textarea:focus{border-color:#315bd2;box-shadow:0 0 0 3px #315bd21a}@media (max-width:620px){.workflow-form-intro{margin-inline:15px}.workflow-modal .form-grid{padding:16px 15px}}.quotation-list-page .classic-workspace{grid-template-columns:310px minmax(0,1fr) 55px}.quotation-list-sidebar{max-height:calc(100vh - 147px);overflow:auto}.quotation-list-sidebar h3{background:#e8eefc}.quotation-list-sidebar button.active{color:#1745a8;background:#edf2ff;border-radius:5px}.quotation-list-title{justify-content:space-between;align-items:center;gap:18px;min-height:58px;display:flex}.quotation-list-title h1{color:#27394f;margin:0;font-size:20px}.quotation-list-title h1 span{color:#d8dfe8;margin-right:9px}.quotation-search-line{align-items:center;gap:8px;display:flex}.quotation-search-line input{border:1px solid #d8e0e9;border-radius:7px;width:230px;height:39px;padding:0 11px}.quotation-search-line button{color:#31445f;cursor:pointer;background:#fff;border:1px solid #d5dee8;border-radius:7px;height:39px;padding:0 17px;font-weight:800}.quotation-search-line button.primary{color:#fff;background:#2854c4;border-color:#2854c4}.quotation-status-row{justify-content:space-between;align-items:center;gap:15px;min-height:72px;display:flex}.quotation-status-row>div{align-items:center;gap:7px;display:flex;overflow-x:auto}.quotation-status-row button{color:#5c729b;cursor:pointer;white-space:nowrap;background:#e9effc;border:0;border-radius:20px;align-items:center;gap:7px;height:39px;padding:0 16px;font-weight:800;display:flex}.quotation-status-row button small{background:#ffffffb3;border-radius:10px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;display:grid}.quotation-status-row button.active{color:#fff;background:#2854d3}.quotation-status-row>label{color:#68788d;white-space:nowrap;align-items:center;gap:6px;font-weight:800;display:flex}.quotation-status-row input{color:#30445c;border:1px solid #d8e0e8;border-radius:6px;height:34px}.quotation-list-meta{justify-content:space-between;align-items:center;height:44px;display:flex}.quotation-list-meta>div{gap:5px;display:flex}.quotation-list-meta button{color:#375071;cursor:pointer;background:#fff;border:1px solid #d7dfe9;border-radius:6px;min-width:31px;height:30px;padding:0 9px}.quotation-list-meta button.active{color:#fff;background:#2854c4;border-color:#2854c4}.quotation-list-meta strong{color:#6f7f93;font-size:12px}.quotation-list-table-wrap{border-top:2px solid #9fb3cc}.quotation-list-table{min-width:1530px}.quotation-list-table th{text-align:center;white-space:normal;height:57px}.quotation-list-table td{height:55px}.quotation-list-table th:nth-child(2){min-width:130px}.quotation-list-table th:nth-child(3){min-width:155px}.quotation-list-table th:nth-child(4){min-width:185px}.quotation-list-table th:nth-child(5){min-width:115px}.quotation-list-table th:nth-child(6){min-width:250px}.quotation-list-table th:nth-child(7){min-width:125px}.quotation-list-table th:nth-child(8){min-width:145px}.quotation-list-table th:nth-child(9){min-width:160px}.quotation-list-table .product-summary{white-space:normal;line-height:1.45}.progress-status{color:#53657a;background:#eef2f7;border-radius:14px;padding:6px 9px;font-size:11px;font-weight:900;display:inline-flex}.status-รออนุมัติ{color:#ad6517;background:#fff0dc}.status-อนุมัติแล้ว{color:#087c5b;background:#e4f8ee}.status-กำลังดำเนินการ{color:#2452b9;background:#e8efff}.status-เสร็จสิ้น{color:#3a7a2b;background:#e8f7e4}.status-แบบร่าง{color:#717b89;background:#f0f1f4}.quotation-action-bar{align-items:center;gap:7px;min-height:62px;padding:10px 0;display:flex;overflow-x:auto}.quotation-action-bar button{color:#304661;cursor:pointer;background:#fff;border:1px solid #d6dee8;border-radius:7px;flex:none;height:39px;padding:0 14px;font-weight:800}.quotation-action-bar button.primary{color:#fff;background:#2854c4;border-color:#2854c4}.quotation-action-bar button.danger{color:#ad4034;border-color:#efc9c3}.quotation-action-bar button:disabled{opacity:.5;cursor:wait}.quotation-action-dialog{width:min(760px,100% - 28px)}.audit-log-list{gap:8px;display:grid}.audit-log-list article{border:1px solid #e0e6ee;border-radius:8px;grid-template-columns:150px 1fr auto;gap:4px 12px;padding:11px 13px;display:grid}.audit-log-list time{color:#738298;grid-row:1/3;font-size:11px}.audit-log-list strong{color:#1f447f}.audit-log-list span{color:#53657c}.audit-log-list small{color:#7a8798;grid-area:1/3/3;align-self:center}.barcode-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.barcode-list article{text-align:center;border:1px solid #dce3eb;border-radius:9px;gap:7px;padding:17px;display:grid}.barcode-visual{background:repeating-linear-gradient(90deg,#142c4d 0 2px,#0000 2px 5px,#142c4d 5px 9px,#0000 9px 12px);height:58px}.barcode-list strong{letter-spacing:2px}.barcode-list span{color:#6f7d90;font-size:11px}.option-dialog-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.option-dialog-grid label{color:#5d6f85;gap:6px;font-weight:800;display:grid}.option-dialog-grid input,.option-dialog-grid select,.option-dialog-grid button{background:#fff;border:1px solid #d5dee8;border-radius:7px;height:40px;padding:0 10px}.quotation-help p{color:#42566f;background:#f3f6fb;border-radius:7px;margin:0 0 10px;padding:11px 13px}@media (max-width:1050px){.quotation-list-page .classic-workspace{grid-template-columns:240px minmax(0,1fr) 55px}.quotation-list-title{flex-direction:column;align-items:flex-start;padding-block:12px}.quotation-status-row{flex-direction:column;align-items:flex-start;padding-block:10px}}@media (max-width:760px){.quotation-list-page .classic-workspace{display:block}.quotation-list-sidebar{max-height:none}.quotation-search-line{width:100%;overflow-x:auto}.quotation-search-line input{min-width:210px}.quotation-status-row>label{max-width:100%;overflow-x:auto}.barcode-list,.audit-log-list article{grid-template-columns:1fr}.audit-log-list time,.audit-log-list small{grid-area:auto}}.inline-document-workspace{background:#f8fafc;border:1px solid #dce3eb;border-radius:10px;padding:17px}.inline-form-head{background:#eef4ff;border-left:4px solid #2854c4;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;padding:12px 14px;display:flex}.inline-form-head strong{color:#173f91;font-size:16px}.inline-form-head span{color:#637694;font-size:11px}.inline-document-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.inline-document-fields label,.inline-note{color:#4c6078;gap:6px;font-size:12px;font-weight:800;display:grid}.inline-document-fields label.wide{grid-column:span 2}.inline-document-fields input{color:#253d57;background:#fff;border:1px solid #d7e0e9;border-radius:7px;height:40px;padding:0 10px}.inline-line-wrap{background:#fff;border:1px solid #d8e1ea;margin-top:16px;overflow:auto}.inline-line-wrap table{border-collapse:collapse;width:100%;min-width:900px}.inline-line-wrap th,.inline-line-wrap td{border:1px solid #dce3eb;height:48px;padding:5px 8px}.inline-line-wrap th{color:#3d5168;background:#f1f4f8;font-size:12px}.inline-line-wrap input{border:1px solid #e0e5eb;border-radius:5px;width:100%;height:35px;padding:0 8px}.inline-line-wrap tfoot td{text-align:right;background:#f5f7fa;font-weight:900}.inline-note{margin-top:14px}.inline-note textarea{resize:vertical;border:1px solid #d7e0e9;border-radius:7px;min-height:76px;padding:10px}.inline-form-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.inline-form-actions button{color:#304763;cursor:pointer;background:#fff;border:1px solid #d3dde8;border-radius:7px;height:40px;padding:0 16px;font-weight:800}.inline-form-actions button.primary{color:#fff;background:#2854c4;border-color:#2854c4}.inline-form-actions button:disabled{opacity:.55;cursor:wait}@media (max-width:900px){.inline-document-fields{grid-template-columns:1fr 1fr}.inline-form-head{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.inline-document-fields{grid-template-columns:1fr}.inline-document-fields label.wide{grid-column:auto}.inline-form-actions{flex-wrap:wrap}.inline-form-actions button{flex:1}}.manufacturing-workspace{padding-bottom:18px}.bom-category-row{align-items:center;gap:8px;min-height:70px;display:flex;overflow-x:auto}.bom-category-row button{color:#5d7298;cursor:pointer;white-space:nowrap;background:#e9effc;border:0;border-radius:20px;align-items:center;gap:7px;height:39px;padding:0 15px;font-weight:800;display:flex}.bom-category-row button.active{color:#fff;background:#2854d3}.bom-category-row small{background:#ffffffa6;border-radius:10px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;display:grid}.bom-meta{justify-content:space-between;align-items:center;height:42px;display:flex}.bom-meta>div{gap:5px;display:flex}.bom-meta button{background:#fff;border:1px solid #d7dfe9;border-radius:6px;min-width:31px;height:30px}.bom-meta button.active{color:#fff;background:#2854c4;border-color:#2854c4}.bom-meta strong{color:#718096;font-size:12px}.bom-table-wrap{border-top:2px solid #9fb3cc;overflow:auto}.bom-table{border-collapse:collapse;background:#fff;width:100%;min-width:1180px}.bom-table th,.bom-table td{color:#33475f;border:1px solid #dce3eb;height:55px;padding:8px 10px;font-size:12px}.bom-table th{text-align:center;background:#f7f8fa;height:59px}.bom-table td:nth-child(3){min-width:320px}.bom-table td strong{color:#263b54;font-size:13px;display:block}.bom-table td small{color:#74849a;margin-top:4px;display:block}.bom-table button{color:#1749b2;cursor:pointer;background:0 0;border:0;font-weight:800}.bom-link{font-size:13px}.bom-category{color:#3155a6;background:#edf2ff;border-radius:13px;padding:5px 8px;font-weight:800;display:inline-flex}.bom-actions{gap:8px;min-height:61px;padding:10px 0;display:flex;overflow-x:auto}.bom-actions button,.service-form-toolbar button,.service-command-row button{color:#304661;cursor:pointer;background:#fff;border:1px solid #d6dee8;border-radius:7px;flex:none;height:39px;padding:0 14px;font-weight:800}.bom-actions button.primary,.service-form-toolbar button.primary{color:#fff;background:#2854c4;border-color:#2854c4}.bom-actions button.danger{color:#ad4034;border-color:#efc9c3}.bom-actions button:disabled{opacity:.5}.bom-modal{background:#fff;border-radius:12px;width:min(920px,100% - 28px);max-height:92vh;overflow:auto;box-shadow:0 24px 80px #0d234647}.bom-modal>header{background:#f4f7fc;border-bottom:1px solid #dce4ee;justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.bom-modal h2{color:#1d3964;margin:2px 0 0}.bom-modal small{color:#3159ad;letter-spacing:1px;font-weight:900}.bom-modal>header>button{cursor:pointer;background:0 0;border:0;font-size:27px}.bom-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:17px 20px;display:grid}.bom-form label{color:#4d607a;gap:6px;font-size:12px;font-weight:800;display:grid}.bom-form label.wide{grid-column:span 2}.bom-form input,.bom-form select{background:#fff;border:1px solid #d7e0e9;border-radius:7px;height:40px;padding:0 10px}.bom-components-head{justify-content:space-between;align-items:center;padding:7px 20px;display:flex}.bom-components-head button{color:#2854c4;background:#fff;border:1px solid #cad7e8;border-radius:6px;height:34px;font-weight:800}.bom-components{border:1px solid #dce3eb;margin:0 20px;overflow:auto}.bom-components table{border-collapse:collapse;width:100%;min-width:650px}.bom-components th,.bom-components td{border:1px solid #e0e6ed;height:44px;padding:5px}.bom-components th{background:#f4f6f9}.bom-components input{border:1px solid #d9e1e9;border-radius:5px;width:100%;height:34px;padding:0 7px}.bom-components button{color:#bd3e35;background:0 0;border:0;font-size:20px}.bom-modal>footer{justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.bom-modal>footer button{background:#fff;border:1px solid #d4dde8;border-radius:7px;height:39px;padding:0 16px;font-weight:800}.bom-modal>footer button.primary{color:#fff;background:#2854c4;border-color:#2854c4}.service-document-workspace{padding-top:13px}.service-form-toolbar{gap:8px;margin-bottom:12px;display:flex}.service-command-row{gap:6px;margin-top:14px;display:flex;overflow-x:auto}.service-command-row button{height:35px;padding-inline:11px;font-size:11px}.service-document-workspace .inline-document-fields{background:#fff;border:1px solid #d9e2ec;border-radius:9px;padding:15px}@media (max-width:700px){.bom-form{grid-template-columns:1fr}.bom-form label.wide{grid-column:auto}.bom-modal{width:calc(100% - 14px)}.bom-category-row{padding-block:8px}}.account-active>.quotation-status-row,.account-active>.quotation-list-meta,.account-active>.quotation-list-table-wrap,.account-active>.quotation-action-bar{display:none}.account-workspace{padding-bottom:18px}.account-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:9px 0 16px;display:grid}.account-summary article{background:linear-gradient(145deg,#fff,#f7f9fd);border:1px solid #dbe3ed;border-radius:9px;align-content:center;min-height:96px;padding:14px 16px;display:grid}.account-summary span{color:#6d7c90;font-size:11px;font-weight:800}.account-summary strong{color:#173f91;margin-top:4px;font-size:21px}.account-summary small{color:#8b97a8;margin-top:4px;font-size:10px}.account-meta{justify-content:space-between;align-items:center;height:53px;display:flex}.account-meta>div{gap:5px;display:flex}.account-meta button{background:#fff;border:1px solid #d6dfe9;border-radius:6px;min-width:32px;height:31px}.account-meta button.active{color:#fff;background:#2854c4;border-color:#2854c4}.account-meta strong{color:#718096;font-size:12px}.account-table-wrap{border-top:2px solid #9fb3cc;overflow:auto}.account-table{border-collapse:collapse;background:#fff;width:100%;min-width:1420px}.account-table th,.account-table td{color:#33475f;border:1px solid #dce3eb;height:54px;padding:7px 9px;font-size:12px}.account-table th{text-align:center;white-space:normal;background:#f7f8fa;height:66px}.account-table th:nth-child(2){min-width:130px}.account-table th:nth-child(3){min-width:175px}.account-table th:nth-child(5){min-width:200px}.account-table th:nth-child(8){min-width:250px}.account-table td b,.account-table td button{color:#1748a7}.account-table td button{cursor:pointer;background:0 0;border:0}.account-table tfoot td{background:#f4f6f9;font-weight:900}.account-actions{gap:8px;min-height:62px;padding:10px 0;display:flex}.account-actions button{color:#304661;cursor:pointer;background:#fff;border:1px solid #d6dee8;border-radius:7px;height:39px;padding:0 15px;font-weight:800}.account-actions button.primary{color:#fff;background:#2854c4;border-color:#2854c4}.account-actions button.danger{color:#ad4034;border-color:#efc9c3}.account-actions button:disabled{opacity:.5}.account-modal{background:#fff;border-radius:11px;width:min(720px,100% - 28px);max-height:90vh;overflow:auto;box-shadow:0 24px 80px #0d234647}.account-modal>header{background:#f4f7fc;border-bottom:1px solid #dce4ee;justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.account-modal h2{color:#1d3964;margin:3px 0 0}.account-modal small{color:#3159ad;letter-spacing:1px;font-weight:900}.account-modal>header>button{cursor:pointer;background:0 0;border:0;font-size:27px}.account-form{grid-template-columns:1fr 1fr;gap:12px;padding:18px 20px;display:grid}.account-form label{color:#4d607a;gap:6px;font-size:12px;font-weight:800;display:grid}.account-form label.wide{grid-column:span 2}.account-form input,.account-form select,.account-form textarea{background:#fff;border:1px solid #d7e0e9;border-radius:7px;min-height:40px;padding:8px 10px}.account-form textarea{resize:vertical;min-height:80px}.account-history{gap:8px;padding:17px 20px;display:grid}.account-history article{border:1px solid #dfe6ee;border-radius:7px;grid-template-columns:145px 1fr auto;gap:3px 10px;padding:10px 12px;display:grid}.account-history time{color:#75849a;grid-row:1/3;font-size:10px}.account-history strong{color:#234b8c}.account-history span{color:#52657c}.account-history small{color:#7d8998;grid-area:1/3/3;align-self:center}.account-modal>footer{justify-content:flex-end;gap:8px;padding:15px 20px;display:flex}.account-modal>footer button{background:#fff;border:1px solid #d5dee8;border-radius:7px;height:39px;padding:0 16px;font-weight:800}.account-modal>footer button.primary{color:#fff;background:#2854c4;border-color:#2854c4}@media (max-width:900px){.account-summary{grid-template-columns:1fr 1fr}}@media (max-width:560px){.account-summary,.account-form{grid-template-columns:1fr}.account-form label.wide{grid-column:auto}.account-history article{grid-template-columns:1fr}.account-history time,.account-history small{grid-area:auto}}.manufacturing-form-active>.inline-document-workspace{display:none}.manufacturing-document-form{padding-bottom:18px}.mfg-form-toolbar{justify-content:flex-end;gap:8px;margin-bottom:13px;display:flex}.mfg-form-toolbar button,.mfg-command-row button,.mfg-form-actions button{color:#304661;cursor:pointer;background:#fff;border:1px solid #d5dee8;border-radius:7px;height:39px;padding:0 14px;font-weight:800}.mfg-form-toolbar button:first-child{margin-right:auto}.mfg-form-toolbar button.primary,.mfg-form-actions button.primary{color:#fff;background:#2854c4;border-color:#2854c4}.mfg-header-card{background:#fff;border:1px solid #d8e1ea;border-radius:11px;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 18px;padding:20px;display:grid}.mfg-header-card label,.mfg-note{color:#50637b;gap:7px;font-size:12px;font-weight:800;display:grid}.mfg-header-card label.wide{grid-column:span 2}.mfg-header-card input{color:#2d435e;background:#fff;border:1px solid #d6e0ea;border-radius:7px;height:41px;padding:0 10px}.mfg-file-input{display:flex}.mfg-file-input input{border-radius:7px 0 0 7px;flex:1;min-width:0}.mfg-file-input button{color:#2854c4;background:#f5f7fa;border:1px solid #d6e0ea;border-left:0;border-radius:0 7px 7px 0;width:43px;font-size:19px}.mfg-section-title{color:#17439b;align-items:center;height:61px;font-size:15px;font-weight:900;display:flex}.mfg-command-row{gap:6px;display:flex;overflow-x:auto}.mfg-command-row button{white-space:nowrap;height:35px;padding:0 11px;font-size:11px}.mfg-line-wrap{border-top:2px solid #9fb3cc;margin-top:7px;overflow:auto}.mfg-line-wrap table{border-collapse:collapse;background:#fff;width:100%;min-width:1350px}.mfg-line-wrap th,.mfg-line-wrap td{color:#384c64;border:1px solid #dce3eb;height:53px;padding:6px;font-size:12px}.mfg-line-wrap th{text-align:center;background:#f5f7fa;height:61px}.mfg-line-wrap th:nth-child(2){min-width:180px}.mfg-line-wrap th:nth-child(3){min-width:230px}.mfg-line-wrap th:nth-child(4){min-width:250px}.mfg-line-wrap th:nth-child(6){min-width:180px}.mfg-line-wrap th:nth-child(7){min-width:230px}.mfg-line-wrap input,.mfg-line-wrap select{background:#fff;border:1px solid #dbe2e9;border-radius:5px;width:100%;height:36px;padding:0 7px}.mfg-line-wrap td:last-child button{color:#60728a;background:0 0;border:0;font-size:20px}.mfg-line-wrap tfoot td{text-align:right;background:#f4f6f9;font-weight:900}.mfg-note{margin-top:13px}.mfg-note textarea{resize:vertical;border:1px solid #d6e0ea;border-radius:7px;min-height:70px;padding:9px 10px}.mfg-form-actions{justify-content:flex-end;gap:7px;margin-top:13px;display:flex;overflow-x:auto}.mfg-form-actions button:disabled{opacity:.55}@media (max-width:1000px){.mfg-header-card{grid-template-columns:1fr 1fr}}@media (max-width:580px){.mfg-header-card{grid-template-columns:1fr}.mfg-header-card label.wide{grid-column:auto}.mfg-form-toolbar{overflow-x:auto}.mfg-form-toolbar button:first-child{margin-right:0}}.manufacturing-list-active>.quotation-status-row,.manufacturing-list-active>.quotation-list-meta,.manufacturing-list-active>.quotation-list-table-wrap,.manufacturing-list-active>.quotation-action-bar{display:none}.mfg-list-statuses{align-items:center;gap:7px;min-height:68px;display:flex;overflow-x:auto}.mfg-list-statuses button{color:#5c729b;white-space:nowrap;background:#e9effc;border:0;border-radius:20px;align-items:center;gap:7px;height:39px;padding:0 15px;font-weight:800;display:flex}.mfg-list-statuses button.active{color:#fff;background:#2854d3}.mfg-list-statuses small{background:#ffffffb3;border-radius:10px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;display:grid}.mfg-list-meta{color:#718096;justify-content:space-between;align-items:center;height:43px;display:flex}.mfg-list-meta span{color:#2854c4;font-weight:900}.mfg-list-table-wrap{border-top:2px solid #9fb3cc;overflow:auto}.mfg-list-table{border-collapse:collapse;background:#fff;width:100%;min-width:1750px}.mfg-list-table th,.mfg-list-table td{color:#344a62;border:1px solid #dce3eb;height:54px;padding:7px 9px;font-size:12px}.mfg-list-table th{text-align:center;white-space:normal;background:#f6f8fa;height:66px}.mfg-list-table th:nth-child(2){min-width:125px}.mfg-list-table th:nth-child(3){min-width:145px}.mfg-list-table th:nth-child(4){min-width:190px}.mfg-list-table th:nth-child(7){min-width:280px}.mfg-list-table td b{color:#1749a7}.mfg-list-table td button{color:#1749a7;background:0 0;border:0;font-weight:800}.mfg-list-actions{gap:7px;min-height:62px;padding:10px 0;display:flex;overflow-x:auto}.mfg-list-actions button,.mfg-status-actions button,.bom-status-tabs button,.bom-status-actions button{color:#304661;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d6dee8;border-radius:7px;height:39px;padding:0 14px;font-weight:800}.mfg-list-actions button.primary,.mfg-status-actions button.primary,.bom-status-actions button.primary{color:#fff;background:#2854c4;border-color:#2854c4}.mfg-list-actions button.danger{color:#ad4034;border-color:#efc9c3}.mfg-list-actions button:disabled{opacity:.5}.mfg-status-card,.bom-status-workspace{background:#fff;border:1px solid #dbe3ec;border-radius:10px;padding:16px}.mfg-status-tabs,.bom-status-tabs{border-bottom:1px solid #e1e7ee;gap:6px;display:flex}.mfg-status-tabs button,.bom-status-tabs button{background:#eef2f8;border:0;border-radius:7px 7px 0 0}.mfg-status-tabs button.active,.bom-status-tabs button.active{color:#fff;background:#2854c4}.mfg-status-options,.bom-status-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px 0;display:grid}.mfg-status-options label,.mfg-report-settings label,.bom-status-form label{color:#53677f;gap:6px;font-size:12px;font-weight:800;display:grid}.mfg-status-options input,.mfg-status-options select,.mfg-report-settings select,.bom-status-form input,.bom-status-form select{background:#fff;border:1px solid #d7e0e9;border-radius:7px;height:40px;padding:0 9px}.mfg-report-settings{border-top:1px solid #e6ebf0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:13px;display:grid}.mfg-status-actions,.bom-status-actions{justify-content:flex-end;gap:7px;padding:12px 0;display:flex}.mfg-status-result,.bom-status-results{color:#526a8c;background:#eef4ff;border-left:4px solid #2854c4;border-radius:7px;justify-content:space-between;padding:14px 16px;display:flex}.mfg-status-result strong,.bom-status-results strong{color:#173f91}.bom-status-form label.check{flex-direction:row;align-items:center;gap:8px;display:flex}.bom-status-form label.check input{width:18px;height:18px}.bom-status-results{margin-top:2px}@media (max-width:900px){.mfg-status-options,.bom-status-form{grid-template-columns:1fr 1fr}.mfg-report-settings{grid-template-columns:1fr}}@media (max-width:560px){.mfg-status-options,.bom-status-form{grid-template-columns:1fr}.mfg-status-tabs,.bom-status-tabs{overflow-x:auto}.mfg-status-result,.bom-status-results{flex-direction:column;align-items:flex-start;gap:6px}}