/* =====================================================================
   Large display / 50" TV presentation (1920px+ and 4K)
   Wider content, larger type, readable from viewing distance.
   ===================================================================== */

@media (min-width: 1600px) {
    :root {
        --sidebar-width: 300px;
        --sidebar-offset: 300px;
        --tv-ui-scale: 1.08;
    }

    html {
        font-size: 17px;
    }
}

@media (min-width: 1920px) {
    :root {
        --sidebar-width: 320px;
        --sidebar-offset: 320px;
        --tv-ui-scale: 1.15;
    }

    html {
        font-size: 18px;
    }

    /* Use full TV width — drop narrow caps */
    .admin-page,
    .crm-page,
    .ticket-page,
    .admin-page-header,
    .content-area > .admin-page {
        max-width: min(94vw, 2100px) !important;
        width: 100%;
    }

    .admin-ui .admin-page,
    .admin-page.crm-page {
        max-width: min(94vw, 2100px) !important;
    }

    .main-content .content-area {
        padding: 1.75rem 2.5rem 2.5rem;
    }

    /* Sidebar — larger touch targets & labels */
    .sidebar-user {
        font-size: 1rem;
        padding: 1.1rem 1.35rem;
    }

    .nav-item {
        font-size: 1.05rem;
        padding: 0.95rem 1.15rem;
        gap: 0.9rem;
    }

    .nav-item i {
        font-size: 1.35rem;
    }

    .top-bar {
        padding: 1rem 2rem;
        font-size: 1.05rem;
    }

    .page-title,
    .app-shell .page-title,
    .admin-page-header h1 {
        font-size: 1.85rem !important;
    }

    .admin-page-header p {
        font-size: 1.1rem;
    }

    .admin-page-header .header-icon {
        width: 3.5rem;
        height: 3.5rem;
        font-size: 1.65rem;
    }

    /* Tables */
    .table th,
    .table td,
    .admin-table th,
    .admin-table td,
    .table-modern th,
    .table-modern td,
    .app-shell .admin-table th,
    .app-shell .admin-table td {
        font-size: 1rem;
        padding: 0.75rem 1rem;
    }

    .sales-report-table th,
    .sales-report-table td,
    .table-compact th,
    .table-compact td {
        font-size: 0.95rem;
        padding: 0.65rem 0.85rem;
    }

    /* Forms & buttons */
    .form-control,
    .app-shell .form-control {
        font-size: 1.05rem;
        padding: 0.85rem 1.1rem;
    }

    .btn,
    .app-shell .btn {
        font-size: 1.05rem;
        padding: 0.75rem 1.35rem;
    }

    .settings-tab,
    .app-shell .settings-tab {
        font-size: 1rem;
        padding: 0.85rem 1.2rem;
    }

    .card-header {
        font-size: 1.1rem;
        padding: 1rem 1.35rem;
    }

    .card-body {
        padding: 1.5rem 1.75rem;
    }

    /* CRM / KPI blocks */
    .crm-stat-value {
        font-size: 1.65rem;
    }

    .crm-stat-label {
        font-size: 0.95rem;
    }

    .crm-360-kpi strong,
    .crm-exec-kpi-value {
        font-size: 1.5rem;
    }

    .crm-360-hero h3 {
        font-size: 1.65rem;
    }

    .crm-stats {
        gap: 1.25rem;
    }

    .crm-stat {
        padding: 1.25rem 1.35rem;
    }

    .filter-toolbar,
    .filter-card .card-body {
        padding: 1.25rem 1.5rem;
    }

    .export-format-box {
        min-width: 400px;
    }

    /* Report detail blocks */
    .report-summary {
        font-size: 1.05rem;
        padding: 1rem 1.25rem;
    }

    .detail-section-title {
        font-size: 1.15rem;
    }

    .grid-3.report-meta-grid {
        font-size: 1.05rem;
        gap: 1.25rem;
    }

    /* Help page */
    .help2-hero h1 {
        font-size: 2.25rem;
    }

    .help2-hero p {
        font-size: 1.15rem;
        max-width: 720px;
    }
}

@media (min-width: 2560px) {
    :root {
        --sidebar-width: 340px;
        --sidebar-offset: 340px;
    }

    html {
        font-size: 20px;
    }

    .admin-page,
    .crm-page,
    .ticket-page {
        max-width: min(92vw, 2400px) !important;
    }

    .page-title,
    .app-shell .page-title,
    .admin-page-header h1 {
        font-size: 2rem !important;
    }
}

/* Auth & welcome — readable on TV from distance */
@media (min-width: 1920px) {
    .auth-split .auth-form-panel {
        padding: 2.5rem 3rem;
    }

    .auth-form-panel h1,
    .auth-form-panel h2 {
        font-size: 2rem;
    }

    .auth-form-panel .form-control {
        font-size: 1.1rem;
        padding: 0.9rem 1.15rem;
    }

    .auth-form-panel .btn {
        font-size: 1.1rem;
        padding: 0.85rem 1.5rem;
    }

    .logo-auth-large {
        max-width: 620px !important;
    }

    .welcome-big-text {
        font-size: clamp(4rem, 8vw, 8rem) !important;
    }

    .welcome-content h1 {
        font-size: clamp(2.5rem, 4vw, 4rem) !important;
    }

    .welcome-tagline {
        font-size: 1.35rem !important;
    }

    .home-logo .logo-home {
        max-width: 560px;
    }
}