/* RankFlow flat-modernist overrides for the Filament operator panel.
   Loaded AFTER modernist.css (the token source of truth). Two jobs only:
   1. Zero radius everywhere — structure comes from rules, not pills/cards.
   2. Ground the panel chrome in the token palette (bg, dividers, ink).
   Filament's own semantic colors (danger/warning/success badges) are left
   alone: state color is information, and the accent stays scarce. */

.fi-body,
.fi-body *::before,
.fi-body *::after,
.fi-body * {
  border-radius: 0 !important;
}

.fi-body {
  background: var(--color-bg) !important;
  color: var(--color-text);
}

/* One strong rule under the topbar and beside the sidebar, like every other
   RankFlow surface. */
.fi-topbar > nav,
.fi-topbar {
  background: var(--color-bg) !important;
  border-bottom: 2px solid var(--color-divider);
  box-shadow: none !important;
}

.fi-sidebar {
  background: var(--color-bg) !important;
  border-right: 2px solid var(--color-divider);
}

.fi-sidebar-header {
  background: var(--color-bg) !important;
  box-shadow: none !important;
  border-bottom: 2px solid var(--color-divider);
}

/* Brand block: Archivo 800 with the accent square the logo carries. */
.fi-logo {
  font-family: var(--font-heading, 'Archivo') !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em;
}

.fi-logo::after {
  content: '';
  display: inline-block;
  width: 9px;
  height: 9px;
  background: var(--color-accent);
  margin-left: 8px;
}

/* Sections/cards: flat surfaces with a 1px edge, no floating elevation. */
.fi-section,
.fi-ta-ctn,
.fi-wi-widget > div {
  box-shadow: none !important;
  border: 1px solid var(--color-divider);
}

/* Active sidebar item reads as the reference nav: accent left bar + ink. */
.fi-sidebar-item-active > a {
  border-left: 3px solid var(--color-accent);
  background: color-mix(in srgb, var(--color-text) 5%, transparent) !important;
}

/* Buttons keep Filament behaviour but lose the pill look (radius already 0)
   and pick up Archivo weight. */
.fi-btn {
  font-family: var(--font-heading, 'Archivo');
  font-weight: 700;
}

/* Modals: flush flat panels. */
.fi-modal-window {
  box-shadow: var(--shadow-lg) !important;
  border: 2px solid var(--color-divider);
}