#main-navbar-tools a.dropdown-toggle{text-decoration:none;color:#fff}.navbar .dropdown-submenu{position:relative}.navbar .dropdown-menu{margin:0;padding:0}.navbar .dropdown-menu a{font-size:.9em;padding:10px 15px;display:block;min-width:210px;text-align:left;border-radius:.25rem;min-height:44px}.navbar .dropdown-submenu a::after{transform:rotate(-90deg);position:absolute;right:16px;top:18px}.navbar .dropdown-submenu .dropdown-menu{top:0;left:100%}.card-header .btn{padding:2px 6px}.card-header h5{margin:0}.container>.card{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}@media screen and (min-width:768px){.navbar .dropdown:hover>.dropdown-menu{display:block}.navbar .dropdown-submenu:hover>.dropdown-menu{display:block}}.input-validation-error{border-color:#dc3545}.field-validation-error{font-size:.8em}.dataTables_scrollBody{min-height:248px}div.dataTables_wrapper div.dataTables_info{padding-top:11px;white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{padding-top:10px;margin-bottom:0}.rtl .dropdown-menu-right{right:auto;left:0}.rtl .dropdown-menu-right a{text-align:right}.rtl .navbar .dropdown-menu a{text-align:right}.rtl .navbar .dropdown-submenu .dropdown-menu{top:0;left:auto;right:100%}.rtl div.dataTables_wrapper div.dataTables_filter input{margin-left:auto;margin-right:.5em}.rtl div.dataTables_wrapper div.dataTables_filter{text-align:left}.rtl table.dataTable thead th,table.dataTable thead td,table.dataTable tfoot th,table.dataTable tfoot td{text-align:right}.brand-container{text-align:center;margin-top:8rem}.brand-logo{height:50px}.brand-text{color:#292d33;font-family:Lexend;font-size:30px;font-style:normal;font-weight:500;line-height:34px;margin-top:5px;margin-bottom:15px}@import url('/_content/Cima.UI/css/cima.css');

/* ABP account pages keep the authentication flow and share the application's identity. */
body { background: var(--cima-background); color: var(--cima-text); font-family: var(--cima-font); }
/* Bootstrap pinta .bg-dark a partir de --bs-dark-rgb: se cambia la variable, no la propiedad */
.navbar { --bs-dark-rgb: 255, 255, 255; border-bottom: 1px solid var(--cima-border); }
/* Las páginas de cuenta van sin la barra superior de ABP. */
.abp-account-layout #main-navbar { display: none; }
/* El layout de cuenta de ABP pinta su propio logo; se muestra el de 4Cima al mismo tamaño. */
.brand-logo { content: url('/images/logo/4cima.png'); }
.card { border: 1px solid var(--cima-border); border-radius: var(--cima-radius); box-shadow: none; }
.btn { min-height: 44px; border-radius: 8px; font-weight: 600; }
.btn-primary { background: var(--cima-primary); border-color: var(--cima-primary); }
.btn-primary:hover, .btn-primary:focus { background: var(--cima-navy); border-color: var(--cima-navy); }
.form-control { min-height: 44px; border-color: var(--cima-border); border-radius: 8px; }

/* Tema oscuro de las páginas de cuenta: sigue al sistema con los valores oscuros de tokens.css del ERP. */
@media (prefers-color-scheme: dark) {
    .abp-account-layout {
        color-scheme: dark;
        --bs-body-bg: #161e2b;
        --bs-body-color: #e4e8ef;
        --bs-emphasis-color: #ffffff;
        --bs-secondary-color: #adb5c1;
        --bs-border-color: #343e4d;
        --bs-link-color: #bacce9;
        --bs-link-color-rgb: 186, 204, 233;
        --bs-link-hover-color: #dbe5f4;
        --bs-link-hover-color-rgb: 219, 229, 244;
        --bs-danger: #fca5a5;
        --bs-danger-rgb: 252, 165, 165;
        --bs-form-invalid-color: #fca5a5;
        --bs-form-invalid-border-color: #fca5a5;
        --bs-warning-text-emphasis: #fbbf24;
        --cima-border: #272e3b;
        --cima-primary: #bacce9;
        --cima-navy: #dbe5f4;
        background: #0a0e16;
        color: var(--bs-body-color);

        .form-control { background-color: #0d121c; }
        .btn-primary { color: #162133; }
        .brand-text { color: #e4e8ef; }
        .brand-logo { filter: brightness(0) invert(1); }
    }
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}