:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#19313b;background:#eff6f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.shell{max-width:920px;margin:0 auto;min-height:100vh;padding:20px 18px 90px}.top{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}.eyebrow{color:#4f7779;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.top h1{font-size:26px;letter-spacing:-.04em;margin:2px 0}.hint{font-size:13px;color:#54727a}.card{border:1px solid #d1e5e9;box-shadow:0 4px 15px #1748510b;background:white;border-radius:20px;padding:18px;margin:12px 0}.card h2{font-size:18px;margin:0 0 12px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.full{grid-column:1/-1}.stat{background:#eef7f7;border-radius:14px;padding:13px}.stat strong{display:block;font-size:23px;margin:4px 0}.stat small{color:#496a70}.button{background:#0a7771;color:white;border:1px solid #0a7771;border-radius:12px;padding:11px 14px;font-weight:700}.button.secondary{background:#edf9f8;color:#086d68}.button.ghost{background:white;color:#34565e;border-color:#d0e1e4}.button.danger{background:#9e2939;border-color:#9e2939}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.item{border:1px solid #e0e9eb;padding:12px;border-radius:14px;margin:8px 0;background:#fcfefe}.item .line{display:flex;justify-content:space-between;align-items:start;gap:8px;flex-wrap:wrap}.item p{margin:5px 0;color:#557078;font-size:14px}.pill{display:inline-block;padding:5px 10px;border-radius:999px;background:#e7f5f4;color:#116b65;font-size:12px;font-weight:800}.pill.due{background:#fff2d8;color:#90531b}.pill.done{background:#e0f6e7;color:#20783d}.pill.missed{background:#fee8e8;color:#9d2930}.nav{position:fixed;bottom:0;left:0;right:0;background:#fffefef2;border-top:1px solid #d9e7e8;display:flex;justify-content:center;gap:6px;padding:9px;backdrop-filter:blur(14px)}.nav button{background:none;border:0;border-radius:12px;color:#527179;padding:11px 14px;font-weight:700;font-size:13px}.nav button.active{background:#dbf3f0;color:#006d68}.notice{background:#fff7e5;color:#835d25;border:1px solid #f1dba8;border-radius:15px;padding:13px;font-size:13px;line-height:1.5}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}label{font-size:13px;color:#385d64;font-weight:700;display:block}input,textarea,select{display:block;width:100%;border:1px solid #c9dce0;border-radius:10px;background:#fff;color:#172f38;padding:10px;margin-top:5px}textarea{min-height:92px;resize:vertical}.dialog-back{position:fixed;inset:0;background:#112e38a6;display:flex;align-items:center;justify-content:center;padding:14px;z-index:5}.dialog{background:white;border-radius:20px;padding:20px;max-width:600px;width:100%;max-height:93vh;overflow:auto}.dialog h2{margin:0 0 14px}.photo{width:100%;max-height:230px;object-fit:contain;background:#ecf3f3;border-radius:12px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.empty{padding:25px;text-align:center;color:#73888e;background:#f6fafb;border-radius:15px}.muted{color:#607c82}.small{font-size:12px}.right{margin-left:auto}.hide{display:none}.date{font-size:13px;color:#526e74}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}@media(max-width:520px){.shell{padding:15px 12px 88px}.grid,.fields{grid-template-columns:1fr}.nav{gap:0;justify-content:space-around}.nav button{font-size:11px;padding:10px 6px}.top h1{font-size:22px}.card{padding:14px}.photo-grid{gap:7px}}@media print{.nav,.toolbar,.button,.notice{display:none!important}.shell{padding:0}.card{box-shadow:none;break-inside:avoid}}

/* Mobile-first PWA refinements */
body{overscroll-behavior-y:contain} .shell{padding-top:max(20px,env(safe-area-inset-top))}
.nav{padding-bottom:max(9px,env(safe-area-inset-bottom));z-index:3}
.header-actions{display:flex;align-items:center;justify-content:end;gap:7px;flex-wrap:wrap}
#connectivity:not([hidden]){display:block;position:sticky;top:0;z-index:10;background:#70481e;color:white;text-align:center;padding:10px;font-size:13px;font-weight:700}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #147fd1;outline-offset:2px}
button{min-height:44px;touch-action:manipulation}
[hidden]{display:none!important}
@media(max-width:520px){.header-actions .button{padding:8px 10px;font-size:12px}.shell{padding-top:max(14px,env(safe-area-inset-top));padding-bottom:calc(100px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* PS Integrations-inspired identity: charcoal, signal red, crisp technical surfaces. */
:root{color-scheme:light;--ps-ink:#14202c;--ps-red:#c92f3e;--ps-red-dark:#a51c30;--ps-border:#dce1e6;--ps-muted:#5c6876;--ps-surface:#ffffff;--ps-bg:#f2f4f6;color:var(--ps-ink);background:var(--ps-bg)}
body{background:linear-gradient(160deg,#f1f3f6 0%,#fbfbfc 65%);color:var(--ps-ink)}
.top{background:#14202c;color:white;margin:-20px -18px 18px;padding:22px 18px;border-bottom:4px solid var(--ps-red);border-radius:0 0 18px 18px;position:relative;overflow:hidden}
.top:after{content:"";position:absolute;right:-50px;top:-60px;width:190px;height:190px;border:1px solid #ffffff22;transform:rotate(45deg);pointer-events:none}
.top h1{color:white;letter-spacing:-.045em}
.top .eyebrow{color:#ff9aa4}.top .hint{color:#c7d2db}
.brandmark{display:inline-flex;align-items:center;gap:9px;font-weight:900;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:white;margin-bottom:7px}
.brandmark .brand-symbol{display:grid;place-items:center;background:var(--ps-red);color:white;width:27px;height:27px;border-radius:7px;font-size:12px;letter-spacing:-.06em}
.card{border:1px solid var(--ps-border);box-shadow:0 5px 22px #1724340a;border-radius:17px}
.card h2{color:#14202c}
.stat{background:#f1f3f6;border-left:3px solid var(--ps-red)}
.stat small,.muted,.hint,.date{color:var(--ps-muted)}
.button{background:var(--ps-red);border-color:var(--ps-red);color:white}
.button:hover{filter:brightness(.94)}
.button.secondary{background:#fff1f2;border-color:#f0c7cd;color:#9d1f30}
.button.ghost{background:#fff;border-color:#d7dee5;color:#273646}
.pill{background:#fce8eb;color:#952534}
.nav{border-top:1px solid var(--ps-border);background:#fffffff5}
.nav button{color:#536272}.nav button.active{background:#ffebee;color:#a61e31}
.item{background:#fcfcfd;border-color:#e4e7eb}
input,textarea,select{border-color:#cfd7df;color:#172434}
input[type=file]{padding:12px;border-style:dashed;background:#fafbfc;min-height:48px}
input[type=file]::file-selector-button{border:0;border-radius:8px;background:#ffebef;color:#9c1f32;padding:8px 11px;margin-right:10px;font-weight:800}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#c92f3e}
.photo{background:#edf0f3;border:1px solid #dde3e9}
.photo-attachment{margin-top:10px;max-height:220px;width:100%;object-fit:contain;border-radius:11px;background:#f2f3f5}
.photo-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.photo-tile{border:1px solid #e1e5ea;border-radius:12px;padding:9px;min-width:0;background:white}
.photo-tile img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}
.photo-tile strong{display:block;font-size:12px;margin-top:7px}
.photo-tile small{display:block;color:#697584}
.upload-help{margin:0 0 10px;color:#5c6876;font-size:12px}
@media(max-width:520px){.top{margin:-14px -12px 15px;padding:19px 12px}.top h1{font-size:22px}.photo-library{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{.top{margin:0;background:white;color:#14202c;border-bottom:2px solid #c92f3e}.top h1,.top .brandmark{color:#14202c}}

/* Local reminder controls */
.reminder-options{display:flex;gap:14px;flex-wrap:wrap;margin:15px 0}
.reminder-options label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#263545}
.reminder-options input[type=checkbox]{width:19px;height:19px;margin:0;accent-color:#c92f3e}
.reminder-due{border-top:1px solid #e1e5ea;margin-top:14px;padding-top:12px}
.reminder-toast{position:fixed;z-index:20;left:12px;right:12px;bottom:calc(78px + env(safe-area-inset-bottom));max-width:560px;margin:auto;border-radius:12px;background:#14202c;color:white;border-left:5px solid #c92f3e;padding:16px;box-shadow:0 9px 26px #0004;font-weight:700}

/* Reference-inspired 2026 clinical dashboard: soft blue-white, teal, clear cards. */
:root{--teal:#087e7b;--teal-deep:#08615f;--teal-dark:#074e50;--mint:#e0f5f3;--ink:#102038;--muted:#5d6e7f;--edge:#d9e5ee;--paper:#fff;--sky:#edf8fc;background:#f5f9fc;color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
body{background:linear-gradient(135deg,#f7fbff,#f1f7fb 45%,#fafcff);color:var(--ink)}
.shell{max-width:960px;padding:0 18px calc(102px + env(safe-area-inset-bottom))}
.top{position:relative;overflow:visible;background:transparent;color:var(--ink);margin:0 -18px 16px;padding:20px 18px 16px;border:0;border-bottom:1px solid #e1e9f0;border-radius:0;box-shadow:none}
.top:after{display:none}.top h1,.top .app-name{color:#101c34}
.app-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}
.app-identity{display:flex;align-items:center;gap:12px;min-width:0}
.app-logo{flex-shrink:0;background:linear-gradient(145deg,#047b79,#15a7a2);width:46px;height:46px;border-radius:15px;display:grid;place-items:center;font-size:29px;line-height:1;color:white;box-shadow:0 4px 10px #067b782e}
.app-name{font-weight:850;font-size:clamp(19px,3.8vw,25px);letter-spacing:-.045em;line-height:1.12}
.app-subtitle{color:#465769;font-size:14px;margin-top:4px}.ps-byline{font-size:12px;color:#0a8581}
.header-actions{gap:6px;flex-wrap:nowrap;align-items:center}
.head-icon{border:0;border-radius:13px;background:transparent;color:#14263c;min-height:44px;min-width:44px;display:grid;place-items:center;position:relative}
.head-icon:hover{background:#e4f6f5}.head-icon .ui-icon{width:25px;height:25px}.notification-dot{position:absolute;right:8px;top:7px;height:9px;width:9px;border:2px solid white;border-radius:50%;background:#e33d48}
.ui-icon{display:inline-block;vertical-align:middle;width:21px;height:21px;flex-shrink:0}
.card{background:var(--paper);border:1px solid var(--edge);border-radius:19px;box-shadow:0 2px 8px #23415a0a;margin:12px 0;padding:16px}
.card h2{font-size:19px;line-height:1.2;font-weight:800;letter-spacing:-.03em;margin:0;color:var(--ink)}
.patient-banner{border:1px solid #cfe8f0;border-radius:19px;background:linear-gradient(115deg,#edf9fc,#e7f4f8);display:flex;align-items:center;gap:13px;padding:15px;margin-bottom:16px;position:relative}
.patient-details{flex:1;min-width:0;font-size:14px;line-height:1.5}
.patient-details strong{font-size:19px;line-height:1.25;font-weight:850}
.subtle{color:#597083}
.recovery-tag{display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,#0b746e,#169e88);color:white;padding:11px 14px;border-radius:100px;font-size:13px;font-weight:750;white-space:nowrap}
.recovery-tag .ui-icon{width:19px;height:19px}
.banner-edit{border:0;background:transparent;min-width:30px;color:var(--teal)}
.icon-bubble{height:45px;width:45px;flex-shrink:0;display:inline-grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#d7f4f4,#e8f8fa);color:#007d7c}
.icon-bubble .ui-icon{width:26px;height:26px}
.icon-bubble.patient-icon{height:56px;width:56px;border-radius:50%;background:#d6eef4;color:#1686a0}
.icon-bubble.sm{width:36px;height:36px;border-radius:12px}.icon-bubble.sm .ui-icon{width:20px;height:20px}
.icon-bubble.mint{background:#e0f8eb;color:#168b59}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.section-title{display:flex;gap:11px;align-items:center;min-width:0}
.section-title small{color:#5c6d7d;font-size:13px;display:block;margin-top:4px}
.text-link{border:0;background:transparent;color:var(--teal-deep);display:flex;align-items:center;gap:3px;font-weight:750;white-space:nowrap;padding:8px 2px;font-size:13px}
.text-link .ui-icon{width:17px;height:17px}
.button{background:linear-gradient(100deg,#087b77,#078f8b);border-color:#087b77;color:#fff;border-radius:11px;display:inline-flex;justify-content:center;align-items:center;gap:7px;font-weight:800}
.button.secondary{background:#e3f6f5;color:#056968;border-color:#cdebe8}
.button.outline{background:transparent;color:#08726e;border:1.5px solid #168f8a;box-shadow:none}
.button.ghost{background:#fff;color:#2d5261;border-color:#d3e2e9}
.button.compact{font-size:12px;min-height:37px;padding:6px 11px}
.button.full-width{width:100%}.primary-wide{margin-top:13px;padding:13px}
.button .ui-icon{width:18px;height:18px}
.dose-preview-row{display:flex;gap:10px;align-items:center;padding:10px 8px;border-radius:13px;background:#f4f8fa;margin:6px 0}
.dose-preview-row:nth-child(2n){background:#f5faf8}
.dose-preview-name{min-width:0;flex:1}.dose-preview-name strong{font-size:14px;display:block}.dose-preview-name small{font-size:12px;color:#566778;display:block;margin-top:3px}
.status-pill{border-radius:99px;padding:7px 9px;display:inline-flex;gap:5px;align-items:center;justify-content:center;font-size:12px;font-weight:800;background:#e1ebf0;color:#263d4b;white-space:nowrap}
.status-pill.given{color:#09682e;background:#d6f4dd}.status-pill.due{background:#ffe2c9;color:#a23f0b}.status-pill.upcoming{background:#e0edf4;color:#3a6477}
.status-pill .ui-icon{width:16px;height:16px}
.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.quick-card{margin:0;padding:14px;display:flex;flex-direction:column;justify-content:space-between;gap:10px}
.quick-card .section-heading{margin:0}.quick-card .button{margin-top:auto}
.intake-summary{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}
.intake-stat{background:linear-gradient(120deg,#ebf8fc,#f0f9fb);padding:13px;border-radius:14px;min-width:0}
.intake-stat span{font-size:13px;color:#395969;display:flex;align-items:center;gap:7px}
.intake-stat .ui-icon{color:#038e9c}.intake-stat strong{font-size:17px;display:block;margin-top:9px}
.intake-actions{display:flex;flex-direction:column;gap:8px;justify-content:center}
.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;position:relative}
.comparison-photo{position:relative;min-width:0}
.comparison-photo .photo{display:block;aspect-ratio:1.75;max-height:260px;object-fit:cover;background:#eef3f5;border-radius:13px;width:100%}
.comparison-label{position:absolute;top:10px;left:10px;background:#fffffff0;border-radius:10px;padding:6px 10px;font-size:13px;font-weight:800;z-index:1}
.comparison-label small{font-size:11px;display:block;color:#5c6a79;font-weight:500;margin-top:2px}
.compare-arrow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#e6f8f7;border-radius:50%;display:grid;place-items:center;height:39px;width:39px;z-index:2;color:#057b75;font-size:26px;box-shadow:0 2px 6px #3332}
.nav{z-index:5;background:#fffffff5;border-top:1px solid #d6e2ea;padding:8px 10px max(9px,env(safe-area-inset-bottom));display:flex;gap:4px;align-items:stretch;justify-content:space-around}
.nav button{border:0;border-radius:13px;background:transparent;min-width:0;flex:1;padding:9px 5px;color:#324454;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;min-height:58px}
.nav button.active{color:#025f5f;background:linear-gradient(135deg,#c6f1f1,#e6f7f5)}
.nav button .ui-icon{width:25px;height:25px}
.notice{background:#fffaf0;color:#6f5b37;border-color:#eee0c0;font-size:12px;margin-bottom:15px}
.reminder-options input[type=checkbox]{accent-color:#08817a}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#058c87}
@media(max-width:720px){.intake-summary{grid-template-columns:1fr 1fr}.intake-actions{grid-column:1/-1;flex-direction:row}.intake-actions .button{flex:1}}
@media(max-width:540px){.shell{padding:0 12px calc(98px + env(safe-area-inset-bottom))}.top{margin:0 -12px 12px;padding:13px 12px}.app-logo{width:41px;height:41px}.app-name{font-size:19px}.app-subtitle{font-size:12px}.ps-byline{display:none}.head-icon{min-width:36px}.patient-banner{padding:12px;gap:9px;flex-wrap:wrap}.patient-details strong{font-size:17px}.recovery-tag{width:auto;font-size:12px;padding:8px 10px;margin-left:0}.banner-edit{margin-left:auto}.card{padding:13px;border-radius:15px}.card h2{font-size:16px}.section-title{gap:8px}.section-title small{font-size:11px}.icon-bubble{width:36px;height:36px;border-radius:10px}.icon-bubble .ui-icon{width:21px;height:21px}.dose-preview-row{gap:7px;padding:9px 5px}.dose-preview-name strong{font-size:13px}.dose-preview-name small{font-size:11px}.status-pill{font-size:11px;padding:5px 7px}.button.compact{padding:5px 7px;font-size:11px;min-height:34px}.quick-grid{gap:9px}.quick-card{padding:10px}.quick-card .section-title{align-items:flex-start}.quick-card .section-title .icon-bubble{width:32px;height:32px}.quick-card h2{font-size:14px}.quick-card .button{font-size:12px;padding:8px 5px}.intake-stat{padding:10px}.intake-stat span{font-size:11px}.intake-stat strong{font-size:14px}.comparison-grid{gap:8px}.comparison-label{font-size:11px;padding:5px}.nav button{font-size:10px;padding:8px 3px}.nav button .ui-icon{width:23px;height:23px}}
@media print{.top{background:white;border-bottom:1px solid #dbe7ee}.top .app-name{color:#102038}.patient-banner,.card{break-inside:avoid}}

/* Medication schedule and dose cards */
.med-page-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 16px}
.med-page-title h2{margin:0 0 4px;font-size:24px;letter-spacing:-.04em;color:var(--ink)}
.med-page-title p{margin:0;color:#617182;font-size:14px}
.med-tabs{background:#e9f1f8;border-radius:13px;padding:4px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:12px 0 18px}
.med-tabs button{border:0;border-radius:10px;background:transparent;min-height:43px;font-weight:800;color:#253748}
.med-tabs button.selected{background:linear-gradient(100deg,#066260,#0e8982);color:white;box-shadow:0 3px 7px #0d656223}
.meds-summary{padding:15px}.med-counts{display:flex;flex-wrap:wrap;justify-content:space-around;gap:10px;margin-top:10px;font-size:13px;font-weight:750}
.med-counts span{display:flex;align-items:center;gap:5px}.med-counts .ui-icon{width:20px;height:20px}.count-given{color:#14833d}.count-due{color:#1878c8}.count-upcoming{color:#627584}
.med-dose-list{display:flex;flex-direction:column;gap:11px;margin:13px 0}
.med-dose-card{border:1px solid #d7e1eb;background:linear-gradient(120deg,#fff,#f5f9fc);border-radius:18px;padding:16px;display:flex;gap:13px}
.med-dose-card.given{background:linear-gradient(100deg,#f1fdf3,#fbfffc);border-color:#b7e5c5}
.med-dose-card.due{background:linear-gradient(105deg,#fff9e9,#fffdf8);border-color:#f2d985}
.med-dose-icon{border-radius:50%;background:#d9e8ee;color:#65808d;width:43px;height:43px;flex-shrink:0;display:grid;place-items:center}
.med-dose-icon .ui-icon{width:28px;height:28px}.med-dose-card.given .med-dose-icon{background:#18a445;color:white}.med-dose-card.due .med-dose-icon{background:#0878bd;color:white}
.med-dose-main{flex:1;min-width:0}.med-dose-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin:1px 0 10px}
.med-dose-top h3{font-size:17px;margin:0;font-weight:850;letter-spacing:-.02em}.med-dose-top p{color:#5e6b7b;font-size:13px;margin:4px 0 0}
.med-dose-detail{display:flex;align-items:center;gap:8px;font-size:13px;margin:6px 0;color:#1d3041}.med-dose-detail .ui-icon{width:17px;height:17px;color:#2d6975}
.med-dose-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.med-dose-actions button{min-height:39px;padding:7px 12px}
.med-list-item{margin:9px 0}
@media(max-width:540px){.med-page-title h2{font-size:20px}.med-page-title>.button{padding:9px 10px;font-size:11px}.med-page-title>.button .ui-icon{width:16px;height:16px}.med-dose-card{padding:12px;gap:9px}.med-dose-icon{width:35px;height:35px}.med-dose-icon .ui-icon{width:22px;height:22px}.med-dose-top h3{font-size:15px}.med-dose-detail{font-size:12px}.med-dose-top .status-pill{font-size:10px}.med-counts{font-size:11px;gap:6px}.med-counts .ui-icon{width:16px;height:16px}}

/* PS Integrations brand palette: electric blue, emerald green, deep navy */
:root{--teal:#067bbd;--teal-deep:#0868a4;--teal-dark:#07518b;--mint:#def8ef;--ink:#102143;--edge:#d7e5f3}
body{background:linear-gradient(145deg,#f5faff,#f1fbf8 60%,#f9fcff)}
.ps-logo{display:block;width:clamp(100px,23vw,166px);height:50px;object-fit:contain;object-position:left center;flex-shrink:0;filter:drop-shadow(0 1px 2px #0d3d6540)}
.app-identity{gap:10px}
.app-name{color:#10234b}
.ps-byline{color:#047f89}
.icon-bubble,.nav button.active{background:linear-gradient(135deg,#dbefff,#dffbef);color:#087dae}
.patient-banner{background:linear-gradient(110deg,#eaf7ff,#e9fcf2);border-color:#cee9ef}
.recovery-tag,.button,.med-tabs button.selected{background:linear-gradient(96deg,#087fbd,#08a98e);border-color:#0787a5}
.button.secondary{background:#e9f6ff;color:#076fa8;border-color:#c9e5fa}
.button.outline{color:#087ba3;border-color:#069d9a}
.text-link{color:#076aa8}
.intake-stat{background:linear-gradient(115deg,#eaf5ff,#edfbf5)}
.intake-stat .ui-icon{color:#0797b1}
.compare-arrow{color:#0883b5;background:#e5f6fd}
.status-pill.given{color:#06753b;background:#d8f8e3}
.med-dose-card.given{border-color:#b7eecb;background:linear-gradient(105deg,#eafff1,#fff)}
.reminder-options input[type=checkbox],.remote-channel input[type=checkbox]{accent-color:#078d96}
.remote-notify-settings{display:grid;gap:12px}
.remote-channel{display:flex;gap:9px;align-items:center;color:#203b56;font-size:14px}
.remote-channel input[type=checkbox]{width:20px;height:20px;margin:0}
@media(max-width:540px){.ps-logo{width:84px;height:42px}.app-identity{gap:6px}.app-name{font-size:16px}.app-subtitle{font-size:11px}.header-actions .head-icon{min-width:30px}.head-icon .ui-icon{width:21px;height:21px}}

.ps-original-brand{display:flex;gap:5px;align-items:center;flex-shrink:0;white-space:nowrap}
.ps-original-mark{width:49px;height:45px;object-fit:contain;filter:drop-shadow(0 2px 3px #0b528d37)}
.ps-original-wordmark{font-size:clamp(12px,2.2vw,17px);font-weight:900;letter-spacing:-.06em;color:#0d6bdf;background:linear-gradient(180deg,#4ce7fc 0%,#0d73d7 60%,#062a9c 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 1px #003a6b18}
@media(max-width:650px){.ps-original-mark{width:40px;height:37px}.ps-original-wordmark{font-size:11px}}
@media(max-width:390px){.ps-original-wordmark{display:none}}

/* Explicit, caregiver-initiated WhatsApp sharing */
.share-button{background:#e9f8f0!important;border:1px solid #a6ddc1!important;color:#156841!important;min-height:39px;padding:8px 12px;font-weight:800}
.share-button:hover{background:#d8f3e5!important}
.med-dose-card .share-button{margin-top:10px}
.photo-tile .share-button{display:flex;align-items:center;justify-content:center;margin-top:8px;width:100%;min-height:38px;font-size:12px}
@media(max-width:540px){.med-list-item .toolbar{flex-wrap:wrap}.share-button{padding:8px 10px;font-size:12px}}