/* =============================================================================
   zzzz-demandes.css — Fidelite maquette « Mes demandes » (app) · couche finale
   Role : charge EN DERNIER, prime sur zz-demandes-app.css. Affine .ar-demandes
   vers la maquette 22-demandes : onglet actif en pilule bordee bleue, titres de
   carte agrandis, couverture ronde garantie, boutons Accepter (bleu) / Refuser
   (rouge) garantis, CTA pointilles + eclat. Charte sombre, accents bleus (maquette).
   Additif & reversible : supprimer ce fichier = retour au rendu precedent.
   N'affecte NI le Gardien NI Etincelles. Aucune classe inventee.
   ============================================================================= */
@media (max-width:768px), (pointer:coarse) and (max-width:1366px), (display-mode:standalone) and (max-width:1366px){

  /* ---- Onglets : l'onglet actif devient une pilule bordee bleue (maquette) ---- */
  html.apprefonte .ar-demandes .ar-dm-tab.is-on{
    padding:9px 16px 10px !important;
    border:1.5px solid var(--blue,#3B82F6) !important;
    border-radius:14px !important;
    background:rgba(59,130,246,.12) !important;
    color:#fff !important;
  }
  html.apprefonte .ar-demandes .ar-dm-tab.is-on .ar-dm-badge{
    background:var(--blue,#3B82F6) !important;
    color:#fff !important;
  }

  /* ---- Cartes : couverture ronde garantie + titre agrandi (maquette) ---- */
  html.apprefonte .ar-demandes .ar-dm-cover{
    border-radius:50% !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.06) !important;
  }
  html.apprefonte .ar-demandes .ar-dm-name{
    font-size:22px !important;
    line-height:1.22 !important;
  }

  /* ---- Boutons d'action inline : Accepter (bleu) / Refuser (rouge) ------------
     La maquette montre l'accent BLEU pour Accepter (meme famille que l'onglet,
     la cloche et le CTA), texte blanc ; Refuser en rouge. On garantit ce rendu
     par-dessus toute regle bouton globale (fond degrade) de l'app. -------------- */
  html.apprefonte .ar-demandes .ar-dm-btn-accept{
    background-color:rgba(59,130,246,.12) !important;
    background-image:none !important;
    border:1px solid rgba(59,130,246,.6) !important;
    color:#ffffff !important;
    box-shadow:none !important;
  }
  html.apprefonte .ar-demandes .ar-dm-btn-accept svg{ color:#5AA0F2 !important; }
  html.apprefonte .ar-demandes .ar-dm-btn-refuse{
    background-color:rgba(220,53,47,.07) !important;
    background-image:none !important;
    border:1px solid rgba(220,53,47,.55) !important;
    color:#F0685D !important;
    box-shadow:none !important;
  }
  html.apprefonte .ar-demandes .ar-dm-btn-refuse svg{ color:#F0685D !important; }

  /* ---- CTA « Creer une sortie ou un voyage » : pointilles bleus + eclat -------
     Le cercle .ar-dm-cta-ic est deja position:relative dans zz-demandes-app.css,
     donc les etoiles decoratives s'ancrent dessus (ajout de chrome purement
     visuel, aucune fonction masquee). -------------------------------------------- */
  html.apprefonte .ar-demandes .ar-dm-cta{
    border:1.5px dashed rgba(59,130,246,.55) !important;
    background:linear-gradient(120deg,rgba(59,130,246,.12),rgba(59,130,246,.03)) !important;
  }
  html.apprefonte .ar-demandes .ar-dm-cta-ic::after{
    content:"\2726"; position:absolute; top:-3px; right:-4px;
    font-size:15px; line-height:1; color:#9FC2FF;
    text-shadow:0 0 6px rgba(90,160,242,.55); pointer-events:none;
  }
  html.apprefonte .ar-demandes .ar-dm-cta-ic::before{
    content:"\2726"; position:absolute; bottom:5px; right:-8px;
    font-size:9px; line-height:1; color:#7FB0FF; opacity:.85; pointer-events:none;
  }
}