/* Extracted from index.html style block 1 */
/* Hover Tooltips */
.entry-with-meta{position:relative;cursor:help;overflow:visible !important;}
.entry-with-meta::after{
  content:attr(data-meta);
  position:absolute;bottom:125%;left:50%;transform:translateX(-50%);
  background:var(--navy);color:#fff;padding:6px 10px;border-radius:4px;
  font-size:11px;white-space:nowrap;opacity:0;pointer-events:none;
  transition:opacity 200ms;z-index:9999;
}
.entry-with-meta:hover::after{opacity:1;}
*{box-sizing:border-box;margin:0;padding:0;}
:root{
  --navy:#0b1c35;--navy2:#112244;--navy3:#1a3260;
  --gold:#d4a843;--gold2:#f0c96a;
  --bg:#f0f4fb;--card:#fff;--border:#dde5f0;
  --text:#1a2b45;--muted:#6b7f99;
  --green:#1db877;--red:#e74c3c;--blue:#3498db;--purple:#7d52c8;
  --sidebar-w:230px;--radius:12px;--shadow:0 4px 20px rgba(0,0,0,.08);
  --topbar:#fff;--input-bg:#f8fafd;--table-head:#f8fafd;
  /* Glassmorphism variables */
  --glass-bg-light: rgba(255,255,255,0.35);
  --glass-bg-dark: rgba(18,20,32,0.3);
  --glass-border-light: rgba(255,255,255,0.5);
  --glass-border-dark: rgba(255,255,255,0.05);
  --glass-blur: 16px;
  --glass-shadow-light: 0 4px 20px rgba(0,0,0,0.03);
  --glass-shadow-dark: 0 4px 20px rgba(0,0,0,0.2);
}
body.dark{
  --navy:#dbe8ff;--navy2:#a9c7f5;--navy3:#6ea8ff;
  --gold:#f1c75b;--gold2:#ffd978;
  --bg:#0b0f16;--card:#151b26;--border:#273244;
  --text:#eef4ff;--muted:#a6b1c2;
  --green:#34d399;--red:#fb7185;--blue:#60a5fa;--purple:#a78bfa;
  --topbar:#111720;--input-bg:#1b2330;--table-head:#202a38;
  --shadow:0 12px 38px rgba(0,0,0,.42);
}
html,body{height:100%;height:100dvh;font-family:'Segoe UI',system-ui,sans-serif;font-size:13.5px;color:var(--text);background:var(--bg);}
.app{display:flex;height:100vh;height:100dvh;overflow:hidden;}
.sidebar{width:var(--sidebar-w);flex-shrink:0;background:linear-gradient(160deg,#0a1628 0%,#0f2040 45%,#0d1c38 100%);display:flex;flex-direction:column;box-shadow:4px 0 32px rgba(0,0,0,.35);z-index:10;transition:width .28s cubic-bezier(.4,0,.2,1),transform .28s ease;border-right:1px solid rgba(255,255,255,.04);}
.sidebar.collapsed-desktop{width:0;overflow:hidden;}
.sidebar.collapsed-desktop+.main{width:100%;}
.sidebar-logo{padding:24px 20px 20px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.15);}
.logo-main{font-size:19px;font-weight:900;color:#fff;letter-spacing:.5px;font-family:'Segoe UI',system-ui,sans-serif;}
.logo-main span{color:#fbbf24;}
.sidebar-nav{flex:1;padding:10px 0 20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent;}
.nav-item{display:flex;align-items:center;gap:12px;padding:10px 18px;cursor:pointer;font-size:13.5px;font-weight:600;color:#fff;border-left:3px solid transparent;transition:all .18s;letter-spacing:.1px;position:relative;font-family:'Segoe UI',system-ui,sans-serif;}
.nav-item:hover{background:#d4a843;color:#0b1c35;border-left-color:#d4a843;border-radius:4px;}
.nav-item.active{background:linear-gradient(90deg,rgba(212,168,67,.25),rgba(212,168,67,.1));color:#fbbf24;border-left-color:#d4a843;font-weight:700;}
.nav-group-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 6px;font-size:10px;font-weight:800;color:rgba(255,255,255,.6);letter-spacing:1.8px;text-transform:uppercase;cursor:pointer;user-select:none;transition:color .18s;font-family:'Segoe UI',system-ui,sans-serif;}
.nav-group-header:hover{color:#fff;}
.nav-group-header .nav-group-arrow{font-size:9px;transition:transform .22s;color:rgba(255,255,255,.6);}
.nav-group-header.collapsed .nav-group-arrow{transform:rotate(-90deg);}
.nav-group-items{overflow:hidden;transition:max-height .28s cubic-bezier(.4,0,.2,1);}
.nav-group-items.collapsed{max-height:0!important;}
.nav-item.nested{padding-left:32px;font-size:13px;font-weight:500;color:#fff;}
.nav-item.nested:hover{background:#d4a843;color:#0b1c35;border-left-color:#d4a843;}
.nav-item.nested::before{content:'';position:absolute;left:20px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.4);transition:background .18s;}
.nav-item.nested:hover::before,.nav-item.nested.active::before{background:#0b1c35;}
.main{flex:1;display:flex;flex-direction:column;overflow:hidden;}
.topbar{
  position:relative;
  z-index:9999;
  background:rgba(255,255,255,.85);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid var(--glass-border-light);
  padding:0 28px;
  height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-shrink:0;
}
.topbar-title{font-size:16px;font-weight:700;color:var(--navy);}
.content{flex:1;overflow-y:auto;padding:24px 28px;scroll-behavior:smooth;overscroll-behavior:contain;}
[style*="overflow-x:auto"]{overscroll-behavior-x:contain;}
.content.no-scroll{overflow-y:hidden;display:flex;flex-direction:column;}
.page{display:none;}.page.active{display:block;}
#page-payments.active{display:flex;flex-direction:column;height:100%;}
#page-payments .pay-scroll-card{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-height:0;}
#page-payments .pay-scroll-card .card-body{flex:1;overflow-y:auto;}
.btn{padding:8px 18px;border-radius:8px;border:none;cursor:pointer;font-size:12.5px;font-weight:600;transition:all .18s;display:inline-flex;align-items:center;gap:6px;}
.btn-primary{background:var(--navy);color:#fff;}.btn-primary:hover{background:var(--navy3);}
.btn-gold{background:var(--gold);color:#fff;}.btn-gold:hover{background:#b8922e;}
.btn-success{background:var(--green);color:#fff;}
.btn-danger{background:var(--red);color:#fff;}
.btn-ghost{
  background:rgba(255,255,255,.15);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  border:1.5px solid var(--glass-border-light);
  color:var(--text);
}
.btn-ghost:hover{background:rgba(255,255,255,.3);}
.btn-sm{padding:5px 12px;font-size:11.5px;}
.btn-xs{padding:3px 8px;font-size:11px;border-radius:5px;}
.card{
  background:var(--glass-bg-light);
  backdrop-filter:blur(var(--glass-blur));
  -webkit-backdrop-filter:blur(var(--glass-blur));
  border-radius:var(--radius);
  border:1px solid var(--glass-border-light);
  box-shadow:var(--glass-shadow-light),inset 0 1px 0 rgba(255,255,255,0.5);
  margin-bottom:20px;
}
.card-header{padding:14px 20px;border-bottom:1px solid var(--border);font-weight:700;font-size:13px;color:var(--navy);}
.card-body{padding:20px;}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;}
.kpi-card{
  background:var(--glass-bg-light);
  backdrop-filter:blur(var(--glass-blur));
  -webkit-backdrop-filter:blur(var(--glass-blur));
  border-radius:var(--radius);
  border:1px solid var(--glass-border-light);
  box-shadow:var(--glass-shadow-light),inset 0 1px 0 rgba(255,255,255,0.5);
  padding:18px 20px;
  transition:box-shadow .18s,transform .15s;
}
.kpi-card[onclick]:hover{box-shadow:0 6px 24px rgba(0,0,0,.13);transform:translateY(-2px);}
.kpi-label{font-size:11px;color:var(--muted);font-weight:600;margin-bottom:6px;}
.kpi-val{font-size:22px;font-weight:800;color:var(--navy);}
.form-section{
  background:var(--glass-bg-light);
  backdrop-filter:blur(var(--glass-blur));
  -webkit-backdrop-filter:blur(var(--glass-blur));
  border-radius:var(--radius);
  border:1px solid var(--glass-border-light);
  box-shadow:var(--glass-shadow-light),inset 0 1px 0 rgba(255,255,255,0.5);
  margin-bottom:20px;
}
.form-section-header{
  padding:12px 20px;
  background:linear-gradient(90deg,rgba(11,28,53,.85),rgba(26,50,96,.85));
  backdrop-filter:blur(var(--glass-blur));
  -webkit-backdrop-filter:blur(var(--glass-blur));
  color:#fff;
  font-weight:700;
  font-size:13px;
}
body.dark .form-section-header{
  padding:12px 20px;
  background:linear-gradient(90deg,rgba(17,23,32,.85),rgba(30,40,60,.85));
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  color:#fff;
  font-weight:700;
  font-size:13px;
  border-bottom:1px solid var(--glass-border-dark);
}
.form-body{padding:18px 20px;}
.row{display:flex;gap:14px;margin-bottom:12px;flex-wrap:wrap;}
.field{display:flex;flex-direction:column;flex:1;min-width:110px;}
.field.w2{flex:2;}.field.w3{flex:3;}
.field label{font-size:10px;font-weight:700;color:var(--muted);margin-bottom:4px;}
input[type=text],input[type=number],input[type=date],input[type=tel],select,textarea{
  border:1.5px solid var(--glass-border-light);
  border-radius:7px;
  padding:7px 10px;
  font-size:12.5px;
  color:var(--text);
  background:rgba(255,255,255,.5);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  width:100%;
  font-family:inherit;
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{-moz-appearance:textfield;}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--navy3);background:rgba(255,255,255,.7);box-shadow:0 0 0 3px rgba(26,50,96,.08);}
textarea{resize:vertical;min-height:50px;}
table{width:100%;border-collapse:collapse;}
table thead{background:#2d5a7b;position:sticky;top:0;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,0.15);clip-path:inset(0);}
table th{padding:13px 10px;border-bottom:3px solid rgba(255,255,255,0.3);text-align:left;background:#2d5a7b;font-weight:700;color:#fff;line-height:1.4;vertical-align:middle;position:relative;}
table tbody{
  background:var(--glass-bg-light);
  backdrop-filter:blur(var(--glass-blur));
  -webkit-backdrop-filter:blur(var(--glass-blur));
}
table td{
  padding:10px;
  border-bottom:1px solid var(--glass-border-light);
  text-align:left;
  background:transparent;
}
table tr:hover{background:rgba(255,255,255,.3);}
.toast{position:fixed;bottom:20px;right:20px;padding:12px 20px;border-radius:8px;background:var(--navy);color:#fff;display:none;z-index:1000;}
.toast.show{display:block;}
.toast.success{background:var(--green);}
.toast.error{background:var(--red);}
.empty-state{text-align:center;padding:40px;color:var(--muted);}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;}
.calc-badge{display:inline-block;background:var(--gold);color:#fff;font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;margin-left:4px;}
.editing-banner{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:12px 16px;margin-bottom:15px;display:none;}
.editing-banner.show{display:block;}
.mode-btn{border:1.5px solid var(--border);cursor:pointer;transition:all 0.2s;}
.mode-btn:hover{opacity:0.8;}

.pay-filter-btn{background:transparent;border:1.5px solid var(--border);color:var(--text);}
.pay-filter-btn.active-filter{background:var(--navy);color:#fff;border-color:var(--navy);}
/* ===== DARK MODE ===== */
body.dark .topbar{
  background:rgba(17,23,32,.92);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border-color:var(--glass-border-dark);
}
body.dark .card,body.dark .form-section,body.dark .kpi-card,body.dark .dash-notif-card{
  background:var(--glass-bg-dark);
  backdrop-filter:blur(var(--glass-blur));
  -webkit-backdrop-filter:blur(var(--glass-blur));
  border-color:var(--glass-border-dark);
  box-shadow:var(--glass-shadow-dark),inset 0 1px 0 rgba(255,255,255,0.03);
}
body.dark table thead{background:#2d5a7b;box-shadow:0 4px 12px rgba(0,0,0,0.5);z-index:100;clip-path:inset(0);}
body.dark table th{background:var(--table-head);border-bottom:3px solid rgba(255,255,255,0.15);color:var(--text);font-weight:700;padding:13px 10px;position:relative;}
body.dark table tbody{
  background:var(--glass-bg-dark);
  backdrop-filter:blur(var(--glass-blur));
  -webkit-backdrop-filter:blur(var(--glass-blur));
}
body.dark table td{
  border-bottom-color:var(--glass-border-dark);
  color:var(--text);
  background:transparent;
}
body.dark table tr:hover{background:rgba(255,255,255,.05);}
body.dark input[type=text],body.dark input[type=number],body.dark input[type=date],body.dark input[type=tel],body.dark select,body.dark textarea{
  background:rgba(27,35,48,.6);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  border-color:var(--glass-border-dark);
  color:var(--text);
}
body.dark input:focus,body.dark select:focus,body.dark textarea:focus{background:rgba(37,40,57,.8);border-color:var(--navy3);}
body.dark .btn-ghost{
  background:rgba(27,35,48,.4);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  border-color:var(--glass-border-dark);
  color:var(--text);
}
body.dark .btn-ghost:hover{background:rgba(255,255,255,.08);}
body.dark .btn-success{background:#18a66a;color:#f7fffb;box-shadow:0 0 0 1px rgba(52,211,153,.14) inset;}
body.dark .btn-success:hover{background:#1fbd7a;}
body.dark .btn-danger{background:#d94b5f;color:#fff;}
body.dark .btn-primary{background:#2563eb;color:#fff;}
body.dark .editing-banner{background:#2a2400;border-color:#5a4500;color:#f0c96a;}
body.dark .notif-dropdown,body.dark .notif-item{
  background:rgba(21,27,38,.85);
  backdrop-filter:blur(var(--glass-blur));
  -webkit-backdrop-filter:blur(var(--glass-blur));
  border-color:var(--glass-border-dark);
  color:var(--text);
}
body.dark .notif-item:hover{background:rgba(27,35,48,.6);}
body.dark .notif-header{border-color:var(--border);color:var(--text);}
body.dark .dash-notif-row{border-color:var(--border);}
body.dark .login-box{
  background:rgba(26,29,39,.8);
  backdrop-filter:blur(var(--glass-blur));
  -webkit-backdrop-filter:blur(var(--glass-blur));
  color:var(--text);
  box-shadow:var(--glass-shadow-dark),inset 0 1px 0 rgba(255,255,255,0.03);
}
body.dark .login-field input{
  background:rgba(27,35,48,.6);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  border-color:var(--glass-border-dark);
  color:var(--text);
}
body.dark .login-logo-text{color:var(--text);}
body.dark #login-screen{background:linear-gradient(135deg,#060c18 0%,#0d1a30 60%,#091525 100%);}
body.dark .topbar-title{color:var(--text);}
body.dark .topbar-user{color:var(--muted);}
body.dark .hamburger span{background:var(--text);}
body.dark .notif-bell svg{stroke:var(--muted);}
body.dark .notif-bell:hover svg{stroke:var(--text);}
body.dark .card-header{color:var(--text);border-color:var(--border);}
/* Dark mode sidebar — distinctly darker with better contrast */
body.dark .sidebar{background:linear-gradient(160deg,#050d1a 0%,#071428 50%,#060f20 100%);border-right:1px solid rgba(255,255,255,.06);box-shadow:4px 0 32px rgba(0,0,0,.5);}
body.dark .sidebar-logo{background:rgba(0,0,0,.25);border-bottom-color:rgba(255,255,255,.08);}
body.dark .nav-item{color:rgba(255,255,255,.7);}
body.dark .nav-item:hover{background:rgba(255,255,255,.09);color:#fff;}
body.dark .nav-item.active{background:linear-gradient(90deg,rgba(212,168,67,.22),rgba(212,168,67,.07));color:#f5cc50;}
body.dark .nav-group-header{color:rgba(255,255,255,.35);}
body.dark .nav-group-header:hover{color:rgba(255,255,255,.6);}
body.dark .nav-item.nested::before{background:rgba(255,255,255,.3);}
body.dark .nav-item.nested.active::before,.dark .nav-item.nested:hover::before{background:#d4a843;}
body.dark .kpi-label{color:var(--muted);}
body.dark .kpi-val{color:var(--text);}
body.dark .field label{color:var(--muted);}
body.dark .empty-state{color:var(--muted);}
body.dark .mode-btn{border-color:var(--border);}
body.dark .form-subhead{color:var(--gold2) !important;}
body.dark .form-body{color:var(--text);}
body.dark [style*="color:var(--navy)"]{color:var(--text) !important;}
body.dark .logout-btn{border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.7);}
body.dark .dark-toggle{border-color:var(--border);color:var(--muted);}
body.dark .search-box,body.dark #dashboard-search{background:var(--input-bg) !important;color:var(--text) !important;border-color:var(--border) !important;}
body.dark .deals-summary-card{background:var(--card) !important;border-color:var(--border) !important;}
/* Inline background overrides */
body.dark [style*="background:#f8fafd"],body.dark [style*="background: #f8fafd"]{background:var(--input-bg) !important;}
body.dark [style*="background:#f0f4fb"]{background:#161a24 !important;}
body.dark [style*="background:#fff3cd"]{background:#2a2000 !important;border-color:#5a4000 !important;color:#d4a843 !important;}
body.dark [style*="background:#fff5f5"]{background:#2a0d0d !important;}
body.dark [style*="background:#fff9f9"]{background:#1e0e0e !important;}
body.dark [style*="background:#f6fff9"]{background:#0e1e13 !important;}
body.dark [style*="background:#e8f8f0"]{background:#0d2a1a !important;}
body.dark [style*="background:#e8f4f8"]{background:#0d2030 !important;}
body.dark [style*="background:#fef8e8"]{background:#2a1e00 !important;}
body.dark [style*="background:#fffbeb"]{background:#1e1800 !important;}
body.dark [style*="background:#fef9f0"]{background:#201800 !important;}
body.dark [style*="background:#fff;"]{background:var(--card) !important;}
body.dark [style*="background:#fff "],body.dark [style*="background: #fff"]{background:var(--card) !important;}
/* Inline color overrides */
body.dark [style*="color:#1a2b45"]{color:var(--text) !important;}
body.dark [style*="color:#6b7f99"]{color:var(--muted) !important;}
/* Deal modal */
body.dark #dealModal>div{background:var(--card) !important;color:var(--text) !important;}
body.dark #dealModal h2,body.dark #dealModal h3,body.dark #dealModal h4{color:var(--text) !important;}
body.dark #dealModal strong{color:var(--text) !important;}
body.dark #dealModal table thead{background:var(--input-bg) !important;}
body.dark #dealModal table th,body.dark #dealModal table td{border-color:var(--border) !important;color:var(--text) !important;}
body.dark #dealModal [style*="background:#f8fafd"]{background:var(--input-bg) !important;}
body.dark #dealModal [style*="background:#fff"]{background:var(--card) !important;}
body.dark #dealModal [style*="color:#6b7f99"]{color:var(--muted) !important;}
body.dark #dealModal [style*="border-left:4px solid"]{background:var(--input-bg) !important;}
body.dark #dealModal [style*="border:2px solid"]{background:var(--input-bg) !important;}
/* Progress bar */
body.dark [id="inst-progress-bar"],[style*="background:#dde5f0"]{background:var(--border) !important;}
body.dark [style*="background:#dde5f0"]{background:var(--border) !important;}
/* Form boxes */
body.dark [style*="border:1px solid var(--border);border-radius:7px;padding:10px"]{background:var(--input-bg) !important;}
body.dark [style*="border:1px solid var(--border);border-radius:6px;padding:10px"]{background:var(--input-bg) !important;}
/* Payment rows in payments page */
body.dark .pay-day-block{border-color:var(--border) !important;}
body.dark [id^="pd_"]{background:var(--card) !important;}
body.dark .ps-field-row{background:var(--card);}

/* ===== DARK MODE — COMPREHENSIVE LIGHT BG OVERRIDES ===== */
/* Green tints */
body.dark [style*="background:#f0fff4"]{background:#0d2016 !important;color:var(--text) !important;}
body.dark [style*="background:#d4edda"]{background:#0d2016 !important;}
body.dark [style*="background:#e8f8f1"]{background:#0d2016 !important;}
body.dark [style*="background:#e8f8f0"]{background:#0d2016 !important;}
body.dark [style*="background:#f6fff9"]{background:#0d2016 !important;}
/* Blue tints */
body.dark [style*="background:#f0f8ff"]{background:#0d1e30 !important;color:var(--text) !important;}
body.dark [style*="background:#e8f4f8"]{background:#0d1e2a !important;}
body.dark [style*="background:#dbeafe"]{background:#0d1e30 !important;}
body.dark [style*="background:#f0f7ff"]{background:#0d1e2a !important;}
/* Purple tints */
body.dark [style*="background:#f5f0ff"]{background:#1a1030 !important;color:var(--text) !important;}
body.dark [style*="background:#f5f0ff"]{background:#1a1030 !important;}
/* Orange/yellow tints */
body.dark [style*="background:#fff3e0"]{background:#2a1a00 !important;color:var(--text) !important;}
body.dark [style*="background:#fff8e6"]{background:#2a1a00 !important;}
body.dark [style*="background:#fff8e1"]{background:#2a1800 !important;}
body.dark [style*="background:#fef3c7"]{background:#2a1800 !important;}
body.dark [style*="background:#fff9e6"]{background:#2a1a00 !important;}
/* Red tints */
body.dark [style*="background:#fff5f5"]{background:#2a0d0d !important;color:var(--text) !important;}
body.dark [style*="background:#fee2e2"]{background:#2a0d0d !important;}
/* General white/near-white backgrounds */
body.dark [style*="background:#f8fafd"]{background:var(--input-bg) !important;}
body.dark [style*="background:#f0f4fb"]{background:#161a24 !important;}
body.dark [style*="background:#f5f5f5"]{background:var(--input-bg) !important;}
/* Text color fixes for colored backgrounds */
body.dark [style*="color:#4a2d8f"]{color:#b39ddb !important;}
body.dark [style*="color:#1a7a4a"]{color:#4ade80 !important;}
body.dark [style*="color:#92600a"]{color:#f0c060 !important;}
body.dark [style*="color:#c0392b"]{color:#f87171 !important;}
body.dark [style*="color:#27ae60"]{color:#4ade80 !important;}
body.dark [style*="color:#e67e22"]{color:#fb923c !important;}
body.dark [style*="color:#2563eb"]{color:#93c5fd !important;}
body.dark [style*="color:#1a3260"]{color:var(--text) !important;}
body.dark [style*="color:#854d0e"]{color:#ffd978 !important;}
body.dark [style*="background:#fef9c3"]{background:#332811 !important;border:1px solid #5c4718 !important;}
/* Summary cards in P&L / analysis */
body.dark [style*="background:#e8f8f1"]{background:#0d2016 !important;}
body.dark [style*="background:#f0f4fb"]{background:#161a24 !important;}
/* Border color fixes */
body.dark [style*="border:1px solid #86efac"]{border-color:#1a4a2a !important;}
body.dark [style*="border:1px solid #a3d9bc"]{border-color:#1a4a2a !important;}
body.dark [style*="border:1.5px solid #90cdf4"]{border-color:#1a3a5a !important;}
body.dark [style*="border:1px solid #c4aff0"]{border-color:#3a2060 !important;}
body.dark [style*="border:1px solid #f5d78a"]{border-color:#5a4010 !important;}
body.dark [style*="border-color:#f5d78a"]{border-color:#5a4010 !important;}
body.dark [style*="border-bottom:1px solid #f0f4fb"]{border-bottom-color:var(--border) !important;}
body.dark [style*="border-bottom:1px solid #edf2f7"]{border-bottom-color:var(--border) !important;}
/* Inline color for navy text on light bg */
body.dark [style*="color:var(--navy)"]{color:var(--text) !important;}
/* Audit log date header */
body.dark #audit-body [style*="background:var(--table-head)"]{background:var(--table-head) !important;}
/* Tab active border color fix */
body.dark #di-tab-outstanding,body.dark #di-tab-installment{color:var(--text) !important;}
body.dark #di-tab-outstanding[style*="color:var(--navy)"]{color:var(--text) !important;}
/* P&L summary cards */
body.dark [style*="background:#e8f8f1"][style*="border:1px solid #a3d9bc"]{background:#0d2016 !important;border-color:#1a4a2a !important;}
body.dark [style*="background:#fff8e6"][style*="border:1px solid #f5d78a"]{background:#2a1a00 !important;border-color:#5a4010 !important;}

/* Profile menu dropdown dark mode */
body.dark #user-menu-drop{background:var(--card) !important;box-shadow:0 6px 24px rgba(0,0,0,.5);}
body.dark #user-menu-drop [style*="color:var(--navy)"]{color:var(--text) !important;}
body.dark #user-menu-drop [style*="color:var(--red)"]{color:#f87171 !important;}
/* Modals dark mode */
body.dark #rn-modal>div,body.dark #about-modal>div,body.dark #audit-modal>div{background:var(--card) !important;color:var(--text) !important;}
body.dark #about-body,body.dark #audit-body,body.dark #rn-body{background:var(--card);color:var(--text);}

/* Unallocated dark mode polish */
body.dark #page-unallocated .card{background:#10161f;border-color:#253044;box-shadow:0 10px 30px rgba(0,0,0,.28);}
body.dark #page-unallocated .card-body{color:var(--text);}
body.dark #page-unallocated .kpi-card{background:#121a25;border-color:#253044;}
body.dark #page-unallocated [style*="background:#e2e8f0"]{background:#303a4a !important;}
body.dark #page-unallocated b,
body.dark #page-unallocated strong{color:var(--text);}
body.dark #page-unallocated table th{background:#1d2633 !important;color:#cbd8ea !important;border-color:#2f3b4f !important;}
body.dark #page-unallocated table td{background:#111821 !important;color:#d7e0ee !important;border-color:#2f3b4f !important;}
body.dark #page-unallocated table tr:hover td{background:#1b2532 !important;}
body.dark #page-unallocated .btn-ghost[style*="color:var(--red)"]{color:#fb7185 !important;border-color:#49303a;}

body.dark #ualApplyModal{background:rgba(2,6,12,.76) !important;}
body.dark #ualApplyModal>div{
  background:#171e2a !important;
  color:var(--text) !important;
  border:1px solid #2c384c;
  box-shadow:0 24px 70px rgba(0,0,0,.62) !important;
}
body.dark #ualApplyModal h2,
body.dark #ualApplyModal label,
body.dark #ual-selected-plots>div:first-child{color:#eef4ff !important;}
body.dark #ual-apply-info{
  background:#102235 !important;
  border-color:#295b86 !important;
  color:#d9ecff !important;
}
body.dark #ual-apply-info strong{color:#fff !important;}
body.dark #ual-plot-dropdown{
  background:#151d28 !important;
  border-color:#2c384c !important;
  box-shadow:0 16px 34px rgba(0,0,0,.48) !important;
}
body.dark #ual-plot-dropdown>div{
  background:#151d28 !important;
  color:#e7eefb !important;
  border-bottom-color:#2c384c !important;
}
body.dark #ual-plot-dropdown>div:hover{background:#202b3a !important;}
body.dark #ual-plot-rows>div{
  background:#101823 !important;
  border-color:#344156 !important;
}
body.dark #ual-plot-rows input,
body.dark #ual-apply-notes,
body.dark #ual-plot-search,
body.dark #ual-apply-date+.cdp-hidden,
body.dark #ualApplyModal .cdp-display{
  background:#202838 !important;
  color:#eef4ff !important;
  border-color:#344156 !important;
}
body.dark #ual-plot-search::placeholder,
body.dark #ual-apply-notes::placeholder{color:#8d9aad !important;}
body.dark #ual-apply-summary{
  background:#10291b !important;
  border-color:#23683f !important;
  color:#d9ffe9 !important;
}
body.dark #ual-apply-summary[style*="fff5f5"]{
  background:#32151b !important;
  border-color:#7f3342 !important;
  color:#ffd6dd !important;
}

/* Due & Installments dark mode cleanup */
body.dark #outstand-summary > div{
  box-shadow:none !important;
}
body.dark #outstand-table [style*="background:#eef2f7"]{
  background:#1a2432 !important;
  color:var(--text) !important;
}
body.dark #outstand-table [style*="background:#e8f0fb"]{
  background:#223247 !important;
  color:#dce9ff !important;
}
body.dark #outstand-table [style*="background:rgba(231,76,60,0.04)"]{
  background:rgba(251,113,133,.10) !important;
}
body.dark #outstand-table [style*="background:#fff"],
body.dark #outstand-table [style*="background: #fff"]{
  background:#141c28 !important;
}
body.dark #outstand-table [style*="border-bottom:1px solid var(--border)"]{
  border-bottom-color:#2c394d !important;
}
body.dark #outstand-table td{
  color:#dbe6f8 !important;
}
body.dark #outstand-table td[style*="color:var(--muted)"]{
  color:#9fb0c7 !important;
}
body.dark #outstand-table [style*="color:var(--navy)"]{
  color:#e7f0ff !important;
}
body.dark #outstand-table [style*="color:#e67e22"]{
  color:#f6b65c !important;
}
body.dark #outstand-table [style*="color:#25d366"],
body.dark #outstand-table [style*="color:#128c7e"]{
  color:#34d399 !important;
}
body.dark #outstand-table button[style*="#25d366"]{
  border-color:#1f8f63 !important;
  background:rgba(52,211,153,.16) !important;
}
body.dark .op-filter-btn{
  border-color:#34445a !important;
  color:#d4deef !important;
  background:#1a2432 !important;
}
body.dark .op-filter-btn[style*="background:var(--navy)"]{
  background:#27507d !important;
  color:#fff !important;
}
body.dark #about-body [style*="border-bottom"]{border-color:var(--border) !important;}
body.dark #audit-body [style*="border-bottom"]{border-color:var(--border) !important;}
/* ac-dropdown (autocomplete) dark mode */
body.dark .ac-dropdown{
  background:rgba(21,27,38,.85);
  backdrop-filter:blur(var(--glass-blur));
  -webkit-backdrop-filter:blur(var(--glass-blur));
  border-color:var(--glass-border-dark);
}
body.dark .ac-item{
  color:var(--text);
  border-color:var(--glass-border-dark);
}
body.dark .ac-item:hover{background:rgba(255,255,255,.05);}
/* Dark mode toggle button */
.dark-toggle{background:none;border:1.5px solid var(--border);border-radius:20px;padding:4px 10px;cursor:pointer;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px;transition:all .2s;}
.dark-toggle:hover{border-color:var(--gold);color:var(--gold);}

/* ===== NOTIFICATIONS ===== */
.notif-bell{position:relative;cursor:pointer;background:none;border:none;padding:6px 8px;display:flex;align-items:center;}
.notif-bell svg{width:20px;height:20px;stroke:var(--muted);transition:stroke .18s;}
.notif-bell:hover svg{stroke:var(--navy);}
.notif-badge{position:absolute;top:2px;right:2px;background:var(--red);color:#fff;border-radius:50%;width:16px;height:16px;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;display:none;}
.notif-badge.show{display:flex;}
.notif-dropdown{
  position:fixed;top:70px;right:28px;width:340px;max-width:95vw;
  background:var(--glass-bg-light);
  backdrop-filter:blur(var(--glass-blur));
  -webkit-backdrop-filter:blur(var(--glass-blur));
  border-radius:12px;
  border:1px solid var(--glass-border-light);
  box-shadow:var(--glass-shadow-light),inset 0 1px 0 rgba(255,255,255,0.5);
  z-index:99999;display:none;max-height:420px;overflow:hidden;flex-direction:column;
}
.notif-dropdown.open{display:flex;}
.notif-header{padding:12px 16px;border-bottom:1px solid var(--border);font-weight:700;font-size:13px;color:var(--navy);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;}
.notif-list{overflow-y:auto;flex:1;}
.notif-item{padding:11px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s;}
.notif-item:hover{background:var(--bg);}
.notif-item:last-child{border-bottom:none;}
.notif-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:3px;}
.notif-empty{padding:28px 16px;text-align:center;color:var(--muted);font-size:12.5px;}
.notif-mark-read{font-size:11px;color:var(--muted);cursor:pointer;font-weight:600;}
.notif-mark-read:hover{color:var(--navy);}
.dash-notif-card{
  background:var(--glass-bg-light);
  backdrop-filter:blur(var(--glass-blur));
  -webkit-backdrop-filter:blur(var(--glass-blur));
  border-radius:var(--radius);
  border:1px solid var(--glass-border-light);
  box-shadow:var(--glass-shadow-light),inset 0 1px 0 rgba(255,255,255,0.5);
  margin-bottom:20px;
}
.cdp-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:6px;align-items:center;}
.cdp-display{width:100%;padding:8px 10px;border:1.5px solid var(--glass-border-light);border-radius:7px;font-size:13px;font-family:inherit;background:rgba(255,255,255,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:text;box-sizing:border-box;}
.cdp-display:focus{outline:none;border-color:var(--navy);background:rgba(255,255,255,.7);}
.cdp-hidden{position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none;}
.cdp-btn{height:36px;border:1.5px solid var(--glass-border-light);border-radius:7px;background:var(--glass-bg-light);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--navy);cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;}
.cdp-btn:hover{border-color:var(--navy);background:rgba(255,255,255,.4);}
.ac-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--glass-bg-light);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid var(--glass-border-light);border-top:none;border-radius:0 0 8px 8px;box-shadow:var(--glass-shadow-light);z-index:999;max-height:200px;overflow-y:auto;}
.ac-item{padding:8px 12px;cursor:pointer;font-size:12px;border-bottom:1px solid var(--glass-border-light);}
.ac-item:last-child{border-bottom:none;}
.ac-item:hover{background:rgba(240,244,251,.6);}
.ac-item .ac-name{font-weight:600;color:var(--navy);}
.ac-item .ac-contact{color:var(--muted);font-size:11px;margin-top:1px;}
body.dark .ac-item:hover{background:rgba(255,255,255,.05);}
/* User menu items - CSS :hover for speed */
.user-menu-item{display:flex;align-items:center;gap:10px;padding:11px 16px;font-size:13px;cursor:pointer;color:var(--navy);font-weight:500;border-bottom:1px solid var(--glass-border-light);transition:background .15s;}
.user-menu-item:hover{background:rgba(248,250,253,.6);}
body.dark .user-menu-item{color:var(--text);}
body.dark .user-menu-item:hover{background:rgba(32,42,56,.6);}

.dash-notif-row{display:flex;align-items:center;gap:8px;padding:7px 14px;border-bottom:1px solid var(--border);font-size:12px;}
.dash-notif-row:last-child{border-bottom:none;}

/* ===== RESPONSIVE ===== */
.hamburger{display:flex;background:none;border:none;cursor:pointer;padding:6px 8px;flex-direction:column;gap:5px;justify-content:center;min-height:44px;min-width:44px;align-items:center;position:relative;z-index:20;}
.hamburger span{display:block;width:22px;height:2px;background:var(--navy);border-radius:2px;transition:all .2s;}
.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:9;}

@media(max-width:900px){
  #ps-sections-list > div { grid-template-columns:1fr !important; }
  /* All Deals — 3 cards on mobile, smaller font */
  #deals-summary-cards { grid-template-columns:repeat(3,1fr) !important; }
  #deals-summary-cards .kpi-card:nth-child(4),
  #deals-summary-cards .kpi-card:nth-child(5) { display:none; }
  #deals-summary-cards .kpi-val { font-size:13px !important; }
  #deals-summary-cards .kpi-card { padding:12px 8px !important; }
  /* All Deals table scroll */
  #deals-table-wrapper { overflow-x:auto; -webkit-overflow-scrolling:touch; }
  #deals-table-wrapper table { min-width:600px; }
  /* Outstanding payments table scroll */
  #outstand-install,#outstand-comm,#outstand-token { overflow-x:auto; -webkit-overflow-scrolling:touch; }
  #outstand-install table,#outstand-comm table,#outstand-token table { min-width:480px; }
  /* Payments: keep side-by-side on mobile (do NOT force 1fr) */
  /* Payments date header — show Date | Received | Given | ▼ on mobile */
  .pay-day-header-grid { grid-template-columns:1fr 90px 90px 24px !important; }
  /* Dashboard filter wrap */
  #page-dashboard .card-header { flex-wrap:wrap; }
  #filter-from-date,#filter-to-date { width:100px !important; }
  :root{--sidebar-w:220px;}
  .sidebar{position:fixed;top:0;left:0;height:100%;z-index:10;transform:translateX(-100%);transition:transform .25s ease;}
  .sidebar.open{transform:translateX(0);}
  .sidebar-overlay.open{display:block;}
  #hamburger-btn{min-height:44px;min-width:44px;padding:10px 12px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;}
  .main{width:100%;}
  .hamburger{display:flex;}
  .topbar{padding:0 14px;}
  .topbar-right #topbar-date{display:none;}
  .content{padding:16px 14px;}
  .kpi-grid{grid-template-columns:1fr 1fr;}
  .grid-2{grid-template-columns:1fr;}
  .row{flex-direction:column;gap:10px;}
  .field.w2,.field.w3{flex:unset;width:100%;}
  .field{min-width:unset;width:100%;}
  input[type=text],input[type=number],input[type=date],input[type=tel],select,textarea{font-size:14px;}
  /* Party Ledger mobile containment */
  #page-tallyledger{overflow-x:hidden;}
  #page-tallyledger .card{max-width:100%;overflow:visible;}
  #page-tallyledger [style*="display:flex"]{flex-wrap:wrap !important;}
  #page-tallyledger [style*="overflow-x:auto"]{max-width:100%;overflow-x:auto;overflow-y:visible;}
  #page-tallyledger table{min-width:680px;}
  #page-tallyledger [style*="Plots:"]{word-break:break-word;}
  .content{overflow-y:auto !important;-webkit-overflow-scrolling:touch;}
  #page-payments .pay-scroll-card{max-height:calc(100vh - 100px) !important;}
  #page-payments .entry-with-meta{padding:14px 16px 16px 16px !important;}
  #page-payments .entry-with-meta [style*="font-size:17px"],
  #page-payments .entry-with-meta [style*="font-size:18px"]{font-size:21px !important;}
  #page-payments .card-body{overflow-x:hidden !important;}
  #page-payments .entry-with-meta{overflow:hidden !important;margin-left:6px !important;margin-right:6px !important;}
  #page-payments .entry-with-meta [style*="flex:1"]{word-break:break-word !important;overflow:hidden !important;}
  #page-payments .pay-day-header-grid{grid-template-columns:1fr 80px 80px 24px !important;}
  #page-payments .pay-day-header-grid > div:nth-child(3){display:block !important;} /* Show Given col */
  #page-payments .pay-day-header-grid > div:nth-child(4){display:none !important;} /* Hide Balance */
  /* Keep 3-col layout (Received | Given | PH) on mobile — inline CSS handles it */
  #page-payments [id^="pd_"] > div{border-right:none !important;border-bottom:1px solid var(--border);overflow:hidden !important;}
}

@media(max-width:1200px){
  .sidebar{padding:16px 12px;}
  .kpi-grid{gap:12px;}
  .card{padding:14px !important;}
  .content{padding:18px 16px;}
}

@media(max-width:1024px){
  .topbar-title{font-size:15px;}
  table{font-size:12px;}
  th:nth-child(n+6),td:nth-child(n+6){display:none;}
  .kpi-val{font-size:20px;}
  .card-header{flex-wrap:wrap;gap:8px;}
}

@media(max-width:768px){
  .grid-3,.grid-4{grid-template-columns:1fr 1fr !important;}
  .row{flex-direction:column;gap:10px;}
  .field{width:100% !important;}
  .btn{width:100%;}
  .topbar{padding:0 12px;}
  .content{padding:14px 12px;}
  .card{padding:14px 12px !important;}
  table{font-size:11.5px;}
  table th,table td{padding:6px 5px;}
  .kpi-grid{grid-template-columns:1fr 1fr;gap:10px;}
}

@media(max-width:500px){
  .kpi-grid{grid-template-columns:1fr 1fr;gap:10px;}
  .kpi-val{font-size:18px;}
  .topbar-title{font-size:14px;}
  .topbar-user{display:none;}
  .btn{font-size:12px;padding:7px 12px;}
  .content{padding:12px 10px;}
  table{font-size:11.5px;}
  table th,table td{padding:7px 6px;}
  /* Deal modal payment tracking — stack on mobile */
  #dealModal { padding:8px !important; }
  #dealModal > div { max-height:95vh !important; border-radius:10px !important; }
  #dealDetailsContent [style*="grid-template-columns:1fr 1fr"] { grid-template-columns:1fr !important; }
  #dealDetailsContent [style*="display:grid"] { grid-template-columns:1fr !important; }
  #dealDetailsContent [style*="grid-template-columns:1fr 1fr;gap:16px"] { grid-template-columns:1fr !important; }
  /* Tracking cards full width */
  #dealDetailsContent [style*="background:#e8f4f8"],
  #dealDetailsContent [style*="background:#fef8e8"] { min-width:0 !important; }
  /* Transaction tables font */
  #dealDetailsContent table { font-size:10px !important; }
  #dealDetailsContent table td,#dealDetailsContent table th { padding:4px 6px !important; }
  /* Party Ledger tighter mobile controls */
  #page-tallyledger .btn,#page-tallyledger button{font-size:11px !important;padding:6px 9px !important;}
  #page-tallyledger [style*="font-size:20px"]{font-size:16px !important;}
  #page-tallyledger [style*="font-size:18px"]{font-size:15px !important;}
  #page-tallyledger table{min-width:620px;}
}

@media(max-width:480px){
  .login-box{padding:28px 24px !important;}
  .login-logo-text{font-size:18px;}
}

@media(max-width:380px){
  .kpi-grid{grid-template-columns:1fr;gap:8px;}
  .kpi-val{font-size:16px;}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr !important;}
  .content{padding:10px 8px;}
  .card{padding:12px 10px !important;}
  .topbar{padding:0 8px;}
  .topbar-title{font-size:13px;}
  table{font-size:10.5px;}
  table th,table td{padding:5px 4px;}
  .btn{font-size:11px;padding:6px 10px;}
  .sidebar{width:100%;}
  .login-box{padding:24px 18px !important;}
  .login-logo-text{font-size:16px;}
}

/* ===== KPI GRID DATA-COLS RESPONSIVE ===== */
.kpi-grid[data-cols="2"]{grid-template-columns:repeat(2,1fr);}
.kpi-grid[data-cols="4"]{grid-template-columns:repeat(4,1fr);}
.kpi-grid[data-cols="5"]{grid-template-columns:repeat(5,1fr);}
.kpi-grid[data-cols="6"]{grid-template-columns:repeat(6,1fr);}

@media (max-width: 768px) {
  .kpi-grid[data-cols="5"],
  .kpi-grid[data-cols="6"]{grid-template-columns:repeat(2,1fr);}
}
@media (max-width: 550px) {
  .kpi-grid[data-cols="4"],
  .kpi-grid[data-cols="5"],
  .kpi-grid[data-cols="6"]{grid-template-columns:repeat(3,1fr);}
}
@media (max-width: 380px) {
  .kpi-grid[data-cols="4"],
  .kpi-grid[data-cols="5"],
  .kpi-grid[data-cols="6"]{grid-template-columns:repeat(2,1fr);}
}
@media (max-width: 380px) {
  .kpi-grid[data-cols]{grid-template-columns:1fr;}
}

/* ===== LOGIN SCREEN ===== */
#login-screen{position:fixed;inset:0;background:linear-gradient(135deg,var(--navy) 0%,var(--navy3) 60%,#0d2a50 100%);display:flex;align-items:center;justify-content:center;z-index:9999;}
#login-screen.hidden{display:none;}
.login-box{
  background:var(--glass-bg-light);
  backdrop-filter:blur(var(--glass-blur));
  -webkit-backdrop-filter:blur(var(--glass-blur));
  border-radius:18px;
  padding:44px 40px 36px;
  width:380px;
  max-width:92vw;
  box-shadow:var(--glass-shadow-light),inset 0 1px 0 rgba(255,255,255,0.5);
}
.login-logo{text-align:center;margin-bottom:28px;}
.login-logo-text{font-size:22px;font-weight:800;color:var(--navy);letter-spacing:.5px;}
.login-logo-text span{color:var(--gold);}
.login-logo-sub{font-size:11px;color:var(--muted);margin-top:4px;letter-spacing:1px;text-transform:uppercase;}
.login-field{margin-bottom:16px;}
.login-field label{display:block;font-size:10.5px;font-weight:700;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;}
.login-field input{
  width:100%;padding:11px 14px;
  border:1.5px solid var(--glass-border-light);
  border-radius:9px;
  font-size:13.5px;
  color:var(--text);
  background:rgba(255,255,255,.5);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  font-family:inherit;
  transition:border .18s,box-shadow .18s;
}
.login-field input:focus{outline:none;border-color:var(--navy3);background:rgba(255,255,255,.7);box-shadow:0 0 0 3px rgba(26,50,96,.09);}
.login-btn{width:100%;padding:12px;background:linear-gradient(90deg,var(--navy),var(--navy3));color:#fff;border:none;border-radius:9px;font-size:14px;font-weight:700;cursor:pointer;margin-top:6px;letter-spacing:.3px;transition:opacity .18s;}
.login-btn:hover{opacity:.88;}
.login-error{background:#fef2f2;border:1px solid #fca5a5;color:#dc2626;font-size:12px;padding:9px 13px;border-radius:7px;margin-bottom:14px;display:none;}
.login-error.show{display:block;}
.logout-btn{background:transparent;border:1.5px solid rgba(255,255,255,.25);color:rgba(255,255,255,.8);padding:5px 13px;border-radius:7px;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .18s;}
.logout-btn:hover{background:rgba(255,255,255,.1);color:#fff;}
.topbar-right{display:flex;align-items:center;gap:14px;}
.topbar-user{font-size:12px;color:var(--muted);font-weight:600;}

/* Extracted from index.html style block 2 */
@media print {
  .no-print { display: none !important; }
  button { display: none !important; }
  [onclick*="openEditPaymentModal"] { display: none !important; }
  [onclick*="deletePaymentEntry"] { display: none !important; }
  #dealModal { position: static; background: #fff; padding: 0; }
  #dealModal > div { box-shadow: none; max-width: 100%; margin: 0; }
  #dealModal > div > div:first-child { display: none; }
  /* All sections — avoid internal page breaks */
  #dealDetailsContent > div { page-break-inside: avoid; break-inside: avoid; }
  #_print_area > div > div { page-break-inside: avoid; break-inside: avoid; }
  #dealDetailsContent table, #_print_area table { page-break-inside: avoid; break-inside: avoid; }
  /* Payment tracking section — force onto new page, keep side-by-side layout */
  #_print_area [style*="margin-bottom:24px;width:100%"],
  #dealDetailsContent [style*="margin-bottom:24px;width:100%"] {
    page-break-before: always !important;
    break-before: page !important;
    page-break-inside: avoid;
    break-inside: avoid;
    padding-top: 20px !important;
  }
  /* Keep grid side-by-side, just avoid cutting */
  #_print_area [style*="margin-bottom:24px;width:100%"] [style*="display:grid"],
  #dealDetailsContent [style*="margin-bottom:24px;width:100%"] [style*="display:grid"] {
    page-break-inside: avoid;
    break-inside: avoid;
  }
  #_print_area [style*="margin-bottom:24px;width:100%"] [style*="display:grid"] > div,
  #dealDetailsContent [style*="margin-bottom:24px;width:100%"] [style*="display:grid"] > div {
    page-break-inside: avoid;
    break-inside: avoid;
  }
  #dealDetailsContent { page-break-inside: auto; }
  /* Custom print area — PDF style */
  body > *:not(#_print_area) { display: none !important; }
  body, html { background: #fff !important; }
  #_print_area { display: block !important; font-family: 'Segoe UI', Arial, sans-serif; font-size: 12px; color: #1a2b45; padding: 0; background: #fff; }
  #_print_area * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  #_print_area table { width: 100%; border-collapse: collapse; }
  #_print_area td, #_print_area th { padding: 7px 12px; text-align: left; font-size: 11px; }
  #_print_area tr:hover td, #_print_area tr:hover th { background: inherit !important; }
  /* Cards */
  #_print_area [style*="border:1px solid #e8ecf5"] { border: 1px solid #e8ecf5 !important; }
  #_print_area [style*="border-left:4px solid #1a3260"] { border-left: 4px solid #1a3260 !important; }
  #_print_area [style*="border-left:4px solid #d4a843"] { border-left: 4px solid #d4a843 !important; }
  /* Table row colors */
  #_print_area [style*="background:#1a3260"] { background: #1a3260 !important; color: #fff !important; }
  #_print_area [style*="background:#fffbeb"] { background: #fffbeb !important; }
  #_print_area [style*="background:#f0fff4"] { background: #f0fff4 !important; }
  #_print_area [style*="background:#f8fafd"] { background: #f8fafd !important; }
  #_print_area [style*="background:#f8fafc"] { background: #f8fafc !important; }
  #_print_area [style*="background:#f0f4fb"] { background: #f0f4fb !important; }
  #_print_area [style*="background:#d1fae5"] { background: #d1fae5 !important; }
  #_print_area [style*="background:#fee2e2"] { background: #fee2e2 !important; }
  #_print_area [style*="background:#fef3c7"] { background: #fef3c7 !important; }
  #_print_area [style*="background:linear-gradient(135deg,#1a3260"] { background: #1a3260 !important; }
  @page {
    size: A4;
    margin: 1.5cm;
    margin-top: 1cm;
    margin-bottom: 1cm;
    /* Chrome/Edge: removes URL header and page footer */
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
  }
  /* Force no header/footer strings */
  @page :first { margin-top: 1cm; }
  html { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
input[type=number] { -moz-appearance:textfield; }

/* Extracted from index.html style block 3 */
'
    +'*{box-sizing:border-box;margin:0;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;}'
    +'body{font-family:"Segoe UI",Arial,sans-serif;font-size:12px;color:#1a2b45;background:#fff;padding:28px 32px;}'
    +'@page{size:A4;margin:1cm;}'
    +'div[style*="border-radius"]{page-break-inside:avoid;}'
    +'.card{background:#fff;border-radius:10px;border:1px solid #e8ecf5;padding:16px 18px;margin-bottom:16px;page-break-inside:avoid;}'
    +'.card-title{font-size:12px;font-weight:800;color:#1a2b45;margin-bottom:12px;}'
    +'.prow{display:flex;justify-content:space-between;padding:3px 0;font-size:11px;}'
    +'.prow-net{display:flex;justify-content:space-between;padding:5px 0;margin-top:4px;border-top:2px solid #dde5f0;font-size:13px;font-weight:800;color:#1a2b45;}'
    +'.prow-rem{display:flex;justify-content:space-between;padding:4px 0;font-size:13px;font-weight:800;}'
    +'.section-box{background:#fff;border:1px solid #e8ecf5;border-radius:10px;padding:16px 18px;margin-bottom:16px;page-break-inside:avoid;}'
    +'table{width:100%;border-collapse:collapse;}'
    +'th{padding:7px 10px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;}'
    +'td{padding:7px 10px;font-size:11px;}'
    +'tr:nth-child(even) td{background:#f8fafd;}'
    +'[style*="background:#1a3260"]{background:#1a3260!important;}'
    +'[style*="background:#f0fff4"]{background:#f0fff4!important;}'
    +'[style*="background:#f8fafd"]{background:#f8fafd!important;}'
    +'[style*="background:#fee2e2"]{background:#fee2e2!important;}'
    +'[style*="background:#fef9c3"]{background:#fef9c3!important;}'
    +'

/* Property form lock — removed when location is selected */
.form-fields-locked { pointer-events:none !important; opacity:0.35 !important; }

/* ===== Dashboard Filter Responsive ===== */
@media (max-width:768px){
  .dash-filter-bar{ gap:4px; padding:8px 10px; }
  .dash-filter-bar input[type="date"]{ width:auto; flex:1; min-width:80px; }
  .dash-filter-bar input[type="search"]{ min-width:100%; }
  .dash-filter-bar select{ flex:1; }
}
@media (max-width:480px){
  .dash-filter-bar .btn.btn-xs{ display:inline-flex; }
  .dash-filter-bar > [onclick*="setDashboardFilter"]:not(.btn-success){
    flex:0 0 calc(50% - 4px);
    text-align:center;
    justify-content:center;
  }
}

/* All Deals filter bar responsive */
@media(max-width:768px){
  .alldeals-filter-bar{gap:6px;}
  .alldeals-filter-bar > div{min-width:0;flex:1 1 calc(50% - 6px);}
  .alldeals-filter-bar > div input,
  .alldeals-filter-bar > div select{min-width:0;width:100%;}
  .alldeals-filter-bar > div:first-child{flex:1 1 100%;}
}
@media(max-width:480px){
  .alldeals-filter-bar > div{flex:1 1 100%;}
}

/* Cash Book: max-height for pay-scroll-card so inner overflow-y:auto works */
#page-payments .pay-scroll-card{max-height:calc(100vh - 180px);}

/* ===== CASH BOOK MOBILE FIXES ===== */
@media(max-width:550px){
  /* Content padding kam */
  .content{padding:12px 8px !important;}

  /* ===== DATE HEADER ===== */
  #page-payments .pay-day-header-grid{
    grid-template-columns:1fr 1fr !important;
    padding:8px !important;
    gap:4px !important;
  }
  #page-payments .pay-day-header-grid > div:nth-child(1),
  #page-payments .pay-day-header-grid > div:nth-child(6){
    grid-column:1 / -1 !important;
  }
  #page-payments .pay-day-header-grid > div:nth-child(1){text-align:left !important;}
  #page-payments .pay-day-header-grid > div:nth-child(6){text-align:center !important;}
  /* Hide Given & Balance columns in header */
  #page-payments .pay-day-header-grid > div:nth-child(3),
  #page-payments .pay-day-header-grid > div:nth-child(5){display:none !important;}

  /* ===== 3-COL GRID — KEEP SIDE BY SIDE ===== */
  /* No stacking — Received | Given | PH stay as columns */

  /* ===== ENTRY CARDS ===== */
  #page-payments .entry-with-meta{
    margin:8px 4px !important;
    padding:14px 14px 16px 14px !important;
    font-size:14px !important;
    border-radius:10px !important;
  }
  #page-payments .entry-with-meta > div{overflow:visible !important;}
  /* Amount — keep readable */
  #page-payments .entry-with-meta [style*="font-weight:800;font-size:18px"]{
    font-size:16px !important;
  }

  /* ===== KPI ROW ===== */
  #page-payments .kpi-grid{grid-template-columns:repeat(3,1fr) !important;gap:6px !important;}
  #page-payments .kpi-card{padding:10px 8px !important;}
  #page-payments .kpi-card .kpi-card-inner{padding:6px 0 !important;}
  #page-payments .kpi-card .kpi-label{font-size:9px !important;}
  #page-payments .kpi-card .kpi-val{font-size:13px !important;}

  /* ===== OVERALL NET BAR ===== */
  .payment-summary{border-radius:8px !important;padding:8px 10px !important;}
  .payment-summary > div{gap:8px !important;}
  .payment-summary span{font-size:11px !important;}

  /* ===== DATE GROUP CONTAINER ===== */
  #page-payments .pay-scroll-card .card-body > div[style*="margin-bottom:12px"]{margin-bottom:6px !important;}
}

/* Ultra-small screens */
@media(max-width:380px){
  #page-payments .kpi-row .kpi-card{flex:1 1 100% !important;}
}