/* 26-todo-apple.css — style « Apple Design » de la fenêtre « À traiter ».
   Se pose par-dessus 20-accueil.css et 40-tiroirs.css, limité à #todo-ov (l'id
   l'emporte sur les règles génériques .modal chargées après). Les mouvements de
   la carte (geste, envol, arrivée de la suivante) sont des ressorts pilotés
   par home.js (assets/js/spring.js) ; ici : ouverture, typo, appuis, matières. */

  /* ---- Ouverture : la fenêtre grandit depuis ce qu'on a touché (home.js règle
     transform-origin) et y retourne à la fermeture, sans rebond. */
  #todo-ov .modal{transform:scale(.86);opacity:0;
    transition:transform .5s cubic-bezier(.32,.72,0,1),opacity .22s ease;}
  #todo-ov.show .modal{transform:scale(1);opacity:1;}
  #todo-ov:not(.show) .modal{transition:transform .32s cubic-bezier(.32,.72,0,1),opacity .2s ease .06s;}
  #todo-ov .modal{border-radius:24px;}

  /* ---- Typographie : police système, approche selon la taille. */
  #todo-ov .modal{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
  #todo-ov .modal-h h3{font-size:21px;font-weight:700;letter-spacing:-.02em;}

  /* ---- La carte en mouvement : son transform appartient au ressort. */
  #todo-ov .tq-card.top{will-change:transform;}
  /* Pastilles d'icône façon icône d'app : reflet en haut, liseré intérieur. */
  #todo-ov .tq-ic{background-image:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,0) 55%);
    box-shadow:inset 0 0 0 .5px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.10);}

  /* ---- Appuis : réaction dès que le doigt touche, retour posé au relâché. */
  #todo-ov .tq-seg button,#todo-ov .tq-acts .btn,#todo-ov .tq-foot button,#todo-ov .tq-row,#todo-ov .xb{
    transition:transform .35s cubic-bezier(.2,.9,.25,1),background-color .2s,box-shadow .2s,color .2s;}
  #todo-ov .tq-seg button:active,#todo-ov .tq-acts .btn:active,#todo-ov .tq-foot button:not(:disabled):active,#todo-ov .xb:active{
    transform:scale(.95);transition-duration:.08s;}
  #todo-ov .tq-row:active{background:var(--line);transition-duration:.08s;}

  /* ---- Accessibilité. Mouvement réduit : simple fondu (la carte, elle, passe
     sans envol : voir home.js). */
  @media (prefers-reduced-motion:reduce){
    #todo-ov .modal,#todo-ov.show .modal,#todo-ov:not(.show) .modal{transform:none;transition:opacity .2s ease;}
    #todo-ov .tq-prog span{transition:none;}
  }
  @media(prefers-reduced-transparency:reduce){ #todo-ov .tq-ic{background-image:none;} }