/* interface/message-annuler.css — message du bas avec « Annuler » (message-annuler.js) ; même allure que celui des règles. */
.message-annuler{
 position:fixed;left:50%;bottom:calc(40px * var(--ui-scale-factor));transform:translateX(-50%);z-index:3300;
 display:flex;align-items:center;gap:calc(8px * var(--ui-scale-factor));max-width:min(calc(560px * var(--ui-scale-factor)),calc(100vw - 24px));
 padding:calc(7px * var(--ui-scale-factor)) calc(8px * var(--ui-scale-factor)) calc(7px * var(--ui-scale-factor)) calc(11px * var(--ui-scale-factor));
 border-radius:calc(7px * var(--ui-scale-factor));background:var(--surface);border:calc(1px * var(--ui-scale-factor)) solid var(--border);border-left:calc(3px * var(--ui-scale-factor)) solid var(--accent);
 box-shadow:0 calc(10px * var(--ui-scale-factor)) calc(30px * var(--ui-scale-factor)) rgba(0,0,0,.45);font-size:calc(10px * var(--ui-scale-factor));color:var(--text);
 filter:var(--ui-filter,none);opacity:1;transition:opacity .26s ease,transform .26s ease;
}
.message-annuler[hidden]{display:none;}
.message-annuler.entree,.message-annuler.sortie{opacity:0;transform:translateX(-50%) translateY(calc(6px * var(--ui-scale-factor)));}
.message-annuler.sortie{pointer-events:none;}
@media (prefers-reduced-motion:reduce){ .message-annuler{transition:opacity .2s linear;} .message-annuler.entree,.message-annuler.sortie{transform:translateX(-50%);} }
.message-annuler-texte{line-height:1.4;}
.message-annuler .btn-ghost{padding:calc(3.5px * var(--ui-scale-factor)) calc(9px * var(--ui-scale-factor));font-size:calc(9.5px * var(--ui-scale-factor));font-weight:700;white-space:nowrap;color:var(--accent);}
.message-annuler .modal-close{flex-shrink:0;}
html.mode-telephone .message-annuler{bottom:calc(76px + env(safe-area-inset-bottom,0px));font-size:14px;max-width:calc(100vw - 24px);}
html.mode-telephone .message-annuler .btn-ghost{font-size:14px;padding:6px 12px;}