/* « Demandes à rappeler » (AJUST-27, #987) — la liste partagée de l'équipe d'accueil et la fiche d'une demande.
   Les lignes (.order-row) et les pastilles d'état (.order-status) sont celles des demandes clientes (relay.css) ;
   ici, seulement ce qui est propre au module. Jetons --brand-* uniquement. */

/* La ligne et son geste « Je m'en occupe », posé dessous, à droite. */
.desk-row { padding-bottom: .5rem; border-bottom: 1px dashed var(--brand-line-soft); }
.desk-row:last-child { border-bottom: 0; padding-bottom: 0; }
.desk-row .order-row { border-bottom: 0; }
.desk-take { display: flex; justify-content: flex-end; }
.desk-take .btn { padding-inline: 1rem; }

/* La fiche : ce qu'elle a dit d'elle, une information par ligne. */
.desk-facts { list-style: none; margin: .5rem 0 0; padding: 0; display: grid; gap: .35rem; }
.desk-facts li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .2rem .8rem; padding: .35rem 0; border-bottom: 1px dashed var(--brand-line-soft); font-size: .9rem; }
.desk-facts li:last-child { border-bottom: 0; }
.desk-facts span { color: var(--brand-muted); }
.desk-facts b { color: var(--brand-secondary); text-align: right; overflow-wrap: anywhere; }

/* Les coordonnées, une par ligne, pour celle qui a pris la demande. */
.desk-contact { display: grid; gap: .5rem; margin-top: .8rem; }
.desk-contact .btn { overflow-wrap: anywhere; white-space: normal; }

/* Les issues : une par ligne. */
.desk-outcomes { display: grid; gap: .35rem; }

/* Le fil : un mot se détache, un geste reste discret. */
.desk-line { padding: .5rem 0; border-bottom: 1px dashed var(--brand-line-soft); font-size: .88rem; color: var(--brand-muted); }
.desk-line:last-child { border-bottom: 0; }
.desk-line-meta { font-size: .78rem; }
.desk-line-meta b { color: var(--brand-secondary); }
.desk-line.is-word { color: inherit; }
.desk-line-outcome { font-weight: 700; color: var(--brand-secondary); margin-top: .15rem; }
.desk-line-word { margin-top: .3rem; padding: .5rem .7rem; border-radius: 10px; background: var(--brand-surface-soft); border: 1px solid var(--brand-line-soft); overflow-wrap: anywhere; }