/* ==========================================================
   Echo Leads Admin - site-wide overrides on top of Tabler
   ========================================================== */

/* ---------------------------------------------------------
   FONT SIZE CONTROL
   Change the value below to make text bigger/smaller across
   the entire app - everything else (nav links, labels, table
   text, badges) is set in rem units in Tabler's CSS, so it all
   scales proportionally with this one number.
   18px = current (bumped up again per feedback it was still small)
   16px = previous size
   14px = Tabler's original default
   --------------------------------------------------------- */
html {
    font-size: 18px; /* <-- CHANGE THIS LINE TO ADJUST APP-WIDE FONT SIZE */
}

/* ---------------------------------------------------------
   FONT FAMILY
   Note: this can't be a byte-identical copy of any other
   product's proprietary font (those aren't public/bundleable),
   but this stack targets the same goal - clean, modern,
   comfortable system typography with generous spacing.
   Pick one of the presets below by uncommenting it (remove
   the /* and */ around the line you want, and comment out
   the others), or paste your own font stack.
   --------------------------------------------------------- */
:root {
    /* Default - clean system font, generous letter/line spacing for easy reading */
    --app-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;

    /* Rounded/friendly - uncomment to use instead:
    --app-font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    */

    /* Classic serif - uncomment to use instead:
    --app-font-family: Georgia, "Times New Roman", serif;
    */

    /* Larger, extra-readable sans - uncomment to use instead:
    --app-font-family: Verdana, Tahoma, "Segoe UI", sans-serif;
    */
}
body {
    font-family: var(--app-font-family);
    line-height: 1.6;
    letter-spacing: 0.01em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6, .card-title, .page-title {
    letter-spacing: -0.01em;
}
p, li, td, th, label, .form-label {
    line-height: 1.6;
}
input, textarea, select, .form-control, .form-select {
    font-family: var(--app-font-family);
}

/* Explicit bumps for nav/panel text and form labels, since "still too
   small" feedback suggests the rem-scaling alone wasn't enough */
.navbar-nav .nav-link, .nav-link-title {
    font-size: 1rem !important;
}
.form-label {
    font-size: 1rem !important;
}
.card-title {
    font-size: 1.15rem !important;
}

/* ---------------------------------------------------------
   LIGHT MODE CONTRAST FIX
   Tabler's default light-mode "muted"/secondary text (table
   column headers, timestamps, helper text) is a fairly pale
   gray by default. Darkened here for easier reading. Only
   applies in light mode - dark mode already uses a lighter,
   higher-contrast gray by default.
   --------------------------------------------------------- */
html:not([data-bs-theme="dark"]) {
    --tblr-secondary-color: #495057;
}
html:not([data-bs-theme="dark"]) .text-secondary,
html:not([data-bs-theme="dark"]) .leads-table th,
html:not([data-bs-theme="dark"]) .muted {
    color: #495057 !important;
}
body.login-page {
    background: linear-gradient(135deg, #182433 0%, #0b1727 100%);
}

/* Slightly roomier table rows for readability on top of the larger font */
.table-vcenter > :not(caption) > * > * {
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
}

/* Transcript box */
.transcript-box {
    white-space: pre-wrap;
    word-break: break-word;
    max-height: 480px;
    overflow-y: auto;
    background: var(--tblr-bg-surface-secondary, #f4f6fa);
    border-radius: 6px;
    padding: 14px;
    font-size: 0.95rem;
}

/* ---------------------------------------------------------
   LOGO: light/dark variants
   Only one of these should be visible at a time, based on
   the active theme. If only one variant was uploaded, it
   just stays visible in both themes (better than nothing).
   --------------------------------------------------------- */
.navbar-brand img { max-height: 32px; width: auto; }
.logo-dark { display: none; }
html[data-bs-theme="dark"] .logo-light { display: none; }
html[data-bs-theme="dark"] .logo-dark { display: inline-block; }

#theme-toggle .ti { font-size: 1.1rem; }

/* ---------------------------------------------------------
   PRINT / PDF (used by the "Download / Print PDF" button on
   Reports - browsers can "Save as PDF" from the print dialog,
   so no server-side PDF library or external service is needed)
   --------------------------------------------------------- */
@media print {
    .navbar, .page-header, .footer, .d-print-none {
        display: none !important;
    }
    html, body {
        background: #fff !important;
        color: #000 !important;
        font-size: 12pt;
    }
    .print-report {
        font-family: Georgia, "Times New Roman", serif;
    }
    .print-report h3 {
        font-size: 14pt;
        margin-top: 24px;
        margin-bottom: 8px;
        border-bottom: 2px solid #000;
        padding-bottom: 4px;
    }
    .print-summary-table, .print-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 16px;
    }
    .print-summary-table th, .print-summary-table td,
    .print-table th, .print-table td {
        border: 1px solid #999;
        padding: 6px 10px;
        text-align: left;
        font-size: 11pt;
    }
    .print-summary-table th {
        width: 40%;
        background: #f0f0f0;
        font-weight: bold;
    }
    .print-table thead {
        display: table-header-group; /* repeat header on every printed page */
    }
    .print-table thead th {
        background: #e5e5e5;
        font-weight: bold;
    }
    .print-table tr {
        page-break-inside: avoid;
    }
    .report-print-header h2 {
        font-family: Georgia, "Times New Roman", serif;
    }
}