/*
 * Identidade IntegraPOS para os painéis Filament (admin e portal).
 *
 * Sem build: este arquivo é servido direto de public/ e registrado via
 * FilamentAsset (AppServiceProvider). A paleta segue o brand kit:
 * Magenta #B10F61 · Champagne #D2B48C · Grafite #23252B · Marfim #F7F3EF
 * · Cinza Apoio #7D838F. Montserrat vem de /fonts/site (mesmos arquivos
 * da landing); o texto corrido continua na Inter padrão do Filament.
 */

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/site/montserrat-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/site/montserrat-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ===== Marca no topo e no login ===== */

.ip-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  line-height: 1;
}

.ip-brand-mark {
  width: 2rem;
  height: 2rem;
  flex: none;
}

.ip-brand-word {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  letter-spacing: -0.015em;
  color: #23252b;
  white-space: nowrap;
}

.ip-brand-word b {
  font-weight: 700;
  color: #b10f61;
}

.ip-brand-badge {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #7a5a33;
  background: #f0e4d2;
  border-radius: 999px;
  padding: 0.28rem 0.6rem;
  margin-left: 0.15rem;
}

html.dark .ip-brand-word { color: #ffffff; }
html.dark .ip-brand-badge { color: #d2b48c; background: rgba(210, 180, 140, 0.16); }

/* Lockup maior e empilhado na tela de login (layout "simple"). O contêiner
   .fi-logo tem altura fixa (brandLogoHeight, pensada para o topo): aqui ela
   precisa ser liberada, senão o lockup vaza por cima do "Faça login". */
.fi-simple-header .fi-logo { height: auto !important; } /* vence o height inline do brandLogoHeight */
.fi-simple-header .ip-brand { flex-direction: column; gap: 0.9rem; padding-bottom: 0.5rem; }
.fi-simple-header .ip-brand-mark { width: 3.4rem; height: 3.4rem; }
.fi-simple-header .ip-brand-word { font-size: 1.7rem; }
.fi-simple-header .ip-brand-badge { margin-left: 0; }

/* ===== Tipografia de títulos (Montserrat SemiBold, como no guia) ===== */

.fi-header-heading,
.fi-section-header-heading,
.fi-modal-heading,
.fi-simple-header-heading,
.fi-wi-stats-overview-stat-value {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.fi-header-heading { font-weight: 700; }

/* ===== Modo claro: fundos em marfim, apoios em champagne ===== */

html:not(.dark) .fi-body,
html:not(.dark) .fi-main-ctn {
  background-color: #f7f3ef;
}

html:not(.dark) .fi-sidebar {
  background-color: #f7f3ef;
  border-inline-end: 1px solid #e8e0d6;
}

html:not(.dark) .fi-topbar {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(10px);
  border-block-end: 1px solid #e8e0d6;
}

html:not(.dark) .fi-sidebar-group-label {
  color: #7d838f;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  font-size: 0.68rem;
}

/* Tela de login: marfim com brilho champagne discreto, cartão branco */
html:not(.dark) .fi-simple-layout {
  background-color: #f7f3ef;
  background-image: radial-gradient(42rem 26rem at 85% -8%, rgba(210, 180, 140, 0.28), transparent 70%);
}

html:not(.dark) .fi-simple-main {
  background-color: #ffffff;
  border: 1px solid #e8e0d6;
  box-shadow: 0 1px 2px rgba(35, 37, 43, 0.05), 0 18px 44px -18px rgba(35, 37, 43, 0.18);
}