/* v0.19: calm milky background, blue controls and clear red pending work. */
:root{color-scheme:light;--teal:#175da5;--deep:#173657;--mint:#edf4fb;--ink:#18334f;--muted:#52657a;--line:#d9e2eb;--bg:#f7f8f5;--amber:#9c2335;--red:#a71f36}
body{background:#f7f8f5;color:#18334f}h1,h2,h3,h4,strong,label{color:inherit}p,small,.muted,.eyebrow,.workspace,.brand small,.sidebar-foot,.sidebar-foot small,.capture-time,.section-note,.form-note,.empty,.tile-copy small,.tile-arrow,.simple-row small,.patient-banner small,.touch-check small,.care-audit small,.remark small{color:#52657a}small{line-height:1.65}a{color:#175da5}footer{color:#52657a}
.sidebar{background:#103657;color:#fff;border-color:#244c70}.sidebar .brand,.sidebar .brand small,.sidebar .workspace,.sidebar-foot{color:#eaf2fa}.sidebar #desktop-nav{scrollbar-color:#7899b7 #103657}.sidebar nav button{color:#eaf2fa}.sidebar nav button.active,#mobile-nav button.active{background:#2366a8;color:#fff}#mobile-nav{background:#fff;border-color:#d9e2eb}#mobile-nav button{color:#21496e}.shell header,header,.login-card,dialog{background:#fff;color:#18334f;border-color:#d9e2eb}.shell header h2{color:#18334f}.brandmark{background:#175da5;color:#fff}.brandmark span{color:#fff}
.card,.patient-search,.patient-banner,.fold,.launch-tile,.care-action,.caregiver-patient,.simple-context,.context-banner,.entry,.resident,.stat,.vital,.care-audit,.appointment-card,.phone-notice-settings,.notification-row,.touch-check,.simple-row{background:#fff;color:#18334f;border-color:#d9e2eb;box-shadow:0 3px 16px #18334f06}.admin-grid .admin-tile:nth-child(n){background:#fff;border-color:#d6e2ef;color:#18334f;border-left:5px solid #2673bc}.admin-tile strong,.admin-tile small,.admin-tile .tile-arrow{color:#18334f}.admin-tile b{background:#e8f1fb;color:#175da5}.admin-tile .admin-icon{color:#175da5}
button,.login-submit,.wide-submit{background:#175da5;color:#fff}button.secondary,.back-button,.manage-link,.patient-detail-link,.incharge-secondary button,.report-actions button,.patient-card-actions button,.notification-row .secondary{background:#edf4fc;color:#144c85;border-color:#c4d7ea}.iconbutton{background:#edf4fc;color:#144c85}.launch-tile .tile-icon,.care-action-icon,.initial,.avatar,.row-icon,.tile-badge,.hero .initial{background:#e5effa;color:#175da5}.care-action strong,.care-action span,.launch-tile strong{color:#18334f}.care-action>span:last-child{color:#52657a}.care-action:hover{background:#f2f7fd;border-color:#82aeda}.incharge-attention button{background:#edf4fc;color:#174b7b;border-color:#d1e0ef}.incharge-attention span{color:#355a7f}
.shift-status,.hr-info,.entry-context,.instruction-note,.photo-date-banner,.photo-slot,.info,.detail-banner,.assignment-context{background:#edf4fb;color:#18334f;border-color:#d2e0ee}.shift-status p,.instruction-note p,.instruction-note small,.shift-status .eyebrow{color:#3d5871}.shift-status button,.shift-off-wrap button{background:#175da5;color:#fff;border-color:#175da5}
input,select,textarea,.caregiver-patient select,.simple-context input,.simple-context select,.incharge-date input{background:#fff;color:#18334f;border-color:#b9cbdc;padding:13px 14px;line-height:1.5;min-height:48px;border-radius:10px}input::placeholder,textarea::placeholder{color:#667b90;opacity:1}input:focus,select:focus,textarea:focus{outline:2px solid #3981c8;outline-offset:2px}input:-webkit-autofill{-webkit-text-fill-color:#18334f;-webkit-box-shadow:0 0 0 1000px #fff inset;caret-color:#18334f}label{line-height:1.6}.field{gap:8px;margin:14px 0}.field textarea{min-height:112px}input[type=checkbox]{width:24px;height:24px;min-height:24px;accent-color:#175da5;flex:0 0 24px}.form-actions{padding-top:16px;gap:12px}.modal-head{border-color:#d9e2eb}dialog::backdrop{background:#102c497a}
.pill{background:#e6effa;color:#174c80}.pill.amber,.pill.red{background:#ad243b;color:#fff}.pending-red,.delay-alert,.error-panel,.hr-warning{background:#a71f36!important;color:#fff!important;border-color:#a71f36!important}.pending-red *,.delay-alert *,.error-panel *,.hr-warning *{color:#fff!important}.pending-red button{background:#7a1326!important;color:#fff!important;border-color:#e6a3ae!important}.remark,.shared-record,.ledger-total,.salary-summary span,.hr-stats span,.live-message,.trip-summary,.trip-review{background:#edf4fb;color:#18334f;border-color:#d5e2ef}.message{background:#f0f3f6;color:#18334f;border-color:#dce4ec}.message.mine{background:#e4effb}.message small{color:#52657a}.ledger-row,.simple-row,.notification-row,.care-audit,.card-head,.fold summary,.fold-body{border-color:#d9e2eb}.hr-table th{background:#e9f1fa;color:#173c61}.hr-table td,.hr-table th{border-color:#d9e2eb}.hr-table td{color:#18334f}.hr-date-check{background:#fff;color:#18334f;border-color:#c0d1e3}.hr-date-check:has(input:checked){background:#175da5;color:#fff}.touch-check:has(input:checked){background:#e8f2fd;color:#18334f;border-color:#3981c8}.is-unread,.notification-row.is-unread{background:#edf5ff;border-color:#9cbbdc}.notice-dot,.dot{background:#2673bc}
.fold summary small,.notification-row small,.notification-row p,.phone-notice-settings small,.caregiver-patient label,.auto-room small,.auto-room strong,.incharge-assigned small,.live-message small,.hr-stats b,.simple-assignment strong,.simple-context label{color:#3e5871}.fold>summary:after,.fold-symbol,.tick{color:#175da5}.linked-family{background:#edf4fb;color:#18334f;border-color:#d2e0ee}.linked-label{color:#52657a}.audit-photo{background:#e9eef4}.simple-row{padding:16px;gap:14px}.card,.care-audit{padding:22px}.card h3,.care-audit h3{line-height:1.5;margin:0 0 12px}.care-audit p{line-height:1.7}.fold summary{padding:19px 20px;line-height:1.5}.fold-body{padding:20px}.launch-tile,.care-action{padding:22px;gap:16px}.care-action strong{line-height:1.5}.entry-context{padding:16px}.linked-family{padding:16px}.notification-row{padding:18px;gap:14px}.care-audit .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.photo-date-banner{padding:16px}
.notice-strip,#app-update-banner,.demo-banner{background:#e8f2fd;color:#18334f;border-color:#c1d7ed}.notice-strip button,.demo-banner button{background:#175da5;color:#fff;border-color:#175da5}#notification-banner{position:fixed;z-index:60;top:90px;right:24px;width:min(460px,calc(100vw - 32px));max-height:55vh;overflow:auto;margin:0;padding:18px;border:1px solid #a9c4df;border-left:5px solid #175da5;border-radius:16px;background:#fff;color:#18334f;box-shadow:0 12px 40px #1736572e;display:flex;align-items:flex-start;gap:12px}#notification-banner>div{flex:1;min-width:0}#notification-banner p{font-size:14px;line-height:1.6;margin:7px 0;overflow-wrap:anywhere}#notification-banner strong{color:#173657}#notification-banner small{color:#52657a}#notification-banner button{flex-shrink:0;min-height:44px;padding:10px}#offline-banner{background:#a71f36;color:#fff}#toast{background:#173f69;color:#fff;border-color:#477bac}
.remember-choice{display:flex;gap:12px;align-items:center;margin:20px 0 6px;font-size:14px}.login-hint{display:block;margin-bottom:18px}.login-submit{margin-top:14px}.whatsapp-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 16px;border-radius:10px;background:#14733d;color:#fff;text-decoration:none;margin:0 0 16px;font-weight:600}.duty-options{display:grid;gap:12px;margin:16px 0}.duty-options .touch-check{margin:0;min-height:76px;padding:16px;gap:16px}.duty-options small{display:block;margin-top:4px}.duty-evidence{margin:16px 0}.duty-evidence img{width:min(100%,300px);max-height:240px;object-fit:cover;border-radius:12px}.duty-evidence figcaption{font-size:12px;line-height:1.6}.care-photo,.audit-photo{cursor:zoom-in}.care-photo:focus-visible,.audit-photo:focus-visible{outline:3px solid #3981c8;outline-offset:3px}
#photo-viewer{padding:0;width:94vw;max-width:1200px;height:92dvh;max-height:94dvh;border:0;border-radius:16px;overflow:hidden;background:#0f1f30;color:#fff}#photo-viewer::backdrop{background:#000d}.photo-toolbar{display:flex;align-items:center;gap:10px;padding:14px;background:#173657;color:#fff;flex-wrap:wrap}.photo-toolbar strong{color:#fff;flex:1}.photo-toolbar button{min-width:44px;min-height:44px;padding:10px;background:#2c5c89;color:#fff}.photo-stage{overflow:auto;height:calc(100% - 84px);touch-action:pan-x pan-y pinch-zoom;padding:12px}.photo-stage img{display:block;width:100%;max-width:none;height:auto;object-fit:contain;margin:0 auto}.photo-stage{scrollbar-color:#6685a2 #0f1f30}#photo-viewer[open]{display:flex;flex-direction:column}#photo-viewer .photo-stage{flex:1;min-height:0}
@media(max-width:600px){.card,.care-audit{padding:18px}.launch-tile,.care-action{padding:18px}.fold summary,.fold-body{padding:16px}.simple-row{padding:14px;flex-wrap:wrap}.section-heading{margin-bottom:18px}.section-title h1{font-size:25px}#notification-banner{top:84px;right:16px;flex-wrap:wrap}#notification-banner>div{flex-basis:100%}.photo-toolbar{gap:7px;padding:10px}.photo-toolbar strong{flex-basis:100%}.photo-stage{height:calc(100% - 118px)}.header-controls{gap:8px}.header-controls #account-name{max-width:90px;font-size:12px}.duty-options .touch-check{padding:15px}.sidebar{display:none}}
@media print{#photo-viewer,#notification-banner{display:none!important}body,#print-area,#print-area *{background:#fff!important;color:#111!important}}
.photo-storage-choice{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#eaf1f8;color:#173657;font-size:14px;flex-wrap:wrap}.photo-storage-choice small{color:#52657a}.photo-storage-choice input{min-height:24px}.photo-stage img{max-height:none}
.gender-unavailable{opacity:.52}.gender-unavailable:after{content:'Gender does not match';font-size:12px;color:#52657a}.day-plan-note{padding:16px}