/*
 * La fenêtre « Encaisser » et la carte du reçu (BRIEF-A-PLUS A2), classes `ap-*` de la maquette
 * a-plus.html, au pixel près. Liée par brand-styles.blade.php (AucuneClasseFantomeTest).
 */
/* Le texte d'un schéma Filament est un <span> : les blocs de la maquette prennent toute la largeur. */
.ap-target, .ap-cover, .ap-over, .ap-dest { display: block; }
/* Les aides et les descriptions des modes, en petit comme la maquette (`.ap-help`, `.ap-radio small`). */
.ap-fenetre .fi-fo-field-content-col .fi-sc-text, .ap-fenetre .fi-fo-radio-label-description { font-size: 12.5px; line-height: 1.45; color: #6B6875; }
/* L'espacement de la maquette (`.ap-form { gap: 16px }`), plus serré que celui des schémas Filament. */
.ap-fenetre .fi-sc-has-gap:not(.fi-sc-dense) { gap: 16px; }
.ap-help { margin: 0; font-size: 12.5px; color: #6B6875; line-height: 1.45; }
.ap-orange { color: #B45309; }
.ap-target { padding: 10px 12px; border: 1px solid #E7E5EA; border-radius: 10px; background: #FCFCFD; }
.ap-cover { margin: 0; padding: 9px 12px; border-radius: 10px; background: #EEF2FE; color: #1D3A8A; font-weight: 600; font-size: 13.5px; }
.ap-cover:empty { display: none; }
.ap-dest { margin: 0; font-size: 13.5px; font-weight: 600; }
.ap-over { padding: 10px 12px; border-radius: 10px; background: #FEF3F2; color: #B42318; font-size: 13.5px; line-height: 1.45; }
.ap-prom { display: flex !important; flex-wrap: wrap; gap: 8px 14px; align-items: center; padding: 10px 12px; border-radius: 10px; background: #FFF7E6; font-size: 13.5px; }
.ap-prom .fi-input-wrp { width: 11.5rem; max-width: 100%; }
.ap-recu { display: flex; flex-direction: column; gap: 12px; }
.ap-recu-ok { display: flex; gap: 8px; align-items: center; font-weight: 600; color: #15803D; }
.ap-recu-ok.ap-orange { color: #B45309; }
.ap-recu-card { border: 1px solid #E7E5EA; border-radius: 12px; padding: 16px; background: #FCFCFD; }
.ap-recu-top { display: flex; justify-content: space-between; gap: 8px 10px; flex-wrap: wrap; align-items: center; }
.ap-recu-no { font-weight: 700; letter-spacing: .01em; }
.ap-recu-amt { font-size: 24px; font-weight: 700; margin: 6px 0 10px; font-variant-numeric: tabular-nums; }
.ap-dl { display: grid; grid-template-columns: 8rem minmax(0, 1fr); gap: 5px 12px; margin: 0 0 8px; font-size: 13.5px; }
.ap-dl dt { color: #6B6875; }
.ap-dl dd { margin: 0; }
@media (max-width: 480px) { .ap-dl { grid-template-columns: minmax(0, 1fr); gap: 0; } .ap-dl dd { margin-bottom: 6px; } }
/* La photo de la preuve du virement (F2) : la vignette et le bouton appareil photo de la maquette. */
.ap-photo { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.ap-photo label { cursor: pointer; }
.ap-photo label:focus-within { outline: 2px solid #C8102E; outline-offset: 2px; }
.ap-thumb { display: block; width: 84px; flex: none; border: 1px solid #E7E5EA; border-radius: 9px; overflow: hidden; background: #fff; }
.ap-thumb img { display: block; width: 100%; height: auto; }