*{margin:0;padding:0;box-sizing:border-box;}
:root{
  /* ── Core palette ── */
  --bg:#f0f2f5;--surf:#ffffff;--card:#ffffff;--card2:#f8f9fa;
  --bdr:#e9ecef;--bdr2:#ced4da;
  /* ── Brand accent ── */
  --acc:#2c6fad;--acc2:#3a85cc;
  /* ── Semantic colours ── */
  --grn:#1a7a45;--red:#c0392b;--blu:#2c6fad;
  --ylw:#c47c00;--pur:#5c3496;--tel:#12766a;--org:#c05a00;
  /* ── Text ── */
  --txt:#1a1d23;--mut:#6c757d;--dim:#e9ecef;
  /* ── Shadows ── */
  --sh:0 1px 4px rgba(0,0,0,.08),0 2px 12px rgba(0,0,0,.04);
  --sh2:0 4px 20px rgba(0,0,0,.10);
}

/* ── Base ── */
body{background:var(--bg);color:var(--txt);font-family:'Nunito',sans-serif;min-height:100vh;font-size:14px;}
*,:before,:after{box-sizing:border-box;}
*::-webkit-scrollbar{width:4px;height:4px;}
*::-webkit-scrollbar-track{background:transparent;}
*::-webkit-scrollbar-thumb{background:#ced4da;border-radius:4px;}
*::-webkit-scrollbar-thumb:hover{background:#adb5bd;}

/* ── AUTO-LINK STYLE ── */
a.autolink-url, [data-autolink] a {color:#2c6fad;text-decoration:underline;cursor:pointer;word-break:break-all;}
a.autolink-url:hover {color:#1e4fad;text-decoration:underline;}
/* General anchor inside content areas */
.card-body a[href], .fu-section a[href]:not(.btn):not(.app-icon):not(.ql-link),
/* Auto-detected links in all text areas */
a[href].auto-link, .todo-text a[href], .notepad-area-display a[href],
.rem-notes a[href], .diary-body a[href], .kb-entry a[href] {
  color: #2c6fad !important;
  text-decoration: underline !important;
  cursor: pointer !important;
  font-weight: 600;
  word-break: break-all;
}
a[href].auto-link:hover, .todo-text a[href]:hover {
  color: #1a4a7a !important;
}
.kb-entry a[href], .todo-text a[href], .notepad-area-display a[href] {
  color:#2c6fad;font-weight:600;text-decoration:underline;cursor:pointer;
}
/* ── HEADER ── */
.hdr{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;background:var(--surf);border-bottom:1px solid var(--bdr);position:sticky;top:0;z-index:300;flex-wrap:wrap;gap:8px;box-shadow:var(--sh);}
.hdr-logo{display:flex;align-items:center;gap:10px;}
.hdr-av{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--acc),var(--acc2));display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:900;color:#fff;flex-shrink:0;box-shadow:0 2px 8px rgba(44,111,173,.35);}
.hdr-av[role="button"]{cursor:pointer;}
.hdr-name{font-size:1.1rem;font-weight:800;color:var(--txt);letter-spacing:-.01em;line-height:1;}
.hdr-sub{font-size:.65rem;color:var(--mut);letter-spacing:.04em;margin-top:1px;}
.hdr-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
@media(min-width:900px){
  .hdr{flex-wrap:nowrap;padding:8px 28px;}
  .hdr-right{flex-wrap:nowrap;gap:8px;}
}

/* ── TABS ── */
.tabs{display:flex;background:var(--surf);border-bottom:1px solid var(--bdr);overflow-x:auto;padding:9px 24px;gap:7px;}
@media(min-width:600px){.tabs{padding:0 28px;}}
@media(min-width:1100px){.tabs{padding:0 36px;}}
@media(min-width:600px){.tabs{padding:9px 28px;}}
@media(min-width:1100px){.tabs{padding:9px 36px;}}
.tab{
  padding:8px 12px;cursor:pointer;font-size:.78rem;font-weight:800;color:#4f5b67;
  border:1.5px solid var(--bdr2);white-space:nowrap;background:#fff;
  font-family:'Nunito',sans-serif;display:flex;align-items:center;gap:5px;
  transition:color .15s,border-color .15s,background .15s,box-shadow .15s,transform .15s;
  border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.06);
}
.tab:hover{border-color:#90b8e8;color:var(--acc);background:#f0f7ff;box-shadow:0 2px 8px rgba(44,111,173,.12);transform:translateY(-1px);}
.tab:active{transform:translateY(0);}
.tab.on{background:#eaf4ff;border-color:var(--acc);color:#155a96;box-shadow:0 2px 8px rgba(44,111,173,.18);font-weight:900;}

/* ── CONTENT ── */
.content{padding:20px 24px;max-width:1440px;margin:0 auto;}
@media(min-width:600px){
  .content{padding:22px 28px;}
}
@media(min-width:1100px){
  .content{padding:26px 36px;}
  #pan-reminder .grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));}
}

/* ── PILLS (metric cards row) ── */
.pills{display:flex;flex-wrap:wrap;gap:6px;padding:10px 24px;background:var(--surf);border-bottom:1px solid var(--bdr);}
@media(min-width:600px){.pills{padding:10px 28px;}}
@media(min-width:1100px){.pills{padding:10px 36px;}}
.pill{flex:1;min-width:110px;max-width:220px;background:var(--card);border:1px solid var(--bdr);border-radius:10px;padding:9px 13px;cursor:pointer;transition:all .18s;box-shadow:var(--sh);overflow:hidden;}
.pill:hover{border-color:var(--acc);box-shadow:var(--sh2);transform:translateY(-1px);}
.pill-lbl{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-family:'JetBrains Mono',monospace;margin-bottom:3px;font-weight:900;opacity:1;}
.pill-val{font-size:1rem;font-weight:800;line-height:1.2;}
.pill-sub{font-size:.58rem;margin-top:2px;font-weight:600;opacity:.8;}
.khata-pill-head{display:flex;align-items:center;justify-content:space-between;gap:6px;}
.khata-pill-party-count{font-size:.58rem;font-weight:900;color:#59408d;background:#fff;border:1px solid #c0a0f0;border-radius:12px;padding:2px 7px;white-space:nowrap;}
.khata-pill-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:6px;}
.khata-pill-total-box{border-radius:8px;padding:6px 7px;min-width:0;}
.khata-pill-total-amount{font-size:.78rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:'JetBrains Mono',monospace;}
.khata-pill-party-list{margin-top:5px;}
.rent-due-mini-list{margin-top:5px;max-height:128px;overflow-y:auto;overscroll-behavior:contain;padding-right:2px;}
.rent-due-mini-row{display:flex;align-items:center;justify-content:space-between;gap:7px;background:#fff8ee;border:1px solid #e8a060;border-radius:7px;padding:4px 6px;margin-top:4px;font-size:.66rem;line-height:1.18;color:#b56b00;}
.rent-due-mini-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900;}
.rent-due-mini-amt{flex:0 0 auto;font-family:'JetBrains Mono',monospace;font-weight:900;color:#b56b00;}
@media(min-width:900px){
  .pills{gap:8px;padding:10px 20px;}
  .pill{min-width:130px;max-width:200px;padding:10px 14px;}
  .pill-val{font-size:1.05rem;}
}

/* ── SECTION HEADER ── */
.sec-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px;}
.sec-title{font-size:1rem;font-weight:800;color:var(--txt);display:flex;align-items:center;gap:7px;}
.ct{font-family:'JetBrains Mono',monospace;font-size:.65rem;background:var(--acc);color:#fff;padding:1px 7px;border-radius:10px;font-weight:700;}

/* ── BUTTONS ── */
.btn{padding:7px 14px;border-radius:7px;border:none;cursor:pointer;font-family:'Nunito',sans-serif;font-size:.78rem;font-weight:700;display:inline-flex;align-items:center;gap:5px;transition:all .15s;line-height:1.3;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;}
.btn:hover{filter:brightness(.95);transform:translateY(-1px);}
.btn:active{transform:translateY(0);filter:brightness(.9);}
.b-gold{background:var(--acc);color:#fff;}
.b-gold:hover{background:var(--acc2);}
.b-out{background:var(--surf);border:1px solid var(--bdr2);color:var(--txt);}
.b-out:hover{border-color:var(--acc);color:var(--acc);background:#f0f6ff;}
.b-red{background:#fef2f2;color:#c0392b;border:1px solid #fecaca;}
.b-red:hover{background:#fee2e2;}
.b-grn{background:#f0fdf4;color:#1a7a45;border:1px solid #bbf7d0;}
.b-grn:hover{background:#dcfce7;}
.b-blu{background:#eff6ff;color:#2c6fad;border:1px solid #bfdbfe;}
.b-blu:hover{background:#dbeafe;}
.b-close{background:#e3f2fd!important;color:#1565c0!important;border:1.5px solid #90b8e8!important;font-weight:900!important;}
.b-close:hover,.b-close:active{background:#2c6fad!important;color:#fff!important;border-color:#2c6fad!important;}
.b-print{background:#eff6ff!important;color:#1565c0!important;border:1.5px solid #90b8e8!important;font-weight:900!important;}
.b-print:hover,.b-print:active{background:#dbeafe!important;color:#0f4d8f!important;border-color:#60a5fa!important;}
.b-add{background:#2c6fad!important;color:#fff!important;border:1.5px solid #2c6fad!important;font-weight:900!important;}
.b-add:hover,.b-add:active{background:#175a9e!important;color:#fff!important;border-color:#175a9e!important;}
.b-search{background:linear-gradient(135deg,var(--acc),var(--acc2))!important;color:#fff!important;border:1.5px solid var(--acc)!important;font-weight:900!important;box-shadow:0 2px 8px rgba(181,112,28,.25);}
.b-search:hover,.b-search:active{filter:brightness(.95);}
.b-sm{padding:4px 9px;font-size:.72rem;border-radius:6px;}

/* Central UI standard layer: use these instead of repeating inline button styles. */
.ui-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;}
.ui-actions.end{justify-content:flex-end;}
.ui-icon-btn{background:var(--surf)!important;border:1.5px solid var(--bdr2)!important;color:var(--mut)!important;border-radius:5px!important;padding:3px 8px!important;font-size:.68rem!important;min-width:32px;justify-content:center;}
.ui-icon-btn.danger{border-color:rgba(229,57,53,.35)!important;color:var(--red)!important;background:#fffafa!important;}
.ui-soft-success{background:#e8f5e9!important;color:#166534!important;border:1.5px solid #90c8a0!important;font-weight:900!important;}
.ui-soft-danger{background:#fff5f5!important;color:var(--red)!important;border:1.5px solid #f3b2b2!important;font-weight:900!important;}
.ui-soft-warning{background:#fff8ee!important;color:#854f0b!important;border:1.5px solid #f0c060!important;font-weight:900!important;}
.ui-soft-blue{background:#eff6ff!important;color:var(--acc)!important;border:1.5px solid #90b8e8!important;font-weight:900!important;}
.ui-inline-note{font-size:.66rem;color:var(--mut);}
.ui-panel{background:var(--card2);border:1.5px solid var(--acc);border-radius:12px;padding:9px;}
.ui-panel.soft{border-color:var(--bdr);background:var(--card);}
.ui-report-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;}
.ui-report-btn{padding:7px 12px!important;min-height:34px;border-radius:8px!important;font-size:.78rem!important;font-weight:850!important;box-shadow:0 1px 2px rgba(15,23,42,.04);}
.ui-report-pdf{background:#fff5f5!important;color:#b42318!important;border:1.5px solid #fecaca!important;}
.ui-report-word{background:#eef6ff!important;color:#1d5f99!important;border:1.5px solid #bdd7f3!important;}
.ui-report-excel{background:#eefbf3!important;color:#166534!important;border:1.5px solid #bbf7d0!important;}
.ui-report-print{background:#f5f3ff!important;color:#5b4aa0!important;border:1.5px solid #ddd6fe!important;}
.ui-ledger-table{width:100%;border-collapse:collapse;table-layout:fixed;}
.ui-ledger-table th{background:var(--acc);color:#fff;font-weight:850;}
.ui-ledger-table th,.ui-ledger-table td{border:1px solid var(--bdr);padding:6px 8px;}
.ui-mobile-safe-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}

/* ── CARDS ── */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;}
.grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;}
.card{background:var(--card);border:1px solid var(--bdr);border-radius:10px;overflow:hidden;transition:border-color .18s,box-shadow .18s;box-shadow:var(--sh);}
.card:hover{border-color:var(--acc2);box-shadow:var(--sh2);}
.card-hdr{background:var(--card2);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--bdr);gap:7px;flex-wrap:wrap;}
.card-title{font-weight:700;font-size:.86rem;display:flex;align-items:center;gap:5px;}
.card-body{padding:12px 14px;display:flex;flex-direction:column;gap:5px;}
.card-foot{padding:8px 14px;border-top:1px solid var(--bdr);background:var(--card2);display:flex;gap:5px;flex-wrap:wrap;}

/* ── FIELD ROW ── */
.fr{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;font-size:.8rem;}
.fl{color:var(--mut);font-size:.67rem;font-family:'JetBrains Mono',monospace;white-space:nowrap;flex-shrink:0;}
.fv{font-weight:600;text-align:right;word-break:break-word;}
.mono{font-family:'JetBrains Mono',monospace;}

/* ── BADGES ── */
.badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:6px;font-size:.67rem;font-weight:700;letter-spacing:.02em;}
.bg{background:#dcfce7;color:#166534;}
.br{background:#fee2e2;color:#991b1b;}
.by{background:#fef9c3;color:#854d0e;}
.bb{background:#dbeafe;color:#1e40af;}
.bp{background:#ede9fe;color:#5b21b6;}
.bt{background:#ccfbf1;color:#134e4a;}
.bm{background:var(--dim);color:var(--mut);}
.ba{background:#dbeafe;color:var(--acc);}
.bo{background:#ffedd5;color:#9a3412;}

/* Diary module polished theme */
#pan-diary{background:linear-gradient(180deg,#f6fbff 0%,#f0f4f8 100%);border-radius:12px;padding:12px;}
.diary-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px;flex-wrap:wrap;}
.diary-title{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:900;color:#14395f;letter-spacing:.01em;}
.diary-title span{font-family:'JetBrains Mono',monospace;font-size:.66rem;background:#2c6fad;color:#fff;border-radius:999px;padding:2px 8px;}
.diary-form-card,.diary-entry-card,.diary-search-panel{background:#fff;border:1.5px solid #b9d6f3;border-radius:12px;box-shadow:0 2px 10px rgba(44,111,173,.08);overflow:hidden;}
.diary-form-card{border-color:#9fc6ec;}
.diary-form-head{background:linear-gradient(135deg,#dcecff,#fff1d6);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b8d8f4;gap:7px;flex-wrap:wrap;color:#14395f;}
.diary-form-body{padding:12px 14px;display:flex;flex-direction:column;gap:9px;background:linear-gradient(180deg,#ffffff,#f8fbff);}
.diary-textarea{background:#fff;border:1.5px solid #9fc6ec;color:var(--txt);padding:10px 12px;border-radius:9px;font-family:'Nunito',sans-serif;font-size:.88rem;outline:none;width:100%;min-height:145px;resize:vertical;line-height:1.65;box-shadow:inset 0 1px 3px rgba(44,111,173,.06);}
.diary-textarea:focus{border-color:#2c6fad;box-shadow:0 0 0 3px rgba(44,111,173,.12),inset 0 1px 3px rgba(44,111,173,.06);}
.diary-entry-card{border-color:#d2e5f7;}
.diary-entry-head{padding:9px 14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:7px;background:linear-gradient(90deg,#edf7ff,#ffffff);border-bottom:1px solid #d9e8f6;}
.diary-entry-body{padding:11px 14px;font-size:.88rem;line-height:1.72;white-space:pre-wrap;word-break:break-word;color:#1d2733;background:#fff;}
.diary-read-more{background:#f0f7ff;border:1px solid #9fc6ec;border-radius:7px;padding:4px 13px;font-size:.72rem;color:#2c6fad;font-weight:800;cursor:pointer;font-family:'Nunito',sans-serif;}
.diary-search-panel{padding:10px;margin-bottom:12px;border-color:#f0c060;background:#fffdf7;}
.diary-search-title-row{background:linear-gradient(135deg,#dcecff,#fff1d6);border:1.5px solid #9fc6ec;border-radius:9px;padding:6px 11px;margin-bottom:8px;}
.diary-search-title{font-size:1.05rem;color:#0f3760;}
.diary-entries-title-row{margin-top:10px;}
.diary-search-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;align-items:end;}
@media(min-width:900px){
  #pan-diary .diary-search-panel{width:100%;max-width:none;margin-left:0;margin-right:0;}
  #pan-diary .diary-search-grid{grid-template-columns:1.4fr 1fr 1fr;}
  #pan-diary .diary-search-grid .btn{min-height:35px;}
}

/* REMINDER COLOUR CODING */
.rem-overdue{background:#fff0f0;border:1.5px solid #e08080!important;}
.rem-week{background:#fff8f0;border:1.5px solid #e8a060!important;}
.rem-month{background:#fffbee;border:1.5px solid #d4b840!important;}
.rem-3mo{background:#f4fff8;border:1.5px solid #70c890!important;}
/* Reminder compact */
#pan-reminder .card{font-size:.76rem;}
#pan-reminder .card-hdr{padding:6px 10px;}
#pan-reminder .card-title{font-size:.78rem;}
#pan-reminder .card-body{padding:8px 10px;gap:4px;}
#pan-reminder .card-foot{padding:6px 10px;gap:4px;}
#pan-reminder .fl{font-size:.61rem;}
#pan-reminder .fv{font-size:.74rem;}
#pan-reminder .btn.b-sm{padding:3px 7px;font-size:.67rem;}
#pan-reminder .badge{font-size:.61rem;padding:1px 6px;}

/* Reminder modal: align with the lighter Medical/Khata card style */
#remM_overlay{background:rgba(30,48,72,.28)!important;backdrop-filter:blur(2px)!important;}
#remM_sheet{background:#fffdf8!important;color:var(--txt)!important;box-shadow:0 -8px 34px rgba(44,111,173,.18)!important;border:1px solid #dbeafe!important;}
#remM_sheet > div:first-child{background:#eff6ff!important;border-bottom:1px solid #bfdbfe!important;}
#remM_sheet > div:first-child button:first-child{background:#fff!important;border:1px solid #dbeafe!important;color:#64748b!important;}
#remMT_new{color:#1e3a5f!important;}
#rem_save_btn{background:#2c6fad!important;color:#fff!important;box-shadow:none!important;}
#remM_sheet [style*="background:#2a2f3a"],
#remM_sheet [style*="background:#1e2330"],
#remM_sheet [style*="background:#202633"],
#remM_sheet [style*="background:#1e2128"]{background:#f8fafc!important;border-color:#dbeafe!important;}
#remM_sheet [style*="border-bottom:1px solid #3a3f4d"]{border-bottom-color:#dbeafe!important;}
#remM_sheet input,#remM_sheet select{color:#1f2937!important;background:transparent!important;color-scheme:light!important;}
#remM_sheet input::placeholder{color:#94a3b8!important;}
#remM_sheet [style*="color:#fff"],
#remM_sheet [style*="color:#ccc"],
#remM_sheet [style*="color:#aaa"]{color:#1f2937!important;}
#remM_sheet [style*="color:#888"],
#remM_sheet [style*="color:#777"],
#remM_sheet [style*="color:#666"],
#remM_sheet [style*="color:#555"],
#remM_sheet [style*="color:#444"]{color:#64748b!important;}
#remM_sheet #rem_date_inp,#remM_sheet #rem_date_disp,#remM_sheet #rem_time_disp,#remM_sheet #rem_before_disp{color:#2c6fad!important;}
#remM_sheet .rem-before-chip{background:#eff6ff!important;border-color:#bfdbfe!important;color:#1e3a5f!important;}
#remM_sheet .rem-before-chip.active{background:#dbeafe!important;border-color:#90b8e8!important;color:#1e3a5f!important;box-shadow:inset 0 0 0 1px rgba(44,111,173,.16)!important;}
#remM_sheet #rem_before_custom_days{color:#1e3a5f!important;}
#remM_sheet #rem_attach_btn{background:#eff6ff!important;border-color:#bfdbfe!important;color:#2c6fad!important;}
#remM_sheet #rem_exp_date{border-bottom-color:#bfdbfe!important;color:#1f2937!important;}
#rem_time_picker,#rem_repeat_popup,#rem_date_picker{background:rgba(30,48,72,.28)!important;}
#rem_time_picker > div,#rem_repeat_popup > div,#rem_date_picker > div{background:#fffdf8!important;color:var(--txt)!important;box-shadow:0 16px 42px rgba(44,111,173,.16)!important;border:1px solid #dbeafe!important;}
#rem_time_picker [style*="background:#1e2330"],
#rem_time_picker [style*="background:#1e2128"],
#rem_time_picker [style*="background:#1a1d26"],
#rem_time_picker [style*="background:#13161e"],
#rem_time_picker [style*="background:#2a2f3a"],
#rem_repeat_popup [style*="background:#1e2330"],
#rem_repeat_popup [style*="background:#1e2128"],
#rem_repeat_popup [style*="background:#2a2f3a"],
#rem_date_picker [style*="background:#1e2128"],
#rem_date_picker [style*="background:#2a2f3a"]{background:#f8fafc!important;border-color:#dbeafe!important;color:#1f2937!important;}
#rem_time_picker [style*="color:#fff"],
#rem_time_picker [style*="color:#aaa"],
#rem_repeat_popup [style*="color:#fff"],
#rem_repeat_popup [style*="color:#aaa"],
#rem_date_picker [style*="color:#fff"]{color:#1f2937!important;}
#rem_time_preview_lbl,#rem_repeat_popup [style*="color:#2196f3"],#rem_time_picker [style*="color:#2196f3"]{color:#2c6fad!important;}
#rem_ampm_am,#rem_ampm_pm{border:1px solid #bfdbfe!important;}
#rem_time_picker button[onclick*="confirmTime"],#rem_repeat_popup button[onclick*="confirmRepeat"],#rem_date_picker button[onclick*="confirmDate"]{background:#2c6fad!important;color:#fff!important;}
#rem_repeat_popup button[onclick*="closeRepeatPopup"],#rem_date_picker button[onclick*="closeDatePicker"]{background:#f8fafc!important;border:1px solid #dbeafe!important;color:#64748b!important;}
#rem_time_picker button[onclick*="setQuickTime"]{background:#eff6ff!important;border-color:#bfdbfe!important;color:#1e3a5f!important;}
#rem_time_picker .rem-time-card{max-width:300px!important;border-radius:14px!important;}
#rem_time_preview_lbl{color:#145c9e!important;font-size:1.82rem!important;line-height:1.05!important;letter-spacing:0!important;}
#rem_time_picker .rem-time-wheel-item{position:relative;z-index:3;color:#15345a!important;text-shadow:none!important;opacity:.78!important;}
#rem_time_picker .rem-time-wheel-item.active{color:#0f2744!important;background:#dbeafe!important;border:1px solid #90b8e8!important;border-radius:7px!important;opacity:1!important;box-shadow:0 1px 4px rgba(44,111,173,.14)!important;}
#rem_hr_scroll,#rem_min_scroll{scrollbar-width:none;}
#rem_hr_scroll::-webkit-scrollbar,#rem_min_scroll::-webkit-scrollbar{display:none;}
#rem_ampm_am,#rem_ampm_pm{font-weight:900!important;}
#pan-reminder .badge.br,#pan-reminder .br{background:#fff5f5!important;color:#9f2f2f!important;border-color:#f3c7c7!important;}
#pan-reminder [style*="color:#e05050"]{color:#a94444!important;}
#pan-reminder [style*="background:#e05050"]{background:#f5b8b8!important;color:#7f1d1d!important;}
#rem_save_btn,#rem_time_picker button[onclick*="confirmTime"],#rem_repeat_popup button[onclick*="confirmRepeat"],#rem_date_picker button[onclick*="confirmDate"]{color:#fff!important;}
.rem-ok{background:#f8fff4;border:1.5px solid #a0d8a8!important;}

/* COMPLETED REMINDERS */
.rem-completed{
  opacity:0.6;
  transition:opacity 0.3s ease;
}
.rem-completed .card-title,
.rem-completed .fv,
.rem-completed div[style*="font-weight:800"],
.rem-completed div[style*="font-weight: 800"]{
  text-decoration:line-through;
}
.rem-completed-badge{
  background:#dcfce7;
  color:#166534;
  font-size:.65rem;
  padding:2px 8px;
  border-radius:6px;
  font-weight:700;
}
.mark-done-btn{
  transition:all 0.2s ease;
}
.mark-done-btn:hover{
  transform:scale(1.05);
}

/* SEARCH BAR */
.sbar{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;background:var(--card);border:1px solid var(--bdr2);border-radius:10px;padding:11px 15px;margin-bottom:14px;box-shadow:var(--sh);}
.sbar input,.sbar select{background:var(--bg);border:1.5px solid var(--bdr2);color:var(--txt);padding:6px 10px;border-radius:7px;font-family:'Nunito',sans-serif;font-size:.82rem;outline:none;}
.sbar input:focus,.sbar select:focus{border-color:var(--acc);}
.sbar #tvFromWrap .date-wrap input[type="text"].dmy,
.sbar #tvToWrap .date-wrap input[type="text"].dmy{font-size:.8rem;letter-spacing:.02em;padding:7px 30px 7px 8px;min-height:34px;}
.sbar #tvFromWrap .date-wrap .cal-icon,
.sbar #tvToWrap .date-wrap .cal-icon{right:7px;font-size:.86rem;}

/* ── TABLE ── */
.tbl-wrap{background:var(--card);border:1px solid var(--bdr);border-radius:10px;overflow:auto;margin-bottom:12px;box-shadow:var(--sh);}
table{width:100%;border-collapse:collapse;min-width:480px;}
thead{background:linear-gradient(135deg,#8a5414,#b5701c);}
th{padding:10px 12px;font-size:.64rem;text-transform:uppercase;letter-spacing:.075em;color:#fff;font-family:'JetBrains Mono',monospace;text-align:left;white-space:nowrap;border-bottom:2px solid #6f3f0a;font-weight:900;text-shadow:0 1px 1px rgba(0,0,0,.22);}
td{padding:9px 12px;border-top:1px solid var(--bdr);font-size:.8rem;vertical-align:middle;}
tr:hover td{background:#f8f9fa;}
.tr{text-align:right;}

/* ── MODAL ── */
@keyframes fpFadeIn{from{opacity:0}to{opacity:1}}
@keyframes fpSlideUp{from{transform:translateY(40px);opacity:.4}to{transform:translateY(0);opacity:1}}
.overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);z-index:500;align-items:center;justify-content:center;padding:12px;padding-bottom:max(12px, env(safe-area-inset-bottom));pointer-events:none;overflow:hidden;box-sizing:border-box;}
.overlay.open{display:flex;pointer-events:auto;}
.modal{background:#fff;border:1px solid var(--bdr);border-radius:12px;padding:20px;width:100%;max-width:620px;max-height:min(92vh,calc(100dvh - 60px));overflow-y:auto;box-shadow:0 8px 40px rgba(0,0,0,.18);pointer-events:auto;display:flex;flex-direction:column;box-sizing:border-box;}
.modal h2{font-size:1.05rem;font-weight:800;color:var(--txt);margin-bottom:14px;border-bottom:1px solid var(--bdr);padding-bottom:10px;display:flex;align-items:center;gap:7px;}
.modal-foot{display:flex;gap:7px;justify-content:flex-end;margin-top:14px;padding-top:12px;border-top:1px solid var(--bdr);flex-shrink:0;position:sticky;bottom:0;background:#fff;z-index:2;padding-bottom:max(12px, env(safe-area-inset-bottom));}

/* ── FORM ── */
.fg{display:flex;flex-direction:column;gap:3px;margin-bottom:8px;}
.fg label{font-size:.63rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);font-weight:700;}
.fg input,.fg select,.fg textarea{background:var(--surf);border:1px solid var(--bdr2);color:var(--txt);padding:8px 10px;border-radius:7px;font-family:'Nunito',sans-serif;font-size:.84rem;outline:none;transition:border-color .18s,box-shadow .18s;width:100%;}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(44,111,173,.1);}
.fg textarea{resize:vertical;min-height:60px;}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.fgrid .full{grid-column:1/-1;}
.tenant-modal{padding:14px 16px;max-width:960px!important;}
.tenant-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:6px 8px;}
.tenant-grid>.fg{margin-bottom:2px;}
.tenant-grid>.fg:not(.full),.tenant-grid>details.fg{grid-column:span 3;}
.tenant-grid>.full{grid-column:1/-1;}
.tenant-grid label{font-size:.62rem;}
.tenant-grid input,.tenant-grid select{padding:6px 8px;font-size:.78rem;min-height:32px;}
.tenant-grid textarea{min-height:38px;}
.tenant-grid .date-wrap input[type="text"].dmy{font-size:.74rem;padding:6px 28px 6px 7px;letter-spacing:.02em;min-height:32px;}
.tenant-grid .date-wrap .cal-icon{right:7px;font-size:.86rem;}
.tenant-grid>.full.fg:not(.contact-compact-box):not(.rent-cycle-box) .fgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 8px;}
.tenant-rem-btn{background:#dff7ea!important;color:#126b38!important;border:1.5px solid #5fc489!important;border-radius:7px!important;font-size:.76rem!important;font-weight:900!important;padding:3px 8px!important;min-height:27px!important;white-space:nowrap;box-shadow:0 1px 0 rgba(18,107,56,.12);}
.tenant-rem-btn:hover{background:#cdf0dc!important;}
.optional-field{border:1px dashed var(--bdr2);border-radius:7px;padding:6px 8px;background:var(--surf);}
.optional-field summary{cursor:pointer;font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:var(--acc);font-weight:800;list-style:none;}
.optional-field summary::-webkit-details-marker{display:none;}
.optional-field[open] summary{margin-bottom:5px;}
.property-link-field label{color:#174a7c;font-weight:900;}
.property-link-field select{font-weight:900;font-size:.88rem;background:#f0f7ff;}
.contact-compact-box{border:1px solid var(--bdr2);border-radius:8px;padding:8px 10px;background:#fbfdff;display:grid;grid-template-columns:1fr 1fr;gap:7px;}
.contact-line{display:grid;grid-template-columns:54px 76px minmax(0,1fr);gap:7px;align-items:center;margin-bottom:0;}
.contact-line:last-child{margin-bottom:0;}
.contact-line label{margin:0;font-size:.62rem;color:var(--mut);font-weight:900;text-transform:uppercase;letter-spacing:.06em;}
.contact-line select,.contact-line input{width:100%;padding:7px 8px!important;font-size:.78rem!important;}
.contact-line [data-contact-extra]{display:none;}
.contact-line [data-contact-extra]{grid-column:3;}
.rent-cycle-box{margin:2px 0 4px!important;}
.rent-cycle-box>.fgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px 9px;}
.rent-cycle-box>.fgrid>.fg{grid-column:span 2;margin-bottom:3px;}
input[type="date"]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.8;filter:invert(35%) sepia(50%) saturate(350%) hue-rotate(15deg);}

/* DD/MM/YYYY custom text date input */
.date-wrap{position:relative;display:flex;align-items:center;gap:0;}
.date-wrap input[type="text"].dmy{font-family:'JetBrains Mono',monospace;font-size:.88rem;letter-spacing:.05em;text-align:center;padding:8px 38px 8px 12px;}
.date-wrap input[type="text"].dmy::placeholder{color:var(--bdr2);font-family:'JetBrains Mono',monospace;}
.date-wrap .cal-icon{position:absolute;right:9px;cursor:pointer;font-size:1rem;opacity:.7;user-select:none;}
.date-wrap input[type="date"].hidden-date{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none;}
.dmy-picker{position:fixed;z-index:13050;width:310px;max-width:calc(100vw - 16px);background:#fff;border:1.5px solid #9fc6ec;border-radius:10px;box-shadow:0 10px 34px rgba(0,0,0,.22);padding:10px;font-family:'Nunito',sans-serif;color:var(--txt);}
.dmy-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;color:#14395f;}
.dmy-head button,.dmy-foot button,.dmy-months button,.dmy-years button,.dmy-day{border:1px solid var(--bdr2);background:#fff;border-radius:6px;cursor:pointer;font-family:'Nunito',sans-serif;font-weight:800;}
.dmy-head button{width:30px;height:28px;font-size:1rem;color:#1760a0;background:#eff6ff;border-color:#9fc6ec;}
.dmy-body{display:grid;grid-template-columns:68px 1fr;gap:8px;align-items:start;}
.dmy-years{max-height:226px;overflow-y:auto;border:1px solid #d0d7de;border-radius:7px;background:#f8fafc;padding:4px;}
.dmy-years::-webkit-scrollbar{width:12px;}
.dmy-years::-webkit-scrollbar-track{background:#e5e7eb;border-radius:8px;}
.dmy-years::-webkit-scrollbar-thumb{background:#111827;border-radius:8px;border:2px solid #e5e7eb;}
.dmy-years button{display:block;width:100%;margin-bottom:4px;padding:5px 4px;font-size:.78rem;color:#111827;}
.dmy-years button.on{background:#1d4ed8;color:#fff;border-color:#1d4ed8;}
.dmy-months{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:7px;}
.dmy-months button{padding:5px 3px;font-size:.72rem;color:#14395f;}
.dmy-months button.on{background:#1d4ed8;border-color:#1d4ed8;color:#fff;}
.dmy-week,.dmy-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center;}
.dmy-week span{font-size:.62rem;font-weight:900;color:var(--mut);}
.dmy-day{height:28px;font-size:.74rem;color:#111827;}
.dmy-day:hover,.dmy-day.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8;}
.dmy-foot{display:flex;justify-content:flex-end;gap:6px;margin-top:9px;border-top:1px solid var(--bdr);padding-top:8px;}
.dmy-foot button{padding:5px 10px;font-size:.72rem;color:#1760a0;background:#eff6ff;border-color:#9fc6ec;}
.rk-snooze-time{min-height:42px;line-height:1.25;font-family:'JetBrains Mono',monospace!important;font-size:1rem!important;font-weight:800;color:#111827!important;background:#fff!important;}
.rk-snooze-time::-webkit-datetime-edit,
.rk-snooze-time::-webkit-datetime-edit-fields-wrapper,
.rk-snooze-time::-webkit-datetime-edit-hour-field,
.rk-snooze-time::-webkit-datetime-edit-minute-field,
.rk-snooze-time::-webkit-datetime-edit-ampm-field{color:#111827!important;background:transparent!important;}
.rk-snooze-timebox{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;background:#fff;border:1.5px solid var(--bdr2);border-radius:8px;padding:6px;min-height:42px;box-sizing:border-box;}
.rk-snooze-time-fields{display:grid;grid-template-columns:1fr auto 1fr;gap:4px;align-items:center;min-width:0;}
.rk-snooze-time-num{width:100%;min-width:0;border:0;background:#f8fafc;color:#111827;border-radius:6px;text-align:center;font:900 .95rem 'JetBrains Mono',monospace;padding:7px 3px;outline:1px solid #d8e4f2;}
.rk-snooze-time-num:focus{outline:2px solid var(--acc);background:#fff;}
.rk-snooze-time-colon{font:900 1rem 'JetBrains Mono',monospace;color:#111827;}
.rk-snooze-ampm-wrap{display:grid;grid-template-rows:1fr 1fr;gap:4px;}
.rk-snooze-ampm{min-width:42px;border:1.5px solid #9fc6ec;background:#eef6ff;color:#1760a0;border-radius:7px;font:900 .74rem 'Nunito',sans-serif;padding:5px 8px;cursor:pointer;}
.rk-snooze-ampm.active{background:#1760a0!important;border-color:#1760a0!important;color:#fff!important;box-shadow:0 0 0 2px rgba(23,96,160,.15);}
.rk-snooze-custom-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,180px);gap:8px;align-items:start;}
.rk-snooze-body{flex:1;min-height:0;overflow:auto;padding:14px;-webkit-overflow-scrolling:touch;}
.rk-snooze-stick{position:sticky;bottom:0;background:inherit;padding-top:9px;z-index:2;}
@media(max-width:520px){
  .rk-snooze-custom-grid{grid-template-columns:1fr;}
  .dmy-picker{left:8px!important;right:8px!important;width:auto;}
  .dmy-body{grid-template-columns:60px 1fr;gap:7px;}
  .dmy-years{max-height:204px;}
}

/* SUB TABS */
.stabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:12px;}
.stab{padding:5px 12px;border-radius:6px;border:1px solid var(--bdr);background:var(--card);color:var(--mut);cursor:pointer;font-size:.75rem;font-weight:700;font-family:'Nunito',sans-serif;transition:all .15s;}
.stab.on{background:var(--acc);color:#fff;border-color:var(--acc);}
.stab:hover:not(.on){border-color:var(--acc);color:var(--acc);background:#eff6ff;}

/* ALERTS */
.alert{display:flex;align-items:flex-start;gap:9px;border-radius:8px;padding:9px 13px;font-size:.8rem;margin-bottom:7px;border-left:3px solid;}
.al-red{background:#fef2f2;border-color:var(--red);color:#7f1d1d;}
.al-warn{background:#fefce8;border-color:var(--ylw);color:#713f12;}
.al-info{background:#eff6ff;border-color:var(--blu);color:#1e3a5f;}
.al-ok{background:#f0fdf4;border-color:var(--grn);color:#14532d;}

/* EMPTY */
.empty{text-align:center;padding:32px 20px;color:var(--mut);}
.empty .ei{font-size:2rem;margin-bottom:6px;}

/* PROP NAV */
.prop-nav{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px;}
.pnav-btn{padding:6px 13px;border-radius:7px;border:1.5px solid var(--bdr2);background:var(--card);color:var(--mut);cursor:pointer;font-size:.78rem;font-family:'Nunito',sans-serif;font-weight:600;transition:all .2s;}
.pnav-btn.on{background:var(--acc);color:#fff;border-color:var(--acc);}
.pnav-btn:hover:not(.on){border-color:var(--acc);color:var(--acc);}
.pnav-add{border-style:dashed;color:var(--acc);}

/* CALENDAR */
.cal-wrap{background:var(--card);border:1px solid var(--bdr);border-radius:12px;padding:16px;box-shadow:var(--sh);margin-bottom:16px;}
.cal-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.cal-title{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700;color:var(--acc);}
.cal-nav{display:flex;gap:5px;}
.cal-nav button{padding:4px 11px;border-radius:6px;border:1.5px solid var(--bdr2);background:transparent;cursor:pointer;font-size:.78rem;color:var(--txt);font-family:'Nunito',sans-serif;font-weight:600;}
.cal-nav button:hover{background:var(--acc);color:#fff;border-color:var(--acc);}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;}
.cal-dow{text-align:center;font-size:.6rem;font-family:'JetBrains Mono',monospace;color:var(--mut);padding:3px 0;text-transform:uppercase;}
.cal-day{text-align:center;padding:5px 3px;border-radius:6px;font-size:.8rem;min-height:32px;display:flex;flex-direction:column;align-items:center;gap:2px;}
.cal-day.other{color:var(--bdr2);}
.cal-day.today{background:var(--dim);font-weight:700;color:var(--acc);}
.cal-day.has-event{background:#fff8ee;border:1px solid var(--acc2);}
.cal-day.has-overdue{background:#fff0f0;border:1px solid var(--red);}
.cal-day-num{font-size:.76rem;font-weight:600;}
.cal-dots{display:flex;gap:2px;flex-wrap:wrap;justify-content:center;}
.cal-dot{width:5px;height:5px;border-radius:50%;}

/* ══ KHATA BOOK ══ */
.kb-party-card{background:#fbfdff;border:1px solid #d9e8f6;border-radius:10px;overflow:hidden;transition:all .18s;box-shadow:0 1px 5px rgba(44,111,173,.06);cursor:pointer;}
.kb-party-card:hover{border-color:var(--acc);box-shadow:var(--sh2);transform:translateY(-1px);}
.kb-party-hdr{display:flex;align-items:center;gap:8px;padding:9px 11px;border-bottom:1px solid #e4eef8;flex-wrap:nowrap;overflow:hidden;}
.kb-avatar{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:900;color:#fff;flex-shrink:0;box-shadow:0 1px 4px rgba(44,111,173,.12);}
.kb-bal-lena{color:#1a7a45;background:#f0fdf4;border:1.5px solid #bbf7d0;}
.kb-bal-dena{color:#9f5b1d;background:#fff7ed;border:1.5px solid #fed7aa;}
.kb-bal-zero{color:#6c757d;background:#f8f9fa;border:1.5px solid #e9ecef;}
.kb-party-ledger-header{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;}
.kb-party-ledger-title{width:100%;display:flex;align-items:center;gap:10px;background:#fff8ee;border:1.5px solid #f0c982;border-radius:10px;padding:8px 12px;min-height:42px;color:#4b3210;box-shadow:0 1px 5px rgba(208,138,45,.10);overflow:hidden;}
.kb-party-ledger-avatar{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:900;color:#fff;flex-shrink:0;box-shadow:0 1px 4px rgba(44,111,173,.12);}
.kb-party-ledger-copy{min-width:0;flex:1;display:flex;align-items:baseline;gap:8px;overflow:hidden;}
.kb-party-ledger-name{font-size:1.03rem;font-weight:850;color:#4b3210;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
.kb-party-ledger-meta{font-size:.75rem;color:#7c5a1b;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;max-width:42%;}
.kb-party-ledger-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.kb-entry{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-bottom:1px solid #e4eef8;transition:background .12s;background:#fff;}
.kb-entry:hover{background:#f8f9fa;}
.kb-entry:last-child{border-bottom:none;}
.kb-lena{color:#1a7a45;font-weight:800;}
.kb-dena{color:#9f5b1d;font-weight:800;}
.kb-entry-meta{font-size:.76rem;color:var(--mut);font-weight:800;display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.kb-main-amount-inline{font-family:'JetBrains Mono',monospace;font-weight:900;background:#fff8ee;border:1px solid #ead7b9;border-radius:999px;padding:1px 7px;white-space:nowrap;}
.kb-tag{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.65rem;font-weight:700;}
.kb-tag-lena{background:#dcfce7;color:#166534;}
.kb-tag-dena{background:#fff7ed;color:#9f5b1d;}
.kb-summary-bar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:14px;}
.kb-sum-card{border-radius:10px;padding:11px 13px;text-align:center;}
.kb-filter-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap;}
.kb-datebox{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;}
.kb-datebox input[type="text"]{font-family:'JetBrains Mono',monospace;font-size:.72rem;padding:3px 26px 3px 7px;border:1.5px solid var(--bdr2);border-radius:6px;background:var(--bg);color:var(--txt);width:108px;outline:none;letter-spacing:.02em;}
.kb-dateicon{position:absolute;right:4px;cursor:pointer;font-size:.78rem;opacity:.65;user-select:none;}
.kb-ledger-search{display:inline-flex;align-items:center;gap:5px;min-width:190px;flex:1 1 220px;}
.kb-ledger-search input{width:100%;min-width:120px;border:1.5px solid var(--bdr2);border-radius:7px;background:var(--bg);color:var(--txt);font-family:'Nunito',sans-serif;font-size:.78rem;padding:5px 8px;outline:none;}
.kb-ledger-search input:focus{border-color:#60a5fa;box-shadow:0 0 0 2px rgba(96,165,250,.15);}
.kb-ledger-search-btn{min-width:38px;justify-content:center;}
.kb-ledger-clear-search{min-width:32px;justify-content:center;}
.kb-ledger-search-toggle{white-space:nowrap;justify-content:center;}
.kb-ledger-search-panel{margin-top:7px;max-width:520px;}
.kb-alloc-box{background:#fffdf7;border:1.5px solid #f0c060;border-radius:10px;padding:9px 10px;margin-top:2px;}
.kb-alloc-help{font-size:.68rem;color:#8a6500;font-weight:700;margin:0 0 7px;}
.kb-alloc-row{display:grid;grid-template-columns:1fr 1fr 110px 34px;gap:6px;align-items:center;margin-bottom:6px;}
.kb-alloc-row input,.kb-alloc-row select{width:100%;box-sizing:border-box;background:var(--bg);border:1.5px solid var(--bdr2);border-radius:7px;padding:7px 8px;font-family:'Nunito',sans-serif;font-size:.78rem;color:var(--txt);outline:none;}
.kb-alloc-row input:focus,.kb-alloc-row select:focus{border-color:#2c6fad;box-shadow:0 0 0 2px rgba(44,111,173,.12);}
.kb-alloc-del{background:#fff0f0;color:#991b1b;border:1.5px solid #fecaca;border-radius:7px;min-height:33px;cursor:pointer;font-weight:900;}
.kb-alloc-actions{display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap;margin-top:4px;}
.kb-alloc-total{font-family:'JetBrains Mono',monospace;font-size:.72rem;font-weight:900;color:#854f0b;background:#fff8ee;border:1px solid #e8a060;border-radius:999px;padding:3px 8px;}
.kb-allocation-list{margin-top:5px;display:flex;flex-wrap:wrap;gap:4px;}
.kb-allocation-chip{font-size:.64rem;font-weight:800;color:#854f0b;background:#fff8ee;border:1px solid #e8a060;border-radius:999px;padding:2px 7px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.kb-split-box{margin-top:7px;background:#fffdf8;border:1px solid #ead7b9;border-radius:8px;overflow:hidden;max-width:520px;width:100%;}
.kb-split-title{background:#fff8ee;color:#854f0b;font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;padding:4px 8px;border-bottom:1px solid #ead7b9;}
.kb-split-table{width:100%;min-width:0!important;table-layout:fixed;border-collapse:collapse;font-size:.7rem;}
.kb-split-table th,.kb-split-table td{padding:4px 8px;border-bottom:1px solid #f1e4d0;text-align:left;}
.kb-split-table th:first-child,.kb-split-table td:first-child{width:58%;}
.kb-split-table th:last-child,.kb-split-table td:last-child{width:42%;text-align:right;white-space:nowrap;}
.kb-split-table th{color:#5f7185;font-size:.6rem;text-transform:uppercase;letter-spacing:.04em;background:#fffaf2;}
.kb-split-table tr:last-child td{border-bottom:0;}
.kb-head-screen{background:#f8fbff;border:1.5px solid #cfe3f7;border-radius:12px;padding:10px 12px;margin:0 0 12px;box-shadow:0 1px 6px rgba(44,111,173,.06);}
.kb-head-ledger{background:#f8fbff;border:1.5px solid #b9d8f4;border-radius:12px;padding:10px 12px;margin:0 0 12px;box-shadow:0 1px 6px rgba(44,111,173,.06),0 0 0 1px rgba(185,216,244,.38);}
.kb-head-screen-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;flex-wrap:wrap;}
.kb-head-title{font-size:1.05rem;font-weight:900;color:#14395f;letter-spacing:.01em;display:inline-flex;align-items:center;gap:5px;background:#eef6ff;border:1px solid #d6e9fb;border-radius:999px;padding:4px 10px;}
.kb-head-sub{font-size:.66rem;color:#5f7185;font-weight:700;margin-top:1px;}
.kb-subledger-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;align-items:center;margin-left:auto;}
.kb-subledger-action{padding:7px 12px!important;min-height:34px;border-radius:8px!important;font-size:.78rem!important;font-weight:850!important;box-shadow:0 1px 2px rgba(15,23,42,.04);}
.kb-subledger-add{background:#fff8ee!important;color:#854f0b!important;border:1.5px solid #f0c982!important;}
.kb-head-filter-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:8px 0;align-items:center;}
.kb-head-filter-row select{width:100%;background:#fff;border:1.5px solid #9fc6ec;border-radius:8px;padding:7px 9px;font:800 .78rem 'Nunito',sans-serif;color:#14395f;outline:none;}
.kb-head-filter-row select:disabled{opacity:.55;background:#eef2f7;}
.kb-subledger-delete{background:#fff!important;color:#9f5b1d!important;border:1.5px solid #fed7aa!important;border-radius:8px!important;padding:7px 12px!important;min-height:34px;font-size:.75rem!important;font-weight:850!important;white-space:nowrap;}
.kb-subledger-delete:disabled{opacity:.52;color:#94a3b8!important;border-color:#dbe4ee!important;background:#f8fafc!important;}
.kb-head-ledger-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:9px 0;}
.kb-head-ledger-totals span{background:#fff;border:1.5px solid #d9e8f6;border-radius:9px;padding:7px 9px;min-height:34px;display:flex;align-items:center;font:900 .78rem 'Nunito',sans-serif;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.kb-head-ledger-table{margin-top:7px;max-height:260px;overflow:auto;border-radius:9px;}
.kb-head-ledger-table table{font-size:.74rem;}
.kb-head-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:7px;}
.kb-head-card{position:relative;border:1.5px solid #d9e8f6;border-radius:10px;padding:8px 9px;min-width:0;}
.kb-head-name{font-size:.78rem;font-weight:900;color:#1d2733;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:45px;}
.kb-head-amt{font-family:'JetBrains Mono',monospace;font-size:.9rem;font-weight:900;margin-top:3px;}
.kb-head-meta{font-size:.6rem;color:#5f7185;font-weight:700;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.kb-head-del{position:absolute;right:6px;top:6px;border:1px solid #fecaca;background:#fff7f7;color:#991b1b;border-radius:999px;font-size:.56rem;font-weight:800;padding:1px 6px;cursor:pointer;}
.kb-head-empty{grid-column:1/-1;background:#fff;border:1px dashed #b9d6f3;border-radius:9px;padding:9px 10px;color:#5f7185;font-size:.74rem;font-weight:700;}
.kb-subledger-list{margin-top:6px;border-top:1px dashed #d9e8f6;padding-top:6px;display:flex;flex-wrap:wrap;gap:5px;}
.kb-subledger-list.empty{font-size:.68rem;color:#6b7280;font-weight:800;}
.kb-subledger-chip-wrap{display:inline-flex;align-items:center;max-width:230px;}
.kb-subledger-chip{border:1px solid #cfe3f7;background:#fff;color:#14395f;border-radius:999px;padding:4px 9px;font:800 .68rem 'Nunito',sans-serif;cursor:pointer;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.kb-subledger-chip.on{background:#e8f2ff;border-color:#7db2e6;color:#174f83;}
.kb-subledger-edit{margin-left:3px;border:1px solid #d9e8f6;background:#f8fbff;color:#1760a0;border-radius:999px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:900;cursor:pointer;line-height:1;}
.kb-subledger-edit:hover{background:#e8f2ff;border-color:#9fc6ec;}
.kb-subledger-row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:rgba(255,255,255,.72);border:1px solid #e4eef8;border-radius:7px;padding:3px 6px;font-size:.65rem;font-weight:800;color:#334155;}
.kb-subledger-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.kb-subledger-row b{font-family:'JetBrains Mono',monospace;font-size:.66rem;white-space:nowrap;}
.kb-subledger-empty{font-size:.62rem;color:#6b7280;font-weight:700;}
/* Finance overview summary cards - compact like Khata Book */
.fin-summary-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-bottom:14px!important;}
.fin-summary-card{min-width:0!important;padding:10px 11px!important;border-radius:10px!important;box-shadow:none!important;}
.fin-summary-title-row{display:flex!important;align-items:center!important;gap:6px!important;margin-bottom:5px!important;}
.fin-summary-icon{width:26px!important;height:26px!important;font-size:.86rem!important;}
.fin-summary-label{font-size:.6rem!important;letter-spacing:.055em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.fin-summary-amount{font-size:1.08rem!important;line-height:1.08!important;margin-bottom:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.fin-summary-period{font-size:.64rem!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
/* FOLLOW-UP */
.fu-section{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-bottom:14px;}
.fu-card{background:var(--card);border:1px solid var(--bdr);border-radius:10px;padding:12px 14px;box-shadow:var(--sh);transition:all .18s;}
.fu-card:hover{box-shadow:var(--sh2);transform:translateY(-1px);}
.fu-red{border-left:3px solid var(--red);}
.fu-warn{border-left:3px solid var(--ylw);}
.fu-ok{border-left:3px solid var(--grn);}
.fu-blu{border-left:3px solid var(--blu);}
.fu-lbl{font-size:.63rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);font-weight:700;margin-bottom:4px;}
.fu-count{font-size:1.6rem;font-weight:800;line-height:1;color:var(--txt);}
.fu-items{font-size:.7rem;color:var(--mut);margin-top:4px;line-height:1.5;}

/* VISIT TIMELINE */
.vt-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--bdr);}
.vt-item:last-child{border-bottom:none;}
.vt-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;flex-shrink:0;}
.vt-body{flex:1;}
.vt-date{font-family:'JetBrains Mono',monospace;font-size:.7rem;color:var(--mut);}
.vt-title{font-weight:700;font-size:.86rem;margin-top:1px;}
.vt-sub{font-size:.78rem;color:var(--mut);margin-top:2px;}

/* QUICK APPS BAR */
.apps-bar{display:flex;align-items:center;gap:6px;padding:8px 24px;background:#fff;border-bottom:1px solid var(--bdr);flex-wrap:wrap;}
.app-icon{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;cursor:pointer;font-size:.78rem;font-weight:700;text-decoration:none;color:var(--txt);border:1.5px solid transparent;transition:all .2s;white-space:nowrap;}
.app-icon:hover{transform:translateY(-1px);box-shadow:0 3px 10px rgba(0,0,0,.12);}
.app-icon img{width:20px;height:20px;border-radius:4px;}
.app-icon.gmail{background:#fff3f0;border-color:#f4c2b8;color:#c5221f;}
.app-icon.gmail:hover{background:#fce8e6;}
.app-icon.whatsapp{background:#f0faf5;border-color:#90c8a0;color:#1e7a45;}
.app-icon.whatsapp:hover{background:#dcf5e6;}
.app-icon.gcal{background:#f0f7ff;border-color:#90b8e8;color:#1760a0;}
.app-icon.gcal:hover{background:#dceeff;}
.app-icon.gdrive{background:#fffbee;border-color:#f0d880;color:#8a6500;}
.app-icon.gdrive:hover{background:#fff8d0;}
.app-icon.chrome{background:#f8fbff;border-color:#b8d4ff;color:#1760a0;}
.app-icon.chrome:hover{background:#edf5ff;}
.app-icon.gmeet{background:#f5f0ff;border-color:#c0a0f0;color:#5c3496;}
.app-icon.gmeet:hover{background:#ede0ff;}
.apps-label{font-size:.65rem;color:var(--mut);font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.06em;margin-right:4px;}


/* QUICK LINKS BAR */
.ql-bar{display:flex;align-items:center;gap:6px;padding:5px 18px;background:#faf6f0;border-bottom:1px solid var(--bdr);flex-wrap:wrap;}
.ql-label{font-size:.6rem;color:var(--mut);font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;}
.ql-link{display:flex;align-items:center;gap:4px;padding:3px 9px;border-radius:6px;font-size:.72rem;font-weight:700;text-decoration:none;color:var(--txt);border:1px solid var(--bdr2);background:var(--card);cursor:pointer;transition:all .2s;white-space:nowrap;}
.ql-link:hover{border-color:var(--acc);color:var(--acc);transform:translateY(-1px);}
.ql-add{border-style:dashed;color:var(--acc);background:transparent;font-family:'Nunito',sans-serif;font-weight:700;}

.mobile-home-launcher{display:none;}

/* NOTEPAD */
.notepad-wrap{background:var(--card);border:1px solid var(--bdr);border-radius:12px;overflow:hidden;box-shadow:var(--sh);width:100%;max-width:100%;box-sizing:border-box;}
.notepad-hdr{background:var(--card2);padding:9px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--bdr);}
.notepad-title{font-weight:700;font-size:.88rem;display:flex;align-items:center;gap:6px;}
.notepad-area{width:100%;min-height:160px;background:var(--bg);border:none;padding:12px 14px;font-family:'Nunito',sans-serif;font-size:.84rem;color:var(--txt);resize:vertical;outline:none;line-height:1.7;}
.notepad-area:focus{background:#fff;}
/* AIC Notepad widget */
.np-widget{background:var(--card);border:1px solid var(--bdr);border-radius:12px;overflow:hidden;box-shadow:var(--sh);}
.tab[data-t="notepad"].on{background:#f1edff;border-color:#7c5cff;color:#4930a8;box-shadow:0 3px 10px rgba(124,92,255,.16);}
.np-main-panel{background:linear-gradient(180deg,#fbfaff 0%,#f7f9ff 100%);border:1px solid #d8d6ff;border-radius:14px;padding:12px;box-shadow:0 6px 18px rgba(68,82,160,.09);}
.np-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:8px;}
.np-main-title{font-size:1.05rem;font-weight:900;color:#26314d;letter-spacing:.01em;}
.np-actions{display:flex;gap:7px;flex-wrap:wrap;}
.np-print-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-4px 0 12px;padding:9px 10px;background:#fff8ee;border:1.5px solid #f0c060;border-radius:10px;}
.np-print-strip select{min-width:150px;max-width:100%;padding:6px 9px;border:1.5px solid #d8b15f;border-radius:8px;background:#fff;color:#4b3a16;font:800 .78rem 'Nunito',sans-serif;}
.np-zip-btn{background:#f3efff!important;color:#5637b8!important;border:1.5px solid #b8a8ff!important;}
.np-zip-btn:hover,.np-zip-btn:active{background:#e9e0ff!important;border-color:#876dff!important;}
.np-add-btn{background:#ece8ff!important;color:#4c34a3!important;border:1.5px solid #9d8bff!important;font-weight:900!important;}
.np-add-btn:hover,.np-add-btn:active{background:#ded5ff!important;border-color:#7055f0!important;}
.np-cat-tabs{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;padding:10px 14px 12px;min-height:52px;}
.np-cat-btn{min-height:58px;padding:8px 9px;border-radius:9px;border:1.5px solid #d0ccf7;background:#fbfaff;color:#4f5572;cursor:pointer;font-size:.76rem;font-weight:900;font-family:'Nunito',sans-serif;transition:all .15s;touch-action:pan-y;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;box-shadow:0 2px 7px rgba(64,72,120,.06);display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;overflow:hidden;}
.np-cat-btn:hover,.np-cat-btn:active{border-color:#7c5cff;color:#4930a8;background:#eee9ff;box-shadow:0 4px 10px rgba(124,92,255,.14);}
.np-cat-btn.np-touch-dragging{opacity:.28;transform:scale(.97);border-color:#7c5cff;background:#eee9ff;box-shadow:0 0 0 3px rgba(124,92,255,.18);}
.np-cat-btn.np-touch-target{border-color:#7c5cff;background:#e6ddff;color:#4930a8;transform:translateY(-2px);box-shadow:0 4px 12px rgba(124,92,255,.22);}
.np-drop-placeholder{display:inline-flex;flex:0 0 var(--np-drop-width,96px);width:var(--np-drop-width,96px);height:var(--np-drop-height,36px);box-sizing:border-box;border:2px dashed #7c5cff;border-radius:20px;background:rgba(124,92,255,.10);animation:npDropPulse .75s ease-in-out infinite alternate;}
.np-drop-placeholder-card{border-radius:12px;min-height:74px;align-self:stretch;}
.np-drag-ghost{position:fixed;z-index:10050;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:7px 14px;border:2px solid #7c5cff;border-radius:20px;background:#f7f5ff;color:#4930a8;box-shadow:0 10px 24px rgba(44,35,110,.24);font:800 .8rem 'Nunito',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;opacity:.96;}
@keyframes npDropPulse{from{border-color:#9b88ff;background:rgba(124,92,255,.06)}to{border-color:#6044df;background:rgba(124,92,255,.16)}}
.np-full-cat-card{border-color:#d0ccf7!important;background:#fbfaff!important;}
.np-full-cat-card:hover,.np-full-cat-card:active{border-color:#7c5cff!important;background:#f1edff!important;}
.np-full-cat-name{color:#26314d;}
.np-full-cat-bar{background:#7c5cff!important;}
@media(max-width:900px){
  .np-full-cat-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(104px,1fr))!important;gap:8px!important;align-items:stretch!important;}
  .np-full-cat-card{display:grid!important;align-items:center!important;justify-items:center!important;gap:4px!important;width:auto!important;min-width:0!important;max-width:100%!important;min-height:68px!important;padding:8px 8px!important;border-radius:9px!important;box-shadow:0 2px 7px rgba(64,72,120,.06)!important;background:#fbfaff!important;}
  .np-full-cat-card:hover,.np-full-cat-card:active{transform:none!important;}
  .np-full-cat-icon{font-size:.9rem!important;margin:0!important;}
  .np-full-cat-name{font-size:.78rem!important;margin:0!important;white-space:nowrap!important;max-width:150px!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .np-full-cat-meta{display:none!important;}
  .np-full-cat-bar{display:none!important;}
}
/* AIC Notepad fullscreen editor */
.np-editor{position:fixed;inset:0;z-index:800;background:var(--bg);display:flex;flex-direction:column;animation:npFadeIn .18s ease;}
@keyframes npFadeIn{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:translateY(0);}}
.np-editor-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--card);border-bottom:1.5px solid var(--bdr);flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.np-editor-back{background:var(--dim);border:1.5px solid var(--bdr2);border-radius:8px;padding:7px 14px;font-size:.82rem;font-weight:700;cursor:pointer;font-family:'Nunito',sans-serif;color:var(--txt);touch-action:manipulation;transition:background .12s;}
.np-editor-back:hover{background:var(--bdr2);}
.np-editor-cat{font-size:1rem;font-weight:800;color:var(--txt);flex:1;}
.np-editor-status{font-size:.72rem;font-weight:600;white-space:nowrap;transition:color .3s;}
.np-editor-area{flex:1;width:100%;border:none;outline:none;background:var(--bg);font-family:'Nunito',sans-serif;font-size:.94rem;line-height:1.85;color:var(--txt);padding:20px 22px;resize:none;box-sizing:border-box;}
.np-block-editor{flex:1;min-height:0;overflow:auto;background:var(--bg);padding:18px 20px 28px;box-sizing:border-box;}
.np-text-block{display:block;width:100%;min-height:44px;border:0;outline:0;resize:none;overflow:hidden;background:transparent;color:var(--txt);font-family:'Nunito',sans-serif;font-size:.96rem;line-height:1.75;padding:3px 2px;box-sizing:border-box;}
.np-text-block::placeholder{color:#a7adb9;}
.np-inline-attachment{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) 28px;align-items:center;width:min(100%,520px);min-height:38px;margin:4px 0;border:1px solid #d9deea;border-radius:8px;background:#fff;box-shadow:0 1px 4px rgba(28,48,80,.07);overflow:visible;}
.np-attach-type{display:grid;place-items:center;align-self:stretch;border-radius:7px 0 0 7px;background:#f8ddef;color:#842263;font-size:.52rem;font-weight:900;letter-spacing:.02em;}
.np-attach-info{display:flex;align-items:center;gap:7px;min-width:0;height:100%;padding:5px 8px;border:0;background:transparent;color:var(--txt);cursor:pointer;text-align:left;font-family:'Nunito',sans-serif;}
.np-attach-info b{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;}
.np-attach-info small{flex-shrink:0;margin:0;color:var(--mut);font-size:.62rem;white-space:nowrap;}
.np-attach-more{height:28px;border:0;background:transparent;color:#747b8c;font-size:1.05rem;cursor:pointer;border-radius:50%;}
.np-attach-more:hover,.np-attach-more:active{background:#eef2f7;}
.np-attach-menu{display:none;position:absolute;right:5px;top:34px;z-index:4;min-width:110px;padding:5px;background:#fff;border:1px solid #d9deea;border-radius:9px;box-shadow:0 8px 24px rgba(0,0,0,.16);}
.np-attach-menu.open{display:grid;}
.np-attach-menu button{padding:7px 9px;border:0;border-radius:6px;background:#fff;color:#26314d;text-align:left;font:700 .76rem 'Nunito',sans-serif;cursor:pointer;}
.np-attach-menu button:hover{background:#eef6ff;}
.np-attach-menu button.danger{color:#b42318;}
.np-editor-foot{flex-shrink:0;padding:8px 16px;background:var(--card);border-top:1px solid var(--bdr);display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:var(--mut);}
@media(max-width:600px){
  .np-editor-bar{padding:9px 10px;gap:7px;}
  .np-editor-back{padding:6px 10px;}
  .np-editor-cat{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;}
  .np-editor-status{font-size:.66rem;}
  .np-editor-area{padding:14px 13px;font-size:.9rem;line-height:1.72;}
  .np-block-editor{padding:12px 14px 24px;}
  .np-text-block{font-size:.92rem;line-height:1.7;}
  .np-inline-attachment{grid-template-columns:32px minmax(0,1fr) 28px;min-height:36px;margin:4px 0;}
  .np-attach-info{padding:4px 7px;gap:5px;}
  .np-attach-info b{font-size:.76rem;}
  .np-attach-info small{font-size:.6rem;}
  .np-editor-foot{padding:7px 10px;gap:6px;flex-wrap:nowrap;}
  .np-editor-foot>div{min-width:0;flex-shrink:0;}
  .np-editor-foot>div:last-child{width:auto;max-width:none;margin-left:auto;justify-content:flex-end;overflow:visible;padding-bottom:0;}
  #npEditorFiles{padding-left:10px!important;padding-right:10px!important;}
}
@media(min-width:901px){
  .np-editor{inset:4vh auto auto 50%;width:min(900px,calc(100vw - 48px));height:92vh;transform:translateX(-50%);border:1px solid var(--bdr);border-radius:14px;overflow:hidden;box-shadow:0 0 0 100vmax rgba(15,23,42,.38),0 18px 50px rgba(15,23,42,.24);animation:npDesktopIn .18s ease;}
  @keyframes npDesktopIn{from{opacity:0;transform:translate(-50%,12px);}to{opacity:1;transform:translate(-50%,0);}}
}
@media(max-width:768px){
  .apps-bar{padding:7px 9px!important;gap:5px!important;background:#fffdf8!important;}
  .apps-label,.ql-label{width:100%;font-size:.56rem!important;margin:0 0 1px 1px!important;color:#6b7280!important;}
  .app-icon{flex:1 1 calc(50% - 6px);justify-content:center;min-height:38px;padding:6px 7px!important;border-radius:10px!important;font-size:.72rem!important;box-shadow:0 1px 3px rgba(0,0,0,.05);}
  .app-icon svg{width:17px!important;height:17px!important;}
  .ql-bar{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:6px 9px!important;gap:5px!important;background:#fff8ee!important;}
  .ql-bar .ql-label{grid-column:1;grid-row:1;width:auto!important;align-self:center;margin:0!important;}
  #qlLinks{grid-column:1/-1;grid-row:2;display:grid!important;grid-auto-flow:column;grid-template-rows:repeat(2,34px);grid-auto-columns:calc((100vw - 28px)/3);gap:5px!important;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:2px;}
  #qlLinks::-webkit-scrollbar{height:5px;}
  #qlLinks::-webkit-scrollbar-thumb{background:#b9853c;border-radius:8px;}
  .ql-link{justify-content:center;min-width:0!important;min-height:34px;padding:5px 7px!important;border-radius:9px!important;font-size:.68rem!important;overflow:hidden;text-overflow:ellipsis;scroll-snap-align:start;}
  .ql-add{grid-column:2;grid-row:1;width:112px;min-width:112px!important;max-width:112px!important;justify-content:center;min-height:34px!important;margin:0!important;padding:5px 7px!important;}
  .mobile-home-launcher{display:none!important;}
  .mobile-dash-toggle{position:absolute;opacity:0;pointer-events:none;}
  .mobile-full-dashboard-btn{display:flex;align-items:center;justify-content:center;width:100%;border:none;border-radius:12px;background:linear-gradient(135deg,#1f73b7,#2c8ee8);color:#fff;font-family:'Nunito',sans-serif;font-weight:900;font-size:.9rem;padding:12px 14px;box-shadow:0 5px 14px rgba(31,115,183,.22);cursor:pointer;}
  .mobile-dash-hide-text{display:none;}
  #mobileDashToggle:checked + .mobile-full-dashboard-btn .mobile-dash-open-text{display:none;}
  #mobileDashToggle:checked + .mobile-full-dashboard-btn .mobile-dash-hide-text{display:inline;}
  .mobile-home-hint{text-align:center;color:var(--mut);font-size:.62rem;font-weight:700;margin-top:5px;}
  body:not(.mobile-full-dashboard) #pan-home .mobile-home-launcher + .home-detail-dashboard,
  body.mobile-full-dashboard #pan-home .mobile-home-launcher + .home-detail-dashboard,
  #pan-home .mobile-home-launcher + .home-detail-dashboard{display:block!important;}
  /* Pills bar - wrap on mobile, no left-right scroll */
  #pillsBar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow-x:hidden!important;gap:6px!important;padding:6px 8px!important;scrollbar-width:auto!important;}
  #pillsBar::-webkit-scrollbar{display:none!important;}
  #pillsBar .pill{width:100%!important;min-width:0!important;max-width:none!important;flex:initial!important;flex-shrink:1!important;padding:7px 8px!important;height:204px!important;min-height:204px!important;max-height:204px!important;}
  #pillsBar .pill-lbl{font-size:.56rem;letter-spacing:.05em;}
  #pillsBar .pill-val{font-size:.9rem!important;line-height:1.1;}
  #pillsBar .pill-sub{font-size:.6rem!important;}
  #pillsBar .rent-due-mini-list{max-height:128px!important;overflow-y:auto!important;margin-top:4px;padding-bottom:1px;}
  #pillsBar .rent-due-mini-row{font-size:.7rem!important;padding:4px 6px;line-height:1.16!important;}
  #pillsBar .rent-due-mini-name,
  #pillsBar .rent-due-mini-amt{font-size:.7rem!important;}
  #pillsBar .pill [style*="max-height:90px"]{max-height:54px!important;overflow-y:hidden!important;}
  #pillsBar .pill .dashboard-todo-mini-list{max-height:128px!important;overflow:hidden!important;margin-top:4px!important;padding-bottom:0!important;}
  #pillsBar .pill .dashboard-todo-mini-list > div{font-size:.7rem!important;padding:2px 0!important;line-height:1.14!important;min-height:17px!important;}
  #pillsBar .pill .dashboard-todo-mini-list > div span:last-child{font-size:.58rem!important;}
  #pillsBar .khata-pill-head{display:flex;align-items:center;justify-content:space-between;gap:5px;}
  #pillsBar .khata-pill-party-count{font-size:.62rem!important;font-weight:900;color:#59408d;background:#fff;border:1px solid #c0a0f0;border-radius:10px;padding:2px 6px;white-space:nowrap;}
  #pillsBar .khata-pill-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:6px;}
  #pillsBar .khata-pill-total-box{border-radius:8px;padding:8px 6px;min-width:0;min-height:53px;display:flex;flex-direction:column;justify-content:center;}
  #pillsBar .khata-pill-total-amount{font-size:.8rem!important;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:'JetBrains Mono',monospace;}
  #pillsBar .khata-pill-party-list{margin-top:5px;max-height:105px;overflow-y:auto;}
  #pillsBar .khata-pill-party-list div{font-size:.7rem!important;}
  #pillsBar .khata-pill-party-list span{font-size:.68rem!important;}
  #pillsBar .pill [role="button"] div div:first-child{font-size:.68rem!important;}
  #pillsBar .pill [role="button"] div div:last-child{font-size:.56rem!important;}
  #pillsBar .pill [role="button"] span{font-size:.58rem!important;}
  #pillsBar .pill button[onclick*="showCalendarDayPopup"]{font-size:.66rem!important;min-height:21px!important;}
  #pillsBar .pill div[style*="font-size:.48rem"]{font-size:.52rem!important;}
  #pillsBar .pill div[style*="font-size:.65rem"]{font-size:.7rem!important;}
  /* Tab bar — 2 rows on mobile */
  .tabs{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
    overflow-x:hidden!important;
    padding:7px 8px!important;
    align-items:stretch!important;
  }
  .tab{
    width:100%!important;
    min-width:0!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:.67rem!important;
    padding:6px 5px!important;
    min-height:41px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  /* Modal full width on mobile */
  .modal{width:96vw!important;max-width:96vw!important;margin:8px auto!important;}
  /* Reminder stats grid — 2 col on mobile */
  #pan-reminder .stats-grid-4{grid-template-columns:1fr 1fr!important;}
  /* Khata summary bar - keep Liya/Diya/Cash in one compact row */
  .kb-summary-bar{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;}
  .kb-sum-card{padding:7px 5px!important;border-radius:8px!important;min-width:0!important;}
  .kb-sum-card div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .kb-sum-card>div:nth-child(2){font-size:1rem!important;}
  .kb-filter-row{gap:5px!important;}
  .kb-datebox input[type="text"]{width:96px!important;font-size:.68rem!important;}
  .kb-ledger-search{flex:1 1 138px!important;min-width:138px!important;gap:4px!important;}
  .kb-ledger-search input{min-width:0!important;font-size:.72rem!important;padding:5px 7px!important;}
  .kb-ledger-search-btn,.kb-ledger-clear-search{min-width:34px!important;padding-left:8px!important;padding-right:8px!important;}
  .kb-party-ledger-header{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;}
  .kb-party-ledger-title{width:100%!important;min-width:0!important;flex:none!important;padding:8px 10px!important;border-radius:10px!important;}
  .kb-party-ledger-avatar{width:34px!important;height:34px!important;font-size:.78rem!important;}
  .kb-party-ledger-copy{display:block!important;min-width:0!important;}
  .kb-party-ledger-name{font-size:1.02rem!important;}
  .kb-party-ledger-meta{font-size:.74rem!important;max-width:100%!important;display:block!important;margin-top:2px!important;}
  .kb-party-ledger-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;width:100%!important;}
  .kb-party-ledger-actions .btn{width:100%!important;min-width:0!important;justify-content:center!important;padding:7px 6px!important;font-size:.72rem!important;white-space:nowrap!important;}
  .kb-entry{display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:8px!important;align-items:flex-start!important;padding:11px 10px!important;border-bottom:2px solid #e4eef8!important;}
  .kb-entry>div:first-child{grid-column:1;grid-row:1 / span 3;width:34px!important;height:34px!important;}
  .kb-entry>div:nth-child(2){grid-column:2;grid-row:1;min-width:0!important;width:100%!important;}
  .kb-entry>div:nth-child(3){grid-column:2;grid-row:2;text-align:left!important;margin-top:3px;}
  .kb-entry>div:nth-child(4){grid-column:2;grid-row:3;margin-left:0!important;margin-top:4px;justify-content:flex-end;}
  .kb-split-box{max-width:none!important;width:100%!important;margin-top:8px!important;}
  .kb-split-table{min-width:0!important;width:100%!important;table-layout:fixed!important;}
  .kb-split-table th,.kb-split-table td{font-size:.72rem!important;padding:5px 8px!important;}
  .kb-alloc-row{grid-template-columns:1fr!important;gap:5px!important;background:#fff;border:1px dashed #f0c060;border-radius:8px;padding:6px;margin-bottom:7px;}
  .kb-alloc-del{width:42px;justify-self:end;}
  .kb-head-grid{grid-template-columns:1fr!important;}
  .kb-head-screen{padding:8px!important;}
  .kb-head-ledger{padding:8px!important;border-radius:10px!important;}
  .kb-head-screen-top{gap:7px!important;margin-bottom:7px!important;}
  .kb-subledger-actions{width:100%!important;justify-content:flex-end!important;gap:6px!important;flex-wrap:wrap!important;}
  .kb-subledger-action{padding:6px 9px!important;min-height:31px!important;font-size:.68rem!important;border-radius:8px!important;white-space:nowrap!important;}
  .kb-head-filter-row{grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;margin:7px 0!important;}
  .kb-head-filter-row select{font-size:.78rem!important;padding:7px 9px!important;min-height:36px!important;}
  .kb-subledger-delete{padding:6px 9px!important;min-height:34px!important;font-size:.66rem!important;max-width:82px!important;overflow:hidden;text-overflow:ellipsis;}
  .kb-head-ledger-totals{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  /* Finance summary - match Khata compact mobile row */
  .fin-summary-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;margin-bottom:12px!important;}
  .fin-summary-card{min-width:0!important;padding:7px 5px!important;border-radius:8px!important;box-shadow:none!important;}
  .fin-summary-title-row{display:block!important;margin-bottom:4px!important;text-align:center!important;}
  .fin-summary-icon{width:24px!important;height:24px!important;font-size:.82rem!important;margin:0 auto 3px!important;}
  .fin-summary-label{font-size:.48rem!important;letter-spacing:.04em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .fin-summary-amount{font-size:.78rem!important;line-height:1.1!important;margin-bottom:2px!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .fin-summary-period{display:none!important;}
  /* Buttons in cards — full width touch targets */
  .card-foot{flex-wrap:wrap!important;}
  .btn.b-sm{min-height:36px!important;padding:6px 10px!important;}
}
.notepad-foot{padding:6px 14px;border-top:1px solid var(--bdr);background:var(--card2);display:flex;gap:6px;align-items:center;font-size:.72rem;color:var(--mut);}

/* PROGRESS BAR */
.prog-bar{height:5px;background:var(--dim);border-radius:3px;overflow:hidden;margin:4px 0;}
.prog-fill{height:100%;border-radius:3px;transition:width .3s;}

/* MOBILE PROPERTY DETAIL FIX */
@media(max-width:900px){
  #pan-property [style*="grid-template-columns:280px"]{
    grid-template-columns:1fr!important;
  }
}

/* CALENDAR EVENTS LIST delete button alignment */
#pan-calendar .card > div{position:relative;}

/* TOAST */
#appToast{max-width:90vw;text-align:center;pointer-events:none;}
.prop-cost-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;overflow:hidden;}
.prop-cost-modal{width:min(1080px,100%);max-height:calc(100dvh - 32px);background:#fff;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 44px rgba(0,0,0,.3);}
@media(max-width:700px){
  .prop-cost-overlay{align-items:flex-end;padding:8px;padding-bottom:max(8px,env(safe-area-inset-bottom));}
  .prop-cost-modal{max-height:calc(100dvh - 16px);border-radius:16px 16px 10px 10px;}
  #appToast{left:12px!important;right:12px!important;bottom:max(14px,env(safe-area-inset-bottom))!important;max-width:none!important;}
}
.todo-wrap{background:var(--card);border:1px solid var(--bdr);border-radius:12px;overflow:hidden;box-shadow:var(--sh);}
.todo-hdr{background:var(--card2);padding:9px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--bdr);}
.todo-input-row{display:flex;gap:6px;padding:9px 14px;border-bottom:1px solid var(--bdr);}
.todo-input{flex:1;background:var(--bg);border:1.5px solid var(--bdr2);color:var(--txt);padding:6px 10px;border-radius:7px;font-family:'Nunito',sans-serif;font-size:.83rem;outline:none;}
.todo-input:focus{border-color:var(--acc);}
.todo-list{max-height:200px;overflow-y:auto;}
.todo-item{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid var(--bdr);font-size:.83rem;}
.todo-item:last-child{border-bottom:none;}
.todo-item.done .todo-text{text-decoration:line-through;color:var(--mut);}
.todo-check{width:16px;height:16px;cursor:pointer;accent-color:var(--grn);}
.todo-text{flex:1;}
.todo-del{cursor:pointer;color:var(--red);font-size:.8rem;padding:2px 6px;border-radius:4px;border:none;background:transparent;}
.todo-manager-head{background:#f0faf5;gap:10px;}
.todo-manager-head h2{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:1rem;}
.todo-manager-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:11px;}
.todo-manager-toolbar .btn{flex:0 1 auto;}
.todo-toolbar-mobile{display:none;}
.todo-category-list{display:grid;gap:10px;}
.todo-cat-section{border:1.5px solid color-mix(in srgb,var(--todo-cat) 35%,var(--bdr));border-radius:10px;overflow:hidden;background:var(--card);scroll-margin-top:150px;}
.todo-cat-head{width:100%;border-bottom:1px solid color-mix(in srgb,var(--todo-cat) 24%,var(--bdr));background:var(--todo-cat-bg);color:var(--todo-cat-text,var(--todo-cat));display:flex;align-items:center;gap:6px;}
.todo-cat-toggle{min-width:0;flex:1;border:0;background:transparent;color:inherit;padding:9px 6px 9px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;font:800 .83rem 'Nunito',sans-serif;cursor:pointer;text-align:left;}
.todo-cat-add{flex:0 0 auto;margin-right:8px;border:1px solid color-mix(in srgb,var(--todo-cat) 38%,var(--bdr));border-radius:7px;background:var(--card);color:var(--todo-cat-text,var(--todo-cat));padding:5px 8px;font:800 .68rem 'Nunito',sans-serif;cursor:pointer;white-space:nowrap;}
.todo-cat-add:hover{background:color-mix(in srgb,var(--todo-cat-bg) 70%,var(--card));}
.todo-cat-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.todo-cat-title b{font-family:'JetBrains Mono',monospace;}
.todo-cat-panel{background:var(--card);}
.todo-cat-empty{padding:12px;color:var(--mut);font-size:.76rem;text-align:center;}
.todo-cat-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap;padding:7px 10px;background:var(--card2);border-top:1px solid var(--bdr);}
.todo-completed{--todo-cat:#62806c;--todo-cat-bg:#f2f7f3;}
.todo-row-action{padding:4px 8px!important;white-space:nowrap;}
.todo-summary-wrap{display:grid;gap:11px;}
.todo-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;}
.todo-summary-page{display:contents;}
.todo-summary-card{min-width:0;border:1.5px solid color-mix(in srgb,var(--todo-cat) 35%,var(--bdr));border-radius:9px;background:var(--todo-cat-bg);color:var(--todo-cat-text,var(--todo-cat));padding:10px 7px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:'icon name' 'count count';align-items:center;gap:3px 6px;font-family:'Nunito',sans-serif;cursor:pointer;text-align:left;}
.todo-summary-card:hover{box-shadow:0 3px 10px rgba(33,53,75,.10);transform:translateY(-1px);}
.todo-summary-icon{grid-area:icon;font-size:1rem;}
.todo-summary-name{grid-area:name;font-size:.72rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.todo-summary-card strong{grid-area:count;text-align:center;font:900 1.15rem 'JetBrains Mono',monospace;}
.todo-summary-subtitle{font-size:.78rem;font-weight:900;color:var(--txt);margin-top:2px;}
.todo-summary-list{border:1px solid var(--bdr);border-radius:9px;overflow:hidden;background:var(--card);}
.todo-summary-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 11px;border-bottom:1px solid var(--bdr);}
.todo-summary-row:last-child{border-bottom:0;}
.todo-summary-row>button{border:0;background:none;padding:0;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;font-family:'Nunito',sans-serif;cursor:pointer;text-align:left;}
.todo-summary-row>button span{font-size:.79rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.todo-summary-row>button small{font-size:.65rem;font-weight:800;white-space:nowrap;}
.todo-view-all{width:100%;border:1.5px solid #a8c8e8;border-radius:9px;background:#f5faff;color:#1d6095;padding:9px 12px;display:flex;align-items:center;justify-content:center;gap:12px;font:800 .78rem 'Nunito',sans-serif;cursor:pointer;}
.todo-view-all:hover{background:#eaf4ff;}
.todo-cat-modal .modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;}
.todo-cat-modal .modal-head h2{margin:0;font-size:1rem;color:#1a7a45;}
.todo-manage-list{display:grid;gap:7px;max-height:52vh;overflow-y:auto;}
.todo-manage-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:8px;padding:8px 9px;border:1px solid var(--bdr);border-radius:8px;background:var(--card2);}
.todo-manage-row>div{min-width:0;display:grid;}
.todo-manage-row b{font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.todo-manage-row small{font-size:.64rem;color:var(--mut);}
.todo-manage-move{display:flex!important;gap:4px;flex-wrap:wrap;justify-content:flex-end;min-width:188px;}
.todo-manage-move .btn{padding:4px 7px!important;font-size:.64rem!important;}

/* Dashboard Alerts Today */
.dash-alerts{background:var(--card);border:1px solid var(--bdr);border-radius:12px;box-shadow:var(--sh);overflow:hidden;margin-bottom:14px;}
.dash-alerts-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid var(--bdr);background:linear-gradient(135deg,#ffffff,#f4f8ff);}
.dash-alerts-title{font-weight:900;font-size:1rem;color:#1760a0;}
.dash-alerts-sub{font-size:.72rem;color:var(--mut);margin-top:2px;}
.dash-alerts-stats{display:grid;grid-template-columns:repeat(7,minmax(58px,1fr));gap:6px;min-width:500px;}
.dash-alert-stat{border-radius:8px;padding:7px 9px;border:1px solid var(--bdr);background:var(--bg);font-family:'Nunito',sans-serif;cursor:pointer;text-align:left;}
.dash-alert-stat:hover{filter:brightness(.98);box-shadow:0 2px 7px rgba(33,53,75,.08);}
.dash-alert-stat b{display:block;font-family:'JetBrains Mono',monospace;font-size:.95rem;line-height:1;}
.dash-alert-stat span{display:block;font-size:.58rem;font-weight:900;text-transform:uppercase;margin-top:3px;white-space:nowrap;}
.dash-alert-add{border:1px solid #90c8a0;background:#e8f5e9;color:#166534;border-radius:8px;padding:6px 7px;font-size:.64rem;font-weight:900;cursor:pointer;white-space:nowrap;font-family:'Nunito',sans-serif;}
.dash-alert-add:hover{background:#d8f1df;}
.dash-alerts-list{padding:10px 12px 12px;display:grid;gap:7px;}
.dash-alert-head-row,.dash-alert-row{display:grid;grid-template-columns:minmax(260px,1fr) 132px 132px 230px;column-gap:12px;align-items:center;}
.dash-alert-head-row{padding:0 10px 2px 15px;color:var(--mut);font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.03em;}
.dash-alert-head-row span{text-align:center;}
.dash-alert-head-row span:first-child{text-align:left;}
.dash-alert-row{border:1px solid var(--bdr);border-left-width:5px;border-radius:9px;background:#fff;padding:9px 10px;min-height:68px;}
.dash-alert-row.red{border-left-color:#c0392b;background:#fffafa;}
.dash-alert-row.amber{border-left-color:#b56b00;background:#fffdf7;}
.dash-alert-row.blue{border-left-color:#1760a0;background:#fbfdff;}
.dash-alert-row > *:not(.dash-alert-main){justify-self:center;text-align:center;}
.dash-alert-main{min-width:0;}
.dash-alert-name{font-size:.86rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dash-alert-detail{font-size:.7rem;color:var(--mut);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dash-alert-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:3px 8px;font-size:.66rem;font-weight:900;border:1px solid transparent;white-space:nowrap;}
.dash-alert-chip.rent{background:#fff0f0;color:#b92d2d;border-color:#f0a0a0;}
.dash-alert-chip.med{background:#eef6ff;color:#1760a0;border-color:#90b8e8;}
.dash-alert-chip.rem{background:#fff8ee;color:#854f0b;border-color:#e8a060;}
.dash-alert-date{font-family:'JetBrains Mono',monospace;font-size:.76rem;font-weight:800;color:var(--txt);white-space:nowrap;}
.dash-alert-status{font-size:.7rem;font-weight:900;border-radius:7px;padding:4px 7px;text-align:center;white-space:nowrap;}
.dash-alert-status.red{background:#fff0f0;color:#b92d2d;}
.dash-alert-status.amber{background:#fff8ee;color:#854f0b;}
.dash-alert-status.blue{background:#eef6ff;color:#1760a0;}
.dash-alert-amount{font-family:'JetBrains Mono',monospace;font-size:.78rem;font-weight:900;white-space:nowrap;}
.dash-alert-amount.muted{color:var(--mut);}
.dash-alert-action{border-radius:8px;padding:7px 10px;font-weight:900;font-size:.72rem;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid var(--bdr);}
.dash-alert-action.rent{background:#fff0f0;color:#b92d2d;border-color:#f0a0a0;}
.dash-alert-action.med{background:#eef6ff;color:#1760a0;border-color:#90b8e8;}
.dash-alert-action.rem{background:#fff8ee;color:#854f0b;border-color:#e8a060;}
.dash-alert-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px;}
.dash-alert-action.done{background:#eefbf3;color:#147642;border-color:#9ed8b8;}
.dash-alert-action.snooze{background:#fff9e8;color:#854f0b;border-color:#ebca7a;}
.dash-alert-more{width:34px;min-width:34px;padding:6px 0;font-size:1rem;line-height:1;}
.dash-alert-row-detail{display:none;grid-column:1/-1;margin-top:3px;padding:9px 10px;border-top:1px solid var(--bdr);color:var(--mut);font-size:.72rem;}
.dash-alert-row-detail .dash-alert-card-actions{margin-top:7px;}
.dash-alert-card{display:none;background:var(--card);border:1.5px solid #d88a42;border-left:4px solid #d88a42;border-radius:12px;padding:10px 12px;cursor:pointer;box-shadow:0 1px 4px rgba(20,40,70,.05);}
.dash-alert-card.red{border-color:#d33b32;background:#fffafa;}
.dash-alert-card.amber{border-color:#d88a42;background:#fffdf8;}
.dash-alert-card.blue{border-color:#1760a0;background:#fbfdff;}
.dash-alert-card-top{display:flex;align-items:center;gap:10px;}
.dash-alert-icon{width:38px;height:38px;border-radius:50%;background:var(--dim);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.dash-alert-card-main{flex:1;min-width:0;}
.dash-alert-card-title{font-size:.9rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dash-alert-card-sub{font-size:.72rem;color:var(--mut);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dash-alert-card-meta{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin-top:4px;font-size:.66rem;color:var(--mut);}
.dash-alert-card-badge{background:#fff0f0;color:#a32d2d;border-radius:999px;padding:3px 8px;font-size:.66rem;font-weight:900;white-space:nowrap;}
.dash-alert-card-detail{display:none;margin-top:9px;padding-top:9px;border-top:1px solid var(--bdr);font-size:.74rem;color:var(--mut);}
.dash-alert-card-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;}
.dash-alert-group-title{display:flex;align-items:center;gap:8px;margin-bottom:9px;padding:6px 12px;background:#fff3e8;border-left:4px solid #d88a42;border-radius:9px;}
.dash-alert-group-title b{color:#b5701c;font-size:.9rem;}
@media(max-width:760px){
  .dash-alerts{border-radius:10px;margin-bottom:10px;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;}
  .dash-alerts-head{display:grid;grid-template-columns:1fr;padding:8px;gap:6px;}
  .dash-alerts-title{font-size:.86rem;}
  .dash-alerts-sub{display:none;}
  .dash-alerts-stats{min-width:0;margin-top:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;}
  .dash-alert-stat{padding:9px 5px;border-radius:9px;text-align:center;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
  .dash-alert-stat b{font-size:1.08rem;}
  .dash-alert-stat span{font-size:.58rem;margin-top:4px;}
  .dash-alert-add{display:none;}
  .dash-alerts-list{padding:6px;gap:5px;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;}
  .home-detail-dashboard .dash-alerts-list{display:none;}
  .dash-alert-row,.dash-alert-head-row{display:none;}
  .dash-alert-main{flex:1 1 150px;min-width:0;}
  .dash-alert-name{font-size:.77rem;}
  .dash-alert-detail{font-size:.6rem;margin-top:0;}
  .dash-alert-chip{font-size:.54rem;padding:1px 5px;}
  .dash-alert-date{font-size:.6rem;}
  .dash-alert-status{font-size:.56rem;padding:2px 5px;border-radius:6px;}
  .dash-alert-amount{font-size:.6rem;}
  .dash-alert-action{margin-left:auto;min-height:28px;padding:4px 7px;font-size:.6rem;border-radius:7px;}
  .dash-alert-card{display:block;padding:9px 10px;border-radius:11px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden;}
  .dash-alert-card-top{gap:8px;}
  .dash-alert-icon{width:34px;height:34px;font-size:1rem;}
  .dash-alert-card-main{min-width:0;overflow:hidden;}
  .dash-alert-card-title{font-size:.84rem;}
  .dash-alert-card-sub{font-size:.68rem;}
  .dash-alert-card-meta{font-size:.62rem;margin-top:3px;}
  .dash-alert-card-badge{font-size:.62rem;padding:2px 7px;}
  .dash-alert-card-detail{font-size:.7rem;}
  .dash-alert-group-title{margin:0 0 8px;padding:5px 10px;}
  .dash-alert-group-title b{font-size:.84rem;}
}
@media(min-width:900px){
  #pillsBar .pill-sub{font-size:.66rem!important;}
  #pillsBar .rent-due-mini-row{font-size:.74rem!important;}
  #pillsBar .rent-due-mini-name{font-size:.74rem!important;}
  #pillsBar .rent-due-mini-amt{font-size:.74rem!important;}
  #pillsBar .khata-pill-party-list div{font-size:.74rem!important;}
  #pillsBar .khata-pill-party-list span{font-size:.72rem!important;}
  #pillsBar .pill [role="button"] div div:first-child{font-size:.74rem!important;}
  #pillsBar .pill [role="button"] div div:last-child{font-size:.6rem!important;}
  #pillsBar .pill [role="button"] span{font-size:.62rem!important;}
  #pillsBar .pill button[onclick*="showCalendarDayPopup"]{font-size:.7rem!important;min-height:21px!important;}
  #pillsBar .pill div[style*="font-size:.48rem"]{font-size:.56rem!important;}
  #pillsBar .pill div[style*="font-size:.65rem"]{font-size:.74rem!important;}
  #pillsBar .dashboard-todo-mini-list>div{font-size:.74rem!important;line-height:1.14!important;min-height:17px!important;padding:2px 0!important;}
  #pillsBar .dashboard-todo-mini-list>div span:last-child{font-size:.62rem!important;}
}
.todo-del:hover{background:#fff0f0;}
.todo-pri-high{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5;border-radius:5px;font-size:.6rem;padding:1px 6px;font-weight:800;white-space:nowrap;}
.todo-pri-med{background:#fef9c3;color:#854d0e;border:1px solid #fde68a;border-radius:5px;font-size:.6rem;padding:1px 6px;font-weight:800;white-space:nowrap;}
.todo-pri-low{background:#dcfce7;color:#166534;border:1px solid #86efac;border-radius:5px;font-size:.6rem;padding:1px 6px;font-weight:800;white-space:nowrap;}
.todo-due-over{color:#e53935;font-size:.64rem;font-weight:700;}
.todo-due-today{color:#e09050;font-size:.64rem;font-weight:700;}
.todo-due-soon{color:#b89000;font-size:.64rem;font-weight:700;}
.todo-due-ok{color:var(--mut);font-size:.64rem;}
.todo-filter-bar{display:flex;gap:6px;flex-wrap:wrap;padding:8px 14px;border-bottom:1px solid var(--bdr);background:var(--card2);}
.todo-filter-btn{font-size:.68rem;padding:3px 10px;border-radius:12px;border:1.5px solid var(--bdr2);background:var(--card);cursor:pointer;font-weight:700;font-family:'Nunito',sans-serif;}
.todo-filter-btn.on{background:var(--acc);color:#fff;border-color:var(--acc);}
.todo-add-box{background:linear-gradient(180deg,#f6fbf8,#eef8f1)!important;border:2px solid #9bc9aa!important;box-shadow:0 3px 12px rgba(23,90,49,.10)!important;}
.todo-add-grid{gap:9px!important;}
.todo-task-field label,.todo-category-field label,.todo-date-field label{font-weight:900!important;color:#0f6a31!important;}
.todo-task-input{background:#fff!important;border:2px solid #88aeca!important;border-radius:9px!important;font-weight:800!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 1px 6px rgba(35,70,100,.06);}
.todo-task-input:focus{border-color:#137a3a!important;box-shadow:0 0 0 3px rgba(19,122,58,.12);}
.todo-category-field select{border-color:#9fb6ca!important;background:#fff!important;}
.todo-save-btn{background:#0b7a34!important;border-color:#08662b!important;color:#fff!important;box-shadow:0 3px 10px rgba(11,122,52,.26)!important;min-width:116px!important;padding-left:13px!important;padding-right:13px!important;}
@media(max-width:700px){
  .todo-add-box{padding:10px!important;background:#f5fbf7!important;border-color:#9ac8a9!important;}
  .todo-add-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(96px,.52fr) auto auto!important;gap:8px!important;align-items:end!important;}
  .todo-task-field{grid-column:1/-1!important;min-width:0!important;}
  .todo-task-field label{font-size:.72rem!important;color:#0f6a31!important;font-weight:900!important;}
  .todo-task-input{height:48px!important;min-height:48px!important;font-size:.92rem!important;font-weight:800!important;padding:12px 13px!important;border:2px solid #7fa8c4!important;border-radius:10px!important;background:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 2px 8px rgba(35,70,100,.08);}
  .todo-task-input::placeholder{color:#6b7c8c!important;font-weight:800!important;}
  .todo-category-field{grid-column:1/2!important;min-width:0!important;}
  .todo-category-field select{height:42px!important;border-radius:9px!important;font-weight:800!important;background:#fff!important;}
  .todo-save-btn{grid-column:2/5!important;width:100%!important;height:42px!important;min-width:0!important;flex:auto!important;border-radius:9px!important;background:#0b7a34!important;border-color:#08662b!important;font-size:.74rem!important;box-shadow:0 3px 10px rgba(11,122,52,.28)!important;}
  .todo-date-field{grid-column:1/3!important;min-width:0!important;}
  .todo-date-field .date-wrap,.todo-date-field input[type="text"]{width:100%!important;}
  .todo-note-btn,.todo-print-btn{width:100%!important;height:38px!important;min-width:0!important;flex:auto!important;padding:6px!important;}
  .todo-summary-grid{display:flex;gap:9px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px;overscroll-behavior-x:contain;}
  .todo-summary-grid::-webkit-scrollbar{height:4px;}
  .todo-summary-grid::-webkit-scrollbar-thumb{background:#bfd8c8;border-radius:999px;}
  .todo-summary-page{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,auto);gap:6px;flex:0 0 100%;scroll-snap-align:start;}
  .todo-summary-page-incomplete{grid-auto-flow:column;grid-auto-columns:calc((100% - 12px)/3);grid-template-columns:none;grid-template-rows:repeat(2,minmax(54px,auto));justify-content:start;}
  .todo-summary-card{padding:6px 5px;min-height:54px;border-radius:8px;}
  .todo-summary-icon{font-size:.86rem;}
  .todo-summary-name{font-size:.64rem;}
  .todo-summary-card strong{font-size:.95rem;}
  .todo-summary-subtitle,.todo-summary-list{display:none;}
  .todo-summary-row{padding:8px;gap:7px;}
  .todo-summary-row>button{display:grid;gap:1px;}
  .todo-summary-row>button small{white-space:normal;}
  .todo-manager-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;}
  .todo-manager-toolbar .btn{width:100%;min-width:0;justify-content:center;padding:6px 4px;font-size:.66rem;white-space:nowrap;}
  .todo-toolbar-desktop{display:none;}
  .todo-toolbar-mobile{display:inline;}
  .todo-item{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:start!important;gap:5px!important;padding:7px 8px!important;}
  .todo-item>.todo-check{margin:0!important;flex:none;}
  .todo-item>.todo-main{display:contents!important;}
  .todo-item .todo-text{min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;white-space:normal;font-size:.78rem;line-height:1.3!important;overflow-wrap:anywhere;}
  .todo-item .todo-meta{display:grid!important;gap:0!important;margin:0!important;text-align:right;font-size:.57rem!important;line-height:1.15;white-space:nowrap;}
  .todo-item .todo-note{display:none!important;}
  .todo-row-action{margin:0!important;padding:3px 5px!important;font-size:.58rem!important;min-width:0!important;line-height:1.2;}
  .todo-cat-actions{justify-content:stretch;}
  .todo-cat-actions .btn{flex:1;justify-content:center;}
  .todo-manage-row{grid-template-columns:auto minmax(0,1fr);gap:7px;}
  .todo-manage-move{grid-column:1/3;min-width:0;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;}
  .todo-manage-move .btn{width:100%;justify-content:center;padding:5px 3px!important;}
  .todo-manage-row>.btn{justify-content:center;}
  .todo-manage-row>.btn:not(.b-red){grid-column:1/2;}
  .todo-manage-row .b-red{grid-column:2/3;justify-content:center;}
  #dashCalendarSec .dash-calendar-events{display:none!important;}
  #dashCalendarSec .card-hdr{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;align-items:stretch!important;}
  #dashCalendarSec .dash-calendar-actions{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;width:100%!important;justify-content:stretch!important;}
  #dashCalendarSec .dash-calendar-actions .btn{width:100%!important;min-width:0!important;padding:5px 2px!important;font-size:.56rem!important;line-height:1.1!important;white-space:nowrap!important;justify-content:center!important;}
  #dashNotepadSec .np-widget{box-shadow:var(--sh);}
  #dashNotepadSec .np-cat-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
  #dashNotepadSec .np-cat-btn{min-height:54px;padding:6px 5px;border-radius:8px;font-size:.64rem;}
}
.pack-item{display:flex;align-items:center;gap:8px;padding:7px 14px;border-bottom:1px solid var(--bdr);font-size:.83rem;}
.pack-item.packed .pack-text{text-decoration:line-through;color:var(--mut);}
.pack-check{width:16px;height:16px;cursor:pointer;accent-color:var(--grn);}

/* ══ FILE UPLOAD SYSTEM ══ */
.fu-zone{border:2px dashed var(--bdr2);border-radius:10px;padding:12px 14px;background:var(--bg);transition:all .2s;display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
.fu-zone.drag-over{border-color:var(--acc);background:#fff8ee;}
.fu-upload-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 18px;background:#145c9e!important;color:#fff!important;border:1.5px solid #0f477a;border-radius:8px;cursor:pointer;font-family:'Nunito',sans-serif;font-size:.82rem;font-weight:900;letter-spacing:0;transition:all .15s;white-space:nowrap;touch-action:manipulation;min-height:44px;-webkit-tap-highlight-color:rgba(0,0,0,.1);user-select:none;box-shadow:0 2px 8px rgba(20,92,158,.22);text-shadow:0 1px 1px rgba(0,0,0,.22);}
.fu-upload-btn:hover,.fu-upload-btn:focus{background:#0f477a!important;color:#fff!important;transform:translateY(-1px);outline:2px solid rgba(20,92,158,.18);outline-offset:2px;}
.fu-doc-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;background:#eef6ff;color:#1760a0;border:1.5px solid #9cc5ea;border-radius:8px;cursor:pointer;font-family:'Nunito',sans-serif;font-size:.78rem;font-weight:800;white-space:nowrap;}
.fu-return-focus{border-color:#145c9e!important;background:#eef6ff!important;box-shadow:0 0 0 3px rgba(20,92,158,.14);}
.fu-hint{font-size:.68rem;color:var(--mut);}
.fu-files-list{margin-top:8px;display:flex;flex-direction:column;gap:6px;}

/* Central Document Center lives inside Settings, so dashboard geometry stays unchanged. */
.doc-center-modal{width:min(96vw,980px);max-width:980px;max-height:92vh;padding:0;overflow:hidden;}
.doc-center-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1.5px solid var(--bdr);background:var(--card);}
.doc-center-title{font-size:1.02rem;font-weight:900;color:var(--blu);}
.doc-center-sub{font-size:.7rem;color:var(--mut);margin-top:2px;}
#documentCenterBody{padding:12px 14px 16px;overflow:auto;max-height:calc(92vh - 64px);}
.doc-center-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:9px;}
.doc-center-search input{width:100%;padding:9px 11px;border:1.5px solid var(--bdr2);border-radius:8px;background:var(--bg);color:var(--txt);font:600 .82rem 'Nunito',sans-serif;outline:none;}
.doc-folder-row{display:flex;gap:6px;overflow-x:auto;padding:9px 0;scrollbar-width:thin;}
.doc-folder-chip{border:1.5px solid var(--bdr2);background:var(--card);color:var(--txt);border-radius:999px;padding:6px 10px;font:700 .73rem 'Nunito',sans-serif;white-space:nowrap;cursor:pointer;}
.doc-folder-chip.on{background:#e8f2ff;border-color:#2c6fad;color:#145c9e;}
.doc-file-list{display:flex;flex-direction:column;gap:6px;}
.doc-file-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 9px;border:1px solid var(--bdr);border-radius:8px;background:var(--card);}
.doc-file-ext{height:34px;border-radius:6px;background:#f4e8ff;color:#6b3597;display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:900;}
.doc-file-main{min-width:0;}.doc-file-main a{display:block;color:var(--txt);font-size:.82rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;}.doc-file-main div{font-size:.66rem;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;}
.doc-file-actions{display:flex;align-items:center;gap:5px;}.doc-file-actions select{max-width:130px;padding:6px;border:1px solid var(--bdr2);border-radius:6px;background:var(--bg);font-size:.7rem;}
.doc-picker-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;border:1px solid var(--bdr);border-radius:8px;background:var(--card);}.doc-picker-row>div{min-width:0}.doc-picker-row b{display:block;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-picker-row small{display:block;color:var(--mut);font-size:.65rem;margin-top:2px;}

@media(max-width:700px){
  .doc-center-modal{width:96vw;max-height:90vh;}
  #documentCenterBody{padding:10px;max-height:calc(90vh - 62px);}
  .doc-center-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
  .doc-center-tools .btn{width:100%;padding-left:5px;padding-right:5px;font-size:.68rem;white-space:nowrap;}
  .doc-file-row{grid-template-columns:40px minmax(0,1fr);gap:7px;}
  .doc-file-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:100%;}
  .doc-file-actions .btn,.doc-file-actions select{width:100%;min-width:0;max-width:none;padding:6px 4px;font-size:.66rem;white-space:nowrap;}
  .fu-doc-btn{width:100%;}
}
.fu-file-item{display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--bdr);border-radius:8px;padding:8px 11px;font-size:.8rem;}
.fu-file-item.uploading{border-color:var(--acc2);background:#fffbee;}
.fu-file-item.done{border-color:#90c8a0;background:#f0faf5;}
.fu-file-item.error{border-color:#f0a0a0;background:#fff0f0;}
.fu-file-icon{font-size:1.2rem;flex-shrink:0;}
.fu-file-name{font-weight:600;word-break:break-all;font-size:.76rem;line-height:1.3;}
.fu-file-size{font-size:.65rem;color:var(--mut);font-family:'JetBrains Mono',monospace;margin-top:1px;}
.fu-file-del{background:none;border:none;cursor:pointer;color:var(--red);font-size:.9rem;padding:2px 5px;border-radius:4px;flex-shrink:0;line-height:1;}
.fu-file-del:hover{background:#fff0f0;}
.fu-file-preview{width:38px;height:38px;object-fit:cover;border-radius:5px;cursor:pointer;flex-shrink:0;}
.fu-progress{height:3px;background:var(--bdr);border-radius:2px;margin-top:4px;overflow:hidden;}
.fu-progress-bar{height:100%;background:var(--acc);border-radius:2px;transition:width .3s;}
/* Search tab special styling */
.tab-search{background:linear-gradient(135deg,var(--acc),var(--acc2))!important;color:#fff!important;font-weight:700!important;border-radius:7px!important;padding:5px 12px!important;}
.tab-search.on{background:linear-gradient(135deg,#b5701c,var(--acc))!important;}
/* Sync indicator */
.sync-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--grn);margin-left:5px;animation:syncPulse 2s infinite;}
@keyframes syncPulse{0%,100%{opacity:1;}50%{opacity:.3;}}
.fu-status-up{font-size:.68rem;padding:2px 7px;border-radius:8px;background:#fff8ee;color:var(--org);font-weight:700;white-space:nowrap;}
.fu-status-err{font-size:.68rem;padding:2px 7px;border-radius:8px;background:#fff0f0;color:var(--red);font-weight:700;}
.fu-open-link{color:var(--acc);font-size:.74rem;text-decoration:none;font-weight:700;white-space:nowrap;}
.fu-open-link:hover{text-decoration:underline;}
.fu-existing-link{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:#f0f7ff;border:1px solid #90b8e8;border-radius:7px;color:var(--blu);font-size:.76rem;font-weight:700;text-decoration:none;margin-bottom:6px;}
.fu-existing-link:hover{background:#deeeff;}

@media(max-width:768px){
  /* Property tab two-column → single column */
  #pan-property [style*="grid-template-columns:280px 1fr"],
  #pan-property [style*="grid-template-columns: 280px 1fr"]{
    display:block!important;
  }
  #pan-property [style*="grid-template-columns:280px 1fr"] > div,
  #pan-property [style*="grid-template-columns: 280px 1fr"] > div{
    margin-bottom:12px;
    width:100%!important;
  }
  /* Calendar two-column → single column */
  #pan-calendar [style*="grid-template-columns:1fr 320px"],
  #pan-calendar [style*="grid-template-columns: 1fr 320px"]{
    display:block!important;
  }
  #pan-calendar [style*="grid-template-columns:1fr 320px"] > div,
  #pan-calendar [style*="grid-template-columns: 1fr 320px"] > div{
    margin-bottom:12px;
    width:100%!important;
  }
  /* Diary two-column → single column */
  #pan-diary [style*="grid-template-columns:1fr 1.6fr"],
  #pan-diary [style*="grid-template-columns: 1fr 1.6fr"]{
    display:block!important;
  }
  /* Dashboard bottom grid */
  #pan-home [style*="grid-template-columns:1fr 1fr 1fr"]{
    display:block!important;
  }
  #pan-home [style*="grid-template-columns:1fr 1fr 1fr"] > div{
    margin-bottom:12px;
  }
  /* Rent overview table — make scrollable */
  .tbl-wrap{overflow-x:auto!important;}
  /* Tabs scrollable */
  .tabs{overflow-x:hidden;}
  /* Modal full width on mobile */
  .modal{padding:16px;border-radius:10px;}
  /* Header stacking */
  .hdr-right{gap:5px;}
  .hdr-right .btn{padding:5px 8px;font-size:.72rem;}
  /* Pills wrap better */
  .pills{padding:5px 10px;}
  .pill{min-width:80px;padding:5px 8px;}
  .pill-val{font-size:.95rem;}
  /* Apps bar wrap */
  .apps-bar{padding:6px 12px;}
  .app-icon{padding:5px 9px;font-size:.72rem;}
  /* Tenant card footer wrap */
  .card-foot{flex-wrap:wrap;}
  /* Quick links */
  .ql-bar{padding:5px 12px;}
}
@media(max-width:640px){
  .fu-zone{flex-direction:column;align-items:flex-start;}
  .content{padding:10px 8px;}
  .fgrid{grid-template-columns:1fr;}
  .tenant-grid{grid-template-columns:1fr;}
  .tenant-grid>.fg:not(.full),.tenant-grid>details.fg,.tenant-grid>.fg:nth-child(1),.tenant-grid>.fg:nth-child(8){grid-column:1/-1;}
  .contact-compact-box{grid-template-columns:1fr;}
  .contact-line{grid-template-columns:54px 76px minmax(0,1fr);gap:6px;}
  .contact-line input{min-width:0;}
  .contact-line [data-contact-extra]{grid-column:3;}
  .tenant-grid>.full.fg:not(.contact-compact-box):not(.rent-cycle-box) .fgrid{grid-template-columns:1fr;}
  .rent-cycle-box>.fgrid{grid-template-columns:1fr;}
  .rent-cycle-box>.fgrid>.fg{grid-column:1/-1;}
  .grid,.grid3{grid-template-columns:1fr;}
  .hdr{padding:10px 12px;}
  .hdr-name{font-size:1.4rem;}
  .hdr-av{width:42px;height:42px;font-size:1.2rem;}
  /* fu-section cards stack */
  .fu-section{grid-template-columns:1fr 1fr!important;}
  /* Rent template side by side → stack */
  #pan-rent [style*="grid-template-columns:1fr 1fr"]{
    display:block!important;
  }
  #pan-rent [style*="grid-template-columns:1fr 1fr"] > div{
    margin-bottom:12px;
  }
  /* Smaller section headers */
  .sec-hdr{flex-direction:column;align-items:flex-start;gap:6px;}
  /* Stabs wrap */
  .stabs{gap:4px;}
  .stab{padding:4px 10px;font-size:.74rem;}
  /* Cal grid text smaller */
  .cal-day-num{font-size:.68rem;}
  .cal-dow{font-size:.55rem;}
  /* Khata Book party cards */
  .kb-party-hdr{flex-wrap:nowrap;}
  .kb-avatar{width:34px;height:34px;font-size:.75rem;}
  /* Notepad grid on mobile */
  #pan-notepad [style*="grid-template-columns:1fr 300px"]{grid-template-columns:1fr!important;}
}

/* ══ MOBILE IMPROVEMENTS ══ */
@media(max-width:768px){
  .notepad-wrap{width:100%!important;max-width:100%!important;}
  #pan-notepad [style*="grid-template-columns"]{grid-template-columns:1fr!important;display:block!important;}
  #pan-notepad [style*="grid-template-columns"] > div{margin-bottom:12px;width:100%!important;}
  .notepad-area{width:100%!important;min-width:0!important;box-sizing:border-box!important;}
}
@media(max-width:480px){
  .hdr{padding:8px 10px;}
  .hdr-name{font-size:1.2rem;}
  .hdr-av{width:36px;height:36px;font-size:1rem;}
  .hdr-right .btn{padding:4px 7px;font-size:.68rem;}
  #fbStatus{display:none;}
  .tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:7px 8px!important;}
  .tab{padding:6px 4px!important;font-size:.64rem!important;min-height:42px!important;}
  .modal{padding:14px;margin:8px;max-height:min(82vh, calc(100dvh - 80px));}
  /* Safe-area: modal-foot clears Chrome bottom search/address bar */
  .overlay{padding-bottom:max(16px, env(safe-area-inset-bottom, 16px));}
  .modal-foot{padding-bottom:max(14px, env(safe-area-inset-bottom, 14px));}
  .modal h2{font-size:1rem;}
  .fgrid{grid-template-columns:1fr!important;}
  .fgrid .full{grid-column:1!important;}
  .content{padding:8px 6px;}
  .card-body{padding:10px 12px;}
  .card-hdr{padding:9px 12px;}
  .fu-zone{padding:10px;}
  .fu-upload-btn{width:100%;justify-content:center;min-height:48px;font-size:.9rem;}
  .pills{gap:4px;padding:4px 8px;}
  .pill{min-width:70px;padding:5px 7px;}
  .pill-val{font-size:.95rem;}
  .pill-lbl{font-size:.62rem;letter-spacing:.07em;}
}
@media(max-width:360px){
  #pillsBar{grid-template-columns:1fr!important;}
  #pillsBar .pill{height:204px!important;min-height:204px!important;max-height:204px!important;}
}
/* Prevent zoom on input focus (iOS/Android) */
input, select, textarea {
  font-size: 16px !important;
}
@media(min-width:641px){
  input, select, textarea { font-size: .85rem !important; }
}
#payM .pay-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 8px;}
#payM .pay-detail-grid>.fg{margin-bottom:2px;}
#payM .pay-detail-grid>.full,#payM .pay-detail-grid>.pay-wide{grid-column:span 3;}
#payM .fg label{font-size:.66rem;}
#payM input,#payM select{min-height:34px;padding:7px 9px;}
#payM .date-wrap input[type="text"].dmy{min-height:34px;padding-top:7px;padding-bottom:7px;}
#payM .pay-scroll-body{scrollbar-width:thin;scrollbar-color:#6b7280 #e5e7eb;}
#payM .pay-scroll-body::-webkit-scrollbar{width:10px;}
#payM .pay-scroll-body::-webkit-scrollbar-track{background:#e5e7eb;border-radius:10px;}
#payM .pay-scroll-body::-webkit-scrollbar-thumb{background:#6b7280;border-radius:10px;border:2px solid #e5e7eb;}
#payM .pay-scroll-body::-webkit-scrollbar-thumb:hover{background:#374151;}
@media(max-width:720px){
  #payM .pay-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #payM .pay-detail-grid>.full,#payM .pay-detail-grid>.pay-wide{grid-column:1/-1!important;}
  #pan-expense .fin-ledger-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #pan-expense .fin-ledger-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;padding:8px!important;}
  #pan-expense .fin-ledger-dates{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);gap:5px!important;width:100%!important;align-items:center!important;}
  #pan-expense .fin-ledger-dates input[type="text"]{width:100%!important;min-width:0!important;font-size:.68rem!important;padding-right:22px!important;}
  #pan-expense .fin-ledger-dates .btn,#pan-expense .fin-ledger-dates > span:last-child{grid-column:1/-1;justify-self:start;}
  #pan-expense .fin-ledger-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;gap:5px!important;}
  #pan-expense .fin-ledger-actions .btn{width:100%!important;justify-content:center!important;font-size:.64rem!important;padding:4px 3px!important;min-height:31px!important;}
  #pan-expense [style*="grid-template-columns:repeat(3,minmax(0,1fr))"]{grid-template-columns:1fr!important;}
  #pan-expense .fin-networth-card{padding:9px 11px!important;border-radius:11px!important;margin-bottom:10px!important;}
  #pan-expense .fin-networth-row{align-items:center!important;gap:8px!important;}
  #pan-expense .fin-networth-label{font-size:.5rem!important;letter-spacing:.08em!important;margin-bottom:1px!important;}
  #pan-expense .fin-networth-amount{font-size:1.06rem!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:50vw!important;}
  #pan-expense .fin-networth-meta{font-size:.56rem!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:55vw!important;}
  #pan-expense .fin-networth-add{font-size:.68rem!important;padding:5px 9px!important;min-height:30px!important;border-radius:15px!important;}
  #pan-expense .fin-date-filter{padding:6px 7px!important;margin-bottom:7px!important;border-radius:8px!important;}
  #pan-expense .fin-date-filter-title{display:none!important;}
  #pan-expense .fin-date-filter-row{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr)!important;gap:4px!important;width:100%!important;align-items:center!important;}
  #pan-expense .fin-date-label{font-size:.58rem!important;}
  #pan-expense .fin-date-filter input[type="text"]{width:100%!important;min-width:0!important;font-size:.62rem!important;padding:2px 20px 2px 5px!important;min-height:28px!important;border-radius:5px!important;}
  #pan-expense .fin-date-filter span[onclick^="openDmyDatePicker"]{right:3px!important;font-size:.68rem!important;}
  #pan-expense .fin-date-filter .btn,#pan-expense .fin-date-period{grid-column:1/-1!important;justify-self:start!important;font-size:.58rem!important;margin-left:0!important;min-height:26px!important;padding:2px 6px!important;}
  #pan-expense .fin-txn-actionbar{gap:5px!important;margin-bottom:7px!important;}
  #pan-expense .fin-txn-search-btn{font-size:.66rem!important;padding:4px 8px!important;min-height:30px!important;}
  #pan-expense .fin-txn-add-btn{font-size:.68rem!important;padding:5px 10px!important;min-height:30px!important;border-radius:15px!important;box-shadow:none!important;}
  #pan-expense .fin-account-card{display:grid!important;grid-template-columns:44px minmax(0,1fr);align-items:center!important;gap:6px 10px!important;padding:11px 12px!important;}
  #pan-expense .fin-account-section-head{gap:7px!important;margin-bottom:7px!important;}
  #pan-expense .fin-account-section-total{font-size:.78rem!important;padding:3px 8px!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  #pan-expense .fin-account-icon{grid-column:1;grid-row:1 / span 2;width:38px!important;height:38px!important;}
  #pan-expense .fin-account-info{grid-column:2;grid-row:1;min-width:0!important;width:100%!important;overflow:hidden!important;}
  #pan-expense .fin-account-name{white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;line-height:1.15!important;padding-right:2px!important;}
  #pan-expense .fin-account-meta{white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.25!important;}
  #pan-expense .fin-account-balance{grid-column:2;grid-row:2;text-align:left!important;min-width:0!important;width:100%!important;}
  #pan-expense .fin-account-balance > div{font-size:.88rem!important;line-height:1.1!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;}
  #pan-expense .fin-account-actions{grid-column:1 / -1;grid-row:3;display:grid!important;grid-template-columns:minmax(0,1fr) 40px 40px!important;gap:6px!important;width:100%!important;justify-content:stretch!important;}
  #pan-expense .fin-account-actions button{width:100%!important;min-height:34px!important;text-align:center!important;justify-content:center!important;}
}
@media(max-width:460px){
  #payM .pay-detail-grid{grid-template-columns:1fr!important;}
}
/* Better touch targets */
.btn { min-height: 36px; }
.tab { min-height: 44px; }

/* Professional shared UI layer. Mobile dimensions deliberately stay unchanged. */
.ui-icon{
  display:inline-flex;
  width:1.15em;
  justify-content:center;
  align-items:center;
  flex:0 0 1.15em;
  line-height:1;
}
.is-invalid{
  border-color:#dc2626!important;
  box-shadow:0 0 0 3px rgba(220,38,38,.12)!important;
  background:#fff7f7!important;
}
.field-error{
  color:#b91c1c;
  font-size:.68rem;
  line-height:1.25;
  font-weight:800;
  margin-top:4px;
}
.smart-name{
  display:block;
  min-width:0;
  max-width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.compact-name-modal{max-width:440px!important;}
.compact-name-text{
  font-size:1rem;
  font-weight:800;
  line-height:1.45;
  overflow-wrap:anywhere;
  color:var(--txt);
}
@media(min-width:769px){
  .tabs{justify-content:center;}
  .pills{justify-content:center;}
}

.pan{display:none;}
.pan.on{display:block;animation:panFade .18s ease;}
@keyframes panFade{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:none;}}

/* Common tab-panel height keeps every tab-click scroll consistent. */
.content > [id^="pan-"]{min-height:calc(100vh - 120px);}

/* Mobile improvements */
.btn,.b-sm,.b-grn,.b-gold,.b-red,.b-blu,.b-out{touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.08);}
button,select,input{touch-action:manipulation;}
@media(max-width:480px){
  .btn{min-height:36px;}
  .b-sm{min-height:30px;font-size:.74rem;padding:5px 10px;}
  #payM .modal{max-height:96vh;}
  #payM input[type=number]{font-size:1.4rem;}
  .tbl-wrap{font-size:.72rem;}
  .tbl-wrap th,.tbl-wrap td{padding:6px 5px;}
}
#rem_hr_scroll::-webkit-scrollbar,
#rem_min_scroll::-webkit-scrollbar{
  display:none;
}

/* Finance account ledger: one shared, readable table on desktop and mobile. */
.fin-ledger-table th,.fin-ledger-table td{
  padding:7px 9px;
  border:1px solid #e2e8f0;
  font-size:12px;
  text-align:left;
  vertical-align:top;
}
.fin-ledger-table th{color:#fff;font-size:11px;font-weight:800;}
.fin-search-panel input,.fin-search-panel select{box-sizing:border-box;}
@media(max-width:640px){
  .fin-search-panel > div{
    grid-template-columns:1fr 1fr!important;
  }
  .fin-search-panel > div:first-child input{
    grid-column:1 / -1;
  }
  .fin-search-panel button{
    min-height:34px;
  }
}