/* ================================================================
   THEME — ERP (AdminLTE 2 / Bootstrap 3)
   Capa de marca: colores y fuentes de la empresa como variables --brand-*,
   generadas por App\Services\Brand desde config('projects.brand')
   (resources/views/common/brand_head.blade.php). No poner colores fijos aquí.
   ================================================================ */

/* ---- Base ---- */
body, .main-header .logo, .sidebar-menu, .tooltip, .popover { font-family: var(--brand-font-body); }
body { color: var(--brand-text); }
.content-wrapper, .right-side, .main-footer { background-color: var(--brand-background); }
h1, h2, h3, .content-header > h1, .headline, .box-title, .login-logo {
    font-family: var(--brand-font-display);
}
h2, h4, .headline { color: var(--brand-primary-light); }
h1, h3, .subheadline, .title { color: var(--brand-text); }
a { color: var(--brand-primary); }
a:hover, a:focus { color: var(--brand-accent-dark); }
.hr, hr { border-color: var(--brand-border); }

/* ---- Cabecera y barra lateral (skin-green) ---- */
.skin-green .main-header .navbar,
.skin-green .main-header .logo,
.skin-green .main-header .logo:hover { background-color: var(--brand-primary-dark); color: var(--brand-on-dark); border-bottom: 0; }
.skin-green .main-header .navbar .nav > li > a,
.skin-green .main-header .navbar .sidebar-toggle { color: var(--brand-on-dark); }
.skin-green .main-header .navbar .nav > li > a:hover,
.skin-green .main-header .navbar .nav > .active > a,
.skin-green .main-header .navbar .nav .open > a,
.skin-green .main-header .navbar .sidebar-toggle:hover { background-color: var(--brand-primary); color: #fff; }
.skin-green .main-header .navbar .dropdown-menu { background-color: var(--brand-primary-dark); border-color: var(--brand-primary); }
.skin-green .main-header .navbar .dropdown-menu li a { color: var(--brand-on-dark); }
.skin-green .main-header .navbar .dropdown-menu li a:hover { background-color: var(--brand-primary); color: #fff; }
.skin-green .main-header li.user-header { background-color: var(--brand-primary); }

.skin-green .wrapper, .skin-green .main-sidebar, .skin-green .left-side { background-color: var(--brand-primary-darker); }
.skin-green .sidebar a { color: var(--brand-on-dark-muted); }
.skin-green .sidebar-menu > li:hover > a,
.skin-green .sidebar-menu > li.active > a,
.skin-green .sidebar-menu > li.menu-open > a { color: #fff; background-color: var(--brand-primary-dark); }
.skin-green .sidebar-menu > li.active > a { border-left-color: var(--brand-accent-light); }
.skin-green .sidebar-menu > li > .treeview-menu { background-color: var(--brand-primary-dark); }
.skin-green .sidebar-menu .treeview-menu > li > a { color: var(--brand-on-dark-muted); }
.skin-green .sidebar-menu .treeview-menu > li.active > a,
.skin-green .sidebar-menu .treeview-menu > li > a:hover { color: #fff; }
.skin-green .sidebar-menu > li.header { color: var(--brand-on-dark-muted); background-color: var(--brand-primary-darker); }
.sidebar .treeview li a.active { color: #fff; }

/* ---- Cajas, paneles, pestañas ---- */
.box { border-top-color: var(--brand-border-strong); box-shadow: 0 1px 2px rgba(var(--brand-text-rgb), 0.06); border-radius: 10px; }
.box.box-primary, .box.box-success, .box.box-solid.box-success > .box-header { border-top-color: var(--brand-primary); }
.box.box-warning { border-top-color: var(--brand-accent-light); }
.box.box-danger { border-top-color: var(--brand-danger); }
.box.box-info { border-top-color: var(--brand-info); }
.box.box-solid.box-success > .box-header, .box.box-solid.box-primary > .box-header { background-color: var(--brand-primary); }
.box-header .box-title { color: var(--brand-primary-dark); }
.dashboardinc { border-radius: 10px; box-shadow: 0 1px 2px rgba(var(--brand-text-rgb), 0.06); }
.dashboardinc .title { color: var(--brand-primary); border-bottom-color: var(--brand-border); font-family: var(--brand-font-display); }
.widget_table tr, .widget_table td, .widget_table th { border-bottom-color: var(--brand-background-deep); }
.nav-tabs-custom > .nav-tabs > li.active { border-top-color: var(--brand-primary); }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background-color: var(--brand-surface); }
.infobox { background-color: var(--brand-surface); border-color: var(--brand-border); color: var(--brand-text-muted); }

/* ---- Tablas ---- */
th { background-color: var(--brand-background-deep) !important; color: var(--brand-text-soft) !important; }
th a { color: var(--brand-primary-dark); }
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border-color: var(--brand-border); }
.table-hover > tbody > tr:hover { background-color: var(--brand-primary-softer); }
.table-striped > tbody > tr:nth-of-type(odd) { background-color: var(--brand-surface); }
.table-markable tr.marked { background-color: var(--brand-accent-soft); }

/* ---- Botones ---- */
.btn { border-radius: 8px; }
.btn-success, .btn-primary, .bg-green, .bg-olive, .label-success, .label-primary, .bg-light-blue, .bg-primary {
    background-color: var(--brand-primary) !important; border-color: var(--brand-primary-dark); color: #fff !important;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active,
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    background-color: var(--brand-primary-dark) !important; border-color: var(--brand-primary-darker);
}
.btn-warning, .bg-yellow, .label-warning, .bg-orange { background-color: var(--brand-accent-light) !important; border-color: var(--brand-accent); color: var(--brand-text) !important; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active { background-color: var(--brand-accent) !important; color: #fff !important; }
.btn-danger, .bg-red, .label-danger { background-color: var(--brand-danger) !important; border-color: var(--brand-danger-dark); color: #fff !important; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active { background-color: var(--brand-danger-dark) !important; }
.btn-info, .bg-aqua, .label-info { background-color: var(--brand-info) !important; border-color: var(--brand-info-dark); color: #fff !important; }
.btn-default { background-color: var(--brand-surface); border-color: var(--brand-border-strong); color: var(--brand-text-soft); }
.btn-default:hover, .btn-default:focus, .btn-default:active { background-color: var(--brand-background-deep); color: var(--brand-text); }
.btn-link { color: var(--brand-primary); }

/* ---- Texto de estado ---- */
.text-green, .text-success, .green, .price { color: var(--brand-primary-light) !important; }
.text-red, .text-danger, .red, .err_msg, .error { color: var(--brand-danger) !important; }
.text-yellow, .text-orange, .orange, .highlight { color: var(--brand-accent) !important; }
.text-aqua, .text-blue, .blue, .text-info { color: var(--brand-info) !important; }
.alert-success, .callout.callout-success { background-color: var(--brand-primary-soft) !important; border-color: var(--brand-primary-light) !important; color: var(--brand-primary-dark) !important; }
.alert-warning, .callout.callout-warning { background-color: var(--brand-accent-soft) !important; border-color: var(--brand-accent-light) !important; color: var(--brand-accent-dark) !important; }
.alert-danger, .alert-error, .callout.callout-danger { background-color: var(--brand-danger-soft) !important; border-color: var(--brand-danger) !important; color: var(--brand-danger-dark) !important; }
.alert-info, .callout.callout-info { background-color: var(--brand-info-soft) !important; border-color: var(--brand-info) !important; color: var(--brand-info-dark) !important; }
.right-border { border-right-color: var(--brand-primary); }
.left-border { border-left-color: var(--brand-primary); }

/* ---- Formularios ---- */
.form-control { border-color: var(--brand-border-strong); border-radius: 6px; }
.form-control:focus { border-color: var(--brand-primary-light); box-shadow: 0 0 0 3px rgba(var(--brand-primary-rgb), 0.12); }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--brand-primary); }
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection { border-color: var(--brand-primary-light); }
.pagination > .active > a, .pagination > .active > span,
.pagination > .active > a:hover, .pagination > .active > span:hover { background-color: var(--brand-primary); border-color: var(--brand-primary); }
.pagination > li > a { color: var(--brand-primary); }

/* ---- Login ---- */
.login-page { background-color: var(--brand-background); }
.login-box-body { background-color: #fff; border: 1px solid var(--brand-border); border-radius: 14px; box-shadow: 0 6px 18px rgba(var(--brand-text-rgb), 0.07); }

/* custom.css fija Titillium/Verdana en body, p, table, div y 'WVH' en los logos */
body, p, table, div, span, td, th, input, select, textarea, button, label,
.main-header .navbar, .main-header .logo, .login-logo { font-family: var(--brand-font-body) !important; }
h1, h2, h3, .content-header > h1, .headline, .box-title, .dashboardinc .title { font-family: var(--brand-font-display) !important; }
.fa, .glyphicon, .ion, [class^="ion-"], [class*=" ion-"] { font-family: inherit; }
.fa { font-family: FontAwesome !important; }
.glyphicon { font-family: 'Glyphicons Halflings' !important; }
.ion, [class^="ion-"], [class*=" ion-"] { font-family: 'Ionicons' !important; }

/* Login */
.login-page { background: var(--brand-background) !important; }
.login-logo { margin-bottom: 18px; }
.login-logo img { width: 240px; min-width: 0; margin: 0; }
.login-box-body { margin-top: 0 !important; }