/* /Layout/LoginLayout.razor.rz.scp.css */
.login-shell[b-z66lkunulu] {
    min-height: 100vh;
    width: 100%;
    background:
        radial-gradient(circle at 15% 15%, rgba(37, 99, 235, .08), transparent 34%),
        radial-gradient(circle at 85% 80%, rgba(14, 165, 233, .07), transparent 30%),
        #f6f8fb;
}

.login-shell-content[b-z66lkunulu] {
    min-height: 100vh;
    width: 100%;
}
/* /Layout/MainLayout.razor.rz.scp.css */
/* ============================================================
   CORELINK ADMIN SHELL — LIGHT ENTERPRISE UI
   Inspirado en una consola SaaS moderna: sidebar clara,
   botones limpios, iconografía pastel y mucha respiración visual.
   ============================================================ */

.app-shell[b-sckwb1gchf] {
    min-height: 100vh;
    display: flex;
    background: #f8fafc;
    color: #0f172a;
}

/* ============================================================
   SIDEBAR
   ============================================================ */

.sidebar[b-sckwb1gchf] {
    width: 252px;
    min-width: 252px;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-right: 1px solid #e6eaf0;
    color: #1f2937;
    box-shadow: 6px 0 22px rgba(15, 23, 42, .025);
    position: sticky;
    top: 0;
    height: 100vh;
    z-index: 20;
}

/* ============================================================
   BRAND
   ============================================================ */

.brand[b-sckwb1gchf] {
    height: 76px;
    padding: 0 18px 0 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #eef1f5;
}

.brand-mark[b-sckwb1gchf] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: linear-gradient(145deg, #2f6df6, #4f46e5);
    box-shadow: 0 7px 18px rgba(59, 130, 246, .18);
}

.brand-mark svg[b-sckwb1gchf] {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: #fff;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.brand-copy[b-sckwb1gchf] { min-width: 0; }

.brand-name[b-sckwb1gchf] {
    color: #111827;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -.03em;
}

.brand-subtitle[b-sckwb1gchf] {
    margin-top: 2px;
    color: #8793a6;
    font-size: 8px;
    font-weight: 750;
    letter-spacing: .18em;
}

/* ============================================================
   NAVIGATION
   ============================================================ */

.sidebar-nav[b-sckwb1gchf] {
    flex: 1;
    padding: 10px 10px 12px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #dce2eb transparent;
}

.nav-section-title[b-sckwb1gchf] {
    margin: 15px 10px 7px;
    color: #a0a9b8;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .15em;
}

.nav-section-title:first-child[b-sckwb1gchf] { margin-top: 2px; }

/* Cada enlace se presenta como un botón limpio, igual al cierre de sesión. */
.nav-item[b-sckwb1gchf] {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    width: 100%;
    min-height: 40px;
    margin-bottom: 7px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    border: 1px solid #e8ecf2;
    border-radius: 12px;
    background: #ffffff;
    color: #475569;
    text-decoration: none !important;
    font: inherit;
    text-align: left;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    outline: none;
    box-sizing: border-box;
    line-height: 1.2;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.nav-item:hover[b-sckwb1gchf] {
    background: #f8fafc;
    border-color: #d8dee8;
    color: #1f2937;
    box-shadow: 0 4px 12px rgba(16,24,40,.05);
    transform: translateY(-1px);
}

.nav-item:focus-visible[b-sckwb1gchf] {
    outline: 2px solid #c7d2fe;
    outline-offset: 2px;
}

.nav-item.active[b-sckwb1gchf] {
    color: #2447b8;
    background: linear-gradient(90deg, #eef2ff, #f7f5ff);
    border-color: #d9e0ff;
    box-shadow: inset 0 0 0 1px rgba(91,92,240,.04), 0 4px 12px rgba(91,92,240,.05);
}

.nav-item.active:hover[b-sckwb1gchf] {
    background: linear-gradient(90deg, #edf1ff, #f5f2ff);
    border-color: #cfd7ff;
    color: #1d3ca2;
}

.nav-label[b-sckwb1gchf] {
    display: block;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ============================================================
   SIDEBAR FOOTER
   ============================================================ */

.sidebar-footer[b-sckwb1gchf] {
    padding: 10px;
    border-top: 1px solid #edf1f5;
    background: #ffffff;
}

.environment-status[b-sckwb1gchf] {
    min-height: 50px;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #edf0f4;
    border-radius: 10px;
    background: #fcfdff;
}

.status-dot[b-sckwb1gchf] {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34,197,94,.08);
}

.environment-status div[b-sckwb1gchf] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.environment-status strong[b-sckwb1gchf] { color: #1f2937; font-size: 10px; font-weight: 750; }
.environment-status small[b-sckwb1gchf] { margin-top: 2px; color: #98a2b3; font-size: 8px; }

.sidebar-logout[b-sckwb1gchf] {
    width: 100%;
    margin-top: 9px;
    min-height: 40px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    gap: 9px;
    border: 1px solid #e8ecf2;
    border-radius: 12px;
    background: #fff;
    color: #475569;
    font: inherit;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    transition: .16s ease;
}

.sidebar-logout:hover[b-sckwb1gchf] {
    background: #fff7f7;
    border-color: #f3cccc;
    color: #b42318;
    box-shadow: 0 4px 12px rgba(180,35,24,.06);
}

.sidebar-logout svg[b-sckwb1gchf] {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* ============================================================
   MAIN AREA
   ============================================================ */

.main-area[b-sckwb1gchf] {
    flex: 1;
    min-width: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #f8fafc;
}

/* ============================================================
   TOPBAR
   ============================================================ */

.topbar[b-sckwb1gchf] {
    min-height: 72px;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 10;
    background: linear-gradient(180deg, #f8fafc 0%, #eef3f9 100%);
    border-bottom: 1px solid #dbe3ee;
    box-shadow: 0 1px 4px rgba(15, 23, 42, .05);
}

.topbar[b-sckwb1gchf]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, #1f4fd1 0%, #4f46e5 52%, #7c3aed 100%);
}

.topbar-left[b-sckwb1gchf],
.topbar-right[b-sckwb1gchf] { display: flex; align-items: center; }
.topbar-left[b-sckwb1gchf] { gap: 11px; }
.topbar-title[b-sckwb1gchf] { color: #132238; font-size: 13px; font-weight: 800; letter-spacing: -.01em; }
.topbar-divider[b-sckwb1gchf] { display: none; }
.topbar-context[b-sckwb1gchf] { display: none; }
.topbar-right[b-sckwb1gchf] { gap: 10px; }

.topbar-button[b-sckwb1gchf] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5eaf0;
    border-radius: 11px;
    background: #fff;
    color: #667085;
    cursor: pointer;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.topbar-button:hover[b-sckwb1gchf] {
    background: #f8fafc;
    border-color: #d6dde7;
    color: #344054;
    box-shadow: 0 3px 9px rgba(16,24,40,.05);
}

.topbar-button svg[b-sckwb1gchf] {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.user-profile[b-sckwb1gchf] {
    min-height: 42px;
    padding: 3px 8px 3px 3px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    transition: background-color .16s ease, box-shadow .16s ease;
}

.user-profile:hover[b-sckwb1gchf] {
    background: #f8fafc;
    box-shadow: inset 0 0 0 1px #eef2f6;
}

.user-avatar[b-sckwb1gchf] {
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #edf2ff;
    color: #2e5be6;
    font-size: 10px;
    font-weight: 800;
}

.user-copy[b-sckwb1gchf] { display: flex; flex-direction: column; }
.user-copy strong[b-sckwb1gchf] { color: #344054; font-size: 10px; font-weight: 750; }
.user-copy small[b-sckwb1gchf] { margin-top: 2px; color: #98a2b3; font-size: 8px; }

.logout-button[b-sckwb1gchf] { color: #667085; border-color: #e5e7eb; }
.logout-button:hover[b-sckwb1gchf] { color: #b42318; border-color: #f0b6b2; background: #fff7f7; box-shadow: 0 4px 12px rgba(180,35,24,.08); }

/* ============================================================
   PAGE CONTENT
   ============================================================ */

.page-content[b-sckwb1gchf] {
    flex: 1;
    padding: 26px 30px 30px;
    min-width: 0;
}

/* ============================================================
   SCROLLBARS
   ============================================================ */

.sidebar-nav[b-sckwb1gchf]::-webkit-scrollbar,
.notification-list[b-sckwb1gchf]::-webkit-scrollbar { width: 5px; }
.sidebar-nav[b-sckwb1gchf]::-webkit-scrollbar-track,
.notification-list[b-sckwb1gchf]::-webkit-scrollbar-track { background: transparent; }
.sidebar-nav[b-sckwb1gchf]::-webkit-scrollbar-thumb,
.notification-list[b-sckwb1gchf]::-webkit-scrollbar-thumb { background: #dce2eb; border-radius: 999px; }

/* ============================================================
   NOTIFICATIONS
   ============================================================ */

.notification-wrapper[b-sckwb1gchf] { position: relative; }
.notification-button[b-sckwb1gchf] { position: relative; }
.notification-badge[b-sckwb1gchf] {
    position: absolute;
    top: -4px;
    right: -3px;
    min-width: 15px;
    height: 15px;
    padding: 0 4px;
    border-radius: 999px;
    background: #dc2626;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8px;
    font-weight: 700;
    line-height: 1;
    border: 2px solid #fff;
}

.notification-overlay[b-sckwb1gchf] { position: fixed; inset: 0; z-index: 9998; background: transparent; }
.notification-panel[b-sckwb1gchf] {
    position: absolute;
    top: calc(100% + 9px);
    right: 0;
    z-index: 9999;
    width: 360px;
    overflow: hidden;
    border: 1px solid #e1e6ec;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 22px 55px rgba(16,24,40,.17), 0 6px 16px rgba(16,24,40,.07);
}

.notification-panel-header[b-sckwb1gchf] {
    min-height: 66px;
    padding: 13px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid #eef2f6;
}

.notification-panel-header > div[b-sckwb1gchf] { display: flex; flex-direction: column; gap: 3px; }
.notification-panel-header strong[b-sckwb1gchf] { color: #101828; font-size: 13px; }
.notification-panel-header span[b-sckwb1gchf] { color: #98a2b3; font-size: 9px; }
.notification-mark-button[b-sckwb1gchf] { border: 0; background: transparent; color: #2563eb; font-size: 9px; font-weight: 650; cursor: pointer; }
.notification-mark-button:disabled[b-sckwb1gchf] { opacity: .45; cursor: not-allowed; }
.notification-list[b-sckwb1gchf] { max-height: 340px; overflow-y: auto; }
.notification-item[b-sckwb1gchf] {
    width: 100%;
    min-height: 80px;
    padding: 11px 14px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border: 0;
    border-bottom: 1px solid #f2f4f7;
    background: #fff;
    text-align: left;
    cursor: pointer;
    transition: background-color .15s ease;
}
.notification-item:hover[b-sckwb1gchf] { background: #f8fafc; }
.notification-item.unread[b-sckwb1gchf] { background: #fbfdff; }
.notification-item-icon[b-sckwb1gchf] { width: 30px; height: 30px; flex: 0 0 30px; display: flex; align-items: center; justify-content: center; border-radius: 9px; }
.notification-item-icon svg[b-sckwb1gchf] { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.notification-item-icon.success[b-sckwb1gchf] { background: #ecfdf3; color: #12b76a; }
.notification-item-icon.warning[b-sckwb1gchf] { background: #fff7ed; color: #ea580c; }
.notification-item-icon.info[b-sckwb1gchf] { background: #eff6ff; color: #2563eb; }
.notification-item-copy[b-sckwb1gchf] { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 3px; }
.notification-item-copy strong[b-sckwb1gchf] { color: #344054; font-size: 10px; font-weight: 700; }
.notification-item-copy small[b-sckwb1gchf] { color: #667085; font-size: 9px; line-height: 1.4; }
.notification-item-copy em[b-sckwb1gchf] { color: #98a2b3; font-size: 8px; font-style: normal; }
.notification-unread-dot[b-sckwb1gchf] { width: 7px; height: 7px; margin-top: 5px; flex: 0 0 7px; border-radius: 50%; background: #2563eb; }
.notification-panel-footer[b-sckwb1gchf] { min-height: 38px; padding: 0 15px; display: flex; align-items: center; border-top: 1px solid #eef2f6; background: #fcfcfd; }
.notification-panel-footer span[b-sckwb1gchf] { color: #98a2b3; font-size: 8px; }

/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1024px) {
    .sidebar[b-sckwb1gchf] { width: 236px; min-width: 236px; }
    .topbar[b-sckwb1gchf] { padding: 0 20px; }
    .page-content[b-sckwb1gchf] { padding: 22px; }
}

@media (max-width: 760px) {
    .sidebar[b-sckwb1gchf] { width: 74px; min-width: 74px; box-shadow: none; }
    .brand[b-sckwb1gchf] { height: 72px; padding: 0; justify-content: center; }
    .brand-copy[b-sckwb1gchf], .nav-section-title[b-sckwb1gchf], .nav-label[b-sckwb1gchf], .sidebar-footer[b-sckwb1gchf] { display: none; }
    .sidebar-nav[b-sckwb1gchf] { padding: 14px 8px; }
    .nav-item[b-sckwb1gchf] { justify-content: center; padding: 0; }
    .nav-item.active[b-sckwb1gchf]::before { left: 2px; }
    .topbar[b-sckwb1gchf] { min-height: 62px; padding: 0 12px; }
    .topbar-context[b-sckwb1gchf], .topbar-divider[b-sckwb1gchf], .user-copy[b-sckwb1gchf] { display: none; }
    .page-content[b-sckwb1gchf] { padding: 16px; }
    .notification-panel[b-sckwb1gchf] { position: fixed; top: 58px; left: 12px; right: 12px; width: auto; }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.legacy-nav-shell[b-hl34cieufr] {
    display: none;
}
/* /Layout/PublicLayout.razor.rz.scp.css */
.public-shell[b-jjf1fibbu5]{min-height:100vh;background:#fff}
/* /Pages/Audit.razor.rz.scp.css */
 .audit-page[b-6xdnm7gv9r] {
    max-width: 1500px;
    margin: 0 auto;
    padding: 4px 0 32px;
}

.audit-header[b-6xdnm7gv9r] {
    margin-bottom: 18px;
}

.audit-eyebrow[b-6xdnm7gv9r] {
    margin-bottom: 5px;
    color: #2563eb;
    font-size: 10px;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.audit-header h1[b-6xdnm7gv9r] {
    margin: 0;
    color: #101828;
    font-size: 28px;
    font-weight: 750;
}

.audit-header p[b-6xdnm7gv9r] {
    margin: 6px 0 0;
    color: #667085;
    font-size: 13px;
}

.audit-kpis[b-6xdnm7gv9r] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 14px;
}

.audit-kpi[b-6xdnm7gv9r] {
    min-height: 84px;
    padding: 14px 16px;
    border: 1px solid #eaecf0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(16,24,40,.03);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.audit-kpi span[b-6xdnm7gv9r] {
    color: #667085;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.audit-kpi strong[b-6xdnm7gv9r] {
    color: #101828;
    font-size: 22px;
}

.audit-kpi.blue strong[b-6xdnm7gv9r] { color: #2563eb; }
.audit-kpi.green strong[b-6xdnm7gv9r] { color: #12b76a; }
.audit-kpi.purple strong[b-6xdnm7gv9r] { color: #7c3aed; }
.audit-kpi.orange strong[b-6xdnm7gv9r] { color: #f79009; }

.audit-card[b-6xdnm7gv9r] {
    background: #fff;
    border: 1px solid #eaecf0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(16,24,40,.03);
}

.audit-toolbar[b-6xdnm7gv9r] {
    padding: 14px;
    display: grid;
    grid-template-columns: 1.1fr 1fr 1fr 1.8fr auto auto;
    gap: 10px;
    align-items: end;
    border-bottom: 1px solid #eaecf0;
    background: #fbfcfe;
}

.audit-field[b-6xdnm7gv9r] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.audit-field label[b-6xdnm7gv9r] {
    color: #667085;
    font-size: 10px;
    font-weight: 700;
}

.audit-field select[b-6xdnm7gv9r],
.audit-field input[b-6xdnm7gv9r] {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    padding: 0 11px;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    outline: none;
    background: #fff;
    color: #344054;
    font-size: 12px;
}

.audit-field input:focus[b-6xdnm7gv9r],
.audit-field select:focus[b-6xdnm7gv9r] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37,99,235,.08);
}

.audit-primary[b-6xdnm7gv9r],
.audit-secondary[b-6xdnm7gv9r] {
    height: 40px;
    padding: 0 13px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 650;
    cursor: pointer;
}

.audit-primary[b-6xdnm7gv9r] {
    border: 1px solid #2563eb;
    background: #2563eb;
    color: #fff;
}

.audit-primary:hover[b-6xdnm7gv9r] {
    background: #1d4ed8;
}

.audit-secondary[b-6xdnm7gv9r] {
    border: 1px solid #d0d5dd;
    background: #fff;
    color: #344054;
}

.audit-secondary:hover:not(:disabled)[b-6xdnm7gv9r] {
    background: #f8fafc;
}

.audit-primary:disabled[b-6xdnm7gv9r],
.audit-secondary:disabled[b-6xdnm7gv9r] {
    opacity: .5;
    cursor: not-allowed;
}

.audit-table-wrapper[b-6xdnm7gv9r] {
    overflow-x: auto;
}

.audit-table[b-6xdnm7gv9r] {
    width: 100%;
    min-width: 950px;
    border-collapse: collapse;
}

.audit-table thead[b-6xdnm7gv9r] {
    background: #f9fafb;
}

.audit-table th[b-6xdnm7gv9r] {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid #eaecf0;
    color: #667085;
    font-size: 9px;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .05em;
    white-space: nowrap;
}

.audit-table td[b-6xdnm7gv9r] {
    padding: 13px 16px;
    border-bottom: 1px solid #f0f2f5;
    color: #475467;
    font-size: 11px;
    vertical-align: middle;
}

.audit-table tbody tr:hover[b-6xdnm7gv9r] {
    background: #fafcff;
}

.audit-date[b-6xdnm7gv9r] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.audit-date strong[b-6xdnm7gv9r] {
    color: #344054;
    font-size: 10px;
}

.audit-date small[b-6xdnm7gv9r] {
    color: #98a2b3;
    font-size: 9px;
}

.audit-module[b-6xdnm7gv9r] {
    display: inline-flex;
    padding: 5px 8px;
    border-radius: 999px;
    background: #eff6ff;
    color: #2563eb;
    font-size: 9px;
    font-weight: 700;
}

.audit-action[b-6xdnm7gv9r] {
    display: inline-flex;
    padding: 5px 8px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700;
}

.audit-action.created[b-6xdnm7gv9r] {
    color: #027a48;
    background: #ecfdf3;
}

.audit-action.updated[b-6xdnm7gv9r] {
    color: #1d4ed8;
    background: #eef4ff;
}

.audit-action.deleted[b-6xdnm7gv9r] {
    color: #b42318;
    background: #fef3f2;
}

.audit-action.default[b-6xdnm7gv9r] {
    color: #475467;
    background: #f2f4f7;
}

.audit-description[b-6xdnm7gv9r] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 260px;
}

.audit-description strong[b-6xdnm7gv9r] {
    color: #101828;
    font-size: 11px;
    font-weight: 600;
}

.audit-description small[b-6xdnm7gv9r] {
    color: #98a2b3;
    font-size: 8px;
}

.audit-entity[b-6xdnm7gv9r] {
    color: #667085;
    font-family: Consolas, "Courier New", monospace;
    font-size: 10px;
}

.audit-pagination[b-6xdnm7gv9r] {
    min-height: 64px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-top: 1px solid #eaecf0;
    color: #667085;
    font-size: 10px;
}

.audit-pagination > div[b-6xdnm7gv9r] {
    display: flex;
    gap: 7px;
}

.audit-feedback[b-6xdnm7gv9r] {
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #667085;
}

.audit-spinner[b-6xdnm7gv9r] {
    width: 21px;
    height: 21px;
    border: 3px solid #e4e7ec;
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: audit-spin-b-6xdnm7gv9r .8s linear infinite;
}

.audit-error[b-6xdnm7gv9r] {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    border-bottom: 1px solid #fecdca;
    background: #fffafa;
    color: #b42318;
    font-size: 11px;
}

.audit-error strong[b-6xdnm7gv9r] {
    color: #101828;
    font-size: 12px;
}

.audit-error .audit-secondary[b-6xdnm7gv9r] {
    margin-top: 3px;
}

.audit-empty[b-6xdnm7gv9r] {
    min-height: 280px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-align: center;
}

.audit-empty-icon[b-6xdnm7gv9r] {
    width: 52px;
    height: 52px;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #ecfdf3;
    color: #12b76a;
    font-size: 20px;
    font-weight: 750;
}

.audit-empty h2[b-6xdnm7gv9r] {
    margin: 0;
    color: #101828;
    font-size: 16px;
}

.audit-empty p[b-6xdnm7gv9r] {
    margin: 0;
    color: #98a2b3;
    font-size: 11px;
}

@keyframes audit-spin-b-6xdnm7gv9r {
    to { transform: rotate(360deg); }
}

@media (max-width: 1100px) {
    .audit-kpis[b-6xdnm7gv9r] {
        grid-template-columns: repeat(2, 1fr);
    }

    .audit-toolbar[b-6xdnm7gv9r] {
        grid-template-columns: 1fr 1fr;
    }

    .audit-field.search[b-6xdnm7gv9r] {
        grid-column: span 2;
    }
}

@media (max-width: 650px) {
    .audit-kpis[b-6xdnm7gv9r] {
        grid-template-columns: 1fr;
    }

    .audit-toolbar[b-6xdnm7gv9r] {
        grid-template-columns: 1fr;
    }

    .audit-field.search[b-6xdnm7gv9r] {
        grid-column: auto;
    }

    .audit-pagination[b-6xdnm7gv9r] {
        flex-direction: column;
        align-items: flex-start;
        padding: 12px 16px;
    }
}
/* /Pages/Campaigns.razor.rz.scp.css */
.campaigns-page[b-c75pf2dzyz] {
    max-width: 1500px;
    margin: 0 auto;
    padding: 8px 0 36px;
}

.campaigns-header[b-c75pf2dzyz] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

.campaigns-eyebrow[b-c75pf2dzyz] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #2563eb;
    font-size: 11px;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.campaigns-eyebrow span[b-c75pf2dzyz] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2563eb;
    box-shadow: 0 0 0 4px rgba(37,99,235,.10);
}

.campaigns-header h1[b-c75pf2dzyz] {
    margin: 6px 0 0;
    color: #101828;
    font-size: 31px;
    font-weight: 750;
    letter-spacing: -.025em;
}

.campaigns-header p[b-c75pf2dzyz] {
    margin: 7px 0 0;
    color: #667085;
    font-size: 14px;
}

.campaign-primary[b-c75pf2dzyz],
.campaign-secondary[b-c75pf2dzyz],
.campaign-action[b-c75pf2dzyz],
.campaign-close[b-c75pf2dzyz] {
    border: 0;
    font: inherit;
}

.campaign-primary[b-c75pf2dzyz] {
    min-height: 42px;
    padding: 0 17px;
    border-radius: 10px;
    background: #2563eb;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(37,99,235,.18);
}

.campaign-primary:hover:not(:disabled)[b-c75pf2dzyz] { background: #1d4ed8; }
.campaign-primary:disabled[b-c75pf2dzyz] { opacity: .55; cursor: not-allowed; }
.campaign-primary svg[b-c75pf2dzyz],
.campaign-action svg[b-c75pf2dzyz] { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.campaign-secondary[b-c75pf2dzyz] {
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid #d0d5dd;
    border-radius: 9px;
    background: #fff;
    color: #344054;
    font-size: 12px;
    font-weight: 650;
    cursor: pointer;
}

.campaign-secondary:hover:not(:disabled)[b-c75pf2dzyz] { background: #f9fafb; }
.campaign-secondary:disabled[b-c75pf2dzyz] { opacity: .45; cursor: not-allowed; }

.campaign-context[b-c75pf2dzyz],
.campaign-card[b-c75pf2dzyz],
.campaign-summary-grid article[b-c75pf2dzyz],
.campaign-feedback[b-c75pf2dzyz],
.campaign-error[b-c75pf2dzyz],
.campaign-empty[b-c75pf2dzyz] {
    background: #fff;
    border: 1px solid #eaecf0;
    box-shadow: 0 2px 8px rgba(16,24,40,.04);
}

.campaign-context[b-c75pf2dzyz] {
    min-height: 74px;
    margin-bottom: 14px;
    padding: 14px 18px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.campaign-context-main[b-c75pf2dzyz] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.campaign-context-label[b-c75pf2dzyz] {
    color: #667085;
    font-size: 12px;
    white-space: nowrap;
}

.campaign-context select[b-c75pf2dzyz] {
    min-width: 300px;
    height: 42px;
    padding: 0 12px;
    border: 1px solid #d0d5dd;
    border-radius: 9px;
    outline: none;
    background: #fff;
    color: #101828;
    font-size: 14px;
}

.campaign-context select:focus[b-c75pf2dzyz] { border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,.10); }
.campaign-context-meta[b-c75pf2dzyz] { color: #667085; font-size: 13px; white-space: nowrap; }

.campaign-company-state[b-c75pf2dzyz],
.campaign-status[b-c75pf2dzyz],
.campaign-type[b-c75pf2dzyz] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-radius: 999px;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 700;
}

.campaign-company-state[b-c75pf2dzyz] { padding: 5px 9px; }
.campaign-company-state i[b-c75pf2dzyz],
.campaign-status i[b-c75pf2dzyz] { width: 7px; height: 7px; border-radius: 50%; }
.campaign-company-state.active[b-c75pf2dzyz] { color: #027a48; background: #ecfdf3; }
.campaign-company-state.active i[b-c75pf2dzyz] { background: #12b76a; }
.campaign-company-state.inactive[b-c75pf2dzyz] { color: #b42318; background: #fef3f2; }
.campaign-company-state.inactive i[b-c75pf2dzyz] { background: #f04438; }

.campaign-summary-grid[b-c75pf2dzyz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.campaign-summary-grid article[b-c75pf2dzyz] {
    min-height: 110px;
    padding: 16px 18px;
    border-radius: 14px;
}

.campaign-summary-grid span[b-c75pf2dzyz] { display: block; color: #667085; font-size: 12px; }
.campaign-summary-grid strong[b-c75pf2dzyz] { display: block; margin-top: 6px; color: #101828; font-size: 24px; }
.campaign-summary-grid small[b-c75pf2dzyz] { display: block; margin-top: 4px; color: #98a2b3; font-size: 11px; }
.campaign-summary-grid .green[b-c75pf2dzyz] { background: linear-gradient(180deg,#fff 0,#f8fff9 100%); }
.campaign-summary-grid .orange[b-c75pf2dzyz] { background: linear-gradient(180deg,#fff 0,#fffaf3 100%); }
.campaign-summary-grid .red[b-c75pf2dzyz] { background: linear-gradient(180deg,#fff 0,#fff9f8 100%); }

.campaign-card[b-c75pf2dzyz] { overflow: hidden; border-radius: 14px; }
.campaign-card-header[b-c75pf2dzyz] { min-height: 78px; padding: 18px 22px; border-bottom: 1px solid #eaecf0; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.campaign-card-header h2[b-c75pf2dzyz] { margin: 0; color: #101828; font-size: 17px; }
.campaign-card-header span[b-c75pf2dzyz] { display: block; margin-top: 4px; color: #667085; font-size: 13px; }
.campaign-count[b-c75pf2dzyz] { white-space: nowrap; }

.campaign-table-wrap[b-c75pf2dzyz] { overflow-x: auto; }
.campaign-table[b-c75pf2dzyz] { width: 100%; min-width: 930px; border-collapse: collapse; }
.campaign-table thead[b-c75pf2dzyz] { background: #f9fafb; }
.campaign-table th[b-c75pf2dzyz] { padding: 13px 18px; text-align: left; color: #667085; border-bottom: 1px solid #eaecf0; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .045em; white-space: nowrap; }
.campaign-table td[b-c75pf2dzyz] { padding: 15px 18px; color: #475467; border-bottom: 1px solid #f0f2f5; font-size: 13px; vertical-align: middle; }
.campaign-table tbody tr:hover[b-c75pf2dzyz] { background: #fafcff; }
.campaign-table tbody tr:last-child td[b-c75pf2dzyz] { border-bottom: 0; }

.campaign-name-cell[b-c75pf2dzyz] { display: flex; align-items: center; gap: 11px; }
.campaign-avatar[b-c75pf2dzyz] { width: 42px; height: 42px; border-radius: 11px; display: flex; align-items: center; justify-content: center; background: #eef4ff; color: #2563eb; font-size: 12px; font-weight: 750; }
.campaign-avatar.warning[b-c75pf2dzyz] { background: #fff6e8; color: #b54708; }
.campaign-avatar.success[b-c75pf2dzyz] { background: #ecfdf3; color: #027a48; }
.campaign-name-cell strong[b-c75pf2dzyz] { display: block; color: #101828; font-weight: 700; }
.campaign-name-cell small[b-c75pf2dzyz] { display: block; margin-top: 3px; color: #98a2b3; font-size: 11px; }

.campaign-type[b-c75pf2dzyz] { padding: 5px 9px; color: #344054; background: #f2f4f7; }
.campaign-type.success[b-c75pf2dzyz] { color: #027a48; background: #ecfdf3; }
.campaign-type.warning[b-c75pf2dzyz] { color: #b54708; background: #fff6e8; }
.campaign-type.info[b-c75pf2dzyz] { color: #175cd3; background: #eff8ff; }

.campaign-status[b-c75pf2dzyz] { padding: 5px 9px; }
.campaign-status i[b-c75pf2dzyz] { background: #98a2b3; }
.campaign-status.sent[b-c75pf2dzyz] { color: #027a48; background: #ecfdf3; }
.campaign-status.sent i[b-c75pf2dzyz] { background: #12b76a; }
.campaign-status.partial[b-c75pf2dzyz] { color: #b54708; background: #fff6e8; }
.campaign-status.partial i[b-c75pf2dzyz] { background: #f79009; }
.campaign-status.failed[b-c75pf2dzyz] { color: #b42318; background: #fef3f2; }
.campaign-status.failed i[b-c75pf2dzyz] { background: #f04438; }
.campaign-status.draft[b-c75pf2dzyz] { color: #475467; background: #f2f4f7; }

.campaign-recipient-count[b-c75pf2dzyz],
.campaign-date[b-c75pf2dzyz] { display: flex; flex-direction: column; gap: 4px; }
.campaign-recipient-count strong[b-c75pf2dzyz],
.campaign-date strong[b-c75pf2dzyz] { color: #101828; font-weight: 650; }
.campaign-recipient-count small[b-c75pf2dzyz],
.campaign-date small[b-c75pf2dzyz] { color: #98a2b3; font-size: 11px; }
.campaign-actions[b-c75pf2dzyz] { display: flex; align-items: center; gap: 8px; }
.campaign-action[b-c75pf2dzyz] { min-height: 34px; padding: 0 10px; display: inline-flex; align-items: center; gap: 6px; border: 1px solid #c7d7fe; border-radius: 8px; background: #eff4ff; color: #1d4ed8; font-size: 12px; font-weight: 700; cursor: pointer; }
.campaign-action:hover:not(:disabled)[b-c75pf2dzyz] { background: #dbeafe; }
.campaign-action:disabled[b-c75pf2dzyz] { opacity: .5; cursor: not-allowed; }
.campaign-sent-label[b-c75pf2dzyz] { color: #667085; font-size: 12px; }

.campaign-pagination[b-c75pf2dzyz] { min-height: 66px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid #eaecf0; color: #667085; font-size: 12px; }
.campaign-pagination > div[b-c75pf2dzyz] { display: flex; align-items: center; gap: 8px; }
.campaign-page-number[b-c75pf2dzyz] { min-width: 46px; height: 36px; display: inline-flex; align-items: center; justify-content: center; padding: 0 9px; background: #eff4ff; color: #2563eb; border-radius: 8px; font-weight: 700; }

.campaign-feedback[b-c75pf2dzyz] { min-height: 220px; border-radius: 14px; display: flex; align-items: center; justify-content: center; gap: 12px; color: #667085; }
.campaign-spinner[b-c75pf2dzyz] { width: 22px; height: 22px; border: 3px solid #e4e7ec; border-top-color: #2563eb; border-radius: 50%; animation: campaign-spin-b-c75pf2dzyz .8s linear infinite; }
@keyframes campaign-spin-b-c75pf2dzyz { to { transform: rotate(360deg); } }
.campaign-error[b-c75pf2dzyz] { margin-bottom: 14px; padding: 18px 20px; border-color: #fecdca; border-radius: 14px; background: #fffafa; display: flex; flex-direction: column; align-items: flex-start; gap: 7px; color: #b42318; }
.campaign-error strong[b-c75pf2dzyz] { font-size: 14px; }
.campaign-error span[b-c75pf2dzyz] { font-size: 13px; }

.campaign-empty[b-c75pf2dzyz] { padding: 72px 28px; border-radius: 14px; text-align: center; }
.campaign-empty.compact[b-c75pf2dzyz] { border: 0; box-shadow: none; border-radius: 0; }
.campaign-empty h2[b-c75pf2dzyz],.campaign-empty h3[b-c75pf2dzyz] { margin: 0; color: #101828; }
.campaign-empty p[b-c75pf2dzyz] { margin: 7px 0 18px; color: #667085; font-size: 13px; }
.campaign-empty-icon[b-c75pf2dzyz] { width: 62px; height: 62px; margin: 0 auto 16px; border-radius: 16px; background: #eef4ff; color: #2563eb; display: flex; align-items: center; justify-content: center; }
.campaign-empty-icon svg[b-c75pf2dzyz] { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.campaign-modal-backdrop[b-c75pf2dzyz] { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(15,23,42,.58); backdrop-filter: blur(5px); }
.campaign-modal[b-c75pf2dzyz] { width: 100%; max-width: 720px; max-height: calc(100vh - 40px); overflow: auto; background: #fff; border-radius: 18px; box-shadow: 0 30px 80px rgba(15,23,42,.28),0 10px 30px rgba(15,23,42,.14); }
.campaign-modal-header[b-c75pf2dzyz] { padding: 22px 24px; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; border-bottom: 1px solid #eaecf0; }
.campaign-modal-header h2[b-c75pf2dzyz] { margin: 7px 0 0; color: #101828; font-size: 20px; }
.campaign-modal-header p[b-c75pf2dzyz] { margin: 6px 0 0; color: #667085; font-size: 13px; }
.campaign-close[b-c75pf2dzyz] { width: 36px; height: 36px; border-radius: 9px; background: transparent; color: #667085; font-size: 25px; cursor: pointer; }
.campaign-close:hover[b-c75pf2dzyz] { background: #f2f4f7; color: #101828; }
.campaign-modal-body[b-c75pf2dzyz] { padding: 24px; }
.campaign-banner[b-c75pf2dzyz] { margin-bottom: 20px; padding: 12px 14px; border: 1px solid #dbeafe; border-radius: 10px; background: #f8fbff; display: flex; flex-direction: column; gap: 3px; }
.campaign-banner span[b-c75pf2dzyz],.campaign-banner small[b-c75pf2dzyz] { color: #667085; font-size: 11px; }
.campaign-banner strong[b-c75pf2dzyz] { color: #1d4ed8; font-size: 14px; }
.campaign-form-grid[b-c75pf2dzyz] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.campaign-form-group[b-c75pf2dzyz] { min-width: 0; }
.campaign-span-2[b-c75pf2dzyz] { grid-column: span 2; }
.campaign-form-group label[b-c75pf2dzyz] { display: block; margin-bottom: 7px; color: #344054; font-size: 13px; font-weight: 650; }
.campaign-form-group input[b-c75pf2dzyz],.campaign-form-group select[b-c75pf2dzyz],.campaign-form-group textarea[b-c75pf2dzyz] { width: 100%; box-sizing: border-box; border: 1px solid #d0d5dd; border-radius: 9px; outline: none; background: #fff; color: #101828; font: inherit; font-size: 14px; }
.campaign-form-group input[b-c75pf2dzyz],.campaign-form-group select[b-c75pf2dzyz] { height: 44px; padding: 0 12px; }
.campaign-form-group textarea[b-c75pf2dzyz] { padding: 12px; resize: vertical; }
.campaign-form-group input:focus[b-c75pf2dzyz],.campaign-form-group select:focus[b-c75pf2dzyz],.campaign-form-group textarea:focus[b-c75pf2dzyz] { border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,.10); }

.campaign-audience[b-c75pf2dzyz] { margin-top: 18px; border: 1px solid #eaecf0; border-radius: 12px; overflow: hidden; }
.campaign-audience-header[b-c75pf2dzyz] { padding: 14px; display: flex; align-items: center; justify-content: space-between; gap: 15px; background: #fcfcfd; border-bottom: 1px solid #eaecf0; }
.campaign-audience-header strong[b-c75pf2dzyz] { display: block; color: #101828; font-size: 13px; }
.campaign-audience-header span[b-c75pf2dzyz] { display: block; margin-top: 3px; color: #98a2b3; font-size: 11px; }
.campaign-check[b-c75pf2dzyz] { display: inline-flex; align-items: center; gap: 8px; color: #344054; font-size: 12px; font-weight: 650; cursor: pointer; }
.campaign-check input[b-c75pf2dzyz] { display: none; }
.campaign-check > span[b-c75pf2dzyz] { width: 18px; height: 18px; border: 1px solid #c8ced8; border-radius: 5px; background: #fff; }
.campaign-check input:checked + span[b-c75pf2dzyz] { border-color: #2563eb; background: #2563eb; box-shadow: inset 0 0 0 4px #fff; }
.campaign-user-list[b-c75pf2dzyz] { max-height: 230px; overflow: auto; }
.campaign-user-item[b-c75pf2dzyz] { display: flex; align-items: center; gap: 10px; padding: 11px 13px; border-bottom: 1px solid #f0f2f5; cursor: pointer; }
.campaign-user-item:last-child[b-c75pf2dzyz] { border-bottom: 0; }
.campaign-user-item:hover[b-c75pf2dzyz] { background: #fafcff; }
.campaign-user-item input[b-c75pf2dzyz] { display: none; }
.campaign-user-check[b-c75pf2dzyz] { width: 18px; height: 18px; border: 1px solid #c8ced8; border-radius: 5px; background: #fff; flex: 0 0 auto; }
.campaign-user-item input:checked + .campaign-user-check[b-c75pf2dzyz] { border-color: #2563eb; background: #2563eb; box-shadow: inset 0 0 0 4px #fff; }
.campaign-user-avatar[b-c75pf2dzyz] { width: 32px; height: 32px; border-radius: 9px; background: #eef4ff; color: #2563eb; display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 750; }
.campaign-user-copy[b-c75pf2dzyz] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.campaign-user-copy strong[b-c75pf2dzyz] { color: #101828; font-size: 12px; }
.campaign-user-copy small[b-c75pf2dzyz] { color: #98a2b3; font-size: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.campaign-muted[b-c75pf2dzyz] { display: block; padding: 24px; color: #98a2b3; text-align: center; font-size: 12px; }

.campaign-form-error[b-c75pf2dzyz] { margin-top: 16px; padding: 12px 13px; border: 1px solid #fecdca; border-radius: 10px; background: #fef3f2; color: #b42318; display: flex; flex-direction: column; gap: 3px; font-size: 12px; }
.campaign-security-note[b-c75pf2dzyz] { margin-top: 16px; padding: 12px 13px; border: 1px solid #eaecf0; border-radius: 10px; background: #f9fafb; display: flex; flex-direction: column; gap: 3px; }
.campaign-security-note strong[b-c75pf2dzyz] { color: #344054; font-size: 12px; }
.campaign-security-note span[b-c75pf2dzyz] { color: #667085; font-size: 11px; line-height: 1.45; }
.campaign-modal-footer[b-c75pf2dzyz] { min-height: 72px; padding: 15px 24px; display: flex; align-items: center; justify-content: flex-end; gap: 10px; border-top: 1px solid #eaecf0; background: #fcfcfd; }

@media (max-width: 960px) {
    .campaigns-header[b-c75pf2dzyz] { align-items: flex-start; flex-direction: column; }
    .campaign-context[b-c75pf2dzyz] { flex-direction: column; align-items: stretch; }
    .campaign-context-main[b-c75pf2dzyz] { width: 100%; flex-wrap: wrap; }
    .campaign-context select[b-c75pf2dzyz] { min-width: 0; flex: 1; }
    .campaign-summary-grid[b-c75pf2dzyz] { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 700px) {
    .campaigns-page[b-c75pf2dzyz] { padding-bottom: 20px; }
    .campaigns-header .campaign-primary[b-c75pf2dzyz] { width: 100%; }
    .campaign-summary-grid[b-c75pf2dzyz] { grid-template-columns: 1fr; }
    .campaign-form-grid[b-c75pf2dzyz] { grid-template-columns: 1fr; }
    .campaign-span-2[b-c75pf2dzyz] { grid-column: span 1; }
    .campaign-audience-header[b-c75pf2dzyz] { align-items: flex-start; flex-direction: column; }
    .campaign-modal-backdrop[b-c75pf2dzyz] { padding: 12px; }
    .campaign-modal[b-c75pf2dzyz] { max-height: calc(100vh - 20px); }
    .campaign-modal-header[b-c75pf2dzyz],.campaign-modal-body[b-c75pf2dzyz],.campaign-modal-footer[b-c75pf2dzyz] { padding-left: 18px; padding-right: 18px; }
    .campaign-modal-footer[b-c75pf2dzyz] { flex-direction: column-reverse; align-items: stretch; }
    .campaign-modal-footer .campaign-primary[b-c75pf2dzyz],.campaign-modal-footer .campaign-secondary[b-c75pf2dzyz] { width: 100%; }
    .campaign-pagination[b-c75pf2dzyz] { align-items: flex-start; flex-direction: column; padding: 14px 18px; }
}

.campaign-type.email[b-c75pf2dzyz] {
    margin-left: 8px;
    background: #eef2ff;
    color: #4338ca;
    border-color: #c7d2fe;
}

.campaign-channels[b-c75pf2dzyz] {
    margin-top: 18px;
    padding: 16px 18px;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: #fafbff;
}

.campaign-channels > div[b-c75pf2dzyz] { display:flex; flex-direction:column; gap:4px; }
.campaign-channels strong[b-c75pf2dzyz] { font-size: 14px; color:#0f172a; }
.campaign-channels span[b-c75pf2dzyz] { font-size: 12px; color:#64748b; }

@media (max-width: 720px) {
  .campaign-channels[b-c75pf2dzyz] { align-items:flex-start; flex-direction:column; }
}
/* /Pages/Companies.razor.rz.scp.css */
.companies-page[b-yg41xsomxw] {
    max-width: 1500px;
    margin: 0 auto;
    padding: 4px 0 36px;
}

/* ============================================================
   HEADER
   ============================================================ */

.page-header[b-yg41xsomxw] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

.page-heading[b-yg41xsomxw] {
    min-width: 0;
}

.eyebrow[b-yg41xsomxw] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 6px;
    color: #2563eb;
    font-size: 11px;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .09em;
}

.eyebrow-dot[b-yg41xsomxw] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2563eb;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .08);
}

.page-header h1[b-yg41xsomxw] {
    margin: 0;
    color: #101828;
    font-size: 30px;
    line-height: 1.12;
    font-weight: 750;
    letter-spacing: -.025em;
}

.page-header p[b-yg41xsomxw] {
    max-width: 690px;
    margin: 8px 0 0;
    color: #667085;
    font-size: 14px;
    line-height: 1.55;
}

/* ============================================================
   BUTTONS
   ============================================================ */

.primary-button[b-yg41xsomxw],
.secondary-button[b-yg41xsomxw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 10px;
    min-height: 42px;
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 650;
    white-space: nowrap;
    cursor: pointer;
    transition:
        background-color .16s ease,
        border-color .16s ease,
        box-shadow .16s ease,
        transform .1s ease,
        opacity .16s ease;
}

.primary-button[b-yg41xsomxw] {
    border: 1px solid #2563eb;
    background: #2563eb;
    color: #fff;
    box-shadow: 0 2px 6px rgba(37, 99, 235, .18);
}

.primary-button:hover:not(:disabled)[b-yg41xsomxw] {
    background: #1d4ed8;
    border-color: #1d4ed8;
    box-shadow: 0 5px 13px rgba(37, 99, 235, .2);
}

.primary-button:active:not(:disabled)[b-yg41xsomxw],
.secondary-button:active:not(:disabled)[b-yg41xsomxw],
.pagination-button:active:not(:disabled)[b-yg41xsomxw] {
    transform: translateY(1px);
}

.secondary-button[b-yg41xsomxw] {
    border: 1px solid #d0d5dd;
    background: #fff;
    color: #344054;
}

.secondary-button:hover:not(:disabled)[b-yg41xsomxw] {
    background: #f9fafb;
    border-color: #b8c0cc;
}

.secondary-button-soft[b-yg41xsomxw] {
    background: #f8fafc;
}

.primary-button:disabled[b-yg41xsomxw],
.secondary-button:disabled[b-yg41xsomxw],
.pagination-button:disabled[b-yg41xsomxw],
.modal-close:disabled[b-yg41xsomxw] {
    opacity: .5;
    cursor: not-allowed;
}

.button-icon[b-yg41xsomxw] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.button-spinner[b-yg41xsomxw] {
    width: 15px;
    height: 15px;
    border: 2px solid rgba(255, 255, 255, .4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-b-yg41xsomxw .7s linear infinite;
}

/* ============================================================
   SUMMARY STRIP
   ============================================================ */

.summary-strip[b-yg41xsomxw] {
    min-height: 78px;
    margin-bottom: 16px;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    gap: 22px;
    background: #fff;
    border: 1px solid #eaecf0;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(16, 24, 40, .03);
}

.summary-item[b-yg41xsomxw] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 150px;
}

.summary-icon[b-yg41xsomxw] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.summary-icon svg[b-yg41xsomxw] {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.summary-icon-blue[b-yg41xsomxw] {
    background: #eef4ff;
    color: #2563eb;
}

.summary-icon-green[b-yg41xsomxw] {
    background: #ecfdf3;
    color: #027a48;
}

.summary-icon-slate[b-yg41xsomxw] {
    background: #f2f4f7;
    color: #475467;
}

.summary-item > div:last-child[b-yg41xsomxw] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.summary-label[b-yg41xsomxw] {
    color: #98a2b3;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 650;
}

.summary-item strong[b-yg41xsomxw] {
    color: #101828;
    font-size: 16px;
    font-weight: 700;
}

.summary-divider[b-yg41xsomxw] {
    width: 1px;
    height: 34px;
    background: #eaecf0;
}

/* ============================================================
   FILTERS
   ============================================================ */

.filters-panel[b-yg41xsomxw] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    padding: 13px;
    background: #fff;
    border: 1px solid #eaecf0;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(16, 24, 40, .03);
}

.search-box[b-yg41xsomxw] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

.search-box input[b-yg41xsomxw] {
    flex: 1;
    min-width: 0;
    height: 42px;
    padding: 0 40px 0 39px;
    border: 1px solid #d0d5dd;
    border-radius: 10px;
    outline: none;
    background: #fff;
    color: #101828;
    font-size: 13px;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.search-box input[b-yg41xsomxw]::placeholder {
    color: #98a2b3;
}

.search-box input:focus[b-yg41xsomxw] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .09);
}

.field-icon[b-yg41xsomxw] {
    position: absolute;
    left: 13px;
    top: 50%;
    width: 16px;
    height: 16px;
    transform: translateY(-50%);
    color: #98a2b3;
    pointer-events: none;
    z-index: 1;
}

.field-icon svg[b-yg41xsomxw],
.select-icon[b-yg41xsomxw],
.clear-search svg[b-yg41xsomxw] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.clear-search[b-yg41xsomxw] {
    position: absolute;
    right: 120px;
    top: 50%;
    width: 28px;
    height: 28px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #98a2b3;
    cursor: pointer;
}

.clear-search:hover[b-yg41xsomxw] {
    background: #f2f4f7;
    color: #475467;
}

.filter-box[b-yg41xsomxw] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.select-wrap[b-yg41xsomxw] {
    position: relative;
}

.select-icon[b-yg41xsomxw] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #98a2b3;
    pointer-events: none;
    z-index: 1;
}

.filter-box select[b-yg41xsomxw] {
    min-width: 180px;
    height: 42px;
    padding: 0 34px 0 37px;
    border: 1px solid #d0d5dd;
    border-radius: 10px;
    outline: none;
    background: #fff;
    color: #344054;
    font-size: 13px;
    cursor: pointer;
}

.filter-box select:focus[b-yg41xsomxw] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .09);
}

/* ============================================================
   FEEDBACK
   ============================================================ */

.error-panel[b-yg41xsomxw],
.loading-panel[b-yg41xsomxw] {
    min-height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.error-panel[b-yg41xsomxw] {
    padding: 22px;
    gap: 13px;
    background: #fffafa;
    border: 1px solid #fecdca;
    border-radius: 14px;
    color: #b42318;
    box-shadow: 0 2px 8px rgba(16, 24, 40, .03);
}

.feedback-icon[b-yg41xsomxw] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
}

.feedback-icon svg[b-yg41xsomxw] {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.feedback-icon-error[b-yg41xsomxw] {
    background: #fef3f2;
    color: #b42318;
}

.feedback-copy[b-yg41xsomxw] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.feedback-copy strong[b-yg41xsomxw] {
    color: #101828;
    font-size: 14px;
}

.feedback-copy span[b-yg41xsomxw] {
    color: #667085;
    font-size: 13px;
}

.error-panel .secondary-button[b-yg41xsomxw] {
    margin-left: 6px;
}

.loading-panel[b-yg41xsomxw] {
    gap: 12px;
    color: #667085;
    background: #fff;
    border: 1px solid #eaecf0;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(16, 24, 40, .03);
}

.loading-spinner[b-yg41xsomxw] {
    width: 22px;
    height: 22px;
    border: 3px solid #e4e7ec;
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: spin-b-yg41xsomxw .8s linear infinite;
}

/* ============================================================
   MAIN CARD
   ============================================================ */

.companies-card[b-yg41xsomxw] {
    background: #fff;
    border: 1px solid #eaecf0;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(16, 24, 40, .04);
}

.companies-card-header[b-yg41xsomxw] {
    min-height: 78px;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border-bottom: 1px solid #eaecf0;
}

.card-title-row[b-yg41xsomxw] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.card-title-row h2[b-yg41xsomxw] {
    margin: 0;
    color: #101828;
    font-size: 17px;
    font-weight: 700;
}

.count-badge[b-yg41xsomxw] {
    min-width: 26px;
    height: 24px;
    padding: 0 8px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin-top: 0 !important;
    border-radius: 999px;
    background: #eef4ff;
    color: #2563eb !important;
    font-size: 11px !important;
    font-weight: 700;
}

.card-subtitle[b-yg41xsomxw] {
    display: block;
    margin-top: 4px;
    color: #98a2b3;
    font-size: 12px;
}

.page-info[b-yg41xsomxw] {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #667085;
    font-size: 12px;
    white-space: nowrap;
}

.page-info strong[b-yg41xsomxw] {
    color: #344054;
    font-weight: 700;
}

/* ============================================================
   TABLE
   ============================================================ */

.table-wrapper[b-yg41xsomxw] {
    width: 100%;
    overflow-x: auto;
}

.companies-table[b-yg41xsomxw] {
    width: 100%;
    min-width: 920px;
    border-collapse: collapse;
}

.companies-table thead[b-yg41xsomxw] {
    background: #f8fafc;
}

.companies-table th[b-yg41xsomxw] {
    padding: 12px 20px;
    text-align: left;
    border-bottom: 1px solid #eaecf0;
    color: #667085;
    font-size: 10px;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .055em;
    white-space: nowrap;
}

.companies-table td[b-yg41xsomxw] {
    padding: 15px 20px;
    color: #475467;
    font-size: 13px;
    vertical-align: middle;
    border-bottom: 1px solid #f0f2f5;
}

.companies-table tbody tr[b-yg41xsomxw] {
    transition: background-color .14s ease;
}

.companies-table tbody tr:hover[b-yg41xsomxw] {
    background: #fbfdff;
}

.companies-table tbody tr:last-child td[b-yg41xsomxw] {
    border-bottom: 0;
}

/* ============================================================
   COMPANY CELL
   ============================================================ */

.company-cell[b-yg41xsomxw] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.company-avatar[b-yg41xsomxw] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dbeafe;
    border-radius: 11px;
    background: #f3f7ff;
    color: #2563eb;
    font-size: 12px;
    font-weight: 750;
    letter-spacing: .03em;
}

.company-main[b-yg41xsomxw] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.company-main strong[b-yg41xsomxw] {
    max-width: 360px;
    overflow: hidden;
    color: #101828;
    font-size: 13px;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.company-id[b-yg41xsomxw] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #98a2b3;
    font-size: 10px;
}

.company-id span:first-child[b-yg41xsomxw] {
    padding: 2px 5px;
    border-radius: 5px;
    background: #f2f4f7;
    color: #667085;
    font-weight: 700;
}

.company-id span:last-child[b-yg41xsomxw] {
    font-family: Consolas, "Courier New", monospace;
}

.tax-id-chip[b-yg41xsomxw] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 9px;
    border: 1px solid #eaecf0;
    border-radius: 8px;
    background: #fcfcfd;
    color: #344054;
    font-family: Consolas, "Courier New", monospace;
    font-size: 12px;
}

/* ============================================================
   STATUS
   ============================================================ */

.status[b-yg41xsomxw] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 28px;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.status-dot[b-yg41xsomxw] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.status.active[b-yg41xsomxw] {
    background: #ecfdf3;
    color: #027a48;
}

.status.active .status-dot[b-yg41xsomxw] {
    background: #12b76a;
}

.status.inactive[b-yg41xsomxw] {
    background: #fef3f2;
    color: #b42318;
}

.status.inactive .status-dot[b-yg41xsomxw] {
    background: #f04438;
}

/* ============================================================
   DATES
   ============================================================ */

.date-cell[b-yg41xsomxw] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.date-cell strong[b-yg41xsomxw] {
    color: #344054;
    font-size: 12px;
    font-weight: 600;
}

.date-cell small[b-yg41xsomxw] {
    color: #98a2b3;
    font-size: 10px;
}

.muted-value[b-yg41xsomxw] {
    color: #98a2b3;
    font-size: 12px;
}

/* ============================================================
   PAGINATION
   ============================================================ */

.pagination[b-yg41xsomxw] {
    min-height: 68px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    border-top: 1px solid #eaecf0;
}

.pagination-meta[b-yg41xsomxw] {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #667085;
    font-size: 12px;
}

.pagination-meta strong[b-yg41xsomxw] {
    color: #344054;
}

.pagination-controls[b-yg41xsomxw] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.pagination-button[b-yg41xsomxw],
.current-page[b-yg41xsomxw] {
    min-width: 36px;
    height: 36px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pagination-button[b-yg41xsomxw] {
    gap: 6px;
    padding: 0 10px;
    border: 1px solid #d0d5dd;
    background: #fff;
    color: #344054;
    font-size: 12px;
    font-weight: 650;
    cursor: pointer;
}

.pagination-button svg[b-yg41xsomxw] {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.pagination-button:hover:not(:disabled)[b-yg41xsomxw] {
    background: #f9fafb;
    border-color: #b8c0cc;
}

.current-page[b-yg41xsomxw] {
    padding: 0 11px;
    background: #eff4ff;
    color: #2563eb;
    font-size: 12px;
    font-weight: 700;
}

/* ============================================================
   EMPTY
   ============================================================ */

.empty-state[b-yg41xsomxw] {
    padding: 76px 30px;
    text-align: center;
}

.empty-illustration[b-yg41xsomxw] {
    width: 68px;
    height: 68px;
    margin: 0 auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    background: #f3f7ff;
    color: #2563eb;
}

.empty-illustration svg[b-yg41xsomxw] {
    width: 30px;
    height: 30px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.empty-state h3[b-yg41xsomxw] {
    margin: 0;
    color: #101828;
    font-size: 18px;
}

.empty-state p[b-yg41xsomxw] {
    margin: 7px 0 19px;
    color: #667085;
    font-size: 13px;
}

/* ============================================================
   MODAL
   ============================================================ */

.modal-backdrop[b-yg41xsomxw] {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15, 23, 42, .62);
    isolation: isolate;
}

.modal[b-yg41xsomxw] {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: min(100%, 560px);
    max-height: calc(100vh - 48px);
    background: #fff;
    border: 1px solid #e4e7ec;
    border-radius: 18px;
    overflow: hidden;
    box-shadow:
        0 30px 80px rgba(15, 23, 42, .32),
        0 10px 30px rgba(15, 23, 42, .18);
    animation: modal-in-b-yg41xsomxw .18s ease-out;
}

.modal-accent[b-yg41xsomxw] {
    height: 3px;
    flex: 0 0 3px;
    background: linear-gradient(90deg, #2563eb 0%, #60a5fa 100%);
}

.modal-header[b-yg41xsomxw] {
    flex: 0 0 auto;
    padding: 22px 24px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    border-bottom: 1px solid #eaecf0;
    background: #fff;
}

.modal-heading[b-yg41xsomxw] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.modal-icon[b-yg41xsomxw] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dbeafe;
    border-radius: 11px;
    background: #f3f7ff;
    color: #2563eb;
}

.modal-icon svg[b-yg41xsomxw] {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.modal-header h2[b-yg41xsomxw] {
    margin: 0;
    color: #101828;
    font-size: 19px;
    font-weight: 750;
}

.modal-header p[b-yg41xsomxw] {
    margin: 5px 0 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.45;
}

.modal-close[b-yg41xsomxw] {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #667085;
    cursor: pointer;
}

.modal-close svg[b-yg41xsomxw] {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.modal-close:hover:not(:disabled)[b-yg41xsomxw] {
    background: #f2f4f7;
    color: #101828;
}

.modal-body[b-yg41xsomxw] {
    flex: 1 1 auto;
    padding: 24px;
    overflow-y: auto;
    background: #fff;
}

.form-group[b-yg41xsomxw] {
    margin-bottom: 18px;
}

.form-group:last-child[b-yg41xsomxw] {
    margin-bottom: 0;
}

.form-group label[b-yg41xsomxw] {
    display: block;
    margin-bottom: 7px;
    color: #344054;
    font-size: 13px;
    font-weight: 650;
}

.input-with-icon[b-yg41xsomxw] {
    position: relative;
}

.input-with-icon > svg[b-yg41xsomxw] {
    position: absolute;
    left: 13px;
    top: 50%;
    width: 16px;
    height: 16px;
    transform: translateY(-50%);
    color: #98a2b3;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
    z-index: 1;
}

.input-with-icon input[b-yg41xsomxw] {
    width: 100%;
    height: 44px;
    box-sizing: border-box;
    padding: 0 13px 0 39px;
    border: 1px solid #d0d5dd;
    border-radius: 9px;
    outline: none;
    background: #fff;
    color: #101828;
    font-size: 13px;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.input-with-icon input:focus[b-yg41xsomxw] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .09);
}

.input-with-icon input:disabled[b-yg41xsomxw] {
    background: #f9fafb;
    color: #667085;
}

.form-error[b-yg41xsomxw] {
    margin-top: 17px;
    padding: 11px 12px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border: 1px solid #fecdca;
    border-radius: 10px;
    background: #fef3f2;
}

.form-error .feedback-icon[b-yg41xsomxw] {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
}

.form-error .feedback-icon svg[b-yg41xsomxw] {
    width: 15px;
    height: 15px;
}

.form-error > div:last-child[b-yg41xsomxw] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.form-error strong[b-yg41xsomxw] {
    color: #b42318;
    font-size: 12px;
}

.form-error span[b-yg41xsomxw] {
    color: #b42318;
    font-size: 12px;
}

.modal-footer[b-yg41xsomxw] {
    flex: 0 0 auto;
    min-height: 70px;
    padding: 14px 24px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    border-top: 1px solid #eaecf0;
    background: #fcfcfd;
}

/* ============================================================
   ANIMATION
   ============================================================ */

@keyframes modal-in-b-yg41xsomxw {
    from {
        opacity: 0;
        transform: translateY(10px) scale(.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

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

/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 900px) {
    .page-header[b-yg41xsomxw] {
        align-items: flex-start;
        flex-direction: column;
    }

    .summary-strip[b-yg41xsomxw] {
        gap: 16px;
    }

    .filters-panel[b-yg41xsomxw] {
        flex-direction: column;
        align-items: stretch;
    }

    .search-box[b-yg41xsomxw] {
        width: 100%;
    }

    .filter-box[b-yg41xsomxw] {
        width: 100%;
    }

    .filter-box select[b-yg41xsomxw] {
        flex: 1;
    }
}

@media (max-width: 650px) {
    .companies-page[b-yg41xsomxw] {
        padding-bottom: 20px;
    }

    .summary-strip[b-yg41xsomxw] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: stretch;
    }

    .summary-divider[b-yg41xsomxw] {
        display: none;
    }

    .summary-item[b-yg41xsomxw] {
        min-width: 0;
    }

    .page-header h1[b-yg41xsomxw] {
        font-size: 26px;
    }

    .page-header .primary-button[b-yg41xsomxw] {
        width: 100%;
    }

    .search-box[b-yg41xsomxw] {
        flex-direction: column;
        align-items: stretch;
    }

    .search-box .secondary-button[b-yg41xsomxw] {
        width: 100%;
    }

    .clear-search[b-yg41xsomxw] {
        right: 13px;
    }

    .filter-box[b-yg41xsomxw] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-box select[b-yg41xsomxw],
    .filter-box .secondary-button[b-yg41xsomxw] {
        width: 100%;
    }

    .companies-card-header[b-yg41xsomxw],
    .pagination[b-yg41xsomxw] {
        align-items: flex-start;
        flex-direction: column;
    }

    .pagination[b-yg41xsomxw] {
        padding: 14px 18px;
    }

    .modal-backdrop[b-yg41xsomxw] {
        padding: 12px;
    }

    .modal[b-yg41xsomxw] {
        width: 100%;
        max-height: calc(100vh - 24px);
        border-radius: 16px;
    }

    .modal-header[b-yg41xsomxw],
    .modal-body[b-yg41xsomxw],
    .modal-footer[b-yg41xsomxw] {
        padding-left: 18px;
        padding-right: 18px;
    }

    .modal-footer[b-yg41xsomxw] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .modal-footer .primary-button[b-yg41xsomxw],
    .modal-footer .secondary-button[b-yg41xsomxw] {
        width: 100%;
    }
}
/* /Pages/Customers.razor.rz.scp.css */
.customers-page[b-zjrqateml0] {
    max-width: 1500px;
    margin: 0 auto;
    padding: 8px 0 32px;
}

/* ============================================================
   HEADER
   ============================================================ */

.eyebrow[b-zjrqateml0] {
    margin-bottom: 5px;
    color: #2563eb;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.page-header[b-zjrqateml0] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

.page-header h1[b-zjrqateml0] {
    margin: 0;
    color: #101828;
    font-size: 30px;
    font-weight: 750;
    letter-spacing: -.025em;
}

.page-header p[b-zjrqateml0] {
    margin: 7px 0 0;
    color: #667085;
    font-size: 14px;
}

/* ============================================================
   BUTTONS
   ============================================================ */

.primary-button[b-zjrqateml0],
.secondary-button[b-zjrqateml0] {
    border-radius: 10px;
    padding: 11px 17px;
    font-size: 14px;
    font-weight: 650;
    cursor: pointer;
    transition:
        background-color .16s ease,
        border-color .16s ease,
        box-shadow .16s ease,
        transform .1s ease,
        opacity .16s ease;
}

.primary-button[b-zjrqateml0] {
    border: 1px solid #2563eb;
    background: #2563eb;
    color: #fff;
    box-shadow: 0 2px 6px rgba(37, 99, 235, .18);
}

.primary-button:hover:not(:disabled)[b-zjrqateml0] {
    background: #1d4ed8;
    border-color: #1d4ed8;
    box-shadow: 0 5px 12px rgba(37, 99, 235, .22);
}

.primary-button:active:not(:disabled)[b-zjrqateml0],
.secondary-button:active:not(:disabled)[b-zjrqateml0] {
    transform: translateY(1px);
}

.primary-button:disabled[b-zjrqateml0],
.secondary-button:disabled[b-zjrqateml0],
.icon-button:disabled[b-zjrqateml0] {
    opacity: .5;
    cursor: not-allowed;
}

.link-button[b-zjrqateml0] {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.secondary-button[b-zjrqateml0] {
    border: 1px solid #d0d5dd;
    background: #fff;
    color: #344054;
}

.secondary-button:hover:not(:disabled)[b-zjrqateml0] {
    background: #f9fafb;
    border-color: #bfc5d0;
}

/* ============================================================
   COMMON CARDS
   ============================================================ */

.context-card[b-zjrqateml0],
.filters-panel[b-zjrqateml0],
.customers-card[b-zjrqateml0],
.loading-panel[b-zjrqateml0],
.empty-panel[b-zjrqateml0],
.error-panel[b-zjrqateml0],
.success-panel[b-zjrqateml0] {
    background: #fff;
    border: 1px solid #eaecf0;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(16, 24, 40, .04);
}

/* ============================================================
   COMPANY CONTEXT
   ============================================================ */

.context-card[b-zjrqateml0] {
    min-height: 76px;
    padding: 15px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
}

.company-context[b-zjrqateml0] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.context-label[b-zjrqateml0] {
    color: #667085;
    font-size: 12px;
    white-space: nowrap;
}

.company-select[b-zjrqateml0] {
    min-width: 300px;
    height: 42px;
    border: 1px solid #d0d5dd;
    border-radius: 9px;
    padding: 0 12px;
    background: #fff;
    color: #101828;
    font-size: 14px;
    outline: none;
}

.company-select:focus[b-zjrqateml0] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .1);
}

.company-state[b-zjrqateml0],
.status[b-zjrqateml0] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 650;
    white-space: nowrap;
}

.company-state[b-zjrqateml0] {
    padding: 5px 9px;
}

.company-state i[b-zjrqateml0],
.status i[b-zjrqateml0] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
}

.company-state.active[b-zjrqateml0],
.status.active[b-zjrqateml0] {
    color: #027a48;
    background: #ecfdf3;
}

.company-state.active i[b-zjrqateml0],
.status.active i[b-zjrqateml0] {
    background: #12b76a;
}

.company-state.inactive[b-zjrqateml0],
.status.inactive[b-zjrqateml0] {
    color: #b42318;
    background: #fef3f2;
}

.company-state.inactive i[b-zjrqateml0],
.status.inactive i[b-zjrqateml0] {
    background: #f04438;
}

.context-summary[b-zjrqateml0] {
    display: flex;
    gap: 8px;
    color: #667085;
    font-size: 13px;
    white-space: nowrap;
}

/* ============================================================
   FILTERS
   ============================================================ */

.filters-panel[b-zjrqateml0] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    margin-bottom: 14px;
}

.search-box[b-zjrqateml0] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.search-icon[b-zjrqateml0] {
    width: 18px;
    margin-right: -38px;
    position: relative;
    left: 13px;
    z-index: 1;
    color: #98a2b3;
    font-size: 18px;
    pointer-events: none;
}

.search-box input[b-zjrqateml0],
.filter-box select[b-zjrqateml0] {
    height: 44px;
    border: 1px solid #d0d5dd;
    border-radius: 10px;
    outline: none;
    background: #fff;
    color: #101828;
    font-size: 14px;
}

.search-box input[b-zjrqateml0] {
    flex: 1;
    min-width: 0;
    padding: 0 14px 0 36px;
}

.search-box input:focus[b-zjrqateml0],
.filter-box select:focus[b-zjrqateml0] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .1);
}

.search-box input[b-zjrqateml0]::placeholder {
    color: #98a2b3;
}

.filter-box[b-zjrqateml0] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.filter-box select[b-zjrqateml0] {
    min-width: 175px;
    padding: 0 11px;
    cursor: pointer;
}

/* ============================================================
   SUCCESS
   ============================================================ */

.success-panel[b-zjrqateml0] {
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    margin-bottom: 14px;
    border-color: #abefc6;
    background: #f6fef9;
    color: #027a48;
    font-size: 13px;
}

.success-icon[b-zjrqateml0] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #dcfae6;
    font-weight: 750;
}

/* ============================================================
   CUSTOMERS CARD
   ============================================================ */

.customers-card[b-zjrqateml0] {
    overflow: hidden;
}

.card-header[b-zjrqateml0] {
    min-height: 78px;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border-bottom: 1px solid #eaecf0;
}

.card-header h2[b-zjrqateml0] {
    margin: 0;
    color: #101828;
    font-size: 17px;
    font-weight: 700;
}

.card-header span[b-zjrqateml0] {
    display: block;
    margin-top: 4px;
    color: #667085;
    font-size: 13px;
}

.card-header-meta[b-zjrqateml0] {
    color: #667085;
    font-size: 13px;
    white-space: nowrap;
}

/* ============================================================
   TABLE
   ============================================================ */

.table-wrapper[b-zjrqateml0] {
    overflow-x: auto;
}

.customers-table[b-zjrqateml0] {
    width: 100%;
    min-width: 1080px;
    border-collapse: collapse;
}

.customers-table thead[b-zjrqateml0] {
    background: #f9fafb;
}

.customers-table th[b-zjrqateml0] {
    padding: 13px 18px;
    text-align: left;
    color: #667085;
    border-bottom: 1px solid #eaecf0;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .045em;
    white-space: nowrap;
}

.customers-table td[b-zjrqateml0] {
    padding: 15px 18px;
    color: #475467;
    border-bottom: 1px solid #f0f2f5;
    font-size: 13px;
    vertical-align: middle;
}

.customers-table tbody tr[b-zjrqateml0] {
    transition: background-color .15s ease;
}

.customers-table tbody tr:hover[b-zjrqateml0] {
    background: #fafcff;
}

.customers-table tbody tr:last-child td[b-zjrqateml0] {
    border-bottom: 0;
}

.actions-column[b-zjrqateml0] {
    width: 240px;
}

/* ============================================================
   CUSTOMER CELL
   ============================================================ */

.customer-cell[b-zjrqateml0] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.customer-avatar[b-zjrqateml0],
.details-avatar[b-zjrqateml0] {
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: #eef4ff;
    color: #2563eb;
    font-weight: 750;
}

.customer-avatar[b-zjrqateml0] {
    width: 42px;
    height: 42px;
    font-size: 12px;
}

.customer-info[b-zjrqateml0],
.contact-cell[b-zjrqateml0],
.date-cell[b-zjrqateml0] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.customer-info strong[b-zjrqateml0],
.contact-cell strong[b-zjrqateml0],
.date-cell strong[b-zjrqateml0] {
    color: #101828;
    font-weight: 650;
}

.customer-info small[b-zjrqateml0],
.contact-cell small[b-zjrqateml0],
.date-cell small[b-zjrqateml0] {
    color: #98a2b3;
    font-size: 11px;
}

.identification[b-zjrqateml0] {
    font-family: Consolas, "Courier New", monospace;
    color: #344054;
}

/* ============================================================
   ACTIONS
   ============================================================ */

.row-actions[b-zjrqateml0] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.icon-button[b-zjrqateml0] {
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    padding: 7px 9px;
    background: #fff;
    color: #344054;
    font-size: 12px;
    font-weight: 650;
    cursor: pointer;
    transition:
        background-color .15s ease,
        border-color .15s ease,
        color .15s ease;
}

.icon-button:hover:not(:disabled)[b-zjrqateml0] {
    background: #f9fafb;
}

.icon-button.danger[b-zjrqateml0] {
    color: #b42318;
    border-color: #fecdca;
}

.icon-button.danger:hover:not(:disabled)[b-zjrqateml0] {
    background: #fff5f4;
}

.icon-button.success[b-zjrqateml0] {
    color: #027a48;
    border-color: #abefc6;
}

.icon-button.success:hover:not(:disabled)[b-zjrqateml0] {
    background: #f6fef9;
}

/* ============================================================
   PAGINATION
   ============================================================ */

.pagination[b-zjrqateml0] {
    min-height: 68px;
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-top: 1px solid #eaecf0;
}

.pagination-summary[b-zjrqateml0] {
    color: #667085;
    font-size: 13px;
}

.pagination-controls[b-zjrqateml0] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pagination-button[b-zjrqateml0],
.current-page[b-zjrqateml0] {
    min-width: 42px;
    height: 36px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pagination-button[b-zjrqateml0] {
    padding: 0 11px;
    border: 1px solid #d0d5dd;
    background: #fff;
    color: #344054;
    font-size: 12px;
    font-weight: 650;
    cursor: pointer;
}

.pagination-button:hover:not(:disabled)[b-zjrqateml0] {
    background: #f9fafb;
}

.pagination-button:disabled[b-zjrqateml0] {
    opacity: .45;
    cursor: not-allowed;
}

.current-page[b-zjrqateml0] {
    padding: 0 10px;
    background: #eff4ff;
    color: #2563eb;
    font-size: 12px;
    font-weight: 700;
}

/* ============================================================
   LOADING
   ============================================================ */

.loading-panel[b-zjrqateml0] {
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #667085;
}

.loading-spinner[b-zjrqateml0] {
    width: 23px;
    height: 23px;
    border: 3px solid #e4e7ec;
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: spin-b-zjrqateml0 .8s linear infinite;
}

/* ============================================================
   ERROR
   ============================================================ */

.error-panel[b-zjrqateml0] {
    min-height: 120px;
    padding: 22px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    border-color: #fecdca;
    background: #fffafa;
    color: #b42318;
    font-size: 13px;
}

.error-panel strong[b-zjrqateml0] {
    font-size: 15px;
}

.error-panel .secondary-button[b-zjrqateml0] {
    margin-top: 5px;
}

/* ============================================================
   EMPTY
   ============================================================ */

.empty-panel[b-zjrqateml0],
.empty-state[b-zjrqateml0] {
    text-align: center;
}

.empty-panel[b-zjrqateml0] {
    padding: 70px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.empty-panel h3[b-zjrqateml0],
.empty-state h3[b-zjrqateml0] {
    margin: 0;
    color: #101828;
    font-size: 18px;
}

.empty-panel p[b-zjrqateml0],
.empty-state p[b-zjrqateml0] {
    margin: 7px 0 18px;
    color: #667085;
    font-size: 14px;
}

.empty-state[b-zjrqateml0] {
    padding: 70px 30px;
}

.empty-icon[b-zjrqateml0] {
    width: 64px;
    height: 64px;
    margin: 0 auto 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: #eef4ff;
    color: #2563eb;
    font-size: 27px;
}

/* ============================================================
   MODAL BACKDROP
   ============================================================ */

.modal-backdrop[b-zjrqateml0] {
    position: fixed;
    inset: 0;
    z-index: 100000;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 24px;

    background: rgba(15, 23, 42, .62);

    /*
       Importante:
       no usamos backdrop-filter aquí.
       De esta manera el fondo queda oscuro y el modal
       permanece totalmente nítido.
    */
    isolation: isolate;
}

/* ============================================================
   MODAL
   ============================================================ */

.modal[b-zjrqateml0] {
    position: relative;
    z-index: 2;

    width: min(100%, 680px);
    max-height: calc(100vh - 48px);

    display: flex;
    flex-direction: column;

    background: #ffffff;

    border: 1px solid #e4e7ec;
    border-radius: 18px;

    overflow: hidden;

    box-shadow:
        0 30px 80px rgba(15, 23, 42, .32),
        0 10px 30px rgba(15, 23, 42, .18);

    animation: modal-in-b-zjrqateml0 .18s ease-out;
}

.details-modal[b-zjrqateml0] {
    width: min(100%, 620px);
}

/* ============================================================
   MODAL HEADER
   ============================================================ */

.modal-header[b-zjrqateml0] {
    flex: 0 0 auto;

    padding: 24px 26px;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    gap: 20px;

    border-bottom: 1px solid #eaecf0;

    background: #ffffff;
}

.modal-header h2[b-zjrqateml0] {
    margin: 0;
    color: #101828;
    font-size: 20px;
    font-weight: 750;
}

.modal-header p[b-zjrqateml0] {
    margin: 6px 0 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.5;
}

.modal-close[b-zjrqateml0] {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 0;
    border-radius: 9px;

    background: transparent;
    color: #667085;

    font-size: 26px;
    line-height: 1;

    cursor: pointer;

    transition:
        background-color .15s ease,
        color .15s ease,
        opacity .15s ease;
}

.modal-close:hover:not(:disabled)[b-zjrqateml0] {
    background: #f2f4f7;
    color: #101828;
}

.modal-close:disabled[b-zjrqateml0] {
    opacity: .5;
    cursor: not-allowed;
}

/* ============================================================
   MODAL BODY
   ============================================================ */

.modal-body[b-zjrqateml0],
.details-body[b-zjrqateml0] {
    flex: 1 1 auto;
    padding: 24px;
    overflow-y: auto;
    background: #ffffff;
}

/* ============================================================
   SELECTED COMPANY
   ============================================================ */

.selected-company-banner[b-zjrqateml0] {
    margin-bottom: 20px;
    padding: 12px 14px;

    display: flex;
    flex-direction: column;
    gap: 3px;

    border: 1px solid #dbeafe;
    border-radius: 10px;

    background: #f8fbff;
}

.selected-company-banner span[b-zjrqateml0],
.selected-company-banner small[b-zjrqateml0] {
    color: #667085;
    font-size: 11px;
}

.selected-company-banner strong[b-zjrqateml0] {
    color: #1d4ed8;
    font-size: 14px;
}

/* ============================================================
   FORM
   ============================================================ */

.form-grid[b-zjrqateml0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.form-group[b-zjrqateml0] {
    min-width: 0;
}

.form-span-2[b-zjrqateml0] {
    grid-column: span 2;
}

.form-group label[b-zjrqateml0] {
    display: block;
    margin-bottom: 7px;
    color: #344054;
    font-size: 13px;
    font-weight: 650;
}

.form-group input[b-zjrqateml0] {
    width: 100%;
    height: 45px;
    box-sizing: border-box;

    padding: 0 13px;

    border: 1px solid #d0d5dd;
    border-radius: 9px;

    outline: none;

    background: #fff;
    color: #101828;

    font-size: 14px;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background-color .18s ease;
}

.form-group input:hover:not(:disabled)[b-zjrqateml0] {
    border-color: #b8c0cc;
}

.form-group input:focus[b-zjrqateml0] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .1);
}

.form-group input:disabled[b-zjrqateml0] {
    background: #f9fafb;
    color: #667085;
}

.field-hint[b-zjrqateml0] {
    display: block;
    margin-top: 5px;
    color: #98a2b3;
    font-size: 11px;
}

/* ============================================================
   SWITCH
   ============================================================ */

.switch-row[b-zjrqateml0] {
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    cursor: pointer;
}

.switch-row input[b-zjrqateml0] {
    display: none;
}

.switch-control[b-zjrqateml0] {
    width: 38px;
    height: 22px;
    border-radius: 999px;
    background: #d0d5dd;
    position: relative;
    transition: background-color .15s ease;
}

.switch-control[b-zjrqateml0]::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .2);
    transition: left .15s ease;
}

.switch-row input:checked + .switch-control[b-zjrqateml0] {
    background: #2563eb;
}

.switch-row input:checked + .switch-control[b-zjrqateml0]::after {
    left: 19px;
}

/* ============================================================
   FORM ERROR
   ============================================================ */

.form-error[b-zjrqateml0] {
    margin-top: 18px;
    padding: 12px 13px;

    display: flex;
    flex-direction: column;
    gap: 3px;

    border: 1px solid #fecdca;
    border-radius: 10px;

    background: #fef3f2;
    color: #b42318;

    font-size: 13px;
}

/* ============================================================
   MODAL FOOTER
   ============================================================ */

.modal-footer[b-zjrqateml0] {
    flex: 0 0 auto;

    min-height: 72px;
    padding: 15px 24px;

    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 10px;

    border-top: 1px solid #eaecf0;

    background: #fcfcfd;
}

/* ============================================================
   DETAILS
   ============================================================ */

.details-hero[b-zjrqateml0] {
    padding: 14px 0 20px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.details-avatar[b-zjrqateml0] {
    width: 58px;
    height: 58px;
    font-size: 15px;
}

.details-hero > div:last-child[b-zjrqateml0] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
}

.details-hero strong[b-zjrqateml0] {
    color: #101828;
    font-size: 17px;
}

.details-grid[b-zjrqateml0] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.detail-item[b-zjrqateml0] {
    padding: 13px 14px;

    border: 1px solid #eaecf0;
    border-radius: 11px;

    background: #fcfcfd;

    display: flex;
    flex-direction: column;
    gap: 4px;
}

.detail-span-2[b-zjrqateml0] {
    grid-column: span 2;
}

.detail-item span[b-zjrqateml0] {
    color: #98a2b3;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.detail-item strong[b-zjrqateml0] {
    color: #344054;
    font-size: 13px;
    word-break: break-word;
}

/* ============================================================
   ANIMATIONS
   ============================================================ */

@keyframes modal-in-b-zjrqateml0 {
    from {
        opacity: 0;
        transform: translateY(10px) scale(.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

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

/* ============================================================
   RESPONSIVE - TABLET
   ============================================================ */

@media (max-width: 960px) {

    .page-header[b-zjrqateml0] {
        align-items: flex-start;
        flex-direction: column;
    }

    .context-card[b-zjrqateml0],
    .filters-panel[b-zjrqateml0] {
        flex-direction: column;
        align-items: stretch;
    }

    .company-context[b-zjrqateml0] {
        width: 100%;
        flex-wrap: wrap;
    }

    .company-select[b-zjrqateml0] {
        min-width: 0;
        flex: 1;
    }

    .search-box[b-zjrqateml0] {
        width: 100%;
    }

    .filter-box[b-zjrqateml0] {
        width: 100%;
    }

    .filter-box select[b-zjrqateml0] {
        flex: 1;
    }
}

/* ============================================================
   RESPONSIVE - MOBILE
   ============================================================ */

@media (max-width: 700px) {

    .customers-page[b-zjrqateml0] {
        padding-bottom: 20px;
    }

    .company-context[b-zjrqateml0] {
        align-items: flex-start;
        flex-direction: column;
    }

    .company-select[b-zjrqateml0] {
        width: 100%;
    }

    .search-box[b-zjrqateml0] {
        flex-direction: column;
        align-items: stretch;
    }

    .search-box input[b-zjrqateml0] {
        width: 100%;
    }

    .filter-box[b-zjrqateml0] {
        flex-direction: column;
        align-items: stretch;
    }

    .filter-box select[b-zjrqateml0],
    .filter-box .secondary-button[b-zjrqateml0],
    .search-box .secondary-button[b-zjrqateml0] {
        width: 100%;
    }

    .card-header[b-zjrqateml0],
    .pagination[b-zjrqateml0] {
        align-items: flex-start;
        flex-direction: column;
    }

    .pagination[b-zjrqateml0] {
        padding: 14px 18px;
    }

    .form-grid[b-zjrqateml0],
    .details-grid[b-zjrqateml0] {
        grid-template-columns: 1fr;
    }

    .form-span-2[b-zjrqateml0],
    .detail-span-2[b-zjrqateml0] {
        grid-column: span 1;
    }

    .row-actions[b-zjrqateml0] {
        flex-direction: column;
        align-items: stretch;
    }

    .modal-backdrop[b-zjrqateml0] {
        padding: 12px;
    }

    .modal[b-zjrqateml0] {
        width: 100%;
        max-height: calc(100vh - 24px);
        border-radius: 16px;
    }

    .modal-header[b-zjrqateml0],
    .modal-body[b-zjrqateml0],
    .details-body[b-zjrqateml0],
    .modal-footer[b-zjrqateml0] {
        padding-left: 18px;
        padding-right: 18px;
    }

    .modal-footer[b-zjrqateml0] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .modal-footer .primary-button[b-zjrqateml0],
    .modal-footer .secondary-button[b-zjrqateml0] {
        width: 100%;
    }
}
/* /Pages/Home.razor.rz.scp.css */
.dashboard[b-d7117bdyjh] { max-width: 1600px; margin: 0 auto; }
.dashboard-top[b-d7117bdyjh] { margin-bottom: 20px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.welcome-eyebrow[b-d7117bdyjh] { margin-bottom:5px; color:#2563eb; font-size:10px; font-weight:750; text-transform:uppercase; letter-spacing:.08em; }
.welcome-block h1[b-d7117bdyjh] { margin:0; color:#101828; font-size:25px; font-weight:750; letter-spacing:-.025em; }
.welcome-block p[b-d7117bdyjh] { margin:5px 0 0; color:#667085; font-size:13px; }
.dashboard-actions[b-d7117bdyjh] { display:flex; align-items:center; gap:10px; }
.notification-button[b-d7117bdyjh] { position:relative; width:38px; height:38px; border:1px solid #eaecf0; border-radius:9px; background:#fff; color:#475467; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.notification-button:hover[b-d7117bdyjh] { background:#f8fafc; }
.notification-button svg[b-d7117bdyjh],.company-selector-icon svg[b-d7117bdyjh],.company-selector-chevron[b-d7117bdyjh] { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.notification-badge[b-d7117bdyjh] { position:absolute; top:-4px; right:-3px; min-width:15px; height:15px; padding:0 4px; border-radius:999px; background:#dc2626; color:#fff; display:flex; align-items:center; justify-content:center; font-size:8px; font-weight:700; }
.company-selector[b-d7117bdyjh] { min-width:220px; padding:8px 10px; display:flex; align-items:center; gap:9px; border:1px solid #eaecf0; border-radius:10px; background:#fff; }
.company-selector-icon[b-d7117bdyjh] { width:30px; height:30px; flex:0 0 30px; display:flex; align-items:center; justify-content:center; border-radius:8px; background:#eff6ff; color:#2563eb; }
.company-selector-copy[b-d7117bdyjh] { min-width:0; flex:1; display:flex; flex-direction:column; gap:1px; }
.company-selector-copy small[b-d7117bdyjh] { color:#98a2b3; font-size:9px; }
.company-selector-copy strong[b-d7117bdyjh] { color:#344054; font-size:11px; font-weight:650; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.company-selector-chevron[b-d7117bdyjh] { color:#98a2b3; width:15px; height:15px; }
.kpi-grid[b-d7117bdyjh] { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:14px; }
.kpi-card[b-d7117bdyjh] { min-height:96px; padding:15px 16px; display:flex; align-items:center; justify-content:space-between; gap:10px; border:1px solid #eaecf0; border-radius:12px; background:#fff; box-shadow:0 2px 8px rgba(16,24,40,.03); }
.kpi-copy[b-d7117bdyjh] { display:flex; flex-direction:column; gap:2px; }
.kpi-label[b-d7117bdyjh] { color:#667085; font-size:9px; font-weight:750; text-transform:uppercase; letter-spacing:.05em; }
.kpi-value[b-d7117bdyjh] { margin-top:2px; color:#101828; font-size:27px; font-weight:750; line-height:1; }
.kpi-copy small[b-d7117bdyjh] { margin-top:3px; color:#98a2b3; font-size:10px; }
.kpi-icon[b-d7117bdyjh] { width:45px; height:45px; flex:0 0 45px; display:flex; align-items:center; justify-content:center; border-radius:13px; }
.kpi-icon svg[b-d7117bdyjh] { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.kpi-blue[b-d7117bdyjh] { background:linear-gradient(180deg,#fff,#f7faff); } .kpi-blue .kpi-icon[b-d7117bdyjh] { background:#eaf2ff; color:#2563eb; }
.kpi-green[b-d7117bdyjh] { background:linear-gradient(180deg,#fff,#f7fdf9); } .kpi-green .kpi-icon[b-d7117bdyjh] { background:#e8fbf0; color:#12b76a; }
.kpi-red[b-d7117bdyjh] { background:linear-gradient(180deg,#fff,#fff8f8); } .kpi-red .kpi-icon[b-d7117bdyjh] { background:#ffeaec; color:#ef4444; }
.kpi-purple[b-d7117bdyjh] { background:linear-gradient(180deg,#fff,#faf8ff); } .kpi-purple .kpi-icon[b-d7117bdyjh] { background:#f1eaff; color:#7c3aed; }
.dashboard-main-grid[b-d7117bdyjh] { display:grid; grid-template-columns:minmax(0,2.05fr) minmax(320px,1fr); gap:12px; margin-bottom:12px; }
.dashboard-bottom-grid[b-d7117bdyjh] { display:grid; grid-template-columns:1.05fr 1.8fr 1.15fr; gap:12px; }
.dashboard-card[b-d7117bdyjh] { min-width:0; background:#fff; border:1px solid #eaecf0; border-radius:12px; overflow:hidden; box-shadow:0 2px 8px rgba(16,24,40,.03); }
.dashboard-card-header[b-d7117bdyjh] { min-height:68px; padding:16px 17px; display:flex; align-items:center; justify-content:space-between; gap:14px; border-bottom:1px solid #eef2f7; }
.dashboard-card-header>div[b-d7117bdyjh] { min-width:0; }
.dashboard-card-header>div>span[b-d7117bdyjh] { display:block; margin-top:3px; color:#98a2b3; font-size:10px; }
.card-title[b-d7117bdyjh] { display:flex; align-items:center; gap:8px; }
.card-title svg[b-d7117bdyjh] { width:16px; height:16px; flex:0 0 16px; fill:none; stroke:#475467; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.card-title h2[b-d7117bdyjh] { margin:0; color:#101828; font-size:14px; font-weight:700; }
.card-action-button[b-d7117bdyjh],.text-link[b-d7117bdyjh] { display:inline-flex; align-items:center; gap:4px; border:0; background:transparent; color:#2563eb; font-size:10px; font-weight:650; cursor:pointer; }
.card-action-button:hover[b-d7117bdyjh],.text-link:hover[b-d7117bdyjh] { color:#1d4ed8; }
.card-action-button svg[b-d7117bdyjh],.text-link svg[b-d7117bdyjh] { width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.company-list-head[b-d7117bdyjh],.company-list-row[b-d7117bdyjh] { display:grid; grid-template-columns:2.2fr 1.15fr .9fr 1fr 32px; gap:12px; align-items:center; padding:0 16px; }
.company-list-head[b-d7117bdyjh] { min-height:34px; background:#f8fafc; color:#667085; font-size:9px; font-weight:750; text-transform:uppercase; letter-spacing:.04em; }
.company-list-row[b-d7117bdyjh] { min-height:68px; border-top:1px solid #f0f2f5; color:#475467; font-size:11px; }
.company-list-name[b-d7117bdyjh] { min-width:0; display:flex; align-items:center; gap:9px; }
.company-list-avatar[b-d7117bdyjh] { width:32px; height:32px; flex:0 0 32px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#eff6ff; color:#2563eb; font-size:10px; font-weight:750; }
.company-list-name>div:last-child[b-d7117bdyjh] { min-width:0; display:flex; flex-direction:column; gap:2px; }
.company-list-name strong[b-d7117bdyjh] { color:#101828; font-size:11px; font-weight:650; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.company-list-name small[b-d7117bdyjh] { color:#98a2b3; font-size:9px; }
.company-tax[b-d7117bdyjh] { color:#344054; font-family:Consolas,"Courier New",monospace; font-size:10px; }
.company-status[b-d7117bdyjh] { display:inline-flex; align-items:center; gap:5px; width:fit-content; min-height:22px; padding:0 8px; border-radius:999px; font-size:9px; font-weight:700; }
.company-status span[b-d7117bdyjh] { width:6px; height:6px; border-radius:50%; }
.company-status.active[b-d7117bdyjh] { background:#ecfdf3; color:#027a48; } .company-status.active span[b-d7117bdyjh] { background:#12b76a; }
.company-status.inactive[b-d7117bdyjh] { background:#fef3f2; color:#b42318; } .company-status.inactive span[b-d7117bdyjh] { background:#f04438; }
.company-created[b-d7117bdyjh] { display:flex; flex-direction:column; gap:2px; }
.company-created strong[b-d7117bdyjh] { color:#344054; font-size:10px; font-weight:600; } .company-created small[b-d7117bdyjh] { color:#98a2b3; font-size:9px; }
.row-more-button[b-d7117bdyjh] { width:28px; height:28px; display:flex; align-items:center; justify-content:center; border:0; border-radius:7px; background:transparent; color:#98a2b3; cursor:pointer; }
.row-more-button:hover[b-d7117bdyjh] { background:#f2f4f7; color:#475467; }
.row-more-button svg[b-d7117bdyjh] { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; }
.recent-companies-footer[b-d7117bdyjh] { min-height:48px; padding:0 16px; display:flex; align-items:center; border-top:1px solid #f0f2f5; }
.activity-timeline[b-d7117bdyjh] { padding:10px 16px 16px; }
.activity-timeline-item[b-d7117bdyjh] { position:relative; display:flex; gap:10px; min-height:67px; }
.activity-timeline-item:not(:last-child)[b-d7117bdyjh]::after { content:""; position:absolute; left:15px; top:31px; bottom:-8px; width:1px; background:#e4e7ec; }
.activity-marker[b-d7117bdyjh] { width:30px; height:30px; flex:0 0 30px; display:flex; align-items:center; justify-content:center; border-radius:50%; z-index:1; }
.activity-marker svg[b-d7117bdyjh] { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.activity-marker.created[b-d7117bdyjh] { background:#eff6ff; color:#2563eb; } .activity-marker.updated[b-d7117bdyjh] { background:#ecfdf3; color:#12b76a; }
.activity-copy[b-d7117bdyjh] { min-width:0; display:flex; flex-direction:column; gap:2px; }
.activity-copy strong[b-d7117bdyjh] { color:#101828; font-size:10px; font-weight:650; } .activity-copy span[b-d7117bdyjh] { color:#475467; font-size:10px; } .activity-copy small[b-d7117bdyjh] { color:#98a2b3; font-size:9px; }
.activity-empty[b-d7117bdyjh] { padding:34px 15px; text-align:center; color:#98a2b3; font-size:11px; }
.state-content[b-d7117bdyjh] { min-height:185px; padding:18px; display:flex; align-items:center; gap:20px; }
.state-donut[b-d7117bdyjh] { width:118px; height:118px; flex:0 0 118px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:conic-gradient(#45bf8b 0 var(--active),#ef4654 var(--active) 100%); }
.state-donut>div[b-d7117bdyjh] { width:78px; height:78px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:50%; background:#fff; }
.state-donut strong[b-d7117bdyjh] { color:#101828; font-size:23px; font-weight:750; line-height:1; } .state-donut span[b-d7117bdyjh] { margin-top:4px; color:#98a2b3; font-size:9px; text-transform:uppercase; letter-spacing:.05em; }
.state-legend[b-d7117bdyjh] { flex:1; display:flex; flex-direction:column; gap:12px; }
.legend-row[b-d7117bdyjh] { display:grid; grid-template-columns:8px 1fr auto; align-items:center; gap:8px; color:#667085; font-size:10px; }
.legend-row strong[b-d7117bdyjh] { color:#344054; font-size:10px; font-weight:650; } .legend-color[b-d7117bdyjh] { width:7px; height:7px; border-radius:50%; } .legend-color.green[b-d7117bdyjh] { background:#45bf8b; } .legend-color.red[b-d7117bdyjh] { background:#ef4654; }
.period-selector[b-d7117bdyjh] { min-height:30px; padding:0 9px; display:inline-flex; align-items:center; gap:6px; border:1px solid #eaecf0; border-radius:8px; background:#fff; color:#667085; font-size:9px; }
.period-selector svg[b-d7117bdyjh] { width:12px; height:12px; fill:none; stroke:currentColor; stroke-width:1.8; }
.trend-chart[b-d7117bdyjh] { position:relative; min-height:185px; margin:0 14px 12px; padding:13px 6px 26px; }
.chart-grid-lines[b-d7117bdyjh] { position:absolute; inset:14px 8px 30px; display:flex; flex-direction:column; justify-content:space-between; }
.chart-grid-lines span[b-d7117bdyjh] { display:block; border-top:1px dashed #edf0f4; }
.chart-area[b-d7117bdyjh] { position:absolute; left:10px; right:10px; bottom:32px; height:95px; background:linear-gradient(180deg,rgba(37,99,235,.14),rgba(37,99,235,0)); clip-path:polygon(0 83%,16% 71%,33% 63%,50% 37%,66% 49%,83% 43%,100% 20%,100% 100%,0 100%); }
.chart-line[b-d7117bdyjh] { position:absolute; left:10px; right:10px; bottom:32px; height:98px; }
.chart-line[b-d7117bdyjh]::before { content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:#2563eb; clip-path:polygon(0 84%,16% 72%,33% 64%,50% 38%,66% 50%,83% 44%,100% 20%,100% 26%,83% 50%,66% 56%,50% 44%,33% 70%,16% 78%,0 90%); }
.chart-point[b-d7117bdyjh] { position:absolute; width:7px; height:7px; margin:-3px 0 0 -3px; border:2px solid #fff; border-radius:50%; background:#2563eb; box-shadow:0 0 0 1px #2563eb; }
.p1[b-d7117bdyjh]{left:0%;top:84%}.p2[b-d7117bdyjh]{left:16.6%;top:72%}.p3[b-d7117bdyjh]{left:33.3%;top:64%}.p4[b-d7117bdyjh]{left:50%;top:38%}.p5[b-d7117bdyjh]{left:66.6%;top:50%}.p6[b-d7117bdyjh]{left:83.3%;top:44%}.p7[b-d7117bdyjh]{left:100%;top:20%}
.chart-labels[b-d7117bdyjh] { position:absolute; left:7px; right:7px; bottom:6px; display:flex; justify-content:space-between; color:#98a2b3; font-size:8px; }
.quick-actions[b-d7117bdyjh] { padding:14px; display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.quick-action[b-d7117bdyjh] { min-height:72px; padding:9px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; border:1px solid #eaecf0; border-radius:10px; background:#fff; color:#344054; font-size:9px; font-weight:650; cursor:pointer; }
.quick-action:hover[b-d7117bdyjh] { background:#fbfdff; border-color:#d0d5dd; }
.quick-action-icon[b-d7117bdyjh] { width:31px; height:31px; display:flex; align-items:center; justify-content:center; border-radius:9px; }
.quick-action-icon svg[b-d7117bdyjh] { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.quick-action-icon.blue[b-d7117bdyjh]{background:#eff6ff;color:#2563eb}.quick-action-icon.purple[b-d7117bdyjh]{background:#f5f0ff;color:#7c3aed}.quick-action-icon.green[b-d7117bdyjh]{background:#ecfdf3;color:#12b76a}.quick-action-icon.slate[b-d7117bdyjh]{background:#f2f4f7;color:#475467}
.primary-button[b-d7117bdyjh],.secondary-button[b-d7117bdyjh] { min-height:40px; padding:9px 14px; border-radius:9px; font-size:12px; font-weight:650; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:7px; }
.primary-button[b-d7117bdyjh] { border:1px solid #2563eb; background:#2563eb; color:#fff; } .primary-button:hover[b-d7117bdyjh] { background:#1d4ed8; }
.secondary-button[b-d7117bdyjh] { border:1px solid #d0d5dd; background:#fff; color:#344054; } .secondary-button:hover[b-d7117bdyjh] { background:#f8fafc; }
.dashboard-loading[b-d7117bdyjh] { min-height:240px; display:flex; align-items:center; justify-content:center; gap:10px; color:#667085; }
.loading-spinner[b-d7117bdyjh] { width:22px; height:22px; border:3px solid #e4e7ec; border-top-color:#2563eb; border-radius:50%; animation:spin-b-d7117bdyjh .8s linear infinite; }
.dashboard-error[b-d7117bdyjh] { min-height:90px; padding:16px; display:flex; align-items:center; gap:12px; border:1px solid #fecdca; border-radius:12px; background:#fffafa; }
.dashboard-error-icon[b-d7117bdyjh] { width:36px; height:36px; display:flex; align-items:center; justify-content:center; border-radius:9px; background:#fef3f2; color:#b42318; }
.dashboard-error-icon svg[b-d7117bdyjh] { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.dashboard-error>div:nth-child(2)[b-d7117bdyjh]{flex:1;display:flex;flex-direction:column;gap:3px}.dashboard-error strong[b-d7117bdyjh]{color:#101828;font-size:12px}.dashboard-error span[b-d7117bdyjh]{color:#667085;font-size:11px}
.empty-dashboard[b-d7117bdyjh] { min-height:270px; padding:35px 20px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; }
.empty-dashboard-icon[b-d7117bdyjh] { width:52px; height:52px; margin-bottom:6px; display:flex; align-items:center; justify-content:center; border-radius:14px; background:#eff6ff; color:#2563eb; }
.empty-dashboard-icon svg[b-d7117bdyjh] { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.empty-dashboard strong[b-d7117bdyjh]{color:#101828;font-size:13px}.empty-dashboard span[b-d7117bdyjh]{margin-bottom:8px;color:#98a2b3;font-size:10px}
@keyframes spin-b-d7117bdyjh{to{transform:rotate(360deg)}}
@media (max-width:1200px){.kpi-grid[b-d7117bdyjh]{grid-template-columns:repeat(2,1fr)}.dashboard-bottom-grid[b-d7117bdyjh]{grid-template-columns:1fr 1fr}.quick-actions-card[b-d7117bdyjh]{grid-column:span 2}}
@media (max-width:980px){.dashboard-top[b-d7117bdyjh]{align-items:flex-start;flex-direction:column}.dashboard-actions[b-d7117bdyjh]{width:100%}.company-selector[b-d7117bdyjh]{flex:1}.dashboard-main-grid[b-d7117bdyjh]{grid-template-columns:1fr}.dashboard-bottom-grid[b-d7117bdyjh]{grid-template-columns:1fr}.quick-actions-card[b-d7117bdyjh]{grid-column:auto}}
@media (max-width:700px){.kpi-grid[b-d7117bdyjh]{grid-template-columns:1fr}.dashboard-actions[b-d7117bdyjh]{width:100%}.company-selector[b-d7117bdyjh]{min-width:0}.company-list-head[b-d7117bdyjh]{display:none}.company-list-row[b-d7117bdyjh]{grid-template-columns:1fr;gap:8px;padding:14px 16px}.row-more-button[b-d7117bdyjh]{display:none}.state-content[b-d7117bdyjh]{flex-direction:column;align-items:flex-start}}

.dashboard-trial[b-d7117bdyjh]{margin:0 0 14px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #bfdbfe;border-radius:12px;background:#f7fbff}.dashboard-trial.warning[b-d7117bdyjh]{border-color:#fed7aa;background:#fffaf5}.dashboard-trial.expired[b-d7117bdyjh]{border-color:#fecdca;background:#fffafa}.dashboard-trial>div[b-d7117bdyjh]{display:flex;flex-direction:column;gap:3px}.dashboard-trial-eyebrow[b-d7117bdyjh]{color:#2563eb;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.dashboard-trial.warning .dashboard-trial-eyebrow[b-d7117bdyjh]{color:#b54708}.dashboard-trial.expired .dashboard-trial-eyebrow[b-d7117bdyjh]{color:#b42318}.dashboard-trial strong[b-d7117bdyjh]{color:#101828;font-size:12px}.dashboard-trial small[b-d7117bdyjh]{color:#667085;font-size:9px}.dashboard-trial button[b-d7117bdyjh]{height:34px;padding:0 11px;border:1px solid #2563eb;border-radius:8px;background:#fff;color:#2563eb;font-size:10px;font-weight:700;cursor:pointer}.dashboard-trial button:hover[b-d7117bdyjh]{background:#eff6ff}@media(max-width:700px){.dashboard-trial[b-d7117bdyjh]{align-items:flex-start;flex-direction:column}.dashboard-trial button[b-d7117bdyjh]{width:100%}}
/* /Pages/Landing.razor.rz.scp.css */
.landing-page[b-ggfw6rbzq1]{min-height:100vh;background:linear-gradient(180deg,#f8fbff 0,#fff 28%,#fff 100%);color:#101828}
.landing-header[b-ggfw6rbzq1]{max-width:1200px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.landing-brand[b-ggfw6rbzq1]{display:flex;align-items:center;gap:10px}.landing-logo[b-ggfw6rbzq1]{width:36px;height:36px;border-radius:10px;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;box-shadow:0 6px 18px rgba(37,99,235,.22)}.landing-brand strong[b-ggfw6rbzq1]{display:block;font-size:16px}.landing-brand span[b-ggfw6rbzq1]{display:block;color:#98a2b3;font-size:10px}.landing-nav[b-ggfw6rbzq1]{display:flex;align-items:center;gap:20px}.landing-nav a[b-ggfw6rbzq1]{color:#667085;text-decoration:none;font-size:13px}.landing-nav a:hover[b-ggfw6rbzq1]{color:#2563eb}.landing-login[b-ggfw6rbzq1]{border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#344054;padding:9px 13px;font-weight:600;cursor:pointer}.landing-hero[b-ggfw6rbzq1]{max-width:1200px;margin:0 auto;padding:72px 24px 62px;display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}.landing-eyebrow[b-ggfw6rbzq1]{color:#2563eb;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.09em}.landing-hero h1[b-ggfw6rbzq1]{margin:10px 0 16px;font-size:48px;line-height:1.04;letter-spacing:-.04em;max-width:760px}.landing-hero p[b-ggfw6rbzq1]{max-width:690px;color:#667085;font-size:17px;line-height:1.7}.landing-actions[b-ggfw6rbzq1]{display:flex;gap:10px;margin-top:28px}.landing-primary[b-ggfw6rbzq1],.landing-secondary[b-ggfw6rbzq1]{padding:13px 18px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer}.landing-primary[b-ggfw6rbzq1]{border:1px solid #2563eb;background:#2563eb;color:#fff;box-shadow:0 8px 20px rgba(37,99,235,.2)}.landing-primary:hover[b-ggfw6rbzq1]{background:#1d4ed8}.landing-primary.light[b-ggfw6rbzq1]{background:#fff;color:#2563eb;border-color:#fff;box-shadow:none}.landing-secondary[b-ggfw6rbzq1]{border:1px solid #d0d5dd;background:#fff;color:#344054}.landing-trust[b-ggfw6rbzq1]{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;color:#667085;font-size:11px}.landing-hero-panel[b-ggfw6rbzq1]{padding:18px;border:1px solid #e4e7ec;border-radius:18px;background:#fff;box-shadow:0 20px 50px rgba(16,24,40,.08)}.landing-panel-top[b-ggfw6rbzq1]{display:flex;justify-content:space-between;color:#475467;font-size:11px;font-weight:650}.landing-live[b-ggfw6rbzq1]{color:#027a48}.landing-live i[b-ggfw6rbzq1]{display:inline-block;width:6px;height:6px;border-radius:50%;background:#12b76a;margin-right:5px}.landing-mini-kpis[b-ggfw6rbzq1]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.landing-mini-kpis div[b-ggfw6rbzq1]{padding:12px;border:1px solid #eef2f7;border-radius:10px;background:#fafcff}.landing-mini-kpis small[b-ggfw6rbzq1]{display:block;color:#98a2b3;font-size:9px}.landing-mini-kpis strong[b-ggfw6rbzq1]{display:block;margin-top:4px;font-size:20px}.landing-panel-list[b-ggfw6rbzq1]{display:flex;flex-direction:column;gap:10px}.landing-panel-list>div[b-ggfw6rbzq1]{display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid #f0f2f5;border-radius:10px}.landing-panel-list strong[b-ggfw6rbzq1]{display:block;font-size:11px}.landing-panel-list small[b-ggfw6rbzq1]{display:block;margin-top:2px;color:#98a2b3;font-size:9px}.landing-dot[b-ggfw6rbzq1]{width:8px;height:8px;border-radius:50%;margin-top:4px}.landing-dot.blue[b-ggfw6rbzq1]{background:#2563eb}.landing-dot.green[b-ggfw6rbzq1]{background:#12b76a}.landing-dot.purple[b-ggfw6rbzq1]{background:#7c3aed}.landing-section[b-ggfw6rbzq1]{max-width:1200px;margin:0 auto;padding:70px 24px}.landing-section-heading[b-ggfw6rbzq1]{max-width:700px}.landing-section-heading h2[b-ggfw6rbzq1]{margin:8px 0 0;font-size:31px;line-height:1.15;letter-spacing:-.025em}.landing-benefits[b-ggfw6rbzq1]{margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.landing-benefits article[b-ggfw6rbzq1]{padding:20px;border:1px solid #eaecf0;border-radius:14px;background:#fff}.landing-benefit-icon[b-ggfw6rbzq1]{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800}.landing-benefit-icon.blue[b-ggfw6rbzq1]{background:#eaf2ff;color:#2563eb}.landing-benefit-icon.purple[b-ggfw6rbzq1]{background:#f1eaff;color:#7c3aed}.landing-benefit-icon.green[b-ggfw6rbzq1]{background:#e8fbf0;color:#12b76a}.landing-benefit-icon.slate[b-ggfw6rbzq1]{background:#eef2f6;color:#475467}.landing-benefits h3[b-ggfw6rbzq1]{margin:14px 0 6px;font-size:14px}.landing-benefits p[b-ggfw6rbzq1]{margin:0;color:#667085;font-size:12px;line-height:1.6}.landing-how[b-ggfw6rbzq1]{padding-top:20px}.landing-steps[b-ggfw6rbzq1]{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.landing-steps div[b-ggfw6rbzq1]{padding:18px;border:1px dashed #d0d5dd;border-radius:12px}.landing-steps span[b-ggfw6rbzq1]{display:inline-flex;width:28px;height:28px;border-radius:50%;background:#eff6ff;color:#2563eb;align-items:center;justify-content:center;font-weight:800;font-size:11px}.landing-steps strong[b-ggfw6rbzq1]{display:block;margin-top:12px;font-size:14px}.landing-steps p[b-ggfw6rbzq1]{margin:5px 0 0;color:#667085;font-size:12px;line-height:1.5}.landing-trial[b-ggfw6rbzq1]{max-width:1120px;margin:20px auto 70px;padding:34px 38px;border-radius:18px;background:linear-gradient(135deg,#2563eb,#1d4ed8);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff}.landing-trial .landing-eyebrow[b-ggfw6rbzq1]{color:#bfdbfe}.landing-trial h2[b-ggfw6rbzq1]{margin:7px 0;color:#fff;font-size:26px}.landing-trial p[b-ggfw6rbzq1]{max-width:620px;margin:0;color:#dbeafe;font-size:12px;line-height:1.6}.landing-footer[b-ggfw6rbzq1]{max-width:1200px;margin:0 auto;padding:24px;display:flex;justify-content:space-between;gap:20px;color:#98a2b3;font-size:10px;border-top:1px solid #eef2f7}@media(max-width:900px){.landing-nav a[b-ggfw6rbzq1]{display:none}.landing-hero[b-ggfw6rbzq1]{grid-template-columns:1fr;padding-top:40px}.landing-hero h1[b-ggfw6rbzq1]{font-size:38px}.landing-benefits[b-ggfw6rbzq1]{grid-template-columns:1fr 1fr}.landing-steps[b-ggfw6rbzq1]{grid-template-columns:1fr}.landing-trial[b-ggfw6rbzq1]{margin:20px 24px 50px;flex-direction:column;align-items:flex-start}}@media(max-width:600px){.landing-header[b-ggfw6rbzq1]{padding:15px}.landing-hero[b-ggfw6rbzq1],.landing-section[b-ggfw6rbzq1]{padding-left:18px;padding-right:18px}.landing-hero h1[b-ggfw6rbzq1]{font-size:32px}.landing-hero p[b-ggfw6rbzq1]{font-size:14px}.landing-actions[b-ggfw6rbzq1]{flex-direction:column}.landing-primary[b-ggfw6rbzq1],.landing-secondary[b-ggfw6rbzq1]{width:100%}.landing-benefits[b-ggfw6rbzq1]{grid-template-columns:1fr}.landing-trial[b-ggfw6rbzq1]{margin-left:18px;margin-right:18px;padding:26px}.landing-footer[b-ggfw6rbzq1]{padding:18px;flex-direction:column}}
/* /Pages/Login.razor.rz.scp.css */
:host[b-nfv6e3r2xg] {
    display: block;
}

.login-page[b-nfv6e3r2xg] {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px;
    overflow: hidden;
    background:
        radial-gradient(circle at 8% 12%, rgba(37, 99, 235, .08), transparent 28%),
        radial-gradient(circle at 92% 88%, rgba(14, 165, 233, .07), transparent 26%),
        linear-gradient(180deg, #f8fafc 0%, #f3f6fa 100%);
}

.login-frame[b-nfv6e3r2xg] {
    position: relative;
    z-index: 2;
    width: min(980px, 100%);
    min-height: 620px;
    display: grid;
    grid-template-columns: minmax(360px, 1.02fr) minmax(420px, .98fr);
    overflow: hidden;
    border: 1px solid #e4e7ec;
    border-radius: 24px;
    background: #fff;
    box-shadow:
        0 30px 80px rgba(16, 24, 40, .10),
        0 8px 24px rgba(16, 24, 40, .05);
}

.login-brand-panel[b-nfv6e3r2xg] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 46px 44px 34px;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 82% 16%, rgba(59, 130, 246, .28), transparent 26%),
        radial-gradient(circle at 12% 88%, rgba(14, 165, 233, .12), transparent 24%),
        linear-gradient(145deg, #0a1730 0%, #0b1a36 48%, #0d2448 100%);
}

.login-brand-panel[b-nfv6e3r2xg]::after {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    right: -140px;
    bottom: -155px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .08);
    box-shadow:
        0 0 0 40px rgba(255, 255, 255, .02),
        0 0 0 80px rgba(255, 255, 255, .015);
}

.login-brand[b-nfv6e3r2xg] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.login-brand-mark[b-nfv6e3r2xg] {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: linear-gradient(145deg, #2563eb, #1d4ed8);
    box-shadow: 0 12px 30px rgba(37, 99, 235, .35);
}

.login-brand-mark svg[b-nfv6e3r2xg] {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: #fff;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.login-brand > div:last-child[b-nfv6e3r2xg],
.login-mobile-brand > div:last-child[b-nfv6e3r2xg] {
    display: flex;
    flex-direction: column;
}

.login-brand strong[b-nfv6e3r2xg],
.login-mobile-brand strong[b-nfv6e3r2xg] {
    font-size: 19px;
    font-weight: 760;
    letter-spacing: -.02em;
}

.login-brand span[b-nfv6e3r2xg],
.login-mobile-brand span[b-nfv6e3r2xg] {
    margin-top: 2px;
    color: #7f95b6;
    font-size: 8px;
    font-weight: 760;
    letter-spacing: .17em;
}

.login-brand-copy[b-nfv6e3r2xg] {
    position: relative;
    z-index: 1;
    margin-top: auto;
    margin-bottom: auto;
    max-width: 430px;
}

.login-overline[b-nfv6e3r2xg] {
    color: #6ea5ff;
    font-size: 10px;
    font-weight: 760;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.login-brand-copy h1[b-nfv6e3r2xg] {
    margin: 18px 0 16px;
    color: #fff;
    font-size: clamp(31px, 3.2vw, 44px);
    line-height: 1.08;
    font-weight: 520;
    letter-spacing: -.035em;
}

.login-brand-copy h1 strong[b-nfv6e3r2xg] {
    font-weight: 760;
}

.login-brand-copy p[b-nfv6e3r2xg] {
    max-width: 410px;
    margin: 0;
    color: #a7b7cf;
    font-size: 14px;
    line-height: 1.7;
}

.login-brand-footer[b-nfv6e3r2xg] {
    position: relative;
    z-index: 1;
}

.login-security-card[b-nfv6e3r2xg] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 13px;
    background: rgba(255, 255, 255, .045);
    backdrop-filter: blur(8px);
}

.login-security-icon[b-nfv6e3r2xg] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(37, 99, 235, .22);
    color: #8eb9ff;
}

.login-security-icon svg[b-nfv6e3r2xg] {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.login-security-card > div:last-child[b-nfv6e3r2xg] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.login-security-card strong[b-nfv6e3r2xg] {
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

.login-security-card span[b-nfv6e3r2xg] {
    color: #8ea2bf;
    font-size: 9px;
}

.login-brand-footer > small[b-nfv6e3r2xg] {
    display: block;
    margin-top: 18px;
    color: #6e83a3;
    font-size: 9px;
}

.login-form-panel[b-nfv6e3r2xg] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 58px 62px;
    background: #fff;
}

.login-mobile-brand[b-nfv6e3r2xg] {
    display: none;
}

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

.login-heading h2[b-nfv6e3r2xg] {
    margin: 8px 0 7px;
    color: #101828;
    font-size: 32px;
    line-height: 1.1;
    font-weight: 760;
    letter-spacing: -.03em;
}

.login-heading p[b-nfv6e3r2xg] {
    margin: 0;
    color: #667085;
    font-size: 13px;
}

.login-form[b-nfv6e3r2xg] {
    display: flex;
    flex-direction: column;
    gap: 19px;
}

.login-field[b-nfv6e3r2xg] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.login-field > label[b-nfv6e3r2xg],
.login-label-row label[b-nfv6e3r2xg] {
    color: #344054;
    font-size: 12px;
    font-weight: 680;
}

.login-input-shell[b-nfv6e3r2xg] {
    position: relative;
    display: flex;
    align-items: center;
}

.login-input-shell > svg[b-nfv6e3r2xg] {
    position: absolute;
    left: 14px;
    z-index: 1;
    width: 17px;
    height: 17px;
    fill: none;
    stroke: #98a2b3;
    stroke-width: 1.55;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}

.login-input-shell input[b-nfv6e3r2xg] {
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    padding: 0 46px 0 43px;
    border: 1px solid #d0d5dd;
    border-radius: 11px;
    outline: none;
    background: #fff;
    color: #101828;
    font-size: 13px;
    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background-color .16s ease;
}

.login-input-shell input[b-nfv6e3r2xg]::placeholder {
    color: #98a2b3;
}

.login-input-shell input:hover:not(:disabled)[b-nfv6e3r2xg] {
    border-color: #bfc6d2;
}

.login-input-shell input:focus[b-nfv6e3r2xg] {
    border-color: #2563eb;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .10);
}

.login-input-shell input:disabled[b-nfv6e3r2xg] {
    background: #f8fafc;
    color: #667085;
}

.password-toggle[b-nfv6e3r2xg] {
    position: absolute;
    right: 8px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #98a2b3;
    cursor: pointer;
}

.password-toggle:hover:not(:disabled)[b-nfv6e3r2xg] {
    background: #f2f4f7;
    color: #475467;
}

.password-toggle:disabled[b-nfv6e3r2xg] {
    opacity: .5;
    cursor: not-allowed;
}

.password-toggle svg[b-nfv6e3r2xg] {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.login-options[b-nfv6e3r2xg] {
    margin-top: -2px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.login-check[b-nfv6e3r2xg] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    cursor: pointer;
    user-select: none;
}

.login-check input[b-nfv6e3r2xg] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.login-check > span[b-nfv6e3r2xg] {
    width: 16px;
    height: 16px;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #cbd2dc;
    border-radius: 5px;
    background: #fff;
    transition: .15s ease;
}

.login-check input:checked + span[b-nfv6e3r2xg] {
    border-color: #2563eb;
    background:
        linear-gradient(180deg, #3b82f6, #2563eb);
    box-shadow: 0 1px 3px rgba(37, 99, 235, .2);
}

.login-check input:checked + span[b-nfv6e3r2xg]::after {
    content: "";
    display: block;
    width: 7px;
    height: 4px;
    margin: 4px 0 0 4px;
    border-left: 1.5px solid #fff;
    border-bottom: 1.5px solid #fff;
    transform: rotate(-45deg);
}

.login-check em[b-nfv6e3r2xg] {
    color: #667085;
    font-size: 11px;
    font-style: normal;
}

.login-error[b-nfv6e3r2xg] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 13px;
    border: 1px solid #fecdca;
    border-radius: 11px;
    background: #fff8f7;
}

.login-error-icon[b-nfv6e3r2xg] {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #fee4e2;
    color: #d92d20;
}

.login-error-icon svg[b-nfv6e3r2xg] {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.login-error > div:last-child[b-nfv6e3r2xg] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.login-error strong[b-nfv6e3r2xg] {
    color: #b42318;
    font-size: 11px;
    font-weight: 700;
}

.login-error span[b-nfv6e3r2xg] {
    color: #b42318;
    font-size: 10px;
    line-height: 1.45;
}

.login-submit[b-nfv6e3r2xg] {
    width: 100%;
    height: 50px;
    margin-top: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 1px solid #2563eb;
    border-radius: 11px;
    background: linear-gradient(180deg, #2f6fea 0%, #2563eb 100%);
    color: #fff;
    box-shadow: 0 8px 20px rgba(37, 99, 235, .18);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition:
        transform .12s ease,
        box-shadow .16s ease,
        background-color .16s ease;
}

.login-submit:hover:not(:disabled)[b-nfv6e3r2xg] {
    box-shadow: 0 12px 24px rgba(37, 99, 235, .24);
    transform: translateY(-1px);
}

.login-submit:active:not(:disabled)[b-nfv6e3r2xg] {
    transform: translateY(0);
}

.login-submit:disabled[b-nfv6e3r2xg] {
    opacity: .7;
    cursor: not-allowed;
    box-shadow: none;
}

.login-submit svg[b-nfv6e3r2xg] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.login-submit-spinner[b-nfv6e3r2xg] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: login-spin-b-nfv6e3r2xg .7s linear infinite;
}

.login-footer-note[b-nfv6e3r2xg] {
    margin-top: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #98a2b3;
    font-size: 9px;
}

.login-footer-dot[b-nfv6e3r2xg] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #12b76a;
    box-shadow: 0 0 0 3px rgba(18, 183, 106, .08);
}

@keyframes login-spin-b-nfv6e3r2xg {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 860px) {
    .login-frame[b-nfv6e3r2xg] {
        grid-template-columns: 1fr;
        max-width: 560px;
    }

    .login-brand-panel[b-nfv6e3r2xg] {
        display: none;
    }

    .login-mobile-brand[b-nfv6e3r2xg] {
        display: inline-flex;
        align-items: center;
        gap: 11px;
        margin-bottom: 34px;
    }

    .login-form-panel[b-nfv6e3r2xg] {
        min-height: 620px;
        padding: 42px 36px;
    }
}

@media (max-width: 520px) {
    .login-page[b-nfv6e3r2xg] {
        padding: 12px;
    }

    .login-frame[b-nfv6e3r2xg] {
        min-height: calc(100vh - 24px);
        border-radius: 18px;
    }

    .login-form-panel[b-nfv6e3r2xg] {
        padding: 34px 22px 28px;
        justify-content: center;
    }

    .login-heading h2[b-nfv6e3r2xg] {
        font-size: 28px;
    }
}

.login-register-link[b-nfv6e3r2xg]{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;color:#98a2b3;font-size:10px}.login-register-link a[b-nfv6e3r2xg]{color:#2563eb;text-decoration:none;font-weight:700}.login-register-link a:hover[b-nfv6e3r2xg]{color:#1d4ed8;text-decoration:underline}
/* /Pages/PasswordRecovery.razor.rz.scp.css */
.auth-aux-page[b-0h552a9dut]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px;background:#f5f7fb}.auth-aux-card[b-0h552a9dut]{width:min(520px,100%);background:#fff;border:1px solid #e4e7ec;border-radius:18px;padding:32px;box-shadow:0 20px 50px rgba(16,24,40,.10)}.auth-aux-eyebrow[b-0h552a9dut]{color:#2563eb;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.auth-aux-card h1[b-0h552a9dut]{margin:0;color:#101828;font-size:28px}.auth-aux-card p[b-0h552a9dut]{color:#667085;line-height:1.6;margin:10px 0 20px}.auth-aux-note[b-0h552a9dut]{display:flex;flex-direction:column;gap:4px;padding:14px;margin-bottom:20px;border:1px solid #dbeafe;border-radius:12px;background:#f8fbff}.auth-aux-note strong[b-0h552a9dut]{color:#1d4ed8}.auth-aux-note span[b-0h552a9dut]{color:#475467;font-size:13px}
/* /Pages/Register.razor.rz.scp.css */
.register-page[b-h72ia2fzv8]{min-height:100vh;background:linear-gradient(180deg,#f7faff,#fff);display:flex;align-items:center;justify-content:center;padding:30px}.register-shell[b-h72ia2fzv8]{width:min(1120px,100%)}.register-brand[b-h72ia2fzv8]{display:flex;align-items:center;gap:10px;margin-bottom:28px}.register-logo[b-h72ia2fzv8]{width:36px;height:36px;border-radius:10px;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.register-brand strong[b-h72ia2fzv8]{display:block;font-size:16px}.register-brand span[b-h72ia2fzv8]{display:block;color:#98a2b3;font-size:10px}.register-content[b-h72ia2fzv8]{display:grid;grid-template-columns:1fr 520px;gap:42px;align-items:start}.register-copy[b-h72ia2fzv8]{padding-top:38px}.register-eyebrow[b-h72ia2fzv8]{color:#2563eb;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.09em}.register-copy h1[b-h72ia2fzv8]{margin:8px 0 14px;font-size:39px;line-height:1.08;letter-spacing:-.035em}.register-copy p[b-h72ia2fzv8]{max-width:510px;color:#667085;font-size:15px;line-height:1.7}.register-benefits[b-h72ia2fzv8]{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}.register-benefits span[b-h72ia2fzv8]{padding:10px 12px;border:1px solid #eaecf0;border-radius:9px;background:#fff;color:#475467;font-size:11px}.register-card[b-h72ia2fzv8]{padding:28px;border:1px solid #eaecf0;border-radius:16px;background:#fff;box-shadow:0 18px 50px rgba(16,24,40,.08)}.register-card-heading h2[b-h72ia2fzv8]{margin:7px 0 5px;font-size:24px}.register-card-heading p[b-h72ia2fzv8]{margin:0 0 20px;color:#667085;font-size:12px;line-height:1.5}.register-grid[b-h72ia2fzv8]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.register-field[b-h72ia2fzv8]{display:flex;flex-direction:column;gap:6px}.register-field.wide[b-h72ia2fzv8]{grid-column:span 2}.register-field label[b-h72ia2fzv8]{font-size:11px;font-weight:700;color:#344054}.register-field input[b-h72ia2fzv8]{height:42px;border:1px solid #d0d5dd;border-radius:9px;padding:0 12px;outline:none;font-size:13px}.register-field input:focus[b-h72ia2fzv8]{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.register-terms[b-h72ia2fzv8]{display:flex;gap:9px;align-items:flex-start;margin:16px 0;color:#667085;font-size:11px;line-height:1.45}.register-primary[b-h72ia2fzv8]{width:100%;height:44px;border:1px solid #2563eb;border-radius:9px;background:#2563eb;color:#fff;font-weight:700;cursor:pointer}.register-primary:disabled[b-h72ia2fzv8]{opacity:.6;cursor:not-allowed}.register-back[b-h72ia2fzv8]{width:100%;margin-top:10px;border:0;background:transparent;color:#2563eb;font-size:11px;font-weight:650;cursor:pointer}.register-error[b-h72ia2fzv8]{margin-bottom:12px;padding:11px 12px;background:#fef3f2;border:1px solid #fecdca;border-radius:9px;color:#b42318;font-size:11px}.register-success[b-h72ia2fzv8]{text-align:center}.register-success-icon[b-h72ia2fzv8]{width:48px;height:48px;margin:0 auto 12px;border-radius:50%;background:#dcfae6;color:#027a48;display:flex;align-items:center;justify-content:center;font-weight:800}.register-success h2[b-h72ia2fzv8]{margin:0;font-size:24px}.register-success p[b-h72ia2fzv8]{margin:8px 0 16px;color:#667085;font-size:12px;line-height:1.6}.register-credentials[b-h72ia2fzv8]{display:flex;flex-direction:column;gap:3px;padding:12px;border:1px solid #dbeafe;border-radius:10px;background:#f8fbff;margin-bottom:16px}.register-credentials span[b-h72ia2fzv8]{color:#98a2b3;font-size:9px}.register-credentials strong[b-h72ia2fzv8]{color:#1d4ed8;font-size:14px}.register-footer[b-h72ia2fzv8]{margin-top:18px;color:#98a2b3;font-size:9px;text-align:center}@media(max-width:900px){.register-content[b-h72ia2fzv8]{grid-template-columns:1fr}.register-copy[b-h72ia2fzv8]{padding-top:0}.register-copy h1[b-h72ia2fzv8]{font-size:31px}}@media(max-width:600px){.register-page[b-h72ia2fzv8]{padding:18px}.register-grid[b-h72ia2fzv8],.register-benefits[b-h72ia2fzv8]{grid-template-columns:1fr}.register-field.wide[b-h72ia2fzv8]{grid-column:span 1}.register-card[b-h72ia2fzv8]{padding:20px}}
/* /Pages/Reports.razor.rz.scp.css */
/* CoreLink Reports */
.reports-page[b-9j7nvbeea9]{max-width:1500px;margin:0 auto;padding:4px 0 34px}.reports-header[b-9j7nvbeea9]{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.reports-eyebrow[b-9j7nvbeea9]{margin-bottom:5px;color:#2563eb;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.reports-header h1[b-9j7nvbeea9]{margin:0;font-size:29px;font-weight:750;letter-spacing:-.025em}.reports-header p[b-9j7nvbeea9]{margin:6px 0 0;color:#667085;font-size:13px}.reports-export[b-9j7nvbeea9],.reports-option-button[b-9j7nvbeea9]{border-radius:9px;font-size:12px;font-weight:650;cursor:pointer}.reports-export[b-9j7nvbeea9]{min-height:40px;padding:0 14px;border:1px solid #2563eb;background:#2563eb;color:#fff}.reports-export:hover:not(:disabled)[b-9j7nvbeea9]{background:#1d4ed8}.reports-export:disabled[b-9j7nvbeea9],.reports-option-button:disabled[b-9j7nvbeea9]{opacity:.5;cursor:not-allowed}.reports-export-icon[b-9j7nvbeea9]{margin-right:6px}.reports-grid[b-9j7nvbeea9]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.reports-card[b-9j7nvbeea9]{min-height:104px;padding:16px;border:1px solid #eaecf0;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(16,24,40,.03);display:flex;flex-direction:column;gap:5px}.reports-card span[b-9j7nvbeea9]{color:#667085;font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:750}.reports-card strong[b-9j7nvbeea9]{font-size:28px;line-height:1;color:#101828}.reports-card small[b-9j7nvbeea9]{color:#98a2b3;font-size:10px}.reports-card.blue[b-9j7nvbeea9]{background:linear-gradient(180deg,#fff,#f8fbff)}.reports-card.green[b-9j7nvbeea9]{background:linear-gradient(180deg,#fff,#f7fdf9)}.reports-card.purple[b-9j7nvbeea9]{background:linear-gradient(180deg,#fff,#fbf9ff)}.reports-card.orange[b-9j7nvbeea9]{background:linear-gradient(180deg,#fff,#fffaf5)}.reports-card.green strong[b-9j7nvbeea9]{color:#027a48}.reports-card.purple strong[b-9j7nvbeea9]{color:#6941c6}.reports-card.orange strong[b-9j7nvbeea9]{color:#b54708}.reports-main-card[b-9j7nvbeea9]{background:#fff;border:1px solid #eaecf0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(16,24,40,.04)}.reports-main-header[b-9j7nvbeea9]{padding:17px 20px;border-bottom:1px solid #eaecf0}.reports-main-header h2[b-9j7nvbeea9]{margin:0;font-size:16px}.reports-main-header p[b-9j7nvbeea9]{margin:5px 0 0;color:#98a2b3;font-size:11px}.reports-options[b-9j7nvbeea9]{padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.reports-option[b-9j7nvbeea9]{min-height:82px;padding:12px;display:flex;align-items:center;gap:11px;border:1px solid #eaecf0;border-radius:10px;background:#fff}.reports-option:hover:not(.disabled)[b-9j7nvbeea9]{border-color:#dbeafe;background:#fbfdff}.reports-option.disabled[b-9j7nvbeea9]{background:#fafbfc;opacity:.72}.reports-option-icon[b-9j7nvbeea9]{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex:0 0 38px}.reports-option-icon.blue[b-9j7nvbeea9]{background:#eff6ff;color:#2563eb}.reports-option-icon.purple[b-9j7nvbeea9]{background:#f4f1ff;color:#6941c6}.reports-option-icon.green[b-9j7nvbeea9]{background:#ecfdf3;color:#027a48}.reports-option-icon.orange[b-9j7nvbeea9]{background:#fff4e5;color:#b54708}.reports-option>div:nth-child(2)[b-9j7nvbeea9]{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.reports-option strong[b-9j7nvbeea9]{font-size:12px;color:#101828}.reports-option span[b-9j7nvbeea9]{font-size:10px;color:#667085;line-height:1.45}.reports-option-button[b-9j7nvbeea9]{min-height:32px;padding:0 10px;border:1px solid #d0d5dd;background:#fff;color:#344054}.reports-option-button:hover:not(:disabled)[b-9j7nvbeea9]{background:#f8fafc}.reports-coming[b-9j7nvbeea9]{padding:5px 8px;border-radius:999px;background:#f2f4f7!important;color:#667085!important;font-weight:650;white-space:nowrap}.reports-loading[b-9j7nvbeea9]{min-height:220px;display:flex;align-items:center;justify-content:center;gap:10px;color:#667085}.reports-spinner[b-9j7nvbeea9]{width:21px;height:21px;border:3px solid #e4e7ec;border-top-color:#2563eb;border-radius:50%;animation:reports-spin-b-9j7nvbeea9 .8s linear infinite}.reports-error[b-9j7nvbeea9]{margin-bottom:14px;padding:13px 15px;border:1px solid #fecdca;border-radius:10px;background:#fffafa;color:#b42318;display:flex;flex-direction:column;gap:4px;font-size:12px}.reports-error strong[b-9j7nvbeea9]{color:#101828}@keyframes reports-spin-b-9j7nvbeea9{to{transform:rotate(360deg)}}@media(max-width:950px){.reports-grid[b-9j7nvbeea9]{grid-template-columns:1fr 1fr}.reports-options[b-9j7nvbeea9]{grid-template-columns:1fr}}@media(max-width:650px){.reports-header[b-9j7nvbeea9]{align-items:flex-start;flex-direction:column}.reports-export[b-9j7nvbeea9]{width:100%}.reports-grid[b-9j7nvbeea9]{grid-template-columns:1fr}.reports-option[b-9j7nvbeea9]{align-items:flex-start;flex-wrap:wrap}.reports-option-button[b-9j7nvbeea9],.reports-coming[b-9j7nvbeea9]{margin-left:auto}}
/* /Pages/ResetPassword.razor.rz.scp.css */
.auth-aux-page[b-x4thgucav6]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px;background:#f5f7fb}.auth-aux-card[b-x4thgucav6]{width:min(520px,100%);background:#fff;border:1px solid #e4e7ec;border-radius:18px;padding:32px;box-shadow:0 20px 50px rgba(16,24,40,.10)}.auth-aux-eyebrow[b-x4thgucav6]{color:#2563eb;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.auth-aux-card h1[b-x4thgucav6]{margin:0;color:#101828;font-size:28px}.auth-aux-card p[b-x4thgucav6]{color:#667085;line-height:1.6;margin:10px 0 20px}.auth-aux-note[b-x4thgucav6]{display:flex;flex-direction:column;gap:4px;padding:14px;margin-bottom:20px;border:1px solid #dbeafe;border-radius:12px;background:#f8fbff}.auth-aux-note strong[b-x4thgucav6]{color:#1d4ed8}.auth-aux-note span[b-x4thgucav6]{color:#475467;font-size:13px}
/* /Pages/Roles.razor.rz.scp.css */
/* CoreLink Roles */
.roles-page[b-grlsc60l58]{max-width:1500px;margin:0 auto;padding:4px 0 34px}.roles-header[b-grlsc60l58]{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.roles-eyebrow[b-grlsc60l58]{margin-bottom:5px;color:#2563eb;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.roles-header h1[b-grlsc60l58]{margin:0;font-size:29px;line-height:1.1;font-weight:750;letter-spacing:-.025em}.roles-header p[b-grlsc60l58]{margin:7px 0 0;color:#667085;font-size:13px}.roles-primary[b-grlsc60l58],.roles-secondary[b-grlsc60l58]{min-height:40px;padding:0 14px;border-radius:9px;font-size:12px;font-weight:650;cursor:pointer}.roles-primary[b-grlsc60l58]{border:1px solid #2563eb;background:#2563eb;color:#fff}.roles-primary:hover:not(:disabled)[b-grlsc60l58]{background:#1d4ed8}.roles-secondary[b-grlsc60l58]{border:1px solid #d0d5dd;background:#fff;color:#344054}.roles-secondary:hover:not(:disabled)[b-grlsc60l58]{background:#f8fafc}.roles-primary:disabled[b-grlsc60l58],.roles-secondary:disabled[b-grlsc60l58],.roles-close:disabled[b-grlsc60l58]{opacity:.5;cursor:not-allowed}.roles-error[b-grlsc60l58]{margin-bottom:14px;padding:13px 15px;border:1px solid #fecdca;border-radius:10px;background:#fffafa;display:flex;flex-direction:column;gap:4px;color:#b42318;font-size:12px}.roles-error strong[b-grlsc60l58]{color:#101828}.roles-loading[b-grlsc60l58]{min-height:220px;display:flex;align-items:center;justify-content:center;gap:10px;color:#667085}.roles-spinner[b-grlsc60l58]{width:21px;height:21px;border:3px solid #e4e7ec;border-top-color:#2563eb;border-radius:50%;animation:roles-spin-b-grlsc60l58 .8s linear infinite}.roles-summary[b-grlsc60l58]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.roles-summary article[b-grlsc60l58]{min-height:92px;padding:15px 16px;border:1px solid #eaecf0;border-radius:12px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 2px 8px rgba(16,24,40,.03);display:flex;flex-direction:column;justify-content:center;gap:4px}.roles-summary article.purple[b-grlsc60l58]{background:linear-gradient(180deg,#fff,#fbf9ff)}.roles-summary article.green[b-grlsc60l58]{background:linear-gradient(180deg,#fff,#f7fdf9)}.roles-summary article.slate[b-grlsc60l58]{background:linear-gradient(180deg,#fff,#fafbfc)}.roles-summary span[b-grlsc60l58]{color:#667085;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.roles-summary strong[b-grlsc60l58]{color:#101828;font-size:25px;line-height:1}.roles-summary article.purple strong[b-grlsc60l58]{color:#6941c6}.roles-summary article.green strong[b-grlsc60l58]{color:#027a48}.roles-summary article.slate strong[b-grlsc60l58]{color:#475467}.roles-summary small[b-grlsc60l58]{color:#98a2b3;font-size:10px}.roles-card[b-grlsc60l58]{background:#fff;border:1px solid #eaecf0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(16,24,40,.04)}.roles-card-header[b-grlsc60l58]{min-height:74px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #eaecf0}.roles-card-header h2[b-grlsc60l58]{margin:0;font-size:16px}.roles-card-header span[b-grlsc60l58]{display:block;margin-top:4px;color:#98a2b3;font-size:11px}.roles-count[b-grlsc60l58]{color:#667085!important;margin-top:0!important;white-space:nowrap}.roles-table-wrap[b-grlsc60l58]{overflow-x:auto}.roles-table[b-grlsc60l58]{width:100%;min-width:900px;border-collapse:collapse}.roles-table thead[b-grlsc60l58]{background:#f8fafc}.roles-table th[b-grlsc60l58]{padding:12px 17px;text-align:left;color:#667085;border-bottom:1px solid #eaecf0;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.045em;white-space:nowrap}.roles-table td[b-grlsc60l58]{padding:14px 17px;border-bottom:1px solid #f0f2f5;font-size:12px;color:#475467;vertical-align:middle}.roles-table tbody tr:hover[b-grlsc60l58]{background:#fbfdff}.roles-table tbody tr:last-child td[b-grlsc60l58]{border-bottom:0}.role-cell[b-grlsc60l58]{display:flex;align-items:center;gap:10px}.role-avatar[b-grlsc60l58]{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#eef4ff;color:#2563eb;font-size:11px;font-weight:750}.role-avatar.system[b-grlsc60l58]{background:#f3f0ff;color:#6941c6}.role-cell strong[b-grlsc60l58]{display:block;color:#101828;font-size:13px}.role-cell small[b-grlsc60l58]{display:block;margin-top:3px;color:#98a2b3;font-size:10px}.role-type[b-grlsc60l58],.role-status[b-grlsc60l58]{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:700}.role-type.system[b-grlsc60l58]{background:#f4f1ff;color:#6941c6}.role-type.custom[b-grlsc60l58]{background:#f2f4f7;color:#475467}.role-status.active[b-grlsc60l58]{background:#ecfdf3;color:#027a48}.role-status.inactive[b-grlsc60l58]{background:#fef3f2;color:#b42318}.role-status i[b-grlsc60l58]{width:6px;height:6px;border-radius:50%}.role-status.active i[b-grlsc60l58]{background:#12b76a}.role-status.inactive i[b-grlsc60l58]{background:#f04438}.permission-count[b-grlsc60l58]{display:inline-flex;min-width:26px;justify-content:center;padding:4px 7px;border-radius:999px;background:#eff6ff;color:#2563eb;font-weight:700}.role-action[b-grlsc60l58]{height:32px;padding:0 11px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054;font-size:11px;font-weight:650;cursor:pointer}.role-action:hover[b-grlsc60l58]{background:#f8fafc}.roles-empty[b-grlsc60l58]{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.roles-empty-icon[b-grlsc60l58]{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#eef4ff;color:#2563eb;font-size:22px}.roles-empty h3[b-grlsc60l58]{margin:10px 0 4px}.roles-empty p[b-grlsc60l58]{margin:0;color:#667085;font-size:12px}.roles-modal-backdrop[b-grlsc60l58]{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(15,23,42,.58);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.roles-modal[b-grlsc60l58]{width:min(820px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border-radius:16px;box-shadow:0 30px 80px rgba(15,23,42,.3),0 12px 30px rgba(15,23,42,.12);animation:roles-modal-in-b-grlsc60l58 .18s ease-out}.roles-modal-header[b-grlsc60l58]{padding:21px 23px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid #eaecf0}.roles-modal-header h2[b-grlsc60l58]{margin:0;font-size:20px}.roles-modal-header p[b-grlsc60l58]{margin:5px 0 0;color:#667085;font-size:12px}.roles-close[b-grlsc60l58]{width:35px;height:35px;border:0;border-radius:8px;background:transparent;color:#667085;font-size:26px;cursor:pointer}.roles-close:hover[b-grlsc60l58]{background:#f2f4f7;color:#101828}.roles-modal-body[b-grlsc60l58]{padding:21px 23px}.roles-form-grid[b-grlsc60l58]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.roles-span-2[b-grlsc60l58]{grid-column:span 2}.roles-form-group label:not(.roles-switch-row)[b-grlsc60l58]{display:block;margin-bottom:6px;color:#344054;font-size:12px;font-weight:650}.roles-form-group input[type=text][b-grlsc60l58]{width:100%;height:44px;box-sizing:border-box;padding:0 12px;border:1px solid #d0d5dd;border-radius:9px;outline:none;font-size:13px}.roles-form-group input:focus[b-grlsc60l58]{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.roles-switch-row[b-grlsc60l58]{display:flex!important;align-items:center;gap:9px;padding:7px 0;color:#344054;font-size:12px;cursor:pointer}.roles-switch-row.disabled[b-grlsc60l58]{color:#98a2b3;cursor:default}.roles-switch-row input[b-grlsc60l58]{display:none}.roles-switch[b-grlsc60l58]{width:38px;height:22px;border-radius:999px;background:#d0d5dd;position:relative}.roles-switch[b-grlsc60l58]::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(16,24,40,.18);transition:left .15s}.roles-switch-row input:checked+.roles-switch[b-grlsc60l58]{background:#2563eb}.roles-switch-row input:checked+.roles-switch[b-grlsc60l58]::after{left:19px}.permissions-panel[b-grlsc60l58]{margin-top:18px;border:1px solid #eaecf0;border-radius:11px;overflow:hidden}.permissions-header[b-grlsc60l58]{padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fbfcfe;border-bottom:1px solid #eaecf0}.permissions-header h3[b-grlsc60l58]{margin:0;font-size:13px}.permissions-header span[b-grlsc60l58]{color:#667085;font-size:10px}.permission-group[b-grlsc60l58]{padding:13px 14px;border-bottom:1px solid #f0f2f5}.permission-group:last-child[b-grlsc60l58]{border-bottom:0}.permission-group-title[b-grlsc60l58]{margin-bottom:8px;color:#2563eb;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.permission-grid[b-grlsc60l58]{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.permission-item[b-grlsc60l58]{display:flex;align-items:flex-start;gap:9px;padding:9px;border:1px solid #eaecf0;border-radius:9px;background:#fff;cursor:pointer}.permission-item:hover[b-grlsc60l58]{background:#fafcff;border-color:#dbeafe}.permission-item input[b-grlsc60l58]{display:none}.permission-box[b-grlsc60l58]{width:17px;height:17px;border:1px solid #b7bec8;border-radius:5px;background:#fff;flex:0 0 17px;margin-top:1px;position:relative}.permission-item input:checked+.permission-box[b-grlsc60l58]{border-color:#2563eb;background:#2563eb}.permission-item input:checked+.permission-box[b-grlsc60l58]::after{content:"";position:absolute;left:4px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.permission-item strong[b-grlsc60l58]{display:block;color:#344054;font-size:11px}.permission-item small[b-grlsc60l58]{display:block;margin-top:2px;color:#98a2b3;font-size:9px}.permissions-empty[b-grlsc60l58]{padding:20px;text-align:center;color:#98a2b3;font-size:11px}.roles-form-error[b-grlsc60l58]{margin-top:15px;padding:11px 12px;border:1px solid #fecdca;border-radius:9px;background:#fef3f2;color:#b42318;display:flex;flex-direction:column;gap:3px;font-size:12px}.roles-form-error strong[b-grlsc60l58]{color:#101828}.roles-modal-footer[b-grlsc60l58]{min-height:68px;padding:14px 23px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #eaecf0;background:#fcfcfd}@keyframes roles-spin-b-grlsc60l58{to{transform:rotate(360deg)}}@keyframes roles-modal-in-b-grlsc60l58{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1000px){.roles-summary[b-grlsc60l58]{grid-template-columns:1fr 1fr}.permission-grid[b-grlsc60l58]{grid-template-columns:1fr}}@media(max-width:700px){.roles-header[b-grlsc60l58]{align-items:flex-start;flex-direction:column}.roles-header .roles-primary[b-grlsc60l58]{width:100%}.roles-summary[b-grlsc60l58]{grid-template-columns:1fr 1fr}.roles-form-grid[b-grlsc60l58]{grid-template-columns:1fr}.roles-span-2[b-grlsc60l58]{grid-column:span 1}.roles-modal[b-grlsc60l58]{max-height:calc(100vh - 20px)}.roles-modal-header[b-grlsc60l58],.roles-modal-body[b-grlsc60l58],.roles-modal-footer[b-grlsc60l58]{padding-left:17px;padding-right:17px}.roles-modal-footer[b-grlsc60l58]{flex-direction:column-reverse}.roles-modal-footer button[b-grlsc60l58]{width:100%}}
/* /Pages/Settings.razor.rz.scp.css */
.settings-page[b-e5p5qi3bk3]{max-width:1420px;margin:0 auto;padding:8px 0 36px}.settings-page-header[b-e5p5qi3bk3]{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.settings-page-header h1[b-e5p5qi3bk3]{margin:0;color:#0f172a;font-size:30px;font-weight:760}.settings-page-header p[b-e5p5qi3bk3]{margin:6px 0 0;color:#64748b;font-size:13px}.settings-eyebrow[b-e5p5qi3bk3]{margin-bottom:5px;color:#2563eb;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.settings-status-grid[b-e5p5qi3bk3]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.settings-status-card[b-e5p5qi3bk3],.smtp-settings-card[b-e5p5qi3bk3],.smtp-help-card[b-e5p5qi3bk3]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 6px 18px rgba(15,23,42,.04)}.settings-status-card[b-e5p5qi3bk3]{padding:16px 18px}.settings-status-card span[b-e5p5qi3bk3]{display:block;color:#64748b;font-size:11px}.settings-status-card strong[b-e5p5qi3bk3]{display:block;margin-top:8px;font-size:14px}.settings-status-card strong.good[b-e5p5qi3bk3]{color:#15803d}.settings-status-card strong.neutral[b-e5p5qi3bk3]{color:#a16207}.settings-status-card small[b-e5p5qi3bk3]{display:block;margin-top:4px;color:#94a3b8;font-size:10px}.smtp-settings-card[b-e5p5qi3bk3]{padding:22px}.smtp-card-header[b-e5p5qi3bk3]{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.smtp-card-header h2[b-e5p5qi3bk3]{margin:0;color:#0f172a;font-size:20px}.smtp-card-header p[b-e5p5qi3bk3]{max-width:760px;margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.5}.smtp-badge[b-e5p5qi3bk3]{padding:7px 11px;border:1px solid #e2e8f0;border-radius:999px;color:#64748b;font-size:10px;font-weight:800;white-space:nowrap}.smtp-badge.active[b-e5p5qi3bk3]{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.smtp-notice[b-e5p5qi3bk3]{display:flex;flex-direction:column;gap:3px;margin:18px 0;padding:13px 15px;border:1px solid #dbeafe;background:#f8fbff;border-radius:12px;color:#475569;font-size:11px}.smtp-notice strong[b-e5p5qi3bk3]{color:#1e3a8a;font-size:12px}.smtp-form-grid[b-e5p5qi3bk3]{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.smtp-form-grid label[b-e5p5qi3bk3],.smtp-test-block label[b-e5p5qi3bk3]{display:flex;flex-direction:column;gap:7px}.smtp-form-grid span[b-e5p5qi3bk3],.smtp-test-block span[b-e5p5qi3bk3]{color:#334155;font-size:11px;font-weight:700}.smtp-form-grid input[b-e5p5qi3bk3],.smtp-test-block input[b-e5p5qi3bk3]{height:42px;border:1px solid #cbd5e1;border-radius:10px;padding:0 12px;background:#fff;color:#0f172a;outline:none}.smtp-form-grid input:focus[b-e5p5qi3bk3],.smtp-test-block input:focus[b-e5p5qi3bk3]{border-color:#7c83ff;box-shadow:0 0 0 3px rgba(124,131,255,.12)}.smtp-options[b-e5p5qi3bk3]{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid #eef2f7}.switch-option[b-e5p5qi3bk3]{display:flex;align-items:center;gap:8px;color:#334155;font-size:11px;font-weight:700}.switch-option input[b-e5p5qi3bk3]{accent-color:#4f46e5}.smtp-config-source[b-e5p5qi3bk3]{margin-left:auto;color:#94a3b8;font-size:10px}.smtp-message[b-e5p5qi3bk3]{margin-top:16px;padding:12px 14px;border-radius:10px;font-size:11px}.smtp-message.error[b-e5p5qi3bk3]{border:1px solid #fecaca;background:#fef2f2;color:#b91c1c}.smtp-message.success[b-e5p5qi3bk3]{border:1px solid #bbf7d0;background:#f0fdf4;color:#15803d}.smtp-card-footer[b-e5p5qi3bk3]{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-top:18px;padding-top:18px;border-top:1px solid #eef2f7}.smtp-test-block[b-e5p5qi3bk3]{display:flex;align-items:flex-end;gap:10px;flex:1;max-width:700px}.smtp-test-block label[b-e5p5qi3bk3]{flex:1}.settings-primary[b-e5p5qi3bk3],.settings-secondary[b-e5p5qi3bk3]{height:42px;border-radius:10px;padding:0 16px;border:1px solid transparent;font-size:11px;font-weight:800;cursor:pointer}.settings-primary[b-e5p5qi3bk3]{background:#3159e9;color:#fff;box-shadow:0 6px 14px rgba(49,89,233,.18)}.settings-secondary[b-e5p5qi3bk3]{background:#fff;border-color:#cbd5e1;color:#334155}.settings-primary:disabled[b-e5p5qi3bk3],.settings-secondary:disabled[b-e5p5qi3bk3]{opacity:.55;cursor:not-allowed}.smtp-help-card[b-e5p5qi3bk3]{display:flex;flex-direction:column;gap:4px;margin-top:14px;padding:16px 18px;color:#64748b;font-size:11px;line-height:1.5}.smtp-help-card strong[b-e5p5qi3bk3]{color:#0f172a;font-size:12px}.settings-loading[b-e5p5qi3bk3]{padding:30px;border:1px dashed #cbd5e1;border-radius:14px;background:#fff;color:#64748b;text-align:center}@media(max-width:1000px){.settings-status-grid[b-e5p5qi3bk3]{grid-template-columns:repeat(2,1fr)}.smtp-form-grid[b-e5p5qi3bk3]{grid-template-columns:1fr}.smtp-card-footer[b-e5p5qi3bk3]{flex-direction:column;align-items:stretch}.smtp-test-block[b-e5p5qi3bk3]{max-width:none}.smtp-config-source[b-e5p5qi3bk3]{margin-left:0}}@media(max-width:640px){.settings-status-grid[b-e5p5qi3bk3]{grid-template-columns:1fr}.smtp-test-block[b-e5p5qi3bk3]{flex-direction:column;align-items:stretch}.smtp-card-header[b-e5p5qi3bk3]{flex-direction:column}.smtp-page-header h1[b-e5p5qi3bk3]{font-size:26px}}
/* /Pages/SystemModules.razor.rz.scp.css */
/* ============================================================
   SYSTEM MODULES
   ============================================================ */

.system-module-page[b-pwemdhvr0d] {
    max-width: 1500px;
    margin: 0 auto;
}

.module-header[b-pwemdhvr0d] {
    margin-bottom: 20px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.module-eyebrow[b-pwemdhvr0d] {
    margin-bottom: 5px;
    color: #2563eb;
    font-size: 10px;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.module-header h1[b-pwemdhvr0d] {
    margin: 0;
    color: #101828;
    font-size: 29px;
    font-weight: 750;
    letter-spacing: -.025em;
}

.module-header p[b-pwemdhvr0d] {
    margin: 6px 0 0;
    color: #667085;
    font-size: 13px;
}

.module-header-actions[b-pwemdhvr0d] {
    display: flex;
    gap: 8px;
}

.module-primary-button[b-pwemdhvr0d],
.module-secondary-button[b-pwemdhvr0d] {
    min-height: 40px;
    padding: 0 14px;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 650;
    cursor: pointer;
}

.module-primary-button[b-pwemdhvr0d] {
    border: 1px solid #2563eb;
    background: #2563eb;
    color: #fff;
}

.module-primary-button:hover[b-pwemdhvr0d] {
    background: #1d4ed8;
}

.module-secondary-button[b-pwemdhvr0d] {
    border: 1px solid #d0d5dd;
    background: #fff;
    color: #344054;
}

/* ============================================================
   KPI
   ============================================================ */

.module-kpi-grid[b-pwemdhvr0d] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 14px;
}

.module-kpi-card[b-pwemdhvr0d] {
    min-height: 105px;
    padding: 17px;
    border: 1px solid #eaecf0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(16, 24, 40, .03);
}

.module-kpi-copy[b-pwemdhvr0d] {
    display: flex;
    flex-direction: column;
}

.module-kpi-label[b-pwemdhvr0d] {
    color: #667085;
    font-size: 10px;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.module-kpi-value[b-pwemdhvr0d] {
    margin-top: 8px;
    color: #101828;
    font-size: 28px;
    line-height: 1;
}

.module-kpi-copy small[b-pwemdhvr0d] {
    margin-top: 7px;
    color: #98a2b3;
    font-size: 10px;
}

.module-kpi-card.blue[b-pwemdhvr0d] { background: linear-gradient(180deg,#fff,#f8fbff); }
.module-kpi-card.green[b-pwemdhvr0d] { background: linear-gradient(180deg,#fff,#f7fdf9); }
.module-kpi-card.slate[b-pwemdhvr0d] { background: linear-gradient(180deg,#fff,#fafbfc); }
.module-kpi-card.purple[b-pwemdhvr0d] { background: linear-gradient(180deg,#fff,#fbf9ff); }
.module-kpi-card.red[b-pwemdhvr0d] { background: linear-gradient(180deg,#fff,#fff8f8); }

/* ============================================================
   CARD
   ============================================================ */

.module-card[b-pwemdhvr0d] {
    margin-bottom: 14px;
    border: 1px solid #eaecf0;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(16, 24, 40, .03);
}

.module-card-header[b-pwemdhvr0d] {
    min-height: 72px;
    padding: 17px 19px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    border-bottom: 1px solid #eef2f6;
}

.module-card-header h2[b-pwemdhvr0d] {
    margin: 0;
    color: #101828;
    font-size: 15px;
    font-weight: 700;
}

.module-card-header span[b-pwemdhvr0d] {
    display: block;
    margin-top: 4px;
    color: #98a2b3;
    font-size: 10px;
}

/* ============================================================
   TOOLBAR
   ============================================================ */

.module-toolbar[b-pwemdhvr0d] {
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #f0f2f5;
}

.module-search[b-pwemdhvr0d] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.module-search svg[b-pwemdhvr0d] {
    position: absolute;
    left: 12px;
    width: 16px;
    height: 16px;
    fill: none;
    stroke: #98a2b3;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.module-search input[b-pwemdhvr0d] {
    width: 100%;
    height: 42px;
    padding: 0 12px 0 36px;
    border: 1px solid #d0d5dd;
    border-radius: 9px;
    outline: none;
    font-size: 12px;
}

.module-search input:focus[b-pwemdhvr0d],
.module-select:focus[b-pwemdhvr0d] {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37,99,235,.08);
}

.module-select[b-pwemdhvr0d] {
    height: 42px;
    min-width: 170px;
    padding: 0 10px;
    border: 1px solid #d0d5dd;
    border-radius: 9px;
    outline: none;
    background: #fff;
    color: #344054;
    font-size: 12px;
}

/* ============================================================
   EMPTY
   ============================================================ */

.module-empty[b-pwemdhvr0d] {
    min-height: 290px;
    padding: 42px 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.module-empty-icon[b-pwemdhvr0d] {
    width: 58px;
    height: 58px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
}

.module-empty-icon svg[b-pwemdhvr0d] {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.module-empty-icon.blue[b-pwemdhvr0d] {
    background: #eff6ff;
    color: #2563eb;
}

.module-empty h3[b-pwemdhvr0d] {
    margin: 0;
    color: #101828;
    font-size: 16px;
}

.module-empty p[b-pwemdhvr0d] {
    max-width: 520px;
    margin: 7px 0 12px;
    color: #667085;
    font-size: 11px;
    line-height: 1.55;
}

.module-status-badge[b-pwemdhvr0d] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 9px;
    border-radius: 999px;
    background: #f2f4f7;
    color: #667085;
    font-size: 9px;
    font-weight: 700;
}

.module-status-badge.success[b-pwemdhvr0d] {
    background: #ecfdf3;
    color: #027a48;
}

/* ============================================================
   ROLES
   ============================================================ */

.role-blueprint[b-pwemdhvr0d] {
    padding: 16px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.role-blueprint-card[b-pwemdhvr0d] {
    min-height: 80px;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #eaecf0;
    border-radius: 10px;
    background: #fcfcfd;
}

.role-blueprint-card > div[b-pwemdhvr0d] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.role-blueprint-card strong[b-pwemdhvr0d] {
    color: #101828;
    font-size: 11px;
}

.role-blueprint-card small[b-pwemdhvr0d] {
    color: #98a2b3;
    font-size: 9px;
}

.role-blueprint-icon[b-pwemdhvr0d] {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    border-radius: 9px;
    font-size: 11px;
    font-weight: 750;
}

.role-blueprint-icon.blue[b-pwemdhvr0d] { background: #eff6ff; color: #2563eb; }
.role-blueprint-icon.green[b-pwemdhvr0d] { background: #ecfdf3; color: #12b76a; }
.role-blueprint-icon.purple[b-pwemdhvr0d] { background: #f5f0ff; color: #7c3aed; }

/* ============================================================
   INFO PANEL
   ============================================================ */

.module-info-panel[b-pwemdhvr0d] {
    margin: 0 16px 16px;
    padding: 13px 14px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    border: 1px solid #dbeafe;
    border-radius: 9px;
    background: #f8fbff;
}

.module-info-panel strong[b-pwemdhvr0d] {
    color: #1d4ed8;
    font-size: 11px;
}

.module-info-panel span[b-pwemdhvr0d] {
    color: #667085;
    font-size: 10px;
    line-height: 1.5;
}

/* ============================================================
   AUDIT
   ============================================================ */

.audit-empty[b-pwemdhvr0d] {
    padding: 20px;
}

.audit-event[b-pwemdhvr0d] {
    position: relative;
    min-height: 90px;
    padding-left: 24px;
    display: flex;
    gap: 12px;
}

.audit-line[b-pwemdhvr0d] {
    position: absolute;
    left: 27px;
    top: 10px;
    width: 1px;
    height: 78px;
    background: #e4e7ec;
}

.audit-dot[b-pwemdhvr0d] {
    position: relative;
    width: 12px;
    height: 12px;
    margin-top: 4px;
    flex: 0 0 12px;
    border: 3px solid #dbeafe;
    border-radius: 50%;
    background: #2563eb;
    z-index: 1;
}

.audit-event > div:last-child[b-pwemdhvr0d] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.audit-event strong[b-pwemdhvr0d] {
    color: #101828;
    font-size: 12px;
}

.audit-event span[b-pwemdhvr0d] {
    max-width: 650px;
    color: #667085;
    font-size: 10px;
    line-height: 1.5;
}

.audit-event small[b-pwemdhvr0d] {
    color: #98a2b3;
    font-size: 9px;
}

/* ============================================================
   REPORTS
   ============================================================ */

.report-grid[b-pwemdhvr0d] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 14px;
}

.report-card[b-pwemdhvr0d] {
    min-height: 150px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    border: 1px solid #eaecf0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(16,24,40,.03);
}

.report-card-icon[b-pwemdhvr0d] {
    width: 38px;
    height: 38px;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.report-card-icon svg[b-pwemdhvr0d] {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.report-card.blue .report-card-icon[b-pwemdhvr0d] { background:#eff6ff; color:#2563eb; }
.report-card.green .report-card-icon[b-pwemdhvr0d] { background:#ecfdf3; color:#12b76a; }
.report-card.purple .report-card-icon[b-pwemdhvr0d] { background:#f5f0ff; color:#7c3aed; }
.report-card.orange .report-card-icon[b-pwemdhvr0d] { background:#fff7ed; color:#ea580c; }

.report-card h3[b-pwemdhvr0d] {
    margin: 0;
    color: #101828;
    font-size: 12px;
}

.report-card p[b-pwemdhvr0d] {
    margin: 5px 0 12px;
    color: #98a2b3;
    font-size: 10px;
    line-height: 1.45;
}

.report-card > span[b-pwemdhvr0d] {
    margin-top: auto;
    width: fit-content;
    padding: 5px 8px;
    border-radius: 999px;
    background: #f2f4f7;
    color: #667085;
    font-size: 8px;
    font-weight: 700;
}

/* ============================================================
   SETTINGS
   ============================================================ */

.settings-grid[b-pwemdhvr0d] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.settings-card[b-pwemdhvr0d] {
    margin-bottom: 0;
}

.settings-list[b-pwemdhvr0d] {
    padding: 4px 16px 10px;
}

.settings-row[b-pwemdhvr0d] {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border-bottom: 1px solid #f0f2f5;
}

.settings-row:last-child[b-pwemdhvr0d] {
    border-bottom: 0;
}

.settings-row > div[b-pwemdhvr0d] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.settings-row strong[b-pwemdhvr0d] {
    color: #344054;
    font-size: 11px;
}

.settings-row small[b-pwemdhvr0d] {
    color: #98a2b3;
    font-size: 9px;
}

.setting-value[b-pwemdhvr0d] {
    color: #1d4ed8 !important;
    text-align: right;
}

.settings-check[b-pwemdhvr0d] {
    min-height: 22px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700;
}

.settings-check.enabled[b-pwemdhvr0d] {
    background: #ecfdf3;
    color: #027a48;
}

.settings-check.pending[b-pwemdhvr0d] {
    background: #fff7ed;
    color: #c2410c;
}

.architecture-grid[b-pwemdhvr0d] {
    padding: 16px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.architecture-item[b-pwemdhvr0d] {
    padding: 11px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    border: 1px solid #eaecf0;
    border-radius: 10px;
    background: #fcfcfd;
}

.architecture-item > span[b-pwemdhvr0d] {
    width: 8px;
    height: 8px;
    margin-bottom: 3px;
    border-radius: 50%;
}

.architecture-item.ready > span[b-pwemdhvr0d] { background: #12b76a; }
.architecture-item.pending > span[b-pwemdhvr0d] { background: #f59e0b; }

.architecture-item strong[b-pwemdhvr0d] {
    color: #344054;
    font-size: 10px;
}

.architecture-item small[b-pwemdhvr0d] {
    color: #98a2b3;
    font-size: 9px;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1100px) {
    .module-kpi-grid[b-pwemdhvr0d],
    .report-grid[b-pwemdhvr0d] {
        grid-template-columns: repeat(2, 1fr);
    }

    .role-blueprint[b-pwemdhvr0d],
    .architecture-grid[b-pwemdhvr0d] {
        grid-template-columns: 1fr;
    }

    .settings-grid[b-pwemdhvr0d] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .module-header[b-pwemdhvr0d] {
        flex-direction: column;
        align-items: flex-start;
    }

    .module-kpi-grid[b-pwemdhvr0d],
    .report-grid[b-pwemdhvr0d] {
        grid-template-columns: 1fr;
    }

    .module-toolbar[b-pwemdhvr0d] {
        flex-direction: column;
        align-items: stretch;
    }

    .module-select[b-pwemdhvr0d] {
        width: 100%;
    }
}
/* /Pages/Users.razor.rz.scp.css */
/* CoreLink Users */
.users-page[b-44edhromw0]{max-width:1500px;margin:0 auto;padding:4px 0 34px;color:#101828}
.users-header[b-44edhromw0]{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}
.users-eyebrow[b-44edhromw0]{margin-bottom:5px;color:#2563eb;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}
.users-header h1[b-44edhromw0]{margin:0;font-size:30px;line-height:1.1;font-weight:750;letter-spacing:-.025em}
.users-header p[b-44edhromw0]{margin:7px 0 0;color:#667085;font-size:14px}
.users-primary-button[b-44edhromw0],.users-secondary-button[b-44edhromw0],.user-action-button[b-44edhromw0]{border-radius:9px;font-size:13px;font-weight:650;cursor:pointer;transition:.16s ease}
.users-primary-button[b-44edhromw0]{min-height:40px;padding:0 16px;border:1px solid #2563eb;background:#2563eb;color:#fff;box-shadow:0 2px 6px rgba(37,99,235,.18)}
.users-primary-button:hover:not(:disabled)[b-44edhromw0]{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 5px 12px rgba(37,99,235,.2)}
.users-secondary-button[b-44edhromw0]{min-height:40px;padding:0 13px;border:1px solid #d0d5dd;background:#fff;color:#344054}
.users-secondary-button:hover:not(:disabled)[b-44edhromw0]{background:#f8fafc;border-color:#bfc6d1}
.users-primary-button:disabled[b-44edhromw0],.users-secondary-button:disabled[b-44edhromw0],.user-action-button:disabled[b-44edhromw0]{opacity:.5;cursor:not-allowed}
.users-context-card[b-44edhromw0],.users-card[b-44edhromw0],.users-kpi[b-44edhromw0]{background:#fff;border:1px solid #eaecf0;box-shadow:0 2px 8px rgba(16,24,40,.04)}
.users-context-card[b-44edhromw0]{min-height:70px;padding:14px 16px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px}
.users-context[b-44edhromw0]{display:flex;align-items:center;gap:11px;min-width:0}
.users-context>span:first-child[b-44edhromw0]{color:#667085;font-size:12px;font-weight:650}
.users-context select[b-44edhromw0]{height:40px;min-width:300px;max-width:520px;padding:0 12px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#101828;font-size:13px;outline:none}
.users-context select:focus[b-44edhromw0],.users-filter:focus[b-44edhromw0],.users-search:focus-within input[b-44edhromw0],.users-form-group input:focus[b-44edhromw0]{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.08)}
.users-company-status[b-44edhromw0],.users-status[b-44edhromw0]{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
.users-company-status i[b-44edhromw0],.users-status i[b-44edhromw0]{width:7px;height:7px;border-radius:50%;display:inline-block}
.users-company-status.active[b-44edhromw0],.users-status.active[b-44edhromw0]{background:#ecfdf3;color:#027a48}
.users-company-status.active i[b-44edhromw0],.users-status.active i[b-44edhromw0]{background:#12b76a}
.users-company-status.inactive[b-44edhromw0],.users-status.inactive[b-44edhromw0]{background:#fef3f2;color:#b42318}
.users-company-status.inactive i[b-44edhromw0],.users-status.inactive i[b-44edhromw0]{background:#f04438}
.users-context-meta[b-44edhromw0]{color:#667085;font-size:12px;white-space:nowrap}
.users-kpi-grid[b-44edhromw0]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
.users-kpi[b-44edhromw0]{min-height:92px;padding:15px 16px;border-radius:12px;display:flex;flex-direction:column;justify-content:center;gap:5px;background:linear-gradient(180deg,#fff,#fbfcff)}
.users-kpi span[b-44edhromw0]{color:#667085;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.users-kpi strong[b-44edhromw0]{font-size:26px;line-height:1;color:#101828}.users-kpi.green[b-44edhromw0]{background:linear-gradient(180deg,#fff,#f7fdf9)}.users-kpi.green strong[b-44edhromw0]{color:#027a48}.users-kpi.red[b-44edhromw0]{background:linear-gradient(180deg,#fff,#fff8f8)}.users-kpi.red strong[b-44edhromw0]{color:#b42318}.users-kpi.purple[b-44edhromw0]{background:linear-gradient(180deg,#fff,#fbf9ff)}.users-kpi.purple strong[b-44edhromw0]{color:#6941c6}.company-kpi[b-44edhromw0]{font-size:16px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.users-card[b-44edhromw0]{border-radius:12px;overflow:hidden}.users-card-header[b-44edhromw0]{min-height:74px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #eaecf0}.users-card-header h2[b-44edhromw0]{margin:0;font-size:16px;font-weight:700}.users-card-header span[b-44edhromw0]{display:block;margin-top:4px;color:#98a2b3;font-size:11px}.users-count[b-44edhromw0]{color:#667085!important;margin-top:0!important;white-space:nowrap}
.users-toolbar[b-44edhromw0]{padding:13px 16px;display:grid;grid-template-columns:minmax(280px,1fr) 170px auto auto;gap:9px;align-items:center;border-bottom:1px solid #f0f2f5;background:#fbfcfe}.users-search[b-44edhromw0]{position:relative}.users-search svg[b-44edhromw0]{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;fill:none;stroke:#98a2b3;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.users-search input[b-44edhromw0],.users-filter[b-44edhromw0]{height:40px;box-sizing:border-box;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#101828;font-size:13px;outline:none}.users-search input[b-44edhromw0]{width:100%;padding:0 12px 0 36px}.users-search input[b-44edhromw0]::placeholder{color:#98a2b3}.users-filter[b-44edhromw0]{width:100%;padding:0 10px}
.users-table-wrapper[b-44edhromw0]{overflow-x:auto}.users-table[b-44edhromw0]{width:100%;min-width:980px;border-collapse:collapse}.users-table thead[b-44edhromw0]{background:#f8fafc}.users-table th[b-44edhromw0]{padding:12px 17px;text-align:left;border-bottom:1px solid #eaecf0;color:#667085;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.045em;white-space:nowrap}.users-table td[b-44edhromw0]{padding:14px 17px;border-bottom:1px solid #f0f2f5;color:#475467;font-size:13px;vertical-align:middle}.users-table tbody tr:hover[b-44edhromw0]{background:#fbfdff}.users-table tbody tr:last-child td[b-44edhromw0]{border-bottom:0}
.user-cell[b-44edhromw0]{display:flex;align-items:center;gap:10px}.user-avatar[b-44edhromw0]{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex:0 0 40px;background:#eef4ff;color:#2563eb;font-size:12px;font-weight:750}.user-cell strong[b-44edhromw0]{display:block;color:#101828;font-size:13px;font-weight:650}.user-cell small[b-44edhromw0]{display:block;margin-top:3px;color:#98a2b3;font-size:10px}.username-value[b-44edhromw0],.email-value[b-44edhromw0]{font-size:12px;color:#344054}.username-value[b-44edhromw0]{font-family:Consolas,"Courier New",monospace}.user-actions[b-44edhromw0]{display:flex;flex-wrap:wrap;gap:6px}.user-action-button[b-44edhromw0]{min-height:32px;padding:0 10px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:11px}.user-action-button:hover:not(:disabled)[b-44edhromw0]{background:#f8fafc}.user-action-button.danger[b-44edhromw0]{border-color:#fecdca;color:#b42318;background:#fff}.user-action-button.success[b-44edhromw0]{border-color:#abefc6;color:#027a48;background:#fff}.users-date[b-44edhromw0]{display:flex;flex-direction:column;gap:3px}.users-date strong[b-44edhromw0]{font-size:11px;color:#344054}.users-date small[b-44edhromw0]{font-size:10px;color:#98a2b3}
.users-pagination[b-44edhromw0]{min-height:62px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #eaecf0;color:#667085;font-size:12px}.users-pagination>div[b-44edhromw0]{display:flex;gap:7px}
.users-feedback[b-44edhromw0]{min-height:180px;display:flex;align-items:center;justify-content:center;gap:10px;color:#667085;font-size:13px}.users-spinner[b-44edhromw0]{width:21px;height:21px;border:3px solid #e4e7ec;border-top-color:#2563eb;border-radius:50%;animation:users-spin-b-44edhromw0 .8s linear infinite}.users-error[b-44edhromw0]{padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;border:1px solid #fecdca;border-radius:12px;background:#fffafa;color:#b42318;font-size:12px}.users-error strong[b-44edhromw0]{color:#101828;font-size:13px}.users-error .users-secondary-button[b-44edhromw0]{margin-top:3px}.users-empty[b-44edhromw0]{min-height:280px;padding:35px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.users-empty.compact[b-44edhromw0]{min-height:260px}.users-empty-icon[b-44edhromw0]{width:54px;height:54px;margin-bottom:11px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#2563eb}.users-empty-icon svg[b-44edhromw0]{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.users-empty h2[b-44edhromw0]{margin:0;color:#101828;font-size:17px}.users-empty p[b-44edhromw0]{margin:7px 0 16px;color:#667085;font-size:12px}
.users-modal-backdrop[b-44edhromw0]{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(15,23,42,.54);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.users-modal[b-44edhromw0]{width:min(680px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:16px;box-shadow:0 30px 80px rgba(15,23,42,.28),0 12px 32px rgba(15,23,42,.12);animation:users-modal-in-b-44edhromw0 .18s ease-out}.users-modal-header[b-44edhromw0]{padding:21px 23px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid #eaecf0}.users-modal-header h2[b-44edhromw0]{margin:0;color:#101828;font-size:20px;font-weight:750}.users-modal-header p[b-44edhromw0]{margin:6px 0 0;color:#667085;font-size:12px}.users-modal-close[b-44edhromw0]{width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#667085;font-size:25px;cursor:pointer}.users-modal-close:hover[b-44edhromw0]{background:#f2f4f7;color:#101828}.users-modal-body[b-44edhromw0]{padding:22px 23px}.users-company-banner[b-44edhromw0]{margin-bottom:18px;padding:11px 13px;border:1px solid #dbeafe;border-radius:10px;background:#f8fbff;display:flex;flex-direction:column;gap:3px}.users-company-banner span[b-44edhromw0],.users-company-banner small[b-44edhromw0]{color:#667085;font-size:10px}.users-company-banner strong[b-44edhromw0]{color:#1d4ed8;font-size:13px}.users-form-grid[b-44edhromw0]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.users-span-2[b-44edhromw0]{grid-column:span 2}.users-form-group label[b-44edhromw0]{display:block;margin-bottom:6px;color:#344054;font-size:12px;font-weight:650}.users-form-group input[type=text][b-44edhromw0],.users-form-group input[type=email][b-44edhromw0],.users-form-group input[type=password][b-44edhromw0]{width:100%;height:44px;box-sizing:border-box;padding:0 12px;border:1px solid #d0d5dd;border-radius:9px;outline:none;background:#fff;color:#101828;font-size:13px}.users-form-group input:focus[b-44edhromw0]{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.08)}.users-form-group input:disabled[b-44edhromw0]{background:#f8fafc;color:#667085}.users-field-hint[b-44edhromw0]{display:block;margin-top:5px;color:#98a2b3;font-size:10px}.users-switch-row[b-44edhromw0]{display:flex!important;align-items:center;gap:9px;padding:6px 0;cursor:pointer}.users-switch-row input[b-44edhromw0]{display:none}.users-switch[b-44edhromw0]{width:38px;height:22px;border-radius:999px;background:#d0d5dd;position:relative}.users-switch[b-44edhromw0]::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(16,24,40,.18);transition:left .15s ease}.users-switch-row input:checked+.users-switch[b-44edhromw0]{background:#2563eb}.users-switch-row input:checked+.users-switch[b-44edhromw0]::after{left:19px}.users-form-error[b-44edhromw0]{margin-top:16px;padding:11px 12px;border:1px solid #fecdca;border-radius:9px;background:#fef3f2;color:#b42318;display:flex;flex-direction:column;gap:3px;font-size:12px}.users-security-note[b-44edhromw0]{margin-top:15px;padding:11px 12px;border:1px solid #eaecf0;border-radius:9px;background:#fafbfc;display:flex;flex-direction:column;gap:3px}.users-security-note strong[b-44edhromw0]{color:#344054;font-size:11px}.users-security-note span[b-44edhromw0]{color:#667085;font-size:10px;line-height:1.5}.users-modal-footer[b-44edhromw0]{min-height:68px;padding:14px 23px;display:flex;align-items:center;justify-content:flex-end;gap:8px;border-top:1px solid #eaecf0;background:#fcfcfd}.users-modal-footer .users-primary-button[b-44edhromw0],.users-modal-footer .users-secondary-button[b-44edhromw0]{min-width:118px}
@keyframes users-spin-b-44edhromw0{to{transform:rotate(360deg)}}@keyframes users-modal-in-b-44edhromw0{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1000px){.users-kpi-grid[b-44edhromw0]{grid-template-columns:1fr 1fr}.users-toolbar[b-44edhromw0]{grid-template-columns:1fr 170px auto auto}.users-context-card[b-44edhromw0]{align-items:flex-start;flex-direction:column}.users-context[b-44edhromw0]{width:100%}}
@media(max-width:700px){.users-header[b-44edhromw0]{align-items:flex-start;flex-direction:column}.users-header .users-primary-button[b-44edhromw0]{width:100%}.users-kpi-grid[b-44edhromw0]{grid-template-columns:1fr 1fr}.users-toolbar[b-44edhromw0]{grid-template-columns:1fr}.users-context[b-44edhromw0]{align-items:flex-start;flex-direction:column}.users-context select[b-44edhromw0]{width:100%;min-width:0;max-width:none}.users-pagination[b-44edhromw0]{align-items:flex-start;flex-direction:column;padding:12px 17px}.users-form-grid[b-44edhromw0]{grid-template-columns:1fr}.users-span-2[b-44edhromw0]{grid-column:span 1}.users-modal[b-44edhromw0]{max-height:calc(100vh - 20px);border-radius:14px}.users-modal-header[b-44edhromw0],.users-modal-body[b-44edhromw0],.users-modal-footer[b-44edhromw0]{padding-left:17px;padding-right:17px}.users-modal-footer[b-44edhromw0]{flex-direction:column-reverse;align-items:stretch}.users-modal-footer .users-primary-button[b-44edhromw0],.users-modal-footer .users-secondary-button[b-44edhromw0]{width:100%}}


/* ============================================================
   ROLE MANAGEMENT
   ============================================================ */
.users-role-management[b-44edhromw0]{margin-top:20px;padding:16px;border:1px solid #e4e7ec;border-radius:12px;background:#fbfcff}
.users-role-header[b-44edhromw0]{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.users-role-header strong[b-44edhromw0]{display:block;color:#101828;font-size:14px}
.users-role-header span[b-44edhromw0]{display:block;margin-top:4px;color:#667085;font-size:11px;line-height:1.45}
.users-role-count[b-44edhromw0]{padding:4px 8px;border-radius:999px;background:#eff4ff;color:#175cd3!important;font-size:10px!important;font-weight:700}
.users-role-grid[b-44edhromw0]{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.users-role-option[b-44edhromw0]{position:relative;display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid #dfe3ea;border-radius:10px;background:#fff;cursor:pointer;transition:.15s ease}
.users-role-option:hover[b-44edhromw0]{border-color:#b8c6dd;background:#fafdff}
.users-role-option.selected[b-44edhromw0]{border-color:#84adff;background:#f5f9ff;box-shadow:0 0 0 2px rgba(37,99,235,.06)}
.users-role-option input[b-44edhromw0]{position:absolute;opacity:0;pointer-events:none}
.users-role-check[b-44edhromw0]{width:18px;height:18px;flex:0 0 18px;border:1px solid #c8ced8;border-radius:5px;background:#fff;position:relative}
.users-role-option.selected .users-role-check[b-44edhromw0]{background:#2563eb;border-color:#2563eb}
.users-role-option.selected .users-role-check[b-44edhromw0]::after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.users-role-copy[b-44edhromw0]{min-width:0;flex:1}
.users-role-copy strong[b-44edhromw0]{display:block;color:#101828;font-size:12px}
.users-role-copy small[b-44edhromw0]{display:block;margin-top:2px;color:#667085;font-size:10px;line-height:1.35}
.users-role-system[b-44edhromw0]{padding:3px 7px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:9px;font-weight:700;white-space:nowrap}
.users-role-warning[b-44edhromw0]{margin-top:10px;padding:10px 12px;border:1px solid #fedf89;border-radius:9px;background:#fffaeb;color:#b54708;font-size:11px;line-height:1.45}
.users-permissions-summary[b-44edhromw0]{margin-top:12px;padding:12px;border:1px solid #e4e7ec;border-radius:10px;background:#fff}
.users-permissions-title[b-44edhromw0]{margin-bottom:8px;color:#344054;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.users-permission-chips[b-44edhromw0]{display:flex;flex-wrap:wrap;gap:6px}
.users-permission-chip[b-44edhromw0]{padding:4px 7px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:9px;font-weight:600}
.users-role-loading[b-44edhromw0]{padding:12px;border-radius:9px;background:#fff;color:#667085;font-size:11px}
.users-role-error[b-44edhromw0]{margin-top:10px;padding:10px 12px;border:1px solid #fecdca;border-radius:9px;background:#fffafa;color:#b42318;font-size:11px}
.users-role-note[b-44edhromw0]{margin-top:10px;color:#98a2b3;font-size:10px;line-height:1.45}
@media (max-width:700px){.users-role-grid[b-44edhromw0]{grid-template-columns:1fr}.users-role-header[b-44edhromw0]{flex-direction:column}}