/* ==========================================================================
   ESTILOS ESPECÍFICOS: CALCULADORA FIRE
   (Los estilos compartidos vienen de tools.css)
   ========================================================================== */

.result-tile.tile-fire {
    border-left-color: #f59e0b;
}

.result-tile.tile-years {
    border-left-color: var(--primary);
}

.result-tile .value-highlight {
    color: #f59e0b;
    font-size: 2rem;
    font-weight: 800;
}

[data-theme="dark"] .result-tile .value-highlight {
    color: #fbbf24;
}

.fire-badge {
    display: inline-block;
    padding: 0.5rem 1.25rem;
    border-radius: 9999px;
    font-weight: 700;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.fire-badge-lejos    { background-color: #ffe4e6; color: #b91c1c; }
.fire-badge-camino   { background-color: #fef3c7; color: #b45309; }
.fire-badge-cerca    { background-color: #dbeafe; color: #1d4ed8; }
.fire-badge-logrado  { background-color: #dcfce7; color: #15803d; }

[data-theme="dark"] .fire-badge-lejos    { background-color: #4c0519; color: #fca5a5; }
[data-theme="dark"] .fire-badge-camino   { background-color: #451a03; color: #fde68a; }
[data-theme="dark"] .fire-badge-cerca    { background-color: #1e3a5f; color: #93c5fd; }
[data-theme="dark"] .fire-badge-logrado  { background-color: #14532d; color: #86efac; }

.form-help {
    display: block;
    font-size: 0.78rem;
    color: var(--text-muted);
    margin-top: 0.35rem;
}