/* Avenshore Care: patient information hierarchy and navigation alignment review.
   Reference inspiration: Teladoc portal screenshots. Layout and identity are original. */
.topbar-brand{display:none;appearance:none;border:0;background:none;align-items:center;gap:9px;padding:0;color:var(--heading);font-weight:700;letter-spacing:-.04em;white-space:nowrap;text-align:left}
.topbar-brand img{width:43px;height:43px;display:block;object-fit:contain;flex:none}
.topbar-brand strong{font-weight:500}
.topbar-text{display:inline-flex;align-items:center;gap:9px}
.header-care-cta{display:inline-flex;align-items:center;gap:8px;justify-content:center;background:#0e665e;border:1px solid #0e665e;color:#fff;border-radius:100px;padding:11px 17px;min-height:46px;font-size:15px;font-weight:700;white-space:nowrap}
.header-care-cta:hover{background:#094f49}
.avatar-action{border:0;min-width:43px;min-height:43px;padding:0}
.home-greeting{padding-top:4px;margin-bottom:22px}
.home-greeting .eyebrow{font-size:12px;color:#397366;margin:0 0 8px}
.home-greeting h1{font-size:clamp(32px,3.5vw,48px);font-weight:700;color:var(--heading);letter-spacing:-.043em;line-height:1.16;margin:0 0 8px}
.home-greeting>p:last-child{color:#526d65;font-size:18px;line-height:1.5;margin:0}
.home-care-focus{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;overflow:hidden;gap:18px;padding:36px 38px;min-height:265px;border-radius:25px;background:linear-gradient(118deg,#f1f9f5 0%,#e4f3ed 73%,#deeee9 100%);border:1px solid #d4e7dd;box-shadow:0 12px 34px rgba(22,72,56,.05)}
.home-care-focus:before{content:'';position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(#d3b47b,#e8d5aa)}
.home-care-focus .eyebrow{font-size:12px;letter-spacing:.14em;color:#1b756a}
.home-care-focus h2{font-family:var(--font-display);font-size:clamp(32px,3vw,44px);font-weight:500;line-height:1.12;letter-spacing:-.035em;color:#123f3b;max-width:620px;margin:10px 0 12px}
.home-care-focus p{font-size:17px;color:#3e625a;line-height:1.52;margin:0 0 19px;max-width:590px}
.focus-action{border-radius:12px;min-height:51px;min-width:153px}
.focus-emblem{justify-self:center;width:166px;height:166px;border-radius:38px;background:rgba(255,255,255,.64);box-shadow:0 16px 50px rgba(7,63,58,.06);display:grid;place-items:center;transform:rotate(-6deg);border:1px solid rgba(255,255,255,.8)}
.focus-emblem img{display:block;width:122px;height:122px;transform:rotate(6deg)}
.patient-home .section-head{margin:28px 0 13px}
.patient-home .section-head h2{font-family:var(--font-display);font-size:clamp(24px,2.4vw,33px);font-weight:600;letter-spacing:-.025em;line-height:1.2}
.home-next-card{display:flex;align-items:center;gap:18px;padding:20px 22px;background:#fff;border:1px solid #dce9e2;border-radius:19px;box-shadow:0 5px 25px rgba(14,61,51,.035)}
.next-step-icon{width:52px;height:52px;min-width:52px;display:grid;place-items:center;background:#e8f4ee;color:#126f61;border-radius:15px}
.next-step-copy{flex:1;min-width:0}.next-step-copy strong{display:block;font-size:17px;font-weight:700;color:#164c44;line-height:1.34}.next-step-copy p{font-size:15px;line-height:1.48;color:#526d65;margin:6px 0 0}
.next-step-button{border-radius:50%;border:1px solid #cce2d6;background:#edf6ef;color:#126b62;min-width:49px;width:49px;height:49px;display:grid;place-items:center;flex:none}
.home-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.home-option{display:flex;align-items:center;gap:13px;text-align:left;background:#fff;border:1px solid #dce8e1;border-radius:18px;padding:20px 16px;min-width:0;min-height:103px;box-shadow:0 7px 24px rgba(17,58,48,.03);color:#174a41}
.home-option:hover,.care-hub-option:hover{background:#f6faf7;border-color:#9ccdbb;box-shadow:0 10px 32px rgba(14,61,51,.08)}
.home-option>.option-icon{flex:none;width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#e6f2ea;color:#0c766a}
.home-option>.option-phone{background:#f4eddf;color:#8b6a35}.home-option>.option-health{background:#eef0fa;color:#56608a}
.home-option>span:nth-child(2){min-width:0;flex:1}.home-option strong{display:block;font-size:16px;line-height:1.32;font-weight:700}.home-option small{font-size:13px;line-height:1.4;display:block;color:#5b716a;margin-top:3px}
.home-option>svg:last-child{flex:none;color:#527b70}
.patient-home .mini-link{display:inline-flex;align-items:center;gap:7px;font-size:14px}
.home-peace{display:flex;gap:13px;align-items:flex-start;margin-top:27px;border-top:1px solid #dfe8e2;padding:21px 8px 7px;color:#3d5c53}
.home-peace-icon{color:#136f61}.home-peace strong{font-size:15px;color:#1d5046}.home-peace p{font-size:14px;line-height:1.55;margin:4px 0}
.care-hub-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.care-hub-option{display:flex;text-align:left;align-items:center;gap:18px;padding:24px;background:#fff;border:1px solid #d9e7de;border-radius:23px;min-height:145px;color:var(--heading)}
.care-hub-icon{width:69px;height:69px;flex:none;display:grid;place-items:center;border-radius:18px;background:#e9f6ed;color:#126b62}
.care-hub-phone{background:#f7f0e5;color:#906d35}.care-hub-option>span:nth-child(2){min-width:0;flex:1}
.care-hub-option strong{display:block;font-size:20px;line-height:1.25}.care-hub-option small{display:block;color:var(--muted);font-size:15px;line-height:1.5;margin-top:8px}
.care-hub-note{background:#f1f7f3;border:1px solid #dce9e1;padding:26px;border-radius:22px;margin-top:25px}.care-hub-note h2{margin:0 0 8px;font-size:21px}.care-hub-note p{font-size:16px;line-height:1.55;color:var(--muted)}
.health-info-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:20px}.health-info-pending{margin-top:18px}
/* Patient portal header and navigation are deliberately distinct from the staff workspace. */
@media(max-width:760px){
 .topbar{height:79px;gap:8px}
 .topbar-loc{min-width:0}
 .topbar-text{display:none}
 .topbar-brand{display:inline-flex}
 .top-actions{gap:9px}
 .topbar .avatar-action{width:39px;height:39px;min-width:39px;min-height:39px}
 .header-care-cta{min-height:44px;padding:9px 14px;font-size:14px}
 .main{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
 .bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr));padding:7px 5px calc(10px + env(safe-area-inset-bottom))}
 .bottom-nav:has([data-view="admin"]){grid-template-columns:repeat(4,minmax(0,1fr))}
 .bottom-nav button{font-size:11px;line-height:1.25;font-weight:650;min-height:60px;gap:5px;padding:6px 2px;white-space:normal}
 .bottom-nav button svg{width:23px;height:23px}
 .bottom-nav button.active{background:#e8f4ed}
 .bottom-nav button span{max-width:62px;line-height:1.25}
 .home-greeting{margin-bottom:18px}
 .home-greeting h1{font-size:31px}
 .home-greeting>p:last-child{font-size:16px}
 .home-care-focus{padding:25px 22px 25px;min-height:0;grid-template-columns:minmax(0,1fr) 58px;gap:5px;border-radius:20px}
 .home-care-focus .eyebrow{font-size:11px;letter-spacing:.09em}
 .home-care-focus h2{font-size:30px;line-height:1.13;margin:10px 0}
 .home-care-focus p{font-size:15.5px;line-height:1.5;margin-bottom:18px}
 .focus-emblem{align-self:start;width:68px;height:68px;border-radius:20px;transform:rotate(-5deg);margin-left:-8px}
 .focus-emblem img{width:53px;height:53px;transform:rotate(5deg)}
 .patient-home .section-head{margin:23px 0 12px}
 .patient-home .section-head h2{font-size:27px}
 .home-next-card{gap:12px;padding:14px;border-radius:16px}
 .next-step-icon{width:45px;height:45px;min-width:45px;border-radius:12px}
 .next-step-copy strong{font-size:15px}
 .next-step-copy p{font-size:13.5px;line-height:1.4}
 .next-step-button{min-width:42px;height:42px;width:42px}
 .home-option-grid{grid-template-columns:1fr;gap:10px}
 .home-option{padding:14px 15px;min-height:80px;gap:13px}
 .home-option strong{font-size:16px}
 .home-option small{font-size:13px}
 .home-peace{margin-top:22px}
 .care-hub-options{grid-template-columns:1fr}
 .care-hub-option{min-height:117px;padding:18px 16px;gap:12px}
 .care-hub-icon{width:55px;height:55px;border-radius:15px}
 .care-hub-option strong{font-size:18px}
 .care-hub-option small{font-size:14px;margin-top:5px}
 .care-hub-note{padding:19px}
}
@media(max-width:370px){
 .topbar-brand{gap:4px;font-size:12.5px}
 .topbar-brand img{width:36px;height:36px}
 .topbar-brand strong{display:none}
 .header-care-cta{gap:4px;padding:8px 10px;font-size:13px}
 .header-care-cta svg{width:14px}
 .topbar .avatar-action{width:34px;height:34px;min-width:34px;min-height:34px}
 .top-actions{gap:5px}
 .home-care-focus{grid-template-columns:minmax(0,1fr) 44px;padding:22px 17px}
 .focus-emblem{width:51px;height:51px;border-radius:14px}
 .focus-emblem img{width:43px;height:43px}
 .home-care-focus h2{font-size:26px}
 .bottom-nav button{font-size:10.5px;min-height:61px}
}
@media(prefers-reduced-motion:reduce){.focus-emblem{transform:none}.focus-emblem img{transform:none}}
/* Narrow-screen refinement after inspecting the actual 390px capture. */
@media(max-width:760px){
 .home-care-focus{display:block;padding:21px 22px 22px}
 .home-care-focus h2{font-size:28px;max-width:325px;line-height:1.12;margin:7px 0 9px}
 .home-care-focus p{font-size:15px;margin-bottom:15px;max-width:340px}
 .home-care-focus .focus-emblem{display:none}
 .home-care-focus .focus-action{min-height:46px}
 .home-greeting{margin-bottom:14px}
 .patient-home .section-head{margin:19px 0 10px}
 .home-next-card{padding:12px 14px}
 .home-next-card .next-step-icon{width:42px;height:42px;min-width:42px}
 .bottom-nav button{font-size:12px}
}
@media(max-width:370px){.home-care-focus h2{font-size:26px}.bottom-nav button{font-size:11px}}

/* Layout-system refinement: consistent grouping instead of unanchored headings.
   Keep DOM reading order: Next steps precedes Care options at all sizes. */
.home-content-grid{display:grid;grid-template-columns:minmax(290px,.93fr) minmax(0,1.7fr);gap:22px;align-items:start;margin-top:27px}
.home-content-grid>section{min-width:0;background:#fff;border:1px solid #dde9e5;border-radius:22px;padding:21px 21px 22px;box-shadow:0 7px 28px rgba(16,65,58,.035)}
.patient-home .home-content-grid .section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 16px}
.patient-home .home-content-grid .section-head h2{font-size:clamp(23px,2.1vw,28px);line-height:1.2;margin:0}
.home-content-grid .home-next-card{background:#f4f9f7;border-color:#e4eee9;box-shadow:none;align-items:flex-start;padding:16px 13px;gap:10px}
.home-content-grid .next-step-icon{width:44px;height:44px;min-width:44px}
.home-content-grid .next-step-button{width:42px;height:42px;min-width:42px}
.home-content-grid .next-step-copy strong{font-size:16px}
.home-content-grid .next-step-copy p{font-size:14px;line-height:1.55}
.home-content-grid .home-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.home-content-grid .home-option{background:#f8fbfa;min-height:99px;box-shadow:none;padding:15px 12px;gap:11px}
.home-content-grid .home-option:nth-child(3){grid-column:1/-1}
.home-content-grid .home-option strong{font-size:15px}
.home-content-grid .home-option small{font-size:13px}
@media(max-width:1100px){
 .home-content-grid{grid-template-columns:1fr;gap:0;margin-top:0}
 .home-content-grid>section{background:none;border:0;border-radius:0;box-shadow:none;padding:0}
 .patient-home .home-content-grid .section-head{margin:24px 0 12px}
 .home-content-grid .home-next-card{background:#fff;border:1px solid #dce9e2;box-shadow:0 5px 25px rgba(14,61,51,.035);padding:16px}
 .home-content-grid .home-option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .home-content-grid .home-option:nth-child(3){grid-column:auto}
 .home-content-grid .home-option{background:#fff}
}
@media(max-width:760px){
 .patient-home .home-content-grid .section-head{margin:19px 0 10px}
 .patient-home .home-content-grid .section-head h2{font-size:26px}
 .home-content-grid .home-option-grid{grid-template-columns:1fr}
 .home-content-grid .home-next-card{align-items:center;padding:14px}
 .home-content-grid .home-option{min-height:78px;padding:13px 15px}
 .home-content-grid .next-step-copy strong{font-size:16px}
 .home-content-grid .next-step-copy p{font-size:14px}
}