/*! * Copyright (c) 2026 AbuEin Technologies — Salaheddin AbuEin * https://abuein.dev/ * SPDX-License-Identifier: MIT */ @layer components{dialog.dialog-overlay{z-index:var(--z-modal);width:100%;max-width:none;height:100%;max-height:none;padding:var(--spacing-lg);color:inherit;background-color:#0000;border:0;margin:0;position:fixed;top:0;bottom:0;left:0;right:0;overflow:visible}dialog.dialog-overlay[open]{justify-content:center;align-items:center;animation:.2s fadeIn;display:flex}dialog.dialog-overlay::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080}.dialog-close-form{display:contents}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dialog{width:100%;max-width:480px;max-height:90vh;padding:var(--spacing-2xl);background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:.2s scaleIn;position:relative;overflow-y:auto}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dialog-close{top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;font-size:var(--text-2xl);color:var(--color-text-muted);transition:color var(--transition-fast);position:absolute}.dialog-close:hover{color:var(--color-text)}.dialog h2{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--spacing-sm);font-weight:700}.dialog>p{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.hp input{position:absolute;left:-9999px}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{font-size:var(--text-sm);margin-bottom:var(--spacing-sm);font-weight:500;display:block}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-md);font-size:var(--text-base);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text);transition:border-color var(--transition-fast);font-family:inherit}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none}.form-group textarea{resize:vertical;min-height:100px}}