/* doc-project | caisse-aqp/public/assets/css/components/storeClosuresManagerModal.css | Styles dédiés à la modale caisse « Gérer les fermetures » avec formulaire responsive, liste des périodes et actions d’édition/désactivation. | Expose: classes store-closures-modal* | Dépend de: styles globaux modal, input, abtn | Impacte: lisibilité et ergonomie tactile de l’administration des fermetures | Tables: aucune */
.store-closures-modal__card{width:min(820px,calc(100vw - 24px));max-height:92vh}
.store-closures-modal{display:grid;gap:14px}
.store-closures-modal__intro{margin:0;opacity:.78;line-height:1.45}
.store-closures-modal__list{display:grid;gap:8px;max-height:220px;overflow:auto;padding-right:2px}
.store-closures-modal__empty{padding:12px;border:1px dashed rgba(255,255,255,.2);border-radius:10px;opacity:.72}
.store-closures-modal__row{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.04)}
.store-closures-modal__row-main{min-width:0;display:grid;gap:5px}
.store-closures-modal__row-main p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;opacity:.82}
.store-closures-modal__row-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.store-closures-modal__form{display:grid;gap:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}
.store-closures-modal__editing{font-weight:850}
.store-closures-modal__dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.store-closures-modal__field{display:grid;gap:6px}
.store-closures-modal__label,.store-closures-modal__stores legend{font-size:12px;font-weight:800;opacity:.8}
.store-closures-modal__textarea{min-height:96px;resize:vertical}
.store-closures-modal__stores{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:0;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px}
.store-closures-modal__stores legend{padding:0 6px}
.store-closures-modal__store{display:inline-flex;gap:8px;align-items:center;font-weight:750}
.store-closures-modal__status{min-height:20px;font-size:12px;opacity:.76}
.store-closures-modal__status.is-error{color:#ffb6b6;opacity:1;font-weight:800}
@media (max-width:680px){.store-closures-modal__row{flex-direction:column}.store-closures-modal__row-actions{width:100%;justify-content:flex-start}.store-closures-modal__dates{grid-template-columns:1fr}}