/* ============================================================
   wdDialog (wwwroot/js/dialog.js) — окна подтверждения и сообщений, в стекле AluHub.
   Использует токены glass.css: --bg, --text, --text-2, --hair, --accent, --danger, --r-lg.
   На телефоне — снизу, как системный лист; на ПК — по центру.
   ============================================================ */
.lg-dialog-overlay { position: fixed; inset: 0; z-index: 5000; display: flex; align-items: flex-end; justify-content: center;
    padding: 16px; padding-bottom: max(16px, env(safe-area-inset-bottom)); background: rgba(0, 0, 0, .62);
    /* Сильное размытие: текст страницы под окном не должен читаться сквозь стекло */
    backdrop-filter: blur(12px) saturate(120%); -webkit-backdrop-filter: blur(12px) saturate(120%);
    opacity: 0; transition: opacity .15s ease; }
.lg-dialog-overlay.is-open { opacity: 1; }
/* Само окно — плотнее обычного стекла (на телефоне у .glass нет своего размытия) */
.lg-dialog.glass { background: rgba(26, 28, 34, .9); }
html.light .lg-dialog.glass { background: rgba(250, 251, 253, .94); }
html.light .lg-dialog-overlay { background: rgba(15, 23, 42, .4); }
.lg-dialog { width: 100%; max-width: 400px; padding: 22px 20px 18px; border-radius: var(--r-lg);
    transform: translateY(16px); transition: transform .18s var(--ease); }
.lg-dialog-overlay.is-open .lg-dialog { transform: none; }
.lg-dialog-title { font-size: 17px; font-weight: 600; margin-bottom: 6px; }
.lg-dialog-text { font-size: 14.5px; line-height: 1.5; color: var(--text-2); white-space: pre-line; word-break: break-word; }
.lg-dialog-actions { display: flex; gap: 8px; margin-top: 20px; }
.lg-dialog-actions > .lg-dialog-btn { flex: 1; }
.lg-dialog-actions.is-stacked { flex-direction: column-reverse; }
.lg-dialog-btn { min-height: 44px; padding: 10px 14px; border-radius: var(--r-sm); border: 1px solid var(--hair);
    background: var(--field); color: var(--text); font: inherit; font-size: 15px; font-weight: 600; cursor: pointer;
    transition: background .15s, border-color .15s; }
.lg-dialog-btn:hover { background: var(--field-hover); }
.lg-dialog-btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.lg-dialog-btn.is-primary { background: var(--accent); border-color: var(--accent); color: #fff; }
.lg-dialog-btn.is-primary:hover { background: var(--accent-hi); }
.lg-dialog-btn.is-danger { background: var(--danger); border-color: var(--danger); color: #fff; }
@media (min-width: 768px) {
    .lg-dialog-overlay { align-items: center; }
}