/* screens/semaine.css — « La semaine ».  Propriétaire : S10 (agenda) · S21 (calendrier, hook posé
   par S10 dans screens/semaine.js).
   TOKENS ONLY — pas une valeur de couleur dans ce fichier, seulement des var() de tokens.css (G1).

   La liste elle-même reste écrite dans le vocabulaire partagé de base.css (.card / .ag / .list /
   .foot-note / .need / .empty). Ce fichier n'ajoute que ce que S10 apporte :
     · « + Ajouter » (S10 §2)
     · l'appui long qui saute une occurrence, et sa ligne « Annuler » (S10 §2)
     · les champs de la feuille d'agenda (modals.js openAgendaAdd) — voir la note ci-dessous
   ──────────────────────────────────────────────────────────────────────────── */

/* ── S10 §2 · « + Ajouter » ─────────────────────────────────────────────────
   Une seule ligne, alignée à droite, au-dessus de la carte. Le SCRIPT (screens/semaine.js) la
   pose seulement quand `can_write` est vrai — cette règle ne fait que la dessiner. */
.ag-add-row { display: flex; justify-content: flex-end; padding: 0 0 4px; }
.ag-add-btn { background: var(--btn-bg); color: var(--btn-ink); }

/* ── S10 §2 · l'appui long saute une occurrence ─────────────────────────────
   Repère discret par construction — ce n'est pas un bouton qu'on remarque, c'est un geste caché
   dans une ligne qu'on connaît déjà. `:focus-visible` (base.css, global) donne le contour clavier
   pendant que `role="button"`/`tabindex` (posés par le script) le rendent atteignable. */
.ag[role="button"] { cursor: pointer; }

/* ── S10 §2 · l'annulation d'un saut ────────────────────────────────────────
   Reprend le patron `.ag` (base.css) — même hauteur de ligne que l'entrée qu'elle remplace
   temporairement — avec un bouton « Annuler » au lieu d'un simple détail. */
.ag-undo { align-items: center; }
.ag-undo span { color: var(--ink-muted); font-size: 13px; }
.ag-undo-btn {
  font: 600 11.5px/1 var(--font); color: var(--voice); padding: 6px 11px; flex: none;
  border: 1px solid var(--voice-line); border-radius: var(--r-pill);
}

/* ── S10 §2 · la feuille d'agenda (modals.js openAgendaAdd) ─────────────────
   Stylée ICI, pas dans modals.css (propriété de S12 cette vague) : un sélecteur CSS s'applique
   par CLASSE, pas par le fichier qui l'a écrit — donc `.ag-sheet input.ag-in` défini ici atteint
   bien les champs de la feuille même si l'élément vit dans #veil, hors du sous-arbre de cet
   écran. C'est délibéré : ça évite à S10 de toucher un fichier qui n'est pas le sien.
   `.sheet` / `.picks` / `.q1` / `.sub` / `.done` / `.ghost` (modals.css) sont réutilisés tels
   quels pour l'habillage général de la feuille et les puces (genre, jours). */
.ag-sheet input.ag-in {
  /* D3 (S1) : 16px minimum, sinon iOS Safari zoome sur le focus — même règle que modals.css,
     répétée ici parce que modals.css ne connaît pas encore input[type="time"]. */
  width: 100%; background: var(--field-bg); border: 1px solid var(--line); border-radius: var(--r-sm);
  color: var(--ink); padding: 11px 14px; font: 400 16px/1.3 var(--font); margin-top: 10px;
}

/* ── S21 · l'abonnement calendrier (21.1/21.2) ──────────────────────────────
   La carte réutilise le vocabulaire de .card (base.css) — rien de neuf que la zone de résultat
   après « Ajouter au calendrier » : le champ copiable, le bouton Copier et le QR (F.qrSvg, S8). */
.cal-sub-out { margin-top: 12px; }
.cal-sub-out:empty { margin-top: 0; }
.cal-url-row {
  display: flex; gap: 8px; align-items: center;
}
.cal-url-row input {
  flex: 1; min-width: 0; background: var(--field-bg); border: 1px solid var(--line);
  border-radius: var(--r-sm); color: var(--ink-muted); padding: 10px 12px;
  font: 400 12.5px/1.3 var(--mono); overflow: hidden; text-overflow: ellipsis;
}
.cal-qr { width: 132px; margin: 14px 0 4px; padding: 12px; background: var(--surface-2); border-radius: var(--r-md); }
.cal-qr svg { display: block; width: 100%; height: 100%; }

/* ── S21.3 · « Ajouter maintenant » (le cas pressé) ─────────────────────────
   Discret : une occurrence sur huit dans une semaine chargée n'a pas besoin d'un bouton qui crie —
   même hauteur de ligne que « Annuler » (.ag-undo-btn) mais sans la teinte voix, pour ne pas se
   confondre avec une action qui répond « votre voix » ailleurs dans l'app. */
.ag-now-btn {
  font: 600 11.5px/1 var(--font); color: var(--ink-muted); padding: 6px 11px; margin-top: 4px;
  border: 1px solid var(--line); border-radius: var(--r-pill); background: transparent;
}
.ag-now-btn:disabled { opacity: .55; }