.bqa-app .bqa-password-generator { margin: 10px 0; max-width: 620px; text-align: left; }
.bqa-app .bqa-password-generator__button { appearance: none; display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 8px 14px; border: 1px solid var(--bqa-line); border-radius: 20px; background: #fff; color: var(--bqa-navy); font: 600 14px/1.4 Roboto, Arial, sans-serif; cursor: pointer; white-space: normal; }
.bqa-app .bqa-password-generator__button:hover { background: #edf7fb; border-color: var(--bqa-cyan); }
.bqa-app .bqa-password-generator__button:disabled { cursor: default; opacity: .65; }
.bqa-app .bqa-password-generator__details { margin-top: 10px; padding: 16px; border: 1px solid var(--bqa-line); border-top: 3px solid var(--bqa-cyan); border-radius: 12px; background: #f0f8fc; color: var(--bqa-text); }
.bqa-app .bqa-password-generator__details[hidden] { display: none !important; }
.bqa-app .bqa-password-generator__details > strong { display: block; color: var(--bqa-navy); font-size: 16px; }
.bqa-app input.bqa-password-generator__preview { display: block; width: 100%; min-width: 0; height: auto; margin: 10px 0; padding: 12px; border: 1px solid var(--bqa-line); border-radius: 7px; background: #fff; color: var(--bqa-navy); font: 600 18px/1.5 Consolas, monospace; letter-spacing: .04em; }
.bqa-app .bqa-password-generator__hint { margin: 8px 0 12px; font: 400 14px/1.55 Roboto, Arial, sans-serif; }
.bqa-app .bqa-password-generator__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.bqa-app .bqa-password-generator__use { border-color: var(--bqa-navy); background: var(--bqa-navy); color: #fff; }
.bqa-app .bqa-password-generator__use:hover { background: #24445f; border-color: #24445f; }
.bqa-app .bqa-password-generator__status { margin: 8px 0 0; color: var(--bqa-navy); font: 400 14px/1.55 Roboto, Arial, sans-serif; }
.bqa-app .bqa-password-generator__status:empty { display: none; }
@media (max-width: 600px) {
    .bqa-app .bqa-password-generator__details { padding: 12px; }
    .bqa-app input.bqa-password-generator__preview { font-size: 16px; letter-spacing: 0; }
    .bqa-app .bqa-password-generator__actions { align-items: stretch; }
}
