/* ────────────────────────────────────────────────────────────── */
/* Correcciones Globales - Inputs y Formularios                  */
/* ────────────────────────────────────────────────────────────── */

/* Remover sombra molesta de los inputs al enfocarse */
.form-control:focus {
    box-shadow: none !important;
    outline: none;
    border-color: #1f6feb;
}

.form-select:focus {
    box-shadow: none !important;
    outline: none;
    border-color: #1f6feb;
}

/* Textarea también */
textarea.form-control:focus {
    box-shadow: none !important;
    border-color: #1f6feb;
}

/* Input groups */
.input-group .form-control:focus,
.input-group .form-select:focus {
    box-shadow: none !important;
    z-index: 5;
}

/* Correcciones para crear usuario admin */
.page-wrapper {
    min-height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
    width: 100%;
}

.page-wrapper .container {
    width: 100%;
    max-width: 1200px;
}

.page-wrapper .title-wrap {
    text-align: center;
    margin-bottom: 40px;
    color: #ffffff;
}

.page-wrapper .title-wrap h1 {
    color: #ffffff !important;
    font-size: 2rem;
    margin-bottom: 10px;
}

.page-wrapper .title-wrap p {
    color: #b0c4de;
    font-size: 1rem;
}

/* Asegurar que el contenedor sea de tamaño fijo */
.shell-card {
    background: #0a1628;
    border: 1px solid rgba(13, 110, 253, 0.2);
}

/* Mejorar contraste de texto en crear usuario */
.shell-card h2,
.shell-card h3,
.shell-card .h5,
.shell-card .h6 {
    color: #ffffff !important;
}

.shell-card p {
    color: #b0c4de !important;
}

.shell-card label {
    color: #ffffff !important;
}

.shell-card .form-label {
    color: #ffffff !important;
}

.shell-card .form-control,
.shell-card .form-select {
    color: #ffffff !important;
    background-color: #0d1b2a !important;
    border-color: rgba(13, 110, 253, 0.2) !important;
}

.shell-card .form-control::placeholder {
    color: #7a99bf !important;
}

.shell-card .input-group-text {
    background-color: #0d1b2a !important;
    color: #7a99bf !important;
    border-color: rgba(13, 110, 253, 0.2) !important;
}

.shell-card .helper {
    color: #7a99bf !important;
}

.shell-card .role-card {
    background: #0d1b2a;
    border: 2px solid rgba(13, 110, 253, 0.2);
    color: #b0c4de;
    padding: 16px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.shell-card .role-card:hover {
    border-color: rgba(13, 110, 253, 0.5);
    background: #0f2035;
}

.shell-card .role-card.active {
    background: linear-gradient(135deg, rgba(13, 110, 253, 0.2), rgba(13, 110, 253, 0.1));
    border-color: #0d6efd;
    box-shadow: 0 0 20px rgba(13, 110, 253, 0.3);
}

.shell-card .role-card ul {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
    font-size: 0.85rem;
}

.shell-card .role-card ul li {
    padding: 4px 0;
    color: #7a99bf;
    display: flex;
    align-items: center;
}

.shell-card .role-card ul li:before {
    content: "✓";
    margin-right: 8px;
    color: #0d6efd;
    font-weight: bold;
}

/* Botones en crear usuario */
.shell-card .btn {
    font-weight: 600;
}

.shell-card .btn-main {
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: #ffffff;
}

.shell-card .btn-main:hover {
    background-color: #0d5ae0;
    border-color: #0d5ae0;
}

.shell-card .btn-outline-secondary {
    color: #b0c4de;
    border-color: #b0c4de;
}

.shell-card .btn-outline-secondary:hover {
    background-color: #b0c4de;
    color: #0a1628;
}