/* ═══════════════════════════════════════════════════════════
   Admin personalizado — tema restaurante premium
   Seletores verificados contra Filament 5 source
   ═══════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

/* ── Tipografia global ──────────────────────────────────────────────────────── */
*, body, .fi-main-ctn, .fi-topbar-ctn, nav {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* ═══════════════════════════════════════════════
   SIDEBAR
   ═══════════════════════════════════════════════ */

/* Fundo principal da sidebar */
.fi-sidebar.fi-main-sidebar {
    background-color: #0a0a0d !important;
    border-right: 1px solid rgba(255,255,255,.07) !important;
}

/* Container do header (logo area) */
.fi-sidebar-header {
    background-color: #0a0a0d !important;
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
    padding: 18px 16px !important;
}

/* Botões dos itens de navegação */
.fi-sidebar-item-button {
    border-radius: 9px !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    letter-spacing: -.1px !important;
    transition: background .15s, color .15s !important;
    margin-bottom: 1px !important;
}

.fi-sidebar-item-button:hover {
    background-color: rgba(255,255,255,.07) !important;
}

/* Item activo */
.fi-sidebar-item-button.fi-active {
    background-color: rgba(200,16,46,.2) !important;
    color: #ef4444 !important;
}

/* Label dos grupos de navegação */
.fi-sidebar-group-label {
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 1.8px !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,.28) !important;
    padding-left: 10px !important;
    margin-top: 6px !important;
    margin-bottom: 4px !important;
}

/* Footer da sidebar (conta, etc.) */
.fi-sidebar-footer {
    background-color: #0a0a0d !important;
    border-top: 1px solid rgba(255,255,255,.07) !important;
}

/* Scrollbar da sidebar */
.fi-sidebar.fi-main-sidebar {
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,.1) transparent;
}
.fi-sidebar.fi-main-sidebar::-webkit-scrollbar { width: 3px; }
.fi-sidebar.fi-main-sidebar::-webkit-scrollbar-track { background: transparent; }
.fi-sidebar.fi-main-sidebar::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.1); border-radius: 2px;
}

/* ═══════════════════════════════════════════════
   TOPBAR
   ═══════════════════════════════════════════════ */

.fi-topbar-ctn {
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
}

.fi-topbar {
    background-color: #111116 !important;
}

/* ═══════════════════════════════════════════════
   ÁREA PRINCIPAL
   ═══════════════════════════════════════════════ */

/* Container principal */
.fi-main-ctn {
    background-color: #0f0f13 !important;
}

/* Conteúdo scrollável */
.fi-main {
    background-color: #0f0f13 !important;
}

/* ═══════════════════════════════════════════════
   WIDGETS — Stats Overview
   ═══════════════════════════════════════════════ */

.fi-wi-stats-overview-stat {
    border-radius: 16px !important;
    background: #1a1a20 !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
}

.fi-wi-stats-overview-stat:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 32px rgba(0,0,0,.3) !important;
}

.fi-wi-stats-overview-stat-value {
    font-size: 28px !important;
    font-weight: 900 !important;
    letter-spacing: -.5px !important;
}

.fi-wi-stats-overview-stat-label {
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* ═══════════════════════════════════════════════
   TABELAS
   ═══════════════════════════════════════════════ */

.fi-ta-ctn {
    border-radius: 16px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    background: #1a1a20 !important;
}

/* Cabeçalho da tabela */
.fi-ta-header-ctn {
    background: #1a1a20 !important;
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
}

/* Linhas da tabela */
.fi-ta-row {
    border-bottom: 1px solid rgba(255,255,255,.04) !important;
    transition: background .1s !important;
}

.fi-ta-row:hover {
    background: rgba(255,255,255,.03) !important;
}

/* ═══════════════════════════════════════════════
   CARDS / SEÇÕES
   ═══════════════════════════════════════════════ */

.fi-section {
    background: #1a1a20 !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 16px !important;
}

.fi-section-header {
    border-bottom: 1px solid rgba(255,255,255,.07) !important;
}

/* ═══════════════════════════════════════════════
   BOTÕES
   ═══════════════════════════════════════════════ */

.fi-btn {
    font-weight: 700 !important;
    letter-spacing: -.1px !important;
    border-radius: 10px !important;
}

/* ═══════════════════════════════════════════════
   BADGES
   ═══════════════════════════════════════════════ */

.fi-badge {
    font-weight: 700 !important;
    border-radius: 6px !important;
    letter-spacing: .2px !important;
}

/* ═══════════════════════════════════════════════
   PÁGINA / HEADER
   ═══════════════════════════════════════════════ */

.fi-header {
    padding: 24px 24px 16px !important;
}

.fi-header-heading {
    font-size: 22px !important;
    font-weight: 900 !important;
    letter-spacing: -.5px !important;
}

/* ═══════════════════════════════════════════════
   FORMULÁRIOS
   ═══════════════════════════════════════════════ */

.fi-input {
    border-radius: 10px !important;
    font-weight: 500 !important;
}

.fi-fo-field-wrp {
    border-radius: 10px !important;
}

/* ═══════════════════════════════════════════════
   PAGINAÇÃO
   ═══════════════════════════════════════════════ */

.fi-pagination {
    border-top: 1px solid rgba(255,255,255,.07) !important;
    background: #1a1a20 !important;
}

/* ═══════════════════════════════════════════════
   SEPARADOR VISUAL NO DASHBOARD
   ═══════════════════════════════════════════════ */

.fi-wi-account {
    background: #1a1a20 !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 16px !important;
}