/* /Components/DesignSystem/DataTableShell.razor.rz.scp.css */
.mc-data-table-shell[b-g5d2v20jy7] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.mc-data-table-header[b-g5d2v20jy7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.mc-data-table-header h2[b-g5d2v20jy7] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1rem;
}

.mc-data-table-header p[b-g5d2v20jy7] {
    margin: 0.2rem 0 0;
    color: var(--text-muted);
    font-size: 0.83rem;
}

.mc-data-table-empty[b-g5d2v20jy7] {
    border: 1px dashed var(--border-color);
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--bg-hover) 45%, var(--bg-surface));
    color: var(--text-muted);
    text-align: center;
    padding: 1.5rem 1rem;
}

.mc-data-table-skeleton[b-g5d2v20jy7] {
    height: 180px;
}
/* /Components/DesignSystem/FormSurface.razor.rz.scp.css */
.mc-form-header h2[b-u6cc31zruq] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1rem;
}

.mc-form-header p[b-u6cc31zruq] {
    margin: 0.3rem 0 0;
    color: var(--text-muted);
    font-size: 0.83rem;
}

.mc-form-grid[b-u6cc31zruq] {
    margin-top: 1rem;
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mc-form-actions[b-u6cc31zruq] {
    margin-top: 1rem;
    border-top: 1px solid var(--border-subtle);
    padding-top: 0.9rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.6rem;
}

@media (max-width: 900px) {
    .mc-form-grid[b-u6cc31zruq] {
        grid-template-columns: 1fr;
    }
}
/* /Components/DesignSystem/KpiMetricCard.razor.rz.scp.css */
.mc-kpi[b-vfnltx2zy5] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    text-decoration: none;
    padding: 1rem 1.1rem;
    min-height: 7.2rem;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    background: linear-gradient(180deg, var(--bg-card), var(--bg-surface));
    color: var(--text-primary);
    box-shadow: var(--shadow-sm);
    position: relative;
    overflow: hidden;
}

.mc-kpi[b-vfnltx2zy5]::before {
    content: "";
    position: absolute;
    left: 0.65rem;
    top: 0.9rem;
    bottom: 0.9rem;
    width: 3px;
    border-radius: 99px;
    background: color-mix(in srgb, var(--accent-primary) 70%, transparent);
}

.mc-kpi-warning[b-vfnltx2zy5]::before {
    background: color-mix(in srgb, var(--warning) 70%, transparent);
}

.mc-kpi-danger[b-vfnltx2zy5]::before {
    background: color-mix(in srgb, var(--danger) 70%, transparent);
}

.mc-kpi-title[b-vfnltx2zy5] {
    color: var(--text-muted);
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.045em;
    font-weight: 600;
}

.mc-kpi-value[b-vfnltx2zy5] {
    color: var(--text-primary);
    font-size: 1.78rem;
    letter-spacing: -0.03em;
    line-height: 1;
}

.mc-kpi-delta[b-vfnltx2zy5] {
    color: var(--text-secondary);
    font-size: 0.78rem;
    font-weight: 500;
}
/* /Components/Help/HelpArticleCard.razor.rz.scp.css */
.help-card[b-jhjspmvhov] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    padding: 1.1rem 1.15rem;
    background: var(--surface, #fff);
    border: 1px solid var(--border, #dde1e7);
    border-radius: 12px;
    text-decoration: none;
    color: inherit;
    transition: box-shadow .15s, border-color .15s, transform .12s;
    position: relative;
}

.help-card:hover[b-jhjspmvhov] {
    box-shadow: 0 6px 20px rgba(37,99,235,.13);
    border-color: var(--accent, #2563eb);
    transform: translateY(-2px);
}

.help-card--featured[b-jhjspmvhov] {
    border-color: var(--accent, #2563eb);
    background: linear-gradient(135deg, #f0f6ff 0%, #fff 100%);
}

.help-card-top[b-jhjspmvhov] {
    display: flex;
    align-items: center;
}

.help-card-meta[b-jhjspmvhov] {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex-wrap: wrap;
}

.help-card-module[b-jhjspmvhov] {
    font-size: .72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--accent, #2563eb);
    background: #eff6ff;
    padding: .15rem .45rem;
    border-radius: 4px;
}

.help-card-difficulty[b-jhjspmvhov] {
    font-size: .7rem;
    font-weight: 600;
    padding: .15rem .45rem;
    border-radius: 4px;
}

.help-card-difficulty--intermediate[b-jhjspmvhov] {
    background: #fef3c7;
    color: #92400e;
}

.help-card-difficulty--advanced[b-jhjspmvhov] {
    background: #fee2e2;
    color: #991b1b;
}

.help-card-title[b-jhjspmvhov] {
    font-weight: 700;
    font-size: .97rem;
    color: var(--text, #1a1a2e);
    line-height: 1.3;
}

.help-card-summary[b-jhjspmvhov] {
    font-size: .83rem;
    color: var(--text-muted, #6b7280);
    line-height: 1.5;
    flex: 1;
}

.help-card-footer[b-jhjspmvhov] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .3rem;
}

.help-card-read[b-jhjspmvhov] {
    font-size: .75rem;
    color: var(--text-muted, #6b7280);
}

.help-card-arrow[b-jhjspmvhov] {
    font-size: .9rem;
    color: var(--accent, #2563eb);
    opacity: 0;
    transition: opacity .15s, transform .15s;
    transform: translateX(-4px);
}

.help-card:hover .help-card-arrow[b-jhjspmvhov] {
    opacity: 1;
    transform: translateX(0);
}
/* /Components/Help/HelpWidget.razor.rz.scp.css */
.help-widget[b-giwxbms0y5] {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 900;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .5rem;
}

/* ── Toggle button ───────────────────────────────────────── */

.hw-toggle[b-giwxbms0y5] {
    display: flex;
    align-items: center;
    gap: .4rem;
    background: var(--accent, #2563eb);
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: .6rem .9rem;
    cursor: pointer;
    font-size: .9rem;
    font-weight: 700;
    box-shadow: 0 4px 16px rgba(37,99,235,.35);
    transition: background .15s, transform .12s;
    line-height: 1;
}

.hw-toggle:hover[b-giwxbms0y5] {
    background: #1d4ed8;
    transform: scale(1.05);
}

.hw-toggle-icon[b-giwxbms0y5] { font-size: 1.05rem; }
.hw-toggle-label[b-giwxbms0y5] { font-size: .85rem; }

/* ── Panel ───────────────────────────────────────────────── */

.hw-panel[b-giwxbms0y5] {
    background: var(--surface, #fff);
    border: 1px solid var(--border, #dde1e7);
    border-radius: 14px;
    box-shadow: 0 8px 32px rgba(0,0,0,.14);
    width: 320px;
    max-height: 480px;
    overflow-y: auto;
    padding: 1.1rem 1.15rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.hw-header[b-giwxbms0y5] {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
}

.hw-icon[b-giwxbms0y5] { font-size: 1.5rem; flex-shrink: 0; }

.hw-title[b-giwxbms0y5] {
    font-weight: 700;
    font-size: .95rem;
    color: var(--text, #1a1a2e);
    line-height: 1.3;
}

.hw-meta[b-giwxbms0y5] { font-size: .73rem; color: var(--text-muted, #6b7280); margin-top: .1rem; }

.hw-summary[b-giwxbms0y5] {
    font-size: .83rem;
    color: var(--text-muted, #6b7280);
    line-height: 1.5;
}

/* ── Sections ────────────────────────────────────────────── */

.hw-sections[b-giwxbms0y5] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    border-top: 1px solid var(--border, #dde1e7);
    padding-top: .65rem;
}

.hw-sec-heading[b-giwxbms0y5] {
    font-weight: 700;
    font-size: .85rem;
    color: var(--text, #1a1a2e);
}

.hw-sec-body[b-giwxbms0y5] {
    font-size: .82rem;
    color: var(--text-muted, #6b7280);
    line-height: 1.5;
    margin: 0;

    /* clamp to 3 lines */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hw-steps[b-giwxbms0y5] {
    padding-left: 1.2rem;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.hw-steps li[b-giwxbms0y5] { font-size: .82rem; color: var(--text, #1a1a2e); line-height: 1.45; }
.hw-more[b-giwxbms0y5] { color: var(--text-muted, #6b7280); font-style: italic; }

.hw-truncated[b-giwxbms0y5] {
    font-size: .78rem;
    color: var(--text-muted, #6b7280);
    margin: 0;
    font-style: italic;
}

/* ── Link ────────────────────────────────────────────────── */

.hw-full-link[b-giwxbms0y5] {
    display: inline-block;
    font-size: .85rem;
    font-weight: 600;
    color: var(--accent, #2563eb);
    text-decoration: none;
    border-top: 1px solid var(--border, #dde1e7);
    padding-top: .65rem;
}

.hw-full-link:hover[b-giwxbms0y5] { text-decoration: underline; }

/* ── Responsive ──────────────────────────────────────────── */

@media (max-width: 480px) {
    .hw-panel[b-giwxbms0y5] { width: calc(100vw - 3rem); }
}
/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.login-page[b-nu44hm5ukm] {
    min-height: 100vh;
    background:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(135deg, #111217 0%, #17243a 46%, #263f68 100%);
    background-size: 44px 44px, 44px 44px, auto;
    overflow-x: hidden;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-njp8rop6sx] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 240px 1fr;
    background: #edf1f7;
}

.app-sidebar[b-njp8rop6sx] {
    background: linear-gradient(180deg, #1a1d24 0%, #15181f 100%);
    color: #d7dfef;
    padding: 0.9rem 0.85rem;
    border-right: 1px solid #2a2f3a;
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.03);
}

.product-panel[b-njp8rop6sx] {
    padding: 0.55rem 0.6rem 0.95rem;
    border-bottom: 1px solid #2f3440;
    margin-bottom: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.product-identity[b-njp8rop6sx] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 48px;
    display: flex;
    align-items: center;
}

.product-logo-img[b-njp8rop6sx] {
    display: block;
    flex-shrink: 0;
}

.product-logo-full[b-njp8rop6sx] {
    width: min(100%, 220px);
    max-width: 220px;
    max-height: 54px;
    height: auto;
    object-fit: contain;
    object-position: left center;
    transition: opacity 0.2s ease, width 0.25s ease;
}

.product-logo-mark[b-njp8rop6sx] {
    display: none;
    width: 44px;
    height: 44px;
}

.app-main[b-njp8rop6sx] {
    min-width: 0;
    display: grid;
    grid-template-rows: auto 1fr;
}

.app-header[b-njp8rop6sx] {
    background: #f9fbff;
    border-bottom: 1px solid #dce4f1;
    padding: 1rem 1.4rem;
}

.app-content[b-njp8rop6sx] {
    padding: 1.45rem;
}

@media (max-width: 960px) {
    .app-shell[b-njp8rop6sx] {
        grid-template-columns: 1fr;
    }

    .app-sidebar[b-njp8rop6sx] {
        border-right: 0;
        border-bottom: 1px solid #2a3550;
    }
}

#blazor-error-ui[b-njp8rop6sx] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-njp8rop6sx] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/PageContainer.razor.rz.scp.css */
/* ── PageContainer — unified premium page wrapper ─────────────── */
.page-container[b-6vd8a8orue] {
    max-width: 1240px;
}

.page-header[b-6vd8a8orue] {
    background: linear-gradient(135deg, #1e1b4b 0%, #312e81 60%, #4338ca 100%);
    border-radius: 1rem;
    padding: 1.75rem 2rem;
    margin-bottom: 1.5rem;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.page-header[b-6vd8a8orue]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;
    pointer-events: none;
}

.page-header h1[b-6vd8a8orue] {
    margin: 0;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    position: relative;
    z-index: 1;
}

.page-header p[b-6vd8a8orue] {
    margin-top: 0.4rem;
    color: rgba(255, 255, 255, 0.72);
    max-width: 76ch;
    font-size: 0.9rem;
    line-height: 1.5;
    position: relative;
    z-index: 1;
}

.page-body[b-6vd8a8orue] {
    margin-top: 0;
}

/* ── Summary cards (old summary-grid pattern) ──────────────────── */
.summary-grid[b-6vd8a8orue] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.summary-card[b-6vd8a8orue] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 0.75rem;
    padding: 1rem 1.5rem;
    flex: 1;
    min-width: 10rem;
    box-shadow: 0 1px 3px rgba(0,0,0,.06);
    transition: box-shadow .15s, border-color .15s;
}

.summary-card:hover[b-6vd8a8orue] {
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99,102,241,.08);
}

.summary-card h2[b-6vd8a8orue] {
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #6b7280;
    margin: 0 0 0.4rem;
}

.summary-card .summary-value[b-6vd8a8orue] {
    display: block;
    font-size: 1.8rem;
    font-weight: 700;
    color: #1e1b4b;
    line-height: 1;
}

.alert-value[b-6vd8a8orue] { color: #dc2626; }

/* ── Register toolbar ─────────────────────────────────────────── */
.register-toolbar[b-6vd8a8orue] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.search-input[b-6vd8a8orue] {
    flex: 1;
    min-width: 220px;
    padding: 0.5rem 0.875rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    background: #fff;
    color: #111827;
    transition: border-color .15s, box-shadow .15s;
}

.search-input:focus[b-6vd8a8orue] {
    outline: none;
    border-color: #6366f1;
    box-shadow: 0 0 0 3px rgba(99,102,241,.12);
}

.btn-new[b-6vd8a8orue] {
    background: linear-gradient(135deg, #4f46e5, #6366f1);
    color: #fff;
    border: none;
    border-radius: 0.5rem;
    padding: 0.5rem 1.1rem;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    transition: opacity .15s, box-shadow .15s;
}

.btn-new:hover[b-6vd8a8orue] {
    opacity: 0.9;
    box-shadow: 0 2px 8px rgba(99,102,241,.4);
    color: #fff;
}

/* ── Register table ───────────────────────────────────────────── */
.table-wrapper[b-6vd8a8orue] {
    border-radius: 0.75rem;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    background: #fff;
}

.register-table[b-6vd8a8orue] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.register-table thead th[b-6vd8a8orue] {
    background: #f9fafb;
    padding: 0.6rem 0.875rem;
    text-align: left;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #6b7280;
    border-bottom: 1px solid #e5e7eb;
}

.register-table tbody tr[b-6vd8a8orue] {
    border-bottom: 1px solid #f3f4f6;
    transition: background .1s;
}

.register-table tbody tr:last-child[b-6vd8a8orue] { border-bottom: none; }
.register-table tbody tr:hover[b-6vd8a8orue] { background: #f5f3ff; }

.register-table td[b-6vd8a8orue] {
    padding: 0.65rem 0.875rem;
    color: #374151;
    vertical-align: middle;
}

.empty-cell[b-6vd8a8orue] {
    text-align: center;
    color: #9ca3af;
    font-style: italic;
    padding: 2rem;
}

/* ── View tabs ────────────────────────────────────────────────── */
.view-tabs[b-6vd8a8orue] {
    display: flex;
    gap: 0.25rem;
    background: #f3f4f6;
    border-radius: 0.5rem;
    padding: 0.2rem;
}

.view-tab[b-6vd8a8orue] {
    padding: 0.35rem 0.875rem;
    border: none;
    border-radius: 0.35rem;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    background: transparent;
    color: #6b7280;
    transition: all .15s;
}

.view-tab.active[b-6vd8a8orue], .view-tab-active[b-6vd8a8orue] {
    background: #fff;
    color: #4f46e5;
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
}

/* ── Error & loading states ───────────────────────────────────── */
.error-message[b-6vd8a8orue] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
    color: #dc2626;
    font-size: 0.875rem;
}
/* /Components/Layout/PrintLayout.razor.rz.scp.css */
.print-shell[b-0qehxxbr5l] {
    max-width: 210mm;
    margin: 0 auto;
    padding: 0;
    background: #ffffff;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-5xist4w4pa],
.components-reconnect-repeated-attempt-visible[b-5xist4w4pa],
.components-reconnect-failed-visible[b-5xist4w4pa],
.components-pause-visible[b-5xist4w4pa],
.components-resume-failed-visible[b-5xist4w4pa],
.components-rejoining-animation[b-5xist4w4pa] {
    display: none;
}

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


#components-reconnect-modal[b-5xist4w4pa] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-5xist4w4pa 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Navigation/NavSection.razor.rz.scp.css */
.nav-section[b-r1upyh8mlh] {
    position: static;
}

.nav-item[b-r1upyh8mlh] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    width: 100%;
    padding: 0.6rem 0.75rem;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: #c5c9d6;
    font-size: 0.92rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    transition: background 120ms ease, color 120ms ease;
    text-align: left;
    line-height: 1.35;
}

.nav-item:hover[b-r1upyh8mlh] {
    background: #252b38;
    color: #ffffff;
}

.open > .nav-item[b-r1upyh8mlh],
.active > .nav-item[b-r1upyh8mlh] {
    background: #2a3548;
    color: #ffffff;
    box-shadow: inset 3px 0 0 #5f8fd6;
}

.nav-icon[b-r1upyh8mlh] {
    flex-shrink: 0;
    width: 1.3rem;
    text-align: center;
    font-size: 1rem;
    color: currentColor;
    opacity: 0.72;
    filter: grayscale(1) saturate(0);
}

.open > .nav-item > .nav-icon[b-r1upyh8mlh],
.active > .nav-item > .nav-icon[b-r1upyh8mlh] {
    color: currentColor;
    opacity: 0.9;
}

.nav-text[b-r1upyh8mlh] {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-chevron[b-r1upyh8mlh] {
    flex-shrink: 0;
    width: 1.1rem;
    text-align: center;
    font-size: 0.92rem;
    color: currentColor;
    opacity: 0.55;
    transition: color 120ms ease;
}

.open > .nav-item > .nav-chevron[b-r1upyh8mlh] {
    color: currentColor;
    opacity: 0.9;
}

.nav-flyout[b-r1upyh8mlh] {
    position: fixed;
    left: 240px;
    top: 0;
    bottom: 0;
    width: 220px;
    background: #202637;
    border-left: 1px solid #33405a;
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.3);
    z-index: 5200;
    overflow-y: auto;
    padding: 1rem 0;
}

.flyout-header[b-r1upyh8mlh] {
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.5rem 1.1rem 0.7rem;
    border-bottom: 2px solid #5f8fd6;
    margin: 0 0.75rem 0.5rem;
}

.flyout-items[b-r1upyh8mlh] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 0.25rem 0.5rem;
}

.flyout-items[b-r1upyh8mlh]  a {
    display: block;
    padding: 0.52rem 0.75rem;
    color: #c5c9d6;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 450;
    border-radius: 6px;
    transition: background 100ms ease, color 100ms ease;
}

.flyout-items[b-r1upyh8mlh]  a:hover {
    background: #2b354b;
    color: #ffffff;
}

.flyout-items[b-r1upyh8mlh]  a.active {
    color: #ffffff;
    background: #2a3548;
    font-weight: 600;
    box-shadow: inset 3px 0 0 #5f8fd6;
}
/* /Components/Navigation/NotificationBell.razor.rz.scp.css */
/* Bell button */
.nb-wrapper[b-1oaej8n4bu] {
    position: relative;
}

.nb-bell-btn[b-1oaej8n4bu] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 999px;
    border: 1px solid #d6deec;
    background: #ffffff;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s;
    padding: 0;
}

.nb-bell-btn:hover[b-1oaej8n4bu] {
    background: #f4f7fc;
    border-color: #c8d4e8;
}

.nb-bell-btn--active[b-1oaej8n4bu] {
    border-color: #e03131;
}

.nb-bell-icon[b-1oaej8n4bu] {
    font-size: 1rem;
    line-height: 1;
    font-weight: 900;
    color: #1a2d50;
}

.nb-badge[b-1oaej8n4bu] {
    position: absolute;
    top: -4px;
    right: -5px;
    min-width: 1.1rem;
    height: 1.1rem;
    background: #e03131;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 800;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
    border: 1.5px solid #fff;
}

/* Panel */
.nb-panel[b-1oaej8n4bu] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 360px;
    max-height: 520px;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 14px;
    box-shadow: 0 12px 32px rgba(18, 29, 49, 0.14);
    display: flex;
    flex-direction: column;
    z-index: 900;
    overflow: hidden;
}

.nb-panel-header[b-1oaej8n4bu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e8edf6;
    background: #f8fafd;
    flex-shrink: 0;
}

.nb-panel-title[b-1oaej8n4bu] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #1a2d50;
}

.nb-panel-actions[b-1oaej8n4bu] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.nb-action-btn[b-1oaej8n4bu] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #214d9d;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    text-decoration: none;
}

.nb-action-btn:hover[b-1oaej8n4bu] { text-decoration: underline; }

.nb-empty[b-1oaej8n4bu] {
    padding: 1.5rem;
    text-align: center;
    color: #8a9ab8;
    font-size: 0.88rem;
}

.nb-error[b-1oaej8n4bu] {
    color: #b33030;
}

/* List */
.nb-list[b-1oaej8n4bu] {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    flex: 1;
}

.nb-item[b-1oaej8n4bu] {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    padding: 0.65rem 1rem;
    border-bottom: 1px solid #f0f3f9;
    transition: background 0.1s;
}

.nb-item:last-child[b-1oaej8n4bu] { border-bottom: none; }

.nb-item--unread[b-1oaej8n4bu] { background: #f4f8ff; }
.nb-item--read[b-1oaej8n4bu]   { opacity: 0.72; }
.nb-item:hover[b-1oaej8n4bu]   { background: #edf2fb; }

/* severity left-border */
.nb-sev-critical[b-1oaej8n4bu] { border-left: 3px solid #e03131; }
.nb-sev-warning[b-1oaej8n4bu]  { border-left: 3px solid #f59e0b; }
.nb-sev-info[b-1oaej8n4bu]     { border-left: 3px solid #3b82f6; }
.nb-sev-success[b-1oaej8n4bu]  { border-left: 3px solid #22c55e; }

.nb-item-body[b-1oaej8n4bu] {
    flex: 1;
    min-width: 0;
}

.nb-item-top[b-1oaej8n4bu] {
    display: flex;
    justify-content: space-between;
    font-size: 0.72rem;
    color: #8a9ab8;
    margin-bottom: 0.18rem;
}

.nb-item-module[b-1oaej8n4bu] {
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 600;
}

.nb-item-title[b-1oaej8n4bu] {
    display: block;
    font-size: 0.86rem;
    font-weight: 600;
    color: #1a2d50;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

a.nb-item-title:hover[b-1oaej8n4bu] { color: #214d9d; text-decoration: underline; }

.nb-item-msg[b-1oaej8n4bu] {
    font-size: 0.78rem;
    color: #607196;
    margin-top: 0.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nb-item-due[b-1oaej8n4bu] {
    font-size: 0.75rem;
    color: #607196;
    margin-top: 0.15rem;
}

.nb-item-due--overdue[b-1oaej8n4bu] {
    color: #b33030;
    font-weight: 600;
}

.nb-item-controls[b-1oaej8n4bu] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex-shrink: 0;
}

.nb-ctrl-btn[b-1oaej8n4bu] {
    background: none;
    border: 1px solid #d6deec;
    border-radius: 999px;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0.7rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #607196;
    transition: background 0.1s, color 0.1s;
}

.nb-ctrl-btn:hover[b-1oaej8n4bu] { background: #edf2fb; color: #1a2d50; }
.nb-ctrl-dismiss:hover[b-1oaej8n4bu] { background: #fee2e2; color: #b33030; border-color: #fca5a5; }
/* /Components/Navigation/SidebarNav.razor.rz.scp.css */
.sidebar-nav[b-khc7cwqr14] {
    display: block;
}

.nav-backdrop[b-khc7cwqr14] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: var(--sidebar-current-width, 280px);
    z-index: 5000;
    background: rgba(0, 0, 0, 0.18);
}

.nav-primary[b-khc7cwqr14] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.nav-group-label[b-khc7cwqr14] {
    margin: 0.85rem 0.45rem 0.35rem;
    color: #778197;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.nav-group-label:first-child[b-khc7cwqr14] {
    margin-top: 0.15rem;
}

.nav-primary[b-khc7cwqr14]  .nav-item-link {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.6rem 0.75rem;
    border-radius: 8px;
    color: #c5c9d6;
    text-decoration: none;
    font-size: 0.92rem;
    font-weight: 500;
    transition: background 120ms ease, color 120ms ease;
    line-height: 1.35;
}

.nav-primary[b-khc7cwqr14]  .nav-item-link:hover {
    background: #252b38;
    color: #ffffff;
}

.nav-primary[b-khc7cwqr14]  .nav-item-link.active {
    background: #2a3548;
    color: #ffffff;
    box-shadow: inset 3px 0 0 #5f8fd6;
}

.nav-primary[b-khc7cwqr14]  .nav-item-link .nav-icon {
    flex-shrink: 0;
    width: 1.3rem;
    text-align: center;
    font-size: 1rem;
    color: currentColor;
    opacity: 0.72;
    filter: grayscale(1) saturate(0);
}

.nav-primary[b-khc7cwqr14]  .nav-item-link.active .nav-icon {
    color: currentColor;
    opacity: 0.9;
}

.nav-primary[b-khc7cwqr14]  .nav-item-link .nav-text {
    flex: 1;
    min-width: 0;
}

/* Refresh Session button — matches sub-link appearance */
.nav-primary[b-khc7cwqr14]  .sub-link-btn {
    display: block;
    width: 100%;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    padding: 0;
    font: inherit;
    color: inherit;
    opacity: 0.75;
}

.nav-primary[b-khc7cwqr14]  form {
    margin: 0;
    padding: 0;
}

.nav-primary[b-khc7cwqr14]  .sub-link-btn:hover {
    opacity: 1;
}
/* /Components/Navigation/TopBar.razor.rz.scp.css */
.topbar[b-cva1iuwyt1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.1rem;
}

.topbar-left[b-cva1iuwyt1] {
    min-width: 0;
}

.topbar-right[b-cva1iuwyt1] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.topbar-title[b-cva1iuwyt1] {
    font-size: 1.02rem;
    letter-spacing: 0.01em;
    font-weight: 700;
    color: #111c31;
}

.topbar-subtitle[b-cva1iuwyt1] {
    margin-top: 0.22rem;
    color: #607196;
    font-size: 0.84rem;
}

.topbar-link[b-cva1iuwyt1] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: #2a4471;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.86rem;
    white-space: nowrap;
    padding: 0.32rem 0.55rem;
    border-radius: 999px;
    border: 1px solid #d6deec;
    background: #ffffff;
}

.topbar-link:hover[b-cva1iuwyt1] {
    color: #1f355d;
    background: #f4f7fc;
    border-color: #c8d4e8;
}

.topbar-link-badge[b-cva1iuwyt1] {
    min-width: 1.35rem;
    height: 1.35rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.78rem;
    font-weight: 700;
    color: #8a9bbf;
    background: #edf2fa;
    border: 1px solid #d7e1f0;
}

.topbar-link-badge--active[b-cva1iuwyt1] {
    color: #ffffff;
    background: #e03131;
    border-color: #c92a2a;
}

.topbar-badge[b-cva1iuwyt1] {
    font-size: 0.8rem;
    color: #3d5177;
    background: #edf2fa;
    border: 1px solid #d7e1f0;
    border-radius: 999px;
    padding: 0.27rem 0.75rem;
    white-space: nowrap;
}

.topbar-logout-form[b-cva1iuwyt1] {
    display: inline;
}

.topbar-logout-btn[b-cva1iuwyt1] {
    font-size: 0.84rem;
    font-weight: 600;
    color: #2a4471;
    background: #ffffff;
    border: 1px solid #d6deec;
    border-radius: 999px;
    padding: 0.32rem 0.7rem;
    cursor: pointer;
    white-space: nowrap;
}

.topbar-logout-btn:hover[b-cva1iuwyt1] {
    color: #1f355d;
    background: #f4f7fc;
    border-color: #c8d4e8;
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-shell[b-pqofzor8uf] {
    box-sizing: border-box;
    width: min(100%, 1280px);
    max-width: 1280px;
    min-height: 100vh;
    display: grid;
    grid-template-columns: minmax(0, 660px) minmax(360px, 440px);
    gap: clamp(2rem, 4vw, 4rem);
    align-items: center;
    margin: 0 auto;
    padding: clamp(1rem, 4vw, 4.5rem);
    color: #f8fbff;
    overflow-x: hidden;
}

.login-shell *[b-pqofzor8uf],
.login-shell *[b-pqofzor8uf]::before,
.login-shell *[b-pqofzor8uf]::after {
    box-sizing: border-box;
}

.brand-panel[b-pqofzor8uf] {
    max-width: 760px;
    min-width: 0;
    position: relative;
    z-index: 1;
}

.brand-lockup[b-pqofzor8uf] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.35rem;
}

.brand-lockup > div:last-child[b-pqofzor8uf] {
    min-width: 0;
}

.brand-mark[b-pqofzor8uf] {
    width: 3.4rem;
    height: 3.4rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: linear-gradient(135deg, #ffffff 0%, #dbeafe 100%);
    color: #111827;
    font-size: 1rem;
    font-weight: 900;
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.28);
}

.eyebrow[b-pqofzor8uf] {
    margin: 0 0 0.45rem;
    color: #9fb9e6;
    font-size: 0.73rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.brand-panel h1[b-pqofzor8uf] {
    max-width: 720px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(2.35rem, 6vw, 5.75rem);
    font-weight: 850;
    line-height: 0.95;
    letter-spacing: 0;
    text-wrap: balance;
}

.brand-copy[b-pqofzor8uf] {
    max-width: 620px;
    margin: 0 0 2rem;
    color: rgba(248, 251, 255, 0.78);
    font-size: clamp(1rem, 1.45vw, 1.18rem);
    line-height: 1.75;
}

.assurance-grid[b-pqofzor8uf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    max-width: 620px;
    margin-bottom: 1rem;
}

.assurance-tile[b-pqofzor8uf] {
    max-width: 100%;
    min-height: 7.25rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1rem;
    border: 1px solid rgba(143, 183, 255, 0.28);
    border-radius: 8px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.055)),
        rgba(12, 18, 22, 0.42);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(18px);
}

.assurance-tile[b-pqofzor8uf]::before {
    content: "";
    width: 2.25rem;
    height: 0.22rem;
    display: block;
    border-radius: 999px;
    background: #8fb7ff;
}

.assurance-tile.accent-amber[b-pqofzor8uf] {
    border-color: rgba(95, 143, 214, 0.38);
}

.assurance-tile.accent-amber[b-pqofzor8uf]::before {
    background: #5f8fd6;
}

.assurance-tile.accent-coral[b-pqofzor8uf] {
    border-color: rgba(61, 111, 168, 0.42);
}

.assurance-tile.accent-coral[b-pqofzor8uf]::before {
    background: #3d6fa8;
}

.tile-kicker[b-pqofzor8uf] {
    display: block;
    color: rgba(248, 251, 255, 0.62);
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.assurance-tile strong[b-pqofzor8uf] {
    color: #ffffff;
    font-size: clamp(1.15rem, 1.6vw, 1.45rem);
    line-height: 1.1;
}

.signal-board[b-pqofzor8uf] {
    max-width: 620px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    background: rgba(9, 12, 17, 0.4);
    overflow: hidden;
    backdrop-filter: blur(18px);
}

.signal-row[b-pqofzor8uf] {
    display: grid;
    grid-template-columns: 0.75rem minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
    padding: 0.78rem 0.95rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(248, 251, 255, 0.77);
    font-size: 0.9rem;
    line-height: 1.5;
}

.signal-row:last-child[b-pqofzor8uf] {
    border-bottom: 0;
}

.signal-dot[b-pqofzor8uf] {
    width: 0.58rem;
    height: 0.58rem;
    margin-top: 0.42rem;
    border-radius: 999px;
    background: #8fb7ff;
    box-shadow: 0 0 0 3px rgba(143, 183, 255, 0.12);
}

.dot-warn[b-pqofzor8uf] {
    background: #5f8fd6;
    box-shadow: 0 0 0 3px rgba(95, 143, 214, 0.13);
}

.dot-info[b-pqofzor8uf] {
    background: #9cc8ff;
    box-shadow: 0 0 0 3px rgba(156, 200, 255, 0.13);
}

.login-card[b-pqofzor8uf] {
    position: relative;
    z-index: 1;
    width: 100%;
    min-width: 0;
    padding: clamp(1.35rem, 3vw, 2.25rem);
    border: 1px solid rgba(255, 255, 255, 0.82);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.94);
    color: #162033;
    box-shadow: 0 26px 80px rgba(0, 0, 0, 0.34);
}

.login-card[b-pqofzor8uf]::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border-top: 4px solid #2b4a78;
    pointer-events: none;
}

.login-header[b-pqofzor8uf] {
    margin-bottom: 1.35rem;
}

.login-header .eyebrow[b-pqofzor8uf] {
    color: #2b4a78;
}

.login-header h2[b-pqofzor8uf] {
    margin: 0;
    color: #111827;
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    line-height: 1.1;
    letter-spacing: 0;
}

.login-subtitle[b-pqofzor8uf] {
    margin: 0.45rem 0 0;
    color: #62708b;
    font-size: 0.95rem;
}

.login-error[b-pqofzor8uf] {
    display: grid;
    grid-template-columns: 1.6rem minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    padding: 0.78rem 0.85rem;
    margin-bottom: 1.1rem;
    border: 1px solid #f6b4bd;
    border-radius: 8px;
    background: #fff0f2;
    color: #8d1730;
    font-size: 0.9rem;
    font-weight: 650;
}

.error-icon[b-pqofzor8uf] {
    width: 1.6rem;
    height: 1.6rem;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #2b4a78;
    color: #ffffff;
    font-weight: 900;
}

.login-card form[b-pqofzor8uf] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.login-card .form-group[b-pqofzor8uf] {
    display: flex;
    flex-direction: column;
    gap: 0.42rem;
}

.login-card .form-group label[b-pqofzor8uf] {
    color: #25324a;
    font-size: 0.84rem;
    font-weight: 750;
}

.input-shell[b-pqofzor8uf] {
    display: grid;
    grid-template-columns: 2.55rem minmax(0, 1fr);
    align-items: center;
    border: 1px solid #cbd6e8;
    border-radius: 8px;
    background: #ffffff;
    transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.input-shell:focus-within[b-pqofzor8uf] {
    border-color: #2b4a78;
    background: #fbfdff;
    box-shadow: 0 0 0 4px rgba(43, 74, 120, 0.14);
}

.input-icon[b-pqofzor8uf] {
    display: grid;
    place-items: center;
    align-self: stretch;
    color: #6e7f9d;
    font-size: 0.74rem;
    font-weight: 900;
    border-right: 1px solid #e4eaf3;
}

.login-card .form-group input[b-pqofzor8uf] {
    width: 100%;
    min-height: 3rem;
    padding: 0.65rem 0.8rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #111827;
    font: inherit;
}

.login-card .form-group input:focus[b-pqofzor8uf] {
    outline: none;
    box-shadow: none;
}

.login-button[b-pqofzor8uf] {
    width: 100%;
    min-height: 3.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    margin-top: 0.15rem;
    padding: 0.85rem 1rem;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(135deg, #111827 0%, #2b4a78 58%, #5f8fd6 135%);
    color: #ffffff;
    font-size: 0.98rem;
    font-weight: 850;
    cursor: pointer;
    box-shadow: 0 16px 34px rgba(43, 74, 120, 0.26);
    transition: transform 140ms ease, box-shadow 140ms ease, filter 140ms ease;
}

.login-button:hover[b-pqofzor8uf] {
    filter: brightness(1.04);
    transform: translateY(-1px);
    box-shadow: 0 20px 42px rgba(43, 74, 120, 0.32);
}

.login-button:focus-visible[b-pqofzor8uf] {
    outline: 3px solid rgba(43, 74, 120, 0.28);
    outline-offset: 3px;
}

.button-arrow[b-pqofzor8uf] {
    font-weight: 900;
}

.login-note[b-pqofzor8uf] {
    margin: 1.15rem 0 0;
    padding-top: 1rem;
    border-top: 1px solid #e3e9f2;
    color: #6a7893;
    font-size: 0.82rem;
    line-height: 1.55;
    text-align: center;
    overflow-wrap: anywhere;
}

@media (max-width: 980px) {
    .login-shell[b-pqofzor8uf] {
        grid-template-columns: minmax(0, 1fr);
        align-items: start;
    }

    .brand-panel[b-pqofzor8uf] {
        max-width: 100%;
    }

    .brand-panel h1[b-pqofzor8uf] {
        max-width: 780px;
    }

    .brand-copy[b-pqofzor8uf],
    .assurance-grid[b-pqofzor8uf],
    .signal-board[b-pqofzor8uf] {
        max-width: 100%;
    }
}

@media (max-width: 640px) {
    .login-shell[b-pqofzor8uf] {
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        padding: 1rem 0.85rem;
        gap: 1rem;
    }

    .brand-panel[b-pqofzor8uf],
    .login-card[b-pqofzor8uf] {
        align-self: flex-start;
        width: 100%;
        max-width: 21.5rem;
    }

    .brand-lockup[b-pqofzor8uf] {
        gap: 0.75rem;
        margin-bottom: 1rem;
    }

    .brand-mark[b-pqofzor8uf] {
        width: 2.85rem;
        height: 2.85rem;
    }

    .brand-panel h1[b-pqofzor8uf] {
        font-size: 1.95rem;
        line-height: 1;
    }

    .brand-copy[b-pqofzor8uf] {
        width: 100%;
        max-width: 100%;
        margin-bottom: 1rem;
        font-size: 0.95rem;
        line-height: 1.6;
    }

    .assurance-grid[b-pqofzor8uf] {
        width: 100%;
        max-width: 100%;
        grid-template-columns: 1fr;
    }

    .assurance-tile[b-pqofzor8uf] {
        min-height: 5rem;
    }

    .signal-board[b-pqofzor8uf] {
        display: none;
    }
}
/* /Components/Shared/ActivityTimeline.razor.rz.scp.css */
.activity-timeline-section[b-ryxh7wd8eg] {
    margin-top: 2rem;
}

.activity-timeline-section h2[b-ryxh7wd8eg] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-text-secondary, #64748b);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 1rem;
}

.timeline-loading[b-ryxh7wd8eg],
.timeline-empty[b-ryxh7wd8eg] {
    color: var(--color-text-muted, #94a3b8);
    font-size: 0.875rem;
    padding: 0.5rem 0;
}

.timeline[b-ryxh7wd8eg] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-left: 1.5rem;
    border-left: 2px solid var(--color-border, #e2e8f0);
}

.timeline-entry[b-ryxh7wd8eg] {
    position: relative;
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem 0 0.75rem 0.75rem;
}

.timeline-entry:last-child[b-ryxh7wd8eg] {
    padding-bottom: 0;
}

.timeline-dot[b-ryxh7wd8eg] {
    position: absolute;
    left: -1.65rem;
    top: 1.05rem;
    width: 0.65rem;
    height: 0.65rem;
    border-radius: 50%;
    background: var(--color-border, #cbd5e1);
    border: 2px solid white;
    flex-shrink: 0;
}

.timeline-action-created .timeline-dot[b-ryxh7wd8eg] { background: #22c55e; }
.timeline-action-updated .timeline-dot[b-ryxh7wd8eg] { background: #3b82f6; }
.timeline-action-statuschanged .timeline-dot[b-ryxh7wd8eg] { background: #a855f7; }
.timeline-action-closed .timeline-dot[b-ryxh7wd8eg] { background: #6b7280; }
.timeline-action-approved .timeline-dot[b-ryxh7wd8eg] { background: #10b981; }
.timeline-action-effective .timeline-dot[b-ryxh7wd8eg] { background: #0ea5e9; }
.timeline-action-assigned .timeline-dot[b-ryxh7wd8eg] { background: #f59e0b; }
.timeline-action-uploadedattachment .timeline-dot[b-ryxh7wd8eg] { background: #8b5cf6; }
.timeline-action-deletedattachment .timeline-dot[b-ryxh7wd8eg] { background: #ef4444; }
.timeline-action-login .timeline-dot[b-ryxh7wd8eg] { background: #14b8a6; }
.timeline-action-logout .timeline-dot[b-ryxh7wd8eg] { background: #94a3b8; }

.timeline-body[b-ryxh7wd8eg] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
    flex: 1;
}

.timeline-header[b-ryxh7wd8eg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.timeline-action-badge[b-ryxh7wd8eg] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.15rem 0.45rem;
    border-radius: 0.25rem;
    background: var(--color-surface-alt, #f1f5f9);
    color: var(--color-text-secondary, #475569);
}

.timeline-source[b-ryxh7wd8eg] {
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--color-text-primary, #1e293b);
}

.timeline-time[b-ryxh7wd8eg] {
    font-size: 0.75rem;
    color: var(--color-text-muted, #94a3b8);
    margin-left: auto;
    white-space: nowrap;
}

.timeline-summary[b-ryxh7wd8eg] {
    font-size: 0.875rem;
    color: var(--color-text-secondary, #475569);
    line-height: 1.4;
}

.timeline-details[b-ryxh7wd8eg] {
    margin-top: 0.35rem;
}

.timeline-details summary[b-ryxh7wd8eg] {
    font-size: 0.75rem;
    color: var(--color-text-muted, #94a3b8);
    cursor: pointer;
}

.timeline-json[b-ryxh7wd8eg] {
    font-size: 0.75rem;
    background: var(--color-surface-alt, #f8fafc);
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: 0.25rem;
    padding: 0.5rem;
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-word;
    margin-top: 0.25rem;
    color: var(--color-text-secondary, #475569);
}
/* /Components/Shared/AiActionsMenu.razor.rz.scp.css */
.ai-actions-menu[b-f5upk60qeo] {
    position: relative;
    display: inline-block;
}

.ai-actions-menu.floating[b-f5upk60qeo] {
    position: fixed;
    top: 5.5rem;
    right: 1.5rem;
    z-index: 1000;
}

.ai-actions-menu.floating .ai-dropdown[b-f5upk60qeo] {
    position: static;
    margin-top: 0.4rem;
}

.ai-trigger[b-f5upk60qeo] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: linear-gradient(135deg, #f0f4fa 0%, #fafbfd 100%);
    border: 1px solid #c8d4e8;
    border-radius: 6px;
    padding: 0.45rem 0.85rem;
    font-size: 0.9rem;
    color: #24324e;
    cursor: pointer;
    transition: all 0.15s ease;
    font-weight: 500;
}

.ai-trigger:hover[b-f5upk60qeo] {
    background: linear-gradient(135deg, #e6ebf3 0%, #f0f4fa 100%);
    border-color: #a8b8d4;
}

.ai-icon[b-f5upk60qeo] {
    font-size: 1.1rem;
}

.ai-label[b-f5upk60qeo] {
    font-weight: 600;
}

.ai-arrow[b-f5upk60qeo] {
    font-size: 0.7rem;
    color: #8a9bc0;
}

.ai-dropdown[b-f5upk60qeo] {
    position: absolute;
    top: calc(100% + 0.4rem);
    right: 0;
    min-width: 220px;
    background: #ffffff;
    border: 1px solid #c1ccde;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(18, 29, 49, 0.12);
    z-index: 100;
    padding: 0.4rem 0;
}

.ai-section[b-f5upk60qeo] {
    padding: 0.3rem 0;
}

.ai-dropdown-head[b-f5upk60qeo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.45rem 0.6rem 0.35rem 0.9rem;
    color: #475569;
    font-size: 0.8rem;
    font-weight: 700;
}

.ai-close[b-f5upk60qeo] {
    width: 1.6rem;
    height: 1.6rem;
    border: 1px solid #d8e0ee;
    border-radius: 4px;
    background: #fff;
    color: #475569;
    cursor: pointer;
    line-height: 1;
}

.ai-close:hover[b-f5upk60qeo] {
    background: #f0f4fa;
}

.ai-section + .ai-section[b-f5upk60qeo] {
    border-top: 1px solid #e6ebf3;
}

.ai-section-title[b-f5upk60qeo] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #8a9bc0;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.4rem 0.9rem 0.3rem;
}

.ai-menu-item[b-f5upk60qeo] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    background: transparent;
    border: none;
    padding: 0.5rem 0.9rem;
    font-size: 0.9rem;
    color: #24324e;
    cursor: pointer;
    transition: all 0.12s ease;
    text-align: left;
}

.ai-menu-item:hover[b-f5upk60qeo] {
    background: #f0f4fa;
}

.ai-item-icon[b-f5upk60qeo] {
    font-size: 1rem;
    width: 1.2rem;
    text-align: center;
}
/* /Components/Shared/AiResultPanel.razor.rz.scp.css */
.ai-result-panel[b-5ozbv6xiu5] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    border: 1px solid #c1ccde;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(18, 29, 49, 0.15);
    width: 90%;
    max-width: 700px;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    z-index: 1000;
}

.ai-header[b-5ozbv6xiu5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.9rem 1.1rem;
    border-bottom: 1px solid #dce4f1;
    background: linear-gradient(135deg, #f0f4fa 0%, #fafbfd 100%);
    border-radius: 10px 10px 0 0;
}

.ai-icon[b-5ozbv6xiu5] {
    font-size: 1.3rem;
}

.ai-title[b-5ozbv6xiu5] {
    flex: 1;
    font-weight: 600;
    font-size: 1rem;
    color: #24324e;
}

.btn-close[b-5ozbv6xiu5] {
    background: transparent;
    border: none;
    font-size: 1.8rem;
    line-height: 1;
    color: #8a9bc0;
    cursor: pointer;
    padding: 0;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}

.btn-close:hover[b-5ozbv6xiu5] {
    background: #e6ebf3;
    color: #24324e;
}

.ai-body[b-5ozbv6xiu5] {
    flex: 1;
    padding: 1.2rem;
    overflow-y: auto;
}

.ai-result-text[b-5ozbv6xiu5] {
    background: #f9fafb;
    border: 1px solid #e6ebf3;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.ai-result-text p[b-5ozbv6xiu5] {
    margin: 0;
    color: #24324e;
    line-height: 1.6;
    white-space: pre-wrap;
}

.ai-result-text pre[b-5ozbv6xiu5] {
    margin: 0;
    font-family: "Inter", "Segoe UI", sans-serif;
    font-size: 0.93rem;
    color: #24324e;
    line-height: 1.6;
    white-space: pre-wrap;
}

.ai-metadata[b-5ozbv6xiu5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-bottom: 1rem;
    padding: 0.7rem 0.9rem;
    background: #fafbfd;
    border: 1px solid #e6ebf3;
    border-radius: 6px;
}

.ai-meta-item[b-5ozbv6xiu5] {
    font-size: 0.85rem;
    color: #607196;
}

.ai-meta-item strong[b-5ozbv6xiu5] {
    color: #24324e;
}

.ai-warning[b-5ozbv6xiu5] {
    background: #fff4e6;
    border: 1px solid #ffd699;
    border-radius: 6px;
    padding: 0.8rem 1rem;
    margin-bottom: 1rem;
    font-size: 0.9rem;
    color: #8b5a00;
}

.ai-warning strong[b-5ozbv6xiu5] {
    font-weight: 600;
}

.ai-actions[b-5ozbv6xiu5] {
    display: flex;
    gap: 0.6rem;
    padding: 1rem 1.2rem;
    border-top: 1px solid #dce4f1;
    background: #fafbfd;
    border-radius: 0 0 10px 10px;
    flex-wrap: wrap;
}

.btn-action[b-5ozbv6xiu5] {
    background: #ffffff;
    border: 1px solid #c8d4e8;
    border-radius: 6px;
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    color: #24324e;
    cursor: pointer;
    transition: all 0.15s ease;
    font-weight: 500;
}

.btn-action:hover[b-5ozbv6xiu5] {
    background: #f0f4fa;
    border-color: #a8b8d4;
}

.btn-secondary[b-5ozbv6xiu5] {
    background: #f0f4fa;
    border: 1px solid #d9dfeb;
    border-radius: 6px;
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    color: #607196;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-secondary:hover[b-5ozbv6xiu5] {
    background: #e6ebf3;
    color: #24324e;
}

/* Backdrop overlay */
.ai-result-panel[b-5ozbv6xiu5]::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(18, 29, 49, 0.4);
    z-index: -1;
}
/* /Components/Shared/AiTextAssist.razor.rz.scp.css */
.ai-text-assist[b-vhpj7vafre] {
    margin-top: 0.45rem;
}

.ai-text-toolbar[b-vhpj7vafre] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.ai-text-btn[b-vhpj7vafre],
.ai-text-apply[b-vhpj7vafre],
.ai-text-secondary[b-vhpj7vafre] {
    border-radius: 999px;
    cursor: pointer;
    font-size: 0.76rem;
    font-weight: 800;
    padding: 0.32rem 0.6rem;
}

.ai-text-btn[b-vhpj7vafre] {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    color: #334155;
}

.ai-text-btn:hover:not(:disabled)[b-vhpj7vafre] {
    border-color: #2563eb;
    color: #1d4ed8;
}

.ai-text-btn:disabled[b-vhpj7vafre],
.ai-text-apply:disabled[b-vhpj7vafre],
.ai-text-secondary:disabled[b-vhpj7vafre] {
    cursor: not-allowed;
    opacity: 0.55;
}

.ai-text-status[b-vhpj7vafre],
.ai-text-error[b-vhpj7vafre] {
    border-radius: 8px;
    font-size: 0.82rem;
    margin-top: 0.5rem;
    padding: 0.55rem 0.7rem;
}

.ai-text-status[b-vhpj7vafre] {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    color: #1e40af;
}

.ai-text-error[b-vhpj7vafre] {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
}

.ai-text-result[b-vhpj7vafre] {
    background: #f8fafc;
    border: 1px solid #dbe4f0;
    border-radius: 8px;
    margin-top: 0.55rem;
    overflow: hidden;
}

.ai-text-result-head[b-vhpj7vafre] {
    align-items: center;
    background: #eef2f7;
    color: #334155;
    display: flex;
    font-size: 0.74rem;
    font-weight: 800;
    justify-content: space-between;
    padding: 0.45rem 0.65rem;
    text-transform: uppercase;
}

.ai-text-result-body[b-vhpj7vafre] {
    color: #172033;
    font-size: 0.88rem;
    line-height: 1.45;
    max-height: 220px;
    overflow: auto;
    padding: 0.65rem;
    white-space: pre-wrap;
}

.ai-text-result-actions[b-vhpj7vafre] {
    border-top: 1px solid #e2e8f0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    padding: 0.55rem 0.65rem;
}

.ai-text-apply[b-vhpj7vafre] {
    background: #172033;
    border: 1px solid #172033;
    color: #fff;
}

.ai-text-secondary[b-vhpj7vafre] {
    background: #fff;
    border: 1px solid #cbd5e1;
    color: #334155;
}
/* /Components/Shared/AiTokenBalanceIndicator.razor.rz.scp.css */
.ai-token-balance[b-v3f67w1i92] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.7rem;
    background: #f0f4fa;
    border: 1px solid #d9dfeb;
    border-radius: 6px;
    font-size: 0.85rem;
}

.balance-icon[b-v3f67w1i92] {
    font-size: 1rem;
}

.balance-text[b-v3f67w1i92] {
    color: #24324e;
    font-weight: 500;
}

.balance-ok[b-v3f67w1i92] {
    color: #1a7431;
    font-size: 0.9rem;
}

.balance-warning[b-v3f67w1i92] {
    color: #d97706;
    font-size: 0.9rem;
    cursor: help;
}

.balance-loading[b-v3f67w1i92] {
    color: #8a9bc0;
    font-size: 0.85rem;
}
/* /Components/Shared/AttachmentSection.razor.rz.scp.css */
.attachments-section[b-5e8meks7rt] {
    margin-top: 1rem;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.9rem;
}

.attachments-section h2[b-5e8meks7rt] {
    margin: 0 0 0.55rem;
    font-size: 1rem;
    color: #24324e;
}

.upload-form[b-5e8meks7rt] {
    margin-bottom: 0.65rem;
}

.upload-row[b-5e8meks7rt] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 0.4rem;
    flex-wrap: wrap;
}

.category-select[b-5e8meks7rt] {
    padding: 0.35rem 0.5rem;
    border: 1px solid #cdd6e6;
    border-radius: 6px;
    font-size: 0.88rem;
    background: #fff;
}

.description-input[b-5e8meks7rt] {
    flex: 1;
    min-width: 180px;
    padding: 0.35rem 0.5rem;
    border: 1px solid #cdd6e6;
    border-radius: 6px;
    font-size: 0.88rem;
}

.btn-upload[b-5e8meks7rt] {
    padding: 0.38rem 0.9rem;
    background: #214d9d;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.88rem;
}

.btn-upload:disabled[b-5e8meks7rt] {
    opacity: 0.5;
    cursor: not-allowed;
}

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

.attachment-table[b-5e8meks7rt] {
    width: 100%;
    border-collapse: collapse;
}

.attachment-table th[b-5e8meks7rt],
.attachment-table td[b-5e8meks7rt] {
    padding: 0.62rem 0.7rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.9rem;
    white-space: nowrap;
}

.attachment-table thead th[b-5e8meks7rt] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.attachment-table a[b-5e8meks7rt] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.attachment-table a:hover[b-5e8meks7rt] {
    text-decoration: underline;
}

.btn-sm[b-5e8meks7rt] {
    padding: 0.22rem 0.55rem;
    font-size: 0.82rem;
    border: 1px solid #cdd6e6;
    border-radius: 5px;
    background: #f8fafd;
    color: #214d9d;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    margin-right: 0.25rem;
}

.btn-sm:hover[b-5e8meks7rt] {
    background: #e8edf6;
}

.btn-delete[b-5e8meks7rt] {
    color: #b42318;
    border-color: #f3d5d2;
}

.btn-delete:hover[b-5e8meks7rt] {
    background: #fef3f2;
}

.info-message[b-5e8meks7rt] {
    margin: 0.4rem 0;
    color: #1f5c3f;
}

.error-message[b-5e8meks7rt] {
    margin: 0.4rem 0;
    color: #b42318;
}
/* /Components/Shared/BugReportButton.razor.rz.scp.css */
.bug-report-wrapper[b-oq247swx0e] {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 9000;
}

.bug-fab[b-oq247swx0e] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1e40af, #2563eb);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.45);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

    .bug-fab:hover[b-oq247swx0e] {
        transform: scale(1.08);
        box-shadow: 0 6px 20px rgba(37, 99, 235, 0.55);
    }

.bug-fab-icon[b-oq247swx0e] {
    font-size: 1.4rem;
    line-height: 1;
}

/* Backdrop */
.bug-panel-backdrop[b-oq247swx0e] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 8999;
}

/* Panel */
.bug-panel[b-oq247swx0e] {
    position: fixed;
    bottom: 5rem;
    right: 1.5rem;
    width: 400px;
    max-height: 80vh;
    overflow-y: auto;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.2);
    z-index: 9001;
    display: flex;
    flex-direction: column;
}

.bug-panel-header[b-oq247swx0e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.2rem 0.8rem;
    border-bottom: 1px solid #e5eaf3;
    background: linear-gradient(135deg, #1e3a8a, #2563eb);
    border-radius: 12px 12px 0 0;
}

.bug-panel-title[b-oq247swx0e] {
    font-weight: 700;
    font-size: 1rem;
    color: #fff;
}

.bug-panel-close[b-oq247swx0e] {
    background: transparent;
    border: none;
    color: rgba(255,255,255,0.8);
    font-size: 1.1rem;
    cursor: pointer;
    padding: 0 0.25rem;
    line-height: 1;
}

    .bug-panel-close:hover[b-oq247swx0e] {
        color: #fff;
    }

.bug-panel-body[b-oq247swx0e] {
    padding: 1.1rem 1.2rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.bug-field[b-oq247swx0e] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

    .bug-field label[b-oq247swx0e] {
        font-size: 0.82rem;
        font-weight: 600;
        color: #374151;
    }

    .bug-field input[b-oq247swx0e],
    .bug-field select[b-oq247swx0e],
    .bug-field textarea[b-oq247swx0e] {
        border: 1px solid #d1d9e8;
        border-radius: 6px;
        padding: 0.45rem 0.65rem;
        font-size: 0.88rem;
        color: #1f2937;
        background: #f9fbff;
        transition: border-color 0.15s;
        font-family: inherit;
        resize: vertical;
    }

        .bug-field input:focus[b-oq247swx0e],
        .bug-field select:focus[b-oq247swx0e],
        .bug-field textarea:focus[b-oq247swx0e] {
            outline: none;
            border-color: #2563eb;
            background: #fff;
        }

.bug-field-url input[b-oq247swx0e] {
    color: #6b7280;
    font-size: 0.78rem;
}

.required[b-oq247swx0e] {
    color: #ef4444;
}

.bug-error[b-oq247swx0e] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #dc2626;
    border-radius: 6px;
    padding: 0.5rem 0.75rem;
    font-size: 0.82rem;
}

.bug-panel-actions[b-oq247swx0e] {
    display: flex;
    gap: 0.65rem;
    justify-content: flex-end;
    padding-top: 0.25rem;
}

.btn-primary[b-oq247swx0e] {
    background: #2563eb;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 0.5rem 1.1rem;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}

    .btn-primary:hover:not(:disabled)[b-oq247swx0e] {
        background: #1d4ed8;
    }

    .btn-primary:disabled[b-oq247swx0e] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.btn-secondary[b-oq247swx0e] {
    background: #f3f4f6;
    color: #374151;
    border: 1px solid #d1d9e8;
    border-radius: 6px;
    padding: 0.5rem 1.1rem;
    font-size: 0.88rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s;
}

    .btn-secondary:hover[b-oq247swx0e] {
        background: #e5e7eb;
    }

/* Success state */
.bug-panel-success[b-oq247swx0e] {
    padding: 2rem 1.5rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.85rem;
}

.bug-success-icon[b-oq247swx0e] {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #d1fae5;
    color: #059669;
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.bug-panel-success p[b-oq247swx0e] {
    color: #374151;
    font-size: 0.95rem;
    margin: 0;
}

@media (max-width: 480px) {
    .bug-panel[b-oq247swx0e] {
        right: 0.75rem;
        width: calc(100vw - 1.5rem);
    }
}
/* /Components/Shared/DocumentList.razor.rz.scp.css */
.document-list[b-y3ygajoevh] {
    margin-top: 0.5rem;
}

.document-list-header[b-y3ygajoevh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.9rem;
}

.document-list-header h3[b-y3ygajoevh] {
    margin: 0;
    color: #172033;
    font-size: 1rem;
    font-weight: 800;
}

.document-list-header p[b-y3ygajoevh] {
    margin: 0.2rem 0 0;
    color: #64748b;
    font-size: 0.86rem;
}

.empty-state[b-y3ygajoevh] {
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    text-align: center;
    padding: 2rem 1rem;
    color: #607196;
}

.empty-icon[b-y3ygajoevh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    height: 48px;
    border-radius: 8px;
    background: #172033;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 800;
    margin-bottom: 0.7rem;
    padding: 0 0.35rem;
}

.empty-state p[b-y3ygajoevh] {
    margin: 0 0 0.8rem;
    font-size: 0.93rem;
}

.doc-cards[b-y3ygajoevh] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.doc-card[b-y3ygajoevh] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    padding: 0.75rem 0.85rem;
}

.doc-icon[b-y3ygajoevh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    border-radius: 8px;
    background: #edf2f7;
    color: #24324e;
    font-size: 0.72rem;
    font-weight: 800;
    flex-shrink: 0;
}

.doc-info[b-y3ygajoevh] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    min-width: 0;
}

.doc-name[b-y3ygajoevh] {
    font-weight: 700;
    color: #24324e;
    font-size: 0.93rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
}

.doc-name:hover[b-y3ygajoevh] {
    color: #1d4ed8;
    text-decoration: underline;
}

.doc-desc[b-y3ygajoevh] {
    font-size: 0.84rem;
    color: #607196;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.doc-meta[b-y3ygajoevh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    font-size: 0.8rem;
    color: #8a9bc0;
}

.doc-review[b-y3ygajoevh] {
    color: #475569;
    font-size: 0.78rem;
    font-weight: 700;
    margin-top: 0.1rem;
}

.doc-review.soon[b-y3ygajoevh] {
    color: #92400e;
}

.doc-review.overdue[b-y3ygajoevh] {
    color: #b91c1c;
}

.doc-actions[b-y3ygajoevh] {
    display: flex;
    gap: 0.45rem;
    flex-shrink: 0;
}

.btn-action[b-y3ygajoevh] {
    background: #ffffff;
    border: 1px solid #c8d4e8;
    border-radius: 6px;
    padding: 0.45rem 0.75rem;
    font-size: 0.84rem;
    color: #24324e;
    cursor: pointer;
    transition: all 0.15s ease;
    text-decoration: none;
    display: inline-block;
    white-space: nowrap;
}

.btn-action:hover[b-y3ygajoevh] {
    background: #f0f4fa;
    border-color: #a8b8d4;
}

.btn-danger[b-y3ygajoevh] {
    background: #ffffff;
    border: 1px solid #e8c8c8;
    border-radius: 6px;
    padding: 0.45rem 0.75rem;
    font-size: 0.84rem;
    color: #a03030;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-danger:hover[b-y3ygajoevh] {
    background: #fef5f5;
    border-color: #d4a8a8;
}

.alert[b-y3ygajoevh] {
    padding: 0.6rem 0.85rem;
    border-radius: 6px;
    font-size: 0.87rem;
    margin-bottom: 0.75rem;
}

.alert-danger[b-y3ygajoevh] {
    background: #fce8e6;
    color: #b42318;
    border: 1px solid #f5c6cb;
}

.alert-success[b-y3ygajoevh] {
    background: #e6f4ea;
    color: #1a7431;
    border: 1px solid #c3e6cb;
}

.row-count[b-y3ygajoevh] {
    margin: 0.7rem 0 0;
    color: #64748b;
    font-size: 0.82rem;
}

@media (max-width: 760px) {
    .document-list-header[b-y3ygajoevh],
    .doc-card[b-y3ygajoevh] {
        align-items: stretch;
        flex-direction: column;
    }

    .doc-actions[b-y3ygajoevh] {
        width: 100%;
    }

    .doc-actions .btn-action[b-y3ygajoevh],
    .doc-actions .btn-danger[b-y3ygajoevh] {
        text-align: center;
        flex: 1;
    }
}
/* /Components/Shared/DocumentPreview.razor.rz.scp.css */
.document-preview[b-yzfmwbehiu] {
    border: 1px solid #dbe4f0;
    border-radius: 8px;
    background: #f8fafc;
    overflow: hidden;
}

.document-preview img[b-yzfmwbehiu] {
    display: block;
    width: 100%;
    max-height: 520px;
    object-fit: contain;
    background: #111827;
}

.document-preview iframe[b-yzfmwbehiu] {
    display: block;
    width: 100%;
    height: 560px;
    border: 0;
    background: #fff;
}

.document-preview.compact[b-yzfmwbehiu] {
    width: 160px;
    min-width: 160px;
}

.document-preview.compact img[b-yzfmwbehiu] {
    height: 112px;
}

.document-preview.compact iframe[b-yzfmwbehiu] {
    height: 112px;
    pointer-events: none;
}

.preview-placeholder[b-yzfmwbehiu] {
    min-height: 180px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    text-align: center;
    color: #64748b;
}

.document-preview.compact .preview-placeholder[b-yzfmwbehiu] {
    min-height: 112px;
    padding: 0.7rem;
}

.preview-file-type[b-yzfmwbehiu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    height: 42px;
    border-radius: 8px;
    background: #172033;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 800;
    padding: 0 0.35rem;
}

.preview-placeholder strong[b-yzfmwbehiu] {
    color: #24324e;
    font-size: 0.9rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.preview-placeholder span:last-child[b-yzfmwbehiu] {
    font-size: 0.78rem;
}

.preview-actions[b-yzfmwbehiu] {
    border-top: 1px solid #dbe4f0;
    background: #fff;
    padding: 0.55rem 0.75rem;
    text-align: right;
}

.preview-actions a[b-yzfmwbehiu] {
    color: #1d4ed8;
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
}

.preview-actions a:hover[b-yzfmwbehiu] {
    text-decoration: underline;
}

@media (max-width: 760px) {
    .document-preview.compact[b-yzfmwbehiu] {
        width: 100%;
        min-width: 0;
    }
}
/* /Components/Shared/ListPager.razor.rz.scp.css */
.list-pager[b-6cjrid5e58] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
    margin-top: 0.75rem;
    color: #607196;
    font-size: 0.84rem;
    flex-wrap: wrap;
}

.list-pager-summary[b-6cjrid5e58] {
    white-space: nowrap;
}

.list-pager-controls[b-6cjrid5e58] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.list-pager-size[b-6cjrid5e58] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-right: 0.35rem;
}

.list-pager-size select[b-6cjrid5e58] {
    height: 2rem;
    border: 1px solid #d6deec;
    border-radius: 6px;
    background: #ffffff;
    color: #24324e;
    padding: 0 0.45rem;
    font: inherit;
}

.list-pager button[b-6cjrid5e58] {
    min-width: 2rem;
    height: 2rem;
    border: 1px solid #d6deec;
    border-radius: 6px;
    background: #ffffff;
    color: #24324e;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.list-pager button:hover:not(:disabled)[b-6cjrid5e58] {
    background: #f0f4fa;
    border-color: #a8b8d4;
}

.list-pager button:disabled[b-6cjrid5e58] {
    cursor: not-allowed;
    color: #a8b4c8;
    background: #f8fafc;
}

.list-pager-page[b-6cjrid5e58] {
    color: #3f5176;
    font-weight: 700;
    padding: 0 0.25rem;
    white-space: nowrap;
}
/* /Components/Shared/PhotoGallery.razor.rz.scp.css */
.photo-gallery[b-i9m34p9wys] {
    margin-top: 0.5rem;
}

.gallery-header[b-i9m34p9wys] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.gallery-header h3[b-i9m34p9wys] {
    margin: 0;
    color: #172033;
    font-size: 1rem;
    font-weight: 800;
}

.gallery-header p[b-i9m34p9wys] {
    margin: 0.2rem 0 0;
    color: #64748b;
    font-size: 0.86rem;
}

.empty-state[b-i9m34p9wys] {
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    text-align: center;
    padding: 2rem 1rem;
    color: #607196;
}

.empty-icon[b-i9m34p9wys] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    height: 48px;
    border-radius: 8px;
    background: #172033;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 800;
    margin-bottom: 0.7rem;
}

.primary-image[b-i9m34p9wys] {
    border: 1px solid #dbe4f0;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 1rem;
}

.primary-image[b-i9m34p9wys] (.document-preview) {
    border: 0;
    border-radius: 0;
}

.primary-image[b-i9m34p9wys] (.document-preview img) {
    max-height: 460px;
}

.primary-caption[b-i9m34p9wys] {
    border-top: 1px solid #dbe4f0;
    padding: 0.7rem 0.85rem;
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    color: #64748b;
    font-size: 0.86rem;
}

.primary-caption strong[b-i9m34p9wys] {
    color: #172033;
}

.thumbnail-grid[b-i9m34p9wys] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(172px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.thumbnail-card[b-i9m34p9wys] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    padding: 0.6rem;
    text-align: left;
    cursor: pointer;
    transition: all 0.15s ease;
}

.thumbnail-card:hover[b-i9m34p9wys] {
    border-color: #93c5fd;
    background: #f8fbff;
}

.thumbnail-card.selected[b-i9m34p9wys] {
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.14);
}

.thumbnail-card.is-primary[b-i9m34p9wys] {
    border-color: #16a34a;
}

.thumbnail-card[b-i9m34p9wys] (.document-preview) {
    width: 100%;
    min-width: 0;
    margin-bottom: 0.45rem;
}

.thumbnail-card[b-i9m34p9wys] (.document-preview img) {
    height: 120px;
}

.thumb-name[b-i9m34p9wys] {
    display: block;
    color: #24324e;
    font-size: 0.82rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.badge-primary[b-i9m34p9wys] {
    display: inline-block;
    background: #dcfce7;
    color: #166534;
    border: 1px solid #bbf7d0;
    font-size: 0.72rem;
    font-weight: 800;
    padding: 0.12rem 0.45rem;
    border-radius: 999px;
    margin-top: 0.35rem;
}

.gallery-actions[b-i9m34p9wys] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.75rem;
}

.btn-action[b-i9m34p9wys] {
    background: #ffffff;
    border: 1px solid #c8d4e8;
    border-radius: 6px;
    padding: 0.45rem 0.9rem;
    font-size: 0.87rem;
    color: #24324e;
    cursor: pointer;
    transition: all 0.15s ease;
    text-decoration: none;
}

.btn-action:hover:not(:disabled)[b-i9m34p9wys] {
    background: #f0f4fa;
    border-color: #a8b8d4;
}

.btn-action:disabled[b-i9m34p9wys],
.btn-danger:disabled[b-i9m34p9wys] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-danger[b-i9m34p9wys] {
    background: #ffffff;
    border: 1px solid #e8c8c8;
    border-radius: 6px;
    padding: 0.45rem 0.9rem;
    font-size: 0.87rem;
    color: #a03030;
    cursor: pointer;
    transition: all 0.15s ease;
}

.btn-danger:hover:not(:disabled)[b-i9m34p9wys] {
    background: #fef5f5;
    border-color: #d4a8a8;
}

.alert[b-i9m34p9wys] {
    padding: 0.6rem 0.85rem;
    border-radius: 6px;
    font-size: 0.87rem;
    margin-bottom: 0.75rem;
}

.alert-danger[b-i9m34p9wys] {
    background: #fce8e6;
    color: #b42318;
    border: 1px solid #f5c6cb;
}

.alert-success[b-i9m34p9wys] {
    background: #e6f4ea;
    color: #1a7431;
    border: 1px solid #c3e6cb;
}

@media (max-width: 720px) {
    .gallery-header[b-i9m34p9wys],
    .primary-caption[b-i9m34p9wys] {
        flex-direction: column;
    }
}
/* /Components/Shared/SupportModeBanner.razor.rz.scp.css */
.support-banner[b-2hzwsr5jih] {
    position: sticky;
    top: 0;
    z-index: 1000;
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    font-weight: 500;
    border-bottom: 2px solid transparent;
}

.support-banner-readonly[b-2hzwsr5jih] {
    background: #fff3cd;
    border-color: #ffc107;
    color: #664d03;
}

.support-banner-edit[b-2hzwsr5jih] {
    background: #ffe0b2;
    border-color: #ff9800;
    color: #7f3700;
}

.support-banner-full[b-2hzwsr5jih] {
    background: #ffcccc;
    border-color: #dc3545;
    color: #6f0011;
}

.support-banner-inner[b-2hzwsr5jih] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    max-width: 1400px;
    margin: 0 auto;
}

.support-banner-icon[b-2hzwsr5jih] {
    font-size: 1.1rem;
    flex-shrink: 0;
}

.support-banner-body[b-2hzwsr5jih] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.support-banner-label[b-2hzwsr5jih] {
    font-weight: 700;
    letter-spacing: 0.04em;
    font-size: 0.75rem;
}

.support-banner-detail[b-2hzwsr5jih] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.8rem;
    opacity: 0.85;
}

.support-banner-timer[b-2hzwsr5jih] {
    flex-shrink: 0;
}

.support-banner-expiry[b-2hzwsr5jih] {
    font-size: 0.8rem;
    opacity: 0.8;
}

.support-banner-expiry-warn[b-2hzwsr5jih] {
    font-weight: 700;
    opacity: 1;
    animation: pulse-warn-b-2hzwsr5jih 1.5s ease-in-out infinite;
}

@keyframes pulse-warn-b-2hzwsr5jih {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.55; }
}

.support-banner-end[b-2hzwsr5jih] {
    flex-shrink: 0;
    padding: 0.2rem 0.75rem;
    border: 1px solid currentColor;
    border-radius: 4px;
    background: transparent;
    color: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    opacity: 0.8;
    transition: opacity 0.15s;
}

.support-banner-end:hover[b-2hzwsr5jih] {
    opacity: 1;
}
/* /Components/Theme/ThemeToggle.razor.rz.scp.css */
.theme-toggle[b-ebm4u4sdnh] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.25rem;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-xl);
    background: var(--bg-surface);
    box-shadow: var(--shadow-sm);
}

.theme-toggle-btn[b-ebm4u4sdnh] {
    border: none;
    border-radius: calc(var(--radius-md) - 2px);
    padding: 0.36rem 0.62rem;
    color: var(--text-secondary);
    background: transparent;
    font-family: inherit;
    font-size: 0.74rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    cursor: pointer;
    transition: background-color 120ms ease, color 120ms ease, transform 120ms ease;
}

.theme-toggle-btn:hover[b-ebm4u4sdnh] {
    background: var(--bg-hover);
    color: var(--text-primary);
    transform: translateY(-1px);
}

.theme-toggle-btn.active[b-ebm4u4sdnh] {
    background: color-mix(in srgb, var(--accent-primary) 12%, var(--bg-surface));
    color: var(--accent-primary);
}

.theme-toggle-label[b-ebm4u4sdnh] {
    display: inline-block;
}

@media (max-width: 1080px) {
    .theme-toggle-label[b-ebm4u4sdnh] {
        display: none;
    }

    .theme-toggle-btn[b-ebm4u4sdnh] {
        padding: 0.38rem 0.5rem;
    }
}
/* /Pages/Admin/Activity.razor.rz.scp.css */
.activity-filters[b-4fwko6slar] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 1rem;
}

.activity-filters select[b-4fwko6slar],
.activity-filters input[type="date"][b-4fwko6slar],
.activity-filters input[type="search"][b-4fwko6slar] {
    padding: 0.375rem 0.6rem;
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: 0.375rem;
    font-size: 0.85rem;
    background: var(--color-surface, #fff);
    color: var(--color-text-primary, #1e293b);
}

.search-input[b-4fwko6slar] {
    min-width: 220px;
    flex: 1 1 220px;
}

.btn-filter[b-4fwko6slar],
.btn-clear[b-4fwko6slar],
.btn-preset[b-4fwko6slar],
.btn-export[b-4fwko6slar] {
    padding: 0.375rem 0.85rem;
    border-radius: 0.375rem;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid var(--color-border, #e2e8f0);
    white-space: nowrap;
}

.btn-filter[b-4fwko6slar] {
    background: var(--color-primary, #2563eb);
    color: white;
    border-color: var(--color-primary, #2563eb);
}

.btn-filter:hover[b-4fwko6slar] { opacity: 0.9; }

.btn-clear[b-4fwko6slar] {
    background: var(--color-surface, #fff);
    color: var(--color-text-secondary, #64748b);
}

.btn-clear:hover[b-4fwko6slar] { background: var(--color-surface-alt, #f1f5f9); }

.btn-preset[b-4fwko6slar] {
    background: #f8fafd;
    color: #3f5176;
    border-color: #cdd6e6;
}

.btn-preset:hover[b-4fwko6slar] { background: #eef2fa; }

.btn-export[b-4fwko6slar] {
    background: #f0fdf4;
    color: #166534;
    border-color: #bbf7d0;
}

.btn-export:hover[b-4fwko6slar] { background: #dcfce7; }

/* Stats bar */
.stats-bar[b-4fwko6slar] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.stats-chip[b-4fwko6slar] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    padding: 0.2rem 0.6rem;
    font-size: 0.78rem;
}

.stats-chip-module[b-4fwko6slar] {
    color: #475569;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.stats-chip-count[b-4fwko6slar] {
    background: #e2e8f0;
    color: #1e293b;
    font-weight: 700;
    border-radius: 999px;
    padding: 0 0.4rem;
    font-size: 0.76rem;
}

.result-count[b-4fwko6slar] {
    font-size: 0.8rem;
    color: var(--color-text-muted, #94a3b8);
    margin-bottom: 0.5rem;
}

.activity-table .activity-time[b-4fwko6slar] {
    white-space: nowrap;
    font-size: 0.8rem;
    color: var(--color-text-muted, #64748b);
}

.activity-table .activity-summary[b-4fwko6slar] {
    max-width: 360px;
    font-size: 0.875rem;
}

.activity-table .activity-entity[b-4fwko6slar] {
    font-size: 0.8rem;
    color: var(--color-text-muted, #64748b);
    white-space: nowrap;
}

.activity-table .activity-entity a[b-4fwko6slar] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.activity-table .activity-entity a:hover[b-4fwko6slar] { text-decoration: underline; }

.badge-module[b-4fwko6slar] {
    background: var(--color-surface-alt, #f1f5f9);
    color: var(--color-text-secondary, #475569);
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.15rem 0.45rem;
    border-radius: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.badge-action-created[b-4fwko6slar]        { background: #dcfce7; color: #166534; }
.badge-action-updated[b-4fwko6slar]        { background: #dbeafe; color: #1e40af; }
.badge-action-statuschanged[b-4fwko6slar]  { background: #f3e8ff; color: #6b21a8; }
.badge-action-closed[b-4fwko6slar]         { background: #f1f5f9; color: #475569; }
.badge-action-approved[b-4fwko6slar]       { background: #d1fae5; color: #065f46; }
.badge-action-effective[b-4fwko6slar]      { background: #e0f2fe; color: #075985; }
.badge-action-assigned[b-4fwko6slar]       { background: #fef3c7; color: #92400e; }
.badge-action-uploadedattachment[b-4fwko6slar]  { background: #ede9fe; color: #4c1d95; }
.badge-action-deletedattachment[b-4fwko6slar]   { background: #fee2e2; color: #991b1b; }
.badge-action-login[b-4fwko6slar]          { background: #ccfbf1; color: #134e4a; }
.badge-action-logout[b-4fwko6slar]         { background: #f1f5f9; color: #64748b; }
.badge-action-generatednotification[b-4fwko6slar] { background: #fef9c3; color: #713f12; }
.badge-action-deleted[b-4fwko6slar]        { background: #fee2e2; color: #991b1b; }

.badge-source-user[b-4fwko6slar]          { background: #dbeafe; color: #1e40af; }
.badge-source-system[b-4fwko6slar]        { background: #f1f5f9; color: #475569; }
.badge-source-reminderengine[b-4fwko6slar] { background: #fef3c7; color: #92400e; }
.badge-source-ai[b-4fwko6slar]            { background: #ede9fe; color: #4c1d95; }


.activity-filters select[b-4fwko6slar],
.activity-filters input[type="date"][b-4fwko6slar] {
    padding: 0.375rem 0.6rem;
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: 0.375rem;
    font-size: 0.85rem;
    background: var(--color-surface, #fff);
    color: var(--color-text-primary, #1e293b);
}

.btn-filter[b-4fwko6slar],
.btn-clear[b-4fwko6slar] {
    padding: 0.375rem 0.85rem;
    border-radius: 0.375rem;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid var(--color-border, #e2e8f0);
}

.btn-filter[b-4fwko6slar] {
    background: var(--color-primary, #2563eb);
    color: white;
    border-color: var(--color-primary, #2563eb);
}

.btn-filter:hover[b-4fwko6slar] { opacity: 0.9; }

.btn-clear[b-4fwko6slar] {
    background: var(--color-surface, #fff);
    color: var(--color-text-secondary, #64748b);
}

.btn-clear:hover[b-4fwko6slar] {
    background: var(--color-surface-alt, #f1f5f9);
}

.result-count[b-4fwko6slar] {
    font-size: 0.8rem;
    color: var(--color-text-muted, #94a3b8);
    margin-bottom: 0.5rem;
}

.activity-table .activity-time[b-4fwko6slar] {
    white-space: nowrap;
    font-size: 0.8rem;
    color: var(--color-text-muted, #64748b);
}

.activity-table .activity-summary[b-4fwko6slar] {
    max-width: 360px;
    font-size: 0.875rem;
}

.activity-table .activity-entity[b-4fwko6slar] {
    font-size: 0.8rem;
    color: var(--color-text-muted, #64748b);
    white-space: nowrap;
}

.badge-module[b-4fwko6slar] {
    background: var(--color-surface-alt, #f1f5f9);
    color: var(--color-text-secondary, #475569);
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.15rem 0.45rem;
    border-radius: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

.badge-action-created[b-4fwko6slar] { background: #dcfce7; color: #166534; }
.badge-action-updated[b-4fwko6slar] { background: #dbeafe; color: #1e40af; }
.badge-action-statuschanged[b-4fwko6slar] { background: #f3e8ff; color: #6b21a8; }
.badge-action-closed[b-4fwko6slar] { background: #f1f5f9; color: #475569; }
.badge-action-approved[b-4fwko6slar] { background: #d1fae5; color: #065f46; }
.badge-action-effective[b-4fwko6slar] { background: #e0f2fe; color: #075985; }
.badge-action-assigned[b-4fwko6slar] { background: #fef3c7; color: #92400e; }
.badge-action-uploadedattachment[b-4fwko6slar] { background: #ede9fe; color: #4c1d95; }
.badge-action-deletedattachment[b-4fwko6slar] { background: #fee2e2; color: #991b1b; }
.badge-action-login[b-4fwko6slar] { background: #ccfbf1; color: #134e4a; }
.badge-action-logout[b-4fwko6slar] { background: #f1f5f9; color: #64748b; }
.badge-action-generatednotification[b-4fwko6slar] { background: #fef9c3; color: #713f12; }
.badge-action-deleted[b-4fwko6slar] { background: #fee2e2; color: #991b1b; }

.badge-source-user[b-4fwko6slar] { background: #dbeafe; color: #1e40af; }
.badge-source-system[b-4fwko6slar] { background: #f1f5f9; color: #475569; }
.badge-source-reminderengine[b-4fwko6slar] { background: #fef3c7; color: #92400e; }
.badge-source-ai[b-4fwko6slar] { background: #ede9fe; color: #4c1d95; }
/* /Pages/Admin/AiAdmin.razor.rz.scp.css */
/* Provider status banner */
.provider-status[b-riqbnnamwp] { display:flex; align-items:center; gap:.6rem; padding:.6rem .9rem; border-radius:8px; font-size:.88rem; margin-bottom:1rem; flex-wrap:wrap; }
.status-ok[b-riqbnnamwp]   { background:#f0fff4; border:1px solid #6ee7b7; color:#145c35; }
.status-warn[b-riqbnnamwp] { background:#fffbea; border:1px solid #f5c242; color:#7a5200; }
.status-note[b-riqbnnamwp] { color:#8a9ab8; font-size:.82rem; }
.badge[b-riqbnnamwp] { padding:.18rem .55rem; border-radius:999px; font-size:.75rem; font-weight:700; }
.badge-success[b-riqbnnamwp] { background:#d4f5e2; color:#145c35; }
.badge-warning[b-riqbnnamwp] { background:#fff3cd; color:#7a5200; }
/* /Pages/Admin/AiDashboard.razor.rz.scp.css */
/* AI dashboard value grid */
.ai-dash-value-grid[b-nu4ceujuto] { display:grid; gap:.5rem; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); }
.ai-dash-value-grid > div[b-nu4ceujuto] { display:flex; flex-direction:column; gap:.1rem; font-size:.88rem; }
.ai-dash-label[b-nu4ceujuto] { font-size:.76rem; text-transform:uppercase; letter-spacing:.03em; color:#8a9ab8; }
.ai-dash-warn[b-nu4ceujuto] { color:#b33030; }
/* Two-col layout for feature/module summary */
.ai-dash-two-col[b-nu4ceujuto] { display:grid; gap:1rem; grid-template-columns:1fr 1fr; margin-bottom:1rem; }
@media(max-width:800px) { .ai-dash-two-col[b-nu4ceujuto] { grid-template-columns:1fr; } }
/* Provider status (shared with AiAdmin) */
.provider-status[b-nu4ceujuto] { display:flex; align-items:center; gap:.6rem; padding:.6rem .9rem; border-radius:8px; font-size:.88rem; margin-bottom:1rem; flex-wrap:wrap; }
.status-ok[b-nu4ceujuto]   { background:#f0fff4; border:1px solid #6ee7b7; color:#145c35; }
.status-warn[b-nu4ceujuto] { background:#fffbea; border:1px solid #f5c242; color:#7a5200; }
.status-note[b-nu4ceujuto] { color:#8a9ab8; font-size:.82rem; }
.badge[b-nu4ceujuto] { padding:.18rem .55rem; border-radius:999px; font-size:.75rem; font-weight:700; }
.badge-success[b-nu4ceujuto] { background:#d4f5e2; color:#145c35; }
.badge-warning[b-nu4ceujuto] { background:#fff3cd; color:#7a5200; }
/* /Pages/Admin/AiPromptTemplateEdit.razor.rz.scp.css */
.edit-form[b-r6f0j0yhrv] {
    max-width: 860px;
}

.form-section[b-r6f0j0yhrv] {
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 1rem 1.1rem;
    margin-bottom: 1.25rem;
    background: #ffffff;
}

.form-section legend[b-r6f0j0yhrv] {
    font-weight: 700;
    font-size: 0.9rem;
    color: #3f5176;
    padding: 0 0.4rem;
}

.form-grid[b-r6f0j0yhrv] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: 1fr 1fr;
}

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

.form-grid label[b-r6f0j0yhrv] {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    color: #3f5176;
    margin-bottom: 0.3rem;
}

.form-grid input[type="text"][b-r6f0j0yhrv],
.form-grid textarea[b-r6f0j0yhrv],
.form-grid select[b-r6f0j0yhrv] {
    width: 100%;
    padding: 0.45rem 0.65rem;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #fff;
    color: #172033;
    font-size: 0.9rem;
    box-sizing: border-box;
}

.form-grid textarea[b-r6f0j0yhrv] { resize: vertical; font-family: 'Consolas', 'Courier New', monospace; }

.char-count[b-r6f0j0yhrv] {
    font-size: 0.75rem;
    font-weight: 400;
    color: #94a3b8;
    margin-left: 0.4rem;
}

/* Variable reference panel */
.variable-reference[b-r6f0j0yhrv] {
    margin-top: 1.25rem;
    background: #f8fafd;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.9rem 1rem;
}

.variable-reference h4[b-r6f0j0yhrv] {
    margin: 0 0 0.35rem;
    font-size: 0.9rem;
    color: #24324e;
}

.var-hint[b-r6f0j0yhrv] {
    font-size: 0.82rem;
    color: #5a6e8f;
    margin: 0 0 0.75rem;
}

.var-hint code[b-r6f0j0yhrv] {
    background: #e8ecf4;
    padding: 0.05rem 0.35rem;
    border-radius: 4px;
    font-size: 0.8rem;
    color: #1e40af;
}

.var-groups[b-r6f0j0yhrv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
}

.var-group[b-r6f0j0yhrv] {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0.6rem 0.8rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.var-group-label[b-r6f0j0yhrv] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #475569;
    margin-bottom: 0.3rem;
}

.var-group code[b-r6f0j0yhrv] {
    font-size: 0.78rem;
    background: #f1f5f9;
    color: #1e40af;
    padding: 0.1rem 0.35rem;
    border-radius: 4px;
    cursor: pointer;
    width: fit-content;
    user-select: all;
}

.var-group code:hover[b-r6f0j0yhrv] {
    background: #dbeafe;
}

/* Actions */
.form-actions[b-r6f0j0yhrv] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.btn-save[b-r6f0j0yhrv] {
    background: #214d9d;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 0.5rem 1.1rem;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

.btn-save:hover[b-r6f0j0yhrv] { background: #1a3e80; }

.btn-cancel[b-r6f0j0yhrv] {
    background: #fff;
    color: #3f5176;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    padding: 0.5rem 1.1rem;
    font-size: 0.9rem;
    cursor: pointer;
}

.btn-cancel:hover[b-r6f0j0yhrv] { background: #f1f5f9; }

.btn-danger[b-r6f0j0yhrv] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
    border-radius: 8px;
    padding: 0.5rem 1.1rem;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    margin-left: auto;
}

.btn-danger:hover[b-r6f0j0yhrv] { background: #fecaca; }

.error-message[b-r6f0j0yhrv] { color: #b42318; margin-top: 0.5rem; }
/* /Pages/Admin/AiPromptTemplates.razor.rz.scp.css */
.toolbar[b-hi26oav2de] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    align-items: center;
    margin-bottom: 1rem;
}

.search-input[b-hi26oav2de] {
    min-width: 260px;
    flex: 1 1 260px;
    padding: 0.45rem 0.65rem;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #fff;
    color: #172033;
}

.filter-select[b-hi26oav2de] {
    padding: 0.45rem 0.65rem;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #fff;
    color: #172033;
    min-width: 160px;
}

.filter-check[b-hi26oav2de] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.88rem;
    color: #3f5176;
    cursor: pointer;
}

/* Summary bar */
.summary-bar[b-hi26oav2de] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: center;
    margin-bottom: 0.75rem;
    font-size: 0.82rem;
    color: #5a6e8f;
}

.sum-active[b-hi26oav2de]   { color: #155724; font-weight: 600; }
.sum-inactive[b-hi26oav2de] { color: #856404; font-weight: 600; }
.sum-module[b-hi26oav2de] {
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    padding: 0.1rem 0.55rem;
    color: #3f5176;
    font-weight: 500;
}

/* Table */
.table-wrapper[b-hi26oav2de] {
    overflow-x: auto;
}

.admin-table[b-hi26oav2de] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.admin-table th[b-hi26oav2de],
.admin-table td[b-hi26oav2de] {
    padding: 0.65rem 0.8rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.9rem;
}

.admin-table thead th[b-hi26oav2de] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
    white-space: nowrap;
}

.admin-table tbody tr:hover[b-hi26oav2de] { background: #f8fafd; }

.row-inactive td[b-hi26oav2de] { opacity: 0.55; }

.col-name[b-hi26oav2de] { white-space: nowrap; }
.col-name a[b-hi26oav2de] { color: #214d9d; text-decoration: none; font-weight: 600; }
.col-name a:hover[b-hi26oav2de] { text-decoration: underline; }

.col-key code[b-hi26oav2de] {
    font-size: 0.8rem;
    background: #f1f5f9;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    color: #334155;
    white-space: nowrap;
}

.col-preview[b-hi26oav2de] {
    max-width: 340px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #5a6e8f;
    font-size: 0.85rem;
}

/* Module badges */
.module-badge[b-hi26oav2de] {
    display: inline-block;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.module-hr[b-hi26oav2de]           { background: #dbeafe; color: #1e40af; }
.module-compliance[b-hi26oav2de]   { background: #d1fae5; color: #065f46; }
.module-hs[b-hi26oav2de]           { background: #fee2e2; color: #991b1b; }
.module-hS[b-hi26oav2de]           { background: #fee2e2; color: #991b1b; }
.module-assets[b-hi26oav2de]       { background: #fef3c7; color: #92400e; }
.module-workorders[b-hi26oav2de]   { background: #ede9fe; color: #4c1d95; }
.module-documents[b-hi26oav2de]    { background: #e0f2fe; color: #075985; }
.module-general[b-hi26oav2de]      { background: #f1f5f9; color: #475569; }

/* Status badges */
.status-badge[b-hi26oav2de] {
    display: inline-block;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
}

.status-active[b-hi26oav2de]   { background: #d4edda; color: #155724; }
.status-inactive[b-hi26oav2de] { background: #fff3cd; color: #856404; }

.error-message[b-hi26oav2de] { color: #b42318; }
/* /Pages/Admin/AiTest.razor.rz.scp.css */
/* Provider status banner */
.provider-status[b-nu765bpmzb] { display:flex; align-items:center; gap:.6rem; padding:.6rem .9rem; border-radius:8px; font-size:.88rem; margin-bottom:1rem; flex-wrap:wrap; }
.status-ok[b-nu765bpmzb]   { background:#f0fff4; border:1px solid #6ee7b7; color:#145c35; }
.status-warn[b-nu765bpmzb] { background:#fffbea; border:1px solid #f5c242; color:#7a5200; }
.status-note[b-nu765bpmzb] { color:#8a9ab8; font-size:.82rem; }
.badge[b-nu765bpmzb] { padding:.18rem .55rem; border-radius:999px; font-size:.75rem; font-weight:700; }
.badge-success[b-nu765bpmzb] { background:#d4f5e2; color:#145c35; }
.badge-warning[b-nu765bpmzb] { background:#fff3cd; color:#7a5200; }
/* Result box */
.ai-result-box[b-nu765bpmzb] { background:#f8fafd; border:1px solid #dfe5f1; border-radius:8px; padding:.8rem 1rem; overflow-x:auto; }
.ai-result-box pre[b-nu765bpmzb] { margin:0; white-space:pre-wrap; font-size:.88rem; color:#1a2d50; font-family:monospace; }
.ai-action-list[b-nu765bpmzb] { list-style:none; margin:.7rem 0 0; padding:0; display:flex; flex-direction:column; gap:.4rem; }
.ai-action-list li[b-nu765bpmzb] { display:flex; align-items:center; gap:.5rem; font-size:.88rem; padding:.35rem 0; border-bottom:1px solid #f0f3f9; }
.ai-action-list li:last-child[b-nu765bpmzb] { border-bottom:none; }
.pm-badge[b-nu765bpmzb] { padding:.18rem .55rem; border-radius:999px; background:#edf4ff; color:#1a4a8a; font-size:.75rem; font-weight:700; }
.ai-result-meta[b-nu765bpmzb] { display:flex; gap:1.5rem; flex-wrap:wrap; margin-top:.7rem; font-size:.82rem; color:#8a9ab8; }
.ai-result-meta strong[b-nu765bpmzb] { color:#1a2d50; }
/* /Pages/Admin/AiTransactions.razor.rz.scp.css */
.table-wrapper[b-s9eqk0y456] {
    margin-top: 1rem;
    overflow-x: auto;
}

.admin-table[b-s9eqk0y456] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.admin-table th[b-s9eqk0y456],
.admin-table td[b-s9eqk0y456] {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.93rem;
    white-space: nowrap;
}

.admin-table thead th[b-s9eqk0y456] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.admin-table tbody tr:hover[b-s9eqk0y456] {
    background: #f8fafd;
}

.error-message[b-s9eqk0y456] {
    color: #b42318;
}
/* /Pages/Admin/AiUsageHistory.razor.rz.scp.css */
.ai-usage-kpis[b-m5icp6dztm] {
    margin-bottom: 1rem;
}

.ai-kpi-sub[b-m5icp6dztm] {
    color: #697996;
    font-size: .78rem;
    font-weight: 600;
    line-height: 1.25;
}

.ai-credit-alert[b-m5icp6dztm] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem .65rem;
    margin-bottom: 1rem;
}

.ai-usage-layout[b-m5icp6dztm] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.ai-snapshot-grid[b-m5icp6dztm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem 1rem;
}

.ai-snapshot-grid > div[b-m5icp6dztm] {
    min-width: 0;
}

.ai-snapshot-label[b-m5icp6dztm] {
    display: block;
    color: #697996;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.25;
    margin-bottom: .16rem;
    text-transform: uppercase;
}

.ai-snapshot-grid strong[b-m5icp6dztm] {
    color: #17243d;
    display: block;
    font-size: .9rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.ai-mix-list[b-m5icp6dztm] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.ai-mix-row[b-m5icp6dztm] {
    align-items: center;
    background: #f8fafd;
    border: 1px solid #e4ebf6;
    border-radius: 8px;
    color: #374151;
    display: flex;
    gap: .75rem;
    justify-content: space-between;
    min-height: 2.35rem;
    padding: .48rem .7rem;
}

.ai-mix-row span[b-m5icp6dztm] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ai-mix-row strong[b-m5icp6dztm],
.ai-number[b-m5icp6dztm] {
    color: #17243d;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    white-space: nowrap;
}

.ai-table-body[b-m5icp6dztm] {
    padding: 0;
}

.ai-table-body .table-wrapper[b-m5icp6dztm] {
    border: 0;
    border-radius: 0;
}

.ai-text-ok[b-m5icp6dztm] {
    color: #065f46 !important;
}

.ai-text-bad[b-m5icp6dztm] {
    color: #991b1b !important;
}

.ai-empty-card[b-m5icp6dztm] {
    max-width: 760px;
}

.ai-empty-title[b-m5icp6dztm] {
    color: #17243d;
    font-size: 1rem;
    font-weight: 800;
    margin-bottom: .35rem;
}

.ai-muted-panel[b-m5icp6dztm] {
    background: #f8fafd;
    border: 1px dashed #cbd7ea;
    border-radius: 8px;
    color: #697996;
    font-size: .86rem;
    padding: .85rem;
}

@media (max-width: 900px) {
    .ai-usage-layout[b-m5icp6dztm] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    .ai-snapshot-grid[b-m5icp6dztm] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Admin/Attachments.razor.rz.scp.css */
.toolbar[b-hajdg6oqzw] {
    margin-top: 1rem;
}

.filter-row[b-hajdg6oqzw] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: center;
}

.filter-select[b-hajdg6oqzw] {
    padding: 0.5rem 0.65rem;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    font-size: 0.93rem;
}

.search-input[b-hajdg6oqzw] {
    min-width: 240px;
    width: min(100%, 400px);
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.table-wrapper[b-hajdg6oqzw] {
    margin-top: 1rem;
    overflow-x: auto;
}

.admin-table[b-hajdg6oqzw] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.admin-table th[b-hajdg6oqzw],
.admin-table td[b-hajdg6oqzw] {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.93rem;
    white-space: nowrap;
}

.admin-table thead th[b-hajdg6oqzw] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.admin-table a[b-hajdg6oqzw] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.admin-table a:hover[b-hajdg6oqzw] {
    text-decoration: underline;
}

.btn-sm[b-hajdg6oqzw] {
    padding: 0.22rem 0.55rem;
    font-size: 0.82rem;
    border: 1px solid #cdd6e6;
    border-radius: 5px;
    background: #f8fafd;
    color: #214d9d;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    margin-right: 0.25rem;
}

.btn-sm:hover[b-hajdg6oqzw] {
    background: #e8edf6;
}

.btn-delete[b-hajdg6oqzw] {
    color: #b42318;
    border-color: #f3d5d2;
}

.btn-delete:hover[b-hajdg6oqzw] {
    background: #fef3f2;
}

.info-message[b-hajdg6oqzw] {
    color: #1f5c3f;
    margin: 0.4rem 0;
}

.error-message[b-hajdg6oqzw] {
    color: #b42318;
}
/* /Pages/Admin/BugReports.razor.rz.scp.css */
.bug-admin-toolbar[b-fodey0dd36] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    margin-bottom: 1.1rem;
    flex-wrap: wrap;
}

.toolbar-group[b-fodey0dd36] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

    .toolbar-group label[b-fodey0dd36] {
        font-size: 0.78rem;
        font-weight: 600;
        color: #6b7280;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    .toolbar-group select[b-fodey0dd36] {
        border: 1px solid #d1d9e8;
        border-radius: 6px;
        padding: 0.4rem 0.7rem;
        font-size: 0.88rem;
        background: #fff;
        min-width: 130px;
    }

.bug-admin-table-wrap[b-fodey0dd36] {
    overflow-x: auto;
}

.cell-id[b-fodey0dd36] {
    color: #9ca3af;
    font-size: 0.8rem;
    white-space: nowrap;
}

.cell-url[b-fodey0dd36] {
    font-size: 0.78rem;
    color: #6b7280;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bug-title[b-fodey0dd36] {
    cursor: pointer;
    color: #1e40af;
    font-weight: 600;
    font-size: 0.9rem;
}

    .bug-title:hover[b-fodey0dd36] {
        text-decoration: underline;
    }

.bug-detail[b-fodey0dd36] {
    margin-top: 0.6rem;
    padding: 0.75rem;
    background: #f8faff;
    border: 1px solid #e0e9f8;
    border-radius: 6px;
    font-size: 0.88rem;
    color: #374151;
    white-space: pre-wrap;
}

.bug-admin-note[b-fodey0dd36] {
    margin-top: 0.5rem;
    padding: 0.5rem;
    background: #fffbeb;
    border-left: 3px solid #f59e0b;
    font-size: 0.82rem;
    color: #374151;
}

.bug-detail-actions[b-fodey0dd36] {
    margin-top: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

    .bug-detail-actions label[b-fodey0dd36] {
        font-size: 0.78rem;
        font-weight: 600;
        color: #6b7280;
    }

    .bug-detail-actions textarea[b-fodey0dd36] {
        border: 1px solid #d1d9e8;
        border-radius: 5px;
        padding: 0.4rem 0.6rem;
        font-size: 0.85rem;
        font-family: inherit;
        resize: vertical;
    }

/* Severity badges */
.bug-badge[b-fodey0dd36] {
    display: inline-block;
    border-radius: 999px;
    padding: 0.2rem 0.6rem;
    font-size: 0.75rem;
    font-weight: 600;
}

.bug-sev-low[b-fodey0dd36] { background: #d1fae5; color: #065f46; }
.bug-sev-medium[b-fodey0dd36] { background: #fef3c7; color: #92400e; }
.bug-sev-high[b-fodey0dd36] { background: #fee2e2; color: #991b1b; }
.bug-sev-critical[b-fodey0dd36] { background: #7f1d1d; color: #fff; }

.status-select[b-fodey0dd36] {
    border: 1px solid #d1d9e8;
    border-radius: 5px;
    padding: 0.25rem 0.5rem;
    font-size: 0.82rem;
    background: #fff;
}

.row-muted td[b-fodey0dd36] {
    opacity: 0.55;
}

.btn-primary[b-fodey0dd36] {
    background: #2563eb;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 0.45rem 1rem;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}

    .btn-primary:hover[b-fodey0dd36] {
        background: #1d4ed8;
    }

.btn-danger[b-fodey0dd36] {
    background: #fee2e2;
    color: #dc2626;
    border: 1px solid #fca5a5;
    border-radius: 5px;
    padding: 0.25rem 0.65rem;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}

    .btn-danger:hover[b-fodey0dd36] {
        background: #fecaca;
    }

.btn-sm[b-fodey0dd36] {
    padding: 0.3rem 0.75rem;
    font-size: 0.82rem;
    align-self: flex-start;
}
/* /Pages/Admin/DatabaseTools.razor.rz.scp.css */
.db-tools-actions[b-fnc28kiqdj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.db-tools-card[b-fnc28kiqdj] {
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 0.75rem;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.db-tools-card-danger[b-fnc28kiqdj] {
    border-color: #fca5a5;
    background: #fff5f5;
}

.db-tools-card-icon[b-fnc28kiqdj] {
    font-size: 2rem;
}

.db-tools-card h3[b-fnc28kiqdj] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

.db-tools-card p[b-fnc28kiqdj] {
    margin: 0;
    color: var(--text-muted, #6b7280);
    font-size: 0.9rem;
    line-height: 1.5;
}

.db-tools-confirm[b-fnc28kiqdj] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.db-tools-confirm-text[b-fnc28kiqdj] {
    color: #b91c1c;
    font-weight: 500;
    font-size: 0.9rem;
    margin: 0;
}

.db-tools-confirm-buttons[b-fnc28kiqdj] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.db-tools-log[b-fnc28kiqdj] {
    background: #1e1e1e;
    color: #d4d4d4;
    font-family: monospace;
    font-size: 0.85rem;
    border-radius: 0.5rem;
    padding: 1rem;
    max-height: 220px;
    overflow-y: auto;
    margin-bottom: 1rem;
}

.db-tools-log-line[b-fnc28kiqdj] {
    padding: 0.1rem 0;
}

.db-tools-summary[b-fnc28kiqdj] {
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 0.75rem;
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.5rem;
}

.db-tools-summary-title[b-fnc28kiqdj] {
    margin: 0 0 1rem;
    font-size: 1rem;
    font-weight: 600;
}

.db-tools-summary-grid[b-fnc28kiqdj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 0.75rem;
}

.summary-item[b-fnc28kiqdj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--surface, #f9fafb);
    border-radius: 0.5rem;
    padding: 0.5rem 0.25rem;
}

.summary-value[b-fnc28kiqdj] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--primary, #2563eb);
}

.summary-label[b-fnc28kiqdj] {
    font-size: 0.75rem;
    color: var(--text-muted, #6b7280);
    text-align: center;
}

.btn-danger[b-fnc28kiqdj] {
    background: #dc2626;
    color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    cursor: pointer;
    font-size: 0.9rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

    .btn-danger:hover:not(:disabled)[b-fnc28kiqdj] {
        background: #b91c1c;
    }

    .btn-danger:disabled[b-fnc28kiqdj] {
        opacity: 0.6;
        cursor: not-allowed;
    }
/* /Pages/Admin/Departments.razor.rz.scp.css */
.toolbar[b-dufr4up8pb] {
    margin: 1rem 0;
}

.search-input[b-dufr4up8pb] {
    min-width: 340px;
    width: min(100%, 520px);
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

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

.admin-table[b-dufr4up8pb] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.admin-table th[b-dufr4up8pb],
.admin-table td[b-dufr4up8pb] {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.93rem;
    white-space: nowrap;
}

.admin-table thead th[b-dufr4up8pb] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.admin-table tbody tr:hover[b-dufr4up8pb] {
    background: #f8fafd;
}

.error-message[b-dufr4up8pb] {
    color: #b42318;
}
/* /Pages/Admin/LegacyImport.razor.rz.scp.css */
.legacy-import-grid[b-ynoubw43se] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.legacy-card[b-ynoubw43se] {
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 0.75rem;
    padding: 1rem;
    min-width: 0;
    overflow-x: auto;
}

.legacy-card h3[b-ynoubw43se] {
    margin: 0 0 0.75rem;
    font-size: 1rem;
}

.legacy-card .admin-table[b-ynoubw43se] {
    width: 100%;
    min-width: 560px;
}

.legacy-card .admin-table th[b-ynoubw43se],
.legacy-card .admin-table td[b-ynoubw43se] {
    white-space: nowrap;
}

.legacy-muted[b-ynoubw43se] {
    color: var(--text-muted, #64748b);
    font-size: 0.85rem;
    margin-top: 0.5rem;
}

.legacy-checkbox-row[b-ynoubw43se] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.legacy-actions[b-ynoubw43se] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.75rem;
}

.legacy-stats[b-ynoubw43se] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.4rem;
    font-size: 0.9rem;
}

.legacy-log[b-ynoubw43se] {
    margin-top: 0.75rem;
    background: #1e1e1e;
    color: #d4d4d4;
    font-family: Consolas, "Courier New", monospace;
    border-radius: 0.5rem;
    padding: 0.75rem;
    max-height: 240px;
    overflow-y: auto;
}

.legacy-log-line[b-ynoubw43se] {
    font-size: 0.8rem;
    line-height: 1.35;
    margin-bottom: 0.2rem;
}

.legacy-conflict-panel[b-ynoubw43se] {
    background: #fff8ed;
    border: 1px solid #fed7aa;
    border-radius: 0.75rem;
    margin-top: 1rem;
    overflow-x: auto;
    padding: 1rem;
}

.legacy-conflict-header[b-ynoubw43se] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.legacy-conflict-header h4[b-ynoubw43se] {
    color: #7c2d12;
    font-size: 0.95rem;
    margin: 0 0 0.25rem;
}

.legacy-conflict-header p[b-ynoubw43se] {
    color: #92400e;
    font-size: 0.85rem;
    margin: 0;
}

.legacy-conflict-actions[b-ynoubw43se] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.legacy-status-select[b-ynoubw43se] {
    min-width: 150px;
}

@media (max-width: 720px) {
    .legacy-conflict-header[b-ynoubw43se] {
        flex-direction: column;
    }

    .legacy-conflict-actions[b-ynoubw43se] {
        justify-content: flex-start;
    }
}

.btn-danger[b-ynoubw43se] {
    background: #dc2626;
    color: #fff;
    border: none;
    padding: 0.35rem 0.7rem;
    border-radius: 0.375rem;
}

.btn-danger:hover:not(:disabled)[b-ynoubw43se] {
    background: #b91c1c;
}
/* /Pages/Admin/NotificationDetail.razor.rz.scp.css */
.detail-grid[b-ok2laurier] {
    margin-top: 1rem;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.detail-grid > div[b-ok2laurier] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.75rem 0.85rem;
    color: #172033;
}

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

.btn-action[b-ok2laurier] {
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #ffffff;
    color: #1f355c;
    padding: 0.3rem 0.7rem;
    font-weight: 600;
    cursor: pointer;
}

.btn-action:hover[b-ok2laurier] {
    background: #f0f4fb;
}

.btn-dismiss[b-ok2laurier] {
    color: #b42318;
    border-color: #f3d5d2;
}

.btn-dismiss:hover[b-ok2laurier] {
    background: #fef3f2;
}

.badge[b-ok2laurier] {
    display: inline-block;
    padding: 0.18rem 0.55rem;
    border-radius: 6px;
    font-size: 0.82rem;
    font-weight: 600;
}

.badge-info[b-ok2laurier] {
    background: #e8f4fd;
    color: #0b5394;
}

.badge-warning[b-ok2laurier] {
    background: #fef3cd;
    color: #856404;
}

.badge-critical[b-ok2laurier] {
    background: #f8d7da;
    color: #721c24;
}

.info-message[b-ok2laurier] {
    margin-top: 0.65rem;
    color: #1f5c3f;
}
/* /Pages/Admin/Notifications.razor.rz.scp.css */
.toolbar[b-aam0oq57x1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.search-input[b-aam0oq57x1],
.filter-select[b-aam0oq57x1] {
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
    font-size: 0.93rem;
}

.search-input[b-aam0oq57x1] {
    min-width: 260px;
    flex: 1 1 260px;
}

.filter-select[b-aam0oq57x1] {
    min-width: 150px;
}

.table-wrapper[b-aam0oq57x1] {
    margin-top: 1rem;
    overflow-x: auto;
}

.admin-table[b-aam0oq57x1] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.admin-table th[b-aam0oq57x1],
.admin-table td[b-aam0oq57x1] {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.93rem;
    white-space: nowrap;
}

.admin-table thead th[b-aam0oq57x1] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.admin-table a[b-aam0oq57x1] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.admin-table a:hover[b-aam0oq57x1] {
    text-decoration: underline;
}

.row-unread[b-aam0oq57x1] {
    background: #f0f5ff;
}

.row-overdue[b-aam0oq57x1] {
    background: #fef3f2;
}

.row-dismissed[b-aam0oq57x1] {
    opacity: 0.55;
}

.badge[b-aam0oq57x1] {
    display: inline-block;
    padding: 0.18rem 0.55rem;
    border-radius: 6px;
    font-size: 0.82rem;
    font-weight: 600;
}

.badge-info[b-aam0oq57x1] {
    background: #e8f4fd;
    color: #0b5394;
}

.badge-warning[b-aam0oq57x1] {
    background: #fef3cd;
    color: #856404;
}

.badge-critical[b-aam0oq57x1] {
    background: #f8d7da;
    color: #721c24;
}

.error-message[b-aam0oq57x1] {
    color: #b42318;
}
/* /Pages/Admin/Permissions.razor.rz.scp.css */
.toolbar[b-bpqxsdpeaw] {
    margin: 1rem 0;
}

.search-input[b-bpqxsdpeaw] {
    min-width: 320px;
    width: min(100%, 560px);
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

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

.admin-table[b-bpqxsdpeaw] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.admin-table th[b-bpqxsdpeaw],
.admin-table td[b-bpqxsdpeaw] {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.93rem;
    white-space: nowrap;
}

.admin-table thead th[b-bpqxsdpeaw] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.error-message[b-bpqxsdpeaw] {
    color: #b42318;
}
/* /Pages/Admin/ReminderEngine.razor.rz.scp.css */
.actions-row[b-s6xqs87xed] {
    margin-top: 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.actions-row button[b-s6xqs87xed] {
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #ffffff;
    color: #1f355c;
    padding: 0.45rem 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

.actions-row button:disabled[b-s6xqs87xed] {
    opacity: 0.5;
    cursor: not-allowed;
}

.actions-row a[b-s6xqs87xed] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.actions-row a:hover[b-s6xqs87xed] {
    text-decoration: underline;
}

.summary-grid[b-s6xqs87xed] {
    margin-top: 1rem;
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.summary-card[b-s6xqs87xed] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 12px;
    padding: 0.85rem 0.95rem;
}

.summary-card h2[b-s6xqs87xed] {
    margin: 0;
    font-size: 0.95rem;
    color: #3f5176;
}

.summary-value[b-s6xqs87xed] {
    margin: 0.55rem 0 0;
    color: #172033;
    font-size: 1.25rem;
    font-weight: 700;
}

.module-summary-heading[b-s6xqs87xed] {
    margin: 1.2rem 0 0.5rem;
    font-size: 1rem;
    color: #24324e;
}

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

.module-table[b-s6xqs87xed] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.module-table th[b-s6xqs87xed],
.module-table td[b-s6xqs87xed] {
    padding: 0.6rem 0.75rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.93rem;
}

.module-table thead th[b-s6xqs87xed] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.info-message[b-s6xqs87xed] {
    margin-top: 0.75rem;
    color: #1f5c3f;
}

.error-message[b-s6xqs87xed] {
    margin-top: 0.75rem;
    color: #b42318;
}
/* /Pages/Admin/RoleDetail.razor.rz.scp.css */
.detail-grid[b-pb59dsn84u] {
    margin-top: 1rem;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.detail-grid > div[b-pb59dsn84u],
section[b-pb59dsn84u] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.75rem 0.85rem;
    color: #172033;
}

section[b-pb59dsn84u] {
    margin-top: 1rem;
}

section h2[b-pb59dsn84u] {
    margin: 0 0 0.55rem;
    font-size: 1rem;
    color: #24324e;
}

ul[b-pb59dsn84u] {
    margin: 0;
    padding-left: 1.2rem;
}
/* /Pages/Admin/RoleEdit.razor.rz.scp.css */
.edit-form[b-3i6luv2c5b] {
    margin-top: 1rem;
}

.form-grid[b-3i6luv2c5b] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.form-grid label[b-3i6luv2c5b] {
    display: block;
    margin-bottom: 0.35rem;
    color: #3f5176;
    font-size: 0.88rem;
    font-weight: 600;
}

.form-grid input[b-3i6luv2c5b] {
    width: 100%;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.checkbox-row[b-3i6luv2c5b] {
    display: flex;
    align-items: center;
}

.checkbox-row label[b-3i6luv2c5b] {
    margin: 0;
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.form-actions[b-3i6luv2c5b] {
    margin-top: 1rem;
    display: flex;
    gap: 0.6rem;
}

.form-actions button[b-3i6luv2c5b] {
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #ffffff;
    color: #1f355c;
    padding: 0.45rem 0.9rem;
    font-weight: 600;
}

.error-message[b-3i6luv2c5b] {
    margin-top: 0.7rem;
    color: #b42318;
}
/* /Pages/Admin/RolePermissions.razor.rz.scp.css */
.toolbar[b-mgc8pix1mh] {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
}

.toolbar label[b-mgc8pix1mh] {
    color: #3f5176;
    font-weight: 600;
}

.toolbar select[b-mgc8pix1mh] {
    min-width: 280px;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.45rem 0.6rem;
}

.table-wrapper[b-mgc8pix1mh] {
    margin-top: 1rem;
    overflow-x: auto;
}

.admin-table[b-mgc8pix1mh] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.admin-table th[b-mgc8pix1mh],
.admin-table td[b-mgc8pix1mh] {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.93rem;
    white-space: nowrap;
}

.admin-table thead th[b-mgc8pix1mh] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.form-actions[b-mgc8pix1mh] {
    margin-top: 0.9rem;
}

.form-actions button[b-mgc8pix1mh] {
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #ffffff;
    color: #1f355c;
    padding: 0.45rem 0.9rem;
    font-weight: 600;
}

.info-message[b-mgc8pix1mh] {
    margin-top: 0.7rem;
    color: #1f5c3f;
}

.error-message[b-mgc8pix1mh] {
    margin-top: 0.7rem;
    color: #b42318;
}
/* /Pages/Admin/Roles.razor.rz.scp.css */
.toolbar[b-e7w0k5t2eu] {
    margin: 1rem 0;
}

.search-input[b-e7w0k5t2eu] {
    min-width: 320px;
    width: min(100%, 520px);
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

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

.admin-table[b-e7w0k5t2eu] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.admin-table th[b-e7w0k5t2eu],
.admin-table td[b-e7w0k5t2eu] {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.93rem;
    white-space: nowrap;
}

.admin-table thead th[b-e7w0k5t2eu] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.admin-table a[b-e7w0k5t2eu] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.admin-table a:hover[b-e7w0k5t2eu] {
    text-decoration: underline;
}

.error-message[b-e7w0k5t2eu] {
    color: #b42318;
}
/* /Pages/Admin/SiteDetail.razor.rz.scp.css */
.detail-grid[b-ck95xa2xuq] {
    margin-top: 1rem;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.detail-grid > div[b-ck95xa2xuq] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.75rem 0.85rem;
    color: #172033;
}

.future-sections[b-ck95xa2xuq] {
    margin-top: 1rem;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.9rem;
}

.future-sections h2[b-ck95xa2xuq] {
    margin: 0 0 0.45rem;
    font-size: 1rem;
    color: #24324e;
}

.section-placeholders[b-ck95xa2xuq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.section-placeholders span[b-ck95xa2xuq] {
    border: 1px solid #cfd9ea;
    background: #f8fafd;
    border-radius: 999px;
    padding: 0.3rem 0.65rem;
    color: #324a74;
    font-size: 0.87rem;
}
/* /Pages/Admin/SiteEdit.razor.rz.scp.css */
.edit-form[b-lhjdczieuz] {
    margin-top: 1rem;
}

.form-grid[b-lhjdczieuz] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.form-grid label[b-lhjdczieuz] {
    display: block;
    margin-bottom: 0.35rem;
    color: #3f5176;
    font-size: 0.88rem;
    font-weight: 600;
}

.form-grid input[b-lhjdczieuz],
.form-grid select[b-lhjdczieuz],
.form-grid textarea[b-lhjdczieuz] {
    width: 100%;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.form-grid textarea[b-lhjdczieuz] {
    min-height: 100px;
}

.check-row[b-lhjdczieuz] {
    display: flex;
    align-items: center;
}

.form-actions[b-lhjdczieuz] {
    display: flex;
    gap: 0.6rem;
    margin-top: 1rem;
}

.form-actions button[b-lhjdczieuz] {
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #ffffff;
    color: #1f355c;
    padding: 0.45rem 0.9rem;
    font-weight: 600;
}

.error-message[b-lhjdczieuz] {
    margin-top: 0.75rem;
    color: #b42318;
}

.pm-color-input[b-lhjdczieuz] {
    min-height: 2.35rem;
    padding: 0.2rem;
}

.theme-preview[b-lhjdczieuz] {
    grid-column: 1 / -1;
    border: 1px solid var(--border-color, #d9dfeb);
    border-radius: 12px;
    padding: 0.9rem;
    background: var(--bg-surface, #ffffff);
}

.theme-preview h3[b-lhjdczieuz] {
    margin: 0;
    font-size: 0.95rem;
    color: var(--text-primary, #24324e);
}

.theme-preview-note[b-lhjdczieuz] {
    margin: 0.35rem 0 0.75rem;
    color: var(--text-muted, #607196);
    font-size: 0.8rem;
}

.theme-preview-actions[b-lhjdczieuz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-bottom: 0.75rem;
}

.theme-preview-cards[b-lhjdczieuz] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.theme-preview-card[b-lhjdczieuz] {
    border: 1px solid var(--border-subtle, #ebeff7);
    border-radius: 10px;
    padding: 0.6rem 0.7rem;
    background: color-mix(in srgb, var(--bg-hover, #edf2ff) 35%, var(--bg-surface, #ffffff));
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.theme-preview-card span[b-lhjdczieuz] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-muted, #607196);
}

.theme-preview-card strong[b-lhjdczieuz] {
    font-size: 0.88rem;
    color: var(--text-primary, #172033);
}
/* /Pages/Admin/Sites.razor.rz.scp.css */
.toolbar[b-0fvlafera6] {
    margin: 1rem 0;
}

.search-input[b-0fvlafera6] {
    min-width: 340px;
    width: min(100%, 520px);
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

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

.admin-table[b-0fvlafera6] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.admin-table th[b-0fvlafera6],
.admin-table td[b-0fvlafera6] {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.93rem;
    white-space: nowrap;
}

.admin-table thead th[b-0fvlafera6] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.admin-table tbody tr:hover[b-0fvlafera6] {
    background: #f8fafd;
}

.admin-table a[b-0fvlafera6] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.admin-table a:hover[b-0fvlafera6] {
    text-decoration: underline;
}

.error-message[b-0fvlafera6] {
    color: #b42318;
}
/* /Pages/Admin/StorageSettings.razor.rz.scp.css */
.storage-summary[b-rux6y2stlu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 0.8rem;
    margin-bottom: 1rem;
}

.summary-panel[b-rux6y2stlu] {
    border: 1px solid #dbe4f0;
    background: #fff;
    border-radius: 8px;
    padding: 0.9rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.summary-label[b-rux6y2stlu] {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.summary-note[b-rux6y2stlu] {
    color: #64748b;
    font-size: 0.82rem;
}

.provider-grid[b-rux6y2stlu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.setup-guide[b-rux6y2stlu] {
    border: 1px solid #dbe4f0;
    border-radius: 8px;
    background: #fff;
    padding: 1rem;
    display: grid;
    grid-template-columns: minmax(240px, 0.9fr) minmax(0, 1.3fr);
    gap: 1rem;
    align-items: start;
    margin-bottom: 1rem;
}

.setup-guide h2[b-rux6y2stlu] {
    margin: 0.15rem 0 0.35rem;
    color: #172033;
    font-size: 1.15rem;
}

.setup-guide p[b-rux6y2stlu] {
    margin: 0;
    color: #64748b;
    font-size: 0.9rem;
}

.setup-steps[b-rux6y2stlu] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.55rem;
}

.setup-steps li[b-rux6y2stlu] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
    padding: 0.7rem;
    display: grid;
    gap: 0.15rem;
}

.setup-steps strong[b-rux6y2stlu] {
    color: #172033;
    font-size: 0.86rem;
}

.setup-steps span[b-rux6y2stlu] {
    color: #64748b;
    font-size: 0.82rem;
}

.provider-card[b-rux6y2stlu] {
    border: 1px solid #dbe4f0;
    border-radius: 8px;
    background: #fff;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.provider-card.active[b-rux6y2stlu] {
    border-color: #2563eb;
    box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.18);
}

.provider-card-header[b-rux6y2stlu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.8rem;
}

.provider-name[b-rux6y2stlu] {
    display: block;
    font-weight: 800;
    color: #172033;
}

.provider-tag[b-rux6y2stlu] {
    display: block;
    color: #64748b;
    font-size: 0.78rem;
    margin-top: 0.1rem;
}

.provider-desc[b-rux6y2stlu] {
    color: #374151;
    font-size: 0.88rem;
    margin: 0;
}

.provider-help[b-rux6y2stlu] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
    padding: 0.7rem 0.8rem;
}

.provider-help summary[b-rux6y2stlu] {
    cursor: pointer;
    color: #172033;
    font-size: 0.86rem;
    font-weight: 800;
}

.provider-help ol[b-rux6y2stlu] {
    margin: 0.7rem 0 0;
    padding-left: 1.1rem;
    color: #475569;
    font-size: 0.84rem;
}

.provider-help li + li[b-rux6y2stlu] {
    margin-top: 0.35rem;
}

.help-links[b-rux6y2stlu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.help-links a[b-rux6y2stlu] {
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #fff;
    color: #1d4ed8;
    font-size: 0.78rem;
    font-weight: 800;
    padding: 0.3rem 0.55rem;
    text-decoration: none;
}

.inline-field[b-rux6y2stlu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.5rem;
}

.form-hint[b-rux6y2stlu] {
    display: block;
    color: #64748b;
    font-size: 0.78rem;
    margin-top: 0.25rem;
}

.copy-target[b-rux6y2stlu] {
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    background: #f0fdf4;
    color: #166534;
    display: grid;
    gap: 0.25rem;
    margin-top: 0.5rem;
    padding: 0.55rem 0.65rem;
    font-size: 0.82rem;
}

.copy-target code[b-rux6y2stlu] {
    color: #14532d;
    white-space: normal;
    word-break: break-all;
}

.provider-actions[b-rux6y2stlu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: auto;
}

.code-input[b-rux6y2stlu],
.raw-config pre[b-rux6y2stlu] {
    font-family: "Cascadia Code", Consolas, monospace;
    font-size: 0.78rem;
}

.raw-config[b-rux6y2stlu] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f8fafc;
    padding: 0.65rem 0.75rem;
}

.raw-config summary[b-rux6y2stlu] {
    cursor: pointer;
    color: #475569;
    font-size: 0.82rem;
    font-weight: 700;
}

.raw-config pre[b-rux6y2stlu] {
    white-space: pre-wrap;
    word-break: break-word;
    margin: 0.7rem 0 0;
    color: #334155;
}

.pm-badge-green[b-rux6y2stlu] {
    background: #dcfce7;
    color: #166534;
    border: 1px solid #bbf7d0;
}

@media (max-width: 840px) {
    .setup-guide[b-rux6y2stlu],
    .inline-field[b-rux6y2stlu] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Admin/UserEdit.razor.rz.scp.css */
.edit-form[b-hdaekzzs77] {
    max-width: 640px;
}

.form-grid[b-hdaekzzs77] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.form-grid label[b-hdaekzzs77] {
    display: block;
    font-size: 0.85rem;
    color: #ccc;
    margin-bottom: 0.25rem;
}

.form-grid input[type="text"][b-hdaekzzs77],
.form-grid input[type="email"][b-hdaekzzs77],
.form-grid input[type="password"][b-hdaekzzs77],
.form-grid select[b-hdaekzzs77] {
    width: 100%;
    padding: 0.5rem 0.6rem;
    background: #0f3460;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 4px;
    color: #e0e0e0;
    font-size: 0.9rem;
    box-sizing: border-box;
}

.checkbox-row label[b-hdaekzzs77] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
}

.form-actions[b-hdaekzzs77] {
    display: flex;
    gap: 0.5rem;
}

.form-actions button[b-hdaekzzs77] {
    padding: 0.5rem 1.2rem;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9rem;
}

.form-actions button[type="button"]:first-child[b-hdaekzzs77],
.form-actions button:first-child[b-hdaekzzs77] {
    background: #5c7cfa;
    color: #fff;
}

.form-actions button:last-child[b-hdaekzzs77] {
    background: #333;
    color: #ccc;
}

/* ── Quick Profiles ──────────────────────────────────────────────────────── */
.quick-profile-grid[b-hdaekzzs77] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: .65rem;
}

.quick-profile-btn[b-hdaekzzs77] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .2rem;
    padding: .7rem .85rem;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 8px;
    cursor: pointer;
    text-align: left;
    color: inherit;
    transition: background .15s, border-color .15s;
}

.quick-profile-btn:hover[b-hdaekzzs77] {
    background: rgba(92,124,250,.18);
    border-color: rgba(92,124,250,.5);
}

.qp-icon[b-hdaekzzs77] { font-size: 1.3rem; }

.qp-name[b-hdaekzzs77] {
    font-weight: 600;
    font-size: .85rem;
    color: #e0e0e0;
}

.qp-desc[b-hdaekzzs77] {
    font-size: .75rem;
    color: #9ca3af;
    line-height: 1.3;
}

/* ── Role Assignments ────────────────────────────────────────────────────── */
.role-assignment-grid[b-hdaekzzs77] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: .5rem;
}

.role-toggle[b-hdaekzzs77] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    padding: .6rem .8rem;
    background: rgba(255,255,255,.03);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 6px;
    cursor: pointer;
    transition: background .12s, border-color .12s;
}

.role-toggle input[type="checkbox"][b-hdaekzzs77] {
    display: none;
}

.role-toggle-on[b-hdaekzzs77] {
    background: rgba(92,124,250,.15);
    border-color: rgba(92,124,250,.45);
}

.role-name[b-hdaekzzs77] {
    font-weight: 600;
    font-size: .85rem;
    color: #dde;
}

.role-desc[b-hdaekzzs77] {
    font-size: .73rem;
    color: #8b9ab2;
    line-height: 1.35;
}
/* /Pages/Admin/UserRoles.razor.rz.scp.css */
.toolbar[b-tzqgej9fr4] {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
}

.toolbar label[b-tzqgej9fr4] {
    color: #3f5176;
    font-weight: 600;
}

.toolbar select[b-tzqgej9fr4] {
    min-width: 320px;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.45rem 0.6rem;
}

.table-wrapper[b-tzqgej9fr4] {
    margin-top: 1rem;
    overflow-x: auto;
}

.admin-table[b-tzqgej9fr4] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.admin-table th[b-tzqgej9fr4],
.admin-table td[b-tzqgej9fr4] {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.93rem;
    white-space: nowrap;
}

.admin-table thead th[b-tzqgej9fr4] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.form-actions[b-tzqgej9fr4] {
    margin-top: 0.9rem;
}

.form-actions button[b-tzqgej9fr4] {
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #ffffff;
    color: #1f355c;
    padding: 0.45rem 0.9rem;
    font-weight: 600;
}

.info-message[b-tzqgej9fr4] {
    margin-top: 0.7rem;
    color: #1f5c3f;
}

.error-message[b-tzqgej9fr4] {
    margin-top: 0.7rem;
    color: #b42318;
}
/* /Pages/Admin/Users.razor.rz.scp.css */
.toolbar[b-esuhm3cz87] {
    margin: 1rem 0;
}

.search-input[b-esuhm3cz87] {
    min-width: 340px;
    width: min(100%, 520px);
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

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

.admin-table[b-esuhm3cz87] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.admin-table th[b-esuhm3cz87],
.admin-table td[b-esuhm3cz87] {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.93rem;
    white-space: nowrap;
}

.admin-table thead th[b-esuhm3cz87] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.admin-table tbody tr:hover[b-esuhm3cz87] {
    background: #f8fafd;
}

.error-message[b-esuhm3cz87] {
    color: #b42318;
}

.link-button[b-esuhm3cz87] {
    background: none;
    border: none;
    color: #2a4471;
    text-decoration: underline;
    cursor: pointer;
    font-size: inherit;
    padding: 0;
}

.link-button:hover[b-esuhm3cz87] {
    color: #1f355d;
}
/* /Pages/AssetEvents/Detail.razor.rz.scp.css */
.detail-toolbar[b-jmt23zot1f] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
}

.btn-back[b-jmt23zot1f],
.btn-link[b-jmt23zot1f] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
}

.btn-back:hover[b-jmt23zot1f],
.btn-link:hover[b-jmt23zot1f] { text-decoration: underline; }

.btn-edit[b-jmt23zot1f] {
    padding: 0.4rem 0.85rem;
    background: #214d9d;
    color: #ffffff;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.87rem;
    text-decoration: none;
    margin-left: auto;
}

.btn-edit:hover[b-jmt23zot1f] { background: #183b7a; }

.asset-banner[b-jmt23zot1f] {
    margin-top: 0.75rem;
    display: flex;
    gap: 0.75rem;
    align-items: center;
    background: #f0f4fa;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    padding: 0.55rem 0.85rem;
    font-size: 0.9rem;
}

.asset-code[b-jmt23zot1f] {
    font-weight: 700;
    color: #214d9d;
}

.asset-name[b-jmt23zot1f] {
    color: #24324e;
    font-weight: 600;
}

.overview-grid[b-jmt23zot1f] {
    margin-top: 1rem;
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.field[b-jmt23zot1f] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    padding: 0.4rem 0.6rem;
    background: #f8fafd;
    border-radius: 6px;
}

.field .label[b-jmt23zot1f] {
    font-size: 0.78rem;
    color: #607196;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.field .value[b-jmt23zot1f] {
    font-size: 0.93rem;
    color: #172033;
}

.event-type-badge[b-jmt23zot1f] {
    display: inline-block;
    padding: 0.1rem 0.4rem;
    background: #e8f0fe;
    color: #214d9d;
    border-radius: 4px;
    font-size: 0.82rem;
    font-weight: 600;
}

.outcome-badge[b-jmt23zot1f] {
    display: inline-block;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    font-size: 0.82rem;
    font-weight: 600;
}

.outcome-pass[b-jmt23zot1f] { background: #e6f4ea; color: #1a7431; }
.outcome-conditional[b-jmt23zot1f] { background: #fef7e0; color: #7a5a00; }
.outcome-fail[b-jmt23zot1f] { background: #fce8e6; color: #b42318; }

.code-cell[b-jmt23zot1f] { font-weight: 600; color: #214d9d; }
.ref-cell[b-jmt23zot1f] { font-family: monospace; font-size: 0.88rem; color: #3f5176; }

.notes-panel[b-jmt23zot1f] {
    margin-top: 1rem;
    background: #f8fafd;
    border-radius: 6px;
    padding: 0.6rem 0.8rem;
}

.notes-panel h3[b-jmt23zot1f] {
    margin: 0 0 0.35rem;
    font-size: 0.9rem;
    color: #3f5176;
}

.notes-panel p[b-jmt23zot1f] {
    margin: 0;
    color: #24324e;
    font-size: 0.9rem;
    line-height: 1.45;
}

.meta-row[b-jmt23zot1f] {
    margin-top: 1rem;
    display: flex;
    gap: 1.5rem;
    font-size: 0.8rem;
    color: #607196;
}

.routine-badge[b-jmt23zot1f] {
    display: inline-block;
    padding: 0.1rem 0.4rem;
    background: #e8f0fe;
    color: #214d9d;
    border-radius: 4px;
    font-weight: 600;
}
/* /Pages/AssetEvents/Edit.razor.rz.scp.css */
.detail-toolbar[b-63i9ahwqgt] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

.btn-back[b-63i9ahwqgt] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
}

.btn-back:hover[b-63i9ahwqgt] { text-decoration: underline; }

.asset-banner[b-63i9ahwqgt] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    background: #f0f4fa;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    padding: 0.55rem 0.85rem;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

.asset-code[b-63i9ahwqgt] {
    font-weight: 700;
    color: #214d9d;
}

.asset-name[b-63i9ahwqgt] {
    color: #24324e;
    font-weight: 600;
}

.edit-form[b-63i9ahwqgt] {
    margin-top: 0.5rem;
}

.form-grid[b-63i9ahwqgt] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.form-grid label[b-63i9ahwqgt] {
    display: block;
    margin-bottom: 0.35rem;
    color: #3f5176;
    font-size: 0.88rem;
    font-weight: 600;
}

.form-grid input[b-63i9ahwqgt],
.form-grid select[b-63i9ahwqgt],
.form-grid textarea[b-63i9ahwqgt] {
    width: 100%;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.form-grid textarea[b-63i9ahwqgt] {
    min-height: 100px;
}

.span-2[b-63i9ahwqgt] {
    grid-column: span 2;
}

.form-actions[b-63i9ahwqgt] {
    display: flex;
    gap: 0.6rem;
    margin-top: 1rem;
}

.form-actions button[b-63i9ahwqgt] {
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #ffffff;
    color: #1f355c;
    padding: 0.45rem 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

.btn-save[b-63i9ahwqgt] {
    background: #214d9d !important;
    color: #ffffff !important;
    border-color: #214d9d !important;
}

.btn-save:hover[b-63i9ahwqgt] { background: #183b7a !important; }

.btn-delete[b-63i9ahwqgt] {
    margin-left: auto;
    background: #ffffff !important;
    color: #b42318 !important;
    border-color: #b42318 !important;
}

.btn-delete:hover[b-63i9ahwqgt] { background: #fce8e6 !important; }

.error-message[b-63i9ahwqgt] {
    margin-top: 0.75rem;
    color: #b42318;
}

.field-with-ai[b-63i9ahwqgt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.3rem;
}

.field-with-ai label[b-63i9ahwqgt] {
    margin-bottom: 0;
}
/* /Pages/Assets/Detail.razor.rz.scp.css */
.detail-toolbar[b-wmfdv4uluy] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
}

.btn-back[b-wmfdv4uluy] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
}

.btn-back:hover[b-wmfdv4uluy] { text-decoration: underline; }

.btn-edit[b-wmfdv4uluy] {
    padding: 0.4rem 0.85rem;
    background: #214d9d;
    color: #ffffff;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.87rem;
    text-decoration: none;
}

.btn-edit:hover[b-wmfdv4uluy] { background: #183b7a; }

.btn-report[b-wmfdv4uluy] {
    padding: 0.4rem 0.85rem;
    background: #3f5176;
    color: #ffffff;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.87rem;
    text-decoration: none;
}

.btn-report:hover[b-wmfdv4uluy] { background: #2e3d5a; }

.tab-bar[b-wmfdv4uluy] {
    display: flex;
    gap: 0;
    margin-top: 1rem;
    border-bottom: 2px solid #d9dfeb;
    overflow-x: auto;
}

.tab-btn[b-wmfdv4uluy] {
    padding: 0.55rem 1rem;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    font-size: 0.9rem;
    font-weight: 600;
    color: #607196;
    cursor: pointer;
    white-space: nowrap;
}

.tab-btn:hover[b-wmfdv4uluy] { color: #214d9d; }

.tab-btn.active[b-wmfdv4uluy] {
    color: #214d9d;
    border-bottom-color: #214d9d;
}

.tab-count[b-wmfdv4uluy] {
    background: #e6ebf3;
    color: #3f5176;
    font-size: 0.75rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    margin-left: 0.25rem;
}

.tab-content[b-wmfdv4uluy] {
    margin-top: 1rem;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 1rem;
}

.tab-content h3[b-wmfdv4uluy] {
    margin: 0 0 0.75rem;
    font-size: 1rem;
    color: #24324e;
}

.overview-grid[b-wmfdv4uluy] {
    display: grid;
    gap: 0.4rem;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.overview-top[b-wmfdv4uluy] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 370px);
    gap: 0.85rem;
    align-items: stretch;
}

.overview-top-fields[b-wmfdv4uluy] {
    min-width: 0;
}

.asset-photo-panel[b-wmfdv4uluy] {
    min-height: 245px;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    background: #f8fafd;
    overflow: hidden;
}

.asset-photo-panel img[b-wmfdv4uluy] {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 245px;
    object-fit: cover;
}

.asset-photo-empty[b-wmfdv4uluy] {
    min-height: 245px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    color: #607196;
    font-size: 0.9rem;
    text-align: center;
    padding: 1rem;
}

.asset-photo-link[b-wmfdv4uluy] {
    border: 1px solid #c8d3e4;
    border-radius: 6px;
    background: #ffffff;
    color: #214d9d;
    font-weight: 700;
    padding: 0.35rem 0.7rem;
    cursor: pointer;
}

.asset-photo-link:hover[b-wmfdv4uluy] {
    background: #eef4ff;
}

.section-group[b-wmfdv4uluy] {
    margin-bottom: 0.75rem;
}

.section-heading[b-wmfdv4uluy] {
    margin: 0 0 0.35rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: #3f5176;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 1px solid #e6ebf3;
    padding-bottom: 0.2rem;
}

.field[b-wmfdv4uluy] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    padding: 0.35rem 0.55rem;
    background: #f8fafd;
    border-radius: 6px;
}

.field .label[b-wmfdv4uluy] {
    font-size: 0.78rem;
    color: #607196;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.field .value[b-wmfdv4uluy] {
    font-size: 0.93rem;
    color: #172033;
}

.notes-panel[b-wmfdv4uluy] {
    margin-top: 0.5rem;
    background: #f8fafd;
    border-radius: 6px;
    padding: 0.5rem 0.75rem;
}

.notes-panel h3[b-wmfdv4uluy] {
    margin: 0 0 0.35rem;
    font-size: 0.9rem;
    color: #3f5176;
}

.notes-panel p[b-wmfdv4uluy] {
    margin: 0;
    color: #24324e;
    font-size: 0.9rem;
    line-height: 1.45;
}

.status-badge[b-wmfdv4uluy] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 600;
}

.status-active[b-wmfdv4uluy] { background: #e6f4ea; color: #1a7431; }
.status-inactive[b-wmfdv4uluy] { background: #fce8e6; color: #b42318; }

.criticality-badge[b-wmfdv4uluy] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 600;
}

.criticality-critical[b-wmfdv4uluy] { background: #fce8e6; color: #b42318; }
.criticality-monitor[b-wmfdv4uluy] { background: #fef7e0; color: #7a5a00; }

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

.wo-table[b-wmfdv4uluy],
.event-table[b-wmfdv4uluy] {
    width: 100%;
    border-collapse: collapse;
}

.wo-table th[b-wmfdv4uluy], .wo-table td[b-wmfdv4uluy],
.event-table th[b-wmfdv4uluy], .event-table td[b-wmfdv4uluy] {
    padding: 0.4rem 0.6rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.85rem;
    white-space: nowrap;
}

.wo-table thead th[b-wmfdv4uluy],
.event-table thead th[b-wmfdv4uluy] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.clickable-row[b-wmfdv4uluy] { cursor: pointer; }
.clickable-row:hover[b-wmfdv4uluy] { background: #f0f4fa; }
.code-cell[b-wmfdv4uluy] { font-weight: 600; color: #214d9d; }
.ref-cell[b-wmfdv4uluy] { font-family: monospace; font-size: 0.82rem; color: #3f5176; }

.event-type-badge[b-wmfdv4uluy] {
    display: inline-block;
    padding: 0.1rem 0.4rem;
    background: #e8f0fe;
    color: #214d9d;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 600;
}

.outcome-badge[b-wmfdv4uluy] {
    display: inline-block;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 600;
}

.outcome-pass[b-wmfdv4uluy] { background: #e6f4ea; color: #1a7431; }
.outcome-conditional[b-wmfdv4uluy] { background: #fef7e0; color: #7a5a00; }
.outcome-fail[b-wmfdv4uluy] { background: #fce8e6; color: #b42318; }

.row-count[b-wmfdv4uluy] {
    margin-top: 0.4rem;
    font-size: 0.82rem;
    color: #607196;
}

.empty-tab[b-wmfdv4uluy] {
    color: #607196;
    font-size: 0.93rem;
    text-align: center;
    padding: 1.5rem 0;
}

.tab-toolbar[b-wmfdv4uluy] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.btn-add[b-wmfdv4uluy] {
    padding: 0.35rem 0.75rem;
    background: #214d9d;
    color: #ffffff;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.85rem;
    text-decoration: none;
    margin-left: auto;
}

.btn-add:hover[b-wmfdv4uluy] { background: #183b7a; }

.routine-table[b-wmfdv4uluy] {
    width: 100%;
    border-collapse: collapse;
}

.routine-table th[b-wmfdv4uluy], .routine-table td[b-wmfdv4uluy] {
    padding: 0.4rem 0.6rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.85rem;
    white-space: nowrap;
}

.routine-table thead th[b-wmfdv4uluy] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.due-badge[b-wmfdv4uluy] {
    display: inline-block;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 600;
}

.due-overdue[b-wmfdv4uluy] { background: #fce8e6; color: #b42318; }
.due-today[b-wmfdv4uluy] { background: #fce8e6; color: #b42318; }
.due-soon[b-wmfdv4uluy] { background: #fef7e0; color: #7a5a00; }
.due-ok[b-wmfdv4uluy] { background: #e6f4ea; color: #1a7431; }
.due-inactive[b-wmfdv4uluy] { background: #e6ebf3; color: #607196; }
.due-nodate[b-wmfdv4uluy] { background: #e6ebf3; color: #607196; }

.action-cell[b-wmfdv4uluy] { text-align: right; }

.btn-generate[b-wmfdv4uluy] {
    padding: 0.2rem 0.5rem;
    background: #214d9d;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.btn-generate:hover[b-wmfdv4uluy] { background: #183b7a; }
.btn-generate:disabled[b-wmfdv4uluy] { opacity: 0.6; cursor: not-allowed; }

.routine-message[b-wmfdv4uluy] {
    font-size: 0.85rem;
    font-weight: 600;
    padding: 0.3rem 0.6rem;
    border-radius: 6px;
}

.msg-success[b-wmfdv4uluy] { background: #e6f4ea; color: #1a7431; }
.msg-error[b-wmfdv4uluy] { background: #fce8e6; color: #b42318; }

/* --- Metrics grid --- */

.metrics-grid[b-wmfdv4uluy] {
    display: grid;
    gap: 0.4rem;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
}

.metric[b-wmfdv4uluy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1rem;
    padding: 0.5rem 0.4rem;
    background: #f0f4fa;
    border-radius: 6px;
    border: 1px solid #d9dfeb;
}

.metric-value[b-wmfdv4uluy] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #172033;
}

.metric-label[b-wmfdv4uluy] {
    font-size: 0.72rem;
    font-weight: 600;
    color: #607196;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.overdue-flag[b-wmfdv4uluy] {
    color: #b42318;
    font-weight: 700;
}

/* --- WO status badges (work history) --- */

.wo-status-badge[b-wmfdv4uluy] {
    display: inline-block;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 600;
}

.wo-status-open[b-wmfdv4uluy] { background: #e8f0fe; color: #214d9d; }
.wo-status-completed[b-wmfdv4uluy] { background: #e6f4ea; color: #1a7431; }
.wo-status-progress[b-wmfdv4uluy] { background: #fef7e0; color: #7a5a00; }

.num-col[b-wmfdv4uluy] {
    text-align: right !important;
}

/* --- Timeline --- */

.timeline-list[b-wmfdv4uluy] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.timeline-item[b-wmfdv4uluy] {
    display: grid;
    grid-template-columns: 100px auto 1fr auto;
    gap: 0.5rem;
    align-items: center;
    padding: 0.45rem 0.65rem;
    border-bottom: 1px solid #e6ebf3;
    cursor: pointer;
    font-size: 0.85rem;
}

.timeline-item:hover[b-wmfdv4uluy] { background: #f0f4fa; }

.timeline-date[b-wmfdv4uluy] {
    font-size: 0.82rem;
    color: #607196;
    font-weight: 600;
    white-space: nowrap;
}

.timeline-badge[b-wmfdv4uluy] {
    display: inline-block;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.tl-event .timeline-badge[b-wmfdv4uluy] { background: #e8f0fe; color: #214d9d; }
.tl-workorder .timeline-badge[b-wmfdv4uluy] { background: #fef7e0; color: #7a5a00; }
.tl-routine .timeline-badge[b-wmfdv4uluy] { background: #e6f4ea; color: #1a7431; }

.timeline-title[b-wmfdv4uluy] {
    color: #172033;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.timeline-detail[b-wmfdv4uluy] {
    color: #607196;
    font-size: 0.82rem;
    white-space: nowrap;
}

.timeline-ref[b-wmfdv4uluy] {
    font-family: monospace;
    font-size: 0.78rem;
    color: #3f5176;
    white-space: nowrap;
}

/* -- Testing tab ------------------------------- */
.testing-registers[b-wmfdv4uluy] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: 1rem;
    margin-top: 0.75rem;
}

.tr-card[b-wmfdv4uluy] {
    border: 1px solid #d0daea;
    border-radius: 12px;
    padding: 1rem 1.1rem;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.tr-enrolled[b-wmfdv4uluy] {
    border-left: 4px solid #2563eb;
    background: #f8faff;
}

.tr-empty[b-wmfdv4uluy] {
    background: #fafafa;
    border-color: #e8e8e8;
    opacity: 0.85;
}

.tr-head[b-wmfdv4uluy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.tr-title[b-wmfdv4uluy] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.88rem;
    font-weight: 700;
    color: #1f355c;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.tr-icon[b-wmfdv4uluy] { font-size: 1.05rem; }

.tr-action[b-wmfdv4uluy] {
    padding: 0.28rem 0.65rem;
    border: 1px solid #c5d2e6;
    border-radius: 6px;
    background: #fff;
    color: #1f355c;
    font-size: 0.78rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
}

.tr-action:hover[b-wmfdv4uluy] { background: #eef2f8; border-color: #a8bede; }

.tr-due[b-wmfdv4uluy] {
    font-size: 0.83rem;
    font-weight: 600;
    padding: 0.3rem 0.6rem;
    border-radius: 6px;
    background: #eef4ff;
    color: #1a3a8c;
}

.tr-due.due-overdue[b-wmfdv4uluy] { background: #fff1f0; color: #b42318; }
.tr-due.due-soon[b-wmfdv4uluy]    { background: #fffbea; color: #b45309; }

.tr-fields[b-wmfdv4uluy] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.tr-field[b-wmfdv4uluy] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: 0.84rem;
    padding: 0.28rem 0;
    border-bottom: 1px solid #edf1f8;
}

.tr-field:last-child[b-wmfdv4uluy] { border-bottom: none; }

.tr-lbl[b-wmfdv4uluy] {
    color: #6b7fa3;
    font-weight: 600;
    flex-shrink: 0;
    margin-right: 0.5rem;
}

.tr-none[b-wmfdv4uluy] {
    color: #aab2c8;
    font-size: 0.84rem;
    font-style: italic;
    margin: 0.1rem 0 0;
}

.tr-log[b-wmfdv4uluy] {
    font-size: 0.82rem;
    color: #2563eb;
    text-decoration: none;
    font-weight: 600;
    padding-top: 0.4rem;
    border-top: 1px solid #e0e8f5;
    display: block;
    margin-top: auto;
}

.tr-log:hover[b-wmfdv4uluy] { text-decoration: underline; }

.due-overdue[b-wmfdv4uluy] { color: #b42318; font-weight: 700; }
.due-soon[b-wmfdv4uluy]    { color: #b45309; font-weight: 600; }

@media (max-width: 980px) {
    .overview-top[b-wmfdv4uluy] {
        grid-template-columns: 1fr;
    }

    .asset-photo-panel[b-wmfdv4uluy],
    .asset-photo-panel img[b-wmfdv4uluy],
    .asset-photo-empty[b-wmfdv4uluy] {
        min-height: 220px;
    }
}
/* /Pages/Assets/Edit.razor.rz.scp.css */
.edit-form[b-6j96z653nb] {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.form-section[b-6j96z653nb] {
    border: 1px solid #dce5f0;
    border-radius: 10px;
    padding: 1rem 1.25rem;
    background: #f8fafd;
}

.form-section legend[b-6j96z653nb] {
    padding: 0 0.5rem;
    color: #3f5176;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.form-grid[b-6j96z653nb] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    margin-top: 0.5rem;
}

.form-grid label[b-6j96z653nb] {
    display: block;
    margin-bottom: 0.35rem;
    color: #3f5176;
    font-size: 0.88rem;
    font-weight: 600;
}

.form-grid input[b-6j96z653nb],
.form-grid select[b-6j96z653nb],
.form-grid textarea[b-6j96z653nb] {
    width: 100%;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
    font-size: 0.92rem;
}

.form-grid textarea[b-6j96z653nb] {
    min-height: 100px;
    resize: vertical;
}

.span-2[b-6j96z653nb] {
    grid-column: span 2;
}

.form-actions[b-6j96z653nb] {
    display: flex;
    gap: 0.6rem;
    margin-top: 0.5rem;
}

.btn-save[b-6j96z653nb] {
    border: none;
    border-radius: 8px;
    background: #1f355c;
    color: #ffffff;
    padding: 0.5rem 1.25rem;
    font-weight: 600;
    cursor: pointer;
}

    .btn-save:hover[b-6j96z653nb] {
        background: #2c4a82;
    }

.btn-cancel[b-6j96z653nb] {
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #ffffff;
    color: #1f355c;
    padding: 0.5rem 1.25rem;
    font-weight: 600;
    cursor: pointer;
}

    .btn-cancel:hover[b-6j96z653nb] {
        background: #eef2f8;
    }

.error-message[b-6j96z653nb] {
    margin-top: 0.75rem;
    color: #b42318;
}
/* /Pages/Assets/Index.razor.rz.scp.css */
.register-toolbar[b-nlsarzzs4a] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
}

.search-input[b-nlsarzzs4a] {
    flex: 1;
    min-width: 200px;
    padding: 0.5rem 0.75rem;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    font-size: 0.93rem;
    background: #ffffff;
    color: #172033;
}

.search-input:focus[b-nlsarzzs4a] {
    outline: none;
    border-color: #214d9d;
    box-shadow: 0 0 0 2px rgba(33, 77, 157, 0.12);
}

.btn-new[b-nlsarzzs4a] {
    padding: 0.5rem 1rem;
    background: #214d9d;
    color: #ffffff;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.9rem;
    text-decoration: none;
    white-space: nowrap;
}

.btn-new:hover[b-nlsarzzs4a] {
    background: #183b7a;
}

.table-wrapper[b-nlsarzzs4a] {
    margin-top: 1rem;
    overflow-x: auto;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
}

.register-table[b-nlsarzzs4a] {
    width: 100%;
    border-collapse: collapse;
}

.register-table th[b-nlsarzzs4a],
.register-table td[b-nlsarzzs4a] {
    padding: 0.55rem 0.7rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.88rem;
    white-space: nowrap;
}

.register-table thead th[b-nlsarzzs4a] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
    position: sticky;
    top: 0;
}

.clickable-row[b-nlsarzzs4a] {
    cursor: pointer;
}

.clickable-row:hover[b-nlsarzzs4a] {
    background: #f0f4fa;
}

.code-cell[b-nlsarzzs4a] {
    font-weight: 600;
    color: #214d9d;
}

.asset-thumb[b-nlsarzzs4a],
.asset-thumb-placeholder[b-nlsarzzs4a] {
    width: 56px;
    height: 42px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
}

.asset-thumb[b-nlsarzzs4a] {
    object-fit: cover;
    border: 1px solid #d9dfeb;
    background: #f8fafc;
}

.asset-thumb-placeholder[b-nlsarzzs4a] {
    border: 1px dashed #cbd5e1;
    background: #f8fafc;
    color: #94a3b8;
    font-size: 0.72rem;
    font-weight: 800;
}

.empty-cell[b-nlsarzzs4a] {
    text-align: center;
    color: #607196;
    padding: 1.5rem !important;
}

.status-badge[b-nlsarzzs4a] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 600;
}

.status-active[b-nlsarzzs4a] {
    background: #e6f4ea;
    color: #1a7431;
}

.status-inactive[b-nlsarzzs4a] {
    background: #fce8e6;
    color: #b42318;
}

.row-count[b-nlsarzzs4a] {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: #607196;
}

.error-message[b-nlsarzzs4a] {
    color: #b42318;
}
/* /Pages/Assets/Report.razor.rz.scp.css */
/* =============================================
   Asset Service Report — Screen + Print styles
   A4-optimized, ink-friendly, compliance-ready
   ============================================= */

/* --- Screen-only toolbar --- */

.screen-toolbar[b-kpebyo1kod] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem 1rem;
    background: #f0f4fa;
    border-bottom: 1px solid #d9dfeb;
    position: sticky;
    top: 0;
    z-index: 10;
}

.btn-back[b-kpebyo1kod] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
}

.btn-back:hover[b-kpebyo1kod] { text-decoration: underline; }

.btn-print[b-kpebyo1kod] {
    margin-left: auto;
    padding: 0.4rem 1rem;
    background: #214d9d;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
}

.btn-print:hover[b-kpebyo1kod] { background: #183b7a; }

/* --- Page container --- */

.rpt-page[b-kpebyo1kod] {
    max-width: 210mm;
    margin: 0 auto;
    padding: 1.5rem 2rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.88rem;
    color: #172033;
    line-height: 1.45;
}

.rpt-loading[b-kpebyo1kod] {
    text-align: center;
    padding: 3rem 1rem;
    color: #607196;
    font-size: 1rem;
}

/* --- Header --- */

.rpt-header[b-kpebyo1kod] {
    border-bottom: 2px solid #24324e;
    padding-bottom: 0.75rem;
    margin-bottom: 1rem;
}

.header-top[b-kpebyo1kod] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.5rem;
}

.brand-name[b-kpebyo1kod] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #607196;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    display: block;
    margin-bottom: 0.15rem;
}

.header-title[b-kpebyo1kod] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #24324e;
    letter-spacing: 0.04em;
}

.header-meta[b-kpebyo1kod] {
    text-align: right;
}

.meta-date[b-kpebyo1kod] {
    font-size: 0.82rem;
    color: #3f5176;
    font-weight: 600;
}

.header-grid[b-kpebyo1kod] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.35rem 1rem;
}

.header-field[b-kpebyo1kod] {
    display: flex;
    gap: 0.35rem;
    align-items: baseline;
}

.hf-label[b-kpebyo1kod] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #607196;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.hf-value[b-kpebyo1kod] {
    font-size: 0.88rem;
    color: #172033;
    font-weight: 500;
}

.hf-primary[b-kpebyo1kod] {
    font-weight: 700;
    color: #214d9d;
    font-size: 0.95rem;
}

/* --- Sections --- */

.rpt-section[b-kpebyo1kod] {
    margin-bottom: 1rem;
}

.section-title[b-kpebyo1kod] {
    margin: 0 0 0.4rem;
    font-size: 0.88rem;
    font-weight: 700;
    color: #24324e;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 1px solid #d9dfeb;
    padding-bottom: 0.2rem;
}

/* --- Detail grids --- */

.detail-grid[b-kpebyo1kod] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.25rem 1rem;
}

.detail-field[b-kpebyo1kod] {
    display: flex;
    gap: 0.3rem;
    align-items: baseline;
    padding: 0.15rem 0;
}

.df-label[b-kpebyo1kod] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #607196;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
    min-width: 6rem;
}

.df-value[b-kpebyo1kod] {
    font-size: 0.88rem;
    color: #172033;
}

.empty-note[b-kpebyo1kod] {
    color: #607196;
    font-size: 0.85rem;
    font-style: italic;
    margin: 0.25rem 0;
}

/* --- Metrics strip --- */

.metrics-strip[b-kpebyo1kod] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0.35rem;
    margin-bottom: 0.65rem;
}

.metric-box[b-kpebyo1kod] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.05rem;
    padding: 0.35rem 0.25rem;
    border: 1px solid #d9dfeb;
    border-radius: 4px;
}

.mb-value[b-kpebyo1kod] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #172033;
}

.mb-label[b-kpebyo1kod] {
    font-size: 0.68rem;
    font-weight: 600;
    color: #607196;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.summary-insight[b-kpebyo1kod] {
    margin-top: 0.35rem;
}

/* --- Tables --- */

.rpt-table[b-kpebyo1kod] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

.rpt-table th[b-kpebyo1kod],
.rpt-table td[b-kpebyo1kod] {
    padding: 0.3rem 0.5rem;
    border: 1px solid #cdd6e6;
    text-align: left;
    vertical-align: top;
}

.rpt-table thead th[b-kpebyo1kod] {
    background: #f0f4fa;
    font-weight: 600;
    color: #3f5176;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.rpt-table .num[b-kpebyo1kod] {
    text-align: right;
}

.code-cell[b-kpebyo1kod] {
    font-weight: 600;
    color: #214d9d;
}

.table-summary[b-kpebyo1kod] {
    margin-top: 0.3rem;
    font-size: 0.78rem;
    color: #607196;
}

.overdue-row[b-kpebyo1kod] {
    background: #fef7e0;
}

.overdue-note[b-kpebyo1kod] {
    margin-top: 0.35rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: #7a5a00;
}

/* --- Footer --- */

.rpt-footer[b-kpebyo1kod] {
    margin-top: 1.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid #d9dfeb;
    display: flex;
    justify-content: space-between;
    font-size: 0.72rem;
    color: #607196;
}

/* =============================================
   Print media rules
   ============================================= */

@media print {
    .no-print[b-kpebyo1kod] {
        display: none !important;
    }

    .rpt-page[b-kpebyo1kod] {
        padding: 0;
        margin: 0;
        max-width: none;
    }

    @page {
        size: A4 portrait;
        margin: 12mm 15mm 15mm 15mm;
    }

    .avoid-break[b-kpebyo1kod] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    /* Keep table headers on each page */
    .rpt-table thead[b-kpebyo1kod] {
        display: table-header-group;
    }

    .rpt-table tr[b-kpebyo1kod] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    /* Keep section titles with content */
    .section-title[b-kpebyo1kod] {
        break-after: avoid;
        page-break-after: avoid;
    }

    /* Ink-saving: remove backgrounds */
    .rpt-table thead th[b-kpebyo1kod] {
        background: none !important;
        border-bottom: 2px solid #24324e;
    }

    .metric-box[b-kpebyo1kod] {
        border-color: #607196;
    }

    .overdue-row[b-kpebyo1kod] {
        background: none !important;
        font-weight: 600;
    }

    /* Fixed footer */
    .rpt-footer[b-kpebyo1kod] {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        border-top: 1px solid #607196;
        padding: 3mm 0 0;
        font-size: 7pt;
    }

    .rpt-page[b-kpebyo1kod] {
        padding-bottom: 15mm;
    }

    body[b-kpebyo1kod] {
        color: #000000;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    /* Compact print sizing */
    .header-title[b-kpebyo1kod] {
        font-size: 14pt;
    }

    .section-title[b-kpebyo1kod] {
        font-size: 9pt;
    }

    .rpt-table th[b-kpebyo1kod],
    .rpt-table td[b-kpebyo1kod] {
        font-size: 8pt;
        padding: 2pt 4pt;
    }

    .detail-field[b-kpebyo1kod],
    .header-field[b-kpebyo1kod] {
        font-size: 8.5pt;
    }

    .metrics-strip[b-kpebyo1kod] {
        gap: 2pt;
    }

    .metric-box[b-kpebyo1kod] {
        padding: 2pt;
    }

    .mb-value[b-kpebyo1kod] {
        font-size: 9pt;
    }

    .mb-label[b-kpebyo1kod] {
        font-size: 6pt;
    }
}
/* /Pages/Compliance/ActionDetail.razor.rz.scp.css */
.detail-actions[b-lbcc1urr8x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.btn-action[b-lbcc1urr8x] {
    display: inline-block;
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #214d9d;
    color: #ffffff;
    padding: 0.45rem 0.9rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    font-size: 0.9rem;
}

.btn-action:hover[b-lbcc1urr8x] {
    background: #1a3d7d;
}

.btn-secondary[b-lbcc1urr8x] {
    background: #ffffff;
    color: #1f355c;
}

.btn-secondary:hover[b-lbcc1urr8x] {
    background: #f8fafd;
}

.btn-close-action[b-lbcc1urr8x] {
    background: #b42318;
    border-color: #b42318;
}

.btn-close-action:hover[b-lbcc1urr8x] {
    background: #991b1b;
}

.btn-confirm-close[b-lbcc1urr8x] {
    background: #b42318;
    border-color: #b42318;
}

.btn-confirm-close:hover[b-lbcc1urr8x] {
    background: #991b1b;
}

.badge-row[b-lbcc1urr8x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

/* Badges */
.badge[b-lbcc1urr8x] {
    display: inline-block;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
}

.badge-status-draft[b-lbcc1urr8x] { background: #f1f5f9; color: #475569; }
.badge-status-open[b-lbcc1urr8x] { background: #dbeafe; color: #1e40af; }
.badge-status-inprogress[b-lbcc1urr8x] { background: #d1fae5; color: #065f46; }
.badge-status-awaitingreview[b-lbcc1urr8x] { background: #fef3c7; color: #92400e; }
.badge-status-closed[b-lbcc1urr8x] { background: #dcfce7; color: #166534; }
.badge-status-cancelled[b-lbcc1urr8x] { background: #f1f5f9; color: #64748b; }
.badge-status-overdue[b-lbcc1urr8x] { background: #fee2e2; color: #991b1b; }

.badge-priority-low[b-lbcc1urr8x] { background: #f1f5f9; color: #475569; }
.badge-priority-medium[b-lbcc1urr8x] { background: #dbeafe; color: #1e40af; }
.badge-priority-high[b-lbcc1urr8x] { background: #fed7aa; color: #9a3412; }
.badge-priority-critical[b-lbcc1urr8x] { background: #fee2e2; color: #991b1b; }

.badge-overdue[b-lbcc1urr8x] { background: #fee2e2; color: #991b1b; }

.close-panel[b-lbcc1urr8x] {
    margin: 1rem 0;
    padding: 1rem;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 10px;
}

.close-panel h3[b-lbcc1urr8x] {
    margin: 0 0 0.5rem;
    font-size: 1rem;
    color: #991b1b;
}

.close-panel label[b-lbcc1urr8x] {
    display: block;
    margin-bottom: 0.35rem;
    color: #3f5176;
    font-size: 0.88rem;
    font-weight: 600;
}

.close-panel textarea[b-lbcc1urr8x] {
    width: 100%;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
    min-height: 80px;
}

.close-panel-actions[b-lbcc1urr8x] {
    margin-top: 0.75rem;
}

.detail-grid[b-lbcc1urr8x] {
    margin-top: 1rem;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.detail-grid > div[b-lbcc1urr8x] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.75rem 0.85rem;
    color: #172033;
}

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

.closure-section[b-lbcc1urr8x] {
    margin-top: 1rem;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 10px;
    padding: 0.9rem;
}

.closure-section h3[b-lbcc1urr8x] {
    margin: 0 0 0.5rem;
    font-size: 1rem;
    color: #166534;
}

.error-message[b-lbcc1urr8x] {
    margin-top: 0.5rem;
    color: #b42318;
}
/* /Pages/Compliance/ActionEdit.razor.rz.scp.css */
.edit-form[b-h8nre8djrv] {
    margin-top: 1rem;
}

.form-grid[b-h8nre8djrv] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.form-grid label[b-h8nre8djrv] {
    display: block;
    margin-bottom: 0.35rem;
    color: #3f5176;
    font-size: 0.88rem;
    font-weight: 600;
}

.form-grid input[b-h8nre8djrv],
.form-grid select[b-h8nre8djrv],
.form-grid textarea[b-h8nre8djrv] {
    width: 100%;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.form-grid textarea[b-h8nre8djrv] {
    min-height: 100px;
}

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

.form-actions[b-h8nre8djrv] {
    display: flex;
    gap: 0.6rem;
    margin-top: 1rem;
}

.form-actions button[b-h8nre8djrv] {
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #ffffff;
    color: #1f355c;
    padding: 0.45rem 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

.btn-save[b-h8nre8djrv] {
    background: #214d9d !important;
    color: #ffffff !important;
    border-color: #214d9d !important;
}

.btn-save:hover[b-h8nre8djrv] {
    background: #1a3d7d !important;
}

.btn-cancel:hover[b-h8nre8djrv] {
    background: #f8fafd;
}

.error-message[b-h8nre8djrv] {
    margin-top: 0.75rem;
    color: #b42318;
}
/* /Pages/Compliance/Actions.razor.rz.scp.css */
.toolbar[b-y1x1nnvv5f] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 1rem 0;
    align-items: center;
}

.btn-new[b-y1x1nnvv5f] {
    display: inline-block;
    border: 1px solid #214d9d;
    border-radius: 8px;
    background: #214d9d;
    color: #ffffff;
    padding: 0.5rem 0.9rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.btn-new:hover[b-y1x1nnvv5f] {
    background: #1a3d7d;
}

.search-input[b-y1x1nnvv5f],
.filter-select[b-y1x1nnvv5f] {
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.search-input[b-y1x1nnvv5f] {
    min-width: 240px;
    flex: 1 1 240px;
}

.filter-select[b-y1x1nnvv5f] {
    min-width: 160px;
}

.overdue-toggle[b-y1x1nnvv5f] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.88rem;
    color: #3f5176;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

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

.register-table[b-y1x1nnvv5f] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.register-table th[b-y1x1nnvv5f],
.register-table td[b-y1x1nnvv5f] {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.93rem;
    white-space: nowrap;
}

.register-table thead th[b-y1x1nnvv5f] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.register-table tbody tr:hover[b-y1x1nnvv5f] {
    background: #f8fafd;
}

.register-table a[b-y1x1nnvv5f] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.register-table a:hover[b-y1x1nnvv5f] {
    text-decoration: underline;
}

.row-overdue[b-y1x1nnvv5f] {
    background: #fef2f2;
}

.row-overdue:hover[b-y1x1nnvv5f] {
    background: #fee2e2 !important;
}

/* Badges */
.badge[b-y1x1nnvv5f] {
    display: inline-block;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
}

.badge-status-draft[b-y1x1nnvv5f] { background: #f1f5f9; color: #475569; }
.badge-status-open[b-y1x1nnvv5f] { background: #dbeafe; color: #1e40af; }
.badge-status-inprogress[b-y1x1nnvv5f] { background: #d1fae5; color: #065f46; }
.badge-status-awaitingreview[b-y1x1nnvv5f] { background: #fef3c7; color: #92400e; }
.badge-status-closed[b-y1x1nnvv5f] { background: #dcfce7; color: #166534; }
.badge-status-cancelled[b-y1x1nnvv5f] { background: #f1f5f9; color: #64748b; }
.badge-status-overdue[b-y1x1nnvv5f] { background: #fee2e2; color: #991b1b; }

.badge-priority-low[b-y1x1nnvv5f] { background: #f1f5f9; color: #475569; }
.badge-priority-medium[b-y1x1nnvv5f] { background: #dbeafe; color: #1e40af; }
.badge-priority-high[b-y1x1nnvv5f] { background: #fed7aa; color: #9a3412; }
.badge-priority-critical[b-y1x1nnvv5f] { background: #fee2e2; color: #991b1b; }

.badge-overdue[b-y1x1nnvv5f] { background: #fee2e2; color: #991b1b; }

.error-message[b-y1x1nnvv5f] {
    color: #b42318;
}
/* /Pages/Compliance/AuditAiReview.razor.rz.scp.css */
.placeholder-note[b-a559rhut6j] {
    margin-top: 0.75rem;
    color: #3f5176;
}

.source-card[b-a559rhut6j],
.analysis-form-card[b-a559rhut6j],
.usage-card[b-a559rhut6j],
.result-grid section[b-a559rhut6j] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 12px;
    padding: 0.9rem;
}

.source-card h2[b-a559rhut6j],
.analysis-form-card h2[b-a559rhut6j],
.usage-card h2[b-a559rhut6j],
.result-grid h2[b-a559rhut6j] {
    margin: 0 0 0.7rem;
    font-size: 1rem;
    color: #24324e;
}

.detail-grid[b-a559rhut6j] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.detail-grid > div[b-a559rhut6j] {
    background: #ffffff;
    border: 1px solid #e6ebf3;
    border-radius: 8px;
    padding: 0.65rem;
}

.analysis-layout[b-a559rhut6j] {
    margin-top: 1rem;
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 320px;
}

.form-grid[b-a559rhut6j] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.form-grid label[b-a559rhut6j] {
    display: block;
    margin-bottom: 0.35rem;
    color: #3f5176;
    font-size: 0.88rem;
    font-weight: 600;
}

.form-grid select[b-a559rhut6j],
.form-grid textarea[b-a559rhut6j] {
    width: 100%;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.form-grid textarea[b-a559rhut6j] {
    min-height: 120px;
}

.actions-row[b-a559rhut6j] {
    margin-top: 0.9rem;
    display: flex;
    gap: 0.6rem;
}

.actions-row button[b-a559rhut6j] {
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #ffffff;
    color: #1f355c;
    padding: 0.45rem 0.9rem;
    font-weight: 600;
}

.summary-row[b-a559rhut6j] {
    display: flex;
    justify-content: space-between;
    gap: 0.6rem;
    border-top: 1px solid #e6ebf3;
    padding: 0.55rem 0;
    color: #2f4269;
}

.summary-row:first-of-type[b-a559rhut6j] {
    border-top: 0;
    padding-top: 0;
}

.summary-row strong[b-a559rhut6j] {
    color: #172033;
}

.result-grid[b-a559rhut6j] {
    margin-top: 1rem;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.result-grid textarea[b-a559rhut6j] {
    width: 100%;
    min-height: 200px;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.6rem;
}

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

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

.suggested-table[b-a559rhut6j] {
    width: 100%;
    border-collapse: collapse;
}

.suggested-table th[b-a559rhut6j],
.suggested-table td[b-a559rhut6j] {
    padding: 0.62rem 0.7rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.9rem;
    white-space: nowrap;
}

.suggested-table thead th[b-a559rhut6j] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.info-message[b-a559rhut6j] {
    margin-top: 0.75rem;
    color: #1f5c3f;
}

.error-message[b-a559rhut6j] {
    margin-top: 0.75rem;
    color: #b42318;
}

@media (max-width: 1100px) {
    .analysis-layout[b-a559rhut6j] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Compliance/AuditDetail.razor.rz.scp.css */
.detail-grid[b-jtrme9n4e2] {
    margin-top: 1rem;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.detail-grid > div[b-jtrme9n4e2] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.75rem 0.85rem;
    color: #172033;
}

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

.summary-counters[b-jtrme9n4e2] {
    margin-top: 1rem;
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.counter-card[b-jtrme9n4e2] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.75rem 1.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 100px;
}

.counter-card .counter-value[b-jtrme9n4e2] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1f355c;
}

.counter-card .counter-label[b-jtrme9n4e2] {
    font-size: 0.82rem;
    color: #5a6f8f;
    margin-top: 0.2rem;
}

.counter-major .counter-value[b-jtrme9n4e2] {
    color: #b42318;
}

.findings-section[b-jtrme9n4e2] {
    margin-top: 1rem;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.9rem;
}

.findings-section h2[b-jtrme9n4e2] {
    margin: 0 0 0.55rem;
    font-size: 1rem;
    color: #24324e;
}

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

.finding-table[b-jtrme9n4e2] {
    width: 100%;
    border-collapse: collapse;
}

.finding-table th[b-jtrme9n4e2],
.finding-table td[b-jtrme9n4e2] {
    padding: 0.62rem 0.7rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.9rem;
    white-space: nowrap;
}

.finding-table thead th[b-jtrme9n4e2] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.badge[b-jtrme9n4e2] {
    display: inline-block;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 600;
    white-space: nowrap;
}

.badge-severity-observation[b-jtrme9n4e2] {
    background: #eef4ff;
    color: #3b6bb5;
}

.badge-severity-minor[b-jtrme9n4e2] {
    background: #fef3cd;
    color: #856404;
}

.badge-severity-major[b-jtrme9n4e2] {
    background: #f8d7da;
    color: #842029;
}

.badge-severity-opportunityforimprovement[b-jtrme9n4e2] {
    background: #e8f5e9;
    color: #2e7d32;
}

.badge-finding-open[b-jtrme9n4e2] {
    background: #d1ecf1;
    color: #0c5460;
}

.badge-finding-actionraised[b-jtrme9n4e2] {
    background: #fff3cd;
    color: #856404;
}

.badge-finding-closed[b-jtrme9n4e2] {
    background: #d4edda;
    color: #155724;
}

.btn-raise-action[b-jtrme9n4e2] {
    border: 1px solid #c5d2e6;
    border-radius: 6px;
    background: #f0f4ff;
    color: #1f355c;
    padding: 0.25rem 0.6rem;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
}

.btn-raise-action:hover[b-jtrme9n4e2] {
    background: #dce6f7;
}

.info-message[b-jtrme9n4e2] {
    margin-top: 0.75rem;
    color: #0c5460;
    background: #d1ecf1;
    border: 1px solid #bee5eb;
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
    font-size: 0.88rem;
}

.error-message[b-jtrme9n4e2] {
    margin-top: 0.75rem;
    color: #842029;
    background: #f8d7da;
    border: 1px solid #f5c2c7;
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
    font-size: 0.88rem;
}
/* /Pages/Compliance/AuditEdit.razor.rz.scp.css */
.edit-form[b-row06cobww] {
    margin-top: 1rem;
}

.form-grid[b-row06cobww] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.form-grid label[b-row06cobww] {
    display: block;
    margin-bottom: 0.35rem;
    color: #3f5176;
    font-size: 0.88rem;
    font-weight: 600;
}

.form-grid input[b-row06cobww],
.form-grid select[b-row06cobww],
.form-grid textarea[b-row06cobww] {
    width: 100%;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.form-grid textarea[b-row06cobww] {
    min-height: 100px;
}

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

.form-actions[b-row06cobww] {
    display: flex;
    gap: 0.6rem;
    margin-top: 1rem;
}

.form-actions button[b-row06cobww] {
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #ffffff;
    color: #1f355c;
    padding: 0.45rem 0.9rem;
    font-weight: 600;
}

.error-message[b-row06cobww] {
    margin-top: 0.75rem;
    color: #b42318;
}
/* /Pages/Compliance/AuditFindingEdit.razor.rz.scp.css */
.edit-form[b-zea33vcmkp] {
    margin-top: 1rem;
}

.form-grid[b-zea33vcmkp] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.form-grid label[b-zea33vcmkp] {
    display: block;
    margin-bottom: 0.35rem;
    color: #3f5176;
    font-size: 0.88rem;
    font-weight: 600;
}

.form-grid input[b-zea33vcmkp],
.form-grid select[b-zea33vcmkp],
.form-grid textarea[b-zea33vcmkp] {
    width: 100%;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.form-grid textarea[b-zea33vcmkp] {
    min-height: 100px;
}

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

.form-actions[b-zea33vcmkp] {
    display: flex;
    gap: 0.6rem;
    margin-top: 1rem;
}

.form-actions button[b-zea33vcmkp] {
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #ffffff;
    color: #1f355c;
    padding: 0.45rem 0.9rem;
    font-weight: 600;
}

.error-message[b-zea33vcmkp] {
    margin-top: 0.75rem;
    color: #b42318;
}
/* /Pages/Compliance/Audits.razor.rz.scp.css */
.toolbar[b-9qyjsgq8ue] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 1rem 0;
}

.search-input[b-9qyjsgq8ue],
.filter-select[b-9qyjsgq8ue] {
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.search-input[b-9qyjsgq8ue] {
    min-width: 320px;
    flex: 1 1 320px;
}

.filter-select[b-9qyjsgq8ue] {
    min-width: 180px;
}

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

.register-table[b-9qyjsgq8ue] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.register-table th[b-9qyjsgq8ue],
.register-table td[b-9qyjsgq8ue] {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.93rem;
    white-space: nowrap;
}

.register-table thead th[b-9qyjsgq8ue] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.register-table tbody tr:hover[b-9qyjsgq8ue] {
    background: #f8fafd;
}

.register-table a[b-9qyjsgq8ue] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.register-table a:hover[b-9qyjsgq8ue] {
    text-decoration: underline;
}

.error-message[b-9qyjsgq8ue] {
    color: #b42318;
}
/* /Pages/Compliance/DocumentAiRewrite.razor.rz.scp.css */
.linked-document[b-0i3lo4ia1y] {
    margin-top: 0.75rem;
    background: #f8fafd;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.6rem 0.75rem;
    color: #2f4269;
}

.rewrite-layout[b-0i3lo4ia1y] {
    margin-top: 1rem;
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 320px;
}

.rewrite-form-panel[b-0i3lo4ia1y],
.usage-panel[b-0i3lo4ia1y] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 12px;
    padding: 0.9rem;
}

.rewrite-form-panel h2[b-0i3lo4ia1y],
.usage-panel h2[b-0i3lo4ia1y],
.result-grid h2[b-0i3lo4ia1y] {
    margin: 0 0 0.7rem;
    font-size: 1rem;
    color: #24324e;
}

.form-grid[b-0i3lo4ia1y] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.form-grid label[b-0i3lo4ia1y] {
    display: block;
    margin-bottom: 0.35rem;
    color: #3f5176;
    font-size: 0.88rem;
    font-weight: 600;
}

.form-grid select[b-0i3lo4ia1y],
.form-grid textarea[b-0i3lo4ia1y] {
    width: 100%;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.form-grid textarea[b-0i3lo4ia1y] {
    min-height: 130px;
}

.span-2[b-0i3lo4ia1y] {
    grid-column: span 2;
}

.actions-row[b-0i3lo4ia1y] {
    margin-top: 0.9rem;
    display: flex;
    gap: 0.6rem;
}

.actions-row button[b-0i3lo4ia1y] {
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #ffffff;
    color: #1f355c;
    padding: 0.45rem 0.9rem;
    font-weight: 600;
}

.summary-row[b-0i3lo4ia1y] {
    display: flex;
    justify-content: space-between;
    gap: 0.6rem;
    border-top: 1px solid #e6ebf3;
    padding: 0.55rem 0;
    color: #2f4269;
}

.summary-row:first-of-type[b-0i3lo4ia1y] {
    border-top: 0;
    padding-top: 0;
}

.summary-row strong[b-0i3lo4ia1y] {
    color: #172033;
}

.result-grid[b-0i3lo4ia1y] {
    margin-top: 1rem;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.result-grid section[b-0i3lo4ia1y] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 12px;
    padding: 0.9rem;
}

.result-grid textarea[b-0i3lo4ia1y] {
    width: 100%;
    min-height: 260px;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.6rem;
}

.info-message[b-0i3lo4ia1y] {
    margin-top: 0.75rem;
    color: #1f5c3f;
}

.error-message[b-0i3lo4ia1y] {
    margin-top: 0.75rem;
    color: #b42318;
}

@media (max-width: 1100px) {
    .rewrite-layout[b-0i3lo4ia1y] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Compliance/DocumentDetail.razor.rz.scp.css */
.detail-grid[b-730qg4nuqf] {
    margin-top: 1rem;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.detail-grid > div[b-730qg4nuqf] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.75rem 0.85rem;
    color: #172033;
}

.description-section[b-730qg4nuqf],
.revisions-section[b-730qg4nuqf],
.actions-section[b-730qg4nuqf] {
    margin-top: 1rem;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.9rem;
}

.description-section h2[b-730qg4nuqf],
.revisions-section h2[b-730qg4nuqf],
.actions-section h2[b-730qg4nuqf] {
    margin: 0 0 0.55rem;
    font-size: 1rem;
    color: #24324e;
}

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

.revision-table[b-730qg4nuqf] {
    width: 100%;
    border-collapse: collapse;
}

.revision-table th[b-730qg4nuqf],
.revision-table td[b-730qg4nuqf] {
    padding: 0.62rem 0.7rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.9rem;
    white-space: nowrap;
}

.revision-table thead th[b-730qg4nuqf] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.revision-table a[b-730qg4nuqf] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.revision-table a:hover[b-730qg4nuqf] {
    text-decoration: underline;
}

.current-revision[b-730qg4nuqf] {
    background: #f0f7f4;
}

.badge[b-730qg4nuqf] {
    display: inline-block;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
}

.badge-draft[b-730qg4nuqf] { background: #e8ecf4; color: #3f5176; }
.badge-underreview[b-730qg4nuqf] { background: #fff3cd; color: #856404; }
.badge-superseded[b-730qg4nuqf] { background: #e2e3e5; color: #383d41; }
.badge-archived[b-730qg4nuqf] { background: #f5c6cb; color: #721c24; }

.badge-effective[b-730qg4nuqf] { background: #d4edda; color: #155724; }
.badge-rev-draft[b-730qg4nuqf] { background: #e8ecf4; color: #3f5176; }
.badge-rev-pendingapproval[b-730qg4nuqf] { background: #fff3cd; color: #856404; }
.badge-rev-approved[b-730qg4nuqf] { background: #cce5ff; color: #004085; }
.badge-rev-effective[b-730qg4nuqf] { background: #d4edda; color: #155724; }
.badge-rev-superseded[b-730qg4nuqf] { background: #e2e3e5; color: #383d41; }
.badge-rev-withdrawn[b-730qg4nuqf] { background: #f5c6cb; color: #721c24; }

.action-buttons[b-730qg4nuqf] {
    display: flex;
    gap: 0.35rem;
}

.btn-sm[b-730qg4nuqf] {
    border: 1px solid #c5d2e6;
    border-radius: 6px;
    background: #ffffff;
    color: #1f355c;
    padding: 0.25rem 0.55rem;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
}

.btn-sm:hover[b-730qg4nuqf] {
    background: #f0f4fa;
}

.btn-primary[b-730qg4nuqf] {
    background: #214d9d;
    color: #ffffff;
    border-color: #214d9d;
}

.btn-primary:hover[b-730qg4nuqf] {
    background: #1a3e80;
}

.link-button[b-730qg4nuqf] {
    background: none;
    border: none;
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
    cursor: pointer;
    padding: 0;
    font-size: inherit;
}

.link-button:hover[b-730qg4nuqf] {
    text-decoration: underline;
}

.review-overdue[b-730qg4nuqf] {
    color: #b42318;
    font-weight: 600;
}

.review-due-soon[b-730qg4nuqf] {
    color: #b8860b;
    font-weight: 600;
}

.info-message[b-730qg4nuqf] {
    color: #155724;
    margin-bottom: 0.5rem;
}

.error-message[b-730qg4nuqf] {
    color: #b42318;
    margin-bottom: 0.5rem;
}

/* Workflow pipeline */
.workflow-pipeline[b-730qg4nuqf] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin: 1rem 0 0.5rem;
    background: #f8fafd;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.75rem 1rem;
}

.pipeline-step[b-730qg4nuqf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
    padding: 0.4rem 0.75rem;
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    min-width: 90px;
    text-align: center;
    opacity: 0.45;
    transition: opacity 0.2s;
}

.pipeline-step.step-done[b-730qg4nuqf] {
    opacity: 0.65;
    background: #f0f7f4;
    border-color: #b2d8c8;
}

.pipeline-step.step-active[b-730qg4nuqf] {
    opacity: 1;
    background: #214d9d;
    border-color: #214d9d;
    color: #ffffff;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(33,77,157,0.2);
}

.step-icon[b-730qg4nuqf] {
    font-size: 1.1rem;
}

.step-label[b-730qg4nuqf] {
    font-size: 0.78rem;
    font-weight: 600;
}

.pipeline-arrow[b-730qg4nuqf] {
    color: #b0bacc;
    font-size: 1rem;
    padding: 0 0.1rem;
}

.workflow-actions[b-730qg4nuqf] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.btn-workflow[b-730qg4nuqf] {
    border: 1.5px solid #214d9d;
    border-radius: 8px;
    background: #ffffff;
    color: #214d9d;
    padding: 0.4rem 0.9rem;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
}

.btn-workflow:hover[b-730qg4nuqf] {
    background: #eaf0fb;
}

.btn-workflow.btn-complete[b-730qg4nuqf] {
    background: #214d9d;
    color: #ffffff;
}

.btn-workflow.btn-complete:hover[b-730qg4nuqf] {
    background: #1a3e80;
}
/* /Pages/Compliance/DocumentEdit.razor.rz.scp.css */
.edit-form[b-u68fhm2p2l] {
    margin-top: 1rem;
}

.form-grid[b-u68fhm2p2l] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.form-grid label[b-u68fhm2p2l] {
    display: block;
    margin-bottom: 0.35rem;
    color: #3f5176;
    font-size: 0.88rem;
    font-weight: 600;
}

.form-grid input[b-u68fhm2p2l],
.form-grid select[b-u68fhm2p2l],
.form-grid textarea[b-u68fhm2p2l] {
    width: 100%;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.form-grid textarea[b-u68fhm2p2l] {
    min-height: 100px;
}

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

.form-actions[b-u68fhm2p2l] {
    display: flex;
    gap: 0.6rem;
    margin-top: 1rem;
}

.form-actions button[b-u68fhm2p2l] {
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #ffffff;
    color: #1f355c;
    padding: 0.45rem 0.9rem;
    font-weight: 600;
}

.error-message[b-u68fhm2p2l] {
    margin-top: 0.75rem;
    color: #b42318;
}
/* /Pages/Compliance/DocumentRevisionEdit.razor.rz.scp.css */
.edit-form[b-zavi491yhm] {
    margin-top: 1rem;
}

.form-grid[b-zavi491yhm] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.form-grid label[b-zavi491yhm] {
    display: block;
    margin-bottom: 0.35rem;
    color: #3f5176;
    font-size: 0.88rem;
    font-weight: 600;
}

.form-grid input[b-zavi491yhm],
.form-grid select[b-zavi491yhm],
.form-grid textarea[b-zavi491yhm] {
    width: 100%;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.form-grid textarea[b-zavi491yhm] {
    min-height: 100px;
}

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

.form-actions[b-zavi491yhm] {
    display: flex;
    gap: 0.6rem;
    margin-top: 1rem;
}

.form-actions button[b-zavi491yhm] {
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #ffffff;
    color: #1f355c;
    padding: 0.45rem 0.9rem;
    font-weight: 600;
}

.error-message[b-zavi491yhm] {
    margin-top: 0.75rem;
    color: #b42318;
}
/* /Pages/Compliance/Documents.razor.rz.scp.css */
.summary-counters[b-znotm9blwm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.counter-card[b-znotm9blwm] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.65rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 100px;
}

.counter-value[b-znotm9blwm] {
    font-size: 1.35rem;
    font-weight: 700;
    color: #1f355c;
}

.counter-label[b-znotm9blwm] {
    font-size: 0.8rem;
    color: #5a6e8f;
}

.counter-card-warn .counter-value[b-znotm9blwm] { color: #b42318; }
.counter-card-info .counter-value[b-znotm9blwm] { color: #856404; }
.counter-card-muted .counter-value[b-znotm9blwm] { color: #5a6e8f; }

.toolbar[b-znotm9blwm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 1rem 0;
    align-items: center;
}

.search-input[b-znotm9blwm],
.filter-select[b-znotm9blwm] {
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.search-input[b-znotm9blwm] {
    min-width: 320px;
    flex: 1 1 320px;
}

.filter-select[b-znotm9blwm] {
    min-width: 150px;
}

.filter-check[b-znotm9blwm] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.88rem;
    color: #3f5176;
    cursor: pointer;
}

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

.register-table[b-znotm9blwm] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.register-table th[b-znotm9blwm],
.register-table td[b-znotm9blwm] {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.93rem;
    white-space: nowrap;
}

.register-table thead th[b-znotm9blwm] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.register-table tbody tr:hover[b-znotm9blwm] {
    background: #f8fafd;
}

.register-table a[b-znotm9blwm] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.register-table a:hover[b-znotm9blwm] {
    text-decoration: underline;
}

.badge[b-znotm9blwm] {
    display: inline-block;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
}

.badge-draft[b-znotm9blwm] { background: #e8ecf4; color: #3f5176; }
.badge-active[b-znotm9blwm] { background: #d4edda; color: #155724; }
.badge-underreview[b-znotm9blwm] { background: #fff3cd; color: #856404; }
.badge-superseded[b-znotm9blwm] { background: #e2e3e5; color: #383d41; }
.badge-archived[b-znotm9blwm] { background: #f5c6cb; color: #721c24; }

.review-overdue[b-znotm9blwm] {
    color: #b42318;
    font-weight: 600;
}

.review-due-soon[b-znotm9blwm] {
    color: #b8860b;
    font-weight: 600;
}

.error-message[b-znotm9blwm] {
    color: #b42318;
}
/* /Pages/Compliance/Index.razor.rz.scp.css */
.quick-links[b-ngefectwb0] {
    margin-top: 0.85rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.quick-links a[b-ngefectwb0] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.quick-links a:hover[b-ngefectwb0] {
    text-decoration: underline;
}

.summary-grid[b-ngefectwb0] {
    margin-top: 1rem;
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.summary-card[b-ngefectwb0] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 12px;
    padding: 0.85rem 0.95rem;
}

.summary-card h2[b-ngefectwb0] {
    margin: 0;
    font-size: 0.95rem;
    color: #3f5176;
}

.summary-value[b-ngefectwb0] {
    margin: 0.55rem 0 0;
    color: #172033;
    font-size: 1.2rem;
    font-weight: 700;
}

section[b-ngefectwb0] {
    margin-top: 1rem;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 12px;
    padding: 0.9rem;
}

section h2[b-ngefectwb0] {
    margin: 0 0 0.6rem;
    color: #24324e;
    font-size: 1rem;
}

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

.admin-table[b-ngefectwb0] {
    width: 100%;
    border-collapse: collapse;
}

.admin-table th[b-ngefectwb0],
.admin-table td[b-ngefectwb0] {
    padding: 0.65rem 0.7rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.9rem;
    white-space: nowrap;
}

.admin-table thead th[b-ngefectwb0] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.admin-table a[b-ngefectwb0] {
    color: #214d9d;
    text-decoration: none;
}

.admin-table a:hover[b-ngefectwb0] {
    text-decoration: underline;
}

.alert-value[b-ngefectwb0] {
    color: #b33030;
}

.grouping-panels[b-ngefectwb0] {
    margin-top: 1rem;
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.grouping-panel[b-ngefectwb0] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 12px;
    padding: 0.85rem 0.95rem;
}

.grouping-panel h2[b-ngefectwb0] {
    margin: 0 0 0.5rem;
    font-size: 0.95rem;
    color: #24324e;
}

.group-list[b-ngefectwb0] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.group-list li[b-ngefectwb0] {
    display: flex;
    justify-content: space-between;
    padding: 0.35rem 0;
    border-bottom: 1px solid #eef1f6;
    font-size: 0.9rem;
}

.group-list li:last-child[b-ngefectwb0] {
    border-bottom: none;
}

.group-label[b-ngefectwb0] {
    color: #3f5176;
}

.group-count[b-ngefectwb0] {
    font-weight: 700;
    color: #0f1a2f;
}

.error-message[b-ngefectwb0] {
    margin-top: 0.75rem;
    color: #b42318;
}
/* /Pages/Compliance/NonConformanceDetail.razor.rz.scp.css */
.detail-grid[b-spqhiezned] {
    margin-top: 1rem;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.detail-grid > div[b-spqhiezned] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.75rem 0.85rem;
    color: #172033;
}

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

.investigation-section[b-spqhiezned],
.actions-section[b-spqhiezned] {
    margin-top: 1rem;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.9rem;
}

.investigation-section h2[b-spqhiezned],
.actions-section h2[b-spqhiezned] {
    margin: 0 0 0.55rem;
    font-size: 1rem;
    color: #24324e;
}

.investigation-section .detail-grid[b-spqhiezned] {
    margin-top: 0.5rem;
}

.actions-toolbar[b-spqhiezned] {
    margin-bottom: 0.75rem;
}

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

.action-table[b-spqhiezned] {
    width: 100%;
    border-collapse: collapse;
}

.action-table th[b-spqhiezned],
.action-table td[b-spqhiezned] {
    padding: 0.62rem 0.7rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.9rem;
    white-space: nowrap;
}

.action-table thead th[b-spqhiezned] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.action-table a[b-spqhiezned] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.action-table a:hover[b-spqhiezned] {
    text-decoration: underline;
}

.badge[b-spqhiezned] {
    display: inline-block;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 600;
    white-space: nowrap;
}

.badge-severity-minor[b-spqhiezned] {
    background: #fef3cd;
    color: #856404;
}

.badge-severity-major[b-spqhiezned] {
    background: #f8d7da;
    color: #842029;
}

.badge-severity-critical[b-spqhiezned] {
    background: #d32f2f;
    color: #ffffff;
}

.badge-nc-draft[b-spqhiezned] {
    background: #e8eaed;
    color: #5f6368;
}

.badge-nc-open[b-spqhiezned] {
    background: #d1ecf1;
    color: #0c5460;
}

.badge-nc-containmentinplace[b-spqhiezned] {
    background: #fff3cd;
    color: #856404;
}

.badge-nc-actionraised[b-spqhiezned] {
    background: #e8f5e9;
    color: #2e7d32;
}

.badge-nc-underreview[b-spqhiezned] {
    background: #e3f2fd;
    color: #1565c0;
}

.badge-nc-closed[b-spqhiezned] {
    background: #d4edda;
    color: #155724;
}

.badge-nc-cancelled[b-spqhiezned] {
    background: #e8eaed;
    color: #5f6368;
}

.badge-action-draft[b-spqhiezned] {
    background: #e8eaed;
    color: #5f6368;
}

.badge-action-open[b-spqhiezned] {
    background: #d1ecf1;
    color: #0c5460;
}

.badge-action-inprogress[b-spqhiezned] {
    background: #fff3cd;
    color: #856404;
}

.badge-action-awaitingreview[b-spqhiezned] {
    background: #e8f5e9;
    color: #2e7d32;
}

.badge-action-closed[b-spqhiezned] {
    background: #d4edda;
    color: #155724;
}

.badge-action-cancelled[b-spqhiezned] {
    background: #e8eaed;
    color: #5f6368;
}

.badge-action-overdue[b-spqhiezned] {
    background: #f8d7da;
    color: #842029;
}

.badge-priority-low[b-spqhiezned] {
    background: #eef4ff;
    color: #3b6bb5;
}

.badge-priority-medium[b-spqhiezned] {
    background: #fef3cd;
    color: #856404;
}

.badge-priority-high[b-spqhiezned] {
    background: #f8d7da;
    color: #842029;
}

.badge-priority-critical[b-spqhiezned] {
    background: #d32f2f;
    color: #ffffff;
}

.btn-raise-action[b-spqhiezned] {
    border: 1px solid #c5d2e6;
    border-radius: 6px;
    background: #f0f4ff;
    color: #1f355c;
    padding: 0.25rem 0.6rem;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
}

.btn-raise-action:hover[b-spqhiezned] {
    background: #dce6f7;
}

.info-message[b-spqhiezned] {
    margin-top: 0.75rem;
    color: #0c5460;
    background: #d1ecf1;
    border: 1px solid #bee5eb;
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
    font-size: 0.88rem;
}

.error-message[b-spqhiezned] {
    margin-top: 0.75rem;
    color: #b42318;
}
/* /Pages/Compliance/NonConformanceEdit.razor.rz.scp.css */
.edit-form[b-8o4414jha2] {
    margin-top: 1rem;
}

.form-grid[b-8o4414jha2] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.form-grid label[b-8o4414jha2] {
    display: block;
    margin-bottom: 0.35rem;
    color: #3f5176;
    font-size: 0.88rem;
    font-weight: 600;
}

.form-grid input[b-8o4414jha2],
.form-grid select[b-8o4414jha2],
.form-grid textarea[b-8o4414jha2] {
    width: 100%;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.form-grid textarea[b-8o4414jha2] {
    min-height: 100px;
}

.span-2[b-8o4414jha2] {
    grid-column: span 2;
}

.form-actions[b-8o4414jha2] {
    display: flex;
    gap: 0.6rem;
    margin-top: 1rem;
}

.form-actions button[b-8o4414jha2] {
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #ffffff;
    color: #1f355c;
    padding: 0.45rem 0.9rem;
    font-weight: 600;
}

.error-message[b-8o4414jha2] {
    margin-top: 0.75rem;
    color: #b42318;
}
/* /Pages/Compliance/NonConformances.razor.rz.scp.css */
.toolbar[b-lx1b35ronn] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 1rem 0;
}

.search-input[b-lx1b35ronn],
.filter-select[b-lx1b35ronn] {
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.search-input[b-lx1b35ronn] {
    min-width: 320px;
    flex: 1 1 320px;
}

.filter-select[b-lx1b35ronn] {
    min-width: 180px;
}

.btn-new[b-lx1b35ronn] {
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #f0f4ff;
    color: #1f355c;
    padding: 0.5rem 0.9rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.btn-new:hover[b-lx1b35ronn] {
    background: #dce6f7;
}

.summary-counters[b-lx1b35ronn] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.counter-card[b-lx1b35ronn] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.75rem 1.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 100px;
}

.counter-card .counter-value[b-lx1b35ronn] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1f355c;
}

.counter-card .counter-label[b-lx1b35ronn] {
    font-size: 0.82rem;
    color: #5a6f8f;
    margin-top: 0.2rem;
}

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

.register-table[b-lx1b35ronn] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.register-table th[b-lx1b35ronn],
.register-table td[b-lx1b35ronn] {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.93rem;
    white-space: nowrap;
}

.register-table thead th[b-lx1b35ronn] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.register-table tbody tr:hover[b-lx1b35ronn] {
    background: #f8fafd;
}

.register-table a[b-lx1b35ronn] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.register-table a:hover[b-lx1b35ronn] {
    text-decoration: underline;
}

.badge[b-lx1b35ronn] {
    display: inline-block;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 600;
    white-space: nowrap;
}

.badge-severity-minor[b-lx1b35ronn] {
    background: #fef3cd;
    color: #856404;
}

.badge-severity-major[b-lx1b35ronn] {
    background: #f8d7da;
    color: #842029;
}

.badge-severity-critical[b-lx1b35ronn] {
    background: #d32f2f;
    color: #ffffff;
}

.badge-nc-draft[b-lx1b35ronn] {
    background: #e8eaed;
    color: #5f6368;
}

.badge-nc-open[b-lx1b35ronn] {
    background: #d1ecf1;
    color: #0c5460;
}

.badge-nc-containmentinplace[b-lx1b35ronn] {
    background: #fff3cd;
    color: #856404;
}

.badge-nc-actionraised[b-lx1b35ronn] {
    background: #e8f5e9;
    color: #2e7d32;
}

.badge-nc-underreview[b-lx1b35ronn] {
    background: #e3f2fd;
    color: #1565c0;
}

.badge-nc-closed[b-lx1b35ronn] {
    background: #d4edda;
    color: #155724;
}

.badge-nc-cancelled[b-lx1b35ronn] {
    background: #e8eaed;
    color: #5f6368;
}

.error-message[b-lx1b35ronn] {
    color: #b42318;
}
/* /Pages/Dashboard/Index.razor.rz.scp.css */
.dash-quick-links[b-tiuy8h7ksu] {
    margin: .85rem 0 1.1rem;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.dash-quick-links a[b-tiuy8h7ksu] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 2rem;
    padding: .34rem .85rem;
    background: #f5f7fb;
    border: 1px solid #d8e0ee;
    border-radius: 999px;
    color: #244b85;
    text-decoration: none;
    font-size: .84rem;
    font-weight: 650;
}

.dash-quick-links a:hover[b-tiuy8h7ksu] {
    background: #eef4ff;
    border-color: #aebed8;
    text-decoration: none;
}

.dashboard-notification-link[b-tiuy8h7ksu] {
    position: relative;
}

.dashboard-notification-chip[b-tiuy8h7ksu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.2rem;
    height: 1.2rem;
    padding: 0 .32rem;
    border-radius: 999px;
    background: #b91c1c;
    color: #fff;
    font-size: .68rem;
    font-weight: 800;
}

.dash-summary-grid[b-tiuy8h7ksu] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-bottom: 1rem;
}

.dash-summary-card[b-tiuy8h7ksu] {
    min-height: 7.25rem;
    background: #fff;
    border: 1px solid #dce4f1;
    border-left: 3px solid #c8d4e8;
    border-radius: 8px;
    padding: .9rem 1rem;
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.dash-summary-card strong[b-tiuy8h7ksu] {
    color: #111827;
    font-size: 1.75rem;
    line-height: 1;
}

.dash-summary-card small[b-tiuy8h7ksu] {
    color: #667085;
    line-height: 1.35;
}

.dash-summary-label[b-tiuy8h7ksu] {
    color: #475467;
    font-size: .76rem;
    font-weight: 750;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.dash-summary-alert[b-tiuy8h7ksu] {
    border-left-color: #d04f4f;
    background: #fff8f8;
}

.dash-summary-alert strong[b-tiuy8h7ksu] {
    color: #a52a2a;
}

.dash-summary-ok[b-tiuy8h7ksu] {
    border-left-color: #16a34a;
}

.dash-health-meter[b-tiuy8h7ksu] {
    height: .45rem;
    overflow: hidden;
    border-radius: 999px;
    background: #eef2f7;
}

.dash-health-meter span[b-tiuy8h7ksu] {
    display: block;
    height: 100%;
    border-radius: 999px;
}

.health-excellent[b-tiuy8h7ksu] { border-left-color: #16a34a; }
.health-good[b-tiuy8h7ksu] { border-left-color: #2563eb; }
.health-fair[b-tiuy8h7ksu] { border-left-color: #d97706; }
.health-poor[b-tiuy8h7ksu] { border-left-color: #ea580c; }
.health-critical[b-tiuy8h7ksu] { border-left-color: #dc2626; }
.health-excellent .dash-health-meter span[b-tiuy8h7ksu] { background: #16a34a; }
.health-good .dash-health-meter span[b-tiuy8h7ksu] { background: #2563eb; }
.health-fair .dash-health-meter span[b-tiuy8h7ksu] { background: #d97706; }
.health-poor .dash-health-meter span[b-tiuy8h7ksu] { background: #ea580c; }
.health-critical .dash-health-meter span[b-tiuy8h7ksu] { background: #dc2626; }

.dash-kpi-grid[b-tiuy8h7ksu] {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .75rem;
    margin-bottom: 1rem;
}

.dash-main-grid[b-tiuy8h7ksu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.dash-panel[b-tiuy8h7ksu] {
    background: #fff;
    border: 1px solid #dce4f1;
    border-radius: 8px;
    padding: .9rem 1rem;
    min-width: 0;
}

.dash-panel-wide[b-tiuy8h7ksu] {
    grid-column: 1 / -1;
}

.dash-panel-header[b-tiuy8h7ksu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .7rem;
}

.dash-panel-header h2[b-tiuy8h7ksu],
.dash-mini-table h3[b-tiuy8h7ksu] {
    margin: 0;
    color: #1f2a44;
    font-size: .98rem;
    font-weight: 700;
}

.dash-panel-header a[b-tiuy8h7ksu] {
    color: #244b85;
    font-size: .82rem;
    font-weight: 650;
    text-decoration: none;
    white-space: nowrap;
}

.dash-panel-header a:hover[b-tiuy8h7ksu] {
    text-decoration: underline;
}

.dash-attention-grid[b-tiuy8h7ksu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.dash-mini-table[b-tiuy8h7ksu] {
    min-width: 0;
}

.dash-mini-table h3[b-tiuy8h7ksu] {
    margin-bottom: .55rem;
}

.due-overdue[b-tiuy8h7ksu] {
    color: #b42318;
    font-weight: 700;
}

.no-activity[b-tiuy8h7ksu] {
    color: #667085;
    margin: 0;
}

.activity-list[b-tiuy8h7ksu] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.activity-item[b-tiuy8h7ksu] {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    padding: .5rem 0;
    border-bottom: 1px solid #edf1f7;
    font-size: .86rem;
}

.activity-item:last-child[b-tiuy8h7ksu] {
    border-bottom: 0;
}

.activity-module[b-tiuy8h7ksu] {
    flex-shrink: 0;
    min-width: 5.4rem;
    padding: .16rem .5rem;
    border-radius: 999px;
    text-align: center;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.module-safety[b-tiuy8h7ksu] { background: #fff1f2; color: #9f1239; }
.module-compliance[b-tiuy8h7ksu] { background: #eff6ff; color: #1d4ed8; }
.module-work-orders[b-tiuy8h7ksu] { background: #ecfdf3; color: #15803d; }
.module-documents[b-tiuy8h7ksu] { background: #fff7ed; color: #c2410c; }
.module-hr[b-tiuy8h7ksu] { background: #f5f3ff; color: #6d28d9; }
.module-assets[b-tiuy8h7ksu] { background: #ecfeff; color: #0e7490; }
.module-other[b-tiuy8h7ksu] { background: #f3f4f6; color: #4b5563; }

.activity-detail[b-tiuy8h7ksu] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

.activity-type[b-tiuy8h7ksu] {
    color: #667085;
    font-size: .72rem;
    text-transform: uppercase;
}

.activity-title[b-tiuy8h7ksu] {
    color: #1f2937;
    font-weight: 600;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.activity-title:hover[b-tiuy8h7ksu] {
    color: #244b85;
    text-decoration: underline;
}

.activity-date[b-tiuy8h7ksu] {
    color: #667085;
    font-size: .78rem;
    white-space: nowrap;
}

@media (max-width: 1180px) {
    .dash-summary-grid[b-tiuy8h7ksu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .dash-main-grid[b-tiuy8h7ksu],
    .dash-attention-grid[b-tiuy8h7ksu] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .dash-summary-grid[b-tiuy8h7ksu] {
        grid-template-columns: 1fr;
    }

    .activity-item[b-tiuy8h7ksu] {
        display: grid;
        grid-template-columns: 1fr auto;
    }

    .activity-module[b-tiuy8h7ksu] {
        min-width: 0;
        width: fit-content;
    }

    .activity-detail[b-tiuy8h7ksu] {
        grid-column: 1 / -1;
    }
}
/* /Pages/Documents/Detail.razor.rz.scp.css */
.detail-grid[b-ujnoezv54y],
.edit-workspace[b-ujnoezv54y] {
    display: grid;
    gap: 1rem;
    align-items: start;
}

.detail-grid[b-ujnoezv54y] {
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
}

.edit-workspace[b-ujnoezv54y] {
    grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
}

.edit-side[b-ujnoezv54y] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.edit-panel[b-ujnoezv54y],
.edit-card[b-ujnoezv54y] {
    border: 1px solid #dbe4f0;
    border-radius: 8px;
    background: #fff;
}

.edit-panel[b-ujnoezv54y] {
    padding: 1rem;
}

.panel-heading[b-ujnoezv54y] {
    margin-bottom: 0.8rem;
}

.panel-heading h2[b-ujnoezv54y],
.form-section h3[b-ujnoezv54y] {
    margin: 0;
    color: #172033;
    font-size: 1rem;
    font-weight: 800;
}

.panel-kicker[b-ujnoezv54y] {
    display: block;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    margin-bottom: 0.15rem;
    text-transform: uppercase;
}

.panel-note[b-ujnoezv54y] {
    color: #64748b;
    font-size: 0.86rem;
    margin: 0.8rem 0 0;
}

.edit-panel[b-ujnoezv54y] (.document-preview iframe) {
    height: 300px;
}

.edit-panel[b-ujnoezv54y] (.document-preview img) {
    max-height: 300px;
}

.file-summary[b-ujnoezv54y],
dl.detail-list[b-ujnoezv54y] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.4rem 0.9rem;
    margin: 0;
}

.file-summary[b-ujnoezv54y] {
    margin-top: 0.9rem;
}

.file-summary dt[b-ujnoezv54y],
dl.detail-list dt[b-ujnoezv54y] {
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    padding-top: 0.15rem;
    text-transform: uppercase;
}

.file-summary dd[b-ujnoezv54y],
dl.detail-list dd[b-ujnoezv54y] {
    color: #172033;
    font-size: 0.88rem;
    margin: 0;
    word-break: break-word;
}

.main-heading[b-ujnoezv54y] {
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 0.75rem;
}

.form-section[b-ujnoezv54y] {
    border-bottom: 1px solid #edf2f7;
    padding: 1rem 0;
}

.form-section:last-of-type[b-ujnoezv54y] {
    border-bottom: 0;
}

.form-section h3[b-ujnoezv54y] {
    margin-bottom: 0.8rem;
}

.form-grid[b-ujnoezv54y] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.full-width[b-ujnoezv54y] {
    grid-column: 1 / -1;
}

.form-hint[b-ujnoezv54y] {
    display: block;
    color: #64748b;
    font-size: 0.78rem;
    margin-top: 0.25rem;
}

.review-row[b-ujnoezv54y] {
    display: grid;
    grid-template-columns: minmax(220px, 280px) 1fr;
    gap: 0.9rem;
    align-items: end;
}

.review-shortcuts[b-ujnoezv54y] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    padding-bottom: 0.05rem;
}

.shortcut-btn[b-ujnoezv54y] {
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #f8fafc;
    color: #334155;
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.38rem 0.65rem;
}

.shortcut-btn:hover[b-ujnoezv54y] {
    border-color: #2563eb;
    color: #1d4ed8;
}

.notes-input[b-ujnoezv54y] {
    resize: vertical;
}

.edit-readiness[b-ujnoezv54y] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.readiness-item[b-ujnoezv54y] {
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: #f8fafc;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
    padding: 0.25rem 0.6rem;
}

.readiness-item.ready[b-ujnoezv54y] {
    border-color: #bbf7d0;
    background: #dcfce7;
    color: #166534;
}

.form-actions[b-ujnoezv54y] {
    display: flex;
    gap: 0.6rem;
    margin-top: 1rem;
}

.pm-btn[disabled][b-ujnoezv54y] {
    cursor: not-allowed;
    opacity: 0.6;
}

.delete-confirm[b-ujnoezv54y] {
    align-items: center;
    background: #fef2f2;
    border: 1px solid #fca5a5;
    border-radius: 8px;
    color: #991b1b;
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
}

.detail-preview[b-ujnoezv54y] {
    grid-column: 1;
}

.detail-main[b-ujnoezv54y],
.detail-notes[b-ujnoezv54y] {
    grid-column: 2;
}

.detail-preview[b-ujnoezv54y] (.document-preview iframe) {
    height: 620px;
}

.storage-badge[b-ujnoezv54y] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #dbe4f0;
    border-radius: 999px;
    color: #334155;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.15rem 0.5rem;
}

.notes-text[b-ujnoezv54y] {
    margin: 0;
    white-space: pre-wrap;
}

@media (max-width: 900px) {
    .detail-grid[b-ujnoezv54y],
    .edit-workspace[b-ujnoezv54y],
    .review-row[b-ujnoezv54y] {
        grid-template-columns: 1fr;
    }

    .detail-preview[b-ujnoezv54y],
    .detail-main[b-ujnoezv54y],
    .detail-notes[b-ujnoezv54y] {
        grid-column: 1;
    }
}

@media (max-width: 640px) {
    .form-grid[b-ujnoezv54y] {
        grid-template-columns: 1fr;
    }

    .delete-confirm[b-ujnoezv54y],
    .form-actions[b-ujnoezv54y] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Pages/Documents/Index.razor.rz.scp.css */
.doc-file-name[b-4jomk4xeha] {
    font-size: 0.88rem;
}

.pm-muted[b-4jomk4xeha] {
    color: #9ca3af;
    font-size: 0.82rem;
}

.pm-badge-red[b-4jomk4xeha] {
    background: #fee2e2;
    color: #dc2626;
    border: 1px solid #fca5a5;
}

.pm-badge-amber[b-4jomk4xeha] {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fde68a;
}

.pm-btn-sm[b-4jomk4xeha] {
    padding: 0.2rem 0.6rem;
    font-size: 0.8rem;
}

.document-kpi-grid[b-4jomk4xeha] {
    grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.document-kpi-card[b-4jomk4xeha] {
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    gap: 0.85rem;
    min-height: 104px;
    padding: 1rem;
    text-align: left;
}

.document-kpi-icon[b-4jomk4xeha] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background: #eef4ff;
    color: #1d4ed8;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0;
}

.kpi-amber .document-kpi-icon[b-4jomk4xeha] {
    background: #fff7e6;
    color: #b45309;
}

.kpi-red .document-kpi-icon[b-4jomk4xeha] {
    background: #fee2e2;
    color: #b91c1c;
}

.kpi-green .document-kpi-icon[b-4jomk4xeha] {
    background: #e9f9ef;
    color: #15803d;
}

.document-kpi-copy[b-4jomk4xeha] {
    display: flex;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    gap: 0.12rem;
}

.document-kpi-card .kpi-label[b-4jomk4xeha] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.document-kpi-card .kpi-value[b-4jomk4xeha] {
    color: #17233c;
    font-size: 2rem;
    line-height: 1;
}

.document-kpi-note[b-4jomk4xeha] {
    color: #94a3b8;
    font-size: 0.78rem;
    font-weight: 600;
}

.document-library-panel[b-4jomk4xeha] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border: 1px solid #dbe4f0;
    background: #fff;
    border-radius: 8px;
    padding: 0.85rem 1rem;
    margin-bottom: 1rem;
}

.document-library-panel p[b-4jomk4xeha] {
    margin: 0.2rem 0 0;
    color: #64748b;
    font-size: 0.86rem;
}

.storage-help-list[b-4jomk4xeha] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    list-style: none;
    margin: 0.65rem 0 0;
    padding: 0;
}

.storage-help-list li[b-4jomk4xeha] {
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: #f8fafc;
    color: #475569;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.26rem 0.55rem;
}

.storage-badge[b-4jomk4xeha] {
    display: inline-flex;
    align-items: center;
    border: 1px solid #dbe4f0;
    border-radius: 999px;
    background: #f8fafc;
    color: #334155;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.15rem 0.5rem;
    white-space: nowrap;
}

.storage-kpi[b-4jomk4xeha] {
    overflow: hidden;
    font-size: 1.15rem;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 720px) {
    .document-library-panel[b-4jomk4xeha] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 520px) {
    .document-kpi-grid[b-4jomk4xeha] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Documents/Upload.razor.rz.scp.css */
.upload-workspace[b-yh7xtsybnb] {
    display: grid;
    grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.upload-side[b-yh7xtsybnb] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.upload-panel[b-yh7xtsybnb],
.upload-card[b-yh7xtsybnb] {
    border: 1px solid #dbe4f0;
    border-radius: 8px;
    background: #fff;
}

.upload-panel[b-yh7xtsybnb] {
    padding: 1rem;
}

.panel-heading[b-yh7xtsybnb] {
    margin-bottom: 0.8rem;
}

.panel-heading h2[b-yh7xtsybnb],
.form-section h3[b-yh7xtsybnb] {
    margin: 0;
    color: #172033;
    font-size: 1rem;
    font-weight: 800;
}

.panel-kicker[b-yh7xtsybnb] {
    display: block;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 0.15rem;
}

.panel-note[b-yh7xtsybnb] {
    color: #64748b;
    font-size: 0.86rem;
    margin: 0 0 0.8rem;
}

.recommendation-panel[b-yh7xtsybnb] {
    background: #f8fafc;
}

.image-recommendations[b-yh7xtsybnb] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.45rem 0.8rem;
    margin: 0 0 0.8rem;
}

.image-recommendations dt[b-yh7xtsybnb] {
    color: #475569;
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
}

.image-recommendations dd[b-yh7xtsybnb] {
    color: #172033;
    font-size: 0.86rem;
    margin: 0;
}

.upload-panel[b-yh7xtsybnb] (.document-preview iframe) {
    height: 300px;
}

.upload-panel[b-yh7xtsybnb] (.document-preview img) {
    max-height: 300px;
}

.upload-drop-zone[b-yh7xtsybnb] {
    position: relative;
    border: 1px dashed #94a3b8;
    border-radius: 8px;
    background: #f8fafc;
    min-height: 190px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    text-align: center;
    transition: border-color 0.15s, background 0.15s;
}

.upload-drop-zone.dragging[b-yh7xtsybnb],
.upload-drop-zone:hover[b-yh7xtsybnb] {
    border-color: #2563eb;
    background: #eff6ff;
}

.upload-drop-zone.has-file[b-yh7xtsybnb] {
    border-style: solid;
    border-color: #22c55e;
    background: #f0fdf4;
}

.drop-icon[b-yh7xtsybnb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 56px;
    height: 56px;
    border-radius: 8px;
    background: #172033;
    color: #fff;
    font-size: 0.85rem;
    font-weight: 800;
    padding: 0 0.45rem;
}

.upload-drop-zone p[b-yh7xtsybnb] {
    margin: 0;
    font-weight: 800;
    color: #172033;
}

.drop-hint[b-yh7xtsybnb] {
    color: #64748b;
    font-size: 0.82rem;
    max-width: 240px;
}

.input-file[b-yh7xtsybnb] {
    max-width: 100%;
    color: #334155;
    font-size: 0.82rem;
}

.file-summary[b-yh7xtsybnb] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.4rem 0.8rem;
    margin: 0.9rem 0 0;
}

.file-summary dt[b-yh7xtsybnb] {
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
}

.file-summary dd[b-yh7xtsybnb] {
    margin: 0;
    color: #172033;
    font-size: 0.86rem;
    word-break: break-word;
}

.main-heading[b-yh7xtsybnb] {
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 0.75rem;
}

.form-section[b-yh7xtsybnb] {
    border-bottom: 1px solid #edf2f7;
    padding: 1rem 0;
}

.form-section:last-of-type[b-yh7xtsybnb] {
    border-bottom: 0;
}

.form-section h3[b-yh7xtsybnb] {
    margin-bottom: 0.8rem;
}

.form-grid[b-yh7xtsybnb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.full-width[b-yh7xtsybnb] {
    grid-column: 1 / -1;
}

.form-hint[b-yh7xtsybnb] {
    display: block;
    color: #64748b;
    font-size: 0.78rem;
    margin-top: 0.25rem;
}

.review-row[b-yh7xtsybnb] {
    display: grid;
    grid-template-columns: minmax(220px, 280px) 1fr;
    gap: 0.9rem;
    align-items: end;
}

.review-shortcuts[b-yh7xtsybnb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    padding-bottom: 0.05rem;
}

.shortcut-btn[b-yh7xtsybnb] {
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #f8fafc;
    color: #334155;
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.38rem 0.65rem;
}

.shortcut-btn:hover[b-yh7xtsybnb] {
    border-color: #2563eb;
    color: #1d4ed8;
}

.notes-input[b-yh7xtsybnb] {
    resize: vertical;
}

.upload-readiness[b-yh7xtsybnb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.readiness-item[b-yh7xtsybnb] {
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: #f8fafc;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
    padding: 0.25rem 0.6rem;
}

.readiness-item.ready[b-yh7xtsybnb] {
    border-color: #bbf7d0;
    background: #dcfce7;
    color: #166534;
}

.form-actions[b-yh7xtsybnb] {
    display: flex;
    gap: 0.6rem;
    margin-top: 1rem;
}

.pm-btn[disabled][b-yh7xtsybnb] {
    opacity: 0.6;
    cursor: not-allowed;
}

@media (max-width: 900px) {
    .upload-workspace[b-yh7xtsybnb],
    .review-row[b-yh7xtsybnb] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .form-grid[b-yh7xtsybnb] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Harvtec/Dashboard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   Harvtec Dashboard — scoped styles
   ═══════════════════════════════════════════════════════════════════ */

/* ── Hero ── */
.hv-hero[b-eh5s74m1b5] {
    background: linear-gradient(135deg, #0f1923 0%, #1a2a3a 60%, #0d2137 100%);
    border: 1px solid rgba(0,180,255,0.18);
    border-radius: 12px;
    padding: 1.75rem 2rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    box-shadow: 0 4px 32px rgba(0,0,0,0.35);
    position: relative;
    overflow: hidden;
}

.hv-hero[b-eh5s74m1b5]::before {
    content: '';
    position: absolute;
    top: -60px; right: -60px;
    width: 220px; height: 220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0,180,255,0.12) 0%, transparent 70%);
    pointer-events: none;
}

.hv-hero-icon[b-eh5s74m1b5] {
    width: 64px; height: 64px;
    border-radius: 14px;
    background: linear-gradient(135deg, #00b4ff, #0069d9);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.6rem;
    flex-shrink: 0;
    box-shadow: 0 0 24px rgba(0,180,255,0.4);
}

.hv-hero-body[b-eh5s74m1b5] { flex: 1; min-width: 0; }

.hv-hero-label[b-eh5s74m1b5] {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #00b4ff;
    margin-bottom: .25rem;
}

.hv-hero-title[b-eh5s74m1b5] {
    font-size: 1.7rem;
    font-weight: 700;
    color: #f0f6ff;
    margin: 0 0 .5rem;
    line-height: 1.1;
}

.hv-hero-chips[b-eh5s74m1b5] { display: flex; flex-wrap: wrap; gap: .5rem; }

.hv-chip[b-eh5s74m1b5] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .25rem .75rem;
    border-radius: 20px;
    font-size: .78rem;
    font-weight: 600;
    background: rgba(255,255,255,0.08);
    color: #ccdff5;
    border: 1px solid rgba(255,255,255,0.12);
}

.hv-chip.green[b-eh5s74m1b5] { background: rgba(34,197,94,0.18); color: #4ade80; border-color: rgba(34,197,94,0.35); }
.hv-chip.red[b-eh5s74m1b5]    { background: rgba(239,68,68,0.18);  color: #f87171; border-color: rgba(239,68,68,0.35); }
.hv-chip.orange[b-eh5s74m1b5] { background: rgba(251,146,60,0.18); color: #fb923c; border-color: rgba(251,146,60,0.35); }
.hv-chip.blue[b-eh5s74m1b5]   { background: rgba(59,130,246,0.18); color: #60a5fa; border-color: rgba(59,130,246,0.35); }
.hv-chip.pulse[b-eh5s74m1b5]  { animation: pulse-glow-b-eh5s74m1b5 1.8s ease-in-out infinite; }

@keyframes pulse-glow-b-eh5s74m1b5 {
    0%, 100% { box-shadow: 0 0 0 0 rgba(251,146,60,0.4); }
    50%       { box-shadow: 0 0 0 6px rgba(251,146,60,0); }
}

.hv-hero-version[b-eh5s74m1b5] {
    font-size: .72rem;
    color: rgba(255,255,255,0.35);
    margin-top: .5rem;
}

/* ── KPI strip ── */
.hv-kpi-strip[b-eh5s74m1b5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.hv-kpi-card[b-eh5s74m1b5] {
    background: var(--card-bg, #fff);
    border: 1px solid var(--border, #e5e9ee);
    border-radius: 10px;
    padding: 1rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    transition: box-shadow .15s;
    text-decoration: none;
    color: inherit;
}

.hv-kpi-card:hover[b-eh5s74m1b5] {
    box-shadow: 0 4px 16px rgba(0,100,200,0.12);
    border-color: #0069d9;
}

.hv-kpi-icon[b-eh5s74m1b5] {
    font-size: 1.4rem;
    line-height: 1;
    margin-bottom: .25rem;
}

.hv-kpi-value[b-eh5s74m1b5] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    color: #0069d9;
}

.hv-kpi-value.red[b-eh5s74m1b5]    { color: #dc2626; }
.hv-kpi-value.orange[b-eh5s74m1b5] { color: #d97706; }
.hv-kpi-value.green[b-eh5s74m1b5]  { color: #059669; }

.hv-kpi-label[b-eh5s74m1b5] {
    font-size: .78rem;
    color: var(--text-muted, #6b7280);
    font-weight: 500;
}

/* ── Quick actions ── */
.hv-actions[b-eh5s74m1b5] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-bottom: 1.5rem;
    padding: 1rem 1.25rem;
    background: var(--card-bg, #fff);
    border: 1px solid var(--border, #e5e9ee);
    border-radius: 10px;
}

.hv-action-btn[b-eh5s74m1b5] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem 1rem;
    border-radius: 8px;
    font-size: .85rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid transparent;
    transition: background .15s, border-color .15s, transform .1s;
    background: #f1f5fb;
    color: #1e3a5f;
    border-color: #d0dce8;
}

.hv-action-btn:hover[b-eh5s74m1b5] {
    background: #0069d9;
    color: #fff;
    border-color: #0069d9;
    transform: translateY(-1px);
}

.hv-action-btn.danger[b-eh5s74m1b5] {
    background: #fef2f2;
    color: #b91c1c;
    border-color: #fecaca;
}

.hv-action-btn.danger:hover[b-eh5s74m1b5] {
    background: #dc2626;
    color: #fff;
    border-color: #dc2626;
}

.hv-action-btn.success[b-eh5s74m1b5] {
    background: #ecfdf5;
    color: #065f46;
    border-color: #a7f3d0;
}

.hv-action-btn.success:hover[b-eh5s74m1b5] {
    background: #059669;
    color: #fff;
    border-color: #059669;
}

/* ── Operator notes ── */
.hv-notes-panel[b-eh5s74m1b5] {
    margin-bottom: 1.5rem;
    border: 1px solid #dbe7ff;
    border-radius: 10px;
    background: linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);
    padding: 1rem 1.25rem;
}

.hv-notes-header[b-eh5s74m1b5] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    margin-bottom: .9rem;
}

.hv-notes-icon[b-eh5s74m1b5] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #dbeafe;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .95rem;
}

.hv-notes-title[b-eh5s74m1b5] {
    font-size: .95rem;
    font-weight: 700;
    color: #1e3a5f;
}

.hv-notes-subtitle[b-eh5s74m1b5] {
    font-size: .78rem;
    color: #64748b;
}

.hv-notes-grid[b-eh5s74m1b5] {
    display: grid;
    gap: .9rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.hv-note-block[b-eh5s74m1b5] {
    background: #ffffff;
    border: 1px solid #dbe7ff;
    border-radius: 8px;
    padding: .8rem .9rem;
}

.hv-note-block h3[b-eh5s74m1b5] {
    margin: 0 0 .5rem;
    font-size: .82rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #1d4ed8;
}

.hv-note-block ul[b-eh5s74m1b5] {
    margin: 0;
    padding-left: 1.05rem;
    display: grid;
    gap: .35rem;
}

.hv-note-block li[b-eh5s74m1b5] {
    font-size: .82rem;
    color: #334155;
    line-height: 1.35;
}

/* ── Two-column grid ── */
.hv-grid[b-eh5s74m1b5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    margin-bottom: 1.5rem;
}

@media (max-width: 900px) {
    .hv-grid[b-eh5s74m1b5] { grid-template-columns: 1fr; }
}

/* ── Panel cards ── */
.hv-panel[b-eh5s74m1b5] {
    background: var(--card-bg, #fff);
    border: 1px solid var(--border, #e5e9ee);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.hv-panel-header[b-eh5s74m1b5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .85rem 1.25rem;
    border-bottom: 1px solid var(--border, #e5e9ee);
    background: #f8fafd;
}

.hv-panel-title[b-eh5s74m1b5] {
    font-size: .85rem;
    font-weight: 700;
    color: #1e3a5f;
    text-transform: uppercase;
    letter-spacing: .06em;
    display: flex;
    align-items: center;
    gap: .5rem;
}

.hv-panel-count[b-eh5s74m1b5] {
    font-size: .78rem;
    font-weight: 600;
    padding: .2rem .6rem;
    border-radius: 12px;
    background: #e8f0fe;
    color: #1e3a5f;
}

.hv-panel-body[b-eh5s74m1b5] {
    flex: 1;
    overflow-y: auto;
    max-height: 340px;
}

/* ── Activity feed ── */
.hv-feed-item[b-eh5s74m1b5] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    padding: .7rem 1.25rem;
    border-bottom: 1px solid var(--border, #f0f4f8);
    transition: background .1s;
}

.hv-feed-item:last-child[b-eh5s74m1b5] { border-bottom: none; }
.hv-feed-item:hover[b-eh5s74m1b5] { background: #f8fafd; }

.hv-feed-dot[b-eh5s74m1b5] {
    width: 8px; height: 8px;
    border-radius: 50%;
    margin-top: .35rem;
    flex-shrink: 0;
    background: #0069d9;
}

.hv-feed-dot.ModuleToggle[b-eh5s74m1b5]  { background: #7c3aed; }
.hv-feed-dot.Login[b-eh5s74m1b5]         { background: #059669; }
.hv-feed-dot.BugReport[b-eh5s74m1b5]     { background: #dc2626; }
.hv-feed-dot.SupportStart[b-eh5s74m1b5]  { background: #d97706; }
.hv-feed-dot.SupportEnd[b-eh5s74m1b5]    { background: #6b7280; }

.hv-feed-content[b-eh5s74m1b5] { flex: 1; min-width: 0; }

.hv-feed-event[b-eh5s74m1b5] {
    font-size: .82rem;
    font-weight: 600;
    color: #374151;
}

.hv-feed-detail[b-eh5s74m1b5] {
    font-size: .78rem;
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hv-feed-time[b-eh5s74m1b5] {
    font-size: .72rem;
    color: #9ca3af;
    flex-shrink: 0;
    margin-top: .1rem;
}

/* ── Sessions ── */
.hv-session-row[b-eh5s74m1b5] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .7rem 1.25rem;
    border-bottom: 1px solid #f0f4f8;
}

.hv-session-row:last-child[b-eh5s74m1b5] { border-bottom: none; }

.hv-session-avatar[b-eh5s74m1b5] {
    width: 34px; height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0069d9, #00b4ff);
    display: flex; align-items: center; justify-content: center;
    font-size: .75rem;
    font-weight: 700;
    color: #fff;
    flex-shrink: 0;
}

.hv-session-body[b-eh5s74m1b5] { flex: 1; min-width: 0; }

.hv-session-name[b-eh5s74m1b5] {
    font-size: .83rem;
    font-weight: 600;
    color: #1e3a5f;
}

.hv-session-meta[b-eh5s74m1b5] {
    font-size: .75rem;
    color: #6b7280;
}

.hv-session-badge[b-eh5s74m1b5] {
    font-size: .72rem;
    font-weight: 700;
    padding: .2rem .55rem;
    border-radius: 10px;
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fcd34d;
}

.hv-session-badge.active[b-eh5s74m1b5] { background: #d1fae5; color: #065f46; border-color: #6ee7b7; }

/* ── Module toggle list ── */
.hv-module-row[b-eh5s74m1b5] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .6rem 1.25rem;
    border-bottom: 1px solid #f0f4f8;
    transition: background .1s;
}

.hv-module-row:last-child[b-eh5s74m1b5] { border-bottom: none; }
.hv-module-row:hover[b-eh5s74m1b5] { background: #f8fafd; }

.hv-module-info[b-eh5s74m1b5] { flex: 1; min-width: 0; }

.hv-module-name[b-eh5s74m1b5] {
    font-size: .83rem;
    font-weight: 600;
    color: #1e3a5f;
}

.hv-module-key[b-eh5s74m1b5] {
    font-size: .72rem;
    color: #9ca3af;
    font-family: monospace;
}

.hv-toggle[b-eh5s74m1b5] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    flex-shrink: 0;
}

.hv-toggle input[b-eh5s74m1b5] { opacity: 0; width: 0; height: 0; }

.hv-toggle-slider[b-eh5s74m1b5] {
    position: absolute;
    inset: 0;
    background: #d1d5db;
    border-radius: 22px;
    cursor: pointer;
    transition: background .2s;
}

.hv-toggle-slider[b-eh5s74m1b5]::before {
    content: '';
    position: absolute;
    width: 16px; height: 16px;
    border-radius: 50%;
    background: #fff;
    left: 3px; top: 3px;
    transition: transform .2s;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.hv-toggle input:checked + .hv-toggle-slider[b-eh5s74m1b5] { background: #0069d9; }
.hv-toggle input:checked + .hv-toggle-slider[b-eh5s74m1b5]::before { transform: translateX(18px); }
.hv-toggle input:disabled + .hv-toggle-slider[b-eh5s74m1b5] { opacity: .5; cursor: not-allowed; }

/* ── Health mini-strip ── */
.hv-health-strip[b-eh5s74m1b5] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    padding: .85rem 1.25rem;
    background: var(--card-bg, #fff);
    border: 1px solid var(--border, #e5e9ee);
    border-radius: 10px;
    margin-bottom: 1.5rem;
    align-items: center;
}

.hv-health-label[b-eh5s74m1b5] {
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #6b7280;
    margin-right: .25rem;
}

.hv-health-check[b-eh5s74m1b5] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .25rem .7rem;
    border-radius: 8px;
    font-size: .78rem;
    font-weight: 600;
}

.hv-health-check.ok[b-eh5s74m1b5]  { background: #d1fae5; color: #065f46; }
.hv-health-check.err[b-eh5s74m1b5] { background: #fee2e2; color: #991b1b; }
.hv-health-check.chk[b-eh5s74m1b5] { background: #f3f4f6; color: #6b7280; }

.hv-health-dot[b-eh5s74m1b5] {
    width: 7px; height: 7px;
    border-radius: 50%;
    background: currentColor;
}

/* ── Empty states ── */
.hv-empty[b-eh5s74m1b5] {
    padding: 2rem 1.25rem;
    text-align: center;
    font-size: .83rem;
    color: #9ca3af;
}

/* ── Refresh button ── */
.hv-refresh-btn[b-eh5s74m1b5] {
    font-size: .75rem;
    padding: .2rem .6rem;
    background: none;
    border: 1px solid var(--border, #e5e9ee);
    border-radius: 6px;
    cursor: pointer;
    color: #6b7280;
    transition: background .1s;
}

.hv-refresh-btn:hover[b-eh5s74m1b5] { background: #f0f4f8; }

/* ── Bug summary bar ── */
.hv-bug-bar[b-eh5s74m1b5] {
    display: flex;
    gap: .5rem;
    padding: .6rem 1.25rem;
    border-bottom: 1px solid #f0f4f8;
    flex-wrap: wrap;
    align-items: center;
}

.hv-bug-bar-label[b-eh5s74m1b5] {
    font-size: .75rem;
    color: #6b7280;
    font-weight: 600;
}
/* /Pages/Help/Article.razor.rz.scp.css */
/* ── Layout ──────────────────────────────────────────────── */

.art-wrap[b-t0bxtr7qsb] {
    display: grid;
    grid-template-columns: 1fr 240px;
    gap: 2.5rem;
    align-items: start;
}

/* ── Breadcrumb ──────────────────────────────────────────── */

.art-breadcrumb[b-t0bxtr7qsb] {
    display: flex;
    align-items: center;
    gap: .35rem;
    font-size: .8rem;
    color: var(--text-muted, #6b7280);
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

.art-breadcrumb a[b-t0bxtr7qsb] {
    color: var(--accent, #2563eb);
    text-decoration: none;
}

.art-breadcrumb a:hover[b-t0bxtr7qsb] { text-decoration: underline; }
.art-bc-current[b-t0bxtr7qsb] { font-weight: 600; color: var(--text, #1a1a2e); }

/* ── Article header ──────────────────────────────────────── */

.art-header[b-t0bxtr7qsb] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--border, #dde1e7);
}

.art-header-icon[b-t0bxtr7qsb] {
    font-size: 2.5rem;
    line-height: 1;
    flex-shrink: 0;
    margin-top: .15rem;
}

.art-header-meta[b-t0bxtr7qsb] {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
    margin-bottom: .4rem;
}

.art-module-badge[b-t0bxtr7qsb] {
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--accent, #2563eb);
    background: #eff6ff;
    padding: .15rem .5rem;
    border-radius: 4px;
}

.art-diff-badge[b-t0bxtr7qsb] {
    font-size: .7rem;
    font-weight: 600;
    padding: .15rem .5rem;
    border-radius: 4px;
}

.art-diff-badge--intermediate[b-t0bxtr7qsb] { background: #fef3c7; color: #92400e; }
.art-diff-badge--advanced[b-t0bxtr7qsb]      { background: #fee2e2; color: #991b1b; }

.art-read-time[b-t0bxtr7qsb] {
    font-size: .75rem;
    color: var(--text-muted, #6b7280);
}

.art-title[b-t0bxtr7qsb] {
    font-size: 1.45rem;
    font-weight: 800;
    margin: 0 0 .35rem;
    color: var(--text, #1a1a2e);
    line-height: 1.25;
}

.art-summary[b-t0bxtr7qsb] {
    font-size: .92rem;
    color: var(--text-muted, #6b7280);
    margin: 0;
    line-height: 1.5;
}

/* ── Table of contents ───────────────────────────────────── */

.art-toc[b-t0bxtr7qsb] {
    background: #f8f9fa;
    border: 1px solid var(--border, #dde1e7);
    border-left: 3px solid var(--accent, #2563eb);
    border-radius: 8px;
    padding: .85rem 1rem;
    margin-bottom: 1.75rem;
}

.art-toc-label[b-t0bxtr7qsb] {
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--text-muted, #6b7280);
    margin-bottom: .5rem;
}

.art-toc-list[b-t0bxtr7qsb] {
    margin: 0;
    padding-left: 1.1rem;
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.art-toc-list a[b-t0bxtr7qsb] {
    font-size: .87rem;
    color: var(--accent, #2563eb);
    text-decoration: none;
}

.art-toc-list a:hover[b-t0bxtr7qsb] { text-decoration: underline; }

/* ── Article body ────────────────────────────────────────── */

.art-body[b-t0bxtr7qsb] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.art-section[b-t0bxtr7qsb] { display: flex; flex-direction: column; gap: .65rem; }

.art-section-heading[b-t0bxtr7qsb] {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
    color: var(--text, #1a1a2e);
    border-bottom: 2px solid var(--border, #dde1e7);
    padding-bottom: .4rem;
}

.art-section-body p[b-t0bxtr7qsb] {
    margin: 0 0 .55rem;
    line-height: 1.7;
    font-size: .93rem;
    color: var(--text, #1a1a2e);
}

.art-section-body p:last-child[b-t0bxtr7qsb] { margin-bottom: 0; }

.art-steps[b-t0bxtr7qsb] {
    padding-left: 0;
    counter-reset: step;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.art-steps li[b-t0bxtr7qsb] {
    display: flex;
    align-items: baseline;
    gap: .75rem;
    font-size: .93rem;
    line-height: 1.55;
    color: var(--text, #1a1a2e);
    counter-increment: step;
}

.art-steps li[b-t0bxtr7qsb]::before {
    content: counter(step);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.55rem;
    height: 1.55rem;
    border-radius: 50%;
    background: var(--accent, #2563eb);
    color: #fff;
    font-size: .72rem;
    font-weight: 700;
    flex-shrink: 0;
}

/* ── Tips ────────────────────────────────────────────────── */

.art-tip[b-t0bxtr7qsb] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    padding: .85rem 1.1rem;
    border-radius: 8px;
    font-size: .88rem;
    line-height: 1.55;
    border-left: 4px solid;
}

.art-tip--info[b-t0bxtr7qsb]    { background: #eff6ff; border-color: #3b82f6; color: #1e3a5f; }
.art-tip--warning[b-t0bxtr7qsb] { background: #fffbeb; border-color: #f59e0b; color: #78350f; }
.art-tip--success[b-t0bxtr7qsb] { background: #f0fdf4; border-color: #22c55e; color: #14532d; }
.art-tip-icon[b-t0bxtr7qsb] { font-size: 1rem; flex-shrink: 0; margin-top: .1rem; }

/* ── Related ─────────────────────────────────────────────── */

.art-related[b-t0bxtr7qsb] {
    margin-top: 2.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--border, #dde1e7);
}

.art-related-title[b-t0bxtr7qsb] {
    font-weight: 700;
    font-size: .9rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--text-muted, #6b7280);
    margin-bottom: .75rem;
}

.art-related-grid[b-t0bxtr7qsb] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

.art-related-card[b-t0bxtr7qsb] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .65rem .85rem;
    background: var(--surface, #fff);
    border: 1px solid var(--border, #dde1e7);
    border-radius: 8px;
    text-decoration: none;
    font-size: .88rem;
    color: var(--text, #1a1a2e);
    transition: border-color .12s, background .12s;
}

.art-related-card:hover[b-t0bxtr7qsb] {
    border-color: var(--accent, #2563eb);
    background: #f0f6ff;
}

.art-related-arrow[b-t0bxtr7qsb] {
    margin-left: auto;
    color: var(--accent, #2563eb);
    font-size: .85rem;
}

.art-back-link[b-t0bxtr7qsb] {
    display: inline-block;
    margin-top: 2rem;
    font-size: .85rem;
    color: var(--accent, #2563eb);
    text-decoration: none;
}

.art-back-link:hover[b-t0bxtr7qsb] { text-decoration: underline; }

/* ── Sidebar ─────────────────────────────────────────────── */

.art-sidebar[b-t0bxtr7qsb] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: 1rem;
}

.art-sidebar-box[b-t0bxtr7qsb] {
    background: var(--surface, #fff);
    border: 1px solid var(--border, #dde1e7);
    border-radius: 12px;
    overflow: hidden;
}

.art-sidebar-title[b-t0bxtr7qsb] {
    padding: .55rem .9rem;
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--text-muted, #6b7280);
    background: var(--surface-raised, #f8f9fa);
    border-bottom: 1px solid var(--border, #dde1e7);
}

.art-sidebar-link[b-t0bxtr7qsb] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .9rem;
    font-size: .84rem;
    text-decoration: none;
    color: var(--text, #1a1a2e);
    border-bottom: 1px solid var(--border, #dde1e7);
    transition: background .1s;
}

.art-sidebar-link:last-child[b-t0bxtr7qsb] { border-bottom: none; }
.art-sidebar-link:hover[b-t0bxtr7qsb] { background: #f0f4ff; }
.art-sidebar-link--active[b-t0bxtr7qsb] { background: #eff6ff; font-weight: 600; color: var(--accent, #2563eb); }
.art-sidebar-link--module[b-t0bxtr7qsb] { font-size: .82rem; }

/* ── Not found ───────────────────────────────────────────── */

.art-not-found[b-t0bxtr7qsb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
    padding: 3rem 1rem;
    text-align: center;
}

.art-nf-icon[b-t0bxtr7qsb] { font-size: 3rem; }
.art-nf-link[b-t0bxtr7qsb] { color: var(--accent, #2563eb); text-decoration: none; font-weight: 600; }
.art-nf-link:hover[b-t0bxtr7qsb] { text-decoration: underline; }

/* ── Responsive ──────────────────────────────────────────── */

@media (max-width: 800px) {
    .art-wrap[b-t0bxtr7qsb] {
        grid-template-columns: 1fr;
    }

    .art-sidebar[b-t0bxtr7qsb] { position: static; }
    .art-header[b-t0bxtr7qsb] { flex-direction: column; gap: .6rem; }
}


/* ── Breadcrumb ──────────────────────────────────────────── */

.article-breadcrumb[b-t0bxtr7qsb] {
    grid-area: breadcrumb;
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .82rem;
    color: var(--text-muted, #6b7280);
}

.article-breadcrumb a[b-t0bxtr7qsb] {
    color: var(--accent, #2563eb);
    text-decoration: none;
}

.article-breadcrumb a:hover[b-t0bxtr7qsb] { text-decoration: underline; }
.bc-sep[b-t0bxtr7qsb] { color: var(--text-muted, #6b7280); }
.bc-current[b-t0bxtr7qsb] { font-weight: 600; color: var(--text, #1a1a2e); }

/* ── Article body ────────────────────────────────────────── */

.article-body[b-t0bxtr7qsb] {
    grid-area: body;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.article-section[b-t0bxtr7qsb] { display: flex; flex-direction: column; gap: .6rem; }

.section-heading[b-t0bxtr7qsb] {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
    color: var(--text, #1a1a2e);
    border-bottom: 1px solid var(--border, #dde1e7);
    padding-bottom: .35rem;
}

.section-body p[b-t0bxtr7qsb] {
    margin: 0 0 .5rem;
    line-height: 1.65;
    font-size: .93rem;
    color: var(--text, #1a1a2e);
}

.section-steps[b-t0bxtr7qsb] {
    padding-left: 1.4rem;
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.section-steps li[b-t0bxtr7qsb] {
    font-size: .93rem;
    line-height: 1.55;
    color: var(--text, #1a1a2e);
}

/* ── Tip callout ─────────────────────────────────────────── */

.section-tip[b-t0bxtr7qsb] {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    padding: .75rem 1rem;
    border-radius: 8px;
    font-size: .88rem;
    line-height: 1.5;
    border-left: 4px solid;
}

.section-tip--info[b-t0bxtr7qsb]    { background: #eff6ff; border-color: #3b82f6; color: #1e3a5f; }
.section-tip--warning[b-t0bxtr7qsb] { background: #fffbeb; border-color: #f59e0b; color: #78350f; }
.section-tip--success[b-t0bxtr7qsb] { background: #f0fdf4; border-color: #22c55e; color: #14532d; }

.tip-icon[b-t0bxtr7qsb] { font-size: 1rem; flex-shrink: 0; margin-top: .05rem; }

/* ── Sidebar ─────────────────────────────────────────────── */

.article-sidebar[b-t0bxtr7qsb] {
    grid-area: sidebar;
    display: flex;
    flex-direction: column;
    gap: .85rem;
    position: sticky;
    top: 1rem;
}

.sidebar-box[b-t0bxtr7qsb] {
    background: var(--surface, #fff);
    border: 1px solid var(--border, #dde1e7);
    border-radius: 10px;
    overflow: hidden;
}

.sidebar-title[b-t0bxtr7qsb] {
    padding: .6rem .9rem;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--text-muted, #6b7280);
    background: var(--surface-raised, #f8f9fa);
    border-bottom: 1px solid var(--border, #dde1e7);
}

.sidebar-link[b-t0bxtr7qsb] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .55rem .9rem;
    font-size: .87rem;
    text-decoration: none;
    color: var(--text, #1a1a2e);
    border-bottom: 1px solid var(--border, #dde1e7);
    transition: background .1s;
}

.sidebar-link:last-child[b-t0bxtr7qsb] { border-bottom: none; }
.sidebar-link:hover[b-t0bxtr7qsb] { background: #f0f4ff; }
.sidebar-link--active[b-t0bxtr7qsb] { background: #eff6ff; font-weight: 600; color: var(--accent, #2563eb); }

.sidebar-back-link[b-t0bxtr7qsb] {
    font-size: .82rem;
    color: var(--accent, #2563eb);
    text-decoration: none;
    padding-left: .2rem;
}

.sidebar-back-link:hover[b-t0bxtr7qsb] { text-decoration: underline; }

/* ── Responsive ──────────────────────────────────────────── */

@media (max-width: 700px) {
    .article-layout[b-t0bxtr7qsb] {
        grid-template-areas: "breadcrumb" "sidebar" "body";
        grid-template-columns: 1fr;
    }

    .article-sidebar[b-t0bxtr7qsb] { position: static; }
}
/* /Pages/Help/Index.razor.rz.scp.css */
.help-page-hero[b-8siqwdnbuk] {
    margin-bottom: 1.5rem;
}

.help-page-hero-inner[b-8siqwdnbuk] {
    align-items: center;
}

.help-page-hero .pm-hero-icon[b-8siqwdnbuk] {
    font-size: 0.85rem;
    font-weight: 800;
    letter-spacing: 0;
}

.help-page-hero-body[b-8siqwdnbuk] {
    max-width: 760px;
}

.help-hero-tools[b-8siqwdnbuk] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin-top: 1.15rem;
    max-width: 620px;
}

.help-search-bar[b-8siqwdnbuk] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    background: #fff;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.18);
    padding: 0.25rem 0.25rem 0.25rem 0.85rem;
}

.help-search-icon[b-8siqwdnbuk] {
    color: #64748b;
    flex-shrink: 0;
    font-size: 1rem;
    line-height: 1;
}

.help-search-input[b-8siqwdnbuk] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #17233c;
    font-size: 0.98rem;
    padding: 0.55rem 0;
}

.help-search-clear[b-8siqwdnbuk] {
    border: 0;
    background: transparent;
    border-radius: 6px;
    color: #64748b;
    cursor: pointer;
    font-size: 1.25rem;
    line-height: 1;
    padding: 0.35rem 0.55rem;
}

.help-search-clear:hover[b-8siqwdnbuk] {
    background: #f1f5f9;
    color: #17233c;
}

.help-search-hint[b-8siqwdnbuk] {
    color: rgba(255, 255, 255, 0.76);
    font-size: 0.84rem;
    margin: 0;
}

.help-link-btn[b-8siqwdnbuk] {
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.92);
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    padding: 0;
    text-decoration: underline;
}

.help-link-btn-body[b-8siqwdnbuk] {
    color: var(--accent, #2563eb);
}

.help-body[b-8siqwdnbuk] {
    display: flex;
    flex-direction: column;
    gap: 2.25rem;
    padding-bottom: 2rem;
}

.help-section[b-8siqwdnbuk] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.help-section-header[b-8siqwdnbuk] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.help-section-icon[b-8siqwdnbuk] {
    font-size: 1.25rem;
    line-height: 1;
}

.help-section-title[b-8siqwdnbuk] {
    color: var(--text, #1a1a2e);
    font-size: 1.05rem;
    font-weight: 700;
}

.help-section-desc[b-8siqwdnbuk] {
    color: var(--text-muted, #6b7280);
    font-size: 0.85rem;
    margin-left: 0.25rem;
}

.help-card-grid[b-8siqwdnbuk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 0.9rem;
}

.help-card-grid--featured[b-8siqwdnbuk],
.help-card-grid--wide[b-8siqwdnbuk] {
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
}

.help-module-grid[b-8siqwdnbuk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 0.75rem;
}

.help-module-tile[b-8siqwdnbuk] {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 0.4rem;
    min-height: 128px;
    border: 2px solid var(--border, #dde1e7);
    border-radius: 8px;
    background: var(--surface, #fff);
    color: inherit;
    cursor: pointer;
    padding: 1.1rem 0.8rem;
    text-align: center;
    transition: border-color 0.15s, background 0.15s, box-shadow 0.15s, transform 0.12s;
}

.help-module-tile:hover[b-8siqwdnbuk] {
    border-color: var(--tile-color, #2563eb);
    background: color-mix(in srgb, var(--tile-color, #2563eb) 6%, white);
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.09);
    transform: translateY(-2px);
}

.help-module-tile.active[b-8siqwdnbuk] {
    border-color: var(--tile-color, #2563eb);
    background: color-mix(in srgb, var(--tile-color, #2563eb) 10%, white);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--tile-color, #2563eb) 25%, transparent);
}

.module-tile-name[b-8siqwdnbuk] {
    color: var(--text, #1a1a2e);
    font-size: 0.88rem;
    font-weight: 700;
}

.module-tile-count[b-8siqwdnbuk] {
    color: var(--text-muted, #6b7280);
    font-size: 0.73rem;
}

.help-module-articles[b-8siqwdnbuk] {
    border: 1px solid var(--border, #dde1e7);
    border-radius: 8px;
    background: var(--surface-raised, #f8f9fa);
    padding: 1.25rem 1.4rem;
}

.help-empty[b-8siqwdnbuk] {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 0.5rem;
    color: var(--text-muted, #6b7280);
    padding: 3rem 1rem;
    text-align: center;
}

.help-empty-icon[b-8siqwdnbuk] {
    font-size: 2.5rem;
}

.help-empty-title[b-8siqwdnbuk] {
    color: var(--text, #1a1a2e);
    font-size: 1.05rem;
    font-weight: 700;
}

.help-empty-sub[b-8siqwdnbuk] {
    font-size: 0.88rem;
}

@media (max-width: 640px) {
    .help-page-hero-inner[b-8siqwdnbuk] {
        align-items: flex-start;
    }

    .help-page-hero .pm-hero-icon[b-8siqwdnbuk] {
        width: 3.25rem;
        height: 3.25rem;
        font-size: 0.75rem;
    }

    .help-search-bar[b-8siqwdnbuk] {
        padding-left: 0.7rem;
    }

    .help-module-grid[b-8siqwdnbuk] {
        grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    }
}
/* /Pages/HR/Absence.razor.rz.scp.css */
.toolbar[b-bjp9744bex] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 1rem 0;
}

.search-input[b-bjp9744bex] {
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
    min-width: 320px;
    flex: 1 1 320px;
}

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

.register-table[b-bjp9744bex] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.register-table th[b-bjp9744bex],
.register-table td[b-bjp9744bex] {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.93rem;
    white-space: nowrap;
}

.register-table thead th[b-bjp9744bex] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.register-table tbody tr:hover[b-bjp9744bex] {
    background: #f8fafd;
}

.register-table a[b-bjp9744bex] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.register-table a:hover[b-bjp9744bex] {
    text-decoration: underline;
}

.error-message[b-bjp9744bex] {
    color: #b42318;
}
/* /Pages/HR/AbsenceDetail.razor.rz.scp.css */
.detail-grid[b-kvgpmzfd23] {
    margin-top: 1rem;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.detail-grid > div[b-kvgpmzfd23] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.75rem 0.85rem;
    color: #172033;
}

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

.future-sections[b-kvgpmzfd23] {
    margin-top: 1rem;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.9rem;
}

.future-sections h2[b-kvgpmzfd23] {
    margin: 0 0 0.45rem;
    font-size: 1rem;
    color: #24324e;
}

.section-placeholders[b-kvgpmzfd23] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.section-placeholders span[b-kvgpmzfd23] {
    border: 1px solid #cfd9ea;
    background: #f8fafd;
    border-radius: 999px;
    padding: 0.3rem 0.65rem;
    color: #324a74;
    font-size: 0.87rem;
}
/* /Pages/HR/Detail.razor.rz.scp.css */
.detail-toolbar[b-lz4zpgww9c] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    margin-bottom: 1rem;
}

.btn-back[b-lz4zpgww9c] { color: #214d9d; text-decoration: none; font-weight: 600; font-size: 0.9rem; }
.btn-back:hover[b-lz4zpgww9c] { text-decoration: underline; }

.btn-edit[b-lz4zpgww9c] { padding: 0.4rem 0.85rem; background: #214d9d; color: #ffffff; border-radius: 7px; text-decoration: none; font-size: 0.88rem; font-weight: 600; }
.btn-edit:hover[b-lz4zpgww9c] { background: #2c5fc4; }

.tab-bar[b-lz4zpgww9c] { display: flex; gap: 0.3rem; border-bottom: 2px solid #d8e2f0; margin-bottom: 1.25rem; flex-wrap: wrap; }

.tab-btn[b-lz4zpgww9c] { padding: 0.45rem 0.9rem; border: none; border-bottom: 3px solid transparent; background: transparent; color: #6b7fa3; font-size: 0.88rem; font-weight: 600; cursor: pointer; margin-bottom: -2px; }
.tab-btn:hover[b-lz4zpgww9c] { color: #1f355c; }
.tab-btn.active[b-lz4zpgww9c] { color: #1f355c; border-bottom-color: #214d9d; }

.tab-count[b-lz4zpgww9c] { display: inline-block; background: #e8edf8; color: #3f5176; border-radius: 999px; font-size: 0.75rem; padding: 0 0.4rem; margin-left: 0.25rem; }

.tab-toolbar[b-lz4zpgww9c] { display: flex; gap: 0.5rem; margin-bottom: 1rem; }

.btn-add[b-lz4zpgww9c] { padding: 0.4rem 0.85rem; background: #1f355c; color: #ffffff; border-radius: 7px; text-decoration: none; font-size: 0.88rem; font-weight: 600; }
.btn-add:hover[b-lz4zpgww9c] { background: #2c4a82; }

.section-group[b-lz4zpgww9c] { margin-bottom: 1.25rem; }

.section-heading[b-lz4zpgww9c] { font-size: 0.82rem; font-weight: 700; color: #6b7fa3; letter-spacing: 0.05em; text-transform: uppercase; margin: 0 0 0.6rem; }

.overview-grid[b-lz4zpgww9c] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0.6rem; }

.field[b-lz4zpgww9c] { display: flex; flex-direction: column; background: #f8fafd; border: 1px solid #dce5f0; border-radius: 8px; padding: 0.55rem 0.75rem; }

.label[b-lz4zpgww9c] { font-size: 0.78rem; font-weight: 600; color: #6b7fa3; margin-bottom: 0.2rem; }
.value[b-lz4zpgww9c] { color: #172033; font-size: 0.92rem; }

.notes-panel[b-lz4zpgww9c] { background: #f8fafd; border: 1px solid #dce5f0; border-radius: 8px; padding: 0.75rem 1rem; margin-top: 0.5rem; }
.notes-panel p[b-lz4zpgww9c] { margin: 0; color: #3c4f75; }

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

.register-table[b-lz4zpgww9c] { width: 100%; border-collapse: collapse; font-size: 0.88rem; }
.register-table th[b-lz4zpgww9c] { text-align: left; padding: 0.5rem 0.75rem; background: #f0f4fb; color: #3f5176; font-weight: 700; font-size: 0.82rem; }
.register-table td[b-lz4zpgww9c] { padding: 0.5rem 0.75rem; border-bottom: 1px solid #edf1f8; color: #172033; }

.clickable-row[b-lz4zpgww9c] { cursor: pointer; }
.clickable-row:hover td[b-lz4zpgww9c] { background: #f4f7fd; }

.empty-tab[b-lz4zpgww9c] { color: #8a9ab8; font-style: italic; margin-top: 0.5rem; }
.row-count[b-lz4zpgww9c] { font-size: 0.8rem; color: #8a9ab8; margin-top: 0.5rem; }

.status-badge[b-lz4zpgww9c] { display: inline-block; border-radius: 999px; padding: 0.15rem 0.6rem; font-size: 0.78rem; font-weight: 600; background: #e8edf8; color: #3f5176; }
.status-active[b-lz4zpgww9c]  { background: #d1fae5; color: #065f46; }
.status-inactive[b-lz4zpgww9c] { background: #fee2e2; color: #991b1b; }
.status-warning[b-lz4zpgww9c]  { background: #fef3c7; color: #92400e; }
/* /Pages/HR/Index.razor.rz.scp.css */
/* ── Quick Links ── */
.quick-links[b-5dm8j6fpnx] {
    margin-top: 0.85rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.quick-links a[b-5dm8j6fpnx] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.quick-links a:hover[b-5dm8j6fpnx] {
    text-decoration: underline;
}

.summary-grid[b-5dm8j6fpnx] {
    margin-top: 1rem;
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.summary-card[b-5dm8j6fpnx] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 12px;
    padding: 0.85rem 0.95rem;
}

.summary-card h2[b-5dm8j6fpnx] {
    margin: 0;
    font-size: 0.95rem;
    color: #3f5176;
}

.summary-value[b-5dm8j6fpnx] {
    margin: 0.55rem 0 0;
    color: #172033;
    font-size: 1.2rem;
    font-weight: 700;
}

section[b-5dm8j6fpnx] {
    margin-top: 1rem;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 12px;
    padding: 0.9rem;
}

section h2[b-5dm8j6fpnx] {
    margin: 0 0 0.6rem;
    color: #24324e;
    font-size: 1rem;
}

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

.employees-table[b-5dm8j6fpnx] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.employees-table th[b-5dm8j6fpnx],
.employees-table td[b-5dm8j6fpnx] {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.93rem;
    white-space: nowrap;
}

.employees-table thead th[b-5dm8j6fpnx] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.employees-table tbody tr:hover[b-5dm8j6fpnx] {
    background: #f8fafd;
}

.employees-table a[b-5dm8j6fpnx] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.employees-table a:hover[b-5dm8j6fpnx] {
    text-decoration: underline;
}

.alert-value[b-5dm8j6fpnx] {
    color: #b33030;
}

.error-message[b-5dm8j6fpnx] {
    color: #b42318;
}
/* /Pages/HR/Leave.razor.rz.scp.css */
.toolbar[b-n4dtnp9km5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 1rem 0;
}

.search-input[b-n4dtnp9km5],
.filter-select[b-n4dtnp9km5] {
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.search-input[b-n4dtnp9km5] {
    min-width: 320px;
    flex: 1 1 320px;
}

.filter-select[b-n4dtnp9km5] {
    min-width: 180px;
}

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

.register-table[b-n4dtnp9km5] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.register-table th[b-n4dtnp9km5],
.register-table td[b-n4dtnp9km5] {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.93rem;
    white-space: nowrap;
}

.register-table thead th[b-n4dtnp9km5] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.register-table tbody tr:hover[b-n4dtnp9km5] {
    background: #f8fafd;
}

.register-table a[b-n4dtnp9km5] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.register-table a:hover[b-n4dtnp9km5] {
    text-decoration: underline;
}

.error-message[b-n4dtnp9km5] {
    color: #b42318;
}
/* /Pages/HR/LeaveDetail.razor.rz.scp.css */
.detail-grid[b-8qs6594zcv] {
    margin-top: 1rem;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.detail-grid > div[b-8qs6594zcv] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.75rem 0.85rem;
    color: #172033;
}

.span-2[b-8qs6594zcv] {
    grid-column: span 2;
}

.future-sections[b-8qs6594zcv] {
    margin-top: 1rem;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.9rem;
}

.future-sections h2[b-8qs6594zcv] {
    margin: 0 0 0.45rem;
    font-size: 1rem;
    color: #24324e;
}

.section-placeholders[b-8qs6594zcv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.section-placeholders span[b-8qs6594zcv] {
    border: 1px solid #cfd9ea;
    background: #f8fafd;
    border-radius: 999px;
    padding: 0.3rem 0.65rem;
    color: #324a74;
    font-size: 0.87rem;
}
/* /Pages/HR/PPE.razor.rz.scp.css */
.toolbar[b-9k7wrybs4h] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 1rem 0;
}

.search-input[b-9k7wrybs4h] {
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
    min-width: 320px;
    flex: 1 1 320px;
}

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

.register-table[b-9k7wrybs4h] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.register-table th[b-9k7wrybs4h],
.register-table td[b-9k7wrybs4h] {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.93rem;
    white-space: nowrap;
}

.register-table thead th[b-9k7wrybs4h] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.register-table tbody tr:hover[b-9k7wrybs4h] {
    background: #f8fafd;
}

.register-table a[b-9k7wrybs4h] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.register-table a:hover[b-9k7wrybs4h] {
    text-decoration: underline;
}

.error-message[b-9k7wrybs4h] {
    color: #b42318;
}
/* /Pages/HR/PpeDetail.razor.rz.scp.css */
.detail-grid[b-ce7qnac0fy] {
    margin-top: 1rem;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.detail-grid > div[b-ce7qnac0fy] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.75rem 0.85rem;
    color: #172033;
}

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

.future-sections[b-ce7qnac0fy] {
    margin-top: 1rem;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.9rem;
}

.future-sections h2[b-ce7qnac0fy] {
    margin: 0 0 0.45rem;
    font-size: 1rem;
    color: #24324e;
}

.section-placeholders[b-ce7qnac0fy] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.section-placeholders span[b-ce7qnac0fy] {
    border: 1px solid #cfd9ea;
    background: #f8fafd;
    border-radius: 999px;
    padding: 0.3rem 0.65rem;
    color: #324a74;
    font-size: 0.87rem;
}
/* /Pages/HR/Training.razor.rz.scp.css */
.toolbar[b-iqri4ofp7w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 1rem 0;
}

.search-input[b-iqri4ofp7w],
.filter-select[b-iqri4ofp7w] {
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.search-input[b-iqri4ofp7w] {
    min-width: 320px;
    flex: 1 1 320px;
}

.filter-select[b-iqri4ofp7w] {
    min-width: 180px;
}

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

.register-table[b-iqri4ofp7w] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.register-table th[b-iqri4ofp7w],
.register-table td[b-iqri4ofp7w] {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.93rem;
    white-space: nowrap;
}

.register-table thead th[b-iqri4ofp7w] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.register-table tbody tr:hover[b-iqri4ofp7w] {
    background: #f8fafd;
}

.register-table a[b-iqri4ofp7w] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.register-table a:hover[b-iqri4ofp7w] {
    text-decoration: underline;
}

.error-message[b-iqri4ofp7w] {
    color: #b42318;
}

/* Summary counter bar */
.summary-counters[b-iqri4ofp7w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.counter-card[b-iqri4ofp7w] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.65rem 1.1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 100px;
}

.counter-value[b-iqri4ofp7w] {
    font-size: 1.35rem;
    font-weight: 700;
    color: #1f355c;
}

.counter-label[b-iqri4ofp7w] {
    font-size: 0.8rem;
    color: #5a6e8f;
}

.counter-valid .counter-value[b-iqri4ofp7w]   { color: #155724; }
.counter-expiring .counter-value[b-iqri4ofp7w] { color: #856404; }
.counter-expired .counter-value[b-iqri4ofp7w]  { color: #b42318; }

/* Expiry colour in table rows */
.expiry-expired[b-iqri4ofp7w] {
    color: #b42318;
    font-weight: 600;
}

.expiry-soon[b-iqri4ofp7w] {
    color: #856404;
    font-weight: 600;
}
/* /Pages/HR/TrainingDetail.razor.rz.scp.css */
.detail-grid[b-wftx3ug051] {
    margin-top: 1rem;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.detail-grid > div[b-wftx3ug051] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.75rem 0.85rem;
    color: #172033;
}

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

.future-sections[b-wftx3ug051] {
    margin-top: 1rem;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.9rem;
}

.future-sections h2[b-wftx3ug051] {
    margin: 0 0 0.45rem;
    font-size: 1rem;
    color: #24324e;
}

.section-placeholders[b-wftx3ug051] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.section-placeholders span[b-wftx3ug051] {
    border: 1px solid #cfd9ea;
    background: #f8fafd;
    border-radius: 999px;
    padding: 0.3rem 0.65rem;
    color: #324a74;
    font-size: 0.87rem;
}
/* /Pages/HR/TrainingMatrix.razor.rz.scp.css */
.training-matrix-scroll[b-iz99uq0z1s] {
    overflow-x: auto;
    margin-top: 1rem;
}

.training-matrix-table[b-iz99uq0z1s] {
    border-collapse: collapse;
    font-size: 0.82rem;
    min-width: 600px;
    width: 100%;
}

.training-matrix-table th[b-iz99uq0z1s],
.training-matrix-table td[b-iz99uq0z1s] {
    border: 1px solid var(--border-color, #e5e7eb);
    padding: 0.35rem 0.5rem;
    white-space: nowrap;
}

.tm-employee-col[b-iz99uq0z1s] {
    min-width: 140px;
    text-align: left;
    position: sticky;
    left: 0;
    background: var(--card-bg, #fff);
    z-index: 1;
}

.tm-training-col[b-iz99uq0z1s] {
    min-width: 100px;
    max-width: 130px;
    text-align: center;
}

.tm-training-header[b-iz99uq0z1s] {
    display: block;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    max-height: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.75rem;
    padding: 0.25rem 0;
}

.tm-cell[b-iz99uq0z1s] {
    text-align: center;
    vertical-align: middle;
}

.tm-valid[b-iz99uq0z1s] { background: #f0fdf4; }
.tm-expiring[b-iz99uq0z1s] { background: #fffbeb; }
.tm-expired[b-iz99uq0z1s] { background: #fef2f2; }
.tm-missing[b-iz99uq0z1s] { background: #f9fafb; }

/* Matrix badge colours */
.matrix-badge[b-iz99uq0z1s] {
    display: inline-block;
    padding: 0.15rem 0.4rem;
    border-radius: 0.25rem;
    font-size: 0.73rem;
    font-weight: 500;
    white-space: nowrap;
}

.m-valid[b-iz99uq0z1s]    { background: #dcfce7; color: #166534; }
.m-expiring[b-iz99uq0z1s] { background: #fef9c3; color: #854d0e; }
.m-expired[b-iz99uq0z1s]  { background: #fee2e2; color: #991b1b; }
.m-missing[b-iz99uq0z1s]  { background: #f1f5f9; color: #64748b; }

.matrix-legend[b-iz99uq0z1s] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

.tm-summary-bar[b-iz99uq0z1s] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    margin-top: 0.75rem;
    font-size: 0.85rem;
    color: var(--text-muted, #6b7280);
}

.tm-summary-warn[b-iz99uq0z1s] { color: #92400e; font-weight: 600; }
.tm-summary-bad[b-iz99uq0z1s]  { color: #991b1b; font-weight: 600; }
.tm-summary-miss[b-iz99uq0z1s] { color: #475569; }

.tm-compliance-good[b-iz99uq0z1s] { color: #166534; font-weight: 700; }
.tm-compliance-warn[b-iz99uq0z1s] { color: #854d0e; font-weight: 700; }
.tm-compliance-bad[b-iz99uq0z1s]  { color: #991b1b; font-weight: 700; }

.tm-add-link[b-iz99uq0z1s] {
    display: inline-block;
    margin-left: 0.2rem;
    color: #214d9d;
    font-weight: 700;
    font-size: 0.85rem;
    text-decoration: none;
    opacity: 0.6;
    line-height: 1;
}

.tm-add-link:hover[b-iz99uq0z1s] {
    opacity: 1;
    text-decoration: underline;
}
/* /Pages/My/ContractorProfile.razor.rz.scp.css */
.cp-hero[b-4z0wfjz8mr] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1.5rem;
    padding: 1.4rem;
    margin-bottom: 1rem;
    border: 1px solid #dbe5f3;
    border-radius: 8px;
    background: linear-gradient(135deg, #ffffff 0%, #eef7ff 56%, #e7fbf3 100%);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

.cp-eyebrow[b-4z0wfjz8mr] {
    margin-bottom: 0.35rem;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.cp-hero h1[b-4z0wfjz8mr] {
    margin: 0;
    color: #0f172a;
    font-size: clamp(1.55rem, 2vw, 2.15rem);
    line-height: 1.15;
}

.cp-hero-meta[b-4z0wfjz8mr],
.cp-hero-actions[b-4z0wfjz8mr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.8rem;
}

.cp-hero-actions[b-4z0wfjz8mr] {
    justify-content: flex-end;
    margin-top: 0;
}

.cp-pill[b-4z0wfjz8mr] {
    display: inline-flex;
    align-items: center;
    min-height: 1.75rem;
    padding: 0.28rem 0.7rem;
    border: 1px solid #dbe5f3;
    border-radius: 999px;
    background: #ffffff;
    color: #475569;
    font-size: 0.8rem;
    font-weight: 700;
}

.cp-pill-green[b-4z0wfjz8mr] {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}

.cp-pill-amber[b-4z0wfjz8mr] {
    border-color: #fde68a;
    background: #fffbeb;
    color: #92400e;
}

.cp-summary-grid[b-4z0wfjz8mr] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.cp-stat[b-4z0wfjz8mr] {
    display: flex;
    min-height: 7rem;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.45rem;
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.045);
}

.cp-stat-label[b-4z0wfjz8mr] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.cp-stat strong[b-4z0wfjz8mr] {
    color: #0f172a;
    font-size: 1.12rem;
    line-height: 1.2;
}

.cp-stat span:last-child[b-4z0wfjz8mr] {
    color: #64748b;
    font-size: 0.85rem;
    overflow-wrap: anywhere;
}

.cp-layout[b-4z0wfjz8mr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
    gap: 1rem;
    align-items: start;
}

.cp-card-header[b-4z0wfjz8mr] {
    align-items: flex-start;
    gap: 1rem;
}

.cp-managed-note[b-4z0wfjz8mr] {
    max-width: 26rem;
    color: #64748b;
    font-size: 0.82rem;
    line-height: 1.35;
}

.cp-readonly-row[b-4z0wfjz8mr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border: 1px solid #dbe5f3;
    border-radius: 8px;
    background: #f8fafc;
}

.cp-readonly-row span[b-4z0wfjz8mr] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.cp-readonly-row strong[b-4z0wfjz8mr] {
    color: #0f172a;
    text-align: right;
}

.cp-form-grid[b-4z0wfjz8mr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.cp-span-2[b-4z0wfjz8mr] {
    grid-column: 1 / -1;
}

.cp-save-bar[b-4z0wfjz8mr] {
    position: sticky;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin: 1.2rem -1rem -1rem;
    padding: 1rem;
    border-top: 1px solid #e2e8f0;
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(8px);
}

.cp-save-text[b-4z0wfjz8mr] {
    color: #64748b;
    font-size: 0.88rem;
    font-weight: 600;
}

.cp-mini-spinner[b-4z0wfjz8mr] {
    display: inline-block;
    width: 0.85rem;
    height: 0.85rem;
    margin-right: 0.4rem;
    border: 2px solid rgba(255, 255, 255, 0.45);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: cp-spin-b-4z0wfjz8mr 0.75s linear infinite;
}

.cp-side[b-4z0wfjz8mr] {
    display: grid;
    gap: 1rem;
}

.cp-lock-list[b-4z0wfjz8mr],
.cp-timeline[b-4z0wfjz8mr] {
    display: grid;
    gap: 0.85rem;
}

.cp-lock-list div[b-4z0wfjz8mr],
.cp-timeline div[b-4z0wfjz8mr] {
    display: grid;
    gap: 0.2rem;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #edf2f7;
}

.cp-lock-list div:last-child[b-4z0wfjz8mr],
.cp-timeline div:last-child[b-4z0wfjz8mr] {
    padding-bottom: 0;
    border-bottom: 0;
}

.cp-lock-list strong[b-4z0wfjz8mr],
.cp-timeline span[b-4z0wfjz8mr] {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.cp-lock-list span[b-4z0wfjz8mr],
.cp-timeline strong[b-4z0wfjz8mr] {
    color: #0f172a;
    font-size: 0.95rem;
    line-height: 1.35;
}

.cp-muted[b-4z0wfjz8mr] {
    color: #64748b !important;
}

.cp-warning[b-4z0wfjz8mr] {
    color: #b45309 !important;
}

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

@media (max-width: 1100px) {
    .cp-summary-grid[b-4z0wfjz8mr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cp-layout[b-4z0wfjz8mr] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .cp-hero[b-4z0wfjz8mr],
    .cp-readonly-row[b-4z0wfjz8mr],
    .cp-save-bar[b-4z0wfjz8mr] {
        align-items: stretch;
        flex-direction: column;
    }

    .cp-hero-actions[b-4z0wfjz8mr] {
        justify-content: flex-start;
    }

    .cp-summary-grid[b-4z0wfjz8mr],
    .cp-form-grid[b-4z0wfjz8mr] {
        grid-template-columns: 1fr;
    }

    .cp-readonly-row strong[b-4z0wfjz8mr] {
        text-align: left;
    }
}
/* /Pages/My/Index.razor.rz.scp.css */
.my-unlinked[b-94u6h2taq1] {
    text-align: center;
    padding: 4rem 2rem;
    color: #6b7280;
}

.my-unlinked-icon[b-94u6h2taq1] {
    font-size: 3.5rem;
    margin-bottom: 1rem;
}

.my-unlinked h2[b-94u6h2taq1] {
    font-size: 1.3rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 0.5rem;
}

.my-kpi-grid[b-94u6h2taq1] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.my-kpi-card[b-94u6h2taq1] {
    background: #fff;
    border: 1px solid #e5eaf3;
    border-radius: 10px;
    padding: 1.2rem 1rem;
    text-align: center;
    text-decoration: none;
    color: inherit;
    transition: box-shadow 0.15s, transform 0.1s;
    display: block;
}

    .my-kpi-card:hover[b-94u6h2taq1] {
        box-shadow: 0 4px 16px rgba(37,99,235,0.12);
        transform: translateY(-2px);
    }

.my-kpi-value[b-94u6h2taq1] {
    font-size: 2rem;
    font-weight: 800;
    color: #1e40af;
    line-height: 1.1;
}

.my-kpi-label[b-94u6h2taq1] {
    font-size: 0.8rem;
    color: #6b7280;
    margin-top: 0.25rem;
}

.my-quick-links[b-94u6h2taq1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.my-quick-link[b-94u6h2taq1] {
    background: #f0f4ff;
    border: 1px solid #c7d2fe;
    border-radius: 8px;
    padding: 0.65rem 1.1rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: #1e40af;
    text-decoration: none;
    transition: background 0.15s;
}

    .my-quick-link:hover[b-94u6h2taq1] {
        background: #dbeafe;
    }
/* /Pages/My/Profile.razor.rz.scp.css */
.my-profile-grid[b-pnz5sqwn15] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 0.85rem 1.5rem;
}

.my-profile-field[b-pnz5sqwn15] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.my-profile-label[b-pnz5sqwn15] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.my-profile-value[b-pnz5sqwn15] {
    font-size: 0.95rem;
    color: #1f2937;
    font-weight: 500;
}
/* /Pages/Notifications.razor.rz.scp.css */
/* Toolbar */
.notif-toolbar[b-gbsadgz658] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.notif-tabs[b-gbsadgz658] {
    display: flex;
    gap: 0.2rem;
    background: #f4f7fc;
    border: 1px solid #dde4f0;
    border-radius: 999px;
    padding: 0.2rem;
}

.notif-tab[b-gbsadgz658] {
    border: none;
    background: none;
    padding: 0.32rem 0.9rem;
    border-radius: 999px;
    font-size: 0.84rem;
    font-weight: 500;
    color: #5a6c90;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    transition: background 0.12s, color 0.12s;
}

.notif-tab:hover[b-gbsadgz658] { color: #1a2d50; }

.notif-tab--active[b-gbsadgz658] {
    background: #ffffff;
    color: #1a2d50;
    font-weight: 600;
    box-shadow: 0 1px 4px rgba(18,29,49,0.08);
}

.notif-tab-count[b-gbsadgz658] {
    font-size: 0.72rem;
    font-weight: 700;
    background: #e8edf6;
    color: #5a6c90;
    border-radius: 999px;
    padding: 0.05rem 0.45rem;
    min-width: 1.3rem;
    text-align: center;
}

.notif-tab-count--alert[b-gbsadgz658] {
    background: #fee2e2;
    color: #b33030;
}

.notif-toolbar-actions[b-gbsadgz658] {
    display: flex;
    gap: 0.5rem;
}

/* Notification cards */
.notif-list[b-gbsadgz658] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.notif-card[b-gbsadgz658] {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 0.75rem 1rem;
    background: #fff;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    transition: box-shadow 0.12s;
}

.notif-card:hover[b-gbsadgz658] {
    box-shadow: 0 4px 12px rgba(18,29,49,0.07);
}

.notif-unread[b-gbsadgz658] {
    border-left: 4px solid #3b82f6;
    background: #f4f8ff;
}

.notif-read[b-gbsadgz658] { opacity: 0.72; }

/* severity left colour */
.notif-sev-critical[b-gbsadgz658] { border-left-color: #e03131; }
.notif-sev-warning[b-gbsadgz658]  { border-left-color: #f59e0b; }
.notif-sev-info[b-gbsadgz658]     { border-left-color: #3b82f6; }
.notif-sev-success[b-gbsadgz658]  { border-left-color: #22c55e; }

.notif-card-main[b-gbsadgz658] { flex: 1; min-width: 0; }

.notif-header[b-gbsadgz658] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.78rem;
    margin-bottom: 0.3rem;
    flex-wrap: wrap;
}

.notif-module[b-gbsadgz658] { color: #6b7280; }

.notif-time[b-gbsadgz658] {
    margin-left: auto;
    color: #9ca3af;
    white-space: nowrap;
}

.notif-badge[b-gbsadgz658] {
    display: inline-block;
    padding: 0.1rem 0.45rem;
    border-radius: 0.25rem;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.notif-sev-badge-info[b-gbsadgz658]     { background: #dbeafe; color: #1d4ed8; }
.notif-sev-badge-warning[b-gbsadgz658]  { background: #fef3c7; color: #92400e; }
.notif-sev-badge-critical[b-gbsadgz658] { background: #fee2e2; color: #991b1b; }
.notif-sev-badge-success[b-gbsadgz658]  { background: #d1fae5; color: #065f46; }

.notif-title[b-gbsadgz658] {
    font-weight: 600;
    font-size: 0.92rem;
    margin-bottom: 0.2rem;
    color: #1a2d50;
    display: block;
}

.notif-title--link[b-gbsadgz658] {
    text-decoration: none;
    color: #1a2d50;
}

.notif-title--link:hover[b-gbsadgz658] {
    color: #214d9d;
    text-decoration: underline;
}

.notif-message[b-gbsadgz658] {
    font-size: 0.85rem;
    color: #374151;
}

.notif-due[b-gbsadgz658] {
    font-size: 0.8rem;
    margin-top: 0.25rem;
    color: #6b7280;
}

.notif-overdue[b-gbsadgz658] {
    color: #991b1b;
    font-weight: 600;
}

/* Card action buttons */
.notif-card-actions[b-gbsadgz658] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.3rem;
    flex-shrink: 0;
}

.notif-action-link[b-gbsadgz658] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #214d9d;
    text-decoration: none;
    white-space: nowrap;
}

.notif-action-link:hover[b-gbsadgz658] { text-decoration: underline; }

.btn-link[b-gbsadgz658] {
    background: none;
    border: none;
    color: #3b82f6;
    cursor: pointer;
    font-size: 0.78rem;
    padding: 0;
    text-decoration: underline;
    white-space: nowrap;
}

.btn-link--danger[b-gbsadgz658] { color: #b33030; }

.btn-secondary[b-gbsadgz658] {
    padding: 0.35rem 0.8rem;
    font-size: 0.82rem;
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    border-radius: 0.375rem;
    cursor: pointer;
    color: #334155;
    white-space: nowrap;
}

.btn-secondary:hover[b-gbsadgz658] { background: #e2e8f0; }

.btn-secondary--danger[b-gbsadgz658] {
    border-color: #fca5a5;
    color: #b33030;
}

.btn-secondary--danger:hover[b-gbsadgz658] { background: #fee2e2; }

.empty-state[b-gbsadgz658] {
    color: #8a9ab8;
    font-size: 0.95rem;
    padding: 1rem 0;
}

    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin-top: 0.5rem;[b-gbsadgz658]
}

.notif-card[b-gbsadgz658] {
    border: 1px solid var(--border-color, #e5e7eb);
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
    background: var(--card-bg, #fff);
    transition: opacity 0.15s;
}

.notif-unread[b-gbsadgz658] {
    border-left: 4px solid #3b82f6;
    background: #eff6ff;
}

.notif-read[b-gbsadgz658] {
    opacity: 0.7;
}

.notif-header[b-gbsadgz658] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.78rem;
    margin-bottom: 0.3rem;
    flex-wrap: wrap;
}

.notif-module[b-gbsadgz658] {
    color: var(--text-muted, #6b7280);
}

.notif-time[b-gbsadgz658] {
    margin-left: auto;
    color: var(--text-muted, #9ca3af);
}

.notif-title[b-gbsadgz658] {
    font-weight: 600;
    font-size: 0.92rem;
    margin-bottom: 0.2rem;
}

.notif-message[b-gbsadgz658] {
    font-size: 0.85rem;
    color: var(--text-muted, #374151);
}

.notif-due[b-gbsadgz658] {
    font-size: 0.8rem;
    margin-top: 0.25rem;
    color: #6b7280;
}

.notif-overdue[b-gbsadgz658] {
    color: #991b1b;
    font-weight: 600;
}

.notif-badge[b-gbsadgz658] {
    display: inline-block;
    padding: 0.1rem 0.45rem;
    border-radius: 0.25rem;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
}

.notif-sev-info[b-gbsadgz658]     { background: #dbeafe; color: #1d4ed8; }
.notif-sev-warning[b-gbsadgz658]  { background: #fef3c7; color: #92400e; }
.notif-sev-critical[b-gbsadgz658] { background: #fee2e2; color: #991b1b; }
.notif-sev-success[b-gbsadgz658]  { background: #d1fae5; color: #065f46; }

.btn-link[b-gbsadgz658] {
    background: none;
    border: none;
    color: #3b82f6;
    cursor: pointer;
    font-size: 0.78rem;
    padding: 0;
    text-decoration: underline;
}

.btn-secondary[b-gbsadgz658] {
    padding: 0.35rem 0.8rem;
    font-size: 0.82rem;
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    border-radius: 0.375rem;
    cursor: pointer;
    color: #334155;
}

.btn-secondary:hover[b-gbsadgz658] {
    background: #e2e8f0;
}
/* /Pages/PlannedMaintenance/Index.razor.rz.scp.css */
/* ---- Summary cards ---- */
.summary-cards[b-wegsa3wbdz] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.card[b-wegsa3wbdz] {
    flex: 1;
    min-width: 120px;
    max-width: 180px;
    padding: 0.65rem 0.85rem;
    border-radius: 10px;
    border: 1px solid #d9dfeb;
    background: #ffffff;
    text-align: center;
}

.card-value[b-wegsa3wbdz] {
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2;
}

.card-label[b-wegsa3wbdz] {
    display: block;
    font-size: 0.78rem;
    color: #607196;
    margin-top: 0.15rem;
}

.card-overdue .card-value[b-wegsa3wbdz] { color: #b42318; }
.card-today .card-value[b-wegsa3wbdz] { color: #c05600; }
.card-soon .card-value[b-wegsa3wbdz] { color: #7a5a00; }
.card-open-wo .card-value[b-wegsa3wbdz] { color: #214d9d; }
.card-completed-wo .card-value[b-wegsa3wbdz] { color: #1a7431; }
.card-nodate .card-value[b-wegsa3wbdz] { color: #607196; }

/* ---- Toolbar ---- */
.register-toolbar[b-wegsa3wbdz] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
}

.view-tabs[b-wegsa3wbdz] {
    display: flex;
    gap: 0;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    overflow: hidden;
    flex-wrap: wrap;
}

.view-btn[b-wegsa3wbdz] {
    padding: 0.4rem 0.7rem;
    background: #ffffff;
    border: none;
    font-size: 0.82rem;
    font-weight: 600;
    color: #607196;
    cursor: pointer;
    border-right: 1px solid #d9dfeb;
}

.view-btn:last-child[b-wegsa3wbdz] { border-right: none; }
.view-btn:hover[b-wegsa3wbdz] { background: #f0f4fa; }

.view-btn.active[b-wegsa3wbdz] {
    background: #214d9d;
    color: #ffffff;
}

.search-input[b-wegsa3wbdz] {
    flex: 1;
    min-width: 180px;
    padding: 0.5rem 0.75rem;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    font-size: 0.93rem;
    background: #ffffff;
    color: #172033;
}

.search-input:focus[b-wegsa3wbdz] {
    outline: none;
    border-color: #214d9d;
    box-shadow: 0 0 0 2px rgba(33, 77, 157, 0.12);
}

.btn-link-wo[b-wegsa3wbdz] {
    padding: 0.45rem 0.85rem;
    background: #f0f4fa;
    color: #214d9d;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.87rem;
    text-decoration: none;
    white-space: nowrap;
}

.btn-link-wo:hover[b-wegsa3wbdz] { background: #e0e8f5; }

/* ---- Table ---- */
.table-wrapper[b-wegsa3wbdz] {
    margin-top: 1rem;
    overflow-x: auto;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
}

.register-table[b-wegsa3wbdz] {
    width: 100%;
    border-collapse: collapse;
}

.register-table th[b-wegsa3wbdz],
.register-table td[b-wegsa3wbdz] {
    padding: 0.5rem 0.65rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.85rem;
    white-space: nowrap;
}

.register-table thead th[b-wegsa3wbdz] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
    position: sticky;
    top: 0;
}

.clickable-row[b-wegsa3wbdz] { cursor: pointer; }
.clickable-row:hover[b-wegsa3wbdz] { background: #f0f4fa; }
.code-cell[b-wegsa3wbdz] { font-weight: 600; color: #214d9d; }

.row-overdue[b-wegsa3wbdz] { background: #fef2f0; }
.row-overdue:hover[b-wegsa3wbdz] { background: #fce8e6; }
.row-due-today[b-wegsa3wbdz] { background: #fef8f0; }
.row-due-today:hover[b-wegsa3wbdz] { background: #fef3e0; }
.row-inactive[b-wegsa3wbdz] { opacity: 0.55; }
.row-warning[b-wegsa3wbdz] { background: #fefcf0; }
.row-warning:hover[b-wegsa3wbdz] { background: #fef7e0; }

.empty-cell[b-wegsa3wbdz] {
    text-align: center;
    color: #607196;
    padding: 1.5rem !important;
}

/* ---- Due badges ---- */
.due-badge[b-wegsa3wbdz] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
}

.due-overdue[b-wegsa3wbdz] { background: #fce8e6; color: #b42318; }
.due-today[b-wegsa3wbdz] { background: #fef3e0; color: #c05600; }
.due-soon[b-wegsa3wbdz] { background: #fef7e0; color: #7a5a00; }
.due-ok[b-wegsa3wbdz] { background: #e6f4ea; color: #1a7431; }
.due-inactive[b-wegsa3wbdz] { background: #f0f0f0; color: #888888; }
.due-nodate[b-wegsa3wbdz] { background: #f5f5f5; color: #607196; }

/* ---- Footer ---- */
.row-count[b-wegsa3wbdz] {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: #607196;
}

.error-message[b-wegsa3wbdz] { color: #b42318; }
/* /Pages/PlannedMaintenance/WorkOrders.razor.rz.scp.css */
/* ---- Toolbar ---- */
.register-toolbar[b-gt9pdgwvb7] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
}

.view-tabs[b-gt9pdgwvb7] {
    display: flex;
    gap: 0;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    overflow: hidden;
}

.view-btn[b-gt9pdgwvb7] {
    padding: 0.45rem 0.85rem;
    background: #ffffff;
    border: none;
    font-size: 0.87rem;
    font-weight: 600;
    color: #607196;
    cursor: pointer;
    border-right: 1px solid #d9dfeb;
}

.view-btn:last-child[b-gt9pdgwvb7] { border-right: none; }
.view-btn:hover[b-gt9pdgwvb7] { background: #f0f4fa; }

.view-btn.active[b-gt9pdgwvb7] {
    background: #214d9d;
    color: #ffffff;
}

.search-input[b-gt9pdgwvb7] {
    flex: 1;
    min-width: 180px;
    padding: 0.5rem 0.75rem;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    font-size: 0.93rem;
    background: #ffffff;
    color: #172033;
}

.search-input:focus[b-gt9pdgwvb7] {
    outline: none;
    border-color: #214d9d;
    box-shadow: 0 0 0 2px rgba(33, 77, 157, 0.12);
}

.btn-link-back[b-gt9pdgwvb7] {
    padding: 0.45rem 0.85rem;
    background: #f0f4fa;
    color: #214d9d;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.87rem;
    text-decoration: none;
    white-space: nowrap;
}

.btn-link-back:hover[b-gt9pdgwvb7] { background: #e0e8f5; }

/* ---- Table ---- */
.table-wrapper[b-gt9pdgwvb7] {
    margin-top: 1rem;
    overflow-x: auto;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
}

.register-table[b-gt9pdgwvb7] {
    width: 100%;
    border-collapse: collapse;
}

.register-table th[b-gt9pdgwvb7],
.register-table td[b-gt9pdgwvb7] {
    padding: 0.55rem 0.7rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.88rem;
    white-space: nowrap;
}

.register-table thead th[b-gt9pdgwvb7] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
    position: sticky;
    top: 0;
}

.clickable-row[b-gt9pdgwvb7] { cursor: pointer; }
.clickable-row:hover[b-gt9pdgwvb7] { background: #f0f4fa; }
.code-cell[b-gt9pdgwvb7] { font-weight: 600; color: #214d9d; }

.row-overdue[b-gt9pdgwvb7] { background: #fef2f0; }
.row-overdue:hover[b-gt9pdgwvb7] { background: #fce8e6; }
.row-due-soon[b-gt9pdgwvb7] { background: #fefcf0; }
.row-due-soon:hover[b-gt9pdgwvb7] { background: #fef7e0; }

.overdue-date[b-gt9pdgwvb7] { color: #b42318; font-weight: 600; }

.empty-cell[b-gt9pdgwvb7] {
    text-align: center;
    color: #607196;
    padding: 1.5rem !important;
}

/* ---- Badges ---- */
.status-badge[b-gt9pdgwvb7],
.priority-badge[b-gt9pdgwvb7] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 600;
}

.status-open[b-gt9pdgwvb7] { background: #e8f0fe; color: #214d9d; }
.status-completed[b-gt9pdgwvb7] { background: #e6f4ea; color: #1a7431; }
.status-progress[b-gt9pdgwvb7] { background: #fef7e0; color: #7a5a00; }
.status-hold[b-gt9pdgwvb7] { background: #f0f0f0; color: #555555; }
.status-cancelled[b-gt9pdgwvb7] { background: #f5f5f5; color: #888888; }

.priority-critical[b-gt9pdgwvb7] { background: #fce8e6; color: #b42318; }
.priority-high[b-gt9pdgwvb7] { background: #fce8e6; color: #b42318; }
.priority-medium[b-gt9pdgwvb7] { background: #fef7e0; color: #7a5a00; }
.priority-low[b-gt9pdgwvb7] { background: #e6f4ea; color: #1a7431; }

/* ---- Footer ---- */
.row-count[b-gt9pdgwvb7] {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: #607196;
}

.error-message[b-gt9pdgwvb7] { color: #b42318; }
/* /Pages/Reports/Index.razor.rz.scp.css */
/* -- Filter label helper --------------------------------------------- */
.pm-filter-label[b-f5szl7bkoe] { font-size:.85rem; color:#6b7280; white-space:nowrap; align-self:center; }

/* -- Attention strip ------------------------------------------------- */
.report-attention-strip[b-f5szl7bkoe] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    padding: .65rem 1rem;
    background: #fffbea;
    border: 1px solid #f5c242;
    border-radius: 10px;
    margin-bottom: 1.1rem;
}
.report-attention-title[b-f5szl7bkoe] { font-weight: 700; font-size: .9rem; color: #7a5200; }
.report-chip[b-f5szl7bkoe] { display:inline-block; padding:.25rem .75rem; border-radius:999px; font-size:.8rem; font-weight:600; text-decoration:none; transition:opacity .12s; }
.report-chip:hover[b-f5szl7bkoe] { opacity:.8; text-decoration:none; }
.report-chip-red[b-f5szl7bkoe]   { background:#fde0e0; color:#7a1a1a; }
.report-chip-amber[b-f5szl7bkoe] { background:#fff3cd; color:#7a5200; }

/* -- Module grid ----------------------------------------------------- */
.report-grid[b-f5szl7bkoe] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

/* -- Report section card --------------------------------------------- */
.report-section[b-f5szl7bkoe] {
    background: #fff;
    border: 1px solid #dfe5f1;
    border-radius: 14px;
    padding: 1rem 1.1rem;
    box-shadow: 0 4px 10px rgba(18,29,49,.04);
    display: flex;
    flex-direction: column;
    gap: .7rem;
}

.report-section-title[b-f5szl7bkoe] {
    margin: 0;
    font-size: .85rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #5a6c90;
    font-weight: 700;
}

/* -- Stat tiles inside section --------------------------------------- */
.report-cards[b-f5szl7bkoe] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.report-card[b-f5szl7bkoe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: .5rem .85rem;
    background: #f8fafd;
    border: 1px solid #e6ecf7;
    border-radius: 10px;
    min-width: 80px;
}

.report-card-warn[b-f5szl7bkoe] { background: #fffbea; border-color: #f5c242; }
.report-card-bad[b-f5szl7bkoe]  { background: #fef2f2; border-color: #fca5a5; }
.report-card-ok[b-f5szl7bkoe]   { background: #f0fff4; border-color: #6ee7b7; }

.report-card-value[b-f5szl7bkoe] { font-size: 1.45rem; font-weight: 700; color: #0f1a2f; line-height: 1; }
.report-card-warn .report-card-value[b-f5szl7bkoe] { color: #7a5200; }
.report-card-bad  .report-card-value[b-f5szl7bkoe] { color: #b33030; }
.report-card-ok   .report-card-value[b-f5szl7bkoe] { color: #1a7a42; }

.report-card-label[b-f5szl7bkoe] { font-size: .75rem; color: #5a6c90; text-align:center; margin-top:.2rem; }

/* -- View link ------------------------------------------------------- */
.report-link[b-f5szl7bkoe] { font-size: .84rem; font-weight: 600; color: #214d9d; text-decoration: none; align-self: flex-start; margin-top: auto; }
.report-link:hover[b-f5szl7bkoe] { text-decoration: underline; }
/* /Pages/RoutineTemplates/Edit.razor.rz.scp.css */
.detail-toolbar[b-qytls531wt] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

.btn-back[b-qytls531wt] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
}

.btn-back:hover[b-qytls531wt] { text-decoration: underline; }

.asset-banner[b-qytls531wt] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    background: #f0f4fa;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    padding: 0.55rem 0.85rem;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

.asset-code[b-qytls531wt] {
    font-weight: 700;
    color: #214d9d;
}

.asset-name[b-qytls531wt] {
    color: #24324e;
    font-weight: 600;
}

.edit-form[b-qytls531wt] {
    margin-top: 0.5rem;
}

.form-grid[b-qytls531wt] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.form-grid label[b-qytls531wt] {
    display: block;
    margin-bottom: 0.35rem;
    color: #3f5176;
    font-size: 0.88rem;
    font-weight: 600;
}

.form-grid input[b-qytls531wt],
.form-grid select[b-qytls531wt],
.form-grid textarea[b-qytls531wt] {
    width: 100%;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.form-grid textarea[b-qytls531wt] {
    min-height: 100px;
}

.form-check[b-qytls531wt] {
    width: auto !important;
    margin-top: 0.3rem;
}

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

.form-actions[b-qytls531wt] {
    display: flex;
    gap: 0.6rem;
    margin-top: 1rem;
}

.form-actions button[b-qytls531wt] {
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #ffffff;
    color: #1f355c;
    padding: 0.45rem 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

.btn-save[b-qytls531wt] {
    background: #214d9d !important;
    color: #ffffff !important;
    border-color: #214d9d !important;
}

.btn-save:hover[b-qytls531wt] { background: #183b7a !important; }

.error-message[b-qytls531wt] {
    margin-top: 0.75rem;
    color: #b42318;
}

.generate-section[b-qytls531wt] {
    margin-top: 1.25rem;
    padding: 0.85rem;
    background: #f8fafd;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
}

.generate-section h4[b-qytls531wt] {
    margin: 0 0 0.5rem;
    font-size: 0.92rem;
    color: #24324e;
}

.generate-info[b-qytls531wt] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

.meta-text[b-qytls531wt] {
    font-size: 0.82rem;
    color: #607196;
}

.due-badge[b-qytls531wt] {
    display: inline-block;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 600;
}

.due-overdue[b-qytls531wt] { background: #fce8e6; color: #b42318; }
.due-today[b-qytls531wt] { background: #fce8e6; color: #b42318; }
.due-soon[b-qytls531wt] { background: #fef7e0; color: #7a5a00; }
.due-ok[b-qytls531wt] { background: #e6f4ea; color: #1a7431; }
.due-inactive[b-qytls531wt] { background: #e6ebf3; color: #607196; }
.due-nodate[b-qytls531wt] { background: #e6ebf3; color: #607196; }

.btn-generate[b-qytls531wt] {
    padding: 0.35rem 0.75rem;
    background: #214d9d;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.85rem;
    cursor: pointer;
}

.btn-generate:hover[b-qytls531wt] { background: #183b7a; }
.btn-generate:disabled[b-qytls531wt] { opacity: 0.6; cursor: not-allowed; }

.msg-success[b-qytls531wt] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #1a7431;
    margin-top: 0.3rem;
}

.msg-error[b-qytls531wt] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #b42318;
    margin-top: 0.3rem;
}
/* /Pages/Safety/Coshh.razor.rz.scp.css */
.toolbar[b-m5oks3pv31] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 1rem 0;
}

.search-input[b-m5oks3pv31],
.filter-select[b-m5oks3pv31] {
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.search-input[b-m5oks3pv31] {
    min-width: 320px;
    flex: 1 1 320px;
}

.filter-select[b-m5oks3pv31] {
    min-width: 180px;
}

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

.register-table[b-m5oks3pv31] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.register-table th[b-m5oks3pv31],
.register-table td[b-m5oks3pv31] {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.93rem;
    white-space: nowrap;
}

.register-table thead th[b-m5oks3pv31] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.register-table tbody tr:hover[b-m5oks3pv31] {
    background: #f8fafd;
}

.register-table a[b-m5oks3pv31] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.register-table a:hover[b-m5oks3pv31] {
    text-decoration: underline;
}

.error-message[b-m5oks3pv31] {
    color: #b42318;
}
/* /Pages/Safety/CoshhDetail.razor.rz.scp.css */
.detail-grid[b-g5tajqidk4] {
    margin-top: 1rem;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.detail-grid > div[b-g5tajqidk4] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.75rem 0.85rem;
    color: #172033;
}

.future-sections[b-g5tajqidk4] {
    margin-top: 1rem;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.9rem;
}

.future-sections h2[b-g5tajqidk4] {
    margin: 0 0 0.45rem;
    font-size: 1rem;
    color: #24324e;
}

.section-placeholders[b-g5tajqidk4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.section-placeholders span[b-g5tajqidk4] {
    border: 1px solid #cfd9ea;
    background: #f8fafd;
    border-radius: 999px;
    padding: 0.3rem 0.65rem;
    color: #324a74;
    font-size: 0.87rem;
}
/* /Pages/Safety/Dsear.razor.rz.scp.css */
.toolbar[b-cywxd9pkjn] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 1rem 0;
}

.search-input[b-cywxd9pkjn],
.filter-select[b-cywxd9pkjn] {
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.search-input[b-cywxd9pkjn] {
    min-width: 320px;
    flex: 1 1 320px;
}

.filter-select[b-cywxd9pkjn] {
    min-width: 180px;
}

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

.register-table[b-cywxd9pkjn] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.register-table th[b-cywxd9pkjn],
.register-table td[b-cywxd9pkjn] {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.93rem;
    white-space: nowrap;
}

.register-table thead th[b-cywxd9pkjn] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.register-table tbody tr:hover[b-cywxd9pkjn] {
    background: #f8fafd;
}

.register-table a[b-cywxd9pkjn] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.register-table a:hover[b-cywxd9pkjn] {
    text-decoration: underline;
}

.error-message[b-cywxd9pkjn] {
    color: #b42318;
}
/* /Pages/Safety/DsearDetail.razor.rz.scp.css */
.detail-grid[b-x4qqxh785m] {
    margin-top: 1rem;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.detail-grid > div[b-x4qqxh785m] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.75rem 0.85rem;
    color: #172033;
}

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

.future-sections[b-x4qqxh785m] {
    margin-top: 1rem;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.9rem;
}

.future-sections h2[b-x4qqxh785m] {
    margin: 0 0 0.45rem;
    font-size: 1rem;
    color: #24324e;
}

.section-placeholders[b-x4qqxh785m] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.section-placeholders span[b-x4qqxh785m] {
    border: 1px solid #cfd9ea;
    background: #f8fafd;
    border-radius: 999px;
    padding: 0.3rem 0.65rem;
    color: #324a74;
    font-size: 0.87rem;
}
/* /Pages/Safety/IncidentAiActions.razor.rz.scp.css */
.placeholder-note[b-zktyz9s88j] {
    margin-top: 0.75rem;
    color: #3f5176;
}

.incident-summary-card[b-zktyz9s88j],
.analysis-form-card[b-zktyz9s88j],
.usage-card[b-zktyz9s88j],
.result-grid section[b-zktyz9s88j] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 12px;
    padding: 0.9rem;
}

.incident-summary-card h2[b-zktyz9s88j],
.analysis-form-card h2[b-zktyz9s88j],
.usage-card h2[b-zktyz9s88j],
.result-grid h2[b-zktyz9s88j] {
    margin: 0 0 0.7rem;
    font-size: 1rem;
    color: #24324e;
}

.detail-grid[b-zktyz9s88j] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.detail-grid > div[b-zktyz9s88j] {
    background: #ffffff;
    border: 1px solid #e6ebf3;
    border-radius: 8px;
    padding: 0.65rem;
}

.analysis-layout[b-zktyz9s88j] {
    margin-top: 1rem;
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 320px;
}

.form-grid[b-zktyz9s88j] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.form-grid label[b-zktyz9s88j] {
    display: block;
    margin-bottom: 0.35rem;
    color: #3f5176;
    font-size: 0.88rem;
    font-weight: 600;
}

.form-grid select[b-zktyz9s88j],
.form-grid textarea[b-zktyz9s88j] {
    width: 100%;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.form-grid textarea[b-zktyz9s88j] {
    min-height: 120px;
}

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

.actions-row[b-zktyz9s88j] {
    margin-top: 0.9rem;
    display: flex;
    gap: 0.6rem;
}

.actions-row button[b-zktyz9s88j] {
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #ffffff;
    color: #1f355c;
    padding: 0.45rem 0.9rem;
    font-weight: 600;
}

.post-actions[b-zktyz9s88j] {
    margin-top: 0.9rem;
    display: flex;
    gap: 0.8rem;
}

.post-actions a[b-zktyz9s88j] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.post-actions a:hover[b-zktyz9s88j] {
    text-decoration: underline;
}

.summary-row[b-zktyz9s88j] {
    display: flex;
    justify-content: space-between;
    gap: 0.6rem;
    border-top: 1px solid #e6ebf3;
    padding: 0.55rem 0;
    color: #2f4269;
}

.summary-row:first-of-type[b-zktyz9s88j] {
    border-top: 0;
    padding-top: 0;
}

.summary-row strong[b-zktyz9s88j] {
    color: #172033;
}

.result-grid[b-zktyz9s88j] {
    margin-top: 1rem;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.result-grid textarea[b-zktyz9s88j] {
    width: 100%;
    min-height: 240px;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.6rem;
}

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

.suggested-table[b-zktyz9s88j] {
    width: 100%;
    border-collapse: collapse;
}

.suggested-table th[b-zktyz9s88j],
.suggested-table td[b-zktyz9s88j] {
    padding: 0.62rem 0.7rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.9rem;
    white-space: nowrap;
}

.suggested-table thead th[b-zktyz9s88j] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.info-message[b-zktyz9s88j] {
    margin-top: 0.75rem;
    color: #1f5c3f;
}

.error-message[b-zktyz9s88j] {
    margin-top: 0.75rem;
    color: #b42318;
}

@media (max-width: 1100px) {
    .analysis-layout[b-zktyz9s88j] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Safety/IncidentDetail.razor.rz.scp.css */
.detail-grid[b-hoxpdutkfc] {
    margin-top: 1rem;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.detail-grid > div[b-hoxpdutkfc] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.75rem 0.85rem;
    color: #172033;
}

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

.investigation-section[b-hoxpdutkfc],
.actions-section[b-hoxpdutkfc] {
    margin-top: 1rem;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.9rem;
}

.investigation-section h2[b-hoxpdutkfc],
.actions-section h2[b-hoxpdutkfc] {
    margin: 0 0 0.55rem;
    font-size: 1rem;
    color: #24324e;
}

.investigation-section .detail-grid[b-hoxpdutkfc] {
    margin-top: 0.5rem;
}

.actions-toolbar[b-hoxpdutkfc] {
    margin-bottom: 0.75rem;
}

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

.action-table[b-hoxpdutkfc] {
    width: 100%;
    border-collapse: collapse;
}

.action-table th[b-hoxpdutkfc],
.action-table td[b-hoxpdutkfc] {
    padding: 0.62rem 0.7rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.9rem;
    white-space: nowrap;
}

.action-table thead th[b-hoxpdutkfc] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.action-table a[b-hoxpdutkfc] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.action-table a:hover[b-hoxpdutkfc] {
    text-decoration: underline;
}

.badge[b-hoxpdutkfc] {
    display: inline-block;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 600;
    white-space: nowrap;
}

.badge-severity-nearmiss[b-hoxpdutkfc] {
    background: #eef4ff;
    color: #3b6bb5;
}

.badge-severity-minor[b-hoxpdutkfc] {
    background: #fef3cd;
    color: #856404;
}

.badge-severity-moderate[b-hoxpdutkfc] {
    background: #ffe0b2;
    color: #e65100;
}

.badge-severity-serious[b-hoxpdutkfc] {
    background: #f8d7da;
    color: #842029;
}

.badge-severity-major[b-hoxpdutkfc] {
    background: #d32f2f;
    color: #ffffff;
}

.badge-incident-draft[b-hoxpdutkfc] {
    background: #e8eaed;
    color: #5f6368;
}

.badge-incident-open[b-hoxpdutkfc] {
    background: #d1ecf1;
    color: #0c5460;
}

.badge-incident-underinvestigation[b-hoxpdutkfc] {
    background: #fff3cd;
    color: #856404;
}

.badge-incident-actionraised[b-hoxpdutkfc] {
    background: #e8f5e9;
    color: #2e7d32;
}

.badge-incident-closed[b-hoxpdutkfc] {
    background: #d4edda;
    color: #155724;
}

.badge-incident-cancelled[b-hoxpdutkfc] {
    background: #e8eaed;
    color: #5f6368;
}

.badge-action-draft[b-hoxpdutkfc] {
    background: #e8eaed;
    color: #5f6368;
}

.badge-action-open[b-hoxpdutkfc] {
    background: #d1ecf1;
    color: #0c5460;
}

.badge-action-inprogress[b-hoxpdutkfc] {
    background: #fff3cd;
    color: #856404;
}

.badge-action-awaitingreview[b-hoxpdutkfc] {
    background: #e8f5e9;
    color: #2e7d32;
}

.badge-action-closed[b-hoxpdutkfc] {
    background: #d4edda;
    color: #155724;
}

.badge-action-cancelled[b-hoxpdutkfc] {
    background: #e8eaed;
    color: #5f6368;
}

.badge-action-overdue[b-hoxpdutkfc] {
    background: #f8d7da;
    color: #842029;
}

.badge-priority-low[b-hoxpdutkfc] {
    background: #eef4ff;
    color: #3b6bb5;
}

.badge-priority-medium[b-hoxpdutkfc] {
    background: #fef3cd;
    color: #856404;
}

.badge-priority-high[b-hoxpdutkfc] {
    background: #f8d7da;
    color: #842029;
}

.badge-priority-critical[b-hoxpdutkfc] {
    background: #d32f2f;
    color: #ffffff;
}

.btn-raise-action[b-hoxpdutkfc] {
    border: 1px solid #c5d2e6;
    border-radius: 6px;
    background: #f0f4ff;
    color: #1f355c;
    padding: 0.25rem 0.6rem;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
}

.btn-raise-action:hover[b-hoxpdutkfc] {
    background: #dce6f7;
}

.info-message[b-hoxpdutkfc] {
    margin-top: 0.75rem;
    color: #0c5460;
    background: #d1ecf1;
    border: 1px solid #bee5eb;
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
    font-size: 0.88rem;
}

.error-message[b-hoxpdutkfc] {
    margin-top: 0.75rem;
    color: #842029;
    background: #f8d7da;
    border: 1px solid #f5c2c7;
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
    font-size: 0.88rem;
}
/* /Pages/Safety/IncidentEdit.razor.rz.scp.css */
/* ── Edit form wrapper ── */
.edit-form[b-s7rp6wxu1n] {
    margin-top: 1rem;
}

/* ── Fieldset sections ── */
.form-section[b-s7rp6wxu1n] {
    border: 1px solid #dfe5f1;
    border-radius: 12px;
    padding: 1rem 1.1rem;
    margin-bottom: 1rem;
    background: #ffffff;
}

.form-section legend[b-s7rp6wxu1n] {
    padding: 0 0.5rem;
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #3f5176;
}

/* ── Grid layout ── */
.form-grid[b-s7rp6wxu1n] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    margin-top: 0.6rem;
}

.form-field[b-s7rp6wxu1n] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.form-field label[b-s7rp6wxu1n] {
    font-size: 0.88rem;
    font-weight: 600;
    color: #3f5176;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.required[b-s7rp6wxu1n] {
    color: #b42318;
    font-size: 0.8rem;
}

.field-hint[b-s7rp6wxu1n] {
    font-size: 0.78rem;
    color: #64748b;
}

/* ── Inputs ── */
.form-input[b-s7rp6wxu1n],
.form-select[b-s7rp6wxu1n],
.form-textarea[b-s7rp6wxu1n] {
    width: 100%;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
    font-size: 0.92rem;
}

.form-textarea[b-s7rp6wxu1n] {
    min-height: 110px;
    resize: vertical;
}

.form-input:focus[b-s7rp6wxu1n],
.form-select:focus[b-s7rp6wxu1n],
.form-textarea:focus[b-s7rp6wxu1n] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59,130,246,0.12);
}

.input-disabled[b-s7rp6wxu1n] {
    background: #f8fafd;
    color: #6b7fa3;
    cursor: not-allowed;
}

/* ── Span helpers ── */
.span-2[b-s7rp6wxu1n] {
    grid-column: span 2;
}

/* ── AI assist button ── */
.btn-ai-assist[b-s7rp6wxu1n] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.15rem 0.5rem;
    font-size: 0.76rem;
    font-weight: 600;
    border: 1px solid #a5b4fc;
    border-radius: 6px;
    background: #eef2ff;
    color: #4338ca;
    cursor: pointer;
    line-height: 1;
    white-space: nowrap;
    margin-left: auto;
}

.btn-ai-assist:hover[b-s7rp6wxu1n] {
    background: #e0e7ff;
}

/* ── Form actions ── */
.form-actions[b-s7rp6wxu1n] {
    display: flex;
    gap: 0.6rem;
    margin-top: 1rem;
    padding-top: 0.5rem;
}

.btn-primary[b-s7rp6wxu1n] {
    border: none;
    border-radius: 8px;
    background: #1e40af;
    color: #ffffff;
    padding: 0.5rem 1.2rem;
    font-weight: 600;
    cursor: pointer;
    font-size: 0.92rem;
}

.btn-primary:hover[b-s7rp6wxu1n] {
    background: #1e3a8a;
}

.btn-secondary[b-s7rp6wxu1n] {
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #ffffff;
    color: #1f355c;
    padding: 0.5rem 1.2rem;
    font-weight: 600;
    cursor: pointer;
    font-size: 0.92rem;
    text-decoration: none;
}

.btn-secondary:hover[b-s7rp6wxu1n] {
    background: #f1f5fb;
}

/* ── Messages ── */
.error-message[b-s7rp6wxu1n] {
    margin-top: 0.75rem;
    padding: 0.6rem 0.9rem;
    border-radius: 8px;
    background: #fff1f2;
    border: 1px solid #fecdd3;
    color: #b42318;
    font-size: 0.9rem;
}

/* ── Extracted actions (AI panel) ── */
.extracted-actions ul[b-s7rp6wxu1n] {
    margin: 0.5rem 0 0;
    padding-left: 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.extracted-actions li[b-s7rp6wxu1n] {
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* /Pages/Safety/Incidents.razor.rz.scp.css */
.toolbar[b-r39cdxp6m9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 1rem 0;
}

.search-input[b-r39cdxp6m9],
.filter-select[b-r39cdxp6m9] {
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.search-input[b-r39cdxp6m9] {
    min-width: 320px;
    flex: 1 1 320px;
}

.filter-select[b-r39cdxp6m9] {
    min-width: 180px;
}

.summary-counters[b-r39cdxp6m9] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.counter-card[b-r39cdxp6m9] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.75rem 1.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 100px;
}

.counter-card .counter-value[b-r39cdxp6m9] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1f355c;
}

.counter-card .counter-label[b-r39cdxp6m9] {
    font-size: 0.82rem;
    color: #5a6f8f;
    margin-top: 0.2rem;
}

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

.register-table[b-r39cdxp6m9] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.register-table th[b-r39cdxp6m9],
.register-table td[b-r39cdxp6m9] {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.93rem;
    white-space: nowrap;
}

.register-table thead th[b-r39cdxp6m9] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.register-table tbody tr:hover[b-r39cdxp6m9] {
    background: #f8fafd;
}

.register-table a[b-r39cdxp6m9] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.register-table a:hover[b-r39cdxp6m9] {
    text-decoration: underline;
}

.badge[b-r39cdxp6m9] {
    display: inline-block;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 600;
    white-space: nowrap;
}

.badge-severity-nearmiss[b-r39cdxp6m9] {
    background: #eef4ff;
    color: #3b6bb5;
}

.badge-severity-minor[b-r39cdxp6m9] {
    background: #fef3cd;
    color: #856404;
}

.badge-severity-moderate[b-r39cdxp6m9] {
    background: #ffe0b2;
    color: #e65100;
}

.badge-severity-serious[b-r39cdxp6m9] {
    background: #f8d7da;
    color: #842029;
}

.badge-severity-major[b-r39cdxp6m9] {
    background: #d32f2f;
    color: #ffffff;
}

.badge-incident-draft[b-r39cdxp6m9] {
    background: #e8eaed;
    color: #5f6368;
}

.badge-incident-open[b-r39cdxp6m9] {
    background: #d1ecf1;
    color: #0c5460;
}

.badge-incident-underinvestigation[b-r39cdxp6m9] {
    background: #fff3cd;
    color: #856404;
}

.badge-incident-actionraised[b-r39cdxp6m9] {
    background: #e8f5e9;
    color: #2e7d32;
}

.badge-incident-closed[b-r39cdxp6m9] {
    background: #d4edda;
    color: #155724;
}

.badge-incident-cancelled[b-r39cdxp6m9] {
    background: #e8eaed;
    color: #5f6368;
}

.error-message[b-r39cdxp6m9] {
    color: #b42318;
}
/* /Pages/Safety/Index.razor.rz.scp.css */
.quick-links[b-fmqouh8hf9] {
    margin-top: 0.85rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.quick-links a[b-fmqouh8hf9] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.quick-links a:hover[b-fmqouh8hf9] {
    text-decoration: underline;
}

.summary-grid[b-fmqouh8hf9] {
    margin-top: 1rem;
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.summary-card[b-fmqouh8hf9] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 12px;
    padding: 0.85rem 0.95rem;
}

.summary-card h2[b-fmqouh8hf9] {
    margin: 0;
    font-size: 0.95rem;
    color: #3f5176;
}

.summary-value[b-fmqouh8hf9] {
    margin: 0.55rem 0 0;
    color: #172033;
    font-size: 1.2rem;
    font-weight: 700;
}

section[b-fmqouh8hf9] {
    margin-top: 1rem;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 12px;
    padding: 0.9rem;
}

section h2[b-fmqouh8hf9] {
    margin: 0 0 0.6rem;
    color: #24324e;
    font-size: 1rem;
}

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

.admin-table[b-fmqouh8hf9] {
    width: 100%;
    border-collapse: collapse;
}

.admin-table th[b-fmqouh8hf9],
.admin-table td[b-fmqouh8hf9] {
    padding: 0.65rem 0.7rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.9rem;
    white-space: nowrap;
}

.admin-table thead th[b-fmqouh8hf9] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.admin-table a[b-fmqouh8hf9] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.admin-table a:hover[b-fmqouh8hf9] {
    text-decoration: underline;
}

.alert-value[b-fmqouh8hf9] {
    color: #b33030;
}

.error-message[b-fmqouh8hf9] {
    margin-top: 0.75rem;
    color: #b42318;
}
/* /Pages/Safety/RiskAssessmentAiReview.razor.rz.scp.css */
.placeholder-note[b-qgb6c5um5w] {
    margin-top: 0.75rem;
    color: #3f5176;
}

.risk-card[b-qgb6c5um5w],
.review-form-card[b-qgb6c5um5w],
.usage-card[b-qgb6c5um5w],
.result-grid section[b-qgb6c5um5w] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 12px;
    padding: 0.9rem;
}

.risk-card h2[b-qgb6c5um5w],
.review-form-card h2[b-qgb6c5um5w],
.usage-card h2[b-qgb6c5um5w],
.result-grid h2[b-qgb6c5um5w] {
    margin: 0 0 0.7rem;
    font-size: 1rem;
    color: #24324e;
}

.detail-grid[b-qgb6c5um5w] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.detail-grid > div[b-qgb6c5um5w] {
    background: #ffffff;
    border: 1px solid #e6ebf3;
    border-radius: 8px;
    padding: 0.65rem;
}

.review-layout[b-qgb6c5um5w] {
    margin-top: 1rem;
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 320px;
}

.form-grid[b-qgb6c5um5w] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.form-grid label[b-qgb6c5um5w] {
    display: block;
    margin-bottom: 0.35rem;
    color: #3f5176;
    font-size: 0.88rem;
    font-weight: 600;
}

.form-grid select[b-qgb6c5um5w],
.form-grid textarea[b-qgb6c5um5w] {
    width: 100%;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.form-grid textarea[b-qgb6c5um5w] {
    min-height: 120px;
}

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

.actions-row[b-qgb6c5um5w] {
    margin-top: 0.9rem;
    display: flex;
    gap: 0.6rem;
}

.actions-row button[b-qgb6c5um5w] {
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #ffffff;
    color: #1f355c;
    padding: 0.45rem 0.9rem;
    font-weight: 600;
}

.summary-row[b-qgb6c5um5w] {
    display: flex;
    justify-content: space-between;
    gap: 0.6rem;
    border-top: 1px solid #e6ebf3;
    padding: 0.55rem 0;
    color: #2f4269;
}

.summary-row:first-of-type[b-qgb6c5um5w] {
    border-top: 0;
    padding-top: 0;
}

.summary-row strong[b-qgb6c5um5w] {
    color: #172033;
}

.result-grid[b-qgb6c5um5w] {
    margin-top: 1rem;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.result-grid textarea[b-qgb6c5um5w] {
    width: 100%;
    min-height: 220px;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.6rem;
}

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

.suggested-table[b-qgb6c5um5w] {
    width: 100%;
    border-collapse: collapse;
}

.suggested-table th[b-qgb6c5um5w],
.suggested-table td[b-qgb6c5um5w] {
    padding: 0.62rem 0.7rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.9rem;
    white-space: nowrap;
}

.suggested-table thead th[b-qgb6c5um5w] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.info-message[b-qgb6c5um5w] {
    margin-top: 0.75rem;
    color: #1f5c3f;
}

.error-message[b-qgb6c5um5w] {
    margin-top: 0.75rem;
    color: #b42318;
}

@media (max-width: 1100px) {
    .review-layout[b-qgb6c5um5w] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Safety/RiskAssessmentDetail.razor.rz.scp.css */
.detail-grid[b-ftdn7mdeyl] {
    margin-top: 1rem;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.detail-grid > div[b-ftdn7mdeyl] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.75rem 0.85rem;
    color: #172033;
}

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

.hazard-section[b-ftdn7mdeyl],
.actions-section[b-ftdn7mdeyl] {
    margin-top: 1rem;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.9rem;
}

.hazard-section h2[b-ftdn7mdeyl],
.actions-section h2[b-ftdn7mdeyl] {
    margin: 0 0 0.55rem;
    font-size: 1rem;
    color: #24324e;
}

.hazard-section .detail-grid[b-ftdn7mdeyl] {
    margin-top: 0.5rem;
}

.actions-toolbar[b-ftdn7mdeyl] {
    margin-bottom: 0.75rem;
}

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

.action-table[b-ftdn7mdeyl] {
    width: 100%;
    border-collapse: collapse;
}

.action-table th[b-ftdn7mdeyl],
.action-table td[b-ftdn7mdeyl] {
    padding: 0.62rem 0.7rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.9rem;
    white-space: nowrap;
}

.action-table thead th[b-ftdn7mdeyl] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.action-table a[b-ftdn7mdeyl] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.action-table a:hover[b-ftdn7mdeyl] {
    text-decoration: underline;
}

.badge[b-ftdn7mdeyl] {
    display: inline-block;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 600;
    white-space: nowrap;
}

.badge-ra-draft[b-ftdn7mdeyl] {
    background: #e8eaed;
    color: #5f6368;
}

.badge-ra-open[b-ftdn7mdeyl] {
    background: #d1ecf1;
    color: #0c5460;
}

.badge-ra-underreview[b-ftdn7mdeyl] {
    background: #fff3cd;
    color: #856404;
}

.badge-ra-actionraised[b-ftdn7mdeyl] {
    background: #e8f5e9;
    color: #2e7d32;
}

.badge-ra-approved[b-ftdn7mdeyl] {
    background: #d4edda;
    color: #155724;
}

.badge-ra-closed[b-ftdn7mdeyl] {
    background: #d4edda;
    color: #155724;
}

.badge-ra-cancelled[b-ftdn7mdeyl] {
    background: #e8eaed;
    color: #5f6368;
}

.badge-overdue[b-ftdn7mdeyl] {
    background: #f8d7da;
    color: #842029;
}

.badge-due-soon[b-ftdn7mdeyl] {
    background: #fff3cd;
    color: #856404;
}

.badge-action-draft[b-ftdn7mdeyl] {
    background: #e8eaed;
    color: #5f6368;
}

.badge-action-open[b-ftdn7mdeyl] {
    background: #d1ecf1;
    color: #0c5460;
}

.badge-action-inprogress[b-ftdn7mdeyl] {
    background: #fff3cd;
    color: #856404;
}

.badge-action-awaitingreview[b-ftdn7mdeyl] {
    background: #e8f5e9;
    color: #2e7d32;
}

.badge-action-closed[b-ftdn7mdeyl] {
    background: #d4edda;
    color: #155724;
}

.badge-action-cancelled[b-ftdn7mdeyl] {
    background: #e8eaed;
    color: #5f6368;
}

.badge-action-overdue[b-ftdn7mdeyl] {
    background: #f8d7da;
    color: #842029;
}

.badge-priority-low[b-ftdn7mdeyl] {
    background: #eef4ff;
    color: #3b6bb5;
}

.badge-priority-medium[b-ftdn7mdeyl] {
    background: #fef3cd;
    color: #856404;
}

.badge-priority-high[b-ftdn7mdeyl] {
    background: #f8d7da;
    color: #842029;
}

.badge-priority-critical[b-ftdn7mdeyl] {
    background: #d32f2f;
    color: #ffffff;
}

.btn-raise-action[b-ftdn7mdeyl] {
    border: 1px solid #c5d2e6;
    border-radius: 6px;
    background: #f0f4ff;
    color: #1f355c;
    padding: 0.25rem 0.6rem;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
}

.btn-raise-action:hover[b-ftdn7mdeyl] {
    background: #dce6f7;
}

.info-message[b-ftdn7mdeyl] {
    margin-top: 0.75rem;
    color: #0c5460;
    background: #d1ecf1;
    border: 1px solid #bee5eb;
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
    font-size: 0.88rem;
}

.error-message[b-ftdn7mdeyl] {
    margin-top: 0.75rem;
    color: #b42318;
}
/* /Pages/Safety/RiskAssessmentEdit.razor.rz.scp.css */
.edit-form[b-b05slfilby] {
    margin-top: 1rem;
}

.form-grid[b-b05slfilby] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.form-grid label[b-b05slfilby] {
    display: block;
    margin-bottom: 0.35rem;
    color: #3f5176;
    font-size: 0.88rem;
    font-weight: 600;
}

.form-grid input[b-b05slfilby],
.form-grid select[b-b05slfilby],
.form-grid textarea[b-b05slfilby] {
    width: 100%;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.form-grid textarea[b-b05slfilby] {
    min-height: 100px;
}

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

.form-actions[b-b05slfilby] {
    display: flex;
    gap: 0.6rem;
    margin-top: 1rem;
}

.form-actions button[b-b05slfilby] {
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #ffffff;
    color: #1f355c;
    padding: 0.45rem 0.9rem;
    font-weight: 600;
}

.error-message[b-b05slfilby] {
    margin-top: 0.75rem;
    color: #b42318;
}
/* /Pages/Safety/RiskAssessments.razor.rz.scp.css */
.toolbar[b-5g79vg8jgq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 1rem 0;
}

.search-input[b-5g79vg8jgq],
.filter-select[b-5g79vg8jgq] {
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.search-input[b-5g79vg8jgq] {
    min-width: 320px;
    flex: 1 1 320px;
}

.filter-select[b-5g79vg8jgq] {
    min-width: 180px;
}

.btn-new[b-5g79vg8jgq] {
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #f0f4ff;
    color: #1f355c;
    padding: 0.5rem 0.9rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.btn-new:hover[b-5g79vg8jgq] {
    background: #dce6f7;
}

.summary-counters[b-5g79vg8jgq] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.counter-card[b-5g79vg8jgq] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 0.75rem 1.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 100px;
}

.counter-card .counter-value[b-5g79vg8jgq] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1f355c;
}

.counter-card .counter-label[b-5g79vg8jgq] {
    font-size: 0.82rem;
    color: #5a6f8f;
    margin-top: 0.2rem;
}

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

.register-table[b-5g79vg8jgq] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.register-table th[b-5g79vg8jgq],
.register-table td[b-5g79vg8jgq] {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.93rem;
    white-space: nowrap;
}

.register-table thead th[b-5g79vg8jgq] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.register-table tbody tr:hover[b-5g79vg8jgq] {
    background: #f8fafd;
}

.register-table a[b-5g79vg8jgq] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.register-table a:hover[b-5g79vg8jgq] {
    text-decoration: underline;
}

.badge[b-5g79vg8jgq] {
    display: inline-block;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 600;
    white-space: nowrap;
}

.badge-ra-draft[b-5g79vg8jgq] {
    background: #e8eaed;
    color: #5f6368;
}

.badge-ra-open[b-5g79vg8jgq] {
    background: #d1ecf1;
    color: #0c5460;
}

.badge-ra-underreview[b-5g79vg8jgq] {
    background: #fff3cd;
    color: #856404;
}

.badge-ra-actionraised[b-5g79vg8jgq] {
    background: #e8f5e9;
    color: #2e7d32;
}

.badge-ra-approved[b-5g79vg8jgq] {
    background: #d4edda;
    color: #155724;
}

.badge-ra-closed[b-5g79vg8jgq] {
    background: #d4edda;
    color: #155724;
}

.badge-ra-cancelled[b-5g79vg8jgq] {
    background: #e8eaed;
    color: #5f6368;
}

.badge-overdue[b-5g79vg8jgq] {
    background: #f8d7da;
    color: #842029;
}

.badge-due-soon[b-5g79vg8jgq] {
    background: #fff3cd;
    color: #856404;
}

.error-message[b-5g79vg8jgq] {
    color: #b42318;
}
/* /Pages/Testing/Calibration.razor.rz.scp.css */
.toolbar[b-hnjjwx0vob] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 1rem 0;
}

.search-input[b-hnjjwx0vob],
.filter-select[b-hnjjwx0vob] {
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.search-input[b-hnjjwx0vob] {
    min-width: 320px;
    flex: 1 1 320px;
}

.filter-select[b-hnjjwx0vob] {
    min-width: 180px;
}

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

.register-table[b-hnjjwx0vob] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.register-table th[b-hnjjwx0vob],
.register-table td[b-hnjjwx0vob] {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.93rem;
    white-space: nowrap;
}

.register-table thead th[b-hnjjwx0vob] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.register-table tbody tr:hover[b-hnjjwx0vob] {
    background: #f8fafd;
}

.register-table a[b-hnjjwx0vob] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.register-table a:hover[b-hnjjwx0vob] {
    text-decoration: underline;
}

.error-message[b-hnjjwx0vob] {
    color: #b42318;
}
/* /Pages/Testing/CalibrationProfileEdit.razor.rz.scp.css */
.asset-banner[b-b5v7z65r3r] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: #eef2f9;
    border: 1px solid #d0daea;
    border-radius: 8px;
    padding: 0.6rem 1rem;
    margin-bottom: 1.25rem;
    font-size: 0.92rem;
}

.asset-code[b-b5v7z65r3r] { font-weight: 700; color: #1f355c; }
.asset-name[b-b5v7z65r3r] { color: #3f5176; flex: 1; }

.btn-back[b-b5v7z65r3r] { font-size: 0.85rem; color: #3f5176; text-decoration: none; }
.btn-back:hover[b-b5v7z65r3r] { text-decoration: underline; }

.edit-form[b-b5v7z65r3r] { display: flex; flex-direction: column; gap: 1.25rem; margin-top: 0.5rem; }

.form-section[b-b5v7z65r3r] {
    border: 1px solid #dce5f0;
    border-radius: 10px;
    padding: 1rem 1.25rem;
    background: #f8fafd;
}

.form-section legend[b-b5v7z65r3r] {
    padding: 0 0.5rem;
    color: #3f5176;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.form-grid[b-b5v7z65r3r] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    margin-top: 0.5rem;
}

.form-grid label[b-b5v7z65r3r] {
    display: block;
    margin-bottom: 0.35rem;
    color: #3f5176;
    font-size: 0.88rem;
    font-weight: 600;
}

.form-grid input[b-b5v7z65r3r],
.form-grid select[b-b5v7z65r3r] {
    width: 100%;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
    font-size: 0.92rem;
}

.checkbox-field label[b-b5v7z65r3r] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1.5rem;
    color: #3f5176;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

.form-actions[b-b5v7z65r3r] { display: flex; gap: 0.6rem; margin-top: 0.25rem; }

.btn-save[b-b5v7z65r3r] {
    border: none;
    border-radius: 8px;
    background: #1f355c;
    color: #ffffff;
    padding: 0.5rem 1.25rem;
    font-weight: 600;
    cursor: pointer;
    font-size: 0.92rem;
}

.btn-save:hover[b-b5v7z65r3r] { background: #2c4a82; }

.btn-cancel[b-b5v7z65r3r] {
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #ffffff;
    color: #1f355c;
    padding: 0.5rem 1.25rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    font-size: 0.92rem;
}

.btn-cancel:hover[b-b5v7z65r3r] { background: #eef2f8; }
.error-message[b-b5v7z65r3r] { color: #b42318; }
/* /Pages/Testing/CalibrationReport.razor.rz.scp.css */
/* Calibration Register Report - formal controlled-record styling */

*[b-4k3vilconx], *[b-4k3vilconx]::before, *[b-4k3vilconx]::after {
    box-sizing: border-box;
}

.screen-toolbar[b-4k3vilconx] {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .75rem 1.25rem;
    background: #111827;
    border-bottom: 3px solid #166534;
    color: #e5e7eb;
    font-family: Arial, Helvetica, sans-serif;
}

.btn-back[b-4k3vilconx] {
    color: #cbd5e1;
    text-decoration: none;
    font-size: .85rem;
    font-weight: 600;
}

.btn-back:hover[b-4k3vilconx] {
    color: #ffffff;
}

.toolbar-title[b-4k3vilconx] {
    flex: 1;
    text-align: center;
    color: #f8fafc;
    font-size: .88rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.btn-print[b-4k3vilconx] {
    background: #166534;
    color: #ffffff;
    border: 1px solid #15803d;
    border-radius: 6px;
    padding: .52rem 1.1rem;
    font-size: .85rem;
    font-weight: 800;
    cursor: pointer;
}

.btn-print:hover[b-4k3vilconx] {
    background: #15803d;
}

.cal-report-page[b-4k3vilconx] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .78rem;
    color: #111827;
    background: #ffffff;
    padding: 1.15rem 1.25rem 2rem;
    width: min(100%, 297mm);
}

.cal-header[b-4k3vilconx] {
    margin-bottom: 1.1rem;
    border: 1px solid #cbd5e1;
    border-top: 6px solid #166534;
    border-radius: 8px;
    overflow: hidden;
    background: #ffffff;
}

.cal-header-band[b-4k3vilconx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.5rem;
    align-items: stretch;
    padding: 1.1rem 1.25rem;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border-bottom: 1px solid #dbe3ee;
}

.cal-brand-block[b-4k3vilconx] {
    min-width: 0;
    padding-left: .85rem;
    border-left: 4px solid #1f3a5f;
}

.cal-brand[b-4k3vilconx] {
    display: block;
    margin-bottom: .28rem;
    color: #475569;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.cal-title[b-4k3vilconx] {
    margin: 0;
    color: #102033;
    font-size: 1.65rem;
    font-weight: 900;
    letter-spacing: .025em;
    line-height: 1.05;
    text-transform: uppercase;
}

.cal-doc-ref[b-4k3vilconx] {
    display: block;
    margin-top: .35rem;
    color: #334155;
    font-size: .76rem;
    font-weight: 600;
}

.cal-header-meta[b-4k3vilconx] {
    min-width: 14rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .38rem;
    padding: .85rem 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    text-align: left;
}

.cal-meta-line[b-4k3vilconx] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    color: #475569;
    font-size: .77rem;
}

.cal-meta-line strong[b-4k3vilconx] {
    color: #102033;
}

.cal-controlled-doc[b-4k3vilconx] {
    margin-top: .15rem;
    padding: .38rem .55rem;
    border: 1px solid #bbf7d0;
    border-left: 4px solid #16a34a;
    border-radius: 6px;
    background: #f0fdf4;
    color: #14532d;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.cal-filter-band[b-4k3vilconx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    padding: .6rem 1.25rem;
    background: #eef2f7;
}

.filter-label[b-4k3vilconx] {
    margin-right: .15rem;
    color: #475569;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cal-filter-pill[b-4k3vilconx] {
    display: inline-flex;
    align-items: center;
    min-height: 1.45rem;
    padding: .2rem .7rem;
    border: 1px solid #aebbcc;
    border-radius: 999px;
    background: #ffffff;
    color: #243449;
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap;
}

.cal-kpi-strip[b-4k3vilconx] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .7rem;
    margin-bottom: 1.1rem;
}

.cal-kpi[b-4k3vilconx] {
    min-height: 4.6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .15rem;
    padding: .65rem .75rem;
    border: 1px solid #d5dde8;
    border-top: 4px solid #64748b;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}

.cal-kpi-ok[b-4k3vilconx] {
    border-top-color: #059669;
    background: #f0fdf4;
}

.cal-kpi-soon[b-4k3vilconx] {
    border-top-color: #ca8a04;
    background: #fffbeb;
}

.cal-kpi-overdue[b-4k3vilconx] {
    border-top-color: #dc2626;
    background: #fef2f2;
}

.cal-kpi-oos[b-4k3vilconx] {
    border-top-color: #6d28d9;
    background: #faf5ff;
}

.kpi-label[b-4k3vilconx] {
    order: -1;
    color: #64748b;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 1.25;
    text-transform: uppercase;
}

.kpi-value[b-4k3vilconx] {
    color: #0f172a;
    font-size: 1.9rem;
    font-weight: 900;
    line-height: 1;
}

.cal-kpi-ok .kpi-value[b-4k3vilconx] {
    color: #065f46;
}

.cal-kpi-soon .kpi-value[b-4k3vilconx] {
    color: #92400e;
}

.cal-kpi-overdue .kpi-value[b-4k3vilconx] {
    color: #991b1b;
}

.cal-kpi-oos .kpi-value[b-4k3vilconx] {
    color: #5b21b6;
}

.cal-section[b-4k3vilconx] {
    margin-bottom: 1rem;
}

.cal-section-title[b-4k3vilconx] {
    display: flex;
    align-items: center;
    min-height: 2rem;
    padding: .45rem .75rem;
    border: 1px solid #cbd5e1;
    border-left: 4px solid #1f3a5f;
    border-radius: 6px;
    background: #f8fafc;
    color: #102033;
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cal-attention-title[b-4k3vilconx] {
    border-left-color: #dc2626;
    color: #7f1d1d;
    background: #fff7ed;
}

.cal-table[b-4k3vilconx] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border: 1px solid #cbd5e1;
    font-size: .69rem;
}

.cal-section-title + .cal-table[b-4k3vilconx] {
    margin-top: .55rem;
}

.cal-table th[b-4k3vilconx] {
    padding: .46rem .34rem;
    border-right: 1px solid #cbd5e1;
    border-bottom: 2px solid #94a3b8;
    background: #e8eef6;
    color: #1e293b;
    font-size: .55rem;
    font-weight: 900;
    letter-spacing: .015em;
    line-height: 1.15;
    text-align: left;
    text-transform: uppercase;
    vertical-align: bottom;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
}

.cal-table th:last-child[b-4k3vilconx] {
    border-right: none;
}

.cal-table td[b-4k3vilconx] {
    padding: .42rem .38rem;
    border-right: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    color: #1f2937;
    line-height: 1.35;
    vertical-align: middle;
    overflow-wrap: anywhere;
}

.cal-table td:last-child[b-4k3vilconx] {
    border-right: none;
}

.cal-table tbody tr:nth-child(even)[b-4k3vilconx] {
    background: #f8fafc;
}

.cal-table tbody tr.row-overdue[b-4k3vilconx] {
    background: #fff1f2;
}

.cal-table tbody tr.row-oos[b-4k3vilconx] {
    background: #faf5ff;
}

.cal-table tbody tr.row-attention[b-4k3vilconx] {
    background: #fff7ed;
}

.col-asset-no[b-4k3vilconx] {
    width: 8%;
    white-space: nowrap;
}

.col-desc[b-4k3vilconx] {
    width: 15%;
}

.col-dept[b-4k3vilconx] {
    width: 10%;
}

.col-req[b-4k3vilconx] {
    width: 11%;
}

.col-interval[b-4k3vilconx] {
    width: 5%;
    text-align: center;
}

.col-last[b-4k3vilconx],
.col-due[b-4k3vilconx] {
    width: 8%;
}

.col-status[b-4k3vilconx] {
    width: 9%;
}

.col-result[b-4k3vilconx] {
    width: 7%;
}

.col-cert[b-4k3vilconx] {
    width: 11%;
}

.col-site[b-4k3vilconx] {
    width: 8%;
}

.cell-overdue[b-4k3vilconx] {
    color: #b91c1c !important;
    font-weight: 900;
}

.cell-soon[b-4k3vilconx] {
    color: #a16207 !important;
    font-weight: 800;
}

.cal-status-badge[b-4k3vilconx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 4rem;
    padding: .2rem .42rem;
    border-radius: 5px;
    font-size: .57rem;
    font-weight: 900;
    letter-spacing: .07em;
    line-height: 1.1;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

.badge-ok[b-4k3vilconx] {
    background: #d1fae5;
    border: 1px solid #10b981;
    color: #064e3b;
}

.badge-soon[b-4k3vilconx] {
    background: #fef3c7;
    border: 1px solid #d97706;
    color: #78350f;
}

.badge-overdue[b-4k3vilconx] {
    background: #fee2e2;
    border: 1px solid #dc2626;
    color: #7f1d1d;
}

.badge-oos[b-4k3vilconx],
.badge-review[b-4k3vilconx] {
    background: #ede9fe;
    border: 1px solid #7c3aed;
    color: #4c1d95;
}

.badge-neutral[b-4k3vilconx] {
    background: #f1f5f9;
    border: 1px solid #94a3b8;
    color: #334155;
}

.cal-empty[b-4k3vilconx],
.cal-loading[b-4k3vilconx] {
    padding: 2rem;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    color: #64748b;
    text-align: center;
}

.cal-footer[b-4k3vilconx] {
    margin-top: 1.4rem;
    padding-top: .9rem;
    border-top: 3px double #334155;
}

.cal-footer-disclaimer[b-4k3vilconx] {
    margin-bottom: 1.4rem;
    padding: .75rem .9rem;
    border: 1px solid #cbd5e1;
    border-left: 4px solid #166534;
    border-radius: 6px;
    background: #f8fafc;
    color: #334155;
    font-size: .68rem;
    line-height: 1.6;
}

.cal-footer-disclaimer strong[b-4k3vilconx] {
    color: #102033;
}

.cal-footer-sig[b-4k3vilconx] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.8rem;
}

.sig-block[b-4k3vilconx] {
    text-align: center;
}

.sig-label[b-4k3vilconx] {
    display: block;
    color: #64748b;
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sig-line[b-4k3vilconx] {
    height: 2.65rem;
    border-bottom: 1px solid #475569;
}

.avoid-break[b-4k3vilconx] {
    break-inside: avoid;
    page-break-inside: avoid;
}

@media print {
    .no-print[b-4k3vilconx] {
        display: none !important;
    }

    .cal-report-page[b-4k3vilconx] {
        padding: 0;
    }

    .cal-header[b-4k3vilconx],
    .cal-header-band[b-4k3vilconx],
    .cal-filter-band[b-4k3vilconx],
    .cal-kpi[b-4k3vilconx],
    .cal-section-title[b-4k3vilconx],
    .cal-table th[b-4k3vilconx],
    .cal-table tbody tr[b-4k3vilconx],
    .cal-status-badge[b-4k3vilconx],
    .cal-footer-disclaimer[b-4k3vilconx] {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .cal-table[b-4k3vilconx] {
        font-size: .63rem;
    }

    .cal-table th[b-4k3vilconx] {
        padding: .32rem .32rem;
        font-size: .52rem;
    }

    .cal-table td[b-4k3vilconx] {
        padding: .28rem .32rem;
    }

    .cal-status-badge[b-4k3vilconx] {
        min-width: 3.6rem;
        font-size: .52rem;
    }

    @page {
        size: A4 landscape;
        margin: 10mm 12mm;
    }
}
/* /Pages/Testing/Fire.razor.rz.scp.css */
.toolbar[b-uikjtj674a] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 1rem 0;
}

.search-input[b-uikjtj674a],
.filter-select[b-uikjtj674a] {
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.search-input[b-uikjtj674a] {
    min-width: 320px;
    flex: 1 1 320px;
}

.filter-select[b-uikjtj674a] {
    min-width: 180px;
}

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

.register-table[b-uikjtj674a] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.register-table th[b-uikjtj674a],
.register-table td[b-uikjtj674a] {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.93rem;
    white-space: nowrap;
}

.register-table thead th[b-uikjtj674a] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.register-table tbody tr:hover[b-uikjtj674a] {
    background: #f8fafd;
}

.register-table a[b-uikjtj674a] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.register-table a:hover[b-uikjtj674a] {
    text-decoration: underline;
}

.error-message[b-uikjtj674a] {
    color: #b42318;
}
/* /Pages/Testing/FireProfileEdit.razor.rz.scp.css */
.asset-banner[b-88almcodti] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: #eef2f9;
    border: 1px solid #d0daea;
    border-radius: 8px;
    padding: 0.6rem 1rem;
    margin-bottom: 1.25rem;
    font-size: 0.92rem;
}

.asset-code[b-88almcodti] { font-weight: 700; color: #1f355c; }
.asset-name[b-88almcodti] { color: #3f5176; flex: 1; }

.btn-back[b-88almcodti] { font-size: 0.85rem; color: #3f5176; text-decoration: none; }
.btn-back:hover[b-88almcodti] { text-decoration: underline; }

.edit-form[b-88almcodti] { display: flex; flex-direction: column; gap: 1.25rem; margin-top: 0.5rem; }

.form-section[b-88almcodti] {
    border: 1px solid #dce5f0;
    border-radius: 10px;
    padding: 1rem 1.25rem;
    background: #f8fafd;
}

.form-section legend[b-88almcodti] {
    padding: 0 0.5rem;
    color: #3f5176;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.form-grid[b-88almcodti] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    margin-top: 0.5rem;
}

.form-grid label[b-88almcodti] {
    display: block;
    margin-bottom: 0.35rem;
    color: #3f5176;
    font-size: 0.88rem;
    font-weight: 600;
}

.form-grid input[b-88almcodti],
.form-grid select[b-88almcodti] {
    width: 100%;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
    font-size: 0.92rem;
}

.checkbox-field label[b-88almcodti] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1.5rem;
    color: #3f5176;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

.form-actions[b-88almcodti] { display: flex; gap: 0.6rem; margin-top: 0.25rem; }

.btn-save[b-88almcodti] {
    border: none;
    border-radius: 8px;
    background: #1f355c;
    color: #ffffff;
    padding: 0.5rem 1.25rem;
    font-weight: 600;
    cursor: pointer;
    font-size: 0.92rem;
}

.btn-save:hover[b-88almcodti] { background: #2c4a82; }

.btn-cancel[b-88almcodti] {
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #ffffff;
    color: #1f355c;
    padding: 0.5rem 1.25rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    font-size: 0.92rem;
}

.btn-cancel:hover[b-88almcodti] { background: #eef2f8; }
.error-message[b-88almcodti] { color: #b42318; }
/* /Pages/Testing/Index.razor.rz.scp.css */
.summary-grid[b-at7b38vfot] {
    margin-top: 1rem;
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.summary-card[b-at7b38vfot] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 12px;
    padding: 0.85rem 0.95rem;
}

.summary-card h2[b-at7b38vfot] {
    margin: 0;
    font-size: 0.95rem;
    color: #3f5176;
}

.summary-value[b-at7b38vfot] {
    margin: 0.55rem 0 0;
    color: #172033;
    font-size: 1.2rem;
    font-weight: 700;
}

.quick-links[b-at7b38vfot] {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.quick-links a[b-at7b38vfot] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.quick-links a:hover[b-at7b38vfot] {
    text-decoration: underline;
}

.summary-sections-grid[b-at7b38vfot] {
    margin-top: 1rem;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
}

section[b-at7b38vfot] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 12px;
    padding: 0.9rem;
}

section h2[b-at7b38vfot] {
    margin: 0 0 0.6rem;
    color: #24324e;
    font-size: 1rem;
}

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

.admin-table[b-at7b38vfot] {
    width: 100%;
    border-collapse: collapse;
}

.admin-table th[b-at7b38vfot],
.admin-table td[b-at7b38vfot] {
    padding: 0.65rem 0.7rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.9rem;
    white-space: nowrap;
}

.admin-table thead th[b-at7b38vfot] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.alert-value[b-at7b38vfot] {
    color: #b33030;
}

.error-message[b-at7b38vfot] {
    margin-top: 1rem;
    color: #b42318;
}
/* /Pages/Testing/PAT.razor.rz.scp.css */
.toolbar[b-ux90m2pj57] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: 1rem 0;
}

.search-input[b-ux90m2pj57],
.filter-select[b-ux90m2pj57] {
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.search-input[b-ux90m2pj57] {
    min-width: 320px;
    flex: 1 1 320px;
}

.filter-select[b-ux90m2pj57] {
    min-width: 180px;
}

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

.register-table[b-ux90m2pj57] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    overflow: hidden;
}

.register-table th[b-ux90m2pj57],
.register-table td[b-ux90m2pj57] {
    padding: 0.7rem 0.8rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.93rem;
    white-space: nowrap;
}

.register-table thead th[b-ux90m2pj57] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.register-table tbody tr:hover[b-ux90m2pj57] {
    background: #f8fafd;
}

.register-table a[b-ux90m2pj57] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.register-table a:hover[b-ux90m2pj57] {
    text-decoration: underline;
}

.error-message[b-ux90m2pj57] {
    color: #b42318;
}

.row-actions[b-ux90m2pj57] {
    white-space: nowrap;
    display: flex;
    gap: 0.4rem;
    align-items: center;
}

.action-link[b-ux90m2pj57] {
    display: inline-block;
    padding: 0.2rem 0.55rem;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    background: #e8edf8;
    color: #1f355c;
    border: 1px solid #c5d2e6;
}

.action-link:hover[b-ux90m2pj57] {
    background: #d0d9ef;
    text-decoration: none;
}

.action-link-warn[b-ux90m2pj57] {
    background: #fff7ed;
    color: #92400e;
    border-color: #fbbf24;
}

.action-link-warn:hover[b-ux90m2pj57] {
    background: #fef3c7;
    text-decoration: none;
}
/* /Pages/Testing/PatProfileEdit.razor.rz.scp.css */
.asset-banner[b-l0nww1ajrx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: #eef2f9;
    border: 1px solid #d0daea;
    border-radius: 8px;
    padding: 0.6rem 1rem;
    margin-bottom: 1.25rem;
    font-size: 0.92rem;
}

.asset-code[b-l0nww1ajrx] { font-weight: 700; color: #1f355c; }
.asset-name[b-l0nww1ajrx] { color: #3f5176; flex: 1; }

.btn-back[b-l0nww1ajrx] { font-size: 0.85rem; color: #3f5176; text-decoration: none; }
.btn-back:hover[b-l0nww1ajrx] { text-decoration: underline; }

.edit-form[b-l0nww1ajrx] { display: flex; flex-direction: column; gap: 1.25rem; margin-top: 0.5rem; }

.form-section[b-l0nww1ajrx] {
    border: 1px solid #dce5f0;
    border-radius: 10px;
    padding: 1rem 1.25rem;
    background: #f8fafd;
}

.form-section legend[b-l0nww1ajrx] {
    padding: 0 0.5rem;
    color: #3f5176;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.form-grid[b-l0nww1ajrx] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    margin-top: 0.5rem;
}

.form-grid label[b-l0nww1ajrx] {
    display: block;
    margin-bottom: 0.35rem;
    color: #3f5176;
    font-size: 0.88rem;
    font-weight: 600;
}

.form-grid input[b-l0nww1ajrx],
.form-grid select[b-l0nww1ajrx] {
    width: 100%;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
    font-size: 0.92rem;
}

.checkbox-field label[b-l0nww1ajrx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1.5rem;
    color: #3f5176;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
}

.form-actions[b-l0nww1ajrx] { display: flex; gap: 0.6rem; margin-top: 0.25rem; }

.btn-save[b-l0nww1ajrx] {
    border: none;
    border-radius: 8px;
    background: #1f355c;
    color: #ffffff;
    padding: 0.5rem 1.25rem;
    font-weight: 600;
    cursor: pointer;
    font-size: 0.92rem;
}

.btn-save:hover[b-l0nww1ajrx] { background: #2c4a82; }

.btn-cancel[b-l0nww1ajrx] {
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #ffffff;
    color: #1f355c;
    padding: 0.5rem 1.25rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    font-size: 0.92rem;
}

.btn-cancel:hover[b-l0nww1ajrx] { background: #eef2f8; }
.error-message[b-l0nww1ajrx] { color: #b42318; }
/* /Pages/Training/TakeCourse.razor.rz.scp.css */
.course-step-panel[b-xt5m6pwqw1] {
    border: 1px solid color-mix(in srgb, var(--accent, #2563eb) 28%, #dbe7ff);
    background: linear-gradient(155deg, #f7fbff 0%, #ffffff 42%, #f6f9ff 100%);
    box-shadow: 0 14px 28px rgba(16, 24, 40, 0.09);
}

.course-step-header[b-xt5m6pwqw1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.course-step-kicker[b-xt5m6pwqw1] {
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #1d4ed8;
}

.course-step-title[b-xt5m6pwqw1] {
    margin: 0.15rem 0 0.25rem;
}

.course-step-progress[b-xt5m6pwqw1] {
    min-width: 62px;
    text-align: center;
    font-weight: 800;
    color: #0f172a;
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    padding: 0.35rem 0.55rem;
    border-radius: 999px;
}

.course-progress-track[b-xt5m6pwqw1] {
    width: 100%;
    height: 0.65rem;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
    margin-bottom: 1rem;
}

.course-progress-fill[b-xt5m6pwqw1] {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #0ea5e9 0%, #2563eb 52%, #4f46e5 100%);
    transition: width 0.2s ease;
}

.course-step-body[b-xt5m6pwqw1] {
    padding: 0.85rem 0.95rem;
    border: 1px solid #dbe7ff;
    border-radius: 10px;
    background: #ffffff;
    line-height: 1.65;
}

.course-confirm-row[b-xt5m6pwqw1] {
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    border-radius: 8px;
    padding: 0.7rem 0.8rem;
}

.course-ack-note[b-xt5m6pwqw1] {
    margin: 0.65rem 0 0;
    color: #92400e;
    font-size: 0.82rem;
    font-weight: 600;
}

.course-step-actions[b-xt5m6pwqw1] {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    gap: 0.6rem;
}

.course-step-actions .pm-btn[b-xt5m6pwqw1] {
    min-width: 150px;
}

@media (max-width: 900px) {
    .course-step-header[b-xt5m6pwqw1] {
        flex-direction: column;
    }

    .course-step-progress[b-xt5m6pwqw1] {
        align-self: flex-start;
    }

    .course-step-actions[b-xt5m6pwqw1] {
        flex-direction: column;
    }

    .course-step-actions .pm-btn[b-xt5m6pwqw1] {
        width: 100%;
    }
}
/* /Pages/WorkOrders/Completion.razor.rz.scp.css */
/* =============================================
   Completion Sheet — Screen + Print styles
   A4-optimized, ink-friendly, professional
   ============================================= */

/* --- Screen-only toolbar --- */

.screen-toolbar[b-7ufocjc16r] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem 1rem;
    background: #f0f4fa;
    border-bottom: 1px solid #d9dfeb;
    position: sticky;
    top: 0;
    z-index: 10;
}

.btn-back[b-7ufocjc16r] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
}

.btn-back:hover[b-7ufocjc16r] { text-decoration: underline; }

.btn-print[b-7ufocjc16r] {
    margin-left: auto;
    padding: 0.4rem 1rem;
    background: #214d9d;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
}

.btn-print:hover[b-7ufocjc16r] { background: #183b7a; }

/* --- Incomplete banner --- */

.incomplete-banner[b-7ufocjc16r] {
    margin: 0.75rem 0 0;
    padding: 0.55rem 0.85rem;
    background: #fef7e0;
    border: 1px solid #e6c84a;
    border-radius: 6px;
    font-size: 0.88rem;
    font-weight: 600;
    color: #7a5a00;
}

.incomplete-banner-print[b-7ufocjc16r] {
    display: none;
}

.print-only[b-7ufocjc16r] {
    display: none;
}

/* --- Page container --- */

.cert-page[b-7ufocjc16r] {
    max-width: 210mm;
    margin: 0 auto;
    padding: 1.5rem 2rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.88rem;
    color: #172033;
    line-height: 1.45;
}

.cert-loading[b-7ufocjc16r] {
    text-align: center;
    padding: 3rem 1rem;
    color: #607196;
    font-size: 1rem;
}

/* --- Header --- */

.cert-header[b-7ufocjc16r] {
    border-bottom: 2px solid #24324e;
    padding-bottom: 0.75rem;
    margin-bottom: 1rem;
}

.header-brand[b-7ufocjc16r] {
    margin-bottom: 0.25rem;
}

.brand-name[b-7ufocjc16r] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #607196;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.header-title[b-7ufocjc16r] {
    margin: 0 0 0.5rem;
    font-size: 1.35rem;
    font-weight: 700;
    color: #24324e;
    letter-spacing: 0.04em;
}

.header-grid[b-7ufocjc16r] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.35rem 1rem;
}

.header-field[b-7ufocjc16r] {
    display: flex;
    gap: 0.35rem;
    align-items: baseline;
}

.hf-label[b-7ufocjc16r] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #607196;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.hf-value[b-7ufocjc16r] {
    font-size: 0.88rem;
    color: #172033;
    font-weight: 500;
}

.hf-primary[b-7ufocjc16r] {
    font-weight: 700;
    color: #214d9d;
    font-size: 0.95rem;
}

.hf-completed[b-7ufocjc16r] {
    font-weight: 700;
    color: #1a7431;
}

.routine-flag[b-7ufocjc16r] {
    margin-top: 0.5rem;
    padding: 0.3rem 0.6rem;
    background: #f0f4fa;
    border: 1px solid #d9dfeb;
    border-radius: 4px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #3f5176;
}

/* --- Sections --- */

.cert-section[b-7ufocjc16r] {
    margin-bottom: 1rem;
}

.section-title[b-7ufocjc16r] {
    margin: 0 0 0.4rem;
    font-size: 0.88rem;
    font-weight: 700;
    color: #24324e;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 1px solid #d9dfeb;
    padding-bottom: 0.2rem;
}

/* --- Detail grids --- */

.detail-grid[b-7ufocjc16r] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.25rem 1rem;
}

.detail-field[b-7ufocjc16r] {
    display: flex;
    gap: 0.3rem;
    align-items: baseline;
    padding: 0.15rem 0;
}

.detail-wide[b-7ufocjc16r] {
    grid-column: 1 / -1;
}

.df-label[b-7ufocjc16r] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #607196;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
    min-width: 6rem;
}

.df-value[b-7ufocjc16r] {
    font-size: 0.88rem;
    color: #172033;
}

.description-block[b-7ufocjc16r] {
    margin-top: 0.4rem;
    padding: 0.4rem 0;
}

.description-text[b-7ufocjc16r] {
    margin: 0.2rem 0 0;
    font-size: 0.88rem;
    color: #172033;
    line-height: 1.5;
    white-space: pre-wrap;
}

.empty-note[b-7ufocjc16r] {
    color: #607196;
    font-size: 0.85rem;
    font-style: italic;
    margin: 0.25rem 0;
}

/* --- Completion notes box --- */

.completion-notes-box[b-7ufocjc16r] {
    padding: 0.5rem 0.65rem;
    background: #f8fafd;
    border: 1px solid #d9dfeb;
    border-radius: 4px;
}

/* --- Tables --- */

.cert-table[b-7ufocjc16r] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

.cert-table th[b-7ufocjc16r],
.cert-table td[b-7ufocjc16r] {
    padding: 0.3rem 0.5rem;
    border: 1px solid #cdd6e6;
    text-align: left;
    vertical-align: top;
}

.cert-table thead th[b-7ufocjc16r] {
    background: #f0f4fa;
    font-weight: 600;
    color: #3f5176;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.cert-table .num[b-7ufocjc16r] {
    text-align: right;
}

.totals-row[b-7ufocjc16r] {
    background: #f8fafd;
    font-weight: 600;
}

/* --- Cost summary table --- */

.cost-table[b-7ufocjc16r] {
    width: 280px;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.cost-table td[b-7ufocjc16r] {
    padding: 0.25rem 0.5rem;
    border-bottom: 1px solid #e6ebf3;
}

.cost-table .num[b-7ufocjc16r] {
    text-align: right;
    min-width: 6rem;
}

.cost-total-row[b-7ufocjc16r] {
    border-top: 2px solid #24324e;
}

.cost-total-row td[b-7ufocjc16r] {
    border-bottom: none;
    padding-top: 0.35rem;
}

.cost-caveat[b-7ufocjc16r] {
    margin: 0.3rem 0 0;
    font-size: 0.78rem;
    color: #607196;
    font-style: italic;
}

/* --- Sign-off --- */

.signoff-section[b-7ufocjc16r] {
    margin-top: 1.5rem;
}

.signoff-grid[b-7ufocjc16r] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
}

.signoff-block[b-7ufocjc16r] {
    border-bottom: 1px dotted #cdd6e6;
    padding-bottom: 0.35rem;
}

.signoff-role[b-7ufocjc16r] {
    display: block;
    font-size: 0.8rem;
    font-weight: 700;
    color: #3f5176;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 0.3rem;
}

.signoff-fields[b-7ufocjc16r] {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 0.4rem;
}

.signoff-line[b-7ufocjc16r] {
    font-size: 0.82rem;
    color: #607196;
}

/* --- Remarks box --- */

.remarks-section[b-7ufocjc16r] {
    margin-top: 0.5rem;
}

.remarks-box[b-7ufocjc16r] {
    border: 1px solid #cdd6e6;
    border-radius: 4px;
    min-height: 60px;
}

/* --- Footer --- */

.cert-footer[b-7ufocjc16r] {
    margin-top: 1.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid #d9dfeb;
    display: flex;
    justify-content: space-between;
    font-size: 0.72rem;
    color: #607196;
}

/* =============================================
   Print media rules
   ============================================= */

@media print {
    .no-print[b-7ufocjc16r] {
        display: none !important;
    }

    .print-only[b-7ufocjc16r] {
        display: block !important;
    }

    .incomplete-banner-print[b-7ufocjc16r] {
        display: block !important;
        text-align: center;
        font-size: 10pt;
        font-weight: 700;
        color: #7a5a00;
        border: 2px solid #7a5a00;
        padding: 4pt 8pt;
        margin-bottom: 6pt;
    }

    .cert-page[b-7ufocjc16r] {
        padding: 0;
        margin: 0;
        max-width: none;
    }

    @page {
        size: A4 portrait;
        margin: 12mm 15mm 15mm 15mm;
    }

    .avoid-break[b-7ufocjc16r] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .cert-table thead[b-7ufocjc16r] {
        display: table-header-group;
    }

    .cert-table tr[b-7ufocjc16r] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    /* Ink-saving: remove backgrounds */
    .cert-table thead th[b-7ufocjc16r] {
        background: none !important;
        border-bottom: 2px solid #24324e;
    }

    .totals-row[b-7ufocjc16r] {
        background: none !important;
        border-top: 2px solid #24324e;
    }

    .routine-flag[b-7ufocjc16r] {
        background: none !important;
        border-color: #607196;
    }

    .completion-notes-box[b-7ufocjc16r] {
        background: none !important;
        border-color: #607196;
    }

    /* Sign-off: keep together and give space for writing */
    .signoff-section[b-7ufocjc16r] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .signoff-block[b-7ufocjc16r] {
        padding-bottom: 8mm;
    }

    /* Remarks box: taller for handwriting */
    .remarks-box[b-7ufocjc16r] {
        min-height: 25mm;
    }

    /* Fixed footer */
    .cert-footer[b-7ufocjc16r] {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        border-top: 1px solid #607196;
        padding: 3mm 0 0;
        font-size: 7pt;
    }

    .cert-page[b-7ufocjc16r] {
        padding-bottom: 15mm;
    }

    body[b-7ufocjc16r] {
        color: #000000;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .header-title[b-7ufocjc16r] {
        font-size: 14pt;
    }

    .section-title[b-7ufocjc16r] {
        font-size: 9pt;
    }

    .cert-table th[b-7ufocjc16r],
    .cert-table td[b-7ufocjc16r] {
        font-size: 8pt;
        padding: 2pt 4pt;
    }

    .detail-field[b-7ufocjc16r],
    .header-field[b-7ufocjc16r] {
        font-size: 8.5pt;
    }
}
/* /Pages/WorkOrders/Detail.razor.rz.scp.css */
.detail-toolbar[b-kny274zozc] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
}

.btn-back[b-kny274zozc],
.btn-link[b-kny274zozc] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
}

.btn-back:hover[b-kny274zozc],
.btn-link:hover[b-kny274zozc] { text-decoration: underline; }

.btn-edit[b-kny274zozc] {
    padding: 0.4rem 0.85rem;
    background: #214d9d;
    color: #ffffff;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.87rem;
    text-decoration: none;
    margin-left: auto;
}

.btn-edit:hover[b-kny274zozc] { background: #183b7a; }

.btn-print[b-kny274zozc] {
    padding: 0.4rem 0.85rem;
    background: #3f5176;
    color: #ffffff;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.87rem;
    text-decoration: none;
}

.btn-print:hover[b-kny274zozc] { background: #2e3d5a; }

.btn-completion[b-kny274zozc] {
    padding: 0.4rem 0.85rem;
    background: #1a7431;
    color: #ffffff;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.87rem;
    text-decoration: none;
}

.btn-completion:hover[b-kny274zozc] { background: #145a26; }

.btn-completion.btn-disabled[b-kny274zozc] {
    background: #e6ebf3;
    color: #9aa5b8;
    cursor: not-allowed;
    pointer-events: none;
}

.asset-banner[b-kny274zozc] {
    margin-top: 0.75rem;
    display: flex;
    gap: 0.75rem;
    align-items: center;
    background: #f0f4fa;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    padding: 0.55rem 0.85rem;
    font-size: 0.9rem;
}

.asset-code[b-kny274zozc] {
    font-weight: 700;
    color: #214d9d;
}

.asset-name[b-kny274zozc] {
    color: #24324e;
    font-weight: 600;
}

.asset-loc[b-kny274zozc] {
    color: #607196;
    margin-left: auto;
}

.tab-bar[b-kny274zozc] {
    display: flex;
    gap: 0;
    margin-top: 1rem;
    border-bottom: 2px solid #d9dfeb;
    overflow-x: auto;
}

.tab-btn[b-kny274zozc] {
    padding: 0.55rem 1rem;
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    font-size: 0.9rem;
    font-weight: 600;
    color: #607196;
    cursor: pointer;
    white-space: nowrap;
}

.tab-btn:hover[b-kny274zozc] { color: #214d9d; }

.tab-btn.active[b-kny274zozc] {
    color: #214d9d;
    border-bottom-color: #214d9d;
}

.tab-content[b-kny274zozc] {
    margin-top: 1rem;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
    padding: 1rem;
}

.tab-content h3[b-kny274zozc] {
    margin: 0 0 0.75rem;
    font-size: 1rem;
    color: #24324e;
}

.section-divider[b-kny274zozc] {
    margin-top: 1.5rem !important;
    padding-top: 1rem;
    border-top: 1px solid #e6ebf3;
}

.assignment-panel[b-kny274zozc] {
    margin-bottom: 1rem;
    padding: 0.85rem;
    border: 1px solid #dce4f2;
    border-radius: 8px;
    background: #fbfcff;
}

.assignment-panel-header[b-kny274zozc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.65rem;
}

.assignment-panel-header h3[b-kny274zozc] {
    margin: 0;
}

.assignment-count[b-kny274zozc] {
    flex-shrink: 0;
    padding: 0.18rem 0.5rem;
    border-radius: 999px;
    background: #e8f0fe;
    color: #214d9d;
    font-size: 0.78rem;
    font-weight: 700;
}

.assignment-empty[b-kny274zozc] {
    margin: 0;
    color: #607196;
    font-size: 0.92rem;
}

.assignment-list[b-kny274zozc] {
    display: grid;
    gap: 0.55rem;
}

.assignment-item[b-kny274zozc] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.65rem;
    align-items: start;
    padding: 0.65rem;
    border-radius: 8px;
    background: #f3f7fd;
}

.assignment-item strong[b-kny274zozc] {
    display: block;
    color: #172033;
    font-size: 0.95rem;
}

.assignment-type[b-kny274zozc] {
    min-width: 5.3rem;
    text-align: center;
    padding: 0.18rem 0.45rem;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #d9e2f1;
    color: #41567d;
    font-size: 0.73rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.assignment-meta[b-kny274zozc] {
    display: block;
    margin-top: 0.14rem;
    color: #607196;
    font-size: 0.84rem;
}

.overview-grid[b-kny274zozc] {
    display: grid;
    gap: 0.6rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.field[b-kny274zozc] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.5rem 0.65rem;
    background: #f8fafd;
    border-radius: 8px;
}

.field .label[b-kny274zozc] {
    font-size: 0.78rem;
    color: #607196;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.field .value[b-kny274zozc] {
    font-size: 0.93rem;
    color: #172033;
}

.notes-panel[b-kny274zozc] {
    margin-top: 1rem;
    background: #f8fafd;
    border-radius: 8px;
    padding: 0.75rem 0.85rem;
}

.notes-panel h3[b-kny274zozc] {
    margin: 0 0 0.35rem;
    font-size: 0.9rem;
    color: #3f5176;
}

.notes-panel p[b-kny274zozc] {
    margin: 0;
    color: #24324e;
    font-size: 0.93rem;
    line-height: 1.5;
}

.status-badge[b-kny274zozc],
.priority-badge[b-kny274zozc] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 600;
}

.status-open[b-kny274zozc] { background: #e8f0fe; color: #214d9d; }
.status-completed[b-kny274zozc] { background: #e6f4ea; color: #1a7431; }
.status-progress[b-kny274zozc] { background: #fef7e0; color: #7a5a00; }

.priority-critical[b-kny274zozc] { background: #fce8e6; color: #b42318; font-weight: 700; }
.priority-high[b-kny274zozc] { background: #fce8e6; color: #b42318; }
.priority-medium[b-kny274zozc] { background: #fef7e0; color: #7a5a00; }
.priority-low[b-kny274zozc] { background: #e6f4ea; color: #1a7431; }

.placeholder-section[b-kny274zozc] {
    text-align: center;
    padding: 2rem 1rem;
    color: #607196;
}

.placeholder-icon[b-kny274zozc] {
    font-size: 2rem;
    display: block;
    margin-bottom: 0.5rem;
}

.placeholder-section h3[b-kny274zozc] {
    display: inline;
    font-size: 1rem;
    color: #3f5176;
}

.placeholder-section p[b-kny274zozc] {
    margin: 0.5rem 0 0;
    font-size: 0.93rem;
    max-width: 50ch;
    margin-left: auto;
    margin-right: auto;
}

.tab-toolbar[b-kny274zozc] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.btn-add[b-kny274zozc] {
    padding: 0.35rem 0.75rem;
    background: #214d9d;
    color: #ffffff;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.85rem;
    text-decoration: none;
    margin-left: auto;
}

.btn-add:hover[b-kny274zozc] { background: #183b7a; }

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

.event-table[b-kny274zozc] {
    width: 100%;
    border-collapse: collapse;
}

.event-table th[b-kny274zozc], .event-table td[b-kny274zozc] {
    padding: 0.4rem 0.6rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.85rem;
    white-space: nowrap;
}

.event-table thead th[b-kny274zozc] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.clickable-row[b-kny274zozc] { cursor: pointer; }
.clickable-row:hover[b-kny274zozc] { background: #f0f4fa; }
.code-cell[b-kny274zozc] { font-weight: 600; color: #214d9d; }
.ref-cell[b-kny274zozc] { font-family: monospace; font-size: 0.82rem; color: #3f5176; }

.event-type-badge[b-kny274zozc] {
    display: inline-block;
    padding: 0.1rem 0.4rem;
    background: #e8f0fe;
    color: #214d9d;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 600;
}

.outcome-badge[b-kny274zozc] {
    display: inline-block;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 600;
}

.outcome-pass[b-kny274zozc] { background: #e6f4ea; color: #1a7431; }
.outcome-conditional[b-kny274zozc] { background: #fef7e0; color: #7a5a00; }
.outcome-fail[b-kny274zozc] { background: #fce8e6; color: #b42318; }

.row-count[b-kny274zozc] {
    margin-top: 0.4rem;
    font-size: 0.82rem;
    color: #607196;
}

.empty-tab[b-kny274zozc] {
    color: #607196;
    font-size: 0.93rem;
    text-align: center;
    padding: 1.5rem 0;
}

.tab-count[b-kny274zozc] {
    background: #e6ebf3;
    color: #3f5176;
    font-size: 0.75rem;
    padding: 0.1rem 0.4rem;
    border-radius: 999px;
    margin-left: 0.25rem;
}

.routine-banner[b-kny274zozc] {
    margin-top: 0.5rem;
    display: flex;
    gap: 0.5rem;
    align-items: center;
    background: #e8f0fe;
    border: 1px solid #b8d0f5;
    border-radius: 8px;
    padding: 0.45rem 0.85rem;
    font-size: 0.88rem;
}

.routine-icon[b-kny274zozc] { font-size: 1rem; }

.routine-label[b-kny274zozc] {
    font-weight: 700;
    color: #214d9d;
}

.routine-source[b-kny274zozc] {
    color: #3f5176;
    font-weight: 600;
}

.complete-section[b-kny274zozc] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e6ebf3;
}

.complete-notes-row[b-kny274zozc] {
    margin-bottom: 0.5rem;
}

.complete-notes-row label[b-kny274zozc] {
    display: block;
    margin-bottom: 0.3rem;
    color: #3f5176;
    font-size: 0.88rem;
    font-weight: 600;
}

.complete-notes-input[b-kny274zozc] {
    width: 100%;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
    font-size: 0.9rem;
    resize: vertical;
}

.btn-complete[b-kny274zozc] {
    padding: 0.4rem 0.85rem;
    background: #1a7431;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.87rem;
    cursor: pointer;
}

.btn-complete:hover[b-kny274zozc] { background: #145a26; }
.btn-complete:disabled[b-kny274zozc] { opacity: 0.6; cursor: not-allowed; }

.msg-success[b-kny274zozc] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #1a7431;
    margin: 0.3rem 0;
}

.msg-error[b-kny274zozc] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #b42318;
    margin: 0.3rem 0;
}

/* --- Labour / Parts Used tables & forms --- */

.data-table[b-kny274zozc] {
    width: 100%;
    border-collapse: collapse;
}

.data-table th[b-kny274zozc], .data-table td[b-kny274zozc] {
    padding: 0.4rem 0.6rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.85rem;
    white-space: nowrap;
}

.data-table thead th[b-kny274zozc] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

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

.num-col[b-kny274zozc] {
    text-align: right !important;
}

.action-col[b-kny274zozc] {
    text-align: right !important;
    white-space: nowrap;
}

.btn-inline-edit[b-kny274zozc],
.btn-inline-delete[b-kny274zozc] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 0.15rem 0.35rem;
    border-radius: 4px;
}

.btn-inline-edit[b-kny274zozc] {
    color: #214d9d;
}

.btn-inline-edit:hover[b-kny274zozc] {
    background: #e8f0fe;
}

.btn-inline-delete[b-kny274zozc] {
    color: #b42318;
}

.btn-inline-delete:hover[b-kny274zozc] {
    background: #fce8e6;
}

.totals-label[b-kny274zozc] {
    font-size: 0.88rem;
    color: #3f5176;
}

.totals-label strong[b-kny274zozc] {
    color: #172033;
}

.inline-form[b-kny274zozc] {
    background: #f8fafd;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    padding: 0.75rem 0.85rem;
    margin-bottom: 0.75rem;
}

.form-grid[b-kny274zozc] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.form-wide[b-kny274zozc] {
    grid-column: 1 / -1;
}

.form-field label[b-kny274zozc] {
    display: block;
    font-size: 0.78rem;
    color: #607196;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 0.15rem;
}

.form-input[b-kny274zozc] {
    width: 100%;
    border: 1px solid #cdd6e6;
    border-radius: 6px;
    background: #ffffff;
    color: #172033;
    padding: 0.4rem 0.55rem;
    font-size: 0.88rem;
    box-sizing: border-box;
}

/* AI Integration Styles */
.notes-header[b-kny274zozc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.notes-header h3[b-kny274zozc] {
    margin: 0;
}

.section-header-with-ai[b-kny274zozc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.section-header-with-ai h3[b-kny274zozc] {
    margin: 0;
}

.form-actions[b-kny274zozc] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.btn-save[b-kny274zozc] {
    padding: 0.35rem 0.75rem;
    background: #214d9d;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.85rem;
    cursor: pointer;
}

.btn-save:hover[b-kny274zozc] { background: #183b7a; }
.btn-save:disabled[b-kny274zozc] { opacity: 0.6; cursor: not-allowed; }

.btn-cancel[b-kny274zozc] {
    padding: 0.35rem 0.75rem;
    background: #e6ebf3;
    color: #3f5176;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.85rem;
    cursor: pointer;
}

.btn-cancel:hover[b-kny274zozc] { background: #d9dfeb; }

/* --- Job cost summary --- */

.cost-summary[b-kny274zozc] {
    background: #f0f4fa;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    padding: 0.75rem 0.85rem;
}

.cost-summary h3[b-kny274zozc] {
    margin: 0 0 0.5rem;
    font-size: 0.9rem;
    color: #3f5176;
}

.cost-grid[b-kny274zozc] {
    display: grid;
    gap: 0.4rem;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.cost-item[b-kny274zozc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1rem;
    padding: 0.4rem;
    background: #ffffff;
    border-radius: 6px;
    border: 1px solid #e6ebf3;
}

.cost-total[b-kny274zozc] {
    background: #e8f0fe;
    border-color: #b8d0f5;
}

.cost-label[b-kny274zozc] {
    font-size: 0.72rem;
    font-weight: 600;
    color: #607196;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cost-value[b-kny274zozc] {
    font-size: 1rem;
    font-weight: 700;
    color: #172033;
}

.cost-total .cost-value[b-kny274zozc] {
    color: #214d9d;
}

.cost-note[b-kny274zozc] {
    margin: 0.4rem 0 0;
    font-size: 0.78rem;
    color: #607196;
    font-style: italic;
}
/* /Pages/WorkOrders/Edit.razor.rz.scp.css */
.edit-form[b-7u1pii8mhs] {
    margin-top: 1rem;
}

.form-grid[b-7u1pii8mhs] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.form-grid label[b-7u1pii8mhs] {
    display: block;
    margin-bottom: 0.35rem;
    color: #3f5176;
    font-size: 0.88rem;
    font-weight: 600;
}

.form-grid input[b-7u1pii8mhs],
.form-grid select[b-7u1pii8mhs],
.form-grid textarea[b-7u1pii8mhs] {
    width: 100%;
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.5rem 0.65rem;
}

.form-grid textarea[b-7u1pii8mhs] {
    min-height: 100px;
}

.span-2[b-7u1pii8mhs] {
    grid-column: span 2;
}

.form-actions[b-7u1pii8mhs] {
    display: flex;
    gap: 0.6rem;
    margin-top: 1rem;
}

.form-actions button[b-7u1pii8mhs] {
    border: 1px solid #c5d2e6;
    border-radius: 8px;
    background: #ffffff;
    color: #1f355c;
    padding: 0.45rem 0.9rem;
    font-weight: 600;
}

.error-message[b-7u1pii8mhs] {
    margin-top: 0.75rem;
    color: #b42318;
}
/* /Pages/WorkOrders/Index.razor.rz.scp.css */
.register-toolbar[b-7fj1e5gnct] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
}

.view-tabs[b-7fj1e5gnct] {
    display: flex;
    gap: 0;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    overflow: hidden;
}

.view-btn[b-7fj1e5gnct] {
    padding: 0.45rem 0.85rem;
    background: #ffffff;
    border: none;
    font-size: 0.87rem;
    font-weight: 600;
    color: #607196;
    cursor: pointer;
    border-right: 1px solid #d9dfeb;
}

.view-btn:last-child[b-7fj1e5gnct] { border-right: none; }
.view-btn:hover[b-7fj1e5gnct] { background: #f0f4fa; }

.view-btn.active[b-7fj1e5gnct] {
    background: #214d9d;
    color: #ffffff;
}

.search-input[b-7fj1e5gnct] {
    flex: 1;
    min-width: 200px;
    padding: 0.5rem 0.75rem;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    font-size: 0.93rem;
    background: #ffffff;
    color: #172033;
}

.search-input:focus[b-7fj1e5gnct] {
    outline: none;
    border-color: #214d9d;
    box-shadow: 0 0 0 2px rgba(33, 77, 157, 0.12);
}

.btn-new[b-7fj1e5gnct] {
    padding: 0.5rem 1rem;
    background: #214d9d;
    color: #ffffff;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.9rem;
    text-decoration: none;
    white-space: nowrap;
}

.btn-new:hover[b-7fj1e5gnct] { background: #183b7a; }

.table-wrapper[b-7fj1e5gnct] {
    margin-top: 1rem;
    overflow-x: auto;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 10px;
}

.register-table[b-7fj1e5gnct] {
    width: 100%;
    border-collapse: collapse;
}

.register-table th[b-7fj1e5gnct],
.register-table td[b-7fj1e5gnct] {
    padding: 0.55rem 0.7rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.88rem;
    white-space: nowrap;
}

.register-table thead th[b-7fj1e5gnct] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
    position: sticky;
    top: 0;
}

.clickable-row[b-7fj1e5gnct] { cursor: pointer; }
.clickable-row:hover[b-7fj1e5gnct] { background: #f0f4fa; }
.code-cell[b-7fj1e5gnct] { font-weight: 600; color: #214d9d; }

.row-overdue[b-7fj1e5gnct] { background: #fef2f0; }
.row-overdue:hover[b-7fj1e5gnct] { background: #fce8e6; }
.row-due-soon[b-7fj1e5gnct] { background: #fefcf0; }
.row-due-soon:hover[b-7fj1e5gnct] { background: #fef7e0; }

.overdue-date[b-7fj1e5gnct] { color: #b42318; font-weight: 600; }

.desc-cell[b-7fj1e5gnct] {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.empty-cell[b-7fj1e5gnct] {
    text-align: center;
    color: #607196;
    padding: 1.5rem !important;
}

.status-badge[b-7fj1e5gnct],
.priority-badge[b-7fj1e5gnct] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 600;
}

.status-open[b-7fj1e5gnct] { background: #e8f0fe; color: #214d9d; }
.status-completed[b-7fj1e5gnct] { background: #e6f4ea; color: #1a7431; }
.status-progress[b-7fj1e5gnct] { background: #fef7e0; color: #7a5a00; }
.status-hold[b-7fj1e5gnct] { background: #f0f0f0; color: #555555; }
.status-cancelled[b-7fj1e5gnct] { background: #f5f5f5; color: #888888; }

.priority-high[b-7fj1e5gnct] { background: #fce8e6; color: #b42318; }
.priority-medium[b-7fj1e5gnct] { background: #fef7e0; color: #7a5a00; }
.priority-low[b-7fj1e5gnct] { background: #e6f4ea; color: #1a7431; }

.row-count[b-7fj1e5gnct] {
    margin-top: 0.5rem;
    font-size: 0.85rem;
    color: #607196;
}

.error-message[b-7fj1e5gnct] { color: #b42318; }
/* /Pages/WorkOrders/Planner.razor.rz.scp.css */
.planner-toolbar[b-2du3qdgqux] {
    margin: 1rem 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: end;
}

.toolbar-group[b-2du3qdgqux] {
    display: grid;
    gap: 0.25rem;
}

.toolbar-group label[b-2du3qdgqux] {
    font-size: 0.8rem;
    color: #4b5d81;
}

.toolbar-group select[b-2du3qdgqux],
.toolbar-group input[b-2du3qdgqux],
.toolbar-group button[b-2du3qdgqux] {
    border: 1px solid #cdd6e6;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    padding: 0.45rem 0.65rem;
}

.nav-buttons div[b-2du3qdgqux] {
    display: flex;
    gap: 0.4rem;
}

.search-group[b-2du3qdgqux] {
    min-width: 280px;
    flex: 1 1 320px;
}

.range-header[b-2du3qdgqux] {
    margin: 0.5rem 0 1rem;
    color: #2f4269;
}

.planner-layout[b-2du3qdgqux] {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 1rem;
}

.planner-main[b-2du3qdgqux] {
    display: grid;
    gap: 1rem;
}

.planner-section[b-2du3qdgqux],
.planner-summary[b-2du3qdgqux] {
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 12px;
    padding: 0.9rem;
}

.planner-section h2[b-2du3qdgqux],
.planner-summary h2[b-2du3qdgqux] {
    margin: 0 0 0.75rem;
    font-size: 1rem;
    color: #24324e;
}

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

.planner-table[b-2du3qdgqux] {
    width: 100%;
    border-collapse: collapse;
}

.planner-table th[b-2du3qdgqux],
.planner-table td[b-2du3qdgqux] {
    padding: 0.62rem 0.7rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.9rem;
    white-space: nowrap;
}

.planner-table thead th[b-2du3qdgqux] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 600;
}

.planner-table a[b-2du3qdgqux] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
}

.planner-table a:hover[b-2du3qdgqux] {
    text-decoration: underline;
}

.summary-item[b-2du3qdgqux] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    border-top: 1px solid #e6ebf3;
    padding: 0.65rem 0;
    color: #2f4269;
}

.summary-item:first-of-type[b-2du3qdgqux] {
    border-top: 0;
    padding-top: 0;
}

.summary-item strong[b-2du3qdgqux] {
    color: #172033;
}

.error-message[b-2du3qdgqux] {
    color: #b42318;
}

@media (max-width: 1100px) {
    .planner-layout[b-2du3qdgqux] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/WorkOrders/Print.razor.rz.scp.css */
/* =============================================
   Printable Work Order — Screen + Print styles
   A4-optimized, ink-friendly, professional
   ============================================= */

/* --- Screen-only toolbar --- */

.screen-toolbar[b-1kajq3tmc1] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem 1rem;
    background: #f0f4fa;
    border-bottom: 1px solid #d9dfeb;
    position: sticky;
    top: 0;
    z-index: 10;
}

.btn-back[b-1kajq3tmc1] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
}

.btn-back:hover[b-1kajq3tmc1] { text-decoration: underline; }

.btn-print[b-1kajq3tmc1] {
    margin-left: auto;
    padding: 0.4rem 1rem;
    background: #214d9d;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
}

.btn-print:hover[b-1kajq3tmc1] { background: #183b7a; }

/* --- Page container --- */

.print-page[b-1kajq3tmc1] {
    max-width: 210mm;
    margin: 0 auto;
    padding: 1.5rem 2rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 0.88rem;
    color: #172033;
    line-height: 1.45;
}

.print-loading[b-1kajq3tmc1] {
    text-align: center;
    padding: 3rem 1rem;
    color: #607196;
    font-size: 1rem;
}

/* --- Header --- */

.wo-header[b-1kajq3tmc1] {
    border-bottom: 2px solid #24324e;
    padding-bottom: 0.75rem;
    margin-bottom: 1rem;
}

.header-brand[b-1kajq3tmc1] {
    margin-bottom: 0.25rem;
}

.brand-name[b-1kajq3tmc1] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #607196;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.header-title[b-1kajq3tmc1] {
    margin: 0 0 0.5rem;
    font-size: 1.35rem;
    font-weight: 700;
    color: #24324e;
    letter-spacing: 0.04em;
}

.header-grid[b-1kajq3tmc1] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.35rem 1rem;
}

.header-field[b-1kajq3tmc1] {
    display: flex;
    gap: 0.35rem;
    align-items: baseline;
}

.hf-label[b-1kajq3tmc1] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #607196;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.hf-value[b-1kajq3tmc1] {
    font-size: 0.88rem;
    color: #172033;
    font-weight: 500;
}

.hf-primary[b-1kajq3tmc1] {
    font-weight: 700;
    color: #214d9d;
    font-size: 0.95rem;
}

.routine-flag[b-1kajq3tmc1] {
    margin-top: 0.5rem;
    padding: 0.3rem 0.6rem;
    background: #f0f4fa;
    border: 1px solid #d9dfeb;
    border-radius: 4px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #3f5176;
}

/* --- Sections --- */

.print-section[b-1kajq3tmc1] {
    margin-bottom: 1rem;
}

.section-title[b-1kajq3tmc1] {
    margin: 0 0 0.4rem;
    font-size: 0.88rem;
    font-weight: 700;
    color: #24324e;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 1px solid #d9dfeb;
    padding-bottom: 0.2rem;
}

/* --- Detail grids --- */

.detail-grid[b-1kajq3tmc1] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.25rem 1rem;
}

.detail-field[b-1kajq3tmc1] {
    display: flex;
    gap: 0.3rem;
    align-items: baseline;
    padding: 0.15rem 0;
}

.detail-wide[b-1kajq3tmc1] {
    grid-column: 1 / -1;
}

.df-label[b-1kajq3tmc1] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #607196;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
    min-width: 6rem;
}

.df-value[b-1kajq3tmc1] {
    font-size: 0.88rem;
    color: #172033;
}

.description-block[b-1kajq3tmc1] {
    margin-top: 0.4rem;
    padding: 0.4rem 0;
}

.description-text[b-1kajq3tmc1] {
    margin: 0.2rem 0 0;
    font-size: 0.88rem;
    color: #172033;
    line-height: 1.5;
    white-space: pre-wrap;
}

.empty-note[b-1kajq3tmc1] {
    color: #607196;
    font-size: 0.85rem;
    font-style: italic;
    margin: 0.25rem 0;
}

/* --- Tables --- */

.print-table[b-1kajq3tmc1] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

.print-table th[b-1kajq3tmc1],
.print-table td[b-1kajq3tmc1] {
    padding: 0.3rem 0.5rem;
    border: 1px solid #cdd6e6;
    text-align: left;
    vertical-align: top;
}

.print-table thead th[b-1kajq3tmc1] {
    background: #f0f4fa;
    font-weight: 600;
    color: #3f5176;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.print-table .num[b-1kajq3tmc1] {
    text-align: right;
}

.totals-row[b-1kajq3tmc1] {
    background: #f8fafd;
    font-weight: 600;
}

/* --- Cost summary table --- */

.cost-table[b-1kajq3tmc1] {
    width: 280px;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.cost-table td[b-1kajq3tmc1] {
    padding: 0.25rem 0.5rem;
    border-bottom: 1px solid #e6ebf3;
}

.cost-table .num[b-1kajq3tmc1] {
    text-align: right;
    min-width: 6rem;
}

.cost-total-row[b-1kajq3tmc1] {
    border-top: 2px solid #24324e;
}

.cost-total-row td[b-1kajq3tmc1] {
    border-bottom: none;
    padding-top: 0.35rem;
}

.cost-caveat[b-1kajq3tmc1] {
    margin: 0.3rem 0 0;
    font-size: 0.78rem;
    color: #607196;
    font-style: italic;
}

/* --- Sign-off --- */

.signoff-section[b-1kajq3tmc1] {
    margin-top: 1.5rem;
}

.signoff-grid[b-1kajq3tmc1] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.signoff-row[b-1kajq3tmc1] {
    display: grid;
    grid-template-columns: 160px 1fr 1fr auto;
    gap: 0.5rem;
    align-items: end;
    padding-bottom: 0.2rem;
    border-bottom: 1px dotted #cdd6e6;
}

.signoff-role[b-1kajq3tmc1] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #3f5176;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.signoff-line[b-1kajq3tmc1] {
    font-size: 0.82rem;
    color: #607196;
}

.signoff-date[b-1kajq3tmc1] {
    min-width: 120px;
}

/* --- Footer --- */

.print-footer[b-1kajq3tmc1] {
    margin-top: 1.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid #d9dfeb;
    display: flex;
    justify-content: space-between;
    font-size: 0.72rem;
    color: #607196;
}

/* =============================================
   Print media rules
   ============================================= */

@media print {
    .no-print[b-1kajq3tmc1] {
        display: none !important;
    }

    /* Reset page margins and backgrounds */
    .print-page[b-1kajq3tmc1] {
        padding: 0;
        margin: 0;
        max-width: none;
    }

    /* A4 page setup */
    @page {
        size: A4 portrait;
        margin: 12mm 15mm 15mm 15mm;
    }

    /* Avoid page breaks inside important sections */
    .avoid-break[b-1kajq3tmc1] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    /* Keep table headers on each page */
    .print-table thead[b-1kajq3tmc1] {
        display: table-header-group;
    }

    /* Prevent orphaned table rows */
    .print-table tr[b-1kajq3tmc1] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    /* Remove background colours for ink saving */
    .print-table thead th[b-1kajq3tmc1] {
        background: none !important;
        border-bottom: 2px solid #24324e;
    }

    .totals-row[b-1kajq3tmc1] {
        background: none !important;
        border-top: 2px solid #24324e;
    }

    .routine-flag[b-1kajq3tmc1] {
        background: none !important;
        border-color: #607196;
    }

    /* Keep sign-off section together */
    .signoff-section[b-1kajq3tmc1] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    /* Footer on every page bottom */
    .print-footer[b-1kajq3tmc1] {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        border-top: 1px solid #607196;
        padding: 3mm 0 0;
        font-size: 7pt;
    }

    /* Add space at bottom for fixed footer */
    .print-page[b-1kajq3tmc1] {
        padding-bottom: 15mm;
    }

    /* Ensure text is black for readability */
    body[b-1kajq3tmc1] {
        color: #000000;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    /* Compact font sizes for print */
    .header-title[b-1kajq3tmc1] {
        font-size: 14pt;
    }

    .section-title[b-1kajq3tmc1] {
        font-size: 9pt;
    }

    .print-table th[b-1kajq3tmc1],
    .print-table td[b-1kajq3tmc1] {
        font-size: 8pt;
        padding: 2pt 4pt;
    }

    .detail-field[b-1kajq3tmc1],
    .header-field[b-1kajq3tmc1] {
        font-size: 8.5pt;
    }

    .signoff-row[b-1kajq3tmc1] {
        padding-bottom: 6mm;
    }
}