:root{--bg:#edf1f8;--ink:#1a2235;--sub:#5a6a82;--border:#ccd4e2;--nav:#0d1422;--nav2:#121e36;--accent:#2f50d6;--accent2:#ebeffd;--ok:#177c52;--ok2:#e5f6ed;--warn:#8a5300;--warn2:#fff3d8;--red:#b52121;--red2:#fce9e9;--purple:#5040c8;--orange:#c86400;--teal:#2e5e4e;--teal2:#eaf6f0;--shadow:0 4px 22px rgba(10,20,50,.10);--r:10px;--col-hdr:#2e5e4e;--col-data:#eaf6f0}
*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font:13.5px/1.55 -apple-system,Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}a{color:var(--accent);text-decoration:none}.mono{font-family:ui-monospace,Consolas,Menlo,monospace}.muted{color:var(--sub)}.right,.num{text-align:right!important}.left{text-align:left!important}.nowrap{white-space:nowrap}.sep{border:0;border-top:1px solid var(--border);margin:12px 0}
.topbar{height:50px;background:linear-gradient(90deg,var(--nav),var(--nav2));display:flex;align-items:center;padding:0 16px;position:sticky;top:0;z-index:300;box-shadow:0 2px 12px rgba(0,0,0,.35)}.brand{font-size:14px;font-weight:900;color:#fff;margin-right:12px;white-space:nowrap;display:flex;align-items:center;gap:8px}.brand em{color:#7ba4ff;font-style:normal}.brand-mark{display:flex}.mod-nav{display:flex;align-items:stretch;flex:1;height:50px;overflow-x:auto}.mnav{display:flex;align-items:center;padding:0 12px;font-size:12px;font-weight:800;color:#8fa3c8;border-bottom:3px solid transparent;white-space:nowrap}.mnav:hover{color:#c8d8f0}.mnav.active{color:#fff;border-color:#5c84ff}.mnav.locked{opacity:.38;pointer-events:none}.user-area{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0}.user-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;color:#dfe9ff;background:rgba(255,255,255,.08);border-radius:999px;font-size:12px;font-weight:700}.logout-form{margin:0}.btn-logout{border:1px solid rgba(255,255,255,.18);background:#fff;color:#9aa6bb;border-radius:7px;padding:6px 11px;font-weight:750;cursor:pointer}.btn-logout:hover{color:var(--accent)}
.subnav{height:39px;background:#1a2538;border-bottom:1px solid #2a3550;display:flex;padding:0 20px;gap:2px;overflow-x:auto;position:sticky;top:50px;z-index:260}.snav{padding:9px 14px;font-size:12px;font-weight:800;color:#7a90b0;border-bottom:3px solid transparent;white-space:nowrap}.snav.active{color:#9ec6ff;border-color:#5c84ff}.snav:hover{color:#c8d8f0}
.page{padding:14px 20px;max-width:1680px;margin:0 auto}.mhd{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px;flex-wrap:wrap}.mhd h2{font-size:20px;font-weight:900;margin:0}.mhd p{font-size:12px;color:var(--sub);margin:2px 0 0}.tl-end{margin-left:auto;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.cp{background:#fff;border:1px solid #bcc8db;border-radius:var(--r);box-shadow:var(--shadow);min-height:340px}.toolbar{display:flex;gap:7px;align-items:center;padding:10px 13px;border-bottom:1px solid var(--border);flex-wrap:wrap}.search{height:32px;border:1px solid var(--border);border-radius:7px;padding:0 11px;min-width:230px;font-size:13px}.search:focus{outline:none;border-color:var(--accent)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--border);background:#fff;color:var(--ink);border-radius:7px;padding:6px 11px;font-size:12px;font-weight:750;cursor:pointer;white-space:nowrap;transition:all .11s;line-height:1.2}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:#2040b0;color:#fff}.btn.success{background:var(--ok);border-color:var(--ok);color:#fff}.btn.danger{background:var(--red);border-color:var(--red);color:#fff}.btn.warn-btn,.btn.warn{background:#fff4db;border-color:#e0b84a;color:#7a5200}.btn.teal-btn{background:var(--teal);border-color:var(--teal);color:#fff}.btn.ghost{background:#fff;border-color:var(--border)}.btn.sm{padding:5px 9px;font-size:11.5px}.btn.xs{padding:3px 7px;font-size:11px;border-radius:5px}.btn:disabled,.btn.dis{opacity:.42;pointer-events:none}
.tbl-wrap{overflow-x:auto;background:#fff;border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow)}table.lt,table.data{border-collapse:collapse;width:100%;min-width:800px}table.lt th,table.data th{background:var(--teal);color:#fff;font-size:11px;font-weight:800;padding:8px 9px;border-bottom:2px solid #1e4030;white-space:nowrap;text-align:left}table.lt td,table.data td{padding:7px 9px;border-bottom:1px solid #eef0f6;vertical-align:middle;font-size:12.5px}table.lt tbody tr:nth-child(odd) td,table.data tbody tr:nth-child(odd) td{background:#fbfefd}table.lt tbody tr:nth-child(even) td,table.data tbody tr:nth-child(even) td{background:#eef8f3}table.lt tr:hover td,table.data tr:hover td{background:#dff2e8!important}.agg-cell{white-space:nowrap;font-size:11.5px}
table.mlt{border-collapse:collapse;width:max-content;min-width:100%}table.mlt th{background:var(--col-hdr);color:#fff;font-size:11px;font-weight:700;padding:8px 10px;white-space:nowrap;border:1px solid #1e4030;position:sticky;top:0;z-index:20;text-align:left}table.mlt td{background:var(--col-data);border:1px solid #b8d8c8;padding:6px 8px;font-size:12px;white-space:nowrap}table.mlt tr:nth-child(even) td{background:#e2f2ea}table.mlt tr:hover td{background:#d4ecde}.mlt-wrap{overflow:auto;max-height:calc(100vh - 220px)}.mlt-ga td{background:#eaf6f0!important}.mlt-gb td{background:#d4ecde!important}
.pill{display:inline-block;font-size:10.5px;font-weight:800;border-radius:999px;padding:3px 8px;white-space:nowrap}.status-cell{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.urgent-status{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#d60000;color:#fff;font-size:12px;font-weight:1000;border:2px solid #fff;box-shadow:0 0 0 1px #d60000,0 2px 6px rgba(214,0,0,.35);line-height:1;vertical-align:middle}.urgent-status:before{content:'!'}.p-creating{background:var(--ok);color:#fff}.p-requested{background:var(--orange);color:#fff}.p-lconfirmed{background:#1a6080;color:#fff}.p-waitapproval,.p-bchecking{background:#2a4f88;color:#fff}.p-waitpay{background:var(--accent);color:#fff}.p-paid{background:#234a34;color:#d4f5e4}.p-rejected{background:var(--red);color:#fff;font-weight:900}.p-cancelled{background:#555;color:#eee}.due-date-cell{display:inline-flex;align-items:baseline;justify-content:center;gap:4px;line-height:1.2;white-space:nowrap}.due-badge{display:inline-block;border-radius:999px;padding:1px 5px;font-size:9.5px;font-weight:900;border:1px solid transparent;vertical-align:baseline}.due-normal{background:#eef5ff;color:#255aa8;border-color:#c8dcff}.due-blue{background:#dbeaff;color:#184f9a;border-color:#a9c8ff}.due-orange{background:#fff0d6;color:#a05a00;border-color:#f0bd70}.due-red{background:#fde5e5;color:#b52121;border-color:#ec9c9c}.due-paid{background:#e2f6ea;color:#177c52;border-color:#9fd8b8}
.callout{border-left:4px solid var(--accent);background:var(--accent2);padding:9px 12px;border-radius:0 8px 8px 0;font-size:13px;color:#1a2e7a;margin:7px 0}.callout.warn{border-color:#e0a000;background:var(--warn2);color:#7a4e00}.callout.danger{border-color:var(--red);background:var(--red2);color:#7c1a1a}.callout.ok{border-color:var(--ok);background:var(--ok2);color:#0f5038}.callout.teal{border-color:var(--teal);background:var(--teal2);color:var(--teal)}
.modal{display:none;position:fixed;inset:0;background:rgba(6,12,30,.72);z-index:500;align-items:center;justify-content:center;padding:10px}.modal.open{display:flex}.modal.overlay-top{z-index:980}.modal.overlay-top.open{display:flex}.mbox{background:#fff;border-radius:13px;box-shadow:0 28px 90px rgba(0,0,0,.32);flex-shrink:0}.mbox.full{width:98vw;height:95vh;display:flex;flex-direction:column;border-radius:10px}.mbox.lg{width:min(1300px,94vw)}.mbox.md{width:min(960px,92vw)}.mbox.sm{width:min(740px,92vw)}.mhead{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid var(--border);background:#fff;border-radius:inherit;flex-shrink:0}.mhead h3{font-size:16px;font-weight:900;margin:0}.mhead-actions{display:flex;align-items:center;gap:7px}.mclose{background:#eef1f6;border:none;width:28px;height:28px;border-radius:50%;font-size:18px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.mbody{padding:16px 18px;overflow-y:auto;flex:1;min-height:0}.mbody-fs{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.mfoot{display:flex;justify-content:flex-end;gap:7px;padding:10px 16px;border-top:1px solid var(--border);background:#fafbfe;border-radius:0 0 10px 10px;flex-shrink:0;flex-wrap:wrap}.detail-box{width:98vw;height:95vh;display:flex;flex-direction:column;border-radius:10px}.detail-header-title{display:flex;align-items:center;gap:7px;min-width:0}.detail-header-title .status-cell{font-size:12px}.detail-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.mc-wrap{flex-shrink:0;background:#fffaf5;border-bottom:2px solid var(--border);padding:6px 14px}.mc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px 10px}.mc-sep{grid-column:1/-1;border:none;border-top:1px solid #e8d8c8;margin:0}.mc-f{display:flex;flex-direction:column;gap:1px;min-width:0}.mc-f.span2{grid-column:span 2}.mc-l{font-size:10px;font-weight:900;color:var(--sub);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.mc-v{font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-v input,.mc-v select{width:100%;border:1px solid var(--border);border-radius:4px;padding:3px 7px;font-size:13px;background:#fff}.mc-v input[readonly]{background:#f4f6fa;color:var(--sub)}.mc-name{font-weight:900}.mc-date{display:inline;font-size:11px;font-weight:700;color:#5b6b82;margin-left:4px;white-space:nowrap}.mc-note{display:block;font-size:10.8px;font-weight:600;color:#7a6b52;margin-top:1px;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mc-amount{color:var(--ok);font-weight:900}.bank-btn{float:none;display:inline-flex;align-items:center;justify-content:center;margin:0 0 0 8px;border:1px solid #2f50d6;border-radius:999px;background:#eaf0ff;color:#173fbd;padding:2px 9px;font-size:11px;font-weight:900;line-height:1.2;cursor:pointer;vertical-align:middle;box-shadow:0 1px 3px rgba(47,80,214,.18)}.bank-btn:hover{background:#2f50d6;border-color:#2f50d6;color:#fff}.ia-tbl th{color:#15345a}.ia-tbl td{color:#061936;font-weight:650}
.proc-wrap{flex-shrink:0;background:#f7fbff;border-bottom:1px solid var(--border);padding:8px 16px}.proc-title{font-size:11px;font-weight:900;color:var(--sub);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.proc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.proc-card{border:1px solid #d8e2f0;background:#fff;border-radius:8px;padding:7px 9px;min-width:0}.proc-label{font-size:10px;font-weight:900;color:#50627e;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap}.proc-main{font-size:12.5px;font-weight:850;color:#11203a;line-height:1.35;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proc-date{font-weight:700;color:#50627e}.proc-note{font-size:11px;color:#6b778d;margin-top:3px;line-height:1.35;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fs-detail{flex:1;min-height:0;display:flex;flex-direction:column}.fs-titlebar{flex-shrink:0;background:var(--teal);color:#fff;padding:5px 10px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.02em}.fs-dtbar{flex-shrink:0;display:flex;gap:6px;align-items:center;padding:7px 12px;background:#f8f9fd;border-bottom:1px solid var(--border);flex-wrap:wrap}.fs-dtscroll{flex:1;min-height:0;overflow:auto}.fs-dtscroll.edit-scroll{max-height:calc(100vh - 340px)}table.dtbl{border-collapse:collapse;width:max-content;min-width:100%}table.dtbl th{background:var(--teal);color:#fff;font-size:11px;font-weight:700;padding:7px 8px;white-space:nowrap;text-align:center;border:1px solid #1a6444;position:sticky;top:0;z-index:20}table.dtbl td{background:#f0faf5;border:1px solid #b8d8c8;padding:5px 6px;font-size:12px;text-align:center;vertical-align:middle}table.dtbl td input,table.dtbl td select{width:100%;border:1px solid #c0d8c8;border-radius:3px;padding:3px 5px;font-size:12px;background:#fff}table.dtbl td textarea{width:100%;border:1px solid #c0d8c8;border-radius:3px;padding:3px 5px;font-size:12px;background:#fff;resize:vertical;min-height:46px;white-space:pre-wrap}table.dtbl td.desc-td{text-align:left;white-space:pre-line;min-width:240px;max-width:360px}table.dtbl tr.total-row td{background:#c8e8d8;font-weight:900}table.dtbl th:nth-child(1),table.dtbl td:nth-child(1){position:sticky;left:0;z-index:15;min-width:96px;box-shadow:2px 0 4px rgba(0,0,0,.07)}table.dtbl th:nth-child(1){z-index:25}table.dtbl th:nth-child(2),table.dtbl td:nth-child(2){position:sticky;left:96px;z-index:14;min-width:42px}table.dtbl th:nth-child(2){z-index:24}table.dtbl th:nth-child(3),table.dtbl td:nth-child(3){position:sticky;left:138px;z-index:13;min-width:115px;box-shadow:2px 0 3px rgba(0,0,0,.05)}table.dtbl th:nth-child(3){z-index:23}table.dtbl td:nth-child(1){background:#e6f5ee}table.dtbl td:nth-child(3){background:#eaf6f2}.inv-att-btn{display:inline-flex;align-items:center;gap:2px;font-size:11px;cursor:pointer;padding:2px 6px;border-radius:5px;background:#f0edf8;color:var(--purple);font-weight:800;border:1px solid #c8c0e8;white-space:nowrap}.inv-att-btn:hover{background:var(--purple);color:#fff}.ia-tbl{width:100%;border-collapse:collapse;font-size:12px}.ia-tbl th{background:#f4f6fb;color:var(--sub);font-size:10.5px;font-weight:800;padding:5px 9px;border-bottom:1px solid var(--border);text-align:left;text-transform:uppercase}.ia-tbl td{padding:6px 9px;border-bottom:1px solid #eef0f6;vertical-align:middle}.ia-upload{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:8px 0 0;border-top:1px solid var(--border);margin-top:8px}.ia-upload select,.ia-upload input[type=text]{border:1px solid var(--border);border-radius:6px;padding:5px 9px;font-size:12px;min-width:130px}.file-lbl{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border);background:#fff;border-radius:6px;padding:4px 9px;font-size:11.5px;font-weight:750;cursor:pointer}.file-lbl:hover{border-color:var(--accent);color:var(--accent)}.file-lbl input[type=file]{display:none}.sfn{font-size:11.5px;color:var(--sub);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pay-att-wrap{flex-shrink:0;padding:8px 16px;border-top:2px solid #e0a000;background:#fffcf0;max-height:200px;overflow-y:auto}.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.field label{display:block;font-size:11px;font-weight:800;color:var(--sub);text-transform:uppercase;letter-spacing:.03em;margin-bottom:3px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:7px;padding:7px 9px;font-size:13px}.field.full{grid-column:1/-1}
.date-field{position:relative;display:inline-flex;align-items:center;width:100%;min-width:112px;overflow:visible}.date-field input[type=text]{width:100%;padding-right:24px!important;font-family:ui-monospace,Consolas,monospace}.date-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:18px;height:18px;border:1px solid #c8d2e3;background:#f8fbff;border-radius:4px;cursor:pointer;font-size:10px;line-height:1;display:flex;align-items:center;justify-content:center;color:#2450a8;padding:0}.date-btn:hover{background:#e8f0ff;border-color:#7ea4ff}.cal-pop{position:fixed;width:252px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 16px 38px rgba(0,0,0,.22);z-index:9999;padding:9px;font-size:12px;color:var(--ink)}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:6px}.cal-title{font-weight:900;font-size:13px;color:#13213a;text-align:center;flex:1;white-space:nowrap}.cal-nav{width:28px;height:26px;border:1px solid var(--border);background:#f7f9fd;border-radius:6px;cursor:pointer;font-weight:900;color:#3d506e}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.cal-dow{font-size:10px;font-weight:900;color:#60708c;text-transform:uppercase;padding:4px 0}.cal-day{border:1px solid transparent;background:#fff;border-radius:6px;min-height:28px;cursor:pointer;font-weight:700;color:#14213a}.cal-day:hover{border-color:#8dadff;background:#eef4ff;color:#1d4ed8}.cal-day.muted{color:#a2adbf;background:#fafbfe}.cal-day.today{border-color:#5c84ff}.cal-day.selected{background:var(--accent);border-color:var(--accent);color:#fff}.cal-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px;border-top:1px solid #eef0f6;padding-top:7px}.cal-foot button{border:none;background:transparent;color:var(--accent);font-weight:800;cursor:pointer;font-size:12px;padding:3px 4px}
.ml-search-wrap{position:relative;display:inline-flex;align-items:center}.ml-suggest-box{display:none;position:absolute;left:0;top:36px;min-width:300px;max-width:520px;max-height:220px;overflow:auto;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 22px rgba(0,0,0,.18);z-index:280;padding:4px}.ml-suggest-box.show{display:block}.ml-suggest-item{padding:6px 9px;font-size:12px;font-weight:650;border-radius:6px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.ml-suggest-item:hover{background:var(--accent2);color:var(--accent)}.pay-summary{background:#f4fbf7;border:1px solid #b8d8c8;border-radius:8px;padding:10px 14px;font-size:13px}.pay-summary .ps-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;border-bottom:1px solid #d4ecde}.pay-summary .ps-row:last-child{border-bottom:none;font-weight:900;font-size:14px;color:var(--ok)}.toast{position:fixed;right:18px;bottom:18px;background:#0f1728;color:#fff;padding:10px 16px;border-radius:10px;font-size:13px;box-shadow:0 8px 24px rgba(0,0,0,.3);display:none;z-index:9999;max-width:360px}.toast.show{display:block}.toast.err{background:#8f1d1d}
.bepreview-stage{background:#707887;padding:20px;overflow:auto;align-items:center}.bep-preview-page{background:#fff;width:794px;min-height:1123px;margin:0 auto;padding:18px 22px;box-shadow:0 12px 36px rgba(0,0,0,.28);font-family:Arial,sans-serif;color:#000;font-size:10.2px;line-height:1.25}.bep-sheet{background:#fff;border:2px solid #222;width:100%;min-height:100%;font-family:Arial,sans-serif;color:#000}.bep-sheet *{box-sizing:border-box}.bep-hdr{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:2px solid #222}.bep-logo{display:flex;gap:12px;align-items:center}.bep-title{font-size:19px;font-weight:900;letter-spacing:.06em}.bep-sub{font-size:11px;font-weight:800;color:#444}.bep-ref{text-align:right;font-size:10.5px;line-height:1.6}.bep-section{border-bottom:1.4px solid #222;padding:0 12px 8px}.bep-section-title{font-weight:900;font-size:12px;margin:6px 0}.bep-grid{display:grid;grid-template-columns:120px 1fr 125px 1fr;gap:3px 7px}.bep-lbl{font-weight:900}.bep-val{border-bottom:1px solid #bbb;min-height:14px;color:#002070;font-weight:700;word-break:break-word}.bep-val.red{color:#d60000}.bep-table{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:6px}.bep-table th,.bep-table td{border:1px solid #333;padding:4px 4px;font-size:9.2px;vertical-align:top;word-break:break-word}.bep-table th{text-align:center;font-weight:900}.bep-table .desc{text-align:left;white-space:pre-line}.bep-table .bep-items-col{text-align:center;word-break:keep-all;overflow-wrap:normal}.bep-table .bep-cancel-date-col{text-align:center;white-space:nowrap;word-break:normal;overflow-wrap:normal}.bep-total-row td{font-weight:900;background:#f4f4f4}.bep-grand{text-align:right;font-size:11.5px;font-weight:900;margin:5px 0 2px}.sig-grid{display:grid;grid-template-columns:76px 1fr 48px 1fr 88px 1fr 48px 1fr;gap:5px;align-items:end}.sig-grid b{white-space:nowrap}.sig-line{border-bottom:1px solid #888;text-align:center;color:#002070;font-weight:700;min-height:15px}.pdf-frame-body{background:#707887;padding:16px}.pdf-frame{width:100%;height:100%;border:0;background:#fff}
@media(max-width:1000px){.mc-grid{grid-template-columns:repeat(2,1fr)}.proc-grid{grid-template-columns:repeat(2,1fr)}.fgrid{grid-template-columns:1fr}.bep-preview-page{width:100%;min-width:760px}.page{padding:10px}}
@media print{
  @page{size:A4 portrait;margin:6mm}
  body.printing-bep,body.printing-detail{background:#fff!important;zoom:1!important}
  body.printing-bep>*:not(#modalBEP),body.printing-detail>*:not(#modalPdfPreview){display:none!important}
  body.printing-bep #modalBEP,body.printing-detail #modalPdfPreview{display:block!important;position:static!important;inset:auto!important;background:#fff!important;padding:0!important;overflow:visible!important}
  body.printing-bep #modalBEP .mbox,body.printing-detail #modalPdfPreview .mbox{display:block!important;width:100%!important;height:auto!important;box-shadow:none!important;border-radius:0!important;background:#fff!important}
  body.printing-bep #modalBEP .mhead,body.printing-bep #modalBEP .mfoot,body.printing-bep #modalBEP .mclose,body.printing-bep #modalBEP .btn,body.printing-detail #modalPdfPreview .mhead,body.printing-detail #modalPdfPreview .mfoot,body.printing-detail #modalPdfPreview .mclose,body.printing-detail #modalPdfPreview .btn{display:none!important}
  body.printing-bep #modalBEP .mbody-fs,body.printing-bep #modalBEP .bepreview-stage{display:block!important;background:#fff!important;padding:0!important;overflow:visible!important;height:auto!important;min-height:auto!important}
  body.printing-bep #modalBEP .bep-preview-page{display:block!important;box-shadow:none!important;margin:0 auto!important;width:198mm!important;min-height:auto!important;padding:0!important;background:#fff!important;font-size:9.2px!important;line-height:1.18!important;color:#000!important}
  body.printing-bep #modalBEP .bep-sheet{display:block!important;width:100%!important;min-height:auto!important;border:1.4px solid #222!important;background:#fff!important;color:#000!important}
  body.printing-bep #modalBEP .bep-hdr{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:8px 10px!important;border-bottom:1.4px solid #222!important}
  body.printing-bep #modalBEP .bep-logo{display:flex!important;align-items:center!important;gap:9px!important}
  body.printing-bep #modalBEP .bep-title{font-size:15px!important;font-weight:900!important;letter-spacing:.05em!important;color:#000!important}
  body.printing-bep #modalBEP .bep-sub{font-size:9px!important;font-weight:800!important;color:#111!important}
  body.printing-bep #modalBEP .bep-ref{display:block!important;text-align:right!important;font-size:8.5px!important;line-height:1.35!important;color:#000!important}
  body.printing-bep #modalBEP .bep-section{display:block!important;border-bottom:1.2px solid #222!important;padding:0 9px 5px!important;page-break-inside:avoid!important}
  body.printing-bep #modalBEP .bep-section-title{display:block!important;font-weight:900!important;font-size:10px!important;margin:4px 0 2px!important;color:#000!important}
  body.printing-bep #modalBEP .bep-grid{display:grid!important;grid-template-columns:90px 1fr 105px 1fr!important;gap:2px 6px!important;align-items:end!important}
  body.printing-bep #modalBEP .bep-lbl{display:block!important;font-weight:900!important;color:#000!important;font-size:8.6px!important;white-space:nowrap!important}
  body.printing-bep #modalBEP .bep-val{display:block!important;border-bottom:1px solid #bbb!important;min-height:11px!important;color:#002070!important;font-weight:700!important;font-size:8.5px!important;overflow-wrap:anywhere!important;word-break:normal!important}
  body.printing-bep #modalBEP .bep-val.red{color:#d60000!important}
  body.printing-bep #modalBEP .bep-table{display:table!important;width:100%!important;border-collapse:collapse!important;table-layout:fixed!important;margin-top:4px!important}
  body.printing-bep #modalBEP .bep-table thead{display:table-header-group!important}
  body.printing-bep #modalBEP .bep-table tbody{display:table-row-group!important}
  body.printing-bep #modalBEP .bep-table tr{display:table-row!important}
  body.printing-bep #modalBEP .bep-table th,body.printing-bep #modalBEP .bep-table td{display:table-cell!important;border:1px solid #333!important;padding:2px 3px!important;font-size:7.8px!important;line-height:1.15!important;vertical-align:top!important;color:#000!important;word-break:normal!important;overflow-wrap:anywhere!important}
  body.printing-bep #modalBEP .bep-table th{text-align:center!important;font-weight:900!important;background:#fff!important}
  body.printing-bep #modalBEP .bep-table .desc{white-space:pre-line!important;text-align:left!important}
  body.printing-bep #modalBEP .right{text-align:right!important}
  body.printing-bep #modalBEP .bep-total-row td{background:#f0f4f8!important;font-weight:900!important}
  body.printing-bep #modalBEP .bep-grand{display:block!important;text-align:right!important;font-size:9.5px!important;font-weight:900!important;margin:4px 0 1px!important;color:#000!important}
  body.printing-bep #modalBEP .sig-grid{display:grid!important;grid-template-columns:68px 138px 38px 95px 82px 138px 38px 95px!important;gap:3px!important;align-items:end!important;font-size:8.4px!important;color:#000!important}
  body.printing-bep #modalBEP .sig-line{display:block!important;border-bottom:1px solid #888!important;text-align:center!important;color:#002070!important;font-weight:700!important;min-height:12px!important}
}

/* v12 list alignment / beneficiary quick bank / deduction visibility */
table.lt td, table.lt th{white-space:nowrap;vertical-align:middle}
table.lt td.list-benef, table.mlt td.list-benef{max-width:230px;min-width:175px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.benef-short{display:inline-block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.bank-mini{display:inline-flex;align-items:center;justify-content:center;border:1px solid #365cf5;background:#edf2ff;color:#2442c2;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:900;line-height:1;cursor:pointer;white-space:nowrap;flex:0 0 auto;text-transform:uppercase}
.bank-mini:hover{background:#365cf5;color:#fff}
.ded-red{color:#b52121!important;font-weight:900!important;background:#fff3f3!important}
.final-green{color:#177c52!important;font-weight:900!important}
.deduction-total-row td{background:#fde7e7!important;color:#b52121!important;font-weight:900!important;border-top:1px solid #e3a8a8!important}
.final-total-row td{background:#d8f0e4!important;color:#0f6b46!important;font-weight:1000!important;border-top:2px solid #7fc19e!important}
.total-row td{font-weight:900!important}
.mono{white-space:nowrap}
table.lt td.right, table.mlt td.right{white-space:nowrap}
table.lt td .status-cell, table.mlt td .status-cell{white-space:nowrap}


/* v13: make quick Bank check badges smaller and less intrusive */
.bank-mini{
  padding:1px 5px!important;
  font-size:8.5px!important;
  line-height:1!important;
  min-height:14px!important;
  border-radius:999px!important;
  letter-spacing:.01em!important;
  transform:translateY(-1px);
}
.bank-btn{
  padding:1px 7px!important;
  font-size:10px!important;
  line-height:1.1!important;
  min-height:16px!important;
  border-radius:999px!important;
  box-shadow:none!important;
}
.benef-short{gap:4px!important;}

/* v19b: visible Create/Edit Beneficiary + New Bank UI */
.bank-new-inline-wrap{display:flex;align-items:center;gap:6px;width:100%}
.bank-new-inline-wrap input[list]{flex:1;min-width:0}
.bank-new-btn{border:1px solid #b9c8e8;background:#f4f8ff;color:#0b4a8f;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:900;cursor:pointer;white-space:nowrap;line-height:1.15}
.bank-new-btn:hover{background:#e8f1ff}
.bank-create-hint{font-size:11px;color:#6a7282;margin-top:4px;line-height:1.25}
.bank-create-hint.warn{color:#a65b00;font-weight:800}
.bank-new-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bank-new-modal-grid .full{grid-column:1/-1}
.bank-warn-line{display:block;margin-top:3px;color:#b42318;background:#fff1f0;border:1px solid #ffd0cc;border-radius:999px;padding:2px 7px;font-size:10.5px;font-weight:900;line-height:1.2;white-space:nowrap;width:max-content;max-width:100%}

/* v20b: Bank Update All visibility fix */
.bank-update-pending,.bank-update-pending-mini{background:#fff1f0!important;border-color:#ffccc7!important;color:#b42318!important}
.bank-update-box{margin-top:10px;border-color:#ffccc7!important;background:#fff7f6!important;color:#7a241e!important}
.bank-update-details{margin-top:12px;border:1px dashed #d9a441;background:#fffaf0;border-radius:10px;padding:8px}
.bank-update-details summary{cursor:pointer;font-size:12px;font-weight:900;color:#7a4b00}
.bank-update-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.bank-update-form label{display:flex;flex-direction:column;font-size:11px;font-weight:800;color:#52606d;gap:3px}
.bank-update-form label:nth-of-type(2),.bank-update-form label:nth-of-type(4),.bank-update-form label:nth-of-type(7){grid-column:1/-1}
.bank-update-form input,.bank-update-form textarea,.settings-bank-action input{border:1px solid var(--border);border-radius:7px;padding:6px 8px;background:#fff;font-size:12px}
.bank-update-form button{width:max-content}.danger-light{background:#fff1f0!important;border-color:#ffccc7!important;color:#7a241e!important}
.settings-bank-action{display:grid;gap:5px;margin:0 0 6px 0;min-width:180px}.bank-approval-table td{vertical-align:top;font-size:12px}

/* v20d: leader-visible Bank Update All request */
.bank-update-pending,.bank-update-pending-mini{background:#fff1f0!important;border-color:#ffccc7!important;color:#b42318!important}
.bank-update-box{margin-top:10px;border-color:#ffccc7!important;background:#fff7f6!important;color:#7a241e!important}
.bank-update-details{margin-top:12px;border:1px dashed #d9a441;background:#fffaf0;border-radius:10px;padding:8px}
.bank-update-details summary{cursor:pointer;font-size:12px;font-weight:900;color:#7a4b00}
.bank-update-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.bank-update-form label{display:flex;flex-direction:column;font-size:11px;font-weight:800;color:#52606d;gap:3px}
.bank-update-form label:nth-of-type(2),.bank-update-form label:nth-of-type(4),.bank-update-form label:nth-of-type(7){grid-column:1/-1}
.bank-update-form input,.bank-update-form textarea{border:1px solid var(--border);border-radius:7px;padding:6px 8px;background:#fff;font-size:12px}
.bank-update-form button{width:max-content}.danger-light{background:#fff1f0!important;border-color:#ffccc7!important;color:#7a241e!important}

/* v21: keep Beneficiary / Bank popup fitting laptop screens */
.modal[id^="bank-"]{
  align-items:flex-start!important;
  justify-content:center!important;
  padding:14px 10px!important;
  overflow:hidden!important;
}
.modal[id^="bank-"] .mbox.sm{
  width:min(980px,96vw)!important;
  max-height:calc(100vh - 28px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.modal[id^="bank-"] .mbody{
  padding:12px 14px!important;
  overflow-y:auto!important;
  min-height:0!important;
}
.modal[id^="bank-"] .mhead{padding:7px 12px!important}
.modal[id^="bank-"] .mfoot{padding:8px 12px!important}
.modal[id^="bank-"] .ia-tbl th,
.modal[id^="bank-"] .ia-tbl td{padding:6px 9px!important;font-size:12px!important;line-height:1.25!important}
.modal[id^="bank-"] .bank-update-details{margin-top:8px!important;padding:7px 8px!important}
.modal[id^="bank-"] .bank-update-details summary{font-size:12px!important}
.modal[id^="bank-"] .bank-update-form{grid-template-columns:1fr 1fr!important;gap:6px 10px!important;margin-top:7px!important}
.modal[id^="bank-"] .bank-update-form label{font-size:11px!important;gap:2px!important}
.modal[id^="bank-"] .bank-update-form input{height:30px!important;padding:5px 8px!important;font-size:12px!important}
.modal[id^="bank-"] .bank-update-form textarea{min-height:42px!important;max-height:70px!important;padding:5px 8px!important;font-size:12px!important;resize:vertical!important}
.modal[id^="bank-"] .bank-update-form .callout,
.modal[id^="bank-"] .bank-update-form .danger-light{padding:8px 10px!important;font-size:12px!important;line-height:1.35!important}
@media (max-height:720px){
  .modal[id^="bank-"]{padding-top:8px!important;padding-bottom:8px!important}
  .modal[id^="bank-"] .mbox.sm{max-height:calc(100vh - 16px)!important}
  .modal[id^="bank-"] .mbody{padding:9px 12px!important}
  .modal[id^="bank-"] .ia-tbl th,.modal[id^="bank-"] .ia-tbl td{padding:4px 8px!important;font-size:11.5px!important}
  .modal[id^="bank-"] .bank-update-form textarea{min-height:36px!important;max-height:56px!important}
}

/* v23: View BEP screen preview polish + compact list request no */
.req-no-short{
  white-space:nowrap!important;
  min-width:74px!important;
  max-width:84px!important;
}
table.lt th:first-child,
table.lt td.req-no-short{
  width:78px!important;
}
@media screen{
  #modalBEP .bepreview-stage{
    display:block!important;
    padding:18px 20px 34px!important;
    overflow:auto!important;
    background:#707887!important;
  }
  #modalBEP .bep-preview-page{
    width:794px!important;
    min-height:auto!important;
    height:auto!important;
    margin:0 auto 18px!important;
    padding:18px 22px 24px!important;
    overflow:visible!important;
    background:#fff!important;
  }
  #modalBEP .bep-sheet{
    width:100%!important;
    min-height:auto!important;
    height:auto!important;
    overflow:visible!important;
    background:#fff!important;
    border:2px solid #222!important;
  }
  #modalBEP .bep-table{
    table-layout:fixed!important;
    width:100%!important;
  }
  #modalBEP .bep-table th,
  #modalBEP .bep-table td{
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
  #modalBEP .bep-table th:nth-child(6),
  #modalBEP .bep-table td:nth-child(6),
  #modalBEP .bep-table .bep-cancel-date-col{
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    text-align:center!important;
    font-size:8.35px!important;
    line-height:1.05!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }
  #modalBEP .bep-section:last-child{
    border-bottom:none!important;
  }
}


/* v24: Final Approval / Waiting Payment list should fit the screen without horizontal scrollbar */
.module-list-wrap.mod-final_approval,
.module-list-wrap.mod-waiting_payment{
  overflow-x:hidden!important;
}
.module-list-table.mod-final_approval,
.module-list-table.mod-waiting_payment{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}
.module-list-table.mod-final_approval th,
.module-list-table.mod-final_approval td,
.module-list-table.mod-waiting_payment th,
.module-list-table.mod-waiting_payment td{
  padding:6px 5px!important;
  font-size:11.4px!important;
  line-height:1.18!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.module-list-table.mod-final_approval .reqno-compact,
.module-list-table.mod-waiting_payment .reqno-compact{
  font-size:11.2px!important;
  font-weight:800!important;
}
.module-list-table.mod-final_approval .bank-mini,
.module-list-table.mod-waiting_payment .bank-mini{
  padding:1px 5px!important;
  font-size:9px!important;
  margin-left:3px!important;
  max-width:34px!important;
}
.module-list-table.mod-final_approval .benef-short,
.module-list-table.mod-waiting_payment .benef-short{
  max-width:calc(100% - 40px)!important;
}
.module-list-table.mod-final_approval .due-badge,
.module-list-table.mod-waiting_payment .due-badge{
  padding:1px 4px!important;
  font-size:9px!important;
}
.module-list-table.mod-final_approval .pill,
.module-list-table.mod-waiting_payment .pill{
  padding:3px 6px!important;
  font-size:9.5px!important;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}
.module-list-table.mod-final_approval .btn.xs,
.module-list-table.mod-waiting_payment .btn.xs{
  padding:4px 7px!important;
  font-size:10px!important;
}

/* Final Approval column sizing */
.module-list-table.mod-final_approval th:nth-child(1), .module-list-table.mod-final_approval td:nth-child(1){width:4.5%;}
.module-list-table.mod-final_approval th:nth-child(2), .module-list-table.mod-final_approval td:nth-child(2){width:5.2%;}
.module-list-table.mod-final_approval th:nth-child(3), .module-list-table.mod-final_approval td:nth-child(3){width:4.0%;}
.module-list-table.mod-final_approval th:nth-child(4), .module-list-table.mod-final_approval td:nth-child(4){width:4.7%;}
.module-list-table.mod-final_approval th:nth-child(5), .module-list-table.mod-final_approval td:nth-child(5){width:4.3%;}
.module-list-table.mod-final_approval th:nth-child(6), .module-list-table.mod-final_approval td:nth-child(6){width:5.0%;}
.module-list-table.mod-final_approval th:nth-child(7), .module-list-table.mod-final_approval td:nth-child(7){width:12.0%;}
.module-list-table.mod-final_approval th:nth-child(8), .module-list-table.mod-final_approval td:nth-child(8){width:8.2%;}
.module-list-table.mod-final_approval th:nth-child(9), .module-list-table.mod-final_approval td:nth-child(9){width:4.2%;}
.module-list-table.mod-final_approval th:nth-child(10), .module-list-table.mod-final_approval td:nth-child(10){width:5.7%;}
.module-list-table.mod-final_approval th:nth-child(11), .module-list-table.mod-final_approval td:nth-child(11){width:6.2%;}
.module-list-table.mod-final_approval th:nth-child(12), .module-list-table.mod-final_approval td:nth-child(12){width:6.3%;}
.module-list-table.mod-final_approval th:nth-child(13), .module-list-table.mod-final_approval td:nth-child(13){width:5.5%;}
.module-list-table.mod-final_approval th:nth-child(14), .module-list-table.mod-final_approval td:nth-child(14){width:5.0%;}
.module-list-table.mod-final_approval th:nth-child(15), .module-list-table.mod-final_approval td:nth-child(15){width:6.0%;}
.module-list-table.mod-final_approval th:nth-child(16), .module-list-table.mod-final_approval td:nth-child(16){width:5.5%;}
.module-list-table.mod-final_approval th:nth-child(17), .module-list-table.mod-final_approval td:nth-child(17){width:4.5%;}

/* Waiting Payment column sizing */
.module-list-table.mod-waiting_payment th:nth-child(1), .module-list-table.mod-waiting_payment td:nth-child(1){width:4.5%;}
.module-list-table.mod-waiting_payment th:nth-child(2), .module-list-table.mod-waiting_payment td:nth-child(2){width:5.2%;}
.module-list-table.mod-waiting_payment th:nth-child(3), .module-list-table.mod-waiting_payment td:nth-child(3){width:4.2%;}
.module-list-table.mod-waiting_payment th:nth-child(4), .module-list-table.mod-waiting_payment td:nth-child(4){width:5.0%;}
.module-list-table.mod-waiting_payment th:nth-child(5), .module-list-table.mod-waiting_payment td:nth-child(5){width:4.5%;}
.module-list-table.mod-waiting_payment th:nth-child(6), .module-list-table.mod-waiting_payment td:nth-child(6){width:13.0%;}
.module-list-table.mod-waiting_payment th:nth-child(7), .module-list-table.mod-waiting_payment td:nth-child(7){width:6.0%;}
.module-list-table.mod-waiting_payment th:nth-child(8), .module-list-table.mod-waiting_payment td:nth-child(8){width:6.5%;}
.module-list-table.mod-waiting_payment th:nth-child(9), .module-list-table.mod-waiting_payment td:nth-child(9){width:6.0%;}
.module-list-table.mod-waiting_payment th:nth-child(10), .module-list-table.mod-waiting_payment td:nth-child(10){width:5.0%;}
.module-list-table.mod-waiting_payment th:nth-child(11), .module-list-table.mod-waiting_payment td:nth-child(11){width:6.0%;}
.module-list-table.mod-waiting_payment th:nth-child(12), .module-list-table.mod-waiting_payment td:nth-child(12){width:5.5%;}
.module-list-table.mod-waiting_payment th:nth-child(13), .module-list-table.mod-waiting_payment td:nth-child(13){width:6.5%;}
.module-list-table.mod-waiting_payment th:nth-child(14), .module-list-table.mod-waiting_payment td:nth-child(14){width:6.5%;}
.module-list-table.mod-waiting_payment th:nth-child(15), .module-list-table.mod-waiting_payment td:nth-child(15){width:4.5%;}

/* Keep View BEP preview payment/footer area inside the white page in browser preview */
.bepreview-stage .bep-preview-page{
  min-height:1123px!important;
  height:auto!important;
  overflow:visible!important;
}
.bepreview-stage .bep-sheet{
  overflow:hidden!important;
}
.bepreview-stage .bep-table th,
.bepreview-stage .bep-table td{
  line-height:1.15!important;
}
.bepreview-stage .bep-table th:nth-child(4),
.bepreview-stage .bep-table td:nth-child(4),
.bepreview-stage .bep-table .bep-items-col{
  white-space:normal!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  font-size:8.6px!important;
}


/* v25: balance BEP Management list columns like BEP Requested; no horizontal scrollbar */
.module-list-wrap.mod-final_approval,
.module-list-wrap.mod-waiting_payment{
  overflow-x:hidden!important;
  width:100%!important;
}
.module-list-table.mod-final_approval,
.module-list-table.mod-waiting_payment{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}
.module-list-table.mod-final_approval th,
.module-list-table.mod-final_approval td,
.module-list-table.mod-waiting_payment th,
.module-list-table.mod-waiting_payment td{
  padding:6px 4px!important;
  font-size:11px!important;
  line-height:1.18!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.module-list-table.mod-final_approval th,
.module-list-table.mod-waiting_payment th{
  font-size:11.2px!important;
  letter-spacing:-.15px!important;
}
.module-list-table.mod-final_approval .reqno-compact,
.module-list-table.mod-waiting_payment .reqno-compact{
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:-.2px!important;
}
.module-list-table.mod-final_approval .benef-short,
.module-list-table.mod-waiting_payment .benef-short{
  display:inline-block!important;
  vertical-align:middle!important;
  max-width:calc(100% - 38px)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.module-list-table.mod-final_approval .bank-mini,
.module-list-table.mod-waiting_payment .bank-mini{
  display:inline-block!important;
  vertical-align:middle!important;
  padding:1px 4px!important;
  font-size:8.7px!important;
  line-height:1.05!important;
  margin-left:2px!important;
  max-width:33px!important;
  border-radius:999px!important;
}
.module-list-table.mod-final_approval .due-badge,
.module-list-table.mod-waiting_payment .due-badge{
  padding:1px 3px!important;
  font-size:8.5px!important;
  line-height:1!important;
}
.module-list-table.mod-final_approval .btn.xs,
.module-list-table.mod-waiting_payment .btn.xs{
  padding:4px 7px!important;
  font-size:10px!important;
  line-height:1.05!important;
}

/* Keep status/action fully visible. These two columns should not be ellipsized. */
.module-list-table.mod-final_approval th:nth-child(16),
.module-list-table.mod-final_approval td:nth-child(16),
.module-list-table.mod-final_approval th:nth-child(17),
.module-list-table.mod-final_approval td:nth-child(17),
.module-list-table.mod-waiting_payment th:nth-child(14),
.module-list-table.mod-waiting_payment td:nth-child(14),
.module-list-table.mod-waiting_payment th:nth-child(15),
.module-list-table.mod-waiting_payment td:nth-child(15){
  overflow:visible!important;
  text-overflow:clip!important;
}
.module-list-table.mod-final_approval td:nth-child(16) .pill,
.module-list-table.mod-waiting_payment td:nth-child(14) .pill{
  display:inline-block!important;
  max-width:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  padding:4px 7px!important;
  font-size:9.6px!important;
  line-height:1.05!important;
}
.module-list-table.mod-final_approval td:nth-child(17),
.module-list-table.mod-waiting_payment td:nth-child(15){
  text-align:right!important;
  padding-right:8px!important;
}

/* Final Approval exact column balance. Priority: Status, Action, Beneficiary, Due Date, Amounts. */
.module-list-table.mod-final_approval th:nth-child(1), .module-list-table.mod-final_approval td:nth-child(1){width:3.2%!important;}
.module-list-table.mod-final_approval th:nth-child(2), .module-list-table.mod-final_approval td:nth-child(2){width:5.1%!important;}
.module-list-table.mod-final_approval th:nth-child(3), .module-list-table.mod-final_approval td:nth-child(3){width:4.1%!important;}
.module-list-table.mod-final_approval th:nth-child(4), .module-list-table.mod-final_approval td:nth-child(4){width:4.7%!important;}
.module-list-table.mod-final_approval th:nth-child(5), .module-list-table.mod-final_approval td:nth-child(5){width:4.2%!important;}
.module-list-table.mod-final_approval th:nth-child(6), .module-list-table.mod-final_approval td:nth-child(6){width:4.7%!important;}
.module-list-table.mod-final_approval th:nth-child(7), .module-list-table.mod-final_approval td:nth-child(7){width:14.0%!important;}
.module-list-table.mod-final_approval th:nth-child(8), .module-list-table.mod-final_approval td:nth-child(8){width:8.0%!important;}
.module-list-table.mod-final_approval th:nth-child(9), .module-list-table.mod-final_approval td:nth-child(9){width:4.0%!important;}
.module-list-table.mod-final_approval th:nth-child(10), .module-list-table.mod-final_approval td:nth-child(10){width:5.6%!important;}
.module-list-table.mod-final_approval th:nth-child(11), .module-list-table.mod-final_approval td:nth-child(11){width:5.8%!important;}
.module-list-table.mod-final_approval th:nth-child(12), .module-list-table.mod-final_approval td:nth-child(12){width:6.0%!important;}
.module-list-table.mod-final_approval th:nth-child(13), .module-list-table.mod-final_approval td:nth-child(13){width:5.4%!important;}
.module-list-table.mod-final_approval th:nth-child(14), .module-list-table.mod-final_approval td:nth-child(14){width:4.5%!important;}
.module-list-table.mod-final_approval th:nth-child(15), .module-list-table.mod-final_approval td:nth-child(15){width:6.1%!important;}
.module-list-table.mod-final_approval th:nth-child(16), .module-list-table.mod-final_approval td:nth-child(16){width:8.0%!important;}
.module-list-table.mod-final_approval th:nth-child(17), .module-list-table.mod-final_approval td:nth-child(17){width:4.6%!important;}

/* Waiting Payment exact column balance. Keep Status and Action readable. */
.module-list-table.mod-waiting_payment th:nth-child(1), .module-list-table.mod-waiting_payment td:nth-child(1){width:3.2%!important;}
.module-list-table.mod-waiting_payment th:nth-child(2), .module-list-table.mod-waiting_payment td:nth-child(2){width:5.3%!important;}
.module-list-table.mod-waiting_payment th:nth-child(3), .module-list-table.mod-waiting_payment td:nth-child(3){width:4.2%!important;}
.module-list-table.mod-waiting_payment th:nth-child(4), .module-list-table.mod-waiting_payment td:nth-child(4){width:4.8%!important;}
.module-list-table.mod-waiting_payment th:nth-child(5), .module-list-table.mod-waiting_payment td:nth-child(5){width:4.3%!important;}
.module-list-table.mod-waiting_payment th:nth-child(6), .module-list-table.mod-waiting_payment td:nth-child(6){width:14.8%!important;}
.module-list-table.mod-waiting_payment th:nth-child(7), .module-list-table.mod-waiting_payment td:nth-child(7){width:6.1%!important;}
.module-list-table.mod-waiting_payment th:nth-child(8), .module-list-table.mod-waiting_payment td:nth-child(8){width:5.9%!important;}
.module-list-table.mod-waiting_payment th:nth-child(9), .module-list-table.mod-waiting_payment td:nth-child(9){width:5.8%!important;}
.module-list-table.mod-waiting_payment th:nth-child(10), .module-list-table.mod-waiting_payment td:nth-child(10){width:4.5%!important;}
.module-list-table.mod-waiting_payment th:nth-child(11), .module-list-table.mod-waiting_payment td:nth-child(11){width:6.2%!important;}
.module-list-table.mod-waiting_payment th:nth-child(12), .module-list-table.mod-waiting_payment td:nth-child(12){width:5.4%!important;}
.module-list-table.mod-waiting_payment th:nth-child(13), .module-list-table.mod-waiting_payment td:nth-child(13){width:6.8%!important;}
.module-list-table.mod-waiting_payment th:nth-child(14), .module-list-table.mod-waiting_payment td:nth-child(14){width:9.0%!important;}
.module-list-table.mod-waiting_payment th:nth-child(15), .module-list-table.mod-waiting_payment td:nth-child(15){width:4.7%!important;}

/* On smaller laptop screens, prioritize full Status/Action and compact long text columns further. */
@media (max-width: 1500px){
  .module-list-table.mod-final_approval th,
  .module-list-table.mod-final_approval td,
  .module-list-table.mod-waiting_payment th,
  .module-list-table.mod-waiting_payment td{
    font-size:10.4px!important;
    padding-left:3px!important;
    padding-right:3px!important;
  }
  .module-list-table.mod-final_approval td:nth-child(16) .pill,
  .module-list-table.mod-waiting_payment td:nth-child(14) .pill{
    font-size:8.9px!important;
    padding:3px 5px!important;
  }
  .module-list-table.mod-final_approval .btn.xs,
  .module-list-table.mod-waiting_payment .btn.xs{
    padding:4px 6px!important;
    font-size:9.4px!important;
  }
}


/* v26: keep compact Request No fully visible in Final Approval / Waiting Payment */
.module-list-table.mod-final_approval th:nth-child(1),
.module-list-table.mod-final_approval td:nth-child(1),
.module-list-table.mod-waiting_payment th:nth-child(1),
.module-list-table.mod-waiting_payment td:nth-child(1){
  width:5.7%!important;
  min-width:72px!important;
  max-width:78px!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.module-list-table.mod-final_approval .reqno-compact,
.module-list-table.mod-waiting_payment .reqno-compact{
  display:inline-block!important;
  width:68px!important;
  max-width:68px!important;
  min-width:68px!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  font-size:10.7px!important;
  font-weight:800!important;
  letter-spacing:-.55px!important;
}

/* Give space back by tightening columns that can safely be shorter. */
.module-list-table.mod-final_approval th:nth-child(2), .module-list-table.mod-final_approval td:nth-child(2){width:4.7%!important;}
.module-list-table.mod-final_approval th:nth-child(3), .module-list-table.mod-final_approval td:nth-child(3){width:3.7%!important;}
.module-list-table.mod-final_approval th:nth-child(7), .module-list-table.mod-final_approval td:nth-child(7){width:13.1%!important;}
.module-list-table.mod-final_approval th:nth-child(8), .module-list-table.mod-final_approval td:nth-child(8){width:7.5%!important;}
.module-list-table.mod-final_approval th:nth-child(9), .module-list-table.mod-final_approval td:nth-child(9){width:3.7%!important;}
.module-list-table.mod-final_approval th:nth-child(16), .module-list-table.mod-final_approval td:nth-child(16){width:8.4%!important;}
.module-list-table.mod-final_approval th:nth-child(17), .module-list-table.mod-final_approval td:nth-child(17){width:4.8%!important;}

.module-list-table.mod-waiting_payment th:nth-child(2), .module-list-table.mod-waiting_payment td:nth-child(2){width:4.8%!important;}
.module-list-table.mod-waiting_payment th:nth-child(3), .module-list-table.mod-waiting_payment td:nth-child(3){width:3.8%!important;}
.module-list-table.mod-waiting_payment th:nth-child(6), .module-list-table.mod-waiting_payment td:nth-child(6){width:14.0%!important;}
.module-list-table.mod-waiting_payment th:nth-child(10), .module-list-table.mod-waiting_payment td:nth-child(10){width:4.1%!important;}
.module-list-table.mod-waiting_payment th:nth-child(14), .module-list-table.mod-waiting_payment td:nth-child(14){width:9.4%!important;}
.module-list-table.mod-waiting_payment th:nth-child(15), .module-list-table.mod-waiting_payment td:nth-child(15){width:5.0%!important;}

/* Do not let the left edge crop the No column. */
.module-list-wrap.mod-final_approval,
.module-list-wrap.mod-waiting_payment{
  padding-left:0!important;
}

/* v27: balanced BEP Management list spacing + urgent icon after status */
.module-list-wrap.mod-final_approval,
.module-list-wrap.mod-waiting_payment{
  overflow-x:hidden!important;
  width:100%!important;
}
.module-list-table.mod-final_approval,
.module-list-table.mod-waiting_payment{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
}
.module-list-table.mod-final_approval th,
.module-list-table.mod-final_approval td,
.module-list-table.mod-waiting_payment th,
.module-list-table.mod-waiting_payment td{
  box-sizing:border-box!important;
  padding-left:6px!important;
  padding-right:6px!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.22!important;
}
.module-list-table.mod-final_approval th,
.module-list-table.mod-waiting_payment th{
  text-align:left!important;
}
.module-list-table.mod-final_approval td.right,
.module-list-table.mod-final_approval th.right,
.module-list-table.mod-waiting_payment td.right,
.module-list-table.mod-waiting_payment th.right{
  text-align:right!important;
}

/* Final Approval: exact column balance, designed to fit one screen while keeping Due Date, Status and Action readable. */
.module-list-table.mod-final_approval th:nth-child(1), .module-list-table.mod-final_approval td:nth-child(1){width:4.2%!important;min-width:76px!important;max-width:none!important;}
.module-list-table.mod-final_approval th:nth-child(2), .module-list-table.mod-final_approval td:nth-child(2){width:5.0%!important;}
.module-list-table.mod-final_approval th:nth-child(3), .module-list-table.mod-final_approval td:nth-child(3){width:3.8%!important;}
.module-list-table.mod-final_approval th:nth-child(4), .module-list-table.mod-final_approval td:nth-child(4){width:4.6%!important;}
.module-list-table.mod-final_approval th:nth-child(5), .module-list-table.mod-final_approval td:nth-child(5){width:4.3%!important;}
.module-list-table.mod-final_approval th:nth-child(6), .module-list-table.mod-final_approval td:nth-child(6){width:4.6%!important;}
.module-list-table.mod-final_approval th:nth-child(7), .module-list-table.mod-final_approval td:nth-child(7){width:12.5%!important;}
.module-list-table.mod-final_approval th:nth-child(8), .module-list-table.mod-final_approval td:nth-child(8){width:6.5%!important;}
.module-list-table.mod-final_approval th:nth-child(9), .module-list-table.mod-final_approval td:nth-child(9){width:3.7%!important;}
.module-list-table.mod-final_approval th:nth-child(10), .module-list-table.mod-final_approval td:nth-child(10){width:5.9%!important;}
.module-list-table.mod-final_approval th:nth-child(11), .module-list-table.mod-final_approval td:nth-child(11){width:7.4%!important;overflow:visible!important;text-overflow:clip!important;}
.module-list-table.mod-final_approval th:nth-child(12), .module-list-table.mod-final_approval td:nth-child(12){width:6.4%!important;}
.module-list-table.mod-final_approval th:nth-child(13), .module-list-table.mod-final_approval td:nth-child(13){width:5.8%!important;}
.module-list-table.mod-final_approval th:nth-child(14), .module-list-table.mod-final_approval td:nth-child(14){width:5.2%!important;}
.module-list-table.mod-final_approval th:nth-child(15), .module-list-table.mod-final_approval td:nth-child(15){width:6.6%!important;}
.module-list-table.mod-final_approval th:nth-child(16), .module-list-table.mod-final_approval td:nth-child(16){width:8.4%!important;overflow:visible!important;text-overflow:clip!important;}
.module-list-table.mod-final_approval th:nth-child(17), .module-list-table.mod-final_approval td:nth-child(17){width:4.1%!important;overflow:visible!important;text-overflow:clip!important;text-align:center!important;}

/* Waiting Payment: give Due Date and Status enough room; keep the table aligned and readable. */
.module-list-table.mod-waiting_payment th:nth-child(1), .module-list-table.mod-waiting_payment td:nth-child(1){width:4.2%!important;min-width:76px!important;max-width:none!important;}
.module-list-table.mod-waiting_payment th:nth-child(2), .module-list-table.mod-waiting_payment td:nth-child(2){width:5.4%!important;}
.module-list-table.mod-waiting_payment th:nth-child(3), .module-list-table.mod-waiting_payment td:nth-child(3){width:4.2%!important;}
.module-list-table.mod-waiting_payment th:nth-child(4), .module-list-table.mod-waiting_payment td:nth-child(4){width:5.0%!important;}
.module-list-table.mod-waiting_payment th:nth-child(5), .module-list-table.mod-waiting_payment td:nth-child(5){width:4.7%!important;}
.module-list-table.mod-waiting_payment th:nth-child(6), .module-list-table.mod-waiting_payment td:nth-child(6){width:14.5%!important;}
.module-list-table.mod-waiting_payment th:nth-child(7), .module-list-table.mod-waiting_payment td:nth-child(7){width:6.7%!important;}
.module-list-table.mod-waiting_payment th:nth-child(8), .module-list-table.mod-waiting_payment td:nth-child(8){width:7.4%!important;overflow:visible!important;text-overflow:clip!important;}
.module-list-table.mod-waiting_payment th:nth-child(9), .module-list-table.mod-waiting_payment td:nth-child(9){width:6.8%!important;}
.module-list-table.mod-waiting_payment th:nth-child(10), .module-list-table.mod-waiting_payment td:nth-child(10){width:5.2%!important;}
.module-list-table.mod-waiting_payment th:nth-child(11), .module-list-table.mod-waiting_payment td:nth-child(11){width:6.8%!important;}
.module-list-table.mod-waiting_payment th:nth-child(12), .module-list-table.mod-waiting_payment td:nth-child(12){width:5.7%!important;}
.module-list-table.mod-waiting_payment th:nth-child(13), .module-list-table.mod-waiting_payment td:nth-child(13){width:7.2%!important;}
.module-list-table.mod-waiting_payment th:nth-child(14), .module-list-table.mod-waiting_payment td:nth-child(14){width:8.8%!important;overflow:visible!important;text-overflow:clip!important;}
.module-list-table.mod-waiting_payment th:nth-child(15), .module-list-table.mod-waiting_payment td:nth-child(15){width:4.2%!important;overflow:visible!important;text-overflow:clip!important;text-align:center!important;}

/* Keep compact Request No fully readable: R26-0013, not R26-0... */
.module-list-table.mod-final_approval .reqno-compact,
.module-list-table.mod-waiting_payment .reqno-compact,
.module-list-table.mod-final_approval td:nth-child(1),
.module-list-table.mod-waiting_payment td:nth-child(1){
  font-size:10.9px!important;
  letter-spacing:-.25px!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

/* Date + warning badge should stay together but have breathing room before the next column. */
.module-list-table.mod-final_approval .due-date-cell,
.module-list-table.mod-waiting_payment .due-date-cell{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  max-width:100%!important;
  white-space:nowrap!important;
}
.module-list-table.mod-final_approval .due-date-cell .mono,
.module-list-table.mod-waiting_payment .due-date-cell .mono{
  flex:0 0 auto!important;
}
.module-list-table.mod-final_approval .due-badge,
.module-list-table.mod-waiting_payment .due-badge{
  flex:0 0 auto!important;
  font-size:8.8px!important;
  padding:1px 4px!important;
}

/* Beneficiary + Bank stays on one tidy line. */
.module-list-table.mod-final_approval .list-benef,
.module-list-table.mod-waiting_payment .list-benef{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
}
.module-list-table.mod-final_approval .benef-short,
.module-list-table.mod-waiting_payment .benef-short{
  display:inline-block!important;
  min-width:0!important;
  max-width:calc(100% - 46px)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.module-list-table.mod-final_approval .bank-mini,
.module-list-table.mod-waiting_payment .bank-mini{
  flex:0 0 auto!important;
}

/* Status alignment: status text first, urgent warning icon after it. */
.module-list-table.mod-final_approval .status-td,
.module-list-table.mod-waiting_payment .status-td,
.module-list-table.mod-final_approval td:nth-child(16),
.module-list-table.mod-waiting_payment td:nth-child(14){
  text-align:left!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.module-list-table.mod-final_approval .status-cell,
.module-list-table.mod-waiting_payment .status-cell{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
.module-list-table.mod-final_approval .status-cell .pill,
.module-list-table.mod-waiting_payment .status-cell .pill{
  order:1!important;
  flex:0 0 auto!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.module-list-table.mod-final_approval .status-cell .urgent-status,
.module-list-table.mod-waiting_payment .status-cell .urgent-status{
  order:2!important;
  flex:0 0 auto!important;
  margin-left:3px!important;
  width:16px!important;
  height:16px!important;
  font-size:10px!important;
}

/* Laptop tightening only where necessary; don't squeeze No/Due/Status. */
@media (max-width:1500px){
  .module-list-table.mod-final_approval th,
  .module-list-table.mod-final_approval td,
  .module-list-table.mod-waiting_payment th,
  .module-list-table.mod-waiting_payment td{
    font-size:10.3px!important;
    padding-left:4px!important;
    padding-right:4px!important;
  }
  .module-list-table.mod-final_approval .status-cell .pill,
  .module-list-table.mod-waiting_payment .status-cell .pill{
    font-size:8.8px!important;
    padding:3px 6px!important;
  }
  .module-list-table.mod-final_approval .btn.xs,
  .module-list-table.mod-waiting_payment .btn.xs{
    font-size:9.2px!important;
    padding:4px 6px!important;
  }
}

/* v28: restore Beneficiary text visibility after list spacing patch */
/* v27 made the <td> itself flex, which can collapse the text span in fixed table layout.
   Keep the table cell as a normal cell and only make the inner text/button compact. */
.module-list-table.mod-final_approval td.list-benef,
.module-list-table.mod-waiting_payment td.list-benef{
  display:table-cell!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  vertical-align:middle!important;
  min-width:0!important;
}
.module-list-table.mod-final_approval td.list-benef .benef-short,
.module-list-table.mod-waiting_payment td.list-benef .benef-short{
  display:inline-block!important;
  width:calc(100% - 46px)!important;
  max-width:calc(100% - 46px)!important;
  min-width:42px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
.module-list-table.mod-final_approval td.list-benef .bank-mini,
.module-list-table.mod-waiting_payment td.list-benef .bank-mini{
  display:inline-block!important;
  vertical-align:middle!important;
  margin-left:4px!important;
  flex:none!important;
}
/* Give Beneficiary a little more actual room while keeping Due Date / Status readable. */
.module-list-table.mod-final_approval th:nth-child(7),
.module-list-table.mod-final_approval td:nth-child(7){width:14.2%!important;}
.module-list-table.mod-final_approval th:nth-child(8),
.module-list-table.mod-final_approval td:nth-child(8){width:5.8%!important;}
.module-list-table.mod-final_approval th:nth-child(10),
.module-list-table.mod-final_approval td:nth-child(10){width:5.5%!important;}
.module-list-table.mod-final_approval th:nth-child(12),
.module-list-table.mod-final_approval td:nth-child(12){width:6.1%!important;}
.module-list-table.mod-waiting_payment th:nth-child(6),
.module-list-table.mod-waiting_payment td:nth-child(6){width:15.8%!important;}
.module-list-table.mod-waiting_payment th:nth-child(7),
.module-list-table.mod-waiting_payment td:nth-child(7){width:6.3%!important;}
.module-list-table.mod-waiting_payment th:nth-child(9),
.module-list-table.mod-waiting_payment td:nth-child(9){width:6.2%!important;}
/* Keep status and action stable; warning icon remains after status from v27. */
.module-list-table.mod-final_approval td.status-td,
.module-list-table.mod-waiting_payment td.status-td{
  overflow:visible!important;
  text-overflow:clip!important;
}

/* v29: Final Approval layout balance + beneficiary bank adjacency */
/* General list cleanup */
table.lt.lt-final_approval,
table.lt.lt-waiting_payment{
  table-layout:fixed!important;
  width:100%!important;
  min-width:0!important;
}
table.lt.lt-final_approval th,
table.lt.lt-waiting_payment th{
  padding-left:7px!important;
  padding-right:7px!important;
  font-size:10.6px!important;
  line-height:1.15!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
table.lt.lt-final_approval td,
table.lt.lt-waiting_payment td{
  padding-left:7px!important;
  padding-right:7px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Final Approval: Deduction column removed, so redistribute space to meaningful columns. */
table.lt.lt-final_approval th:nth-child(1), table.lt.lt-final_approval td:nth-child(1){width:76px!important;min-width:76px!important;max-width:76px!important}
table.lt.lt-final_approval th:nth-child(2), table.lt.lt-final_approval td:nth-child(2){width:88px!important;min-width:88px!important;max-width:88px!important}
table.lt.lt-final_approval th:nth-child(3), table.lt.lt-final_approval td:nth-child(3){width:72px!important;min-width:72px!important;max-width:72px!important}
table.lt.lt-final_approval th:nth-child(4), table.lt.lt-final_approval td:nth-child(4){width:86px!important;min-width:86px!important;max-width:86px!important}
table.lt.lt-final_approval th:nth-child(5), table.lt.lt-final_approval td:nth-child(5){width:74px!important;min-width:74px!important;max-width:74px!important}
table.lt.lt-final_approval th:nth-child(6), table.lt.lt-final_approval td:nth-child(6){width:100px!important;min-width:100px!important;max-width:100px!important}
table.lt.lt-final_approval th:nth-child(7), table.lt.lt-final_approval td:nth-child(7){width:210px!important;min-width:210px!important;max-width:210px!important}
table.lt.lt-final_approval th:nth-child(8), table.lt.lt-final_approval td:nth-child(8){width:150px!important;min-width:150px!important;max-width:150px!important}
table.lt.lt-final_approval th:nth-child(9), table.lt.lt-final_approval td:nth-child(9){width:78px!important;min-width:78px!important;max-width:78px!important}
table.lt.lt-final_approval th:nth-child(10), table.lt.lt-final_approval td:nth-child(10){width:104px!important;min-width:104px!important;max-width:104px!important}
table.lt.lt-final_approval th:nth-child(11), table.lt.lt-final_approval td:nth-child(11){width:118px!important;min-width:118px!important;max-width:118px!important}
table.lt.lt-final_approval th:nth-child(12), table.lt.lt-final_approval td:nth-child(12){width:122px!important;min-width:122px!important;max-width:122px!important}
table.lt.lt-final_approval th:nth-child(13), table.lt.lt-final_approval td:nth-child(13){width:94px!important;min-width:94px!important;max-width:94px!important}
table.lt.lt-final_approval th:nth-child(14), table.lt.lt-final_approval td:nth-child(14){width:108px!important;min-width:108px!important;max-width:108px!important}
table.lt.lt-final_approval th:nth-child(15), table.lt.lt-final_approval td:nth-child(15){width:142px!important;min-width:142px!important;max-width:142px!important}
table.lt.lt-final_approval th:nth-child(16), table.lt.lt-final_approval td:nth-child(16){width:76px!important;min-width:76px!important;max-width:76px!important;text-align:center!important}

/* Waiting Payment: keep Deduction, but make date/status areas breathe. */
table.lt.lt-waiting_payment th:nth-child(1), table.lt.lt-waiting_payment td:nth-child(1){width:76px!important;min-width:76px!important;max-width:76px!important}
table.lt.lt-waiting_payment th:nth-child(2), table.lt.lt-waiting_payment td:nth-child(2){width:88px!important;min-width:88px!important;max-width:88px!important}
table.lt.lt-waiting_payment th:nth-child(3), table.lt.lt-waiting_payment td:nth-child(3){width:75px!important;min-width:75px!important;max-width:75px!important}
table.lt.lt-waiting_payment th:nth-child(4), table.lt.lt-waiting_payment td:nth-child(4){width:86px!important;min-width:86px!important;max-width:86px!important}
table.lt.lt-waiting_payment th:nth-child(5), table.lt.lt-waiting_payment td:nth-child(5){width:74px!important;min-width:74px!important;max-width:74px!important}
table.lt.lt-waiting_payment th:nth-child(6), table.lt.lt-waiting_payment td:nth-child(6){width:238px!important;min-width:238px!important;max-width:238px!important}
table.lt.lt-waiting_payment th:nth-child(7), table.lt.lt-waiting_payment td:nth-child(7){width:112px!important;min-width:112px!important;max-width:112px!important}
table.lt.lt-waiting_payment th:nth-child(8), table.lt.lt-waiting_payment td:nth-child(8){width:120px!important;min-width:120px!important;max-width:120px!important}
table.lt.lt-waiting_payment th:nth-child(9), table.lt.lt-waiting_payment td:nth-child(9){width:112px!important;min-width:112px!important;max-width:112px!important}
table.lt.lt-waiting_payment th:nth-child(10), table.lt.lt-waiting_payment td:nth-child(10){width:78px!important;min-width:78px!important;max-width:78px!important}
table.lt.lt-waiting_payment th:nth-child(11), table.lt.lt-waiting_payment td:nth-child(11){width:98px!important;min-width:98px!important;max-width:98px!important}
table.lt.lt-waiting_payment th:nth-child(12), table.lt.lt-waiting_payment td:nth-child(12){width:92px!important;min-width:92px!important;max-width:92px!important}
table.lt.lt-waiting_payment th:nth-child(13), table.lt.lt-waiting_payment td:nth-child(13){width:112px!important;min-width:112px!important;max-width:112px!important}
table.lt.lt-waiting_payment th:nth-child(14), table.lt.lt-waiting_payment td:nth-child(14){width:145px!important;min-width:145px!important;max-width:145px!important}
table.lt.lt-waiting_payment th:nth-child(15), table.lt.lt-waiting_payment td:nth-child(15){width:76px!important;min-width:76px!important;max-width:76px!important;text-align:center!important}

/* Beneficiary + BANK: keep the bank badge immediately after the beneficiary text. */
table.lt.lt-final_approval td.list-benef,
table.lt.lt-waiting_payment td.list-benef{
  display:table-cell!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}
table.lt.lt-final_approval td.list-benef .benef-short,
table.lt.lt-waiting_payment td.list-benef .benef-short{
  display:inline-block!important;
  vertical-align:middle!important;
  max-width:calc(100% - 42px)!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
table.lt.lt-final_approval td.list-benef .bank-mini,
table.lt.lt-waiting_payment td.list-benef .bank-mini{
  display:inline-flex!important;
  vertical-align:middle!important;
  margin-left:3px!important;
  float:none!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:-1px!important;
  transform:none!important;
}

/* Date/status alignment */
table.lt.lt-final_approval .due-date-cell,
table.lt.lt-waiting_payment .due-date-cell{
  justify-content:flex-start!important;
  gap:5px!important;
}
table.lt.lt-final_approval .status-cell,
table.lt.lt-waiting_payment .status-cell{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  white-space:nowrap!important;
}
table.lt.lt-final_approval .status-cell .pill,
table.lt.lt-waiting_payment .status-cell .pill{order:1!important}
table.lt.lt-final_approval .status-cell .urgent-status,
table.lt.lt-waiting_payment .status-cell .urgent-status{order:2!important;flex:0 0 auto!important}

/* v30: bank badge adjacency + full headers + balanced module list */
/* Final Approval / Waiting Payment final column balance */
table.lt.lt-final_approval,
table.lt.lt-waiting_payment{
  table-layout:fixed!important;
  width:100%!important;
  min-width:0!important;
}
table.lt.lt-final_approval th,
table.lt.lt-waiting_payment th,
table.lt.lt-final_approval td,
table.lt.lt-waiting_payment td{
  box-sizing:border-box!important;
  font-size:10.4px!important;
  line-height:1.18!important;
  padding-left:6px!important;
  padding-right:6px!important;
  white-space:nowrap!important;
}
table.lt.lt-final_approval th,
table.lt.lt-waiting_payment th{
  overflow:visible!important;
  text-overflow:clip!important;
}
table.lt.lt-final_approval td,
table.lt.lt-waiting_payment td{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Final Approval columns: no Deduction column here. */
table.lt.lt-final_approval th:nth-child(1), table.lt.lt-final_approval td:nth-child(1){width:72px!important;min-width:72px!important;max-width:72px!important}
table.lt.lt-final_approval th:nth-child(2), table.lt.lt-final_approval td:nth-child(2){width:88px!important;min-width:88px!important;max-width:88px!important}
table.lt.lt-final_approval th:nth-child(3), table.lt.lt-final_approval td:nth-child(3){width:70px!important;min-width:70px!important;max-width:70px!important}
table.lt.lt-final_approval th:nth-child(4), table.lt.lt-final_approval td:nth-child(4){width:86px!important;min-width:86px!important;max-width:86px!important}
table.lt.lt-final_approval th:nth-child(5), table.lt.lt-final_approval td:nth-child(5){width:76px!important;min-width:76px!important;max-width:76px!important}
table.lt.lt-final_approval th:nth-child(6), table.lt.lt-final_approval td:nth-child(6){width:106px!important;min-width:106px!important;max-width:106px!important}
table.lt.lt-final_approval th:nth-child(7), table.lt.lt-final_approval td:nth-child(7){width:228px!important;min-width:228px!important;max-width:228px!important}
table.lt.lt-final_approval th:nth-child(8), table.lt.lt-final_approval td:nth-child(8){width:128px!important;min-width:128px!important;max-width:128px!important}
table.lt.lt-final_approval th:nth-child(9), table.lt.lt-final_approval td:nth-child(9){width:78px!important;min-width:78px!important;max-width:78px!important}
table.lt.lt-final_approval th:nth-child(10), table.lt.lt-final_approval td:nth-child(10){width:112px!important;min-width:112px!important;max-width:112px!important}
table.lt.lt-final_approval th:nth-child(11), table.lt.lt-final_approval td:nth-child(11){width:118px!important;min-width:118px!important;max-width:118px!important}
table.lt.lt-final_approval th:nth-child(12), table.lt.lt-final_approval td:nth-child(12){width:118px!important;min-width:118px!important;max-width:118px!important}
table.lt.lt-final_approval th:nth-child(13), table.lt.lt-final_approval td:nth-child(13){width:100px!important;min-width:100px!important;max-width:100px!important}
table.lt.lt-final_approval th:nth-child(14), table.lt.lt-final_approval td:nth-child(14){width:116px!important;min-width:116px!important;max-width:116px!important}
table.lt.lt-final_approval th:nth-child(15), table.lt.lt-final_approval td:nth-child(15){width:154px!important;min-width:154px!important;max-width:154px!important}
table.lt.lt-final_approval th:nth-child(16), table.lt.lt-final_approval td:nth-child(16){width:74px!important;min-width:74px!important;max-width:74px!important;text-align:center!important}

/* Waiting Payment keeps Deduction. */
table.lt.lt-waiting_payment th:nth-child(1), table.lt.lt-waiting_payment td:nth-child(1){width:72px!important;min-width:72px!important;max-width:72px!important}
table.lt.lt-waiting_payment th:nth-child(2), table.lt.lt-waiting_payment td:nth-child(2){width:88px!important;min-width:88px!important;max-width:88px!important}
table.lt.lt-waiting_payment th:nth-child(3), table.lt.lt-waiting_payment td:nth-child(3){width:76px!important;min-width:76px!important;max-width:76px!important}
table.lt.lt-waiting_payment th:nth-child(4), table.lt.lt-waiting_payment td:nth-child(4){width:86px!important;min-width:86px!important;max-width:86px!important}
table.lt.lt-waiting_payment th:nth-child(5), table.lt.lt-waiting_payment td:nth-child(5){width:76px!important;min-width:76px!important;max-width:76px!important}
table.lt.lt-waiting_payment th:nth-child(6), table.lt.lt-waiting_payment td:nth-child(6){width:248px!important;min-width:248px!important;max-width:248px!important}
table.lt.lt-waiting_payment th:nth-child(7), table.lt.lt-waiting_payment td:nth-child(7){width:116px!important;min-width:116px!important;max-width:116px!important}
table.lt.lt-waiting_payment th:nth-child(8), table.lt.lt-waiting_payment td:nth-child(8){width:118px!important;min-width:118px!important;max-width:118px!important}
table.lt.lt-waiting_payment th:nth-child(9), table.lt.lt-waiting_payment td:nth-child(9){width:108px!important;min-width:108px!important;max-width:108px!important}
table.lt.lt-waiting_payment th:nth-child(10), table.lt.lt-waiting_payment td:nth-child(10){width:82px!important;min-width:82px!important;max-width:82px!important}
table.lt.lt-waiting_payment th:nth-child(11), table.lt.lt-waiting_payment td:nth-child(11){width:100px!important;min-width:100px!important;max-width:100px!important}
table.lt.lt-waiting_payment th:nth-child(12), table.lt.lt-waiting_payment td:nth-child(12){width:98px!important;min-width:98px!important;max-width:98px!important}
table.lt.lt-waiting_payment th:nth-child(13), table.lt.lt-waiting_payment td:nth-child(13){width:122px!important;min-width:122px!important;max-width:122px!important}
table.lt.lt-waiting_payment th:nth-child(14), table.lt.lt-waiting_payment td:nth-child(14){width:152px!important;min-width:152px!important;max-width:152px!important}
table.lt.lt-waiting_payment th:nth-child(15), table.lt.lt-waiting_payment td:nth-child(15){width:74px!important;min-width:74px!important;max-width:74px!important;text-align:center!important}

/* Beneficiary + Bank: force BANK badge to sit immediately after the truncated name, not at the far side of the cell. */
table.lt.lt-final_approval td.list-benef,
table.lt.lt-waiting_payment td.list-benef{
  display:table-cell!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  text-align:left!important;
}
table.lt.lt-final_approval td.list-benef .benef-short,
table.lt.lt-waiting_payment td.list-benef .benef-short{
  display:inline-block!important;
  width:auto!important;
  max-width:calc(100% - 42px)!important;
  min-width:0!important;
  vertical-align:middle!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  flex:0 1 auto!important;
}
table.lt.lt-final_approval td.list-benef .bank-mini,
table.lt.lt-waiting_payment td.list-benef .bank-mini{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  position:static!important;
  float:none!important;
  clear:none!important;
  inset:auto!important;
  transform:none!important;
  margin:0 0 0 2px!important;
  vertical-align:middle!important;
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:16px!important;
  min-height:16px!important;
  padding:0 3px!important;
  line-height:14px!important;
  font-size:9px!important;
}

/* Status: keep urgent icon after the status pill. */
table.lt.lt-final_approval .status-cell,
table.lt.lt-waiting_payment .status-cell{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  white-space:nowrap!important;
}
table.lt.lt-final_approval .status-cell .pill,
table.lt.lt-waiting_payment .status-cell .pill{order:1!important;flex:0 0 auto!important}
table.lt.lt-final_approval .status-cell .urgent-status,
table.lt.lt-waiting_payment .status-cell .urgent-status{order:2!important;flex:0 0 auto!important}

/* v31: force BANK badge immediately beside beneficiary ellipsis */
/* Make the Beneficiary text and BANK button behave like one compact inline unit. */
table.lt td.list-benef{
  display:table-cell!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}
table.lt td.list-benef .benef-pack{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:2px!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  vertical-align:middle!important;
  flex-wrap:nowrap!important;
}
table.lt td.list-benef .benef-short{
  display:inline-block!important;
  flex:0 1 auto!important;
  width:auto!important;
  max-width:min(210px, calc(100% - 38px))!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
table.lt.lt-final_approval td.list-benef .benef-short{
  max-width:min(205px, calc(100% - 38px))!important;
}
table.lt.lt-waiting_payment td.list-benef .benef-short{
  max-width:min(225px, calc(100% - 38px))!important;
}
table.lt td.list-benef .bank-mini{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  position:static!important;
  float:none!important;
  clear:none!important;
  inset:auto!important;
  transform:none!important;
  margin-left:2px!important;
  margin-right:0!important;
  vertical-align:middle!important;
  align-self:center!important;
}

/* v32: balanced list columns + adjacent BANK badge */
/* Keep Final Approval / Waiting Payment readable without horizontal scroll. */
table.lt.lt-final_approval,
table.lt.lt-waiting_payment{
  table-layout:fixed!important;
  width:100%!important;
  min-width:0!important;
}
table.lt.lt-final_approval th,
table.lt.lt-waiting_payment th,
table.lt.lt-final_approval td,
table.lt.lt-waiting_payment td{
  box-sizing:border-box!important;
  font-size:10.2px!important;
  line-height:1.2!important;
  padding-left:5px!important;
  padding-right:5px!important;
  white-space:nowrap!important;
}
table.lt.lt-final_approval th,
table.lt.lt-waiting_payment th{
  overflow:visible!important;
  text-overflow:clip!important;
}
table.lt.lt-final_approval td,
table.lt.lt-waiting_payment td{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Final Approval: Deduction column removed. Column order:
   No, Req Date, Req Name, BEP#, KT REF#, Final Approver, Beneficiary, Buyer,
   Program, Vendor Inv Date, Due Date, Invoice #, Amount, Final Amount, Status, Action */
table.lt.lt-final_approval th:nth-child(1), table.lt.lt-final_approval td:nth-child(1){width:72px!important;min-width:72px!important;max-width:72px!important}
table.lt.lt-final_approval th:nth-child(2), table.lt.lt-final_approval td:nth-child(2){width:88px!important;min-width:88px!important;max-width:88px!important}
table.lt.lt-final_approval th:nth-child(3), table.lt.lt-final_approval td:nth-child(3){width:72px!important;min-width:72px!important;max-width:72px!important}
table.lt.lt-final_approval th:nth-child(4), table.lt.lt-final_approval td:nth-child(4){width:86px!important;min-width:86px!important;max-width:86px!important}
table.lt.lt-final_approval th:nth-child(5), table.lt.lt-final_approval td:nth-child(5){width:76px!important;min-width:76px!important;max-width:76px!important}
table.lt.lt-final_approval th:nth-child(6), table.lt.lt-final_approval td:nth-child(6){width:104px!important;min-width:104px!important;max-width:104px!important}
table.lt.lt-final_approval th:nth-child(7), table.lt.lt-final_approval td:nth-child(7){width:225px!important;min-width:225px!important;max-width:225px!important}
table.lt.lt-final_approval th:nth-child(8), table.lt.lt-final_approval td:nth-child(8){width:142px!important;min-width:142px!important;max-width:142px!important}
table.lt.lt-final_approval th:nth-child(9), table.lt.lt-final_approval td:nth-child(9){width:78px!important;min-width:78px!important;max-width:78px!important}
table.lt.lt-final_approval th:nth-child(10), table.lt.lt-final_approval td:nth-child(10){width:112px!important;min-width:112px!important;max-width:112px!important}
table.lt.lt-final_approval th:nth-child(11), table.lt.lt-final_approval td:nth-child(11){width:118px!important;min-width:118px!important;max-width:118px!important}
table.lt.lt-final_approval th:nth-child(12), table.lt.lt-final_approval td:nth-child(12){width:118px!important;min-width:118px!important;max-width:118px!important}
table.lt.lt-final_approval th:nth-child(13), table.lt.lt-final_approval td:nth-child(13){width:98px!important;min-width:98px!important;max-width:98px!important;text-align:right!important}
table.lt.lt-final_approval th:nth-child(14), table.lt.lt-final_approval td:nth-child(14){width:116px!important;min-width:116px!important;max-width:116px!important;text-align:right!important}
table.lt.lt-final_approval th:nth-child(15), table.lt.lt-final_approval td:nth-child(15){width:142px!important;min-width:142px!important;max-width:142px!important}
table.lt.lt-final_approval th:nth-child(16), table.lt.lt-final_approval td:nth-child(16){width:76px!important;min-width:76px!important;max-width:76px!important;text-align:center!important}

/* Waiting Payment keeps Deduction. Column order:
   No, Req Date, Req Name, BEP#, KT REF#, Beneficiary, Vendor Inv Date, Due Date,
   Process Date, Pay Method, Amount, Deduction, Final Amount, Status, Action */
table.lt.lt-waiting_payment th:nth-child(1), table.lt.lt-waiting_payment td:nth-child(1){width:72px!important;min-width:72px!important;max-width:72px!important}
table.lt.lt-waiting_payment th:nth-child(2), table.lt.lt-waiting_payment td:nth-child(2){width:88px!important;min-width:88px!important;max-width:88px!important}
table.lt.lt-waiting_payment th:nth-child(3), table.lt.lt-waiting_payment td:nth-child(3){width:78px!important;min-width:78px!important;max-width:78px!important}
table.lt.lt-waiting_payment th:nth-child(4), table.lt.lt-waiting_payment td:nth-child(4){width:86px!important;min-width:86px!important;max-width:86px!important}
table.lt.lt-waiting_payment th:nth-child(5), table.lt.lt-waiting_payment td:nth-child(5){width:76px!important;min-width:76px!important;max-width:76px!important}
table.lt.lt-waiting_payment th:nth-child(6), table.lt.lt-waiting_payment td:nth-child(6){width:260px!important;min-width:260px!important;max-width:260px!important}
table.lt.lt-waiting_payment th:nth-child(7), table.lt.lt-waiting_payment td:nth-child(7){width:116px!important;min-width:116px!important;max-width:116px!important}
table.lt.lt-waiting_payment th:nth-child(8), table.lt.lt-waiting_payment td:nth-child(8){width:118px!important;min-width:118px!important;max-width:118px!important}
table.lt.lt-waiting_payment th:nth-child(9), table.lt.lt-waiting_payment td:nth-child(9){width:108px!important;min-width:108px!important;max-width:108px!important}
table.lt.lt-waiting_payment th:nth-child(10), table.lt.lt-waiting_payment td:nth-child(10){width:82px!important;min-width:82px!important;max-width:82px!important}
table.lt.lt-waiting_payment th:nth-child(11), table.lt.lt-waiting_payment td:nth-child(11){width:100px!important;min-width:100px!important;max-width:100px!important;text-align:right!important}
table.lt.lt-waiting_payment th:nth-child(12), table.lt.lt-waiting_payment td:nth-child(12){width:94px!important;min-width:94px!important;max-width:94px!important;text-align:right!important}
table.lt.lt-waiting_payment th:nth-child(13), table.lt.lt-waiting_payment td:nth-child(13){width:118px!important;min-width:118px!important;max-width:118px!important;text-align:right!important}
table.lt.lt-waiting_payment th:nth-child(14), table.lt.lt-waiting_payment td:nth-child(14){width:150px!important;min-width:150px!important;max-width:150px!important}
table.lt.lt-waiting_payment th:nth-child(15), table.lt.lt-waiting_payment td:nth-child(15){width:76px!important;min-width:76px!important;max-width:76px!important;text-align:center!important}

/* Beneficiary + BANK must be a compact inline unit: NAME...BANK */
td.list-benef,
table.lt td.list-benef,
table.lt.lt-final_approval td.list-benef,
table.lt.lt-waiting_payment td.list-benef{
  display:table-cell!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  justify-content:initial!important;
  align-items:initial!important;
}
td.list-benef .benef-inline,
table.lt td.list-benef .benef-inline{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:2px!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  vertical-align:middle!important;
  flex-wrap:nowrap!important;
}
td.list-benef .benef-short,
table.lt td.list-benef .benef-short{
  display:inline-block!important;
  flex:0 1 auto!important;
  width:auto!important;
  max-width:calc(100% - 38px)!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
td.list-benef .bank-mini,
table.lt td.list-benef .bank-mini,
table.lt td.list-benef .benef-short + .bank-mini,
table.lt td.list-benef .benef-inline .bank-mini{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 34px!important;
  position:static!important;
  float:none!important;
  clear:none!important;
  inset:auto!important;
  transform:none!important;
  margin-left:2px!important;
  margin-right:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
  vertical-align:middle!important;
  align-self:center!important;
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:16px!important;
  min-height:16px!important;
  padding:0 3px!important;
  line-height:14px!important;
  font-size:9px!important;
}

/* Status: keep urgent warning icon after the status pill. */
table.lt.lt-final_approval .status-cell,
table.lt.lt-waiting_payment .status-cell{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  white-space:nowrap!important;
}
table.lt.lt-final_approval .status-cell .pill,
table.lt.lt-waiting_payment .status-cell .pill{order:1!important;flex:0 0 auto!important}
table.lt.lt-final_approval .status-cell .urgent-status,
table.lt.lt-waiting_payment .status-cell .urgent-status{order:2!important;flex:0 0 auto!important}

/* === v33 FINAL: Beneficiary BANK adjacent + clean BEP Management columns START === */
/* Why this is needed:
   Some older v28/v29 rules have higher specificity and force .benef-short to use
   width: calc(100% - 46px). That makes the BANK badge move to the far right.
   This final block uses higher specificity and should stay at the END of app.css. */

/* Keep both management tables compact and aligned */
table.lt.lt-final_approval,
table.lt.lt-waiting_payment{
  table-layout:fixed!important;
  width:100%!important;
  min-width:0!important;
}

table.lt.lt-final_approval th,
table.lt.lt-final_approval td,
table.lt.lt-waiting_payment th,
table.lt.lt-waiting_payment td{
  box-sizing:border-box!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
  padding-left:6px!important;
  padding-right:6px!important;
  font-size:10.6px!important;
  line-height:1.22!important;
}

table.lt.lt-final_approval th,
table.lt.lt-waiting_payment th{
  overflow:visible!important;
  text-overflow:clip!important;
  letter-spacing:-.15px!important;
}

table.lt.lt-final_approval td,
table.lt.lt-waiting_payment td{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Final Approval columns after Deduction is removed:
   1 No | 2 Req Date | 3 Req Name | 4 BEP# | 5 KT REF# | 6 Final Approver
   7 Beneficiary | 8 Buyer | 9 Program | 10 Vendor Inv Date | 11 Due Date
   12 Invoice # | 13 Amount | 14 Final Amount | 15 Status | 16 Action */
table.lt.lt-final_approval th:nth-child(1),  table.lt.lt-final_approval td:nth-child(1){width:70px!important;min-width:70px!important;max-width:70px!important}
table.lt.lt-final_approval th:nth-child(2),  table.lt.lt-final_approval td:nth-child(2){width:86px!important;min-width:86px!important;max-width:86px!important}
table.lt.lt-final_approval th:nth-child(3),  table.lt.lt-final_approval td:nth-child(3){width:70px!important;min-width:70px!important;max-width:70px!important}
table.lt.lt-final_approval th:nth-child(4),  table.lt.lt-final_approval td:nth-child(4){width:84px!important;min-width:84px!important;max-width:84px!important}
table.lt.lt-final_approval th:nth-child(5),  table.lt.lt-final_approval td:nth-child(5){width:72px!important;min-width:72px!important;max-width:72px!important}
table.lt.lt-final_approval th:nth-child(6),  table.lt.lt-final_approval td:nth-child(6){width:104px!important;min-width:104px!important;max-width:104px!important}
table.lt.lt-final_approval th:nth-child(7),  table.lt.lt-final_approval td:nth-child(7){width:230px!important;min-width:230px!important;max-width:230px!important}
table.lt.lt-final_approval th:nth-child(8),  table.lt.lt-final_approval td:nth-child(8){width:132px!important;min-width:132px!important;max-width:132px!important}
table.lt.lt-final_approval th:nth-child(9),  table.lt.lt-final_approval td:nth-child(9){width:76px!important;min-width:76px!important;max-width:76px!important}
table.lt.lt-final_approval th:nth-child(10), table.lt.lt-final_approval td:nth-child(10){width:110px!important;min-width:110px!important;max-width:110px!important}
table.lt.lt-final_approval th:nth-child(11), table.lt.lt-final_approval td:nth-child(11){width:118px!important;min-width:118px!important;max-width:118px!important;overflow:visible!important;text-overflow:clip!important}
table.lt.lt-final_approval th:nth-child(12), table.lt.lt-final_approval td:nth-child(12){width:118px!important;min-width:118px!important;max-width:118px!important}
table.lt.lt-final_approval th:nth-child(13), table.lt.lt-final_approval td:nth-child(13){width:98px!important;min-width:98px!important;max-width:98px!important;text-align:right!important}
table.lt.lt-final_approval th:nth-child(14), table.lt.lt-final_approval td:nth-child(14){width:128px!important;min-width:128px!important;max-width:128px!important;text-align:right!important;overflow:visible!important;text-overflow:clip!important}
table.lt.lt-final_approval th:nth-child(15), table.lt.lt-final_approval td:nth-child(15){width:142px!important;min-width:142px!important;max-width:142px!important;overflow:visible!important;text-overflow:clip!important}
table.lt.lt-final_approval th:nth-child(16), table.lt.lt-final_approval td:nth-child(16){width:74px!important;min-width:74px!important;max-width:74px!important;text-align:center!important;overflow:visible!important;text-overflow:clip!important}

/* Waiting Payment keeps Deduction:
   1 No | 2 Req Date | 3 Req Name | 4 BEP# | 5 KT REF# | 6 Beneficiary
   7 Vendor Inv Date | 8 Due Date | 9 Process Date | 10 Pay Method
   11 Amount | 12 Deduction | 13 Final Amount | 14 Status | 15 Action */
table.lt.lt-waiting_payment th:nth-child(1),  table.lt.lt-waiting_payment td:nth-child(1){width:70px!important;min-width:70px!important;max-width:70px!important}
table.lt.lt-waiting_payment th:nth-child(2),  table.lt.lt-waiting_payment td:nth-child(2){width:86px!important;min-width:86px!important;max-width:86px!important}
table.lt.lt-waiting_payment th:nth-child(3),  table.lt.lt-waiting_payment td:nth-child(3){width:76px!important;min-width:76px!important;max-width:76px!important}
table.lt.lt-waiting_payment th:nth-child(4),  table.lt.lt-waiting_payment td:nth-child(4){width:84px!important;min-width:84px!important;max-width:84px!important}
table.lt.lt-waiting_payment th:nth-child(5),  table.lt.lt-waiting_payment td:nth-child(5){width:74px!important;min-width:74px!important;max-width:74px!important}
table.lt.lt-waiting_payment th:nth-child(6),  table.lt.lt-waiting_payment td:nth-child(6){width:260px!important;min-width:260px!important;max-width:260px!important}
table.lt.lt-waiting_payment th:nth-child(7),  table.lt.lt-waiting_payment td:nth-child(7){width:116px!important;min-width:116px!important;max-width:116px!important}
table.lt.lt-waiting_payment th:nth-child(8),  table.lt.lt-waiting_payment td:nth-child(8){width:122px!important;min-width:122px!important;max-width:122px!important;overflow:visible!important;text-overflow:clip!important}
table.lt.lt-waiting_payment th:nth-child(9),  table.lt.lt-waiting_payment td:nth-child(9){width:108px!important;min-width:108px!important;max-width:108px!important}
table.lt.lt-waiting_payment th:nth-child(10), table.lt.lt-waiting_payment td:nth-child(10){width:80px!important;min-width:80px!important;max-width:80px!important}
table.lt.lt-waiting_payment th:nth-child(11), table.lt.lt-waiting_payment td:nth-child(11){width:98px!important;min-width:98px!important;max-width:98px!important;text-align:right!important}
table.lt.lt-waiting_payment th:nth-child(12), table.lt.lt-waiting_payment td:nth-child(12){width:94px!important;min-width:94px!important;max-width:94px!important;text-align:right!important}
table.lt.lt-waiting_payment th:nth-child(13), table.lt.lt-waiting_payment td:nth-child(13){width:120px!important;min-width:120px!important;max-width:120px!important;text-align:right!important;overflow:visible!important;text-overflow:clip!important}
table.lt.lt-waiting_payment th:nth-child(14), table.lt.lt-waiting_payment td:nth-child(14){width:150px!important;min-width:150px!important;max-width:150px!important;overflow:visible!important;text-overflow:clip!important}
table.lt.lt-waiting_payment th:nth-child(15), table.lt.lt-waiting_payment td:nth-child(15){width:74px!important;min-width:74px!important;max-width:74px!important;text-align:center!important;overflow:visible!important;text-overflow:clip!important}

/* Beneficiary + BANK: strongest override, placed last.
   The important part is width:auto on .benef-short; older rules forced width:calc(...). */
table.lt.lt-final_approval td.list-benef,
table.lt.lt-waiting_payment td.list-benef,
table.lt td.list-benef{
  display:table-cell!important;
  white-space:nowrap!important;
  text-align:left!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}

table.lt.lt-final_approval td.list-benef .benef-pack,
table.lt.lt-final_approval td.list-benef .benef-inline,
table.lt.lt-waiting_payment td.list-benef .benef-pack,
table.lt.lt-waiting_payment td.list-benef .benef-inline,
table.lt td.list-benef .benef-pack,
table.lt td.list-benef .benef-inline{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:2px!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  vertical-align:middle!important;
  flex-wrap:nowrap!important;
}

table.lt.lt-final_approval td.list-benef .benef-short,
table.lt.lt-waiting_payment td.list-benef .benef-short,
table.lt td.list-benef .benef-short{
  display:inline-block!important;
  width:auto!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
  flex:0 1 auto!important;
}

table.lt.lt-final_approval td.list-benef .benef-short{max-width:168px!important;}
table.lt.lt-waiting_payment td.list-benef .benef-short{max-width:198px!important;}

table.lt.lt-final_approval td.list-benef .bank-mini,
table.lt.lt-waiting_payment td.list-benef .bank-mini,
table.lt td.list-benef .bank-mini{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:static!important;
  float:none!important;
  clear:none!important;
  inset:auto!important;
  transform:none!important;
  flex:0 0 34px!important;
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:16px!important;
  min-height:16px!important;
  margin:0 0 0 2px!important;
  padding:0 3px!important;
  line-height:14px!important;
  font-size:9px!important;
  vertical-align:middle!important;
  align-self:center!important;
}

/* Status: text first, warning icon after text */
table.lt.lt-final_approval .status-cell,
table.lt.lt-waiting_payment .status-cell{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  white-space:nowrap!important;
}
table.lt.lt-final_approval .status-cell .pill,
table.lt.lt-waiting_payment .status-cell .pill{order:1!important;flex:0 0 auto!important;}
table.lt.lt-final_approval .status-cell .urgent-status,
table.lt.lt-waiting_payment .status-cell .urgent-status{order:2!important;flex:0 0 auto!important;}

/* === v33 FINAL: Beneficiary BANK adjacent + clean BEP Management columns END === */


/* === v34 FINAL: Final Approval + Waiting Payment layout only ===
   Purpose:
   - Final Approval: remove Deduction column from template, rebalance 16 columns.
   - Waiting Payment: keep Deduction column, rebalance 15 columns.
   - Beneficiary + BANK: force BANK to sit immediately after the truncated name.
*/
.tbl-wrap:has(table.lt.lt-final_approval),
.tbl-wrap:has(table.lt.lt-waiting_payment){
  overflow-x:hidden!important;
}

table.lt.lt-final_approval,
table.lt.lt-waiting_payment{
  table-layout:fixed!important;
  width:100%!important;
  min-width:0!important;
}

table.lt.lt-final_approval th,
table.lt.lt-final_approval td,
table.lt.lt-waiting_payment th,
table.lt.lt-waiting_payment td{
  box-sizing:border-box!important;
  padding:7px 6px!important;
  font-size:10.4px!important;
  line-height:1.18!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}

table.lt.lt-final_approval th,
table.lt.lt-waiting_payment th{
  overflow:visible!important;
  text-overflow:clip!important;
}

table.lt.lt-final_approval td,
table.lt.lt-waiting_payment td{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Final Approval after removing Deduction: 16 columns */
table.lt.lt-final_approval th:nth-child(1),  table.lt.lt-final_approval td:nth-child(1){width:4.2%!important;min-width:0!important;max-width:none!important}
table.lt.lt-final_approval th:nth-child(2),  table.lt.lt-final_approval td:nth-child(2){width:5.6%!important;min-width:0!important;max-width:none!important}
table.lt.lt-final_approval th:nth-child(3),  table.lt.lt-final_approval td:nth-child(3){width:4.2%!important;min-width:0!important;max-width:none!important}
table.lt.lt-final_approval th:nth-child(4),  table.lt.lt-final_approval td:nth-child(4){width:5.0%!important;min-width:0!important;max-width:none!important}
table.lt.lt-final_approval th:nth-child(5),  table.lt.lt-final_approval td:nth-child(5){width:4.5%!important;min-width:0!important;max-width:none!important}
table.lt.lt-final_approval th:nth-child(6),  table.lt.lt-final_approval td:nth-child(6){width:5.8%!important;min-width:0!important;max-width:none!important}
table.lt.lt-final_approval th:nth-child(7),  table.lt.lt-final_approval td:nth-child(7){width:13.5%!important;min-width:0!important;max-width:none!important}
table.lt.lt-final_approval th:nth-child(8),  table.lt.lt-final_approval td:nth-child(8){width:9.0%!important;min-width:0!important;max-width:none!important}
table.lt.lt-final_approval th:nth-child(9),  table.lt.lt-final_approval td:nth-child(9){width:4.8%!important;min-width:0!important;max-width:none!important}
table.lt.lt-final_approval th:nth-child(10), table.lt.lt-final_approval td:nth-child(10){width:6.2%!important;min-width:0!important;max-width:none!important}
table.lt.lt-final_approval th:nth-child(11), table.lt.lt-final_approval td:nth-child(11){width:6.2%!important;min-width:0!important;max-width:none!important}
table.lt.lt-final_approval th:nth-child(12), table.lt.lt-final_approval td:nth-child(12){width:7.2%!important;min-width:0!important;max-width:none!important}
table.lt.lt-final_approval th:nth-child(13), table.lt.lt-final_approval td:nth-child(13){width:6.2%!important;min-width:0!important;max-width:none!important;text-align:right!important}
table.lt.lt-final_approval th:nth-child(14), table.lt.lt-final_approval td:nth-child(14){width:7.0%!important;min-width:0!important;max-width:none!important;text-align:right!important;overflow:visible!important;text-overflow:clip!important}
table.lt.lt-final_approval th:nth-child(15), table.lt.lt-final_approval td:nth-child(15){width:6.8%!important;min-width:0!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important}
table.lt.lt-final_approval th:nth-child(16), table.lt.lt-final_approval td:nth-child(16){width:3.8%!important;min-width:0!important;max-width:none!important;text-align:center!important;overflow:visible!important;text-overflow:clip!important}

/* Waiting Payment: 15 columns, keep Deduction visible */
table.lt.lt-waiting_payment th:nth-child(1),  table.lt.lt-waiting_payment td:nth-child(1){width:4.2%!important;min-width:0!important;max-width:none!important}
table.lt.lt-waiting_payment th:nth-child(2),  table.lt.lt-waiting_payment td:nth-child(2){width:5.5%!important;min-width:0!important;max-width:none!important}
table.lt.lt-waiting_payment th:nth-child(3),  table.lt.lt-waiting_payment td:nth-child(3){width:4.5%!important;min-width:0!important;max-width:none!important}
table.lt.lt-waiting_payment th:nth-child(4),  table.lt.lt-waiting_payment td:nth-child(4){width:5.0%!important;min-width:0!important;max-width:none!important}
table.lt.lt-waiting_payment th:nth-child(5),  table.lt.lt-waiting_payment td:nth-child(5){width:4.5%!important;min-width:0!important;max-width:none!important}
table.lt.lt-waiting_payment th:nth-child(6),  table.lt.lt-waiting_payment td:nth-child(6){width:18.0%!important;min-width:0!important;max-width:none!important}
table.lt.lt-waiting_payment th:nth-child(7),  table.lt.lt-waiting_payment td:nth-child(7){width:6.8%!important;min-width:0!important;max-width:none!important}
table.lt.lt-waiting_payment th:nth-child(8),  table.lt.lt-waiting_payment td:nth-child(8){width:6.8%!important;min-width:0!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important}
table.lt.lt-waiting_payment th:nth-child(9),  table.lt.lt-waiting_payment td:nth-child(9){width:6.2%!important;min-width:0!important;max-width:none!important}
table.lt.lt-waiting_payment th:nth-child(10), table.lt.lt-waiting_payment td:nth-child(10){width:4.5%!important;min-width:0!important;max-width:none!important}
table.lt.lt-waiting_payment th:nth-child(11), table.lt.lt-waiting_payment td:nth-child(11){width:6.8%!important;min-width:0!important;max-width:none!important;text-align:right!important}
table.lt.lt-waiting_payment th:nth-child(12), table.lt.lt-waiting_payment td:nth-child(12){width:6.0%!important;min-width:0!important;max-width:none!important;text-align:right!important}
table.lt.lt-waiting_payment th:nth-child(13), table.lt.lt-waiting_payment td:nth-child(13){width:7.0%!important;min-width:0!important;max-width:none!important;text-align:right!important;overflow:visible!important;text-overflow:clip!important}
table.lt.lt-waiting_payment th:nth-child(14), table.lt.lt-waiting_payment td:nth-child(14){width:8.7%!important;min-width:0!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important}
table.lt.lt-waiting_payment th:nth-child(15), table.lt.lt-waiting_payment td:nth-child(15){width:5.5%!important;min-width:0!important;max-width:none!important;text-align:center!important;overflow:visible!important;text-overflow:clip!important}

/* Beneficiary + BANK compact unit: name ellipsis and BANK immediately beside it */
table.lt.lt-final_approval td.list-benef,
table.lt.lt-waiting_payment td.list-benef{
  display:table-cell!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}

table.lt.lt-final_approval td.list-benef .benef-inline,
table.lt.lt-waiting_payment td.list-benef .benef-inline{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:2px!important;
  width:auto!important;
  max-width:100%!important;
  vertical-align:middle!important;
  flex-wrap:nowrap!important;
}

table.lt.lt-final_approval td.list-benef .benef-short,
table.lt.lt-waiting_payment td.list-benef .benef-short{
  display:inline-block!important;
  flex:0 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:150px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}

table.lt.lt-waiting_payment td.list-benef .benef-short{
  max-width:170px!important;
}

table.lt.lt-final_approval td.list-benef .bank-mini,
table.lt.lt-waiting_payment td.list-benef .bank-mini{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  position:static!important;
  float:none!important;
  clear:none!important;
  inset:auto!important;
  transform:none!important;
  margin:0 0 0 2px!important;
  vertical-align:middle!important;
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:16px!important;
  min-height:16px!important;
  padding:0 3px!important;
  line-height:14px!important;
  font-size:9px!important;
}

/* Status: urgent icon after status pill */
table.lt.lt-final_approval .status-cell,
table.lt.lt-waiting_payment .status-cell{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  white-space:nowrap!important;
}
table.lt.lt-final_approval .status-cell .pill,
table.lt.lt-waiting_payment .status-cell .pill{order:1!important;flex:0 0 auto!important}
table.lt.lt-final_approval .status-cell .urgent-status,
table.lt.lt-waiting_payment .status-cell .urgent-status{order:2!important;flex:0 0 auto!important}


/* === v35 FINAL/WP SPACING CLEANUP ===
   Only targets BEP Management > Final Approval and Waiting Payment.
   Purpose: remove uneven blank areas, keep headers readable, center Pay Method/Final Amount/Action,
   and keep BANK immediately after Beneficiary text.
*/
.tbl-wrap.module-list-wrap.mod-final_approval,
.tbl-wrap.module-list-wrap.mod-waiting_payment{
  overflow-x:hidden!important;
  width:100%!important;
}

.module-list-table.mod-final_approval,
.module-list-table.mod-waiting_payment{
  table-layout:fixed!important;
  width:100%!important;
  min-width:0!important;
  border-collapse:collapse!important;
}

.module-list-table.mod-final_approval th,
.module-list-table.mod-final_approval td,
.module-list-table.mod-waiting_payment th,
.module-list-table.mod-waiting_payment td{
  box-sizing:border-box!important;
  padding:7px 6px!important;
  font-size:10.35px!important;
  line-height:1.22!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.module-list-table.mod-final_approval th,
.module-list-table.mod-waiting_payment th{
  font-size:10.45px!important;
  font-weight:900!important;
  letter-spacing:-.08px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* ---------- Final Approval: 16 columns, no Deduction column ---------- */
.module-list-table.mod-final_approval th:nth-child(1),  .module-list-table.mod-final_approval td:nth-child(1){width:4.1%!important}
.module-list-table.mod-final_approval th:nth-child(2),  .module-list-table.mod-final_approval td:nth-child(2){width:5.3%!important}
.module-list-table.mod-final_approval th:nth-child(3),  .module-list-table.mod-final_approval td:nth-child(3){width:4.4%!important}
.module-list-table.mod-final_approval th:nth-child(4),  .module-list-table.mod-final_approval td:nth-child(4){width:4.8%!important}
.module-list-table.mod-final_approval th:nth-child(5),  .module-list-table.mod-final_approval td:nth-child(5){width:4.4%!important}
.module-list-table.mod-final_approval th:nth-child(6),  .module-list-table.mod-final_approval td:nth-child(6){width:6.0%!important}
.module-list-table.mod-final_approval th:nth-child(7),  .module-list-table.mod-final_approval td:nth-child(7){width:10.0%!important}
.module-list-table.mod-final_approval th:nth-child(8),  .module-list-table.mod-final_approval td:nth-child(8){width:9.4%!important}
.module-list-table.mod-final_approval th:nth-child(9),  .module-list-table.mod-final_approval td:nth-child(9){width:5.9%!important}
.module-list-table.mod-final_approval th:nth-child(10), .module-list-table.mod-final_approval td:nth-child(10){width:6.8%!important}
.module-list-table.mod-final_approval th:nth-child(11), .module-list-table.mod-final_approval td:nth-child(11){width:7.0%!important}
.module-list-table.mod-final_approval th:nth-child(12), .module-list-table.mod-final_approval td:nth-child(12){width:7.2%!important}
.module-list-table.mod-final_approval th:nth-child(13), .module-list-table.mod-final_approval td:nth-child(13){width:6.2%!important;text-align:right!important}
.module-list-table.mod-final_approval th:nth-child(14), .module-list-table.mod-final_approval td:nth-child(14){width:7.4%!important;text-align:center!important;overflow:visible!important;text-overflow:clip!important}
.module-list-table.mod-final_approval th:nth-child(15), .module-list-table.mod-final_approval td:nth-child(15){width:7.3%!important;text-align:center!important;overflow:visible!important;text-overflow:clip!important}
.module-list-table.mod-final_approval th:nth-child(16), .module-list-table.mod-final_approval td:nth-child(16){width:3.8%!important;text-align:center!important;overflow:visible!important;text-overflow:clip!important}

/* ---------- Waiting Payment: 15 columns, keep Deduction ---------- */
.module-list-table.mod-waiting_payment th:nth-child(1),  .module-list-table.mod-waiting_payment td:nth-child(1){width:4.1%!important}
.module-list-table.mod-waiting_payment th:nth-child(2),  .module-list-table.mod-waiting_payment td:nth-child(2){width:5.3%!important}
.module-list-table.mod-waiting_payment th:nth-child(3),  .module-list-table.mod-waiting_payment td:nth-child(3){width:4.5%!important}
.module-list-table.mod-waiting_payment th:nth-child(4),  .module-list-table.mod-waiting_payment td:nth-child(4){width:4.8%!important}
.module-list-table.mod-waiting_payment th:nth-child(5),  .module-list-table.mod-waiting_payment td:nth-child(5){width:4.5%!important}
.module-list-table.mod-waiting_payment th:nth-child(6),  .module-list-table.mod-waiting_payment td:nth-child(6){width:12.0%!important}
.module-list-table.mod-waiting_payment th:nth-child(7),  .module-list-table.mod-waiting_payment td:nth-child(7){width:7.4%!important}
.module-list-table.mod-waiting_payment th:nth-child(8),  .module-list-table.mod-waiting_payment td:nth-child(8){width:7.4%!important}
.module-list-table.mod-waiting_payment th:nth-child(9),  .module-list-table.mod-waiting_payment td:nth-child(9){width:7.0%!important}
.module-list-table.mod-waiting_payment th:nth-child(10), .module-list-table.mod-waiting_payment td:nth-child(10){width:6.4%!important;text-align:center!important;overflow:visible!important;text-overflow:clip!important}
.module-list-table.mod-waiting_payment th:nth-child(11), .module-list-table.mod-waiting_payment td:nth-child(11){width:7.0%!important;text-align:right!important}
.module-list-table.mod-waiting_payment th:nth-child(12), .module-list-table.mod-waiting_payment td:nth-child(12){width:6.2%!important;text-align:right!important}
.module-list-table.mod-waiting_payment th:nth-child(13), .module-list-table.mod-waiting_payment td:nth-child(13){width:8.2%!important;text-align:center!important;overflow:visible!important;text-overflow:clip!important}
.module-list-table.mod-waiting_payment th:nth-child(14), .module-list-table.mod-waiting_payment td:nth-child(14){width:9.6%!important;text-align:center!important;overflow:visible!important;text-overflow:clip!important}
.module-list-table.mod-waiting_payment th:nth-child(15), .module-list-table.mod-waiting_payment td:nth-child(15){width:5.6%!important;text-align:center!important;overflow:visible!important;text-overflow:clip!important}

/* Request No must remain fully visible: R26-0013 */
.module-list-table.mod-final_approval td:nth-child(1),
.module-list-table.mod-waiting_payment td:nth-child(1){
  overflow:visible!important;
  text-overflow:clip!important;
}
.module-list-table.mod-final_approval .reqno-compact,
.module-list-table.mod-waiting_payment .reqno-compact{
  display:inline-block!important;
  width:auto!important;
  min-width:60px!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  letter-spacing:-.35px!important;
}

/* Beneficiary + BANK: compact inline unit, no large blank gap before Buyer/Vendor columns */
.module-list-table.mod-final_approval td.list-benef,
.module-list-table.mod-waiting_payment td.list-benef{
  display:table-cell!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}
.module-list-table.mod-final_approval td.list-benef .benef-inline,
.module-list-table.mod-waiting_payment td.list-benef .benef-inline{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:2px!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  vertical-align:middle!important;
  flex-wrap:nowrap!important;
}
.module-list-table.mod-final_approval td.list-benef .benef-short,
.module-list-table.mod-waiting_payment td.list-benef .benef-short{
  display:inline-block!important;
  flex:0 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:calc(100% - 38px)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
.module-list-table.mod-final_approval td.list-benef .bank-mini,
.module-list-table.mod-waiting_payment td.list-benef .bank-mini{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 34px!important;
  position:static!important;
  float:none!important;
  inset:auto!important;
  transform:none!important;
  margin:0 0 0 2px!important;
  vertical-align:middle!important;
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:16px!important;
  min-height:16px!important;
  padding:0 3px!important;
  line-height:14px!important;
  font-size:9px!important;
}

/* Due date/date badges should not collide with next column */
.module-list-table.mod-final_approval .due-date-cell,
.module-list-table.mod-waiting_payment .due-date-cell{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  max-width:100%!important;
  white-space:nowrap!important;
}
.module-list-table.mod-final_approval .due-badge,
.module-list-table.mod-waiting_payment .due-badge{
  flex:0 0 auto!important;
  padding:1px 4px!important;
  font-size:8.8px!important;
}

/* Status: centered; urgent icon stays after status pill */
.module-list-table.mod-final_approval .status-cell,
.module-list-table.mod-waiting_payment .status-cell{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  white-space:nowrap!important;
}
.module-list-table.mod-final_approval .status-cell .pill,
.module-list-table.mod-waiting_payment .status-cell .pill{
  order:1!important;
  flex:0 0 auto!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.module-list-table.mod-final_approval .status-cell .urgent-status,
.module-list-table.mod-waiting_payment .status-cell .urgent-status{
  order:2!important;
  flex:0 0 auto!important;
  margin-left:2px!important;
  width:16px!important;
  height:16px!important;
  font-size:10px!important;
}

.module-list-table.mod-final_approval .btn.xs,
.module-list-table.mod-waiting_payment .btn.xs{
  padding:4px 7px!important;
  font-size:9.8px!important;
  line-height:1.1!important;
}

@media (max-width:1500px){
  .module-list-table.mod-final_approval th,
  .module-list-table.mod-final_approval td,
  .module-list-table.mod-waiting_payment th,
  .module-list-table.mod-waiting_payment td{
    font-size:9.9px!important;
    padding-left:4px!important;
    padding-right:4px!important;
  }
  .module-list-table.mod-final_approval .status-cell .pill,
  .module-list-table.mod-waiting_payment .status-cell .pill{
    font-size:8.7px!important;
    padding:3px 6px!important;
  }
  .module-list-table.mod-final_approval .btn.xs,
  .module-list-table.mod-waiting_payment .btn.xs{
    font-size:9px!important;
    padding:4px 6px!important;
  }
}

/* v36: left align Action column in Final Approval / Waiting Payment */
/* Chỉ áp dụng cho 2 tab Final Approval và Waiting Payment.
   Action canh trái để các dòng có / không có warning icon vẫn nhìn đều. */
table.lt.lt-final_approval th:last-child,
table.lt.lt-final_approval td:last-child,
table.lt.lt-waiting_payment th:last-child,
table.lt.lt-waiting_payment td:last-child,
.module-list-table.mod-final_approval th:last-child,
.module-list-table.mod-final_approval td:last-child,
.module-list-table.mod-waiting_payment th:last-child,
.module-list-table.mod-waiting_payment td:last-child {
  text-align: left !important;
  justify-content: flex-start !important;
  padding-left: 8px !important;
  padding-right: 6px !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

/* Nếu trong Action có cả warning icon + Detail button thì giữ cùng một hàng, sát trái. */
table.lt.lt-final_approval td:last-child,
table.lt.lt-waiting_payment td:last-child,
.module-list-table.mod-final_approval td:last-child,
.module-list-table.mod-waiting_payment td:last-child {
  vertical-align: middle !important;
}

table.lt.lt-final_approval td:last-child .btn,
table.lt.lt-waiting_payment td:last-child .btn,
.module-list-table.mod-final_approval td:last-child .btn,
.module-list-table.mod-waiting_payment td:last-child .btn {
  margin-left: 0 !important;
  margin-right: 4px !important;
}

table.lt.lt-final_approval td:last-child .urgent-status,
table.lt.lt-waiting_payment td:last-child .urgent-status,
.module-list-table.mod-final_approval td:last-child .urgent-status,
.module-list-table.mod-waiting_payment td:last-child .urgent-status {
  margin-left: 0 !important;
  margin-right: 5px !important;
  vertical-align: middle !important;
}
/* end v36 */


/* v37: global status left alignment
   Apply to ALL modules/tabs: BEP Requesting, Checking, BEP Requested,
   Final Approval, Waiting Payment, Master Log, and any future list table.
   The status pill stays left-aligned; urgent warning icon stays after the pill. */

/* Any explicit status column/cell should be left aligned. */
td.status-td,
th.status-td,
table.lt td.status-td,
table.lt th.status-td,
table.data td.status-td,
table.data th.status-td,
table.mlt td.status-td,
table.mlt th.status-td,
.module-list-table td.status-td,
.module-list-table th.status-td {
  text-align: left !important;
  justify-content: flex-start !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

/* Fallback for browsers used by the internal preview: if a cell contains .status-cell, align that cell left. */
table.lt td:has(.status-cell),
table.data td:has(.status-cell),
table.mlt td:has(.status-cell),
.module-list-table td:has(.status-cell) {
  text-align: left !important;
  justify-content: flex-start !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

/* The status content itself must start from the left edge of its cell. */
.status-cell,
table.lt .status-cell,
table.data .status-cell,
table.mlt .status-cell,
.module-list-table .status-cell {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  gap: 5px !important;
  width: auto !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

/* Status pill first. */
.status-cell .pill,
table.lt .status-cell .pill,
table.data .status-cell .pill,
table.mlt .status-cell .pill,
.module-list-table .status-cell .pill {
  order: 1 !important;
  flex: 0 0 auto !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

/* Urgent icon must stay AFTER the status pill. */
.status-cell .urgent-status,
table.lt .status-cell .urgent-status,
table.data .status-cell .urgent-status,
table.mlt .status-cell .urgent-status,
.module-list-table .status-cell .urgent-status {
  order: 2 !important;
  flex: 0 0 auto !important;
  margin-left: 3px !important;
}

/* Undo older Final Approval / Waiting Payment rules that centered status cells. */
table.lt.lt-final_approval td.status-td,
table.lt.lt-waiting_payment td.status-td,
table.lt.lt-final_approval td:has(.status-cell),
table.lt.lt-waiting_payment td:has(.status-cell),
.module-list-table.mod-final_approval td.status-td,
.module-list-table.mod-waiting_payment td.status-td,
.module-list-table.mod-final_approval td:has(.status-cell),
.module-list-table.mod-waiting_payment td:has(.status-cell) {
  text-align: left !important;
}
/* end v37 */

/* v38: Waiting Payment header/body alignment fix */
/* Fix header mismatch: Waiting Payment has Amount + Deduction + Final Amount. */
.tbl-wrap:has(table.lt.lt-waiting_payment),
.module-list-wrap.mod-waiting_payment{
  overflow-x:hidden!important;
  width:100%!important;
}
table.lt.lt-waiting_payment,
.module-list-table.mod-waiting_payment{
  width:100%!important;
  min-width:100%!important;
  max-width:none!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
}
table.lt.lt-waiting_payment th,
table.lt.lt-waiting_payment td,
.module-list-table.mod-waiting_payment th,
.module-list-table.mod-waiting_payment td{
  box-sizing:border-box!important;
  padding-left:6px!important;
  padding-right:6px!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
  font-size:10.8px!important;
  line-height:1.22!important;
}
table.lt.lt-waiting_payment th,
.module-list-table.mod-waiting_payment th{
  overflow:visible!important;
  text-overflow:clip!important;
}
table.lt.lt-waiting_payment td,
.module-list-table.mod-waiting_payment td{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Waiting Payment 15-column balance:
   No | Req Date | Req Name | BEP# | KT REF# | Beneficiary | Vendor Inv Date | Due Date |
   Process Date | Pay Method | Amount | Deduction | Final Amount | Status | Action */
table.lt.lt-waiting_payment th:nth-child(1), table.lt.lt-waiting_payment td:nth-child(1){width:4.2%!important;min-width:72px!important}
table.lt.lt-waiting_payment th:nth-child(2), table.lt.lt-waiting_payment td:nth-child(2){width:5.6%!important}
table.lt.lt-waiting_payment th:nth-child(3), table.lt.lt-waiting_payment td:nth-child(3){width:4.8%!important}
table.lt.lt-waiting_payment th:nth-child(4), table.lt.lt-waiting_payment td:nth-child(4){width:5.2%!important}
table.lt.lt-waiting_payment th:nth-child(5), table.lt.lt-waiting_payment td:nth-child(5){width:5.0%!important}
table.lt.lt-waiting_payment th:nth-child(6), table.lt.lt-waiting_payment td:nth-child(6){width:13.4%!important}
table.lt.lt-waiting_payment th:nth-child(7), table.lt.lt-waiting_payment td:nth-child(7){width:7.8%!important}
table.lt.lt-waiting_payment th:nth-child(8), table.lt.lt-waiting_payment td:nth-child(8){width:7.8%!important;overflow:visible!important;text-overflow:clip!important}
table.lt.lt-waiting_payment th:nth-child(9), table.lt.lt-waiting_payment td:nth-child(9){width:7.4%!important}
table.lt.lt-waiting_payment th:nth-child(10), table.lt.lt-waiting_payment td:nth-child(10){width:6.2%!important;text-align:center!important}
table.lt.lt-waiting_payment th:nth-child(11), table.lt.lt-waiting_payment td:nth-child(11){width:6.8%!important;text-align:right!important}
table.lt.lt-waiting_payment th:nth-child(12), table.lt.lt-waiting_payment td:nth-child(12){width:6.0%!important;text-align:right!important}
table.lt.lt-waiting_payment th:nth-child(13), table.lt.lt-waiting_payment td:nth-child(13){width:7.4%!important;text-align:center!important;overflow:visible!important;text-overflow:clip!important}
table.lt.lt-waiting_payment th:nth-child(14), table.lt.lt-waiting_payment td:nth-child(14){width:8.4%!important;text-align:left!important;overflow:visible!important;text-overflow:clip!important}
table.lt.lt-waiting_payment th:nth-child(15), table.lt.lt-waiting_payment td:nth-child(15){width:4.0%!important;text-align:left!important;overflow:visible!important;text-overflow:clip!important}

/* Keep Beneficiary + BANK compact, but do not steal room from following columns. */
table.lt.lt-waiting_payment td.list-benef{
  white-space:nowrap!important;
  text-align:left!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}
table.lt.lt-waiting_payment td.list-benef .benef-inline,
table.lt.lt-waiting_payment td.list-benef .benef-pack{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:2px!important;
  max-width:100%!important;
  min-width:0!important;
  width:auto!important;
}
table.lt.lt-waiting_payment td.list-benef .benef-short{
  display:inline-block!important;
  flex:0 1 auto!important;
  width:auto!important;
  max-width:calc(100% - 38px)!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
table.lt.lt-waiting_payment td.list-benef .bank-mini{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  margin-left:2px!important;
  vertical-align:middle!important;
  position:static!important;
  float:none!important;
  transform:none!important;
}

/* Status left aligned, urgent icon after status. */
table.lt.lt-waiting_payment .status-cell{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  white-space:nowrap!important;
}
table.lt.lt-waiting_payment .status-cell .pill{order:1!important;flex:0 0 auto!important}
table.lt.lt-waiting_payment .status-cell .urgent-status{order:2!important;flex:0 0 auto!important;margin-left:4px!important}

/* v39: Waiting Payment correct 15-column layout incl. Deduction */
/* Column order:
   No | Req Date | Req Name | BEP# | KT REF# | Beneficiary | Vendor Inv Date | Due Date |
   Process Date | Pay Method | Amount | Deduction | Final Amount | Status | Action */
.tbl-wrap.mod-waiting_payment,
.module-list-wrap.mod-waiting_payment{
  overflow-x:hidden!important;
  width:100%!important;
}
table.lt.lt-waiting_payment,
table.module-list-table.mod-waiting_payment{
  table-layout:fixed!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  border-collapse:collapse!important;
}
table.lt.lt-waiting_payment th,
table.lt.lt-waiting_payment td,
table.module-list-table.mod-waiting_payment th,
table.module-list-table.mod-waiting_payment td{
  box-sizing:border-box!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
  padding:6px 6px!important;
  font-size:10.7px!important;
  line-height:1.2!important;
}
table.lt.lt-waiting_payment th,
table.module-list-table.mod-waiting_payment th{
  overflow:visible!important;
  text-overflow:clip!important;
  text-align:left!important;
}
table.lt.lt-waiting_payment td,
table.module-list-table.mod-waiting_payment td{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
/* Widths sum close to 100%, with enough room for Deduction and Final Amount. */
table.lt.lt-waiting_payment th:nth-child(1), table.lt.lt-waiting_payment td:nth-child(1){width:4.1%!important;min-width:70px!important;max-width:74px!important;overflow:visible!important;text-overflow:clip!important;}
table.lt.lt-waiting_payment th:nth-child(2), table.lt.lt-waiting_payment td:nth-child(2){width:5.4%!important;}
table.lt.lt-waiting_payment th:nth-child(3), table.lt.lt-waiting_payment td:nth-child(3){width:5.0%!important;}
table.lt.lt-waiting_payment th:nth-child(4), table.lt.lt-waiting_payment td:nth-child(4){width:5.1%!important;}
table.lt.lt-waiting_payment th:nth-child(5), table.lt.lt-waiting_payment td:nth-child(5){width:5.0%!important;}
table.lt.lt-waiting_payment th:nth-child(6), table.lt.lt-waiting_payment td:nth-child(6){width:13.2%!important;}
table.lt.lt-waiting_payment th:nth-child(7), table.lt.lt-waiting_payment td:nth-child(7){width:7.5%!important;}
table.lt.lt-waiting_payment th:nth-child(8), table.lt.lt-waiting_payment td:nth-child(8){width:7.7%!important;overflow:visible!important;text-overflow:clip!important;}
table.lt.lt-waiting_payment th:nth-child(9), table.lt.lt-waiting_payment td:nth-child(9){width:7.1%!important;}
table.lt.lt-waiting_payment th:nth-child(10), table.lt.lt-waiting_payment td:nth-child(10){width:6.0%!important;text-align:center!important;}
table.lt.lt-waiting_payment th:nth-child(11), table.lt.lt-waiting_payment td:nth-child(11){width:6.6%!important;text-align:right!important;}
table.lt.lt-waiting_payment th:nth-child(12), table.lt.lt-waiting_payment td:nth-child(12){width:6.3%!important;text-align:right!important;}
table.lt.lt-waiting_payment th:nth-child(13), table.lt.lt-waiting_payment td:nth-child(13){width:7.0%!important;text-align:right!important;overflow:visible!important;text-overflow:clip!important;}
table.lt.lt-waiting_payment th:nth-child(14), table.lt.lt-waiting_payment td:nth-child(14){width:8.4%!important;text-align:left!important;overflow:visible!important;text-overflow:clip!important;}
table.lt.lt-waiting_payment th:nth-child(15), table.lt.lt-waiting_payment td:nth-child(15){width:5.6%!important;text-align:left!important;overflow:visible!important;text-overflow:clip!important;}
/* compact Beneficiary + BANK */
table.lt.lt-waiting_payment td.list-benef .benef-inline{display:inline-flex!important;align-items:center!important;gap:2px!important;max-width:100%!important;min-width:0!important;}
table.lt.lt-waiting_payment td.list-benef .benef-short{display:inline-block!important;max-width:calc(100% - 38px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
table.lt.lt-waiting_payment td.list-benef .bank-mini{flex:0 0 auto!important;margin-left:2px!important;position:static!important;float:none!important;transform:none!important;}
/* status left; urgent after status */
table.lt.lt-waiting_payment .status-cell{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;white-space:nowrap!important;}
table.lt.lt-waiting_payment .status-cell .pill{order:1!important;flex:0 0 auto!important;}
table.lt.lt-waiting_payment .status-cell .urgent-status{order:2!important;flex:0 0 auto!important;margin-left:4px!important;}

/* v41 bank edit for this BEP UI */
.bank-edit-btn41{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:26px!important;
  height:24px!important;
  border:1px solid #c8d2e3!important;
  background:#fffdf5!important;
  color:#8a5300!important;
  border-radius:999px!important;
  font-size:13px!important;
  font-weight:900!important;
  cursor:pointer!important;
  margin-left:4px!important;
  flex:0 0 auto!important;
}
.bank-edit-btn41:hover{background:#fff3d8!important;border-color:#d9a441!important;color:#6b3f00!important}
.bank-edit-pending{background:#fff1f0!important;border-color:#ffccc7!important;color:#b42318!important}
.bank-edit-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.bank-edit-side{border:1px solid #e1d4b0;background:#fffdf5;border-radius:8px;padding:8px;min-width:0}
.bank-edit-side>b{display:block;margin-bottom:6px;color:#7a4b00}
.bank-edit-actions{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;margin-top:10px;border-top:1px solid #eadbb7;padding-top:10px}
.bank-edit-actions form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.bank-edit-actions input{border:1px solid var(--border);border-radius:7px;padding:5px 8px;font-size:12px}
@media(max-width:900px){.bank-edit-compare{grid-template-columns:1fr}}


/* v42 beneficiary suggestion edit UI */
.benef-suggest-edit42{
  display:none;
  position:fixed;
  z-index:9998;
  max-height:260px;
  overflow:auto;
  background:#111827;
  color:#fff;
  border:1px solid rgba(255,255,255,.16);
  border-radius:10px;
  box-shadow:0 14px 34px rgba(0,0,0,.38);
  padding:5px;
}
.benef-suggest-edit42.show{display:block}
.benef-suggest-row42{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:8px 8px 8px 12px;
  border-radius:8px;
  cursor:pointer;
  min-height:34px;
}
.benef-suggest-row42:hover{background:#1f2937}
.benef-suggest-name42{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12.5px;
  font-weight:850;
  letter-spacing:.01em;
}
.benef-suggest-edit-btn42{
  flex:0 0 auto;
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #f5c56b;
  background:#fff9e8;
  color:#8a5300;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
.benef-suggest-edit-btn42:hover{background:#f5c56b;color:#111827}
/* The old separate pencil can confuse users because the edit action is now inside each suggestion row. */
.bank-new-inline-wrap .bank-edit-btn41.bep-edit-pencil-v57{display:inline-flex!important}


/* v44 bank edit ajax note */
.bank-edit-checked{
  background:#e8f7ef!important;
  border-color:#9fd8b8!important;
  color:#0f6b46!important;
}
.bank-edit-ajax-note{
  animation: bankEditNotePulse44 .9s ease-out 1;
}
@keyframes bankEditNotePulse44{
  from{box-shadow:0 0 0 3px rgba(23,124,82,.20)}
  to{box-shadow:0 0 0 0 rgba(23,124,82,0)}
}


/* v46 ajax payment upload and keep form */
.ajax-uploaded-row td{background:#f0fff7!important;border-top:1px solid #b7ead1!important}
.pay-upload-ajax-note46{animation:v46PayNote .9s ease-out 1}
@keyframes v46PayNote{from{box-shadow:0 0 0 3px rgba(23,124,82,.20)}to{box-shadow:0 0 0 0 rgba(23,124,82,0)}}


/* v47 disabled create import export */
.btn.disabled, span.btn.disabled{opacity:.48!important;cursor:not-allowed!important;pointer-events:none!important;filter:grayscale(.25)}


/* v52 import modal over beneficiary suggestion */
#modalImport.open, #modalImport.show, #modalImport.active { z-index: 1000000 !important; }
#benefSuggestEdit42:not(.show) { display: none !important; }
#benefSuggestEdit42 { z-index: 99990 !important; }


/* v53 import modal top layer */
#modalImport.open, #modalImport.show, #modalImport.active { z-index: 1000000 !important; }
#benefSuggestEdit42:not(.show), .benef-suggest-edit42:not(.show) { display:none !important; }


/* v54 smooth workflow layering */
#modalImport.overlay-top, #modalImport.open, #modalImport.show { z-index: 99950 !important; }
#modalImport .mbox { z-index: 99960 !important; }
.benef-suggest-edit42, #benefSuggestEdit42 { z-index: 9000 !important; }

/* v55: left-align Status column in module lists (Final Approval + synced across modules) */
table.lt td.status-td, table.mlt td.status-td{ text-align:left; }
table.lt td.status-td .status-cell, table.mlt td.status-td .status-cell{ justify-content:flex-start; }

/* v55: Waiting Payment Detail — tighten Main Info, give Detail Lines more room & readability */
body.page-waiting_payment .detail-box .mc-grid{ row-gap:2px; column-gap:10px; }
body.page-waiting_payment .detail-box .mc-f{ padding-top:1px; padding-bottom:1px; }
body.page-waiting_payment .detail-box .mc-sep{ margin:4px 0; }
body.page-waiting_payment .detail-box .fs-detail{ flex:1 1 auto; min-height:0; }
body.page-waiting_payment .detail-box .fs-dtscroll{ max-height:none; }
body.page-waiting_payment .detail-box .dtbl th,
body.page-waiting_payment .detail-box .dtbl td{ font-size:12px; padding:6px 7px; }

/* ============================================================================
   v56: Dashboard styles. The dashboard template uses dash-* classes that had
   no CSS, so the page rendered unstyled/broken. These rules are dashboard-only
   (all dash-* prefixed) and do not affect other modules.
   ========================================================================== */
.dash-mhd{ margin-bottom:14px; }
.dash-card-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:14px; margin-bottom:16px; }
.dash-kcard{ display:block; text-decoration:none; color:#fff; border-radius:var(--r); padding:16px 16px 14px; box-shadow:var(--shadow); position:relative; overflow:hidden; transition:transform .12s ease, box-shadow .12s ease; }
.dash-kcard:hover{ transform:translateY(-2px); box-shadow:0 10px 26px rgba(10,20,50,.18); }
.dash-kcard .dash-kl{ font-size:12.5px; font-weight:800; opacity:.95; letter-spacing:.01em; }
.dash-kcard .dash-kn{ font-size:34px; font-weight:900; line-height:1.05; margin:6px 0 2px; }
.dash-kcard .dash-sub{ font-size:11px; font-weight:700; opacity:.85; }
.dash-kcard.blue{ background:linear-gradient(135deg,#2f50d6,#2540ad); }
.dash-kcard.orange{ background:linear-gradient(135deg,#e07a16,#c86400); }
.dash-kcard.teal{ background:linear-gradient(135deg,#2e5e4e,#214a3c); }
.dash-kcard.purple{ background:linear-gradient(135deg,#5040c8,#3f31a6); }
.dash-kcard.green{ background:linear-gradient(135deg,#1f9c66,#177c52); }
.dash-kcard.dark{ background:linear-gradient(135deg,#2a3550,#1a2235); }

.dash-summary-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; margin-bottom:18px; }
.dash-summary-card{ background:#fff; border:1px solid var(--border); border-left:5px solid var(--ok); border-radius:var(--r); padding:14px 16px; box-shadow:var(--shadow); }
.dash-summary-card.warn{ border-left-color:var(--orange); }
.dash-summary-card.blue{ border-left-color:var(--accent); }
.dash-summary-label{ font-size:12px; font-weight:800; color:var(--sub); text-transform:uppercase; letter-spacing:.03em; }
.dash-summary-value{ font-size:26px; font-weight:900; color:var(--ink); margin:4px 0 2px; }
.dash-summary-note{ font-size:11.5px; color:var(--sub); }

.dash-two-col{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:18px; align-items:start; }
.dash-panel{ background:#fff; border:1px solid var(--border); border-radius:var(--r); box-shadow:var(--shadow); padding:14px 16px; }
.dash-panel-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:10px; }
.dash-panel-head h3{ margin:0; font-size:15px; font-weight:900; color:var(--ink); }
.dash-panel-head p{ margin:2px 0 0; font-size:11.5px; color:var(--sub); }
.dash-mini-count{ background:var(--warn2); color:var(--warn); font-weight:900; font-size:12px; border-radius:999px; padding:3px 11px; white-space:nowrap; }

.dash-flow{ display:flex; flex-direction:column; gap:6px; }
.dash-flow-row{ display:flex; align-items:center; justify-content:space-between; text-decoration:none; color:var(--ink); background:#f6f9fd; border:1px solid var(--border); border-radius:8px; padding:9px 12px; font-size:13px; font-weight:700; transition:background .12s ease; }
.dash-flow-row:hover{ background:#eaf1fb; }
.dash-flow-row b{ font-size:15px; font-weight:900; color:var(--accent); min-width:28px; text-align:right; }
.dash-flow-row.paid{ background:var(--teal2); }
.dash-flow-row.paid b{ color:var(--teal); }

.dash-mini-list{ display:flex; flex-direction:column; gap:8px; }
.dash-mini-item{ border:1px solid var(--border); border-radius:8px; padding:8px 10px; background:#fffdf7; }
.dash-mini-item > div:first-child{ display:flex; align-items:center; gap:8px; justify-content:space-between; }
.dash-mini-item b.mono{ font-size:12.5px; }
.dash-mini-item span{ font-size:11.5px; color:var(--sub); }
.dash-mini-item p{ margin:5px 0 0; font-size:11.5px; color:var(--ink); }
.dash-mini-status{ flex-shrink:0; }
.dash-empty{ padding:18px; text-align:center; color:var(--sub); font-size:12.5px; background:#f6f9fd; border:1px dashed var(--border); border-radius:8px; }

.dash-recent-panel{ margin-bottom:8px; }
.dash-inner-table{ box-shadow:none; border:1px solid var(--border); }
.dash-inner-table table.lt{ min-width:0; }

@media (max-width:900px){
  .dash-two-col{ grid-template-columns:1fr; }
}

/* ============================================================================
   v57: (1) ensure the canonical Edit-Bank pencil is always visible for Requester,
   (2) force LEFT alignment of the Status column in Final Approval (and keep
   Waiting Payment consistent), overriding the many older centered !important rules,
   (3) light styling for the Settings -> Beneficiary/Bank Management Update-All tool.
   ========================================================================== */

/* (1) Canonical Edit-Bank pencil – never hidden by legacy rules */
.bep-edit-pencil-v57{ display:inline-flex!important; }

/* (2) Final Approval / Waiting Payment Status -> left aligned. Action column untouched. */
.module-list-table.mod-final_approval td.status-td,
.module-list-table.mod-waiting_payment td.status-td,
table.lt.lt-final_approval td.status-td,
table.lt.lt-waiting_payment td.status-td{
  text-align:left!important;
}
.module-list-table.mod-final_approval td.status-td .status-cell,
.module-list-table.mod-waiting_payment td.status-td .status-cell,
table.lt.lt-final_approval td.status-td .status-cell,
table.lt.lt-waiting_payment td.status-td .status-cell{
  display:inline-flex!important;
  justify-content:flex-start!important;
  text-align:left!important;
}

/* (3) Settings Update-All tool */
.settings-update-all-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:10px; }
.settings-update-all-grid .full{ grid-column:1/-1; }
.settings-update-all-grid label{ display:block; font-size:12px; font-weight:700; color:var(--sub); }
.settings-update-all-grid input,
.settings-update-all-grid textarea{ width:100%; border:1px solid var(--border); border-radius:7px; padding:6px 8px; font:inherit; }
.settings-bank-tool-warn{ background:var(--red2); border:1px solid #e7b4b4; color:#7a1f1f; border-radius:9px; padding:10px 12px; font-size:12.5px; font-weight:700; }
.settings-bank-mgmt-table td .btn{ white-space:nowrap; }

/* ============================================================================
   v58: Detail modal + list layout fixes (scoped; no blind overrides).
   - Detail Lines date columns (Invoice Date / PO Cancel / ETD / ETA) never wrap.
   - Payment Attachments chips in the Detail modal main info.
   - Keep the Beneficiary warning badges INSIDE the beneficiary cell so they can
     never sit under the Status pill or the Detail button (works together with the
     template fix that correctly closes .benef-inline inside its own <td>).
   ========================================================================== */

/* Detail Lines: dates on one line. Columns: 1=Invoice Date, 9=PO Cancel, 16=ETD, 17=ETA.
   Targeted by position because master_log renders these as plain <td> (no .mono). */
.fs-dtscroll table.dtbl td.mono{ white-space:nowrap; }
.fs-dtscroll table.dtbl td:nth-child(1),
.fs-dtscroll table.dtbl td:nth-child(9),
.fs-dtscroll table.dtbl td:nth-child(16),
.fs-dtscroll table.dtbl td:nth-child(17){ white-space:nowrap; }
.fs-dtscroll table.dtbl th, .fs-dtscroll table.dtbl td{ vertical-align:top; }

/* Detail Lines totals always readable */
.fs-dtscroll table.dtbl tfoot td{ white-space:nowrap; font-weight:800; }

/* Payment Attachments chips (Detail modal) */
.pay-att-list{ display:flex; flex-wrap:wrap; gap:6px; }
.pay-att-chip{ display:inline-flex; align-items:center; gap:4px; max-width:100%;
  border:1px solid var(--border); background:#f6f9fd; color:var(--accent);
  border-radius:999px; padding:3px 10px; font-size:11.5px; font-weight:700;
  text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pay-att-chip:hover{ background:#eaf1fb; }

/* Beneficiary cell: badges wrap to their own line within the cell, never overflow */
.module-list-table td.list-benef{ white-space:normal; overflow:hidden; }
.module-list-table td.list-benef .benef-inline{ display:flex; flex-wrap:wrap; align-items:center; gap:4px 6px; max-width:100%; }
.module-list-table td.list-benef .benef-short{ overflow:hidden; text-overflow:ellipsis; }
.module-list-table td.list-benef .bank-warn-line{ flex:0 0 100%; margin-top:2px; }

/* Final Approval Action column: keep the Detail button fully visible, never overlapped */
.module-list-table.mod-final_approval td.action-td,
.module-list-table.mod-waiting_payment td.action-td{ text-align:center; overflow:visible; white-space:nowrap; }
.module-list-table.mod-final_approval td.status-td{ overflow:visible; }


/* ============================================================================
   v58a: visible list/status + full Detail modal information.
   Root fixes:
   1) module_list table now carries lt-<module>, so old targeted rules can match;
      this block still wins at the end to prevent old patch conflicts.
   2) Final Approval/Waiting Payment Status keeps the urgent ! inside the Status
      cell instead of letting it bleed under Action/Detail.
   3) Main Information values in Detail modal wrap instead of being visually cut.
   ========================================================================== */

/* Keep Final Approval and Waiting Payment readable inside 100% page width. */
.module-list-wrap.mod-final_approval,
.module-list-wrap.mod-waiting_payment{
  overflow-x:hidden!important;
}
.module-list-table.mod-final_approval,
.module-list-table.mod-waiting_payment,
table.lt.lt-final_approval,
table.lt.lt-waiting_payment{
  table-layout:fixed!important;
  width:100%!important;
  min-width:0!important;
}
.module-list-table.mod-final_approval th,
.module-list-table.mod-final_approval td,
.module-list-table.mod-waiting_payment th,
.module-list-table.mod-waiting_payment td,
table.lt.lt-final_approval th,
table.lt.lt-final_approval td,
table.lt.lt-waiting_payment th,
table.lt.lt-waiting_payment td{
  box-sizing:border-box!important;
  vertical-align:middle!important;
  padding:6px 5px!important;
  font-size:10.7px!important;
  line-height:1.22!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Final Approval column balance: 16 columns, keep Status/Action enough width. */
.module-list-table.mod-final_approval th:nth-child(1),  .module-list-table.mod-final_approval td:nth-child(1),  table.lt.lt-final_approval th:nth-child(1),  table.lt.lt-final_approval td:nth-child(1){width:4.4%!important;}
.module-list-table.mod-final_approval th:nth-child(2),  .module-list-table.mod-final_approval td:nth-child(2),  table.lt.lt-final_approval th:nth-child(2),  table.lt.lt-final_approval td:nth-child(2){width:5.5%!important;}
.module-list-table.mod-final_approval th:nth-child(3),  .module-list-table.mod-final_approval td:nth-child(3),  table.lt.lt-final_approval th:nth-child(3),  table.lt.lt-final_approval td:nth-child(3){width:4.6%!important;}
.module-list-table.mod-final_approval th:nth-child(4),  .module-list-table.mod-final_approval td:nth-child(4),  table.lt.lt-final_approval th:nth-child(4),  table.lt.lt-final_approval td:nth-child(4){width:5.2%!important;}
.module-list-table.mod-final_approval th:nth-child(5),  .module-list-table.mod-final_approval td:nth-child(5),  table.lt.lt-final_approval th:nth-child(5),  table.lt.lt-final_approval td:nth-child(5){width:4.9%!important;}
.module-list-table.mod-final_approval th:nth-child(6),  .module-list-table.mod-final_approval td:nth-child(6),  table.lt.lt-final_approval th:nth-child(6),  table.lt.lt-final_approval td:nth-child(6){width:6.3%!important;}
.module-list-table.mod-final_approval th:nth-child(7),  .module-list-table.mod-final_approval td:nth-child(7),  table.lt.lt-final_approval th:nth-child(7),  table.lt.lt-final_approval td:nth-child(7){width:12.5%!important;}
.module-list-table.mod-final_approval th:nth-child(8),  .module-list-table.mod-final_approval td:nth-child(8),  table.lt.lt-final_approval th:nth-child(8),  table.lt.lt-final_approval td:nth-child(8){width:6.0%!important;}
.module-list-table.mod-final_approval th:nth-child(9),  .module-list-table.mod-final_approval td:nth-child(9),  table.lt.lt-final_approval th:nth-child(9),  table.lt.lt-final_approval td:nth-child(9){width:4.6%!important;}
.module-list-table.mod-final_approval th:nth-child(10), .module-list-table.mod-final_approval td:nth-child(10), table.lt.lt-final_approval th:nth-child(10), table.lt.lt-final_approval td:nth-child(10){width:6.0%!important;}
.module-list-table.mod-final_approval th:nth-child(11), .module-list-table.mod-final_approval td:nth-child(11), table.lt.lt-final_approval th:nth-child(11), table.lt.lt-final_approval td:nth-child(11){width:6.5%!important;}
.module-list-table.mod-final_approval th:nth-child(12), .module-list-table.mod-final_approval td:nth-child(12), table.lt.lt-final_approval th:nth-child(12), table.lt.lt-final_approval td:nth-child(12){width:5.9%!important;}
.module-list-table.mod-final_approval th:nth-child(13), .module-list-table.mod-final_approval td:nth-child(13), table.lt.lt-final_approval th:nth-child(13), table.lt.lt-final_approval td:nth-child(13){width:5.1%!important;text-align:right!important;}
.module-list-table.mod-final_approval th:nth-child(14), .module-list-table.mod-final_approval td:nth-child(14), table.lt.lt-final_approval th:nth-child(14), table.lt.lt-final_approval td:nth-child(14){width:6.5%!important;text-align:right!important;}
.module-list-table.mod-final_approval th:nth-child(15), .module-list-table.mod-final_approval td:nth-child(15), table.lt.lt-final_approval th:nth-child(15), table.lt.lt-final_approval td:nth-child(15){width:10.0%!important;}
.module-list-table.mod-final_approval th:nth-child(16), .module-list-table.mod-final_approval td:nth-child(16), table.lt.lt-final_approval th:nth-child(16), table.lt.lt-final_approval td:nth-child(16){width:6.0%!important;text-align:center!important;}

/* Waiting Payment column balance: 15 columns. */
.module-list-table.mod-waiting_payment th:nth-child(1),  .module-list-table.mod-waiting_payment td:nth-child(1),  table.lt.lt-waiting_payment th:nth-child(1),  table.lt.lt-waiting_payment td:nth-child(1){width:4.6%!important;}
.module-list-table.mod-waiting_payment th:nth-child(2),  .module-list-table.mod-waiting_payment td:nth-child(2),  table.lt.lt-waiting_payment th:nth-child(2),  table.lt.lt-waiting_payment td:nth-child(2){width:5.5%!important;}
.module-list-table.mod-waiting_payment th:nth-child(3),  .module-list-table.mod-waiting_payment td:nth-child(3),  table.lt.lt-waiting_payment th:nth-child(3),  table.lt.lt-waiting_payment td:nth-child(3){width:5.0%!important;}
.module-list-table.mod-waiting_payment th:nth-child(4),  .module-list-table.mod-waiting_payment td:nth-child(4),  table.lt.lt-waiting_payment th:nth-child(4),  table.lt.lt-waiting_payment td:nth-child(4){width:5.3%!important;}
.module-list-table.mod-waiting_payment th:nth-child(5),  .module-list-table.mod-waiting_payment td:nth-child(5),  table.lt.lt-waiting_payment th:nth-child(5),  table.lt.lt-waiting_payment td:nth-child(5){width:5.0%!important;}
.module-list-table.mod-waiting_payment th:nth-child(6),  .module-list-table.mod-waiting_payment td:nth-child(6),  table.lt.lt-waiting_payment th:nth-child(6),  table.lt.lt-waiting_payment td:nth-child(6){width:15.0%!important;}
.module-list-table.mod-waiting_payment th:nth-child(7),  .module-list-table.mod-waiting_payment td:nth-child(7),  table.lt.lt-waiting_payment th:nth-child(7),  table.lt.lt-waiting_payment td:nth-child(7){width:6.0%!important;}
.module-list-table.mod-waiting_payment th:nth-child(8),  .module-list-table.mod-waiting_payment td:nth-child(8),  table.lt.lt-waiting_payment th:nth-child(8),  table.lt.lt-waiting_payment td:nth-child(8){width:6.6%!important;}
.module-list-table.mod-waiting_payment th:nth-child(9),  .module-list-table.mod-waiting_payment td:nth-child(9),  table.lt.lt-waiting_payment th:nth-child(9),  table.lt.lt-waiting_payment td:nth-child(9){width:6.2%!important;}
.module-list-table.mod-waiting_payment th:nth-child(10), .module-list-table.mod-waiting_payment td:nth-child(10), table.lt.lt-waiting_payment th:nth-child(10), table.lt.lt-waiting_payment td:nth-child(10){width:5.6%!important;text-align:center!important;}
.module-list-table.mod-waiting_payment th:nth-child(11), .module-list-table.mod-waiting_payment td:nth-child(11), table.lt.lt-waiting_payment th:nth-child(11), table.lt.lt-waiting_payment td:nth-child(11){width:5.5%!important;text-align:right!important;}
.module-list-table.mod-waiting_payment th:nth-child(12), .module-list-table.mod-waiting_payment td:nth-child(12), table.lt.lt-waiting_payment th:nth-child(12), table.lt.lt-waiting_payment td:nth-child(12){width:5.4%!important;text-align:right!important;}
.module-list-table.mod-waiting_payment th:nth-child(13), .module-list-table.mod-waiting_payment td:nth-child(13), table.lt.lt-waiting_payment th:nth-child(13), table.lt.lt-waiting_payment td:nth-child(13){width:6.6%!important;text-align:right!important;}
.module-list-table.mod-waiting_payment th:nth-child(14), .module-list-table.mod-waiting_payment td:nth-child(14), table.lt.lt-waiting_payment th:nth-child(14), table.lt.lt-waiting_payment td:nth-child(14){width:10.0%!important;}
.module-list-table.mod-waiting_payment th:nth-child(15), .module-list-table.mod-waiting_payment td:nth-child(15), table.lt.lt-waiting_payment th:nth-child(15), table.lt.lt-waiting_payment td:nth-child(15){width:6.0%!important;text-align:center!important;}

/* Status cell: urgent warning always after the status pill and never under Action. */
.module-list-table.mod-final_approval td.status-td,
.module-list-table.mod-waiting_payment td.status-td,
table.lt.lt-final_approval td.status-td,
table.lt.lt-waiting_payment td.status-td{
  text-align:left!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
.module-list-table.mod-final_approval td.status-td .status-cell,
.module-list-table.mod-waiting_payment td.status-td .status-cell,
table.lt.lt-final_approval td.status-td .status-cell,
table.lt.lt-waiting_payment td.status-td .status-cell{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  max-width:100%!important;
  gap:4px!important;
  min-width:0!important;
  overflow:visible!important;
}
.module-list-table.mod-final_approval td.status-td .status-cell .pill,
.module-list-table.mod-waiting_payment td.status-td .status-cell .pill,
table.lt.lt-final_approval td.status-td .status-cell .pill,
table.lt.lt-waiting_payment td.status-td .status-cell .pill{
  order:1!important;
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:calc(100% - 22px)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:center!important;
}
.module-list-table.mod-final_approval td.status-td .status-cell .urgent-status,
.module-list-table.mod-waiting_payment td.status-td .status-cell .urgent-status,
table.lt.lt-final_approval td.status-td .status-cell .urgent-status,
table.lt.lt-waiting_payment td.status-td .status-cell .urgent-status{
  order:2!important;
  flex:0 0 16px!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  margin:0!important;
  font-size:10px!important;
}
.module-list-table.mod-final_approval td.action-td,
.module-list-table.mod-waiting_payment td.action-td,
table.lt.lt-final_approval td.action-td,
table.lt.lt-waiting_payment td.action-td{
  text-align:center!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
.module-list-table.mod-final_approval td.action-td .btn,
.module-list-table.mod-waiting_payment td.action-td .btn,
table.lt.lt-final_approval td.action-td .btn,
table.lt.lt-waiting_payment td.action-td .btn{
  padding:4px 7px!important;
  font-size:10px!important;
}

/* Beneficiary list cell: keep BANK next to name, warnings stay inside the same cell. */
.module-list-table td.list-benef,
table.lt td.list-benef{
  white-space:normal!important;
  overflow:hidden!important;
  text-align:left!important;
}
.module-list-table td.list-benef .benef-inline,
table.lt td.list-benef .benef-inline{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:3px 5px!important;
  max-width:100%!important;
  min-width:0!important;
}
.module-list-table td.list-benef .benef-short,
table.lt td.list-benef .benef-short{
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  max-width:calc(100% - 42px)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.module-list-table td.list-benef .bank-mini,
table.lt td.list-benef .bank-mini{
  flex:0 0 auto!important;
  max-width:38px!important;
}
.module-list-table td.list-benef .bank-warn-line,
table.lt td.list-benef .bank-warn-line{
  flex:0 0 100%!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  margin-top:2px!important;
}

/* Detail modal: show complete Main Information instead of cutting values with ellipsis. */
.detail-box .mc-wrap{
  padding:8px 14px!important;
  max-height:38vh!important;
  overflow:auto!important;
}
.detail-box .mc-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px 10px!important;
}
.detail-box .mc-v{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.25!important;
  word-break:break-word!important;
}
.detail-box .mc-date,
.detail-box .mc-note{
  display:block!important;
  margin-left:0!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.detail-box .mc-name{
  display:inline-block!important;
}
.detail-box .fs-detail{
  min-height:0!important;
  flex:1 1 auto!important;
}
.detail-box .fs-dtscroll{
  min-height:190px!important;
  overflow:auto!important;
}
.detail-box .mfoot{
  flex-shrink:0!important;
}

/* Detail Lines: keep key date/amount columns stable and totals visible. */
.fs-dtscroll table.dtbl th,
.fs-dtscroll table.dtbl td{
  vertical-align:top!important;
}
.fs-dtscroll table.dtbl td:nth-child(1),
.fs-dtscroll table.dtbl td:nth-child(9),
.fs-dtscroll table.dtbl td:nth-child(16),
.fs-dtscroll table.dtbl td:nth-child(17),
.fs-dtscroll table.dtbl td:nth-child(18),
.fs-dtscroll table.dtbl td:nth-child(19),
.fs-dtscroll table.dtbl tfoot td{
  white-space:nowrap!important;
}
.fs-dtscroll table.dtbl .desc-td{
  white-space:normal!important;
  min-width:220px!important;
  max-width:360px!important;
}

/* ============================================================================
   v58b: Detail Lines total summary outside horizontal scroll + Settings UI.
   ========================================================================== */
.detail-box .fs-dtscroll table.dtbl tfoot{display:none!important;}
.detail-box .fs-detail{border-top:1px solid #b8d8c8;background:#f8fffb;}
.detail-total-summary{
  flex:0 0 auto;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  border-top:1px solid #b8d8c8;
  background:#fff;
  box-shadow:0 -2px 8px rgba(6,25,54,.06);
  white-space:normal;
  flex-wrap:wrap;
}
.detail-total-chip{
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid #cfd8ea;
  background:#f8fafc;
  color:#10233f;
  border-radius:10px;
  padding:6px 10px;
  font-size:12px;
  font-weight:800;
}
.detail-total-chip span{color:#53637c;text-transform:uppercase;font-size:10.5px;letter-spacing:.03em;}
.detail-total-chip b{font-size:13px;white-space:nowrap;}
.detail-total-chip.deduction{border-color:#f3c6c6;background:#fff5f5;color:#b42318;}
.detail-total-chip.final{border-color:#abd8c5;background:#ecfdf5;color:#047857;}
.detail-box .detail-body{overflow:hidden!important;}
.detail-box .fs-dtscroll{min-height:170px!important;}
@media (max-width:1200px){
  .detail-box .mc-wrap{max-height:34vh!important;}
  .detail-total-summary{justify-content:flex-start;}
}

/* Settings common layout */
.settings-page{padding:18px 20px 28px;background:#eaf0f8;min-height:calc(100vh - 100px);}
.settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;}
.settings-head h2{margin:0 0 5px;font-size:24px;font-weight:900;color:#07142c;}
.settings-head p{margin:0;color:#445b7b;font-size:13px;}
.settings-note{border-left:4px solid #2f50d6;background:#e8edff;color:#142c78;border-radius:0 8px 8px 0;padding:11px 14px;margin:10px 0 14px;font-size:13px;line-height:1.45;}
.settings-note.success-note{background:#eaf8ef;border-left-color:#176c4b;color:#064e3b;}
.settings-note.compact{margin:0;font-size:12px;padding:8px 10px;}
.settings-note.warn-note{background:#fff7ed;border-left-color:#f59e0b;color:#7c2d12;}
.settings-table-wrap,.settings-card{background:#fff;border:1px solid #c7d4e8;border-radius:10px;box-shadow:0 8px 22px rgba(15,23,42,.04);overflow:hidden;}
.settings-table{width:100%;border-collapse:collapse;background:#fff;font-size:13px;}
.settings-table th{background:#f1f4fa;color:#4a5c78;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:900;padding:11px 12px;border-bottom:1px solid #c7d4e8;text-align:center;}
.settings-table td{padding:10px 12px;border-bottom:1px solid #e5edf7;color:#09172f;vertical-align:middle;}
.settings-table tbody tr:nth-child(even) td{background:#edf9f4;}
.settings-table tbody tr:hover td{background:#eaf0ff;}
.settings-table td.right{text-align:right;}
.settings-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:900;text-transform:lowercase;}
.settings-badge.active{background:#0f8a5f;color:#fff;}
.settings-badge.inactive{background:#868e9a;color:#fff;}
.settings-search{width:100%;border:1px solid #c7d4e8;border-radius:8px;padding:9px 11px;font-size:14px;margin:10px 0;background:#fff;}

/* User & Role settings */
.user-table-v58b td,.user-table-v58b th{text-align:center;}
.user-table-v58b td:first-child{text-align:center;font-weight:850;}
.settings-user-modal{width:96vw!important;height:92vh!important;}
.settings-user-body{padding:14px 16px!important;background:#fff;}
.user-basic-grid{display:grid;grid-template-columns:1.1fr 1.1fr 1.1fr 1fr .85fr 1.25fr 1.25fr .9fr;gap:10px 12px;align-items:end;margin-bottom:14px;}
.user-basic-grid .field label,.settings-panel h4{font-size:11px;font-weight:900;color:#596982;text-transform:uppercase;letter-spacing:.045em;}
.user-basic-grid .field input,.user-basic-grid .field select,.settings-mini-table select{width:100%;border:1px solid #c7d4e8;border-radius:8px;padding:8px 10px;background:#fff;font-size:13px;}
.settings-checkline{display:flex;align-items:center;gap:8px;font-weight:800;color:#596982;font-size:12px;line-height:1.35;}
.settings-checkline.inline{margin:8px 0;color:#10233f;text-transform:none;font-weight:750;}
.settings-user-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;align-items:start;}
.settings-panel{border:1px solid #c7d4e8;border-radius:9px;background:#fff;padding:12px;min-height:310px;}
.settings-panel h4{margin:0 0 10px;color:#10233f;font-size:14px;text-transform:none;letter-spacing:0;}
.role-list-v58b{border:1px solid #d5deee;border-radius:8px;overflow:hidden;background:#f8fafc;}
.role-row{display:flex;gap:8px;align-items:flex-start;padding:9px 10px;border-bottom:1px solid #e7edf6;cursor:pointer;}
.role-row:last-child{border-bottom:none;}
.role-row:hover{background:#eef4ff;}
.role-row b{display:block;font-size:13px;color:#10233f;}
.role-row small{display:block;margin-top:3px;font-size:11px;color:#64748b;}
.settings-mini-table{width:100%;border-collapse:collapse;margin-top:10px;}
.settings-mini-table th{background:#f1f4fa;color:#596982;text-transform:uppercase;font-size:11px;padding:9px;border-bottom:1px solid #c7d4e8;text-align:left;}
.settings-mini-table td{padding:7px 9px;border-bottom:1px solid #dce6f3;}
.permission-preview-box{border:1px solid #acd6c4;border-radius:9px;background:#effaf4;color:#123b2e;padding:13px;min-height:278px;font-size:12.5px;line-height:1.55;}
.permission-preview-box ul{margin:4px 0 10px 18px;padding:0;}
.permission-preview-box hr{border:none;border-top:1px solid #b9decf;margin:10px 0;}
.settings-user-foot{align-items:center;}
@media (max-width:1350px){.user-basic-grid{grid-template-columns:repeat(4,1fr)}.settings-user-columns{grid-template-columns:1fr}.settings-user-modal{height:94vh!important}}

/* Master Data settings */
.master-group-wrap{border-radius:10px;}
.master-group-table th{text-align:left;font-size:14px;color:#07142c;text-transform:none;letter-spacing:0;background:#fff;}
.master-group-table td:first-child{width:65%;}
.md-toolbar-v58b{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 8px;}
.settings-md-modal{width:min(1080px,96vw)!important;height:90vh!important;}
.settings-md-body{padding:16px 20px!important;background:#fff;}
.settings-inner-table td,.settings-inner-table th{text-align:center;}
.settings-inner-table td:first-child{text-align:center;}
.settings-inner-table td:nth-child(2){text-align:left;color:#475569;}
.settings-inner-table .action-cell{white-space:nowrap;}
.settings-bank-mgmt-table th,.settings-bank-mgmt-table td{font-size:12px;}
.settings-bank-action{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:5px;}
.settings-bank-action input{border:1px solid #c7d4e8;border-radius:6px;padding:5px 7px;font-size:12px;max-width:145px;}
.settings-update-all-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;}
.settings-update-all-grid label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:900;color:#596982;text-transform:uppercase;}
.settings-update-all-grid label.full{grid-column:1/-1;}
.settings-update-all-grid input,.settings-update-all-grid textarea{border:1px solid #c7d4e8;border-radius:8px;padding:8px 10px;font-size:13px;text-transform:none;font-weight:600;color:#10233f;}
.settings-bank-tool-warn{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:8px;padding:10px 12px;font-size:12.5px;font-weight:750;}

/* Backup settings */
.settings-backup-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:14px;margin-bottom:14px;}
.settings-card{padding:16px;}
.settings-card h3{margin:0 0 8px;font-size:17px;color:#07142c;}
.settings-card h4{margin:0 0 6px;color:#10233f;}
.settings-danger-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.danger-zone-v58b{border-color:#fecaca;background:#fffafa;}
@media (max-width:1100px){.settings-backup-grid,.settings-danger-grid{grid-template-columns:1fr}}

/* ============================================================================
   v58c: Settings modal usability + real test-role action button.
   - Keep Permission Preview scrollable so footer buttons never disappear.
   - Keep Master Data group popup open after Add/Edit/Activate/Delete redirects.
   ========================================================================== */
.settings-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;}
.settings-head-actions form{margin:0;display:inline-flex;}
.settings-user-modal{
  display:flex!important;
  flex-direction:column!important;
  max-height:94vh!important;
  overflow:hidden!important;
}
.settings-user-modal form#userFormV58b{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  height:100%!important;
}
.settings-user-modal .settings-user-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  padding-bottom:12px!important;
}
.settings-user-modal .settings-user-columns{
  align-items:stretch!important;
}
.settings-user-modal .settings-panel{
  min-height:0!important;
}
.settings-user-modal .preview-panel{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
}
.settings-user-modal .permission-preview-box{
  flex:1 1 auto!important;
  min-height:180px!important;
  max-height:calc(92vh - 360px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:16px!important;
}
.settings-user-modal .settings-user-foot{
  flex:0 0 auto!important;
  position:sticky!important;
  bottom:0!important;
  z-index:6!important;
  background:#fff!important;
  border-top:1px solid #c7d4e8!important;
  box-shadow:0 -6px 16px rgba(15,23,42,.08)!important;
}
.settings-md-modal{
  display:flex!important;
  flex-direction:column!important;
  max-height:92vh!important;
  overflow:hidden!important;
}
.settings-md-modal .settings-md-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
}
.settings-md-modal .mfoot{
  flex:0 0 auto!important;
  background:#fff!important;
  border-top:1px solid #c7d4e8!important;
}
@media (max-width:1350px){
  .settings-user-modal .permission-preview-box{max-height:300px!important;}
}

/* v58d: BEP Master Log group colors by Request/BEP group.
   Keep existing Master Log layout; only make group boundaries clearer. */
.mlt tr.mlt-ga td{background:#EAF7F1!important;}
.mlt tr.mlt-gb td{background:#F6FBFF!important;}
.mlt tr.mlt-gc td{background:#FFF8E8!important;}
.mlt tr.mlt-group-start td{border-top:2px solid #9BB8A9!important;}
.mlt tr.mlt-ga:hover td{background:#DDF0E8!important;}
.mlt tr.mlt-gb:hover td{background:#EAF4FF!important;}
.mlt tr.mlt-gc:hover td{background:#FFF1D2!important;}

/* v58e: permission-safe bank confirmation display */
.bank-edit-view-only-v58e{margin-top:10px;background:#f5f7fb!important;border-left-color:#8ca0bb!important;color:#35465f!important;}
.local-dt{white-space:nowrap;}


/* ============================================================================
   v59b: main info polish, shared-invoice attachment visibility,
   Master Log internal scroll + correct Basic status colors, and compact
   Apply Deduction checkbox placement.
   ========================================================================== */
.bep-main-info-v59b{padding:8px 14px 7px!important;}
.bep-main-info-v59b .mc-grid{grid-template-columns:1fr 1fr 1fr 1fr!important;gap:5px 12px!important;align-items:end!important;}
.bep-main-info-v59b .mc-f.span3{grid-column:span 3!important;}
.bep-main-info-v59b .mc-v input[name="deduction_amount"]{text-align:right;font-weight:850;}
.bep-main-info-v59b .mc-v input,.bep-main-info-v59b .mc-v select{min-height:28px;}
.deduction-apply-inline-v59b{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;}
.apply-deduction-check-v59b{display:inline-flex!important;align-items:center!important;gap:5px!important;font-size:11px!important;font-weight:900!important;color:#0f6b46!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap!important;background:#ecfdf5;border:1px solid #abd8c5;border-radius:999px;padding:2px 8px;}
.apply-deduction-check-v59b input{width:auto!important;height:auto!important;margin:0!important;}
body.page-master_log{overflow:hidden!important;}
body.page-master_log .page{height:calc(100vh - 50px)!important;max-width:none!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:8px 10px!important;}
body.page-master_log .mhd{flex:0 0 auto!important;margin-bottom:6px!important;}
body.page-master_log .mhd h2{font-size:19px!important;}
body.page-master_log .mhd p{font-size:12px!important;}
body.page-master_log #mlForm{flex:0 0 auto!important;margin-bottom:8px!important;}
body.page-master_log #mlForm .toolbar{padding:8px 10px!important;}
body.page-master_log .ml-actions-row-v59b{flex:0 0 auto!important;margin-bottom:7px!important;}
body.page-master_log .mlt-wrap{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:auto!important;}
body.page-master_log table.mlt td.status-td{overflow:visible!important;}
body.page-master_log table.mlt td.status-td .status-cell{justify-content:flex-start!important;}
body.page-master_log table.mlt td.status-td .pill{min-width:0!important;text-align:center!important;}
@media (max-width:1200px){.bep-main-info-v59b .mc-grid{grid-template-columns:1fr 1fr!important}.bep-main-info-v59b .mc-f.span3{grid-column:span 2!important}}

/* ============================================================================
   v59c: Create/Edit request main information layout + import preservation polish.
   ========================================================================== */
.bep-main-info-v59c{padding:8px 14px 7px!important;}
.bep-main-info-v59c .mc-grid{grid-template-columns:1fr 1fr 1fr 1fr!important;gap:5px 12px!important;align-items:end!important;}
.bep-main-info-v59c .mc-f.span2{grid-column:span 2!important;}
.bep-main-info-v59c .mc-empty-v59c{visibility:hidden!important;min-height:1px!important;}
.bep-main-info-v59c .mc-v input,
.bep-main-info-v59c .mc-v select{min-height:28px!important;}
.bep-main-info-v59c .mc-v input[name="deduction_amount"]{text-align:right!important;font-weight:850!important;}
.bep-main-info-v59c .mc-note{font-style:normal!important;font-weight:700!important;color:#68758b!important;margin-top:2px!important;}
@media (max-width:1200px){
  .bep-main-info-v59c .mc-grid{grid-template-columns:1fr 1fr!important;}
  .bep-main-info-v59c .mc-f.span2{grid-column:span 2!important;}
  .bep-main-info-v59c .mc-empty-v59c{display:none!important;}
}


/* V59d - Create/Edit BEP main info layout refinement */
.bep-main-info-v59d{padding:8px 14px 7px!important;}
.bep-main-info-v59d .mc-grid{grid-template-columns:1fr 1fr 1fr 1fr!important;gap:5px 12px!important;align-items:end!important;}
.bep-main-info-v59d .mc-f.span2{grid-column:span 2!important;}
.bep-main-info-v59d .beneficiary-top-v59d .mc-v{display:flex!important;align-items:center!important;gap:8px!important;}
.bep-main-info-v59d .mc-v input,
.bep-main-info-v59d .mc-v select{min-height:28px!important;}
.bep-main-info-v59d .mc-v input[name="deduction_amount"]{text-align:right!important;font-weight:850!important;}
.bep-main-info-v59d .mc-note{font-style:normal!important;font-weight:700!important;color:#68758b!important;margin-top:2px!important;line-height:1.15!important;}
@media (max-width:1200px){
  .bep-main-info-v59d .mc-grid{grid-template-columns:1fr 1fr!important;}
  .bep-main-info-v59d .mc-f.span2{grid-column:span 2!important;}
}

/* V59e - Master Log payment remark */
body.page-master_log table.mlt td.pay-remark-v59e{max-width:220px;min-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink);}
body.page-master_log .pay-remark-box-v59e{margin:8px 0 10px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:#f8fafc;color:var(--ink);}


/* v59w module/table/create layout */
body.page-bep_requesting main.page,
body.page-checking main.page,
body.page-bep_requested main.page,
body.page-final_approval main.page,
body.page-waiting_payment main.page{
  height:calc(100vh - 104px)!important;
  overflow:hidden!important;
  padding:0 10px 10px!important;
  box-sizing:border-box!important;
}
.v59w-module-shell{
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  padding-top:6px!important;
  box-sizing:border-box!important;
}
.v59w-list-toolbar{
  flex:0 0 36px!important;
  min-height:36px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 4px!important;
  box-sizing:border-box!important;
}
.v59w-list-toolbar .btn.primary{height:32px!important;display:inline-flex!important;align-items:center!important;padding:0 14px!important}
.v59w-module-shell .tbl-wrap.module-list-wrap{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  margin:0!important;
  border-radius:10px!important;
  border:1px solid #dbe4ef!important;
  background:#fff!important;
}
.v59w-module-shell .module-list-table thead th{
  position:sticky!important;
  top:0!important;
  z-index:7!important;
  box-shadow:0 1px 0 rgba(15,23,42,.12)!important;
}
.v59w-module-shell .module-list-table th,
.v59w-module-shell .module-list-table td{
  white-space:nowrap!important;
}

.edit-screen-modal .mbox.full{
  height:calc(100vh - 12px)!important;
  max-height:calc(100vh - 12px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.edit-screen-modal .detail-body{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.edit-screen-modal .v48-create-unsaved-note,
.edit-screen-modal .callout{
  flex:0 0 auto!important;
}
.bep-main-grid-v59w{
  display:grid!important;
  grid-template-columns:1fr 1fr 1.25fr 1.35fr!important;
  gap:8px!important;
  align-items:stretch!important;
}
.bep-main-grid-v59w .mc-f{
  min-height:62px!important;
  height:62px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.bep-main-grid-v59w .span2{grid-column:span 2!important}
.bep-main-grid-v59w .mc-l{font-size:10px!important;line-height:1.15!important;margin-bottom:3px!important}
.bep-main-grid-v59w input,
.bep-main-grid-v59w select{height:30px!important;min-height:30px!important}
.inline-mini-v59w{
  display:grid!important;
  grid-template-columns:66px minmax(0,1fr)!important;
  gap:4px 6px!important;
  align-items:center!important;
}
.inline-mini-v59w .mini-label,
.created-by-label-v59w{
  font-size:9px!important;
  line-height:1!important;
  text-transform:uppercase!important;
  color:#64748b!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.requester-created-v59w{
  display:grid!important;
  grid-template-columns:86px minmax(0,1fr)!important;
  gap:4px 6px!important;
  align-items:center!important;
}
.requester-name-v59w{font-weight:900!important;color:#0f172a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.term-inline-v59w{display:flex!important;align-items:center!important;gap:5px!important}
.term-inline-v59w input{max-width:82px!important}
.money-input-v59w{color:var(--ok)!important;font-weight:900!important}
.edit-screen-modal .mc-wrap.v59w-create-main{flex:0 0 auto!important;margin-bottom:6px!important}
.edit-screen-modal .fs-detail{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.edit-screen-modal .fs-titlebar,
.edit-screen-modal .fs-dtbar{flex:0 0 auto!important}
.edit-screen-modal .fs-dtscroll.edit-scroll{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
}
.edit-screen-modal .dtbl thead th{
  position:sticky!important;
  top:0!important;
  z-index:8!important;
  box-shadow:0 1px 0 rgba(15,23,42,.18)!important;
}
.edit-screen-modal .mfoot{flex:0 0 auto!important}
@media(max-width:1250px){
  .bep-main-grid-v59w{grid-template-columns:1fr 1fr!important}
  .bep-main-grid-v59w .span2{grid-column:span 2!important}
}
@media(max-width:760px){
  .bep-main-grid-v59w{grid-template-columns:1fr!important}
  .bep-main-grid-v59w .span2{grid-column:span 1!important}
  .bep-main-grid-v59w .mc-f{height:auto!important;min-height:62px!important}
}
/* end v59w */


/* v59x layout fit + create fields patch */
html, body{ height:100%; }
body.page-bep_requesting, body.page-checking, body.page-bep_requested, body.page-final_approval, body.page-waiting_payment{
  height:100vh!important; max-height:100vh!important; overflow:hidden!important; display:flex!important; flex-direction:column!important;
}
body.page-bep_requesting .topbar, body.page-checking .topbar, body.page-bep_requested .topbar, body.page-final_approval .topbar, body.page-waiting_payment .topbar,
body.page-bep_requesting .subnav, body.page-checking .subnav, body.page-bep_requested .subnav, body.page-final_approval .subnav, body.page-waiting_payment .subnav{ flex:0 0 auto!important; }
body.page-bep_requesting main.page, body.page-checking main.page, body.page-bep_requested main.page, body.page-final_approval main.page, body.page-waiting_payment main.page{
  flex:1 1 auto!important; height:auto!important; min-height:0!important; max-width:none!important; width:100%!important; overflow:hidden!important; margin:0!important; padding:0 10px 10px!important; box-sizing:border-box!important;
}
.v59w-module-shell{ height:100%!important; min-height:0!important; display:flex!important; flex-direction:column!important; gap:4px!important; padding-top:4px!important; box-sizing:border-box!important; }
.v59w-list-toolbar{ flex:0 0 34px!important; min-height:34px!important; padding:0!important; }
.v59w-list-toolbar .btn.primary{ height:31px!important; min-height:31px!important; padding:0 14px!important; border-radius:7px!important; }
.v59w-module-shell .tbl-wrap.module-list-wrap{ flex:1 1 auto!important; min-height:0!important; height:auto!important; max-height:none!important; overflow:auto!important; margin:0!important; width:100%!important; max-width:100%!important; border-radius:10px!important; border:1px solid #dbe4ef!important; background:#fff!important; }
.v59w-module-shell .module-list-table{ border-collapse:separate!important; border-spacing:0!important; table-layout:fixed!important; font-size:13px!important; line-height:1.25!important; }
.v59w-module-shell .module-list-table thead th{ position:sticky!important; top:0!important; z-index:20!important; box-shadow:0 1px 0 rgba(15,23,42,.18)!important; }
.v59w-module-shell .module-list-table th, .v59w-module-shell .module-list-table td{ padding:9px 10px!important; vertical-align:middle!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; }
.v59w-module-shell .module-list-table td.status-td, .v59w-module-shell .module-list-table td.action-td{ overflow:visible!important; text-overflow:clip!important; }
.v59w-module-shell .module-list-table td.action-td{ text-align:center!important; }
.v59w-module-shell .module-list-table .btn.xs{ height:27px!important; min-height:27px!important; padding:0 9px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; }
.v59w-module-shell .due-date-cell{ display:flex!important; align-items:center!important; gap:5px!important; white-space:nowrap!important; min-width:0!important; }
.v59w-module-shell .due-date-cell .mono, .v59w-module-shell .due-badge{ flex:0 0 auto!important; }
.v59w-module-shell td.list-benef .benef-inline{ display:flex!important; align-items:center!important; flex-wrap:nowrap!important; gap:5px!important; max-width:100%!important; min-width:0!important; }
.v59w-module-shell td.list-benef .benef-short{ flex:1 1 auto!important; min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; }
.v59w-module-shell td.list-benef .bank-mini{ flex:0 0 auto!important; }

.module-list-table.mod-bep_requesting, .module-list-table.mod-checking, .module-list-table.mod-bep_requested{ min-width:1775px!important; }
.module-list-table.mod-bep_requesting th:nth-child(1), .module-list-table.mod-bep_requesting td:nth-child(1), .module-list-table.mod-checking th:nth-child(1), .module-list-table.mod-checking td:nth-child(1), .module-list-table.mod-bep_requested th:nth-child(1), .module-list-table.mod-bep_requested td:nth-child(1){ width:88px!important; }
.module-list-table.mod-bep_requesting th:nth-child(2), .module-list-table.mod-bep_requesting td:nth-child(2), .module-list-table.mod-checking th:nth-child(2), .module-list-table.mod-checking td:nth-child(2), .module-list-table.mod-bep_requested th:nth-child(2), .module-list-table.mod-bep_requested td:nth-child(2){ width:105px!important; }
.module-list-table.mod-bep_requesting th:nth-child(3), .module-list-table.mod-bep_requesting td:nth-child(3), .module-list-table.mod-checking th:nth-child(3), .module-list-table.mod-checking td:nth-child(3), .module-list-table.mod-bep_requested th:nth-child(3), .module-list-table.mod-bep_requested td:nth-child(3){ width:88px!important; }
.module-list-table.mod-bep_requesting th:nth-child(4), .module-list-table.mod-bep_requesting td:nth-child(4), .module-list-table.mod-checking th:nth-child(4), .module-list-table.mod-checking td:nth-child(4), .module-list-table.mod-bep_requested th:nth-child(4), .module-list-table.mod-bep_requested td:nth-child(4){ width:80px!important; }
.module-list-table.mod-bep_requesting th:nth-child(5), .module-list-table.mod-bep_requesting td:nth-child(5), .module-list-table.mod-checking th:nth-child(5), .module-list-table.mod-checking td:nth-child(5), .module-list-table.mod-bep_requested th:nth-child(5), .module-list-table.mod-bep_requested td:nth-child(5){ width:115px!important; }
.module-list-table.mod-bep_requesting th:nth-child(6), .module-list-table.mod-bep_requesting td:nth-child(6), .module-list-table.mod-checking th:nth-child(6), .module-list-table.mod-checking td:nth-child(6), .module-list-table.mod-bep_requested th:nth-child(6), .module-list-table.mod-bep_requested td:nth-child(6){ width:160px!important; }
.module-list-table.mod-bep_requesting th:nth-child(7), .module-list-table.mod-bep_requesting td:nth-child(7), .module-list-table.mod-checking th:nth-child(7), .module-list-table.mod-checking td:nth-child(7), .module-list-table.mod-bep_requested th:nth-child(7), .module-list-table.mod-bep_requested td:nth-child(7){ width:82px!important; }
.module-list-table.mod-bep_requesting th:nth-child(8), .module-list-table.mod-bep_requesting td:nth-child(8), .module-list-table.mod-checking th:nth-child(8), .module-list-table.mod-checking td:nth-child(8), .module-list-table.mod-bep_requested th:nth-child(8), .module-list-table.mod-bep_requested td:nth-child(8){ width:255px!important; }
.module-list-table.mod-bep_requesting th:nth-child(9), .module-list-table.mod-bep_requesting td:nth-child(9), .module-list-table.mod-checking th:nth-child(9), .module-list-table.mod-checking td:nth-child(9), .module-list-table.mod-bep_requested th:nth-child(9), .module-list-table.mod-bep_requested td:nth-child(9){ width:115px!important; }
.module-list-table.mod-bep_requesting th:nth-child(10), .module-list-table.mod-bep_requesting td:nth-child(10), .module-list-table.mod-checking th:nth-child(10), .module-list-table.mod-checking td:nth-child(10), .module-list-table.mod-bep_requested th:nth-child(10), .module-list-table.mod-bep_requested td:nth-child(10){ width:75px!important; }
.module-list-table.mod-bep_requesting th:nth-child(11), .module-list-table.mod-bep_requesting td:nth-child(11), .module-list-table.mod-checking th:nth-child(11), .module-list-table.mod-checking td:nth-child(11), .module-list-table.mod-bep_requested th:nth-child(11), .module-list-table.mod-bep_requested td:nth-child(11){ width:145px!important; }
.module-list-table.mod-bep_requesting th:nth-child(12), .module-list-table.mod-bep_requesting td:nth-child(12), .module-list-table.mod-checking th:nth-child(12), .module-list-table.mod-checking td:nth-child(12), .module-list-table.mod-bep_requested th:nth-child(12), .module-list-table.mod-bep_requested td:nth-child(12){ width:175px!important; }
.module-list-table.mod-bep_requesting th:nth-child(13), .module-list-table.mod-bep_requesting td:nth-child(13), .module-list-table.mod-checking th:nth-child(13), .module-list-table.mod-checking td:nth-child(13), .module-list-table.mod-bep_requested th:nth-child(13), .module-list-table.mod-bep_requested td:nth-child(13){ width:110px!important; }
.module-list-table.mod-bep_requesting th:nth-child(14), .module-list-table.mod-bep_requesting td:nth-child(14), .module-list-table.mod-checking th:nth-child(14), .module-list-table.mod-checking td:nth-child(14), .module-list-table.mod-bep_requested th:nth-child(14), .module-list-table.mod-bep_requested td:nth-child(14){ width:115px!important; }
.module-list-table.mod-bep_requesting th:nth-child(15), .module-list-table.mod-bep_requesting td:nth-child(15), .module-list-table.mod-checking th:nth-child(15), .module-list-table.mod-checking td:nth-child(15), .module-list-table.mod-bep_requested th:nth-child(15), .module-list-table.mod-bep_requested td:nth-child(15){ width:75px!important; }

.module-list-table.mod-final_approval{ min-width:1770px!important; }
.module-list-table.mod-final_approval th:nth-child(1), .module-list-table.mod-final_approval td:nth-child(1){ width:86px!important; }
.module-list-table.mod-final_approval th:nth-child(2), .module-list-table.mod-final_approval td:nth-child(2){ width:98px!important; }
.module-list-table.mod-final_approval th:nth-child(3), .module-list-table.mod-final_approval td:nth-child(3){ width:80px!important; }
.module-list-table.mod-final_approval th:nth-child(4), .module-list-table.mod-final_approval td:nth-child(4){ width:105px!important; }
.module-list-table.mod-final_approval th:nth-child(5), .module-list-table.mod-final_approval td:nth-child(5){ width:84px!important; }
.module-list-table.mod-final_approval th:nth-child(6), .module-list-table.mod-final_approval td:nth-child(6){ width:84px!important; }
.module-list-table.mod-final_approval th:nth-child(7), .module-list-table.mod-final_approval td:nth-child(7){ width:92px!important; }
.module-list-table.mod-final_approval th:nth-child(8), .module-list-table.mod-final_approval td:nth-child(8){ width:235px!important; }
.module-list-table.mod-final_approval th:nth-child(9), .module-list-table.mod-final_approval td:nth-child(9){ width:82px!important; }
.module-list-table.mod-final_approval th:nth-child(10), .module-list-table.mod-final_approval td:nth-child(10){ width:78px!important; }
.module-list-table.mod-final_approval th:nth-child(11), .module-list-table.mod-final_approval td:nth-child(11){ width:112px!important; }
.module-list-table.mod-final_approval th:nth-child(12), .module-list-table.mod-final_approval td:nth-child(12){ width:150px!important; }
.module-list-table.mod-final_approval th:nth-child(13), .module-list-table.mod-final_approval td:nth-child(13){ width:150px!important; }
.module-list-table.mod-final_approval th:nth-child(14), .module-list-table.mod-final_approval td:nth-child(14){ width:100px!important; }
.module-list-table.mod-final_approval th:nth-child(15), .module-list-table.mod-final_approval td:nth-child(15){ width:120px!important; }
.module-list-table.mod-final_approval th:nth-child(16), .module-list-table.mod-final_approval td:nth-child(16){ width:118px!important; }
.module-list-table.mod-final_approval th:nth-child(17), .module-list-table.mod-final_approval td:nth-child(17){ width:76px!important; }

.module-list-table.mod-waiting_payment{ min-width:1845px!important; }
.module-list-table.mod-waiting_payment th:nth-child(1), .module-list-table.mod-waiting_payment td:nth-child(1){ width:88px!important; }
.module-list-table.mod-waiting_payment th:nth-child(2), .module-list-table.mod-waiting_payment td:nth-child(2){ width:98px!important; }
.module-list-table.mod-waiting_payment th:nth-child(3), .module-list-table.mod-waiting_payment td:nth-child(3){ width:82px!important; }
.module-list-table.mod-waiting_payment th:nth-child(4), .module-list-table.mod-waiting_payment td:nth-child(4){ width:105px!important; }
.module-list-table.mod-waiting_payment th:nth-child(5), .module-list-table.mod-waiting_payment td:nth-child(5){ width:86px!important; }
.module-list-table.mod-waiting_payment th:nth-child(6), .module-list-table.mod-waiting_payment td:nth-child(6){ width:86px!important; }
.module-list-table.mod-waiting_payment th:nth-child(7), .module-list-table.mod-waiting_payment td:nth-child(7){ width:270px!important; }
.module-list-table.mod-waiting_payment th:nth-child(8), .module-list-table.mod-waiting_payment td:nth-child(8){ width:115px!important; }
.module-list-table.mod-waiting_payment th:nth-child(9), .module-list-table.mod-waiting_payment td:nth-child(9){ width:150px!important; }
.module-list-table.mod-waiting_payment th:nth-child(10), .module-list-table.mod-waiting_payment td:nth-child(10){ width:110px!important; }
.module-list-table.mod-waiting_payment th:nth-child(11), .module-list-table.mod-waiting_payment td:nth-child(11){ width:95px!important; }
.module-list-table.mod-waiting_payment th:nth-child(12), .module-list-table.mod-waiting_payment td:nth-child(12){ width:105px!important; }
.module-list-table.mod-waiting_payment th:nth-child(13), .module-list-table.mod-waiting_payment td:nth-child(13){ width:105px!important; }
.module-list-table.mod-waiting_payment th:nth-child(14), .module-list-table.mod-waiting_payment td:nth-child(14){ width:125px!important; }
.module-list-table.mod-waiting_payment th:nth-child(15), .module-list-table.mod-waiting_payment td:nth-child(15){ width:118px!important; }
.module-list-table.mod-waiting_payment th:nth-child(16), .module-list-table.mod-waiting_payment td:nth-child(16){ width:76px!important; }

.edit-screen-modal .v48-create-unsaved-note{ margin:6px 12px!important; padding:7px 10px!important; min-height:0!important; line-height:1.25!important; font-size:12px!important; }
.edit-screen-modal .mc-wrap.v59w-create-main{ padding:7px 12px!important; margin-bottom:6px!important; background:#fffaf5!important; border-bottom:2px solid #1f5b48!important; }
.bep-main-grid-v59w{ display:grid!important; grid-template-columns:1fr 1fr 1.35fr 1.45fr!important; gap:8px!important; align-items:stretch!important; }
.bep-main-grid-v59w .mc-f{ height:82px!important; min-height:82px!important; padding:5px 0!important; box-sizing:border-box!important; display:flex!important; flex-direction:column!important; justify-content:flex-start!important; overflow:visible!important; }
.bep-main-grid-v59w .mc-f.span2{ grid-column:span 2!important; }
.bep-main-grid-v59w .mc-l{ height:14px!important; min-height:14px!important; margin-bottom:4px!important; font-size:10px!important; line-height:1.1!important; letter-spacing:.03em!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; }
.bep-main-grid-v59w .mc-v{ flex:1 1 auto!important; min-height:0!important; overflow:visible!important; white-space:normal!important; text-overflow:clip!important; font-size:13px!important; }
.bep-main-grid-v59w input, .bep-main-grid-v59w select{ height:29px!important; min-height:29px!important; width:100%!important; border:1px solid #c9d6e8!important; border-radius:5px!important; padding:4px 8px!important; background:#fff!important; font-size:13px!important; line-height:1.2!important; box-sizing:border-box!important; }
.bep-main-grid-v59w input[readonly]{ background:#f3f6fb!important; color:#334155!important; }
.requester-created-v59w, .inline-mini-v59w{ display:grid!important; grid-template-columns:72px minmax(0,1fr)!important; grid-auto-rows:29px!important; gap:4px 6px!important; align-items:center!important; }
.requester-name-v59w{ height:29px!important; min-height:29px!important; border:1px solid #d6e0ef!important; border-radius:5px!important; background:#f8fafc!important; padding:5px 8px!important; box-sizing:border-box!important; display:flex!important; align-items:center!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; font-weight:900!important; color:#0f172a!important; }
.inline-mini-v59w .mini-label, .created-by-label-v59w{ display:flex!important; align-items:center!important; height:29px!important; font-size:9.5px!important; line-height:1.05!important; text-transform:uppercase!important; color:#64748b!important; font-weight:900!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; }
.term-inline-v59w{ display:grid!important; grid-template-columns:minmax(0,1fr) 34px!important; align-items:center!important; gap:5px!important; }
.term-inline-v59w input{ max-width:none!important; }
.money-input-v59w{ color:#047857!important; font-weight:900!important; }
.bep-main-grid-v59w .date-field{ display:flex!important; align-items:center!important; gap:4px!important; }
.bep-main-grid-v59w .date-field input{ min-width:0!important; }
.bep-main-grid-v59w .date-btn{ flex:0 0 27px!important; width:27px!important; height:27px!important; }
.edit-screen-modal .fs-detail{ flex:1 1 auto!important; min-height:0!important; display:flex!important; flex-direction:column!important; overflow:hidden!important; }
.edit-screen-modal .fs-dtscroll.edit-scroll{ flex:1 1 auto!important; min-height:0!important; overflow:auto!important; }
.edit-screen-modal .dtbl thead th{ position:sticky!important; top:0!important; z-index:18!important; }
@media(max-width:1280px){ .bep-main-grid-v59w{ grid-template-columns:1fr 1fr!important; } .bep-main-grid-v59w .mc-f.span2{ grid-column:span 2!important; } }
@media(max-width:780px){ .bep-main-grid-v59w{ grid-template-columns:1fr!important; } .bep-main-grid-v59w .mc-f, .bep-main-grid-v59w .mc-f.span2{ grid-column:span 1!important; height:auto!important; min-height:82px!important; } }
/* end v59x */

/* v59aa stable table balance - no dynamic colgroup autofit */
:root{
  --bep-list-font-v59aa: 13.1px;
  --bep-list-cell-py-v59aa: 8px;
  --bep-list-cell-px-v59aa: 6px;
}

/* Keep the module page stable and let only the table body area scroll. */
.v59w-module-shell{
  height:calc(100vh - 112px)!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  padding:0 3px 8px!important;
}
.v59w-list-toolbar{
  flex:0 0 auto!important;
  margin:6px 0 4px!important;
  min-height:34px!important;
}
.module-list-wrap,
.tbl-wrap.module-list-wrap{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  max-height:none!important;
  width:100%!important;
  max-width:100%!important;
  border-radius:9px!important;
  scrollbar-gutter:stable!important;
}
.module-list-table{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  font-size:var(--bep-list-font-v59aa)!important;
}
.module-list-table thead th{
  position:sticky!important;
  top:0!important;
  z-index:30!important;
  white-space:nowrap!important;
  font-size:12.9px!important;
  line-height:1.18!important;
  padding:9px 6px!important;
  letter-spacing:-.18px!important;
}
.module-list-table td{
  padding:var(--bep-list-cell-py-v59aa) var(--bep-list-cell-px-v59aa)!important;
  line-height:1.25!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.module-list-table .right{ text-align:right!important; }
.module-list-table .mono{ letter-spacing:-.15px!important; }
.module-list-table .btn.xs{
  padding:5px 9px!important;
  font-size:12px!important;
  line-height:1.05!important;
  border-radius:7px!important;
}
.module-list-table .pill{
  padding:4px 8px!important;
  font-size:11px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
}
.module-list-table .status-td,
.module-list-table .action-td{
  overflow:visible!important;
  text-overflow:clip!important;
}
.module-list-table .due-date-cell{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
}
.module-list-table .due-date-cell .mono{
  flex:0 0 auto!important;
}
.module-list-table .due-badge{
  flex:0 0 auto!important;
  padding:2px 4px!important;
  font-size:10px!important;
  line-height:1!important;
}
.module-list-table .benef-inline{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
}
.module-list-table .benef-short{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:none!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.module-list-table .bank-mini{
  flex:0 0 auto!important;
  margin-left:2px!important;
  padding:1px 5px!important;
  font-size:10px!important;
  line-height:1.05!important;
}

/* Shared 15-column modules: BEP Requesting, Checking, BEP Requested */
.module-list-table.mod-bep_requesting th:nth-child(1), .module-list-table.mod-bep_requesting td:nth-child(1),
.module-list-table.mod-checking th:nth-child(1), .module-list-table.mod-checking td:nth-child(1),
.module-list-table.mod-bep_requested th:nth-child(1), .module-list-table.mod-bep_requested td:nth-child(1){width:4.8%!important;}
.module-list-table.mod-bep_requesting th:nth-child(2), .module-list-table.mod-bep_requesting td:nth-child(2),
.module-list-table.mod-checking th:nth-child(2), .module-list-table.mod-checking td:nth-child(2),
.module-list-table.mod-bep_requested th:nth-child(2), .module-list-table.mod-bep_requested td:nth-child(2){width:5.8%!important;}
.module-list-table.mod-bep_requesting th:nth-child(3), .module-list-table.mod-bep_requesting td:nth-child(3),
.module-list-table.mod-checking th:nth-child(3), .module-list-table.mod-checking td:nth-child(3),
.module-list-table.mod-bep_requested th:nth-child(3), .module-list-table.mod-bep_requested td:nth-child(3){width:5.1%!important;}
.module-list-table.mod-bep_requesting th:nth-child(4), .module-list-table.mod-bep_requesting td:nth-child(4),
.module-list-table.mod-checking th:nth-child(4), .module-list-table.mod-checking td:nth-child(4),
.module-list-table.mod-bep_requested th:nth-child(4), .module-list-table.mod-bep_requested td:nth-child(4){width:4.8%!important;}
.module-list-table.mod-bep_requesting th:nth-child(5), .module-list-table.mod-bep_requesting td:nth-child(5),
.module-list-table.mod-checking th:nth-child(5), .module-list-table.mod-checking td:nth-child(5),
.module-list-table.mod-bep_requested th:nth-child(5), .module-list-table.mod-bep_requested td:nth-child(5){width:5.2%!important;}
.module-list-table.mod-bep_requesting th:nth-child(6), .module-list-table.mod-bep_requesting td:nth-child(6),
.module-list-table.mod-checking th:nth-child(6), .module-list-table.mod-checking td:nth-child(6),
.module-list-table.mod-bep_requested th:nth-child(6), .module-list-table.mod-bep_requested td:nth-child(6){width:8.3%!important;}
.module-list-table.mod-bep_requesting th:nth-child(7), .module-list-table.mod-bep_requesting td:nth-child(7),
.module-list-table.mod-checking th:nth-child(7), .module-list-table.mod-checking td:nth-child(7),
.module-list-table.mod-bep_requested th:nth-child(7), .module-list-table.mod-bep_requested td:nth-child(7){width:4.8%!important;}
.module-list-table.mod-bep_requesting th:nth-child(8), .module-list-table.mod-bep_requesting td:nth-child(8),
.module-list-table.mod-checking th:nth-child(8), .module-list-table.mod-checking td:nth-child(8),
.module-list-table.mod-bep_requested th:nth-child(8), .module-list-table.mod-bep_requested td:nth-child(8){width:15.8%!important;}
.module-list-table.mod-bep_requesting th:nth-child(9), .module-list-table.mod-bep_requesting td:nth-child(9),
.module-list-table.mod-checking th:nth-child(9), .module-list-table.mod-checking td:nth-child(9),
.module-list-table.mod-bep_requested th:nth-child(9), .module-list-table.mod-bep_requested td:nth-child(9){width:6.6%!important;}
.module-list-table.mod-bep_requesting th:nth-child(10), .module-list-table.mod-bep_requesting td:nth-child(10),
.module-list-table.mod-checking th:nth-child(10), .module-list-table.mod-checking td:nth-child(10),
.module-list-table.mod-bep_requested th:nth-child(10), .module-list-table.mod-bep_requested td:nth-child(10){width:4.3%!important;}
.module-list-table.mod-bep_requesting th:nth-child(11), .module-list-table.mod-bep_requesting td:nth-child(11),
.module-list-table.mod-checking th:nth-child(11), .module-list-table.mod-checking td:nth-child(11),
.module-list-table.mod-bep_requested th:nth-child(11), .module-list-table.mod-bep_requested td:nth-child(11){width:7.2%!important;}
.module-list-table.mod-bep_requesting th:nth-child(12), .module-list-table.mod-bep_requesting td:nth-child(12),
.module-list-table.mod-checking th:nth-child(12), .module-list-table.mod-checking td:nth-child(12),
.module-list-table.mod-bep_requested th:nth-child(12), .module-list-table.mod-bep_requested td:nth-child(12){width:10.5%!important;}
.module-list-table.mod-bep_requesting th:nth-child(13), .module-list-table.mod-bep_requesting td:nth-child(13),
.module-list-table.mod-checking th:nth-child(13), .module-list-table.mod-checking td:nth-child(13),
.module-list-table.mod-bep_requested th:nth-child(13), .module-list-table.mod-bep_requested td:nth-child(13){width:6.1%!important;}
.module-list-table.mod-bep_requesting th:nth-child(14), .module-list-table.mod-bep_requesting td:nth-child(14),
.module-list-table.mod-checking th:nth-child(14), .module-list-table.mod-checking td:nth-child(14),
.module-list-table.mod-bep_requested th:nth-child(14), .module-list-table.mod-bep_requested td:nth-child(14){width:5.9%!important;}
.module-list-table.mod-bep_requesting th:nth-child(15), .module-list-table.mod-bep_requesting td:nth-child(15),
.module-list-table.mod-checking th:nth-child(15), .module-list-table.mod-checking td:nth-child(15),
.module-list-table.mod-bep_requested th:nth-child(15), .module-list-table.mod-bep_requested td:nth-child(15){width:4.8%!important;}

/* Final Approval exact stable balance. Short columns stay short; Beneficiary / Invoice / Due Date receive the useful space. */
.module-list-table.mod-final_approval th:nth-child(1), .module-list-table.mod-final_approval td:nth-child(1){width:4.2%!important;}
.module-list-table.mod-final_approval th:nth-child(2), .module-list-table.mod-final_approval td:nth-child(2){width:5.4%!important;}
.module-list-table.mod-final_approval th:nth-child(3), .module-list-table.mod-final_approval td:nth-child(3){width:4.6%!important;}
.module-list-table.mod-final_approval th:nth-child(4), .module-list-table.mod-final_approval td:nth-child(4){width:5.2%!important;}
.module-list-table.mod-final_approval th:nth-child(5), .module-list-table.mod-final_approval td:nth-child(5){width:4.7%!important;}
.module-list-table.mod-final_approval th:nth-child(6), .module-list-table.mod-final_approval td:nth-child(6){width:4.8%!important;}
.module-list-table.mod-final_approval th:nth-child(7), .module-list-table.mod-final_approval td:nth-child(7){width:5.0%!important;}
.module-list-table.mod-final_approval th:nth-child(8), .module-list-table.mod-final_approval td:nth-child(8){width:12.6%!important;}
.module-list-table.mod-final_approval th:nth-child(9), .module-list-table.mod-final_approval td:nth-child(9){width:4.2%!important;}
.module-list-table.mod-final_approval th:nth-child(10), .module-list-table.mod-final_approval td:nth-child(10){width:4.6%!important;}
.module-list-table.mod-final_approval th:nth-child(11), .module-list-table.mod-final_approval td:nth-child(11){width:6.1%!important;}
.module-list-table.mod-final_approval th:nth-child(12), .module-list-table.mod-final_approval td:nth-child(12){width:7.3%!important;}
.module-list-table.mod-final_approval th:nth-child(13), .module-list-table.mod-final_approval td:nth-child(13){width:10.5%!important;}
.module-list-table.mod-final_approval th:nth-child(14), .module-list-table.mod-final_approval td:nth-child(14){width:5.5%!important;}
.module-list-table.mod-final_approval th:nth-child(15), .module-list-table.mod-final_approval td:nth-child(15){width:6.0%!important;}
.module-list-table.mod-final_approval th:nth-child(16), .module-list-table.mod-final_approval td:nth-child(16){width:5.2%!important;}
.module-list-table.mod-final_approval th:nth-child(17), .module-list-table.mod-final_approval td:nth-child(17){width:4.1%!important;}

/* Waiting Payment stable balance. */
.module-list-table.mod-waiting_payment th:nth-child(1), .module-list-table.mod-waiting_payment td:nth-child(1){width:4.2%!important;}
.module-list-table.mod-waiting_payment th:nth-child(2), .module-list-table.mod-waiting_payment td:nth-child(2){width:5.5%!important;}
.module-list-table.mod-waiting_payment th:nth-child(3), .module-list-table.mod-waiting_payment td:nth-child(3){width:4.6%!important;}
.module-list-table.mod-waiting_payment th:nth-child(4), .module-list-table.mod-waiting_payment td:nth-child(4){width:5.0%!important;}
.module-list-table.mod-waiting_payment th:nth-child(5), .module-list-table.mod-waiting_payment td:nth-child(5){width:4.7%!important;}
.module-list-table.mod-waiting_payment th:nth-child(6), .module-list-table.mod-waiting_payment td:nth-child(6){width:4.7%!important;}
.module-list-table.mod-waiting_payment th:nth-child(7), .module-list-table.mod-waiting_payment td:nth-child(7){width:15.2%!important;}
.module-list-table.mod-waiting_payment th:nth-child(8), .module-list-table.mod-waiting_payment td:nth-child(8){width:6.2%!important;}
.module-list-table.mod-waiting_payment th:nth-child(9), .module-list-table.mod-waiting_payment td:nth-child(9){width:7.3%!important;}
.module-list-table.mod-waiting_payment th:nth-child(10), .module-list-table.mod-waiting_payment td:nth-child(10){width:6.0%!important;}
.module-list-table.mod-waiting_payment th:nth-child(11), .module-list-table.mod-waiting_payment td:nth-child(11){width:6.8%!important;}
.module-list-table.mod-waiting_payment th:nth-child(12), .module-list-table.mod-waiting_payment td:nth-child(12){width:5.6%!important;}
.module-list-table.mod-waiting_payment th:nth-child(13), .module-list-table.mod-waiting_payment td:nth-child(13){width:5.2%!important;}
.module-list-table.mod-waiting_payment th:nth-child(14), .module-list-table.mod-waiting_payment td:nth-child(14){width:6.2%!important;}
.module-list-table.mod-waiting_payment th:nth-child(15), .module-list-table.mod-waiting_payment td:nth-child(15){width:5.2%!important;}
.module-list-table.mod-waiting_payment th:nth-child(16), .module-list-table.mod-waiting_payment td:nth-child(16){width:7.6%!important;}

/* Prevent any old runtime colgroup from V59y/V59z from controlling widths if browser cache keeps old JS once. */
.module-list-table colgroup[data-v59y],
.module-list-table colgroup[data-v59z]{ display:none!important; }
.module-list-table.v59y-autofit,
.module-list-table.v59z-smart-fit{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}
/* end v59aa */


/* ================================================================= */
/* v59ad AUTHORITATIVE layout (supersedes v59aa..v59ac). LAST in file */
/* spec 0,3,2 on columns => beats every legacy width rule.           */
/* ================================================================= */
/* Shared 15-col */
table.module-list-table.mod-bep_requesting, table.module-list-table.mod-checking, table.module-list-table.mod-bep_requested{ width:100%!important; min-width:0!important; max-width:100%!important; table-layout:fixed!important; }
table.module-list-table.mod-bep_requesting th:nth-child(1), table.module-list-table.mod-bep_requesting td:nth-child(1), table.module-list-table.mod-checking th:nth-child(1), table.module-list-table.mod-checking td:nth-child(1), table.module-list-table.mod-bep_requested th:nth-child(1), table.module-list-table.mod-bep_requested td:nth-child(1){ width:6.0%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-bep_requesting th:nth-child(2), table.module-list-table.mod-bep_requesting td:nth-child(2), table.module-list-table.mod-checking th:nth-child(2), table.module-list-table.mod-checking td:nth-child(2), table.module-list-table.mod-bep_requested th:nth-child(2), table.module-list-table.mod-bep_requested td:nth-child(2){ width:6.8%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-bep_requesting th:nth-child(3), table.module-list-table.mod-bep_requesting td:nth-child(3), table.module-list-table.mod-checking th:nth-child(3), table.module-list-table.mod-checking td:nth-child(3), table.module-list-table.mod-bep_requested th:nth-child(3), table.module-list-table.mod-bep_requested td:nth-child(3){ width:5.5%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-bep_requesting th:nth-child(4), table.module-list-table.mod-bep_requesting td:nth-child(4), table.module-list-table.mod-checking th:nth-child(4), table.module-list-table.mod-checking td:nth-child(4), table.module-list-table.mod-bep_requested th:nth-child(4), table.module-list-table.mod-bep_requested td:nth-child(4){ width:5.5%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-bep_requesting th:nth-child(5), table.module-list-table.mod-bep_requesting td:nth-child(5), table.module-list-table.mod-checking th:nth-child(5), table.module-list-table.mod-checking td:nth-child(5), table.module-list-table.mod-bep_requested th:nth-child(5), table.module-list-table.mod-bep_requested td:nth-child(5){ width:5.5%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-bep_requesting th:nth-child(6), table.module-list-table.mod-bep_requesting td:nth-child(6), table.module-list-table.mod-checking th:nth-child(6), table.module-list-table.mod-checking td:nth-child(6), table.module-list-table.mod-bep_requested th:nth-child(6), table.module-list-table.mod-bep_requested td:nth-child(6){ width:7.5%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-bep_requesting th:nth-child(7), table.module-list-table.mod-bep_requesting td:nth-child(7), table.module-list-table.mod-checking th:nth-child(7), table.module-list-table.mod-checking td:nth-child(7), table.module-list-table.mod-bep_requested th:nth-child(7), table.module-list-table.mod-bep_requested td:nth-child(7){ width:5.5%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-bep_requesting th:nth-child(8), table.module-list-table.mod-bep_requesting td:nth-child(8), table.module-list-table.mod-checking th:nth-child(8), table.module-list-table.mod-checking td:nth-child(8), table.module-list-table.mod-bep_requested th:nth-child(8), table.module-list-table.mod-bep_requested td:nth-child(8){ width:13.0%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-bep_requesting th:nth-child(9), table.module-list-table.mod-bep_requesting td:nth-child(9), table.module-list-table.mod-checking th:nth-child(9), table.module-list-table.mod-checking td:nth-child(9), table.module-list-table.mod-bep_requested th:nth-child(9), table.module-list-table.mod-bep_requested td:nth-child(9){ width:6.5%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-bep_requesting th:nth-child(10), table.module-list-table.mod-bep_requesting td:nth-child(10), table.module-list-table.mod-checking th:nth-child(10), table.module-list-table.mod-checking td:nth-child(10), table.module-list-table.mod-bep_requested th:nth-child(10), table.module-list-table.mod-bep_requested td:nth-child(10){ width:4.5%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-bep_requesting th:nth-child(11), table.module-list-table.mod-bep_requesting td:nth-child(11), table.module-list-table.mod-checking th:nth-child(11), table.module-list-table.mod-checking td:nth-child(11), table.module-list-table.mod-bep_requested th:nth-child(11), table.module-list-table.mod-bep_requested td:nth-child(11){ width:7.0%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-bep_requesting th:nth-child(12), table.module-list-table.mod-bep_requesting td:nth-child(12), table.module-list-table.mod-checking th:nth-child(12), table.module-list-table.mod-checking td:nth-child(12), table.module-list-table.mod-bep_requested th:nth-child(12), table.module-list-table.mod-bep_requested td:nth-child(12){ width:5.5%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-bep_requesting th:nth-child(13), table.module-list-table.mod-bep_requesting td:nth-child(13), table.module-list-table.mod-checking th:nth-child(13), table.module-list-table.mod-checking td:nth-child(13), table.module-list-table.mod-bep_requested th:nth-child(13), table.module-list-table.mod-bep_requested td:nth-child(13){ width:6.0%!important; min-width:0!important; max-width:none!important; text-align:right!important; }
table.module-list-table.mod-bep_requesting th:nth-child(14), table.module-list-table.mod-bep_requesting td:nth-child(14), table.module-list-table.mod-checking th:nth-child(14), table.module-list-table.mod-checking td:nth-child(14), table.module-list-table.mod-bep_requested th:nth-child(14), table.module-list-table.mod-bep_requested td:nth-child(14){ width:9.5%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-bep_requesting th:nth-child(15), table.module-list-table.mod-bep_requesting td:nth-child(15), table.module-list-table.mod-checking th:nth-child(15), table.module-list-table.mod-checking td:nth-child(15), table.module-list-table.mod-bep_requested th:nth-child(15), table.module-list-table.mod-bep_requested td:nth-child(15){ width:5.7%!important; min-width:0!important; max-width:none!important; text-align:center!important; }

/* Final Approval 17-col */
table.module-list-table.mod-final_approval{ width:100%!important; min-width:0!important; max-width:100%!important; table-layout:fixed!important; }
table.module-list-table.mod-final_approval th:nth-child(1), table.module-list-table.mod-final_approval td:nth-child(1){ width:5.0%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-final_approval th:nth-child(2), table.module-list-table.mod-final_approval td:nth-child(2){ width:5.8%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-final_approval th:nth-child(3), table.module-list-table.mod-final_approval td:nth-child(3){ width:4.8%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-final_approval th:nth-child(4), table.module-list-table.mod-final_approval td:nth-child(4){ width:4.8%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-final_approval th:nth-child(5), table.module-list-table.mod-final_approval td:nth-child(5){ width:5.2%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-final_approval th:nth-child(6), table.module-list-table.mod-final_approval td:nth-child(6){ width:4.8%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-final_approval th:nth-child(7), table.module-list-table.mod-final_approval td:nth-child(7){ width:5.0%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-final_approval th:nth-child(8), table.module-list-table.mod-final_approval td:nth-child(8){ width:12.0%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-final_approval th:nth-child(9), table.module-list-table.mod-final_approval td:nth-child(9){ width:5.2%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-final_approval th:nth-child(10), table.module-list-table.mod-final_approval td:nth-child(10){ width:4.5%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-final_approval th:nth-child(11), table.module-list-table.mod-final_approval td:nth-child(11){ width:5.8%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-final_approval th:nth-child(12), table.module-list-table.mod-final_approval td:nth-child(12){ width:7.0%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-final_approval th:nth-child(13), table.module-list-table.mod-final_approval td:nth-child(13){ width:5.0%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-final_approval th:nth-child(14), table.module-list-table.mod-final_approval td:nth-child(14){ width:6.0%!important; min-width:0!important; max-width:none!important; text-align:right!important; }
table.module-list-table.mod-final_approval th:nth-child(15), table.module-list-table.mod-final_approval td:nth-child(15){ width:6.3%!important; min-width:0!important; max-width:none!important; text-align:right!important; }
table.module-list-table.mod-final_approval th:nth-child(16), table.module-list-table.mod-final_approval td:nth-child(16){ width:7.8%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-final_approval th:nth-child(17), table.module-list-table.mod-final_approval td:nth-child(17){ width:5.0%!important; min-width:0!important; max-width:none!important; text-align:center!important; }

/* Waiting Payment 16-col */
table.module-list-table.mod-waiting_payment{ width:100%!important; min-width:0!important; max-width:100%!important; table-layout:fixed!important; }
table.module-list-table.mod-waiting_payment th:nth-child(1), table.module-list-table.mod-waiting_payment td:nth-child(1){ width:5.0%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-waiting_payment th:nth-child(2), table.module-list-table.mod-waiting_payment td:nth-child(2){ width:5.8%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-waiting_payment th:nth-child(3), table.module-list-table.mod-waiting_payment td:nth-child(3){ width:4.8%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-waiting_payment th:nth-child(4), table.module-list-table.mod-waiting_payment td:nth-child(4){ width:4.8%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-waiting_payment th:nth-child(5), table.module-list-table.mod-waiting_payment td:nth-child(5){ width:5.2%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-waiting_payment th:nth-child(6), table.module-list-table.mod-waiting_payment td:nth-child(6){ width:4.8%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-waiting_payment th:nth-child(7), table.module-list-table.mod-waiting_payment td:nth-child(7){ width:12.8%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-waiting_payment th:nth-child(8), table.module-list-table.mod-waiting_payment td:nth-child(8){ width:6.2%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-waiting_payment th:nth-child(9), table.module-list-table.mod-waiting_payment td:nth-child(9){ width:7.0%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-waiting_payment th:nth-child(10), table.module-list-table.mod-waiting_payment td:nth-child(10){ width:6.2%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-waiting_payment th:nth-child(11), table.module-list-table.mod-waiting_payment td:nth-child(11){ width:5.5%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-waiting_payment th:nth-child(12), table.module-list-table.mod-waiting_payment td:nth-child(12){ width:6.0%!important; min-width:0!important; max-width:none!important; text-align:right!important; }
table.module-list-table.mod-waiting_payment th:nth-child(13), table.module-list-table.mod-waiting_payment td:nth-child(13){ width:5.5%!important; min-width:0!important; max-width:none!important; text-align:right!important; }
table.module-list-table.mod-waiting_payment th:nth-child(14), table.module-list-table.mod-waiting_payment td:nth-child(14){ width:6.4%!important; min-width:0!important; max-width:none!important; text-align:right!important; }
table.module-list-table.mod-waiting_payment th:nth-child(15), table.module-list-table.mod-waiting_payment td:nth-child(15){ width:9.0%!important; min-width:0!important; max-width:none!important; text-align:left!important; }
table.module-list-table.mod-waiting_payment th:nth-child(16), table.module-list-table.mod-waiting_payment td:nth-child(16){ width:5.0%!important; min-width:0!important; max-width:none!important; text-align:center!important; }

/* --- 'No' column: identical font across ALL tabs (kill the 11.2px/800 override) --- */
table.module-list-table.mod-final_approval .reqno-compact,
table.module-list-table.mod-waiting_payment .reqno-compact,
table.module-list-table .reqno-compact,
table.module-list-table .req-no-short{ font-size:var(--bep-list-font-v59aa)!important; font-weight:700!important; }

/* --- Beneficiary: BANK badge stays right after text (all 5 modules) --- */
table.module-list-table.lt td.list-benef{ overflow:hidden!important; text-overflow:clip!important; }
table.module-list-table.lt td.list-benef .benef-inline{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; justify-content:flex-start!important; gap:4px 5px!important; min-width:0!important; max-width:100%!important; }
table.module-list-table.lt td.list-benef .benef-short{ flex:0 1 auto!important; min-width:0!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; display:inline-block!important; }
table.module-list-table.lt td.list-benef .bank-mini{ flex:0 0 auto!important; margin-left:0!important; }
table.module-list-table.lt td.list-benef .bank-warn-line{ flex:1 0 100%!important; }

/* --- Status: keep pill inside cell + NEVER clip the urgent warning icon --- */
table.module-list-table .status-td{ overflow:visible!important; text-overflow:clip!important; }
table.module-list-table .status-cell{ display:inline-flex!important; align-items:center!important; gap:4px!important; max-width:100%!important; flex-wrap:nowrap!important; }
table.module-list-table .status-cell .urgent-status{ flex:0 0 auto!important; }
table.module-list-table .status-cell .pill{ display:inline-block!important; min-width:0!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; }
table.module-list-table .action-td{ overflow:visible!important; text-align:center!important; }

/* ================================================================= */
/* v59ad Create/Edit Main Information — explicit compact 3 rows.       */
/* Reuses .bep-main-grid-v59w cell styling; only re-templates rows.    */
/* ================================================================= */
.mc-wrap.v59w-create-main{ display:block!important; padding:6px 12px!important; margin-bottom:4px!important; }
.bep-main-grid-v59w.bmr-1, .bep-main-grid-v59w.bmr-2, .bep-main-grid-v59w.bmr-3{
  display:grid!important; gap:5px 8px!important; align-items:start!important; margin:0 0 5px 0!important; }
.bep-main-grid-v59w.bmr-3{ margin-bottom:0!important; }
.bep-main-grid-v59w.bmr-1{ grid-template-columns:0.95fr 0.95fr 1.4fr 1fr 1fr!important; }
.bep-main-grid-v59w.bmr-2{ grid-template-columns:1fr 1fr 2.6fr!important; }
.bep-main-grid-v59w.bmr-3{ grid-template-columns:repeat(6,1fr)!important; }
.bep-main-grid-v59w.bmr-1 .mc-f, .bep-main-grid-v59w.bmr-3 .mc-f{ height:54px!important; min-height:54px!important; padding:2px 0!important; }
.bep-main-grid-v59w.bmr-2 .mc-f{ height:auto!important; min-height:54px!important; padding:2px 0!important; }
.bep-main-grid-v59w .mc-l{ height:12px!important; min-height:12px!important; margin-bottom:3px!important; font-size:9.5px!important; line-height:1.05!important; }
.bep-main-grid-v59w input, .bep-main-grid-v59w select{ height:28px!important; min-height:28px!important; }
/* Requester / Created By: name on top (full, not truncated), input below */
.bep-main-grid-v59w .requester-created-v59w{ display:flex!important; flex-direction:column!important; justify-content:center!important; gap:3px!important; grid-template-columns:none!important; grid-auto-rows:auto!important; }
.bep-main-grid-v59w .requester-created-v59w .created-by-label-v59w{ display:none!important; }
.bep-main-grid-v59w .requester-name-v59w{ width:100%!important; height:24px!important; min-height:24px!important; }
.bep-main-grid-v59w .requester-created-v59w input{ width:100%!important; height:24px!important; min-height:24px!important; }
/* Term Days inline 'days' suffix */
.bep-main-grid-v59w .term-inline-v59w{ display:flex!important; align-items:center!important; gap:6px!important; }
.bep-main-grid-v59w .term-inline-v59w input{ flex:1 1 auto!important; max-width:none!important; }
.bep-main-grid-v59w .term-inline-v59w span{ flex:0 0 auto!important; font-size:11px!important; color:#64748b!important; }
/* Beneficiary cell grows for the JS-injected + New button + helper text */
.benef-cell-v59ad{ align-self:stretch!important; }
.benef-cell-v59ad .mc-v{ display:block!important; }
.benef-cell-v59ad .bank-new-inline-wrap{ display:flex!important; align-items:center!important; gap:6px!important; }
.benef-cell-v59ad .bank-new-inline-wrap input{ flex:1 1 auto!important; min-width:0!important; }
.benef-cell-v59ad .bank-new-btn{ flex:0 0 auto!important; }
.benef-cell-v59ad .bank-create-hint{ font-size:10px!important; line-height:1.15!important; margin-top:2px!important; }
@media(max-width:1200px){
  .bep-main-grid-v59w.bmr-1{ grid-template-columns:1fr 1fr 1fr!important; }
  .bep-main-grid-v59w.bmr-2{ grid-template-columns:1fr 1fr 2fr!important; }
  .bep-main-grid-v59w.bmr-3{ grid-template-columns:repeat(3,1fr)!important; }
  .bep-main-grid-v59w.bmr-1 .mc-f, .bep-main-grid-v59w.bmr-3 .mc-f{ height:auto!important; min-height:54px!important; }
}
/* end v59ad */


/* ================================================================= */
/* v59ae: smaller Beneficiary BANK badge + centered screen/list titles */
/* ================================================================= */
/* Beneficiary column BANK badge: make it visually smaller while keeping it clickable. */
table.module-list-table.lt td.list-benef .bank-mini,
.v59w-module-shell td.list-benef .bank-mini,
.bank-mini{
  min-width:24px!important;
  height:15px!important;
  min-height:15px!important;
  padding:0 4px!important;
  font-size:8.5px!important;
  font-weight:850!important;
  line-height:1!important;
  border-radius:999px!important;
  letter-spacing:.01em!important;
  box-shadow:none!important;
  transform:none!important;
}
table.module-list-table.lt td.list-benef .benef-inline,
.v59w-module-shell td.list-benef .benef-inline{
  gap:3px!important;
}

/* Center all visible module/screen titles and all module list column headers. */
.mhd{
  justify-content:center!important;
  text-align:center!important;
  position:relative!important;
}
.mhd > div:first-child{
  flex:1 1 100%!important;
  text-align:center!important;
}
.mhd h1,
.mhd h2,
.mhd h3,
.mhd p{
  text-align:center!important;
}
.mhd .tl-end{
  position:absolute!important;
  right:0!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}
.v59w-module-shell .module-list-table thead th,
table.module-list-table thead th,
table.module-list-table thead th.right,
table.lt thead th,
table.lt thead th.right{
  text-align:center!important;
}
/* end v59ae */


/* ================================================================= */
/* v59af: simplify module list display only.                          */
/* Hide/remove workflow-person columns from module tables via template: */
/* Leader, BEP Processor, Program, Final Approver. Master Log untouched. */
/* ================================================================= */
.v59w-module-shell .module-list-table{
  table-layout:fixed!important;
  width:100%!important;
}
.v59w-module-shell .module-list-table th,
.v59w-module-shell .module-list-table td{
  box-sizing:border-box!important;
}
/* 12-column shared module list: BEP Requesting / Checking / BEP Requested / Paid-like lists */
table.module-list-table.mod-bep_requesting th:nth-child(1), table.module-list-table.mod-bep_requesting td:nth-child(1),
table.module-list-table.mod-checking th:nth-child(1), table.module-list-table.mod-checking td:nth-child(1),
table.module-list-table.mod-bep_requested th:nth-child(1), table.module-list-table.mod-bep_requested td:nth-child(1){ width:5.5%!important; text-align:left!important; }
table.module-list-table.mod-bep_requesting th:nth-child(2), table.module-list-table.mod-bep_requesting td:nth-child(2),
table.module-list-table.mod-checking th:nth-child(2), table.module-list-table.mod-checking td:nth-child(2),
table.module-list-table.mod-bep_requested th:nth-child(2), table.module-list-table.mod-bep_requested td:nth-child(2){ width:6.8%!important; text-align:left!important; }
table.module-list-table.mod-bep_requesting th:nth-child(3), table.module-list-table.mod-bep_requesting td:nth-child(3),
table.module-list-table.mod-checking th:nth-child(3), table.module-list-table.mod-checking td:nth-child(3),
table.module-list-table.mod-bep_requested th:nth-child(3), table.module-list-table.mod-bep_requested td:nth-child(3){ width:7.0%!important; text-align:left!important; }
table.module-list-table.mod-bep_requesting th:nth-child(4), table.module-list-table.mod-bep_requesting td:nth-child(4),
table.module-list-table.mod-checking th:nth-child(4), table.module-list-table.mod-checking td:nth-child(4),
table.module-list-table.mod-bep_requested th:nth-child(4), table.module-list-table.mod-bep_requested td:nth-child(4){ width:6.0%!important; text-align:left!important; }
table.module-list-table.mod-bep_requesting th:nth-child(5), table.module-list-table.mod-bep_requesting td:nth-child(5),
table.module-list-table.mod-checking th:nth-child(5), table.module-list-table.mod-checking td:nth-child(5),
table.module-list-table.mod-bep_requested th:nth-child(5), table.module-list-table.mod-bep_requested td:nth-child(5){ width:19.0%!important; text-align:left!important; }
table.module-list-table.mod-bep_requesting th:nth-child(6), table.module-list-table.mod-bep_requesting td:nth-child(6),
table.module-list-table.mod-checking th:nth-child(6), table.module-list-table.mod-checking td:nth-child(6),
table.module-list-table.mod-bep_requested th:nth-child(6), table.module-list-table.mod-bep_requested td:nth-child(6){ width:7.2%!important; text-align:left!important; }
table.module-list-table.mod-bep_requesting th:nth-child(7), table.module-list-table.mod-bep_requesting td:nth-child(7),
table.module-list-table.mod-checking th:nth-child(7), table.module-list-table.mod-checking td:nth-child(7),
table.module-list-table.mod-bep_requested th:nth-child(7), table.module-list-table.mod-bep_requested td:nth-child(7){ width:5.2%!important; text-align:left!important; }
table.module-list-table.mod-bep_requesting th:nth-child(8), table.module-list-table.mod-bep_requesting td:nth-child(8),
table.module-list-table.mod-checking th:nth-child(8), table.module-list-table.mod-checking td:nth-child(8),
table.module-list-table.mod-bep_requested th:nth-child(8), table.module-list-table.mod-bep_requested td:nth-child(8){ width:8.0%!important; text-align:left!important; }
table.module-list-table.mod-bep_requesting th:nth-child(9), table.module-list-table.mod-bep_requesting td:nth-child(9),
table.module-list-table.mod-checking th:nth-child(9), table.module-list-table.mod-checking td:nth-child(9),
table.module-list-table.mod-bep_requested th:nth-child(9), table.module-list-table.mod-bep_requested td:nth-child(9){ width:13.0%!important; text-align:left!important; }
table.module-list-table.mod-bep_requesting th:nth-child(10), table.module-list-table.mod-bep_requesting td:nth-child(10),
table.module-list-table.mod-checking th:nth-child(10), table.module-list-table.mod-checking td:nth-child(10),
table.module-list-table.mod-bep_requested th:nth-child(10), table.module-list-table.mod-bep_requested td:nth-child(10){ width:6.5%!important; text-align:right!important; }
table.module-list-table.mod-bep_requesting th:nth-child(11), table.module-list-table.mod-bep_requesting td:nth-child(11),
table.module-list-table.mod-checking th:nth-child(11), table.module-list-table.mod-checking td:nth-child(11),
table.module-list-table.mod-bep_requested th:nth-child(11), table.module-list-table.mod-bep_requested td:nth-child(11){ width:9.0%!important; text-align:left!important; }
table.module-list-table.mod-bep_requesting th:nth-child(12), table.module-list-table.mod-bep_requesting td:nth-child(12),
table.module-list-table.mod-checking th:nth-child(12), table.module-list-table.mod-checking td:nth-child(12),
table.module-list-table.mod-bep_requested th:nth-child(12), table.module-list-table.mod-bep_requested td:nth-child(12){ width:6.8%!important; text-align:center!important; }

/* 14-column Final Approval list after removing BEP Processor / Final Approver / Program */
table.module-list-table.mod-final_approval th:nth-child(1), table.module-list-table.mod-final_approval td:nth-child(1){ width:4.9%!important; text-align:left!important; }
table.module-list-table.mod-final_approval th:nth-child(2), table.module-list-table.mod-final_approval td:nth-child(2){ width:6.2%!important; text-align:left!important; }
table.module-list-table.mod-final_approval th:nth-child(3), table.module-list-table.mod-final_approval td:nth-child(3){ width:5.8%!important; text-align:left!important; }
table.module-list-table.mod-final_approval th:nth-child(4), table.module-list-table.mod-final_approval td:nth-child(4){ width:5.4%!important; text-align:left!important; }
table.module-list-table.mod-final_approval th:nth-child(5), table.module-list-table.mod-final_approval td:nth-child(5){ width:5.3%!important; text-align:left!important; }
table.module-list-table.mod-final_approval th:nth-child(6), table.module-list-table.mod-final_approval td:nth-child(6){ width:16.4%!important; text-align:left!important; }
table.module-list-table.mod-final_approval th:nth-child(7), table.module-list-table.mod-final_approval td:nth-child(7){ width:4.8%!important; text-align:left!important; }
table.module-list-table.mod-final_approval th:nth-child(8), table.module-list-table.mod-final_approval td:nth-child(8){ width:6.6%!important; text-align:left!important; }
table.module-list-table.mod-final_approval th:nth-child(9), table.module-list-table.mod-final_approval td:nth-child(9){ width:7.6%!important; text-align:left!important; }
table.module-list-table.mod-final_approval th:nth-child(10), table.module-list-table.mod-final_approval td:nth-child(10){ width:10.8%!important; text-align:left!important; }
table.module-list-table.mod-final_approval th:nth-child(11), table.module-list-table.mod-final_approval td:nth-child(11){ width:5.8%!important; text-align:right!important; }
table.module-list-table.mod-final_approval th:nth-child(12), table.module-list-table.mod-final_approval td:nth-child(12){ width:6.3%!important; text-align:right!important; }
table.module-list-table.mod-final_approval th:nth-child(13), table.module-list-table.mod-final_approval td:nth-child(13){ width:8.0%!important; text-align:left!important; }
table.module-list-table.mod-final_approval th:nth-child(14), table.module-list-table.mod-final_approval td:nth-child(14){ width:6.1%!important; text-align:center!important; }

/* 15-column Waiting Payment list after removing BEP Processor */
table.module-list-table.mod-waiting_payment th:nth-child(1), table.module-list-table.mod-waiting_payment td:nth-child(1){ width:4.7%!important; text-align:left!important; }
table.module-list-table.mod-waiting_payment th:nth-child(2), table.module-list-table.mod-waiting_payment td:nth-child(2){ width:6.0%!important; text-align:left!important; }
table.module-list-table.mod-waiting_payment th:nth-child(3), table.module-list-table.mod-waiting_payment td:nth-child(3){ width:5.6%!important; text-align:left!important; }
table.module-list-table.mod-waiting_payment th:nth-child(4), table.module-list-table.mod-waiting_payment td:nth-child(4){ width:5.2%!important; text-align:left!important; }
table.module-list-table.mod-waiting_payment th:nth-child(5), table.module-list-table.mod-waiting_payment td:nth-child(5){ width:5.1%!important; text-align:left!important; }
table.module-list-table.mod-waiting_payment th:nth-child(6), table.module-list-table.mod-waiting_payment td:nth-child(6){ width:18.8%!important; text-align:left!important; }
table.module-list-table.mod-waiting_payment th:nth-child(7), table.module-list-table.mod-waiting_payment td:nth-child(7){ width:6.4%!important; text-align:left!important; }
table.module-list-table.mod-waiting_payment th:nth-child(8), table.module-list-table.mod-waiting_payment td:nth-child(8){ width:7.4%!important; text-align:left!important; }
table.module-list-table.mod-waiting_payment th:nth-child(9), table.module-list-table.mod-waiting_payment td:nth-child(9){ width:6.0%!important; text-align:left!important; }
table.module-list-table.mod-waiting_payment th:nth-child(10), table.module-list-table.mod-waiting_payment td:nth-child(10){ width:5.0%!important; text-align:left!important; }
table.module-list-table.mod-waiting_payment th:nth-child(11), table.module-list-table.mod-waiting_payment td:nth-child(11){ width:5.8%!important; text-align:right!important; }
table.module-list-table.mod-waiting_payment th:nth-child(12), table.module-list-table.mod-waiting_payment td:nth-child(12){ width:5.5%!important; text-align:right!important; }
table.module-list-table.mod-waiting_payment th:nth-child(13), table.module-list-table.mod-waiting_payment td:nth-child(13){ width:6.3%!important; text-align:right!important; }
table.module-list-table.mod-waiting_payment th:nth-child(14), table.module-list-table.mod-waiting_payment td:nth-child(14){ width:7.4%!important; text-align:left!important; }
table.module-list-table.mod-waiting_payment th:nth-child(15), table.module-list-table.mod-waiting_payment td:nth-child(15){ width:4.8%!important; text-align:center!important; }

/* Keep headers centered even when body cells are left/right aligned. */
.v59w-module-shell table.module-list-table thead th{ text-align:center!important; }
/* end v59af */

/* ============================================================================
   v59ag: compact Invoice/Beneficiary columns + unified module list zoom
   Scope: module list screens only (BEP Requesting, Checking, BEP Requested,
          Final Approval, Waiting Payment). Master Log and Detail are untouched.
   ========================================================================== */
.v59w-module-shell .tbl-wrap.module-list-wrap{
  overflow-x:hidden!important;
  width:100%!important;
}
.v59w-module-shell table.module-list-table.mod-bep_requesting,
.v59w-module-shell table.module-list-table.mod-checking,
.v59w-module-shell table.module-list-table.mod-bep_requested,
.v59w-module-shell table.module-list-table.mod-final_approval,
.v59w-module-shell table.module-list-table.mod-waiting_payment{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
}
/* Same visual zoom for every module list: no smaller font on Final Approval / Waiting Payment. */
.v59w-module-shell table.module-list-table.mod-bep_requesting th,
.v59w-module-shell table.module-list-table.mod-bep_requesting td,
.v59w-module-shell table.module-list-table.mod-checking th,
.v59w-module-shell table.module-list-table.mod-checking td,
.v59w-module-shell table.module-list-table.mod-bep_requested th,
.v59w-module-shell table.module-list-table.mod-bep_requested td,
.v59w-module-shell table.module-list-table.mod-final_approval th,
.v59w-module-shell table.module-list-table.mod-final_approval td,
.v59w-module-shell table.module-list-table.mod-waiting_payment th,
.v59w-module-shell table.module-list-table.mod-waiting_payment td{
  box-sizing:border-box!important;
  font-size:11px!important;
  line-height:1.22!important;
  padding:6px 6px!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
.v59w-module-shell table.module-list-table thead th{
  font-size:10.8px!important;
  font-weight:900!important;
  text-align:center!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  letter-spacing:-.08px!important;
}
.v59w-module-shell table.module-list-table tbody td{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
/* Keep status/action readable even after compacting Beneficiary and Invoice columns. */
.v59w-module-shell table.module-list-table td.status-td,
.v59w-module-shell table.module-list-table td.action-td{
  overflow:visible!important;
  text-overflow:clip!important;
}
.v59w-module-shell table.module-list-table .status-cell{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  white-space:nowrap!important;
}
.v59w-module-shell table.module-list-table .status-cell .pill{
  font-size:9.4px!important;
  padding:3px 6px!important;
  line-height:1.05!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.v59w-module-shell table.module-list-table .urgent-status{
  width:15px!important;
  height:15px!important;
  font-size:9.5px!important;
  flex:0 0 auto!important;
}
.v59w-module-shell table.module-list-table .btn.xs{
  font-size:10px!important;
  padding:4px 7px!important;
  line-height:1.1!important;
}
/* Smaller BANK badge remains beside Beneficiary text. */
.v59w-module-shell table.module-list-table td.list-benef{
  display:table-cell!important;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}
.v59w-module-shell table.module-list-table td.list-benef .benef-inline,
.v59w-module-shell table.module-list-table td.list-benef .benef-pack{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:2px!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  flex-wrap:nowrap!important;
  vertical-align:middle!important;
}
.v59w-module-shell table.module-list-table td.list-benef .benef-short{
  display:inline-block!important;
  flex:0 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:calc(100% - 31px)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
.v59w-module-shell table.module-list-table td.list-benef .bank-mini{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:static!important;
  float:none!important;
  clear:none!important;
  inset:auto!important;
  transform:none!important;
  flex:0 0 27px!important;
  width:27px!important;
  min-width:27px!important;
  max-width:27px!important;
  height:14px!important;
  min-height:14px!important;
  margin:0 0 0 2px!important;
  padding:0 2px!important;
  font-size:7.8px!important;
  line-height:12px!important;
  border-radius:999px!important;
  vertical-align:middle!important;
  align-self:center!important;
}
/* 12-column modules: BEP Requesting / Checking / BEP Requested.
   Order: No | Req Date | Req Name | Buyer | Beneficiary | Vendor Inv Date | Term | Due Date | Invoice # | Amount | Status | Action */
.v59w-module-shell table.module-list-table.mod-bep_requesting th:nth-child(1), .v59w-module-shell table.module-list-table.mod-bep_requesting td:nth-child(1),
.v59w-module-shell table.module-list-table.mod-checking th:nth-child(1), .v59w-module-shell table.module-list-table.mod-checking td:nth-child(1),
.v59w-module-shell table.module-list-table.mod-bep_requested th:nth-child(1), .v59w-module-shell table.module-list-table.mod-bep_requested td:nth-child(1){width:5.8%!important;text-align:left!important;overflow:visible!important;text-overflow:clip!important;}
.v59w-module-shell table.module-list-table.mod-bep_requesting th:nth-child(2), .v59w-module-shell table.module-list-table.mod-bep_requesting td:nth-child(2),
.v59w-module-shell table.module-list-table.mod-checking th:nth-child(2), .v59w-module-shell table.module-list-table.mod-checking td:nth-child(2),
.v59w-module-shell table.module-list-table.mod-bep_requested th:nth-child(2), .v59w-module-shell table.module-list-table.mod-bep_requested td:nth-child(2){width:7.2%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-bep_requesting th:nth-child(3), .v59w-module-shell table.module-list-table.mod-bep_requesting td:nth-child(3),
.v59w-module-shell table.module-list-table.mod-checking th:nth-child(3), .v59w-module-shell table.module-list-table.mod-checking td:nth-child(3),
.v59w-module-shell table.module-list-table.mod-bep_requested th:nth-child(3), .v59w-module-shell table.module-list-table.mod-bep_requested td:nth-child(3){width:7.5%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-bep_requesting th:nth-child(4), .v59w-module-shell table.module-list-table.mod-bep_requesting td:nth-child(4),
.v59w-module-shell table.module-list-table.mod-checking th:nth-child(4), .v59w-module-shell table.module-list-table.mod-checking td:nth-child(4),
.v59w-module-shell table.module-list-table.mod-bep_requested th:nth-child(4), .v59w-module-shell table.module-list-table.mod-bep_requested td:nth-child(4){width:7.0%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-bep_requesting th:nth-child(5), .v59w-module-shell table.module-list-table.mod-bep_requesting td:nth-child(5),
.v59w-module-shell table.module-list-table.mod-checking th:nth-child(5), .v59w-module-shell table.module-list-table.mod-checking td:nth-child(5),
.v59w-module-shell table.module-list-table.mod-bep_requested th:nth-child(5), .v59w-module-shell table.module-list-table.mod-bep_requested td:nth-child(5){width:14.0%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-bep_requesting th:nth-child(6), .v59w-module-shell table.module-list-table.mod-bep_requesting td:nth-child(6),
.v59w-module-shell table.module-list-table.mod-checking th:nth-child(6), .v59w-module-shell table.module-list-table.mod-checking td:nth-child(6),
.v59w-module-shell table.module-list-table.mod-bep_requested th:nth-child(6), .v59w-module-shell table.module-list-table.mod-bep_requested td:nth-child(6){width:8.0%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-bep_requesting th:nth-child(7), .v59w-module-shell table.module-list-table.mod-bep_requesting td:nth-child(7),
.v59w-module-shell table.module-list-table.mod-checking th:nth-child(7), .v59w-module-shell table.module-list-table.mod-checking td:nth-child(7),
.v59w-module-shell table.module-list-table.mod-bep_requested th:nth-child(7), .v59w-module-shell table.module-list-table.mod-bep_requested td:nth-child(7){width:5.5%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-bep_requesting th:nth-child(8), .v59w-module-shell table.module-list-table.mod-bep_requesting td:nth-child(8),
.v59w-module-shell table.module-list-table.mod-checking th:nth-child(8), .v59w-module-shell table.module-list-table.mod-checking td:nth-child(8),
.v59w-module-shell table.module-list-table.mod-bep_requested th:nth-child(8), .v59w-module-shell table.module-list-table.mod-bep_requested td:nth-child(8){width:9.0%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-bep_requesting th:nth-child(9), .v59w-module-shell table.module-list-table.mod-bep_requesting td:nth-child(9),
.v59w-module-shell table.module-list-table.mod-checking th:nth-child(9), .v59w-module-shell table.module-list-table.mod-checking td:nth-child(9),
.v59w-module-shell table.module-list-table.mod-bep_requested th:nth-child(9), .v59w-module-shell table.module-list-table.mod-bep_requested td:nth-child(9){width:9.5%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-bep_requesting th:nth-child(10), .v59w-module-shell table.module-list-table.mod-bep_requesting td:nth-child(10),
.v59w-module-shell table.module-list-table.mod-checking th:nth-child(10), .v59w-module-shell table.module-list-table.mod-checking td:nth-child(10),
.v59w-module-shell table.module-list-table.mod-bep_requested th:nth-child(10), .v59w-module-shell table.module-list-table.mod-bep_requested td:nth-child(10){width:8.0%!important;text-align:right!important;}
.v59w-module-shell table.module-list-table.mod-bep_requesting th:nth-child(11), .v59w-module-shell table.module-list-table.mod-bep_requesting td:nth-child(11),
.v59w-module-shell table.module-list-table.mod-checking th:nth-child(11), .v59w-module-shell table.module-list-table.mod-checking td:nth-child(11),
.v59w-module-shell table.module-list-table.mod-bep_requested th:nth-child(11), .v59w-module-shell table.module-list-table.mod-bep_requested td:nth-child(11){width:10.0%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-bep_requesting th:nth-child(12), .v59w-module-shell table.module-list-table.mod-bep_requesting td:nth-child(12),
.v59w-module-shell table.module-list-table.mod-checking th:nth-child(12), .v59w-module-shell table.module-list-table.mod-checking td:nth-child(12),
.v59w-module-shell table.module-list-table.mod-bep_requested th:nth-child(12), .v59w-module-shell table.module-list-table.mod-bep_requested td:nth-child(12){width:8.5%!important;text-align:left!important;overflow:visible!important;text-overflow:clip!important;}
/* 14-column Final Approval list. */
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(1), .v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(1){width:5.1%!important;text-align:left!important;overflow:visible!important;text-overflow:clip!important;}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(2), .v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(2){width:6.7%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(3), .v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(3){width:6.5%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(4), .v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(4){width:5.6%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(5), .v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(5){width:5.4%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(6), .v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(6){width:12.5%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(7), .v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(7){width:6.6%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(8), .v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(8){width:8.0%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(9), .v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(9){width:8.4%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(10), .v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(10){width:7.6%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(11), .v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(11){width:6.7%!important;text-align:right!important;}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(12), .v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(12){width:7.2%!important;text-align:right!important;}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(13), .v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(13){width:8.5%!important;text-align:left!important;overflow:visible!important;text-overflow:clip!important;}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(14), .v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(14){width:5.2%!important;text-align:left!important;overflow:visible!important;text-overflow:clip!important;}
/* 15-column Waiting Payment list. No Invoice # column in this module; Beneficiary is compacted. */
.v59w-module-shell table.module-list-table.mod-waiting_payment th:nth-child(1), .v59w-module-shell table.module-list-table.mod-waiting_payment td:nth-child(1){width:5.0%!important;text-align:left!important;overflow:visible!important;text-overflow:clip!important;}
.v59w-module-shell table.module-list-table.mod-waiting_payment th:nth-child(2), .v59w-module-shell table.module-list-table.mod-waiting_payment td:nth-child(2){width:6.2%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-waiting_payment th:nth-child(3), .v59w-module-shell table.module-list-table.mod-waiting_payment td:nth-child(3){width:6.3%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-waiting_payment th:nth-child(4), .v59w-module-shell table.module-list-table.mod-waiting_payment td:nth-child(4){width:5.3%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-waiting_payment th:nth-child(5), .v59w-module-shell table.module-list-table.mod-waiting_payment td:nth-child(5){width:5.1%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-waiting_payment th:nth-child(6), .v59w-module-shell table.module-list-table.mod-waiting_payment td:nth-child(6){width:13.0%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-waiting_payment th:nth-child(7), .v59w-module-shell table.module-list-table.mod-waiting_payment td:nth-child(7){width:7.0%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-waiting_payment th:nth-child(8), .v59w-module-shell table.module-list-table.mod-waiting_payment td:nth-child(8){width:7.9%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-waiting_payment th:nth-child(9), .v59w-module-shell table.module-list-table.mod-waiting_payment td:nth-child(9){width:6.6%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-waiting_payment th:nth-child(10), .v59w-module-shell table.module-list-table.mod-waiting_payment td:nth-child(10){width:5.4%!important;text-align:center!important;}
.v59w-module-shell table.module-list-table.mod-waiting_payment th:nth-child(11), .v59w-module-shell table.module-list-table.mod-waiting_payment td:nth-child(11){width:6.2%!important;text-align:right!important;}
.v59w-module-shell table.module-list-table.mod-waiting_payment th:nth-child(12), .v59w-module-shell table.module-list-table.mod-waiting_payment td:nth-child(12){width:5.8%!important;text-align:right!important;}
.v59w-module-shell table.module-list-table.mod-waiting_payment th:nth-child(13), .v59w-module-shell table.module-list-table.mod-waiting_payment td:nth-child(13){width:7.2%!important;text-align:right!important;}
.v59w-module-shell table.module-list-table.mod-waiting_payment th:nth-child(14), .v59w-module-shell table.module-list-table.mod-waiting_payment td:nth-child(14){width:8.2%!important;text-align:left!important;overflow:visible!important;text-overflow:clip!important;}
.v59w-module-shell table.module-list-table.mod-waiting_payment th:nth-child(15), .v59w-module-shell table.module-list-table.mod-waiting_payment td:nth-child(15){width:4.8%!important;text-align:left!important;overflow:visible!important;text-overflow:clip!important;}
/* Invoice # is intentionally compacted across all modules that display it. Full value remains in title tooltip from template. */
.v59w-module-shell table.module-list-table.mod-bep_requesting td:nth-child(9),
.v59w-module-shell table.module-list-table.mod-checking td:nth-child(9),
.v59w-module-shell table.module-list-table.mod-bep_requested td:nth-child(9),
.v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(10){
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
/* end v59ag */


/* =========================================================
   v59ah — Detail Main Information grid like official summary
   Scope: Detail modal only. No workflow/data changes.
   ========================================================= */
.detail-box .mc-wrap.v59ah-detail-main{
  flex:0 0 auto!important;
  background:#fff!important;
  border-bottom:1px solid #cbd7e6!important;
  padding:8px 6px 0!important;
  margin:0!important;
}
.detail-box .mc-grid.v59ah-detail-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  align-items:stretch!important;
  border-top:1px solid #cbd7e6!important;
  border-left:1px solid #cbd7e6!important;
  background:#fff!important;
}
.detail-box .v59ah-detail-grid .mc-f,
body .detail-box .v59ah-detail-grid .mc-f{
  min-height:52px!important;
  height:auto!important;
  padding:7px 10px!important;
  box-sizing:border-box!important;
  border-right:1px solid #cbd7e6!important;
  border-bottom:1px solid #cbd7e6!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:3px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.detail-box .v59ah-detail-grid .mc-f.span2{grid-column:span 2!important;}
.detail-box .v59ah-detail-grid .mc-l{
  font-size:10.5px!important;
  line-height:1.15!important;
  font-weight:900!important;
  color:#405a7c!important;
  text-transform:uppercase!important;
  letter-spacing:.035em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.detail-box .v59ah-detail-grid .mc-v{
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:800!important;
  color:#061936!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  min-width:0!important;
}
.detail-box .v59ah-detail-grid .mc-name{font-weight:900!important;}
.detail-box .v59ah-detail-grid .mc-date{
  display:inline!important;
  font-size:11px!important;
  font-weight:700!important;
  color:#4b668b!important;
  margin-left:4px!important;
  white-space:nowrap!important;
}
.detail-box .v59ah-detail-grid .mc-note{
  display:inline-block!important;
  margin-left:6px!important;
  font-size:10.5px!important;
  font-weight:700!important;
  color:#7a6b52!important;
  max-width:160px!important;
  vertical-align:baseline!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.detail-box .v59ah-detail-grid .bank-btn-detail-v59ah{
  transform:scale(.82)!important;
  transform-origin:left center!important;
  margin-left:5px!important;
  padding:1px 7px!important;
  font-size:10px!important;
  line-height:1.15!important;
  vertical-align:1px!important;
}
.detail-box .v59ah-detail-grid .pay-att-list{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:4px!important;
  overflow:hidden!important;
}
.detail-box .v59ah-detail-grid .pay-att-chip{
  max-width:230px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
@media(max-width:1200px){
  .detail-box .mc-grid.v59ah-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  .detail-box .mc-grid.v59ah-detail-grid{grid-template-columns:1fr!important;}
  .detail-box .v59ah-detail-grid .mc-f.span2{grid-column:span 1!important;}
}


/* =========================================================
   v59ai: Detail footer attachment button + lower total summary.
   - Move Payment Attachments out of Detail Main Information.
   - Show Attachment in same footer row as View BEP / History / Close.
   - Keep totals pinned low and close to footer buttons.
   ========================================================= */
.detail-box .detail-footer-v59ai{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:6px 16px!important;
  min-height:42px!important;
}
.detail-footer-attachments-v59ai{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  flex:0 1 auto!important;
}
.detail-footer-actions-v59ai{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  flex-wrap:wrap!important;
  margin-left:auto!important;
}
.detail-footer-actions-v59ai form{display:inline-flex!important;margin:0!important;}
.pay-att-footer-btn-v59ai{font-weight:850!important;}
.pay-att-footer-count-v59ai{
  color:#445b78!important;
  font-size:11.5px!important;
  font-weight:750!important;
  white-space:nowrap!important;
}
.detail-box .fs-detail{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
}
.detail-box .fs-dtscroll{
  flex:1 1 auto!important;
  min-height:150px!important;
}
.detail-box .detail-total-summary{
  margin-top:auto!important;
  padding:5px 16px 4px!important;
  border-top:1px solid #b8d8c8!important;
  border-bottom:0!important;
  box-shadow:0 -1px 5px rgba(6,25,54,.04)!important;
}
.detail-box .detail-total-chip{
  padding:5px 10px!important;
  border-radius:9px!important;
}
@media(max-width:900px){
  .detail-box .detail-footer-v59ai{align-items:flex-start!important;flex-direction:column!important;}
  .detail-footer-actions-v59ai{margin-left:0!important;justify-content:flex-start!important;}
}


/* =========================================================
   v59aj — Detail Main Information aligned to Preview Detail layout.
   Scope: Detail modal display only. No workflow/data changes.
   ========================================================= */
.detail-box .mc-wrap.v59aj-detail-main{
  flex:0 0 auto!important;
  background:#fff!important;
  border-bottom:1px solid #cbd7e6!important;
  padding:8px 6px 0!important;
  margin:0!important;
  max-height:none!important;
  overflow:visible!important;
}
.detail-box .mc-grid.v59aj-preview-detail-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  align-items:stretch!important;
  border-top:1px solid #cbd7e6!important;
  border-left:1px solid #cbd7e6!important;
  background:#fff!important;
}
.detail-box .v59aj-preview-detail-grid .v59aj-row-break{
  grid-column:1/-1!important;
  height:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  overflow:hidden!important;
}
.detail-box .v59aj-preview-detail-grid .mc-f{
  min-height:52px!important;
  height:auto!important;
  padding:7px 10px!important;
  box-sizing:border-box!important;
  border-right:1px solid #cbd7e6!important;
  border-bottom:1px solid #cbd7e6!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:3px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.detail-box .v59aj-preview-detail-grid .mc-l{
  font-size:10.5px!important;
  line-height:1.15!important;
  font-weight:900!important;
  color:#405a7c!important;
  text-transform:uppercase!important;
  letter-spacing:.035em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.detail-box .v59aj-preview-detail-grid .mc-v{
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:800!important;
  color:#061936!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  min-width:0!important;
}
.detail-box .v59aj-preview-detail-grid .mc-name{font-weight:900!important;}
.detail-box .v59aj-preview-detail-grid .mc-date{
  display:inline!important;
  font-size:11px!important;
  font-weight:700!important;
  color:#4b668b!important;
  margin-left:4px!important;
  white-space:nowrap!important;
}
.detail-box .v59aj-preview-detail-grid .mc-note{
  display:inline-block!important;
  margin-left:6px!important;
  font-size:10.5px!important;
  font-weight:700!important;
  color:#7a6b52!important;
  max-width:160px!important;
  vertical-align:baseline!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.detail-box .v59aj-preview-detail-grid .beneficiary-main-v59aj{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
}
.detail-box .v59aj-preview-detail-grid .bank-btn-detail-v59aj{
  flex:0 0 auto!important;
  margin-left:3px!important;
  padding:1px 6px!important;
  font-size:9px!important;
  line-height:1.1!important;
  min-height:16px!important;
  transform:none!important;
  vertical-align:middle!important;
}
.detail-box .detail-footer-v59aj{
  display:flex!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:8px!important;
  padding:6px 16px!important;
  min-height:42px!important;
}
.detail-footer-actions-v59aj{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}
.detail-footer-actions-v59aj form{display:inline-flex!important;margin:0!important;}
.detail-footer-spacer-v59aj{flex:1 1 auto!important;min-width:16px!important;}
.pay-att-footer-btn-v59aj{
  font-weight:850!important;
  max-width:360px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
@media(max-width:1200px){
  .detail-box .mc-grid.v59aj-preview-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:900px){
  .detail-footer-spacer-v59aj{flex-basis:100%!important;height:0!important;}
  .detail-footer-actions-v59aj{justify-content:flex-start!important;}
}
@media(max-width:760px){
  .detail-box .mc-grid.v59aj-preview-detail-grid{grid-template-columns:1fr!important;}
}

/* =========================================================
   v59ak — Create Main Info inline Requester/Create By,
   Detail Beneficiary Bank button beside label,
   Master Log detail visual sync fallback.
   Scope: display/layout only. No workflow/data changes.
   ========================================================= */

/* Create/Edit Main Information: Requester is fixed login user; Create By is the only compact input. */
.bep-main-grid-v59w .requester-created-v59ak{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  grid-template-columns:none!important;
  grid-auto-rows:auto!important;
  height:28px!important;
  min-height:28px!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
.bep-main-grid-v59w .requester-created-v59ak .requester-name-v59w{
  flex:0 1 auto!important;
  width:auto!important;
  max-width:42%!important;
  min-width:0!important;
  height:26px!important;
  min-height:26px!important;
  border:0!important;
  background:transparent!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  font-weight:900!important;
  color:#061936!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.bep-main-grid-v59w .requester-created-v59ak .created-by-label-v59w{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  height:26px!important;
  min-height:26px!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:900!important;
  color:#405a7c!important;
  text-transform:uppercase!important;
  letter-spacing:.025em!important;
  white-space:nowrap!important;
}
.bep-main-grid-v59w .requester-created-v59ak input[name="created_by"]{
  flex:1 1 108px!important;
  min-width:96px!important;
  max-width:150px!important;
  width:auto!important;
  height:26px!important;
  min-height:26px!important;
  padding:3px 7px!important;
}
.bep-main-grid-v59w.bmr-1 .mc-f:nth-child(3){min-width:0!important;overflow:visible!important;}

/* Detail Main Information: Bank is an action of Beneficiary label, not part of the value text. */
.detail-box .v59aj-preview-detail-grid .beneficiary-label-v59ak{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
.detail-box .v59aj-preview-detail-grid .beneficiary-main-v59aj{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.detail-box .v59aj-preview-detail-grid .bank-btn-label-v59ak{
  flex:0 0 auto!important;
  margin:0!important;
  padding:1px 5px!important;
  min-height:15px!important;
  height:15px!important;
  border-radius:6px!important;
  font-size:8.5px!important;
  line-height:1!important;
  transform:none!important;
  vertical-align:baseline!important;
}

/* Keep payment attachment access on the same footer row as View BEP / History / Close. */
.detail-box .detail-footer-actions-v59aj{
  flex-wrap:nowrap!important;
  align-items:center!important;
}
.detail-box .pay-att-footer-btn-v59aj{
  flex:0 1 auto!important;
  margin-right:auto!important;
  max-width:300px!important;
  min-width:0!important;
}
.detail-box .detail-footer-spacer-v59aj{
  flex:1 1 auto!important;
}

/* Fallback for older Master Log detail templates not yet converted to v59aj markup.
   This visually aligns their Main Information block with the normal Detail layout
   when the page still uses a plain .mc-wrap/.mc-grid structure. */
.detail-box .detail-body > .mc-wrap:not(.v59aj-detail-main){
  flex:0 0 auto!important;
  background:#fff!important;
  border-bottom:1px solid #cbd7e6!important;
  padding:8px 6px 0!important;
  margin:0!important;
  max-height:none!important;
  overflow:visible!important;
}
.detail-box .detail-body > .mc-wrap:not(.v59aj-detail-main) > .mc-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  align-items:stretch!important;
  border-top:1px solid #cbd7e6!important;
  border-left:1px solid #cbd7e6!important;
  background:#fff!important;
}
.detail-box .detail-body > .mc-wrap:not(.v59aj-detail-main) > .mc-grid > .mc-f{
  min-height:52px!important;
  height:auto!important;
  padding:7px 10px!important;
  box-sizing:border-box!important;
  border-right:1px solid #cbd7e6!important;
  border-bottom:1px solid #cbd7e6!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:3px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.detail-box .detail-body > .mc-wrap:not(.v59aj-detail-main) > .mc-grid > .mc-f .mc-l{
  font-size:10.5px!important;
  line-height:1.15!important;
  font-weight:900!important;
  color:#405a7c!important;
  text-transform:uppercase!important;
  letter-spacing:.035em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.detail-box .detail-body > .mc-wrap:not(.v59aj-detail-main) > .mc-grid > .mc-f .mc-v{
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:800!important;
  color:#061936!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  min-width:0!important;
}
.detail-box .detail-footer-v59ai{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  padding:6px 16px!important;
  min-height:42px!important;
}
.detail-box .detail-footer-attachments-v59ai{
  flex:0 1 auto!important;
  width:auto!important;
  min-width:0!important;
  margin:0 auto 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.detail-box .detail-footer-actions-v59ai{
  flex:0 0 auto!important;
  margin-left:0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
}
@media(max-width:1200px){
  .detail-box .detail-body > .mc-wrap:not(.v59aj-detail-main) > .mc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .detail-box .detail-footer-actions-v59aj,
  .detail-box .detail-footer-actions-v59ai{flex-wrap:wrap!important;}
}
@media(max-width:760px){
  .detail-box .detail-body > .mc-wrap:not(.v59aj-detail-main) > .mc-grid{grid-template-columns:1fr!important;}
  .bep-main-grid-v59w .requester-created-v59ak{flex-wrap:wrap!important;height:auto!important;min-height:28px!important;}
  .bep-main-grid-v59w .requester-created-v59ak input[name="created_by"]{max-width:none!important;}
}
/* end v59ak */

/* =========================================================
   v59al — Create New BEP alignment + Detail 3-frame layout.
   Scope: layout/display only. No workflow/data/model changes.
   ========================================================= */

/* --- Create New BEP: align all Main Information rows and value baselines --- */
.edit-screen-modal .mc-wrap.v59w-create-main{
  padding:6px 14px 8px!important;
  margin:0!important;
  flex:0 0 auto!important;
}
.edit-screen-modal .bep-main-grid-v59w.bmr-1,
.edit-screen-modal .bep-main-grid-v59w.bmr-2,
.edit-screen-modal .bep-main-grid-v59w.bmr-3{
  align-items:start!important;
  gap:6px 10px!important;
  margin:0 0 6px!important;
}
.edit-screen-modal .bep-main-grid-v59w.bmr-3{margin-bottom:0!important;}
.edit-screen-modal .bep-main-grid-v59w .mc-f{
  min-height:52px!important;
  height:52px!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:3px!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.edit-screen-modal .bep-main-grid-v59w.bmr-2 .mc-f{
  min-height:58px!important;
  height:58px!important;
}
.edit-screen-modal .bep-main-grid-v59w .mc-l{
  display:flex!important;
  align-items:flex-end!important;
  height:15px!important;
  min-height:15px!important;
  margin:0!important;
  padding:0!important;
  line-height:1.05!important;
  font-size:10px!important;
}
.edit-screen-modal .bep-main-grid-v59w .mc-v{
  height:31px!important;
  min-height:31px!important;
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
}
.edit-screen-modal .bep-main-grid-v59w input,
.edit-screen-modal .bep-main-grid-v59w select,
.edit-screen-modal .bep-main-grid-v59w .date-field{
  height:30px!important;
  min-height:30px!important;
  box-sizing:border-box!important;
}
.edit-screen-modal .bep-main-grid-v59w input,
.edit-screen-modal .bep-main-grid-v59w select{
  padding-top:4px!important;
  padding-bottom:4px!important;
  line-height:20px!important;
}
.edit-screen-modal .bep-main-grid-v59w .date-field input{height:30px!important;min-height:30px!important;}
.edit-screen-modal .bep-main-grid-v59w .date-field .date-btn{height:30px!important;min-height:30px!important;}
.edit-screen-modal .bep-main-grid-v59w .requester-created-v59ak{
  height:31px!important;
  min-height:31px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  flex-wrap:nowrap!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
.edit-screen-modal .bep-main-grid-v59w .requester-created-v59ak .requester-name-v59w{
  display:inline-flex!important;
  align-items:center!important;
  height:30px!important;
  min-height:30px!important;
  max-width:40%!important;
  font-size:13px!important;
  line-height:1!important;
}
.edit-screen-modal .bep-main-grid-v59w .requester-created-v59ak .created-by-label-v59w{
  display:inline-flex!important;
  align-items:center!important;
  height:30px!important;
  min-height:30px!important;
  font-size:9.5px!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
}
.edit-screen-modal .bep-main-grid-v59w .requester-created-v59ak input[name="created_by"]{
  height:30px!important;
  min-height:30px!important;
  flex:1 1 130px!important;
  min-width:110px!important;
  max-width:190px!important;
  padding:4px 8px!important;
  line-height:20px!important;
}
.edit-screen-modal .bep-main-grid-v59w .term-inline-v59w{
  height:31px!important;
  min-height:31px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}
.edit-screen-modal .bep-main-grid-v59w .term-inline-v59w input{height:30px!important;min-height:30px!important;}
.edit-screen-modal .benef-cell-v59ad .mc-v{
  height:auto!important;
  min-height:31px!important;
  display:block!important;
}
.edit-screen-modal .benef-cell-v59ad .bank-new-inline-wrap{
  min-height:31px!important;
  height:31px!important;
  align-items:center!important;
}
.edit-screen-modal .benef-cell-v59ad .bank-create-hint{
  margin-top:2px!important;
  line-height:1.1!important;
}
@media(max-width:1200px){
  .edit-screen-modal .bep-main-grid-v59w .mc-f{height:auto!important;min-height:52px!important;}
  .edit-screen-modal .bep-main-grid-v59w .requester-created-v59ak{flex-wrap:wrap!important;height:auto!important;min-height:31px!important;}
  .edit-screen-modal .bep-main-grid-v59w .requester-created-v59ak input[name="created_by"]{max-width:none!important;}
}

/* --- Detail modal: fixed 3-frame structure: Main Info / Detail Lines / Footer --- */
.detail-box{
  height:calc(100vh - 18px)!important;
  max-height:calc(100vh - 18px)!important;
  overflow:hidden!important;
}
.detail-box .mhead{
  flex:0 0 auto!important;
  min-height:42px!important;
  padding:7px 14px!important;
}
.detail-box .detail-body-v59al{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:#fff!important;
}
.detail-box .detail-body-v59al > .callout{
  flex:0 0 auto!important;
}
.detail-box .detail-main-frame-v59al{
  flex:0 0 auto!important;
  max-height:34vh!important;
  min-height:0!important;
  overflow:auto!important;
  padding:7px 10px 6px!important;
  margin:0!important;
  background:#fff!important;
  border-bottom:2px solid #d7e0ea!important;
}
.detail-box .detail-main-frame-v59al .v59aj-preview-detail-grid .mc-f{
  min-height:47px!important;
  padding:6px 9px!important;
  gap:2px!important;
}
.detail-box .detail-main-frame-v59al .v59aj-preview-detail-grid .mc-l{
  font-size:10px!important;
  line-height:1.05!important;
}
.detail-box .detail-main-frame-v59al .v59aj-preview-detail-grid .mc-v{
  font-size:13.5px!important;
  line-height:1.2!important;
}
.detail-box .detail-main-frame-v59al .v59aj-preview-detail-grid .mc-date{
  font-size:10.5px!important;
}
.detail-box .detail-lines-frame-v59al{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border-top:0!important;
  background:#f8fffb!important;
}
.detail-box .detail-lines-frame-v59al .fs-titlebar{
  flex:0 0 auto!important;
  min-height:31px!important;
  display:flex!important;
  align-items:center!important;
  padding:5px 10px!important;
}
.detail-box .detail-lines-frame-v59al .fs-dtscroll{
  flex:1 1 auto!important;
  min-height:120px!important;
  overflow:auto!important;
  max-height:none!important;
}
.detail-box .detail-lines-frame-v59al .dtbl th,
.detail-box .detail-lines-frame-v59al .dtbl td{
  font-size:12px!important;
  padding:6px 7px!important;
}
.detail-box .detail-total-summary-v59al{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  padding:7px 14px!important;
  margin:0!important;
  border-top:1px solid #b8d8c8!important;
  background:#fff!important;
  box-shadow:0 -2px 8px rgba(6,25,54,.07)!important;
  z-index:6!important;
  min-height:43px!important;
}
.detail-box .detail-total-summary-v59al .detail-total-chip{
  min-height:29px!important;
  padding:4px 10px!important;
  border-radius:9px!important;
  gap:8px!important;
}
.detail-box .detail-total-summary-v59al .detail-total-chip span{
  font-size:10px!important;
}
.detail-box .detail-total-summary-v59al .detail-total-chip b{
  font-size:13px!important;
}
.detail-box .detail-footer-frame-v59al{
  flex:0 0 auto!important;
  min-height:40px!important;
  padding:5px 14px!important;
  border-top:1px solid #cbd7e6!important;
  background:#fafbfe!important;
  z-index:7!important;
}
.detail-box .detail-footer-frame-v59al .detail-footer-actions-v59aj{
  min-height:30px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:nowrap!important;
  width:100%!important;
}
.detail-box .detail-footer-frame-v59al .btn.sm,
.detail-box .detail-footer-frame-v59al .btn.xs{
  height:29px!important;
  min-height:29px!important;
  padding:0 10px!important;
  font-size:12.5px!important;
  border-radius:8px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
.detail-box .detail-footer-frame-v59al form{display:inline-flex!important;margin:0!important;}
.detail-box .detail-footer-frame-v59al .pay-att-footer-btn-v59aj{
  max-width:270px!important;
  margin-right:auto!important;
}
.detail-box .detail-footer-frame-v59al .detail-footer-spacer-v59aj{
  flex:1 1 auto!important;
  min-width:12px!important;
}

/* Payment attachments are Bank Slip/payment proof. In module details before Paid,
   keep them only in the Mark as Paid popup; do not show them as a footer/main-info block. */
body:not(.page-master_log) .detail-box .pay-att-footer-btn-v59aj{
  display:none!important;
}

/* Older Master Log detail fallback: make old plain detail boxes use the same 3-frame sizing when possible. */
body.page-master_log .detail-box .detail-body{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
body.page-master_log .detail-box .mc-wrap{
  flex:0 0 auto!important;
  max-height:34vh!important;
  overflow:auto!important;
}
body.page-master_log .detail-box .fs-detail{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
body.page-master_log .detail-box .fs-dtscroll{
  flex:1 1 auto!important;
  min-height:120px!important;
  overflow:auto!important;
}
body.page-master_log .detail-box .detail-total-summary{
  flex:0 0 auto!important;
  display:flex!important;
}
body.page-master_log .detail-box .mfoot{
  flex:0 0 auto!important;
}
@media(max-width:1200px){
  .detail-box .detail-main-frame-v59al{max-height:31vh!important;}
  .detail-box .detail-footer-frame-v59al .detail-footer-actions-v59aj{flex-wrap:wrap!important;}
}
@media(max-width:760px){
  .detail-box .detail-main-frame-v59al .v59aj-preview-detail-grid{grid-template-columns:1fr!important;}
  .detail-box .detail-main-frame-v59al{max-height:38vh!important;}
}
/* end v59al */


/* =========================================================
   v59am — Fix Detail fixed frames + Final Approval BEP Processor column.
   Scope: display/layout only. No workflow/data/model changes.
   ========================================================= */

/* Activate real 3-frame detail layout even when older .detail-body rules exist. */
.detail-box .detail-body.detail-body-v59am{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:#fff!important;
}
.detail-box .detail-main-frame-v59am{
  flex:0 0 auto!important;
  max-height:30vh!important;
  min-height:0!important;
  overflow:auto!important;
  padding:7px 10px 6px!important;
  margin:0!important;
  background:#fff!important;
  border-bottom:2px solid #d7e0ea!important;
}
.detail-box .detail-lines-frame-v59am{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:#f8fffb!important;
}
.detail-box .detail-lines-frame-v59am .fs-dtscroll{
  flex:1 1 auto!important;
  min-height:105px!important;
  max-height:none!important;
  overflow:auto!important;
}
.detail-box .detail-total-summary-v59am{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  padding:7px 14px!important;
  margin:0!important;
  border-top:1px solid #b8d8c8!important;
  background:#fff!important;
  box-shadow:0 -2px 8px rgba(6,25,54,.07)!important;
  z-index:6!important;
  min-height:42px!important;
}
.detail-box .detail-footer-frame-v59am{
  flex:0 0 auto!important;
  min-height:40px!important;
  padding:5px 14px!important;
  border-top:1px solid #cbd7e6!important;
  background:#fafbfe!important;
  z-index:7!important;
}
.detail-box .detail-footer-frame-v59am .detail-footer-actions-v59aj{
  min-height:30px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:nowrap!important;
  width:100%!important;
}
.detail-box .detail-footer-frame-v59am .btn.sm,
.detail-box .detail-footer-frame-v59am .btn.xs{
  height:29px!important;
  min-height:29px!important;
  padding:0 10px!important;
  font-size:12.5px!important;
  border-radius:8px!important;
}

/* Final Approval now has 15 columns because BEP Processor is displayed again. */
.v59w-module-shell table.module-list-table.mod-final_approval{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  table-layout:fixed!important;
}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(1),
.v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(1){width:5.1%!important;text-align:left!important;overflow:visible!important;text-overflow:clip!important;}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(2),
.v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(2){width:6.7%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(3),
.v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(3){width:6.0%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(4),
.v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(4){width:6.8%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(5),
.v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(5){width:5.2%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(6),
.v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(6){width:5.0%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(7),
.v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(7){width:13.0%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(8),
.v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(8){width:5.2%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(9),
.v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(9){width:7.0%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(10),
.v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(10){width:7.4%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(11),
.v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(11){width:7.5%!important;text-align:left!important;}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(12),
.v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(12){width:6.2%!important;text-align:right!important;}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(13),
.v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(13){width:7.0%!important;text-align:right!important;}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(14),
.v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(14){width:7.3%!important;text-align:left!important;overflow:visible!important;text-overflow:clip!important;}
.v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(15),
.v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(15){width:4.6%!important;text-align:left!important;overflow:visible!important;text-overflow:clip!important;}
.v59w-module-shell table.module-list-table.mod-final_approval td.final-processor-cell{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
/* Invoice # shifts from column 10 to 11 after adding BEP Processor. */
.v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(11){
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
@media(max-width:1200px){
  .detail-box .detail-main-frame-v59am{max-height:28vh!important;}
  .detail-box .detail-footer-frame-v59am .detail-footer-actions-v59aj{flex-wrap:wrap!important;}
}
@media(max-width:760px){
  .detail-box .detail-main-frame-v59am{max-height:36vh!important;}
  .detail-box .detail-main-frame-v59am .v59aj-preview-detail-grid{grid-template-columns:1fr!important;}
}
/* end v59am */


/* =========================================================
   v59an — final duplicate-safe overrides + real fixed Detail frames
   Reason: app.css contains many historical v58/v59 detail blocks with !important.
   These selectors are intentionally last and more specific so the active template wins.
   ========================================================= */
.modal.open .mbox.detail-box{
  height:95vh!important;
  max-height:95vh!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.modal.open .mbox.detail-box > .mhead{
  flex:0 0 auto!important;
}
.modal.open .mbox.detail-box > .detail-body.detail-body-v59an{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:#fff!important;
}
.modal.open .mbox.detail-box > .detail-body.detail-body-v59an > .mc-wrap.detail-main-frame-v59an{
  flex:0 0 auto!important;
  height:auto!important;
  max-height:248px!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  padding:6px 8px!important;
  margin:0!important;
  border-bottom:2px solid #d7e0ea!important;
  background:#fff!important;
}
.modal.open .mbox.detail-box > .detail-body.detail-body-v59an > .mc-wrap.detail-main-frame-v59an .v59aj-preview-detail-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  align-items:stretch!important;
}
.modal.open .mbox.detail-box > .detail-body.detail-body-v59an > .mc-wrap.detail-main-frame-v59an .mc-f{
  min-height:47px!important;
  padding:6px 9px!important;
  gap:2px!important;
}
.modal.open .mbox.detail-box > .detail-body.detail-body-v59an > .fs-detail.detail-lines-frame-v59an{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:#f8fffb!important;
}
.modal.open .mbox.detail-box > .detail-body.detail-body-v59an > .fs-detail.detail-lines-frame-v59an > .fs-titlebar{
  flex:0 0 auto!important;
}
.modal.open .mbox.detail-box > .detail-body.detail-body-v59an > .fs-detail.detail-lines-frame-v59an > .fs-dtscroll{
  flex:1 1 auto!important;
  min-height:115px!important;
  max-height:none!important;
  overflow:auto!important;
}
.modal.open .mbox.detail-box > .detail-body.detail-body-v59an > .fs-detail.detail-lines-frame-v59an > .detail-total-summary-v59an{
  flex:0 0 auto!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:8px!important;
  padding:6px 12px!important;
  margin:0!important;
  min-height:38px!important;
  background:#fff!important;
  border-top:1px solid #b8d8c8!important;
  box-shadow:0 -2px 6px rgba(6,25,54,.05)!important;
  z-index:5!important;
}
.modal.open .mbox.detail-box > .mfoot.detail-footer-frame-v59an{
  flex:0 0 auto!important;
  min-height:38px!important;
  padding:5px 12px!important;
  margin:0!important;
  border-top:1px solid #cbd7e6!important;
  background:#fafbfe!important;
  z-index:8!important;
}
.modal.open .mbox.detail-box > .mfoot.detail-footer-frame-v59an .detail-footer-actions-v59aj{
  width:100%!important;
  min-height:28px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:nowrap!important;
}
.modal.open .mbox.detail-box > .mfoot.detail-footer-frame-v59an .btn.sm,
.modal.open .mbox.detail-box > .mfoot.detail-footer-frame-v59an .btn.xs{
  height:28px!important;
  min-height:28px!important;
  padding:0 9px!important;
  font-size:12px!important;
  border-radius:8px!important;
}
@media(max-height:820px){
  .modal.open .mbox.detail-box > .detail-body.detail-body-v59an > .mc-wrap.detail-main-frame-v59an{max-height:218px!important;}
  .modal.open .mbox.detail-box > .detail-body.detail-body-v59an > .mc-wrap.detail-main-frame-v59an .mc-f{min-height:43px!important;padding:5px 8px!important;}
}
@media(max-width:760px){
  .modal.open .mbox.detail-box > .detail-body.detail-body-v59an > .mc-wrap.detail-main-frame-v59an .v59aj-preview-detail-grid{grid-template-columns:1fr!important;}
  .modal.open .mbox.detail-box > .detail-body.detail-body-v59an > .mc-wrap.detail-main-frame-v59an{max-height:36vh!important;}
  .modal.open .mbox.detail-box > .mfoot.detail-footer-frame-v59an .detail-footer-actions-v59aj{flex-wrap:wrap!important;}
}

/* Create New BEP: keep header-row fields on one visual baseline after Requester/Create By merge. */
.edit-screen-modal .bmr-1 .mc-f,
.edit-screen-modal .v59w-create-main .mc-f{
  min-height:52px!important;
}
.edit-screen-modal .requester-created-inline-v59ak,
.edit-screen-modal .requester-created-inline-v59al{
  min-height:32px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.edit-screen-modal .requester-created-inline-v59ak input,
.edit-screen-modal .requester-created-inline-v59al input{
  height:30px!important;
  min-height:30px!important;
}
/* end v59an */


/* =========================================================
   v59ao — Master Log Detail uses the same fixed 3-frame layout as module Detail.
   Scope: Master Log detail modal only. No workflow/data changes.
   ========================================================= */
body.page-master_log .modal.open .mbox.detail-box{
  height:95vh!important;
  max-height:95vh!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
body.page-master_log .modal.open .mbox.detail-box > .detail-body.detail-body-v59ao,
body.page-master_log .modal.open .mbox.detail-box > .detail-body.detail-body-v59an.detail-body-v59ao{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  padding:0!important;
  background:#fff!important;
}
body.page-master_log .modal.open .mbox.detail-box > .detail-body.detail-body-v59ao > .mc-wrap.detail-main-frame-v59ao{
  flex:0 0 auto!important;
  max-height:248px!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  padding:6px 8px!important;
  margin:0!important;
  background:#fff!important;
  border-bottom:2px solid #d7e0ea!important;
}
body.page-master_log .modal.open .mbox.detail-box > .detail-body.detail-body-v59ao > .mc-wrap.detail-main-frame-v59ao .v59aj-preview-detail-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  align-items:stretch!important;
  border-top:1px solid #cbd7e6!important;
  border-left:1px solid #cbd7e6!important;
  background:#fff!important;
}
body.page-master_log .modal.open .mbox.detail-box > .detail-body.detail-body-v59ao > .mc-wrap.detail-main-frame-v59ao .mc-f.span4{
  grid-column:span 4!important;
}
body.page-master_log .modal.open .mbox.detail-box > .detail-body.detail-body-v59ao > .mc-wrap.detail-main-frame-v59ao .mc-f{
  min-height:47px!important;
  padding:6px 9px!important;
  border-right:1px solid #cbd7e6!important;
  border-bottom:1px solid #cbd7e6!important;
  overflow:hidden!important;
  background:#fff!important;
}
body.page-master_log .modal.open .mbox.detail-box > .detail-body.detail-body-v59ao > .fs-detail.detail-lines-frame-v59ao{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:#f8fffb!important;
}
body.page-master_log .modal.open .mbox.detail-box > .detail-body.detail-body-v59ao > .fs-detail.detail-lines-frame-v59ao > .fs-titlebar{
  flex:0 0 auto!important;
}
body.page-master_log .modal.open .mbox.detail-box > .detail-body.detail-body-v59ao > .fs-detail.detail-lines-frame-v59ao > .fs-dtscroll{
  flex:1 1 auto!important;
  min-height:115px!important;
  max-height:none!important;
  overflow:auto!important;
}
body.page-master_log .modal.open .mbox.detail-box > .detail-body.detail-body-v59ao > .fs-detail.detail-lines-frame-v59ao > .detail-total-summary-v59ao{
  flex:0 0 auto!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:8px!important;
  padding:6px 12px!important;
  margin:0!important;
  min-height:38px!important;
  background:#fff!important;
  border-top:1px solid #b8d8c8!important;
  box-shadow:0 -2px 6px rgba(6,25,54,.05)!important;
  z-index:5!important;
}
body.page-master_log .modal.open .mbox.detail-box > .mfoot.detail-footer-frame-v59ao{
  flex:0 0 auto!important;
  min-height:38px!important;
  padding:5px 12px!important;
  margin:0!important;
  border-top:1px solid #cbd7e6!important;
  background:#fafbfe!important;
  z-index:8!important;
}
body.page-master_log .modal.open .mbox.detail-box > .mfoot.detail-footer-frame-v59ao .detail-footer-actions-v59aj{
  width:100%!important;
  min-height:28px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  flex-wrap:nowrap!important;
}
body.page-master_log .modal.open .mbox.detail-box > .mfoot.detail-footer-frame-v59ao .detail-footer-spacer-v59aj{
  flex:1 1 auto!important;
  min-width:12px!important;
}
body.page-master_log .modal.open .mbox.detail-box > .mfoot.detail-footer-frame-v59ao .btn.sm{
  height:28px!important;
  min-height:28px!important;
  padding:0 9px!important;
  font-size:12px!important;
  border-radius:8px!important;
  white-space:nowrap!important;
}
body.page-master_log .modal.open .mbox.detail-box > .mfoot.detail-footer-frame-v59ao .master-pay-att-v59ao{
  max-width:310px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  margin-right:auto!important;
}
@media(max-height:820px){
  body.page-master_log .modal.open .mbox.detail-box > .detail-body.detail-body-v59ao > .mc-wrap.detail-main-frame-v59ao{max-height:218px!important;}
  body.page-master_log .modal.open .mbox.detail-box > .detail-body.detail-body-v59ao > .mc-wrap.detail-main-frame-v59ao .mc-f{min-height:43px!important;padding:5px 8px!important;}
}
@media(max-width:760px){
  body.page-master_log .modal.open .mbox.detail-box > .detail-body.detail-body-v59ao > .mc-wrap.detail-main-frame-v59ao .v59aj-preview-detail-grid{grid-template-columns:1fr!important;}
  body.page-master_log .modal.open .mbox.detail-box > .detail-body.detail-body-v59ao > .mc-wrap.detail-main-frame-v59ao{max-height:36vh!important;}
  body.page-master_log .modal.open .mbox.detail-box > .mfoot.detail-footer-frame-v59ao .detail-footer-actions-v59aj{flex-wrap:wrap!important;}
}
/* end v59ao */


/* =========================================================
   v59ap - Master Log Detail row merge / rowspan cleanup
   Scope: Master Log Detail mode only. Basic mode is unchanged.
   ========================================================= */
body.page-master_log table.mlt-detail-v59ap td.ml-req-merge,
body.page-master_log table.mlt-detail-v59ap td.ml-inv-merge{
  vertical-align:top!important;
}
body.page-master_log table.mlt-detail-v59ap td.ml-req-merge{
  background-clip:padding-box!important;
}
body.page-master_log table.mlt-detail-v59ap td.list-benef.ml-req-merge{
  max-width:190px!important;
  min-width:150px!important;
}
body.page-master_log table.mlt-detail-v59ap td.ml-inv-merge{
  min-width:82px!important;
}
body.page-master_log table.mlt-detail-v59ap tr.mlt-group-start td{
  border-top:2px solid #8fb5a3!important;
}
body.page-master_log table.mlt-detail-v59ap .bank-mini{
  margin-left:4px!important;
}

/* =========================================================
   v59aq - Master Log Detail export merge + footer urgent alert
   ========================================================= */
.detail-footer-urgent-v59aq{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  max-width:460px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0 10px!important;
  border:1px solid #f1c36d!important;
  border-left:4px solid #f4b000!important;
  background:#fff7df!important;
  color:#7a4700!important;
  border-radius:9px!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.detail-footer-urgent-v59aq b{
  font-weight:900!important;
  letter-spacing:.02em!important;
}
.detail-footer-urgent-v59aq .urgent-text-v59aq,
.detail-footer-urgent-v59aq .urgent-confirm-v59aq{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.detail-footer-urgent-v59aq .urgent-confirm-v59aq{
  font-weight:600!important;
  opacity:.9!important;
}
body.page-master_log .modal.open .mbox.detail-box > .mfoot .detail-footer-urgent-v59aq,
.modal.open .mbox.detail-box > .mfoot .detail-footer-urgent-v59aq{
  flex:0 1 auto!important;
}
@media(max-width:900px){
  .detail-footer-urgent-v59aq{max-width:260px!important;}
}
/* end v59aq */


/* =========================================================
   v59at - Master Log Detail: show full Description text
   Scope: Master Log Detail screen only. Basic remains unchanged.
   ========================================================= */
body.page-master_log table.mlt-detail-v59ap td.ml-desc-full-v59at{
  white-space:pre-line!important;
  overflow:visible!important;
  text-overflow:clip!important;
  min-width:420px!important;
  max-width:620px!important;
  line-height:1.35!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  vertical-align:top!important;
  text-align:left!important;
}
body.page-master_log table.mlt-detail-v59ap th:nth-child(14){
  min-width:420px!important;
  text-align:center!important;
}
@media(max-width:1400px){
  body.page-master_log table.mlt-detail-v59ap td.ml-desc-full-v59at,
  body.page-master_log table.mlt-detail-v59ap th:nth-child(14){
    min-width:360px!important;
    max-width:540px!important;
  }
}
/* end v59at */

/* =========================================================
   v59av - Create New BEP: restore Item (Main) + compact Beneficiary actions
   Scope: edit/create screen only. No workflow/database changes.
   ========================================================= */
.edit-screen-modal .bep-main-grid-v59w.bmr-2{
  grid-template-columns:0.95fr 0.82fr 0.82fr 1.75fr!important;
  gap:6px 10px!important;
}
.edit-screen-modal .bep-main-grid-v59w.bmr-2 .item-main-default-v59av,
.edit-screen-modal .bep-main-grid-v59w.bmr-2 .benef-cell-v59av{
  min-height:52px!important;
  height:52px!important;
}
.edit-screen-modal .benef-label-row-v59av{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  min-width:0!important;
  overflow:visible!important;
}
.edit-screen-modal .benef-actions-v59av{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  margin-left:4px!important;
  min-width:0!important;
  white-space:nowrap!important;
}
.edit-screen-modal .benef-actions-v59av .bank-new-btn,
.edit-screen-modal .benef-actions-v59av .bank-edit-btn41,
.edit-screen-modal .benef-actions-v59av .bep-edit-pencil-v57,
.edit-screen-modal .benef-actions-v59av .bep-edit-pencil-v57.bank-edit-btn41{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  padding:1px 7px!important;
  border-radius:999px!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:900!important;
  margin:0!important;
  white-space:nowrap!important;
}
.edit-screen-modal .benef-actions-v59av .bank-edit-btn41,
.edit-screen-modal .benef-actions-v59av .bep-edit-pencil-v57{
  width:20px!important;
  min-width:20px!important;
  padding:1px!important;
}
.edit-screen-modal .benef-cell-v59av .mc-v{
  height:31px!important;
  min-height:31px!important;
  display:flex!important;
  align-items:center!important;
}
.edit-screen-modal .benef-cell-v59av .bank-new-inline-wrap{
  width:100%!important;
  height:30px!important;
  min-height:30px!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
}
.edit-screen-modal .benef-cell-v59av .bank-new-inline-wrap input[name="beneficiary"]{
  flex:1 1 auto!important;
  min-width:0!important;
  height:30px!important;
  min-height:30px!important;
}
.edit-screen-modal .benef-cell-v59av .bank-create-hint:not(.warn){
  display:none!important;
}
.edit-screen-modal .benef-cell-v59av .bank-create-hint.warn{
  margin-top:3px!important;
  font-size:10px!important;
  line-height:1.15!important;
  max-height:26px!important;
  overflow:hidden!important;
}
.edit-screen-modal .item-main-default-v59av select{
  height:30px!important;
  min-height:30px!important;
}
@media(max-width:1280px){
  .edit-screen-modal .bep-main-grid-v59w.bmr-2{
    grid-template-columns:1fr 1fr!important;
  }
}
@media(max-width:760px){
  .edit-screen-modal .bep-main-grid-v59w.bmr-2{
    grid-template-columns:1fr!important;
  }
}
/* end v59av */


/* =========================================================
   v59aw - Create New BEP: remove header-level Item (Main)
   Reason: one BEP can contain multiple Item(Main) lines. Item(Main) stays in Detail Lines only.
   ========================================================= */
.edit-screen-modal .bep-main-grid-v59w.bmr-2{
  grid-template-columns:0.95fr 0.9fr 2.75fr!important;
  gap:6px 10px!important;
}
.edit-screen-modal .bep-main-grid-v59w.bmr-2 .benef-cell-v59av{
  min-height:52px!important;
  height:52px!important;
}
.edit-screen-modal .item-main-default-v59av{
  display:none!important;
}
.edit-screen-modal .benef-cell-v59av .bank-create-hint:not(.warn),
.edit-screen-modal .benef-cell-v59ad .bank-create-hint:not(.warn){
  display:none!important;
}
.edit-screen-modal .benef-cell-v59av .bank-new-inline-wrap input[name="beneficiary"]{
  width:100%!important;
}
@media(max-width:1280px){
  .edit-screen-modal .bep-main-grid-v59w.bmr-2{
    grid-template-columns:1fr 2fr!important;
  }
}
@media(max-width:760px){
  .edit-screen-modal .bep-main-grid-v59w.bmr-2{
    grid-template-columns:1fr!important;
  }
}
/* end v59aw */

/* v59ax: Leader Check detail - bank edit confirmation hint beside Beneficiary Bank button. */
.detail-box .v59aj-preview-detail-grid .beneficiary-label-v59ak .bank-edit-confirm-hint-v59ax{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  flex:0 0 auto!important;
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  padding:2px 7px!important;
  border:1px solid #f59e0b!important;
  border-radius:999px!important;
  background:#fff7ed!important;
  color:#9a3412!important;
  font-size:10.5px!important;
  font-weight:900!important;
  line-height:1!important;
  cursor:pointer!important;
  white-space:nowrap!important;
  margin-left:2px!important;
  box-shadow:0 1px 0 rgba(154,52,18,.05)!important;
}
.detail-box .v59aj-preview-detail-grid .beneficiary-label-v59ak .bank-edit-confirm-hint-v59ax::before{
  content:'⚠';
  font-size:10px!important;
  line-height:1!important;
}
.detail-box .v59aj-preview-detail-grid .beneficiary-label-v59ak .bank-edit-confirm-hint-v59ax:hover{
  background:#ffedd5!important;
  border-color:#ea580c!important;
  color:#7c2d12!important;
}
@media(max-width:900px){
  .detail-box .v59aj-preview-detail-grid .beneficiary-label-v59ak{
    flex-wrap:wrap!important;
    row-gap:4px!important;
  }
  .detail-box .v59aj-preview-detail-grid .beneficiary-label-v59ak .bank-edit-confirm-hint-v59ax{
    max-width:100%!important;
  }
}


/* v59az - module footer urgent: keep urgent alert in the footer, not above Main Information */
.module-detail-footer-urgent-v59az{
  margin-right:8px!important;
  max-width:520px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media (max-width: 1100px){
  .module-detail-footer-urgent-v59az{max-width:320px!important;}
}

/* =========================================================
   v59ba - Module list visual sync + footer-only urgent
   - Hide non-MasterLog payment attachment shortcut.
   - Make module list tables use thin frames, soft row groups, compact font.
   - Keep urgent alert in detail footer for all modules.
   ========================================================= */
.tbl-wrap.module-list-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:auto!important;
  border:1px solid #b9d3c8!important;
  border-radius:10px!important;
  background:#f7fcfa!important;
  box-shadow:0 1px 2px rgba(15,23,42,.05)!important;
}
.tbl-wrap.module-list-wrap::-webkit-scrollbar{height:12px!important;width:12px!important;}
.tbl-wrap.module-list-wrap::-webkit-scrollbar-thumb{background:#9aa0a6!important;border-radius:999px!important;border:2px solid #eef7f3!important;}
.tbl-wrap.module-list-wrap::-webkit-scrollbar-track{background:#eef7f3!important;border-radius:999px!important;}

.module-list-table{
  border-collapse:separate!important;
  border-spacing:0!important;
  min-width:1480px!important;
  width:max-content!important;
  font-size:13px!important;
  line-height:1.15!important;
  table-layout:auto!important;
}
.module-list-table th,
.module-list-table td{
  border-right:1px solid #a8cbbd!important;
  border-bottom:1px solid #a8cbbd!important;
  padding:7px 10px!important;
  vertical-align:middle!important;
  height:34px!important;
  min-height:34px!important;
  max-height:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.module-list-table th{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  background:#285f4d!important;
  color:#fff!important;
  font-size:12.5px!important;
  font-weight:900!important;
  text-align:left!important;
  letter-spacing:.01em!important;
}
.module-list-table tbody tr:nth-child(4n+1),
.module-list-table tbody tr:nth-child(4n+2){background:#eaf7f2!important;}
.module-list-table tbody tr:nth-child(4n+3),
.module-list-table tbody tr:nth-child(4n+4){background:#fff8e8!important;}
.module-list-table tbody tr:hover td{
  background:#dff3ff!important;
  box-shadow:inset 0 1px 0 rgba(37,99,235,.08), inset 0 -1px 0 rgba(37,99,235,.08)!important;
}
.module-list-table td.status-td,
.module-list-table td.action-td{
  white-space:nowrap!important;
  text-align:center!important;
}
.module-list-table .btn.xs{
  height:26px!important;
  min-height:26px!important;
  padding:4px 10px!important;
  font-size:12px!important;
  line-height:1!important;
}
.module-list-table .pill,
.module-list-table .status-cell,
.module-list-table td.status-td span{
  white-space:nowrap!important;
}
.module-list-table td.left.list-benef{
  min-width:230px!important;
  max-width:none!important;
}
.module-list-table .benef-short{
  max-width:210px!important;
  display:inline-block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  vertical-align:middle!important;
}
.module-list-table td.right{font-variant-numeric:tabular-nums!important;}

/* Let status/action remain readable when the table is initially scrolled to the end. */
.module-list-table th:last-child,
.module-list-table td:last-child{
  border-right:0!important;
}

.module-detail-footer-urgent-v59ba{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  height:28px!important;
  max-width:560px!important;
  padding:5px 10px!important;
  border:1px solid #f59e0b!important;
  border-left:4px solid #f59e0b!important;
  border-radius:10px!important;
  background:#fff7ed!important;
  color:#92400e!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.module-detail-footer-urgent-v59ba b{
  color:#7c2d12!important;
  font-weight:900!important;
}
.detail-body > .callout.warn[style*="margin:8px 14px"]{
  display:none!important;
}
/* end v59ba */

/* v59ba override older no-scroll compact rules for Final Approval / Waiting Payment */
.module-list-wrap.mod-final_approval,
.module-list-wrap.mod-waiting_payment{
  overflow-x:auto!important;
  width:100%!important;
  padding-left:0!important;
}
table.lt.module-list-table.mod-final_approval,
table.lt.module-list-table.mod-waiting_payment{
  width:max-content!important;
  min-width:1480px!important;
  table-layout:auto!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}
table.lt.module-list-table.mod-final_approval th,
table.lt.module-list-table.mod-final_approval td,
table.lt.module-list-table.mod-waiting_payment th,
table.lt.module-list-table.mod-waiting_payment td{
  font-size:13px!important;
  padding:7px 10px!important;
  line-height:1.15!important;
  overflow:visible!important;
  text-overflow:clip!important;
  border-right:1px solid #a8cbbd!important;
  border-bottom:1px solid #a8cbbd!important;
  box-sizing:border-box!important;
}
table.lt.module-list-table.mod-final_approval th,
table.lt.module-list-table.mod-waiting_payment th{
  font-size:12.5px!important;
  letter-spacing:.01em!important;
}
table.lt.module-list-table.mod-final_approval th:nth-child(n),
table.lt.module-list-table.mod-final_approval td:nth-child(n),
table.lt.module-list-table.mod-waiting_payment th:nth-child(n),
table.lt.module-list-table.mod-waiting_payment td:nth-child(n){
  width:auto!important;
  max-width:none!important;
}
table.lt.module-list-table.mod-final_approval th:nth-child(1),
table.lt.module-list-table.mod-final_approval td:nth-child(1),
table.lt.module-list-table.mod-waiting_payment th:nth-child(1),
table.lt.module-list-table.mod-waiting_payment td:nth-child(1){min-width:92px!important;}
table.lt.module-list-table.mod-final_approval th:nth-child(7),
table.lt.module-list-table.mod-final_approval td:nth-child(7),
table.lt.module-list-table.mod-waiting_payment th:nth-child(6),
table.lt.module-list-table.mod-waiting_payment td:nth-child(6){min-width:260px!important;}
table.lt.module-list-table.mod-final_approval td:nth-last-child(2),
table.lt.module-list-table.mod-waiting_payment td:nth-last-child(2){min-width:150px!important;}
table.lt.module-list-table.mod-final_approval td:last-child,
table.lt.module-list-table.mod-waiting_payment td:last-child{min-width:82px!important;text-align:center!important;}
/* end v59ba override */

/* =========================================================
   v59be - All module list screens match Master Log compact sizing
   - Apply compact Master Log-like font size to all module tables.
   - Keep thin grid lines and soft BEP row grouping.
   - Allow horizontal scrolling when columns exceed the screen.
   - The table opens at the right/action side by default so Detail is visible.
   ========================================================= */
body.page-bep_requesting main.page,
body.page-checking main.page,
body.page-bep_requested main.page,
body.page-final_approval main.page,
body.page-waiting_payment main.page{
  max-width:none!important;
  width:100%!important;
  height:calc(100vh - 86px)!important;
  min-height:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  padding:8px 10px!important;
}
body.page-bep_requesting .v59w-module-shell,
body.page-checking .v59w-module-shell,
body.page-bep_requested .v59w-module-shell,
body.page-final_approval .v59w-module-shell,
body.page-waiting_payment .v59w-module-shell{
  flex:1 1 auto!important;
  min-height:0!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
body.page-bep_requesting .v59w-list-toolbar,
body.page-checking .v59w-list-toolbar,
body.page-bep_requested .v59w-list-toolbar,
body.page-final_approval .v59w-list-toolbar,
body.page-waiting_payment .v59w-list-toolbar{
  flex:0 0 auto!important;
}
body.page-bep_requesting .tbl-wrap.module-list-wrap,
body.page-checking .tbl-wrap.module-list-wrap,
body.page-bep_requested .tbl-wrap.module-list-wrap,
body.page-final_approval .tbl-wrap.module-list-wrap,
body.page-waiting_payment .tbl-wrap.module-list-wrap{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  width:100%!important;
  max-width:100%!important;
  overflow:auto!important;
  border:1px solid #b8d8c8!important;
  border-radius:8px!important;
  background:#f7fcfa!important;
}
body.page-bep_requesting table.lt.module-list-table,
body.page-checking table.lt.module-list-table,
body.page-bep_requested table.lt.module-list-table,
body.page-final_approval table.lt.module-list-table,
body.page-waiting_payment table.lt.module-list-table{
  width:max-content!important;
  min-width:1520px!important;
  table-layout:auto!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  font-size:12px!important;
  line-height:1.12!important;
}
body.page-final_approval table.lt.module-list-table,
body.page-waiting_payment table.lt.module-list-table{
  min-width:1680px!important;
}
body.page-bep_requesting table.lt.module-list-table th,
body.page-bep_requesting table.lt.module-list-table td,
body.page-checking table.lt.module-list-table th,
body.page-checking table.lt.module-list-table td,
body.page-bep_requested table.lt.module-list-table th,
body.page-bep_requested table.lt.module-list-table td,
body.page-final_approval table.lt.module-list-table th,
body.page-final_approval table.lt.module-list-table td,
body.page-waiting_payment table.lt.module-list-table th,
body.page-waiting_payment table.lt.module-list-table td{
  width:auto!important;
  max-width:none!important;
  height:32px!important;
  min-height:32px!important;
  padding:5px 8px!important;
  border-right:1px solid #a8cbbd!important;
  border-bottom:1px solid #a8cbbd!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  vertical-align:middle!important;
  font-size:12px!important;
  line-height:1.12!important;
}
body.page-bep_requesting table.lt.module-list-table th,
body.page-checking table.lt.module-list-table th,
body.page-bep_requested table.lt.module-list-table th,
body.page-final_approval table.lt.module-list-table th,
body.page-waiting_payment table.lt.module-list-table th{
  position:sticky!important;
  top:0!important;
  z-index:20!important;
  background:#285f4d!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  text-align:left!important;
  letter-spacing:.01em!important;
}
body.page-bep_requesting table.lt.module-list-table tbody tr:nth-child(4n+1) td,
body.page-bep_requesting table.lt.module-list-table tbody tr:nth-child(4n+2) td,
body.page-checking table.lt.module-list-table tbody tr:nth-child(4n+1) td,
body.page-checking table.lt.module-list-table tbody tr:nth-child(4n+2) td,
body.page-bep_requested table.lt.module-list-table tbody tr:nth-child(4n+1) td,
body.page-bep_requested table.lt.module-list-table tbody tr:nth-child(4n+2) td,
body.page-final_approval table.lt.module-list-table tbody tr:nth-child(4n+1) td,
body.page-final_approval table.lt.module-list-table tbody tr:nth-child(4n+2) td,
body.page-waiting_payment table.lt.module-list-table tbody tr:nth-child(4n+1) td,
body.page-waiting_payment table.lt.module-list-table tbody tr:nth-child(4n+2) td{
  background:#eaf7f2!important;
}
body.page-bep_requesting table.lt.module-list-table tbody tr:nth-child(4n+3) td,
body.page-bep_requesting table.lt.module-list-table tbody tr:nth-child(4n+4) td,
body.page-checking table.lt.module-list-table tbody tr:nth-child(4n+3) td,
body.page-checking table.lt.module-list-table tbody tr:nth-child(4n+4) td,
body.page-bep_requested table.lt.module-list-table tbody tr:nth-child(4n+3) td,
body.page-bep_requested table.lt.module-list-table tbody tr:nth-child(4n+4) td,
body.page-final_approval table.lt.module-list-table tbody tr:nth-child(4n+3) td,
body.page-final_approval table.lt.module-list-table tbody tr:nth-child(4n+4) td,
body.page-waiting_payment table.lt.module-list-table tbody tr:nth-child(4n+3) td,
body.page-waiting_payment table.lt.module-list-table tbody tr:nth-child(4n+4) td{
  background:#fff8e8!important;
}
body.page-bep_requesting table.lt.module-list-table tbody tr:hover td,
body.page-checking table.lt.module-list-table tbody tr:hover td,
body.page-bep_requested table.lt.module-list-table tbody tr:hover td,
body.page-final_approval table.lt.module-list-table tbody tr:hover td,
body.page-waiting_payment table.lt.module-list-table tbody tr:hover td{
  background:#dff3ff!important;
}
body.page-bep_requesting table.lt.module-list-table td.list-benef,
body.page-checking table.lt.module-list-table td.list-benef,
body.page-bep_requested table.lt.module-list-table td.list-benef,
body.page-final_approval table.lt.module-list-table td.list-benef,
body.page-waiting_payment table.lt.module-list-table td.list-benef{
  min-width:250px!important;
  max-width:none!important;
}
body.page-bep_requesting table.lt.module-list-table .benef-short,
body.page-checking table.lt.module-list-table .benef-short,
body.page-bep_requested table.lt.module-list-table .benef-short,
body.page-final_approval table.lt.module-list-table .benef-short,
body.page-waiting_payment table.lt.module-list-table .benef-short{
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
body.page-bep_requesting table.lt.module-list-table td.status-td,
body.page-bep_requesting table.lt.module-list-table td.action-td,
body.page-checking table.lt.module-list-table td.status-td,
body.page-checking table.lt.module-list-table td.action-td,
body.page-bep_requested table.lt.module-list-table td.status-td,
body.page-bep_requested table.lt.module-list-table td.action-td,
body.page-final_approval table.lt.module-list-table td.status-td,
body.page-final_approval table.lt.module-list-table td.action-td,
body.page-waiting_payment table.lt.module-list-table td.status-td,
body.page-waiting_payment table.lt.module-list-table td.action-td{
  text-align:center!important;
  min-width:92px!important;
}
body.page-bep_requesting table.lt.module-list-table td.action-td,
body.page-checking table.lt.module-list-table td.action-td,
body.page-bep_requested table.lt.module-list-table td.action-td,
body.page-final_approval table.lt.module-list-table td.action-td,
body.page-waiting_payment table.lt.module-list-table td.action-td{
  min-width:82px!important;
}
body.page-bep_requesting table.lt.module-list-table .btn.xs,
body.page-checking table.lt.module-list-table .btn.xs,
body.page-bep_requested table.lt.module-list-table .btn.xs,
body.page-final_approval table.lt.module-list-table .btn.xs,
body.page-waiting_payment table.lt.module-list-table .btn.xs{
  height:25px!important;
  min-height:25px!important;
  padding:4px 9px!important;
  font-size:11.5px!important;
  line-height:1!important;
}
/* end v59be */

/* v59bf - module list grid polish: centered headers, compact beneficiary warning, balanced column widths */
.tbl-wrap.module-list-wrap{
  overflow-x:auto!important;
  overflow-y:auto!important;
  width:100%!important;
  max-width:100%!important;
  background:#fff!important;
}
.module-list-table{
  width:max-content!important;
  min-width:1180px!important;
  table-layout:auto!important;
  border-collapse:collapse!important;
}
.module-list-table th,
.module-list-table td{
  border:1px solid #a9cdbd!important;
  box-sizing:border-box!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
  font-size:12px!important;
  line-height:1.18!important;
  padding:5px 8px!important;
}
.module-list-table th{
  text-align:center!important;
  font-size:11px!important;
  line-height:1.15!important;
  padding:6px 8px!important;
  font-weight:900!important;
}
.module-list-table th.right{ text-align:center!important; }
.module-list-table td.right{ text-align:right!important; }
.module-list-table tbody tr:nth-child(odd) td{background:#e9f6f0!important;}
.module-list-table tbody tr:nth-child(even) td{background:#f9f2df!important;}
.module-list-table tbody tr:hover td{background:#d8efe5!important;}

/* Request No should use one compact format and sit in the vertical middle in all modules. */
.module-list-table td.req-no-short,
.module-list-table td.reqno-compact,
.module-list-table td:nth-child(1){
  min-width:82px!important;
  width:82px!important;
  max-width:82px!important;
  text-align:center!important;
  vertical-align:middle!important;
  font-size:11.5px!important;
  font-weight:900!important;
  letter-spacing:0!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.2!important;
}
.module-list-table th:nth-child(1){
  min-width:82px!important;
  width:82px!important;
  max-width:82px!important;
}

/* Beneficiary warning goes under the beneficiary text, not beside it. */
.module-list-table td.list-benef{
  min-width:155px!important;
  width:155px!important;
  max-width:155px!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  white-space:normal!important;
  text-align:left!important;
  vertical-align:middle!important;
}
.module-list-table td.list-benef .benef-cell{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
.module-list-table td.list-benef .benef-top{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
  width:100%!important;
}
.module-list-table td.list-benef .benef-short{
  display:inline-block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:112px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
.module-list-table td.list-benef .bank-mini{
  flex:0 0 auto!important;
  font-size:8.5px!important;
  line-height:1!important;
  padding:1px 3px!important;
}
.module-list-table td.list-benef .bank-warn-line{
  display:block!important;
  width:max-content!important;
  max-width:145px!important;
  margin-top:2px!important;
  padding:1px 5px!important;
  border-radius:4px!important;
  font-size:8.8px!important;
  line-height:1.05!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Keep Beneficiary and Invoice # visually balanced. */
.module-list-table.mod-bep_requesting th:nth-child(5),
.module-list-table.mod-bep_requesting td:nth-child(5),
.module-list-table.mod-bep_requesting th:nth-child(9),
.module-list-table.mod-bep_requesting td:nth-child(9),
.module-list-table.mod-checking th:nth-child(5),
.module-list-table.mod-checking td:nth-child(5),
.module-list-table.mod-checking th:nth-child(9),
.module-list-table.mod-checking td:nth-child(9),
.module-list-table.mod-bep_requested th:nth-child(5),
.module-list-table.mod-bep_requested td:nth-child(5),
.module-list-table.mod-bep_requested th:nth-child(9),
.module-list-table.mod-bep_requested td:nth-child(9){
  min-width:155px!important;
  width:155px!important;
  max-width:155px!important;
}
.module-list-table.mod-final_approval th:nth-child(7),
.module-list-table.mod-final_approval td:nth-child(7),
.module-list-table.mod-final_approval th:nth-child(11),
.module-list-table.mod-final_approval td:nth-child(11){
  min-width:155px!important;
  width:155px!important;
  max-width:155px!important;
}
.module-list-table.mod-waiting_payment th:nth-child(6),
.module-list-table.mod-waiting_payment td:nth-child(6){
  min-width:155px!important;
  width:155px!important;
  max-width:155px!important;
}

/* Standard compact widths for common module columns; horizontal scroll handles overflow. */
.module-list-table th:nth-child(2), .module-list-table td:nth-child(2){min-width:110px!important;width:110px!important;}
.module-list-table th:nth-child(3), .module-list-table td:nth-child(3){min-width:100px!important;width:100px!important;}
.module-list-table th:nth-child(4), .module-list-table td:nth-child(4){min-width:112px!important;width:112px!important;}
.module-list-table th:nth-child(7), .module-list-table td:nth-child(7){min-width:112px!important;width:112px!important;}
.module-list-table th:nth-child(8), .module-list-table td:nth-child(8){min-width:120px!important;width:120px!important;}
.module-list-table th:nth-child(10), .module-list-table td:nth-child(10){min-width:105px!important;width:105px!important;}
.module-list-table .status-td{min-width:145px!important;width:145px!important;text-align:center!important;overflow:visible!important;text-overflow:clip!important;}
.module-list-table .action-td{min-width:78px!important;width:78px!important;text-align:center!important;overflow:visible!important;text-overflow:clip!important;}
.module-list-table .pill{white-space:nowrap!important;}
.module-list-table .btn.xs{white-space:nowrap!important;}

/* v59bg - module list beneficiary/invoice width refinement
   - Beneficiary can display full name now that horizontal scroll is enabled.
   - Only extremely long Beneficiary names are ellipsized by CSS.
   - Invoice # columns use one consistent wider width, including Final Approval. */
.module-list-table td.list-benef,
.module-list-table.mod-bep_requesting th:nth-child(5),
.module-list-table.mod-bep_requesting td:nth-child(5),
.module-list-table.mod-checking th:nth-child(5),
.module-list-table.mod-checking td:nth-child(5),
.module-list-table.mod-bep_requested th:nth-child(5),
.module-list-table.mod-bep_requested td:nth-child(5),
.module-list-table.mod-final_approval th:nth-child(7),
.module-list-table.mod-final_approval td:nth-child(7),
.module-list-table.mod-waiting_payment th:nth-child(6),
.module-list-table.mod-waiting_payment td:nth-child(6){
  min-width:300px!important;
  width:300px!important;
  max-width:300px!important;
}
.module-list-table td.list-benef .benef-top{
  width:100%!important;
  max-width:100%!important;
}
.module-list-table td.list-benef .benef-short{
  max-width:250px!important;
  width:auto!important;
  flex:1 1 auto!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.module-list-table td.list-benef .bank-warn-line{
  max-width:288px!important;
}
.module-list-table.mod-bep_requesting th:nth-child(9),
.module-list-table.mod-bep_requesting td:nth-child(9),
.module-list-table.mod-checking th:nth-child(9),
.module-list-table.mod-checking td:nth-child(9),
.module-list-table.mod-bep_requested th:nth-child(9),
.module-list-table.mod-bep_requested td:nth-child(9),
.module-list-table.mod-final_approval th:nth-child(11),
.module-list-table.mod-final_approval td:nth-child(11){
  min-width:190px!important;
  width:190px!important;
  max-width:190px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.module-list-table.mod-final_approval,
.module-list-table.mod-waiting_payment{
  min-width:1450px!important;
}
.module-list-table.mod-bep_requesting,
.module-list-table.mod-checking,
.module-list-table.mod-bep_requested{
  min-width:1320px!important;
}
/* end v59bg */


/* =========================================================
   v59bh - module list header alignment + No column frame fix
   - Center all module list column headers with higher specificity.
   - Make Final Approval / Waiting Payment No column use one fixed frame.
   - Prevent old width/left-align rules from splitting the No column visually.
   ========================================================= */
body.page-bep_requesting .v59w-module-shell table.lt.module-list-table thead th,
body.page-checking .v59w-module-shell table.lt.module-list-table thead th,
body.page-bep_requested .v59w-module-shell table.lt.module-list-table thead th,
body.page-final_approval .v59w-module-shell table.lt.module-list-table thead th,
body.page-waiting_payment .v59w-module-shell table.lt.module-list-table thead th,
body.page-bep_requesting .module-list-table thead th,
body.page-checking .module-list-table thead th,
body.page-bep_requested .module-list-table thead th,
body.page-final_approval .module-list-table thead th,
body.page-waiting_payment .module-list-table thead th{
  text-align:center!important;
  vertical-align:middle!important;
  justify-content:center!important;
}
body.page-bep_requesting .v59w-module-shell table.lt.module-list-table thead th.right,
body.page-checking .v59w-module-shell table.lt.module-list-table thead th.right,
body.page-bep_requested .v59w-module-shell table.lt.module-list-table thead th.right,
body.page-final_approval .v59w-module-shell table.lt.module-list-table thead th.right,
body.page-waiting_payment .v59w-module-shell table.lt.module-list-table thead th.right{
  text-align:center!important;
}

/* Keep table grid as one single frame, especially after horizontal scrolling is enabled. */
body.page-bep_requesting .v59w-module-shell table.lt.module-list-table,
body.page-checking .v59w-module-shell table.lt.module-list-table,
body.page-bep_requested .v59w-module-shell table.lt.module-list-table,
body.page-final_approval .v59w-module-shell table.lt.module-list-table,
body.page-waiting_payment .v59w-module-shell table.lt.module-list-table{
  border-collapse:collapse!important;
  border-spacing:0!important;
}

/* Final Approval and Waiting Payment No column: fixed box, center/middle aligned, no old percent width. */
body.page-final_approval .v59w-module-shell table.lt.module-list-table.mod-final_approval th:nth-child(1),
body.page-final_approval .v59w-module-shell table.lt.module-list-table.mod-final_approval td:nth-child(1),
body.page-waiting_payment .v59w-module-shell table.lt.module-list-table.mod-waiting_payment th:nth-child(1),
body.page-waiting_payment .v59w-module-shell table.lt.module-list-table.mod-waiting_payment td:nth-child(1),
body.page-final_approval table.lt.module-list-table.mod-final_approval th:nth-child(1),
body.page-final_approval table.lt.module-list-table.mod-final_approval td:nth-child(1),
body.page-waiting_payment table.lt.module-list-table.mod-waiting_payment th:nth-child(1),
body.page-waiting_payment table.lt.module-list-table.mod-waiting_payment td:nth-child(1){
  min-width:92px!important;
  width:92px!important;
  max-width:92px!important;
  text-align:center!important;
  vertical-align:middle!important;
  padding-left:6px!important;
  padding-right:6px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  box-sizing:border-box!important;
  border-left:1px solid #a9cdbd!important;
  border-right:1px solid #a9cdbd!important;
  border-bottom:1px solid #a9cdbd!important;
}
body.page-final_approval .v59w-module-shell table.lt.module-list-table.mod-final_approval td:nth-child(1),
body.page-waiting_payment .v59w-module-shell table.lt.module-list-table.mod-waiting_payment td:nth-child(1),
body.page-final_approval table.lt.module-list-table.mod-final_approval td:nth-child(1),
body.page-waiting_payment table.lt.module-list-table.mod-waiting_payment td:nth-child(1){
  position:static!important;
  left:auto!important;
  display:table-cell!important;
  font-size:11.5px!important;
  font-weight:900!important;
  line-height:1.15!important;
}
body.page-final_approval .v59w-module-shell table.lt.module-list-table.mod-final_approval th:nth-child(1),
body.page-waiting_payment .v59w-module-shell table.lt.module-list-table.mod-waiting_payment th:nth-child(1),
body.page-final_approval table.lt.module-list-table.mod-final_approval th:nth-child(1),
body.page-waiting_payment table.lt.module-list-table.mod-waiting_payment th:nth-child(1){
  left:auto!important;
  font-size:11px!important;
  line-height:1.15!important;
}
body.page-final_approval .v59w-module-shell table.lt.module-list-table.mod-final_approval td.req-no-short,
body.page-final_approval .v59w-module-shell table.lt.module-list-table.mod-final_approval td.reqno-compact,
body.page-waiting_payment .v59w-module-shell table.lt.module-list-table.mod-waiting_payment td.req-no-short,
body.page-waiting_payment .v59w-module-shell table.lt.module-list-table.mod-waiting_payment td.reqno-compact{
  min-width:92px!important;
  width:92px!important;
  max-width:92px!important;
  text-align:center!important;
  vertical-align:middle!important;
}
/* end v59bh */


/* v59bi: show up to 2 invoice numbers; keep invoice columns readable with horizontal scroll */
.module-list-table .invoice-cell,
table.lt .invoice-cell{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Standard invoice width for request/checking/bep requested list tables */
.module-list-table:not(.mod-final_approval):not(.mod-waiting_payment) th:nth-child(9),
.module-list-table:not(.mod-final_approval):not(.mod-waiting_payment) td:nth-child(9){
  width:160px!important;
  min-width:160px!important;
  max-width:160px!important;
}

/* Final Approval invoice column should match other Invoice # columns and show two invoices when possible */
.module-list-table.mod-final_approval th:nth-child(11),
.module-list-table.mod-final_approval td:nth-child(11),
table.lt.lt-final_approval th:nth-child(11),
table.lt.lt-final_approval td:nth-child(11){
  width:170px!important;
  min-width:170px!important;
  max-width:170px!important;
}

/* Keep column headers centered after width adjustments */
.module-list-table th,
table.lt th{
  text-align:center!important;
}


/* =========================================================
   v59bj - Waiting Payment: add Create Date between Due Date and Process Date
   - Created Date comes from Final Approval form (req.created_date).
   - Keep Status / Action readable after the extra column.
   ========================================================= */
table.lt.module-list-table.mod-waiting_payment,
.module-list-table.mod-waiting_payment{
  min-width:1560px!important;
}
/* Waiting Payment column map after v59bj:
   1 No | 2 Req Date | 3 Req Name | 4 BEP# | 5 KT REF# | 6 Beneficiary |
   7 Vendor Inv Date | 8 Due Date | 9 Create Date | 10 Process Date | 11 Pay Method |
   12 Amount | 13 Deduction | 14 Final Amount | 15 Status | 16 Action */
.module-list-table.mod-waiting_payment th:nth-child(9),
.module-list-table.mod-waiting_payment td:nth-child(9),
table.lt.lt-waiting_payment th:nth-child(9),
table.lt.lt-waiting_payment td:nth-child(9){
  min-width:112px!important;
  width:112px!important;
  max-width:112px!important;
  text-align:center!important;
}
.module-list-table.mod-waiting_payment th:nth-child(10),
.module-list-table.mod-waiting_payment td:nth-child(10),
table.lt.lt-waiting_payment th:nth-child(10),
table.lt.lt-waiting_payment td:nth-child(10){
  min-width:112px!important;
  width:112px!important;
  max-width:112px!important;
  text-align:center!important;
}
.module-list-table.mod-waiting_payment th:nth-child(11),
.module-list-table.mod-waiting_payment td:nth-child(11),
table.lt.lt-waiting_payment th:nth-child(11),
table.lt.lt-waiting_payment td:nth-child(11){
  min-width:92px!important;
  width:92px!important;
  max-width:92px!important;
}
.module-list-table.mod-waiting_payment th:nth-child(12),
.module-list-table.mod-waiting_payment td:nth-child(12),
table.lt.lt-waiting_payment th:nth-child(12),
table.lt.lt-waiting_payment td:nth-child(12){
  min-width:105px!important;
  width:105px!important;
  max-width:105px!important;
}
.module-list-table.mod-waiting_payment th:nth-child(13),
.module-list-table.mod-waiting_payment td:nth-child(13),
table.lt.lt-waiting_payment th:nth-child(13),
table.lt.lt-waiting_payment td:nth-child(13){
  min-width:98px!important;
  width:98px!important;
  max-width:98px!important;
}
.module-list-table.mod-waiting_payment th:nth-child(14),
.module-list-table.mod-waiting_payment td:nth-child(14),
table.lt.lt-waiting_payment th:nth-child(14),
table.lt.lt-waiting_payment td:nth-child(14){
  min-width:122px!important;
  width:122px!important;
  max-width:122px!important;
}
.module-list-table.mod-waiting_payment th:nth-child(15),
.module-list-table.mod-waiting_payment td:nth-child(15),
table.lt.lt-waiting_payment th:nth-child(15),
table.lt.lt-waiting_payment td:nth-child(15){
  min-width:152px!important;
  width:152px!important;
  max-width:152px!important;
  overflow:visible!important;
  text-overflow:clip!important;
  text-align:center!important;
}
.module-list-table.mod-waiting_payment th:nth-child(16),
.module-list-table.mod-waiting_payment td:nth-child(16),
table.lt.lt-waiting_payment th:nth-child(16),
table.lt.lt-waiting_payment td:nth-child(16){
  min-width:78px!important;
  width:78px!important;
  max-width:78px!important;
  overflow:visible!important;
  text-overflow:clip!important;
  text-align:center!important;
}
.module-list-table.mod-waiting_payment .status-td,
table.lt.lt-waiting_payment .status-td{
  text-align:center!important;
  overflow:visible!important;
  text-overflow:clip!important;
}


/* v59bv: move Create New BEP to module subnav and reduce module page gap */
.module-subnav{
  align-items:center!important;
  padding-right:8px!important;
}
.subnav-actions{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  height:100%!important;
}
.subnav-create-btn{
  height:28px!important;
  padding:5px 14px!important;
  border-radius:8px!important;
  font-size:12px!important;
  font-weight:900!important;
  box-shadow:0 2px 8px rgba(47,80,214,.25)!important;
}
.v59w-list-toolbar{
  display:none!important;
}
.v59w-module-shell{
  margin:0!important;
  padding:0!important;
}
body.page-bep_requesting main.page,
body.page-checking main.page,
body.page-bep_requested main.page,
body.page-final_approval main.page,
body.page-waiting_payment main.page{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:4px 0 0 0!important;
}
body.page-bep_requesting .module-list-wrap,
body.page-checking .module-list-wrap,
body.page-bep_requested .module-list-wrap,
body.page-final_approval .module-list-wrap,
body.page-waiting_payment .module-list-wrap{
  border-radius:0!important;
  box-shadow:none!important;
  margin-top:0!important;
}
body.page-bep_requesting .module-list-table,
body.page-checking .module-list-table,
body.page-bep_requested .module-list-table,
body.page-final_approval .module-list-table,
body.page-waiting_payment .module-list-table{
  margin-top:0!important;
}
@media (max-width: 760px){
  .subnav-create-btn{padding:5px 9px!important;font-size:11px!important;}
  .subnav{padding-left:8px!important;}
}

/* v59cd - Create By dropdown/PIN compact alignment in Create/Edit BEP */
.edit-screen-modal .bep-main-grid-v59w .requester-created-v59ak.create-by-v59cc{
  gap:5px!important;
}
.edit-screen-modal .bep-main-grid-v59w .requester-created-v59ak.create-by-v59cc .requester-name-v59w{
  max-width:30%!important;
  flex:0 1 46px!important;
}
.edit-screen-modal .bep-main-grid-v59w .requester-created-v59ak.create-by-v59cc .created-by-label-v59w{
  flex:0 0 auto!important;
  margin-left:0!important;
}
.edit-screen-modal .bep-main-grid-v59w .requester-created-v59ak.create-by-v59cc select[name="created_by_member_id"]{
  flex:1 1 150px!important;
  min-width:128px!important;
  max-width:190px!important;
  width:auto!important;
  height:30px!important;
  min-height:30px!important;
  padding:4px 8px!important;
}
.edit-screen-modal .bep-main-grid-v59w .requester-created-v59ak.create-by-v59cc input[name="created_by_pin"]{
  flex:0 0 74px!important;
  width:74px!important;
  min-width:74px!important;
  max-width:74px!important;
  height:30px!important;
  min-height:30px!important;
  padding:4px 8px!important;
  text-align:center!important;
}
@media(max-width:1280px){
  .edit-screen-modal .bep-main-grid-v59w .requester-created-v59ak.create-by-v59cc{flex-wrap:wrap!important;height:auto!important;min-height:31px!important;}
  .edit-screen-modal .bep-main-grid-v59w .requester-created-v59ak.create-by-v59cc select[name="created_by_member_id"]{max-width:none!important;}
}


/* v59ce: Create By PIN moved to Final Review; module Req Name filter. */
.send-options-v59ce{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;align-items:start;}
.pin-send-v59ce{border:1px solid #cbd5e1;background:#f8fafc;border-radius:10px;padding:10px 12px;}
.pin-send-v59ce label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#435776;font-weight:900;margin-bottom:5px;}
.pin-send-v59ce input{width:100%;height:34px;border:1px solid #b9c8dd;border-radius:8px;padding:0 10px;font-weight:900;box-sizing:border-box;}
.pin-help-v59ce{font-size:11px;color:#64748b;margin-top:5px;font-weight:700;}
.req-name-th-v59ce{min-width:128px!important;}
.req-name-th-v59ce span{display:block;line-height:1.05;}
.req-name-filter-v59ce{margin-top:4px;width:100%;height:22px;border:1px solid rgba(255,255,255,.55);border-radius:6px;background:#f8fafc;color:#0f172a;font-size:10px;font-weight:800;padding:0 5px;box-sizing:border-box;}
input.money-format-v59ce{text-align:right!important;font-weight:900!important;color:#047857!important;}
@media (max-width:1000px){.send-options-v59ce{grid-template-columns:1fr;}.pin-send-v59ce{max-width:320px;}}

/* v59cf: Create By filter is only a compact dropdown in BEP Requesting; keep Mark Paid popup open on missing upload. */
.req-name-filter-th-v59cf{min-width:128px!important;position:relative!important;}
.req-name-filter-th-v59cf span{display:inline-block!important;vertical-align:middle!important;}
.req-name-filter-compact-v59cf{
  display:inline-block!important;
  width:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  height:22px!important;
  margin:0 0 0 6px!important;
  padding:0!important;
  vertical-align:middle!important;
  border:1px solid rgba(255,255,255,.65)!important;
  border-radius:6px!important;
  background-color:#f8fafc!important;
  color:transparent!important;
  text-shadow:none!important;
  cursor:pointer!important;
}
.req-name-filter-compact-v59cf option{color:#0f172a!important;font-size:12px!important;font-weight:700!important;}
.payment-upload-required-v59cf{
  outline:3px solid rgba(220,38,38,.26)!important;
  background:#fff1f2!important;
  border-radius:10px!important;
  padding:6px!important;
  transition:all .15s ease;
}

/* v59cn: Waiting Payment final amount should align like a money column. */
.module-list-table.mod-waiting_payment th:nth-child(14),
.module-list-table.mod-waiting_payment td:nth-child(14),
table.lt.lt-waiting_payment th:nth-child(14),
table.lt.lt-waiting_payment td:nth-child(14){
  text-align:right!important;
  justify-content:flex-end!important;
}
.module-list-table.mod-waiting_payment td:nth-child(14).final-green,
table.lt.lt-waiting_payment td:nth-child(14).final-green{
  text-align:right!important;
  justify-content:flex-end!important;
}

/* v59cp - Payment PIC / Mark Paid assignment */
.payment-pic-cell-v59cp{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:120px;
}
.payment-pic-bar-v59cp{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  padding:9px 10px;
  margin-bottom:10px;
  border:1px solid rgba(59,130,246,.22);
  background:#eff6ff;
  border-radius:10px;
  color:#0f172a;
}
.payment-pic-reassign-v59cp{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-left:auto;
}
.payment-pic-reassign-v59cp select{
  min-width:160px;
  height:30px;
  font-size:12px;
}

/* =========================================================
   v59cq - Waiting Payment: align Final Amount after Payment PIC column
   Column map after v59cp:
   13 Amount | 14 Deduction | 15 Final Amount | 16 Status | 17 Action
   ========================================================= */
body.page-waiting_payment .module-list-table.mod-waiting_payment th:nth-child(15),
body.page-waiting_payment .module-list-table.mod-waiting_payment td:nth-child(15),
body.page-waiting_payment table.lt.lt-waiting_payment th:nth-child(15),
body.page-waiting_payment table.lt.lt-waiting_payment td:nth-child(15),
.module-list-table.mod-waiting_payment td:nth-child(15).final-green,
table.lt.lt-waiting_payment td:nth-child(15).final-green{
  text-align:right!important;
  justify-content:flex-end!important;
  padding-right:16px!important;
}
body.page-waiting_payment .module-list-table.mod-waiting_payment th:nth-child(15),
body.page-waiting_payment table.lt.lt-waiting_payment th:nth-child(15){
  text-align:center!important;
}
body.page-waiting_payment .module-list-table.mod-waiting_payment td:nth-child(16),
body.page-waiting_payment table.lt.lt-waiting_payment td:nth-child(16),
body.page-waiting_payment .module-list-table.mod-waiting_payment td:nth-child(17),
body.page-waiting_payment table.lt.lt-waiting_payment td:nth-child(17){
  text-align:center!important;
}

/* v59db: top-right user gear and My Settings popup */
.user-area-v59db{display:flex;align-items:center;gap:8px}
.user-name-v59db{cursor:default;text-decoration:none}
.user-gear-v59db{width:32px;height:32px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.16);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:15px;line-height:1;cursor:pointer;transition:.15s ease}
.user-gear-v59db:hover{background:rgba(255,255,255,.28);transform:rotate(18deg)}
.my-settings-popup-box-v59db{max-width:900px;width:min(900px,92vw);height:min(760px,88vh)}
.my-settings-popup-body-v59db{height:calc(88vh - 70px);padding:0;background:#f6f8fc;overflow:hidden}
.my-settings-frame-v59db{width:100%;height:100%;border:0;background:#fff}
.requester-only-v59db{gap:8px}

/* V59DI - optional User Signature in BEP View */
.sig-person-v59di{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:1px;line-height:1.1;min-height:15px}
.sig-person-v59di.has-signature-v59di{min-height:44px;padding-top:2px}
.bep-signature-img-v59di{display:block;max-width:120px;max-height:34px;object-fit:contain;margin:0 auto 1px;background:transparent}
.payment-sign-v59di{min-height:14px}.payment-sign-v59di.has-signature-v59di{min-height:44px}
@media print{
  body.printing-bep #modalBEP .sig-person-v59di{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;gap:1px!important;line-height:1.05!important;min-height:11px!important}
  body.printing-bep #modalBEP .sig-person-v59di.has-signature-v59di{min-height:34px!important;padding-top:1px!important}
  body.printing-bep #modalBEP .bep-signature-img-v59di{display:block!important;max-width:90px!important;max-height:25px!important;object-fit:contain!important;margin:0 auto 1px!important;background:transparent!important}
  body.printing-bep #modalBEP .payment-sign-v59di.has-signature-v59di{min-height:34px!important}
}


/* V59DO: stable BEP print/download layout for signatures and payment section */
@media print{
  body.printing-bep #modalBEP .sig-grid{
    display:grid!important;
    grid-template-columns:68px 138px 38px 95px 82px 138px 38px 95px!important;
    gap:3px!important;
    align-items:end!important;
    font-size:8.4px!important;
  }
  body.printing-bep #modalBEP .sig-grid b{white-space:nowrap!important;line-height:1.05!important;}
  body.printing-bep #modalBEP .sig-line{min-height:12px!important;line-height:1!important;overflow:visible!important;}
  body.printing-bep #modalBEP .sig-person-v59di.has-signature-v59di{
    position:relative!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;
    min-height:38px!important;padding:0 3px 0!important;overflow:visible!important;line-height:1!important;
  }
  body.printing-bep #modalBEP .sig-person-v59di.has-signature-v59di .bep-signature-img-v59di{
    position:absolute!important;left:50%!important;top:auto!important;bottom:8px!important;transform:translateX(-50%)!important;
    width:auto!important;max-width:132px!important;max-height:41px!important;object-fit:contain!important;z-index:1!important;
  }
  body.printing-bep #modalBEP .sig-person-v59di.has-signature-v59di span{
    position:absolute!important;left:50%!important;bottom:0!important;transform:translateX(-50%)!important;
    width:100%!important;text-align:center!important;line-height:1!important;z-index:2!important;font-weight:800!important;white-space:nowrap!important;
  }
  body.printing-bep #modalBEP .payment-grid-v59do{
    display:grid!important;grid-template-columns:122px minmax(135px,1fr) 78px minmax(135px,1fr)!important;gap:2px 8px!important;align-items:end!important;
  }
  body.printing-bep #modalBEP .payment-grid-v59do .bep-lbl{white-space:normal!important;line-height:1.05!important;font-size:8.4px!important;padding-right:3px!important;}
  body.printing-bep #modalBEP .payment-grid-v59do .bep-val{min-height:12px!important;line-height:1!important;overflow:visible!important;white-space:nowrap!important;text-align:center!important;}
}

/* =========================================================
   V59DW - Wide Screen Auto Fit Layout
   Purpose: keep laptop layout unchanged, prevent oversized/wide-screen stretching.
   ========================================================= */
:root{
  --v59dw-page-max: 1480px;
  --v59dw-wide-page-max: 1560px;
  --v59dw-modal-max: 1320px;
  --v59dw-wide-modal-max: 1400px;
  --v59dw-gap: 10px;
}

/* Main content: use full width on normal screens, cap width on large monitors */
.page,
.settings-page,
.dashboard-wrap,
.master-log-page,
.module-page,
.settings-module-tabs-v59dv,
.module-subnav,
body.page-settings_users .subnav,
body.page-settings_master_data .subnav,
body.page-settings_backup_restore .subnav,
body.page-settings_email_function .subnav{
  width: min(calc(100vw - 28px), var(--v59dw-page-max)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Keep normal workflow tables usable, but stop giant empty stretching on huge monitors */
.settings-table-wrap,
.table-wrap,
.master-table-wrap,
.list-table-wrap,
.master-log-wrap,
.module-list-wrap{
  width: 100% !important;
  max-width: 100% !important;
  overflow: auto !important;
}

/* Modal auto fit: centered, not too wide on large screens */
.modal .mbox.full,
.modal .mbox.md,
.settings-user-modal-v59dr,
.my-settings-popup-box-v59db,
.settings-center-box-v59dr,
.subpanel-box-v59dr{
  width: min(calc(100vw - 44px), var(--v59dw-modal-max)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Exclude BEP / PDF print preview from width cap so A4 preview remains stable */
#modalBEP .mbox.full,
#modalPdfPreview .mbox.full{
  width: calc(100vw - 24px) !important;
  max-width: none !important;
}

/* User modal compact behavior on wide screens */
.settings-user-modal-v59dr{
  max-height: 94vh !important;
}
.settings-user-modal-v59dr .mbody,
.settings-user-modal-v59dr .settings-user-body{
  padding-left: 14px !important;
  padding-right: 14px !important;
}
.user-basic-grid-v59dr{
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  gap: 8px 10px !important;
  align-items: end !important;
}
.user-basic-grid-v59dr .span2{
  grid-column: span 2;
}
.signature-row-v59dr{
  grid-template-columns: minmax(260px,1fr) minmax(220px,.78fr) !important;
  gap: 10px !important;
}
.user-action-row-v59dr{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(210px, 300px)) !important;
  justify-content: start !important;
  gap: 8px !important;
}
.user-action-card-v59dr{
  min-height: 46px !important;
  padding: 8px 9px !important;
}
.copy-permission-main-v59dt{
  width: min(360px, 100%) !important;
  grid-template-columns: minmax(170px, 1fr) 62px !important;
}
.copy-permission-main-v59dt select,
.copy-permission-main-v59dt .btn{
  height: 28px !important;
  min-height: 28px !important;
  font-size: 11.5px !important;
}

/* Settings tabs should look compact and centered on wide monitors */
.settings-module-tabs-v59dv{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 8px !important;
}
.settings-tab-v59dv{
  flex: 0 0 auto !important;
  min-width: 130px !important;
}

/* My Settings: keep compact, do not stretch too much on big monitors */
.my-settings-popup-box-v59db{
  width: min(calc(100vw - 44px), 1180px) !important;
  height: min(760px, 90vh) !important;
}
.my-settings-v59dt{
  width: min(100%, 1160px) !important;
  margin: 0 auto !important;
}
.my-topbar-v59dt{
  grid-template-columns: minmax(380px,1.25fr) minmax(320px,.95fr) minmax(96px,auto) !important;
  gap: 8px !important;
}
.my-summary-line-v59dt{
  grid-template-columns: repeat(auto-fit, minmax(92px, 1fr)) !important;
  gap: 6px !important;
}
.my-card-v59dt{
  padding: 9px 10px !important;
}
.my-bottom-grid-v59dt{
  grid-template-columns: minmax(300px,.85fr) minmax(420px,1.15fr) !important;
  gap: 8px !important;
}

/* Generic grids: prevent cards and fields from becoming oversized */
.form-grid,
.compact-form-grid,
.settings-grid,
.email-grid-v59dr,
.role-list-v59dr,
.weekly-compact-v59dr{
  gap: var(--v59dw-gap) !important;
}
.field input,
.field select,
.field textarea,
input,
select,
textarea{
  max-width: 100% !important;
}

@media (min-width: 1600px){
  .page,
  .settings-page,
  .dashboard-wrap,
  .master-log-page,
  .module-page,
  .settings-module-tabs-v59dv,
  .module-subnav{
    width: min(calc(100vw - 40px), var(--v59dw-wide-page-max)) !important;
  }
  .modal .mbox.full,
  .modal .mbox.md,
  .settings-user-modal-v59dr,
  .settings-center-box-v59dr,
  .subpanel-box-v59dr{
    width: min(calc(100vw - 64px), var(--v59dw-wide-modal-max)) !important;
  }
  #modalBEP .mbox.full,
  #modalPdfPreview .mbox.full{
    width: calc(100vw - 24px) !important;
  }
}

@media (max-width: 1200px){
  .page,
  .settings-page,
  .settings-module-tabs-v59dv,
  .module-subnav{
    width: calc(100vw - 20px) !important;
  }
  .modal .mbox.full,
  .modal .mbox.md,
  .settings-user-modal-v59dr,
  .my-settings-popup-box-v59db,
  .settings-center-box-v59dr,
  .subpanel-box-v59dr{
    width: calc(100vw - 24px) !important;
  }
  .user-action-row-v59dr{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px){
  .user-basic-grid-v59dr,
  .signature-row-v59dr,
  .user-action-row-v59dr,
  .my-topbar-v59dt,
  .my-bottom-grid-v59dt{
    grid-template-columns: 1fr !important;
  }
  .user-basic-grid-v59dr .span2{
    grid-column: auto !important;
  }
  .copy-permission-main-v59dt{
    width: 100% !important;
    justify-self: stretch !important;
  }
}

/* V59DX - edit screen total bar + sticky total footer */
.edit-screen-modal .fs-dtscroll.edit-scroll table.dtbl tfoot{
  display:table-footer-group!important;
}
.edit-screen-modal .fs-dtscroll.edit-scroll table.dtbl tfoot tr.total-row td{
  position:sticky!important;
  bottom:0!important;
  z-index:26!important;
  background:#c8e8d8!important;
  color:#0f2537!important;
  box-shadow:0 -2px 4px rgba(0,0,0,.08)!important;
}
.edit-screen-modal .edit-total-bar-v59dx{
  flex:0 0 auto!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:14px!important;
  padding:6px 18px!important;
  border-top:1px solid #9dccb4!important;
  background:#c8e8d8!important;
  color:#0f2537!important;
  font-size:12px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
.edit-screen-modal .edit-total-bar-v59dx b{
  font-size:13px!important;
  font-weight:950!important;
}
.edit-screen-modal .edit-total-bar-v59dx #editDeductionSummaryV59dx{
  color:#b42318!important;
}
.edit-screen-modal .edit-total-bar-v59dx #editFinalSummaryV59dx{
  color:#047857!important;
}
@media (max-width:900px){
  .edit-screen-modal .edit-total-bar-v59dx{justify-content:flex-start!important;overflow-x:auto!important;}
}


/* v59ee: responsible-person columns (Req Name / Leader / BEP Processor / Approver / Payment).
   Keep them compact so rows do not grow taller; truncate long names with ellipsis. */
.module-list-table th.resp-col,
.module-list-table td.resp-col{
  max-width:140px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* =========================================================
   V59EF - Module list layout/alignment fix after V59EE
   Scope:
   - Remove BEP Requesting/Checking subnav white gutters.
   - Left-align Invoice # and Status on workflow lists.
   - Rebalance Final Approval / Waiting Payment widths.
   - Keep row height stable; do not change Paid/Master Log.
   ========================================================= */

/* 1) BEP Requesting / Checking top subnav should cover full width; no white blocks in the two corners. */
body.page-bep_requesting .module-subnav,
body.page-checking .module-subnav{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
  border-radius:0 !important;
}
body.page-bep_requesting main.page,
body.page-checking main.page,
body.page-bep_requested main.page,
body.page-final_approval main.page,
body.page-waiting_payment main.page{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* 2) Common workflow list alignment clean-up. */
body.page-bep_requesting .v59w-module-shell .module-list-table th,
body.page-checking .v59w-module-shell .module-list-table th,
body.page-bep_requested .v59w-module-shell .module-list-table th,
body.page-final_approval .v59w-module-shell .module-list-table th,
body.page-waiting_payment .v59w-module-shell .module-list-table th{
  vertical-align:middle !important;
}

/* Requesting / Checking / Requested: Invoice # = column 10, Status = column 12. */
body.page-bep_requesting .v59w-module-shell table.module-list-table.mod-bep_requesting th:nth-child(10),
body.page-bep_requesting .v59w-module-shell table.module-list-table.mod-bep_requesting td:nth-child(10),
body.page-checking .v59w-module-shell table.module-list-table.mod-checking th:nth-child(10),
body.page-checking .v59w-module-shell table.module-list-table.mod-checking td:nth-child(10),
body.page-bep_requested .v59w-module-shell table.module-list-table.mod-bep_requested th:nth-child(10),
body.page-bep_requested .v59w-module-shell table.module-list-table.mod-bep_requested td:nth-child(10){
  text-align:left !important;
}
body.page-bep_requesting .v59w-module-shell table.module-list-table.mod-bep_requesting th:nth-child(12),
body.page-bep_requesting .v59w-module-shell table.module-list-table.mod-bep_requesting td:nth-child(12),
body.page-checking .v59w-module-shell table.module-list-table.mod-checking th:nth-child(12),
body.page-checking .v59w-module-shell table.module-list-table.mod-checking td:nth-child(12),
body.page-bep_requested .v59w-module-shell table.module-list-table.mod-bep_requested th:nth-child(12),
body.page-bep_requested .v59w-module-shell table.module-list-table.mod-bep_requested td:nth-child(12),
body.page-bep_requesting .v59w-module-shell table.module-list-table.mod-bep_requesting td.status-td,
body.page-checking .v59w-module-shell table.module-list-table.mod-checking td.status-td,
body.page-bep_requested .v59w-module-shell table.module-list-table.mod-bep_requested td.status-td{
  text-align:left !important;
  justify-content:flex-start !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
body.page-bep_requesting .v59w-module-shell table.module-list-table.mod-bep_requesting .status-cell,
body.page-checking .v59w-module-shell table.module-list-table.mod-checking .status-cell,
body.page-bep_requested .v59w-module-shell table.module-list-table.mod-bep_requested .status-cell{
  justify-content:flex-start !important;
}

/* 3) Final Approval width/alignment fix after V59EE columns.
   Column map: 1 No | 2 Req Date | 3 Req Name | 4 BEP Processor | 5 Approver | 6 BEP# | 7 KT REF# |
   8 Beneficiary | 9 Buyer | 10 Vendor Inv Date | 11 Due Date | 12 Invoice # | 13 Amount | 14 Final Amount | 15 Status | 16 Action */
body.page-final_approval .v59w-module-shell .module-list-wrap.mod-final_approval{
  overflow:auto !important;
}
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval{
  table-layout:auto !important;
  width:max-content !important;
  min-width:1680px !important;
}
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval th,
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval td{
  box-sizing:border-box !important;
  height:32px !important;
  min-height:32px !important;
  white-space:nowrap !important;
}
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(7),
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(7){
  width:86px !important;
  min-width:86px !important;
  max-width:86px !important;
  text-align:left !important;
}
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(11),
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(11){
  width:126px !important;
  min-width:126px !important;
  max-width:126px !important;
  overflow:visible !important;
  text-overflow:clip !important;
  text-align:left !important;
}
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(12),
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(12){
  text-align:left !important;
}
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(14),
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(14){
  text-align:right !important;
  width:118px !important;
  min-width:118px !important;
  max-width:118px !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(15),
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(15),
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval td.status-td{
  text-align:left !important;
  justify-content:flex-start !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval .status-cell{
  justify-content:flex-start !important;
}

/* 4) Waiting Payment width/alignment fix after V59EE columns.
   Column map: 1 No | 2 Req Date | 3 Req Name | 4 Approver | 5 BEP# | 6 KT REF# | 7 Beneficiary |
   8 Vendor Inv Date | 9 Due Date | 10 Create Date | 11 Process Date | 12 Pay Method | 13 Payment Responsible |
   14 Amount | 15 Deduction | 16 Final Amount | 17 Status | 18 Action */
body.page-waiting_payment .v59w-module-shell .module-list-wrap.mod-waiting_payment{
  overflow:auto !important;
}
body.page-waiting_payment .v59w-module-shell table.module-list-table.mod-waiting_payment{
  table-layout:auto !important;
  width:max-content !important;
  min-width:1700px !important;
}
body.page-waiting_payment .v59w-module-shell table.module-list-table.mod-waiting_payment th,
body.page-waiting_payment .v59w-module-shell table.module-list-table.mod-waiting_payment td{
  box-sizing:border-box !important;
  height:32px !important;
  min-height:32px !important;
  white-space:nowrap !important;
}
body.page-waiting_payment .v59w-module-shell table.module-list-table.mod-waiting_payment th:nth-child(6),
body.page-waiting_payment .v59w-module-shell table.module-list-table.mod-waiting_payment td:nth-child(6){
  width:84px !important;
  min-width:84px !important;
  max-width:84px !important;
  text-align:left !important;
}
body.page-waiting_payment .v59w-module-shell table.module-list-table.mod-waiting_payment th:nth-child(13),
body.page-waiting_payment .v59w-module-shell table.module-list-table.mod-waiting_payment td:nth-child(13){
  width:104px !important;
  min-width:104px !important;
  max-width:104px !important;
  text-align:left !important;
}
body.page-waiting_payment .v59w-module-shell table.module-list-table.mod-waiting_payment th:nth-child(13){
  white-space:normal !important;
  line-height:1.02 !important;
}
body.page-waiting_payment .v59w-module-shell table.module-list-table.mod-waiting_payment th:nth-child(15),
body.page-waiting_payment .v59w-module-shell table.module-list-table.mod-waiting_payment td:nth-child(15){
  width:92px !important;
  min-width:92px !important;
  max-width:92px !important;
  text-align:right !important;
}
body.page-waiting_payment .v59w-module-shell table.module-list-table.mod-waiting_payment th:nth-child(16),
body.page-waiting_payment .v59w-module-shell table.module-list-table.mod-waiting_payment td:nth-child(16){
  width:118px !important;
  min-width:118px !important;
  max-width:118px !important;
  text-align:right !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
body.page-waiting_payment .v59w-module-shell table.module-list-table.mod-waiting_payment th:nth-child(17),
body.page-waiting_payment .v59w-module-shell table.module-list-table.mod-waiting_payment td:nth-child(17),
body.page-waiting_payment .v59w-module-shell table.module-list-table.mod-waiting_payment td.status-td{
  text-align:left !important;
  justify-content:flex-start !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
body.page-waiting_payment .v59w-module-shell table.module-list-table.mod-waiting_payment .status-cell{
  justify-content:flex-start !important;
}

/* Keep money cells readable and avoid row-height growth. */
body.page-final_approval .v59w-module-shell .final-green,
body.page-waiting_payment .v59w-module-shell .final-green,
body.page-waiting_payment .v59w-module-shell .ded-red{
  white-space:nowrap !important;
}



/* =========================================================
   V59EG - Module list column alignment fine tune
   Scope:
   - Center all module-list headers (headers may wrap for long names).
   - Center responsible / workflow metadata columns requested by business users.
   - Right-align all Amount / Final Amount / Deduction money columns.
   - Keep Invoice # and Status data alignment from V59EF (left) while headers stay centered.
   - Do not affect Paid / Master Log.
   ========================================================= */

/* All workflow module headers centered; allow long headers such as Vendor Inv Date / Payment Responsible to wrap. */
body.page-bep_requesting .v59w-module-shell table.module-list-table.mod-bep_requesting thead th:nth-child(n),
body.page-checking .v59w-module-shell table.module-list-table.mod-checking thead th:nth-child(n),
body.page-bep_requested .v59w-module-shell table.module-list-table.mod-bep_requested thead th:nth-child(n),
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval thead th:nth-child(n),
body.page-waiting_payment .v59w-module-shell table.module-list-table.mod-waiting_payment thead th:nth-child(n){
  text-align:center !important;
  vertical-align:middle !important;
  white-space:normal !important;
  line-height:1.08 !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

/* Requesting / Checking / Requested center metadata: Req Name, Leader/BEP Processor, Vendor Inv Date, Term. */
body.page-bep_requesting .v59w-module-shell table.module-list-table.mod-bep_requesting tbody td:nth-child(3),
body.page-bep_requesting .v59w-module-shell table.module-list-table.mod-bep_requesting tbody td:nth-child(4),
body.page-bep_requesting .v59w-module-shell table.module-list-table.mod-bep_requesting tbody td:nth-child(7),
body.page-bep_requesting .v59w-module-shell table.module-list-table.mod-bep_requesting tbody td:nth-child(8),
body.page-checking .v59w-module-shell table.module-list-table.mod-checking tbody td:nth-child(3),
body.page-checking .v59w-module-shell table.module-list-table.mod-checking tbody td:nth-child(4),
body.page-checking .v59w-module-shell table.module-list-table.mod-checking tbody td:nth-child(7),
body.page-checking .v59w-module-shell table.module-list-table.mod-checking tbody td:nth-child(8),
body.page-bep_requested .v59w-module-shell table.module-list-table.mod-bep_requested tbody td:nth-child(3),
body.page-bep_requested .v59w-module-shell table.module-list-table.mod-bep_requested tbody td:nth-child(4),
body.page-bep_requested .v59w-module-shell table.module-list-table.mod-bep_requested tbody td:nth-child(7),
body.page-bep_requested .v59w-module-shell table.module-list-table.mod-bep_requested tbody td:nth-child(8){
  text-align:center !important;
}

/* Requesting / Checking / Requested: Amount = column 11, right aligned. */
body.page-bep_requesting .v59w-module-shell table.module-list-table.mod-bep_requesting tbody td:nth-child(11),
body.page-checking .v59w-module-shell table.module-list-table.mod-checking tbody td:nth-child(11),
body.page-bep_requested .v59w-module-shell table.module-list-table.mod-bep_requested tbody td:nth-child(11){
  text-align:right !important;
}

/* Final Approval center metadata: Req Name, BEP Processor, Approver, BEP#, KT REF#, Vendor Inv Date. */
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval tbody td:nth-child(3),
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval tbody td:nth-child(4),
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval tbody td:nth-child(5),
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval tbody td:nth-child(6),
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval tbody td:nth-child(7),
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval tbody td:nth-child(10){
  text-align:center !important;
}

/* Final Approval: Amount = column 13, Final Amount = column 14, right aligned. */
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval tbody td:nth-child(13),
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval tbody td:nth-child(14){
  text-align:right !important;
}

/* Waiting Payment center metadata: Req Name, Approver, BEP#, KT REF#, Vendor Inv Date, Pay Method, Payment Responsible. */
body.page-waiting_payment .v59w-module-shell table.module-list-table.mod-waiting_payment tbody td:nth-child(3),
body.page-waiting_payment .v59w-module-shell table.module-list-table.mod-waiting_payment tbody td:nth-child(4),
body.page-waiting_payment .v59w-module-shell table.module-list-table.mod-waiting_payment tbody td:nth-child(5),
body.page-waiting_payment .v59w-module-shell table.module-list-table.mod-waiting_payment tbody td:nth-child(6),
body.page-waiting_payment .v59w-module-shell table.module-list-table.mod-waiting_payment tbody td:nth-child(8),
body.page-waiting_payment .v59w-module-shell table.module-list-table.mod-waiting_payment tbody td:nth-child(12),
body.page-waiting_payment .v59w-module-shell table.module-list-table.mod-waiting_payment tbody td:nth-child(13){
  text-align:center !important;
}

/* Waiting Payment: Amount = column 14, Deduction = column 15, Final Amount = column 16, right aligned. */
body.page-waiting_payment .v59w-module-shell table.module-list-table.mod-waiting_payment tbody td:nth-child(14),
body.page-waiting_payment .v59w-module-shell table.module-list-table.mod-waiting_payment tbody td:nth-child(15),
body.page-waiting_payment .v59w-module-shell table.module-list-table.mod-waiting_payment tbody td:nth-child(16){
  text-align:right !important;
}

/* Keep centered responsible cells compact; money remains readable. */
body.page-bep_requesting .v59w-module-shell table.module-list-table tbody td.resp-col,
body.page-checking .v59w-module-shell table.module-list-table tbody td.resp-col,
body.page-bep_requested .v59w-module-shell table.module-list-table tbody td.resp-col,
body.page-final_approval .v59w-module-shell table.module-list-table tbody td.resp-col,
body.page-waiting_payment .v59w-module-shell table.module-list-table tbody td.resp-col,
body.page-final_approval .v59w-module-shell table.module-list-table tbody td.final-processor-cell{
  text-align:center !important;
}

/* =========================================================
   V59EH - Final Approval + Master Log alignment fine tune
   Scope: display/layout only. No workflow/data/model changes.

   1) Final Approval:
      - Due Date content centered.
      - Amount column slightly wider and right-aligned.
   2) Master Log Basic/Detail:
      - All headers centered and can wrap if long.
      - Center requested metadata/detail columns only:
        Req Name, Leader, BEP Processor, Final Approver, BEP#, KT REF#,
        Inv Date, Item, Sub, PO #, Style, Color, Order Qty, Actual Qty,
        Unit, Price, Pay Method, Payment Responsible.
      - Other columns keep existing alignment/behavior.
   ========================================================= */

/* Final Approval: Due Date = column 11. Keep badge visible and centered. */
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(11),
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(11){
  text-align:center !important;
  width:126px !important;
  min-width:126px !important;
  max-width:126px !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

/* Final Approval: Amount = column 13. Give it a little more room. */
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval th:nth-child(13),
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval td:nth-child(13){
  text-align:right !important;
  width:126px !important;
  min-width:126px !important;
  max-width:126px !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

/* Master Log: all header names centered; long headers may wrap. */
body.page-master_log .mlt-unified-v59bp thead th{
  text-align:center !important;
  vertical-align:middle !important;
  white-space:normal !important;
  line-height:1.08 !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

/* Master Log Basic + Detail column map:
   1 No | 2 Req Date | 3 Req Name | 4 Leader | 5 BEP Processor | 6 Final Approver |
   7 BEP# | 8 KT REF# | 9 Beneficiary | 10 Buyer | 11 Program | 12 Due Date |
   13 Inv Date | 14 Invoice # | 15 Item | 16 Sub | 17 PO # | 18 Style | 19 Color |
   20 Description | 21 Order Qty | 22 Actual Qty | 23 Unit | 24 Price | 25 Amount |
   26 Deduction | 27 Final Amount | 28 Pay Method | 29 Payment Responsible | ... */
body.page-master_log .mlt-unified-v59bp tbody td:nth-child(3),
body.page-master_log .mlt-unified-v59bp tbody td:nth-child(4),
body.page-master_log .mlt-unified-v59bp tbody td:nth-child(5),
body.page-master_log .mlt-unified-v59bp tbody td:nth-child(6),
body.page-master_log .mlt-unified-v59bp tbody td:nth-child(7),
body.page-master_log .mlt-unified-v59bp tbody td:nth-child(8),
body.page-master_log .mlt-unified-v59bp tbody td:nth-child(13),
body.page-master_log .mlt-unified-v59bp tbody td:nth-child(15),
body.page-master_log .mlt-unified-v59bp tbody td:nth-child(16),
body.page-master_log .mlt-unified-v59bp tbody td:nth-child(17),
body.page-master_log .mlt-unified-v59bp tbody td:nth-child(18),
body.page-master_log .mlt-unified-v59bp tbody td:nth-child(19),
body.page-master_log .mlt-unified-v59bp tbody td:nth-child(21),
body.page-master_log .mlt-unified-v59bp tbody td:nth-child(22),
body.page-master_log .mlt-unified-v59bp tbody td:nth-child(23),
body.page-master_log .mlt-unified-v59bp tbody td:nth-child(24),
body.page-master_log .mlt-unified-v59bp tbody td:nth-child(28),
body.page-master_log .mlt-unified-v59bp tbody td:nth-child(29){
  text-align:center !important;
}

/* Keep merged Master Log request/invoice cells vertically consistent after centering. */
body.page-master_log .mlt-unified-v59bp tbody td.ml-req-merge,
body.page-master_log .mlt-unified-v59bp tbody td.ml-inv-merge{
  vertical-align:middle !important;
}



/* =========================================================
   V59EI - Buyer column center alignment
   Scope: CSS/layout only. No workflow/data/model changes.

   Center every Buyer column in workflow module lists and Master Log.
   - BEP Requesting / Checking / BEP Requested: Buyer = column 5
   - Final Approval: Buyer = column 9
   - Master Log unified table: Buyer = column 10
   Waiting Payment has no Buyer column.
   ========================================================= */

/* Workflow module Buyer columns. */
body.page-bep_requesting .v59w-module-shell table.module-list-table.mod-bep_requesting tbody td:nth-child(5),
body.page-checking .v59w-module-shell table.module-list-table.mod-checking tbody td:nth-child(5),
body.page-bep_requested .v59w-module-shell table.module-list-table.mod-bep_requested tbody td:nth-child(5),
body.page-final_approval .v59w-module-shell table.module-list-table.mod-final_approval tbody td:nth-child(9){
  text-align:center !important;
}

/* Master Log Buyer column. */
body.page-master_log .mlt-unified-v59bp tbody td:nth-child(10){
  text-align:center !important;
}

/* =========================================================
   v59ek — Invoice Attachment popup stays inside Detail modal
   - The invoice attachment popup is opened from Detail Lines.
   - Keep it inside the current Detail box instead of floating over the whole page.
   - Cover the Detail footer while open so underlying action buttons are not clickable.
   ========================================================= */
.modal.open .mbox.detail-box{
  position:relative!important;
  isolation:isolate!important;
}
.modal.open .mbox.detail-box > .modal.overlay-top{
  position:absolute!important;
  inset:0!important;
  z-index:80!important;
  background:rgba(6,12,30,.58)!important;
  padding:12px!important;
  align-items:center!important;
  justify-content:center!important;
}
.modal.open .mbox.detail-box > .modal.overlay-top.open{
  display:flex!important;
}
.modal.open .mbox.detail-box > .modal.overlay-top .mbox.md,
.modal.open .mbox.detail-box > .modal.overlay-top .mbox.sm{
  width:min(1100px,calc(100% - 30px))!important;
  max-width:calc(100% - 30px)!important;
  max-height:calc(100% - 30px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.modal.open .mbox.detail-box > .modal.overlay-top .mhead,
.modal.open .mbox.detail-box > .modal.overlay-top .mfoot{
  flex:0 0 auto!important;
}
.modal.open .mbox.detail-box > .modal.overlay-top .mbody{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
}
.modal.open .mbox.detail-box > .modal.overlay-top .ia-tbl{
  min-width:720px!important;
}
@media(max-width:900px){
  .modal.open .mbox.detail-box > .modal.overlay-top{
    padding:8px!important;
  }
  .modal.open .mbox.detail-box > .modal.overlay-top .mbox.md,
  .modal.open .mbox.detail-box > .modal.overlay-top .mbox.sm{
    width:calc(100% - 10px)!important;
    max-width:calc(100% - 10px)!important;
    max-height:calc(100% - 10px)!important;
  }
}
/* end v59ek */


/* =========================================================
   V59EN - Master Log Detail alignment normalization
   Scope: Master Log Detail mode only. CSS/display only.
   Reason: rowspan rows made nth-child alignment inconsistent across detail rows.
   Rule:
   - Headers centered
   - Code/person/date/qty/unit/status/action columns centered
   - Long text columns left aligned
   - Money columns right aligned
   ========================================================= */
body.page-master_log table.mlt-detail-v59ap thead th{
  text-align:center !important;
  vertical-align:middle !important;
  white-space:normal !important;
  line-height:1.08 !important;
}
body.page-master_log table.mlt-detail-v59ap tbody td.ml-align-center{
  text-align:center !important;
  vertical-align:middle !important;
}
body.page-master_log table.mlt-detail-v59ap tbody td.ml-align-left{
  text-align:left !important;
  vertical-align:middle !important;
}
body.page-master_log table.mlt-detail-v59ap tbody td.ml-align-money{
  text-align:right !important;
  vertical-align:middle !important;
}
body.page-master_log table.mlt-detail-v59ap tbody td.status-td.ml-align-center .status-cell{
  justify-content:center !important;
}
body.page-master_log table.mlt-detail-v59ap tbody td.ml-align-center .btn{
  margin-left:auto !important;
  margin-right:auto !important;
}
body.page-master_log table.mlt-detail-v59ap tbody td.ml-desc-full-v59at.ml-align-left{
  text-align:left !important;
  white-space:normal !important;
}
/* end v59en */


/* v59eo: workflow role date/remark display inside Main Information */
.detail-box .v59aj-preview-detail-grid .mc-vline-v59eo{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1.22!important;
}
.detail-box .v59aj-preview-detail-grid .mc-vline-v59eo.has-remark-v59eo{
  cursor:pointer!important;
}
.detail-box .v59aj-preview-detail-grid .mc-vline-v59eo.has-remark-v59eo:hover{
  text-decoration:underline!important;
  text-decoration-color:#b45309!important;
}
.detail-box .v59aj-preview-detail-grid .mc-meta-v59eo{
  font-size:9.5px!important;
  font-weight:800!important;
  color:#b45309!important;
  vertical-align:baseline!important;
}
.detail-box .v59aj-preview-detail-grid .mc-vline-v59eo .mc-name{
  font-size:13.5px!important;
  color:#061936!important;
}
.workflow-remark-modal-v59eo .workflow-remark-text-v59eo{
  white-space:pre-wrap!important;
  word-break:break-word!important;
  color:#061936!important;
  font-size:13px!important;
  line-height:1.45!important;
  background:#fff8ed!important;
  border:1px solid #f2c68e!important;
  border-radius:10px!important;
  padding:12px!important;
}
@media(max-height:820px){
  .detail-box .v59aj-preview-detail-grid .mc-meta-v59eo{font-size:9px!important;}
  .detail-box .v59aj-preview-detail-grid .mc-vline-v59eo .mc-name{font-size:13px!important;}
}
/* end v59eo */

/* ===================== v59es: reverse-status + R indicator + Waiting Payment status width ===================== */
/* Orange "Recalled / Rejected / Returned" pill (soft warning, not harsh red). */
.pill.p-reverse-v59es{
  background:#fff4e5!important;
  color:#b45309!important;
  border:1px solid #f3c98a!important;
  font-weight:900!important;
}
/* Orange circular "R" indicator, same footprint as the urgent icon but no exclamation, no red. */
.reverse-status-v59es{
  display:inline-flex;align-items:center;justify-content:center;
  width:18px;height:18px;border-radius:50%;
  background:#ea8a00;color:#fff;font-size:11px;font-weight:1000;
  border:2px solid #fff;line-height:1;vertical-align:middle;
  box-shadow:0 0 0 1px #ea8a00,0 2px 6px rgba(234,138,0,.35);
}
/* In the flex status cells (Final Approval / Waiting Payment), keep R BEFORE the pill (v59et). */
.module-list-table.mod-final_approval .status-cell .reverse-status-v59es,
.module-list-table.mod-waiting_payment .status-cell .reverse-status-v59es{
  order:0!important;flex:0 0 auto!important;margin-right:3px!important;
  width:16px!important;height:16px!important;font-size:10px!important;
}
.module-list-table.mod-final_approval .status-cell .p-reverse-v59es,
.module-list-table.mod-waiting_payment .status-cell .p-reverse-v59es{
  order:1!important;
}
/* All other modules: DOM order already places R before the pill; ensure no reordering. */
.status-cell .reverse-status-v59es{order:0}
.status-cell .p-reverse-v59es{order:1}
/* v59es: widen Waiting Payment / Final Approval Status column so "Waiting Payment" is not cut to "...". */
.module-list-table.mod-waiting_payment th:nth-child(14),
.module-list-table.mod-waiting_payment td:nth-child(14),
.module-list-table.mod-final_approval th:nth-child(16),
.module-list-table.mod-final_approval td:nth-child(16),
table.lt.lt-waiting_payment th:nth-child(14),
table.lt.lt-waiting_payment td:nth-child(14){
  width:auto!important;min-width:134px!important;max-width:none!important;
  white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;
}
.module-list-table.mod-waiting_payment td.status-td,
.module-list-table.mod-final_approval td.status-td,
table.lt.lt-waiting_payment td.status-td{
  min-width:134px!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;
}
.module-list-table.mod-waiting_payment td.status-td .pill,
.module-list-table.mod-final_approval td.status-td .pill,
table.lt.lt-waiting_payment td.status-td .pill{
  max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;
}
/* ===================== end v59es ===================== */

/* ===================== v59eu: Deleted (archived) status pill ===================== */
.pill.p-deleted-v59eu{
  background:#374151!important;   /* dark slate gray */
  color:#FECACA!important;        /* soft red text for warning */
  border:1px solid #111827!important;
  font-weight:900!important;
  letter-spacing:.02em;
}
/* ===================== end v59eu ===================== */

/* ===================== v59ev: History modal scroll fix (scoped to History only) ===================== */
/* Make ONLY the Process History modal a flex column capped to the viewport, so the
   body/table scrolls internally while the header and footer (Close) stay visible.
   No other modal is affected (Detail / View BEP / Preview / Attachment / Settings use .mbox without this class). */
.mbox.mbox-hist-v59ev{
  display:flex!important;
  flex-direction:column!important;
  max-height:88vh!important;
  overflow:hidden!important;        /* the body scrolls, not the box */
}
.mbox.mbox-hist-v59ev .mhead,
.mbox.mbox-hist-v59ev .mfoot{
  flex:0 0 auto!important;          /* header & footer never shrink / never scroll away */
}
.mbox.mbox-hist-v59ev .mbody{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;        /* vertical scroll lives here */
  overflow-x:auto!important;
}
/* Sticky table header inside the scrolling body. */
.mbox.mbox-hist-v59ev .ia-tbl thead th{
  position:sticky;
  top:0;
  z-index:2;
  background:#f4f6fb;
}
/* Long REMARK wraps inside the modal instead of stretching it sideways. */
.mbox.mbox-hist-v59ev .ia-tbl td:last-child{
  white-space:normal;
  word-break:break-word;
  overflow-wrap:anywhere;
  max-width:440px;
}
@media (max-height:640px){
  .mbox.mbox-hist-v59ev{max-height:94vh!important;}
}
/* ===================== end v59ev ===================== */