/* Styles extracted from ssh_key.html for better readability and reuse */
/* Custom styles for better readability */
.key-card {
    background-color: #2d3748 !important;
    border: 1px solid #4a5568;
}

.key-card-header {
    background-color: #1a202c !important;
    border-bottom: 1px solid #4a5568;
    color: #e2e8f0;
}

.add-key-card {
    background-color: #2d3748 !important;
    border: 1px solid #4a5568;
}

.form-error {
    background-color: #742a2a;
    color: #feb2b2;
    padding: 0.5rem;
    border-radius: 0.25rem;
    margin-top: 0.25rem;
    border-left: 4px solid #fc8181;
}

.form-error p {
    margin: 0;
    font-weight: 500;
}

.alert-danger {
    background-color: #742a2a !important;
    color: #fff5f5 !important;
    border-color: #fc8181 !important;
}

.alert-success {
    background-color: #22543d !important;
    color: #f0fff4 !important;
    border-color: #68d391 !important;
}

.alert-info {
    background-color: #2c5282 !important;
    color: #ebf8ff !important;
    border-color: #63b3ed !important;
}

.alert-warning {
    background-color: #744210 !important;
    color: #fffaf0 !important;
    border-color: #f6ad55 !important;
}

/* Inputs */
.form-control.custom-dark {
    background-color: #1a202c;
    color: #e2e8f0;
    border-color: #4a5568;
}

textarea.form-control.custom-dark {
    background-color: #1a202c;
    color: #e2e8f0;
    border-color: #4a5568;
    font-size: 0.85rem;
}

.btn-close-white {
    filter: invert(1) hue-rotate(180deg) saturate(0.6);
}