/* Multicare v0.54 — vibrant care workspace. Visual layer only. */
:root{color-scheme:light!important;--bg:#eef4fc;--ink:#162c4b;--text:#162c4b;--muted:#536981;--line:#dae5f3;--primary:#1763cf;--primary-hover:#114ea6;--teal:#1763cf;--deep:#133d73;--mint:#e5efff;--surface:#fff;--surface-2:#edf4ff;--surface-3:#dceaff;--shell:#fff}
body,button,input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
html,body,#app-view,#login-view,#main,.shell,main{background:var(--bg)!important;color:var(--ink)!important}
body{letter-spacing:-.1px;-webkit-font-smoothing:antialiased}
body :is(h1,h2,h3){letter-spacing:-.5px}
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:#536981!important}
body :is(.card,.login-card,dialog,.patient-search,.patient-banner,.fold,.caregiver-patient,.simple-context,.context-banner,.stat,.vital,.care-audit,.appointment-card,.notification-row,.touch-check,.directory-filters,.workforce-card,.extra-review-card,.install-card){background:#fff!important;color:#162c4b!important;border-color:#dae5f3!important;border-radius:22px;box-shadow:0 5px 22px #1c42730a}
body :is(.shell header,.modal-head){background:#ffffffed!important;color:#162c4b!important;border-color:#dae5f3!important}
body .sidebar{background:linear-gradient(165deg,#153e77 0%,#145fbd 65%,#087f9c 100%)!important;color:#fff!important;border-color:#194f95!important}
body .sidebar :is(.brand,.brand small,.workspace,.sidebar-foot,.sidebar-foot small){color:#e9f3ff!important}
body .sidebar nav button{color:#e9f3ff!important;background:transparent!important;border-color:transparent!important;border-radius:14px;min-height:48px}
body .sidebar nav button.active{background:#fff!important;color:#1455a8!important;border-color:#fff!important;box-shadow:0 5px 16px #082e5629}
body .brandmark{background:#1763cf!important;color:#fff!important;border-radius:14px;box-shadow:0 4px 12px #1763cf26}
body .sidebar .brandmark{background:#ffffff25!important;box-shadow:none}
body .dot{background:#7ce2bd}
body button,body .login-submit,body .wide-submit,body .button,body .install-header-link{background:linear-gradient(135deg,#1763cf,#1475b5);color:#fff;border:1px solid #1763cf;border-radius:14px;min-height:44px;font-weight:650;box-shadow:0 4px 10px #1763cf1a;transition:background-color .15s ease,box-shadow .15s ease}
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:#e8f0ff!important;color:#1454a5!important;border-color:#c9dcf5!important;border-radius:13px;box-shadow:none}
body :is(.directory-tabs button[aria-pressed=true],.message-tabs button[aria-pressed=true]){background:#1763cf!important;color:#fff!important;border-color:#1763cf!important}
body .section-heading .back-button{border-radius:13px;min-height:44px}
body :is(input:not([type=checkbox]):not([type=radio]),select,textarea,option){background:#f8fbff!important;color:#162c4b!important;border-color:#cbd9eb!important;border-radius:12px;font-size:16px}
body :is(input,textarea)::placeholder{color:#64758c!important}
body input[type=checkbox],body input[type=radio]{accent-color:#1763cf}
body :is(input,select,textarea):focus,body :is(button,a):focus-visible{outline:3px solid #78abec!important;outline-offset:3px}
/* Each destination has a bright identity, with dark text on soft colour. */
body :is(.launch-tile,.care-action,.admin-tile,.directory-count){--tile-a:#e4efff;--tile-b:#f3f8ff;--tile-line:#bed6fa;--tile-accent:#1759b4;--tile-icon:#d2e5ff}
body :is(.launch-tile,.care-action,.admin-tile,.directory-count):nth-child(4n+2){--tile-a:#ffead7;--tile-b:#fff8ee;--tile-line:#f2ceaa;--tile-accent:#9d4b0b;--tile-icon:#ffdbb7}
body :is(.launch-tile,.care-action,.admin-tile,.directory-count):nth-child(4n+3){--tile-a:#dff4e9;--tile-b:#f1fcf7;--tile-line:#b5e1cc;--tile-accent:#146344;--tile-icon:#c4ead7}
body :is(.launch-tile,.care-action,.admin-tile,.directory-count):nth-child(4n+4){--tile-a:#fff2c5;--tile-b:#fffcef;--tile-line:#ebd689;--tile-accent:#775600;--tile-icon:#ffe69c}
body :is(.launch-tile,.care-action,.directory-count),body .admin-grid .admin-tile:nth-child(n){background:linear-gradient(125deg,var(--tile-a),var(--tile-b))!important;color:#162c4b!important;border:1px solid var(--tile-line)!important;border-radius:22px;box-shadow:0 6px 18px #20466e0b}
body :is(.launch-tile,.care-action,.admin-tile){border-top:4px solid var(--tile-accent)!important}
body .admin-tile .admin-icon,body .launch-tile .tile-icon,body .care-action .care-action-icon{background:var(--tile-icon)!important;color:var(--tile-accent)!important;border-radius:15px}
body :is(.admin-tile strong,.admin-tile small,.launch-tile .tile-copy strong,.care-action strong){color:#162c4b!important}
body .launch-tile .tile-copy small{color:#4e617a!important}
body .admin-tile b,body .tile-badge{background:#ffffffb8!important;color:#174b8c!important}
body .directory-count>strong{color:var(--tile-accent)!important}
body .ds-patient{background:linear-gradient(120deg,#dcecff,#e7f6fa 70%,#f2faff)!important;border-color:#bdd7f6!important;border-radius:26px;box-shadow:0 6px 24px #2058960d;color:#162c4b!important}
body .ds-vitals>.ds-vital{background:#fff!important;border-color:#dae5f3;border-top:3px solid #2d7ed6;border-radius:19px;box-shadow:0 4px 14px #20466e08}
body .ds-vitals>.ds-vital:nth-child(4n+2){border-top-color:#d6882d}
body .ds-vitals>.ds-vital:nth-child(4n+3){border-top-color:#279774}
body .ds-vitals>.ds-vital:nth-child(4n+4){border-top-color:#ca6380}
body .ds-vitals>.ds-vital.ds-flag-1{border-color:#c68c32!important}
body .ds-vitals>.ds-vital.ds-flag-2{border-color:#cf5267!important}
body .daily-status .ds-care-button:nth-child(n){background:linear-gradient(135deg,#deebff,#f1f7ff)!important;color:#194d91!important;border-color:#bcd4f6!important;border-radius:22px;box-shadow:0 5px 14px #20466e0a}
body .daily-status .ds-care-button:nth-child(2){background:linear-gradient(135deg,#ffe5cd,#fff7ec)!important;color:#91440a!important;border-color:#efc79f!important}
body .daily-status .ds-care-button:nth-child(3){background:linear-gradient(135deg,#d9f2e6,#f0fbf6)!important;color:#146344!important;border-color:#b2dfc9!important}
body .daily-status .ds-care-button:nth-child(4){background:linear-gradient(135deg,#ffefb4,#fffae7)!important;color:#775600!important;border-color:#e8cf7f!important}
body .daily-status .ds-care-button>span{background:#ffffffb3;border-radius:14px;color:inherit!important}
body .daily-status .ds-care-button.ds-selected{box-shadow:0 0 0 3px #1763cf!important;border-color:#1763cf!important}
body .mcs-profile-avatar{border-radius:18px;border:3px solid #fff;background:#e0edff;box-shadow:0 0 0 1px #c5d9f0,0 4px 12px #22508014}
body .directory-card-grid .card,body .workforce-card{border-top:4px solid #6aa3e6!important}
body .directory-card-grid .card:nth-child(3n+2),body .workforce-card:nth-child(3n+2){border-top-color:#e8ad67!important}
body .directory-card-grid .card:nth-child(3n+3),body .workforce-card:nth-child(3n+3){border-top-color:#62b798!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:linear-gradient(120deg,#e4efff,#edf7fc)!important;border-color:#c9dcf5!important;color:#24476f!important}
body th,body .hr-table th{background:#eaf1fb!important;color:#385574!important}
body td,body .hr-table td{color:#243e5c!important;border-color:#e2ebf4!important}
body #mobile-nav{background:#ffffffef!important;border-color:#d5e3f4!important;box-shadow:0 -5px 22px #17477c0c;border-radius:22px 22px 0 0}
body #mobile-nav button{color:#536981!important;border-radius:13px;box-shadow:none}
body #mobile-nav button.active{background:linear-gradient(135deg,#1763cf,#1475b5)!important;color:#fff!important;border-color:#1763cf!important;box-shadow:0 4px 10px #1763cf26}
body #login-view{background:radial-gradient(ellipse at 10% 10%,#c8e2ff,transparent 55%),radial-gradient(ellipse at 95% 90%,#cceee3,transparent 50%),#edf4fc!important}
body .login-card{border-top:5px solid #1763cf!important;box-shadow:0 18px 60px #194b7b15;border-radius:28px}
body .install-link{background:#e8f0ff;color:#1454a5!important;border-color:#c9dcf5;border-radius:14px}
body.install-page{background:#eef4fc;color:#162c4b}
body.install-page .open-app,body.install-page button{background:linear-gradient(135deg,#1763cf,#1475b5);color:#fff;border-color:#1763cf;border-radius:14px}
body.install-page .install-note{background:#e5efff;color:#24476f}
body footer{color:#536981!important}
body dialog::backdrop{background:#122e5266}
@supports(backdrop-filter:blur(16px)){body .shell header,body #mobile-nav{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}
@media(hover:hover){body button:hover{filter:brightness(.97)}body :is(.secondary,.back-button,.iconbutton):hover{background:#dbe9ff!important;border-color:#b7d0f0!important}body :is(.launch-tile,.care-action,.admin-tile):hover{box-shadow:0 8px 24px #20466e18;filter:brightness(.985);transform:none}body .sidebar nav button:hover{background:#ffffff20!important}body .sidebar nav button.active:hover{background:#fff!important}}
@media(prefers-reduced-motion:reduce){body button{transition:none}}
@media print{html,body,#app-view,#main,.shell,main{background:#fff!important;color:#000!important}body :is(.card,.launch-tile,.care-action,.admin-tile){box-shadow:none}}
/* Clinical status colours, archived thumbnail restrictions and bell hit areas
   stay under their component-specific rules. No layout or business logic changes. */