.site-dialog {
    box-sizing: border-box; width: min(92vw, 480px); max-height: 85vh;
    overflow: auto; border: 1px solid #dce3ed; border-radius: 16px;
    padding: 24px; color: #18253a; background: #fff;
    box-shadow: 0 16px 60px #14243b40; font-family: 'Tajawal', Arial, sans-serif;
}
.site-dialog::backdrop { background: #15223880; }
.site-dialog h3 { margin: 0 0 16px; font-size: 1.2rem; }
.site-dialog p { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.8; }
.site-dialog textarea { box-sizing: border-box; width: 100%; min-height: 100px; padding: 10px; border: 1px solid #8895a7; border-radius: 8px; font: inherit; }
.site-dialog-actions { display: flex; justify-content: flex-end; gap: 12px; margin-top: 22px; }
.site-dialog button { padding: 9px 22px; border: 1px solid #c5cfdd; border-radius: 8px; background: #f4f6fa; color: #18253a; cursor: pointer; font: inherit; }
.site-dialog .site-dialog-primary { color: #fff; background: #1663c7; border-color: #1663c7; }
.site-dialog :focus-visible { outline: 3px solid #e8a21b; outline-offset: 3px; }
@media print { .site-dialog, .site-dialog::backdrop { display: none !important; } }