/* ═══════════════════════════════════════════════════════════════════
   theme-confidat-cloud.css
   Replica exacta de la paleta y estilos base de Confidat.Cloud
   (confidat.css) aplicada a las páginas de Confidat.AuthService.WebUI.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Variables — idénticas a confidat.css ── */
:root {
    --cc-primary:       #2980b9;
    --cc-primary-hover: #2471a3;
    --cc-black:         #2c3340;
    --cc-dark:          #3d4a5c;
    --cc-gray:          #6b7280;
    --cc-light-gray:    #f3f4f6;
    --cc-surface:       #f7f8fa;
    --cc-border:        #d0d6de;
    --cc-white:         #ffffff;
    --cc-text:          #2c3340;
    --cc-header-height: 70px;
}

/* ── Body — idéntico a confidat.css ── */
body {
    font-family: 'Segoe UI', system-ui, sans-serif;
    color: var(--cc-black);
    background: var(--cc-white);
    margin: 0;
    padding: 0;
}

/* ── Sobreescritura Bootstrap: btn-primary ── */
.btn-primary {
    background-color: var(--cc-primary) !important;
    border-color: var(--cc-primary) !important;
    color: var(--cc-white) !important;
    font-weight: 600 !important;
    border-radius: 4px !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background-color: var(--cc-primary-hover) !important;
    border-color: var(--cc-primary-hover) !important;
    color: var(--cc-white) !important;
}

/* ── Sobreescritura Bootstrap: inputs ── */
.form-control {
    border-color: var(--cc-border) !important;
    color: var(--cc-black) !important;
    background-color: var(--cc-white) !important;
    border-radius: 4px !important;
}

.form-control:focus {
    border-color: var(--cc-primary) !important;
    box-shadow: 0 0 0 0.1rem #fff, 0 0 0 0.25rem rgba(41,128,185,0.28) !important;
    color: var(--cc-black) !important;
}

/* ── Sobreescritura Bootstrap: labels ── */
.form-label {
    color: var(--cc-black) !important;
    font-weight: 600 !important;
    font-size: 0.88rem !important;
}

/* ── Sobreescritura Bootstrap: card ── */
.card {
    border: 1px solid var(--cc-border) !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 12px rgba(44,51,64,0.08) !important;
    background: var(--cc-white) !important;
}

.card-title {
    color: var(--cc-black) !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
}

/* ── Sobreescritura Bootstrap: checkbox ── */
.form-check-input:checked {
    background-color: var(--cc-primary) !important;
    border-color: var(--cc-primary) !important;
}

/* ── Sobreescritura Bootstrap: links dentro del formulario ── */
.card a,
.card a.small,
.card .text-decoration-none {
    color: var(--cc-primary) !important;
}

.card a:hover,
.card a.small:hover,
.card .text-decoration-none:hover {
    color: var(--cc-primary-hover) !important;
}

/* ── Textos secundarios ── */
.text-muted {
    color: var(--cc-gray) !important;
}

/* ── Fondo de la página ── */
.cc-public-content {
    background: var(--cc-surface) !important;
}