/* VIONEXA Professional UI override.
   Se carga al final para imponerse sobre estilos embebidos por pantalla. */

:root{
  --brand:#0B2F63 !important;
  --brand2:#00A6D6 !important;
  --accent:#F39A1E !important;
  --vx-blue:#0B2F63 !important;
  --vx-blue-dark:#08254F !important;
  --vx-orange:#F39A1E !important;
  --vx-cyan:#00A6D6 !important;
  --vx-cyan-dark:#0094BE !important;
  --vx-green:#3CB6A3 !important;
  --vx-text:#1f2937 !important;
  --vx-muted:#64748B !important;
  --vx-line:#D9E2EC !important;
  --vx-head:#EAF0F6 !important;
  --vx-soft:#F8FAFC !important;
  --shadow:0 8px 24px rgba(11,47,99,.08) !important;
  --vx-shadow:0 8px 24px rgba(11,47,99,.08) !important;
  --radius:8px !important;
}

html,
body{
  font-family:"Barlow Semi Condensed", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  color:var(--vx-text) !important;
  background:#fff !important;
  letter-spacing:0 !important;
}

body{
  font-weight:400 !important;
  font-size:15px !important;
}

.container,
main.container,
.container.main,
.topbar__inner,
.header__inner{
  width:calc(100% - clamp(16px, 2vw, 32px)) !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

main.container,
.container.main{
  padding-left:0 !important;
  padding-right:0 !important;
}

.main{ padding-top:10px !important; }

.topbar__inner--app{
  width:calc(100% - clamp(16px, 2vw, 32px)) !important;
  max-width:none !important;
}

.app-header__left .brand img{
  max-height:58px !important;
  width:auto !important;
  object-fit:contain !important;
}

.page-no-scroll .vx-page,
.page-no-scroll .vxn-page,
.page-no-scroll .hist-page,
.page-no-scroll .pm-page,
.page-no-scroll .pres-page{
  height:calc(100vh - 96px) !important;
  padding-top:10px !important;
  padding-bottom:10px !important;
}

.vx-page,
.vxn-page,
.hist-page,
.pm-page,
.pres-page{
  gap:10px !important;
}

h1,
.vx-title,
.vxn-title,
.modal-title{
  color:var(--vx-blue) !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}

h2,
h3,
.section-title,
.vx-subtitle,
.vxn-subtitle{
  font-weight:500 !important;
  letter-spacing:0 !important;
}

p,
td,
th,
label,
input,
select,
textarea,
button,
a{
  letter-spacing:0 !important;
}

.vx-card,
.vxn-card,
.vxn-form-card,
.card,
.summary-card,
.modal-card,
.hist-card,
.pm-card,
.pres-card{
  border-radius:8px !important;
  border:1px solid var(--vx-line) !important;
  box-shadow:0 6px 18px rgba(11,47,99,.07) !important;
}

.vx-header-card,
.vxn-header-card,
.vx-edit-head,
.vx-cat-head,
.vx-form-head,
.vxn-form-head,
.vx-header,
.vxn-header,
.form-head,
.page-head,
.prod-head,
.combos-head,
.rp-head,
.rpt-head,
.hist-head,
.pm-head,
.pres-toolbar{
  padding:14px 16px !important;
  border-left:4px solid var(--vx-orange) !important;
}

.vx-title,
.vxn-title{
  font-size:24px !important;
  line-height:1.05 !important;
}

.vx-sub,
.vxn-sub,
.muted{
  color:var(--vx-muted) !important;
  font-weight:400 !important;
}

.vx-btn,
.vxn-btn,
.btn,
.hist-btn,
.pm-btn,
.mini{
  min-height:34px !important;
  height:34px !important;
  border-radius:8px !important;
  padding:0 14px !important;
  font-size:13px !important;
  font-weight:600 !important;
  box-shadow:none !important;
}

.vx-btn-primary,
.vxn-btn--primary,
.btn-primary,
.btn:not(.btn--ghost):not(.btn-danger):not(.danger),
.hist-btn-primary,
.pm-btn-primary,
.mini{
  background:linear-gradient(90deg, var(--vx-blue) 0%, var(--vx-cyan) 100%) !important;
  color:#fff !important;
}

.vx-btn-ghost,
.vxn-btn--ghost,
.btn--ghost,
.hist-btn-ghost{
  background:#fff !important;
  color:var(--vx-blue) !important;
  border:1px solid rgba(11,47,99,.38) !important;
}

.vx-btn-danger,
.vxn-btn--danger,
.btn-danger,
.btn.danger{
  background:#fff !important;
  color:#b91c1c !important;
  border:1px solid #b91c1c !important;
}

.vx-input,
.vx-select,
.vxn-input,
.vxn-select,
.input,
.select,
.vx-in,
.hist-input,
.hist-select,
.pm-in,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="datetime-local"],
select,
textarea{
  min-height:34px !important;
  height:34px !important;
  border-radius:8px !important;
  border:1px solid #cfd8e3 !important;
  font-family:"Barlow Semi Condensed", system-ui, sans-serif !important;
  font-size:13px !important;
  font-weight:400 !important;
  color:var(--vx-text) !important;
  box-shadow:none !important;
}

textarea,
textarea.vx-input,
textarea.vxn-input{
  height:auto !important;
  min-height:84px !important;
}

.vx-input:focus,
.vx-select:focus,
.vxn-input:focus,
.vxn-select:focus,
.input:focus,
.select:focus,
.vx-in:focus,
.hist-input:focus,
.hist-select:focus,
.pm-in:focus,
input:focus,
select:focus,
textarea:focus{
  border-color:var(--vx-cyan) !important;
  outline:none !important;
  box-shadow:0 0 0 3px rgba(0,166,214,.12) !important;
}

.vx-table-card,
.vxn-table-card,
.hist-table-card,
.pm-table-card,
.pres-table-card{
  padding:0 !important;
}

.vx-table-wrap,
.vxn-table-wrap,
.table-wrap,
.vx-wrap,
.hist-table-wrap,
.pm-wrap,
.pres-table-wrap{
  border-radius:8px !important;
  border:1px solid var(--vx-line) !important;
}

.vx-table,
.vxn-table,
.table,
.table-ui,
.hist-table,
.pm-table,
.pres-table{
  width:100% !important;
  font-size:13px !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
}

.vx-table th,
.vxn-table th,
.table th,
.table-ui th,
.hist-table th,
.pm-table th,
.pres-table th{
  background:var(--vx-head) !important;
  color:var(--vx-blue) !important;
  padding:10px 12px !important;
  font-size:12px !important;
  font-weight:600 !important;
  text-transform:none !important;
  border-bottom:1px solid var(--vx-line) !important;
}

.vx-table td,
.vxn-table td,
.table td,
.table-ui td,
.hist-table td,
.pm-table td,
.pres-table td{
  padding:9px 12px !important;
  font-size:13px !important;
  font-weight:400 !important;
  border-bottom:1px solid #E9EEF4 !important;
}

.vx-table tbody tr:hover td,
.vxn-table tbody tr:hover td,
.table tbody tr:hover td,
.table-ui tbody tr:hover td,
.hist-table tbody tr:hover td,
.pm-table tbody tr:hover td,
.pres-table tbody tr:hover td{
  background:#F8FBFF !important;
}

.vx-actions,
.vxn-actions,
.table-actions{ gap:6px !important; }

.vx-action,
.vxn-action,
.btn-icon{
  width:30px !important;
  height:30px !important;
  border-radius:8px !important;
}

.vx-badge,
.vxn-badge,
.badge,
.vx-status,
.vxn-status,
.hist-status{
  min-height:22px !important;
  padding:3px 9px !important;
  border-radius:999px !important;
  font-size:11px !important;
  font-weight:600 !important;
  text-transform:none !important;
}

.vx-pager,
.vxn-pager,
.table-pager{ padding:2px 0 0 !important; }

.vx-title-actions,
.vxn-title-actions{
  flex-wrap:nowrap !important;
}

.vx-search-form,
.vxn-search-form,
.buscar-form,
.rp-filters,
.rpt-filters{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
  min-width:0 !important;
}

.vx-search-form .vx-field-wrap,
.vxn-search-form .vxn-field-wrap,
.buscar-form .ac-wrap,
.buscar-form .buscar-input-wrap,
.buscar-form .field-wrap{
  flex:1 1 320px !important;
  min-width:220px !important;
}

.vx-search-form .vx-select,
.vxn-search-form .vxn-select,
.buscar-form select,
.buscar-form .input,
.buscar-form .combos-select,
.buscar-form .combos-input{
  height:34px !important;
  min-height:34px !important;
  border-radius:8px !important;
}

.pager{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:10px !important;
  padding:2px 0 0 !important;
  color:var(--vx-muted) !important;
  font-size:13px !important;
}

.pager__btns{
  display:flex !important;
  gap:8px !important;
}

.btn--primary,
.btn.btn--primary,
.btn--outline{
  border-radius:8px !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 14px !important;
}

.btn--outline{
  background:#fff !important;
  color:var(--vx-blue) !important;
  border:1px solid rgba(11,47,99,.38) !important;
}

.js-mainnav .nav__dropdown > .nav__menu,
.js-mainnav .nav__submenu > .nav__submenu-menu{ display:none; }

.js-mainnav .nav__dropdown.is-open > .nav__menu,
.js-mainnav .nav__submenu.is-open > .nav__submenu-menu{ display:block; }

.app-header__center .mainnav__link,
.app-header__center .nav__link--btn,
.mainnav .nav__submenu-btn{
  border-radius:8px !important;
  color:#344054 !important;
  font-weight:600 !important;
}

.app-header__center .nav__dropdown.is-active > .nav__link--btn,
.app-header__center .nav__dropdown.is-open > .nav__link--btn,
.app-header__center .mainnav__link.is-active{
  background:rgba(11,47,99,.08) !important;
  color:var(--vx-blue) !important;
}

.app-header__center .nav__menu,
.mainnav .nav__submenu-menu{
  border-radius:8px !important;
  border:1px solid var(--vx-line) !important;
  box-shadow:0 12px 28px rgba(11,47,99,.14) !important;
}

.app-header__center .nav__menu a:hover,
.mainnav .nav__submenu-btn:hover,
.mainnav .nav__submenu-menu a:hover{
  background:#F7FBFF !important;
  color:var(--vx-blue) !important;
}

/* Categorizacion de productos: marcas y categorias antiguas */
body.page-no-scroll .page-title{
  margin:0 0 12px !important;
  color:var(--vx-blue) !important;
  font-family:"Barlow Semi Condensed","Segoe UI",Arial,sans-serif !important;
  font-size:24px !important;
  font-weight:500 !important;
  line-height:1.05 !important;
}

body.page-no-scroll .page-title + .cli-page{
  background:#fff !important;
  border:1px solid var(--vx-line) !important;
  border-radius:8px !important;
  box-shadow:0 6px 18px rgba(11,47,99,.07) !important;
  padding:14px 16px 16px !important;
  overflow:hidden !important;
}

body.page-no-scroll .cli-toolbar{
  padding:0 0 12px !important;
  gap:10px !important;
  align-items:center !important;
}

body.page-no-scroll .buscar-form{
  gap:10px !important;
  align-items:center !important;
}

body.page-no-scroll .buscar-form .input,
body.page-no-scroll .cli-toolbar .input{
  height:34px !important;
  border:1px solid #cfd8e3 !important;
  border-radius:8px !important;
  color:#334155 !important;
  font-family:"Barlow Semi Condensed","Segoe UI",Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:400 !important;
  text-transform:uppercase !important;
}

body.page-no-scroll .cli-table-wrap{
  border:1px solid var(--vx-line) !important;
  border-radius:8px !important;
}

body.page-no-scroll .cli-table thead th{
  background:var(--vx-head) !important;
  color:var(--vx-blue) !important;
  font-size:13px !important;
  font-weight:700 !important;
  padding:11px 12px !important;
  border-bottom:1px solid var(--vx-line) !important;
}

body.page-no-scroll .cli-table tbody td{
  padding:10px 12px !important;
  font-size:13px !important;
  border-bottom:1px solid #E9EEF4 !important;
}

body.page-no-scroll .actions-wrap{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:8px !important;
  white-space:nowrap !important;
}

body.page-no-scroll .btn-icon{
  width:31px !important;
  height:31px !important;
  border:none !important;
  border-radius:9px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  cursor:pointer !important;
}

body.page-no-scroll .btn-icon svg{
  width:15px !important;
  height:15px !important;
}

body.page-no-scroll .btn-icon.view{
  background:rgba(0,166,214,.12) !important;
  color:#087f9f !important;
}

body.page-no-scroll .btn-icon.edit{
  background:rgba(11,47,99,.10) !important;
  color:var(--vx-blue) !important;
}

body.page-no-scroll .btn-icon.toggle-off{
  background:rgba(214,69,69,.12) !important;
  color:#D64545 !important;
}

body.page-no-scroll .btn-icon.toggle-on{
  background:rgba(60,182,163,.14) !important;
  color:#3CB6A3 !important;
}

body.page-no-scroll .cat-modal{
  position:fixed !important;
  inset:0 !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(11,47,99,.32) !important;
  z-index:10000 !important;
  padding:18px !important;
}

body.page-no-scroll .cat-modal.is-open{ display:flex !important; }

body.page-no-scroll .cat-modal-card{
  width:min(560px, 100%) !important;
  background:#fff !important;
  border:1px solid var(--vx-line) !important;
  border-radius:8px !important;
  box-shadow:0 24px 70px rgba(11,47,99,.22) !important;
  overflow:hidden !important;
}

body.page-no-scroll .cat-modal-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:14px 16px !important;
  background:var(--vx-head) !important;
  border-bottom:1px solid var(--vx-line) !important;
}

body.page-no-scroll .cat-modal-title{
  margin:0 !important;
  color:var(--vx-blue) !important;
  font-size:18px !important;
  font-weight:600 !important;
}

body.page-no-scroll .cat-modal-close{
  width:30px !important;
  height:30px !important;
  border:1px solid rgba(11,47,99,.18) !important;
  border-radius:8px !important;
  background:#fff !important;
  color:var(--vx-blue) !important;
  cursor:pointer !important;
}

body.page-no-scroll .cat-modal-body{
  padding:14px 16px 16px !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:10px !important;
}

body.page-no-scroll .cat-modal-field{
  border:1px solid #e9eef4 !important;
  border-radius:8px !important;
  padding:9px 10px !important;
  min-width:0 !important;
}

body.page-no-scroll .cat-modal-field.full{ grid-column:1 / -1 !important; }

body.page-no-scroll .cat-modal-label{
  display:block !important;
  color:#64748B !important;
  font-size:11px !important;
  font-weight:600 !important;
  text-transform:uppercase !important;
  margin-bottom:3px !important;
}

body.page-no-scroll .cat-modal-value{
  display:block !important;
  color:#334155 !important;
  font-size:14px !important;
  font-weight:500 !important;
  overflow-wrap:anywhere !important;
}

body.page-no-scroll .cat-layout h1,
body.page-no-scroll .container > h1{
  color:var(--vx-blue) !important;
  font-family:"Barlow Semi Condensed","Segoe UI",Arial,sans-serif !important;
  font-size:24px !important;
  font-weight:500 !important;
  line-height:1.05 !important;
}

body.page-no-scroll .cat-layout .card-form,
body.page-no-scroll .container .card-form{
  background:#fff !important;
  border:1px solid var(--vx-line) !important;
  border-radius:8px !important;
  box-shadow:0 6px 18px rgba(11,47,99,.07) !important;
  padding:16px !important;
}

body.page-no-scroll .cat-layout .form-group label,
body.page-no-scroll .container .form-group label{
  color:#64748B !important;
  font-size:12px !important;
  font-weight:600 !important;
  text-transform:uppercase !important;
}

body.page-no-scroll .cat-layout .form-group input,
body.page-no-scroll .cat-layout .form-group select,
body.page-no-scroll .cat-layout .form-group textarea,
body.page-no-scroll .container .form-group input,
body.page-no-scroll .container .form-group select,
body.page-no-scroll .container .form-group textarea{
  min-height:34px !important;
  border:1px solid #cfd8e3 !important;
  border-radius:8px !important;
  font-family:"Barlow Semi Condensed","Segoe UI",Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:400 !important;
  color:#334155 !important;
  text-transform:uppercase !important;
  padding:0 12px !important;
}

body.page-no-scroll .cat-layout .form-group textarea,
body.page-no-scroll .container .form-group textarea{
  padding:10px 12px !important;
}

body.page-no-scroll .cat-layout .vx-btn,
body.page-no-scroll .container .vx-btn{
  height:34px !important;
  border-radius:8px !important;
  font-size:13px !important;
  font-weight:600 !important;
}

/* Empresa Maquinarias: capa de normalizacion visual Vionexa */
body.vx-company-maquinarias .main{
  padding-top:12px !important;
}

body.vx-company-maquinarias .page-title,
body.vx-company-maquinarias .container > h1.page-title,
body.vx-company-maquinarias h1.page-title{
  margin:0 0 8px !important;
  color:var(--vx-blue) !important;
  font-family:"Barlow Semi Condensed","Segoe UI",Arial,sans-serif !important;
  font-size:24px !important;
  font-weight:500 !important;
  line-height:1.05 !important;
  letter-spacing:0 !important;
}

body.vx-company-maquinarias .page-title + .muted,
body.vx-company-maquinarias .vx-sub,
body.vx-company-maquinarias .section-sub,
body.vx-company-maquinarias .table-count{
  color:var(--vx-muted) !important;
  font-size:13px !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
}

body.vx-company-maquinarias .page-block,
body.vx-company-maquinarias .pres-page{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  padding:0 0 14px !important;
  color:var(--vx-text) !important;
}

body.vx-company-maquinarias .card,
body.vx-company-maquinarias .card-vx,
body.vx-company-maquinarias .card-compact,
body.vx-company-maquinarias .vxa-section,
body.vx-company-maquinarias .resume-box,
body.vx-company-maquinarias .preview-card,
body.vx-company-maquinarias .photo-card,
body.vx-company-maquinarias .form-panel{
  background:#fff !important;
  border:1px solid var(--vx-line) !important;
  border-radius:8px !important;
  box-shadow:0 6px 18px rgba(11,47,99,.07) !important;
}

body.vx-company-maquinarias .card,
body.vx-company-maquinarias .card-vx,
body.vx-company-maquinarias .card-compact{
  padding:14px 16px !important;
}

body.vx-company-maquinarias .vx-head,
body.vx-company-maquinarias .section-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  padding:14px 16px !important;
  background:#fff !important;
  border:1px solid var(--vx-line) !important;
  border-left:4px solid var(--vx-orange) !important;
  border-radius:8px !important;
  box-shadow:0 6px 18px rgba(11,47,99,.07) !important;
}

body.vx-company-maquinarias .vx-title,
body.vx-company-maquinarias .section-title,
body.vx-company-maquinarias h3{
  color:var(--vx-blue) !important;
  font-size:18px !important;
  font-weight:500 !important;
  line-height:1.1 !important;
  letter-spacing:0 !important;
}

body.vx-company-maquinarias .form-label,
body.vx-company-maquinarias .field label,
body.vx-company-maquinarias .form-panel-title,
body.vx-company-maquinarias label{
  color:#475569 !important;
  font-size:12px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

body.vx-company-maquinarias .input,
body.vx-company-maquinarias select.input,
body.vx-company-maquinarias input.input,
body.vx-company-maquinarias textarea.input,
body.vx-company-maquinarias .form-control,
body.vx-company-maquinarias .form-select,
body.vx-company-maquinarias .vx-in,
body.vx-company-maquinarias input[type="text"],
body.vx-company-maquinarias input[type="email"],
body.vx-company-maquinarias input[type="number"],
body.vx-company-maquinarias input[type="date"],
body.vx-company-maquinarias input[type="file"],
body.vx-company-maquinarias select,
body.vx-company-maquinarias textarea{
  min-height:34px !important;
  height:34px !important;
  border:1px solid #cfd8e3 !important;
  border-radius:8px !important;
  background:#fff !important;
  color:var(--vx-text) !important;
  font-family:"Barlow Semi Condensed","Segoe UI",Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:1.15 !important;
  box-shadow:none !important;
}

body.vx-company-maquinarias textarea,
body.vx-company-maquinarias textarea.input,
body.vx-company-maquinarias textarea.form-control{
  height:auto !important;
  min-height:84px !important;
  padding:10px 12px !important;
  white-space:normal !important;
  resize:vertical !important;
}

body.vx-company-maquinarias .toolbar,
body.vx-company-maquinarias .toolbar--clientes,
body.vx-company-maquinarias .toolbar--proveedores,
body.vx-company-maquinarias .btn-row,
body.vx-company-maquinarias .form-actions-inline,
body.vx-company-maquinarias .filters-actions,
body.vx-company-maquinarias .upload-actions{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}

body.vx-company-maquinarias .toolbar--clientes,
body.vx-company-maquinarias .toolbar--proveedores{
  justify-content:space-between !important;
  margin-bottom:12px !important;
}

body.vx-company-maquinarias .btn,
body.vx-company-maquinarias .btn-primary,
body.vx-company-maquinarias .btn-secondary,
body.vx-company-maquinarias .btn-warning,
body.vx-company-maquinarias .btn-danger,
body.vx-company-maquinarias .mini,
body.vx-company-maquinarias button.btn,
body.vx-company-maquinarias a.btn{
  min-height:34px !important;
  height:34px !important;
  padding:0 14px !important;
  border-radius:8px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  border:1px solid transparent !important;
  font-family:"Barlow Semi Condensed","Segoe UI",Arial,sans-serif !important;
  font-size:13px !important;
  font-weight:600 !important;
  text-decoration:none !important;
  line-height:1 !important;
  box-shadow:none !important;
  transform:none !important;
}

body.vx-company-maquinarias .btn:not(.btn--ghost):not(.btn-ghost):not(.btn-secondary):not(.btn-danger):not(.btn-warning),
body.vx-company-maquinarias .btn-primary,
body.vx-company-maquinarias .mini{
  background:linear-gradient(90deg, var(--vx-blue) 0%, var(--vx-cyan) 100%) !important;
  color:#fff !important;
}

body.vx-company-maquinarias .btn--ghost,
body.vx-company-maquinarias .btn-ghost,
body.vx-company-maquinarias .btn-secondary,
body.vx-company-maquinarias .btn--soft{
  background:#fff !important;
  color:var(--vx-blue) !important;
  border-color:rgba(11,47,99,.38) !important;
}

body.vx-company-maquinarias .btn-danger,
body.vx-company-maquinarias .btn-del{
  background:#fff !important;
  color:#b91c1c !important;
  border-color:#b91c1c !important;
}

body.vx-company-maquinarias .btn-warning,
body.vx-company-maquinarias .btn-edit{
  background:#fff !important;
  color:#b45309 !important;
  border-color:#f59e0b !important;
}

body.vx-company-maquinarias .table-wrap{
  overflow:auto !important;
  border:1px solid var(--vx-line) !important;
  border-radius:8px !important;
  background:#fff !important;
}

body.vx-company-maquinarias .table,
body.vx-company-maquinarias .table-ui,
body.vx-company-maquinarias table{
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  font-size:13px !important;
}

body.vx-company-maquinarias .table th,
body.vx-company-maquinarias .table-ui th,
body.vx-company-maquinarias table thead th{
  background:var(--vx-head) !important;
  color:var(--vx-blue) !important;
  padding:10px 12px !important;
  border-bottom:1px solid var(--vx-line) !important;
  font-size:12px !important;
  font-weight:600 !important;
  text-align:left !important;
  text-transform:none !important;
  white-space:nowrap !important;
}

body.vx-company-maquinarias .table td,
body.vx-company-maquinarias .table-ui td,
body.vx-company-maquinarias table tbody td{
  padding:9px 12px !important;
  border-bottom:1px solid #E9EEF4 !important;
  color:var(--vx-text) !important;
  font-size:13px !important;
  font-weight:400 !important;
  vertical-align:middle !important;
}

body.vx-company-maquinarias .table tbody tr:hover td,
body.vx-company-maquinarias .table-ui tbody tr:hover td,
body.vx-company-maquinarias table tbody tr:hover td{
  background:#F8FBFF !important;
}

body.vx-company-maquinarias .badge,
body.vx-company-maquinarias .pill,
body.vx-company-maquinarias .summary-pill,
body.vx-company-maquinarias .meta-chip,
body.vx-company-maquinarias .nav-chip{
  min-height:22px !important;
  padding:3px 9px !important;
  border-radius:999px !important;
  font-size:11px !important;
  font-weight:600 !important;
  text-transform:none !important;
}

body.vx-company-maquinarias .badge.ok,
body.vx-company-maquinarias .badge-activo,
body.vx-company-maquinarias .summary-pill.total{
  background:rgba(60,182,163,.14) !important;
  color:#0f766e !important;
  border:1px solid rgba(60,182,163,.35) !important;
}

body.vx-company-maquinarias .badge.off,
body.vx-company-maquinarias .badge-anulado{
  background:rgba(214,69,69,.10) !important;
  color:#b91c1c !important;
  border:1px solid rgba(214,69,69,.28) !important;
}

body.vx-company-maquinarias .summary-pill,
body.vx-company-maquinarias .meta-chip,
body.vx-company-maquinarias .nav-chip{
  background:#F7FBFF !important;
  color:var(--vx-blue) !important;
  border:1px solid var(--vx-line) !important;
}

body.vx-company-maquinarias .btn-icon{
  width:31px !important;
  height:31px !important;
  border-radius:8px !important;
  border:1px solid transparent !important;
  box-shadow:none !important;
  transform:none !important;
}

body.vx-company-maquinarias .photo-item,
body.vx-company-maquinarias .photo-thumb,
body.vx-company-maquinarias .no-photo{
  border-radius:8px !important;
  border-color:var(--vx-line) !important;
}

body.vx-company-maquinarias .ac__dropdown{
  border:1px solid var(--vx-line) !important;
  border-radius:8px !important;
  box-shadow:0 12px 28px rgba(11,47,99,.14) !important;
}

body.vx-company-maquinarias .pres-toolbar{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:10px !important;
  width:100% !important;
  padding:14px 16px !important;
  margin:0 !important;
  background:#fff !important;
  border:1px solid var(--vx-line) !important;
  border-left:4px solid var(--vx-orange) !important;
  border-radius:8px !important;
  box-shadow:0 6px 18px rgba(11,47,99,.07) !important;
}

body.vx-company-maquinarias .pres-toolbar-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  width:100% !important;
  min-width:0 !important;
}

body.vx-company-maquinarias .pres-toolbar-head .vx-title{
  margin:0 !important;
  min-width:0 !important;
}

body.vx-company-maquinarias .pres-toolbar .buscar-form{
  display:grid !important;
  grid-template-columns:minmax(130px,.72fr) minmax(130px,.72fr) minmax(160px,.9fr) minmax(210px,1.15fr) minmax(240px,1.35fr) minmax(96px,auto) !important;
  align-items:end !important;
  gap:8px !important;
  width:100% !important;
  flex:none !important;
  min-width:0 !important;
}

body.vx-company-maquinarias .pres-toolbar .buscar-form .field{
  min-width:0 !important;
  width:auto !important;
}

body.vx-company-maquinarias .pres-toolbar .buscar-form .field.search-field{
  min-width:0 !important;
  flex:initial !important;
}

body.vx-company-maquinarias .pres-toolbar .buscar-form .btn-row{
  display:flex !important;
  align-items:end !important;
  gap:8px !important;
  width:auto !important;
  min-width:max-content !important;
  flex-direction:row !important;
}

body.vx-company-maquinarias .pres-toolbar .export-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  width:auto !important;
  margin-left:0 !important;
  flex:0 0 auto !important;
  flex-direction:row !important;
}

body.vx-company-maquinarias .pres-toolbar .btn,
body.vx-company-maquinarias .pres-toolbar .btn--ghost,
body.vx-company-maquinarias .pres-toolbar button.btn,
body.vx-company-maquinarias .pres-toolbar a.btn{
  width:auto !important;
  min-width:106px !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 13px !important;
  border-radius:8px !important;
  white-space:nowrap !important;
  box-sizing:border-box !important;
}

body.vx-company-maquinarias .pres-toolbar .buscar-form .btn-row .btn{
  min-width:96px !important;
}

body.vx-company-maquinarias .pres-toolbar .export-actions .btn{
  min-width:132px !important;
}

body.vx-company-maquinarias .pres-toolbar .input,
body.vx-company-maquinarias .pres-toolbar select.input,
body.vx-company-maquinarias .pres-toolbar input.input{
  width:100% !important;
  min-width:0 !important;
  height:34px !important;
  min-height:34px !important;
  padding:0 10px !important;
  border-radius:8px !important;
}

body.vx-company-maquinarias .summary-grid{
  grid-template-columns:repeat(6, minmax(150px, 1fr)) !important;
  gap:10px !important;
}

body.vx-company-maquinarias .summary-card{
  padding:12px 14px !important;
}

body.vx-company-maquinarias .summary-card .label{
  color:var(--vx-muted) !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

body.vx-company-maquinarias .summary-card .value{
  color:var(--vx-blue) !important;
  font-size:20px !important;
  font-weight:600 !important;
}

body.vx-company-maquinarias .summary-card.base .value{ color:#0B2F63 !important; }
body.vx-company-maquinarias .summary-card.iva .value{ color:#0f766e !important; }
body.vx-company-maquinarias .summary-card.facturado .value{ color:#111827 !important; }
body.vx-company-maquinarias .summary-card.pagado .value{ color:#15803d !important; }
body.vx-company-maquinarias .summary-card.pendiente .value{ color:#b45309 !important; }

body.vx-company-maquinarias .pres-table{
  min-width:1320px !important;
}

body.vx-company-maquinarias .vx-pager{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  padding:2px 0 0 !important;
}

body.vx-company-maquinarias .vx-pager-info{
  color:var(--vx-muted) !important;
  font-size:13px !important;
  font-weight:500 !important;
}

body.vx-company-maquinarias .vx-pager-actions{
  display:flex !important;
  gap:8px !important;
  align-items:center !important;
}

body.vx-company-maquinarias .vx-pager .is-disabled{
  opacity:.45 !important;
  pointer-events:none !important;
}

@media (max-width: 1280px){
  body.vx-company-maquinarias .pres-toolbar .buscar-form{
    grid-template-columns:repeat(4, minmax(140px, 1fr)) !important;
    width:100% !important;
    flex:1 1 100% !important;
  }

  body.vx-company-maquinarias .pres-toolbar .buscar-form .field.search-field{
    grid-column:span 2 !important;
  }

  body.vx-company-maquinarias .pres-toolbar .buscar-form .btn-row{
    grid-column:span 2 !important;
    justify-content:flex-end !important;
  }

  body.vx-company-maquinarias .pres-toolbar .export-actions{
    justify-content:flex-end !important;
  }

  body.vx-company-maquinarias .summary-grid{
    grid-template-columns:repeat(3, minmax(160px, 1fr)) !important;
  }
}

@media (max-width: 760px){
  .container,
  main.container,
  .container.main,
  .topbar__inner,
  .header__inner,
  .topbar__inner--app{
    width:calc(100% - 16px) !important;
  }

  .page-no-scroll .vx-page,
  .page-no-scroll .vxn-page,
  .page-no-scroll .hist-page,
  .page-no-scroll .pm-page,
  .page-no-scroll .pres-page{
    height:auto !important;
    min-height:calc(100vh - 96px) !important;
    overflow:visible !important;
  }

  .vx-title,
  .vxn-title{ font-size:21px !important; }

  .vx-title-actions,
  .vxn-title-actions,
  .vx-search-form,
  .vxn-search-form,
  .buscar-form,
  .rp-filters,
  .rpt-filters{
    flex-wrap:wrap !important;
  }

  .pager{
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  body.vx-company-maquinarias .toolbar--clientes,
  body.vx-company-maquinarias .toolbar--proveedores,
  body.vx-company-maquinarias .vx-head,
  body.vx-company-maquinarias .section-head{
    align-items:stretch !important;
  }

  body.vx-company-maquinarias .toolbar--clientes .toolbar__right,
  body.vx-company-maquinarias .toolbar--proveedores .toolbar__right,
  body.vx-company-maquinarias .toolbar--clientes .toolbar__left,
  body.vx-company-maquinarias .toolbar--proveedores .toolbar__left{
    width:100% !important;
  }

  body.vx-company-maquinarias .btn,
  body.vx-company-maquinarias button.btn,
  body.vx-company-maquinarias a.btn{
    width:auto !important;
  }

  body.vx-company-maquinarias .pres-toolbar{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  body.vx-company-maquinarias .pres-toolbar .buscar-form{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    width:100% !important;
  }

  body.vx-company-maquinarias .pres-toolbar .buscar-form .btn-row,
  body.vx-company-maquinarias .pres-toolbar .export-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    width:100% !important;
    min-width:0 !important;
  }

  body.vx-company-maquinarias .pres-toolbar-head{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  body.vx-company-maquinarias .pres-toolbar .btn,
  body.vx-company-maquinarias .pres-toolbar .btn--ghost,
  body.vx-company-maquinarias .pres-toolbar button.btn,
  body.vx-company-maquinarias .pres-toolbar a.btn{
    width:100% !important;
    min-width:0 !important;
  }

  body.vx-company-maquinarias .summary-grid{
    grid-template-columns:1fr 1fr !important;
  }

  body.vx-company-maquinarias .vx-pager{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  body.vx-company-maquinarias .vx-pager-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }
}