/* =============================================================================
   Clube do Livro — Dashboard Custom Styles
   Complementa Bootstrap 5.3 com tokens visuais específicos do sistema.
   ============================================================================= */

/* --- Tipografia base -------------------------------------------------------- */
body {
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    font-size: 0.92rem;
}

/* --- Navbar ---------------------------------------------------------------- */
.navbar-brand {
    letter-spacing: -0.02em;
    font-size: 1.1rem;
}

/* --- Cards de Métricas ----------------------------------------------------- */
.metric-icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* --- Tabelas --------------------------------------------------------------- */
.table th {
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #6c757d;
}

/* Linha de pedido urgente (processing sem envio) */
.table-warning-soft {
    background-color: rgba(255, 193, 7, 0.05);
}

/* --- Badges de Diferenciação -----------------------------------------------
   subscriber → primary (azul)   — assinante do clube bimestral
   customer   → secondary (cinza) — comprador avulso

   shipping_preference:
     imediato      → warning (laranja) — envio individual urgente
     aguarda_caixa → info (azul claro) — vai na caixa bimestral
   -------------------------------------------------------------------- */
.badge {
    font-weight: 500;
    letter-spacing: 0.02em;
}

/* --- Avatares -------------------------------------------------------------- */
.avatar {
    font-weight: 700;
    user-select: none;
    flex-shrink: 0;
}

/* --- Cards com borda superior colorida (perfil de assinante) --------------- */
.border-top.border-primary.border-4 {
    border-top-width: 4px !important;
}

/* --- Progress bars --------------------------------------------------------- */
.progress {
    border-radius: 99px;
    overflow: hidden;
}

/* --- Font Monospace para códigos de rastreio ------------------------------- */
.font-monospace {
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.85em;
}

/* --- Tamanhos extras ------------------------------------------------------- */
.x-small { font-size: 0.72rem; }

/* --- Sidebar / Nav ativa --------------------------------------------------- */
.nav-link.active {
    font-weight: 600;
    background-color: rgba(255,255,255,0.08);
    border-radius: 6px;
}

/* --- Footer ---------------------------------------------------------------- */
.footer {
    margin-top: 3rem;
    border-top: 1px solid rgba(255,255,255,0.08);
}

/* --- Responsividade: cards de métricas em mobile --------------------------- */
@media (max-width: 576px) {
    .metric-icon {
        width: 40px;
        height: 40px;
    }
    .display-6 {
        font-size: 1.8rem;
    }
}

/* --- Sticky table header --------------------------------------------------- */
.sticky-top {
    top: 0;
    z-index: 1;
}

/* --- Scroll suave na tabela ------------------------------------------------ */
.table-responsive {
    border-radius: 0 0 0.5rem 0.5rem;
}

/* --- Estados de envio: linha enviada fica levemente verde ------------------ */
tr:has(.badge.bg-success:not(.badge-role)) {
    background-color: rgba(25, 135, 84, 0.03);
}

/* --- Alert de preferência de envio ---------------------------------------- */
.alert-warning.d-flex .bi,
.alert-info.d-flex .bi {
    font-size: 1.5rem;
    flex-shrink: 0;
}