/* ===== SIDE MENU v3 — simple, clean, modern. Text only (no icons). Loaded LAST so it wins. ===== */
html body #desktopSidebar{
  --m-bg:#ffffff; --m-line:#e6ebf2; --m-text:#334155; --m-muted:#8492a6;
  --m-hover:#f1f5f9; --m-accent:#1d4ed8; --m-accent-bg:#e8f0fe; --m-ease:cubic-bezier(.4,0,.2,1);
  background:var(--m-bg) !important; background-image:none !important;
  border-right:1px solid var(--m-line) !important; border-radius:0 !important;
  box-shadow:none !important; padding:8px 10px 16px !important;
}
html body #desktopSidebar::after{display:none !important}
html body #desktopSidebar,html body #desktopSidebar *{font-family:'Segoe UI Variable Text','Segoe UI',Inter,system-ui,sans-serif !important;letter-spacing:0 !important}

/* no icons anywhere */
html body #desktopSidebar .dsb-nav-icon,
html body #desktopSidebar .dsb-group-icon,
html body #desktopSidebar .receipt-bank-subitem > .mi{display:none !important}

/* collapsed rail = slim strip; whole menu opens on hover (existing behaviour) */
html body #desktopSidebar:not(.sb-open){width:30px !important;padding:8px 2px !important;overflow:hidden}
html body #desktopSidebar:not(.sb-open) .dsb-scroll-area{display:none !important}
html body #desktopSidebar:not(.sb-open) .dsb-collapse-row{justify-content:center}
html body #desktopSidebar:not(.sb-open) .dsb-collapse-row .dsb-collapse-btn{width:24px !important}

/* collapse button */
html body #desktopSidebar .dsb-collapse-row .dsb-collapse-btn{background:#fff !important;border:1px solid var(--m-line) !important;color:var(--m-muted) !important;border-radius:6px !important;box-shadow:none !important}
html body #desktopSidebar .dsb-collapse-row .dsb-collapse-btn:hover{background:var(--m-hover) !important;color:var(--m-accent) !important;border-color:#cdd8e6 !important}

/* group headings */
html body #desktopSidebar .dsb-card{margin:0 !important;border-bottom:1px solid var(--m-line) !important}
html body #desktopSidebar .dsb-card:last-child{border-bottom:0 !important}
html body #desktopSidebar .dsb-title,
html body #desktopSidebar .dsb-scroll-area .dsb-card:first-child .dsb-title{
  font-size:13px !important;font-weight:600 !important;text-transform:none !important;letter-spacing:0 !important;
  color:#1e293b !important;padding:11px 8px !important;gap:0 !important;border:0 !important;
  border-radius:6px;transition:color .2s var(--m-ease),background .2s var(--m-ease) !important}
html body #desktopSidebar .dsb-title:hover{background:var(--m-hover) !important;color:var(--m-accent) !important}
html body #desktopSidebar .dsb-card.group-open .dsb-title{color:var(--m-accent) !important}
html body #desktopSidebar .dsb-group-caret{color:var(--m-muted) !important;font-size:15px !important}
html body #desktopSidebar .dsb-card.group-open .dsb-group-caret{color:var(--m-accent) !important}
html body #desktopSidebar .dsb-card.group-open .dsb-group-body{padding-bottom:8px}

/* items (level 1 and flat sub items) */
html body #desktopSidebar .dsb-nav-item,
html body #desktopSidebar .receipt-bank-item,
html body #desktopSidebar .receipt-bank-subitem{
  position:relative;min-height:32px !important;margin:1px 0 !important;
  padding:0 10px 0 14px !important;gap:0 !important;border-radius:6px !important;
  font-size:13px !important;font-weight:400 !important;line-height:1.3 !important;
  color:var(--m-text) !important;background:transparent !important;
  transform:none !important;box-shadow:none !important;
  transition:background .18s var(--m-ease),color .18s var(--m-ease),padding .18s var(--m-ease) !important}
html body #desktopSidebar .receipt-bank-subitem::before{display:none !important}
html body #desktopSidebar .receipt-bank-submenu.flat > .receipt-bank-subitem{padding-left:14px !important}
html body #desktopSidebar .dsb-nav-item:hover,
html body #desktopSidebar .receipt-bank-item:hover,
html body #desktopSidebar .receipt-bank-subitem:hover{background:var(--m-hover) !important;color:#0f172a !important;padding-left:18px !important}
html body #desktopSidebar .dsb-nav-item.active{background:var(--m-accent-bg) !important;color:var(--m-accent) !important;font-weight:600 !important}
html body #desktopSidebar .dsb-nav-item.active::before{content:'' !important;position:absolute !important;left:0 !important;top:25% !important;height:50% !important;width:3px !important;border-radius:3px !important;background:var(--m-accent) !important}
html body #desktopSidebar .receipt-bank-item.expanded,
html body #desktopSidebar .receipt-bank-subitem.expanded{background:var(--m-hover) !important;color:var(--m-accent) !important;font-weight:600 !important}
html body #desktopSidebar .dsb-nav-item[title="Logout"],
html body #desktopSidebar .dsb-nav-item[title="Logout"]:hover{color:#dc2626 !important}
html body #desktopSidebar .dsb-nav-item[title="Logout"]:hover{background:#fef2f2 !important}

/* sub menus (OPD receipt -> New / View / Report etc.) */
html body #desktopSidebar .receipt-bank-subsubmenu{margin:0 0 4px 14px !important;padding-left:4px !important;border-left:1px solid var(--m-line) !important}
html body #desktopSidebar .receipt-bank-subsubitem{
  min-height:28px !important;padding:0 8px 0 12px !important;margin:1px 0 !important;
  font-size:12.5px !important;font-weight:400 !important;color:#64748b !important;
  border-radius:6px !important;background:transparent !important}
html body #desktopSidebar .receipt-bank-subsubitem::before{display:none !important}
html body #desktopSidebar .receipt-bank-subsubitem:hover{background:var(--m-hover) !important;color:var(--m-accent) !important}

/* badge + dividers + scrollbar */
html body #desktopSidebar .dsb-badge{background:#ef4444 !important;color:#fff !important;font-size:10.5px !important;font-weight:600 !important;border-radius:10px !important;padding:1px 7px !important;margin-left:auto}
html body #desktopSidebar .dsb-divider{background:var(--m-line) !important}
html body #desktopSidebar .dsb-scroll-area{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}
html body #desktopSidebar .dsb-scroll-area::-webkit-scrollbar-thumb{background:#cbd5e1}

/* ===== Mobile drawer: same idea, text only ===== */
.drawer .d-item-icon,.drawer .d-subitem-icon,.drawer .d-sub-plus{display:none !important}
.drawer .d-item,.drawer .d-subitem{gap:0 !important}
.drawer .d-subsubitem{padding-left:34px}

/* + / - toggle for receipt sub menus: simple, right-aligned */
html body #desktopSidebar .receipt-bank-subitem.receipt-sub-toggle{padding:0 8px 0 14px !important;cursor:pointer}
html body #desktopSidebar .receipt-bank-subitem.receipt-sub-toggle > span:not(.receipt-sub-plus):not(.dsb-badge){flex:1 1 auto}
html body #desktopSidebar .receipt-sub-plus{display:inline-flex !important;order:3;margin-left:auto !important;width:22px !important;height:22px !important;font-size:16px !important;font-weight:500 !important;color:#8492a6 !important;border-radius:5px !important;align-items:center;justify-content:center}
html body #desktopSidebar .receipt-sub-plus:hover{background:#e2e8f0 !important;color:#1d4ed8 !important}
html body #desktopSidebar .receipt-bank-subitem.expanded .receipt-sub-plus{color:#1d4ed8 !important}