.rz-dropdown-panel .rz-listbox-item{
font-size:1rem !important;
line-height:1.5 !important;
padding:0.6rem 0.8rem !important;
min-height:2.5rem !important;
}
.rz-dropdown-items .rz-listbox-item{
font-size:1rem !important;
line-height:1.5 !important;
padding:0.6rem 0.8rem !important;
min-height:2.5rem !important;
}
.rz-listbox-item{
font-size:1rem !important;
line-height:1.5 !important;
padding:0.6rem 0.8rem !important;
}
.rz-dropdown-filter-input{
font-size:0.95rem !important;
padding:0.5rem !important;
}
.grid-watermark{
position:absolute;
inset:0;
display:flex;
align-items:center;
justify-content:center;
font-size:5.5rem;
font-weight:bold;
color:rgba(180,180,180,0.3);
pointer-events:none;
user-select:none;
transform:rotate(20deg);
z-index:2;
white-space:nowrap;
}
.validar-card.validar-resumen .rz-row{
margin-bottom:0 !important;
padding:0 !important;
}
.validar-card.validar-resumen .rz-column{
padding:6px 8px !important;
font-size:0.95rem;
}
.fila-titulo{
font-weight:bold;
background-color:#f0f0f0;
padding:4px 6px !important;
border-bottom:2px solid #ddd;
font-size:0.9rem;
}
.fila-detalle{
padding:2px 6px !important;
border-bottom:1px solid #eee;
min-height:20px;
display:flex;
align-items:center;
}
.fila-detalle span{
line-height:1.2;
}
.fila-subtotal{
padding:3px 6px !important;
background-color:#f8f8f8;
border-bottom:1px solid #ddd;
font-weight:500;
min-height:22px;
font-size:0.9rem;
}
.fila-total{
padding:5px 6px !important;
background-color:#e8f4f8;
border-top:2px solid #0078d4;
font-weight:bold;
font-size:1rem;
min-height:28px;
}
.validar-card.validar-resumen{
box-shadow:0 2px 8px rgba(0,0,0,0.1);
}
.validar-page .validar-card{
margin-bottom:0.5rem;
}
.validar-page .validar-card.validar-filtros{
margin-bottom:0.5rem;
}
.validar-page .validar-card.validar-clientes{
margin-bottom:0.5rem;
}
.validar-page .validar-card.validar-cuentas{
margin-bottom:0.5rem;
}
.validar-page .validar-card.validar-resumen .rz-column{
padding:2px 4px !important;
font-size:0.9rem;
line-height:1.1;
}
.validar-page .validar-card.validar-resumen .fila-titulo{
padding:3px 4px !important;
min-height:18px;
font-size:0.85rem;
line-height:1.1;
}
.validar-page .validar-card.validar-resumen .fila-detalle{
padding:1px 4px !important;
min-height:16px;
line-height:1.05;
}
.validar-page .validar-card.validar-resumen .fila-detalle span{
line-height:1.05;
}
.validar-page .validar-card.validar-resumen .fila-subtotal{
padding:2px 4px !important;
min-height:18px;
font-size:0.85rem;
line-height:1.1;
}
.validar-page .validar-card.validar-resumen .fila-total{
padding:3px 4px !important;
min-height:22px;
font-size:0.95rem;
line-height:1.15;
}
.validar-page .validar-control{
font-size:0.92rem;
line-height:1.1;
min-height:1.9rem;
border:1px solid #d6dbe6;
border-radius:8px;
background:#fff;
box-shadow:0 1px 2px rgba(0,0,0,0.06);
transition:border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.validar-page .validar-control:hover{
border-color:#b9c3d9;
}
.validar-page .validar-control:focus-within{
border-color:var(--rz-primary);
box-shadow:0 0 0 3px rgba(42,47,114,0.12);
}
.validar-page .validar-control-dropdown{
padding:0;
}
.validar-page .validar-control-dropdown .rz-dropdown-label{
font-size:0.92rem;
line-height:1.1;
padding:0.25rem 0.6rem;
}
.validar-page .validar-control-input{
padding:0.25rem 0.6rem;
}
.validar-page .validar-control-input::placeholder{
opacity:0.7;
}
.validar-page .validar-alert{
display:flex;
align-items:flex-start;
gap:0.6rem;
margin-top:0.35rem;
padding:0.55rem 0.75rem;
border-radius:12px;
border:1px solid rgba(165,42,42,0.15);
background:linear-gradient(135deg, rgba(255,252,245,0.92) 0%, rgba(245,245,220,0.50) 100%);
color:rgba(110,28,28,0.94);
font-size:0.72rem;
line-height:1.15rem;
box-shadow:0 4px 14px rgba(0,0,0,0.05), 0 1px 3px rgba(165,42,42,0.08);
overflow-wrap:anywhere;
position:relative;
}
.validar-page .validar-alert::before{
content:"";
display:block;
width:4px;
border-radius:999px;
background:linear-gradient(180deg, rgba(165,42,42,0.45) 0%, rgba(165,42,42,0.25) 100%);
flex:0 0 4px;
align-self:stretch;
}
@media (max-width: 768px){
.validar-page .validar-alert{
padding:0.5rem 0.65rem;
font-size:0.70rem;
gap:0.5rem;
}
}
.modern-loading-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.5);
backdrop-filter:blur(4px);
display:flex;
align-items:center;
justify-content:center;
z-index:9999;
animation:fadeIn 0.2s ease-in-out;
}
.modern-loading-container{
background:#ffffff;
border-radius:16px;
padding:2.5rem 3rem;
box-shadow:0 20px 60px rgba(0,0,0,0.3);
text-align:center;
min-width:300px;
animation:slideUp 0.3s ease-out;
}
.modern-loading-content{
display:flex;
flex-direction:column;
align-items:center;
gap:1.25rem;
}
.modern-spinner{
position:relative;
width:80px;
height:80px;
}
.modern-spinner-ring{
position:absolute;
width:100%;
height:100%;
border:4px solid transparent;
border-radius:50%;
animation:spin 1.5s cubic-bezier(0.5,0,0.5,1) infinite;
}
.modern-spinner-ring:nth-child(1){
border-top-color:#2A2F72;
animation-delay:-0.45s;
}
.modern-spinner-ring:nth-child(2){
border-top-color:#3b82f6;
animation-delay:-0.3s;
}
.modern-spinner-ring:nth-child(3){
border-top-color:#60a5fa;
animation-delay:-0.15s;
}
.modern-loading-text{
font-size:1.125rem;
font-weight:600;
color:#1f2937;
letter-spacing:0.5px;
}
.modern-loading-subtext{
font-size:0.875rem;
color:#6b7280;
font-weight:400;
}
@keyframes spin{
0%{
transform:rotate(0deg);
}
100%{
transform:rotate(360deg);
}
}
@keyframes fadeIn{
from{
opacity:0;
}
to{
opacity:1;
}
}
@keyframes slideUp{
from{
transform:translateY(20px);
opacity:0;
}
to{
transform:translateY(0);
opacity:1;
}
}
.rz-header{
position:relative;
}
.nombre-usuario{
position:absolute;
right:6.5rem;
top:50%;
transform:translateY(-50%);
display:inline-flex;
align-items:center;
padding:0.25rem 0.6rem;
background:rgba(255,255,255,0.10);
border:1px solid rgba(255,255,255,0.20);
border-radius:999px;
color:rgba(144,238,144,0.95);
font-size:0.70rem;
font-weight:500;
line-height:1rem;
max-width:min(55vw, 420px);
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
letter-spacing:0.2px;
z-index:100;
pointer-events:none;
}
.rz-header form[action="logout"] .rz-button{
border-radius:999px;
padding:0.2rem 0.65rem;
min-height:1.6rem;
background:rgba(255,255,255,0.10);
border:1px solid rgba(255,255,255,0.20);
transition:all 0.2s ease;
}
.rz-header form[action="logout"] .rz-button:hover{
background:rgba(255,255,255,0.16);
transform:translateY(-1px);
box-shadow:0 2px 8px rgba(0,0,0,0.15);
}
.rz-header form[action="logout"] .rz-button:focus-visible{
outline:2px solid rgba(144,238,144,0.5);
outline-offset:2px;
}
.rz-header .rz-label{
font-weight:600;
letter-spacing:0.3px;
}
@media (max-width: 768px){
.nombre-usuario{
right:5.5rem;
max-width:35vw;
font-size:0.65rem;
padding:0.2rem 0.5rem;
}
}
:root{
--app-footer-h:48px;
}
.rz-layout{
min-height:100vh;
}
.rz-sidebar,
.rz-sidebar *,
aside.rz-sidebar,
aside.rz-sidebar *{
background:#ffffff !important;
}
.rz-sidebar{
border-right:1px solid rgba(0,0,0,0.08) !important;
}
.rz-sidebar .rz-navigation-item-link{
background:transparent !important;
color:rgba(0,0,0,0.75) !important;
transition:background 0.2s ease, color 0.2s ease;
}
.rz-sidebar .rz-navigation-item-link:hover{
background:rgba(42,47,114,0.06) !important;
color:rgba(0,0,0,0.85) !important;
}
.rz-sidebar .rz-navigation-item.rz-state-active > .rz-navigation-item-link,
.rz-sidebar .rz-navigation-item.rz-state-active > a{
background:rgba(42,47,114,0.10) !important;
color:rgba(0,0,0,0.90) !important;
font-weight:600 !important;
}
.rz-sidebar .rz-navigation-item-link .rzi{
color:rgba(0,0,0,0.60) !important;
}
.rz-sidebar .rz-navigation-item-link:hover .rzi{
color:rgba(0,0,0,0.75) !important;
}
.app-footer{
margin:0;
padding:0;
border-top:1px solid rgba(0,0,0,0.08);
background:rgba(255,255,255,0.92);
flex:0 0 auto;
position:sticky;
bottom:0;
z-index:50;
}
.app-footer__content{
display:flex;
align-items:center;
justify-content:space-between;
gap:0.75rem;
padding:0.35rem 0.85rem;
font-size:0.78rem;
line-height:1.2rem;
color:rgba(0,0,0,0.65);
}
.app-footer__app{
font-weight:600;
color:rgba(0,0,0,0.72);
white-space:nowrap;
}
.app-footer__org{
white-space:nowrap;
opacity:0.9;
}
.app-footer__version{
white-space:nowrap;
padding:0.15rem 0.5rem;
border-radius:999px;
border:1px solid rgba(0,0,0,0.10);
background:rgba(42,47,114,0.06);
color:rgba(0,0,0,0.70);
font-weight:600;
}
@media (max-width: 768px){
.app-footer__content{
flex-wrap:wrap;
justify-content:center;
text-align:center;
}
}
.home-hero{
max-width:1100px;
margin:0.5rem auto 0.35rem auto;
padding:0 0.75rem;
text-align:center;
}
.home-hero__title{
margin:0;
font-size:1.15rem;
line-height:1.35rem;
font-weight:700;
color:rgba(0,0,0,0.78);
letter-spacing:0.2px;
}
.home-hero__desc{
margin:0.15rem 0 0 0;
font-size:0.85rem;
line-height:1.2rem;
color:rgba(0,0,0,0.60);
}
.home-hero__divider{
width:64px;
height:2px;
margin:0.35rem auto 0 auto;
border-radius:999px;
background:rgba(42,47,114,0.25);
}
@media (max-width: 768px){
.home-hero__title{
font-size:1.05rem;
}
.home-hero__desc{
font-size:0.82rem;
}
}

.validar-resumen .fila-titulo-documentos{
margin-top:0.6rem;
padding:0.35rem 0.4rem;
background:linear-gradient(135deg, rgba(42,47,114,0.92) 0%, rgba(32,37,94,0.96) 100%);
color:#fff;
font-weight:700;
font-size:0.78rem;
border-radius:10px 10px 0 0;
border:1px solid rgba(42,47,114,0.4);
border-bottom:none;
box-shadow:0 2px 6px rgba(0,0,0,0.08);
text-align:center;
letter-spacing:0.3px;
}

.validar-resumen .fila-encabezado-documentos{
padding:0.28rem 0.4rem;
background:linear-gradient(180deg, rgba(245,245,220,0.95) 0%, rgba(240,240,210,0.90) 100%);
font-weight:650;
font-size:0.71rem;
border-bottom:2px solid rgba(42,47,114,0.15);
border-left:1px solid rgba(0,0,0,0.08);
border-right:1px solid rgba(0,0,0,0.08);
color:rgba(0,0,0,0.80);
}

.validar-resumen .fila-documento{
padding:0.25rem 0.4rem;
border-bottom:1px solid rgba(0,0,0,0.06);
border-left:1px solid rgba(0,0,0,0.06);
border-right:1px solid rgba(0,0,0,0.06);
font-size:0.72rem;
background:rgba(255,255,255,0.98);
transition:background-color 0.2s ease;
}

.validar-resumen .fila-documento:hover{
background:rgba(250,250,250,1);
}

.validar-resumen .fila-documento-saldado{
padding:0.25rem 0.4rem;
border-bottom:1px solid rgba(34,139,34,0.15);
border-left:1px solid rgba(34,139,34,0.10);
border-right:1px solid rgba(34,139,34,0.10);
font-size:0.72rem;
background:linear-gradient(90deg, rgba(144,238,144,0.12) 0%, rgba(152,251,152,0.08) 100%);
transition:background-color 0.2s ease;
}

.validar-resumen .fila-documento-saldado:hover{
background:linear-gradient(90deg, rgba(144,238,144,0.18) 0%, rgba(152,251,152,0.12) 100%);
}

.validar-resumen .etiqueta-saldado{
display:inline-block;
margin-left:0.35rem;
padding:0.15rem 0.4rem;
background:linear-gradient(135deg, rgba(34,139,34,0.92) 0%, rgba(46,125,50,0.96) 100%);
color:#fff;
font-size:0.62rem;
font-weight:650;
border-radius:6px;
border:1px solid rgba(34,139,34,0.3);
box-shadow:0 1px 3px rgba(0,0,0,0.15);
text-transform:uppercase;
letter-spacing:0.3px;
}

.validar-resumen .fila-total-documentos{
padding:0.4rem 0.4rem;
background:linear-gradient(135deg, rgba(42,47,114,0.88) 0%, rgba(32,37,94,0.92) 100%);
color:#fff;
font-weight:750;
font-size:0.80rem;
border-radius:0 0 10px 10px;
border:1px solid rgba(42,47,114,0.4);
border-top:2px solid rgba(255,255,255,0.15);
box-shadow:0 4px 8px rgba(0,0,0,0.12);
letter-spacing:0.3px;
}

.validar-resumen .saldo-favor-cliente{
display:inline-flex;
align-items:center;
padding:0.25rem 0.65rem;
background:linear-gradient(135deg, rgba(34,139,34,0.88) 0%, rgba(46,125,50,0.82) 100%);
color:#ffffff;
font-weight:750;
border-radius:8px;
border:1.5px solid rgba(34,139,34,0.95);
box-shadow:0 3px 8px rgba(34,139,34,0.25), inset 0 1px 2px rgba(255,255,255,0.25);
font-size:0.85rem;
letter-spacing:0.4px;
text-shadow:0 1px 2px rgba(0,0,0,0.2);
}

.validar-resumen .saldo-favor-cliente::before{
content:"▲";
margin-right:0.4rem;
font-size:0.75rem;
color:#ffffff;
opacity:0.95;
}

.validar-resumen .saldo-contra-cliente{
display:inline-flex;
align-items:center;
padding:0.25rem 0.65rem;
background:linear-gradient(135deg, rgba(220,20,60,0.88) 0%, rgba(200,15,50,0.82) 100%);
color:#ffffff;
font-weight:750;
border-radius:8px;
border:1.5px solid rgba(220,20,60,0.95);
box-shadow:0 3px 8px rgba(220,20,60,0.25), inset 0 1px 2px rgba(255,255,255,0.25);
font-size:0.85rem;
letter-spacing:0.4px;
text-shadow:0 1px 2px rgba(0,0,0,0.2);
}

.validar-resumen .saldo-contra-cliente::before{
content:"▼";
margin-right:0.4rem;
font-size:0.75rem;
color:#ffffff;
opacity:0.95;
}