:root{
  --bg:#F7F6F3;--sur:#FFF;--bd:#E2DFD8;--bds:#C8C4BB;
  --t:#1A1917;--t2:#6B6760;--t3:#9E9B94;
  --bl:#1B4FD8;--bll:#EBF0FD;
  --gr:#1A5C2E;--grl:#E6F2EB;--grd:#134822;
  --re:#C0392B;--rel:#FDF0EF;
  --am:#92400E;--aml:#FEF3C7;
  --r:8px;--rl:12px;--rxl:16px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'IBM Plex Sans Thai',sans-serif;background:var(--bg);color:var(--t);font-size:14px;line-height:1.6;min-height:100vh}

/* ===== TOPBAR ===== */
.topbar{background:var(--sur);border-bottom:1px solid var(--bd);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:56px;position:sticky;top:0;z-index:100}
.logo{display:flex;align-items:center;gap:10px}
.logo-icon{width:32px;height:32px;background:var(--gr);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700}
.logo-text{font-size:15px;font-weight:600;color:var(--t)}
.logo-sub{font-size:11px;color:var(--t3);margin-top:-2px}
.topbar-right{display:flex;align-items:center;gap:12px}
.user-chip{display:flex;align-items:center;gap:8px;padding:5px 12px;border:1px solid var(--bd);border-radius:20px;font-size:13px;color:var(--t2);background:var(--bg)}
.avatar{width:26px;height:26px;border-radius:50%;background:var(--grl);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--gr)}
.logout-link{text-decoration:none;color:var(--t3);font-size:16px;padding:2px 4px;cursor:pointer}
.logout-link:hover{color:var(--re)}

/* ===== MAIN LAYOUT ===== */
.main{max-width:960px;margin:0 auto;padding:2rem 1.5rem 4rem}
.page{max-width:980px;margin:0 auto;padding:2rem 1.5rem 4rem}

/* ===== GREETING ===== */
.greeting{margin-bottom:2rem}
.greeting h1{font-size:24px;font-weight:600;color:var(--t);margin-bottom:4px}
.greeting p{font-size:14px;color:var(--t2)}

/* ===== FORM CARDS ===== */
.form-section-title{font-size:11px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;display:flex;align-items:center;gap:10px}
.form-section-title::after{content:'';flex:1;height:1px;background:var(--bd)}
.form-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:2.5rem}
.form-card{background:var(--sur);border:1px solid var(--bd);border-radius:var(--rxl);padding:1.5rem;cursor:pointer;transition:all .2s;text-decoration:none;color:inherit;display:block;position:relative;overflow:hidden}
.form-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.form-card.adv::before{background:var(--bl)}
.form-card.exp::before{background:var(--gr)}
.form-card:hover{border-color:var(--bds);box-shadow:0 4px 16px rgba(0,0,0,.08);transform:translateY(-2px)}
.fc-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}
.fc-icon{width:44px;height:44px;border-radius:var(--rl);display:flex;align-items:center;justify-content:center;font-size:22px}
.fc-icon.adv{background:var(--bll)}
.fc-icon.exp{background:var(--grl)}
.fc-badge{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}
.fc-badge.adv{background:var(--bll);color:var(--bl)}
.fc-badge.exp{background:var(--grl);color:var(--gr)}
.fc-title{font-size:17px;font-weight:600;color:var(--t);margin-bottom:6px}
.fc-desc{font-size:13px;color:var(--t2);line-height:1.6;margin-bottom:1.25rem}
.fc-steps{display:flex;flex-direction:column;gap:5px;margin-bottom:1.25rem}
.fc-step{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--t3)}
.step-dot{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;flex-shrink:0}
.step-dot.adv{background:var(--bll);color:var(--bl)}
.step-dot.exp{background:var(--grl);color:var(--gr)}
.fc-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;border-radius:var(--r);font-size:13px;font-weight:600;border:none;cursor:pointer;font-family:'IBM Plex Sans Thai',sans-serif;transition:all .15s}
.fc-btn.adv{background:var(--bl);color:#fff}
.fc-btn.adv:hover{background:#1540B0}
.fc-btn.exp{background:var(--gr);color:#fff}
.fc-btn.exp:hover{background:var(--grd)}

/* ===== NOTICE BANNER ===== */
.notice-banner{background:var(--rel);border:1px solid #F5A8A0;border-radius:var(--rl);padding:10px 16px;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--re)}
.notice-banner .nb-icon{font-size:16px;flex-shrink:0;margin-top:1px}
.notice-banner .nb-text strong{font-weight:600}

/* ===== STATS ===== */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:2rem}
.stat{background:var(--sur);border:1px solid var(--bd);border-radius:var(--rl);padding:1rem 1.25rem}
.stat .lbl{font-size:11px;color:var(--t3);margin-bottom:4px;font-weight:500}
.stat .val{font-size:22px;font-weight:600;color:var(--t);font-family:'IBM Plex Mono',monospace}
.stat .sub{font-size:11px;color:var(--t3);margin-top:2px}
.stat.hl-am{border-left:3px solid var(--am)}
.stat.hl-gr{border-left:3px solid var(--gr)}
.stat.hl-re{border-left:3px solid var(--re)}
.stat.hl-bl{border-left:3px solid var(--bl)}

/* ===== REQUESTS TABLE ===== */
.requests-card{background:var(--sur);border:1px solid var(--bd);border-radius:var(--rxl);overflow:hidden;margin-bottom:2rem}
.rc-header{padding:1rem 1.5rem;border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between}
.rc-header h2{font-size:14px;font-weight:600;color:var(--t)}
.rc-tabs{display:flex;gap:4px}
.rc-tab{padding:5px 12px;font-size:12px;font-weight:500;border-radius:20px;cursor:pointer;border:none;background:transparent;color:var(--t3);font-family:'IBM Plex Sans Thai',sans-serif;transition:all .15s}
.rc-tab.active{background:var(--bg);color:var(--t);border:1px solid var(--bd)}
.req-row{display:flex;align-items:center;gap:12px;padding:12px 1.5rem;border-bottom:1px solid var(--bd);transition:background .1s;cursor:pointer}
.req-row:last-child{border-bottom:none}
.req-row:hover{background:var(--bg)}
.req-type-icon{width:36px;height:36px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.req-type-icon.adv{background:var(--bll)}
.req-type-icon.exp{background:var(--grl)}
.req-info{flex:1;min-width:0}
.req-docno{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:500;color:var(--t)}
.req-name{font-size:13px;color:var(--t);font-weight:500;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.req-meta{font-size:11px;color:var(--t3)}
.req-amt{font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:500;color:var(--t);white-space:nowrap;text-align:right;min-width:80px}
.req-amt-sub{font-size:11px;color:var(--t3);text-align:right}
.pill{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}
.pill-pending{background:#FEF3E2;color:var(--am)}
.pill-approved{background:var(--grl);color:var(--gr)}
.pill-rejected{background:var(--rel);color:var(--re)}
.pill-draft{background:var(--bg);color:var(--t3);border:1px solid var(--bd)}
.pill-cleared{background:#EBF0FD;color:var(--bl)}
.action-link{font-size:12px;font-weight:500;padding:5px 12px;border-radius:var(--r);border:1px solid var(--bd);background:var(--sur);color:var(--t2);cursor:pointer;font-family:'IBM Plex Sans Thai',sans-serif;text-decoration:none;display:inline-block;transition:all .15s}
.action-link:hover{background:var(--bg);color:var(--t)}
.action-link.warn{border-color:var(--re);color:var(--re);background:var(--rel)}
.action-link.warn:hover{background:var(--re);color:#fff}
.empty-state{padding:3rem 1.5rem;text-align:center}
.empty-state .eicon{font-size:36px;margin-bottom:12px;opacity:.4}
.empty-state p{font-size:13px;color:var(--t3)}

/* ===== DOCUMENT HEADER ===== */
.doc-hd{background:var(--sur);border:1px solid var(--bd);border-radius:var(--rl);padding:1.5rem;margin-bottom:1rem}
.doc-hd.exp{border-top:3px solid var(--gr)}
.hd-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--bd)}
.co{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--t3);margin-bottom:4px}
.ttl{font-size:22px;font-weight:600}
.sub{font-size:13px;color:var(--t2)}
.tbadge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}
.tbadge.adv{background:var(--bll);color:var(--bl)}
.tbadge.exp{background:var(--grl);color:var(--gr);border:1px solid #9BCFAD}
.mrow{display:flex;gap:12px;flex-wrap:wrap}
.mf{display:flex;flex-direction:column;gap:3px}
.mf label{font-size:11px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.06em}
.mf input{font-family:'IBM Plex Mono',monospace;font-size:13px;border:1px solid var(--bd);border-radius:var(--r);padding:5px 10px;background:var(--bg);color:var(--t);width:160px}
.mf input:focus{outline:none;border-color:var(--bl);background:var(--sur)}

/* ===== SECTION ===== */
.sec{background:var(--sur);border:1px solid var(--bd);border-radius:var(--rl);padding:1.25rem 1.5rem;margin-bottom:1rem}
.stit{font-size:11px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;display:flex;align-items:center;gap:10px}
.stit::after{content:'';flex:1;height:1px;background:var(--bd)}
.sdesc{font-size:12px;color:var(--t3);margin-bottom:12px;font-style:italic}
.g4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px}
.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:12px}

/* ===== FORM FIELDS ===== */
.f{display:flex;flex-direction:column;gap:4px}
.f label{font-size:12px;font-weight:500;color:var(--t2)}
.f input,.f select,.f textarea{font-family:'IBM Plex Sans Thai',sans-serif;font-size:13px;border:1px solid var(--bd);border-radius:var(--r);padding:8px 10px;background:var(--bg);color:var(--t);transition:border-color .15s,background .15s}
.f input:focus,.f select:focus,.f textarea:focus{outline:none;border-color:var(--bl);background:var(--sur)}
.f textarea{resize:vertical;min-height:72px;line-height:1.7}
.req{color:var(--re)}
.ro{background:var(--bg)!important;color:var(--t2)!important;cursor:default!important}

/* ===== ITEMS TABLE ===== */
.twrap{border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;margin-top:4px}
.thead{display:grid;gap:0;background:var(--bg);border-bottom:1px solid var(--bd)}
.thead span{font-size:11px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.05em;padding:8px 8px}
.est-hd{grid-template-columns:32px 1fr 120px 60px 100px 100px 36px}
.clr-hd{grid-template-columns:32px 1fr 120px 90px 90px 1fr 36px}
.exp-hd{grid-template-columns:32px 1fr 140px 60px 100px 100px 36px}
.icard{border-bottom:1px solid var(--bd)}
.icard:last-child{border-bottom:none}
.irow{display:grid;gap:0;align-items:center;padding:5px 0}
.irow.est-row{grid-template-columns:32px 1fr 120px 60px 100px 100px 36px}
.irow.clr-row{grid-template-columns:32px 1fr 120px 90px 90px auto 36px}
.irow.exp-row{grid-template-columns:32px 1fr 140px 60px 100px 100px 36px}
.irow input,.irow select{font-family:'IBM Plex Sans Thai',sans-serif;font-size:12px;border:1px solid transparent;border-radius:6px;padding:6px 7px;background:transparent;color:var(--t);width:calc(100% - 8px);margin:0 4px}
.irow input:hover,.irow select:hover{border-color:var(--bd);background:var(--sur)}
.irow input:focus,.irow select:focus{outline:none;border-color:var(--bl);background:var(--sur)}
.irow .ra{background:var(--bg)!important;color:var(--t2);font-family:'IBM Plex Mono',monospace;font-size:12px}
.irow .ra:hover{border-color:transparent!important;background:var(--bg)!important}
.inum{text-align:center;font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--t3);font-weight:500}
.del{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;cursor:pointer;color:var(--t3);border-radius:6px;margin:0 4px;font-size:18px;transition:all .15s}
.del:hover{background:var(--rel);color:var(--re)}

/* ===== ADD BUTTON ===== */
.addbtn{display:flex;align-items:center;gap:6px;padding:10px 14px;font-size:13px;color:var(--t2);cursor:pointer;border:none;background:none;width:100%;font-family:'IBM Plex Sans Thai',sans-serif;border-top:1px solid var(--bd);transition:all .15s}
.addbtn:hover{background:var(--bll);color:var(--bl)}
.addbtn.extra{background:var(--aml);color:var(--am)}
.addbtn.extra:hover{background:var(--am);color:#fff}

/* ===== ATTACHMENTS ===== */
.iattach{padding:5px 8px 10px 40px;background:#FAFAF9;border-top:1px dashed var(--bd);display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}
.iattach.exp-attach{padding:8px 8px 10px 40px;background:#F8FAF7;border-top:1px dashed var(--bd);flex-direction:column}
.albl{font-size:11px;color:var(--t3);white-space:nowrap;font-weight:500;margin-top:5px}
.abtn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px dashed var(--bds);border-radius:20px;font-size:12px;color:var(--t2);cursor:pointer;background:var(--sur);font-family:'IBM Plex Sans Thai',sans-serif;transition:all .15s;white-space:nowrap;margin-top:2px}
.abtn:hover{border-color:var(--bl);color:var(--bl);background:var(--bll)}
.abtn.ok{border-style:solid;border-color:var(--gr);background:var(--grl);color:var(--gr);font-weight:500}
.ftags{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}
.ftag{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:20px;font-size:11px;background:var(--grl);border:1px solid #86EFAC;color:var(--gr)}
.ftag button{border:none;background:none;cursor:pointer;color:var(--gr);padding:0;font-size:12px;margin-left:2px;line-height:1}
.ftag button:hover{color:var(--re)}
.extra-badge{display:inline-block;padding:1px 7px;border-radius:20px;font-size:10px;font-weight:600;background:var(--aml);color:var(--am);margin-left:6px;vertical-align:middle}

/* ===== FILE LIST ===== */
.file-list-adv{display:flex;flex-direction:column;gap:5px;margin-top:4px;width:100%}
.fadv-entry{display:flex;align-items:center;gap:8px;padding:4px 8px;background:var(--sur);border:1px solid var(--bd);border-radius:6px;flex-wrap:wrap}
.fadv-name{font-size:12px;color:var(--t);flex:1;min-width:100px;display:flex;align-items:center;gap:4px}
.fadv-sel{font-family:'IBM Plex Sans Thai',sans-serif;font-size:12px;border:1px solid var(--bd);border-radius:6px;padding:3px 7px;background:var(--bg);color:var(--t);min-width:180px;cursor:pointer}
.fadv-sel:focus{outline:none;border-color:var(--gr)}
.fadv-sel.typed{border-color:var(--gr);background:var(--grl);color:var(--gr);font-weight:500}
.fadv-rm{border:none;background:none;cursor:pointer;color:var(--t3);font-size:16px;padding:0 3px}
.fadv-rm:hover{color:var(--re)}
.file-list{display:flex;flex-direction:column;gap:6px}
.file-entry{display:flex;align-items:center;gap:8px;padding:5px 8px;background:var(--sur);border:1px solid var(--bd);border-radius:var(--r);flex-wrap:wrap}
.file-entry .fname{font-size:12px;color:var(--t);flex:1;min-width:120px;display:flex;align-items:center;gap:5px}
.file-entry .doc-type-sel{font-family:'IBM Plex Sans Thai',sans-serif;font-size:12px;border:1px solid var(--bd);border-radius:6px;padding:4px 8px;background:var(--bg);color:var(--t);cursor:pointer;min-width:180px}
.file-entry .doc-type-sel:focus{outline:none;border-color:var(--gr);background:var(--sur)}
.file-entry .doc-type-sel.selected{border-color:var(--gr);background:var(--grl);color:var(--gr);font-weight:500}
.file-entry .rm-file{border:none;background:none;cursor:pointer;color:var(--t3);font-size:16px;padding:0 4px;transition:color .15s;flex-shrink:0}
.file-entry .rm-file:hover{color:var(--re)}
.no-files{font-size:12px;color:var(--t3);font-style:italic;padding:4px 0}
.attach-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.add-file-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border:1px dashed var(--bds);border-radius:20px;font-size:12px;color:var(--t2);cursor:pointer;background:var(--sur);font-family:'IBM Plex Sans Thai',sans-serif;transition:all .15s}
.add-file-btn:hover{border-color:var(--gr);color:var(--gr);background:var(--grl)}

/* ===== SUMMARY BOX ===== */
.sbox{background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);padding:1rem 1.25rem;margin-top:12px}
.srow{display:flex;justify-content:space-between;font-size:13px;padding:4px 0}
.srow .lbl{color:var(--t2)}
.srow.tot{border-top:1px solid var(--bds);margin-top:8px;padding-top:10px;font-size:15px;font-weight:600}
.dp{color:var(--gr);font-weight:600}
.dn{color:var(--re);font-weight:600}
.bw{font-size:12px;color:var(--t3);text-align:right;margin-top:6px;font-style:italic}

/* ===== COMPARE BOX ===== */
.cbox{background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);padding:1rem 1.25rem;margin-top:12px}
.ctit{font-size:11px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.crow{display:flex;justify-content:space-between;font-size:13px;padding:4px 0;align-items:center}
.crow .lbl{color:var(--t2)}
.crow.final{border-top:1px solid var(--bds);margin-top:8px;padding-top:10px;font-size:16px;font-weight:600}
.tag-e{padding:2px 8px;border-radius:20px;font-size:10px;font-weight:600;background:var(--bll);color:var(--bl);margin-left:6px}
.tag-a{padding:2px 8px;border-radius:20px;font-size:10px;font-weight:600;background:var(--aml);color:var(--am);margin-left:6px}

/* ===== ATTACH SUMMARY ===== */
.asumm{margin-top:12px;border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden}
.ashd{padding:9px 14px;background:var(--bg);border-bottom:1px solid var(--bd);font-size:12px;font-weight:600;color:var(--t2);display:flex;justify-content:space-between;align-items:center}
.asrow{display:flex;align-items:flex-start;gap:10px;padding:9px 14px;border-bottom:1px solid var(--bd);font-size:12px}
.asrow:last-child{border-bottom:none}
.asn{width:24px;text-align:center;font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--t3);flex-shrink:0;padding-top:2px}
.asname{flex:1;color:var(--t2);font-weight:500}
.asfiles{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.asftag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:11px;background:var(--grl);border:1px solid #86EFAC;color:var(--gr)}
.as-ok{color:var(--gr);font-size:11px;font-weight:500}
.as-miss{color:var(--re);font-size:11px;font-weight:500}
.cok{background:var(--grl);color:var(--gr);padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600}
.cmiss{background:var(--rel);color:var(--re);padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600}

/* ===== DOWNLOAD BUTTON ===== */
.dl-btn{display:none;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--r);font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--gr);background:var(--grl);color:var(--gr);font-family:'IBM Plex Sans Thai',sans-serif;transition:all .15s;margin-top:10px}
.dl-btn:hover{background:var(--gr);color:#fff}

/* ===== TAX BOX ===== */
.taxbox{background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);padding:1rem 1.5rem;margin-top:12px}
.txrow{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:5px 0}
.txrow .lbl{color:var(--t2)}
.txrow.tot{border-top:1px solid var(--bds);margin-top:8px;padding-top:12px;font-size:16px;font-weight:600}
.wht-sel{font-size:12px;border:1px solid var(--bd);border-radius:6px;padding:3px 8px;background:var(--sur);color:var(--t2);font-family:'IBM Plex Sans Thai',sans-serif;cursor:pointer}

/* ===== PAYMENT OPTIONS ===== */
.popts{display:flex;flex-direction:column;gap:8px}
.popt{border:1px solid var(--bd);border-radius:var(--rl);padding:12px 14px;cursor:pointer;transition:border-color .15s}
.popt.sel{border-color:var(--bl);border-width:2px}
.poph{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}
.poph input[type=radio]{accent-color:var(--bl);width:15px;height:15px}
.ag{display:none;margin-top:10px}
.ag.show{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}

/* ===== APPROVAL SECTION ===== */
.apg{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.apc{border:1px solid var(--bd);border-radius:var(--rl);padding:1rem}
.apc .role{font-size:11px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.siga{height:52px;border:1px dashed var(--bds);border-radius:var(--r);display:flex;align-items:center;justify-content:center;margin-bottom:10px;background:var(--bg)}
.siga span{font-size:11px;color:var(--t3)}

/* ===== ACCOUNTING SECTION ===== */
.accsec{background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);padding:1rem 1.25rem}
.bank-card{background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);padding:1rem 1.25rem}

/* ===== ACTIONS ===== */
.acts{display:flex;gap:10px;justify-content:flex-end;padding:1.5rem 0 0;margin-top:1rem;border-top:1px solid var(--bd)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--r);font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--bd);background:var(--sur);color:var(--t);font-family:'IBM Plex Sans Thai',sans-serif;transition:all .15s}
.btn:hover{background:var(--bg)}
.btn-pr{background:var(--bl);border-color:var(--bl);color:#fff}
.btn-pr:hover{background:#1540B0;border-color:#1540B0}
.btn-pr.exp-btn{background:var(--gr);border-color:var(--gr)}
.btn-pr.exp-btn:hover{background:var(--grd);border-color:var(--grd)}
.nt{font-size:11px;color:var(--t3);margin-top:1.5rem;line-height:1.8;border-top:1px solid var(--bd);padding-top:12px}

/* ===== SUCCESS BANNER ===== */
.succ{display:none;align-items:center;gap:12px;background:var(--grl);border:1px solid #86EFAC;border-radius:var(--rl);padding:14px 20px;margin-top:1rem}
.succ .ic{font-size:24px;color:var(--gr)}
.succ p{font-size:14px;font-weight:600;color:var(--gr)}
.succ small{font-size:12px;color:#2D6A4F;display:block}

/* ===== VALIDATION ERROR ===== */
.val-err{background:var(--rel);border:1px solid #F5A8A0;border-radius:var(--rl);padding:12px 16px;margin-top:12px;font-size:13px;color:var(--re);white-space:pre-line;line-height:1.7}

/* ===== INSURANCE NOTE ===== */
.ins-note{display:none;align-items:center;gap:8px;padding:8px 12px;background:#FEF3E2;border:1px solid #E5BC7A;border-radius:var(--r);font-size:12px;color:var(--am);margin:4px 8px 8px 40px;line-height:1.6}
.ins-note i{font-size:16px;flex-shrink:0}

/* ===== FOOTER ===== */
.footer{text-align:center;font-size:11px;color:var(--t3);padding:2rem 0 1rem;border-top:1px solid var(--bd);margin-top:2rem}

/* ===== RESPONSIVE ===== */
@media(max-width:640px){
  .form-cards{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}
  .topbar{padding:0 1rem}
  .main,.page{padding:1.25rem 1rem 3rem}
  .g4{grid-template-columns:1fr 1fr}
  .g3{grid-template-columns:1fr}
  .apg{grid-template-columns:1fr}
  .est-hd,.irow.est-row,.clr-hd,.irow.clr-row,.exp-hd,.irow.exp-row{grid-template-columns:32px 1fr;gap:4px}
  .est-hd span:nth-child(n+3),.clr-hd span:nth-child(n+3),.exp-hd span:nth-child(n+3){display:none}
  .iattach{padding-left:8px}
}