/**
 * api-key-manager.css - Styles für API Key Management Dialog
 * CSP-konform ohne inline-styles
 */

.api-key-dialog {
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--card);
    color: var(--fg);
    padding: 0;
    max-height: 80vh;
    overflow-y: auto;
}

.api-key-dialog .dialog-content {
    width: 500px;
    max-width: 90vw;
}

.api-key-section {
    margin-bottom: 20px;
    padding: 15px;
    background: var(--bg);
    border-radius: 8px;
}

.api-key-section h4 {
    margin: 0 0 10px 0;
    color: var(--accent);
}

.key-input-group {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 5px;
}

.key-input-group input {
    flex: 1;
    padding: 8px;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 6px;
    color: var(--fg);
    font-family: monospace;
}

.toggle-visibility,
.test-key {
    padding: 6px 10px;
    background: var(--card);
    border: 1px solid var(--border);
    border-radius: 6px;
    cursor: pointer;
    color: var(--fg);
}

.toggle-visibility:hover,
.test-key:hover {
    border-color: var(--accent);
}

.api-key-stats {
    display: flex;
    justify-content: space-around;
    padding: 15px;
    background: var(--bg);
    border-radius: 8px;
    margin: 20px 0;
}

.stat-item {
    text-align: center;
}

.stat-item span {
    display: block;
}

.danger {
    color: #ff6b6b;
}

.danger:hover {
    background: #ff6b6b22;
}

.key-test-result {
    padding: 5px 10px;
    border-radius: 4px;
    margin-top: 5px;
    font-size: 12px;
}

.key-test-success {
    background: #28a74522;
    color: #28a745;
}

.key-test-error {
    background: #dc354522;
    color: #dc3545;
}

/* Custom Masking for API Keys (prevents Chrome password save prompt) */
.api-key-input[data-masked="true"] {
    font-family: 'password', monospace;
    letter-spacing: 0.3em;
    -webkit-text-security: disc;
    text-security: disc;
}

.api-key-input[data-masked="false"] {
    font-family: monospace;
    letter-spacing: normal;
    -webkit-text-security: none;
    text-security: none;
}

/* Prevent password manager prompts */
.api-key-input {
    autocomplete: off !important;
}