/* Dialogue réutilisable Carnet Miam : une seule identité visuelle en SSR comme en Blazor. */
.cm-dialog {box-sizing:border-box;width:min(510px,calc(100vw - 2rem));max-width:none;max-height:min(92dvh,760px);overflow-y:auto;margin:auto;padding:0;border:1px solid #947239;border-radius:22px;background:#25231e;color:#f5ebd9;box-shadow:0 24px 90px #000b}
.cm-dialog:not([open]) {display:none!important}
.cm-dialog::backdrop {background:rgba(11,10,8,.78);backdrop-filter:blur(3px)}
.cm-dialog-inner {padding:clamp(1.2rem,3vw,2rem)}
.cm-dialog-icon {display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:#2e220d;background:#f2bf3e;font-size:1.6rem;margin-bottom:1rem}
.cm-dialog-kicker {margin:0 0 .6rem;color:#f6c34a;letter-spacing:.1em;font-size:.72rem;font-weight:800}
.cm-dialog h2 {font-family:Georgia,serif;color:#fff1d8;line-height:1.2;font-size:clamp(1.55rem,4vw,2rem);margin:0 0 .65rem}
.cm-dialog-description {margin:0 0 1.3rem;line-height:1.55;color:#d4c5ae}
.cm-dialog-actions {display:flex;justify-content:flex-end;gap:.7rem;flex-wrap:wrap;margin-top:1.15rem}
.cm-dialog-button {display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:.7rem 1.05rem;border-radius:11px;font:inherit;font-size:.88rem;font-weight:800;cursor:pointer}
.cm-dialog-button-secondary {border:1px solid #655b4a;background:transparent;color:#f2e6d1}
.cm-dialog-button-primary {border:1px solid #f2bf3e;background:#f2bf3e;color:#211a0e}
.cm-dialog-button-danger {border:1px solid #c65b5c;background:#a43b40;color:#fff7ef}
.cm-dialog-button-neutral {border:1px solid #655b4a;background:#39352e;color:#f2e6d1}
.cm-dialog-button:disabled {opacity:.55;cursor:wait}
.cm-dialog button:focus-visible {outline:3px solid #f5cc64;outline-offset:3px}
.cm-dialog-alerte {border-color:#ac5a56}
.cm-dialog-alerte .cm-dialog-icon {background:#d87371;color:#2e1312}
.cm-dialog-alerte .cm-dialog-kicker {color:#efa39a}
.cm-dialog-attention .cm-dialog-icon {background:#f2bf3e}
.cm-dialog-message .cm-dialog-icon {background:#c2b69a}
.cm-dialog-danger-details {padding:.95rem 1.05rem;border:1px solid #6d4540;border-radius:12px;background:#342825;color:#e4c8bf;line-height:1.55;font-size:.88rem}
@media(max-width:480px){.cm-dialog-actions{flex-direction:column-reverse}.cm-dialog-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.cm-dialog::backdrop{backdrop-filter:none}}