:root{--ink:#14213D;--muted:#4B5563;--line:#E3E6EB;--line2:#EEF0F3;--bg:#F5F6F8;--yellow:#FFFC01;
--red:#B91C1C;--red-bg:#FDECEC;--red-bd:#F3C2C2;--amber:#92400E;--amber-bg:#FEF3E2;--amber-bd:#F6D9A8;--green:#166534;--green-bg:#E7F5EC}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);font-family:'IBM Plex Sans',system-ui,sans-serif;color:var(--ink)}
a{color:#1D4ED8}a:hover{color:#1E3A8A}
.mono,td.num{font-family:'IBM Plex Mono',monospace}

/* Standard Rajkamal header: logo, name, screen title. Nothing else. */
.rk-header{background:var(--yellow);display:flex;align-items:stretch}
.rk-header .logo{display:block;height:134px;width:auto;flex:0 0 auto}
.rk-header .brand{flex:0 1 556px;max-width:556px;min-width:0;padding:6px 28px;display:flex;flex-direction:column;justify-content:center;gap:4px}
.rk-header .brand img{width:100%;height:auto;display:block}
.rk-header .strip{display:flex;align-items:center;gap:16px}
.rk-header .rule{flex:1;height:2px;background:#111}
.rk-header .title{font-size:16px;font-weight:700;letter-spacing:.5px;line-height:20px;color:#111;white-space:nowrap}
@media (max-width:700px){
 .rk-header .logo{height:64px}
 .rk-header .brand{padding:4px 10px;gap:3px}
 .rk-header .brand img{max-width:210px}
 .rk-header .title{font-size:11px;letter-spacing:.3px;line-height:14px;white-space:normal;text-align:center}
 .rk-header .strip{gap:6px}
}

.nav{background:#fff;border-bottom:1px solid var(--line);padding:4px 32px;display:flex;flex-wrap:wrap;gap:4px 22px;align-items:center}
.nav a{display:inline-block;font-size:14px;font-weight:600;padding:10px 0;text-decoration:none;color:var(--ink)}
.nav a.on{border-bottom:3px solid var(--ink)}
.nav .who{margin-left:auto;font-size:13px;color:var(--muted)}

.filters{background:#fff;border-bottom:1px solid var(--line);padding:14px 32px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px}
.field{display:flex;flex-direction:column;gap:4px}
.field label{font-size:12px;font-weight:600;color:var(--muted)}
input,select,textarea{font-family:inherit;font-size:14px;padding:9px 10px;border-radius:6px;border:1px solid #C9CFD8;min-height:44px;color:var(--ink);background:#fff}
textarea{min-height:80px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{font-family:inherit;font-size:13px;padding:8px 12px;border-radius:999px;border:1px solid #C9CFD8;background:#fff;color:var(--ink);min-height:44px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.chip.on{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:600}
.btn{font-family:inherit;font-size:14px;font-weight:600;padding:10px 16px;border-radius:6px;border:0;background:var(--ink);color:#fff;min-height:44px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.btn.light{background:#fff;color:var(--ink);border:1px solid #C9CFD8}
.btn:disabled{background:#A7B0C0;cursor:not-allowed}

main{max-width:1360px;width:100%;margin:0 auto;padding:28px 32px 48px;display:flex;flex-direction:column;gap:24px}
.note{font-size:13px;color:var(--amber);background:var(--amber-bg);border:1px solid var(--amber-bd);border-radius:8px;padding:10px 14px}
.ok{font-size:13px;color:var(--green);background:var(--green-bg);border-radius:8px;padding:10px 14px}
.err{font-size:13px;color:var(--red);background:var(--red-bg);border:1px solid var(--red-bd);border-radius:8px;padding:10px 14px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.kpi{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 20px;display:flex;flex-direction:column;gap:6px}
.kpi .l{font-size:13px;color:var(--muted);font-weight:600}
.kpi .v{font-family:'IBM Plex Mono',monospace;font-size:26px;font-weight:600}
.kpi .s{font-size:12px;color:var(--muted)}
.kpi.bad{background:var(--red-bg);border-color:var(--red-bd)} .kpi.bad .l,.kpi.bad .s{color:#7F1D1D} .kpi.bad .v{color:var(--red)}
.rules{display:flex;flex-wrap:wrap;gap:10px}
.rules div{font-size:13px;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line)}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.card-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line)}
.card-h h2{margin:0;font-size:16px;font-weight:600}
.card-h .r{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:13px;color:var(--muted)}
.card-b{padding:18px 20px;display:flex;flex-direction:column;gap:12px}
.scroll{overflow-x:auto}
table{border-collapse:collapse;width:100%;min-width:860px}
th{font-size:12px;font-weight:600;color:var(--muted);text-align:right;padding:12px 14px;border-bottom:1px solid var(--line);background:#FAFBFC;white-space:nowrap}
th.t,td.t{text-align:left}
td{font-size:14px;text-align:right;padding:12px 14px;border-bottom:1px solid var(--line2);white-space:nowrap}
td.num{font-size:14px}
td.dim{color:var(--muted)} td.bad{color:var(--red);font-weight:600} td.warn{color:var(--amber);font-weight:600}
tr.total td{background:#FAFBFC;font-weight:600}
tr.hl td{background:#FFF7E8}
.pill{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}
.pill.Explain{color:var(--red);background:var(--red-bg)} .pill.Watch{color:var(--amber);background:var(--amber-bg)} .pill.Clear{color:var(--green);background:var(--green-bg)}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.empty{padding:20px;color:var(--muted);font-size:14px}
@media (max-width:900px){.two{grid-template-columns:1fr}main,.filters,.nav{padding-left:16px;padding-right:16px}}

/* Phone deposit page */
.phone{max-width:480px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:14px}
.phone section{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:10px}
.phone h2{margin:0;font-size:15px}
.mrrow{display:flex;align-items:center;gap:12px;min-height:48px;border-bottom:1px solid var(--line2)}
.mrrow input{width:22px;height:22px;min-height:0}
.den{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:center}
.den input{width:100%;font-family:'IBM Plex Mono',monospace}
.sum{display:flex;justify-content:space-between;font-weight:600;padding-top:8px;border-top:1px solid var(--line)}
.diff{display:flex;justify-content:space-between;font-size:13px;border-radius:6px;padding:8px 10px}
.diff.good{color:var(--green);background:var(--green-bg)} .diff.badd{color:var(--red);background:var(--red-bg)}
.login{max-width:380px;margin:40px auto;background:#fff;border:1px solid var(--line);border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:12px}
/* Day-end: party-wise closing */
.pcard{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;background:#fff}
.pcard.done{background:#F3FAF5;border-color:#B7DFC4}
.phead{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.phead b{font-size:15px}
.pall{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.pall button{font:inherit;font-size:13px;font-weight:600;min-height:40px;border-radius:6px;border:1px solid #C9CFD8;background:#fff;color:var(--ink);cursor:pointer}
.pall button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.gprow{display:flex;align-items:center;gap:8px;justify-content:space-between;border-top:1px solid var(--line2);padding-top:6px;font-size:14px}
.seg{display:inline-flex;border:1px solid #C9CFD8;border-radius:6px;overflow:hidden;flex:none}
.seg label{position:relative}
.seg input{position:absolute;opacity:0;width:1px;height:1px}
.seg span{display:block;padding:8px 10px;font-size:12px;font-weight:600;cursor:pointer;min-width:38px;text-align:center}
.seg label+label span{border-left:1px solid #C9CFD8}
.seg input:checked+span{background:var(--ink);color:#fff}
.seg input:focus-visible+span{outline:2px solid #2563EB;outline-offset:-2px}
.psearch{width:100%;box-sizing:border-box}

.ptick{display:flex;align-items:center;gap:10px;cursor:pointer}
.ptick input{width:22px;height:22px;min-height:0;flex:none}
.bulk{position:sticky;top:0;z-index:5;background:#FFFDE6;border:1px solid #E8E07A;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}
.bulkhead{display:flex;justify-content:space-between;align-items:center;font-size:14px;gap:8px}
.bulkinfo{font-weight:600}
.phead .mono{white-space:nowrap}

.ppick{position:relative;display:flex;flex-direction:column;gap:4px}
.pplabel{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--muted)}
.ppbtn{font:inherit;font-size:15px;min-height:46px;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 14px;border:1px solid #C9CFD8;border-radius:6px;background:#fff;color:var(--ink);cursor:pointer;text-align:left}
.ppbtn .ppval{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pppanel{position:absolute;top:100%;left:0;right:0;z-index:20;margin-top:4px;background:#fff;border:1px solid #C9CFD8;border-radius:10px;box-shadow:0 8px 24px rgba(20,33,61,.18);padding:10px;display:flex;flex-direction:column;gap:8px}
.pppanel[hidden]{display:none}
.ppsearch{width:100%;box-sizing:border-box;border:2px solid #2563EB !important}
.pptools{display:flex;gap:14px;align-items:center;font-size:13px}
.pptools a{color:#2563EB;font-weight:600}
.ppcount{color:var(--muted)}
.pplist{max-height:320px;overflow-y:auto;display:flex;flex-direction:column}
.ppitem{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;min-height:44px;border-bottom:1px solid var(--line2);font-size:14px;font-weight:600;cursor:pointer}
.ppitem[hidden]{display:none}
.ppitem input{width:20px;height:20px;min-height:0}
.ppitem .mono{font-weight:400;color:var(--muted);font-size:13px}
.pall button:disabled{opacity:.45;cursor:not-allowed}

/* Show / Search buttons: own colour, distinct from save and action buttons */
.btn.find{background:#2563EB;color:#fff;border:0}
.btn.find:hover{background:#1D4ED8}
.btn.find:focus-visible{outline:3px solid #93C5FD;outline-offset:2px}