/*
 * WISPA · panel de almacén (celular). Sus colores van como variables; el ingreso usa ingreso.css.
 * Repite la estructura de technician.css: ver docs/CSS_AUDITORIA_2026-10-25.md, punto 5.
 */
:root {
    --warehouse-ink: #17372d;
    --warehouse-brand: #198754;
    --warehouse-bg: #f1f5f3;
    --warehouse-nav-height: 70px;
    --warehouse-muted: #687b72;
    --warehouse-line: #dce7e1;        /* borde de tarjeta y de la botonera */
    --warehouse-line-hover: #9fc8b2;
    --warehouse-line-nav: #d6e1db;    /* borde de la barra inferior */
    --warehouse-shadow: 23 55 45;     /* RGB de las sombras */
    --warehouse-tab: #5e7369;         /* botonera de secciones: pestaña y pestaña activa */
    --warehouse-tab-on: #126b43;
    --warehouse-tab-on-bg: #e4f3eb;
    --warehouse-rail: #c8d9d0;        /* línea de tiempo y su punto */
    --warehouse-rail-dot: #a9cab9;
}
html { min-height: 100%; }
body { min-height: 100%; background: var(--warehouse-bg); color: var(--warehouse-ink); -webkit-tap-highlight-color: transparent; }
.warehouse-stat-icon, .warehouse-action-icon { display: inline-grid; place-items: center; flex: 0 0 auto; }
.warehouse-shell { width: min(100%, 1180px); margin-inline: auto; padding-inline: clamp(.75rem, 2.5vw, 1.5rem); }
.warehouse-main { padding-top: .85rem; padding-bottom: calc(var(--warehouse-nav-height) + 1.25rem + env(safe-area-inset-bottom)); }
.warehouse-card, .warehouse-action-card { border: 0; border-radius: .85rem; box-shadow: 0 2px 10px rgb(var(--warehouse-shadow) / 8%); }
.warehouse-stat-card { border: 1px solid var(--warehouse-line); border-radius: .85rem; box-shadow: 0 2px 8px rgb(var(--warehouse-shadow) / 7%); transition: border-color .15s ease, transform .15s ease; }
.warehouse-stat-card:active, .warehouse-action-card:active { transform: scale(.98); }
.warehouse-stat-card:hover { border-color: var(--warehouse-line-hover); }
.warehouse-stat-icon, .warehouse-action-icon { width: 42px; height: 42px; border-radius: .7rem; font-size: 1.2rem; }
.warehouse-stat-count { margin-top: .75rem; font-size: 1.75rem; line-height: 1; font-weight: 750; }
.warehouse-stat-label { margin-top: .4rem; line-height: 1.15; }
.warehouse-main .btn, .warehouse-main .form-control, .warehouse-main .form-select { min-height: 48px; }
.warehouse-main a, .warehouse-main button { touch-action: manipulation; }
.warehouse-section-nav { display: grid; grid-template-columns: repeat(4, 1fr); gap: .35rem; padding: .35rem; border: 1px solid var(--warehouse-line); border-radius: .85rem; background: var(--bs-white); box-shadow: 0 2px 8px rgb(var(--warehouse-shadow) / 6%); }
.warehouse-section-nav a { min-width: 0; min-height: 50px; display: flex; align-items: center; justify-content: center; gap: .4rem; border-radius: .65rem; color: var(--warehouse-tab); text-decoration: none; font-size: .82rem; font-weight: 650; }
.warehouse-section-nav a.active { background: var(--warehouse-tab-on-bg); color: var(--warehouse-tab-on); }
.warehouse-section-nav i { font-size: 1.1rem; }
.warehouse-timeline { position: relative; padding-left: 1.35rem; }
.warehouse-timeline::before { content: ''; position: absolute; inset: 0 auto 0 .35rem; width: 2px; background: var(--warehouse-rail); }
.warehouse-timeline article { position: relative; margin-bottom: .65rem; }
.warehouse-timeline-dot { position: absolute; left: -1.28rem; top: 1.1rem; width: .7rem; height: .7rem; border: 2px solid var(--bs-white); border-radius: 50%; background: var(--warehouse-brand); box-shadow: 0 0 0 2px var(--warehouse-rail-dot); }
.warehouse-bottom { position: fixed; z-index: 1030; inset: auto 0 0; border-top: 1px solid var(--warehouse-line-nav); background: var(--bs-white); padding-bottom: env(safe-area-inset-bottom); box-shadow: 0 -4px 16px rgb(var(--warehouse-shadow) / 10%); }
.warehouse-bottom-inner { width: min(100%, 760px); min-height: var(--warehouse-nav-height); margin-inline: auto; display: grid; grid-template-columns: repeat(5, 1fr); }
.warehouse-bottom-link { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .15rem; min-width: 0; color: var(--warehouse-muted); text-decoration: none; font-size: .69rem; font-weight: 600; }
.warehouse-bottom-link i { font-size: 1.3rem; line-height: 1; }
.warehouse-bottom-link.active { color: var(--warehouse-brand); }
.warehouse-bottom-link.active::before { content: ''; position: absolute; top: 0; width: 36px; height: 3px; border-radius: 0 0 3px 3px; background: var(--warehouse-brand); }
@media (max-width: 575.98px) {
    .warehouse-main { padding-top: .65rem; }
    .warehouse-main .card-body { padding: .9rem; }
    .warehouse-stat-card .card-body { padding: .8rem; }
    .warehouse-stat-icon { width: 38px; height: 38px; }
    .warehouse-stat-count { font-size: 1.55rem; }
    .warehouse-stat-label { min-height: 2.3em; }
    .warehouse-section-nav a { flex-direction: column; gap: .05rem; min-height: 58px; font-size: .68rem; }
}
@media (min-width: 768px) { .warehouse-main { padding-top: 1.25rem; } .warehouse-bottom-link { font-size: .76rem; } }