/* /Components/Assets/AssetQrLabelCard.razor.rz.scp.css */
.qr-label-card[b-5garpbgxje] {
    box-sizing: border-box;
    border: 2px solid #111827;
    background: #ffffff;
    color: #111827;
    display: grid;
    gap: 4mm;
    break-inside: avoid;
    page-break-inside: avoid;
}

.qr-label-card-standard[b-5garpbgxje] {
    width: 100mm;
    min-height: 62mm;
    padding: 6.5mm;
    border-radius: 3mm;
}

.qr-label-card-compact[b-5garpbgxje] {
    width: 64mm;
    height: 64mm;
    padding: 4mm;
    border-width: 1.5px;
    border-radius: 0;
    gap: 2.5mm;
}

.qr-label-header[b-5garpbgxje],
.qr-label-footer[b-5garpbgxje] {
    display: flex;
    justify-content: space-between;
    gap: 4mm;
    align-items: baseline;
}

.qr-label-brand[b-5garpbgxje] {
    font-size: 11pt;
    font-weight: 800;
}

.qr-label-subtitle[b-5garpbgxje],
.qr-label-footer[b-5garpbgxje] {
    color: #3f5176;
    font-size: 8pt;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.qr-label-body[b-5garpbgxje] {
    display: grid;
    grid-template-columns: 40mm minmax(0, 1fr);
    gap: 6mm;
    align-items: center;
}

.qr-label-code[b-5garpbgxje] {
    width: 40mm;
    height: 40mm;
    box-sizing: border-box;
    overflow: hidden;
    padding: 1mm;
    border: 1px solid #d1d5db;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qr-label-code[b-5garpbgxje]  svg {
    width: 100%;
    height: 100%;
    display: block;
    flex: 0 0 auto;
}

.qr-label-details[b-5garpbgxje] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.qr-label-details h1[b-5garpbgxje] {
    margin: 0;
    font-size: 14pt;
    line-height: 1.05;
}

.qr-label-ref[b-5garpbgxje] {
    margin-top: 2mm;
    color: #214d9d;
    font-size: 10pt;
    font-weight: 800;
}

.qr-label-details dl[b-5garpbgxje] {
    margin: 3mm 0 0;
    display: grid;
    gap: 1.5mm;
}

.qr-label-details dl div[b-5garpbgxje] {
    display: grid;
    gap: 0.5mm;
}

.qr-label-details dt[b-5garpbgxje] {
    color: #607196;
    font-size: 7pt;
    font-weight: 800;
    text-transform: uppercase;
}

.qr-label-details dd[b-5garpbgxje] {
    margin: 0;
    font-size: 9pt;
    font-weight: 700;
}

.qr-label-card-compact .qr-label-header[b-5garpbgxje] {
    gap: 2mm;
}

.qr-label-card-compact .qr-label-brand[b-5garpbgxje] {
    font-size: 7.8pt;
}

.qr-label-card-compact .qr-label-subtitle[b-5garpbgxje],
.qr-label-card-compact .qr-label-footer[b-5garpbgxje] {
    font-size: 5.6pt;
    letter-spacing: 0.02em;
}

.qr-label-card-compact .qr-label-body[b-5garpbgxje] {
    grid-template-columns: 27mm minmax(0, 1fr);
    gap: 3mm;
}

.qr-label-card-compact .qr-label-code[b-5garpbgxje] {
    width: 27mm;
    height: 27mm;
    padding: 0.7mm;
}

.qr-label-card-compact .qr-label-details h1[b-5garpbgxje] {
    font-size: 9pt;
    line-height: 1.05;
}

.qr-label-card-compact .qr-label-ref[b-5garpbgxje] {
    margin-top: 1.2mm;
    font-size: 7.5pt;
}

.qr-label-card-compact .qr-label-details dl[b-5garpbgxje] {
    margin-top: 2mm;
    gap: 1mm;
}

.qr-label-card-compact .qr-label-details dt[b-5garpbgxje] {
    font-size: 5.4pt;
}

.qr-label-card-compact .qr-label-details dd[b-5garpbgxje] {
    font-size: 6.5pt;
}
/* /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: .38rem;
    min-height: 112px;
    padding: .85rem .95rem;
    background: var(--bg-surface, #fff);
    border: 1px solid var(--border-color, #dbe3f1);
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    transition: box-shadow .15s, border-color .15s, transform .12s;
    position: relative;
}

.help-card:hover[b-jhjspmvhov],
.help-card:focus-visible[b-jhjspmvhov] {
    box-shadow: 0 8px 24px rgba(18, 26, 43, .1);
    border-color: var(--accent-primary, #385a8f);
    transform: translateY(-2px);
}

.help-card:focus-visible[b-jhjspmvhov] {
    outline: 3px solid color-mix(in srgb, var(--accent-primary, #385a8f) 22%, transparent);
    outline-offset: 2px;
}

.help-card--featured[b-jhjspmvhov] {
    border-color: color-mix(in srgb, var(--accent-primary, #385a8f) 55%, var(--border-color, #dbe3f1));
    background: color-mix(in srgb, var(--accent-primary, #385a8f) 6%, var(--bg-surface, #fff));
}

.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: 0;
    color: var(--accent-primary, #385a8f);
    background: color-mix(in srgb, var(--accent-primary, #385a8f) 10%, transparent);
    padding: .15rem .45rem;
    border-radius: 4px;
}

.help-card-badge[b-jhjspmvhov] {
    font-size: .7rem;
    font-weight: 700;
    padding: .15rem .45rem;
    border-radius: 4px;
    background: color-mix(in srgb, var(--success, #16a34a) 13%, transparent);
    color: var(--success, #146c43);
}

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

.help-card-difficulty--intermediate[b-jhjspmvhov] {
    background: color-mix(in srgb, var(--warning, #f59e0b) 18%, transparent);
    color: #92400e;
}

.help-card-difficulty--advanced[b-jhjspmvhov] {
    background: color-mix(in srgb, var(--danger, #dc2626) 13%, transparent);
    color: #991b1b;
}

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

.help-card-summary[b-jhjspmvhov] {
    font-size: .8rem;
    color: var(--text-secondary, #495473);
    line-height: 1.42;
    flex: 1;
}

.help-card-tags[b-jhjspmvhov] {
    display: flex;
    gap: .28rem;
    flex-wrap: wrap;
}

.help-card-tags span[b-jhjspmvhov] {
    border: 1px solid var(--border-subtle, #ebeff7);
    border-radius: 999px;
    color: var(--text-muted, #6d7792);
    font-size: .7rem;
    padding: .12rem .45rem;
}

.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, #6d7792);
}

.help-card-arrow[b-jhjspmvhov] {
    font-size: 1.1rem;
    color: var(--accent-primary, #385a8f);
    transition: transform .15s;
}

.help-card:hover .help-card-arrow[b-jhjspmvhov] {
    transform: translateX(2px);
}
/* /Components/Help/HelpArticleList.razor.rz.scp.css */
.hc-article-list[b-yo92cxkd6a] {
    display: grid;
    gap: .75rem;
}
/* /Components/Help/HelpCategoryCard.razor.rz.scp.css */
.hc-category-card[b-rnn4zudd3t] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .72rem;
    width: 100%;
    min-height: 106px;
    border: 1px solid color-mix(in srgb, var(--hc-category-color, var(--accent-primary, #385a8f)) 22%, var(--border-color, #dbe3f1));
    border-left: 4px solid var(--hc-category-color, var(--accent-primary, #385a8f));
    border-radius: 8px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--hc-category-color, var(--accent-primary, #385a8f)) 7%, var(--bg-surface, #fff)), var(--bg-surface, #fff) 58%);
    color: inherit;
    cursor: pointer;
    font: inherit;
    padding: .78rem .85rem;
    text-align: left;
    transition: border-color .15s, box-shadow .15s, transform .15s, background .15s;
}

.hc-category-card:hover[b-rnn4zudd3t],
.hc-category-card:focus-visible[b-rnn4zudd3t] {
    border-color: color-mix(in srgb, var(--hc-category-color, var(--accent-primary, #385a8f)) 62%, var(--border-color, #dbe3f1));
    box-shadow: 0 8px 22px rgba(18, 26, 43, .09);
    transform: translateY(-1px);
}

.hc-category-card:focus-visible[b-rnn4zudd3t] {
    outline: 3px solid color-mix(in srgb, var(--hc-category-color, var(--accent-primary, #385a8f)) 22%, transparent);
    outline-offset: 2px;
}

.hc-category-card-selected[b-rnn4zudd3t] {
    border-color: var(--hc-category-color, var(--accent-primary, #385a8f));
    background: color-mix(in srgb, var(--hc-category-color, var(--accent-primary, #385a8f)) 11%, var(--bg-surface, #fff));
    box-shadow: inset 4px 0 0 var(--hc-category-color, var(--accent-primary, #385a8f)), 0 8px 22px rgba(18, 26, 43, .08);
}

.hc-category-icon[b-rnn4zudd3t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--hc-category-color, var(--accent-primary, #385a8f)) 15%, transparent);
    color: var(--hc-category-color, var(--accent-primary, #385a8f));
    font-size: .76rem;
    font-weight: 800;
}

.hc-category-body[b-rnn4zudd3t] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: .2rem;
}

.hc-category-title[b-rnn4zudd3t] {
    color: var(--text-primary, #121a2b);
    font-size: .94rem;
    font-weight: 800;
}

.hc-category-description[b-rnn4zudd3t] {
    color: var(--text-secondary, #495473);
    font-size: .8rem;
    line-height: 1.35;
}

.hc-category-count[b-rnn4zudd3t] {
    margin-top: .1rem;
    color: var(--text-muted, #6d7792);
    font-size: .74rem;
    font-weight: 700;
}

@media (max-width: 560px) {
    .hc-category-card[b-rnn4zudd3t] {
        grid-template-columns: 1fr;
        min-height: 130px;
        gap: .55rem;
    }
}
/* /Components/Help/HelpCategoryGrid.razor.rz.scp.css */
.hc-category-grid[b-k9ozyxcf4i] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
}

@media (max-width: 1200px) {
    .hc-category-grid[b-k9ozyxcf4i] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 880px) {
    .hc-category-grid[b-k9ozyxcf4i] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 380px) {
    .hc-category-grid[b-k9ozyxcf4i] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Help/HelpSearchBox.razor.rz.scp.css */
.hc-search[b-2lsq9emf38] {
    width: min(760px, 100%);
}

.hc-search-label[b-2lsq9emf38] {
    display: block;
    margin-bottom: .45rem;
    color: var(--text-secondary, #495473);
    font-size: .85rem;
    font-weight: 700;
}

.hc-search-control[b-2lsq9emf38] {
    display: flex;
    align-items: center;
    gap: .6rem;
    min-height: 56px;
    padding: .35rem .45rem .35rem 1rem;
    border: 1px solid var(--border-color, #dbe3f1);
    border-radius: 8px;
    background: var(--bg-surface, #fff);
    box-shadow: 0 12px 30px rgba(18, 26, 43, .09);
}

.hc-search-control:focus-within[b-2lsq9emf38] {
    border-color: var(--accent-primary, #385a8f);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-primary, #385a8f) 18%, transparent);
}

.hc-search-icon[b-2lsq9emf38] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 999px;
    color: var(--accent-primary, #385a8f);
    background: color-mix(in srgb, var(--accent-primary, #385a8f) 10%, transparent);
    font-weight: 800;
}

.hc-search-input[b-2lsq9emf38] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--text-primary, #121a2b);
    font: inherit;
    font-size: 1rem;
}

.hc-search-clear[b-2lsq9emf38] {
    min-height: 44px;
    border: 1px solid var(--border-color, #dbe3f1);
    border-radius: 8px;
    background: var(--bg-panel, #f6f8fc);
    color: var(--text-secondary, #495473);
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    padding: 0 .8rem;
}

.hc-search-clear:hover[b-2lsq9emf38],
.hc-search-clear:focus-visible[b-2lsq9emf38] {
    border-color: var(--accent-primary, #385a8f);
    color: var(--accent-primary, #385a8f);
}

@media (max-width: 560px) {
    .hc-search-control[b-2lsq9emf38] {
        min-height: 52px;
        padding-left: .75rem;
    }

    .hc-search-clear[b-2lsq9emf38] {
        padding: 0 .65rem;
    }
}
/* /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-primary, #385a8f);
    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: var(--accent-secondary, #4c7cc7);
    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(--bg-surface, #fff);
    border: 1px solid var(--border-color, #dbe3f1);
    border-radius: 8px;
    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] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--accent-primary, #385a8f) 11%, transparent);
    color: var(--accent-primary, #385a8f);
    font-size: .78rem;
    font-weight: 900;
}

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

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

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

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

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

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

.hw-sec-body[b-giwxbms0y5] {
    font-size: .82rem;
    color: var(--text-secondary, #495473);
    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-primary, #121a2b); line-height: 1.45; }
.hw-more[b-giwxbms0y5] { color: var(--text-muted, #6d7792); font-style: italic; }

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

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

.hw-full-link[b-giwxbms0y5] {
    display: inline-block;
    font-size: .85rem;
    font-weight: 600;
    color: var(--accent-primary, #385a8f);
    text-decoration: none;
    border-top: 1px solid var(--border-color, #dbe3f1);
    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: 62px;
    height: auto;
    object-fit: contain;
    object-position: left center;
    border-radius: 6px;
    transition: opacity 0.2s ease, width 0.25s ease;
}

.product-logo-mark[b-njp8rop6sx] {
    display: none;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    object-fit: cover;
    object-position: left center;
}

.app-shell.sidebar-collapsed .product-logo-full[b-njp8rop6sx] {
    display: none;
}

.app-shell.sidebar-collapsed .product-logo-mark[b-njp8rop6sx] {
    display: block;
}

.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: var(--sidebar-current-width, 240px);
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    right: 0;
    width: auto;
    z-index: 6000;
}

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

@media (max-width: 1100px) {
    #blazor-error-ui[b-njp8rop6sx] {
        left: 0;
    }
}
/* /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/PageLoadTimer.razor.rz.scp.css */
.page-load-timer[b-2cpngl1jcy] {
    position: fixed;
    right: 0.65rem;
    bottom: 0.45rem;
    z-index: 30;
    padding: 0.18rem 0.42rem;
    border: 1px solid rgba(132, 146, 166, 0.28);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.76);
    color: #637083;
    font-size: 0.66rem;
    line-height: 1;
    pointer-events: none;
    box-shadow: 0 6px 18px rgba(17, 24, 39, 0.08);
    backdrop-filter: blur(8px);
}

@media (max-width: 720px) {
    .page-load-timer[b-2cpngl1jcy] {
        right: 0.45rem;
        bottom: 0.35rem;
        font-size: 0.6rem;
    }
}

@media print {
    .page-load-timer[b-2cpngl1jcy] {
        display: none;
    }
}
/* /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/Mobile/Layout/MobileBottomNav.razor.rz.scp.css */
.mobile-bottom-nav[b-0554c5s8lo] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    padding: 0.45rem max(0.75rem, env(safe-area-inset-left)) calc(0.6rem + env(safe-area-inset-bottom)) max(0.75rem, env(safe-area-inset-right));
    pointer-events: none;
}

.mobile-bottom-nav[b-0554c5s8lo]::before {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: calc(100% + 22px);
    background: linear-gradient(180deg, rgba(247, 250, 252, 0) 0%, rgba(247, 250, 252, 0.92) 42%, rgba(247, 250, 252, 0.98) 100%);
    pointer-events: none;
}

.mobile-bottom-nav-surface[b-0554c5s8lo] {
    position: relative;
    width: min(100%, 520px);
    min-height: 64px;
    margin: 0 auto;
    padding: 0.35rem;
    border: 1px solid rgba(203, 213, 225, 0.95);
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.18);
    backdrop-filter: blur(18px);
    display: grid;
    grid-template-columns: repeat(var(--mobile-nav-count, 5), minmax(0, 1fr));
    gap: 0.2rem;
    pointer-events: auto;
}

.mobile-nav-item[b-0554c5s8lo] {
    min-width: 0;
    min-height: 52px;
    border-radius: 18px;
    color: #64748b;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.12rem;
    font-size: 0.68rem;
    font-weight: 850;
    line-height: 1;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    transition: background 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.mobile-nav-icon[b-0554c5s8lo] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
}

.mobile-nav-label[b-0554c5s8lo] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-nav-item.active[b-0554c5s8lo] {
    background: linear-gradient(135deg, #0f766e 0%, #0ea5e9 100%);
    color: #ffffff;
    box-shadow: 0 10px 24px rgba(14, 165, 233, 0.28);
    transform: translateY(-1px);
}

.mobile-nav-item:hover[b-0554c5s8lo],
.mobile-nav-item:focus-visible[b-0554c5s8lo] {
    color: #0f766e;
    background: #ecfeff;
    outline: none;
}

.mobile-nav-item.active:hover[b-0554c5s8lo],
.mobile-nav-item.active:focus-visible[b-0554c5s8lo] {
    color: #ffffff;
    background: linear-gradient(135deg, #0f766e 0%, #0ea5e9 100%);
}

@media (max-width: 360px) {
    .mobile-bottom-nav[b-0554c5s8lo] {
        padding-inline: max(0.45rem, env(safe-area-inset-left));
    }

    .mobile-bottom-nav-surface[b-0554c5s8lo] {
        min-height: 58px;
        border-radius: 20px;
        padding: 0.25rem;
    }

    .mobile-nav-item[b-0554c5s8lo] {
        min-height: 48px;
        border-radius: 15px;
        font-size: 0.62rem;
    }

    .mobile-nav-icon[b-0554c5s8lo] {
        width: 24px;
        height: 24px;
    }
}
/* /Components/Mobile/Layout/MobileLayout.razor.rz.scp.css */
.mobile-shell[b-nfb5k2wdkq] {
    min-height: 100vh;
    background:
        radial-gradient(circle at top left, rgba(20, 184, 166, 0.16), transparent 34rem),
        linear-gradient(180deg, #f8fafc 0%, #eef6f8 48%, #f8fafc 100%);
    color: #111827;
    display: flex;
    flex-direction: column;
}

.mobile-topbar[b-nfb5k2wdkq] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: rgba(248, 250, 252, 0.82);
    border-bottom: 1px solid rgba(203, 213, 225, 0.72);
    backdrop-filter: blur(18px);
}

.mobile-topbar-inner[b-nfb5k2wdkq] {
    min-height: 62px;
    width: min(100%, 760px);
    margin: 0 auto;
    padding: 0.7rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.mobile-brand[b-nfb5k2wdkq] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    color: #111827;
    font-size: 1rem;
    font-weight: 800;
    text-decoration: none;
}

.mobile-brand img[b-nfb5k2wdkq] {
    width: 38px;
    height: 38px;
    filter: drop-shadow(0 8px 14px rgba(15, 23, 42, 0.12));
}

.mobile-brand span[b-nfb5k2wdkq] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-logout-form[b-nfb5k2wdkq] {
    flex: 0 0 auto;
    margin: 0;
}

.mobile-logout-button[b-nfb5k2wdkq] {
    min-height: 42px;
    padding: 0 0.9rem;
    border: 1px solid rgba(15, 118, 110, 0.22);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #0f172a;
    font: inherit;
    font-size: 0.9rem;
    font-weight: 800;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.mobile-content[b-nfb5k2wdkq] {
    width: min(100%, 760px);
    margin: 0 auto;
    padding: 1rem 1rem calc(7.2rem + env(safe-area-inset-bottom));
    flex: 1;
}

@media (min-width: 768px) {
    .mobile-content[b-nfb5k2wdkq] {
        padding-inline: 1.5rem;
    }
}
/* /Components/Mobile/MobileActionCard.razor.rz.scp.css */
.mobile-action-card[b-wv740invye] {
    min-height: 108px;
    padding: 1rem;
    border: 1px solid rgba(203, 213, 225, 0.9);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr) 24px;
    gap: 0.9rem;
    align-items: center;
    cursor: pointer;
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.mobile-action-card.primary[b-wv740invye] {
    border-color: rgba(20, 184, 166, 0.45);
    background: linear-gradient(135deg, #ecfeff 0%, #ffffff 100%);
}

.mobile-action-card:hover[b-wv740invye],
.mobile-action-card:focus-visible[b-wv740invye] {
    border-color: #0ea5e9;
    box-shadow: 0 18px 38px rgba(14, 165, 233, 0.16);
    transform: translateY(-1px);
    outline: none;
}

.mobile-action-icon[b-wv740invye] {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: linear-gradient(135deg, #ccfbf1 0%, #e0f2fe 100%);
    color: #0f766e;
    display: grid;
    place-items: center;
}

.mobile-action-body h2[b-wv740invye] {
    margin: 0;
    font-size: 1.08rem;
    font-weight: 800;
    line-height: 1.2;
}

.mobile-action-body p[b-wv740invye] {
    margin: 0.3rem 0 0;
    color: #4b5563;
    font-size: 0.92rem;
    line-height: 1.35;
}
/* /Components/Mobile/MobileWorkOrderCard.razor.rz.scp.css */
.mobile-work-order-card[b-vke22ojfe9] {
    padding: 1rem;
    border: 1px solid #dbe3ea;
    border-radius: 8px;
    background: #ffffff;
    display: grid;
    gap: 0.85rem;
}

.mobile-work-order-header[b-vke22ojfe9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: start;
}

.mobile-work-order-number[b-vke22ojfe9] {
    display: block;
    color: #0369a1;
    font-size: 0.78rem;
    font-weight: 850;
}

.mobile-work-order-card h2[b-vke22ojfe9] {
    margin: 0.2rem 0 0;
    font-size: 1.08rem;
    line-height: 1.25;
    font-weight: 850;
}

.mobile-status-pill[b-vke22ojfe9] {
    padding: 0.25rem 0.5rem;
    border-radius: 8px;
    background: #eef2ff;
    color: #3730a3;
    font-size: 0.75rem;
    font-weight: 800;
    white-space: nowrap;
}

.mobile-work-order-meta[b-vke22ojfe9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.mobile-work-order-meta span[b-vke22ojfe9] {
    padding: 0.3rem 0.5rem;
    border-radius: 8px;
    background: #f3f4f6;
    color: #374151;
    font-size: 0.8rem;
    font-weight: 750;
}

.mobile-work-order-card p[b-vke22ojfe9] {
    margin: 0;
    color: #4b5563;
    line-height: 1.4;
}
/* /Components/Mobile/Pages/Dashboard.razor.rz.scp.css */
.mobile-dashboard[b-vmu075y947] {
    display: grid;
    gap: 1rem;
}

.mobile-hero[b-vmu075y947] {
    min-height: 158px;
    padding: 1.2rem;
    border: 1px solid rgba(14, 165, 233, 0.2);
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(15, 118, 110, 0.96) 0%, rgba(14, 165, 233, 0.92) 58%, rgba(30, 64, 175, 0.9) 100%);
    color: #ffffff;
    box-shadow: 0 18px 40px rgba(15, 118, 110, 0.22);
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 1rem;
    align-items: start;
}

.mobile-eyebrow[b-vmu075y947] {
    color: #0f766e;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.mobile-hero .mobile-eyebrow[b-vmu075y947] {
    color: rgba(255, 255, 255, 0.78);
}

.mobile-hero h1[b-vmu075y947] {
    margin: 0.25rem 0 0;
    font-size: 1.85rem;
    line-height: 1.08;
    font-weight: 850;
}

.mobile-hero p[b-vmu075y947] {
    margin: 0.6rem 0 0;
    color: rgba(255, 255, 255, 0.86);
    font-size: 0.98rem;
    line-height: 1.42;
}

.mobile-role-strip[b-vmu075y947] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.mobile-primary-scan[b-vmu075y947] {
    min-height: 68px;
    border-radius: 18px;
    font-size: 1.08rem;
    font-weight: 900;
    text-transform: none;
    box-shadow: 0 18px 34px rgba(14, 116, 144, 0.22);
}

.mobile-transition-panel[b-vmu075y947] {
    padding: 1rem;
    border: 1px solid rgba(20, 184, 166, 0.28);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
    display: grid;
    gap: 0.9rem;
}

.mobile-transition-panel h2[b-vmu075y947] {
    margin: 0.25rem 0 0;
    color: #0f172a;
    font-size: 1.12rem;
    line-height: 1.22;
    font-weight: 850;
}

.mobile-transition-panel p[b-vmu075y947] {
    margin: 0.45rem 0 0;
    color: #475569;
    font-size: 0.94rem;
    line-height: 1.42;
}

.mobile-transition-actions[b-vmu075y947],
.mobile-fallback-grid[b-vmu075y947] {
    display: grid;
    gap: 0.7rem;
}

.mobile-section[b-vmu075y947] {
    display: grid;
    gap: 0.75rem;
}

.mobile-section h2[b-vmu075y947] {
    margin: 0;
    font-size: 1rem;
    font-weight: 850;
    color: #0f172a;
}

.mobile-action-grid[b-vmu075y947] {
    display: grid;
    gap: 0.75rem;
}

@media (min-width: 700px) {
    .mobile-action-grid[b-vmu075y947] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mobile-transition-panel[b-vmu075y947] {
        grid-template-columns: minmax(0, 1fr) minmax(240px, 0.42fr);
        align-items: center;
    }

    .mobile-fallback-grid[b-vmu075y947] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* /Components/Mobile/Pages/MobileAssetResult.razor.rz.scp.css */
.mobile-asset[b-lvuo8q01ef] {
    display: grid;
    gap: 1rem;
}

.mobile-asset-summary[b-lvuo8q01ef],
.mobile-asset-detail-grid[b-lvuo8q01ef] {
    border: 1px solid #dbe3ea;
    border-radius: 8px;
    background: #ffffff;
}

.mobile-asset-summary[b-lvuo8q01ef] {
    min-height: 150px;
    padding: 1.1rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 1rem;
    align-items: start;
}

.mobile-asset-summary h1[b-lvuo8q01ef] {
    margin: 0.25rem 0 0;
    font-size: 1.75rem;
    line-height: 1.1;
    font-weight: 850;
}

.mobile-asset-summary p[b-lvuo8q01ef] {
    margin: 0.55rem 0 0;
    color: #111827;
    font-size: 1.05rem;
    font-weight: 850;
}

.mobile-eyebrow[b-lvuo8q01ef] {
    color: #0369a1;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.mobile-asset-detail-grid[b-lvuo8q01ef] {
    padding: 1rem;
    display: grid;
    gap: 0.85rem;
}

.mobile-asset-detail-grid div[b-lvuo8q01ef] {
    display: grid;
    gap: 0.2rem;
}

.mobile-asset-detail-grid span[b-lvuo8q01ef] {
    color: #6b7280;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.mobile-asset-detail-grid strong[b-lvuo8q01ef] {
    color: #111827;
    font-size: 1rem;
}

.mobile-asset-section[b-lvuo8q01ef] {
    display: grid;
    gap: 0.75rem;
}

.mobile-asset-section h2[b-lvuo8q01ef] {
    margin: 0;
    font-size: 1rem;
    font-weight: 850;
}

.mobile-work-order-list[b-lvuo8q01ef] {
    display: grid;
    gap: 0.75rem;
}

@media (min-width: 700px) {
    .mobile-asset-detail-grid[b-lvuo8q01ef] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.mobile-asset-actions[b-lvuo8q01ef] {
    display: grid;
    gap: 0.75rem;
}

.mobile-asset-actions :global(.mud-button-root)[b-lvuo8q01ef] {
    min-height: 54px;
    border-radius: 14px;
    font-weight: 850;
    text-transform: none;
}

@media (min-width: 640px) {
    .mobile-asset-actions[b-lvuo8q01ef] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Mobile/Pages/MobileJobCardCompletion.razor.rz.scp.css */
.mobile-job-card[b-80chzp8v8h] {
    display: grid;
    gap: 1rem;
}

.mobile-job-hero[b-80chzp8v8h],
.mobile-job-asset[b-80chzp8v8h],
.mobile-checklist-item[b-80chzp8v8h],
.mobile-evidence-summary[b-80chzp8v8h] {
    border: 1px solid #dbe3ea;
    border-radius: 8px;
    background: #ffffff;
}

.mobile-job-hero[b-80chzp8v8h] {
    min-height: 150px;
    padding: 1.1rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 1rem;
    align-items: start;
}

.mobile-job-hero h1[b-80chzp8v8h] {
    margin: 0.25rem 0 0;
    font-size: 1.65rem;
    line-height: 1.12;
    font-weight: 850;
}

.mobile-job-hero p[b-80chzp8v8h] {
    margin: 0.55rem 0 0;
    color: #4b5563;
    font-weight: 750;
}

.mobile-eyebrow[b-80chzp8v8h] {
    color: #0369a1;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.mobile-job-asset[b-80chzp8v8h] {
    padding: 1rem;
    display: grid;
    gap: 0.85rem;
}

.mobile-job-asset div[b-80chzp8v8h] {
    display: grid;
    gap: 0.2rem;
}

.mobile-job-asset span[b-80chzp8v8h] {
    color: #6b7280;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.mobile-job-asset strong[b-80chzp8v8h] {
    color: #111827;
    font-size: 1rem;
}

.mobile-job-asset p[b-80chzp8v8h] {
    margin: 0;
    color: #4b5563;
    font-weight: 750;
}

.mobile-job-section[b-80chzp8v8h] {
    display: grid;
    gap: 0.75rem;
}

.mobile-job-section h2[b-80chzp8v8h] {
    margin: 0;
    font-size: 1rem;
    font-weight: 850;
}

.mobile-checklist[b-80chzp8v8h] {
    display: grid;
    gap: 0.6rem;
}

.mobile-checklist-item[b-80chzp8v8h] {
    min-height: 64px;
    padding: 0.7rem;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 0.5rem;
    align-items: center;
}

.mobile-checklist-item span[b-80chzp8v8h] {
    color: #111827;
    font-weight: 800;
    line-height: 1.3;
}

.mobile-evidence-grid[b-80chzp8v8h] {
    display: grid;
    gap: 0.65rem;
}

.mobile-evidence-summary[b-80chzp8v8h] {
    padding: 0.9rem;
    display: grid;
    gap: 0.35rem;
}

.mobile-evidence-summary strong[b-80chzp8v8h] {
    font-size: 0.95rem;
}

.mobile-evidence-summary span[b-80chzp8v8h] {
    color: #4b5563;
    font-size: 0.88rem;
}

.mobile-evidence-summary small[b-80chzp8v8h] {
    color: #6b7280;
    font-size: 0.78rem;
}

@media (min-width: 700px) {
    .mobile-job-asset[b-80chzp8v8h] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mobile-evidence-grid[b-80chzp8v8h] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Mobile/Pages/MobileManagerSummaryList.razor.rz.scp.css */
.mobile-manager-list[b-iu3a2w7sfk] {
    display: grid;
    gap: 0.9rem;
}

.mobile-manager-list-hero[b-iu3a2w7sfk],
.mobile-manager-list-row[b-iu3a2w7sfk] {
    border: 1px solid #dbe3ea;
    border-radius: 8px;
    background: #ffffff;
}

.mobile-manager-list-hero[b-iu3a2w7sfk] {
    min-height: 132px;
    padding: 1rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 0.85rem;
    align-items: start;
}

.mobile-manager-list-hero h1[b-iu3a2w7sfk] {
    margin: 0.25rem 0 0;
    font-size: 1.55rem;
    line-height: 1.12;
    font-weight: 850;
}

.mobile-manager-list-hero p[b-iu3a2w7sfk] {
    margin: 0.55rem 0 0;
    color: #4b5563;
    line-height: 1.42;
}

.mobile-manager-list-rows[b-iu3a2w7sfk] {
    display: grid;
    gap: 0.7rem;
}

.mobile-manager-list-row[b-iu3a2w7sfk] {
    min-height: 104px;
    padding: 0.9rem;
    display: grid;
    gap: 0.7rem;
}

.mobile-manager-list-row h2[b-iu3a2w7sfk] {
    margin: 0;
    color: #111827;
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 850;
}

.mobile-manager-list-row p[b-iu3a2w7sfk] {
    margin: 0.35rem 0 0;
    color: #4b5563;
    font-size: 0.9rem;
    line-height: 1.35;
}

.mobile-manager-list-row span[b-iu3a2w7sfk] {
    display: block;
    margin-top: 0.35rem;
    color: #6b7280;
    font-size: 0.82rem;
    font-weight: 750;
}

.mobile-manager-list-row strong[b-iu3a2w7sfk] {
    width: fit-content;
    padding: 0.25rem 0.5rem;
    border-radius: 8px;
    background: #f3f4f6;
    color: #374151;
    font-size: 0.78rem;
}

@media (min-width: 700px) {
    .mobile-manager-list-row[b-iu3a2w7sfk] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
    }
}
/* /Components/Mobile/Pages/MobileManagerView.razor.rz.scp.css */
.mobile-manager[b-d59dm2z82i] {
    display: grid;
    gap: 1rem;
}

.mobile-manager-hero[b-d59dm2z82i] {
    min-height: 148px;
    padding: 1.15rem;
    border: 1px solid #dbe3ea;
    border-radius: 8px;
    background: #ffffff;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 1rem;
    align-items: start;
}

.mobile-manager-hero h1[b-d59dm2z82i] {
    margin: 0.25rem 0 0;
    font-size: 1.75rem;
    line-height: 1.1;
    font-weight: 850;
}

.mobile-manager-hero p[b-d59dm2z82i] {
    margin: 0.55rem 0 0;
    color: #4b5563;
    line-height: 1.42;
}

.mobile-manager-grid[b-d59dm2z82i] {
    display: grid;
    gap: 0.75rem;
}

.mobile-manager-card[b-d59dm2z82i] {
    border: 1px solid #dbe3ea;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
}

.mobile-manager-card-button[b-d59dm2z82i] {
    min-height: 126px;
    padding: 0.95rem;
    text-align: left;
}

.mobile-manager-card-button .mud-button-label[b-d59dm2z82i] {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 0.75rem;
    align-items: start;
}

.mobile-manager-card-label[b-d59dm2z82i] {
    color: #0369a1;
    font-size: 0.8rem;
    font-weight: 850;
}

.mobile-manager-card strong[b-d59dm2z82i] {
    display: block;
    margin-top: 0.2rem;
    color: #111827;
    font-size: 2rem;
    line-height: 1;
    font-weight: 900;
}

.mobile-manager-card p[b-d59dm2z82i] {
    margin: 0.45rem 0 0;
    color: #4b5563;
    font-size: 0.9rem;
    line-height: 1.35;
}

@media (min-width: 700px) {
    .mobile-manager-grid[b-d59dm2z82i] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Mobile/Pages/MobileScanAsset.razor.rz.scp.css */
.mobile-scan[b-zy8j6s2nxd] {
    display: grid;
    gap: 1rem;
}

.mobile-scan-hero[b-zy8j6s2nxd],
.mobile-scanner-panel[b-zy8j6s2nxd],
.mobile-lookup-panel[b-zy8j6s2nxd],
.mobile-asset-result[b-zy8j6s2nxd] {
    border: 1px solid #dbe3ea;
    border-radius: 8px;
    background: #ffffff;
}

.mobile-scan-hero[b-zy8j6s2nxd] {
    min-height: 150px;
    padding: 1.1rem;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.mobile-scan-hero h1[b-zy8j6s2nxd] {
    margin: 0.25rem 0 0;
    font-size: 1.75rem;
    line-height: 1.1;
    font-weight: 850;
}

.mobile-scan-hero p[b-zy8j6s2nxd] {
    margin: 0.55rem 0 0;
    color: #4b5563;
    line-height: 1.42;
}

.mobile-eyebrow[b-zy8j6s2nxd] {
    color: #0369a1;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.mobile-lookup-panel[b-zy8j6s2nxd] {
    padding: 1rem;
    display: grid;
    gap: 0.85rem;
}

.mobile-scanner-panel[b-zy8j6s2nxd] {
    padding: 1rem;
    display: grid;
    gap: 0.85rem;
}

.mobile-scanner-video[b-zy8j6s2nxd] {
    width: 100%;
    aspect-ratio: 4 / 3;
    border-radius: 8px;
    background: #111827;
    object-fit: cover;
}

.mobile-scanner-actions[b-zy8j6s2nxd] {
    display: grid;
    gap: 0.65rem;
}

.mobile-result-list[b-zy8j6s2nxd] {
    display: grid;
    gap: 0.75rem;
}

.mobile-asset-result[b-zy8j6s2nxd] {
    min-height: 92px;
    padding: 0.95rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 28px;
    gap: 0.8rem;
    align-items: center;
    cursor: pointer;
}

.mobile-asset-result h2[b-zy8j6s2nxd] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 850;
}

.mobile-asset-result p[b-zy8j6s2nxd] {
    margin: 0.25rem 0 0;
    color: #111827;
    font-weight: 800;
}

.mobile-asset-result span[b-zy8j6s2nxd] {
    display: block;
    margin-top: 0.25rem;
    color: #4b5563;
    font-size: 0.9rem;
}
/* /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;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.1rem;
    margin-bottom: 1.35rem;
}

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

.brand-logo-panel[b-pqofzor8uf] {
    width: clamp(13rem, 24vw, 21rem);
    min-height: 5.6rem;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    padding: 0.45rem 0.6rem;
    border: 1px solid rgba(143, 183, 255, 0.2);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.58);
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.05),
        0 22px 50px rgba(0, 0, 0, 0.28);
    overflow: hidden;
}

.brand-logo-panel img[b-pqofzor8uf] {
    display: block;
    width: 100%;
    height: auto;
    max-height: 5.6rem;
    object-fit: contain;
}

.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] {
        flex-direction: column;
        gap: 0.75rem;
        margin-bottom: 1rem;
    }

    .brand-logo-panel[b-pqofzor8uf] {
        width: 100%;
        min-height: 4.6rem;
        padding: 0.35rem 0.45rem;
    }

    .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-tools[b-vhpj7vafre] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.ai-text-tool[b-vhpj7vafre] {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    color: #334155;
    cursor: pointer;
    font-size: 0.74rem;
    font-weight: 800;
    padding: 0.28rem 0.55rem;
}

.ai-text-tool:hover[b-vhpj7vafre] {
    background: #eef2f7;
    border-color: #94a3b8;
}

.ai-text-tool:disabled[b-vhpj7vafre] {
    cursor: not-allowed;
    opacity: 0.55;
}

.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-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: 4.25rem;
    right: 0.75rem;
    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: 7.75rem;
    right: 0.75rem;
    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-action.disabled[b-y3ygajoevh] {
    background: #f8fafc;
    color: #94a3b8;
    cursor: not-allowed;
}

.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:has(iframe)[b-yzfmwbehiu] {
    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-placeholder.word-placeholder[b-yzfmwbehiu] {
    background:
        linear-gradient(180deg, rgba(37, 99, 235, .05), rgba(255, 255, 255, .86)),
        #f8fafc;
}

.preview-placeholder.scan-placeholder[b-yzfmwbehiu] {
    background:
        linear-gradient(180deg, rgba(245, 158, 11, .08), rgba(255, 255, 255, .9)),
        #fffbeb;
    color: #92400e;
}

.preview-placeholder.scan-placeholder .preview-file-type[b-yzfmwbehiu] {
    background: #92400e;
}

.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/FieldHelp.razor.rz.scp.css */
.field-help[b-lc8ajxtlbu] {
    display: inline-flex;
    position: relative;
    vertical-align: middle;
}

.field-help-trigger[b-lc8ajxtlbu] {
    align-items: center;
    background: #fff7ed;
    border: 1px solid #fb923c;
    border-radius: 999px;
    color: #9a3412;
    cursor: help;
    display: inline-flex;
    font-size: .72rem;
    font-weight: 900;
    height: 1.15rem;
    justify-content: center;
    line-height: 1;
    margin-left: .35rem;
    padding: 0;
    width: 1.15rem;
}

.field-help-popover[b-lc8ajxtlbu] {
    background: #172033;
    border-radius: 6px;
    bottom: calc(100% + .45rem);
    box-shadow: 0 10px 28px rgba(15, 23, 42, .22);
    color: #fff;
    display: none;
    font-size: .78rem;
    font-weight: 500;
    left: 50%;
    line-height: 1.35;
    max-width: min(320px, 70vw);
    min-width: 220px;
    padding: .55rem .65rem;
    position: absolute;
    transform: translateX(-50%);
    white-space: normal;
    z-index: 30;
}

.field-help:hover .field-help-popover[b-lc8ajxtlbu],
.field-help:focus-within .field-help-popover[b-lc8ajxtlbu] {
    display: block;
}
/* /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;
    }
}
/* /Components/Training/IndustrialTrainingCertificate.razor.rz.scp.css */
.industrial-certificate[b-9qjdizr4sf] {
    --certificate-accent: #20AEEA;
    --certificate-accent-dark: #147FAE;
    --certificate-ink: #111315;
    --certificate-charcoal: #24282d;
    --certificate-muted: #68717a;
    --certificate-line: #d2d6dc;
    position: relative;
    width: 297mm;
    height: 210mm;
    overflow: hidden;
    background: #ffffff;
    color: var(--certificate-ink);
    font-family: "Segoe UI", Arial, sans-serif;
    isolation: isolate;
}

.industrial-certificate[b-9qjdizr4sf]::before,
.industrial-certificate[b-9qjdizr4sf]::after {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: 8;
}

.industrial-certificate[b-9qjdizr4sf]::before {
    inset: 8mm;
    border: 1.15mm solid #111315;
}

.industrial-certificate[b-9qjdizr4sf]::after {
    inset: 12mm;
    border: 0.35mm solid #33383f;
}

.industrial-blueprint-panel[b-9qjdizr4sf] {
    position: absolute;
    inset: 0 auto 0 0;
    width: 68mm;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px),
        linear-gradient(135deg, #111315 0%, #2f343a 100%);
    background-size: 8mm 8mm, 8mm 8mm, auto;
}

.industrial-blueprint-panel[b-9qjdizr4sf]::before {
    content: "";
    position: absolute;
    inset: 15mm 9mm;
    border: 1px solid rgba(255, 255, 255, 0.34);
    background:
        linear-gradient(135deg, transparent 24%, rgba(255, 255, 255, 0.42) 24.2%, rgba(255, 255, 255, 0.42) 24.8%, transparent 25%),
        linear-gradient(45deg, transparent 64%, rgba(255, 255, 255, 0.32) 64.2%, rgba(255, 255, 255, 0.32) 64.8%, transparent 65%);
}

.industrial-blueprint-panel[b-9qjdizr4sf]::after {
    content: "";
    position: absolute;
    right: -12mm;
    top: 0;
    width: 22mm;
    height: 100%;
    background: var(--certificate-accent);
    clip-path: polygon(0 0, 100% 0, 38% 100%, 0 100%);
}

.industrial-blueprint-ring[b-9qjdizr4sf] {
    position: absolute;
    left: 13mm;
    top: 25mm;
    width: 38mm;
    height: 38mm;
    border: 1.1mm solid rgba(255, 255, 255, 0.58);
    border-radius: 50%;
}

.industrial-blueprint-ring[b-9qjdizr4sf]::before,
.industrial-blueprint-ring[b-9qjdizr4sf]::after {
    content: "";
    position: absolute;
    inset: 7mm;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;
}

.industrial-blueprint-ring[b-9qjdizr4sf]::after {
    inset: 15mm auto auto 50%;
    width: 42mm;
    height: 1px;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.48);
    border-radius: 0;
    transform: translateX(-50%);
}

.industrial-blueprint-copy[b-9qjdizr4sf] {
    position: absolute;
    left: 12mm;
    bottom: 20mm;
    color: rgba(255, 255, 255, 0.78);
    font-size: 7px;
    font-weight: 800;
    letter-spacing: 1.5px;
    line-height: 1.9;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.industrial-accent-panel[b-9qjdizr4sf] {
    position: absolute;
    z-index: 1;
    background: var(--certificate-accent);
}

.industrial-accent-panel-top[b-9qjdizr4sf] {
    top: 0;
    right: 0;
    width: 76mm;
    height: 18mm;
    clip-path: polygon(16mm 0, 100% 0, 100% 100%, 0 100%);
}

.industrial-accent-panel-bottom[b-9qjdizr4sf] {
    right: 0;
    bottom: 0;
    width: 92mm;
    height: 24mm;
    background: var(--certificate-accent-dark);
    clip-path: polygon(22mm 0, 100% 0, 100% 100%, 0 100%);
}

.industrial-certificate-content[b-9qjdizr4sf] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr 58mm;
    grid-template-rows: auto 1fr auto auto;
    gap: 7mm 10mm;
    height: 100%;
    padding: 17mm 18mm 16mm 86mm;
}

.industrial-certificate-header[b-9qjdizr4sf] {
    grid-column: 1 / -1;
    display: grid;
    justify-items: center;
    gap: 2mm;
    min-height: 26mm;
}

.industrial-brand[b-9qjdizr4sf] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4mm;
    color: var(--certificate-ink);
    text-transform: uppercase;
}

.industrial-brand-logo[b-9qjdizr4sf] {
    display: block;
    max-width: 62mm;
    max-height: 18mm;
    object-fit: contain;
}

.industrial-brand-subtitle[b-9qjdizr4sf],
.industrial-brand-wordmark span[b-9qjdizr4sf] {
    color: var(--certificate-muted);
    font-size: 8px;
    font-weight: 900;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}

.industrial-brand-mark[b-9qjdizr4sf] {
    position: relative;
    width: 18mm;
    height: 18mm;
    border: 1.8mm solid var(--certificate-ink);
    transform: skew(-10deg);
}

.industrial-brand-mark span[b-9qjdizr4sf] {
    position: absolute;
    top: 3mm;
    width: 4mm;
    height: 12mm;
    background: var(--certificate-accent);
}

.industrial-brand-mark span:first-child[b-9qjdizr4sf] {
    left: 3mm;
}

.industrial-brand-mark span:last-child[b-9qjdizr4sf] {
    right: 3mm;
}

.industrial-brand-wordmark[b-9qjdizr4sf] {
    display: grid;
    gap: 1.2mm;
}

.industrial-brand-wordmark strong[b-9qjdizr4sf] {
    max-width: 84mm;
    overflow-wrap: anywhere;
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 2px;
}

.industrial-main-copy[b-9qjdizr4sf] {
    align-self: center;
    padding-right: 4mm;
}

.industrial-kicker[b-9qjdizr4sf] {
    margin: 0 0 3mm;
    color: var(--certificate-accent-dark);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 2.6px;
    text-transform: uppercase;
}

.industrial-main-copy h1[b-9qjdizr4sf] {
    margin: 0;
    color: var(--certificate-ink);
    font-size: 46px;
    font-weight: 950;
    letter-spacing: 1px;
    line-height: 0.95;
}

.industrial-subtitle[b-9qjdizr4sf] {
    margin: 2.8mm 0 9mm;
    color: var(--certificate-charcoal);
    font-size: 17px;
    font-weight: 750;
}

.industrial-presented[b-9qjdizr4sf] {
    margin: 0 0 2mm;
    color: var(--certificate-muted);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1.5px;
}

.industrial-employee-name[b-9qjdizr4sf] {
    display: inline-block;
    min-width: 112mm;
    max-width: 142mm;
    padding-bottom: 2.5mm;
    border-bottom: 1.1mm solid var(--certificate-ink);
    color: var(--certificate-ink);
    font-size: 31px;
    font-weight: 950;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.industrial-completion-copy[b-9qjdizr4sf] {
    max-width: 142mm;
    margin: 6mm 0 0;
    color: var(--certificate-charcoal);
    font-size: 15px;
    font-weight: 650;
    line-height: 1.45;
}

.industrial-completion-copy strong[b-9qjdizr4sf] {
    color: var(--certificate-ink);
    font-weight: 900;
}

.industrial-verification[b-9qjdizr4sf] {
    align-self: center;
    display: grid;
    justify-items: center;
    gap: 10mm;
}

.industrial-seal[b-9qjdizr4sf] {
    position: relative;
    display: grid;
    place-items: center;
    width: 45mm;
    height: 45mm;
    border: 1mm solid var(--certificate-ink);
    border-radius: 50%;
    background:
        radial-gradient(circle at center, #ffffff 0 43%, transparent 43.5%),
        conic-gradient(from 0deg, var(--certificate-accent), var(--certificate-accent-dark), var(--certificate-accent), var(--certificate-accent-dark), var(--certificate-accent));
    color: var(--certificate-ink);
    text-align: center;
    text-transform: uppercase;
}

.industrial-seal[b-9qjdizr4sf]::before {
    content: "";
    position: absolute;
    inset: 4mm;
    border: 1px solid rgba(17, 19, 21, 0.75);
    border-radius: 50%;
}

.industrial-seal span[b-9qjdizr4sf] {
    position: relative;
    z-index: 1;
    width: 28mm;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: 1px;
    line-height: 1.05;
}

.industrial-qr-link[b-9qjdizr4sf] {
    display: grid;
    justify-items: center;
    gap: 2.4mm;
    color: var(--certificate-charcoal);
    text-decoration: none;
}

.industrial-qr[b-9qjdizr4sf] {
    display: block;
    width: 27mm;
    height: 27mm;
    border: 1mm solid var(--certificate-ink);
    background:
        linear-gradient(90deg, var(--certificate-ink) 20%, transparent 20% 40%, var(--certificate-ink) 40% 52%, transparent 52% 68%, var(--certificate-ink) 68% 80%, transparent 80%),
        linear-gradient(0deg, transparent 16%, var(--certificate-ink) 16% 28%, transparent 28% 48%, var(--certificate-ink) 48% 58%, transparent 58% 78%, var(--certificate-ink) 78% 90%, transparent 90%);
    background-color: #ffffff;
    background-size: 8mm 8mm, 8mm 8mm;
}

.industrial-qr-link > span:last-child[b-9qjdizr4sf] {
    font-size: 8px;
    font-weight: 950;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.industrial-fields[b-9qjdizr4sf] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4mm 5mm;
    padding: 0 1mm;
}

.industrial-field[b-9qjdizr4sf] {
    min-height: 14mm;
    border-bottom: 0.45mm solid var(--certificate-line);
}

.industrial-field span[b-9qjdizr4sf] {
    display: block;
    margin-bottom: 3mm;
    color: var(--certificate-muted);
    font-size: 7.5px;
    font-weight: 950;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.industrial-field strong[b-9qjdizr4sf] {
    display: block;
    color: var(--certificate-ink);
    font-size: 13px;
    font-weight: 850;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.industrial-footer[b-9qjdizr4sf] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 8mm;
    padding-top: 2mm;
    border-top: 0.35mm solid var(--certificate-line);
    color: var(--certificate-charcoal);
    font-size: 9px;
    font-weight: 850;
}

.industrial-footer div[b-9qjdizr4sf] {
    display: grid;
    gap: 1mm;
}

.industrial-footer > span[b-9qjdizr4sf] {
    color: var(--certificate-muted);
    font-size: 8px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

@media print {
    @page {
        size: A4 landscape;
        margin: 0;
    }

    .industrial-certificate[b-9qjdizr4sf] {
        width: 297mm;
        height: 210mm;
        break-inside: avoid;
        page-break-inside: avoid;
    }
}

@media screen and (max-width: 1122px) {
    .industrial-certificate[b-9qjdizr4sf] {
        flex: 0 0 auto;
    }
}
/* /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/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/Mobile.razor.rz.scp.css */
.mobile-hero[b-nboyuef0vs] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(17rem, 25rem);
    gap: 1.25rem;
    align-items: stretch;
}

.mobile-hero-main[b-nboyuef0vs] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.mobile-hero-mark[b-nboyuef0vs] {
    width: 4.4rem;
    height: 4.4rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.26);
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
    font-size: 1rem;
    font-weight: 850;
    letter-spacing: 0;
    flex: 0 0 auto;
}

.mobile-hero-site[b-nboyuef0vs] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.28rem;
    min-width: 0;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.12);
    padding: 1rem;
    color: rgba(255, 255, 255, 0.8);
}

.mobile-hero-site span[b-nboyuef0vs] {
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0;
    color: rgba(255, 255, 255, 0.64);
}

.mobile-hero-site strong[b-nboyuef0vs] {
    color: #ffffff;
    font-size: 1.05rem;
    line-height: 1.2;
    word-break: break-word;
}

.mobile-hero-site small[b-nboyuef0vs] {
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.3;
    word-break: break-word;
}

.mobile-command-strip[b-nboyuef0vs] {
    display: grid;
    grid-template-columns: minmax(17rem, 32rem) minmax(12rem, 1fr) auto;
    gap: 0.85rem;
    align-items: stretch;
    margin-bottom: 1rem;
}

.mobile-site-picker[b-nboyuef0vs],
.mobile-readiness[b-nboyuef0vs],
.mobile-command-actions[b-nboyuef0vs] {
    border: 1px solid var(--border-color, #dbe3f1);
    border-radius: 0.85rem;
    background: var(--bg-surface, #ffffff);
    box-shadow: var(--shadow-sm, 0 1px 3px rgba(18, 25, 42, 0.06));
    padding: 0.85rem;
}

.mobile-site-picker label[b-nboyuef0vs],
.mobile-readiness span[b-nboyuef0vs],
.mobile-kpi span[b-nboyuef0vs],
.mobile-section-meta[b-nboyuef0vs] {
    color: var(--text-muted, #6d7792);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0;
}

.mobile-site-picker[b-nboyuef0vs] {
    display: grid;
    gap: 0.35rem;
}

.mobile-readiness[b-nboyuef0vs] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.25rem;
    border-left-width: 4px;
}

.mobile-readiness strong[b-nboyuef0vs] {
    color: var(--text-primary, #121a2b);
    line-height: 1.25;
    word-break: break-word;
}

.readiness-ready[b-nboyuef0vs] {
    border-left-color: var(--success, #1f8d63);
}

.readiness-review[b-nboyuef0vs] {
    border-left-color: var(--warning, #b27a16);
}

.readiness-missing[b-nboyuef0vs] {
    border-left-color: var(--danger, #b24343);
}

.mobile-command-actions[b-nboyuef0vs] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.mobile-kpi-grid[b-nboyuef0vs] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.mobile-kpi[b-nboyuef0vs] {
    min-height: 6.4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.25rem;
    border: 1px solid var(--border-color, #dce4f1);
    border-left: 4px solid var(--accent-primary, #385a8f);
    border-radius: 12px;
    background: linear-gradient(180deg, var(--bg-card, #fbfdff) 0%, var(--bg-surface, #ffffff) 78%);
    padding: 0.95rem 1rem;
    box-shadow: var(--shadow-sm, 0 1px 3px rgba(18, 25, 42, 0.06));
}

.mobile-kpi strong[b-nboyuef0vs] {
    color: var(--text-primary, #17243d);
    font-size: 1.55rem;
    font-weight: 850;
    line-height: 1.05;
}

.mobile-kpi small[b-nboyuef0vs] {
    color: var(--text-secondary, #495473);
    font-size: 0.76rem;
    line-height: 1.28;
}

.mobile-kpi.kpi-green[b-nboyuef0vs] {
    border-left-color: var(--success, #1f8d63);
}

.mobile-kpi.kpi-amber[b-nboyuef0vs] {
    border-left-color: var(--warning, #b27a16);
}

.mobile-kpi.kpi-red[b-nboyuef0vs] {
    border-left-color: var(--danger, #b24343);
}

.mobile-kpi.kpi-blue[b-nboyuef0vs] {
    border-left-color: var(--accent-primary, #385a8f);
}

.mobile-kpi.kpi-purple[b-nboyuef0vs] {
    border-left-color: #7c65b9;
}

.mobile-layout[b-nboyuef0vs] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
    gap: 1rem;
    align-items: start;
}

.mobile-main[b-nboyuef0vs],
.mobile-sidebar[b-nboyuef0vs] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.mobile-sidebar[b-nboyuef0vs] {
    position: sticky;
    top: 5.5rem;
}

.mobile-section-card[b-nboyuef0vs] {
    overflow: hidden;
}

.mobile-section-card .pm-card-header[b-nboyuef0vs] {
    gap: 0.75rem;
    flex-wrap: wrap;
}

.mobile-section-meta[b-nboyuef0vs] {
    text-transform: none;
    font-size: 0.78rem;
}

.mobile-empty[b-nboyuef0vs] {
    border: 1px dashed var(--border-color, #dbe3f1);
    border-radius: 0.85rem;
    background: color-mix(in srgb, var(--bg-hover, #edf2ff) 36%, var(--bg-surface, #ffffff));
    color: var(--text-muted, #6d7792);
    padding: 1.25rem;
    text-align: center;
}

.mobile-settings-grid[b-nboyuef0vs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.mobile-settings-panel[b-nboyuef0vs] {
    border: 1px solid var(--border-subtle, #ebeff7);
    border-radius: 0.85rem;
    background: color-mix(in srgb, var(--bg-hover, #edf2ff) 28%, var(--bg-surface, #ffffff));
    padding: 1rem;
    min-width: 0;
}

.mobile-settings-panel h2[b-nboyuef0vs],
.mobile-subsection h2[b-nboyuef0vs] {
    margin: 0 0 0.75rem;
    color: var(--text-primary, #121a2b);
    font-size: 0.96rem;
    line-height: 1.2;
}

.mobile-field-grid[b-nboyuef0vs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.mobile-field-grid.three[b-nboyuef0vs] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mobile-field-grid.two[b-nboyuef0vs] {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
}

.mobile-toggle-grid[b-nboyuef0vs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
    margin-top: 0.85rem;
}

.mobile-toggle[b-nboyuef0vs] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 2.7rem;
    border: 1px solid var(--border-subtle, #ebeff7);
    border-radius: 0.7rem;
    background: var(--bg-surface, #ffffff);
    padding: 0.6rem 0.7rem;
    color: var(--text-secondary, #495473);
    font-size: 0.84rem;
    font-weight: 700;
}

.mobile-toggle input[b-nboyuef0vs] {
    flex: 0 0 auto;
}

.mobile-map-check[b-nboyuef0vs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border: 1px solid var(--border-subtle, #ebeff7);
    border-radius: 0.75rem;
    background: var(--bg-surface, #ffffff);
    padding: 0.7rem;
    margin-top: 0.85rem;
}

.mobile-map-check > div[b-nboyuef0vs] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.mobile-map-check span[b-nboyuef0vs],
.mobile-map-empty[b-nboyuef0vs] {
    color: var(--text-muted, #6d7792);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0;
}

.mobile-map-check strong[b-nboyuef0vs] {
    color: var(--text-primary, #121a2b);
    font-size: 0.84rem;
    line-height: 1.3;
    word-break: break-word;
}

.mobile-map-check small[b-nboyuef0vs] {
    color: var(--text-muted, #6d7792);
    font-size: 0.76rem;
    line-height: 1.3;
}

.mobile-map-empty[b-nboyuef0vs] {
    display: inline-flex;
    align-items: center;
    min-height: 2.25rem;
    border: 1px dashed var(--border-color, #dbe3f1);
    border-radius: 0.65rem;
    padding: 0 0.65rem;
    background: color-mix(in srgb, var(--bg-hover, #edf2ff) 34%, var(--bg-surface, #ffffff));
    white-space: nowrap;
}

.mobile-settings-panel .validation-message[b-nboyuef0vs] {
    color: var(--danger, #b24343);
    font-size: 0.76rem;
    line-height: 1.3;
    margin-top: 0.3rem;
}

.mobile-settings-footer[b-nboyuef0vs] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(12rem, 18rem);
    gap: 0.85rem;
    margin-top: 1rem;
}

.mobile-retention-note[b-nboyuef0vs],
.mobile-qr-notice[b-nboyuef0vs] {
    display: grid;
    gap: 0.22rem;
    border: 1px solid color-mix(in srgb, var(--info, #3979bb) 28%, var(--border-color, #dbe3f1));
    border-radius: 0.78rem;
    background: color-mix(in srgb, var(--info, #3979bb) 8%, var(--bg-surface, #ffffff));
    padding: 0.75rem 0.85rem;
    color: var(--text-secondary, #495473);
    font-size: 0.84rem;
    line-height: 1.38;
}

.mobile-retention-note strong[b-nboyuef0vs],
.mobile-qr-notice strong[b-nboyuef0vs] {
    color: var(--text-primary, #121a2b);
}

.mobile-form-actions[b-nboyuef0vs] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.9rem;
}

.mobile-form-actions.compact[b-nboyuef0vs] {
    justify-content: flex-start;
}

.mobile-action-panel[b-nboyuef0vs] {
    border: 1px solid var(--border-subtle, #ebeff7);
    border-radius: 0.85rem;
    background: color-mix(in srgb, var(--bg-hover, #edf2ff) 30%, var(--bg-surface, #ffffff));
    padding: 0.9rem;
    margin: 0.9rem 0;
}

.compact-panel[b-nboyuef0vs] {
    display: grid;
    gap: 0.65rem;
    margin: 0 0 0.85rem;
}

.site-qr-print[b-nboyuef0vs] {
    display: grid;
    grid-template-columns: minmax(12rem, 16rem) minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    border: 1px dashed var(--accent-primary, #385a8f);
    border-radius: 0.85rem;
    padding: 1rem;
    margin: 1rem 0;
    background: var(--bg-surface, #ffffff);
}

.site-qr-svg[b-nboyuef0vs] {
    display: grid;
    place-items: center;
    border: 1px solid var(--border-subtle, #ebeff7);
    border-radius: 0.75rem;
    background: #ffffff;
    padding: 0.75rem;
}

.site-qr-svg[b-nboyuef0vs]  svg {
    display: block;
    max-width: 100%;
    height: auto;
}

.site-qr-result[b-nboyuef0vs] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    min-width: 0;
}

.site-qr-result strong[b-nboyuef0vs] {
    color: var(--text-primary, #121a2b);
    font-size: 1rem;
}

.site-qr-result code[b-nboyuef0vs] {
    display: block;
    border: 1px solid var(--border-subtle, #ebeff7);
    border-radius: 0.6rem;
    background: color-mix(in srgb, var(--bg-hover, #edf2ff) 38%, var(--bg-surface, #ffffff));
    color: var(--text-primary, #121a2b);
    padding: 0.55rem 0.65rem;
    font-size: 0.74rem;
    line-height: 1.35;
    word-break: break-all;
}

.mobile-subsection[b-nboyuef0vs] {
    margin-top: 1.1rem;
}

.mobile-table-wrap[b-nboyuef0vs] {
    overflow-x: auto;
}

.mobile-table-wrap .pm-table[b-nboyuef0vs] {
    min-width: 760px;
}

.mobile-status-pill[b-nboyuef0vs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.55rem;
    border-radius: 999px;
    padding: 0.14rem 0.58rem;
    font-size: 0.73rem;
    font-weight: 850;
    white-space: nowrap;
}

.status-active[b-nboyuef0vs] {
    background: color-mix(in srgb, var(--success, #1f8d63) 15%, var(--bg-surface, #ffffff));
    color: var(--success, #1f8d63);
    border: 1px solid color-mix(in srgb, var(--success, #1f8d63) 34%, transparent);
}

.status-warning[b-nboyuef0vs] {
    background: color-mix(in srgb, var(--warning, #b27a16) 15%, var(--bg-surface, #ffffff));
    color: var(--warning, #b27a16);
    border: 1px solid color-mix(in srgb, var(--warning, #b27a16) 34%, transparent);
}

.status-danger[b-nboyuef0vs] {
    background: color-mix(in srgb, var(--danger, #b24343) 15%, var(--bg-surface, #ffffff));
    color: var(--danger, #b24343);
    border: 1px solid color-mix(in srgb, var(--danger, #b24343) 34%, transparent);
}

.status-muted[b-nboyuef0vs] {
    background: color-mix(in srgb, var(--text-muted, #6d7792) 12%, var(--bg-surface, #ffffff));
    color: var(--text-muted, #6d7792);
    border: 1px solid color-mix(in srgb, var(--text-muted, #6d7792) 25%, transparent);
}

.status-info[b-nboyuef0vs] {
    background: color-mix(in srgb, var(--info, #3979bb) 13%, var(--bg-surface, #ffffff));
    color: var(--info, #3979bb);
    border: 1px solid color-mix(in srgb, var(--info, #3979bb) 30%, transparent);
}

.mobile-session-list[b-nboyuef0vs] {
    display: grid;
    gap: 0.65rem;
}

.mobile-session-list article[b-nboyuef0vs] {
    display: grid;
    gap: 0.35rem;
    border: 1px solid var(--border-subtle, #ebeff7);
    border-radius: 0.78rem;
    background: var(--bg-surface, #ffffff);
    padding: 0.75rem;
}

.mobile-session-list article > div[b-nboyuef0vs] {
    display: flex;
    justify-content: space-between;
    gap: 0.6rem;
    min-width: 0;
}

.mobile-session-list strong[b-nboyuef0vs] {
    color: var(--text-primary, #121a2b);
    font-size: 0.9rem;
    line-height: 1.25;
    word-break: break-word;
}

.mobile-session-list span:not(.mobile-status-pill)[b-nboyuef0vs],
.mobile-session-list small[b-nboyuef0vs] {
    color: var(--text-muted, #6d7792);
    font-size: 0.74rem;
    line-height: 1.3;
}

.mobile-boundary-version[b-nboyuef0vs] {
    display: grid;
    gap: 0.3rem;
    border: 1px solid var(--border-subtle, #ebeff7);
    border-radius: 0.78rem;
    background: color-mix(in srgb, var(--bg-hover, #edf2ff) 35%, var(--bg-surface, #ffffff));
    padding: 0.8rem;
    margin-bottom: 0.8rem;
}

.mobile-boundary-version span[b-nboyuef0vs] {
    color: var(--text-muted, #6d7792);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0;
}

.mobile-boundary-version strong[b-nboyuef0vs] {
    color: var(--text-primary, #121a2b);
    line-height: 1.3;
}

.mobile-boundary-list[b-nboyuef0vs] {
    display: grid;
    gap: 0.45rem;
    margin-top: 0.7rem;
}

.mobile-boundary-list span[b-nboyuef0vs] {
    border: 1px solid var(--border-subtle, #ebeff7);
    border-radius: 0.65rem;
    background: var(--bg-surface, #ffffff);
    color: var(--text-secondary, #495473);
    padding: 0.55rem 0.65rem;
    font-size: 0.8rem;
    line-height: 1.35;
}

.mobile-boundary-list.todo span[b-nboyuef0vs] {
    border-color: color-mix(in srgb, var(--warning, #b27a16) 28%, var(--border-color, #dbe3f1));
    background: color-mix(in srgb, var(--warning, #b27a16) 8%, var(--bg-surface, #ffffff));
}

@media (max-width: 1240px) {
    .mobile-kpi-grid[b-nboyuef0vs] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mobile-layout[b-nboyuef0vs] {
        grid-template-columns: 1fr;
    }

    .mobile-sidebar[b-nboyuef0vs] {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }
}

@media (max-width: 960px) {
    .mobile-hero[b-nboyuef0vs],
    .mobile-command-strip[b-nboyuef0vs],
    .mobile-settings-grid[b-nboyuef0vs],
    .mobile-settings-footer[b-nboyuef0vs],
    .mobile-field-grid[b-nboyuef0vs],
    .mobile-field-grid.two[b-nboyuef0vs],
    .mobile-field-grid.three[b-nboyuef0vs] {
        grid-template-columns: 1fr;
    }

    .mobile-command-actions[b-nboyuef0vs] {
        justify-content: flex-start;
    }

    .mobile-sidebar[b-nboyuef0vs] {
        display: flex;
    }
}

@media (max-width: 720px) {
    .mobile-kpi-grid[b-nboyuef0vs],
    .mobile-toggle-grid[b-nboyuef0vs],
    .site-qr-print[b-nboyuef0vs] {
        grid-template-columns: 1fr;
    }

    .mobile-hero-main[b-nboyuef0vs] {
        align-items: flex-start;
    }

    .mobile-hero-mark[b-nboyuef0vs] {
        width: 3.4rem;
        height: 3.4rem;
        border-radius: 0.8rem;
    }

    .mobile-command-actions .pm-btn[b-nboyuef0vs],
    .mobile-form-actions .pm-btn[b-nboyuef0vs],
    .mobile-action-panel .pm-btn[b-nboyuef0vs],
    .mobile-map-check .pm-btn[b-nboyuef0vs] {
        width: 100%;
    }

    .mobile-map-check[b-nboyuef0vs] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media print {
    body *[b-nboyuef0vs] {
        visibility: hidden;
    }

    .site-qr-print[b-nboyuef0vs],
    .site-qr-print *[b-nboyuef0vs] {
        visibility: visible;
    }

    .site-qr-print[b-nboyuef0vs] {
        position: absolute;
        inset: 2rem auto auto 2rem;
        width: 18rem;
        border: 0;
    }
}
/* /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 */
.site-hero[b-ck95xa2xuq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(16rem, 24rem);
    gap: 1.25rem;
    align-items: stretch;
}

.site-hero-main[b-ck95xa2xuq] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.site-hero-mark[b-ck95xa2xuq] {
    width: 4.4rem;
    height: 4.4rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.26);
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: 850;
    letter-spacing: 0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    flex: 0 0 auto;
}

.site-hero-copy[b-ck95xa2xuq] {
    min-width: 0;
}

.site-hero-aside[b-ck95xa2xuq] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.3rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 0.85rem;
    background: rgba(255, 255, 255, 0.12);
    padding: 1rem;
    color: rgba(255, 255, 255, 0.84);
    min-width: 0;
}

.site-hero-aside strong[b-ck95xa2xuq] {
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.2;
    word-break: break-word;
}

.site-hero-label[b-ck95xa2xuq],
.site-overline[b-ck95xa2xuq],
.site-kpi-label[b-ck95xa2xuq] {
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0;
}

.site-hero-label[b-ck95xa2xuq] {
    color: rgba(255, 255, 255, 0.62);
}

.site-hero-chip[b-ck95xa2xuq] {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    padding: 0.25rem 0.75rem;
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 800;
}

.site-state-success[b-ck95xa2xuq] {
    background: rgba(16, 185, 129, 0.28);
}

.site-state-warning[b-ck95xa2xuq] {
    background: rgba(245, 158, 11, 0.28);
}

.site-state-danger[b-ck95xa2xuq] {
    background: rgba(239, 68, 68, 0.3);
}

.site-state-muted[b-ck95xa2xuq] {
    background: rgba(148, 163, 184, 0.28);
}

.site-actions[b-ck95xa2xuq] {
    margin-top: -0.25rem;
}

.site-kpi-grid[b-ck95xa2xuq] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
    margin-bottom: 1rem;
}

.site-kpi[b-ck95xa2xuq] {
    min-height: 6.4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.28rem;
    border: 1px solid var(--border-color, #dce4f1);
    border-left: 4px solid #2f80d0;
    border-radius: 12px;
    background: linear-gradient(180deg, var(--bg-card, #fbfdff) 0%, var(--bg-surface, #ffffff) 78%);
    padding: 0.95rem 1rem;
    box-shadow: var(--shadow-sm, 0 1px 3px rgba(18, 25, 42, 0.06));
}

.site-kpi strong[b-ck95xa2xuq] {
    color: var(--text-primary, #17243d);
    font-size: 1.45rem;
    font-weight: 850;
    line-height: 1.05;
    word-break: break-word;
}

.site-kpi > span:last-child[b-ck95xa2xuq] {
    color: var(--text-secondary, #3f4f68);
    font-size: 0.76rem;
    line-height: 1.28;
}

.site-kpi-label[b-ck95xa2xuq] {
    color: var(--text-muted, #697996);
}

.site-kpi.kpi-green[b-ck95xa2xuq] {
    border-left-color: var(--success, #22a06b);
}

.site-kpi.kpi-amber[b-ck95xa2xuq] {
    border-left-color: var(--warning, #d99a21);
}

.site-kpi.kpi-red[b-ck95xa2xuq] {
    border-left-color: var(--danger, #d64545);
}

.site-kpi.kpi-purple[b-ck95xa2xuq] {
    border-left-color: #7c65b9;
}

.site-layout[b-ck95xa2xuq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem);
    gap: 1rem;
    align-items: start;
}

.site-main[b-ck95xa2xuq],
.site-sidebar[b-ck95xa2xuq] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.site-sidebar[b-ck95xa2xuq] {
    position: sticky;
    top: 5.5rem;
}

.site-section-card[b-ck95xa2xuq] {
    overflow: hidden;
}

.site-section-card .pm-card-header[b-ck95xa2xuq] {
    gap: 0.75rem;
    flex-wrap: wrap;
}

.site-card-actions[b-ck95xa2xuq],
.site-inline-actions[b-ck95xa2xuq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.site-card-count[b-ck95xa2xuq] {
    color: var(--text-muted, #6d7792);
    font-size: 0.78rem;
    font-weight: 700;
}

.site-profile-grid[b-ck95xa2xuq],
.mobile-boundary-grid[b-ck95xa2xuq],
.site-org-grid[b-ck95xa2xuq] {
    display: grid;
    grid-template-columns: minmax(14rem, 0.8fr) minmax(0, 1.2fr);
    gap: 1rem;
    align-items: stretch;
}

.site-address-panel[b-ck95xa2xuq],
.mobile-boundary-visual[b-ck95xa2xuq] {
    min-height: 12rem;
    border: 1px solid color-mix(in srgb, var(--accent-primary, #385a8f) 22%, var(--border-color, #dbe3f1));
    border-radius: 0.85rem;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--accent-primary, #385a8f) 12%, var(--bg-surface, #ffffff)), var(--bg-surface, #ffffff));
    padding: 1.1rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 0.35rem;
}

.site-address-panel strong[b-ck95xa2xuq],
.mobile-boundary-visual strong[b-ck95xa2xuq] {
    color: var(--text-primary, #121a2b);
    font-size: 1.18rem;
    line-height: 1.25;
}

.site-address-panel span:last-child[b-ck95xa2xuq],
.mobile-boundary-visual span:last-child[b-ck95xa2xuq],
.site-note[b-ck95xa2xuq],
.site-empty[b-ck95xa2xuq] {
    color: var(--text-muted, #6d7792);
    font-size: 0.84rem;
    line-height: 1.45;
}

.site-overline[b-ck95xa2xuq] {
    color: var(--accent-primary, #385a8f);
}

.site-field-grid[b-ck95xa2xuq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.site-field-grid.compact[b-ck95xa2xuq] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.site-field-stack[b-ck95xa2xuq] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.site-field[b-ck95xa2xuq] {
    min-width: 0;
    border: 1px solid var(--border-subtle, #ebeff7);
    border-radius: 0.72rem;
    background: color-mix(in srgb, var(--bg-hover, #edf2ff) 35%, var(--bg-surface, #ffffff));
    padding: 0.78rem 0.85rem;
}

.site-field span[b-ck95xa2xuq] {
    display: block;
    margin-bottom: 0.2rem;
    color: var(--text-muted, #6d7792);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0;
}

.site-field strong[b-ck95xa2xuq] {
    display: block;
    color: var(--text-primary, #121a2b);
    font-size: 0.9rem;
    line-height: 1.35;
    word-break: break-word;
}

.mobile-boundary-visual[b-ck95xa2xuq] {
    position: relative;
    overflow: hidden;
    justify-content: center;
}

.mobile-boundary-visual[b-ck95xa2xuq]::before {
    content: "";
    position: absolute;
    width: 11rem;
    height: 11rem;
    right: -3.5rem;
    top: -3.5rem;
    border: 1px solid currentColor;
    border-radius: 50%;
    opacity: 0.13;
}

.mobile-boundary-dot[b-ck95xa2xuq] {
    width: 0.95rem;
    height: 0.95rem;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 0.55rem color-mix(in srgb, currentColor 18%, transparent);
}

.mobile-boundary-ready[b-ck95xa2xuq] {
    color: var(--success, #1f8d63);
}

.mobile-boundary-review[b-ck95xa2xuq] {
    color: var(--warning, #b27a16);
}

.mobile-boundary-missing[b-ck95xa2xuq] {
    color: var(--danger, #b24343);
}

.site-note[b-ck95xa2xuq] {
    margin: 0.85rem 0 0;
}

.site-warning-list[b-ck95xa2xuq] {
    display: grid;
    gap: 0.45rem;
    margin-bottom: 1rem;
}

.site-warning-list span[b-ck95xa2xuq] {
    border: 1px solid color-mix(in srgb, var(--warning, #b27a16) 34%, var(--border-color, #dbe3f1));
    border-radius: 0.72rem;
    background: color-mix(in srgb, var(--warning, #b27a16) 11%, var(--bg-surface, #ffffff));
    color: color-mix(in srgb, var(--warning, #b27a16) 82%, var(--text-primary, #121a2b));
    padding: 0.62rem 0.75rem;
    font-size: 0.84rem;
    font-weight: 650;
}

.site-org-column[b-ck95xa2xuq] {
    min-width: 0;
}

.site-org-column h2[b-ck95xa2xuq] {
    margin: 0 0 0.7rem;
    color: var(--text-primary, #121a2b);
    font-size: 0.95rem;
}

.site-leadership-list[b-ck95xa2xuq],
.site-department-map[b-ck95xa2xuq] {
    display: grid;
    gap: 0.65rem;
}

.site-leadership-item[b-ck95xa2xuq],
.site-department-card[b-ck95xa2xuq] {
    border: 1px solid var(--border-subtle, #ebeff7);
    border-radius: 0.78rem;
    background: var(--bg-surface, #ffffff);
    padding: 0.8rem 0.9rem;
}

.site-leadership-item span[b-ck95xa2xuq],
.site-department-card span[b-ck95xa2xuq],
.site-department-card dt[b-ck95xa2xuq],
.site-table-sub[b-ck95xa2xuq] {
    color: var(--text-muted, #6d7792);
    font-size: 0.75rem;
    font-weight: 700;
}

.site-leadership-item strong[b-ck95xa2xuq],
.site-department-card strong[b-ck95xa2xuq] {
    display: block;
    margin-top: 0.18rem;
    color: var(--text-primary, #121a2b);
    line-height: 1.35;
}

.site-department-card[b-ck95xa2xuq] {
    display: grid;
    grid-template-columns: minmax(8rem, 0.55fr) minmax(0, 1fr);
    gap: 0.75rem;
}

.site-department-card dl[b-ck95xa2xuq] {
    display: grid;
    grid-template-columns: minmax(6rem, auto) minmax(0, 1fr);
    gap: 0.25rem 0.65rem;
    margin: 0;
}

.site-department-card dd[b-ck95xa2xuq] {
    margin: 0;
    color: var(--text-secondary, #495473);
    font-size: 0.82rem;
    line-height: 1.35;
    word-break: break-word;
}

.site-form-grid[b-ck95xa2xuq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.site-form-fields[b-ck95xa2xuq] {
    display: grid;
    gap: 0.75rem;
}

.site-inline-actions[b-ck95xa2xuq] {
    justify-content: space-between;
    margin-top: 0.85rem;
}

.site-table-wrap[b-ck95xa2xuq] {
    overflow-x: auto;
}

.site-table-wrap .pm-table[b-ck95xa2xuq] {
    min-width: 760px;
}

.site-table-sub[b-ck95xa2xuq] {
    display: block;
    margin-top: 0.1rem;
}

.site-empty-panel[b-ck95xa2xuq] {
    border: 1px dashed var(--border-color, #dbe3f1);
    border-radius: 0.8rem;
    background: color-mix(in srgb, var(--bg-hover, #edf2ff) 35%, var(--bg-surface, #ffffff));
    color: var(--text-muted, #6d7792);
    padding: 1.25rem;
    text-align: center;
}

.site-logo-preview[b-ck95xa2xuq] {
    display: grid;
    place-items: center;
    min-height: 8rem;
    margin-bottom: 0.8rem;
    border: 1px solid var(--border-subtle, #ebeff7);
    border-radius: 0.78rem;
    background: #ffffff;
    overflow: hidden;
}

.site-logo-preview img[b-ck95xa2xuq] {
    display: block;
    max-width: 100%;
    max-height: 8rem;
    object-fit: contain;
}

.site-swatch-row[b-ck95xa2xuq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
}

.site-swatch-row > div[b-ck95xa2xuq] {
    min-width: 0;
    border: 1px solid var(--border-subtle, #ebeff7);
    border-radius: 0.72rem;
    padding: 0.7rem;
    background: var(--bg-surface, #ffffff);
}

.site-swatch[b-ck95xa2xuq] {
    display: block;
    width: 100%;
    height: 2rem;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 0.55rem;
    margin-bottom: 0.45rem;
}

.site-swatch-row strong[b-ck95xa2xuq],
.site-swatch-row span:last-child[b-ck95xa2xuq] {
    display: block;
    word-break: break-word;
}

.site-swatch-row strong[b-ck95xa2xuq] {
    color: var(--text-primary, #121a2b);
    font-size: 0.82rem;
}

.site-swatch-row span:last-child[b-ck95xa2xuq] {
    color: var(--text-muted, #6d7792);
    font-size: 0.72rem;
}

.site-status-stack[b-ck95xa2xuq] {
    display: grid;
    gap: 0.6rem;
}

.site-status-row[b-ck95xa2xuq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border-bottom: 1px solid var(--border-subtle, #ebeff7);
    padding-bottom: 0.6rem;
}

.site-status-row:last-child[b-ck95xa2xuq] {
    border-bottom: 0;
    padding-bottom: 0;
}

.site-status-row span[b-ck95xa2xuq] {
    color: var(--text-muted, #6d7792);
    font-size: 0.82rem;
    font-weight: 700;
}

.site-status-row strong:not(.site-pill)[b-ck95xa2xuq] {
    color: var(--text-primary, #121a2b);
    font-size: 0.84rem;
    text-align: right;
    word-break: break-word;
}

.site-pill[b-ck95xa2xuq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.6rem;
    border-radius: 999px;
    padding: 0.16rem 0.62rem;
    font-size: 0.74rem;
    font-weight: 850;
    white-space: nowrap;
}

.site-pill-success[b-ck95xa2xuq] {
    background: color-mix(in srgb, var(--success, #1f8d63) 15%, var(--bg-surface, #ffffff));
    color: var(--success, #1f8d63);
    border: 1px solid color-mix(in srgb, var(--success, #1f8d63) 34%, transparent);
}

.site-pill-warning[b-ck95xa2xuq] {
    background: color-mix(in srgb, var(--warning, #b27a16) 15%, var(--bg-surface, #ffffff));
    color: var(--warning, #b27a16);
    border: 1px solid color-mix(in srgb, var(--warning, #b27a16) 34%, transparent);
}

.site-pill-danger[b-ck95xa2xuq] {
    background: color-mix(in srgb, var(--danger, #b24343) 15%, var(--bg-surface, #ffffff));
    color: var(--danger, #b24343);
    border: 1px solid color-mix(in srgb, var(--danger, #b24343) 34%, transparent);
}

.site-pill-muted[b-ck95xa2xuq] {
    background: color-mix(in srgb, var(--text-muted, #6d7792) 12%, var(--bg-surface, #ffffff));
    color: var(--text-muted, #6d7792);
    border: 1px solid color-mix(in srgb, var(--text-muted, #6d7792) 25%, transparent);
}

.site-danger-card[b-ck95xa2xuq] {
    border-color: color-mix(in srgb, var(--danger, #b24343) 45%, var(--border-color, #dbe3f1)) !important;
}

.site-danger-card .pm-card-body[b-ck95xa2xuq] {
    display: grid;
    gap: 0.75rem;
}

.site-reference-count[b-ck95xa2xuq] {
    border: 1px solid var(--border-subtle, #ebeff7);
    border-radius: 0.78rem;
    padding: 0.8rem;
    background: color-mix(in srgb, var(--bg-hover, #edf2ff) 35%, var(--bg-surface, #ffffff));
}

.site-reference-count span[b-ck95xa2xuq] {
    display: block;
    color: var(--text-muted, #6d7792);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.site-reference-count strong[b-ck95xa2xuq] {
    color: var(--text-primary, #121a2b);
    font-size: 1.5rem;
}

.site-usage-list[b-ck95xa2xuq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.site-usage-list span[b-ck95xa2xuq] {
    display: inline-flex;
    gap: 0.35rem;
    align-items: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--danger, #b24343) 9%, var(--bg-surface, #ffffff));
    color: var(--text-secondary, #495473);
    border: 1px solid color-mix(in srgb, var(--danger, #b24343) 22%, var(--border-color, #dbe3f1));
    padding: 0.22rem 0.55rem;
    font-size: 0.75rem;
    font-weight: 700;
}

@media (max-width: 1180px) {
    .site-kpi-grid[b-ck95xa2xuq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .site-layout[b-ck95xa2xuq] {
        grid-template-columns: 1fr;
    }

    .site-sidebar[b-ck95xa2xuq] {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: start;
    }

    .site-danger-card[b-ck95xa2xuq] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 860px) {
    .site-hero[b-ck95xa2xuq],
    .site-profile-grid[b-ck95xa2xuq],
    .mobile-boundary-grid[b-ck95xa2xuq],
    .site-org-grid[b-ck95xa2xuq],
    .site-form-grid[b-ck95xa2xuq] {
        grid-template-columns: 1fr;
    }

    .site-field-grid.compact[b-ck95xa2xuq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .site-sidebar[b-ck95xa2xuq] {
        display: flex;
    }
}

@media (max-width: 620px) {
    .site-hero-main[b-ck95xa2xuq] {
        align-items: flex-start;
    }

    .site-hero-mark[b-ck95xa2xuq] {
        width: 3.4rem;
        height: 3.4rem;
        border-radius: 0.8rem;
    }

    .site-kpi-grid[b-ck95xa2xuq],
    .site-field-grid[b-ck95xa2xuq],
    .site-field-grid.compact[b-ck95xa2xuq],
    .site-department-card[b-ck95xa2xuq],
    .site-swatch-row[b-ck95xa2xuq] {
        grid-template-columns: 1fr;
    }

    .site-card-actions[b-ck95xa2xuq],
    .site-card-actions .pm-btn[b-ck95xa2xuq],
    .site-inline-actions[b-ck95xa2xuq],
    .site-inline-actions .pm-btn[b-ck95xa2xuq],
    .site-actions .pm-btn[b-ck95xa2xuq] {
        width: 100%;
    }

    .site-inline-actions[b-ck95xa2xuq] {
        align-items: stretch;
    }
}
/* /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;
}

.mobile-admin-toggles[b-lhjdczieuz] {
    display: grid;
    gap: 0.45rem;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    margin-bottom: 0.75rem;
}

.mobile-admin-toggles label[b-lhjdczieuz] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--text-secondary, #41516f);
    font-size: 0.85rem;
    font-weight: 600;
}

.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(260px, 1fr));
    gap: .8rem;
}

.role-toggle[b-hdaekzzs77] {
    position: relative;
    display: grid;
    grid-template-columns: 2.2rem 1fr;
    gap: .75rem;
    min-height: 5.25rem;
    padding: .9rem .95rem;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .025)),
        rgba(15, 23, 42, .42);
    border: 1px solid rgba(148, 163, 184, .2);
    border-radius: 8px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 10px 24px rgba(2, 6, 23, .12);
    cursor: pointer;
    transition: transform .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.role-toggle[b-hdaekzzs77]::before {
    content: "";
    position: absolute;
    inset: 0;
    border-left: 4px solid transparent;
    pointer-events: none;
    transition: border-color .16s ease, background .16s ease;
}

.role-toggle:hover[b-hdaekzzs77] {
    transform: translateY(-1px);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .035)),
        rgba(15, 23, 42, .52);
    border-color: rgba(125, 211, 252, .4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .11), 0 14px 30px rgba(2, 6, 23, .18);
}

.role-toggle input[type="checkbox"][b-hdaekzzs77] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.role-toggle:has(input[type="checkbox"]:focus-visible)[b-hdaekzzs77] {
    outline: 3px solid rgba(56, 189, 248, .28);
    outline-offset: 3px;
}

.role-check[b-hdaekzzs77] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.15rem;
    height: 2.15rem;
    margin-top: .05rem;
    border: 1px solid rgba(148, 163, 184, .45);
    border-radius: 999px;
    background: rgba(15, 23, 42, .5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
    transition: background .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.role-check[b-hdaekzzs77]::after {
    content: "";
    width: .62rem;
    height: .36rem;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
    transform: rotate(-45deg) scale(.7);
    transform-origin: center;
    opacity: 0;
    transition: opacity .16s ease, transform .16s ease, border-color .16s ease;
}

.role-copy[b-hdaekzzs77] {
    position: relative;
    z-index: 1;
    display: grid;
    gap: .25rem;
    min-width: 0;
}

.role-toggle-on[b-hdaekzzs77] {
    background:
        linear-gradient(135deg, rgba(20, 184, 166, .26), rgba(37, 99, 235, .16)),
        rgba(15, 23, 42, .58);
    border-color: rgba(45, 212, 191, .58);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 16px 34px rgba(13, 148, 136, .14);
}

.role-toggle-on[b-hdaekzzs77]::before {
    border-left-color: #2dd4bf;
    background: linear-gradient(90deg, rgba(45, 212, 191, .14), transparent 42%);
}

.role-toggle-on .role-check[b-hdaekzzs77] {
    background: linear-gradient(135deg, #2dd4bf, #2563eb);
    border-color: rgba(255, 255, 255, .58);
    box-shadow: 0 8px 18px rgba(37, 99, 235, .28);
}

.role-toggle-on .role-check[b-hdaekzzs77]::after {
    border-color: #fff;
    opacity: 1;
    transform: rotate(-45deg) scale(1);
}

.role-name[b-hdaekzzs77] {
    display: flex;
    align-items: center;
    min-width: 0;
    font-weight: 600;
    font-size: .92rem;
    color: #f8fafc;
    line-height: 1.2;
}

.role-desc[b-hdaekzzs77] {
    display: -webkit-box;
    overflow: hidden;
    font-size: .76rem;
    color: #a8b5c8;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.role-toggle-on .role-desc[b-hdaekzzs77] {
    color: #d5f7f2;
}

@media (max-width: 680px) {
    .role-assignment-grid[b-hdaekzzs77] {
        grid-template-columns: 1fr;
    }
}
/* /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 */
.asset-event-hero[b-63i9ahwqgt] {
    margin-bottom: 1rem;
}

.asset-event-form[b-63i9ahwqgt] {
    margin-top: 0;
}

.asset-event-form[b-63i9ahwqgt]  .pm-card {
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.asset-event-form[b-63i9ahwqgt]  .pm-card-header {
    min-height: 48px;
}

.asset-event-form[b-63i9ahwqgt]  .pm-card-icon {
    width: 1.65rem;
    height: 1.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #eef6ff;
    color: #075985;
    font-size: 0.7rem;
    font-weight: 800;
    filter: none;
    opacity: 1;
}

.asset-event-form[b-63i9ahwqgt]  .pm-fields-block {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.asset-event-form[b-63i9ahwqgt]  .pm-field {
    min-width: 0;
}

.asset-event-form[b-63i9ahwqgt]  .pm-input,
.asset-event-form[b-63i9ahwqgt]  .pm-select,
.asset-event-form[b-63i9ahwqgt]  textarea.pm-input {
    width: 100%;
}

.asset-event-notes[b-63i9ahwqgt] {
    min-height: 150px;
    resize: vertical;
}

.asset-event-context-card .pm-card-body[b-63i9ahwqgt] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.context-kicker[b-63i9ahwqgt] {
    color: #0369a1;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.context-title[b-63i9ahwqgt] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.context-links[b-63i9ahwqgt] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.context-links[b-63i9ahwqgt]  .pm-btn,
.asset-event-action-stack[b-63i9ahwqgt]  .pm-btn {
    width: 100%;
    justify-content: center;
}

.asset-event-action-stack[b-63i9ahwqgt] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

@media (max-width: 900px) {
    .asset-event-form[b-63i9ahwqgt]  .pm-form-layout {
        grid-template-columns: 1fr;
    }

    .asset-event-form[b-63i9ahwqgt]  .pm-form-sidebar {
        position: static;
    }
}
/* /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;
}

.overview-side-panels[b-wmfdv4uluy] {
    display: grid;
    gap: 0.85rem;
}

.asset-qr-panel[b-wmfdv4uluy] {
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    background: #ffffff;
    padding: 0.9rem;
    overflow: hidden;
}

.asset-qr-header[b-wmfdv4uluy] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: flex-start;
}

.asset-qr-header .section-heading[b-wmfdv4uluy] {
    margin-bottom: 0.35rem;
}

.qr-status[b-wmfdv4uluy] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
}

.qr-status-assigned[b-wmfdv4uluy] {
    background: #e6f4ea;
    color: #1a7431;
}

.qr-status-empty[b-wmfdv4uluy] {
    background: #fef7e0;
    color: #7a5a00;
}

.qr-working[b-wmfdv4uluy] {
    color: #607196;
    font-size: 0.82rem;
    font-weight: 700;
}

.qr-preview[b-wmfdv4uluy] {
    width: min(100%, 190px);
    aspect-ratio: 1;
    margin: 0.85rem auto 0.7rem;
    padding: 0.65rem;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #f3f6fa;
}

.qr-preview[b-wmfdv4uluy]  svg {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}

.qr-value[b-wmfdv4uluy] {
    padding: 0.42rem 0.55rem;
    border-radius: 6px;
    background: #f8fafd;
    color: #172033;
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.74rem;
    line-height: 1.35;
    text-align: center;
    word-break: break-word;
}

.qr-meta[b-wmfdv4uluy] {
    display: grid;
    gap: 0.15rem;
    margin-top: 0.65rem;
    color: #607196;
    font-size: 0.8rem;
}

.qr-actions[b-wmfdv4uluy] {
    display: grid;
    gap: 0.5rem;
    margin-top: 0.85rem;
}

.qr-actions .pm-btn[b-wmfdv4uluy],
.asset-qr-panel > .pm-btn[b-wmfdv4uluy] {
    border: none;
    cursor: pointer;
    font-size: 0.83rem;
    justify-content: center;
    text-align: center;
}

.qr-note[b-wmfdv4uluy],
.qr-empty[b-wmfdv4uluy] {
    margin: 0.65rem 0 0;
    color: #607196;
    font-size: 0.82rem;
    line-height: 1.4;
}

.qr-empty[b-wmfdv4uluy] {
    margin-bottom: 0.75rem;
}

.qr-message[b-wmfdv4uluy] {
    margin-top: 0.65rem;
    padding: 0.4rem 0.55rem;
    border-radius: 6px;
    font-size: 0.82rem;
    font-weight: 700;
}

.qr-message-success[b-wmfdv4uluy] {
    background: #e6f4ea;
    color: #1a7431;
}

.qr-message-error[b-wmfdv4uluy] {
    background: #fce8e6;
    color: #b42318;
}

.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-held[b-wmfdv4uluy] {
    background: #fffbeb;
    color: #92400e;
}

.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;
    }
}

/* --- Asset detail polish -------------------------------------- */

.asset-tabs[b-wmfdv4uluy] {
    margin: 1rem 0;
}

.asset-tabs .pm-badge[b-wmfdv4uluy] {
    margin-left: .35rem;
    background: color-mix(in srgb, var(--accent-primary, #2563eb) 12%, #ffffff);
    color: var(--accent-primary, #2563eb);
}

.pm-page-actions[b-wmfdv4uluy] {
    align-items: center;
    gap: .55rem;
    margin: .9rem 0 1rem;
    padding: .45rem;
    border: 1px solid color-mix(in srgb, var(--border-color, #d9dfeb) 80%, transparent);
    border-radius: .9rem;
    background: linear-gradient(180deg, color-mix(in srgb, var(--bg-surface, #ffffff) 94%, transparent), var(--bg-card, #ffffff));
    box-shadow: 0 .55rem 1.4rem rgba(15, 23, 42, .06);
}

.pm-page-actions .pm-btn-secondary[b-wmfdv4uluy] {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none;
}

.pm-page-actions .pm-btn-primary[b-wmfdv4uluy] {
    margin-left: auto;
}

.tab-content:has(.overview-top)[b-wmfdv4uluy] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
    gap: 1rem;
    align-items: start;
    padding: 1.05rem;
    border-radius: 14px;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--bg-card, #ffffff) 96%, transparent), var(--bg-surface, #ffffff)),
        color-mix(in srgb, var(--accent-primary, #2563eb) 4%, transparent);
}

.overview-top[b-wmfdv4uluy] {
    display: contents;
}

.overview-top-fields[b-wmfdv4uluy] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
    grid-column: 1;
}

.overview-side-panels[b-wmfdv4uluy] {
    grid-column: 2;
    grid-row: 1 / span 6;
    align-self: start;
    position: sticky;
    top: 1rem;
}

.tab-content:has(.overview-top) > .section-group[b-wmfdv4uluy],
.tab-content:has(.overview-top) > .notes-panel[b-wmfdv4uluy] {
    grid-column: 1;
    margin-bottom: 0;
}

.section-group[b-wmfdv4uluy],
.notes-panel[b-wmfdv4uluy],
.asset-photo-panel[b-wmfdv4uluy],
.asset-qr-panel[b-wmfdv4uluy] {
    border: 1px solid color-mix(in srgb, var(--border-color, #d9dfeb) 88%, transparent);
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
    box-shadow: 0 .35rem 1rem rgba(15, 23, 42, .045);
}

.section-group[b-wmfdv4uluy] {
    padding: .85rem;
}

.section-heading[b-wmfdv4uluy] {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: .65rem;
    color: #24324e;
}

.overview-grid[b-wmfdv4uluy] {
    gap: .55rem;
}

.field[b-wmfdv4uluy] {
    min-height: 4.1rem;
    justify-content: center;
    border: 1px solid #edf1f7;
    background: #f8fbff;
}

.field .value[b-wmfdv4uluy] {
    line-height: 1.32;
    word-break: break-word;
}

.metrics-grid[b-wmfdv4uluy] {
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
    gap: .55rem;
}

.metric[b-wmfdv4uluy] {
    align-items: flex-start;
    min-height: 5rem;
    padding: .75rem;
    border-color: #dce6f4;
    background: linear-gradient(180deg, #f7fbff, #ffffff);
}

.metric-value[b-wmfdv4uluy] {
    font-size: 1.35rem;
}

.asset-photo-panel[b-wmfdv4uluy],
.asset-photo-panel img[b-wmfdv4uluy],
.asset-photo-empty[b-wmfdv4uluy] {
    min-height: 270px;
}

.asset-photo-panel[b-wmfdv4uluy] {
    background: #eef4fb;
}

.asset-qr-panel[b-wmfdv4uluy] {
    padding: 1rem;
}

.qr-preview[b-wmfdv4uluy] {
    width: min(100%, 170px);
}

.notes-panel[b-wmfdv4uluy] {
    padding: .85rem;
}

.table-wrapper[b-wmfdv4uluy] {
    border: 1px solid #dce4f1;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 .35rem 1rem rgba(15, 23, 42, .045);
}

.wo-table[b-wmfdv4uluy],
.event-table[b-wmfdv4uluy],
.routine-table[b-wmfdv4uluy] {
    border-collapse: separate;
    border-spacing: 0;
}

.wo-table th[b-wmfdv4uluy],
.wo-table td[b-wmfdv4uluy],
.event-table th[b-wmfdv4uluy],
.event-table td[b-wmfdv4uluy],
.routine-table th[b-wmfdv4uluy],
.routine-table td[b-wmfdv4uluy] {
    padding: .7rem .8rem;
}

.wo-table thead th[b-wmfdv4uluy],
.event-table thead th[b-wmfdv4uluy],
.routine-table thead th[b-wmfdv4uluy] {
    background: #f5f8fc;
    color: #4a5c78;
    font-size: .72rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.clickable-row:hover[b-wmfdv4uluy] {
    background: #f6faff;
}

.row-count[b-wmfdv4uluy] {
    text-align: right;
}

@media (max-width: 1100px) {
    .tab-content:has(.overview-top)[b-wmfdv4uluy] {
        grid-template-columns: 1fr;
    }

    .overview-side-panels[b-wmfdv4uluy] {
        grid-column: 1;
        grid-row: auto;
        position: static;
    }

    .pm-page-actions .pm-btn-primary[b-wmfdv4uluy] {
        margin-left: 0;
    }
}
/* /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;
}

.asset-thumb-held[b-nlsarzzs4a] {
    border-color: #f59e0b;
    background: #fffbeb;
    color: #92400e;
}

.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/QrLabel.razor.rz.scp.css */
.screen-toolbar[b-h20mqvb4jg] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    margin: 0 0 1rem;
}

.btn-back[b-h20mqvb4jg],
.btn-print[b-h20mqvb4jg] {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 0.8rem;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 700;
    text-decoration: none;
}

.btn-back[b-h20mqvb4jg] {
    border: 1px solid #c8d3e4;
    background: #ffffff;
    color: #214d9d;
}

.btn-print[b-h20mqvb4jg] {
    border: 0;
    background: #214d9d;
    color: #ffffff;
    cursor: pointer;
}

.print-message[b-h20mqvb4jg] {
    color: #3f5176;
    font-size: 0.86rem;
    font-weight: 700;
}

.qr-label-loading[b-h20mqvb4jg] {
    color: #3f5176;
    font-size: 1rem;
}

.qr-label-page[b-h20mqvb4jg] {
    min-height: 90vh;
    display: grid;
    place-items: center;
    background: #f4f7fb;
    padding: 2rem;
}

@media print {
    @page {
        margin: 8mm;
    }

    .no-print[b-h20mqvb4jg] {
        display: none !important;
    }

    .qr-label-page[b-h20mqvb4jg] {
        min-height: auto;
        padding: 0;
        background: #ffffff;
        place-items: start;
    }
}
/* /Pages/Assets/QrLabels.razor.rz.scp.css */
.bulk-label-shell[b-u5tu47dsws] {
    min-height: 100vh;
    padding: 1rem;
    background: #f4f7fb;
    color: #172033;
}

.bulk-label-toolbar[b-u5tu47dsws],
.bulk-picker[b-u5tu47dsws],
.bulk-preview-note[b-u5tu47dsws],
.bulk-message[b-u5tu47dsws] {
    max-width: 1180px;
    margin: 0 auto 1rem;
}

.bulk-label-toolbar[b-u5tu47dsws],
.bulk-picker[b-u5tu47dsws] {
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(23, 32, 51, 0.06);
}

.bulk-label-toolbar[b-u5tu47dsws] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
}

.bulk-label-toolbar h1[b-u5tu47dsws],
.bulk-picker h2[b-u5tu47dsws] {
    margin: 0;
    color: #172033;
    line-height: 1.15;
}

.bulk-label-toolbar h1[b-u5tu47dsws] {
    margin-top: 0.6rem;
    font-size: 1.5rem;
}

.bulk-picker h2[b-u5tu47dsws] {
    font-size: 1.05rem;
}

.bulk-label-toolbar p[b-u5tu47dsws],
.bulk-picker p[b-u5tu47dsws] {
    margin: 0.35rem 0 0;
    color: #607196;
    font-size: 0.9rem;
}

.bulk-label-actions[b-u5tu47dsws],
.bulk-picker-actions[b-u5tu47dsws] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.btn-back[b-u5tu47dsws],
.btn-print[b-u5tu47dsws],
.btn-lite[b-u5tu47dsws] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 0.85rem;
    border-radius: 8px;
    font-size: 0.88rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.btn-back[b-u5tu47dsws],
.btn-lite[b-u5tu47dsws] {
    border: 1px solid #c8d3e4;
    background: #ffffff;
    color: #214d9d;
}

.btn-print[b-u5tu47dsws] {
    border: 0;
    background: #214d9d;
    color: #ffffff;
}

.btn-print-secondary[b-u5tu47dsws] {
    background: #172033;
}

.btn-print:disabled[b-u5tu47dsws],
.btn-lite:disabled[b-u5tu47dsws] {
    cursor: not-allowed;
    opacity: 0.55;
}

.bulk-message[b-u5tu47dsws],
.bulk-preview-note[b-u5tu47dsws] {
    box-sizing: border-box;
    padding: 0.75rem 1rem;
    border: 1px solid #c8d3e4;
    border-radius: 8px;
    background: #ffffff;
    color: #3f5176;
    font-size: 0.9rem;
}

.bulk-message-error[b-u5tu47dsws] {
    border-color: #f3b8b0;
    background: #fff7f6;
    color: #b42318;
}

.bulk-picker[b-u5tu47dsws] {
    padding: 1rem;
}

.bulk-picker-header[b-u5tu47dsws],
.bulk-filters[b-u5tu47dsws] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

.bulk-filters[b-u5tu47dsws] {
    margin-top: 1rem;
    justify-content: flex-start;
}

.bulk-search[b-u5tu47dsws],
.bulk-select[b-u5tu47dsws] {
    min-height: 38px;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    background: #ffffff;
    color: #172033;
    font-size: 0.9rem;
}

.bulk-search[b-u5tu47dsws] {
    flex: 1;
    min-width: 240px;
    padding: 0 0.75rem;
}

.bulk-select[b-u5tu47dsws] {
    min-width: 150px;
    padding: 0 0.6rem;
}

.bulk-loading[b-u5tu47dsws],
.bulk-empty[b-u5tu47dsws] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px dashed #c8d3e4;
    border-radius: 8px;
    color: #607196;
    background: #f8fafd;
}

.bulk-table-wrap[b-u5tu47dsws] {
    margin-top: 1rem;
    overflow-x: auto;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
}

.bulk-table[b-u5tu47dsws] {
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
}

.bulk-table th[b-u5tu47dsws],
.bulk-table td[b-u5tu47dsws] {
    padding: 0.55rem 0.65rem;
    border-bottom: 1px solid #e6ebf3;
    text-align: left;
    font-size: 0.86rem;
    white-space: nowrap;
}

.bulk-table thead th[b-u5tu47dsws] {
    background: #f8fafd;
    color: #3f5176;
    font-weight: 700;
}

.bulk-table tbody tr:hover[b-u5tu47dsws] {
    background: #f0f4fa;
}

.bulk-select-cell[b-u5tu47dsws] {
    width: 42px;
    text-align: center !important;
}

.bulk-select-cell input[b-u5tu47dsws] {
    width: 18px;
    height: 18px;
    accent-color: #214d9d;
}

.code-cell[b-u5tu47dsws] {
    color: #214d9d;
    font-weight: 700;
}

.status-badge[b-u5tu47dsws] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
}

.status-active[b-u5tu47dsws] {
    background: #e6f4ea;
    color: #1a7431;
}

.status-inactive[b-u5tu47dsws] {
    background: #fce8e6;
    color: #b42318;
}

.bulk-label-sheet[b-u5tu47dsws] {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(2, 64mm);
    grid-auto-rows: 64mm;
    gap: 5mm 8mm;
    justify-content: center;
    align-content: start;
    width: 210mm;
    min-height: 297mm;
    margin: 0 auto;
    padding: 8mm;
    background: #ffffff;
}

@media (max-width: 760px) {
    .bulk-label-toolbar[b-u5tu47dsws] {
        align-items: stretch;
        flex-direction: column;
    }

    .bulk-label-actions[b-u5tu47dsws],
    .bulk-picker-actions[b-u5tu47dsws] {
        justify-content: flex-start;
    }
}

@media print {
    @page {
        size: A4 portrait;
        margin: 8mm;
    }

    .no-print[b-u5tu47dsws] {
        display: none !important;
    }

    .bulk-label-shell[b-u5tu47dsws] {
        min-height: auto;
        padding: 0;
        background: #ffffff;
    }

    .bulk-label-sheet[b-u5tu47dsws] {
        width: auto;
        min-height: auto;
        margin: 0;
        padding: 0;
        grid-template-columns: repeat(2, 64mm);
        grid-auto-rows: 64mm;
        gap: 5mm 8mm;
        justify-content: center;
        background: #ffffff;
    }
}
/* /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/ComplianceDashboard.razor.rz.scp.css */
.cockpit-actions[b-4fafgozblz] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin: 1rem 0 1.1rem;
    padding: .45rem;
    border: 1px solid color-mix(in srgb, var(--border-color, #dbe3ef) 78%, transparent);
    border-radius: .9rem;
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--bg-surface, #fff) 92%, transparent), var(--bg-card, #fff)),
        color-mix(in srgb, var(--accent-primary, #2563eb) 5%, transparent);
    box-shadow: 0 .65rem 1.5rem rgba(15, 23, 42, .07);
}

.cockpit-actions .pm-btn[b-4fafgozblz] {
    min-height: 2.25rem;
    border-radius: .62rem;
    box-shadow: none;
}

.cockpit-actions .pm-btn-secondary[b-4fafgozblz] {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--text-secondary, #41506a) !important;
}

.cockpit-actions .pm-btn-secondary:hover[b-4fafgozblz] {
    background: color-mix(in srgb, var(--accent-primary, #2563eb) 10%, var(--bg-surface, #fff)) !important;
    border-color: color-mix(in srgb, var(--accent-primary, #2563eb) 24%, var(--border-color, #dbe3ef)) !important;
}

.cockpit-actions .cockpit-action-primary[b-4fafgozblz] {
    box-shadow: 0 .55rem 1.1rem color-mix(in srgb, var(--accent-primary, #2563eb) 24%, transparent);
}

.cockpit-refresh[b-4fafgozblz] {
    margin-left: auto;
}

.compliance-cockpit-kpis[b-4fafgozblz] {
    grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
}

.cockpit-kpi-hint[b-4fafgozblz] {
    display: block;
    margin-top: .38rem;
    color: var(--text-secondary, #516079);
    font-size: .78rem;
    line-height: 1.3;
}

.cockpit-grid[b-4fafgozblz] {
    display: grid;
    grid-template-columns: minmax(0, 1.38fr) minmax(320px, .62fr);
    gap: 1.05rem;
    align-items: start;
}

.cockpit-panel[b-4fafgozblz] {
    min-width: 0;
    overflow: hidden;
}

.cockpit-panel-wide[b-4fafgozblz] {
    grid-column: 1 / 2;
}

.cockpit-table-panel[b-4fafgozblz] {
    border-radius: .95rem !important;
}

.cockpit-table-panel[b-4fafgozblz]  .pm-card-header {
    min-height: 3.1rem;
    background: linear-gradient(180deg, color-mix(in srgb, var(--bg-hover, #f4f7fb) 58%, transparent), transparent);
}

.cockpit-table-panel[b-4fafgozblz]  .pm-card-title {
    color: var(--text-primary, #182235);
    font-size: .92rem;
    letter-spacing: 0;
}

.cockpit-table-body[b-4fafgozblz] {
    padding: 0;
}

.cockpit-table-wrapper[b-4fafgozblz] {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow-x: auto;
}

.cockpit-table[b-4fafgozblz] {
    min-width: 760px;
}

.cockpit-table th[b-4fafgozblz] {
    padding: .82rem .95rem;
    font-size: .68rem;
    letter-spacing: .04em;
}

.cockpit-table td[b-4fafgozblz] {
    padding: .78rem .95rem;
    line-height: 1.35;
    vertical-align: top;
}

.cockpit-table tbody tr:last-child td[b-4fafgozblz] {
    border-bottom: 0 !important;
}

.cockpit-strong-link[b-4fafgozblz] {
    color: var(--text-primary, #172033) !important;
    font-weight: 750 !important;
    text-decoration: none !important;
}

.cockpit-strong-link:hover[b-4fafgozblz] {
    color: var(--accent-primary, #2563eb) !important;
    text-decoration: underline !important;
}

.cockpit-owner[b-4fafgozblz],
.cockpit-review-type[b-4fafgozblz] {
    display: inline-flex;
    max-width: 16rem;
    color: var(--text-secondary, #41506a);
    font-weight: 650;
}

.cockpit-date-cell[b-4fafgozblz] {
    color: var(--text-primary, #172033);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.cockpit-next-step[b-4fafgozblz] {
    max-width: 24rem;
    color: var(--text-secondary, #41506a);
}

.cockpit-ai-panel[b-4fafgozblz] {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    border-left: 4px solid color-mix(in srgb, var(--accent-secondary, #38bdf8) 72%, var(--accent-primary, #2563eb)) !important;
}

.cockpit-review-panel[b-4fafgozblz] {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}

.cockpit-subtitle[b-4fafgozblz] {
    margin: .95rem 0 .45rem;
    color: var(--text-primary, #172033);
    font-size: .98rem;
}

.cockpit-action-list[b-4fafgozblz] {
    margin: .35rem 0 1rem;
    padding: 0;
    list-style: none;
    counter-reset: cockpit-actions;
}

.cockpit-action-list li[b-4fafgozblz] {
    counter-increment: cockpit-actions;
    position: relative;
    margin-bottom: .55rem;
    padding: .65rem .75rem .65rem 2.35rem;
    border: 1px solid color-mix(in srgb, var(--border-color, #dbe3ef) 82%, transparent);
    border-radius: .72rem;
    background: color-mix(in srgb, var(--bg-hover, #f4f7fb) 44%, transparent);
    color: var(--text-secondary, #41506a);
    line-height: 1.45;
}

.cockpit-action-list li[b-4fafgozblz]::before {
    content: counter(cockpit-actions);
    position: absolute;
    left: .72rem;
    top: .66rem;
    display: inline-grid;
    width: 1.1rem;
    height: 1.1rem;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--accent-primary, #2563eb) 16%, transparent);
    color: var(--accent-primary, #2563eb);
    font-size: .72rem;
    font-weight: 800;
}

.cockpit-review-table[b-4fafgozblz] {
    min-width: 520px;
}

@media (max-width: 1100px) {
    .cockpit-grid[b-4fafgozblz] {
        grid-template-columns: 1fr;
    }

    .cockpit-panel-wide[b-4fafgozblz] {
        grid-column: 1 / -1;
    }

    .cockpit-ai-panel[b-4fafgozblz],
    .cockpit-review-panel[b-4fafgozblz] {
        grid-column: 1 / -1;
        grid-row: auto;
    }

    .cockpit-refresh[b-4fafgozblz] {
        margin-left: 0;
    }
}

@media (max-width: 720px) {
    .cockpit-actions[b-4fafgozblz] {
        align-items: stretch;
    }

    .cockpit-actions .pm-btn[b-4fafgozblz] {
        flex: 1 1 10rem;
    }

    .cockpit-table[b-4fafgozblz] {
        min-width: 680px;
    }
}
/* /Pages/Dashboard/Index.razor.rz.scp.css */
.command-shell[b-tiuy8h7ksu] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.75rem;
    background: linear-gradient(180deg, #eef3fa 0%, #f7f9fd 38%, #ffffff 100%);
    min-height: calc(100vh - 4.5rem);
    color: #172033;
}

.command-hero[b-tiuy8h7ksu] {
    display: flex;
    align-items: center;
    gap: 1.1rem;
    min-height: 7.5rem;
    padding: 1.55rem 1.75rem;
    border: 0;
    border-radius: 1.35rem;
    background:
        linear-gradient(135deg, rgba(33, 68, 160, .96) 0%, rgba(35, 103, 229, .95) 58%, rgba(44, 184, 241, .95) 100%),
        #2459d6;
    color: #fff;
    box-shadow: 0 18px 34px rgba(29, 78, 216, .18);
    overflow: hidden;
    position: relative;
}

.command-hero[b-tiuy8h7ksu]::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, .13) 1px, transparent 0);
    background-size: 30px 30px;
    opacity: .45;
    pointer-events: none;
}

.command-hero-mark[b-tiuy8h7ksu],
.command-hero-copy[b-tiuy8h7ksu] {
    position: relative;
    z-index: 1;
}

.command-hero-mark[b-tiuy8h7ksu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.4rem;
    height: 3.4rem;
    border: 1px solid rgba(255, 255, 255, .26);
    border-radius: .75rem;
    background: rgba(255, 255, 255, .14);
    color: #fff;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 0;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
    flex: 0 0 auto;
}

.command-ref[b-tiuy8h7ksu] {
    display: block;
    margin-bottom: .5rem;
    color: rgba(255, 255, 255, .62);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.command-hero h1[b-tiuy8h7ksu] {
    margin: 0;
    color: #fff;
    font-size: 1.55rem;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: 0;
}

.command-hero-meta[b-tiuy8h7ksu],
.command-hero-actions[b-tiuy8h7ksu],
.command-access-group[b-tiuy8h7ksu],
.command-site-filter[b-tiuy8h7ksu] {
    display: flex;
    align-items: center;
    gap: .55rem;
    flex-wrap: wrap;
}

.command-hero-meta[b-tiuy8h7ksu] {
    margin-top: .65rem;
}

.command-hero-meta span[b-tiuy8h7ksu],
.command-hero-meta a[b-tiuy8h7ksu] {
    padding: .28rem .72rem;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 999px;
    background: rgba(255, 255, 255, .12);
    color: rgba(255, 255, 255, .93);
    font-size: .78rem;
    font-weight: 650;
    text-decoration: none;
}

.command-access-strip[b-tiuy8h7ksu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    margin-top: 1.35rem;
}

.command-access-group[b-tiuy8h7ksu] {
    gap: .55rem;
    min-width: 0;
}

.command-access-group a[b-tiuy8h7ksu] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: .38rem .88rem;
    border: 1px solid #d7e1f0;
    border-radius: 999px;
    background: #fff;
    color: #465875;
    font-size: .84rem;
    font-weight: 750;
    text-decoration: none;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .03);
}

.command-access-group a:hover[b-tiuy8h7ksu],
.command-kpi-card:hover[b-tiuy8h7ksu],
.command-action-card:hover[b-tiuy8h7ksu] {
    border-color: #b9cbe2;
    box-shadow: 0 8px 18px rgba(30, 58, 120, .10);
    text-decoration: none;
    transform: translateY(-1px);
}

.command-site-filter[b-tiuy8h7ksu] {
    gap: .7rem;
    justify-content: flex-end;
}

.command-site-filter span[b-tiuy8h7ksu] {
    color: #3f4a5f;
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.command-site-filter :global(.pm-select)[b-tiuy8h7ksu] {
    min-width: 9.5rem;
    min-height: 2.45rem;
    border-color: #d9e2ef;
    border-radius: .55rem;
    background-color: #fff;
}

.command-attention[b-tiuy8h7ksu] {
    display: grid;
    grid-template-columns: minmax(280px, .55fr) minmax(0, 1fr);
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #d9e3f2;
    border-left: 4px solid #24558f;
    border-radius: .45rem;
    background: #fff;
}

.command-attention-copy[b-tiuy8h7ksu] {
    padding: .35rem .3rem .25rem;
}

.command-attention-copy span[b-tiuy8h7ksu] {
    display: block;
    margin-bottom: .45rem;
    color: #214f8f;
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.command-attention-copy h2[b-tiuy8h7ksu] {
    margin: 0 0 .6rem;
    color: #172033;
    font-size: 1.4rem;
    line-height: 1.15;
    font-weight: 850;
}

.command-attention-copy p[b-tiuy8h7ksu] {
    margin: 0;
    color: #4c5c76;
    font-size: .95rem;
    line-height: 1.45;
}

.command-action-grid[b-tiuy8h7ksu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.command-action-card[b-tiuy8h7ksu] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .12rem .75rem;
    align-items: center;
    min-height: 4.25rem;
    padding: .72rem .85rem;
    border: 1px solid #dfe7f4;
    border-radius: .45rem;
    background: #fff;
    color: #1f2937;
    text-decoration: none;
}

.command-action-card strong[b-tiuy8h7ksu] {
    grid-row: 1 / span 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2rem;
    border-radius: 999px;
    background: #e8eef8;
    color: #214f8f;
    font-size: .95rem;
    font-weight: 900;
}

.command-action-card span[b-tiuy8h7ksu] {
    color: #202638;
    font-size: .86rem;
    font-weight: 800;
    text-transform: none;
}

.command-action-card small[b-tiuy8h7ksu] {
    grid-column: 2;
    color: #5e6d87;
    font-size: .79rem;
    line-height: 1.32;
}

.command-action-critical[b-tiuy8h7ksu] {
    border-color: #fac8c8;
    background: #fff7f7;
}

.command-action-critical strong[b-tiuy8h7ksu] {
    background: #e92929;
    color: #fff;
}

.command-action-warning[b-tiuy8h7ksu] {
    border-color: #f8d9a8;
    background: #fffaf3;
}

.command-action-warning strong[b-tiuy8h7ksu] {
    background: #df8000;
    color: #fff;
}

.command-action-info strong[b-tiuy8h7ksu] {
    background: #e8eef8;
    color: #214f8f;
}

.command-kpi-grid[b-tiuy8h7ksu] {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: .55rem;
}

.command-kpi-card[b-tiuy8h7ksu],
.command-panel[b-tiuy8h7ksu] {
    border: 1px solid #dce4f1;
    border-radius: .75rem;
    background: linear-gradient(180deg, #fbfdff 0%, #fff 76%);
    box-shadow: 0 5px 14px rgba(30, 58, 120, .08);
}

.command-kpi-card[b-tiuy8h7ksu] {
    display: grid;
    grid-template-rows: auto auto 1fr;
    min-height: 6.8rem;
    padding: .72rem .78rem;
    color: #182235;
    text-decoration: none;
    border-left: 3px solid #b9c7db;
    overflow: hidden;
}

.command-kpi-card span[b-tiuy8h7ksu] {
    color: #687895;
    font-size: .61rem;
    font-weight: 850;
    line-height: 1.18;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}

.command-kpi-card strong[b-tiuy8h7ksu] {
    margin-top: .28rem;
    color: #0f172a;
    font-size: 1.52rem;
    line-height: 1;
    font-weight: 900;
}

.command-kpi-card small[b-tiuy8h7ksu] {
    display: -webkit-box;
    margin-top: .45rem;
    color: #5a6a84;
    font-size: .66rem;
    line-height: 1.22;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.command-kpi-critical[b-tiuy8h7ksu] {
    border-left-color: #9fb2d0;
    background: linear-gradient(180deg, #fbfdff 0%, #fff 76%);
}

.command-kpi-warning[b-tiuy8h7ksu] {
    border-left-color: #9fb2d0;
    background: linear-gradient(180deg, #fbfdff 0%, #fff 76%);
}

.command-kpi-info[b-tiuy8h7ksu] {
    border-left-color: #9fb2d0;
}

.command-table-grid[b-tiuy8h7ksu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.command-panel[b-tiuy8h7ksu] {
    min-width: 0;
    padding: .9rem 1rem 1rem;
    border-radius: .45rem;
    box-shadow: 0 4px 12px rgba(30, 58, 120, .07);
}

.command-panel-wide[b-tiuy8h7ksu] {
    grid-column: 1 / -1;
}

.command-panel-header[b-tiuy8h7ksu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .75rem;
}

.command-panel-header h2[b-tiuy8h7ksu] {
    margin: 0;
    color: #172033;
    font-size: 1rem;
    font-weight: 850;
}

.command-panel-header a[b-tiuy8h7ksu] {
    color: #244b85;
    font-size: .82rem;
    font-weight: 750;
    text-decoration: none;
    white-space: nowrap;
}

.command-table th[b-tiuy8h7ksu],
.command-table td[b-tiuy8h7ksu] {
    vertical-align: top;
}

.due-overdue[b-tiuy8h7ksu] {
    color: #b42318;
    font-weight: 750;
}

.command-skeleton-grid[b-tiuy8h7ksu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .75rem;
}

.command-skeleton[b-tiuy8h7ksu] {
    min-height: 7rem;
    border: 1px solid #dce4f1;
    border-radius: 8px;
    background: linear-gradient(90deg, #f1f5f9, #ffffff, #f1f5f9);
    background-size: 220% 100%;
    animation: command-pulse-b-tiuy8h7ksu 1.2s ease-in-out infinite;
}

@keyframes command-pulse-b-tiuy8h7ksu {
    from { background-position: 100% 0; }
    to { background-position: -100% 0; }
}

:root[data-theme="dark"] .command-shell[b-tiuy8h7ksu] {
    background: linear-gradient(180deg, #111827 0%, #0f172a 100%);
}

:root[data-theme="dark"] .command-attention[b-tiuy8h7ksu],
:root[data-theme="dark"] .command-action-card[b-tiuy8h7ksu],
:root[data-theme="dark"] .command-kpi-card[b-tiuy8h7ksu],
:root[data-theme="dark"] .command-panel[b-tiuy8h7ksu],
:root[data-theme="dark"] .command-access-group a[b-tiuy8h7ksu] {
    border-color: #26354d;
    background: #111827;
    color: #e5e7eb;
}

:root[data-theme="dark"] .command-attention-copy h2[b-tiuy8h7ksu],
:root[data-theme="dark"] .command-action-card span[b-tiuy8h7ksu],
:root[data-theme="dark"] .command-kpi-card strong[b-tiuy8h7ksu],
:root[data-theme="dark"] .command-panel-header h2[b-tiuy8h7ksu] {
    color: #f8fafc;
}

:root[data-theme="dark"] .command-attention-copy p[b-tiuy8h7ksu],
:root[data-theme="dark"] .command-action-card small[b-tiuy8h7ksu],
:root[data-theme="dark"] .command-kpi-card small[b-tiuy8h7ksu] {
    color: #a9b6ca;
}

@media (max-width: 1100px) {
    .command-attention[b-tiuy8h7ksu],
    .command-table-grid[b-tiuy8h7ksu] {
        grid-template-columns: 1fr;
    }

    .command-kpi-grid[b-tiuy8h7ksu] {
        grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
        gap: .7rem;
    }

    .command-kpi-card[b-tiuy8h7ksu] {
        min-height: 7.6rem;
        padding: .9rem;
    }

    .command-kpi-card span[b-tiuy8h7ksu] {
        font-size: .68rem;
    }

    .command-kpi-card small[b-tiuy8h7ksu] {
        font-size: .74rem;
    }
}

@media (max-width: 760px) {
    .command-shell[b-tiuy8h7ksu] {
        padding: 1rem;
    }

    .command-hero[b-tiuy8h7ksu] {
        flex-direction: column;
        align-items: flex-start;
        min-height: 0;
        padding: 1.25rem;
    }

    .command-hero-mark[b-tiuy8h7ksu] {
        width: 3rem;
        height: 3rem;
    }

    .command-access-strip[b-tiuy8h7ksu] {
        grid-template-columns: 1fr;
        margin-top: .5rem;
    }

    .command-hero-actions[b-tiuy8h7ksu],
    .command-site-filter[b-tiuy8h7ksu] {
        justify-content: flex-start;
    }

    .command-action-grid[b-tiuy8h7ksu] {
        grid-template-columns: 1fr;
    }
}
/* /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;
}

.sensitivity-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: 800;
    padding: 0.15rem 0.5rem;
    white-space: nowrap;
}

.sensitivity-standard[b-ujnoezv54y] {
    background: #f0fdf4;
    border-color: #bbf7d0;
    color: #166534;
}

.sensitivity-internal[b-ujnoezv54y] {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.sensitivity-confidential[b-ujnoezv54y] {
    background: #fffbeb;
    border-color: #fde68a;
    color: #92400e;
}

.sensitivity-restricted[b-ujnoezv54y] {
    background: #fef2f2;
    border-color: #fecaca;
    color: #991b1b;
}

.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;
}

.document-section-strip[b-4jomk4xeha] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
    gap: 0.65rem;
    margin: 0 0 1rem;
}

.document-section-pill[b-4jomk4xeha] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    border: 1px solid #dbe4f0;
    border-radius: 8px;
    background: #fff;
    color: #172033;
    cursor: pointer;
    min-height: 72px;
    padding: 0.7rem 0.8rem;
    text-align: left;
    transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.document-section-pill:hover[b-4jomk4xeha],
.document-section-pill:focus-visible[b-4jomk4xeha] {
    border-color: #2563eb;
    box-shadow: 0 14px 30px rgba(37, 99, 235, 0.12);
    transform: translateY(-1px);
}

.document-section-pill.active[b-4jomk4xeha] {
    border-color: #1d4ed8;
    background: #eff6ff;
}

.section-pill-code[b-4jomk4xeha] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: #172033;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 900;
}

.document-section-pill strong[b-4jomk4xeha],
.document-section-pill small[b-4jomk4xeha] {
    display: block;
}

.document-section-pill strong[b-4jomk4xeha] {
    font-size: 0.86rem;
    line-height: 1.2;
}

.document-section-pill small[b-4jomk4xeha] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 700;
    margin-top: 0.15rem;
}

.document-filter-toolbar[b-4jomk4xeha] {
    align-items: stretch;
    display: grid;
    grid-template-columns: minmax(220px, 1.5fr) repeat(6, minmax(145px, 1fr));
}

.document-filter-toolbar .pm-search[b-4jomk4xeha],
.document-filter-toolbar .pm-select[b-4jomk4xeha] {
    max-width: none;
    width: 100%;
}

.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;
}

.doc-chip[b-4jomk4xeha],
.sensitivity-badge[b-4jomk4xeha] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 800;
    padding: 0.18rem 0.55rem;
    white-space: nowrap;
}

.doc-chip[b-4jomk4xeha] {
    border: 1px solid #dbe4f0;
    background: #f8fafc;
    color: #334155;
}

.doc-subtle[b-4jomk4xeha],
.doc-tags[b-4jomk4xeha] {
    display: block;
    color: #64748b;
    font-size: 0.76rem;
    margin-top: 0.2rem;
}

.sensitivity-badge[b-4jomk4xeha] {
    border: 1px solid #dbe4f0;
    background: #f8fafc;
    color: #334155;
}

.sensitivity-standard[b-4jomk4xeha] {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}

.sensitivity-internal[b-4jomk4xeha] {
    border-color: #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
}

.sensitivity-confidential[b-4jomk4xeha] {
    border-color: #fde68a;
    background: #fffbeb;
    color: #92400e;
}

.sensitivity-restricted[b-4jomk4xeha] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #991b1b;
}

.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;
    }

    .document-filter-toolbar[b-4jomk4xeha] {
        grid-template-columns: 1fr;
    }
}

@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 */
.hv-command-hero[b-eh5s74m1b5] {
    background:
        linear-gradient(135deg, rgba(31, 63, 143, 0.96), rgba(33, 105, 226, 0.92) 56%, rgba(46, 179, 236, 0.9)),
        radial-gradient(circle at 18px 18px, rgba(255, 255, 255, 0.12) 0 1px, transparent 1px);
    background-size: auto, 30px 30px;
    border-radius: 18px;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 1.6rem;
    margin: 1.1rem 0 1.5rem;
    min-height: 152px;
    padding: 2rem;
    box-shadow: 0 18px 34px rgba(55, 86, 140, 0.18);
}

.hv-command-hero-mark[b-eh5s74m1b5] {
    align-items: center;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.24);
    border-radius: 12px;
    display: flex;
    flex: 0 0 64px;
    font-size: 1.6rem;
    height: 64px;
    justify-content: center;
    letter-spacing: 0;
}

.hv-command-hero-body[b-eh5s74m1b5] {
    flex: 1;
    min-width: 0;
}

.hv-command-eyebrow[b-eh5s74m1b5],
.hv-section-label[b-eh5s74m1b5] {
    color: #244d8d;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.hv-command-eyebrow[b-eh5s74m1b5] {
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 0.45rem;
}

.hv-command-hero h1[b-eh5s74m1b5] {
    color: #ffffff;
    font-size: 1.7rem;
    line-height: 1.1;
    margin: 0 0 0.55rem;
}

.hv-command-tags[b-eh5s74m1b5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.hv-command-tags span[b-eh5s74m1b5] {
    align-items: center;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    color: #f7fbff;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 700;
    min-height: 28px;
    padding: 0.3rem 0.75rem;
}

.hv-command-tags .is-ok[b-eh5s74m1b5] {
    background: rgba(240, 253, 244, 0.17);
}

.hv-command-tags .is-warning[b-eh5s74m1b5] {
    background: rgba(255, 247, 237, 0.18);
}

.hv-command-tags .is-danger[b-eh5s74m1b5] {
    background: rgba(254, 242, 242, 0.18);
}

.hv-refresh-btn[b-eh5s74m1b5],
.hv-secondary-btn[b-eh5s74m1b5] {
    background: #ffffff;
    border: 1px solid #cfd9ea;
    border-radius: 999px;
    color: #33415c;
    cursor: pointer;
    font-size: 0.82rem;
    font-weight: 800;
    min-height: 34px;
    padding: 0.38rem 0.9rem;
}

.hv-refresh-btn[b-eh5s74m1b5] {
    align-self: flex-start;
}

.hv-refresh-btn:hover[b-eh5s74m1b5],
.hv-secondary-btn:hover[b-eh5s74m1b5] {
    border-color: #93afd6;
    color: #173c7a;
}

.hv-refresh-btn:disabled[b-eh5s74m1b5],
.hv-secondary-btn:disabled[b-eh5s74m1b5] {
    cursor: wait;
    opacity: 0.7;
}

.hv-command-strip[b-eh5s74m1b5] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    justify-content: flex-start;
    margin-bottom: 1.35rem;
}

.hv-command-strip a[b-eh5s74m1b5] {
    background: #ffffff;
    border: 1px solid #d4deee;
    border-radius: 999px;
    color: #42506b;
    font-size: 0.82rem;
    font-weight: 800;
    min-height: 32px;
    padding: 0.38rem 0.8rem;
    text-decoration: none;
}

.hv-command-strip a:hover[b-eh5s74m1b5] {
    border-color: #9cb6dd;
    color: #174483;
}

.hv-attention[b-eh5s74m1b5] {
    background: #ffffff;
    border: 1px solid #d5e0f0;
    border-left: 4px solid #285995;
    border-radius: 7px;
    display: grid;
    gap: 1.2rem;
    grid-template-columns: minmax(240px, 0.48fr) minmax(320px, 1fr);
    margin-bottom: 1rem;
    padding: 1rem;
}

.hv-attention-summary h2[b-eh5s74m1b5],
.hv-detail-header h2[b-eh5s74m1b5] {
    color: #111827;
    font-size: 1.28rem;
    line-height: 1.2;
    margin: 0.35rem 0 0.5rem;
}

.hv-attention-summary p[b-eh5s74m1b5],
.hv-detail-intro[b-eh5s74m1b5],
.hv-kpi-card p[b-eh5s74m1b5] {
    color: #52617a;
    font-size: 0.86rem;
    line-height: 1.35;
    margin: 0;
}

.hv-checked[b-eh5s74m1b5] {
    color: #71809b;
    font-size: 0.78rem;
    font-weight: 700;
    margin-top: 0.8rem;
}

.hv-attention-actions[b-eh5s74m1b5] {
    display: grid;
    gap: 0.6rem;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
}

.hv-action-card[b-eh5s74m1b5] {
    align-items: center;
    background: #f7faff;
    border: 1px solid #d8e4f3;
    border-radius: 7px;
    color: #1d2738;
    display: grid;
    gap: 0.15rem 0.75rem;
    grid-template-columns: auto 1fr;
    min-height: 68px;
    padding: 0.7rem 0.85rem;
    text-decoration: none;
}

.hv-action-card span[b-eh5s74m1b5] {
    align-items: center;
    background: #e8f0fb;
    border-radius: 999px;
    color: #244d8d;
    display: flex;
    font-size: 0.9rem;
    font-weight: 900;
    height: 32px;
    justify-content: center;
    min-width: 32px;
    padding: 0 0.38rem;
}

.hv-action-card strong[b-eh5s74m1b5] {
    font-size: 0.9rem;
}

.hv-action-card small[b-eh5s74m1b5] {
    color: #5b6b84;
    font-size: 0.78rem;
    grid-column: 2;
}

.hv-action-card.is-danger[b-eh5s74m1b5] {
    background: #fff7f7;
    border-color: #ffb8b8;
}

.hv-action-card.is-danger span[b-eh5s74m1b5],
.hv-kpi-value.is-danger[b-eh5s74m1b5] {
    background: #e32929;
    color: #ffffff;
}

.hv-action-card.is-warning[b-eh5s74m1b5] {
    background: #fffaf3;
    border-color: #ffc87a;
}

.hv-action-card.is-warning span[b-eh5s74m1b5],
.hv-kpi-value.is-warning[b-eh5s74m1b5] {
    background: #df7a00;
    color: #ffffff;
}

.hv-kpi-strip[b-eh5s74m1b5] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(8, minmax(120px, 1fr));
    margin-bottom: 1rem;
}

.hv-kpi-card[b-eh5s74m1b5] {
    background: #ffffff;
    border: 1px solid #d5e0f0;
    border-radius: 8px;
    border-left: 4px solid #b6c8df;
    color: inherit;
    min-height: 136px;
    padding: 0.95rem 1rem;
    text-decoration: none;
}

.hv-kpi-card:hover[b-eh5s74m1b5] {
    border-color: #9eb7d7;
    box-shadow: 0 10px 22px rgba(75, 96, 130, 0.13);
}

.hv-kpi-value[b-eh5s74m1b5] {
    align-items: center;
    color: #111827;
    display: inline-flex;
    font-size: 1.55rem;
    font-weight: 900;
    line-height: 1;
    min-height: 32px;
}

.hv-kpi-value.is-ok[b-eh5s74m1b5] {
    color: #244d8d;
}

.hv-kpi-label[b-eh5s74m1b5] {
    color: #67748d;
    font-size: 0.72rem;
    font-weight: 900;
    line-height: 1.15;
    margin: 0.55rem 0 0.55rem;
    text-transform: uppercase;
}

.hv-detail-panel[b-eh5s74m1b5] {
    background: #ffffff;
    border: 1px solid #d5e0f0;
    border-radius: 8px;
    margin-bottom: 1.5rem;
    padding: 1rem;
}

.hv-detail-header[b-eh5s74m1b5] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.hv-detail-intro[b-eh5s74m1b5] {
    border-top: 1px solid #e5ecf6;
    margin-top: 1rem;
    padding-top: 1rem;
}

.hv-grid[b-eh5s74m1b5] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(320px, 1fr) minmax(320px, 0.95fr);
    margin-top: 1rem;
}

.hv-panel-stack[b-eh5s74m1b5] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.hv-panel[b-eh5s74m1b5] {
    background: #ffffff;
    border: 1px solid #d5e0f0;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.hv-panel-header[b-eh5s74m1b5] {
    align-items: center;
    background: #f7faff;
    border-bottom: 1px solid #d5e0f0;
    display: flex;
    justify-content: space-between;
    padding: 0.8rem 1rem;
}

.hv-panel-header a[b-eh5s74m1b5] {
    color: #244d8d;
    font-size: 0.76rem;
    font-weight: 800;
    text-decoration: none;
}

.hv-panel-title[b-eh5s74m1b5] {
    color: #244d8d;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.hv-panel-count[b-eh5s74m1b5] {
    background: #e8f0fb;
    border-radius: 999px;
    color: #244d8d;
    font-size: 0.74rem;
    font-weight: 800;
    padding: 0.2rem 0.55rem;
}

.hv-panel-body[b-eh5s74m1b5] {
    max-height: 340px;
    overflow-y: auto;
}

.hv-feed-item[b-eh5s74m1b5],
.hv-session-row[b-eh5s74m1b5],
.hv-module-row[b-eh5s74m1b5] {
    align-items: flex-start;
    border-bottom: 1px solid #edf2f8;
    display: flex;
    gap: 0.7rem;
    padding: 0.72rem 1rem;
}

.hv-module-row[b-eh5s74m1b5],
.hv-session-row[b-eh5s74m1b5] {
    align-items: center;
}

.hv-feed-item:last-child[b-eh5s74m1b5],
.hv-session-row:last-child[b-eh5s74m1b5],
.hv-module-row:last-child[b-eh5s74m1b5] {
    border-bottom: 0;
}

.hv-feed-dot[b-eh5s74m1b5] {
    background: #244d8d;
    border-radius: 999px;
    flex: 0 0 8px;
    height: 8px;
    margin-top: 0.35rem;
    width: 8px;
}

.hv-feed-dot.ModuleToggle[b-eh5s74m1b5] {
    background: #7c3aed;
}

.hv-feed-dot.Login[b-eh5s74m1b5],
.hv-feed-dot.SupportEnd[b-eh5s74m1b5] {
    background: #2563eb;
}

.hv-feed-dot.BugReport[b-eh5s74m1b5],
.hv-feed-dot.SupportStart[b-eh5s74m1b5] {
    background: #dc2626;
}

.hv-feed-content[b-eh5s74m1b5],
.hv-session-body[b-eh5s74m1b5],
.hv-module-info[b-eh5s74m1b5] {
    flex: 1;
    min-width: 0;
}

.hv-feed-event[b-eh5s74m1b5],
.hv-session-name[b-eh5s74m1b5],
.hv-module-name[b-eh5s74m1b5] {
    color: #1f2937;
    font-size: 0.84rem;
    font-weight: 800;
}

.hv-feed-detail[b-eh5s74m1b5],
.hv-session-meta[b-eh5s74m1b5],
.hv-module-key[b-eh5s74m1b5],
.hv-feed-time[b-eh5s74m1b5] {
    color: #66748d;
    font-size: 0.76rem;
}

.hv-feed-detail[b-eh5s74m1b5] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hv-feed-time[b-eh5s74m1b5] {
    flex: 0 0 auto;
}

.hv-session-avatar[b-eh5s74m1b5] {
    align-items: center;
    background: #e8f0fb;
    border-radius: 999px;
    color: #244d8d;
    display: flex;
    flex: 0 0 34px;
    font-size: 0.72rem;
    font-weight: 900;
    height: 34px;
    justify-content: center;
    width: 34px;
}

.hv-session-badge[b-eh5s74m1b5] {
    background: #f3f6fb;
    border: 1px solid #d5e0f0;
    border-radius: 999px;
    color: #59677f;
    font-size: 0.72rem;
    font-weight: 800;
    padding: 0.22rem 0.55rem;
}

.hv-session-badge.active[b-eh5s74m1b5] {
    background: #f0fdf4;
    border-color: #bbf7d0;
    color: #166534;
}

.hv-toggle[b-eh5s74m1b5] {
    display: inline-block;
    flex-shrink: 0;
    height: 22px;
    position: relative;
    width: 40px;
}

.hv-toggle input[b-eh5s74m1b5] {
    height: 0;
    opacity: 0;
    width: 0;
}

.hv-toggle-slider[b-eh5s74m1b5] {
    background: #cbd5e1;
    border-radius: 999px;
    cursor: pointer;
    inset: 0;
    position: absolute;
    transition: background 0.18s;
}

.hv-toggle-slider[b-eh5s74m1b5]::before {
    background: #ffffff;
    border-radius: 999px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.25);
    content: "";
    height: 16px;
    left: 3px;
    position: absolute;
    top: 3px;
    transition: transform 0.18s;
    width: 16px;
}

.hv-toggle input:checked + .hv-toggle-slider[b-eh5s74m1b5] {
    background: #244d8d;
}

.hv-toggle input:checked + .hv-toggle-slider[b-eh5s74m1b5]::before {
    transform: translateX(18px);
}

.hv-toggle input:disabled + .hv-toggle-slider[b-eh5s74m1b5] {
    cursor: not-allowed;
    opacity: 0.55;
}

.hv-empty[b-eh5s74m1b5] {
    color: #7a869a;
    font-size: 0.84rem;
    padding: 1.5rem 1rem;
    text-align: center;
}

@media (max-width: 1320px) {
    .hv-kpi-strip[b-eh5s74m1b5] {
        grid-template-columns: repeat(4, minmax(150px, 1fr));
    }
}

@media (max-width: 980px) {
    .hv-attention[b-eh5s74m1b5],
    .hv-grid[b-eh5s74m1b5] {
        grid-template-columns: 1fr;
    }

    .hv-command-hero[b-eh5s74m1b5] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 680px) {
    .hv-command-hero[b-eh5s74m1b5] {
        border-radius: 14px;
        padding: 1.25rem;
    }

    .hv-kpi-strip[b-eh5s74m1b5],
    .hv-attention-actions[b-eh5s74m1b5] {
        grid-template-columns: 1fr;
    }

    .hv-detail-header[b-eh5s74m1b5] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Pages/Harvtec/Settings.razor.rz.scp.css */
.hs-hero[b-dq5xl5dyer] {
    align-items: center;
    background:
        linear-gradient(135deg, rgba(18, 49, 118, 0.98), rgba(30, 116, 214, 0.94) 48%, rgba(13, 174, 171, 0.92)),
        radial-gradient(circle at 18px 18px, rgba(255, 255, 255, 0.12) 0 1px, transparent 1px);
    background-size: auto, 30px 30px;
    border-radius: 18px;
    box-shadow: 0 18px 34px rgba(55, 86, 140, 0.18);
    color: #ffffff;
    display: flex;
    gap: 1.4rem;
    margin: 1.1rem 0 1.25rem;
    min-height: 148px;
    padding: 1.8rem 2rem;
}

.hs-hero-mark[b-dq5xl5dyer] {
    align-items: center;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.24);
    border-radius: 12px;
    display: flex;
    flex: 0 0 64px;
    font-size: 1.6rem;
    height: 64px;
    justify-content: center;
}

.hs-hero-body[b-dq5xl5dyer] {
    flex: 1;
    min-width: 0;
}

.hs-eyebrow[b-dq5xl5dyer],
.hs-section-label[b-dq5xl5dyer] {
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.hs-eyebrow[b-dq5xl5dyer] {
    color: rgba(255, 255, 255, 0.66);
    margin-bottom: 0.4rem;
}

.hs-hero h1[b-dq5xl5dyer] {
    color: #ffffff;
    font-size: 1.75rem;
    line-height: 1.1;
    margin: 0 0 0.45rem;
}

.hs-hero p[b-dq5xl5dyer] {
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.92rem;
    margin: 0;
}

.hs-hero-link[b-dq5xl5dyer],
.hs-secondary-link[b-dq5xl5dyer] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #cfd9ea;
    border-radius: 999px;
    color: #33415c;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 900;
    min-height: 34px;
    padding: 0.38rem 0.9rem;
    text-decoration: none;
    white-space: nowrap;
}

.hs-hero-button[b-dq5xl5dyer] {
    cursor: pointer;
}

.hs-hero-button:disabled[b-dq5xl5dyer] {
    cursor: wait;
    opacity: 0.72;
}

.hs-secondary-link[b-dq5xl5dyer] {
    color: #244d8d;
}

.hs-status-grid[b-dq5xl5dyer],
.hs-primary-actions[b-dq5xl5dyer] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(4, minmax(160px, 1fr));
    margin-bottom: 1rem;
}

.hs-status-card[b-dq5xl5dyer],
.hs-primary-action[b-dq5xl5dyer] {
    background: #ffffff;
    border: 1px solid #d5e0f0;
    border-radius: 8px;
    color: inherit;
    min-height: 108px;
    padding: 0.9rem 1rem;
    text-decoration: none;
}

.hs-status-card[b-dq5xl5dyer] {
    border-left: 4px solid #b6c8df;
    overflow: hidden;
    position: relative;
}

.hs-status-card[b-dq5xl5dyer]::after {
    background: var(--hs-card-accent, #3b82f6);
    content: "";
    height: 56px;
    opacity: 0.1;
    position: absolute;
    right: -18px;
    top: -20px;
    transform: rotate(18deg);
    width: 96px;
}

.hs-status-card:hover[b-dq5xl5dyer],
.hs-primary-action:hover[b-dq5xl5dyer],
.hs-tool-row:hover[b-dq5xl5dyer] {
    border-color: #9eb7d7;
    box-shadow: 0 10px 22px rgba(75, 96, 130, 0.13);
}

.hs-status-card span[b-dq5xl5dyer] {
    color: var(--hs-card-accent, #111827);
    display: block;
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 0.5rem;
}

.hs-card-sky[b-dq5xl5dyer] { --hs-card-accent: #0284c7; border-left-color: #0284c7; }
.hs-card-indigo[b-dq5xl5dyer] { --hs-card-accent: #4f46e5; border-left-color: #4f46e5; }
.hs-card-teal[b-dq5xl5dyer] { --hs-card-accent: #0f766e; border-left-color: #0f766e; }
.hs-card-green[b-dq5xl5dyer] { --hs-card-accent: #16a34a; border-left-color: #16a34a; }
.hs-card-violet[b-dq5xl5dyer] { --hs-card-accent: #7c3aed; border-left-color: #7c3aed; }
.hs-card-blue[b-dq5xl5dyer] { --hs-card-accent: #2563eb; border-left-color: #2563eb; }
.hs-card-amber[b-dq5xl5dyer] { --hs-card-accent: #d97706; border-left-color: #d97706; }
.hs-card-purple[b-dq5xl5dyer] { --hs-card-accent: #9333ea; border-left-color: #9333ea; }
.hs-card-cyan[b-dq5xl5dyer] { --hs-card-accent: #0891b2; border-left-color: #0891b2; }
.hs-card-red[b-dq5xl5dyer] { --hs-card-accent: #dc2626; border-left-color: #dc2626; }
.hs-card-orange[b-dq5xl5dyer] { --hs-card-accent: #ea580c; border-left-color: #ea580c; }

.hs-status-card.is-ok[b-dq5xl5dyer] {
    background: #f0fdf4;
}

.hs-status-card.is-danger[b-dq5xl5dyer] {
    background: #fef2f2;
    border-color: #fca5a5;
}

.hs-status-card strong[b-dq5xl5dyer],
.hs-primary-action strong[b-dq5xl5dyer] {
    color: #111827;
    display: block;
    font-size: 0.92rem;
    margin-bottom: 0.22rem;
}

.hs-status-card small[b-dq5xl5dyer],
.hs-primary-action small[b-dq5xl5dyer],
.hs-tool-group-head p[b-dq5xl5dyer],
.hs-tool-desc[b-dq5xl5dyer],
.hs-empty[b-dq5xl5dyer],
.hs-mini-row span[b-dq5xl5dyer] {
    color: #5d6c84;
    font-size: 0.8rem;
    line-height: 1.35;
}

.hs-status-card.is-warning[b-dq5xl5dyer] {
    background: #fffaf3;
    border-color: #ffc87a;
}

.hs-status-card.is-warning span[b-dq5xl5dyer] {
    color: #b45309;
}

.hs-primary-action[b-dq5xl5dyer] {
    display: grid;
    gap: 0.1rem 0.75rem;
    grid-template-columns: auto 1fr;
    min-height: 92px;
}

.hs-primary-action span[b-dq5xl5dyer] {
    align-items: center;
    background: linear-gradient(135deg, #e0f2fe, #eef2ff);
    border-radius: 999px;
    color: #244d8d;
    display: flex;
    font-size: 0.82rem;
    font-weight: 900;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.hs-primary-action small[b-dq5xl5dyer] {
    grid-column: 2;
}

.hs-panel[b-dq5xl5dyer] {
    background: #ffffff;
    border: 1px solid #d5e0f0;
    border-radius: 8px;
    margin-bottom: 1rem;
    padding: 1rem;
}

.hs-panel-header[b-dq5xl5dyer] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.85rem;
}

.hs-section-label[b-dq5xl5dyer] {
    color: #244d8d;
}

.hs-panel h2[b-dq5xl5dyer] {
    color: #111827;
    font-size: 1.18rem;
    line-height: 1.2;
    margin: 0.28rem 0 0;
}

.hs-tool-groups[b-dq5xl5dyer] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(4, minmax(210px, 1fr));
}

.hs-tool-group[b-dq5xl5dyer] {
    border: 1px solid #e1e8f3;
    border-radius: 8px;
    overflow: hidden;
}

.hs-tool-group-head[b-dq5xl5dyer] {
    align-items: flex-start;
    background:
        linear-gradient(135deg, rgba(239, 246, 255, 0.96), rgba(240, 253, 250, 0.92));
    border-bottom: 1px solid #e1e8f3;
    display: flex;
    gap: 0.75rem;
    min-height: 98px;
    padding: 0.85rem;
}

.hs-tool-group-head > span[b-dq5xl5dyer] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #c7d7ee;
    border-radius: 999px;
    color: #244d8d;
    display: flex;
    flex: 0 0 34px;
    font-size: 0.78rem;
    font-weight: 900;
    height: 34px;
    justify-content: center;
}

.hs-tool-group:nth-child(1) .hs-tool-group-head > span[b-dq5xl5dyer] { color: #0284c7; }
.hs-tool-group:nth-child(2) .hs-tool-group-head > span[b-dq5xl5dyer] { color: #7c3aed; }
.hs-tool-group:nth-child(3) .hs-tool-group-head > span[b-dq5xl5dyer] { color: #0f766e; }
.hs-tool-group:nth-child(4) .hs-tool-group-head > span[b-dq5xl5dyer] { color: #d97706; }

.hs-tool-group h3[b-dq5xl5dyer] {
    color: #1f2937;
    font-size: 0.95rem;
    margin: 0 0 0.25rem;
}

.hs-tool-group-head p[b-dq5xl5dyer] {
    margin: 0;
}

.hs-tool-list[b-dq5xl5dyer] {
    display: grid;
}

.hs-tool-row[b-dq5xl5dyer] {
    border-bottom: 1px solid #edf2f8;
    color: inherit;
    display: block;
    min-height: 58px;
    padding: 0.72rem 0.85rem;
    text-decoration: none;
}

.hs-tool-row:last-child[b-dq5xl5dyer] {
    border-bottom: 0;
}

.hs-tool-title[b-dq5xl5dyer] {
    color: #1f2937;
    display: block;
    font-size: 0.84rem;
    font-weight: 900;
    margin-bottom: 0.14rem;
}

.hs-tool-desc[b-dq5xl5dyer] {
    display: block;
}

.hs-config-grid[b-dq5xl5dyer] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(280px, 1fr));
}

.hs-empty[b-dq5xl5dyer] {
    background: #f7faff;
    border: 1px dashed #cbd8ea;
    border-radius: 8px;
    margin: 0;
    padding: 1rem;
}

.hs-mini-table[b-dq5xl5dyer] {
    border: 1px solid #e1e8f3;
    border-radius: 8px;
    overflow: hidden;
}

.hs-mini-row[b-dq5xl5dyer] {
    align-items: center;
    border-bottom: 1px solid #edf2f8;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(120px, 0.8fr) minmax(160px, 1fr);
    min-height: 48px;
    padding: 0.65rem 0.85rem;
}

.hs-mini-row:last-child[b-dq5xl5dyer] {
    border-bottom: 0;
}

.hs-mini-row strong[b-dq5xl5dyer] {
    color: #1f2937;
    font-size: 0.86rem;
}

.hs-module-list[b-dq5xl5dyer] {
    border: 1px solid #e1e8f3;
    border-radius: 8px;
    overflow: hidden;
}

.hs-module-row[b-dq5xl5dyer] {
    align-items: center;
    border-bottom: 1px solid #edf2f8;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    min-height: 54px;
    padding: 0.65rem 0.85rem;
}

.hs-module-row:last-child[b-dq5xl5dyer] {
    border-bottom: 0;
}

.hs-module-row strong[b-dq5xl5dyer] {
    color: #1f2937;
    display: block;
    font-size: 0.86rem;
}

.hs-module-row span[b-dq5xl5dyer] {
    color: #6b7280;
    display: block;
    font-size: 0.76rem;
    font-weight: 700;
}

.hs-toggle[b-dq5xl5dyer] {
    display: inline-flex;
    flex: 0 0 auto;
    position: relative;
}

.hs-toggle input[b-dq5xl5dyer] {
    height: 1px;
    opacity: 0;
    position: absolute;
    width: 1px;
}

.hs-toggle > span[b-dq5xl5dyer] {
    background: #cbd5e1;
    border-radius: 999px;
    cursor: pointer;
    display: block;
    height: 24px;
    position: relative;
    transition: background 0.16s ease;
    width: 44px;
}

.hs-toggle > span[b-dq5xl5dyer]::after {
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.25);
    content: "";
    height: 18px;
    left: 3px;
    position: absolute;
    top: 3px;
    transition: transform 0.16s ease;
    width: 18px;
}

.hs-toggle input:checked + span[b-dq5xl5dyer] {
    background: #16a34a;
}

.hs-toggle input:checked + span[b-dq5xl5dyer]::after {
    transform: translateX(20px);
}

.hs-toggle input:disabled + span[b-dq5xl5dyer] {
    cursor: not-allowed;
    opacity: 0.55;
}

.hs-state-ok[b-dq5xl5dyer] {
    color: #166534 !important;
    font-weight: 900;
}

.hs-state-muted[b-dq5xl5dyer] {
    color: #6b7280 !important;
    font-weight: 800;
}

@media (max-width: 1320px) {
    .hs-tool-groups[b-dq5xl5dyer] {
        grid-template-columns: repeat(2, minmax(240px, 1fr));
    }

    .hs-status-grid[b-dq5xl5dyer],
    .hs-primary-actions[b-dq5xl5dyer] {
        grid-template-columns: repeat(2, minmax(220px, 1fr));
    }
}

@media (max-width: 760px) {
    .hs-hero[b-dq5xl5dyer] {
        align-items: flex-start;
        flex-direction: column;
        padding: 1.25rem;
    }

    .hs-status-grid[b-dq5xl5dyer],
    .hs-primary-actions[b-dq5xl5dyer],
    .hs-tool-groups[b-dq5xl5dyer],
    .hs-config-grid[b-dq5xl5dyer] {
        grid-template-columns: 1fr;
    }

    .hs-panel-header[b-dq5xl5dyer],
    .hs-mini-row[b-dq5xl5dyer] {
        align-items: flex-start;
        grid-template-columns: 1fr;
    }
}
/* /Pages/Harvtec/WorkOrderRoutinePurge.razor.rz.scp.css */
.wop-hero[b-b1xb8j58o2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid #e5e7eb;
    border-left: 4px solid #dc2626;
    border-radius: 8px;
    background: #fff;
}

.wop-eyebrow[b-b1xb8j58o2],
.wop-section-label[b-b1xb8j58o2] {
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #991b1b;
}

.wop-hero h1[b-b1xb8j58o2],
.wop-panel h2[b-b1xb8j58o2] {
    margin: .2rem 0;
    color: #111827;
}

.wop-hero p[b-b1xb8j58o2],
.wop-danger p[b-b1xb8j58o2] {
    margin: 0;
    color: #4b5563;
}

.wop-link[b-b1xb8j58o2] {
    color: #2563eb;
    font-weight: 700;
    text-decoration: none;
}

.wop-layout[b-b1xb8j58o2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
    gap: 1rem;
    align-items: start;
}

.wop-panel[b-b1xb8j58o2] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 1rem;
}

.wop-panel-head[b-b1xb8j58o2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.wop-danger[b-b1xb8j58o2] {
    border-color: #fecaca;
    background: #fff7ed;
}

.wop-options[b-b1xb8j58o2] {
    display: grid;
    gap: .6rem;
    margin-bottom: 1rem;
}

.wop-check[b-b1xb8j58o2] {
    display: flex;
    gap: .55rem;
    align-items: flex-start;
    color: #374151;
    font-weight: 650;
}

.wop-check input[b-b1xb8j58o2] {
    margin-top: .2rem;
}

.wop-db[b-b1xb8j58o2] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: 1rem;
}

.wop-db span[b-b1xb8j58o2],
.wop-code[b-b1xb8j58o2] {
    display: inline-flex;
    gap: .35rem;
    align-items: center;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: .35rem .55rem;
    background: #f9fafb;
    color: #374151;
    font-size: .85rem;
}

.wop-summary[b-b1xb8j58o2] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: 1rem;
}

.wop-summary div[b-b1xb8j58o2] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: .75rem;
    background: #f8fafc;
}

.wop-summary strong[b-b1xb8j58o2] {
    display: block;
    color: #111827;
    font-size: 1.35rem;
}

.wop-summary span[b-b1xb8j58o2] {
    color: #64748b;
    font-size: .82rem;
    font-weight: 700;
}

.wop-table-wrap[b-b1xb8j58o2] {
    overflow-x: auto;
}

.wop-table[b-b1xb8j58o2] {
    width: 100%;
    border-collapse: collapse;
}

.wop-table th[b-b1xb8j58o2],
.wop-table td[b-b1xb8j58o2] {
    padding: .55rem .6rem;
    border-bottom: 1px solid #eef2f7;
    text-align: left;
}

.wop-table th:last-child[b-b1xb8j58o2],
.wop-table td:last-child[b-b1xb8j58o2] {
    text-align: right;
}

.wop-label[b-b1xb8j58o2] {
    display: block;
    margin: 1rem 0 .35rem;
    color: #374151;
    font-weight: 800;
}

.wop-code[b-b1xb8j58o2] {
    margin-top: .45rem;
    width: 100%;
    justify-content: center;
    color: #991b1b;
}

.wop-run[b-b1xb8j58o2] {
    width: 100%;
    justify-content: center;
    margin-top: 1rem;
}

.wop-result[b-b1xb8j58o2] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #fed7aa;
}

.wop-result div[b-b1xb8j58o2] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: .35rem 0;
    color: #374151;
}

.wop-loading[b-b1xb8j58o2] {
    padding: 1rem;
    color: #64748b;
}

@media (max-width: 900px) {
    .wop-layout[b-b1xb8j58o2],
    .wop-summary[b-b1xb8j58o2] {
        grid-template-columns: 1fr;
    }

    .wop-hero[b-b1xb8j58o2],
    .wop-panel-head[b-b1xb8j58o2] {
        flex-direction: column;
    }
}
/* /Pages/Help/Article.razor.rz.scp.css */
.help-article-layout[b-t0bxtr7qsb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: 1.25rem;
    align-items: start;
}

.help-article-main[b-t0bxtr7qsb],
.help-side-box[b-t0bxtr7qsb],
.help-feedback-box[b-t0bxtr7qsb] {
    border: 1px solid var(--border-color, #dbe3f1);
    border-radius: 8px;
    background: var(--bg-surface, #fff);
}

.help-article-main[b-t0bxtr7qsb] {
    padding: clamp(1rem, 3vw, 1.6rem);
}

.help-article-header[b-t0bxtr7qsb] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    padding: 1rem 0 1.25rem;
    border-bottom: 1px solid var(--border-subtle, #ebeff7);
}

.help-article-icon[b-t0bxtr7qsb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--accent-primary, #385a8f) 11%, transparent);
    color: var(--accent-primary, #385a8f);
    font-weight: 900;
}

.help-article-meta[b-t0bxtr7qsb] {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
    margin-bottom: .35rem;
}

.help-article-meta span[b-t0bxtr7qsb] {
    border-radius: 999px;
    background: color-mix(in srgb, var(--accent-primary, #385a8f) 9%, transparent);
    color: var(--accent-primary, #385a8f);
    font-size: .75rem;
    font-weight: 800;
    padding: .18rem .55rem;
}

.help-article-header h1[b-t0bxtr7qsb] {
    margin: 0;
    color: var(--text-primary, #121a2b);
    font-size: clamp(1.55rem, 4vw, 2.2rem);
    line-height: 1.12;
}

.help-article-header p[b-t0bxtr7qsb] {
    margin: .45rem 0 0;
    color: var(--text-secondary, #495473);
    line-height: 1.6;
}

.help-article-toc[b-t0bxtr7qsb] {
    display: grid;
    gap: .55rem;
    margin: 1.1rem 0;
    border: 1px solid var(--border-color, #dbe3f1);
    border-left: 4px solid var(--accent-primary, #385a8f);
    border-radius: 8px;
    background: var(--bg-panel, #f6f8fc);
    padding: .9rem 1rem;
}

.help-article-toc strong[b-t0bxtr7qsb] {
    color: var(--text-primary, #121a2b);
}

.help-article-toc div[b-t0bxtr7qsb] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem .85rem;
}

.help-article-toc a[b-t0bxtr7qsb] {
    color: var(--accent-primary, #385a8f);
    font-size: .86rem;
    font-weight: 700;
    text-decoration: none;
}

.help-article-toc a:hover[b-t0bxtr7qsb] {
    text-decoration: underline;
}

.help-article-body[b-t0bxtr7qsb] {
    display: grid;
    gap: 1.4rem;
}

.help-article-section[b-t0bxtr7qsb] {
    display: grid;
    gap: .65rem;
}

.help-article-section h2[b-t0bxtr7qsb] {
    margin: 0;
    color: var(--text-primary, #121a2b);
    font-size: 1.12rem;
}

.help-article-copy p[b-t0bxtr7qsb] {
    margin: 0 0 .65rem;
    color: var(--text-secondary, #495473);
    font-size: .95rem;
    line-height: 1.7;
}

.help-article-copy p:last-child[b-t0bxtr7qsb] {
    margin-bottom: 0;
}

.help-article-steps[b-t0bxtr7qsb] {
    display: grid;
    gap: .5rem;
    margin: 0;
    padding-left: 1.35rem;
    color: var(--text-secondary, #495473);
}

.help-article-steps li[b-t0bxtr7qsb] {
    line-height: 1.55;
}

.help-article-tip[b-t0bxtr7qsb] {
    display: grid;
    gap: .2rem;
    border-left: 4px solid var(--accent-primary, #385a8f);
    border-radius: 8px;
    background: color-mix(in srgb, var(--accent-primary, #385a8f) 8%, transparent);
    color: var(--text-secondary, #495473);
    padding: .8rem 1rem;
}

.help-article-tip-warning[b-t0bxtr7qsb] {
    border-left-color: var(--warning, #f59e0b);
}

.help-article-tip-success[b-t0bxtr7qsb] {
    border-left-color: var(--success, #16a34a);
}

.help-article-tip strong[b-t0bxtr7qsb] {
    color: var(--text-primary, #121a2b);
}

.help-feedback-box[b-t0bxtr7qsb] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.5rem;
    padding: 1rem;
}

.help-feedback-box div[b-t0bxtr7qsb] {
    display: grid;
    gap: .2rem;
}

.help-feedback-box strong[b-t0bxtr7qsb] {
    color: var(--text-primary, #121a2b);
}

.help-feedback-box span[b-t0bxtr7qsb] {
    color: var(--text-secondary, #495473);
}

.help-article-side[b-t0bxtr7qsb] {
    display: grid;
    gap: .85rem;
    position: sticky;
    top: 1rem;
}

.help-back-link[b-t0bxtr7qsb],
.help-side-box a[b-t0bxtr7qsb] {
    color: var(--accent-primary, #385a8f);
    font-weight: 700;
    text-decoration: none;
}

.help-back-link[b-t0bxtr7qsb] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
}

.help-side-box[b-t0bxtr7qsb] {
    display: grid;
    gap: .2rem;
    padding: .85rem;
}

.help-side-box h2[b-t0bxtr7qsb] {
    margin: 0 0 .4rem;
    color: var(--text-primary, #121a2b);
    font-size: .9rem;
}

.help-side-box a[b-t0bxtr7qsb] {
    border-radius: 8px;
    color: var(--text-secondary, #495473);
    font-size: .86rem;
    padding: .5rem .55rem;
}

.help-side-box a:hover[b-t0bxtr7qsb],
.help-side-link-active[b-t0bxtr7qsb] {
    background: color-mix(in srgb, var(--accent-primary, #385a8f) 9%, transparent);
    color: var(--accent-primary, #385a8f) !important;
}

.help-article-empty[b-t0bxtr7qsb] {
    display: grid;
    justify-items: center;
    gap: .5rem;
    padding: 2rem;
}

@media (max-width: 900px) {
    .help-article-layout[b-t0bxtr7qsb] {
        grid-template-columns: 1fr;
    }

    .help-article-side[b-t0bxtr7qsb] {
        position: static;
    }
}

@media (max-width: 560px) {
    .help-article-header[b-t0bxtr7qsb],
    .help-feedback-box[b-t0bxtr7qsb] {
        grid-template-columns: 1fr;
        flex-direction: column;
    }

    .help-article-icon[b-t0bxtr7qsb] {
        width: 48px;
        height: 48px;
    }
}
/* /Pages/Help/Index.razor.rz.scp.css */
.help-centre-hero[b-8siqwdnbuk] {
    margin: 0 0 1.4rem;
    border: 1px solid var(--border-color, #dbe3f1);
    border-radius: 8px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--accent-primary, #385a8f) 11%, var(--bg-surface, #fff)), var(--bg-surface, #fff));
    padding: clamp(1.1rem, 3vw, 2rem);
}

.help-centre-hero-inner[b-8siqwdnbuk] {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: .75rem;
    text-align: center;
}

.help-centre-kicker[b-8siqwdnbuk],
.help-eyebrow[b-8siqwdnbuk] {
    color: var(--accent-primary, #385a8f);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.help-centre-hero h1[b-8siqwdnbuk] {
    margin: 0;
    color: var(--text-primary, #121a2b);
    font-size: clamp(1.8rem, 5vw, 2.65rem);
    line-height: 1.05;
}

.help-centre-hero p[b-8siqwdnbuk] {
    max-width: 620px;
    margin: 0 0 .35rem;
    color: var(--text-secondary, #495473);
    line-height: 1.55;
}

.help-centre[b-8siqwdnbuk] {
    display: grid;
    gap: 1.2rem;
    padding-bottom: 2rem;
}

.help-section[b-8siqwdnbuk],
.help-selected-category[b-8siqwdnbuk] {
    display: grid;
    gap: 1rem;
}

.help-section-heading[b-8siqwdnbuk] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.help-section-heading h2[b-8siqwdnbuk],
.help-selected-card h2[b-8siqwdnbuk],
.help-ai-copy h2[b-8siqwdnbuk] {
    margin: .12rem 0 0;
    color: var(--text-primary, #121a2b);
    font-size: 1.2rem;
}

.help-muted[b-8siqwdnbuk] {
    color: var(--text-muted, #6d7792);
    font-size: .85rem;
    font-weight: 700;
}

.help-text-button[b-8siqwdnbuk] {
    min-height: 44px;
    border: 1px solid var(--border-color, #dbe3f1);
    border-radius: 8px;
    background: var(--bg-surface, #fff);
    color: var(--accent-primary, #385a8f);
    cursor: pointer;
    font: inherit;
    font-weight: 800;
    padding: 0 .85rem;
}

.help-text-button:hover[b-8siqwdnbuk],
.help-text-button:focus-visible[b-8siqwdnbuk] {
    background: color-mix(in srgb, var(--accent-primary, #385a8f) 9%, transparent);
}

.help-selected-card[b-8siqwdnbuk],
.help-ai-panel[b-8siqwdnbuk],
.help-empty-state[b-8siqwdnbuk] {
    display: flex;
    align-items: center;
    gap: 1rem;
    border: 1px solid var(--border-color, #dbe3f1);
    border-radius: 8px;
    background: var(--bg-surface, #fff);
    padding: 1rem;
}

.help-selected-card[b-8siqwdnbuk] {
    justify-content: space-between;
    border-color: color-mix(in srgb, var(--hc-category-color, var(--accent-primary, #385a8f)) 38%, var(--border-color, #dbe3f1));
    background: linear-gradient(135deg, color-mix(in srgb, var(--hc-category-color, var(--accent-primary, #385a8f)) 8%, var(--bg-surface, #fff)), var(--bg-surface, #fff) 64%);
}

.help-selected-card p[b-8siqwdnbuk],
.help-ai-copy p[b-8siqwdnbuk] {
    margin: .25rem 0 0;
    color: var(--text-secondary, #495473);
}

.help-selected-icon[b-8siqwdnbuk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 8px;
    background: color-mix(in srgb, var(--hc-category-color, var(--accent-primary, #385a8f)) 14%, transparent);
    color: var(--hc-category-color, var(--accent-primary, #385a8f));
    font-weight: 900;
}

.help-category-switcher[b-8siqwdnbuk] {
    display: flex;
    gap: .5rem;
    overflow-x: auto;
    padding-bottom: .2rem;
}

.help-chip[b-8siqwdnbuk] {
    flex: 0 0 auto;
    min-height: 44px;
    border: 1px solid var(--border-color, #dbe3f1);
    border-radius: 999px;
    background: var(--bg-surface, #fff);
    color: var(--text-secondary, #495473);
    cursor: pointer;
    font: inherit;
    font-size: .85rem;
    font-weight: 700;
    padding: 0 .85rem;
}

.help-chip-selected[b-8siqwdnbuk] {
    border-color: var(--hc-category-color, var(--accent-primary, #385a8f));
    background: color-mix(in srgb, var(--hc-category-color, var(--accent-primary, #385a8f)) 10%, transparent);
    color: var(--hc-category-color, var(--accent-primary, #385a8f));
}

.help-ai-panel[b-8siqwdnbuk] {
    justify-content: space-between;
}

.help-ai-copy[b-8siqwdnbuk] {
    min-width: 0;
}

.help-search-categories[b-8siqwdnbuk] {
    display: grid;
    gap: .75rem;
    margin-top: .35rem;
}

.help-subheading[b-8siqwdnbuk] {
    color: var(--text-secondary, #495473);
    font-weight: 800;
}

.help-empty-state[b-8siqwdnbuk] {
    align-items: flex-start;
    flex-direction: column;
    color: var(--text-secondary, #495473);
    min-height: 132px;
    justify-content: center;
}

.help-empty-state strong[b-8siqwdnbuk] {
    color: var(--text-primary, #121a2b);
    font-size: 1.05rem;
}

@media (max-width: 700px) {
    .help-section-heading[b-8siqwdnbuk],
    .help-selected-card[b-8siqwdnbuk],
    .help-ai-panel[b-8siqwdnbuk] {
        align-items: stretch;
        flex-direction: column;
    }

    .help-selected-icon[b-8siqwdnbuk] {
        width: 48px;
        height: 48px;
    }
}
/* /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;
}

.leave-filter-grid[b-bjp9744bex] {
    display: grid;
    grid-template-columns: repeat(8, minmax(130px, 1fr));
}

.pm-actions-cell[b-bjp9744bex],
.chip-list[b-bjp9744bex] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.pm-btn-small[b-bjp9744bex] {
    padding: .25rem .5rem;
    font-size: .8rem;
}

.pm-chip[b-bjp9744bex] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: #eef2f7;
    color: #344054;
    padding: .15rem .45rem;
    font-size: .78rem;
    font-weight: 700;
}

.pm-chip-warning[b-bjp9744bex] {
    background: #fff4d6;
    color: #8a5a00;
}

.pm-chip-danger[b-bjp9744bex] {
    background: #fee4e2;
    color: #b42318;
}

.absence-overdue-row[b-bjp9744bex] {
    background: #fff8f7;
}

@media (max-width: 900px) {
    .leave-filter-grid[b-bjp9744bex] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    .leave-filter-grid[b-bjp9744bex] {
        grid-template-columns: 1fr;
    }
}
/* /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; }

.skills-section[b-lz4zpgww9c] {
    margin-bottom: 1rem;
    background: #ffffff;
    border: 1px solid #dce4f1;
    border-radius: 8px;
    overflow: hidden;
}

.skills-section .section-heading[b-lz4zpgww9c] {
    margin: 0;
    padding: 0.7rem 0.85rem;
    background: #f8fafc;
    border-bottom: 1px solid #dce4f1;
}

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

.skills-table[b-lz4zpgww9c] {
    table-layout: fixed;
    min-width: 860px;
}

.skills-table th[b-lz4zpgww9c],
.skills-table td[b-lz4zpgww9c] {
    vertical-align: middle;
}

.skills-table td[b-lz4zpgww9c] {
    height: 48px;
}

.skills-table td:first-child[b-lz4zpgww9c] {
    font-weight: 650;
}

.skills-table .status-badge[b-lz4zpgww9c] {
    min-width: 104px;
    text-align: center;
    white-space: nowrap;
}

.skills-col-name[b-lz4zpgww9c] { width: 26%; }
.skills-col-status[b-lz4zpgww9c] { width: 15%; }
.skills-col-level[b-lz4zpgww9c] { width: 10%; }
.skills-col-date[b-lz4zpgww9c] { width: 13%; }
.skills-col-assessor[b-lz4zpgww9c] { width: 18%; }
.skills-col-action[b-lz4zpgww9c] { width: 44px; }

.skills-action-heading[b-lz4zpgww9c],
.skills-table td:last-child[b-lz4zpgww9c] {
    text-align: center;
}

.ppe-row-overdue[b-lz4zpgww9c] {
    background: #fff1f0;
    box-shadow: inset 4px 0 0 #dc2626;
}

.ppe-row-overdue:hover td[b-lz4zpgww9c] {
    background: #ffe4e1;
}

.ppe-row-due-soon[b-lz4zpgww9c] {
    background: #fffbeb;
    box-shadow: inset 4px 0 0 #f59e0b;
}

.ppe-row-due-soon:hover td[b-lz4zpgww9c] {
    background: #fef3c7;
}

.ppe-date[b-lz4zpgww9c] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.ppe-date-overdue[b-lz4zpgww9c] {
    color: #991b1b;
    font-weight: 800;
}

.ppe-date-soon[b-lz4zpgww9c] {
    color: #92400e;
    font-weight: 700;
}

.ppe-due-pill[b-lz4zpgww9c] {
    display: inline-flex;
    align-items: center;
    min-height: 1.4rem;
    padding: 0.16rem 0.52rem;
    border-radius: 999px;
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    line-height: 1;
    text-transform: uppercase;
}

.ppe-due-pill-overdue[b-lz4zpgww9c] {
    background: #dc2626;
}

.ppe-due-pill-soon[b-lz4zpgww9c] {
    background: #d97706;
}

.btn-icon-edit[b-lz4zpgww9c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    min-height: 2rem;
    border: 1px solid #d8e0ee;
    border-radius: 8px;
    background: #f8fafc;
    color: #244b85;
    font-weight: 750;
    text-decoration: none;
}

.btn-icon-edit:hover[b-lz4zpgww9c] {
    background: #eef4ff;
    border-color: #aebed8;
    text-decoration: none;
}

.overview-grid[b-lz4zpgww9c] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.field[b-lz4zpgww9c] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 72px;
    background: #f8fafd;
    border: 1px solid #dce5f0;
    border-radius: 8px;
    padding: 0.65rem 0.8rem;
}

.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; }
.status-in-training[b-lz4zpgww9c] { background: #dbeafe; color: #1d4ed8; }
.status-needs-training[b-lz4zpgww9c] { background: #fee2e2; color: #991b1b; }
.status-na[b-lz4zpgww9c] { background: #f3f4f6; color: #4b5563; }

.pm-chip[b-lz4zpgww9c] { display: inline-flex; align-items: center; border-radius: 999px; background: #eef2f7; color: #344054; padding: 0.15rem 0.45rem; font-size: 0.78rem; font-weight: 700; margin-right: 0.25rem; }
.pm-chip-warning[b-lz4zpgww9c] { background: #fff4d6; color: #8a5a00; }
.pm-chip-danger[b-lz4zpgww9c] { background: #fee4e2; color: #b42318; }

@media (max-width: 1100px) {
    .overview-grid[b-lz4zpgww9c] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .overview-grid[b-lz4zpgww9c] {
        grid-template-columns: 1fr;
    }

    .field[b-lz4zpgww9c] {
        min-height: 64px;
    }

    .ppe-date[b-lz4zpgww9c] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.3rem;
    }
}
/* /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;
}

.leave-filter-grid[b-n4dtnp9km5] {
    display: grid;
    grid-template-columns: repeat(7, minmax(130px, 1fr));
}

.pm-actions-cell[b-n4dtnp9km5] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.pm-btn-small[b-n4dtnp9km5] {
    padding: .25rem .5rem;
    font-size: .8rem;
}

.pm-chip[b-n4dtnp9km5] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: #eef2f7;
    color: #344054;
    padding: .15rem .45rem;
    font-size: .78rem;
    font-weight: 700;
}

.pm-chip-warning[b-n4dtnp9km5] {
    background: #fff4d6;
    color: #8a5a00;
}

.pm-chip-danger[b-n4dtnp9km5] {
    background: #fee4e2;
    color: #b42318;
}

@media (max-width: 900px) {
    .leave-filter-grid[b-n4dtnp9km5] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 640px) {
    .leave-filter-grid[b-n4dtnp9km5] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/HR/LeaveDetail.razor.rz.scp.css */
.leave-detail-layout[b-8qs6594zcv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 1rem;
    align-items: start;
    margin-top: 1rem;
}

.leave-summary-card[b-8qs6594zcv],
.leave-approval-panel[b-8qs6594zcv] {
    background: #ffffff;
    border: 1px solid #dce4f1;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}

.leave-summary-card[b-8qs6594zcv] {
    padding: 1rem;
}

.leave-summary-top[b-8qs6594zcv] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    padding-bottom: 1rem;
    border-bottom: 1px solid #edf1f7;
}

.leave-summary-top h2[b-8qs6594zcv],
.leave-approval-panel h2[b-8qs6594zcv] {
    margin: 0.15rem 0 0.25rem;
    color: #172033;
    font-size: 1.2rem;
    line-height: 1.2;
}

.leave-summary-top p[b-8qs6594zcv],
.leave-approval-panel p[b-8qs6594zcv] {
    margin: 0;
    color: #667085;
    line-height: 1.45;
}

.leave-kicker[b-8qs6594zcv] {
    color: #475467;
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.leave-status-pill[b-8qs6594zcv] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    background: #eef2f7;
    color: #344054;
    font-size: 0.78rem;
    font-weight: 800;
    white-space: nowrap;
}

.leave-date-strip[b-8qs6594zcv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
    margin: 1rem 0;
}

.leave-date-strip > div[b-8qs6594zcv] {
    min-height: 4.6rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid #dce4f1;
    border-left: 3px solid #244b85;
    border-radius: 8px;
    background: #f8fafc;
}

.leave-date-strip span[b-8qs6594zcv],
.detail-grid strong[b-8qs6594zcv] {
    display: block;
    margin-bottom: 0.25rem;
    color: #667085;
    font-size: 0.74rem;
    font-weight: 750;
    text-transform: uppercase;
}

.leave-date-strip strong[b-8qs6594zcv] {
    color: #172033;
    font-size: 1rem;
}

.detail-grid[b-8qs6594zcv] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.detail-grid > div[b-8qs6594zcv] {
    min-height: 4.3rem;
    background: #ffffff;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    padding: 0.7rem 0.8rem;
    color: #172033;
}

.detail-grid span[b-8qs6594zcv] {
    overflow-wrap: anywhere;
}

.span-2[b-8qs6594zcv] {
    grid-column: 1 / -1;
}

.leave-approval-panel[b-8qs6594zcv] {
    padding: 1rem;
    position: sticky;
    top: 1rem;
}

.leave-action-stack[b-8qs6594zcv] {
    display: grid;
    gap: 0.65rem;
    margin-top: 1rem;
}

.leave-action-stack .pm-btn[b-8qs6594zcv],
.leave-cancel-button[b-8qs6594zcv] {
    width: 100%;
}

.leave-cancel-button[b-8qs6594zcv] {
    margin-top: 0.75rem;
}

.leave-decision-state[b-8qs6594zcv] {
    margin-top: 1rem;
    padding: 0.75rem;
    border: 1px solid #dce4f1;
    border-left: 3px solid #c8d4e8;
    border-radius: 8px;
    background: #f8fafc;
}

.leave-decision-state strong[b-8qs6594zcv],
.leave-decision-state span[b-8qs6594zcv] {
    display: block;
}

.leave-decision-state strong[b-8qs6594zcv] {
    color: #172033;
}

.leave-decision-state span[b-8qs6594zcv] {
    margin-top: 0.25rem;
    color: #667085;
    font-size: 0.86rem;
}

.status-active[b-8qs6594zcv] {
    background: #ecfdf3;
    color: #15803d;
    border-color: #bbf7d0;
}

.status-warning[b-8qs6594zcv] {
    background: #fffbeb;
    color: #92400e;
    border-color: #fde68a;
}

.status-inactive[b-8qs6594zcv] {
    background: #fff1f2;
    color: #9f1239;
    border-color: #fecdd3;
}

@media (max-width: 980px) {
    .leave-detail-layout[b-8qs6594zcv] {
        grid-template-columns: 1fr;
    }

    .leave-approval-panel[b-8qs6594zcv] {
        position: static;
    }
}

@media (max-width: 640px) {
    .leave-summary-top[b-8qs6594zcv],
    .leave-date-strip[b-8qs6594zcv],
    .detail-grid[b-8qs6594zcv] {
        grid-template-columns: 1fr;
    }

    .leave-summary-top[b-8qs6594zcv] {
        display: grid;
    }

    .leave-status-pill[b-8qs6594zcv] {
        justify-self: start;
    }
}
/* /Pages/HR/PeopleCalendar.razor.rz.scp.css */
.people-calendar-shell[b-yq6bpwjdp4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 1rem;
    align-items: start;
}

.people-calendar-main[b-yq6bpwjdp4],
.calendar-panel[b-yq6bpwjdp4] {
    background: #fff;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    padding: 1rem;
}

.calendar-toolbar[b-yq6bpwjdp4],
.calendar-title-row[b-yq6bpwjdp4],
.calendar-panel-heading[b-yq6bpwjdp4] {
    display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.calendar-date-input[b-yq6bpwjdp4] {
    max-width: 160px;
}

.calendar-filter-grid[b-yq6bpwjdp4] {
    display: grid;
    grid-template-columns: repeat(5, minmax(140px, 1fr));
}

.calendar-title-row h2[b-yq6bpwjdp4] {
    margin: .75rem 0;
    font-size: 1.25rem;
}

.calendar-legend[b-yq6bpwjdp4] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    font-size: .82rem;
    color: #42526e;
}

.calendar-legend i[b-yq6bpwjdp4],
.event-dot[b-yq6bpwjdp4] {
    display: inline-block;
    width: .65rem;
    height: .65rem;
    border-radius: 50%;
    margin-right: .3rem;
}

.calendar-grid[b-yq6bpwjdp4] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    overflow: hidden;
}

.calendar-head[b-yq6bpwjdp4] {
    background: #f6f8fb;
    padding: .55rem;
    font-size: .78rem;
    font-weight: 700;
    color: #43516b;
    border-right: 1px solid #d9dfeb;
}

.calendar-day[b-yq6bpwjdp4] {
    min-height: 132px;
    padding: .45rem;
    border-top: 1px solid #e6ebf3;
    border-right: 1px solid #e6ebf3;
    background: #fff;
}

.calendar-muted[b-yq6bpwjdp4] {
    background: #f8fafc;
    color: #7b879a;
}

.calendar-today[b-yq6bpwjdp4] {
    box-shadow: inset 0 0 0 2px #214d9d;
}

.calendar-day-number[b-yq6bpwjdp4] {
    font-weight: 700;
    font-size: .85rem;
    margin-bottom: .35rem;
}

.calendar-day-events[b-yq6bpwjdp4] {
    max-height: 116px;
    overflow: hidden;
}

.calendar-day-expanded .calendar-day-events[b-yq6bpwjdp4] {
    max-height: 188px;
    overflow-y: auto;
    padding-right: .15rem;
    scrollbar-width: thin;
}

.calendar-event[b-yq6bpwjdp4],
.calendar-list-row[b-yq6bpwjdp4],
.side-event[b-yq6bpwjdp4] {
    width: 100%;
    border: 0;
    text-align: left;
    background: transparent;
    color: #172033;
    cursor: pointer;
}

.calendar-event[b-yq6bpwjdp4] {
    display: flex;
    gap: .35rem;
    align-items: center;
    min-height: 28px;
    margin-bottom: .25rem;
    padding: .25rem .35rem;
    border-left: 4px solid;
    border-radius: 6px;
    font-size: .78rem;
}

.calendar-event span[b-yq6bpwjdp4] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-more[b-yq6bpwjdp4],
.calendar-empty[b-yq6bpwjdp4] {
    font-size: .8rem;
    color: #667085;
}

.calendar-more[b-yq6bpwjdp4] {
    border: 0;
    background: transparent;
    cursor: pointer;
    padding: .1rem 0;
    text-align: left;
    font-weight: 700;
    color: #214d9d;
}

.calendar-more:hover[b-yq6bpwjdp4],
.calendar-more:focus[b-yq6bpwjdp4] {
    text-decoration: underline;
}

.people-calendar-side[b-yq6bpwjdp4] {
    display: grid;
    gap: 1rem;
}

.calendar-panel h3[b-yq6bpwjdp4] {
    margin: 0 0 .65rem;
    font-size: 1rem;
}

.side-event[b-yq6bpwjdp4],
.calendar-list-row[b-yq6bpwjdp4] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .45rem;
    align-items: center;
    padding: .45rem 0;
    border-bottom: 1px solid #edf1f7;
    text-decoration: none;
}

.side-event span[b-yq6bpwjdp4],
.calendar-list-row span[b-yq6bpwjdp4],
.side-event small[b-yq6bpwjdp4] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-list[b-yq6bpwjdp4] {
    display: grid;
    gap: .2rem;
}

.calendar-list-row[b-yq6bpwjdp4] {
    grid-template-columns: auto minmax(120px, 1fr) minmax(140px, 1fr) auto auto;
    padding: .6rem;
    border: 1px solid #e6ebf3;
    border-radius: 8px;
}

@media (max-width: 1050px) {
    .people-calendar-shell[b-yq6bpwjdp4] {
        grid-template-columns: 1fr;
    }

    .calendar-filter-grid[b-yq6bpwjdp4] {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
    }
}

@media (max-width: 700px) {
    .calendar-grid[b-yq6bpwjdp4] {
        grid-template-columns: 1fr;
    }

    .calendar-head[b-yq6bpwjdp4] {
        display: none;
    }

    .calendar-day[b-yq6bpwjdp4] {
        min-height: 96px;
    }

    .calendar-filter-grid[b-yq6bpwjdp4] {
        grid-template-columns: 1fr;
    }
}
/* /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;
}

.ppe-row-overdue[b-9k7wrybs4h] {
    background: #fff1f0;
    box-shadow: inset 4px 0 0 #dc2626;
}

.ppe-row-overdue:hover[b-9k7wrybs4h] {
    background: #ffe4e1;
}

.ppe-row-due-soon[b-9k7wrybs4h] {
    background: #fffbeb;
    box-shadow: inset 4px 0 0 #f59e0b;
}

.ppe-row-due-soon:hover[b-9k7wrybs4h] {
    background: #fef3c7;
}

.ppe-date[b-9k7wrybs4h] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.ppe-date-overdue[b-9k7wrybs4h] {
    color: #991b1b;
    font-weight: 800;
}

.ppe-date-soon[b-9k7wrybs4h] {
    color: #92400e;
    font-weight: 700;
}

.ppe-due-pill[b-9k7wrybs4h] {
    display: inline-flex;
    align-items: center;
    min-height: 1.4rem;
    padding: 0.16rem 0.52rem;
    border-radius: 999px;
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    line-height: 1;
    text-transform: uppercase;
}

.ppe-due-pill-overdue[b-9k7wrybs4h] {
    background: #dc2626;
}

.ppe-due-pill-soon[b-9k7wrybs4h] {
    background: #d97706;
}

@media (max-width: 700px) {
    .ppe-date[b-9k7wrybs4h] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.3rem;
    }
}

.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/SkillsMatrix.razor.rz.scp.css */
.skills-matrix-hero[b-eqr5cn3cbx] {
    margin-bottom: 1rem;
}

.skills-matrix-actions[b-eqr5cn3cbx] {
    margin-bottom: 0.75rem;
}

.skills-matrix-toolbar[b-eqr5cn3cbx] {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.65rem;
}

.skills-matrix-toolbar .pm-search[b-eqr5cn3cbx] {
    flex: 1 1 280px;
    min-width: 260px;
    max-width: 420px;
    width: min(420px, 100%) !important;
}

.skills-matrix-toolbar .pm-select[b-eqr5cn3cbx] {
    flex: 0 0 260px;
    max-width: 260px;
    min-width: 220px;
    width: 260px !important;
}

.skills-matrix-toolbar .pm-btn[b-eqr5cn3cbx] {
    flex: 0 0 auto;
    width: auto !important;
}

.skills-matrix-toolbar .pm-btn-toggle.active[b-eqr5cn3cbx] {
    background: #0f172a;
    border-color: #0f172a;
    color: #fff;
}

.skills-matrix-legend[b-eqr5cn3cbx] {
    margin: 0.65rem 0 0.8rem;
}

.skills-hidden-warning[b-eqr5cn3cbx] {
    margin-bottom: 0.8rem;
}

.skills-matrix-section[b-eqr5cn3cbx] {
    border: 1px solid #dbe4f0;
    border-radius: 8px;
    background: #fff;
    margin-top: 1rem;
    overflow: hidden;
}

.skills-category-header[b-eqr5cn3cbx] {
    align-items: center;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.85rem 1rem;
}

.skills-category-title[b-eqr5cn3cbx] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    min-width: 0;
}

.category-swatch[b-eqr5cn3cbx] {
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 8px;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.35);
    flex: 0 0 42px;
    height: 42px;
    width: 42px;
}

.skills-category-title h2[b-eqr5cn3cbx] {
    color: #172033;
    font-size: 1rem;
    font-weight: 850;
    margin: 0;
}

.skills-category-title p[b-eqr5cn3cbx] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 650;
    margin: 0.15rem 0 0;
}

.skills-hidden-count[b-eqr5cn3cbx] {
    color: #94a3b8;
    font-weight: 750;
    margin-left: 0.25rem;
}

.pm-btn-sm[b-eqr5cn3cbx] {
    font-size: 0.78rem;
    padding: 0.28rem 0.65rem;
}

.training-matrix-scroll[b-eqr5cn3cbx] {
    overflow-x: auto;
}

.skills-matrix-scroll[b-eqr5cn3cbx] {
    margin: 0;
}

.training-matrix-table[b-eqr5cn3cbx] {
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.82rem;
    min-width: 720px;
    width: 100%;
}

.training-matrix-table th[b-eqr5cn3cbx],
.training-matrix-table td[b-eqr5cn3cbx] {
    border-bottom: 1px solid #e2e8f0;
    border-right: 1px solid #e2e8f0;
    padding: 0.42rem 0.55rem;
    white-space: nowrap;
}

.training-matrix-table thead th[b-eqr5cn3cbx] {
    background: #f8fafc;
    color: #475569;
    font-size: 0.74rem;
    font-weight: 850;
    text-transform: uppercase;
}

.training-matrix-table tbody tr:hover td[b-eqr5cn3cbx] {
    background-color: #f8fbff;
}

.skills-empty-category[b-eqr5cn3cbx] {
    color: #64748b;
    font-size: 0.86rem;
    font-weight: 700;
    padding: 1rem !important;
    text-align: center;
}

.sm-employee-col[b-eqr5cn3cbx],
.sm-job-col[b-eqr5cn3cbx] {
    background: #fff;
    position: sticky;
    text-align: left;
    z-index: 2;
}

.sm-employee-col[b-eqr5cn3cbx] {
    left: 0;
    min-width: 170px;
}

.sm-job-col[b-eqr5cn3cbx] {
    left: 170px;
    min-width: 150px;
}

thead .sm-employee-col[b-eqr5cn3cbx],
thead .sm-job-col[b-eqr5cn3cbx] {
    background: #f8fafc;
    z-index: 4;
}

.tm-training-col[b-eqr5cn3cbx],
.sm-skill-col[b-eqr5cn3cbx] {
    min-width: 94px;
    max-width: 128px;
    position: relative;
    text-align: center;
    vertical-align: bottom;
}

.tm-training-header[b-eqr5cn3cbx] {
    display: block;
    font-size: 0.74rem;
    line-height: 1.15;
    margin: 0 auto;
    max-height: 128px;
    overflow: hidden;
    padding: 0.35rem 0;
    text-overflow: ellipsis;
    transform: rotate(180deg);
    writing-mode: vertical-rl;
}

.sm-skill-edit[b-eqr5cn3cbx] {
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    color: #334155;
    display: inline-flex;
    font-size: 0.62rem;
    font-weight: 850;
    margin-top: 0.25rem;
    padding: 0.08rem 0.32rem;
    text-decoration: none;
}

.sm-skill-edit:hover[b-eqr5cn3cbx] {
    border-color: #2563eb;
    color: #1d4ed8;
}

.tm-cell[b-eqr5cn3cbx],
.sm-cell[b-eqr5cn3cbx] {
    min-width: 86px;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.sm-cell.status-competent[b-eqr5cn3cbx] { background: #f0fdf4; }
.sm-cell.status-in-training[b-eqr5cn3cbx] { background: #eff6ff; }
.sm-cell.status-needs-training[b-eqr5cn3cbx] { background: #fef2f2; }
.sm-cell.status-na[b-eqr5cn3cbx] { background: #f8fafc; }
.sm-cell.status-unrecorded[b-eqr5cn3cbx] { background: #fff; }
.sm-cell.status-unset[b-eqr5cn3cbx] { background: #f9fafb; }

.matrix-badge[b-eqr5cn3cbx] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 850;
    justify-content: center;
    line-height: 1;
    min-width: 34px;
    padding: 0.25rem 0.45rem;
    white-space: nowrap;
}

.m-competent[b-eqr5cn3cbx] {
    background: #dcfce7;
    color: #166534;
}

.m-in-training[b-eqr5cn3cbx] {
    background: #dbeafe;
    color: #1d4ed8;
}

.m-needs-training[b-eqr5cn3cbx] {
    background: #fee2e2;
    color: #991b1b;
}

.m-na[b-eqr5cn3cbx] {
    background: #f1f5f9;
    color: #475569;
}

.m-unrecorded[b-eqr5cn3cbx] {
    background: #fff;
    border: 1px dashed #cbd5e1;
    color: #64748b;
}

.m-unset[b-eqr5cn3cbx] {
    background: #f8fafc;
    color: #94a3b8;
}

.matrix-legend[b-eqr5cn3cbx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.sm-edit-link[b-eqr5cn3cbx] {
    color: #1d4ed8;
    display: inline-flex;
    font-size: 0.62rem;
    font-weight: 900;
    margin-left: 0.25rem;
    opacity: 0;
    text-decoration: none;
    transition: opacity 0.14s ease;
}

.sm-cell:hover .sm-edit-link[b-eqr5cn3cbx],
.sm-cell:focus-within .sm-edit-link[b-eqr5cn3cbx] {
    opacity: 1;
}

.skills-summary-bar[b-eqr5cn3cbx] {
    background: #fff;
    border: 1px solid #dbe4f0;
    border-radius: 8px;
    margin-top: 0.9rem;
    padding: 0.75rem 1rem;
}

.tm-summary-bar[b-eqr5cn3cbx] {
    color: #64748b;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.85rem;
    gap: 1.2rem;
}

.tm-compliance-good[b-eqr5cn3cbx] {
    color: #166534;
    font-weight: 800;
}

.sm-summary-training[b-eqr5cn3cbx] {
    color: #1d4ed8;
    font-weight: 750;
}

.tm-summary-warn[b-eqr5cn3cbx] {
    color: #92400e;
    font-weight: 750;
}

.tm-summary-bad[b-eqr5cn3cbx] {
    color: #991b1b;
    font-weight: 750;
}

.tm-summary-miss[b-eqr5cn3cbx] {
    color: #64748b;
    font-weight: 750;
}

@media (max-width: 760px) {
    .skills-category-header[b-eqr5cn3cbx],
    .skills-matrix-actions[b-eqr5cn3cbx] {
        align-items: stretch;
        flex-direction: column;
    }

    .skills-matrix-toolbar .pm-search[b-eqr5cn3cbx] {
        min-width: 0;
        width: 100%;
    }
}
/* /Pages/HR/SkillsMatrixReport.razor.rz.scp.css */
*[b-4ps79b9vfs], *[b-4ps79b9vfs]::before, *[b-4ps79b9vfs]::after {
    box-sizing: border-box;
}

.screen-toolbar[b-4ps79b9vfs] {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .75rem 1.25rem;
    background: #111827;
    border-bottom: 3px solid #0f766e;
    color: #e5e7eb;
    font-family: Arial, Helvetica, sans-serif;
}

.btn-back[b-4ps79b9vfs] {
    color: #cbd5e1;
    text-decoration: none;
    font-size: .85rem;
    font-weight: 600;
}

.btn-back:hover[b-4ps79b9vfs] {
    color: #ffffff;
}

.toolbar-title[b-4ps79b9vfs] {
    flex: 1;
    text-align: center;
    color: #f8fafc;
    font-size: .88rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.btn-print[b-4ps79b9vfs] {
    background: #0f766e;
    color: #ffffff;
    border: 1px solid #0d9488;
    border-radius: 6px;
    padding: .52rem 1.1rem;
    font-size: .85rem;
    font-weight: 800;
    cursor: pointer;
}

.btn-print:hover[b-4ps79b9vfs] {
    background: #0d9488;
}

.hr-matrix-report-page[b-4ps79b9vfs] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .78rem;
    color: #111827;
    background: #ffffff;
    padding: 1.15rem 1.25rem 2rem;
    width: min(100%, 297mm);
}

.hr-report-loading[b-4ps79b9vfs],
.hr-report-empty[b-4ps79b9vfs] {
    padding: 2rem;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    color: #64748b;
    text-align: center;
}

.hr-report-header[b-4ps79b9vfs] {
    margin-bottom: 1.1rem;
    border: 1px solid #cbd5e1;
    border-top: 6px solid #0f766e;
    border-radius: 8px;
    overflow: hidden;
    background: #ffffff;
}

.hr-header-band[b-4ps79b9vfs] {
    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;
}

.hr-brand-block[b-4ps79b9vfs] {
    min-width: 0;
    padding-left: .85rem;
    border-left: 4px solid #1f3a5f;
}

.hr-brand[b-4ps79b9vfs] {
    display: block;
    margin-bottom: .28rem;
    color: #475569;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.hr-title[b-4ps79b9vfs] {
    margin: 0;
    color: #102033;
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: .025em;
    line-height: 1.05;
    text-transform: uppercase;
}

.hr-doc-ref[b-4ps79b9vfs] {
    display: block;
    margin-top: .35rem;
    color: #334155;
    font-size: .76rem;
    font-weight: 600;
}

.hr-header-meta[b-4ps79b9vfs] {
    min-width: 15rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .38rem;
    padding: .85rem 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
}

.hr-meta-line[b-4ps79b9vfs] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    color: #475569;
    font-size: .77rem;
}

.hr-meta-line strong[b-4ps79b9vfs] {
    color: #102033;
}

.hr-controlled-doc[b-4ps79b9vfs] {
    margin-top: .15rem;
    padding: .38rem .55rem;
    border: 1px solid #99f6e4;
    border-left: 4px solid #0f766e;
    border-radius: 6px;
    background: #f0fdfa;
    color: #134e4a;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.hr-filter-band[b-4ps79b9vfs] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    padding: .6rem 1.25rem;
    background: #eef2f7;
}

.filter-label[b-4ps79b9vfs] {
    margin-right: .15rem;
    color: #475569;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.hr-filter-pill[b-4ps79b9vfs] {
    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;
}

.hr-kpi-strip[b-4ps79b9vfs] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: .7rem;
    margin-bottom: .9rem;
}

.hr-kpi[b-4ps79b9vfs] {
    min-height: 4.2rem;
    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;
}

.hr-kpi-ok[b-4ps79b9vfs] {
    border-top-color: #059669;
    background: #f0fdf4;
}

.hr-kpi-training[b-4ps79b9vfs] {
    border-top-color: #2563eb;
    background: #eff6ff;
}

.hr-kpi-soon[b-4ps79b9vfs] {
    border-top-color: #ca8a04;
    background: #fffbeb;
}

.hr-kpi-bad[b-4ps79b9vfs] {
    border-top-color: #dc2626;
    background: #fef2f2;
}

.hr-kpi-missing[b-4ps79b9vfs] {
    border-top-color: #64748b;
    background: #f8fafc;
}

.kpi-label[b-4ps79b9vfs] {
    order: -1;
    color: #64748b;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 1.25;
    text-transform: uppercase;
}

.kpi-value[b-4ps79b9vfs] {
    color: #0f172a;
    font-size: 1.55rem;
    font-weight: 900;
    line-height: 1;
}

.hr-legend[b-4ps79b9vfs] {
    display: flex;
    flex-wrap: wrap;
    gap: .28rem;
    margin-bottom: .7rem;
    padding: .28rem .38rem;
    border: 1px solid #dbe3ee;
    border-radius: 5px;
    background: #f8fafc;
}

.matrix-badge[b-4ps79b9vfs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: .14rem .26rem;
    border-radius: 4px;
    font-size: .48rem;
    font-weight: 900;
    letter-spacing: .04em;
    line-height: 1.1;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

.badge-competent[b-4ps79b9vfs] {
    background: #d1fae5;
    border: 1px solid #10b981;
    color: #064e3b;
}

.badge-in-training[b-4ps79b9vfs] {
    background: #dbeafe;
    border: 1px solid #2563eb;
    color: #1e3a8a;
}

.badge-needs-training[b-4ps79b9vfs] {
    background: #fee2e2;
    border: 1px solid #dc2626;
    color: #7f1d1d;
}

.badge-na[b-4ps79b9vfs] {
    background: #f1f5f9;
    border: 1px solid #94a3b8;
    color: #334155;
}

.badge-unrecorded[b-4ps79b9vfs] {
    background: #ffffff;
    border: 1px dashed #cbd5e1;
    color: #64748b;
}

.badge-unset[b-4ps79b9vfs] {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    color: #64748b;
}

.hr-report-section[b-4ps79b9vfs] {
    margin-bottom: 1rem;
}

.hr-section-title[b-4ps79b9vfs] {
    display: flex;
    align-items: center;
    gap: .55rem;
    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: .05em;
    text-transform: uppercase;
}

.hr-attention-title[b-4ps79b9vfs] {
    border-left-color: #dc2626;
    color: #7f1d1d;
    background: #fff7ed;
}

.category-swatch[b-4ps79b9vfs] {
    flex: 0 0 1rem;
    width: 1rem;
    height: 1rem;
    border: 1px solid rgba(15, 23, 42, .18);
    border-radius: 3px;
}

.hidden-count[b-4ps79b9vfs] {
    color: #64748b;
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: 0;
    margin-left: auto;
    text-transform: none;
}

.matrix-scroll-print[b-4ps79b9vfs] {
    overflow-x: auto;
    margin-top: .55rem;
}

.hr-matrix-table[b-4ps79b9vfs] {
    width: 100%;
    min-width: 900px;
    table-layout: fixed;
    border-collapse: collapse;
    border: 1px solid #cbd5e1;
    font-size: .62rem;
}

.hr-matrix-table th[b-4ps79b9vfs],
.hr-matrix-table td[b-4ps79b9vfs] {
    border-right: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    padding: .3rem .28rem;
    color: #1f2937;
    vertical-align: middle;
    overflow-wrap: anywhere;
}

.hr-matrix-table th[b-4ps79b9vfs] {
    background: #e8eef6;
    color: #1e293b;
    font-size: .54rem;
    font-weight: 900;
    text-align: left;
    text-transform: uppercase;
}

.hr-matrix-table tbody tr:nth-child(even)[b-4ps79b9vfs] {
    background: #f8fafc;
}

.employee-col[b-4ps79b9vfs] {
    width: 11rem;
}

.job-col[b-4ps79b9vfs] {
    width: 8rem;
}

.skill-col[b-4ps79b9vfs] {
    width: 3.7rem;
    height: 8.9rem;
    text-align: center !important;
    vertical-align: bottom !important;
}

.vertical-header[b-4ps79b9vfs] {
    display: block;
    max-height: 8.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transform: rotate(180deg);
    writing-mode: vertical-rl;
    margin: 0 auto;
    line-height: 1.1;
}

.matrix-cell[b-4ps79b9vfs] {
    text-align: center;
}

.matrix-mark[b-4ps79b9vfs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.42rem;
    min-height: .78rem;
    border-radius: 3px;
    font-size: .4rem;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
}

.mark-competent[b-4ps79b9vfs] {
    background: #d1fae5;
    border: 1px solid #10b981;
    color: #064e3b;
}

.mark-in-training[b-4ps79b9vfs] {
    background: #dbeafe;
    border: 1px solid #2563eb;
    color: #1e3a8a;
}

.mark-needs-training[b-4ps79b9vfs] {
    background: #fee2e2;
    border: 1px solid #dc2626;
    color: #7f1d1d;
}

.mark-na[b-4ps79b9vfs] {
    background: #f1f5f9;
    border: 1px solid #94a3b8;
    color: #334155;
}

.mark-unset[b-4ps79b9vfs] {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    color: #64748b;
}

.cell-competent[b-4ps79b9vfs] {
    background: #f0fdf4;
}

.cell-in-training[b-4ps79b9vfs] {
    background: #eff6ff;
}

.cell-needs-training[b-4ps79b9vfs] {
    background: #fef2f2;
}

.cell-na[b-4ps79b9vfs] {
    background: #f8fafc;
}

.cell-unrecorded[b-4ps79b9vfs],
.cell-unset[b-4ps79b9vfs] {
    background: #ffffff;
}

.cell-note[b-4ps79b9vfs] {
    display: block;
    margin-top: .06rem;
    color: #475569;
    font-size: .44rem;
    font-weight: 700;
    white-space: nowrap;
}

.empty-category[b-4ps79b9vfs] {
    color: #64748b;
    font-weight: 700;
    padding: .8rem !important;
    text-align: center;
}

.empty-category-panel[b-4ps79b9vfs] {
    margin-top: .45rem;
    padding: .45rem .6rem;
    border: 1px solid #dbe3ee;
    border-radius: 4px;
    background: #fbfdff;
    color: #64748b;
    font-size: .62rem;
    font-weight: 800;
    text-align: center;
}

.hr-summary-table[b-4ps79b9vfs] {
    width: 100%;
    margin-top: .55rem;
    table-layout: fixed;
    border-collapse: collapse;
    border: 1px solid #cbd5e1;
    font-size: .68rem;
}

.hr-summary-table th[b-4ps79b9vfs],
.hr-summary-table td[b-4ps79b9vfs] {
    padding: .38rem .42rem;
    border-right: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
    vertical-align: top;
    overflow-wrap: anywhere;
}

.hr-summary-table th[b-4ps79b9vfs] {
    background: #e8eef6;
    color: #1e293b;
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.hr-summary-table .num[b-4ps79b9vfs] {
    text-align: right;
}

.hr-report-footer[b-4ps79b9vfs] {
    margin-top: 1.4rem;
    padding-top: .9rem;
    border-top: 3px double #334155;
}

.hr-footer-disclaimer[b-4ps79b9vfs] {
    margin-bottom: 1.4rem;
    padding: .75rem .9rem;
    border: 1px solid #cbd5e1;
    border-left: 4px solid #0f766e;
    border-radius: 6px;
    background: #f8fafc;
    color: #334155;
    font-size: .68rem;
    line-height: 1.6;
}

.hr-footer-disclaimer strong[b-4ps79b9vfs] {
    color: #102033;
}

.hr-footer-sig[b-4ps79b9vfs] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.8rem;
}

.sig-block[b-4ps79b9vfs] {
    text-align: center;
}

.sig-label[b-4ps79b9vfs] {
    display: block;
    color: #64748b;
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sig-line[b-4ps79b9vfs] {
    height: 2.65rem;
    border-bottom: 1px solid #475569;
}

.avoid-break[b-4ps79b9vfs] {
    break-inside: avoid;
    page-break-inside: avoid;
}

@media print {
    .no-print[b-4ps79b9vfs] {
        display: none !important;
    }

    .hr-matrix-report-page[b-4ps79b9vfs] {
        padding: 0;
        width: 100%;
        max-width: none;
        font-size: .68rem;
    }

    .hr-report-header[b-4ps79b9vfs],
    .hr-header-band[b-4ps79b9vfs],
    .hr-filter-band[b-4ps79b9vfs],
    .hr-kpi[b-4ps79b9vfs],
    .hr-section-title[b-4ps79b9vfs],
    .hr-matrix-table th[b-4ps79b9vfs],
    .hr-matrix-table tbody tr[b-4ps79b9vfs],
    .hr-summary-table th[b-4ps79b9vfs],
    .matrix-badge[b-4ps79b9vfs],
    .matrix-mark[b-4ps79b9vfs],
    .hr-footer-disclaimer[b-4ps79b9vfs] {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .hr-report-header[b-4ps79b9vfs] {
        margin-bottom: .55rem;
        border-top-width: 4px;
        border-radius: 5px;
        box-shadow: none;
    }

    .hr-header-band[b-4ps79b9vfs] {
        gap: .8rem;
        padding: .65rem .8rem;
    }

    .hr-brand-block[b-4ps79b9vfs] {
        padding-left: .6rem;
        border-left-width: 3px;
    }

    .hr-brand[b-4ps79b9vfs] {
        margin-bottom: .16rem;
        font-size: .52rem;
        letter-spacing: 0;
    }

    .hr-title[b-4ps79b9vfs] {
        font-size: 1.25rem;
        letter-spacing: 0;
    }

    .hr-doc-ref[b-4ps79b9vfs] {
        margin-top: .2rem;
        font-size: .64rem;
    }

    .hr-header-meta[b-4ps79b9vfs] {
        min-width: 12.6rem;
        gap: .22rem;
        padding: .5rem .65rem;
        border-radius: 5px;
    }

    .hr-meta-line[b-4ps79b9vfs] {
        font-size: .62rem;
    }

    .hr-controlled-doc[b-4ps79b9vfs] {
        padding: .26rem .4rem;
        border-radius: 4px;
        font-size: .58rem;
        letter-spacing: 0;
    }

    .hr-filter-band[b-4ps79b9vfs] {
        gap: .3rem;
        padding: .36rem .8rem;
    }

    .filter-label[b-4ps79b9vfs] {
        font-size: .54rem;
        letter-spacing: 0;
    }

    .hr-filter-pill[b-4ps79b9vfs] {
        min-height: .85rem;
        padding: .05rem .26rem;
        border-radius: 4px;
        font-size: .44rem;
    }

    .matrix-scroll-print[b-4ps79b9vfs] {
        overflow: visible;
        margin-top: .32rem;
    }

    .hr-kpi-strip[b-4ps79b9vfs] {
        gap: .35rem;
        margin-bottom: .45rem;
    }

    .hr-kpi[b-4ps79b9vfs] {
        min-height: 2.25rem;
        gap: .08rem;
        padding: .24rem .34rem;
        border-top-width: 3px;
        border-radius: 5px;
    }

    .kpi-label[b-4ps79b9vfs] {
        font-size: .42rem;
        letter-spacing: 0;
    }

    .kpi-value[b-4ps79b9vfs] {
        font-size: .98rem;
    }

    .hr-legend[b-4ps79b9vfs] {
        gap: .16rem;
        margin-bottom: .38rem;
        padding: .16rem .24rem;
        border-radius: 4px;
    }

    .hr-legend .matrix-badge[b-4ps79b9vfs] {
        width: auto;
        min-width: 0;
        padding: .05rem .16rem;
        border-radius: 3px;
        font-size: .34rem;
        white-space: nowrap;
    }

    .hr-report-section[b-4ps79b9vfs] {
        margin-bottom: .55rem;
    }

    .hr-section-title[b-4ps79b9vfs] {
        min-height: 1.35rem;
        padding: .26rem .45rem;
        border-radius: 4px;
        font-size: .54rem;
        letter-spacing: 0;
    }

    .category-swatch[b-4ps79b9vfs] {
        flex-basis: .68rem;
        width: .68rem;
        height: .68rem;
        border-radius: 2px;
    }

    .hidden-count[b-4ps79b9vfs] {
        font-size: .48rem;
    }

    .hr-matrix-table[b-4ps79b9vfs] {
        width: 100% !important;
        min-width: 0;
        table-layout: fixed;
        font-size: .46rem;
    }

    .hr-matrix-table th[b-4ps79b9vfs],
    .hr-matrix-table td[b-4ps79b9vfs] {
        padding: .1rem .08rem;
        overflow: hidden;
        text-overflow: clip;
    }

    .skill-col[b-4ps79b9vfs] {
        width: auto;
        min-width: 0;
        height: 24mm;
    }

    .employee-col[b-4ps79b9vfs] {
        width: 28mm;
    }

    .job-col[b-4ps79b9vfs] {
        width: 21mm;
    }

    .vertical-header[b-4ps79b9vfs] {
        max-height: 22mm;
        line-height: 1.05;
    }

    .matrix-mark[b-4ps79b9vfs] {
        width: 4.4mm;
        min-width: 4.4mm;
        min-height: 2.5mm;
        padding: 0;
        border-radius: 3px;
        font-size: .26rem;
    }

    .cell-note[b-4ps79b9vfs] {
        margin-top: .02rem;
        font-size: .25rem;
        white-space: normal;
    }

    .empty-category-panel[b-4ps79b9vfs] {
        margin-top: .25rem;
        padding: .22rem .35rem;
        border-radius: 3px;
        font-size: .43rem;
    }

    .hr-summary-table[b-4ps79b9vfs] {
        margin-top: .32rem;
        table-layout: auto;
        font-size: .52rem;
    }

    .hr-summary-table th[b-4ps79b9vfs],
    .hr-summary-table td[b-4ps79b9vfs] {
        padding: .22rem .28rem;
    }

    .hr-summary-table th[b-4ps79b9vfs] {
        font-size: .46rem;
        letter-spacing: 0;
    }

    .hr-report-footer[b-4ps79b9vfs] {
        margin-top: .8rem;
        padding-top: .6rem;
    }

    .hr-footer-disclaimer[b-4ps79b9vfs] {
        margin-bottom: .8rem;
        padding: .5rem .65rem;
        border-radius: 4px;
        font-size: .55rem;
        line-height: 1.35;
    }

    .sig-label[b-4ps79b9vfs] {
        font-size: .5rem;
        letter-spacing: 0;
    }

    .sig-line[b-4ps79b9vfs] {
        height: 1.6rem;
    }

    @page {
        size: A4 landscape;
        margin: 9mm;
    }
}
/* /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; }
.tm-unassigned[b-iz99uq0z1s] { background: #fff; }
.tm-missing-hidden[b-iz99uq0z1s] {
    background: #fff;
    color: transparent;
}

.tm-hidden-data-warning[b-iz99uq0z1s] {
    margin-top: 0.65rem;
}

.tm-show-missing-toggle[b-iz99uq0z1s] {
    min-height: 2.25rem;
}

/* 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/HR/TrainingMatrixReport.razor.rz.scp.css */
*[b-cx4yw2vv6u], *[b-cx4yw2vv6u]::before, *[b-cx4yw2vv6u]::after {
    box-sizing: border-box;
}

.screen-toolbar[b-cx4yw2vv6u] {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .75rem 1.25rem;
    background: #111827;
    border-bottom: 3px solid #2563eb;
    color: #e5e7eb;
    font-family: Arial, Helvetica, sans-serif;
}

.btn-back[b-cx4yw2vv6u] {
    color: #cbd5e1;
    text-decoration: none;
    font-size: .85rem;
    font-weight: 600;
}

.btn-back:hover[b-cx4yw2vv6u] {
    color: #ffffff;
}

.toolbar-title[b-cx4yw2vv6u] {
    flex: 1;
    text-align: center;
    color: #f8fafc;
    font-size: .88rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.btn-print[b-cx4yw2vv6u] {
    background: #2563eb;
    color: #ffffff;
    border: 1px solid #1d4ed8;
    border-radius: 6px;
    padding: .52rem 1.1rem;
    font-size: .85rem;
    font-weight: 800;
    cursor: pointer;
}

.btn-print:hover[b-cx4yw2vv6u] {
    background: #1d4ed8;
}

.hr-matrix-report-page[b-cx4yw2vv6u] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .78rem;
    color: #111827;
    background: #ffffff;
    padding: 1.15rem 1.25rem 2rem;
    width: min(100%, 297mm);
    margin: 0 auto;
}

.hr-report-loading[b-cx4yw2vv6u],
.hr-report-empty[b-cx4yw2vv6u] {
    padding: 2rem;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    color: #64748b;
    text-align: center;
}

.hr-report-header[b-cx4yw2vv6u] {
    margin-bottom: 1.1rem;
    border: 1px solid #cbd5e1;
    border-top: 6px solid #2563eb;
    border-radius: 8px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .07);
}

.hr-header-band[b-cx4yw2vv6u] {
    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;
}

.hr-brand-block[b-cx4yw2vv6u] {
    min-width: 0;
    padding-left: .85rem;
    border-left: 4px solid #1f3a5f;
}

.hr-brand[b-cx4yw2vv6u] {
    display: block;
    margin-bottom: .28rem;
    color: #475569;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.hr-title[b-cx4yw2vv6u] {
    margin: 0;
    color: #102033;
    font-size: 1.55rem;
    font-weight: 900;
    letter-spacing: .025em;
    line-height: 1.05;
    text-transform: uppercase;
}

.hr-doc-ref[b-cx4yw2vv6u] {
    display: block;
    margin-top: .35rem;
    color: #334155;
    font-size: .76rem;
    font-weight: 600;
}

.hr-header-meta[b-cx4yw2vv6u] {
    min-width: 15rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .38rem;
    padding: .85rem 1rem;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
}

.hr-meta-line[b-cx4yw2vv6u] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    color: #475569;
    font-size: .77rem;
}

.hr-meta-line strong[b-cx4yw2vv6u] {
    color: #102033;
}

.hr-controlled-doc[b-cx4yw2vv6u] {
    margin-top: .15rem;
    padding: .38rem .55rem;
    border: 1px solid #bfdbfe;
    border-left: 4px solid #2563eb;
    border-radius: 6px;
    background: #eff6ff;
    color: #1e3a8a;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.hr-filter-band[b-cx4yw2vv6u] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    padding: .6rem 1.25rem;
    background: #eef2f7;
}

.filter-label[b-cx4yw2vv6u] {
    margin-right: .15rem;
    color: #475569;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.hr-filter-pill[b-cx4yw2vv6u] {
    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;
}

.hr-kpi-strip[b-cx4yw2vv6u] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .7rem;
    margin-bottom: .9rem;
}

.hr-kpi[b-cx4yw2vv6u] {
    min-height: 4.2rem;
    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;
}

.hr-kpi-ok[b-cx4yw2vv6u] {
    border-top-color: #059669;
    background: #f0fdf4;
}

.hr-kpi-soon[b-cx4yw2vv6u] {
    border-top-color: #ca8a04;
    background: #fffbeb;
}

.hr-kpi-bad[b-cx4yw2vv6u] {
    border-top-color: #dc2626;
    background: #fef2f2;
}

.hr-kpi-missing[b-cx4yw2vv6u] {
    border-top-color: #64748b;
    background: #f8fafc;
}

.kpi-label[b-cx4yw2vv6u] {
    order: -1;
    color: #64748b;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 1.25;
    text-transform: uppercase;
}

.kpi-value[b-cx4yw2vv6u] {
    color: #0f172a;
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1;
}

.hr-legend[b-cx4yw2vv6u] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-bottom: .85rem;
    padding: .42rem .55rem;
    border: 1px solid #dbe3ee;
    border-radius: 6px;
    background: #f8fafc;
}

.matrix-badge[b-cx4yw2vv6u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.55rem;
    padding: .18rem .36rem;
    border-radius: 5px;
    font-size: .56rem;
    font-weight: 900;
    letter-spacing: .04em;
    line-height: 1.1;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

.badge-valid[b-cx4yw2vv6u] {
    background: #d1fae5;
    border: 1px solid #10b981;
    color: #064e3b;
}

.badge-expiring[b-cx4yw2vv6u] {
    background: #fef3c7;
    border: 1px solid #d97706;
    color: #78350f;
}

.badge-expired[b-cx4yw2vv6u] {
    background: #fee2e2;
    border: 1px solid #dc2626;
    color: #7f1d1d;
}

.badge-missing[b-cx4yw2vv6u] {
    background: #f1f5f9;
    border: 1px solid #94a3b8;
    color: #334155;
}

.badge-unassigned[b-cx4yw2vv6u] {
    background: #ffffff;
    border: 1px dashed #cbd5e1;
    color: #64748b;
}

.hr-report-section[b-cx4yw2vv6u] {
    margin-bottom: 1rem;
}

.hr-section-title[b-cx4yw2vv6u] {
    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;
}

.hr-attention-title[b-cx4yw2vv6u] {
    border-left-color: #dc2626;
    color: #7f1d1d;
    background: #fff7ed;
}

.matrix-scroll-print[b-cx4yw2vv6u] {
    overflow-x: auto;
    margin-top: .55rem;
}

.hr-matrix-table[b-cx4yw2vv6u] {
    width: auto;
    min-width: 980px;
    table-layout: fixed;
    border-collapse: collapse;
    border: 1px solid #cbd5e1;
    font-size: .62rem;
}

.hr-matrix-table th[b-cx4yw2vv6u],
.hr-matrix-table td[b-cx4yw2vv6u] {
    border-right: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    padding: .3rem .28rem;
    color: #1f2937;
    vertical-align: middle;
    overflow-wrap: anywhere;
}

.hr-matrix-table th[b-cx4yw2vv6u] {
    background: #e8eef6;
    color: #1e293b;
    font-size: .54rem;
    font-weight: 900;
    text-align: left;
    text-transform: uppercase;
}

.hr-matrix-table tbody tr:nth-child(even)[b-cx4yw2vv6u] {
    background: #f8fafc;
}

.employee-col[b-cx4yw2vv6u] {
    width: 11rem;
}

.site-col[b-cx4yw2vv6u] {
    width: 6.7rem;
}

.department-col[b-cx4yw2vv6u] {
    width: 7.4rem;
}

.training-col[b-cx4yw2vv6u] {
    width: 3.7rem;
    height: 8.9rem;
    text-align: center !important;
    vertical-align: bottom !important;
}

.vertical-header[b-cx4yw2vv6u] {
    display: block;
    max-height: 8.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    transform: rotate(180deg);
    writing-mode: vertical-rl;
    margin: 0 auto;
    line-height: 1.1;
}

.matrix-cell[b-cx4yw2vv6u] {
    text-align: center;
}

.matrix-mark[b-cx4yw2vv6u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.05rem;
    min-height: 1rem;
    border-radius: 4px;
    font-size: .5rem;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
}

.mark-valid[b-cx4yw2vv6u] {
    background: #d1fae5;
    border: 1px solid #10b981;
    color: #064e3b;
}

.mark-expiring[b-cx4yw2vv6u] {
    background: #fef3c7;
    border: 1px solid #d97706;
    color: #78350f;
}

.mark-expired[b-cx4yw2vv6u] {
    background: #fee2e2;
    border: 1px solid #dc2626;
    color: #7f1d1d;
}

.mark-missing[b-cx4yw2vv6u] {
    background: #eef2f7;
    border: 1px solid #94a3b8;
    color: #334155;
}

.cell-valid[b-cx4yw2vv6u] {
    background: #f0fdf4;
}

.cell-expiring[b-cx4yw2vv6u] {
    background: #fffbeb;
}

.cell-expired[b-cx4yw2vv6u] {
    background: #fef2f2;
}

.cell-missing[b-cx4yw2vv6u] {
    background: #fbfdff;
}

.cell-unassigned[b-cx4yw2vv6u] {
    background: #ffffff;
}

.cell-note[b-cx4yw2vv6u] {
    display: block;
    margin-top: .12rem;
    color: #475569;
    font-size: .52rem;
    font-weight: 700;
    white-space: nowrap;
}

.hr-summary-table[b-cx4yw2vv6u] {
    width: 100%;
    margin-top: .55rem;
    table-layout: fixed;
    border-collapse: collapse;
    border: 1px solid #cbd5e1;
    font-size: .68rem;
}

.hr-summary-table th[b-cx4yw2vv6u],
.hr-summary-table td[b-cx4yw2vv6u] {
    padding: .38rem .42rem;
    border-right: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    text-align: left;
    vertical-align: top;
    overflow-wrap: anywhere;
}

.hr-summary-table th[b-cx4yw2vv6u] {
    background: #e8eef6;
    color: #1e293b;
    font-size: .58rem;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.hr-summary-table .num[b-cx4yw2vv6u] {
    text-align: right;
}

.hr-report-footer[b-cx4yw2vv6u] {
    margin-top: 1.4rem;
    padding-top: .9rem;
    border-top: 3px double #334155;
}

.hr-footer-disclaimer[b-cx4yw2vv6u] {
    margin-bottom: 1.4rem;
    padding: .75rem .9rem;
    border: 1px solid #cbd5e1;
    border-left: 4px solid #2563eb;
    border-radius: 6px;
    background: #f8fafc;
    color: #334155;
    font-size: .68rem;
    line-height: 1.6;
}

.hr-footer-disclaimer strong[b-cx4yw2vv6u] {
    color: #102033;
}

.hr-footer-sig[b-cx4yw2vv6u] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.8rem;
}

.sig-block[b-cx4yw2vv6u] {
    text-align: center;
}

.sig-label[b-cx4yw2vv6u] {
    display: block;
    color: #64748b;
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sig-line[b-cx4yw2vv6u] {
    height: 2.65rem;
    border-bottom: 1px solid #475569;
}

.avoid-break[b-cx4yw2vv6u] {
    break-inside: avoid;
    page-break-inside: avoid;
}

@media print {
    .no-print[b-cx4yw2vv6u] {
        display: none !important;
    }

    .hr-matrix-report-page[b-cx4yw2vv6u] {
        padding: 0;
        width: 100%;
        max-width: none;
        font-size: .68rem;
    }

    .hr-report-header[b-cx4yw2vv6u],
    .hr-header-band[b-cx4yw2vv6u],
    .hr-filter-band[b-cx4yw2vv6u],
    .hr-kpi[b-cx4yw2vv6u],
    .hr-section-title[b-cx4yw2vv6u],
    .hr-matrix-table th[b-cx4yw2vv6u],
    .hr-matrix-table tbody tr[b-cx4yw2vv6u],
    .hr-summary-table th[b-cx4yw2vv6u],
    .matrix-badge[b-cx4yw2vv6u],
    .matrix-mark[b-cx4yw2vv6u],
    .hr-footer-disclaimer[b-cx4yw2vv6u] {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .hr-report-header[b-cx4yw2vv6u] {
        margin-bottom: .55rem;
        border-top-width: 4px;
        border-radius: 5px;
        box-shadow: none;
    }

    .hr-header-band[b-cx4yw2vv6u] {
        gap: .8rem;
        padding: .65rem .8rem;
    }

    .hr-brand-block[b-cx4yw2vv6u] {
        padding-left: .6rem;
        border-left-width: 3px;
    }

    .hr-brand[b-cx4yw2vv6u] {
        margin-bottom: .16rem;
        font-size: .52rem;
        letter-spacing: 0;
    }

    .hr-title[b-cx4yw2vv6u] {
        font-size: 1.25rem;
        letter-spacing: 0;
    }

    .hr-doc-ref[b-cx4yw2vv6u] {
        margin-top: .2rem;
        font-size: .64rem;
    }

    .hr-header-meta[b-cx4yw2vv6u] {
        min-width: 12.6rem;
        gap: .22rem;
        padding: .5rem .65rem;
        border-radius: 5px;
    }

    .hr-meta-line[b-cx4yw2vv6u] {
        font-size: .62rem;
    }

    .hr-controlled-doc[b-cx4yw2vv6u] {
        padding: .26rem .4rem;
        border-radius: 4px;
        font-size: .58rem;
        letter-spacing: 0;
    }

    .hr-filter-band[b-cx4yw2vv6u] {
        gap: .3rem;
        padding: .36rem .8rem;
    }

    .filter-label[b-cx4yw2vv6u] {
        font-size: .54rem;
        letter-spacing: 0;
    }

    .hr-filter-pill[b-cx4yw2vv6u] {
        min-height: 1.05rem;
        padding: .1rem .45rem;
        font-size: .56rem;
    }

    .matrix-scroll-print[b-cx4yw2vv6u] {
        overflow: visible;
        margin-top: .32rem;
    }

    .hr-kpi-strip[b-cx4yw2vv6u] {
        gap: .35rem;
        margin-bottom: .45rem;
    }

    .hr-kpi[b-cx4yw2vv6u] {
        min-height: 2.7rem;
        gap: .08rem;
        padding: .32rem .45rem;
        border-top-width: 3px;
        border-radius: 5px;
    }

    .kpi-label[b-cx4yw2vv6u] {
        font-size: .48rem;
        letter-spacing: 0;
    }

    .kpi-value[b-cx4yw2vv6u] {
        font-size: 1.12rem;
    }

    .hr-legend[b-cx4yw2vv6u] {
        gap: .28rem;
        margin-bottom: .5rem;
        padding: .32rem .45rem;
        border-radius: 5px;
    }

    .hr-legend .matrix-badge[b-cx4yw2vv6u] {
        width: auto;
        min-width: 1.45rem;
        padding: .12rem .32rem;
        font-size: .46rem;
        white-space: nowrap;
    }

    .hr-report-section[b-cx4yw2vv6u] {
        margin-bottom: .55rem;
    }

    .hr-section-title[b-cx4yw2vv6u] {
        min-height: 1.35rem;
        padding: .26rem .45rem;
        border-radius: 4px;
        font-size: .54rem;
        letter-spacing: 0;
    }

    .hr-matrix-table[b-cx4yw2vv6u] {
        width: 100% !important;
        min-width: 0;
        table-layout: fixed;
        font-size: .46rem;
    }

    .hr-matrix-table th[b-cx4yw2vv6u],
    .hr-matrix-table td[b-cx4yw2vv6u] {
        padding: .1rem .08rem;
        overflow: hidden;
        text-overflow: clip;
    }

    .training-col[b-cx4yw2vv6u] {
        width: auto;
        min-width: 0;
        height: 28mm;
    }

    .employee-col[b-cx4yw2vv6u] {
        width: 29mm;
    }

    .site-col[b-cx4yw2vv6u] {
        width: 20mm;
    }

    .department-col[b-cx4yw2vv6u] {
        width: 23mm;
    }

    .vertical-header[b-cx4yw2vv6u] {
        max-height: 26mm;
        line-height: 1.05;
    }

    .matrix-mark[b-cx4yw2vv6u] {
        width: 100%;
        min-height: .85rem;
        border-radius: 3px;
        font-size: .34rem;
    }

    .cell-note[b-cx4yw2vv6u] {
        font-size: .32rem;
        white-space: normal;
    }

    .hr-summary-table[b-cx4yw2vv6u] {
        margin-top: .32rem;
        table-layout: auto;
        font-size: .52rem;
    }

    .hr-summary-table th[b-cx4yw2vv6u],
    .hr-summary-table td[b-cx4yw2vv6u] {
        padding: .22rem .28rem;
    }

    .hr-summary-table th[b-cx4yw2vv6u] {
        font-size: .46rem;
        letter-spacing: 0;
    }

    .hr-report-footer[b-cx4yw2vv6u] {
        margin-top: .8rem;
        padding-top: .6rem;
    }

    .hr-footer-disclaimer[b-cx4yw2vv6u] {
        margin-bottom: .8rem;
        padding: .5rem .65rem;
        border-radius: 4px;
        font-size: .55rem;
        line-height: 1.35;
    }

    .sig-label[b-cx4yw2vv6u] {
        font-size: .5rem;
        letter-spacing: 0;
    }

    .sig-line[b-cx4yw2vv6u] {
        height: 1.6rem;
    }

    @page {
        size: A4 landscape;
        margin: 9mm;
    }
}
/* /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/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/RoutineTemplates/Index.razor.rz.scp.css */
.routine-kpi-button[b-v0qv22ozkf] {
    appearance: none;
    border: 1px solid transparent;
    color: inherit;
    cursor: pointer;
    font: inherit;
    text-align: left;
    width: 100%;
}

.routine-kpi-button:hover[b-v0qv22ozkf] {
    border-color: #93c5fd;
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.14);
    transform: translateY(-1px);
}

.routine-kpi-button:focus-visible[b-v0qv22ozkf] {
    outline: 3px solid rgba(37, 99, 235, 0.35);
    outline-offset: 2px;
}

.routine-kpi-selected[b-v0qv22ozkf] {
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.16);
}

.routine-row-overdue[b-v0qv22ozkf] {
    background: #fff1f0;
    box-shadow: inset 4px 0 0 #dc2626;
}

.routine-row-overdue:hover[b-v0qv22ozkf] {
    background: #ffe4e1;
}

.routine-due-cell[b-v0qv22ozkf] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.routine-due-cell-overdue[b-v0qv22ozkf] {
    color: #991b1b;
    font-weight: 800;
}

.routine-overdue-pill[b-v0qv22ozkf] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    min-height: 1.45rem;
    padding: 0.18rem 0.55rem;
    border: 1px solid #dc2626;
    border-radius: 999px;
    background: #dc2626;
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    line-height: 1;
    text-transform: uppercase;
    box-shadow: 0 6px 14px rgba(220, 38, 38, 0.22);
}

.routine-overdue-pill[b-v0qv22ozkf]::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 0.28rem solid transparent;
    border-right: 0.28rem solid transparent;
    border-bottom: 0.5rem solid #ffffff;
}

@media (max-width: 700px) {
    .routine-due-cell[b-v0qv22ozkf] {
        align-items: flex-start;
        flex-direction: column;
        gap: 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 */
.coshh-alert[b-g5tajqidk4] {
    margin-bottom: 1rem;
}

.coshh-linked-dl[b-g5tajqidk4] {
    margin-bottom: 1rem;
}

.coshh-check-grid[b-g5tajqidk4] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.coshh-check-item[b-g5tajqidk4] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    padding: 0.85rem;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    background: #ffffff;
}

.coshh-check-item strong[b-g5tajqidk4] {
    display: block;
    color: #172033;
    font-size: 0.92rem;
    margin-bottom: 0.18rem;
}

.coshh-check-item p[b-g5tajqidk4] {
    margin: 0;
    color: #526173;
    font-size: 0.84rem;
    line-height: 1.45;
}

.coshh-check-marker[b-g5tajqidk4],
.coshh-health-ok[b-g5tajqidk4],
.coshh-health-warn[b-g5tajqidk4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 1.5rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0;
}

.coshh-check-marker-ok[b-g5tajqidk4],
.coshh-health-ok[b-g5tajqidk4] {
    background: #d1fae5;
    color: #065f46;
}

.coshh-check-marker-warn[b-g5tajqidk4],
.coshh-health-warn[b-g5tajqidk4] {
    background: #fef3c7;
    color: #92400e;
}

.coshh-health-list[b-g5tajqidk4] {
    display: grid;
    gap: 0.62rem;
}

.coshh-health-item[b-g5tajqidk4] {
    display: flex;
    align-items: center;
    gap: 0.62rem;
    color: #24324e;
    font-size: 0.9rem;
}

.coshh-record-info[b-g5tajqidk4] {
    grid-template-columns: 1fr;
}

@media (max-width: 640px) {
    .coshh-check-item[b-g5tajqidk4] {
        padding: 0.75rem;
    }
}
/* /Pages/Safety/CoshhEdit.razor.rz.scp.css */
.coshh-edit-form[b-xfmre3uz7m] {
    width: 100%;
    max-width: 1180px;
    margin-inline: auto;
}

.coshh-edit-form .pm-card[b-xfmre3uz7m] {
    width: 100%;
}

.coshh-edit-form .pm-card-body[b-xfmre3uz7m] {
    padding: 1.35rem 1.5rem;
}

.coshh-edit-form .pm-fields-block[b-xfmre3uz7m] {
    gap: 1rem;
}

.coshh-edit-form .pm-field-row[b-xfmre3uz7m] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.coshh-edit-form .pm-textarea[b-xfmre3uz7m] {
    min-height: 7rem;
}

.coshh-ai-banner[b-xfmre3uz7m] {
    border-color: #c7d2fe;
    background: #f8fafc;
}

.coshh-ai-banner .pm-card-body[b-xfmre3uz7m] {
    padding: 1rem 1.25rem;
}

.coshh-ai-banner-main[b-xfmre3uz7m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.coshh-ai-banner-main .pm-card-title[b-xfmre3uz7m] {
    margin-bottom: .25rem;
}

.coshh-ai-banner-main .pm-hint[b-xfmre3uz7m] {
    margin: 0;
    max-width: 76ch;
}

.coshh-ai-banner-main .pm-btn[b-xfmre3uz7m] {
    flex: 0 0 auto;
}

@media (max-width: 860px) {
    .coshh-edit-form[b-xfmre3uz7m] {
        max-width: 100%;
    }

    .coshh-edit-form .pm-card-body[b-xfmre3uz7m] {
        padding: 1.1rem;
    }

    .coshh-edit-form .pm-field-row[b-xfmre3uz7m] {
        grid-template-columns: 1fr;
    }

    .coshh-ai-banner-main[b-xfmre3uz7m] {
        align-items: stretch;
        flex-direction: column;
    }

    .coshh-ai-banner-main .pm-btn[b-xfmre3uz7m] {
        width: 100%;
    }
}
/* /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 */
.dsear-alert[b-x4qqxh785m] {
    margin-bottom: 1rem;
}

.dsear-check-grid[b-x4qqxh785m] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.dsear-check-item[b-x4qqxh785m] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    padding: 0.85rem;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    background: #ffffff;
}

.dsear-check-item strong[b-x4qqxh785m] {
    display: block;
    color: #172033;
    font-size: 0.92rem;
    margin-bottom: 0.18rem;
}

.dsear-check-item p[b-x4qqxh785m] {
    margin: 0;
    color: #526173;
    font-size: 0.84rem;
    line-height: 1.45;
}

.dsear-check-marker[b-x4qqxh785m],
.dsear-health-ok[b-x4qqxh785m],
.dsear-health-warn[b-x4qqxh785m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 1.5rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0;
}

.dsear-check-marker-ok[b-x4qqxh785m],
.dsear-health-ok[b-x4qqxh785m] {
    background: #d1fae5;
    color: #065f46;
}

.dsear-check-marker-warn[b-x4qqxh785m],
.dsear-health-warn[b-x4qqxh785m] {
    background: #fef3c7;
    color: #92400e;
}

.dsear-health-list[b-x4qqxh785m] {
    display: grid;
    gap: 0.62rem;
}

.dsear-health-item[b-x4qqxh785m] {
    display: flex;
    align-items: center;
    gap: 0.62rem;
    color: #24324e;
    font-size: 0.9rem;
}

.dsear-record-info[b-x4qqxh785m] {
    grid-template-columns: 1fr;
}

@media (max-width: 640px) {
    .dsear-check-item[b-x4qqxh785m] {
        padding: 0.75rem;
    }
}
/* /Pages/Safety/IncidentAiActions.razor.rz.scp.css */
.incident-ai-hero[b-zktyz9s88j] {
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
    align-items: flex-start;
    margin-bottom: 1rem;
    padding: 1.2rem;
    border: 1px solid #d9dfeb;
    border-left: 6px solid #2563eb;
    border-radius: 8px;
    background: #ffffff;
}

.incident-ai-kicker[b-zktyz9s88j],
.incident-ai-label[b-zktyz9s88j] {
    color: #526173;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.incident-ai-hero h1[b-zktyz9s88j] {
    margin: 0.2rem 0 0.45rem;
    color: #172033;
    font-size: clamp(1.55rem, 2.2vw, 2.15rem);
    line-height: 1.12;
}

.incident-ai-hero p[b-zktyz9s88j] {
    max-width: 48rem;
    margin: 0;
    color: #526173;
    line-height: 1.5;
}

.incident-ai-hero-actions[b-zktyz9s88j],
.incident-ai-actions[b-zktyz9s88j] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.incident-ai-hero-actions[b-zktyz9s88j] {
    justify-content: flex-end;
    min-width: 14rem;
}

.incident-ai-message[b-zktyz9s88j] {
    margin-bottom: 1rem;
}

.incident-ai-context[b-zktyz9s88j] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 28rem);
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    background: #ffffff;
}

.incident-ai-context-main h2[b-zktyz9s88j] {
    margin: 0.2rem 0 0.45rem;
    color: #172033;
    font-size: 1.25rem;
}

.incident-ai-context-main p[b-zktyz9s88j] {
    margin: 0;
    color: #475569;
    line-height: 1.55;
}

.incident-ai-facts[b-zktyz9s88j],
.incident-ai-usage[b-zktyz9s88j] {
    display: grid;
    gap: 0.7rem;
    margin: 0;
}

.incident-ai-facts[b-zktyz9s88j] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.incident-ai-facts div[b-zktyz9s88j],
.incident-ai-usage div[b-zktyz9s88j] {
    min-width: 0;
}

.incident-ai-facts dt[b-zktyz9s88j],
.incident-ai-usage dt[b-zktyz9s88j] {
    margin-bottom: 0.16rem;
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
}

.incident-ai-facts dd[b-zktyz9s88j],
.incident-ai-usage dd[b-zktyz9s88j] {
    margin: 0;
    color: #172033;
    font-size: 0.9rem;
    overflow-wrap: anywhere;
}

.incident-ai-layout[b-zktyz9s88j] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 22rem);
    gap: 1.25rem;
    align-items: start;
}

.incident-ai-main[b-zktyz9s88j],
.incident-ai-sidebar[b-zktyz9s88j] {
    display: grid;
    gap: 1rem;
}

.incident-ai-form[b-zktyz9s88j] {
    display: grid;
    gap: 0.9rem;
}

.incident-ai-textarea[b-zktyz9s88j] {
    min-height: 8rem;
    resize: vertical;
}

.incident-ai-actions[b-zktyz9s88j] {
    margin-top: 1rem;
}

.incident-ai-empty[b-zktyz9s88j] {
    display: grid;
    gap: 0.2rem;
    padding: 0.9rem;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    color: #475569;
}

.incident-ai-empty strong[b-zktyz9s88j] {
    color: #172033;
}

.incident-ai-summary[b-zktyz9s88j] {
    line-height: 1.65;
}

.incident-ai-action-list[b-zktyz9s88j] {
    display: grid;
    gap: 0.75rem;
}

.incident-ai-action-card[b-zktyz9s88j] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    padding: 0.9rem;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    background: #ffffff;
}

.incident-ai-action-card h3[b-zktyz9s88j] {
    margin: 0 0 0.25rem;
    color: #172033;
    font-size: 0.98rem;
}

.incident-ai-action-card p[b-zktyz9s88j] {
    margin: 0;
    color: #526173;
    font-size: 0.86rem;
    line-height: 1.45;
}

.incident-ai-action-meta[b-zktyz9s88j] {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    gap: 0.4rem;
    align-items: flex-end;
    color: #64748b;
    font-size: 0.8rem;
    white-space: nowrap;
}

.incident-ai-checklist[b-zktyz9s88j] {
    display: grid;
    gap: 0.55rem;
    margin: 0;
    padding-left: 1.1rem;
    color: #475569;
    font-size: 0.88rem;
    line-height: 1.45;
}

.incident-ai-badge-critical[b-zktyz9s88j] {
    background: #fee2e2;
    color: #991b1b;
}

.incident-ai-badge-high[b-zktyz9s88j] {
    background: #ffedd5;
    color: #9a3412;
}

.incident-ai-badge-medium[b-zktyz9s88j] {
    background: #fef3c7;
    color: #92400e;
}

.incident-ai-badge-low[b-zktyz9s88j] {
    background: #d1fae5;
    color: #065f46;
}

.incident-ai-badge-info[b-zktyz9s88j] {
    background: #dbeafe;
    color: #1d4ed8;
}

@media (max-width: 1050px) {
    .incident-ai-layout[b-zktyz9s88j],
    .incident-ai-context[b-zktyz9s88j] {
        grid-template-columns: 1fr;
    }

    .incident-ai-hero[b-zktyz9s88j] {
        flex-direction: column;
    }

    .incident-ai-hero-actions[b-zktyz9s88j] {
        justify-content: flex-start;
        min-width: 0;
    }
}

@media (max-width: 640px) {
    .incident-ai-facts[b-zktyz9s88j] {
        grid-template-columns: 1fr;
    }

    .incident-ai-action-card[b-zktyz9s88j] {
        flex-direction: column;
    }

    .incident-ai-action-meta[b-zktyz9s88j] {
        align-items: flex-start;
    }
}
/* /Pages/Safety/IncidentDetail.razor.rz.scp.css */
.incident-hero[b-hoxpdutkfc] {
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
    align-items: flex-start;
    margin-bottom: 1rem;
    padding: 1.2rem;
    border: 1px solid #d9dfeb;
    border-left: 6px solid #3b82f6;
    border-radius: 8px;
    background: #ffffff;
}

.incident-hero-major[b-hoxpdutkfc] {
    border-left-color: #dc2626;
}

.incident-hero-serious[b-hoxpdutkfc] {
    border-left-color: #f97316;
}

.incident-hero-moderate[b-hoxpdutkfc] {
    border-left-color: #f59e0b;
}

.incident-hero-standard[b-hoxpdutkfc] {
    border-left-color: #2563eb;
}

.incident-kicker[b-hoxpdutkfc] {
    color: #526173;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.incident-hero h1[b-hoxpdutkfc] {
    margin: 0.2rem 0 0.65rem;
    color: #172033;
    font-size: clamp(1.55rem, 2.2vw, 2.15rem);
    line-height: 1.12;
}

.incident-hero-meta[b-hoxpdutkfc],
.incident-hero-actions[b-hoxpdutkfc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.incident-hero-actions[b-hoxpdutkfc] {
    justify-content: flex-end;
    min-width: 16rem;
}

.incident-pill[b-hoxpdutkfc] {
    display: inline-flex;
    align-items: center;
    border: 1px solid #d5dfec;
    border-radius: 999px;
    padding: 0.22rem 0.62rem;
    color: #324a74;
    background: #f8fafd;
    font-size: 0.82rem;
    font-weight: 700;
}

.incident-message[b-hoxpdutkfc] {
    margin-bottom: 1rem;
}

.incident-snapshot[b-hoxpdutkfc] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.incident-snapshot-item[b-hoxpdutkfc] {
    min-width: 0;
    padding: 0.85rem;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    background: #ffffff;
}

.incident-snapshot-item span[b-hoxpdutkfc] {
    display: block;
    margin-bottom: 0.25rem;
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
}

.incident-snapshot-item strong[b-hoxpdutkfc] {
    display: block;
    color: #172033;
    font-size: 1rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.incident-snapshot-ok[b-hoxpdutkfc] {
    border-color: #a7f3d0;
}

.incident-snapshot-warn[b-hoxpdutkfc] {
    border-color: #fde68a;
}

.incident-layout[b-hoxpdutkfc] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 22rem);
    gap: 1.25rem;
    align-items: start;
}

.incident-main[b-hoxpdutkfc],
.incident-sidebar[b-hoxpdutkfc] {
    display: grid;
    gap: 1rem;
}

.incident-section .pm-card-header[b-hoxpdutkfc] {
    align-items: center;
}

.incident-details[b-hoxpdutkfc] {
    display: grid;
    gap: 0.8rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.incident-details div[b-hoxpdutkfc] {
    min-width: 0;
}

.incident-details dt[b-hoxpdutkfc] {
    margin-bottom: 0.18rem;
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
}

.incident-details dd[b-hoxpdutkfc] {
    margin: 0;
    color: #172033;
    font-size: 0.94rem;
    overflow-wrap: anywhere;
}

.incident-investigation-grid[b-hoxpdutkfc] {
    display: grid;
    gap: 0.9rem;
}

.incident-empty-action[b-hoxpdutkfc] {
    display: grid;
    gap: 0.2rem;
    padding: 0.85rem;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    color: #475569;
}

.incident-empty-action strong[b-hoxpdutkfc] {
    color: #172033;
}

.incident-next-list[b-hoxpdutkfc] {
    display: grid;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.incident-next-list li[b-hoxpdutkfc] {
    display: flex;
    gap: 0.65rem;
    align-items: flex-start;
}

.incident-next-list li > span[b-hoxpdutkfc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.4rem;
    height: 1.5rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
}

.incident-next-list strong[b-hoxpdutkfc] {
    display: block;
    color: #172033;
    font-size: 0.88rem;
}

.incident-next-list p[b-hoxpdutkfc] {
    margin: 0.15rem 0 0;
    color: #526173;
    font-size: 0.8rem;
    line-height: 1.4;
}

.incident-next-done > span[b-hoxpdutkfc] {
    background: #d1fae5;
    color: #065f46;
}

.incident-next-open > span[b-hoxpdutkfc] {
    background: #fef3c7;
    color: #92400e;
}

.incident-badge-critical[b-hoxpdutkfc] {
    background: #fee2e2;
    color: #991b1b;
}

.incident-badge-high[b-hoxpdutkfc] {
    background: #ffedd5;
    color: #9a3412;
}

.incident-badge-medium[b-hoxpdutkfc] {
    background: #fef3c7;
    color: #92400e;
}

.incident-badge-low[b-hoxpdutkfc] {
    background: #d1fae5;
    color: #065f46;
}

.incident-badge-info[b-hoxpdutkfc] {
    background: #dbeafe;
    color: #1d4ed8;
}

@media (max-width: 980px) {
    .incident-layout[b-hoxpdutkfc] {
        grid-template-columns: 1fr;
    }

    .incident-hero[b-hoxpdutkfc] {
        flex-direction: column;
    }

    .incident-hero-actions[b-hoxpdutkfc] {
        justify-content: flex-start;
        min-width: 0;
    }

    .incident-snapshot[b-hoxpdutkfc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .incident-snapshot[b-hoxpdutkfc],
    .incident-details[b-hoxpdutkfc] {
        grid-template-columns: 1fr;
    }
}
/* /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;
}

.incident-kpi-card[b-r39cdxp6m9] {
    width: 100%;
    font: inherit;
    cursor: pointer;
}

.incident-kpi-card:focus-visible[b-r39cdxp6m9] {
    outline: 3px solid rgba(33, 77, 157, 0.28);
    outline-offset: 2px;
}

.incident-kpi-card-selected[b-r39cdxp6m9] {
    border-color: #214d9d;
    border-left-color: #214d9d;
    box-shadow: 0 0 0 2px rgba(33, 77, 157, 0.14), 0 4px 14px rgba(30, 58, 120, 0.10);
}

.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/RiskAssessmentAiWizard.razor.rz.scp.css */
.ra-wizard-shell[b-c3svhy7ytb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: 1rem;
    align-items: start;
}

.ra-wizard-brief-card[b-c3svhy7ytb] {
    min-width: 0;
}

.ra-wizard-side[b-c3svhy7ytb] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: 1rem;
}

.ra-wizard-actions[b-c3svhy7ytb] {
    display: flex;
    justify-content: flex-end;
    gap: .65rem;
    flex-wrap: wrap;
}

.ra-wizard-step[b-c3svhy7ytb] {
    display: grid;
    gap: .25rem;
    padding: .75rem 0;
    border-bottom: 1px solid #e2e8f0;
    color: #64748b;
}

.ra-wizard-step:last-child[b-c3svhy7ytb] {
    border-bottom: 0;
}

.ra-wizard-step strong[b-c3svhy7ytb] {
    color: #334155;
}

.ra-wizard-step span[b-c3svhy7ytb] {
    font-size: .83rem;
    line-height: 1.4;
}

.ra-wizard-step-active[b-c3svhy7ytb] {
    color: #1e3a8a;
}

.ra-wizard-step-active strong[b-c3svhy7ytb] {
    color: #1d4ed8;
}

.ra-wizard-step-done strong[b-c3svhy7ytb] {
    color: #166534;
}

.ra-wizard-review[b-c3svhy7ytb] {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ra-wizard-review form[b-c3svhy7ytb] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media (max-width: 1020px) {
    .ra-wizard-shell[b-c3svhy7ytb] {
        grid-template-columns: 1fr;
    }

    .ra-wizard-side[b-c3svhy7ytb] {
        position: static;
    }
}
/* /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 */
.ra-standard-strip[b-b05slfilby] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin: 1rem 0;
    padding: 1rem 1.15rem;
    border: 1px solid #d8e2f2;
    border-radius: .65rem;
    background: #f8fbff;
    color: #172033;
}

.ra-standard-strip strong[b-b05slfilby] {
    display: block;
    font-size: 1rem;
    margin-bottom: .25rem;
}

.ra-standard-strip p[b-b05slfilby] {
    margin: 0;
    color: #53627a;
    line-height: 1.45;
}

.ra-standard-kicker[b-b05slfilby] {
    display: block;
    margin-bottom: .2rem;
    color: #1d4ed8;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.ra-standard-badges[b-b05slfilby] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .4rem;
    max-width: 34rem;
}

.ra-edit-layout[b-b05slfilby] {
    grid-template-columns: minmax(0, 1fr) 360px;
}

.ra-textarea-tall[b-b05slfilby] {
    min-height: 10rem;
}

.ra-risk-note[b-b05slfilby] {
    margin-top: .9rem;
    padding: .75rem .85rem;
    border: 1px solid #dbe7fb;
    border-radius: .55rem;
    background: #f8fbff;
    color: #41516b;
    font-size: .84rem;
    line-height: 1.45;
}

.ra-matrix-panel[b-b05slfilby] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid #d6e2f0;
    border-radius: .65rem;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
}

.ra-matrix-header-row[b-b05slfilby] {
    display: flex;
    justify-content: space-between;
    gap: .75rem;
    align-items: flex-start;
    margin-bottom: .85rem;
}

.ra-matrix-header-row strong[b-b05slfilby] {
    display: block;
    color: #172033;
    font-size: .98rem;
}

.ra-matrix-grid[b-b05slfilby] {
    display: grid;
    grid-template-columns: 3rem repeat(5, minmax(3.2rem, 1fr));
    gap: .28rem;
    width: 100%;
}

.ra-matrix-axis[b-b05slfilby] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.6rem;
    border: 1px solid #dbe4f0;
    border-radius: .45rem;
    background: #f8fafc;
    color: #475569;
    font-size: .78rem;
    font-weight: 800;
}

.ra-matrix-cell[b-b05slfilby] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    border-radius: .45rem;
    color: #111827;
    font-weight: 850;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
}

.ra-matrix-cell small[b-b05slfilby] {
    margin-top: .1rem;
    color: rgba(17, 24, 39, .68);
    font-size: .68rem;
    font-weight: 800;
}

.ra-risk-low[b-b05slfilby] {
    background: #86efac;
}

.ra-risk-med[b-b05slfilby] {
    background: #fde047;
}

.ra-risk-high[b-b05slfilby] {
    background: #fb923c;
}

.ra-risk-vh[b-b05slfilby] {
    background: #ef4444;
    color: #fff;
}

.ra-risk-vh small[b-b05slfilby] {
    color: rgba(255, 255, 255, .86);
}

.ra-matrix-legend[b-b05slfilby] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: .85rem;
    color: #475569;
    font-size: .78rem;
    font-weight: 700;
}

.ra-matrix-legend span[b-b05slfilby] {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
}

.ra-risk-key[b-b05slfilby] {
    display: inline-block;
    width: .8rem;
    height: .8rem;
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .1);
}

.ra-ai-card .pm-card-body[b-b05slfilby] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.ra-readiness-card[b-b05slfilby] {
    border-color: #c7d2fe;
}

.ra-readiness-score[b-b05slfilby] {
    color: #1e3a8a;
    font-size: 1.05rem;
    font-weight: 800;
}

.ra-readiness-copy[b-b05slfilby] {
    margin: 0;
    color: #53627a;
    font-size: .84rem;
    line-height: 1.45;
}

.ra-standard-list[b-b05slfilby] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
    margin-top: .8rem;
    color: #41516b;
    font-size: .82rem;
    line-height: 1.4;
}

.ra-assessor-flow .pm-card-body[b-b05slfilby] {
    padding-top: .85rem;
}

.ra-flow-list[b-b05slfilby] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

.ra-flow-list div[b-b05slfilby] {
    display: grid;
    grid-template-columns: 2rem minmax(4rem, auto) 1fr;
    gap: .55rem;
    align-items: center;
    padding: .65rem;
    border: 1px solid #e2e8f0;
    border-radius: .55rem;
    background: #f8fafc;
}

.ra-flow-list span[b-b05slfilby] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 999px;
    background: #1d4ed8;
    color: #fff;
    font-size: .72rem;
    font-weight: 850;
}

.ra-flow-list strong[b-b05slfilby] {
    color: #172033;
    font-size: .82rem;
}

.ra-flow-list small[b-b05slfilby] {
    color: #64748b;
    line-height: 1.35;
}

@media (max-width: 1060px) {
    .ra-standard-strip[b-b05slfilby] {
        flex-direction: column;
    }

    .ra-standard-badges[b-b05slfilby] {
        justify-content: flex-start;
        max-width: none;
    }

    .ra-edit-layout[b-b05slfilby] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .ra-matrix-panel[b-b05slfilby] {
        overflow-x: auto;
    }

    .ra-matrix-grid[b-b05slfilby] {
        min-width: 32rem;
    }

    .ra-matrix-header-row[b-b05slfilby] {
        flex-direction: column;
    }
}
/* /Pages/Safety/RiskAssessmentImport.razor.rz.scp.css */
.ra-import-standard-strip[b-6p5xg9u8h2] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin: 1rem 0;
    padding: 1rem 1.15rem;
    border: 1px solid #d8e2f2;
    border-radius: .65rem;
    background: #f8fbff;
    color: #172033;
}

.ra-import-standard-strip strong[b-6p5xg9u8h2] {
    display: block;
    font-size: 1rem;
    margin-bottom: .25rem;
}

.ra-import-standard-strip p[b-6p5xg9u8h2] {
    margin: 0;
    color: #53627a;
    line-height: 1.45;
}

.ra-import-kicker[b-6p5xg9u8h2] {
    display: block;
    margin-bottom: .2rem;
    color: #1d4ed8;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.ra-import-standard-badges[b-6p5xg9u8h2] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .4rem;
    max-width: 34rem;
}

.ra-import-workbench[b-6p5xg9u8h2] {
    display: grid;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.ra-import-source-card[b-6p5xg9u8h2] {
    min-width: 0;
}

.ra-import-extracted[b-6p5xg9u8h2] {
    min-width: 0;
}

.ra-import-extracted .pm-card[b-6p5xg9u8h2] {
    min-height: 18rem;
}

.ra-import-extracted .pm-card-body[b-6p5xg9u8h2] {
    padding: 1rem 1.1rem;
}

.ra-import-extracted details[b-6p5xg9u8h2] {
    width: 100%;
}

.ra-import-extracted summary[b-6p5xg9u8h2] {
    cursor: pointer;
    font-size: .82rem;
    font-weight: 700;
    color: #475569;
}

.ra-import-extracted-text[b-6p5xg9u8h2] {
    white-space: pre-wrap;
    overflow: auto;
    min-height: 21rem;
    max-height: 38rem;
    margin: .75rem 0 0;
    padding: .9rem;
    border: 1px solid #e2e8f0;
    border-radius: .55rem;
    background: #f8fafc;
    color: #1f2937;
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-size: .8rem;
    line-height: 1.45;
}

.ra-import-review-area[b-6p5xg9u8h2] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
}

.ra-import-review-heading[b-6p5xg9u8h2] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    padding: 1rem 1.15rem;
    border: 1px solid #d6e2f0;
    border-radius: .7rem;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
}

.ra-import-review-heading strong[b-6p5xg9u8h2] {
    display: block;
    color: #172033;
    font-size: 1.02rem;
    margin-bottom: .25rem;
}

.ra-import-review-heading p[b-6p5xg9u8h2] {
    margin: 0;
    color: #53627a;
    line-height: 1.45;
}

.ra-import-wide[b-6p5xg9u8h2],
.ra-import-review-form[b-6p5xg9u8h2] {
    width: 100%;
    min-width: 0;
}

.ra-import-review-form[b-6p5xg9u8h2] {
    display: block;
    margin-top: .25rem;
}

.ra-import-review-shell[b-6p5xg9u8h2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    width: 100%;
    align-items: start;
}

.ra-import-review-main[b-6p5xg9u8h2],
.ra-import-review-sidebar[b-6p5xg9u8h2] {
    min-width: 0;
}

.ra-import-review-main[b-6p5xg9u8h2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    width: 100%;
}

.ra-import-review-sidebar[b-6p5xg9u8h2] {
    order: -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(280px, 1fr));
    gap: 1rem;
    width: 100%;
    align-items: stretch;
    position: static;
}

.ra-import-review-form .pm-card[b-6p5xg9u8h2],
.ra-import-review-form .pm-page-actions[b-6p5xg9u8h2],
.ra-import-review-form .pm-table-wrap[b-6p5xg9u8h2],
.ra-import-review-form .table-wrapper[b-6p5xg9u8h2],
.ra-import-review-form table[b-6p5xg9u8h2],
.ra-import-review-form .pm-table[b-6p5xg9u8h2] {
    width: 100%;
    max-width: none;
}

.ra-import-review-form .pm-card[b-6p5xg9u8h2] {
    min-width: 0;
}

.ra-import-review-main > .pm-card[b-6p5xg9u8h2] {
    grid-column: 1 / -1;
}

.ra-import-review-form .pm-field-row[b-6p5xg9u8h2] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ra-import-review-form .pm-fields-block[b-6p5xg9u8h2] {
    max-width: none;
}

.ra-import-review-intro[b-6p5xg9u8h2] {
    margin-bottom: 1rem;
    padding: .85rem 1rem;
    border: 1px solid #c7d2fe;
    border-radius: .6rem;
    background: #f8fbff;
    color: #475569;
    font-size: .86rem;
    line-height: 1.45;
}

.ra-import-review-intro strong[b-6p5xg9u8h2] {
    display: block;
    color: #1e3a8a;
    margin-bottom: .2rem;
}

.ra-import-textarea-tall[b-6p5xg9u8h2] {
    min-height: 10rem;
}

.ra-import-risk-row[b-6p5xg9u8h2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.ra-import-risk-chip[b-6p5xg9u8h2] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    padding: 1rem;
    border: 1px solid #dbe4f0;
    border-left-width: .45rem;
    border-radius: .65rem;
    background: #f8fafc;
}

.ra-import-risk-chip span[b-6p5xg9u8h2] {
    color: #334155;
    font-size: .78rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.ra-import-risk-chip.is-low[b-6p5xg9u8h2] {
    border-left-color: #22c55e;
    background: #f0fdf4;
}

.ra-import-risk-chip.is-medium[b-6p5xg9u8h2] {
    border-left-color: #f59e0b;
    background: #fffbeb;
}

.ra-import-risk-chip.is-high[b-6p5xg9u8h2] {
    border-left-color: #f97316;
    background: #fff7ed;
}

.ra-import-risk-chip.is-very-high[b-6p5xg9u8h2] {
    border-left-color: #ef4444;
    background: #fef2f2;
}

.ra-import-risk-note[b-6p5xg9u8h2] {
    margin-top: .9rem;
    padding: .75rem .85rem;
    border: 1px solid #dbe7fb;
    border-radius: .55rem;
    background: #f8fbff;
    color: #41516b;
    font-size: .84rem;
    line-height: 1.45;
}

.ra-import-save-card[b-6p5xg9u8h2] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: .65rem;
    width: 100%;
}

.ra-import-final-actions[b-6p5xg9u8h2] {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
    flex-wrap: wrap;
}

.ra-import-final-actions .pm-btn[b-6p5xg9u8h2] {
    min-width: 12rem;
}

.ra-import-quality-card[b-6p5xg9u8h2] {
    border-color: #c7d2fe;
    height: 100%;
}

.ra-import-quality-score[b-6p5xg9u8h2] {
    color: #1e3a8a;
    font-size: 2rem;
    font-weight: 900;
    line-height: 1;
}

.ra-import-muted[b-6p5xg9u8h2] {
    margin: .55rem 0 .8rem;
    color: #53627a;
    font-size: .84rem;
    line-height: 1.45;
}

.ra-import-quality-list[b-6p5xg9u8h2] {
    display: flex;
    flex-direction: column;
    gap: .48rem;
    color: #41516b;
    font-size: .84rem;
}

.ra-import-quality-list div[b-6p5xg9u8h2] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.ra-import-ready-dot[b-6p5xg9u8h2] {
    width: .62rem;
    height: .62rem;
    border-radius: 999px;
    background: #cbd5e1;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .08);
}

.ra-import-ready-dot.is-ready[b-6p5xg9u8h2] {
    background: #22c55e;
}

.ra-import-standard-card .pm-card-body[b-6p5xg9u8h2] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    color: #41516b;
    font-size: .83rem;
    line-height: 1.4;
}

@media (max-width: 980px) {
    .ra-import-workbench[b-6p5xg9u8h2] {
        grid-template-columns: 1fr;
    }

    .ra-import-standard-strip[b-6p5xg9u8h2] {
        flex-direction: column;
    }

    .ra-import-review-heading[b-6p5xg9u8h2] {
        flex-direction: column;
    }

    .ra-import-standard-badges[b-6p5xg9u8h2] {
        justify-content: flex-start;
        max-width: none;
    }

    .ra-import-extracted-text[b-6p5xg9u8h2] {
        min-height: 16rem;
        max-height: 28rem;
    }

    .ra-import-review-shell[b-6p5xg9u8h2],
    .ra-import-review-sidebar[b-6p5xg9u8h2],
    .ra-import-risk-row[b-6p5xg9u8h2],
    .ra-import-review-form .pm-field-row[b-6p5xg9u8h2] {
        grid-template-columns: 1fr;
    }

    .ra-import-save-card[b-6p5xg9u8h2],
    .ra-import-final-actions[b-6p5xg9u8h2] {
        flex-direction: column;
        align-items: stretch;
    }

    .ra-import-final-actions .pm-btn[b-6p5xg9u8h2] {
        width: 100%;
        min-width: 0;
    }
}
/* /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;
}

.ra-register-link[b-5g79vg8jgq],
.ra-title-link[b-5g79vg8jgq] {
    color: #214d9d;
    text-decoration: none;
    font-weight: 700;
}

.ra-title-link[b-5g79vg8jgq] {
    color: #172033;
}

.ra-register-link:hover[b-5g79vg8jgq],
.ra-title-link:hover[b-5g79vg8jgq] {
    color: #1d4ed8;
    text-decoration: underline;
}

.ra-action-col[b-5g79vg8jgq] {
    min-width: 9.5rem;
}

.ra-row-actions[b-5g79vg8jgq] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    white-space: nowrap;
}

.ra-row-actions .pm-btn[b-5g79vg8jgq] {
    min-width: 4.2rem;
    justify-content: center;
}

.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;
}

.pat-summary-grid[b-ux90m2pj57] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: .75rem;
    margin: 1rem 0;
}

.pat-kpi[b-ux90m2pj57] {
    display: grid;
    gap: .35rem;
    min-height: 5.4rem;
    padding: .85rem .95rem;
    border: 1px solid #d9e3f2;
    border-radius: 8px;
    background: #fff;
    color: #172033;
    text-align: left;
    cursor: pointer;
}

.pat-kpi span[b-ux90m2pj57] {
    color: #52627b;
    font-size: .78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.pat-kpi strong[b-ux90m2pj57] {
    font-size: 1.65rem;
    line-height: 1;
}

.pat-kpi:hover[b-ux90m2pj57],
.pat-kpi-selected[b-ux90m2pj57] {
    border-color: #9fb8dc;
    box-shadow: 0 8px 18px rgba(30, 58, 120, .1);
}

.pat-row-archived[b-ux90m2pj57] {
    opacity: .58;
}

.pm-table td strong[b-ux90m2pj57] {
    display: block;
}

.pm-table td small[b-ux90m2pj57] {
    display: block;
    margin-top: .15rem;
    color: #64748b;
}
/* /Pages/Testing/PatItemDetail.razor.rz.scp.css */
.pat-detail-grid[b-wjqf1j85mm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.pat-facts[b-wjqf1j85mm] {
    display: grid;
    gap: .7rem;
}

.pat-facts div[b-wjqf1j85mm] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid #e5edf7;
    padding-bottom: .55rem;
}

.pat-facts span[b-wjqf1j85mm] {
    color: #64748b;
    font-size: .82rem;
    font-weight: 700;
}

.pat-facts strong[b-wjqf1j85mm] {
    color: #172033;
    text-align: right;
}

.pat-overdue-text[b-wjqf1j85mm] {
    color: #b42318 !important;
}
/* /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/Testing/PatReportImport.razor.rz.scp.css */
.pat-import-source[b-76u8ml19b6] {
    display: grid;
    grid-template-columns: minmax(260px, 360px) minmax(320px, 1fr);
    gap: 1rem;
    align-items: start;
}

.pat-import-toggle[b-76u8ml19b6] {
    display: inline-flex;
    gap: .5rem;
    align-items: center;
    margin-top: .85rem;
    color: #334155;
    font-weight: 700;
}

.pat-import-actions[b-76u8ml19b6] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    margin: 1rem 0;
}

.pat-import-table-wrap[b-76u8ml19b6] {
    max-height: 65vh;
}

.pat-import-table th[b-76u8ml19b6],
.pat-import-table td[b-76u8ml19b6] {
    vertical-align: top;
}

.pat-import-table small[b-76u8ml19b6] {
    display: block;
    margin-top: .25rem;
    color: #64748b;
}

.pat-input-sm[b-76u8ml19b6] {
    min-width: 110px;
}

.pat-input-md[b-76u8ml19b6] {
    min-width: 170px;
}

.pat-input-date[b-76u8ml19b6] {
    min-width: 145px;
}

.pat-import-row-warning[b-76u8ml19b6] {
    background: #fffbeb;
}

.pat-row-warning[b-76u8ml19b6] {
    color: #92400e;
    font-weight: 700;
}

@media (max-width: 760px) {
    .pat-import-source[b-76u8ml19b6] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Training/AiBuilder.razor.rz.scp.css */
.ai-builder-shell[b-ycknr1sugi] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 440px);
    gap: 1rem;
    align-items: start;
}

.ai-preview-stack[b-ycknr1sugi] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: 1rem;
}

.ai-brief-panel[b-ycknr1sugi],
.ai-quality-panel[b-ycknr1sugi],
.ai-preview-panel[b-ycknr1sugi] {
    margin: 0;
}

.ai-span-2[b-ycknr1sugi] {
    grid-column: 1 / -1;
}

.ai-topic-input[b-ycknr1sugi] {
    font-size: 1rem;
    font-weight: 700;
}

.ai-form-gap[b-ycknr1sugi] {
    margin-top: 1rem;
}

.ai-switch-row[b-ycknr1sugi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
    gap: .75rem;
    margin: 1rem 0;
}

.module-toggle[b-ycknr1sugi] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    min-height: 4.25rem;
    padding: .8rem;
    border: 1px solid #dce4f1;
    border-radius: 8px;
    background: linear-gradient(180deg, #fbfdff 0%, #fff 75%);
    cursor: pointer;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.module-toggle:hover[b-ycknr1sugi] {
    border-color: #8fb0db;
    box-shadow: 0 .5rem 1rem rgba(31, 95, 191, .1);
    transform: translateY(-1px);
}

.module-toggle input[b-ycknr1sugi] {
    width: 1rem;
    height: 1rem;
    margin-top: .16rem;
    accent-color: #2f75d1;
}

.module-toggle strong[b-ycknr1sugi],
.module-toggle small[b-ycknr1sugi] {
    display: block;
}

.module-toggle strong[b-ycknr1sugi] {
    color: #17243d;
    font-size: .86rem;
}

.module-toggle small[b-ycknr1sugi] {
    margin-top: .18rem;
    color: #697996;
    font-size: .73rem;
    line-height: 1.3;
}

.ai-output-grid[b-ycknr1sugi] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .6rem;
}

.ai-output-grid > div[b-ycknr1sugi] {
    min-height: 4.5rem;
    padding: .75rem;
    border: 1px solid #dce4f1;
    border-radius: 8px;
    background: linear-gradient(180deg, #f8fbff 0%, #fff 78%);
}

.ai-output-grid strong[b-ycknr1sugi],
.ai-output-grid span[b-ycknr1sugi] {
    display: block;
}

.ai-output-grid strong[b-ycknr1sugi] {
    color: #1f5f99;
    font-size: 1.35rem;
    line-height: 1;
}

.ai-output-grid span[b-ycknr1sugi] {
    margin-top: .35rem;
    color: #697996;
    font-size: .73rem;
    font-weight: 700;
    text-transform: uppercase;
}

.ai-draft-heading[b-ycknr1sugi] {
    padding-bottom: .85rem;
    border-bottom: 1px solid #edf2f8;
}

.ai-draft-heading h3[b-ycknr1sugi] {
    margin: 0 0 .35rem;
    color: #17243d;
    font-size: 1rem;
}

.ai-draft-heading p[b-ycknr1sugi] {
    margin: 0;
    color: #3f4f68;
    font-size: .86rem;
    line-height: 1.55;
}

.ai-preview-group[b-ycknr1sugi] {
    margin-top: 1rem;
}

.ai-preview-group h3[b-ycknr1sugi] {
    margin: 0 0 .55rem;
    color: #17243d;
    font-size: .86rem;
}

.ai-preview-item[b-ycknr1sugi] {
    padding: .7rem .8rem;
    border: 1px solid #e3eaf5;
    border-radius: 8px;
    background: #f8fbff;
}

.ai-preview-item + .ai-preview-item[b-ycknr1sugi] {
    margin-top: .55rem;
}

.ai-preview-item strong[b-ycknr1sugi],
.ai-preview-item span[b-ycknr1sugi] {
    display: block;
}

.ai-preview-item strong[b-ycknr1sugi] {
    margin-bottom: .22rem;
    color: #17243d;
    font-size: .82rem;
}

.ai-preview-item span[b-ycknr1sugi] {
    color: #5d6b82;
    font-size: .78rem;
    line-height: 1.45;
    white-space: pre-wrap;
}

@media (max-width: 1120px) {
    .ai-builder-shell[b-ycknr1sugi] {
        grid-template-columns: 1fr;
    }

    .ai-preview-stack[b-ycknr1sugi] {
        position: static;
    }
}

@media (max-width: 720px) {
    .ai-span-2[b-ycknr1sugi] {
        grid-column: auto;
    }

    .ai-switch-row[b-ycknr1sugi],
    .ai-output-grid[b-ycknr1sugi] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Training/Bundles.razor.rz.scp.css */
.bundles-page-actions[b-l76rr2wa44] {
    justify-content: flex-end;
}

.bundle-overview-strip[b-l76rr2wa44] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin: 0 0 1rem;
}

.bundle-kpi[b-l76rr2wa44] {
    min-height: 4.6rem;
    padding: .8rem .95rem;
    border: 1px solid #dce4f1;
    border-left: 4px solid #2f80d0;
    border-radius: 8px;
    background: linear-gradient(180deg, #f8fbff 0%, #fff 78%);
}

.bundle-kpi span[b-l76rr2wa44],
.bundle-kpi strong[b-l76rr2wa44] {
    display: block;
}

.bundle-kpi span[b-l76rr2wa44] {
    color: #697996;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.bundle-kpi strong[b-l76rr2wa44] {
    margin-top: .35rem;
    color: #17243d;
    font-size: 1.45rem;
    line-height: 1;
}

.bundle-kpi-selected[b-l76rr2wa44] {
    border-left-color: #22a06b;
}

.bundle-kpi-selected strong[b-l76rr2wa44] {
    color: #146c43;
}

.bundle-workspace[b-l76rr2wa44] {
    display: grid;
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.bundle-library-panel[b-l76rr2wa44],
.bundle-builder-panel[b-l76rr2wa44] {
    margin: 0;
}

.bundle-library-panel[b-l76rr2wa44] {
    position: sticky;
    top: 1rem;
}

.bundle-list[b-l76rr2wa44] {
    display: grid;
    gap: .55rem;
}

.bundle-list-item[b-l76rr2wa44] {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: .9rem;
    width: 100%;
    min-height: 4.4rem;
    padding: .8rem .9rem;
    border: 1px solid #dce4f1;
    border-radius: 8px;
    background: linear-gradient(180deg, #fbfdff 0%, #fff 74%);
    color: inherit;
    cursor: pointer;
    text-align: left;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.bundle-list-item:hover[b-l76rr2wa44],
.bundle-list-item.selected[b-l76rr2wa44] {
    border-color: #8fb0db;
    box-shadow: 0 .45rem 1rem rgba(31, 95, 191, .1);
    transform: translateY(-1px);
}

.bundle-list-item.selected[b-l76rr2wa44] {
    background: linear-gradient(180deg, #eef6ff 0%, #fff 82%);
}

.bundle-list-item strong[b-l76rr2wa44],
.bundle-list-item small[b-l76rr2wa44] {
    display: block;
}

.bundle-list-item strong[b-l76rr2wa44] {
    color: #17243d;
    font-size: .88rem;
    line-height: 1.28;
}

.bundle-list-item small[b-l76rr2wa44] {
    margin-top: .2rem;
    color: #697996;
    font-size: .74rem;
}

.bundle-list-meta[b-l76rr2wa44] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    gap: .4rem;
    flex-shrink: 0;
    color: #5d6b82;
    font-size: .74rem;
    font-weight: 700;
}

.bundle-status[b-l76rr2wa44] {
    display: inline-flex;
    align-items: center;
    min-height: 1.45rem;
    padding: .18rem .55rem;
    border: 1px solid #d7e1f0;
    border-radius: 999px;
    background: #edf4ff;
    color: #1f5f99;
}

.bundle-status.active[b-l76rr2wa44] {
    border-color: #b7dfc5;
    background: #f0fdf4;
    color: #146c43;
}

.bundle-status.inactive[b-l76rr2wa44] {
    border-color: #e0e5ee;
    background: #f5f7fb;
    color: #697996;
}

.bundle-builder-header[b-l76rr2wa44] {
    align-items: center;
}

.bundle-builder-count[b-l76rr2wa44] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 5.1rem;
    min-height: 3.8rem;
    border: 1px solid #dce4f1;
    border-radius: 8px;
    background: #f8fbff;
}

.bundle-builder-count strong[b-l76rr2wa44] {
    color: #1f5f99;
    font-size: 1.35rem;
    line-height: 1;
}

.bundle-builder-count span[b-l76rr2wa44] {
    margin-top: .24rem;
    color: #697996;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.bundle-builder-grid[b-l76rr2wa44] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.1rem;
    align-items: start;
}

.bundle-form-column[b-l76rr2wa44],
.bundle-course-column[b-l76rr2wa44] {
    min-width: 0;
}

.bundle-name-input[b-l76rr2wa44] {
    font-size: 1rem;
    font-weight: 700;
}

.bundle-active-field[b-l76rr2wa44] {
    justify-content: end;
}

.bundle-active-toggle[b-l76rr2wa44] {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    min-height: 3.2rem;
    padding: .7rem .8rem;
    border: 1px solid #dce4f1;
    border-radius: 8px;
    background: #f8fbff;
    cursor: pointer;
}

.bundle-active-toggle input[b-l76rr2wa44] {
    width: 1rem;
    height: 1rem;
    margin-top: .15rem;
    accent-color: #2f75d1;
}

.bundle-active-toggle strong[b-l76rr2wa44],
.bundle-active-toggle small[b-l76rr2wa44] {
    display: block;
}

.bundle-active-toggle strong[b-l76rr2wa44] {
    color: #17243d;
    font-size: .84rem;
}

.bundle-active-toggle small[b-l76rr2wa44] {
    margin-top: .18rem;
    color: #697996;
    font-size: .72rem;
    line-height: 1.3;
}

.bundle-selected-box[b-l76rr2wa44] {
    margin-top: 1rem;
    padding: .85rem;
    border: 1px solid #dce4f1;
    border-radius: 8px;
    background: linear-gradient(180deg, #fbfdff 0%, #fff 78%);
}

.bundle-selected-head[b-l76rr2wa44] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .65rem;
}

.bundle-selected-head strong[b-l76rr2wa44] {
    color: #17243d;
    font-size: .86rem;
}

.bundle-selected-head span[b-l76rr2wa44] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.7rem;
    height: 1.7rem;
    border-radius: 999px;
    background: #eef6ff;
    color: #1f5f99;
    font-size: .78rem;
    font-weight: 800;
}

.bundle-selected-box p[b-l76rr2wa44] {
    margin: 0;
    color: #8a9ab8;
    font-size: .82rem;
}

.bundle-selected-list[b-l76rr2wa44] {
    display: grid;
    gap: .45rem;
    max-height: 15rem;
    overflow: auto;
    padding-right: .15rem;
}

.bundle-selected-list button[b-l76rr2wa44] {
    display: block;
    width: 100%;
    padding: .6rem .7rem;
    border: 1px solid #e3eaf5;
    border-radius: 8px;
    background: #fff;
    color: inherit;
    cursor: pointer;
    text-align: left;
    transition: border-color .16s ease, background .16s ease;
}

.bundle-selected-list button:hover[b-l76rr2wa44] {
    border-color: #f0b7b7;
    background: #fff7f7;
}

.bundle-selected-list strong[b-l76rr2wa44],
.bundle-selected-list span[b-l76rr2wa44] {
    display: block;
}

.bundle-selected-list strong[b-l76rr2wa44] {
    color: #17243d;
    font-size: .8rem;
    line-height: 1.28;
}

.bundle-selected-list span[b-l76rr2wa44] {
    margin-top: .18rem;
    color: #697996;
    font-size: .72rem;
}

.bundle-course-toolbar[b-l76rr2wa44] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: .8rem;
    margin-bottom: .75rem;
}

.bundle-course-toolbar > div[b-l76rr2wa44] {
    flex: 1;
    min-width: 0;
}

.bundle-course-toolbar > span[b-l76rr2wa44] {
    color: #697996;
    font-size: .76rem;
    font-weight: 800;
    white-space: nowrap;
}

.bundle-course-search[b-l76rr2wa44] {
    width: 100%;
    max-width: none;
    margin-top: .35rem;
}

.bundle-course-table[b-l76rr2wa44] {
    max-height: 35rem;
    overflow: auto;
    border: 1px solid #e3eaf5;
    border-radius: 8px;
}

.bundle-course-table table[b-l76rr2wa44] {
    margin: 0;
}

.bundle-course-table thead th[b-l76rr2wa44] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f8fbff;
}

.bundle-course-table td:first-child[b-l76rr2wa44],
.bundle-course-table th:first-child[b-l76rr2wa44] {
    width: 2.5rem;
    text-align: center;
}

.bundle-course-table input[type="checkbox"][b-l76rr2wa44] {
    width: 1rem;
    height: 1rem;
    accent-color: #2f75d1;
}

.bundle-course-table tr.course-selected td[b-l76rr2wa44] {
    background: #f0f8ff;
}

.bundle-form-actions[b-l76rr2wa44] {
    margin-top: 1rem;
}

@media (max-width: 1250px) {
    .bundle-workspace[b-l76rr2wa44] {
        grid-template-columns: 1fr;
    }

    .bundle-library-panel[b-l76rr2wa44] {
        position: static;
    }
}

@media (max-width: 760px) {
    .bundles-page-actions[b-l76rr2wa44] {
        justify-content: flex-start;
    }

    .bundle-overview-strip[b-l76rr2wa44] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bundle-builder-header[b-l76rr2wa44],
    .bundle-course-toolbar[b-l76rr2wa44],
    .bundle-list-item[b-l76rr2wa44] {
        align-items: flex-start;
        flex-direction: column;
    }

    .bundle-list-meta[b-l76rr2wa44] {
        align-items: flex-start;
        width: 100%;
    }
}

@media (max-width: 520px) {
    .bundle-overview-strip[b-l76rr2wa44] {
        grid-template-columns: 1fr;
    }

    .bundle-builder-count[b-l76rr2wa44] {
        align-items: flex-start;
        width: 100%;
        padding: .7rem .8rem;
    }
}
/* /Pages/Training/ModuleEdit.razor.rz.scp.css */
.module-edit-shell[b-9aq0g9gj4u] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 410px);
    gap: 1rem;
    align-items: start;
}

.module-edit-main[b-9aq0g9gj4u],
.module-assistant-stack[b-9aq0g9gj4u] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.module-assistant-stack[b-9aq0g9gj4u] {
    position: sticky;
    top: 1rem;
}

.module-section[b-9aq0g9gj4u] {
    margin: 0;
}

.module-span-2[b-9aq0g9gj4u] {
    grid-column: 1 / -1;
}

.module-title-input[b-9aq0g9gj4u] {
    font-size: 1rem;
    font-weight: 700;
}

.module-form-gap[b-9aq0g9gj4u] {
    margin-top: 1rem;
}

.module-toggle-grid[b-9aq0g9gj4u] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: .75rem;
}

.module-toggle[b-9aq0g9gj4u] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    min-height: 4.4rem;
    padding: .85rem;
    border: 1px solid #dce4f1;
    border-radius: 8px;
    background: linear-gradient(180deg, #fbfdff 0%, #fff 75%);
    cursor: pointer;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.module-toggle:hover[b-9aq0g9gj4u] {
    border-color: #8fb0db;
    box-shadow: 0 .5rem 1rem rgba(31, 95, 191, .1);
    transform: translateY(-1px);
}

.module-toggle input[b-9aq0g9gj4u] {
    width: 1rem;
    height: 1rem;
    margin-top: .16rem;
    accent-color: #2f75d1;
}

.module-toggle strong[b-9aq0g9gj4u],
.module-toggle small[b-9aq0g9gj4u] {
    display: block;
}

.module-toggle strong[b-9aq0g9gj4u] {
    color: #17243d;
    font-size: .88rem;
}

.module-toggle small[b-9aq0g9gj4u] {
    margin-top: .18rem;
    color: #697996;
    font-size: .74rem;
    line-height: 1.3;
}

.module-action-bar[b-9aq0g9gj4u],
.module-ai-actions[b-9aq0g9gj4u] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.module-action-bar[b-9aq0g9gj4u] {
    padding-bottom: .25rem;
}

.module-ai-actions[b-9aq0g9gj4u] {
    margin-top: 1rem;
}

.module-readiness-panel[b-9aq0g9gj4u],
.module-ai-panel[b-9aq0g9gj4u],
.module-draft-preview[b-9aq0g9gj4u] {
    margin: 0;
}

.module-progress[b-9aq0g9gj4u] {
    height: .55rem;
    overflow: hidden;
    border-radius: 999px;
    background: #e9eff7;
}

.module-progress > div[b-9aq0g9gj4u] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #1f5fbf, #22a06b);
    transition: width .24s ease;
}

.module-check-list[b-9aq0g9gj4u] {
    display: grid;
    gap: .45rem;
    margin-top: .85rem;
}

.module-check[b-9aq0g9gj4u] {
    display: grid;
    grid-template-columns: 1.2rem minmax(0, 1fr);
    align-items: center;
    gap: .55rem;
    color: #697996;
    font-size: .82rem;
}

.module-check span[b-9aq0g9gj4u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.1rem;
    height: 1.1rem;
    border: 1px solid #dce4f1;
    border-radius: 999px;
    color: #fff;
    font-size: .68rem;
    font-weight: 800;
}

.module-check.done[b-9aq0g9gj4u] {
    color: #17243d;
}

.module-check.done span[b-9aq0g9gj4u] {
    border-color: #22a06b;
    background: #22a06b;
}

.module-draft-preview > p[b-9aq0g9gj4u] {
    margin: 0 0 .85rem;
    color: #3f4f68;
    font-size: .86rem;
    line-height: 1.55;
}

.module-draft-list[b-9aq0g9gj4u] {
    display: grid;
    gap: .65rem;
}

.module-draft-list > div[b-9aq0g9gj4u] {
    padding: .7rem .8rem;
    border: 1px solid #e3eaf5;
    border-radius: 8px;
    background: #f8fbff;
}

.module-draft-list strong[b-9aq0g9gj4u],
.module-draft-list span[b-9aq0g9gj4u] {
    display: block;
}

.module-draft-list strong[b-9aq0g9gj4u] {
    margin-bottom: .22rem;
    color: #17243d;
    font-size: .82rem;
}

.module-draft-list span[b-9aq0g9gj4u] {
    color: #5d6b82;
    font-size: .78rem;
    line-height: 1.45;
}

.module-draft-meta[b-9aq0g9gj4u] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .85rem;
}

.module-draft-meta span[b-9aq0g9gj4u] {
    padding: .2rem .55rem;
    border: 1px solid #dbe7f7;
    border-radius: 999px;
    background: #eef6ff;
    color: #1f5f99;
    font-size: .72rem;
    font-weight: 700;
}

@media (max-width: 1120px) {
    .module-edit-shell[b-9aq0g9gj4u] {
        grid-template-columns: 1fr;
    }

    .module-assistant-stack[b-9aq0g9gj4u] {
        position: static;
    }
}

@media (max-width: 720px) {
    .module-span-2[b-9aq0g9gj4u] {
        grid-column: auto;
    }

    .module-toggle-grid[b-9aq0g9gj4u] {
        grid-template-columns: 1fr;
    }
}
/* /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;
}

.completion-path-card[b-kny274zozc] {
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid #d9e2f1;
    border-left: 4px solid #214d9d;
    border-radius: 8px;
    background: #f8fbff;
}

.completion-path-header[b-kny274zozc],
.completion-heading[b-kny274zozc] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.completion-path-header h2[b-kny274zozc],
.completion-heading h3[b-kny274zozc] {
    margin: 0.1rem 0 0.25rem;
    color: #172033;
}

.completion-path-header p[b-kny274zozc] {
    margin: 0;
    color: #607196;
    font-size: 0.9rem;
}

.completion-path-kicker[b-kny274zozc] {
    color: #214d9d;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.completion-state[b-kny274zozc] {
    flex-shrink: 0;
    padding: 0.25rem 0.65rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 800;
}

.completion-state-ready[b-kny274zozc] {
    background: #e6f4ea;
    color: #1a7431;
}

.completion-state-needed[b-kny274zozc] {
    background: #fef7e0;
    color: #7a5a00;
}

.completion-ready-row[b-kny274zozc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    color: #24324e;
    font-size: 0.9rem;
}

.completion-action-list[b-kny274zozc] {
    display: grid;
    gap: 0.55rem;
}

.completion-action-list-compact[b-kny274zozc] {
    margin-bottom: 0.85rem;
}

.completion-action-item[b-kny274zozc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem;
    border: 1px solid #e2e8f3;
    border-radius: 8px;
    background: #ffffff;
}

.completion-action-item strong[b-kny274zozc] {
    display: block;
    color: #172033;
    font-size: 0.9rem;
}

.completion-action-item span[b-kny274zozc] {
    display: block;
    margin-top: 0.15rem;
    color: #607196;
    font-size: 0.82rem;
}

.completion-workflow[b-kny274zozc] {
    border-top-color: #d9e2f1;
    scroll-margin-top: 1rem;
}

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

.completion-detail-grid-tight[b-kny274zozc] {
    margin-top: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.completion-check[b-kny274zozc] {
    display: flex !important;
    align-items: center;
    gap: 0.45rem;
    min-height: 2.25rem;
    padding: 0.45rem 0.55rem;
    border: 1px solid #d9e2f1;
    border-radius: 8px;
    background: #ffffff;
    color: #24324e !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

.completion-check input[b-kny274zozc] {
    width: 1rem;
    height: 1rem;
}

.onbehalf-panel[b-kny274zozc] {
    margin-top: 0.85rem;
    padding: 0.85rem;
    border: 1px solid #d9e2f1;
    border-radius: 8px;
    background: #fbfcff;
}

.archive-panel[b-kny274zozc] {
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
    padding: 0.85rem;
    border: 1px solid #f1b8b8;
    border-left: 4px solid #b42318;
    border-radius: 8px;
    background: #fffafa;
}

.archive-panel p[b-kny274zozc] {
    margin: 0.2rem 0 0;
    color: #607196;
    font-size: 0.88rem;
}

.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-stat-strip[b-2du3qdgqux] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: 1rem;
}

.planner-stat[b-2du3qdgqux] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    min-width: 0;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    background: #fff;
    padding: .8rem .95rem;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}

.planner-stat:hover[b-2du3qdgqux],
.planner-stat:focus[b-2du3qdgqux] {
    border-color: #8fb0db;
    outline: none;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .09);
}

.planner-stat span[b-2du3qdgqux] {
    font-size: 1.35rem;
    line-height: 1;
    font-weight: 800;
    color: #172033;
}

.planner-stat small[b-2du3qdgqux] {
    font-size: .78rem;
    color: #607196;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.planner-stat-danger[b-2du3qdgqux] { border-left: 4px solid #dc2626; }
.planner-stat-warn[b-2du3qdgqux] { border-left: 4px solid #f59e0b; }
.planner-stat-ok[b-2du3qdgqux] { border-left: 4px solid #16a34a; }
.planner-stat-info[b-2du3qdgqux] { border-left: 4px solid #2563eb; }

.planner-shell[b-2du3qdgqux] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 1rem;
    align-items: start;
}

.planner-main[b-2du3qdgqux],
.planner-panel[b-2du3qdgqux] {
    background: #fff;
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    padding: 1rem;
}

.planner-toolbar[b-2du3qdgqux],
.planner-title-row[b-2du3qdgqux],
.planner-panel-heading[b-2du3qdgqux],
.planner-nav[b-2du3qdgqux],
.planner-toolbar-actions[b-2du3qdgqux],
.planner-chip-row[b-2du3qdgqux] {
    display: flex;
    gap: .5rem;
    align-items: center;
    flex-wrap: wrap;
}

.planner-toolbar[b-2du3qdgqux],
.planner-title-row[b-2du3qdgqux],
.planner-panel-heading[b-2du3qdgqux] {
    justify-content: space-between;
}

.planner-date-input[b-2du3qdgqux] {
    max-width: 160px;
}

.planner-view-select[b-2du3qdgqux] {
    max-width: 130px;
}

.planner-filter-grid[b-2du3qdgqux] {
    display: grid;
    grid-template-columns: minmax(220px, 1.4fr) repeat(4, minmax(140px, 1fr));
    margin-top: .85rem;
}

.planner-title-row h2[b-2du3qdgqux] {
    margin: .75rem 0;
    font-size: 1.2rem;
    color: #172033;
}

.planner-legend[b-2du3qdgqux] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    color: #42526e;
    font-size: .8rem;
}

.planner-legend i[b-2du3qdgqux] {
    display: inline-block;
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    margin-right: .28rem;
    vertical-align: -1px;
}

.legend-start[b-2du3qdgqux] { background: #2563eb; }
.legend-due[b-2du3qdgqux] { background: #f59e0b; }
.legend-review[b-2du3qdgqux] { background: #7c3aed; }
.legend-closed[b-2du3qdgqux] { background: #6b7280; }

.planner-calendar-grid[b-2du3qdgqux] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    border: 1px solid #d9dfeb;
    border-radius: 8px;
    overflow: hidden;
}

.planner-calendar-head[b-2du3qdgqux] {
    padding: .55rem;
    border-right: 1px solid #d9dfeb;
    background: #f6f8fb;
    color: #43516b;
    font-size: .78rem;
    font-weight: 800;
}

.planner-calendar-day[b-2du3qdgqux] {
    min-height: 146px;
    padding: .45rem;
    border-top: 1px solid #e6ebf3;
    border-right: 1px solid #e6ebf3;
    background: #fff;
    min-width: 0;
}

.planner-muted[b-2du3qdgqux] {
    background: #f8fafc;
    color: #7b879a;
}

.planner-today[b-2du3qdgqux] {
    box-shadow: inset 0 0 0 2px #214d9d;
}

.planner-day-top[b-2du3qdgqux] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .35rem;
    min-height: 1.25rem;
}

.planner-day-top span[b-2du3qdgqux] {
    font-size: .85rem;
    font-weight: 800;
}

.planner-day-top small[b-2du3qdgqux] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.35rem;
    height: 1.35rem;
    border-radius: 999px;
    background: #edf2f7;
    color: #42526e;
    font-size: .72rem;
    font-weight: 800;
}

.planner-day-items[b-2du3qdgqux] {
    display: grid;
    gap: .25rem;
    max-height: 116px;
    overflow: hidden;
}

.planner-day-expanded .planner-day-items[b-2du3qdgqux] {
    max-height: 220px;
    overflow-y: auto;
    padding-right: .1rem;
    scrollbar-width: thin;
}

.planner-event[b-2du3qdgqux] {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(48px, auto) minmax(0, 1fr);
    gap: .15rem .35rem;
    align-items: center;
    min-height: 36px;
    padding: .3rem .4rem;
    border: 1px solid #d9e2f1;
    border-left-width: 4px;
    border-radius: 6px;
    background: #f8fbff;
    color: #172033;
    text-align: left;
    cursor: pointer;
}

.planner-event:hover[b-2du3qdgqux],
.planner-event:focus[b-2du3qdgqux] {
    outline: none;
    border-color: #8fb0db;
    background: #eef5ff;
}

.planner-event strong[b-2du3qdgqux],
.planner-event span[b-2du3qdgqux],
.planner-event small[b-2du3qdgqux] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.planner-event strong[b-2du3qdgqux] {
    font-size: .74rem;
    color: #1e3a5f;
}

.planner-event span[b-2du3qdgqux] {
    font-size: .76rem;
}

.planner-event small[b-2du3qdgqux] {
    grid-column: 1 / -1;
    color: #607196;
    font-size: .7rem;
    font-weight: 700;
}

.event-start[b-2du3qdgqux] { border-left-color: #2563eb; }
.event-due[b-2du3qdgqux] { border-left-color: #f59e0b; background: #fffaf0; }
.event-review[b-2du3qdgqux] { border-left-color: #7c3aed; background: #faf5ff; }
.event-closed[b-2du3qdgqux] { border-left-color: #6b7280; background: #f3f4f6; color: #4b5563; }

.priority-critical[b-2du3qdgqux] { box-shadow: inset 0 0 0 1px rgba(220, 38, 38, .16); }
.priority-high[b-2du3qdgqux] { box-shadow: inset 0 0 0 1px rgba(245, 158, 11, .18); }
.priority-medium[b-2du3qdgqux] { box-shadow: inset 0 0 0 1px rgba(37, 99, 235, .1); }
.priority-low[b-2du3qdgqux] { box-shadow: inset 0 0 0 1px rgba(22, 163, 74, .12); }

.planner-more[b-2du3qdgqux] {
    border: 0;
    background: transparent;
    color: #214d9d;
    cursor: pointer;
    padding: .25rem 0 0;
    font-size: .78rem;
    font-weight: 800;
    text-align: left;
}

.planner-list[b-2du3qdgqux] {
    display: grid;
    gap: .4rem;
    margin-top: .75rem;
}

.planner-list-row[b-2du3qdgqux] {
    width: 100%;
    display: grid;
    grid-template-columns: 76px minmax(160px, 1.5fr) minmax(120px, 1fr) minmax(120px, 1fr) auto;
    gap: .75rem;
    align-items: center;
    border: 1px solid #e6ebf3;
    border-left-width: 4px;
    border-radius: 8px;
    background: #fff;
    padding: .65rem .75rem;
    text-align: left;
    color: #172033;
    cursor: pointer;
}

.planner-list-row:hover[b-2du3qdgqux],
.planner-list-row:focus[b-2du3qdgqux] {
    outline: none;
    background: #f8fbff;
    border-color: #8fb0db;
}

.planner-row-main[b-2du3qdgqux] {
    display: grid;
    gap: .1rem;
    min-width: 0;
}

.planner-row-main strong[b-2du3qdgqux],
.planner-row-main small[b-2du3qdgqux],
.planner-list-row > span[b-2du3qdgqux] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.planner-row-main small[b-2du3qdgqux] {
    color: #607196;
}

.planner-row-date[b-2du3qdgqux],
.planner-side-date[b-2du3qdgqux] {
    color: #214d9d;
    font-weight: 800;
}

.planner-side[b-2du3qdgqux] {
    display: grid;
    gap: 1rem;
}

.planner-panel h3[b-2du3qdgqux] {
    margin: 0;
    font-size: 1rem;
    color: #172033;
}

.planner-panel-heading small[b-2du3qdgqux],
.planner-eyebrow[b-2du3qdgqux] {
    color: #607196;
    font-size: .76rem;
    font-weight: 700;
}

.planner-selected-title[b-2du3qdgqux] {
    margin: .65rem 0;
    color: #172033;
    font-weight: 700;
    line-height: 1.35;
}

.planner-pill[b-2du3qdgqux] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .18rem .55rem;
    font-size: .74rem;
    font-weight: 800;
    white-space: nowrap;
}

.badge-open[b-2du3qdgqux] { background: #e8f0fe; color: #214d9d; }
.badge-active[b-2du3qdgqux] { background: #e6f4ea; color: #1a7431; }
.badge-hold[b-2du3qdgqux] { background: #fff7ed; color: #9a3412; }
.badge-review[b-2du3qdgqux] { background: #f3e8ff; color: #6d28d9; }
.badge-complete[b-2du3qdgqux] { background: #dcfce7; color: #166534; }
.badge-closed[b-2du3qdgqux] { background: #e5e7eb; color: #374151; }
.badge-danger[b-2du3qdgqux],
.badge-critical[b-2du3qdgqux] { background: #fce8e6; color: #b42318; }
.badge-high[b-2du3qdgqux] { background: #fff7ed; color: #c2410c; }
.badge-medium[b-2du3qdgqux] { background: #fef7e0; color: #7a5a00; }
.badge-low[b-2du3qdgqux] { background: #e6f4ea; color: #1a7431; }
.badge-neutral[b-2du3qdgqux] { background: #f3f4f6; color: #4b5563; }

.planner-detail-list[b-2du3qdgqux] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .65rem;
    margin: .85rem 0 1rem;
}

.planner-detail-list div[b-2du3qdgqux] {
    min-width: 0;
}

.planner-detail-list dt[b-2du3qdgqux] {
    color: #7b879a;
    font-size: .7rem;
    font-weight: 800;
    text-transform: uppercase;
}

.planner-detail-list dd[b-2du3qdgqux] {
    margin: .12rem 0 0;
    color: #172033;
    font-size: .86rem;
    overflow-wrap: anywhere;
}

.planner-side-row[b-2du3qdgqux] {
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .55rem;
    align-items: center;
    padding: .52rem 0;
    border: 0;
    border-bottom: 1px solid #edf1f7;
    background: transparent;
    color: #172033;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.planner-side-row:last-child[b-2du3qdgqux] {
    border-bottom: 0;
}

.planner-side-row:hover strong[b-2du3qdgqux],
.planner-side-row:focus strong[b-2du3qdgqux] {
    color: #214d9d;
}

.planner-side-row span:last-child[b-2du3qdgqux] {
    display: grid;
    gap: .1rem;
    min-width: 0;
}

.planner-side-row strong[b-2du3qdgqux],
.planner-side-row small[b-2du3qdgqux] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.planner-side-row small[b-2du3qdgqux] {
    color: #607196;
}

.planner-side-dot[b-2du3qdgqux] {
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    background: #9ca3af;
}

.planner-side-dot.priority-critical[b-2du3qdgqux] { background: #dc2626; }
.planner-side-dot.priority-high[b-2du3qdgqux] { background: #f59e0b; }
.planner-side-dot.priority-medium[b-2du3qdgqux] { background: #2563eb; }
.planner-side-dot.priority-low[b-2du3qdgqux] { background: #16a34a; }

.planner-site-event[b-2du3qdgqux] {
    cursor: default;
}

.planner-empty[b-2du3qdgqux] {
    margin: .35rem 0;
    color: #667085;
    font-size: .86rem;
}

@media (max-width: 1180px) {
    .planner-shell[b-2du3qdgqux] {
        grid-template-columns: 1fr;
    }

    .planner-filter-grid[b-2du3qdgqux] {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
    }
}

@media (max-width: 780px) {
    .planner-stat-strip[b-2du3qdgqux] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .planner-calendar-grid[b-2du3qdgqux] {
        grid-template-columns: 1fr;
    }

    .planner-calendar-head[b-2du3qdgqux] {
        display: none;
    }

    .planner-calendar-day[b-2du3qdgqux] {
        min-height: 110px;
    }

    .planner-list-row[b-2du3qdgqux] {
        grid-template-columns: 64px minmax(0, 1fr);
    }

    .planner-list-row > span:nth-child(3)[b-2du3qdgqux],
    .planner-list-row > span:nth-child(4)[b-2du3qdgqux],
    .planner-list-row > span:nth-child(5)[b-2du3qdgqux] {
        grid-column: 2;
    }

    .planner-filter-grid[b-2du3qdgqux],
    .planner-detail-list[b-2du3qdgqux] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .planner-stat-strip[b-2du3qdgqux] {
        grid-template-columns: 1fr;
    }

    .planner-toolbar[b-2du3qdgqux] {
        align-items: stretch;
    }

    .planner-nav[b-2du3qdgqux],
    .planner-toolbar-actions[b-2du3qdgqux] {
        width: 100%;
    }

    .planner-nav .pm-btn[b-2du3qdgqux],
    .planner-toolbar-actions .pm-btn[b-2du3qdgqux] {
        flex: 1;
    }
}
/* /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;
    }
}