body.admin {
  background: #f4f6fa;
}

.admin-barre {
  background: var(--c-marine);
  padding: .6rem 1rem;
}

.admin-barre .logo-texte {
  color: #fff;
}

.admin-barre .nav-link {
  white-space: nowrap;
  color: #c9d1e6 !important;
  background: transparent !important;
}

.admin-barre .nav-link:hover, .admin-barre .nav-link.active {
  color: #fff !important;
  background: rgba(255, 255, 255, .1) !important;
}

.admin-contenu {
  padding: 2rem;
  max-width: 1400px;
}

.admin .carte {
  border-color: #e3e7ef;
  box-shadow: 0 2px 10px rgba(29, 43, 79, .05);
}

.admin .table {
  margin: 0;
}

.admin .table thead th {
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--c-doux);
  background: #f8f9fc;
  border-bottom-width: 1px;
  padding: .8rem 1rem;
}

.admin .table td {
  padding: .8rem 1rem;
}

.admin .btn-sm {
  border-radius: 8px;
  padding: .25rem .55rem;
}

.admin .form-control, .admin .form-select {
  border-radius: 10px;
}

.admin .nav-pills .nav-link {
  border-radius: 999px;
  font-weight: 700;
  color: var(--c-marine);
}

.admin .nav-pills .nav-link.active {
  background: var(--c-marine);
  color: #fff;
}

.admin .nav-tabs .nav-link {
  font-weight: 700;
  color: var(--c-doux);
}

.admin .nav-tabs .nav-link.active {
  color: var(--c-marine);
}

.admin .pastille.cat-benevolat, .admin .pastille.cat-atelier, .admin .pastille.cat-evenement, .admin .pastille.cat-campagne, .admin .pastille.cat-solidarite {
  background: color-mix(in srgb, var(--cat) 14%, white);
  color: color-mix(in srgb, var(--cat) 75%, black);
}

.tuile {
  display: block;
  background: #fff;
  border: 1px solid #e3e7ef;
  border-radius: 16px;
  padding: 1.2rem 1.4rem;
  text-decoration: none;
  color: var(--c-texte);
  height: 100%;
  transition: transform .2s, box-shadow .2s;
}

.tuile:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 22px rgba(29, 43, 79, .1);
  color: var(--c-texte);
}

.tuile i {
  font-size: 1.4rem;
  color: var(--c-sarcelle);
}

.tuile strong {
  display: block;
  font-size: 1.9rem;
  font-weight: 800;
  color: var(--c-marine);
  line-height: 1.2;
  margin-top: .3rem;
}

.tuile span {
  font-size: .85rem;
  color: var(--c-doux);
}

.tuile.attention {
  border-color: var(--c-principal);
  background: #fff6f3;
}

.tuile.attention i {
  color: var(--c-principal);
}

.liste-admin li {
  padding: .6rem 0;
  border-bottom: 1px solid #eef0f5;
}

.liste-admin li:last-child {
  border-bottom: none;
}

.lien-retour-admin {
  font-weight: 700;
  text-decoration: none;
  color: var(--c-doux);
}

.choix-icones {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}

.choix-icones .btn {
  border-radius: 10px;
  padding: .4rem .6rem;
  font-size: 1.2rem;
}

.demande {
  border-left: 5px solid var(--c-principal);
}

.demande.statut-encours {
  border-left-color: var(--c-soleil);
}

.demande.statut-comblee {
  border-left-color: #2f8f3a;
  opacity: .75;
}

.message.non-lu {
  border-left: 5px solid var(--c-principal);
}

.message.lu {
  opacity: .8;
}

.connexion-page {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 1rem;
  background:
    radial-gradient(circle at 80% 10%, rgba(246, 178, 60, .3), transparent 40%),
    linear-gradient(135deg, var(--c-marine), #2d3f6e);
}

.connexion-carte {
  width: 100%;
  max-width: 420px;
}

@media (max-width: 575.98px) {
  .admin-contenu {
    padding: 1rem;
  }
}