/* SUNTINEL PREMIUM BUTTONS — CANONICAL V1 */

/* Base globale, uniquement une fois connecté */
body:has(#login-view.hidden) #app .button {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:.42rem !important;

  min-height:2.38rem !important;
  padding:.42rem .78rem !important;

  border-radius:.52rem !important;

  font-size:.72rem !important;
  font-weight:650 !important;
  line-height:1 !important;

  text-shadow:none !important;
  transform:none !important;
  filter:none !important;

  transition:
    color .16s ease,
    background .16s ease,
    border-color .16s ease,
    box-shadow .16s ease !important;
}


/* =====================================================
   PRIMAIRE — sombre + accent OR
   Nouveau dossier / Lancer / Créer / Ajouter
   ===================================================== */

body:has(#login-view.hidden) #app .button:not(.secondary):not(.danger) {
  color:var(--st-bg-deep) !important;

  border:1px solid var(--st-orange) !important;

  background:var(--st-gradient-brand) !important;

  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 34%),
    0 .28rem .7rem rgb(255 193 7 / 12%) !important;
}

body:has(#login-view.hidden) #app .button:not(.secondary):not(.danger):hover:not(:disabled) {
  color:var(--st-bg-deep) !important;
  border-color:var(--st-gold) !important;

  background:var(--st-gradient-brand) !important;

  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 45%),
    0 .32rem .85rem rgb(255 193 7 / 22%) !important;
}


/* =====================================================
   SECONDAIRE — bleu nuit / cyan
   Voir / Détails / Ouvrir / Actualiser / PDF
   ===================================================== */

body:has(#login-view.hidden) #app .button.secondary {
  color:#65c2ff !important;

  border:1px solid rgb(67 157 217 / 25%) !important;

  background:
    linear-gradient(
      180deg,
      rgb(11 35 57 / 95%),
      rgb(5 20 35 / 98%)
    ) !important;

  box-shadow:
    inset 2px 0 0 rgb(48 167 231 / 31%),
    inset 0 1px 0 rgb(255 255 255 / 4%),
    0 .24rem .6rem rgb(0 0 0 / 10%) !important;
}

body:has(#login-view.hidden) #app .button.secondary:hover:not(:disabled) {
  color:#a6e0ff !important;
  border-color:rgb(72 183 243 / 43%) !important;

  background:
    linear-gradient(
      180deg,
      rgb(15 48 76 / 98%),
      rgb(6 28 47 / 100%)
    ) !important;
}


/* =====================================================
   DANGER — bordeaux sombre
   Fermer / Supprimer / Clôturer
   ===================================================== */

body:has(#login-view.hidden) #app .button.danger {
  color:#ff9292 !important;

  border:1px solid rgb(219 65 76 / 22%) !important;

  background:
    linear-gradient(
      180deg,
      rgb(72 26 36 / 56%),
      rgb(35 16 24 / 72%)
    ) !important;

  box-shadow:
    inset 2px 0 0 rgb(220 63 74 / 28%),
    inset 0 1px 0 rgb(255 255 255 / 3%) !important;
}


/* Compact */
body:has(#login-view.hidden) #app .button.compact {
  min-height:2.22rem !important;
  padding:.37rem .68rem !important;
}


/* Disabled */
body:has(#login-view.hidden) #app .button:disabled {
  opacity:.38 !important;
  filter:saturate(.55) !important;
  box-shadow:none !important;
}


/* Déconnexion sidebar */
body:has(#login-view.hidden) #app .sidebar-logout {
  color:rgb(205 221 237 / 92%) !important;

  border:1px solid rgb(75 151 204 / 20%) !important;
  border-radius:.52rem !important;

  background:
    linear-gradient(
      180deg,
      rgb(10 31 51 / 82%),
      rgb(5 20 35 / 92%)
    ) !important;

  box-shadow:
    inset 2px 0 0 rgb(50 159 218 / 22%),
    inset 0 1px 0 rgb(255 255 255 / 3%) !important;
}


/* Statuts : même finition, mais restent des statuts */
body:has(#login-view.hidden) #app .badge.success {
  border-radius:999px !important;

  color:#35df82 !important;
  border-color:rgb(34 197 94 / 42%) !important;

  background:
    linear-gradient(
      180deg,
      rgb(15 92 57 / 22%),
      rgb(7 55 37 / 26%)
    ) !important;

  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 3%) !important;
}