/* assets/status.css
   Charte:
   Primary:   #0A294D
   Accent:    #FF6D34  (ORANGE - "Dégradé")
   Secondary: #657E93
   Grey:      #B8B8B8
   Text:      #434343
   BG:        #F3F3F3
   White:     #FFFFFF
   Danger:    #DC3545
   Success:   #28A745

   Important:
   - Panne partielle => Bootstrap "warning" JAUNE (#ffc107)
   - Dégradé => "orange" custom (#FF6D34)
*/

/* -----------------------------
   1) Variables + base
------------------------------ */
:root{
  --brand-primary: #0A294D;
  --brand-accent:  #FF6D34;
  --brand-secondary:#657E93;
  --brand-grey:    #B8B8B8;
  --brand-text:    #434343;
  --brand-bg:      #F3F3F3;
  --brand-white:   #FFFFFF;
  --brand-danger:  #DC3545;
  --brand-success: #28A745;

  /* Override Bootstrap (sans casser le WARNING JAUNE) */
  --bs-primary: var(--brand-primary);
  --bs-secondary: var(--brand-secondary);
  --bs-success: var(--brand-success);
  --bs-danger: var(--brand-danger);

  /* WARNING = JAUNE Bootstrap (demandé) */
  --bs-warning: #ffc107;

  --bs-body-bg: var(--brand-bg);
  --bs-body-color: var(--brand-text);

  --bs-link-color: var(--brand-primary);
  --bs-link-hover-color: var(--brand-accent);

  --bs-border-color: rgba(184,184,184,.70);
  --bs-card-border-color: rgba(184,184,184,.60);
  --bs-card-cap-bg: var(--brand-grey); /* header gris */
}

html, body{ height:100%; }
body{
  background: var(--bs-body-bg) !important;
  color: var(--bs-body-color) !important;
  font-family: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont,
               'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
               'Helvetica Neue', Arial, sans-serif !important;
}

a{ text-decoration: none; }
a:hover{ text-decoration: underline; }

/* -----------------------------
   2) Navbar (bandeau bleu)
------------------------------ */
.navbar{
  background: var(--brand-primary) !important;
  border-bottom: 0 !important;
}
.navbar .navbar-brand{
  font-weight: 800;
  color: var(--brand-white) !important;
  letter-spacing: .2px;
}
.navbar .navbar-brand:hover{
  color: var(--brand-accent) !important;
}

/* -----------------------------
   3) Cards inversées
   Header gris / body blanc
------------------------------ */
.card{
  border: 1px solid rgba(184,184,184,.60) !important;
  border-radius: 16px !important;
  overflow: hidden;
}
.card-header{
  background: var(--brand-grey) !important;
  color: var(--brand-primary) !important;
  font-weight: 800;
  border-bottom: 1px solid rgba(255,255,255,.55) !important;
}
.card-body{
  background: var(--brand-white) !important;
}

/* -----------------------------
   4) Buttons (cohérents palette)
------------------------------ */
.btn{ border-radius: 12px; }
.btn-primary{
  background: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}
.btn-primary:hover{ filter: brightness(1.06); }

.btn-success{
  background: var(--brand-success) !important;
  border-color: var(--brand-success) !important;
}
.btn-danger{
  background: var(--brand-danger) !important;
  border-color: var(--brand-danger) !important;
}

.btn-outline-secondary{
  color: var(--brand-secondary) !important;
  border-color: rgba(101,126,147,.55) !important;
}
.btn-outline-secondary:hover{
  background: rgba(101,126,147,.10) !important;
}

.btn-outline-danger{
  color: var(--brand-danger) !important;
  border-color: rgba(220,53,69,.55) !important;
}
.btn-outline-danger:hover{
  background: rgba(220,53,69,.10) !important;
}

/* -----------------------------
   5) Forms
------------------------------ */
.form-control, .form-select{
  border-radius: 12px;
  border-color: rgba(184,184,184,.75);
  background: var(--brand-white);
}
.form-control:focus, .form-select:focus{
  border-color: rgba(255,109,52,.85);
  box-shadow: 0 0 0 .25rem rgba(255,109,52,.18);
}

/* -----------------------------
   6) Alerts (banner)
------------------------------ */
.alert{ border-radius: 16px; border-width: 1px; }
.alert-info{
  background: rgba(101,126,147,.14) !important;
  border-color: rgba(101,126,147,.35) !important;
  color: var(--brand-primary) !important;
}
.alert-warning{
  background: rgba(255,193,7,.18) !important;
  border-color: rgba(255,193,7,.40) !important;
  color: var(--brand-primary) !important;
}
.alert-danger{
  background: rgba(220,53,69,.12) !important;
  border-color: rgba(220,53,69,.35) !important;
  color: var(--brand-primary) !important;
}

/* -----------------------------
   7) Badges de statut
------------------------------ */
.badge{
  border-radius: 999px;
  font-weight: 800;
  letter-spacing: .2px;
  padding: .45rem .70rem;
}

/* Match success/danger */
.badge.bg-success{ background: var(--brand-success) !important; color: #fff !important; }
.badge.bg-danger{ background: var(--brand-danger) !important; color: #fff !important; }

/* WARNING = jaune Bootstrap (Panne partielle) */
.badge.bg-warning{
  background: var(--bs-warning) !important; /* jaune Bootstrap */
  color: #FFFFFF !important;                /* TEXTE BLANC */
}
/* ORANGE custom (Dégradé) */
.badge.bg-orange,
.badge.orange{
  background: var(--brand-accent) !important;
  color: #fff !important;
}

/* Maintenance (info) + secondary */
.badge.bg-info{
  background: var(--brand-secondary) !important;
  color: #fff !important;
}
.badge.bg-secondary{
  background: var(--brand-secondary) !important;
  color: #fff !important;
}

/* -----------------------------
   8) Front: liste des services
------------------------------ */
.service-row{
  display:flex;
  gap:14px;
  align-items:flex-start;
  justify-content:space-between;
  padding: 12px 0;
  border-bottom: 1px solid rgba(184,184,184,.45);
}
.service-row:last-child{ border-bottom: 0; }

.service-meta{ flex:1; min-width:0; }
.service-name{ font-weight: 900; color: var(--brand-primary); }
.service-desc{ color: var(--brand-secondary); font-size: .95rem; }

.service-meta a{
  color: var(--brand-primary);
  font-weight: 400;

  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.service-meta a:hover{ color: var(--brand-accent); }

.text-secondary{ color: var(--brand-secondary) !important; }

/* -----------------------------
   9) Admin helpers (si admin utilise ce CSS)
------------------------------ */
.table thead th{
  color: var(--brand-primary);
  font-weight: 800;
}
.table td, .table th{ vertical-align: middle; }
.table-responsive{ border-radius: 16px; }
.table-nowrap{ white-space: nowrap; }
.minw-100{ min-width:100px; }
.minw-160{ min-width:160px; }
.minw-220{ min-width:220px; }
.minw-280{ min-width:280px; }
.minw-320{ min-width:320px; }
td form.d-grid{ height: 100%; align-content: center; }
td form.d-grid .btn{ height: 38px; }