@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";
:root{--orange:#ed6b28;--orange-light:#fff1e8;--ink:#22252a;--muted:#7a7d83;--line:#e9e9e8;--bg:#f7f8fa;--white:#fff}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-family:Noto Sans Thai,Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,label.upload-button{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;transition:background .15s;display:inline-flex}button:hover{background:#f3f3f3}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--orange);color:#fff;border-color:var(--orange);font-weight:600}button.primary:hover{background:#d85a1c}input,select,textarea{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #dedfdf;border-radius:7px;outline:none;padding:9px 11px}input:focus,textarea:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ed6b2818}input:disabled,textarea:disabled,select:disabled{color:#45484d;background:#f8f8f8}input[type=checkbox]{width:17px;height:17px;accent-color:var(--orange)}textarea{resize:vertical;min-height:80px}label{flex-direction:column;gap:7px;font-size:13px;font-weight:500;display:flex}h1,h2,p{margin:0}h1{letter-spacing:-.6px;font-size:28px;font-weight:600;line-height:1.5}h2{align-items:center;gap:8px;margin-bottom:16px;font-size:17px;font-weight:600;display:flex}p{line-height:1.8}small{color:var(--muted);font-size:11px;font-weight:400;line-height:1.7;display:block}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:20;background:#fff;flex-direction:column;width:246px;padding:26px 17px 12px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;margin:0 10px 25px;display:flex}.brand span{letter-spacing:1px;font-size:24px;font-weight:700;line-height:1.1}.brand small{letter-spacing:3px;margin-top:5px;font-size:9px}.company-chip{border:1px solid var(--line);border-radius:10px;align-items:center;gap:9px;padding:11px;font-size:11px;font-weight:600;display:flex}.company-avatar{background:#f2f2f2;border-radius:6px;padding:5px 8px}.company-chip small{font-size:9px}.sidebar nav{flex:1;padding-top:7px;overflow:auto}.nav-group{letter-spacing:1.7px;color:#9b9da2;margin:21px 12px 8px;font-size:9px;font-weight:600}.nav-item{color:#64666c;background:0 0;border:0;justify-content:flex-start;gap:11px;width:100%;margin-bottom:3px;padding:11px 12px;font-size:12px}.nav-item.selected{color:#d95e1d;background:var(--orange-light);font-weight:600}.nav-item svg{flex-shrink:0}.counter{background:#eee;border-radius:5px;margin-left:auto;padding:1px 6px;font-size:10px}.sidebar-foot{border-top:1px solid var(--line);align-items:center;gap:9px;padding-top:14px;font-size:11px;display:flex}.sidebar-foot>div{flex:1;max-width:142px;overflow:hidden}.sidebar-foot button{border:0;padding:4px}.avatar{color:#a75429;background:#f7e5d8;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.main{width:calc(100% - 246px);margin-left:246px}header{border-bottom:1px solid var(--line);height:72px;color:var(--muted);background:#fff;justify-content:space-between;align-items:center;padding:0 36px;font-size:12px;display:flex}header>span{align-items:center;gap:12px;display:flex}header strong{color:var(--ink);font-weight:500}.header-right{align-items:center;gap:15px;display:flex}.header-right button{border:0}.env{letter-spacing:.8px;color:#6d7076;background:#fff;border:1px solid #e2e3e2;border-radius:5px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;font-weight:600;display:inline-flex}.env i{background:#56a87a;border-radius:100%;width:5px;height:5px}.mobile-menu{display:none}main{max-width:1680px;margin:auto;padding:32px 36px 55px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.eyebrow{letter-spacing:1.8px;color:var(--orange);margin-bottom:9px;font-size:9px;font-weight:600}.page-heading p:last-child{color:var(--muted);margin-top:6px;font-size:12px}.metrics{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:12px;padding:20px}.metric>div{color:#74777c;justify-content:space-between;align-items:center;font-size:11px;display:flex}.metric svg{color:#97999d}.metric strong{align-items:baseline;gap:9px;font-size:32px;font-weight:600;line-height:1.8;display:flex}.metric strong small{font-size:11px}.metric>span{color:#9b9da1;font-size:9px}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:22px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0;margin-bottom:20px;padding:22px}.dashboard-grid .panel{margin:0}.panel-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.panel-title h2{margin:0}.panel-title button{color:#777;border:0;padding:4px;font-size:11px}.action-panel{background:linear-gradient(135deg,#fff9f5,#fff);flex-direction:column;align-items:flex-start;display:flex}.orange-icon{color:var(--orange);background:#ffe8d7;border-radius:10px;margin-bottom:16px;padding:11px;display:flex}.action-panel h2{font-size:20px}.action-panel p{color:#79716d;margin-bottom:20px;font-size:12px}.action-panel small{margin-top:12px;font-size:10px}.table-scroll{width:100%;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th{color:#8b8d92;border-bottom:1px solid var(--line);white-space:nowrap;background:#fcfcfd;padding:11px 14px;font-size:10px;font-weight:500}td{border-bottom:1px solid var(--line);vertical-align:middle;min-width:80px;padding:16px 14px}td:first-child{padding-left:10px}tr:last-child td{border-bottom:0}td b{font-size:12px;font-weight:500}td small{max-width:360px;margin-top:3px}td button{white-space:nowrap;padding:6px 9px;font-size:10px}td select{min-width:130px}.badge{color:#73767d;white-space:nowrap;background:#f0f1f3;border-radius:5px;padding:4px 8px;font-size:10px;display:inline-block}.badge.active,.badge.submitted,.badge.repairing,.badge.waiting_parts{color:#c46c21;background:#fff0e2}.badge.approved,.badge.completed,.badge.returned,.badge.in_stock,.badge.won{color:#478862;background:#eaf5ee}.badge.rejected,.badge.cancelled,.badge.critical{color:#bb5e5e;background:#ffeded}.quick-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.quick-grid button{text-align:left;border-radius:9px;justify-content:flex-start;padding:17px}.quick-grid button>svg:first-child{color:var(--orange)}.quick-grid b{flex:1;font-size:11px;font-weight:500}.quick-grid button>svg:last-child{color:#aaa}.task-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:13px 0;display:flex}.task-row>svg{color:var(--orange)}.task-row>div{flex:1}.task-row b{font-size:12px;font-weight:500}.task-row button{font-size:10px}.empty{text-align:center;color:#9c9fa5;white-space:normal;padding:36px 15px}.empty svg{color:#b9babe}.empty p{margin-top:10px;font-size:12px}.toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px;display:flex}.search{border:1px solid var(--line);color:#94979d;background:#fff;border-radius:8px;flex-direction:row;align-items:center;width:100%;max-width:420px;padding-left:12px}.search input{box-shadow:none;border:0}.muted{color:var(--muted);font-size:11px}.notice,.info{color:#955020;background:#fff2e8;border:1px solid #ffdec6;border-radius:9px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:12px;line-height:1.8;display:flex}.notice button{background:0 0;border:0;margin-left:auto;padding:2px}.info{color:#72757b;border-color:var(--line);background:#f8f9fa}.info svg{color:var(--orange);flex-shrink:0}.tab-actions,.row-actions{align-items:center;gap:10px;margin-bottom:17px;display:flex}.row-actions{flex-wrap:wrap;margin:0}.kanban{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.kanban-col{background:#eeeef0;border-radius:12px;padding:16px}.kanban-col h2{justify-content:space-between;font-size:12px}.deal{text-align:left;border-radius:9px;width:100%;margin-bottom:14px;padding:18px;display:block}.deal p{color:#888;margin:8px 0;font-size:11px}.deal strong{color:var(--orange);font-size:14px}.deal small{margin-top:10px}.catalog-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.catalog-list{max-height:340px;margin:18px 0;overflow:auto}.catalog-card{border:1px solid var(--line);border-radius:8px;flex-direction:row;align-items:center;margin-bottom:10px;padding:13px}.catalog-card>span{flex:1}.catalog-card b{word-break:break-word;font-size:11px}.catalog-card svg{color:var(--orange);flex-shrink:0}.catalog-card button{padding:5px;font-size:10px}.upload-button{background:var(--orange-light);color:#b45420;cursor:pointer;white-space:nowrap;border-radius:7px;flex-direction:row;align-items:center;padding:6px 10px;font-size:10px;display:flex}.upload-button input{display:none}.tor-input{height:300px;margin-bottom:12px}.full{width:100%}.panel>p{color:var(--muted);margin-bottom:17px;font-size:12px}.modal-backdrop{z-index:100;background:#17191d80;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:#fff;border-radius:14px;width:100%;max-width:710px;padding:32px;position:relative;box-shadow:0 20px 80px #0003}.modal.wide{max-width:1200px}.close{border:0;padding:4px;position:absolute;top:15px;right:15px}.form-grid{grid-template-columns:1fr 1fr;gap:17px;margin:22px 0;display:grid}.span2{grid-column:span 2}.form-grid label input[type=checkbox]{align-self:flex-start}.document-header{border-bottom:2px solid #333;align-items:center;gap:12px;margin-top:26px;padding-bottom:20px;font-size:12px;display:flex}.document-header>div{flex:1}.document-header>span{text-align:right;color:#777;font-size:10px}.document-title{justify-content:center;margin:24px 0}.lines-table{min-width:650px}.lines-table td{vertical-align:top;min-width:0;padding:7px 4px}.lines-table td:nth-child(2){width:32%;min-width:200px}.lines-table textarea{min-height:54px;font-size:11px}.lines-table input{width:80px;padding:7px 5px;font-size:11px}.lines-table td:first-child{padding-top:15px}.item-picker{margin-bottom:5px;padding:4px;font-size:10px}.document-total{grid-template-columns:1fr 1fr;gap:10px;max-width:330px;margin:22px 0 0 auto;display:grid}.document-total p{border-bottom:1px solid var(--line);grid-column:span 2;justify-content:space-between;font-size:12px;display:flex}.grand-total{padding:10px 0;font-size:16px!important}.signatures{flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:70px;display:flex}.signatures>div{text-align:center;flex:1;min-width:100px}.signatures span{font-size:11px}.signatures small{color:#555;font-size:9px}.print-footer{border-top:1px solid var(--line);margin-top:35px;padding-top:10px}.editor-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:25px;display:flex}.editor-actions input{max-width:300px}.serial-label{break-inside:avoid;border:1px dashed #aaa;align-items:center;gap:10px;margin-top:22px;padding:10px;display:flex}.serial-label>div{flex:1}.serial-label strong{font-size:12px;display:block}.serial-label small{font-size:9px}.scan-video{width:100%;max-height:240px}.login{background:radial-gradient(at 5% 20%,#fff0e4,#0000 55%),#fafafa;justify-content:center;align-items:center;gap:100px;min-height:100vh;padding:50px;display:flex}.login-story{max-width:500px}.login-story .eyebrow{margin-top:28px}.login-story h1{letter-spacing:-1.4px;font-size:44px;font-weight:600;line-height:1.5}.login-story h1 span{color:var(--orange)}.login-story>p:not(.eyebrow){color:#858589;margin:24px 0;font-size:14px}.story-chips{flex-wrap:wrap;gap:8px;margin-bottom:60px;display:flex}.story-chips span{color:#9a6b4b;border:1px solid #e8ded7;border-radius:6px;padding:6px 10px;font-size:10px}.login-card{border:1px solid var(--line);background:#fff;border-radius:16px;width:400px;padding:35px;box-shadow:0 10px 40px #33333304}.login-card h2{margin:24px 0 5px;font-size:23px}.login-card>p{color:var(--muted);margin-bottom:25px;font-size:12px}.login-card label{margin-bottom:18px}.login-card button.full{margin:5px 0 15px}.text-button{color:#777;background:0 0;border:0;width:100%;padding:9px 0;font-size:11px}.divider{border-top:1px solid var(--line);margin:14px 0}footer{border-top:1px solid var(--line);color:#a3a5ab;letter-spacing:1px;justify-content:space-between;padding:17px 36px;font-size:9px;display:flex}footer span{letter-spacing:0}:focus-visible{outline:2px solid var(--orange);outline-offset:3px}@media (max-width:1100px){.sidebar{width:220px}.main{width:calc(100% - 220px);margin-left:220px}main{padding:25px}.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(2,1fr)}.login{gap:40px}.login-story h1{font-size:35px}.catalog-grid{grid-template-columns:1fr}.page-heading h1{font-size:25px}}@media (max-width:700px){.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.main{width:100%;margin-left:0}header{height:62px;padding:0 16px}.mobile-menu{border:0;padding:4px;display:flex}header>span{gap:4px;font-size:10px}.header-right{gap:3px}.env{font-size:8px}main{padding:22px 16px}.page-heading{flex-direction:column;align-items:flex-start;gap:14px}.page-heading h1{font-size:23px}.metrics{gap:10px}.metric{padding:14px}.metric>div{font-size:10px}.metric strong{font-size:28px}.panel{padding:17px}.quick-grid{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:flex-start}.kanban{grid-template-columns:1fr}.modal-backdrop{padding:14px 8px}.modal{padding:25px 16px}.form-grid{grid-template-columns:1fr}.span2{grid-column:span 1}.login{padding:25px 16px;display:block}.login-story{display:none}.login-card{width:100%;max-width:430px;margin:30px auto}.editor-actions{flex-wrap:wrap}.document-header{align-items:flex-start}.signatures{gap:20px}.catalog-card{flex-wrap:wrap}.panel-title{flex-wrap:wrap;align-items:flex-start}footer{padding:15px}.document-total{max-width:100%}}@media print{@page{size:A4;margin:12mm}body{font-size:10px;background:#fff!important}.sidebar,header,footer,.page-heading,.toolbar,.no-print,.notice,.info,.close{display:none!important}.app-shell,.main,main,.modal-backdrop,.modal{width:auto!important;max-width:none!important;box-shadow:none!important;background:#fff!important;border:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.main:has(+.modal-backdrop){display:none!important}main>.metrics,main>.dashboard-grid,main>.catalog-grid{display:none!important}.modal-backdrop .document-sheet{display:block!important}.print-area{border:0!important;padding:0!important}.table-scroll{overflow:visible!important}table{font-size:9px;min-width:0!important}th,td{white-space:normal!important;border:1px solid #aaa!important;padding:5px!important}thead{display:table-header-group}tr{break-inside:avoid}.lines-table td:nth-child(2){min-width:0!important}.form-grid{grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}input,select,textarea{appearance:none;resize:none;border-radius:0;overflow:visible;color:#222!important;box-shadow:none!important;background:#fff!important;border:0!important;padding:3px!important;font-size:9px!important}textarea{min-height:40px}.document-header{margin:0;padding-bottom:12px}.document-title{margin:14px 0;font-size:17px}.signatures{break-inside:avoid;margin-top:40px}.print-footer{margin-top:20px}.serial-label{border:1px solid #bbb!important;padding:3mm!important}.serial-label img{width:22mm;height:22mm}.catalog-grid~.panel:not(.print-area),.print-area button{display:none!important}}.print-only{display:none}@media print{.print-only{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;display:block}.document-sheet .form-grid label{break-inside:avoid}.document-sheet .form-grid textarea{display:none!important}}.ccon-brand{object-fit:contain;width:220px;max-width:100%;height:auto;display:block}.brand{flex-direction:column;align-items:flex-start;gap:4px;margin:0 9px 22px}.brand .ccon-brand{width:174px}.workspace-label{letter-spacing:3px;color:#8a8d94;margin-top:7px;font-weight:600;font-size:9px!important}.document-brand{flex-shrink:0;width:110px}.auth-page{isolation:isolate;background:#25353b;flex-direction:column;justify-content:center;min-height:100dvh;padding:54px 6vw 30px;display:flex;position:relative;overflow:hidden}.auth-backdrop{object-fit:cover;object-position:center;z-index:-3}.auth-shade{z-index:-2;background:linear-gradient(90deg,#0e181ec7 0%,#121c227a 47%,#1a1d1e47 100%),linear-gradient(#0000 30%,#121c2040);position:absolute;inset:0}.auth-layout{grid-template-columns:minmax(0,1.15fr) minmax(360px,450px);align-items:center;gap:8vw;width:100%;max-width:1250px;margin:auto;display:grid}.auth-story{color:#fff;padding:25px 0}.auth-story-brand{background:#fffffff2;border-radius:13px;padding:15px 20px;display:inline-flex;box-shadow:0 8px 30px #00000012}.auth-story-brand .ccon-brand{width:270px}.auth-kicker{letter-spacing:3px;color:#ffbb8c;margin:32px 0 18px;font-size:11px;font-weight:600}.auth-story h1{letter-spacing:-.8px;text-shadow:0 2px 18px #0003;font-size:clamp(32px,3.8vw,52px);font-weight:600;line-height:1.52}.auth-story h1 span{color:#ffa967}.auth-description{color:#e1e5e5;margin:23px 0;font-size:14px;line-height:1.95}.auth-pills{flex-wrap:wrap;gap:10px;margin:25px 0 52px;display:flex}.auth-pills span{color:#f4f4f3;background:#ffffff0b;border:1px solid #ffffff36;border-radius:7px;padding:7px 12px;font-size:11px}.auth-story-footer{color:#d9dedd;align-items:center;gap:9px;font-size:11px;display:flex}.auth-dot{background:#ffae76;border-radius:50%;width:6px;height:6px}.auth-card{background:#fff;border:1px solid #fff9;border-radius:20px;width:100%;padding:34px 35px 23px;position:relative;box-shadow:0 20px 70px #1421282b}.auth-card-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;display:flex}.auth-card-top .ccon-brand{width:150px}.auth-card-top .env{flex-shrink:0;font-size:8px}.auth-card h2{letter-spacing:-.5px;margin-bottom:7px;font-size:26px}.auth-card-intro{color:#7c8189;margin-bottom:24px;font-size:12px;line-height:1.85}.auth-card label{color:#3d434b;gap:8px;margin-bottom:17px;font-size:12px}.auth-card input{border-color:#dfe2e5;border-radius:9px;min-height:45px;padding:12px 13px;font-size:13px}.auth-card input::placeholder{color:#a2a6ad}.auth-card input[aria-invalid=true]{background:snow;border-color:#d7746c}.password-field{position:relative}.password-field input{padding-right:45px}.password-field button{color:#838995;background:0 0;border:0;width:36px;padding:0;position:absolute;top:5px;bottom:5px;right:5px}.auth-forgot{color:#69727e;background:0 0;border:0;margin:-4px 0 21px auto;padding:1px 0 0;font-size:11px;display:flex}.auth-submit{border-radius:9px;justify-content:center;min-height:47px;padding:13px;font-size:13px}.auth-switch{text-align:center;color:#7c828c;padding:23px 0 19px;font-size:11px}.auth-switch button{color:#d76524;background:0 0;border:0;padding:2px 4px;font-size:11px;font-weight:600;display:inline-flex}.auth-assurance{color:#8b919a;border-top:1px solid #eceeef;justify-content:center;align-items:center;gap:7px;padding-top:18px;font-size:10px;line-height:1.8;display:flex}.auth-assurance svg{color:#9198a3;flex-shrink:0}.auth-copyright{letter-spacing:1.6px;text-align:center;color:#ffffffb0;margin:25px 0 0;font-size:9px;line-height:2}.field-error{color:#b45249;font-size:11px;line-height:1.6}.feedback-banner{color:#49667e;background:#f1f6fb;border:1px solid #dce5ef;border-radius:9px;align-items:flex-start;gap:10px;margin:17px 0;padding:13px 14px;display:flex}.feedback-banner.error{color:#aa5145;background:#fff5f3;border-color:#f1d8d2}.feedback-banner.success{color:#4e7d60;background:#f0f8f3;border-color:#d6e9dd}.feedback-banner>svg{flex-shrink:0;margin-top:2px}.feedback-banner>div{flex:1;min-width:0}.feedback-banner strong{margin-bottom:3px;font-size:12px;font-weight:600;display:block}.feedback-banner p{overflow-wrap:anywhere;font-size:11px;line-height:1.9}.feedback-banner button{color:inherit;background:0 0;border:0;flex-shrink:0;padding:1px}.brand-loading{background:radial-gradient(at 20% 10%,#fff2e7,#0000 50%),#f8f9fb;place-items:center;max-width:none;min-height:100dvh;margin:0;padding:28px;display:grid}.loading-card,.recovery-card{text-align:center;background:#fff;border:1px solid #eceef0;border-radius:20px;width:100%;max-width:460px;padding:42px 38px;box-shadow:0 14px 65px #2c344308}.loading-card .ccon-brand,.recovery-card .ccon-brand{width:235px;margin:0 auto}.loading-card .workspace-label,.recovery-card .workspace-label{margin:15px 0 24px;display:block}.loading-card h1,.recovery-card h1{margin-bottom:11px;font-size:20px;font-weight:600;line-height:1.7}.loading-card p,.recovery-card>p{color:#848b94;font-size:12px;line-height:1.9}.loading-card small{color:#a0a5ad;margin-top:28px;font-size:10px}.loading-card button{margin-top:20px}.loading-track{background:#f7e7dc;border-radius:3px;width:150px;height:3px;margin:35px auto 25px;overflow:hidden}.loading-track span{background:#ed6b28;border-radius:3px;width:38%;height:100%;animation:1.7s ease-in-out infinite brand-progress;display:block}.recovery-card .row-actions{justify-content:center;margin-top:25px}.recovery-link{color:#c45b22;background:#fff0e5;border-radius:8px;margin-top:20px;padding:12px 18px;font-size:12px;font-weight:600;display:inline-flex}.spin-icon{animation:1s linear infinite brand-spin}.login-card>.ccon-brand{width:210px;margin-bottom:20px}@keyframes brand-progress{0%{transform:translate(-110%)}to{transform:translate(370%)}}@keyframes brand-spin{to{transform:rotate(360deg)}}@media (max-width:1000px){.auth-page{padding:35px 4vw 20px}.auth-layout{grid-template-columns:minmax(0,1fr) minmax(340px,400px);gap:5vw}.auth-story h1{font-size:34px}.auth-story-brand .ccon-brand{width:220px}.auth-card{padding:28px}.auth-description{font-size:12px}}@media (max-width:700px){.auth-page{justify-content:center;min-height:100dvh;padding:26px 18px 18px}.auth-shade{background:linear-gradient(#17263075,#172630a8)}.auth-backdrop{object-position:46% center}.auth-layout{max-width:425px;display:block}.auth-story{display:none}.auth-card{border-radius:17px;padding:26px 23px 21px;box-shadow:0 18px 60px #0002}.auth-card-top{margin-bottom:25px}.auth-card-top .ccon-brand{width:158px}.auth-card h2{font-size:25px}.auth-card-intro{font-size:12px}.auth-copyright{color:#ffffffd0;margin-top:22px}.auth-assurance{font-size:9px}.loading-card,.recovery-card{padding:32px 24px}.recovery-card .ccon-brand,.loading-card .ccon-brand{width:220px}.brand-loading{padding:22px}.document-brand{width:90px}}@media (prefers-reduced-motion:reduce){.loading-track span{opacity:.6;width:100%;animation:none}.spin-icon{animation:none}*{scroll-behavior:auto!important}}@media print{.feedback-banner,.brand-loading,.auth-page{display:none!important}.document-brand{width:28mm!important;height:auto!important}}.app-shell{--line:#e2e6eb;--muted:#6d7581;--bg:#f3f5f7;background:var(--bg);color:#27303b}.app-shell .sidebar{background:#fff;border-right-color:#dce1e6;padding-top:25px;box-shadow:4px 0 24px #26324203}.app-shell .company-chip{background:#f7f8fa;border-color:#e6e9ee;border-radius:7px;font-size:11px}.app-shell .company-avatar{color:#52606e;background:#e9edf2}.app-shell .nav-group{letter-spacing:1.3px;color:#8b939d;margin-top:23px;font-size:10px}.app-shell .nav-item{color:#626c79;border-radius:7px;padding:11px 12px;font-size:12px}.app-shell .nav-item.selected{color:#b9511c;background:#fff0e7;box-shadow:inset 3px 0 #ed6b28}.app-shell .nav-item:hover{background:#f3f5f7}.app-shell .nav-item.selected:hover{background:#ffeade}.app-shell .sidebar-foot{font-size:11px;line-height:1.6}.app-shell header{background:#ffffffed;border-bottom-color:#e1e5eb;height:70px}.app-shell header strong{font-weight:600}.app-shell main{padding-top:30px}.app-shell .page-heading{align-items:flex-start;margin-bottom:18px}.app-shell .page-heading h1{letter-spacing:-.45px;color:#202a35;font-size:27px;font-weight:600}.app-shell .eyebrow{color:#7e8793;letter-spacing:1.3px;margin-bottom:6px;font-size:10px}.app-shell .page-heading p:last-child{color:#717a86;font-size:12px}.app-shell .panel{background:linear-gradient(#fff,#fefefe);border-color:#e0e5eb;border-radius:10px;box-shadow:0 2px 3px #26344904,0 7px 22px #26344903}.app-shell h2{color:#2b3542;font-size:15px;font-weight:600}.app-shell th{color:#6f7884;background:#f8fafb;border-bottom-color:#e1e6eb;font-size:11px}.app-shell td{border-bottom-color:#edf0f3;font-size:12px}.app-shell tbody tr:hover{background:#fafbfd}.app-shell td b{font-weight:500}.app-shell button{border-radius:7px}.app-shell .primary{box-shadow:0 2px 4px #b9441318}.app-shell .kanban-col{background:#e9edf1;border:1px solid #e1e6eb;border-radius:9px}.app-shell .deal{border-color:#dce2e8;box-shadow:0 3px 8px #1d2f4306}.app-shell .modal{border:1px solid #dfe4eb;box-shadow:0 24px 90px #14233340}.app-shell footer{color:#858e99;background:#f3f5f7;border-color:#e0e5eb;font-size:10px}.dashboard-context{justify-content:space-between;align-items:center;gap:14px;margin:0 0 20px;display:flex}.dashboard-context>span{color:#7a8490;align-items:center;gap:7px;font-size:11px;line-height:1.8;display:flex}.chart-mode{background:#e8ecf0;border-radius:7px;flex-shrink:0;padding:3px;display:flex}.chart-mode button{color:#717b88;background:0 0;border:0;min-width:38px;padding:4px 9px;font-size:11px}.chart-mode button[aria-pressed=true]{color:#303e4c;background:#fff;font-weight:600;box-shadow:0 1px 4px #253b5015}.operations-dashboard .metrics{gap:16px;margin-bottom:22px}.operations-dashboard .metric-link{text-align:left;background:linear-gradient(155deg,#fff 65%,#f8fafc);border:1px solid #dde3e9;border-radius:10px;padding:18px 20px;transition:box-shadow .15s,border-color .15s;display:block;box-shadow:0 3px 6px #19304a04,0 9px 20px #19304a03}.operations-dashboard .metric-link:hover{border-color:#c7cfd8;box-shadow:0 5px 17px #19304a0b}.operations-dashboard .metric-link>div{color:#687382;gap:8px;min-height:32px;font-size:11px}.metric-icon{background:#f1f4f7;border:1px solid #e7ebf0;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.metric-icon svg{color:#687989}.operations-dashboard .metric-link strong{letter-spacing:-.7px;color:#273444;font-variant-numeric:tabular-nums;font-size:33px;font-weight:600;line-height:1.8}.operations-dashboard .metric-link strong small{letter-spacing:0;color:#7a8592}.operations-dashboard .metric-link>span{color:#87909b;justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.insight-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-bottom:22px;display:grid}.insight-grid .panel{margin-bottom:0}.chart-panel .panel-title{align-items:flex-start;margin-bottom:12px}.chart-panel .panel-title h2{margin-bottom:4px}.chart-panel .panel-title p{color:#85909c;font-size:11px;line-height:1.6}.chart-panel .panel-title button{color:#87909c}.column-chart svg{width:100%;height:auto;max-height:265px;display:block}.axis-label{fill:#7e8895;font-family:inherit;font-size:11px}.value-label{fill:#3c4654;font-family:inherit;font-size:13px;font-weight:600}.donut-layout{grid-template-columns:minmax(160px,1fr) minmax(150px,1fr);align-items:center;gap:8px;min-height:215px;display:grid}.donut-layout svg{width:100%;max-height:220px}.donut-total{fill:#2f3b4b;font-family:inherit;font-size:31px;font-weight:600}.chart-legend{margin:0;padding:0;list-style:none}.chart-legend li{color:#697586;border-bottom:1px solid #f0f2f5;grid-template-columns:8px 1fr auto 42px;align-items:center;gap:9px;padding:10px 0;font-size:11px;display:grid}.chart-legend li:last-child{border:0}.chart-legend b{color:#394758;font-variant-numeric:tabular-nums;font-weight:600}.chart-legend small{text-align:right;font-size:10px}.legend-dot{border-radius:2px;width:7px;height:7px}.chart-details{color:#7b8591;border-top:1px solid #edf0f3;margin-top:12px;padding-top:10px;font-size:10px}.chart-details summary{cursor:pointer;width:max-content;max-width:100%}.chart-details table{margin-top:10px}.sales-chart{grid-column:1/-1}.pipeline-chart{padding:12px 0 5px}.pipeline-row{color:#758091;grid-template-columns:110px minmax(0,1fr) 135px;align-items:center;gap:20px;margin-bottom:16px;font-size:12px;display:grid}.pipeline-row>b{text-align:right;font-variant-numeric:tabular-nums;color:#3c495a;font-weight:500}.pipeline-track{background:#f2f4f7;border-radius:2px;height:18px}.pipeline-bar{border-radius:1px;height:100%}.pipeline-bar.dimensional{transform:translateY(-2px);box-shadow:0 4px #27374720;background-image:linear-gradient(#fff2,#0000 50%,#00000014)!important}.pipeline-scale{color:#8c96a3;justify-content:space-between;gap:8px;margin:6px 155px 0 130px;font-size:10px;display:flex}.chart-note{color:#87909b;margin-top:10px;font-size:10px;line-height:1.7}.chart-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:235px;display:flex}.chart-empty p{color:#8792a0;font-size:11px}.chart-empty button{color:#667687;background:#fafbfd;padding:6px 10px;font-size:11px}.chart-empty-art{opacity:.8;justify-content:center;align-items:flex-end;gap:10px;width:125px;height:82px;display:flex}.chart-empty-art.columns span{background:linear-gradient(100deg,#e5eaf0,#f2f5f8);width:18px;height:42px;box-shadow:4px -3px #e1e6ec}.chart-empty-art.columns span:nth-child(2){height:72px}.chart-empty-art.columns span:nth-child(3){height:54px}.chart-empty-art.columns span:nth-child(4){height:34px}.chart-empty-art.donut span{border:15px solid #edf0f4;border-radius:50%;width:79px;height:79px;box-shadow:0 5px #e0e5ec}.chart-empty-art.pipeline{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;height:82px}.chart-empty-art.pipeline span{background:#e7ecf2;width:120px;height:10px;box-shadow:0 3px #dfe5ed}.chart-empty-art.pipeline span:nth-child(2){width:92px}.chart-empty-art.pipeline span:nth-child(3){width:70px}.chart-empty-art.pipeline span:nth-child(4){width:50px}.sales-chart .chart-empty{min-height:180px}.operations-dashboard .dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:20px}.dashboard-empty{text-align:center;color:#8792a0;padding:35px 14px;font-size:11px;line-height:1.8}.dashboard-empty svg{color:#a3afbd;margin-bottom:8px}.count-tag{color:#7e8b99;background:#f1f4f7;border-radius:5px;padding:4px 8px;font-size:10px}.shortcuts .quick-grid{gap:10px}.shortcuts .quick-grid button{background:#fbfcfd;border-color:#e5eaf0;padding:13px 14px;box-shadow:0 2px 3px #243a5103}.shortcuts .quick-grid button>svg:first-child{color:#788899}.shortcuts .quick-grid button:hover{background:#fff6ef;border-color:#eed7c8}.tor-shortcut{align-items:flex-start;gap:16px;display:flex;background:#fff!important}.tor-shortcut>svg{color:#de6d32;flex-shrink:0;margin-top:3px}.tor-shortcut h2{margin-bottom:8px}.tor-shortcut p{color:#7e8793;margin-bottom:16px;font-size:11px;line-height:1.8}.tor-shortcut button{color:#b65b2b;background:#fff6ef;border-color:#f0dfd3;padding:7px 11px;font-size:11px}.dashboard-source{color:#828c98;margin-top:22px;font-size:11px;line-height:1.8}.dashboard-source summary{cursor:pointer;align-items:center;gap:7px;width:fit-content;display:flex}.dashboard-source p{max-width:1000px;margin-top:10px;font-size:11px}@media (min-width:1550px){.insight-grid{grid-template-columns:1.1fr 1fr 1.15fr}.sales-chart{grid-column:auto}.pipeline-row{grid-template-columns:80px minmax(0,1fr) 100px;gap:10px}.pipeline-scale{margin-left:90px;margin-right:110px}}@media (max-width:1100px){.operations-dashboard .dashboard-grid,.donut-layout{grid-template-columns:1fr}.donut-layout svg{max-height:175px}.chart-legend{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.chart-legend li{grid-template-columns:7px 1fr auto;gap:6px}.chart-legend small{display:none}}@media (max-width:700px){.app-shell header{height:62px}.app-shell main{padding:22px 16px}.app-shell .page-heading h1{font-size:23px}.dashboard-context{align-items:flex-start}.dashboard-context>span{flex-wrap:wrap;font-size:10px}.operations-dashboard .metrics{gap:10px}.operations-dashboard .metric-link{padding:13px 12px}.operations-dashboard .metric-link>div{align-items:flex-start;font-size:10px}.metric-icon{width:26px;height:26px}.metric-icon svg{width:15px}.operations-dashboard .metric-link strong{font-size:29px}.operations-dashboard .metric-link>span{font-size:9px}.insight-grid{grid-template-columns:1fr;gap:16px}.sales-chart{grid-column:auto}.donut-layout{grid-template-columns:1fr 1fr}.chart-legend{display:block}.chart-legend li{grid-template-columns:7px 1fr auto;font-size:10px}.pipeline-row{grid-template-columns:70px minmax(0,1fr) 80px;gap:9px;font-size:10px}.pipeline-scale{flex-wrap:wrap;margin-left:79px;margin-right:89px;font-size:9px}.pipeline-scale span:nth-child(2){display:none}.chart-empty{min-height:210px}.operations-dashboard .dashboard-grid{gap:16px}.shortcuts .quick-grid{grid-template-columns:1fr 1fr}.shortcuts .quick-grid button{gap:7px;padding:11px}.shortcuts .quick-grid b{font-size:10px}.shortcuts .quick-grid button>svg:last-child{display:none}}@media (prefers-reduced-motion:reduce){.app-shell *{transition:none!important}}@media print{.operations-dashboard{display:none!important}}@media (max-width:700px){.column-chart .axis-label{font-size:15px}.column-chart .value-label{font-size:17px}.donut-layout .axis-label{font-size:13px}}.theme-control{border:1px solid var(--line);background:var(--white);color:var(--muted);border-radius:7px;flex-direction:row;align-items:center;gap:5px;padding:4px 7px;display:flex}.theme-control select{width:auto;color:inherit;box-shadow:none;cursor:pointer;background:0 0;border:0;padding:3px 17px 3px 3px;font-size:11px}.theme-control select:focus-visible{outline:2px solid var(--orange)}.auth-theme{z-index:3;position:absolute;top:20px;right:24px}.auth-theme .theme-control{color:#fff;background:#172230bd;border-color:#ffffff30}.auth-theme select option{color:var(--ink);background:var(--white)}.role-list{gap:18px;margin:20px 0;display:grid}.role-card{border:1px solid var(--line);background:var(--white);border-radius:9px;padding:20px}.role-card-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.role-card h3{margin:0 0 4px;font-size:15px;font-weight:600}.role-card-heading span{color:var(--muted);font-size:11px}.role-card-actions{gap:8px;display:flex}.role-card-actions button{font-size:11px}.permission-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 25px;display:grid}.permission-groups fieldset{border:0;min-width:0;margin:0;padding:0}.permission-groups legend{color:var(--muted);float:left;border-bottom:1px solid var(--line);width:100%;margin-bottom:5px;padding:0 0 9px;font-size:11px;font-weight:600}.permission-option{clear:both;cursor:pointer;border-radius:6px;flex-direction:row;align-items:flex-start;gap:10px;padding:10px 7px;display:flex}.permission-option:hover{background:var(--bg)}.permission-option input{flex-shrink:0;width:17px;min-width:17px;height:17px;margin:3px 0 0}.permission-option b{font-size:12px;font-weight:500}.permission-option small{margin-top:2px;font-size:10px;line-height:1.8}.permission-note{color:#ab722b;margin-top:12px;font-size:11px}.role-save-status{color:#478862;margin-top:12px;font-size:11px}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e4e9f0;--muted:#a0adbd;--line:#303c4b;--bg:#111821;--white:#1a2430;--orange:#f58245;--orange-light:#35271f}html[data-theme=dark] body{background:var(--bg);color:var(--ink)}html[data-theme=dark] .app-shell{--line:#303c4b;--muted:#a0adbd;--bg:#111821;color:var(--ink);background:var(--bg)}html[data-theme=dark] :is(button,input,textarea,select){color:var(--ink);border-color:var(--line);background:#1b2734}html[data-theme=dark] button:hover{background:#283647}html[data-theme=dark] button.primary{color:#fff;background:#e36d30;border-color:#e36d30}html[data-theme=dark] button.primary:hover{background:#f27c3e}html[data-theme=dark] :is(input,textarea,select):disabled{color:#9cabbc;background:#17212c}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#8391a3}html[data-theme=dark] .app-shell :is(.sidebar,header,.panel,.metric-link,.modal,.deal){background:#1a2430;border-color:#303c4b;box-shadow:0 3px 14px #00000016}html[data-theme=dark] .app-shell :is(h1,h2,h3,header strong,.metric-link strong,.chart-legend b,.pipeline-row>b){color:#e3e9f1}html[data-theme=dark] :is(small,.muted,.page-heading p:last-child,.chart-panel .panel-title p,.chart-note,.chart-empty p,.dashboard-empty,.dashboard-context>span,.metric-link>span,.metric-link>div,.chart-legend li,.pipeline-row,.dashboard-source){color:#a0adbd!important}html[data-theme=dark] .app-shell :is(.company-chip,.company-avatar,.metric-icon,.quick-grid button,.kanban-col,.search,th,.count-tag){color:#bcc7d5;background:#202d3b;border-color:#344251}html[data-theme=dark] .app-shell :is(td,th,.chart-details,.chart-legend li,.sidebar-foot){border-color:#303c4b}html[data-theme=dark] .app-shell tbody tr:hover{background:#202e3d}html[data-theme=dark] .app-shell .nav-item{color:#a9b7c9;background:0 0}html[data-theme=dark] .app-shell .nav-item:hover{background:#253240}html[data-theme=dark] .app-shell .nav-item.selected{color:#ffa369;background:#382920;box-shadow:inset 3px 0 #f58245}html[data-theme=dark] .app-shell :is(.counter,.env){color:#bcc7d4;background:#202b38;border-color:#354353}html[data-theme=dark] .app-shell footer{color:#95a4b6;background:#111821;border-color:#303c4b}html[data-theme=dark] .chart-mode{background:#111b27}html[data-theme=dark] .chart-mode button{color:#a0adbd;background:0 0}html[data-theme=dark] .chart-mode button[aria-pressed=true]{color:#fff;background:#344456}html[data-theme=dark] .axis-label{fill:#a8b6c8}html[data-theme=dark] :is(.value-label,.donut-total){fill:#e3eaf2}html[data-theme=dark] .column-chart line{stroke:#344251}html[data-theme=dark] .pipeline-track{background:#111b27}html[data-theme=dark] .pipeline-scale{color:#a0adbd}html[data-theme=dark] .chart-empty-art{opacity:.27}html[data-theme=dark] .chart-empty button{color:#c1cedc;background:#233142;border-color:#3a4a5c}html[data-theme=dark] .tor-shortcut{background:#1a2430!important}html[data-theme=dark] .tor-shortcut button{color:#ffad79;background:#35271f;border-color:#60402e}html[data-theme=dark] .badge{color:#ced8e5;background:#2e3c4e}html[data-theme=dark] :is(.badge.active,.badge.submitted,.badge.repairing,.badge.waiting_parts){color:#ffc185;background:#423224}html[data-theme=dark] :is(.badge.approved,.badge.completed,.badge.returned,.badge.in_stock,.badge.won){color:#9ed8b5;background:#233e36}html[data-theme=dark] :is(.badge.rejected,.badge.cancelled,.badge.critical){color:#efafb6;background:#462e34}html[data-theme=dark] .info{color:#bcc9d9;background:#202d3b;border-color:#3b4a5a}html[data-theme=dark] .feedback-banner{color:#bfd4ed;background:#24354a;border-color:#3b5371}html[data-theme=dark] .feedback-banner.error{color:#f2b9ad;background:#3c2b2b;border-color:#674840}html[data-theme=dark] .feedback-banner.success{color:#b3d9c0;background:#243a30;border-color:#3f5c49}html[data-theme=dark] .auth-card{color:#e5ebf3;background:#182330;border-color:#3a4655;box-shadow:0 24px 70px #0005}html[data-theme=dark] .auth-card h2{color:#e5ebf3}html[data-theme=dark] :is(.auth-card-intro,.auth-assurance,.auth-switch){color:#a4b2c4}html[data-theme=dark] .auth-card-top .env{color:#bdcadd;background:#263343;border-color:#3b4c60}html[data-theme=dark] :is(.auth-switch button,.auth-forgot){color:#ffab76;background:0 0}html[data-theme=dark] .password-field button{color:#b3c0d2;background:0 0}html[data-theme=dark] .field-error{color:#ffb2a2}html[data-theme=dark] .brand-loading{background:radial-gradient(at 20% 10%,#302921,#0000 50%),#111821}html[data-theme=dark] :is(.loading-card,.recovery-card,.login-card){color:#e3e9f1;background:#1a2430;border-color:#344251}html[data-theme=dark] .loading-track{background:#3b2e27}html[data-theme=dark] .role-card{background:#17212c}html[data-theme=dark] .role-save-status{color:#9ed8b5}html[data-theme=dark] .permission-note{color:#edb77b}html[data-theme=dark] .document-sheet{color:#e4e9f0}html[data-theme=dark] .document-header{border-color:#a8b6c8}@media (max-width:700px){.header-right{gap:5px}.theme-control{padding:3px 5px}.theme-control select{max-width:74px;padding-right:10px;font-size:10px}.theme-control svg{width:13px}.auth-theme{top:12px;right:18px}.auth-page{padding-top:60px}.role-card{padding:16px 12px}.role-card-heading{flex-direction:column;align-items:flex-start}.role-card-actions{width:100%}.role-card-actions button{flex:1}.permission-groups{grid-template-columns:1fr;gap:14px}}@media print{html[data-theme=dark]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#222;--muted:#777;--line:#ddd;--bg:white;--white:white}.theme-control,.auth-theme{display:none!important}html[data-theme=dark] :is(.document-sheet,.document-sheet h2,.document-sheet small,.document-header,input,textarea,select,table,th,td,.print-area){color:#222!important;background:#fff!important;border-color:#aaa!important}}html[data-theme=dark] .auth-card label{color:#d8e2ee}html[data-theme=dark] .auth-switch{border-color:#3b4a5a}html[data-theme=dark] :is(.upload-button,.orange-icon){color:#ffb386;background:#382920}@media (max-width:700px){.app-shell header{gap:8px}.app-shell header>span{flex:1;min-width:0;overflow:hidden}.app-shell header>span strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.app-shell header>span .breadcrumb-root,.app-shell header>span>svg{display:none}.app-shell .header-right,.app-shell .mobile-menu{flex-shrink:0}.app-shell .header-right button{padding:5px}}.request-help{color:var(--muted);margin:12px 0 22px;font-size:12px}.request-sheet{color:#222;background:#fff;border:1px solid #dde2e8;font-family:Noto Sans Thai,Arial,sans-serif}.request-page{padding:28px}.request-heading{grid-template-columns:130px minmax(0,1fr) 160px;align-items:start;gap:10px;margin-bottom:22px;display:grid}.request-heading .request-logo{width:130px}.request-heading h2{white-space:normal;text-align:center;justify-content:center;margin-top:22px;font-size:19px;color:#111!important}.request-number{color:#222;text-align:center;font-size:11px}.request-number>div{border:1px solid #222;border-radius:12px;min-height:65px;margin-top:5px;padding:12px}.request-number strong{margin-top:12px;font-size:11px;font-weight:400;display:block}.request-fields{grid-template-columns:1fr 1fr 1fr;gap:9px 14px;margin-bottom:18px;display:grid}.request-field{color:#333;gap:4px;font-size:11px}.request-field textarea{resize:vertical;border-color:#c9cdd2;min-height:35px;padding:5px;font-size:11px;line-height:1.6;color:#222!important;background:#fff!important}.request-wide{grid-column:1/-1}.request-table{table-layout:fixed;color:#111;border:1px solid #222;min-width:690px}.request-table th,.request-table td{font-size:11px;font-weight:400;color:#111!important;background:#fff!important;border:1px solid #222!important;min-width:0!important;padding:6px!important}.request-table th{white-space:normal;text-align:center}.request-table td{vertical-align:top}.request-table input,.request-table textarea{width:100%;min-width:0;padding:5px;font-size:11px;color:#222!important;background:#fff!important}.request-table textarea{min-height:48px}.request-table td:last-child:has(button){width:35px}.request-table tfoot td{text-align:center;font-size:13px;padding:8px!important}.request-table tfoot b{margin-left:18px;font-weight:500}.request-bottom{grid-template-columns:minmax(0,1fr) 230px;gap:25px;margin:20px 0;display:grid}.request-bottom>div:first-child{gap:7px;display:grid}.request-signbox{color:#222;border:1px solid #222;padding:13px}.request-signbox h3,.request-receiving h3,.request-closing h3{margin:0 0 13px;font-size:13px;font-style:italic;text-decoration:underline;color:#111!important}.request-signature{color:#222;gap:9px;margin:10px 0;font-size:11px;line-height:1.8;display:grid}.request-receiving{border:1px solid #222;padding:13px}.request-signatures{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.request-signatures>.request-signature{flex:1;min-width:125px}.request-paper-note{color:#333;margin-top:7px;font-size:9px;line-height:1.7}.request-close-page{border-top:1px dashed #aaa;padding-top:30px}.request-closing{border:1px solid #222;grid-template-columns:1fr 220px;gap:25px;margin-top:20px;padding:24px 15px;display:grid}.request-closing>div:first-child{padding:20px 0}.print-only-row{display:none}.login-cooldown{color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;margin:8px 0 14px;font-size:12px}@media (max-width:700px){.request-page{padding:14px}.request-heading{grid-template-columns:90px 1fr;gap:7px}.request-heading .request-logo{width:90px}.request-heading h2{margin-top:5px;font-size:14px}.request-number{grid-column:1/-1}.request-number>div{justify-content:space-between;gap:12px;min-height:0;display:flex}.request-number strong{margin:0}.request-fields{grid-template-columns:1fr}.request-wide{grid-column:auto}.request-bottom,.request-closing{grid-template-columns:1fr}.request-field{font-size:12px}}html[data-theme=dark] .request-sheet{color:#222;background:#fff;border-color:#657184}html[data-theme=dark] .request-sheet small{color:#666!important}html[data-theme=dark] .request-sheet button{color:#222;background:#fff;border-color:#ccc}@media print{.request-sheet{color:#111!important;background:#fff!important;border:0!important;font-family:Noto Sans Thai,Arial,sans-serif!important}.request-page{padding:0!important}.request-heading{break-inside:avoid;grid-template-columns:28mm 1fr 32mm;gap:2mm;margin-bottom:4mm;display:grid!important}.request-heading .request-logo{width:28mm!important}.request-heading h2{margin-top:7mm!important;font-size:12pt!important}.request-number{grid-column:auto;font-size:9pt}.request-number>div{border-radius:3mm;min-height:15mm;padding:2mm;font-size:9pt;display:block}.request-number strong{margin-top:3mm;font-size:8pt}.request-fields{grid-template-columns:1fr 1fr 1fr;gap:2mm 3mm;margin-bottom:4mm;display:grid!important}.request-field{break-inside:avoid;font-size:9pt;color:#111!important}.request-wide{grid-column:1/-1}.request-field-value{white-space:pre-wrap;overflow-wrap:anywhere;min-height:5mm;display:block!important}.request-table{table-layout:fixed;width:100%;min-width:0!important}.request-table th,.request-table td{border:1px solid #111!important;padding:1.2mm!important;font-size:8pt!important}.request-table td:nth-child(2){min-width:0!important}.request-table .print-only{white-space:pre-wrap;overflow-wrap:anywhere;font-size:8pt;display:block!important}.request-table tfoot td{font-size:10pt!important}.print-only-row{display:table-row}.request-bottom{break-inside:avoid;grid-template-columns:1fr 47mm;gap:5mm;margin:4mm 0;display:grid!important}.request-signbox{padding:2mm}.request-signature{gap:2mm;margin:2mm 0;font-size:8pt}.request-receiving{break-inside:avoid;padding:2mm}.request-receiving h3,.request-signbox h3,.request-closing h3{margin-bottom:2mm;font-size:10pt!important}.request-signatures{flex-wrap:nowrap;gap:2mm}.request-signatures>.request-signature{white-space:normal;min-width:0}.request-paper-note{margin-top:2mm;font-size:7pt}.request-close-page{break-before:page;border:0!important;padding-top:0!important}.request-closing{break-inside:avoid;grid-template-columns:1fr 55mm;gap:5mm;padding:10mm 3mm;display:grid!important}.request-closing>div:first-child{padding:4mm 0}.request-close-page .request-heading{margin-bottom:12mm}html[data-theme=dark] .request-sheet :is(h2,h3,small,.request-number,.request-field){color:#111!important}.request-field-value{border-bottom:1px solid #777;width:100%;padding-bottom:1mm}.request-fields label:nth-last-child(2){grid-column:span 2}.request-paper-note{font-size:6.5pt}.request-signature{line-height:1.65}.request-fields{gap:1.5mm 3mm}.request-blank-row{height:6mm}.request-fields{gap:1mm 3mm;margin-bottom:3mm}.request-bottom{margin:3mm 0}}