/* PAGES C06 Bank import + C07 Fundd expenses (branch bank-import-v1).
   Calm look Jacob's colleague prefers: white, no zebra stripes, thin row lines, generous spacing, few colours,
   gold #c3912e only as a small accent, readable text (nothing under 13px, no pale grey). Page-scoped: .c06-page only. */
.c06-page,.c06-ov,.c06-toast{--g:#c3912e;--gd:#9a7020;--ink:#1d2330;--ink2:#4a5263;--line:#e8eaee;--soft:#f6f7f9;--in:#1f7a4d;--out:#b3261e;--amber:#9a6200}
.c06-page{
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);font-size:14.5px;line-height:1.45;padding:22px 22px 40px;max-width:1500px}
.c06-page *{box-sizing:border-box}
.c06-page h1,.c06-page h2,.c06-page h3{font-family:inherit}
.c06-page h1{font-size:24px;font-weight:650;margin:0 0 4px;letter-spacing:-.01em;color:var(--ink)}
.c06-page h2{font-size:17px;font-weight:650;margin:0 0 10px}
.c06-page h3{font-size:15.5px;font-weight:650;margin:0 0 8px}
.c06-sub{color:var(--ink2);font-size:14.5px;max-width:760px}
.c06-tabs{display:inline-flex;gap:2px;background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:3px;margin:0 0 20px;flex-wrap:wrap}
.c06-tabs a{padding:8px 16px;border-radius:8px;color:var(--ink2);font-weight:550;font-size:14.5px;text-decoration:none;white-space:nowrap}
.c06-tabs a:hover{color:var(--ink);background:#fff}
.c06-tabs a.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(20,25,40,.08);border-bottom:2px solid var(--g)}
.c06-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.c06-acts{display:flex;gap:8px;flex-wrap:wrap}
.c06-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px;border:1px solid #d5d9e0;border-radius:8px;background:#fff;color:var(--ink);font:inherit;font-weight:550;font-size:14px;cursor:pointer;white-space:nowrap;text-decoration:none}
.c06-btn:hover{border-color:#b9bfca;background:#fbfbfc}
.c06-btn.gold{background:var(--g);border-color:var(--g);color:#fff}
.c06-btn.gold:hover{background:var(--gd);border-color:var(--gd)}
.c06-btn.sm{height:32px;padding:0 11px;font-size:13.5px}
.c06-btn.link{border:0;background:none;padding:0 4px;color:var(--gd);height:auto}
.c06-btn:disabled{opacity:.5;cursor:default}
.c06-btn .n{background:var(--soft);border-radius:10px;padding:0 7px;font-size:13px;color:var(--ink2)}
.c06-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}
.c06-stat{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:#fff}
.c06-stat .l{font-size:13.5px;color:var(--ink2);font-weight:550;display:flex;align-items:center;gap:6px}
.c06-stat .v{font-size:22px;font-weight:650;margin-top:4px;font-variant-numeric:tabular-nums}
.c06-stat .m{font-size:13.5px;color:var(--ink2);margin-top:2px}
.c06-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#c7ccd4}
.c06-card{border:1px solid var(--line);border-radius:12px;background:#fff}
.c06-ftabs{display:flex;flex-wrap:wrap;gap:0 4px;border-bottom:1px solid var(--line);padding:0 10px}
.c06-ftabs::-webkit-scrollbar{display:none}
.c06-ftabs button{border:0;background:none;padding:13px 12px 11px;font:inherit;font-weight:550;font-size:14.5px;color:var(--ink2);border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}
.c06-ftabs button.on{color:var(--ink);border-bottom-color:var(--g)}
.c06-ftabs .n{margin-left:6px;font-size:13px;color:var(--ink2);background:var(--soft);border-radius:10px;padding:1px 7px}
.c06-tool{display:flex;gap:10px;align-items:center;padding:12px 14px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.c06-tool input[type=search],.c06-tool select{height:36px;border:1px solid #d5d9e0;border-radius:8px;padding:0 10px;font:inherit;font-size:14px;background:#fff;color:var(--ink)}
.c06-tool input[type=search]{flex:1 1 220px;min-width:180px;max-width:380px;width:auto}
.c06-tool select{flex:0 0 auto;width:auto;max-width:240px}
.c06-sp{flex:1}
.c06-bulk{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 14px;background:#fffaf0;border-bottom:1px solid #f0e2c2}
.c06-bulk b{font-weight:650}
/* review list */
.c06-list{width:100%;border-collapse:collapse}
.c06-list th{font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;color:#5d6575;font-weight:600;text-align:left;padding:12px 12px;border-bottom:1px solid var(--line);white-space:nowrap;background:#fff}
.c06-list td{padding:15px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.c06-list tr:last-child td{border-bottom:0}
.c06-list tr.sel td{background:#fffcf5}
.c06-list .chk{width:38px;padding-right:0}
.c06-list input[type=checkbox]{width:17px;height:17px;accent-color:var(--g)}
.c06-date{white-space:nowrap;color:var(--ink2);font-variant-numeric:tabular-nums}
.c06-desc{font-weight:550;word-break:break-word}
.c06-meta{color:var(--ink2);font-size:13.5px;margin-top:3px}
.c06-amt{white-space:nowrap;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.c06-amt .ic{display:inline-flex;width:18px;height:18px;border-radius:50%;align-items:center;justify-content:center;font-size:12px;margin-right:6px;vertical-align:1px}
.c06-amt.in{color:var(--in)} .c06-amt.in .ic{background:#e3f3ea}
.c06-amt.out{color:var(--ink)} .c06-amt.out .ic{background:#fbe7e5;color:var(--out)}
.c06-sug{display:grid;grid-template-columns:minmax(205px,235px) minmax(190px,1fr);gap:8px;align-items:center;max-width:620px}
.c06-sug select,.c06-sug input,.c06-field input,.c06-field select,.c06-field textarea{height:36px;border:1px solid #d5d9e0;border-radius:8px;padding:0 9px;font:inherit;font-size:14px;background:#fff;color:var(--ink);width:100%;min-width:0}
.c06-sug input.need{border-color:#e0b252;background:#fffaf0}
.c06-why{grid-column:1/-1;font-size:13.5px;color:var(--ink2);display:flex;gap:7px;align-items:flex-start}
.c06-conf{display:inline-block;font-size:12.5px;font-weight:600;border-radius:20px;padding:1px 9px;white-space:nowrap;border:1px solid transparent;flex:none}
.c06-conf.high{color:var(--in);background:#eef8f2}
.c06-conf.medium{color:var(--amber);background:#fff6e6}
.c06-conf.low{color:var(--out);background:#fdeeed}
.c06-conf.none{color:var(--ink2);background:var(--soft)}
.c06-pill{display:inline-block;font-size:12.5px;font-weight:600;border-radius:20px;padding:1px 9px;background:var(--soft);color:var(--ink2);white-space:nowrap}
.c06-pill.ok{background:#eef8f2;color:var(--in)}
.c06-pill.warn{background:#fff6e6;color:var(--amber)}
.c06-pill.gold{background:#fbf3e3;color:var(--gd)}
.c06-act{white-space:nowrap;text-align:right;width:1%}
.c06-act .c06-btn{margin-left:4px}
.c06-act .c06-btn.link{display:block;margin:8px 0 0 auto;font-size:13.5px}
.c06-rem{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--ink2);margin-top:6px;grid-column:1/-1}
.c06-rem input{width:15px;height:15px;accent-color:var(--g)}
.c06-empty{padding:48px 20px;text-align:center;color:var(--ink2)}
.c06-empty h3{color:var(--ink)}
.c06-foot{display:flex;justify-content:space-between;padding:12px 14px;color:var(--ink2);border-top:1px solid var(--line);font-size:14px;flex-wrap:wrap;gap:8px}
/* modal */
.c06-ov{position:fixed;inset:0;background:rgba(20,24,33,.38);z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding:40px 14px;overflow:auto}
.c06-mod{background:#fff;border-radius:14px;width:100%;max-width:760px;box-shadow:0 20px 50px rgba(0,0,0,.22);font-family:Inter,system-ui,sans-serif;color:#1d2330;font-size:14.5px}
.c06-mod.lg{max-width:1040px}
.c06-mod .mh{display:flex;justify-content:space-between;gap:10px;padding:18px 22px 6px}
.c06-mod .mh h2{font-size:18px;margin:0;font-weight:650}
.c06-mod .mh p{margin:4px 0 0;color:#4a5263}
.c06-mod .mb{padding:12px 22px 6px}
.c06-mod .mf{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px 18px;flex-wrap:wrap}
.c06-x{border:0;background:none;font-size:24px;line-height:1;color:#4a5263;cursor:pointer;padding:0 4px;height:30px}
.c06-steps{display:flex;gap:18px;margin:4px 0 14px;flex-wrap:wrap;font-size:14px;color:#4a5263}
.c06-steps span.on{color:#1d2330;font-weight:600}
.c06-steps i{font-style:normal;display:inline-flex;width:22px;height:22px;border-radius:50%;border:1px solid #d5d9e0;align-items:center;justify-content:center;margin-right:6px;font-size:12.5px}
.c06-steps span.on i,.c06-steps span.done i{background:#c3912e;border-color:#c3912e;color:#fff}
.c06-map{width:100%;border-collapse:collapse}
.c06-map td,.c06-map th{padding:9px 8px;border-bottom:1px solid #e8eaee;text-align:left;font-size:14px}
.c06-map th{font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:#5d6575}
.c06-map select{height:34px;border:1px solid #d5d9e0;border-radius:8px;padding:0 8px;font:inherit;font-size:14px;width:100%}
.c06-sumg{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:4px 0 12px}
.c06-sumg div{border:1px solid #e8eaee;border-radius:10px;padding:10px 12px}
.c06-sumg b{display:block;font-size:19px;font-variant-numeric:tabular-nums}
.c06-sumg span{color:#4a5263;font-size:13.5px}
.c06-field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}
.c06-field label{font-size:13.5px;font-weight:600;color:#3b4252}
.c06-field textarea{height:70px;padding:8px 9px;resize:vertical}
.c06-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.c06-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:#1d2330;color:#fff;padding:11px 18px;border-radius:10px;z-index:3000;font-family:Inter,system-ui,sans-serif;font-size:14.5px;box-shadow:0 8px 24px rgba(0,0,0,.25);max-width:92vw}
.c06-note{background:#fffaf0;border:1px solid #f0e2c2;border-radius:10px;padding:10px 12px;color:#5b4410;font-size:14px;margin:0 0 12px}
/* report */
.c06-rep-ctl{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:14px}
.c06-rep-ctl .c06-field{margin:0}
.c06-rep-ctl input,.c06-rep-ctl select{height:36px;border:1px solid #d5d9e0;border-radius:8px;padding:0 9px;font:inherit;font-size:14px}
.c06-rep h3{margin:18px 0 6px}
.c06-rt{width:100%;border-collapse:collapse;margin-bottom:6px}
.c06-rt td,.c06-rt th{padding:9px 8px;border-bottom:1px solid #e8eaee;font-size:14px;text-align:left}
.c06-rt th{font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:#5d6575;font-weight:600}
.c06-rt td.r,.c06-rt th.r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.c06-rt tr.tot td{font-weight:650;border-bottom:0;border-top:1px solid #cfd4db}
.c06-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:6px 18px;padding:14px 16px}
.c06-cbar{display:grid;grid-template-columns:1fr auto;gap:2px 10px;border:0;background:none;text-align:left;font:inherit;padding:6px 4px;cursor:pointer;border-radius:6px}
.c06-cbar:hover,.c06-cbar.on{background:#fbf6ea}
.c06-cbar i{grid-column:1/-1;height:5px;border-radius:3px;background:#f0e6cf;position:relative;overflow:hidden}
.c06-cbar i b{position:absolute;left:0;top:0;bottom:0;background:#c3912e;border-radius:3px}
.c06-cbar .t{font-weight:600;font-variant-numeric:tabular-nums}
/* the shared table, calm on these pages: no stripes, thin lines, more air */
.c06-page .ft-table tbody tr.ft-row td,.c06-page .ft-table tbody tr.ft-row:nth-child(even) td{background:#fff}
.c06-page .ft-table tbody tr.ft-row:hover td{background:#fbfbfc}
.c06-page .ft-table>tbody>tr>td{border-top:0;border-bottom:1px solid var(--line);padding-top:14px;padding-bottom:14px}
.c06-page .ft-table>thead>tr>th{border-bottom:1px solid var(--line);background:#fff}
.c07-inv{font-weight:600;font-size:13.5px}
.c07-inv.yes{color:var(--in)} .c07-inv.no{color:var(--amber)}
/* phones + tablets */
@media (max-width:1180px){ .c06-sug{grid-template-columns:1fr;max-width:340px} }
@media (max-width:900px){
  .c06-page{padding:16px 12px 30px}
  .c06-list thead{display:none}
  .c06-list,.c06-list tbody,.c06-list tr,.c06-list td{display:block;width:100%}
  .c06-list tr{position:relative;border-bottom:1px solid var(--line);padding:12px 12px 14px 44px}
  .c06-list td{border:0;padding:2px 0}
  .c06-list td.chk{position:absolute;left:12px;top:14px;width:auto}
  .c06-list td.c06-amt{position:absolute;right:12px;top:12px;width:auto;padding:0}
  .c06-list td.c06-date{font-size:13.5px}
  .c06-list td.c06-dcell{padding-right:110px}
  .c06-list td.c06-scell{margin-top:8px}
  .c06-list td.c06-act{text-align:left;margin-top:8px}
  .c06-list td.c06-act .c06-btn{margin:0 6px 0 0}
  .c06-list td.c06-act .c06-btn.link{display:inline-flex;margin:0 0 0 6px}
  .c06-sug{max-width:none}
  .c06-sug{max-width:none}
}
@media (max-width:600px){
  .c06-page h1{font-size:21px}
  .c06-tabs{display:flex;width:100%}
  .c06-tabs a{flex:1 1 45%;text-align:center;padding:8px 6px;font-size:14px}
  .c06-stats{grid-template-columns:1fr 1fr;gap:8px}
  .c06-stat{padding:11px 12px}
  .c06-stat .v{font-size:18px}
  .c06-head .c06-acts{width:100%}
  .c06-head .c06-acts .c06-btn{flex:1 1 auto;justify-content:center}
  .c06-grid2{grid-template-columns:1fr}
  .c06-ov{padding:0}
  .c06-mod{border-radius:0;min-height:100vh}
}

/* selects: the admin theme paints a repeating arrow image on every select; use the browser's own arrow here */
.c06-page select,.c06-mod select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background-image:none!important;background-color:#fff}
.c06-mod h3{font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:650;margin:20px 0 6px;color:#1d2330;letter-spacing:0}
.c06-mod h2{font-family:Inter,system-ui,sans-serif}
.c06-rep-ctl .c06-btn{margin-top:auto}
/* the preview banner (preview only) */
.c06-demo{position:fixed;left:12px;bottom:12px;z-index:1500;background:#fbf3e3;color:#5b4410;border:1px solid #f0e2c2;border-radius:10px;padding:7px 12px;font:13.5px Inter,system-ui,sans-serif;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.c06-demo a{color:#9a7020;font-weight:600}
/* Admin chrome on these two pages only (same fixes as C03 on admin-transactions-v1; keep one copy when merging):
   tablets — the header keeps its links on one row and pushes the page down instead of covering it;
   phones — full width (the menu slides over), the header scrolls away. */
@media (min-width:768px) and (max-width:1199px){
  body.admin-layout .main-header, body.admin-layout .main-header .navbar { height:auto !important; max-height:none !important; min-height:50px; }
  body.admin-layout.fixed .main-header { position:relative !important; }
  body.admin-layout.fixed .content-wrapper.c06-wrap { padding-top:0 !important; }
  body.admin-layout .main-header .navbar-custom-menu .navbar-nav > li > a { white-space:nowrap; }
}
@media (min-width:768px) and (max-width:991px){
  body.admin-layout .main-header .navbar{display:flex;align-items:center;justify-content:space-between;min-height:50px;flex-wrap:nowrap}
  body.admin-layout .main-header .navbar-custom-menu{float:none!important;margin-left:auto}
  body.admin-layout .main-header .navbar-custom-menu > .navbar-nav{display:flex;flex-wrap:nowrap;margin:0;float:none}
  body.admin-layout .main-header .navbar-custom-menu > .navbar-nav > li{float:none}
  body.admin-layout .main-header .navbar-custom-menu > .navbar-nav > li + li{margin-left:6px}
  body.admin-layout .main-header .navbar-custom-menu > .navbar-nav > li > a{font-size:13.5px;padding-left:10px!important;padding-right:10px!important;white-space:nowrap}
  body.admin-layout .main-header .navbar-custom-menu .dropdown-menu{right:0;left:auto}
}
@media (max-width:767px){
  body.admin-layout .content-wrapper { margin-left:0 !important; }
  body.admin-layout:not(.sidebar-open) .main-sidebar { transform:translate(-100%, 0) !important; }
  body.admin-layout .main-header .navbar { margin-left:0 !important; }
  body.admin-layout .main-header, body.admin-layout .main-header .navbar { height:auto !important; min-height:50px; max-height:none !important; }
  body.admin-layout .main-header .navbar-custom-menu { float:none !important; clear:both; position:static !important; width:100%; max-width:100%; overflow-x:auto; white-space:nowrap; }
  body.admin-layout .main-header .navbar-custom-menu > * { white-space:nowrap; }
  body.admin-layout.fixed .main-header { position:relative !important; }
  body.admin-layout.fixed .content-wrapper.c06-wrap { padding-top:0 !important; }
  body.admin-layout .main-sidebar { padding-top:0; }
}
.c06-page .ft-top{flex-wrap:wrap;row-gap:6px}
@media (max-width:480px){ .c06-page .ft-toggle{width:100%} .c06-page .ft-toggle .ft-seg-btn{flex:1 1 auto;padding-left:6px;padding-right:6px;font-size:13px;white-space:nowrap} }
@media (max-width:600px){ .c06-demo{left:auto;right:8px;bottom:8px;padding:5px 9px;font-size:13px} .c06-demo .lg{display:none} }
/* the shared table's toolbar, quieter on these pages: white buttons with a thin border, gold only on the active view */
.c06-page .ft-btn,.c06-page .ft-btn-gold{height:40px;border:1px solid #d5d9e0;border-radius:8px;background:#fff;color:#1d2330;font-weight:600;font-size:14px}
.c06-page .ft-btn:hover,.c06-page .ft-btn-gold:hover{background:#fbfbfc;border-color:#b9bfca}
.c06-page .ft-btns{grid-template-columns:repeat(5,auto)}
.c06-page .ft-tot{border:1px solid var(--line);border-top:1px solid var(--line);border-radius:12px}
.c06-page .ft-seg-btn.on,.c06-page .ft-seg-btn.on:hover{box-shadow:none}
@media (max-width:640px){ .c06-page .ft-btns{grid-template-columns:repeat(5,1fr)} .c06-page .ft-btn{height:52px} }

/* ---- round 2 (Jacob 3 Nov): fee per row, withdrawal request match, remittance log, header + tab strip fixes ---- */
.c06-fee{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--ink);margin-top:2px}
.c06-fee input{width:16px;height:16px;accent-color:var(--g)}
.c06-fee.muted{color:var(--ink2)}
.c06-wd{grid-column:1/-1;display:grid;gap:5px;margin-top:2px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#fbfbfc}
.c06-wd.need{border-color:#e0b252;background:#fffaf0}
.c06-wd label{font-size:13px;font-weight:600;color:var(--ink);margin:0}
.c06-wd select{height:36px;border:1px solid #d5d9e0;border-radius:8px;padding:0 9px;font:inherit;font-size:14px;background:#fff;color:var(--ink);width:100%;min-width:0}
.c06-meta.ok{color:#1f6b45}
.c06-meta.warn{color:#8a5a00}
.c06-loghead{padding:12px 14px;border-bottom:1px solid var(--line);font-size:14.5px;background:#fcfaf5}
.c06-loghead .c06-meta{margin-top:3px}
.c06-ftabs button{padding-left:10px;padding-right:10px}
@media (max-width:1180px){ .c06-sug{max-width:420px} }
/* admin header: the right-hand links always fit (they were cut off at 390) */
@media (max-width:767px){
  body.c06-body .main-header .navbar{margin-left:0!important;display:flex;align-items:center;flex-wrap:nowrap;height:auto!important;min-height:50px}
  body.c06-body .main-header .navbar .sidebar-toggle{flex:0 0 auto}
  body.c06-body .main-header .navbar{padding-right:0!important;margin-right:0!important;width:100%}
  body.c06-body .main-header .navbar::before,body.c06-body .main-header .navbar::after{display:none!important}
  body.c06-body .main-header .navbar-custom-menu{float:none!important;flex:1 1 auto;min-width:0;margin:0 0 0 auto!important;padding:0 4px 0 0;display:flex;justify-content:flex-end}
  body.c06-body .main-header .navbar-custom-menu>.navbar-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;margin:0!important;float:none!important;max-width:100%}
  body.c06-body .main-header .navbar-custom-menu>.navbar-nav>li{float:none!important;flex:0 1 auto;min-width:0}
  body.c06-body .main-header .navbar-custom-menu>.navbar-nav>li>a{padding:15px 7px!important;font-size:13.5px;white-space:nowrap}
  body.c06-body .main-header .navbar-custom-menu>.navbar-nav>li>a .myicon-right{margin-right:3px}
  body.c06-body .main-header .navbar-custom-menu .user-image{margin-right:0}
}
@media (max-width:420px){
  body.c06-body .main-header .navbar .sidebar-toggle{padding-left:12px!important;padding-right:10px!important}
  body.c06-body .main-header .navbar-custom-menu>.navbar-nav>li>a{padding:15px 5px!important;font-size:13px}
}