/* ============ WINDOW THEME — "Ocean Navy": title bars, tabs, fields, buttons, font ============ */
:root{--w1:#12305c;--w2:#1f5fa8;--w3:#2f80d1;--wbg:#f6f8fc;--wline:#d8e1ec;--wtext:#16243a;--wmuted:#5b6b82;--wsoft:#e9eef6}
.cmodal,.efmodal,.rmodal,.ob-modal,.inv-box,.wc-bar,.wc-body{font-family:'Segoe UI Variable Text','Segoe UI',Inter,system-ui,-apple-system,Roboto,Arial,sans-serif !important}
.cmodal :is(input,select,textarea,button),.efmodal :is(input,select,textarea,button),.rmodal :is(input,select,textarea,button),.ob-modal :is(input,select,textarea,button),.inv-box :is(input,select,textarea,button){font-family:inherit}
.cmodal,.efmodal,.rmodal,.ob-modal,.inv-box{color:var(--wtext);letter-spacing:.005em}
/* backdrop */
.cmodal-overlay,.efmodal-overlay,.rmodal-overlay,.ob-modal-overlay{background:rgba(10,22,44,.58) !important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
/* window body */
@media (min-width:701px){
.cmodal-overlay .cmodal,.efmodal-overlay .efmodal,.rmodal-overlay .rmodal,.ob-modal-overlay .ob-modal{border-radius:18px !important}
}
.cmodal-overlay .cmodal,.efmodal-overlay .efmodal,.rmodal-overlay .rmodal,.ob-modal-overlay .ob-modal{background:var(--wbg) !important;border:1px solid var(--wline) !important;box-shadow:0 30px 80px rgba(8,20,45,.5),0 0 0 1px rgba(31,95,168,.12) !important}
/* title bar */
.cmodal > .wc-bar,.efmodal > .wc-bar,.rmodal > .wc-bar,.ob-modal > .wc-bar,.wc-bar{background:linear-gradient(135deg,var(--w1) 0%,var(--w2) 100%) !important}
.wc-title-chip{font-size:14px !important;font-weight:700 !important;letter-spacing:.02em}
.wc-btn{width:28px !important;height:28px !important;border-radius:8px !important;background:rgba(255,255,255,.14) !important;font-size:13px}
.wc-btn:hover{background:rgba(255,255,255,.28) !important}
.wc-close-btn:hover{background:#e5484d !important}
.cmodal-title,.efmodal-title{color:var(--w1) !important;font-size:15.5px;font-weight:800}
/* tabs */
.cmodal-tabs,.eftabs{background:var(--wsoft) !important;border-radius:12px;padding:4px !important;gap:3px}
.cmodal-tab,.eftab{font-size:12px !important;font-weight:700;color:var(--wmuted) !important;padding:9px 6px !important;border-radius:9px}
.cmodal-tab.active,.eftab.active{background:#fff !important;color:var(--w2) !important;box-shadow:0 2px 8px rgba(18,48,92,.16) !important}
/* labels + fields */
.cmodal label,.efmodal label,.rmodal label,.ob-modal label{color:var(--wmuted) !important;font-size:10.5px !important;font-weight:700 !important;letter-spacing:.05em !important}
.cmodal :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
.efmodal :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
.rmodal :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
.ob-modal :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]){border:1.5px solid #cfd9e6 !important;border-radius:10px;background:#fff;color:var(--wtext);transition:border-color .15s,box-shadow .15s}
.cmodal :is(input,select,textarea):focus,.efmodal :is(input,select,textarea):focus,.rmodal :is(input,select,textarea):focus,.ob-modal :is(input,select,textarea):focus{border-color:var(--w3) !important;box-shadow:0 0 0 3px rgba(47,128,209,.18) !important;outline:none}
.cmodal :is(input,textarea)::placeholder,.efmodal :is(input,textarea)::placeholder,.rmodal :is(input,textarea)::placeholder{color:#9aa8bb}
/* buttons */
.c-save-btn{background:linear-gradient(135deg,var(--w1),var(--w2)) !important;box-shadow:0 6px 16px rgba(31,95,168,.32) !important;font-size:14px !important;letter-spacing:.02em;border-radius:12px}
.c-save-btn:hover{filter:brightness(1.08)}
.inv-addbtn{box-shadow:0 4px 12px rgba(18,48,92,.22);border-radius:10px}
.inv-addbtn:not([style*="background"]){background:linear-gradient(135deg,var(--w2),var(--w3)) !important}
/* inventory window */
.inv-box{background:var(--wbg) !important;border-radius:18px !important;box-shadow:0 30px 80px rgba(8,20,45,.5) !important}
.inv-head{background:linear-gradient(135deg,var(--w1),var(--w2)) !important}
.inv-head-title{font-size:15.5px !important;letter-spacing:.02em}
.inv-tabs{background:#fff !important;border-bottom:1px solid var(--wline) !important}
.inv-tab{background:var(--wsoft) !important;color:var(--wmuted) !important;border-radius:10px;font-size:12px}
.inv-tab.active{background:var(--w1) !important;color:#fff !important;box-shadow:0 4px 10px rgba(18,48,92,.28)}
.inv-stat{border:1px solid var(--wline) !important;box-shadow:0 2px 8px rgba(18,48,92,.06)}
.inv-stat-val{color:var(--w1) !important}
/* my lab-report designs follow the same palette */
#labReportForm .lis-ph,#labReportForm .lp-grp{background:linear-gradient(135deg,var(--w1),var(--w2)) !important}
#labReportForm table.lis-t input.lis-in:focus{border-color:var(--w3) !important;box-shadow:0 0 0 2px rgba(47,128,209,.22) !important}
#labReportForm table.lis-t tbody tr:hover td{background:#eef4fb}
#labReportForm .lr-cmt-btn{border-color:#cfd9e6;color:var(--w1)}
/* receipt windows (OPD / Lab / X-Ray ...) follow the same palette */
.rform{background:#dfe8f4 !important}
.rform .rform-title,.rform-title{background:linear-gradient(135deg,var(--w1),var(--w2)) !important;font-family:inherit !important;letter-spacing:.02em}
.rform .rform-subtitle,.rform-subtitle{background:linear-gradient(135deg,var(--w1),var(--w2)) !important;color:#cfe0f5 !important}
.rform .rfa-mid,.rform .rgen-btn{background:linear-gradient(135deg,var(--w1),var(--w2)) !important;box-shadow:0 4px 12px rgba(18,48,92,.25)}
.rform .rfa-circle{background:radial-gradient(circle at 35% 25%,var(--w3) 0%,var(--w2) 45%,var(--w1) 100%) !important}
.rform .rform-actions-row{border:1px solid var(--wline)}
.rform label{color:var(--wmuted) !important}
#mrGroup label span,#mrGroup #mrHint{color:var(--wmuted)}
#mrGroup button{background:var(--w2) !important}
/* scrollbars */
.cmodal,.efmodal,.rmodal,.ob-modal,.inv-body,.wc-body{scrollbar-width:thin;scrollbar-color:#9db4d0 transparent}
.cmodal::-webkit-scrollbar,.efmodal::-webkit-scrollbar,.rmodal::-webkit-scrollbar,.ob-modal::-webkit-scrollbar,.inv-body::-webkit-scrollbar{width:9px}
.cmodal::-webkit-scrollbar-thumb,.efmodal::-webkit-scrollbar-thumb,.rmodal::-webkit-scrollbar-thumb,.ob-modal::-webkit-scrollbar-thumb,.inv-body::-webkit-scrollbar-thumb{background:#9db4d0;border-radius:8px;border:2px solid transparent;background-clip:content-box}


/* hospital monogram replaces the hospital emoji logo everywhere in the app */
.login-logo-wrap,.d-logo-icon,.logo-wrap{font-size:0 !important;background:var(--hms-logo) center/contain no-repeat #fff !important;border-radius:50% !important;border:2px solid #fff !important;box-shadow:0 3px 12px rgba(0,0,0,.28) !important;overflow:hidden}
.rh-logo{font-size:0 !important;width:46px;height:46px;margin:0 auto 6px !important;background:var(--hms-logo) center/contain no-repeat !important}
.rpt-hosp-icon{font-size:0 !important;width:38px;height:38px;margin:0 auto 4px !important;background:var(--hms-logo) center/contain no-repeat !important}


/* ===== User Management — sober theme matching dashboard ===== */
#userMgmtOverlay{background:rgba(15,23,42,.45) !important}
#userMgmtOverlay #userMgmtModal{background:#fff !important;border:1px solid #cbd8e7 !important;border-radius:8px !important;box-shadow:0 12px 40px rgba(0,0,0,.28) !important;max-width:620px !important;width:100% !important;overflow:hidden !important;display:flex !important;flex-direction:column;padding-bottom:0 !important;max-height:88vh !important}
#userMgmtModal .wc-bar{background:linear-gradient(135deg,#003e92,#005fb8) !important;border:none !important;border-radius:7px 7px 0 0 !important;padding:10px 14px !important;margin:0 !important}
#userMgmtModal .wc-bar,#userMgmtModal .wc-bar *{color:#fff !important}
#userMgmtModal .wc-title-chip{font-size:14px !important;font-weight:600 !important;letter-spacing:0 !important}
#userMgmtModal .wc-btn{background:rgba(255,255,255,.14) !important;border-radius:4px !important;width:28px !important;height:26px !important}
#userMgmtModal .wc-btn:hover{background:rgba(255,255,255,.28) !important}
#userMgmtModal .wc-close-btn:hover{background:#c42b1c !important}
#userMgmtModal .wc-body{flex:1 1 auto;min-height:0;overflow-y:auto !important;padding-bottom:16px;background:#fff}
#userMgmtModal .cmodal-drag{display:none !important}
#userMgmtModal .cmodal-tabs{background:transparent !important;border-bottom:1px solid #cbd8e7 !important;border-radius:0 !important;padding:0 !important;margin:12px 16px 0 !important;gap:0 !important}
#userMgmtModal .cmodal-tab{flex:0 0 auto !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important;padding:9px 20px !important;font-size:13px !important;font-weight:600 !important;color:#5d5d5d !important;border-bottom:2px solid transparent !important;margin-bottom:-1px}
#userMgmtModal .cmodal-tab:hover{color:#003e92 !important;background:#f2f5f9 !important}
#userMgmtModal .cmodal-tab.active{color:#003e92 !important;border-bottom-color:#005fb8 !important;background:transparent !important}
#userMgmtModal .cpanel{padding:14px 16px 0 !important}
#userMgmtModal .c-form-card{background:#fff !important;border:1px solid #cbd8e7 !important;border-radius:8px !important;padding:16px !important;margin:0 !important;box-shadow:none !important}
#userMgmtModal .c-form-title{font-size:14px !important;font-weight:600 !important;color:#003e92 !important;margin-bottom:14px !important;padding-bottom:8px;border-bottom:1px solid #e6ebf1}
#userMgmtModal .c-form-title::before{display:none !important}
#userMgmtModal .c-field{margin-bottom:12px !important}
#userMgmtModal .c-field label{font-size:12px !important;font-weight:600 !important;color:#3b3b3b !important;text-transform:none !important;letter-spacing:0 !important;margin-bottom:5px !important}
#userMgmtModal .c-field label span{font-size:11px !important;font-weight:400 !important;color:#767676 !important}
#userMgmtModal .c-field input,#userMgmtModal .c-field select,#userMgmtModal #um_branch{width:100%;height:34px;padding:6px 10px !important;border:1px solid #b4c4d7 !important;border-radius:4px !important;font-size:13px !important;color:#1b1b1b !important;background-color:#fff !important;box-shadow:none !important;outline:none !important}
#userMgmtModal .c-field input::placeholder{color:#8a96a6 !important}
#userMgmtModal .c-field input:focus,#userMgmtModal .c-field select:focus{border-color:#005fb8 !important;box-shadow:0 0 0 1px #005fb8 !important}
#userMgmtModal .c-field > div[style*="font-size:10px"]{font-size:11.5px !important;color:#5d5d5d !important}
#userMgmtModal #um_roles_grid{gap:8px !important}
#userMgmtModal .um-role-chip{padding:8px 10px !important;border:1px solid #cbd8e7 !important;border-radius:4px !important;background:#fff !important;color:#1b1b1b !important;gap:8px}
#userMgmtModal .um-role-chip:hover{background:#f2f5f9 !important;border-color:#8ab4e0 !important}
#userMgmtModal .um-role-chip.selected{border:1px solid #005fb8 !important;background:#e8f1fa !important;color:#003e92 !important}
#userMgmtModal .um-role-chip .rc-label{font-size:13px !important;font-weight:600 !important;color:inherit}
#userMgmtModal .um-role-chip .rc-desc{font-size:11.5px !important;color:#5d5d5d !important;margin-top:1px}
#userMgmtModal .um-role-chip .rc-check{width:16px !important;height:16px !important;border:1.5px solid #8a9bb0 !important;border-radius:3px !important;background:#fff !important;font-size:11px !important;color:#fff}
#userMgmtModal .um-role-chip.selected .rc-check{background:#005fb8 !important;border-color:#005fb8 !important}
#userMgmtModal #um_roles_err{color:#c42b1c !important;font-size:12px !important;font-weight:600}
#userMgmtModal .c-save-btn{background:#005fb8 !important;background-image:none !important;border:1px solid #005fb8 !important;border-radius:4px !important;box-shadow:none !important;padding:9px 20px !important;font-size:13px !important;font-weight:600 !important;width:auto !important;min-width:140px;float:right;margin-top:4px}
#userMgmtModal .c-save-btn:hover{background:#003e92 !important}
#userMgmtModal .c-form-card::after{content:"";display:block;clear:both}
#userMgmtModal .um-user-card{background:#fff !important;border:1px solid #cbd8e7 !important;border-radius:6px !important;padding:10px 12px !important;margin-bottom:8px !important;box-shadow:none !important}
#userMgmtModal .um-user-card:hover{background:#f8fafc !important}
#userMgmtModal .um-avatar{width:34px !important;height:34px !important;font-size:12.5px !important;font-weight:600 !important;background:#005fb8 !important;color:#fff !important}
#userMgmtModal .um-name{font-size:13.5px !important;font-weight:600 !important;color:#1b1b1b}
#userMgmtModal .um-info > div[style*="font-size:11px"]{font-size:12px !important;color:#5d5d5d !important}
#userMgmtModal .um-role-badge{background:#e8f1fa !important;color:#003e92 !important;border:1px solid #cbd8e7;border-radius:3px !important;font-size:11px !important;font-weight:600 !important;padding:1px 7px !important;margin-top:0 !important}
#userMgmtModal .um-btn{width:auto !important;height:28px !important;padding:0 14px !important;border-radius:4px !important;font-size:12px !important;font-weight:600 !important;background:#fff !important;color:#005fb8 !important;border:1px solid #005fb8 !important}
#userMgmtModal .um-btn:hover{background:#e8f1fa !important}
#userMgmtModal .um-btn.um-btn-del{color:#c42b1c !important;border-color:#c42b1c !important}
#userMgmtModal .um-btn.um-btn-del:hover{background:#fde7e9 !important}
#userMgmtModal,#userMgmtModal *{font-family:'Segoe UI Variable Text','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif !important}


#desktopSidebar .receipt-bank-submenu.flat{max-height:none !important;overflow:visible !important;opacity:1 !important;transition:none !important;margin:2px 0 6px 0 !important;padding-left:0 !important;border-left:none !important}
#desktopSidebar .receipt-bank-submenu.flat > .receipt-bank-subitem{padding-left:16px !important}


/* ===== Global sober window theme (all pop-up windows except receipt windows) ===== */
[data-wc-done="1"]{background:rgba(15,23,42,.45) !important}
[data-wc-done="1"] > :not(.rmodal):not([class*="drag"]){background:#fff !important;border:1px solid #cbd8e7 !important;border-radius:8px !important;box-shadow:0 12px 40px rgba(0,0,0,.28) !important;overflow:hidden !important;display:flex !important;flex-direction:column;padding-bottom:0 !important;max-height:90vh}
[data-wc-done="1"] > :not(.rmodal):not([class*="drag"]) > .wc-bar{background:linear-gradient(135deg,#003e92,#005fb8) !important;border:none !important;border-radius:7px 7px 0 0 !important;padding:10px 14px !important;margin:0 !important}
[data-wc-done="1"] > :not(.rmodal):not([class*="drag"]) > .wc-bar,[data-wc-done="1"] > :not(.rmodal):not([class*="drag"]) > .wc-bar *{color:#fff !important}
[data-wc-done="1"] > :not(.rmodal):not([class*="drag"]) > .wc-bar .wc-title-chip{font-size:14px !important;font-weight:600 !important;letter-spacing:0 !important}
[data-wc-done="1"] > :not(.rmodal):not([class*="drag"]) > .wc-bar .wc-btn{background:rgba(255,255,255,.14) !important;border-radius:4px !important;width:28px !important;height:26px !important}
[data-wc-done="1"] > :not(.rmodal):not([class*="drag"]) > .wc-bar .wc-btn:hover{background:rgba(255,255,255,.28) !important}
[data-wc-done="1"] > :not(.rmodal):not([class*="drag"]) > .wc-bar .wc-close-btn:hover{background:#c42b1c !important}
[data-wc-done="1"] > :not(.rmodal):not([class*="drag"]) > .wc-body{flex:1 1 auto;min-height:0;overflow-y:auto !important;padding-bottom:16px;background:#fff}
[data-wc-done="1"] .wc-body .cmodal-drag,[data-wc-done="1"] .wc-body .efmodal-drag,[data-wc-done="1"] .wc-body .hmodal-drag{display:none !important}
/* tabs */
[data-wc-done="1"] .wc-body .cmodal-tabs,[data-wc-done="1"] .wc-body .eftabs{background:transparent !important;border-bottom:1px solid #cbd8e7 !important;border-radius:0 !important;padding:0 !important;margin:12px 16px 0 !important;gap:0 !important;overflow-x:auto}
[data-wc-done="1"] .wc-body .cmodal-tab,[data-wc-done="1"] .wc-body .eftab{flex:0 0 auto !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important;padding:9px 18px !important;font-size:13px !important;font-weight:600 !important;color:#5d5d5d !important;border-bottom:2px solid transparent !important;margin-bottom:-1px;text-transform:none !important;letter-spacing:0 !important;white-space:nowrap}
[data-wc-done="1"] .wc-body .cmodal-tab:hover,[data-wc-done="1"] .wc-body .eftab:hover{color:#003e92 !important;background:#f2f5f9 !important}
[data-wc-done="1"] .wc-body .cmodal-tab.active,[data-wc-done="1"] .wc-body .eftab.active{color:#003e92 !important;border-bottom-color:#005fb8 !important;background:transparent !important}
/* period pills */
[data-wc-done="1"] .wc-body .ip-tab,[data-wc-done="1"] .wc-body .ef-ptab,[data-wc-done="1"] .wc-body .hdept-tab{background:#fff !important;border:1px solid #b4c4d7 !important;border-radius:4px !important;color:#1b1b1b !important;font-size:12.5px !important;font-weight:600 !important;padding:6px 14px !important;box-shadow:none !important}
[data-wc-done="1"] .wc-body .ip-tab.active,[data-wc-done="1"] .wc-body .ef-ptab.active,[data-wc-done="1"] .wc-body .hdept-tab.active{background:#005fb8 !important;border-color:#005fb8 !important;color:#fff !important}
/* panels / cards */
[data-wc-done="1"] .wc-body .c-form-card,[data-wc-done="1"] .wc-body .ef-form,[data-wc-done="1"] .wc-body .hadd-form,[data-wc-done="1"] .wc-body .fr-card,[data-wc-done="1"] .wc-body .ef-sum-card,[data-wc-done="1"] .wc-body .ef-item,[data-wc-done="1"] .wc-body .head-item,[data-wc-done="1"] .wc-body .consultant-card{background:#fff !important;border:1px solid #cbd8e7 !important;border-radius:8px !important;box-shadow:none !important}
[data-wc-done="1"] .wc-body .ef-item,[data-wc-done="1"] .wc-body .head-item,[data-wc-done="1"] .wc-body .consultant-card{border-radius:6px !important}
[data-wc-done="1"] .wc-body .c-form-title,[data-wc-done="1"] .wc-body .ef-form-title,[data-wc-done="1"] .wc-body .hadd-title{font-size:14px !important;font-weight:600 !important;color:#003e92 !important;text-transform:none !important;letter-spacing:0 !important}
[data-wc-done="1"] .wc-body .c-form-title::before{display:none !important}
[data-wc-done="1"] .wc-body .ef-sum-lbl,[data-wc-done="1"] .wc-body .ef-sum-sub{text-transform:none !important;letter-spacing:0 !important;font-size:12px !important;opacity:1 !important;color:#5d5d5d !important}
[data-wc-done="1"] .wc-body .ef-sum-val{font-size:20px !important;font-weight:600 !important;color:#003e92 !important}
[data-wc-done="1"] .wc-body .ef-item-icon,[data-wc-done="1"] .wc-body .ef-empty-icon{display:none !important}
[data-wc-done="1"] .wc-body .ef-item-name{font-size:13.5px !important;font-weight:600 !important}
[data-wc-done="1"] .wc-body .ef-item-meta{font-size:12px !important}
[data-wc-done="1"] .wc-body .ef-item-amt{font-size:14px !important;font-weight:600 !important}
/* labels + inputs */
[data-wc-done="1"] .wc-body label,[data-wc-done="1"] .wc-body .c-field label,[data-wc-done="1"] .wc-body .ef-form label{font-size:12px !important;font-weight:600 !important;color:#3b3b3b !important;text-transform:none !important;letter-spacing:0 !important}
[data-wc-done="1"] .wc-body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),[data-wc-done="1"] .wc-body select,[data-wc-done="1"] .wc-body textarea{border:1px solid #b4c4d7 !important;border-radius:4px !important;font-size:13px !important;color:#1b1b1b !important;background-color:#fff !important;box-shadow:none !important;outline:none !important;padding:6px 10px !important}
[data-wc-done="1"] .wc-body input:not([type="checkbox"]):not([type="radio"]):focus,[data-wc-done="1"] .wc-body select:focus,[data-wc-done="1"] .wc-body textarea:focus{border-color:#005fb8 !important;box-shadow:0 0 0 1px #005fb8 !important}
[data-wc-done="1"] .wc-body input[type="checkbox"],[data-wc-done="1"] .wc-body input[type="radio"]{accent-color:#005fb8}
/* buttons */
[data-wc-done="1"] .wc-body [class*="save-btn"]{background:#005fb8 !important;background-image:none !important;border:1px solid #005fb8 !important;border-radius:4px !important;box-shadow:none !important;font-size:13px !important;font-weight:600 !important;color:#fff !important}
[data-wc-done="1"] .wc-body [class*="save-btn"]:hover{background:#003e92 !important}
/* inline-styled decorative colours -> theme */
[data-wc-done="1"] .wc-body [style*="#fff5f5"],[data-wc-done="1"] .wc-body [style*="#fef2f2"],[data-wc-done="1"] .wc-body [style*="#fff1f2"],[data-wc-done="1"] .wc-body [style*="#fee2e2"],[data-wc-done="1"] .wc-body [style*="#ffe4e6"],[data-wc-done="1"] .wc-body [style*="#f0f9ff"],[data-wc-done="1"] .wc-body [style*="#e0f2fe"],[data-wc-done="1"] .wc-body [style*="#e3f4f1"],[data-wc-done="1"] .wc-body [style*="#ccfbf1"],[data-wc-done="1"] .wc-body [style*="#ede9fe"],[data-wc-done="1"] .wc-body [style*="#e0e7ff"],[data-wc-done="1"] .wc-body [style*="#f5f3ff"],[data-wc-done="1"] .wc-body [style*="#faf5ff"]{background:#f2f5f9 !important}
[data-wc-done="1"] .wc-body [style*="#fca5a5"],[data-wc-done="1"] .wc-body [style*="#fecdd3"],[data-wc-done="1"] .wc-body [style*="#fecaca"],[data-wc-done="1"] .wc-body [style*="#bae6fd"],[data-wc-done="1"] .wc-body [style*="#99f6e4"],[data-wc-done="1"] .wc-body [style*="#ddd6fe"],[data-wc-done="1"] .wc-body [style*="#e2e8f0"]{border-color:#cbd8e7 !important}
[data-wc-done="1"] .wc-body [style*="background:#0a5c74"],[data-wc-done="1"] .wc-body [style*="background:#0e7c91"],[data-wc-done="1"] .wc-body [style*="background:#b91c1c"],[data-wc-done="1"] .wc-body [style*="background:#dc2626"]:not(.um-btn){background:#005fb8 !important;background-image:none !important;color:#fff !important}
[data-wc-done="1"] .wc-body [style*="gradient"][style*="#0a5c74"],[data-wc-done="1"] .wc-body [style*="gradient"][style*="#0e7c91"],[data-wc-done="1"] .wc-body [style*="gradient"][style*="#064e3b"],[data-wc-done="1"] .wc-body [style*="gradient"][style*="#7c3aed"],[data-wc-done="1"] .wc-body [style*="gradient"][style*="#be123c"]{background:linear-gradient(135deg,#003e92,#005fb8) !important;box-shadow:none !important}
[data-wc-done="1"] .wc-body [style*=";color:#0a5c74"],[data-wc-done="1"] .wc-body [style^="color:#0a5c74"],[data-wc-done="1"] .wc-body [style*=";color:#0e7c91"],[data-wc-done="1"] .wc-body [style*=";color:#0d9488"]{color:#003e92 !important}
[data-wc-done="1"] .wc-body [style*=";color:#dc2626"],[data-wc-done="1"] .wc-body [style^="color:#dc2626"],[data-wc-done="1"] .wc-body [style*=";color:#be123c"]{color:#c42b1c !important}
[data-wc-done="1"] .wc-body [style*="text-transform:uppercase"]{text-transform:none !important;letter-spacing:0 !important}
[data-wc-done="1"] .wc-body [style*="font-size:9px"],[data-wc-done="1"] .wc-body [style*="font-size:9.5px"],[data-wc-done="1"] .wc-body [style*="font-size:10px"],[data-wc-done="1"] .wc-body [style*="font-size:10.5px"],[data-wc-done="1"] .wc-body [style*="font-size:11px"]{font-size:12px !important}
[data-wc-done="1"] .wc-body [style*="border-radius:14px"],[data-wc-done="1"] .wc-body [style*="border-radius:12px"],[data-wc-done="1"] .wc-body [style*="border-radius:11px"],[data-wc-done="1"] .wc-body [style*="border-radius:10px"],[data-wc-done="1"] .wc-body [style*="border-radius:16px"]{border-radius:6px !important}
[data-wc-done="1"] .wc-body [style*="box-shadow"]{box-shadow:none !important}


/* ===== SIDE MENU v2 — simple, light, smooth (white + teal accent, line icons, dot bullets) ===== */
#desktopSidebar{--sm-text:#c9d9e8;--sm-muted:#6f9bb5;--sm-brand:#2dd4bf;--sm-brand-d:#ffffff;--sm-tint:rgba(45,212,191,.15);--sm-hover:rgba(255,255,255,.07);--sm-line:rgba(255,255,255,.10);--sm-ease:cubic-bezier(.4,0,.2,1);--ico-dot:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3.4' fill='black' stroke='none'/%3E%3C/svg%3E")}
:root{--sb-expanded:262px;--sb-collapsed:64px}
#desktopSidebar [data-ico="home"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5V20a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E")}
#desktopSidebar [data-ico="search"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E")}
#desktopSidebar [data-ico="receipt"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2z M9 8h6 M9 12h6'/%3E%3C/svg%3E")}
#desktopSidebar [data-ico="bed"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 18V7 M3 14h18v4 M21 14v-2a3 3 0 0 0-3-3h-7v5'/%3E%3C/svg%3E")}
#desktopSidebar [data-ico="flask"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6 M10 3v6L5 19a1.5 1.5 0 0 0 1.3 2h11.4A1.5 1.5 0 0 0 19 19l-5-10V3 M7.5 14h9'/%3E%3C/svg%3E")}
#desktopSidebar [data-ico="chart"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V10 M10 21V4 M16 21v-8 M22 21H2'/%3E%3C/svg%3E")}
#desktopSidebar [data-ico="pill"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.5 20.5 3.5 13.5a5 5 0 0 1 7-7l7 7a5 5 0 0 1-7 7z M8.5 8.5l7 7'/%3E%3C/svg%3E")}
#desktopSidebar [data-ico="box"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8l-9-5-9 5v8l9 5 9-5z M3.3 7.6 12 12.6l8.7-5 M12 22v-9.4'/%3E%3C/svg%3E")}
#desktopSidebar [data-ico="wallet"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h13v4 M3 7v11a2 2 0 0 0 2 2h15V9H5a2 2 0 0 1-2-2z M16 14.5h.01'/%3E%3C/svg%3E")}
#desktopSidebar [data-ico="book"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20V3H6.5A2.5 2.5 0 0 0 4 5.5z M6.5 17a2.5 2.5 0 0 0 0 5H20v-5'/%3E%3C/svg%3E")}
#desktopSidebar [data-ico="bank"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10 12 4l9 6 M5 10v8 M9.5 10v8 M14.5 10v8 M19 10v8 M3 21h18'/%3E%3C/svg%3E")}
#desktopSidebar [data-ico="truck"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6h11v10H2z M13 10h4l4 3v3h-8'/%3E%3Ccircle cx='7' cy='18' r='1.7'/%3E%3Ccircle cx='17' cy='18' r='1.7'/%3E%3C/svg%3E")}
#desktopSidebar [data-ico="target"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3C/svg%3E")}
#desktopSidebar [data-ico="trend"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l6-6 4 4 8-8 M15 7h6v6'/%3E%3C/svg%3E")}
#desktopSidebar [data-ico="percent"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 5 5 19'/%3E%3Ccircle cx='7' cy='7' r='2.2'/%3E%3Ccircle cx='17' cy='17' r='2.2'/%3E%3C/svg%3E")}
#desktopSidebar [data-ico="users"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2 M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z M22 21v-2a4 4 0 0 0-3-3.9 M16 3.1a4 4 0 0 1 0 7.8'/%3E%3C/svg%3E")}
#desktopSidebar [data-ico="calendar"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h18v16H3z M3 10h18 M8 3v4 M16 3v4'/%3E%3C/svg%3E")}
#desktopSidebar [data-ico="cash"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6h20v12H2z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
#desktopSidebar [data-ico="user"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21v-1a6 6 0 0 1 6-6h4a6 6 0 0 1 6 6v1'/%3E%3C/svg%3E")}
#desktopSidebar [data-ico="shield"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z M9 12l2 2 4-4'/%3E%3C/svg%3E")}
#desktopSidebar [data-ico="activity"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-4l-3 9L9 3l-3 9H2'/%3E%3C/svg%3E")}
#desktopSidebar [data-ico="trash"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16 M9 7V4h6v3 M6 7l1 13h10l1-13 M10 11v6 M14 11v6'/%3E%3C/svg%3E")}
#desktopSidebar [data-ico="database"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='8' ry='3'/%3E%3Cpath d='M4 5v14c0 1.7 3.6 3 8 3s8-1.3 8-3V5 M4 12c0 1.7 3.6 3 8 3s8-1.3 8-3'/%3E%3C/svg%3E")}
#desktopSidebar [data-ico="keyboard"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6h20v12H2z M6 10h.01 M10 10h.01 M14 10h.01 M18 10h.01 M7 14h10'/%3E%3C/svg%3E")}
#desktopSidebar [data-ico="logout"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4 M16 17l5-5-5-5 M21 12H9'/%3E%3C/svg%3E")}
#desktopSidebar [data-ico="tag"]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4l-7.2 7.2a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z M7.5 7.5h.01'/%3E%3C/svg%3E")}

/* container */
#desktopSidebar{background:linear-gradient(180deg,#0f172a 0%,#111c2e 100%) !important;border-right:1px solid rgba(255,255,255,.06) !important;border-radius:0 18px 18px 0 !important;box-shadow:4px 0 28px rgba(15,23,42,.30) !important;padding:12px 8px 16px !important}
#desktopSidebar::after{display:none !important}
#desktopSidebar,#desktopSidebar *{font-family:Inter,'Segoe UI',system-ui,sans-serif !important}
#desktopSidebar .dsb-scroll-area{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent;padding-right:2px}
#desktopSidebar .dsb-scroll-area::-webkit-scrollbar{width:4px}
#desktopSidebar .dsb-scroll-area::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:6px}
#desktopSidebar .dsb-scroll-area::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.4)}

/* collapse button */
#desktopSidebar .dsb-collapse-btn{width:26px !important;height:26px !important;background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.18) !important;color:#9ec3d8 !important;box-shadow:none !important;transition:all .2s var(--sm-ease) !important}
#desktopSidebar .dsb-collapse-btn:hover{background:var(--sm-brand) !important;border-color:var(--sm-brand) !important;color:#fff !important}

/* group headings */
#desktopSidebar .dsb-title{font-size:10.5px !important;font-weight:600 !important;letter-spacing:.11em !important;color:var(--sm-muted) !important;padding:16px 12px 6px !important;gap:8px !important;transition:color .2s !important}
#desktopSidebar .dsb-scroll-area .dsb-card:first-child .dsb-title{padding-top:6px !important}
#desktopSidebar .dsb-title:hover,#desktopSidebar .dsb-card.group-open .dsb-title{color:var(--sm-brand) !important}
#desktopSidebar .dsb-group-icon{width:0 !important;font-size:0 !important;color:transparent !important;margin:0 !important}
#desktopSidebar .dsb-group-caret{color:#6f9bb5 !important;font-size:14px !important;opacity:1 !important;transition:transform .25s var(--sm-ease),color .2s !important}
#desktopSidebar .dsb-card.group-open .dsb-group-caret{color:var(--sm-brand) !important}
#desktopSidebar .dsb-group-body{transition:max-height .35s var(--sm-ease),opacity .25s ease !important;opacity:0}
#desktopSidebar .dsb-card.group-open .dsb-group-body{max-height:8000px;opacity:1}
#desktopSidebar:not(.sb-open) .dsb-group-body{opacity:1}

/* main items */
#desktopSidebar .dsb-nav-item,#desktopSidebar .receipt-bank-item{position:relative;min-height:40px;padding:0 10px !important;gap:12px !important;margin:2px 0 !important;border-radius:10px !important;font-size:13.5px !important;font-weight:500 !important;line-height:1.25 !important;color:var(--sm-text) !important;background:transparent !important;transform:none !important;box-shadow:none !important;transition:background .2s var(--sm-ease),color .2s var(--sm-ease) !important}
#desktopSidebar .dsb-nav-item:hover,#desktopSidebar .receipt-bank-item:hover{background:var(--sm-hover) !important;color:#fff !important;transform:none !important}
#desktopSidebar .dsb-nav-item.active{background:var(--sm-tint) !important;color:var(--sm-brand-d) !important;font-weight:600 !important}
#desktopSidebar .dsb-nav-item.active::before{content:'' !important;position:absolute;left:0;top:50%;width:3px;height:18px;margin-top:-9px;border-radius:0 3px 3px 0;background:var(--sm-brand)}
#desktopSidebar .receipt-bank-item.expanded{background:rgba(255,255,255,.06) !important;color:var(--sm-brand-d) !important;box-shadow:none !important;font-weight:600 !important}
#desktopSidebar .dsb-nav-item[title="Logout"]{color:#ff9aa2 !important}
#desktopSidebar .dsb-nav-item[title="Logout"]:hover{background:rgba(229,72,77,.16) !important;color:#ffc2c7 !important}

/* line icons */
#desktopSidebar .dsb-nav-icon{width:14px !important;min-width:14px !important;height:14px !important;line-height:14px !important;background:none !important;box-shadow:none !important;transform:none !important;border-radius:0 !important;display:inline-flex !important;align-items:center;justify-content:center;color:#7fb0c8;font-size:0 !important;transition:color .2s var(--sm-ease)}
#desktopSidebar .dsb-nav-icon::before{content:'' !important;display:block;width:16px;height:16px;background:currentColor;-webkit-mask:var(--ico-dot) center/contain no-repeat;mask:var(--ico-dot) center/contain no-repeat;font-size:0 !important}
#desktopSidebar .dsb-nav-icon::after{content:none !important}
#desktopSidebar .dsb-nav-item:hover .dsb-nav-icon,#desktopSidebar .receipt-bank-item:hover .dsb-nav-icon{color:var(--sm-brand);background:none !important;transform:none !important}
#desktopSidebar .dsb-nav-item.active .dsb-nav-icon,#desktopSidebar .receipt-bank-item.expanded .dsb-nav-icon{color:var(--sm-brand) !important;background:none !important;box-shadow:none !important}
#desktopSidebar .dsb-nav-item[title="Logout"] .dsb-nav-icon{color:#ff9aa2}

/* caret on expandable items */
#desktopSidebar .receipt-bank-caret{color:#6f9bb5 !important;font-size:15px !important;opacity:1 !important;transition:transform .25s var(--sm-ease),color .2s !important}
#desktopSidebar .receipt-bank-item.expanded .receipt-bank-caret{color:var(--sm-brand) !important}

/* sub menus: thin guide line + dot bullets */
#desktopSidebar .receipt-bank-submenu{margin:2px 0 6px 21px !important;padding-left:8px;border-left:1.5px solid var(--sm-line);opacity:0;transition:max-height .35s var(--sm-ease),opacity .25s ease !important}
#desktopSidebar .receipt-bank-submenu.open{max-height:4000px;opacity:1}
#desktopSidebar .receipt-bank-subitem{position:relative;min-height:34px;padding:0 8px 0 18px !important;display:flex;align-items:center;gap:6px;font-size:13px !important;font-weight:500 !important;line-height:1.25 !important;color:#a9c3d6 !important;border-radius:8px;margin:1px 0;cursor:pointer;transition:background .2s,color .2s}
#desktopSidebar .receipt-bank-subitem::before{content:'';position:absolute;left:6px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:#4f7690;transition:background .2s,transform .2s}
#desktopSidebar .receipt-bank-subitem > .mi{display:none !important}
#desktopSidebar .receipt-bank-subitem:hover{background:var(--sm-hover) !important;color:#fff !important}
#desktopSidebar .receipt-bank-subitem:hover::before{background:var(--sm-brand);transform:scale(1.25)}
#desktopSidebar .receipt-bank-subitem.expanded{color:var(--sm-brand-d) !important;font-weight:600 !important}
#desktopSidebar .receipt-bank-subitem.expanded::before{background:var(--sm-brand)}
/* plain + / − (JS switches the sign), no box */
#desktopSidebar .receipt-sub-plus{order:0;margin:0 !important;width:16px !important;height:20px;line-height:20px !important;font-size:16px !important;font-weight:600;color:#7fa6bd !important;border:none !important;background:none !important;border-radius:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s}
#desktopSidebar .receipt-sub-plus::before{content:none !important}
#desktopSidebar .receipt-sub-plus:hover{background:none !important;color:var(--sm-brand) !important}
#desktopSidebar .receipt-bank-subitem.expanded .receipt-sub-plus{color:var(--sm-brand) !important}
#desktopSidebar .receipt-bank-subitem.receipt-sub-toggle{padding-left:4px !important}
#desktopSidebar .receipt-bank-subitem.receipt-sub-toggle::before{display:none}

/* third level */
#desktopSidebar .receipt-bank-subsubmenu{margin:0 0 4px 14px !important;padding-left:6px;border-left:1.5px dashed rgba(255,255,255,.14);opacity:0;transition:max-height .3s var(--sm-ease),opacity .25s ease !important}
#desktopSidebar .receipt-bank-subsubmenu.open{max-height:400px;opacity:1}
#desktopSidebar .receipt-bank-subsubitem{position:relative;min-height:30px;padding:0 8px 0 18px !important;display:flex;align-items:center;font-size:12.5px !important;font-weight:450 !important;line-height:1.25 !important;color:#8fb0c6 !important;border-radius:7px;margin:1px 0;cursor:pointer;transition:background .2s,color .2s}
#desktopSidebar .receipt-bank-subsubitem::before{content:'';position:absolute;left:7px;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:#4f7690;transition:background .2s}
#desktopSidebar .receipt-bank-subsubitem:hover{background:var(--sm-hover) !important;color:var(--sm-brand-d) !important}
#desktopSidebar .receipt-bank-subsubitem:hover::before{background:var(--sm-brand)}

/* badge + divider */
#desktopSidebar .dsb-badge{background:#ef4444 !important;color:#fff !important;font-size:10.5px !important;font-weight:600 !important;padding:1px 7px !important;border-radius:20px !important}
#desktopSidebar .dsb-divider{background:var(--sm-line) !important;height:1px !important;margin:10px 6px !important}

/* collapsed (icon only) */
#desktopSidebar:not(.sb-open) .dsb-nav-item,#desktopSidebar:not(.sb-open) .receipt-bank-item{justify-content:center !important;padding:0 !important;min-height:42px}
#desktopSidebar:not(.sb-open) .dsb-nav-icon::before{width:18px;height:18px}
#desktopSidebar:not(.sb-open) .dsb-nav-item.active::before{left:-2px}

@media (prefers-reduced-motion:reduce){#desktopSidebar *{transition:none !important}}


/* ===== HMS THEME v9 — "Settings": Windows 11 Settings look. Light grey page, white cards with hairline borders, one blue accent, Segoe UI ===== */
:root{
--fx-font:'Segoe UI Variable Text','Segoe UI Variable','Segoe UI',system-ui,-apple-system,'Roboto','Noto Sans',Arial,sans-serif;
--fx-bg:#d6e3f1; --fx-card:#fff; --fx-card-alt:#f8fafc; --fx-hover:#f2f5f9; --fx-press:#e6ebf1;
--fx-line:#cbd8e7; --fx-line-2:#b4c4d7;
--fx-text:#1b1b1b; --fx-text-2:#5d5d5d; --fx-text-3:#767676;
--fx-accent:#005fb8; --fx-accent-h:#1a6ebf; --fx-accent-p:#3a82c8; --fx-accent-dk:#003e92; --fx-accent-soft:#e8f1fa;
--fx-ok:#0f7b0f; --fx-ok-bg:#dff6dd; --fx-warn:#9d5d00; --fx-warn-bg:#fff4ce; --fx-err:#c42b1c; --fx-err-bg:#fde7e9;
--fx-r-ctl:4px; --fx-r-card:8px;
/* map the old palette onto the new one so every older rule follows */
--teal-dark:#003e92; --teal:#005fb8; --teal-light:#8ab4e0; --accent:#005fb8; --brand2:#2a7bc9;
--amber:#9d5d00; --rose:#c42b1c; --violet:#5c4a9e; --sky:#0067c0; --green:#0f7b0f; --green-dark:#005fb8;
--bg:#d6e3f1; --card:#fff; --text:#1b1b1b; --muted:#5d5d5d; --border:#e5e5e5;
--radius-sm:4px; --radius-md:6px; --radius-lg:8px;
--shadow-sm:none; --shadow-md:0 1px 2px rgba(0,0,0,.05); --shadow-lg:0 8px 28px rgba(0,0,0,.18);
--w1:#003e92; --w2:#005fb8; --w3:#1a6ebf; --wbg:#fff; --wline:#e5e5e5; --wtext:#1b1b1b; --wmuted:#5d5d5d; --wsoft:#d6e3f1}

/* ---------- font + base ---------- */
body,body *:not(.sc-key){font-family:var(--fx-font) !important}
body{background:var(--fx-bg) !important;color:var(--fx-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.ihc-label,.ihc-sub-lbl,.cp-box-lbl,.cash-pos-title,.header-sub,.dsb-title,.d-sec,.d-logo-sub,.mod-btn,.cash-pos-edit,.ihc-amount span{text-transform:none !important;letter-spacing:0 !important}
*{scrollbar-color:#b4b4b4 transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:#b8b8b8;border-radius:10px;border:3px solid transparent;background-clip:padding-box}
*::-webkit-scrollbar-thumb:hover{background:#8f8f8f;background-clip:padding-box}
:focus-visible{outline:2px solid var(--fx-accent) !important;outline-offset:1px}

/* ---------- title bar ---------- */
.header{background:#f7f9fc !important;border-bottom:1px solid var(--fx-line) !important;box-shadow:none !important}
.header .header-name,.header-name{color:var(--fx-text) !important;text-shadow:none !important;font-weight:600 !important;font-size:18px !important}
.header-sub{color:var(--fx-text-2) !important;font-size:12px !important}
.header-contact{color:var(--fx-text-2) !important;font-size:11.5px !important}
.logo-wrap{border:1px solid var(--fx-line) !important;box-shadow:none !important}
.hbtn{background:#fff !important;border:1px solid var(--fx-line) !important;border-bottom-color:var(--fx-line-2) !important;border-radius:var(--fx-r-ctl) !important;color:var(--fx-text) !important}
.hbtn:hover{background:var(--fx-hover) !important}
.hbtn:active{background:var(--fx-press) !important}
.notif-dot{border-color:#fff !important}
.date-bar{background:transparent !important;border-top:1px solid var(--fx-line);color:var(--fx-text-2) !important;font-size:12px !important}
@media (min-width:768px){.header .header-name,.header-name{font-size:22px !important}.header-sub{font-size:13px !important}.header-contact{font-size:12.5px !important}}

/* ---------- welcome ---------- */
.welcome{background:#fff !important;color:var(--fx-text) !important;border:1px solid var(--fx-line) !important;border-radius:var(--fx-r-card) !important;box-shadow:none !important;padding:12px 16px !important}
.welcome::before,.welcome::after{display:none !important}
.welcome-greet,.welcome-role{color:var(--fx-text-2) !important;font-size:12px !important}
.welcome-name{color:var(--fx-text) !important;font-size:18px !important;font-weight:600 !important}
.welcome-avatar{background:var(--fx-accent) !important;color:#fff !important;box-shadow:none !important;border:0 !important;font-weight:600 !important}

/* ---------- pivot tabs (Financial / Patient review) ---------- */
.review-toggle{gap:4px !important;padding-top:0 !important;margin-bottom:10px !important;border-bottom:1px solid var(--fx-line)}
.review-toggle-btn,#reviewTabFin,#reviewTabPat{background:transparent !important;border:0 !important;border-radius:var(--fx-r-ctl) var(--fx-r-ctl) 0 0 !important;color:var(--fx-text-2) !important;font-size:13px !important;font-weight:600 !important;padding:10px 12px 11px !important;transform:none !important;filter:none !important;opacity:1 !important;box-shadow:none !important}
.review-toggle-btn:hover{background:rgba(0,0,0,.04) !important}
.review-toggle-btn.active{color:var(--fx-text) !important;background:transparent !important}
.review-toggle-btn.active::after{content:'' !important;display:block !important;position:absolute !important;left:12px !important;right:12px !important;bottom:-1px !important;top:auto !important;width:auto !important;height:3px !important;border:0 !important;border-radius:3px !important;background:var(--fx-accent) !important;transform:none !important;filter:none !important}
.dash-sep-line{height:1px !important;border-radius:0 !important;background:var(--fx-line) !important;margin:2px 0 12px !important}
#patientSearchBanner{background:var(--fx-accent) !important;border-radius:var(--fx-r-card) !important;box-shadow:none !important;padding:9px 12px !important;gap:10px !important}
#patientSearchBanner > div:nth-child(2) > div{font-size:13px !important;font-weight:600 !important}
#patientSearchBanner > div:nth-child(1){width:22px !important;height:22px !important;font-size:13px !important;border-radius:var(--fx-r-ctl) !important}
#patientSearchBanner > div:nth-child(3){font-size:12px !important;font-weight:600 !important;border-radius:var(--fx-r-ctl) !important;padding:4px 10px !important}

/* ---------- section titles ---------- */
.sec-title{color:var(--fx-text) !important;font-size:14px !important;font-weight:600 !important;border:0 !important;padding:0 !important;margin:10px 0 10px !important}
.sec-title span::before{display:none !important}
.sec-title > :last-child:not(:first-child){color:var(--fx-accent) !important;font-size:13px !important;font-weight:400 !important}

/* ---------- summary cards (income / cash / bank) ---------- */
.income-hero-card,.cash-pos-card,.bank-pos-card{background:#fff !important;border:1px solid var(--fx-line) !important;border-radius:var(--fx-r-card) !important;box-shadow:none !important;padding:14px 16px !important}
.income-hero-card::before,.cash-pos-card::before,.bank-pos-card::before{display:none !important}
.ihc-label,.cash-pos-title{color:var(--fx-text) !important;text-shadow:none !important;font-size:14px !important;font-weight:600 !important}
.ihc-amount{color:var(--fx-text) !important;font-weight:600 !important}
.ihc-amount span{color:var(--fx-text-2) !important}
.ihc-change{color:var(--fx-ok) !important}
.cash-pos-edit{background:#fff !important;color:var(--fx-text) !important;border:1px solid var(--fx-line) !important;border-bottom-color:var(--fx-line-2) !important;border-radius:var(--fx-r-ctl) !important;font-size:12px !important;font-weight:400 !important;padding:4px 12px !important}
.cash-pos-edit:hover{background:var(--fx-hover) !important}
.ihc-sub,.cp-box{background:var(--fx-card-alt) !important;border:1px solid var(--fx-line) !important;border-left:3px solid var(--fx-accent) !important;border-radius:var(--fx-r-ctl) !important;box-shadow:none !important;text-align:left !important;padding:9px 11px !important}
.ihc-row .ihc-sub:nth-child(2){border-left-color:#4c8fd0 !important}
.ihc-row .ihc-sub:nth-child(3){border-left-color:#9cc3e8 !important}
.cash-pos-card .cp-box:nth-child(1),.bank-pos-card .cp-box:nth-child(1){border-left-color:var(--fx-accent) !important}
.cash-pos-card .cp-box:nth-child(2),.bank-pos-card .cp-box:nth-child(2){border-left-color:var(--fx-ok) !important}
.cash-pos-card .cp-box:nth-child(3),.bank-pos-card .cp-box:nth-child(3){border-left-color:var(--fx-err) !important}
.cash-pos-card .cp-box:nth-child(4),.bank-pos-card .cp-box:nth-child(4){border-left-color:var(--fx-warn) !important}
.ihc-sub-lbl,.cp-box-lbl{color:var(--fx-text-2) !important;font-size:12px !important;font-weight:400 !important}
.ihc-sub-val,.cp-box-val{color:var(--fx-text) !important;font-size:16px !important;font-weight:600 !important}
.ihc-sub-chg,.cp-box-sub{color:var(--fx-text-3) !important;font-size:11px !important;font-weight:400 !important}

/* ---------- cards, lists, module tiles ---------- */
.stat-chip,.dept-income-item,.act-item{background:#fff !important;border:1px solid var(--fx-line) !important;border-radius:var(--fx-r-ctl) !important;box-shadow:none !important}
.stat-chip:hover,.dept-income-item:hover{background:var(--fx-card-alt) !important}
.chip-icon,.mod-icon,.di-icon{background:var(--fx-bg) !important;border-radius:var(--fx-r-ctl) !important}
.chip-lbl,.di-pct,.mod-sub{color:var(--fx-text-2) !important;font-size:11px !important}
.di-name{font-size:13.5px !important;font-weight:600 !important}
.di-prog{background:var(--fx-accent) !important}.di-prog-wrap{background:#cbd8e7 !important}
.act-dot{background:var(--fx-accent) !important}
.mod-card{background:#fff !important;border:1px solid var(--fx-line) !important;border-radius:var(--fx-r-card) !important;box-shadow:none !important}
.mod-card:hover{background:var(--fx-card-alt) !important;border-color:var(--fx-line-2) !important;box-shadow:none !important}
.mod-card:active{transform:none !important;background:var(--fx-hover) !important}
.mod-title{font-size:13px !important;font-weight:600 !important}
.mod-badge{border-radius:var(--fx-r-ctl) !important}
.mod-btn{background:var(--fx-hover) !important;color:var(--fx-accent-dk) !important;border:0 !important;border-top:1px solid var(--fx-line) !important;border-radius:0 !important;font-size:13px !important;font-weight:600 !important;padding:10px !important}
.mod-btn:hover{background:var(--fx-accent-soft) !important}
.mod-btn:active{background:#d6e6f6 !important}
.mod-btn.emergency{background:var(--fx-err-bg) !important;color:var(--fx-err) !important}

/* ---------- buttons ---------- */
.ip-tab{background:#fff !important;color:var(--fx-text) !important;border:1px solid var(--fx-line) !important;border-bottom-color:var(--fx-line-2) !important;border-radius:var(--fx-r-ctl) !important;font-size:12.5px !important;font-weight:400 !important;padding:6px 14px !important;box-shadow:none !important}
.ip-tab:hover{background:var(--fx-hover) !important}
.ip-tab.active,.go-btn,.c-save-btn,.ef-save-btn,.hadd-save-btn,.login-btn,.hadd-new-btn,#cSaveBtn,#labRptPublishBtn,#pmPrintBtn,#stfSaveBtn,.book-add-btn,.dc-gen-btn,.inv-addbtn,.ph-save-btn,.rgen-btn,.rmodal .rform .rfa-mid{background:var(--fx-accent) !important;color:#fff !important;border:1px solid var(--fx-accent) !important;border-bottom-color:var(--fx-accent-dk) !important;border-radius:var(--fx-r-ctl) !important;box-shadow:none !important;font-weight:600 !important;text-shadow:none !important}
.ip-tab.active{font-weight:600 !important}
.ip-tab.active:hover,.go-btn:hover,.c-save-btn:hover,.ef-save-btn:hover,.hadd-save-btn:hover,.login-btn:hover,.hadd-new-btn:hover,#cSaveBtn:hover,#labRptPublishBtn:hover,#pmPrintBtn:hover,#stfSaveBtn:hover,.book-add-btn:hover,.dc-gen-btn:hover,.inv-addbtn:hover,.ph-save-btn:hover,.rgen-btn:hover,.rmodal .rform .rfa-mid:hover{background:var(--fx-accent-h) !important;filter:none !important}
.ip-tab.active:active,.go-btn:active,.c-save-btn:active,.ef-save-btn:active,.login-btn:active{background:var(--fx-accent-p) !important}
.inv-tab.active{background:var(--fx-accent) !important}
.cmodal-tab.active,.eftab.active{background:#fff !important;color:var(--fx-accent) !important}

/* ---------- bottom bar (phone) ---------- */
.bottom-nav{background:#f7f9fc !important;border-top:1px solid var(--fx-line) !important;box-shadow:none !important}
.bnav-lbl{font-size:11px !important;color:var(--fx-text-2) !important;font-weight:400 !important}
.bnav-item.active .bnav-icon{color:var(--fx-accent) !important}
.bnav-item.active .bnav-lbl{color:var(--fx-accent) !important;font-weight:600 !important}
.bnav-item.active::after{left:32% !important;right:32% !important;height:3px !important;background:var(--fx-accent) !important;border-radius:0 0 3px 3px !important}
.bnav-badge{background:var(--fx-err) !important;border-radius:var(--fx-r-ctl) !important}

/* ---------- toast ---------- */
#toast,.toast,.c-toast,#cToastEl,#appToast{background:#fff !important;color:var(--fx-text) !important;border:1px solid var(--fx-line) !important;border-radius:var(--fx-r-card) !important;box-shadow:0 8px 24px rgba(0,0,0,.16) !important;font-weight:400 !important}

/* ---------- windows / dialogs ---------- */
.cmodal-overlay,.efmodal-overlay,.rmodal-overlay,.ob-modal-overlay,.hmodal-overlay,.drawer-overlay{background:rgba(0,0,0,.38) !important}
.cmodal-overlay .cmodal,.efmodal-overlay .efmodal,.rmodal-overlay .rmodal,.ob-modal-overlay .ob-modal{background:#fff !important;border:1px solid var(--fx-line) !important;border-radius:var(--fx-r-card) !important;box-shadow:0 8px 32px rgba(0,0,0,.24),0 0 1px rgba(0,0,0,.3) !important}
.wc-bar{background:#f7f9fc !important;border-bottom:1px solid var(--fx-line);border-radius:var(--fx-r-card) var(--fx-r-card) 0 0 !important;margin-bottom:0 !important;padding:8px 10px 8px 16px !important}
.wc-title-chip{color:var(--fx-text) !important;font-size:13px !important;font-weight:600 !important}
.wc-btn{background:transparent !important;color:var(--fx-text) !important;border-radius:var(--fx-r-ctl) !important;width:32px !important;height:28px !important}
.wc-btn:hover{background:rgba(0,0,0,.06) !important}
.wc-close-btn:hover{background:var(--fx-err) !important;color:#fff !important}
.rmodal-drag{background:#d0d0d0 !important}
.rmodal .rform,.rmodal #rmodalContent .rform{background:#fff !important;color:var(--fx-text)}
.rmodal .rform-title,.rform-title{background:#fff !important;color:var(--fx-text) !important;font-size:20px !important;font-weight:600 !important;border-bottom:0 !important}
.rmodal .rform-subtitle,.rform-subtitle{background:#fff !important;color:var(--fx-text-2) !important;font-size:12.5px !important;font-weight:400 !important}
.rmodal .rform label{color:var(--fx-text) !important;font-size:13px !important;font-weight:600 !important;letter-spacing:0 !important;margin-bottom:4px !important}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]),select,textarea{background-color:#fdfdfd;border:1px solid var(--fx-line) !important;border-bottom-color:#8a8a8a !important;border-radius:var(--fx-r-ctl) !important;color:var(--fx-text)}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):hover,select:hover,textarea:hover{background-color:#f2f5f9}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):focus,select:focus,textarea:focus{background-color:#fff;border-color:var(--fx-line) !important;border-bottom:2px solid var(--fx-accent) !important;box-shadow:none !important;outline:0 !important}
input::placeholder,textarea::placeholder{color:#8a8a8a !important}
input[type=checkbox],input[type=radio]{accent-color:var(--fx-accent)}
.rmodal .rform input[readonly]{background:var(--fx-hover) !important;color:var(--fx-text) !important;font-weight:600 !important}
.rmodal .rform-total-box{background:var(--fx-accent-soft) !important;border:1px solid #cfe2f4 !important;border-left:3px solid var(--fx-accent) !important;border-radius:var(--fx-r-ctl) !important}
.rmodal .rform-total-box .rtb-label{color:var(--fx-text) !important;font-size:14px !important}
.rmodal .rform-total-box .rtb-val{color:var(--fx-accent-dk) !important;font-size:24px !important;font-weight:600 !important}
.rmodal #rxSetBox{background:var(--fx-card-alt) !important;border:1px dashed var(--fx-line-2) !important;color:var(--fx-text) !important;border-radius:var(--fx-r-ctl) !important}
.rmodal .rform-actions-row{background:var(--fx-bg) !important;border:1px solid var(--fx-line) !important;border-radius:var(--fx-r-ctl) !important}
.rmodal .rform .rfa-circle{background:var(--fx-text-2) !important;color:#fff !important}
#mrGroup button{background:var(--fx-accent) !important;border-radius:var(--fx-r-ctl) !important}

/* ---------- phone menu (drawer) ---------- */
.drawer{background:#f7f9fc !important;border-radius:0 !important;box-shadow:4px 0 24px rgba(0,0,0,.2) !important;border-right:1px solid var(--fx-line)}
.drawer-logo{background:transparent !important;border-bottom:1px solid var(--fx-line) !important}
.d-logo-name{color:var(--fx-text) !important;font-weight:600 !important;font-size:15px !important;letter-spacing:0 !important}
.d-logo-sub{color:var(--fx-text-2) !important;font-size:11px !important}
.d-sec{color:var(--fx-text-2) !important;font-size:12px !important;font-weight:600 !important;padding:12px 10px 4px !important}
.d-sec::after{display:none !important}
.d-item{color:var(--fx-text) !important;font-size:13.5px !important;font-weight:400 !important;border-radius:var(--fx-r-ctl) !important;padding:6px 10px !important;backdrop-filter:none !important}
.d-item:hover,.d-subitem:hover,.d-subsubitem:hover{background:rgba(0,0,0,.05) !important;color:var(--fx-text) !important;backdrop-filter:none !important}
.d-item:active{background:rgba(0,0,0,.08) !important}
.d-item.active{background:rgba(0,0,0,.06) !important;color:var(--fx-text) !important;font-weight:600 !important;box-shadow:none !important;backdrop-filter:none !important}
.d-item.active::before{left:0 !important;top:25% !important;height:50% !important;width:3px !important;background:var(--fx-accent) !important;border-radius:3px !important}
.d-item-icon,.d-subitem-icon{background:transparent !important}
.d-item-caret{color:var(--fx-text-3) !important}
.d-item.expanded .d-item-caret,.d-subitem.d-sub-expanded,.d-subitem.d-sub-expanded .d-sub-plus{color:var(--fx-accent) !important}
.d-submenu,.d-subsubmenu{border-left:1px solid var(--fx-line) !important}
.d-subitem{color:var(--fx-text) !important;font-size:13px !important;border-radius:var(--fx-r-ctl) !important}
.d-sub-plus{color:var(--fx-text-3) !important}
.d-subsubitem{color:var(--fx-text-2) !important;font-size:12.5px !important;border-radius:var(--fx-r-ctl) !important}
.d-item-badge{background:var(--fx-err) !important;border-radius:var(--fx-r-ctl) !important}
.d-user{background:transparent !important;border-top:1px solid var(--fx-line) !important}
.d-avatar{background:var(--fx-accent) !important;border-radius:50% !important;box-shadow:none !important}
.d-uname{color:var(--fx-text) !important;font-weight:600 !important}
.d-urole{color:var(--fx-text-2) !important}

/* ---------- desktop side menu (Settings navigation) ---------- */
#desktopSidebar{--sm-text:var(--fx-text);--sm-muted:var(--fx-text-3);--sm-brand:var(--fx-accent);--sm-brand-d:var(--fx-text);--sm-tint:rgba(0,0,0,.06);--sm-hover:rgba(0,0,0,.05);--sm-line:var(--fx-line);
background:#f7f9fc !important;border-right:1px solid var(--fx-line) !important;border-radius:0 !important;box-shadow:none !important}
#desktopSidebar .dsb-scroll-area{scrollbar-color:#c4c4c4 transparent}
#desktopSidebar .dsb-scroll-area::-webkit-scrollbar-thumb{background:#c4c4c4}
#desktopSidebar .dsb-collapse-btn{background:#fff !important;border:1px solid var(--fx-line) !important;color:var(--fx-text) !important}
#desktopSidebar .dsb-collapse-btn:hover{background:var(--fx-hover) !important;color:var(--fx-text) !important;border-color:var(--fx-line-2) !important}
#desktopSidebar .dsb-title,#desktopSidebar .dsb-scroll-area .dsb-card:first-child .dsb-title{color:var(--fx-text) !important;font-size:13px !important;font-weight:600 !important;letter-spacing:0 !important;padding:12px 10px 5px !important;border-bottom:0 !important}
#desktopSidebar .dsb-group-caret,#desktopSidebar .receipt-bank-caret{color:var(--fx-text-3) !important}
#desktopSidebar .dsb-title:hover,#desktopSidebar .dsb-card.group-open .dsb-group-caret{color:var(--fx-accent) !important}
#desktopSidebar .dsb-nav-item,#desktopSidebar .receipt-bank-item{border-radius:var(--fx-r-ctl) !important;font-size:13.5px !important;font-weight:400 !important;color:var(--fx-text) !important;padding:7px 10px !important}
#desktopSidebar .dsb-nav-item:hover,#desktopSidebar .receipt-bank-item:hover,#desktopSidebar .receipt-bank-subitem:hover,#desktopSidebar .receipt-bank-subsubitem:hover{background:rgba(0,0,0,.05) !important;color:var(--fx-text) !important;transform:none !important}
#desktopSidebar .dsb-nav-item.active{background:rgba(0,0,0,.06) !important;color:var(--fx-text) !important;font-weight:600 !important}
#desktopSidebar .dsb-nav-item.active::before{content:'' !important;position:absolute !important;left:0 !important;top:25% !important;height:50% !important;width:3px !important;background:var(--fx-accent) !important;border-radius:3px !important}
#desktopSidebar .receipt-bank-item.expanded{background:rgba(0,0,0,.05) !important;color:var(--fx-text) !important}
#desktopSidebar .dsb-nav-icon{color:var(--fx-text-2)}
#desktopSidebar .dsb-nav-item.active .dsb-nav-icon{color:var(--fx-accent)}
#desktopSidebar .receipt-bank-subitem{color:var(--fx-text) !important;border-radius:var(--fx-r-ctl);font-size:13px !important}
#desktopSidebar .receipt-bank-subitem::before,#desktopSidebar .receipt-bank-subsubitem::before{background:var(--fx-line-2)}
#desktopSidebar .receipt-bank-subitem.expanded{color:var(--fx-accent) !important}
#desktopSidebar .receipt-sub-plus{color:var(--fx-text-3) !important}
#desktopSidebar .receipt-bank-subsubitem{color:var(--fx-text-2) !important;font-size:12.5px !important}
#desktopSidebar .receipt-bank-subsubmenu{border-left-color:var(--fx-line)}
#desktopSidebar .dsb-divider{background:var(--fx-line) !important}
#desktopSidebar .dsb-nav-item[title="Logout"],#desktopSidebar .dsb-nav-item[title="Logout"] .dsb-nav-icon{color:var(--fx-err) !important}
#desktopSidebar .dsb-nav-item[title="Logout"]:hover{background:var(--fx-err-bg) !important}

/* ---------- round-2 fixes ---------- */
#desktopMain{background:var(--fx-bg) !important}
#desktopMain::before{display:none !important}
.dash-cols::after{height:1px !important;background:var(--fx-line) !important;border-radius:0 !important}
#patientSearchBanner::after,#patientSearchBanner::before{display:none !important}
.c-form-title::before{background:var(--fx-accent) !important;width:3px !important;border-radius:2px !important}
@media (max-width:767px){.header .header-name,.header-name{font-size:16px !important}}
.sec-title > :last-child:not(:first-child){white-space:nowrap}
.cmodal > .wc-bar,.efmodal > .wc-bar,.rmodal > .wc-bar,.ob-modal > .wc-bar,.wc-bar{background:#f7f9fc !important}
.wc-btn,.wc-btn:hover{box-shadow:none !important}
.wc-btn{background:transparent !important}
.wc-btn:hover{background:rgba(0,0,0,.06) !important}
.wc-close-btn:hover{background:var(--fx-err) !important}
.wc-title-chip{letter-spacing:0 !important}
.cmodal label,.efmodal label,.ob-modal label{color:var(--fx-text-2) !important;font-size:12.5px !important;font-weight:600 !important;letter-spacing:0 !important;text-transform:none !important}
.cmodal-title,.efmodal-title,.hmodal-title{color:var(--fx-text) !important;font-weight:600 !important}
.cmodal-tabs,.eftabs{background:var(--fx-bg) !important;border-radius:var(--fx-r-ctl) !important;padding:3px !important}
.cmodal-tab,.eftab{border-radius:var(--fx-r-ctl) !important;font-size:12.5px !important;font-weight:400 !important;color:var(--fx-text-2) !important}
.cmodal-tab.active,.eftab.active{background:#fff !important;color:var(--fx-text) !important;font-weight:600 !important;box-shadow:0 1px 2px rgba(0,0,0,.12) !important}
.c-save-btn{font-size:14px !important;letter-spacing:0 !important;box-shadow:none !important}
.inv-head,.ph-header,.dc-head,.mir-titlebar{background:#f7f9fc !important;color:var(--fx-text) !important;border-bottom:1px solid var(--fx-line)}
.inv-head *,.ph-header *,.dc-head *{color:var(--fx-text) !important;text-shadow:none !important}
.inv-box{background:#fff !important;border-radius:var(--fx-r-card) !important;box-shadow:0 8px 32px rgba(0,0,0,.24) !important}
.inv-tabs{background:#fff !important}
.inv-tab{background:var(--fx-bg) !important;color:var(--fx-text-2) !important;border-radius:var(--fx-r-ctl) !important}
.inv-tab.active{background:var(--fx-accent) !important;color:#fff !important;box-shadow:none !important}
.inv-stat{box-shadow:none !important}
.inv-stat-val{color:var(--fx-accent-dk) !important}
.ph-total-row{background:var(--fx-accent-soft) !important;color:var(--fx-text) !important}
#obLivePreview,#bankObLivePreview{background:var(--fx-accent-soft) !important;color:var(--fx-text) !important;border:1px solid #cfe2f4;border-radius:var(--fx-r-ctl)}
#labReportForm .lis-ph,#labReportForm .lp-grp{background:var(--fx-accent) !important}
/* build/version footer text (sidebar + phone menu) */
#desktopSidebar div:has(> #dsbBuildVer),#desktopSidebar div:has(> #dsbBuildDate),.drawer div:has(> #dBuildVer),#dsbBuildVer,#dsbBuildDate,#dsbBuildNote,#dBuildVer,#dBuildDate,#dBuildNote{color:var(--fx-text-2) !important}
.drawer-logo div[style*="color"],.drawer-logo .d-logo-sub + div{color:var(--fx-text-2) !important}

/* ---------- login / device registration ---------- */
#loginScreen{background:var(--fx-bg) !important}
#loginScreen::before,#loginScreen::after{display:none !important}
.login-logo-wrap{box-shadow:none !important;border:1px solid var(--fx-line) !important}
.login-title{background:none !important;-webkit-text-fill-color:var(--fx-text) !important;color:var(--fx-text) !important;font-size:24px !important;font-weight:600 !important;letter-spacing:0 !important}
#loginScreen > div[style*="text-align:center"]{color:var(--fx-text-2) !important;font-size:12px !important}
.login-sub{color:var(--fx-text-2) !important;letter-spacing:0 !important;text-transform:none !important;font-size:12.5px !important}
.login-card{background:#fff !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;border:1px solid var(--fx-line) !important;border-radius:var(--fx-r-card) !important;box-shadow:0 8px 28px rgba(0,0,0,.12) !important}
.login-card div[style*="color:#fff"]{color:var(--fx-text) !important;font-weight:600 !important}
.login-card div[style*="color:#94a3b8"]{color:var(--fx-text-2) !important}
#loginScreen .login-field label{color:var(--fx-text-2) !important;font-size:12.5px !important;font-weight:600 !important;letter-spacing:0 !important;text-transform:none !important}
#loginScreen .login-field input{background:#fdfdfd !important;color:var(--fx-text) !important;border:1px solid var(--fx-line) !important;border-bottom-color:#8a8a8a !important;border-radius:var(--fx-r-ctl) !important;box-shadow:none !important}
#loginScreen .login-field input::placeholder{color:#8a8a8a !important}
#loginScreen .login-field input:focus{background:#fff !important;border-bottom:2px solid var(--fx-accent) !important}
.login-btn{transform:none !important;letter-spacing:0 !important;opacity:1 !important}
.login-err{background:var(--fx-err-bg) !important;color:var(--fx-err) !important;border:1px solid #f1bbb6 !important;border-radius:var(--fx-r-ctl) !important}
.login-footer{color:var(--fx-text-3) !important}

.mod-title-row{gap:4px !important}
.mod-income-today{min-width:0;padding-left:2px !important}
.mod-income-today *{white-space:nowrap}
.mod-title-row{flex-wrap:wrap !important}
.mod-income-today{margin-left:auto}

/* ---------- review tabs: same blue as Patient Search ---------- */
.review-toggle{border-bottom:0 !important;gap:8px !important;padding-top:0 !important}
.review-toggle-btn,#reviewTabFin,#reviewTabPat{background:var(--fx-accent) !important;color:#fff !important;border:1px solid var(--fx-accent) !important;border-radius:var(--fx-r-card) !important;padding:10px 12px !important;font-size:13px !important;font-weight:600 !important;overflow:visible}
.review-toggle-btn:hover{background:var(--fx-accent-h) !important}
.review-toggle-btn.active,#reviewTabFin.active,#reviewTabPat.active{background:var(--fx-accent-dk) !important;border-color:var(--fx-accent-dk) !important;color:#fff !important}
.review-toggle-btn.active::after{left:16px !important;right:16px !important;bottom:4px !important;height:3px !important;background:#fff !important}
.review-toggle{align-items:stretch !important}
.review-toggle-btn{white-space:nowrap !important;font-size:12.5px !important;padding:11px 6px 13px !important;gap:4px !important}
.review-toggle-btn.active::after{bottom:5px !important;left:22% !important;right:22% !important}

/* ---------- thick outline + soft shadow on main boxes ---------- */
.income-hero-card,.cash-pos-card,.bank-pos-card,.mod-card{border:2px solid #8aa5c4 !important;box-shadow:0 6px 16px rgba(16,42,80,.16),0 1px 3px rgba(16,42,80,.14) !important}
.mod-card:hover{border-color:#5f84b0 !important;box-shadow:0 8px 20px rgba(16,42,80,.2),0 1px 3px rgba(16,42,80,.16) !important}
.mod-btn{border-top:2px solid #8aa5c4 !important}
.mod-divider{background:#b4c4d7 !important}

/* ---------- active review tab: check badge instead of underline ---------- */
.review-toggle-btn.active::after{content:'✓' !important;display:flex !important;align-items:center;justify-content:center;position:absolute !important;top:-7px !important;right:-5px !important;left:auto !important;bottom:auto !important;width:20px !important;height:20px !important;border-radius:50% !important;background:#fff !important;color:var(--fx-accent-dk) !important;font-size:12px !important;font-weight:700 !important;line-height:1 !important;border:2px solid var(--fx-accent-dk) !important;box-shadow:0 2px 6px rgba(0,0,0,.25) !important}
.review-toggle{padding-top:6px !important}

/* ---------- equal height: Financial - Review / Patient - Review / Patient Search ---------- */
#reviewToggle{height:auto !important;padding-top:6px !important;padding-bottom:0 !important;margin-top:-8px !important;margin-bottom:8px !important;align-items:stretch !important}
#reviewTabFin,#reviewTabPat{height:38px !important;min-height:38px !important;max-height:38px !important;box-sizing:border-box !important;padding:0 6px !important;display:flex !important;align-items:center !important;justify-content:center !important}
#patientSearchBanner{height:38px !important;min-height:38px !important;max-height:38px !important;box-sizing:border-box !important;padding:0 12px !important;align-items:center !important;margin-top:-2px !important;margin-bottom:8px !important}

/* ---------- selected review tab: white inner ring + pointer arrow (no tick badge) ---------- */
#reviewTabFin.active,#reviewTabPat.active{box-shadow:inset 0 0 0 2px #fff,0 4px 10px rgba(16,42,80,.35) !important}
#reviewTabFin.active::after,#reviewTabPat.active::after{content:'' !important;display:block !important;position:absolute !important;top:auto !important;right:auto !important;bottom:-9px !important;left:50% !important;width:0 !important;height:0 !important;transform:translateX(-50%) !important;background:transparent !important;border:0 !important;border-left:9px solid transparent !important;border-right:9px solid transparent !important;border-top:9px solid var(--fx-accent-dk) !important;border-radius:0 !important;box-shadow:none !important;font-size:0 !important}

/* ---------- Backup / Restore: Windows-style copy dialog ---------- */
.hmfx-ov{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;padding:14px}
.hmfx-ov.show{display:flex}
.hmfx-win{width:100%;max-width:380px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.5),0 0 0 1px rgba(0,0,0,.25);font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;color:#1a1a1a;animation:hmfxPop .25s ease-out}
@keyframes hmfxPop{from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}
.hmfx-tb{display:flex;align-items:center;gap:8px;padding:8px 10px 8px 12px;background:#f3f3f3;border-bottom:1px solid #e1e1e1;font-size:12.5px}
.hmfx-tb .t{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hmfx-tb .x{width:26px;text-align:center;color:#555;font-size:13px}
.hmfx-body{padding:14px 16px 6px}
.hmfx-head{font-size:15px;color:#003399;font-weight:400;line-height:1.3}
.hmfx-head b{font-weight:600}
.hmfx-lane{display:flex;align-items:center;margin:16px 0 8px}
.hmfx-fold{width:54px;text-align:center;font-size:10.5px;color:#444;line-height:1.2}
.hmfx-fold svg{width:48px;height:40px;display:block;margin:0 auto 3px}
.hmfx-track{flex:1;position:relative;height:34px;margin:0 6px;overflow:hidden}
.hmfx-pg{position:absolute;top:6px;left:0;width:16px;height:21px;background:#fff;border:1.5px solid #6b7f99;border-radius:2px;opacity:0;animation:hmfxFly 1.1s linear infinite}
.hmfx-pg::before{content:'';position:absolute;left:2px;right:2px;top:5px;height:2px;background:#9fb0c8;box-shadow:0 4px 0 #9fb0c8,0 8px 0 #9fb0c8}
.hmfx-pg.p2{animation-delay:.27s}.hmfx-pg.p3{animation-delay:.55s}.hmfx-pg.p4{animation-delay:.82s}
@keyframes hmfxFly{0%{left:-6%;opacity:0;transform:translateY(0) rotate(-8deg)}12%{opacity:1}50%{transform:translateY(-6px) rotate(4deg)}88%{opacity:1}100%{left:100%;opacity:0;transform:translateY(2px) rotate(-4deg)}}
.hmfx-bar{height:17px;border:1px solid #bcbcbc;background:#e6e6e6;border-radius:2px;position:relative;overflow:hidden;margin-top:6px}
.hmfx-bar i{display:block;height:100%;width:0;background:linear-gradient(#3fd35a,#06b025);position:relative;transition:width .1s linear}
.hmfx-bar i::after{content:'';position:absolute;top:0;bottom:0;width:60px;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:hmfxShine 1s linear infinite}
@keyframes hmfxShine{from{transform:translateX(-60px)}to{transform:translateX(60px)}}
.hmfx-info{font-size:12px;color:#444;line-height:1.7;margin-top:10px;padding-bottom:12px}
.hmfx-info div{display:flex;gap:6px;white-space:nowrap}
.hmfx-info span.k{width:104px;flex:none;color:#666}
.hmfx-info span.v{overflow:hidden;text-overflow:ellipsis}
.hmfx-foot{display:none;padding:0 16px 14px;text-align:right}
.hmfx-foot button{min-width:84px;padding:6px 14px;border:1px solid #adadad;background:#e1e1e1;border-radius:3px;font-size:13px;cursor:pointer}
.hmfx-ov.done .hmfx-foot{display:block}
.hmfx-ov.done .hmfx-bar i::after{display:none}
.hmfx-ov.done .hmfx-pg{animation:none;opacity:0}
.hmfx-ok{display:none;color:#06a024;font-weight:600}
.hmfx-ov.done .hmfx-ok{display:inline}
.hmfx-ov.done .hmfx-head{color:#06741a}

/* ============ Receipt windows: clean minimal professional look ============ */
:root{--rc-line:#d9dee5;--rc-line-h:#b8c0cc;--rc-text:#1b2430;--rc-mut:#6a7686;--rc-bg2:#f6f7f9;--rc-ac:var(--fx-accent,#1f5fa8)}
.rmodal-overlay .rmodal{border-radius:0 !important;box-shadow:0 18px 50px rgba(15,23,42,.28),0 0 0 1px rgba(15,23,42,.08) !important}
.rmodal .wc-bar{background:#fff !important;border-bottom:1px solid var(--rc-line) !important;border-radius:0 !important}
.rmodal .wc-bar,.rmodal .wc-bar *{color:var(--rc-text) !important}
.rmodal .wc-btn{border-radius:0 !important;background:transparent !important}
.rmodal .wc-btn:hover{background:#eceff3 !important}
.rmodal #rmodalContent .rform{padding:4px 26px 22px !important;background:#fff !important}
/* title */
.rmodal .rform-title,.rmodal #rmodalContent .rform-title{font-size:22px !important;font-weight:600 !important;letter-spacing:-.01em !important;padding:16px 0 2px !important;margin:0 !important;color:var(--rc-text) !important;background:transparent !important}
.rmodal .rform-subtitle{padding:0 0 14px !important;margin:0 0 18px !important;font-size:12.5px !important;font-weight:400 !important;color:var(--rc-mut) !important;background:transparent !important;border-bottom:1px solid var(--rc-line)}
/* rows */
.rmodal .rform > div[style*="grid-template-columns"],
.rmodal .rform > .rr3,.rmodal .rform > .rr4,.rmodal .rform > .rr5,.rmodal .rform > .rr4b,.rmodal .rform > .rr6{gap:14px 16px !important;margin-bottom:16px !important;align-items:end !important}
.rmodal .rform > .rform-group{margin-bottom:16px !important}
.rmodal .rform .rform-group{margin:0 !important;min-width:0}
/* labels */
.rmodal .rform label{display:block !important;font-size:12px !important;font-weight:500 !important;letter-spacing:0 !important;text-transform:none !important;color:var(--rc-mut) !important;margin:0 0 6px !important;white-space:nowrap !important;overflow:hidden;text-overflow:ellipsis}
/* fields: flat, square, thin line */
.rmodal .rform :is(input,select):not([type=checkbox]):not([type=radio]):not([type=hidden]){height:42px !important;min-height:42px !important;box-sizing:border-box !important;border:1px solid var(--rc-line) !important;border-radius:0 !important;background-color:#fff;font-size:14px !important;padding:0 12px !important;color:var(--rc-text) !important;box-shadow:none !important;transition:border-color .15s,box-shadow .15s}
.rmodal .rform :is(input,select):not([type=checkbox]):not([type=radio]):hover{border-color:var(--rc-line-h) !important}
.rmodal .rform :is(input,select):not([type=checkbox]):not([type=radio]):focus{border-color:var(--rc-ac) !important;box-shadow:0 0 0 1px var(--rc-ac) !important;background-color:#fff !important}
.rmodal .rform :is(input,select)::placeholder{color:#a3adba !important}
.rmodal .rform :is(input[readonly],select[disabled]){background-color:var(--rc-bg2) !important;color:#3d4a5c !important;border-color:#e6e9ee !important}
.rmodal .rform select{padding-right:30px !important}
.rmodal .rform #r_sowodo_type{padding-right:22px !important}
/* total */
.rmodal .rform div[style*="padding:7px 10px"][style*="border-radius:10px"]{height:42px;box-sizing:border-box;padding:0 12px !important;border:1px solid var(--rc-line) !important;border-radius:0 !important;background:var(--rc-bg2) !important}
.rmodal .rform #rTotalPreview{font-size:15px !important;font-weight:700 !important;color:var(--rc-text) !important}
/* prescription strip */
.rmodal #rxSetBox{margin:4px 0 18px !important;padding:11px 14px !important;border:1px solid var(--rc-line) !important;border-radius:0 !important;background:var(--rc-bg2) !important}
.rmodal #rxSetBox label{color:var(--rc-text) !important;font-weight:500 !important}
.rmodal #rxSetBox select{height:32px !important;min-height:32px !important;padding:0 26px 0 10px !important;font-size:12.5px !important}
/* action bar */
.rmodal .rform-actions-row{position:sticky;bottom:-22px;z-index:5;display:flex !important;align-items:center;gap:8px !important;flex-wrap:nowrap;margin:0 -26px -22px !important;padding:14px 26px !important;background:#fff !important;border:0 !important;border-top:1px solid var(--rc-line) !important;border-radius:0 !important}
.rmodal .rform-actions-row .rfa-mid{flex:1 1 0 !important;min-width:0 !important;height:42px;padding:0 6px !important;border-radius:0 !important;font-size:13px !important;font-weight:500 !important;white-space:nowrap !important;overflow:hidden;text-overflow:ellipsis;background:#fff !important;color:var(--rc-text) !important;border:1px solid var(--rc-line-h) !important;box-shadow:none !important;transition:background .15s,transform .1s}
.rmodal .rform-actions-row .rfa-mid:hover{background:var(--rc-bg2) !important}
.rmodal .rform-actions-row .rfa-mid:active{transform:scale(.98)}
.rmodal .rform-actions-row .rfa-mid:nth-child(5){flex-grow:1.35 !important;background:var(--rc-ac) !important;color:#fff !important;border-color:var(--rc-ac) !important;font-weight:600 !important}
.rmodal .rform-actions-row .rfa-mid:nth-child(5):hover{filter:brightness(1.08);background:var(--rc-ac) !important}
.rmodal .rform-actions-row .rfa-mid:nth-child(7){color:var(--rc-mut) !important;border-color:var(--rc-line) !important}
.rmodal .rform-actions-row .rfa-circle{flex:0 0 36px !important;width:36px !important;height:36px !important;border-radius:0 !important;background:#fff !important;color:var(--rc-mut) !important;border:1px solid var(--rc-line) !important;box-shadow:none !important;font-size:15px !important}
.rmodal .rform-actions-row .rfa-circle:hover{background:var(--rc-bg2) !important;color:var(--rc-text) !important}
@media (max-width:560px){
.rmodal #rmodalContent .rform{padding:4px 14px 18px !important}
.rmodal .rform-actions-row{flex-wrap:wrap !important;margin:0 -14px -18px !important;padding:12px 14px !important;bottom:-18px}
.rmodal .rform-actions-row .rfa-mid{flex:1 1 30% !important}
.rmodal .rform-actions-row .rfa-circle{display:none !important}
}
/* ============ Side menu: compact, small font, clean style ============ */
#desktopSidebar.sb-open{padding:12px 8px 20px !important}
#desktopSidebar .dsb-title,#desktopSidebar .dsb-scroll-area .dsb-card:first-child .dsb-title{font-size:10.5px !important;font-weight:700 !important;letter-spacing:.09em !important;text-transform:capitalize !important;color:var(--fx-text-3,#8a94a3) !important;padding:5px 10px 3px !important;gap:6px !important}
#desktopSidebar .dsb-scroll-area .dsb-card:first-child .dsb-title{padding-top:2px !important}
#desktopSidebar .dsb-group-icon{display:none !important}
#desktopSidebar .dsb-group-caret{font-size:12px !important}
#desktopSidebar .dsb-nav-item,#desktopSidebar .receipt-bank-item{min-height:30px !important;padding:0 10px !important;gap:9px !important;margin:1px 0 !important;border-radius:6px !important;font-size:12.5px !important;font-weight:500 !important;line-height:1.2 !important;letter-spacing:.005em !important;color:#2b3645 !important}
#desktopSidebar .dsb-nav-item:hover,#desktopSidebar .receipt-bank-item:hover{background:rgba(0,0,0,.045) !important;color:#111827 !important}
#desktopSidebar .dsb-nav-item.active{background:rgba(31,95,168,.09) !important;color:var(--fx-accent,#1f5fa8) !important;font-weight:600 !important}
#desktopSidebar .dsb-nav-item.active::before{top:22% !important;height:56% !important;width:3px !important}
#desktopSidebar .receipt-bank-item.expanded{background:rgba(0,0,0,.05) !important;font-weight:600 !important}
#desktopSidebar .dsb-nav-icon{width:14px !important;min-width:14px !important;height:14px !important;opacity:.8}
#desktopSidebar .dsb-nav-icon::before{width:14px !important;height:14px !important}
#desktopSidebar .receipt-bank-caret{font-size:13px !important}
#desktopSidebar .receipt-bank-submenu{margin:0 0 3px 17px !important;padding-left:6px !important}
#desktopSidebar .receipt-bank-subitem{min-height:25px !important;padding:0 8px 0 16px !important;margin:0 !important;font-size:12px !important;font-weight:450 !important;line-height:1.2 !important;color:#3b4757 !important;border-radius:5px !important}
#desktopSidebar .receipt-bank-subitem.receipt-sub-toggle{padding-left:2px !important}
#desktopSidebar .receipt-bank-subitem.expanded{font-weight:600 !important}
#desktopSidebar .receipt-sub-plus{height:16px !important;line-height:16px !important;font-size:14px !important}
#desktopSidebar .receipt-bank-subsubitem{min-height:22px !important;padding:0 8px 0 18px !important;margin:0 !important;font-size:11.5px !important;line-height:1.2 !important;color:#667386 !important;border-radius:5px !important}
#desktopSidebar .receipt-bank-subsubitem:hover{color:var(--fx-accent,#1f5fa8) !important}
#desktopSidebar:not(.sb-open) .dsb-nav-item,#desktopSidebar:not(.sb-open) .receipt-bank-item{min-height:32px !important}
#desktopSidebar:not(.sb-open) .dsb-nav-icon::before{width:16px !important;height:16px !important}
/* ============ Dashboard colour: header, welcome card, side menu ============ */
/* 1) Header: deep blue */
.header{background:linear-gradient(120deg,#003e92 0%,#005fb8 55%,#1a7ad0 100%) !important;border-bottom:0 !important;box-shadow:0 3px 14px rgba(0,50,120,.28) !important}
.header .header-name,.header-name{color:#fff !important;text-shadow:0 1px 2px rgba(0,0,0,.2) !important}
.header-sub{color:rgba(255,255,255,.85) !important}
.header-contact{color:rgba(255,255,255,.78) !important}
.header .hbtn{background:rgba(255,255,255,.16) !important;border:1px solid rgba(255,255,255,.32) !important;color:#fff !important}
.header .hbtn:hover{background:rgba(255,255,255,.28) !important}
.date-bar{background:rgba(0,0,0,.20) !important;border-top:0 !important;color:rgba(255,255,255,.88) !important}
/* 2) Welcome card: soft blue tint with accent edge */
.welcome{background:linear-gradient(120deg,#ffffff 0%,#e6f0fb 100%) !important;border:1px solid #bcd3ec !important;border-left:5px solid #005fb8 !important}
.welcome .welcome-name{color:#0b2a5b !important}
.welcome .welcome-greet{color:#4d6a8f !important}
.welcome .welcome-role{color:#5d7390 !important}
.welcome .welcome-avatar{background:linear-gradient(135deg,#005fb8,#003e92) !important;color:#fff !important;border:2px solid #fff !important;box-shadow:0 2px 8px rgba(0,62,146,.35)}
/* 3) Side menu: light blue panel */
#desktopSidebar{background:linear-gradient(180deg,#eaf2fc 0%,#dce9f8 100%) !important;border-right:1px solid #b9cfe8 !important}
#desktopSidebar .dsb-title,#desktopSidebar .dsb-scroll-area .dsb-card:first-child .dsb-title{color:#003e92 !important}
#desktopSidebar .dsb-group-caret,#desktopSidebar .receipt-bank-caret{color:#5a7fae !important}
#desktopSidebar .dsb-nav-item,#desktopSidebar .receipt-bank-item{color:#1c3558 !important}
#desktopSidebar .dsb-nav-item:hover,#desktopSidebar .receipt-bank-item:hover,#desktopSidebar .receipt-bank-subitem:hover,#desktopSidebar .receipt-bank-subsubitem:hover{background:rgba(0,95,184,.10) !important;color:#003e92 !important}
#desktopSidebar .dsb-nav-item.active{background:#005fb8 !important;color:#fff !important}
#desktopSidebar .dsb-nav-item.active .dsb-nav-icon{color:#fff !important}
#desktopSidebar .dsb-nav-item.active::before{background:#fff !important}
#desktopSidebar .receipt-bank-item.expanded{background:rgba(0,95,184,.13) !important;color:#003e92 !important}
#desktopSidebar .receipt-bank-subitem{color:#2b4a73 !important}
#desktopSidebar .receipt-bank-subsubitem{color:#4d6a8f !important}
#desktopSidebar .receipt-bank-submenu{border-left-color:#aac3e0 !important}
#desktopSidebar .dsb-collapse-btn{background:#fff !important;border-color:#aac3e0 !important;color:#003e92 !important}
#desktopSidebar .dsb-nav-icon{color:#3d6396}
/* ---------- remove caption line under amounts (Cash / Bank position cards) ---------- */
.cp-box-sub{display:none !important}
/* ---------- collapsed menu: remove small white bar on active item ---------- */
#desktopSidebar:not(.sb-open) .dsb-nav-item.active::before{display:none !important;content:none !important}
/* ---------- Dashboard boxes: thicker lines + deeper shade ---------- */
.income-hero-card,.cash-pos-card,.bank-pos-card,.mod-card{border:3px solid #6f8fb5 !important;box-shadow:0 10px 24px rgba(16,42,80,.26),0 2px 5px rgba(16,42,80,.2) !important}
.mod-card:hover{border-color:#4a72a3 !important;box-shadow:0 12px 28px rgba(16,42,80,.32),0 2px 5px rgba(16,42,80,.22) !important}
.ihc-sub,.cp-box{border-width:2px 2px 2px 5px !important;border-top-color:#9db3cd !important;border-right-color:#9db3cd !important;border-bottom-color:#9db3cd !important;box-shadow:0 4px 10px rgba(16,42,80,.16),0 1px 2px rgba(16,42,80,.12) !important}
.stat-chip,.dept-income-item,.act-item{border:2px solid #8aa5c4 !important;box-shadow:0 5px 12px rgba(16,42,80,.18),0 1px 3px rgba(16,42,80,.14) !important}
/* ---------- side menu: no white bar on selected item (open AND collapsed) ---------- */
#desktopSidebar .dsb-nav-item::before,#desktopSidebar .dsb-nav-item.active::before,#desktopSidebar.sb-open .dsb-nav-item.active::before,#desktopSidebar:not(.sb-open) .dsb-nav-item.active::before,#desktopSidebar .receipt-bank-item.active::before{content:none !important;display:none !important;width:0 !important;height:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important}


/* =====================================================================
   HMS UNIFIED WINDOW THEME  (single source of truth, loaded last)
   Segoe UI  |  flat navy title bar  |  6px windows, 4px controls
   One accent (navy), muted green/red only for money & status.
   Visual only - no layout structure, ids or behaviour are changed here.
   ===================================================================== */
:root{
 --u-font:'Segoe UI','Segoe UI Variable Text',Calibri,Arial,sans-serif;
 --u-navy:#003e92; --u-accent:#005fb8; --u-accent-h:#1a6ebf;
 --u-text:#1b1b1b; --u-text-2:#5d5d5d; --u-text-3:#767676;
 --u-line:#d0d7e2; --u-line-2:#b4c4d7; --u-surface:#fff; --u-surface-2:#f5f7fa; --u-surface-3:#eef2f7;
 --u-ok:#0f7b0f; --u-err:#c42b1c; --u-warn:#9d5d00; --u-err-bg:#fde7e9; --u-ok-bg:#dff6dd;
 --u-r-win:6px; --u-r-ctl:4px;
 --u-fs-title:15px; --u-fs-section:14px; --u-fs-body:13px; --u-fs-label:12px; --u-fs-small:12px;
 --fx-font:var(--u-font);
}
body,body *:not(.sc-key){font-family:var(--u-font) !important}

/* ---------- 1. window frame (every pop-up) ---------- */
[data-wc-done="1"]{background:rgba(20,30,48,.42) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
[data-wc-done="1"] > :not([class*="drag"]){background:var(--u-surface) !important;border:1px solid var(--u-line-2) !important;border-radius:var(--u-r-win) !important;box-shadow:0 8px 26px rgba(0,0,0,.24) !important}
[data-wc-done="1"] > :not([class*="drag"]) > .wc-bar{background:var(--u-navy) !important;background-image:none !important;border:0 !important;border-radius:5px 5px 0 0 !important;box-shadow:none !important;min-height:40px;padding:6px 8px 6px 14px !important;margin:0 !important;gap:2px}
[data-wc-done="1"] .wc-bar,[data-wc-done="1"] .wc-bar *{color:#fff !important}
[data-wc-done="1"] .wc-title-chip{font-size:var(--u-fs-title) !important;font-weight:600 !important;letter-spacing:0 !important;text-transform:none !important;background:none !important;border:0 !important;padding:0 !important}
[data-wc-done="1"] .wc-btn{width:38px !important;height:28px !important;border-radius:var(--u-r-ctl) !important;background:transparent !important;border:0 !important;box-shadow:none !important;font-size:13px !important;line-height:1;padding:0 !important}
[data-wc-done="1"] .wc-btn:hover{background:rgba(255,255,255,.18) !important}
[data-wc-done="1"] .wc-btn:active{background:rgba(255,255,255,.28) !important}
[data-wc-done="1"] .wc-close-btn:hover{background:#c42b1c !important}
[data-wc-done="1"] > :not([class*="drag"]) > .wc-body{background:var(--u-surface) !important;color:var(--u-text);font-size:var(--u-fs-body)}
/* inner legacy headers that used to carry their own gradient */
.inv-head,.rform .rform-title,.rform-title,.rform .rform-subtitle,.rform-subtitle,#labReportForm .lis-ph,#labReportForm .lp-grp{background:var(--u-navy) !important;background-image:none !important;box-shadow:none !important}
.inv-box{border-radius:var(--u-r-win) !important;box-shadow:0 8px 26px rgba(0,0,0,.24) !important;background:var(--u-surface) !important}
.cmodal-overlay,.efmodal-overlay,.rmodal-overlay,.ob-modal-overlay,.hmodal-overlay{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
.cmodal-overlay .cmodal,.efmodal-overlay .efmodal,.rmodal-overlay .rmodal,.ob-modal-overlay .ob-modal,.hmodal-overlay .hmodal{border-radius:var(--u-r-win) !important;background:var(--u-surface) !important;border:1px solid var(--u-line-2) !important;box-shadow:0 8px 26px rgba(0,0,0,.24) !important}
.rform .rfa-mid,.rform .rgen-btn,.rform .rfa-circle{background-image:none !important;background:var(--u-accent) !important;box-shadow:none !important}

/* ---------- 2. window section headings (title bar already shows the name) ---------- */
[data-wc-done="1"] .wc-body :is(.cmodal-title,.efmodal-title,.hmodal-title,.dc-head-title,.c-form-title,.ef-form-title,.hadd-title,.dc-form-title,.fr-card-title,.mod-title){font-size:var(--u-fs-section) !important;font-weight:600 !important;color:var(--u-navy) !important;letter-spacing:0 !important;text-transform:none !important}
[data-wc-done="1"] .wc-body :is(.dc-head,.cmodal-header,.efmodal-header,.hmodal-header){background:var(--u-surface-2) !important;background-image:none !important;border-bottom:1px solid var(--u-line) !important;box-shadow:none !important}
[data-wc-done="1"] .wc-body :is(.dc-head-icon,.ef-empty-icon,.ef-item-icon,.c-form-title::before){display:none !important}
[data-wc-done="1"] .wc-body .dc-head-sub{font-size:var(--u-fs-small) !important;color:var(--u-text-2) !important}
/* big emoji used as empty-state / decorative icons */
[data-wc-done="1"] .wc-body :is(div,span)[style*="font-size:28px;margin-bottom"],[data-wc-done="1"] .wc-body :is(div,span)[style*="font-size:32px;margin-bottom"],[data-wc-done="1"] .wc-body :is(div,span)[style*="font-size:34px;text-align:center;margin-bottom"],[data-wc-done="1"] .wc-body :is(div,span)[style*="font-size:36px;margin-bottom"],[data-wc-done="1"] .wc-body :is(div,span)[style*="font-size:40px;margin-bottom"]{display:none !important}

/* ---------- 3. tabs & filters: one style (underline tabs, flat outlined chips) ---------- */
[data-wc-done="1"] .wc-body :is(.cmodal-tabs,.eftabs,.dc-tabs){display:flex;background:transparent !important;border:0 !important;border-bottom:1px solid var(--u-line) !important;border-radius:0 !important;padding:0 !important;margin:10px 14px 0 !important;gap:0 !important;box-shadow:none !important}
[data-wc-done="1"] .wc-body :is(.cmodal-tab,.eftab,.dc-tab){flex:0 0 auto !important;background:transparent !important;background-image:none !important;border:0 !important;border-bottom:2px solid transparent !important;border-radius:0 !important;box-shadow:none !important;padding:9px 18px !important;font-size:var(--u-fs-body) !important;font-weight:600 !important;color:var(--u-text-2) !important;cursor:pointer}
[data-wc-done="1"] .wc-body :is(.cmodal-tab,.eftab,.dc-tab):hover{background:var(--u-surface-3) !important;color:var(--u-navy) !important}
[data-wc-done="1"] .wc-body :is(.cmodal-tab,.eftab,.dc-tab).active{background:transparent !important;color:var(--u-navy) !important;border-bottom-color:var(--u-accent) !important}
[data-wc-done="1"] .wc-body :is(.ip-tab,.ef-ptab,.hdept-tab,.review-toggle-btn){background:#fff !important;background-image:none !important;border:1px solid var(--u-line-2) !important;border-radius:var(--u-r-ctl) !important;box-shadow:none !important;color:var(--u-text) !important;font-size:var(--u-fs-label) !important;font-weight:600 !important;padding:6px 14px !important;min-height:30px}
[data-wc-done="1"] .wc-body :is(.ip-tab,.ef-ptab,.hdept-tab,.review-toggle-btn):hover{background:var(--u-surface-3) !important}
[data-wc-done="1"] .wc-body :is(.ip-tab,.ef-ptab,.hdept-tab,.review-toggle-btn).active{background:var(--u-accent) !important;border-color:var(--u-accent) !important;color:#fff !important}
/* inline-styled role/filter chips (e.g. staff roles): same flat chip, whatever radius they carried */
[data-wc-done="1"] .wc-body div[onclick][style*="border-radius:20px"],[data-wc-done="1"] .wc-body span[onclick][style*="border-radius:20px"],[data-wc-done="1"] .wc-body div[onclick][style*="border-radius:99px"],[data-wc-done="1"] .wc-body div[onclick][style*="border-radius:18px"]{border-radius:var(--u-r-ctl) !important;font-size:var(--u-fs-label) !important;font-weight:600 !important;padding:6px 14px !important}

/* ---------- 4. cards / panels ---------- */
[data-wc-done="1"] .wc-body :is(.c-form-card,.ef-form,.hadd-form,.fr-card,.ef-sum-card,.ef-item,.head-item,.consultant-card,.dc-form,.dc-link-select,.dc-lab-card,.dc-list-wrap,.stat-chip){background:var(--u-surface) !important;background-image:none !important;border:1px solid var(--u-line) !important;border-radius:var(--u-r-win) !important;box-shadow:none !important}
[data-wc-done="1"] .wc-body :is(.dc-link-select,.ef-sum-card){background:var(--u-surface-2) !important}
[data-wc-done="1"] .wc-body :is(.fr-card-head,.fr-total-row){background:var(--u-surface-2) !important;border-color:var(--u-line) !important}
[data-wc-done="1"] .wc-body .ef-sum-val{font-size:20px !important;font-weight:600 !important;color:var(--u-navy) !important}
[data-wc-done="1"] .wc-body :is(.ef-sum-lbl,.ef-sum-sub){font-size:var(--u-fs-small) !important;color:var(--u-text-2) !important;text-transform:none !important;letter-spacing:0 !important;opacity:1 !important}
/* label (left) / amount (right) rows: always one tidy line */
.fr-row,.fr-cash-row,.fr-total-row,[data-wc-done="1"] .wc-body .ef-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
.fr-label,.fr-cash-lbl,.fr-total-label{flex:1 1 auto;min-width:0;text-align:left;margin:0;line-height:1.4}
.fr-val,.fr-cash-val,.fr-total-val,.ef-item-amt{flex:0 0 auto;text-align:right;white-space:nowrap;margin:0;font-variant-numeric:tabular-nums}
[data-wc-done="1"] .wc-body .ef-item-name{font-size:var(--u-fs-body) !important;font-weight:600 !important}
[data-wc-done="1"] .wc-body .ef-item-meta{font-size:var(--u-fs-small) !important}
[data-wc-done="1"] .wc-body .ef-item-amt,[data-wc-done="1"] .wc-body .fr-val{font-size:var(--u-fs-body) !important;font-weight:600 !important}
/* Cash Register card: flat navy, plain white / one status colour per figure */
.fr-cash-card{background:var(--u-navy) !important;background-image:none !important;border-radius:var(--u-r-win) !important;box-shadow:none !important}
.fr-cash-card::before{display:none !important}
.fr-cash-card .fr-cash-lbl{color:rgba(255,255,255,.85) !important;font-size:var(--u-fs-body);font-weight:400}
.fr-cash-card .fr-cash-val{color:#fff !important;font-size:var(--u-fs-body);font-weight:600}
.fr-cash-card .fr-cash-val.positive{color:#a9e5a9 !important}
.fr-cash-card .fr-cash-val.negative{color:#ffb4ab !important}
.fr-cash-card [style*="#fbbf24"]{color:#fff !important}
.fr-cash-card [style*="rgba(255,255,255,.12)"]{border-radius:var(--u-r-ctl) !important}
#obLivePreview{background:var(--u-navy) !important;background-image:none !important;border-radius:var(--u-r-win) !important}
#obLivePreview [style*="#6ee7b7"]{color:#a9e5a9 !important}
#obLivePreview [style*="#fca5a5"]{color:#ffb4ab !important}

/* ---------- 5. labels, inputs, selects, dates ---------- */
[data-wc-done="1"] .wc-body :is(label,.c-field label,.ef-form label,.dc-form label){font-size:var(--u-fs-label) !important;font-weight:600 !important;color:#3b3b3b !important;text-transform:none !important;letter-spacing:0 !important}
[data-wc-done="1"] .wc-body :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not(.lis-in){box-sizing:border-box;min-height:34px;padding:6px 10px !important;border:1px solid var(--u-line-2) !important;border-radius:var(--u-r-ctl) !important;background-color:#fff !important;background-image:none;color:var(--u-text) !important;font-size:var(--u-fs-body) !important;box-shadow:none !important;outline:0}
[data-wc-done="1"] .wc-body select:not([multiple]){padding-right:26px !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%235d5d5d' stroke-width='1.4'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:right 9px center !important;-webkit-appearance:none;appearance:none}
[data-wc-done="1"] .wc-body :is(input,select,textarea)::placeholder{color:var(--u-text-3);opacity:1}
[data-wc-done="1"] .wc-body :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not(.lis-in):focus{border-color:var(--u-accent) !important;box-shadow:0 0 0 1px var(--u-accent) !important}
[data-wc-done="1"] .wc-body :is(input,select,textarea):disabled,[data-wc-done="1"] .wc-body :is(input,select,textarea)[readonly]{background-color:var(--u-surface-2) !important;color:var(--u-text-2) !important}
[data-wc-done="1"] .wc-body :is(input[type="checkbox"],input[type="radio"]){accent-color:var(--u-accent)}
/* "Rs." prefixed amount fields keep their own gap */
[data-wc-done="1"] .wc-body input.rs-in{padding-left:var(--rs-pad,42px) !important}
/* search / icon-prefixed fields: the icon sits in a span just before the input */
[data-wc-done="1"] .wc-body span[style*="position:absolute"][style*="left:"][style*="font-size:1"]:not([style*="font-weight"]){font-size:0 !important;width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Ccircle cx='5.8' cy='5.8' r='4.2' fill='none' stroke='%235d5d5d' stroke-width='1.5'/%3E%3Cpath d='M9 9l3.8 3.8' stroke='%235d5d5d' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat;pointer-events:none}
[data-wc-done="1"] .wc-body span[style*="position:absolute"][style*="left:"][style*="font-size:1"]:not([style*="font-weight"]) + input:not(.rs-in){padding-left:34px !important}

/* ---------- 6. buttons: primary / secondary / danger ---------- */
[data-wc-done="1"] .wc-body :is([class*="save-btn"],[class*="gen-btn"],.inv-addbtn,.mir-action-btn,.go-btn,.rgen-btn){background:var(--u-accent) !important;background-image:none !important;border:1px solid var(--u-accent) !important;border-radius:var(--u-r-ctl) !important;box-shadow:none !important;color:#fff !important;font-size:var(--u-fs-body) !important;font-weight:600 !important;min-height:34px;padding:6px 16px !important;letter-spacing:0 !important;text-shadow:none}
[data-wc-done="1"] .wc-body :is([class*="save-btn"],[class*="gen-btn"],.inv-addbtn,.mir-action-btn,.go-btn,.rgen-btn):hover{background:var(--u-navy) !important;border-color:var(--u-navy) !important;filter:none}
[data-wc-done="1"] .wc-body button[style*="gradient"]{background-image:none !important;background:var(--u-accent) !important;border:1px solid var(--u-accent) !important;border-radius:var(--u-r-ctl) !important;box-shadow:none !important;color:#fff !important;font-size:var(--u-fs-body) !important;font-weight:600 !important;min-height:34px}
[data-wc-done="1"] .wc-body :is(.h-edit-btn,.inv-edit-btn,.r-edit,.r-view,.r-search,.r-share,.r-nav){background:#fff !important;background-image:none !important;border:1px solid var(--u-line-2) !important;border-radius:var(--u-r-ctl) !important;box-shadow:none !important;color:var(--u-text) !important;font-weight:600 !important}
[data-wc-done="1"] .wc-body :is(.h-edit-btn,.inv-edit-btn,.r-edit,.r-view,.r-search,.r-share,.r-nav):hover{background:var(--u-surface-3) !important}
[data-wc-done="1"] .wc-body :is(.h-del-btn,.ph-del-btn,.inv-del-btn,.um-btn-del,.dc-med-del){background:#fff !important;background-image:none !important;border:1px solid #e3b4af !important;border-radius:var(--u-r-ctl) !important;box-shadow:none !important;color:var(--u-err) !important;font-weight:600 !important}
[data-wc-done="1"] .wc-body :is(.h-del-btn,.ph-del-btn,.inv-del-btn,.um-btn-del,.dc-med-del):hover{background:var(--u-err-bg) !important}



/* ---------- 7. one accent: loud decorative inline colours -> navy / muted status colours ---------- */
[data-wc-done="1"] .wc-body [style*=";color:#003399"],[data-wc-done="1"] .wc-body [style^="color:#003399"],
[data-wc-done="1"] .wc-body [style*=";color:#003e92"],[data-wc-done="1"] .wc-body [style^="color:#003e92"],
[data-wc-done="1"] .wc-body [style*=";color:#005a9e"],[data-wc-done="1"] .wc-body [style^="color:#005a9e"],
[data-wc-done="1"] .wc-body [style*=";color:#005fb8"],[data-wc-done="1"] .wc-body [style^="color:#005fb8"],
[data-wc-done="1"] .wc-body [style*=";color:#066b7d"],[data-wc-done="1"] .wc-body [style^="color:#066b7d"],
[data-wc-done="1"] .wc-body [style*=";color:#0891b2"],[data-wc-done="1"] .wc-body [style^="color:#0891b2"],
[data-wc-done="1"] .wc-body [style*=";color:#0a5c74"],[data-wc-done="1"] .wc-body [style^="color:#0a5c74"],
[data-wc-done="1"] .wc-body [style*=";color:#0b1220"],[data-wc-done="1"] .wc-body [style^="color:#0b1220"],
[data-wc-done="1"] .wc-body [style*=";color:#0d9488"],[data-wc-done="1"] .wc-body [style^="color:#0d9488"],
[data-wc-done="1"] .wc-body [style*=";color:#0e5e5c"],[data-wc-done="1"] .wc-body [style^="color:#0e5e5c"],
[data-wc-done="1"] .wc-body [style*=";color:#0e7490"],[data-wc-done="1"] .wc-body [style^="color:#0e7490"],
[data-wc-done="1"] .wc-body [style*=";color:#0e7c91"],[data-wc-done="1"] .wc-body [style^="color:#0e7c91"],
[data-wc-done="1"] .wc-body [style*=";color:#0f172a"],[data-wc-done="1"] .wc-body [style^="color:#0f172a"],
[data-wc-done="1"] .wc-body [style*=";color:#0f1b2d"],[data-wc-done="1"] .wc-body [style^="color:#0f1b2d"],
[data-wc-done="1"] .wc-body [style*=";color:#111827"],[data-wc-done="1"] .wc-body [style^="color:#111827"],
[data-wc-done="1"] .wc-body [style*=";color:#12305c"],[data-wc-done="1"] .wc-body [style^="color:#12305c"],
[data-wc-done="1"] .wc-body [style*=";color:#132b2b"],[data-wc-done="1"] .wc-body [style^="color:#132b2b"],
[data-wc-done="1"] .wc-body [style*=";color:#143a8f"],[data-wc-done="1"] .wc-body [style^="color:#143a8f"],
[data-wc-done="1"] .wc-body [style*=";color:#1d4ed8"],[data-wc-done="1"] .wc-body [style^="color:#1d4ed8"],
[data-wc-done="1"] .wc-body [style*=";color:#1e293b"],[data-wc-done="1"] .wc-body [style^="color:#1e293b"],
[data-wc-done="1"] .wc-body [style*=";color:#4338ca"],[data-wc-done="1"] .wc-body [style^="color:#4338ca"],
[data-wc-done="1"] .wc-body [style*=";color:#4c1d95"],[data-wc-done="1"] .wc-body [style^="color:#4c1d95"],
[data-wc-done="1"] .wc-body [style*=";color:#5b21b6"],[data-wc-done="1"] .wc-body [style^="color:#5b21b6"],
[data-wc-done="1"] .wc-body [style*=";color:#6941a8"],[data-wc-done="1"] .wc-body [style^="color:#6941a8"],
[data-wc-done="1"] .wc-body [style*=";color:#6d28d9"],[data-wc-done="1"] .wc-body [style^="color:#6d28d9"],
[data-wc-done="1"] .wc-body [style*=";color:#7c3aed"],[data-wc-done="1"] .wc-body [style^="color:#7c3aed"],
[data-wc-done="1"] .wc-body [style*=";color:#9d1457"],[data-wc-done="1"] .wc-body [style^="color:#9d1457"],
[data-wc-done="1"] .wc-body [style*=";color:#db2777"],[data-wc-done="1"] .wc-body [style^="color:#db2777"]{color:var(--u-navy) !important}
[data-wc-done="1"] .wc-body [style*=";color:#991b1b"],[data-wc-done="1"] .wc-body [style^="color:#991b1b"],
[data-wc-done="1"] .wc-body [style*=";color:#b91c1c"],[data-wc-done="1"] .wc-body [style^="color:#b91c1c"],
[data-wc-done="1"] .wc-body [style*=";color:#be123c"],[data-wc-done="1"] .wc-body [style^="color:#be123c"],
[data-wc-done="1"] .wc-body [style*=";color:#be185d"],[data-wc-done="1"] .wc-body [style^="color:#be185d"],
[data-wc-done="1"] .wc-body [style*=";color:#dc2626"],[data-wc-done="1"] .wc-body [style^="color:#dc2626"],
[data-wc-done="1"] .wc-body [style*=";color:#e11d48"],[data-wc-done="1"] .wc-body [style^="color:#e11d48"]{color:var(--u-err) !important}
[data-wc-done="1"] .wc-body [style*=";color:#059669"],[data-wc-done="1"] .wc-body [style^="color:#059669"],
[data-wc-done="1"] .wc-body [style*=";color:#064e3b"],[data-wc-done="1"] .wc-body [style^="color:#064e3b"],
[data-wc-done="1"] .wc-body [style*=";color:#065f46"],[data-wc-done="1"] .wc-body [style^="color:#065f46"],
[data-wc-done="1"] .wc-body [style*=";color:#06a024"],[data-wc-done="1"] .wc-body [style^="color:#06a024"],
[data-wc-done="1"] .wc-body [style*=";color:#0a5c0a"],[data-wc-done="1"] .wc-body [style^="color:#0a5c0a"],
[data-wc-done="1"] .wc-body [style*=";color:#107c10"],[data-wc-done="1"] .wc-body [style^="color:#107c10"],
[data-wc-done="1"] .wc-body [style*=";color:#166534"],[data-wc-done="1"] .wc-body [style^="color:#166534"],
[data-wc-done="1"] .wc-body [style*=";color:#16a34a"],[data-wc-done="1"] .wc-body [style^="color:#16a34a"]{color:var(--u-ok) !important}
[data-wc-done="1"] .wc-body [style*=";color:#7c2d12"],[data-wc-done="1"] .wc-body [style^="color:#7c2d12"],
[data-wc-done="1"] .wc-body [style*=";color:#7c3e00"],[data-wc-done="1"] .wc-body [style^="color:#7c3e00"],
[data-wc-done="1"] .wc-body [style*=";color:#92400e"],[data-wc-done="1"] .wc-body [style^="color:#92400e"],
[data-wc-done="1"] .wc-body [style*=";color:#963009"],[data-wc-done="1"] .wc-body [style^="color:#963009"],
[data-wc-done="1"] .wc-body [style*=";color:#9a6b00"],[data-wc-done="1"] .wc-body [style^="color:#9a6b00"],
[data-wc-done="1"] .wc-body [style*=";color:#b45309"],[data-wc-done="1"] .wc-body [style^="color:#b45309"],
[data-wc-done="1"] .wc-body [style*=";color:#c2410c"],[data-wc-done="1"] .wc-body [style^="color:#c2410c"],
[data-wc-done="1"] .wc-body [style*=";color:#c24807"],[data-wc-done="1"] .wc-body [style^="color:#c24807"],
[data-wc-done="1"] .wc-body [style*=";color:#d97706"],[data-wc-done="1"] .wc-body [style^="color:#d97706"],
[data-wc-done="1"] .wc-body [style*=";color:#ea580c"],[data-wc-done="1"] .wc-body [style^="color:#ea580c"],
[data-wc-done="1"] .wc-body [style*=";color:#f7630c"],[data-wc-done="1"] .wc-body [style^="color:#f7630c"]{color:var(--u-warn) !important}
[data-wc-done="1"] .wc-body [style*="linear-gradient(120deg,#ffffff"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg, #E7F3E7"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg, #E7F4FB"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg, #FFEBEE"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg, #FFF4CE"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#9aecf5"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#9becc0"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#E5F4EE"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#E6F3F4"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#FBE9EA"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#FBF0DC"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#bcd0f5"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#fbcfe8"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#fde68a"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#fed7aa"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(160deg,#FFFFFF"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(180deg,#eaf2fc"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(180deg,#fde68a"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(to right,#67e8f9"]{background-image:none !important;background:var(--u-surface-2) !important;box-shadow:none !important}
[data-wc-done="1"] .wc-body [style*="linear-gradient(120deg,#003e92"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(120deg,#0a5c74"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg, #0e7c91"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#003e92"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#005fb8"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#0369a1"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#06b6d4"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#0891b2"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#0A4645"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#0a5c74"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#0d9488"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#0e7c91"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#0f172a"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#2aa8a0"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#2dd4bf"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#475569"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#4c1d95"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#5FD4CB"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#7c3aed"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#7c5cfc"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#b7c8f2"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#d3c5fb"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#db2777"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(145deg,#0d1117"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(165deg,#0a1110"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(165deg,#12181a"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(180deg,#0f172a"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(180deg,#14b8a6"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(to bottom, #5fd4cb"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(to bottom,#5fd4cb"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(to right,#5FD4CB"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(to right,#a78bfa"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(to right,#f9a8d4"]{background-image:none !important;background:var(--u-navy) !important;box-shadow:none !important}
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#b91c1c"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#dc2626"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#e11d48"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#ef4444"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#fca5a5"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(90deg,#d4251c"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(to right,#fca5a5"]{background-image:none !important;background:var(--u-err) !important;box-shadow:none !important}
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#059669"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#064e3b"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(to right,#34d399"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(to top,#059669"]{background-image:none !important;background:var(--u-ok) !important;box-shadow:none !important}
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#b45309"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#c2410c"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(135deg,#d97706"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(to bottom,#b45309"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(to bottom,#d4a017"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(to right,#d4a017"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(to right,#fbbf24"],
[data-wc-done="1"] .wc-body [style*="linear-gradient(to right,#fdba74"]{background-image:none !important;background:var(--u-warn) !important;box-shadow:none !important}
[data-wc-done="1"] .wc-body [style*="gradient"]{box-shadow:none !important}
[data-wc-done="1"] .wc-body [style*="box-shadow"]{box-shadow:none !important}
[data-wc-done="1"] .wc-body [style*="text-transform:uppercase"]{text-transform:none !important;letter-spacing:0 !important}
[data-wc-done="1"] .wc-body :is([style*="font-size:9px"],[style*="font-size:9.5px"],[style*="font-size:10px"],[style*="font-size:10.5px"],[style*="font-size:11px"]){font-size:var(--u-fs-small) !important}

/* ---------- 8. corner radius: cards 6px, controls 4px (circles untouched) ---------- */
[data-wc-done="1"] .wc-body [style*="border-radius:7px"],[data-wc-done="1"] .wc-body [style*="border-radius:8px"],[data-wc-done="1"] .wc-body [style*="border-radius:9px"],[data-wc-done="1"] .wc-body [style*="border-radius:10px"],[data-wc-done="1"] .wc-body [style*="border-radius:11px"],[data-wc-done="1"] .wc-body [style*="border-radius:12px"],[data-wc-done="1"] .wc-body [style*="border-radius:14px"],[data-wc-done="1"] .wc-body [style*="border-radius:16px"],[data-wc-done="1"] .wc-body [style*="border-radius:18px"],[data-wc-done="1"] .wc-body [style*="border-radius:20px"],[data-wc-done="1"] .wc-body [style*="border-radius:22px"],[data-wc-done="1"] .wc-body [style*="border-radius:99px"]{border-radius:var(--u-r-win) !important}
[data-wc-done="1"] .wc-body button[style*="border-radius:6px"],[data-wc-done="1"] .wc-body button[style*="border-radius:7px"],[data-wc-done="1"] .wc-body button[style*="border-radius:8px"],[data-wc-done="1"] .wc-body button[style*="border-radius:9px"],[data-wc-done="1"] .wc-body button[style*="border-radius:10px"],[data-wc-done="1"] .wc-body button[style*="border-radius:11px"],[data-wc-done="1"] .wc-body button[style*="border-radius:12px"],[data-wc-done="1"] .wc-body button[style*="border-radius:14px"],[data-wc-done="1"] .wc-body button[style*="border-radius:16px"],[data-wc-done="1"] .wc-body button[style*="border-radius:18px"],[data-wc-done="1"] .wc-body button[style*="border-radius:20px"],[data-wc-done="1"] .wc-body button[style*="border-radius:22px"],[data-wc-done="1"] .wc-body button[style*="border-radius:99px"],[data-wc-done="1"] .wc-body input[style*="border-radius:6px"],[data-wc-done="1"] .wc-body input[style*="border-radius:7px"],[data-wc-done="1"] .wc-body input[style*="border-radius:8px"],[data-wc-done="1"] .wc-body input[style*="border-radius:9px"],[data-wc-done="1"] .wc-body input[style*="border-radius:10px"],[data-wc-done="1"] .wc-body input[style*="border-radius:11px"],[data-wc-done="1"] .wc-body input[style*="border-radius:12px"],[data-wc-done="1"] .wc-body input[style*="border-radius:14px"],[data-wc-done="1"] .wc-body input[style*="border-radius:16px"],[data-wc-done="1"] .wc-body input[style*="border-radius:18px"],[data-wc-done="1"] .wc-body input[style*="border-radius:20px"],[data-wc-done="1"] .wc-body input[style*="border-radius:22px"],[data-wc-done="1"] .wc-body input[style*="border-radius:99px"],[data-wc-done="1"] .wc-body select[style*="border-radius:6px"],[data-wc-done="1"] .wc-body select[style*="border-radius:7px"],[data-wc-done="1"] .wc-body select[style*="border-radius:8px"],[data-wc-done="1"] .wc-body select[style*="border-radius:9px"],[data-wc-done="1"] .wc-body select[style*="border-radius:10px"],[data-wc-done="1"] .wc-body select[style*="border-radius:11px"],[data-wc-done="1"] .wc-body select[style*="border-radius:12px"],[data-wc-done="1"] .wc-body select[style*="border-radius:14px"],[data-wc-done="1"] .wc-body select[style*="border-radius:16px"],[data-wc-done="1"] .wc-body select[style*="border-radius:18px"],[data-wc-done="1"] .wc-body select[style*="border-radius:20px"],[data-wc-done="1"] .wc-body select[style*="border-radius:22px"],[data-wc-done="1"] .wc-body select[style*="border-radius:99px"],[data-wc-done="1"] .wc-body textarea[style*="border-radius:6px"],[data-wc-done="1"] .wc-body textarea[style*="border-radius:7px"],[data-wc-done="1"] .wc-body textarea[style*="border-radius:8px"],[data-wc-done="1"] .wc-body textarea[style*="border-radius:9px"],[data-wc-done="1"] .wc-body textarea[style*="border-radius:10px"],[data-wc-done="1"] .wc-body textarea[style*="border-radius:11px"],[data-wc-done="1"] .wc-body textarea[style*="border-radius:12px"],[data-wc-done="1"] .wc-body textarea[style*="border-radius:14px"],[data-wc-done="1"] .wc-body textarea[style*="border-radius:16px"],[data-wc-done="1"] .wc-body textarea[style*="border-radius:18px"],[data-wc-done="1"] .wc-body textarea[style*="border-radius:20px"],[data-wc-done="1"] .wc-body textarea[style*="border-radius:22px"],[data-wc-done="1"] .wc-body textarea[style*="border-radius:99px"],[data-wc-done="1"] .wc-body [onclick][style*="border-radius:6px"],[data-wc-done="1"] .wc-body [onclick][style*="border-radius:7px"],[data-wc-done="1"] .wc-body [onclick][style*="border-radius:8px"],[data-wc-done="1"] .wc-body [onclick][style*="border-radius:9px"],[data-wc-done="1"] .wc-body [onclick][style*="border-radius:10px"],[data-wc-done="1"] .wc-body [onclick][style*="border-radius:11px"],[data-wc-done="1"] .wc-body [onclick][style*="border-radius:12px"],[data-wc-done="1"] .wc-body [onclick][style*="border-radius:14px"],[data-wc-done="1"] .wc-body [onclick][style*="border-radius:16px"],[data-wc-done="1"] .wc-body [onclick][style*="border-radius:18px"],[data-wc-done="1"] .wc-body [onclick][style*="border-radius:20px"],[data-wc-done="1"] .wc-body [onclick][style*="border-radius:22px"],[data-wc-done="1"] .wc-body [onclick][style*="border-radius:99px"]{border-radius:var(--u-r-ctl) !important}
[data-wc-done="1"] .wc-body :is(.mod-badge,.badge,.dc-lab-tag){border-radius:var(--u-r-ctl) !important}
[data-wc-done="1"] .wc-body{scrollbar-width:thin;scrollbar-color:#b4b4b4 transparent}

/* ---------- 10. dashboard cards: "New OPD / New X-Ray / New CT Scan ..." action buttons ---------- */
.mod-card > .mod-btn{position:relative;overflow:hidden;display:block;width:calc(100% - 20px) !important;margin:8px 10px 10px !important;padding:9px 12px !important;background:#0a3f8f !important;background-image:none !important;color:#fff !important;border:1px solid #072f6e !important;border-radius:var(--u-r-ctl) !important;font-size:13px !important;font-weight:600 !important;letter-spacing:.2px !important;text-align:center;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.28) !important;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease !important}
.mod-card > .mod-btn::before{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.28),transparent);transform:translateX(-130%) skewX(-18deg);transition:transform .55s ease;pointer-events:none}
.mod-card > .mod-btn:hover{background:#0f5bb5 !important;border-color:#0a3f8f !important;transform:translateY(-1px);box-shadow:0 5px 12px rgba(10,63,143,.38) !important}
.mod-card > .mod-btn:hover::before{transform:translateX(330%) skewX(-18deg)}
.mod-card > .mod-btn:active{background:#072f6e !important;transform:translateY(0);box-shadow:inset 0 2px 4px rgba(0,0,0,.35) !important}
.mod-card > .mod-btn:focus-visible{outline:2px solid #fff !important;outline-offset:-4px}
.mod-card > .mod-btn.emergency{background:#a4262c !important;border-color:#7d1c21 !important;color:#fff !important}
.mod-card > .mod-btn.emergency:hover{background:#c42b1c !important;border-color:#a4262c !important;box-shadow:0 5px 12px rgba(164,38,44,.38) !important}
.mod-card > .mod-btn.emergency:active{background:#7d1c21 !important}
@media (prefers-reduced-motion:reduce){.mod-card > .mod-btn,.mod-card > .mod-btn::before{transition:none !important}.mod-card > .mod-btn:hover{transform:none}}
/* cards in one row share a height: keep the action button pinned to the bottom edge on every card */
.mod-card{display:flex;flex-direction:column}
.mod-card > .mod-btn{margin-top:auto !important;flex:0 0 auto}
.mod-card > .mod-btn:not(:first-child){position:relative}
.mod-card > :nth-last-child(2):not(.mod-btn){margin-bottom:8px}