/* UNIFACTU — tema Fase 1 (menú lateral + look SaaS claro) */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap');

:root {
  --uf-bg: #eef1f6;
  --uf-surface: #ffffff;
  --uf-sidebar: #0f2744;
  --uf-sidebar-hover: rgba(255, 255, 255, 0.08);
  --uf-sidebar-active: #1d4ed8;
  --uf-border: #e3e8ef;
  --uf-text: #1e293b;
  --uf-muted: #64748b;
  --uf-primary: #2563eb;
  --uf-primary-hover: #1d4ed8;
  --uf-danger: #dc2626;
  --uf-success: #16a34a;
  --uf-radius: 14px;
  --uf-radius-sm: 10px;
  --uf-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.06);
  --uf-font: 'DM Sans', 'Segoe UI', system-ui, sans-serif;
}

html, body, .x-body, .x-panel-body, .x-form-text, .x-btn, .x-treelist,
.x-grid-cell, .x-grid-header-ct, .x-toolbar, .x-window, .x-tab {
  font-family: var(--uf-font) !important;
}

body.uf-app,
.uf-app .x-body {
  background: var(--uf-bg) !important;
  color: var(--uf-text);
}

/* ——— Shell: barra superior ——— */
.uf-topbar,
.uf-topbar.x-panel,
.uf-topbar > .x-panel-bodyWrap,
.uf-topbar > .x-panel-bodyWrap > .x-panel-body {
  background: var(--uf-surface) !important;
  border: none !important;
  border-bottom: 1px solid var(--uf-border) !important;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.03);
}

.uf-topbar .x-btn {
  border-radius: 999px !important;
  border: 1px solid var(--uf-border) !important;
  background: #f8fafc !important;
  padding: 4px 12px !important;
}

.uf-topbar .x-btn-inner {
  color: var(--uf-text) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

.uf-title {
  color: var(--uf-text) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  letter-spacing: -0.02em;
}

.uf-company {
  color: var(--uf-muted) !important;
  font-weight: 500 !important;
  font-size: 13px !important;
}

/* ——— Shell: menú lateral ——— */
.uf-sidebar,
.uf-sidebar.x-panel,
.uf-sidebar .x-panel-body,
.uf-sidebar .x-treelist,
.uf-sidebar .x-treelist-container {
  background: var(--uf-sidebar) !important;
  border: none !important;
  color: #e2e8f0 !important;
}

.uf-sidebar .x-treelist-item-text {
  color: #cbd5e1 !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
}

.uf-sidebar .x-treelist-item-icon:before,
.uf-sidebar .x-treelist-item-expander {
  color: #94a3b8 !important;
}

.uf-sidebar .x-treelist-item-selected > .x-treelist-row {
  background: transparent !important;
}

.uf-sidebar .x-treelist-item-selected > .x-treelist-row-over,
.uf-sidebar .x-treelist-item-selected > .x-treelist-row {
  background: transparent !important;
}

.uf-sidebar .x-treelist-item-selected > .x-treelist-row > .x-treelist-item-wrap {
  background: var(--uf-sidebar-active) !important;
  border-radius: 10px !important;
  margin: 2px 8px !important;
}

.uf-sidebar .x-treelist-item-selected .x-treelist-item-text {
  color: #fff !important;
  font-weight: 600 !important;
}

.uf-sidebar .x-treelist-row-over > .x-treelist-item-wrap {
  background: var(--uf-sidebar-hover) !important;
  border-radius: 10px !important;
  margin: 2px 8px !important;
}

.uf-sidebar .x-treelist-item-expanded > .x-treelist-row .x-treelist-item-text {
  color: #fff !important;
}

.uf-sidebar .x-tree-expander,
.uf-sidebar .x-treelist-item-expander::after {
  display: none !important;
  content: none !important;
}

/* Fallback tree clásico */
.uf-sidebar .x-grid-cell-inner,
.uf-sidebar .x-tree-node-text {
  color: #cbd5e1 !important;
}

.uf-sidebar .x-grid-item-selected .x-grid-cell {
  background: var(--uf-sidebar-active) !important;
}

/* ——— Área de contenido ——— */
.uf-content,
.uf-content.x-panel,
.uf-content .x-panel-body {
  background: var(--uf-bg) !important;
  border: none !important;
}

.uf-page,
.uf-page.x-window,
.uf-page.x-panel,
.uf-page > .x-window-bodyWrap > .x-window-body,
.uf-page > .x-panel-bodyWrap > .x-panel-body {
  background: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ——— Cards ——— */
.uf-card,
.uf-card.x-panel,
.uf-card.x-fieldset,
.uf-card > .x-panel-bodyWrap > .x-panel-body,
.uf-card > .x-fieldset-body {
  background: var(--uf-surface) !important;
  border: 1px solid var(--uf-border) !important;
  border-radius: var(--uf-radius) !important;
  box-shadow: var(--uf-shadow) !important;
}

.uf-card .x-fieldset-header-text,
.uf-card .x-panel-header-title-text {
  color: var(--uf-text) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}

/* Toolbar plano: sin tarjeta flotante, sin margen ni radio (evita “panel detrás”) */
.uf-toolbar,
.uf-toolbar.x-panel,
.uf-toolbar.x-panel-default,
.uf-toolbar > .x-panel-bodyWrap,
.uf-toolbar > .x-panel-bodyWrap > .x-panel-body,
.uf-toolbar .x-panel-body {
  background: #ffffff !important;
  background-image: none !important;
  border: 0 none !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  margin: 0 !important;
  outline: none !important;
  overflow: visible !important;
}

.uf-toolbar.x-panel-default-framed,
.uf-toolbar .x-panel-default-framed {
  border: 0 none !important;
  padding: 0 !important;
}

/* ExtJS: sombra/marco detrás de botones y paneles */
.uf-toolbar .x-css-shadow,
.uf-page .x-css-shadow,
.uf-toolbar .x-btn-shadow,
.uf-page .x-btn-shadow,
.uf-toolbar .x-panel-ghost,
.uf-toolbar .x-frame-tl,
.uf-toolbar .x-frame-tr,
.uf-toolbar .x-frame-bl,
.uf-toolbar .x-frame-br,
.uf-toolbar .x-frame-tc,
.uf-toolbar .x-frame-bc,
.uf-toolbar .x-frame-ml,
.uf-toolbar .x-frame-mr,
.uf-toolbar .x-frame-mc {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  box-shadow: none !important;
}

.uf-toolbar .x-btn,
.uf-toolbar .x-btn-default-small,
.uf-toolbar .x-btn-default-medium,
.uf-toolbar a.x-btn,
.uf-page .uf-toolbar .x-btn {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background-image: none !important;
  outline: none !important;
}

/* ——— Botones ——— */
.uf-btn-primary.x-btn,
.x-btn.uf-btn-primary {
  background: var(--uf-primary) !important;
  background-image: none !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.uf-btn-primary .x-btn-inner {
  color: #fff !important;
  font-weight: 600 !important;
}

.uf-btn-primary.x-btn-over,
.uf-btn-primary.x-btn-focus {
  background: var(--uf-primary-hover) !important;
  background-image: none !important;
  box-shadow: none !important;
}

.uf-btn-secondary.x-btn {
  background: #f8fafc !important;
  background-image: none !important;
  border: 1px solid var(--uf-border) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.uf-btn-secondary .x-btn-inner {
  color: var(--uf-text) !important;
  font-weight: 600 !important;
}

/* ——— Inputs ——— */
.uf-page .x-form-text,
.uf-card .x-form-text,
.uf-login .x-form-text,
.uf-toolbar .x-form-text {
  border-radius: var(--uf-radius-sm) !important;
  border: 1px solid var(--uf-border) !important;
  background: #fff !important;
  padding: 6px 10px !important;
  color: var(--uf-text) !important;
}

.uf-page .x-form-text-wrap-focus,
.uf-card .x-form-text-wrap-focus {
  border-color: var(--uf-primary) !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
}

.uf-page .x-form-item-label-text,
.uf-card .x-form-item-label-text,
.uf-login label,
.uf-page .x-component {
  color: var(--uf-muted);
}

/* ——— Grid ——— */
.uf-grid.x-grid,
.uf-grid .x-grid-view,
.uf-grid .x-grid-header-ct {
  background: var(--uf-surface) !important;
  border: none !important;
}

.uf-grid {
  border: 1px solid var(--uf-border) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
  margin: 0 !important;
}

.uf-grid .x-column-header {
  background: #f8fafc !important;
  border-right: 1px solid #eef2f7 !important;
  border-bottom: 1px solid var(--uf-border) !important;
  color: var(--uf-muted) !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  text-transform: none !important;
}

.uf-grid .x-grid-cell {
  border-right: none !important;
  border-bottom: 1px solid #f1f5f9 !important;
  color: var(--uf-text) !important;
  font-size: 11px !important;
  line-height: 16px !important;
}

.uf-grid-compact .x-column-header,
.uf-grid-compact .x-column-header-text {
  font-size: 11px !important;
}

.uf-grid-compact .x-grid-cell,
.uf-grid-compact .x-grid-cell-inner {
  font-size: 11px !important;
  line-height: 16px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.uf-grid .x-grid-item-over .x-grid-cell {
  background: #f8fafc !important;
}

.uf-grid .x-grid-item-selected .x-grid-cell {
  background: #eff6ff !important;
}

/* ——— Login: blanco total (SOLO .uf-login; no tocar MessageDlg) ——— */
html.uf-login-body,
body.uf-login-body,
.uf-login-body,
.uf-login-body.x-body,
body.uf-login-body .x-viewport,
body.uf-login-body .x-viewport-body,
body.uf-login-body .x-body,
body.uf-login-body #body {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  overflow: hidden !important;
}

body.uf-login-body .x-css-shadow,
body.uf-login-body .x-window-shadow,
body.uf-login-body .x-shadow {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* No estilizar .x-mask ni .x-window globales: rompe MessageDlg */

.uf-login,
.uf-login.x-window,
.uf-login.x-window-default,
.uf-login.x-panel,
.uf-login.x-window-default-resizable {
  border: 0 none !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  overflow: hidden !important;
}

.uf-login > .x-window-bodyWrap,
.uf-login > .x-window-bodyWrap > .x-window-body,
.uf-login > .x-panel-bodyWrap,
.uf-login > .x-panel-bodyWrap > .x-panel-body,
.uf-login .x-window-header,
.uf-login .x-panel-header,
.uf-login .x-tabpanel,
.uf-login .x-tabpanel-body,
.uf-login .x-panel-body,
.uf-login .x-tabpanel-child,
.uf-login .x-panel,
.uf-login .x-box-inner,
.uf-login .x-box-target {
  border: 0 none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  padding: 0 !important;
}

.uf-login .x-btn.uf-btn-primary,
.uf-login .btn-primary,
.uf-login .uf-btn-primary {
  border-radius: 999px !important;
  -webkit-border-radius: 999px !important;
  background: var(--uf-primary) !important;
  border: none !important;
  box-shadow: none !important;
}

.uf-login .x-btn.uf-btn-primary .x-btn-inner,
.uf-login .uf-btn-primary .x-btn-inner {
  color: #fff !important;
  font-weight: 600 !important;
}

.uf-login .x-form-text,
.uf-login .x-form-text-default {
  border-radius: 8px !important;
}

/* Login: Ext JS añade una sombra de bisel en el contenedor del campo.
   Se elimina para que los edits queden planos y limpios. */
.uf-login .x-form-text-wrap,
.uf-login .x-form-text-wrap-default,
.uf-login .x-form-trigger-wrap,
.uf-login .x-form-trigger-wrap-default,
.uf-login .x-form-item-body {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  text-shadow: none !important;
  background-image: none !important;
}

.uf-login .x-form-text-wrap,
.uf-login .x-form-text-wrap-default,
.uf-login .x-form-trigger-wrap,
.uf-login .x-form-trigger-wrap-default {
  border: 0 none !important;
  outline: 0 none !important;
  background: transparent !important;
}

.uf-login .x-form-text,
.uf-login .x-form-text-default {
  border: 1px solid #d7dfec !important;
  outline: 0 none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background-image: none !important;
}

/* Ext.Msg / MessageBox: texto Oscuro (Ext pone blanco por defecto en el tema) */
.x-message-box .x-toolbar,
.uf-msg-cerrar .x-toolbar {
  background: #f1f5f9 !important;
  border: none !important;
  padding: 8px !important;
}

.x-message-box .x-btn,
.x-message-box a.x-btn,
.uf-msg-cerrar .x-btn {
  background: #f8fafc !important;
  background-image: none !important;
  border: 1px solid #64748b !important;
  border-radius: 8px !important;
  min-width: 72px !important;
  height: 32px !important;
  margin: 0 6px !important;
  box-shadow: none !important;
  color: #0f172a !important;
}

.x-message-box .x-btn-over,
.x-message-box a.x-btn-over {
  background: #e2e8f0 !important;
  background-image: none !important;
}

.x-message-box .x-btn-inner,
.x-message-box .x-btn-inner-default-small,
.x-message-box .x-btn-inner-default-medium,
.x-message-box .x-btn-inner-default-large,
.x-message-box a.x-btn .x-btn-inner,
.x-message-box .x-btn .x-btn-inner,
body .x-message-box .x-btn-inner {
  color: #0f172a !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}

/* ——— GroupBox como card ——— */
.uf-fieldset.x-fieldset {
  background: var(--uf-surface) !important;
  border: 1px solid var(--uf-border) !important;
  border-radius: var(--uf-radius) !important;
  box-shadow: var(--uf-shadow) !important;
  padding: 8px 12px 16px !important;
  margin-bottom: 12px !important;
}

.uf-fieldset .x-fieldset-header-text {
  color: var(--uf-text) !important;
  font-weight: 700 !important;
}

/* ——— PageControl sin chrome ——— */
.uf-tabs .x-tab-bar {
  background: transparent !important;
  border: none !important;
}

.uf-tabs .x-panel-body {
  background: var(--uf-bg) !important;
  border: none !important;
}

/* Tema de referencia ERP: override aislado para Ext JS / uniGUI. */
:root {
  --uf-bg: #f5f5f3;
  --uf-surface: #fff;
  --uf-sidebar: #fff;
  --uf-sidebar-hover: #fff3e8;
  --uf-sidebar-active: #fff0e2;
  --uf-border: #e7e3df;
  --uf-text: #252322;
  --uf-muted: #77716b;
  --uf-primary: #f57c00;
  --uf-primary-hover: #dd6f00;
  --uf-radius: 8px;
  --uf-radius-sm: 5px;
}
.uf-topbar, .uf-topbar.x-panel, .uf-topbar > .x-panel-bodyWrap,
.uf-topbar > .x-panel-bodyWrap > .x-panel-body { background:#171717 !important; border:0 none !important; box-shadow:none !important; }
.uf-topbar .x-btn { background:transparent !important; border:0 none !important; border-radius:4px !important; }
.uf-topbar .x-btn-inner, .uf-title { color:#fff !important; }
.uf-company { color:#d0cbc7 !important; }
.uf-sidebar, .uf-sidebar.x-panel, .uf-sidebar .x-panel-body, .uf-sidebar .x-treelist,
.uf-sidebar .x-treelist-container { background:#fff !important; color:var(--uf-text) !important; border-right:1px solid var(--uf-border) !important; }
.uf-sidebar .x-treelist-item-text, .uf-sidebar .x-grid-cell-inner, .uf-sidebar .x-tree-node-text { color:#4f4a46 !important; font-size:12px !important; }
.uf-sidebar .x-treelist-item-selected > .x-treelist-row > .x-treelist-item-wrap { background:var(--uf-sidebar-active) !important; border-left:3px solid var(--uf-primary) !important; border-radius:0 !important; margin:2px 0 !important; }
.uf-sidebar .x-treelist-item-selected .x-treelist-item-text { color:#c96400 !important; }
.uf-sidebar .x-treelist-row-over > .x-treelist-item-wrap { background:var(--uf-sidebar-hover) !important; border-radius:0 !important; margin:2px 0 !important; }
.uf-content, .uf-content.x-panel, .uf-content .x-panel-body { background:var(--uf-bg) !important; }
.uf-btn-primary.x-btn, .x-btn.uf-btn-primary { background:var(--uf-primary) !important; border-radius:999px !important; }
.uf-btn-primary.x-btn-over, .uf-btn-primary.x-btn-focus { background:var(--uf-primary-hover) !important; }
.uf-grid .x-column-header { background:#faf9f7 !important; color:var(--uf-muted) !important; font-size:10px !important; }
.uf-grid .x-grid-item-over .x-grid-cell { background:#fff8f1 !important; }
.uf-grid .x-grid-item-selected .x-grid-cell { background:#fff0e2 !important; }
.uf-list-toolbar:before { content:'Facturas'; position:absolute; top:12px; left:24px; color:var(--uf-text); font-size:18px; font-weight:700; letter-spacing:-.02em; }
.uf-list-toolbar .x-form-item-label-text, .uf-list-toolbar .x-label { color:var(--uf-muted) !important; font-size:11px !important; font-weight:600 !important; }
.uf-list-toolbar .x-btn:not(.uf-btn-primary) { border:1px solid var(--uf-border) !important; background:#fff !important; border-radius:5px !important; }
body.uf-login-body, html.uf-login-body { background:linear-gradient(135deg,#181818 0%,#28231f 100%) !important; }
.uf-login .x-tabpanel { background:#fff !important; border-radius:12px !important; box-shadow:0 20px 60px rgba(0,0,0,.28) !important; }
.uf-login .x-tabpanel:before { content:'UNIFACTU'; position:absolute; top:34px; left:40px; color:var(--uf-primary); font-size:12px; font-weight:700; letter-spacing:.12em; }
.uf-login .x-form-text, .uf-login .x-form-text-default { height:30px !important; border-color:#ded9d4 !important; }
.uf-login .x-btn.uf-btn-primary { min-height:42px !important; background:var(--uf-primary) !important; }

/* Referencia azul: reglas acotadas a las clases uniGUI de UNIFACTU. */
:root { --uf-bg:#f4f7fc; --uf-surface:#fff; --uf-sidebar:#f3f5f8; --uf-sidebar-hover:#e8eefb; --uf-sidebar-active:#e4ecff; --uf-border:#dfe6f1; --uf-text:#26344d; --uf-muted:#748198; --uf-primary:#5278d8; --uf-primary-hover:#4268c6; --uf-radius:6px; --uf-radius-sm:4px; }
.uf-topbar, .uf-topbar.x-panel, .uf-topbar > .x-panel-bodyWrap, .uf-topbar > .x-panel-bodyWrap > .x-panel-body { background:#5278d8 !important; border:0 none !important; box-shadow:none !important; }
.uf-topbar .x-btn { background:transparent !important; border:0 none !important; border-radius:4px !important; }
.uf-topbar .x-btn-inner, .uf-title, .uf-company { color:#fff !important; }
.uf-topbar .x-btn-over { background:rgba(255,255,255,.13) !important; }
.uf-sidebar, .uf-sidebar.x-panel, .uf-sidebar .x-panel-body, .uf-sidebar .x-treelist, .uf-sidebar .x-treelist-container { background:var(--uf-sidebar) !important; border-right:1px solid var(--uf-border) !important; }
.uf-sidebar .x-treelist-item-text, .uf-sidebar .x-grid-cell-inner, .uf-sidebar .x-tree-node-text { color:#48566d !important; font-size:13px !important; }
.uf-sidebar .x-treelist-item-icon:before, .uf-sidebar .x-treelist-item-expander { color:#647899 !important; }
.uf-sidebar .x-treelist-item-selected > .x-treelist-row > .x-treelist-item-wrap { background:var(--uf-sidebar-active) !important; border-left:3px solid var(--uf-primary) !important; border-radius:0 !important; margin:2px 0 !important; }
.uf-sidebar .x-treelist-item-selected .x-treelist-item-text { color:#365eaf !important; font-weight:700 !important; }
.uf-sidebar .x-treelist-row-over > .x-treelist-item-wrap { background:var(--uf-sidebar-hover) !important; border-radius:0 !important; margin:2px 0 !important; }

/* El grupo activo puede heredar blanco del tema base: texto legible sobre azul claro. */
.uf-sidebar .x-treelist-item-selected .x-treelist-item-text,
.uf-sidebar .x-treelist-item-selected .x-treelist-item-text * {
  color: #263f78 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* Nodo padre desplegado: el tema base le asigna blanco aunque el fondo es claro. */
.uf-sidebar .x-treelist-item-expanded > .x-treelist-row .x-treelist-item-text,
.uf-sidebar .x-treelist-item-expanded > .x-treelist-row .x-treelist-item-text * {
  color: #263f78 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.uf-version-panel,.uf-version-panel .x-panel-body,.uf-version-panel .x-panel-bodyWrap { background:var(--uf-sidebar) !important; border:0 none !important; }
.uf-version { color:var(--uf-muted) !important; font-size:11px !important; }
.uf-menu-pin.x-btn { background:transparent !important; border:0 none !important; box-shadow:none !important; padding:0 !important; z-index:20 !important; }
.uf-menu-pin .x-btn-inner { color:var(--uf-muted) !important; }
.uf-menu-pin .x-btn-icon-el { color:var(--uf-muted) !important; font-size:17px !important; transform:rotate(-35deg); transition:transform .15s ease; }
.uf-menu-pin-active .x-btn-icon-el { transform:rotate(0deg); }
.uf-menu-pin.x-btn-over { background:var(--uf-sidebar-hover) !important; }
.uf-content, .uf-content.x-panel, .uf-content .x-panel-body, .uf-page, .uf-page.x-window, .uf-page.x-panel, .uf-page > .x-window-bodyWrap > .x-window-body, .uf-page > .x-panel-bodyWrap > .x-panel-body { background:var(--uf-bg) !important; }
.uf-btn-primary.x-btn, .x-btn.uf-btn-primary { background:var(--uf-primary) !important; border-radius:5px !important; }
.uf-btn-primary.x-btn-over, .uf-btn-primary.x-btn-focus { background:var(--uf-primary-hover) !important; }
.uf-btn-secondary.x-btn { background:#fff !important; border-color:var(--uf-border) !important; border-radius:5px !important; }
.uf-grid { border-color:var(--uf-border) !important; background:#fff !important; }
.uf-grid .x-column-header { background:#f7f9fd !important; border-color:var(--uf-border) !important; color:#5c6c85 !important; }
.uf-grid .x-grid-item-over .x-grid-cell { background:#f7faff !important; }
.uf-grid .x-grid-item-selected .x-grid-cell { background:#eaf1ff !important; }
.uf-list-toolbar, .uf-list-toolbar .x-panel-body, .uf-list-toolbar .x-panel-bodyWrap { background:#fff !important; }
.uf-list-toolbar:before { color:var(--uf-text) !important; }
.uf-list-toolbar .x-form-text { border-color:#dce4f0 !important; }
body.uf-login-body, html.uf-login-body { background:linear-gradient(135deg,#355caa 0%,#7094e3 100%) !important; }
.uf-login .x-tabpanel { border-radius:10px !important; box-shadow:0 20px 55px rgba(25,52,100,.25) !important; }
.uf-login .x-tabpanel:before { color:var(--uf-primary) !important; }

/* Ajustes de densidad: lista de facturas y acciones de la barra superior. */
.uf-topbar .uf-btn-secondary .x-btn-inner,
.uf-topbar .uf-btn-secondary .x-btn-icon-el { color:var(--uf-text) !important; }
.uf-list-toolbar:before { content:none !important; }
.uf-list-toolbar .x-form-text,
.uf-list-toolbar .x-form-trigger-wrap { min-height:28px !important; height:28px !important; }
.uf-list-toolbar .x-form-text { padding:3px 8px !important; }
.uf-list-toolbar .x-form-trigger { height:28px !important; }

/* Filtros con selector de fecha: evita el bisel residual del trigger Ext JS. */
.uf-list-toolbar .x-form-trigger-wrap,
.uf-list-toolbar .x-form-trigger-wrap-default,
.uf-list-toolbar .x-form-text-wrap,
.uf-list-toolbar .x-form-text-wrap-default {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background-image: none !important;
  outline: 0 none !important;
}

.uf-list-toolbar .x-form-trigger {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border-left-color: #dce4f0 !important;
  background-image: none !important;
}

/* Acciones y selector de estado de Veri*Factu, con la misma densidad del listado. */
.uf-verifactu-toolbar .x-form-radio-group,
.uf-verifactu-toolbar .x-form-radio-group-default {
  background: transparent !important;
  border: 0 none !important;
  box-shadow: none !important;
}

.uf-verifactu-toolbar .x-form-cb-label,
.uf-verifactu-toolbar .x-form-radio-group label {
  color: var(--uf-text) !important;
  font-size: 12px !important;
}