/* ============================================================
   HUF — Componente: StatusWidget (.hd-status-widget) — HVL §7.2 zona D
   ------------------------------------------------------------
   Vehículo: <hd-status-widget> (AdminPortal/TagHelpers/
   HdStatusWidgetTagHelper.cs). Una de las 3 composiciones del rail del
   Workspace (patrón v1, congelado 2026-08-07 — HVL §11.1 #24).
   Deliberadamente SIN cifra grande: si el dato merece una, es un
   MetricCard (metric-card.css), no esto.
   ============================================================ */

.hd-status-widget {
    padding: var(--hd-space-4);
    border-radius: var(--hd-radius-md);
    background: var(--hd-theme-surface);
    border: 1px solid var(--hd-color-border);
    display: flex;
    flex-direction: column;
    gap: var(--hd-space-1);
}

.hd-status-widget__row {
    display: flex;
    align-items: center;
    gap: var(--hd-space-2);
}

.hd-status-widget__icon {
    display: inline-flex;
    flex-shrink: 0;
    color: var(--hd-theme-text-muted);
}

.hd-status-widget__value {
    font-size: var(--hd-text-base);
    font-weight: 600;
    color: var(--hd-theme-text);
}

.hd-status-widget__caption {
    margin: 0;
    margin-left: calc(18px + var(--hd-space-2));
    font-size: var(--hd-text-meta);
    color: var(--hd-theme-text-muted);
}

/* Enlace de acción, no botón (mismo criterio que
   .hd-metric-card__action) — usa el token de texto, no el de fondo:
   el acento sólido no siempre da suficiente contraste como texto
   pequeño (ver neo-industrial-light.css). */
.hd-status-widget__action {
    margin-left: calc(18px + var(--hd-space-2));
    align-self: flex-start;
    font-size: var(--hd-text-meta);
    font-weight: 600;
    color: var(--hd-theme-accent-text);
    text-decoration: none;
}

.hd-status-widget__action:hover {
    text-decoration: underline;
}