/* ===========================================
   APP DIALOG — Confirm & Prompt overrides
   Extends .native-modal-* base styles in style.css
   =========================================== */

/* --- Text input for Prompt dialog --- */
.app-dialog-input {
    width: 100%;
    padding: 12px;
    margin-bottom: 20px;
    background: var(--input-bg, #121214);
    border: 1px solid var(--border, #27272a);
    border-radius: 8px;
    color: var(--text-primary, #e4e4e7);
    font-size: 1rem;
    outline: none;
    transition: border-color 0.2s;
    box-sizing: border-box;
}

.app-dialog-input:focus {
    border-color: var(--accent, #3b82f6);
}

/* --- Destructive (red) confirm button variant --- */
.native-modal-btn.destructive {
    background: var(--recording, #ef4444);
    color: white;
}

.native-modal-btn.destructive:active {
    background: #dc2626;
    transform: scale(0.98);
}

/* Ensure dialog messages support line breaks via \n */
#appConfirmMessage,
#appPromptMessage {
    white-space: pre-line;
}

/* Destructive icon color override */
.native-modal-header i.destructive-icon {
    color: var(--recording, #ef4444);
}