/* demoshf — tema guinda y fichas compactas. Se carga después de sial.css / eixel.css. */
:root {
    --guinda: #7B2C45;
    --guinda-hover: #8E3A55;
    --guinda-oscuro: #5E1F33;
    --gris-oscuro: #4A4A4A;
    --gris-medio: #6E6E6E;
    --guinda-claro: #EEEEEE;
    --guinda-borde: #CCCCCC;
    --dorado: #BC955C;
    --texto: #333;
    --gris: #6b6b6b;
}

/* Botones */
.btn-primary { background-color: var(--gris-medio); border-color: #5c5c5c; color: #fff; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.focus, .btn-primary:active:focus {
    background-color: var(--gris-oscuro) !important; border: solid 1px #3a3a3a !important; color: #fff;
}
a { color: var(--guinda); }
a:hover { color: var(--guinda-oscuro); }

/* Encabezado */
#header { background-color: #EDEDED; border-bottom: 3px solid var(--guinda); box-shadow: 0 1px 3px rgba(0,0,0,.12); }
#header_bar, #toggle, #logout, #header-user { color: #444; }
#logout:hover { color: var(--guinda); }
#brand .hidden-xs { color: #555 !important; opacity: 1 !important; }

/* Menú (acordeón) */
#menu { background-color: #F7F7F7; }
#menu.open { border-right: solid 1px var(--guinda-borde); }
.menu-category, .menu-category:hover, .menu-category:active, .menu-category:visited, .menu-category:focus {
    background-color: var(--guinda); color: #fff; border-top: solid 1px var(--guinda-oscuro);
    letter-spacing: .5px; font-size: 12px; text-decoration: none;
}
.menu-category:hover { background-color: var(--guinda-hover); }
.menu-category .fa { color: #f1dfe5; margin-right: 4px; }
.menu-item { color: #555; padding: 7px 10px; border-left: 3px solid transparent; cursor: pointer; }
.menu-item .fa { color: var(--guinda); margin-right: 6px; opacity: .85; }
.menu-item:hover { color: var(--guinda-oscuro); background-color: var(--guinda-claro); }
.menu-item.active { background-color: var(--guinda-claro); color: var(--guinda-oscuro); border-left-color: var(--guinda); font-weight: 600; }

/* Barras de widgets y listas */
.widget-header, .widget-footer { background-color: var(--guinda-claro); border-top: solid 1px var(--guinda-borde); color: var(--texto); }
.list-filter-panel { background-color: #E6E6E6 !important; border-top: solid 1px var(--guinda-borde) !important; }
.list-headers { background-color: #fff; }
.list-header, .list-th { color: var(--guinda-oscuro); font-weight: 600; }
.list-row-buttons button { color: var(--gris-medio); }
.list-row:hover td { background-color: #F7F7F7; }

/* Pestañas */
.tab-row { border-bottom: solid 3px var(--guinda); }
.tab-item { border: solid 1px #DDDDDD; background-color: #F2F2F2; color: var(--guinda-oscuro); }
.tab-item:hover { background-color: var(--guinda-claro); }
.tab-item.active { background-color: var(--guinda); border: solid 1px var(--guinda-oscuro); color: #fff; }
.tab-content { border: solid 1px var(--guinda-borde); }

/* Ficha y formulario: más ancho para 2 columnas y más compacto */
.view-record section, .view-form section { max-width: 1200px; margin: 8px auto; }
.view-record .form-title, .view-form .form-title { font-size: 18px; padding: 4px 0; border-left: 4px solid var(--guinda); }
.view-record h3, .view-form h3, .section-header h3 {
    font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: .5px;
    color: var(--guinda-oscuro); border-bottom: 2px solid var(--guinda); margin: 10px 0 4px; padding-bottom: 3px;
}
.section-collapse .section-header { background-color: var(--guinda); border: solid 1px var(--guinda-oscuro); }
.section-collapse .section-header h3 { color: #fff; border: 0; }
.view-record .form-group { margin-bottom: 0; display: flex; align-items: baseline; border-bottom: 1px dotted #E3E3E3; padding: 2px 0; }
.view-record .form-group > label { flex: 0 0 45%; width: auto; float: none; padding: 0 8px 0 0; margin: 0;
    font-size: 12px; color: var(--gris); }
.view-record .form-control.display { min-height: 0; padding: 0; font-size: 13px; color: var(--texto); }
.view-record .form-group.json_cobranza, .view-record .form-group.json_vendidos, .view-record .form-group.json_documentos,
.view-record .form-group.json_escrituracion { display: block; }
.view-form .form-group { margin-bottom: 8px; }
.view-form label { font-size: 12px; color: var(--gris); margin-bottom: 2px; }
.json-tabla th { background: #F4F4F4; }

/* Paneles del tablero */
.container-fluid h4 { color: var(--gris-oscuro); }
.table > tbody > tr > th { background-color: #F4F4F4; color: var(--gris-oscuro); }

/* Marca: sial.css la fija a 200px centrada y recorta el logo */
#brand { width: auto !important; justify-content: flex-start !important; height: auto !important; top: 0 !important; padding: 8px 16px !important; }