/* Multicare v0.43 — bright blue healthcare theme. Visual styles only. */
:root{color-scheme:light!important;--bg:#f0f6fb;--teal:#2169d4;--deep:#183f73;--mint:#e7f0ff;--ink:#14283f;--muted:#60758a;--line:#dce7f1;--shell:#fff;--surface:#fff;--surface-2:#edf4fc;--surface-3:#dfeeff;--primary:#2169d4;--primary-hover:#1756b4;--success:#167b63;--warning:#a16908;--danger:#b63248;--text:#14283f}
html,body,#app-view,#login-view,#main,.shell,main{background:var(--bg)!important;color:var(--ink)!important}
body{font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
body :is(h1,h2,h3,h4,strong,label){color:inherit}
body :is(p,small,.muted,.eyebrow,.workspace,.brand small,.capture-time,.section-note,.form-note,.tile-copy small,.simple-row small,.patient-banner small,.care-audit small,.directory-filters label){color:#60758a!important}
body a,body a:visited{color:#175ab9;text-decoration-color:#8cb0df}
body :is(.card,.login-card,dialog,.patient-search,.patient-banner,.fold,.launch-tile,.care-action,.caregiver-patient,.simple-context,.context-banner,.stat,.vital,.care-audit,.appointment-card,.notification-row,.touch-check,.directory-count,.directory-filters,.directory-card-grid>.card,.directory-bed-grid>.card,.directory-gender-counts>*,.workforce-card,.incharge-attention button){background:#fff!important;color:#14283f!important;border-color:#dce7f1!important;box-shadow:0 5px 22px #21487207}
body :is(.card,.login-card,dialog,.launch-tile,.patient-banner,.directory-count){border-radius:22px}
body :is(.shell header,.modal-head){background:#ffffffed!important;color:#14283f!important;border-color:#dce7f1!important}
body .sidebar{background:#164b91!important;color:#fff!important;border-color:#164b91!important}
body .sidebar :is(.brand,.brand small,.workspace,.sidebar-foot,.sidebar-foot small){background:transparent!important;color:#e5efff!important}
body .sidebar nav button{color:#dfeaff!important;background:transparent!important;border:1px solid transparent!important;border-radius:12px}
body .sidebar nav button.active{background:#ffffff22!important;color:#fff!important;border-color:#ffffff30!important}
body .brand{background:transparent!important;color:inherit!important}
body .brandmark{background:#2169d4!important;color:#fff!important;border-radius:13px}
body .dot{background:#58d7ad}
body button,body .login-submit,body .wide-submit,body .button,body .install-header-link{background:#2169d4;color:#fff;border:1px solid #2169d4;border-radius:12px;font-weight:600;box-shadow:none}
body button:hover{background:#1756b4;border-color:#1756b4;filter:none}
body :is(button.secondary,.back-button,.iconbutton,.manage-link,.patient-detail-link,.report-actions button,.patient-card-actions button,.message-tabs button,.directory-tabs button[aria-pressed=false]){background:#edf4ff!important;color:#1957a6!important;border:1px solid #cfdef3!important}
body :is(.secondary,.back-button,.iconbutton):hover{background:#deebff!important;border-color:#abc9ef!important}
body :is(.directory-tabs button[aria-pressed=true],.message-tabs button[aria-pressed=true]){background:#2169d4!important;border-color:#2169d4!important;color:#fff!important}
body :is(input:not([type=checkbox]):not([type=radio]),select,textarea,option){background:#f7faff!important;color:#14283f!important;border:1px solid #cdddec!important}
body :is(input,textarea)::placeholder{color:#7b8ea4!important;opacity:1}
body :is(input,select,textarea):focus,body :is(button,a):focus-visible{outline:3px solid #77aaf5!important;outline-offset:3px;border-color:#377bd6!important}
body input[type=checkbox],body input[type=radio]{accent-color:#2169d4}
body .admin-grid .admin-tile:nth-child(n){background:#fff!important;color:#14283f!important;border:1px solid #dce7f1!important;border-left:0;border-radius:22px;box-shadow:0 5px 22px #21487207}
body .admin-tile :is(strong,small){color:#243e5c!important}
body .admin-tile .admin-icon,body .tile-icon,body .initial,body .avatar,body .care-action-icon{background:#e7f0ff!important;color:#2169d4!important;border-radius:15px}
body .admin-tile:nth-child(2) .admin-icon,body .launch-tile:nth-child(2) .tile-icon{background:#fff0df!important;color:#b45e18!important}
body .admin-tile:nth-child(3) .admin-icon,body .launch-tile:nth-child(3) .tile-icon{background:#e1f5ee!important;color:#147660!important}
body .admin-tile:nth-child(4) .admin-icon{background:#fff5d2!important;color:#8b650d!important}
body .admin-tile b,body .tile-badge{background:#edf4ff!important;color:#1957a6!important}
body :is(.hero,.shift-status,.hr-info,.entry-context,.instruction-note,.photo-date-banner,.info,.detail-banner,.assignment-context,.shared-record,.linked-family,.remark,.ledger-total,.directory-whatsapp){background:#e8f2fe!important;border-color:#cfdef3!important;color:#23456a!important}
body .directory-placement>span,body .directory-floor,body .salary-summary span,body .hr-stats span,body .vital{background:#edf4fc!important;color:#47617c!important;border-color:#dce7f1!important}
body :is(.directory-count>strong,.directory-gender-counts strong,.directory-placement strong,.hr-stats b,.stat strong){color:#174c92!important}
body .directory-count:nth-child(2){background:#fff5e8!important}
body .directory-count:nth-child(3){background:#eaf7f1!important}
body .directory-gender-counts>button{color:#174c92!important}
body .directory-family-name{background:#edf4fc!important;color:#174c92!important;border-color:#cfdef3!important}
body :is(.directory-no-results,.table-wrap,.hr-table-wrap){background:#fff!important;color:#60758a;border-color:#dce7f1!important}
body .hr-table th,body th{background:#eaf2fc!important;color:#375b80!important}
body td,body .hr-table td{color:#243e5c!important;border-color:#e2ebf4!important}
body :is(.ledger-row,.simple-row,.notification-row,.care-audit,.card-head,.fold summary,.fold-body,.resident,.event,.task){border-color:#dce7f1!important}
body .pill{background:#e7f0ff!important;color:#1a58ac!important}
body .pill.amber{background:#fff1c4!important;color:#805900!important}
body .pill.red{background:#fde4e8!important;color:#a5223b!important}
body :is(.pending-red,.delay-alert,.error-panel,.hr-warning){background:#fff0f2!important;color:#a5223b!important;border-color:#efbcc5!important}
body :is(.pending-red,.delay-alert,.error-panel,.hr-warning) *{color:#a5223b!important}
body .pending-red button{background:#a5223b!important;color:#fff!important;border-color:#a5223b!important}
body #offline-banner{background:#a5223b!important;color:#fff!important}
body :is(#login-error,#form-error):not(:empty){background:#fff0f2!important;color:#a5223b!important;border:1px solid #efbcc5}
body .bed-available{border-left-color:#249d77!important}body .bed-available .directory-bed-status{color:#147660!important}
body .bed-occupied{border-left-color:#2169d4!important}body .bed-occupied .directory-bed-status{color:#1957a6!important}
body .bed-conflict,body .bed-check{border-left-color:#d38b21!important}body :is(.bed-conflict,.bed-check) .directory-bed-status{color:#8f5c0d!important}
body .message{background:#f2f6fc!important;color:#14283f!important;border-color:#dce7f1!important}body .message.mine{background:#e6f0ff!important}body .message small{color:#60758a!important}
body :is(.hr-date-check:has(input:checked),.touch-check:has(input:checked)){background:#e4f2ff!important;color:#174c92!important;border-color:#71a7e8!important}
body #toast{background:#143d70!important;color:#fff!important;border-color:#3974b6!important}
body #notification-banner,body .notice-strip,body #app-update-banner{background:#fff!important;color:#174c92!important;border-color:#b8d3f4!important}
body #mobile-nav{background:#ffffffed!important;color:#47617c!important;border-color:#dce7f1!important;box-shadow:0 -6px 24px #21487209;border-radius:20px 20px 0 0}
body #mobile-nav button{background:transparent!important;color:#55708c!important;border:1px solid transparent!important}
body #mobile-nav button.active{background:#e7f0ff!important;color:#175ab9!important;border-color:#cfdef3!important}
body .whatsapp-button{background:#168263!important;color:#fff!important;border-color:#168263!important}
body footer{color:#60758a!important}
body .launch-tile:hover{background:#f7faff!important;border-color:#a8c9ef!important;filter:none;transform:none}
body .launch-tile:focus-visible{outline:3px solid #77aaf5!important;outline-offset:3px!important}
/* v0.41: consistent spacing, hierarchy and touch targets. */
body{font-size:16px;line-height:1.6}
body .shell main{padding-top:28px;padding-bottom:112px}
body .launch-grid,body .admin-grid{gap:16px;margin:0 0 24px;grid-template-columns:repeat(2,minmax(0,1fr))}
body .launch-tile{display:grid;grid-template-columns:48px minmax(0,1fr) 18px;align-items:center;gap:16px;width:100%;min-width:0;min-height:116px;padding:22px;text-align:left;border-radius:18px;box-shadow:0 4px 16px #00000012;position:relative}
body .launch-tile .tile-icon{width:48px;height:48px;margin:0;border-radius:14px;display:grid;place-items:center;font-size:23px}
body .launch-tile .tile-copy{min-width:0}
body .launch-tile .tile-copy strong{font-size:17px;line-height:1.4;font-weight:650;letter-spacing:-.2px}
body .launch-tile .tile-copy small{font-size:13px;line-height:1.65;margin-top:7px;color:#5d728b!important;font-weight:400}
body .launch-tile .tile-arrow{position:static;font-size:25px;text-align:right;color:#5d7f9c!important}
body .card,body .care-audit,body .fold{border-radius:18px;margin-bottom:20px}
body .section-heading{clear:both;margin:8px 0 26px}
body .section-heading .back-button{display:flex;align-items:center;justify-content:center;width:fit-content;min-height:44px;margin:0 0 24px;padding:10px 16px;border-radius:10px;font-size:14px;line-height:1.4;gap:8px}
body .section-title{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}
body .section-title>div{flex:1 1 240px;min-width:0}
body .section-title h1{font-size:27px;line-height:1.3;letter-spacing:-.6px;margin:0 0 10px}
body .section-title p{line-height:1.7;font-size:14px;margin:0;color:#5d728b!important}
body .section-title>button{min-height:44px;margin:0}
body .dashboard-logins{margin:12px 0 28px;padding:26px;border:1px solid #dbe6f0;border-radius:18px;background:#ffffff}
body .dashboard-logins .section-heading{margin:0}
body .dashboard-logins .section-title{gap:12px}
body .dashboard-logins .section-title>div{flex-basis:100%;margin-bottom:8px}
body .dashboard-logins .section-title>button{width:auto;font-size:14px;padding:11px 15px}
body .directory-count-grid,body .directory-gender-counts{gap:12px;margin-bottom:24px}
body .incharge-attention{gap:12px;margin:0 0 24px}
body .hub-heading{margin-bottom:26px}
body #mobile-nav{gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #dbe6f0;box-shadow:0 -8px 28px #183c6510}
body #mobile-nav button{margin:0;min-height:48px;border-radius:12px;font-size:13px;padding:10px 8px}
body .directory-filters{padding:20px;gap:16px;margin-bottom:24px}
body .directory-card-grid,body .directory-bed-grid,body .workforce-grid{gap:18px}
body .directory-card-grid>.card,body .directory-bed-grid>.card,body .workforce-grid>.card{margin-bottom:0}
@media(max-width:700px){
 body .shell main{padding:22px 16px calc(112px + env(safe-area-inset-bottom))}
 body .launch-grid,body .admin-grid{grid-template-columns:minmax(0,1fr);gap:14px;margin-bottom:22px}
 body .launch-tile{grid-template-columns:44px minmax(0,1fr) 16px;gap:14px;min-height:106px;padding:20px 18px}
 body .launch-tile .tile-icon{width:44px;height:44px;font-size:22px}
 body .launch-tile .tile-copy strong{font-size:17px}
 body .launch-tile .tile-copy small{font-size:13px}
 body .dashboard-logins{padding:20px 18px;margin-top:6px}
 body .dashboard-logins .section-title>button{width:100%;text-align:left}
 body .section-title h1{font-size:25px}
 body .section-heading .back-button{margin-bottom:22px}
 body .shell header{padding:18px 16px;flex-wrap:wrap;gap:14px}
 body .header-controls{max-width:100%;gap:8px}
}
@media print{body .shell main{padding:0}body .dashboard-logins{background:#fff;border-color:#ccc}}
/* Finishing treatments for the reference-inspired profile cards. */
body .launch-tile{border-radius:22px}
body .mcs-profile-avatar{border-radius:14px;border:2px solid #fff;background:#e8f1fc;box-shadow:0 0 0 1px #dce7f1,0 3px 8px #2148720b}
body .mcs-profile-avatar img{object-position:center 25%}
body .directory-card-grid .mcs-profile-avatar,body .workforce-card .mcs-profile-avatar{width:54px;height:54px;min-width:54px;border-radius:17px;margin-top:14px}
body .directory-placement>span{border-radius:14px}
body .directory-card-grid .card,body .workforce-card{border-top:3px solid #d6e7fd!important}
body .directory-card-grid .card:nth-child(3n+2),body .workforce-card:nth-child(3n+2){border-top-color:#f5d6ae!important}
body .directory-card-grid .card:nth-child(3n+3),body .workforce-card:nth-child(3n+3){border-top-color:#bae7d6!important}
@media print{html,body,#app-view,#main,.shell,main{background:#fff!important;color:#000!important}body .sidebar,body #mobile-nav{display:none!important}}