/* Readable supporting text, especially on handheld screens. */
.table-scroll{position:relative;max-width:100%;overscroll-behavior-x:contain}
.chart-point{pointer-events:bounding-box}
.page-heading p,.login-description{color:#6a7b61}
.stat-label,.section-head p,.mix-row>span:first-child,.activity-row small,.feedback-by small{color:#718268}
.stat-card>small,.chart-tooltip,.content-footer,.preview-help,.field-help,.login-footer{color:#78896d}
.detail-list dt,.settings-list small,.note-strip,.soft-note{color:#718365}
.reward-card p{color:#6d8158}
@media(max-width:760px){
 .preview-banner{font-size:9px}.preview-banner>span>span{font-size:9px}.preview-banner button{font-size:9px}
 .preview-banner>span{gap:4px}.preview-banner>span>span{display:none}
 .hero-top{font-size:9px;letter-spacing:.8px}.hero-badge{font-size:9px}.hero-target{font-size:11px}
 .hero-bottom{font-size:10px}.reward-card>.eyebrow{font-size:9px}.reward-card>p{font-size:11px}.reward-card>.text-button{font-size:11px}
 .stat-label{font-size:11px}.stat-card>small{font-size:10px;min-height:33px}.stat-card>strong small{font-size:12px}
 .section-head p{font-size:11px}.section-head .text-button,.chart-caption,.chart-caption>.text-button{font-size:10px}
 .chart-tooltip{font-size:9px;height:29px}.subtle-tag{font-size:9px}.mix-row>span:first-child,.mix-row b{font-size:12px}
 .activity-row strong{font-size:11px}.activity-row small,.feedback-by small{font-size:10px}.activity-value b{font-size:12px}
 .feedback-by b{font-size:11px}.bottom-nav>button{font-size:10px}.content-footer{font-size:9px}
 .report-summary>div>span{font-size:11px}.report-summary small{font-size:10px}.table-name{font-size:12px}
 table{font-size:11px}th{font-size:9px}.calendar-week{font-size:9px}.calendar-day>span{font-size:8px}
 .calendar-day{aspect-ratio:.68}.calendar-legend{font-size:9px;gap:12px}.attendance-stat>span:nth-child(2){font-size:12px}
 .attendance-stat small{font-size:10px}.attendance-side>p,.soft-note,.note-strip{font-size:11px}
 .incentive-status,.incentive-estimate>span{font-size:11px}.incentive-estimate small,.milestone p,.paid-tag,.last-payout>p{font-size:10px}
 .profile-hero p,.profile-id{font-size:11px}.settings-list small,.skill-tags>span{font-size:10px}
 .secure-note,.field-help,.preview-help,.login-footer{font-size:11px}.secure-note{line-height:1.7;align-items:flex-start}
 .secure-note .icon{margin-top:2px}.login-divider span{font-size:11px}.input-wrap input,.input-wrap .country-code{font-size:15px}
}
@media(max-width:380px){.hero-top{font-size:8px}.calendar-day>span{font-size:7px}.calendar-legend{font-size:8px}.stat-label{font-size:10px}}
.language-bar{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:8px 20px;background:#f6f7f2;border-bottom:1px solid #dce3da;color:#254b40;font:500 14px/1.5 system-ui,sans-serif;position:relative;z-index:2}
.language-bar select{font:inherit;min-height:36px;max-width:170px;padding:5px 28px 5px 12px;border:1px solid #b9cbbf;border-radius:9px;background:#fff;color:#173f35}
html:lang(ta) body,html:lang(hi) body{font-family:system-ui,'Nirmala UI','Latha','Mangal',sans-serif;line-height:1.65}
html:lang(ta) .eyebrow,html:lang(hi) .eyebrow,html:lang(ta) .nav-label,html:lang(hi) .nav-label{letter-spacing:0;line-height:1.7}
html:lang(ta) .bottom-nav span,html:lang(hi) .bottom-nav span{font-size:10px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
html:lang(ta) .calendar-day span,html:lang(hi) .calendar-day span{font-size:10px;white-space:normal;overflow-wrap:anywhere}
html:lang(ta) .calendar-day,html:lang(hi) .calendar-day{min-height:82px}
html:lang(ta) .hero-target,html:lang(hi) .hero-target{line-height:1.7}
html:lang(ta) .stat-card,html:lang(hi) .stat-card{height:auto;min-height:156px}
html:lang(ta) .button,html:lang(hi) .button{white-space:normal;height:auto;min-height:44px;line-height:1.5}
html:lang(ta) .section-head,html:lang(hi) .section-head{flex-wrap:wrap;gap:12px}
html:lang(ta) .brand-word,html:lang(hi) .brand-word{font-family:system-ui,sans-serif}
@media(max-width:600px){.language-bar{padding:6px 16px}.language-bar select{min-height:36px}.login-main{min-width:0}html:lang(ta) .login-main h2,html:lang(hi) .login-main h2{font-size:clamp(24px,7vw,34px);line-height:1.5}html:lang(ta) .page-heading h1,html:lang(hi) .page-heading h1{font-size:25px;line-height:1.5}html:lang(ta) .content,html:lang(hi) .content{padding-bottom:110px}}
@media print{.language-bar{display:none}}