/* APP BANDOL — Identidad corporativa global: negro #000, amarillo #FFBB31 y blanco #FFF.
   El amarillo se usa para botones/acento con texto negro y contraste accesible. */
:root{
  --bandol-yellow:#ffbb31;--bandol-yellow-soft:#fff2d6;--bandol-black:#000000;--bandol-white:#fff;
  --navy:#080808;--navy2:#202020;--green:#ffbb31;--green2:#fff2d6;
  --ink:#242424;--muted:#747474;--border:#e3e3e3;--page:#f6f6f4;--white:#fff;
  --shadow:0 8px 26px #0000000a;
}
body{background:var(--page);color:var(--ink)}
a{color:#855600}a:hover{color:#573900}
.sidebar{background:linear-gradient(157deg,#0b0b0b,#000 85%);border-right:1px solid #303030;color:#d1d1d1}
.brand{color:#fff;text-decoration:none!important;gap:11px;padding:5px 9px 29px;font-size:18px;letter-spacing:.6px}
.brand:hover{color:#fff;text-decoration:none}.brand-logo{width:49px;height:49px;flex:none;object-fit:cover;border-radius:50%;background:#eee;border:1px solid #666;box-shadow:0 3px 13px #ffbb311f}
.brand small{color:#d3b679;letter-spacing:1.2px;font-size:8px;line-height:1.4}
.brand-mark{background:var(--bandol-yellow);color:#111;box-shadow:0 5px 15px #ffbb3133}
.nav-divider{color:#a3a3a3}.nav-link{color:#d1d1d1}.nav-link span{color:#e4ad3e}.nav-link:hover{background:#242424;color:#fff;text-decoration:none}
.side-nav .nav-link.is-active{background:#2b2417;color:#fff3d8;border-left:3px solid var(--bandol-yellow);padding-left:11px}
.side-nav .nav-link.is-active span{color:var(--bandol-yellow)}
.sidebar-foot{color:#b9b9b9}.live-dot{background:var(--bandol-yellow)}
.topbar{background:#fff;border-color:#e2e2e2}.topbar-title{color:#555}.account-mini .avatar{background:#ffedc5;color:#342504}.account-mini small{color:#777}
.menu-toggle{color:#171717;border-radius:8px}.menu-toggle:hover{background:#ffedc5}
.footer{color:#777}.eyebrow{color:#956200}
.btn-primary{background:var(--bandol-yellow)!important;border-color:var(--bandol-yellow)!important;color:#111!important;box-shadow:0 5px 14px #ffbb312e}
.btn-primary:hover{background:#efa900!important;border-color:#efa900!important;filter:none}.btn-primary:focus-visible{outline:3px solid #865a00;outline-offset:2px}
.btn-outline{color:#272727;border-color:#d5d5d5;background:#fff}.btn-outline:hover{background:#fff8e9;border-color:#e6b34d;filter:none}
.btn-ghost{background:#f1f1f1;color:#333}.btn-ghost:hover{background:#ffedc5}.btn-light{background:#f0f0f0;color:#333}
.panel{border-color:var(--border);background:#fff}.panel-head{border-bottom-color:#ededed}.panel-head p,.page-heading p{color:#707070}
.kpi{border-color:#e6e6e6}.kpi-icon{color:#735108;background:#ffedc5}.kpi strong{color:#171717}.kpi small{color:#666}.kpi>span:last-child{color:#777}
.data-table th{background:#fafafa;color:#666}.data-table td{border-color:#ededed}.data-table tbody tr:hover{background:#fffbf2}
.pill-success{color:#795000;background:#fff0cf}.pill-info{color:#6f4a00;background:#fff0cf}.pill-muted{color:#575757;background:#ececec}
.field,.form-stack label{color:#4d4d4d}.section-title{color:#191919}
input,select,textarea{border-color:#dedede;color:#292929;background:#fff}input:focus,select:focus,textarea:focus{border-color:#bd8114;box-shadow:0 0 0 3px #ffbb314a}
.line-item{background:#fafafa}.detail-list>div{border-color:#ededed}.timeline-point{border-color:#b5a074}.timeline-point.point-green{border-color:#ffbb31}.timeline-item:not(:last-child):after{background:#e4dac9}
.total-box{background:#fafafa}.alert-success{color:#634300;background:#fff4dc;border-color:#f1d48d}.alert-error{background:#fff0f1;border-color:#e7c4c6;color:#922934}
.auth-shell{background:radial-gradient(ellipse at 14% 8%,#5b420f 0%,transparent 35%),linear-gradient(145deg,#161616,#000 75%)}
.login-card{border:1px solid #d7cba6;box-shadow:0 25px 85px #0008}.login-logo{color:#171717}.login-brand-logo{width:58px;height:58px;object-fit:cover;border-radius:50%;border:1px solid #d2d2d2;background:#eee;flex:none}
.login-copy{color:#737373}.login-card p{color:#6b6b6b}
.pagination span{color:#585858}
:focus-visible{outline-color:#c28b1b}
/* Catálogo de lubricantes: sustituir completamente el acento verde y el hero azulado. */
.bandol-catalog{--catalog-ink:#242424;--catalog-soft:#777;--catalog-green:#c18713;--catalog-line:#e5e5e5}
.catalog-hero{background:linear-gradient(115deg,#070707,#1c1c1c 65%,#392909);border:1px solid #303030;color:#fff;box-shadow:0 14px 35px #00000014}
.catalog-hero::before{border-color:#ffbb314d;box-shadow:0 0 0 45px #ffbb310b,0 0 0 90px #ffbb3108}
.catalog-hero::after{background:#ffbb31}.catalog-eyebrow{color:#ffd37a}.catalog-eyebrow-dot{background:#ffbb31;box-shadow:0 0 0 5px #ffbb3133}
.catalog-hero p{color:#d0d0d0}.catalog-hero-chips span{color:#e6e6e6}.catalog-hero-actions>span{color:#d0d0d0}
.bandol-catalog .catalog-btn-create{background:#ffbb31;border-color:#ffbb31;color:#111;box-shadow:0 8px 23px #ffbb3133}
.catalog-stat{border-color:#e5e5e5}.catalog-stat-icon{background:#f1f1f1;color:#333}.catalog-stat-icon.is-green,.catalog-stat-icon.is-amber{background:#fff0cf;color:#855b0c}.catalog-stat-icon.is-blue{background:#242424;color:#ffbb31}.catalog-stat strong{color:#171717}.catalog-stat-label{color:#676767}.catalog-stat small{color:#858585}
.catalog-panel{border-color:#e5e5e5}.catalog-section-kicker{color:#966100}.catalog-panel-head h2{color:#171717}.catalog-panel-head p{color:#737373}.catalog-readonly{background:#faf8f2;border-color:#eae4d5;color:#5b4b27}.catalog-live-dot{background:#ffbb31}
.catalog-toolbar{background:#faf9f6;border-color:#e9e9e9}.catalog-filter-label{color:#555}.catalog-toolbar select,.catalog-toolbar input{border-color:#dedede;color:#292929}
.catalog-toolbar input:focus,.catalog-toolbar select:focus{outline:2px solid #ffbb3152;border-color:#c28b1b}
.bandol-catalog .bandol-products-table thead th{color:#666;border-bottom-color:#e4e4e4!important}
.bandol-catalog .bandol-products-table tbody td{color:#424242;border-bottom-color:#ededed}
.bandol-catalog .bandol-products-table tbody tr:hover>td{background:#fffbf2}
.bandol-catalog .bandol-products-table tbody td.catalog-price{color:#4a3507}
.catalog-id{color:#666!important}.catalog-sku{background:#f2f2f2;color:#3c3c3c}.catalog-product-cell strong{color:#242424}
.catalog-product-glyph{background:#ffedc5;border-color:#f5d99a;color:#785400}.catalog-unit{background:#ededed;color:#555}.catalog-status.is-active{background:#fff0cf;color:#755000}.catalog-status.is-inactive{background:#ececec;color:#666}.bandol-catalog .catalog-edit{color:#292929;border-color:#d9d9d9}.catalog-edit:hover{background:#fff6e4}.catalog-table-footer{color:#777}.catalog-table-footer span:first-child{color:#4b4b4b}
.bandol-catalog .dt-paging button.current{background:#ffbb31!important;color:#111!important;border-color:#ffbb31!important}.bandol-catalog table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before{background:#ffbb31!important;color:#111!important}
.catalog-modal{border-color:#dedede;color:#242424}.catalog-modal::backdrop{background:#000b}.catalog-modal-header{background:linear-gradient(145deg,#fff7e8,#fff)}.catalog-modal-icon{background:#ffedc5;color:#6b4a09}.catalog-modal-section-title{color:#8c5f00}.catalog-modal-hint{background:#fffaf0;border-color:#f0e1c1;color:#5c5039}.catalog-modal-hint span{color:#9c6e0a}
.catalog-modal-grid .field{color:#444}.catalog-modal-grid input:focus,.catalog-modal-grid select:focus{border-color:#c28b1b;box-shadow:0 0 0 3px #ffbb3140}.catalog-modal-footer{background:#fafafa}
.catalog-fallback-pagination button{color:#333;border-color:#d9d9d9}.bandol-products-table .catalog-row-toggle{background:#ffbb31;color:#111}.bandol-products-table .catalog-detail-row td{background:#fffbf2!important}.bandol-catalog .catalog-sortable:hover{color:#956200}.bandol-catalog .catalog-sortable:focus-visible{outline-color:#c28b1b}
@media(max-width:800px){.sidebar.open{box-shadow:0 0 0 100vmax #000a}}