/**
 * Base CSS - Extracted from base.html inline styles
 * Phase 1 UI Revamp - 2025-11-02
 *
 * These styles were previously inline in base.html <style> tags
 * and have been externalized for better maintainability.
 */

/* === TABLE FORMATTING === */
table {
    border-collapse: collapse;
}

table td,
table th {
    border: 1px solid #e5e7eb;
}

/* === LAYOUT: Fixed Header Spacing === */
body.has-fixed-header {
    padding-top: 60px;
}

/* ============================================================================
   TYPOGRAPHY: Force Fixed Font Sizes
   Prevents Tailwind CDN from dynamically overriding theme font sizes
   ============================================================================ */

/* Table font sizes */
.theme-table th,
.theme-table th *,
.theme-table td,
.theme-table td *,
.theme-table tbody tr td,
.theme-table thead tr th {
    font-size: 14px;
    font-size: 0.875rem;
}

/* Heading sizes (Mobile) */
.theme-page-container-responsive h1,
.theme-page-container-responsive .theme-heading-1-responsive,
h1.theme-heading-1-responsive {
    font-size: 24px;
    font-size: 1.5rem;
}

.theme-page-container-responsive h2,
.theme-page-container-responsive .theme-heading-2-responsive,
h2.theme-heading-2-responsive {
    font-size: 18px;
    font-size: 1.125rem;
}

.theme-page-container-responsive h3,
.theme-page-container-responsive .theme-heading-3-responsive,
h3.theme-heading-3-responsive {
    font-size: 16px;
    font-size: 1rem;
}

/* Desktop/tablet sizes (≥768px) */
@media (min-width: 768px) {
    .theme-page-container-responsive h1,
    .theme-page-container-responsive .theme-heading-1-responsive,
    h1.theme-heading-1-responsive {
        font-size: 28px;
        font-size: 1.75rem;
    }

    .theme-page-container-responsive h2,
    .theme-page-container-responsive .theme-heading-2-responsive,
    h2.theme-heading-2-responsive {
        font-size: 20px;
        font-size: 1.25rem;
    }

    .theme-page-container-responsive h3,
    .theme-page-container-responsive .theme-heading-3-responsive,
    h3.theme-heading-3-responsive {
        font-size: 18px;
        font-size: 1.125rem;
    }
}

/* Text size utilities within responsive container */
.theme-page-container-responsive .text-2xl {
    font-size: 20px;
    font-size: 1.25rem;
}

.theme-page-container-responsive .text-xl {
    font-size: 18px;
    font-size: 1.125rem;
}

.theme-page-container-responsive .text-lg {
    font-size: 16px;
    font-size: 1rem;
}

.theme-page-container-responsive .text-base {
    font-size: 14px;
    font-size: 0.875rem;
}

.theme-page-container-responsive .text-sm {
    font-size: 13px;
    font-size: 0.8125rem;
}

/* Stat card numbers */
.theme-stat-card-responsive .theme-heading-2-responsive {
    font-size: 24px;
    font-size: 1.5rem;
}