/**
 * Android TV / lean-back browser compatibility for ZepMed panels.
 */
html.zepmed-tv-mode {
    font-size: 18px;
}

html.zepmed-tv-mode body.zepmed-app {
    overflow-x: hidden;
}

html.zepmed-tv-mode .menu-btn,
html.zepmed-tv-mode .btn,
html.zepmed-tv-mode .filter-pill,
html.zepmed-tv-mode .settings-row input[type="checkbox"],
html.zepmed-tv-mode .form-check-input {
    min-height: 44px;
}

html.zepmed-tv-mode .menu-btn {
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
    font-size: 1rem;
}

html.zepmed-tv-mode .menu-btn:focus-visible,
html.zepmed-tv-mode .btn:focus-visible,
html.zepmed-tv-mode .filter-pill:focus-visible,
html.zepmed-tv-mode a:focus-visible,
html.zepmed-tv-mode input:focus-visible,
html.zepmed-tv-mode select:focus-visible,
html.zepmed-tv-mode textarea:focus-visible {
    outline: 3px solid #38bdf8;
    outline-offset: 2px;
    box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.35);
}

html.zepmed-tv-mode .menu-btn.zm-tv-focus,
html.zepmed-tv-mode .btn.zm-tv-focus,
html.zepmed-tv-mode .filter-pill.zm-tv-focus {
    outline: 3px solid #38bdf8;
    outline-offset: 2px;
    background: rgba(56, 189, 248, 0.12);
}

html.zepmed-tv-mode .sidebar {
    min-width: 280px;
}

html.zepmed-tv-mode .stat-value,
html.zepmed-tv-mode .kpi-value {
    font-size: 1.75rem;
}

#zmTvBootBanner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    background: #7f1d1d;
    color: #fff;
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
    display: none;
}

#zmTvBootBanner.visible {
    display: block;
}