/* ===============================
   Filament – Custom (Dark / Orange)
   Objectifs:
   1) retirer padding-left sur fi-main
   2) empêcher les fonds blancs “1 sur 2” (tables + rows + header)
   3) border 2px orange sur la box qui liste (tables)
   4) fi-btn-label lisible (blanc) + accessibilité
   =============================== */

:root{
  --ma-orange: 245 158 11;   /* amber-500 */
  --bg: #0b1224;             /* fond global (dark) */
  --surface: #0b1224;        /* surface sombre */
  --surface-2: #0f1a33;      /* hover */
  --line: #1e293b;           /* slate-800 */
  --text: #e2e8f0;           /* slate-200 */
  --muted: #94a3b8;          /* slate-400 */
  --white: #ffffff;
}

/* --------------------------------
   Base globale
--------------------------------- */
html,
body,
.fi-body{
  background: var(--bg) !important;
  color: var(--text) !important;
 
}

/* Topbar / sidebar (au cas où un bg-white se glisse) */

.fi-sidebar{
  background: var(--bg) !important;
  border-color: var(--line) !important;
}

.fi-topbar {
  
}
/* --------------------------------
   1) Fix padding-left sur le main
--------------------------------- */
/* Tu voulais le retirer : on le remet en force */
.fi-main,
.fi-main-ctn,
.fi-layout .fi-main,
.fi-page .fi-main,
.fi-layout > .fi-main,
.fi-layout > .fi-main-ctn{
  /*padding-left: 0 !important;*/
  margin-left: 0 !important;
}

/* --------------------------------
   Surfaces (cards/sections/widgets)
--------------------------------- */
.fi-section,
.fi-card,
.fi-wi,
.fi-simple-layout > div{
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.28);
}

/* --------------------------------
   2) Inputs / champs : jamais blanc
--------------------------------- */

/* Cibles “génériques” Filament */
.fi-input,
.fi-select-input,
.fi-textarea,
.fi-fo-field-wrp,
.fi-fo-field-wrp > div{
  background: var(--bg) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}

/* Cibles HTML (au cas où) */
.fi-body input,
.fi-body select,
.fi-body textarea{
  background-color: var(--bg) !important;
  color: var(--text) !important;
  border-color: var(--line) !important;
}

/* Placeholders */
.fi-body input::placeholder,
.fi-body textarea::placeholder{
  color: rgba(148, 163, 184, .9) !important;
}

/* Labels / help text */
.fi-fo-field-wrp-label,
.fi-fo-field-wrp-helper-text,
.fi-fo-field-wrp-hint{
  color: var(--muted) !important;
}

/* --------------------------------
   3) Tables / listes : border orange + pas de blanc
--------------------------------- */

/* Le “container” de la table (box liste) */
.fi-ta-content,
.fi-ta-ctn,
.fi-ta,
.fi-ta-card{
  background: var(--surface) !important;
  border-radius: 14px !important;
  overflow: hidden;
  box-shadow: 0 12px 28px rgba(0,0,0,.28);
}

/* ✅ border orange 1px (tu demandais 2px) */
.fi-ta-content{
  border: 1px solid rgb(var(--ma-orange)) !important;
}

/* Neutralise bg-* injectés dans la table */
.fi-ta-content *{
  border-color: var(--line) !important;
}

/* Table structure */
.fi-ta-table,
.fi-ta-table thead,
.fi-ta-table tbody,
.fi-ta-table tr,
.fi-ta-table th,
.fi-ta-table td{
  background: transparent !important;
  color: var(--text) !important;
}

/* Lignes : fond constant */
.fi-ta-row,
.fi-ta-table tbody tr{
  background: var(--bg) !important;
}

/* Stripe Tailwind (odd/even) : on écrase */
.fi-ta-row:nth-child(odd),
.fi-ta-row:nth-child(even),
.fi-ta-table tbody tr:nth-child(odd),
.fi-ta-table tbody tr:nth-child(even){
  background: var(--bg) !important;
}

/* Header : souvent blanc → forcer dark */
.fi-ta-header,
.fi-ta-table thead tr,
.fi-ta-table thead th{
  background: var(--bg) !important;
  color: var(--text) !important;
}

/* Hover */
.fi-ta-row:hover,
.fi-ta-table tbody tr:hover{
  background: var(--surface-2) !important;
}

/* Actions (Modifier / PDF / Supprimer) : garder lisible */
.fi-ta-actions,
.fi-ta-actions *{
  color: var(--text) !important;
}

/* --------------------------------
   4) Boutons : fi-btn-label lisible
--------------------------------- */

/* Par défaut : texte blanc (contraste OK sur orange) */
.fi-btn .fi-btn-label{
  color: var(--white) !important;
}

/* Cas “bouton fantôme / clair” ou bouton sur fond sombre :
   on garde blanc aussi, mais si tu utilises des boutons secondaires
   avec fond très clair, tu peux switcher en dark ici. */
.fi-btn.fi-color-gray .fi-btn-label,
.fi-btn.fi-color-slate .fi-btn-label{
  color: var(--text) !important;
}

/* S’assure que l’icône suit la couleur du texte */
.fi-btn svg{
  color: currentColor !important;
}

/* --------------------------------
   Focus visible (accessibilité)
--------------------------------- */
:where(.fi-body a, .fi-body button, .fi-body input, .fi-body select, .fi-body textarea, .fi-body [tabindex]):focus-visible{
  outline: 3px solid rgba(245, 158, 11, .55);
  outline-offset: 2px;
}

/* Boutons arrondis (léger) */
.fi-btn{
  border-radius: 999px;
}

/* Liens */
.fi-body a{
  color: rgb(var(--ma-orange)) !important;
}
.fi-body a:hover{
  color: rgba(251, 191, 36, 1) !important;
}

/* --------------------------------
   Sidebar / nav (tes overrides)
--------------------------------- */
nav{
  background-color: var(--bg) !important;
  
}
body aside nav.fi-sidebar-nav,
body aside .fi-sidebar-header{
  background-color: #020617 !important;
 
}

body aside .fi-sidebar-header {
   background-image: radial-gradient(circle at top, #92400e, #1F2937, #111827 100%);
    border-bottom: 1px solid rgba(var(--gray-200), 1);
    border-color: rgba(var(--gray-200), 1);
    border-style: solid;
    border-width: 0;
    box-sizing: border-box;
    border-top:none;
}
/* top header */ 
body div.fi-topbar nav{
     background:#131A29!important
}

/* Tous les contenus d’onglets (panels) Filament */
.fi-fo-tabs-tab[role="tabpanel"]{
  background-color:#0B1224 !important;
}