.cds-panel-soporte,

.cds-ficha-cliente {

    max-width: 1400px;

    margin: 30px auto;

    padding: 28px;

    background: rgba(255,255,255,0.94);

    border: 1px solid #dbe5ef;

    border-radius: 14px;

    box-shadow: 0 8px 24px rgba(15,39,70,0.08);

}



.cds-panel-soporte h2,

.cds-ficha-cliente h2 {

    text-align: center;

    color: #10284a;

    font-size: 34px;

    margin-bottom: 28px;

}



.cds-ficha-cliente p {

    background: #f7fbff;

    border: 1px solid #dbe7f1;

    border-radius: 9px;

    padding: 13px 14px;

    margin-bottom: 14px;

    color: #10284a;

}



.cds-ficha-cliente strong {

    color: #10284a;

}



.cds-bloque-documental {

    margin-top: 26px;

    padding: 20px;

    border: 1px solid #d3e4f1;

    border-left: 4px solid #5bb3d8;

    border-radius: 12px;

    background: #fff;

}



.cds-bloque-documental h3 {

    color: #10284a;

    margin-top: 0;

}



.cds-bloque-documental a,

.cds-volver-panel {

    display: inline-block;

    background: #eef8fd;

    color: #0b5f93;

    padding: 10px 14px;

    border-radius: 8px;

    font-weight: 700;

    text-decoration: none;

}



.cds-panel-soporte {

    background: transparent;

    border: none;

    box-shadow: none;

}



.cds-tabla-clientes {

    width: 100%;

    border-collapse: separate;

    border-spacing: 0;

    background: rgba(255,255,255,0.96);

    border: 1px solid #d5dde8;

    border-radius: 12px;

    overflow: hidden;

    box-shadow: 0 8px 24px rgba(15,39,70,0.08);

}



.cds-tabla-clientes th {

    background: #25496f;

    color: #fff;

    font-weight: 700;

    padding: 16px 12px;

    text-align: center;

    vertical-align: middle;
}



.cds-tabla-clientes td {

    padding: 16px 12px;

    border-bottom: 1px solid #e1e7ef;

    color: #10284a;

}



.cds-tabla-clientes td:last-child {

    text-align: center;

    vertical-align: middle;
}



.cds-tabla-clientes a {

    color: #0b5f93;

    font-weight: 700;

    text-decoration: none;

}



.cds-ficha-acciones,

.cds-panel-soporte-logout {

    text-align: center;

    margin-top: 25px;

}



.cds-logout-btn {

    display: inline-block;

    padding: 12px 18px;

    background: #5bb3d8;

    color: #ffffff !important;

    border-radius: 8px;

    font-weight: 700;

    text-decoration: none;

}



.cds-logout-btn:hover {

    background: #3f99c1;

}



.login-username input,

.login-password input {

    width: 100%;

    border: 1px solid #ccd6e0;

    border-radius: 6px;

    padding: 11px;

}



.login-submit input {

    background: #10284a;

    color: #fff;

    border: none;

    border-radius: 7px;

    padding: 12px 25px;

    font-weight: 700;

    cursor: pointer;

}



.login-submit input:hover {

    background: #25496f;

}



.cds-login-error {

    background: #f8d7da;

    border-left: 4px solid #dc3545;

    color: #721c24;

    padding: 10px 14px;

    margin: 15px 0;

    border-radius: 4px;

}



/*Para evitar que el código de cliente se divida en dos líneas*/

.cds-tabla-clientes td:first-child,

.cds-tabla-clientes th:first-child {

    white-space: nowrap;

    min-width: 90px;

}



/*Para evitar que Ver ficha / Editar ficha se dividan*/

.cds-tabla-clientes td:last-child,

.cds-tabla-clientes th:last-child {

    white-space: nowrap;

    min-width: 150px;

}



/*Para mantener los enlaces en una línea */

.cds-tabla-clientes td:last-child a {

    display: inline-block;

    white-space: nowrap;

}



/* Preguntas principales de Fluent Forms */

.fluentform .ff-el-group > label,

.fluentform .ff-el-input--label label,

.fluentform .ff-el-input--label {

    font-size: 17px !important;

    line-height: 1.5 !important;

    font-weight: 500 !important;

}



/* Opciones de radio */

.fluentform .ff-el-form-check-label,

.fluentform .ff-el-form-check label {

    font-size: 17px !important;

    line-height: 1.5 !important;

}



/* Títulos de bloque */

.fluentform .ff-el-section-title,

.fluentform .ff-section_break_title {

    font-size: 28px !important;

    font-weight: 700 !important;

}



/* Descripción del bloque */

.fluentform .ff-section_break_description,

.fluentform .ff-el-section-details {

    font-size: 17px !important;

}



/* Mover pestaña de consentimiento de Complianz para que no tape el botón de subir */

.cmplz-manage-consent {

    right: 90px !important;

    bottom: 0px !important;

}



/* Ajuste visual del formulario de acceso */

.login-remember {

    margin-top: 15px;

    margin-bottom: 18px;

}



.login-remember label {

    font-size: 15px;

    color: #10284a;

}



.login-submit {

    margin-top: 15px;

}



/* Mejorar separación del área de acceso */

.cds-ficha-cliente form,

form#loginform {

    margin-top: 25px;

}



/* Texto del formulario de login */

.login-username label,

.login-password label {

    font-size: 15px;

    color: #10284a;

    font-weight: 500;

}



/* Campos del formulario de login */

.login-username input,

.login-password input {

    font-size: 16px;

    min-height: 42px;

}



/* Aviso de error de login más visible */

.cds-login-error {

    font-weight: 600;

}

/* Columna Empresa */

.cds-tabla-clientes th:nth-child(2),

.cds-tabla-clientes td:nth-child(2) {

    min-width: 300px;

}



/* Columna Contacto */

.cds-tabla-clientes th:nth-child(3),

.cds-tabla-clientes td:nth-child(3) {

    min-width: 200px;

}



/* Columna Técnico */

.cds-tabla-clientes th:nth-child(5),

.cds-tabla-clientes td:nth-child(5) {

    min-width: 220px;

}

.cds-tabla-clientes {

    table-layout: auto;

}