/* _content/Herramientas.Web/Components/Layout/AuthLayout.razor.rz.scp.css */
[b-bs936xbju3] body {
background:
radial-gradient(circle at 15% 20%, rgba(226, 169, 59, 0.06), transparent 40%),
#12151a;
}
.auth-shell[b-bs936xbju3] {
min-height: 100vh;
display: grid;
grid-template-columns: minmax(320px, 460px) minmax(0, 1fr);
}
.auth-brandbar[b-bs936xbju3] {
padding: 48px 40px;
background: #161a20;
border-right: 1px solid rgba(237, 234, 226, 0.06);
color: #edeae2;
display: flex;
align-items: start;
gap: 18px;
}
.auth-brandmark[b-bs936xbju3] {
display: flex;
flex-direction: column;
gap: 8px;
}
.auth-square[b-bs936xbju3] {
width: 22px;
height: 22px;
border-radius: 4px;
}
.auth-square-cobre[b-bs936xbju3] {
background: #e2a93b;
}
.auth-square-marino[b-bs936xbju3] {
background: #3a4048;
}
.auth-square-outline[b-bs936xbju3] {
border: 2px solid rgba(237, 234, 226, 0.3);
}
.auth-kicker[b-bs936xbju3] {
margin: 0 0 8px;
text-transform: uppercase;
letter-spacing: 0.2em;
font-family: "IBM Plex Mono", monospace;
font-size: 0.74rem;
color: #e2a93b;
}
.auth-title[b-bs936xbju3] {
margin: 0;
font-family: "Space Grotesk", sans-serif;
font-weight: 600;
font-size: 1.8rem;
line-height: 1.15;
letter-spacing: -0.01em;
}
.auth-main[b-bs936xbju3] {
display: grid;
place-items: center;
padding: 32px;
}
@media (max-width: 980px) {
.auth-shell[b-bs936xbju3] {
grid-template-columns: 1fr;
}
.auth-brandbar[b-bs936xbju3] {
padding: 28px 22px;
border-right: none;
border-bottom: 1px solid rgba(237, 234, 226, 0.06);
}
.auth-main[b-bs936xbju3] {
padding: 20px;
}
}
/* _content/Herramientas.Web/Components/Layout/MainLayout.razor.rz.scp.css */
/* es ANCESTRO de .shell (App.razor renderiza ,
y MainLayout se renderiza dentro de ), nunca su descendiente —
por eso ::deep body/html nunca podría alcanzarlo (::deep siempre exige un
ancestro con el atributo de scope) y, aunque lo alcanzara, una custom
property definida más abajo en el árbol (en .shell) no "sube" a un
ancestro. Por eso aquí van valores literales de respaldo (no var()) y las
custom properties reales se definen en .shell, que sí es un elemento
propio de este componente y sí es ancestro real de todo @Body. */
[b-8z724vdtq0] html,
[b-8z724vdtq0] body {
margin: 0;
min-height: 100%;
background: #12151a;
color: #edeae2;
font-family: "IBM Plex Sans", sans-serif;
}
[b-8z724vdtq0] body {
min-height: 100vh;
}
[b-8z724vdtq0] * {
box-sizing: border-box;
}
[b-8z724vdtq0] a {
color: inherit;
text-decoration: none;
}
[b-8z724vdtq0] .portal-hero {
display: flex;
justify-content: space-between;
gap: 22px;
align-items: center;
padding: 24px 28px;
border-radius: 12px;
background: var(--color-surface);
border: 1px solid var(--color-border);
margin-bottom: 20px;
}
[b-8z724vdtq0] .portal-hero-kicker {
margin: 0 0 10px;
text-transform: uppercase;
letter-spacing: 0.18em;
font-family: "IBM Plex Mono", monospace;
font-size: 0.74rem;
color: var(--color-accent);
}
[b-8z724vdtq0] .portal-hero-title {
margin: 0;
font-family: "Space Grotesk", sans-serif;
font-size: clamp(1.8rem, 3.2vw, 2.6rem);
font-weight: 600;
line-height: 1.08;
letter-spacing: -0.02em;
color: var(--color-text);
}
[b-8z724vdtq0] .portal-hero-copy {
margin: 16px 0 0;
max-width: 62ch;
line-height: 1.8;
color: var(--color-text-secondary);
}
[b-8z724vdtq0] .portal-hero-markers {
display: flex;
flex-direction: column;
gap: 12px;
}
[b-8z724vdtq0] .marker {
width: 40px;
height: 40px;
border-radius: 6px;
}
[b-8z724vdtq0] .marker-cobre {
background: var(--color-accent);
}
[b-8z724vdtq0] .marker-marino {
background: var(--color-surface-raised);
}
[b-8z724vdtq0] .marker-outline {
border: 2px solid var(--color-border);
}
[b-8z724vdtq0] .action-btn {
min-height: 42px;
padding: 0 16px;
border: none;
border-radius: 8px;
font: inherit;
font-weight: 600;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}
[b-8z724vdtq0] .action-btn-primary {
background: var(--color-accent);
color: var(--color-canvas);
}
[b-8z724vdtq0] .action-btn-primary:hover {
background: #eebb5c;
}
[b-8z724vdtq0] .action-btn-secondary {
background: var(--color-surface-raised);
color: var(--color-text);
border: 1px solid var(--color-border);
}
[b-8z724vdtq0] .action-btn-secondary:hover {
border-color: var(--color-accent);
}
[b-8z724vdtq0] .action-btn-success {
background: var(--color-accent);
color: var(--color-canvas);
}
[b-8z724vdtq0] .empty-state {
margin: 0;
padding: 18px;
border-radius: 8px;
background: var(--color-surface);
border: 1px solid var(--color-border);
color: var(--color-text-secondary);
line-height: 1.7;
}
/* Inputs de formulario, homologados a los tokens de Login.razor.css */
[b-8z724vdtq0] .login-field,
[b-8z724vdtq0] .upload-field {
display: flex;
flex-direction: column;
gap: 8px;
}
[b-8z724vdtq0] .login-field span,
[b-8z724vdtq0] .upload-field > span {
font-size: 0.78rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--color-text-muted);
}
[b-8z724vdtq0] .login-field input,
[b-8z724vdtq0] .login-field select,
[b-8z724vdtq0] .login-field textarea {
min-height: 44px;
padding: 0 12px;
border-radius: 8px;
border: 1px solid var(--color-border);
background: var(--color-surface-raised);
font: inherit;
color: var(--color-text);
}
[b-8z724vdtq0] .login-field input:focus,
[b-8z724vdtq0] .login-field select:focus,
[b-8z724vdtq0] .login-field textarea:focus {
outline: none;
border-color: var(--color-accent);
box-shadow: 0 0 0 1px var(--color-accent-soft);
}
[b-8z724vdtq0] .login-field textarea {
min-height: 100px;
padding-top: 10px;
resize: vertical;
}
[b-8z724vdtq0] .upload-field small {
color: var(--color-text-muted);
}
/* Mensajes de formulario (antes duplicados, con huecos, en Tecnicos/Gafetes/MovimientoHerramientaForm) */
[b-8z724vdtq0] .form-message {
margin: 0;
padding: 12px 14px;
border-radius: 8px;
line-height: 1.6;
font-size: 0.88rem;
}
[b-8z724vdtq0] .form-message-error {
background: var(--color-danger-soft);
color: var(--color-danger);
}
[b-8z724vdtq0] .form-message-success {
background: var(--color-accent-soft);
color: var(--color-accent);
}
[b-8z724vdtq0] .form-actions {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
/* Tarjeta secundaria (antes .result-card / .detail-card duplicados por página) */
[b-8z724vdtq0] .result-card,
[b-8z724vdtq0] .detail-card {
display: flex;
flex-direction: column;
gap: 10px;
padding: 18px;
border-radius: 10px;
background: var(--color-surface-raised);
border: 1px solid var(--color-border);
line-height: 1.8;
}
[b-8z724vdtq0] .result-card p,
[b-8z724vdtq0] .detail-card p {
margin: 0 0 8px;
color: var(--color-text-secondary);
}
/* Tablas (antes solo definidas en Home.razor.css; nunca llegaban, por
aislamiento de Blazor, a Tecnicos/Herramientas/detalles) */
[b-8z724vdtq0] .operations-table,
[b-8z724vdtq0] .compact-table {
width: 100%;
border-collapse: collapse;
}
[b-8z724vdtq0] .operations-table th,
[b-8z724vdtq0] .compact-table th {
text-align: left;
padding: 10px 12px;
font-family: "IBM Plex Mono", monospace;
text-transform: uppercase;
letter-spacing: 0.08em;
font-size: 0.72rem;
font-weight: 600;
color: var(--color-text-muted);
border-bottom: 1px solid var(--color-border);
}
[b-8z724vdtq0] .operations-table td,
[b-8z724vdtq0] .compact-table td {
padding: 12px;
border-bottom: 1px solid var(--color-border);
color: var(--color-text-secondary);
font-size: 0.92rem;
}
[b-8z724vdtq0] .operations-table tbody tr:hover,
[b-8z724vdtq0] .compact-table tbody tr:hover {
background: var(--color-surface-raised);
}
@media (max-width: 720px) {
/* Antes solo definido en Home.razor.css: el stacking de .portal-hero en
mobile nunca llegó a las demás páginas que también lo usan
(Tecnicos, Herramientas, Gafetes, Prestamo, Devolucion). */
[b-8z724vdtq0] .portal-hero {
flex-direction: column;
}
[b-8z724vdtq0] .portal-hero-markers {
flex-direction: row;
}
}
.layout-loading[b-8z724vdtq0] {
min-height: 100vh;
display: grid;
place-items: center;
background: #12151a;
color: rgba(237, 234, 226, 0.62);
}
.shell[b-8z724vdtq0] {
/* Fuente única de los tokens de color: .shell es un elemento propio de
MainLayout (recibe el atributo de scope de Blazor) y es ancestro real
de todo lo que renderiza @Body, así que estas custom properties
cascadean correctamente a cualquier página hija vía var(...), sin
necesitar ::deep en cada punto de consumo. */
--color-canvas: #12151a;
--color-surface: #1b2026;
--color-surface-raised: #212830;
--color-border: rgba(237, 234, 226, 0.08);
--color-text: #edeae2;
--color-text-secondary: rgba(237, 234, 226, 0.62);
--color-text-muted: rgba(237, 234, 226, 0.4);
--color-accent: #e2a93b;
--color-accent-soft: rgba(226, 169, 59, 0.14);
--color-danger: #e2703b;
--color-danger-soft: rgba(226, 112, 59, 0.14);
min-height: 100vh;
display: grid;
grid-template-columns: 264px minmax(0, 1fr);
background: var(--color-canvas);
}
.sidebar[b-8z724vdtq0] {
padding: 28px 20px;
background: var(--color-surface);
color: var(--color-text);
border-right: 1px solid var(--color-border);
display: flex;
flex-direction: column;
gap: 32px;
}
.brand-panel[b-8z724vdtq0] {
display: flex;
gap: 14px;
align-items: center;
}
.brand-mark[b-8z724vdtq0] {
display: flex;
flex-direction: column;
gap: 6px;
flex-shrink: 0;
}
.brand-square[b-8z724vdtq0] {
width: 18px;
height: 18px;
border-radius: 4px;
}
.brand-square-accent[b-8z724vdtq0] {
background: var(--color-accent);
}
.brand-square-raised[b-8z724vdtq0] {
background: var(--color-surface-raised);
}
.brand-square-outline[b-8z724vdtq0] {
border: 1.5px solid var(--color-border);
}
.brand-kicker[b-8z724vdtq0],
.workspace-kicker[b-8z724vdtq0] {
margin: 0;
text-transform: uppercase;
letter-spacing: 0.18em;
font-family: "IBM Plex Mono", monospace;
font-size: 0.7rem;
}
.brand-kicker[b-8z724vdtq0] {
color: var(--color-accent);
margin-bottom: 4px;
}
.brand-name[b-8z724vdtq0] {
margin: 0;
font-family: "Space Grotesk", sans-serif;
font-size: 1.25rem;
line-height: 1.15;
font-weight: 600;
color: var(--color-text);
}
.sidebar-nav[b-8z724vdtq0] {
display: flex;
flex-direction: column;
gap: 4px;
}
.nav-link[b-8z724vdtq0] {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 12px;
border-radius: 6px;
border-left: 2px solid transparent;
color: var(--color-text-secondary);
transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}
.nav-link:hover[b-8z724vdtq0] {
background: var(--color-surface-raised);
color: var(--color-text);
}
.nav-link-active[b-8z724vdtq0] {
background: var(--color-surface-raised);
color: var(--color-text);
border-left-color: var(--color-accent);
}
.nav-icon[b-8z724vdtq0] {
display: inline-flex;
width: 20px;
height: 20px;
flex-shrink: 0;
}
.nav-icon svg[b-8z724vdtq0] {
width: 100%;
height: 100%;
}
.main-area[b-8z724vdtq0] {
display: flex;
flex-direction: column;
min-width: 0;
}
.topbar[b-8z724vdtq0] {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 14px 28px;
background: var(--color-surface);
border-bottom: 1px solid var(--color-border);
flex-wrap: wrap;
}
.topbar-meta[b-8z724vdtq0] {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.topbar-session[b-8z724vdtq0] {
display: flex;
align-items: center;
gap: 12px;
}
.topbar-session-info[b-8z724vdtq0] {
text-align: right;
}
.topbar-session-name[b-8z724vdtq0] {
margin: 0;
font-size: 0.88rem;
font-weight: 600;
color: var(--color-text);
}
.topbar-session-email[b-8z724vdtq0] {
margin: 0;
font-size: 0.78rem;
color: var(--color-text-muted);
}
.avatar[b-8z724vdtq0] {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
background: var(--color-accent-soft);
color: var(--color-accent);
font-family: "Space Grotesk", sans-serif;
font-weight: 600;
font-size: 0.82rem;
flex-shrink: 0;
}
.sidebar-logout[b-8z724vdtq0] {
min-height: 36px;
padding: 0 14px;
border: 1px solid var(--color-border);
border-radius: 6px;
background: transparent;
color: var(--color-text-secondary);
font: inherit;
font-weight: 600;
font-size: 0.82rem;
cursor: pointer;
}
.sidebar-logout:hover[b-8z724vdtq0] {
border-color: var(--color-accent);
color: var(--color-accent);
}
.workspace[b-8z724vdtq0] {
padding: 28px;
flex: 1;
}
.workspace-header[b-8z724vdtq0] {
margin-bottom: 24px;
}
.workspace-kicker[b-8z724vdtq0] {
color: var(--color-accent);
margin-bottom: 8px;
}
.workspace-title[b-8z724vdtq0] {
margin: 0;
font-family: "Space Grotesk", sans-serif;
font-size: clamp(1.6rem, 2.6vw, 2.2rem);
font-weight: 600;
letter-spacing: -0.01em;
color: var(--color-text);
}
.workspace-badge[b-8z724vdtq0] {
display: inline-flex;
align-items: center;
padding: 8px 12px;
border-radius: 6px;
background: var(--color-surface-raised);
color: var(--color-text-secondary);
font-size: 0.8rem;
font-weight: 600;
border: 1px solid var(--color-border);
}
.workspace-badge-soft[b-8z724vdtq0] {
background: transparent;
color: var(--color-text-muted);
border-color: transparent;
}
.content[b-8z724vdtq0] {
min-width: 0;
}
@media (max-width: 1080px) {
.shell[b-8z724vdtq0] {
grid-template-columns: 1fr;
}
.sidebar[b-8z724vdtq0] {
border-right: none;
border-bottom: 1px solid var(--color-border);
flex-direction: row;
align-items: center;
flex-wrap: wrap;
gap: 16px;
}
.sidebar-nav[b-8z724vdtq0] {
flex-direction: row;
flex-wrap: wrap;
}
.workspace[b-8z724vdtq0] {
padding: 22px;
}
}
@media (max-width: 720px) {
.topbar[b-8z724vdtq0] {
flex-direction: column;
align-items: stretch;
}
.topbar-session[b-8z724vdtq0] {
justify-content: space-between;
}
.sidebar[b-8z724vdtq0] {
padding: 20px 16px;
}
.workspace[b-8z724vdtq0] {
padding: 18px;
}
}
/* _content/Herramientas.Web/Components/Pages/Devolucion.razor.rz.scp.css */
.movement-grid[b-sn5g1n4qdh] {
display: grid;
grid-template-columns: 1.2fr 0.8fr;
gap: 16px;
}
@media (max-width: 960px) {
.movement-grid[b-sn5g1n4qdh] {
grid-template-columns: 1fr;
}
}
/* _content/Herramientas.Web/Components/Pages/Gafetes.razor.rz.scp.css */
.gafete-grid[b-ebb50uv8e2] {
display: grid;
grid-template-columns: 0.9fr 1.1fr;
gap: 16px;
}
.movement-form[b-ebb50uv8e2] form {
display: flex;
flex-direction: column;
gap: 16px;
}
.gafete-result[b-ebb50uv8e2] {
display: flex;
flex-direction: column;
gap: 14px;
}
.gafete-preview[b-ebb50uv8e2] {
width: 100%;
max-width: 420px;
border-radius: 10px;
border: 1px solid var(--color-border);
background: var(--color-surface-raised);
padding: 12px;
}
@media (max-width: 960px) {
.gafete-grid[b-ebb50uv8e2] {
grid-template-columns: 1fr;
}
}
/* _content/Herramientas.Web/Components/Pages/Herramientas.razor.rz.scp.css */
.tecnicos-grid[b-1v88n6hqpz] {
display: grid;
grid-template-columns: 1.1fr 0.9fr;
gap: 16px;
margin-bottom: 20px;
}
.tecnico-form[b-1v88n6hqpz] {
display: flex;
flex-direction: column;
gap: 16px;
}
.filter-toolbar[b-1v88n6hqpz] {
display: flex;
gap: 12px;
align-items: end;
flex-wrap: wrap;
}
.filter-field[b-1v88n6hqpz] {
min-width: 220px;
flex: 1 1 220px;
}
.table-link[b-1v88n6hqpz] {
color: var(--color-accent);
font-weight: 600;
text-decoration: none;
}
.table-link:hover[b-1v88n6hqpz] {
text-decoration: underline;
}
@media (max-width: 1100px) {
.tecnicos-grid[b-1v88n6hqpz] {
grid-template-columns: 1fr;
}
}
/* _content/Herramientas.Web/Components/Pages/Home.razor.rz.scp.css */
.summary-grid[b-rktujdtngz] {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
margin-bottom: 20px;
}
.insight-grid[b-rktujdtngz] {
display: grid;
grid-template-columns: 1.25fr 0.95fr;
gap: 16px;
margin-bottom: 20px;
}
.mix-layout[b-rktujdtngz] {
display: grid;
grid-template-columns: minmax(0, 1fr) 240px;
gap: 22px;
align-items: center;
}
.mix-visual[b-rktujdtngz] {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
.ring-chart[b-rktujdtngz] {
width: 180px;
height: 180px;
border-radius: 50%;
background: conic-gradient(var(--color-accent) 0 74%, var(--color-surface-raised) 74% 90%, var(--color-border) 90% 100%);
display: grid;
place-items: center;
}
.ring-chart-inner[b-rktujdtngz] {
width: 110px;
height: 110px;
border-radius: 50%;
background: var(--color-surface);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: var(--color-text);
}
.ring-chart-inner strong[b-rktujdtngz] {
font-family: "Space Grotesk", sans-serif;
font-size: 1.8rem;
font-weight: 600;
line-height: 1;
}
.legend-stack[b-rktujdtngz] {
display: flex;
flex-direction: column;
gap: 10px;
width: 100%;
}
.legend-row[b-rktujdtngz] {
display: flex;
align-items: center;
gap: 10px;
}
.legend-dot[b-rktujdtngz] {
width: 10px;
height: 10px;
border-radius: 999px;
}
.legend-dot-success[b-rktujdtngz] {
background: var(--color-accent);
}
.legend-dot-cobre[b-rktujdtngz] {
background: var(--color-surface-raised);
}
.legend-dot-dark[b-rktujdtngz] {
background: var(--color-border);
}
.review-stack[b-rktujdtngz] {
display: flex;
flex-direction: column;
gap: 14px;
}
.review-item[b-rktujdtngz] {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 14px;
padding: 16px;
border-radius: 10px;
background: var(--color-surface-raised);
border: 1px solid var(--color-border);
}
.review-item strong[b-rktujdtngz] {
display: block;
margin-bottom: 6px;
color: var(--color-text);
}
.review-item p[b-rktujdtngz] {
margin: 0;
line-height: 1.65;
color: var(--color-text-secondary);
}
.filter-chip-row[b-rktujdtngz],
.filter-action-row[b-rktujdtngz] {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.table-section[b-rktujdtngz] {
margin-top: 20px;
}
.actions-cell[b-rktujdtngz] {
color: var(--color-accent);
font-weight: 600;
}
@media (max-width: 1200px) {
.summary-grid[b-rktujdtngz] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.insight-grid[b-rktujdtngz],
.mix-layout[b-rktujdtngz] {
grid-template-columns: 1fr;
}
}
@media (max-width: 720px) {
.review-item[b-rktujdtngz] {
flex-direction: column;
}
.summary-grid[b-rktujdtngz] {
grid-template-columns: 1fr;
}
}
/* _content/Herramientas.Web/Components/Pages/Login.razor.rz.scp.css */
.login-card[b-3bvju6uve3] {
position: relative;
width: min(440px, 100%);
padding: 36px 32px 32px;
border-radius: 4px;
background: #1b2026;
border: 1px solid rgba(237, 234, 226, 0.08);
clip-path: polygon(0 20px, 20px 0, 100% 0, 100% 100%, 0 100%);
}
.login-card[b-3bvju6uve3]::before {
content: "";
position: absolute;
top: 0;
left: 20px;
right: 0;
height: 2px;
background: #e2a93b;
}
.login-kicker[b-3bvju6uve3] {
margin: 4px 0 10px;
text-transform: uppercase;
letter-spacing: 0.18em;
font-family: "IBM Plex Mono", monospace;
font-size: 0.72rem;
color: #e2a93b;
}
.login-title[b-3bvju6uve3] {
margin: 0;
font-family: "Space Grotesk", sans-serif;
font-weight: 600;
font-size: clamp(1.5rem, 3vw, 1.9rem);
line-height: 1.15;
letter-spacing: -0.01em;
color: #edeae2;
}
.login-description[b-3bvju6uve3] {
margin: 14px 0 0;
line-height: 1.7;
font-size: 0.92rem;
color: rgba(237, 234, 226, 0.62);
}
.login-form[b-3bvju6uve3] {
display: grid;
grid-template-columns: 1fr;
gap: 14px;
margin-top: 26px;
}
.login-field[b-3bvju6uve3] {
display: flex;
flex-direction: column;
gap: 8px;
}
.login-field span[b-3bvju6uve3] {
font-size: 0.78rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.06em;
color: rgba(237, 234, 226, 0.5);
}
.login-field input[b-3bvju6uve3],
.login-field select[b-3bvju6uve3] {
min-height: 44px;
border: 1px solid rgba(237, 234, 226, 0.12);
border-radius: 4px;
padding: 0 12px;
background: #14181d;
color: #edeae2;
font: inherit;
}
.login-field input:focus[b-3bvju6uve3],
.login-field select:focus[b-3bvju6uve3] {
outline: none;
border-color: #e2a93b;
box-shadow: 0 0 0 1px rgba(226, 169, 59, 0.3);
}
.login-field:has(input[name="totp"]) input[b-3bvju6uve3] {
font-family: "IBM Plex Mono", monospace;
font-size: 1.1rem;
letter-spacing: 0.4em;
text-align: center;
font-variant-numeric: tabular-nums;
border-color: rgba(226, 169, 59, 0.3);
}
.login-actions[b-3bvju6uve3] {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-top: 4px;
}
.login-error[b-3bvju6uve3] {
margin: 0;
padding: 10px 12px;
border-radius: 4px;
background: rgba(226, 112, 59, 0.12);
color: #f0a67c;
font-size: 0.86rem;
font-weight: 500;
}
.form-message-success[b-3bvju6uve3] {
margin: 0;
padding: 10px 12px;
border-radius: 4px;
background: rgba(226, 169, 59, 0.1);
color: #f0c26e;
font-size: 0.86rem;
font-weight: 500;
}
.login-btn[b-3bvju6uve3] {
min-height: 44px;
padding: 0 18px;
border-radius: 4px;
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
border: none;
font: inherit;
font-weight: 600;
cursor: pointer;
}
.login-btn-primary[b-3bvju6uve3] {
background: #e2a93b;
color: #14181d;
}
.login-btn-primary:hover[b-3bvju6uve3] {
background: #eebb5c;
}
.login-btn-secondary[b-3bvju6uve3] {
background: transparent;
color: rgba(237, 234, 226, 0.7);
border: 1px solid rgba(237, 234, 226, 0.14);
}
.login-btn-secondary:hover[b-3bvju6uve3] {
border-color: rgba(237, 234, 226, 0.3);
}
.login-note[b-3bvju6uve3] {
margin-top: 22px;
padding: 14px 16px;
border-radius: 4px;
background: #14181d;
border-left: 2px solid #e2a93b;
}
.login-note-title[b-3bvju6uve3] {
margin: 0 0 6px;
font-family: "IBM Plex Mono", monospace;
text-transform: uppercase;
letter-spacing: 0.14em;
font-size: 0.68rem;
color: rgba(237, 234, 226, 0.5);
}
.login-note-copy[b-3bvju6uve3] {
margin: 0;
font-size: 0.86rem;
color: rgba(237, 234, 226, 0.6);
line-height: 1.6;
}
@media (max-width: 720px) {
.login-card[b-3bvju6uve3] {
padding: 28px 22px;
}
}
/* _content/Herramientas.Web/Components/Pages/Prestamo.razor.rz.scp.css */
.movement-grid[b-6qqzerzwxi] {
display: grid;
grid-template-columns: 1.2fr 0.8fr;
gap: 16px;
}
@media (max-width: 960px) {
.movement-grid[b-6qqzerzwxi] {
grid-template-columns: 1fr;
}
}
/* _content/Herramientas.Web/Components/Pages/Tecnicos.razor.rz.scp.css */
.tecnicos-grid[b-ry97ewo8xw] {
display: grid;
grid-template-columns: 1.2fr 0.8fr;
gap: 16px;
}
.tecnico-form[b-ry97ewo8xw] {
display: flex;
flex-direction: column;
gap: 16px;
}
.consent-row[b-ry97ewo8xw] {
display: flex;
gap: 12px;
align-items: flex-start;
}
.filter-toolbar[b-ry97ewo8xw] {
display: flex;
gap: 12px;
align-items: end;
flex-wrap: wrap;
}
.filter-field[b-ry97ewo8xw] {
min-width: 220px;
flex: 1 1 220px;
}
.table-link[b-ry97ewo8xw] {
color: var(--color-accent);
font-weight: 600;
text-decoration: none;
}
.table-link:hover[b-ry97ewo8xw] {
text-decoration: underline;
}
@media (max-width: 960px) {
.tecnicos-grid[b-ry97ewo8xw] {
grid-template-columns: 1fr;
}
}
/* _content/Herramientas.Web/Components/Shared/FilterField.razor.rz.scp.css */
.filter-field[b-9ioiymozyw] {
display: flex;
flex-direction: column;
gap: 8px;
}
.filter-field-label[b-9ioiymozyw] {
font-size: 0.78rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--color-text-muted);
}
.filter-field-control[b-9ioiymozyw] {
width: 100%;
min-height: 44px;
border: 1px solid var(--color-border);
border-radius: 8px;
padding: 0 12px;
background: var(--color-surface-raised);
color: var(--color-text);
font: inherit;
}
.filter-field-control:focus[b-9ioiymozyw] {
outline: none;
border-color: var(--color-accent);
box-shadow: 0 0 0 1px var(--color-accent-soft);
}
/* _content/Herramientas.Web/Components/Shared/FilterToolbar.razor.rz.scp.css */
.filter-toolbar[b-qdh8nw7qcq] {
padding: 18px;
border-radius: 12px;
background: var(--color-surface);
border: 1px solid var(--color-border);
}
.filter-toolbar-grid[b-qdh8nw7qcq] {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 14px;
}
.filter-toolbar-footer[b-qdh8nw7qcq] {
margin-top: 14px;
display: flex;
justify-content: space-between;
gap: 14px;
flex-wrap: wrap;
}
@media (max-width: 1200px) {
.filter-toolbar-grid[b-qdh8nw7qcq] {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 720px) {
.filter-toolbar-grid[b-qdh8nw7qcq] {
grid-template-columns: 1fr;
}
}
/* _content/Herramientas.Web/Components/Shared/MovimientoHerramientaForm.razor.rz.scp.css */
.movement-form[b-idn1g10k80] form {
display: flex;
flex-direction: column;
gap: 16px;
}
/* _content/Herramientas.Web/Components/Shared/PortalPanel.razor.rz.scp.css */
.portal-panel[b-hogr9vgbio] {
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: 12px;
padding: 22px;
}
.portal-panel-header[b-hogr9vgbio] {
display: flex;
justify-content: space-between;
gap: 18px;
align-items: start;
margin-bottom: 18px;
}
.portal-panel-kicker[b-hogr9vgbio] {
margin: 0 0 8px;
text-transform: uppercase;
letter-spacing: 0.18em;
font-family: "IBM Plex Mono", monospace;
font-size: 0.74rem;
color: var(--color-accent);
}
.portal-panel-title[b-hogr9vgbio] {
margin: 0;
font-family: "Space Grotesk", sans-serif;
font-size: 1.35rem;
font-weight: 600;
letter-spacing: -0.01em;
color: var(--color-text);
}
.portal-panel-actions[b-hogr9vgbio] {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.portal-panel-body[b-hogr9vgbio] {
min-width: 0;
}
@media (max-width: 720px) {
.portal-panel-header[b-hogr9vgbio] {
flex-direction: column;
}
}
/* _content/Herramientas.Web/Components/Shared/StatusBadge.razor.rz.scp.css */
.status-badge[b-4zoorpha33] {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 26px;
max-width: 220px;
padding: 4px 10px;
border-radius: 6px;
font-size: 0.76rem;
font-weight: 600;
line-height: 1.3;
text-align: center;
white-space: normal;
}
.status-badge-default[b-4zoorpha33] {
background: var(--color-surface);
color: var(--color-text-secondary);
}
.status-badge-dark[b-4zoorpha33] {
background: var(--color-surface);
color: var(--color-text-secondary);
}
.status-badge-cobre[b-4zoorpha33] {
background: var(--color-surface-raised);
color: var(--color-text-secondary);
}
.status-badge-success[b-4zoorpha33] {
background: var(--color-accent-soft);
color: var(--color-accent);
}
.status-badge-danger[b-4zoorpha33] {
background: var(--color-danger-soft);
color: var(--color-danger);
}
/* _content/Herramientas.Web/Components/Shared/SummaryCard.razor.rz.scp.css */
.summary-card[b-1dsxaaiw1o] {
background: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: 12px;
padding: 22px;
}
.summary-card-emphasis[b-1dsxaaiw1o] {
background: var(--color-surface-raised);
border-color: var(--color-accent-soft);
}
.summary-card-top[b-1dsxaaiw1o] {
display: flex;
justify-content: space-between;
gap: 12px;
align-items: center;
}
.summary-card-label[b-1dsxaaiw1o] {
margin: 0;
text-transform: uppercase;
letter-spacing: 0.18em;
font-family: "IBM Plex Mono", monospace;
font-size: 0.74rem;
color: var(--color-accent);
}
.summary-card-emphasis .summary-card-label[b-1dsxaaiw1o] {
color: var(--color-accent);
}
.summary-card-trend[b-1dsxaaiw1o] {
padding: 6px 10px;
border-radius: 6px;
background: var(--color-surface-raised);
color: var(--color-text-secondary);
font-size: 0.76rem;
font-weight: 600;
}
.summary-card-emphasis .summary-card-trend[b-1dsxaaiw1o] {
background: var(--color-accent-soft);
color: var(--color-accent);
}
.summary-card-value[b-1dsxaaiw1o] {
margin: 16px 0 10px;
font-family: "Space Grotesk", sans-serif;
font-size: clamp(1.8rem, 2.6vw, 2.4rem);
font-weight: 600;
line-height: 1;
color: var(--color-text);
}
.summary-card-description[b-1dsxaaiw1o] {
margin: 0;
line-height: 1.7;
color: var(--color-text-secondary);
}
.summary-card-emphasis .summary-card-description[b-1dsxaaiw1o] {
color: var(--color-text-secondary);
}
/* _content/Herramientas.Web/Components/Shared/TableShell.razor.rz.scp.css */
.table-shell[b-3uzn7bemmq] {
padding: 18px;
border-radius: 12px;
background: var(--color-surface);
border: 1px solid var(--color-border);
}
.table-shell-header[b-3uzn7bemmq] {
display: flex;
justify-content: space-between;
gap: 16px;
align-items: start;
margin-bottom: 14px;
}
.table-shell-title[b-3uzn7bemmq] {
margin: 0;
font-family: "Space Grotesk", sans-serif;
font-size: 1.1rem;
font-weight: 600;
color: var(--color-text);
}
.table-shell-subtitle[b-3uzn7bemmq] {
margin: 6px 0 0;
color: var(--color-text-secondary);
line-height: 1.6;
}
.table-shell-actions[b-3uzn7bemmq] {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.table-shell-body[b-3uzn7bemmq] {
overflow: auto;
}
@media (max-width: 720px) {
.table-shell-header[b-3uzn7bemmq] {
flex-direction: column;
}
}