/* Kalisign — Dashboard Commissions */

:root {
  --color-low-margin: #FADADD;    /* marge < 20% */
  --color-pending:    #FCE4D6;    /* en attente */
  --color-paid:       #E8F5E9;    /* payé */
  --color-total:      #FFF9C4;    /* ligne totaux */
  --kalisign-dark:    #1a1a2e;
}

body {
  background: #F5F6FA;
  font-size: 14px;
}

/* Navbar */
.bg-dark-kalisign {
  background-color: var(--kalisign-dark) !important;
}

/* Onglets */
.nav-tabs .nav-link {
  font-size: 13px;
  color: #555;
}
.nav-tabs .nav-link.active {
  font-weight: 600;
  color: var(--kalisign-dark);
}

/* Lignes colorées */
.row-low-margin {
  background-color: var(--color-low-margin) !important;
}
.row-pending {
  background-color: var(--color-pending) !important;
}
.row-paid {
  background-color: var(--color-paid) !important;
}
.row-total {
  background-color: var(--color-total) !important;
  font-weight: bold;
}

/* Tableau compact */
.table th {
  font-size: 11px;
  white-space: nowrap;
  vertical-align: middle;
}
.table td {
  vertical-align: middle;
}

/* Cartes */
.card {
  border: none;
  box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}

/* Bouton xs */
.btn-xs {
  font-size: 11px;
  padding: 1px 5px;
}

/* Font monospace pour les nombres */
.font-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

/* Spinner dans le bouton */
.spinner-border-sm {
  width: 14px;
  height: 14px;
}

/* Responsive : sur mobile, moins de padding */
@media (max-width: 768px) {
  .container-fluid {
    padding-left: 8px;
    padding-right: 8px;
  }
  .table-responsive {
    font-size: 11px;
  }
}

/* Badge count sur les onglets */
.nav-link .badge {
  font-size: 10px;
  vertical-align: middle;
}

/* Détails dépliables */
details summary {
  list-style: none;
}
details summary::-webkit-details-marker {
  display: none;
}
details summary::before {
  content: "▶ ";
  font-size: 10px;
}
details[open] summary::before {
  content: "▼ ";
}