/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.login-shell[b-y3vjadc0pg] {
    position: relative;
    min-height: 100vh;
    min-height: 100dvh;
    display: grid;
    place-items: center;
    overflow: hidden;
    padding: 32px;
    isolation: isolate;
    background:
        radial-gradient(circle at 18% 8%, rgba(0, 208, 255, .11), transparent 34%),
        radial-gradient(circle at 88% 88%, rgba(17, 92, 255, .12), transparent 38%),
        linear-gradient(145deg, #02070d 0%, #06131e 52%, #02080f 100%);
}

.login-layout-content[b-y3vjadc0pg] {
    position: relative;
    z-index: 2;
    width: min(1040px, 100%);
}

.login-layout-content[b-y3vjadc0pg]  .login-experience .login-card {
    background: rgba(6, 16, 26, .72) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.login-layout-content[b-y3vjadc0pg]  .login-experience {
    border: 1px solid rgba(90, 219, 255, .12) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .45) !important;
}

.login-layout-content[b-y3vjadc0pg]  .login-experience .login-kicker,
.login-layout-content[b-y3vjadc0pg]  .login-experience .login-system-logo,
.login-layout-content[b-y3vjadc0pg]  .login-experience .login-error,
.login-layout-content[b-y3vjadc0pg]  .login-experience .login-success,
.login-layout-content[b-y3vjadc0pg]  .login-experience .login-secondary-link {
    background: transparent !important;
}

.login-ambient[b-y3vjadc0pg],
.login-grid[b-y3vjadc0pg],
.login-scanline[b-y3vjadc0pg] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.login-ambient[b-y3vjadc0pg] {
    z-index: 0;
    overflow: hidden;
}

.login-grid[b-y3vjadc0pg] {
    inset: -80px;
    opacity: .28;
    background-image:
        linear-gradient(rgba(54, 216, 255, .11) 1px, transparent 1px),
        linear-gradient(90deg, rgba(54, 216, 255, .11) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: radial-gradient(ellipse at center, #000 10%, transparent 72%);
    animation: login-grid-drift-b-y3vjadc0pg 24s linear infinite;
    transform: perspective(700px) rotateX(58deg) translateY(29%);
    transform-origin: center bottom;
}

.login-orb[b-y3vjadc0pg] {
    position: absolute;
    width: 430px;
    aspect-ratio: 1;
    border-radius: 50%;
    filter: blur(95px);
    opacity: .14;
    will-change: transform;
}

.login-orb-primary[b-y3vjadc0pg] {
    top: -180px;
    left: -120px;
    background: #00d9ff;
    animation: login-orb-float-b-y3vjadc0pg 15s ease-in-out infinite alternate;
}

.login-orb-secondary[b-y3vjadc0pg] {
    right: -190px;
    bottom: -190px;
    background: #0b55ff;
    animation: login-orb-float-b-y3vjadc0pg 18s ease-in-out -5s infinite alternate-reverse;
}

.login-scanline[b-y3vjadc0pg] {
    height: 1px;
    top: 16%;
    opacity: .25;
    background: linear-gradient(90deg, transparent, rgba(91, 228, 255, .55), transparent);
    box-shadow: 0 0 18px rgba(0, 216, 255, .3);
    animation: login-scan-b-y3vjadc0pg 11s ease-in-out infinite;
}

@keyframes login-grid-drift-b-y3vjadc0pg {
    to { background-position: 56px 56px; }
}

@keyframes login-orb-float-b-y3vjadc0pg {
    to { transform: translate3d(65px, 42px, 0) scale(1.12); }
}

@keyframes login-scan-b-y3vjadc0pg {
    0%, 100% { transform: translateY(-12vh); opacity: 0; }
    15%, 85% { opacity: .25; }
    50% { transform: translateY(68vh); }
}

@media (max-width: 720px) {
    .login-shell[b-y3vjadc0pg] { padding: 18px; align-items: start; overflow: auto; }
    .login-layout-content[b-y3vjadc0pg] { margin: auto 0; }
}

@media (prefers-reduced-motion: reduce) {
    .login-grid[b-y3vjadc0pg],
    .login-orb[b-y3vjadc0pg],
    .login-scanline[b-y3vjadc0pg] { animation: none; }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-hg4wtdlss3] { color-scheme: light only; background: #fff4e5; bottom: 0; box-shadow: 0 -1px 2px rgba(0,0,0,.2); box-sizing: border-box; display: none; left: 0; padding: .7rem 1.25rem; position: fixed; width: 100%; z-index: 1000; }
.app-shell[b-hg4wtdlss3] { min-height: 100vh; display: flex; background: #f4f6f8; color: #172033; }
.app-sidebar[b-hg4wtdlss3] { width: 248px; flex: 0 0 248px; background: #10233f; color: #d7e0ea; display: flex; flex-direction: column; padding: 24px 14px 18px; }
.brand[b-hg4wtdlss3] { display: flex; align-items: center; gap: 11px; padding: 0 10px 30px; color: #fff; }.brand-mark[b-hg4wtdlss3] { width: 42px; height: 42px; border-radius: 11px; display: grid; place-items: center; background: #f59e0b; color: #10233f; font-weight: 800; }.brand strong[b-hg4wtdlss3] { display: block; font-size: 19px; }.brand span[b-hg4wtdlss3] { display: block; color: #d7e5f3; font-size: 14px; font-weight: 700; line-height: 1.2; margin-top: 3px; }
.main-nav[b-hg4wtdlss3] { display: flex; flex-direction: column; gap: 4px; }.nav-section[b-hg4wtdlss3] { color: #8297ad; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; margin: 10px 12px 7px; }.main-nav[b-hg4wtdlss3]  a { display: flex; align-items: center; gap: 10px; color: #d7e0ea; text-decoration: none; padding: 11px 12px; border-radius: 9px; font-size: 14px; transition: color .15s ease, background .15s ease, transform .15s ease; }.main-nav[b-hg4wtdlss3]  a:hover, .main-nav[b-hg4wtdlss3]  a.active { color: #fff; background: #274765; }.main-nav[b-hg4wtdlss3]  a:hover { transform: translateX(2px); }.main-nav[b-hg4wtdlss3]  .nav-link-mark { display: grid; width: 20px; height: 20px; min-width: 20px; flex: 0 0 20px; color: #9eb4c9; }.main-nav[b-hg4wtdlss3]  a:hover .nav-link-mark, .main-nav[b-hg4wtdlss3]  a.active .nav-link-mark { color: #7dd3fc; }.main-nav[b-hg4wtdlss3]  a.nav-link-superadmin .nav-link-mark { color: #f8d47a; }.nav-link-label[b-hg4wtdlss3] { min-width: 0; }
.main-nav[b-hg4wtdlss3]  a.nav-link-superadmin { color: #f8d47a; background: rgba(245, 158, 11, .07); border-left: 2px solid rgba(245, 158, 11, .58); }
.main-nav[b-hg4wtdlss3]  a.nav-link-superadmin:hover, .main-nav[b-hg4wtdlss3]  a.nav-link-superadmin.active { color: #fff4cc; background: rgba(245, 158, 11, .2); }
.nav-section-superadmin[b-hg4wtdlss3] { color: #e7b84b; }
.nav-link-admin-badge[b-hg4wtdlss3] { margin-left: auto; padding: 2px 5px; border: 1px solid rgba(248, 212, 122, .45); border-radius: 999px; color: #f8d47a; font-size: 8px; font-weight: 800; letter-spacing: .05em; }
.nav-link-status-pending[b-hg4wtdlss3] { margin-left: auto; padding: 2px 5px; border: 1px solid rgba(251, 191, 36, .42); border-radius: 999px; color: #fcd34d; background: rgba(146, 64, 14, .22); font-size: 7px; font-weight: 900; letter-spacing: .03em; white-space: nowrap; }
.nav-link-status-preview[b-hg4wtdlss3] { margin-left: auto; padding: 2px 5px; border: 1px solid rgba(147, 197, 253, .4); border-radius: 999px; color: #bfdbfe; background: rgba(30, 64, 175, .2); font-size: 7px; font-weight: 900; letter-spacing: .03em; white-space: nowrap; }
.sidebar-status[b-hg4wtdlss3] { margin-top: auto; border-radius: 9px; padding: 12px; background: #173454; color: #b9c8d7; font-size: 11px; }.sidebar-status span[b-hg4wtdlss3] { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #22c55e; margin-right: 7px; }.app-main[b-hg4wtdlss3] { flex: 1; min-width: 0; }.topbar[b-hg4wtdlss3] { min-height: 72px; display: flex; align-items: center; justify-content: space-between; padding: 0 26px; background: #fff; border-bottom: 1px solid #e4e7ec; position: relative; z-index: 1200; }.eyebrow[b-hg4wtdlss3] { color: #667085; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }.topbar h1[b-hg4wtdlss3] { margin: 2px 0 0; color: #10233f; font-size: 20px; }.user-chip[b-hg4wtdlss3] { display: flex; align-items: center; gap: 7px; color: #344054; font-size: 12px; }.user-chip strong[b-hg4wtdlss3], .user-chip small[b-hg4wtdlss3] { display: block; }.user-chip small[b-hg4wtdlss3] { color: #667085; font-size: 10px; margin-top: 1px; }.avatar[b-hg4wtdlss3] { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: #10233f; color: #fff; font-size: 10px; font-weight: 700; }.page-content[b-hg4wtdlss3] { padding: 26px 30px 34px; }
.logout-button[b-hg4wtdlss3] { border: 1px solid #d0d5dd; background: #fff; color: #344054; border-radius: 6px; padding: 5px 8px; cursor: pointer; font-size: 11px; }
.route-message[b-hg4wtdlss3] { background: #fff; border: 1px solid #e4e7ec; border-radius: 10px; padding: 28px; }.route-message h2[b-hg4wtdlss3] { margin-top: 0; color: #10233f; }.route-message a[b-hg4wtdlss3] { color: #2563eb; }
@media (max-width: 800px) { .app-sidebar[b-hg4wtdlss3] { width: 76px; flex-basis: 76px; padding: 18px 8px; }.brand[b-hg4wtdlss3] { padding: 0 8px 24px; }.brand > div:last-child[b-hg4wtdlss3], .nav-section[b-hg4wtdlss3] { font-size: 0; }.main-nav[b-hg4wtdlss3]  a { height: 44px; justify-content: center; padding: 10px 0; font-size: 0; }.main-nav[b-hg4wtdlss3]  a .nav-link-mark { display: block; font-size: 12px; }.main-nav[b-hg4wtdlss3]  a .nav-link-label { display: none; }.sidebar-status[b-hg4wtdlss3] { font-size: 0; text-align: center; }.topbar[b-hg4wtdlss3] { padding: 0 18px; }.page-content[b-hg4wtdlss3] { padding: 22px 18px; } }
.aiventas-system-logo[b-hg4wtdlss3] { width: 78px; height: 78px; flex: 0 0 78px; object-fit: contain; border-radius: 0; background: transparent; filter: drop-shadow(0 5px 12px rgba(0,194,218,.16)); }.topbar-brand[b-hg4wtdlss3] { display: flex; align-items: center; gap: 14px; }.topbar-company-logo[b-hg4wtdlss3] { width: 64px; height: 64px; flex: 0 0 64px; object-fit: contain; border: 0; border-radius: 0; background: transparent; padding: 0; }.topbar-company-monogram[b-hg4wtdlss3] { width: 60px; height: 60px; display: grid; place-items: center; border-radius: 13px; background: #eaf2fb; border: 1px solid #c9d9eb; color: #173454; font-size: 15px; font-weight: 800; letter-spacing: .04em; }
.aiventas-system-logo-shell[b-hg4wtdlss3],
.topbar-company-logo-shell[b-hg4wtdlss3] {
    position: relative;
    display: grid;
    place-items: center;
}

.aiventas-system-logo-shell[b-hg4wtdlss3] {
    width: 86px;
    height: 86px;
    flex: 0 0 86px;
    isolation: isolate;
    animation: sidebar-logo-breathe-b-hg4wtdlss3 5.6s ease-in-out 1.05s infinite;
}
.topbar-company-logo-shell[b-hg4wtdlss3] {
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    isolation: isolate;
    animation: company-logo-breathe-b-hg4wtdlss3 6.2s ease-in-out 1.1s infinite;
}

.topbar-company-logo-shell[b-hg4wtdlss3]::before {
    content: "";
    position: absolute;
    inset: -8px;
    z-index: -1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(96, 165, 250, .22), rgba(96, 165, 250, 0) 70%);
    opacity: .18;
    filter: blur(7px);
    pointer-events: none;
    animation: company-logo-glow-b-hg4wtdlss3 6.2s ease-in-out 1.1s infinite;
}

.aiventas-system-logo-shell[b-hg4wtdlss3]::before {
    content: "";
    position: absolute;
    inset: -9px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(67, 225, 255, .2) 0%, rgba(34, 211, 238, .08) 42%, rgba(34, 211, 238, 0) 72%);
    opacity: .28;
    pointer-events: none;
    z-index: -1;
    filter: blur(7px);
    animation: sidebar-logo-glow-b-hg4wtdlss3 5.6s ease-in-out 1.05s infinite;
}

.aiventas-system-logo[b-hg4wtdlss3],
.topbar-company-logo[b-hg4wtdlss3] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 12px;
    background: transparent;
    filter: drop-shadow(0 10px 14px rgba(16, 35, 63, .12));
    animation: app-logo-in-b-hg4wtdlss3 .68s cubic-bezier(.22, 1.1, .34, .99) .04s both;
    transition: transform .28s cubic-bezier(.22, 1, .36, 1), filter .28s ease;
}

.topbar-company-logo[b-hg4wtdlss3] {
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
}

.aiventas-system-logo-shell[b-hg4wtdlss3]::after,
.topbar-company-logo-shell[b-hg4wtdlss3]::after {
    content: "";
    position: absolute;
    inset: -6px;
    border-radius: 14px;
    background: radial-gradient(circle, rgba(39, 220, 255, .28), rgba(39, 220, 255, 0));
    opacity: 0;
    pointer-events: none;
    z-index: -1;
    filter: blur(8px);
    animation: logo-pulse-loop-b-hg4wtdlss3 6.4s cubic-bezier(.22, 1, .36, 1) .7s infinite;
}

.topbar-brand[b-hg4wtdlss3] { display: flex; align-items: center; gap: 14px; }

.topbar-company-logo:hover[b-hg4wtdlss3],
.aiventas-system-logo:hover[b-hg4wtdlss3] {
    transform: translateY(-2px) scale(1.035);
    filter: drop-shadow(0 13px 18px rgba(39, 137, 197, .28));
}

.topbar-company-monogram[b-hg4wtdlss3] { display: none; }
.brand[b-hg4wtdlss3] { position: relative; }
.brand-copy[b-hg4wtdlss3] { min-width: 0; flex: 1 1 auto; padding-right: 4px; }
.brand-copy strong[b-hg4wtdlss3] { max-width: 100%; white-space: nowrap; word-break: normal; overflow-wrap: normal; }
.brand-copy span[b-hg4wtdlss3] { max-width: 100%; word-break: normal; overflow-wrap: break-word; }
.app-sidebar[b-hg4wtdlss3] { position: relative; }
.sidebar-toggle[b-hg4wtdlss3] { position: absolute; top: 50%; right: -9px; z-index: 5; display: grid; place-items: center; width: 18px; height: 42px; margin: 0; transform: translateY(-50%); border: 1px solid rgba(180,204,225,.28); border-left: 0; border-radius: 0 9px 9px 0; background: rgba(23,52,84,.88); color: #c9d9e8; font-size: 16px; line-height: 1; cursor: pointer; opacity: .82; transition: width .18s ease, background .18s ease, color .18s ease, opacity .18s ease; }
.sidebar-toggle-input[b-hg4wtdlss3] { position: fixed; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.sidebar-toggle[b-hg4wtdlss3] { display: grid; place-items: center; }
.sidebar-toggle-closed[b-hg4wtdlss3] { display: none; }
.sidebar-toggle:hover[b-hg4wtdlss3] { width: 22px; background: #274765; color: #fff; opacity: 1; }
.sidebar-status-dot[b-hg4wtdlss3] { display: inline-block !important; width: 8px !important; height: 8px !important; margin-right: 7px; border-radius: 50%; background: #22c55e; }
.sidebar-status-label[b-hg4wtdlss3] { display: inline !important; width: auto !important; height: auto !important; margin: 0 !important; border-radius: 0 !important; background: transparent !important; }
.app-shell.sidebar-collapsed .app-sidebar[b-hg4wtdlss3] { width: 76px !important; flex: 0 0 76px !important; padding-left: 8px; padding-right: 8px; }
.app-shell.sidebar-collapsed .brand[b-hg4wtdlss3] { justify-content: center; padding-left: 0; padding-right: 0; }
.app-shell.sidebar-collapsed .brand-copy[b-hg4wtdlss3], .app-shell.sidebar-collapsed .nav-section[b-hg4wtdlss3], .app-shell.sidebar-collapsed .nav-link-label[b-hg4wtdlss3], .app-shell.sidebar-collapsed .sidebar-status-label[b-hg4wtdlss3] { display: none; }
.app-shell.sidebar-collapsed .nav-link-admin-badge[b-hg4wtdlss3] { display: none; }
.app-shell.sidebar-collapsed .nav-link-status-pending[b-hg4wtdlss3] { display: none; }
.app-shell.sidebar-collapsed .nav-link-status-preview[b-hg4wtdlss3] { display: none; }
.app-shell.sidebar-collapsed .brand .aiventas-system-logo-shell[b-hg4wtdlss3] { width: 58px; height: 58px; flex: 0 0 58px; }
.app-shell.sidebar-collapsed .main-nav[b-hg4wtdlss3]  a { justify-content: center; padding-left: 0; padding-right: 0; }
.app-shell.sidebar-collapsed .nav-link-mark[b-hg4wtdlss3] { display: block; min-width: 28px; }
.app-shell.sidebar-collapsed .sidebar-toggle[b-hg4wtdlss3] { right: -9px; top: 50%; width: 18px; height: 42px; border-radius: 0 9px 9px 0; }
.app-shell.sidebar-collapsed .sidebar-status[b-hg4wtdlss3] { text-align: center; padding-left: 8px; padding-right: 8px; }
.app-shell.sidebar-collapsed .sidebar-status-dot[b-hg4wtdlss3] { margin-right: 0; }
@media (max-width: 1400px) and (min-width: 801px) {
    .app-shell:not(.sidebar-collapsed) .app-sidebar[b-hg4wtdlss3] { width: 190px; flex-basis: 190px; padding-left: 9px; padding-right: 9px; }
    .app-shell:not(.sidebar-collapsed) .brand[b-hg4wtdlss3] { padding-left: 5px; padding-right: 5px; }
    .app-shell:not(.sidebar-collapsed) .brand .aiventas-system-logo-shell[b-hg4wtdlss3] { width: 62px; height: 62px; flex-basis: 62px; }
    .app-shell:not(.sidebar-collapsed) .brand[b-hg4wtdlss3] { gap: 7px; }
    .app-shell:not(.sidebar-collapsed) .brand-copy[b-hg4wtdlss3] { padding-right: 0; }
    .app-shell:not(.sidebar-collapsed) .brand-copy strong[b-hg4wtdlss3] { font-size: 16px; line-height: 1.08; }
    .app-shell:not(.sidebar-collapsed) .brand-copy span[b-hg4wtdlss3] { font-size: 13px; }
    .app-shell:not(.sidebar-collapsed) .main-nav[b-hg4wtdlss3]  a { gap: 7px; padding: 10px 8px; font-size: 12px; }
    .app-shell:not(.sidebar-collapsed) .topbar[b-hg4wtdlss3] { padding-left: 18px; padding-right: 18px; }
}
.sidebar-toggle-input:checked + .app-shell .app-sidebar[b-hg4wtdlss3] { width: 76px !important; flex: 0 0 76px !important; padding-left: 8px; padding-right: 8px; }
.sidebar-toggle-input:checked + .app-shell .brand[b-hg4wtdlss3] { justify-content: center; padding-left: 0; padding-right: 0; }
.sidebar-toggle-input:checked + .app-shell .brand-copy[b-hg4wtdlss3], .sidebar-toggle-input:checked + .app-shell .nav-section[b-hg4wtdlss3], .sidebar-toggle-input:checked + .app-shell .nav-link-label[b-hg4wtdlss3], .sidebar-toggle-input:checked + .app-shell .sidebar-status-label[b-hg4wtdlss3] { display: none; }
.sidebar-toggle-input:checked + .app-shell .nav-link-admin-badge[b-hg4wtdlss3] { display: none; }
.sidebar-toggle-input:checked + .app-shell .nav-link-status-pending[b-hg4wtdlss3] { display: none; }
.sidebar-toggle-input:checked + .app-shell .nav-link-status-preview[b-hg4wtdlss3] { display: none; }
.sidebar-toggle-input:checked + .app-shell .brand .aiventas-system-logo-shell[b-hg4wtdlss3] { width: 58px; height: 58px; flex: 0 0 58px; }
.sidebar-toggle-input:checked + .app-shell .main-nav[b-hg4wtdlss3]  a { justify-content: center; padding-left: 0; padding-right: 0; }
.sidebar-toggle-input:checked + .app-shell .nav-link-mark[b-hg4wtdlss3] { display: block; min-width: 28px; }
.sidebar-toggle-input:checked + .app-shell .sidebar-toggle[b-hg4wtdlss3] { right: -9px; top: 50%; width: 18px; height: 42px; border-radius: 0 9px 9px 0; }
.sidebar-toggle-input:checked + .app-shell .sidebar-toggle-open[b-hg4wtdlss3] { display: none; }
.sidebar-toggle-input:checked + .app-shell .sidebar-toggle-closed[b-hg4wtdlss3] { display: inline; }
.sidebar-toggle-input:checked + .app-shell .sidebar-status[b-hg4wtdlss3] { text-align: center; padding-left: 8px; padding-right: 8px; }
.sidebar-toggle-input:checked + .app-shell .sidebar-status-dot[b-hg4wtdlss3] { margin-right: 0; }
@media (max-width: 800px) { .aiventas-system-logo-shell[b-hg4wtdlss3] { width: 58px; height: 58px; flex-basis: 58px; }.topbar-company-logo-shell[b-hg4wtdlss3] { width: 50px; height: 50px; flex-basis: 50px; }.topbar[b-hg4wtdlss3] { min-height: 82px; } }
.page-content[b-hg4wtdlss3] { padding-top: 18px; }
.nav-group[b-hg4wtdlss3] { margin: 0; }
.nav-group-summary[b-hg4wtdlss3] { display: flex; align-items: center; justify-content: space-between; min-height: 30px; margin: 8px 5px 5px; padding: 4px 7px; border-radius: 8px; color: #8297ad; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; cursor: pointer; list-style: none; user-select: none; transition: color .18s ease, background .18s ease; }
.nav-group-summary[b-hg4wtdlss3]::-webkit-details-marker { display: none; }
.nav-group-summary[b-hg4wtdlss3]::marker { content: ""; }
.nav-group-summary:hover[b-hg4wtdlss3] { color: #c8d8e8; background: rgba(255, 255, 255, .045); }
.nav-group-summary:focus-visible[b-hg4wtdlss3] { outline: 2px solid rgba(125, 211, 252, .62); outline-offset: 2px; }
.nav-group[open] > .nav-group-summary[b-hg4wtdlss3] { color: #9eb4c9; }
.nav-group-superadmin .nav-group-summary[b-hg4wtdlss3] { color: #e7b84b; }
.nav-group-chevron[b-hg4wtdlss3] { display: grid; place-items: center; width: 21px; height: 21px; flex: 0 0 21px; border: 1px solid rgba(158, 180, 201, .2); border-radius: 7px; background: rgba(255, 255, 255, .035); color: #9eb4c9; transition: transform .24s cubic-bezier(.22, 1, .36, 1), color .18s ease, border-color .18s ease, background .18s ease; }
.nav-group-chevron[b-hg4wtdlss3]::before { content: ""; width: 6px; height: 6px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: translateY(-1px) rotate(45deg); }
.nav-group-summary:hover .nav-group-chevron[b-hg4wtdlss3] { color: #7dd3fc; border-color: rgba(125, 211, 252, .38); background: rgba(39, 71, 101, .72); }
.nav-group[open] > .nav-group-summary .nav-group-chevron[b-hg4wtdlss3] { transform: rotate(180deg); color: #7dd3fc; background: rgba(39, 71, 101, .58); }
.nav-group-superadmin .nav-group-chevron[b-hg4wtdlss3] { color: #e7b84b; border-color: rgba(231, 184, 75, .3); background: rgba(245, 158, 11, .07); }
.nav-group-superadmin .nav-group-summary:hover .nav-group-chevron[b-hg4wtdlss3],
.nav-group-superadmin[open] > .nav-group-summary .nav-group-chevron[b-hg4wtdlss3] { color: #ffd977; border-color: rgba(248, 212, 122, .48); background: rgba(245, 158, 11, .16); }
.nav-group-items[b-hg4wtdlss3] { display: none; flex-direction: column; gap: 4px; }
.nav-group[open] .nav-group-items[b-hg4wtdlss3] { display: flex; animation: nav-group-reveal-b-hg4wtdlss3 .22s cubic-bezier(.22, 1, .36, 1) both; }
@media (hover: hover) and (min-width: 801px) { .nav-group:not([open]):hover .nav-group-items[b-hg4wtdlss3] { display: flex; } }
.app-shell.sidebar-collapsed .nav-group-summary[b-hg4wtdlss3], .sidebar-toggle-input:checked + .app-shell .nav-group-summary[b-hg4wtdlss3] { display: none; }
.app-shell.sidebar-collapsed .nav-group-items[b-hg4wtdlss3], .sidebar-toggle-input:checked + .app-shell .nav-group-items[b-hg4wtdlss3] { display: flex; }
@media (max-width: 800px) { .nav-group-summary[b-hg4wtdlss3] { display: none; }.nav-group-items[b-hg4wtdlss3] { display: flex; } }

@media (max-width: 640px) {
    .topbar[b-hg4wtdlss3] {
        min-height: 0;
        align-items: stretch;
        flex-direction: column;
        gap: 8px;
        padding: 10px 12px 12px;
    }

    .topbar-brand[b-hg4wtdlss3] { min-width: 0; gap: 9px; }
    .topbar-company-logo-shell[b-hg4wtdlss3] { width: 42px; height: 42px; flex-basis: 42px; }
    .topbar h1[b-hg4wtdlss3] { font-size: 16px; overflow-wrap: anywhere; }
    .topbar-actions[b-hg4wtdlss3] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
        min-width: 0;
        gap: 7px;
    }

    .topbar-branch-picker[b-hg4wtdlss3] { width: 100%; min-width: 0; }
    .topbar-branch-picker select[b-hg4wtdlss3] { width: 100%; min-width: 0; }
    .topbar-control-cluster[b-hg4wtdlss3] { max-width: 100%; justify-self: end; }
}
/* Entrada posterior a autenticación: se ejecuta una vez al cargar el layout principal. */
.app-shell[b-hg4wtdlss3] {
    animation: app-shell-enter-b-hg4wtdlss3 .58s cubic-bezier(.22, 1, .36, 1) both;
}

.app-sidebar[b-hg4wtdlss3] {
    animation: app-sidebar-enter-b-hg4wtdlss3 .65s cubic-bezier(.22, 1, .36, 1) .06s both;
}

.topbar[b-hg4wtdlss3] {
    animation: app-content-enter-b-hg4wtdlss3 .65s cubic-bezier(.22, 1, .36, 1) .12s both;
}

/* `forwards/both` sobre opacity deja un stacking context permanente y
   atrapaba los avisos fixed debajo de la barra superior. */
.page-content[b-hg4wtdlss3] {
    animation: app-content-enter-b-hg4wtdlss3 .65s cubic-bezier(.22, 1, .36, 1) .12s backwards;
}

@keyframes app-shell-enter-b-hg4wtdlss3 {
    from { opacity: 0; }
}

@keyframes app-sidebar-enter-b-hg4wtdlss3 {
    from { opacity: 0; transform: translateX(-16px); }
}

@keyframes app-content-enter-b-hg4wtdlss3 {
    /* No transformar este contenedor: aloja modales position:fixed que deben
       calcularse siempre contra la ventana visible, incluso con scroll. */
    from { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .app-shell[b-hg4wtdlss3],
    .app-sidebar[b-hg4wtdlss3],
    .topbar[b-hg4wtdlss3],
    .page-content[b-hg4wtdlss3],
    .aiventas-system-logo[b-hg4wtdlss3],
    .topbar-company-logo[b-hg4wtdlss3],
    .aiventas-system-logo-shell[b-hg4wtdlss3],
    .aiventas-system-logo-shell[b-hg4wtdlss3]::before,
    .aiventas-system-logo-shell[b-hg4wtdlss3]::after,
    .topbar-company-logo-shell[b-hg4wtdlss3],
    .topbar-company-logo-shell[b-hg4wtdlss3]::before,
    .topbar-company-logo-shell[b-hg4wtdlss3]::after,
    .nav-group-items[b-hg4wtdlss3] { animation: none; }

    .nav-group-chevron[b-hg4wtdlss3] { transition: none; }
}

@keyframes app-logo-in-b-hg4wtdlss3 {
    0% { opacity: 0; transform: scale(.72); filter: blur(8px); }
    62% { opacity: 1; transform: scale(1.08); filter: blur(2px); }
    100% { opacity: 1; transform: scale(1); filter: drop-shadow(0 10px 14px rgba(16, 35, 63, .12)); }
}

@keyframes app-logo-pulse-b-hg4wtdlss3 {
    0% { opacity: 0; transform: scale(.55); }
    38% { opacity: .5; }
    100% { opacity: 0; transform: scale(1.2); }
}

@keyframes sidebar-logo-breathe-b-hg4wtdlss3 {
    0%, 100% { transform: translateY(0) rotate(0deg) scale(1); }
    35% { transform: translateY(-3px) rotate(-.7deg) scale(1.035); }
    68% { transform: translateY(-1px) rotate(.55deg) scale(1.018); }
}

@keyframes company-logo-breathe-b-hg4wtdlss3 {
    0%, 100% { transform: translateY(0) rotate(0deg) scale(1); }
    38% { transform: translateY(-3px) rotate(.75deg) scale(1.04); }
    72% { transform: translateY(-1px) rotate(-.45deg) scale(1.018); }
}

@keyframes company-logo-glow-b-hg4wtdlss3 {
    0%, 100% { opacity: .12; transform: scale(.88); }
    45% { opacity: .48; transform: scale(1.12); }
}

@keyframes logo-pulse-loop-b-hg4wtdlss3 {
    0%, 62%, 100% { opacity: 0; transform: scale(.72); }
    10% { opacity: .52; transform: scale(.92); }
    26% { opacity: 0; transform: scale(1.24); }
}

@keyframes sidebar-logo-glow-b-hg4wtdlss3 {
    0%, 100% { opacity: .22; transform: scale(.92); }
    50% { opacity: .48; transform: scale(1.08); }
}

@keyframes nav-group-reveal-b-hg4wtdlss3 {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Compacto real: reduce también la navegación lateral y la cabecera.
   La clase density-compact conserva el espaciado del antiguo compacto,
   que ahora corresponde al modo Cómodo. */
.app-shell.density-tight .app-sidebar[b-hg4wtdlss3] {
    width: 184px;
    flex: 0 0 184px;
    padding: 13px 8px 12px;
}
.app-shell.density-tight .brand[b-hg4wtdlss3] {
    gap: 7px;
    padding: 0 4px 15px;
}
.app-shell.density-tight .brand .aiventas-system-logo-shell[b-hg4wtdlss3] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
}
.app-shell.density-tight .brand-copy[b-hg4wtdlss3] { padding-right: 9px; }
.app-shell.density-tight .brand-copy strong[b-hg4wtdlss3] { font-size: 15px; line-height: 1.05; }
.app-shell.density-tight .brand-copy span[b-hg4wtdlss3] { margin-top: 2px; font-size: 11px; line-height: 1.12; }
.app-shell.density-tight .main-nav[b-hg4wtdlss3] { gap: 1px; }
.app-shell.density-tight .main-nav[b-hg4wtdlss3]  a {
    gap: 6px;
    min-height: 32px;
    padding: 6px 7px;
    border-radius: 7px;
    font-size: 11px;
}
.app-shell.density-tight .main-nav[b-hg4wtdlss3]  .nav-link-mark {
    width: 17px;
    height: 17px;
    min-width: 17px;
    flex-basis: 17px;
}
.app-shell.density-tight .nav-group-summary[b-hg4wtdlss3] {
    min-height: 23px;
    margin: 4px 3px 2px;
    padding: 2px 5px;
    border-radius: 6px;
    font-size: 8.5px;
}
.app-shell.density-tight .nav-group-chevron[b-hg4wtdlss3] {
    width: 17px;
    height: 17px;
    flex-basis: 17px;
    border-radius: 5px;
}
.app-shell.density-tight .nav-group-chevron[b-hg4wtdlss3]::before { width: 5px; height: 5px; }
.app-shell.density-tight .nav-group-items[b-hg4wtdlss3] { gap: 2px; }
.app-shell.density-tight .nav-link-admin-badge[b-hg4wtdlss3] { padding: 1px 4px; font-size: 6.5px; }
.app-shell.density-tight .sidebar-status[b-hg4wtdlss3] { padding: 8px; border-radius: 7px; font-size: 9px; }
.app-shell.density-tight .topbar[b-hg4wtdlss3] { min-height: 60px; padding-right: 16px; padding-left: 16px; }
.app-shell.density-tight .topbar-brand[b-hg4wtdlss3] { gap: 10px; }
.app-shell.density-tight .topbar-company-logo-shell[b-hg4wtdlss3] { width: 48px; height: 48px; flex-basis: 48px; }
.app-shell.density-tight .topbar h1[b-hg4wtdlss3] { font-size: 17px; }
.app-shell.density-tight .topbar .eyebrow[b-hg4wtdlss3] { font-size: 8px; }

@media (max-width: 1400px) and (min-width: 801px) {
    .app-shell.density-tight:not(.sidebar-collapsed) .app-sidebar[b-hg4wtdlss3] {
        width: 164px;
        flex-basis: 164px;
        padding-right: 7px;
        padding-left: 7px;
    }
    .app-shell.density-tight:not(.sidebar-collapsed) .brand .aiventas-system-logo-shell[b-hg4wtdlss3] {
        width: 50px;
        height: 50px;
        flex-basis: 50px;
    }
    .app-shell.density-tight:not(.sidebar-collapsed) .brand-copy strong[b-hg4wtdlss3] { font-size: 13px; }
    .app-shell.density-tight:not(.sidebar-collapsed) .brand-copy span[b-hg4wtdlss3] { font-size: 10px; }
    .app-shell.density-tight:not(.sidebar-collapsed) .main-nav[b-hg4wtdlss3]  a { gap: 5px; padding: 6px; font-size: 10px; }
}

.sidebar-toggle-input:checked + .app-shell.density-tight .app-sidebar[b-hg4wtdlss3],
.app-shell.density-tight.sidebar-collapsed .app-sidebar[b-hg4wtdlss3] {
    width: 60px !important;
    flex: 0 0 60px !important;
    padding-right: 6px;
    padding-left: 6px;
}
.sidebar-toggle-input:checked + .app-shell.density-tight .brand .aiventas-system-logo-shell[b-hg4wtdlss3],
.app-shell.density-tight.sidebar-collapsed .brand .aiventas-system-logo-shell[b-hg4wtdlss3] {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
}
.sidebar-toggle-input:checked + .app-shell.density-tight .main-nav[b-hg4wtdlss3]  .nav-link-mark,
.app-shell.density-tight.sidebar-collapsed .main-nav[b-hg4wtdlss3]  .nav-link-mark { min-width: 21px; }

@media (max-width: 800px) {
    .app-shell.density-tight .app-sidebar[b-hg4wtdlss3] { width: 60px; flex-basis: 60px; padding: 12px 6px; }
    .app-shell.density-tight .brand[b-hg4wtdlss3] { padding: 0 0 14px; }
    .app-shell.density-tight .brand .aiventas-system-logo-shell[b-hg4wtdlss3] { width: 44px; height: 44px; flex-basis: 44px; }
    .app-shell.density-tight .main-nav[b-hg4wtdlss3]  a { height: 34px; min-height: 34px; padding: 6px 0; }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-u824oa5y39],
.components-reconnect-repeated-attempt-visible[b-u824oa5y39],
.components-reconnect-failed-visible[b-u824oa5y39],
.components-pause-visible[b-u824oa5y39],
.components-resume-failed-visible[b-u824oa5y39],
.components-rejoining-animation[b-u824oa5y39] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-u824oa5y39],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-u824oa5y39],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-u824oa5y39],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-u824oa5y39],
#components-reconnect-modal.components-reconnect-retrying[b-u824oa5y39],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-u824oa5y39],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-u824oa5y39],
#components-reconnect-modal.components-reconnect-failed[b-u824oa5y39],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-u824oa5y39] {
    display: block;
}


#components-reconnect-modal[b-u824oa5y39] {
    position: fixed;
    inset: 0;
    background-color: white;
    width: 20rem;
    max-height: calc(100dvh - 48px);
    margin: auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-u824oa5y39 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-u824oa5y39 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-u824oa5y39 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-u824oa5y39]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-u824oa5y39 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-u824oa5y39 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-u824oa5y39 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-u824oa5y39 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-u824oa5y39] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-u824oa5y39] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-u824oa5y39] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-u824oa5y39] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-u824oa5y39] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-u824oa5y39] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-u824oa5y39] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-u824oa5y39 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-u824oa5y39] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-u824oa5y39 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/RepuestosLayout.razor.rz.scp.css */
:host[b-9hf3yo8poz] { display:block; min-height:100vh; color:#132238; background:#f6f7f9; }
.store-shell[b-9hf3yo8poz] { min-height:100vh; background:linear-gradient(180deg,#fff 0,#f5f7fa 30rem); font-family:Inter,"Segoe UI",sans-serif; }
.store-header[b-9hf3yo8poz] { position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:24px; max-width:1240px; margin:auto; padding:16px 24px; border-bottom:1px solid rgba(19,34,56,.09); background:rgba(255,255,255,.94); backdrop-filter:blur(16px); }
.store-brand[b-9hf3yo8poz] { display:flex; align-items:center; gap:11px; color:#132238; text-decoration:none; }.store-brand-mark[b-9hf3yo8poz] { display:grid; place-items:center; width:43px; height:43px; border-radius:12px; background:#f59e0b; color:#132238; font-weight:950; letter-spacing:-.04em; box-shadow:0 7px 18px rgba(245,158,11,.24); }.store-brand > span:last-child[b-9hf3yo8poz] { display:grid; }.store-brand strong[b-9hf3yo8poz] { font-size:1rem; }.store-brand small[b-9hf3yo8poz] { color:#68758a; font-size:.58rem; font-weight:850; letter-spacing:.13em; }
nav[b-9hf3yo8poz] { display:flex; align-items:center; gap:22px; }nav a[b-9hf3yo8poz] { color:#425168; font-size:.84rem; font-weight:750; text-decoration:none; }nav a:hover[b-9hf3yo8poz] { color:#111d2f; }.store-nav-action[b-9hf3yo8poz] { padding:10px 16px; border-radius:10px; background:#152a45; color:#fff!important; }
.store-footer[b-9hf3yo8poz] { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; max-width:1240px; margin:56px auto 0; padding:28px 24px 38px; border-top:1px solid #dce2ea; color:#6b778a; font-size:.78rem; }.store-footer div[b-9hf3yo8poz] { display:grid; gap:3px; }.store-footer strong[b-9hf3yo8poz] { color:#26384f; font-size:.9rem; }
@media (max-width:700px) { .store-header[b-9hf3yo8poz] { padding:12px 16px; }.store-header nav a:not(.store-nav-action)[b-9hf3yo8poz] { display:none; }.store-footer[b-9hf3yo8poz] { flex-direction:column; padding-inline:18px; }.store-brand strong[b-9hf3yo8poz] { font-size:.9rem; } }
/* /Components/Pages/Auditoria.razor.rz.scp.css */
.page-heading[b-vw3a9kop60] {
    margin-bottom: 22px;
}

.table-card[b-vw3a9kop60] {
    overflow: hidden;
    margin-bottom: 18px;
    border: 1px solid #d8e2ed;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 39, 71, 0.05);
}

.table-toolbar[b-vw3a9kop60] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 64px;
    padding: 14px 18px;
    border-bottom: 1px solid #e1e8f0;
}

.table-toolbar > div[b-vw3a9kop60] {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.result-count[b-vw3a9kop60] {
    color: #68809c;
    font-size: 13px;
    font-weight: 500;
}

.filter-grid[b-vw3a9kop60] {
    display: grid;
    grid-template-columns: minmax(145px, 0.75fr) minmax(145px, 0.75fr) minmax(190px, 1.25fr) minmax(170px, 1fr) minmax(190px, 1.2fr) minmax(230px, 1.45fr);
    gap: 14px;
    padding: 18px;
    background: #f8fafc;
}

.filter-grid > label[b-vw3a9kop60] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 7px;
    color: #334e6f;
    font-size: 13px;
    font-weight: 700;
}

.filter-grid input[b-vw3a9kop60],
.filter-grid select[b-vw3a9kop60] {
    width: 100%;
    min-width: 0;
    height: 44px;
    padding: 0 12px;
    border: 1px solid #bfd0e3;
    border-radius: 9px;
    outline: none;
    background: #fff;
    color: #102a49;
    font: inherit;
    font-weight: 500;
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

.filter-grid input:focus[b-vw3a9kop60],
.filter-grid select:focus[b-vw3a9kop60] {
    border-color: #2469a0;
    box-shadow: 0 0 0 3px rgba(36, 105, 160, 0.12);
}

.primary-button[b-vw3a9kop60] {
    min-height: 42px;
    padding: 0 22px;
    border: 0;
    border-radius: 9px;
    background: #f59e0b;
    color: #10233f;
    font-weight: 800;
    cursor: pointer;
}

.primary-button:disabled[b-vw3a9kop60] {
    cursor: wait;
    opacity: 0.65;
}

.table-scroll[b-vw3a9kop60] {
    width: 100%;
    overflow: auto;
}

.data-table[b-vw3a9kop60] {
    width: 100%;
    min-width: 1180px;
    border-collapse: collapse;
    table-layout: fixed;
}

.data-table th[b-vw3a9kop60] {
    padding: 13px 15px;
    background: #f3f7fb;
    color: #45617f;
    font-size: 12px;
    font-weight: 800;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.data-table th:nth-child(1)[b-vw3a9kop60] { width: 150px; }
.data-table th:nth-child(2)[b-vw3a9kop60] { width: 175px; }
.data-table th:nth-child(3)[b-vw3a9kop60] { width: 205px; }
.data-table th:nth-child(4)[b-vw3a9kop60] { width: 115px; }
.data-table th:nth-child(5)[b-vw3a9kop60] { width: 165px; }
.data-table th:nth-child(6)[b-vw3a9kop60] { width: 175px; }

.data-table td[b-vw3a9kop60] {
    padding: 15px;
    border-top: 1px solid #e5ebf2;
    color: #183554;
    font-size: 14px;
    line-height: 1.35;
    vertical-align: middle;
}

.data-table tbody tr:hover[b-vw3a9kop60] {
    background: #f8fbff;
}

.data-table td:nth-child(-n + 6)[b-vw3a9kop60] {
    white-space: nowrap;
}

.data-table td:nth-child(2) strong[b-vw3a9kop60] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-subtitle[b-vw3a9kop60] {
    display: block;
    margin-top: 3px;
    color: #8297ae;
    font-size: 11px;
    font-weight: 500;
}

.status-pill[b-vw3a9kop60] {
    display: inline-flex;
    max-width: 145px;
    padding: 6px 10px;
    overflow: hidden;
    border-radius: 999px;
    background: #eaf3ff;
    color: #1762a3;
    font-size: 12px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.data-table td:last-child[b-vw3a9kop60] {
    color: #536b85;
    overflow-wrap: anywhere;
    white-space: normal;
}

.empty-state[b-vw3a9kop60] {
    padding: 38px !important;
    color: #71869d !important;
    text-align: center;
}

@media (max-width: 1350px) {
    .filter-grid[b-vw3a9kop60] {
        grid-template-columns: repeat(3, minmax(180px, 1fr));
    }
}

@media (max-width: 820px) {
    .table-toolbar[b-vw3a9kop60],
    .table-toolbar > div[b-vw3a9kop60] {
        align-items: stretch;
        flex-direction: column;
    }

    .filter-grid[b-vw3a9kop60] {
        grid-template-columns: 1fr;
    }

    .primary-button[b-vw3a9kop60] {
        width: 100%;
    }
}
/* /Components/Pages/CatalogosSii.razor.rz.scp.css */
.sii-global-heading[b-byjrn8iv21] { margin-bottom: 18px; }
.sii-global-summary[b-byjrn8iv21] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; }
.sii-global-summary article[b-byjrn8iv21] { display: grid; gap: 4px; padding: 16px 18px; border: 1px solid #d8e3ef; border-top: 3px solid #2563eb; border-radius: 12px; background: #fff; }
.sii-global-summary article:nth-child(2)[b-byjrn8iv21] { border-top-color: #16a34a; }.sii-global-summary article:nth-child(3)[b-byjrn8iv21] { border-top-color: #f59e0b; }
.sii-global-summary span[b-byjrn8iv21] { color: #6b8299; font-size: .68rem; font-weight: 800; letter-spacing: .1em; }.sii-global-summary strong[b-byjrn8iv21] { color: #123454; font-size: 1.6rem; }.sii-global-summary small[b-byjrn8iv21] { color: #7b91a6; font-size: .72rem; }
.sii-source-editor[b-byjrn8iv21], .sii-catalog-editor[b-byjrn8iv21] { display: block; margin-bottom: 16px; }.sii-source-editor .section-heading[b-byjrn8iv21], .sii-catalog-editor .section-heading[b-byjrn8iv21] { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 12px; }.sii-source-editor h2[b-byjrn8iv21], .sii-catalog-editor h2[b-byjrn8iv21] { margin: 2px 0 0; color: #102a43; font-size: 1.1rem; }
.sii-source-fields[b-byjrn8iv21] { display: grid; grid-template-columns: 190px minmax(260px, 1fr) auto auto; align-items: end; gap: 12px; }.sii-source-fields .check-field[b-byjrn8iv21] { min-height: 42px; }.sii-source-note[b-byjrn8iv21] { margin-top: 10px; color: #6b8299; font-size: .73rem; }.sii-source-note a[b-byjrn8iv21] { color: #1268a0; font-weight: 700; }
.sii-catalog-actions[b-byjrn8iv21], .sii-table-filters[b-byjrn8iv21] { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }.sii-catalog-form[b-byjrn8iv21] { display: grid; grid-template-columns: 160px 180px minmax(240px, 1fr) auto auto; align-items: end; gap: 10px; }.sii-catalog-form .button[b-byjrn8iv21] { white-space: nowrap; }.sii-table-filters input[b-byjrn8iv21], .sii-table-filters select[b-byjrn8iv21] { min-height: 36px; padding: .45rem .65rem; border: 1px solid #c6d6e6; border-radius: 7px; background: #fff; color: #173454; }.sii-table-filters input[b-byjrn8iv21] { width: 230px; }.sii-table-filters .check-field[b-byjrn8iv21] { min-height: 36px; font-size: .75rem; }
.sii-catalog-table-card[b-byjrn8iv21] { overflow: hidden; }.sii-catalog-table-card .table-toolbar[b-byjrn8iv21] { align-items: center; }.sii-catalog-table-card td small[b-byjrn8iv21] { display: block; max-width: 300px; overflow: hidden; color: #7890a5; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }.sii-type-pill[b-byjrn8iv21], .sii-origin-pill[b-byjrn8iv21] { display: inline-flex; padding: 4px 7px; border-radius: 99px; background: #edf5ff; color: #18588b; font-size: .65rem; font-weight: 800; letter-spacing: .05em; }.sii-origin-pill[b-byjrn8iv21] { background: #ecfdf3; color: #087a3f; }.sii-origin-pill.manual[b-byjrn8iv21] { background: #fff8e8; color: #925600; }
@media (max-width: 1050px) { .sii-source-fields[b-byjrn8iv21] { grid-template-columns: 1fr 1fr; }.sii-source-fields .field.grow[b-byjrn8iv21] { grid-column: span 2; }.sii-catalog-form[b-byjrn8iv21] { grid-template-columns: 1fr 1fr; }.sii-catalog-form .field.grow[b-byjrn8iv21] { grid-column: span 2; } }
@media (max-width: 720px) { .sii-global-summary[b-byjrn8iv21] { grid-template-columns: 1fr; }.sii-source-editor .section-heading[b-byjrn8iv21], .sii-catalog-editor .section-heading[b-byjrn8iv21] { align-items: stretch; flex-direction: column; }.sii-source-fields[b-byjrn8iv21], .sii-catalog-form[b-byjrn8iv21] { grid-template-columns: 1fr; }.sii-source-fields .field.grow[b-byjrn8iv21], .sii-catalog-form .field.grow[b-byjrn8iv21] { grid-column: auto; }.sii-source-fields .button[b-byjrn8iv21], .sii-catalog-form .button[b-byjrn8iv21] { width: 100%; }.sii-table-filters input[b-byjrn8iv21] { width: 100%; }.sii-table-filters[b-byjrn8iv21] { align-items: stretch; width: 100%; }.sii-table-filters select[b-byjrn8iv21] { flex: 1; } }
/* /Components/Pages/CertificacionSii.razor.rz.scp.css */
.cert-workspace-heading[b-kcas9e08ig] { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:18px; }
.cert-workspace-heading h1[b-kcas9e08ig] { margin:4px 0; color:#10233f; font-size:clamp(1.7rem,3vw,2.35rem); }
.cert-workspace-heading p[b-kcas9e08ig] { margin:0; color:#627d98; max-width:820px; }
.cert-environment[b-kcas9e08ig] { padding:9px 13px; border:1px solid #d9b55f; border-radius:999px; background:#fff8e8; color:#815300; font-size:.75rem; }
.cert-safety-note[b-kcas9e08ig] { display:flex; align-items:center; gap:15px; margin-bottom:18px; padding:15px 17px; border:1px solid #a8c9ea; border-left:5px solid #2563eb; border-radius:12px; background:#f2f8ff; }
.cert-safety-note > span[b-kcas9e08ig] { padding:6px 9px; border-radius:7px; background:#2563eb; color:#fff; font-size:.68rem; font-weight:900; letter-spacing:.06em; white-space:nowrap; }
.cert-safety-note strong[b-kcas9e08ig],.cert-safety-note p[b-kcas9e08ig] { display:block; margin:0; }.cert-safety-note p[b-kcas9e08ig] { margin-top:3px; color:#56718b; font-size:.82rem; }
.cert-loading[b-kcas9e08ig],.cert-empty[b-kcas9e08ig] { padding:28px; border:1px dashed #bfd0e2; border-radius:12px; background:#fff; color:#627d98; text-align:center; }
.cert-company-card[b-kcas9e08ig] { display:grid; grid-template-columns:minmax(220px,.75fr) minmax(320px,1.25fr) auto; align-items:center; gap:18px; margin-bottom:18px; padding:16px 18px; border:1px solid #d6e1ed; border-radius:13px; background:#fff; }
.cert-company-card div[b-kcas9e08ig] { display:grid; gap:3px; }.cert-company-card span[b-kcas9e08ig] { color:#748aa1; font-size:.65rem; font-weight:900; letter-spacing:.08em; }.cert-company-card strong[b-kcas9e08ig] { color:#102a43; }.cert-company-card small[b-kcas9e08ig] { color:#627d98; }
.cert-signer-alert[b-kcas9e08ig] { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:16px 22px; margin-bottom:18px; padding:18px 20px; border:1px solid #f0a6a6; border-left:5px solid #dc2626; border-radius:13px; background:#fff7f7; }
.cert-signer-alert > div[b-kcas9e08ig] { grid-column:1/-1; }.cert-signer-alert h2[b-kcas9e08ig] { margin:3px 0 7px; color:#8f1d1d; }.cert-signer-alert p[b-kcas9e08ig] { margin:0; color:#684848; line-height:1.5; }.cert-signer-warning[b-kcas9e08ig] { margin-top:8px!important; padding:9px 11px; border-radius:8px; background:#fee2e2; }.cert-signer-alert label[b-kcas9e08ig] { display:flex; align-items:center; gap:8px; color:#542626; font-weight:800; }.cert-signer-alert input[type=checkbox][b-kcas9e08ig] { width:18px; height:18px; }
.cert-signer-information[b-kcas9e08ig] { border-color:#9fc5e8; border-left-color:#2563eb; background:#f4f9ff; }.cert-signer-information h2[b-kcas9e08ig] { color:#173f70; }.cert-signer-information p[b-kcas9e08ig] { color:#486581; }.cert-signer-information .cert-signer-warning[b-kcas9e08ig] { background:#e4f0fc; }
.cert-process-grid[b-kcas9e08ig] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.cert-process-card[b-kcas9e08ig] { overflow:hidden; border:1px solid #cfddeb; border-top:4px solid #2563eb; border-radius:14px; background:#fff; box-shadow:0 8px 22px rgba(16,35,63,.06); }
.cert-process-card.blocked[b-kcas9e08ig] { border-top-color:#d08a08; }.cert-process-card > header[b-kcas9e08ig] { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:18px; border-bottom:1px solid #e4ebf2; }
.cert-process-card header span[b-kcas9e08ig] { color:#748aa1; font-size:.65rem; font-weight:900; letter-spacing:.08em; }.cert-process-card h2[b-kcas9e08ig] { margin:4px 0; color:#102a43; font-size:1.2rem; }.cert-process-card header p[b-kcas9e08ig] { margin:0; color:#627d98; font-size:.8rem; line-height:1.45; }.cert-process-card header b[b-kcas9e08ig] { padding:5px 8px; border-radius:999px; background:#e8f7ee; color:#08743d; font-size:.63rem; white-space:nowrap; }.cert-process-card.blocked header b[b-kcas9e08ig] { background:#fff2d7; color:#865800; }
.cert-readiness-list[b-kcas9e08ig] { display:grid; gap:8px; padding:15px 18px; }.cert-readiness-list > div[b-kcas9e08ig] { display:flex; align-items:flex-start; gap:10px; padding:10px 11px; border:1px solid #dce6ef; border-radius:9px; background:#f8fafc; }.cert-readiness-list > div > span[b-kcas9e08ig] { display:grid; place-items:center; width:28px; height:28px; flex:0 0 28px; border-radius:8px; font-size:.65rem; font-weight:900; }.cert-readiness-list .ok > span[b-kcas9e08ig] { background:#dcfce7; color:#08743d; }.cert-readiness-list .pending > span[b-kcas9e08ig] { background:#fee2e2; color:#b42318; }.cert-readiness-list > div div[b-kcas9e08ig] { display:grid; gap:2px; }.cert-readiness-list strong[b-kcas9e08ig] { color:#173454; font-size:.82rem; }.cert-readiness-list small[b-kcas9e08ig] { color:#627d98; line-height:1.35; }
.cert-process-card > footer[b-kcas9e08ig] { display:flex; align-items:flex-end; justify-content:space-between; gap:15px; padding:16px 18px; border-top:1px solid #e4ebf2; background:#fbfdff; }.cert-process-card footer label[b-kcas9e08ig] { display:grid; gap:5px; color:#31516f; font-size:.75rem; font-weight:800; }.cert-process-card footer input[b-kcas9e08ig] { min-height:38px; padding:7px 9px; border:1px solid #b9cce0; border-radius:7px; background:#fff; }.cert-process-card footer small[b-kcas9e08ig] { max-width:380px; color:#748aa1; font-weight:400; }.cert-process-card footer .primary-action[b-kcas9e08ig] { white-space:nowrap; }.cert-process-card footer .primary-action:disabled[b-kcas9e08ig] { opacity:.5; cursor:not-allowed; }
.cert-blocked-footer[b-kcas9e08ig] { align-items:flex-start!important; flex-direction:column; color:#815300; }.cert-blocked-footer span[b-kcas9e08ig] { color:#627d98; font-size:.78rem; }
.cert-packages-card[b-kcas9e08ig],.cert-next-steps[b-kcas9e08ig] { margin-top:18px; border:1px solid #d6e1ed; border-radius:14px; background:#fff; }.cert-packages-card > header[b-kcas9e08ig] { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:18px; border-bottom:1px solid #e4ebf2; }.cert-packages-card h2[b-kcas9e08ig],.cert-next-steps h2[b-kcas9e08ig] { margin:3px 0; color:#102a43; }.cert-packages-card header p[b-kcas9e08ig] { margin:0; color:#627d98; }.cert-packages-card header > span[b-kcas9e08ig] { padding:5px 9px; border-radius:999px; background:#eaf2fb; color:#31516f; font-size:.72rem; font-weight:800; }
.cert-package-list[b-kcas9e08ig] { display:grid; gap:9px; padding:14px 18px 18px; }.cert-package-list article[b-kcas9e08ig] { display:flex; align-items:center; gap:12px; padding:12px; border:1px solid #dce6ef; border-radius:10px; background:#f8fafc; }.cert-package-icon[b-kcas9e08ig] { display:grid; place-items:center; width:42px; height:42px; flex:0 0 42px; border-radius:9px; background:#dbeafe; color:#1d4ed8; font-size:.68rem; font-weight:900; }.cert-package-list article > div[b-kcas9e08ig] { display:grid; gap:2px; flex:1; }.cert-package-list strong[b-kcas9e08ig] { color:#102a43; }.cert-package-list small[b-kcas9e08ig] { color:#627d98; }.cert-package-list em[b-kcas9e08ig] { color:#08743d; font-size:.65rem; font-style:normal; font-weight:900; letter-spacing:.04em; }
.cert-package-list article.rejected[b-kcas9e08ig] { border-color:#f0aaaa; background:#fff7f7; }.cert-package-list article.rejected .cert-package-icon[b-kcas9e08ig] { background:#fee2e2; color:#b42318; }.cert-package-list article.rejected em[b-kcas9e08ig] { color:#b42318; }
.cert-next-steps[b-kcas9e08ig] { padding:18px 22px; }.cert-next-steps ol[b-kcas9e08ig] { margin:12px 0 0; padding-left:22px; color:#486581; }.cert-next-steps li[b-kcas9e08ig] { margin:7px 0; line-height:1.45; }
.cert-confirm-modal[b-kcas9e08ig] { width:min(650px,100%); }
.cert-confirm-modal button:disabled[b-kcas9e08ig] { cursor:not-allowed; opacity:.55; }
.cert-response-field[b-kcas9e08ig] { display:grid; gap:6px; margin-top:14px; color:#31516f; font-size:.78rem; font-weight:800; }.cert-response-field input[b-kcas9e08ig],.cert-response-field textarea[b-kcas9e08ig] { width:100%; padding:10px 11px; border:1px solid #b9cce0; border-radius:8px; background:#fff; color:#102a43; font:inherit; font-weight:400; }.cert-response-field textarea[b-kcas9e08ig] { resize:vertical; }
.cert-generation-progress[b-kcas9e08ig] { display:flex; align-items:center; gap:14px; margin-top:18px; padding:15px 16px; border:1px solid #a8c9ea; border-radius:11px; background:#f2f8ff; color:#173454; }
.cert-generation-progress > div[b-kcas9e08ig] { display:grid; gap:3px; }.cert-generation-progress small[b-kcas9e08ig] { color:#56718b; line-height:1.4; }
.cert-generation-spinner[b-kcas9e08ig] { width:28px; height:28px; flex:0 0 28px; border:3px solid #bfd7ef; border-top-color:#2563eb; border-radius:50%; animation:cert-generation-spin-b-kcas9e08ig .7s linear infinite; }
@keyframes cert-generation-spin-b-kcas9e08ig { to { transform:rotate(360deg); } }
@media (max-width:900px) { .cert-process-grid[b-kcas9e08ig] { grid-template-columns:1fr; }.cert-company-card[b-kcas9e08ig],.cert-signer-alert[b-kcas9e08ig] { grid-template-columns:1fr; }.cert-company-card .button[b-kcas9e08ig],.cert-signer-alert .button[b-kcas9e08ig] { width:max-content; } }
@media (max-width:620px) { .cert-workspace-heading[b-kcas9e08ig],.cert-safety-note[b-kcas9e08ig],.cert-process-card > header[b-kcas9e08ig],.cert-process-card > footer[b-kcas9e08ig],.cert-package-list article[b-kcas9e08ig] { align-items:stretch; flex-direction:column; }.cert-process-card footer .primary-action[b-kcas9e08ig],.cert-package-list .button[b-kcas9e08ig] { width:100%; text-align:center; }.cert-package-list article > .button[b-kcas9e08ig] { margin-top:6px; } }
/* /Components/Pages/ConfiguracionInicial.razor.rz.scp.css */
.setup-experience[b-s7ths1h1fc] {
    position: relative;
    display: flex;
    justify-content: center;
    min-height: 1px;
}

.setup-card[b-s7ths1h1fc] {
    width: min(540px, 100%);
    padding: 48px 42px;
    display: grid;
    gap: 14px;
    border: 1px solid rgba(90, 219, 255, .14);
    border-radius: 22px;
    background: rgba(6, 16, 26, .72);
    color: #e9f4fb;
    box-shadow: 0 28px 70px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .02) inset;
    backdrop-filter: blur(18px);
}

.setup-mark[b-s7ths1h1fc] {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    margin-bottom: 2px;
    background: linear-gradient(145deg, rgba(12, 138, 255, .95), rgba(35, 200, 245, .95));
    color: #07101e;
    font-weight: 900;
    font-size: 1.1rem;
}

.setup-kicker[b-s7ths1h1fc] {
    display: inline-flex;
    align-items: center;
    color: #7ccdf6;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.setup-card h1[b-s7ths1h1fc] {
    margin: 0;
    font-size: 1.85rem;
    letter-spacing: -.03em;
    color: #f8fbff;
}

.setup-text[b-s7ths1h1fc] {
    margin: 0;
    color: #9bb3c4;
    line-height: 1.45;
    font-size: .9rem;
}

.setup-message[b-s7ths1h1fc] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 2px 0 6px;
    padding: 11px 12px;
    border-radius: 10px;
    font-size: .78rem;
    line-height: 1.35;
}

.setup-message-error[b-s7ths1h1fc] {
    color: #ffc1c7;
    border: 1px solid rgba(255, 91, 111, .3);
    background: rgba(126, 22, 41, .18);
}

.setup-form[b-s7ths1h1fc] {
    display: grid;
    gap: 14px;
    margin-top: 2px;
}

.setup-form label[b-s7ths1h1fc] {
    display: grid;
    gap: 7px;
    font-size: .73rem;
    font-weight: 650;
    color: #b8ccd8;
}

.setup-field[b-s7ths1h1fc] {
    position: relative;
    display: block;
}

.setup-field input[b-s7ths1h1fc] {
    width: 100%;
    min-height: 45px;
    padding: 11px 13px;
    border: 1px solid rgba(122, 174, 203, .24);
    border-radius: 11px;
    background: rgba(4, 13, 22, .72);
    color: #eaf8ff;
    font: inherit;
    font-size: .85rem;
}

.setup-field input[b-s7ths1h1fc]::placeholder {
    color: #506b7d;
}

.setup-field input:hover[b-s7ths1h1fc] {
    border-color: rgba(88, 209, 240, .38);
    background: rgba(5, 18, 29, .82);
}

.setup-field input:focus[b-s7ths1h1fc] {
    border-color: #29d9fa;
    background: rgba(5, 21, 33, .9);
    box-shadow: 0 0 0 3px rgba(30, 210, 244, .1), 0 8px 24px rgba(0, 0, 0, .14);
    outline: none;
}

.setup-submit[b-s7ths1h1fc] {
    position: relative;
    min-height: 49px;
    margin-top: 4px;
    border: 1px solid rgba(126, 234, 255, .48);
    border-radius: 11px;
    background: linear-gradient(105deg, #0a88ad, #08b8d7 52%, #0877c4);
    color: #f8feff;
    font-size: .87rem;
    font-weight: 800;
    letter-spacing: .015em;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.setup-submit:hover:not(:disabled)[b-s7ths1h1fc] {
    transform: translateY(-2px);
    filter: saturate(1.12) brightness(1.06);
    box-shadow: 0 15px 36px rgba(0, 184, 222, .28), 0 1px 0 rgba(255, 255, 255, .28) inset;
}

.setup-submit:disabled[b-s7ths1h1fc] {
    opacity: .75;
    cursor: not-allowed;
}

.setup-secondary-link[b-s7ths1h1fc] {
    display: inline-block;
    text-decoration: none;
    color: #7d99aa;
    font-size: .74rem;
}

.setup-secondary-link:hover[b-s7ths1h1fc] {
    color: #55e1fa;
}

@media (max-width: 720px) {
    .setup-card[b-s7ths1h1fc] {
        padding: 36px 24px;
        border-radius: 16px;
    }

    .setup-card h1[b-s7ths1h1fc] {
        font-size: 1.5rem;
    }
}
/* /Components/Pages/Finanzas.razor.rz.scp.css */
.finance-tabs[b-p3wfxyq9ml] { display: flex; gap: 6px; margin: 0 0 18px; padding: 5px; width: fit-content; border: 1px solid #d5e0ec; border-radius: 12px; background: #eaf2fb; }
.finance-tabs button[b-p3wfxyq9ml] { border: 0; border-radius: 8px; padding: 10px 18px; background: transparent; color: #36536f; font-weight: 700; cursor: pointer; }
.finance-tabs button.active[b-p3wfxyq9ml] { background: #fff; color: #10233f; box-shadow: 0 2px 8px rgba(16,35,63,.1); }
.fixed-cost-metrics[b-p3wfxyq9ml] { grid-template-columns: repeat(2, minmax(220px, 1fr)); max-width: 760px; }
.fixed-cost-form[b-p3wfxyq9ml] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 18px 0; }
.fixed-cost-form label[b-p3wfxyq9ml] { display: grid; gap: 6px; color: #36536f; font-size: 13px; font-weight: 700; }
.fixed-cost-form input[b-p3wfxyq9ml], .fixed-cost-form textarea[b-p3wfxyq9ml] { width: 100%; border: 1px solid #bfd0e2; border-radius: 8px; padding: 10px 12px; background: #fff; color: #10233f; font: inherit; }
.fixed-cost-form textarea[b-p3wfxyq9ml] { min-height: 76px; resize: vertical; }
.fixed-cost-form .wide[b-p3wfxyq9ml] { grid-column: 1 / -1; }
.fixed-cost-form .check-field[b-p3wfxyq9ml] { display: flex; grid-auto-flow: column; justify-content: start; align-items: center; }
.fixed-cost-form .check-field input[b-p3wfxyq9ml] { width: auto; }
.fixed-cost-modal[b-p3wfxyq9ml] { width: min(720px, calc(100vw - 32px)); }
.cost-status[b-p3wfxyq9ml] { display: inline-flex; border-radius: 999px; padding: 5px 9px; background: #f2f4f7; color: #667085; font-size: 11px; font-weight: 700; }
.cost-status.active[b-p3wfxyq9ml] { background: #dcfae6; color: #067647; }
.row-button.danger[b-p3wfxyq9ml] { color: #b42318; border-color: #f4b4ae; }
.danger-action[b-p3wfxyq9ml] { background: #b42318; }
@media (max-width: 720px) { .fixed-cost-form[b-p3wfxyq9ml] { grid-template-columns: 1fr; }.fixed-cost-form .wide[b-p3wfxyq9ml] { grid-column: auto; }.fixed-cost-metrics[b-p3wfxyq9ml] { grid-template-columns: 1fr; } }
/* /Components/Pages/FoliosCaf.razor.rz.scp.css */
.caf-page[b-a6gtj0242x] { display: grid; gap: 16px; color: #082d55; }
.caf-hero[b-a6gtj0242x] { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 25px; border: 1px solid #cadcf0; border-radius: 18px; background: linear-gradient(120deg, #eef7ff, #fff8e8); }
.caf-hero span[b-a6gtj0242x] { color: #557594; font-size: .72rem; font-weight: 800; letter-spacing: .12em; }
.caf-hero h1[b-a6gtj0242x] { margin: 5px 0 7px; font-size: clamp(1.75rem, 3vw, 2.35rem); }
.caf-hero p[b-a6gtj0242x] { margin: 0; color: #5d7a98; }
.caf-hero a[b-a6gtj0242x] { padding: 11px 14px; color: #fff; text-decoration: none; white-space: nowrap; border-radius: 10px; background: #1267dc; font-weight: 800; }
.caf-hero-actions[b-a6gtj0242x] { display: flex; align-items: center; gap: 10px; }
.caf-environment-mark[b-a6gtj0242x] { display: grid; gap: 1px; padding: 8px 11px; border: 1px solid; border-radius: 10px; white-space: nowrap; }
.caf-environment-mark.test[b-a6gtj0242x] { border-color: #d8c3f2; color: #6934aa; background: #f5edff; }
.caf-environment-mark.production[b-a6gtj0242x] { border-color: #a8dfbd; color: #08703b; background: #eafaf0; }
.caf-hero .caf-environment-mark span[b-a6gtj0242x] { color: inherit; font-size: .55rem; letter-spacing: .1em; }
.caf-environment-mark b[b-a6gtj0242x] { font-size: .75rem; }
.caf-environment-mark small[b-a6gtj0242x] { font-size: .62rem; font-weight: 700; opacity: .8; }
.caf-guidance[b-a6gtj0242x] { display: flex; gap: 12px; padding: 16px 19px; border-left: 4px solid #e79b00; border-radius: 12px; background: #fff7df; }
.caf-guidance span[b-a6gtj0242x] { color: #6a624c; }
@media (max-width: 760px) { .caf-hero[b-a6gtj0242x], .caf-guidance[b-a6gtj0242x] { align-items: flex-start; flex-direction: column; }.caf-hero-actions[b-a6gtj0242x] { align-items: stretch; flex-direction: column; width: 100%; }.caf-hero-actions > a[b-a6gtj0242x] { text-align: center; } }
/* /Components/Pages/Login.razor.rz.scp.css */
.login-experience[b-6t4ckurd9g] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(390px, .92fr);
    min-height: 650px;
    overflow: hidden;
    border: 1px solid rgba(90, 219, 255, .18);
    border-radius: 28px;
    background: rgba(4, 13, 22, .82);
    box-shadow: 0 36px 100px rgba(0, 0, 0, .52), 0 0 0 1px rgba(255, 255, 255, .02) inset;
    backdrop-filter: blur(22px);
    animation: login-shell-in-b-6t4ckurd9g .8s cubic-bezier(.22, 1, .36, 1) both;
}

.login-brand-panel[b-6t4ckurd9g] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 48px 54px;
    overflow: hidden;
    border-right: 1px solid rgba(99, 214, 255, .12);
    background:
        radial-gradient(circle at 50% 30%, rgba(9, 217, 255, .14), transparent 32%),
        linear-gradient(145deg, rgba(6, 26, 40, .92), rgba(2, 12, 20, .68));
}

.login-brand-panel[b-6t4ckurd9g]::after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .42;
    background: linear-gradient(120deg, transparent 28%, rgba(48, 219, 255, .06) 50%, transparent 72%);
    transform: translateX(-100%);
    animation: login-panel-shimmer-b-6t4ckurd9g 9s ease-in-out 2s infinite;
    pointer-events: none;
}

.login-logo-stage[b-6t4ckurd9g] {
    position: relative;
    width: min(330px, 82%);
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    margin: -30px auto -10px;
    animation: login-logo-in-b-6t4ckurd9g 1.05s cubic-bezier(.22, 1.1, .34, .99) .06s both;
    transform-origin: center;
}

.login-logo-stage[b-6t4ckurd9g]::before {
    content: "";
    position: absolute;
    inset: -32%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 217, 255, .65) 0, rgba(0, 217, 255, .2) 24%, rgba(0, 217, 255, 0) 56%);
    filter: blur(14px);
    opacity: 0;
    animation: login-logo-burst-b-6t4ckurd9g 0.95s cubic-bezier(.18, .82, .22, 1) both;
    pointer-events: none;
    z-index: 0;
}

.login-logo-stage[b-6t4ckurd9g]::after {
    content: "";
    position: absolute;
    inset: 17%;
    border-radius: 50%;
    background: rgba(0, 216, 255, .14);
    filter: blur(34px);
    animation: login-logo-breathe-b-6t4ckurd9g 5s ease-in-out 1.2s infinite;
    z-index: 0;
    pointer-events: none;
}

.login-logo-ring[b-6t4ckurd9g] {
    position: absolute;
    inset: 10%;
    border: 1px solid rgba(59, 220, 255, .15);
    border-radius: 50%;
    animation: login-ring-b-6t4ckurd9g 18s linear infinite;
}

.login-logo-ring[b-6t4ckurd9g]::before,
.login-logo-ring[b-6t4ckurd9g]::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #45e6ff;
    box-shadow: 0 0 16px #00d9ff;
}

.login-logo-ring[b-6t4ckurd9g]::before { top: -3px; left: 50%; }
.login-logo-ring[b-6t4ckurd9g]::after { bottom: -3px; left: 22%; }

.login-system-logo[b-6t4ckurd9g] {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 18px 28px rgba(0, 0, 0, .4));
    animation: login-logo-punch-b-6t4ckurd9g 0.68s cubic-bezier(.27, 1.18, .38, 1) .05s both;
}

.login-brand-copy[b-6t4ckurd9g] {
    position: relative;
    z-index: 1;
    max-width: 460px;
    animation: login-copy-in-b-6t4ckurd9g .8s cubic-bezier(.22, 1, .36, 1) .38s both;
}

.login-kicker[b-6t4ckurd9g] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #76eaff;
    font-size: .68rem;
    font-weight: 750;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.login-kicker i[b-6t4ckurd9g] {
    width: 22px;
    height: 1px;
    background: #27dcff;
    box-shadow: 0 0 8px rgba(39, 220, 255, .65);
}

.login-brand-copy h2[b-6t4ckurd9g] {
    margin: 13px 0 12px;
    color: #f3fbff;
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    line-height: 1.1;
    letter-spacing: -.035em;
}

.login-brand-copy p[b-6t4ckurd9g] {
    max-width: 390px;
    margin: 0;
    color: #90a9bb;
    font-size: .93rem;
    line-height: 1.65;
}

.login-system-status[b-6t4ckurd9g] {
    position: absolute;
    z-index: 1;
    bottom: 28px;
    left: 54px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #708b9d;
    font-size: .7rem;
    letter-spacing: .04em;
    animation: login-copy-in-b-6t4ckurd9g .7s ease .65s both;
}

.login-system-status span[b-6t4ckurd9g] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #28e0a2;
    box-shadow: 0 0 9px rgba(40, 224, 162, .7);
}

.login-card[b-6t4ckurd9g] {
    position: relative;
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 58px 54px;
    border: 0;
    border-radius: 0;
    background: rgba(6, 16, 26, .72);
    box-shadow: none;
    animation: login-card-in-b-6t4ckurd9g .82s cubic-bezier(.22, 1, .36, 1) .2s both;
}

.login-heading[b-6t4ckurd9g] { margin-bottom: 28px; }

.login-eyebrow[b-6t4ckurd9g] {
    display: block;
    margin-bottom: 10px;
    color: #39dcfb;
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .18em;
}

.login-card .login-heading h1[b-6t4ckurd9g] {
    margin: 0 0 9px;
    color: #f7fcff;
    font-size: 2.1rem;
    line-height: 1.1;
    letter-spacing: -.035em;
    text-align: left;
}

.login-card .login-heading p[b-6t4ckurd9g] {
    margin: 0;
    color: #8ea5b7;
    font-size: .88rem;
    text-align: left;
}

.login-message[b-6t4ckurd9g] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin: -8px 0 20px;
    padding: 12px 13px;
    border-radius: 10px;
    font-size: .76rem;
    line-height: 1.4;
}

.login-message > span[b-6t4ckurd9g] {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    font-weight: 850;
}

.login-message div[b-6t4ckurd9g] { display: grid; gap: 2px; }
.login-message strong[b-6t4ckurd9g] { font-size: .78rem; }
.login-error[b-6t4ckurd9g] { color: #ffc1c7; border: 1px solid rgba(255, 91, 111, .25); background: rgba(126, 22, 41, .18); }
.login-error > span[b-6t4ckurd9g] { color: #fff; background: #e84f65; }
.login-success[b-6t4ckurd9g] { color: #aef5d9; border: 1px solid rgba(37, 218, 157, .22); background: rgba(12, 96, 69, .18); }
.login-success > span[b-6t4ckurd9g] { color: #042b21; background: #38dda6; }

.login-card .login-form[b-6t4ckurd9g] {
    display: grid;
    gap: 17px;
}

.login-card .login-form label[b-6t4ckurd9g] {
    display: grid;
    gap: 7px;
    color: #b7c8d3;
    font-size: .73rem;
    font-weight: 680;
    letter-spacing: .015em;
}

.login-field[b-6t4ckurd9g] {
    position: relative;
    display: flex;
    align-items: center;
}

.login-field svg[b-6t4ckurd9g] {
    position: absolute;
    z-index: 1;
    left: 14px;
    width: 18px;
    height: 18px;
    fill: none;
    stroke: #678397;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: color .2s ease, filter .2s ease, stroke .2s ease;
}

.login-card .login-field input[b-6t4ckurd9g] {
    width: 100%;
    min-height: 48px;
    padding: 12px 14px 12px 43px;
    border: 1px solid rgba(122, 174, 203, .22);
    border-radius: 11px;
    outline: none;
    background: rgba(4, 13, 22, .72);
    color: #eaf8ff;
    font: inherit;
    font-size: .85rem;
    font-weight: 520;
    caret-color: #3ce6ff;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease, transform .2s ease;
}

.login-card .login-field input[b-6t4ckurd9g]::placeholder { color: #506b7d; }

.login-card .login-field input:hover[b-6t4ckurd9g] {
    border-color: rgba(88, 209, 240, .38);
    background: rgba(5, 18, 29, .82);
}

.login-card .login-field input:focus[b-6t4ckurd9g] {
    border-color: #29d9fa;
    background: rgba(5, 21, 33, .9);
    box-shadow: 0 0 0 3px rgba(30, 210, 244, .1), 0 8px 24px rgba(0, 0, 0, .14);
    transform: translateY(-1px);
}

.login-field:focus-within svg[b-6t4ckurd9g] {
    stroke: #4ce6ff;
    filter: drop-shadow(0 0 5px rgba(36, 218, 250, .45));
}

.login-submit[b-6t4ckurd9g] {
    position: relative;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    overflow: hidden;
    margin-top: 5px;
    padding: 13px 18px;
    border: 1px solid rgba(126, 234, 255, .48);
    border-radius: 11px;
    background: linear-gradient(105deg, #0a88ad, #08b8d7 52%, #0877c4);
    box-shadow: 0 10px 30px rgba(0, 170, 211, .2), 0 1px 0 rgba(255, 255, 255, .24) inset;
    color: #f8feff;
    cursor: pointer;
    font-size: .85rem;
    font-weight: 800;
    letter-spacing: .015em;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.login-submit[b-6t4ckurd9g]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, .24), transparent 68%);
    transform: translateX(-110%);
    transition: transform .6s ease;
}

.login-submit:hover[b-6t4ckurd9g] {
    transform: translateY(-2px);
    filter: saturate(1.12) brightness(1.06);
    box-shadow: 0 15px 36px rgba(0, 184, 222, .28), 0 1px 0 rgba(255, 255, 255, .28) inset;
}

.login-submit:hover[b-6t4ckurd9g]::before { transform: translateX(110%); }
.login-submit:active[b-6t4ckurd9g] { transform: translateY(0) scale(.99); }

.login-submit svg[b-6t4ckurd9g] {
    position: relative;
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform .2s ease;
}

.login-submit:hover svg[b-6t4ckurd9g] { transform: translateX(3px); }
.login-submit-progress[b-6t4ckurd9g] { display: none; }

.login-footer[b-6t4ckurd9g] {
    display: grid;
    justify-items: center;
    gap: 16px;
    margin-top: 22px;
}

.login-card .login-secondary-link[b-6t4ckurd9g] {
    color: #7d99aa;
    font-size: .72rem;
    text-decoration: none;
    transition: color .2s ease;
}

.login-card .login-secondary-link:hover[b-6t4ckurd9g] { color: #55e1fa; }

.login-footer > span[b-6t4ckurd9g] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #4f6879;
    font-size: .65rem;
    letter-spacing: .04em;
}

.login-footer > span i[b-6t4ckurd9g] {
    width: 8px;
    height: 10px;
    border: 1px solid #507185;
    border-radius: 2px;
    position: relative;
}

.login-footer > span i[b-6t4ckurd9g]::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    left: 50%;
    top: -5px;
    border: 1px solid #507185;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    transform: translateX(-50%);
}

.login-experience.login-leaving[b-6t4ckurd9g] { pointer-events: none; }
.login-experience.login-leaving .login-brand-panel[b-6t4ckurd9g] { animation: login-brand-out-b-6t4ckurd9g .52s cubic-bezier(.4, 0, .2, 1) both; }
.login-experience.login-leaving .login-card[b-6t4ckurd9g] { animation: login-card-out-b-6t4ckurd9g .52s cubic-bezier(.4, 0, .2, 1) both; }
.login-experience.login-leaving .login-submit[b-6t4ckurd9g] { filter: saturate(.8); }
.login-experience.login-leaving .login-submit-label[b-6t4ckurd9g],
.login-experience.login-leaving .login-submit svg[b-6t4ckurd9g] { display: none; }
.login-experience.login-leaving .login-submit-progress[b-6t4ckurd9g] { display: inline-flex; align-items: center; gap: 9px; }
.login-experience.login-leaving .login-submit-progress[b-6t4ckurd9g]::before {
    content: "";
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255, 255, 255, .36);
    border-top-color: #fff;
    border-radius: 50%;
    animation: login-spinner-b-6t4ckurd9g .65s linear infinite;
}

@keyframes login-shell-in-b-6t4ckurd9g {
    from { opacity: 0; transform: scale(.985) translateY(12px); }
}

@keyframes login-logo-in-b-6t4ckurd9g {
    0% { opacity: 0; transform: translateY(28px) scale(.62); filter: blur(12px); }
    42% { opacity: 1; transform: translateY(-5px) scale(1.09); filter: blur(4px); }
    72% { transform: translateY(2px) scale(.97); filter: blur(2px); }
    100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}

@keyframes login-card-in-b-6t4ckurd9g {
    from { opacity: 0; transform: translateX(26px); }
}

@keyframes login-copy-in-b-6t4ckurd9g {
    from { opacity: 0; transform: translateY(14px); }
}

@keyframes login-logo-breathe-b-6t4ckurd9g {
    0%, 100% { opacity: .65; transform: scale(.92); }
    50% { opacity: 1; transform: scale(1.08); }
}

@keyframes login-logo-burst-b-6t4ckurd9g {
    0% {
        opacity: 0;
        transform: scale(.32);
        filter: blur(22px);
    }
    22% {
        opacity: 1;
        transform: scale(1.02);
        filter: blur(8px);
    }
    48% {
        opacity: .55;
        transform: scale(1.95);
        filter: blur(15px);
    }
    82% {
        opacity: .18;
        transform: scale(2.78);
        filter: blur(20px);
    }
    100% {
        opacity: 0;
        transform: scale(3.22);
        filter: blur(24px);
    }
}

@keyframes login-logo-punch-b-6t4ckurd9g {
    0% { transform: scale(.84); }
    55% { transform: scale(1.08); }
    78% { transform: scale(.99); }
    100% { transform: scale(1); }
}

@keyframes login-ring-b-6t4ckurd9g { to { transform: rotate(360deg); } }

@keyframes login-panel-shimmer-b-6t4ckurd9g {
    0%, 68%, 100% { transform: translateX(-100%); }
    84% { transform: translateX(100%); }
}

@keyframes login-brand-out-b-6t4ckurd9g {
    to { opacity: 0; transform: translateX(-24px) scale(.985); filter: blur(2px); }
}

@keyframes login-card-out-b-6t4ckurd9g {
    to { opacity: 0; transform: translateX(24px) scale(.985); filter: blur(2px); }
}

@keyframes login-spinner-b-6t4ckurd9g { to { transform: rotate(360deg); } }

@media (max-width: 860px) {
    .login-experience[b-6t4ckurd9g] { grid-template-columns: minmax(0, .85fr) minmax(360px, 1.15fr); }
    .login-brand-panel[b-6t4ckurd9g] { padding: 38px 34px; }
    .login-card[b-6t4ckurd9g] { padding: 48px 38px; }
    .login-logo-stage[b-6t4ckurd9g] { width: min(280px, 96%); }
    .login-system-status[b-6t4ckurd9g] { left: 34px; }
}

@media (max-width: 700px) {
    .login-experience[b-6t4ckurd9g] { display: block; min-height: 0; border-radius: 22px; }
    .login-brand-panel[b-6t4ckurd9g] { min-height: 235px; padding: 24px 28px; border-right: 0; border-bottom: 1px solid rgba(99, 214, 255, .12); }
    .login-logo-stage[b-6t4ckurd9g] { width: 190px; margin: -28px auto -32px; }
    .login-brand-copy[b-6t4ckurd9g] { text-align: center; }
    .login-brand-copy h2[b-6t4ckurd9g] { margin: 5px 0; font-size: 1.35rem; }
    .login-brand-copy h2 br[b-6t4ckurd9g] { display: none; }
    .login-brand-copy p[b-6t4ckurd9g] { display: none; }
    .login-kicker[b-6t4ckurd9g] { font-size: .56rem; }
    .login-system-status[b-6t4ckurd9g] { display: none; }
    .login-card[b-6t4ckurd9g] { padding: 34px 28px 30px; }
    .login-heading[b-6t4ckurd9g] { margin-bottom: 22px; }
    .login-card .login-heading h1[b-6t4ckurd9g] { font-size: 1.75rem; }
}

@media (max-width: 420px) {
    .login-brand-panel[b-6t4ckurd9g] { min-height: 215px; padding-inline: 20px; }
    .login-logo-stage[b-6t4ckurd9g] { width: 175px; }
    .login-card[b-6t4ckurd9g] { padding: 30px 20px 26px; }
}

@media (prefers-reduced-motion: reduce) {
    .login-experience[b-6t4ckurd9g],
    .login-brand-panel[b-6t4ckurd9g],
    .login-card[b-6t4ckurd9g],
    .login-logo-stage[b-6t4ckurd9g],
    .login-brand-copy[b-6t4ckurd9g],
    .login-system-status[b-6t4ckurd9g],
    .login-logo-ring[b-6t4ckurd9g],
    .login-logo-stage[b-6t4ckurd9g]::before,
    .login-logo-stage[b-6t4ckurd9g]::after,
    .login-system-logo[b-6t4ckurd9g],
    .login-brand-panel[b-6t4ckurd9g]::after { animation: none; }
    .login-submit[b-6t4ckurd9g],
    .login-field input[b-6t4ckurd9g] { transition-duration: .01ms; }
}
/* /Components/Pages/PuestaEnMarcha.razor.rz.scp.css */
.launch-page[b-2r1tyrqvsm] { display: grid; gap: 16px; color: #082b50; }
.launch-hero[b-2r1tyrqvsm] { display: grid; grid-template-columns: minmax(280px, .85fr) minmax(360px, 1.15fr) auto; gap: 18px; align-items: center; padding: 14px 18px; border: 1px solid #c8dcf1; border-radius: 14px; background: linear-gradient(120deg, #eef7ff, #fff8e7); }
.launch-hero span[b-2r1tyrqvsm], .launch-copy small[b-2r1tyrqvsm] { color: #527395; font-size: .72rem; font-weight: 800; letter-spacing: .12em; }
.launch-hero h1[b-2r1tyrqvsm] { margin: 2px 0 3px; font-size: clamp(1.45rem, 2.1vw, 1.8rem); }
.launch-hero p[b-2r1tyrqvsm], .launch-copy p[b-2r1tyrqvsm] { margin: 0; color: #587797; }
.launch-hero-title p[b-2r1tyrqvsm] { font-size: .78rem; }
.launch-hero-summary[b-2r1tyrqvsm] { display: grid; gap: 6px; min-width: 0; padding-left: 18px; border-left: 1px solid #c9d9e9; }
.launch-hero-summary > div:first-child[b-2r1tyrqvsm] { display: grid; gap: 2px; }
.launch-hero-summary strong[b-2r1tyrqvsm] { color: #123d66; font-size: .82rem; }
.launch-hero-summary span[b-2r1tyrqvsm] { overflow: hidden; font-size: .68rem; font-weight: 500; letter-spacing: 0; text-overflow: ellipsis; white-space: nowrap; }
.launch-hero-summary.loading[b-2r1tyrqvsm] { color: #64809c; font-size: .75rem; }
.launch-status[b-2r1tyrqvsm] { padding: 7px 10px; border-radius: 999px; font-size: .66rem; white-space: nowrap; }
.launch-status.pending[b-2r1tyrqvsm] { color: #8b5a00; background: #ffe8aa; }
.launch-status.ready[b-2r1tyrqvsm] { color: #086637; background: #cdf4dc; }
.launch-note[b-2r1tyrqvsm] { padding: 18px 21px; border: 1px solid #d3e1ef; border-radius: 14px; background: #fff; }
.launch-note span[b-2r1tyrqvsm] { color: #64809c; }
.launch-progress[b-2r1tyrqvsm] { height: 6px; overflow: hidden; border-radius: 99px; background: #dce7f2; }
.launch-progress i[b-2r1tyrqvsm] { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #1267dc, #16a45c); }
.launch-list[b-2r1tyrqvsm] { display: grid; gap: 11px; }
.launch-responsibility[b-2r1tyrqvsm] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.launch-responsibility > div[b-2r1tyrqvsm] { display: grid; gap: 4px; padding: 16px 18px; border: 1px solid #d3e1ef; border-radius: 13px; background: #fff; }
.launch-responsibility span[b-2r1tyrqvsm] { color: #1267dc; font-size: .7rem; font-weight: 900; letter-spacing: .1em; }
.launch-responsibility small[b-2r1tyrqvsm] { color: #64809c; }
.storage-overview[b-2r1tyrqvsm] { display: grid; gap: 14px; padding: 22px; border: 1px solid #cddfed; border-radius: 16px; background: #fff; }
.storage-overview > header[b-2r1tyrqvsm] { display: flex; justify-content: space-between; gap: 18px; align-items: center; }
.storage-overview > header span[b-2r1tyrqvsm] { color: #527395; font-size: .7rem; font-weight: 900; letter-spacing: .12em; }
.storage-overview > header h2[b-2r1tyrqvsm] { margin: 4px 0; font-size: 1.2rem; }
.storage-overview > header p[b-2r1tyrqvsm], .storage-location p[b-2r1tyrqvsm] { margin: 0; color: #64809c; }
.storage-active[b-2r1tyrqvsm] { padding: 9px 12px; border-radius: 999px; font-size: .72rem; white-space: nowrap; }
.storage-active.production[b-2r1tyrqvsm] { color: #08703b; background: #d8f7e5; }
.storage-active.certification[b-2r1tyrqvsm] { color: #7547bf; background: #efe4ff; }
.storage-tabs[b-2r1tyrqvsm] { display: flex; gap: 6px; padding: 5px; overflow-x: auto; border: 1px solid #d5e2ee; border-radius: 11px; background: #eef4f9; }
.storage-tabs button[b-2r1tyrqvsm] { min-width: max-content; padding: 8px 12px; border: 0; border-radius: 8px; color: #4c6a86; background: transparent; font-size: .75rem; font-weight: 800; cursor: pointer; }
.storage-tabs button.active[b-2r1tyrqvsm] { color: #123d66; background: #fff; box-shadow: 0 2px 7px rgba(16, 45, 75, .1); }
.storage-tabs button.active.certification[b-2r1tyrqvsm] { color: #7547bf; background: #f6f0ff; }
.storage-tabs button.active.production[b-2r1tyrqvsm] { color: #08703b; background: #edfbf3; }
.storage-facts[b-2r1tyrqvsm] { display: grid; grid-template-columns: 1.25fr .75fr 1fr; gap: 10px; }
.storage-facts article[b-2r1tyrqvsm] { display: grid; gap: 4px; min-width: 0; padding: 14px; border-radius: 11px; background: #f3f7fb; }
.storage-facts small[b-2r1tyrqvsm] { color: #64809c; }
.storage-facts code[b-2r1tyrqvsm], .storage-location code[b-2r1tyrqvsm] { color: #2d5479; overflow-wrap: anywhere; font-size: .75rem; }
.storage-facts span[b-2r1tyrqvsm] { color: #64809c; font-size: .78rem; }
.storage-start-guide[b-2r1tyrqvsm] { overflow: hidden; border: 1px solid #c9dced; border-radius: 12px; background: #f8fbfe; }
.storage-start-guide > header[b-2r1tyrqvsm] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 14px; border-bottom: 1px solid #dce7f1; }
.storage-start-guide > header div[b-2r1tyrqvsm] { display: grid; gap: 2px; }
.storage-start-guide > header span[b-2r1tyrqvsm] { color: #1267dc; font-size: .64rem; font-weight: 900; letter-spacing: .1em; }
.storage-start-guide > header strong[b-2r1tyrqvsm] { color: #123d66; }
.storage-start-guide > header small[b-2r1tyrqvsm] { color: #64809c; }
.storage-start-guide > div[b-2r1tyrqvsm] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.storage-start-guide a[b-2r1tyrqvsm] { display: grid; grid-template-columns: 28px 1fr; gap: 8px; align-items: center; padding: 11px 12px; border-right: 1px solid #dce7f1; color: inherit; text-decoration: none; }
.storage-start-guide a:last-child[b-2r1tyrqvsm] { border-right: 0; }
.storage-start-guide a:hover[b-2r1tyrqvsm] { background: #eef6ff; }
.storage-start-guide a > b[b-2r1tyrqvsm] { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; color: #fff; background: #1267dc; font-size: .72rem; }
.storage-start-guide a > span[b-2r1tyrqvsm] { display: grid; gap: 2px; min-width: 0; }
.storage-start-guide a strong[b-2r1tyrqvsm] { color: #123d66; font-size: .76rem; }
.storage-start-guide a small[b-2r1tyrqvsm] { color: #64809c; font-size: .64rem; line-height: 1.3; }
.storage-environment-summary[b-2r1tyrqvsm] { display: grid; grid-template-columns: 1fr 1fr auto; gap: 12px; align-items: center; padding: 14px; border-radius: 12px; }
.storage-environment-summary.certification[b-2r1tyrqvsm] { border: 1px solid #ddcdf4; background: #faf7ff; }
.storage-environment-summary.production[b-2r1tyrqvsm] { border: 1px solid #bce4cb; background: #f3fcf6; }
.storage-environment-summary > div[b-2r1tyrqvsm] { display: grid; gap: 3px; min-width: 0; }
.storage-environment-summary small[b-2r1tyrqvsm] { color: #64809c; }
.storage-environment-summary code[b-2r1tyrqvsm] { color: #2d5479; font-size: .72rem; overflow-wrap: anywhere; }
.storage-environment-summary a[b-2r1tyrqvsm] { padding: 8px 10px; border-radius: 8px; color: #fff; background: #1267dc; font-size: .7rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
.storage-grid[b-2r1tyrqvsm] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.storage-location[b-2r1tyrqvsm] { display: grid; gap: 7px; min-width: 0; padding: 13px; border: 1px solid #d8e3ee; border-radius: 11px; background: #fbfdff; }
.storage-location.ready[b-2r1tyrqvsm] { border-color: #b9e2c8; background: #f8fdf9; }
.storage-location.missing[b-2r1tyrqvsm] { border-color: #f0b7b1; background: #fff8f7; }
.storage-location.automatic[b-2r1tyrqvsm] { border-style: dashed; }
.storage-location > div[b-2r1tyrqvsm] { display: flex; gap: 8px; align-items: center; }
.storage-location > b[b-2r1tyrqvsm] { color: #123d66; font-size: .8rem; }
.storage-location p[b-2r1tyrqvsm] { font-size: .77rem; }
.storage-location-state[b-2r1tyrqvsm] { margin-left: auto; color: #527395; font-size: .58rem; white-space: nowrap; }
.storage-location.ready .storage-location-state[b-2r1tyrqvsm] { color: #08703b; }
.storage-location.missing .storage-location-state[b-2r1tyrqvsm] { color: #a5261d; }
.storage-location footer[b-2r1tyrqvsm] { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 7px; align-items: center; margin-top: auto; padding-top: 8px; border-top: 1px solid #e0e8f0; }
.storage-location footer > span[b-2r1tyrqvsm] { color: #64809c; font-size: .64rem; line-height: 1.3; }
.storage-location footer > a[b-2r1tyrqvsm], .storage-location summary[b-2r1tyrqvsm] { padding: 6px 8px; border: 1px solid #bdd1e4; border-radius: 7px; color: #24577f; background: #fff; font-size: .64rem; font-weight: 800; text-decoration: none; white-space: nowrap; cursor: pointer; }
.storage-location details[open][b-2r1tyrqvsm] { grid-column: 1 / -1; }
.storage-location details[open] summary[b-2r1tyrqvsm] { width: max-content; margin-left: auto; }
.storage-location details p[b-2r1tyrqvsm] { margin-top: 7px; padding: 8px; border-radius: 7px; color: #526f8a; background: #eef5fb; font-size: .68rem; }
.storage-tag[b-2r1tyrqvsm] { padding: 4px 6px; border-radius: 6px; color: #375a78; background: #e8f0f7; font-size: .62rem; font-weight: 900; text-transform: uppercase; }
.storage-tag.produccion[b-2r1tyrqvsm] { color: #08703b; background: #d8f7e5; }
.storage-tag.certificacion[b-2r1tyrqvsm] { color: #7547bf; background: #efe4ff; }
.storage-tag.protegido[b-2r1tyrqvsm] { color: #8a5a00; background: #fff0c5; }
.storage-overview > aside[b-2r1tyrqvsm] { display: flex; gap: 10px; padding: 12px 14px; border-left: 4px solid #f0a000; border-radius: 9px; color: #64809c; background: #fff9e9; }
.storage-overview > aside strong[b-2r1tyrqvsm] { color: #704c00; white-space: nowrap; }
.launch-sequence-note[b-2r1tyrqvsm] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.launch-sequence-note > div[b-2r1tyrqvsm] { display: grid; grid-template-columns: auto 1fr; gap: 2px 9px; padding: 11px 14px; border: 1px solid #d3e1ef; border-radius: 11px; background: #fff; }
.launch-sequence-note span[b-2r1tyrqvsm] { grid-row: 1 / 3; align-self: center; padding: 5px 7px; border-radius: 7px; color: #24577f; background: #e8f2fb; font-size: .6rem; font-weight: 900; letter-spacing: .06em; }
.launch-sequence-note strong[b-2r1tyrqvsm] { color: #123d66; font-size: .78rem; }
.launch-sequence-note small[b-2r1tyrqvsm] { color: #64809c; font-size: .68rem; }
.launch-step[b-2r1tyrqvsm] { display: grid; grid-template-columns: 46px minmax(0, 1fr) auto minmax(175px, auto); gap: 15px; align-items: center; padding: 18px; border: 1px solid #d2e0ee; border-left: 5px solid #f0a000; border-radius: 14px; background: #fff; }
.launch-step.ready[b-2r1tyrqvsm] { border-left-color: #14a75b; }
.launch-step.future[b-2r1tyrqvsm] { border-left-color: #7e96ad; background: #f7fafc; }
.launch-step.future .launch-number[b-2r1tyrqvsm] { color: #4f6a83; background: #e4edf4; }
.launch-step.future .launch-result[b-2r1tyrqvsm] { color: #4f6a83; }
.launch-step.expanded[b-2r1tyrqvsm] { border-color: #8ab9e5; border-left-color: #1267dc; box-shadow: 0 6px 18px rgba(18, 65, 105, .08); }
.launch-number[b-2r1tyrqvsm] { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; color: #8a5a00; background: #fff0c5; font-weight: 900; }
.launch-step.ready .launch-number[b-2r1tyrqvsm] { color: #08703b; background: #d8f7e5; }
.launch-copy[b-2r1tyrqvsm] { display: grid; gap: 3px; }
.launch-copy h2[b-2r1tyrqvsm] { margin: 0; font-size: 1.04rem; }
.launch-result[b-2r1tyrqvsm] { color: #a06700; font-size: .72rem; }
.launch-step.ready .launch-result[b-2r1tyrqvsm] { color: #08703b; }
.launch-step > a[b-2r1tyrqvsm], .launch-step > button[b-2r1tyrqvsm] { padding: 10px 13px; border: 0; color: #fff; text-align: center; text-decoration: none; border-radius: 10px; background: #1267dc; font-size: .83rem; font-weight: 800; cursor: pointer; }
.launch-step-inline[b-2r1tyrqvsm] { grid-column: 1 / -1; display: grid; gap: 11px; padding: 14px; border: 1px solid #cbdceb; border-radius: 11px; background: #f7fbff; }
.launch-step-inline > header[b-2r1tyrqvsm] { display: grid; grid-template-columns: minmax(220px, .8fr) minmax(300px, 1.4fr) auto; gap: 12px; align-items: center; }
.launch-step-inline > header div[b-2r1tyrqvsm] { display: grid; gap: 2px; }
.launch-step-inline > header span[b-2r1tyrqvsm] { color: #1267dc; font-size: .62rem; font-weight: 900; letter-spacing: .1em; }
.launch-step-inline > header strong[b-2r1tyrqvsm] { color: #123d66; }
.launch-step-inline > header small[b-2r1tyrqvsm] { color: #64809c; line-height: 1.4; }
.launch-step-inline > header a[b-2r1tyrqvsm] { padding: 7px 9px; border: 1px solid #b9cee2; border-radius: 8px; color: #24577f; background: #fff; font-size: .68rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
.launch-note[b-2r1tyrqvsm] { display: flex; gap: 12px; border-left: 4px solid #1267dc; }
.launch-requirements[b-2r1tyrqvsm] { scroll-margin-top: 20px; padding: 22px; border: 1px solid #d3e1ef; border-radius: 16px; background: #fff; }
.launch-requirements > header[b-2r1tyrqvsm] { display: grid; grid-template-columns: 1fr auto; gap: 3px 16px; margin-bottom: 16px; }
.launch-requirements > header span[b-2r1tyrqvsm] { grid-column: 1; color: #527395; font-size: .7rem; font-weight: 900; letter-spacing: .12em; }
.launch-requirements > header h2[b-2r1tyrqvsm] { grid-column: 1; margin: 0; font-size: 1.15rem; }
.launch-requirements > header small[b-2r1tyrqvsm] { grid-column: 2; grid-row: 1 / 3; align-self: center; color: #64809c; }
.launch-check-grid[b-2r1tyrqvsm] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.launch-check[b-2r1tyrqvsm] { display: grid; grid-template-columns: 34px 1fr; gap: 10px; align-items: start; padding: 13px; border: 1px solid #d8e3ee; border-radius: 11px; background: #fbfdff; }
.launch-check > b[b-2r1tyrqvsm] { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; color: #a03b24; background: #ffe2dc; font-size: .72rem; }
.launch-check.ready > b[b-2r1tyrqvsm] { color: #08703b; background: #d8f7e5; }
.launch-check strong[b-2r1tyrqvsm] { display: block; margin: 1px 0 3px; font-size: .88rem; }
.launch-check p[b-2r1tyrqvsm] { margin: 0; color: #64809c; font-size: .8rem; overflow-wrap: anywhere; }

@media (max-width: 1050px) {
    .launch-hero[b-2r1tyrqvsm] { grid-template-columns: 1fr auto; }
    .launch-hero-summary[b-2r1tyrqvsm] { grid-column: 1 / -1; grid-row: 2; padding: 10px 0 0; border-top: 1px solid #c9d9e9; border-left: 0; }
}

@media (max-width: 850px) {
    .launch-hero[b-2r1tyrqvsm] { grid-template-columns: 1fr; }
    .launch-status[b-2r1tyrqvsm] { justify-self: start; }
    .launch-hero-summary[b-2r1tyrqvsm] { grid-row: auto; }
    .launch-hero-summary span[b-2r1tyrqvsm] { white-space: normal; }
    .launch-note[b-2r1tyrqvsm] { align-items: flex-start; flex-direction: column; }
    .launch-sequence-note[b-2r1tyrqvsm] { grid-template-columns: 1fr; }
    .launch-step[b-2r1tyrqvsm] { grid-template-columns: 42px 1fr; }
    .launch-result[b-2r1tyrqvsm] { grid-column: 2; }
    .launch-step > a[b-2r1tyrqvsm], .launch-step > button[b-2r1tyrqvsm] { grid-column: 1 / -1; }
    .launch-step-inline[b-2r1tyrqvsm] { grid-column: 1 / -1; }
    .launch-step-inline > header[b-2r1tyrqvsm] { grid-template-columns: 1fr; }
    .launch-step-inline > header a[b-2r1tyrqvsm] { justify-self: start; }
    .launch-check-grid[b-2r1tyrqvsm] { grid-template-columns: 1fr; }
    .launch-responsibility[b-2r1tyrqvsm] { grid-template-columns: 1fr; }
    .storage-overview > header[b-2r1tyrqvsm], .storage-overview > aside[b-2r1tyrqvsm] { align-items: flex-start; flex-direction: column; }
    .storage-facts[b-2r1tyrqvsm], .storage-grid[b-2r1tyrqvsm] { grid-template-columns: 1fr; }
    .storage-start-guide > header[b-2r1tyrqvsm] { align-items: flex-start; flex-direction: column; }
    .storage-start-guide > div[b-2r1tyrqvsm] { grid-template-columns: 1fr; }
    .storage-start-guide a[b-2r1tyrqvsm] { border-right: 0; border-bottom: 1px solid #dce7f1; }
    .storage-start-guide a:last-child[b-2r1tyrqvsm] { border-bottom: 0; }
    .storage-environment-summary[b-2r1tyrqvsm] { grid-template-columns: 1fr; }
    .storage-environment-summary a[b-2r1tyrqvsm] { justify-self: start; }
    .launch-requirements > header[b-2r1tyrqvsm] { grid-template-columns: 1fr; }
    .launch-requirements > header small[b-2r1tyrqvsm] { grid-column: 1; grid-row: auto; }
}
/* /Components/Pages/Repuestos.razor.rz.scp.css */
.store-loading[b-nx8efgv7qd],.store-error[b-nx8efgv7qd] { display:grid; place-items:center; gap:12px; min-height:60vh; padding:40px; color:#506078; text-align:center; }.store-loading span[b-nx8efgv7qd] { width:36px; height:36px; border:4px solid #dde4ec; border-top-color:#f59e0b; border-radius:50%; animation:store-spin-b-nx8efgv7qd .8s linear infinite; }.store-error strong[b-nx8efgv7qd] { color:#9f2929; font-size:1.2rem; }@keyframes store-spin-b-nx8efgv7qd { to { transform:rotate(360deg); } }
.store-hero[b-nx8efgv7qd] { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr); align-items:center; gap:56px; max-width:1240px; margin:auto; padding:76px 24px 62px; }.store-eyebrow[b-nx8efgv7qd] { margin:0 0 10px; color:#b66d00; font-size:.68rem; font-weight:900; letter-spacing:.14em; }.store-hero h1[b-nx8efgv7qd] { max-width:720px; margin:0; color:#132238; font-size:clamp(2.5rem,5vw,4.6rem); line-height:.98; letter-spacing:-.055em; }.store-hero h1 span[b-nx8efgv7qd] { color:#d48208; }.store-hero-copy > p:not(.store-eyebrow)[b-nx8efgv7qd] { max-width:640px; margin:24px 0 0; color:#627086; font-size:1.05rem; line-height:1.65; }.store-hero-actions[b-nx8efgv7qd] { display:flex; gap:12px; margin-top:28px; }.store-primary-button[b-nx8efgv7qd],.store-secondary-button[b-nx8efgv7qd] { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 20px; border-radius:11px; font-weight:850; text-decoration:none; }.store-primary-button[b-nx8efgv7qd] { background:#f59e0b; color:#18263a; box-shadow:0 10px 24px rgba(245,158,11,.25); }.store-secondary-button[b-nx8efgv7qd] { border:1px solid #ccd5df; background:#fff; color:#263b56; }.store-trust-row[b-nx8efgv7qd] { display:flex; flex-wrap:wrap; gap:16px; margin-top:25px; color:#66758a; font-size:.76rem; font-weight:750; }
.store-hero-panel[b-nx8efgv7qd] { overflow:hidden; border:1px solid #dce3eb; border-radius:24px; background:#172b45; box-shadow:0 28px 60px rgba(18,35,58,.18); }.store-part-visual[b-nx8efgv7qd] { position:relative; display:grid; place-items:center; height:300px; overflow:hidden; background:radial-gradient(circle at 50% 45%,#314c6c 0,#182d47 47%,#102239 100%); }.store-part-visual[b-nx8efgv7qd]::before,.store-part-visual[b-nx8efgv7qd]::after { content:""; position:absolute; width:175px; height:175px; border:28px solid #f59e0b; border-radius:50%; opacity:.9; transform:rotate(-18deg); }.store-part-visual[b-nx8efgv7qd]::after { width:76px; height:76px; border-width:14px; background:#172b45; }.store-part-visual > span[b-nx8efgv7qd] { position:absolute; width:270px; height:48px; border-radius:25px; background:#ef970d; transform:rotate(-38deg); }.store-part-visual i[b-nx8efgv7qd] { position:absolute; width:112px; height:112px; border:14px dashed rgba(255,255,255,.22); border-radius:50%; }.store-part-visual b[b-nx8efgv7qd] { position:absolute; right:20px; bottom:16px; color:rgba(255,255,255,.15); font-size:4rem; letter-spacing:-.08em; }.store-hero-stats[b-nx8efgv7qd] { display:grid; grid-template-columns:repeat(3,1fr); }.store-hero-stats div[b-nx8efgv7qd] { display:grid; gap:3px; padding:18px 14px; border-right:1px solid rgba(255,255,255,.1); }.store-hero-stats div:last-child[b-nx8efgv7qd] { border:0; }.store-hero-stats strong[b-nx8efgv7qd] { color:#fff; font-size:1.25rem; }.store-hero-stats span[b-nx8efgv7qd] { color:#9fb0c3; font-size:.67rem; }
.store-catalog[b-nx8efgv7qd] { max-width:1240px; margin:auto; padding:55px 24px 20px; scroll-margin-top:80px; }.store-section-heading[b-nx8efgv7qd] { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:22px; }.store-section-heading h2[b-nx8efgv7qd],.store-contact h2[b-nx8efgv7qd] { margin:0; color:#17283f; font-size:clamp(1.8rem,3vw,2.6rem); letter-spacing:-.035em; }.store-section-heading p:not(.store-eyebrow)[b-nx8efgv7qd] { margin:7px 0 0; color:#6a788b; }.store-section-heading > span[b-nx8efgv7qd] { padding:7px 11px; border-radius:999px; background:#e9edf2; color:#526176; font-size:.72rem; font-weight:800; }
.store-search-panel[b-nx8efgv7qd] { display:grid; gap:15px; margin-bottom:24px; padding:16px; border:1px solid #dce3eb; border-radius:15px; background:#fff; box-shadow:0 7px 24px rgba(19,34,56,.05); }.store-search[b-nx8efgv7qd] { display:flex; align-items:center; gap:10px; padding:0 14px; border:1px solid #cbd5df; border-radius:11px; background:#f9fafb; }.store-search span[b-nx8efgv7qd] { color:#8a97a8; font-size:1.4rem; }.store-search input[b-nx8efgv7qd] { width:100%; min-height:48px; border:0; outline:0; background:transparent; color:#20334d; font:inherit; }.store-category-list[b-nx8efgv7qd] { display:flex; gap:8px; overflow-x:auto; padding-bottom:2px; }.store-category-list button[b-nx8efgv7qd] { min-height:35px; padding:0 13px; border:1px solid #d8e0e9; border-radius:999px; background:#fff; color:#56667b; font:inherit; font-size:.73rem; font-weight:800; white-space:nowrap; cursor:pointer; }.store-category-list button.active[b-nx8efgv7qd] { border-color:#f59e0b; background:#fff4d9; color:#8c5300; }
.store-product-grid[b-nx8efgv7qd] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }.store-product-card[b-nx8efgv7qd] { overflow:hidden; border:1px solid #dce3eb; border-radius:16px; background:#fff; box-shadow:0 8px 26px rgba(20,37,59,.055); transition:transform .18s ease,box-shadow .18s ease; }.store-product-card:hover[b-nx8efgv7qd] { transform:translateY(-3px); box-shadow:0 15px 35px rgba(20,37,59,.11); }.store-product-visual[b-nx8efgv7qd] { display:flex; align-items:flex-end; justify-content:space-between; height:145px; padding:16px; background:linear-gradient(145deg,#eff2f5,#dfe5eb); }.store-product-visual > span[b-nx8efgv7qd] { display:grid; place-items:center; width:78px; height:78px; border:8px solid #b8c2cd; border-radius:50%; color:#7b8999; font-size:1.2rem; font-weight:950; }.store-product-visual small[b-nx8efgv7qd] { padding:5px 8px; border-radius:7px; background:rgba(255,255,255,.78); color:#5a687a; font-size:.64rem; font-weight:800; }.store-product-body[b-nx8efgv7qd] { padding:16px; }.store-product-meta[b-nx8efgv7qd] { display:flex; align-items:center; justify-content:space-between; gap:8px; color:#8490a0; font-size:.64rem; font-weight:800; }.store-product-meta b[b-nx8efgv7qd] { padding:4px 7px; border-radius:999px; font-size:.58rem; }.store-product-meta b.available[b-nx8efgv7qd] { background:#dcfce7; color:#08743d; }.store-product-meta b.on-request[b-nx8efgv7qd] { background:#fff0d1; color:#885700; }.store-product-body h3[b-nx8efgv7qd] { min-height:44px; margin:10px 0 5px; color:#1c304a; font-size:.98rem; line-height:1.35; }.store-product-body > small[b-nx8efgv7qd] { color:#8a95a4; font-size:.68rem; }.store-product-footer[b-nx8efgv7qd] { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-top:17px; padding-top:14px; border-top:1px solid #ebeff3; }.store-product-footer > div[b-nx8efgv7qd] { display:grid; gap:2px; }.store-product-footer span[b-nx8efgv7qd] { color:#8490a0; font-size:.63rem; }.store-product-footer strong[b-nx8efgv7qd] { color:#162b45; font-size:1.13rem; }.store-product-footer a[b-nx8efgv7qd],.store-empty a[b-nx8efgv7qd] { padding:9px 13px; border-radius:9px; background:#172b45; color:#fff; font-size:.72rem; font-weight:850; text-decoration:none; }.store-empty[b-nx8efgv7qd] { display:grid; place-items:center; gap:7px; padding:45px; border:1px dashed #cbd5df; border-radius:15px; color:#718094; text-align:center; }.store-empty strong[b-nx8efgv7qd] { color:#2c4059; font-size:1.05rem; }.store-empty p[b-nx8efgv7qd] { margin:0 0 8px; }
.store-load-more[b-nx8efgv7qd] { display:grid; place-items:center; gap:7px; margin-top:25px; }.store-load-more button[b-nx8efgv7qd] { min-height:44px; padding:0 20px; border:1px solid #bac6d3; border-radius:10px; background:#fff; color:#263b56; font:inherit; font-size:.78rem; font-weight:850; cursor:pointer; }.store-load-more button:hover[b-nx8efgv7qd] { border-color:#f59e0b; }.store-load-more span[b-nx8efgv7qd] { color:#7c899a; font-size:.68rem; }
.store-how[b-nx8efgv7qd] { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; max-width:1192px; margin:58px auto 0; overflow:hidden; border:1px solid #dce3eb; border-radius:16px; background:#dce3eb; scroll-margin-top:90px; }.store-how div[b-nx8efgv7qd] { padding:25px; background:#fff; }.store-how span[b-nx8efgv7qd] { color:#c87900; font-size:.7rem; font-weight:950; }.store-how strong[b-nx8efgv7qd] { display:block; margin-top:12px; color:#1e324c; }.store-how p[b-nx8efgv7qd] { margin:5px 0 0; color:#6d7b8e; font-size:.82rem; }.store-contact[b-nx8efgv7qd] { display:flex; align-items:center; justify-content:space-between; gap:28px; max-width:1192px; margin:22px auto 0; padding:32px; border-radius:18px; background:#172b45; color:#fff; scroll-margin-top:90px; }.store-contact .store-eyebrow[b-nx8efgv7qd] { color:#f8b94e; }.store-contact h2[b-nx8efgv7qd] { color:#fff; }.store-contact p:not(.store-eyebrow)[b-nx8efgv7qd] { margin:8px 0 0; color:#b8c5d3; }.store-contact .store-primary-button[b-nx8efgv7qd] { flex:0 0 auto; }
@media (max-width:980px) { .store-hero[b-nx8efgv7qd] { grid-template-columns:1fr; padding-top:50px; }.store-hero-panel[b-nx8efgv7qd] { max-width:620px; }.store-product-grid[b-nx8efgv7qd] { grid-template-columns:repeat(2,minmax(0,1fr)); }.store-how[b-nx8efgv7qd] { margin-inline:24px; }.store-contact[b-nx8efgv7qd] { margin-inline:24px; } }
@media (max-width:650px) { .store-hero[b-nx8efgv7qd],.store-catalog[b-nx8efgv7qd] { padding-inline:17px; }.store-hero[b-nx8efgv7qd] { gap:36px; padding-top:38px; }.store-hero h1[b-nx8efgv7qd] { font-size:2.65rem; }.store-hero-actions[b-nx8efgv7qd],.store-section-heading[b-nx8efgv7qd],.store-contact[b-nx8efgv7qd] { align-items:stretch; flex-direction:column; }.store-hero-actions a[b-nx8efgv7qd] { width:100%; }.store-trust-row[b-nx8efgv7qd] { display:grid; gap:8px; }.store-hero-stats strong[b-nx8efgv7qd] { font-size:1rem; }.store-product-grid[b-nx8efgv7qd],.store-how[b-nx8efgv7qd] { grid-template-columns:1fr; }.store-how[b-nx8efgv7qd],.store-contact[b-nx8efgv7qd] { margin-inline:17px; }.store-section-heading > span[b-nx8efgv7qd] { width:max-content; }.store-contact .store-primary-button[b-nx8efgv7qd] { width:100%; } }
/* /Components/Pages/SuiteEmpresa.razor.rz.scp.css */
.suite-company-grid[b-gy0ahw7z0p] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1rem; }
.suite-card[b-gy0ahw7z0p] { padding: 1.2rem; }
.suite-card h2[b-gy0ahw7z0p] { margin: .7rem 0 .3rem; }
.suite-card > strong[b-gy0ahw7z0p] { display: block; margin-bottom: .9rem; }
.suite-card dl[b-gy0ahw7z0p] { display: grid; gap: .65rem; margin: 0; }
.suite-card dl div[b-gy0ahw7z0p] { border-top: 1px solid var(--border); display: grid; gap: .75rem; grid-template-columns: 9rem 1fr; padding-top: .65rem; }
.suite-card dt[b-gy0ahw7z0p] { color: var(--text-muted); font-size: .76rem; font-weight: 800; text-transform: uppercase; }
.suite-card dd[b-gy0ahw7z0p] { margin: 0; }
.suite-owner[b-gy0ahw7z0p] { border-radius: 999px; display: inline-flex; font-size: .72rem; font-weight: 800; padding: .3rem .55rem; }
.suite-owner-ventas[b-gy0ahw7z0p] { background: #e8f1ff; color: #174ea6; }
.suite-owner-contract[b-gy0ahw7z0p] { background: #f2ecff; color: #6941c6; }
.suite-readonly[b-gy0ahw7z0p] { color: var(--text-muted); font-size: .82rem; margin: 1rem 0 0; }
.suite-modules-card[b-gy0ahw7z0p] { padding: 1.2rem; }
.suite-status[b-gy0ahw7z0p] { border-radius: 999px; display: inline-flex; font-size: .75rem; font-weight: 800; padding: .28rem .5rem; }
.suite-status.enabled[b-gy0ahw7z0p] { background: #e5fbf5; color: #08795c; }
.suite-status.disabled[b-gy0ahw7z0p] { background: #eef1f4; color: #667085; }
.suite-notice[b-gy0ahw7z0p] { border-radius: .8rem; padding: .9rem; }
.suite-notice-error[b-gy0ahw7z0p] { background: #fff1f0; color: #b42318; }

@media (max-width: 900px) {
    .suite-company-grid[b-gy0ahw7z0p] { grid-template-columns: 1fr; }
    .suite-card dl div[b-gy0ahw7z0p] { grid-template-columns: 1fr; gap: .2rem; }
}
/* /Components/Shared/CommerceProductGallery.razor.rz.scp.css */
.commerce-product-gallery[b-v82gm7z3h4] {
    display: grid;
    gap: .8rem;
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid #dce6ef;
    border-radius: 12px;
    background: #f8fafc;
}

.commerce-product-gallery header[b-v82gm7z3h4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.commerce-product-gallery header > div[b-v82gm7z3h4] {
    display: grid;
    gap: .15rem;
}

.commerce-product-gallery header strong[b-v82gm7z3h4] {
    color: #173454;
}

.commerce-gallery-kicker[b-v82gm7z3h4],
.commerce-gallery-owner[b-v82gm7z3h4] {
    color: #627d98;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.commerce-gallery-owner[b-v82gm7z3h4] {
    padding: .35rem .55rem;
    border-radius: 999px;
    background: #e8f1fb;
    color: #174f82;
    letter-spacing: 0;
}

.commerce-gallery-content[b-v82gm7z3h4] {
    display: grid;
    grid-template-columns: minmax(180px, 320px) minmax(0, 1fr);
    gap: .8rem;
}

.commerce-gallery-cover[b-v82gm7z3h4],
.commerce-gallery-thumbnails figure[b-v82gm7z3h4] {
    margin: 0;
    overflow: hidden;
    border: 1px solid #dce6ef;
    border-radius: 10px;
    background: #fff;
}

.commerce-gallery-cover img[b-v82gm7z3h4] {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: contain;
}

.commerce-product-gallery figcaption[b-v82gm7z3h4] {
    padding: .45rem .55rem;
    color: #627d98;
    font-size: .68rem;
    font-weight: 700;
}

.commerce-gallery-delete[b-v82gm7z3h4] {
    margin: 0 .55rem .55rem;
    padding: .35rem .55rem;
    border: 1px solid #fecaca;
    border-radius: 7px;
    background: #fff;
    color: #b42318;
    font-size: .7rem;
    font-weight: 800;
    cursor: pointer;
}

.commerce-gallery-delete:disabled[b-v82gm7z3h4] {
    cursor: wait;
    opacity: .55;
}

.commerce-gallery-editor[b-v82gm7z3h4] {
    display: flex;
    align-items: end;
    gap: .75rem;
    padding-top: .8rem;
    border-top: 1px solid #dce6ef;
}

.commerce-gallery-editor > div[b-v82gm7z3h4] {
    display: grid;
    flex: 1;
    gap: .2rem;
}

.commerce-gallery-editor small[b-v82gm7z3h4] {
    color: #627d98;
}

.commerce-gallery-editor label[b-v82gm7z3h4] {
    display: grid;
    gap: .3rem;
    color: #486581;
    font-size: .72rem;
    font-weight: 800;
}

.commerce-gallery-editor select[b-v82gm7z3h4] {
    min-height: 36px;
    padding: .35rem .5rem;
    border: 1px solid #bcccdc;
    border-radius: 8px;
    background: #fff;
}

.commerce-gallery-file[b-v82gm7z3h4] {
    position: relative;
    min-height: 36px;
    place-items: center;
    padding: .5rem .75rem;
    border-radius: 8px;
    background: #174f82;
    color: #fff !important;
    cursor: pointer;
    overflow: hidden;
}

.commerce-gallery-file[b-v82gm7z3h4]  input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.commerce-gallery-message[b-v82gm7z3h4] {
    margin: 0;
    padding: .55rem .7rem;
    border-radius: 8px;
    font-size: .75rem;
    font-weight: 750;
}

.commerce-gallery-message.success[b-v82gm7z3h4] {
    background: #ecfdf3;
    color: #067647;
}

.commerce-gallery-message.error[b-v82gm7z3h4] {
    background: #fef3f2;
    color: #b42318;
}

.commerce-gallery-thumbnails[b-v82gm7z3h4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-content: start;
    gap: .65rem;
}

.commerce-gallery-thumbnails img[b-v82gm7z3h4] {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    object-fit: contain;
}

.commerce-gallery-placeholder[b-v82gm7z3h4] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    min-height: 128px;
    padding: 1rem;
    border: 1px dashed #bcccdc;
    border-radius: 10px;
    background: #fff;
    color: #627d98;
    text-align: center;
}

.commerce-gallery-placeholder > span[b-v82gm7z3h4] {
    font-size: 2rem;
}

.commerce-gallery-placeholder div[b-v82gm7z3h4] {
    display: grid;
    gap: .2rem;
    text-align: left;
}

.commerce-gallery-placeholder strong[b-v82gm7z3h4],
.commerce-gallery-placeholder small[b-v82gm7z3h4] {
    display: block;
}

@media (max-width: 720px) {
    .commerce-product-gallery header[b-v82gm7z3h4],
    .commerce-gallery-content[b-v82gm7z3h4] {
        align-items: stretch;
        grid-template-columns: 1fr;
        flex-direction: column;
    }

    .commerce-gallery-thumbnails[b-v82gm7z3h4] {
        grid-template-columns: repeat(3, minmax(72px, 1fr));
    }

    .commerce-gallery-editor[b-v82gm7z3h4] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Shared/OperationalNotificationCenter.razor.rz.scp.css */
.notification-center[b-5ptqxjmy82] { position: relative; z-index: 1300; }
.notification-count[hidden][b-5ptqxjmy82], .notification-list[hidden][b-5ptqxjmy82], .notification-empty[hidden][b-5ptqxjmy82], .notification-item[hidden][b-5ptqxjmy82] { display: none !important; }
.notification-center[open][b-5ptqxjmy82] { z-index: 10000; }
.notification-trigger[b-5ptqxjmy82] { position: relative; display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 999px; background: linear-gradient(180deg, #f7fbff, #edf3fb); border: 1px solid #c6d7eb; cursor: pointer; list-style: none; transition: transform .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease; }
.notification-trigger[b-5ptqxjmy82]::-webkit-details-marker { display: none; }
.notification-trigger:hover[b-5ptqxjmy82], .notification-center[open] .notification-trigger[b-5ptqxjmy82] { border-color: #6ba5f7; background: linear-gradient(180deg, #eef6ff, #dbeafe); box-shadow: 0 8px 16px rgba(37, 99, 235, .22); }
.notification-trigger:hover[b-5ptqxjmy82] { transform: translateY(-1px); }
.notification-bell[b-5ptqxjmy82] { display: grid; place-items: center; width: 18px; height: 18px; color: #1d4ed8; }
.notification-bell svg[b-5ptqxjmy82] { width: 16px; height: 16px; }
.notification-count[b-5ptqxjmy82] { position: absolute; top: -6px; right: -7px; display: grid; place-items: center; min-width: 18px; height: 18px; padding: 0 4px; border: 2px solid #fff; border-radius: 99px; background: #d97706; color: #fff; font-size: .6rem; }
.notification-count.critical[b-5ptqxjmy82] { background: #dc2626; }
.notification-panel[b-5ptqxjmy82] { position: absolute; z-index: 10001; top: calc(100% + 10px); right: 0; width: min(390px, calc(100vw - 28px)); overflow: hidden; border: 1px solid #ccdae8; border-radius: 14px; background: #fff; box-shadow: 0 18px 45px rgba(15,42,70,.2); }
.notification-panel > header[b-5ptqxjmy82] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-bottom: 1px solid #e4ebf2; background: #f8fbfe; }
.notification-panel > header div[b-5ptqxjmy82] { display: grid; gap: 2px; }
.notification-panel > header span[b-5ptqxjmy82] { color: #6b85a0; font-size: .62rem; font-weight: 900; letter-spacing: .1em; }
.notification-panel > header strong[b-5ptqxjmy82] { color: #173454; font-size: .92rem; }
.notification-panel > header small[b-5ptqxjmy82] { color: #6b85a0; font-size: .7rem; }
.notification-list[b-5ptqxjmy82] { display: grid; max-height: 360px; overflow: auto; }
.notification-item[b-5ptqxjmy82] { display: grid; grid-template-columns: 9px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 12px 14px; color: #294e76; border-bottom: 1px solid #edf2f7; }
.notification-item:hover[b-5ptqxjmy82] { background: #f6faff; }
.notification-item i[b-5ptqxjmy82] { width: 9px; height: 9px; border-radius: 50%; background: #3b82f6; }
.notification-item.warning i[b-5ptqxjmy82] { background: #d97706; }
.notification-item.critical i[b-5ptqxjmy82] { background: #dc2626; }
.notification-item-content[b-5ptqxjmy82] { display: grid; gap: 3px; min-width: 0; text-decoration: none; }
.notification-item strong[b-5ptqxjmy82] { color: #173454; font-size: .8rem; }
.notification-item small[b-5ptqxjmy82] { color: #6b85a0; font-size: .7rem; line-height: 1.35; }
.notification-item-actions[b-5ptqxjmy82] { display: flex; align-items: center; gap: 5px; }
.notification-item-actions a[b-5ptqxjmy82], .notification-item-actions button[b-5ptqxjmy82] { min-height: 28px; padding: 5px 8px; border: 1px solid #c7d8e7; border-radius: 7px; background: #fff; color: #1769c2; font: 800 .66rem/1 system-ui, sans-serif; text-decoration: none; cursor: pointer; }
.notification-item-actions a:hover[b-5ptqxjmy82], .notification-item-actions button:hover[b-5ptqxjmy82] { border-color: #73a8df; background: #eaf4ff; }
.notification-empty[b-5ptqxjmy82] { display: flex; gap: 10px; align-items: center; padding: 20px 16px; }
.notification-empty > b[b-5ptqxjmy82] { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #dcfce7; color: #15803d; font-size: .68rem; }
.notification-empty span[b-5ptqxjmy82] { display: grid; gap: 2px; }
.notification-empty small[b-5ptqxjmy82] { color: #6b85a0; }
.notification-panel > footer[b-5ptqxjmy82] { padding: 9px 14px; color: #71869c; background: #f8fbfe; font-size: .64rem; }

@media (max-width: 640px) {
    .notification-panel[b-5ptqxjmy82] {
        position: fixed;
        top: 148px;
        right: 14px;
        left: 14px;
        width: auto;
        max-height: calc(100vh - 162px);
    }
}

@media (max-width: 480px) {
    .notification-item[b-5ptqxjmy82] { grid-template-columns: 9px minmax(0, 1fr); }
    .notification-item-actions[b-5ptqxjmy82] { grid-column: 2; justify-content: flex-end; }
}
/* /Components/Shared/SiiSetupSteps.razor.rz.scp.css */
.sii-setup-steps[b-frq2hl9ldo] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 22px;
    padding: 8px;
    border: 1px solid #cbdcf0;
    border-radius: 16px;
    background: #eaf2fb;
}

.sii-setup-step[b-frq2hl9ldo] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 58px;
    padding: 10px 13px;
    color: #294e76;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 12px;
}

.sii-setup-step > span[b-frq2hl9ldo] {
    display: grid;
    place-items: center;
    width: 31px;
    height: 31px;
    flex: 0 0 auto;
    border-radius: 50%;
    color: #145caf;
    background: #d6e7fa;
    font-weight: 800;
}

.sii-setup-step div[b-frq2hl9ldo] { display: grid; gap: 2px; }
.sii-setup-step strong[b-frq2hl9ldo] { color: #082d55; font-size: .9rem; }
.sii-setup-step small[b-frq2hl9ldo] { color: #65819f; font-size: .72rem; }
.step-environment[b-frq2hl9ldo] { display: inline-flex; padding: 2px 5px; border-radius: 999px; font-size: .62rem; letter-spacing: .05em; }
.step-environment.test[b-frq2hl9ldo] { color: #815300; background: #ffe7ad; }
.step-environment.production[b-frq2hl9ldo] { color: #a12020; background: #ffdcdc; }
.sii-setup-step.current[b-frq2hl9ldo] { border-color: #1267dc; background: #fff; box-shadow: 0 3px 10px rgb(15 65 115 / 10%); }
.sii-setup-step.current > span[b-frq2hl9ldo] { color: #fff; background: #1267dc; }

@media (max-width: 760px) {
    .sii-setup-steps[b-frq2hl9ldo] { grid-template-columns: 1fr; }
}

@media (max-width: 1180px) and (min-width: 761px) {
    .sii-setup-steps[b-frq2hl9ldo] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}