/* === HERO DASHBOARD === */
  .dashboard-hero {
    padding: 15px 0;
    color: #fff;
  }
  
  .dashboard-hero h1 {
    font-size: 32px;
    margin-bottom: 8px;
  }
  
  .dashboard-hero p {
    font-size: 16px;
    opacity: 0.9;
  }
  
  /* ACTIONS */
  .dashboard-actions {
    display: flex;
    flex-wrap: nowrap;        /* toujours sur une ligne */
    gap: 14px;
    margin-top: 30px;
    justify-content: space-between;
  }
  
  .action-card {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    align-items: center;
    padding: 20px;
    color: #222;
    border-radius: 8px;
    gap: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,.15);
    text-decoration: none;
  }
  
  .action-card.primary {
    background: linear-gradient(135deg, #f3efe6, #7aa65d);
    color: #222;
  }
  
  .card-icon {
    font-size: 32px;
    margin-right: 12px;
  }
  
  .card-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  
  .card-text .full-text {
    display: block; /* visible desktop */
  }
  
  .card-text .compact-text {
    display: none;  /* caché desktop */
  }
  
  .card-text .compact-text sup {
    font-size: 0.7em;          /* taille réduite */
    vertical-align: super;     /* position en exposant */
  }
  
  /* RESPONSIVE MOBILE */
  @media (max-width: 480px) {
  
    .dashboard-actions {
      gap: 8px;
      margin-top:-15px;
    }
  
    .action-card {
      padding: 5px;
      font-size: 14px;
      gap : 0px;
    }
  
    .card-icon {
      font-size: 24px;
      margin-right: 8px;
    }
  
    /* Affiche seulement la version compacte sur mobile */
    .card-text .full-text {
      display: none;
    }
  
    .card-text .compact-text {
      display: block;
      font-size: 14px;
      line-height: 1;
    }
  }