/* ==========================================================================
   Nexura ERP — Digits-inspired theme (presentation only)
   Soft, airy, rounded. Layered over Filament's component classes.
   Colours (primary teal, etc.) come from the panel provider; this file
   handles surfaces, radius, shadows and spacing.
   ========================================================================== */

:root {
  --nx-bg: #F4F6FC;
  --nx-surface: #FFFFFF;
  --nx-line: #EBEEF7;
  --nx-radius: 16px;
  --nx-radius-sm: 11px;
  --nx-shadow: 0 1px 2px rgba(20,28,60,.04), 0 8px 24px rgba(20,28,60,.06);
}
.dark {
  --nx-bg: #0A0D17;
  --nx-surface: #141A2A;
  --nx-line: #242B41;
  --nx-shadow: 0 1px 2px rgba(0,0,0,.3), 0 10px 30px rgba(0,0,0,.35);
}

/* ── App background ─────────────────────────────────────────── */
.fi-body,
.fi-main-ctn,
.fi-simple-layout { background-color: var(--nx-bg) !important; }

/* ── Sidebar ────────────────────────────────────────────────── */
.fi-sidebar { background-color: var(--nx-surface) !important; border-right: 1px solid var(--nx-line) !important; }
.fi-sidebar .fi-sidebar-item-button { border-radius: var(--nx-radius-sm) !important; font-weight: 500; }
.fi-sidebar-group-label { letter-spacing: .1em; text-transform: uppercase; font-size: .68rem; opacity: .8; }
.fi-sidebar-item.fi-active .fi-sidebar-item-button { font-weight: 650; }

/* ── Topbar ─────────────────────────────────────────────────── */
.fi-topbar > nav {
  background-color: color-mix(in srgb, var(--nx-bg) 85%, transparent) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--nx-line) !important;
  box-shadow: none !important;
}

/* ── Cards / sections / widgets ─────────────────────────────── */
.fi-section,
.fi-wi-stats-overview-stat,
.fi-ta-ctn,
.fi-fo-component-ctn,
.fi-modal-window,
.fi-dropdown-panel {
  border-radius: var(--nx-radius) !important;
  border-color: var(--nx-line) !important;
  box-shadow: var(--nx-shadow) !important;
}
.fi-section { background-color: var(--nx-surface) !important; }

/* KPI stat tiles: a touch more padding + lift */
.fi-wi-stats-overview-stat { padding: 1.15rem 1.25rem !important; }

/* ── Buttons: pill shape ────────────────────────────────────── */
.fi-btn { border-radius: 999px !important; font-weight: 600; }
.fi-icon-btn { border-radius: var(--nx-radius-sm) !important; }
.fi-badge { border-radius: 999px !important; font-weight: 700; }

/* ── Inputs / search: rounded, soft ─────────────────────────── */
.fi-input-wrp,
.fi-select-input,
.fi-global-search-field .fi-input-wrp {
  border-radius: var(--nx-radius-sm) !important;
}
.fi-global-search-field .fi-input-wrp { border-radius: 999px !important; }

/* ── Tables: airy header + rows ─────────────────────────────── */
.fi-ta-header-cell {
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: .68rem;
}
.fi-ta-row { transition: background-color .12s ease; }

/* ── Login / simple pages ───────────────────────────────────── */
.fi-simple-main {
  border-radius: var(--nx-radius) !important;
  box-shadow: var(--nx-shadow) !important;
  border: 1px solid var(--nx-line) !important;
}

/* Slightly rounder avatars/menus for the soft look */
.fi-avatar { border-radius: 999px !important; }
.fi-dropdown-list-item { border-radius: 9px !important; }