/* Family Portal v1.0.19 — English / தமிழ் switch */
.lang-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line,#efd5e2);border-radius:999px;background:#fff;box-shadow:0 4px 12px rgba(87,16,47,.06);flex-shrink:0}
.lang-switch button{display:inline-flex!important;align-items:center;border:0;background:transparent;color:var(--plum,#57102f);font:800 .8rem/1 inherit;padding:7px 12px;border-radius:999px;cursor:pointer;white-space:nowrap}
.lang-switch button[lang="ta"]{font-family:"Noto Sans Tamil","Nirmala UI","Latha",sans-serif;font-weight:700}
.lang-switch button.active{background:var(--magenta,#b01264);color:#fff}
.lang-switch button:focus-visible{outline:2px solid var(--magenta,#b01264);outline-offset:2px}
.lang-switch-login{margin:0 0 16px auto;display:flex;width:max-content}
/* Tamil text */
html.lang-ta body,html.lang-ta button,html.lang-ta input,html.lang-ta select,html.lang-ta textarea{font-family:"Noto Sans Tamil","Nirmala UI","Latha",Inter,system-ui,sans-serif}
html.lang-ta .eyebrow{letter-spacing:.04em;text-transform:none}
html.lang-ta h1,html.lang-ta h2,html.lang-ta h3{letter-spacing:0;line-height:1.35}
html.lang-ta .portal-header h1{font-size:clamp(1.25rem,2.4vw,1.7rem)}
html.lang-ta .side-nav button{font-size:.92rem;line-height:1.3}
html.lang-ta .about-lead,html.lang-ta .about-close p,html.lang-ta .about-note p{font-style:normal}
html.lang-ta .about-body h3{font-size:clamp(1.2rem,2vw,1.5rem)}
@media(max-width:850px){.lang-switch button{padding:6px 10px;font-size:.76rem}}
html.lang-ta .login-brand h1{font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.35}
html.lang-ta .login-card h2{font-size:clamp(1.4rem,2.4vw,1.8rem)}
html.lang-ta h1,html.lang-ta h2,html.lang-ta h3,html.lang-ta p{overflow-wrap:break-word}
/* Let the Care Timeline category row scroll inside its card instead of widening the page (both languages) */
.content .panel,.content .panel-head,.content .panel-head>*,.content .view>*{min-width:0}
.overview-activity-filters{max-width:100%}
.lang-switch-top{display:none!important}
@media(max-width:850px){
  .lang-switch-top{display:flex!important;width:max-content;margin:0 0 12px auto;align-self:flex-end;justify-self:end;grid-column:1/-1}
  .lang-switch-login{display:none!important}
}