/* TV / 10-foot mode: larger type, bigger targets and a strong focus ring for D-pad navigation. */
.tv-mode { font-size: 20px; --tap: 56px; --focus-ring: 0 0 0 4px var(--c-focus), 0 0 0 8px rgba(255, 191, 31, .35); }
.tv-mode .nav-link { min-height: 70px; font-size: 1.15rem; }
.tv-mode .nav-tile { width: 54px; height: 54px; }
.tv-mode .btn { min-height: 56px; padding-left: 24px; padding-right: 24px; }
.tv-mode input, .tv-mode select, .tv-mode textarea { min-height: 56px; font-size: 1.05rem; }
.tv-mode .data-table td, .tv-mode .data-table th { padding: 14px 16px; }
.tv-mode :focus-visible, .kbd-nav :focus { box-shadow: var(--focus-ring); }
.tv-mode .data-table tr:focus-within { outline: 3px solid var(--c-focus); outline-offset: -3px; }
.kbd-nav .nav-link:focus { background: rgba(255, 255, 255, .12); }
@media (min-width: 1600px) { .tv-mode { --sidebar-w: 340px; } }