/**
 * TLB Theme — Sober, technical, data-focused
 *
 * Overrides CdS Diário CSS variables (--diario-*) with TLB visual identity.
 * CdS = green/warm (aquarismo). TLB = blue/technical (data-driven).
 *
 * Version: 1.0.0
 * Date: 2026-03-04
 */

/* ============================================================================
   DIÁRIO VARIABLE OVERRIDES (for shared CdS views loaded in TLB context)
   ============================================================================ */
:root {
    --diario-primary: #1565c0;
    --diario-primary-light: #1e88e5;
    --diario-secondary: #546e7a;
    --diario-bg: #fafafa;
    --diario-card-bg: #ffffff;
    --diario-text: #212121;
    --diario-text-muted: #616161;
    --diario-border: #e0e0e0;
    --diario-danger: #d32f2f;
    --diario-warning: #f57c00;
    --diario-success: #388e3c;
    --diario-info: #1976d2;
    --diario-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --diario-font-data: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
    --diario-radius: 6px;
    --diario-shadow: 0 1px 3px rgba(0,0,0,0.12);
}

/* ============================================================================
   TLB BODY & TYPOGRAPHY
   ============================================================================ */
body {
    font-family: var(--diario-font-body);
}

/* Measurement values — monospace for data clarity */
.measurement-value,
.param-value,
.stat-value,
.tank-stat-value,
[data-measurement] {
    font-family: var(--diario-font-data);
    font-weight: 600;
    letter-spacing: -0.02em;
}

/* Parameter labels — technical uppercase style */
.parameter-label,
.param-label,
.stat-label {
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    color: var(--diario-text-muted);
    font-weight: 500;
}

/* ============================================================================
   TLB CARD ACCENTS
   ============================================================================ */

/* Tank health indicator — left border accent */
.tank-health-card,
.card[data-health] {
    border-left: 3px solid var(--diario-primary);
}

.tank-health-card.health-good,
.card[data-health="good"] {
    border-left-color: var(--diario-success);
}

.tank-health-card.health-warning,
.card[data-health="warning"] {
    border-left-color: var(--diario-warning);
}

.tank-health-card.health-danger,
.card[data-health="danger"] {
    border-left-color: var(--diario-danger);
}

/* ============================================================================
   TLB SUBTLE REFINEMENTS
   ============================================================================ */

/* Tighter border-radius for technical feel */
.card {
    border-radius: var(--diario-radius);
}

/* Data tables — monospace numbers */
.table td.data-cell,
.table .measurement-cell {
    font-family: var(--diario-font-data);
    font-size: 0.9rem;
}

/* Chart containers — clean border */
.chart-container {
    border: 1px solid var(--diario-border);
    border-radius: var(--diario-radius);
    padding: 1rem;
    background: var(--diario-card-bg);
}

/* Status badges — technical style */
.badge-status {
    font-family: var(--diario-font-data);
    font-size: 0.7rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 0.25em 0.6em;
    border-radius: 3px;
}