.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.care-app-nav {
    position: fixed;
    inset: 0 0 auto 0;
    z-index: 1100;
    min-height: 70px;
    color: #243047;
    background: rgba(255, 255, 255, 0.97);
    border-bottom: 1px solid #e7eaf0;
    box-shadow: 0 2px 10px rgba(34, 45, 72, 0.06);
    backdrop-filter: blur(14px);
}

.care-app-nav__inner {
    max-width: 1380px;
    min-height: 70px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    gap: 28px;
}

.care-app-nav__brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #172033;
    font-size: 1.15rem;
    font-weight: 760;
    letter-spacing: -0.02em;
    text-decoration: none;
    white-space: nowrap;
}

.care-app-nav__brand:hover { color: #172033; text-decoration: none; }
.care-app-nav__mark {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: #fff;
    background: #176b63;
}

.care-app-nav__menu {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.care-app-nav__links, .care-app-nav__account {
    display: flex;
    align-items: center;
    gap: 6px;
}

.care-app-nav__links a {
    padding: 9px 11px;
    border: 0;
    border-radius: 6px;
    color: #596276;
    background: transparent;
    font: inherit;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

.care-app-nav__links a:hover, .care-app-nav__links a.is-active,
.care-app-nav__signout:hover {
    color: #11645d;
    background: #edf7f5;
    text-decoration: none;
}

.care-app-nav__links .care-app-nav__admin {
    margin-left: 5px;
    color: #35516a;
    background: #eef3f6;
}

.care-app-nav__links .care-app-nav__cta {
    margin-left: 6px;
    padding-inline: 17px;
    color: #fff;
    background: #5969dc;
}

.care-app-nav__links .care-app-nav__cta:hover { color: #fff; background: #4858c9; }
.care-app-nav__account { position: relative; }
.care-app-nav__user {
    max-width: 210px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 6px 8px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #475166;
    background: transparent;
    font-size: 0.88rem;
    text-align: left;
    cursor: pointer;
}
.care-app-nav__user:hover, .care-app-nav__user[aria-expanded="true"] { border-color: #dce6e4; background: #f5f9f8; }
.care-app-nav__avatar { width:32px; height:32px; flex:0 0 32px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#176b63; font-weight:700; }
.care-app-nav__user-copy { min-width:0; display:grid; line-height:1.15; }
.care-app-nav__user-copy strong { overflow:hidden; color:#283444; font-size:.84rem; text-overflow:ellipsis; white-space:nowrap; }
.care-app-nav__user-copy small { margin-top:3px; color:#7a8493; font-size:.7rem; }
.care-app-nav__chevron { color:#8a94a2; font-size:.68rem; }
.care-app-nav__account-menu { position:absolute; top:calc(100% + 10px); right:0; width:245px; display:none; padding:7px; border:1px solid #dfe5e8; border-radius:10px; background:#fff; box-shadow:0 16px 36px rgba(25,44,58,.14); }
.care-app-nav__account-menu.is-open { display:block; }
.care-app-nav__identity { padding:10px 11px 12px; margin-bottom:5px; border-bottom:1px solid #edf0f2; }
.care-app-nav__identity small, .care-app-nav__identity strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.care-app-nav__identity small { color:#7a8493; font-size:.7rem; }
.care-app-nav__identity strong { margin-top:3px; color:#2a3443; font-size:.82rem; }
.care-app-nav__account-menu a, .care-app-nav__account-menu button { width:100%; display:flex; align-items:center; gap:10px; padding:9px 10px; border:0; border-radius:6px; color:#4e5968; background:transparent; font:inherit; font-size:.84rem; text-align:left; text-decoration:none; cursor:pointer; }
.care-app-nav__account-menu a:hover, .care-app-nav__account-menu button:hover { color:#11645d; background:#edf7f5; text-decoration:none; }
.care-app-nav__account-menu i { width:16px; color:#73808f; text-align:center; }
.care-app-nav__toggle { display: none; }
.care-impersonation-banner { position:fixed; inset:70px 0 auto; z-index:1090; min-height:44px; padding:8px 24px; display:flex; align-items:center; justify-content:center; gap:18px; color:#694d12; background:#fff7df; border-bottom:1px solid #ead69c; font-size:.84rem; }
.care-impersonation-banner button { padding:6px 10px; border:1px solid #c9a64e; border-radius:6px; color:#694d12; background:#fff; font:inherit; font-weight:650; cursor:pointer; }
.care-impersonation-banner ~ .main-content { padding-top:138px !important; }
.care-switcher { position:fixed; inset:0; z-index:1500; display:none; place-items:center; padding:20px; background:rgba(21,35,43,.55); }
.care-switcher.is-open { display:grid; }
.care-switcher__dialog { width:min(520px,100%); padding:24px; border-radius:10px; background:#fff; box-shadow:0 24px 70px rgba(12,28,38,.25); }
.care-switcher__header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.care-switcher__header h2 { margin:0 0 5px; color:#25333b; font-size:1.3rem; }
.care-switcher__header p { margin:0 0 22px; color:#6d7981; font-size:.88rem; }
.care-switcher__header button { border:0; color:#6f7a82; background:transparent; font-size:1.6rem; cursor:pointer; }
.care-switcher__field { margin-bottom:16px; }
.care-switcher__field label { display:block; margin-bottom:6px; color:#34434b; font-size:.84rem; font-weight:650; }
.care-switcher__field select, .care-switcher__field input { width:100%; padding:10px 11px; border:1px solid #d5dfe1; border-radius:6px; color:#26343d; background:#fff; font:inherit; }
.care-switcher__notice { margin:4px 0 20px; padding:11px 12px; border-left:3px solid #7eaaa5; color:#596a70; background:#f2f8f7; font-size:.8rem; line-height:1.45; }
.care-switcher__actions { display:flex; justify-content:flex-end; gap:9px; }
.care-switcher__actions button { padding:9px 14px; border:1px solid #d5dfe1; border-radius:6px; color:#4f5d65; background:#fff; font:inherit; font-weight:650; cursor:pointer; }
.care-switcher__actions button.is-primary { border-color:#176b63; color:#fff; background:#176b63; }
.care-switcher__error { min-height:18px; margin:12px 0 0; color:#a23f3f; font-size:.8rem; }

@media (max-width: 1050px) {
    .care-app-nav__inner { flex-wrap: wrap; padding: 14px 18px; }
    .care-app-nav__toggle {
        margin-left: auto;
        width: 40px;
        height: 40px;
        display: grid;
        place-items: center;
        border: 1px solid #dfe3eb;
        border-radius: 10px;
        color: #30394c;
        background: #fff;
        cursor: pointer;
    }
    .care-app-nav__menu { display: none; flex-basis: 100%; align-items: stretch; }
    .care-app-nav.is-open .care-app-nav__menu { display: flex; }
    .care-app-nav__links { flex: 1; flex-wrap: wrap; align-items: stretch; }
    .care-app-nav__account { margin-left: auto; }
}

@media (max-width: 700px) {
    .care-app-nav__menu, .care-app-nav.is-open .care-app-nav__menu { flex-direction: column; }
    .care-app-nav__links, .care-app-nav__account { width: 100%; flex-direction: column; align-items: stretch; }
    .care-app-nav__links a { width: 100%; text-align: left; }
    .care-app-nav__user { max-width: none; }
    .care-app-nav__account-menu { position:static; width:100%; margin-top:4px; box-shadow:none; }
    .care-app-nav__links .care-app-nav__admin, .care-app-nav__links .care-app-nav__cta { margin-left: 0; }
    .care-impersonation-banner { inset:70px 0 auto; padding:8px 12px; align-items:flex-start; flex-direction:column; gap:6px; }
}
