/* ————— Grille de tuiles (tableau de bord) ————— */
.scpn-grille-rubriques{
  display: grid !important;
  grid-template-columns: repeat(var(--scpn-gr-colonnes, 4), 1fr) !important;
  gap: 14px;
}

.scpn-tuile{
  display: block !important;
  width: auto !important;
  flex: none !important;
  text-align: center;
  text-decoration: none;
  background: #fff;
  border: 1px solid #DDE3EC;
  border-radius: 9px;
  padding: 18px 14px;
  min-width: 0;
  transition: border-color .15s ease, transform .15s ease, box-shadow .2s ease;
}

.scpn-tuile:hover,
.scpn-tuile:focus-visible{
  border-color: #0A4F9E;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(11, 34, 66, .08);
}

.scpn-tuile:focus-visible{
  outline: 3px solid #0A4F9E;
  outline-offset: 2px;
}

.scpn-tuile-icone{
  width: 40px;
  height: 40px;
  margin: 0 auto 10px;
  border-radius: 9px;
  background: #EAF1FA;
  color: #0A4F9E;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scpn-tuile-icone .dashicons{
  width: 20px;
  height: 20px;
  font-size: 20px;
}

.scpn-tuile-titre{
  display: block;
  font-family: 'Archivo', system-ui, sans-serif;
  font-weight: 700;
  font-size: .86rem;
  line-height: 1.3;
  color: #0B2242;
  overflow-wrap: break-word;
}

.scpn-tuile-compte{
  display: block;
  margin-top: 4px;
  font-family: 'Roboto', system-ui, sans-serif;
  font-size: .78rem;
  color: #5A6472;
}

@media (max-width: 900px){
  .scpn-grille-rubriques{
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* ————— Liste compacte en lignes (colonne latérale) ————— */
.scpn-liste-rubriques{
  display: flex;
  flex-direction: column;
  padding-left: 16px;
}

.scpn-ligne-rubrique{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 13px 4px;
  border-bottom: 1px solid #DDE3EC;
  text-decoration: none;
  border-radius: 6px;
  transition: background .15s ease;
}

.scpn-liste-rubriques .scpn-ligne-rubrique:last-child{
  border-bottom: none;
}

.scpn-ligne-rubrique:hover,
.scpn-ligne-rubrique:focus-visible{
  background: #FBFCFE;
}

.scpn-ligne-rubrique:focus-visible{
  outline: 3px solid #0A4F9E;
  outline-offset: -2px;
}

.scpn-ligne-rubrique.scpn-ligne-active{
  background: #EAF1FA;
  border-bottom-color: transparent;
}

.scpn-ligne-rubrique.scpn-ligne-active:hover{
  background: #DCE9F8;
}

.scpn-ligne-rubrique.scpn-ligne-active .scpn-ligne-icone{
  background: #0A4F9E;
  color: #fff;
}

.scpn-ligne-rubrique.scpn-ligne-active .scpn-ligne-titre{
  color: #0A4F9E;
}

.scpn-ligne-icone{
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  border-radius: 7px;
  background: #EAF1FA;
  color: #0A4F9E;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scpn-ligne-icone .dashicons{
  width: 16px;
  height: 16px;
  font-size: 16px;
}

.scpn-ligne-texte{
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.scpn-ligne-titre{
  font-family: 'Archivo', system-ui, sans-serif;
  font-weight: 700;
  font-size: .88rem;
  line-height: 1.3;
  color: #0B2242;
}

.scpn-ligne-compte{
  font-family: 'Roboto', system-ui, sans-serif;
  font-size: .74rem;
  color: #5A6472;
  margin-top: 1px;
}