/*
 * CSS propre à mykiwi, chargé après celui de Filament (aucune compilation nécessaire :
 * il suffit de modifier ce fichier et de recharger la page).
 */

:root {
    --primary-kiwi: #ABC738;
}

/* Titre de l'application (header et page de connexion) */
.mykiwi-brand b {
    color: var(--primary-kiwi);
}

/*
 * Badges : même nuance que les boutons colorés de Filament (ex. statut dans le formulaire
 * d'inventaire : fond 400 / texte 900 en clair, fond 600 / texte 950 en sombre),
 * au lieu du fond pâle (50) par défaut.
 */

/*
.fi-badge.fi-color {
  background-color: var(--color-400);
  --text: var(--color-900);
  --tw-ring-color: transparent;
}

.dark .fi-badge.fi-color {
  background-color: var(--color-600);
  --text: var(--color-950);
}
*/
/*
 * Le CSS de Filament ne contient que ses classes « fi-* », pas d'utilitaires Tailwind
 * (flex, gap-4, opacity-60...) : les vues du projet utilisent les classes ci-dessous.
 */

/* Lignes de tableau « terminées » (congés passés, objets HS ou perdus, comptes désactivés) */
.mykiwi-attenue {
  opacity: .6;
}

.mykiwi-discret {
  color: var(--gray-500);
  font-size: .875rem;
}

.mykiwi-texte {
  font-size: .875rem;
  line-height: 1.5;
}

.mykiwi-texte p {
  margin: 0 0 .25rem;
}

.mykiwi-code {
  display: inline-block;
  padding: .125rem .5rem;
  border-radius: .375rem;
  background: color-mix(in oklab, currentColor 10%, transparent);
  word-break: break-all;
  user-select: all;
}

/* Récap mensuel des congés */
.mykiwi-filtres {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.mykiwi-filtre-mois {
  width: 12rem;
}

.mykiwi-filtre-annee {
  width: 8rem;
}

.mykiwi-message {
  user-select: all;
}

.mykiwi-bloc {
  padding-top: .5rem;
}

.mykiwi-nom {
  font-weight: 700;
}

/* Accueil : raccourcis vers les outils */
.mykiwi-raccourcis {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(8.5rem, 1fr));
  gap: .75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mykiwi-raccourcis a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  padding: .75rem .5rem;
  border-radius: .5rem;
  font-size: .875rem;
  text-align: center;
  text-decoration: none;
  color: inherit;
}

.mykiwi-raccourcis a:hover {
  background: color-mix(in oklab, currentColor 8%, transparent);
}

.mykiwi-raccourcis img {
  object-fit: contain;
}

/* Finances */
.mykiwi-ligne-somme {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  padding: .5rem 0;
  border-bottom: 1px solid color-mix(in oklab, currentColor 10%, transparent);
}

.mykiwi-ligne-somme:last-child {
  border-bottom: 0;
}

.mykiwi-ligne-somme summary {
  cursor: pointer;
}

.mykiwi-liste {
  margin: .5rem 0 0 1.25rem;
  padding: 0;
  font-size: .875rem;
  list-style: disc;
}

.mykiwi-liste li {
  margin-bottom: .375rem;
}

.mykiwi-somme-success {
  color: var(--success-600);
}

.mykiwi-somme-gray {
  color: var(--gray-500);
}

.mykiwi-total {
  font-weight: 700;
}

/* Tableaux mensuels de la compta (statistiques, TVA) */
.mykiwi-tableau-conteneur {
  overflow-x: auto;
}

.mykiwi-tableau {
  width: 100%;
  border-collapse: collapse;
  font-size: .875rem;
}

.mykiwi-tableau th,
.mykiwi-tableau td {
  padding: .375rem .75rem;
  border-bottom: 1px solid color-mix(in oklab, currentColor 10%, transparent);
  text-align: right;
  white-space: nowrap;
}

.mykiwi-tableau th:first-child {
  text-align: left;
}

.mykiwi-tableau thead th {
  font-weight: 600;
  white-space: normal;
}

.mykiwi-tableau tfoot th,
.mykiwi-tableau tfoot td {
  font-weight: 700;
  border-top: 2px solid color-mix(in oklab, currentColor 25%, transparent);
}

.mykiwi-tableau a {
  text-decoration: underline;
}

.mykiwi-somme-positive {
  color: var(--success-600);
}

.mykiwi-somme-negative {
  color: var(--danger-600);
}

/* Statistiques : colonnes de graphiques */
.mykiwi-stats-colonnes {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));
  gap: 2rem;
}

.mykiwi-stats-titre {
  margin: 0 0 .5rem;
  font-weight: 600;
}

.mykiwi-tableau-simple {
  width: 100%;
  border-collapse: collapse;
  font-size: .875rem;
}

.mykiwi-tableau-simple th,
.mykiwi-tableau-simple td {
  padding: .375rem .75rem;
  border-bottom: 1px solid color-mix(in oklab, currentColor 10%, transparent);
}

.mykiwi-tableau-simple td {
  text-align: right;
  white-space: nowrap;
}

.mykiwi-tableau-simple th {
  text-align: left;
  font-weight: 500;
}

.mykiwi-tableau-simple tr.mykiwi-total th,
.mykiwi-tableau-simple tr.mykiwi-total td {
  font-weight: 700;
}

/* Aperçu des e-mails avant envoi */
.mykiwi-apercu {
  margin-bottom: 1rem;
  padding: .75rem 1rem;
  border: 1px solid color-mix(in oklab, currentColor 15%, transparent);
  border-radius: .5rem;
}

.mykiwi-apercu-corps {
  max-height: 24rem;
  overflow-y: auto;
  padding: .5rem 0;
  border-top: 1px solid color-mix(in oklab, currentColor 10%, transparent);
  font-size: .875rem;
  line-height: 1.5;
}

.mykiwi-apercu-corps p {
  margin: 0 0 .5rem;
}

/* Liste de documents à télécharger (modale des attestations) */
.mykiwi-liste-documents {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mykiwi-liste-documents li {
    align-items: baseline;
    border-bottom: 1px solid rgb(0 0 0 / 8%);
    display: flex;
    gap: 1rem;
    padding: 0.5rem 0;
}

.mykiwi-liste-documents li strong {
    flex: 1;
}