/* Общая геометрия подтверждений, цвета из палитры сайта. */
.action-confirm-buttons { display: flex; justify-content: space-between; gap: 10px; margin-top: 24px; }
.action-confirm-buttons [data-confirm-accept]{order:-1}
.action-confirm-buttons button { padding: 10px 18px; border: 1px solid var(--color-border); border-radius: 8px; background: var(--color-page); color: var(--color-text); cursor: pointer; font: inherit; font-size: 13px; }
.action-confirm-buttons button:hover { color: var(--color-brand); border-color: var(--color-brand); }
.action-confirm-buttons button{flex:1 1 0;min-width:0}
.action-confirm-buttons [data-confirm-cancel]:hover{color:var(--color-text);border-color:var(--color-border-hover)}
.action-confirm-buttons [data-confirm-accept]:not(.is-danger){color:var(--color-brand);border-color:color-mix(in srgb,var(--color-brand) 55%,var(--color-border));background:var(--color-success-alpha-10);font-weight:600}
.action-confirm-buttons [data-confirm-accept].is-danger{color:var(--color-error-text);border-color:color-mix(in srgb,var(--color-error) 55%,var(--color-border));background:transparent}
@media(hover:hover) and (pointer:fine){
    .action-confirm-buttons [data-confirm-accept]:not(.is-danger):hover{color:var(--color-success-bright);border-color:color-mix(in srgb,var(--color-brand) 65%,var(--color-border));background:var(--color-success-alpha-18)}
    .action-confirm-buttons [data-confirm-accept].is-danger:hover{color:var(--color-error-text);border-color:color-mix(in srgb,var(--color-error) 65%,var(--color-border));background:transparent}
}
dialog.account-card.auth-popup.action-confirm.is-compact-confirm{height:fit-content;max-height:calc(100dvh - 20px)}@media(max-width:650px){dialog.account-card.auth-popup.action-confirm.is-compact-confirm{inset:10px 10px auto;margin:0}}
.action-confirm-buttons [hidden]{display:none}
.action-confirm-choices{display:grid;gap:10px}
.action-confirm-choices:empty{display:none}
.action-confirm-choices button{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-page);color:var(--color-text);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.action-confirm-choices button:hover,.action-confirm-choices button:focus-visible{border-color:var(--color-gold);outline:1px solid var(--color-gold)}
.action-confirm-choices img{flex:none;object-fit:contain}
