/*
 * dialog-biometrics.css
 *
 * Biometric Consent dialog styles.
 * Overlay, container, header, close btn, body, footer, db-btn, and
 * db-scroll-hint provided by dialog-base.css.
 *
 * Only the purple header gradient is unique to this dialog.
 */

/* Override header gradient with purple for biometrics branding */
#biometricsModal .db-header {
    --db-header-color1: #3a1060;
    --db-header-color2: #1e0038;
}

/* Inner content rendered from HTML */
.biometrics-body-content {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 6px;
    padding: 20px;
    background: rgba(255, 255, 255, 0.04);
    overflow: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13.33px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.75);
}

.biometrics-body-content h1 { font-size: 2em; margin: 0.67em 0; color: rgba(255,255,255,0.88); }
.biometrics-body-content h2 { font-size: 1.5em; margin: 0.75em 0; color: rgba(255,255,255,0.88); }
.biometrics-body-content h3 { font-size: 1.17em; margin: 0.83em 0; color: rgba(255,255,255,0.88); }
.biometrics-body-content p { margin: 1em 0; }
.biometrics-body-content ul,
.biometrics-body-content ol { margin: 0.4em 0; padding-left: 2em; }
.biometrics-body-content blockquote {
    margin: 1em 0;
    padding: 10px 20px;
    border-left: 4px solid #2dd4bf;
    background: rgba(45, 212, 191, 0.05);
}