/* _content/CosmoADM/Components/Layout/MainLayout.razor.rz.scp.css */
/* estilos en wwwroot/app.css */
/* _content/CosmoADM/Components/Layout/NavMenu.razor.rz.scp.css */
/* estilos en wwwroot/app.css */
/* _content/CosmoADM/Components/Layout/Seguridad/LoginLayout.razor.rz.scp.css */
/* ============================================================
   LoginLayout — two-panel full-screen layout
   ============================================================ */
 
/* Contenedor raíz: dos columnas, altura completa de la ventana */
.login-split[b-5j9a45eny2] {
    display: grid;
    grid-template-columns: 60fr 40fr;
    min-height: 100vh;
    overflow: hidden;
}

/* ── Panel izquierdo: branding ─────────────────────────────── */
.login-brand[b-5j9a45eny2] {
    background: linear-gradient(145deg, #E7F1FC 0%, #dce5f0 50%, #E7F1FC 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 3rem 3.5rem;
    position: relative;
    overflow: hidden;
}

/* Forma decorativa de fondo */
.login-brand[b-5j9a45eny2]::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.35);
    top: -120px;
    right: -160px;
    pointer-events: none;
}

.login-brand[b-5j9a45eny2]::after {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
    bottom: -100px;
    left: -80px;
    pointer-events: none;
}

/* Bloque central con logo + texto + features */
.brand-content[b-5j9a45eny2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
    justify-content: center;
    gap: 0;
    z-index: 1;
}

/* Logo */
.brand-logo[b-5j9a45eny2] {
    width: 110px;
    height: 110px;
    margin-bottom: 1.75rem;
}

.brand-logo img[b-5j9a45eny2] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.45)) brightness(1.05);
}

/* Nombre de la app */
.brand-name[b-5j9a45eny2] {
    font-size: 2.6rem;
    font-weight: 800;
    color: #245591;
    letter-spacing: 0.02em;
    margin: 0 0 0.4rem 0;
    line-height: 1.1;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}

/* Subtítulo */
.brand-subtitle[b-5j9a45eny2] {
    font-size: 1rem;
    color: rgba(36, 85, 145, 0.70);
    font-weight: 400;
    margin: 0 0 2.5rem 0;
    letter-spacing: 0.03em;
}

/* Lista de características */
.brand-features[b-5j9a45eny2] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-align: left;
    width: 100%;
    max-width: 360px;
}

.brand-features li[b-5j9a45eny2] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    color: rgba(36, 85, 145, 0.82);
    font-size: 0.875rem;
    line-height: 1.45;
}

.feat-icon[b-5j9a45eny2] {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    background: rgba(36, 85, 145, 0.10);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #245591;
    margin-top: 1px;
}

.feat-icon svg[b-5j9a45eny2] {
    width: 17px;
    height: 17px;
}

/* Copyright al pie del panel */
.brand-copy[b-5j9a45eny2] {
    font-size: 0.75rem;
    color: rgba(36, 85, 145, 0.45);
    margin: 0;
    z-index: 1;
}

/* ── Panel derecho: formulario ─────────────────────────────── */
.login-form-panel[b-5j9a45eny2] {
    background: #f0f5fa;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 2rem;
    overflow-y: auto;
    gap: 1.5rem;
}

/* Encabezado mobile (logo + nombre) — oculto en desktop */
.login-mobile-header[b-5j9a45eny2] {
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    background: linear-gradient(145deg, #E7F1FC 0%, #dce5f0 50%, #E7F1FC 100%);
    border-radius: 12px;
    padding: 2rem 1.5rem 1.75rem;
    position: relative;
    overflow: hidden;
}

.login-mobile-header[b-5j9a45eny2]::before {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.35);
    top: -80px;
    right: -60px;
    pointer-events: none;
}

.login-mobile-header[b-5j9a45eny2]::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
    bottom: -60px;
    left: -40px;
    pointer-events: none;
}

.login-mobile-logo[b-5j9a45eny2] {
    width: 110px;
    height: 110px;
    object-fit: contain;
    position: relative;
    z-index: 1;
    filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.45)) brightness(1.05);
}

.login-mobile-name[b-5j9a45eny2] {
    font-size: 2.6rem;
    font-weight: 800;
    color: #245591;
    letter-spacing: 0.02em;
    line-height: 1.1;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
    position: relative;
    z-index: 1;
}

.login-mobile-subtitle[b-5j9a45eny2] {
    font-size: 1rem;
    color: rgba(36, 85, 145, 0.70);
    font-weight: 400;
    letter-spacing: 0.03em;
    position: relative;
    z-index: 1;
}

/* ── Blazor error UI ───────────────────────────────────────── */
#blazor-error-ui[b-5j9a45eny2] {
    background: #dc2626;
    color: #ffffff;
    top: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 9999;
}

#blazor-error-ui .dismiss[b-5j9a45eny2] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.4rem;
}

/* ── Responsive: mobile (<768px) ocultar panel branding ────── */
@media (max-width: 767px) {
    .login-split[b-5j9a45eny2] {
        grid-template-columns: 1fr;
    }

    .login-brand[b-5j9a45eny2] {
        display: none;
    }

    .login-form-panel[b-5j9a45eny2] {
        min-height: 100vh;
        padding: 2.5rem 1.25rem;
        justify-content: center;
        background: linear-gradient(145deg, #E7F1FC 0%, #dce5f0 50%, #E7F1FC 100%);
        position: relative;
        overflow: hidden;
    }

    .login-form-panel[b-5j9a45eny2]::before {
        content: "";
        position: absolute;
        width: 420px;
        height: 420px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.35);
        top: -140px;
        right: -140px;
        pointer-events: none;
    }

    .login-form-panel[b-5j9a45eny2]::after {
        content: "";
        position: absolute;
        width: 300px;
        height: 300px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.25);
        bottom: -100px;
        left: -80px;
        pointer-events: none;
    }

    .login-mobile-header[b-5j9a45eny2] {
        display: flex;
        background: none;
        border-radius: 0;
        padding: 0;
        position: relative;
        z-index: 1;
    }

    .login-mobile-header[b-5j9a45eny2]::before,
    .login-mobile-header[b-5j9a45eny2]::after {
        display: none;
    }

    .login-box[b-5j9a45eny2] {
        position: relative;
        z-index: 1;
    }
}

/* ── Responsive: tablet (768–1023px) reducir panel branding ── */
@media (min-width: 768px) and (max-width: 1023px) {
    .login-split[b-5j9a45eny2] {
        grid-template-columns: 50fr 50fr;
    }

    .login-brand[b-5j9a45eny2] {
        padding: 2rem 2rem;
    }

    .brand-name[b-5j9a45eny2] {
        font-size: 2rem;
    }
}
/* _content/CosmoADM/Components/Pages/Compras/Compras.razor.rz.scp.css */
/* ── Upload Gastos Dialog ──────────────────────────── */

.ug-body[b-o79fek2opm] {
	display: flex;
	flex-direction: column;
	gap: 1.1rem;
	padding: 0.15rem 0;
}

.ug-section-label[b-o79fek2opm] {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 10.5px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	color: #475569;
	margin-bottom: 0.5rem;
}

.ug-section-label .material-symbols-outlined[b-o79fek2opm] {
	font-size: 15px;
	color: #1565c0;
}

.ug-dropzone[b-o79fek2opm] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	padding: 2rem 1.5rem;
	border: 2px dashed #c5d4e8;
	border-radius: 10px;
	background: #f8fafd;
	cursor: pointer;
	transition: border-color 0.15s, background 0.15s;
	width: 100%;
	box-sizing: border-box;
}

.ug-dropzone:hover[b-o79fek2opm] {
	border-color: #1565c0;
	background: #f0f5ff;
}

.ug-dropzone-icon[b-o79fek2opm] {
	font-size: 42px;
	color: #a0b9d4;
	line-height: 1;
	transition: color 0.15s;
}

.ug-dropzone:hover .ug-dropzone-icon[b-o79fek2opm] {
	color: #1565c0;
}

.ug-dropzone-title[b-o79fek2opm] {
	font-size: 13.5px;
	font-weight: 600;
	color: #334155;
}

.ug-dropzone-sub[b-o79fek2opm] {
	font-size: 12px;
	color: #94a3b8;
}

.ug-dropzone-btn[b-o79fek2opm] {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-top: 0.6rem;
	padding: 6px 18px;
	font-size: 12.5px;
	font-weight: 600;
	color: #1565c0;
	background: #e8f0fe;
	border: 1.5px solid #bdd3f5;
	border-radius: 6px;
	letter-spacing: 0.01em;
}

.ug-dropzone-btn .material-symbols-outlined[b-o79fek2opm] {
	font-size: 15px;
}

.ug-info[b-o79fek2opm] {
	display: flex;
	align-items: flex-start;
	gap: 7px;
	font-size: 12px;
	color: #475569;
	background: #f0f7ff;
	border: 1px solid #dbeafe;
	border-radius: 6px;
	padding: 9px 12px;
	line-height: 1.55;
}

/* ── Done state ──────────────────────────────────── */

.ug-done[b-o79fek2opm] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 1.75rem 1rem 1.25rem;
	text-align: center;
	gap: 0.4rem;
}

.ug-done-icon[b-o79fek2opm] {
	font-size: 56px;
	color: #15803d;
	line-height: 1;
	margin-bottom: 0.25rem;
}

.ug-done-title[b-o79fek2opm] {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	color: #1e293b;
}

.ug-done-sub[b-o79fek2opm] {
	margin: 0;
	font-size: 13px;
	color: #64748b;
	max-width: 320px;
	line-height: 1.5;
}

.ug-done-actions[b-o79fek2opm] {
	display: flex;
	gap: 0.75rem;
	margin-top: 1.25rem;
	justify-content: center;
}
/* _content/CosmoADM/Components/Pages/Configuracion/Configuraciones.razor.rz.scp.css */
.cfg-sys-wrap[b-m6se64e3hl] {
    padding: 1rem 0;
}

.cfg-sys-toolbar[b-m6se64e3hl] {
    margin-bottom: 0.75rem;
}

.cfg-sys-table[b-m6se64e3hl] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.cfg-sys-table thead tr[b-m6se64e3hl] {
    background: #f1f5f9;
    border-bottom: 2px solid #e2e8f0;
}

.cfg-sys-table th[b-m6se64e3hl] {
    padding: 8px 10px;
    text-align: left;
    font-weight: 700;
    font-size: 0.78rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cfg-sys-table td[b-m6se64e3hl] {
    padding: 5px 6px;
    border-bottom: 1px solid #e2e8f0;
    vertical-align: middle;
}

.cfg-sys-table tbody tr:hover[b-m6se64e3hl] {
    background: #f8fafc;
}

/* ── Contraseñas Administrativas ─── */
.contrasenas-section[b-m6se64e3hl] { margin-top: 1rem; }
.contrasenas-section h4[b-m6se64e3hl] { font-size: 0.82rem; font-weight: 700; color: #1e40af; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.5rem; }

.contrasenas-table[b-m6se64e3hl] { width: 100%; border-collapse: collapse; font-size: 13px; }
.contrasenas-table th[b-m6se64e3hl] { background: #f1f5f9; color: #64748b; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; padding: 5px 6px; border-bottom: 1px solid #e2e8f0; text-align: left; }
.contrasenas-table td[b-m6se64e3hl] { padding: 3px 4px; border-bottom: 1px solid #f1f5f9; vertical-align: middle; }

.contrasenas-add-row[b-m6se64e3hl] { display: flex; align-items: center; gap: 6px; padding: 6px 8px; cursor: pointer; border-radius: 4px; }
.contrasenas-add-row:hover[b-m6se64e3hl] { background: #f8fafc; }

/* Badges nivel 1–5 */
.nivel-badges[b-m6se64e3hl] { display: flex; gap: 4px; }
.nivel-badge[b-m6se64e3hl] { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; font-size: 12px; font-weight: 700; cursor: pointer; border: 2px solid transparent; transition: all 0.15s; }

.nivel-badge.nivel-1[b-m6se64e3hl]         { background: #f1f5f9; color: #64748b; border-color: #cbd5e1; }
.nivel-badge.nivel-1.activo[b-m6se64e3hl]  { background: #3b82f6; color: #fff;    border-color: #2563eb; }

.nivel-badge.nivel-2[b-m6se64e3hl]         { background: #f0fdf4; color: #15803d; border-color: #86efac; }
.nivel-badge.nivel-2.activo[b-m6se64e3hl]  { background: #16a34a; color: #fff;    border-color: #15803d; }

.nivel-badge.nivel-3[b-m6se64e3hl]         { background: #fefce8; color: #a16207; border-color: #fde047; }
.nivel-badge.nivel-3.activo[b-m6se64e3hl]  { background: #ca8a04; color: #fff;    border-color: #a16207; }

.nivel-badge.nivel-4[b-m6se64e3hl]         { background: #fff7ed; color: #c2410c; border-color: #fdba74; }
.nivel-badge.nivel-4.activo[b-m6se64e3hl]  { background: #ea580c; color: #fff;    border-color: #c2410c; }

.nivel-badge.nivel-5[b-m6se64e3hl]         { background: #fff1f2; color: #be123c; border-color: #fda4af; }
.nivel-badge.nivel-5.activo[b-m6se64e3hl]  { background: #e11d48; color: #fff;    border-color: #be123c; }

.cfg-sys-table tr.cfg-group-header td[b-m6se64e3hl] {
    background: #e8f0fe;
    color: #1a56db;
    font-weight: 700;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 6px 10px;
    border-top: 2px solid #c3d6fc;
    border-bottom: 1px solid #c3d6fc;
}

/* ── Tab 3: Subida de Archivos ──────────────────────────────── */
.subida-grid[b-m6se64e3hl] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.25rem;
    padding: 0.25rem 0;
}

.subida-card[b-m6se64e3hl] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 1.25rem 1.5rem;
}

.subida-card-header[b-m6se64e3hl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.95rem;
    font-weight: 700;
    color: #1e293b;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #e2e8f0;
}

.subida-card-header .material-symbols-outlined[b-m6se64e3hl] {
    font-size: 1.4rem;
    color: #3b82f6;
}

.subida-hint[b-m6se64e3hl] {
    font-size: 0.85rem;
    color: #64748b;
    line-height: 1.5;
    margin: 0;
    flex: 1;
}

.subida-card-actions[b-m6se64e3hl] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    align-items: center;
}

.subida-upload-btn[b-m6se64e3hl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 34px;
    padding: 0 14px;
    font-size: 12px;
    font-family: inherit;
    font-weight: normal;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
    outline: none;
    letter-spacing: 0.01em;
    transition: background 0.15s, box-shadow 0.15s;
    background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
    border: 1px solid #2563eb;
    color: #ffffff;
    user-select: none;
}

.subida-upload-btn:hover[b-m6se64e3hl] { background: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%); }
.subida-upload-btn:active[b-m6se64e3hl] { background: linear-gradient(180deg, #1d4ed8 0%, #1e40af 100%); }
.subida-upload-btn .material-symbols-outlined[b-m6se64e3hl] { font-size: 17px; line-height: 1; flex-shrink: 0; }

.cfg-sys-table tr.cfg-group-header td .material-symbols-outlined[b-m6se64e3hl] {
    font-size: 1rem;
    vertical-align: -0.15em;
    margin-right: 4px;
}
/* _content/CosmoADM/Components/Pages/Contabilidad/EntradaDiarioEdit.razor.rz.scp.css */
/* Styles moved to wwwroot/css/contabilidad.css */
/* _content/CosmoADM/Components/Pages/Inventario/ListaPrecios.razor.rz.scp.css */
	/* ── Tabla base — replica el look de RadzenDataGrid humanistic ── */
	.lp-table[b-u7z24h6hli] {
		min-width: 1480px;
		border-collapse: collapse;
		width: 100%;
	}
	.lp-table th[b-u7z24h6hli] {
		font-size: 0.8rem;
		font-weight: 600;
		color: #64748b;
		white-space: nowrap;
		padding: 0.5rem 0.75rem;
		text-align: left;
		border-top: 1px solid #e2e8f0;
		border-bottom: 2px solid #dee2e6;
		background: #fff;
	}
	.lp-table td[b-u7z24h6hli] {
		padding: 0.65rem 0.75rem;
		border-bottom: 1px solid #f0f4f8;
		vertical-align: middle;
		font-size: 0.875rem;
		color: #1e293b;
	}
	.lp-table tbody tr:hover td[b-u7z24h6hli] {
		background: #eff6ff !important;
		transition: background 0.15s;
	}
	.lp-th-precio[b-u7z24h6hli] {
		background: #eff6ff !important;
	}
	.lp-td-precio[b-u7z24h6hli] {
		color: #052767;
		font-weight: 600;
	}
	.lp-row-editing[b-u7z24h6hli] {
		background: #f0f9ff !important;
	}
	.lp-row-editing td[b-u7z24h6hli] {
		background: #f0f9ff !important;
	}
	/* ── Sticky columns ── */
	.lp-sl1[b-u7z24h6hli] {
		position: sticky;
		left: 0;
		z-index: 2;
		background: #fff;
	}
	.lp-sl2[b-u7z24h6hli] {
		position: sticky;
		left: 55px;
		z-index: 2;
		background: #fff;
	}
	.lp-sl3[b-u7z24h6hli] {
		position: sticky;
		left: 170px;
		z-index: 2;
		background: #fff;
		box-shadow: 2px 0 5px rgba(0, 0, 0, 0.07);
	}
	.lp-sr1[b-u7z24h6hli] {
		position: sticky;
		right: 40px;
		z-index: 2;
		background: #fff;
		box-shadow: -2px 0 5px rgba(0, 0, 0, 0.07);
	}
	.lp-sr2[b-u7z24h6hli] {
		position: sticky;
		right: 0;
		z-index: 2;
		background: #fff;
	}
	.lp-table thead th.lp-sl1[b-u7z24h6hli],
	.lp-table thead th.lp-sl2[b-u7z24h6hli],
	.lp-table thead th.lp-sl3[b-u7z24h6hli],
	.lp-table thead th.lp-sr1[b-u7z24h6hli],
	.lp-table thead th.lp-sr2[b-u7z24h6hli] {
		z-index: 3;
		background: #f8fafc;
	}
	.lp-row-editing .lp-sl1[b-u7z24h6hli],
	.lp-row-editing .lp-sl2[b-u7z24h6hli],
	.lp-row-editing .lp-sl3[b-u7z24h6hli],
	.lp-row-editing .lp-sr1[b-u7z24h6hli],
	.lp-row-editing .lp-sr2[b-u7z24h6hli] {
		background: #f0f9ff !important;
	}
	/* ── Popup trigger ── */
	.lp-opts-btn[b-u7z24h6hli] {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 32px;
		height: 32px;
		border: none;
		background: transparent;
		border-radius: 6px;
		cursor: pointer;
		color: #64748b;
		transition: background 0.15s;
	}
	.lp-opts-btn:hover[b-u7z24h6hli] {
		background: #f1f5f9;
	}
/* _content/CosmoADM/Components/Pages/Perfil/CambiarPasswordDialog.razor.rz.scp.css */
.cpwd-form[b-ike5dpz51f] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0.25rem 0;
}

.cpwd-actions[b-ike5dpz51f] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

/* Enmascarar campos de texto para que Chrome no ofrezca guardar contraseña */
.cpwd-wrap[b-ike5dpz51f]  input {
    -webkit-text-security: disc;
}
/* _content/CosmoADM/Components/Pages/Perfil/MiPerfil.razor.rz.scp.css */
.perfil-page[b-4a817zjw36] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 2rem 1rem 3rem;
}

/* ── Card ─────────────────────────────────────────── */
.perfil-card[b-4a817zjw36] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    width: 100%;
    max-width: 820px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.08);
    overflow: hidden;
}

/* ── Hero banner ──────────────────────────────────── */
.perfil-hero[b-4a817zjw36] {
    position: relative;
    height: 110px;
    background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 55%, #60a5fa 100%);
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.perfil-avatar[b-4a817zjw36] {
    position: absolute;
    bottom: -40px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    border: 4px solid #ffffff;
    box-shadow: 0 2px 12px rgba(37,99,235,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.7rem;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 0.04em;
    user-select: none;
}

/* ── Header (name + role) ─────────────────────────── */
.perfil-header[b-4a817zjw36] {
    text-align: center;
    padding: 3rem 2rem 1.5rem;
    border-bottom: 1px solid #f1f5f9;
}

.perfil-nombre[b-4a817zjw36] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
    color: #0f172a;
}

.perfil-cargo[b-4a817zjw36] {
    margin: 0.3rem 0 0;
    font-size: 0.85rem;
    color: #64748b;
    font-weight: 500;
}

/* ── Loading ──────────────────────────────────────── */
.perfil-loading[b-4a817zjw36] {
    display: flex;
    justify-content: center;
    padding: 3rem;
}

/* ── Body grid ────────────────────────────────────── */
.perfil-body[b-4a817zjw36] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}

.perfil-col[b-4a817zjw36] {
    padding: 1.75rem 2rem;
}

.perfil-col:first-child[b-4a817zjw36] {
    border-right: 1px solid #f1f5f9;
}

/* ── Section title ────────────────────────────────── */
.perfil-section-title[b-4a817zjw36] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #2563eb;
    margin: 0 0 1.1rem;
}

.perfil-section-title .material-symbols-outlined[b-4a817zjw36] {
    font-size: 1rem;
    color: #2563eb;
}

/* ── Logo compañía ────────────────────────────────── */
.perfil-logo-wrap[b-4a817zjw36] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    margin-bottom: 1.1rem;
}

.perfil-logo[b-4a817zjw36] {
    max-height: 52px;
    max-width: 100%;
    object-fit: contain;
}

/* ── Fields ───────────────────────────────────────── */
.perfil-fields[b-4a817zjw36] {
    display: flex;
    flex-direction: column;
}

.perfil-field[b-4a817zjw36] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.65rem 0;
    border-bottom: 1px solid #f8fafc;
}

.perfil-field:last-child[b-4a817zjw36] {
    border-bottom: none;
}

.perfil-field-icon[b-4a817zjw36] {
    font-size: 1.05rem;
    color: #93c5fd;
    margin-top: 0.25rem;
    flex-shrink: 0;
}

.perfil-field-content[b-4a817zjw36] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.perfil-field-label[b-4a817zjw36] {
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #94a3b8;
}

.perfil-field-value[b-4a817zjw36] {
    font-size: 0.88rem;
    color: #1e293b;
    font-weight: 500;
    word-break: break-word;
}

/* ── Estatus badge ────────────────────────────────── */
.perfil-badge[b-4a817zjw36] {
    display: inline-flex;
    align-items: center;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    width: fit-content;
}

.perfil-badge--active[b-4a817zjw36] {
    background: #dcfce7;
    color: #16a34a;
}

.perfil-badge--inactive[b-4a817zjw36] {
    background: #fee2e2;
    color: #dc2626;
}

/* ── Responsive ───────────────────────────────────── */
@media (max-width: 620px) {
    .perfil-body[b-4a817zjw36] {
        grid-template-columns: 1fr;
    }

    .perfil-col:first-child[b-4a817zjw36] {
        border-right: none;
        border-bottom: 1px solid #f1f5f9;
    }

    .perfil-col[b-4a817zjw36] {
        padding: 1.5rem 1.25rem;
    }
}
/* _content/CosmoADM/Components/Pages/Reportes/Reportes.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   REPORTES — Página de reportes por módulo
═══════════════════════════════════════════════ */

.rep-page[b-cfl7ncyn34] { padding: 0.75rem 1rem 2rem; display: flex; flex-direction: column; gap: 1.25rem; }

/* ── Header ── */
.rep-header[b-cfl7ncyn34] { display: flex; align-items: center; gap: 0.5rem; padding-bottom: 0.6rem; border-bottom: 2px solid #dce6f0; }
.rep-header-title[b-cfl7ncyn34] { margin: 0; font-size: 1.15rem; font-weight: 700; color: #052767; }
.rep-header-sub[b-cfl7ncyn34] { font-size: 0.75rem; color: #64748b; margin-left: 0.25rem; }

/* ── Grupo / Módulo ── */
.rep-grupo[b-cfl7ncyn34] { display: flex; flex-direction: column; gap: 0.75rem; }
.rep-grupo-header[b-cfl7ncyn34] { display: flex; align-items: center; gap: 0.65rem; padding-bottom: 0.5rem; border-bottom: 2px solid; border-color: var(--mod-color); }
.rep-grupo-icono[b-cfl7ncyn34] { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 8px; flex-shrink: 0; }
.rep-grupo-titulo[b-cfl7ncyn34] { font-size: 0.95rem; font-weight: 700; color: #1e293b; flex: 1; }
.rep-grupo-count[b-cfl7ncyn34] { font-size: 0.72rem; color: #94a3b8; font-weight: 600; }

/* ── Grid de cards ── */
.rep-grid[b-cfl7ncyn34] { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 0.75rem; }

/* ── Card individual ── */
.rep-card[b-cfl7ncyn34] { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 0.9rem 1rem; display: flex; flex-direction: column; gap: 0.6rem; transition: box-shadow 0.15s, border-color 0.15s; }
.rep-card:hover[b-cfl7ncyn34] { box-shadow: 0 3px 12px rgba(21,90,176,0.09); border-color: #c7d9f5; }
.rep-card-top[b-cfl7ncyn34] { display: flex; align-items: flex-start; gap: 0.7rem; }
.rep-card-icono[b-cfl7ncyn34] { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 8px; flex-shrink: 0; }
.rep-card-nombre[b-cfl7ncyn34] { font-size: 0.86rem; font-weight: 600; color: #1e293b; margin: 0 0 3px; line-height: 1.3; }
.rep-card-desc[b-cfl7ncyn34] { font-size: 0.75rem; color: #64748b; margin: 0; line-height: 1.45; }
.rep-card-footer[b-cfl7ncyn34] { display: flex; align-items: center; justify-content: space-between; padding-top: 0.35rem; border-top: 1px solid #f1f5f9; }

/* ── Tag y botón ── */
.rep-tag[b-cfl7ncyn34] { display: inline-flex; align-items: center; gap: 3px; font-size: 0.69rem; font-weight: 600; }
.rep-tag.pronto[b-cfl7ncyn34] { color: #94a3b8; }
.rep-tag.ok[b-cfl7ncyn34] { color: #16a34a; }
.rep-btn[b-cfl7ncyn34] { display: inline-flex; align-items: center; gap: 4px; font-size: 0.73rem; font-weight: 600; padding: 4px 11px; border-radius: 6px; border: none; cursor: pointer; line-height: 1.4; }
.rep-btn:disabled[b-cfl7ncyn34] { opacity: 0.45; cursor: default; pointer-events: none; }
.rep-btn.ok[b-cfl7ncyn34] { background: var(--mod-color); color: #fff; }
.rep-btn.pronto[b-cfl7ncyn34] { background: #f1f5f9; color: #94a3b8; }
/* _content/CosmoADM/Components/Pages/Seguridad/Login.razor.rz.scp.css */
/* ============================================================
   Login.razor — estilos del panel de formulario (scoped)
   ============================================================ */

/* Caja blanca que envuelve el formulario */
.login-box[b-crh04ew84l] {
    width: 100%;
    max-width: 400px;
    background: #ffffff;
    border-radius: 14px;
    padding: 2.5rem 2.25rem;
    box-shadow:
        0 2px 4px rgba(0, 0, 0, 0.04),
        0 8px 24px rgba(0, 0, 0, 0.09);
}

/* Encabezado del formulario */
.login-header[b-crh04ew84l] {
    margin-bottom: 2rem;
}

.login-title[b-crh04ew84l] {
    font-size: 1.6rem;
    font-weight: 700;
    color: #245591;
    margin: 0 0 0.35rem 0;
    line-height: 1.2;
}

.login-desc[b-crh04ew84l] {
    font-size: 0.875rem;
    color: rgba(36, 85, 145, 0.65);
    margin: 0;
}

/* Campo con ícono */
.login-field[b-crh04ew84l] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.login-field-icon[b-crh04ew84l] {
    position: absolute;
    left: 10px;
    font-size: 1.1rem;
    color: #aaa;
    pointer-events: none;
    z-index: 1;
}

/* estilos de inputs en mant.css (global) bajo .login-field */

/* ── Responsive ────────────────────────────────────────────── */
@media (max-width: 767px) {
    .login-box[b-crh04ew84l] {
        padding: 2rem 1.5rem;
    }
}
/* _content/CosmoADM/Components/Reports/Ventas/ReporteFacturasPeriodo.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   REPORTE FACTURAS POR PERÍODO — rfp-*
═══════════════════════════════════════════════ */

.rfp-container[b-aickwctrju] { display: flex; flex-direction: column; gap: 0.75rem; height: 100%; overflow: hidden; padding: 0.5rem 0.75rem 0.75rem; }

/* ── Filtros ── */
.rfp-filtros[b-aickwctrju] { display: flex; align-items: flex-end; gap: 0.75rem; flex-wrap: wrap; padding-bottom: 0.65rem; border-bottom: 1px solid #e2e8f0; }
.rfp-filtro-field[b-aickwctrju] { display: flex; flex-direction: column; gap: 3px; }
.rfp-label[b-aickwctrju] { font-size: 0.72rem; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: 0.03em; }
.rfp-input[b-aickwctrju] { height: 32px; border: 1px solid #cbd5e1; border-radius: 6px; padding: 0 0.5rem; font-size: 0.82rem; color: #1e293b; outline: none; }
.rfp-input:focus[b-aickwctrju] { border-color: #1565c0; box-shadow: 0 0 0 2px rgba(21,101,192,0.12); }
.rfp-count[b-aickwctrju] { font-size: 0.76rem; color: #64748b; margin-left: 0.25rem; align-self: center; }

/* ── Loading ── */
.rfp-loading[b-aickwctrju] { display: flex; align-items: center; gap: 0.5rem; color: #64748b; font-size: 0.82rem; padding: 1.5rem; }

/* ── Empty ── */
.rfp-empty[b-aickwctrju] { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; padding: 2.5rem; color: #94a3b8; font-size: 0.82rem; }

/* ── Tabla wrapper (scroll) ── */
.rfp-table-wrap[b-aickwctrju] { flex: 1; overflow-y: auto; border: 1px solid #e2e8f0; border-radius: 8px; }

/* ── Tabla ── */
.rfp-table[b-aickwctrju] { width: 100%; border-collapse: collapse; font-size: 0.79rem; }
.rfp-table thead th[b-aickwctrju] { position: sticky; top: 0; background: #f8fafc; font-size: 0.71rem; font-weight: 700; color: #475569; text-transform: uppercase; letter-spacing: 0.04em; padding: 7px 10px; border-bottom: 2px solid #e2e8f0; white-space: nowrap; }
.rfp-table tbody tr[b-aickwctrju] { border-bottom: 1px solid #f1f5f9; transition: background 0.1s; }
.rfp-table tbody tr:hover[b-aickwctrju] { background: #f8fafc; }
.rfp-table tbody td[b-aickwctrju] { padding: 6px 10px; color: #334155; vertical-align: middle; }
.rfp-table tfoot td[b-aickwctrju] { padding: 8px 10px; font-weight: 700; background: #f8fafc; border-top: 2px solid #e2e8f0; color: #1e293b; font-size: 0.8rem; }

/* ── Columnas específicas ── */
.rfp-num[b-aickwctrju] { text-align: right; font-variant-numeric: tabular-nums; }
.rfp-numero[b-aickwctrju] { font-weight: 600; color: #1565c0; white-space: nowrap; }
.rfp-cliente[b-aickwctrju] { max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rfp-ncf[b-aickwctrju] { font-size: 0.73rem; color: #64748b; white-space: nowrap; }
.rfp-total[b-aickwctrju] { font-weight: 600; color: #052767; }

/* ── Fila anulada ── */
.rfp-anulada td[b-aickwctrju] { color: #94a3b8; text-decoration: line-through; }
.rfp-anulada .rfp-numero[b-aickwctrju] { color: #94a3b8; }

/* ── Badges ── */
.rfp-badge[b-aickwctrju] { display: inline-flex; align-items: center; font-size: 0.68rem; font-weight: 700; padding: 2px 7px; border-radius: 20px; white-space: nowrap; }
.rfp-badge--contado[b-aickwctrju]    { background: #dcfce7; color: #15803d; }
.rfp-badge--credito[b-aickwctrju]    { background: #fee2e2; color: #b91c1c; }
.rfp-badge--aplicado[b-aickwctrju]   { background: #dbeafe; color: #1d4ed8; }
.rfp-badge--confirmado[b-aickwctrju] { background: #fef9c3; color: #a16207; }
.rfp-badge--borrador[b-aickwctrju]   { background: #f1f5f9; color: #64748b; }
.rfp-badge--anulada[b-aickwctrju]    { background: #f1f5f9; color: #94a3b8; text-decoration: none; }
/* _content/CosmoADM/Components/Shared/AutorizacionDialog.razor.rz.scp.css */
/* ── Badge de nivel ── */
.adlg-nivel-badge[b-4wlet1m9aq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    font-size: 22px;
    font-weight: 800;
    border: 3px solid;
}

.adlg-nivel-1[b-4wlet1m9aq] { background: #3b82f6; color: #fff; border-color: #2563eb; }
.adlg-nivel-2[b-4wlet1m9aq] { background: #16a34a; color: #fff; border-color: #15803d; }
.adlg-nivel-3[b-4wlet1m9aq] { background: #ca8a04; color: #fff; border-color: #a16207; }
.adlg-nivel-4[b-4wlet1m9aq] { background: #ea580c; color: #fff; border-color: #c2410c; }
.adlg-nivel-5[b-4wlet1m9aq] { background: #e11d48; color: #fff; border-color: #be123c; }

/* ── Contraseña: puntos grandes ── */
.adlg-pwd-wrap[b-4wlet1m9aq]  .tbf-native {
    font-size: 20px;
    letter-spacing: 0.18em;
    text-align: center;
}
/* _content/CosmoADM/Components/Shared/BuscadorBox.razor.rz.scp.css */
.buscador-inner[b-gh8ziw4rk5] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    min-width: 0;
}

.buscador-start-slot[b-gh8ziw4rk5] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.buscador-wrap[b-gh8ziw4rk5] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

.buscador-label[b-gh8ziw4rk5] {
    font-size: 12px;
    font-weight: 700;
    color: #111827;
    letter-spacing: 0.01em;
    padding-left: 2px;
    line-height: 1;
}

.buscador-field[b-gh8ziw4rk5] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 36px;
    padding: 0 6px 0 10px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-sizing: border-box;
    gap: 6px;
    transition: background 0.15s;
}

.buscador-field:focus-within[b-gh8ziw4rk5] {
    background: #eff6ff;
}

.buscador-disabled[b-gh8ziw4rk5] {
    background: #f8fafc;
    border-color: #e5e7eb;
    pointer-events: none;
    opacity: 0.6;
}

.buscador-end[b-gh8ziw4rk5] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    padding-left: 6px;
}

.buscador-item[b-gh8ziw4rk5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 2px 0;
}

.buscador-row1[b-gh8ziw4rk5] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
}

.buscador-titulo[b-gh8ziw4rk5] {
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.buscador-estatus[b-gh8ziw4rk5] {
    font-size: 12px;
    font-weight: 500;
    color: #052767;
    white-space: nowrap;
    flex-shrink: 0;
    text-align: right;
}

.buscador-row2[b-gh8ziw4rk5] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.buscador-sub[b-gh8ziw4rk5] {
    font-size: 11px;
    font-weight: 600;
    color: #94a3b8;
    white-space: nowrap;
}

.buscador-sub2[b-gh8ziw4rk5] {
    font-size: 11px;
    font-weight: 600;
    color: #94a3b8;
    white-space: nowrap;
    text-align: right;
}
/* _content/CosmoADM/Components/Shared/BuscadorDocumentos.razor.rz.scp.css */
.bdoc-overlay[b-01tp5tcox7] {
	position: fixed;
	inset: 0;
	z-index: 1100;
	background: rgba(0,0,0,0.35);
}

.bdoc-panel[b-01tp5tcox7] {
	position: fixed;
	top: 8%;
	left: 50%;
	transform: translateX(-50%);
	width: min(92vw, 960px);
	max-height: 82vh;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 4px 6px rgba(0,0,0,0.05), 0 10px 40px rgba(0,0,0,0.18);
	z-index: 1101;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.bdoc-titulo[b-01tp5tcox7] {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 18px;
	background: linear-gradient(135deg, #f0f7ff 0%, #fafbfc 100%);
	border-bottom: 1px solid #e2e8f0;
	flex-shrink: 0;
}

.bdoc-titulo-text[b-01tp5tcox7] {
	flex: 1;
	font-size: 15px;
	font-weight: 700;
	color: #1e293b;
	letter-spacing: 0.01em;
}

.bdoc-filtros[b-01tp5tcox7] {
	display: flex;
	align-items: flex-end;
	gap: 8px;
	padding: 10px 14px;
	border-bottom: 1px solid #e2e8f0;
	flex-shrink: 0;
	flex-wrap: wrap;
}

.bdoc-contador[b-01tp5tcox7] {
	padding: 3px 14px;
	font-size: 12px;
	color: #64748b;
	border-bottom: 1px solid #f1f5f9;
	flex-shrink: 0;
}

.bdoc-tabla[b-01tp5tcox7] {
	flex: 1;
	overflow-y: auto;
	padding: 0 14px 14px 14px;
}

.bdoc-tabla[b-01tp5tcox7]  .rz-data-row { cursor: pointer; }
.bdoc-tabla[b-01tp5tcox7]  .rz-data-row:hover td { background: #e3f2fd !important; }
/* _content/CosmoADM/Components/Shared/BuscadorFacturas.razor.rz.scp.css */
.bfac-overlay[b-if9q79evkj] {
	position: fixed;
	inset: 0;
	z-index: 1100;
	background: rgba(0,0,0,0.35);
}

.bfac-panel[b-if9q79evkj] {
	position: fixed;
	top: 8%;
	left: 50%;
	transform: translateX(-50%);
	width: 90vw;
	max-width: 900px;
	max-height: 80vh;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 4px 6px rgba(0,0,0,0.05), 0 10px 40px rgba(0,0,0,0.18);
	z-index: 1101;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.bfac-titulo[b-if9q79evkj] {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 18px 13px 18px;
	background: linear-gradient(135deg, #f0f7ff 0%, #fafbfc 100%);
	border-bottom: 1px solid #e2e8f0;
	box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

.bfac-titulo-text[b-if9q79evkj] {
	font-size: 15px;
	font-weight: 700;
	color: #1e293b;
	letter-spacing: 0.01em;
}

.bfac-header[b-if9q79evkj] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-bottom: 1px solid #f1f5f9;
}

.bfac-tabla[b-if9q79evkj] {
	flex: 1;
	overflow-y: auto;
	max-height: calc(80vh - 130px);
	padding: 0 14px 14px 14px;
}

.bfac-tabla[b-if9q79evkj]  .rz-data-row {
	cursor: pointer;
}

.bfac-tabla[b-if9q79evkj]  .rz-data-row:hover td {
	background: #e3f2fd !important;
}

[b-if9q79evkj] .bfac-row-active td {
	background: #1565c0 !important;
	color: #fff !important;
}
/* _content/CosmoADM/Components/Shared/BuscadorProductos.razor.rz.scp.css */
.fac-buscar-overlay[b-5eyc88fvfe] {
	position: fixed;
	inset: 0;
	z-index: 1100;
	background: rgba(0,0,0,0.35);
}

.fac-buscar-panel[b-5eyc88fvfe] {
	position: fixed;
	top: 8%;
	left: 50%;
	transform: translateX(-50%);
	width: 84vw;
	max-height: 80vh;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 4px 6px rgba(0,0,0,0.05), 0 10px 40px rgba(0,0,0,0.18);
	z-index: 1101;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.fac-buscar-titulo[b-5eyc88fvfe] {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 18px 13px 18px;
	background: linear-gradient(135deg, #f0f7ff 0%, #fafbfc 100%);
	border-bottom: 1px solid #e2e8f0;
	box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

.fac-buscar-titulo-text[b-5eyc88fvfe] {
	font-size: 15px;
	font-weight: 700;
	color: #1e293b;
	letter-spacing: 0.01em;
}

.fac-buscar-header[b-5eyc88fvfe] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
}

.fac-buscar-tabla[b-5eyc88fvfe] {
	flex: 1;
	overflow-y: auto;
	max-height: calc(80vh - 120px);
	padding: 0 14px 14px 14px;
}

.fac-buscar-tabla[b-5eyc88fvfe]  .rz-data-row {
	cursor: pointer;
}

.fac-buscar-tabla[b-5eyc88fvfe]  .rz-data-row:hover td {
	background: #e3f2fd !important;
}

[b-5eyc88fvfe] .fac-buscar-row-active td {
	background: #1565c0 !important;
	color: #fff !important;
}
/* _content/CosmoADM/Components/Shared/BuscarEntidades.razor.rz.scp.css */
.fac-buscar-panel[b-ff1sx5dpah] {
	position: fixed;
	top: 10%;
	left: 50%;
	transform: translateX(-50%);
	width: 60vw;
	max-height: 60vh;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 4px 6px rgba(0,0,0,0.05), 0 10px 40px rgba(0,0,0,0.18);
	z-index: 1101;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.fac-buscar-titulo[b-ff1sx5dpah] {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 18px 13px 18px;
	background: linear-gradient(135deg, #f0f7ff 0%, #fafbfc 100%);
	border-bottom: 1px solid #e2e8f0;
	box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

.fac-buscar-titulo-text[b-ff1sx5dpah] {
	font-size: 15px;
	font-weight: 700;
	color: #1e293b;
	letter-spacing: 0.01em;
}

.fac-buscar-header[b-ff1sx5dpah] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
}

.fac-buscar-tabla[b-ff1sx5dpah] {
	flex: 1;
	overflow-y: auto;
	max-height: calc(60vh - 120px);
	padding: 0 14px 14px 14px;
}

.fac-buscar-tabla[b-ff1sx5dpah]  .rz-data-row { cursor: pointer; }
.fac-buscar-tabla[b-ff1sx5dpah]  .rz-data-row:hover td { background: #e3f2fd !important; }
[b-ff1sx5dpah] .be-row-active td { background: #1565c0 !important; color: #fff !important; }
/* _content/CosmoADM/Components/Shared/BuscarRNC.razor.rz.scp.css */
.crear-rnc-header[b-d0s48r0qx0] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0.875rem 1rem;
    border-bottom: 1px solid #e2e8f0;
    font-weight: 600;
    font-size: 15px;
}

.crear-rnc-header .material-symbols-outlined[b-d0s48r0qx0] {
    color: #1565c0;
    font-size: 22px;
}

.crear-rnc-header span:nth-child(2)[b-d0s48r0qx0] {
    flex: 1;
}

.crear-rnc-banner[b-d0s48r0qx0] {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 13px;
}

.crear-rnc-banner--ok[b-d0s48r0qx0] {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #166534;
}

.crear-rnc-banner--ok .material-symbols-outlined[b-d0s48r0qx0] {
    color: #16a34a;
    font-size: 20px;
}

.crear-rnc-banner--warn[b-d0s48r0qx0] {
    background: #fffbeb;
    border: 1px solid #fde68a;
    color: #92400e;
}

.crear-rnc-banner--warn .material-symbols-outlined[b-d0s48r0qx0] {
    color: #d97706;
    font-size: 20px;
}

.crear-rnc-sep[b-d0s48r0qx0] {
    color: #94a3b8;
}

.crear-rnc-tipo[b-d0s48r0qx0] {
    display: flex;
    width: 100%;
    border: 1.5px solid #cbd5e1;
    border-radius: 8px;
    overflow: hidden;
}

.crear-rnc-tipo-btn[b-d0s48r0qx0] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 0;
    background: #f8fafc;
    border: none;
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

.crear-rnc-tipo-btn:first-child[b-d0s48r0qx0] {
    border-right: 1.5px solid #cbd5e1;
}

.crear-rnc-tipo-btn .material-symbols-outlined[b-d0s48r0qx0] {
    font-size: 18px;
}

.crear-rnc-tipo-btn--active[b-d0s48r0qx0] {
    background: #1565c0;
    color: #fff;
}

.crear-rnc-tipo-btn:not(.crear-rnc-tipo-btn--active):hover[b-d0s48r0qx0] {
    background: #e2e8f0;
    color: #1e293b;
}

.crear-rnc-hint[b-d0s48r0qx0] {
    font-size: 13px;
    color: #64748b;
    margin: 0;
}

.crear-rnc-footer[b-d0s48r0qx0] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 0.75rem 1rem;
    margin-top: 0.5rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafc;
}
/* _content/CosmoADM/Components/Shared/Components/ButtonField.razor.rz.scp.css */
/* ── Base ─────────────────────────────────────── */
.bf-btn[b-91zrhz4uq6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 4px;
    font-family: inherit;
    font-weight: normal;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s, box-shadow 0.15s, opacity 0.15s;
    outline: none;
    letter-spacing: 0.01em;
}

.bf-btn:focus-visible[b-91zrhz4uq6] {
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.25);
}

/* ── Tamaños ──────────────────────────────────── */
.bf-sm[b-91zrhz4uq6] {
    height: 28px;
    padding: 0 10px;
    font-size: 11px;
}

.bf-md[b-91zrhz4uq6] {
    height: 34px;
    padding: 0 14px;
    font-size: 12px;
}

.bf-lg[b-91zrhz4uq6] {
    height: 42px;
    padding: 0 20px;
    font-size: 13.5px;
}

/* ── Full width ───────────────────────────────── */
.bf-full[b-91zrhz4uq6] {
    width: 100%;
}

/* ── Iconos ───────────────────────────────────── */
.bf-icon[b-91zrhz4uq6],
.bf-end-icon[b-91zrhz4uq6] {
    font-size: 17px;
    line-height: 1;
    flex-shrink: 0;
}

.bf-sm .bf-icon[b-91zrhz4uq6],
.bf-sm .bf-end-icon[b-91zrhz4uq6] {
    font-size: 15px;
}

.bf-lg .bf-icon[b-91zrhz4uq6],
.bf-lg .bf-end-icon[b-91zrhz4uq6] {
    font-size: 19px;
}

/* ── Variante: primary (AZUL) ─────────────────── */
.bf-primary[b-91zrhz4uq6] {
    background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
    border: 1px solid #2563eb;
    color: #ffffff;
}

.bf-primary:hover:not(:disabled)[b-91zrhz4uq6] {
    background: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%);
}

.bf-primary:active:not(:disabled)[b-91zrhz4uq6] {
    background: linear-gradient(180deg, #1d4ed8 0%, #1e40af 100%);
}

/* ── Fondo gris compartido (todas las variantes no-primary) ── */
.bf-secondary[b-91zrhz4uq6],
.bf-danger[b-91zrhz4uq6],
.bf-success[b-91zrhz4uq6],
.bf-warning[b-91zrhz4uq6],
.bf-ghost[b-91zrhz4uq6],
.bf-light[b-91zrhz4uq6] {
    background: linear-gradient(180deg, #f4f4f4 0%, #d8d8d8 100%);
    border: 1px solid #cccccc;
}

.bf-secondary:hover:not(:disabled)[b-91zrhz4uq6],
.bf-danger:hover:not(:disabled)[b-91zrhz4uq6],
.bf-success:hover:not(:disabled)[b-91zrhz4uq6],
.bf-warning:hover:not(:disabled)[b-91zrhz4uq6],
.bf-ghost:hover:not(:disabled)[b-91zrhz4uq6],
.bf-light:hover:not(:disabled)[b-91zrhz4uq6] {
    background: linear-gradient(180deg, #e4e4e4 0%, #c8c8c8 100%);
}

.bf-secondary:active:not(:disabled)[b-91zrhz4uq6],
.bf-danger:active:not(:disabled)[b-91zrhz4uq6],
.bf-success:active:not(:disabled)[b-91zrhz4uq6],
.bf-warning:active:not(:disabled)[b-91zrhz4uq6],
.bf-ghost:active:not(:disabled)[b-91zrhz4uq6],
.bf-light:active:not(:disabled)[b-91zrhz4uq6] {
    background: linear-gradient(180deg, #d4d4d4 0%, #b8b8b8 100%);
}

/* ── Colores de texto/ícono por variante gris ─── */
.bf-secondary[b-91zrhz4uq6] { color: #1a1a1a; }
.bf-danger[b-91zrhz4uq6]    { color: #c62828; }
.bf-success[b-91zrhz4uq6]   { color: #2e7d32; }
.bf-warning[b-91zrhz4uq6]   { color: #c2410c; }
.bf-ghost[b-91zrhz4uq6]     { color: #1565c0; }
.bf-light[b-91zrhz4uq6]     { color: #64748b; }

/* ── Disabled ─────────────────────────────────── */
.bf-btn:disabled[b-91zrhz4uq6] {
    opacity: 0.45;
    cursor: not-allowed;
}

/* ── Loading ──────────────────────────────────── */
.bf-spinner[b-91zrhz4uq6] {
    width: 15px;
    height: 15px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: bf-spin-b-91zrhz4uq6 0.7s linear infinite;
    flex-shrink: 0;
}

/* Spinner azul para todas las variantes grises */
.bf-secondary .bf-spinner[b-91zrhz4uq6],
.bf-danger .bf-spinner[b-91zrhz4uq6],
.bf-success .bf-spinner[b-91zrhz4uq6],
.bf-warning .bf-spinner[b-91zrhz4uq6],
.bf-ghost .bf-spinner[b-91zrhz4uq6],
.bf-light .bf-spinner[b-91zrhz4uq6] {
    border-color: rgba(21, 101, 192, 0.2);
    border-top-color: #1565c0;
}

@keyframes bf-spin-b-91zrhz4uq6 {
    to { transform: rotate(360deg); }
}

/* ── Variante: flat (icono azul, sin fondo) ─── */
.bf-flat[b-91zrhz4uq6] {
    background: transparent;
    border: 1px solid transparent;
    color: #2563eb;
}
.bf-flat:hover:not(:disabled)[b-91zrhz4uq6] {
    background: rgba(37, 99, 235, 0.10);
    border-color: rgba(37, 99, 235, 0.20);
}
.bf-flat:active:not(:disabled)[b-91zrhz4uq6] {
    background: rgba(37, 99, 235, 0.18);
}

/* ── Variante: flat-danger (icono rojo, sin fondo) ─── */
.bf-flat-danger[b-91zrhz4uq6] {
    background: transparent;
    border: 1px solid transparent;
    color: #c62828;
}
.bf-flat-danger:hover:not(:disabled)[b-91zrhz4uq6] {
    background: rgba(198, 40, 40, 0.10);
    border-color: rgba(198, 40, 40, 0.20);
}
.bf-flat-danger:active:not(:disabled)[b-91zrhz4uq6] {
    background: rgba(198, 40, 40, 0.18);
}
/* _content/CosmoADM/Components/Shared/Components/CheckBoxField.razor.rz.scp.css */
/* ── Wrapper ─────────────────────────────────── */
.cbf-wrap[b-nxmkn7mn37] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* ── Contenedor clickeable ───────────────────── */
.cbf-container[b-nxmkn7mn37] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    user-select: none;
}

.cbf-native[b-nxmkn7mn37] {
    display: none;
}

/* ── Label ───────────────────────────────────── */
.cbf-label[b-nxmkn7mn37] {
    font-size: 13.5px;
    font-weight: 500;
    color: #1e293b;
    line-height: 1.2;
}

/* ══════════════════════════════════════════════
   CHECKBOX
══════════════════════════════════════════════ */
.cbf-box[b-nxmkn7mn37] {
    width: 18px;
    height: 18px;
    border: 1.5px solid #d1d5db;
    border-radius: 5px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background 0.15s, border-color 0.15s;
}

.cbf-checkmark[b-nxmkn7mn37] {
    font-size: 13px;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.1s;
}

.cbf-native:checked ~ .cbf-box[b-nxmkn7mn37] {
    background: #2563eb;
    border-color: #2563eb;
}

.cbf-native:checked ~ .cbf-box .cbf-checkmark[b-nxmkn7mn37] {
    opacity: 1;
}

.cbf-check-mode:hover .cbf-box[b-nxmkn7mn37] {
    border-color: #3b82f6;
}

/* ══════════════════════════════════════════════
   TOGGLE SWITCH
══════════════════════════════════════════════ */
.cbf-track[b-nxmkn7mn37] {
    width: 42px;
    height: 24px;
    border-radius: 999px;
    background: #e5e7eb;
    position: relative;
    flex-shrink: 0;
    transition: background 0.2s;
}

.cbf-thumb[b-nxmkn7mn37] {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.20);
    transition: transform 0.2s ease;
}

.cbf-native:checked ~ .cbf-track[b-nxmkn7mn37] {
    background: #2563eb;
}

.cbf-native:checked ~ .cbf-track .cbf-thumb[b-nxmkn7mn37] {
    transform: translateX(18px);
}

.cbf-toggle-mode:hover .cbf-track[b-nxmkn7mn37] {
    background: #d1d5db;
}

.cbf-native:checked + .cbf-track:hover[b-nxmkn7mn37],
.cbf-toggle-mode:hover .cbf-native:checked ~ .cbf-track[b-nxmkn7mn37] {
    background: #1d4ed8;
}

/* ══════════════════════════════════════════════
   DISABLED
══════════════════════════════════════════════ */
.cbf-disabled[b-nxmkn7mn37] {
    pointer-events: none;
    opacity: 0.5;
}

/* ── Helper ──────────────────────────────────── */
.cbf-helper[b-nxmkn7mn37] {
    font-size: 11px;
    color: #94a3b8;
    padding-left: 2px;
    line-height: 1.4;
}
/* _content/CosmoADM/Components/Shared/Components/DatePickerField.razor.rz.scp.css */
/* ── Wrapper ─────────────────────────────────── */
.dpf-wrap[b-foky4mcuf8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

/* ── Label ───────────────────────────────────── */
.dpf-label[b-foky4mcuf8] {
    font-size: 12px;
    font-weight: 700;
    color: #111827;
    letter-spacing: 0.01em;
    padding-left: 2px;
    line-height: 1;
}

/* ── Input box ───────────────────────────────── */
.dpf-input[b-foky4mcuf8] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 36px;
    padding: 0 10px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-sizing: border-box;
    gap: 6px;
    transition: background 0.15s;
}

.dpf-input:focus-within[b-foky4mcuf8] {
    background: #eff6ff;
}

/* ── Icono prefijo ───────────────────────────── */
.dpf-icon[b-foky4mcuf8] {
    font-size: 17px;
    color: #6b7280;
    flex-shrink: 0;
    line-height: 1;
}

/* ── Input nativo ────────────────────────────── */
.dpf-native[b-foky4mcuf8] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 13.5px;
    color: #1e293b;
    font-family: inherit;
    min-width: 0;
    height: 34px;
    padding: 0;
    cursor: pointer;
}

/* ── Slot End (botones derecha) ──────────────── */
.dpf-end[b-foky4mcuf8] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    padding-left: 6px;
    border-left: 1px solid #e5e7eb;
}

/* ── Estados ─────────────────────────────────── */
.dpf-disabled[b-foky4mcuf8] {
    background: #f8fafc;
    border-color: #e5e7eb;
    pointer-events: none;
    opacity: 0.6;
}

.dpf-readonly[b-foky4mcuf8] {
    background: #f8fafc;
}

.dpf-readonly .dpf-native[b-foky4mcuf8] {
    color: #64748b;
    pointer-events: none;
}

/* ── Helper ──────────────────────────────────── */
.dpf-helper[b-foky4mcuf8] {
    font-size: 11px;
    color: #94a3b8;
    padding-left: 2px;
    line-height: 1.4;
}
/* _content/CosmoADM/Components/Shared/Components/DropDownField.razor.rz.scp.css */
/* ── Wrapper ─────────────────────────────────── */
.ddf-wrap[b-sx4jo2a2hx] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

/* ── Label ───────────────────────────────────── */
.ddf-label[b-sx4jo2a2hx] {
    font-size: 12px;
    font-weight: 700;
    color: #111827;
    letter-spacing: 0.01em;
    padding-left: 2px;
    line-height: 1;
}

/* ── Input box ───────────────────────────────── */
.ddf-input[b-sx4jo2a2hx] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 36px;
    padding: 0;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-sizing: border-box;
    transition: background 0.15s;
    cursor: pointer;
    overflow: hidden;
}

.ddf-input:focus-within[b-sx4jo2a2hx] {
    background: #eff6ff;
}

/* ── Icono prefijo — absoluto para no desplazar el dropdown ── */
.ddf-icon[b-sx4jo2a2hx] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 17px;
    color: #6b7280;
    line-height: 1;
    pointer-events: none;
    z-index: 1;
}

/* ── Slot End ────────────────────────────────── */
.ddf-end[b-sx4jo2a2hx] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    padding-left: 6px;
    border-left: 1px solid #e5e7eb;
}

/* ── Estados ─────────────────────────────────── */
.ddf-disabled[b-sx4jo2a2hx] {
    background: #f8fafc;
    border-color: #e5e7eb;
    pointer-events: none;
    opacity: 0.6;
}

.ddf-readonly[b-sx4jo2a2hx] {
    background: #f8fafc;
    pointer-events: none;
}

/* ── Helper ──────────────────────────────────── */
.ddf-helper[b-sx4jo2a2hx] {
    font-size: 11px;
    color: #94a3b8;
    padding-left: 2px;
    line-height: 1.4;
}
/* _content/CosmoADM/Components/Shared/Components/EstatusBadge.razor.rz.scp.css */
.estatus-badge[b-b6xx0cs92v] {
	font-size: 0.7rem;
	padding: 3px 10px;
	border-radius: 4px;
	font-weight: 600;
	letter-spacing: 0.02em;
	border: 1.5px solid currentColor;
	white-space: nowrap;
	display: inline-block;
}

.estatus-badge.borrador[b-b6xx0cs92v]   { background: #fff7ed; color: #ea580c; }
.estatus-badge.confirmado[b-b6xx0cs92v] { background: #eff6ff; color: #1d4ed8; }
.estatus-badge.aplicado[b-b6xx0cs92v]   { background: #f0fdf4; color: #15803d; }
.estatus-badge.anulado[b-b6xx0cs92v]    { background: #fff0f0; color: #b91c1c; }
/* _content/CosmoADM/Components/Shared/Components/MemoField.razor.rz.scp.css */
/* ── Wrapper ─────────────────────────────────── */
.mef-wrap[b-dcpi7epmky] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

/* ── Label ───────────────────────────────────── */
.mef-label[b-dcpi7epmky] {
    font-size: 12px;
    font-weight: 700;
    color: #111827;
    letter-spacing: 0.01em;
    padding-left: 2px;
    line-height: 1;
}

/* ── Input box ───────────────────────────────── */
.mef-input[b-dcpi7epmky] {
    display: flex;
    align-items: flex-start;
    width: 100%;
    padding: 8px 10px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-sizing: border-box;
    gap: 6px;
    transition: background 0.15s;
}

.mef-input:focus-within[b-dcpi7epmky] {
    background: #eff6ff;
}

/* ── Icono prefijo ───────────────────────────── */
.mef-icon[b-dcpi7epmky] {
    font-size: 17px;
    color: #6b7280;
    flex-shrink: 0;
    line-height: 1;
    margin-top: 1px;
}

/* ── Textarea nativo ─────────────────────────── */
.mef-native[b-dcpi7epmky] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 13.5px;
    color: #1e293b;
    font-family: inherit;
    min-width: 0;
    padding: 0;
    resize: vertical;
    line-height: 1.55;
}

.mef-native[b-dcpi7epmky]::placeholder {
    color: #cbd5e1;
}

/* ── Footer: helper + contador ───────────────── */
.mef-footer[b-dcpi7epmky] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 14px;
    padding: 0 2px;
}

.mef-helper[b-dcpi7epmky] {
    font-size: 11px;
    color: #94a3b8;
    line-height: 1.4;
}

.mef-counter[b-dcpi7epmky] {
    font-size: 11px;
    color: #cbd5e1;
    font-variant-numeric: tabular-nums;
    margin-left: auto;
}

/* ── Estados ─────────────────────────────────── */
.mef-disabled[b-dcpi7epmky] {
    background: #f8fafc;
    border-color: #e5e7eb;
    pointer-events: none;
    opacity: 0.6;
}

.mef-readonly[b-dcpi7epmky] {
    background: #f8fafc;
}

.mef-readonly .mef-native[b-dcpi7epmky] {
    color: #64748b;
    resize: none;
}
/* _content/CosmoADM/Components/Shared/Components/NumericField.razor.rz.scp.css */
/* ── Wrapper ─────────────────────────────────── */
.nef-wrap[b-3gd9lid42w] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

/* ── Label ───────────────────────────────────── */
.nef-label[b-3gd9lid42w] {
    font-size: 12px;
    font-weight: 700;
    color: #111827;
    letter-spacing: 0.01em;
    padding-left: 2px;
    line-height: 1;
}

/* ── Input box ───────────────────────────────── */
.nef-input[b-3gd9lid42w] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 36px;
    padding: 0 10px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-sizing: border-box;
    gap: 6px;
    transition: background 0.15s;
}

.nef-input:focus-within[b-3gd9lid42w] {
    background: #eff6ff;
}

/* ── Icono prefijo ───────────────────────────── */
.nef-icon[b-3gd9lid42w] {
    font-size: 17px;
    color: #6b7280;
    flex-shrink: 0;
    line-height: 1;
}

/* ── Input nativo ────────────────────────────── */
.nef-native[b-3gd9lid42w] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 13.5px;
    color: #1e293b;
    font-family: inherit;
    min-width: 0;
    height: 34px;
    padding: 0 5px 0 0;
    text-align: right;
}

/* Ocultar flechas nativas del input number */
.nef-native[b-3gd9lid42w]::-webkit-outer-spin-button,
.nef-native[b-3gd9lid42w]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.nef-native[type=number][b-3gd9lid42w] {
    -moz-appearance: textfield;
}

.nef-native[b-3gd9lid42w]::placeholder {
    color: #cbd5e1;
}

/* ── Slot End ────────────────────────────────── */
.nef-end[b-3gd9lid42w] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    padding-left: 6px;
    border-left: 1px solid #e5e7eb;
}

/* ── Estados ─────────────────────────────────── */
.nef-disabled[b-3gd9lid42w] {
    background: #f8fafc;
    border-color: #e5e7eb;
    pointer-events: none;
    opacity: 0.6;
}

.nef-readonly[b-3gd9lid42w] {
    background: #f8fafc;
}

.nef-readonly .nef-native[b-3gd9lid42w] {
    color: #64748b;
}

/* ── Helper ──────────────────────────────────── */
.nef-helper[b-3gd9lid42w] {
    font-size: 11px;
    color: #94a3b8;
    padding-left: 2px;
    line-height: 1.4;
}
/* _content/CosmoADM/Components/Shared/Components/PagosEdit.razor.rz.scp.css */
/* ── Página completa ── */
.pagos-page[b-9uuv9usgxw] {
    display: flex;
    flex-direction: column;
    height: 560px;
    background: #f8fafc;
    overflow: hidden;
}

/* ── Header ── */
.pagos-header[b-9uuv9usgxw] {
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.6rem 1rem;
    flex-shrink: 0;
}

.pagos-header-left[b-9uuv9usgxw] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.pagos-header-lbl[b-9uuv9usgxw] {
    font-size: 0.75rem;
    font-weight: 600;
    color: rgba(5, 39, 103, 0.6);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.pagos-header-monto[b-9uuv9usgxw] {
    font-size: 2.8rem;
    font-weight: 800;
    color: #052767;
    line-height: 1.1;
    letter-spacing: 0.01em;
}

.pagos-atras-btn[b-9uuv9usgxw] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: linear-gradient(180deg, #ebebeb, #d0d0d0);
    color: #1a1a1a;
    border: 1px solid #c8c8c8;
    padding: 0 1.1rem;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 600;
    font-family: inherit;
    height: 34px;
    transition: opacity 0.15s;
}

.pagos-atras-btn:hover[b-9uuv9usgxw] { opacity: 0.85; }

/* ── Tipos de pago ── */
.pagos-tipos[b-9uuv9usgxw] {
    display: flex;
    gap: 6px;
    padding: 8px 10px;
    background: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    flex-shrink: 0;
}

.pagos-tipo-btn[b-9uuv9usgxw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 6px 12px 6px;
    border: 1px solid #c8c8c8;
    border-radius: 4px;
    background: linear-gradient(180deg, #ebebeb, #d0d0d0);
    cursor: pointer;
    min-width: 76px;
    position: relative;
    transition: opacity 0.12s;
}

.pagos-tipo-btn:hover[b-9uuv9usgxw] { opacity: 0.85; }

.pagos-tipo-btn.sel[b-9uuv9usgxw] {
    border-color: #1565c0;
    background: linear-gradient(180deg, #dbeafe, #bfdbfe);
}

.pagos-tipo-btn.agregado[b-9uuv9usgxw] {
    border-color: #2e7d32;
    background: linear-gradient(180deg, #f0fdf4, #dcfce7);
}

.pagos-tipo-icon[b-9uuv9usgxw] {
    width: 42px;
    height: 42px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 6px;
}

.pagos-tipo-icon .material-symbols-outlined[b-9uuv9usgxw] {
    font-size: 1.5rem;
    color: #fff;
}

.pagos-tipo-nombre[b-9uuv9usgxw] {
    font-size: 11px;
    font-weight: 600;
    color: #1a1a1a;
    white-space: nowrap;
}

/* ── Body ── */
.pagos-body[b-9uuv9usgxw] {
    display: flex;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* ── Grid izquierda ── */
.pagos-grid[b-9uuv9usgxw] {
    flex: 1;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #e2e8f0;
    background: #fff;
    min-width: 0;
}

.pagos-grid-head[b-9uuv9usgxw] {
    display: flex;
    justify-content: space-between;
    background: #f1f5f9;
    color: #1a1a1a;
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.03em;
    border-bottom: 1px solid #e2e8f0;
    flex-shrink: 0;
}

.pagos-grid-rows[b-9uuv9usgxw] {
    flex: 1;
    overflow-y: auto;
    background: #f8fafc;
}

.pagos-grid-empty[b-9uuv9usgxw] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #94a3b8;
    font-size: 0.9rem;
    font-weight: 500;
}

.pagos-pago-row[b-9uuv9usgxw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 14px;
    border-bottom: 1px solid #e2e8f0;
    cursor: pointer;
    background: #fff;
    transition: background 0.1s;
}

.pagos-pago-row:hover[b-9uuv9usgxw] { background: #f1f5f9; }

.pagos-pago-row.sel[b-9uuv9usgxw] {
    background: #fff;
    border-left: 3px solid #1565c0;
}

.pagos-pago-monto[b-9uuv9usgxw] {
    font-weight: 800;
    color: #1565c0;
    font-size: 1.4rem;
}

.pagos-pago-info[b-9uuv9usgxw] { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.pagos-pago-nombre[b-9uuv9usgxw] { font-weight: 700; font-size: 0.9rem; }
.pagos-pago-cuenta[b-9uuv9usgxw] { font-size: 11px; color: #1565c0; font-weight: 500; }

.pagos-pago-der[b-9uuv9usgxw] { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }

.pagos-pago-row[b-9uuv9usgxw]  .nef-input {
    border: none;
    background: transparent;
    padding: 0;
    min-height: unset;
    border-radius: 0;
    gap: 0;
}

.pagos-pago-row[b-9uuv9usgxw]  .nef-input:focus-within {
    background: transparent;
}

.pagos-pago-row[b-9uuv9usgxw]  .nef-native {
    font-weight: 800;
    color: #1565c0;
    font-size: 1.3rem;
    text-align: right;
    height: 30px;
    padding: 0;
}

/* ── Datos Adicionales ── */
.pagos-adicionales[b-9uuv9usgxw] {
    width: 310px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
    overflow: hidden;
}

.pagos-adic-title[b-9uuv9usgxw] {
    background: #f1f5f9;
    border-bottom: 1px solid #e2e8f0;
    padding: 6px 12px;
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
    text-align: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    flex-shrink: 0;
}

.pagos-adic-body[b-9uuv9usgxw] {
    padding: 0.65rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    overflow-y: auto;
    flex: 1;
}

/* ── Footer ── */
.pagos-footer[b-9uuv9usgxw] {
    display: flex;
    background: #fff;
    border-top: 1px solid #e2e8f0;
    flex-shrink: 0;
}

/* ── Totales ── */
.pagos-totales[b-9uuv9usgxw] {
    flex: 1;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #e2e8f0;
}

.pagos-tot-row[b-9uuv9usgxw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 14px;
    border-bottom: 1px solid #e2e8f0;
    flex: 1;
}

.pagos-tot-row.tot-pagado[b-9uuv9usgxw]    { background: #f8fafc; }
.pagos-tot-row.tot-diferencia[b-9uuv9usgxw]{ background: #fff; }
.pagos-tot-row.tot-cambio[b-9uuv9usgxw]    { background: #f8fafc; }
.pagos-tot-row.tot-devuelta[b-9uuv9usgxw]  { background: #fff; }

.pagos-tot-lbl[b-9uuv9usgxw] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #64748b;
}

.pagos-tot-val[b-9uuv9usgxw] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1a1a1a;
}

.pagos-tot-val.rojo[b-9uuv9usgxw]  { color: #c62828; }
.pagos-tot-val.verde[b-9uuv9usgxw] { color: #2e7d32; }

/* ── Acciones ── */
.pagos-acciones[b-9uuv9usgxw] {
    width: 310px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}

.pagos-rapidos[b-9uuv9usgxw] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3px;
    padding: 4px;
}

.pagos-rap-btn[b-9uuv9usgxw] {
    padding: 9px 4px;
    background: linear-gradient(180deg, #ebebeb, #d0d0d0);
    border: 1px solid #c8c8c8;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    color: #1a1a1a;
    font-family: inherit;
    transition: opacity 0.1s;
}

.pagos-rap-btn:hover[b-9uuv9usgxw] { opacity: 0.85; }
.pagos-rap-btn:disabled[b-9uuv9usgxw],
.pagos-exacto-btn:disabled[b-9uuv9usgxw],
.pagos-borrar-btn:disabled[b-9uuv9usgxw] { opacity: 0.35; cursor: not-allowed; }

.pagos-exacto-btn[b-9uuv9usgxw] {
    padding: 9px 4px;
    background: linear-gradient(180deg, #ebebeb, #d0d0d0);
    border: 1px solid #c8c8c8;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
    color: #2e7d32;
    font-family: inherit;
    transition: opacity 0.15s;
}

.pagos-exacto-btn:hover[b-9uuv9usgxw] { opacity: 0.85; }

.pagos-borrar-btn[b-9uuv9usgxw] {
    padding: 9px 4px;
    background: linear-gradient(180deg, #ebebeb, #d0d0d0);
    border: 1px solid #c8c8c8;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
    color: #c62828;
    font-family: inherit;
    transition: opacity 0.15s;
}

.pagos-borrar-btn:hover[b-9uuv9usgxw] { opacity: 0.85; }

.pagos-cobrar-btn[b-9uuv9usgxw] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    background: linear-gradient(180deg, #ebebeb, #d0d0d0);
    border: 1px solid #c8c8c8;
    border-radius: 4px;
    margin: 3px;
    cursor: pointer;
    transition: opacity 0.15s;
}

.pagos-cobrar-btn:hover[b-9uuv9usgxw] { opacity: 0.85; }

.pagos-cobrar-ico[b-9uuv9usgxw] {
    font-size: 2.2rem;
    color: #1565c0;
}

.pagos-cobrar-txt[b-9uuv9usgxw] {
    font-size: 1.8rem;
    font-weight: 900;
    color: #1565c0;
    letter-spacing: 0.05em;
    font-family: inherit;
}

.pagos-pago-del[b-9uuv9usgxw] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 2px;
    color: #94a3b8;
    line-height: 1;
    flex-shrink: 0;
}

.pagos-pago-del:hover[b-9uuv9usgxw] { color: #c62828; }

.pagos-pago-del .material-symbols-outlined[b-9uuv9usgxw] { font-size: 16px; }

.pagos-error[b-9uuv9usgxw] {
    padding: 4px 10px;
    background: #fef2f2;
    color: #c62828;
    font-size: 12px;
    font-weight: 600;
    border-top: 1px solid #fecaca;
    border-bottom: 1px solid #fecaca;
    text-align: center;
}
/* _content/CosmoADM/Components/Shared/Components/TextBoxField.razor.rz.scp.css */
/* ── Wrapper ─────────────────────────────────── */
.tbf-wrap[b-tghbk795z1] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    min-width: 0;
}

/* ── Label ───────────────────────────────────── */
.tbf-label[b-tghbk795z1] {
    font-size: 12px;
    font-weight: 700;
    color: #111827;
    letter-spacing: 0.01em;
    padding-left: 2px;
    line-height: 1;
    transition: color 0.15s;
}


/* ── Input box ───────────────────────────────── */
.tbf-input[b-tghbk795z1] {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 36px;
    padding: 0 10px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-sizing: border-box;
    gap: 6px;
    transition: background 0.15s;
}

.tbf-input:focus-within[b-tghbk795z1] {
    background: #eff6ff;
}


/* ── Icono prefijo ───────────────────────────── */
.tbf-icon[b-tghbk795z1] {
    font-size: 17px;
    color: #6b7280;
    flex-shrink: 0;
    line-height: 1;
    transition: color 0.15s;
}


/* ── Input nativo ────────────────────────────── */
.tbf-native[b-tghbk795z1] {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    font-size: 13.5px;
    color: #1e293b;
    font-family: inherit;
    min-width: 0;
    height: 34px;
    padding: 0;
}

.tbf-native[b-tghbk795z1]::placeholder {
    color: #cbd5e1;
}

/* ── Slot End (botones derecha) ──────────────── */
.tbf-end[b-tghbk795z1] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    padding-left: 6px;
}

.tbf-end[b-tghbk795z1]  button {
    padding: 0 10px;
}

/* ── Estados ─────────────────────────────────── */
.tbf-disabled[b-tghbk795z1] {
    background: #f8fafc;
    border-color: #e2e8f0;
    pointer-events: none;
    opacity: 0.6;
}

.tbf-readonly[b-tghbk795z1] {
    background: #f8fafc;
}

.tbf-readonly .tbf-native[b-tghbk795z1] {
    color: #64748b;
}

/* ── Helper ──────────────────────────────────── */
.tbf-helper[b-tghbk795z1] {
    font-size: 11px;
    color: #94a3b8;
    padding-left: 2px;
    line-height: 1.4;
}
/* _content/CosmoADM/Components/Shared/Components/TiposComprobante.razor.rz.scp.css */
.tcf-wrap[b-5umzinh12o] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.tcf-dropdown-wrap[b-5umzinh12o]  .rz-dropdown-label,
.tcf-dropdown-wrap[b-5umzinh12o]  .rz-inputtext {
    color: var(--tcf-color, #1e293b) !important;
    transition: color 0.2s ease;
}

.tcf-dropdown-wrap[b-5umzinh12o]  .ddf-icon {
    color: var(--tcf-color, #6b7280) !important;
    transition: color 0.2s ease;
}

.tcf-row[b-5umzinh12o] {
    display: flex;
    gap: 0.5rem;
}
/* _content/CosmoADM/Components/Shared/DialogoModal.razor.rz.scp.css */
.dlg_modal-overlay[b-rnazf583e6] {
	position: fixed;
	inset: 0;
	z-index: 1100;
	background: rgba(0,0,0,0.35);
}

.dlg_modal-panel[b-rnazf583e6] {
	position: fixed;
	top: 8%;
	left: 50%;
	transform: translateX(-50%);
	/* width: min(92vw, 960px); */
	max-height: 82vh;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 4px 6px rgba(0,0,0,0.05), 0 10px 40px rgba(0,0,0,0.18);
	z-index: 1101;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.dlg_modal-titulo[b-rnazf583e6] {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 18px;
	background: linear-gradient(135deg, #f0f7ff 0%, #fafbfc 100%);
	border-bottom: 1px solid #e2e8f0;
	flex-shrink: 0;
}

.dlg_modal-titulo-text[b-rnazf583e6] {
	flex: 1;
	font-size: 15px;
	font-weight: 700;
	color: #1e293b;
	letter-spacing: 0.01em;
}

.dlg_modal-filtros[b-rnazf583e6] {
	display: flex;
	align-items: flex-end;
	gap: 8px;
	padding: 10px 14px;
	border-bottom: 1px solid #e2e8f0;
	flex-shrink: 0;
	flex-wrap: wrap;
}

.dlg_modal-contador[b-rnazf583e6] {
	padding: 3px 14px;
	font-size: 12px;
	color: #64748b;
	border-bottom: 1px solid #f1f5f9;
	flex-shrink: 0;
}

.dlg_modal-body[b-rnazf583e6] {
	flex: 1;
	overflow-y: auto;
	padding: 14px;
}

/* _content/CosmoADM/Components/Shared/MantenimientoBase/MantEdit.razor.rz.scp.css */
.mant-page[b-mv2g5taukp] {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 0;
	overflow: hidden;
}

.mant-header[b-mv2g5taukp] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.65rem 0;
	flex-shrink: 0;
}

.mant-identity[b-mv2g5taukp] {
	display: flex;
	align-items: center;
	gap: 0.6rem;
}

.mant-icono[b-mv2g5taukp] {
	padding-left: 8px;
	font-size: 1.9rem;
	color: #052767;
}

.mant-titulo[b-mv2g5taukp] {
	padding-left: 2px;
	font-size: 1.5rem;
	font-weight: 600;
	color: #1a1a1a;
}

.mant-toolbar[b-mv2g5taukp] {
	display: flex;
	gap: 0.5rem;
	align-items: center;
}

.mant-toolbar-sep[b-mv2g5taukp] {
	width: 1px;
	height: 1.4rem;
	background: #d0d0d0;
	margin: 0 0.15rem;
}

.mant-badge[b-mv2g5taukp] {
	font-size: 0.7rem;
	padding: 2px 8px;
	border-radius: 10px;
	white-space: nowrap;
	font-weight: 500;
}

.mant-badge--estado[b-mv2g5taukp] {
	font-size: 0.7rem;
	padding: 3px 10px;
	border-radius: 4px;
	font-weight: 600;
	letter-spacing: 0.02em;
	border: 1.5px solid currentColor;
}

.mant-badge.borrador[b-mv2g5taukp] {
	background: #fff7ed;
	color: #ea580c;
}

.mant-badge.confirmado[b-mv2g5taukp] {
	background: #eff6ff;
	color: #1d4ed8;
}

.mant-badge.aplicado[b-mv2g5taukp] {
	background: #f0fdf4;
	color: #15803d;
}

.mant-badge.anulado[b-mv2g5taukp] {
	background: #fff0f0;
	color: #b91c1c;
}

.mant-edit-area[b-mv2g5taukp] {
	flex: 1;
	overflow: auto;
	padding: 0;
	display: flex;
	flex-direction: column;
}

.mant-edit-card[b-mv2g5taukp] {
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 2px;
	padding: 5px;
	flex: 1;
	width: 100%;
	box-sizing: border-box;
}

.mant-edit-card--anulado[b-mv2g5taukp] {
	background: #f3f4f6;
	border-color: #d1d5db;
}

.mant-anulado-overlay[b-mv2g5taukp] {
	position: absolute;
	inset: 0;
	background: rgba(156, 163, 175, 0.15);
	z-index: 10;
	border-radius: inherit;
	pointer-events: all;
	user-select: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mant-anulado-sello[b-mv2g5taukp] {
	font-size: 5rem;
	font-weight: 900;
	color: rgba(185, 28, 28, 0.13);
	letter-spacing: 0.25em;
	text-transform: uppercase;
	transform: rotate(-25deg);
	border: 8px solid rgba(185, 28, 28, 0.13);
	padding: 0.4rem 2.5rem;
	border-radius: 6px;
	pointer-events: none;
	user-select: none;
}

.mant-no-editable[b-mv2g5taukp] {
	position: absolute;
	inset: 0;
	background: transparent;
	z-index: 10;
	border-radius: inherit;
	pointer-events: all;
	user-select: none;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding-top: 1rem;
}

.mant-no-editable-badge[b-mv2g5taukp] {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	background: rgba(100, 116, 139, 0.1);
	color: #64748b;
	font-size: 0.78rem;
	font-weight: 600;
	padding: 4px 12px;
	border-radius: 20px;
	border: 1px solid rgba(100, 116, 139, 0.22);
	pointer-events: none;
}
/* _content/CosmoADM/Components/Shared/MantenimientoBase/MantKpiCard.razor.rz.scp.css */
.kpi-card[b-puwrrpa0is] {
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	padding: 14px 16px;
	display: flex;
	align-items: center;
	gap: 14px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.kpi-icon[b-puwrrpa0is] {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.kpi-icon[b-puwrrpa0is]  .material-symbols-outlined {
	font-size: 1.5rem;
}

.kpi-body[b-puwrrpa0is] {
	flex: 1;
	min-width: 0;
}

.kpi-label[b-puwrrpa0is] {
	margin: 0;
	font-size: 0.72rem;
	color: #888;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	font-weight: 600;
}

.kpi-value[b-puwrrpa0is] {
	margin: 2px 0 3px;
	font-size: 1.3rem;
	font-weight: 700;
	color: #1a1a1a;
	line-height: 1.2;
}

.kpi-trend[b-puwrrpa0is] {
	margin: 0;
	font-size: 0.72rem;
	display: flex;
	align-items: center;
	gap: 2px;
}

.kpi-trend[b-puwrrpa0is]  .material-symbols-outlined {
	font-size: 0.85rem;
}

.kpi-trend.up[b-puwrrpa0is] {
	color: #2e7d32;
}

.kpi-trend.down[b-puwrrpa0is] {
	color: #c62828;
}
/* _content/CosmoADM/Components/Shared/MantenimientoBase/MantList.razor.rz.scp.css */
.mant-page[b-d25x6tvy65] {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 0;
	overflow: hidden;
}

.mant-header[b-d25x6tvy65] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.65rem 0;
	flex-shrink: 0;
}

.mant-identity[b-d25x6tvy65] {
	display: flex;
	align-items: center;
	gap: 0.6rem;
}

.mant-icono[b-d25x6tvy65] {
	padding-left: 8px;
	font-size: 1.9rem;
	color: #052767;
}

.mant-titulo[b-d25x6tvy65] {
	padding-left: 2px;
	font-size: 1.5rem;
	font-weight: 600;
	color: #1a1a1a;
}

.mant-toolbar[b-d25x6tvy65] {
	display: flex;
	gap: 0.5rem;
	align-items: center;
}

.mant-toolbar-sep[b-d25x6tvy65] {
	width: 1px;
	height: 1.4rem;
	background: #d0d0d0;
	margin: 0 0.15rem;
}

.mant-stats-strip[b-d25x6tvy65] {
	display: flex;
	gap: 10px;
	padding: 0 0 0.65rem;
	flex-shrink: 0;
}

.mant-stats-strip[b-d25x6tvy65]  .kpi-card {
	flex: 1;
	min-width: 0;
}

.mant-lista-area[b-d25x6tvy65] {
	flex: 1;
	overflow: hidden;
	padding: 0;
	display: flex;
	flex-direction: column;
}

.mant-list-card[b-d25x6tvy65] {
	background: linear-gradient(180deg, #f7faff 0%, #ffffff 18%);
	border: 1px solid #e0e0e0;
	border-radius: 2px;
	overflow-y: auto;
	overflow-x: hidden;
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 2px;
}

/* ── Estado vacío ────────────────────────────── */
.mant-empty-state[b-d25x6tvy65] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	padding: 3.5rem 1rem;
	flex: 1;
}
.mant-empty-icon[b-d25x6tvy65] {
	font-size: 3.5rem;
	color: #cbd5e1;
}
.mant-empty-title[b-d25x6tvy65] {
	font-size: 1rem;
	font-weight: 600;
	color: #64748b;
	letter-spacing: 0.02em;
}
.mant-empty-btn[b-d25x6tvy65] {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.45rem 1.2rem;
	background: #052767;
	color: #fff;
	border: none;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: background .15s;
	margin-top: 0.25rem;
}
.mant-empty-btn:hover[b-d25x6tvy65] {
	background: #1565c0;
}