/* Spoločný potvrdzovací dialóg KREOBETON – verejný web aj administrácia. */
.kreo-confirm-dialog {
    width: min(440px, calc(100% - 32px));
    max-width: 440px;
    max-height: calc(100dvh - 32px);
    margin: auto;
    padding: 0;
    border: 1px solid #e2d3c6;
    border-radius: 16px;
    background: #fffdfa;
    color: #24231f;
    box-shadow: 0 24px 85px rgba(40,28,20,.24);
    overflow: auto;
}
.kreo-confirm-dialog::backdrop {background: rgba(31,27,23,.54);backdrop-filter: blur(2px)}
.kreo-confirm-panel {padding: clamp(24px,5vw,32px);font-family: 'DM Sans',Arial,sans-serif;line-height:1.55}
.kreo-confirm-symbol {display:grid;place-items:center;width:40px;height:40px;margin-bottom:14px;border-radius:50%;background:#f5eae2;color:#924629;font-size:1.2rem;font-weight:800}
.kreo-confirm-dialog[data-tone="danger"] .kreo-confirm-symbol {background:#f9e5df;color:#a42e22}
.kreo-confirm-dialog h2 {font-family:Manrope,Arial,sans-serif;font-weight:800;line-height:1.25;letter-spacing:-.025em;font-size:1.35rem;margin:0 0 10px}
.kreo-confirm-dialog p {font-size:.94rem;color:#5e5a51;margin:0 0 26px;overflow-wrap:anywhere}
.kreo-confirm-actions {display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}
.kreo-confirm-actions button {min-height:44px;padding:10px 16px;border-radius:7px;font:700 .9rem 'DM Sans',Arial,sans-serif;cursor:pointer}
.kreo-confirm-cancel {background:#fff;border:1px solid #d9c6b7;color:#302922}
.kreo-confirm-cancel:hover {background:#f7f1eb}
.kreo-confirm-cancel[hidden] {display:none!important}
.kreo-confirm-accept {background:#a75132;border:1px solid #a75132;color:white}
.kreo-confirm-accept:hover {background:#854026;border-color:#854026}
.kreo-confirm-dialog[data-tone="danger"] .kreo-confirm-accept {background:#a63c2d;border-color:#a63c2d}
.kreo-confirm-dialog[data-tone="danger"] .kreo-confirm-accept:hover {background:#892e23;border-color:#892e23}
.kreo-confirm-actions button:focus-visible {outline:3px solid #bd7953;outline-offset:3px}
@media (max-width:480px) {
    .kreo-confirm-actions {flex-direction:column-reverse}
    .kreo-confirm-actions button {width:100%}
}
@media (prefers-reduced-motion: reduce) {.kreo-confirm-dialog::backdrop {backdrop-filter:none}}
@media print {.kreo-confirm-dialog {display:none!important}}