/* /Components/AdaptiveChildTabStrip.razor.rz.scp.css */
.adaptive-child-tab-strip[b-86wgzlheea] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.adaptive-child-tab-strip__tabs[b-86wgzlheea] {
    flex: 1 1 auto;
    min-height: 0;
}

.adaptive-child-tab-strip__hidden-tab-trigger[b-86wgzlheea] {
    display: flex;
    align-items: center;
    height: 100%;
}

.adaptive-child-tab-strip__dropdown[b-86wgzlheea] {
    white-space: nowrap;
}

.adaptive-child-tab-strip__plus-trigger[b-86wgzlheea] {
    display: inline-block;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1;
    color: var(--kendo-color-primary, #0d6efd);
}

.adaptive-child-tab-strip__dropdown[b-86wgzlheea],
.adaptive-child-tab-strip__dropdown .k-button[b-86wgzlheea],
.adaptive-child-tab-strip__dropdown.k-button[b-86wgzlheea] {
    border: 1px solid transparent !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    min-width: auto !important;
}

.adaptive-child-tab-strip__tabs[b-86wgzlheea]  .k-tabstrip-items-wrapper .k-item:has(.adaptive-child-tab-strip__hidden-tab-trigger) {
    margin-left: auto;
    flex: 0 0 auto;
}

.adaptive-child-tab-strip__tabs[b-86wgzlheea]  .k-tabstrip-items-wrapper .k-item:has(.adaptive-child-tab-strip__hidden-tab-trigger) .k-link {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    min-width: auto;
}

.adaptive-child-tab-strip__menu-item[b-86wgzlheea] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-width: 10rem;
    width: 100%;
}

.adaptive-child-tab-strip__menu-badge[b-86wgzlheea] {
    background-color: #212529;
    color: #fff;
}
/* /Components/AiVisualizationRenderer.razor.rz.scp.css */
.ai-visualization-renderer[b-ig8vtllgjc] {
    height: 100%;
    min-height: 0;
}

[b-ig8vtllgjc] .ai-visualization-stack {
    height: 100%;
    min-height: 0;
}

.ai-visualization-renderer[b-ig8vtllgjc] {
    position: relative;
}

.ai-visualization-renderer.has-selection[b-ig8vtllgjc] {
    background: var(--kendo-color-primary-subtle, #e9f2ff);
    border-radius: var(--kendo-border-radius-md, .375rem);
}

.ai-visualization-selection[b-ig8vtllgjc] {
    position: absolute;
    z-index: 2;
    top: 2px;
    right: 4px;
    max-width: 55%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-ig8vtllgjc] .semantic-query-inline-chart {
    width: 100%;
    height: 100%;
    min-height: 0;
    border: 0;
    background: transparent;
}
/* /Components/AnnotationLayerTypedValueEditor.razor.rz.scp.css */
.annotation-value-input[b-6nsa8egn4n] {
    box-sizing: border-box;
    min-height: 2rem;
    width: 100%;
    border: 1px solid var(--aquip-border-color, #cbd5e1);
    border-radius: 4px;
    background: var(--aquip-surface, #fff);
    color: var(--aquip-text-color, #0f172a);
    padding: .3rem .45rem;
}

.annotation-value-textarea[b-6nsa8egn4n] {
    min-height: 3.5rem;
    resize: vertical;
}

.annotation-value-input:disabled[b-6nsa8egn4n] {
    border-color: transparent;
    background: transparent;
    opacity: 1;
}
/* /Components/AnnotationLayerTypeManager.razor.rz.scp.css */
.layer-type-manager[b-9ckcxu7vcu] {
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    min-height: 570px;
    max-height: 76vh;
    border: 1px solid var(--aquip-border-color, #d8dee8);
    border-radius: 6px;
    overflow: hidden;
}

.layer-type-list[b-9ckcxu7vcu] {
    overflow: auto;
    border-right: 1px solid var(--aquip-border-color, #d8dee8);
    background: var(--aquip-surface-subtle, #f8fafc);
}

.layer-type-list-header[b-9ckcxu7vcu],
.section-toolbar[b-9ckcxu7vcu],
.manager-actions[b-9ckcxu7vcu],
.access-add-row[b-9ckcxu7vcu] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.layer-type-list-header[b-9ckcxu7vcu],
.section-toolbar[b-9ckcxu7vcu] {
    justify-content: space-between;
    padding: .75rem;
}

.layer-type-list-item[b-9ckcxu7vcu] {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: .15rem;
    border: 0;
    border-bottom: 1px solid var(--aquip-border-color, #e2e8f0);
    background: transparent;
    color: inherit;
    padding: .7rem .8rem;
    text-align: left;
}

.layer-type-list-item:hover[b-9ckcxu7vcu],
.layer-type-list-item.active[b-9ckcxu7vcu] {
    background: color-mix(in srgb, var(--kendo-color-primary, #2563eb) 12%, transparent);
}

.layer-type-list-item small[b-9ckcxu7vcu],
.section-toolbar small[b-9ckcxu7vcu],
.definition-row small[b-9ckcxu7vcu],
.register-settings small[b-9ckcxu7vcu],
.muted-note[b-9ckcxu7vcu] {
    color: var(--aquip-text-muted, #64748b);
}

.layer-type-detail[b-9ckcxu7vcu] {
    min-width: 0;
    overflow: auto;
    background: var(--aquip-surface, #fff);
}

.layer-type-empty[b-9ckcxu7vcu],
.layer-type-placeholder[b-9ckcxu7vcu] {
    padding: 1rem;
}

.layer-type-tabs :deep(.k-tabstrip-content)[b-9ckcxu7vcu] {
    padding: 1rem;
}

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

.field[b-9ckcxu7vcu],
.dialog-form[b-9ckcxu7vcu] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.field.span-2[b-9ckcxu7vcu] {
    grid-column: span 2;
}

.check-field[b-9ckcxu7vcu],
.check-grid label[b-9ckcxu7vcu] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.check-grid[b-9ckcxu7vcu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: end;
}

.manager-actions[b-9ckcxu7vcu] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    margin-top: 1rem;
}

.definition-list[b-9ckcxu7vcu],
.column-group[b-9ckcxu7vcu],
.access-grid[b-9ckcxu7vcu] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

.definition-row[b-9ckcxu7vcu] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto 1fr auto auto;
    align-items: center;
    gap: .6rem;
    border: 1px solid var(--aquip-border-color, #d8dee8);
    border-radius: 5px;
    padding: .55rem .65rem;
}

.definition-row > div[b-9ckcxu7vcu] {
    display: flex;
    flex-direction: column;
}

.definition-row.archived[b-9ckcxu7vcu] {
    opacity: .68;
}

.column-group h4[b-9ckcxu7vcu] {
    margin: .8rem 0 .15rem;
    font-size: .95rem;
}

.type-pill[b-9ckcxu7vcu] {
    min-width: 5rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--kendo-color-primary, #2563eb) 12%, transparent);
    padding: .2rem .45rem;
    text-align: center;
    font-size: .75rem;
}

.access-explanation[b-9ckcxu7vcu],
.ai-geometry-note[b-9ckcxu7vcu] {
    border-left: 4px solid var(--kendo-color-primary, #2563eb);
    background: color-mix(in srgb, var(--kendo-color-primary, #2563eb) 8%, transparent);
    padding: .75rem;
}

.access-add-row[b-9ckcxu7vcu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 130px auto;
    margin-bottom: .75rem;
}

.access-grid-row[b-9ckcxu7vcu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 150px 42px;
    align-items: center;
    gap: .5rem;
    border-bottom: 1px solid var(--aquip-border-color, #d8dee8);
    padding: .45rem 0;
}

@media (max-width: 900px) {
    .layer-type-manager[b-9ckcxu7vcu] {
        grid-template-columns: 1fr;
        max-height: none;
    }

    .layer-type-list[b-9ckcxu7vcu] {
        max-height: 220px;
        border-right: 0;
        border-bottom: 1px solid var(--aquip-border-color, #d8dee8);
    }

    .layer-type-form[b-9ckcxu7vcu] {
        grid-template-columns: 1fr;
    }

    .field.span-2[b-9ckcxu7vcu] {
        grid-column: auto;
    }
}
/* /Components/AutomationScheduleEditor.razor.rz.scp.css */
.schedule-field[b-2s7b26y41i] {
    display: grid;
    gap: 0.4rem;
    margin-bottom: 1rem;
}

.schedule-field label[b-2s7b26y41i] {
    color: var(--kendo-color-subtle, #5f6b7a);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.schedule-field small[b-2s7b26y41i],
.schedule-callout span[b-2s7b26y41i] {
    color: var(--kendo-color-subtle, #667085);
    font-size: 0.78rem;
}

.schedule-time-input[b-2s7b26y41i] {
    box-sizing: border-box;
    width: 100%;
    min-height: 2.5rem;
    padding: 0.45rem 0.65rem;
    color: inherit;
    background: var(--kendo-color-surface, #fff);
    border: 1px solid var(--kendo-color-border, #d5d9e0);
    border-radius: 4px;
}

.schedule-callout[b-2s7b26y41i] {
    display: grid;
    gap: 0.65rem;
    margin-bottom: 1rem;
    padding: 0.85rem;
    background: var(--kendo-color-base-subtle, #f5f6f8);
    border-radius: 6px;
}
/* /Components/BackgroundTaskInAppNotification.razor.rz.scp.css */
.background-task-toast[b-lvzozsmvvw] {
    --task-accent: #107c10;
    --task-accent-soft: #e8f5e9;
    width: 380px;
    position: relative;
    display: flex;
    gap: 13px;
    overflow: hidden;
    padding: 17px 18px 15px;
    color: #242424;
    background: rgba(255, 255, 255, .98);
    border: 1px solid rgba(0, 0, 0, .12);
    border-left: 4px solid var(--task-accent);
    border-radius: 10px;
    box-shadow: 0 12px 36px rgba(0, 0, 0, .22);
    animation: background-task-toast-in-b-lvzozsmvvw .22s cubic-bezier(.2, .8, .2, 1);
}

.background-task-toast.failed[b-lvzozsmvvw] {
    --task-accent: #c50f1f;
    --task-accent-soft: #fde7e9;
}

.background-task-toast-icon[b-lvzozsmvvw] {
    width: 40px;
    height: 40px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--task-accent);
    background: var(--task-accent-soft);
    border-radius: 50%;
}

.background-task-toast-icon[b-lvzozsmvvw]  svg {
    width: 22px;
    height: 22px;
}

.background-task-toast-content[b-lvzozsmvvw] {
    min-width: 0;
    flex: 1;
}

.background-task-toast-meta[b-lvzozsmvvw] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding-right: 22px;
    color: var(--task-accent);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.background-task-toast-meta time[b-lvzozsmvvw] {
    flex: none;
    color: #6b6b6b;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

.background-task-toast-title[b-lvzozsmvvw] {
    margin-top: 3px;
    padding-right: 18px;
    font-size: .98rem;
    font-weight: 700;
    line-height: 1.35;
}

.background-task-toast-message[b-lvzozsmvvw] {
    display: -webkit-box;
    margin-top: 5px;
    overflow: hidden;
    color: #515151;
    font-size: .86rem;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.background-task-toast-close[b-lvzozsmvvw] {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #606060;
    background: transparent;
    border: 0;
    border-radius: 5px;
}

.background-task-toast-close:hover[b-lvzozsmvvw],
.background-task-toast-close:focus-visible[b-lvzozsmvvw] {
    color: #242424;
    background: #f0f0f0;
}

.background-task-toast-actions[b-lvzozsmvvw] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.background-task-toast-actions button[b-lvzozsmvvw] {
    min-height: 31px;
    padding: 5px 12px;
    font-size: .82rem;
    font-weight: 600;
    border-radius: 5px;
}

.background-task-toast-actions .primary[b-lvzozsmvvw] {
    color: #fff;
    background: var(--task-accent);
    border: 1px solid var(--task-accent);
}

.background-task-toast-actions .secondary[b-lvzozsmvvw] {
    color: #333;
    background: #fff;
    border: 1px solid #b9b9b9;
}

.background-task-toast-actions button:hover[b-lvzozsmvvw],
.background-task-toast-actions button:focus-visible[b-lvzozsmvvw] {
    filter: brightness(.94);
}

.background-task-toast-countdown[b-lvzozsmvvw] {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    background: var(--task-accent);
    transform-origin: left center;
    animation: background-task-toast-countdown-b-lvzozsmvvw var(--background-task-toast-duration) linear forwards;
}

.background-task-toast.paused .background-task-toast-countdown[b-lvzozsmvvw] {
    animation-play-state: paused;
}

@keyframes background-task-toast-in-b-lvzozsmvvw {
    from {
        opacity: 0;
        transform: translateY(-10px) scale(.98);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes background-task-toast-countdown-b-lvzozsmvvw {
    from { transform: scaleX(1); }
    to { transform: scaleX(0); }
}

@media (max-width: 600px) {
    .background-task-toast[b-lvzozsmvvw] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .background-task-toast[b-lvzozsmvvw] {
        animation: none;
    }
}
/* /Components/ChatAccessDeniedState.razor.rz.scp.css */
.chat-access-denied-state[b-lcrxzc8vgk] {
    flex: 1 1 auto;
    display: flex;
    min-height: 0;
    padding: 32px 24px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    color: var(--kendo-color-on-app-surface, #25324b);
}

.chat-access-denied-visual[b-lcrxzc8vgk] {
    display: flex;
    width: 112px;
    height: 112px;
    margin-bottom: 22px;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e7f0;
    border-radius: 50%;
    background:
        radial-gradient(circle at 35% 28%, #fff 0 10%, transparent 11%),
        linear-gradient(145deg, #f8faff, #eef2f8);
    box-shadow: 0 12px 30px rgb(31 42 68 / 10%);
}

.chat-access-denied-visual img[b-lcrxzc8vgk] {
    width: 72px;
    height: 72px;
    object-fit: contain;
}

.chat-access-denied-state h4[b-lcrxzc8vgk] {
    margin: 0 0 8px;
    font-size: 1.15rem;
    font-weight: 650;
}

.chat-access-denied-state p[b-lcrxzc8vgk] {
    max-width: 390px;
    margin: 0 0 20px;
    color: var(--kendo-color-subtle, #637083);
    font-size: .9rem;
    line-height: 1.55;
}

@media (max-width: 767.98px) {
    .chat-access-denied-state[b-lcrxzc8vgk] {
        padding: 28px 20px;
    }

    .chat-access-denied-visual[b-lcrxzc8vgk] {
        width: 96px;
        height: 96px;
        margin-bottom: 18px;
    }

    .chat-access-denied-visual img[b-lcrxzc8vgk] {
        width: 62px;
        height: 62px;
    }
}
/* /Components/ChatInAppNotification.razor.rz.scp.css */
.chat-toast[b-rc4xceby84]{width:360px;display:flex;gap:12px;padding:16px;background:#fff;border:1px solid #ddd;border-left:4px solid var(--kendo-color-primary,#0d6efd);border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,.2);position:relative;color:#242424;animation:chat-toast-in-b-rc4xceby84 .18s ease-out}.chat-toast-avatar[b-rc4xceby84]{width:42px;height:42px;border-radius:50%;background:var(--kendo-color-primary,#0d6efd);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex:none}.chat-toast-content[b-rc4xceby84]{min-width:0;flex:1}.chat-toast-heading[b-rc4xceby84]{display:flex;justify-content:space-between;gap:8px}.chat-toast-heading time[b-rc4xceby84],.chat-toast-conversation[b-rc4xceby84]{font-size:.78rem;color:#666}.chat-toast-preview[b-rc4xceby84]{margin:8px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chat-toast-close[b-rc4xceby84]{position:absolute;right:5px;top:1px;border:0;background:transparent;font-size:22px;color:#666}.chat-toast-heading[b-rc4xceby84]{padding-right:16px}.chat-toast-actions[b-rc4xceby84]{display:flex;gap:8px;margin-top:10px}.chat-toast-actions button[b-rc4xceby84]{border:0;border-radius:4px;background:var(--kendo-color-primary,#0d6efd);color:#fff;padding:6px 12px}.chat-toast-actions button.secondary[b-rc4xceby84]{background:transparent;color:#444;border:1px solid #bbb}.chat-toast-actions button:disabled[b-rc4xceby84]{opacity:.55}.chat-toast-reply[b-rc4xceby84]{width:100%;margin-top:10px;border:1px solid #777;border-radius:4px;padding:7px;resize:none}.chat-toast-error[b-rc4xceby84]{color:#b10e1e;font-size:.8rem;margin-top:4px}@keyframes chat-toast-in-b-rc4xceby84{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}
/* /Components/ChatModule.razor.rz.scp.css */
.chat-shell[b-xsqacy2ivl] {
    display: flex;
    height: 100%;
    width: 100%;
    background: var(--kendo-color-app-surface, var(--aquip-surface));
}

.chat-shell-focused[b-xsqacy2ivl] {
    min-width: 0;
}

[b-xsqacy2ivl] .chat-splitter {
    height: 100%;
    width: 100%;
}

[b-xsqacy2ivl] .chat-splitter .k-splitbar:focus,
[b-xsqacy2ivl] .chat-splitter .k-splitbar.k-focus {
    color: var(--kendo-color-on-primary, #fff);
    background-color: var(--kendo-color-primary, #0d6efd);
}

[b-xsqacy2ivl] .chat-sidebar {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--kendo-color-surface-alt, var(--aquip-surface-raised));
    overflow: hidden;
}

[b-xsqacy2ivl] .chat-sidebar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    flex: 0 0 68px;
    height: 68px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--kendo-color-border, var(--aquip-border));
    background: var(--kendo-color-app-surface, var(--aquip-surface));
}

[b-xsqacy2ivl] .chat-sidebar-header h3 {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

[b-xsqacy2ivl] .chat-sidebar-header-actions {
    display: flex;
    gap: 6px;
    align-items: center;
}

[b-xsqacy2ivl] .chat-search-wrap {
    flex: 0 0 auto;
    padding: 9px 10px 8px;
    background: var(--kendo-color-app-surface, var(--aquip-surface));
    border-bottom: 1px solid var(--kendo-color-border, var(--aquip-border));
}

[b-xsqacy2ivl] .chat-search-box {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 9px;
    border: 1px solid var(--kendo-color-border-alt, var(--aquip-border-strong));
    border-radius: 7px;
    background: var(--kendo-color-app-surface, var(--aquip-surface));
    color: var(--kendo-color-subtle, var(--aquip-text-muted));
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

[b-xsqacy2ivl] .chat-search-box:focus-within,
[b-xsqacy2ivl] .chat-search-box.active {
    border-color: var(--kendo-color-primary, #2563eb);
    background: var(--kendo-color-app-surface, var(--aquip-surface));
    box-shadow: 0 0 0 2px rgba(37, 99, 235, .13);
}

[b-xsqacy2ivl] .chat-search-box > .k-svg-icon {
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
}

[b-xsqacy2ivl] .chat-search-box input {
    min-width: 0;
    flex: 1 1 auto;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    font: inherit;
    font-size: .86rem;
}

[b-xsqacy2ivl] .chat-search-box input::-webkit-search-cancel-button { display: none; }

[b-xsqacy2ivl] .chat-search-clear {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: var(--kendo-color-subtle, var(--aquip-text-muted));
    cursor: pointer;
}

[b-xsqacy2ivl] .chat-search-clear:hover {
    background: var(--kendo-color-base-subtle-hover, var(--aquip-surface-raised));
    color: var(--kendo-color-base-on-subtle, var(--aquip-text));
}

[b-xsqacy2ivl] .chat-search-hint,
[b-xsqacy2ivl] .chat-search-error,
[b-xsqacy2ivl] .chat-search-limit {
    padding: 14px 16px;
    color: var(--kendo-color-subtle, var(--aquip-text-muted, #64748b));
    font-size: .78rem;
    line-height: 1.4;
}

[b-xsqacy2ivl] .chat-search-error { color: var(--kendo-color-error-on-surface, var(--kendo-color-error, #b42318)); }

[b-xsqacy2ivl] .chat-search-status,
[b-xsqacy2ivl] .chat-search-empty {
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 18px;
    color: var(--kendo-color-subtle, var(--aquip-text-muted, #64748b));
    font-size: .84rem;
    text-align: center;
}

[b-xsqacy2ivl] .chat-search-empty { flex-direction: column; }
[b-xsqacy2ivl] .chat-search-empty > .k-svg-icon { width: 25px; height: 25px; color: var(--kendo-color-subtle, var(--aquip-text-muted, #7c8da2)); }
[b-xsqacy2ivl] .chat-search-empty strong { color: var(--kendo-color-on-app-surface, var(--aquip-text, #334155)); }

[b-xsqacy2ivl] .chat-search-results-heading {
    position: sticky;
    top: -6px;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    padding: 9px 12px 7px;
    background: var(--kendo-color-surface-alt, var(--aquip-surface-raised, #f7f9fb));
    color: var(--kendo-color-subtle, var(--aquip-text-muted, #526173));
    font-size: .73rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .045em;
}

[b-xsqacy2ivl] .chat-search-results {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 0 6px;
}

[b-xsqacy2ivl] .chat-search-result {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 9px 10px 10px;
    border: 1px solid transparent;
    border-bottom-color: var(--kendo-color-border, var(--aquip-border, #e1e6ec));
    border-radius: 7px;
    background: transparent;
    color: var(--kendo-color-on-app-surface, var(--aquip-text, #172033));
    text-align: left;
    cursor: pointer;
}

[b-xsqacy2ivl] .chat-search-result:hover { background: var(--kendo-color-base-subtle-hover, var(--aquip-hover, #eaf1fc)); border-color: var(--kendo-color-border-alt, var(--aquip-border-strong, #c9d9f4)); }
[b-xsqacy2ivl] .chat-search-result:focus-visible { outline: 2px solid var(--kendo-color-primary, #4d8bff); outline-offset: -2px; }

[b-xsqacy2ivl] .chat-search-result-topline {
    min-width: 0;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
}

[b-xsqacy2ivl] .chat-search-result-topline strong {
    overflow: hidden;
    color: var(--kendo-color-on-app-surface, var(--aquip-text, #1e293b));
    font-size: .82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-xsqacy2ivl] .chat-search-result-topline time {
    flex: 0 0 auto;
    color: var(--kendo-color-subtle, var(--aquip-text-muted, #7b8797));
    font-size: .69rem;
}

[b-xsqacy2ivl] .chat-search-result-context {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--kendo-color-primary, #2563eb);
    font-size: .69rem;
    font-weight: 600;
}

[b-xsqacy2ivl] .chat-search-result-context .k-svg-icon { width: 12px; height: 12px; }
[b-xsqacy2ivl] .chat-search-result-sender { color: var(--kendo-color-on-app-surface, var(--aquip-text, #475569)); font-size: .73rem; font-weight: 600; }

[b-xsqacy2ivl] .chat-search-result-preview {
    display: -webkit-box;
    overflow: hidden;
    color: var(--kendo-color-subtle, var(--aquip-text-muted, #526173));
    font-size: .78rem;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

[b-xsqacy2ivl] .chat-search-result-highlight {
    padding: 0 .08em;
    border-radius: 2px;
    background: var(--kendo-color-secondary-subtle, #dee2e6);
    color: var(--kendo-color-secondary-on-subtle, #343a40);
    font-weight: 700;
}

[b-xsqacy2ivl] .chat-thread-list {
    flex: 1 1 auto;
    overflow: auto;
    padding: 6px 0;
}

[b-xsqacy2ivl] .chat-thread-group + .chat-thread-group {
    margin-top: 8px;
}

[b-xsqacy2ivl] .chat-thread-group-header {
    width: 100%;
    min-height: 34px;
    padding: 6px 12px;
    border: 0;
    background: transparent;
    color: var(--kendo-color-on-app-surface, var(--aquip-text, #334155));
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .015em;
    text-align: left;
    cursor: pointer;
}

[b-xsqacy2ivl] .chat-thread-group-header:hover {
    background: var(--kendo-color-base-subtle-hover, var(--aquip-hover, #e9eef5));
}

[b-xsqacy2ivl] .chat-thread-group-header .k-svg-icon {
    width: 14px;
    height: 14px;
}

[b-xsqacy2ivl] .chat-thread-group-count {
    color: var(--kendo-color-subtle, var(--aquip-text-muted, #64748b));
    font-weight: 500;
}

[b-xsqacy2ivl] .chat-thread-group-unread {
    margin-left: auto;
    min-width: 18px;
    padding: 1px 6px;
    border-radius: 999px;
    background: #d92d20;
    color: #fff;
    font-size: .7rem;
    text-align: center;
}

[b-xsqacy2ivl] .chat-thread-group-items {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 0 6px;
}

[b-xsqacy2ivl] .chat-muted {
    color: var(--kendo-color-subtle, var(--aquip-text-muted, #637083));
    font-size: .9rem;
    padding: 18px 16px;
    text-align: center;
}

[b-xsqacy2ivl] .chat-thread-item {
    width: 100%;
    /* Reserve a 1px border on all four sides so selecting an item never shifts
       layout; the bottom edge keeps the existing row divider colour. */
    border: 1px solid transparent;
    border-bottom-color: var(--kendo-color-border, var(--aquip-border, #e3e7ec));
    border-radius: 6px;
    background: transparent;
    color: var(--kendo-color-on-app-surface, var(--aquip-text, #172033));
    text-align: left;
    padding: 10px 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

[b-xsqacy2ivl] .chat-thread-item-main {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

[b-xsqacy2ivl] .chat-thread-favorite {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: var(--kendo-color-subtle, var(--aquip-text-muted, #91a0b2));
    opacity: 0;
    cursor: pointer;
}

[b-xsqacy2ivl] .chat-thread-item:hover .chat-thread-favorite,
[b-xsqacy2ivl] .chat-thread-favorite.active,
[b-xsqacy2ivl] .chat-thread-favorite:focus-visible {
    opacity: 1;
}

[b-xsqacy2ivl] .chat-thread-favorite:hover {
    background: var(--kendo-color-base-subtle-hover, var(--aquip-hover, #dbe8fb));
    color: var(--kendo-color-warning-on-surface, var(--kendo-color-warning, #e09b1a));
}

[b-xsqacy2ivl] .chat-thread-favorite.active {
    color: var(--kendo-color-warning-on-surface, var(--kendo-color-warning, #e09b1a));
}

[b-xsqacy2ivl] .chat-thread-favorite:focus-visible {
    outline: 2px solid var(--kendo-color-primary, #4d8bff);
    outline-offset: -2px;
}

[b-xsqacy2ivl] .chat-thread-favorite .k-svg-icon { width: 16px; height: 16px; }

/* Replace the large native outline on the inner button with a row-level focus
   indicator that stays inside the scrolling list. */
[b-xsqacy2ivl] .chat-thread-item-main:focus {
    outline: none;
}

[b-xsqacy2ivl] .chat-thread-item:hover {
    background: var(--kendo-color-base-hover, #eef1f5);
}

[b-xsqacy2ivl] .chat-thread-item.selected {
    background: var(--kendo-color-primary-subtle, #cfe2ff);
    /* Uniform border on all four sides, painted inside the element box, so the
       highlight is identical at every list position and cannot be clipped. */
    border-color: var(--kendo-color-primary-emphasis, rgba(13, 110, 253, 0.4));
}

/* Keyboard focus: an inset ring (box-shadow) is not clipped by overflow. */
[b-xsqacy2ivl] .chat-thread-item:has(.chat-thread-item-main:focus-visible) {
    box-shadow: inset 0 0 0 2px var(--kendo-color-primary, #0d6efd);
}

[b-xsqacy2ivl] .chat-thread-item-row {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
    min-width: 0;
}

[b-xsqacy2ivl] .chat-thread-item-content {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
}

[b-xsqacy2ivl] .chat-thread-item-body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

[b-xsqacy2ivl] .chat-thread-item-title {
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 7px;
    overflow: hidden;
    min-width: 0;
}

[b-xsqacy2ivl] .chat-thread-item-title-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    color: var(--kendo-color-on-app-surface, var(--aquip-text, #172033));
}

[b-xsqacy2ivl] .chat-thread-item-time {
    color: var(--kendo-color-subtle, var(--aquip-text-muted, #637083));
    flex: 0 0 auto;
    font-size: .72rem;
    font-weight: 400;
    white-space: nowrap;
}

[b-xsqacy2ivl] .chat-thread-item-preview {
    color: var(--kendo-color-subtle, var(--aquip-text-muted, #637083));
    font-size: .82rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-xsqacy2ivl] .chat-thread-item-context {
    color: var(--kendo-color-primary, #2563eb);
    font-size: .72rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-xsqacy2ivl] .chat-thread-item-badge {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 6px;
    border-radius: 999px;
    background: #d92d20;
    color: #fff;
    font-size: 11px;
    line-height: 18px;
    font-weight: 600;
    text-align: center;
}

.chat-main[b-xsqacy2ivl] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    flex: 1 1 auto;
    position: relative;
}

.chat-thread-loading[b-xsqacy2ivl] {
    position: absolute;
    top: 8px;
    left: 50%;
    z-index: 5;
    transform: translateX(-50%);
    padding: 5px 10px;
    border-radius: 999px;
    background: var(--kendo-color-surface-alt, #f2f2f2);
    box-shadow: 0 2px 8px rgb(0 0 0 / 12%);
    color: var(--kendo-color-subtle, #5f6368);
    font-size: 12px;
}

.chat-error[b-xsqacy2ivl] {
    margin: 12px;
    padding: 10px 12px;
    border-radius: 4px;
    background: #fff1f1;
    border: 1px solid #f0b8b8;
    color: #8f1f1f;
}

.chat-dialog-content[b-xsqacy2ivl] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.chat-dialog-label[b-xsqacy2ivl] {
    font-weight: 600;
    font-size: .85rem;
    margin-top: 4px;
}

.chat-dialog-hint[b-xsqacy2ivl] {
    color: #637083;
    font-size: .8rem;
}

[b-xsqacy2ivl] .chat-dialog-error {
    margin-top: 4px;
    padding: 8px 10px;
    border-radius: 4px;
    background: #fff1f1;
    border: 1px solid #f0b8b8;
    color: #8f1f1f;
    font-size: .85rem;
}

/* ------------------------------------------------------------------ */
/* Mobile single-pane navigation (<=768px). The desktop splitter shows */
/* a 280px conversation-list rail beside the thread; on a phone that    */
/* crams two panes into ~390px and pushes the thread half off-screen.   */
/* Collapse to one pane at a time: the list until you tap a chat, then  */
/* the thread (which carries its own back button). The splitter bar is  */
/* hidden and whichever pane is active fills the width. Above 768px      */
/* these rules are inert and the two-pane splitter is untouched.        */
/* ------------------------------------------------------------------ */
@media (max-width: 768px) {
    [b-xsqacy2ivl] .chat-splitter > .k-splitbar {
        display: none !important;
    }

    /* Active pane fills the viewport width. */
    .chat-shell-list-view[b-xsqacy2ivl]  .chat-splitter > .k-pane:first-child,
    .chat-shell-thread-view[b-xsqacy2ivl]  .chat-splitter > .k-pane:last-child {
        flex: 1 1 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }

    /* Inactive pane is removed from the flow. */
    .chat-shell-list-view[b-xsqacy2ivl]  .chat-splitter > .k-pane:last-child,
    .chat-shell-thread-view[b-xsqacy2ivl]  .chat-splitter > .k-pane:first-child {
        display: none !important;
    }

    /* Roomier tap targets on the conversation-list rows for touch. */
    [b-xsqacy2ivl] .chat-thread-item {
        padding: 12px 14px;
        gap: 5px;
    }

    [b-xsqacy2ivl] .chat-thread-item-preview {
        font-size: .84rem;
    }
}
/* /Components/ChatPresenceDot.razor.rz.scp.css */
/* Teams-style presence dot: a small filled circle whose colour encodes the status. A subtle ring
   lifts it off avatars/rows and keeps it visible on both light and coloured backgrounds. Colours
   map to the app's Kendo semantic palette (success/warning) with hex fallbacks, matching the rest
   of the chat UI which mixes --kendo-color-* vars with #4f52b2 accents. */
.chat-presence-dot[b-y7gxwzkdga] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex: 0 0 auto;
    box-shadow: 0 0 0 2px var(--kendo-color-surface, #ffffff);
    vertical-align: middle;
}

.chat-presence-dot-online[b-y7gxwzkdga] {
    background-color: var(--kendo-color-success, #37b400);
}

.chat-presence-dot-away[b-y7gxwzkdga] {
    /* Hollow amber ring, like Teams' "Away", to read differently from Online at a glance. */
    background-color: var(--kendo-color-warning, #ffc000);
}

.chat-presence-dot-offline[b-y7gxwzkdga] {
    background-color: transparent;
    box-shadow: inset 0 0 0 2px #9aa4b2, 0 0 0 2px var(--kendo-color-surface, #ffffff);
}

.chat-presence-label[b-y7gxwzkdga] {
    margin-left: 6px;
    font-size: 0.75rem;
    color: var(--kendo-color-subtle, #6b7280);
}
/* /Components/ChatThreadAvatar.razor.rz.scp.css */
.chat-thread-avatar[b-e5e250zzt7] {
    display: inline-flex;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
}

.chat-thread-avatar-small[b-e5e250zzt7] {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
}

.chat-thread-avatar img[b-e5e250zzt7],
.chat-thread-avatar svg[b-e5e250zzt7] {
    display: block;
    width: 100%;
    height: 100%;
}

.chat-group-avatar-background[b-e5e250zzt7] {
    fill: var(--kendo-color-primary, #6264A7);
}

.chat-group-avatar-secondary[b-e5e250zzt7] {
    fill: var(--kendo-color-primary-subtle, #D8D9F0);
}
/* /Components/ChatThreadPane.razor.rz.scp.css */
.chat-thread-pane[b-vjgtfg7l25] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    container-name: chat-thread-pane;
    container-type: inline-size;
    /* Allow the pane to shrink below its content's intrinsic width inside the
       splitter flex layout; without min-width:0 a wide child (message list,
       input toolbar) forces a horizontal scroll bar in the right panel. */
    min-width: 0;
}

.chat-thread-pane-header[b-vjgtfg7l25] {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    flex: 0 0 68px;
    height: 68px;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--kendo-color-border, var(--aquip-border));
    background: var(--kendo-color-app-surface, var(--aquip-surface));
}

.chat-thread-pane-header-actions[b-vjgtfg7l25] {
    display: flex;
    align-items: center;
    gap: 6px;
    /* Teams-style: title (+ pencil) and the Chat/Shared tabs sit on the left,
       the People/overflow actions are pushed to the far right of the header row. */
    margin-left: auto;
    flex: 0 0 auto;
}

.chat-thread-pane-header-actions[b-vjgtfg7l25]  .chat-thread-pane-people-button {
    min-width: 58px;
}

.chat-thread-pane-people-button-content[b-vjgtfg7l25] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
}

.chat-thread-pane-members-add-action[b-vjgtfg7l25] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin-top: 4px;
    padding-top: 10px;
    border-top: 1px solid var(--kendo-color-border, var(--aquip-border));
    color: var(--kendo-color-primary, #0d6efd);
    font-weight: 600;
}

/* The back-to-list affordance only exists in the single-pane mobile layout; on
   desktop both splitter panes are visible so it would be meaningless. Revealed in
   the <=768px media block at the foot of this file. ::deep because TelerikButton
   renders its <button> without this component's scope attribute. */
.chat-thread-pane-header[b-vjgtfg7l25]  .chat-thread-pane-back {
    display: none !important;
}

.chat-thread-pane-add-members[b-vjgtfg7l25] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.chat-thread-pane-add-members-label[b-vjgtfg7l25] {
    font-weight: 600;
    font-size: .85rem;
}

.chat-thread-pane-add-members-error[b-vjgtfg7l25] {
    margin-top: 4px;
    padding: 8px 10px;
    border-radius: 4px;
    background: #fff1f1;
    border: 1px solid #f0b8b8;
    color: #8f1f1f;
    font-size: .85rem;
}

.chat-thread-pane-titles[b-vjgtfg7l25] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.chat-thread-pane-titles h4[b-vjgtfg7l25] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-thread-pane-title[b-vjgtfg7l25] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.chat-thread-pane-title-text[b-vjgtfg7l25] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Members list row: dot + status label sit inline with the member's name. */
.chat-thread-pane-member-name[b-vjgtfg7l25] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.chat-thread-pane-subtitle[b-vjgtfg7l25] {
    color: var(--kendo-color-subtle, var(--aquip-text-muted));
    font-size: .8rem;
}

.chat-thread-pane-member-email[b-vjgtfg7l25] {
    color: var(--kendo-color-subtle, var(--aquip-text-muted));
    font-weight: normal;
}

.chat-thread-pane-body[b-vjgtfg7l25] {
    flex: 1 1 auto;
    min-height: 0;
    /* min-width:0 lets the flex child (the Telerik Chat) shrink to the pane; the
       Chat keeps its own vertical message scroll, so clipping only the horizontal
       axis here removes the stray right-panel horizontal scroll bar without
       affecting message scrolling. */
    min-width: 0;
    overflow-x: hidden;
    display: flex;
    position: relative;
}

.chat-empty-state[b-vjgtfg7l25] {
    margin: auto;
    padding: 24px;
    color: var(--kendo-color-subtle, var(--aquip-text-muted));
    text-align: center;
}

.chat-emoji-picker-btn[b-vjgtfg7l25] {
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.chat-emoji-picker-btn .k-svg-icon[b-vjgtfg7l25],
.chat-emoji-picker-btn .k-icon[b-vjgtfg7l25] {
    width: 20px;
    height: 20px;
}

.chat-voice-recorder-btn[b-vjgtfg7l25] {
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.chat-voice-recorder-btn .k-svg-icon[b-vjgtfg7l25],
.chat-voice-recorder-btn .k-icon[b-vjgtfg7l25] {
    width: 19px;
    height: 19px;
}

.chat-voice-recorder-btn-recording[b-vjgtfg7l25] {
    color: #d32f2f !important;
    background: rgba(211, 47, 47, .1) !important;
    animation: chat-voice-pulse-b-vjgtfg7l25 1.25s ease-in-out infinite;
}

.chat-voice-transcribing-dot[b-vjgtfg7l25] {
    width: 16px;
    height: 16px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: chat-voice-spin-b-vjgtfg7l25 .7s linear infinite;
}

.chat-voice-notice[b-vjgtfg7l25] {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 70px;
    z-index: 35;
    width: auto;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 9px 10px 9px 12px;
    border: 1px solid #ead9a6;
    border-radius: 8px;
    background: #fff8e1;
    box-shadow: 0 3px 14px rgba(68, 45, 0, .14);
    color: #6f4b00;
    font-size: .84rem;
    line-height: 1.35;
}

.chat-voice-notice-icon[b-vjgtfg7l25] {
    width: 18px;
    height: 18px;
    margin-top: 1px;
    flex: 0 0 auto;
}

.chat-voice-notice-text[b-vjgtfg7l25] {
    flex: 1 1 auto;
    min-width: 0;
}

.chat-voice-notice-dismiss[b-vjgtfg7l25] {
    width: 28px;
    height: 28px;
    margin: -5px -4px -5px 0;
    padding: 5px;
    flex: 0 0 auto;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: inherit;
    cursor: pointer;
}

.chat-voice-notice-dismiss:hover[b-vjgtfg7l25],
.chat-voice-notice-dismiss:focus-visible[b-vjgtfg7l25] {
    background: rgba(111, 75, 0, .1);
    outline: none;
}

.chat-voice-notice-dismiss svg[b-vjgtfg7l25] {
    width: 18px;
    height: 18px;
}

@keyframes chat-voice-pulse-b-vjgtfg7l25 {
    50% { box-shadow: 0 0 0 5px rgba(211, 47, 47, .12); }
}

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

@media (prefers-reduced-motion: reduce) {
    .chat-voice-recorder-btn-recording[b-vjgtfg7l25],
    .chat-voice-transcribing-dot[b-vjgtfg7l25] {
        animation: none;
    }
}

.emoji-picker-backdrop[b-vjgtfg7l25] {
    position: fixed;
    inset: 0;
    z-index: 99;
}

.emoji-picker-popup[b-vjgtfg7l25] {
    position: absolute;
    bottom: 52px;
    right: 44px;
    z-index: 100;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    padding: 10px;
    width: 280px;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.emoji-picker-popup button[b-vjgtfg7l25] {
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
    padding: 3px;
    border-radius: 4px;
    line-height: 1.2;
    transition: background 0.1s;
}

.emoji-picker-popup button:hover[b-vjgtfg7l25] {
    background: #f0f0f0;
}

.chat-thread-pane-no-messages[b-vjgtfg7l25] {
    padding: 24px;
    text-align: center;
    color: #637083;
}

.chat-thread-pane-message-text[b-vjgtfg7l25] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.chat-thread-pane-markdown[b-vjgtfg7l25] {
    overflow-wrap: anywhere;
    line-height: 1.45;
}

.chat-thread-pane-markdown[b-vjgtfg7l25]  > :first-child {
    margin-top: 0;
}

.chat-thread-pane-markdown[b-vjgtfg7l25]  > :last-child {
    margin-bottom: 0;
}

.chat-thread-pane-markdown[b-vjgtfg7l25]  table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    border-collapse: collapse;
}

.chat-thread-pane-markdown[b-vjgtfg7l25]  th,
.chat-thread-pane-markdown[b-vjgtfg7l25]  td {
    padding: 4px 7px;
    border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
    text-align: left;
}

.chat-thread-pane-markdown[b-vjgtfg7l25]  a {
    color: #3159a7;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.chat-thread-pane-rich-charts[b-vjgtfg7l25] {
    width: 100%;
    max-width: 100%;
    margin-top: 8px;
    overflow: hidden;
}

.chat-ai-tool-calls[b-vjgtfg7l25] {
    margin-top: 10px;
}

.chat-ai-tool-calls-heading[b-vjgtfg7l25] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 5px;
}

.chat-ai-tool-calls-title[b-vjgtfg7l25] {
    color: #607086;
    font-size: 0.72rem;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: 0.035em;
}

.chat-ai-tool-calls-summary[b-vjgtfg7l25] {
    color: #8491a2;
    font-size: 0.7rem;
}

.chat-ai-tool-call-groups[b-vjgtfg7l25] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
}

.chat-ai-tool-call[b-vjgtfg7l25] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border: 1px solid #cbd9e8;
    border-radius: 999px;
    background: #f3f7fb;
    color: #334b66;
    font-size: 0.75rem;
    line-height: 1.2;
    padding: 3px 8px;
}

.chat-ai-tool-call-count[b-vjgtfg7l25] {
    color: #60738a;
    font-weight: 700;
}

.chat-ai-tool-call-status[b-vjgtfg7l25] {
    margin-left: 1px;
    padding-left: 5px;
    border-left: 1px solid currentColor;
    font-weight: 650;
}

.chat-ai-tool-call.has-error[b-vjgtfg7l25] {
    border-color: #e3ca95;
    background: #fff9ec;
    color: #76520a;
}

.chat-ai-tool-call.is-error[b-vjgtfg7l25] {
    border-color: #e5b9bd;
    background: #fff4f5;
    color: #8f2631;
}

.chat-ai-tool-call-details[b-vjgtfg7l25] {
    margin-top: 6px;
    color: #66778c;
    font-size: 0.72rem;
}

.chat-ai-tool-call-details > summary[b-vjgtfg7l25] {
    width: fit-content;
    border-radius: 4px;
    cursor: pointer;
    list-style-position: inside;
    padding: 2px 3px;
}

.chat-ai-tool-call-details > summary:hover[b-vjgtfg7l25],
.chat-ai-tool-call-details > summary:focus-visible[b-vjgtfg7l25] {
    background: #edf3f9;
    color: #334b66;
}

.chat-ai-tool-call-list[b-vjgtfg7l25] {
    display: grid;
    gap: 3px;
    margin: 5px 0 0;
    padding-left: 22px;
}

.chat-ai-tool-call-list li[b-vjgtfg7l25] {
    padding-left: 2px;
}

.chat-ai-tool-call-list li[b-vjgtfg7l25]::marker {
    color: #9aa7b7;
}

.chat-ai-tool-call-list li.is-error[b-vjgtfg7l25],
.chat-ai-tool-call-list li.is-error[b-vjgtfg7l25]::marker {
    color: #8f2631;
}

.chat-ai-tool-call-detail-label[b-vjgtfg7l25] {
    color: #42566f;
    font-weight: 600;
}

.chat-ai-tool-call-list li.is-error .chat-ai-tool-call-detail-label[b-vjgtfg7l25] {
    color: #8f2631;
}

.chat-ai-tool-call-detail-meta[b-vjgtfg7l25] {
    margin-left: 5px;
    color: #7c8999;
}

.chat-ai-feedback[b-vjgtfg7l25] {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-top: 6px;
}

.chat-ai-feedback-button[b-vjgtfg7l25] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #718096;
    cursor: pointer;
    padding: 0;
    transition: background-color 120ms ease, color 120ms ease;
}

.chat-ai-feedback-button:hover[b-vjgtfg7l25] {
    background: #edf2f7;
    color: #334155;
}

.chat-ai-feedback-button.is-selected[b-vjgtfg7l25] {
    background: var(--kendo-color-primary-subtle, #cfe2ff);
    color: var(--kendo-color-primary, #0d6efd);
}

.chat-ai-feedback-button:focus-visible[b-vjgtfg7l25] {
    outline: 2px solid #2f6fed;
    outline-offset: 1px;
}

.chat-ai-feedback-button[b-vjgtfg7l25]  .k-svg-icon {
    width: 16px;
    height: 16px;
}

.chat-thread-pane-rich-charts-toolbar[b-vjgtfg7l25] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 4px;
    color: color-mix(in srgb, currentColor 72%, transparent);
    font-size: 0.75rem;
    font-weight: 600;
}

.chat-thread-pane-chart-window-content[b-vjgtfg7l25] {
    min-width: 0;
    padding: 16px;
}

.chat-thread-pane-rich-charts[b-vjgtfg7l25]  .semantic-query-inline-chart {
    width: 100%;
}

/* Telerik intentionally caps normal message groups at min(75%, 460px). Keep that
   compact chat treatment for ordinary messages, but let report-like AI content use
   the conversation pane more effectively. Target the group (where Telerik applies
   its cap) rather than fighting it with an ineffective inner-bubble override. */
[b-vjgtfg7l25] .k-message-group:has(.chat-thread-pane-markdown :is(h1, h2, h3, h4, table, pre)),
[b-vjgtfg7l25] .k-message-group:has(.chat-thread-pane-rich-charts),
[b-vjgtfg7l25] .k-message-group:has(.chat-ai-confirmation) {
    width: min(90%, 900px);
    max-width: min(90%, 900px);
}

[b-vjgtfg7l25] .k-message-group:has(.chat-thread-pane-markdown :is(h1, h2, h3, h4, table, pre)) .k-message,
[b-vjgtfg7l25] .k-message-group:has(.chat-thread-pane-markdown :is(h1, h2, h3, h4, table, pre)) .k-chat-bubble,
[b-vjgtfg7l25] .k-message-group:has(.chat-thread-pane-rich-charts) .k-message,
[b-vjgtfg7l25] .k-message-group:has(.chat-thread-pane-rich-charts) .k-chat-bubble,
[b-vjgtfg7l25] .k-message-group:has(.chat-ai-confirmation) .k-message,
[b-vjgtfg7l25] .k-message-group:has(.chat-ai-confirmation) .k-chat-bubble {
    width: 100% !important;
}

.chat-thread-pane-message-link[b-vjgtfg7l25] {
    color: #3159a7;
    text-decoration: underline;
    text-underline-offset: 2px;
}

[b-vjgtfg7l25] .k-message-group-sender .chat-thread-pane-message-link {
    color: inherit;
}

.chat-thread-pane-reference[b-vjgtfg7l25] {
    display: block;
    margin-bottom: 6px;
    padding: 6px 10px;
    /* Teams-style quoted-reply reference. The old rgba(0,0,0,.06) fill read as
       "transparent": barely a shade over the own-message blue bubble and effectively
       invisible on light receiver bubbles. Fill it from the active Telerik theme's
       surface token (so it tracks theme swaps) warmed with a faint app-accent tint, and
       keep the solid accent left bar so the block clearly reads as a quote. */
    border-left: 3px solid var(--kendo-color-primary, #4f52b2);
    border-radius: 4px;
    background: #eef0f6; /* fallback for engines without color-mix / CSS custom props */
    background: color-mix(in srgb, var(--kendo-color-primary, #4f52b2) 8%, var(--kendo-color-surface-alt, #f3f4f7));
    cursor: pointer;
    max-width: 100%;
}

.chat-thread-pane-reference-content[b-vjgtfg7l25] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

/* Telerik also draws a reference bar on the content pseudo-element. Our sent-message
   quote already owns the branded outer bar, so suppress the duplicate here only. The
   composer preview keeps Telerik's bar below. */
.chat-thread-pane-reference-content[b-vjgtfg7l25]::before {
    content: none !important;
    display: none !important;
}

.chat-thread-pane-reference-meta[b-vjgtfg7l25] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    min-width: 0;
}

.chat-thread-pane-reference-author[b-vjgtfg7l25] {
    font-size: .72rem;
    font-weight: 600;
    /* Replied-to author in the app accent, matching how Teams colours the reply
       reference name. Now that the quote has a light surface fill (see above) the
       accent reads clearly on both own and receiver bubbles. */
    color: var(--kendo-color-primary, #4f52b2);
}

.chat-thread-pane-reference-time[b-vjgtfg7l25] {
    color: var(--kendo-color-subtle, #637083);
    flex: 0 0 auto;
    font-size: .68rem;
    font-weight: 400;
    white-space: nowrap;
}

.chat-thread-pane-reference-text[b-vjgtfg7l25] {
    font-size: .8rem;
    /* Slightly muted quoted text against the filled surface, Teams-style. */
    color: var(--kendo-color-on-app-surface, #303a46);
    opacity: .78;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
}

/* Composer reply-preview (the "replying to X" quote shown above the input before you
   send). Telerik renders it as a .k-message-reference inside the input's
   .k-prompt-box-header, not our MessageContentTemplate, so it is only reachable via
   ::deep. Its theme default is
   background: color-mix(in srgb, var(--kendo-color-surface) 90%, transparent) + a blur,
   which is near-invisible against the white composer -> it looked transparent. Give it
   the same solid surface + app-accent bar as the in-bubble reference above. */
[b-vjgtfg7l25] .k-message-box-wrapper,
[b-vjgtfg7l25] .k-prompt-box {
    /* Telerik's .k-input is a flex item with an intrinsic width. A long, unbroken
       reply reference can therefore make the whole prompt box wider than the chat
       pane, leaving the textarea clipped off-screen. Keep every composer flex item
       shrinkable and bound to the available pane width. */
    min-width: 0;
    max-width: 100%;
}

[b-vjgtfg7l25] .k-prompt-box {
    width: 100%;
    box-sizing: border-box;
    /* The reply header and input content are siblings. Telerik leaves the prompt
       box in its default row direction, so a full-width reply preview squeezes
       the textarea down to almost nothing. Stack the header above the input row. */
    flex-direction: column;
}

[b-vjgtfg7l25] .k-prompt-box .k-message-reference {
    background-color: #eef0f6; /* fallback */
    background-color: color-mix(in srgb, var(--kendo-color-primary, #4f52b2) 8%, var(--kendo-color-surface-alt, #f3f4f7));
    backdrop-filter: none;
    border-radius: 4px;
    /* Teams-style fixed-width preview: fill the composer, never its content width. */
    width: 100%;
    max-width: 100%;
    /* Keep replying from taking over the composer. The reference is deliberately
       compact: one metadata line plus one truncated message line. */
    height: 40px;
    max-height: 40px;
    padding-block: 3px;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    flex: 0 1 auto;
    box-sizing: border-box;
}

[b-vjgtfg7l25] .k-prompt-box .k-prompt-box-header {
    width: 100%;
    max-width: 100%;
    max-height: 48px;
    box-sizing: border-box;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    flex: 0 0 auto;
}

[b-vjgtfg7l25] .k-prompt-box .k-message-reference-content {
    min-width: 0;
    max-width: 100%;
    max-height: 34px;
    padding-block: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* The built-in reference has generous desktop spacing intended for a message
   bubble. In the composer that spacing is wasted vertical real estate. */
[b-vjgtfg7l25] .k-prompt-box .k-message-reference-content > * {
    line-height: 1.15;
}

[b-vjgtfg7l25] .k-prompt-box .k-prompt-box-content,
[b-vjgtfg7l25] .k-prompt-box .k-prompt-box-textarea {
    min-width: 0;
    max-width: 100%;
}

[b-vjgtfg7l25] .k-prompt-box .k-prompt-box-content {
    width: 100%;
}

/* Telerik draws the quote's accent bar as a faint ::before; bolden it and paint it the
   app accent so the composer preview matches the in-bubble quote. */
[b-vjgtfg7l25] .k-prompt-box .k-message-reference .k-message-reference-content::before {
    width: 3px;
    background-color: var(--kendo-color-primary, #4f52b2) !important;
}

.chat-thread-pane-mention[b-vjgtfg7l25] {
    color: #4f52b2;
    font-weight: 600;
    background: rgba(79, 82, 178, .1);
    border-radius: 3px;
    padding: 0 2px;
}

[b-vjgtfg7l25] .k-message-group-sender .chat-thread-pane-mention {
    color: #fff;
    background: rgba(255, 255, 255, .22);
}

.chat-thread-pane-mention-popup[b-vjgtfg7l25] {
    position: absolute;
    bottom: 96px;
    left: 16px;
    width: 320px;
    max-height: 280px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #d7dce2;
    border-radius: 8px;
    box-shadow: 0 6px 24px rgba(0, 0, 0, .16);
    z-index: 30;
    display: flex;
    flex-direction: column;
}

.chat-thread-pane-mention-popup-header[b-vjgtfg7l25] {
    padding: 8px 12px;
    font-size: .75rem;
    font-weight: 600;
    color: #637083;
    text-transform: uppercase;
    letter-spacing: .03em;
    border-bottom: 1px solid #e3e7ec;
}

.chat-thread-pane-mention-popup-item[b-vjgtfg7l25] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    padding: 8px 12px;
    border: none;
    background: none;
    text-align: left;
    cursor: pointer;
}

.chat-thread-pane-mention-popup-item:hover[b-vjgtfg7l25],
.chat-thread-pane-mention-popup-item:focus-visible[b-vjgtfg7l25],
.chat-thread-pane-mention-popup-item-active[b-vjgtfg7l25] {
    background: #eef3fb;
}

.chat-thread-pane-mention-popup-item-active[b-vjgtfg7l25] {
    box-shadow: inset 2px 0 0 #2c6ecb;
}

.chat-thread-pane-mention-popup-name[b-vjgtfg7l25] {
    font-weight: 500;
}

.chat-thread-pane-mention-popup-email[b-vjgtfg7l25] {
    color: #637083;
    font-size: .75rem;
}

.chat-thread-pane-edited[b-vjgtfg7l25] {
    display: inline-block;
    margin-left: 6px;
    color: #637083;
    font-size: .72rem;
    font-style: italic;
}

/* Teams-style "This message was deleted" tombstone: the bubble stays but its content is a
   muted italic placeholder with a small trash glyph. */
/* Inherit the bubble's own text colour (white on the sender's blue bubble, dark on a receiver
   grey bubble) and mute it, so the placeholder stays legible on either bubble. */
.chat-thread-pane-tombstone[b-vjgtfg7l25] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: inherit;
    opacity: .78;
    font-style: italic;
    font-size: .82rem;
}

.chat-thread-pane-tombstone .k-svg-icon[b-vjgtfg7l25],
.chat-thread-pane-tombstone .k-icon[b-vjgtfg7l25] {
    color: inherit;
    width: 14px;
    height: 14px;
}

.chat-thread-pane-tombstone-text[b-vjgtfg7l25] {
    line-height: 1.2;
}

/* Sender-only Undo link tucked next to the placeholder; full-strength and underlined so it
   reads as an affordance on any bubble colour. */
.chat-thread-pane-undo[b-vjgtfg7l25] {
    margin-left: 4px;
    font-style: normal;
    font-size: .78rem;
    padding: 0 2px;
    min-height: auto;
    color: inherit !important;
    opacity: 1;
    text-decoration: underline;
}

/* Reply-quote reference pointing at a deleted message collapses to the same italic placeholder. */
.chat-thread-pane-reference-text-deleted[b-vjgtfg7l25] {
    font-style: italic;
    opacity: .7;
}

.chat-thread-pane-hover-actions[b-vjgtfg7l25] {
    position: absolute;
    top: -18px;
    right: 33px;
    display: flex;
    gap: 2px;
    padding: 2px;
    border-radius: 999px 0 0 999px;
    background: #fff;
    border: 1px solid #d7dce2;
    border-right: 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s ease;
    z-index: 6;
}

[b-vjgtfg7l25] .k-message:hover .chat-thread-pane-hover-actions,
[b-vjgtfg7l25] .k-chat-message:hover .chat-thread-pane-hover-actions,
.chat-thread-pane-hover-actions:hover[b-vjgtfg7l25] {
    opacity: 1;
    pointer-events: auto;
}

/* Flat TelerikButtons inherit currentColor (kendo default: .k-button-flat{color:inherit},
   with .k-svg-icon>svg{fill:currentColor}). Inside an own (blue) message bubble currentColor
   is #fff (.k-message-group-sender text is white), so the edit (Pencil) glyph rendered white
   on the white hover pill and looked blank. The delete action escapes this because its Error
   ThemeColor pins it red. Pin the edit glyph to the pane's neutral so it is visible on any
   bubble, sitting alongside the delete (red) and reply icons. */
[b-vjgtfg7l25] .chat-thread-pane-hover-actions .chat-thread-pane-action-edit .k-svg-icon,
[b-vjgtfg7l25] .chat-thread-pane-hover-actions .chat-thread-pane-action-edit .k-icon {
    color: #637083;
}

.chat-thread-pane-attachments[b-vjgtfg7l25] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}

.chat-thread-pane-attachment-image[b-vjgtfg7l25] {
    display: inline-block;
    line-height: 0;
    padding: 0;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #d7dce2;
    max-width: 280px;
    max-height: 240px;
    background: transparent;
    cursor: zoom-in;
}

.chat-thread-pane-attachment-image img[b-vjgtfg7l25] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.chat-image-lightbox[b-vjgtfg7l25] {
    position: fixed;
    inset: 0;
    z-index: 11000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(16, 24, 40, .88);
    backdrop-filter: blur(3px);
}

.chat-image-lightbox-content[b-vjgtfg7l25] {
    display: flex;
    flex-direction: column;
    width: min(94vw, 1400px);
    height: 94vh;
    overflow: hidden;
    border-radius: 8px;
    background: #111827;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .45);
}

.chat-image-lightbox-toolbar[b-vjgtfg7l25] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    gap: 18px;
    min-height: 46px;
    padding: 6px 10px 6px 14px;
    color: #fff;
}

.chat-image-lightbox-title[b-vjgtfg7l25] {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    line-height: 1.2;
}

.chat-image-lightbox-title > span[b-vjgtfg7l25] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-image-lightbox-title small[b-vjgtfg7l25] {
    color: rgba(255, 255, 255, .65);
    font-size: 11px;
}

.chat-image-lightbox-actions[b-vjgtfg7l25] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
    gap: 8px;
    flex: 0 1 auto;
    flex-wrap: wrap;
}

.chat-image-lightbox-actions a[b-vjgtfg7l25],
.chat-image-lightbox-actions button[b-vjgtfg7l25] {
    border: 0;
    border-radius: 4px;
    padding: 6px 10px;
    background: rgba(255, 255, 255, .12);
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
}

.chat-image-lightbox-actions button[b-vjgtfg7l25] {
    min-width: 34px;
    min-height: 34px;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

.chat-image-lightbox-actions a:hover[b-vjgtfg7l25],
.chat-image-lightbox-actions button:hover[b-vjgtfg7l25] {
    background: rgba(255, 255, 255, .22);
}

.chat-image-lightbox-actions button:disabled[b-vjgtfg7l25] {
    opacity: .35;
    cursor: default;
}

.chat-image-lightbox-zoom-controls[b-vjgtfg7l25] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px;
    border-radius: 6px;
    background: rgba(255, 255, 255, .08);
}

.chat-image-lightbox-zoom-status[b-vjgtfg7l25] {
    width: 48px;
    color: rgba(255, 255, 255, .8);
    font-size: 12px;
    text-align: center;
}

.chat-image-lightbox-actions .chat-image-lightbox-reset[b-vjgtfg7l25] {
    font-size: 12px;
}

.chat-image-lightbox-stage[b-vjgtfg7l25] {
    position: relative;
    min-height: 0;
    flex: 1 1 auto;
    overflow: hidden;
    background: #080b12;
    cursor: zoom-in;
    touch-action: none;
}

.chat-image-lightbox-stage.is-zoomed[b-vjgtfg7l25] {
    cursor: grab;
}

.chat-image-lightbox-stage.is-dragging[b-vjgtfg7l25] {
    cursor: grabbing;
}

.chat-image-lightbox-stage img[b-vjgtfg7l25] {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    max-width: none;
    max-height: none;
    transform: translate(-50%, -50%);
    transform-origin: center;
    user-select: none;
    -webkit-user-drag: none;
    will-change: transform;
}

.chat-image-lightbox-hint[b-vjgtfg7l25] {
    min-height: 28px;
    padding: 6px 12px;
    color: rgba(255, 255, 255, .58);
    background: #111827;
    font-size: 11px;
    text-align: center;
}

@media (max-width: 700px) {
    .chat-image-lightbox[b-vjgtfg7l25] {
        padding: 0;
    }

    .chat-image-lightbox-content[b-vjgtfg7l25] {
        width: 100vw;
        height: 100vh;
        border-radius: 0;
    }

    .chat-image-lightbox-toolbar[b-vjgtfg7l25] {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 6px;
        padding: 8px;
    }

    .chat-image-lightbox-title[b-vjgtfg7l25] {
        flex-basis: 100%;
    }

    .chat-image-lightbox-actions[b-vjgtfg7l25] {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }

    .chat-image-lightbox-actions a[b-vjgtfg7l25],
    .chat-image-lightbox-actions button[b-vjgtfg7l25] {
        min-height: 40px;
    }

    .chat-image-lightbox-hint[b-vjgtfg7l25] {
        min-height: 34px;
    }
}

.chat-thread-pane-attachment-file[b-vjgtfg7l25] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #d7dce2;
    border-radius: 6px;
    padding: 6px 10px;
    background: #fff;
    /* Sent bubbles use a white foreground. Do not inherit it into this white
       card or the filename and Telerik file icon disappear. */
    color: var(--kendo-color-on-app-surface, #212529);
    text-decoration: none;
    max-width: 320px;
}

.chat-thread-pane-attachment-file:hover[b-vjgtfg7l25] {
    background: #eef3fb;
}

.chat-thread-pane-attachment-filename[b-vjgtfg7l25] {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-thread-pane-attachment-size[b-vjgtfg7l25] {
    color: #637083;
    font-size: .75rem;
}

/* Telerik Chat 14 accepts ChatTextAreaTopAffixTemplate but drops it at runtime.
   The same content therefore travels through the rendered start-affix. Flatten
   that affix into the prompt-box flex layout and promote this host to a full-width
   first row, leaving the attachment button, textarea and actions on row two. */
[b-vjgtfg7l25] .k-prompt-box-content:has(> .k-prompt-box-affix > .chat-thread-pane-composer-affix) {
    /* Telerik switches multiline prompt content to flex-direction: column. Because
       this customized affix is flattened into the content container, that turns
       its 100% flex basis into height and scatters the composer actions vertically.
       Keep the customized layout row-based while still allowing its preview strip
       to wrap onto the full-width first row. */
    flex-flow: row wrap;
}

[b-vjgtfg7l25] .k-prompt-box-affix:has(> .chat-thread-pane-composer-affix) {
    display: contents;
}

.chat-thread-pane-composer-affix[b-vjgtfg7l25] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 54px;
    z-index: 5;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    pointer-events: auto;
}

.chat-thread-pane-composer-affix:empty[b-vjgtfg7l25] {
    display: none;
}

.chat-thread-pane-file-select-trigger[b-vjgtfg7l25] {
    flex: 0 0 auto;
}

[b-vjgtfg7l25] .chat-thread-pane-file-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

.chat-thread-pane-pending[b-vjgtfg7l25] {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-bottom: 1px solid #e3e7ec;
    background: #f7f9fb;
}

/* Paper-plane send button that pushes to the far end of the strip, so the
   attachment-only send affordance reads as the trailing action on the row. */
.chat-thread-pane-pending-send[b-vjgtfg7l25] {
    margin-left: auto;
    flex: 0 0 auto;
}

.chat-thread-pane-pending-item[b-vjgtfg7l25] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #d7dce2;
    border-radius: 999px;
    padding: 4px 8px 4px 10px;
    background: #fff;
    font-size: .85rem;
    max-width: 320px;
}

.chat-thread-pane-pending-name[b-vjgtfg7l25] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
}

.chat-thread-pane-pending-size[b-vjgtfg7l25] {
    color: #637083;
    font-size: .75rem;
}

.chat-thread-pane-pending-uploading[b-vjgtfg7l25] {
    color: #637083;
}

/* Ticks-only receipt (WhatsApp/Teams convention), rendered on the sender's own
   (blue) bubble: single tick = delivered/sent (muted light), double tick = seen
   (bright light-blue so it reads as "read" while staying visible on the blue bubble).
   The literal Sent/Seen wording is kept only as a hover title/aria-label. */
.chat-thread-pane-read-status[b-vjgtfg7l25] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 3px;
    color: rgba(255, 255, 255, .75);
    line-height: 1;
}

.chat-thread-pane-read-status-tick[b-vjgtfg7l25] {
    font-size: .85rem;
    letter-spacing: -2px;
}

.chat-thread-pane-read-status-seen[b-vjgtfg7l25] {
    color: #7fd4ff;
}

/* Optimistic-send status, right-aligned under an own bubble like the read receipt. */
.chat-thread-pane-send-status[b-vjgtfg7l25] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    margin-top: 3px;
    line-height: 1;
}

.chat-thread-pane-send-status-pending[b-vjgtfg7l25] {
    color: rgba(255, 255, 255, .6);
    font-size: .72rem;
    font-style: italic;
}

.chat-thread-pane-send-status-failed[b-vjgtfg7l25] {
    color: #ffb4ad;
    font-size: .72rem;
}

.chat-thread-pane-send-status-failed .chat-thread-pane-send-status-text[b-vjgtfg7l25] {
    font-weight: 600;
}

.chat-thread-pane-send-retry.chat-thread-pane-send-retry[b-vjgtfg7l25] {
    --kendo-color-base: transparent;
    color: #ffd7d2;
    padding: 0 4px;
    min-height: 0;
}

.chat-thread-pane-edit[b-vjgtfg7l25] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    /* Prefer a comfortable editor width but never exceed the bubble/pane, which
       would otherwise push a horizontal scroll bar in a narrow right panel. */
    width: 240px;
    max-width: 100%;
}

.chat-thread-pane-edit-actions[b-vjgtfg7l25] {
    display: flex;
    gap: 4px;
    justify-content: flex-end;
    align-items: center;
}

/* Teams-style icon-only edit buttons: green tick = save/confirm,
   red cross = cancel. Both are flat so they sit on the light edit box as
   coloured glyphs (no heavy fill); hover adds a subtle tinted wash. */
.chat-thread-pane-edit-actions[b-vjgtfg7l25]  .k-button {
    min-width: auto;
    padding-inline: 6px;
}

/* Red cross = cancel. */
.chat-thread-pane-edit-actions[b-vjgtfg7l25]  .k-button.chat-edit-cancel {
    color: var(--kendo-color-error, #d32f2f);
}

.chat-thread-pane-edit-actions[b-vjgtfg7l25]  .k-button.chat-edit-cancel:hover {
    color: var(--kendo-color-error-active, #b71c1c);
    background-color: var(--kendo-color-error-subtle, rgba(211, 47, 47, 0.12));
}

/* Green tick = save/confirm. */
.chat-thread-pane-edit-actions[b-vjgtfg7l25]  .k-button.chat-edit-save {
    color: var(--kendo-color-success, #2e7d32);
}

.chat-thread-pane-edit-actions[b-vjgtfg7l25]  .k-button.chat-edit-save:hover {
    color: var(--kendo-color-success-active, #1b5e20);
    background-color: var(--kendo-color-success-subtle, rgba(46, 125, 50, 0.12));
}

/* ------------------------------------------------------------------ */
/* Leave / remove members, system notices and archived read-only view */
/* ------------------------------------------------------------------ */

.chat-thread-pane-member-row[b-vjgtfg7l25] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-width: 220px;
}

.chat-thread-pane-member-info[b-vjgtfg7l25] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

.chat-thread-pane-member-tag[b-vjgtfg7l25] {
    font-size: .68rem;
    font-weight: 600;
    line-height: 1;
    padding: 2px 6px;
    border-radius: 999px;
    background: var(--kendo-color-base-subtle, var(--aquip-surface-raised));
    color: var(--kendo-color-base-on-subtle, var(--aquip-text));
    text-transform: uppercase;
    letter-spacing: .02em;
}

.chat-thread-pane-member-tag-ai[b-vjgtfg7l25] {
    background: var(--kendo-color-primary-subtle, var(--aquip-surface-raised));
    color: var(--kendo-color-primary-on-subtle, var(--aquip-text));
}

/* Small AI chip rendered at the top of every bot message bubble so AI-generated
   replies are unmistakable even without the robot avatar in view. */
.chat-thread-pane-ai-badge[b-vjgtfg7l25] {
    display: inline-block;
    align-self: flex-start;
    font-size: .62rem;
    font-weight: 700;
    line-height: 1;
    padding: 2px 6px;
    margin-bottom: 4px;
    border-radius: 999px;
    background: var(--kendo-color-primary-subtle, var(--aquip-surface-raised));
    color: var(--kendo-color-primary-on-subtle, var(--aquip-text));
    text-transform: uppercase;
    letter-spacing: .06em;
}

/* Teams-style typing presence: a quiet animated ellipsis instead of rendering the
   normal AI badge inside an otherwise empty message bubble. */
.chat-thread-pane-typing[b-vjgtfg7l25] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 42px;
    min-height: 20px;
    padding: 1px 2px;
}

.chat-thread-pane-typing-dot[b-vjgtfg7l25] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--kendo-color-primary, #3f6fc6);
    opacity: .35;
    animation: chat-thread-pane-typing-pulse-b-vjgtfg7l25 1.2s infinite ease-in-out;
}

.chat-thread-pane-typing-dot:nth-child(2)[b-vjgtfg7l25] {
    animation-delay: .16s;
}

.chat-thread-pane-typing-dot:nth-child(3)[b-vjgtfg7l25] {
    animation-delay: .32s;
}

/* AI work is more informative than ordinary human typing: show one temporary,
   plain-English phase while keeping the message visually quiet and compact. */
.chat-thread-pane-ai-progress[b-vjgtfg7l25] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 20px;
    padding: 1px 2px;
    color: var(--kendo-color-subtle, var(--aquip-text-muted));
    font-size: .8rem;
    line-height: 1.35;
}

.chat-thread-pane-ai-progress-indicator[b-vjgtfg7l25] {
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
    box-sizing: border-box;
    border: 2px solid color-mix(in srgb, var(--kendo-color-primary, #3f6fc6) 25%, transparent);
    border-top-color: var(--kendo-color-primary, #3f6fc6);
    border-radius: 50%;
    animation: chat-thread-pane-ai-progress-spin-b-vjgtfg7l25 .9s linear infinite;
}

.chat-thread-pane-visually-hidden[b-vjgtfg7l25] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@keyframes chat-thread-pane-typing-pulse-b-vjgtfg7l25 {
    0%, 60%, 100% {
        transform: translateY(0);
        opacity: .35;
    }
    30% {
        transform: translateY(-3px);
        opacity: 1;
    }
}

@keyframes chat-thread-pane-ai-progress-spin-b-vjgtfg7l25 {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .chat-thread-pane-typing-dot[b-vjgtfg7l25] {
        animation: none;
        opacity: .7;
    }

    .chat-thread-pane-ai-progress-indicator[b-vjgtfg7l25] {
        animation: none;
    }
}

.chat-thread-pane-member-remove[b-vjgtfg7l25] {
    flex: 0 0 auto;
}

.chat-thread-pane-readonly-banner[b-vjgtfg7l25] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: var(--kendo-color-base-subtle, var(--aquip-surface-raised));
    border-bottom: 1px solid var(--kendo-color-border, var(--aquip-border));
    color: var(--kendo-color-base-on-subtle, var(--aquip-text));
    font-size: .82rem;
}

/* Read-only history: keep the message list, drop the composer / input toolbar. */
.chat-thread-pane-body-readonly[b-vjgtfg7l25]  .k-message-box-wrapper,
.chat-thread-pane-body-readonly[b-vjgtfg7l25]  .k-message-box,
.chat-thread-pane-body-readonly[b-vjgtfg7l25]  .k-chat-message-box,
.chat-thread-pane-body-readonly[b-vjgtfg7l25]  .k-chat-toolbar {
    display: none !important;
}

/* System notice ("X left the chat" / "X removed Y" / "X added Y"): centered grey line,
   with the surrounding Telerik chat bubble/avatar/author chrome neutralised. */
.chat-thread-pane-system-notice[b-vjgtfg7l25] {
    text-align: center;
    color: var(--kendo-color-subtle, var(--aquip-text-muted));
    font-size: .78rem;
    font-style: italic;
    padding: 2px 0;
    width: 100%;
}

/* Force the whole message group centered and full-width, regardless of sender/receiver side. */
[b-vjgtfg7l25] .k-message-group:has(.chat-thread-pane-system-notice) {
    align-items: center !important;
    width: 100%;
    max-width: 100%;
}

[b-vjgtfg7l25] .k-message-group:has(.chat-thread-pane-system-notice) .k-message-group-content {
    align-items: center !important;
    width: 100%;
}

/* Strip the Telerik bubble chrome so the notice reads as a plain centered line.
   The align-self override wins over the sender/receiver side-pinning rules (added for the
   reply toolbar) so the notice sits centered, not left/right. */
[b-vjgtfg7l25] .k-message-group:has(.chat-thread-pane-system-notice) .k-message,
[b-vjgtfg7l25] .k-message-group:has(.chat-thread-pane-system-notice) .k-chat-bubble,
[b-vjgtfg7l25] .k-message-group:has(.chat-thread-pane-system-notice) .k-bubble,
[b-vjgtfg7l25] .k-message-group:has(.chat-thread-pane-system-notice) .k-bubble-content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 2px 0 !important;
}

[b-vjgtfg7l25] .k-message-group:has(.chat-thread-pane-system-notice) .k-message {
    align-self: center !important;
    align-items: center !important;
    width: 100% !important;
}

/* Hide the author name, timestamp, reply toolbar and avatar on system-notice groups. */
[b-vjgtfg7l25] .k-message-group:has(.chat-thread-pane-system-notice) .k-message-author,
[b-vjgtfg7l25] .k-message-group:has(.chat-thread-pane-system-notice) .k-message-info,
[b-vjgtfg7l25] .k-message-group:has(.chat-thread-pane-system-notice) .k-message-time,
[b-vjgtfg7l25] .k-message-group:has(.chat-thread-pane-system-notice) .k-chat-message-toolbar,
[b-vjgtfg7l25] .k-message-group:has(.chat-thread-pane-system-notice) .k-avatar {
    display: none !important;
}

.chat-thread-pane-confirm[b-vjgtfg7l25] {
    font-size: .9rem;
    line-height: 1.4;
}
[b-vjgtfg7l25] .k-message {
    position: relative;
    width: fit-content !important;
}

[b-vjgtfg7l25] .k-message-group-receiver .k-message {
    align-self: flex-start !important;
    align-items: flex-start !important;
}

[b-vjgtfg7l25] .k-message-group-sender .k-message {
    align-self: flex-end !important;
    align-items: flex-end !important;
}

[b-vjgtfg7l25] .k-message > .k-message-info {
    width: auto !important;
}

[b-vjgtfg7l25] .k-chat-message-toolbar {
    position: absolute;
    top: -18px;
    right: 4px;
    width: 30px;
    height: 32px;
    margin: 0;
    padding: 1px;
    border-radius: 0 999px 999px 0;
    background: #fff !important;
    border: 1px solid #d7dce2;
    border-left-color: #e3e7ec;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s ease;
    z-index: 6;
}

/* Match the adjacent reaction/edit pill. Telerik's flat reply button otherwise inherits
   the message bubble surface, which makes it the odd action out on sender messages. */
[b-vjgtfg7l25] .k-chat-message-toolbar .k-button {
    background-color: #fff !important;
    color: #637083 !important;
}

[b-vjgtfg7l25] .k-chat-message-toolbar .k-button:hover,
[b-vjgtfg7l25] .k-chat-message-toolbar .k-button:focus-visible {
    background-color: #eef3fb !important;
}

[b-vjgtfg7l25] .k-message:hover .k-chat-message-toolbar,
[b-vjgtfg7l25] .k-chat-message-toolbar:hover {
    opacity: 1;
    pointer-events: auto;
}

[b-vjgtfg7l25] .k-message-group-sender .k-chat-message-toolbar {
    right: 4px;
}
.chat-thread-pane-reaction-bar[b-vjgtfg7l25] {
    display: flex;
    align-items: center;
    gap: 1px;
}

.chat-thread-pane-reaction-bar:not(:last-child)[b-vjgtfg7l25] {
    margin-right: 3px;
    padding-right: 4px;
    border-right: 1px solid #e3e7ec;
}

.chat-thread-pane-reaction-choice[b-vjgtfg7l25] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: transparent;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
    transition: transform .1s ease, background-color .1s ease;
}

.chat-thread-pane-reaction-choice:hover[b-vjgtfg7l25],
.chat-thread-pane-reaction-choice:focus-visible[b-vjgtfg7l25] {
    background: #eef3fb;
    transform: scale(1.2);
    outline: none;
}

/* Reaction chips under the bubble: emoji + count, highlighted when the current user reacted.
   Hovering a chip surfaces the reactor names via the native title tooltip. */
.chat-thread-pane-reactions[b-vjgtfg7l25] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 6px;
}

.chat-thread-pane-reaction-chip[b-vjgtfg7l25] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 1px 8px 1px 6px;
    border: 1px solid #d7dce2;
    border-radius: 999px;
    background: #fff;
    color: #303a46;
    cursor: pointer;
    font-size: .78rem;
    line-height: 1.4;
    transition: background-color .1s ease, border-color .1s ease;
}

.chat-thread-pane-reaction-chip:hover[b-vjgtfg7l25] {
    background: #eef3fb;
}

.chat-thread-pane-reaction-chip.is-mine[b-vjgtfg7l25] {
    background: #e1efff;
    border-color: #7fb2f0;
    color: #14508c;
    font-weight: 600;
}

.chat-thread-pane-reaction-chip-emoji[b-vjgtfg7l25] {
    font-size: .9rem;
    line-height: 1;
}

.chat-thread-pane-reaction-chip-count[b-vjgtfg7l25] {
    font-variant-numeric: tabular-nums;
}

/* ================================================================== */
/* Mobile (<=768px): native-messaging tuning for a ~375-430px phone.  */
/* Only presentation - the desktop bubble/composer/header layout is    */
/* untouched above this breakpoint. Pairs with the single-pane nav in  */
/* ChatModule.razor.css and the full-screen sheet in ChatWindow.css.   */
/* ================================================================== */
@media (max-width: 768px) {
    /* Reveal the single-pane back affordance and tighten the header so the
       title + members + kebab all fit a phone width without truncating hard.
       ::deep + !important because it is a Telerik-rendered button and must beat
       .k-icon-button's default sizing. */
    .chat-thread-pane-header[b-vjgtfg7l25]  .chat-thread-pane-back {
        display: inline-flex !important;
        min-width: 40px !important;
        min-height: 40px !important;
        margin-left: -4px;
    }

    .chat-thread-pane-header[b-vjgtfg7l25] {
        gap: 8px;
        padding: 8px 10px;
    }

    .chat-thread-pane-titles h4[b-vjgtfg7l25] {
        font-size: .95rem;
    }

    .chat-thread-pane-header-actions[b-vjgtfg7l25] {
        gap: 2px;
    }

    /* Keep the segmented switcher compact on phones so title + switch + actions
       still fit one phone-width header row without wrapping. */
    .chat-thread-pane-header .chat-thread-pane-switch[b-vjgtfg7l25] {
        padding: 2px;
        gap: 1px;
    }

    .chat-thread-pane-header .chat-thread-pane-switch-button[b-vjgtfg7l25] {
        min-height: 30px;
        padding-inline: 8px;
    }

    /* Give the header kebab / members buttons a proper >=40px touch target. */
    .chat-thread-pane-header-actions[b-vjgtfg7l25]  .k-button {
        min-width: 40px !important;
        min-height: 40px !important;
    }

    /* Bubbles: leave an opposite-side gutter (native feel) instead of running
       edge-to-edge, and keep comfortable text size / padding on a phone. */
    [b-vjgtfg7l25] .k-message {
        max-width: 86% !important;
    }

    [b-vjgtfg7l25] .k-chat-bubble,
    [b-vjgtfg7l25] .k-bubble {
        font-size: .95rem;
        line-height: 1.35;
    }

    /* Give the message list breathing room from the screen edges. */
    [b-vjgtfg7l25] .k-message-list,
    [b-vjgtfg7l25] .k-chat-message-list {
        padding-inline: 8px;
        scroll-padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px));
    }

    /* Keep the final message fully scrollable above the touch composer. The Telerik
       prompt is one fixed-height row on phones; reserving the same height in the
       message content prevents long AI replies from ending underneath that row. */
    [b-vjgtfg7l25] .k-message-list-content {
        box-sizing: border-box;
        padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)) !important;
    }

    /* Composer: the Telerik Chat composer is a .k-prompt-box. A 16px input font
       stops iOS auto-zoom on focus; the attach / mic / send action buttons get a
       >=40px touch target (they ship at 23px, too small for a thumb). */
    [b-vjgtfg7l25] .k-prompt-box-textarea,
    [b-vjgtfg7l25] .k-prompt-box .k-input-inner {
        font-size: 16px !important;
    }

    [b-vjgtfg7l25] .k-prompt-box .k-button {
        min-width: 40px !important;
        min-height: 40px !important;
    }

    /* Inline image attachments should scale to the phone, not a fixed 280px. */
    .chat-thread-pane-attachment-image[b-vjgtfg7l25] {
        max-width: 68vw;
        max-height: 60vh;
    }

    .chat-thread-pane-attachment-file[b-vjgtfg7l25],
    .chat-thread-pane-pending-item[b-vjgtfg7l25] {
        max-width: 100%;
    }

    /* Mention popup: span the width with small side insets so it can't run
       off-screen on a narrow phone. */
    .chat-thread-pane-mention-popup[b-vjgtfg7l25] {
        left: 8px;
        right: 8px;
        width: auto;
    }

    /* Hover pills (reply / reactions / edit-delete): bigger emoji hit areas so
       that when the bar is shown it is comfortably tappable. The 5015 clamp keeps
       the pill on-screen; here we just enlarge the targets for touch. */
    .chat-thread-pane-reaction-choice[b-vjgtfg7l25] {
        width: 34px;
        height: 34px;
        font-size: 1.15rem;
    }

    .chat-thread-pane-hover-actions[b-vjgtfg7l25] {
        right: 41px;
    }

    [b-vjgtfg7l25] .k-chat-message-toolbar {
        width: 38px;
        height: 40px;
    }
}

/* ------------------------------------------------------------------ */
/* Header rename pencil + cursor-positioned rename popover             */
/* ------------------------------------------------------------------ */
.chat-thread-pane-rename-pencil[b-vjgtfg7l25] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    padding: 0;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #637083;
    cursor: pointer;
    opacity: .75;
    transition: background-color .12s ease, color .12s ease, opacity .12s ease;
}

.chat-thread-pane-rename-pencil:hover[b-vjgtfg7l25],
.chat-thread-pane-rename-pencil:focus-visible[b-vjgtfg7l25] {
    background: color-mix(in srgb, var(--kendo-color-primary, #4f52b2) 12%, #fff);
    color: var(--kendo-color-primary, #4f52b2);
    opacity: 1;
    outline: none;
}

/* Transparent full-screen dismiss catcher - keeps the popover non-modal (no dimming). */
.chat-rename-popover-catcher[b-vjgtfg7l25] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 1200;
}

.chat-rename-popover[b-vjgtfg7l25] {
    position: fixed;
    z-index: 1201;
    width: 320px;
    max-width: calc(100vw - 24px);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    background: #fff;
    border: 1px solid #d7dce2;
    border-radius: 10px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .18);
    /* Nudge in from the click point so the popover never opens flush under the cursor,
       and translate up/left near the viewport edges via max-inset guards below. */
    transform: translate(6px, 6px);
}

.chat-rename-popover-header[b-vjgtfg7l25] {
    font-size: .85rem;
    font-weight: 600;
    color: #303a46;
}

.chat-rename-popover-actions[b-vjgtfg7l25] {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
}

/* ------------------------------------------------------------------ */
/* Chat / Shared tab switcher                                         */
/* ------------------------------------------------------------------ */
/* A self-contained segmented control keeps both options the same height and avoids
   the thin, square default button-group treatment inherited from the Telerik theme. */
.chat-thread-pane-switch[b-vjgtfg7l25] {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    flex: 0 0 auto;
    align-self: center;
    padding: 3px;
    border: 1px solid #e1e5ea;
    border-radius: 10px;
    background: #f2f4f7;
}

.chat-thread-pane-switch-button[b-vjgtfg7l25] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 32px;
    padding: 6px 12px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #566273;
    font: inherit;
    font-size: .82rem;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.chat-thread-pane-switch-button:hover:not(.is-active)[b-vjgtfg7l25] {
    background: #e7ebf0;
    color: #263343;
}

.chat-thread-pane-switch-button:focus-visible[b-vjgtfg7l25] {
    outline: 2px solid color-mix(in srgb, var(--kendo-color-primary, #4f52b2) 55%, #fff);
    outline-offset: 2px;
}

.chat-thread-pane-switch-button.is-active[b-vjgtfg7l25] {
    background: var(--kendo-color-primary, #4f52b2);
    color: #fff;
    box-shadow: 0 1px 2px rgba(26, 35, 48, .18);
}

/* The count remains legible on both the neutral and selected segment. */
.chat-thread-pane-switch-badge[b-vjgtfg7l25] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    background: #dfe4eb;
    color: var(--kendo-color-primary, #4f52b2);
    font-size: .7rem;
    font-weight: 700;
    line-height: 1;
}

.chat-thread-pane-switch-button.is-active .chat-thread-pane-switch-badge[b-vjgtfg7l25] {
    background: rgba(255, 255, 255, .22);
    color: #fff;
}

/* ------------------------------------------------------------------ */
/* Shared (files) tab                                                 */
/* ------------------------------------------------------------------ */
.chat-thread-pane-shared[b-vjgtfg7l25] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow-y: auto;
    background: var(--kendo-color-surface-alt, #f7f8fa);
    padding: 12px;
}

.chat-thread-pane-shared-empty[b-vjgtfg7l25] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 48px 24px;
    text-align: center;
    color: #637083;
    font-size: .9rem;
}

.chat-thread-pane-shared-empty[b-vjgtfg7l25]  .k-svg-icon {
    width: 36px;
    height: 36px;
    color: #aab4c0;
}

.chat-thread-pane-shared-list[b-vjgtfg7l25] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.chat-thread-pane-shared-row[b-vjgtfg7l25] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 10px;
    background: #fff;
    border: 1px solid #e3e7ec;
    border-radius: 8px;
}

.chat-thread-pane-shared-row:hover[b-vjgtfg7l25] {
    border-color: color-mix(in srgb, var(--kendo-color-primary, #4f52b2) 40%, #e3e7ec);
}

.chat-thread-pane-shared-thumb[b-vjgtfg7l25] {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat-thread-pane-shared-thumb-btn[b-vjgtfg7l25] {
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid #e3e7ec;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    overflow: hidden;
}

.chat-thread-pane-shared-thumb-btn img[b-vjgtfg7l25] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.chat-thread-pane-shared-fileicon[b-vjgtfg7l25] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 6px;
    background: color-mix(in srgb, var(--kendo-color-primary, #4f52b2) 8%, #fff);
    color: var(--kendo-color-primary, #4f52b2);
}

.chat-thread-pane-shared-fileicon[b-vjgtfg7l25]  .k-svg-icon {
    width: 22px;
    height: 22px;
}

.chat-thread-pane-shared-meta[b-vjgtfg7l25] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.chat-thread-pane-shared-name[b-vjgtfg7l25] {
    font-weight: 600;
    font-size: .88rem;
    color: var(--kendo-color-on-app-surface, #303a46);
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-thread-pane-shared-name:hover[b-vjgtfg7l25] {
    text-decoration: underline;
    color: var(--kendo-color-primary, #4f52b2);
}

.chat-thread-pane-shared-sub[b-vjgtfg7l25] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    color: #637083;
    font-size: .76rem;
}

.chat-thread-pane-shared-sender[b-vjgtfg7l25] {
    font-weight: 500;
}

.chat-thread-pane-shared-ai[b-vjgtfg7l25] {
    display: inline-flex;
    align-items: center;
    padding: 0 5px;
    height: 15px;
    border-radius: 7px;
    background: color-mix(in srgb, var(--kendo-color-primary, #4f52b2) 16%, #fff);
    color: var(--kendo-color-primary, #4f52b2);
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .02em;
}

.chat-thread-pane-shared-dot[b-vjgtfg7l25] {
    color: #aab4c0;
}

.chat-thread-pane-shared-type[b-vjgtfg7l25] {
    flex: 0 0 auto;
    align-self: center;
    padding: 2px 8px;
    border-radius: 4px;
    background: var(--kendo-color-surface-alt, #eef1f5);
    color: #637083;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .03em;
}

.chat-thread-pane-shared-more[b-vjgtfg7l25] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    padding: 8px 10px;
    color: #637083;
    font-size: .78rem;
}

.chat-thread-pane-shared-more[b-vjgtfg7l25]  .k-svg-icon {
    flex: 0 0 auto;
    color: #aab4c0;
}
[b-vjgtfg7l25] .chat-search-target {
    animation: chat-search-target-pulse-b-vjgtfg7l25 2.5s ease-out;
    border-radius: 8px;
}

@keyframes chat-search-target-pulse-b-vjgtfg7l25 {
    0%, 28% { background: rgba(255, 207, 64, .42); box-shadow: 0 0 0 3px rgba(255, 193, 7, .38); }
    100% { background: transparent; box-shadow: 0 0 0 0 rgba(255, 193, 7, 0); }
}

.chat-ai-job[b-vjgtfg7l25] {
    margin-top: 9px;
    padding: 10px 11px;
    border: 1px solid color-mix(in srgb, var(--kendo-color-primary, #4f52b2) 28%, #dbe2ea);
    border-radius: 8px;
    background: color-mix(in srgb, var(--kendo-color-primary, #4f52b2) 5%, #fff);
    color: #263445;
    font-size: .79rem;
}

.chat-ai-job-warning[b-vjgtfg7l25] { border-color: #d59a22; background: #fff9e9; }
.chat-ai-job-failed[b-vjgtfg7l25] { border-color: #d65a64; background: #fff2f3; }
.chat-ai-job-ready[b-vjgtfg7l25] { border-color: #3b9a6a; background: #effaf4; }

.chat-ai-job-header[b-vjgtfg7l25] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.chat-ai-job-indicator[b-vjgtfg7l25] {
    display: inline-flex;
    width: 17px;
    height: 17px;
    align-items: center;
    justify-content: center;
    border: 2px solid currentColor;
    border-radius: 50%;
    color: var(--kendo-color-primary, #4f52b2);
    font-size: .68rem;
    font-weight: 800;
}

.chat-ai-job-indicator.is-running[b-vjgtfg7l25] {
    border-right-color: transparent;
    animation: chat-ai-job-spin-b-vjgtfg7l25 .8s linear infinite;
}

.chat-ai-job-warning .chat-ai-job-indicator[b-vjgtfg7l25] { color: #a46c00; }
.chat-ai-job-failed .chat-ai-job-indicator[b-vjgtfg7l25] { color: #b32636; }
.chat-ai-job-ready .chat-ai-job-indicator[b-vjgtfg7l25] { color: #197447; }
.chat-ai-job-percent[b-vjgtfg7l25] { margin-left: auto; color: #647286; font-variant-numeric: tabular-nums; }
.chat-ai-job-message[b-vjgtfg7l25] { margin-top: 7px; line-height: 1.35; }

.chat-ai-job-progress[b-vjgtfg7l25] {
    height: 4px;
    margin-top: 9px;
    overflow: hidden;
    border-radius: 2px;
    background: #dce3eb;
}

.chat-ai-job-progress > span[b-vjgtfg7l25] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--kendo-color-primary, #4f52b2);
    transition: width 220ms ease;
}

.chat-ai-job-action[b-vjgtfg7l25] {
    display: inline-block;
    margin-top: 8px;
    color: var(--kendo-color-primary, #4f52b2);
    font-weight: 650;
    text-decoration: none;
}

.chat-ai-job-action:hover[b-vjgtfg7l25] { text-decoration: underline; }

@keyframes chat-ai-job-spin-b-vjgtfg7l25 { to { transform: rotate(360deg); } }

.chat-ai-confirmation[b-vjgtfg7l25] {
    margin-top: 10px;
    padding: 11px 12px;
    border: 1px solid color-mix(in srgb, var(--kendo-color-primary, #4f52b2) 35%, #d5dce6);
    border-radius: 9px;
    background: color-mix(in srgb, var(--kendo-color-primary, #4f52b2) 6%, #fff);
    color: #263445;
    font-size: .8rem;
}

.chat-ai-confirmation-executing[b-vjgtfg7l25] {
    border-color: #7891bd;
    background: #f2f6fc;
}

.chat-ai-confirmation-completed[b-vjgtfg7l25] {
    border-color: #3b9a6a;
    background: #effaf4;
}

.chat-ai-confirmation-cancelled[b-vjgtfg7l25],
.chat-ai-confirmation-superseded[b-vjgtfg7l25],
.chat-ai-confirmation-expired[b-vjgtfg7l25] {
    border-color: #aab4c0;
    background: #f5f7f9;
}

.chat-ai-confirmation-failed[b-vjgtfg7l25] {
    border-color: #d65a64;
    background: #fff2f3;
}

.chat-ai-confirmation-header[b-vjgtfg7l25] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.chat-ai-confirmation-indicator[b-vjgtfg7l25] {
    display: inline-flex;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    align-items: center;
    justify-content: center;
    border: 1.5px solid currentColor;
    border-radius: 50%;
    color: var(--kendo-color-primary, #4f52b2);
    font-size: .7rem;
    font-weight: 800;
}

.chat-ai-confirmation-executing .chat-ai-confirmation-indicator[b-vjgtfg7l25] {
    border-right-color: transparent;
    animation: chat-ai-job-spin-b-vjgtfg7l25 .8s linear infinite;
}

.chat-ai-confirmation-completed .chat-ai-confirmation-indicator[b-vjgtfg7l25] { color: #197447; }
.chat-ai-confirmation-failed .chat-ai-confirmation-indicator[b-vjgtfg7l25] { color: #b32636; }
.chat-ai-confirmation-cancelled .chat-ai-confirmation-indicator[b-vjgtfg7l25],
.chat-ai-confirmation-superseded .chat-ai-confirmation-indicator[b-vjgtfg7l25],
.chat-ai-confirmation-expired .chat-ai-confirmation-indicator[b-vjgtfg7l25] { color: #687585; }

.chat-ai-confirmation-message[b-vjgtfg7l25] {
    margin-top: 7px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.chat-ai-confirmation-expiry[b-vjgtfg7l25] {
    display: block;
    margin-top: 5px;
    color: #667487;
    font-size: .72rem;
}

.chat-ai-confirmation-actions[b-vjgtfg7l25] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 10px;
}

.chat-thread-pane-ai-context[b-vjgtfg7l25] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    padding: 7px 10px;
    border-bottom: 1px solid #e3e7ec;
    background: #f7f8fc;
    color: #4b5665;
    font-size: .76rem;
}

.chat-thread-pane-ai-context-visual[b-vjgtfg7l25] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 6px;
}

.chat-thread-pane-ai-context-visual[b-vjgtfg7l25] {
    color: var(--kendo-color-primary, #4f52b2);
}

[b-vjgtfg7l25] .chat-ai-confirmation-actions .k-button {
    min-width: 88px;
}

/* The focused chat can live in a resizable side panel even when the browser
   viewport itself is wide. Compact the header based on the pane's available
   width so its controls never depend on the viewport media query to fit. */
@container chat-thread-pane (max-width: 460px) {
    .chat-thread-pane-header[b-vjgtfg7l25] {
        display: grid;
        grid-template-areas:
            "back titles actions"
            ". switch switch";
        grid-template-columns: auto minmax(0, 1fr) auto;
        grid-template-rows: auto auto;
        flex: 0 0 auto;
        height: auto;
        min-height: 104px;
        gap: 6px 8px;
        padding: 8px 10px;
    }

    .chat-thread-pane-header[b-vjgtfg7l25]  .chat-thread-pane-back {
        grid-area: back;
    }

    .chat-thread-pane-titles[b-vjgtfg7l25] {
        grid-area: titles;
        width: 100%;
    }

    .chat-thread-pane-switch[b-vjgtfg7l25] {
        grid-area: switch;
        justify-self: start;
    }

    .chat-thread-pane-header-actions[b-vjgtfg7l25] {
        grid-area: actions;
        margin-left: 0;
    }
}
.chat-ai-ui-actions[b-vjgtfg7l25] {
    display: grid;
    gap: .55rem;
    margin-top: .65rem;
}

.chat-ai-ui-action-card[b-vjgtfg7l25] {
    border: 1px solid color-mix(in srgb, var(--kendo-color-border, #d7dce1) 85%, transparent);
    border-radius: .65rem;
    background: color-mix(in srgb, var(--kendo-color-surface, #fff) 96%, var(--kendo-color-primary, #126bcb));
    padding: .7rem;
}

.chat-ai-ui-action-heading[b-vjgtfg7l25] {
    display: flex;
    gap: .55rem;
    align-items: flex-start;
}

.chat-ai-ui-action-icon[b-vjgtfg7l25] {
    display: inline-grid;
    width: 1.55rem;
    height: 1.55rem;
    place-items: center;
    border-radius: .4rem;
    background: color-mix(in srgb, var(--kendo-color-primary, #126bcb) 13%, transparent);
    color: var(--kendo-color-primary, #126bcb);
    flex: 0 0 auto;
}

.chat-ai-ui-action-status[b-vjgtfg7l25],
.chat-ai-ui-action-inactive[b-vjgtfg7l25] {
    color: var(--kendo-color-subtle, #66717d);
    font-size: .78rem;
    line-height: 1.35;
}

.chat-ai-ui-action-details[b-vjgtfg7l25] {
    margin: .55rem 0 0 2.1rem;
    padding-left: 1rem;
    font-size: .8rem;
}

.chat-ai-ui-action-actions[b-vjgtfg7l25] {
    display: flex;
    gap: .55rem;
    align-items: center;
    flex-wrap: wrap;
    margin-top: .65rem;
}
/* /Components/ChatUserPickerItem.razor.rz.scp.css */
.chat-user-picker-item[b-07eyd1bhcj] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.25;
}

.chat-user-picker-name-row[b-07eyd1bhcj] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.chat-user-picker-name[b-07eyd1bhcj] {
    overflow: hidden;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-user-picker-email[b-07eyd1bhcj],
.chat-user-picker-company[b-07eyd1bhcj] {
    overflow: hidden;
    color: var(--kendo-color-subtle, #637083);
    font-size: .78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/ChatWindow.razor.rz.scp.css */
[b-bvf6z9gv5j] .chat-window .k-window-content {
    padding: 0;
}

.chat-window-title[b-bvf6z9gv5j] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.chat-window-title-badge[b-bvf6z9gv5j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 6px;
    border-radius: 999px;
    background: #d92d20;
    color: #fff;
    font-size: 11px;
    line-height: 18px;
    font-weight: 600;
}

/* NOTE: the mobile full-screen docking of the floating chat window lives in the
   global css/custom.css (the ".k-window.chat-window" media block), not here.
   Telerik portals the .k-window element to <body>, outside this component's DOM
   scope, so Blazor scoped ::deep rules cannot reach it. */
/* /Components/ColumnHeaderHelp.razor.rz.scp.css */
.column-header-help[b-isyjj3wv8o] {
    display: inline-flex;
    align-items: center;
    margin-left: 0.35rem;
    vertical-align: middle;
}

.column-header-help-trigger[b-isyjj3wv8o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    padding: 0;
    color: #2563eb;
    background: linear-gradient(145deg, #eff6ff, #dbeafe);
    border: 1px solid #93c5fd;
    border-radius: 999px;
    box-shadow: 0 1px 2px rgb(37 99 235 / 14%);
    cursor: help;
    transition: color 120ms ease, background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

.column-header-help-trigger:hover[b-isyjj3wv8o],
.column-header-help-trigger:focus-visible[b-isyjj3wv8o] {
    color: #ffffff;
    background: #2563eb;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgb(37 99 235 / 18%);
    outline: none;
    transform: translateY(-1px);
}

.column-header-help-trigger[b-isyjj3wv8o]  svg {
    width: 0.8rem;
    height: 0.8rem;
}

.column-header-help-card[b-isyjj3wv8o] {
    padding: 0.25rem 0.15rem;
    color: #172033;
    text-align: left;
}

.column-header-help-kicker[b-isyjj3wv8o] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.3;
    text-transform: uppercase;
}

.column-header-help-kicker[b-isyjj3wv8o]  svg {
    width: 0.85rem;
    height: 0.85rem;
}

.column-header-help-summary[b-isyjj3wv8o] {
    margin-top: 0.3rem;
    color: #64748b;
    font-size: 0.78rem;
    line-height: 1.45;
}

.column-header-help-list[b-isyjj3wv8o] {
    display: grid;
    gap: 0.25rem;
    margin-top: 0.7rem;
}

.column-header-help-item[b-isyjj3wv8o] {
    display: grid;
    grid-template-columns: 0.75rem minmax(0, 1fr);
    gap: 0.55rem;
    align-items: start;
    padding: 0.42rem 0.5rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.45rem;
}

.column-header-help-item-badge[b-isyjj3wv8o] {
    grid-template-columns: max-content minmax(0, 1fr);
}

.column-header-help-item-badge > .badge[b-isyjj3wv8o] {
    margin-top: 0.1rem;
}

.column-header-help-swatch[b-isyjj3wv8o] {
    width: 0.65rem;
    height: 0.65rem;
    margin-top: 0.18rem;
    border: 2px solid rgb(255 255 255 / 90%);
    border-radius: 999px;
    box-shadow: 0 0 0 1px rgb(15 23 42 / 12%);
}

.column-header-help-item[b-isyjj3wv8o]  .column-header-help-check {
    width: 0.75rem;
    height: 0.75rem;
    margin-top: 0.13rem;
    color: #2563eb;
}

.column-header-help-copy[b-isyjj3wv8o] {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.3rem;
    color: #475569;
    font-size: 0.76rem;
    line-height: 1.4;
}

.column-header-help-copy strong[b-isyjj3wv8o] {
    color: #1e293b;
    font-weight: 700;
}

.column-header-help-footer[b-isyjj3wv8o] {
    margin-top: 0.65rem;
    padding-top: 0.55rem;
    color: #64748b;
    font-size: 0.72rem;
    line-height: 1.4;
    border-top: 1px solid #e2e8f0;
}
/* /Components/CreateTagDialogComponent.razor.rz.scp.css */
.create-tag-dialog[b-2apmb9rho5] {
    width: 100%;
    color: var(--kendo-color-on-app-surface, #172033);
}

.create-tag-intro[b-2apmb9rho5] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: -1px -1px 0;
    padding: 14px 18px;
    background: linear-gradient(135deg, #eff6ff, #f8fafc 72%);
    border-bottom: 1px solid #dbe3ec;
}

.create-tag-mark[b-2apmb9rho5] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    color: #1d4ed8;
    background: #fff;
    border: 1px solid #bfdbfe;
    border-radius: 11px;
    box-shadow: 0 3px 10px rgb(37 99 235 / 10%);
}

.create-tag-intro > span:last-child[b-2apmb9rho5] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.create-tag-intro small[b-2apmb9rho5] {
    color: #64748b;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .09em;
}

.create-tag-intro strong[b-2apmb9rho5] {
    overflow: hidden;
    color: #1d4ed8;
    font-size: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.create-tag-intro em[b-2apmb9rho5] {
    margin-top: 2px;
    color: #526071;
    font-size: 10px;
    font-style: normal;
}

.create-tag-form[b-2apmb9rho5] {
    padding: 17px 18px 16px;
}

.form-group[b-2apmb9rho5] {
    min-width: 0;
    margin-bottom: 14px;
}

.form-label-row[b-2apmb9rho5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
}

.form-label[b-2apmb9rho5] {
    display: block;
    margin: 0 0 6px;
    color: #334155;
    font-size: 11px;
    font-weight: 700;
}

.form-label-row .form-label[b-2apmb9rho5] {
    margin: 0;
}

.lookup-grid[b-2apmb9rho5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 12px;
}

.lookup-grid .form-group:first-child[b-2apmb9rho5] {
    grid-column: 1 / -1;
}

.lookup-option[b-2apmb9rho5] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 2px 0;
}

.lookup-option strong[b-2apmb9rho5] {
    color: #1e293b;
    font-size: 11px;
}

.lookup-option span[b-2apmb9rho5] {
    overflow: hidden;
    color: #64748b;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ai-suggestion-status[b-2apmb9rho5],
.create-tag-note[b-2apmb9rho5] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #1e40af;
    font-size: 9px;
    line-height: 1.4;
}

.ai-suggestion-status[b-2apmb9rho5] {
    min-height: 22px;
    margin-top: 5px;
}

.ai-suggestion-status.error[b-2apmb9rho5],
.validation-message[b-2apmb9rho5] {
    color: #b91c1c;
}

.validation-message[b-2apmb9rho5] {
    margin-top: 4px;
    font-size: 9px;
}

.create-tag-note[b-2apmb9rho5] {
    align-items: flex-start;
    padding: 8px 9px;
    color: #475569;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

.create-tag-note[b-2apmb9rho5]  svg {
    flex: 0 0 auto;
    margin-top: 1px;
    color: #2563eb;
}

.button-container[b-2apmb9rho5] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 15px;
    padding-top: 13px;
    border-top: 1px solid #e5e7eb;
}

@media (max-width: 620px) {
    .lookup-grid[b-2apmb9rho5] {
        grid-template-columns: 1fr;
    }

    .lookup-grid .form-group:first-child[b-2apmb9rho5] {
        grid-column: auto;
    }
}
/* /Components/CustomDataRelatedDataComponent.razor.rz.scp.css */
.related-data-state[b-h8ihpmbvto] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 180px;
    color: #667085;
    text-align: center;
}

.related-data-state.error[b-h8ihpmbvto] {
    color: #b42318;
}

.related-data-groups[b-h8ihpmbvto] {
    display: grid;
    gap: .9rem;
}

.related-data-groups h4[b-h8ihpmbvto],
.related-data-link-panel h4[b-h8ihpmbvto] {
    margin: 0 0 .4rem;
    color: #475467;
    font-size: .78rem;
    text-transform: uppercase;
}

.related-data-item[b-h8ihpmbvto] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: .45rem;
    padding: .55rem;
    border-bottom: 1px solid #eaecf0;
}

.related-data-item > div[b-h8ihpmbvto] {
    display: flex;
    flex-direction: column;
}

.related-data-item small[b-h8ihpmbvto] {
    color: #667085;
}

.related-data-link-panel[b-h8ihpmbvto] {
    display: grid;
    gap: .65rem;
    margin-top: 1.2rem;
    padding-top: 1rem;
    border-top: 1px solid #e4e7ec;
}

.related-data-link-panel label[b-h8ihpmbvto] {
    display: grid;
    gap: .25rem;
    color: #344054;
    font-size: .8rem;
    font-weight: 650;
}

.related-data-link-panel select[b-h8ihpmbvto],
.related-data-link-panel input[b-h8ihpmbvto] {
    min-height: 2.35rem;
    padding: .45rem .55rem;
    border: 1px solid #d0d5dd;
    border-radius: .5rem;
    background: #fff;
}

.related-data-candidates[b-h8ihpmbvto] {
    display: grid;
    gap: .3rem;
    max-height: 190px;
    overflow: auto;
}

.related-data-candidates button[b-h8ihpmbvto] {
    padding: .5rem;
    border: 1px solid #e4e7ec;
    border-radius: .45rem;
    background: #fff;
    text-align: left;
}

.related-data-candidates button.selected[b-h8ihpmbvto] {
    border-color: #84adff;
    background: #eff4ff;
    color: #175cd3;
}

.related-data-actions[b-h8ihpmbvto] {
    display: flex;
    justify-content: flex-end;
    gap: .45rem;
}
/* /Components/CustomHierarchyComponent.razor.rz.scp.css */
.custom-data-hierarchy[b-474uh1wqga] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.custom-data-hierarchy-toolbar[b-474uh1wqga] {
    display: grid;
    gap: .5rem;
    padding: .5rem;
    border-bottom: 1px solid var(--kendo-color-border, #d7dce2);
}

.custom-data-hierarchy-tree[b-474uh1wqga] {
    flex: 1 1 auto;
    min-height: 0;
}

.custom-data-hierarchy-state[b-474uh1wqga] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    flex: 1 1 auto;
    padding: 1.25rem;
    text-align: center;
    color: var(--aquip-text-muted, #667085);
}

.custom-data-hierarchy-state.error[b-474uh1wqga] {
    color: var(--kendo-color-error-on-surface, #b42318);
}

.custom-data-hierarchy-node[b-474uh1wqga] {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-width: 0;
}

.custom-data-hierarchy-node-kind[b-474uh1wqga] {
    flex: 0 0 auto;
    padding: .1rem .35rem;
    border-radius: 999px;
    background: var(--aquip-surface-raised, #eef2f6);
    color: var(--aquip-text-muted, #475467);
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
}

.custom-data-hierarchy-node-text[b-474uh1wqga] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/CustomRegisterEntryFormSectionComponent.razor.rz.scp.css */
.attachment-inline-shell[b-ssbqr94bkx] {
    display: grid;
    gap: 12px;
}

.attachment-inline-toolbar[b-ssbqr94bkx] {
    display: flex;
    justify-content: flex-end;
}

.attachment-inline-editor-shell[b-ssbqr94bkx] {
    padding: 12px;
    border: 1px dashed #cfd6de;
    border-radius: 12px;
    background: #fafbfd;
}

.attachment-inline-grid[b-ssbqr94bkx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
}

.attachment-inline-card[b-ssbqr94bkx] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    border: 1px solid #dfe5ec;
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
}

.attachment-inline-card.is-managing[b-ssbqr94bkx] {
    background: #ffffff;
}

.attachment-inline-media-shell[b-ssbqr94bkx] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    padding: 8px;
    border-radius: 12px;
    background: #eef3f8;
    overflow: hidden;
}

.attachment-inline-image[b-ssbqr94bkx] {
    width: 100%;
    max-height: 280px;
    object-fit: contain;
    border-radius: 10px;
    display: block;
}

.attachment-inline-pdf[b-ssbqr94bkx] {
    width: 100%;
    height: 320px;
    border: 0;
    border-radius: 10px;
    background: #ffffff;
}

.attachment-inline-fallback[b-ssbqr94bkx] {
    padding: 24px 12px;
    text-align: center;
    color: #5b6470;
    font-size: 0.95rem;
    font-weight: 600;
}

.attachment-inline-caption[b-ssbqr94bkx] {
    text-align: center;
}

.attachment-inline-title-button[b-ssbqr94bkx] {
    border: 0;
    background: transparent;
    color: #223c72;
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.4;
    cursor: pointer;
    padding: 0;
}

.attachment-inline-title-button:hover[b-ssbqr94bkx] {
    text-decoration: underline;
}

.attachment-inline-editor[b-ssbqr94bkx] {
    display: grid;
    gap: 8px;
}

.attachment-inline-actions[b-ssbqr94bkx] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.attachment-inline-empty[b-ssbqr94bkx] {
    padding: 24px 16px;
    border: 1px dashed #cfd6de;
    border-radius: 12px;
    background: #fafbfd;
    text-align: center;
    color: #67717d;
}

.attachment-carousel-shell[b-ssbqr94bkx] {
    display: grid;
    gap: 12px;
}

.attachment-carousel-panel[b-ssbqr94bkx] {
    display: grid;
    gap: 0;
    border: 1px solid #dfe5ec;
    border-radius: 18px;
    overflow: hidden;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.attachment-carousel-panel.is-managing[b-ssbqr94bkx] {
    background: #ffffff;
}

.attachment-carousel-viewer[b-ssbqr94bkx] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 360px;
    background: #eef3f8;
    overflow: hidden;
}

.attachment-carousel-media-shell[b-ssbqr94bkx] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 360px;
    padding: 20px 72px;
}

.attachment-carousel-image[b-ssbqr94bkx] {
    max-width: 100%;
    max-height: 440px;
    object-fit: contain;
    border-radius: 12px;
    display: block;
}

.attachment-carousel-pdf[b-ssbqr94bkx] {
    width: 100%;
    height: 440px;
    border: 0;
    border-radius: 12px;
    background: #ffffff;
}

.attachment-carousel-nav[b-ssbqr94bkx] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #304a72;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.18);
    cursor: pointer;
    font-size: 1.9rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}

.attachment-carousel-nav:hover[b-ssbqr94bkx] {
    background: #ffffff;
    color: var(--kendo-color-primary, #0d6efd);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.22);
}

.attachment-carousel-nav-prev[b-ssbqr94bkx] {
    left: 16px;
}

.attachment-carousel-nav-next[b-ssbqr94bkx] {
    right: 16px;
}

.attachment-carousel-fallback[b-ssbqr94bkx] {
    min-height: 220px;
    display: grid;
    place-items: center;
    gap: 12px;
    padding: 32px 20px;
    color: #55606d;
    font-weight: 600;
    text-align: center;
}

.attachment-carousel-fallback-badge[b-ssbqr94bkx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    padding: 8px 14px;
    border-radius: 999px;
    background: #dce7f5;
    color: #223c72;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.attachment-carousel-info[b-ssbqr94bkx],
.attachment-carousel-editor[b-ssbqr94bkx] {
    display: grid;
    gap: 10px;
    padding: 16px 18px;
    border-top: 1px solid #e5ebf2;
    background: #ffffff;
}

.attachment-carousel-info[b-ssbqr94bkx] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 14px;
}

.attachment-carousel-info-main[b-ssbqr94bkx] {
    min-width: 0;
    display: grid;
    gap: 6px;
}

.attachment-carousel-title-button[b-ssbqr94bkx] {
    width: fit-content;
    max-width: 100%;
    border: 0;
    background: transparent;
    color: #223c72;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
    padding: 0;
    text-align: left;
    cursor: pointer;
}

.attachment-carousel-title-button:hover[b-ssbqr94bkx] {
    text-decoration: underline;
}

.attachment-carousel-comment[b-ssbqr94bkx] {
    color: #55606d;
    white-space: pre-wrap;
}

.attachment-carousel-counter[b-ssbqr94bkx] {
    align-self: start;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: #eef3f8;
    color: #465466;
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
}

.attachment-carousel-strip[b-ssbqr94bkx] {
    display: flex;
    gap: 8px;
    padding: 14px 18px 18px;
    overflow-x: auto;
    border-top: 1px solid #e5ebf2;
    background: #ffffff;
}

.attachment-carousel-strip-item[b-ssbqr94bkx] {
    width: 72px;
    height: 72px;
    flex-shrink: 0;
    border: 2px solid transparent;
    border-radius: 10px;
    background: #eef3f8;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: border-color 0.15s ease, transform 0.15s ease, opacity 0.15s ease;
    opacity: 0.75;
}

.attachment-carousel-strip-item:hover[b-ssbqr94bkx] {
    opacity: 1;
    transform: translateY(-1px);
}

.attachment-carousel-strip-item.active[b-ssbqr94bkx] {
    border-color: var(--kendo-color-primary, #0d6efd);
    opacity: 1;
}

.attachment-carousel-strip-image[b-ssbqr94bkx] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.attachment-carousel-strip-fallback[b-ssbqr94bkx] {
    padding: 8px;
    color: #44536a;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-align: center;
}

.attachment-file-list[b-ssbqr94bkx] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.attachment-file-row[b-ssbqr94bkx] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
    border: 1px solid #e3e8ee;
    border-radius: 8px;
    background: #ffffff;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.attachment-file-row:hover[b-ssbqr94bkx] {
    border-color: #c8d2de;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06);
}

.attachment-file-row.is-editing[b-ssbqr94bkx] {
    border-color: var(--kendo-color-primary, #0d6efd);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

.attachment-file-row-main[b-ssbqr94bkx] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
}

.attachment-file-type[b-ssbqr94bkx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    width: 44px;
    color: #2c3e50;
}

.attachment-file-type .k-icon[b-ssbqr94bkx],
.attachment-file-type .k-font-icon[b-ssbqr94bkx] {
    font-size: 22px;
}

.attachment-file-type-label[b-ssbqr94bkx] {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #6b7785;
}

.attachment-file-info[b-ssbqr94bkx] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.attachment-file-name[b-ssbqr94bkx] {
    border: 0;
    background: transparent;
    color: #1f4f82;
    font-size: 0.92rem;
    font-weight: 600;
    text-align: left;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.attachment-file-name:hover[b-ssbqr94bkx] {
    text-decoration: underline;
}

.attachment-file-meta[b-ssbqr94bkx] {
    font-size: 0.75rem;
    color: #6b7785;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.attachment-file-comment[b-ssbqr94bkx] {
    font-size: 0.8rem;
    color: #4a5562;
    white-space: pre-wrap;
    word-break: break-word;
}

.attachment-file-actions[b-ssbqr94bkx] {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}

.attachment-file-action[b-ssbqr94bkx] {
    min-width: 32px;
    padding: 4px 6px;
    color: #4a5562;
}

.attachment-file-action:hover[b-ssbqr94bkx] {
    color: var(--kendo-color-primary, #0d6efd);
    background: #eef3f8;
}

.attachment-file-action-danger:hover[b-ssbqr94bkx] {
    color: #dc3545;
    background: #fbeaec;
}

.attachment-file-editor[b-ssbqr94bkx] {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    column-gap: 12px;
    row-gap: 8px;
    align-items: center;
    padding: 12px 14px 14px;
    border-top: 1px solid #eef1f4;
    background: #fafbfd;
}

.attachment-file-editor-label[b-ssbqr94bkx] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #55606d;
}

@@media (max-width: 600px) {
    .attachment-file-row-main[b-ssbqr94bkx] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .attachment-file-actions[b-ssbqr94bkx] {
        grid-column: 1 / -1;
        justify-content: flex-end;
        border-top: 1px solid #eef1f4;
        padding-top: 8px;
    }

    .attachment-file-editor[b-ssbqr94bkx] {
        grid-template-columns: 1fr;
    }

    .attachment-file-editor-label[b-ssbqr94bkx] {
        margin-top: 4px;
    }
}
.field-group.ai-draft-field[b-ssbqr94bkx] {
    border-radius: 10px;
    outline: 2px solid color-mix(in srgb, var(--kendo-color-primary, #126bcb) 45%, transparent);
    outline-offset: 4px;
    background: color-mix(in srgb, var(--kendo-color-primary, #126bcb) 6%, transparent);
    transition: outline-color .2s ease, background-color .2s ease;
}
/* /Components/CustomRegisterSectionDesignComponent.razor.rz.scp.css */



/* /Components/DashboardStudioCanvas.razor.rz.scp.css */
.studio-empty[b-jdndcosjg3] {
    min-height: 620px;
    display: grid;
    place-content: center;
    padding: 48px;
    color: var(--kendo-color-on-app-surface, #424242);
    background: var(--kendo-color-app-surface, #f5f5f5);
    text-align: center;
}

.studio-empty-mark[b-jdndcosjg3] {
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    margin: 0 auto 20px;
    border-radius: var(--kendo-border-radius-lg, 6px);
    color: var(--kendo-color-on-primary, #fff);
    background: var(--kendo-color-primary, #ff6358);
    font-weight: var(--kendo-font-weight-bold, 700);
    letter-spacing: .04em;
}

.studio-empty h2[b-jdndcosjg3] { margin: 0 0 10px; font-size: var(--kendo-h2-font-size, 28px); font-weight: var(--kendo-h2-font-weight, 600); }
.studio-empty p[b-jdndcosjg3] { max-width: 560px; margin: 0 auto 26px; color: var(--kendo-color-subtle, #757575); }
.studio-prompt-grid[b-jdndcosjg3] { display: grid; gap: 10px; max-width: 660px; }
.studio-prompt-grid button[b-jdndcosjg3] { border: 1px solid var(--kendo-color-border, #d5d5d5); border-radius: var(--kendo-border-radius-md, 4px); padding: 12px 16px; background: var(--kendo-color-surface, #fff); color: var(--kendo-color-on-surface, #424242); text-align: left; transition: background-color .15s, border-color .15s; }
.studio-prompt-grid button:hover[b-jdndcosjg3] { border-color: var(--kendo-color-primary, #ff6358); background: var(--kendo-color-primary-subtle, #ffedeb); color: var(--kendo-color-on-primary-subtle, #5f1713); }
.studio-prompt-grid button:focus-visible[b-jdndcosjg3] { outline: 2px solid var(--kendo-color-primary, #ff6358); outline-offset: 1px; }

.studio-dashboard[b-jdndcosjg3] { min-height: 100%; padding: 24px; background: var(--studio-canvas, var(--kendo-color-app-surface, #f5f5f5)); color: var(--kendo-color-on-app-surface, #424242); }
.studio-dashboard-heading[b-jdndcosjg3] { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; margin: 0 2px 20px; }
.studio-dashboard-heading h1[b-jdndcosjg3] { margin: 3px 0 2px; font-size: clamp(24px, 2.3vw, var(--kendo-h1-font-size, 36px)); font-weight: var(--kendo-h1-font-weight, 600); }
.studio-dashboard-heading p[b-jdndcosjg3] { margin: 5px 0 0; color: var(--kendo-color-subtle, #757575); }
.studio-eyebrow[b-jdndcosjg3] { color: var(--studio-accent, var(--kendo-color-primary-on-surface, var(--kendo-color-primary, #ff6358))); font-size: var(--kendo-font-size-xs, 12px); font-weight: var(--kendo-font-weight-semibold, 600); text-transform: uppercase; }
.studio-data-warning[b-jdndcosjg3] { margin-bottom: 16px; padding: 10px 13px; border: 1px solid var(--kendo-color-warning, #ffc000); border-radius: var(--kendo-border-radius-md, 4px); background: var(--kendo-color-warning-subtle, #fff4ce); color: var(--kendo-color-on-warning-subtle, #594400); font-size: var(--kendo-font-size-sm, 14px); }

[b-jdndcosjg3] .studio-tile-layout .k-tilelayout-item { overflow: hidden; border: 1px solid var(--kendo-color-border, #d5d5d5); border-radius: var(--studio-radius, var(--kendo-border-radius-md, 4px)); background: var(--studio-card, var(--kendo-color-surface, #fff)); box-shadow: var(--studio-shadow, none); transition: border-color .15s, box-shadow .15s; }
[b-jdndcosjg3] .studio-tile-layout .k-tilelayout-item:hover { border-color: var(--kendo-color-primary, #ff6358); box-shadow: var(--studio-shadow-hover, none); }
[b-jdndcosjg3] .studio-tile-layout .k-tilelayout-item.selected { border-color: var(--studio-accent, var(--kendo-color-primary, #ff6358)); box-shadow: 0 0 0 1px var(--studio-accent, var(--kendo-color-primary, #ff6358)); }
[b-jdndcosjg3] .studio-tile-layout .k-tilelayout-item-header { display: flex; align-items: center; gap: 8px; min-height: 52px; padding: 10px 12px; border: 0; border-bottom: 1px solid var(--kendo-color-border-alt, #e5e5e5); background: var(--kendo-color-surface-alt, #fafafa); }
[b-jdndcosjg3] .studio-tile-layout .k-tilelayout-item-body { min-height: 0; display: flex; flex-direction: column; padding: 6px 8px 8px; overflow: hidden; }
.studio-tile-heading[b-jdndcosjg3] { min-width: 0; flex: 1; border: 0; padding: 0; background: none; color: inherit; text-align: left; }
.studio-tile-heading span[b-jdndcosjg3] { display: grid; min-width: 0; }
.studio-tile-heading strong[b-jdndcosjg3] { overflow: hidden; font-size: var(--studio-card-title-font-size, var(--kendo-font-size-sm, 14px)); font-weight: var(--studio-card-title-font-weight, var(--kendo-font-weight-bold, 700)); text-overflow: ellipsis; white-space: nowrap; }
.studio-tile-heading small[b-jdndcosjg3] { overflow: hidden; color: var(--kendo-color-subtle, #757575); text-overflow: ellipsis; white-space: nowrap; }
.studio-tile-actions[b-jdndcosjg3] { display: flex; opacity: 0; transition: opacity .15s; }
[b-jdndcosjg3] .k-tilelayout-item:hover .studio-tile-actions, [b-jdndcosjg3] .k-tilelayout-item.selected .studio-tile-actions { opacity: 1; }
.studio-tile-actions button[b-jdndcosjg3] { width: 28px; height: 28px; border: 1px solid transparent; border-radius: var(--kendo-border-radius-md, 4px); background: transparent; color: var(--kendo-color-subtle, #757575); font-size: 18px; }
.studio-tile-actions button:hover[b-jdndcosjg3] { border-color: var(--kendo-color-border, #d5d5d5); background: var(--kendo-color-base-hover, #ebebeb); color: var(--kendo-color-on-base, #424242); }
.studio-visual-body[b-jdndcosjg3] { width: 100%; min-height: 0; flex: 1 1 auto; display: flex; flex-direction: column; }

[b-jdndcosjg3] .studio-kpi { height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 0 8px 10px; position: relative; }
[b-jdndcosjg3] .studio-kpi::before { content: ""; width: 36px; height: 4px; margin-bottom: 14px; border-radius: var(--kendo-border-radius-sm, 2px); background: var(--studio-accent, var(--kendo-color-primary, #ff6358)); }
[b-jdndcosjg3] .studio-kpi-value { color: var(--kendo-color-on-surface, #424242); font-size: clamp(31px, 3.2vw, 48px); line-height: 1; letter-spacing: -.04em; font-weight: var(--kendo-font-weight-bold, 700); }
[b-jdndcosjg3] .studio-kpi-delta { margin-top: 10px; font-size: var(--kendo-font-size-xs, 12px); font-weight: var(--kendo-font-weight-semibold, 600); }
[b-jdndcosjg3] .studio-kpi-delta.positive { color: var(--kendo-color-success-on-surface, var(--kendo-color-success, #37b400)); }
[b-jdndcosjg3] .studio-kpi-delta.negative { color: var(--kendo-color-error-on-surface, var(--kendo-color-error, #f31700)); }
[b-jdndcosjg3] .studio-metric-warning { margin-top: 8px; color: var(--kendo-color-warning-on-surface, #8a5a00); font-size: var(--kendo-font-size-xs, 12px); font-weight: var(--kendo-font-weight-semibold, 600); }
[b-jdndcosjg3] .studio-gauge { height: 100%; display: grid; place-items: center; }
[b-jdndcosjg3] .studio-gauge-meter { width: min(260px, 90%); display: grid; gap: 14px; }
[b-jdndcosjg3] .studio-gauge-meter > span { font-size: 30px; font-weight: var(--kendo-font-weight-bold, 700); text-align: center; }
[b-jdndcosjg3] .studio-gauge-track { height: 12px; overflow: hidden; border-radius: var(--kendo-border-radius-md, 4px); background: var(--kendo-color-base-subtle, #e8e8e8); }
[b-jdndcosjg3] .studio-gauge-track i { display: block; height: 100%; border-radius: inherit; background: var(--gauge-color, var(--studio-accent, var(--kendo-color-primary, #ff6358))); }
[b-jdndcosjg3] .studio-progress-list { height: 100%; overflow: auto; display: grid; align-content: start; gap: 10px; padding-right: 4px; }
[b-jdndcosjg3] .studio-progress-row { display: grid; grid-template-columns: minmax(80px, 1fr) auto; gap: 2px 10px; border: 0; padding: 0; background: transparent; color: var(--kendo-color-on-surface, #424242); text-align: left; }
[b-jdndcosjg3] .studio-progress-row strong { font-size: var(--kendo-font-size-xs, 12px); }
[b-jdndcosjg3] .studio-progress-row i { grid-column: 1 / -1; height: 7px; overflow: hidden; border-radius: var(--kendo-border-radius-sm, 2px); background: var(--kendo-color-base-subtle, #e8e8e8); }
[b-jdndcosjg3] .studio-progress-row b { display: block; height: 100%; border-radius: inherit; background: var(--progress-color, var(--studio-accent, var(--kendo-color-primary, #ff6358))); }
[b-jdndcosjg3] .studio-chart-frame { position: relative; width: 100%; min-height: 0; flex: 1 1 auto; }
[b-jdndcosjg3] .studio-drill-breadcrumbs { position: absolute; z-index: 3; top: -2px; left: 2px; display: flex; align-items: center; gap: 3px; max-width: 60%; }
[b-jdndcosjg3] .studio-drill-breadcrumbs button { border: 0; padding: 2px 4px; background: transparent; color: var(--kendo-color-subtle, #757575); font-size: var(--kendo-font-size-xs, 12px); cursor: pointer; }
[b-jdndcosjg3] .studio-drill-breadcrumbs button:not(:last-child)::after { content: "›"; margin-left: 7px; color: var(--kendo-color-border, #d5d5d5); }
[b-jdndcosjg3] .studio-drill-breadcrumbs button.active { color: var(--studio-accent, var(--kendo-color-primary, #ff6358)); font-weight: var(--kendo-font-weight-semibold, 600); }
[b-jdndcosjg3] .studio-slicer { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 7px; max-height: 100%; overflow: auto; }
[b-jdndcosjg3] .studio-slicer button { border: 1px solid var(--kendo-color-border, #d5d5d5); border-radius: var(--kendo-border-radius-full, 9999px); padding: 6px 10px; background: var(--kendo-color-surface, #fff); color: var(--kendo-color-on-surface, #424242); font-size: var(--kendo-font-size-xs, 12px); }
[b-jdndcosjg3] .studio-slicer button:hover, [b-jdndcosjg3] .studio-slicer button.selected { border-color: var(--studio-accent, var(--kendo-color-primary, #ff6358)); background: var(--kendo-color-primary-subtle, #ffedeb); color: var(--kendo-color-on-primary-subtle, #5f1713); }
[b-jdndcosjg3] .studio-narrative { height: 100%; overflow: auto; color: var(--kendo-color-on-surface, #424242); line-height: 1.62; white-space: pre-wrap; }
[b-jdndcosjg3] .studio-no-data { height: 100%; display: grid; place-items: center; color: var(--kendo-color-subtle, #757575); font-size: var(--kendo-font-size-sm, 14px); }

[b-jdndcosjg3] .studio-map-visual { height: 100%; min-height: 240px; position: relative; }
[b-jdndcosjg3] .studio-map-omitted { position: absolute; left: .6rem; bottom: .35rem; z-index: 2; padding: .2rem .45rem; border: 1px solid var(--kendo-color-border, #d5d5d5); border-radius: var(--kendo-border-radius-md, 4px); background: var(--kendo-color-surface, #fff); color: var(--kendo-color-on-surface, #424242); }
[b-jdndcosjg3] .studio-gantt { position: relative; width: 100%; min-height: 0; flex: 1 1 auto; }
[b-jdndcosjg3] .studio-gantt .k-gantt { border: 0; }
[b-jdndcosjg3] .studio-gantt-omitted { position: absolute; right: .5rem; bottom: .35rem; z-index: 2; padding: .15rem .4rem; border-radius: var(--kendo-border-radius-sm, 2px); background: color-mix(in srgb, var(--kendo-color-surface, #fff) 90%, transparent); color: var(--kendo-color-subtle, #757575); }

@media (max-width: 800px) {
    .studio-dashboard[b-jdndcosjg3] {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        padding: 14px;
        overflow-x: hidden;
    }
    .studio-dashboard-heading[b-jdndcosjg3] { flex-direction: column; }

    /* TileLayout keeps the document's 12-column desktop grid unless it is
       explicitly collapsed. At phone widths that makes a three-column KPI
       only a few pixels wide and clips its value. Preserve row spans while
       placing each visual on the single mobile column. */
    [b-jdndcosjg3] .studio-tile-layout {
        width: 100% !important;
        max-width: 100%;
        grid-template-columns: minmax(0, 1fr) !important;
        column-gap: 0 !important;
    }

    [b-jdndcosjg3] .studio-tile-layout .k-tilelayout-item {
        min-width: 0;
        grid-column-start: 1 !important;
        grid-column-end: -1 !important;
        grid-row-start: auto !important;
    }

    [b-jdndcosjg3] .studio-kpi,
    [b-jdndcosjg3] .studio-kpi-value {
        min-width: 0;
        max-width: 100%;
    }

    [b-jdndcosjg3] .studio-kpi-value {
        font-size: clamp(28px, 10vw, 44px);
        overflow-wrap: anywhere;
    }
}
/* /Components/DashboardStudioFilterWidget.razor.rz.scp.css */
.studio-standard-filter[b-z2bcf7zq5t] {
    height: 100%;
    display: grid;
    align-content: center;
    gap: 9px;
    padding: 4px 6px 8px;
}

.studio-date-range-filter[b-z2bcf7zq5t]  .k-daterangepicker {
    width: 100%;
}

.studio-filter-scope[b-z2bcf7zq5t] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--kendo-color-subtle, #757575);
    font-size: var(--kendo-font-size-xs, 12px);
}
/* /Components/DashboardStudioGantt.razor.rz.scp.css */
.studio-gantt[b-qxxsun7p5e]  .k-gantt-treelist .k-grid-header,
.studio-gantt[b-qxxsun7p5e]  .k-gantt-treelist .k-grid-header-wrap,
.studio-gantt[b-qxxsun7p5e]  .k-gantt-treelist .k-grid-header .k-table-thead,
.studio-gantt[b-qxxsun7p5e]  .k-gantt-treelist .k-grid-header .k-table-row,
.studio-gantt[b-qxxsun7p5e]  .k-gantt-treelist .k-grid-header .k-header,
.studio-gantt[b-qxxsun7p5e]  .k-gantt-timeline-pane .k-grid-header,
.studio-gantt[b-qxxsun7p5e]  .k-gantt-timeline-pane .k-grid-header-wrap,
.studio-gantt[b-qxxsun7p5e]  .k-gantt-timeline-pane .k-grid-header .k-table-thead,
.studio-gantt[b-qxxsun7p5e]  .k-gantt-timeline-pane .k-grid-header .k-table-row,
.studio-gantt[b-qxxsun7p5e]  .k-gantt-timeline-pane .k-grid-header .k-header {
    background-color: var(--studio-accent, var(--kendo-color-primary));
    color: var(--kendo-color-on-primary);
}

.studio-gantt[b-qxxsun7p5e]  .k-task-single,
.studio-gantt[b-qxxsun7p5e]  .k-task-milestone {
    border-color: color-mix(in srgb, var(--studio-accent, var(--kendo-color-primary)) 78%, var(--kendo-color-border, #d5d5d5));
    background-color: var(--studio-accent, var(--kendo-color-primary));
    color: var(--kendo-color-on-primary, #fff);
    box-shadow: 0 1px 2px color-mix(in srgb, var(--studio-accent, var(--kendo-color-primary)) 28%, transparent);
}

.studio-gantt[b-qxxsun7p5e]  .k-task-summary {
    color: var(--studio-accent, var(--kendo-color-primary));
}

.studio-gantt[b-qxxsun7p5e]  .k-task-single[data-percent="0"],
.studio-gantt[b-qxxsun7p5e]  .k-task-milestone[data-percent="0"] {
    border-color: var(--kendo-color-info, #0dcaf0);
    background-color: var(--kendo-color-info, #0dcaf0);
    color: var(--kendo-color-on-info, #000);
}

.studio-gantt[b-qxxsun7p5e]  .k-task-summary[data-percent="0"] {
    color: var(--kendo-color-info, #0dcaf0);
}

.studio-gantt[b-qxxsun7p5e]  .k-task-single[data-percent="1"],
.studio-gantt[b-qxxsun7p5e]  .k-task-milestone[data-percent="1"] {
    border-color: var(--kendo-color-success, #198754);
    background-color: var(--kendo-color-success, #198754);
    color: var(--kendo-color-on-success, #fff);
}

.studio-gantt[b-qxxsun7p5e]  .k-task-summary[data-percent="1"] {
    color: var(--kendo-color-success, #198754);
}

.studio-gantt[b-qxxsun7p5e]  .k-task-single .k-task-complete {
    background-color: color-mix(in srgb, var(--kendo-color-on-primary, #fff) 32%, transparent);
}

.studio-gantt[b-qxxsun7p5e]  .k-task-single:hover,
.studio-gantt[b-qxxsun7p5e]  .k-task-single:focus-visible,
.studio-gantt[b-qxxsun7p5e]  .k-task-milestone:hover,
.studio-gantt[b-qxxsun7p5e]  .k-task-milestone:focus-visible {
    outline: 2px solid var(--kendo-color-on-app-surface, #212529);
    outline-offset: 2px;
}

.studio-gantt-tooltip-card[b-qxxsun7p5e] {
    display: grid;
    gap: 4px;
    line-height: 1.3;
}

.studio-gantt-tooltip-card > strong[b-qxxsun7p5e] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.studio-gantt-tooltip-status[b-qxxsun7p5e] {
    font-weight: var(--kendo-font-weight-semibold, 600);
}

.studio-gantt-tooltip-card > small[b-qxxsun7p5e] {
    opacity: .82;
}
/* /Components/DashboardStudioInspector.razor.rz.scp.css */
.studio-inspector[b-uym3jai5xf] { height: 100%; display: flex; flex-direction: column; background: var(--kendo-color-surface, #fff); color: var(--kendo-color-on-surface, #424242); }
.studio-inspector-head[b-uym3jai5xf] { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--kendo-color-border, #d5d5d5); }
.studio-inspector-head div[b-uym3jai5xf] { display: grid; min-width: 0; }
.studio-inspector-head span[b-uym3jai5xf] { color: var(--kendo-color-subtle, #757575); font-size: var(--kendo-font-size-xs, 12px); font-weight: var(--kendo-font-weight-semibold, 600); text-transform: uppercase; }
.studio-inspector-head strong[b-uym3jai5xf] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.studio-inspector-head button[b-uym3jai5xf] { width: 30px; height: 30px; border: 1px solid var(--kendo-color-border, #d5d5d5); border-radius: var(--kendo-border-radius-md, 4px); background: var(--kendo-color-base, #f5f5f5); color: var(--kendo-color-on-base, #424242); font-size: 18px; }
.studio-inspector-head button:hover[b-uym3jai5xf] { background: var(--kendo-color-base-hover, #ebebeb); }
.studio-inspector-search[b-uym3jai5xf] { margin: 12px 14px 4px; }
.studio-inspector-search[b-uym3jai5xf]  .k-input { width: 100%; }
.studio-inspector-scroll[b-uym3jai5xf] { overflow: auto; padding: 5px 14px 20px; }
.studio-property-group[b-uym3jai5xf] { padding: 15px 0 10px; border-bottom: 1px solid var(--kendo-color-border-alt, #e5e5e5); }
.studio-property-group h3[b-uym3jai5xf] { margin: 0 0 11px; color: var(--kendo-color-subtle, #757575); font-size: var(--kendo-font-size-xs, 12px); font-weight: var(--kendo-font-weight-semibold, 600); text-transform: uppercase; }
.studio-property-row[b-uym3jai5xf] { display: grid; grid-template-columns: minmax(80px, 1fr) minmax(100px, 1.3fr); align-items: center; gap: 10px; min-height: 38px; margin: 3px 0; font-size: var(--kendo-font-size-xs, 12px); }
.studio-property-row > span:first-child[b-uym3jai5xf] { color: var(--kendo-color-on-surface, #424242); }
.studio-property-row input[type=text][b-uym3jai5xf], .studio-property-row input[type=number][b-uym3jai5xf], .studio-property-row select[b-uym3jai5xf] { width: 100%; min-width: 0; border: 1px solid var(--kendo-color-border, #d5d5d5); border-radius: var(--kendo-border-radius-md, 4px); padding: 6px 8px; background: var(--kendo-color-surface, #fff); color: var(--kendo-color-on-surface, #424242); font-size: var(--kendo-font-size-xs, 12px); }
.studio-property-row input[type=text]:focus[b-uym3jai5xf], .studio-property-row input[type=number]:focus[b-uym3jai5xf], .studio-property-row select:focus[b-uym3jai5xf] { border-color: var(--kendo-color-primary, #ff6358); outline: 1px solid var(--kendo-color-primary, #ff6358); }
.studio-property-row input[type=checkbox][b-uym3jai5xf] { justify-self: end; width: 32px; height: 17px; accent-color: var(--kendo-color-primary, #ff6358); }
[b-uym3jai5xf] .studio-visual-kind-choice { display: inline-flex; align-items: center; gap: 8px; }
.studio-color-input[b-uym3jai5xf] { display: flex; align-items: center; gap: 6px; min-width: 0; }
.studio-color-input input[b-uym3jai5xf] { width: 31px; height: 27px; padding: 1px; border: 1px solid var(--kendo-color-border, #d5d5d5); border-radius: var(--kendo-border-radius-md, 4px); background: var(--kendo-color-surface, #fff); }
.studio-color-input code[b-uym3jai5xf] { overflow: hidden; color: var(--kendo-color-subtle, #757575); font-family: var(--kendo-font-family-monospace, monospace); font-size: var(--kendo-font-size-xs, 12px); text-overflow: ellipsis; }
.studio-property-empty[b-uym3jai5xf] { padding: 30px 10px; color: var(--kendo-color-subtle, #757575); font-size: var(--kendo-font-size-sm, 14px); text-align: center; }
.studio-field-checks[b-uym3jai5xf] { display: grid; max-height: 150px; gap: 4px; overflow: auto; padding: 6px; border: 1px solid var(--kendo-color-border, #d5d5d5); border-radius: var(--kendo-border-radius-md, 4px); background: var(--kendo-color-surface, #fff); }
.studio-field-checks label[b-uym3jai5xf] { display: flex; align-items: center; gap: 6px; color: var(--kendo-color-on-surface, #424242); font-size: var(--kendo-font-size-xs, 12px); }
.studio-field-checks input[type=checkbox][b-uym3jai5xf] { width: 14px; height: 14px; accent-color: var(--kendo-color-primary, #ff6358); }
.studio-target-checks label[b-uym3jai5xf] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; }
.studio-target-checks label span[b-uym3jai5xf] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.studio-target-checks label small[b-uym3jai5xf] { color: var(--kendo-color-subtle, #757575); }
/* /Components/DashboardStudioInteractionPane.razor.rz.scp.css */
.studio-interaction-pane[b-d1tqcf10ov] {
    flex: 0 0 auto;
    padding: 8px 12px;
    border-bottom: 1px solid var(--kendo-color-border, #d5d5d5);
    background: var(--kendo-color-surface, #fff);
}

.studio-interaction-pane.empty[b-d1tqcf10ov] {
    background: var(--kendo-color-surface-alt, #fafafa);
}

.studio-interaction-bar[b-d1tqcf10ov] {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.studio-interaction-title[b-d1tqcf10ov],
.studio-filter-popover-header[b-d1tqcf10ov] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

.studio-interaction-title > span:last-child[b-d1tqcf10ov],
.studio-filter-popover-header > span:last-child[b-d1tqcf10ov] {
    display: grid;
    line-height: 1.2;
}

.studio-interaction-title strong[b-d1tqcf10ov],
.studio-filter-popover-header strong[b-d1tqcf10ov] {
    font-size: var(--kendo-font-size-sm, 14px);
    font-weight: var(--kendo-font-weight-semibold, 600);
}

.studio-interaction-title small[b-d1tqcf10ov],
.studio-filter-popover-header small[b-d1tqcf10ov],
.studio-interaction-empty small[b-d1tqcf10ov] {
    color: var(--kendo-color-subtle, #757575);
    font-size: var(--kendo-font-size-xs, 12px);
}

.studio-interaction-icon[b-d1tqcf10ov] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: var(--kendo-border-radius-full, 9999px);
    color: var(--kendo-color-primary-on-surface, var(--kendo-color-primary, #ff6358));
    background: var(--kendo-color-primary-subtle, #ffedeb);
}

.studio-filter-chip-row[b-d1tqcf10ov] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    overflow: hidden;
}

.studio-filter-chip[b-d1tqcf10ov] {
    min-width: 0;
    max-width: 230px;
    flex: 0 1 auto;
}

.studio-filter-chip[b-d1tqcf10ov]  .k-chip {
    max-width: 100%;
    cursor: pointer;
}

.studio-filter-chip[b-d1tqcf10ov]  .k-chip-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.studio-interaction-actions[b-d1tqcf10ov] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 0 0 auto;
}

.studio-interaction-empty[b-d1tqcf10ov] {
    min-width: 0;
    display: grid;
    flex: 1;
}

.studio-interaction-empty > span[b-d1tqcf10ov] {
    color: var(--kendo-color-on-surface, #424242);
    font-size: var(--kendo-font-size-sm, 14px);
}

.studio-filter-editor-list[b-d1tqcf10ov] {
    max-height: min(520px, calc(100vh - 220px));
    display: grid;
    gap: 10px;
    overflow: auto;
    padding: 2px;
}

.studio-filter-editor[b-d1tqcf10ov] {
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--kendo-color-border, #d5d5d5);
    border-radius: var(--kendo-border-radius-md, 4px);
    background: var(--kendo-color-surface, #fff);
    transition: border-color .15s, box-shadow .15s;
}

.studio-filter-editor.focused[b-d1tqcf10ov] {
    border-color: var(--kendo-color-primary, #ff6358);
    box-shadow: 0 0 0 1px var(--kendo-color-primary, #ff6358);
}

.studio-filter-editor > header[b-d1tqcf10ov] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.studio-filter-editor > header > span:first-child[b-d1tqcf10ov] {
    min-width: 0;
    display: grid;
    flex: 1;
}

.studio-filter-editor > header strong[b-d1tqcf10ov],
.studio-filter-editor > header small[b-d1tqcf10ov] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.studio-filter-editor > header strong[b-d1tqcf10ov] {
    font-size: var(--kendo-font-size-sm, 14px);
}

.studio-filter-editor > header small[b-d1tqcf10ov],
.studio-filter-unavailable[b-d1tqcf10ov] {
    color: var(--kendo-color-subtle, #757575);
    font-size: var(--kendo-font-size-xs, 12px);
}

.studio-filter-editor[b-d1tqcf10ov]  .studio-standard-filter {
    padding: 0;
}

.studio-filter-editor[b-d1tqcf10ov]  .studio-filter-scope {
    display: none;
}

@media (max-width: 900px) {
    .studio-interaction-bar[b-d1tqcf10ov] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .studio-filter-chip-row[b-d1tqcf10ov] {
        order: 3;
        width: 100%;
        flex-basis: 100%;
        overflow-x: auto;
        padding-bottom: 2px;
    }

    .studio-interaction-actions[b-d1tqcf10ov] {
        margin-left: auto;
    }

    .studio-interaction-empty[b-d1tqcf10ov] {
        order: 3;
        flex-basis: 100%;
    }
}
/* /Components/DocumentPreviewPanel.razor.rz.scp.css */
.document-preview-panel[b-jowmjcqcmf] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border: 1px solid var(--kendo-color-border, #dfe4ea);
    border-radius: 10px;
    background: var(--kendo-color-base, #fff);
    box-shadow: 0 6px 24px rgb(15 23 42 / 8%);
}

.document-preview-header[b-jowmjcqcmf] {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px 12px;
    border-bottom: 1px solid var(--kendo-color-border, #dfe4ea);
}

.document-preview-heading[b-jowmjcqcmf] {
    min-width: 0;
}

.document-preview-eyebrow[b-jowmjcqcmf] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 3px;
    color: var(--kendo-color-primary, #2463eb);
    font-size: .7rem;
    font-weight: 750;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.document-preview-title[b-jowmjcqcmf] {
    overflow: hidden;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.document-preview-subtitle[b-jowmjcqcmf] {
    overflow: hidden;
    margin-top: 2px;
    color: var(--kendo-color-on-base-subtle, #64748b);
    font-size: .78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.document-preview-actions[b-jowmjcqcmf] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

[b-jowmjcqcmf] .document-preview-icon-button {
    width: 32px;
    min-width: 32px;
    height: 32px;
    padding: 0;
}

.document-preview-revision[b-jowmjcqcmf],
.document-preview-type[b-jowmjcqcmf],
.document-preview-source[b-jowmjcqcmf] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 700;
    white-space: nowrap;
}

.document-preview-revision[b-jowmjcqcmf] {
    padding: 5px 9px;
    color: var(--kendo-color-on-primary, #fff);
    background: var(--kendo-color-primary, #2463eb);
}

.document-preview-meta[b-jowmjcqcmf] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 8px 16px;
    border-bottom: 1px solid var(--kendo-color-border, #e5e7eb);
    color: var(--kendo-color-on-base-subtle, #64748b);
    background: var(--kendo-color-base-subtle, #f8fafc);
    font-size: .73rem;
}

.document-preview-meta > span:not(.document-preview-type):not(.document-preview-source)[b-jowmjcqcmf] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.document-preview-meta > span:nth-child(2)[b-jowmjcqcmf] {
    flex: 1 1 auto;
}

.document-preview-type[b-jowmjcqcmf] {
    padding: 2px 7px;
    color: var(--kendo-color-primary, #2463eb);
    background: var(--kendo-color-primary-subtle, #e8efff);
}

.document-preview-source[b-jowmjcqcmf] {
    padding: 2px 7px;
    color: #0f766e;
    background: #ccfbf1;
}

.document-preview-warning[b-jowmjcqcmf] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    color: #92400e;
    background: #fffbeb;
    font-size: .76rem;
}

.document-preview-body[b-jowmjcqcmf] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    background: #eef1f5;
}

.document-preview-loading[b-jowmjcqcmf],
.document-preview-empty[b-jowmjcqcmf] {
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 240px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    padding: 28px;
    color: var(--kendo-color-on-base-subtle, #64748b);
    text-align: center;
    background: linear-gradient(145deg, #f8fafc, #eef2f7);
}

.document-preview-loading strong[b-jowmjcqcmf],
.document-preview-empty h4[b-jowmjcqcmf] {
    margin: 4px 0 0;
    color: var(--kendo-color-on-base, #253044);
    font-size: .98rem;
}

.document-preview-loading span[b-jowmjcqcmf],
.document-preview-empty p[b-jowmjcqcmf] {
    max-width: 360px;
    margin: 0;
    font-size: .82rem;
    line-height: 1.5;
}

.document-preview-empty-icon[b-jowmjcqcmf] {
    display: inline-flex;
    width: 56px;
    height: 56px;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    color: var(--kendo-color-primary, #2463eb);
    background: var(--kendo-color-primary-subtle, #e8efff);
    box-shadow: inset 0 0 0 1px rgb(36 99 235 / 9%);
}

.document-preview-empty-icon[b-jowmjcqcmf]  .k-svg-icon {
    width: 27px;
    height: 27px;
}

.document-preview-empty.is-error .document-preview-empty-icon[b-jowmjcqcmf] {
    color: #b42318;
    background: #fee4e2;
}

.document-preview-fallback-actions[b-jowmjcqcmf] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 8px;
}

.document-preview-image-stage[b-jowmjcqcmf] {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    overflow: auto;
    padding: 24px;
    background-color: #dfe4ea;
    background-image: linear-gradient(45deg, rgb(255 255 255 / 22%) 25%, transparent 25%),
                      linear-gradient(-45deg, rgb(255 255 255 / 22%) 25%, transparent 25%),
                      linear-gradient(45deg, transparent 75%, rgb(255 255 255 / 22%) 75%),
                      linear-gradient(-45deg, transparent 75%, rgb(255 255 255 / 22%) 75%);
    background-position: 0 0, 0 8px, 8px -8px, -8px 0;
    background-size: 16px 16px;
}

.document-preview-image-stage img[b-jowmjcqcmf] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 3px;
    box-shadow: 0 10px 32px rgb(15 23 42 / 18%);
}

.is-compact .document-preview-header[b-jowmjcqcmf] {
    padding: 11px 12px 9px;
}

.is-compact .document-preview-meta[b-jowmjcqcmf] {
    padding-inline: 12px;
}

@media (max-width: 767px) {
    .document-preview-panel[b-jowmjcqcmf] {
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .document-preview-header[b-jowmjcqcmf] {
        flex-wrap: wrap;
    }

    .document-preview-actions[b-jowmjcqcmf] {
        flex-basis: 100%;
        justify-content: flex-start;
    }
}
/* /Components/FlightSummaryComponent.razor.rz.scp.css */
.grid-container[b-9qc7po1jly] {
	height: 100vh; 
	display: flex;
	flex-direction: column;
}
.k-grid[b-9qc7po1jly] {
	font-family: "Segoe UI", Arial, sans-serif;
	border-width: 0;
}

.k-grid-table[b-9qc7po1jly] {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.k-header[b-9qc7po1jly] {
	padding: 8px 12px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	border: 1px solid #e0e0e0;
	background-color: #f5f5f5;
}

.k-detail-cell[b-9qc7po1jly] {
	padding: 8px 12px;
	border: 1px solid #e0e0e0;
	text-align: center;
}

.k-alt[b-9qc7po1jly] {
	background-color: #f9f9f9;
}
.header-date[b-9qc7po1jly] {
	display: block
}
.k-grid[b-9qc7po1jly] {
	font-family: "Segoe UI", Arial, sans-serif;
	border-width: 0;
}

.k-grid-table[b-9qc7po1jly] {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.k-header[b-9qc7po1jly] {
	padding: 8px 12px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	border: 1px solid #e0e0e0;
	background-color: #f5f5f5;
}

.k-detail-cell[b-9qc7po1jly] {
	padding: 8px 12px;
	border: 1px solid #e0e0e0;
	text-align: center;
}

.k-alt[b-9qc7po1jly] {
	background-color: #f9f9f9;
}
.header-date[b-9qc7po1jly] {
	display: block;
	text-align: center;
}

.k-detail-cell div[b-9qc7po1jly] {
	margin: 2px 0;
	text-align: center;
}


.has-count[b-9qc7po1jly] {
	background-color: #e3f2fd; 
	position: relative;
}

	.has-count div[b-9qc7po1jly] {
		font-weight: bold;
		color: #0d47a1; 
	}


	.has-count[b-9qc7po1jly]:after {
		content: "";
		position: absolute;
		top: 2px;
		left: 2px;
		right: 2px;
		bottom: 2px;
		border: 1px solid #bbdefb; 
		border-radius: 3px;
	}


	.has-count:hover[b-9qc7po1jly] {
		background-color: #bbdefb; 
		transition: background-color 0.2s ease;
	}
.flight-number[b-9qc7po1jly] {
	background-color: #e3f2fd; 
	color: #0d47a1; 
	padding: 2px 6px;
	border-radius: 4px;
	font-weight: bold;
	display: inline-block;
	margin-left: 4px;
}
.k-grid .header-row th[b-9qc7po1jly] {
	background-color: #000000 !important;
	color: #ffffff !important;
}
.header-weekday[b-9qc7po1jly] {
	font-size: 12px;
	color: #666;
}
/* /Components/GoogleMap.razor.rz.scp.css */
.aquip-google-map-wrap[b-adz40mox2d] {
    position: relative;
    width: 100%;
}

.aquip-google-map[b-adz40mox2d] {
    width: 100%;
    height: 100%;
}

.aquip-google-map-expand[b-adz40mox2d] {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.9);
    color: #222;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.aquip-google-map-expand:hover[b-adz40mox2d] {
    background: #fff;
}

.aquip-google-map-modal[b-adz40mox2d] {
    width: 100%;
    height: 100%;
    min-height: 65vh;
}
/* /Components/HierarchyCompletionSummaryComponent.razor.rz.scp.css */
.hierarchy-summary[b-dib2uovqki] {
    --summary-border: var(--aquip-border, rgba(33, 37, 41, .13));
    --summary-border-soft: light-dark(rgba(33, 37, 41, .08), var(--aquip-border, rgba(237, 240, 243, .14)));
    --summary-canvas: var(--aquip-canvas, #f4f6f9);
    --summary-surface: var(--aquip-surface, #fff);
    --summary-surface-raised: var(--aquip-surface-raised, #f8f9fb);
    --summary-surface-sunken: var(--aquip-surface-sunken, #f7f8fa);
    --summary-hover: var(--aquip-hover, var(--kendo-color-primary-subtle, #f2f6ff));
    --summary-muted: var(--aquip-text-muted, #687386);
    --summary-body-muted: var(--aquip-text-muted, #4e596a);
    --summary-header-muted: var(--aquip-text-muted, #5d6677);
    --summary-matrix-muted: var(--aquip-text-muted, #536074);
    --summary-metric-ink: var(--aquip-text, #40495a);
    --summary-strong-ink: var(--aquip-text, #30384a);
    --summary-ink: var(--aquip-text, #202534);
    container-name: hierarchy-summary;
    container-type: inline-size;
    display: flex;
    min-height: 100%;
    flex-direction: column;
    background: var(--summary-canvas);
    color: var(--summary-ink);
}

.hierarchy-summary__content[b-dib2uovqki] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px;
}

.hierarchy-summary__scope-group-actions[b-dib2uovqki] {
    display: flex;
    flex-wrap: wrap;
    min-height: 36px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 10px;
    border: 1px solid light-dark(
        rgba(36, 87, 197, .2),
        color-mix(in srgb, var(--kendo-color-primary, currentColor) 20%, transparent)
    );
    border-radius: 5px;
    background: var(--kendo-color-primary-subtle, #eef3ff);
    color: light-dark(
        var(--summary-muted),
        var(--kendo-color-primary-on-subtle, var(--summary-ink))
    );
    font-size: 11px;
}

.hierarchy-summary__multi-scope-link[b-dib2uovqki] {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 4px 10px;
    border: 1px solid var(--kendo-color-primary, #2457c5);
    border-radius: 4px;
    background: var(--kendo-color-primary, #2457c5);
    color: var(--kendo-color-on-primary, #fff);
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}

.hierarchy-summary__multi-scope-link:hover[b-dib2uovqki] {
    background: var(--kendo-color-primary-hover, #1749ae);
    color: var(--kendo-color-on-primary, #fff);
    text-decoration: none;
}

.hierarchy-summary__multi-scope-link:focus-visible[b-dib2uovqki] {
    outline: 2px solid var(--kendo-color-primary, #2457c5);
    outline-offset: 2px;
}

.hierarchy-summary__panel[b-dib2uovqki] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--summary-border);
    border-radius: 5px;
    background: var(--summary-surface);
    box-shadow: 0 1px 4px light-dark(
        rgba(32, 37, 52, .035),
        color-mix(in srgb, var(--aquip-shadow-color, #000) 18%, transparent)
    );
}

.hierarchy-summary__panel-heading[b-dib2uovqki] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    min-height: 35px;
    padding: 7px 10px;
    border-bottom: 1px solid var(--summary-border);
}

.hierarchy-summary__panel-heading > div:first-child[b-dib2uovqki] {
    display: flex;
    min-width: 0;
    align-items: baseline;
    gap: 7px;
}

.hierarchy-summary__panel-heading h3[b-dib2uovqki],
.hierarchy-summary__panel-heading p[b-dib2uovqki] {
    margin: 0;
}

.hierarchy-summary__panel-heading h3[b-dib2uovqki] {
    flex: none;
    font-size: 13px;
}

.hierarchy-summary__panel-heading p[b-dib2uovqki] {
    overflow: hidden;
    color: var(--summary-muted);
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hierarchy-summary__count[b-dib2uovqki] {
    min-width: 25px;
    padding: 2px 7px;
    border-radius: 999px;
    background: var(--kendo-color-primary-subtle, #e8efff);
    color: light-dark(
        var(--kendo-color-primary, #2457c5),
        var(--kendo-color-primary-on-subtle, var(--summary-ink))
    );
    font-size: 11px;
    font-weight: 700;
    text-align: center;
}

.hierarchy-summary__panel-actions[b-dib2uovqki] {
    display: flex;
    flex: none;
    align-items: center;
    gap: 6px;
    margin-left: auto;
}

.hierarchy-summary__view-switcher[b-dib2uovqki] {
    display: inline-flex;
    align-items: center;
    border: 1px solid light-dark(
        rgba(36, 87, 197, .24),
        color-mix(in srgb, var(--kendo-color-primary, currentColor) 24%, transparent)
    );
    border-radius: 4px;
    background: var(--summary-surface);
}

.hierarchy-summary__view-option[b-dib2uovqki] {
    display: inline-flex;
    width: 26px;
    height: 24px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-right: 1px solid light-dark(
        rgba(36, 87, 197, .18),
        color-mix(in srgb, var(--kendo-color-primary, currentColor) 18%, transparent)
    );
    border-radius: 0;
    background: transparent;
    color: var(--kendo-color-primary, #2457c5);
    cursor: pointer;
    font: inherit;
    transition: background-color .15s ease, color .15s ease;
}

.hierarchy-summary__view-option:first-child[b-dib2uovqki] {
    border-radius: 3px 0 0 3px;
}

.hierarchy-summary__view-option:last-child[b-dib2uovqki] {
    border-right: 0;
    border-radius: 0 3px 3px 0;
}

.hierarchy-summary__view-option:hover[b-dib2uovqki] {
    background: var(--kendo-color-primary-subtle, #f1f5ff);
    color: light-dark(
        var(--kendo-color-primary, #2457c5),
        var(--kendo-color-primary-on-subtle, var(--summary-ink))
    );
}

.hierarchy-summary__view-option--selected[b-dib2uovqki] {
    background: var(--kendo-color-primary-subtle, #e8efff);
    color: light-dark(
        var(--kendo-color-primary, #2457c5),
        var(--kendo-color-primary-on-subtle, var(--summary-ink))
    );
    box-shadow: inset 0 0 0 1px light-dark(
        rgba(36, 87, 197, .16),
        color-mix(in srgb, currentColor 16%, transparent)
    );
}

.hierarchy-summary__view-option:focus-visible[b-dib2uovqki] {
    position: relative;
    z-index: 1;
    outline: 2px solid var(--kendo-color-primary, #2457c5);
    outline-offset: 2px;
}

.hierarchy-summary__view-option .k-svg-icon[b-dib2uovqki] {
    width: 14px;
    height: 14px;
}

.hierarchy-summary__discipline-view[b-dib2uovqki] {
    min-width: 0;
    transform-origin: center top;
    will-change: opacity, transform;
}

.hierarchy-summary__discipline-view--summary[b-dib2uovqki] {
    animation: hierarchy-summary-view-from-left-b-dib2uovqki .22s ease-out;
}

.hierarchy-summary__discipline-view--matrix[b-dib2uovqki] {
    animation: hierarchy-summary-view-from-right-b-dib2uovqki .22s ease-out;
}

@keyframes hierarchy-summary-view-from-left-b-dib2uovqki {
    from {
        opacity: 0;
        transform: translateX(-10px) rotateY(2deg);
    }

    to {
        opacity: 1;
        transform: translateX(0) rotateY(0);
    }
}

@keyframes hierarchy-summary-view-from-right-b-dib2uovqki {
    from {
        opacity: 0;
        transform: translateX(10px) rotateY(-2deg);
    }

    to {
        opacity: 1;
        transform: translateX(0) rotateY(0);
    }
}

.hierarchy-summary__discipline-wrap[b-dib2uovqki],
.hierarchy-summary__table-wrap[b-dib2uovqki] {
    width: 100%;
    overflow-x: auto;
}

.hierarchy-summary__discipline-table[b-dib2uovqki] {
    min-width: 760px;
}

.hierarchy-summary__discipline-table-heading[b-dib2uovqki],
.hierarchy-summary__discipline-row[b-dib2uovqki] {
    display: grid;
    grid-template-columns: minmax(130px, .7fr) repeat(3, minmax(180px, 1fr));
    align-items: center;
}

.hierarchy-summary__discipline-table-heading[b-dib2uovqki] {
    border-bottom: 1px solid var(--summary-border);
    background: var(--summary-surface-raised);
    color: var(--summary-header-muted);
    font-size: 10px;
    font-weight: 700;
}

.hierarchy-summary__discipline-table-heading > span[b-dib2uovqki],
.hierarchy-summary__discipline-row > div[b-dib2uovqki] {
    min-width: 0;
    padding: 6px 10px;
}

.hierarchy-summary__discipline-row[b-dib2uovqki] {
    border-bottom: 1px solid var(--summary-border-soft);
    font-size: 10px;
}

.hierarchy-summary__discipline-row:last-child[b-dib2uovqki] {
    border-bottom: 0;
}

.hierarchy-summary__discipline-row:hover[b-dib2uovqki] {
    background: var(--summary-hover);
}

.hierarchy-summary__label-with-info[b-dib2uovqki],
.hierarchy-summary__certificate-name[b-dib2uovqki] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 5px;
}

.hierarchy-summary__label-with-info strong[b-dib2uovqki],
.hierarchy-summary__certificate-name strong[b-dib2uovqki] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hierarchy-summary__described-code[b-dib2uovqki] {
    cursor: help;
    text-decoration: underline dotted color-mix(in srgb, currentColor 60%, transparent);
    text-underline-offset: 2px;
}

.hierarchy-summary__described-code:focus-visible[b-dib2uovqki] {
    border-radius: 2px;
    outline: 2px solid var(--kendo-color-primary, #2457c5);
    outline-offset: 2px;
}

.hierarchy-summary__certificate-name[b-dib2uovqki] {
    min-width: 145px;
}

.hierarchy-summary__certificate-name strong[b-dib2uovqki] {
    color: var(--summary-ink);
    font-size: 11px;
}

.hierarchy-summary__metric-line[b-dib2uovqki],
.hierarchy-summary__inline-metric[b-dib2uovqki] {
    display: grid;
    min-width: 0;
    grid-template-columns: max-content minmax(45px, 1fr);
    align-items: center;
    gap: 7px;
}

.hierarchy-summary__metric-line strong[b-dib2uovqki],
.hierarchy-summary__inline-metric-value[b-dib2uovqki] {
    color: var(--summary-metric-ink);
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.hierarchy-summary__workspace[b-dib2uovqki] {
    display: grid;
    grid-template-columns: minmax(0, 1.85fr) minmax(290px, 1fr);
    align-items: start;
    gap: 8px;
}

.hierarchy-summary__workspace--summary-only[b-dib2uovqki] {
    grid-template-columns: 1fr;
}

.hierarchy-summary__workspace--summary-only .hierarchy-summary__completion[b-dib2uovqki] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.hierarchy-summary__workspace--summary-only .hierarchy-summary__completion > .hierarchy-summary__panel-heading[b-dib2uovqki] {
    grid-column: 1 / -1;
}

.hierarchy-summary__workspace--summary-only .hierarchy-summary__summary-group[b-dib2uovqki] {
    border-right: 1px solid var(--summary-border);
    border-bottom: 0;
}

.hierarchy-summary__workspace--summary-only .hierarchy-summary__summary-group:last-child[b-dib2uovqki] {
    border-right: 0;
}

.hierarchy-summary__primary[b-dib2uovqki] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 8px;
}

.hierarchy-summary__table[b-dib2uovqki] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

.hierarchy-summary__table th[b-dib2uovqki],
.hierarchy-summary__table td[b-dib2uovqki] {
    padding: 6px 7px;
    border-bottom: 1px solid var(--summary-border-soft);
    font-size: 10px;
    text-align: left;
    vertical-align: middle;
}

.hierarchy-summary__table th[b-dib2uovqki] {
    background: var(--summary-surface-raised);
    color: var(--summary-header-muted);
    font-weight: 700;
    white-space: nowrap;
}

.hierarchy-summary__table thead th:nth-child(n+2):nth-child(-n+5)[b-dib2uovqki],
.hierarchy-summary__table tbody td:nth-child(n+2):nth-child(-n+5)[b-dib2uovqki] {
    text-align: center;
}

.hierarchy-summary__certificate-group th[b-dib2uovqki] {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid light-dark(
        rgba(36, 87, 197, .14),
        color-mix(in srgb, var(--kendo-color-primary, currentColor) 18%, transparent)
    );
    border-bottom: 1px solid light-dark(
        rgba(36, 87, 197, .1),
        color-mix(in srgb, var(--kendo-color-primary, currentColor) 14%, transparent)
    );
    background: light-dark(
        var(--kendo-color-primary-subtle, #f1f5ff),
        color-mix(
            in srgb,
            var(--kendo-color-primary, #2457c5) 25%,
            var(--summary-surface-raised)
        )
    );
    color: light-dark(
        var(--kendo-color-primary, #2457c5),
        var(--kendo-color-primary-on-subtle, var(--summary-ink))
    );
    font-size: 10px;
    text-align: left;
}

.hierarchy-summary__certificate-group:first-child th[b-dib2uovqki] {
    border-top: 0;
}

.hierarchy-summary__certificate-group-heading[b-dib2uovqki] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 4px;
}

.hierarchy-summary__certificate-group-toggle[b-dib2uovqki] {
    display: inline-flex;
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    margin: -2px 0 -2px -3px;
    padding: 0;
    border: 0;
    border-radius: 3px;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font: inherit;
    transition: background-color .15s ease;
}

.hierarchy-summary__certificate-group-toggle:hover[b-dib2uovqki] {
    background: light-dark(
        rgba(36, 87, 197, .1),
        color-mix(in srgb, currentColor 10%, transparent)
    );
}

.hierarchy-summary__certificate-group-toggle:focus-visible[b-dib2uovqki] {
    outline: 2px solid var(--kendo-color-primary, #2457c5);
    outline-offset: 1px;
}

.hierarchy-summary__certificate-group-toggle .k-svg-icon[b-dib2uovqki] {
    width: 12px;
    height: 12px;
}

.hierarchy-summary__certificate-group-label[b-dib2uovqki] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hierarchy-summary__certificate-group-description[b-dib2uovqki] {
    color: light-dark(
        #4e596a,
        var(--kendo-color-primary-on-subtle, var(--summary-ink))
    );
    font-weight: 500;
}

.hierarchy-summary__table tbody tr:last-child td[b-dib2uovqki] {
    border-bottom: 0;
}

.hierarchy-summary__table tbody tr:hover td[b-dib2uovqki] {
    background: var(--summary-hover);
}

.hierarchy-summary__scope-pill[b-dib2uovqki],
.hierarchy-summary__status[b-dib2uovqki] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 650;
    white-space: nowrap;
}

.hierarchy-summary__scope-pill[b-dib2uovqki] {
    border: 1px solid var(--aquip-border, #dce2eb);
    background: var(--summary-surface-sunken);
    color: var(--summary-body-muted);
}

.hierarchy-summary__status[b-dib2uovqki] {
    background: light-dark(
        #eef0f3,
        var(--kendo-color-base-subtle, var(--summary-surface-raised))
    );
    color: light-dark(
        #606a7c,
        var(--kendo-color-base-on-subtle, var(--summary-ink))
    );
}

.hierarchy-summary__status-dot[b-dib2uovqki] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
}

.hierarchy-summary__status--complete[b-dib2uovqki] {
    background: light-dark(#e3f7f0, var(--kendo-color-success-subtle, #e3f7f0));
    color: light-dark(#087a5c, var(--kendo-color-success-on-subtle, #087a5c));
}

.hierarchy-summary__status--partial[b-dib2uovqki] {
    background: light-dark(#fff3d7, var(--kendo-color-warning-subtle, #fff3d7));
    color: light-dark(#9a620a, var(--kendo-color-warning-on-subtle, #9a620a));
}

.hierarchy-summary__status--rejected[b-dib2uovqki] {
    background: light-dark(#fde8eb, var(--kendo-color-error-subtle, #fde8eb));
    color: light-dark(#bd2f3d, var(--kendo-color-error-on-subtle, #bd2f3d));
}

.hierarchy-summary__status--incomplete[b-dib2uovqki] {
    background: light-dark(
        #eceff3,
        var(--kendo-color-base-subtle, var(--summary-surface-raised))
    );
    color: light-dark(
        #687386,
        var(--kendo-color-base-on-subtle, var(--summary-muted))
    );
}

.hierarchy-summary__date[b-dib2uovqki] {
    color: var(--summary-body-muted);
    white-space: nowrap;
}

.hierarchy-summary__progress[b-dib2uovqki] {
    overflow: hidden;
    width: 100%;
    height: 4px;
    border-radius: 999px;
    background: light-dark(
        #e7eaf0,
        var(--kendo-color-base-subtle, var(--summary-surface-raised))
    );
}

.hierarchy-summary__progress span[b-dib2uovqki] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: light-dark(#d4525e, var(--kendo-color-error, #d4525e));
    transition: width .2s ease;
}

.hierarchy-summary__progress--active span[b-dib2uovqki] {
    background: light-dark(#e6a02f, var(--kendo-color-warning, #e6a02f));
}

.hierarchy-summary__progress--complete span[b-dib2uovqki] {
    background: light-dark(#159773, var(--kendo-color-success, #159773));
}

.hierarchy-summary__na[b-dib2uovqki] {
    color: var(--aquip-text-muted, #8a93a2);
    font-size: 10px;
    font-style: italic;
}

.hierarchy-summary__summary-group[b-dib2uovqki] {
    position: relative;
    padding: 8px 10px 9px 13px;
    border-bottom: 1px solid var(--summary-border);
}

.hierarchy-summary__summary-group:last-child[b-dib2uovqki] {
    border-bottom: 0;
}

.hierarchy-summary__summary-group[b-dib2uovqki]::before {
    position: absolute;
    inset: 8px auto 8px 0;
    width: 3px;
    border-radius: 0 2px 2px 0;
    content: "";
    background: var(--kendo-color-primary, #2563eb);
}

.hierarchy-summary__summary-group--sheet[b-dib2uovqki]::before {
    background: light-dark(#0f9d7a, var(--kendo-color-success, #0f9d7a));
}

.hierarchy-summary__summary-group--punch[b-dib2uovqki]::before {
    background: light-dark(#df8b18, var(--kendo-color-warning, #df8b18));
}

.hierarchy-summary__summary-heading[b-dib2uovqki] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 5px;
}

.hierarchy-summary__summary-heading span[b-dib2uovqki],
.hierarchy-summary__summary-heading strong[b-dib2uovqki] {
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.hierarchy-summary__summary-heading strong[b-dib2uovqki] {
    color: var(--summary-strong-ink);
}

.hierarchy-summary__summary-row[b-dib2uovqki] {
    display: grid;
    grid-template-columns: minmax(100px, auto) minmax(38px, 1fr) max-content;
    align-items: center;
    gap: 7px;
    min-height: 21px;
    font-size: 9px;
}

.hierarchy-summary__summary-value[b-dib2uovqki] {
    color: var(--summary-muted);
    white-space: nowrap;
}

.hierarchy-summary__summary-empty[b-dib2uovqki] {
    padding: 4px 0 1px;
    color: var(--summary-muted);
    font-size: 10px;
}

.hierarchy-summary__empty[b-dib2uovqki],
.hierarchy-summary__loading[b-dib2uovqki] {
    display: flex;
    min-height: 90px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    padding: 16px;
    color: var(--summary-muted);
    font-size: 11px;
    text-align: center;
}

.hierarchy-summary__loading[b-dib2uovqki] {
    min-height: 220px;
}

.hierarchy-summary__empty strong[b-dib2uovqki] {
    color: var(--summary-ink);
    font-size: 13px;
}

.hierarchy-summary__matrix-wrap[b-dib2uovqki] {
    width: 100%;
    max-height: min(420px, 46vh);
    overflow: auto;
}

.hierarchy-summary__matrix-table[b-dib2uovqki] {
    width: max-content;
    min-width: 100%;
    border-spacing: 0;
    border-collapse: separate;
}

.hierarchy-summary__matrix-table th[b-dib2uovqki],
.hierarchy-summary__matrix-table td[b-dib2uovqki] {
    height: 37px;
    padding: 5px 8px;
    border-right: 1px solid var(--summary-border-soft);
    border-bottom: 1px solid var(--summary-border-soft);
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
}

.hierarchy-summary__matrix-table tr > :last-child[b-dib2uovqki] {
    border-right: 0;
}

.hierarchy-summary__matrix-table thead th[b-dib2uovqki] {
    position: sticky;
    z-index: 3;
    top: 0;
    min-width: 92px;
    background: var(--summary-surface-raised);
    color: var(--summary-matrix-muted);
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.hierarchy-summary__matrix-table thead th:first-child[b-dib2uovqki] {
    z-index: 5;
    left: 0;
    min-width: 180px;
    text-align: left;
}

.hierarchy-summary__matrix-table tbody th[scope="row"][b-dib2uovqki] {
    position: sticky;
    z-index: 2;
    left: 0;
    min-width: 180px;
    background: var(--summary-surface);
    color: var(--summary-strong-ink);
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
}

.hierarchy-summary__matrix-table tbody tr:hover > td[b-dib2uovqki],
.hierarchy-summary__matrix-table tbody tr:hover > th[scope="row"][b-dib2uovqki] {
    background: light-dark(#f8faff, var(--summary-hover));
}

.hierarchy-summary__matrix-total-heading[b-dib2uovqki],
.hierarchy-summary__matrix-total[b-dib2uovqki] {
    position: sticky;
    z-index: 2;
    right: 0;
    min-width: 96px;
    border-left: 1px solid light-dark(
        rgba(36, 87, 197, .14),
        var(--summary-border)
    );
    background: light-dark(#f8faff, var(--summary-surface-raised));
}

.hierarchy-summary__matrix-total-heading[b-dib2uovqki] {
    z-index: 5 !important;
}

.hierarchy-summary__matrix-group th[b-dib2uovqki] {
    height: 29px;
    padding: 5px 9px;
    background: light-dark(#eef7f4, var(--kendo-color-success-subtle, #eef7f4));
    color: light-dark(#0b765c, var(--kendo-color-success-on-subtle, #0b765c));
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .035em;
    text-align: left;
    text-transform: uppercase;
}

.hierarchy-summary__matrix-group th > span:last-child[b-dib2uovqki] {
    display: inline-flex;
    min-width: 19px;
    justify-content: center;
    margin-left: 6px;
    padding: 1px 5px;
    border-radius: 999px;
    background: light-dark(
        rgba(15, 157, 122, .12),
        color-mix(in srgb, currentColor 12%, transparent)
    );
    font-size: 9px;
}

.hierarchy-summary__matrix-group--punch th[b-dib2uovqki] {
    background: light-dark(#fff6e8, var(--kendo-color-warning-subtle, #fff6e8));
    color: light-dark(#9a620a, var(--kendo-color-warning-on-subtle, #9a620a));
}

.hierarchy-summary__matrix-group--punch th > span:last-child[b-dib2uovqki] {
    background: light-dark(
        rgba(223, 139, 24, .14),
        color-mix(in srgb, currentColor 14%, transparent)
    );
}

.hierarchy-summary__matrix-kind[b-dib2uovqki] {
    display: inline-flex;
    min-width: 36px;
    justify-content: center;
    margin-right: 7px;
    padding: 2px 5px;
    border-radius: 999px;
    background: light-dark(#e5f5f0, var(--kendo-color-success-subtle, #e5f5f0));
    color: light-dark(#087a5c, var(--kendo-color-success-on-subtle, #087a5c));
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.hierarchy-summary__matrix-kind--punch[b-dib2uovqki] {
    background: light-dark(#fff0dc, var(--kendo-color-warning-subtle, #fff0dc));
    color: light-dark(#9a620a, var(--kendo-color-warning-on-subtle, #9a620a));
}

.hierarchy-summary__matrix-cell[b-dib2uovqki] {
    display: inline-grid;
    min-width: 64px;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 1px;
    padding: 3px 7px;
    border: 1px solid var(--aquip-border, #e0e4ea);
    border-radius: 4px;
    background: light-dark(
        #f7f8fa,
        var(--kendo-color-base-subtle, var(--summary-surface-sunken))
    );
    color: light-dark(
        #596476,
        var(--kendo-color-base-on-subtle, var(--summary-muted))
    );
    line-height: 1.1;
}

.hierarchy-summary__matrix-cell strong[b-dib2uovqki] {
    font-size: 10px;
}

.hierarchy-summary__matrix-cell span[b-dib2uovqki] {
    font-size: 8px;
    font-weight: 650;
}

.hierarchy-summary__matrix-cell--complete[b-dib2uovqki] {
    border-color: light-dark(#bfe7da, var(--kendo-color-success, #bfe7da));
    background: light-dark(#e8f7f2, var(--kendo-color-success-subtle, #e8f7f2));
    color: light-dark(#087a5c, var(--kendo-color-success-on-subtle, #087a5c));
}

.hierarchy-summary__matrix-cell--active[b-dib2uovqki] {
    border-color: light-dark(#f1d8a7, var(--kendo-color-warning, #f1d8a7));
    background: light-dark(#fff6e5, var(--kendo-color-warning-subtle, #fff6e5));
    color: light-dark(#94600e, var(--kendo-color-warning-on-subtle, #94600e));
}

.hierarchy-summary__matrix-cell--low[b-dib2uovqki] {
    border-color: light-dark(#efcbd0, var(--kendo-color-error, #efcbd0));
    background: light-dark(#fff0f2, var(--kendo-color-error-subtle, #fff0f2));
    color: light-dark(#ae3440, var(--kendo-color-error-on-subtle, #ae3440));
}

.hierarchy-summary__matrix-empty[b-dib2uovqki] {
    color: var(--aquip-text-muted, #a3aab6);
    font-size: 12px;
}

@container hierarchy-summary (max-width: 1050px) {
    .hierarchy-summary__workspace[b-dib2uovqki] {
        grid-template-columns: 1fr;
    }

    .hierarchy-summary__completion[b-dib2uovqki] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .hierarchy-summary__completion > .hierarchy-summary__panel-heading[b-dib2uovqki] {
        grid-column: 1 / -1;
    }

    .hierarchy-summary__summary-group[b-dib2uovqki] {
        border-right: 1px solid var(--summary-border);
        border-bottom: 0;
    }

    .hierarchy-summary__summary-group:last-child[b-dib2uovqki] {
        border-right: 0;
    }
}

@container hierarchy-summary (max-width: 680px) {
    .hierarchy-summary__content[b-dib2uovqki] {
        padding: 6px;
    }

    .hierarchy-summary__panel-heading > div:first-child[b-dib2uovqki] {
        display: block;
    }

    .hierarchy-summary__panel-heading p[b-dib2uovqki] {
        margin-top: 1px;
    }

    .hierarchy-summary__completion[b-dib2uovqki] {
        display: block;
    }

    .hierarchy-summary__workspace--summary-only .hierarchy-summary__completion[b-dib2uovqki] {
        display: block;
    }

    .hierarchy-summary__summary-group[b-dib2uovqki] {
        border-right: 0;
        border-bottom: 1px solid var(--summary-border);
    }

    .hierarchy-summary__workspace--summary-only .hierarchy-summary__summary-group[b-dib2uovqki] {
        border-right: 0;
        border-bottom: 1px solid var(--summary-border);
    }

    .hierarchy-summary__summary-group:last-child[b-dib2uovqki] {
        border-bottom: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hierarchy-summary__discipline-view--summary[b-dib2uovqki],
    .hierarchy-summary__discipline-view--matrix[b-dib2uovqki] {
        animation: none;
    }

    .hierarchy-summary__view-option[b-dib2uovqki] {
        transition: none;
    }

    .hierarchy-summary__certificate-group-toggle[b-dib2uovqki] {
        transition: none;
    }
}
/* /Components/HierarchyContainerComponent.razor.rz.scp.css */
.cs-hierarchy[b-24y0jnhia1] {
    z-index: 10;
    height: 100%;
    overflow: auto;
    transition: all linear 0.2s;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    width: 300px;
    left: 0;
    z-index: 0;
}

[b-24y0jnhia1] td.k-table-td {
    display: flex;
    padding: 5px;
    align-items: center;
}

    [b-24y0jnhia1] td.k-table-td * {
        font-size: 12px;
        line-height: 1;
    }

    [b-24y0jnhia1] td.k-table-td .k-treelist-toggle {
        min-width: 15px;
    }

[b-24y0jnhia1] .cs-badge-hierarchy {
    transform: unset;
    position: relative;
    font-size: 10px !important;
    padding: 1px 2px;
    margin-left: 0.25rem;
}
.header-hierarchy[b-24y0jnhia1] {
    color: var(--kendo-color-on-primary, #ffffff);
    background-color: var(--kendo-color-primary,#000);
}

[b-24y0jnhia1] .cs-hierarchy-display-toggle.k-button {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 2;
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
    padding: 0;
}

/* Reserve space on the tab header row so tab titles don't sit under the toggle */
[b-24y0jnhia1] .cs-hierarchy-tabstrip > .k-tabstrip-items-wrapper,
[b-24y0jnhia1] .cs-hierarchy-tabstrip .k-tabstrip-items-wrapper > .k-tabstrip-items {
    padding-right: 2rem;
}

/* The shared Telerik tab body adds a 1rem inset; keep the hierarchy pane flush. */
[b-24y0jnhia1] .cs-hierarchy-tabstrip > .k-tabstrip-content,
[b-24y0jnhia1] .cs-hierarchy-tabstrip > .k-content {
    padding: 0;
}

/* Single-line (truncate with ellipsis) display mode for tree items */
.cs-hierarchy-single-line[b-24y0jnhia1]  td.k-table-td {
    overflow: hidden;
}

.cs-hierarchy-single-line[b-24y0jnhia1]  .hierarchy-tree-row {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    flex-wrap: nowrap;
}

/* Custom hierarchy: text sits directly inside the row-content div */
.cs-hierarchy-single-line[b-24y0jnhia1]  .hierarchy-tree-row-content {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Core / Scope hierarchy: row-content wraps a flex row (img + text div) */
.cs-hierarchy-single-line[b-24y0jnhia1]  .hierarchy-tree-row-content > .flex,
.cs-hierarchy-single-line[b-24y0jnhia1]  .hierarchy-tree-row-content > .d-flex,
.cs-hierarchy-single-line[b-24y0jnhia1]  .hierarchy-tree-row-content > .position-relative > .flex,
.cs-hierarchy-single-line[b-24y0jnhia1]  .hierarchy-tree-row-content > .position-relative > .d-flex {
    min-width: 0;
    max-width: 100%;
    flex-wrap: nowrap;
    overflow: hidden;
}

/* The div that actually holds the <strong> / <span> text */
.cs-hierarchy-single-line[b-24y0jnhia1]  .hierarchy-tree-row-content .flex > div,
.cs-hierarchy-single-line[b-24y0jnhia1]  .hierarchy-tree-row-content .d-flex > div {
    min-width: 0;
    flex: 1 1 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Keep the leading icon from shrinking so the text gets the remaining space */
.cs-hierarchy-single-line[b-24y0jnhia1]  .hierarchy-tree-row-content img {
    flex: 0 0 auto;
}

.cs-hierarchy-single-line[b-24y0jnhia1]  .hierarchy-tree-row-content strong,
.cs-hierarchy-single-line[b-24y0jnhia1]  .hierarchy-tree-row-content span {
    white-space: nowrap;
}

/* Scope hierarchy wraps its flex row in a .position-relative container */
.cs-hierarchy-single-line[b-24y0jnhia1]  .hierarchy-tree-row-content > .position-relative {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}
/* /Components/InspectionSkylineComponent.razor.rz.scp.css */
/* The rules below are copied verbatim from SkylineComponent.razor.css so the
   Inspection skyline renders pixel-identical to the Skyline page. Only the
   status-class aliases that exist solely on this page (item-not-started,
   item-not-started-behindschedule and the detailed-legend Late/Complete chips)
   are additions; they reuse the same colour constants Skyline uses. */

label[b-izitvzy1ww] {
    font-size: 13px;
    margin-bottom: 0;
    font-weight: 400;
}

.yaxis-label[b-izitvzy1ww] {
    background-color: var(--kendo-color-primary, #212529);
    margin-bottom: -1px;
    z-index: 1
}

.yaxis-label label[b-izitvzy1ww] {
    left: 0;
    position: sticky;
    text-align: center;
    color: white;
}

    .yaxis-label label:last-child[b-izitvzy1ww] {
        margin-bottom: 0px;
    }

.subsystem-table[b-izitvzy1ww] {
    margin-left: 150px;
    background: #f5f5f5;
    border: 1px solid #000;
    border-right: unset;
    position: relative;
    border-left: 0px;
}

.cursor-pointer[b-izitvzy1ww] {
    cursor: pointer !important;
}

.data-column .skyline-item[b-izitvzy1ww] {
    margin: 0px;
    border: 1px solid #0000005e;
    border-bottom: none;
    text-align: center;
    width: 136px;
    white-space: nowrap;
    height: 36px;
    margin-left: -1px;
    padding: 1px;
    /* Width is capped (GetBoxWidth); clip any label that overflows the capped box. */
    overflow: hidden;
}

/* Long inspection names are truncated to a single line with an ellipsis so a capped
   box never overflows; the full name stays available via the title/Telerik tooltip. */
.data-column .skyline-item .skyline-name-text[b-izitvzy1ww] {
    display: block;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.skyline-item.item-incomplete[b-izitvzy1ww] {
    background: #FF7F11;
}

.skyline-item.item-completed[b-izitvzy1ww] {
    background: #6CC04A;
}

.skyline-item.item-late[b-izitvzy1ww] {
    background: red;
}

.skyline-item.item-not-started[b-izitvzy1ww] {
    background: #c1c5c7;
}

.skyline-item.item-not-started-behindschedule[b-izitvzy1ww] {
    background: #f20202;
}

.skyline-item.item-inprogress-behindschedule[b-izitvzy1ww] {
    background: #FFFB73;
}

    .skyline-item.item-inprogress-behindschedule .skylinetext-lbl[b-izitvzy1ww] {
        color: black !important;
    }

.ytext-label[b-izitvzy1ww] {
    height: 37px;
    line-height: 37px;
    margin-top: -1px;
    text-align: center;
    border: 1px solid #000;
    padding: 0 5px;
    width: 27px;
}

.data-column .skyline-item .skylinetext-lbl[b-izitvzy1ww] {
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow: visible;
    text-overflow: ellipsis;
    vertical-align: middle;
    margin: 0px;
    line-height: 1;
    color: #fff;
    position: relative;
}

.data-column .skyline-item .skylinetext-lbl-test-pack[b-izitvzy1ww] {
    font-size: 11px;
}

/* Detailed view: linked inspection description shown inside the box. */
.data-column .skyline-item .skyline-item-description[b-izitvzy1ww] {
    display: block;
    width: 100%;
    margin-top: 2px;
    font-size: 9px;
    line-height: 1.15;
    white-space: normal;
    overflow: visible;
    word-wrap: break-word;
    text-align: center;
}

.data-container .date[b-izitvzy1ww] {
    background: #000;
    color: white;
    padding: 3px;
    border: 1px solid #808080;
    border-bottom: none;
    border-left: none;
    width: 135px;
    text-align: center;
    height: 36px;
    line-height: 30px;
}

.date.date-today[b-izitvzy1ww] {
    border: 2px dashed #ffe500 !important;
}

.legend-container small[b-izitvzy1ww] {
    color: white;
    text-align: center;
    padding: 5px;
}

    .legend-container small:nth-child(2)[b-izitvzy1ww] {
        background: red;
    }

    .legend-container small:nth-child(3)[b-izitvzy1ww] {
        background: #f5800a;
        color: #fff;
    }

    .legend-container small:last-child[b-izitvzy1ww] {
        background: #6CC04A;
    }


.legend-detail-container small[b-izitvzy1ww] {
    color: black;
    text-align: center;
    padding: 5px;
}

    .legend-detail-container small:nth-child(2)[b-izitvzy1ww] {
        background: #c1c5c7;
    }

    .legend-detail-container small:nth-child(3)[b-izitvzy1ww] {
        background: #f20202;
        color: #fff;
    }

    .legend-detail-container small:nth-child(4)[b-izitvzy1ww] {
        background: #f5800a;
        color: #fff;
    }

    .legend-detail-container small:nth-child(5)[b-izitvzy1ww] {
        background: #FFFB73;
    }

    /* This page's detailed legend ends with Late/Complete chips (Skyline's ends
       with the two ITR-complete chips); reuse Skyline's Late/Complete colours. */
    .legend-detail-container small:nth-child(6)[b-izitvzy1ww] {
        background: red;
        color: #fff;
    }

    .legend-detail-container small:last-child[b-izitvzy1ww] {
        background: #6CC04A;
        color: #fff;
    }

.date-container[b-izitvzy1ww] {
    margin-left: 175px;
}

.certification-container .cert-title[b-izitvzy1ww],
.certification-container .title[b-izitvzy1ww] {
    width: 175px !important;
    min-width: 175px;
    margin: 0px;
    border-bottom: 1px solid #0000005e;
    padding: 3px;
}

.subsystem-table .yaxis-label[b-izitvzy1ww],
.certification-container .cert-title[b-izitvzy1ww],
.certification-container .title[b-izitvzy1ww] {
    left: 0;
    position: sticky;
}

.certification-container .date[b-izitvzy1ww] {
    background: #595959;
    color: white;
    padding: 3px;
    border: 1px solid #b9b9b9;
    border-right: 0px;
    width: 135px;
    text-align: center;
    margin: 0px;
}

.certification-container .cert-data[b-izitvzy1ww] {
    padding: 3px;
    border: 1px solid #0000005e;
    border-bottom: none;
    border-right: none;
    margin: 0px;
    text-align: center;
    width: 135px;
    background: #fff;
}

.certification-container .flex.flex-row:last-child .cert-data[b-izitvzy1ww] {
    border-bottom: 1px solid #0000005e;
}

.certification-container .title[b-izitvzy1ww] {
    background-color: var(--kendo-color-primary, #212529);
    color: var(--kendo-color-on-primary, #ffffff);
}

.certification-container .cert-title[b-izitvzy1ww] {
    background: #000;
    color: white;
}

.cert-data.cursor-pointer:hover[b-izitvzy1ww] {
    background: #eee;
}

.skyline-title[b-izitvzy1ww] {
    position: sticky;
    background: #262626;
    color: #fff;
    margin-left: 175px;
    text-align: left;
    width: calc(100% - 175px);
    border-bottom: 6px solid #a1c2e7;
    font-size: 14px;
    padding: 6px;
    margin-bottom: 0;
    outline: 1px solid #000;
    z-index: 1;
    padding-right: 207px;
}

label.cert-data.bg-darkcert-data[b-izitvzy1ww] {
    background: #46546a;
    color: #fff;
    border-color: #7e7e7e;
}

.certification-container .cert-data:last-child[b-izitvzy1ww] {
    border-right: 1px solid #0000005e;
}

.data-container:last-child .data-column .skyline-item[b-izitvzy1ww] {
    border-right: 0px;
}

.legend-container[b-izitvzy1ww] {
    position: absolute;
    right: 0;
    top: 3px;
    right: 4px;
}

    .legend-container > *[b-izitvzy1ww] {
        color: #fff;
        font-size: 11px;
    }

.legend-detail-container > *[b-izitvzy1ww] {
    font-size: 10px;
}

.detailed-skyline .ytext-label[b-izitvzy1ww],
.detailed-skyline .data-container .date[b-izitvzy1ww] {
    height: 77px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.detailed-skyline .data-column .skyline-item[b-izitvzy1ww],
.detailed-skyline .data-column .skyline-item .skylinetext-lbl[b-izitvzy1ww] {
    height: 75px;
}

.detailed-skyline .data-column .skyline-item .skylinetext-lbl[b-izitvzy1ww],
.detailed-skyline .data-column .skyline-item > *[b-izitvzy1ww] {
    padding: 5px !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    row-gap: 3px;
}
/* /Components/JobCardTaskComponent.razor.rz.scp.css */
.job-card-task-grid-skeleton[b-fg0azhe4sj] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: 4px;
    background: var(--kendo-color-surface, #fff);
}

.job-card-task-grid-skeleton-toolbar[b-fg0azhe4sj] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.5rem;
    border-bottom: 1px solid var(--kendo-color-border, #dee2e6);
}

.job-card-task-grid-skeleton-table[b-fg0azhe4sj] {
    width: 100%;
}

.job-card-task-grid-skeleton-row[b-fg0azhe4sj] {
    display: grid;
    width: 100%;
    grid-template-columns: 10.13% 10.13% 21.52% 16.45% 10.13% 10.13% 12.66% 8.85%;
    min-height: 44px;
    border-bottom: 1px solid var(--kendo-color-border, #dee2e6);
}

.job-card-task-grid-skeleton-row:last-child[b-fg0azhe4sj] {
    border-bottom: 0;
}

.job-card-task-grid-skeleton-header[b-fg0azhe4sj] {
    background: var(--kendo-color-base-subtle, #f5f5f5);
}

.job-card-task-grid-skeleton-cell[b-fg0azhe4sj] {
    display: flex;
    align-items: center;
    min-width: 0;
    padding: 0.75rem;
    border-right: 1px solid var(--kendo-color-border, #dee2e6);
}

.job-card-task-grid-skeleton-cell:last-child[b-fg0azhe4sj] {
    border-right: 0;
}
/* /Components/NotificationCenterPopoverComponent.razor.rz.scp.css */
.notification-center-overlay[b-nt62zee3f9] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 999;
}

.notification-center-popover[b-nt62zee3f9] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: min(420px, calc(100vw - 24px));
    max-height: min(900px, calc(100vh - 32px));
    border: 1px solid #dce1e7;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.16);
    z-index: 9999;
    padding: 12px;
    display: flex;
    flex-direction: column;
}

.notification-center-header[b-nt62zee3f9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.notification-center-icon-button[b-nt62zee3f9],
.notification-center-item-dismiss[b-nt62zee3f9],
.notification-center-link-button[b-nt62zee3f9] {
    border: 0;
    background: transparent;
    cursor: pointer;
}

.notification-center-icon-button[b-nt62zee3f9] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #475467;
}

.notification-center-icon-button:hover[b-nt62zee3f9],
.notification-center-item-dismiss:hover[b-nt62zee3f9] {
    background: #eef2f7;
    color: #101828;
}

.notification-center-title[b-nt62zee3f9] {
    font-size: 14px;
    font-weight: 600;
}

.notification-center-subtitle[b-nt62zee3f9] {
    font-size: 12px;
    color: #6b7280;
}

.notification-center-tabs[b-nt62zee3f9] {
    display: flex;
    gap: 0;
    margin-top: 10px;
    border-bottom: 1px solid #e5e7eb;
}

.notification-center-tab[b-nt62zee3f9] {
    flex: 1;
    padding: 8px 12px;
    border: none;
    background: transparent;
    font-size: 13px;
    font-weight: 600;
    color: #6b7280;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: color 0.15s, border-color 0.15s;
}

.notification-center-tab:hover[b-nt62zee3f9] {
    color: #374151;
}

.notification-center-tab.active[b-nt62zee3f9] {
    color: #101828;
    border-bottom-color: var(--kendo-color-primary, #151515);
}

.tab-badge[b-nt62zee3f9] {
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    font-size: 11px;
    line-height: 18px;
    font-weight: 700;
    text-align: center;
    color: #fff;
}

.tab-badge-red[b-nt62zee3f9] {
    background: #d92d20;
}

.tab-badge-blue[b-nt62zee3f9] {
    background: #155eef;
}

.tab-badge-amber[b-nt62zee3f9] {
    background: #b54708;
}

.notification-center-panel[b-nt62zee3f9] {
    min-height: 120px;
    margin-top: 8px;
    overflow-y: auto;
    flex: 1;
}

.notification-center-toolbar[b-nt62zee3f9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}

.notification-center-count[b-nt62zee3f9] {
    font-size: 12px;
    font-weight: 600;
    color: #475467;
}

.notification-center-link-button[b-nt62zee3f9] {
    padding: 0;
    font-size: 12px;
    font-weight: 700;
    color: #155eef;
}

.notification-center-link-button:hover[b-nt62zee3f9] {
    color: #1849a9;
    text-decoration: underline;
}

.notification-center-loading[b-nt62zee3f9],
.notification-center-empty[b-nt62zee3f9] {
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #6b7280;
}

.notification-center-list[b-nt62zee3f9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: min(520px, calc(100vh - 180px));
    overflow: auto;
}

.notification-center-item[b-nt62zee3f9] {
    position: relative;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
}

.notification-center-item.unread[b-nt62zee3f9] {
    border-left: 3px solid var(--kendo-color-primary, #151515);
    background: #f7f9fc;
}

.notification-center-item:hover[b-nt62zee3f9] {
    background: #f8fafc;
}

.notification-center-item-main[b-nt62zee3f9] {
    width: 100%;
    border: 0;
    background: transparent;
    padding: 10px 40px 10px 12px;
    text-align: left;
    cursor: pointer;
}

.notification-center-item-main-access-request[b-nt62zee3f9] {
    padding-right: 12px;
}

.notification-center-item-dismiss[b-nt62zee3f9] {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #667085;
}

.notification-center-item-top[b-nt62zee3f9],
.notification-center-item-progress[b-nt62zee3f9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.notification-center-progress-label[b-nt62zee3f9] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.notification-center-item-status[b-nt62zee3f9] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.notification-center-item-status.status-pending[b-nt62zee3f9],
.notification-center-item-status.status-running[b-nt62zee3f9] {
    color: #0f5ea8;
}

.notification-center-item-status.status-success[b-nt62zee3f9] {
    color: #1f7a1f;
}

.notification-center-item-status.status-failed[b-nt62zee3f9] {
    color: #c0392b;
}

.notification-center-item-status.status-neutral[b-nt62zee3f9] {
    color: #475467;
}

.notification-center-status-icon[b-nt62zee3f9] {
    flex-shrink: 0;
}

.notification-center-item-date[b-nt62zee3f9],
.notification-center-item-message[b-nt62zee3f9],
.notification-center-item-progress[b-nt62zee3f9] {
    font-size: 12px;
    color: #6b7280;
}

.notification-center-item-title[b-nt62zee3f9] {
    margin-top: 4px;
    font-weight: 600;
}

.notification-center-item-subject[b-nt62zee3f9] {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 600;
    color: #1f2937;
}

.notification-center-item-context[b-nt62zee3f9],
.notification-center-item-message[b-nt62zee3f9],
.notification-center-item-progress[b-nt62zee3f9] {
    margin-top: 4px;
}

.notification-center-item-context[b-nt62zee3f9] {
    font-size: 12px;
    color: #475467;
}

.notification-center-item-link[b-nt62zee3f9] {
    margin-top: 6px;
    font-size: 12px;
    font-weight: 700;
    color: #155eef;
}

.notification-center-item-actions[b-nt62zee3f9] {
    display: flex;
    justify-content: flex-end;
    padding: 0 12px 10px;
    border-top: 1px solid #eef2f6;
}

.notification-center-item-actions-access-request[b-nt62zee3f9] {
    align-items: center;
    gap: 8px;
}

.notification-center-action-icon[b-nt62zee3f9] {
    width: 24px;
    height: 24px;
    border: 1px solid #d0d5dd;
    border-radius: 999px;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.notification-center-action-icon-approve[b-nt62zee3f9] {
    color: #1f7a1f;
}

.notification-center-action-icon-approve:hover[b-nt62zee3f9] {
    background: #ecfdf3;
    border-color: #73d99f;
}

.notification-center-action-icon-reject[b-nt62zee3f9] {
    color: #c0392b;
}

.notification-center-action-icon-reject:hover[b-nt62zee3f9] {
    background: #fef3f2;
    border-color: #f3a7a1;
}

.notification-center-inline-loader[b-nt62zee3f9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
}

.notification-center-actions[b-nt62zee3f9] {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #e5e7eb;
    margin-top: 10px;
    padding-top: 8px;
}

/* Signatory tab styles */

.signatory-category-list[b-nt62zee3f9] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow: auto;
}

.signatory-category[b-nt62zee3f9] {
    display: flex;
    flex-direction: column;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
    max-height: 300px;
}

.signatory-category-header[b-nt62zee3f9] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border: none;
    background: #f9fafb;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    color: #1f2937;
    text-align: left;
    transition: background 0.15s;
}

.signatory-category-header:hover[b-nt62zee3f9] {
    background: #f3f4f6;
}

.signatory-category-symbol[b-nt62zee3f9] {
    min-width: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 16px;
    line-height: 1;
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.signatory-category-name[b-nt62zee3f9] {
    flex: 1;
}

.signatory-category-count[b-nt62zee3f9] {
    min-width: 22px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: #155eef;
    color: #fff;
    font-size: 11px;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
}

.signatory-category-items[b-nt62zee3f9] {
    border-top: 1px solid #e5e7eb;
}

.signatory-item[b-nt62zee3f9] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 12px 8px 36px;
    border: none;
    border-bottom: 1px solid #f3f4f6;
    background: #fff;
    cursor: pointer;
    text-align: left;
    transition: background 0.15s;
}

.signatory-item:last-child[b-nt62zee3f9] {
    border-bottom: none;
}

.signatory-item:hover[b-nt62zee3f9] {
    background: #f0f5ff;
}

.signatory-item-title[b-nt62zee3f9] {
    font-size: 13px;
    font-weight: 500;
    color: #1f2937;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 0;
}

.signatory-item-meta[b-nt62zee3f9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 11px;
    color: #6b7280;
}

.signatory-item-days[b-nt62zee3f9] {
    font-weight: 600;
}

.signatory-item-days.urgent[b-nt62zee3f9] {
    color: #d92d20;
}

.signatory-item-loading[b-nt62zee3f9] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.signatory-virtualized-container[b-nt62zee3f9] {
    max-height: min(420px, calc(100vh - 280px));
    overflow-y: auto;
    border-top: 1px solid #e5e7eb;
    scrollbar-width: thin;
}

.signatory-item-placeholder[b-nt62zee3f9] {
    height: 48px;
    padding: 8px 12px 8px 36px;
    border-bottom: 1px solid #f3f4f6;
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: center;
}

.signatory-item-placeholder[b-nt62zee3f9]::before,
.signatory-item-placeholder[b-nt62zee3f9]::after {
    content: "";
    display: block;
    border-radius: 4px;
    background: linear-gradient(90deg, #eee 25%, #e0e0e0 50%, #eee 75%);
    background-size: 200% 100%;
    animation: skeleton-shimmer-b-nt62zee3f9 1.4s ease-in-out infinite;
}

.signatory-item-placeholder[b-nt62zee3f9]::before {
    width: 65%;
    height: 12px;
}

.signatory-item-placeholder[b-nt62zee3f9]::after {
    width: 40%;
    height: 10px;
}

@keyframes skeleton-shimmer-b-nt62zee3f9 {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}
/* /Components/PowerBIReportManagementComponent.razor.rz.scp.css */
.personnel-groups-editor[b-97q25n21zs] {
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid var(--bs-gray-300, #dee2e6);
    border-radius: 4px;
    padding: 8px;
}

.personnel-groups-editor .form-check[b-97q25n21zs] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    padding: 4px;
}

.personnel-groups-editor .form-check:hover[b-97q25n21zs] {
    background-color: var(--bs-gray-100, #f8f9fa);
    border-radius: 4px;
}

.personnel-groups-editor .form-check-label[b-97q25n21zs] {
    margin: 0;
    cursor: pointer;
    user-select: none;
} 
/* /Components/PreservationMaterialPlanningComponent.razor.rz.scp.css */
.preservation-material-layout[b-3sn94e6en1] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.preservation-material-splitter[b-3sn94e6en1] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
}

.preservation-material-pane[b-3sn94e6en1] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    height: 100%;
    min-height: 0;
    min-width: 0;
    padding: 0.5rem 0;
    overflow: hidden;
}

.preservation-material-chart-card[b-3sn94e6en1] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 320px;
}

html[data-theme="dark"] .preservation-material-chart-card[b-3sn94e6en1]  .k-chart {
    --kendo-chart-bg: var(--aquip-surface);
    --kendo-chart-text: var(--aquip-text-muted);
}

.preservation-material-chart-stage[b-3sn94e6en1] {
    flex: 1 1 auto;
    min-height: 0;
    perspective: 1400px;
}

.preservation-material-visual-flip[b-3sn94e6en1] {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.preservation-material-visual-flip.is-flipped[b-3sn94e6en1] {
    transform: rotateY(180deg);
}

.preservation-material-visual-face[b-3sn94e6en1] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    min-height: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.preservation-material-visual-face--front[b-3sn94e6en1] {
    z-index: 2;
}

.preservation-material-visual-face--back[b-3sn94e6en1] {
    transform: rotateY(180deg);
}

.preservation-material-visual-empty[b-3sn94e6en1] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
}

.preservation-material-grid-host[b-3sn94e6en1] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    min-width: 0;
    padding: 0.5rem 0;
    overflow: hidden;
}

.preservation-material-filters .k-multiselect[b-3sn94e6en1] {
    min-height: 34px;
}
/* /Components/PreservationPlanningComponent.razor.rz.scp.css */
.preservation-planning-splitter[b-mcmlys0hbk] {
    flex: 1 1 auto;
    min-height: 0;
}

.preservation-planning-pane[b-mcmlys0hbk] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    padding: 0.5rem 0;
}

.preservation-planning-visual-card[b-mcmlys0hbk] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    background-color: var(--kendo-color-app-surface, var(--aquip-surface, #fff));
}

html[data-theme="dark"] .preservation-planning-visual-card[b-mcmlys0hbk]  .k-chart {
    --kendo-chart-bg: var(--aquip-surface);
    --kendo-chart-text: var(--aquip-text-muted);
}

/*
 * Telerik renders line-series legend symbols as a white marker above an elbow
 * path. On a dark chart this reads as a detached white tile and a corner glyph.
 * Keep the package's Light rendering untouched, but normalize the Dark symbol
 * to a horizontal series-coloured line with a centred filled marker.
 */
html[data-theme="dark"] .preservation-planning-visual-card[b-mcmlys0hbk]  .k-chart-legend-item[aria-label="Cumulative Planned"] > g:first-child > g:first-child > path,
html[data-theme="dark"] .preservation-planning-visual-card[b-mcmlys0hbk]  .k-chart-legend-item[aria-label="Cumulative Actual"] > g:first-child > g:first-child > path {
    stroke-dasharray: 0 7.5 15 0;
    /* A round cap paints the zero-length hidden dash as a detached dot. */
    stroke-linecap: butt;
    transform: translateY(-6px);
}

html[data-theme="dark"] .preservation-planning-visual-card[b-mcmlys0hbk]  .k-chart-legend-item[aria-label="Cumulative Planned"] > g:first-child > circle,
html[data-theme="dark"] .preservation-planning-visual-card[b-mcmlys0hbk]  .k-chart-legend-item[aria-label="Cumulative Actual"] > g:first-child > circle {
    cx: 13.5px;
    cy: 11px;
}

html[data-theme="dark"] .preservation-planning-visual-card[b-mcmlys0hbk]  .k-chart-legend-item[aria-label="Cumulative Planned"] > g:first-child > circle {
    fill: var(--aquip-chart-series-cumulative-planned, #55c993);
    stroke: var(--aquip-chart-series-cumulative-planned, #55c993);
}

html[data-theme="dark"] .preservation-planning-visual-card[b-mcmlys0hbk]  .k-chart-legend-item[aria-label="Cumulative Actual"] > g:first-child > circle {
    fill: var(--aquip-chart-series-cumulative-actual, #f2b85b);
    stroke: var(--aquip-chart-series-cumulative-actual, #f2b85b);
}

.preservation-planning-visual-stage[b-mcmlys0hbk] {
    flex: 1 1 auto;
    min-height: 0;
    perspective: 1400px;
}

.preservation-planning-visual-flip[b-mcmlys0hbk] {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.preservation-planning-visual-flip.is-flipped[b-mcmlys0hbk] {
    transform: rotateY(180deg);
}

.preservation-planning-visual-face[b-mcmlys0hbk] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    min-height: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.preservation-planning-visual-face--front[b-mcmlys0hbk] {
    z-index: 2;
}

.preservation-planning-visual-face--back[b-mcmlys0hbk] {
    transform: rotateY(180deg);
}

.preservation-planning-visual-empty[b-mcmlys0hbk] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
}

.preservation-planning-grid-host[b-mcmlys0hbk] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}
/* /Components/ProgressItemDocumentComponent.razor.rz.scp.css */
.progress-document-toolbar[b-1dcd7vgb7q] {
    min-height: 42px;
}

@media (max-width: 768px) {
    .progress-document-toolbar > *[b-1dcd7vgb7q] {
        flex: 1 1 100%;
    }
}
/* /Components/ProgressItemSectionDiagramComponent.razor.rz.scp.css */
.progress-item-section-diagram[b-svxqwiklsy] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    padding: 15px;
}

.diagram-toolbar[b-svxqwiklsy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.diagram-primary-actions[b-svxqwiklsy],
.diagram-layout-controls[b-svxqwiklsy] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.diagram-layout-controls[b-svxqwiklsy] {
    gap: 12px;
}

.diagram-layout-label[b-svxqwiklsy] {
    font-weight: 600;
}

.diagram-layout-picker[b-svxqwiklsy] {
    width: 190px;
}

.diagram-edit-help[b-svxqwiklsy] {
    font-size: 12px;
}

.diagram-canvas-host[b-svxqwiklsy] {
    flex: 1;
    min-height: 360px;
    overflow: auto;
}

.diagram-empty[b-svxqwiklsy] {
    padding: 10px;
}

/* Telerik Diagram ships a fixed white chart canvas. Override only this
   Progress Item diagram in dark mode and let a theme revision redraw nodes. */
html[data-theme="dark"] .progress-item-section-diagram[b-svxqwiklsy],
html[data-theme="dark"] .diagram-canvas-host[b-svxqwiklsy] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-app-surface, var(--aquip-canvas));
}

html[data-theme="dark"] .progress-item-section-diagram[b-svxqwiklsy]  .k-diagram {
    --kendo-chart-bg: var(--kendo-color-surface, var(--aquip-surface));
    --kendo-chart-text: var(--kendo-color-on-surface, var(--aquip-text));
    color: var(--kendo-color-on-surface, var(--aquip-text));
    background: var(--kendo-color-surface, var(--aquip-surface));
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .progress-item-section-diagram[b-svxqwiklsy]  .k-canvas-container,
html[data-theme="dark"] .progress-item-section-diagram[b-svxqwiklsy]  .km-scroll-wrapper,
html[data-theme="dark"] .progress-item-section-diagram[b-svxqwiklsy]  svg {
    background: var(--kendo-color-surface, var(--aquip-surface));
}

@media (max-width: 700px) {
    .diagram-toolbar[b-svxqwiklsy],
    .diagram-layout-controls[b-svxqwiklsy] {
        align-items: stretch;
        flex-direction: column;
    }

    .diagram-primary-actions[b-svxqwiklsy],
    .diagram-layout-picker[b-svxqwiklsy] {
        width: 100%;
    }
}
/* /Components/ProgressItemStepCustomColumnAssignmentMatrix.razor.rz.scp.css */
.assignment-manager[b-oagwr9lv89] { display:flex; flex-direction:column; height:100%; min-height:520px; background:#f6f8fb; }
.assignment-toolbar[b-oagwr9lv89] { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; padding:18px 20px; border-bottom:1px solid #dce4ee; background:#fff; }
.assignment-heading h3[b-oagwr9lv89] { margin:2px 0; color:#172033; font-size:1.15rem; }
.assignment-heading > span:last-child[b-oagwr9lv89] { color:#6b7789; font-size:.8rem; }
.assignment-eyebrow[b-oagwr9lv89] { color:var(--kendo-color-primary,#2563eb); font-size:.68rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.assignment-filters[b-oagwr9lv89] { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.assignment-state[b-oagwr9lv89] { display:flex; flex:1; align-items:center; justify-content:center; gap:10px; min-height:280px; color:#627086; }
.assignment-empty[b-oagwr9lv89] { flex-direction:column; }
.assignment-empty strong[b-oagwr9lv89] { color:#253047; font-size:1rem; }
.assignment-matrix-scroll[b-oagwr9lv89] { flex:1; overflow:auto; padding:14px; }
.assignment-matrix[b-oagwr9lv89] { width:max-content; min-width:100%; border-collapse:separate; border-spacing:0; border:1px solid #dce4ee; border-radius:12px; background:#fff; box-shadow:0 8px 24px rgba(30,41,59,.06); }
.assignment-matrix th[b-oagwr9lv89],.assignment-matrix td[b-oagwr9lv89] { min-width:150px; padding:10px 12px; border-right:1px solid #e5eaf0; border-bottom:1px solid #e8edf2; text-align:center; vertical-align:middle; }
.assignment-matrix thead th[b-oagwr9lv89] { position:sticky; top:0; z-index:4; background:#eef4fb; color:#24324a; }
.assignment-matrix .assignment-label-column[b-oagwr9lv89] { position:sticky; left:0; z-index:6; min-width:390px; text-align:left; }
.assignment-label-column span[b-oagwr9lv89],.assignment-label-column small[b-oagwr9lv89],.assignment-column-header span[b-oagwr9lv89],.assignment-column-header small[b-oagwr9lv89] { display:block; }
.assignment-label-column small[b-oagwr9lv89],.assignment-column-header small[b-oagwr9lv89] { margin-top:3px; color:#708096; font-size:.68rem; font-weight:500; }
.assignment-column-header[b-oagwr9lv89] { display:grid; grid-template-columns:22px minmax(100px,1fr); align-items:center; text-align:left; }
.assignment-column-header span[b-oagwr9lv89],.assignment-column-header small[b-oagwr9lv89] { grid-column:2; }
.assignment-column-header em[b-oagwr9lv89] { margin-left:4px; color:#c2413a; font-style:normal; font-weight:700; }
.assignment-matrix tbody td:first-child[b-oagwr9lv89] { position:sticky; left:0; z-index:2; text-align:left; background:#fff; }
.assignment-group-row td[b-oagwr9lv89] { background:#edf4ff !important; font-weight:600; }
.assignment-section-row td[b-oagwr9lv89] { background:#f6f9fd !important; }
.assignment-expand[b-oagwr9lv89] { display:flex; align-items:center; gap:9px; width:100%; padding:0; border:0; background:transparent; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.assignment-expand span[b-oagwr9lv89],.assignment-step > span:last-child[b-oagwr9lv89] { min-width:0; }
.assignment-expand strong[b-oagwr9lv89],.assignment-expand small[b-oagwr9lv89],.assignment-step strong[b-oagwr9lv89],.assignment-step small[b-oagwr9lv89] { display:block; }
.assignment-expand small[b-oagwr9lv89],.assignment-step small[b-oagwr9lv89] { margin-top:2px; color:#748196; font-size:.68rem; font-weight:500; }
.assignment-indent-1[b-oagwr9lv89] { padding-left:22px; }
.assignment-indent-2[b-oagwr9lv89] { padding-left:54px; }
.assignment-step[b-oagwr9lv89] { display:flex; align-items:center; gap:10px; }
.assignment-step strong[b-oagwr9lv89] { max-width:340px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.8rem; }
.assignment-step-number[b-oagwr9lv89] { display:grid; place-items:center; flex:0 0 30px; height:30px; border-radius:8px; background:#eaf2ff; color:#2563eb; font-size:.7rem; font-weight:800; }
.assignment-disabled-row[b-oagwr9lv89] { opacity:.62; }
.assignment-footer[b-oagwr9lv89] { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 20px; border-top:1px solid #dce4ee; background:#fff; box-shadow:0 -6px 18px rgba(30,41,59,.04); }
.assignment-actions[b-oagwr9lv89] { display:flex; gap:8px; }
.assignment-pending[b-oagwr9lv89] { color:#9a5b05; font-size:.8rem; font-weight:700; }
.assignment-saved[b-oagwr9lv89] { color:#397451; font-size:.8rem; }
@media(max-width:900px){.assignment-toolbar[b-oagwr9lv89]{align-items:stretch;flex-direction:column}.assignment-filters[b-oagwr9lv89]{justify-content:flex-start}.assignment-matrix .assignment-label-column[b-oagwr9lv89]{min-width:290px}.assignment-matrix-scroll[b-oagwr9lv89]{padding:8px}}
/* /Components/ProgressItemStepCustomFields.razor.rz.scp.css */
.step-fields[b-fcxxj8jnlg] { margin-top:12px; overflow:hidden; border:1px solid #dce5f0; border-radius:12px; background:#fbfcfe; }
.step-fields-editable[b-fcxxj8jnlg] { border-color:#c8daf3; box-shadow:0 4px 14px rgba(37,99,235,.06); }
.step-fields-header[b-fcxxj8jnlg] { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 13px; border-bottom:1px solid #e3e9f0; background:linear-gradient(110deg,#f8fbff,#eef5ff); }
.step-fields-header > div span[b-fcxxj8jnlg],.step-fields-header > div strong[b-fcxxj8jnlg] { display:block; }
.step-fields-eyebrow[b-fcxxj8jnlg] { color:#2563eb; font-size:.62rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.step-fields-header strong[b-fcxxj8jnlg] { margin-top:1px; color:#27344a; font-size:.82rem; }
.step-fields-lock[b-fcxxj8jnlg],.step-fields-saved[b-fcxxj8jnlg],.step-fields-unsaved[b-fcxxj8jnlg] { display:inline-flex; align-items:center; gap:5px; font-size:.7rem; font-weight:700; }
.step-fields-lock[b-fcxxj8jnlg] { color:#69768a; }.step-fields-saved[b-fcxxj8jnlg]{color:#287548}.step-fields-unsaved[b-fcxxj8jnlg]{color:#9a5b05}
.step-fields-grid[b-fcxxj8jnlg] { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:12px; padding:13px; }
.step-field[b-fcxxj8jnlg] { min-width:0; }.step-field label[b-fcxxj8jnlg] { display:block; margin-bottom:3px; color:#2e3a4e; font-size:.76rem; font-weight:700; }
.step-field-required[b-fcxxj8jnlg] { color:#c43d36; }.step-field-description[b-fcxxj8jnlg] { display:block; min-height:16px; margin-bottom:5px; color:#788598; font-size:.67rem; }
.step-field-display[b-fcxxj8jnlg] { min-height:34px; padding:8px 10px; border:1px solid #e1e6ed; border-radius:7px; background:#fff; color:#3c485b; font-size:.78rem; }
.step-field-boolean[b-fcxxj8jnlg] { display:flex; align-items:center; gap:8px; min-height:34px; }
.step-field-error[b-fcxxj8jnlg] { display:block; margin-top:4px; color:#b42318; font-size:.68rem; }.step-field-invalid label[b-fcxxj8jnlg]{color:#b42318}
.step-fields-footer[b-fcxxj8jnlg] { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 13px; border-top:1px solid #e3e9f0; background:#fff; }
.step-fields-footer > span[b-fcxxj8jnlg] { color:#6e7b8e; font-size:.69rem; }
.step-fields-footer > .step-fields-save-error[b-fcxxj8jnlg] { color:#b42318; font-weight:700; }
@media(max-width:560px){.step-fields-grid[b-fcxxj8jnlg]{grid-template-columns:1fr}.step-fields-footer[b-fcxxj8jnlg]{align-items:stretch;flex-direction:column}.step-fields-footer .k-button[b-fcxxj8jnlg]{width:100%}}
/* /Components/PunchDetailComponent.razor.rz.scp.css */
.punch-detail-panel[b-dz875p8pyg] {
    overflow-y: auto;
}

.detail-scroll-container[b-dz875p8pyg] {
    overflow-y: auto;
    max-height: calc(100vh - 120px);
    padding-bottom: 1rem;
}

.signatory-step[b-dz875p8pyg] {
    padding: 8px 12px;
    border-radius: 6px;
    transition: background-color 0.15s;
}

.signatory-step.next-to-sign[b-dz875p8pyg] {
    background-color: #fff8e1;
    border: 1px solid #ffe082;
}

.signatory-badge[b-dz875p8pyg] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.signatory-badge.signed[b-dz875p8pyg] {
    background-color: #28a745;
}

.signatory-badge.next[b-dz875p8pyg] {
    background-color: #ffc107;
    color: #333;
}

.signatory-badge.pending[b-dz875p8pyg] {
    background-color: #adb5bd;
}

.image-container[b-dz875p8pyg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-start;
}

.image-box[b-dz875p8pyg] {
    flex: 1 0 calc(33.33% - 0.5rem);
    max-width: calc(33.33% - 0.5rem);
    height: 200px;
    position: relative;
}

    .image-box img[b-dz875p8pyg] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 0.5rem;
    }
/* /Components/PunchRequestFileComponent.razor.rz.scp.css */
.punch-file-layout[b-sl7sj1oika] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 8px;
}

.punch-file-grid-wrapper[b-sl7sj1oika] {
    flex: 1 1 auto;
    min-width: 0;
}

@media (min-width: 992px) {
    .punch-file-layout.has-images[b-sl7sj1oika] {
        flex-direction: row;
        align-items: stretch;
    }

    .punch-file-layout.has-images .punch-file-carousel[b-sl7sj1oika] {
        flex: 0 0 440px;
        max-width: 440px;
        max-height: 400px;
    }

    .punch-file-layout.has-images .punch-file-grid-wrapper[b-sl7sj1oika] {
        flex: 1 1 0;
        min-width: 0;
    }
}

@media (min-width: 1400px) {
    .punch-file-layout.has-images .punch-file-carousel[b-sl7sj1oika] {
        flex: 0 0 520px;
        max-width: 520px;
    }
}

.punch-file-carousel[b-sl7sj1oika] {
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    overflow: hidden;
    min-height: 0;
}

.punch-file-carousel-loading[b-sl7sj1oika] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 32px 16px;
    color: #6c757d;
    flex: 1;
    min-height: 200px;
}

.punch-file-carousel-viewer[b-sl7sj1oika] {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    min-height: 0;
    overflow: hidden;
}

.punch-file-carousel-image-container[b-sl7sj1oika] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 48px;
    cursor: zoom-in;
}

.punch-file-carousel-image-container img[b-sl7sj1oika] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 4px;
    -webkit-user-select: none;
    user-select: none;
}

.punch-file-carousel-nav[b-sl7sj1oika] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    border: none;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    color: #495057;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.punch-file-carousel-nav:hover[b-sl7sj1oika] {
    background: #fff;
    color: var(--kendo-color-primary, #0d6efd);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.punch-file-carousel-nav-prev[b-sl7sj1oika] {
    left: 8px;
}

.punch-file-carousel-nav-next[b-sl7sj1oika] {
    right: 8px;
}

.punch-file-carousel-info[b-sl7sj1oika] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 10px;
    border-top: 1px solid #e9ecef;
    background: #fff;
    font-size: 0.78rem;
    color: #495057;
    flex-shrink: 0;
}

.punch-file-carousel-filename[b-sl7sj1oika] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.punch-file-carousel-counter[b-sl7sj1oika] {
    color: #6c757d;
    font-weight: 600;
    flex-shrink: 0;
}

.punch-file-carousel-strip[b-sl7sj1oika] {
    display: flex;
    gap: 6px;
    padding: 6px 10px;
    overflow-x: auto;
    background: #fff;
    border-top: 1px solid #e9ecef;
    flex-shrink: 0;
}

.punch-file-carousel-strip-item[b-sl7sj1oika] {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color 0.15s ease, opacity 0.15s ease;
    opacity: 0.7;
}

.punch-file-carousel-strip-item:hover[b-sl7sj1oika] {
    opacity: 1;
}

.punch-file-carousel-strip-item.active[b-sl7sj1oika] {
    border-color: var(--kendo-color-primary, #0d6efd);
    opacity: 1;
}

.punch-file-carousel-strip-item img[b-sl7sj1oika] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
/* /Components/QuickNavWheelComponent.razor.rz.scp.css */
.ac-qnav-overlay[b-ds0295uvy9] {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    background: transparent;
    opacity: 0;
    pointer-events: none;
    transition: opacity 90ms linear, background 110ms linear;
    z-index: 2000;
}

.ac-qnav-overlay.ac-qnav-open[b-ds0295uvy9] {
    opacity: 1;
    pointer-events: auto;
    background: rgba(0, 0, 0, .45);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

.ac-qnav-wrap[b-ds0295uvy9] {
    position: relative;
    --ac-qnav-size: min(520px, 82vmin);
    width: var(--ac-qnav-size);
    height: var(--ac-qnav-size);
    opacity: 0;
    transform: translateY(3px) scale(.97);
    transition: transform 110ms cubic-bezier(.2,.9,.2,1), opacity 90ms linear;
    will-change: transform, opacity;
}

.ac-qnav-overlay.ac-qnav-open .ac-qnav-wrap[b-ds0295uvy9] { opacity: 1; transform: translateY(0) scale(1); }

@media (prefers-reduced-motion: reduce) {
    .ac-qnav-overlay[b-ds0295uvy9], .ac-qnav-wrap[b-ds0295uvy9] { transition: none; }
}
/* /Components/QuickNavWheelVisual.razor.rz.scp.css */
.ac-qnav-visual[b-wxqvjcprhp] {
    position: relative;
    width: 100%;
    height: 100%;
    color: var(--kendo-color-on-app-surface, #212529);
}

.ac-qnav-wheel[b-wxqvjcprhp] { position: absolute; inset: 0; border-radius: 999px; background: conic-gradient(from -22.5deg, color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 7%, var(--kendo-color-surface, #fff)) 0 45deg, color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 3%, var(--kendo-color-surface, #fff)) 45deg 90deg, color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 7%, var(--kendo-color-surface, #fff)) 90deg 135deg, color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 3%, var(--kendo-color-surface, #fff)) 135deg 180deg, color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 7%, var(--kendo-color-surface, #fff)) 180deg 225deg, color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 3%, var(--kendo-color-surface, #fff)) 225deg 270deg, color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 7%, var(--kendo-color-surface, #fff)) 270deg 315deg, color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 3%, var(--kendo-color-surface, #fff)) 315deg 360deg); box-shadow: 0 30px 80px color-mix(in srgb, #000 30%, transparent), 0 0 0 1px var(--kendo-color-border, rgba(0,0,0,.12)) inset; overflow: hidden; }
.ac-qnav-wheel[b-wxqvjcprhp]::before { content: ""; position: absolute; inset: 12px; border-radius: 999px; background: radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--kendo-color-surface, #fff) 96%, white), color-mix(in srgb, var(--kendo-color-surface, #fff) 88%, transparent)); box-shadow: 0 0 0 1px var(--kendo-color-border, rgba(0,0,0,.1)) inset, 0 14px 40px color-mix(in srgb, #000 10%, transparent) inset; }
.ac-qnav-svg[b-wxqvjcprhp] { position: absolute; inset: 0; width: 100%; height: 100%; filter: drop-shadow(0 18px 50px color-mix(in srgb, #000 20%, transparent)); }
.ac-qnav-item[b-wxqvjcprhp] { cursor: default; outline: none; }
.ac-qnav-visual-editor .ac-qnav-item[b-wxqvjcprhp] { cursor: pointer; }
.ac-qnav-seg[b-wxqvjcprhp] { fill: color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 6%, transparent); stroke: color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 14%, transparent); stroke-width: 1.2; transition: fill 140ms linear, stroke 140ms linear; }
.ac-qnav-item.ac-qnav-active .ac-qnav-seg[b-wxqvjcprhp], .ac-qnav-visual-editor .ac-qnav-item:hover .ac-qnav-seg[b-wxqvjcprhp], .ac-qnav-visual-editor .ac-qnav-item:focus .ac-qnav-seg[b-wxqvjcprhp] { fill: color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 20%, transparent); stroke: color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 75%, transparent); }
.ac-qnav-ring[b-wxqvjcprhp] { fill: none; stroke: color-mix(in srgb, var(--kendo-color-surface, #fff) 70%, transparent); stroke-width: 1; opacity: .45; }
.ac-qnav-ring-inner[b-wxqvjcprhp] { fill: none; stroke: color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 18%, transparent); stroke-width: 1; opacity: .7; }
.ac-qnav-fo[b-wxqvjcprhp] { display: grid; place-items: center; width: 68px; height: 32px; }
.ac-qnav-fo-icon[b-wxqvjcprhp] { display: grid; place-items: center; }
.ac-qnav-emoji[b-wxqvjcprhp] { font-size: 18px; line-height: 1; }
.ac-qnav-item.ac-qnav-active .ac-qnav-fo-icon[b-wxqvjcprhp] { filter: drop-shadow(0 0 10px color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 40%, transparent)); }
.ac-qnav-text-title[b-wxqvjcprhp] { font-weight: 550; font-size: 5px; fill: color-mix(in srgb, var(--kendo-color-on-app-surface, #212529) 72%, transparent); }
.ac-qnav-item.ac-qnav-active .ac-qnav-text-title[b-wxqvjcprhp] { fill: var(--kendo-color-primary, #0d6efd); }
.ac-qnav-center[b-wxqvjcprhp] { position: absolute; width: 34%; height: 34%; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 999px; background: var(--kendo-color-surface, #fff); border: 1px solid var(--kendo-color-border, rgba(0,0,0,.12)); box-shadow: 0 18px 40px color-mix(in srgb, #000 20%, transparent), 0 0 0 10px color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 10%, transparent); display: grid; place-items: center; text-align: center; padding: 10px; pointer-events: none; }
.ac-qnav-center-title[b-wxqvjcprhp] { font-weight: 700; font-size: 14px; color: var(--kendo-color-on-app-surface, #212529); }
@media (prefers-reduced-motion: reduce) { .ac-qnav-seg[b-wxqvjcprhp] { transition: none; } }
/* /Components/SearchComponent.razor.rz.scp.css */
.search-container[b-elgahiu3ka] {
    position: relative;
    width: min(100%, 450px);
    max-width: 450px;
    min-width: 0;
}

.mobile-search-toggle[b-elgahiu3ka] {
    display: none;
}

.search-input-container[b-elgahiu3ka] {
    position: relative;
    display: flex;
    align-items: center;
}

.input-wrapper[b-elgahiu3ka] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.search-textbox[b-elgahiu3ka] {
    min-width: 0;
}

.clear-button[b-elgahiu3ka] {
    align-self: stretch;
    background: none;
    border: none;
    color: var(--kendo-color-subtle);
    cursor: pointer;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.clear-button:hover[b-elgahiu3ka] {
    background-color: var(--kendo-color-base-subtle-hover);
    color: var(--kendo-color-on-app-surface);
}

.search-icon[b-elgahiu3ka] {
    position: absolute;
    right: 12px;
    color: var(--aquip-text, #6b7280);
    pointer-events: none;
}

.search-results-overlay[b-elgahiu3ka] {
    position: absolute;
    top: 31px;
    right: 0;
    z-index: 10000;
    width: 100%;
}

.search-results-container[b-elgahiu3ka] {
    max-height: calc(100vh - 100px);
    background: var(--aquip-surface, white);
    box-shadow: 0 20px 25px -5px var(--aquip-shadow-color, rgba(0, 0, 0, 0.1)),
                0 10px 10px -5px var(--aquip-shadow-color, rgba(0, 0, 0, 0.04));
    overflow: hidden;
    border: 1px solid var(--aquip-border, #e5e7eb);
    display: flex;
    flex-direction: column;
    gap: 0;
}

.search-section[b-elgahiu3ka] {
    border-bottom: 1px solid var(--aquip-border, #f3f4f6);
}

.search-section:last-child[b-elgahiu3ka] {
    border-bottom: none;
}

.search-section-header[b-elgahiu3ka] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    background-color: var(--aquip-surface-raised, #f8fafc);
    font-weight: 600;
    font-size: 12px;
    color: var(--aquip-text, var(--kendo-color-primary, #0d6efd));
    border-bottom: 1px solid var(--aquip-border, #e5e7eb);
    gap: 10px;
}

.section-icon[b-elgahiu3ka] {
    margin-right: 8px;
    color: var(--aquip-text-muted, #6b7280);
}

.search-section-content[b-elgahiu3ka] {
    max-height: 300px;
    overflow-y: auto;
}

.search-result-item[b-elgahiu3ka] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    cursor: pointer;
    transition: background-color 0.15s ease;
    border: none;
    border-bottom: 1px solid var(--aquip-border, #f3f4f6);
    box-shadow: unset;
}

.search-result-item:is(:hover, :active, .selected, [aria-selected="true"])[b-elgahiu3ka] {
    background-color: var(--aquip-hover, #f8fafc);
}

.search-result-item:last-child[b-elgahiu3ka] {
    border-bottom: none;
}

.result-icon[b-elgahiu3ka] {
    font-size: 12px;
    margin-right: 12px;
    min-width: 24px;
    text-align: center;
}

.result-content[b-elgahiu3ka] {
    flex: 1;
    min-width: 0;
}

.result-title[b-elgahiu3ka] {
    font-weight: 500;
    color: var(--aquip-text, #111827);
    font-size: 12px;
    margin-bottom: 2px;
    word-break: break-word;
}

.result-category[b-elgahiu3ka] {
    color: var(--aquip-text-muted, #6b7280);
    font-size: 12px;
    font-weight: 400;
}

.search-more-results[b-elgahiu3ka] {
    padding: 8px 16px;
    color: var(--aquip-text-muted, #6b7280);
    font-size: 12px;
    font-style: italic;
    text-align: center;
    background-color: var(--aquip-surface-raised, #f9fafb);
}

.search-no-results[b-elgahiu3ka] {
    padding: 40px 20px;
    text-align: center;
    color: var(--aquip-text-muted, #6b7280);
}

.no-results-icon[b-elgahiu3ka] {
    font-size: 48px;
    color: var(--aquip-text-muted, #d1d5db);
    margin-bottom: 12px;
}

.no-results-subtitle[b-elgahiu3ka] {
    font-size: 12px;
    margin-top: 4px;
    color: var(--aquip-text-muted, #9ca3af);
}

/* This component owns every results scroller, including the virtualized
   system, subsystem, and tag sections. Token fallbacks preserve the existing
   Light scrollbar pixels while the active theme supplies Dark affordances. */
.search-section-content[b-elgahiu3ka]::-webkit-scrollbar-track,
.search-section-content[b-elgahiu3ka]::-webkit-scrollbar-track:horizontal {
    background: var(--aquip-surface, #fff);
}

.search-section-content[b-elgahiu3ka]::-webkit-scrollbar-thumb,
.search-section-content[b-elgahiu3ka]::-webkit-scrollbar-thumb:horizontal {
    background: var(--aquip-text-muted, #dbdbdb);
}

.search-section-content[b-elgahiu3ka]::-webkit-scrollbar-thumb:hover,
.search-section-content[b-elgahiu3ka]::-webkit-scrollbar-thumb:horizontal:hover {
    background: var(--aquip-border-strong, rgb(0 0 0 / 45%));
}
/* Responsive design */
@media (max-width: 768px) {
    .search-container[b-elgahiu3ka] {
        position: static;
        width: auto;
        max-width: none;
        flex: 0 0 auto;
    }

    .mobile-search-toggle[b-elgahiu3ka] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        border: none;
        border-radius: 4px;
        background: transparent;
        color: var(--aquip-text, #151515);
        cursor: pointer;
    }

    .mobile-search-toggle:hover[b-elgahiu3ka],
    .mobile-search-toggle:focus-visible[b-elgahiu3ka] {
        background: var(--aquip-hover, rgba(0, 0, 0, 0.06));
    }

    .search-input-container[b-elgahiu3ka] {
        display: none;
    }

    .search-container.mobile-search-open .search-input-container[b-elgahiu3ka] {
        position: absolute;
        top: 34px;
        right: 0;
        z-index: 10000;
        display: flex;
        width: min(calc(100vw - 16px), 420px);
        max-width: calc(100vw - 16px);
        padding: 8px;
        border: 1px solid var(--kendo-color-border);
        background: var(--kendo-color-surface-alt);
        box-shadow: 0 18px 26px -12px color-mix(in srgb, var(--kendo-color-on-app-surface) 28%, transparent);
    }

    .search-results-container[b-elgahiu3ka] {
        width: 100%;
        max-height: 80vh;
    }

    .search-results-overlay[b-elgahiu3ka] {
        top: 75px;
        right: 0;
        width: min(calc(100vw - 16px), 420px);
        max-width: calc(100vw - 16px);
    }
    
    .search-textbox[b-elgahiu3ka] {
        font-size: 12px; /* Prevent zoom on iOS */
    }
    
    .result-title[b-elgahiu3ka] {
        font-size: 12px;
    }
    
    .result-category[b-elgahiu3ka] {
        font-size: 11px;
    }
}

@keyframes slideDown-b-elgahiu3ka {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

/* Recent searches styles */
.recent-search-item[b-elgahiu3ka] {
    position: relative;
}

.recent-search-item .result-content[b-elgahiu3ka] {
    cursor: pointer;
}

.recent-search-remove[b-elgahiu3ka] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--aquip-hover, #f3f4f6);
    cursor: pointer;
    transition: all 0.15s ease;
    opacity: 0;
    margin-left: 8px;
}

.recent-search-item:hover .recent-search-remove[b-elgahiu3ka] {
    opacity: 1;
}

.recent-search-remove:hover[b-elgahiu3ka] {
    background-color: #ef4444;
    color: white;
}

.remove-icon[b-elgahiu3ka] {
    font-size: 12px;
    color: var(--aquip-text-muted, #6b7280);
}

.recent-search-remove:hover .remove-icon[b-elgahiu3ka] {
    color: white;
}

/* Clear all recent searches styles */
.clear-all-item[b-elgahiu3ka] {
    color: #007bff;
    font-weight: normal;
    cursor: pointer;
}

.clear-all-item:hover[b-elgahiu3ka] {
    text-decoration: underline;
}
/* /Components/SheetAttachmentDetailComponent.razor.rz.scp.css */
.pdf-container[b-9add15hto8]{
    width: 49%;
    height: auto;
}

.other-attachment-container[b-9add15hto8] {
    width: 45%;
    height: auto;
}

.inspection-photos[b-9add15hto8] {
    height: 60% !important;
}

.sheet-attachments[b-9add15hto8] {
    margin: 50px 0 0 0;
    height: 30% !important;
}

.image-container[b-9add15hto8] {
    display: flex;
    flex-wrap: wrap; /* Allows wrapping to next line */
    gap: 0.5rem; /* Space between images */
    justify-content: flex-start;
}

.image-box[b-9add15hto8] {
    flex: 1 0 calc(33.33% - 0.5rem); /* 3 images per row */
    height: 200px;
    position: relative;
}

    .image-box img[b-9add15hto8] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 0.5rem;
    }
/* /Components/SheetInspectionComponent.razor.rz.scp.css */
.cs-sheet-inspection[b-3f0ntfv6lw]  .k-grid td.cs-sheet-signatory-cell {
    background-color: var(--kendo-color-primary-subtle, rgba(13, 110, 253, 0.12)) !important;
    border-color: color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 35%, transparent) !important;
}

.cs-sheet-inspection[b-3f0ntfv6lw]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row:hover > td.cs-sheet-signatory-cell,
.cs-sheet-inspection[b-3f0ntfv6lw]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-hover > td.cs-sheet-signatory-cell,
.cs-sheet-inspection[b-3f0ntfv6lw]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-state-hover > td.cs-sheet-signatory-cell,
.cs-sheet-inspection[b-3f0ntfv6lw]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-state-hovered > td.cs-sheet-signatory-cell {
    background-color: var(--kendo-color-primary-subtle-active, rgba(13, 110, 253, 0.2)) !important;
}
/* /Components/SheetTemplateHeaderComponent.razor.rz.scp.css */
.sheet-template-header-editor[b-62lln6zhlw] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sheet-template-header-editor-compact[b-62lln6zhlw] {
    gap: 12px;
}

.sheet-template-header-toolbar[b-62lln6zhlw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.sheet-template-header-copy-wrap[b-62lln6zhlw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.sheet-template-header-rows[b-62lln6zhlw] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sheet-template-header-row-card[b-62lln6zhlw] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    border: 1px solid #dbe2ea;
    border-radius: 14px;
    background: #f8fafc;
}

.sheet-template-header-row-actions[b-62lln6zhlw] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.sheet-template-header-row-actions-inline[b-62lln6zhlw] {
    margin-left: auto;
}

.sheet-template-header-row-items[b-62lln6zhlw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.sheet-template-header-item[b-62lln6zhlw] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid #dbe2ea;
    border-radius: 12px;
    background: #fff;
}

.sheet-template-header-editor-compact .sheet-template-header-toolbar[b-62lln6zhlw] {
    gap: 6px;
}

.sheet-template-header-editor-compact .sheet-template-header-rows[b-62lln6zhlw] {
    gap: 8px;
}

.sheet-template-header-editor-compact .sheet-template-header-row-card[b-62lln6zhlw] {
    gap: 6px;
    padding: 8px 0;
    border: 0;
    border-bottom: 1px solid #e5eaf1;
    border-radius: 0;
    background: transparent;
}

.sheet-template-header-editor-compact .sheet-template-header-row-card:last-child[b-62lln6zhlw] {
    border-bottom: 0;
    padding-bottom: 0;
}

.sheet-template-header-editor-compact .sheet-template-header-row-items[b-62lln6zhlw] {
    gap: 8px;
}

.sheet-template-header-editor-compact .sheet-template-header-item[b-62lln6zhlw] {
    gap: 6px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.sheet-template-header-editor-compact .sheet-template-header-row-empty[b-62lln6zhlw] {
    padding: 12px;
}

.sheet-template-header-preview-card[b-62lln6zhlw] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    border: 1px solid #dbe2ea;
    border-radius: 14px;
    background: #fff;
}

.sheet-template-header-preview-header p[b-62lln6zhlw] {
    color: #526277;
}

.sheet-template-header-preview-wrap[b-62lln6zhlw] {
    overflow: auto;
}

.sheet-template-header-preview-table[b-62lln6zhlw] {
    min-width: 720px;
    table-layout: fixed;
}

.sheet-template-header-preview-table th[b-62lln6zhlw] {
    background: #f8fafc;
    font-weight: 600;
}

.sheet-template-header-preview-empty-cell[b-62lln6zhlw] {
    background: #fafafa;
}

.sheet-template-header-empty[b-62lln6zhlw],
.sheet-template-header-row-empty[b-62lln6zhlw] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    border: 1px dashed #dbe2ea;
    border-radius: 12px;
    background: #fff;
}

@media (max-width: 767px) {
    .sheet-template-header-toolbar[b-62lln6zhlw],
    .sheet-template-header-copy-wrap[b-62lln6zhlw],
    .sheet-template-header-row-items[b-62lln6zhlw] {
        flex-direction: column;
        align-items: stretch;
    }

    .sheet-template-header-row-actions-inline[b-62lln6zhlw] {
        margin-left: 0;
    }
}
/* /Components/SignatureLocationDisplay.razor.rz.scp.css */
.signature-geolocation[b-ad4cmg6hia] {
    display: block;
    width: 100%;
}

.signature-geolocation-pin[b-ad4cmg6hia] {
    margin-right: 0.15rem;
}

.signature-geolocation-accuracy[b-ad4cmg6hia] {
    font-size: 0.75rem;
    color: var(--kendo-color-subtle, #656565);
}

/* Approx-(IP) chip only. The flat button has a transparent background, so the
   subtle-grey accuracy text above inherits the host surface and disappears on
   coloured/dark signature cards and selected grid rows. Give this chip its own
   solid pill background (Bootstrap "secondary", already used across the app) so
   legibility no longer depends on the surface. White on #6c757d = 4.69:1 (WCAG AA).
   The GPS pin chip keeps the subtle-grey treatment - it is unaffected. */
.signature-geolocation-approx[b-ad4cmg6hia] {
    color: #fff;
    background-color: #6c757d;
    padding: 0.05rem 0.4rem;
    border-radius: 10rem;
    font-weight: 500;
}

/* GPS pin chip. Same problem the Approx-(IP) chip had: the flat button is
   transparent, so the subtle-grey accuracy text ("+/-X m" / "Location") inherits
   the host surface and vanishes on coloured/dark cards and selected grid rows.
   Give the precise-GPS chip its own solid pill. Bootstrap "success" green
   (#198754, used app-wide) reads as a good/precise fix and is clearly distinct
   from the grey IP pill. White on #198754 = 4.53:1 (WCAG AA). */
.signature-geolocation-precise[b-ad4cmg6hia] {
    color: #fff;
    background-color: #198754;
    padding: 0.05rem 0.4rem;
    border-radius: 10rem;
    font-weight: 500;
}

.signature-geolocation-detail[b-ad4cmg6hia] {
    margin-top: 0.35rem;
    padding: 0.5rem 0.65rem;
    border: 1px solid var(--kendo-color-border, #e0e0e0);
    border-radius: 4px;
    background: var(--kendo-color-surface, #f8f8f8);
    /* Pin a dark fg so the popup body text (Lat/Long, Accuracy, Captured,
       Address, IP) is never white-on-white. The panel bg is light (#f8f8f8
       fallback); #212529 on it = 14.53:1. Without this the text inherited the
       host surface colour and disappeared on white signature cards. */
    color: #212529;
    font-size: 0.8rem;
    line-height: 1.4;
}

.signature-geolocation-detail > div[b-ad4cmg6hia] {
    margin-bottom: 0.15rem;
}

.signature-geolocation-detail strong[b-ad4cmg6hia] {
    color: #212529;
}

/* Wrapper around the embedded Google map. The map control sizes itself via its Height
   param, so this rule only supplies the framing. overflow:hidden clips the map canvas
   to the rounded corners. */
.signature-geolocation-map[b-ad4cmg6hia] {
    width: 100%;
    border: 1px solid var(--kendo-color-border, #e0e0e0);
    border-radius: 4px;
    margin: 0.35rem 0;
    overflow: hidden;
}

.signature-geolocation-note[b-ad4cmg6hia] {
    font-size: 0.75rem;
    /* Pinned dark-grey (Bootstrap gray-700) instead of the subtle theme var, so
       the IP-popup disclaimer stays legible on the light panel rather than
       inheriting a near-white theme colour. #495057 on #f8f8f8 = 7.7:1. */
    color: #495057;
    font-style: italic;
}
/* /Components/SiteSettingRow.razor.rz.scp.css */
.setting-row[b-n3mkglqo83] {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 12px 8px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

	.setting-row:hover[b-n3mkglqo83] {
		background: rgba(0, 0, 0, 0.015);
	}

.setting-info[b-n3mkglqo83] {
	flex: 1;
	min-width: 0;
}

.setting-title[b-n3mkglqo83] {
	display: flex;
	align-items: baseline;
	gap: 8px;
	flex-wrap: wrap;
}

.setting-display-name[b-n3mkglqo83] {
	font-weight: 600;
}

.setting-key[b-n3mkglqo83] {
	font-size: 11px;
	color: #8a9096;
	font-family: Consolas, "Courier New", monospace;
	word-break: break-all;
}

.setting-superseded-badge[b-n3mkglqo83] {
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	cursor: help;
}

.setting-description[b-n3mkglqo83] {
	color: #5f666d;
	font-size: 13px;
	margin-top: 2px;
}

.setting-control[b-n3mkglqo83] {
	width: 340px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}

.setting-image-preview[b-n3mkglqo83] {
	max-height: 34px;
	max-width: 110px;
	object-fit: contain;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	background: #fff;
	padding: 2px;
}

.setting-delete-button[b-n3mkglqo83] {
	flex-shrink: 0;
}

@media (max-width: 767px) {
	.setting-row[b-n3mkglqo83] {
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
	}

	.setting-control[b-n3mkglqo83] {
		width: 100%;
		justify-content: flex-start;
	}
}
/* /Components/SkylineComponent.razor.rz.scp.css */
label[b-f4dlhdfjop] {
    font-size: 13px;
    margin-bottom: 0;
    font-weight: 400;
}

.yaxis-label[b-f4dlhdfjop] {
    background-color: var(--kendo-color-primary, #212529);
    margin-bottom: -1px;
    z-index: 1
}

.headerLbl[b-f4dlhdfjop] {
    color: #333;
    text-align: center;
}



[b-f4dlhdfjop].header-container .k-switch .k-switch-label-on {
    color: white;
}

.yaxis-label label[b-f4dlhdfjop] {
    left: 0;
    position: sticky;
    text-align: center;
    color: white;
}

    .yaxis-label label:last-child[b-f4dlhdfjop] {
        margin-bottom: 0px;
    }

.subsystem-table[b-f4dlhdfjop] {
    margin-left: 150px;
    background: #f5f5f5;
    border: 1px solid #000;
    border-right: unset;
    position: relative;
    border-left: 0px;
}

.cursor-pointer[b-f4dlhdfjop] {
    cursor: pointer !important;
}

.data-column .skyline-item[b-f4dlhdfjop] {
    margin: 0px;
    border: 1px solid #0000005e;
    border-bottom: none;
    text-align: center;
    width: 136px;
    white-space: nowrap;
    height:36px;
    margin-left: -1px;
    padding: 1px;
}

.skyline-item.item-incomplete[b-f4dlhdfjop] {
    background: #FF7F11;
}

.skyline-item.item-completed[b-f4dlhdfjop] {
    background: #6CC04A;
}

.skyline-item.item-late[b-f4dlhdfjop] {
    background: red;
}

.skyline-item.item-interim[b-f4dlhdfjop] {
    background: #5cbce9;
}
/*.data-column .skyline-item:hover {
    opacity: 0.9;
}*/
.skyline-item.item-inprogress-behindschedule .skylinetext-lbl[b-f4dlhdfjop], .skyline-item.item-mccomplete-withpuncha .skylinetext-lbl[b-f4dlhdfjop] {
    color: black !important;
}

.ytext-label[b-f4dlhdfjop] {
    height: 37px;
    line-height: 37px;
    margin-top: -1px;
    text-align: center;
    border: 1px solid #000;
    padding: 0 5px;
    width: 27px;
}

.data-column .skyline-item .skylinetext-lbl[b-f4dlhdfjop] {
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow: visible;
    text-overflow: ellipsis;
    vertical-align: middle;
    margin: 0px;
    line-height: 1;
    color: #fff;
    position: relative;
}

.data-column .skyline-item.skyline-item-mdac .skylinetext-lbl[b-f4dlhdfjop], .data-column .skyline-item.skyline-item-mdac .skylinetext-black[b-f4dlhdfjop] {
    display: flex;
    flex-direction: column;
    row-gap: 0;
    line-height: 1;
    overflow: visible;
    cursor: pointer;
}

.data-column .skyline-item .skylinetext-black[b-f4dlhdfjop] {
    width: 75px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    margin: 0px;
    line-height: 2;
    color: #000000;
    font-size: 11px;
}

.skyline-item.item-notstart-behindschedule label.skylinetext-black[b-f4dlhdfjop], .skyline-item.item--mccomplete-nopuncha label.skylinetext-black[b-f4dlhdfjop] {
    color: #fff;
}

.data-column .skyline-item .skylinetext-lbl-test-pack[b-f4dlhdfjop] {
    font-size: 11px;
}

/* "Include Description" toggle: linked sub-system/system description shown inside the box. */
.data-column .skyline-item .skyline-item-description[b-f4dlhdfjop] {
    display: block;
    width: 100%;
    margin-top: 2px;
    font-size: 9px;
    line-height: 1.15;
    white-space: normal;
    overflow: visible;
    word-wrap: break-word;
    text-align: center;
}

/*.data-container {
    margin-bottom: -8px;
}*/

.data-container .date[b-f4dlhdfjop] {
    background: #000;
    color: white;
    padding: 3px;
    border: 1px solid #808080;
    border-bottom: none;
    border-left: none;
    width: 135px;
    text-align: center;
    height: 36px;
    line-height: 30px;
}
.date.date-today[b-f4dlhdfjop] {
    border: 2px dashed #ffe500 !important;
}
.legend-container small[b-f4dlhdfjop] {
    color: white;
    text-align: center;
    padding: 5px;
}

    .legend-container small:nth-child(2)[b-f4dlhdfjop] {
        background: red;
    }

    .legend-container small:nth-child(3)[b-f4dlhdfjop] {
        background: #f5800a;
        color: #fff;
    }

    .legend-container small:last-child[b-f4dlhdfjop] {
        background: #6CC04A;
    }


.legend-detail-container small[b-f4dlhdfjop] {
    color: black;
    text-align: center;
    padding: 5px;
}

    .legend-detail-container small:nth-child(2)[b-f4dlhdfjop] {
        background: #c1c5c7;
    }

    .legend-detail-container small:nth-child(3)[b-f4dlhdfjop] {

        background: #f20202;
        color: #fff;
    }

    .legend-detail-container small:nth-child(4)[b-f4dlhdfjop] {
        background: #f5800a;
        color: #fff;
    }

    .legend-detail-container small:nth-child(5)[b-f4dlhdfjop] {
        background: #FFFB73;
    }

    .legend-detail-container small:nth-child(6)[b-f4dlhdfjop] {
        background: #9ADE7B;
    }

    .legend-detail-container small:nth-child(7)[b-f4dlhdfjop] {
        background: #508D69;
        color: #fff;
    }


.date-container[b-f4dlhdfjop] {
    margin-left: 175px;
}

.certification-container .cert-title[b-f4dlhdfjop],
.certification-container .title[b-f4dlhdfjop],
.punch-container .title[b-f4dlhdfjop],
.punch-container .punch-title[b-f4dlhdfjop] {
    width: 175px !important;
    min-width: 175px;
    margin: 0px;
    border-bottom: 1px solid #0000005e;
    padding: 3px;
}

.subsystem-table .yaxis-label[b-f4dlhdfjop],
.certification-container .cert-title[b-f4dlhdfjop],
.certification-container .title[b-f4dlhdfjop],
.punch-container .title[b-f4dlhdfjop],
.punch-container .punch-title[b-f4dlhdfjop] {
    left: 0;
    position: sticky;
}

.certification-container .date[b-f4dlhdfjop] {
    background: #595959;
    color: white;
    padding: 3px;
    border: 1px solid #b9b9b9;
    border-right: 0px;
    width: 135px;
    text-align: center;
    margin: 0px;
}

.certification-container .cert-data[b-f4dlhdfjop],
.punch-container .punch-data[b-f4dlhdfjop] {
    padding: 3px;
    border: 1px solid #0000005e;
    border-bottom: none;
    border-right: none;
    margin: 0px;
    text-align: center;
    width: 135px;
    background: #fff;
}

.certification-container .flex.flex-row:last-child .cert-data[b-f4dlhdfjop],
.punch-container .flex.flex-row:last-child .punch-data[b-f4dlhdfjop] {
    border-bottom: 1px solid #0000005e;
}

.certification-container .title[b-f4dlhdfjop],
.punch-container .punch-title[b-f4dlhdfjop] {
    background-color: var(--kendo-color-primary, #212529);
    color: var(--kendo-color-on-primary, #ffffff);
}

.certification-container .cert-title[b-f4dlhdfjop],
.punch-container .title[b-f4dlhdfjop] {
    background: #000;
    color: white;
}
/*
.certification-container .cert-data:hover,*/
.punch-container .punch-data:hover[b-f4dlhdfjop], .cert-data.cursor-pointer:hover[b-f4dlhdfjop] {
    background: #eee;
}

.skyline-title[b-f4dlhdfjop] {
    position: sticky;
    background: #262626;
    color: #fff;
    margin-left: 175px;
    text-align: left;
    width: calc(100% - 175px);
    border-bottom: 6px solid #a1c2e7;
    font-size: 14px;
    padding: 6px;
    margin-bottom: 0;
    outline: 1px solid #000;
    z-index: 1;
    padding-right: 207px;
}

label.cert-data.bg-darkcert-data[b-f4dlhdfjop] {
    background: #46546a;
    color: #fff;
    border-color: #7e7e7e;
}

.certification-container .cert-data:last-child[b-f4dlhdfjop], .punch-container .punch-data:last-child[b-f4dlhdfjop] {
    border-right: 1px solid #0000005e;
}

.data-container:last-child .data-column .skyline-item[b-f4dlhdfjop] {
    border-right: 0px;
}

.legend-container[b-f4dlhdfjop] {
    position: absolute;
    right: 0;
    top: 3px;
    right: 4px;
}

    .legend-container > *[b-f4dlhdfjop] {
        color: #fff;
        font-size: 11px;
    }

.skyline-item.item-notstart[b-f4dlhdfjop] {
    background: #c1c5c7;
}

.skyline-item.item-inprogress[b-f4dlhdfjop] {
    background: #f5800a;
}

    .skyline-item.item-inprogress label[b-f4dlhdfjop] {
        color: #fff !important;
    }

.skyline-item.item-notstart-behindschedule[b-f4dlhdfjop] {
    background: #f20202;
}

.skyline-item.item-inprogress-behindschedule[b-f4dlhdfjop] {
    background: #FFFB73;
}

.skyline-item.item-mccomplete-withpuncha[b-f4dlhdfjop] {
    background: #9ADE7B;
}

.skyline-item.item--mccomplete-nopuncha[b-f4dlhdfjop] {
    background: #508D69;
}

.legend-detail-container > *[b-f4dlhdfjop] {
    font-size: 10px;
}

.dataItem-cert[b-f4dlhdfjop] {
    display: flex;
    column-gap: 0px;
    width: 100%;
    align-items: center;
    justify-content: center;
    min-height: 11px;
    margin-bottom: 3px;
}

.dataItem-cert > *[b-f4dlhdfjop] {
    font-size: 11px;
}

span.datacertItem[b-f4dlhdfjop] {
    background: #28a745;
    height: 15px;
    border: 1px solid #ffffff94;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 10px;
    padding: 1px 4px;
    line-height: 11px;
}

span.datacertItem.datacertItem-incomplete[b-f4dlhdfjop] {
    background-color: #dc3545;
}

span.datacertItem.datacertItem-ready[b-f4dlhdfjop] {
    background-color: #ec8100;
}

.data-column .skyline-item.skyline-item-mdac[b-f4dlhdfjop] {
    height: 35px;
}

.skyline-mdac .ytext-label[b-f4dlhdfjop],
.skyline-mdac .data-container .date[b-f4dlhdfjop] {
    height: 37px;
}

.detailed-skyline .ytext-label[b-f4dlhdfjop],
.detailed-skyline .data-container .date[b-f4dlhdfjop] {
    height: 77px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.detailed-skyline .data-column .skyline-item[b-f4dlhdfjop],
.detailed-skyline .data-column .skyline-item .skylinetext-lbl[b-f4dlhdfjop] {
    height: 75px;
}

.detailed-skyline.detailed-rfc .ytext-label[b-f4dlhdfjop],
.detailed-skyline.detailed-rfc .data-container .date[b-f4dlhdfjop] {
    height: 75px;
}

.detailed-skyline.detailed-rfc .data-column .skyline-item[b-f4dlhdfjop],
.detailed-skyline.detailed-rfc .data-column .skyline-item .skylinetext-lbl[b-f4dlhdfjop] {
    height: 74px;
}

.detailed-info *[b-f4dlhdfjop] {
    font-size: 10px;
    letter-spacing: -0.4px;
    font-weight: normal;
}

.detailed-info[b-f4dlhdfjop] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    line-height: 1;
    flex-wrap: wrap;
    align-items: center;
}

.detailed-skyline .data-column .skyline-item .skylinetext-lbl[b-f4dlhdfjop],
.detailed-skyline .data-column .skyline-item > *[b-f4dlhdfjop] {
    padding: 5px !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    row-gap: 3px;
}

.detailed-progress[b-f4dlhdfjop] {
    height: 11px;
}

[b-f4dlhdfjop] .detailed-progress .k-progressbar-horizontal {
    height: 100%;
}

.detailed-progress .k-progressbar *[b-f4dlhdfjop] {
    font-size: 10px;
    line-height: 1
}

.dataItem-cert:empty[b-f4dlhdfjop] {
    display: none;
}

.legend-container small.legend-dac[b-f4dlhdfjop], .skyline-item.skyline-item-mdac.item-itr-completed[b-f4dlhdfjop] {
    background: #c6ff9e;
    color: #0b1a01;
}

    .skyline-item.skyline-item-mdac.item-itr-completed label[b-f4dlhdfjop] {
        color: #0b1a01;
    }

.skyline-item.skyline-item-classification[b-f4dlhdfjop] {
    position: relative;
}

.skyline-item.skyline-item-unclassified[b-f4dlhdfjop] {
    position: relative;
    background: #c1c5c7;
}

.skyline-item.skyline-item-classification .skylinetext-lbl[b-f4dlhdfjop],
.skyline-item.skyline-item-unclassified .skylinetext-lbl[b-f4dlhdfjop] {
    color: #fff;
}

.skyline-item .status-dot[b-f4dlhdfjop] {
    position: absolute;
    bottom: 3px;
    right: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #ffffffcc;
    box-shadow: 0 0 0 1px #00000059;
    z-index: 2;
    pointer-events: none;
}

.skyline-item .status-dot.status-dot-complete[b-f4dlhdfjop] {
    background: #6CC04A;
}

.skyline-item .status-dot.status-dot-incomplete[b-f4dlhdfjop] {
    background: #FF7F11;
}

.skyline-item .status-dot.status-dot-late[b-f4dlhdfjop] {
    background: #f20202;
}

.legend-classification-container small[b-f4dlhdfjop] {
    color: #fff;
    text-align: center;
    padding: 5px;
    border: 1px solid #ffffff33;
    border-radius: 3px;
}

.legend-classification-container small.legend-unclassified[b-f4dlhdfjop] {
    background: #c1c5c7;
    color: #1a1a1a;
}
/* /Components/SyncStatusComponent.razor.rz.scp.css */
.sync-status-panel[b-cjgvj3f3ut] {
    position: fixed;
    bottom: 0;
    right: 20px;
    width: 320px;
    background: #fff;
    border: 1px solid #dee2e6;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    z-index: 1050;
    font-size: 13px;
}

.sync-status-header[b-cjgvj3f3ut] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 14px;
    background: #f8f9fa;
    border-radius: 8px 8px 0 0;
    cursor: pointer;
    user-select: none;
    font-weight: 600;
}

.sync-status-header:hover[b-cjgvj3f3ut] {
    background: #e9ecef;
}

.sync-status-body[b-cjgvj3f3ut] {
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sync-status-row[b-cjgvj3f3ut] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sync-label[b-cjgvj3f3ut] {
    color: #6c757d;
    font-weight: 500;
}

.sync-conflicts[b-cjgvj3f3ut] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px;
    background: #fff3f3;
    border-radius: 4px;
    border: 1px solid #f5c6cb;
}

.sync-conflict-item[b-cjgvj3f3ut] {
    font-size: 12px;
    color: #721c24;
    padding: 2px 0;
}

.sync-actions[b-cjgvj3f3ut] {
    display: flex;
    gap: 8px;
    padding-top: 4px;
}
/* /Components/SystemHierarchyContentComponent.razor.rz.scp.css */
.progressbar-label[b-3m1a6khnyx] {
    width: 50px;
    text-align: left;
}

.cs-table td[b-3m1a6khnyx], .cs-table th[b-3m1a6khnyx] {
    padding: 0px 5px;
}
/* /Components/TagFilesIndicator.razor.rz.scp.css */
.tag-files-indicator[b-86bzgsc3ce] {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    margin-left: 6px;
    vertical-align: middle;
}

.tag-files-indicator[b-86bzgsc3ce]  .tag-files-icon {
    color: #6c757d;
    width: 18px;
    height: 18px;
    font-size: 18px;
    transition: color 0.15s ease;
}

.tag-files-indicator:hover[b-86bzgsc3ce]  .tag-files-icon {
    color: var(--kendo-color-primary, #0d6efd);
}

[b-86bzgsc3ce] .tag-files-window .k-window-content {
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.tag-files-title[b-86bzgsc3ce] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}

.tag-files-counter[b-86bzgsc3ce] {
    font-weight: 400;
    font-size: 0.85rem;
    color: #6c757d;
    margin-left: 4px;
}

.tag-files-loading[b-86bzgsc3ce],
.tag-files-empty[b-86bzgsc3ce] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    height: 100%;
    min-height: 300px;
    color: #6c757d;
    font-size: 0.95rem;
}

.tag-files-toolbar[b-86bzgsc3ce] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid #e9ecef;
    background: #fff;
    flex-shrink: 0;
    flex-wrap: wrap;
}

.tag-files-chips[b-86bzgsc3ce] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.tag-files-chip[b-86bzgsc3ce] {
    display: inline-block;
    padding: 3px 12px;
    border-radius: 14px;
    font-size: 0.78rem;
    font-weight: 500;
    color: #495057;
    background: #f1f3f5;
    border: 1px solid #e9ecef;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.tag-files-chip:hover[b-86bzgsc3ce] {
    background: #e9ecef;
}

.tag-files-chip.active[b-86bzgsc3ce] {
    background: var(--kendo-color-primary, #0d6efd);
    color: #fff;
    border-color: var(--kendo-color-primary, #0d6efd);
}

.tag-files-groups[b-86bzgsc3ce] {
    flex: 1;
    overflow-y: auto;
    padding: 8px 0;
}

.tag-files-group[b-86bzgsc3ce] {
    border-bottom: 1px solid #f1f3f5;
}

.tag-files-group-header[b-86bzgsc3ce] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    cursor: pointer;
    font-weight: 600;
    color: #343a40;
    background: #f8f9fa;
    user-select: none;
}

.tag-files-group-header:hover[b-86bzgsc3ce] {
    background: #eef1f4;
}

.tag-files-group-name[b-86bzgsc3ce] {
    flex: 1;
}

.tag-files-group-count[b-86bzgsc3ce] {
    font-weight: 500;
    font-size: 0.75rem;
    color: #6c757d;
    background: #e9ecef;
    border-radius: 10px;
    padding: 1px 8px;
}

.tag-files-rows[b-86bzgsc3ce] {
    display: flex;
    flex-direction: column;
}

.tag-files-row[b-86bzgsc3ce] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 16px 8px 24px;
    border-top: 1px solid #f1f3f5;
}

.tag-files-row:hover[b-86bzgsc3ce] {
    background: #f8f9fa;
}

.tag-files-type-icon[b-86bzgsc3ce] {
    color: #6c757d;
    display: inline-flex;
    flex-shrink: 0;
}

.tag-files-meta[b-86bzgsc3ce] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 1;
}

.tag-files-name[b-86bzgsc3ce] {
    font-size: 0.88rem;
    color: #212529;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tag-files-sub[b-86bzgsc3ce] {
    font-size: 0.72rem;
    color: #6c757d;
}

.tag-files-dot[b-86bzgsc3ce] {
    margin: 0 4px;
}

.tag-files-actions[b-86bzgsc3ce] {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}
/* /Components/TagPhotoIndicator.razor.rz.scp.css */
.tag-photo-indicator[b-8jl7pq2vpp],
.tag-photo-popup[b-8jl7pq2vpp],
.tag-gallery-title[b-8jl7pq2vpp],
.tag-gallery-layout[b-8jl7pq2vpp],
.tag-gallery-loading[b-8jl7pq2vpp],
.tag-gallery-empty[b-8jl7pq2vpp] {
    --tag-photo-surface: var(--aquip-surface, var(--kendo-color-app-surface));
    --tag-photo-surface-raised: var(--aquip-surface-raised, var(--kendo-color-surface));
    --tag-photo-text: var(--aquip-text, var(--kendo-color-dark-subtle));
    --tag-photo-text-muted: var(--aquip-text-muted, var(--kendo-color-secondary));
    --tag-photo-border: var(--aquip-border, var(--kendo-color-secondary-subtle));
    --tag-photo-border-soft: var(--aquip-border, var(--kendo-color-base-subtle));
}

.tag-photo-indicator[b-8jl7pq2vpp] {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    margin-left: 6px;
    vertical-align: middle;
}

.tag-photo-loading[b-8jl7pq2vpp] {
    padding: 12px;
    display: flex;
    justify-content: center;
}

.tag-photo-icon[b-8jl7pq2vpp] {
    color: var(--tag-photo-text-muted);
    transition: stroke 0.15s ease;
}

.tag-photo-indicator:hover .tag-photo-icon[b-8jl7pq2vpp] {
    stroke: var(--kendo-color-primary);
}

.tag-photo-popup[b-8jl7pq2vpp] {
    color: var(--tag-photo-text);
    background: var(--tag-photo-surface);
    border: 1px solid var(--tag-photo-border);
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
    padding: 12px;
    z-index: 10000;
    min-width: 280px;
    max-width: 420px;
    white-space: normal;
}

.tag-photo-popup[b-8jl7pq2vpp]::before {
    width: 10px;
    height: 10px;
    background: var(--tag-photo-surface);
    border-left: 1px solid var(--tag-photo-border);
    border-top: 1px solid var(--tag-photo-border);
}

.tag-photo-loading[b-8jl7pq2vpp] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    color: var(--tag-photo-text-muted);
    font-size: 0.85rem;
}

.tag-photo-section[b-8jl7pq2vpp] {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
}

.tag-photo-section:last-child[b-8jl7pq2vpp] {
    margin-bottom: 0;
}

.tag-photo-section-header[b-8jl7pq2vpp] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--tag-photo-text);
    letter-spacing: 0.3px;
}

.tag-photo-more[b-8jl7pq2vpp] {
    font-weight: 400;
    color: var(--tag-photo-text-muted);
    font-size: 0.72rem;
    text-transform: none;
}

.tag-photo-thumbnails[b-8jl7pq2vpp] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.tag-photo-thumb[b-8jl7pq2vpp] {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    transition: opacity 0.15s ease;
}

.tag-photo-thumb:hover[b-8jl7pq2vpp] {
    opacity: 0.8;
}

.tag-photo-thumb img[b-8jl7pq2vpp] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Gallery / Lightbox */

[b-8jl7pq2vpp] .tag-photo-gallery-window .k-window-content {
    padding: 0;
    overflow: hidden;
}

.tag-gallery-title[b-8jl7pq2vpp] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: var(--tag-photo-text);
}

.tag-gallery-counter[b-8jl7pq2vpp] {
    font-weight: 400;
    font-size: 0.85rem;
    color: var(--tag-photo-text-muted);
    margin-left: 4px;
}

.tag-gallery-loading[b-8jl7pq2vpp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    height: 100%;
    min-height: 300px;
    color: var(--tag-photo-text-muted);
}

.tag-gallery-empty[b-8jl7pq2vpp] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 300px;
    color: var(--tag-photo-text-muted);
    font-size: 0.95rem;
}

.tag-gallery-layout[b-8jl7pq2vpp] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.tag-gallery-main[b-8jl7pq2vpp] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.tag-gallery-viewer[b-8jl7pq2vpp] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: var(--tag-photo-surface-raised);
    min-height: 0;
    overflow: hidden;
}

.tag-gallery-image-container[b-8jl7pq2vpp] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 16px 60px;
}

.tag-gallery-image[b-8jl7pq2vpp] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: 4px;
    -webkit-user-select: none;
    user-select: none;
}

.tag-gallery-nav[b-8jl7pq2vpp] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    border: none;
    background: color-mix(in srgb, var(--tag-photo-surface) 90%, transparent);
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    transition: background 0.15s ease, box-shadow 0.15s ease;
    color: var(--tag-photo-text);
}

.tag-gallery-nav:hover[b-8jl7pq2vpp] {
    background: var(--tag-photo-surface);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    color: var(--kendo-color-primary);
}

.tag-gallery-nav-prev[b-8jl7pq2vpp] {
    left: 12px;
}

.tag-gallery-nav-next[b-8jl7pq2vpp] {
    right: 12px;
}

.tag-gallery-info-bar[b-8jl7pq2vpp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    border-top: 1px solid var(--tag-photo-border-soft);
    background: var(--tag-photo-surface);
    gap: 12px;
    flex-shrink: 0;
}

.tag-gallery-info-left[b-8jl7pq2vpp] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.tag-gallery-actions[b-8jl7pq2vpp] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tag-gallery-category-badge[b-8jl7pq2vpp] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    background: var(--kendo-color-primary);
    color: var(--kendo-color-on-primary);
    white-space: nowrap;
    flex-shrink: 0;
}

.tag-gallery-filename[b-8jl7pq2vpp] {
    font-size: 0.85rem;
    color: var(--tag-photo-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Thumbnail strip */

.tag-gallery-strip[b-8jl7pq2vpp] {
    display: flex;
    gap: 6px;
    padding: 10px 16px;
    overflow-x: auto;
    background: var(--tag-photo-surface);
    border-top: 1px solid var(--tag-photo-border-soft);
    flex-shrink: 0;
}

.tag-gallery-strip-item[b-8jl7pq2vpp] {
    position: relative;
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color 0.15s ease, opacity 0.15s ease;
    opacity: 0.7;
}

.tag-gallery-strip-item:hover[b-8jl7pq2vpp] {
    opacity: 1;
}

.tag-gallery-strip-item.active[b-8jl7pq2vpp] {
    border-color: var(--kendo-color-primary);
    opacity: 1;
}

.tag-gallery-strip-item img[b-8jl7pq2vpp] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.tag-gallery-strip-label[b-8jl7pq2vpp] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    color: var(--kendo-color-on-dark, var(--kendo-color-light));
    font-size: 0.6rem;
    text-align: center;
    padding: 1px 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/WorkLocationSummaryComponent.razor.rz.scp.css */
.grid-container[b-lrkklsytey] {
	height: 100vh; 
	display: flex;
	flex-direction: column;
}
.k-grid[b-lrkklsytey] {
	font-family: "Segoe UI", Arial, sans-serif;
	border-width: 0;
}

.k-grid-table[b-lrkklsytey] {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.k-header[b-lrkklsytey] {
	padding: 8px 12px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	background-color: #000000 !important; 
	color: #ffffff !important;
}

.k-detail-cell[b-lrkklsytey] {
	padding: 8px 12px;
	border: 1px solid #e0e0e0;
	text-align: center;
}

.k-alt[b-lrkklsytey] {
	background-color: #f9f9f9;
}
.header-date[b-lrkklsytey] {
	display: block
}
.k-grid[b-lrkklsytey] {
	font-family: "Segoe UI", Arial, sans-serif;
	border-width: 0;
}

.k-grid-table[b-lrkklsytey] {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

.k-header[b-lrkklsytey] {
	padding: 8px 12px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	border: 1px solid #e0e0e0;
	background-color: #f5f5f5;
}

.k-detail-cell[b-lrkklsytey] {
	padding: 8px 12px;
	border: 1px solid #e0e0e0;
	text-align: center;
}

.k-alt[b-lrkklsytey] {
	background-color: #f9f9f9;
}
.header-date[b-lrkklsytey] {
	display: block;
	text-align: center;
}

.k-detail-cell div[b-lrkklsytey] {
	margin: 2px 0;
	text-align: center;
}
.header-weekday[b-lrkklsytey] {
	font-size: 12px;
	color: #666;
}
/* /Components/WorkpackHierarchyComponent.razor.rz.scp.css */
/* Visual style aligned with the Core/System hierarchy (SystemHierarchyComponent):
   compact rows, leading node icons, "Code : Description" typography, alternating
   row colours and single-line (ellipsis) / multi-line display modes. */

.cs-hierarchy[b-kvr0yj22dv] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
    /* Keep the hierarchy pane below the app-chrome nav tier (z-index 50).
       Without an explicit z-index the pane participates in document order
       and can paint over the NavMenu dropdown inside a TelerikSplitter
       stacking context. */
    z-index: 10;
}

.tree-search-container[b-kvr0yj22dv] {
    color: var(--aquip-text, #212529);
    background-color: var(--aquip-surface, #f8f9fa);
    border-bottom: 1px solid var(--aquip-border, #dee2e6);
    padding: 8px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 4px;
}

[b-kvr0yj22dv] .cs-hierarchy-display-toggle.k-button {
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
    padding: 0;
    flex-shrink: 0;
}

.tree-container[b-kvr0yj22dv] {
    color: var(--aquip-text, #212529);
    background-color: var(--aquip-surface, white);
    overflow: auto;
    position: relative;
    height: 100%;
    padding: 4px 0;
}

.clean-hierarchy-tree[b-kvr0yj22dv] {
    height: 100%;
    width: 100%;
    font-size: 12px;
    color: var(--aquip-text, #212529);
    background: var(--aquip-surface, white);
}

/* The theme's white-space:nowrap + overflow:auto let rows grow past the pane
   with a horizontal scrollbar; wrap like the Core hierarchy instead. */
[b-kvr0yj22dv] .clean-hierarchy-tree.k-treeview {
    border: none;
    overflow-x: hidden;
    white-space: normal;
}

/* The v14 theme gives groups min-width:fit-content, which stops the list from
   shrinking to the pane width and defeats ellipsis truncation. */
[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-group {
    min-width: 0;
    gap: 0;
}

[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-group .k-treeview-group {
    margin-top: 0;
}

/* Cancel the legacy copied theme's li indent (AquipCore.css); the v14 theme
   indents via --kendo-treeview-level padding on .k-treeview-item-content.
   min-width:0 lets rows shrink below their text width (li is a flex item). */
[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-item {
    cursor: pointer;
    padding-inline-start: 0;
    min-width: 0;
}

[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-item-content {
    width: 100%;
    border-radius: 0;
}

[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-item:nth-child(even) > .k-treeview-item-content {
    background-color: var(--kendo-color-primary-subtle, #e9ecef);
}

[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-leaf {
    width: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 3px 6px;
    min-height: 26px;
    line-height: 1.2;
}

/* The toggle occupies the full 24px gutter so work packs without job cards
   (no toggle rendered) stay aligned with the ones that have them. */
[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-toggle {
    width: 24px;
    min-width: 24px;
    margin-inline-start: -24px;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
}

[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-toggle .k-svg-icon {
    width: 12px;
    height: 12px;
}

[b-kvr0yj22dv] .hierarchy-tree-row * {
    font-size: 12px;
    line-height: 1.2;
}

[b-kvr0yj22dv] .hierarchy-node-icon {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 6px;
    flex: 0 0 auto;
    background-color: var(--aquip-text, #212529);
    opacity: 0.75;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

[b-kvr0yj22dv] .hierarchy-node-icon-package {
    -webkit-mask-image: url('/images/feather/package.svg');
    mask-image: url('/images/feather/package.svg');
}

[b-kvr0yj22dv] .hierarchy-node-icon-clipboard {
    -webkit-mask-image: url('/images/feather/clipboard.svg');
    mask-image: url('/images/feather/clipboard.svg');
}

/* Hover: subtle primary background + kendo-primary text.  Kendo v14 applies
   .k-hover on the leaf span itself (not the content wrapper) with a dark
   foreground; target both the :hover wrapper and the .k-hover leaf so the
   primary colour wins regardless of which element the browser reports. */
[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-item > .k-treeview-item-content:hover:not(.k-selected),
[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-item .k-treeview-leaf.k-hover:not(.k-selected) {
    background-color: var(--kendo-color-primary-subtle, #e8f0fe);
    color: var(--kendo-color-primary, #0d6efd);
}

[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-item > .k-treeview-item-content:hover:not(.k-selected) .hierarchy-node-icon,
[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-item .k-treeview-leaf.k-hover:not(.k-selected) .hierarchy-node-icon {
    background-color: var(--kendo-color-primary, #0d6efd);
    opacity: 1;
}

/* Selection: solid primary background, white text and white icon so the
   selected item is clearly legible against the coloured row. Specificity
   matches the striping rule above so this later rule wins on alternating rows. */
[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-item > .k-treeview-item-content.k-selected {
    background-color: var(--kendo-color-primary, #0d6efd);
    border-color: transparent;
    color: var(--kendo-color-on-primary, #fff) !important;
}

/* Telerik puts the selected state on the content wrapper, but its 200ms colour
   transition lives on the nested leaf. Keep the leaf white for the entire
   selected state so removing :hover cannot briefly reveal a dark transition. */
[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-item > .k-treeview-item-content.k-selected .k-treeview-leaf,
[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-item > .k-treeview-item-content.k-selected .hierarchy-tree-row-content,
[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-item > .k-treeview-item-content.k-selected .hierarchy-tree-row-content *,
[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-item .k-treeview-leaf.k-selected,
[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-item .k-treeview-leaf.k-selected .hierarchy-tree-row-content,
[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-item .k-treeview-leaf.k-selected .hierarchy-tree-row-content * {
    color: var(--kendo-color-on-primary, #fff) !important;
}

[b-kvr0yj22dv] .clean-hierarchy-tree .k-selected .hierarchy-node-icon {
    background-color: var(--kendo-color-on-primary, #fff);
    opacity: 1;
}

/* Hover on the ALREADY-SELECTED item: keep the light (white) foreground so the
   text stays legible on the primary background. Kendo v14 otherwise applies a
   dark hover foreground, turning selected-row text black on hover. Mirror both
   the content-wrapper :hover and the .k-hover leaf, matching the non-selected
   hover rules above. */
[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-item > .k-treeview-item-content.k-selected:hover,
[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-item .k-treeview-leaf.k-selected:hover,
[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-item .k-treeview-leaf.k-selected.k-hover {
    background-color: var(--kendo-color-primary, #0d6efd);
    color: var(--kendo-color-on-primary, #fff) !important;
}

/* The v14 theme sets the hover foreground on nested leaf content as well as on
   the selected leaf. Force every textual descendant to inherit the selected
   foreground so work-pack and job-card labels cannot turn black on hover. */
[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-item > .k-treeview-item-content.k-selected:hover .hierarchy-tree-row-content,
[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-item > .k-treeview-item-content.k-selected:hover .hierarchy-tree-row-content *,
[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-item .k-treeview-leaf.k-selected:hover .hierarchy-tree-row-content,
[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-item .k-treeview-leaf.k-selected:hover .hierarchy-tree-row-content *,
[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-item .k-treeview-leaf.k-selected.k-hover .hierarchy-tree-row-content,
[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-item .k-treeview-leaf.k-selected.k-hover .hierarchy-tree-row-content * {
    color: var(--kendo-color-on-primary, #fff) !important;
}

[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-item > .k-treeview-item-content.k-selected:hover .hierarchy-node-icon,
[b-kvr0yj22dv] .clean-hierarchy-tree .k-treeview-item .k-treeview-leaf.k-selected.k-hover .hierarchy-node-icon {
    background-color: var(--kendo-color-on-primary, #fff);
    opacity: 1;
}

/* Single-line (truncate with ellipsis) display mode for tree items */
.cs-hierarchy-single-line[b-kvr0yj22dv]  .clean-hierarchy-tree .k-treeview-item-content {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.cs-hierarchy-single-line[b-kvr0yj22dv]  .clean-hierarchy-tree .k-treeview-leaf {
    min-width: 0;
    overflow: hidden;
}

.cs-hierarchy-single-line[b-kvr0yj22dv]  .hierarchy-tree-row {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    flex-wrap: nowrap;
}

.cs-hierarchy-single-line[b-kvr0yj22dv]  .hierarchy-tree-row-content {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

.cs-hierarchy-single-line[b-kvr0yj22dv]  .hierarchy-tree-row-content > .flex,
.cs-hierarchy-single-line[b-kvr0yj22dv]  .hierarchy-tree-row-content > .d-flex {
    min-width: 0;
    max-width: 100%;
    flex-wrap: nowrap;
    overflow: hidden;
}

/* The div that actually holds the <strong> / <span> text */
.cs-hierarchy-single-line[b-kvr0yj22dv]  .hierarchy-tree-row-content .flex > div,
.cs-hierarchy-single-line[b-kvr0yj22dv]  .hierarchy-tree-row-content .d-flex > div {
    min-width: 0;
    flex: 1 1 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cs-hierarchy-single-line[b-kvr0yj22dv]  .hierarchy-tree-row-content strong,
.cs-hierarchy-single-line[b-kvr0yj22dv]  .hierarchy-tree-row-content span {
    white-space: nowrap;
}
/* /Components/WorkPackPlanningComponent.razor.rz.scp.css */
.workpack-planning-splitter[b-v4x67nvnrg] {
    flex: 1 1 auto;
    min-height: 0;
}

.workpack-planning-pane[b-v4x67nvnrg] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    padding: 0.5rem 0;
}

.workpack-planning-visual-card[b-v4x67nvnrg] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    background-color: #fff;
}

html[data-theme="dark"] .workpack-planning-visual-card[b-v4x67nvnrg]  .k-chart {
    --kendo-chart-bg: var(--aquip-surface);
    --kendo-chart-text: var(--aquip-text-muted);
}

.workpack-planning-visual-stage[b-v4x67nvnrg] {
    flex: 1 1 auto;
    min-height: 0;
    perspective: 1400px;
}

.workpack-planning-visual-flip[b-v4x67nvnrg] {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.workpack-planning-visual-flip.is-flipped[b-v4x67nvnrg] {
    transform: rotateY(180deg);
}

.workpack-planning-visual-face[b-v4x67nvnrg] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    min-height: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.workpack-planning-visual-face--front[b-v4x67nvnrg] {
    z-index: 2;
}

.workpack-planning-visual-face--back[b-v4x67nvnrg] {
    transform: rotateY(180deg);
}

.workpack-planning-visual-empty[b-v4x67nvnrg] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
}

.workpack-planning-grid-host[b-v4x67nvnrg] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.workpack-planning-plan-content[b-v4x67nvnrg] {
    overflow: hidden;
}

.workpack-planning-plan-splitter-host[b-v4x67nvnrg] {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.workpack-planning-panel[b-v4x67nvnrg] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.workpack-planning-pivot-header[b-v4x67nvnrg] {
    flex: 0 0 auto;
    padding: 0 0 0.75rem 0;
}

.workpack-planning-pivot-host[b-v4x67nvnrg] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.workpack-planning-pivot-container[b-v4x67nvnrg] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.workpack-planning-plan-splitter[b-v4x67nvnrg] {
    flex: 1 1 auto;
    min-height: 0;
}

.workpack-planning-jc-panel[b-v4x67nvnrg] {
    gap: 0.5rem;
}

.jc-summary-header[b-v4x67nvnrg] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    flex: 0 0 auto;
    padding: 0 0 0.5rem 0;
}

.jc-summary-completion[b-v4x67nvnrg] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
    white-space: nowrap;
}

.jc-summary-percent[b-v4x67nvnrg] {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.1;
}

.jc-summary-count[b-v4x67nvnrg] {
    font-size: 0.8rem;
}

.jc-summary-body[b-v4x67nvnrg] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.jc-summary-empty[b-v4x67nvnrg] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    font-style: italic;
    color: var(--kendo-color-subtle, #6c757d);
}

.jc-completion-bar[b-v4x67nvnrg] {
    flex: 0 0 auto;
    height: 6px;
    width: 100%;
    background: #e9ecef;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.jc-completion-bar-fill[b-v4x67nvnrg] {
    height: 100%;
    background: var(--kendo-color-primary, #2e7d32);
    border-radius: 3px;
    transition: width 0.3s ease;
}

.jc-summary-grid-host[b-v4x67nvnrg] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.jc-status-pill[b-v4x67nvnrg] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 10px;
    color: #fff;
    font-size: 0.75rem;
    line-height: 1.4;
    white-space: nowrap;
}

.workpack-planning-pivot-collapsible[b-v4x67nvnrg] {
    flex: 0 0 auto;
    border-top: 1px solid var(--kendo-color-border, #dee2e6);
    padding-top: 0.5rem;
}

.workpack-planning-pivot-collapsible[open][b-v4x67nvnrg] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.workpack-planning-pivot-summary[b-v4x67nvnrg] {
    cursor: pointer;
    font-weight: 600;
    padding: 0.25rem 0;
    user-select: none;
}

.workpack-planning-pivot-collapsible[open] .workpack-planning-pivot-host[b-v4x67nvnrg] {
    flex: 1 1 auto;
    min-height: 240px;
    margin-top: 0.5rem;
}
/* /Components/WorkPackSkylineComponent.razor.rz.scp.css */
label[b-95gr2sqknt] {
    font-size: 13px;
    margin-bottom: 0;
    font-weight: 400;
}

.cursor-pointer[b-95gr2sqknt] {
    cursor: pointer !important;
}

.yaxis-label[b-95gr2sqknt] {
    background-color: var(--kendo-color-primary, #212529);
    margin-bottom: -1px;
    z-index: 1
}

.yaxis-label label[b-95gr2sqknt] {
    left: 0;
    position: sticky;
    text-align: center;
    color: white;
}

    .yaxis-label label:last-child[b-95gr2sqknt] {
        margin-bottom: 0px;
    }

.ytext-label[b-95gr2sqknt] {
    height: 37px;
    line-height: 37px;
    margin-top: -1px;
    text-align: center;
    border: 1px solid #000;
    padding: 0 5px;
    width: 27px;
}

.subsystem-table[b-95gr2sqknt] {
    margin-left: 150px;
    background: #f5f5f5;
    border: 1px solid #000;
    border-right: unset;
    position: relative;
    border-left: 0px;
}

.data-column-container[b-95gr2sqknt] {
    display: flex;
    flex-direction: row;
}

.data-column .skyline-item[b-95gr2sqknt] {
    margin: 0px;
    border: 1px solid #0000005e;
    border-bottom: none;
    text-align: center;
    width: 136px;
    white-space: nowrap;
    height: 36px;
    margin-left: -1px;
    padding: 1px;
    overflow: hidden;
}

.data-column .skyline-item .skyline-name-text[b-95gr2sqknt] {
    display: block;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.skyline-item.item-incomplete[b-95gr2sqknt] {
    background: #FF7F11;
}

.skyline-item.item-completed[b-95gr2sqknt] {
    background: #6CC04A;
}

.skyline-item.item-late[b-95gr2sqknt] {
    background: red;
}

.skyline-item.item-not-started[b-95gr2sqknt] {
    background: #c1c5c7;
}

.skyline-item.item-not-started-behindschedule[b-95gr2sqknt] {
    background: #f20202;
}

.skyline-item.item-inprogress-behindschedule[b-95gr2sqknt] {
    background: #FFFB73;
}

.skyline-item.item-inprogress-behindschedule .skylinetext-lbl[b-95gr2sqknt] {
    color: black !important;
}

.skyline-item.item-cancelled[b-95gr2sqknt] {
    background: #9e9e9e;
}

.data-column .skyline-item .skylinetext-lbl[b-95gr2sqknt] {
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow: visible;
    text-overflow: ellipsis;
    vertical-align: middle;
    margin: 0px;
    line-height: 1;
    color: #fff;
    position: relative;
}

.data-column .skyline-item .skylinetext-lbl-test-pack[b-95gr2sqknt] {
    font-size: 11px;
}

.data-column .skyline-item .skyline-item-description[b-95gr2sqknt] {
    display: block;
    width: 100%;
    margin-top: 2px;
    font-size: 9px;
    line-height: 1.15;
    white-space: normal;
    overflow: visible;
    word-wrap: break-word;
    text-align: center;
}

.data-container .date[b-95gr2sqknt] {
    background: #000;
    color: white;
    padding: 3px;
    border: 1px solid #808080;
    border-bottom: none;
    border-left: none;
    width: 135px;
    text-align: center;
    height: 36px;
    line-height: 30px;
}

.date.date-today[b-95gr2sqknt] {
    border: 2px dashed #ffe500 !important;
}

.legend-container small[b-95gr2sqknt] {
    color: white;
    text-align: center;
    padding: 5px;
}

.legend-container small:nth-child(2)[b-95gr2sqknt] {
    background: red;
}

.legend-container small:nth-child(3)[b-95gr2sqknt] {
    background: #f5800a;
    color: #fff;
}

.legend-container small:last-child[b-95gr2sqknt] {
    background: #6CC04A;
}

.legend-detail-container small[b-95gr2sqknt] {
    color: black;
    text-align: center;
    padding: 5px;
}

.legend-detail-container small:nth-child(2)[b-95gr2sqknt] {
    background: #c1c5c7;
}

.legend-detail-container small:nth-child(3)[b-95gr2sqknt] {
    background: #f20202;
    color: #fff;
}

.legend-detail-container small:nth-child(4)[b-95gr2sqknt] {
    background: #f5800a;
    color: #fff;
}

.legend-detail-container small:nth-child(5)[b-95gr2sqknt] {
    background: #FFFB73;
}

.legend-detail-container small:nth-child(6)[b-95gr2sqknt] {
    background: #9e9e9e;
    color: #fff;
}

.legend-detail-container small:last-child[b-95gr2sqknt] {
    background: #6CC04A;
    color: #fff;
}

.date-container[b-95gr2sqknt] {
    margin-left: 175px;
}

.certification-container .cert-title[b-95gr2sqknt],
.certification-container .title[b-95gr2sqknt] {
    width: 175px !important;
    min-width: 175px;
    margin: 0px;
    border-bottom: 1px solid #0000005e;
    padding: 3px;
}

.subsystem-table .yaxis-label[b-95gr2sqknt],
.certification-container .cert-title[b-95gr2sqknt],
.certification-container .title[b-95gr2sqknt] {
    left: 0;
    position: sticky;
}

.certification-container .date[b-95gr2sqknt] {
    background: #595959;
    color: white;
    padding: 3px;
    border: 1px solid #b9b9b9;
    border-right: 0px;
    width: 135px;
    text-align: center;
    margin: 0px;
}

.certification-container .cert-data[b-95gr2sqknt] {
    padding: 3px;
    border: 1px solid #0000005e;
    border-bottom: none;
    border-right: none;
    margin: 0px;
    text-align: center;
    width: 135px;
    background: #fff;
}

.certification-container .flex.flex-row:last-child .cert-data[b-95gr2sqknt] {
    border-bottom: 1px solid #0000005e;
}

.certification-container .title[b-95gr2sqknt] {
    background-color: var(--kendo-color-primary, #212529);
    color: var(--kendo-color-on-primary, #ffffff);
}

.certification-container .cert-title[b-95gr2sqknt] {
    background: #000;
    color: white;
}

.cert-data.cursor-pointer:hover[b-95gr2sqknt] {
    background: #eee;
}

.skyline-title[b-95gr2sqknt] {
    position: sticky;
    background: #262626;
    color: #fff;
    margin-left: 175px;
    text-align: left;
    width: calc(100% - 175px);
    border-bottom: 6px solid #a1c2e7;
    font-size: 14px;
    padding: 6px;
    margin-bottom: 0;
    outline: 1px solid #000;
    z-index: 1;
    padding-right: 207px;
}

label.cert-data.bg-darkcert-data[b-95gr2sqknt] {
    background: #46546a;
    color: #fff;
    border-color: #7e7e7e;
}

.certification-container .cert-data:last-child[b-95gr2sqknt] {
    border-right: 1px solid #0000005e;
}

.data-container:last-child .data-column .skyline-item[b-95gr2sqknt] {
    border-right: 0px;
}

.legend-container[b-95gr2sqknt] {
    position: absolute;
    right: 0;
    top: 3px;
    right: 4px;
}

.legend-container > *[b-95gr2sqknt] {
    color: #fff;
    font-size: 11px;
}

.legend-detail-container > *[b-95gr2sqknt] {
    font-size: 10px;
}

.detailed-skyline .ytext-label[b-95gr2sqknt],
.detailed-skyline .data-container .date[b-95gr2sqknt] {
    height: 77px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.detailed-skyline .data-column .skyline-item[b-95gr2sqknt],
.detailed-skyline .data-column .skyline-item .skylinetext-lbl[b-95gr2sqknt] {
    height: 75px;
}

.detailed-skyline .data-column .skyline-item .skylinetext-lbl[b-95gr2sqknt],
.detailed-skyline .data-column .skyline-item > *[b-95gr2sqknt] {
    padding: 5px !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    row-gap: 3px;
}

.detailed-info[b-95gr2sqknt] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    line-height: 1;
    flex-wrap: wrap;
    align-items: center;
}

.detailed-info *[b-95gr2sqknt] {
    font-size: 10px;
    letter-spacing: -0.4px;
    font-weight: normal;
}

.detailed-info:empty[b-95gr2sqknt] {
    display: none;
}

.detailed-progress[b-95gr2sqknt] {
    height: 11px;
}

[b-95gr2sqknt] .detailed-progress .k-progressbar-horizontal {
    height: 100%;
}

.detailed-progress .k-progressbar *[b-95gr2sqknt] {
    font-size: 10px;
    line-height: 1
}

.workpack-jobcard-table[b-95gr2sqknt] {
    border-collapse: collapse;
}

.workpack-jobcard-table th[b-95gr2sqknt],
.workpack-jobcard-table td[b-95gr2sqknt] {
    border: 1px solid #dee2e6;
    padding: 6px 10px;
    text-align: left;
    font-size: 13px;
}

.workpack-jobcard-table th[b-95gr2sqknt] {
    background-color: var(--kendo-color-primary, #212529);
    color: var(--kendo-color-on-primary, #ffffff);
    font-weight: 600;
}

.workpack-jobcard-table tbody tr:hover[b-95gr2sqknt] {
    background: #f0f4f8;
}

/* Popup header card */
.wp-popup-header[b-95gr2sqknt] {
    background: var(--kendo-color-surface-alt, #f5f5f5);
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: 6px;
    padding: 14px 16px;
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.wp-popup-header-top[b-95gr2sqknt] {
    display: flex;
    align-items: center;
    column-gap: 10px;
    flex-wrap: wrap;
}

.wp-popup-code[b-95gr2sqknt] {
    font-size: 16px;
    font-weight: 700;
    color: var(--kendo-color-on-surface, #212529);
}

.wp-popup-title[b-95gr2sqknt] {
    font-size: 14px;
    font-weight: 600;
    color: var(--kendo-color-on-surface, #212529);
}

.wp-popup-desc[b-95gr2sqknt] {
    font-size: 13px;
}

.wp-popup-meta[b-95gr2sqknt] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.wp-meta-chip[b-95gr2sqknt] {
    background: var(--kendo-color-base, #e9ecef);
    border-radius: 12px;
    padding: 2px 10px;
    font-size: 12px;
    color: var(--kendo-color-on-surface, #495057);
}

.wp-meta-chip-success[b-95gr2sqknt] {
    background: #d4edda;
    color: #155724;
}

/* Status badge pill */
.skyline-status-badge[b-95gr2sqknt] {
    display: inline-block;
    border-radius: 20px;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

/* Progress bar */
.wp-popup-progress[b-95gr2sqknt] {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.wp-progress-bar-track[b-95gr2sqknt] {
    flex: 1;
    height: 8px;
    background: var(--kendo-color-border, #dee2e6);
    border-radius: 4px;
    overflow: hidden;
}

.wp-progress-bar-fill[b-95gr2sqknt] {
    height: 100%;
    background: #6CC04A;
    border-radius: 4px;
    transition: width 0.3s ease;
}

.wp-progress-label[b-95gr2sqknt] {
    font-size: 12px;
    color: var(--kendo-color-subtle-text, #6c757d);
    white-space: nowrap;
}
/* /Layout/ChatPopoutLayout.razor.rz.scp.css */
.chat-popout-root[b-90l8wm6ozk] {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.chat-popout-root[b-90l8wm6ozk] >  * {
    flex: 1 1 auto;
    min-height: 0;
}
/* /Layout/CurrentProjectDisplay.razor.rz.scp.css */
.current-project-display[b-j7h4e0cg9i] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border: 1px solid #d6d5d5;
    border-radius: 999px;
    background: var(--aquip-surface, #fff);
}

.current-project-name[b-j7h4e0cg9i] {
    color: var(--aquip-text, #151515);
    font-size: 12px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .current-project-display[b-j7h4e0cg9i] {
        width: 100%;
        max-width: none;
    }
}
/* /Layout/LoginDisplay.razor.rz.scp.css */
.top-bar-user[b-b2nrkj9b9i] {
    cursor: pointer;
    font-weight: bold;
}
.top-bar-user:hover[b-b2nrkj9b9i] {
    opacity:0.8;
}

.avatar-initials[b-b2nrkj9b9i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-weight: 700;
    font-size: 12px;
    color: var(--kendo-color-on-primary, #fff);
    background-color: var(--kendo-color-primary, #0d6efd);
}
.avatar-initials.large[b-b2nrkj9b9i] { width: 40px; height: 40px; font-size: 16px; }

/* Transparent backdrop so tapping anywhere outside the menu dismisses it
   (matches NotificationCenterPopover dismissal). Sits just below the
   .usermenu (z-index 1000000) so the menu stays on top while the rest of
   the screen becomes a tap-to-close target -- needed on mobile where the
   avatar toggle can be hard to reach once the menu is open. */
.usermenu-overlay[b-b2nrkj9b9i] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 999999;
}

/* Explicit close affordance inside the menu. */
.usermenu-close[b-b2nrkj9b9i] {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.usermenu-close:hover[b-b2nrkj9b9i],
.usermenu-close:focus-visible[b-b2nrkj9b9i] {
    background: var(--aquip-hover, #eef2f7);
}
.usermenu-close img[b-b2nrkj9b9i] {
    width: 16px;
    height: 16px;
}

.usernavmenu a[b-b2nrkj9b9i],
.usermenu-logout[b-b2nrkj9b9i] {
    color: var(--aquip-text, #000000) !important;
}
/* /Layout/MainLayout.razor.rz.scp.css */
img.logo-ice[b-gpusi76z0c] {
    height: 30px;
    margin-left: 10px;
    border-left: 1px solid #dddddd45;
    padding-left: 10px;
}

.top-bar[b-gpusi76z0c] {
    color: var(--aquip-text, #151515);
    background: var(--aquip-surface, #ffffff);
    min-height: 40px;
    height: 40px;
    border-bottom: 1px solid var(--aquip-border, #e3e3e3);
    padding: 0 8px;
    gap: 12px;
    /* Promote the top header/nav bar to the app chrome stacking tier (50) so the
       whole header subtree (logo, top navigation and its hover dropdown) layers
       above Telerik in-content surfaces (grid/tabstrip z-index <=5) on pages like
       User Management, while staying below Telerik's body-level popup/window tier
       (>=600) so dialogs and popups still overlay the header. */
    position: relative;
    z-index: 50;
}

.logo-link[b-gpusi76z0c] { margin-right: 16px; display: inline-flex; align-items: center; }

.top-actions[b-gpusi76z0c] {
    margin-left: auto;
    gap: 12px;
    min-width: 0;
    position: relative;
}

.top-actions[b-gpusi76z0c]  .search-container {
    min-width: 320px;
}

.top-search[b-gpusi76z0c] {
    width: 340px;
    max-width: 40vw;
    height: 28px;
    line-height: 28px;
    padding: 2px 8px;
}
.icon-button[b-gpusi76z0c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    border-radius: 4px;
    cursor: pointer;
}
.icon-button:hover[b-gpusi76z0c] { background: var(--aquip-hover, rgba(0,0,0,0.06)); }
.icon-button img[b-gpusi76z0c] { width: 18px; height: 18px; }
.notification-button[b-gpusi76z0c] {
    position: relative;
}

.notification-center-host[b-gpusi76z0c] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.notification-button-active[b-gpusi76z0c]::after {
    content: "";
    position: absolute;
    left: 4px;
    right: 4px;
    bottom: -2px;
    height: 2px;
    border-radius: 999px;
    background: var(--kendo-color-primary, #151515);
    animation: notification-underline-b-gpusi76z0c 1.1s linear infinite;
}

.notification-badge[b-gpusi76z0c] {
    position: absolute;
    top: -4px;
    left: -6px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 999px;
    background: #d92d20;
    color: #fff;
    font-size: 10px;
    line-height: 16px;
    font-weight: 600;
    text-align: center;
}

.notification-badge-signatory[b-gpusi76z0c] {
    position: absolute;
    top: -4px;
    right: -6px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 999px;
    background: #155eef;
    color: #fff;
    font-size: 10px;
    line-height: 16px;
    font-weight: 600;
    text-align: center;
}

@keyframes notification-underline-b-gpusi76z0c {
    0% {
        transform: scaleX(0.35);
        opacity: 0.5;
    }

    50% {
        transform: scaleX(1);
        opacity: 1;
    }

    100% {
        transform: scaleX(0.35);
        opacity: 0.5;
    }
}

.page[b-gpusi76z0c] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    overflow-x: hidden;
}

main[b-gpusi76z0c] {
    flex: 1;
    color: var(--aquip-text, #212529);
    background: var(--aquip-canvas, #fbfbfb);
    min-width: 0;
    overflow-x: hidden;
}


.top-row[b-gpusi76z0c] {
    background-color: var(--aquip-surface, #f7f7f7);
    border-bottom: 1px solid var(--aquip-border, #d6d5d5);
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-gpusi76z0c]  a, .top-row[b-gpusi76z0c]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-gpusi76z0c]  a:hover, .top-row[b-gpusi76z0c]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-gpusi76z0c]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 640.98px) {
    .top-row[b-gpusi76z0c] {
        justify-content: space-between;
    }

        .top-row[b-gpusi76z0c]  a, .top-row[b-gpusi76z0c]  .btn-link {
            margin-left: 0;
        }
}

@media (max-width: 768px) {
    .top-bar[b-gpusi76z0c] {
        height: auto;
        min-height: 40px;
        flex-wrap: wrap;
        row-gap: 8px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .top-actions[b-gpusi76z0c] {
        width: auto;
        margin-left: auto;
        flex-wrap: nowrap;
        justify-content: flex-end;
        gap: 8px;
    }

    .top-actions[b-gpusi76z0c]  .search-container {
        flex: 0 0 auto;
        min-width: 0;
        max-width: none;
        width: auto;
    }

    .top-actions[b-gpusi76z0c]  #top-search {
        width: 100%;
        max-width: 100%;
    }
}

@media (min-width: 641px) {
    .page[b-gpusi76z0c] {
        flex-direction: row;
    }

    .top-row[b-gpusi76z0c] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-gpusi76z0c]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-gpusi76z0c], article[b-gpusi76z0c] {
        padding: 1rem;
    }
}

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

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

[b-gpusi76z0c] .cs-navmenu-toggle { margin-left: 4px; }
[b-gpusi76z0c] .nav-hide .nav-container {
    margin-left: -250px;
}

[b-gpusi76z0c] main > .nav-container.nav-side {
    flex: 0 0 250px;
}

[b-gpusi76z0c] main.nav-hide > .nav-container.nav-side {
    flex-basis: 0;
}

[b-gpusi76z0c] .k-splitter {
    border: none;
    background: none;
}

[b-gpusi76z0c] .k-pane {
    background: none;
}

[b-gpusi76z0c] .k-splitbar {
    background-color: #e4e4e4;
    border: none;
}

[b-gpusi76z0c] .k-splitbar:hover {
    background-color: #d4d4d4;
}

[b-gpusi76z0c] .hierarchy-splitter .k-splitbar:hover {
    background-color: var(--kendo-color-primary-active, #151515);
}

[b-gpusi76z0c] .hierarchy-splitter .k-splitbar {
    background-color: var(--kendo-color-primary-emphasis, #151515);
    color: #fff;
}
[b-gpusi76z0c] .hierarchy-splitter .k-splitbar .k-svg-icon { width: 18px; }

[b-gpusi76z0c] .hierarchy-splitter {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
}

[b-gpusi76z0c] .hierarchy-splitter .k-pane {
    min-width: 0;
}

article[b-gpusi76z0c] {
    min-width: 0;
}

.ai-pane[b-gpusi76z0c] { display: flex; flex-direction: column; height: 100%; }

.offline-indicator[b-gpusi76z0c] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    background-color: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    color: #856404;
    white-space: nowrap;
}

.offline-indicator-dot[b-gpusi76z0c] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #dc3545;
    flex-shrink: 0;
    animation: offline-pulse-b-gpusi76z0c 2s ease-in-out infinite;
}

@keyframes offline-pulse-b-gpusi76z0c {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

.offline-indicator-text[b-gpusi76z0c] {
    line-height: 1;
}

.app-update-pill[b-gpusi76z0c] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    background-color: var(--kendo-color-primary, #155eef);
    color: #fff;
    border: none;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

.app-update-pill:hover[b-gpusi76z0c] {
    filter: brightness(0.93);
}

.app-update-pill-dot[b-gpusi76z0c] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
    flex-shrink: 0;
    animation: app-update-pulse-b-gpusi76z0c 2s ease-in-out infinite;
}

@keyframes app-update-pulse-b-gpusi76z0c {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

.app-update-restart-overlay[b-gpusi76z0c] {
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15, 23, 42, 0.32);
    backdrop-filter: blur(2px);
}

.app-update-restart-card[b-gpusi76z0c] {
    display: flex;
    align-items: center;
    gap: 14px;
    width: min(360px, 100%);
    padding: 18px 20px;
    color: #0f172a;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 12px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.22);
}

.app-update-restart-spinner[b-gpusi76z0c] {
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    color: var(--kendo-color-primary, #155eef);
}

.app-update-restart-title[b-gpusi76z0c] {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}

.app-update-restart-detail[b-gpusi76z0c] {
    margin-top: 2px;
    color: #64748b;
    font-size: 12px;
    line-height: 1.4;
}

.sync-indicator[b-gpusi76z0c] {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
}

.sync-icon[b-gpusi76z0c] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

.sync-icon-pending[b-gpusi76z0c] {
    background-color: #ffc107;
    color: #856404;
}

.sync-icon-conflict[b-gpusi76z0c] {
    background-color: #dc3545;
    color: #fff;
}

.sync-icon-ok[b-gpusi76z0c] {
    color: #28a745;
    font-size: 14px;
    width: auto;
    height: auto;
}
/* /Layout/NavigationLogos.razor.rz.scp.css */
img.logo[b-bqa53vsve0] {
    height: 20px;
    margin-right: 8px;
}
/* /Layout/NavMenu.razor.rz.scp.css */
.nav-item-header[b-ra361ehcez] {
    display: flex;
    align-items: center;
    column-gap: 2px;
    text-align: right;
    white-space: nowrap;
}

.nav-item-content[b-ra361ehcez] {
    display: none;
}

nav[b-ra361ehcez] { align-items: center; justify-content: flex-start; }

.nav-container[b-ra361ehcez] { align-items: center; gap: 20px; }
.nav-container > .nav-item[b-ra361ehcez] { flex: 0 0 auto; }

.nav-item:hover .nav-item-content[b-ra361ehcez] {
    display: block;
}

.nav-item[b-ra361ehcez] { height: 40px; display: flex; align-items: center; cursor: pointer; font-weight: 600; color: var(--aquip-text, #151515); }
.nav-item:hover[b-ra361ehcez] {
    color: var(--aquip-text, #151515);
}

/* App chrome stacking tier (50) sits above Telerik in-content surfaces
   (grid/tabstrip sticky headers and frozen columns top out at z-index 5)
   but below Telerik's body-appended popup/window tier (>=600), so filter
   menus, dropdown popups and dialogs still overlay the nav correctly. */
.nav-item-content[b-ra361ehcez] { background: #fff; position: absolute; top: 40px; height: auto; color: #151515; z-index: 50; padding: 10px 15px 15px 15px; border: 1px solid #b8bfc8; box-shadow: 0 4px 16px rgba(0,0,0,0.15); border-radius: 0 0 6px 6px; max-height: calc(100vh - 65px); overflow: auto; }

    .nav-item-content a[b-ra361ehcez] {
        color: #fff;
    }

.nav-item-content-inner a[b-ra361ehcez] {
    color: #fff;
    padding: 9px;
    display: flex;
    column-gap: 2px;
}
.nav-item-content-inner > a[b-ra361ehcez] {
    width: calc(16.67% - 25px);
}
.nav-item-content-inner[b-ra361ehcez] {
    display: block;
    column-count: 2;
}

.nav-item:hover .nav-item-header[b-ra361ehcez] {
    color: var(--aquip-text, #151515);
}

[b-ra361ehcez] .nav-link { text-align: left; align-items: center; display: flex; margin: 0; opacity: 1; color: var(--aquip-text, #151515); column-gap: 6px; padding: 8px 25px 8px 10px; }

@media (min-width: 1201px) {
    /* Keep the permanent top-level navigation comfortably spaced while making
       the links inside its hover flyouts more compact. */
    .nav-container:not(.nav-side) .nav-item-content[b-ra361ehcez]  .nav-link {
        padding-top: 4px;
        padding-bottom: 4px;
    }
}

    [b-ra361ehcez] .nav-link:hover {
        color: var(--aquip-text, #151515);
    }

    [b-ra361ehcez] .nav-link.nav-disabled {
        opacity: 0.4;
        pointer-events: none;
    }
.nav-item-header img[b-ra361ehcez] {
    width: 12px;
}
.nav-side .nav-item-header img[b-ra361ehcez] {
    filter: brightness(0) invert(1);
}

@media(max-width: 1200px) {
        .nav-container.cs-show-menu.cs-small[b-ra361ehcez] {
            display: flex;
        }
        /* Anchor the dropdown to the BOTTOM of the top bar via top:100%. The bar
           (.top-bar / #top-nav) is this absolutely-positioned menu's offsetParent
           (it is position:relative) and on phones it wraps to ~2 rows (~89px), so a
           fixed top:40px left the menu overlapping the bar's second row. top:100%
           tracks the real bar height at any width (40px desktop, taller when wrapped). */
        .nav-container[b-ra361ehcez] { display: none; width: 100% !important; left: 0; top: 100%; position: absolute; flex-wrap: wrap; z-index: 50; background: #fff; border-bottom: 1px solid #e3e3e3; }

        .nav-container > .nav-item[b-ra361ehcez] {
            display: flex;
            flex-direction: column;
            align-items: start;
            justify-content: start;
            height: auto;
            padding: 12px 5px;
        }

        .nav-item-content[b-ra361ehcez] {
            position: relative;
            top: 0;
            left: 0;
            border: unset;
            padding: 0 0 0 10px;
            width: 100%;
            border-radius: 5px;
            background: #f8f6f9;
        }

        .nav-item-content-inner[b-ra361ehcez]{
            column-count: 2;
        }

        [b-ra361ehcez] .nav-link {
            padding: 10px 0;
            font-weight: 500;
        }
    }
@media (max-width: 768px) {
    .nav-item-content-inner[b-ra361ehcez] {
        column-count: 1;
    }
    .nav-container > .nav-item[b-ra361ehcez]{
        width:100%;
    }
    /* Fill the viewport below the bar, not the short offsetParent. The percentage
       resolves against the offsetParent (#top-nav) height, so calc(100vh - 100%) =
       viewport minus the bar height. The old calc(100% - 40px) resolved to the bar
       height (~89px) minus 40px = ~49px, clipping the menu to a single item. */
    .nav-container[b-ra361ehcez]{ max-height: calc(100vh - 100%); overflow: auto; }
}

.nav-category[b-ra361ehcez] {
    font-size: 1.1em;
    font-weight: bold;
    border-bottom: 2px solid #ddd;
    padding: 8px 0;
    margin: 12px 0;
    width: 100%;
}

.nav-subcategory[b-ra361ehcez] {
    font-size: 0.9em;
    font-weight: 600;
    color: #666;
    padding: 4px 0;
    margin: 8px 0 2px 0;
}

.nav-group[b-ra361ehcez] {
    display: flex;
    flex-direction: column;
    width: 45%;
    min-width: 300px;
}

.nav-link[b-ra361ehcez] {
    display: block;
    padding: 6px 10px;
    text-decoration: none;
    color: #333;
}

.nav-link:hover[b-ra361ehcez] {
    background-color: #f4f4f4;
    border-radius: 5px;
}

.nav-show-more[b-ra361ehcez] {
    background: none;
    border: 0;
    color: #adb5bd;
    cursor: pointer;
    text-align: left;
}

.nav-show-more:hover[b-ra361ehcez],
.nav-show-more:focus[b-ra361ehcez] {
    color: #6c757d;
    text-decoration: underline;
}


/*sidemenu*/
[b-ra361ehcez].nav-side.nav-container {
    width: 250px;
    min-width: 250px;
    background-color: var(--kendo-color-sidenav-background, #212529);
    height: 100%;
    overflow: auto;
    justify-content: start;
    align-items: start;
    /* Lift the side nav above Telerik grid sticky/frozen surfaces (z-index 2-5),
       which otherwise paint over the side navigation on grid-heavy pages
       like User Management. See chrome tier note above. */
    z-index: 50;
    transition: all linear 0.1s;
}
[b-ra361ehcez].nav-side .nav-item {
    width: 100%;
    height: auto;
    flex-direction: column;
}
[b-ra361ehcez].nav-side .nav-item-header {
    width: 100%;
    justify-content: space-between;
    min-height: 40px;
}
[b-ra361ehcez].nav-side .nav-item-content {
    position: relative;
    display: block;
    top: 0;
    width: 100%;
    background: unset;
    border: unset;
    padding: 0;
    overflow: visible;
}
[b-ra361ehcez].nav-side .nav-group {
    width: 100%;
    min-width: unset;
}
[b-ra361ehcez].nav-side .nav-category {
    border: unset;
    font-size: 1em;
    margin: 0;
    display: flex;
    column-gap: 5px;
    align-items: baseline;
}
[b-ra361ehcez].nav-side .nav-subcategory {
    font-size: 0.85em;
    margin: 6px 0 2px 0;
    display: flex;
    column-gap: 5px;
    align-items: baseline;
}
[b-ra361ehcez].nav-side .nav-link {
    padding-left: 25px;
}
[b-ra361ehcez].nav-side .nav-group:last-child {
    border-bottom: 1px solid rgb(255 255 255 / 30%);
    padding-bottom: 15px;
    margin-bottom: 15px;
}
[b-ra361ehcez].nav-side, [b-ra361ehcez].nav-side .nav-category, [b-ra361ehcez].nav-side .nav-subcategory, [b-ra361ehcez].nav-side .nav-link {
    color: var(--kendo-color-sidenav-text, #000);
}
[b-ra361ehcez].nav-side .nav-item:hover .nav-item-header {
    color: var(--kendo-color-sidenav-text, #000);
}
[b-ra361ehcez].nav-side .nav-link:hover {
    opacity: 0.7;
}

/* Keep navigation feedback consistent with Kendo's active theme palette. */
.nav-item:hover[b-ra361ehcez],
.nav-item:hover .nav-item-header[b-ra361ehcez],
[b-ra361ehcez] .nav-link:hover,
[b-ra361ehcez].nav-side .nav-item:hover .nav-item-header,
[b-ra361ehcez].nav-side .nav-link:hover {
    color: var(--kendo-color-primary);
}

[b-ra361ehcez] a.nav-link.active,
[b-ra361ehcez] a.nav-link.active span {
    color: var(--kendo-color-primary);
}

[b-ra361ehcez].nav-side a.nav-link.active {
    color: var(--kendo-color-primary);
}
/* /Pages/AiActivityFacetFilterMenu.razor.rz.scp.css */
.aiwc-facet-filter-menu[b-1ipbtbsiln] {
    width: 240px;
    display: flex;
    flex-direction: column;
    gap: var(--kendo-spacing-3, .75rem);
}

.aiwc-facet-filter-actions[b-1ipbtbsiln] {
    display: flex;
    justify-content: flex-end;
    gap: var(--kendo-spacing-2, .5rem);
}
/* /Pages/AiActivityPage.razor.rz.scp.css */
.aiwc-shell[b-9n4ike2p4m] {
    --ink: var(--kendo-color-on-app-surface, #212529);
    --muted: var(--kendo-color-subtle, #6c757d);
    --line: var(--kendo-color-border, #dee2e6);
    --surface: var(--kendo-color-surface, #fff);
    --soft: var(--kendo-color-surface-alt, #f8f9fa);
    --brand: var(--kendo-color-primary, #0d6efd);
    min-height: calc(100vh - 130px);
    padding: var(--kendo-spacing-4, 1rem) var(--kendo-spacing-5, 1.25rem) var(--kendo-spacing-8, 2rem);
    color: var(--ink);
    background: var(--kendo-color-app-surface, #f5f5f5);
    font-family: var(--kendo-font-family, inherit);
}

.aiwc-header[b-9n4ike2p4m] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
    margin: 0;
}

.aiwc-heading h2[b-9n4ike2p4m] {
    margin: 5px 0 6px;
    font-size: clamp(1.65rem, 2.6vw, 2.35rem);
    line-height: 1.12;
    letter-spacing: -.035em;
    font-weight: 760;
}

.aiwc-heading p[b-9n4ike2p4m] {
    max-width: 720px;
    margin: 0;
    color: var(--muted);
    font-size: .92rem;
}

.aiwc-eyebrow[b-9n4ike2p4m] {
    color: var(--brand);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .16em;
}

.aiwc-header-actions[b-9n4ike2p4m],
.aiwc-scope-row[b-9n4ike2p4m],
.aiwc-active-meta[b-9n4ike2p4m],
.aiwc-section-heading[b-9n4ike2p4m],
.aiwc-pagination[b-9n4ike2p4m],
.aiwc-drawer-actions[b-9n4ike2p4m] {
    display: flex;
    align-items: center;
}

.aiwc-header-actions[b-9n4ike2p4m] {
    gap: 10px;
    padding-top: 6px;
}

.aiwc-live[b-9n4ike2p4m] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 34px;
    padding: 0 12px;
    border: 1px solid var(--line);
    border-radius: var(--kendo-border-radius-full, 9999px);
    color: var(--muted);
    background: var(--surface);
    font-size: .76rem;
    font-weight: 700;
}

.aiwc-live i[b-9n4ike2p4m] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #98a2b3;
}

.aiwc-live.is-live i[b-9n4ike2p4m] {
    background: #12b76a;
    box-shadow: 0 0 0 4px rgba(18,183,106,.12);
}

[b-9n4ike2p4m] .k-disabled { cursor: not-allowed !important; }

.aiwc-scope-row[b-9n4ike2p4m] {
    width: 100%;
    margin: 24px 0 17px;
    gap: 14px;
}

[b-9n4ike2p4m] .aiwc-segmented {
    display: inline-flex;
    padding: 3px;
    border: 1px solid var(--line);
    border-radius: var(--kendo-border-radius-md, .375rem);
    background: var(--soft);
}

[b-9n4ike2p4m] .aiwc-segmented .k-button {
    border: 0;
    background: transparent;
    cursor: pointer;
    color: var(--muted);
    font: inherit;
    font-size: .79rem;
    font-weight: 750;
}

[b-9n4ike2p4m] .aiwc-tabs .k-button {
    flex: 1;
    min-height: 36px;
    cursor: pointer;
    font: inherit;
    font-size: .79rem;
    font-weight: 750;
}

[b-9n4ike2p4m] .aiwc-segmented .k-button {
    min-width: 92px;
    padding: 7px 13px;
    border-radius: var(--kendo-border-radius-sm, .25rem);
}

[b-9n4ike2p4m] .aiwc-segmented .k-button.k-selected {
    color: var(--ink);
    background: var(--surface);
    box-shadow: var(--kendo-elevation-1, 0 1px 2px rgba(0, 0, 0, .08));
}

.aiwc-scope-note[b-9n4ike2p4m] {
    color: var(--muted);
    font-size: .74rem;
}

.aiwc-metrics[b-9n4ike2p4m] {
    width: 100%;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

[b-9n4ike2p4m] .aiwc-metric {
    min-height: 128px;
    border: 1px solid var(--line);
    border-radius: var(--kendo-border-radius-lg, .5rem);
    background: var(--surface);
    box-shadow: var(--kendo-elevation-1, none);
    color: var(--ink);
}

[b-9n4ike2p4m] .aiwc-metric .k-card-body {
    display: flex;
    flex-direction: column;
    min-height: 128px;
    padding: var(--kendo-spacing-4, 1rem);
    text-align: left;
}

[b-9n4ike2p4m] .aiwc-metric:hover {
    border-color: var(--kendo-color-primary, #0d6efd);
}

.aiwc-metric-icon[b-9n4ike2p4m] {
    float: right;
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    border-radius: var(--kendo-border-radius-md, .375rem);
    color: var(--metric, #405cf5);
    background: var(--metric-soft, #eef2ff);
    font-weight: 800;
}

.aiwc-metric strong[b-9n4ike2p4m] {
    display: block;
    margin-top: 2px;
    font-size: 1.85rem;
    line-height: 1;
    letter-spacing: -.04em;
}

.aiwc-metric small[b-9n4ike2p4m] {
    display: block;
    margin-top: 9px;
    color: var(--ink);
    font-size: .78rem;
    font-weight: 750;
}

.aiwc-metric em[b-9n4ike2p4m] {
    display: block;
    margin-top: 3px;
    color: var(--muted);
    font-size: .67rem;
    font-style: normal;
}

.metric-active[b-9n4ike2p4m] {
    --metric: var(--kendo-color-primary, #0d6efd);
    --metric-soft: var(--kendo-color-primary-subtle, #e7f1ff);
}
.metric-awaiting[b-9n4ike2p4m] {
    --metric: var(--kendo-color-warning, #ffc107);
    --metric-soft: var(--kendo-color-warning-subtle, #fff3cd);
}
.metric-failed[b-9n4ike2p4m] {
    --metric: var(--kendo-color-error, #dc3545);
    --metric-soft: var(--kendo-color-error-subtle, #f8d7da);
}
.metric-done[b-9n4ike2p4m] {
    --metric: var(--kendo-color-success, #198754);
    --metric-soft: var(--kendo-color-success-subtle, #d1e7dd);
}

[b-9n4ike2p4m] .aiwc-metric-action {
    align-self: flex-start;
    min-height: 28px;
    margin-top: auto;
    padding: 0;
    font-size: var(--kendo-font-size-xs, .75rem);
}

.aiwc-active-section[b-9n4ike2p4m],
.aiwc-workspace[b-9n4ike2p4m] {
    width: 100%;
    margin: 19px 0 0;
}

.aiwc-section-heading[b-9n4ike2p4m] {
    justify-content: space-between;
    margin-bottom: 9px;
}

.aiwc-section-heading h2[b-9n4ike2p4m] {
    margin: 0;
    font-size: .94rem;
    font-weight: 780;
}

.aiwc-section-heading p[b-9n4ike2p4m] {
    margin: 2px 0 0;
    color: #8a93a3;
    font-size: .7rem;
}

.aiwc-section-heading > span[b-9n4ike2p4m] {
    color: #8a93a3;
    font-size: .7rem;
}

.aiwc-active-strip[b-9n4ike2p4m] {
    display: grid;
    grid-template-columns: repeat(4, minmax(260px, 1fr));
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: thin;
}

[b-9n4ike2p4m] .aiwc-active-card {
    min-height: 125px;
    border: 1px solid var(--line);
    border-radius: var(--kendo-border-radius-lg, .5rem);
    background: var(--surface);
    color: var(--ink);
}

[b-9n4ike2p4m] .aiwc-active-card .k-card-body {
    display: flex;
    gap: var(--kendo-spacing-3, .75rem);
    padding: var(--kendo-spacing-4, 1rem);
}

[b-9n4ike2p4m] .aiwc-active-card:hover { border-color: var(--kendo-color-primary, #0d6efd); }

.aiwc-type-mark[b-9n4ike2p4m] {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: var(--kendo-border-radius-md, .375rem);
    color: var(--brand);
    background: var(--kendo-color-primary-subtle, #e7f1ff);
    font-size: 1rem;
}

.aiwc-active-content[b-9n4ike2p4m] {
    min-width: 0;
    flex: 1;
}

.aiwc-active-content strong[b-9n4ike2p4m] {
    display: block;
    overflow: hidden;
    color: var(--ink);
    font-size: .8rem;
    line-height: 1.35;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.aiwc-active-content > small[b-9n4ike2p4m] {
    display: block;
    margin-top: 5px;
    color: var(--muted);
    font-size: .69rem;
}

.aiwc-progress[b-9n4ike2p4m] {
    height: 5px;
    display: block;
    overflow: hidden;
    margin: 11px 0 9px;
    border-radius: var(--kendo-border-radius-full, 9999px);
    background: var(--kendo-color-base-subtle, #eef1f4);
}

.aiwc-progress i[b-9n4ike2p4m] {
    height: 100%;
    display: block;
    border-radius: inherit;
    background: var(--brand);
}

.aiwc-progress.indeterminate i[b-9n4ike2p4m] {
    width: 38%;
    animation: aiwc-slide-b-9n4ike2p4m 1.5s ease-in-out infinite;
}

.aiwc-active-meta[b-9n4ike2p4m] {
    justify-content: space-between;
    gap: 8px;
    color: var(--muted);
    font-size: .65rem;
}

.aiwc-active-meta span:first-child[b-9n4ike2p4m] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

[b-9n4ike2p4m] .aiwc-active-open {
    min-height: 26px;
    margin-top: var(--kendo-spacing-2, .5rem);
    padding: 0;
    font-size: var(--kendo-font-size-xs, .75rem);
}

.aiwc-workspace[b-9n4ike2p4m] {
    border: 1px solid var(--line);
    border-radius: var(--kendo-border-radius-lg, .5rem);
    background: var(--surface);
    box-shadow: var(--kendo-elevation-1, none);
}

[b-9n4ike2p4m] .aiwc-tabs {
    height: 52px;
    display: flex;
    gap: var(--kendo-spacing-2, .5rem);
    padding: var(--kendo-spacing-2, .5rem) var(--kendo-spacing-3, .75rem);
    border-bottom: 1px solid var(--line);
    background: var(--soft);
}

.aiwc-inline-loading[b-9n4ike2p4m] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    color: var(--brand);
    background: var(--kendo-color-primary-subtle, #e7f1ff);
    border-bottom: 1px solid var(--line);
    font-size: .7rem;
}

.aiwc-grid-wrap[b-9n4ike2p4m] { min-width: 0; overflow-x: auto; }
[b-9n4ike2p4m] .aiwc-grid .k-table-row { cursor: pointer; }
[b-9n4ike2p4m] .aiwc-grid .aiwc-grid-row-selected {
    color: var(--kendo-color-on-primary-subtle, #084298);
    background: var(--kendo-color-primary-subtle, #e7f1ff);
}

[b-9n4ike2p4m] .aiwc-status {
    color: #ffffff;
    font-weight: 750;
}
[b-9n4ike2p4m] .aiwc-status.k-badge-primary {
    border-color: #0b5ed7;
    color: #ffffff;
    background-color: #0b5ed7;
}
[b-9n4ike2p4m] .aiwc-status.k-badge-info {
    border-color: #0f6cbd;
    color: #ffffff;
    background-color: #0f6cbd;
}
[b-9n4ike2p4m] .aiwc-status.k-badge-success {
    border-color: #087f5b;
    color: #ffffff;
    background-color: #087f5b;
}
[b-9n4ike2p4m] .aiwc-status.k-badge-warning {
    border-color: #8a6100;
    color: #ffffff;
    background-color: #8a6100;
}
[b-9n4ike2p4m] .aiwc-status.k-badge-error {
    border-color: #b42318;
    color: #ffffff;
    background-color: #b42318;
}
[b-9n4ike2p4m] .aiwc-status.k-badge-secondary {
    border-color: #5c636a;
    color: #ffffff;
    background-color: #5c636a;
}

.aiwc-title-cell[b-9n4ike2p4m] { min-width: 250px; max-width: 480px; }
.aiwc-title-cell strong[b-9n4ike2p4m] { display: block; overflow: hidden; color: #26324b; font-size: .77rem; white-space: nowrap; text-overflow: ellipsis; }
.aiwc-title-cell span[b-9n4ike2p4m] { display: block; overflow: hidden; margin-top: 3px; color: #7d8798; font-size: .68rem; white-space: nowrap; text-overflow: ellipsis; }
.aiwc-title-cell small[b-9n4ike2p4m] { display: block; margin-top: 4px; color: #6579dd; font-size: .62rem; }
.aiwc-type-chip[b-9n4ike2p4m] { display: inline-flex; align-items: center; gap: 5px; color: #44516a; white-space: nowrap; }
[b-9n4ike2p4m] .aiwc-row-action {
    width: 30px;
    min-width: 30px;
    height: 30px;
    padding: 0;
    font-size: 1.2rem;
}

.aiwc-state[b-9n4ike2p4m], .aiwc-empty[b-9n4ike2p4m] {
    min-height: 340px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px;
    text-align: center;
}
.aiwc-state[b-9n4ike2p4m] { max-width: 720px; margin: 60px auto; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.aiwc-state-icon[b-9n4ike2p4m], .aiwc-empty > span[b-9n4ike2p4m] { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; color: #405cf5; background: #eef1ff; font-size: 1.25rem; }
.aiwc-state h2[b-9n4ike2p4m], .aiwc-empty h3[b-9n4ike2p4m] { margin: 15px 0 5px; font-size: 1rem; }
.aiwc-state p[b-9n4ike2p4m], .aiwc-empty p[b-9n4ike2p4m] { max-width: 460px; margin: 0 0 16px; color: #7c8697; font-size: .76rem; }

.aiwc-telerik-skeleton-card[b-9n4ike2p4m] { cursor: default; }
.aiwc-telerik-skeleton-card[b-9n4ike2p4m]  .k-skeleton:first-child { float: right; border-radius: 9px; }
.aiwc-telerik-skeleton-card[b-9n4ike2p4m]  .k-skeleton:nth-child(2) { display: block; margin-top: 5px; }
.aiwc-telerik-skeleton-card[b-9n4ike2p4m]  .k-skeleton:nth-child(3) { display: block; margin-top: 13px; }
[b-9n4ike2p4m] .aiwc-active-skeleton,
[b-9n4ike2p4m] .aiwc-table-skeleton { width: 100%; margin: 18px 0; border-radius: 14px; }

.aiwc-drawer-backdrop[b-9n4ike2p4m] { position: fixed; z-index: 1090; inset: 0; background: rgba(15,23,42,.28); backdrop-filter: blur(2px); }
.aiwc-drawer[b-9n4ike2p4m] {
    width: min(540px, 94vw);
    position: fixed;
    z-index: 1091;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    color: var(--ink, #172033);
    background: #fff;
    box-shadow: -18px 0 48px rgba(20,31,55,.16);
    animation: aiwc-drawer-in-b-9n4ike2p4m .22s ease-out;
}
.aiwc-drawer > header[b-9n4ike2p4m] { min-height: 76px; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 17px 20px 14px; border-bottom: 1px solid #e8ebf0; }
.aiwc-drawer > header span[b-9n4ike2p4m] { color: #6677d4; font-size: .61rem; font-weight: 800; letter-spacing: .14em; }
.aiwc-drawer > header h2[b-9n4ike2p4m] { margin: 4px 0 0; font-size: 1rem; line-height: 1.35; }
.aiwc-drawer-body[b-9n4ike2p4m] { flex: 1; overflow-y: auto; padding: 17px 20px 32px; }
.aiwc-detail-status[b-9n4ike2p4m] { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }
.aiwc-detail-status > span:last-child[b-9n4ike2p4m] { color: #7b8495; font-size: .7rem; }
.aiwc-drawer-body section[b-9n4ike2p4m] { padding: 16px 0; border-top: 1px solid #edf0f4; }
.aiwc-drawer-body section:first-of-type[b-9n4ike2p4m] { border-top: 0; padding-top: 0; }
.aiwc-drawer-body h3[b-9n4ike2p4m] { display: flex; align-items: center; gap: 7px; margin: 0 0 9px; color: #344054; font-size: .75rem; font-weight: 800; }
.aiwc-drawer-body h3 span[b-9n4ike2p4m] { min-width: 19px; height: 19px; display: inline-grid; place-items: center; border-radius: 999px; color: #667085; background: #eef1f5; font-size: .58rem; }
.aiwc-drawer-body p[b-9n4ike2p4m] { margin: 0; color: #606c80; font-size: .75rem; line-height: 1.55; }
.aiwc-request-summary[b-9n4ike2p4m] { padding: 11px 12px; border-radius: 10px; background: #f7f8fb; }
.aiwc-prompt[b-9n4ike2p4m] { margin-top: 10px; border: 1px solid #dfe4ec; border-radius: 10px; overflow: hidden; }
.aiwc-prompt > div[b-9n4ike2p4m] { display: flex; justify-content: space-between; padding: 8px 10px; color: #475467; background: #f6f8fa; font-size: .64rem; }
.aiwc-prompt > div span[b-9n4ike2p4m] { color: #b15e07; }
.aiwc-prompt pre[b-9n4ike2p4m] { max-height: 260px; overflow: auto; margin: 0; padding: 12px; color: #344054; background: #fff; font: 11px/1.55 ui-monospace, SFMono-Regular, Consolas, monospace; white-space: pre-wrap; }

.aiwc-context-grid[b-9n4ike2p4m] { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin: 0 0 16px; overflow: hidden; border: 1px solid #e7eaf0; border-radius: 11px; background: #e7eaf0; }
.aiwc-context-grid div[b-9n4ike2p4m] { padding: 10px 11px; background: #fff; }
.aiwc-context-grid dt[b-9n4ike2p4m] { color: #8a93a3; font-size: .59rem; font-weight: 750; text-transform: uppercase; letter-spacing: .04em; }
.aiwc-context-grid dd[b-9n4ike2p4m] { overflow: hidden; margin: 4px 0 0; color: #38445b; font-size: .7rem; font-weight: 650; white-space: nowrap; text-overflow: ellipsis; }
.aiwc-error-box[b-9n4ike2p4m] { margin: 5px 0; padding: 13px !important; border: 1px solid #ffd0cc !important; border-radius: 11px; background: #fff7f6; }
.aiwc-error-box h3[b-9n4ike2p4m] { color: #b42318; }

.aiwc-outputs[b-9n4ike2p4m] { display: flex; flex-wrap: wrap; gap: 7px; }
.aiwc-outputs a[b-9n4ike2p4m], .aiwc-outputs > div[b-9n4ike2p4m] { min-width: 170px; flex: 1 1 210px; display: grid; grid-template-columns: 28px 1fr; grid-template-rows: auto auto; column-gap: 8px; padding: 9px 10px; border: 1px solid #dfe4ec; border-radius: 10px; color: #344054; background: #fff; text-decoration: none; }
.aiwc-outputs a:hover[b-9n4ike2p4m] { border-color: #aeb9f8; background: #f8f8ff; }
.aiwc-outputs a > span[b-9n4ike2p4m], .aiwc-outputs > div > span[b-9n4ike2p4m] { grid-row: 1 / 3; align-self: center; width: 27px; height: 27px; display: grid; place-items: center; border-radius: 8px; color: #405cf5; background: #eef1ff; }
.aiwc-outputs strong[b-9n4ike2p4m] { overflow: hidden; font-size: .68rem; white-space: nowrap; text-overflow: ellipsis; }
.aiwc-outputs small[b-9n4ike2p4m] { color: #8a93a3; font-size: .59rem; }
.aiwc-outputs .unavailable[b-9n4ike2p4m] { opacity: .62; }

.aiwc-children[b-9n4ike2p4m] { display: flex; flex-direction: column; gap: 6px; }
[b-9n4ike2p4m] .aiwc-child-button { display: grid; grid-template-columns: auto 1fr; gap: 2px 9px; padding: 9px; text-align: left; cursor: pointer; white-space: normal; }
[b-9n4ike2p4m] .aiwc-child-button > .k-button-text { display: contents; }
[b-9n4ike2p4m] .aiwc-children .aiwc-status { grid-row: 1 / 3; align-self: center; }
.aiwc-children strong[b-9n4ike2p4m] { overflow: hidden; color: #344054; font-size: .68rem; white-space: nowrap; text-overflow: ellipsis; }
.aiwc-children small[b-9n4ike2p4m] { color: #8a93a3; font-size: .6rem; }
.aiwc-change-list[b-9n4ike2p4m] { display: flex; flex-direction: column; gap: 5px; }
.aiwc-change-list div[b-9n4ike2p4m] { display: flex; justify-content: space-between; gap: 10px; padding: 8px 10px; border-radius: 8px; background: #f7f8fa; font-size: .64rem; }
.aiwc-change-list span[b-9n4ike2p4m] { color: #7c8697; }

.aiwc-timeline[b-9n4ike2p4m] { position: relative; margin: 0; padding: 0; list-style: none; }
.aiwc-timeline[b-9n4ike2p4m]::before { content: ""; position: absolute; top: 8px; bottom: 8px; left: 4px; width: 1px; background: #dce1e9; }
.aiwc-timeline li[b-9n4ike2p4m] { position: relative; padding: 0 0 17px 21px; }
.aiwc-timeline li:last-child[b-9n4ike2p4m] { padding-bottom: 0; }
.aiwc-timeline li > i[b-9n4ike2p4m] { width: 9px; height: 9px; position: absolute; top: 3px; left: 0; border: 2px solid #fff; border-radius: 50%; background: #98a2b3; box-shadow: 0 0 0 1px #cfd5de; }
.aiwc-timeline li.active > i[b-9n4ike2p4m] { background: #405cf5; box-shadow: 0 0 0 2px #dfe3ff; }
.aiwc-timeline li.success > i[b-9n4ike2p4m] { background: #12a565; }
.aiwc-timeline li.warning > i[b-9n4ike2p4m] { background: #e18a18; }
.aiwc-timeline li.danger > i[b-9n4ike2p4m] { background: #d92d20; }
.aiwc-timeline li div[b-9n4ike2p4m] { display: flex; justify-content: space-between; gap: 12px; }
.aiwc-timeline strong[b-9n4ike2p4m] { color: #3c485f; font-size: .68rem; }
.aiwc-timeline time[b-9n4ike2p4m] { color: #98a2b3; font-size: .59rem; white-space: nowrap; }
.aiwc-timeline p[b-9n4ike2p4m] { margin-top: 4px; color: #778195; font-size: .65rem; }

.aiwc-drawer-actions[b-9n4ike2p4m] { min-height: 64px; gap: 8px; padding: 11px 18px; border-top: 1px solid #e7eaf0; background: #fff; }
.aiwc-action-spacer[b-9n4ike2p4m] { flex: 1; }
.aiwc-capability-note[b-9n4ike2p4m] { padding: 8px 18px 11px; color: #7d8798; background: #fafbfc; border-top: 1px solid #edf0f4; font-size: .61rem; }
.aiwc-drawer-loading[b-9n4ike2p4m] { padding: 20px; }
.aiwc-drawer-loading[b-9n4ike2p4m]  .k-skeleton { display: block; width: 100%; margin-bottom: 12px; border-radius: 12px; }
.aiwc-drawer-state[b-9n4ike2p4m] { padding: 40px 20px; text-align: center; color: #667085; }
.aiwc-confirm-copy[b-9n4ike2p4m] { margin: 0; color: #536075; line-height: 1.55; }

.sr-only[b-9n4ike2p4m] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.aiwc-spin[b-9n4ike2p4m] { display: inline-block; animation: aiwc-spin-b-9n4ike2p4m .8s linear infinite; }

@keyframes aiwc-spin-b-9n4ike2p4m { to { transform: rotate(360deg); } }
@keyframes aiwc-slide-b-9n4ike2p4m { from { transform: translateX(-110%); } to { transform: translateX(270%); } }
@keyframes aiwc-drawer-in-b-9n4ike2p4m { from { transform: translateX(100%); } to { transform: translateX(0); } }

@media (max-width: 1100px) {
    .aiwc-metrics[b-9n4ike2p4m] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .aiwc-active-strip[b-9n4ike2p4m] { grid-template-columns: repeat(4, minmax(275px, 1fr)); }
}

@media (max-width: 720px) {
    .aiwc-shell[b-9n4ike2p4m] { padding: 13px 11px 35px; }
    .aiwc-header[b-9n4ike2p4m] { flex-direction: column; gap: 10px; }
    .aiwc-header-actions[b-9n4ike2p4m] { width: 100%; justify-content: space-between; }
    .aiwc-scope-row[b-9n4ike2p4m] { align-items: flex-start; flex-direction: column; margin-top: 17px; }
    .aiwc-metrics[b-9n4ike2p4m] { grid-template-columns: 1fr 1fr; gap: 8px; }
    .aiwc-metric[b-9n4ike2p4m] { min-height: 112px; padding: 13px; }
    .aiwc-metric strong[b-9n4ike2p4m] { font-size: 1.55rem; }
    .aiwc-active-strip[b-9n4ike2p4m] { grid-template-columns: repeat(4, 82vw); }
    .aiwc-workspace[b-9n4ike2p4m] { border-radius: 13px; }
    .aiwc-grid-wrap[b-9n4ike2p4m] { overflow-x: auto; }
    [b-9n4ike2p4m] .aiwc-grid { min-width: 840px; }
    .aiwc-title-cell[b-9n4ike2p4m] { min-width: 0; max-width: none; }
    .aiwc-drawer[b-9n4ike2p4m] { width: 100vw; }
    .aiwc-context-grid[b-9n4ike2p4m] { grid-template-columns: 1fr; }
    .aiwc-drawer-actions[b-9n4ike2p4m] { flex-wrap: wrap; }
    .aiwc-action-spacer[b-9n4ike2p4m] { display: none; }
    .aiwc-drawer-actions > *[b-9n4ike2p4m] { flex: 1 1 auto; }
}

@media (prefers-reduced-motion: reduce) {
    *[b-9n4ike2p4m], *[b-9n4ike2p4m]::before, *[b-9n4ike2p4m]::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}
/* /Pages/AnnotationLayerDrawingPage.razor.rz.scp.css */
.drawing-register-shell[b-xrq24wvjal] {
    display: flex;
    min-height: 0;
    height: 100%;
    flex-direction: column;
    gap: .75rem;
}

.drawing-register-intro[b-xrq24wvjal],
.drawing-register-toolbar[b-xrq24wvjal],
.drawing-register-grid-toolbar[b-xrq24wvjal],
.document-cell[b-xrq24wvjal],
.row-actions[b-xrq24wvjal],
.dialog-actions[b-xrq24wvjal] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.drawing-register-intro[b-xrq24wvjal] {
    justify-content: space-between;
}

.drawing-register-intro h2[b-xrq24wvjal],
.drawing-register-intro p[b-xrq24wvjal] {
    margin: 0;
}

.drawing-register-intro p[b-xrq24wvjal],
.drawing-register-grid-toolbar > span[b-xrq24wvjal] {
    color: var(--kendo-color-subtle, #64748b);
    font-size: .84rem;
}

.focus-note[b-xrq24wvjal] {
    max-width: 220px;
    color: var(--kendo-color-subtle, #64748b);
    font-size: .78rem;
}

.drawing-register-grid[b-xrq24wvjal] {
    flex: 1 1 auto;
    min-height: 420px;
}

.drawing-register-grid-toolbar[b-xrq24wvjal] {
    width: 100%;
    justify-content: space-between;
}

.document-cell[b-xrq24wvjal] {
    justify-content: space-between;
}

.drawing-state[b-xrq24wvjal],
.ai-state[b-xrq24wvjal] {
    display: inline-flex;
    border-radius: 999px;
    padding: .2rem .5rem;
    background: var(--kendo-color-base-subtle, #e2e8f0);
    font-size: .75rem;
    font-weight: 650;
}

.drawing-state.current[b-xrq24wvjal],
.ai-state[data-state="Published"][b-xrq24wvjal] {
    background: color-mix(in srgb, #16a34a 18%, transparent);
    color: #166534;
}

.drawing-state.outdated[b-xrq24wvjal],
.ai-state[data-state="Failed"][b-xrq24wvjal] {
    background: color-mix(in srgb, #d97706 20%, transparent);
    color: #92400e;
}

.ai-state[data-state="ReadyForReview"][b-xrq24wvjal] {
    background: color-mix(in srgb, #2563eb 18%, transparent);
    color: #1d4ed8;
}

.inline-value[b-xrq24wvjal] {
    border-radius: 4px;
    padding: 2px;
}

.inline-value.dirty[b-xrq24wvjal] {
    outline: 2px solid color-mix(in srgb, var(--kendo-color-primary, #2563eb) 55%, transparent);
}

.row-actions[b-xrq24wvjal] {
    flex-wrap: wrap;
}

.dialog-stack[b-xrq24wvjal] {
    display: flex;
    flex-direction: column;
    gap: .8rem;
}

.dialog-actions[b-xrq24wvjal] {
    justify-content: flex-end;
}

.initial-values-group[b-xrq24wvjal] {
    border: 1px solid var(--aquip-border-color, #d8dee8);
    border-radius: 5px;
    padding: .75rem;
}

.initial-values-group legend[b-xrq24wvjal] {
    width: auto;
    margin: 0;
    padding: 0 .35rem;
    font-size: .9rem;
    font-weight: 650;
}

.initial-values-grid[b-xrq24wvjal] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.initial-values-grid label[b-xrq24wvjal] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .3rem;
}

.geometry-only-note[b-xrq24wvjal],
.register-message[b-xrq24wvjal] {
    border-left: 4px solid var(--kendo-color-primary, #2563eb);
    background: color-mix(in srgb, var(--kendo-color-primary, #2563eb) 8%, transparent);
    padding: .75rem;
}

.register-message-error[b-xrq24wvjal] {
    border-left-color: var(--kendo-color-error, #dc2626);
}

.register-loading[b-xrq24wvjal] {
    padding: 1rem;
}

@media (max-width: 767px) {
    .drawing-register-intro[b-xrq24wvjal] {
        align-items: stretch;
        flex-direction: column;
    }

    .drawing-register-toolbar[b-xrq24wvjal] {
        flex-wrap: wrap;
    }

    .initial-values-grid[b-xrq24wvjal] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/AuditLogPage.razor.rz.scp.css */
/* --- Timeline and compare-row styles only --- */
.tableBadge[b-9f93k8icsf] {
    display: inline-block;
    background-color: #0d6efd; /* Bootstrap primary blue */
    color: white;
    border-radius: 20px;
    padding: 2px 10px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    min-width: 40px;
    margin-left: 12px;
}

.audit-timeline[b-9f93k8icsf] {
    position: relative;
    padding-left: 120px;
    background: #f8f9fa;
    width: 100%;
    overflow: visible; 
    padding-bottom: 50px;
}
.timeline-item[b-9f93k8icsf], .timeline-date-header[b-9f93k8icsf] {
    position: relative;
    z-index: 1; 
}
    .audit-timeline[b-9f93k8icsf]::before {
        content: '';
        position: absolute;
        left: 60px;
        top: 0;
        height: 100%; 
        width: 3px;
        background: linear-gradient(to bottom, #007bff, #6c757d);
        border-radius: 2px;
        z-index: 0; 
    }

/* Date Header Styles */
.timeline-date-header[b-9f93k8icsf] {
    display: flex;
    align-items: center;
    margin: 32px 0 16px 0;
    position: relative;
    width:80%
}

.timeline-date-line[b-9f93k8icsf] {
    flex: 1;
    height: 2px;
    background: #e9ecef;
    border-radius: 1px;
}

.timeline-date-label[b-9f93k8icsf] {
    padding: 8px 20px;
    background: #fff;
    border-radius: 20px;
    border: 2px solid #e9ecef;
    font-weight: 600;
    font-size: 14px;
    color: #495057;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin: 0 16px;
    white-space: nowrap;
}

/* Timeline Item Styles */
.timeline-item[b-9f93k8icsf] {
    position: relative;
    margin-bottom: 20px;
    padding-left: 20px;
    width: 100%;
    max-width: 100%;
}

.timeline-item:last-child[b-9f93k8icsf] {
    margin-bottom: 0;
}

.timeline-marker[b-9f93k8icsf] {
    position: absolute;
    left: -45px;
    top: 8px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,0.15);
    z-index: 2;
    transition: transform 0.2s ease;
}

.timeline-marker:hover[b-9f93k8icsf] {
    transform: scale(1.15);
}

.timeline-marker-success[b-9f93k8icsf] { 
    background-color: #28a745; 
    color: white; 
}

.timeline-marker-warning[b-9f93k8icsf] { 
    background-color: #ffc107; 
    color: #212529; 
}

.timeline-marker-danger[b-9f93k8icsf] { 
    background-color: #dc3545; 
    color: white; 
}

.timeline-marker-secondary[b-9f93k8icsf] { 
    background-color: #6c757d; 
    color: white; 
}

.timeline-icon[b-9f93k8icsf] { 
    font-size: 12px; 
}

/* Timestamp Styles */
.timeline-timestamp[b-9f93k8icsf] {
    position: absolute;
    left: -110px;
    top: 4px;
    text-align: right;
    width: 50px;
    background: white;
    z-index: 3;
    padding: 4px 6px;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    border: 1px solid #e9ecef;
}

.timestamp-date[b-9f93k8icsf] {
    font-size: 11px;
    font-weight: 600;
    color: #495057;
    line-height: 1.2;
}

.timestamp-time[b-9f93k8icsf] {
    font-size: 10px;
    color: #6c757d;
    line-height: 1.2;
}

/* Content Styles */
.timeline-content[b-9f93k8icsf] {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 16px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: all 0.2s ease;
    margin-left: 8px;
    width: 100%;
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    box-sizing: border-box;
}

.timeline-content:hover[b-9f93k8icsf] {
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    transform: translateY(-1px);
}

.timeline-summary[b-9f93k8icsf] { 
    font-size: 14px; 
    line-height: 1.5;
    margin-bottom: 8px;
}

.user-name[b-9f93k8icsf] {
    font-weight: 600;
    color: #212529;
}

.table-name[b-9f93k8icsf] {
    color: #6c757d;
    font-size: 12px;
    margin-left: 8px;
    font-style: italic;
}

/* Field Changes Styles */
.field-changes[b-9f93k8icsf] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #f1f3f4;
}

.field-change-item[b-9f93k8icsf] {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 1.4;
}

.field-name[b-9f93k8icsf] {
    font-weight: 600;
    color: #495057;
    margin-right: 8px;
    min-width: 80px;
}

.field-old-value[b-9f93k8icsf] {
    background: #ffeaea;
    color: #b30000;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 500;
    border: 1px solid #ffcccc;
}

.field-new-value[b-9f93k8icsf] {
    background: #eaffea;
    color: #006600;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 500;
    border: 1px solid #ccffcc;
}

.field-arrow[b-9f93k8icsf] {
    margin: 0 8px;
    color: #6c757d;
    font-size: 14px;
    font-weight: 600;
}

/* Expand Button Styles */
.expand-button[b-9f93k8icsf] {
    background: none;
    border: none;
    padding: 0;
    margin-top: 8px;
    cursor: pointer;
    transition: color 0.2s ease;
}

.expand-text[b-9f93k8icsf] {
    color: #007bff;
    font-size: 13px;
    text-decoration: none;
}

.expand-button:hover .expand-text[b-9f93k8icsf] {
    color: #0056b3;
    text-decoration: underline;
}

/* Expanded Entries Styles */
.expanded-entries[b-9f93k8icsf] {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #f1f3f4;
}

.expanded-entry[b-9f93k8icsf] {
    margin-bottom: 12px;
    padding-left: 16px;
    border-left: 2px solid #e9ecef;
}

.expanded-entry:last-child[b-9f93k8icsf] {
    margin-bottom: 0;
}

/* Compare-row UI for field changes */
.popup-compare-table[b-9f93k8icsf] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
    margin-bottom: 0.5rem;
}

.compare-row[b-9f93k8icsf] {
    display: flex;
    align-items: center;
    background: none;
    border-radius: 0;
    padding: 2px 0;
    font-size: 14px;
    font-weight: normal;
    transition: none;
    margin-bottom: 0;
}

.compare-row.changed[b-9f93k8icsf] {
    background: none;
    font-weight: normal;
}

.compare-label[b-9f93k8icsf] {
    flex: 0 0 120px;
    color: #495057;
    font-weight: 600;
    text-align: right;
    margin-right: 12px;
}

.compare-value[b-9f93k8icsf] {
    flex: 1 1 0;
    padding: 0 8px;
    border-radius: 0;
    background: none;
    color: #212529;
    text-align: left;
    min-width: 60px;
    word-break: break-all;
    border: none;
}

.compare-arrow[b-9f93k8icsf] {
    margin: 0 8px;
    color: #adb5bd;
    font-size: 16px;
}

/* Legacy diff styles (keeping for compatibility) */
.diff-label[b-9f93k8icsf] {
    font-weight: bold;
    margin-right: 4px;
}

.diff-old[b-9f93k8icsf] {
    background: #ffeaea;
    color: #b30000;
    padding: 0 3px;
    border-radius: 3px;
    font-weight: bold;
}

.diff-new[b-9f93k8icsf] {
    background: #eaffea;
    color: #006600;
    padding: 0 3px;
    border-radius: 3px;
    font-weight: bold;
}

.diff-arrow[b-9f93k8icsf] {
    margin: 0 6px;
    color: #888;
    font-size: 16px;
    font-weight: bold;
}

/* Responsive Design */
@media (max-width: 768px) {
    .audit-timeline[b-9f93k8icsf] { 
        padding-left: 80px; 
    }
    
    .audit-timeline[b-9f93k8icsf]::before { 
        left: 40px; 
    }
    
    .timeline-item[b-9f93k8icsf] { 
        padding-left: 12px; 
        margin-bottom: 20px; 
    }
    
    .timeline-marker[b-9f93k8icsf] { 
        left: -32px; 
        width: 20px; 
        height: 20px; 
    }
    
    .timeline-timestamp[b-9f93k8icsf] {
        left: -70px;
        width: 40px;
        font-size: 10px;
        text-align: center;
        line-height: 1.0;
        padding: 2px 4px;
    }
    
    .timeline-date-label[b-9f93k8icsf] {
        padding: 6px 12px;
        font-size: 12px;
        margin: 0 8px;
    }
    
    .field-change-item[b-9f93k8icsf] {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    
    .field-name[b-9f93k8icsf] {
        min-width: auto;
    }
    
    .popup-compare-table[b-9f93k8icsf] { 
        padding: 8px; 
    }
    
    .compare-label[b-9f93k8icsf] { 
        flex: 0 0 80px; 
        margin-right: 6px; 
        font-size: 13px; 
    }
    
    .compare-row[b-9f93k8icsf] { 
        font-size: 13px; 
        padding: 6px 6px; 
    }
   
} 
/* /Pages/AutomationFlowDesignerPage.razor.rz.scp.css */
.automation-designer-shell[b-dgolkbsx0b] {
    /* Keep the workflow treatment custom, but derive its visual system from the
       active Telerik/Kendo theme so it remains at home in AquipCore. */
    --designer-primary: var(--kendo-color-primary, #4f52b2);
    --designer-primary-subtle: var(--kendo-color-primary-subtle, #ececff);
    --designer-on-primary: var(--kendo-color-on-primary, #fff);
    --designer-surface: var(--kendo-color-surface, #fff);
    --designer-surface-alt: var(--kendo-color-surface-alt, #f7f8fa);
    --designer-app-surface: var(--kendo-color-app-surface, #f3f4f7);
    --designer-ink: var(--kendo-color-on-app-surface, #212529);
    --designer-muted: var(--kendo-color-subtle, #6b7280);
    --designer-border: var(--kendo-color-border, #dee2e6);
    --designer-border-alt: var(--kendo-color-border-alt, #e5e7eb);
    --designer-error: var(--kendo-color-error, #d32f2f);
    --designer-error-subtle: var(--kendo-color-error-subtle, #fbe9e7);
    --designer-success: var(--kendo-color-success, #2e7d32);
    --designer-success-subtle: var(--kendo-color-success-subtle, #e8f5e9);
    --designer-warning: var(--kendo-color-warning, #ed6c02);
    --designer-warning-subtle: var(--kendo-color-warning-subtle, #fff4e5);
    --designer-info: var(--kendo-color-info, #0288d1);
    --designer-info-subtle: var(--kendo-color-info-subtle, #e5f6fd);
    display: flex;
    flex-direction: column;
    height: calc(100vh - 58px);
    min-height: 620px;
    overflow: hidden;
    background: var(--designer-app-surface);
    color: var(--designer-ink);
}

.automation-designer-loading[b-dgolkbsx0b] {
    min-height: 60vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--kendo-spacing-4, 1rem);
    color: var(--designer-muted);
}

.automation-designer-header[b-dgolkbsx0b] {
    min-height: 72px;
    padding: var(--kendo-spacing-3, .75rem) var(--kendo-spacing-5, 1.25rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--kendo-spacing-4, 1rem);
    border-bottom: 1px solid var(--designer-border);
    color: var(--designer-ink);
    background: var(--designer-surface);
    box-shadow: 0 2px 8px color-mix(in srgb, var(--designer-ink) 8%, transparent);
    z-index: 5;
}

.designer-header-main[b-dgolkbsx0b],
.designer-header-actions[b-dgolkbsx0b] {
    display: flex;
    align-items: center;
    gap: var(--kendo-spacing-2, .5rem);
}

.designer-header-main[b-dgolkbsx0b] { min-width: 0; flex: 1; }
.designer-header-actions[b-dgolkbsx0b] { flex: 0 0 auto; }
.designer-header-actions[b-dgolkbsx0b]  .k-button { white-space: nowrap; }
.designer-back-control[b-dgolkbsx0b] { flex: 0 0 auto; }
.designer-back-control[b-dgolkbsx0b]  .k-button { width: 36px; height: 36px; padding: 0; }
.designer-name-input:focus-visible[b-dgolkbsx0b],
.designer-trigger-context:focus-visible[b-dgolkbsx0b] { outline: 2px solid var(--designer-primary); outline-offset: 2px; }
.designer-title-block[b-dgolkbsx0b] { min-width: 180px; max-width: 620px; flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 3px; }

.designer-name-input[b-dgolkbsx0b] {
    min-width: 160px;
    max-width: 540px;
    width: min(42vw, 540px);
    padding: 2px 5px;
    border: 1px solid transparent;
    border-radius: var(--kendo-border-radius-md, .375rem);
    outline: none;
    background: transparent;
    color: var(--designer-ink);
    font-family: inherit;
    font-size: var(--kendo-font-size-xl, 20px);
    font-weight: var(--kendo-font-weight-semibold, 600);
    line-height: 1.25;
}

.designer-name-input:hover[b-dgolkbsx0b],
.designer-name-input:focus[b-dgolkbsx0b] { border-color: var(--designer-border); background: var(--designer-surface-alt); }
.designer-trigger-context[b-dgolkbsx0b] {
    min-height: 27px;
    padding: 3px 9px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1px solid color-mix(in srgb, var(--designer-primary) 28%, var(--designer-border));
    border-radius: var(--kendo-border-radius-full, 9999px);
    background: var(--designer-primary-subtle);
    color: var(--designer-primary);
    font-family: inherit;
    font-size: var(--kendo-font-size-xs, 12px);
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
}
.designer-trigger-context span[b-dgolkbsx0b] { font-weight: 500; }
.designer-trigger-context strong[b-dgolkbsx0b] { font-weight: var(--kendo-font-weight-semibold, 600); }
.designer-trigger-context:hover[b-dgolkbsx0b] { border-color: var(--designer-primary); filter: brightness(.98); }

.designer-status[b-dgolkbsx0b] {
    padding: 4px 9px;
    border: 1px solid var(--designer-border);
    border-radius: var(--kendo-border-radius-full, 9999px);
    background: var(--designer-surface-alt);
    color: var(--designer-muted);
    font-size: var(--kendo-font-size-xs, 12px);
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.designer-status.draft[b-dgolkbsx0b] { border-color: color-mix(in srgb, var(--designer-warning) 35%, var(--designer-border)); background: var(--designer-warning-subtle); color: var(--kendo-color-on-warning-subtle, #6b4e00); }
.designer-status.published[b-dgolkbsx0b], .designer-status.active[b-dgolkbsx0b] { border-color: color-mix(in srgb, var(--designer-success) 30%, var(--designer-border)); background: var(--designer-success-subtle); color: var(--designer-success); }
.designer-status.inactive[b-dgolkbsx0b] { background: var(--designer-surface-alt); color: var(--designer-muted); }

.designer-validation-banner[b-dgolkbsx0b] {
    margin: 10px 18px 0;
    padding: 9px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid color-mix(in srgb, var(--designer-error) 45%, var(--designer-border));
    border-radius: var(--kendo-border-radius-md, .375rem);
    background: var(--designer-error-subtle);
    color: var(--designer-error);
    text-align: left;
    cursor: pointer;
}
.designer-validation-banner span:nth-child(2)[b-dgolkbsx0b] { flex: 1; }
.validation-icon[b-dgolkbsx0b], .card-error[b-dgolkbsx0b] { display: grid; place-items: center; border-radius: 50%; background: var(--designer-error); color: var(--kendo-color-on-error, #fff); font-weight: 800; }
.validation-icon[b-dgolkbsx0b] { width: 22px; height: 22px; }

.automation-designer-body[b-dgolkbsx0b] { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(560px, 1fr) 430px; }
.automation-canvas[b-dgolkbsx0b] { overflow: auto; padding: 42px 28px 100px; background: radial-gradient(circle at top, var(--designer-surface-alt), var(--designer-app-surface) 65%); }
.automation-flow-column[b-dgolkbsx0b] { width: min(680px, 100%); margin: 0 auto; display: flex; flex-direction: column; align-items: stretch; }
.canvas-section-label[b-dgolkbsx0b] { margin: 0 0 var(--kendo-spacing-3, .75rem) var(--kendo-spacing-2, .5rem); display: flex; align-items: center; gap: var(--kendo-spacing-2, .5rem); color: var(--designer-muted); font-size: 11px; font-weight: 800; letter-spacing: .11em; }
.canvas-section-label.action-sequence[b-dgolkbsx0b] { justify-content: center; margin-left: 0; }
.section-icon[b-dgolkbsx0b] { width: 27px; height: 27px; display: grid; place-items: center; border-radius: var(--kendo-border-radius-md, .375rem); font-size: 13px; }
.section-icon.trigger[b-dgolkbsx0b] { background: var(--designer-warning-subtle); color: var(--designer-warning); }
.section-icon.action[b-dgolkbsx0b] { background: var(--designer-info-subtle); color: var(--designer-info); }

.flow-card[b-dgolkbsx0b] {
    position: relative;
    width: 100%;
    min-height: 112px;
    padding: 20px 24px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    border: 1px solid var(--designer-border);
    border-radius: var(--kendo-border-radius-xl, .75rem);
    background: var(--designer-surface);
    color: var(--designer-ink);
    text-align: left;
    box-shadow: 0 2px 4px color-mix(in srgb, var(--designer-ink) 6%, transparent), 0 10px 30px color-mix(in srgb, var(--designer-ink) 4%, transparent);
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.flow-card:hover[b-dgolkbsx0b] { border-color: var(--designer-primary); box-shadow: 0 8px 24px color-mix(in srgb, var(--designer-primary) 14%, transparent); transform: translateY(-1px); }
.flow-card:focus-visible[b-dgolkbsx0b], .action-card-main:focus-visible[b-dgolkbsx0b] { outline: 3px solid color-mix(in srgb, var(--designer-primary) 28%, transparent); outline-offset: 2px; }
.flow-card.selected[b-dgolkbsx0b] { border: 2px solid var(--designer-primary); box-shadow: 0 9px 26px color-mix(in srgb, var(--designer-primary) 18%, transparent); }
.flow-card.invalid[b-dgolkbsx0b], .action-card.invalid[b-dgolkbsx0b] { border-color: var(--designer-error); }

.flow-card-icon[b-dgolkbsx0b] { flex: 0 0 42px; width: 42px; height: 42px; display: grid; place-items: center; border-radius: var(--kendo-border-radius-lg, .5rem); font-size: 18px; font-weight: 800; }
.flow-card-icon.trigger[b-dgolkbsx0b] { background: var(--designer-warning-subtle); color: var(--designer-warning); }
.flow-card-icon.condition[b-dgolkbsx0b] { background: var(--designer-surface-alt); color: var(--designer-muted); }
.flow-card-icon.ai[b-dgolkbsx0b] { background: var(--designer-primary-subtle); color: var(--designer-primary); }
.flow-card-icon.mutation[b-dgolkbsx0b] { background: var(--designer-success-subtle); color: var(--designer-success); }
.flow-card-icon.email[b-dgolkbsx0b] { background: var(--designer-info-subtle); color: var(--designer-info); }
.flow-card-icon.notification[b-dgolkbsx0b] { background: var(--designer-warning-subtle); color: var(--designer-warning); }
.flow-card-icon.safety[b-dgolkbsx0b] { background: var(--designer-success-subtle); color: var(--designer-success); }

.flow-card-copy[b-dgolkbsx0b] { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 5px; }
.flow-card-copy small[b-dgolkbsx0b] { color: var(--designer-muted); font-size: 11px; font-weight: 800; letter-spacing: .11em; }
.flow-card-copy strong[b-dgolkbsx0b] { font-size: 17px; line-height: 1.3; }
.flow-card-copy > span[b-dgolkbsx0b] { color: var(--designer-muted); font-size: 13px; }
.card-edit[b-dgolkbsx0b] { align-self: center; color: var(--designer-primary); font-size: 12px; font-weight: 700; }
.card-selected[b-dgolkbsx0b] { align-self: center; padding: 5px 9px; display: inline-flex; align-items: center; gap: 5px; border-radius: var(--kendo-border-radius-full, 9999px); background: var(--designer-primary-subtle); color: var(--designer-primary); font-size: 12px; font-weight: 700; white-space: nowrap; }
.card-error[b-dgolkbsx0b] { width: 20px; height: 20px; align-self: center; }
.capability-badges[b-dgolkbsx0b] { color: var(--designer-success) !important; font-weight: 600; }

.flow-card-empty[b-dgolkbsx0b] { border-style: dashed; background: color-mix(in srgb, var(--designer-surface) 78%, transparent); align-items: center; }
.flow-card-empty small[b-dgolkbsx0b] { display: block; margin-top: 5px; color: var(--designer-muted); font-weight: 400; }
.empty-card-icon[b-dgolkbsx0b] { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: var(--designer-primary-subtle); color: var(--designer-primary); font-size: 24px; }
.flow-connector[b-dgolkbsx0b] { width: 2px; height: 34px; margin: 0 auto; background: var(--designer-border); }
.canvas-add-button[b-dgolkbsx0b], .canvas-add-dot[b-dgolkbsx0b] { align-self: center; border: 1px dashed var(--designer-primary); background: var(--designer-surface); color: var(--designer-primary); font-weight: 700; cursor: pointer; }
.canvas-add-button[b-dgolkbsx0b] { margin: 13px auto; padding: var(--kendo-spacing-2, .5rem) var(--kendo-spacing-4, 1rem); border-radius: var(--kendo-border-radius-full, 9999px); }
.canvas-add-dot[b-dgolkbsx0b] { width: 30px; height: 30px; border-radius: 50%; font-size: 18px; }
.canvas-add-button:hover[b-dgolkbsx0b], .canvas-add-dot:hover[b-dgolkbsx0b] { background: var(--designer-primary-subtle); }
.step-drop-zone[b-dgolkbsx0b] { min-height: 48px; display: flex; align-items: center; justify-content: center; position: relative; }
.step-drop-zone[b-dgolkbsx0b]::before { content: ""; position: absolute; width: 2px; height: 100%; background: var(--designer-border); z-index: 0; }
.step-drop-zone > button[b-dgolkbsx0b] { z-index: 1; }

.action-card[b-dgolkbsx0b] { padding: 0; overflow: hidden; display: flex; align-items: stretch; }
.action-card-main[b-dgolkbsx0b] { flex: 1; min-width: 0; padding: 20px 12px 20px 18px; display: flex; align-items: flex-start; gap: 13px; border: 0; background: transparent; color: inherit; text-align: left; cursor: pointer; }
.action-card.selected[b-dgolkbsx0b] { border-color: color-mix(in srgb, var(--designer-primary) 50%, var(--designer-border)); background: color-mix(in srgb, var(--designer-primary-subtle) 42%, var(--designer-surface)); box-shadow: inset 4px 0 var(--designer-primary), 0 8px 24px color-mix(in srgb, var(--designer-primary) 12%, transparent); }
.action-card.selected:hover[b-dgolkbsx0b] { border-color: color-mix(in srgb, var(--designer-primary) 70%, var(--designer-border)); transform: none; }
.action-card.selected.invalid[b-dgolkbsx0b] { border-color: var(--designer-error); box-shadow: inset 4px 0 var(--designer-error), 0 8px 24px color-mix(in srgb, var(--designer-error) 12%, transparent); }
.action-card.selected .flow-card-icon[b-dgolkbsx0b] { box-shadow: 0 0 0 3px color-mix(in srgb, var(--designer-primary) 12%, transparent); }
.drag-handle[b-dgolkbsx0b] { align-self: center; color: var(--designer-muted); cursor: grab; letter-spacing: -3px; }
.card-order-actions[b-dgolkbsx0b] { padding: var(--kendo-spacing-3, .75rem) var(--kendo-spacing-2, .5rem); display: flex; flex-direction: column; justify-content: center; gap: var(--kendo-spacing-1, .25rem); border-left: 1px solid var(--designer-border-alt); }
.card-order-actions button[b-dgolkbsx0b], .choice-popover-header button[b-dgolkbsx0b], .condition-editor-header button[b-dgolkbsx0b], .icon-delete[b-dgolkbsx0b], .context-source-card > button[b-dgolkbsx0b], .reference-file button[b-dgolkbsx0b] { border: 0; background: transparent; color: var(--designer-muted); cursor: pointer; }
.card-order-actions button:hover:not(:disabled)[b-dgolkbsx0b], .choice-popover-header button:hover[b-dgolkbsx0b], .condition-editor-header button:hover[b-dgolkbsx0b], .context-source-card > button:hover[b-dgolkbsx0b], .reference-file button:hover[b-dgolkbsx0b] { color: var(--designer-primary); }
.card-order-actions button:disabled[b-dgolkbsx0b] { opacity: .25; cursor: default; }

.choice-popover[b-dgolkbsx0b] { margin: var(--kendo-spacing-3, .75rem) 0 var(--kendo-spacing-4, 1rem); padding: var(--kendo-spacing-4, 1rem); border: 1px solid var(--designer-border); border-radius: var(--kendo-border-radius-xl, .75rem); background: var(--designer-surface); box-shadow: 0 18px 44px color-mix(in srgb, var(--designer-ink) 16%, transparent); z-index: 2; }
.choice-popover-header[b-dgolkbsx0b] { margin-bottom: 12px; display: flex; justify-content: space-between; align-items: center; }
.choice-popover-header button[b-dgolkbsx0b] { font-size: 24px; }
.choice-grid[b-dgolkbsx0b] { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.choice-card[b-dgolkbsx0b] { min-height: 112px; padding: var(--kendo-spacing-4, 1rem); display: grid; grid-template-columns: 34px 1fr; grid-template-rows: auto 1fr; gap: 3px var(--kendo-spacing-2, .5rem); border: 1px solid var(--designer-border); border-radius: var(--kendo-border-radius-lg, .5rem); background: var(--designer-surface-alt); color: inherit; text-align: left; cursor: pointer; }
.choice-card:hover[b-dgolkbsx0b] { border-color: var(--designer-primary); background: var(--designer-primary-subtle); }
.choice-card:focus-visible[b-dgolkbsx0b] { outline: 3px solid color-mix(in srgb, var(--designer-primary) 28%, transparent); outline-offset: 2px; }
.choice-card > span[b-dgolkbsx0b] { grid-row: 1 / 3; font-size: 22px; color: var(--designer-primary); }
.choice-card small[b-dgolkbsx0b] { color: var(--designer-muted); line-height: 1.35; }

.automation-inspector[b-dgolkbsx0b] { min-width: 0; overflow-y: auto; border-left: 1px solid var(--designer-border); background: var(--designer-surface); box-shadow: -8px 0 24px color-mix(in srgb, var(--designer-ink) 5%, transparent); }
.inspector-section[b-dgolkbsx0b] { padding: 34px 32px 70px; }
.inspector-eyebrow[b-dgolkbsx0b] { color: var(--designer-primary); font-size: 11px; font-weight: 800; letter-spacing: .13em; }
.inspector-section h2[b-dgolkbsx0b] { margin: 7px 0 5px; font-size: 25px; }
.inspector-section h3[b-dgolkbsx0b] { margin: 28px 0 10px; color: var(--designer-muted); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.inspector-lead[b-dgolkbsx0b] { margin: 0 0 26px; color: var(--designer-muted); line-height: 1.45; }
.inspector-field[b-dgolkbsx0b] { margin-bottom: 18px; display: flex; flex-direction: column; gap: 7px; }
.inspector-field label[b-dgolkbsx0b] { color: var(--designer-ink); font-size: 12px; font-weight: 700; }
.inspector-field > small[b-dgolkbsx0b], .toggle-row small[b-dgolkbsx0b] { color: var(--designer-muted); font-size: 11px; line-height: 1.35; }
.inspector-field[b-dgolkbsx0b]  .k-input, .inspector-field[b-dgolkbsx0b]  .k-picker, .inspector-field[b-dgolkbsx0b]  .k-multiselect, .inspector-field[b-dgolkbsx0b]  .k-textarea { width: 100%; }
.inspector-field[b-dgolkbsx0b]  .k-input:focus-within, .inspector-field[b-dgolkbsx0b]  .k-picker:focus-within, .inspector-field[b-dgolkbsx0b]  .k-multiselect:focus-within { border-color: var(--designer-primary); box-shadow: 0 0 0 2px color-mix(in srgb, var(--designer-primary) 18%, transparent); }
.inline-field[b-dgolkbsx0b] { display: flex; align-items: center; gap: 10px; }
.toggle-row[b-dgolkbsx0b] { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid var(--designer-border-alt); color: var(--designer-ink); }
.toggle-row > span[b-dgolkbsx0b] { display: flex; flex-direction: column; gap: 2px; }
.inspector-callout[b-dgolkbsx0b] { margin: 14px 0 20px; padding: 12px 14px; border: 1px solid var(--designer-border); border-radius: var(--kendo-border-radius-lg, .5rem); background: var(--designer-surface-alt); color: var(--designer-muted); font-size: 13px; line-height: 1.45; }
.inspector-callout.warning[b-dgolkbsx0b] { border-color: color-mix(in srgb, var(--designer-warning) 50%, var(--designer-border)); background: var(--designer-warning-subtle); color: var(--kendo-color-on-warning-subtle, #6b4e00); }
.inspector-callout code[b-dgolkbsx0b] { overflow-wrap: anywhere; }
.inspector-danger[b-dgolkbsx0b] { margin-top: 34px; padding-top: 16px; border-top: 1px solid var(--designer-border-alt); }
.field-warning[b-dgolkbsx0b] { display: block; margin-top: var(--kendo-spacing-2, .5rem); color: var(--designer-error); }
.field-success[b-dgolkbsx0b] { display: block; color: var(--designer-success); }

.condition-editor-card[b-dgolkbsx0b], .mutation-editor-card[b-dgolkbsx0b], .context-source-card[b-dgolkbsx0b] { position: relative; margin-bottom: 14px; padding: 14px; border: 1px solid var(--designer-border); border-radius: var(--kendo-border-radius-lg, .5rem); background: var(--designer-surface-alt); }
.condition-editor-header[b-dgolkbsx0b] { margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
.condition-editor-header strong[b-dgolkbsx0b] { flex: 1; }
.condition-editor-row[b-dgolkbsx0b] { margin-bottom: 10px; display: flex; flex-direction: column; gap: 8px; }
.condition-editor-row[b-dgolkbsx0b]  .k-input, .condition-editor-row[b-dgolkbsx0b]  .k-picker { width: 100%; }
.icon-delete[b-dgolkbsx0b] { font-size: 20px; color: var(--designer-error); }
.mutation-delete[b-dgolkbsx0b] { position: absolute; top: 8px; right: 8px; z-index: 1; }
.advanced-settings[b-dgolkbsx0b] { margin-top: 24px; border-top: 1px solid var(--designer-border-alt); padding-top: 15px; }
.advanced-settings summary[b-dgolkbsx0b] { margin-bottom: 18px; color: var(--designer-muted); cursor: pointer; }
.context-actions[b-dgolkbsx0b] { margin-bottom: 14px; display: flex; flex-wrap: wrap; gap: 7px; }
.context-source-card[b-dgolkbsx0b] { display: flex; flex-direction: column; gap: 8px; }
.context-source-card > button[b-dgolkbsx0b] { position: absolute; top: 7px; right: 8px; font-size: 20px; }
.reference-file[b-dgolkbsx0b] { padding: 8px 0; display: flex; justify-content: space-between; border-bottom: 1px solid var(--designer-border-alt); font-size: 13px; }
.inspector-mobile-header[b-dgolkbsx0b] { display: none; }
.automation-designer-notification[b-dgolkbsx0b] { z-index: 10010; }

@media (max-width: 1099px) {
    .automation-designer-body[b-dgolkbsx0b] { display: block; position: relative; }
    .automation-canvas[b-dgolkbsx0b] { height: 100%; padding-inline: 22px; }
    .automation-inspector[b-dgolkbsx0b] { position: absolute; inset-block: 0; right: 0; z-index: 10; width: min(390px, 100%); display: none; }
    .automation-inspector.open[b-dgolkbsx0b] { display: block; }
    .inspector-mobile-header[b-dgolkbsx0b] { position: sticky; top: 0; z-index: 2; padding: 12px 16px; display: flex; justify-content: space-between; border-bottom: 1px solid var(--designer-border); background: var(--designer-surface); }
    .inspector-mobile-header button[b-dgolkbsx0b] { border: 0; background: transparent; color: var(--designer-primary); font-weight: 700; }
    .designer-status.active[b-dgolkbsx0b], .designer-status.inactive[b-dgolkbsx0b] { display: none; }
}

@media (max-width: 767px) {
    .automation-designer-shell[b-dgolkbsx0b] { height: calc(100vh - 52px); min-height: 0; }
    .automation-designer-header[b-dgolkbsx0b] { min-height: 66px; padding: 8px 10px; align-items: flex-start; flex-wrap: wrap; }
    .designer-header-main[b-dgolkbsx0b] { width: 100%; }
    .designer-title-block[b-dgolkbsx0b] { gap: 3px; align-items: flex-start; }
    .designer-name-input[b-dgolkbsx0b] { width: 100%; max-width: none; font-size: 16px; }
    .designer-trigger-context[b-dgolkbsx0b] { max-width: 100%; font-size: 11px; overflow: hidden; text-overflow: ellipsis; }
    .designer-status[b-dgolkbsx0b] { display: none; }
    .designer-header-actions[b-dgolkbsx0b] { width: 100%; justify-content: flex-end; }
    .designer-header-actions[b-dgolkbsx0b]  .k-button { padding-inline: 10px; }
    .automation-canvas[b-dgolkbsx0b] { height: 100%; padding: 24px 12px 80px; }
    .flow-card[b-dgolkbsx0b] { min-height: 104px; padding: 16px; border-radius: var(--kendo-border-radius-xl, .75rem); }
    .action-card[b-dgolkbsx0b] { padding: 0; }
    .action-card-main[b-dgolkbsx0b] { padding: 16px 8px 16px 12px; }
    .card-edit[b-dgolkbsx0b], .card-selected[b-dgolkbsx0b] { display: none; }
    .choice-grid[b-dgolkbsx0b] { grid-template-columns: 1fr; }
    .automation-inspector[b-dgolkbsx0b] { inset: 0; width: auto; border-left: 0; }
    .inspector-section[b-dgolkbsx0b] { padding: 25px 18px 80px; }
    .designer-validation-banner[b-dgolkbsx0b] { margin-inline: 8px; font-size: 12px; }
}
/* /Pages/AutomationFlowPage.razor.rz.scp.css */
.rule-editor[b-xdbyfp9pww] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 8px;
}

.rule-section[b-xdbyfp9pww] {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 16px;
}

.rule-section-title[b-xdbyfp9pww] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px 0;
    font-weight: 600;
    color: #374151;
    font-size: 14px;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 8px;
}

.rule-form-row[b-xdbyfp9pww] {
    display: flex;
    gap: 16px;
    margin-bottom: 12px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.rule-form-group[b-xdbyfp9pww] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 180px;
}

.rule-form-group label[b-xdbyfp9pww] {
    font-size: 12px;
    font-weight: 500;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.rule-condition-group[b-xdbyfp9pww] {
    border: 1px dashed #d1d5db;
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 10px;
    background: #fff;
}

.rule-condition-group-header[b-xdbyfp9pww] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.rule-group-label[b-xdbyfp9pww] {
    font-weight: 500;
    font-size: 13px;
    color: #6b7280;
    flex: 1;
}

.rule-condition-row[b-xdbyfp9pww] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    flex-wrap: wrap;
}

.rule-action-row[b-xdbyfp9pww] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    flex-wrap: wrap;
}

.rule-action-expression-input[b-xdbyfp9pww] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.rule-ai-notification[b-xdbyfp9pww] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1 100%;
    min-width: 280px;
    padding: 10px 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
}

.rule-ai-notification .rule-form-group[b-xdbyfp9pww] {
    width: 100%;
}

.rule-hint-inline[b-xdbyfp9pww] {
    font-size: 12px;
    color: #9ca3af;
}

.rule-hint-inline code[b-xdbyfp9pww] {
    background: #e5e7eb;
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 11px;
}

.rule-expression-builder[b-xdbyfp9pww] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rule-expression-controls[b-xdbyfp9pww] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.rule-expression-parts[b-xdbyfp9pww] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.rule-expression-part[b-xdbyfp9pww] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 6px;
    border: 1px solid #dee2e6;
    background: #fff;
}

.part-field[b-xdbyfp9pww] {
    border-left: 3px solid #2c5aa0;
    background: #f0f4ff;
}

.part-text[b-xdbyfp9pww] {
    border-left: 3px solid #6c757d;
    background: #f8f9fa;
}

.part-type-badge[b-xdbyfp9pww] {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 2px 6px;
    border-radius: 3px;
    min-width: 40px;
    text-align: center;
    letter-spacing: 0.5px;
}

.part-field .part-type-badge[b-xdbyfp9pww] {
    background: #2c5aa0;
    color: #fff;
}

.part-text .part-type-badge[b-xdbyfp9pww] {
    background: #6c757d;
    color: #fff;
}

.part-value[b-xdbyfp9pww] {
    flex: 1;
    font-size: 13px;
    color: #2c3e50;
    white-space: pre-wrap;
}

.part-actions[b-xdbyfp9pww] {
    display: flex;
    gap: 2px;
}

.part-btn[b-xdbyfp9pww] {
    padding: 2px 6px;
    min-width: auto;
    background: transparent;
    border: 1px solid #dee2e6;
    color: #495057;
    font-size: 10px;
    line-height: 1;
}

.part-btn:hover[b-xdbyfp9pww] {
    background: #f8f9fa;
}

.part-btn-delete[b-xdbyfp9pww] {
    color: #dc3545;
}

.part-btn-delete:hover[b-xdbyfp9pww] {
    background: #dc3545;
    color: #fff;
    border-color: #dc3545;
}

.rule-expression-preview[b-xdbyfp9pww] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    background: #e9ecef;
    border-radius: 6px;
}

.preview-label[b-xdbyfp9pww] {
    font-size: 11px;
    font-weight: 600;
    color: #495057;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.preview-formula[b-xdbyfp9pww] {
    font-family: 'Courier New', Consolas, monospace;
    font-size: 13px;
    color: #2c3e50;
    padding: 4px 8px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #dee2e6;
    word-break: break-all;
}

.rule-hint[b-xdbyfp9pww] {
    font-size: 12px;
    color: #9ca3af;
    margin-top: 4px;
}

.rule-hint code[b-xdbyfp9pww] {
    background: #e5e7eb;
    padding: 1px 5px;
    border-radius: 3px;
    font-size: 11px;
}

.rule-empty-hint[b-xdbyfp9pww] {
    font-size: 13px;
    color: #9ca3af;
    font-style: italic;
    padding: 8px 0;
}

.rule-section-subtitle[b-xdbyfp9pww] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 14px 0 6px 0;
    font-weight: 600;
    font-size: 12px;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    flex-wrap: wrap;
}

/* ---- Responsive: phone / narrow popup ---- */
/* Breakpoint matches the page's TelerikMediaQuery mobile tier (max-width: 767px). On narrow
   widths the multi-column form rows stack, and the many fixed-pixel Telerik inputs (which would
   otherwise overflow a full-screen phone dialog) are forced to full width so each control gets its
   own line. Buttons keep their intrinsic size. */
@media (max-width: 767px) {
    .rule-editor[b-xdbyfp9pww] {
        padding: 4px;
        gap: 12px;
    }

    .rule-section[b-xdbyfp9pww] {
        padding: 12px;
    }

    .rule-form-row[b-xdbyfp9pww] {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    /* inline flex:2 / flex:1 / flex:0.5 hints lose meaning once stacked */
    .rule-form-group[b-xdbyfp9pww] {
        min-width: 0;
        width: 100%;
    }

    .rule-condition-group-header[b-xdbyfp9pww] {
        flex-wrap: wrap;
    }

    .rule-group-label[b-xdbyfp9pww] {
        flex: 1 1 100%;
    }

    /* Telerik inputs render their own markup outside this component's CSS-isolation scope,
       so ::deep is required to reach them; inline Width="NNNpx" needs !important to override. */
    .rule-editor[b-xdbyfp9pww]  .k-textbox,
    .rule-editor[b-xdbyfp9pww]  .k-dropdownlist,
    .rule-editor[b-xdbyfp9pww]  .k-multiselect,
    .rule-editor[b-xdbyfp9pww]  .k-numerictextbox,
    .rule-editor[b-xdbyfp9pww]  .k-textarea,
    .rule-editor[b-xdbyfp9pww]  .k-picker,
    .rule-editor[b-xdbyfp9pww]  .k-input,
    .rule-editor[b-xdbyfp9pww]  .k-dropdownbutton,
    .rule-editor[b-xdbyfp9pww]  .k-fileselect {
        width: 100% !important;
        max-width: 100%;
    }

    .rule-expression-preview[b-xdbyfp9pww] {
        flex-wrap: wrap;
    }
}
/* /Pages/CertificateAllocationPage.razor.rz.scp.css */
.vertical-header[b-8gslhb7bfz] {
    writing-mode: vertical-lr;
    text-orientation: mixed;
    white-space: nowrap;
    display: inline-block;
    padding: 2px 4px;
    margin: 0;
    line-height: normal;
}

.cell-matrix[b-8gslhb7bfz] {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 2px;
    font-weight: bold;
}

.cell-correct[b-8gslhb7bfz] {
    background: rgb(114 220 91 / 70%);
    color: green;
}

.cell-incorrect[b-8gslhb7bfz] {
    background: rgb(255 21 0 / 70%);
    color: red;
}

.table-certificate-matrix .k-grid-header .k-header[b-8gslhb7bfz],
.table-certificate-matrix .k-grid-content td[b-8gslhb7bfz] {
    padding: 0;
}

.text-center[b-8gslhb7bfz] {
    text-align: center;
}

/*CSS Styles for Bulk Selection Actions Popup*/

.bulk-cert-window .k-window-content[b-8gslhb7bfz] {
    padding: 16px;
}

/* Chip styling is custom */
.bulk-cert-chip[b-8gslhb7bfz] {
    width: fit-content;
    padding: 4px 0;
}

/* List container */
.bulk-cert-list[b-8gslhb7bfz] {
    max-height: 300px;
    overflow-y: auto;
}

.bulk-cert-actions[b-8gslhb7bfz] {
    gap: 8px;
}

/* Row state / dividers */
.bulk-cert-row[b-8gslhb7bfz] {
    gap: 8px;
}

/* /Pages/CertificateCoveragePage.razor.rz.scp.css */
.cs-certificate-coverage-page[b-nwi1d6f02i] {
    min-height: 0;
}

.cs-certificate-coverage-page[b-nwi1d6f02i]  .k-grid td.cs-cert-level-cell {
    font-weight: inherit;
}

.cs-certificate-coverage-page[b-nwi1d6f02i]  .k-grid td.cs-cert-level-system {
    background-color: #6c757d !important;
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.45) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.30);
}

.cs-certificate-coverage-page[b-nwi1d6f02i]  .k-grid td.cs-cert-level-subsys {
    background-color: #007bff !important;
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.45) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.30);
}

.cs-certificate-coverage-page[b-nwi1d6f02i]  .k-grid td.cs-cert-level-subsys-discipline {
    background-color: #17a2b8 !important;
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.45) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.30);
}

.cs-certificate-coverage-page[b-nwi1d6f02i]  .k-grid td.cs-cert-level-milestone {
    background-color: #ffc107 !important;
    color: #151515 !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.10);
}

.cs-certificate-coverage-page[b-nwi1d6f02i]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row:hover > td.cs-cert-level-system,
.cs-certificate-coverage-page[b-nwi1d6f02i]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-hover > td.cs-cert-level-system,
.cs-certificate-coverage-page[b-nwi1d6f02i]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-state-hover > td.cs-cert-level-system,
.cs-certificate-coverage-page[b-nwi1d6f02i]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-state-hovered > td.cs-cert-level-system {
    background-color: #5a6268 !important;
    color: #fff !important;
}

.cs-certificate-coverage-page[b-nwi1d6f02i]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row:hover > td.cs-cert-level-subsys,
.cs-certificate-coverage-page[b-nwi1d6f02i]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-hover > td.cs-cert-level-subsys,
.cs-certificate-coverage-page[b-nwi1d6f02i]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-state-hover > td.cs-cert-level-subsys,
.cs-certificate-coverage-page[b-nwi1d6f02i]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-state-hovered > td.cs-cert-level-subsys {
    background-color: #0069d9 !important;
    color: #fff !important;
}

.cs-certificate-coverage-page[b-nwi1d6f02i]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row:hover > td.cs-cert-level-subsys-discipline,
.cs-certificate-coverage-page[b-nwi1d6f02i]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-hover > td.cs-cert-level-subsys-discipline,
.cs-certificate-coverage-page[b-nwi1d6f02i]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-state-hover > td.cs-cert-level-subsys-discipline,
.cs-certificate-coverage-page[b-nwi1d6f02i]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-state-hovered > td.cs-cert-level-subsys-discipline {
    background-color: #138496 !important;
    color: #fff !important;
}

.cs-certificate-coverage-page[b-nwi1d6f02i]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row:hover > td.cs-cert-level-milestone,
.cs-certificate-coverage-page[b-nwi1d6f02i]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-hover > td.cs-cert-level-milestone,
.cs-certificate-coverage-page[b-nwi1d6f02i]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-state-hover > td.cs-cert-level-milestone,
.cs-certificate-coverage-page[b-nwi1d6f02i]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-state-hovered > td.cs-cert-level-milestone {
    background-color: #e0a800 !important;
    color: #151515 !important;
}

.cs-certificate-coverage-page .cs-cert-level-badge.cs-cert-level-milestone[b-nwi1d6f02i] {
    color: #151515;
}
/* /Pages/CertificateFormPage.razor.rz.scp.css */
.tab-content[b-vv467ryrsb] {
    width: 100%;
    height: 100%;
    overflow: auto;
}
[b-vv467ryrsb] td, [b-vv467ryrsb] th {
    border: 1px solid #000;
    padding: 8px;
}
[b-vv467ryrsb] th p:last-child, [b-vv467ryrsb] td p:last-child {
    margin-bottom: 0;
}
.certificate-table[b-vv467ryrsb], .confirmation-table[b-vv467ryrsb], .signature-table[b-vv467ryrsb] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.certificate-table th[b-vv467ryrsb], .certificate-table td[b-vv467ryrsb],
.confirmation-table th[b-vv467ryrsb], .confirmation-table td[b-vv467ryrsb],
.signature-table th[b-vv467ryrsb], .signature-table td[b-vv467ryrsb] {
    border: 1px solid black;
    padding: 5px;
    text-align: left;
}

.table-header[b-vv467ryrsb] {
    background-color: #d3d3d3;
    text-align: center;
    font-weight: bold;
}

.table-subheader[b-vv467ryrsb] {
    background-color: #f2f2f2;
    text-align: center;
    font-weight: bold;
}

.table-label[b-vv467ryrsb] {
    font-weight: bold;
    background-color: #f9f9f9;
    width: 25%;
}

.table-value[b-vv467ryrsb] {
    width: 25%;
}

.certificate-text[b-vv467ryrsb] {
    margin-bottom: 15px;
    font-size: 14px;
}

.checkbox-section[b-vv467ryrsb] {
    text-align: center;
    padding: 10px;
}

.signature-box[b-vv467ryrsb] {
    height: 50px;
    vertical-align: bottom;
}

.approval-section[b-vv467ryrsb] {
    margin-top: 15px;
}
span.cs-note[b-vv467ryrsb] {
    width: 7px;
    height: 7px;
    background: red;
    display: inline-block;
    border-radius: 50%;
}

.cs-note-container[b-vv467ryrsb] {
    margin-right: 50px;
}

span.cs-note.cs-register[b-vv467ryrsb] {
    background: #4CAF50;
}

span.cs-note.cs-index[b-vv467ryrsb] {
    background: #2196F3;
}
[b-vv467ryrsb] .cs-radio-h li.k-radio-list-item {
    min-width: 50px;
    justify-content: center;
}
td.cs-checkcolumn[b-vv467ryrsb]{
    padding: 0 !important;
}
[b-vv467ryrsb] .cs-radio-h .k-radio {
    width: 25px;
    height: 25px;
}
[b-vv467ryrsb] .cs-radio-h label.k-radio-label {
    display: none;
}
/* /Pages/CertificateInspectionFormPage.razor.rz.scp.css */
.tab-content[b-n2dexj9xps] {
    width: 100%;
    height: 100%;
    overflow: auto;
}
[b-n2dexj9xps] td, [b-n2dexj9xps] th {
    border: 1px solid #000;
    padding: 8px;
}
[b-n2dexj9xps] th p:last-child, [b-n2dexj9xps] td p:last-child {
    margin-bottom: 0;
}
.certificate-table[b-n2dexj9xps], .confirmation-table[b-n2dexj9xps], .signature-table[b-n2dexj9xps] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.certificate-table th[b-n2dexj9xps], .certificate-table td[b-n2dexj9xps],
.confirmation-table th[b-n2dexj9xps], .confirmation-table td[b-n2dexj9xps],
.signature-table th[b-n2dexj9xps], .signature-table td[b-n2dexj9xps] {
    border: 1px solid black;
    padding: 5px;
    text-align: left;
}

.table-header[b-n2dexj9xps] {
    background-color: #d3d3d3;
    text-align: center;
    font-weight: bold;
}

.table-subheader[b-n2dexj9xps] {
    background-color: #f2f2f2;
    text-align: center;
    font-weight: bold;
}

.table-label[b-n2dexj9xps] {
    font-weight: bold;
    background-color: #f9f9f9;
    width: 25%;
}

.table-value[b-n2dexj9xps] {
    width: 25%;
}

.certificate-text[b-n2dexj9xps] {
    margin-bottom: 15px;
    font-size: 14px;
}

.checkbox-section[b-n2dexj9xps] {
    text-align: center;
    padding: 10px;
}

.signature-box[b-n2dexj9xps] {
    height: 50px;
    vertical-align: bottom;
}

.approval-section[b-n2dexj9xps] {
    margin-top: 15px;
}
span.cs-note[b-n2dexj9xps] {
    width: 7px;
    height: 7px;
    background: red;
    display: inline-block;
    border-radius: 50%;
}

.cs-note-container[b-n2dexj9xps] {
    margin-right: 50px;
}

span.cs-note.cs-register[b-n2dexj9xps] {
    background: #4CAF50;
}

span.cs-note.cs-index[b-n2dexj9xps] {
    background: #2196F3;
}
[b-n2dexj9xps] .cs-radio-h li.k-radio-list-item {
    min-width: 50px;
    justify-content: center;
}
td.cs-checkcolumn[b-n2dexj9xps]{
    padding: 0 !important;
}
[b-n2dexj9xps] .cs-radio-h .k-radio {
    width: 25px;
    height: 25px;
}
[b-n2dexj9xps] .cs-radio-h label.k-radio-label {
    display: none;
}
/* /Pages/CertificatePage.razor.rz.scp.css */
.cs-certificate-page[b-x9ar17p2k7] {
    min-height: 0;
}

.cs-certificate-page[b-x9ar17p2k7]  .k-grid td.cs-cert-level-cell {
    font-weight: inherit;
}

/* Cell colors matching Bootstrap v4 badge palette */
.cs-certificate-page[b-x9ar17p2k7]  .k-grid td.cs-cert-level-system {
    background-color: #6c757d !important; /* badge-secondary */
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.45) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.30);
}

.cs-certificate-page[b-x9ar17p2k7]  .k-grid td.cs-cert-level-subsys {
    background-color: #007bff !important; /* badge-primary */
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.45) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.30);
}

.cs-certificate-page[b-x9ar17p2k7]  .k-grid td.cs-cert-level-subsys-discipline {
    background-color: #17a2b8 !important; /* badge-info */
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.45) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.30);
}

.cs-certificate-page[b-x9ar17p2k7]  .k-grid td.cs-cert-level-milestone {
    background-color: #ffc107 !important; /* badge-warning */
    color: #151515 !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.10);
}

/* On row hover: keep the "level" color, but shift it slightly.
   Note: custom.css has a very specific rule that resets ALL grid row hover backgrounds,
   so we intentionally match that specificity here to win for our level cells. */
.cs-certificate-page[b-x9ar17p2k7]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row:hover > td.cs-cert-level-system,
.cs-certificate-page[b-x9ar17p2k7]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-hover > td.cs-cert-level-system,
.cs-certificate-page[b-x9ar17p2k7]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-state-hover > td.cs-cert-level-system,
.cs-certificate-page[b-x9ar17p2k7]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-state-hovered > td.cs-cert-level-system {
    background-color: #5a6268 !important;
    color: #fff !important;
}

.cs-certificate-page[b-x9ar17p2k7]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row:hover > td.cs-cert-level-subsys,
.cs-certificate-page[b-x9ar17p2k7]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-hover > td.cs-cert-level-subsys,
.cs-certificate-page[b-x9ar17p2k7]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-state-hover > td.cs-cert-level-subsys,
.cs-certificate-page[b-x9ar17p2k7]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-state-hovered > td.cs-cert-level-subsys {
    background-color: #0069d9 !important;
    color: #fff !important;
}

.cs-certificate-page[b-x9ar17p2k7]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row:hover > td.cs-cert-level-subsys-discipline,
.cs-certificate-page[b-x9ar17p2k7]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-hover > td.cs-cert-level-subsys-discipline,
.cs-certificate-page[b-x9ar17p2k7]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-state-hover > td.cs-cert-level-subsys-discipline,
.cs-certificate-page[b-x9ar17p2k7]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-state-hovered > td.cs-cert-level-subsys-discipline {
    background-color: #138496 !important;
    color: #fff !important;
}

.cs-certificate-page[b-x9ar17p2k7]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row:hover > td.cs-cert-level-milestone,
.cs-certificate-page[b-x9ar17p2k7]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-hover > td.cs-cert-level-milestone,
.cs-certificate-page[b-x9ar17p2k7]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-state-hover > td.cs-cert-level-milestone,
.cs-certificate-page[b-x9ar17p2k7]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-state-hovered > td.cs-cert-level-milestone {
    background-color: #e0a800 !important;
    color: #151515 !important;
}

/* Ensure milestone badge uses readable text (Bootstrap warning can be dark text) */
.cs-certificate-page .cs-cert-level-badge.cs-cert-level-milestone[b-x9ar17p2k7] {
    color: #151515;
}

/* /Pages/ChangeLogPage.razor.rz.scp.css */
.changelog-container[b-yn49p4jhzo] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 16px 40px;
}

.changelog-header[b-yn49p4jhzo] {
    margin-bottom: 24px;
}

.changelog-lead[b-yn49p4jhzo] {
    color: #666;
    margin: 0 0 16px;
    font-size: 0.95rem;
}

.changelog-controls[b-yn49p4jhzo] {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.changelog-search[b-yn49p4jhzo] {
    position: relative;
    flex: 1;
    min-width: 200px;
}

.changelog-search-input[b-yn49p4jhzo] {
    width: 100%;
    padding: 8px 32px 8px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 0.9rem;
    outline: none;
    transition: border-color 0.2s;
    box-sizing: border-box;
}

.changelog-search-input:focus[b-yn49p4jhzo] {
    border-color: #4a90d9;
}

.changelog-clear-search[b-yn49p4jhzo] {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #999;
    font-size: 0.85rem;
    padding: 2px 4px;
}

.changelog-tabs[b-yn49p4jhzo] {
    display: flex;
    gap: 4px;
    background: #f0f0f0;
    border-radius: 6px;
    padding: 3px;
}

.changelog-tab[b-yn49p4jhzo] {
    padding: 6px 14px;
    border: none;
    background: transparent;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.85rem;
    color: #666;
    transition: all 0.2s;
    white-space: nowrap;
}

.changelog-tab:hover[b-yn49p4jhzo] {
    color: #333;
}

.changelog-tab.active[b-yn49p4jhzo] {
    background: #fff;
    color: #333;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    font-weight: 600;
}

.changelog-category-filters[b-yn49p4jhzo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #f0f0f0;
}

.changelog-filter-label[b-yn49p4jhzo] {
    font-size: 0.78rem;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    margin-right: 4px;
}

.changelog-category-chip[b-yn49p4jhzo] {
    border: 1px solid transparent;
    font-size: 0.7rem;
    padding: 3px 10px;
    border-radius: 12px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition: opacity 0.15s, transform 0.1s, box-shadow 0.15s;
    font-family: inherit;
}

.changelog-category-chip.unselected[b-yn49p4jhzo] {
    opacity: 0.45;
    filter: grayscale(0.2);
}

.changelog-category-chip.unselected:hover[b-yn49p4jhzo] {
    opacity: 0.85;
}

.changelog-category-chip.selected[b-yn49p4jhzo] {
    opacity: 1;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.12);
    transform: translateY(-1px);
}

.changelog-category-chip:active[b-yn49p4jhzo] {
    transform: translateY(0);
}

.changelog-category-clear[b-yn49p4jhzo] {
    background: transparent;
    border: none;
    color: #4a90d9;
    font-size: 0.78rem;
    cursor: pointer;
    padding: 3px 6px;
    margin-left: 4px;
    text-decoration: underline;
}

.changelog-category-clear:hover[b-yn49p4jhzo] {
    color: #1a73b8;
}

.changelog-release[b-yn49p4jhzo] {
    margin-bottom: 28px;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.changelog-release-header[b-yn49p4jhzo] {
    padding: 14px 20px;
    background: #f8f9fa;
    border-bottom: 1px solid #e8e8e8;
}

.changelog-release-header h3[b-yn49p4jhzo] {
    margin: 0;
    font-size: 1.05rem;
    color: #2c3e50;
}

.changelog-section[b-yn49p4jhzo] {
    padding: 14px 20px;
}

.changelog-section + .changelog-section[b-yn49p4jhzo] {
    border-top: 1px solid #f0f0f0;
}

.changelog-section-title[b-yn49p4jhzo] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 10px;
    padding: 3px 10px;
    border-radius: 3px;
    display: inline-block;
}

.changelog-section-title.user-facing[b-yn49p4jhzo] {
    background: #e8f4fd;
    color: #1a73b8;
}

.changelog-section-title.technical[b-yn49p4jhzo] {
    background: #f0e8fd;
    color: #6b3fa0;
}

.changelog-table[b-yn49p4jhzo] {
    width: 100%;
    border-collapse: collapse;
}

.changelog-table tr[b-yn49p4jhzo] {
    border-bottom: 1px solid #f5f5f5;
}

.changelog-table tr:last-child[b-yn49p4jhzo] {
    border-bottom: none;
}

.changelog-date-cell[b-yn49p4jhzo] {
    white-space: nowrap;
    color: #888;
    font-size: 0.8rem;
    padding: 6px 10px 6px 0;
    vertical-align: top;
    width: 80px;
}

.changelog-badge-cell[b-yn49p4jhzo] {
    padding: 6px 10px 6px 0;
    vertical-align: top;
    width: 110px;
}

.changelog-desc-cell[b-yn49p4jhzo] {
    font-size: 0.9rem;
    color: #444;
    line-height: 1.5;
    padding: 6px 0;
}

.changelog-category-badge[b-yn49p4jhzo] {
    display: inline-block;
    font-size: 0.7rem;
    padding: 2px 8px;
    border-radius: 10px;
    font-weight: 600;
    white-space: nowrap;
}

.cat-new[b-yn49p4jhzo] { background: #d4edda; color: #155724; }
.cat-improvement[b-yn49p4jhzo] { background: #cce5ff; color: #004085; }
.cat-infrastructure[b-yn49p4jhzo] { background: #e2e3e5; color: #383d41; }
.cat-performance[b-yn49p4jhzo] { background: #fff3cd; color: #856404; }
.cat-security[b-yn49p4jhzo] { background: #f8d7da; color: #721c24; }
.cat-api[b-yn49p4jhzo] { background: #d1ecf1; color: #0c5460; }
.cat-ui[b-yn49p4jhzo] { background: #e8daef; color: #4a235a; }
.cat-fix[b-yn49p4jhzo] { background: #fce4ec; color: #880e4f; }
.cat-mobile[b-yn49p4jhzo] { background: #e0f2f1; color: #004d40; }
.cat-ai[b-yn49p4jhzo] { background: #fff8e1; color: #e65100; }
.cat-offline[b-yn49p4jhzo] { background: #e3f2fd; color: #0d47a1; }
.cat-other[b-yn49p4jhzo] { background: #f5f5f5; color: #616161; }

.changelog-empty[b-yn49p4jhzo] {
    text-align: center;
    padding: 40px;
    color: #999;
}

@media (max-width: 767px) {
    .changelog-controls[b-yn49p4jhzo] {
        flex-direction: column;
    }

    .changelog-search[b-yn49p4jhzo] {
        min-width: 100%;
    }

    .changelog-tabs[b-yn49p4jhzo] {
        width: 100%;
        justify-content: center;
    }

    .changelog-category-filters[b-yn49p4jhzo] {
        justify-content: flex-start;
    }

    .changelog-date-cell[b-yn49p4jhzo] {
        display: none;
    }

    .changelog-badge-cell[b-yn49p4jhzo] {
        width: auto;
    }
}
/* /Pages/Chat/ChatPopoutPage.razor.rz.scp.css */
.chat-popout-shell[b-bmf81vuo4p] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    background: #fff;
}

.chat-popout-shell[b-bmf81vuo4p] >  .chat-shell {
    flex: 1 1 auto;
    min-height: 0;
}

.chat-popout-message[b-bmf81vuo4p] {
    padding: 24px;
    color: #666;
}

.chat-popout-error[b-bmf81vuo4p] {
    color: #d9534f;
}
/* /Pages/ClaimMatrixPage.razor.rz.scp.css */
/* ClaimMatrixPage.razor.css */

/* Vertical header: rotate the header text 90 degrees */
.vertical-header[b-x4mckb9c5f] {
    writing-mode: vertical-lr;
    text-orientation: mixed;
    white-space: nowrap;
    display: inline-block; /* Use inline-block so it wraps just the text */
    padding: 2px 4px; /* Adjust padding as needed */
    margin: 0; /* Remove extra margins */
    line-height: normal; /* Use default line height */
}

/* Existing cell formatting */
.cell-matrix[b-x4mckb9c5f] {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 2px;
    font-weight: bold;
}

.cell-correct[b-x4mckb9c5f] {
    background: rgb(114 220 91 / 70%);
    color: green;
}

.cell-incorrect[b-x4mckb9c5f] {
    background: rgb(255 21 0 / 70%);
    color: #b90e0e;
}

/* Reduce padding in grid header and content cells for skinny columns */
.telerik-grid .k-grid-header .k-header[b-x4mckb9c5f],
.telerik-grid .k-grid-content td[b-x4mckb9c5f] {
    padding: 0;
}
/* /Pages/CustomDataPage.razor.rz.scp.css */
.custom-data-studio[b-e4lkqkguak] {
    width: 100%;
    min-width: 0;
    min-height: 100%;
    padding: .25rem 0 1.5rem;
    color: var(--kendo-color-on-app-surface, #424242);
    font-family: var(--kendo-font-family, inherit);
}

.custom-data-studio-header[b-e4lkqkguak],
.custom-data-section-heading[b-e4lkqkguak],
.custom-data-card-title-row[b-e4lkqkguak],
.custom-data-editor-actions[b-e4lkqkguak] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.custom-data-studio-header[b-e4lkqkguak] {
    min-height: 5.25rem;
    padding: 1rem 1.1rem;
    border: 1px solid var(--kendo-color-border, #d5d5d5);
    border-radius: var(--kendo-border-radius-lg, .5rem);
    background:
        linear-gradient(100deg, color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 7%, white), white 45%);
}

.custom-data-studio-header p[b-e4lkqkguak],
.custom-data-section-heading p[b-e4lkqkguak],
.custom-data-table-card p[b-e4lkqkguak] {
    margin: 0;
    color: var(--kendo-color-subtle, #667085);
}

.custom-data-studio-intro[b-e4lkqkguak],
.custom-data-header-actions[b-e4lkqkguak] {
    display: flex;
    align-items: center;
    gap: .8rem;
}

.custom-data-studio-intro[b-e4lkqkguak] {
    min-width: 0;
}

.custom-data-studio-intro h2[b-e4lkqkguak] {
    margin: 0 0 .25rem;
    font-size: clamp(1rem, 1.8vw, 1.25rem);
}

.custom-data-studio-mark[b-e4lkqkguak] {
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 auto;
    border-radius: .7rem;
    background: var(--kendo-color-primary, #0d6efd);
    color: var(--kendo-color-on-primary, #fff);
    font-size: 1.35rem;
}

.custom-data-section-tabs[b-e4lkqkguak],
.custom-data-designer-tabs[b-e4lkqkguak] {
    display: flex;
    gap: .25rem;
    margin: 1.4rem 0 1rem;
    padding: .25rem;
    border: 1px solid var(--kendo-color-border, #d5d5d5);
    border-radius: .75rem;
    background: var(--kendo-color-surface, #fff);
    width: fit-content;
}

.custom-data-section-tabs button[b-e4lkqkguak],
.custom-data-designer-tabs button[b-e4lkqkguak] {
    padding: .55rem .85rem;
    border: 0;
    border-radius: .55rem;
    background: transparent;
    color: var(--kendo-color-subtle, #475467);
    font-weight: 650;
}

.custom-data-section-tabs button.active[b-e4lkqkguak],
.custom-data-designer-tabs button.active[b-e4lkqkguak] {
    background: var(--kendo-color-primary-subtle, #e9f2ff);
    color: var(--kendo-color-primary-on-surface, #175cd3);
}

.custom-data-section[b-e4lkqkguak] {
    min-width: 0;
    padding: 1.15rem;
    border: 1px solid var(--kendo-color-border, #d5d5d5);
    border-radius: 1rem;
    background: var(--kendo-color-surface, #fff);
    box-shadow: 0 3px 14px rgba(16, 24, 40, .04);
}

.custom-data-section-heading[b-e4lkqkguak] {
    margin-bottom: 1.1rem;
}

.custom-data-section-heading h2[b-e4lkqkguak] {
    margin: 0 0 .25rem;
    font-size: 1.2rem;
}

.custom-data-toggle[b-e4lkqkguak],
.custom-data-checkbox[b-e4lkqkguak] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    gap: .5rem;
}

.custom-data-card-grid[b-e4lkqkguak] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
    gap: .9rem;
}

.custom-data-table-card[b-e4lkqkguak] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .9rem;
    padding: 1rem;
    border: 1px solid #e4e7ec;
    border-radius: .85rem;
    background: #fff;
    transition: border-color .15s, transform .15s, box-shadow .15s;
}

.custom-data-table-card:hover[b-e4lkqkguak] {
    transform: translateY(-1px);
    border-color: #b2ccff;
    box-shadow: 0 8px 24px rgba(16, 24, 40, .07);
}

.custom-data-table-card.archived[b-e4lkqkguak] {
    opacity: .65;
}

.custom-data-card-icon[b-e4lkqkguak] {
    display: inline-grid;
    place-items: center;
    width: 2.55rem;
    height: 2.55rem;
    border-radius: .7rem;
    background: color-mix(in srgb, var(--table-accent) 13%, white);
    color: var(--table-accent);
    font-weight: 800;
}

.custom-data-card-main h3[b-e4lkqkguak] {
    margin: 0;
    font-size: 1rem;
}

.custom-data-card-main p[b-e4lkqkguak] {
    margin-top: .45rem;
    min-height: 2.6em;
    font-size: .86rem;
}

.custom-data-status[b-e4lkqkguak] {
    display: inline-flex;
    padding: .16rem .45rem;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 750;
}

.custom-data-status.published[b-e4lkqkguak] {
    background: #ecfdf3;
    color: #027a48;
}

.custom-data-status.draft[b-e4lkqkguak] {
    background: #fffaeb;
    color: #b54708;
}

.custom-data-card-metrics[b-e4lkqkguak] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem .8rem;
    margin-top: .75rem;
    color: #667085;
    font-size: .75rem;
}

.custom-data-draft-dot[b-e4lkqkguak] {
    color: #b54708;
}

.custom-data-card-actions[b-e4lkqkguak] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
    gap: .35rem;
    padding-top: .75rem;
    border-top: 1px solid #f2f4f7;
}

.custom-data-empty[b-e4lkqkguak],
.custom-data-loading[b-e4lkqkguak] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    min-height: 280px;
    padding: 2rem;
    text-align: center;
    color: #667085;
}

.custom-data-empty.compact[b-e4lkqkguak] {
    min-height: 180px;
}

.custom-data-empty h3[b-e4lkqkguak] {
    margin: .25rem 0 0;
    color: #344054;
}

.custom-data-empty p[b-e4lkqkguak] {
    margin: 0 0 .5rem;
}

.custom-data-empty-icon[b-e4lkqkguak] {
    display: grid;
    place-items: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1rem;
    background: #eff4ff;
    color: #175cd3;
    font-size: 1.75rem;
}

.custom-data-banner[b-e4lkqkguak] {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin: 0 0 1rem;
    padding: .7rem .85rem;
    border-radius: .65rem;
}

.custom-data-banner.error[b-e4lkqkguak] {
    background: #fef3f2;
    color: #b42318;
}

.custom-data-banner button[b-e4lkqkguak] {
    margin-left: auto;
    border: 0;
    background: transparent;
    color: inherit;
    font-size: 1.15rem;
}

.relationship-map[b-e4lkqkguak] {
    display: grid;
    gap: .7rem;
}

.relationship-map-row[b-e4lkqkguak] {
    display: grid;
    grid-template-columns: minmax(150px, 1fr) minmax(180px, 1.4fr) auto minmax(150px, 1fr);
    align-items: center;
    gap: .75rem;
    padding: .8rem;
    border: 1px solid #eaecf0;
    border-radius: .75rem;
}

.relationship-map-node[b-e4lkqkguak] {
    padding: .55rem .7rem;
    border-radius: .55rem;
    font-weight: 700;
}

.relationship-map-node.custom[b-e4lkqkguak] {
    background: #eff8ff;
    color: #175cd3;
}

.relationship-map-node.core[b-e4lkqkguak] {
    background: #f2f4f7;
    color: #344054;
}

.relationship-map-edge[b-e4lkqkguak] {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.relationship-map-edge small[b-e4lkqkguak] {
    color: #667085;
}

.hierarchy-view-layout[b-e4lkqkguak] {
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    gap: 1rem;
    min-height: 440px;
}

.hierarchy-view-list[b-e4lkqkguak] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    padding-right: .75rem;
    border-right: 1px solid #eaecf0;
}

.hierarchy-view-list button[b-e4lkqkguak] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .15rem;
    padding: .7rem;
    border: 1px solid transparent;
    border-radius: .6rem;
    background: transparent;
    text-align: left;
}

.hierarchy-view-list button.active[b-e4lkqkguak] {
    border-color: #b2ccff;
    background: #eff4ff;
    color: #175cd3;
}

.hierarchy-view-list button span[b-e4lkqkguak],
.hierarchy-builder-step small[b-e4lkqkguak] {
    color: #667085;
    font-size: .75rem;
}

.custom-data-form-grid[b-e4lkqkguak] {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: .75rem;
    margin-bottom: 1rem;
}

.custom-data-form-grid label[b-e4lkqkguak],
.custom-data-dialog-form label[b-e4lkqkguak],
.field-preview-card label[b-e4lkqkguak] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    color: #344054;
    font-size: .78rem;
    font-weight: 650;
}

.custom-data-form-grid input[b-e4lkqkguak],
.custom-data-dialog-form input[b-e4lkqkguak],
.custom-data-dialog-form select[b-e4lkqkguak],
.custom-data-dialog-form textarea[b-e4lkqkguak],
.hierarchy-builder-step select[b-e4lkqkguak],
.field-preview-card input[b-e4lkqkguak],
.field-preview-card textarea[b-e4lkqkguak] {
    min-height: 2.25rem;
    padding: .42rem .55rem;
    border: 1px solid #d0d5dd;
    border-radius: .5rem;
    background: #fff;
    color: #101828;
    font: inherit;
}

.hierarchy-builder-steps[b-e4lkqkguak] {
    display: grid;
    gap: .55rem;
}

.hierarchy-builder-step[b-e4lkqkguak] {
    display: grid;
    grid-template-columns: auto minmax(150px, 1fr) minmax(190px, 1.5fr) minmax(110px, .7fr) auto;
    align-items: center;
    gap: .65rem;
    padding: .7rem;
    border: 1px solid #e4e7ec;
    border-radius: .7rem;
}

.hierarchy-builder-step.root[b-e4lkqkguak] {
    background: #f9fafb;
}

.hierarchy-step-options[b-e4lkqkguak] {
    display: grid;
    grid-column: 2 / -1;
    grid-template-columns: repeat(2, minmax(160px, 1fr)) auto;
    align-items: end;
    gap: .65rem;
}

.hierarchy-step-options label[b-e4lkqkguak] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    color: #475467;
    font-size: .75rem;
    font-weight: 650;
}

.hierarchy-step-options input[type="text"][b-e4lkqkguak],
.hierarchy-step-options input:not([type])[b-e4lkqkguak] {
    min-height: 2.25rem;
    padding: .42rem .55rem;
    border: 1px solid #d0d5dd;
    border-radius: .5rem;
}

.step-number[b-e4lkqkguak] {
    display: grid;
    place-items: center;
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 50%;
    background: #175cd3;
    color: #fff;
    font-size: .75rem;
    font-weight: 800;
}

.icon-button[b-e4lkqkguak] {
    border: 0;
    background: transparent;
    color: #667085;
    font-size: 1.25rem;
}

.icon-button.danger[b-e4lkqkguak] {
    color: #b42318;
}

.custom-data-editor-actions[b-e4lkqkguak] {
    margin-top: 1rem;
}

.spacer[b-e4lkqkguak] {
    flex: 1 1 auto;
}

.hierarchy-preview[b-e4lkqkguak] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: 1.1rem;
    padding: .8rem;
    overflow-x: auto;
    border-radius: .7rem;
    background: #f8fafc;
    white-space: nowrap;
}

.hierarchy-preview-arrow[b-e4lkqkguak] {
    color: #98a2b3;
}

.custom-data-import-list[b-e4lkqkguak] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: .7rem;
}

.custom-data-import-list button[b-e4lkqkguak] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .75rem;
    padding: .8rem;
    border: 1px solid #e4e7ec;
    border-radius: .75rem;
    background: #fff;
    text-align: left;
}

.custom-data-import-list button span:nth-child(2)[b-e4lkqkguak] {
    display: flex;
    flex-direction: column;
}

.custom-data-import-list small[b-e4lkqkguak] {
    color: #667085;
}

.custom-data-dialog-form[b-e4lkqkguak] {
    display: grid;
    gap: .75rem;
}

.custom-data-designer[b-e4lkqkguak] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.custom-data-designer-tabs[b-e4lkqkguak] {
    margin: 0 0 .75rem;
}

.field-designer-layout[b-e4lkqkguak] {
    display: grid;
    grid-template-columns: 240px minmax(300px, 1fr) 300px;
    min-height: 0;
    height: calc(100% - 54px);
    border: 1px solid #e4e7ec;
    border-radius: .8rem;
    overflow: hidden;
}

.field-list-panel[b-e4lkqkguak],
.field-properties-panel[b-e4lkqkguak],
.relationship-list[b-e4lkqkguak] {
    overflow: auto;
    background: #f9fafb;
}

.field-list-panel[b-e4lkqkguak],
.relationship-list[b-e4lkqkguak] {
    border-right: 1px solid #e4e7ec;
}

.field-properties-panel[b-e4lkqkguak] {
    border-left: 1px solid #e4e7ec;
}

.panel-heading[b-e4lkqkguak] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    padding: .65rem .8rem;
    border-bottom: 1px solid #e4e7ec;
    background: #fff;
}

.panel-heading button[b-e4lkqkguak] {
    border: 0;
    background: transparent;
    color: #175cd3;
    font-size: 1.25rem;
}

.field-list-item[b-e4lkqkguak] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .55rem;
    width: 100%;
    padding: .65rem .75rem;
    border: 0;
    border-bottom: 1px solid #eaecf0;
    background: transparent;
    text-align: left;
}

.field-list-item.active[b-e4lkqkguak] {
    background: #eff4ff;
    color: #175cd3;
}

.field-list-item span:nth-child(2)[b-e4lkqkguak] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.field-list-item small[b-e4lkqkguak] {
    color: #667085;
    font-size: .7rem;
}

.primary-field-indicator[b-e4lkqkguak] {
    color: #f79009;
}

.field-preview-panel[b-e4lkqkguak] {
    overflow: auto;
    background: #f2f4f7;
}

.field-preview-card[b-e4lkqkguak] {
    display: grid;
    gap: .8rem;
    max-width: 620px;
    margin: 1.25rem auto;
    padding: 1.25rem;
    border: 1px solid #e4e7ec;
    border-radius: .8rem;
    background: #fff;
    box-shadow: 0 8px 24px rgba(16, 24, 40, .06);
}

.field-preview-card em[b-e4lkqkguak] {
    color: #d92d20;
}

.field-properties-panel .custom-data-dialog-form[b-e4lkqkguak] {
    padding: .8rem;
}

.relationship-designer[b-e4lkqkguak] {
    display: grid;
    grid-template-columns: 260px 1fr;
    height: 100%;
    min-height: 360px;
    border: 1px solid #e4e7ec;
    border-radius: .8rem;
    overflow: hidden;
}

.relationship-properties[b-e4lkqkguak] {
    padding: 1rem;
    overflow: auto;
}

.custom-data-dialog-form.wide[b-e4lkqkguak] {
    grid-template-columns: repeat(2, minmax(220px, 1fr));
}

.designer-preview-grid[b-e4lkqkguak] {
    display: grid;
    grid-template-columns: minmax(260px, .75fr) minmax(420px, 1.25fr);
    gap: 1rem;
    overflow: auto;
}

.preview-table[b-e4lkqkguak] {
    overflow: auto;
    border: 1px solid #e4e7ec;
    border-radius: .65rem;
}

.preview-table-row[b-e4lkqkguak] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(120px, 1fr);
}

.preview-table-row span[b-e4lkqkguak] {
    padding: .6rem;
    border-right: 1px solid #eaecf0;
}

.preview-table-row.header[b-e4lkqkguak] {
    background: #f9fafb;
    font-weight: 700;
}

.custom-data-info-panel[b-e4lkqkguak] {
    max-width: 720px;
    padding: 1rem;
}

.access-panel[b-e4lkqkguak] {
    max-width: 900px;
}

.access-table[b-e4lkqkguak] {
    overflow: hidden;
    margin: 1rem 0;
    border: 1px solid #e4e7ec;
    border-radius: .75rem;
}

.access-row[b-e4lkqkguak] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) repeat(4, minmax(64px, .25fr));
    align-items: center;
    min-height: 2.8rem;
    border-top: 1px solid #eaecf0;
}

.access-row:first-child[b-e4lkqkguak] {
    border-top: 0;
}

.access-row > *[b-e4lkqkguak] {
    padding: .65rem .8rem;
    text-align: center;
}

.access-row > :first-child[b-e4lkqkguak] {
    text-align: left;
}

.access-header[b-e4lkqkguak] {
    background: #f9fafb;
    color: #475467;
    font-size: .8rem;
    font-weight: 700;
}

.access-actions[b-e4lkqkguak] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
}

.custom-data-muted[b-e4lkqkguak] {
    color: #667085;
}

.custom-data-history[b-e4lkqkguak] {
    display: grid;
    gap: .75rem;
    max-width: 760px;
    padding: 1rem;
}

.custom-data-history > div[b-e4lkqkguak] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .65rem;
}

.custom-data-history > div > span[b-e4lkqkguak] {
    width: .65rem;
    height: .65rem;
    margin-top: .25rem;
    border-radius: 50%;
    background: #1570ef;
}

.custom-data-history p[b-e4lkqkguak] {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.custom-data-history small[b-e4lkqkguak],
.custom-data-save-state[b-e4lkqkguak] {
    color: #667085;
}

/* Studio shell and assistant rail */
.custom-data-overview[b-e4lkqkguak] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: .85rem;
    overflow: hidden;
    border: 1px solid var(--kendo-color-border, #d5d5d5);
    border-radius: var(--kendo-border-radius-lg, .5rem);
    background: var(--kendo-color-surface, #fff);
}

.custom-data-overview > div[b-e4lkqkguak] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: .08rem .75rem;
    min-width: 0;
    padding: .8rem 1rem;
    border-left: 1px solid var(--kendo-color-border-alt, #e5e5e5);
}

.custom-data-overview > div:first-child[b-e4lkqkguak] {
    border-left: 0;
}

.custom-data-overview span[b-e4lkqkguak] {
    color: var(--kendo-color-subtle, #667085);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .025em;
    text-transform: uppercase;
}

.custom-data-overview strong[b-e4lkqkguak] {
    grid-row: 1 / 3;
    grid-column: 2;
    color: var(--kendo-color-on-app-surface, #344054);
    font-size: 1.45rem;
    line-height: 1;
}

.custom-data-overview small[b-e4lkqkguak] {
    overflow: hidden;
    color: var(--kendo-color-subtle, #667085);
    font-size: .76rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.custom-data-section-tabs[b-e4lkqkguak] {
    width: 100%;
    margin: .85rem 0;
}

.custom-data-section-tabs button[b-e4lkqkguak] {
    flex: 1 1 0;
}

.custom-data-workspace[b-e4lkqkguak] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: .85rem;
    min-width: 0;
}

.custom-data-workspace.with-ai[b-e4lkqkguak] {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 410px);
}

.custom-data-workspace-main[b-e4lkqkguak] {
    min-width: 0;
}

.custom-data-ai-rail[b-e4lkqkguak] {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: min(720px, calc(100vh - 9rem));
    min-height: 560px;
    overflow: hidden;
    border: 1px solid var(--kendo-color-border, #d5d5d5);
    border-radius: var(--kendo-border-radius-lg, .5rem);
    background: var(--kendo-color-surface, #fff);
    box-shadow: 0 8px 28px rgb(16 24 40 / 8%);
}

.custom-data-ai-rail > header[b-e4lkqkguak] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-height: 3.7rem;
    padding: .7rem .8rem;
    border-bottom: 1px solid var(--kendo-color-border, #d5d5d5);
}

.custom-data-ai-rail > header > div[b-e4lkqkguak] {
    display: grid;
    min-width: 0;
    flex: 1;
}

.custom-data-ai-rail > header strong[b-e4lkqkguak] {
    font-size: .88rem;
}

.custom-data-ai-rail > header small[b-e4lkqkguak] {
    overflow: hidden;
    color: var(--kendo-color-subtle, #667085);
    font-size: .72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.custom-data-ai-avatar[b-e4lkqkguak] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    border-radius: .55rem;
    background: var(--kendo-color-primary, #0d6efd);
    color: var(--kendo-color-on-primary, #fff);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .04em;
}

.custom-data-ai-close[b-e4lkqkguak] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: 0;
    border-radius: .35rem;
    background: transparent;
    color: var(--kendo-color-subtle, #667085);
    font-size: 1.25rem;
    cursor: pointer;
}

.custom-data-ai-close:hover[b-e4lkqkguak] {
    background: var(--kendo-color-base-hover, #ebebeb);
    color: var(--kendo-color-on-surface, #424242);
}

.custom-data-ai-intro[b-e4lkqkguak] {
    display: grid;
    gap: .35rem;
    padding: .75rem .85rem;
    border-bottom: 1px solid var(--kendo-color-border-alt, #e5e5e5);
    background: var(--kendo-color-surface-alt, #fafafa);
}

.custom-data-ai-intro > strong[b-e4lkqkguak] {
    font-size: .8rem;
}

.custom-data-ai-intro p[b-e4lkqkguak],
.custom-data-ai-intro > small[b-e4lkqkguak] {
    margin: 0;
    color: var(--kendo-color-subtle, #667085);
    font-size: .72rem;
    line-height: 1.4;
}

.custom-data-ai-capabilities[b-e4lkqkguak] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    margin: .15rem 0;
}

.custom-data-ai-capabilities span[b-e4lkqkguak] {
    padding: .2rem .42rem;
    border: 1px solid color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 25%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 7%, white);
    color: var(--kendo-color-primary-on-surface, #175cd3);
    font-size: .68rem;
    font-weight: 650;
}

.custom-data-ai-chat[b-e4lkqkguak] {
    min-width: 0;
    min-height: 0;
    flex: 1;
    overflow: hidden;
}

.custom-data-ai-chat[b-e4lkqkguak]  .chat-shell {
    height: 100%;
}

.custom-data-loading.compact[b-e4lkqkguak] {
    min-height: 180px;
}

.custom-data-ai-unavailable[b-e4lkqkguak] {
    display: grid;
    justify-items: center;
    align-content: center;
    gap: .55rem;
    height: 100%;
    padding: 2rem;
    color: var(--kendo-color-subtle, #667085);
    text-align: center;
}

.custom-data-ai-unavailable > .k-svg-icon[b-e4lkqkguak] {
    width: 1.75rem;
    height: 1.75rem;
    color: var(--kendo-color-warning, #f5a623);
}

.custom-data-ai-unavailable strong[b-e4lkqkguak] {
    color: var(--kendo-color-on-surface, #344054);
}

.custom-data-ai-unavailable span[b-e4lkqkguak] {
    font-size: .8rem;
    line-height: 1.45;
}

@media (max-width: 900px) {
    .custom-data-studio[b-e4lkqkguak] {
        padding: 0 0 1rem;
    }

    .custom-data-studio-header[b-e4lkqkguak],
    .custom-data-section-heading[b-e4lkqkguak] {
        align-items: flex-start;
        flex-direction: column;
    }

    .custom-data-section-tabs[b-e4lkqkguak] {
        width: 100%;
        overflow-x: auto;
    }

    .custom-data-section-tabs button[b-e4lkqkguak] {
        white-space: nowrap;
    }

    .hierarchy-view-layout[b-e4lkqkguak],
    .field-designer-layout[b-e4lkqkguak],
    .relationship-designer[b-e4lkqkguak],
    .designer-preview-grid[b-e4lkqkguak] {
        grid-template-columns: 1fr;
    }

    .hierarchy-view-list[b-e4lkqkguak] {
        flex-direction: row;
        overflow-x: auto;
        border-right: 0;
        border-bottom: 1px solid #eaecf0;
    }

    .field-list-panel[b-e4lkqkguak],
    .relationship-list[b-e4lkqkguak] {
        max-height: 180px;
        border-right: 0;
        border-bottom: 1px solid #e4e7ec;
    }

    .field-properties-panel[b-e4lkqkguak] {
        border-left: 0;
        border-top: 1px solid #e4e7ec;
    }

    .hierarchy-builder-step[b-e4lkqkguak] {
        grid-template-columns: auto 1fr;
    }

    .hierarchy-builder-step select[b-e4lkqkguak] {
        grid-column: 2;
    }

    .hierarchy-step-options[b-e4lkqkguak] {
        grid-column: 2;
        grid-template-columns: 1fr;
    }

    .relationship-map-row[b-e4lkqkguak] {
        grid-template-columns: 1fr;
    }

    .relationship-map-arrow[b-e4lkqkguak] {
        transform: rotate(90deg);
        justify-self: center;
    }

    .custom-data-form-grid[b-e4lkqkguak],
    .custom-data-dialog-form.wide[b-e4lkqkguak] {
        grid-template-columns: 1fr;
    }

    .access-table[b-e4lkqkguak] {
        overflow-x: auto;
    }

    .access-row[b-e4lkqkguak] {
        min-width: 560px;
    }
}

@media (max-width: 1180px) {
    .custom-data-workspace.with-ai[b-e4lkqkguak] {
        grid-template-columns: minmax(0, 1fr);
    }

    .custom-data-ai-rail[b-e4lkqkguak] {
        position: static;
        height: 640px;
        min-height: 500px;
    }
}

@media (max-width: 720px) {
    .custom-data-studio-header[b-e4lkqkguak] {
        align-items: stretch;
    }

    .custom-data-header-actions[b-e4lkqkguak] {
        width: 100%;
        flex-wrap: wrap;
    }

    .custom-data-header-actions[b-e4lkqkguak]  .k-button {
        flex: 1 1 auto;
    }

    .custom-data-overview[b-e4lkqkguak] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .custom-data-overview > div:nth-child(3)[b-e4lkqkguak] {
        border-left: 0;
        border-top: 1px solid var(--kendo-color-border-alt, #e5e5e5);
    }

    .custom-data-overview > div:nth-child(4)[b-e4lkqkguak] {
        border-top: 1px solid var(--kendo-color-border-alt, #e5e5e5);
    }

    .custom-data-card-grid[b-e4lkqkguak] {
        grid-template-columns: minmax(0, 1fr);
    }

    .custom-data-card-actions[b-e4lkqkguak] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}
/* /Pages/CustomDataRecordsPage.razor.rz.scp.css */
.custom-records-shell[b-kcus70ne93] {
    min-height: 100%;
    padding: 1.2rem 1.4rem 2rem;
    background: #f7f9fc;
    color: #101828;
}

.custom-records-header[b-kcus70ne93],
.custom-records-title-row[b-kcus70ne93],
.custom-records-header-actions[b-kcus70ne93],
.custom-records-toolbar[b-kcus70ne93],
.custom-records-pager[b-kcus70ne93],
.custom-record-panel-heading[b-kcus70ne93] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.custom-records-back[b-kcus70ne93] {
    margin-bottom: .7rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: #175cd3;
    font-weight: 650;
}

.custom-records-title-row[b-kcus70ne93] {
    justify-content: flex-start;
}

.custom-records-title-row h1[b-kcus70ne93] {
    margin: 0;
    font-size: 1.75rem;
}

.custom-records-title-row p[b-kcus70ne93] {
    margin: .15rem 0 0;
    color: #667085;
}

.custom-records-icon[b-kcus70ne93] {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: .8rem;
    background: #eff4ff;
    color: #175cd3;
    font-weight: 800;
}

.custom-records-toolbar[b-kcus70ne93] {
    position: relative;
    justify-content: flex-start;
    margin: 1rem 0;
    padding: .65rem;
    border: 1px solid #e4e7ec;
    border-radius: .75rem;
    background: #fff;
}

.custom-records-query-options summary[b-kcus70ne93] {
    padding: .4rem .55rem;
    cursor: pointer;
    color: #344054;
    font-size: .82rem;
    font-weight: 650;
}

.query-options-panel[b-kcus70ne93] {
    position: absolute;
    top: calc(100% + .35rem);
    right: 0;
    z-index: 5;
    display: grid;
    grid-template-columns: repeat(2, minmax(180px, 1fr));
    gap: .75rem;
    width: min(620px, calc(100vw - 2rem));
    padding: 1rem;
    border: 1px solid #d0d5dd;
    border-radius: .75rem;
    background: #fff;
    box-shadow: 0 12px 30px rgba(16, 24, 40, .16);
}

.query-options-panel > label[b-kcus70ne93] {
    align-items: stretch;
    flex-direction: column;
}

.query-options-panel select[b-kcus70ne93],
.query-options-panel input[type="text"][b-kcus70ne93],
.query-options-panel input:not([type])[b-kcus70ne93] {
    min-height: 2.25rem;
    padding: .4rem .5rem;
    border: 1px solid #d0d5dd;
    border-radius: .45rem;
}

.query-columns[b-kcus70ne93] {
    display: flex;
    grid-column: 1 / -1;
    flex-wrap: wrap;
    gap: .45rem 1rem;
}

.query-columns > span[b-kcus70ne93] {
    flex-basis: 100%;
    color: #344054;
    font-size: .8rem;
    font-weight: 700;
}

.query-option-actions[b-kcus70ne93] {
    display: flex;
    grid-column: 1 / -1;
    justify-content: flex-end;
    gap: .5rem;
}

.custom-records-toolbar label[b-kcus70ne93] {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: #475467;
    font-size: .82rem;
}

.custom-records-count[b-kcus70ne93] {
    margin-left: auto;
    color: #667085;
    font-size: .82rem;
}

.custom-records-table-wrap[b-kcus70ne93] {
    overflow: auto;
    border: 1px solid #e4e7ec;
    border-radius: .8rem;
    background: #fff;
}

.custom-records-table[b-kcus70ne93] {
    width: 100%;
    border-collapse: collapse;
    font-size: .84rem;
}

.custom-records-table th[b-kcus70ne93],
.custom-records-table td[b-kcus70ne93] {
    max-width: 280px;
    padding: .7rem .8rem;
    overflow: hidden;
    border-bottom: 1px solid #eaecf0;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.custom-records-table th[b-kcus70ne93] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f9fafb;
    color: #475467;
    font-size: .72rem;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.custom-records-table tbody tr[b-kcus70ne93] {
    cursor: pointer;
}

.custom-records-table tbody tr:hover[b-kcus70ne93] {
    background: #f8faff;
}

.custom-records-table tr.archived[b-kcus70ne93] {
    opacity: .55;
    background: #f9fafb;
}

.custom-records-table .actions-column[b-kcus70ne93] {
    width: 100px;
    text-align: right;
}

.custom-records-pager[b-kcus70ne93] {
    justify-content: center;
    margin-top: .8rem;
}

.custom-records-pager span[b-kcus70ne93] {
    color: #667085;
    font-size: .82rem;
}

.custom-records-state[b-kcus70ne93] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    min-height: 340px;
    padding: 2rem;
    text-align: center;
    color: #667085;
}

.custom-records-state.compact[b-kcus70ne93] {
    min-height: 150px;
}

.custom-records-state h3[b-kcus70ne93],
.custom-records-state p[b-kcus70ne93] {
    margin: 0;
}

.custom-records-empty-icon[b-kcus70ne93] {
    display: grid;
    place-items: center;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    background: #eff4ff;
    color: #175cd3;
    font-size: 1.5rem;
}

.custom-records-banner[b-kcus70ne93] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin: .8rem 0;
    padding: .7rem;
    border-radius: .65rem;
}

.custom-records-banner.error[b-kcus70ne93] {
    background: #fef3f2;
    color: #b42318;
}

.custom-records-banner button[b-kcus70ne93] {
    margin-left: auto;
    border: 0;
    background: transparent;
    color: inherit;
    font-size: 1.2rem;
}

.custom-record-editor-tabs[b-kcus70ne93] {
    display: flex;
    gap: .25rem;
    margin-bottom: .9rem;
    padding: .25rem;
    border-radius: .65rem;
    background: #f2f4f7;
    width: fit-content;
}

.custom-record-editor-tabs button[b-kcus70ne93] {
    padding: .45rem .7rem;
    border: 0;
    border-radius: .45rem;
    background: transparent;
    color: #475467;
    font-weight: 650;
}

.custom-record-editor-tabs button.active[b-kcus70ne93] {
    background: #fff;
    color: #175cd3;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .1);
}

.custom-record-form[b-kcus70ne93] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
    overflow: auto;
    padding: .15rem;
}

.custom-record-form label[b-kcus70ne93] {
    display: flex;
    flex-direction: column;
    gap: .28rem;
    color: #344054;
    font-size: .8rem;
    font-weight: 650;
}

.custom-record-form label.wide[b-kcus70ne93] {
    grid-column: 1 / -1;
}

.custom-record-form small[b-kcus70ne93] {
    color: #667085;
    font-weight: 400;
}

.custom-record-form em[b-kcus70ne93] {
    color: #d92d20;
}

.custom-record-form input[b-kcus70ne93],
.custom-record-form select[b-kcus70ne93],
.custom-record-form textarea[b-kcus70ne93],
.custom-link-form input[b-kcus70ne93],
.custom-link-form select[b-kcus70ne93],
.custom-import-mapping select[b-kcus70ne93] {
    min-height: 2.4rem;
    padding: .45rem .55rem;
    border: 1px solid #d0d5dd;
    border-radius: .5rem;
    background: #fff;
    color: #101828;
    font: inherit;
}

.custom-record-form textarea[b-kcus70ne93] {
    min-height: 100px;
    resize: vertical;
}

.custom-record-status[b-kcus70ne93] {
    margin-left: .5rem;
    padding: .15rem .45rem;
    border-radius: 999px;
    background: #f2f4f7;
    color: #475467;
    font-size: .7rem;
}

.custom-record-panel-heading[b-kcus70ne93] {
    align-items: flex-start;
}

.custom-record-panel-heading h3[b-kcus70ne93],
.custom-record-panel-heading p[b-kcus70ne93] {
    margin: 0;
}

.custom-record-panel-heading p[b-kcus70ne93] {
    color: #667085;
}

.related-record-group[b-kcus70ne93] {
    margin-top: 1rem;
}

.related-record-group h4[b-kcus70ne93] {
    margin: 0 0 .35rem;
    color: #475467;
    font-size: .78rem;
    text-transform: uppercase;
}

.related-record-row[b-kcus70ne93] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .6rem;
    padding: .55rem;
    border-bottom: 1px solid #eaecf0;
}

.related-record-row > button:not(.k-button)[b-kcus70ne93] {
    border: 0;
    background: transparent;
    color: #175cd3;
    text-align: left;
}

.related-record-kind[b-kcus70ne93] {
    padding: .12rem .4rem;
    border-radius: 999px;
    background: #f2f4f7;
    color: #475467;
    font-size: .67rem;
    font-weight: 750;
}

.custom-record-activity[b-kcus70ne93] {
    display: grid;
    gap: .7rem;
}

.custom-record-activity > div:not(.custom-records-state)[b-kcus70ne93] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .6rem;
}

.custom-record-activity > div > span[b-kcus70ne93] {
    width: .65rem;
    height: .65rem;
    margin-top: .25rem;
    border-radius: 50%;
    background: #1570ef;
}

.custom-record-activity p[b-kcus70ne93] {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.custom-record-activity small[b-kcus70ne93] {
    color: #667085;
}

.custom-link-form[b-kcus70ne93] {
    display: grid;
    gap: .8rem;
}

.custom-link-form label[b-kcus70ne93] {
    display: grid;
    gap: .3rem;
}

.custom-link-results[b-kcus70ne93] {
    display: grid;
    gap: .35rem;
    max-height: 300px;
    overflow: auto;
}

.custom-link-results button[b-kcus70ne93] {
    display: flex;
    justify-content: space-between;
    gap: .7rem;
    padding: .6rem;
    border: 1px solid #e4e7ec;
    border-radius: .5rem;
    background: #fff;
    text-align: left;
}

.custom-link-results button.selected[b-kcus70ne93] {
    border-color: #84adff;
    background: #eff4ff;
    color: #175cd3;
}

.custom-link-results small[b-kcus70ne93] {
    color: #667085;
}

.custom-import-workflow[b-kcus70ne93] {
    display: grid;
    gap: .9rem;
}

.custom-import-drop[b-kcus70ne93] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .35rem;
    padding: 1.3rem;
    border: 1px dashed #98a2b3;
    border-radius: .75rem;
    background: #f9fafb;
    text-align: center;
}

.custom-import-drop span[b-kcus70ne93] {
    color: #667085;
    font-size: .78rem;
}

.custom-import-mapping[b-kcus70ne93] {
    display: grid;
    gap: .45rem;
}

.custom-import-mapping > div[b-kcus70ne93] {
    display: grid;
    grid-template-columns: minmax(130px, 1fr) auto minmax(180px, 1.3fr);
    align-items: center;
    gap: .65rem;
}

.custom-import-summary[b-kcus70ne93] {
    color: #667085;
}

.custom-import-errors[b-kcus70ne93] {
    display: grid;
    gap: .25rem;
    padding: .7rem;
    border-radius: .6rem;
    background: #fef3f2;
    color: #b42318;
    font-size: .8rem;
}

@media (max-width: 760px) {
    .custom-records-shell[b-kcus70ne93] {
        padding: .75rem;
    }

    .custom-records-header[b-kcus70ne93] {
        align-items: flex-start;
        flex-direction: column;
    }

    .custom-records-header-actions[b-kcus70ne93] {
        flex-wrap: wrap;
        width: 100%;
    }

    .custom-records-toolbar[b-kcus70ne93] {
        align-items: flex-start;
        flex-direction: column;
    }

    .custom-records-count[b-kcus70ne93] {
        margin-left: 0;
    }

    .query-options-panel[b-kcus70ne93] {
        position: fixed;
        top: 5rem;
        right: 1rem;
        left: 1rem;
        grid-template-columns: 1fr;
        width: auto;
        max-height: calc(100vh - 7rem);
        overflow: auto;
    }

    .custom-record-form[b-kcus70ne93] {
        grid-template-columns: 1fr;
    }

    .custom-record-form label.wide[b-kcus70ne93] {
        grid-column: auto;
    }

    .custom-records-table thead[b-kcus70ne93] {
        display: none;
    }

    .custom-records-table tr[b-kcus70ne93] {
        display: block;
        padding: .55rem;
        border-bottom: 1px solid #e4e7ec;
    }

    .custom-records-table td[b-kcus70ne93] {
        display: flex;
        justify-content: space-between;
        gap: .75rem;
        max-width: none;
        border: 0;
        white-space: normal;
    }

    .custom-records-table td[b-kcus70ne93]::before {
        content: attr(data-label);
        color: #667085;
        font-weight: 650;
    }
}
/* /Pages/CustomRegisterEntryFormPage.razor.rz.scp.css */
.custom-register-page[b-298t6ubz80] {
    background-color: #f8f9fa;
    position: relative;
    height: calc(100vh - 120px);
    overflow: hidden;
    width: 100%;
}

.full-page-container[b-298t6ubz80] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 8px 24px;
}

.section-container[b-298t6ubz80] {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    width: 90%;
    margin: auto;
}

.section-container:last-child[b-298t6ubz80] {
    margin-bottom: 8px;
}

@media (max-width: 768px) {
    .section-container[b-298t6ubz80] {
        width: 100% !important;
    }
}

.section-title[b-298t6ubz80] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.25rem;
    color: #2c3e50;
    margin: 0;
    padding: 20px 16px;
    border-bottom: 1px solid #e9ecef;
}

.tab-section-container[b-298t6ubz80] {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    padding: 24px;
    overflow: hidden;
    max-width: 90%;
    margin: auto;
    height: 100%;
}

.custom-tabstrip[b-298t6ubz80] {
    --kendo-tabstrip-tab-padding-x: 24px;
    --kendo-tabstrip-tab-padding-y: 16px;
}

.custom-tab[b-298t6ubz80] {
    font-weight: 500;
}

:deep(.tab-stage-icon)[b-298t6ubz80] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
    vertical-align: middle;
    flex-shrink: 0;
}

:deep(.k-tabstrip-content)[b-298t6ubz80] {
    flex: 1;
    overflow: visible;
}

:deep(.k-tabstrip-items-wrapper)[b-298t6ubz80] {
    border-bottom: 2px solid #e9ecef;
}

:deep(.k-tabstrip-items .k-item)[b-298t6ubz80] {
    border: none;
    margin-right: 4px;
}

:deep(.k-tabstrip-items .k-item.k-active)[b-298t6ubz80] {
    border-bottom: 2px solid #007bff;
    margin-bottom: -2px;
}

:deep(.k-tabstrip-items .k-link)[b-298t6ubz80] {
    color: #6c757d;
    font-weight: 500;
}

:deep(.k-tabstrip-items .k-item.k-active .k-link)[b-298t6ubz80] {
    color: #007bff;
}

.timeline-panel[b-298t6ubz80] {
    background-color: #ffffff;
    border-left: 1px solid #e0e0e0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.timeline-header[b-298t6ubz80] {
    background-color: #5a6c7d;
    color: white;
    padding: 12px 16px;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0.5px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.timeline-current-status[b-298t6ubz80] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    background-color: #f8f9fa;
    border-bottom: 1px solid #e0e0e0;
}

.timeline-current-label[b-298t6ubz80] {
    font-size: 12px;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
}

.timeline-current-value[b-298t6ubz80] {
    display: inline-block;
    padding: 3px 12px;
    border-radius: 12px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

.timeline-steps[b-298t6ubz80] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
}

.timeline-step[b-298t6ubz80] {
    display: flex;
    gap: 12px;
    min-height: 80px;
}

.timeline-step:last-child[b-298t6ubz80] {
    min-height: unset;
}

.timeline-connector[b-298t6ubz80] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    width: 28px;
}

.timeline-dot[b-298t6ubz80] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 13px;
    overflow: hidden;
}

.timeline-icon-completed[b-298t6ubz80] {
    background-color: #84ca87;
    color: white;
}

.timeline-icon-current[b-298t6ubz80] {
    background-color: #f0ad4e;
    color: white;
    box-shadow: 0 0 0 4px rgba(240, 173, 78, 0.25);
}

.timeline-icon-cancelled[b-298t6ubz80] {
    background-color: #dc3545;
    color: white;
}

.timeline-icon-pending[b-298t6ubz80] {
    background-color: #dc3545;
    color: white;
}

.timeline-line[b-298t6ubz80] {
    width: 2px;
    flex: 1;
    min-height: 16px;
    margin: 4px 0;
}

.timeline-step-content[b-298t6ubz80] {
    flex: 1;
    background-color: #fff;
    border-radius: 6px;
    padding: 10px 12px;
    margin-bottom: 8px;
    border: 1px solid #e9ecef;
}

.timeline-step-header[b-298t6ubz80] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
    gap: 8px;
}

.timeline-step-name[b-298t6ubz80] {
    font-weight: 600;
    font-size: 13px;
    color: #333;
}

.timeline-step-badge[b-298t6ubz80] {
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
}

.badge-completed[b-298t6ubz80] {
    background-color: #84ca87;
    color: white;
}

.badge-current[b-298t6ubz80] {
    background-color: #f0ad4e;
    color: white;
}

.badge-cancelled[b-298t6ubz80] {
    background-color: #dc3545;
    color: white;
}

.badge-pending[b-298t6ubz80] {
    background-color: #dc3545;
    color: white;
}

.timeline-step-details[b-298t6ubz80] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.timeline-detail-row[b-298t6ubz80] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
}

.timeline-detail-label[b-298t6ubz80] {
    color: #888;
    font-weight: 500;
    min-width: 75px;
}

.timeline-detail-value[b-298t6ubz80] {
    color: #333;
    font-weight: 500;
}
/* /Pages/DashboardStudioNavigator.razor.rz.scp.css */
.dashboard-navigator-splitter-host[b-n6kizcl2xq] {
    width: 100%;
    height: 100%;
    min-width: 0;
    overflow: hidden;
}

.dashboard-navigator-left[b-n6kizcl2xq] {
    height: 100%;
    padding: 16px;
    overflow-y: auto;
    border-right: 1px solid var(--kendo-color-border, #dee2e6);
    background-color: var(--kendo-color-base-subtle, #f8f9fa);
}

.dashboard-navigator-right[b-n6kizcl2xq] {
    display: flex;
    width: 100%;
    height: 100%;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
}

.dashboard-mobile-toolbar[b-n6kizcl2xq] {
    display: none;
    flex: 0 0 auto;
    padding: 4px 8px;
    border-bottom: 1px solid var(--kendo-color-border, #dee2e6);
    background: var(--kendo-color-base, #fff);
}

.dashboard-navigator-workspace[b-n6kizcl2xq] { min-height: 0; flex: 1 1 auto; overflow: hidden; }

.dashboard-navigator-header[b-n6kizcl2xq],
.dashboard-viewer-header[b-n6kizcl2xq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.dashboard-navigator-header[b-n6kizcl2xq] {
    margin-bottom: 12px;
}

.dashboard-pane-title[b-n6kizcl2xq],
.dashboard-viewer-title[b-n6kizcl2xq] {
    overflow: hidden;
    color: var(--kendo-color-on-base, #495057);
    font-size: 18px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-pane-subtitle[b-n6kizcl2xq],
.dashboard-viewer-subtitle[b-n6kizcl2xq] {
    overflow: hidden;
    color: var(--kendo-color-on-base-subtle, #6c757d);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-search[b-n6kizcl2xq] {
    margin-bottom: 16px;
}

.dashboard-item-list[b-n6kizcl2xq] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.dashboard-item[b-n6kizcl2xq] {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: 4px;
    background-color: var(--kendo-color-base, #fff);
    color: var(--kendo-color-on-base, #495057);
    text-align: left;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.dashboard-item:hover[b-n6kizcl2xq] {
    border-color: var(--kendo-color-primary, #007bff);
    background-color: var(--kendo-color-primary-subtle, #e9ecef);
}

.dashboard-item.selected[b-n6kizcl2xq] {
    border-color: var(--kendo-color-primary, #007bff);
    background-color: var(--kendo-color-primary, #007bff);
    color: var(--kendo-color-on-primary, #fff);
}

.dashboard-item-text[b-n6kizcl2xq] {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 2px;
}

.dashboard-item-title[b-n6kizcl2xq] {
    overflow: hidden;
    font-size: 12px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-item-description[b-n6kizcl2xq] {
    overflow: hidden;
    color: var(--kendo-color-on-base-subtle, #6c757d);
    font-size: 11px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-item.selected .dashboard-item-description[b-n6kizcl2xq] {
    color: var(--kendo-color-on-primary, #fff);
    opacity: .85;
}

.dashboard-item-access[b-n6kizcl2xq] {
    flex-shrink: 0;
    padding: 2px 6px;
    border: 1px solid currentColor;
    border-radius: var(--kendo-border-radius-full, 9999px);
    font-size: 10px;
}

.dashboard-inline-edit[b-n6kizcl2xq] {
    width: 100%;
    border: 1px solid var(--kendo-color-primary, #007bff);
    border-radius: 4px;
    background: var(--kendo-color-base, #fff);
    color: var(--kendo-color-on-base, #495057);
    outline: none;
}

.dashboard-inline-edit-item[b-n6kizcl2xq] {
    min-height: 48px;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 500;
}

.dashboard-loading[b-n6kizcl2xq],
.dashboard-empty[b-n6kizcl2xq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 10px;
    color: var(--kendo-color-on-base-subtle, #6c757d);
    font-style: italic;
}

.dashboard-loading p[b-n6kizcl2xq],
.dashboard-empty p[b-n6kizcl2xq] {
    margin: 8px 0 0;
}

.dashboard-preview-loading[b-n6kizcl2xq] {
    justify-content: center;
    height: 100%;
}

.dashboard-empty-state[b-n6kizcl2xq] {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px;
    background-color: var(--kendo-color-base-subtle, #f8f9fa);
    text-align: center;
}

.dashboard-empty-state > .k-svg-icon[b-n6kizcl2xq] {
    width: 42px;
    height: 42px;
    margin-bottom: 12px;
    color: var(--kendo-color-primary, #007bff);
}

.dashboard-empty-state h4[b-n6kizcl2xq] {
    margin-bottom: 12px;
    color: var(--kendo-color-on-base, #495057);
}

.dashboard-empty-state p[b-n6kizcl2xq] {
    color: var(--kendo-color-on-base-subtle, #6c757d);
}

.dashboard-viewer-header[b-n6kizcl2xq] {
    padding: 16px 16px 12px;
    border-bottom: 1px solid var(--kendo-color-border, #dee2e6);
    background-color: var(--kendo-color-base, #fff);
}

.dashboard-viewer-header > div:first-child[b-n6kizcl2xq] {
    min-width: 0;
}

.dashboard-viewer-actions[b-n6kizcl2xq] {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: 8px;
}

.dashboard-workspace[b-n6kizcl2xq] {
    min-height: 0;
    flex: 1 1 auto;
    overflow: hidden;
    background: var(--kendo-color-app-surface, #f5f5f5);
}

.dashboard-preview-warning[b-n6kizcl2xq] {
    margin: 10px 12px 0;
    padding: 9px 10px;
    border: 1px solid var(--kendo-color-warning, #ffc000);
    border-radius: var(--kendo-border-radius-md, 4px);
    background: var(--kendo-color-warning-subtle, #fff4cc);
    font-size: var(--kendo-font-size-sm, 14px);
}

.dashboard-preview-canvas[b-n6kizcl2xq] {
    height: 100%;
    min-height: 0;
    overflow: auto;
}

.dashboard-access-form[b-n6kizcl2xq] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 12px 4px;
}

.dashboard-access-help[b-n6kizcl2xq] {
    color: var(--kendo-color-on-base-subtle, #6c757d);
    font-size: var(--kendo-font-size-xs, 12px);
    line-height: 1.45;
}

.dashboard-access-field[b-n6kizcl2xq] {
    display: grid;
    gap: 6px;
}

.dashboard-access-field > label[b-n6kizcl2xq] {
    font-size: var(--kendo-font-size-sm, 14px);
    font-weight: var(--kendo-font-weight-semibold, 600);
}

.dashboard-access-row[b-n6kizcl2xq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 9px;
    border: 1px solid var(--kendo-color-border-alt, #e5e5e5);
    border-radius: var(--kendo-border-radius-md, 4px);
    background: var(--kendo-color-surface-alt, #fafafa);
    font-size: var(--kendo-font-size-sm, 14px);
}

.dashboard-access-actions[b-n6kizcl2xq] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 4px;
}

@media (max-width: 768px) {
    .dashboard-navigator-splitter-host[b-n6kizcl2xq]  .dashboard-navigator-splitter > .k-splitbar {
        display: none !important;
    }

    .dashboard-navigator-splitter-host[b-n6kizcl2xq]  .dashboard-navigator-splitter > .k-pane {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
        flex-basis: 100% !important;
    }

    .dashboard-navigator-left[b-n6kizcl2xq],
    .dashboard-navigator-right[b-n6kizcl2xq] {
        width: 100%;
        border-right: 0;
    }

    .dashboard-mobile-toolbar[b-n6kizcl2xq] { display: flex; }

    .dashboard-viewer-header[b-n6kizcl2xq] {
        align-items: flex-start;
        flex-direction: column;
        padding: 10px;
    }

    .dashboard-viewer-actions[b-n6kizcl2xq] {
        width: 100%;
    }
}
/* /Pages/DashboardStudioPage.razor.rz.scp.css */
.dashboard-studio-shell[b-7ccp9g804d] {
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    color: var(--kendo-color-on-app-surface, #424242);
    background: var(--kendo-color-app-surface, #f5f5f5);
    font-family: var(--kendo-font-family, inherit);
}

.studio-load-failure[b-7ccp9g804d] {
    width: min(560px, calc(100% - 32px));
    display: grid;
    justify-items: center;
    gap: 12px;
    margin: clamp(48px, 12vh, 140px) auto 0;
    padding: 36px;
    border: 1px solid var(--kendo-color-border, #d5d5d5);
    border-radius: var(--kendo-border-radius-lg, 6px);
    background: var(--kendo-color-surface, #fff);
    color: var(--kendo-color-on-app-surface, #424242);
    text-align: center;
}
.studio-load-failure-icon[b-7ccp9g804d] { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: var(--kendo-color-base-subtle, #f0f0f0); color: var(--kendo-color-primary, var(--kendo-primary, #0d6efd)); }
.studio-load-failure-icon > .k-svg-icon[b-7ccp9g804d] { width: 24px; height: 24px; }
.studio-load-failure h2[b-7ccp9g804d] { margin: 4px 0 0; font-size: var(--kendo-font-size-xl, 20px); }
.studio-load-failure p[b-7ccp9g804d] { max-width: 440px; margin: 0; color: var(--kendo-color-subtle, #757575); line-height: 1.55; }
.studio-load-failure-actions[b-7ccp9g804d] { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 8px; }

.dashboard-studio-splitter[b-7ccp9g804d],
.dashboard-content-splitter[b-7ccp9g804d] { border: 0; background: var(--kendo-color-app-surface, #f5f5f5); }
.studio-side-rail[b-7ccp9g804d],
.studio-main[b-7ccp9g804d] { height: 100%; min-width: 0; overflow: hidden; background: var(--kendo-color-surface, #fff); }
.studio-side-rail[b-7ccp9g804d] { display: flex; flex-direction: column; border-left: 1px solid var(--kendo-color-border, #d5d5d5); }
.studio-main[b-7ccp9g804d] { display: flex; flex-direction: column; background: var(--kendo-color-app-surface, #f5f5f5); }

.studio-side-tabs[b-7ccp9g804d] { min-height: 54px; display: flex; align-items: stretch; border-bottom: 1px solid var(--kendo-color-border, #d5d5d5); background: var(--kendo-color-surface, #fff); }
.studio-side-tab[b-7ccp9g804d] { display: flex; align-items: center; justify-content: center; gap: 7px; min-width: 0; flex: 1; padding: 0 12px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--kendo-color-subtle, #757575); font-size: var(--kendo-font-size-sm, 14px); font-weight: 600; cursor: pointer; }
.studio-side-tab:hover[b-7ccp9g804d] { background: var(--kendo-color-base-hover, #ebebeb); color: var(--kendo-color-on-surface, #424242); }
.studio-side-tab.active[b-7ccp9g804d] { border-bottom-color: var(--kendo-color-primary, var(--kendo-primary, #0d6efd)); color: var(--kendo-color-primary, var(--kendo-primary, #0d6efd)); }
.studio-side-tabs > .k-button[b-7ccp9g804d] { flex: 0 0 auto; }
.studio-properties-body[b-7ccp9g804d] { min-width: 0; min-height: 0; flex: 1; overflow: auto; }

.studio-rail-header[b-7ccp9g804d] { min-height: 64px; display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-bottom: 1px solid var(--kendo-color-border, #d5d5d5); }
.studio-brand-mark[b-7ccp9g804d] { width: 32px; height: 32px; display: grid; place-items: center; flex: 0 0 auto; border-radius: var(--kendo-border-radius-md, 4px); color: var(--kendo-color-on-primary, #fff); background: var(--kendo-color-primary, var(--kendo-primary, #0d6efd)); }
.studio-rail-header > div:nth-child(2)[b-7ccp9g804d] { display: grid; min-width: 0; flex: 1; }
.studio-rail-header strong[b-7ccp9g804d] { font-size: var(--kendo-font-size-sm, 14px); }
.studio-rail-header span[b-7ccp9g804d] { color: var(--kendo-color-subtle, #757575); font-size: var(--kendo-font-size-xs, 12px); }
.studio-discussion-body[b-7ccp9g804d] { min-width: 0; min-height: 0; flex: 1; overflow: hidden; }
.studio-discussion-body[b-7ccp9g804d]  .chat-shell { height: 100%; }
.studio-discussion-setup[b-7ccp9g804d] { display: grid; justify-items: center; gap: 10px; margin: auto; padding: 36px 30px; text-align: center; }
.studio-discussion-setup > .k-svg-icon[b-7ccp9g804d] { width: 32px; height: 32px; color: var(--kendo-color-primary, var(--kendo-primary, #0d6efd)); }
.studio-discussion-setup strong[b-7ccp9g804d] { font-size: var(--kendo-font-size-md, 16px); }
.studio-discussion-setup span[b-7ccp9g804d] { max-width: 320px; color: var(--kendo-color-subtle, #757575); font-size: var(--kendo-font-size-sm, 14px); line-height: 1.5; }
.studio-chat-unavailable[b-7ccp9g804d] { display: grid; justify-items: center; gap: 8px; margin: auto; padding: 36px 24px; color: var(--kendo-color-subtle, #757575); text-align: center; }
.studio-chat-unavailable strong[b-7ccp9g804d] { color: var(--kendo-color-on-app-surface, #424242); }
.studio-chat-unavailable span[b-7ccp9g804d] { max-width: 260px; font-size: var(--kendo-font-size-sm, 14px); line-height: 1.45; }

.studio-toolbar[b-7ccp9g804d] { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 7px 12px; border-bottom: 1px solid var(--kendo-color-border, #d5d5d5); background: var(--kendo-color-surface, #fff); }
.studio-toolbar-group[b-7ccp9g804d] { display: flex; align-items: center; gap: 6px; min-width: 0; }
.studio-toolbar-title[b-7ccp9g804d] { overflow: hidden; margin-left: 4px; font-size: var(--kendo-font-size-sm, 14px); font-weight: var(--kendo-font-weight-semibold, 600); text-overflow: ellipsis; white-space: nowrap; }
.studio-save-state[b-7ccp9g804d] { padding: 3px 7px; border: 1px solid var(--kendo-color-border, #d5d5d5); border-radius: var(--kendo-border-radius-full, 9999px); color: var(--kendo-color-subtle, #757575); font-size: var(--kendo-font-size-xs, 12px); }
.studio-save-state.saved[b-7ccp9g804d] { border-color: var(--kendo-color-success, #37b400); color: var(--kendo-color-success-on-surface, #287d00); }
.studio-rename-help[b-7ccp9g804d] { margin: 0; color: var(--kendo-color-subtle, #666); font-size: var(--kendo-font-size-sm, 14px); line-height: 1.45; }
.studio-presence[b-7ccp9g804d] { display: flex; margin-left: 4px; }
.studio-presence span[b-7ccp9g804d] { width: 27px; height: 27px; display: grid; place-items: center; margin-left: -5px; border: 2px solid var(--kendo-color-surface, #fff); border-radius: 50%; color: #fff; font-size: 10px; font-weight: 700; }
.studio-error[b-7ccp9g804d] { display: flex; align-items: center; gap: 8px; margin: 10px 12px 0; padding: 9px 10px; border: 1px solid var(--kendo-color-error, #f31700); border-radius: var(--kendo-border-radius-md, 4px); background: var(--kendo-color-error-subtle, #ffeceb); color: var(--kendo-color-on-error-subtle, #7a0c00); font-size: var(--kendo-font-size-sm, 14px); }
.studio-error span[b-7ccp9g804d] { flex: 1; }
.studio-filter-bar[b-7ccp9g804d] { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; padding: 8px 12px; border-bottom: 1px solid var(--kendo-color-border, #d5d5d5); background: var(--kendo-color-surface-alt, #fafafa); }
.studio-filter-bar > span[b-7ccp9g804d] { color: var(--kendo-color-subtle, #757575); font-size: var(--kendo-font-size-xs, 12px); font-weight: 600; }
.studio-canvas-host[b-7ccp9g804d] { position: relative; min-height: 0; flex: 1; overflow: auto; }
.studio-remote-cursor[b-7ccp9g804d] { position: absolute; z-index: 20; width: 38px; height: 48px; pointer-events: none; color: var(--cursor-color); }
.studio-remote-cursor-marker[b-7ccp9g804d] { width: 38px; height: 48px; overflow: visible; filter: drop-shadow(0 1px 1px rgb(0 0 0 / 25%)); }
.studio-remote-cursor-marker path[b-7ccp9g804d] { fill: var(--cursor-color); stroke: #fff; stroke-width: 1.5px; }
.studio-remote-cursor-marker circle[b-7ccp9g804d] { fill: var(--cursor-color); stroke: #fff; stroke-width: 2px; }
.studio-remote-cursor-marker text[b-7ccp9g804d] { fill: #fff; font-size: 8px; font-weight: 700; text-anchor: middle; }
.studio-remote-cursor-label[b-7ccp9g804d] { position: absolute; top: 13px; left: 38px; max-width: 180px; min-width: 56px; height: 22px; padding: 0 9px; overflow: hidden; border: 1px solid #fff; border-radius: 11px; background: var(--cursor-color); color: #fff; font-size: 10px; font-weight: 600; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
.studio-loading-canvas[b-7ccp9g804d] { position: absolute; inset: 0; display: grid; align-content: start; gap: 18px; padding: 70px 35px; background: var(--kendo-color-app-surface, #f5f5f5); }
.studio-skeleton-row[b-7ccp9g804d] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.studio-skeleton-row.charts[b-7ccp9g804d] { grid-template-columns: 1.4fr 1fr; }
.studio-skeleton-row[b-7ccp9g804d]  .k-skeleton { height: 140px; }
.studio-skeleton-row.charts[b-7ccp9g804d]  .k-skeleton { height: 300px; }

.studio-save-form[b-7ccp9g804d] { display: grid; gap: 14px; padding: 4px; }
.studio-save-form > label[b-7ccp9g804d] { display: grid; gap: 6px; font-size: var(--kendo-font-size-sm, 14px); font-weight: 600; }
.studio-filter-picker > p[b-7ccp9g804d] { margin: 0; color: var(--kendo-color-subtle, #757575); line-height: 1.5; }
[b-7ccp9g804d] .studio-visual-kind-choice { display: inline-flex; align-items: center; gap: 8px; }
.studio-save-form h3[b-7ccp9g804d] { margin: 10px 0 -5px; font-size: var(--kendo-font-size-sm, 14px); }
.studio-save-toggle[b-7ccp9g804d] { grid-template-columns: 1fr auto; align-items: center; padding: 10px; border: 1px solid var(--kendo-color-border, #d5d5d5); border-radius: var(--kendo-border-radius-md, 4px); }
.studio-save-toggle span[b-7ccp9g804d] { display: grid; gap: 2px; }
.studio-save-toggle small[b-7ccp9g804d] { color: var(--kendo-color-subtle, #757575); font-weight: 400; }
.studio-access-row[b-7ccp9g804d] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 7px 9px; border: 1px solid var(--kendo-color-border-alt, #e5e5e5); border-radius: var(--kendo-border-radius-md, 4px); background: var(--kendo-color-surface-alt, #fafafa); font-size: var(--kendo-font-size-sm, 14px); }
.studio-save-actions[b-7ccp9g804d] { position: sticky; bottom: -1px; display: flex; justify-content: flex-end; gap: 8px; padding: 12px 0 4px; background: var(--kendo-color-surface, #fff); }

@media (max-width: 900px) {
    .studio-toolbar[b-7ccp9g804d] { align-items: flex-start; flex-direction: column; }
    .studio-toolbar-group[b-7ccp9g804d] { width: 100%; flex-wrap: wrap; }
}

@media (max-width: 768px) {
    [b-7ccp9g804d] .dashboard-content-splitter > .k-splitbar {
        display: none !important;
    }

    [b-7ccp9g804d] .dashboard-content-splitter > .k-pane {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
        flex-basis: 100% !important;
    }

    .studio-side-rail[b-7ccp9g804d] {
        width: 100%;
        border-left: 0;
    }

    .studio-side-tabs[b-7ccp9g804d] {
        position: static;
        flex: 0 0 54px;
    }
}
/* /Pages/DisciplineRunDownReportComponent.razor.rz.scp.css */
[b-l7dxgv97av] .k-tilelayout-item-header.k-card-header, [b-l7dxgv97av] .k-card-body {
    padding: 3px;
}
[b-l7dxgv97av] .k-card-body *{
    font-size:12px;
}
[b-l7dxgv97av] .k-tilelayout-item-header.k-card-header * {
    font-size: 12px;
}
/* /Pages/DocumentAnnotationPage.razor.rz.scp.css */
.annotation-shell[b-kee03tzwvg] {
    height: 100%;
    max-height: 100%;
    min-height: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--kendo-color-app-surface, #f4f6f8);
}

.annotation-header[b-kee03tzwvg] {
    flex: 0 0 52px;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 14px;
    background: var(--kendo-color-surface, #fff);
    border-bottom: 1px solid var(--kendo-color-border, #d8dde3);
}

.annotation-document-title[b-kee03tzwvg] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.annotation-document-title strong[b-kee03tzwvg],
.annotation-document-title span[b-kee03tzwvg] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.annotation-document-title span[b-kee03tzwvg] { color: var(--kendo-color-subtle, #64748b); font-size: 12px; }
[b-kee03tzwvg] .annotation-sidebar-toggle { display: none; }
.annotation-sync[b-kee03tzwvg] { border-radius: 999px; }
.annotation-sync.saved[b-kee03tzwvg] { background: #dcfce7; color: #166534; }
.annotation-sync.saving[b-kee03tzwvg] { background: #dbeafe; color: #1d4ed8; }
.annotation-sync.reconnecting[b-kee03tzwvg] { background: #fef3c7; color: #92400e; }
.annotation-sync.conflict[b-kee03tzwvg],
.annotation-sync.error[b-kee03tzwvg] { background: #fee2e2; color: #991b1b; }

.annotation-presence[b-kee03tzwvg] { display: flex; align-items: center; padding-left: 5px; }
.annotation-avatar[b-kee03tzwvg] {
    width: 30px;
    height: 30px;
    margin-left: -6px;
    border: 2px solid var(--kendo-color-surface, #fff);
    border-radius: 50%;
    color: #fff;
    display: inline-grid;
    place-items: center;
    flex: 0 0 30px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

.annotation-workspace[b-kee03tzwvg] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    display: grid;
    grid-template-columns: 290px minmax(0, 1fr);
    overflow: hidden;
}

.annotation-workspace.discussion-open[b-kee03tzwvg] {
    grid-template-columns: 290px minmax(0, 1fr);
}

[b-kee03tzwvg] .annotation-content-splitter {
    min-width: 0;
    min-height: 0;
    border: 0;
}

[b-kee03tzwvg] .annotation-content-splitter > .k-pane {
    overflow: hidden;
}

[b-kee03tzwvg] .annotation-content-splitter > .k-splitbar:focus,
[b-kee03tzwvg] .annotation-content-splitter > .k-splitbar.k-focus {
    color: var(--kendo-color-on-primary, #fff);
    background: var(--kendo-color-primary, #0d6efd);
}

.annotation-discussion[b-kee03tzwvg] {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--kendo-color-surface, #fff);
    border-left: 1px solid var(--kendo-color-border, #d8dde3);
    box-shadow: -4px 0 14px rgba(15, 23, 42, .08);
}

.annotation-discussion > header[b-kee03tzwvg] {
    flex: 0 0 auto;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 7px 10px 7px 14px;
    border-bottom: 1px solid var(--kendo-color-border, #d8dde3);
}

.annotation-discussion > header > div[b-kee03tzwvg] { min-width: 0; display: flex; flex-direction: column; }
.annotation-discussion > header small[b-kee03tzwvg] { color: var(--kendo-color-subtle, #64748b); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.annotation-discussion-body[b-kee03tzwvg] { flex: 1 1 auto; min-width: 0; min-height: 0; overflow: hidden; }
.annotation-discussion-body[b-kee03tzwvg]  .chat-shell { height: 100%; }

.annotation-sidebar[b-kee03tzwvg] {
    min-height: 0;
    padding: 12px;
    overflow: auto;
    background: var(--kendo-color-surface, #fff);
    border-right: 1px solid var(--kendo-color-border, #d8dde3);
}

.annotation-sidebar section + section[b-kee03tzwvg] { border-top: 1px solid var(--kendo-color-border-alt, #e5e7eb); margin-top: 14px; padding-top: 10px; }
.annotation-sidebar[b-kee03tzwvg]  .annotation-add-layer-button { width: 100%; margin-top: 10px; }
.annotation-section-title[b-kee03tzwvg] { display: flex; align-items: center; justify-content: space-between; }
.annotation-section-title h3[b-kee03tzwvg] { margin: 4px 0 8px; font-size: 13px; font-weight: 650; }

.annotation-register-summary[b-kee03tzwvg] {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.annotation-register-values[b-kee03tzwvg] {
    display: grid;
    gap: .45rem;
    margin: 0;
}

.annotation-register-values > div[b-kee03tzwvg] {
    display: grid;
    grid-template-columns: minmax(95px, .8fr) minmax(0, 1.2fr);
    gap: .5rem;
    border-bottom: 1px solid var(--kendo-color-border, #d8dde3);
    padding-bottom: .35rem;
}

.annotation-register-values dt[b-kee03tzwvg] {
    color: var(--kendo-color-subtle, #64748b);
    font-weight: 600;
}

.annotation-register-values dd[b-kee03tzwvg] {
    margin: 0;
    overflow-wrap: anywhere;
}

.annotation-register-values .archived[b-kee03tzwvg] {
    opacity: .65;
}
.annotation-layers-title > div[b-kee03tzwvg] { display: flex; align-items: baseline; gap: 8px; }
.annotation-layers-title span[b-kee03tzwvg] { color: var(--kendo-color-subtle, #64748b); font-size: 11px; }

.annotation-layer-groups[b-kee03tzwvg] { display: flex; flex-direction: column; gap: 8px; }
.annotation-layer-group[b-kee03tzwvg] {
    overflow: hidden;
    border: 1px solid var(--kendo-color-border-alt, #e5e7eb);
    border-radius: 8px;
    background: var(--kendo-color-surface, #fff);
}

.annotation-layer-group-header[b-kee03tzwvg] {
    min-height: 38px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 30px;
    align-items: center;
    padding: 2px 5px 2px 2px;
    background: var(--kendo-color-base-subtle, #f4f6f8);
    border-bottom: 1px solid var(--kendo-color-border-alt, #e5e7eb);
}

.annotation-layer-group.collapsed .annotation-layer-group-header[b-kee03tzwvg] { border-bottom: 0; }
.annotation-layer-group-header[b-kee03tzwvg]  .annotation-layer-group-toggle {
    min-width: 0;
    justify-content: flex-start;
    gap: 6px;
    font-weight: 650;
}

.annotation-layer-group-header[b-kee03tzwvg]  .annotation-layer-group-toggle .k-button-text {
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: 6px;
    overflow: hidden;
}

.annotation-layer-group-header[b-kee03tzwvg]  .annotation-layer-group-toggle span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.annotation-layer-group-header[b-kee03tzwvg]  .annotation-layer-group-toggle small {
    flex: 0 0 auto;
    color: var(--kendo-color-subtle, #64748b);
    font-size: 10px;
    font-weight: 500;
}

.annotation-layer-group-visibility[b-kee03tzwvg] { display: inline-grid; place-items: center; }
.annotation-layer-group-items[b-kee03tzwvg] { padding: 4px; }

.annotation-layer-row[b-kee03tzwvg] {
    display: grid;
    grid-template-columns: 24px 10px minmax(0, 1fr);
    align-items: center;
    gap: 6px;
    min-height: 42px;
    padding: 3px 6px;
    border-radius: 6px;
}

.annotation-layer-row + .annotation-layer-row[b-kee03tzwvg] { margin-top: 2px; }
.annotation-layer-row:hover[b-kee03tzwvg] { background: var(--kendo-color-base-subtle, #f4f6f8); }
.annotation-layer-row.has-context-actions[b-kee03tzwvg] { cursor: context-menu; }
.annotation-layer-row.active[b-kee03tzwvg] {
    background: var(--kendo-color-primary-subtle, #e8f1ff);
}

.annotation-layer-swatch[b-kee03tzwvg] {
    width: 10px;
    height: 26px;
    border: 1px solid rgb(15 23 42 / 16%);
    border-radius: 999px;
}

.annotation-layer-main[b-kee03tzwvg] { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }
.annotation-layer-main[b-kee03tzwvg]  .annotation-layer-select {
    width: 100%;
    min-width: 0;
    height: 22px;
    padding: 0;
    justify-content: flex-start;
    overflow: hidden;
    font-weight: 550;
}

.annotation-layer-main[b-kee03tzwvg]  .annotation-layer-select .k-button-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.annotation-layer-main small[b-kee03tzwvg] { color: var(--kendo-color-subtle, #64748b); font-size: 10px; }

.annotation-field[b-kee03tzwvg] { display: flex; flex-direction: column; gap: 6px; margin: 10px 0; font-weight: 500; }
.annotation-field > span[b-kee03tzwvg] { display: flex; justify-content: space-between; align-items: center; }
.annotation-field output[b-kee03tzwvg] { color: var(--kendo-color-subtle, #64748b); font-size: 11px; }
.annotation-field[b-kee03tzwvg]  .k-slider { width: 100%; }
.annotation-field[b-kee03tzwvg]  .k-colorpicker-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.annotation-field[b-kee03tzwvg]  .k-color-preview { margin: 0; }
.annotation-selected-actions[b-kee03tzwvg] { display: flex; gap: 6px; margin-top: 12px; }
.annotation-warning[b-kee03tzwvg],
.annotation-rollover[b-kee03tzwvg] {
    margin: 8px 0 0;
    padding: 9px 12px;
    background: #fff7ed;
    color: #9a3412;
    border: 1px solid #fed7aa;
    border-radius: 5px;
}

.annotation-rollover[b-kee03tzwvg] { flex: 0 0 auto; margin: 0; border-width: 0 0 1px; border-radius: 0; display: flex; align-items: center; gap: 8px; }
.annotation-ai-draft-banner[b-kee03tzwvg] { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 12px; background: #f5f3ff; color: #5b21b6; border-bottom: 1px solid #ddd6fe; }
.annotation-subsystem-option[b-kee03tzwvg] { padding: 5px 2px; line-height: 1.25; }
.annotation-subsystem-option small[b-kee03tzwvg] { display: flex; flex-direction: column; color: var(--kendo-color-subtle, #64748b); }
.annotation-subsystem-option.locked[b-kee03tzwvg] { opacity: .62; }
.annotation-option-lock[b-kee03tzwvg] { color: #9a3412; }
.annotation-mapped-subsystems[b-kee03tzwvg] {
    margin-top: 10px;
    overflow: hidden;
    border: 1px solid var(--kendo-color-border-alt, #dbe3ec);
    border-radius: 10px;
    background: var(--kendo-color-surface, #fff);
    box-shadow: 0 5px 14px rgb(15 23 42 / 5%);
}

.annotation-mapped-subsystems.collapsed[b-kee03tzwvg] { box-shadow: none; }
.annotation-mapped-header[b-kee03tzwvg] {
    width: 100%;
    min-height: 52px;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto 16px;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    color: var(--kendo-color-on-app-surface, #1e293b);
    background: var(--kendo-color-primary-subtle, #edf5ff);
    border: 0;
    cursor: pointer;
    text-align: left;
}

.annotation-mapped-header:hover[b-kee03tzwvg] { background: var(--kendo-color-primary-subtle-hover, #e2edff); }
.annotation-mapped-header:focus-visible[b-kee03tzwvg],
.annotation-mapped-card:focus-visible[b-kee03tzwvg],
.annotation-mapped-more:focus-visible[b-kee03tzwvg] {
    outline: 2px solid var(--kendo-color-primary, #2563eb);
    outline-offset: -2px;
}

.annotation-mapped-icon[b-kee03tzwvg] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    color: var(--kendo-color-primary, #2563eb);
    background: var(--kendo-color-surface, #fff);
    border: 1px solid rgb(37 99 235 / 15%);
    border-radius: 9px;
    box-shadow: 0 2px 5px rgb(37 99 235 / 10%);
}

.annotation-mapped-heading[b-kee03tzwvg] { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.annotation-mapped-heading strong[b-kee03tzwvg] { font-size: 12px; font-weight: 700; }
.annotation-mapped-heading small[b-kee03tzwvg] {
    overflow: hidden;
    color: var(--kendo-color-subtle, #64748b);
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.annotation-mapped-count[b-kee03tzwvg] {
    min-width: 25px;
    padding: 2px 7px;
    color: var(--kendo-color-primary, #1d4ed8);
    background: var(--kendo-color-surface, #fff);
    border: 1px solid rgb(37 99 235 / 16%);
    border-radius: 999px;
    font-size: 10px;
    font-weight: 750;
    text-align: center;
}

.annotation-mapped-body[b-kee03tzwvg] { padding: 7px; border-top: 1px solid var(--kendo-color-border-alt, #e5e7eb); }
.annotation-mapped-list[b-kee03tzwvg] { display: flex; flex-direction: column; gap: 5px; }
.annotation-mapped-card[b-kee03tzwvg] {
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 7px 8px;
    color: var(--kendo-color-on-app-surface, #1e293b);
    background: var(--kendo-color-base-subtle, #f8fafc);
    border: 1px solid transparent;
    border-radius: 7px;
    cursor: pointer;
    text-align: left;
    transition: border-color 120ms ease, background-color 120ms ease, transform 120ms ease;
}

.annotation-mapped-card:hover[b-kee03tzwvg] { border-color: var(--kendo-color-border, #cbd5e1); transform: translateY(-1px); }
.annotation-mapped-card.active[b-kee03tzwvg] {
    background: var(--kendo-color-primary-subtle, #e8f1ff);
    border-color: color-mix(in srgb, var(--kendo-color-primary, #2563eb) 35%, transparent);
    box-shadow: inset 3px 0 var(--kendo-color-primary, #2563eb);
}
.annotation-mapped-card.pending[b-kee03tzwvg] {
    background: #faf5ff;
    border-color: #e9d5ff;
    cursor: default;
}
.annotation-mapped-card.pending:hover[b-kee03tzwvg] { border-color: #e9d5ff; transform: none; }

.annotation-mapped-card-main[b-kee03tzwvg] { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 1px 6px; align-items: baseline; }
.annotation-mapped-card-main strong[b-kee03tzwvg] { color: var(--kendo-color-primary, #1d4ed8); font-size: 11px; }
.annotation-mapped-card-main > span[b-kee03tzwvg] { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.annotation-mapped-card-main small[b-kee03tzwvg] {
    grid-column: 1 / -1;
    overflow: hidden;
    color: var(--kendo-color-subtle, #64748b);
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.annotation-shape-count[b-kee03tzwvg] {
    padding: 2px 6px;
    color: var(--kendo-color-subtle, #64748b);
    background: var(--kendo-color-surface, #fff);
    border-radius: 999px;
    font-size: 9px;
    font-weight: 650;
    white-space: nowrap;
}

.annotation-shape-count.has-shapes[b-kee03tzwvg] { color: #166534; background: #dcfce7; }
.annotation-draft-subsystems[b-kee03tzwvg] { margin-top: 7px; padding-top: 7px; border-top: 1px solid #ede9fe; }
.annotation-draft-subsystems-heading[b-kee03tzwvg] { display: flex; flex-direction: column; gap: 1px; margin: 0 2px 6px; }
.annotation-draft-subsystems-heading strong[b-kee03tzwvg] { color: #6d28d9; font-size: 10px; }
.annotation-draft-subsystems-heading small[b-kee03tzwvg] { color: #64748b; font-size: 9px; line-height: 1.3; }
.annotation-pending-subsystem-state[b-kee03tzwvg] { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.annotation-pending-subsystem-state > small[b-kee03tzwvg] { color: #7c3aed; font-size: 8px; font-weight: 700; white-space: nowrap; }
.annotation-mapped-more[b-kee03tzwvg] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-top: 5px;
    padding: 5px;
    color: var(--kendo-color-primary, #2563eb);
    background: transparent;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    font-size: 10px;
    font-weight: 650;
}

.annotation-mapped-more:hover[b-kee03tzwvg] { background: var(--kendo-color-base-subtle, #f1f5f9); }
.annotation-mapped-empty[b-kee03tzwvg] { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 14px 8px; text-align: center; }
.annotation-mapped-empty span[b-kee03tzwvg] { font-size: 11px; font-weight: 650; }
.annotation-mapped-empty small[b-kee03tzwvg] { color: var(--kendo-color-subtle, #64748b); font-size: 10px; }
.annotation-mapped-loading[b-kee03tzwvg] {
    min-height: 52px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    padding: 9px 11px;
    color: var(--kendo-color-on-app-surface, #1e293b);
    background: linear-gradient(110deg, var(--kendo-color-base-subtle, #f8fafc) 25%, var(--kendo-color-primary-subtle, #edf5ff) 45%, var(--kendo-color-base-subtle, #f8fafc) 65%);
    background-size: 240% 100%;
    border: 1px solid var(--kendo-color-border-alt, #e2e8f0);
    border-radius: 10px;
    animation: annotation-subsystem-shimmer-b-kee03tzwvg 1.6s ease-in-out infinite;
}

.annotation-mapped-loading > span:last-child[b-kee03tzwvg] { display: flex; flex-direction: column; gap: 1px; }
.annotation-mapped-loading strong[b-kee03tzwvg] { font-size: 11px; }
.annotation-mapped-loading small[b-kee03tzwvg] { color: var(--kendo-color-subtle, #64748b); font-size: 10px; }
.annotation-loading-mark[b-kee03tzwvg] {
    width: 28px;
    height: 28px;
    border: 3px solid color-mix(in srgb, var(--kendo-color-primary, #2563eb) 18%, transparent);
    border-top-color: var(--kendo-color-primary, #2563eb);
    border-radius: 50%;
    animation: annotation-subsystem-spin-b-kee03tzwvg .8s linear infinite;
}

@keyframes annotation-subsystem-spin-b-kee03tzwvg { to { transform: rotate(360deg); } }
@keyframes annotation-subsystem-shimmer-b-kee03tzwvg { 0%, 100% { background-position: 100% 0; } 50% { background-position: 0 0; } }
@media (prefers-reduced-motion: reduce) {
    .annotation-mapped-loading[b-kee03tzwvg],
    .annotation-loading-mark[b-kee03tzwvg] { animation: none; }
    .annotation-mapped-card[b-kee03tzwvg] { transition: none; }
}
.annotation-tag-extraction-status[b-kee03tzwvg] { position: relative; display: flex; flex-direction: column; gap: 2px; margin-bottom: 8px; padding: 9px 10px 9px 28px; border: 1px solid #cbd5e1; border-radius: 8px; background: #f8fafc; }
.annotation-tag-extraction-status[b-kee03tzwvg]::before { content: ""; position: absolute; top: 12px; left: 11px; width: 8px; height: 8px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 3px rgb(34 197 94 / 14%); }
.annotation-tag-extraction-status strong[b-kee03tzwvg] { font-size: 12px; line-height: 1.25; }
.annotation-tag-extraction-status small[b-kee03tzwvg] { color: #475569; line-height: 1.3; }
.annotation-tag-extraction-status[data-status="Queued"][b-kee03tzwvg],
.annotation-tag-extraction-status[data-status="Running"][b-kee03tzwvg] { border-color: #93c5fd; background: #eff6ff; }
.annotation-tag-extraction-status[data-status="Queued"][b-kee03tzwvg]::before,
.annotation-tag-extraction-status[data-status="Running"][b-kee03tzwvg]::before { background: #3b82f6; box-shadow: 0 0 0 3px rgb(59 130 246 / 14%); }
.annotation-tag-extraction-status[data-status="SucceededWithWarnings"][b-kee03tzwvg]::before,
.annotation-tag-extraction-status[data-status="Skipped"][b-kee03tzwvg]::before { background: #d97706; box-shadow: 0 0 0 3px rgb(217 119 6 / 14%); }
.annotation-tag-extraction-status[data-status="Failed"][b-kee03tzwvg]::before { background: #dc2626; box-shadow: 0 0 0 3px rgb(220 38 38 / 14%); }
.annotation-tag-warning[b-kee03tzwvg] { color: #92400e !important; }
.annotation-tag-error[b-kee03tzwvg] { color: #b91c1c !important; }
.annotation-tag-heading[b-kee03tzwvg] { min-width: 0; display: flex; flex-direction: column; }
.annotation-tag-heading h3[b-kee03tzwvg] { margin-bottom: 1px; }
.annotation-tag-heading small[b-kee03tzwvg] { color: var(--kendo-color-subtle, #64748b); font-size: 9px; }
.annotation-tag-browser[b-kee03tzwvg] { overflow: hidden; border: 1px solid var(--kendo-color-border-alt, #dbe1e8); border-radius: 8px; background: var(--kendo-color-surface, #fff); box-shadow: 0 1px 2px rgb(15 23 42 / 5%); }
.annotation-tag-search[b-kee03tzwvg] { display: flex; align-items: center; gap: 8px; padding: 8px 8px 6px; }
.annotation-tag-search > :first-child[b-kee03tzwvg] { min-width: 0; flex: 1 1 auto; }
.annotation-tag-search > small[b-kee03tzwvg] { flex: 0 0 auto; min-width: 42px; color: var(--kendo-color-subtle, #64748b); font-size: 10px; text-align: right; white-space: nowrap; }
.annotation-tag-quality-heading[b-kee03tzwvg] { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 2px 8px 5px; }
.annotation-tag-quality-heading > span[b-kee03tzwvg] { display: flex; align-items: baseline; gap: 5px; }
.annotation-tag-quality-heading strong[b-kee03tzwvg] { color: #334155; font-size: 10px; }
.annotation-tag-quality-heading small[b-kee03tzwvg] { color: #64748b; font-size: 9px; }
.annotation-tag-quality-heading em[b-kee03tzwvg] { padding: 2px 5px; color: #1d4ed8; background: #eff6ff; border-radius: 999px; font-size: 8px; font-style: normal; font-weight: 700; white-space: nowrap; }
.annotation-tag-filter-group[b-kee03tzwvg] { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 0 8px 7px; }
.annotation-tag-filter[b-kee03tzwvg] {
    min-width: 0;
    min-height: 43px;
    display: grid;
    grid-template-columns: 17px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    padding: 6px 7px;
    color: #64748b;
    background: #fff;
    border: 1px solid #dbe3ec;
    border-radius: 8px;
    cursor: pointer;
    text-align: left;
    transition: border-color 120ms ease, background-color 120ms ease, box-shadow 120ms ease;
}
.annotation-tag-filter:hover[b-kee03tzwvg] { background: #f8fafc; }
.annotation-tag-filter.active[b-kee03tzwvg] { color: #166534; background: #f0fdf4; border-color: #86efac; }
.annotation-tag-filter.approximate.active[b-kee03tzwvg] { color: #854d0e; background: #fefce8; border-color: #fde047; }
.annotation-tag-filter:focus[b-kee03tzwvg] { outline: none; }
.annotation-tag-filter:focus-visible[b-kee03tzwvg] { box-shadow: 0 0 0 3px rgb(37 99 235 / 24%); border-color: #60a5fa; }
.annotation-tag-filter-check[b-kee03tzwvg] {
    width: 17px;
    height: 17px;
    display: grid;
    place-items: center;
    color: #fff;
    background: #fff;
    border: 1.5px solid #94a3b8;
    border-radius: 5px;
}
.annotation-tag-filter.active .annotation-tag-filter-check[b-kee03tzwvg] { background: #16a34a; border-color: #15803d; }
.annotation-tag-filter.approximate.active .annotation-tag-filter-check[b-kee03tzwvg] { background: #ca8a04; border-color: #a16207; }
.annotation-tag-filter-check[b-kee03tzwvg]  svg { width: 11px; height: 11px; }
.annotation-tag-filter-copy[b-kee03tzwvg] { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.annotation-tag-filter-copy strong[b-kee03tzwvg] { display: flex; align-items: center; gap: 5px; color: #334155; font-size: 10px; line-height: 1.2; }
.annotation-tag-filter.active .annotation-tag-filter-copy strong[b-kee03tzwvg] { color: inherit; }
.annotation-tag-filter-copy small[b-kee03tzwvg] { overflow: hidden; color: #64748b; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.annotation-tag-filter-copy i[b-kee03tzwvg] { width: 14px; height: 8px; flex: 0 0 auto; border: 2px solid #15803d; background: rgb(34 197 94 / 18%); }
.annotation-tag-filter.approximate .annotation-tag-filter-copy i[b-kee03tzwvg] { border-color: #ca8a04; border-style: dashed; background: rgb(253 224 71 / 32%); }
.annotation-tag-filter-row[b-kee03tzwvg] { display: grid; grid-template-columns: auto auto minmax(0, 1fr); align-items: center; gap: 8px; padding: 0 8px 7px; }
.annotation-tag-filter-row label[b-kee03tzwvg] { display: inline-flex; align-items: center; gap: 4px; color: #475569; font-size: 9px; white-space: nowrap; }
.annotation-tags[b-kee03tzwvg] { height: 216px; overflow: auto; padding: 3px; border-top: 1px solid var(--kendo-color-border-alt, #e2e8f0); }
.annotation-tag-row[b-kee03tzwvg] { width: 100%; min-height: 34px; display: flex; align-items: center; gap: 6px; padding: 5px 7px; color: var(--kendo-color-on-app-surface, #1e293b); background: transparent; border: 0; border-radius: 5px; cursor: pointer; font-size: 11px; text-align: left; }
.annotation-tag-row:hover[b-kee03tzwvg] { background: var(--kendo-color-base-subtle, #f1f5f9); }
.annotation-tag-row.active[b-kee03tzwvg] { color: var(--kendo-color-primary, #1d4ed8); background: var(--kendo-color-primary-subtle, #e8f1ff); box-shadow: inset 3px 0 var(--kendo-color-primary, #2563eb); }
.annotation-tag-row:focus-visible[b-kee03tzwvg] { outline: 2px solid var(--kendo-color-primary, #2563eb); outline-offset: -2px; }
.annotation-tag-name[b-kee03tzwvg] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.annotation-tag-status-loading[b-kee03tzwvg] { width: 12px; height: 12px; flex: 0 0 12px; border: 2px solid #bfdbfe; border-top-color: var(--kendo-color-primary, #2563eb); border-radius: 50%; animation: annotation-subsystem-spin-b-kee03tzwvg .7s linear infinite; }
.annotation-tag-occurrences[b-kee03tzwvg] { flex: 0 0 auto; margin-left: auto; color: #475569; font-size: 8px; }
.annotation-tag-unlocated[b-kee03tzwvg],
.annotation-tag-match[b-kee03tzwvg] { flex: 0 0 auto; padding: 1px 5px; border-radius: 999px; font-size: 8px; font-weight: 650; }
.annotation-tag-unlocated[b-kee03tzwvg] { color: #64748b; background: #f1f5f9; }
.annotation-tag-match.matched[b-kee03tzwvg] { color: #166534; background: #dcfce7; }
.annotation-tag-match.unmatched[b-kee03tzwvg] { color: #92400e; background: #fef3c7; }
.annotation-tags-empty[b-kee03tzwvg] { padding: 18px 10px; color: var(--kendo-color-subtle, #64748b); font-size: 11px; text-align: center; }
.annotation-tag-locate-status[b-kee03tzwvg] { display: flex; align-items: center; gap: 6px; margin-top: 7px; padding: 6px 8px; color: #1e40af; background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 7px; font-size: 9px; }
.annotation-tag-locate-status.locating svg[b-kee03tzwvg] { animation: annotation-subsystem-spin-b-kee03tzwvg .8s linear infinite; }
.annotation-tag-screen-only[b-kee03tzwvg] { display: block; margin-top: 6px; color: #64748b; font-size: 8px; line-height: 1.35; }
.annotation-history[b-kee03tzwvg] { display: flex; flex-direction: column; padding: 6px 2px; border-bottom: 1px solid var(--kendo-color-border-alt, #eee); }
.annotation-history small[b-kee03tzwvg] { color: var(--kendo-color-subtle, #64748b); }

.annotation-main[b-kee03tzwvg] { height: 100%; min-width: 0; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
.annotation-tools[b-kee03tzwvg] {
    flex: 0 0 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 7px;
    overflow-x: auto;
    overflow-y: hidden;
    background: var(--kendo-color-surface, #fff);
    border-bottom: 1px solid var(--kendo-color-border, #ddd);
}

.annotation-tools[b-kee03tzwvg]  .k-button { min-height: 36px; white-space: nowrap; }
.annotation-mode-tools[b-kee03tzwvg],
.annotation-drawing-tools[b-kee03tzwvg] { display: flex; flex: 0 0 auto; }
.annotation-tools[b-kee03tzwvg]  .annotation-drawing-tools .k-button,
.annotation-tools[b-kee03tzwvg]  .annotation-history-button {
    width: 36px;
    min-width: 36px;
    padding-inline: 0;
}
.annotation-tool-separator[b-kee03tzwvg] { width: 1px; height: 26px; flex: 0 0 1px; background: var(--kendo-color-border, #d8dde3); }
.annotation-viewer-root[b-kee03tzwvg] { position: relative; flex: 1 1 auto; min-width: 0; min-height: 0; overflow: hidden; outline: none; background: #e8edf2; }
.annotation-viewer-root:focus-visible[b-kee03tzwvg] { box-shadow: inset 0 0 0 2px var(--kendo-color-primary, #2563eb); }
.annotation-viewer-root[b-kee03tzwvg]  .k-pdf-viewer { height: 100% !important; max-height: 100%; min-height: 0; }
.annotation-viewer-root[b-kee03tzwvg]  .k-pdf-viewer-canvas {
    min-width: 0;
    min-height: 0;
    overflow: auto;
}

.annotation-viewer-root[b-kee03tzwvg]  .k-pdf-viewer-pages {
    min-width: 0;
    min-height: 0;
}

.annotation-viewer-root[b-kee03tzwvg]  .annotation-subsystem-muted {
    opacity: .2;
    transition: opacity 160ms ease;
}

.annotation-viewer-root[b-kee03tzwvg]  .annotation-subsystem-focused {
    opacity: 1;
    filter: drop-shadow(0 0 3px rgb(37 99 235 / 78%));
    animation: annotation-subsystem-focus-b-kee03tzwvg 700ms ease-out;
}

@keyframes annotation-subsystem-focus-b-kee03tzwvg {
    0% { opacity: .45; filter: drop-shadow(0 0 0 rgb(37 99 235 / 0%)); }
    55% { opacity: 1; filter: drop-shadow(0 0 7px rgb(37 99 235 / 95%)); }
    100% { filter: drop-shadow(0 0 3px rgb(37 99 235 / 78%)); }
}

.annotation-bootstrap-loading[b-kee03tzwvg] {
    width: 100%;
    height: 100%;
    min-height: 320px;
    display: grid;
    place-items: center;
    padding: 24px;
    background: linear-gradient(145deg, var(--kendo-color-app-surface, #f4f6f8), #e8eef5);
}

.annotation-loading-card[b-kee03tzwvg],
.annotation-viewer-loading[b-kee03tzwvg] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.annotation-loading-card[b-kee03tzwvg] {
    width: min(460px, 100%);
    padding: 28px 30px;
    border: 1px solid rgb(148 163 184 / 28%);
    border-radius: 16px;
    background: rgb(255 255 255 / 92%);
    box-shadow: 0 18px 45px rgb(15 23 42 / 10%);
}

.annotation-viewer-loading[b-kee03tzwvg] {
    position: absolute;
    z-index: 12;
    inset: 0;
    justify-content: center;
    padding: 40px 24px 24px;
    background: linear-gradient(145deg, rgb(241 245 249 / 97%), rgb(226 232 240 / 97%));
    backdrop-filter: blur(2px);
}

.annotation-loading-document[b-kee03tzwvg] {
    position: relative;
    width: 72px;
    height: 92px;
    flex: 0 0 72px;
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 25px 13px 12px;
    overflow: hidden;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 9px 22px rgb(15 23 42 / 12%);
}

.annotation-loading-document[b-kee03tzwvg]::before {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-120%);
    background: linear-gradient(100deg, transparent 20%, rgb(59 130 246 / 10%) 50%, transparent 80%);
    animation: annotation-shimmer-b-kee03tzwvg 1.6s ease-in-out infinite;
}

.annotation-loading-document[b-kee03tzwvg]::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-style: solid;
    border-width: 0 18px 18px 0;
    border-color: transparent #dbeafe transparent transparent;
}

.annotation-loading-document span[b-kee03tzwvg] { height: 5px; border-radius: 999px; background: #dbe3ec; }
.annotation-loading-document span:nth-child(2)[b-kee03tzwvg] { width: 74%; }
.annotation-loading-document span:nth-child(3)[b-kee03tzwvg] { width: 88%; }
.annotation-loading-document span:nth-child(4)[b-kee03tzwvg] { width: 58%; }
.annotation-loading-copy[b-kee03tzwvg] { min-width: 0; display: flex; flex: 1 1 auto; flex-direction: column; gap: 6px; }
.annotation-loading-copy strong[b-kee03tzwvg] { color: #172033; font-size: 16px; font-weight: 650; }
.annotation-loading-copy > span[b-kee03tzwvg] { color: #64748b; font-size: 13px; line-height: 1.45; }
.annotation-loading-track[b-kee03tzwvg] { height: 4px; margin-top: 8px; overflow: hidden; border-radius: 999px; background: #dbe3ec; }
.annotation-loading-track span[b-kee03tzwvg] {
    display: block;
    width: 42%;
    height: 100%;
    border-radius: inherit;
    background: var(--kendo-color-primary, #2563eb);
    animation: annotation-progress-b-kee03tzwvg 1.4s ease-in-out infinite;
}

@keyframes annotation-shimmer-b-kee03tzwvg {
    100% { transform: translateX(120%); }
}

@keyframes annotation-progress-b-kee03tzwvg {
    0% { transform: translateX(-110%); }
    50% { transform: translateX(80%); }
    100% { transform: translateX(240%); }
}

@media (prefers-reduced-motion: reduce) {
    .annotation-loading-document[b-kee03tzwvg]::before,
    .annotation-loading-track span[b-kee03tzwvg] { animation: none; }
    .annotation-loading-track span[b-kee03tzwvg] { width: 60%; }
    .annotation-viewer-root[b-kee03tzwvg]  .annotation-subsystem-muted { transition: none; }
    .annotation-viewer-root[b-kee03tzwvg]  .annotation-subsystem-focused { animation: none; }
}

.annotation-loading[b-kee03tzwvg],
.annotation-page-message[b-kee03tzwvg] { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 24px; }
.annotation-page-message[b-kee03tzwvg] { flex: 0 0 auto; justify-content: space-between; padding: 8px 12px; background: #eff6ff; color: #1e3a8a; border-bottom: 1px solid #bfdbfe; }
.annotation-page-message-error[b-kee03tzwvg] { background: #fef2f2; color: #991b1b; border-color: #fecaca; }

.annotation-dialog-form[b-kee03tzwvg],
.annotation-type-editor[b-kee03tzwvg] { display: flex; flex-direction: column; gap: 7px; }
.annotation-dialog-form label[b-kee03tzwvg],
.annotation-type-editor label[b-kee03tzwvg] { margin-top: 4px; }
.annotation-dialog-actions[b-kee03tzwvg] { display: flex; align-items: center; gap: 8px; margin-top: 14px; }
.annotation-dialog-actions > span[b-kee03tzwvg] { flex: 1 1 auto; }
.annotation-type-grid[b-kee03tzwvg] { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 16px; min-height: 340px; }
.annotation-type-list[b-kee03tzwvg] { display: flex; flex-direction: column; gap: 3px; padding-right: 12px; border-right: 1px solid var(--kendo-color-border, #e2e8f0); }
.annotation-type-list[b-kee03tzwvg]  .k-button { justify-content: space-between; text-align: left; }
.annotation-type-list[b-kee03tzwvg]  .k-button.active { background: var(--kendo-color-primary-subtle, #dbeafe); }
.annotation-inline-check[b-kee03tzwvg] { display: flex !important; flex-direction: row !important; align-items: center; gap: 7px; }
.annotation-presence-list[b-kee03tzwvg] { display: flex; flex-direction: column; gap: 8px; }
.annotation-presence-list > div[b-kee03tzwvg] { display: flex; align-items: center; gap: 9px; }
.annotation-presence-list .annotation-avatar[b-kee03tzwvg] { margin-left: 0; }

@media (max-width: 1023px) {
    [b-kee03tzwvg] .annotation-sidebar-toggle { display: inline-flex; }
    .annotation-workspace[b-kee03tzwvg] { grid-template-columns: minmax(0, 1fr); }
    .annotation-sidebar[b-kee03tzwvg] {
        position: absolute;
        z-index: 20;
        inset: 0 auto 0 0;
        width: min(340px, 88vw);
        box-shadow: 6px 0 20px rgba(15, 23, 42, .18);
        transition: transform 160ms ease;
    }
    .annotation-sidebar.closed[b-kee03tzwvg] { transform: translateX(-105%); }
    .annotation-sidebar.open[b-kee03tzwvg] { transform: translateX(0); }
    .annotation-tools[b-kee03tzwvg] { padding: 5px; }
    .annotation-workspace.discussion-open[b-kee03tzwvg] { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 767px) {
    .annotation-header[b-kee03tzwvg] { gap: 6px; padding: 0 8px; }
    .annotation-document-title span[b-kee03tzwvg] { display: none; }
    .annotation-presence[b-kee03tzwvg] { display: flex; }
    .annotation-avatar[b-kee03tzwvg] { width: 22px; height: 22px; font-size: 9px; }
    .annotation-sidebar[b-kee03tzwvg] { display: none; }
    [b-kee03tzwvg] .annotation-sidebar-toggle { display: none; }
    .annotation-type-grid[b-kee03tzwvg] { grid-template-columns: 1fr; }
    .annotation-type-list[b-kee03tzwvg] { border-right: 0; border-bottom: 1px solid var(--kendo-color-border, #e2e8f0); padding: 0 0 10px; }
    .annotation-discussion[b-kee03tzwvg] { width: 100%; }
}
.annotation-ai-selection-context[b-kee03tzwvg] {
    display: inline-flex;
    margin-top: .25rem;
    padding: .15rem .5rem;
    border-radius: 999px;
    background: #ede9fe;
    color: #6d28d9;
    font-size: .75rem;
    font-weight: 600;
}

/* Document Annotation semantic surfaces need explicit dark variants because the
   light palette is intentionally preserved for the default theme. */
html[data-theme="dark"] .annotation-shape-count.has-shapes[b-kee03tzwvg],
html[data-theme="dark"] .annotation-tag-match.matched[b-kee03tzwvg] {
    color: var(--kendo-color-success-on-subtle, #b9efd4);
    background: var(--kendo-color-success-subtle, #153a2b);
}

html[data-theme="dark"] .annotation-tag-locate-status[b-kee03tzwvg],
html[data-theme="dark"] .annotation-page-message[b-kee03tzwvg] {
    color: var(--kendo-color-info-on-subtle, #c8e9ff);
    background: var(--kendo-color-info-subtle, #17364d);
    border-color: var(--kendo-color-info-emphasis, #4d89b2);
}

html[data-theme="dark"] .annotation-warning[b-kee03tzwvg],
html[data-theme="dark"] .annotation-rollover[b-kee03tzwvg],
html[data-theme="dark"] .annotation-tag-match.unmatched[b-kee03tzwvg] {
    color: var(--kendo-color-warning-on-subtle, #ffe6b7);
    background: var(--kendo-color-warning-subtle, #493414);
    border-color: var(--kendo-color-warning-emphasis, #b68a44);
}

html[data-theme="dark"] .annotation-page-message-error[b-kee03tzwvg] {
    color: var(--kendo-color-error-on-subtle, #ffd5d8);
    background: var(--kendo-color-error-subtle, #4a2227);
    border-color: var(--kendo-color-error-emphasis, #bf6168);
}

/* TelerikBadge renders its root inside a child component, so cross the CSS
   isolation boundary from the page shell before targeting the sync state. */
html[data-theme="dark"] .annotation-shell[b-kee03tzwvg]  .annotation-sync.saved {
    color: var(--kendo-color-success-on-subtle, #b9efd4);
    background: var(--kendo-color-success-subtle, #153a2b);
}

html[data-theme="dark"] .annotation-shell[b-kee03tzwvg]  .annotation-sync.saving {
    color: var(--kendo-color-info-on-subtle, #c8e9ff);
    background: var(--kendo-color-info-subtle, #17364d);
    border-color: var(--kendo-color-info-emphasis, #4d89b2);
}

html[data-theme="dark"] .annotation-shell[b-kee03tzwvg]  .annotation-sync.reconnecting {
    color: var(--kendo-color-warning-on-subtle, #ffe6b7);
    background: var(--kendo-color-warning-subtle, #493414);
    border-color: var(--kendo-color-warning-emphasis, #b68a44);
}

html[data-theme="dark"] .annotation-shell[b-kee03tzwvg]  .annotation-sync.conflict,
html[data-theme="dark"] .annotation-shell[b-kee03tzwvg]  .annotation-sync.error {
    color: var(--kendo-color-error-on-subtle, #ffd5d8);
    background: var(--kendo-color-error-subtle, #4a2227);
    border-color: var(--kendo-color-error-emphasis, #bf6168);
}

html[data-theme="dark"] .annotation-ai-draft-banner[b-kee03tzwvg],
html[data-theme="dark"] .annotation-mapped-card.pending[b-kee03tzwvg],
html[data-theme="dark"] .annotation-ai-selection-context[b-kee03tzwvg] {
    color: var(--kendo-color-tertiary-on-subtle, #c9e0f5);
    background: var(--kendo-color-tertiary-subtle, #243244);
    border-color: var(--kendo-color-tertiary-emphasis, var(--kendo-color-border-alt, rgba(237, 240, 243, .25)));
}

html[data-theme="dark"] .annotation-mapped-card.pending:hover[b-kee03tzwvg] {
    border-color: var(--kendo-color-tertiary-emphasis, var(--kendo-color-border-alt, rgba(237, 240, 243, .25)));
}

html[data-theme="dark"] .annotation-draft-subsystems[b-kee03tzwvg] {
    border-top-color: var(--kendo-color-tertiary-emphasis, var(--kendo-color-border-alt, rgba(237, 240, 243, .25)));
}

html[data-theme="dark"] .annotation-draft-subsystems-heading strong[b-kee03tzwvg],
html[data-theme="dark"] .annotation-pending-subsystem-state > small[b-kee03tzwvg] {
    color: var(--kendo-color-tertiary-on-surface, #a4c8ed);
}

html[data-theme="dark"] .annotation-draft-subsystems-heading small[b-kee03tzwvg],
html[data-theme="dark"] .annotation-tag-extraction-status small[b-kee03tzwvg],
html[data-theme="dark"] .annotation-tag-quality-heading small[b-kee03tzwvg],
html[data-theme="dark"] .annotation-tag-filter-copy small[b-kee03tzwvg],
html[data-theme="dark"] .annotation-tag-filter-row label[b-kee03tzwvg],
html[data-theme="dark"] .annotation-tag-occurrences[b-kee03tzwvg],
html[data-theme="dark"] .annotation-tag-screen-only[b-kee03tzwvg] {
    color: var(--kendo-color-subtle, #aab1ba);
}

html[data-theme="dark"] .annotation-mapped-icon[b-kee03tzwvg],
html[data-theme="dark"] .annotation-mapped-count[b-kee03tzwvg],
html[data-theme="dark"] .annotation-shape-count[b-kee03tzwvg] {
    background: var(--kendo-color-surface-alt, #202328);
    border-color: color-mix(in srgb, var(--kendo-color-primary, #f5800a) 28%, var(--kendo-color-border, rgba(237, 240, 243, .14)));
}

html[data-theme="dark"] .annotation-layer-swatch[b-kee03tzwvg] {
    border-color: var(--kendo-color-border-alt, rgba(237, 240, 243, .25));
}

html[data-theme="dark"] .annotation-tag-extraction-status[b-kee03tzwvg] {
    color: var(--kendo-color-on-app-surface, #edf0f3);
    background: var(--kendo-color-base-subtle, #272b31);
    border-color: var(--kendo-color-border-alt, rgba(237, 240, 243, .25));
}

html[data-theme="dark"] .annotation-tag-extraction-status[data-status="Queued"][b-kee03tzwvg],
html[data-theme="dark"] .annotation-tag-extraction-status[data-status="Running"][b-kee03tzwvg] {
    color: var(--kendo-color-info-on-subtle, #c8e9ff);
    background: var(--kendo-color-info-subtle, #17364d);
    border-color: var(--kendo-color-info-emphasis, #4d89b2);
}

html[data-theme="dark"] .annotation-tag-warning[b-kee03tzwvg] {
    color: var(--kendo-color-warning-on-surface, #f5c775) !important;
}

html[data-theme="dark"] .annotation-option-lock[b-kee03tzwvg],
html[data-theme="dark"] .annotation-tag-error[b-kee03tzwvg] {
    color: var(--kendo-color-error-on-surface, #ff99a1) !important;
}

html[data-theme="dark"] .annotation-tag-quality-heading strong[b-kee03tzwvg],
html[data-theme="dark"] .annotation-tag-filter-copy strong[b-kee03tzwvg] {
    color: var(--kendo-color-on-app-surface, #edf0f3);
}

html[data-theme="dark"] .annotation-tag-quality-heading em[b-kee03tzwvg] {
    color: var(--kendo-color-info-on-subtle, #c8e9ff);
    background: var(--kendo-color-info-subtle, #17364d);
}

html[data-theme="dark"] .annotation-tag-filter[b-kee03tzwvg] {
    color: var(--kendo-color-subtle, #aab1ba);
    background: var(--kendo-color-surface-alt, #202328);
    border-color: var(--kendo-color-border-alt, rgba(237, 240, 243, .25));
}

html[data-theme="dark"] .annotation-tag-filter:hover[b-kee03tzwvg] {
    background: var(--kendo-color-base-subtle-hover, #31363d);
}

html[data-theme="dark"] .annotation-tag-filter.active[b-kee03tzwvg] {
    color: var(--kendo-color-success-on-subtle, #b9efd4);
    background: var(--kendo-color-success-subtle, #153a2b);
    border-color: var(--kendo-color-success-emphasis, #41966f);
}

html[data-theme="dark"] .annotation-tag-filter.approximate.active[b-kee03tzwvg] {
    color: var(--kendo-color-warning-on-subtle, #ffe6b7);
    background: var(--kendo-color-warning-subtle, #493414);
    border-color: var(--kendo-color-warning-emphasis, #b68a44);
}

html[data-theme="dark"] .annotation-tag-filter-check[b-kee03tzwvg] {
    color: var(--kendo-color-on-success, #082519);
    background: var(--kendo-color-surface, #111315);
    border-color: var(--kendo-color-border-alt, rgba(237, 240, 243, .25));
}

html[data-theme="dark"] .annotation-tag-filter.active .annotation-tag-filter-check[b-kee03tzwvg] {
    background: var(--kendo-color-success, #55c993);
    border-color: var(--kendo-color-success-emphasis, #41966f);
}

html[data-theme="dark"] .annotation-tag-filter.approximate.active .annotation-tag-filter-check[b-kee03tzwvg] {
    color: var(--kendo-color-on-warning, #2b1b04);
    background: var(--kendo-color-warning, #f2b85b);
    border-color: var(--kendo-color-warning-emphasis, #b68a44);
}

html[data-theme="dark"] .annotation-tag-unlocated[b-kee03tzwvg] {
    color: var(--kendo-color-subtle, #aab1ba);
    background: var(--kendo-color-base-subtle, #272b31);
}

html[data-theme="dark"] .annotation-tag-status-loading[b-kee03tzwvg] {
    border-color: var(--kendo-color-info-emphasis, #4d89b2);
    border-top-color: var(--kendo-color-info, #67b7ef);
}

html[data-theme="dark"] .annotation-viewer-root[b-kee03tzwvg] {
    background: var(--aquip-surface-sunken, var(--kendo-color-app-surface, #17191c));
}

html[data-theme="dark"] .annotation-viewer-root[b-kee03tzwvg]  .k-pdf-viewer {
    background-color: var(--kendo-color-surface-alt, #202328) !important;
    border-color: var(--kendo-color-border, rgba(237, 240, 243, .14)) !important;
}

html[data-theme="dark"] .annotation-viewer-root[b-kee03tzwvg]  .k-pdf-viewer > .k-toolbar,
html[data-theme="dark"] .annotation-viewer-root[b-kee03tzwvg]  .k-pdf-viewer .k-toolbar,
html[data-theme="dark"] .annotation-viewer-root[b-kee03tzwvg]  .k-pdf-viewer-toolbar {
    color: var(--kendo-color-on-app-surface, #edf0f3);
    background-color: var(--kendo-color-surface-alt, #202328) !important;
    border-color: var(--kendo-color-border, rgba(237, 240, 243, .14));
}

html[data-theme="dark"] .annotation-viewer-root[b-kee03tzwvg]  .k-pdf-viewer .k-toolbar .k-input,
html[data-theme="dark"] .annotation-viewer-root[b-kee03tzwvg]  .k-pdf-viewer .k-toolbar .k-picker,
html[data-theme="dark"] .annotation-viewer-root[b-kee03tzwvg]  .k-pdf-viewer .k-toolbar .k-dropdownlist {
    color: var(--kendo-color-on-app-surface, #edf0f3);
    background: var(--kendo-color-surface, #111315);
    border-color: var(--kendo-color-border-alt, rgba(237, 240, 243, .25));
}

html[data-theme="dark"] .annotation-viewer-root[b-kee03tzwvg]  .k-pdf-viewer .k-toolbar .k-button:not(.k-selected):not(.k-active) {
    color: var(--kendo-color-on-app-surface, #edf0f3);
    background: transparent;
}

html[data-theme="dark"] .annotation-viewer-root[b-kee03tzwvg]  .k-pdf-viewer .k-toolbar .k-button:not(.k-selected):not(.k-active):hover {
    background: var(--kendo-color-base-subtle-hover, #31363d);
}

html[data-theme="dark"] .annotation-bootstrap-loading[b-kee03tzwvg] {
    background: linear-gradient(145deg, var(--kendo-color-app-surface, #17191c), var(--kendo-color-surface, #111315));
}

html[data-theme="dark"] .annotation-loading-card[b-kee03tzwvg] {
    background: color-mix(in srgb, var(--kendo-color-surface-alt, #202328) 94%, transparent);
    border-color: var(--kendo-color-border-alt, rgba(237, 240, 243, .25));
    box-shadow: 0 18px 45px rgb(0 0 0 / 36%);
}

html[data-theme="dark"] .annotation-loading-document[b-kee03tzwvg] {
    background: linear-gradient(145deg, var(--kendo-color-base-subtle, #272b31), var(--kendo-color-surface-alt, #202328));
    border-color: var(--kendo-color-border-alt, rgba(237, 240, 243, .25));
    box-shadow: 0 9px 22px rgb(0 0 0 / 34%);
}

html[data-theme="dark"] .annotation-loading-document[b-kee03tzwvg]::before {
    border-color: transparent var(--kendo-color-border-alt, rgba(237, 240, 243, .25)) transparent transparent;
}

html[data-theme="dark"] .annotation-loading-document span[b-kee03tzwvg],
html[data-theme="dark"] .annotation-loading-track[b-kee03tzwvg] {
    background: var(--kendo-color-base-subtle-active, #3b4149);
}

html[data-theme="dark"] .annotation-loading-copy strong[b-kee03tzwvg] {
    color: var(--kendo-color-on-app-surface, #edf0f3);
}

html[data-theme="dark"] .annotation-loading-copy > span[b-kee03tzwvg] {
    color: var(--kendo-color-subtle, #aab1ba);
}
/* /Pages/DocumentManagementWorkspacePage.razor.rz.scp.css */
.dmw-page-layout[b-8h3spx9eu1] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    min-height: 0;
    width: 100%;
    overflow: hidden;
    container-type: inline-size;
}

.dmw-support-layout[b-8h3spx9eu1] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    min-height: 0;
    width: 100%;
}

.dmw-support-preview[b-8h3spx9eu1] {
    flex: 1 1 auto;
    min-height: 360px;
    overflow: hidden;
    border: 1px solid var(--kendo-color-border, #dfe4ea);
    border-radius: 6px;
    background: var(--kendo-color-app-surface, #f3f5f8);
}

.dmw-child-layout[b-8h3spx9eu1] {
    padding-left: 12px;
}

.dmw-header-shell[b-8h3spx9eu1] {
    display: flex;
    width: 100%;
    flex: 0 0 auto;
}

.dmw-header[b-8h3spx9eu1] {
    display: flex;
    align-items: start;
    gap: 12px;
}

.dmw-header-copy[b-8h3spx9eu1] {
    flex: 1 1 320px;
    min-width: 0;
}

.dmw-title-row[b-8h3spx9eu1],
.dmw-header-actions[b-8h3spx9eu1],
.dmw-document-meta[b-8h3spx9eu1],
.dmw-row-actions[b-8h3spx9eu1] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.dmw-document-number[b-8h3spx9eu1] {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dmw-document-title[b-8h3spx9eu1] {
    margin-top: 8px;
    color: var(--bs-secondary-color, #6c757d);
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dmw-document-meta[b-8h3spx9eu1] {
    margin-top: 8px;
    color: var(--bs-secondary-color, #6c757d);
    font-size: .8125rem;
}

.dmw-document-meta span:not(:last-child)[b-8h3spx9eu1]::after {
    content: "·";
    margin-left: 8px;
}

.dmw-header-actions[b-8h3spx9eu1] {
    justify-content: flex-end;
}

.dmw-summary-grid[b-8h3spx9eu1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
    gap: 12px;
    width: 100%;
    flex: 0 0 auto;
}

.dmw-summary-card[b-8h3spx9eu1] {
    min-width: 0;
    height: 100%;
}

.dmw-summary-card .card-body[b-8h3spx9eu1] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.dmw-summary-label[b-8h3spx9eu1] {
    color: var(--bs-secondary-color, #6c757d);
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.dmw-summary-value[b-8h3spx9eu1] {
    font-size: 1.6rem;
    font-weight: 650;
    line-height: 1.2;
}

.dmw-status-strip[b-8h3spx9eu1] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    width: 100%;
}

.dmw-status-strip > span[b-8h3spx9eu1] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 4px 10px;
    border: 1px solid var(--kendo-color-border, #dfe4ea);
    border-radius: 999px;
    color: var(--kendo-color-on-base-subtle, #64748b);
    background: var(--kendo-color-base-subtle, #f8fafc);
    font-size: .75rem;
    white-space: nowrap;
}

.dmw-status-strip > span:first-child[b-8h3spx9eu1] {
    color: var(--kendo-color-primary, #2463eb);
    border-color: color-mix(in srgb, var(--kendo-color-primary, #2463eb) 24%, transparent);
    background: var(--kendo-color-primary-subtle, #e8efff);
}

.dmw-status-strip > span:not(:first-child) > strong[b-8h3spx9eu1] {
    margin-right: 4px;
}

.dmw-detail-grid[b-8h3spx9eu1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 14px;
}

.dmw-overview-grid[b-8h3spx9eu1] {
    margin-inline: 0;
}

.dmw-detail-item[b-8h3spx9eu1],
.dmw-cell-stack[b-8h3spx9eu1],
.dmw-related-counts[b-8h3spx9eu1] {
    min-width: 0;
}

.dmw-cell-stack[b-8h3spx9eu1],
.dmw-related-counts[b-8h3spx9eu1] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
}

.dmw-cell-primary[b-8h3spx9eu1] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    font-weight: 600;
}

.dmw-cell-secondary[b-8h3spx9eu1],
.dmw-related-counts[b-8h3spx9eu1] {
    color: var(--bs-secondary-color, #6c757d);
    font-size: .75rem;
    line-height: 1.35;
}

.dmw-file-name[b-8h3spx9eu1],
.dmw-activity-detail[b-8h3spx9eu1] {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dmw-file-name[b-8h3spx9eu1] {
    font-weight: 600;
}

.dmw-file-state[b-8h3spx9eu1] {
    border-radius: 999px;
    padding: 1px 7px;
    font-size: .7rem;
    font-weight: 600;
}

.dmw-file-state.is-available[b-8h3spx9eu1] {
    color: #146c43;
    background: #d1e7dd;
}

.dmw-file-state.is-unavailable[b-8h3spx9eu1] {
    color: #6c757d;
    background: #e9ecef;
}

.dmw-row-actions[b-8h3spx9eu1] {
    flex-wrap: nowrap;
}

.dmw-tabstrip-host[b-8h3spx9eu1] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.dmw-cockpit-host[b-8h3spx9eu1] {
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    overflow: hidden;
}

.dmw-preview-pane[b-8h3spx9eu1],
.dmw-inspector-pane[b-8h3spx9eu1] {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.dmw-preview-pane[b-8h3spx9eu1] {
    padding: 8px 10px 8px 8px;
    background: var(--kendo-color-app-surface, #f3f5f8);
}

.dmw-inspector-pane[b-8h3spx9eu1] {
    padding: 8px 8px 8px 10px;
    background: var(--kendo-color-app-surface, #f3f5f8);
}

[b-8h3spx9eu1] .dmw-cockpit-splitter,
[b-8h3spx9eu1] .dmw-cockpit-splitter .k-pane {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

[b-8h3spx9eu1] .dmw-cockpit-splitter .k-splitbar {
    background-color: #e4e4e4;
    border: none;
}

[b-8h3spx9eu1] .dmw-cockpit-splitter .k-splitbar:hover {
    background-color: #d4d4d4;
}

[b-8h3spx9eu1] .dmw-workflow-tabs {
    height: 100%;
    min-height: 0;
}

[b-8h3spx9eu1] .dmw-workflow-tabs .k-tabstrip-content.k-active,
[b-8h3spx9eu1] .dmw-workflow-tabs > .k-content.k-active {
    overflow: auto;
}

.dmw-mobile-view-switch[b-8h3spx9eu1] {
    display: flex;
    flex: 0 0 auto;
    gap: 6px;
}

[b-8h3spx9eu1] .dmw-tabstrip {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

[b-8h3spx9eu1] .dmw-tabstrip .k-tabstrip-content.k-active,
[b-8h3spx9eu1] .dmw-tabstrip > .k-content.k-active {
    display: block;
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    scrollbar-width: thin;
}

.card-body-grid[b-8h3spx9eu1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 12px;
    align-items: end;
}

.card-body-grid-field[b-8h3spx9eu1] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.dmw-boundary-pdf-option[b-8h3spx9eu1] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--kendo-color-primary, #2463eb) 24%, transparent);
    border-radius: 6px;
    background: var(--kendo-color-primary-subtle, #eef4ff);
}

.dmw-boundary-pdf-option label[b-8h3spx9eu1] {
    display: block;
    margin-bottom: 2px;
    font-weight: 600;
    cursor: pointer;
}

.dmw-boundary-pdf-option small[b-8h3spx9eu1] {
    display: block;
    color: var(--bs-secondary-color, #6c757d);
    line-height: 1.35;
}

p[b-8h3spx9eu1] {
    margin-bottom: 0 !important;
}

[b-8h3spx9eu1] .dmw-icon-button {
    width: 32px;
    min-width: 32px;
    height: 32px;
    padding: 0;
}

[b-8h3spx9eu1] .dmw-data-grid .k-grid-content,
[b-8h3spx9eu1] .dmw-data-grid .k-grid-header-wrap {
    scrollbar-width: thin;
}

[b-8h3spx9eu1] .dmw-data-grid td {
    vertical-align: middle;
}

[b-8h3spx9eu1] .dmw-page-layout .card-header,
[b-8h3spx9eu1] .dmw-page-layout .card-footer {
    gap: 8px;
    flex-wrap: wrap;
}

[b-8h3spx9eu1] .dmw-page-layout .k-upload {
    max-width: 100%;
}

@container (max-width: 780px) {
    .dmw-header[b-8h3spx9eu1] {
        flex-wrap: wrap;
    }

    .dmw-header-actions[b-8h3spx9eu1] {
        flex-basis: 100%;
        justify-content: flex-start;
    }

    .dmw-overview-grid > [class*="col-"][b-8h3spx9eu1] {
        width: 100%;
    }

    .dmw-preview-pane[b-8h3spx9eu1],
    .dmw-inspector-pane[b-8h3spx9eu1] {
        padding: 6px 0 0;
    }
}

@container (max-width: 520px) {
    .dmw-child-layout[b-8h3spx9eu1] {
        padding-left: 6px;
    }

    .dmw-header-actions > :not(.dmw-icon-button)[b-8h3spx9eu1] {
        flex: 1 1 auto;
    }

    .dmw-summary-grid[b-8h3spx9eu1],
    .card-body-grid[b-8h3spx9eu1],
    .dmw-detail-grid[b-8h3spx9eu1] {
        grid-template-columns: minmax(0, 1fr);
    }

    .dmw-document-meta span[b-8h3spx9eu1] {
        flex-basis: 100%;
    }

    .dmw-document-meta span[b-8h3spx9eu1]::after {
        display: none;
    }
}
/* /Pages/DocumentPage.razor.rz.scp.css */
.document-workspace-section[b-tljrboiz9w] {
    height: 100%;
    min-height: 0;
    padding: 8px 8px 8px 12px;
    background: var(--kendo-color-app-surface, #f5f7fa);
}

[b-tljrboiz9w] tr.document-preview-row {
    cursor: pointer;
}

[b-tljrboiz9w] tr.document-preview-row:hover > td {
    background-color: var(--kendo-color-primary-subtle, #eef4ff);
}

[b-tljrboiz9w] tr.document-preview-row-active > td {
    background-color: var(--kendo-color-primary-subtle, #e7efff);
}

[b-tljrboiz9w] tr.document-preview-row-active > td:first-child {
    box-shadow: inset 3px 0 0 var(--kendo-color-primary, #2463eb);
}

@media (max-width: 767px) {
    .document-workspace-section[b-tljrboiz9w] {
        padding: 0;
    }
}
/* /Pages/DocumentProgressNavigator.razor.rz.scp.css */
.navigator-left-panel[b-cumea88akn] {
    padding: 15px;
    height: 100%;
    overflow-y: auto;
    background-color: #f8f9fa;
    border-right: 1px solid #dee2e6;
}

.navigator-right-panel[b-cumea88akn] {
    height: 100%;
    overflow: hidden;
}

[b-cumea88akn] h6 {
    color: #495057;
}

.category-header-row[b-cumea88akn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

    .category-header-row h5[b-cumea88akn] {
        margin-bottom: 0;
        color: #495057;
    }

.document-list h5[b-cumea88akn] {
    margin-bottom: 15px;
    color: #495057;
}

.document-list-header[b-cumea88akn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    width: 100%;
}

    .document-list-header h6[b-cumea88akn] {
        margin-bottom: 0;
        color: #495057;
        flex-grow: 1;
    }

    .document-list-header .k-button[b-cumea88akn] {
        flex-shrink: 0;
        margin-left: 10px;
        white-space: nowrap;
        min-width: 80px;
    }

.admin-controls .k-button[b-cumea88akn] {
    min-width: 80px;
}

.loading-documents[b-cumea88akn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    color: #6c757d;
}

.document-item[b-cumea88akn] {
    padding: 12px;
    background-color: white;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .document-item:hover[b-cumea88akn] {
        background-color: #e9ecef;
        border-color: #007bff;
    }

    .document-item.selected[b-cumea88akn] {
        background-color: #007bff;
        border-color: #007bff;
        color: white;
    }

        .document-item.selected .progress-count[b-cumea88akn] {
            color: #e9ecef;
        }

.document-number[b-cumea88akn] {
    line-height: 1.3;
    display: flex;
    align-items: center;
    gap: 6px;
}

.doc-no-primary[b-cumea88akn] {
    color: var(--kendo-color-primary, #007bff);
    font-weight: 600;
}

.doc-revision[b-cumea88akn] {
    color: #6c757d;
    font-size: 12px;
}

.document-item.selected .doc-no-primary[b-cumea88akn] {
    color: white;
}

.document-item.selected .doc-revision[b-cumea88akn] {
    color: #e9ecef;
}

.document-title[b-cumea88akn] {
    font-weight: 600;
    font-size: 13px;
}

.progress-count[b-cumea88akn] {
    font-size: 11px;
    color: #6c757d;
    font-style: italic;
}

.no-documents[b-cumea88akn], .no-category-selected[b-cumea88akn], [b-cumea88akn] .drawing-status {
    color: #6c757d;
    font-style: italic;
}

.no-selection[b-cumea88akn] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: #f8f9fa;
}

.no-selection-content[b-cumea88akn] {
    text-align: center;
    max-width: 400px;
    padding: 40px;
}

    .no-selection-content h4[b-cumea88akn] {
        color: #495057;
        margin-bottom: 20px;
    }

    .no-selection-content p[b-cumea88akn] {
        color: #6c757d;
        margin-bottom: 20px;
    }

    .no-selection-content ul[b-cumea88akn] {
        text-align: left;
        color: #6c757d;
    }

    .no-selection-content li[b-cumea88akn] {
        margin-bottom: 8px;
    }

.progress-summary[b-cumea88akn] {
    margin-top: 6px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.progress-type-group[b-cumea88akn] {
    border-left: 2px solid #dee2e6;
    padding-left: 6px;
}

.progress-type-header[b-cumea88akn] {
    font-size: 11px;
    font-weight: 600;
    color: #495057;
    margin-bottom: 2px;
}

.progress-status-list[b-cumea88akn] {
    margin-left: 8px;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.progress-status-row[b-cumea88akn] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.progress-status-indicator[b-cumea88akn] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.progress-status-label[b-cumea88akn] {
    font-size: 9px;
    font-weight: 400;
    color: #6c757d;
}

.document-item.selected .progress-type-header[b-cumea88akn] {
    color: #f8f9fa;
}

.document-item.selected .progress-status-label[b-cumea88akn] {
    color: #dee2e6;
}

.document-selection-grid[b-cumea88akn] {
    padding: 20px;
}

    .document-selection-grid p[b-cumea88akn] {
        color: #495057;
        font-size: 14px;
    }
/* /Pages/DocumentProgressPointPage.razor.rz.scp.css */
.pdf-container[b-g3ghkuiva2] {
    position: relative;
    height: 100%;
}

.right-panel[b-g3ghkuiva2] {
    padding: 10px;
    height: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.control-section[b-g3ghkuiva2] {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #dee2e6;
}

.drawing-controls[b-g3ghkuiva2] {
    margin-bottom: 5px;
}

.status-info[b-g3ghkuiva2] {
    margin-bottom: 15px;
}
.filter-label[b-g3ghkuiva2] {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    color: #495057;
}

.progress-point-list[b-g3ghkuiva2] {
    margin-bottom: 15px;
}

    .progress-point-list h5[b-g3ghkuiva2] {
        margin-bottom: 10px;
    }

.progress-point-details[b-g3ghkuiva2] {
    padding: 15px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    margin-top: 15px;
}

    .progress-point-details h6[b-g3ghkuiva2] {
        margin-bottom: 15px;
        color: #495057;
    }

.details-form label[b-g3ghkuiva2] {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    color: #495057;
}

.category-status-management[b-g3ghkuiva2] {
    padding: 10px;
    height: 100%;
}

    .category-status-management h5[b-g3ghkuiva2] {
        margin-bottom: 15px;
    }

.button-group[b-g3ghkuiva2] {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

/* Add visual feedback for point marking mode */
.point-marking-mode-active .k-pdf-viewer[b-g3ghkuiva2] {
    cursor: crosshair;
}

.unsaved-changes-indicator[b-g3ghkuiva2] {
    font-weight: bold;
    color: #ff6b35;
    display: block;
    margin-top: 5px;
}

.pdf-loading-container[b-g3ghkuiva2] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}

.loading-content[b-g3ghkuiva2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.loading-text[b-g3ghkuiva2] {
    margin: 0;
    color: #6c757d;
    font-size: 16px;
    font-weight: 500;
}

.category-selection-section[b-g3ghkuiva2] {
    margin-bottom: 15px;
    padding: 15px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}

.category-selector-header h6[b-g3ghkuiva2] {
    color: #495057;
    font-weight: 600;
}

.no-category-message[b-g3ghkuiva2] {
    text-align: center;
    padding: 20px;
}

    .no-category-message p[b-g3ghkuiva2] {
        margin: 0;
        font-size: 14px;
    }
/* /Pages/DocumentTagExtractionNavigator.razor.rz.scp.css */
.navigator-left-panel[b-r1rf0yy2nx] {
    padding: 15px;
    height: 100%;
    overflow-y: auto;
    background-color: #f8f9fa;
    border-right: 1px solid #dee2e6;
}

.navigator-right-panel[b-r1rf0yy2nx] {
    height: 100%;
    overflow: hidden;
}

.document-list-header[b-r1rf0yy2nx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.document-list-header h6[b-r1rf0yy2nx] {
    margin-bottom: 0;
    color: #495057;
}

.loading-documents[b-r1rf0yy2nx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    color: #6c757d;
}

.document-item[b-r1rf0yy2nx] {
    padding: 15px;
    background-color: white;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-bottom: 10px;
}

.document-item:hover[b-r1rf0yy2nx] {
    background-color: #e9ecef;
    border-color: #007bff;
    box-shadow: 0 2px 4px rgba(0, 123, 255, 0.1);
}

.document-item.selected[b-r1rf0yy2nx] {
    background-color: #007bff;
    border-color: #007bff;
    color: white;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.2);
}

.document-info[b-r1rf0yy2nx] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.document-number[b-r1rf0yy2nx] {
    font-weight: 700;
    font-size: 14px;
    color: #495057;
}

.document-item.selected .document-number[b-r1rf0yy2nx] {
    color: white;
}

.document-title[b-r1rf0yy2nx] {
    font-size: 13px;
    line-height: 1.3;
    color: #6c757d;
}

.document-item.selected .document-title[b-r1rf0yy2nx] {
    color: #e9ecef;
}

.tag-summary[b-r1rf0yy2nx] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 8px;
    padding: 8px;
    background-color: #f8f9fa;
    border-radius: 4px;
    border: 1px solid #e9ecef;
}

.document-item.selected .tag-summary[b-r1rf0yy2nx] {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
}

.summary-row[b-r1rf0yy2nx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.summary-label[b-r1rf0yy2nx] {
    font-size: 11px;
    font-weight: 500;
    color: #6c757d;
}

.document-item.selected .summary-label[b-r1rf0yy2nx] {
    color: #dee2e6;
}

.summary-value[b-r1rf0yy2nx] {
    font-size: 11px;
    font-weight: 600;
    color: #495057;
}

.document-item.selected .summary-value[b-r1rf0yy2nx] {
    color: white;
}

.document-actions[b-r1rf0yy2nx] {
    margin-top: 8px;
    display: flex;
    justify-content: flex-end;
}

.document-actions .k-button[b-r1rf0yy2nx] {
    font-size: 11px;
    padding: 4px 8px;
}

.no-documents[b-r1rf0yy2nx] {
    color: #6c757d;
    font-style: italic;
    text-align: center;
    padding: 40px 20px;
}

.no-selection[b-r1rf0yy2nx] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: #f8f9fa;
}

.no-selection-content[b-r1rf0yy2nx] {
    text-align: center;
    max-width: 500px;
    padding: 40px;
}

.no-selection-content h4[b-r1rf0yy2nx] {
    color: #495057;
    margin-bottom: 20px;
}

.no-selection-content p[b-r1rf0yy2nx] {
    color: #6c757d;
    margin-bottom: 20px;
}

.no-selection-content ul[b-r1rf0yy2nx] {
    text-align: left;
    color: #6c757d;
    margin: 0 auto;
    display: inline-block;
}

.no-selection-content li[b-r1rf0yy2nx] {
    margin-bottom: 8px;
}

.document-listview[b-r1rf0yy2nx] {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .navigator-left-panel[b-r1rf0yy2nx] {
        padding: 10px;
    }
    
    .document-item[b-r1rf0yy2nx] {
        padding: 12px;
    }
    
    .document-list-header[b-r1rf0yy2nx] {
        flex-direction: column;
        gap: 10px;
        align-items: stretch;
    }
    
    .summary-row[b-r1rf0yy2nx] {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }
}

/* Animation for loading states */
@keyframes pulse-b-r1rf0yy2nx {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

.loading-documents[b-r1rf0yy2nx] {
    animation: pulse-b-r1rf0yy2nx 2s infinite;
}

/* Scrollbar styling for left panel */
.navigator-left-panel[b-r1rf0yy2nx]::-webkit-scrollbar {
    width: 6px;
}

.navigator-left-panel[b-r1rf0yy2nx]::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.navigator-left-panel[b-r1rf0yy2nx]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.navigator-left-panel[b-r1rf0yy2nx]::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
} 
/* /Pages/DocumentTagExtractionPage.razor.rz.scp.css */
.tag-extraction-shell[b-u52wkv5edc] {
    --tag-border: var(--kendo-color-border, #d8dde3);
    --tag-border-alt: var(--kendo-color-border-alt, #e5e7eb);
    --tag-surface: var(--kendo-color-surface, #fff);
    --tag-subtle: var(--kendo-color-subtle, #64748b);
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    background: var(--kendo-color-app-surface, #f4f6f8);
    color: var(--kendo-color-on-app-surface, #172033);
}

.tag-extraction-header[b-u52wkv5edc] {
    z-index: 2;
    flex: 0 0 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 76px;
    padding: 10px 16px;
    background: var(--tag-surface);
    border-bottom: 1px solid var(--tag-border);
    box-shadow: 0 2px 8px rgba(15, 23, 42, .04);
}

.tag-document-mark[b-u52wkv5edc],
.tag-state-icon[b-u52wkv5edc] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 12px;
    color: var(--kendo-color-primary, #2563eb);
    background: var(--kendo-color-primary-subtle, #dbeafe);
}

.tag-document-mark[b-u52wkv5edc] { width: 44px; height: 44px; font-size: 22px; }
.tag-state-icon[b-u52wkv5edc] { width: 46px; height: 46px; font-size: 21px; }
.tag-state-icon.sparkle[b-u52wkv5edc] { color: #6d28d9; background: #ede9fe; }

.tag-document-heading[b-u52wkv5edc] { flex: 1 1 auto; min-width: 0; }
.tag-document-title-row[b-u52wkv5edc] { display: flex; align-items: center; gap: 8px; min-width: 0; }
.tag-document-title-row h2[b-u52wkv5edc] { margin: 0; overflow: hidden; color: #172033; font-size: 17px; font-weight: 720; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.tag-document-heading p[b-u52wkv5edc] { max-width: 760px; margin: 3px 0; overflow: hidden; color: #48566a; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.tag-revision-badge[b-u52wkv5edc],
.tag-status-pill[b-u52wkv5edc],
.tag-result-count[b-u52wkv5edc],
.tag-preview-ready[b-u52wkv5edc] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 650;
    line-height: 1;
    white-space: nowrap;
}

.tag-revision-badge[b-u52wkv5edc] { padding: 5px 8px; color: #475569; background: #eef2f7; }
.tag-document-meta[b-u52wkv5edc] { display: flex; flex-wrap: wrap; gap: 6px 13px; color: var(--tag-subtle); font-size: 10px; }
.tag-document-meta span + span[b-u52wkv5edc] { position: relative; }
.tag-document-meta span + span[b-u52wkv5edc]::before { position: absolute; left: -8px; content: "•"; color: #c0c8d3; }

.tag-header-actions[b-u52wkv5edc] { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.tag-status-pill[b-u52wkv5edc] { padding: 7px 10px; }
.tag-status-pill.status-ready[b-u52wkv5edc] { color: #475569; background: #eef2f7; }
.tag-status-pill.status-running[b-u52wkv5edc] { color: #1d4ed8; background: #dbeafe; }
.tag-status-pill.status-success[b-u52wkv5edc] { color: #166534; background: #dcfce7; }
.tag-status-pill.status-warning[b-u52wkv5edc] { color: #92400e; background: #fef3c7; }
.tag-status-pill.status-error[b-u52wkv5edc] { color: #991b1b; background: #fee2e2; }

.tag-running-banner[b-u52wkv5edc] {
    flex: 0 0 auto;
    padding: 7px 16px 0;
    color: #1e3a8a;
    background: #eff6ff;
    border-bottom: 1px solid #bfdbfe;
}

.tag-running-banner > div:first-child[b-u52wkv5edc] { display: flex; align-items: center; gap: 9px; min-height: 27px; font-size: 12px; }
.tag-running-track[b-u52wkv5edc],
.tag-loading-track[b-u52wkv5edc] { position: relative; height: 3px; overflow: hidden; border-radius: 999px; background: rgba(37, 99, 235, .14); }
.tag-running-track[b-u52wkv5edc] { margin-top: 5px; }
.tag-running-track span[b-u52wkv5edc],
.tag-loading-track span[b-u52wkv5edc] { position: absolute; inset: 0 auto 0 0; display: block; width: 38%; border-radius: inherit; background: var(--kendo-color-primary, #2563eb); animation: tag-progress-b-u52wkv5edc 1.45s ease-in-out infinite; }

.tag-extraction-workspace[b-u52wkv5edc] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(520px, 38vw);
    overflow: hidden;
}

.tag-preview-panel[b-u52wkv5edc],
.tag-results-panel[b-u52wkv5edc] { min-width: 0; min-height: 0; }
.tag-preview-panel[b-u52wkv5edc] { display: flex; flex-direction: column; padding: 12px; overflow: hidden; }
.tag-results-panel[b-u52wkv5edc] { display: flex; flex-direction: column; overflow: hidden; background: var(--tag-surface); border-left: 1px solid var(--tag-border); box-shadow: -5px 0 18px rgba(15, 23, 42, .05); }
.tag-panel-heading[b-u52wkv5edc],
.tag-results-heading[b-u52wkv5edc],
.tag-list-heading[b-u52wkv5edc] { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.tag-panel-heading[b-u52wkv5edc] { flex: 0 0 auto; min-height: 42px; padding: 0 3px 9px; }
.tag-panel-heading h3[b-u52wkv5edc],
.tag-results-heading h3[b-u52wkv5edc],
.tag-list-heading h3[b-u52wkv5edc] { margin: 1px 0 0; color: #172033; font-size: 14px; font-weight: 700; }
.tag-panel-eyebrow[b-u52wkv5edc],
.tag-loading-eyebrow[b-u52wkv5edc] { color: var(--kendo-color-primary, #2563eb); font-size: 9px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.tag-preview-ready[b-u52wkv5edc] { gap: 6px; padding: 5px 8px; color: #166534; background: #dcfce7; }
.tag-preview-ready i[b-u52wkv5edc] { width: 6px; height: 6px; border-radius: 50%; background: #22c55e; }
.tag-preview-controls[b-u52wkv5edc] { display: flex; align-items: center; gap: 6px; }
.tag-highlight-toggle[b-u52wkv5edc] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 7px;
    color: #64748b;
    background: #fff;
    border: 1px solid #dbe3ec;
    border-radius: 7px;
    cursor: pointer;
    font-size: 9px;
    transition: border-color 120ms ease, background-color 120ms ease, opacity 120ms ease;
}
.tag-highlight-toggle:hover[b-u52wkv5edc] { background: #f8fafc; }
.tag-highlight-toggle i[b-u52wkv5edc] { width: 13px; height: 8px; border: 2px solid #94a3b8; background: #f1f5f9; }
.tag-highlight-toggle strong[b-u52wkv5edc] { min-width: 17px; color: inherit; font-size: 9px; text-align: right; }
.tag-highlight-toggle.active.verified[b-u52wkv5edc] { color: #166534; background: #f0fdf4; border-color: #86efac; }
.tag-highlight-toggle.active.verified i[b-u52wkv5edc] { border-color: #15803d; background: rgb(34 197 94 / 20%); }
.tag-highlight-toggle.approximate i[b-u52wkv5edc] { border-style: dashed; }
.tag-highlight-toggle.active.approximate[b-u52wkv5edc] { color: #854d0e; background: #fefce8; border-color: #fde047; }
.tag-highlight-toggle.active.approximate i[b-u52wkv5edc] { border-color: #ca8a04; background: rgb(253 224 71 / 34%); }
.tag-highlight-toggle:not(.active)[b-u52wkv5edc] { opacity: .62; }
.tag-highlight-toggle:focus-visible[b-u52wkv5edc] { outline: 2px solid #2563eb; outline-offset: 2px; }

.tag-pdf-frame[b-u52wkv5edc] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border: 1px solid var(--tag-border);
    border-radius: 10px;
    background: #e9edf2;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .08);
}

.tag-pdf-frame[b-u52wkv5edc]  .k-pdf-viewer { border: 0; }

.tag-results-overview[b-u52wkv5edc] { flex: 0 0 auto; padding: 15px; border-bottom: 1px solid var(--tag-border-alt); }
.tag-result-count[b-u52wkv5edc] { padding: 6px 8px; color: #475569; background: #f1f5f9; }
.tag-metric-grid[b-u52wkv5edc] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin-top: 12px; }
.tag-metric-card[b-u52wkv5edc] { position: relative; min-width: 0; overflow: hidden; padding: 9px 10px; border: 1px solid var(--tag-border-alt); border-radius: 9px; background: #f8fafc; }
.tag-metric-card[b-u52wkv5edc]::before { position: absolute; inset: 0 auto 0 0; width: 3px; content: ""; background: #94a3b8; }
.tag-metric-card span[b-u52wkv5edc] { display: block; overflow: hidden; color: var(--tag-subtle); font-size: 9px; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.tag-metric-card strong[b-u52wkv5edc] { display: block; margin-top: 2px; color: #172033; font-size: 20px; line-height: 1; }
.tag-metric-card.primary[b-u52wkv5edc]::before { background: #2563eb; }
.tag-metric-card.linked[b-u52wkv5edc]::before { background: var(--kendo-color-primary, #2563eb); }
.tag-metric-card.missing[b-u52wkv5edc]::before { background: #f97316; }
.tag-metric-card.success[b-u52wkv5edc]::before { background: #22c55e; }
.tag-metric-card.warning[b-u52wkv5edc]::before { background: #f59e0b; }
.tag-metric-card.neutral[b-u52wkv5edc]::before { background: #64748b; }

.tag-metric-card.skeleton[b-u52wkv5edc]::before { display: none; }
.tag-metric-card.skeleton span[b-u52wkv5edc],
.tag-metric-card.skeleton strong[b-u52wkv5edc],
.tag-list-skeleton span[b-u52wkv5edc] { display: block; border-radius: 5px; background: linear-gradient(90deg, #eef1f5 25%, #f8fafc 50%, #eef1f5 75%); background-size: 200% 100%; animation: tag-skeleton-b-u52wkv5edc 1.5s infinite linear; }
.tag-metric-card.skeleton span[b-u52wkv5edc] { width: 70%; height: 8px; }
.tag-metric-card.skeleton strong[b-u52wkv5edc] { width: 42%; height: 19px; margin-top: 6px; }

.tag-run-detail[b-u52wkv5edc] { margin-top: 10px; padding: 9px 10px; border: 1px solid var(--tag-border-alt); border-left-width: 3px; border-radius: 7px; background: #f8fafc; }
.tag-run-detail > div[b-u52wkv5edc] { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.tag-run-detail strong[b-u52wkv5edc] { font-size: 11px; }
.tag-run-detail span[b-u52wkv5edc] { color: var(--tag-subtle); font-size: 10px; text-align: right; }
.tag-run-detail p[b-u52wkv5edc] { margin: 5px 0 0; color: #5b6678; font-size: 10px; line-height: 1.35; }
.tag-run-detail.status-running[b-u52wkv5edc] { border-left-color: #2563eb; }
.tag-run-detail.status-success[b-u52wkv5edc] { border-left-color: #22c55e; }
.tag-run-detail.status-warning[b-u52wkv5edc] { border-left-color: #f59e0b; }
.tag-run-detail.status-error[b-u52wkv5edc] { border-left-color: #ef4444; background: #fff7f7; }

.tag-list-section[b-u52wkv5edc] { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; padding: 13px 15px 15px; overflow: hidden; }
.tag-list-heading[b-u52wkv5edc] { flex: 0 0 auto; padding-bottom: 10px; }
.tag-list-heading span[b-u52wkv5edc] { color: var(--tag-subtle); font-size: 10px; }
.tag-result-filters[b-u52wkv5edc] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}
.tag-result-filters button[b-u52wkv5edc] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 7px;
    color: #64748b;
    background: transparent;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    font-size: 9px;
    font-weight: 650;
    white-space: nowrap;
}
.tag-result-filters button:hover[b-u52wkv5edc] { color: #334155; background: rgb(255 255 255 / 70%); }
.tag-result-filters button.active[b-u52wkv5edc] { color: #1d4ed8; background: #fff; box-shadow: 0 1px 3px rgb(15 23 42 / 12%); }
.tag-result-filters button.linked.active[b-u52wkv5edc] { color: #166534; }
.tag-result-filters button.missing.active[b-u52wkv5edc] { color: #c2410c; }
.tag-result-filters button:focus-visible[b-u52wkv5edc] { outline: 2px solid #2563eb; outline-offset: 1px; }
.tag-result-filters strong[b-u52wkv5edc] {
    min-width: 17px;
    padding: 1px 4px;
    color: inherit;
    background: #e2e8f0;
    border-radius: 999px;
    font-size: 8px;
    text-align: center;
}
.tag-result-filters button.active strong[b-u52wkv5edc] { background: #eff6ff; }
.tag-grid-host[b-u52wkv5edc] { flex: 1 1 auto; min-height: 220px; overflow: hidden; }
.tag-grid-host[b-u52wkv5edc]  .k-grid { height: 100%; }
.tag-grid-host[b-u52wkv5edc]  .k-grid tbody tr { transition: background-color 100ms ease, box-shadow 100ms ease; }
.tag-grid-host[b-u52wkv5edc]  .k-grid tbody tr:hover { background: #f8fafc; box-shadow: inset 3px 0 #93c5fd; }
.tag-grid-host[b-u52wkv5edc]  .k-grid tbody tr.k-selected { background: #eff6ff; box-shadow: inset 3px 0 #2563eb; }
.tag-identity-cell[b-u52wkv5edc],
.tag-register-cell[b-u52wkv5edc] { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
.tag-name[b-u52wkv5edc] { color: var(--kendo-color-primary, #2563eb); }
.tag-identity-cell small[b-u52wkv5edc] { overflow: hidden; color: var(--tag-subtle); text-overflow: ellipsis; white-space: nowrap; }
.tag-register-cell span[b-u52wkv5edc] { display: inline-flex; align-items: center; gap: 6px; color: var(--tag-subtle); font-weight: 600; }
.tag-register-cell i[b-u52wkv5edc] { width: 7px; height: 7px; border-radius: 50%; background: #94a3b8; }
.tag-register-cell.linked span[b-u52wkv5edc] { color: #166534; }
.tag-register-cell.linked i[b-u52wkv5edc] { background: #22c55e; }
.tag-register-cell small[b-u52wkv5edc] { color: var(--tag-subtle); }
.tag-table-count[b-u52wkv5edc] { display: inline-grid; place-items: center; min-width: 24px; height: 22px; padding: 0 6px; border-radius: 999px; color: #334155; background: #eef2f7; font-weight: 700; }
.tag-locator[b-u52wkv5edc] { display: block; overflow: hidden; color: #526071; text-overflow: ellipsis; white-space: nowrap; }
.tag-reference-summary[b-u52wkv5edc] { display: inline-flex; align-items: center; gap: 5px; color: #475569; white-space: nowrap; }
.tag-reference-summary strong[b-u52wkv5edc] { display: inline-grid; place-items: center; min-width: 22px; height: 21px; padding: 0 5px; color: #334155; background: #eef2f7; border-radius: 999px; font-size: 10px; }
.tag-reference-summary small[b-u52wkv5edc] { color: #64748b; font-size: 8px; }
.tag-linked-confirmation[b-u52wkv5edc] { display: inline-flex; align-items: center; gap: 4px; color: #166534; font-size: 10px; font-weight: 700; }
.tag-linked-confirmation[b-u52wkv5edc]  svg { width: 12px; height: 12px; }
.tag-permission-note[b-u52wkv5edc] { color: #94a3b8; font-size: 9px; }
.tag-dialog-loading[b-u52wkv5edc] { min-height: 500px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 7px; color: #64748b; text-align: center; }
.tag-dialog-loading strong[b-u52wkv5edc] { color: #334155; font-size: 13px; }
.tag-dialog-loading span[b-u52wkv5edc] { font-size: 10px; }

.tag-empty-state[b-u52wkv5edc],
.tag-inline-loading[b-u52wkv5edc],
.tag-page-state[b-u52wkv5edc] { display: flex; align-items: center; justify-content: center; }
.tag-empty-state[b-u52wkv5edc] { flex: 1 1 auto; min-height: 190px; flex-direction: column; gap: 7px; padding: 24px; color: var(--tag-subtle); text-align: center; border: 1px dashed #cbd5e1; border-radius: 9px; background: #fbfcfe; }
.tag-empty-state strong[b-u52wkv5edc] { color: #334155; font-size: 13px; }
.tag-empty-state span[b-u52wkv5edc] { max-width: 310px; font-size: 11px; line-height: 1.45; }
.tag-empty-state[b-u52wkv5edc]  .k-button { margin-top: 5px; }
.tag-preview-empty[b-u52wkv5edc] { width: 100%; height: 100%; border: 0; border-radius: 0; background: #f8fafc; }

.tag-inline-loading[b-u52wkv5edc] { width: 100%; height: 100%; flex-direction: column; gap: 7px; padding: 24px; color: var(--tag-subtle); text-align: center; }
.tag-inline-loading strong[b-u52wkv5edc] { color: #334155; font-size: 12px; }
.tag-inline-loading > span[b-u52wkv5edc] { font-size: 10px; }

.tag-list-skeleton[b-u52wkv5edc] { display: flex; flex-direction: column; gap: 1px; overflow: hidden; border: 1px solid var(--tag-border-alt); border-radius: 8px; }
.tag-list-skeleton > div[b-u52wkv5edc] { display: grid; grid-template-columns: 1fr 1.5fr .45fr; gap: 14px; padding: 13px; border-bottom: 1px solid #eef2f7; }
.tag-list-skeleton > div:last-child[b-u52wkv5edc] { border: 0; }
.tag-list-skeleton span[b-u52wkv5edc] { height: 10px; }

.tag-bootstrap-loading[b-u52wkv5edc],
.tag-page-state[b-u52wkv5edc] { width: 100%; height: 100%; min-height: 420px; padding: 30px; background: radial-gradient(circle at 50% 32%, #fff 0, #f7f9fc 46%, #eef2f7 100%); }
.tag-loading-card[b-u52wkv5edc] { display: grid; grid-template-columns: 112px minmax(0, 330px); align-items: center; gap: 28px; width: min(540px, 100%); padding: 28px 32px; border: 1px solid rgba(203, 213, 225, .8); border-radius: 18px; background: rgba(255, 255, 255, .92); box-shadow: 0 22px 60px rgba(15, 23, 42, .12); }
.tag-loading-copy[b-u52wkv5edc] { display: flex; flex-direction: column; gap: 7px; color: var(--tag-subtle); }
.tag-loading-copy strong[b-u52wkv5edc] { color: #172033; font-size: 17px; }
.tag-loading-copy > span:not(.tag-loading-eyebrow)[b-u52wkv5edc] { font-size: 11px; line-height: 1.45; }
.tag-loading-track[b-u52wkv5edc] { margin-top: 5px; height: 4px; }

.tag-loading-document[b-u52wkv5edc] { position: relative; display: flex; flex-direction: column; gap: 8px; width: 94px; height: 122px; padding: 31px 15px 15px; overflow: hidden; border: 1px solid #cbd5e1; border-radius: 8px 18px 8px 8px; background: #fff; box-shadow: 0 10px 25px rgba(15, 23, 42, .13); }
.tag-loading-document[b-u52wkv5edc]::before { position: absolute; inset: 0; content: ""; background: linear-gradient(110deg, transparent 25%, rgba(219, 234, 254, .8) 43%, transparent 62%); transform: translateX(-120%); animation: tag-shimmer-b-u52wkv5edc 1.7s infinite; }
.tag-loading-document[b-u52wkv5edc]::after { position: absolute; top: 0; right: 0; width: 25px; height: 25px; content: ""; border-bottom: 1px solid #cbd5e1; border-left: 1px solid #cbd5e1; border-radius: 0 17px 0 7px; background: #eff6ff; }
.tag-loading-document span[b-u52wkv5edc] { height: 5px; border-radius: 99px; background: #dce3ec; }
.tag-loading-document span:nth-child(2)[b-u52wkv5edc] { width: 74%; }
.tag-loading-document span:nth-child(3)[b-u52wkv5edc] { width: 87%; }
.tag-loading-document span:nth-child(4)[b-u52wkv5edc] { width: 57%; }
.tag-loading-document i[b-u52wkv5edc] { position: absolute; bottom: 14px; width: 19px; height: 19px; border: 2px solid #93c5fd; border-radius: 4px; }
.tag-loading-document i:first-of-type[b-u52wkv5edc] { left: 15px; }
.tag-loading-document i:last-of-type[b-u52wkv5edc] { left: 42px; }
.tag-loading-document.compact[b-u52wkv5edc] { width: 68px; height: 88px; padding: 24px 11px 11px; border-radius: 6px 13px 6px 6px; }
.tag-loading-document.compact[b-u52wkv5edc]::after { width: 18px; height: 18px; border-radius: 0 12px 0 5px; }

.tag-page-state[b-u52wkv5edc] { gap: 16px; min-height: 360px; color: #526071; }
.tag-page-state > div:nth-child(2)[b-u52wkv5edc] { max-width: 520px; }
.tag-page-state strong[b-u52wkv5edc] { color: #172033; font-size: 15px; }
.tag-page-state p[b-u52wkv5edc] { margin: 5px 0 0; font-size: 12px; }
.tag-page-error .tag-state-icon[b-u52wkv5edc] { color: #b91c1c; background: #fee2e2; }

@keyframes tag-shimmer-b-u52wkv5edc { 100% { transform: translateX(120%); } }
@keyframes tag-progress-b-u52wkv5edc { 0% { transform: translateX(-110%); } 50% { transform: translateX(85%); } 100% { transform: translateX(255%); } }
@keyframes tag-skeleton-b-u52wkv5edc { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }

@media (max-width: 1180px) {
    .tag-extraction-workspace[b-u52wkv5edc] { grid-template-columns: minmax(0, 1fr) 420px; }
    .tag-status-pill[b-u52wkv5edc] { display: none; }
    .tag-result-filters button[b-u52wkv5edc] { padding-right: 5px; padding-left: 5px; }
}

@media (max-width: 900px) {
    .tag-extraction-header[b-u52wkv5edc] { min-height: 70px; }
    .tag-document-mark[b-u52wkv5edc] { display: none; }
    .tag-header-actions[b-u52wkv5edc]  .k-button:first-of-type { display: none; }
    .tag-extraction-workspace[b-u52wkv5edc] { grid-template-columns: minmax(0, 1fr) 380px; }
    .tag-metric-grid[b-u52wkv5edc] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tag-list-heading[b-u52wkv5edc] { align-items: flex-start; flex-direction: column; }
    .tag-result-filters[b-u52wkv5edc] { width: 100%; }
    .tag-result-filters button[b-u52wkv5edc] { flex: 1 1 auto; justify-content: center; }
}

@media (max-width: 767px) {
    .tag-extraction-shell[b-u52wkv5edc] { overflow: auto; }
    .tag-extraction-header[b-u52wkv5edc] { align-items: flex-start; flex-wrap: wrap; padding: 10px 12px; }
    .tag-document-heading[b-u52wkv5edc] { min-width: calc(100% - 150px); }
    .tag-document-meta[b-u52wkv5edc] { display: none; }
    .tag-header-actions[b-u52wkv5edc] { margin-left: auto; }
    .tag-header-actions[b-u52wkv5edc]  .k-button { min-width: 38px; font-size: 0; }
    .tag-header-actions[b-u52wkv5edc]  .k-button .k-svg-icon { margin: 0; }
    .tag-extraction-workspace[b-u52wkv5edc] { flex: 0 0 auto; grid-template-columns: 1fr; grid-template-rows: minmax(420px, 58vh) minmax(620px, auto); overflow: visible; }
    .tag-preview-panel[b-u52wkv5edc] { min-height: 420px; padding: 9px; }
    .tag-panel-heading[b-u52wkv5edc] { align-items: flex-start; }
    .tag-preview-controls[b-u52wkv5edc] { align-items: flex-end; flex-direction: column; }
    .tag-results-panel[b-u52wkv5edc] { min-height: 620px; border-top: 1px solid var(--tag-border); border-left: 0; box-shadow: 0 -5px 18px rgba(15, 23, 42, .05); }
    .tag-results-overview[b-u52wkv5edc],
    .tag-list-section[b-u52wkv5edc] { padding-right: 12px; padding-left: 12px; }
    .tag-loading-card[b-u52wkv5edc] { grid-template-columns: 72px minmax(0, 1fr); gap: 18px; padding: 22px; }
    .tag-loading-document:not(.compact)[b-u52wkv5edc] { width: 68px; height: 90px; padding: 25px 10px 10px; }
}

@media (prefers-reduced-motion: reduce) {
    .tag-running-track span[b-u52wkv5edc],
    .tag-loading-track span[b-u52wkv5edc],
    .tag-loading-document[b-u52wkv5edc]::before,
    .tag-metric-card.skeleton span[b-u52wkv5edc],
    .tag-metric-card.skeleton strong[b-u52wkv5edc],
    .tag-list-skeleton span[b-u52wkv5edc] { animation: none; }
    .tag-running-track span[b-u52wkv5edc],
    .tag-loading-track span[b-u52wkv5edc] { width: 60%; }
}
/* /Pages/DocumentTagExtractionPointPage.razor.rz.scp.css */
.pdf-container[b-li4keiom37] {
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid #e0e0e0;
    background: #f8f9fa;
    /* Ensure container can expand when overlays are visible */
    min-height: 100%;
    overflow: visible;
}

/* When overlays are visible, allow container to expand */
.pdf-container.overlays-visible[b-li4keiom37] {
    overflow: visible;
    padding-bottom: 20px;
}

/* Ensure PDF viewer pages can expand properly */
.k-pdf-viewer-pages[b-li4keiom37] {
    position: relative;
    overflow: visible;
}

.k-pdf-viewer-pages .k-page[b-li4keiom37] {
    position: relative;
    overflow: visible;
}

/* Ensure annotation layers don't cause overflow issues */
.annotation-layer[b-li4keiom37],
.temp-annotation-layer[b-li4keiom37] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: auto;
    /* Prevent annotation layers from causing container overflow */
    max-width: 100%;
    max-height: 100%;
}

/* Ensure the right panel can expand when needed */
.navigator-right-panel[b-li4keiom37] {
    overflow: visible;
    min-height: 100%;
}

/* Ensure the main content area can expand */
#page-content[b-li4keiom37] {
    overflow: visible;
    min-height: 100%;
}

.pdf-loading-container[b-li4keiom37] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #f8f9fa;
}

.loading-content[b-li4keiom37] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.loading-text[b-li4keiom37] {
    font-size: 1.1rem;
    color: #6c757d;
    margin: 0;
}

.right-panel[b-li4keiom37] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    background: #ffffff;
    border-left: 1px solid #e0e0e0;
    height: 100%;
    overflow-y: auto;
}

.control-section[b-li4keiom37] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}

.extraction-controls[b-li4keiom37] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.status-info[b-li4keiom37] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.extraction-status[b-li4keiom37] {
    font-size: 0.9rem;
    color: #495057;
    font-weight: 500;
}

.filter-section[b-li4keiom37] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.filter-label[b-li4keiom37] {
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.25rem;
}

.extracted-tags-list[b-li4keiom37],
.tag-locations-list[b-li4keiom37] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.extracted-tags-list h6[b-li4keiom37],
.tag-locations-list h6[b-li4keiom37] {
    color: #495057;
    font-weight: 600;
    margin: 0;
}

.badge[b-li4keiom37] {
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 500;
}

.badge-info[b-li4keiom37] {
    background-color: #17a2b8;
    color: white;
}

.badge-secondary[b-li4keiom37] {
    background-color: #6c757d;
    color: white;
}

/* Utility classes */
.flex[b-li4keiom37] {
    display: flex;
}

.column-gap[b-li4keiom37] {
    gap: 0.5rem;
}

.column-gap2[b-li4keiom37] {
    gap: 1rem;
}

.flex-wrap[b-li4keiom37] {
    flex-wrap: wrap;
}

.justify-content-between[b-li4keiom37] {
    justify-content: space-between;
}

.align-items-center[b-li4keiom37] {
    align-items: center;
}

.mb-2[b-li4keiom37] {
    margin-bottom: 0.5rem;
}

.mb-3[b-li4keiom37] {
    margin-bottom: 1rem;
}

.m-0[b-li4keiom37] {
    margin: 0;
}

.w-100[b-li4keiom37] {
    width: 100%;
}

/* Grid styling */
.k-grid[b-li4keiom37] {
    border: 1px solid #e0e0e0;
    border-radius: 6px;
}

.k-grid .k-grid-header[b-li4keiom37] {
    background: #f8f9fa;
    border-bottom: 1px solid #e0e0e0;
}

.k-grid .k-grid-header th[b-li4keiom37] {
    font-weight: 600;
    color: #495057;
}

.k-grid .k-grid-content[b-li4keiom37] {
    background: #ffffff;
}

.k-grid .k-grid-content tr:hover[b-li4keiom37] {
    background: #f0f0f0;
}

.k-grid .k-grid-content tr.k-state-selected[b-li4keiom37] {
    background: #e3f2fd;
}

/* Button styling */
.k-button[b-li4keiom37] {
    border-radius: 4px;
    font-weight: 500;
}

.k-button.k-button-sm[b-li4keiom37] {
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
}

/* Responsive design */
@media (max-width: 768px) {
    .right-panel[b-li4keiom37] {
        padding: 0.5rem;
    }
    
    .control-section[b-li4keiom37] {
        padding: 0.5rem;
    }
    
    .extraction-controls[b-li4keiom37] {
        flex-direction: column;
        align-items: stretch;
    }
    
    .extraction-controls .k-button[b-li4keiom37] {
        width: 100%;
    }
} 
/* /Pages/EmailNotificationLogPage.razor.rz.scp.css */
.email-detail-pane[b-c1o4vvd7fd] {
    overflow: hidden;
    min-width: 0;
}

.email-detail-header[b-c1o4vvd7fd] {
    border-bottom: 1px solid var(--kendo-color-border, #dee2e6);
    padding-bottom: 0.75rem;
    margin-bottom: 0.75rem;
}

.email-detail-header h4[b-c1o4vvd7fd] {
    line-height: 1.35;
    word-break: break-word;
}

.email-detail-list[b-c1o4vvd7fd] {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: 0.5rem 1rem;
    margin: 0 0 1rem;
}

.email-detail-list dt[b-c1o4vvd7fd] {
    font-weight: 600;
    color: var(--kendo-color-subtle, #6c757d);
    margin: 0;
}

.email-detail-list dd[b-c1o4vvd7fd] {
    margin: 0;
    overflow-wrap: anywhere;
}

.email-detail-list .failure-reason[b-c1o4vvd7fd] {
    color: var(--kendo-color-error, #dc3545);
}

.email-body-preview[b-c1o4vvd7fd] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: 6px;
    background: var(--kendo-color-surface-alt, #ffffff);
    overflow: hidden;
}

.email-body-preview-header[b-c1o4vvd7fd] {
    padding: 0.5rem 0.75rem;
    font-weight: 600;
    background: var(--kendo-color-app-surface, #f8f9fa);
    border-bottom: 1px solid var(--kendo-color-border, #dee2e6);
}

.email-body-preview-frame[b-c1o4vvd7fd] {
    flex: 1 1 auto;
    width: 100%;
    min-height: 260px;
    border: 0;
    background: #ffffff;
}

.email-detail-empty[b-c1o4vvd7fd] {
    margin: auto;
    max-width: 280px;
    text-align: center;
    color: var(--kendo-color-subtle, #6c757d);
}

.email-status-badge[b-c1o4vvd7fd] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    border-radius: 999px;
    padding: 0.15rem 0.55rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.35;
    white-space: nowrap;
    position: static;
}

.email-status-sent[b-c1o4vvd7fd] {
    background: rgba(25, 135, 84, 0.12);
    color: #198754;
}

.email-status-failed[b-c1o4vvd7fd] {
    background: rgba(220, 53, 69, 0.12);
    color: #dc3545;
}

.email-status-skipped[b-c1o4vvd7fd] {
    background: rgba(255, 193, 7, 0.18);
    color: #8a6400;
}

.email-status-other[b-c1o4vvd7fd] {
    background: rgba(108, 117, 125, 0.15);
    color: #495057;
}

.email-notification-type-unspecified[b-c1o4vvd7fd] {
    color: var(--kendo-color-subtle, #6c757d);
    font-style: italic;
}
/* /Pages/FileSharePage.razor.rz.scp.css */
.fileshare-notification[b-odg1g3lqlf] {
    z-index: 10050;
    margin-top: var(--kendo-spacing-4, 1rem);
}

.fileshare-hero[b-odg1g3lqlf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
    gap: var(--kendo-spacing-6, 1.5rem);
    padding: 0 0 var(--kendo-spacing-4, 1rem);
    margin-bottom: var(--kendo-spacing-3, .75rem);
    color: var(--kendo-color-on-surface, #212529);
    border-bottom: 1px solid var(--kendo-color-border, #dee2e6);
    flex: 0 0 auto;
}

.fileshare-hero-copy[b-odg1g3lqlf] { flex: 1 1 auto; min-width: 0; max-width: 680px; }

.fileshare-eyebrow[b-odg1g3lqlf] {
    margin-bottom: var(--kendo-spacing-2, .5rem);
    color: var(--kendo-color-subtle, #6c757d);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
}

.fileshare-hero h1[b-odg1g3lqlf] {
    margin: 0;
    color: var(--kendo-color-on-surface, #212529);
    font-size: clamp(1.45rem, 2.5vw, 1.85rem);
    font-weight: 600;
}

.fileshare-hero p[b-odg1g3lqlf] {
    max-width: 630px;
    margin: var(--kendo-spacing-2, .5rem) 0 0;
    color: var(--kendo-color-subtle, #6c757d);
    font-size: .9rem;
}

.fileshare-metrics[b-odg1g3lqlf] {
    display: grid;
    grid-template-columns: repeat(4, minmax(96px, 1fr));
    flex: 0 1 540px;
    width: min(100%, 540px);
    min-width: 480px;
    max-width: 540px;
    gap: var(--kendo-spacing-2, .5rem);
}

.metric[b-odg1g3lqlf] {
    position: relative;
    display: flex;
    min-width: 0;
    overflow: hidden;
    flex-direction: column;
    gap: var(--kendo-spacing-1, .25rem);
    padding: var(--kendo-spacing-3, .75rem) var(--kendo-spacing-3, .75rem) var(--kendo-spacing-3, .75rem) var(--kendo-spacing-4, 1rem);
    border: 1px solid var(--kendo-color-border-alt, #e9ecef);
    border-radius: var(--kendo-border-radius-md, .375rem);
    background: var(--kendo-color-surface-alt, #f8f9fa);
}

.metric[b-odg1g3lqlf]::before { position: absolute; inset: 0 auto 0 0; width: 3px; content: ""; background: var(--kendo-color-primary, #0d6efd); }
.metric span[b-odg1g3lqlf] { overflow: hidden; color: var(--kendo-color-on-surface, #212529); font-size: 1.1rem; font-weight: 650; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
.metric small[b-odg1g3lqlf] { overflow: hidden; color: var(--kendo-color-subtle, #6c757d); font-size: .72rem; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.metric-accent span[b-odg1g3lqlf] { color: var(--kendo-color-primary, #0d6efd); }

.fileshare-workspace[b-odg1g3lqlf] {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: auto;
    overflow: hidden;
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: var(--kendo-border-radius-md, .375rem);
    background: var(--kendo-color-surface, #fff);
}

[b-odg1g3lqlf] .fileshare-splitter { width: 100%; min-width: 0; min-height: 0; overflow: hidden; border: 0; }
[b-odg1g3lqlf] .fileshare-splitter > .k-pane { min-width: 0; min-height: 0; overflow: hidden; }
[b-odg1g3lqlf] .fileshare-splitter > .k-splitbar:focus,
[b-odg1g3lqlf] .fileshare-splitter > .k-splitbar.k-focus { color: var(--kendo-color-on-primary, #fff); background: var(--kendo-color-primary, #0d6efd); }

.explorer-shell[b-odg1g3lqlf] { display: flex; width: 100%; height: 100%; min-width: 0; min-height: 0; overflow: hidden; flex-direction: column; }
.explorer-caption[b-odg1g3lqlf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--kendo-spacing-4, 1rem);
    min-height: 60px;
    padding: var(--kendo-spacing-3, .75rem) var(--kendo-spacing-4, 1rem);
    border-bottom: 1px solid var(--kendo-color-border, #dee2e6);
    background: var(--kendo-color-surface, #fff);
}
.explorer-caption > div:first-child[b-odg1g3lqlf] { display: flex; flex-direction: column; gap: var(--kendo-spacing-1, .25rem); min-width: 0; }
.explorer-caption strong[b-odg1g3lqlf] { color: var(--kendo-color-on-surface, #212529); font-size: .95rem; }
.explorer-caption span[b-odg1g3lqlf] { overflow: hidden; color: var(--kendo-color-subtle, #6c757d); font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.upload-guidance[b-odg1g3lqlf] { color: var(--kendo-color-subtle, #6c757d); font-size: .73rem; text-align: right; }

.filemanager-host[b-odg1g3lqlf] { position: relative; flex: 1 1 auto; min-width: 0; min-height: 0; overflow: hidden; }
.filemanager-host[b-odg1g3lqlf]  .k-filemanager { width: 100%; height: 100%; min-width: 0; min-height: 0; border: 0; }
.filemanager-host[b-odg1g3lqlf]  .k-toolbar { gap: var(--kendo-spacing-1, .25rem); padding: var(--kendo-spacing-2, .5rem) var(--kendo-spacing-3, .75rem); background: var(--kendo-color-surface-alt, #f8f9fa); }
.filemanager-host[b-odg1g3lqlf]  .k-filemanager-content-container { background: var(--kendo-color-surface, #fff); }
.filemanager-host[b-odg1g3lqlf]  .k-filemanager-listview .k-listview-content {
    align-content: flex-start;
    justify-content: flex-start;
    gap: var(--kendo-spacing-2, .5rem);
    padding: var(--kendo-spacing-2, .5rem);
}
.filemanager-host[b-odg1g3lqlf]  .k-listview-item.k-selected,
.filemanager-host[b-odg1g3lqlf]  .k-grid .k-selected { background: var(--kendo-color-primary-subtle, #e7f1ff); color: var(--kendo-color-on-primary-subtle, #084298); }

.explorer-empty[b-odg1g3lqlf] {
    pointer-events: none;
    position: absolute;
    z-index: 2;
    top: 54%;
    left: 56%;
    display: flex;
    align-items: center;
    width: min(390px, 70%);
    transform: translate(-50%, -50%);
    flex-direction: column;
    gap: var(--kendo-spacing-2, .5rem);
    color: var(--kendo-color-subtle, #6c757d);
    text-align: center;
}
.explorer-empty[b-odg1g3lqlf]  svg { width: 2.25rem; height: 2.25rem; color: var(--kendo-color-primary, #0d6efd); }
.explorer-empty strong[b-odg1g3lqlf] { color: var(--kendo-color-on-surface, #212529); font-size: 1rem; }
.explorer-empty span[b-odg1g3lqlf] { font-size: .82rem; }

.details-panel[b-odg1g3lqlf] {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-width: 0;
    overflow: auto;
    padding: var(--kendo-spacing-5, 1.25rem);
    border-left: 1px solid var(--kendo-color-border, #dee2e6);
    background: var(--kendo-color-surface-alt, #f8f9fa);
}
.details-placeholder[b-odg1g3lqlf] { display: flex; align-items: center; justify-content: center; min-height: 100%; flex-direction: column; color: var(--kendo-color-subtle, #6c757d); text-align: center; }
.details-placeholder h2[b-odg1g3lqlf] { margin: var(--kendo-spacing-3, .75rem) 0 var(--kendo-spacing-1, .25rem); color: var(--kendo-color-on-surface, #212529); font-size: 1.05rem; }
.details-placeholder p[b-odg1g3lqlf] { max-width: 230px; margin: 0; font-size: .82rem; line-height: 1.5; }
.details-icon[b-odg1g3lqlf], .state-icon[b-odg1g3lqlf] {
    display: grid;
    place-items: center;
    color: var(--kendo-color-primary, #0d6efd);
    border-radius: var(--kendo-border-radius-md, .375rem);
    background: var(--kendo-color-primary-subtle, #e7f1ff);
}
.details-icon[b-odg1g3lqlf] { width: 40px; height: 40px; flex: 0 0 40px; }
.details-icon[b-odg1g3lqlf]  svg { width: 1.25rem; height: 1.25rem; }
.details-heading[b-odg1g3lqlf] { display: flex; align-items: center; gap: var(--kendo-spacing-3, .75rem); padding-bottom: var(--kendo-spacing-4, 1rem); border-bottom: 1px solid var(--kendo-color-border, #dee2e6); }
.details-heading > div:last-child[b-odg1g3lqlf] { min-width: 0; }
.details-heading h2[b-odg1g3lqlf] { overflow: hidden; margin: var(--kendo-spacing-1, .25rem) 0 0; color: var(--kendo-color-on-surface, #212529); font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }
.details-kind[b-odg1g3lqlf] { color: var(--kendo-color-subtle, #6c757d); font-size: .68rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.details-list[b-odg1g3lqlf] { display: grid; gap: var(--kendo-spacing-3, .75rem); margin: var(--kendo-spacing-4, 1rem) 0; }
.details-list > div[b-odg1g3lqlf] { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: var(--kendo-spacing-3, .75rem); }
.details-list dt[b-odg1g3lqlf] { color: var(--kendo-color-subtle, #6c757d); font-size: .72rem; font-weight: 500; }
.details-list dd[b-odg1g3lqlf] { overflow-wrap: anywhere; margin: 0; color: var(--kendo-color-on-surface, #212529); font-size: .78rem; text-align: right; }
.link-count[b-odg1g3lqlf] { display: inline-grid; min-width: 25px; height: 21px; place-items: center; color: var(--kendo-color-on-primary-subtle, #084298); border-radius: var(--kendo-border-radius-full, 9999px); background: var(--kendo-color-primary-subtle, #e7f1ff); font-size: .7rem; font-weight: 700; }
.description-field[b-odg1g3lqlf] { padding: var(--kendo-spacing-4, 1rem) 0; border-top: 1px solid var(--kendo-color-border, #dee2e6); }
.description-field label[b-odg1g3lqlf], .field-label[b-odg1g3lqlf] { display: block; margin-bottom: var(--kendo-spacing-2, .5rem); color: var(--kendo-color-on-surface, #212529); font-size: .73rem; font-weight: 600; }
.description-field p[b-odg1g3lqlf] { color: var(--kendo-color-subtle, #6c757d); font-size: .8rem; }
.description-field[b-odg1g3lqlf]  .k-button { margin-top: var(--kendo-spacing-2, .5rem); }
.details-actions[b-odg1g3lqlf] { display: flex; flex-wrap: wrap; gap: var(--kendo-spacing-2, .5rem); padding-top: var(--kendo-spacing-4, 1rem); border-top: 1px solid var(--kendo-color-border, #dee2e6); }
.details-actions[b-odg1g3lqlf]  .k-button { flex: 1 1 auto; }

.fileshare-state-card[b-odg1g3lqlf] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 430px;
    padding: var(--kendo-spacing-8, 2rem);
    flex-direction: column;
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: var(--kendo-border-radius-md, .375rem);
    background: var(--kendo-color-surface, #fff);
    color: var(--kendo-color-subtle, #6c757d);
    text-align: center;
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
}
.fileshare-state-card h2[b-odg1g3lqlf] { margin: var(--kendo-spacing-4, 1rem) 0 var(--kendo-spacing-1, .25rem); color: var(--kendo-color-on-surface, #212529); font-size: 1.2rem; }
.fileshare-state-card p[b-odg1g3lqlf] { max-width: 520px; margin: 0 0 var(--kendo-spacing-4, 1rem); overflow-wrap: anywhere; }
.state-icon[b-odg1g3lqlf] { width: 56px; height: 56px; }
.state-icon[b-odg1g3lqlf]  svg { width: 1.75rem; height: 1.75rem; }
.fileshare-error .state-icon[b-odg1g3lqlf] { color: var(--kendo-color-error, #dc3545); background: var(--kendo-color-error-subtle, #f8d7da); }

.upload-status[b-odg1g3lqlf], .upload-error[b-odg1g3lqlf] {
    margin-bottom: var(--kendo-spacing-3, .75rem);
    padding: var(--kendo-spacing-3, .75rem) var(--kendo-spacing-4, 1rem);
    border: 1px solid var(--kendo-color-info, #0dcaf0);
    border-radius: var(--kendo-border-radius-md, .375rem);
    background: var(--kendo-color-info-subtle, #cff4fc);
}
.upload-status > div:first-child[b-odg1g3lqlf] { display: flex; justify-content: space-between; color: var(--kendo-color-on-info-subtle, #055160); font-size: .78rem; }
.upload-track[b-odg1g3lqlf] { overflow: hidden; height: 4px; margin-top: var(--kendo-spacing-2, .5rem); border-radius: var(--kendo-border-radius-full, 9999px); background: var(--kendo-color-base, #e9ecef); }
.upload-track span[b-odg1g3lqlf] { display: block; height: 100%; border-radius: inherit; background: var(--kendo-color-primary, #0d6efd); transition: width .2s ease; }
.upload-error[b-odg1g3lqlf] { display: flex; align-items: center; gap: var(--kendo-spacing-3, .75rem); color: var(--kendo-color-on-error-subtle, #842029); border-color: var(--kendo-color-error, #dc3545); background: var(--kendo-color-error-subtle, #f8d7da); font-size: .8rem; }
.upload-error[b-odg1g3lqlf]  .k-button { margin-left: auto; }

[b-odg1g3lqlf] .fileshare-dialog .k-window-content { padding: 0; }
.dialog-body[b-odg1g3lqlf] { padding: var(--kendo-spacing-5, 1.25rem); }
.dialog-lead[b-odg1g3lqlf] { margin: 0 0 var(--kendo-spacing-4, 1rem); color: var(--kendo-color-subtle, #6c757d); font-size: .84rem; }
.dialog-actions[b-odg1g3lqlf] { display: flex; justify-content: flex-end; gap: var(--kendo-spacing-2, .5rem); margin-top: var(--kendo-spacing-5, 1.25rem); }
.inline-error[b-odg1g3lqlf] { margin-top: var(--kendo-spacing-3, .75rem); padding: var(--kendo-spacing-3, .75rem); color: var(--kendo-color-on-error-subtle, #842029); border-radius: var(--kendo-border-radius-md, .375rem); background: var(--kendo-color-error-subtle, #f8d7da); font-size: .78rem; }
.share-dialog-body[b-odg1g3lqlf] { display: grid; gap: var(--kendo-spacing-4, 1rem); max-height: calc(90vh - 60px); overflow: auto; }
.audience-notice[b-odg1g3lqlf] { display: flex; gap: var(--kendo-spacing-3, .75rem); padding: var(--kendo-spacing-3, .75rem) var(--kendo-spacing-4, 1rem); color: var(--kendo-color-on-info-subtle, #055160); border: 1px solid var(--kendo-color-info, #0dcaf0); border-radius: var(--kendo-border-radius-md, .375rem); background: var(--kendo-color-info-subtle, #cff4fc); }
.audience-notice[b-odg1g3lqlf]  svg { flex: 0 0 auto; margin-top: var(--kendo-spacing-1, .25rem); }
.audience-notice div[b-odg1g3lqlf] { display: flex; flex-direction: column; gap: var(--kendo-spacing-1, .25rem); }
.audience-notice strong[b-odg1g3lqlf] { font-size: .82rem; }
.audience-notice span[b-odg1g3lqlf] { font-size: .75rem; }
.link-create-panel[b-odg1g3lqlf] { padding: var(--kendo-spacing-4, 1rem); border: 1px solid var(--kendo-color-border, #dee2e6); border-radius: var(--kendo-border-radius-md, .375rem); background: var(--kendo-color-surface-alt, #f8f9fa); }
.section-title[b-odg1g3lqlf] { display: flex; align-items: center; justify-content: space-between; gap: var(--kendo-spacing-3, .75rem); }
.section-title > div[b-odg1g3lqlf] { display: flex; flex-direction: column; gap: var(--kendo-spacing-1, .25rem); }
.section-title strong[b-odg1g3lqlf] { color: var(--kendo-color-on-surface, #212529); font-size: .9rem; }
.section-title span[b-odg1g3lqlf] { color: var(--kendo-color-subtle, #6c757d); font-size: .72rem; }
.expiry-presets[b-odg1g3lqlf] { display: flex; flex-wrap: wrap; gap: var(--kendo-spacing-2, .5rem); margin: var(--kendo-spacing-4, 1rem) 0; }
.custom-expiry[b-odg1g3lqlf] { margin: var(--kendo-spacing-3, .75rem) 0; }
.expiry-preview[b-odg1g3lqlf] { display: flex; align-items: center; justify-content: space-between; gap: var(--kendo-spacing-3, .75rem); margin: var(--kendo-spacing-3, .75rem) 0; padding: var(--kendo-spacing-3, .75rem); border: 1px solid var(--kendo-color-border-alt, #e9ecef); border-radius: var(--kendo-border-radius-md, .375rem); background: var(--kendo-color-base-subtle, #f8f9fa); font-size: .76rem; }
.expiry-preview span[b-odg1g3lqlf] { color: var(--kendo-color-subtle, #6c757d); }
.expiry-preview strong[b-odg1g3lqlf] { color: var(--kendo-color-on-surface, #212529); text-align: right; }
.link-success[b-odg1g3lqlf] { display: flex; align-items: center; justify-content: space-between; gap: var(--kendo-spacing-3, .75rem); padding: var(--kendo-spacing-3, .75rem) var(--kendo-spacing-4, 1rem); color: var(--kendo-color-on-success-subtle, #0f5132); border: 1px solid var(--kendo-color-success, #198754); border-radius: var(--kendo-border-radius-md, .375rem); background: var(--kendo-color-success-subtle, #d1e7dd); }
.link-success > div[b-odg1g3lqlf] { display: flex; flex-direction: column; }
.link-success strong[b-odg1g3lqlf] { font-size: .84rem; }
.link-success span[b-odg1g3lqlf] { font-size: .73rem; }
.existing-links[b-odg1g3lqlf], .link-list[b-odg1g3lqlf] { display: grid; gap: var(--kendo-spacing-3, .75rem); }
.link-card[b-odg1g3lqlf] { display: flex; align-items: center; justify-content: space-between; gap: var(--kendo-spacing-4, 1rem); padding: var(--kendo-spacing-3, .75rem); border: 1px solid var(--kendo-color-border, #dee2e6); border-left-width: 3px; border-radius: var(--kendo-border-radius-md, .375rem); background: var(--kendo-color-surface, #fff); }
.link-card.active[b-odg1g3lqlf] { border-left-color: var(--kendo-color-success, #198754); }
.link-card.expired[b-odg1g3lqlf] { border-left-color: var(--kendo-color-subtle, #6c757d); }
.link-card.revoked[b-odg1g3lqlf] { border-left-color: var(--kendo-color-error, #dc3545); }
.link-card-main[b-odg1g3lqlf] { display: flex; min-width: 0; flex-direction: column; gap: var(--kendo-spacing-1, .25rem); }
.link-card-main > strong[b-odg1g3lqlf] { color: var(--kendo-color-on-surface, #212529); font-size: .79rem; }
.link-card-main small[b-odg1g3lqlf] { color: var(--kendo-color-subtle, #6c757d); font-size: .69rem; }
.link-status[b-odg1g3lqlf] { display: flex; align-items: center; gap: var(--kendo-spacing-1, .25rem); color: var(--kendo-color-subtle, #6c757d); font-size: .68rem; font-weight: 700; text-transform: uppercase; }
.link-status span[b-odg1g3lqlf] { width: 7px; height: 7px; border-radius: var(--kendo-border-radius-full, 9999px); background: var(--kendo-color-subtle, #6c757d); }
.active .link-status span[b-odg1g3lqlf] { background: var(--kendo-color-success, #198754); }
.revoked .link-status span[b-odg1g3lqlf] { background: var(--kendo-color-error, #dc3545); }
.link-card-actions[b-odg1g3lqlf] { display: flex; flex: 0 0 auto; gap: var(--kendo-spacing-1, .25rem); }
.links-state[b-odg1g3lqlf] { display: flex; align-items: center; justify-content: center; min-height: 125px; padding: var(--kendo-spacing-4, 1rem); flex-direction: column; gap: var(--kendo-spacing-2, .5rem); color: var(--kendo-color-subtle, #6c757d); border: 1px solid var(--kendo-color-border, #dee2e6); border-radius: var(--kendo-border-radius-md, .375rem); font-size: .78rem; text-align: center; }
.links-state strong[b-odg1g3lqlf] { color: var(--kendo-color-on-surface, #212529); }
.links-state.error[b-odg1g3lqlf] { color: var(--kendo-color-on-error-subtle, #842029); border-color: var(--kendo-color-error, #dc3545); background: var(--kendo-color-error-subtle, #f8d7da); }

@media (max-width: 1100px) {
    .fileshare-hero[b-odg1g3lqlf] { align-items: stretch; flex-direction: column; }
    .fileshare-hero-copy[b-odg1g3lqlf] { max-width: 760px; }
    .fileshare-metrics[b-odg1g3lqlf] { flex: 0 0 auto; width: 100%; min-width: 0; max-width: none; }
}
@media (max-width: 760px) {
    .fileshare-hero[b-odg1g3lqlf] { padding-bottom: var(--kendo-spacing-3, .75rem); }
    .fileshare-metrics[b-odg1g3lqlf] { grid-template-columns: repeat(2, 1fr); }
    .details-panel[b-odg1g3lqlf] { min-height: 0; border-top: 1px solid var(--kendo-color-border, #dee2e6); border-left: 0; }
    .details-placeholder[b-odg1g3lqlf] { min-height: 190px; }
    .explorer-caption[b-odg1g3lqlf] { align-items: flex-start; flex-direction: column; gap: var(--kendo-spacing-1, .25rem); }
    .upload-guidance[b-odg1g3lqlf] { text-align: left; }
    .link-card[b-odg1g3lqlf] { align-items: stretch; flex-direction: column; }
    .link-card-actions[b-odg1g3lqlf] { justify-content: flex-end; border-top: 1px solid var(--kendo-color-border-alt, #e9ecef); padding-top: var(--kendo-spacing-2, .5rem); }
}
@media (max-width: 480px) {
    .details-panel[b-odg1g3lqlf], .dialog-body[b-odg1g3lqlf] { padding: var(--kendo-spacing-4, 1rem); }
    .expiry-presets[b-odg1g3lqlf]  .k-button { flex: 1 1 calc(33% - var(--kendo-spacing-2, .5rem)); }
    .link-success[b-odg1g3lqlf] { align-items: stretch; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) { .upload-track span[b-odg1g3lqlf] { transition: none; } }
/* /Pages/Home.razor.rz.scp.css */
.custom-section-header[b-dtus3cg7xb] {
    background: var(--kendo-color-surface, #f8f9fa);
    border: 1px solid var(--aquip-border, #dee2e6);
    border-radius: 8px;
    padding: 0.75rem;
}

.build-section-header[b-dtus3cg7xb],
.execute-section-header[b-dtus3cg7xb] {
    background: var(--bs-light, #f8f9fa);
    border: 1px solid var(--bs-gray-300, #dee2e6);
    border-radius: 8px;
    padding: 0.75rem;
}

.edit-controls[b-dtus3cg7xb] {
    margin: 0;
    padding: 0;
    margin-left: auto;
    column-gap: 10px;
    border-bottom: none;
}

.pbi-container[b-dtus3cg7xb] {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: var(--aquip-canvas, var(--kendo-color-app-surface, #ffffff));
}

.build-report-button[b-dtus3cg7xb],
.execute-report-button[b-dtus3cg7xb],
.custom-report-button[b-dtus3cg7xb] {
    background: var(--kendo-color-app-surface, #ffffff);
    border: 1px solid var(--kendo-color-border, rgba(33, 37, 41, 0.13));
    border-radius: 4px;
    padding: 4px 8px;
    min-width: 100px;
    max-width: 160px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    position: relative;
    overflow: hidden;
    font-size: 0.75rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    line-height: 1;
    outline: none;
}

.build-report-button:hover[b-dtus3cg7xb],
.execute-report-button:hover[b-dtus3cg7xb],
.custom-report-button:hover[b-dtus3cg7xb] {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 10%, transparent);
    border-color: var(--kendo-color-primary, #0d6efd);
    background: color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 5%, var(--kendo-color-app-surface, #ffffff));
}

.build-report-button.active[b-dtus3cg7xb],
.execute-report-button.active[b-dtus3cg7xb],
.custom-report-button.active[b-dtus3cg7xb] {
    background: color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 15%, var(--kendo-color-app-surface, #ffffff));
    border-color: var(--kendo-color-primary, #0d6efd);
    color: var(--kendo-color-primary, #0d6efd);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 15%, transparent);
    font-weight: 600;
    outline: none;
}

.build-report-button.active[b-dtus3cg7xb]::before,
.execute-report-button.active[b-dtus3cg7xb]::before,
.custom-report-button.active[b-dtus3cg7xb]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--kendo-color-primary, #0d6efd);
}

.report-title[b-dtus3cg7xb] {
    font-weight: 600;
    font-size: 10px;
    margin-bottom: 1px;
    color: inherit;
    line-height: 1.1;
    display: block;
}

.report-description[b-dtus3cg7xb] {
    font-size: 8px;
    opacity: 0.8;
    line-height: 1.1;
    color: inherit;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.report-category[b-dtus3cg7xb] {
    font-size: 7px;
    background: color-mix(in srgb, var(--kendo-color-border, rgba(33, 37, 41, 0.13)) 30%, transparent);
    padding: 1px 4px;
    border-radius: 8px;
    display: inline-block;
    margin-top: 2px;
    font-weight: 500;
    color: var(--kendo-color-subtle, #596169);
}

.build-report-button.active .report-category[b-dtus3cg7xb],
.execute-report-button.active .report-category[b-dtus3cg7xb],
.custom-report-button.active .report-category[b-dtus3cg7xb] {
    background: color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 20%, transparent);
    color: var(--kendo-color-primary, #0d6efd);
}

.edit-toggle[b-dtus3cg7xb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-section-header[b-dtus3cg7xb],
    .build-section-header[b-dtus3cg7xb],
    .execute-section-header[b-dtus3cg7xb] {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 1rem !important;
    }
    
    .custom-reports-navigation[b-dtus3cg7xb],
    .build-reports-navigation[b-dtus3cg7xb],
    .execute-reports-navigation[b-dtus3cg7xb] {
        width: 100%;
    }
    
    .edit-controls[b-dtus3cg7xb] {
        margin-left: 0 !important;
    }
    
    .build-report-button[b-dtus3cg7xb],
    .execute-report-button[b-dtus3cg7xb],
    .custom-report-button[b-dtus3cg7xb] {
        min-width: 80px;
        max-width: 120px;
        padding: 3px 6px;
    }
}

@media (max-width: 576px) {
    .custom-reports-navigation[b-dtus3cg7xb],
    .build-reports-navigation[b-dtus3cg7xb],
    .execute-reports-navigation[b-dtus3cg7xb] {
        flex-direction: column !important;
    }
    
    .build-report-button[b-dtus3cg7xb],
    .execute-report-button[b-dtus3cg7xb],
    .custom-report-button[b-dtus3cg7xb] {
        min-width: 100%;
        max-width: 100%;
    }
}
/* /Pages/Identity/ForgotPassword.razor.rz.scp.css */
.login-container[b-jrhgkua5et] {
    background-color: rgb(255 255 255 / 85%);
    width: 100%;
    max-width: 500px;
    border-radius: 8px;
}

/* Ensure text is readable on the light background */
h3[b-jrhgkua5et] {
    color: #000;
    font-weight: bold;
}

label[b-jrhgkua5et] {
    color: #000;
    font-weight: 500;
}

.logo-spacing[b-jrhgkua5et] {
    margin-bottom: 1rem !important; 
    margin-top: 1rem !important;
}

/* /Pages/Identity/LoginPage.razor.rz.scp.css */
h4[b-f7zms4gx66] {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

p[b-f7zms4gx66] {
    color: #fff;
}

p a[b-f7zms4gx66] {
    color: #fff;
    text-decoration: underline;
}

.card[b-f7zms4gx66] {
    width: 400px;
}

.card button[b-f7zms4gx66] {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    letter-spacing: 0.5px;
}

img.imglogo[b-f7zms4gx66] {
    width: 140px;
}

.btn-primary[b-f7zms4gx66], [b-f7zms4gx66] .form-control {
    height: 36px;
}

[b-f7zms4gx66] ul.validation-errors {
    display: none;
}

[b-f7zms4gx66] .alert-danger {
    background: red;
    border: none;
    padding: 1px 5px;
}

[b-f7zms4gx66] .alert-danger p {
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: bold;
}

.btn-Microsoft[b-f7zms4gx66] {
    background: url(../images/microsoft.png) #fff;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 25%;
    height: auto;
    padding: 8px;
    margin: 0;
    width: 100%;
    border: 1px solid #0070ba;
    margin-top: 10px;
    color: #0070ba;
    font-weight: bold;
}

.btn-Microsoft:hover[b-f7zms4gx66] {
    background-color: #0070ba;
    color: #fff;
}

.login-container[b-f7zms4gx66] {
    color: #212529;
    background-color: rgb(255 255 255 / 85%);
    width: min(450px, 100%);
    box-sizing: border-box;
}

.login-divider[b-f7zms4gx66] {
    color: #000000;
}

.login-submit[b-f7zms4gx66] {
    color: #ffffff;
    background: #000000;
    border-color: #000000;
}

.signin-retry-message[b-f7zms4gx66] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.75rem 1rem;
    border-left: 4px solid #0070ba;
    background: #eaf5fc;
    color: #172b3a;
}

.bg-login[b-f7zms4gx66] {
    background: url(images/Stegra-background.jpg) center bottom;
    background-size: cover;
}

.btn-Microsoft[b-f7zms4gx66] {
    background: url(images/Microsoft_box.png) #000000;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    font-weight: bold;
    color: #fff;
    border-color: transparent;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 15%;
    height: auto;
    padding: 8px;
    margin: 0;
}

    .btn-Microsoft:hover[b-f7zms4gx66] {
        background-color: #5A5A5A;
        color: #fff;
    }

@media (max-width: 479px) {
    .login-container[b-f7zms4gx66] {
        padding-inline: 0.875rem !important;
    }

    [b-f7zms4gx66] .login-container form {
        padding-inline: 0 !important;
    }
}
/* /Pages/Identity/RequestAccess.razor.rz.scp.css */
.login-container[b-0z04piw7us] {
    background-color: rgb(255 255 255 / 85%);
    width: 100%;
    max-width: 500px;
    border-radius: 8px;
}

/* Ensure text is readable on the light background */
h3[b-0z04piw7us] {
    color: #000;
    font-weight: bold;
}

label[b-0z04piw7us] {
    color: #000;
    font-weight: 500;
}

.logo-spacing[b-0z04piw7us] {
    margin-bottom: 1rem !important; 
    margin-top: 1rem !important;
}
/* /Pages/Identity/ResetPassword.razor.rz.scp.css */
.login-container[b-qvas90rbqs] {
    background-color: rgb(255 255 255 / 85%);
    width: 100%;
    max-width: 500px;
    border-radius: 8px;
}

h3[b-qvas90rbqs] {
    color: #000;
    font-weight: bold;
}

label[b-qvas90rbqs] {
    color: #000;
    font-weight: 500;
}

p[b-qvas90rbqs] {
    color: #000;
}

.logo-spacing[b-qvas90rbqs] {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
}
/* /Pages/Identity/UserManagement.razor.rz.scp.css */
/* Bulk Management modal spacing.

   These class names are applied in UserManagement.razor but had no stylesheet, so the
   modal rendered with every control butted against its neighbour (the "Clear" checkbox
   sat hard against both the Starting Route box and the Apply button).

   Note the bundled Bootstrap is v4.3.1, which ships no `gap-*` flex utilities - those
   arrived in Bootstrap 5 - so `gap-2`/`gap-1` cannot be used here; the spacing is set
   explicitly instead. */

.bulk-management-row[b-7uxtqfbrya] {
    column-gap: 0.5rem;
    row-gap: 0.5rem;
}

/* Checkbox + label pairs ("Clear", "Enable"/"Disable"): space the label off its box, and
   keep the pair from being squeezed into the adjacent Apply button. */
.bulk-management-toggle[b-7uxtqfbrya] {
    column-gap: 0.5rem;
    flex-shrink: 0;
}

/* Apply buttons are Telerik components, so they carry the class but not this component's
   scope attribute - ::deep matches them as descendants of the scoped row. */
.bulk-management-row[b-7uxtqfbrya]  .bulk-management-apply {
    flex-shrink: 0;
}
/* /Pages/JobCardDigitalFormPage.razor.rz.scp.css */
.feature-disabled[b-hyd0nmjvqt], .tab-content-card[b-hyd0nmjvqt], .form-container[b-hyd0nmjvqt], .sidebar[b-hyd0nmjvqt] {
    background: white;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.main-wrapper[b-hyd0nmjvqt] { display: flex; gap: 20px; align-items: flex-start; width: 100%; }
.task-panel[b-hyd0nmjvqt] { flex: 1 1 auto; min-width: 0; }
.sidebar[b-hyd0nmjvqt] { flex: 0 0 36%; max-width: 36%; box-shadow: 0 2px 4px rgba(0,0,0,.05); }
.table-scroll[b-hyd0nmjvqt] { overflow-x: auto; }
.completion-header[b-hyd0nmjvqt] { margin-right: 50px; min-width: 300px; }
.detail-grid[b-hyd0nmjvqt] { display: grid; grid-template-columns: minmax(110px, auto) 1fr; gap: .65rem 1rem; }
.detail-grid dt[b-hyd0nmjvqt] { font-weight: 600; }
.detail-grid dd[b-hyd0nmjvqt] { margin: 0; }
.summary-chips[b-hyd0nmjvqt] { display: flex; flex-wrap: wrap; gap: .5rem; }
.notes-readonly[b-hyd0nmjvqt] { min-height: 220px; }

@media (max-width: 1000px) {
    .main-wrapper[b-hyd0nmjvqt] { flex-direction: column; }
    .sidebar[b-hyd0nmjvqt] { flex: 1 1 100%; max-width: 100%; width: 100%; }
    .completion-header[b-hyd0nmjvqt] { margin-right: 0; min-width: 240px; }
}

.cs-predecessor-diagram[b-hyd0nmjvqt] { height: 72vh; padding: 0; overflow: hidden; }

/* Subtle, non-blocking load indicator for the near-instant common case. */
.cs-inline-loader[b-hyd0nmjvqt] { padding: .75rem .25rem; opacity: .55; }
/* /Pages/JointPage.razor.rz.scp.css */
.joint-advanced-filter[b-dnhwnleiee] {
    margin-bottom: 1rem;
    padding: 1.25rem;
    border: 1px solid rgba(71, 74, 94, 0.12);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(246, 248, 252, 0.98) 100%);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.joint-advanced-filter__header[b-dnhwnleiee] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.joint-advanced-filter__copy[b-dnhwnleiee] {
    display: grid;
    gap: 0.35rem;
}

.joint-advanced-filter__eyebrow[b-dnhwnleiee] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #5f6b7a;
}

.joint-advanced-filter__copy h3[b-dnhwnleiee] {
    margin: 0;
    font-size: 1.1rem;
    color: #1f2937;
}

.joint-advanced-filter__copy p[b-dnhwnleiee] {
    margin: 0;
    color: #526071;
}

.joint-advanced-filter__actions[b-dnhwnleiee] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.advanced-search-status-dot[b-dnhwnleiee] {
    display: inline-flex;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 999px;
    margin-right: 0.5rem;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9);
    flex: 0 0 auto;
}

.advanced-search-status-dot--on[b-dnhwnleiee] {
    background: #22c55e;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9), 0 0 10px rgba(34, 197, 94, 0.45);
}

.advanced-search-status-dot--off[b-dnhwnleiee] {
    background: #ef4444;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9), 0 0 10px rgba(239, 68, 68, 0.35);
}

.advanced-search-toggle-option[b-dnhwnleiee] {
    cursor: pointer;
    flex: 1;
    display: inline-flex;
    align-items: center;
}

@media (max-width: 767px) {
    .joint-advanced-filter[b-dnhwnleiee] {
        padding: 1rem;
    }

    .joint-advanced-filter__header[b-dnhwnleiee] {
        flex-direction: column;
        align-items: stretch;
    }

    .joint-advanced-filter__actions[b-dnhwnleiee] {
        justify-content: flex-start;
    }
}
/* /Pages/MOC/Components/MocActionsDetailGridComponent.razor.rz.scp.css */
.cs-moc-actions-detail[b-1uxs18ru8g]  .k-grid .k-table .k-table-tbody tr.moc-action-tag-match:not(.k-selected) > td,
.cs-moc-actions-detail[b-1uxs18ru8g]  .k-grid .k-table .k-table-tbody tr.moc-action-tag-match:not(.k-selected) > td.k-grid-content-sticky,
.cs-moc-actions-detail[b-1uxs18ru8g]  .k-grid .k-table .k-table-tbody tr.moc-action-tag-match.k-alt:not(.k-selected) > td,
.cs-moc-actions-detail[b-1uxs18ru8g]  .k-grid .k-table .k-table-tbody tr.moc-action-tag-match.k-alt:not(.k-selected) > td.k-grid-content-sticky,
.cs-moc-actions-detail[b-1uxs18ru8g]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.moc-action-tag-match:not(.k-selected) > td,
.cs-moc-actions-detail[b-1uxs18ru8g]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.moc-action-tag-match:not(.k-selected) > td.k-grid-content-sticky,
.cs-moc-actions-detail[b-1uxs18ru8g]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-alt.moc-action-tag-match:not(.k-selected) > td,
.cs-moc-actions-detail[b-1uxs18ru8g]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-alt.moc-action-tag-match:not(.k-selected) > td.k-grid-content-sticky {
    background-color: #fff4ce !important;
}

.cs-moc-actions-detail[b-1uxs18ru8g]  .k-grid .k-table .k-table-tbody tr.moc-action-tag-match:hover > td,
.cs-moc-actions-detail[b-1uxs18ru8g]  .k-grid .k-table .k-table-tbody tr.moc-action-tag-match:hover > td.k-grid-content-sticky,
.cs-moc-actions-detail[b-1uxs18ru8g]  .k-grid .k-table .k-table-tbody tr.moc-action-tag-match.k-hover > td,
.cs-moc-actions-detail[b-1uxs18ru8g]  .k-grid .k-table .k-table-tbody tr.moc-action-tag-match.k-hover > td.k-grid-content-sticky,
.cs-moc-actions-detail[b-1uxs18ru8g]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.moc-action-tag-match:hover > td,
.cs-moc-actions-detail[b-1uxs18ru8g]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.moc-action-tag-match:hover > td.k-grid-content-sticky,
.cs-moc-actions-detail[b-1uxs18ru8g]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.moc-action-tag-match.k-hover > td,
.cs-moc-actions-detail[b-1uxs18ru8g]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.moc-action-tag-match.k-hover > td.k-grid-content-sticky {
    background-color: #ffe69c !important;
}
/* /Pages/MOC/Forms/MocFormPage.razor.rz.scp.css */
[b-98d473wat5] .approval-btn {
    min-width: 150px;
    padding: 12px 24px;
    font-weight: 600;
    border-radius: 6px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease-in-out;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
}

[b-98d473wat5] .approval-btn-approve {
    box-shadow: 0 4px 14px 0 rgba(0, 166, 81, 0.39);
}

.approval-btn-approve:hover[b-98d473wat5] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 166, 81, 0.23);
}
.mandatory-field[b-98d473wat5] {
    color: red !important;
}
[b-98d473wat5] .approval-btn-reject {
    border-width: 2px;
}

.approval-btn-reject:hover[b-98d473wat5] {
    background-color: #ffe6e6;
    transform: translateY(-1px);
}

[b-98d473wat5] .moc-actions-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

[b-98d473wat5] .moc-action-item {
    background-color: #ebebeb;
    border-radius: 8px;
    padding: 16px;
    width: 100%;
    display: block;
}

[b-98d473wat5] .moc-add-action-container {
    background-color: #ebebeb;
    border-radius: 8px;
    padding: 16px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

[b-98d473wat5] .moc-action-header {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

[b-98d473wat5] .moc-action-number {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #28a745;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    flex-shrink: 0;
}

[b-98d473wat5] .cs-tabledetail {
    width: 100%;
    border-collapse: collapse;
    background-color: white;
    font-size: 13px;
}

[b-98d473wat5] .cs-tabledetail th {
    background-color: #5a6c7d;
    color: white;
    padding: 10px;
    text-align: left;
    font-weight: 600;
    border: 1px solid #ddd;
}

[b-98d473wat5] .cs-tabledetail td {
    padding: 10px;
    border: 1px solid #ddd;
}

[b-98d473wat5] .cs-tabledetail tbody tr:hover {
    background-color: #f9f9f9;
}

.column-gap20[b-98d473wat5] {
    gap: 20px;
}

[b-98d473wat5] .moc-action-item .flex.w-100,
[b-98d473wat5] .moc-action-item .flex.column-gap20 {
    flex-wrap: wrap;
    row-gap: 12px;
}

[b-98d473wat5] .moc-action-item .form-group {
    min-width: 220px;
    max-width: 360px;
}

[b-98d473wat5] .moc-action-item .form-group.flex-1 {
    flex: 0 0 auto;
}

[b-98d473wat5] .moc-action-item .form-group.moc-type-field {
    min-width: 160px;
    max-width: 220px;
}

[b-98d473wat5] .moc-action-item .form-group.moc-action-field {
    min-width: 220px;
    max-width: 280px;
}

[b-98d473wat5] .moc-title {
    white-space: nowrap;
}

[b-98d473wat5] .moc-signature-summary {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    flex-wrap: nowrap;
}

[b-98d473wat5] .moc-signature-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

[b-98d473wat5] .moc-signature-item-title {
    font-size: 13px;
    font-weight: 600;
    color: #555;
}

[b-98d473wat5] .moc-approval-bar {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 16px;
    padding-bottom: 8px;
    margin-top: 8px;
    background-color: #ffffff;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
    z-index: 5;
}

[b-98d473wat5] .form-headers {
    background-color: #f5f5f5;
    padding: 12px;
    text-align: center;
    font-size: 14px;
    color: #333;
}

[b-98d473wat5] .header-approval {
    background-color: #5a6c7d;
    color: white;
}

[b-98d473wat5] .form-section {
    border: 1px solid #e0e0e0;
}

[b-98d473wat5] .cs-table {
    width: 100%;
    border-collapse: collapse;
}

[b-98d473wat5] .cs-table th,
[b-98d473wat5] .cs-table td {
    padding: 8px 12px;
    text-align: left;
    border: none;
}

[b-98d473wat5] .cs-table td:first-child {
    font-weight: 600;
    color: #666;
    width: 40%;
}

[b-98d473wat5] .approval-table tr:first-child th {
    border-bottom: none;
}

[b-98d473wat5] .badge {
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

[b-98d473wat5] .badge-success {
    background-color: #84ca87;
    color: white;
}

[b-98d473wat5] .badge-secondary {
    background-color: #cfd0d1;
    color: #666;
}

[b-98d473wat5] .border-top-left-radius {
    border-top-left-radius: 8px;
}

[b-98d473wat5] .border-top-right-radius {
    border-top-right-radius: 8px;
}

[b-98d473wat5] .border-radius {
    border-radius: 8px;
}

[b-98d473wat5] .border-bottom {
    border-bottom: 1px solid #e0e0e0;
}

[b-98d473wat5] .import-preview-table .table-danger {
    background-color: #f8d7da !important;
}

[b-98d473wat5] .import-preview-table td {
    vertical-align: middle;
}

[b-98d473wat5] .import-preview-table .sticky-top {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #f8f9fa;
}

[b-98d473wat5] .error-cell {
    border-left: 3px solid #dc3545 !important;
}

[b-98d473wat5] .valid-cell {
    border-left: 3px solid #28a745 !important;
}

html[data-theme="dark"] .bg-white.p-4.flex.flex-column[b-98d473wat5] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background-color: var(--kendo-color-app-surface, var(--aquip-surface)) !important;
}

html[data-theme="dark"][b-98d473wat5]  .moc-add-action-container,
html[data-theme="dark"][b-98d473wat5]  .moc-action-item {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background-color: var(--kendo-color-surface-alt, var(--aquip-surface-raised));
    border: 1px solid var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"][b-98d473wat5]  .moc-add-action-container label,
html[data-theme="dark"][b-98d473wat5]  .moc-action-item label {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"][b-98d473wat5]  .moc-action-item .k-input,
html[data-theme="dark"][b-98d473wat5]  .moc-action-item .k-picker,
html[data-theme="dark"][b-98d473wat5]  .moc-action-item .k-dropdownlist,
html[data-theme="dark"][b-98d473wat5]  .moc-action-item .k-combobox,
html[data-theme="dark"][b-98d473wat5]  .moc-action-item .k-multicolumncombobox,
html[data-theme="dark"][b-98d473wat5]  .moc-action-item .k-multiselect,
html[data-theme="dark"][b-98d473wat5]  .moc-action-item .k-textbox {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background-color: var(--kendo-color-surface, var(--aquip-surface));
    border-color: var(--kendo-color-border-alt, var(--aquip-border-strong));
}

html[data-theme="dark"][b-98d473wat5]  .moc-action-item .k-input-inner,
html[data-theme="dark"][b-98d473wat5]  .moc-action-item .k-input-button {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"][b-98d473wat5]  .moc-action-item .k-disabled,
html[data-theme="dark"][b-98d473wat5]  .moc-action-item [aria-disabled="true"] {
    color: var(--kendo-color-subtle, var(--aquip-text-muted));
    background-color: var(--kendo-color-app-surface, var(--aquip-surface));
    opacity: 1;
}

html[data-theme="dark"][b-98d473wat5]  .moc-approval-bar,
html[data-theme="dark"][b-98d473wat5]  .form-headers,
html[data-theme="dark"][b-98d473wat5]  .cs-tabledetail {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background-color: var(--kendo-color-surface-alt, var(--aquip-surface-raised));
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"][b-98d473wat5]  .form-section,
html[data-theme="dark"][b-98d473wat5]  .border-bottom,
html[data-theme="dark"][b-98d473wat5]  .cs-tabledetail th,
html[data-theme="dark"][b-98d473wat5]  .cs-tabledetail td {
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"][b-98d473wat5]  .cs-tabledetail tbody tr:hover {
    background-color: var(--kendo-color-base-subtle-hover, var(--aquip-hover));
}

html[data-theme="dark"][b-98d473wat5]  .moc-signature-item-title,
html[data-theme="dark"][b-98d473wat5]  .cs-table td:first-child {
    color: var(--kendo-color-subtle, var(--aquip-text-muted));
}
/* /Pages/MOC/MocPage.razor.rz.scp.css */
/* Status button styles */
[b-8kqv2h2cig] .state-draft .k-button {
    background-color: #ffe8e8 !important;
    color: #d9534f !important;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 0.6rem;
    line-height: 1.2;
    text-align: center;
    border-color: #0000002b !important;
    box-shadow: none !important;
}

[b-8kqv2h2cig] .state-inprogress .k-button {
    background-color: #fff9e6 !important;
    border-color: #0000002b !important;
    color: #856404 !important;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 0.6rem;
    line-height: 1.2;
    text-align: center;
    box-shadow: none !important;
}

[b-8kqv2h2cig] .state-completed {
    background-color: #d6ffd6 !important;
    border-color: #0000002b !important;
    color: #288f28 !important;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 0.6rem;
    line-height: 1.2;
    text-align: center;
    box-shadow: none !important;
}

[b-8kqv2h2cig] .state-rejected {
    background-color: #ffe2b9 !important;
    border-color: #0000002b !important;
    color: #794700 !important;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 0.6rem;
    line-height: 1.2;
    text-align: center;
    box-shadow: none !important;
}

[b-8kqv2h2cig] .state-cancelled {
    background-color: #e9ecef !important;
    border-color: #0000002b !important;
    color: #6c757d !important;
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 0.6rem;
    line-height: 1.2;
    text-align: center;
    box-shadow: none !important;
}

/* Selected states using .k-selected */
[b-8kqv2h2cig] .state-draft.k-selected {
    border: 1px solid #d9534f !important;
    background: #d9534f !important;
    color: #fff !important;
}

[b-8kqv2h2cig] .state-inprogress.k-selected {
    background: #ffc107 !important;
    color: #fff !important;
    border-color: #ffc107 !important;
}

[b-8kqv2h2cig] .state-completed.k-selected {
    border: #5cb85c !important;
    background: #5cb85c !important;
    color: #fff !important;
}

[b-8kqv2h2cig] .state-rejected.k-selected {
    border: #f0ad4e !important;
    background: #f0ad4e !important;
    color: #fff !important;
}

[b-8kqv2h2cig] .state-cancelled.k-selected {
    border: #6c757d !important;
    background: #6c757d !important;
    color: #fff !important;
}

[b-8kqv2h2cig] .state-draft:hover,
[b-8kqv2h2cig] .state-inprogress:hover,
[b-8kqv2h2cig] .state-completed:hover,
[b-8kqv2h2cig] .state-rejected:hover,
[b-8kqv2h2cig] .state-cancelled:hover {
    opacity: 0.7;
}

[b-8kqv2h2cig] .state-draft.k-selected:hover,
[b-8kqv2h2cig] .state-inprogress.k-selected:hover,
[b-8kqv2h2cig] .state-completed.k-selected:hover,
[b-8kqv2h2cig] .state-rejected.k-selected:hover,
[b-8kqv2h2cig] .state-cancelled.k-selected:hover {
    opacity: 0.9;
}
/* /Pages/NameMappingSettingPage.razor.rz.scp.css */
.p-3[b-y349rofpd8] {
    padding: 1rem;
}

.text-muted[b-y349rofpd8] {
    color: #6c757d;
}

.mb-3[b-y349rofpd8] {
    margin-bottom: 1rem;
}

.btn-save[b-y349rofpd8],
.btn-edit[b-y349rofpd8],
.btn-delete[b-y349rofpd8],
.btn-cancel[b-y349rofpd8] {
    padding: 0.5rem;
    margin: 0 0.25rem;
}

h3[b-y349rofpd8] {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
} 
/* /Pages/PermissionsDocumentationPage.razor.rz.scp.css */

.permissions-documentation-container[b-lrlnki2soi] {
    padding: 20px;
    max-width: 1600px;
    width: 1000px;
    margin: 0 auto;
}

.header-section[b-lrlnki2soi] {
    text-align: center;
    margin-bottom: 30px;
}

.sticky-header[b-lrlnki2soi] {
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 1;
    padding: 20px 0;
    margin-bottom: 0;
    border-bottom: 1px solid #dee2e6;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.lead[b-lrlnki2soi] {
    font-size: 1.1em;
    color: #666;
    margin-top: 10px;
}

/* Search Styles */
.search-container[b-lrlnki2soi] {
    position: relative;
    max-width: 600px;
    margin: 20px auto;
}

.search-input[b-lrlnki2soi] {
    width: 100%;
    padding: 12px 45px 12px 20px;
    border: 2px solid #ddd;
    border-radius: 25px;
    font-size: 16px;
    outline: none;
    transition: border-color 0.3s;
}

    .search-input:focus[b-lrlnki2soi] {
        border-color: var(--kendo-color-primary);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--kendo-color-primary) 10%, transparent);
    }

.search-icon[b-lrlnki2soi] {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #666;
}

.clear-search[b-lrlnki2soi] {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 18px;
    color: #666;
    cursor: pointer;
    padding: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .clear-search:hover[b-lrlnki2soi] {
        background-color: #f0f0f0;
    }

/* Permission Selector Styles */
.permission-selector-container[b-lrlnki2soi] {
    max-width: 600px;
    margin: 15px auto;
}

.selector-wrapper[b-lrlnki2soi] {
    position: relative;
    display: flex;
    align-items: center;
}

.permission-selector[b-lrlnki2soi] {
    width: 100%;
    padding: 12px 45px 12px 20px;
    border: 2px solid #ddd;
    border-radius: 25px;
    font-size: 16px;
    outline: none;
    background-color: white;
    appearance: none;
    cursor: pointer;
    transition: border-color 0.3s;
}

    .permission-selector:focus[b-lrlnki2soi] {
        border-color: #28a745;
        box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.1);
    }

    .permission-selector:hover[b-lrlnki2soi] {
        border-color: #28a745;
    }

.selector-icon[b-lrlnki2soi] {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: #666;
    pointer-events: none;
}

.permission-selector optgroup[b-lrlnki2soi] {
    font-weight: bold;
    color: var(--kendo-color-primary);
    background-color: #f8f9fa;
    padding: 8px;
}

.permission-selector option[b-lrlnki2soi] {
    padding: 8px;
    color: #333;
    font-weight: normal;
}

.search-results-summary[b-lrlnki2soi] {
    margin-top: 10px;
    color: #666;
    font-style: italic;
}

/* Main Content Layout */
.main-content[b-lrlnki2soi] {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    margin-top: 30px;
}

/* Navigation Sidebar */
.navigation-sidebar[b-lrlnki2soi] {
    position: sticky;
    top: 180px;
    width: 280px;
    background-color: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #dee2e6;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    flex-shrink: 0;
}

.nav-header[b-lrlnki2soi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #dee2e6;
    background-color: #e9ecef;
    border-radius: 8px 8px 0 0;
}

    .nav-header h3[b-lrlnki2soi] {
        margin: 0;
        font-size: 1.1em;
    }

.nav-toggle[b-lrlnki2soi] {
    background: none;
    border: none;
    font-size: 16px;
    cursor: pointer;
    padding: 0;
    color: var(--kendo-color-primary);
}

.nav-content[b-lrlnki2soi] {
    padding: 10px 0;
}

.nav-item[b-lrlnki2soi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 20px;
    border-bottom: 1px solid #eee;
}

    .nav-item:last-child[b-lrlnki2soi] {
        border-bottom: none;
    }

    .nav-item a[b-lrlnki2soi] {
        color: var(--kendo-color-primary);
        text-decoration: none;
        font-weight: 500;
        flex-grow: 1;
    }

        .nav-item a:hover[b-lrlnki2soi] {
            text-decoration: underline;
        }

.nav-count[b-lrlnki2soi] {
    color: #666;
    font-size: 0.9em;
}

/* Content Area */
.content-area[b-lrlnki2soi] {
    flex: 1;
    min-width: 0;
}

.permission-legend[b-lrlnki2soi] {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 30px;
    scroll-margin-top: 200px;
}

.legend-grid[b-lrlnki2soi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 15px;
    margin-top: 15px;
}

.legend-item[b-lrlnki2soi] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.permission-badge[b-lrlnki2soi] {
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 0.85em;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
}

    .permission-badge.view[b-lrlnki2soi] {
        background-color: #28a745;
        color: white;
    }

    .permission-badge.add[b-lrlnki2soi] {
        background-color: var(--kendo-color-primary);
        color: white;
    }

    .permission-badge.edit[b-lrlnki2soi] {
        background-color: #ffc107;
        color: #333;
    }

    .permission-badge.delete[b-lrlnki2soi] {
        background-color: #dc3545;
        color: white;
    }

    .permission-badge.confirm[b-lrlnki2soi] {
        background-color: #6f42c1;
        color: white;
    }

/* Categories */
.permissions-grid[b-lrlnki2soi] {
    display: grid;
    gap: 30px;
}

.permission-category[b-lrlnki2soi] {
    background-color: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    scroll-margin-top: 200px;
}

.category-header[b-lrlnki2soi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.category-title[b-lrlnki2soi] {
    color: #333;
    font-size: 1.5em;
    border-bottom: 2px solid var(--kendo-color-primary);
    padding-bottom: 10px;
    margin: 0;
    flex-grow: 1;
}

.category-toggle[b-lrlnki2soi] {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
    padding: 0;
    color: var(--kendo-color-primary);
    margin-left: 15px;
}

.category-description[b-lrlnki2soi] {
    color: #666;
    margin-bottom: 20px;
    font-style: italic;
}

.permission-items[b-lrlnki2soi] {
    display: grid;
    gap: 20px;
}

.permission-item[b-lrlnki2soi] {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 6px;
    border-left: 4px solid var(--kendo-color-primary);
    scroll-margin-top: 200px;
}

.permission-header[b-lrlnki2soi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

    .permission-header h4[b-lrlnki2soi] {
        margin: 0;
        color: #333;
    }

.permission-key[b-lrlnki2soi] {
    background-color: #e9ecef;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.9em;
    color: #495057;
}

.permission-description[b-lrlnki2soi] {
    color: #666;
    margin-bottom: 15px;
}

.related-pages[b-lrlnki2soi] {
    margin-bottom: 15px;
}

    .related-pages ul[b-lrlnki2soi] {
        margin: 5px 0 0 20px;
        padding: 0;
    }

    .related-pages li[b-lrlnki2soi] {
        margin: 5px 0;
    }

    .related-pages a[b-lrlnki2soi] {
        color: var(--kendo-color-primary);
        text-decoration: none;
    }

        .related-pages a:hover[b-lrlnki2soi] {
            text-decoration: underline;
        }

.required-action[b-lrlnki2soi] {
    color: #666;
    font-size: 0.9em;
    font-style: italic;
}

.available-actions[b-lrlnki2soi] {
    margin-top: 10px;
}

.action-badges[b-lrlnki2soi] {
    display: flex;
    gap: 8px;
    margin-top: 5px;
    flex-wrap: wrap;
}

/* Search Results */
.search-results-container[b-lrlnki2soi] {
    display: grid;
    gap: 20px;
}

.search-result-item[b-lrlnki2soi] {
    background-color: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.search-result-category[b-lrlnki2soi] {
    color: var(--kendo-color-primary);
    font-weight: 600;
    font-size: 0.9em;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.no-results[b-lrlnki2soi] {
    text-align: center;
    padding: 40px;
    color: #666;
}

    .no-results h4[b-lrlnki2soi] {
        margin-bottom: 10px;
        color: #333;
    }

.additional-info[b-lrlnki2soi] {
    margin-top: 40px;
    background-color: var(--kendo-color-primary-subtle, #f8f9fa);
    padding: 20px;
    border-radius: 8px;
    border-left: 4px solid var(--kendo-color-primary);
    scroll-margin-top: 200px;
}

    .additional-info h3[b-lrlnki2soi] {
        margin-top: 0;
        color: var(--kendo-color-primary-on-subtle, #333);
    }

    .additional-info ul[b-lrlnki2soi] {
        margin: 10px 0 0 20px;
        color: var(--kendo-color-primary-on-subtle, #333);
    }

    .additional-info li[b-lrlnki2soi] {
        margin: 8px 0;
    }

/* Responsive Design */
@media (max-width: 768px) {
    .sticky-header[b-lrlnki2soi] {
        position: relative;
        top: auto;
        box-shadow: none;
        border-bottom: none;
    }

    .main-content[b-lrlnki2soi] {
        flex-direction: column;
        margin-top: 20px;
    }

    .navigation-sidebar[b-lrlnki2soi] {
        position: static;
        width: 100%;
        max-height: none;
        order: 2;
        margin-top: 20px;
    }

    .content-area[b-lrlnki2soi] {
        order: 1;
    }

    .legend-grid[b-lrlnki2soi] {
        grid-template-columns: 1fr;
    }

    .permission-header[b-lrlnki2soi] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .action-badges[b-lrlnki2soi] {
        flex-direction: column;
        align-items: flex-start;
    }

    .permission-selector[b-lrlnki2soi] {
        font-size: 14px;
    }

    .permission-legend[b-lrlnki2soi],
    .permission-category[b-lrlnki2soi],
    .permission-item[b-lrlnki2soi],
    .additional-info[b-lrlnki2soi] {
        scroll-margin-top: 20px;
    }
}
/* /Pages/PersonnelActiveSummaryPage.razor.rz.scp.css */

.personnel-container[b-7xqak3cq17] {
	padding: 20px;
}

.status-badge[b-7xqak3cq17] {
	padding: 3px 8px;
	border-radius: 12px;
	font-size: 0.8rem;
	font-weight: 500;
	text-transform: uppercase;
}

	.status-badge.active[b-7xqak3cq17] {
		background-color: #e6f7ee;
		color: #0d6832;
	}

	.status-badge.inactive[b-7xqak3cq17] {
		background-color: #fde8e8;
		color: #9e0b0f;
	}

.change-item[b-7xqak3cq17] {
	display: flex;
	justify-content: space-between;
	padding: 5px 0;
	border-bottom: 1px solid #eee;
}

	.change-item .name[b-7xqak3cq17] {
		font-weight: 500;
	}

	.change-item .change[b-7xqak3cq17] {
		font-size: 0.8rem;
		padding: 2px 6px;
		border-radius: 10px;
	}

		.change-item .change.activated[b-7xqak3cq17] {
			background-color: #e6f7ee;
			color: #0d6832;
		}

		.change-item .change.deactivated[b-7xqak3cq17] {
			background-color: #fde8e8;
			color: #9e0b0f;
		}

	.change-item .date[b-7xqak3cq17] {
		color: #666;
		font-size: 0.8rem;
	}

.summary-section[b-7xqak3cq17] {
	background-color: #f9f9f9;
	border-radius: 5px;
	padding: 15px;
}

.indicator[b-7xqak3cq17] {
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #f44336;
	border-radius: 50%;
}

.non-d-status[b-7xqak3cq17] {
	background-color: #ffcdd2;
	color: white;
	padding: 2px 5px;
	border-radius: 3px;
	display: inline-block;
	width: 100%;
	text-align: center;
}

.k-grid td .non-d-status[b-7xqak3cq17] {
	margin: 2px;
	width: calc(100% - 10px);
}

.header-date-week[b-7xqak3cq17] {
	display: flex;
	flex-direction: column;
	align-items: center;
	line-height: 1.2;
}

.header-day[b-7xqak3cq17] {
	font-weight: bold;
	font-size: 14px;
}

.header-weekday[b-7xqak3cq17] {
	font-size: 12px;
	color: #666;
}


.non-d-status[b-7xqak3cq17] {
	background-color: #ffcdd2;
	color: #d32f2f;
	width: 100%;
	text-align: center;
	border-radius: 3px;
	padding: 2px 0;
}

.table-scroll-container[b-7xqak3cq17] {
	overflow-x: auto;
	overflow-y: visible;
	width: 100%;
}

.grid-container[b-7xqak3cq17] {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	height: 100%;
	min-height: 0; 
}


.full-height-grid[b-7xqak3cq17] {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.k-grid .k-grid-footer[b-7xqak3cq17] {
	margin-top: auto !important;
}

.k-grid-content[b-7xqak3cq17] {
	overflow-y: auto;
}

.status-badge[b-7xqak3cq17] {
	padding: 3px 8px;
	border-radius: 12px;
	font-size: 0.8rem;
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	margin: 2px;
}

.flight-badge-incoming[b-7xqak3cq17] {
	background-color: #e3f2fd;
	color: #1976d2;
}

.flight-badge-outgoing[b-7xqak3cq17] {
	background-color: #fff8e1;
	color: #ff8f00;
}

.work-badge[b-7xqak3cq17] {
	background-color: #e8f5e9;
	color: #2e7d32;
}

.room-badge[b-7xqak3cq17] {
	background-color: #f3e5f5;
	color: #7b1fa2;
}
.Unallocated-badge[b-7xqak3cq17] {
	background-color: #ffebee;
	color: #7b1fa2;
}
.daytime-badge[b-7xqak3cq17] {
	background-color: #e1f5fe;
	color: #0277bd;
}


.cell-content[b-7xqak3cq17] {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.badge-group[b-7xqak3cq17] {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}


.flight-icon[b-7xqak3cq17] {
	margin-left: 4px;
	font-size: 0.9em;
}

.room-bed-container[b-7xqak3cq17] {
	background-color: #F5F5F5; 
	border-radius: 8px;
	padding: 4px;
	margin: 2px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.day-container[b-7xqak3cq17] {
	background-color: #E3F2FD; 
	border-radius: 8px;
	padding: 4px;
	margin-top: 4px;
	text-align: center;
}
.flight-info-item[b-7xqak3cq17] {
	display: block;
	width: 100%;
	text-align: center;
}
.flight-info-container[b-7xqak3cq17] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px; 
}
.status-badge[b-7xqak3cq17] {
	font-size: 0.7rem; 
	padding: 2px 6px; 
}

.flight-info-item[b-7xqak3cq17] {
	font-size: 0.8rem; 
}

.room-bed-container[b-7xqak3cq17] {
	font-size: 0.75rem; 
}

.day-container[b-7xqak3cq17] {
	font-size: 0.75rem; 
}
.cell-content[b-7xqak3cq17] {
	max-width: 100%;
	word-wrap: break-word; 
}

.status-badge[b-7xqak3cq17] {
	max-width: 100%;
	white-space: normal;
}

.room-bed-container[b-7xqak3cq17] {
	max-width: 100%;
	word-wrap: break-word;
}
.k-grid .k-grid-content[b-7xqak3cq17] {
	overflow-y: auto; 
}

.k-grid td[b-7xqak3cq17] {
	max-width: 200px;
	text-overflow: ellipsis; 
	overflow: hidden; 
}

.flight-info-container[b-7xqak3cq17] {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	padding: 8px 12px; 
	border-radius: 12px; 
}

.flight-badge-incoming[b-7xqak3cq17], .flight-badge-outgoing[b-7xqak3cq17] {
	background-color: #e3f2fd;
	color: #1976d2;
	padding: 8px 12px;
	border-radius: 12px; 
	display: inline-block;
	text-align: center;
	width: auto;
}

.flight-badge-outgoing[b-7xqak3cq17] {
	background-color: #fff8e1;
	color: #ff8f00;
}
.flight-badge-incoming[b-7xqak3cq17], .flight-badge-outgoing[b-7xqak3cq17] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px; 
	border-radius: 12px;
}
.flight-info-container[b-7xqak3cq17] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 12px;
	border-radius: 12px;
}
.status-badge[b-7xqak3cq17] {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.7rem; 
	padding: 2px 6px; 
	margin: 0; 
}

.cell-content[b-7xqak3cq17] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
}

.day-container[b-7xqak3cq17] {
	background-color: #E3F2FD; 
	border-radius: 8px;
	padding: 2px 6px; 
	margin-top: 2px; 
	text-align: center;
}
.status-badge[b-7xqak3cq17] {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.7rem;
	padding: 2px 6px; 
	margin: 0;
	width: 100%; 
	text-align: center; 
}

.cell-content[b-7xqak3cq17] {
	display: flex;
	flex-direction: column;
	align-items: center; 
	gap: 2px; 
	justify-content: center;
}

.day-container[b-7xqak3cq17] {
	background-color: #E3F2FD; 
	border-radius: 8px;
	padding: 2px 6px;
	margin-top: 2px;
	text-align: center;
	display: flex; 
	justify-content: center;
	align-items: center; 
	width: 100%; 
}
.button-section[b-7xqak3cq17] {
	display: flex;
	justify-content: flex-end;
	padding: 36px 0 0 0;
}

.window-container[b-7xqak3cq17] {
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	height: 100%;
}


.user-info[b-7xqak3cq17] {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
}

.user-icon[b-7xqak3cq17] {
	width: 24px;
	height: 24px;
}

.user-name[b-7xqak3cq17] {
	font-weight: bold;
	font-size: 1.1rem;
}


.date-picker-group[b-7xqak3cq17] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.date-picker-item[b-7xqak3cq17] {
	display: flex;
	flex-direction: column;
	gap: 5px;
}


.daytime-toggle[b-7xqak3cq17] {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 10px 0;
}


.bed-selection[b-7xqak3cq17] {
	margin-top: 10px;
}

.button-container[b-7xqak3cq17] {
	margin-top: auto;
	display: flex;
	justify-content: flex-end;
	padding-top: 20px;
}

.save-button[b-7xqak3cq17] {
	min-width: 120px;
}

.k-label[b-7xqak3cq17] {
	font-weight: 500;
	margin-bottom: 4px;
}

.k-window-content[b-7xqak3cq17] {
	padding: 0 !important;
}
.nighttime-badge[b-7xqak3cq17] {
	background-color: #2c3e50; 
	color: #ecf0f1; 
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 0.8em;
	font-weight: bold;
}

.daytime-badge[b-7xqak3cq17] {
	background-color: #f39c12;
	color: #fff; 
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 0.8em;
	font-weight: bold;
}
.k-grid th[b-7xqak3cq17] {
	text-align: center;
}

.header-date-week[b-7xqak3cq17] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	line-height: 1.2;
	height: 100%;
}

.header-month[b-7xqak3cq17], .header-day[b-7xqak3cq17], .header-weekday[b-7xqak3cq17] {
	text-align: center;
	width: 100%;
}
 
/* /Pages/PowerBINavigator.razor.rz.scp.css */
.pbi-navigator-left[b-3o7gomvuvh] {
    padding: 16px;
    height: 100%;
    overflow-y: auto;
    background-color: var(--kendo-color-base-subtle, #f8f9fa);
    border-right: 1px solid var(--kendo-color-border, #dee2e6);
}

.pbi-navigator-right[b-3o7gomvuvh] {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.pbi-category[b-3o7gomvuvh] {
    margin-bottom: 16px;
}

.pbi-category-title[b-3o7gomvuvh] {
    font-weight: 600;
    font-size: 13px;
    color: var(--kendo-color-on-base, #495057);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.pbi-category-icon[b-3o7gomvuvh] {
    display: inline-flex;
    align-items: center;
}

.pbi-report-list[b-3o7gomvuvh] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pbi-report-item[b-3o7gomvuvh] {
    border: 1px solid var(--kendo-color-border, #dee2e6);
    background-color: var(--kendo-color-base, #ffffff);
    padding: 10px 12px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.pbi-report-item:hover[b-3o7gomvuvh] {
    background-color: var(--kendo-color-primary-subtle, #e9ecef);
    border-color: var(--kendo-color-primary, #007bff);
}

.pbi-report-item.selected[b-3o7gomvuvh] {
    background-color: var(--kendo-color-primary, #007bff);
    border-color: var(--kendo-color-primary, #007bff);
    color: var(--kendo-color-on-primary, #ffffff);
}

.pbi-report-item.selected .pbi-report-title[b-3o7gomvuvh],
.pbi-report-item.selected .pbi-report-description[b-3o7gomvuvh] {
    color: var(--kendo-color-on-primary, #ffffff);
}

.pbi-report-info[b-3o7gomvuvh] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pbi-report-title[b-3o7gomvuvh] {
    font-size: 12px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.pbi-report-description[b-3o7gomvuvh] {
    font-size: 11px;
    color: var(--kendo-color-on-base-subtle, #6c757d);
}


.pbi-report-group[b-3o7gomvuvh] {
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: 6px;
    overflow: hidden;
    background-color: var(--kendo-color-base, #ffffff);
}

.pbi-report-group-header[b-3o7gomvuvh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background-color: var(--kendo-color-base-subtle, #f8f9fa);
    border-bottom: 1px solid var(--kendo-color-border, #dee2e6);
    gap: 8px;
}

.pbi-report-group-header .pbi-report-title[b-3o7gomvuvh] {
    font-size: 12px;
    font-weight: 600;
    color: var(--kendo-color-on-base, #495057);
}

.pbi-section-list[b-3o7gomvuvh] {
    display: flex;
    flex-direction: column;
}

.pbi-section-item[b-3o7gomvuvh] {
    padding: 8px 12px 8px 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    border-bottom: 1px solid var(--kendo-color-border-alt, #f0f0f0);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
}

.pbi-section-item:last-child[b-3o7gomvuvh] {
    border-bottom: none;
}

.pbi-section-item:hover[b-3o7gomvuvh] {
    background-color: var(--kendo-color-primary-subtle, #e9ecef);
}

.pbi-section-item.selected[b-3o7gomvuvh] {
    background-color: var(--kendo-color-primary, #007bff);
    color: var(--kendo-color-on-primary, #ffffff);
}

.pbi-section-title[b-3o7gomvuvh] {
    font-size: 12px;
}

.pbi-loading[b-3o7gomvuvh],
.pbi-empty[b-3o7gomvuvh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 10px;
    color: var(--kendo-color-on-base-subtle, #6c757d);
    font-style: italic;
}

.pbi-empty-inline[b-3o7gomvuvh] {
    align-items: flex-start;
    padding: 8px 0;
}

.pbi-empty-state[b-3o7gomvuvh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: var(--kendo-color-base-subtle, #f8f9fa);
    text-align: center;
    padding: 32px;
}

.pbi-empty-state h4[b-3o7gomvuvh] {
    color: var(--kendo-color-on-base, #495057);
    margin-bottom: 12px;
}

.pbi-empty-state p[b-3o7gomvuvh] {
    color: var(--kendo-color-on-base-subtle, #6c757d);
}

.pbi-report-header[b-3o7gomvuvh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 20px 8px;
    flex-shrink: 0;
}

.pbi-report-header h4[b-3o7gomvuvh] {
    margin-bottom: 4px;
}

.pbi-report-header p[b-3o7gomvuvh] {
    margin-bottom: 0;
    color: var(--kendo-color-on-base-subtle, #6c757d);
}

.pbi-portfolio-scope[b-3o7gomvuvh] {
    margin: 4px 20px 8px;
    padding: 10px 12px;
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: 6px;
    background: var(--kendo-color-base-subtle, #f8f9fa);
    color: var(--kendo-color-on-base, #495057);
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.pbi-scope-heading[b-3o7gomvuvh] {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.pbi-scope-controls[b-3o7gomvuvh] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    font-size: 12px;
}

.pbi-scope-controls label[b-3o7gomvuvh] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    white-space: nowrap;
}

.pbi-project-selector[b-3o7gomvuvh] {
    min-width: 280px;
    flex: 1 1 360px;
}

.pbi-scope-validation[b-3o7gomvuvh] {
    display: block;
    margin-top: 3px;
    color: var(--kendo-color-error, #dc3545);
    font-size: 11px;
}

.pbi-scope-summary[b-3o7gomvuvh] {
    margin: 0 20px 8px;
    padding: 6px 10px;
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: 4px;
    background: var(--kendo-color-base, #ffffff);
    color: var(--kendo-color-on-base-subtle, #6c757d);
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    font-size: 11px;
    flex-shrink: 0;
}

.pbi-access-limit[b-3o7gomvuvh] {
    color: var(--kendo-color-warning, #b26a00);
    font-weight: 600;
}

.pbi-embed-status[b-3o7gomvuvh],
.pbi-embed-error[b-3o7gomvuvh] {
    margin: 0 20px 8px;
    flex-shrink: 0;
}

.pbi-embed-status[b-3o7gomvuvh] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--kendo-color-on-base-subtle, #6c757d);
    font-size: 12px;
}

.pbi-embed-error[b-3o7gomvuvh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.pbi-embed-container[b-3o7gomvuvh] {
    flex: 1 1 0;
    min-height: 0;
}

[b-3o7gomvuvh] .pbi-management-window .k-window-content {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.pbi-inline-edit[b-3o7gomvuvh] {
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    border: 1px solid var(--kendo-color-primary, #007bff);
    border-radius: 3px;
    padding: 1px 4px;
    outline: none;
    width: 100%;
    min-width: 60px;
    max-width: 200px;
    background: var(--kendo-color-base, #ffffff);
    color: var(--kendo-color-on-base, #495057);
}

.pbi-restriction-lock[b-3o7gomvuvh] {
    display: inline-flex;
    align-items: center;
    margin-left: auto;
    color: var(--kendo-color-on-base-subtle, #6c757d);
    cursor: help;
    flex-shrink: 0;
}

.pbi-report-item.selected .pbi-restriction-lock[b-3o7gomvuvh] {
    color: var(--kendo-color-on-primary, #ffffff);
}

.pbi-section-copy[b-3o7gomvuvh] {
    display: inline-flex;
    align-items: center;
    margin-left: auto;
    padding: 2px 4px;
    color: var(--kendo-color-on-base-subtle, #6c757d);
    cursor: pointer;
    border-radius: 3px;
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.15s ease, background-color 0.15s ease;
}

.pbi-section-item:hover .pbi-section-copy[b-3o7gomvuvh] {
    opacity: 1;
}

.pbi-section-copy:hover[b-3o7gomvuvh] {
    background-color: var(--kendo-color-primary-subtle, #e9ecef);
    color: var(--kendo-color-primary, #007bff);
}

.pbi-section-item.selected .pbi-section-copy[b-3o7gomvuvh] {
    color: var(--kendo-color-on-primary, #ffffff);
    opacity: 1;
}
/* /Pages/ProgressItemFormPage.razor.rz.scp.css */
.progress-container[b-hpyxbkbx1x] {
    min-width: 0;
    height: 100%;
    padding: 18px;
    overflow: auto;
    background:
        radial-gradient(circle at top right, rgba(37, 99, 235, .06), transparent 28rem),
        #f7f9fc;
    scroll-behavior: smooth;
}

.signatory-warning[b-hpyxbkbx1x] {
    margin: 0 0 16px;
    padding: 12px 14px;
    border: 1px solid #f0d89a;
    border-radius: 10px;
    background: #fff9e8;
    color: #6f5714;
}

.section-navigator[b-hpyxbkbx1x] {
    margin-bottom: 18px;
    padding: 18px;
    border: 1px solid #dce5f0;
    border-radius: 14px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 8px 24px rgba(30, 41, 59, .07);
}

.section-navigator-heading[b-hpyxbkbx1x] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.section-navigator-heading h2[b-hpyxbkbx1x] {
    margin: 2px 0 0;
    color: #172033;
    font-size: 1.05rem;
}

.section-navigator-eyebrow[b-hpyxbkbx1x] {
    color: var(--kendo-color-primary, #2563eb);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.section-navigator-total[b-hpyxbkbx1x] {
    color: #677489;
    font-size: .78rem;
    white-space: nowrap;
}

.section-jump-list[b-hpyxbkbx1x] {
    display: grid;
    grid-auto-columns: minmax(205px, 1fr);
    grid-auto-flow: column;
    gap: 10px;
    padding: 2px 2px 8px;
    overflow-x: auto;
    scrollbar-color: #c4cfdd transparent;
    scrollbar-width: thin;
}

.section-jump-button[b-hpyxbkbx1x] {
    position: relative;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    min-height: 68px;
    padding: 11px 12px 15px;
    overflow: hidden;
    border: 1px solid #dfe6ef;
    border-radius: 11px;
    background: #fff;
    color: #1f2937;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.section-jump-button:hover[b-hpyxbkbx1x],
.section-jump-button:focus-visible[b-hpyxbkbx1x] {
    border-color: var(--kendo-color-primary, #2563eb);
    box-shadow: 0 7px 18px rgba(37, 99, 235, .12);
    transform: translateY(-2px);
    outline: none;
}

.section-jump-number[b-hpyxbkbx1x],
.section-header-number[b-hpyxbkbx1x] {
    display: inline-grid;
    place-items: center;
    border-radius: 9px;
    background: #eaf2ff;
    color: var(--kendo-color-primary, #2563eb);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .04em;
}

.section-jump-number[b-hpyxbkbx1x] {
    width: 34px;
    height: 34px;
}

.section-jump-copy[b-hpyxbkbx1x] {
    min-width: 0;
}

.section-jump-copy strong[b-hpyxbkbx1x],
.section-jump-copy span[b-hpyxbkbx1x] {
    display: block;
}

.section-jump-copy strong[b-hpyxbkbx1x] {
    overflow: hidden;
    font-size: .82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.section-jump-copy span[b-hpyxbkbx1x] {
    margin-top: 3px;
    color: #778395;
    font-size: .69rem;
}

.section-jump-percentage[b-hpyxbkbx1x] {
    color: #4a5a70;
    font-size: .72rem;
    font-weight: 800;
}

.section-jump-progress[b-hpyxbkbx1x] {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 4px;
    background: #e8edf3;
}

.section-jump-progress > span[b-hpyxbkbx1x],
.section-header-progress > span[b-hpyxbkbx1x] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #3b82f6, #22c55e);
}

.progress-steps-table[b-hpyxbkbx1x] {
    border-spacing: 0 8px;
}

[b-hpyxbkbx1x] .progress-item-dock {
    min-height: 520px;
    border: 1px solid var(--kendo-color-border, #d8dde3);
    border-radius: 10px;
    overflow: hidden;
    background: var(--kendo-color-surface-alt, #f6f8fa);
}

[b-hpyxbkbx1x] .progress-item-dock .k-pane-content {
    overflow: auto;
}

.predecessor-pane-content[b-hpyxbkbx1x],
.overall-progress-pane[b-hpyxbkbx1x] {
    height: 100%;
    overflow: auto;
}

.predecessor-pane-content[b-hpyxbkbx1x] {
    padding: 14px;
    background: var(--kendo-color-surface-alt, #f6f8fa);
}

.form-container[b-hpyxbkbx1x] {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.checklist-container[b-hpyxbkbx1x] {
    margin-top: 2rem;
}

.section-container[b-hpyxbkbx1x] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
}

.section-header[b-hpyxbkbx1x] {
    position: sticky;
    top: 0;
    z-index: 5;
    padding: 0 !important;
    scroll-margin-top: 8px;
    border: 1px solid #cbd9ea !important;
    border-radius: 12px;
    background: linear-gradient(115deg, #f8fbff 0%, #eef5ff 60%, #f7fbff 100%);
    box-shadow: 0 7px 18px rgba(30, 64, 110, .13);
}

.section-header-inner[b-hpyxbkbx1x] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 64px;
    padding: 9px 12px;
}

.section-header-toggle[b-hpyxbkbx1x] {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    gap: 11px;
    min-width: 0;
    padding: 5px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.section-header-toggle:hover[b-hpyxbkbx1x],
.section-header-toggle:focus-visible[b-hpyxbkbx1x] {
    background: rgba(37, 99, 235, .08);
    outline: none;
}

.section-header-chevron[b-hpyxbkbx1x] {
    display: inline-grid;
    flex: 0 0 auto;
    place-items: center;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background: #fff;
    color: var(--kendo-color-primary, #2563eb);
    box-shadow: 0 2px 7px rgba(30, 64, 110, .12);
}

.section-header-number[b-hpyxbkbx1x] {
    flex: 0 0 auto;
    width: 37px;
    height: 37px;
}

.section-header-copy[b-hpyxbkbx1x] {
    min-width: 0;
}

.section-header-copy > span[b-hpyxbkbx1x],
.section-header-copy > strong[b-hpyxbkbx1x] {
    display: block;
}

.section-header-copy > span[b-hpyxbkbx1x] {
    margin-bottom: 1px;
    color: #62748a;
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.section-header-copy > strong[b-hpyxbkbx1x] {
    overflow: hidden;
    color: #172033;
    font-size: .98rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.section-header-status[b-hpyxbkbx1x] {
    flex: 0 0 118px;
    color: #526175;
    font-size: .7rem;
    font-weight: 700;
}

.section-header-progress[b-hpyxbkbx1x] {
    height: 5px;
    margin-top: 5px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(91, 111, 138, .17);
}

.step-row > td[b-hpyxbkbx1x] {
    background: rgba(255, 255, 255, .96);
}

.step-row > td:last-child[b-hpyxbkbx1x] {
    padding: 17px 20px;
    border-radius: 0 10px 10px 0;
}

.step-row > .step-spacer[b-hpyxbkbx1x] {
    border-radius: 10px 0 0 10px;
    background: linear-gradient(90deg, rgba(37, 99, 235, .03), rgba(37, 99, 235, .1));
}

.step-item[b-hpyxbkbx1x] {
    transition: background-color .2s;
}

.step-item:hover[b-hpyxbkbx1x] {
    background: #f8f9fa;
}

.signed-info[b-hpyxbkbx1x] {
    padding: 8px;
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

.action-icons[b-hpyxbkbx1x] {
    gap: .375rem;
    flex-wrap: nowrap;
}

/* Signatory panel now stacks below the step content in the same cell
   (no longer its own column), so give it a clear separator and cap its
   width so the 5-column table reads as a panel rather than stretching
   the full width of the widened step area. */
.step-signatures-wrap[b-hpyxbkbx1x] {
    padding-top: 12px;
    border-top: 1px dashed var(--kendo-color-border, #d8dde3);
}

.step-signatures-wrap .cs-table2[b-hpyxbkbx1x] {
    max-width: 760px;
}

.document-actions[b-hpyxbkbx1x] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
}

[b-hpyxbkbx1x] .document-link-button {
    box-shadow: 0 1px 2px rgba(30, 41, 59, .08);
}

[b-hpyxbkbx1x] .document-link-button .k-button-text {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.document-count[b-hpyxbkbx1x] {
    min-width: 20px;
    padding: 1px 6px;
    border-radius: 999px;
    color: #fff;
    background: var(--kendo-color-primary, #2563eb);
    font-size: .75rem;
    font-weight: 700;
    text-align: center;
}

[b-hpyxbkbx1x] .document-add-button {
    width: 30px;
    min-width: 30px;
    height: 30px;
    padding: 0;
    box-shadow: 0 2px 5px rgba(37, 99, 235, .18);
}

.overall-progress-pane[b-hpyxbkbx1x] {
    padding: 18px;
    background: #fff;
}

.overall-progress-hero[b-hpyxbkbx1x] {
    padding: 18px;
    border: 1px solid #dce5f0;
    border-radius: 12px;
    background: linear-gradient(145deg, #f8fbff, #eef5ff);
}

.overall-progress-hero > div:first-child[b-hpyxbkbx1x] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.overall-progress-eyebrow[b-hpyxbkbx1x] {
    color: #536273;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.overall-progress-hero strong[b-hpyxbkbx1x] {
    color: var(--kendo-color-primary, #2563eb);
    font-size: 2rem;
    line-height: 1;
}

[b-hpyxbkbx1x] .overall-progress-bar,
[b-hpyxbkbx1x] .section-progress-bar {
    width: 100%;
}

.overall-progress-hero > .text-muted[b-hpyxbkbx1x] {
    display: block;
    margin-top: 8px;
    font-size: .82rem;
}

.progress-table-heading[b-hpyxbkbx1x] {
    margin: 24px 2px 10px;
}

.progress-table-heading h3[b-hpyxbkbx1x] {
    margin: 0 0 2px;
    font-size: 1rem;
}

.progress-table-heading span[b-hpyxbkbx1x] {
    color: #687587;
    font-size: .8rem;
}

.section-progress-table[b-hpyxbkbx1x] {
    border: 1px solid #e2e7ed;
    border-radius: 10px;
    overflow: hidden;
}

.section-progress-row[b-hpyxbkbx1x] {
    display: grid;
    grid-template-columns: minmax(120px, 1fr) minmax(110px, .9fr);
    gap: 12px;
    align-items: center;
    padding: 13px 14px;
    background: #fff;
}

.section-progress-row + .section-progress-row[b-hpyxbkbx1x] {
    border-top: 1px solid #edf0f3;
}

.section-progress-row:nth-child(even)[b-hpyxbkbx1x] {
    background: #fafbfc;
}

.section-progress-copy[b-hpyxbkbx1x],
.section-progress-meter[b-hpyxbkbx1x] {
    min-width: 0;
}

.section-progress-copy strong[b-hpyxbkbx1x],
.section-progress-copy span[b-hpyxbkbx1x] {
    display: block;
}

.section-progress-copy strong[b-hpyxbkbx1x] {
    overflow: hidden;
    font-size: .86rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.section-progress-copy span[b-hpyxbkbx1x] {
    margin-top: 3px;
    color: #778395;
    font-size: .75rem;
}

.section-progress-meter[b-hpyxbkbx1x] {
    display: grid;
    grid-template-columns: minmax(70px, 1fr) 34px;
    gap: 8px;
    align-items: center;
}

.section-progress-meter > span[b-hpyxbkbx1x] {
    color: #42526a;
    font-size: .75rem;
    font-weight: 700;
    text-align: right;
}

/* 0/0 (no signature-required steps) renders a centered N/A badge
   instead of a misleading 0% progress bar. */
.section-progress-meter-na[b-hpyxbkbx1x] {
    grid-template-columns: 1fr;
    justify-items: center;
}

.section-progress-na[b-hpyxbkbx1x] {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    background: #eef1f5;
    color: #6b7686;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .03em;
}

.overall-progress-na[b-hpyxbkbx1x] {
    color: #6b7686 !important;
}

/* ProgressItemForm dark theme. These overrides stay behind the application
   theme attribute so the established light palette remains unchanged. */
html[data-theme="dark"] .progress-item-form[b-hpyxbkbx1x] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"] .progress-item-form[b-hpyxbkbx1x]  .cs-detailTab > .k-tabstrip-items-wrapper {
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .progress-item-form[b-hpyxbkbx1x]  .cs-detailTab > .k-tabstrip-items-wrapper .k-item {
    color: var(--kendo-color-subtle, var(--aquip-text-muted)) !important;
    background: transparent !important;
    border-color: transparent !important;
}

html[data-theme="dark"] .progress-item-form[b-hpyxbkbx1x]  .cs-detailTab > .k-tabstrip-items-wrapper .k-item .k-link {
    color: var(--kendo-color-subtle, var(--aquip-text-muted)) !important;
}

html[data-theme="dark"] .progress-item-form[b-hpyxbkbx1x]  .cs-detailTab > .k-tabstrip-items-wrapper .k-item.k-active {
    color: var(--kendo-color-on-app-surface, var(--aquip-text)) !important;
    background: var(--kendo-color-app-surface, var(--aquip-surface)) !important;
    border-color: var(--kendo-color-border-alt, var(--aquip-border-strong)) !important;
}

html[data-theme="dark"] .progress-item-form[b-hpyxbkbx1x]  .cs-detailTab > .k-tabstrip-items-wrapper .k-item.k-active .k-link {
    color: var(--kendo-color-on-app-surface, var(--aquip-text)) !important;
}

html[data-theme="dark"] .progress-item-form[b-hpyxbkbx1x]  .k-tabstrip-content,
html[data-theme="dark"] .progress-item-form[b-hpyxbkbx1x]  .k-tabstrip > .k-content {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-app-surface, var(--aquip-canvas)) !important;
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .progress-item-form[b-hpyxbkbx1x]  .progress-item-dock,
html[data-theme="dark"] .progress-item-form[b-hpyxbkbx1x]  .progress-item-dock .k-pane,
html[data-theme="dark"] .progress-item-form[b-hpyxbkbx1x]  .progress-item-dock .k-pane-content {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-app-surface, var(--aquip-canvas));
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .progress-container[b-hpyxbkbx1x] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background:
        radial-gradient(
            circle at top right,
            color-mix(in srgb, var(--kendo-color-primary) 12%, transparent),
            transparent 28rem),
        var(--kendo-color-surface-alt, var(--aquip-surface-raised));
}

html[data-theme="dark"] .signatory-warning[b-hpyxbkbx1x] {
    color: var(--kendo-color-warning-on-subtle, var(--aquip-text));
    background: var(--kendo-color-warning-subtle, var(--aquip-surface-raised));
    border-color: var(--kendo-color-warning, var(--aquip-border-strong));
}

html[data-theme="dark"] .section-navigator[b-hpyxbkbx1x],
html[data-theme="dark"] .form-container[b-hpyxbkbx1x],
html[data-theme="dark"] .overall-progress-pane[b-hpyxbkbx1x] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-surface, var(--aquip-surface));
    border-color: var(--kendo-color-border, var(--aquip-border));
    box-shadow: 0 8px 24px var(--aquip-shadow-color);
}

html[data-theme="dark"] .section-navigator-heading h2[b-hpyxbkbx1x],
html[data-theme="dark"] .section-header-copy > strong[b-hpyxbkbx1x],
html[data-theme="dark"] .progress-table-heading h3[b-hpyxbkbx1x],
html[data-theme="dark"] .section-progress-copy strong[b-hpyxbkbx1x] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"] .section-navigator-total[b-hpyxbkbx1x],
html[data-theme="dark"] .section-jump-copy span[b-hpyxbkbx1x],
html[data-theme="dark"] .section-jump-percentage[b-hpyxbkbx1x],
html[data-theme="dark"] .section-header-copy > span[b-hpyxbkbx1x],
html[data-theme="dark"] .section-header-status[b-hpyxbkbx1x],
html[data-theme="dark"] .overall-progress-eyebrow[b-hpyxbkbx1x],
html[data-theme="dark"] .progress-table-heading span[b-hpyxbkbx1x],
html[data-theme="dark"] .section-progress-copy span[b-hpyxbkbx1x],
html[data-theme="dark"] .section-progress-meter > span[b-hpyxbkbx1x] {
    color: var(--kendo-color-subtle, var(--aquip-text-muted));
}

html[data-theme="dark"] .section-jump-button[b-hpyxbkbx1x] {
    color: var(--kendo-color-on-surface, var(--aquip-text));
    background: var(--kendo-color-surface-alt, var(--aquip-surface-raised));
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .section-jump-button:hover[b-hpyxbkbx1x],
html[data-theme="dark"] .section-jump-button:focus-visible[b-hpyxbkbx1x] {
    color: var(--kendo-color-on-surface, var(--aquip-text));
    background: var(--kendo-color-base-subtle-hover, var(--aquip-hover));
    border-color: var(--kendo-color-primary, var(--aquip-border-strong));
    box-shadow: 0 7px 18px var(--aquip-shadow-color);
}

html[data-theme="dark"] .section-jump-number[b-hpyxbkbx1x],
html[data-theme="dark"] .section-header-number[b-hpyxbkbx1x] {
    color: var(--kendo-color-primary-on-subtle, var(--aquip-text));
    background: var(--kendo-color-primary-subtle, var(--aquip-surface-raised));
}

html[data-theme="dark"] .section-jump-progress[b-hpyxbkbx1x],
html[data-theme="dark"] .section-header-progress[b-hpyxbkbx1x] {
    background: var(--kendo-color-base-subtle, var(--aquip-surface-sunken));
}

html[data-theme="dark"] .predecessor-pane-content[b-hpyxbkbx1x] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-surface-alt, var(--aquip-surface-raised));
}

html[data-theme="dark"] .section-container[b-hpyxbkbx1x],
html[data-theme="dark"] .section-progress-table[b-hpyxbkbx1x] {
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .section-header[b-hpyxbkbx1x] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: linear-gradient(
        115deg,
        var(--kendo-color-surface-alt, var(--aquip-surface-raised)),
        color-mix(
            in srgb,
            var(--kendo-color-primary-subtle, var(--aquip-surface-raised)) 42%,
            var(--kendo-color-surface-alt, var(--aquip-surface-raised))));
    border-color: var(--kendo-color-border-alt, var(--aquip-border-strong)) !important;
    box-shadow: 0 7px 18px var(--aquip-shadow-color);
}

html[data-theme="dark"] .section-header-toggle:hover[b-hpyxbkbx1x],
html[data-theme="dark"] .section-header-toggle:focus-visible[b-hpyxbkbx1x] {
    background: var(--kendo-color-base-subtle-hover, var(--aquip-hover));
}

html[data-theme="dark"] .section-header-chevron[b-hpyxbkbx1x] {
    color: var(--kendo-color-primary, var(--aquip-text));
    background: var(--kendo-color-surface, var(--aquip-surface));
    box-shadow: 0 2px 7px var(--aquip-shadow-color);
}

html[data-theme="dark"] .step-row > td[b-hpyxbkbx1x] {
    color: var(--kendo-color-on-surface, var(--aquip-text));
    background: var(--kendo-color-surface, var(--aquip-surface));
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .step-row > .step-spacer[b-hpyxbkbx1x] {
    background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--kendo-color-primary) 5%, var(--aquip-surface)),
        color-mix(in srgb, var(--kendo-color-primary) 16%, var(--aquip-surface)));
}

html[data-theme="dark"] .step-item:hover[b-hpyxbkbx1x],
html[data-theme="dark"] .signed-info[b-hpyxbkbx1x] {
    color: var(--kendo-color-on-surface, var(--aquip-text));
    background: var(--kendo-color-base-subtle-hover, var(--aquip-hover));
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .step-signatures-wrap[b-hpyxbkbx1x] {
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .overall-progress-hero[b-hpyxbkbx1x] {
    color: var(--kendo-color-on-surface, var(--aquip-text));
    background: linear-gradient(
        145deg,
        var(--kendo-color-surface-alt, var(--aquip-surface-raised)),
        color-mix(
            in srgb,
            var(--kendo-color-primary-subtle, var(--aquip-surface-raised)) 42%,
            var(--kendo-color-surface-alt, var(--aquip-surface-raised))));
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .section-progress-row[b-hpyxbkbx1x] {
    color: var(--kendo-color-on-surface, var(--aquip-text));
    background: var(--kendo-color-surface, var(--aquip-surface));
}

html[data-theme="dark"] .section-progress-row + .section-progress-row[b-hpyxbkbx1x] {
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .section-progress-row:nth-child(even)[b-hpyxbkbx1x] {
    background: var(--kendo-color-surface-alt, var(--aquip-surface-raised));
}

html[data-theme="dark"] .section-progress-na[b-hpyxbkbx1x],
html[data-theme="dark"] .overall-progress-na[b-hpyxbkbx1x] {
    color: var(--kendo-color-subtle, var(--aquip-text-muted)) !important;
    background: var(--kendo-color-base-subtle, var(--aquip-surface-sunken));
}

html[data-theme="dark"] .progress-item-form .cs-table[b-hpyxbkbx1x] {
    color: var(--kendo-color-on-surface, var(--aquip-text));
    background: var(--kendo-color-surface, var(--aquip-surface));
}

html[data-theme="dark"] .progress-item-form .cs-table th[b-hpyxbkbx1x] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-surface-alt, var(--aquip-surface-raised));
    border-color: var(--kendo-color-border-alt, var(--aquip-border-strong));
}

html[data-theme="dark"] .progress-item-form .cs-table td[b-hpyxbkbx1x] {
    color: var(--kendo-color-on-surface, var(--aquip-text));
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .progress-item-form .badge[b-hpyxbkbx1x] {
    border: 1px solid transparent;
}

html[data-theme="dark"] .progress-item-form .badge-success[b-hpyxbkbx1x] {
    color: var(--kendo-color-success-on-subtle, var(--aquip-text));
    background: var(--kendo-color-success-subtle, var(--aquip-surface-raised));
    border-color: var(--kendo-color-success, var(--aquip-border-strong));
}

html[data-theme="dark"] .progress-item-form .badge-warning[b-hpyxbkbx1x] {
    color: var(--kendo-color-warning-on-subtle, var(--aquip-text));
    background: var(--kendo-color-warning-subtle, var(--aquip-surface-raised));
    border-color: var(--kendo-color-warning, var(--aquip-border-strong));
}

html[data-theme="dark"] .progress-item-form .badge-secondary[b-hpyxbkbx1x] {
    color: var(--kendo-color-base-on-subtle, var(--aquip-text));
    background: var(--kendo-color-base-subtle, var(--aquip-surface-sunken));
    border-color: var(--kendo-color-border-alt, var(--aquip-border-strong));
}

@media (max-width: 900px) {
    [b-hpyxbkbx1x] .progress-item-dock {
        min-height: 600px;
    }

    .header[b-hpyxbkbx1x] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .progress-container[b-hpyxbkbx1x] {
        padding: 12px;
    }

    .section-navigator[b-hpyxbkbx1x] {
        padding: 14px;
    }

    .section-navigator-heading[b-hpyxbkbx1x] {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .section-header-inner[b-hpyxbkbx1x] {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .section-header-toggle[b-hpyxbkbx1x] {
        flex-basis: calc(100% - 2px);
    }

    .section-header-status[b-hpyxbkbx1x] {
        flex: 1 1 120px;
        padding-left: 5px;
    }

    .section-header .document-actions[b-hpyxbkbx1x] {
        margin-left: auto;
    }

    .document-actions .document-link-button span:first-child[b-hpyxbkbx1x] {
        display: none;
    }

    .progress-steps-table > tr.progress-steps-head[b-hpyxbkbx1x] {
        display: none;
    }

    .progress-steps-table[b-hpyxbkbx1x] {
        display: block;
        width: 100%;
    }

    .progress-steps-table > tr[b-hpyxbkbx1x],
    .progress-steps-table > tr > td[b-hpyxbkbx1x] {
        display: block;
        width: 100%;
    }

    .progress-steps-table > tbody > tr[b-hpyxbkbx1x],
    .progress-steps-table > tbody > tr > td[b-hpyxbkbx1x] {
        display: block;
        width: 100%;
    }

    .section-row[b-hpyxbkbx1x] {
        position: sticky;
        top: 0;
        z-index: 5;
    }

    .section-row .section-header[b-hpyxbkbx1x] {
        position: static;
    }

    .step-row > td:last-child[b-hpyxbkbx1x] {
        border-radius: 10px;
    }

    .step-spacer[b-hpyxbkbx1x] {
        display: none !important;
    }

    .step-signatures[b-hpyxbkbx1x] {
        overflow-x: auto;
    }
}

@media (max-width: 560px) {
    .section-navigator-total[b-hpyxbkbx1x] {
        white-space: normal;
    }

    .section-header-status[b-hpyxbkbx1x] {
        display: none;
    }

    .section-header-number[b-hpyxbkbx1x] {
        width: 32px;
        height: 32px;
    }
}
/* /Pages/ProgressItemFormSummaryPage.razor.rz.scp.css */
.predecessor-summary[b-iane4qy3dr] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 460px;
}

.predecessor-overall[b-iane4qy3dr] {
    padding: 18px;
    border: 1px solid #dbe5ef;
    border-radius: 12px;
    background: linear-gradient(145deg, #fff, #f1f6fb);
    box-shadow: 0 4px 14px rgba(32, 55, 79, .06);
}

.predecessor-overall-heading[b-iane4qy3dr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.summary-eyebrow[b-iane4qy3dr] {
    color: #617186;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.predecessor-overall-heading h3[b-iane4qy3dr] {
    margin: 3px 0 0;
    font-size: 1rem;
}

.predecessor-overall-heading > strong[b-iane4qy3dr] {
    color: var(--kendo-color-primary, #2563eb);
    font-size: 1.7rem;
    line-height: 1;
}

/* Neutral "N/A" treatment when a scope has no measurable work (0/0), so we do not
   show a misleading 0%. Mirrors the main ProgressItemForm overall/section N/A styling. */
.predecessor-overall-heading > strong.predecessor-na[b-iane4qy3dr] {
    color: #8a97a8;
    font-size: 1.35rem;
}

.predecessor-na-note[b-iane4qy3dr] {
    display: block;
    color: #758196;
    font-size: .78rem;
    margin: 6px 0 2px;
}

.scope-progress.scope-progress-na[b-iane4qy3dr] {
    grid-template-columns: 1fr;
}

.scope-na[b-iane4qy3dr] {
    color: #8a97a8;
    font-size: .75rem;
    font-weight: 700;
    text-align: right;
}

[b-iane4qy3dr] .predecessor-overall-bar,
[b-iane4qy3dr] .scope-progress-bar {
    width: 100%;
}

.predecessor-stats[b-iane4qy3dr] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 14px;
}

.predecessor-stats > div[b-iane4qy3dr] {
    padding: 9px 10px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .8);
    text-align: center;
}

.predecessor-stats strong[b-iane4qy3dr],
.predecessor-stats span[b-iane4qy3dr] {
    display: block;
}

.predecessor-stats strong[b-iane4qy3dr] {
    color: #24354a;
    font-size: 1rem;
}

.predecessor-stats span[b-iane4qy3dr] {
    margin-top: 2px;
    color: #758196;
    font-size: .7rem;
}

.predecessor-empty[b-iane4qy3dr] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px;
    border: 1px dashed #cbd5df;
    border-radius: 10px;
    color: #69778a;
    background: #fff;
}

.predecessor-scope-list[b-iane4qy3dr] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.predecessor-scope-card[b-iane4qy3dr] {
    border: 1px solid #dfe5eb;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.predecessor-scope-row[b-iane4qy3dr] {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) minmax(140px, .8fr) 32px;
    gap: 14px;
    align-items: center;
    min-height: 62px;
    padding: 10px 12px;
}

.scope-title[b-iane4qy3dr] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.scope-icon[b-iane4qy3dr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 9px;
    color: var(--kendo-color-primary, #2563eb);
    background: var(--kendo-color-primary-subtle, #e7f0ff);
}

.scope-title strong[b-iane4qy3dr],
.scope-title span[b-iane4qy3dr] {
    display: block;
}

.scope-title strong[b-iane4qy3dr] {
    font-size: .88rem;
}

.scope-title div > span[b-iane4qy3dr] {
    margin-top: 2px;
    color: #778397;
    font-size: .72rem;
}

.scope-progress[b-iane4qy3dr] {
    display: grid;
    grid-template-columns: minmax(80px, 1fr) 36px;
    gap: 8px;
    align-items: center;
}

.scope-progress > span[b-iane4qy3dr] {
    color: #40516a;
    font-size: .75rem;
    font-weight: 700;
    text-align: right;
}

[b-iane4qy3dr] .scope-expand-button {
    width: 30px;
    min-width: 30px;
    height: 30px;
    padding: 0;
}

.scope-details[b-iane4qy3dr] {
    padding: 12px;
    overflow-x: auto;
    border-top: 1px solid #e7ebef;
    background: #fafbfc;
}

[b-iane4qy3dr] .scope-details .simple-table {
    width: 100%;
    border-collapse: collapse;
}

[b-iane4qy3dr] .scope-details .simple-table th,
[b-iane4qy3dr] .scope-details .simple-table td {
    padding: 6px 8px;
    border: 1px solid #e0e5ea;
    font-size: .78rem;
}

[b-iane4qy3dr] .scope-details .simple-table th {
    color: #fff;
    background: #3a4354;
}

[b-iane4qy3dr] .scope-details .simple-table td {
    background: #fff;
}

[b-iane4qy3dr] .scope-details .simple-table .td-total {
    font-weight: 700;
    background: #edf2f7;
}

/* This summary only appears inside the Progress Item form predecessor pane.
   Keep all dark treatment local to the component and leave light rules intact. */
html[data-theme="dark"] .predecessor-summary[b-iane4qy3dr] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"] .predecessor-overall[b-iane4qy3dr],
html[data-theme="dark"] .predecessor-empty[b-iane4qy3dr],
html[data-theme="dark"] .predecessor-scope-card[b-iane4qy3dr] {
    color: var(--kendo-color-on-surface, var(--aquip-text));
    background: var(--kendo-color-surface, var(--aquip-surface));
    border-color: var(--kendo-color-border, var(--aquip-border));
    box-shadow: 0 4px 14px var(--aquip-shadow-color);
}

html[data-theme="dark"] .summary-eyebrow[b-iane4qy3dr],
html[data-theme="dark"] .predecessor-na-note[b-iane4qy3dr],
html[data-theme="dark"] .scope-na[b-iane4qy3dr],
html[data-theme="dark"] .predecessor-stats span[b-iane4qy3dr],
html[data-theme="dark"] .scope-title div > span[b-iane4qy3dr],
html[data-theme="dark"] .scope-progress > span[b-iane4qy3dr] {
    color: var(--kendo-color-subtle, var(--aquip-text-muted));
}

html[data-theme="dark"] .predecessor-overall-heading h3[b-iane4qy3dr],
html[data-theme="dark"] .predecessor-stats strong[b-iane4qy3dr],
html[data-theme="dark"] .scope-title strong[b-iane4qy3dr] {
    color: var(--kendo-color-on-surface, var(--aquip-text));
}

html[data-theme="dark"] .predecessor-overall-heading > strong.predecessor-na[b-iane4qy3dr] {
    color: var(--kendo-color-subtle, var(--aquip-text-muted));
}

html[data-theme="dark"] .predecessor-stats > div[b-iane4qy3dr] {
    color: var(--kendo-color-on-surface, var(--aquip-text));
    background: var(--kendo-color-surface-alt, var(--aquip-surface-raised));
}

html[data-theme="dark"] .scope-icon[b-iane4qy3dr] {
    color: var(--kendo-color-primary-on-subtle, var(--aquip-text));
    background: var(--kendo-color-primary-subtle, var(--aquip-surface-raised));
}

html[data-theme="dark"] .scope-details[b-iane4qy3dr] {
    color: var(--kendo-color-on-surface, var(--aquip-text));
    background: var(--kendo-color-surface-alt, var(--aquip-surface-raised));
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .scope-details[b-iane4qy3dr]  .simple-table th,
html[data-theme="dark"] .scope-details[b-iane4qy3dr]  .simple-table td {
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .scope-details[b-iane4qy3dr]  .simple-table th {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-surface-alt, var(--aquip-surface-raised));
}

html[data-theme="dark"] .scope-details[b-iane4qy3dr]  .simple-table td {
    color: var(--kendo-color-on-surface, var(--aquip-text));
    background: var(--kendo-color-surface, var(--aquip-surface));
}

html[data-theme="dark"] .scope-details[b-iane4qy3dr]  .simple-table .td-total {
    background: var(--kendo-color-base-subtle, var(--aquip-surface-sunken));
}

@media (max-width: 700px) {
    .predecessor-summary[b-iane4qy3dr] {
        min-width: 320px;
    }

    .predecessor-scope-row[b-iane4qy3dr] {
        grid-template-columns: 1fr 32px;
    }

    .scope-progress[b-iane4qy3dr] {
        grid-column: 1 / -1;
        grid-row: 2;
    }
}
/* /Pages/ProgressPointSummaryPage.razor.rz.scp.css */
[b-jilj18074w] body,
[b-jilj18074w] html {
    overflow-x: hidden !important;
}

.categories-container[b-jilj18074w] {
    height: calc(100vh - 200px);
    overflow-x: hidden !important;
    overflow-y: auto;
    width: 100%;
}

.category-section[b-jilj18074w] {
    margin-bottom: 1rem;
    overflow-x: hidden !important;
    width: 100%;
}

.category-section:not(:last-child)[b-jilj18074w] {
    border-bottom: 2px solid #dee2e6;
    padding-bottom: 1rem;
}

.category-splitter[b-jilj18074w] {
    height: 500px;
    overflow-x: hidden !important;
    width: 100%;
}

.pie-chart-container[b-jilj18074w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.pie-chart-container[b-jilj18074w]  .k-chart {
    height: 400px !important;
    width: 100% !important;
}

.grid-container[b-jilj18074w] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.grid-container[b-jilj18074w]  .k-grid {
    width: 100%;
    height: 100%;
}

.grid-container[b-jilj18074w]  .k-grid-content {
    overflow-x: auto !important;
    overflow-y: auto !important;
}

.grid-container[b-jilj18074w]  .k-grid-header-wrap {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

[b-jilj18074w] .custom-progressbar .k-progressbar-value {
    background-color: var(--progressbar-color, #0d6efd) !important;
}

/* /Pages/ProjectManagementPage.razor.rz.scp.css */
.project-transfer-workbench[b-nnkxm9zdqi] {
    width: 100%;
    padding: var(--kendo-spacing-4, 1rem);
    color: var(--kendo-color-on-app-surface);
    background: var(--kendo-color-app-surface);
    font-family: var(--kendo-font-family, inherit);
}

.workbench-heading[b-nnkxm9zdqi],
.project-toolbar[b-nnkxm9zdqi],
.panel-toolbar[b-nnkxm9zdqi],
.pane-toolbar[b-nnkxm9zdqi],
.apply-bar[b-nnkxm9zdqi],
.detail-heading[b-nnkxm9zdqi],
.toolbar-actions[b-nnkxm9zdqi],
.view-switch[b-nnkxm9zdqi] {
    display: flex;
    align-items: center;
}

.workbench-heading[b-nnkxm9zdqi] {
    justify-content: space-between;
    gap: var(--kendo-spacing-4, 1rem);
    margin-bottom: var(--kendo-spacing-4, 1rem);
}

.workbench-heading h1[b-nnkxm9zdqi],
.workbench-heading p[b-nnkxm9zdqi],
.pane-heading h2[b-nnkxm9zdqi],
.panel-toolbar h2[b-nnkxm9zdqi],
.panel-toolbar h3[b-nnkxm9zdqi],
.detail-heading h2[b-nnkxm9zdqi],
.detail-section h3[b-nnkxm9zdqi],
.empty-state h3[b-nnkxm9zdqi],
.empty-detail h3[b-nnkxm9zdqi],
.result-panel h2[b-nnkxm9zdqi] {
    margin: 0;
}

.workbench-heading h1[b-nnkxm9zdqi] {
    font-size: var(--kendo-font-size-xl, 1.5rem);
    font-weight: var(--kendo-font-weight-semibold, 600);
}

.workbench-heading p[b-nnkxm9zdqi],
.panel-toolbar span[b-nnkxm9zdqi],
.pane-heading span[b-nnkxm9zdqi],
.project-field > span[b-nnkxm9zdqi],
.muted[b-nnkxm9zdqi],
.empty-state p[b-nnkxm9zdqi],
.empty-detail p[b-nnkxm9zdqi],
.family-button small[b-nnkxm9zdqi],
.membership-toggle small[b-nnkxm9zdqi],
.apply-bar span[b-nnkxm9zdqi] {
    color: var(--kendo-color-subtle);
    font-size: var(--kendo-font-size-sm, .875rem);
}

.view-switch[b-nnkxm9zdqi],
.toolbar-actions[b-nnkxm9zdqi] {
    gap: var(--kendo-spacing-2, .5rem);
}

.project-toolbar[b-nnkxm9zdqi],
.history-panel[b-nnkxm9zdqi],
.transfer-workspace[b-nnkxm9zdqi],
.project-administration[b-nnkxm9zdqi],
.result-panel[b-nnkxm9zdqi],
.history-detail[b-nnkxm9zdqi] {
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg, .5rem);
    background: var(--kendo-color-surface);
}

.project-toolbar[b-nnkxm9zdqi] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) auto minmax(240px, 1fr) auto;
    align-items: end;
    gap: var(--kendo-spacing-3, .75rem);
    padding: var(--kendo-spacing-4, 1rem);
    box-shadow: var(--kendo-elevation-1);
}

.project-field[b-nnkxm9zdqi] {
    display: grid;
    gap: var(--kendo-spacing-1, .25rem);
}

.project-field label[b-nnkxm9zdqi],
.review-dialog label[b-nnkxm9zdqi] {
    font-size: var(--kendo-font-size-sm, .875rem);
    font-weight: var(--kendo-font-weight-semibold, 600);
}

.swap-button[b-nnkxm9zdqi] {
    margin-bottom: var(--kendo-spacing-1, .25rem);
}

.compare-action[b-nnkxm9zdqi] {
    padding-bottom: var(--kendo-spacing-1, .25rem);
}

.workbench-status[b-nnkxm9zdqi] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--kendo-spacing-2, .5rem);
    min-height: 44px;
    padding: var(--kendo-spacing-2, .5rem) var(--kendo-spacing-1, .25rem);
    color: var(--kendo-color-subtle);
    font-size: var(--kendo-font-size-sm, .875rem);
}

.status-badge[b-nnkxm9zdqi] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 1px var(--kendo-spacing-2, .5rem);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-full, 9999px);
    font-size: var(--kendo-font-size-xs, .75rem);
    font-weight: var(--kendo-font-weight-semibold, 600);
    white-space: nowrap;
}

.status-missing[b-nnkxm9zdqi] {
    border-color: var(--kendo-color-info-emphasis);
    color: var(--kendo-color-info-on-subtle);
    background: var(--kendo-color-info-subtle);
}

.status-different[b-nnkxm9zdqi] {
    border-color: var(--kendo-color-warning-emphasis);
    color: var(--kendo-color-warning-on-subtle);
    background: var(--kendo-color-warning-subtle);
}

.status-identical[b-nnkxm9zdqi] {
    border-color: var(--kendo-color-success-emphasis);
    color: var(--kendo-color-success-on-subtle);
    background: var(--kendo-color-success-subtle);
}

.status-blocked[b-nnkxm9zdqi] {
    border-color: var(--kendo-color-error-emphasis);
    color: var(--kendo-color-error-on-subtle);
    background: var(--kendo-color-error-subtle);
}

.status-neutral[b-nnkxm9zdqi] {
    color: var(--kendo-color-subtle);
    background: var(--kendo-color-base-subtle);
}

.transfer-workspace[b-nnkxm9zdqi] {
    display: grid;
    grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
    min-height: 620px;
    overflow: hidden;
}

.family-pane[b-nnkxm9zdqi],
.comparison-pane[b-nnkxm9zdqi],
.detail-pane[b-nnkxm9zdqi] {
    min-width: 0;
}

.transfer-workspace[b-nnkxm9zdqi]  .k-drawer-container {
    min-width: 0;
    height: 100%;
}

.transfer-workspace[b-nnkxm9zdqi]  .k-drawer {
    color: var(--kendo-color-on-surface);
    background: var(--kendo-color-surface);
}

.transfer-workspace[b-nnkxm9zdqi]  .k-drawer-items {
    height: 100%;
    overflow: auto;
}

.transfer-workspace[b-nnkxm9zdqi]  .k-drawer-item {
    display: block;
    height: 100%;
    padding: 0;
}

.transfer-workspace[b-nnkxm9zdqi]  .k-drawer-item:hover,
.transfer-workspace[b-nnkxm9zdqi]  .k-drawer-item.k-selected {
    color: inherit;
    background: transparent;
}

.family-pane[b-nnkxm9zdqi] {
    border-right: 1px solid var(--kendo-color-border);
    background: var(--kendo-color-surface-alt);
}

.detail-pane[b-nnkxm9zdqi] {
    border-left: 1px solid var(--kendo-color-border);
    overflow: auto;
}

.pane-heading[b-nnkxm9zdqi],
.pane-toolbar[b-nnkxm9zdqi],
.detail-heading[b-nnkxm9zdqi],
.panel-toolbar[b-nnkxm9zdqi] {
    min-height: 56px;
    padding: var(--kendo-spacing-3, .75rem);
    border-bottom: 1px solid var(--kendo-color-border);
}

.pane-heading[b-nnkxm9zdqi],
.panel-toolbar[b-nnkxm9zdqi],
.detail-heading[b-nnkxm9zdqi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--kendo-spacing-3, .75rem);
}

.pane-heading h2[b-nnkxm9zdqi],
.panel-toolbar h2[b-nnkxm9zdqi],
.detail-heading h2[b-nnkxm9zdqi] {
    font-size: var(--kendo-font-size-md, 1rem);
    font-weight: var(--kendo-font-weight-semibold, 600);
}

.family-list[b-nnkxm9zdqi] {
    max-height: 500px;
    overflow: auto;
    padding: var(--kendo-spacing-2, .5rem);
}

.family-row[b-nnkxm9zdqi] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: var(--kendo-spacing-2, .5rem);
    border-radius: var(--kendo-border-radius-md, .375rem);
}

.family-row:hover[b-nnkxm9zdqi] {
    background: var(--kendo-color-base-hover);
}

.family-row.active[b-nnkxm9zdqi] {
    background: var(--kendo-color-primary-subtle);
}

.family-button[b-nnkxm9zdqi] {
    width: 100%;
    padding: var(--kendo-spacing-2, .5rem) 0;
    border: 0;
    color: inherit;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.family-button span[b-nnkxm9zdqi],
.family-button small[b-nnkxm9zdqi] {
    display: block;
}

.family-button span[b-nnkxm9zdqi] {
    font-size: var(--kendo-font-size-sm, .875rem);
    font-weight: var(--kendo-font-weight-medium, 500);
}

.membership-toggle[b-nnkxm9zdqi] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--kendo-spacing-2, .5rem);
    margin: var(--kendo-spacing-2, .5rem);
    padding: var(--kendo-spacing-3, .75rem);
    border-top: 1px solid var(--kendo-color-border);
}

.membership-toggle strong[b-nnkxm9zdqi],
.membership-toggle small[b-nnkxm9zdqi] {
    display: block;
}

.pane-toolbar[b-nnkxm9zdqi] {
    gap: var(--kendo-spacing-2, .5rem);
}

.toolbar-spacer[b-nnkxm9zdqi] {
    flex: 1;
}

.loading-state[b-nnkxm9zdqi],
.empty-state[b-nnkxm9zdqi],
.empty-detail[b-nnkxm9zdqi] {
    display: grid;
    justify-items: center;
    align-content: center;
    gap: var(--kendo-spacing-3, .75rem);
    min-height: 320px;
    padding: var(--kendo-spacing-6, 1.5rem);
    color: var(--kendo-color-subtle);
    text-align: center;
}

.empty-state .k-svg-icon[b-nnkxm9zdqi],
.empty-detail .k-svg-icon[b-nnkxm9zdqi] {
    width: 32px;
    height: 32px;
    color: var(--kendo-color-primary);
}

.detail-heading > div > span[b-nnkxm9zdqi] {
    color: var(--kendo-color-subtle);
    font-size: var(--kendo-font-size-xs, .75rem);
}

.detail-section[b-nnkxm9zdqi] {
    padding: var(--kendo-spacing-3, .75rem);
    border-bottom: 1px solid var(--kendo-color-border);
}

.detail-section h3[b-nnkxm9zdqi] {
    margin-bottom: var(--kendo-spacing-3, .75rem);
    font-size: var(--kendo-font-size-sm, .875rem);
    font-weight: var(--kendo-font-weight-semibold, 600);
}

.dependency-row[b-nnkxm9zdqi] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--kendo-spacing-2, .5rem);
    margin-bottom: var(--kendo-spacing-2, .5rem);
}

.dependency-row span[b-nnkxm9zdqi],
.dependency-row small[b-nnkxm9zdqi] {
    display: block;
}

.dependency-row small[b-nnkxm9zdqi] {
    color: var(--kendo-color-subtle);
}

.difference-row[b-nnkxm9zdqi] {
    padding: var(--kendo-spacing-2, .5rem) 0;
    border-bottom: 1px solid var(--kendo-color-border-alt);
}

.difference-row > span[b-nnkxm9zdqi] {
    display: flex;
    justify-content: space-between;
    gap: var(--kendo-spacing-2, .5rem);
    margin-bottom: var(--kendo-spacing-2, .5rem);
    font-size: var(--kendo-font-size-sm, .875rem);
    font-weight: var(--kendo-font-weight-medium, 500);
}

.difference-row > span small[b-nnkxm9zdqi] {
    color: var(--kendo-color-subtle);
    font-weight: var(--kendo-font-weight-normal, 400);
}

.difference-row dl[b-nnkxm9zdqi] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--kendo-spacing-2, .5rem);
    margin: 0;
}

.difference-row dl > div[b-nnkxm9zdqi] {
    min-width: 0;
    padding: var(--kendo-spacing-2, .5rem);
    border-radius: var(--kendo-border-radius-md, .375rem);
    background: var(--kendo-color-surface-alt);
}

.difference-row dt[b-nnkxm9zdqi] {
    color: var(--kendo-color-subtle);
    font-size: var(--kendo-font-size-xs, .75rem);
}

.difference-row dd[b-nnkxm9zdqi] {
    margin: var(--kendo-spacing-1, .25rem) 0 0;
    overflow-wrap: anywhere;
    font-size: var(--kendo-font-size-sm, .875rem);
}

.detail-section ul[b-nnkxm9zdqi],
.result-panel ul[b-nnkxm9zdqi] {
    margin: 0;
    padding-left: var(--kendo-spacing-5, 1.25rem);
}

.apply-bar[b-nnkxm9zdqi] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    justify-content: space-between;
    gap: var(--kendo-spacing-4, 1rem);
    margin-top: var(--kendo-spacing-3, .75rem);
    padding: var(--kendo-spacing-3, .75rem) var(--kendo-spacing-4, 1rem);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg, .5rem);
    background: var(--kendo-color-surface);
    box-shadow: var(--kendo-elevation-1);
}

.apply-bar strong[b-nnkxm9zdqi],
.apply-bar span[b-nnkxm9zdqi] {
    display: block;
}

.result-panel[b-nnkxm9zdqi] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--kendo-spacing-3, .75rem);
    margin-top: var(--kendo-spacing-4, 1rem);
    padding: var(--kendo-spacing-4, 1rem);
    border-color: var(--kendo-color-success-emphasis);
}

.result-panel > .k-svg-icon[b-nnkxm9zdqi] {
    color: var(--kendo-color-success);
}

.history-panel[b-nnkxm9zdqi] {
    padding-bottom: var(--kendo-spacing-4, 1rem);
}

.history-panel > .k-grid[b-nnkxm9zdqi] {
    border: 0;
}

.history-detail[b-nnkxm9zdqi] {
    margin: var(--kendo-spacing-4, 1rem);
}

.project-administration[b-nnkxm9zdqi] {
    margin-top: var(--kendo-spacing-5, 1.25rem);
    overflow: hidden;
}

.project-administration summary[b-nnkxm9zdqi] {
    padding: var(--kendo-spacing-3, .75rem) var(--kendo-spacing-4, 1rem);
    cursor: pointer;
    font-weight: var(--kendo-font-weight-semibold, 600);
}

.project-administration[open] summary[b-nnkxm9zdqi] {
    border-bottom: 1px solid var(--kendo-color-border);
}

.project-administration > .k-grid[b-nnkxm9zdqi] {
    border: 0;
}

.review-dialog[b-nnkxm9zdqi] {
    display: grid;
    gap: var(--kendo-spacing-4, 1rem);
    max-height: 70vh;
    overflow: auto;
}

.review-dialog p[b-nnkxm9zdqi] {
    margin: 0;
}

.review-section[b-nnkxm9zdqi] {
    display: grid;
    gap: var(--kendo-spacing-2, .5rem);
}

.review-section h3[b-nnkxm9zdqi] {
    margin: 0;
    font-size: var(--kendo-font-size-sm, .875rem);
    font-weight: var(--kendo-font-weight-semibold, 600);
}

.review-section ul[b-nnkxm9zdqi] {
    margin: 0;
}

.review-items[b-nnkxm9zdqi] {
    display: grid;
    gap: var(--kendo-spacing-1, .25rem);
    max-height: 180px;
    overflow: auto;
    padding: 0;
    list-style: none;
}

.review-items li[b-nnkxm9zdqi] {
    display: flex;
    justify-content: space-between;
    gap: var(--kendo-spacing-3, .75rem);
    padding: var(--kendo-spacing-2, .5rem);
    border-bottom: 1px solid var(--kendo-color-border-alt);
}

.review-items small[b-nnkxm9zdqi] {
    color: var(--kendo-color-subtle);
    text-align: right;
}

.review-summary[b-nnkxm9zdqi] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--kendo-spacing-2, .5rem);
    margin: 0;
}

.review-summary > div[b-nnkxm9zdqi] {
    padding: var(--kendo-spacing-3, .75rem);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-md, .375rem);
}

.review-summary dt[b-nnkxm9zdqi] {
    color: var(--kendo-color-subtle);
    font-size: var(--kendo-font-size-sm, .875rem);
}

.review-summary dd[b-nnkxm9zdqi] {
    margin: var(--kendo-spacing-1, .25rem) 0 0;
    font-size: var(--kendo-font-size-lg, 1.25rem);
    font-weight: var(--kendo-font-weight-semibold, 600);
}

.review-note[b-nnkxm9zdqi] {
    padding: var(--kendo-spacing-3, .75rem);
    border: 1px solid var(--kendo-color-info-emphasis);
    border-radius: var(--kendo-border-radius-md, .375rem);
    color: var(--kendo-color-info-on-subtle);
    background: var(--kendo-color-info-subtle);
}

@media (max-width: 1180px) {
    .transfer-workspace[b-nnkxm9zdqi] {
        grid-template-columns: 220px minmax(420px, 1fr);
    }
}

@media (max-width: 760px) {
    .project-transfer-workbench[b-nnkxm9zdqi] {
        padding: var(--kendo-spacing-2, .5rem);
    }

    .workbench-heading[b-nnkxm9zdqi],
    .panel-toolbar[b-nnkxm9zdqi],
    .pane-toolbar[b-nnkxm9zdqi],
    .apply-bar[b-nnkxm9zdqi] {
        align-items: stretch;
        flex-direction: column;
    }

    .view-switch .k-button[b-nnkxm9zdqi] {
        flex: 1;
    }

    .project-toolbar[b-nnkxm9zdqi] {
        grid-template-columns: 1fr;
    }

    .swap-button[b-nnkxm9zdqi] {
        justify-self: start;
    }

    .transfer-workspace[b-nnkxm9zdqi] {
        display: block;
    }

    .transfer-workspace[b-nnkxm9zdqi]  .k-drawer-container {
        display: flex;
        flex-direction: column;
    }

    .transfer-workspace[b-nnkxm9zdqi]  .k-drawer {
        width: 100% !important;
        border-top: 1px solid var(--kendo-color-border);
    }

    .family-pane[b-nnkxm9zdqi],
    .comparison-pane[b-nnkxm9zdqi],
    .detail-pane[b-nnkxm9zdqi] {
        border: 0;
        border-bottom: 1px solid var(--kendo-color-border);
    }

    .family-list[b-nnkxm9zdqi] {
        max-height: 300px;
    }

    .pane-toolbar .k-textbox[b-nnkxm9zdqi],
    .pane-toolbar .k-dropdownlist[b-nnkxm9zdqi] {
        width: 100% !important;
    }

    .comparison-pane .k-grid[b-nnkxm9zdqi] {
        min-width: 680px;
    }

    .comparison-pane[b-nnkxm9zdqi] {
        overflow-x: auto;
    }

    .review-summary[b-nnkxm9zdqi] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/PunchPage.razor.rz.scp.css */
.column-container[b-vipaj75yo0] {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 4px;
}

.colum-container:last-child[b-vipaj75yo0] {
    margin-right: 0;
}

.action-btn-container[b-vipaj75yo0] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.action-label[b-vipaj75yo0] {
    margin-bottom: 0;
    font-weight: 600;
}

.toolbar-left[b-vipaj75yo0], .toolbar-right[b-vipaj75yo0] {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    width: 100%;
}

.toolbar-right[b-vipaj75yo0] {
    justify-content: right;
}

.toggle-group[b-vipaj75yo0] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.search-group-container[b-vipaj75yo0] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.cs-punch[b-vipaj75yo0]  .k-grid td.cs-sheet-signatory-cell {
    background-color: var(--kendo-color-primary-subtle, rgba(13, 110, 253, 0.12)) !important;
    border-color: color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 35%, transparent) !important;
}

.cs-punch[b-vipaj75yo0]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row:hover > td.cs-sheet-signatory-cell,
.cs-punch[b-vipaj75yo0]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-hover > td.cs-sheet-signatory-cell,
.cs-punch[b-vipaj75yo0]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-state-hover > td.cs-sheet-signatory-cell,
.cs-punch[b-vipaj75yo0]  .k-grid.k-grid-md .k-table .k-table-tbody .k-master-row.k-table-row.k-state-hovered > td.cs-sheet-signatory-cell {
    background-color: var(--kendo-color-primary-subtle-active, rgba(13, 110, 253, 0.2)) !important;
}
.completion-metric-filter-banner[b-vipaj75yo0] {
    display: flex;
    gap: 0.5rem;
    align-items: baseline;
    padding: 0.65rem 0.85rem;
    margin-bottom: 0.5rem;
    border: 1px solid #9ac4e4;
    border-radius: 0.35rem;
    background: #eef7fd;
    color: #173b57;
    font-size: 0.875rem;
}

.completion-metric-filter-banner span[b-vipaj75yo0] {
    overflow-wrap: anywhere;
}

.completion-metric-filter-error[b-vipaj75yo0] {
    border-color: #d9a441;
    background: #fff8e8;
    color: #5c4514;
}
/* /Pages/PunchRequestPage.razor.rz.scp.css */
.punch-request-toolbar[b-e8zldebzsa] {
    display: flex;
    align-items: center;
    width: 100%;
}

.punch-request-toolbar[b-e8zldebzsa]  .toolbar-left {
    flex-wrap: wrap;
}

.punch-request-toolbar[b-e8zldebzsa]  .state-requested {
    background-color: #fff3cd !important;
    color: #856404 !important;
    border-color: #0000002b !important;
}

.punch-request-toolbar[b-e8zldebzsa]  .state-accepted {
    background-color: #d6ffd6 !important;
    color: #2d7a46 !important;
    border-color: #0000002b !important;
}

.punch-request-toolbar[b-e8zldebzsa]  .state-rejected {
    background-color: #ffe8e8 !important;
    color: #b42318 !important;
    border-color: #0000002b !important;
}

.punch-request-toolbar[b-e8zldebzsa]  .state-requested.selected {
    background: #ffc107 !important;
    color: #fff !important;
}

.punch-request-toolbar[b-e8zldebzsa]  .state-accepted.selected {
    background: #5cb85c !important;
    color: #fff !important;
}

.punch-request-toolbar[b-e8zldebzsa]  .state-rejected.selected {
    background: #dc3545 !important;
    color: #fff !important;
}

.punch-request-toolbar[b-e8zldebzsa]  .state-requested:hover,
.punch-request-toolbar[b-e8zldebzsa]  .state-accepted:hover,
.punch-request-toolbar[b-e8zldebzsa]  .state-rejected:hover {
    opacity: 0.7;
}

.punch-request-toolbar[b-e8zldebzsa]  .state-requested.selected:hover,
.punch-request-toolbar[b-e8zldebzsa]  .state-accepted.selected:hover,
.punch-request-toolbar[b-e8zldebzsa]  .state-rejected.selected:hover {
    opacity: 0.9;
}
/* /Pages/ReportNavigator.razor.rz.scp.css */
.report-navigator-left[b-n5ue37sxtj] {
    padding: 16px;
    height: 100%;
    overflow-y: auto;
    background-color: var(--kendo-color-base-subtle, #f8f9fa);
    border-right: 1px solid var(--kendo-color-border, #dee2e6);
}

.report-navigator-right[b-n5ue37sxtj] {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.report-navigator-header[b-n5ue37sxtj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.report-pane-title[b-n5ue37sxtj] {
    font-size: 18px;
    font-weight: 600;
    color: var(--kendo-color-on-base, #495057);
}

.report-pane-subtitle[b-n5ue37sxtj] {
    font-size: 12px;
    color: var(--kendo-color-on-base-subtle, #6c757d);
}

.report-search[b-n5ue37sxtj] {
    margin-bottom: 16px;
}

.report-category[b-n5ue37sxtj] {
    margin-bottom: 16px;
}

.report-category-title[b-n5ue37sxtj] {
    font-weight: 600;
    font-size: 13px;
    color: var(--kendo-color-on-base, #495057);
    margin-bottom: 8px;
    text-transform: none;
}

.report-item-list[b-n5ue37sxtj] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.report-item[b-n5ue37sxtj] {
    border: 1px solid var(--kendo-color-border, #dee2e6);
    background-color: var(--kendo-color-base, #ffffff);
    padding: 8px 10px;
    border-radius: 4px;
    text-align: left;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
}

.report-item:hover[b-n5ue37sxtj] {
    background-color: var(--kendo-color-primary-subtle, #e9ecef);
    border-color: var(--kendo-color-primary, #007bff);
}

.report-item.selected[b-n5ue37sxtj] {
    background-color: var(--kendo-color-primary, #007bff);
    border-color: var(--kendo-color-primary, #007bff);
    color: var(--kendo-color-on-primary, #ffffff);
}

.report-item-title[b-n5ue37sxtj] {
    font-size: 12px;
    font-weight: 500;
}

.report-item-text[b-n5ue37sxtj] {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.report-item-description[b-n5ue37sxtj] {
    overflow: hidden;
    color: var(--kendo-color-on-base-subtle, #6c757d);
    font-size: 11px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.report-item.selected .report-item-title[b-n5ue37sxtj] {
    color: var(--kendo-color-on-primary, #ffffff);
}

.report-item.selected .report-item-description[b-n5ue37sxtj] {
    color: var(--kendo-color-on-primary, #ffffff);
    opacity: 0.85;
}

.report-item-access[b-n5ue37sxtj] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    color: var(--kendo-color-warning, #b26a00);
}

.report-item.selected .report-item-access[b-n5ue37sxtj] {
    color: var(--kendo-color-on-primary, #ffffff);
}

/* Inline copy icon, mirroring PowerBINavigator's .pbi-section-copy: hidden until the row is hovered,
   pinned to the right edge, and always visible on the selected row. */
.report-item-copy[b-n5ue37sxtj] {
    display: inline-flex;
    align-items: center;
    margin-left: auto;
    padding: 2px 4px;
    color: var(--kendo-color-on-base-subtle, #6c757d);
    cursor: pointer;
    border-radius: 3px;
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.15s ease, background-color 0.15s ease;
}

.report-item:hover .report-item-copy[b-n5ue37sxtj] {
    opacity: 1;
}

.report-item-copy:hover[b-n5ue37sxtj] {
    background-color: var(--kendo-color-primary-subtle, #e9ecef);
    color: var(--kendo-color-primary, #007bff);
}

.report-item.selected .report-item-copy[b-n5ue37sxtj] {
    color: var(--kendo-color-on-primary, #ffffff);
    opacity: 1;
}

.report-loading[b-n5ue37sxtj],
.report-empty[b-n5ue37sxtj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 10px;
    color: var(--kendo-color-on-base-subtle, #6c757d);
    font-style: italic;
}

.report-empty-state[b-n5ue37sxtj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: var(--kendo-color-base-subtle, #f8f9fa);
    text-align: center;
    padding: 32px;
}

.report-empty-state h4[b-n5ue37sxtj] {
    color: var(--kendo-color-on-base, #495057);
    margin-bottom: 12px;
}

.report-empty-state p[b-n5ue37sxtj] {
    color: var(--kendo-color-on-base-subtle, #6c757d);
}

.report-viewer-header[b-n5ue37sxtj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 16px 12px;
    border-bottom: 1px solid var(--kendo-color-border, #dee2e6);
    background-color: var(--kendo-color-base, #ffffff);
}

.report-viewer-title[b-n5ue37sxtj] {
    font-size: 18px;
    font-weight: 600;
    color: var(--kendo-color-on-base, #495057);
}

.report-viewer-subtitle[b-n5ue37sxtj] {
    font-size: 12px;
    color: var(--kendo-color-on-base-subtle, #6c757d);
}

.report-viewer-actions[b-n5ue37sxtj] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.report-viewer-host[b-n5ue37sxtj] {
    height: 100%;
    min-height: 0;
}

.report-workspace[b-n5ue37sxtj] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.report-content-splitter[b-n5ue37sxtj] {
    border: 0;
}

.report-discussion[b-n5ue37sxtj] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
    background: var(--kendo-color-base, #fff);
    border-left: 1px solid var(--kendo-color-border, #dee2e6);
}

.report-discussion > header[b-n5ue37sxtj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--kendo-color-border, #dee2e6);
}

.report-discussion > header > div[b-n5ue37sxtj] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.report-discussion > header small[b-n5ue37sxtj] {
    overflow: hidden;
    color: var(--kendo-color-on-base-subtle, #6c757d);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.report-discussion-body[b-n5ue37sxtj] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.report-discussion-loading[b-n5ue37sxtj] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 100%;
    color: var(--kendo-color-on-base-subtle, #6c757d);
}

@media (max-width: 767px) {
    .report-viewer-header[b-n5ue37sxtj] {
        padding: 10px;
    }

    .report-discussion[b-n5ue37sxtj] {
        border-left: 0;
    }
}

.report-ai-window[b-n5ue37sxtj] {
    max-width: 95vw;
}

.report-ai-form[b-n5ue37sxtj],
.report-ai-review[b-n5ue37sxtj] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.report-ai-field[b-n5ue37sxtj] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.report-ai-field label[b-n5ue37sxtj],
.report-ai-review-label[b-n5ue37sxtj] {
    font-size: 13px;
    font-weight: 600;
    color: var(--kendo-color-on-base, #495057);
}

.report-ai-info[b-n5ue37sxtj] {
    padding: 10px 12px;
    border-radius: 6px;
    background-color: var(--kendo-color-base-subtle, #f8f9fa);
    color: var(--kendo-color-on-base, #495057);
}

.report-ai-checkbox[b-n5ue37sxtj] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.report-ai-review-section[b-n5ue37sxtj] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.report-ai-summary[b-n5ue37sxtj],
.report-ai-metadata[b-n5ue37sxtj] {
    padding: 12px;
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: 6px;
    background-color: var(--kendo-color-base-subtle, #f8f9fa);
    color: var(--kendo-color-on-base, #495057);
}

.report-ai-metadata[b-n5ue37sxtj] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.report-ai-validation-list[b-n5ue37sxtj] {
    margin: 0;
    padding-left: 18px;
    color: var(--kendo-color-on-base, #495057);
}

.report-ai-footer[b-n5ue37sxtj] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    width: 100%;
}

.report-header-actions[b-n5ue37sxtj] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.report-category-title[b-n5ue37sxtj] {
    cursor: default;
}

.report-inline-edit[b-n5ue37sxtj] {
    font-size: 13px;
    font-weight: 600;
    font-family: inherit;
    border: 1px solid var(--kendo-color-primary, #007bff);
    border-radius: 3px;
    padding: 2px 6px;
    outline: none;
    width: 100%;
    background: var(--kendo-color-base, #ffffff);
    color: var(--kendo-color-on-base, #495057);
    margin-bottom: 8px;
}

.report-inline-edit-report[b-n5ue37sxtj] {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0;
}

.report-empty-inline[b-n5ue37sxtj] {
    align-items: flex-start;
    padding: 4px 0;
    font-size: 12px;
}

.report-add-category[b-n5ue37sxtj] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 12px 4px;
}

.report-copy-form[b-n5ue37sxtj] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 12px 4px;
}

.report-copy-filename[b-n5ue37sxtj] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.report-copy-filename code[b-n5ue37sxtj] {
    flex: 1;
    padding: 4px 8px;
    border-radius: 3px;
    background: var(--kendo-color-base-subtle, #f1f3f5);
    color: var(--kendo-color-on-base, #495057);
    font-size: 13px;
    word-break: break-all;
}

.report-access-form[b-n5ue37sxtj] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 12px 4px;
}

.report-access-help[b-n5ue37sxtj] {
    color: var(--kendo-color-on-base-subtle, #6c757d);
    font-size: 12px;
    line-height: 1.45;
}

/* Version history + viewer dialogs, matching the Resource History panel on ResourcePage. These
   live here (scoped) because ResourcePage's copy is component-scoped and does not reach the
   navigator's version-history markup. */
.cs-version-loading[b-n5ue37sxtj] {
    display: flex;
    align-items: center;
    padding: 1rem 0.25rem;
}

.cs-version-empty[b-n5ue37sxtj] {
    color: var(--kendo-color-subtle, #666);
    padding: 0.5rem 0.25rem;
    line-height: 1.5;
}

.cs-version-history-list[b-n5ue37sxtj] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cs-version-item[b-n5ue37sxtj] {
    padding: 0.6rem 0.25rem;
    border-bottom: 1px solid var(--kendo-color-border, #e0e0e0);
}

.cs-version-item:last-child[b-n5ue37sxtj] {
    border-bottom: none;
}

.cs-version-meta[b-n5ue37sxtj] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.4rem;
    font-size: 0.9rem;
}

.cs-version-date[b-n5ue37sxtj] {
    font-weight: 600;
}

.cs-version-sep[b-n5ue37sxtj] {
    color: var(--kendo-color-subtle, #999);
}

.cs-version-author[b-n5ue37sxtj] {
    color: var(--kendo-color-on-app-surface, #333);
}

.cs-version-size[b-n5ue37sxtj] {
    color: var(--kendo-color-subtle, #666);
}

.cs-version-note[b-n5ue37sxtj] {
    font-size: 0.82rem;
    color: var(--kendo-color-subtle, #666);
    margin-top: 0.15rem;
}

.cs-version-actions[b-n5ue37sxtj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.45rem;
}
/* /Pages/ResourcePage.razor.rz.scp.css */
.resource-workspace[b-sjmz94nkau] {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.resource-grid-pane[b-sjmz94nkau] {
    display: flex;
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.resource-workspace-preview[b-sjmz94nkau]  .k-splitbar {
    background: var(--kendo-color-base-subtle, #f3f4f6);
}

.resource-workspace-preview[b-sjmz94nkau]  .k-grid-toolbar {
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.resource-workspace-preview[b-sjmz94nkau]  .k-grid-toolbar > .k-button,
.resource-workspace-preview .resource-preview-toggle[b-sjmz94nkau] {
    flex-shrink: 0;
}

.resource-workspace-preview[b-sjmz94nkau]  .k-grid-toolbar > .k-toolbar-item {
    flex: 1 1 180px;
    max-width: 260px;
    margin-inline-start: auto;
}

.resource-preview-pane[b-sjmz94nkau] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: 6px;
    background: var(--kendo-color-base, #fff);
    box-shadow: 0 1px 3px rgb(0 0 0 / 8%);
}

.resource-preview-toggle[b-sjmz94nkau] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-inline: 2px;
    padding: 4px 9px;
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: 5px;
    background: var(--kendo-color-base-subtle, #f8f9fa);
    color: var(--kendo-color-on-base, #495057);
    white-space: nowrap;
}

.resource-preview-toggle label[b-sjmz94nkau] {
    margin: 0;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
}

.resource-source-badge[b-sjmz94nkau] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 72px;
    justify-content: center;
    letter-spacing: 0.01em;
}

.resource-source-badge .k-svg-icon[b-sjmz94nkau] {
    width: 12px;
    height: 12px;
}

.resource-preview-header[b-sjmz94nkau] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px 12px;
    border-bottom: 1px solid var(--kendo-color-border, #dee2e6);
    background: var(--kendo-color-base, #fff);
}

.resource-preview-heading[b-sjmz94nkau] {
    min-width: 0;
}

.resource-preview-eyebrow[b-sjmz94nkau] {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 3px;
    color: var(--kendo-color-primary, #0d6efd);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.resource-preview-title[b-sjmz94nkau] {
    overflow: hidden;
    color: var(--kendo-color-on-base, #343a40);
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.resource-preview-subtitle[b-sjmz94nkau] {
    overflow: hidden;
    margin-top: 2px;
    color: var(--kendo-color-on-base-subtle, #6c757d);
    font-size: 0.78rem;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.resource-preview-source-badge[b-sjmz94nkau] {
    flex: 0 0 auto;
    margin-top: 2px;
}

.resource-preview-viewer[b-sjmz94nkau] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.resource-preview-empty[b-sjmz94nkau] {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 32px;
    color: var(--kendo-color-on-base-subtle, #6c757d);
    text-align: center;
    background: var(--kendo-color-base-subtle, #f8f9fa);
}

.resource-preview-empty-icon[b-sjmz94nkau] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 12px;
    border-radius: 50%;
    background: var(--kendo-color-primary-subtle, #e7f1ff);
    color: var(--kendo-color-primary, #0d6efd);
}

.resource-preview-empty-icon .k-svg-icon[b-sjmz94nkau] {
    width: 25px;
    height: 25px;
}

.resource-preview-empty h4[b-sjmz94nkau] {
    margin: 0 0 6px;
    color: var(--kendo-color-on-base, #343a40);
    font-size: 1rem;
}

.resource-preview-empty p[b-sjmz94nkau] {
    margin: 0;
    font-size: 0.84rem;
}

[b-sjmz94nkau] tr.resource-preview-row {
    cursor: pointer;
}

[b-sjmz94nkau] tr.resource-preview-row:hover > td {
    background-color: var(--kendo-color-primary-subtle, #eef5ff);
}

[b-sjmz94nkau] tr.resource-preview-row-active > td {
    background-color: var(--kendo-color-primary-subtle, #e7f1ff);
}

[b-sjmz94nkau] tr.resource-preview-row-active > td:first-child {
    box-shadow: inset 3px 0 0 var(--kendo-color-primary, #0d6efd);
}

@media (max-width: 1023px) {
    .resource-preview-pane[b-sjmz94nkau] {
        min-height: 0;
    }
}

.cs-version-loading[b-sjmz94nkau] {
    display: flex;
    align-items: center;
    padding: 1rem 0.25rem;
}

.cs-version-empty[b-sjmz94nkau] {
    color: var(--kendo-color-subtle, #666);
    padding: 0.5rem 0.25rem;
    line-height: 1.5;
}

.cs-version-history-list[b-sjmz94nkau] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cs-version-item[b-sjmz94nkau] {
    padding: 0.6rem 0.25rem;
    border-bottom: 1px solid var(--kendo-color-border, #e0e0e0);
}

.cs-version-item:last-child[b-sjmz94nkau] {
    border-bottom: none;
}

.cs-version-meta[b-sjmz94nkau] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.4rem;
    font-size: 0.9rem;
}

.cs-version-date[b-sjmz94nkau] {
    font-weight: 600;
}

.cs-version-sep[b-sjmz94nkau] {
    color: var(--kendo-color-subtle, #999);
}

.cs-version-author[b-sjmz94nkau] {
    color: var(--kendo-color-on-app-surface, #333);
}

.cs-version-size[b-sjmz94nkau] {
    color: var(--kendo-color-subtle, #666);
}

.cs-version-note[b-sjmz94nkau] {
    font-size: 0.82rem;
    color: var(--kendo-color-subtle, #666);
    margin-top: 0.15rem;
}

.cs-version-actions[b-sjmz94nkau] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.45rem;
}
/* /Pages/RoleHiddenMenuExceptionsPage.razor.rz.scp.css */
.menu-exceptions-editor[b-7ili9x4u6p] {
    --menu-border: #d9e0e8;
    --menu-muted: #64748b;
    display: grid;
    grid-template-columns: minmax(275px, 320px) minmax(0, 1fr);
    height: 100%;
    min-height: 0;
    overflow: hidden;
    border: 1px solid var(--menu-border);
    border-radius: 8px;
    background: #f4f7fb;
}

.menu-editor-rail[b-7ili9x4u6p] { min-width: 0; overflow-y: auto; padding: 18px; border-right: 1px solid var(--menu-border); background: #fff; }
.rail-block + .rail-block[b-7ili9x4u6p] { margin-top: 18px; }
.control-label[b-7ili9x4u6p] { display: block; margin-bottom: 7px; color: #334155; font-size: .76rem; font-weight: 700; letter-spacing: .045em; text-transform: uppercase; }
.role-summary[b-7ili9x4u6p] { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 10px; margin-top: 9px; color: var(--menu-muted); font-size: .74rem; }
.preview-note[b-7ili9x4u6p] { display: flex; gap: 8px; padding: 10px; border: 1px solid #cfe0f5; border-radius: 7px; background: #f4f8fd; color: #49627d; font-size: .73rem; line-height: 1.4; }
.preview-note p[b-7ili9x4u6p] { margin: 0; }

.search-field[b-7ili9x4u6p] { position: relative; }
.search-icon[b-7ili9x4u6p] { position: absolute; top: 50%; left: 11px; color: var(--menu-muted); font-size: 1.15rem; transform: translateY(-52%); pointer-events: none; }
.menu-search-input[b-7ili9x4u6p], .section-select[b-7ili9x4u6p] { width: 100%; min-height: 38px; border: 1px solid #cbd5e1; border-radius: 5px; background: #fff; color: #172033; font: inherit; }
.menu-search-input[b-7ili9x4u6p] { padding: 8px 10px 8px 34px; }
.section-select[b-7ili9x4u6p] { padding: 7px 32px 7px 10px; }

.access-filter[b-7ili9x4u6p] { display: grid; grid-template-columns: 1fr 1fr; padding: 3px; border: 1px solid var(--menu-border); border-radius: 7px; background: #f1f5f9; }
.access-filter .filter-button:first-child[b-7ili9x4u6p] { grid-column: 1 / -1; }
.filter-button[b-7ili9x4u6p] { min-width: 0; padding: 7px 5px; border: 0; border-radius: 5px; background: transparent; color: #475569; font-size: .7rem; font-weight: 650; cursor: pointer; }
.filter-button:hover[b-7ili9x4u6p] { background: rgb(255 255 255 / 70%); }
.filter-button.active[b-7ili9x4u6p] { background: #fff; color: #172033; box-shadow: 0 1px 3px rgb(15 23 42 / 14%); }
.visible-filter.active[b-7ili9x4u6p] { color: #18733b; }
.permission-filter.active[b-7ili9x4u6p] { color: #6d36a3; }
.exception-filter.active[b-7ili9x4u6p] { color: #b42318; }
.setting-filter.active[b-7ili9x4u6p] { color: #9a6700; }

.section-picker-mobile[b-7ili9x4u6p] { display: none; }
.section-navigation[b-7ili9x4u6p] { display: flex; flex-direction: column; gap: 5px; }
.section-navigation .control-label[b-7ili9x4u6p] { margin-bottom: 2px; }
.section-button[b-7ili9x4u6p] { display: flex; align-items: center; width: 100%; gap: 10px; padding: 9px 10px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: #334155; text-align: left; cursor: pointer; }
.section-button:hover[b-7ili9x4u6p] { border-color: #e2e8f0; background: #f8fafc; }
.section-button.active[b-7ili9x4u6p] { border-color: color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 32%, white); background: color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 9%, white); color: #172033; }
.section-button-icon[b-7ili9x4u6p] { display: grid; flex: 0 0 32px; width: 32px; height: 32px; place-items: center; border-radius: 7px; background: #eef2f7; }
.section-button.active .section-button-icon[b-7ili9x4u6p] { background: #fff; }
.section-button-copy[b-7ili9x4u6p] { display: flex; min-width: 0; flex-direction: column; }
.section-button-name[b-7ili9x4u6p] { overflow: hidden; font-size: .86rem; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.section-button-count[b-7ili9x4u6p] { color: var(--menu-muted); font-size: .68rem; }
.section-button-causes[b-7ili9x4u6p] { color: #8a5a44; font-size: .62rem; line-height: 1.25; }

.menu-canvas[b-7ili9x4u6p] { min-width: 0; overflow-y: auto; padding: 22px; }
.menu-canvas-header[b-7ili9x4u6p] { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 18px; }
.section-eyebrow[b-7ili9x4u6p] { margin-bottom: 4px; color: var(--kendo-color-primary, #0d6efd); font-size: .72rem; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.menu-canvas-header h2[b-7ili9x4u6p] { margin: 0; color: #172033; font-size: 1.45rem; }
.menu-canvas-header p[b-7ili9x4u6p] { margin: 5px 0 0; color: var(--menu-muted); font-size: .86rem; }
.canvas-summary[b-7ili9x4u6p] { flex: 0 0 auto; padding: 8px 11px; border: 1px solid var(--menu-border); border-radius: 999px; background: #fff; color: var(--menu-muted); font-size: .76rem; white-space: nowrap; }

.menu-category-list[b-7ili9x4u6p] { display: grid; gap: 14px; }
.menu-category-card[b-7ili9x4u6p] { overflow: hidden; border: 1px solid var(--menu-border); border-radius: 9px; background: #fff; box-shadow: 0 2px 7px rgb(15 23 42 / 4%); }
.category-header[b-7ili9x4u6p] { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 11px 15px; border-bottom: 1px solid #e8edf3; background: #f8fafc; color: var(--menu-muted); font-size: .72rem; }
.category-title[b-7ili9x4u6p] { display: flex; align-items: center; gap: 8px; }
.category-title > div[b-7ili9x4u6p] { display: flex; min-width: 0; flex-direction: column; }
.category-header h3[b-7ili9x4u6p] { margin: 0; color: #273449; font-size: .91rem; font-weight: 700; }
.category-icon[b-7ili9x4u6p] { color: #94a3b8; }
.dynamic-note[b-7ili9x4u6p] { margin-top: 2px; color: #7c6f64; font-size: .64rem; }
.category-counts[b-7ili9x4u6p] { display: flex; align-items: flex-end; flex-direction: column; color: #64748b; line-height: 1.35; }
.category-counts strong[b-7ili9x4u6p] { color: #334155; }

.menu-item-list[b-7ili9x4u6p] { display: grid; grid-template-columns: 1fr; }
.menu-item-row[b-7ili9x4u6p] { display: block; min-width: 0; padding: 11px 13px; border-bottom: 1px solid #edf1f5; }
.menu-item-row:last-child[b-7ili9x4u6p] { border-bottom: 0; }
.menu-item-row.is-hidden[b-7ili9x4u6p] { background: #fffdfd; }
.menu-item-main[b-7ili9x4u6p] { display: grid; align-items: center; grid-template-columns: minmax(180px, 1.15fr) minmax(250px, 1.4fr) auto; gap: 14px; }
.menu-item-identity[b-7ili9x4u6p] { display: flex; align-items: center; min-width: 0; gap: 10px; }
.menu-link-marker[b-7ili9x4u6p] { flex: 0 0 4px; width: 4px; height: 32px; border-radius: 99px; background: #2d9d57; }
.is-hidden .menu-link-marker[b-7ili9x4u6p] { background: #d64545; }
.menu-item-copy[b-7ili9x4u6p] { display: flex; min-width: 0; flex-direction: column; }
.menu-item-label[b-7ili9x4u6p], .menu-item-route[b-7ili9x4u6p] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.menu-item-label[b-7ili9x4u6p] { color: #273449; font-size: .84rem; font-weight: 650; }
.menu-item-route[b-7ili9x4u6p] { margin-top: 2px; color: #8a97a8; font-size: .66rem; }

.cause-badges[b-7ili9x4u6p] { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.effective-state[b-7ili9x4u6p], .cause-badge[b-7ili9x4u6p] { display: inline-flex; align-items: center; gap: 4px; padding: 4px 7px; border: 1px solid; border-radius: 999px; font-size: .66rem; font-weight: 700; white-space: nowrap; }
.effective-visible[b-7ili9x4u6p] { border-color: #8fd0a6; background: #eaf8ef; color: #166534; }
.effective-hidden[b-7ili9x4u6p] { border-color: #e8a7a0; background: #fff0ef; color: #a5271d; }
.cause-ok[b-7ili9x4u6p] { border-color: #b7d8c2; background: #f1faf4; color: #297043; }
.cause-blocked[b-7ili9x4u6p] { border-color: #d6c1f1; background: #f7f1ff; color: #6d36a3; }
.cause-exception[b-7ili9x4u6p] { border-color: #efb0aa; background: #fff3f2; color: #b42318; }

.item-actions[b-7ili9x4u6p] { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.details-button[b-7ili9x4u6p] { border: 0; background: transparent; color: var(--kendo-color-primary, #0d6efd); font-size: .7rem; font-weight: 650; cursor: pointer; white-space: nowrap; }
.exception-state[b-7ili9x4u6p] { display: inline-flex; align-items: center; justify-content: center; min-width: 112px; min-height: 34px; gap: 5px; padding: 6px 9px; border: 1px solid; border-radius: 6px; font-size: .7rem; font-weight: 750; cursor: pointer; }
.exception-inactive[b-7ili9x4u6p] { border-color: #cbd5e1; background: #fff; color: #475569; }
.exception-active[b-7ili9x4u6p] { border-color: #efb0aa; background: #fff0ef; color: #b42318; }
.exception-state:disabled[b-7ili9x4u6p], .permission-toggle:disabled[b-7ili9x4u6p] { cursor: not-allowed; opacity: .58; }
.exception-state.is-saving[b-7ili9x4u6p] { border-color: #cbd5e1; background: #f8fafc; color: #475569; }

.access-details[b-7ili9x4u6p] { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 11px; padding: 13px 14px 14px 42px; border-top: 1px dashed #d8e0e8; background: #fbfcfe; }
.detail-column[b-7ili9x4u6p] { min-width: 0; }
.detail-column h4[b-7ili9x4u6p] { margin: 0 0 8px; color: #334155; font-size: .74rem; letter-spacing: .035em; text-transform: uppercase; }
.permission-toggle[b-7ili9x4u6p] { display: grid; width: 100%; align-items: center; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 6px; margin-top: 6px; padding: 7px 9px; border: 1px solid; border-radius: 6px; text-align: left; cursor: pointer; }
.permission-toggle small[b-7ili9x4u6p] { color: inherit; font-size: .62rem; opacity: .82; }
.permission-granted[b-7ili9x4u6p] { border-color: #a9d5b8; background: #f0faf3; color: #21683b; }
.permission-missing[b-7ili9x4u6p] { border-color: #d7c0f1; background: #f8f3ff; color: #6d36a3; }
.site-gate[b-7ili9x4u6p], .detail-ok[b-7ili9x4u6p], .exception-explanation[b-7ili9x4u6p] { margin: 6px 0; font-size: .73rem; }
.detail-ok[b-7ili9x4u6p] { color: #297043; }
.detail-blocked[b-7ili9x4u6p] { color: #9a5b00; font-weight: 650; }
.site-settings-link[b-7ili9x4u6p] { display: inline-block; margin-top: 4px; font-size: .7rem; font-weight: 650; }
.exception-explanation[b-7ili9x4u6p] { margin-top: 11px; color: #64748b; line-height: 1.4; }

.state-spinner[b-7ili9x4u6p] { width: 13px; height: 13px; border: 2px solid #cbd5e1; border-top-color: var(--kendo-color-primary, #0d6efd); border-radius: 50%; animation: menu-state-spin-b-7ili9x4u6p 700ms linear infinite; }
.empty-menu-state[b-7ili9x4u6p] { display: flex; min-height: 280px; align-items: center; justify-content: center; flex-direction: column; padding: 32px; border: 1px dashed #cbd5e1; border-radius: 10px; background: rgb(255 255 255 / 65%); color: var(--menu-muted); text-align: center; }
.empty-state-icon[b-7ili9x4u6p] { margin-bottom: 8px; font-size: 2rem; }
.empty-menu-state h3[b-7ili9x4u6p] { margin: 0; color: #334155; font-size: 1rem; }
.empty-menu-state p[b-7ili9x4u6p] { margin: 5px 0 14px; font-size: .82rem; }
.clear-filters-button[b-7ili9x4u6p] { padding: 7px 12px; border: 1px solid #cbd5e1; border-radius: 5px; background: #fff; color: #334155; font-weight: 650; cursor: pointer; }

.menu-search-input:focus[b-7ili9x4u6p], .section-select:focus[b-7ili9x4u6p], .filter-button:focus-visible[b-7ili9x4u6p], .section-button:focus-visible[b-7ili9x4u6p], .details-button:focus-visible[b-7ili9x4u6p], .exception-state:focus-visible[b-7ili9x4u6p], .permission-toggle:focus-visible[b-7ili9x4u6p], .clear-filters-button:focus-visible[b-7ili9x4u6p] { outline: 3px solid color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 28%, transparent); outline-offset: 2px; }
@keyframes menu-state-spin-b-7ili9x4u6p { to { transform: rotate(360deg); } }

@media (max-width: 1100px) {
    .menu-item-main[b-7ili9x4u6p] { grid-template-columns: minmax(170px, 1fr) minmax(210px, 1.2fr); }
    .item-actions[b-7ili9x4u6p] { grid-column: 1 / -1; }
}

@media (max-width: 820px) {
    .menu-exceptions-editor[b-7ili9x4u6p] { display: flex; height: auto; min-height: 100%; overflow: visible; flex-direction: column; }
    .menu-editor-rail[b-7ili9x4u6p] { overflow: visible; border-right: 0; border-bottom: 1px solid var(--menu-border); }
    .section-navigation[b-7ili9x4u6p] { display: none; }
    .section-picker-mobile[b-7ili9x4u6p] { display: block; }
    .menu-canvas[b-7ili9x4u6p] { overflow: visible; padding: 18px; }
}

@media (max-width: 560px) {
    .menu-editor-rail[b-7ili9x4u6p], .menu-canvas[b-7ili9x4u6p] { padding: 14px; }
    .menu-canvas-header[b-7ili9x4u6p], .category-header[b-7ili9x4u6p] { align-items: flex-start; flex-direction: column; gap: 10px; }
    .menu-item-main[b-7ili9x4u6p] { display: flex; align-items: stretch; flex-direction: column; }
    .cause-badges[b-7ili9x4u6p] { align-items: flex-start; }
    .item-actions[b-7ili9x4u6p] { align-items: stretch; flex-direction: column; }
    .details-button[b-7ili9x4u6p] { min-height: 34px; }
    .exception-state[b-7ili9x4u6p] { width: 100%; }
    .access-details[b-7ili9x4u6p] { grid-template-columns: 1fr; padding-left: 14px; }
    .permission-toggle[b-7ili9x4u6p] { grid-template-columns: 22px minmax(0, 1fr); }
    .permission-toggle small[b-7ili9x4u6p] { grid-column: 2; }
    .category-counts[b-7ili9x4u6p] { align-items: flex-start; flex-direction: row; flex-wrap: wrap; gap: 6px; }
}

@media (prefers-reduced-motion: reduce) { .state-spinner[b-7ili9x4u6p] { animation-duration: 1400ms; } }
/* /Pages/ScopeSummaryPage.razor.rz.scp.css */

.scope-summary-return[b-ock4ofyjc9] {
    margin-bottom: 12px;
}

.scope-summary-return__button[b-ock4ofyjc9] {
    align-items: center;
    background: transparent;
    border: 1px solid rgba(36, 87, 197, .24);
    border-radius: 4px;
    color: var(--kendo-color-primary, #2457c5);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    height: 24px;
    justify-content: center;
    padding: 0;
    transition: background-color .15s ease, color .15s ease;
    width: 26px;
}

.scope-summary-return__button:hover[b-ock4ofyjc9],
.scope-summary-return__button:focus[b-ock4ofyjc9] {
    background: var(--kendo-color-primary-subtle, #f1f5ff);
}

.scope-summary-return__button:focus-visible[b-ock4ofyjc9] {
    outline: 2px solid var(--kendo-color-primary, #2457c5);
    outline-offset: 2px;
}

[b-ock4ofyjc9] .scope-summary-return__button .k-svg-icon {
    height: 14px;
    width: 14px;
}

.milestone-container[b-ock4ofyjc9] {
    margin: 0;
    width: 65%;
    overflow: auto;
}

.milestone-card[b-ock4ofyjc9] {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 20px;
    background: white;
}

.card-header .title[b-ock4ofyjc9] {
    font-size: 1rem;
    font-weight: bold;
    margin-right: 10px;
}

.card-header[b-ock4ofyjc9] {
    background: #f5f5f5;
    padding: 8px 12px;
    display: flex;
    align-items: center;
}

.progress-bar-container[b-ock4ofyjc9] {
    padding-left: 8px;
    padding-right: 8px;
    flex-wrap: wrap;
    width: 200px;
}



.card-content-container[b-ock4ofyjc9] {
    display: flex;
    padding: 12px;
    gap: 20px;
}

.table-section[b-ock4ofyjc9] {
    flex: 1 1 60%;
    padding-right: 12px;
}

.chart-section[b-ock4ofyjc9] {
    flex: 1 1 40%;
    min-width: 250px;
    padding: 25px 0 0;
}

.chart-container[b-ock4ofyjc9] {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.card-body[b-ock4ofyjc9] {
    padding: 0;
}

h5[b-ock4ofyjc9] {
    font-size: 0.9rem;
    font-weight: bold;
    margin: 10px 0 6px;
}

[b-ock4ofyjc9] .simple-table {
    width: 100%;
    border-collapse: collapse;
}

    [b-ock4ofyjc9] .simple-table th, [b-ock4ofyjc9] .simple-table td {
        border: 1px solid #e0e0e0;
        padding: 6px 8px;
        font-size: 0.85rem;
        text-align: left;
    }

    [b-ock4ofyjc9] .simple-table th {
        background: #3a3e54 !important;
        font-weight: bold;
        color: #fff;
    }

    [b-ock4ofyjc9] .simple-table td {
        background: white;
    }

    [b-ock4ofyjc9] .simple-table td.td-total {
        font-weight: bold;
        background: var(--kendo-color-primary-subtle, #e9ecef);
    }
[b-ock4ofyjc9] .simple-table th:nth-child(n+3), [b-ock4ofyjc9] .simple-table td:nth-child(n+3) {
    text-align: center;
}

[b-ock4ofyjc9] .simple-table th:last-child, [b-ock4ofyjc9] .simple-table td:last-child {
    width: 90px;
}
.badge-incomplete[b-ock4ofyjc9]::before {
    content: "✕ ";
}

.progress-bar-wrapper[b-ock4ofyjc9] {
    width: 100%;
    padding: 0 8px;
}

.full-width[b-ock4ofyjc9] {
    width: 100%;
}


[b-ock4ofyjc9] .k-chart-point > path {
    stroke: black !important;
    stroke-width: 2px !important;
}


[b-ock4ofyjc9] .improved-column-chart .k-chart-series rect {
    stroke: #000 !important;
    stroke-width: 2px !important;
    height: 100% !important;
    transform: translateY(0) scaleY(1) !important;
    transform-origin: bottom !important;
    vector-effect: non-scaling-stroke;
}


    [b-ock4ofyjc9] .improved-column-chart .k-chart-series rect[fill="#4e73df"],
    [b-ock4ofyjc9] .improved-column-chart .k-chart-series rect[fill="#1cc88a"] {
        height: var(--completion-percent) !important;
        transform: scaleY(1) translateY(calc(100% - var(--completion-percent))) !important;
    }


    [b-ock4ofyjc9] .improved-column-chart .k-chart-series rect[height="0%"] {
        height: 5px !important;
        transform: translateY(calc(100% - 5px)) !important;
    }

[b-ock4ofyjc9] .improved-column-chart .k-chart-label {
    font-size: 12px;
    font-weight: bold;
}

    [b-ock4ofyjc9] .improved-column-chart .k-chart-label[style*="translateY(0%)"] {
        transform: translateY(-15px) !important;
    }

.summary-table-section[b-ock4ofyjc9] {
    margin-top: 20px;
    width: 100%;
}

.text-muted[b-ock4ofyjc9] {
    color: #888;
}

.font-italic[b-ock4ofyjc9] {
    font-style: italic;
}

[b-ock4ofyjc9] .full-width {
    width: 100%;
}
.badge[b-ock4ofyjc9] {
    display: inline-block;
    padding: 2px 6px;
    margin-right: 6px;
    font-size: 12px;
    font-weight: bold;
    color: white;
    border-radius: 12px;
    line-height: 1;
}

.badge-system[b-ock4ofyjc9] {
    background-color: #1976d2;
}

.badge-subsystem[b-ock4ofyjc9] {
    background-color: #388e3c;
}

.badge-tag[b-ock4ofyjc9] {
    background-color: #f57c00;
}

.tag-with-badge[b-ock4ofyjc9] {
    display: inline-flex !important;
    align-items: center;
    gap: 0 !important; 
}

    .tag-with-badge .color-dot[b-ock4ofyjc9] {
        margin-right: 2px !important; 
    }
.option-with-badge[b-ock4ofyjc9],
.tag-with-badge[b-ock4ofyjc9] {
    display: flex;
    align-items: center;
    gap: 6px;
}
.color-dot[b-ock4ofyjc9] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 8px;
    vertical-align: middle;
}

.dot-system[b-ock4ofyjc9] {
    background-color: #1976d2; 
}

.dot-subsystem[b-ock4ofyjc9] {
    background-color: #388e3c; 
}

.dot-tag[b-ock4ofyjc9] {
    background-color: #f57c00; 
}

.option-with-badge[b-ock4ofyjc9],
.tag-with-badge[b-ock4ofyjc9] {
    display: flex;
    align-items: center;
    gap: 6px;
}
[b-ock4ofyjc9] .color-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 8px;
    vertical-align: middle;
}

[b-ock4ofyjc9] .dot-system {
    background-color: #1976d2;
}

[b-ock4ofyjc9] .dot-subsystem {
    background-color: #388e3c;
}

[b-ock4ofyjc9] .dot-tag {
    background-color: #f57c00;
}

/* Commenting out custom-multiselect styles to debug display issues
.custom-multiselect .k-chip-list {
    max-height: none !important;
    overflow-y: visible !important;
    flex-wrap: wrap !important;
    display: flex !important;
  
}
.custom-multiselect .k-input-values {
    max-height: none !important;
    overflow-y: visible !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    min-height: 38px !important;
    height: auto !important;
}

.custom-multiselect {
    height: auto !important;
    min-height: 38px !important;
    max-height: none !important;
}

::deep .custom-multiselect .k-input {
    height: auto !important;
    min-height: 38px !important;
    max-height: none !important;
}

::deep .custom-multiselect .k-multiselect-wrap {
    height: auto !important;
    min-height: 38px !important;
    max-height: none !important;
    overflow: visible !important;
}

::deep .custom-multiselect .k-multiselect-wrap .k-input-values {
    max-height: none !important;
    overflow: visible !important;
    height: auto !important;
}

::deep .custom-multiselect .k-chip {
    margin: 2px !important;
}

/* Force the dropdown popup to be visible */
[b-ock4ofyjc9] .custom-multiselect .k-list-container {
    max-height: 300px !important;
}

/* Ensure the input wrapper expands */
[b-ock4ofyjc9] .custom-multiselect .k-input-inner {
    min-height: 30px !important;
    height: auto !important;
}
*/[b-ock4ofyjc9]
/* /Pages/SemanticQuery.razor.rz.scp.css */
/* Tab strip + flex chain: bounded height so Telerik Chat .k-message-list can scroll */
[b-vi74k4wcmd] .chat-widget .k-tabstrip-wrapper {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    max-height: 100%;
}

[b-vi74k4wcmd] .chat-widget .k-tabstrip {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    max-height: 100%;
}

[b-vi74k4wcmd] .chat-widget .k-tabstrip-content.k-active,
[b-vi74k4wcmd] .chat-widget .k-tabstrip > .k-content.k-active {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

[b-vi74k4wcmd] .chat-widget .k-tabstrip-content.k-active > div:first-child,
[b-vi74k4wcmd] .chat-widget .k-tabstrip > .k-content.k-active > div:first-child {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

[b-vi74k4wcmd] .chat-widget .flex-auto {
    min-height: 0;
    min-width: 0;
}

[b-vi74k4wcmd] .chat-widget .k-splitter {
    min-height: 0;
    flex: 1 1 auto;
}

/* Keep splitter pane widths stable while typing in chat input */
[b-vi74k4wcmd] .chat-widget .k-splitter .k-pane,
[b-vi74k4wcmd] .chat-widget .k-splitter-flex .k-pane {
    min-width: 0;
    min-height: 0;
    overflow: hidden !important;
    box-sizing: border-box;
}

[b-vi74k4wcmd] .chat-widget .k-splitter .k-pane > div,
[b-vi74k4wcmd] .chat-widget .k-splitter-flex .k-pane > div {
    min-width: 0;
    min-height: 0;
    width: 100%;
}

[b-vi74k4wcmd] .semantic-query-chat-host {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

/* Theme default .k-chat uses max-width:500px, fixed height, margin:auto — break for embedded pane */
[b-vi74k4wcmd] .semantic-query-chat-host .k-chat {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    align-self: stretch;
    background-color: #ffffff;
}

/* Prevent prompt/input content from pushing pane width during live typing */
[b-vi74k4wcmd] .semantic-query-chat-host .k-message-box,
[b-vi74k4wcmd] .semantic-query-chat-host .k-prompt-box,
[b-vi74k4wcmd] .semantic-query-chat-host .k-prompt-box-content,
[b-vi74k4wcmd] .semantic-query-chat-host .k-textarea,
[b-vi74k4wcmd] .semantic-query-chat-host .k-input-inner {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

[b-vi74k4wcmd] .semantic-query-chat-host .k-textarea .k-input-inner {
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* Flex item default min-height:auto prevents overflow scroll; min-height:0 fixes message list scrolling */
[b-vi74k4wcmd] .semantic-query-chat-host .k-message-list {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
}

/* Keep our templated assistant answer content within the TelerikChat message area without overriding Telerik internals */
[b-vi74k4wcmd] .semantic-query-chat-host .semantic-query-ai-content {
    width: 100%;
    max-width: 100%;
}

[b-vi74k4wcmd] .semantic-query-suggestion-template {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.2;
    text-align: left;
}

[b-vi74k4wcmd] .semantic-query-suggestion-template .suggestion-title {
    font-size: 13px;
    font-weight: 500;
    /* color: var(--kendo-color-primary) */
}

[b-vi74k4wcmd] .semantic-query-suggestion-template .suggestion-subtitle {
    font-size: 12px;
    opacity: 0.85;
}

[b-vi74k4wcmd] .semantic-query-chat-empty .empty-title {
    font-size: 16px;
    font-weight: 600;
    color: #777;
}

[b-vi74k4wcmd] .semantic-query-chat-empty .empty-subtitle {
    font-size: 12px;
    color: #9e9e9e;
}

[b-vi74k4wcmd] .semantic-query-ai-content .markdown-body {
    max-width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow-wrap: break-word;
}

[b-vi74k4wcmd] .semantic-query-ai-content .markdown-body h2 {
    font-size: 1.25rem;
}

[b-vi74k4wcmd] .semantic-query-ai-content .markdown-body h3 {
    font-size: 1rem;
}

[b-vi74k4wcmd] .semantic-query-ai-content .markdown-body ul {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

[b-vi74k4wcmd] .semantic-query-ai-content .markdown-body table {
    margin-bottom: 8px;
    border: 1px solid #c0c0c0;
    border-radius: 4px;
}

[b-vi74k4wcmd] .semantic-query-ai-content .markdown-body table thead th {
    background: var(--kendo-color-surface-alt, #fafafa);
    font-weight: 600;
    padding: 4px 8px;
}

[b-vi74k4wcmd] .semantic-query-ai-content .markdown-body table td {
    padding: 4px 8px;
    border-top: 1px solid #c0c0c0;
}

[b-vi74k4wcmd] .semantic-query-inline-charts {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    border-radius: 4px;
    border: 1px solid #c0c0c0;
    background: var(--kendo-color-surface-alt, #fafafa);  
    padding: 10px 8px;
}

[b-vi74k4wcmd] .semantic-query-inline-chart {
    width: 100%;
    min-width: 0;
    min-height: 200px;
}

/* chart action button */
.message-actions[b-vi74k4wcmd] { margin-top: 6px; }
.chart-button[b-vi74k4wcmd] { padding: 2px 6px; }
.chart-button .k-svg-icon[b-vi74k4wcmd] { width: 16px; height: 16px; }

.reply-options[b-vi74k4wcmd] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
    align-items: center;
}

/* Keep the docked AI Assistant on the application Dark surfaces. The Light
   declarations above remain the baseline and are intentionally unchanged. */
html[data-theme="dark"] .chat-widget[b-vi74k4wcmd],
html[data-theme="dark"] .chat-widget .chat-body[b-vi74k4wcmd],
html[data-theme="dark"] .chat-widget .sq-tab-host[b-vi74k4wcmd],
html[data-theme="dark"] .chat-widget[b-vi74k4wcmd]  .k-tabstrip,
html[data-theme="dark"] .chat-widget[b-vi74k4wcmd]  .k-tabstrip-items-wrapper,
html[data-theme="dark"] .chat-widget[b-vi74k4wcmd]  .k-tabstrip-content,
html[data-theme="dark"] .chat-widget[b-vi74k4wcmd]  .k-tabstrip > .k-content {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-app-surface, var(--aquip-surface)) !important;
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .chat-widget .sq-mode-toggle[b-vi74k4wcmd],
html[data-theme="dark"] .chat-widget[b-vi74k4wcmd]  .k-tabstrip-items-wrapper,
html[data-theme="dark"] .chat-widget[b-vi74k4wcmd]  .k-tabstrip-items {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-surface-alt, var(--aquip-surface-raised));
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .chat-widget[b-vi74k4wcmd]  .semantic-query-chat-host .k-chat,
html[data-theme="dark"] .chat-widget[b-vi74k4wcmd]  .semantic-query-chat-host .k-message-list,
html[data-theme="dark"] .chat-widget[b-vi74k4wcmd]  .semantic-query-chat-host .k-chat-message-list,
html[data-theme="dark"] .chat-widget[b-vi74k4wcmd]  .semantic-query-chat-host .k-message-list-content {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-app-surface, var(--aquip-surface));
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .chat-widget[b-vi74k4wcmd]  .semantic-query-chat-host .k-message-box,
html[data-theme="dark"] .chat-widget[b-vi74k4wcmd]  .semantic-query-chat-host .k-chat-toolbar,
html[data-theme="dark"] .chat-widget[b-vi74k4wcmd]  .semantic-query-chat-host .k-prompt-box,
html[data-theme="dark"] .chat-widget[b-vi74k4wcmd]  .semantic-query-chat-host .k-prompt-box-content,
html[data-theme="dark"] .chat-widget[b-vi74k4wcmd]  .semantic-query-chat-host .k-textarea,
html[data-theme="dark"] .chat-widget[b-vi74k4wcmd]  .semantic-query-chat-host .k-input {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-surface, var(--aquip-surface-raised));
    border-color: var(--kendo-color-border-alt, var(--aquip-border-strong));
}

html[data-theme="dark"] .chat-widget[b-vi74k4wcmd]  .semantic-query-chat-host .k-input-inner,
html[data-theme="dark"] .chat-widget[b-vi74k4wcmd]  .semantic-query-chat-host textarea,
html[data-theme="dark"] .chat-widget[b-vi74k4wcmd]  .semantic-query-chat-host textarea::placeholder {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"] .chat-widget[b-vi74k4wcmd]  .semantic-query-chat-empty .empty-title {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"] .chat-widget[b-vi74k4wcmd]  .semantic-query-chat-empty .empty-subtitle {
    color: var(--kendo-color-subtle, var(--aquip-text-muted));
}

[b-vi74k4wcmd] .reply-option-button {
    min-width: 0;
    max-width: 100%;
    font-weight: 500;
    border-color: #d8dce3;
    background-color: #fff;
    color: #1f2937;
    box-shadow: none;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease, color .15s ease;
}

[b-vi74k4wcmd] .reply-option-button .k-button-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-vi74k4wcmd] .reply-option-button:hover,
[b-vi74k4wcmd] .reply-option-button.k-hover {
    border-color: var(--kendo-color-primary, #0d6efd);
    background-color: color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 8%, white);
    color: var(--kendo-color-primary, #0d6efd);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

[b-vi74k4wcmd] .reply-option-button:focus,
[b-vi74k4wcmd] .reply-option-button.k-focus {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 18%, transparent);
}

[b-vi74k4wcmd] .reply-option-button.k-disabled {
    opacity: 0.65;
    background-color: #f8f9fb;
}

/* speech-to-text and send button styling */
.chat-input-buttons[b-vi74k4wcmd] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Markdown table styling */
.markdown-body table[b-vi74k4wcmd] { border-collapse: collapse; width: 100%; margin: 8px 0; }
.markdown-body th[b-vi74k4wcmd], .markdown-body td[b-vi74k4wcmd] { border: 1px solid #e5e7eb; padding: 6px 8px; text-align: left; }
.markdown-body thead th[b-vi74k4wcmd] { background: #f9fafb; font-weight: 600; }
.markdown-body tr:nth-child(even)[b-vi74k4wcmd] { background: #fafafa; }

/* normalize markdown spacing */
.markdown-body > :last-child[b-vi74k4wcmd] { margin-bottom: 0 !important; }

/* existing styles */
.chat-input-wrapper[b-vi74k4wcmd] {
	position: relative;
}

.chat-input-textarea[b-vi74k4wcmd] {
	padding-right: 52px; /* ensure button space */
}

.chat-send-button[b-vi74k4wcmd] {
	position: absolute !important;
	right: 8px;
	bottom: 8px;
	width: 38px;
	height: 38px;
	min-width: 38px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}
.chat-widget[b-vi74k4wcmd] {
    position: fixed;
    top: 44px;
    right: 10px;
    width: 350px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: 1000;
    transition: width 0.3s ease, height 0.3s ease, border-radius 0.3s ease;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.chat-widget.docked[b-vi74k4wcmd] {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    max-height: unset;
    border-radius: 0;
    box-shadow: none;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.chat-widget.docked .chat-header[b-vi74k4wcmd] {
    border-radius: 0;
}

.chat-widget.docked .chat-body[b-vi74k4wcmd] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.chat-widget.collapsed[b-vi74k4wcmd] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}

.chat-widget.collapsed .chat-header[b-vi74k4wcmd] {
    padding: 0;
    border-radius: 50%;
    justify-content: center;
    transition: border-radius 0.3s ease;
}

.chat-widget.collapsed[b-vi74k4wcmd]  .toggle-button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 0;
    transition: transform 0.3s ease;
}

.chat-header[b-vi74k4wcmd] {
    padding: 8px 15px;
    background-color: var(--kendo-color-primary, #0d6efd);
    border-radius: 8px 8px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: border-radius 0.3s ease;
}

.chat-body[b-vi74k4wcmd] { padding: 15px; overflow: hidden; flex: 1; min-height: 0; transition: opacity 0.3s ease; display: flex; flex-direction: column; }

.chat-body > div[b-vi74k4wcmd] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.chat-body > div > div[b-vi74k4wcmd] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.chat-widget.collapsed .chat-body[b-vi74k4wcmd] {
    opacity: 0;
}

.chat-history[b-vi74k4wcmd] { 
    flex: 1 1 auto; 
    overflow-y: auto; 
    padding: 8px 0;
}

.chat-input-area[b-vi74k4wcmd] { margin-top: auto; padding-top: 8px; }

/* Message grouping */
.message-group[b-vi74k4wcmd] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 20px;
}

/* User message bubble - ChatGPT style, right-aligned, primary color */
.user-message-bubble[b-vi74k4wcmd] {
    display: flex;
    justify-content: flex-end;
    margin-left: 20%;
}

.user-message-bubble .message-content[b-vi74k4wcmd] {
    background: var(--kendo-color-primary, #0d6efd);
    color: var(--kendo-color-on-primary, #ffffff);
    padding: 12px 16px;
    border-radius: 18px 18px 4px 18px;
    max-width: 100%;
    word-wrap: break-word;
    white-space: pre-wrap;
    line-height: 1.4;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* AI message bubble - ChatGPT style, left-aligned, grey */
.ai-message-bubble[b-vi74k4wcmd] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    margin-right: 20%;
}

.ai-message-bubble .message-content[b-vi74k4wcmd] {
    background: #f1f3f4;
    color: #202124;
    padding: 12px 16px;
    border-radius: 18px 18px 18px 4px;
    max-width: 100%;
    word-wrap: break-word;
    white-space: pre-wrap;
    line-height: 1.4;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border: 1px solid #e8eaed;
}

[b-vi74k4wcmd] .toggle-button {
    padding: 4px 8px;
    min-width: auto;
}

/* Charts pane styling for splitter */
.charts-pane[b-vi74k4wcmd] {
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.charts-pane-header[b-vi74k4wcmd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 10px;
    border-bottom: 1px solid #eef0f4;
    background: #fafafa;
    border-radius: 6px 6px 0 0;
    height: 40px;
    flex-shrink: 0;
}

.charts-pane-actions[b-vi74k4wcmd] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.charts-pane-body[b-vi74k4wcmd] {
    overflow: auto;
    padding: 8px 10px;
    flex: 1;
}

.charts-pane-collapsed[b-vi74k4wcmd] {
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #fff;
}

.charts-pane-collapsed .charts-pane-header[b-vi74k4wcmd] {
    padding: 6px 10px;
    background: #fafafa;
    border-radius: 6px;
}

/* Legacy styles - keep for backwards compatibility but hide */
.result-container[b-vi74k4wcmd] { display: none; }
.user-message[b-vi74k4wcmd] { display: none; }
.response-message[b-vi74k4wcmd] { display: none; }

.empty-state[b-vi74k4wcmd] { display: flex; align-items: center; justify-content: center; padding: 16px 0; }
.empty-card[b-vi74k4wcmd] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 32px; border: 1px dashed #d9d9d9; border-radius: 8px; color: #757575; background: #fafafa; max-width: 560px; width: 100%; }
.empty-icon[b-vi74k4wcmd] { pointer-events: none; }
.empty-emoji[b-vi74k4wcmd] { font-size: 28px; }
.empty-title[b-vi74k4wcmd] { font-size: 16px; font-weight: 600; color: #777; }
.empty-subtitle[b-vi74k4wcmd] { font-size: 12px; color: #9e9e9e; }

.suggestions[b-vi74k4wcmd] { margin-top: 16px; text-align: center; }
.suggestions-title[b-vi74k4wcmd] { font-size: 13px; font-weight: 600; color: #444; margin-bottom: 12px; }
.suggestions-list[b-vi74k4wcmd] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; justify-content: center; width: 100%; max-width: 560px; }
.suggestion-card[b-vi74k4wcmd] { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 8px; border: 1px solid #e5e7eb; background: #fff; cursor: pointer; text-align: left; transition: box-shadow .15s ease, transform .05s ease, border-color .15s ease; }
.suggestion-card:hover[b-vi74k4wcmd] { box-shadow: 0 2px 10px rgba(0,0,0,.06); border-color: #d8dce3; }
.suggestion-card:active[b-vi74k4wcmd] { transform: translateY(1px); }
.suggestion-icon[b-vi74k4wcmd] { color: var(--kendo-color-primary, #0d6efd); display:flex; align-items:center; }
.suggestion-text[b-vi74k4wcmd] { display:flex; flex-direction:column; line-height: 1.2; }
.suggestion-title[b-vi74k4wcmd] { font-size: 13px; font-weight: 600; color: #222; }
.suggestion-subtitle[b-vi74k4wcmd] { font-size: 12px; color: #666; }

.suggestions-more[b-vi74k4wcmd] { margin-top: 8px; text-align:center; }
.suggestions-more-btn[b-vi74k4wcmd] { font-size: 12px; }

.empty-state > .suggestions[b-vi74k4wcmd] { display: flex; flex-direction: column; align-items: center; }

.sq-tab-host[b-vi74k4wcmd] { position: relative; }

.sq-mode-toggle[b-vi74k4wcmd] {
    display: flex;
    gap: 2px;
    padding: 6px 10px;
    border-bottom: 0.5px solid var(--kendo-color-border, #e5e7eb);
    flex-shrink: 0;
    background: var(--kendo-color-surface, #fff);
}

.sq-mode-btn[b-vi74k4wcmd] {
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 12.5px;
    font-weight: 500;
    color: var(--kendo-color-subtle, #5f5e5a);
    background: transparent;
    border: 0;
    cursor: pointer;
    font-family: inherit;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.sq-mode-btn:hover[b-vi74k4wcmd] { background: var(--kendo-color-surface-alt, #efeee9); }

.sq-mode-btn[aria-selected="true"][b-vi74k4wcmd] {
    background: var(--kendo-color-surface-alt, #f7f7f5);
    color: var(--kendo-color-on-app-surface, #1a1a1a);
}

.sq-mode-badge[b-vi74k4wcmd] {
    font-size: 10.5px;
    padding: 1px 6px;
    border-radius: 10px;
    background: color-mix(in srgb, var(--kendo-color-info, #185fa5) 18%, transparent);
    color: var(--kendo-color-info, #185fa5);
    font-weight: 500;
    min-width: 16px;
    text-align: center;
}
/* /Pages/SemanticQueryActivityPanel.razor.rz.scp.css */
.sq-activity[b-2na4esy788] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    background: var(--kendo-color-surface, #fff);
    font-size: 13px;
}

.sq-activity__filters[b-2na4esy788] {
    display: flex;
    gap: 4px;
    padding: 8px 12px;
    border-bottom: 0.5px solid var(--kendo-color-border, #e5e7eb);
    flex-shrink: 0;
    overflow-x: auto;
    align-items: center;
}

.sq-activity__filters-spacer[b-2na4esy788] { flex: 1 1 auto; }

.sq-chip[b-2na4esy788] {
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 12px;
    color: var(--kendo-color-subtle, #5f5e5a);
    cursor: pointer;
    border: none;
    background: transparent;
    font-family: inherit;
    white-space: nowrap;
    display: inline-flex;
    gap: 5px;
    align-items: center;
}

.sq-chip span[b-2na4esy788] {
    color: var(--kendo-color-subtle, #8a8a85);
    font-size: 11px;
}

.sq-chip:hover[b-2na4esy788] { background: var(--kendo-color-surface-alt, #efeee9); }

.sq-chip[aria-pressed="true"][b-2na4esy788] {
    background: var(--kendo-color-surface-alt, #f7f7f5);
    color: var(--kendo-color-on-app-surface, #1a1a1a);
    font-weight: 500;
}

.sq-icon-btn[b-2na4esy788] {
    width: 28px; height: 28px;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 4px;
    color: var(--kendo-color-subtle, #8a8a85);
    cursor: pointer;
    border: none;
    background: transparent;
}

.sq-icon-btn:hover[b-2na4esy788] { background: var(--kendo-color-surface-alt, #efeee9); color: var(--kendo-color-on-app-surface, #1a1a1a); }

.sq-activity__list[b-2na4esy788] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.sq-empty[b-2na4esy788] {
    padding: 40px 24px;
    text-align: center;
    color: var(--kendo-color-subtle, #8a8a85);
    font-size: 13px;
}

.sq-turn[b-2na4esy788] {
    border-bottom: 0.5px solid var(--kendo-color-border, #e5e7eb);
}

.sq-turn__header[b-2na4esy788] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    background: var(--kendo-color-surface-alt, #f7f7f5);
    cursor: pointer;
    user-select: none;
}

.sq-turn__header:hover[b-2na4esy788] { background: var(--kendo-color-surface-alt, #efeee9); }

.sq-turn__chevron[b-2na4esy788] {
    font-size: 10px;
    color: var(--kendo-color-subtle, #8a8a85);
    transform: rotate(90deg);
    transition: transform 0.15s ease;
    flex-shrink: 0;
    display: inline-block;
    width: 10px;
}

.sq-turn.is-collapsed .sq-turn__chevron[b-2na4esy788] { transform: rotate(0deg); }

.sq-turn__main[b-2na4esy788] {
    flex: 1 1 auto;
    min-width: 0;
}

.sq-turn__prompt[b-2na4esy788] {
    font-size: 12px;
    color: var(--kendo-color-on-app-surface, #1a1a1a);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sq-turn__meta[b-2na4esy788] {
    font-size: 11px;
    color: var(--kendo-color-subtle, #8a8a85);
    margin-top: 2px;
}

.sq-turn__writes[b-2na4esy788] { display: block; }
.sq-turn.is-collapsed .sq-turn__writes[b-2na4esy788] { display: none; }

.sq-write[b-2na4esy788] {
    padding: 10px 12px;
    border-top: 0.5px solid var(--kendo-color-border, #e5e7eb);
}

.sq-write:first-child[b-2na4esy788] { border-top: none; }

.sq-write.is-reverted[b-2na4esy788] { opacity: 0.6; }

.sq-write__row[b-2na4esy788] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer;
}

.sq-op-pill[b-2na4esy788] {
    font-size: 10px;
    font-weight: 500;
    padding: 2px 6px;
    border-radius: 4px;
    letter-spacing: 0.02em;
    flex-shrink: 0;
    margin-top: 1px;
    font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    text-transform: uppercase;
}

.sq-op-pill--insert[b-2na4esy788] { background: color-mix(in srgb, var(--kendo-color-success, #3b6d11) 18%, transparent); color: var(--kendo-color-success, #3b6d11); }
.sq-op-pill--update[b-2na4esy788] { background: color-mix(in srgb, var(--kendo-color-info, #185fa5) 18%, transparent); color: var(--kendo-color-info, #185fa5); }
.sq-op-pill--delete[b-2na4esy788] { background: color-mix(in srgb, var(--kendo-color-error, #a32d2d) 18%, transparent); color: var(--kendo-color-error, #a32d2d); }

.sq-write__body[b-2na4esy788] {
    flex: 1 1 auto;
    min-width: 0;
}

.sq-write__table[b-2na4esy788] {
    font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    font-size: 12px;
    color: var(--kendo-color-on-app-surface, #1a1a1a);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sq-write.is-reverted .sq-write__table[b-2na4esy788] { text-decoration: line-through; }

.sq-write__meta[b-2na4esy788] {
    font-size: 11px;
    color: var(--kendo-color-subtle, #5f5e5a);
    margin-top: 2px;
}

.sq-status-pill[b-2na4esy788] {
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 4px;
    flex-shrink: 0;
    font-weight: 500;
}

.sq-status-pill--applied[b-2na4esy788] { background: color-mix(in srgb, var(--kendo-color-success, #3b6d11) 16%, transparent); color: var(--kendo-color-success, #3b6d11); }
.sq-status-pill--reverted[b-2na4esy788] { background: var(--kendo-color-surface-alt, #f7f7f5); color: var(--kendo-color-subtle, #5f5e5a); }
.sq-status-pill--pending[b-2na4esy788] { background: color-mix(in srgb, var(--kendo-color-warning, #854f0b) 18%, transparent); color: var(--kendo-color-warning, #854f0b); }
.sq-status-pill--failed[b-2na4esy788] { background: color-mix(in srgb, var(--kendo-color-error, #a32d2d) 18%, transparent); color: var(--kendo-color-error, #a32d2d); }

.sq-write__actions[b-2na4esy788] {
    display: flex;
    gap: 6px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.sq-btn[b-2na4esy788] {
    padding: 4px 10px;
    font-size: 12px;
    border: 0.5px solid var(--kendo-color-border, #d1d5db);
    border-radius: 4px;
    background: var(--kendo-color-surface, #fff);
    color: var(--kendo-color-on-app-surface, #1a1a1a);
    cursor: pointer;
    font-family: inherit;
}

.sq-btn:disabled[b-2na4esy788] { opacity: 0.55; cursor: default; }
.sq-btn:hover:not(:disabled)[b-2na4esy788] { background: var(--kendo-color-surface-alt, #efeee9); }
.sq-btn--sm[b-2na4esy788] { padding: 3px 8px; font-size: 11px; }
.sq-btn--danger[b-2na4esy788] {
    color: var(--kendo-color-error, #a32d2d);
    border-color: color-mix(in srgb, var(--kendo-color-error, #a32d2d) 30%, transparent);
}
.sq-btn--danger:hover:not(:disabled)[b-2na4esy788] {
    background: color-mix(in srgb, var(--kendo-color-error, #a32d2d) 12%, transparent);
}

.sq-write__detail[b-2na4esy788] {
    margin-top: 10px;
    border: 0.5px solid var(--kendo-color-border, #e5e7eb);
    border-radius: 6px;
    overflow: hidden;
}

.sq-detail-section[b-2na4esy788] {
    padding: 8px 10px;
    border-bottom: 0.5px solid var(--kendo-color-border, #e5e7eb);
}

.sq-detail-section:last-child[b-2na4esy788] { border-bottom: none; }

.sq-detail-label[b-2na4esy788] {
    font-size: 11px;
    color: var(--kendo-color-subtle, #5f5e5a);
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.sq-sql-block[b-2na4esy788] {
    font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    font-size: 11px;
    line-height: 1.55;
    color: var(--kendo-color-subtle, #5f5e5a);
    background: var(--kendo-color-surface-alt, #f7f7f5);
    padding: 8px 10px;
    border-radius: 4px;
    white-space: pre-wrap;
    overflow-x: auto;
    margin: 0;
}

.sq-diff-line[b-2na4esy788] {
    font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 3px;
    margin-top: 2px;
    word-break: break-all;
}

.sq-diff-line--remove[b-2na4esy788] { background: color-mix(in srgb, var(--kendo-color-error, #a32d2d) 14%, transparent); color: var(--kendo-color-error, #a32d2d); }
.sq-diff-line--add[b-2na4esy788] { background: color-mix(in srgb, var(--kendo-color-success, #3b6d11) 14%, transparent); color: var(--kendo-color-success, #3b6d11); }

.sq-revert-confirm[b-2na4esy788] {
    margin-top: 10px;
    padding: 10px 12px;
    background: color-mix(in srgb, var(--kendo-color-warning, #854f0b) 18%, transparent);
    border-radius: 6px;
}

.sq-revert-confirm__title[b-2na4esy788] {
    font-size: 12px;
    color: var(--kendo-color-warning, #854f0b);
    font-weight: 500;
    margin-bottom: 4px;
}

.sq-revert-confirm__body[b-2na4esy788] {
    font-size: 11px;
    color: var(--kendo-color-warning, #854f0b);
    margin-bottom: 8px;
    line-height: 1.5;
}

.sq-revert-confirm__actions[b-2na4esy788] { display: flex; gap: 6px; }
/* /Pages/SemanticQueryChatPane.razor.rz.scp.css */
.semantic-query-thinking[b-9cwj2gw1f1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: max-content;
    max-width: 100%;
    min-width: 96px;
    min-height: 24px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: visible;
    color: var(--kendo-color-subtle, #6b7280);
    font-size: 13px;
}

.semantic-query-ai-content[b-9cwj2gw1f1] {
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
}

.semantic-query-thinking-label[b-9cwj2gw1f1] {
    font-weight: 500;
    letter-spacing: 0.02em;
}

.semantic-query-thinking-dots[b-9cwj2gw1f1] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 5px;
    padding-right: 1px;
}

.semantic-query-thinking-dot[b-9cwj2gw1f1] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--kendo-color-primary, #0d6efd);
    opacity: 0.35;
    animation: semantic-query-thinking-pulse-b-9cwj2gw1f1 1.05s ease-in-out infinite;
}

.semantic-query-thinking-dot:nth-child(2)[b-9cwj2gw1f1] {
    animation-delay: 0.18s;
}

.semantic-query-thinking-dot:nth-child(3)[b-9cwj2gw1f1] {
    animation-delay: 0.36s;
}

@keyframes semantic-query-thinking-pulse-b-9cwj2gw1f1 {
    0%, 70%, 100% {
        transform: translateY(0);
        opacity: 0.3;
    }
    35% {
        transform: translateY(-5px);
        opacity: 1;
    }
}

.semantic-query-tool-alert[b-9cwj2gw1f1] {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid var(--kendo-color-border, #d1d5db);
    border-radius: 8px;
    background: var(--kendo-color-surface-alt, #f3f4f6);
}

.semantic-query-tool-rows[b-9cwj2gw1f1] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.semantic-query-tool-row[b-9cwj2gw1f1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 8px;
    border-radius: 4px;
    background: var(--kendo-color-primary-subtle, #cfe2ff);
    margin-bottom: 16px;
}

.semantic-query-tool-row.is-error[b-9cwj2gw1f1] {
    background: var(--kendo-color-error, #dc2626);
    border-color: var(--kendo-color-error, #dc2626);
}

.semantic-query-tool-row.is-reverted[b-9cwj2gw1f1] {
    opacity: 0.65;
}

.semantic-query-tool-row.is-noop[b-9cwj2gw1f1] {
    background: var(--kendo-color-surface-alt, #f3f4f6);
    color: var(--kendo-color-subtle, #6b7280);
}

.semantic-query-tool-row.is-noop .semantic-query-tool-row-label[b-9cwj2gw1f1] {
    color: var(--kendo-color-subtle, #6b7280);
    font-style: italic;
}

.semantic-query-tool-row-label[b-9cwj2gw1f1] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    font-size: 12px;
    font-weight: 500;
    color: var(--kendo-color-primary, #0d6efd);
}

.semantic-query-tool-row-label > span[b-9cwj2gw1f1] {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
}

.semantic-query-tool-row.is-reverted .semantic-query-tool-row-label[b-9cwj2gw1f1] {
    text-decoration: line-through;
}

.semantic-query-tool-row-actions[b-9cwj2gw1f1] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.semantic-query-generated-files[b-9cwj2gw1f1] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.semantic-query-dashboard-proposal[b-9cwj2gw1f1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid var(--kendo-color-border, #d1d5db);
    border-radius: 6px;
    background: var(--kendo-color-surface-alt, #f3f4f6);
}

.semantic-query-dashboard-proposal-label[b-9cwj2gw1f1],
.semantic-query-dashboard-proposal-actions[b-9cwj2gw1f1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.semantic-query-dashboard-proposal-label[b-9cwj2gw1f1] {
    color: var(--kendo-color-on-app-surface, #111827);
    font-size: 13px;
    font-weight: 600;
}

.semantic-query-dashboard-proposal-status[b-9cwj2gw1f1] {
    color: var(--kendo-color-subtle, #6b7280);
    font-size: 12px;
    font-weight: 600;
}

.semantic-query-file-row[b-9cwj2gw1f1] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.semantic-query-file-meta[b-9cwj2gw1f1] {
    font-size: 12px;
    color: var(--kendo-color-subtle, #6b7280);
}
/* /Pages/SharedLinkPage.razor.rz.scp.css */
.shared-link-page[b-zigalp6s6c] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 90px);
    padding: 5rem 1.25rem 2rem;
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 15%, rgba(53, 189, 196, .16), transparent 28%),
        radial-gradient(circle at 90% 85%, rgba(21, 108, 143, .14), transparent 30%),
        linear-gradient(145deg, #f2f8f9, #f8fbfc 55%, #eef6f7);
}

.shared-link-page[b-zigalp6s6c]::before,
.shared-link-page[b-zigalp6s6c]::after {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    border: 1px solid rgba(13, 112, 135, .12);
    border-radius: 50%;
}

.shared-link-page[b-zigalp6s6c]::before { top: -190px; left: -130px; }
.shared-link-page[b-zigalp6s6c]::after { right: -160px; bottom: -210px; }

.shared-link-brand[b-zigalp6s6c] {
    position: absolute;
    top: 1.5rem;
    left: 50%;
    display: flex;
    align-items: center;
    transform: translateX(-50%);
    gap: .55rem;
    color: #173f50;
    font-size: 1rem;
}

.shared-link-brand span[b-zigalp6s6c] {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    color: #fff;
    border-radius: 9px;
    background: linear-gradient(145deg, #0b6c84, #1aa0a6);
    font-weight: 800;
}

.shared-link-card[b-zigalp6s6c] {
    position: relative;
    z-index: 1;
    width: min(520px, 100%);
    padding: clamp(1.4rem, 4vw, 2.1rem);
    border: 1px solid rgba(22, 78, 96, .12);
    border-radius: 22px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 25px 70px rgba(19, 61, 77, .14);
    backdrop-filter: blur(14px);
}

.shared-link-security[b-zigalp6s6c] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: 1.4rem;
    padding: .35rem .6rem;
    color: #276150;
    border-radius: 999px;
    background: #e9f7ef;
    font-size: .7rem;
    font-weight: 700;
}

.shared-file-summary[b-zigalp6s6c] { display: flex; align-items: center; gap: 1rem; }
.shared-file-summary > div:last-child[b-zigalp6s6c] { min-width: 0; }
.shared-file-icon[b-zigalp6s6c] { display: grid; width: 64px; height: 64px; flex: 0 0 64px; place-items: center; color: #087b91; border-radius: 18px; background: linear-gradient(145deg, #e1f5f6, #d7ecef); }
.shared-file-icon[b-zigalp6s6c]  svg { width: 1.9rem; height: 1.9rem; }
.shared-link-eyebrow[b-zigalp6s6c] { color: #148192; font-size: .67rem; font-weight: 800; letter-spacing: .14em; }
.shared-file-summary h1[b-zigalp6s6c], .state-card h1[b-zigalp6s6c] { overflow-wrap: anywhere; margin: .3rem 0 .2rem; color: #173d4c; font-size: clamp(1.25rem, 4vw, 1.65rem); line-height: 1.2; }
.shared-file-summary p[b-zigalp6s6c], .state-card p[b-zigalp6s6c] { margin: 0; color: #75858d; font-size: .8rem; }

.shared-file-meta[b-zigalp6s6c] { display: grid; gap: .75rem; margin: 1.5rem 0; padding: 1rem 0; border-top: 1px solid #e4eaed; border-bottom: 1px solid #e4eaed; }
.shared-file-meta div[b-zigalp6s6c] { display: flex; justify-content: space-between; gap: 1rem; }
.shared-file-meta dt[b-zigalp6s6c] { color: #7c8a91; font-size: .74rem; }
.shared-file-meta dd[b-zigalp6s6c] { margin: 0; color: #294957; font-size: .77rem; font-weight: 600; text-align: right; }
.download-note[b-zigalp6s6c] { display: block; margin-top: .7rem; color: #849198; font-size: .68rem; text-align: center; }
.download-error[b-zigalp6s6c] { margin-bottom: .85rem; padding: .7rem .8rem; color: #a03941; border: 1px solid #efc8cb; border-radius: 9px; background: #fff5f5; font-size: .75rem; }

.state-card[b-zigalp6s6c] { display: flex; align-items: center; min-height: 330px; justify-content: center; flex-direction: column; text-align: center; }
.state-card h1[b-zigalp6s6c] { margin-top: 1rem; }
.state-card p[b-zigalp6s6c] { max-width: 360px; }
.error-card .shared-file-icon[b-zigalp6s6c] { margin-bottom: 1rem; color: #aa4148; background: #fff0f1; }

@media (max-width: 520px) {
    .shared-link-page[b-zigalp6s6c] { align-items: flex-start; padding-top: 5.25rem; }
    .shared-link-card[b-zigalp6s6c] { border-radius: 17px; }
    .shared-file-summary[b-zigalp6s6c] { align-items: flex-start; }
    .shared-file-icon[b-zigalp6s6c] { width: 52px; height: 52px; flex-basis: 52px; border-radius: 14px; }
    .shared-file-meta div[b-zigalp6s6c] { align-items: flex-start; flex-direction: column; gap: .2rem; }
    .shared-file-meta dd[b-zigalp6s6c] { text-align: left; }
}
/* /Pages/SheetFormPage.razor.rz.scp.css */
[b-908kpy0zqu] .cs-radio-h label.k-radio-label {
    display: none;
}
td.cs-checkcolumn[b-908kpy0zqu] {
    padding: 0 !important;
}
[b-908kpy0zqu] .cs-radio-h {
    gap: 0;
}
[b-908kpy0zqu] .cs-radio-h li.k-radio-list-item {
    min-width:59px;
    justify-content: center;
}
[b-908kpy0zqu] .cs-radio-h .k-radio {
    width: 25px;
    height: 25px;
}
[b-908kpy0zqu] .cs-radio-h-compact li.k-radio-list-item {
    min-width: 42px;
}
[b-908kpy0zqu] .cs-radio-h-compact .k-radio {
    width: 18px;
    height: 18px;
}
.cs-table th[b-908kpy0zqu] {
    position: sticky;
    top: 0;
    z-index: 1;
}
.cs-table td[b-908kpy0zqu], .cs-table th[b-908kpy0zqu] {
    padding: 1px 10px;
}
[b-908kpy0zqu] .cs-table4 {
    table-layout: auto;
}
[b-908kpy0zqu] .cs-table4 th {
    white-space: nowrap;
    width: 1%;
    background: #ebedf0;
    font-weight: 600;
    color: #3d3d3d;
}
[b-908kpy0zqu] .cs-table2 th {
    padding-top: 5px;
    padding-bottom: 5px;
}
[b-908kpy0zqu] textarea.sheet-reject-textarea.k-input-inner{
    height: 30px;
}

[b-908kpy0zqu] .cs-table4 th, [b-908kpy0zqu] .cs-table4 td {
    padding: 5px 10px;
}
.cs-header-right[b-908kpy0zqu]{
    margin-left: auto;
}

.badge-primary[b-908kpy0zqu] {
    background-color: var(--kendo-color-kendo-color-primary-on-subtle, #007bff);
    color: white;
}

.badge-tertiary[b-908kpy0zqu] {
    background-color: var(--kendo-color-primary, #6f42c1);
    color: white;
}

@media(max-width:1024px) {
    .cs-header-right[b-908kpy0zqu] {
        margin-left: 0;
    }
    .cs-backbtn[b-908kpy0zqu] {
        width: 25px;
        height: 25px;
    }

    h1[b-908kpy0zqu], h2[b-908kpy0zqu] {
        font-size: 13px;
    }

    h1:empty[b-908kpy0zqu] {
        display: none;
    }

    .cs-table2 tr td[b-908kpy0zqu] {
        border: unset;
        display: block;
        width: 100%;
        word-break: break-word;
        min-width: unset;
        padding: 0 10px;
    }

    .cs-table2 tr th[b-908kpy0zqu] {
        display: none;
    }

    [b-908kpy0zqu] .cs-table2 tr td .k-input {
        max-width: 100%;
        width: 100% !important;
    }

    .cs-table2 tr[b-908kpy0zqu] {
        display: block;
        width: 100%;
        border: 1px solid #ecf5ea;
        margin-top: -1px;
    }

    .cs-table2[b-908kpy0zqu] {
        display: block;
    }
    .item-no[b-908kpy0zqu] {
        background: #dbf1d5;
        width: fit-content;
        min-width: 27px;
        height: 27px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        margin-right: 4px;
        border-radius: 14px;
        border: 1px #98D786 solid;
        font-size: 15px;
        color: #3d3d3d;
        white-space: nowrap;
        padding: 0 8px;
    }
    .cs-table2 tr td:first-child[b-908kpy0zqu] {
        padding-top: 10px;
    }

    .cs-table2 tr td:last-child[b-908kpy0zqu] {
        padding-bottom: 10px;
    }

    [b-908kpy0zqu] td.cs-checkcolumn ul {
        text-align: center;
        margin: 0 auto;
        justify-content: center;
        padding: 5px 0;
    }
    [b-908kpy0zqu] .cs-radio-h-compact .k-radio {
        width: 18px;
        height: 18px;
    }
    [b-908kpy0zqu] .cs-table4 th, [b-908kpy0zqu] .cs-table4 td {
        font-size: 11px;
        padding: 1px 3px;
    }
    [b-908kpy0zqu] td.cs-checkcolumn ul li:first-child:after {
        content: "OK";
        display: block;
    }

    [b-908kpy0zqu] td.cs-checkcolumn ul li:nth-child(2):after {
        content: "NA";
        display: block;
    }

    [b-908kpy0zqu] td.cs-checkcolumn ul li:last-child:after {
        content: "PL";
        display: block;
    }
}

[b-908kpy0zqu] .k-radio-list.k-list-horizontal {
    gap: 0 !important;
}

.offline-page-banner[b-908kpy0zqu] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background-color: #fff3cd;
    border: 1px solid #ffc107;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    color: #856404;
    margin-bottom: 8px;
}

.offline-indicator-dot[b-908kpy0zqu] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #dc3545;
    flex-shrink: 0;
    animation: offline-pulse-b-908kpy0zqu 2s ease-in-out infinite;
}

@keyframes offline-pulse-b-908kpy0zqu {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

[b-908kpy0zqu] .sheet-form-content-splitter {
    border: 0;
    background: transparent;
}

.sheet-files-panel[b-908kpy0zqu] {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-left: 1px solid #e6e8eb;
    overflow: hidden;
}

.sheet-files-panel-header[b-908kpy0zqu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e6e8eb;
    background: #f8f9fb;
}

.sheet-files-panel-body[b-908kpy0zqu] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 0;
    flex: 1;
    padding: 0.75rem;
}

.sheet-files-filter-row[b-908kpy0zqu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.sheet-files-list[b-908kpy0zqu] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    overflow: auto;
    min-height: 0;
    padding-right: 0.25rem;
}

.sheet-file-row[b-908kpy0zqu] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    width: 100%;
    border: 1px solid #e6e8eb;
    border-radius: 4px;
    background: #fff;
    color: inherit;
    text-align: left;
    padding: 0.75rem;
    cursor: pointer;
}

.sheet-file-row:hover[b-908kpy0zqu],
.sheet-file-row.selected[b-908kpy0zqu] {
    border-color: var(--kendo-color-primary, #6f42c1);
    background: #f8f4ff;
}

.sheet-file-icon[b-908kpy0zqu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background: #f1f3f5;
    color: var(--kendo-color-primary, #6f42c1);
}

.sheet-file-details[b-908kpy0zqu] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
    flex: 1;
}

.sheet-file-name[b-908kpy0zqu],
.sheet-file-selected-name[b-908kpy0zqu] {
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sheet-file-meta[b-908kpy0zqu] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
    color: #6c757d;
    font-size: 0.8rem;
}

.sheet-file-source-badge[b-908kpy0zqu] {
    background-color: var(--kendo-color-primary, #6f42c1);
    color: #fff;
}

.sheet-file-comment[b-908kpy0zqu] {
    color: #6c757d;
    font-size: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sheet-files-empty[b-908kpy0zqu] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 120px;
    color: #6c757d;
    text-align: center;
}

.sheet-file-preview-actions[b-908kpy0zqu] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.75rem;
    border-top: 1px solid #e6e8eb;
    background: #fff;
}

@media(max-width:1024px) {
    .sheet-files-panel[b-908kpy0zqu] {
        min-width: 320px;
    }

    .sheet-files-filter-row[b-908kpy0zqu] {
        flex-direction: column;
    }
}
/* /Pages/SheetTemplateBuilder.razor.rz.scp.css */
.sheet-template-builder-page[b-mq6vl6kkes] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    align-self: stretch;
    gap: 16px;
    width: 100%;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.sheet-template-builder-workspace[b-mq6vl6kkes] {
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    overflow: hidden;
}

.sheet-template-builder-title-wrap[b-mq6vl6kkes] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.sheet-template-builder-badges[b-mq6vl6kkes] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.sheet-template-builder-header-actions[b-mq6vl6kkes] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin-left: auto;
}

.sheet-template-builder-dockmanager[b-mq6vl6kkes] {
    flex: 1 1 auto;
    min-height: 0;
}

.sheet-template-builder-dock-content[b-mq6vl6kkes] {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    padding: 16px;
}

.sheet-template-builder-dock-content > .sheet-template-builder-card[b-mq6vl6kkes],
.sheet-template-builder-preview-dock-content > .sheet-template-builder-preview-panel[b-mq6vl6kkes] {
    height: 100%;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
}

.sheet-template-builder-template-header-card[b-mq6vl6kkes] {
    height: 100%;
    min-height: 0;
}

.sheet-template-builder-card[b-mq6vl6kkes] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    background: #fff;
    border: 1px solid #dbe2ea;
    border-radius: 16px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.sheet-template-builder-section-header[b-mq6vl6kkes] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.sheet-template-builder-section-header > div:first-child[b-mq6vl6kkes],
.sheet-template-builder-preview-header > div:first-child[b-mq6vl6kkes] {
    min-width: 0;
}

.sheet-template-builder-section-header p[b-mq6vl6kkes] {
    color: #526277;
}

.sheet-template-builder-section-actions[b-mq6vl6kkes] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.sheet-template-builder-section-status[b-mq6vl6kkes] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #526277;
    font-size: 0.9rem;
    white-space: nowrap;
}

.sheet-template-builder-fields[b-mq6vl6kkes] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.sheet-template-builder-field-groups[b-mq6vl6kkes] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sheet-template-builder-field-group[b-mq6vl6kkes] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    border: 1px solid #e5eaf1;
    border-radius: 14px;
    background: #f8fafc;
}

.sheet-template-builder-field-group-header[b-mq6vl6kkes] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sheet-template-builder-field-group-header h3[b-mq6vl6kkes] {
    font-size: 1rem;
    font-weight: 700;
}

.sheet-template-builder-field-group-header p[b-mq6vl6kkes] {
    color: #526277;
}

.sheet-template-builder-field[b-mq6vl6kkes] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.sheet-template-builder-field-span-2[b-mq6vl6kkes] {
    grid-column: span 2;
}

.sheet-template-builder-field label[b-mq6vl6kkes] {
    font-weight: 600;
}

.sheet-template-builder-fields-details[b-mq6vl6kkes] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sheet-template-builder-fields-output[b-mq6vl6kkes] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sheet-template-builder-switch[b-mq6vl6kkes] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-height: 42px;
    padding: 10px 12px;
    border: 1px solid #dbe2ea;
    border-radius: 12px;
    background: #f8fafc;
}

.sheet-template-builder-post-header-card[b-mq6vl6kkes] {
    height: 100%;
    min-height: 0;
}

.sheet-template-builder-post-header-editor-wrap[b-mq6vl6kkes] {
    display: flex;
    flex: 1 1 auto;
    min-height: 320px;
}

.sheet-template-builder-post-header-editor-wrap > .k-editor[b-mq6vl6kkes] {
    flex: 1 1 auto;
}

.sheet-template-builder-table-wrap[b-mq6vl6kkes] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

.sheet-template-builder-table[b-mq6vl6kkes] {
    min-width: 980px;
}

.sheet-template-builder-row-selected[b-mq6vl6kkes] {
    background: #eff6ff;
}

.sheet-template-builder-inline-edit-row > td[b-mq6vl6kkes] {
    padding: 0;
    border-top: 0;
}

.sheet-template-builder-inline-editor[b-mq6vl6kkes] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 8px;
    padding: 16px;
    border: 1px solid #bfdbfe;
    border-radius: 14px;
    background: #f8fbff;
}

.sheet-template-builder-inline-editor-create[b-mq6vl6kkes] {
    margin-top: 0;
}

.sheet-template-builder-inline-editor-header[b-mq6vl6kkes] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.sheet-template-builder-inline-editor-header p[b-mq6vl6kkes] {
    color: #526277;
}

.sheet-template-builder-checklist-cell[b-mq6vl6kkes] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sheet-template-builder-element[b-mq6vl6kkes] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.sheet-template-builder-html-preview[b-mq6vl6kkes] {
    overflow: auto;
    padding: 12px;
    border: 1px solid #dbe2ea;
    border-radius: 12px;
    background: #f8fafc;
}

.sheet-template-builder-sign-cell[b-mq6vl6kkes] {
    color: #7a8699;
    font-weight: 600;
}

.sheet-template-builder-sign-pill[b-mq6vl6kkes] {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eef2ff;
    color: #3730a3;
    font-size: 0.85rem;
    font-weight: 600;
}

.sheet-template-builder-row-actions[b-mq6vl6kkes] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.sheet-template-builder-editor-top[b-mq6vl6kkes],
.sheet-template-builder-editor-inline[b-mq6vl6kkes],
.sheet-template-builder-editor-actions[b-mq6vl6kkes] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.sheet-template-builder-editor-fields[b-mq6vl6kkes] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.sheet-template-builder-element-list[b-mq6vl6kkes] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sheet-template-builder-element-card[b-mq6vl6kkes] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    border: 1px solid #dbe2ea;
    border-radius: 12px;
    background: #fff;
}

.sheet-template-builder-element-card-header[b-mq6vl6kkes] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
}

.sheet-template-builder-element-card-title[b-mq6vl6kkes] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.sheet-template-builder-element-card-actions[b-mq6vl6kkes] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-left: auto;
}

.sheet-template-builder-element-note[b-mq6vl6kkes] {
    color: #526277;
    font-size: 0.875rem;
}

.sheet-template-builder-empty[b-mq6vl6kkes],
.sheet-template-builder-empty-state[b-mq6vl6kkes] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
}

.sheet-template-builder-empty-state.compact[b-mq6vl6kkes] {
    padding: 12px 0 0;
}

.sheet-template-builder-preview-panel[b-mq6vl6kkes] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    min-height: 0;
    padding: 16px;
    background: #fff;
    border: 1px solid #dbe2ea;
    border-radius: 16px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.sheet-template-builder-preview-header[b-mq6vl6kkes] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.sheet-template-builder-preview-header p[b-mq6vl6kkes] {
    color: #526277;
}

.sheet-template-builder-preview-actions[b-mq6vl6kkes] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.sheet-template-builder-preview-body[b-mq6vl6kkes] {
    flex: 1;
    min-height: 0;
    border: 1px solid #e5eaf1;
    border-radius: 14px;
    overflow: hidden;
    background: #f8fafc;
}

.sheet-template-builder-preview-empty[b-mq6vl6kkes] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    height: 100%;
    padding: 24px;
    color: #526277;
    text-align: center;
}

@media (max-width: 767px) {
    .sheet-template-builder-fields[b-mq6vl6kkes],
    .sheet-template-builder-fields-details[b-mq6vl6kkes],
    .sheet-template-builder-fields-output[b-mq6vl6kkes],
    .sheet-template-builder-editor-fields[b-mq6vl6kkes] {
        grid-template-columns: minmax(0, 1fr);
    }

    .sheet-template-builder-field-span-2[b-mq6vl6kkes] {
        grid-column: span 1;
    }

    .sheet-template-builder-section-header[b-mq6vl6kkes],
    .sheet-template-builder-header-actions[b-mq6vl6kkes],
    .sheet-template-builder-switch[b-mq6vl6kkes],
    .sheet-template-builder-inline-editor-header[b-mq6vl6kkes],
    .sheet-template-builder-element-card-header[b-mq6vl6kkes],
    .sheet-template-builder-preview-header[b-mq6vl6kkes] {
        flex-direction: column;
        align-items: stretch;
    }

    .sheet-template-builder-element-card-actions[b-mq6vl6kkes] {
        margin-left: 0;
    }

    .sheet-template-builder-preview-panel[b-mq6vl6kkes] {
        height: 70vh;
    }

    .sheet-template-builder-preview-actions[b-mq6vl6kkes] {
        justify-content: flex-start;
    }

    .sheet-template-builder-dock-content[b-mq6vl6kkes] {
        padding: 12px;
    }
}

@media (max-width: 1400px) and (min-width: 768px) {
    .sheet-template-builder-preview-panel[b-mq6vl6kkes] {
        min-height: 480px;
    }

    .sheet-template-builder-fields-details[b-mq6vl6kkes] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sheet-template-builder-fields-output[b-mq6vl6kkes] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* Expanded long-text sheet fields render as one full-width preview area. */
.sheet-template-builder-checklist-cell[b-mq6vl6kkes]  .sheet-template-builder-comment-expanded {
    width: 100%;
}

.sheet-template-builder-checklist-cell[b-mq6vl6kkes]  .sheet-template-builder-comment-expanded .k-input-inner {
    min-height: 96px;
    white-space: pre-wrap;
}

/* Dark-only Template Builder surfaces. Keep the established Light palette
   above untouched and map every authored white panel to application tokens. */
html[data-theme="dark"] .sheet-template-builder-page[b-mq6vl6kkes] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"] .sheet-template-builder-card[b-mq6vl6kkes],
html[data-theme="dark"] .sheet-template-builder-dock-content > .sheet-template-builder-card[b-mq6vl6kkes],
html[data-theme="dark"] .sheet-template-builder-preview-panel[b-mq6vl6kkes],
html[data-theme="dark"] .sheet-template-builder-preview-dock-content > .sheet-template-builder-preview-panel[b-mq6vl6kkes],
html[data-theme="dark"] .sheet-template-builder-element-card[b-mq6vl6kkes] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-surface, var(--aquip-surface));
    border-color: var(--kendo-color-border, var(--aquip-border));
    box-shadow: 0 10px 24px var(--aquip-shadow-color);
}

html[data-theme="dark"] .sheet-template-builder-field-group[b-mq6vl6kkes],
html[data-theme="dark"] .sheet-template-builder-switch[b-mq6vl6kkes],
html[data-theme="dark"] .sheet-template-builder-inline-editor[b-mq6vl6kkes],
html[data-theme="dark"] .sheet-template-builder-html-preview[b-mq6vl6kkes],
html[data-theme="dark"] .sheet-template-builder-preview-body[b-mq6vl6kkes] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-surface-alt, var(--aquip-surface-raised));
    border-color: var(--kendo-color-border-alt, var(--aquip-border-strong));
}

html[data-theme="dark"] .sheet-template-builder-field label[b-mq6vl6kkes],
html[data-theme="dark"] .sheet-template-builder-field-group-header h3[b-mq6vl6kkes],
html[data-theme="dark"] .sheet-template-builder-section-header h3[b-mq6vl6kkes],
html[data-theme="dark"] .sheet-template-builder-inline-editor-header h3[b-mq6vl6kkes],
html[data-theme="dark"] .sheet-template-builder-element-card strong[b-mq6vl6kkes] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"] .sheet-template-builder-section-header p[b-mq6vl6kkes],
html[data-theme="dark"] .sheet-template-builder-section-status[b-mq6vl6kkes],
html[data-theme="dark"] .sheet-template-builder-field-group-header p[b-mq6vl6kkes],
html[data-theme="dark"] .sheet-template-builder-inline-editor-header p[b-mq6vl6kkes],
html[data-theme="dark"] .sheet-template-builder-element-note[b-mq6vl6kkes],
html[data-theme="dark"] .sheet-template-builder-sign-cell[b-mq6vl6kkes],
html[data-theme="dark"] .sheet-template-builder-preview-header p[b-mq6vl6kkes],
html[data-theme="dark"] .sheet-template-builder-preview-empty[b-mq6vl6kkes] {
    color: var(--kendo-color-subtle, var(--aquip-text-muted));
}

html[data-theme="dark"] .sheet-template-builder-row-selected[b-mq6vl6kkes],
html[data-theme="dark"] .sheet-template-builder-sign-pill[b-mq6vl6kkes] {
    color: var(--kendo-color-primary-on-subtle, var(--aquip-text));
    background: var(--kendo-color-primary-subtle, var(--aquip-surface-raised));
}

html[data-theme="dark"] .sheet-template-builder-page[b-mq6vl6kkes]  .k-input,
html[data-theme="dark"] .sheet-template-builder-page[b-mq6vl6kkes]  .k-picker,
html[data-theme="dark"] .sheet-template-builder-page[b-mq6vl6kkes]  .k-dropdownlist,
html[data-theme="dark"] .sheet-template-builder-page[b-mq6vl6kkes]  .k-numerictextbox {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-surface, var(--aquip-surface-raised));
    border-color: var(--kendo-color-border-alt, var(--aquip-border-strong));
}
/* /Pages/SheetTemplatePage.razor.rz.scp.css */
.bulk-header-transfer-window .k-window-content[b-rrumu4w9dv] {
    padding: 16px;
}

.bulk-header-transfer-summary[b-rrumu4w9dv] {
    margin-bottom: 16px;
}

.bulk-header-transfer-chip[b-rrumu4w9dv] {
    width: fit-content;
    padding: 4px 0;
}

.bulk-header-transfer-body[b-rrumu4w9dv] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.bulk-header-transfer-template-item[b-rrumu4w9dv] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.bulk-header-transfer-note[b-rrumu4w9dv] {
    padding: 10px 12px;
    border: 1px solid #ffe69c;
    border-radius: 6px;
    background-color: #fff8db;
    color: #664d03;
}

.bulk-header-transfer-empty[b-rrumu4w9dv] {
    padding: 12px;
    border: 1px dashed #ced4da;
    border-radius: 6px;
    background-color: #f8f9fa;
    color: #6c757d;
}
/* /Pages/SignatureMatrixPage.razor.rz.scp.css */
/* SignatureMatrixPage.razor.css */

/* Vertical header: rotate the header text 90 degrees */
.vertical-header[b-svn1wcti3z] {
    writing-mode: vertical-lr;
    text-orientation: mixed;
    white-space: nowrap;
    display: inline-block; /* Use inline-block so it wraps just the text */
    padding: 2px 4px; /* Adjust padding as needed */
    margin: 0; /* Remove extra margins */
    line-height: normal; /* Use default line height */
}

/* Existing cell formatting */
.cell-matrix[b-svn1wcti3z] {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 2px;
    font-weight: bold;
}

.cell-correct[b-svn1wcti3z] {
    background: rgb(114 220 91 / 70%);
    color: green;
}

.cell-incorrect[b-svn1wcti3z] {
    background: rgb(255 21 0 / 70%);
    color: red;
}

/* Reduce padding in grid header and content cells for skinny columns */
.telerik-grid .k-grid-header .k-header[b-svn1wcti3z],
.telerik-grid .k-grid-content td[b-svn1wcti3z] {
    padding: 0;
}
/* /Pages/SiteSettingPage.razor.rz.scp.css */
.settings-layout[b-42xiibdwtf] {
	display: flex;
	gap: 24px;
	width: 100%;
	height: 100%;
	min-height: 0;
}

.settings-nav[b-42xiibdwtf] {
	width: 220px;
	flex-shrink: 0;
	overflow-y: auto;
	padding: 8px 0;
}

.settings-nav-list[b-42xiibdwtf] {
	list-style: none;
	margin: 0;
	padding: 0;
}

.settings-nav-item[b-42xiibdwtf] {
	border-radius: 6px;
	color: var(--aquip-text, #3f454b);
	user-select: none;
	margin-bottom: 2px;
	transition: background-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

	.settings-nav-item:hover[b-42xiibdwtf] {
		background: var(--aquip-hover, rgba(0, 0, 0, 0.05));
	}

	.settings-nav-item.active[b-42xiibdwtf] {
		background: var(--kendo-color-primary, #212529);
		color: var(--kendo-color-on-primary, #ffffff);
		font-weight: 600;
	}

.settings-nav-button[b-42xiibdwtf] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	width: 100%;
	min-height: 36px;
	padding: 8px 14px;
	border: 0;
	border-radius: inherit;
	background: transparent;
	color: inherit;
	font: inherit;
	text-align: left;
	cursor: pointer;
}

	.settings-nav-button:focus-visible[b-42xiibdwtf] {
		outline: 2px solid var(--kendo-color-primary, #0d6efd);
		outline-offset: 2px;
	}

.settings-nav-label[b-42xiibdwtf] {
	white-space: nowrap;
}

.settings-nav-count[b-42xiibdwtf] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	border-radius: 999px;
	background: var(--kendo-color-base-subtle, #eef1f4);
	color: var(--kendo-color-subtle, #596169);
	font-size: 11px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	line-height: 1;
}

	.settings-nav-item.active .settings-nav-count[b-42xiibdwtf] {
		background: rgba(255, 255, 255, 0.2);
		color: inherit;
}

.settings-nav-separator[b-42xiibdwtf] {
	border-top: 1px solid var(--aquip-border, rgba(0, 0, 0, 0.1));
	margin: 10px 8px;
}

.settings-content[b-42xiibdwtf] {
	flex: 1;
	min-width: 0;
	overflow-y: auto;
	padding: 8px 16px 24px 0;
	display: flex;
	flex-direction: column;
}

.settings-content-header[b-42xiibdwtf] {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 8px;
}

.settings-search[b-42xiibdwtf] {
	flex: 1;
	max-width: 420px;
}

.settings-actions[b-42xiibdwtf] {
	display: flex;
	gap: 8px;
	margin-left: auto;
}

.settings-section-title[b-42xiibdwtf] {
	font-size: 18px;
	font-weight: 600;
	margin: 14px 0 4px 0;
}

.settings-group-title[b-42xiibdwtf] {
	font-size: 14px;
	font-weight: 600;
	color: var(--kendo-color-subtle, #596169);
	margin: 18px 0 6px;
	padding-bottom: 5px;
	border-bottom: 1px solid var(--kendo-color-border, rgba(33, 37, 41, 0.13));
}

.settings-list[b-42xiibdwtf] {
	width: 100%;
}

.settings-list-child[b-42xiibdwtf] {
	padding: 4px 0;
}

.settings-group-note[b-42xiibdwtf] {
	color: var(--kendo-color-subtle, #596169);
	font-size: 13px;
	margin: 2px 0 10px;
}

.settings-group-note a[b-42xiibdwtf],
.settings-inline-link[b-42xiibdwtf] {
	color: var(--kendo-color-primary, #0d6efd);
	text-decoration: underline;
}

.settings-inline-link[b-42xiibdwtf] {
	background: none;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
}

.settings-ai-data-grid[b-42xiibdwtf] {
	margin: 6px 0 12px;
	min-height: 320px;
}

.settings-empty[b-42xiibdwtf] {
	color: var(--aquip-text-muted, #6c757d);
	padding: 24px 8px;
}

.settings-upload-hint[b-42xiibdwtf] {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	background: var(--aquip-hover, rgba(0, 0, 0, 0.03));
	border: 1px dashed var(--aquip-border-strong, rgba(0, 0, 0, 0.15));
	border-radius: 8px;
	padding: 10px 14px;
	margin: 8px 0;
	font-size: 13px;
	color: var(--aquip-text-muted, #5f666d);
}

.theme-studio[b-42xiibdwtf] {
	display: flex;
	flex-direction: column;
	gap: 22px;
	max-width: 1120px;
}

.theme-studio-controls[b-42xiibdwtf] {
	display: grid;
	grid-template-columns: minmax(190px, 0.7fr) repeat(2, minmax(240px, 1fr));
	gap: 18px;
	padding: 18px;
	border: 1px solid var(--aquip-border, rgba(33, 37, 41, 0.14));
	border-radius: 12px;
	background: var(--aquip-surface, #ffffff);
}

.theme-control[b-42xiibdwtf] {
	display: flex;
	flex-direction: column;
	gap: 7px;
	min-width: 0;
}

.theme-control label[b-42xiibdwtf] {
	font-weight: 650;
	font-size: 13px;
}

.theme-control small[b-42xiibdwtf] {
	color: var(--aquip-text-muted, #596169);
}

.theme-control .theme-contrast-pass[b-42xiibdwtf] {
	color: var(--kendo-color-success-on-surface, #066d44);
	font-weight: 600;
}

.theme-logo-group-intro[b-42xiibdwtf],
.theme-client-logo-control[b-42xiibdwtf] {
	padding-top: 16px;
	border-top: 1px solid var(--aquip-border, rgba(33, 37, 41, 0.14));
}

.theme-logo-group-intro[b-42xiibdwtf] {
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding-right: 12px;
}

.theme-logo-group-intro strong[b-42xiibdwtf] {
	font-size: 13px;
	font-weight: 700;
}

.theme-logo-group-intro small[b-42xiibdwtf] {
	color: var(--aquip-text-muted, #596169);
	font-size: 11px;
	line-height: 1.45;
}

.theme-logo-field-row[b-42xiibdwtf] {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: stretch;
	gap: 8px;
}

.theme-logo-field-row-with-upload[b-42xiibdwtf] {
	grid-template-columns: minmax(0, 1fr) auto auto;
}

.theme-logo-upload[b-42xiibdwtf] {
	min-width: 112px;
	border: 0;
	background: transparent;
}

.theme-logo-upload[b-42xiibdwtf]  .k-dropzone {
	height: 100%;
	padding: 0;
	border: 0;
	background: transparent;
}

.theme-logo-upload[b-42xiibdwtf]  .k-upload-button {
	height: 100%;
	white-space: nowrap;
}

.theme-logo-ai-button[b-42xiibdwtf] {
	min-width: 132px;
	white-space: nowrap;
}

.theme-logo-ai-button .k-loader[b-42xiibdwtf] {
	margin-right: 6px;
}

.theme-logo-ai-status[b-42xiibdwtf],
.theme-logo-ai-error[b-42xiibdwtf] {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	min-height: 36px;
	padding: 8px 10px;
	border-radius: 8px;
	font-size: 11px;
	line-height: 1.35;
}

.theme-logo-ai-status[b-42xiibdwtf] {
	border: 1px solid color-mix(in srgb, var(--kendo-color-primary, #212529) 22%, transparent);
	color: var(--kendo-color-primary-on-surface, #212529);
	background: color-mix(in srgb, var(--kendo-color-primary-subtle, #f3f4f6) 82%, transparent);
	animation: theme-logo-ai-pulse-b-42xiibdwtf 1.8s ease-in-out infinite;
}

.theme-logo-ai-error[b-42xiibdwtf] {
	border: 1px solid color-mix(in srgb, var(--kendo-color-error, #c80002) 28%, transparent);
	color: var(--kendo-color-error-on-surface, #9b0000);
	background: var(--kendo-color-error-subtle, #f8d7da);
}

.theme-logo-ai-status .k-svg-icon[b-42xiibdwtf],
.theme-logo-ai-error .k-svg-icon[b-42xiibdwtf] {
	flex: 0 0 auto;
	margin-top: 1px;
}

.theme-logo-ai-result[b-42xiibdwtf] {
	display: grid;
	grid-template-columns: minmax(96px, 0.75fr) minmax(140px, 1.25fr) auto;
	align-items: center;
	gap: 10px;
	padding: 9px;
	border: 1px solid color-mix(in srgb, var(--kendo-color-success, #198754) 30%, transparent);
	border-radius: 9px;
	background: color-mix(in srgb, var(--kendo-color-success-subtle, #d1e7dd) 42%, var(--aquip-surface, #ffffff));
	box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
}

.theme-logo-ai-preview[b-42xiibdwtf] {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	height: 58px;
	padding: 8px;
	overflow: hidden;
	border: 1px solid rgba(15, 23, 42, 0.14);
	border-radius: 7px;
	background: #ffffff;
}

.theme-logo-ai-result-dark .theme-logo-ai-preview[b-42xiibdwtf] {
	border-color: rgba(255, 255, 255, 0.2);
	background: #171c22;
}

.theme-logo-ai-preview img[b-42xiibdwtf] {
	display: block;
	max-width: 100%;
	max-height: 42px;
	object-fit: contain;
}

.theme-logo-ai-result-copy[b-42xiibdwtf] {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.theme-logo-ai-result-copy strong[b-42xiibdwtf] {
	font-size: 12px;
	color: var(--kendo-color-success-on-surface, #066d44);
}

.theme-logo-ai-result-copy small[b-42xiibdwtf] {
	overflow: hidden;
	color: var(--aquip-text-muted, #596169);
	font-size: 10px;
	line-height: 1.3;
	text-overflow: ellipsis;
}

@keyframes theme-logo-ai-pulse-b-42xiibdwtf {
	0%,
	100% {
		box-shadow: 0 0 0 0 color-mix(in srgb, var(--kendo-color-primary, #212529) 0%, transparent);
	}

	50% {
		box-shadow: 0 0 0 3px color-mix(in srgb, var(--kendo-color-primary, #212529) 9%, transparent);
	}
}

.theme-color-control[b-42xiibdwtf] {
	display: flex;
	align-items: center;
	gap: 10px;
}

.theme-preview-grid[b-42xiibdwtf] {
	display: grid;
	grid-template-columns: repeat(2, minmax(300px, 1fr));
	gap: 18px;
}

.theme-studio-preview[b-42xiibdwtf] {
	overflow: hidden;
	border: 1px solid var(--kendo-color-border);
	border-radius: 12px;
	color: var(--kendo-color-on-app-surface);
	background: var(--kendo-color-app-surface);
	box-shadow: 0 10px 24px var(--aquip-shadow-color, rgba(15, 23, 42, 0.16));
}

.theme-studio-preview header[b-42xiibdwtf] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	border-bottom: 1px solid var(--kendo-color-border);
	background: var(--kendo-color-surface-alt);
	font-weight: 700;
}

.theme-preview-dot[b-42xiibdwtf] {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--kendo-color-primary);
	box-shadow: 0 0 0 4px var(--kendo-color-primary-subtle);
}

.theme-preview-body[b-42xiibdwtf] {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding: 18px;
	background: var(--kendo-color-surface);
}

.theme-preview-toolbar[b-42xiibdwtf] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.theme-preview-table[b-42xiibdwtf] {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 0;
	overflow: hidden;
	border: 1px solid var(--kendo-color-border);
	border-radius: 7px;
	background: var(--kendo-color-app-surface);
}

.theme-preview-table > *[b-42xiibdwtf] {
	padding: 9px 11px;
	border-bottom: 1px solid var(--kendo-color-border);
}

.theme-preview-table > :nth-last-child(-n+2)[b-42xiibdwtf] {
	border-bottom: 0;
}

.theme-preview-table > :nth-child(-n+2)[b-42xiibdwtf] {
	color: var(--kendo-color-subtle);
	background: var(--kendo-color-base-subtle);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
}

.theme-status-success[b-42xiibdwtf] {
	color: var(--kendo-color-success);
}

.theme-status-warning[b-42xiibdwtf] {
	color: var(--kendo-color-warning);
}

.theme-studio-actions[b-42xiibdwtf] {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	flex-wrap: wrap;
}

.theme-advanced[b-42xiibdwtf] {
	overflow: hidden;
	border: 1px solid var(--aquip-border, rgba(33, 37, 41, 0.14));
	border-radius: 12px;
	background: var(--aquip-surface, #ffffff);
}

.theme-advanced-toggle[b-42xiibdwtf] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	width: 100%;
	padding: 16px 18px;
	border: 0;
	color: inherit;
	background: transparent;
	font: inherit;
	text-align: left;
	cursor: pointer;
	user-select: none;
}

.theme-advanced-chevron[b-42xiibdwtf] {
	flex: 0 0 auto;
	color: var(--aquip-text-muted, #596169);
	font-size: 20px;
	line-height: 1;
	transition: transform 140ms ease;
}

.theme-advanced.open .theme-advanced-toggle[b-42xiibdwtf] {
	border-bottom: 1px solid var(--aquip-border, rgba(33, 37, 41, 0.14));
}

.theme-advanced.open .theme-advanced-chevron[b-42xiibdwtf] {
	transform: rotate(180deg);
}

.theme-advanced-summary-copy[b-42xiibdwtf] {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.theme-advanced-summary-copy small[b-42xiibdwtf],
.theme-advanced-summary-meta[b-42xiibdwtf],
.theme-token-inventory[b-42xiibdwtf] {
	color: var(--aquip-text-muted, #596169);
	font-size: 12px;
}

.theme-advanced-summary-meta[b-42xiibdwtf] {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-left: auto;
}

.theme-override-count[b-42xiibdwtf] {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 3px 9px;
	border-radius: 999px;
	color: var(--kendo-color-primary-on-surface, #212529);
	background: var(--kendo-color-primary-subtle, #f8f9fa);
	font-weight: 700;
}

.theme-advanced-body[b-42xiibdwtf] {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 18px;
	background: var(--aquip-canvas, #f8f9fa);
}

.theme-advanced-notice[b-42xiibdwtf] {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	padding: 12px 14px;
	border: 1px solid var(--aquip-border, rgba(33, 37, 41, 0.13));
	border-radius: 9px;
	background: var(--aquip-surface, #ffffff);
}

.theme-advanced-notice > span[b-42xiibdwtf] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	flex: 0 0 28px;
	border-radius: 7px;
	background: var(--kendo-color-base, #f3f4f6);
}

.theme-advanced-notice p[b-42xiibdwtf] {
	margin: 2px 0 0;
	color: var(--aquip-text-muted, #596169);
	font-size: 12px;
}

.theme-token-toolbar[b-42xiibdwtf] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.theme-mode-switch[b-42xiibdwtf] {
	display: inline-flex;
	gap: 4px;
	padding: 4px;
	border: 1px solid var(--aquip-border, rgba(33, 37, 41, 0.14));
	border-radius: 10px;
	background: var(--aquip-surface, #ffffff);
}

.theme-mode-switch button[b-42xiibdwtf] {
	display: grid;
	grid-template-columns: auto auto;
	align-items: center;
	column-gap: 7px;
	min-height: 43px;
	padding: 6px 12px;
	border: 0;
	border-radius: 7px;
	color: var(--aquip-text, #212529);
	background: transparent;
	font: inherit;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
}

.theme-mode-switch button small[b-42xiibdwtf] {
	grid-column: 2;
	color: var(--aquip-text-muted, #596169);
	font-size: 10px;
	font-weight: 500;
	text-align: left;
}

.theme-mode-switch button.active[b-42xiibdwtf] {
	color: var(--kendo-color-on-primary, #ffffff);
	background: var(--kendo-color-primary, #212529);
	box-shadow: 0 3px 10px var(--aquip-shadow-color, rgba(15, 23, 42, 0.14));
}

.theme-mode-switch button.active small[b-42xiibdwtf] {
	color: inherit;
	opacity: 0.8;
}

.theme-mode-icon[b-42xiibdwtf] {
	grid-row: 1 / span 2;
	font-size: 17px;
}

.theme-token-tools[b-42xiibdwtf] {
	display: flex;
	align-items: center;
	gap: 9px;
	flex: 1;
	justify-content: flex-end;
}

.theme-token-search[b-42xiibdwtf] {
	flex: 1;
	max-width: 310px;
}

.theme-token-search input[b-42xiibdwtf] {
	width: 100%;
	min-height: 38px;
	padding: 7px 11px;
	border: 1px solid var(--aquip-border-strong, rgba(33, 37, 41, 0.22));
	border-radius: 7px;
	color: var(--aquip-text, #212529);
	background: var(--aquip-surface, #ffffff);
	font: inherit;
	font-size: 13px;
}

.theme-token-search input:focus-visible[b-42xiibdwtf] {
	border-color: var(--kendo-color-primary, #212529);
	outline: 2px solid var(--aquip-focus-ring, rgba(33, 37, 41, 0.16));
	outline-offset: 1px;
}

.theme-reset-mode[b-42xiibdwtf],
.theme-token-reset[b-42xiibdwtf] {
	border: 1px solid var(--aquip-border-strong, rgba(33, 37, 41, 0.22));
	border-radius: 7px;
	color: var(--aquip-text, #212529);
	background: var(--aquip-surface, #ffffff);
	font: inherit;
	font-size: 12px;
	font-weight: 650;
	cursor: pointer;
}

.theme-reset-mode[b-42xiibdwtf] {
	min-height: 38px;
	padding: 7px 11px;
}

.theme-reset-mode:disabled[b-42xiibdwtf],
.theme-token-reset:disabled[b-42xiibdwtf] {
	cursor: default;
	opacity: 0.45;
}

.theme-token-inventory[b-42xiibdwtf] {
	display: flex;
	gap: 7px;
	flex-wrap: wrap;
	margin-top: -5px;
}

.theme-token-groups[b-42xiibdwtf] {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
	gap: 14px;
}

.theme-token-group[b-42xiibdwtf] {
	overflow: hidden;
	border: 1px solid var(--aquip-border, rgba(33, 37, 41, 0.13));
	border-radius: 10px;
	background: var(--aquip-surface, #ffffff);
}

.theme-token-group > header[b-42xiibdwtf] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 12px;
	border-bottom: 1px solid var(--aquip-border, rgba(33, 37, 41, 0.13));
	background: var(--aquip-surface-raised, #f3f4f6);
}

.theme-token-group h3[b-42xiibdwtf] {
	margin: 0;
	font-size: 12px;
	font-weight: 750;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.theme-token-group > header span[b-42xiibdwtf] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	border-radius: 999px;
	color: var(--aquip-text-muted, #596169);
	background: var(--kendo-color-base, #e9ecef);
	font-size: 10px;
	font-weight: 700;
}

.theme-token-list[b-42xiibdwtf] {
	display: flex;
	flex-direction: column;
}

.theme-token-row[b-42xiibdwtf] {
	display: grid;
	grid-template-columns: 28px minmax(145px, 0.9fr) minmax(150px, 1.1fr) auto;
	align-items: center;
	gap: 10px;
	min-height: 63px;
	padding: 9px 11px;
	border-bottom: 1px solid var(--aquip-border, rgba(33, 37, 41, 0.09));
}

.theme-token-row:last-child[b-42xiibdwtf] {
	border-bottom: 0;
}

.theme-token-row.is-overridden[b-42xiibdwtf] {
	box-shadow: inset 3px 0 0 var(--kendo-color-primary, #212529);
}

.theme-token-row.is-invalid[b-42xiibdwtf] {
	background: var(--kendo-color-error-subtle, #f8d7da);
}

.theme-token-swatch[b-42xiibdwtf] {
	width: 24px;
	height: 24px;
	border: 1px solid var(--aquip-border-strong, rgba(33, 37, 41, 0.22));
	border-radius: 6px;
	background-color: transparent;
	background-image:
		linear-gradient(45deg, #d7dbe0 25%, transparent 25%),
		linear-gradient(-45deg, #d7dbe0 25%, transparent 25%),
		linear-gradient(45deg, transparent 75%, #d7dbe0 75%),
		linear-gradient(-45deg, transparent 75%, #d7dbe0 75%);
	background-position: 0 0, 0 5px, 5px -5px, -5px 0;
	background-size: 10px 10px;
}

.theme-token-identity[b-42xiibdwtf] {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.theme-token-identity strong[b-42xiibdwtf] {
	font-size: 12px;
}

.theme-token-identity code[b-42xiibdwtf] {
	overflow: hidden;
	color: var(--aquip-text-muted, #596169);
	font-size: 9px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.theme-token-value[b-42xiibdwtf] {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: 7px;
	min-width: 0;
}

.theme-token-value input[type="color"][b-42xiibdwtf] {
	width: 30px;
	height: 30px;
	padding: 2px;
	border: 1px solid var(--aquip-border-strong, rgba(33, 37, 41, 0.22));
	border-radius: 6px;
	background: var(--aquip-surface, #ffffff);
	cursor: pointer;
}

.theme-token-error[b-42xiibdwtf] {
	grid-column: 1 / -1;
	color: var(--kendo-color-error, #c80002);
	font-size: 10px;
	line-height: 1.25;
}

.theme-token-reset[b-42xiibdwtf] {
	min-height: 30px;
	padding: 5px 7px;
}

.theme-token-empty[b-42xiibdwtf] {
	padding: 30px 18px;
	border: 1px dashed var(--aquip-border-strong, rgba(33, 37, 41, 0.22));
	border-radius: 10px;
	color: var(--aquip-text-muted, #596169);
	text-align: center;
}

.add-setting-form[b-42xiibdwtf] {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.add-setting-label[b-42xiibdwtf] {
	font-weight: 600;
	font-size: 13px;
	margin-top: 10px;
}

.url-label[b-42xiibdwtf] {
	font-weight: 600;
	margin-bottom: 8px;
	display: block;
	color: var(--aquip-text, #333);
}

.pretty-url-box[b-42xiibdwtf] {
	background-color: var(--aquip-surface-sunken, #f9f9f9);
	border: 1px solid var(--aquip-border-strong, #ccc);
	border-radius: 8px;
	padding: 12px 16px;
	font-size: 14px;
	word-break: break-all;
	color: var(--aquip-text, #3a3a3a);
	box-shadow: inset 0 1px 3px var(--aquip-shadow-color, rgba(0, 0, 0, 0.08));
	max-height: 80px;
	overflow-y: auto;
}

	.pretty-url-box:hover[b-42xiibdwtf] {
		border-color: var(--aquip-border-strong, #999);
		background-color: var(--aquip-hover, #f0f0f0);
	}

@media (max-width: 1199px) {
	.theme-studio-controls[b-42xiibdwtf] {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.settings-layout[b-42xiibdwtf] {
		flex-direction: column;
		gap: 4px;
	}

	.settings-nav[b-42xiibdwtf] {
		display: flex;
		align-items: flex-start;
		gap: 8px;
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		padding: 4px 3px 12px;
		scroll-padding-inline: 3px;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
		overscroll-behavior-inline: contain;
		overflow-anchor: none;
		-webkit-overflow-scrolling: touch;
	}

	.settings-nav[b-42xiibdwtf]::-webkit-scrollbar {
		display: none;
	}

	.settings-nav-list[b-42xiibdwtf] {
		display: flex;
		flex: 0 0 auto;
		gap: 8px;
	}

	.settings-nav-item[b-42xiibdwtf] {
		flex: 0 0 auto;
		margin-bottom: 0;
		border: 1px solid var(--kendo-color-border, rgba(33, 37, 41, 0.16));
		border-radius: 999px;
		background: var(--kendo-color-surface, #ffffff);
		box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
		scroll-snap-align: start;
	}

		.settings-nav-item:hover[b-42xiibdwtf] {
			background: var(--kendo-color-base-subtle, #f4f6f8);
		}

		.settings-nav-item.active[b-42xiibdwtf] {
			border-color: var(--kendo-color-primary, #0d6efd);
			background: var(--kendo-color-primary, #212529);
			color: var(--kendo-color-on-primary, #ffffff);
			box-shadow: 0 4px 12px color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 24%, transparent);
		}

	.settings-nav-button[b-42xiibdwtf] {
		min-height: 42px;
		padding: 9px 14px;
	}

	.settings-nav-separator[b-42xiibdwtf] {
		flex: 0 0 1px;
		width: 1px;
		height: 26px;
		margin: 8px 2px;
		border: 0;
		background: var(--kendo-color-border, rgba(33, 37, 41, 0.16));
	}

	.settings-content[b-42xiibdwtf] {
		padding: 2px 0 24px;
	}

	.settings-content-header[b-42xiibdwtf] {
		flex-wrap: wrap;
		margin-bottom: 10px;
	}

	.settings-search[b-42xiibdwtf] {
		max-width: none;
	}

	.theme-studio-controls[b-42xiibdwtf],
	.theme-preview-grid[b-42xiibdwtf],
	.theme-token-groups[b-42xiibdwtf] {
		grid-template-columns: 1fr;
	}

	.theme-advanced-toggle[b-42xiibdwtf],
	.theme-token-toolbar[b-42xiibdwtf],
	.theme-token-tools[b-42xiibdwtf] {
		align-items: stretch;
		flex-direction: column;
	}

	.theme-advanced-summary-meta[b-42xiibdwtf] {
		margin-left: 0;
	}

	.theme-mode-switch[b-42xiibdwtf] {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.theme-token-search[b-42xiibdwtf] {
		max-width: none;
	}

	.theme-token-row[b-42xiibdwtf] {
		grid-template-columns: 28px minmax(0, 1fr) auto;
	}

	.theme-token-value[b-42xiibdwtf] {
		grid-column: 2 / -1;
	}

	.theme-logo-field-row[b-42xiibdwtf],
	.theme-logo-ai-result[b-42xiibdwtf] {
		grid-template-columns: 1fr;
	}

	.theme-logo-ai-button[b-42xiibdwtf] {
		width: 100%;
	}

	.theme-logo-upload[b-42xiibdwtf] {
		width: 100%;
	}

	.theme-logo-upload[b-42xiibdwtf]  .k-upload-button {
		width: 100%;
	}
}
/* /Pages/SubSysPage.razor.rz.scp.css */
.subsys-advanced-filter[b-cwulw1ifuw] {
    margin-bottom: 1rem;
    padding: 1.25rem;
    border: 1px solid rgba(71, 74, 94, 0.12);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(246, 248, 252, 0.98) 100%);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.subsys-advanced-filter__header[b-cwulw1ifuw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.subsys-advanced-filter__copy[b-cwulw1ifuw] {
    display: grid;
    gap: 0.35rem;
}

.subsys-advanced-filter__eyebrow[b-cwulw1ifuw] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #5f6b7a;
}

.subsys-advanced-filter__copy h3[b-cwulw1ifuw] {
    margin: 0;
    font-size: 1.1rem;
    color: #1f2937;
}

.subsys-advanced-filter__copy p[b-cwulw1ifuw] {
    margin: 0;
    color: #526071;
}

.subsys-advanced-filter__actions[b-cwulw1ifuw] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.advanced-search-status-dot[b-cwulw1ifuw] {
    display: inline-flex;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 999px;
    margin-right: 0.5rem;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9);
    flex: 0 0 auto;
}

.advanced-search-status-dot--on[b-cwulw1ifuw] {
    background: #22c55e;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9), 0 0 10px rgba(34, 197, 94, 0.45);
}

.advanced-search-status-dot--off[b-cwulw1ifuw] {
    background: #ef4444;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9), 0 0 10px rgba(239, 68, 68, 0.35);
}

.advanced-search-toggle-option[b-cwulw1ifuw] {
    cursor: pointer;
    flex: 1;
    display: inline-flex;
    align-items: center;
}

@media (max-width: 767px) {
    .subsys-advanced-filter[b-cwulw1ifuw] {
        padding: 1rem;
    }

    .subsys-advanced-filter__header[b-cwulw1ifuw] {
        flex-direction: column;
        align-items: stretch;
    }

    .subsys-advanced-filter__actions[b-cwulw1ifuw] {
        justify-content: flex-start;
    }
}
/* /Pages/SubSystemSummaryDetailPage.razor.rz.scp.css */
.value-space[b-co5lyufaja] {
    margin-right: 10px;
    min-width: 15px;
    display: inline-block;
}
.cs-table[b-co5lyufaja] {
    table-layout: fixed;
}
.cs-table-content-center th[b-co5lyufaja] {
    background: #d9d9d9;
    color: #000;
    border: 1px solid #eeeeee;
    font-weight: 500;
}
.cs-table-content-center td[b-co5lyufaja], .cs-table-content-center th[b-co5lyufaja] {
    text-align: center;
}
.cs-table th[b-co5lyufaja] {
    padding: 3px 10px;
}
th[b-co5lyufaja] {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: -internal-center;
    unicode-bidi: isolate;
}
table[b-co5lyufaja] {
    text-indent: initial;
    border-spacing: 2px;
}
.cs-table td[b-co5lyufaja], .cs-table th[b-co5lyufaja] {
    padding: 0px 5px;
    border-color: rgba(33, 37, 41, .13);
    background: #fff;
}
.cs-table tr.cs-itrtr td:nth-child(n+2)[b-co5lyufaja] {
    background: var(--kendo-color-primary-subtle, #151515);
}
td.bg-incomplete[b-co5lyufaja] {
    background: var(--kendo-color-error, #151515) !important;
    color: #fff;
}
td.bg-complete[b-co5lyufaja] {
    background: var(--kendo-color-success, #151515) !important;
    color: #fff;
}
/* /Pages/SubSystemSummaryPage.razor.rz.scp.css */
.k-progressbar-horizontal[b-lq8naoelwy] {
    width: 60px !important;
    height: 16px;
    font-weight: bold;
    background-color: #e9ecef;
    border: 1px solid #bac1d7;
}
/* /Pages/TagPage.razor.rz.scp.css */
.tag-advanced-filter[b-3y2x3ozk9r] {
    margin-bottom: 1rem;
    padding: 1.25rem;
    border: 1px solid rgba(71, 74, 94, 0.12);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(246, 248, 252, 0.98) 100%);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.tag-advanced-filter__header[b-3y2x3ozk9r] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.tag-advanced-filter__copy[b-3y2x3ozk9r] {
    display: grid;
    gap: 0.35rem;
}

.tag-advanced-filter__eyebrow[b-3y2x3ozk9r] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #5f6b7a;
}

.tag-advanced-filter__copy h3[b-3y2x3ozk9r] {
    margin: 0;
    font-size: 1.1rem;
    color: #1f2937;
}

.tag-advanced-filter__copy p[b-3y2x3ozk9r] {
    margin: 0;
    color: #526071;
}

.tag-advanced-filter__actions[b-3y2x3ozk9r] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.advanced-search-status-dot[b-3y2x3ozk9r] {
    display: inline-flex;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 999px;
    margin-right: 0.5rem;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9);
    flex: 0 0 auto;
}

.advanced-search-status-dot--on[b-3y2x3ozk9r] {
    background: #22c55e;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9), 0 0 10px rgba(34, 197, 94, 0.45);
}

.advanced-search-status-dot--off[b-3y2x3ozk9r] {
    background: #ef4444;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9), 0 0 10px rgba(239, 68, 68, 0.35);
}

.advanced-search-toggle-option[b-3y2x3ozk9r] {
    cursor: pointer;
    flex: 1;
    display: inline-flex;
    align-items: center;
}

@media (max-width: 767px) {
    .tag-advanced-filter[b-3y2x3ozk9r] {
        padding: 1rem;
    }

    .tag-advanced-filter__header[b-3y2x3ozk9r] {
        flex-direction: column;
        align-items: stretch;
    }

    .tag-advanced-filter__actions[b-3y2x3ozk9r] {
        justify-content: flex-start;
    }
}
/* /Pages/TagTypeMatrixPage.razor.rz.scp.css */
/* TagTypeMatrixPage.razor.css */

/* Vertical header: rotate the header text 90 degrees */
.vertical-header[b-tfmufnq0dj] {
    writing-mode: vertical-lr;
    text-orientation: mixed;
    white-space: nowrap;
    display: inline-block; /* Use inline-block so it wraps just the text */
    padding: 2px 4px; /* Adjust padding as needed */
    margin: 0; /* Remove extra margins */
    line-height: normal; /* Use default line height */
}

/* Existing cell formatting */
.cell-matrix[b-tfmufnq0dj] {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 2px;
    font-weight: bold;
}

.fixed-filter[b-tfmufnq0dj] {
    flex: 1 1 0;
    min-width: 0;
}

.cell-correct[b-tfmufnq0dj] {
    background: rgb(114 220 91 / 70%);
    color: green;
}


.cell-incorrect[b-tfmufnq0dj] {
    background: rgb(255 21 0 / 70%);
    color: red;
}
/* /Pages/TaskManagementPage.razor.rz.scp.css */

.full-width[b-jinatgihac] {
    width: 100%;
}

.pane-header[b-jinatgihac] {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
    border-radius: 5px;
}

    .pane-header .title[b-jinatgihac] {
        font-size: 1rem;
        font-weight: bold;
        margin-right: 10px;
    }

.pane-title[b-jinatgihac] {
    font-size: 1.5rem;
    font-weight: bold;
    margin-right: 10px;
}
/* /Pages/TrainingCourseEditorPage.razor.rz.scp.css */
.course-editor-page[b-2twjl7r16x] {
    width: 100%;
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 22px 6px 60px;
}

.course-editor-state[b-2twjl7r16x] {
    min-height: 380px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.course-editor-header[b-2twjl7r16x] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
}

.course-editor-header h2[b-2twjl7r16x] {
    color: #17243a;
    font-size: 2rem;
    margin: 4px 0 2px;
}

.course-editor-header p[b-2twjl7r16x] {
    color: #6a788c;
    margin: 0;
}

.course-editor-back[b-2twjl7r16x] {
    display: block;
    color: var(--kendo-color-primary, #1769aa);
    font-weight: 600;
    margin-bottom: 16px;
}

.course-editor-eyebrow[b-2twjl7r16x],
.course-editor-panel-heading span[b-2twjl7r16x] {
    display: block;
    color: #66758a;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.course-editor-status[b-2twjl7r16x] {
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 800;
    padding: 7px 12px;
}

.course-editor-status.draft[b-2twjl7r16x] {
    background: #e8efff;
    color: #315ea8;
}

.course-editor-status.published[b-2twjl7r16x] {
    background: #e7f6ed;
    color: #17633f;
}

.course-published-banner[b-2twjl7r16x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border: 1px solid #bad9c8;
    border-left: 5px solid #2b8a5d;
    border-radius: 10px;
    background: #f1fbf5;
    margin-bottom: 20px;
    padding: 16px 18px;
}

.course-published-banner p[b-2twjl7r16x] {
    color: #516b5e;
    margin: 4px 0 0;
}

.course-editor-layout[b-2twjl7r16x] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    align-items: start;
    gap: 20px;
}

.course-editor-layout aside[b-2twjl7r16x] {
    display: grid;
    gap: 20px;
    position: sticky;
    top: 18px;
}

.course-editor-panel[b-2twjl7r16x] {
    border: 1px solid #dce3ec;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 7px 20px rgba(34, 50, 75, .05);
    margin-bottom: 20px;
    padding: 22px;
}

.course-editor-panel-heading[b-2twjl7r16x],
.question-option-heading[b-2twjl7r16x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.course-editor-panel-heading[b-2twjl7r16x] {
    margin-bottom: 18px;
}

.course-editor-panel-heading h3[b-2twjl7r16x] {
    color: #1b2940;
    font-size: 1.18rem;
    margin: 3px 0 0;
}

.course-editor-fields[b-2twjl7r16x],
.course-media-editor[b-2twjl7r16x],
.course-question-editor[b-2twjl7r16x] {
    display: grid;
    grid-template-columns: repeat(2, minmax(180px, 1fr));
    gap: 14px;
}

.course-editor-fields label[b-2twjl7r16x],
.course-media-editor label[b-2twjl7r16x],
.course-question-editor label[b-2twjl7r16x],
.course-upload-control[b-2twjl7r16x] {
    display: grid;
    gap: 6px;
    color: #3e4d63;
    font-size: .85rem;
    font-weight: 600;
}

.course-editor-fields .wide[b-2twjl7r16x],
.course-media-editor .wide[b-2twjl7r16x],
.course-question-editor .wide[b-2twjl7r16x] {
    grid-column: 1 / -1;
}

.course-slide-list[b-2twjl7r16x] {
    display: grid;
    gap: 18px;
}

.course-slide-editor[b-2twjl7r16x] {
    overflow: hidden;
    border: 1px solid #dce3ec;
    border-radius: 11px;
    background: #fafbfc;
}

.course-slide-editor > header[b-2twjl7r16x] {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #dfe5ed;
    background: #f2f5f8;
    padding: 13px;
}

.course-slide-number[b-2twjl7r16x] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #263d60;
    color: #fff;
    font-weight: 800;
}

.course-order-actions[b-2twjl7r16x] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.course-order-actions button[b-2twjl7r16x],
.question-option-delete[b-2twjl7r16x],
.course-add-blocks button[b-2twjl7r16x] {
    min-width: 30px;
    border: 1px solid #cbd4df;
    border-radius: 6px;
    background: #fff;
    color: #435169;
    cursor: pointer;
    padding: 4px 8px;
}

.course-order-actions button:disabled[b-2twjl7r16x],
.question-option-delete:disabled[b-2twjl7r16x] {
    cursor: default;
    opacity: .4;
}

.course-order-actions .danger[b-2twjl7r16x],
.question-option-delete[b-2twjl7r16x] {
    color: #a22d2d;
}

.course-block-list[b-2twjl7r16x] {
    display: grid;
    gap: 14px;
    padding: 16px;
}

.course-block-editor[b-2twjl7r16x] {
    border: 1px solid #dde3eb;
    border-radius: 9px;
    background: #fff;
    padding: 16px;
}

.course-block-toolbar[b-2twjl7r16x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #25344c;
    margin-bottom: 14px;
}

.course-rich-preview[b-2twjl7r16x] {
    line-height: 1.6;
}

.course-upload-control[b-2twjl7r16x] {
    align-content: start;
}

.course-upload-control input[b-2twjl7r16x] {
    font-weight: 400;
}

.course-media-preview[b-2twjl7r16x] {
    margin-top: 14px;
    text-align: center;
}

.course-media-preview img[b-2twjl7r16x],
.course-media-preview video[b-2twjl7r16x] {
    width: auto;
    max-width: 100%;
    max-height: 360px;
    border-radius: 8px;
    background: #101722;
}

.course-media-preview video[b-2twjl7r16x] {
    width: 100%;
}

.question-option-editor[b-2twjl7r16x] {
    display: grid;
    gap: 10px;
}

.question-option-row[b-2twjl7r16x] {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) 32px;
    align-items: center;
    gap: 8px;
}

.question-option-editor small[b-2twjl7r16x] {
    color: #6b788b;
}

.course-add-blocks[b-2twjl7r16x] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    border-top: 1px solid #dfe5ed;
    color: #5e6d82;
    font-size: .8rem;
    padding: 12px 16px;
}

.course-add-blocks button:hover[b-2twjl7r16x] {
    border-color: var(--kendo-color-primary, #1769aa);
    color: var(--kendo-color-primary, #1769aa);
}

.course-role-panel p[b-2twjl7r16x] {
    color: #647287;
    font-size: .84rem;
}

.course-role-list[b-2twjl7r16x] {
    max-height: 440px;
    overflow: auto;
    display: grid;
    gap: 8px;
    margin: 14px 0 18px;
}

.course-role-row[b-2twjl7r16x] {
    border: 1px solid #e0e5ec;
    border-radius: 8px;
    padding: 10px;
}

.course-role-row label[b-2twjl7r16x] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    margin-bottom: 7px;
}

.course-role-row label:last-child[b-2twjl7r16x] {
    margin-bottom: 0;
}

.course-publish-panel[b-2twjl7r16x] {
    display: grid;
    gap: 12px;
}

.course-publish-panel .course-editor-panel-heading[b-2twjl7r16x] {
    margin-bottom: 2px;
}

.course-retake-option[b-2twjl7r16x] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    border: 1px solid #edd39c;
    border-radius: 8px;
    background: #fff9ec;
    color: #61460e;
    padding: 11px;
}

.course-retake-option span[b-2twjl7r16x],
.course-retake-option small[b-2twjl7r16x] {
    display: block;
}

.course-retake-option small[b-2twjl7r16x] {
    margin-top: 3px;
}

html[data-theme="dark"] .course-editor-page[b-2twjl7r16x] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"] .course-editor-header h2[b-2twjl7r16x],
html[data-theme="dark"] .course-editor-panel-heading h3[b-2twjl7r16x],
html[data-theme="dark"] .course-block-toolbar[b-2twjl7r16x],
html[data-theme="dark"] .course-rich-preview[b-2twjl7r16x] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"] .course-editor-header p[b-2twjl7r16x],
html[data-theme="dark"] .course-editor-eyebrow[b-2twjl7r16x],
html[data-theme="dark"] .course-editor-panel-heading span[b-2twjl7r16x],
html[data-theme="dark"] .question-option-editor small[b-2twjl7r16x],
html[data-theme="dark"] .course-role-panel p[b-2twjl7r16x],
html[data-theme="dark"] .course-media-editor small[b-2twjl7r16x],
html[data-theme="dark"] .course-add-blocks[b-2twjl7r16x] {
    color: var(--kendo-color-subtle, var(--aquip-text-muted));
}

html[data-theme="dark"] .course-editor-back[b-2twjl7r16x] {
    color: var(--kendo-color-primary, var(--aquip-primary));
}

html[data-theme="dark"] .course-editor-panel[b-2twjl7r16x],
html[data-theme="dark"] .course-block-editor[b-2twjl7r16x] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-surface-alt, var(--aquip-surface-raised));
    border-color: var(--kendo-color-border, var(--aquip-border));
    box-shadow: none;
}

html[data-theme="dark"] .course-slide-editor[b-2twjl7r16x],
html[data-theme="dark"] .course-slide-editor > header[b-2twjl7r16x] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-app-surface, var(--aquip-surface));
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .course-block-list[b-2twjl7r16x] {
    background: var(--kendo-color-surface, var(--aquip-surface));
}

html[data-theme="dark"] .course-slide-number[b-2twjl7r16x] {
    color: var(--kendo-color-primary-on-subtle, var(--aquip-text));
    background: var(--kendo-color-primary-subtle, var(--aquip-surface-raised));
}

html[data-theme="dark"] .course-editor-fields label[b-2twjl7r16x],
html[data-theme="dark"] .course-media-editor label[b-2twjl7r16x],
html[data-theme="dark"] .course-question-editor label[b-2twjl7r16x],
html[data-theme="dark"] .course-upload-control[b-2twjl7r16x],
html[data-theme="dark"] .course-role-row label[b-2twjl7r16x],
html[data-theme="dark"] .question-option-heading[b-2twjl7r16x] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"] .course-editor-page .form-control[b-2twjl7r16x],
html[data-theme="dark"] .course-editor-page .form-select[b-2twjl7r16x] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background-color: var(--kendo-color-surface, var(--aquip-surface));
    border-color: var(--kendo-color-border-alt, var(--aquip-border-strong));
}

html[data-theme="dark"] .course-editor-page .form-control:disabled[b-2twjl7r16x],
html[data-theme="dark"] .course-editor-page .form-select:disabled[b-2twjl7r16x] {
    color: var(--kendo-color-subtle, var(--aquip-text-muted));
    background-color: var(--kendo-color-app-surface, var(--aquip-surface));
    opacity: 1;
}

html[data-theme="dark"] .course-role-row input:disabled + span[b-2twjl7r16x] {
    color: var(--kendo-color-subtle, var(--aquip-text-muted));
}

html[data-theme="dark"] .course-editor-page input[type="checkbox"][b-2twjl7r16x],
html[data-theme="dark"] .course-editor-page input[type="radio"][b-2twjl7r16x] {
    accent-color: var(--kendo-color-primary, var(--aquip-primary));
}

html[data-theme="dark"] .course-role-row[b-2twjl7r16x] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-surface, var(--aquip-surface));
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .course-order-actions button[b-2twjl7r16x],
html[data-theme="dark"] .question-option-delete[b-2twjl7r16x],
html[data-theme="dark"] .course-add-blocks button[b-2twjl7r16x] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-surface, var(--aquip-surface));
    border-color: var(--kendo-color-border-alt, var(--aquip-border-strong));
}

html[data-theme="dark"] .course-order-actions button:hover:not(:disabled)[b-2twjl7r16x],
html[data-theme="dark"] .question-option-delete:hover:not(:disabled)[b-2twjl7r16x],
html[data-theme="dark"] .course-add-blocks button:hover[b-2twjl7r16x] {
    color: var(--kendo-color-primary, var(--aquip-primary));
    background: var(--kendo-color-base-subtle-hover, var(--aquip-hover));
    border-color: var(--kendo-color-primary, var(--aquip-primary));
}

html[data-theme="dark"] .course-order-actions .danger[b-2twjl7r16x],
html[data-theme="dark"] .question-option-delete[b-2twjl7r16x] {
    color: var(--kendo-color-error, #ff6b6b);
}

html[data-theme="dark"] .course-add-blocks[b-2twjl7r16x] {
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .course-editor-page .btn-outline-primary[b-2twjl7r16x],
html[data-theme="dark"] .course-editor-page .btn-outline-secondary[b-2twjl7r16x] {
    color: var(--kendo-color-primary, var(--aquip-primary));
    background: transparent;
    border-color: var(--kendo-color-primary, var(--aquip-primary));
}

html[data-theme="dark"] .course-editor-page .btn-outline-primary:hover:not(:disabled)[b-2twjl7r16x],
html[data-theme="dark"] .course-editor-page .btn-outline-secondary:hover:not(:disabled)[b-2twjl7r16x] {
    color: var(--kendo-color-primary-on-subtle, var(--aquip-text));
    background: var(--kendo-color-primary-subtle, var(--aquip-hover));
}

html[data-theme="dark"] .course-editor-status.draft[b-2twjl7r16x] {
    color: var(--kendo-color-info-on-subtle, #a9d1ff);
    background: var(--kendo-color-info-subtle, #17314d);
}

html[data-theme="dark"] .course-editor-status.published[b-2twjl7r16x],
html[data-theme="dark"] .course-published-banner[b-2twjl7r16x] {
    color: var(--kendo-color-success-on-subtle, #a8e3bf);
    background: var(--kendo-color-success-subtle, #173c2a);
    border-color: var(--kendo-color-success-emphasis, #2b8a5d);
}

html[data-theme="dark"] .course-published-banner p[b-2twjl7r16x] {
    color: var(--kendo-color-success-on-subtle, #a8e3bf);
}

html[data-theme="dark"] .course-retake-option[b-2twjl7r16x] {
    color: var(--kendo-color-warning-on-subtle, #ffd58a);
    background: var(--kendo-color-warning-subtle, #443318);
    border-color: var(--kendo-color-warning-emphasis, #b77700);
}

html[data-theme="dark"] .course-editor-page .alert-danger[b-2twjl7r16x] {
    color: var(--kendo-color-error-on-subtle, #ffb3ad);
    background: var(--kendo-color-error-subtle, #4b2424);
    border-color: var(--kendo-color-error-emphasis, #c94a42);
}

html[data-theme="dark"] .course-editor-page .alert-success[b-2twjl7r16x] {
    color: var(--kendo-color-success-on-subtle, #a8e3bf);
    background: var(--kendo-color-success-subtle, #173c2a);
    border-color: var(--kendo-color-success-emphasis, #2b8a5d);
}

html[data-theme="dark"] .course-block-editor[b-2twjl7r16x]  .k-editor,
html[data-theme="dark"] .course-block-editor[b-2twjl7r16x]  .k-editor-content,
html[data-theme="dark"] .course-block-editor[b-2twjl7r16x]  .ProseMirror {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-surface, var(--aquip-surface));
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .course-block-editor[b-2twjl7r16x]  .k-editor-toolbar {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-surface-alt, var(--aquip-surface-raised));
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .course-block-editor[b-2twjl7r16x]  .k-editor-toolbar .k-button,
html[data-theme="dark"] .course-block-editor[b-2twjl7r16x]  .k-editor-toolbar .k-dropdownlist {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-surface, var(--aquip-surface));
    border-color: var(--kendo-color-border-alt, var(--aquip-border-strong));
}

html[data-theme="dark"] .course-block-editor[b-2twjl7r16x]  .k-editor-toolbar .k-button:hover {
    background: var(--kendo-color-base-subtle-hover, var(--aquip-hover));
}

@media (max-width: 1050px) {
    .course-editor-layout[b-2twjl7r16x] {
        grid-template-columns: 1fr;
    }

    .course-editor-layout aside[b-2twjl7r16x] {
        position: static;
    }
}

@media (max-width: 650px) {
    .course-editor-header[b-2twjl7r16x],
    .course-published-banner[b-2twjl7r16x] {
        align-items: start;
        flex-direction: column;
    }

    .course-editor-fields[b-2twjl7r16x],
    .course-media-editor[b-2twjl7r16x],
    .course-question-editor[b-2twjl7r16x] {
        grid-template-columns: 1fr;
    }

    .course-editor-fields .wide[b-2twjl7r16x],
    .course-media-editor .wide[b-2twjl7r16x],
    .course-question-editor .wide[b-2twjl7r16x] {
        grid-column: auto;
    }
}
/* /Pages/TrainingCoursePage.razor.rz.scp.css */
.course-player[b-0cwpzit75e] {
    width: 100%;
    max-width: 1120px;
    min-height: 0;
    box-sizing: border-box;
    margin: 0 auto;
    padding: clamp(20px, 3vw, 36px) clamp(12px, 2vw, 24px) 48px;
    color: #333;
}

.course-state[b-0cwpzit75e] { min-height: 380px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.course-header[b-0cwpzit75e], .course-slide[b-0cwpzit75e], .course-result[b-0cwpzit75e] { border: 1px solid #e3e7ee; border-radius: 6px; background: #fff; }
.course-header[b-0cwpzit75e] { overflow: hidden; margin-bottom: 18px; padding: 16px 22px 0; }

[b-0cwpzit75e] .course-back-link.k-button { justify-content: flex-start; min-height: auto; font-size: 12.5px; font-weight: 600; padding: 0; }
.course-heading[b-0cwpzit75e], .course-progress-row[b-0cwpzit75e], .course-actions[b-0cwpzit75e] { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.course-heading[b-0cwpzit75e] { align-items: flex-start; margin-top: 12px; }
.course-heading h2[b-0cwpzit75e] { color: #1c2b45; font-size: 21px; font-weight: 600; margin: 5px 0 0; }

.course-eyebrow[b-0cwpzit75e] { color: #66758b; font-family: SFMono-Regular, Menlo, Consolas, monospace; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.course-requirement[b-0cwpzit75e] { border: 1px solid #dee4ec; border-radius: 3px; background: #f4f6fa; color: #5d6b80; font-size: 11px; font-weight: 600; padding: 3px 8px; white-space: nowrap; }
.course-progress-row[b-0cwpzit75e] { color: #5d6b80; font-size: 12.5px; margin-top: 16px; }
.course-progress[b-0cwpzit75e] { margin: 14px -22px 0; }
.course-progress[b-0cwpzit75e]  .course-progress-bar { height: 3px; border-radius: 0; background: #eef1f5; }
.course-progress[b-0cwpzit75e]  .k-selected { background: #203471; }

.course-slide[b-0cwpzit75e] { min-height: 430px; padding: 22px; }
.course-slide > h3[b-0cwpzit75e] { color: #1c2b45; font-size: 17px; font-weight: 600; margin: 0 0 18px; }
.course-rich-text[b-0cwpzit75e] { color: #35445b; font-size: 14px; line-height: 1.65; margin: 0 0 24px; }
.course-media[b-0cwpzit75e] { margin: 18px 0 26px; text-align: center; }
.course-media img[b-0cwpzit75e], .course-media video[b-0cwpzit75e] { width: auto; max-width: 100%; max-height: 560px; border-radius: 4px; background: #101722; }
.course-media video[b-0cwpzit75e] { width: 100%; }
.course-media figcaption[b-0cwpzit75e] { color: #66758b; font-size: 12px; margin-top: 8px; }

.course-question[b-0cwpzit75e] { border: 0; border-top: 1px solid #eef1f5; margin: 20px 0 0; padding: 20px 0 0; }
.course-question:first-of-type[b-0cwpzit75e] { border-top: 0; margin-top: 0; padding-top: 0; }
.course-question legend[b-0cwpzit75e] { color: #1c2b45; float: none; font-size: 15.5px; font-weight: 600; margin-bottom: 4px; }
.question-hint[b-0cwpzit75e] { display: block; color: #66758b; font-size: 12px; margin-bottom: 16px; }
.question-options[b-0cwpzit75e] { display: grid; gap: 8px; }
.question-option[b-0cwpzit75e] { display: flex; align-items: center; gap: 12px; border: 1px solid #e3e7ee; border-radius: 4px; cursor: pointer; font-size: 13px; padding: 12px 14px; }
.question-option:not(.locked):hover[b-0cwpzit75e], .question-option.selected:not(.locked)[b-0cwpzit75e] { border-color: #203471; background: #f8fafc; }
.question-option.locked[b-0cwpzit75e] { cursor: default; }
.question-option.answer-correct[b-0cwpzit75e] { border-color: #c3ddcd; background: #f3f9f5; }
.question-option.answer-incorrect[b-0cwpzit75e] { border-color: #eecdc9; background: #fdf4f3; }
.question-option input[b-0cwpzit75e] { width: 18px; height: 18px; margin: 0; accent-color: #203471; flex-shrink: 0; }
.question-option.answer-correct input[b-0cwpzit75e] { accent-color: #1a8754; }
.question-option.answer-incorrect input[b-0cwpzit75e] { accent-color: #b8332a; }
.answer-marker[b-0cwpzit75e] { color: #146c44; font-size: 11.5px; font-weight: 600; margin-left: auto; white-space: nowrap; }
.answer-marker.selected-marker[b-0cwpzit75e] { color: #992a22; }

.question-feedback[b-0cwpzit75e] { display: grid; gap: 3px; border: 1px solid; border-radius: 4px; margin-top: 16px; padding: 13px 15px; }
.question-feedback.correct[b-0cwpzit75e] { border-color: #c3ddcd; background: #f3f9f5; color: #146c44; }
.question-feedback.incorrect[b-0cwpzit75e] { border-color: #eecdc9; background: #fdf4f3; color: #992a22; }
.question-feedback p[b-0cwpzit75e] { color: inherit; font-size: 12.5px; line-height: 1.5; margin: 0; }
.course-validation[b-0cwpzit75e] { margin: 16px 0 0; }
.course-actions[b-0cwpzit75e] { border-top: 1px solid #eef1f5; margin-top: 20px; padding-top: 16px; }

.course-result[b-0cwpzit75e] { width: 100%; max-width: 460px; box-sizing: border-box; overflow: hidden; margin: clamp(32px, 8vh, 88px) auto; text-align: center; }
.course-result-summary[b-0cwpzit75e] { border-bottom: 1px solid #eef1f5; padding: 22px 22px 18px; }
.course-result h2[b-0cwpzit75e] { color: #1c2b45; font-size: 17px; font-weight: 600; margin: 8px 0 14px; }
.course-score-row[b-0cwpzit75e] { display: flex; align-items: baseline; justify-content: center; gap: 10px; color: #66758b; font-size: 12.5px; }
.course-score[b-0cwpzit75e] { color: #087c49; font-size: 32px; font-weight: 700; line-height: 1; }
.course-result.failed .course-score[b-0cwpzit75e] { color: #8a5a13; }
.result-progress[b-0cwpzit75e] { height: 4px; max-width: 280px; overflow: hidden; border-radius: 2px; background: #eef1f5; margin: 14px auto 0; }
.result-progress span[b-0cwpzit75e] { display: block; height: 100%; background: #1fa855; }
.course-result.failed .result-progress span[b-0cwpzit75e] { background: #d98300; }
.course-completion-note[b-0cwpzit75e] { margin: 18px 22px; border-radius: 4px; background: #f3f9f5; color: #1c2b45; font-size: 13px; line-height: 1.5; padding: 12px 14px; text-align: left; }
.course-review[b-0cwpzit75e] { display: grid; gap: 7px; padding: 16px 22px; text-align: left; }
.course-review-count[b-0cwpzit75e] { color: #5d6b80; font-size: 12px; font-weight: 600; margin-bottom: 3px; }
.course-review-row[b-0cwpzit75e] { display: flex; gap: 8px; border-radius: 4px; font-size: 12.5px; line-height: 1.5; padding: 10px 12px; }
.course-review-row strong[b-0cwpzit75e] { white-space: nowrap; }
.course-review-row.correct[b-0cwpzit75e] { background: #f8fafc; color: #17633f; }
.course-review-row.incorrect[b-0cwpzit75e] { background: #fdf5e4; color: #77500a; }
.course-result-actions[b-0cwpzit75e] { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; border-top: 1px solid #eef1f5; padding: 14px 22px 18px; }

html[data-theme="dark"] .course-player[b-0cwpzit75e] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"] .course-header[b-0cwpzit75e],
html[data-theme="dark"] .course-slide[b-0cwpzit75e],
html[data-theme="dark"] .course-result[b-0cwpzit75e] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-surface-alt, var(--aquip-surface-raised));
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .course-heading h2[b-0cwpzit75e],
html[data-theme="dark"] .course-slide > h3[b-0cwpzit75e],
html[data-theme="dark"] .course-question legend[b-0cwpzit75e],
html[data-theme="dark"] .course-result h2[b-0cwpzit75e] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"] .course-eyebrow[b-0cwpzit75e],
html[data-theme="dark"] .course-progress-row[b-0cwpzit75e],
html[data-theme="dark"] .question-hint[b-0cwpzit75e],
html[data-theme="dark"] .course-media figcaption[b-0cwpzit75e],
html[data-theme="dark"] .course-score-row[b-0cwpzit75e],
html[data-theme="dark"] .course-review-count[b-0cwpzit75e] {
    color: var(--kendo-color-subtle, var(--aquip-text-muted));
}

html[data-theme="dark"] .course-requirement[b-0cwpzit75e] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-base-subtle, var(--aquip-surface));
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .course-progress[b-0cwpzit75e]  .course-progress-bar,
html[data-theme="dark"] .result-progress[b-0cwpzit75e] {
    background: var(--kendo-color-app-surface, var(--aquip-surface));
}

html[data-theme="dark"] .course-progress[b-0cwpzit75e]  .k-selected {
    background: var(--kendo-color-primary, var(--aquip-primary));
}

html[data-theme="dark"] .course-rich-text[b-0cwpzit75e] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"] .course-rich-text[b-0cwpzit75e]  h1,
html[data-theme="dark"] .course-rich-text[b-0cwpzit75e]  h2,
html[data-theme="dark"] .course-rich-text[b-0cwpzit75e]  h3,
html[data-theme="dark"] .course-rich-text[b-0cwpzit75e]  h4,
html[data-theme="dark"] .course-rich-text[b-0cwpzit75e]  h5,
html[data-theme="dark"] .course-rich-text[b-0cwpzit75e]  h6,
html[data-theme="dark"] .course-rich-text[b-0cwpzit75e]  p,
html[data-theme="dark"] .course-rich-text[b-0cwpzit75e]  li {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"] .course-rich-text[b-0cwpzit75e]  a {
    color: var(--kendo-color-primary, var(--aquip-primary));
}

html[data-theme="dark"] .course-question[b-0cwpzit75e],
html[data-theme="dark"] .course-actions[b-0cwpzit75e],
html[data-theme="dark"] .course-result-summary[b-0cwpzit75e],
html[data-theme="dark"] .course-result-actions[b-0cwpzit75e] {
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .question-option[b-0cwpzit75e] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-surface, var(--aquip-surface));
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .question-option:not(.locked):hover[b-0cwpzit75e],
html[data-theme="dark"] .question-option.selected:not(.locked)[b-0cwpzit75e] {
    color: var(--kendo-color-primary-on-subtle, var(--aquip-text));
    background: var(--kendo-color-primary-subtle, var(--aquip-hover));
    border-color: var(--kendo-color-primary, var(--aquip-primary));
}

html[data-theme="dark"] .question-option.answer-correct[b-0cwpzit75e],
html[data-theme="dark"] .question-feedback.correct[b-0cwpzit75e],
html[data-theme="dark"] .course-completion-note[b-0cwpzit75e],
html[data-theme="dark"] .course-review-row.correct[b-0cwpzit75e] {
    color: var(--kendo-color-success-on-subtle, #a8e3bf);
    background: var(--kendo-color-success-subtle, #173c2a);
    border-color: var(--kendo-color-success-emphasis, #2b8a5d);
}

html[data-theme="dark"] .question-option.answer-incorrect[b-0cwpzit75e],
html[data-theme="dark"] .question-feedback.incorrect[b-0cwpzit75e] {
    color: var(--kendo-color-error-on-subtle, #ffb3ad);
    background: var(--kendo-color-error-subtle, #4b2424);
    border-color: var(--kendo-color-error-emphasis, #c94a42);
}

html[data-theme="dark"] .question-option input[b-0cwpzit75e] {
    accent-color: var(--kendo-color-primary, var(--aquip-primary));
}

html[data-theme="dark"] .question-option.answer-correct input[b-0cwpzit75e] {
    accent-color: var(--kendo-color-success, #55c989);
}

html[data-theme="dark"] .question-option.answer-incorrect input[b-0cwpzit75e] {
    accent-color: var(--kendo-color-error, #ff6b6b);
}

html[data-theme="dark"] .answer-marker[b-0cwpzit75e] {
    color: var(--kendo-color-success-on-subtle, #a8e3bf);
}

html[data-theme="dark"] .answer-marker.selected-marker[b-0cwpzit75e] {
    color: var(--kendo-color-error-on-subtle, #ffb3ad);
}

html[data-theme="dark"] .course-validation[b-0cwpzit75e],
html[data-theme="dark"] .course-review-row.incorrect[b-0cwpzit75e] {
    color: var(--kendo-color-warning-on-subtle, #ffd58a);
    background: var(--kendo-color-warning-subtle, #443318);
    border-color: var(--kendo-color-warning-emphasis, #b77700);
}

html[data-theme="dark"] .course-score[b-0cwpzit75e] {
    color: var(--kendo-color-success, #55c989);
}

html[data-theme="dark"] .course-result.failed .course-score[b-0cwpzit75e] {
    color: var(--kendo-color-warning, #f0ad4e);
}

html[data-theme="dark"] .result-progress span[b-0cwpzit75e] {
    background: var(--kendo-color-success, #55c989);
}

html[data-theme="dark"] .course-result.failed .result-progress span[b-0cwpzit75e] {
    background: var(--kendo-color-warning, #f0ad4e);
}

html[data-theme="dark"] .course-actions[b-0cwpzit75e]  .k-button-outline,
html[data-theme="dark"] .course-result-actions[b-0cwpzit75e]  .k-button-outline {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-surface, var(--aquip-surface));
    border-color: var(--kendo-color-border-alt, var(--aquip-border-strong));
}

html[data-theme="dark"] .course-actions[b-0cwpzit75e]  .k-button-outline:hover:not(.k-disabled),
html[data-theme="dark"] .course-result-actions[b-0cwpzit75e]  .k-button-outline:hover:not(.k-disabled) {
    background: var(--kendo-color-base-subtle-hover, var(--aquip-hover));
}

@media (max-width: 640px) {
    .course-player[b-0cwpzit75e] { padding: 12px 6px 28px; }
    .course-header[b-0cwpzit75e] { padding-inline: 16px; }
    .course-progress[b-0cwpzit75e] { margin-inline: -16px; }
    .course-heading[b-0cwpzit75e] { gap: 10px; }
    .course-heading h2[b-0cwpzit75e] { font-size: 18px; }
    .course-slide[b-0cwpzit75e] { min-height: 0; padding: 16px; }
    .question-option[b-0cwpzit75e] { align-items: flex-start; }
    .answer-marker[b-0cwpzit75e] { white-space: normal; }
    .course-result[b-0cwpzit75e] { margin: 20px auto; }
    .course-result-actions[b-0cwpzit75e] { justify-content: stretch; }
    .course-result-actions[b-0cwpzit75e]  .k-button { flex: 1; }
}
/* /Pages/TrainingManagementPage.razor.rz.scp.css */
.training-admin-page[b-le1uebl8a1] {
    width: 100%;
    height: 100%;
    max-width: 1240px;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 22px 6px 48px;
}

.training-admin-header[b-le1uebl8a1],
.training-admin-header-actions[b-le1uebl8a1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.training-admin-header[b-le1uebl8a1] {
    align-items: end;
    margin-bottom: 24px;
}

.training-admin-header h2[b-le1uebl8a1] {
    color: #17243a;
    font-size: 2rem;
    margin: 3px 0;
}

.training-admin-header p[b-le1uebl8a1] {
    color: #68768b;
    margin: 0;
}

.training-admin-eyebrow[b-le1uebl8a1] {
    color: var(--kendo-color-primary, #1769aa);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.training-create-panel[b-le1uebl8a1] {
    border: 1px solid #dce3ec;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 7px 20px rgba(34, 50, 75, .06);
    margin-bottom: 22px;
    padding: 22px;
}

.training-create-panel h3[b-le1uebl8a1] {
    margin: 0 0 18px;
}

.training-create-grid[b-le1uebl8a1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 15px;
}

.training-create-grid label[b-le1uebl8a1] {
    display: grid;
    gap: 6px;
    color: #35445b;
    font-weight: 600;
}

.training-create-grid .wide[b-le1uebl8a1] {
    grid-column: 1 / -1;
}

.training-create-help[b-le1uebl8a1] {
    color: #68768b;
    font-size: .84rem;
    margin: 12px 0;
}

.training-admin-state[b-le1uebl8a1] {
    min-height: 330px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.training-admin-table-wrap[b-le1uebl8a1] {
    overflow-x: auto;
    border: 1px solid #dde3eb;
    border-radius: 12px;
    background: #fff;
}

.training-admin-table[b-le1uebl8a1] {
    margin: 0;
    min-width: 880px;
}

.training-admin-table th[b-le1uebl8a1] {
    background: #f5f7fa;
    color: #4d5c72;
    font-size: .78rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.training-admin-table td[b-le1uebl8a1] {
    color: #39485e;
    vertical-align: middle;
}

.training-admin-table td:first-child strong[b-le1uebl8a1],
.training-admin-table td:first-child span[b-le1uebl8a1],
.training-admin-table td:nth-child(3) small[b-le1uebl8a1] {
    display: block;
}

.training-admin-table tr.archived[b-le1uebl8a1] {
    opacity: .62;
}

.training-admin-code[b-le1uebl8a1] {
    color: #718096;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: .76rem;
    margin-top: 3px;
}

.training-admin-pill[b-le1uebl8a1] {
    display: inline-flex;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 700;
    margin: 3px;
    padding: 3px 8px;
}

.training-admin-pill.draft[b-le1uebl8a1] {
    background: #e8efff;
    color: #315ea8;
}

.training-admin-pill.active[b-le1uebl8a1] {
    background: #e7f6ed;
    color: #17633f;
}

.training-admin-pill.archived[b-le1uebl8a1] {
    background: #edf0f4;
    color: #5b6677;
}

.training-row-actions[b-le1uebl8a1] {
    white-space: nowrap;
}

.training-row-actions .btn + .btn[b-le1uebl8a1] {
    margin-left: 6px;
}

html[data-theme="dark"] .training-admin-page[b-le1uebl8a1] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"] .training-admin-header h2[b-le1uebl8a1],
html[data-theme="dark"] .training-create-panel h3[b-le1uebl8a1] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"] .training-admin-header p[b-le1uebl8a1],
html[data-theme="dark"] .training-create-help[b-le1uebl8a1],
html[data-theme="dark"] .training-admin-code[b-le1uebl8a1] {
    color: var(--kendo-color-subtle, var(--aquip-text-muted));
}

html[data-theme="dark"] .training-create-panel[b-le1uebl8a1],
html[data-theme="dark"] .training-admin-table-wrap[b-le1uebl8a1] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-surface-alt, var(--aquip-surface-raised));
    border-color: var(--kendo-color-border, var(--aquip-border));
    box-shadow: none;
}

html[data-theme="dark"] .training-create-grid label[b-le1uebl8a1] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"] .training-create-grid .form-control[b-le1uebl8a1] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-surface, var(--aquip-surface));
    border-color: var(--kendo-color-border-alt, var(--aquip-border-strong));
}

html[data-theme="dark"] .training-admin-table[b-le1uebl8a1] {
    --bs-table-bg: var(--kendo-color-surface-alt, var(--aquip-surface-raised));
    --bs-table-color: var(--kendo-color-on-app-surface, var(--aquip-text));
    --bs-table-border-color: var(--kendo-color-border, var(--aquip-border));
    --bs-table-hover-bg: var(--kendo-color-base-subtle-hover, var(--aquip-hover));
    --bs-table-hover-color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"] .training-admin-table th[b-le1uebl8a1] {
    color: var(--kendo-color-subtle, var(--aquip-text-muted));
    background: var(--kendo-color-app-surface, var(--aquip-surface));
}

html[data-theme="dark"] .training-admin-table td[b-le1uebl8a1] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"] .training-admin-table > :not(caption) > * > *[b-le1uebl8a1] {
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .training-admin-pill.draft[b-le1uebl8a1],
html[data-theme="dark"] .training-admin-pill.archived[b-le1uebl8a1] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-base-subtle, var(--aquip-surface));
}

html[data-theme="dark"] .training-admin-pill.active[b-le1uebl8a1] {
    color: var(--kendo-color-success-on-subtle, #a8e3bf);
    background: var(--kendo-color-success-subtle, #173c2a);
}

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

    .training-create-grid[b-le1uebl8a1] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/TrainingPage.razor.rz.scp.css */
.training-catalog[b-ov9mom4nxj] {
    width: 100%;
    max-width: 1680px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: clamp(12px, 1.5vw, 24px) 0 48px;
    color: #333;
}

.training-state[b-ov9mom4nxj] {
    min-height: 360px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #5d6b80;
}

.training-state h2[b-ov9mom4nxj] { color: #1c2b45; margin-bottom: 8px; }

.training-gate-banner[b-ov9mom4nxj] {
    border: 1px solid #e8cd93;
    border-left: 4px solid #d98300;
    border-radius: 6px;
    background: #fdf5e4;
    color: #7c4a03;
    padding: 14px 18px;
    margin-bottom: 20px;
}

.training-gate-banner p[b-ov9mom4nxj] { margin: 3px 0 0; }

.training-summary[b-ov9mom4nxj] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 20px;
}

.training-summary h2[b-ov9mom4nxj] { color: #1c2b45; font-size: 1.75rem; margin: 3px 0; }
.training-summary p[b-ov9mom4nxj] { color: #66758b; margin: 0; }

.training-eyebrow[b-ov9mom4nxj] {
    color: #66758b;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.training-card-grid[b-ov9mom4nxj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: 1fr;
    align-items: stretch;
    gap: clamp(12px, 1.2vw, 18px);
}

.training-card[b-ov9mom4nxj] {
    min-width: 0;
    min-height: 274px;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e3e7ee;
    border-radius: 6px;
    background: #fff;
    transition: border-color .12s, box-shadow .12s;
}

.training-card:hover[b-ov9mom4nxj] { border-color: #c6d0de; box-shadow: 0 2px 6px rgba(32, 52, 113, .08); }
.training-card-body[b-ov9mom4nxj] { display: flex; flex: 1; flex-direction: column; padding: 16px 18px 0; }

.training-card-topline[b-ov9mom4nxj],
.training-meta[b-ov9mom4nxj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.training-card-topline[b-ov9mom4nxj] { margin-bottom: 10px; }
.training-code[b-ov9mom4nxj] { color: #66758b; font-family: SFMono-Regular, Menlo, Consolas, monospace; font-size: 11px; letter-spacing: .02em; }

.training-badge[b-ov9mom4nxj],
.training-status[b-ov9mom4nxj] {
    border: 1px solid #dee4ec;
    border-radius: 3px;
    background: #f4f6fa;
    color: #5d6b80;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    padding: 2px 7px;
    white-space: nowrap;
}

.training-badge.required[b-ov9mom4nxj] { border-color: #e8cd93; background: #fdf5e4; color: #7c4a03; }
.training-card h3[b-ov9mom4nxj] { margin: 0 0 8px; font-size: 16px; font-weight: 600; line-height: 1.35; }

.training-title-link[b-ov9mom4nxj] {
    border: 0;
    background: transparent;
    color: #006bb7;
    cursor: pointer;
    font: inherit;
    font-weight: inherit;
    padding: 0;
    text-align: left;
}

.training-title-link:hover[b-ov9mom4nxj] { color: #004f88; text-decoration: underline; }
.training-title-link:focus-visible[b-ov9mom4nxj] { outline: 2px solid #203471; outline-offset: 2px; }
.training-description[b-ov9mom4nxj] { color: #5d6b80; font-size: 13px; line-height: 1.55; margin: 0 0 16px; }
.training-meta[b-ov9mom4nxj] { color: #66758b; font-size: 12px; margin-top: auto; padding-bottom: 12px; }
.training-status.complete[b-ov9mom4nxj] { border: 0; background: #1fa855; color: #fff; padding: 3px 8px; }
.training-status.in-progress[b-ov9mom4nxj] { border: 0; background: #17a2b8; color: #fff; padding: 3px 8px; }

.training-progress-track[b-ov9mom4nxj] { height: 3px; background: #eef1f5; }
.training-progress-track span[b-ov9mom4nxj] { display: block; height: 100%; }
.training-progress-track .complete[b-ov9mom4nxj] { width: 100%; background: #1fa855; }
.training-progress-track .in-progress[b-ov9mom4nxj] { width: 50%; background: #17a2b8; }
.training-progress-track .not-started[b-ov9mom4nxj] { width: 0; }

.training-card-footer[b-ov9mom4nxj] { border-top: 1px solid #eef1f5; padding: 14px 18px 16px; }
.training-card-action[b-ov9mom4nxj] { width: 100%; min-height: 34px; border-radius: 4px; border-color: #203471; background: #203471; font-size: 13px; font-weight: 600; }
.training-card:has(.training-status.complete) .training-card-action[b-ov9mom4nxj] { background: #fff; color: #203471; }

html[data-theme="dark"] .training-catalog[b-ov9mom4nxj] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"] .training-state[b-ov9mom4nxj],
html[data-theme="dark"] .training-state h2[b-ov9mom4nxj],
html[data-theme="dark"] .training-summary h2[b-ov9mom4nxj] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"] .training-summary p[b-ov9mom4nxj],
html[data-theme="dark"] .training-eyebrow[b-ov9mom4nxj],
html[data-theme="dark"] .training-code[b-ov9mom4nxj],
html[data-theme="dark"] .training-description[b-ov9mom4nxj],
html[data-theme="dark"] .training-meta[b-ov9mom4nxj] {
    color: var(--kendo-color-subtle, var(--aquip-text-muted));
}

html[data-theme="dark"] .training-card[b-ov9mom4nxj] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-surface-alt, var(--aquip-surface-raised));
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .training-card:hover[b-ov9mom4nxj] {
    border-color: var(--kendo-color-border-alt, var(--aquip-border-strong));
    box-shadow: 0 2px 8px rgba(0, 0, 0, .24);
}

html[data-theme="dark"] .training-title-link[b-ov9mom4nxj] {
    color: var(--kendo-color-primary, var(--aquip-primary));
}

html[data-theme="dark"] .training-title-link:hover[b-ov9mom4nxj] {
    color: var(--kendo-color-primary-hover, var(--aquip-primary-hover));
}

html[data-theme="dark"] .training-badge[b-ov9mom4nxj],
html[data-theme="dark"] .training-status[b-ov9mom4nxj],
html[data-theme="dark"] .training-card:has(.training-status.complete) .training-card-action[b-ov9mom4nxj] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-base-subtle, var(--aquip-surface));
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .training-badge.required[b-ov9mom4nxj],
html[data-theme="dark"] .training-gate-banner[b-ov9mom4nxj] {
    color: var(--kendo-color-warning-on-subtle, #ffd58a);
    background: var(--kendo-color-warning-subtle, #443318);
    border-color: var(--kendo-color-warning-emphasis, #b77700);
}

html[data-theme="dark"] .training-progress-track[b-ov9mom4nxj] {
    background: var(--kendo-color-app-surface, var(--aquip-surface));
}

html[data-theme="dark"] .training-card-footer[b-ov9mom4nxj] {
    border-color: var(--kendo-color-border, var(--aquip-border));
}

@media (min-width: 640px) {
    .training-card-grid[b-ov9mom4nxj] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 940px) {
    .training-card-grid[b-ov9mom4nxj] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 1240px) {
    .training-card-grid[b-ov9mom4nxj] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 639px) {
    .training-catalog[b-ov9mom4nxj] { padding: 12px 0 32px; }
    .training-summary[b-ov9mom4nxj] { align-items: start; flex-direction: column; }
}
/* /Pages/TrainingProgressPage.razor.rz.scp.css */
.training-progress-page[b-ttniuh4mkz] {
    width: 100%;
    height: 100%;
    max-width: 1400px;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 22px 6px 52px;
}

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

.training-progress-header a[b-ttniuh4mkz] {
    display: block;
    color: var(--kendo-color-primary, #1769aa);
    font-weight: 600;
    margin-bottom: 15px;
}

.training-progress-header span[b-ttniuh4mkz] {
    display: block;
    color: #66758a;
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.training-progress-header h2[b-ttniuh4mkz] {
    color: #17243a;
    font-size: 2rem;
    margin: 3px 0;
}

.training-progress-header p[b-ttniuh4mkz] {
    color: #68768b;
    margin: 0;
}

.training-progress-filters[b-ttniuh4mkz] {
    display: grid;
    grid-template-columns: minmax(260px, 2fr) repeat(2, minmax(180px, 1fr));
    gap: 14px;
    border: 1px solid #dce3ec;
    border-radius: 11px;
    background: #fff;
    margin-bottom: 18px;
    padding: 16px;
}

.training-progress-filters label[b-ttniuh4mkz] {
    display: grid;
    gap: 6px;
    color: #46556b;
    font-size: .82rem;
    font-weight: 600;
}

.training-progress-state[b-ttniuh4mkz] {
    min-height: 330px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.training-progress-summary[b-ttniuh4mkz] {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    color: #4f5e73;
    font-size: .84rem;
    margin: 0 0 10px;
}

.training-progress-summary span[b-ttniuh4mkz] {
    border-radius: 999px;
    background: #edf2f7;
    padding: 5px 10px;
}

.training-progress-table-wrap[b-ttniuh4mkz] {
    overflow-x: auto;
    border: 1px solid #dce3ec;
    border-radius: 11px;
    background: #fff;
}

.training-progress-table[b-ttniuh4mkz] {
    min-width: 1120px;
    margin: 0;
}

.training-progress-table th[b-ttniuh4mkz] {
    background: #f5f7fa;
    color: #4d5c72;
    font-size: .76rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.training-progress-table td[b-ttniuh4mkz] {
    color: #39485e;
    vertical-align: middle;
}

.training-progress-table td:first-child span[b-ttniuh4mkz],
.training-progress-table td:nth-child(3) span[b-ttniuh4mkz] {
    display: block;
    color: #718096;
    font-size: .78rem;
}

.training-progress-pill[b-ttniuh4mkz] {
    display: inline-flex;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 700;
    padding: 4px 8px;
}

.training-progress-pill.mandatory[b-ttniuh4mkz],
.training-progress-pill.failed[b-ttniuh4mkz] {
    background: #fff0d7;
    color: #785100;
}

.training-progress-pill.optional[b-ttniuh4mkz] {
    background: #e8efff;
    color: #315ea8;
}

.training-progress-pill.exempt[b-ttniuh4mkz] {
    background: #e7f6f3;
    color: #17655a;
}

.training-progress-pill.completed[b-ttniuh4mkz] {
    background: #e5f5eb;
    color: #17633f;
}

.training-progress-pill.in-progress[b-ttniuh4mkz] {
    background: #e8f2ff;
    color: #205d9c;
}

.training-progress-pill.not-started[b-ttniuh4mkz] {
    background: #edf0f4;
    color: #596678;
}

html[data-theme="dark"] .training-progress-page[b-ttniuh4mkz] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"] .training-progress-header h2[b-ttniuh4mkz] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"] .training-progress-header span[b-ttniuh4mkz],
html[data-theme="dark"] .training-progress-header p[b-ttniuh4mkz],
html[data-theme="dark"] .training-progress-summary[b-ttniuh4mkz],
html[data-theme="dark"] .training-progress-table td:first-child span[b-ttniuh4mkz],
html[data-theme="dark"] .training-progress-table td:nth-child(3) span[b-ttniuh4mkz] {
    color: var(--kendo-color-subtle, var(--aquip-text-muted));
}

html[data-theme="dark"] .training-progress-filters[b-ttniuh4mkz],
html[data-theme="dark"] .training-progress-table-wrap[b-ttniuh4mkz] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-surface-alt, var(--aquip-surface-raised));
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .training-progress-filters label[b-ttniuh4mkz] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"] .training-progress-filters .form-control[b-ttniuh4mkz],
html[data-theme="dark"] .training-progress-filters .form-select[b-ttniuh4mkz] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background-color: var(--kendo-color-surface, var(--aquip-surface));
    border-color: var(--kendo-color-border-alt, var(--aquip-border-strong));
}

html[data-theme="dark"] .training-progress-summary span[b-ttniuh4mkz] {
    background: var(--kendo-color-base-subtle, var(--aquip-surface));
}

html[data-theme="dark"] .training-progress-table[b-ttniuh4mkz] {
    --bs-table-bg: var(--kendo-color-surface-alt, var(--aquip-surface-raised));
    --bs-table-color: var(--kendo-color-on-app-surface, var(--aquip-text));
    --bs-table-border-color: var(--kendo-color-border, var(--aquip-border));
    --bs-table-hover-bg: var(--kendo-color-base-subtle-hover, var(--aquip-hover));
    --bs-table-hover-color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"] .training-progress-table th[b-ttniuh4mkz] {
    color: var(--kendo-color-subtle, var(--aquip-text-muted));
    background: var(--kendo-color-app-surface, var(--aquip-surface));
}

html[data-theme="dark"] .training-progress-table td[b-ttniuh4mkz] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
}

html[data-theme="dark"] .training-progress-table > :not(caption) > * > *[b-ttniuh4mkz] {
    border-color: var(--kendo-color-border, var(--aquip-border));
}

html[data-theme="dark"] .training-progress-pill.not-started[b-ttniuh4mkz],
html[data-theme="dark"] .training-progress-pill.optional[b-ttniuh4mkz],
html[data-theme="dark"] .training-progress-pill.exempt[b-ttniuh4mkz] {
    color: var(--kendo-color-on-app-surface, var(--aquip-text));
    background: var(--kendo-color-base-subtle, var(--aquip-surface));
}

html[data-theme="dark"] .training-progress-pill.mandatory[b-ttniuh4mkz],
html[data-theme="dark"] .training-progress-pill.failed[b-ttniuh4mkz] {
    color: var(--kendo-color-warning-on-subtle, #ffd58a);
    background: var(--kendo-color-warning-subtle, #443318);
}

html[data-theme="dark"] .training-progress-pill.completed[b-ttniuh4mkz] {
    color: var(--kendo-color-success-on-subtle, #a8e3bf);
    background: var(--kendo-color-success-subtle, #173c2a);
}

html[data-theme="dark"] .training-progress-pill.in-progress[b-ttniuh4mkz] {
    color: var(--kendo-color-info-on-subtle, #a9d1ff);
    background: var(--kendo-color-info-subtle, #17314d);
}

@media (max-width: 800px) {
    .training-progress-header[b-ttniuh4mkz] {
        align-items: start;
        flex-direction: column;
    }

    .training-progress-filters[b-ttniuh4mkz] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/UnifiedSearchPage.razor.rz.scp.css */
.ai-search-layout[b-lrf82mkii9] {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 24px;
    height: calc(100vh - 120px);
    width: 100%;
    padding: 16px;
}

/* ===== LEFT SIDEBAR ===== */
.search-sidebar[b-lrf82mkii9] {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    overflow-y: auto;
    height: 100%;
}

.sidebar-header[b-lrf82mkii9] {
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #e0e0e0;
}

.sidebar-title[b-lrf82mkii9] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

/* Search Box Section */
.search-box-section[b-lrf82mkii9] {
    margin-bottom: 24px;
}

.search-label[b-lrf82mkii9] {
    display: block;
    font-weight: 600;
    color: #555;
    margin-bottom: 8px;
    font-size: 14px;
}

.search-textarea[b-lrf82mkii9] {
    width: 100%;
    resize: vertical;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    padding: 12px;
    font-size: 14px;
    transition: border-color 0.3s;
}

.search-textarea:focus[b-lrf82mkii9] {
    border-color: #0078d4;
    outline: none;
}

.search-actions[b-lrf82mkii9] {
    margin-top: 12px;
}

/* Filters Section */
.filters-section[b-lrf82mkii9] {
    background: #f9f9f9;
    border-radius: 8px;
    padding: 16px;
}

.filter-header[b-lrf82mkii9] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: #333;
    margin-bottom: 16px;
    font-size: 16px;
}

.filter-group[b-lrf82mkii9] {
    margin-bottom: 16px;
}

.filter-group:last-child[b-lrf82mkii9] {
    margin-bottom: 0;
}

.filter-label[b-lrf82mkii9] {
    display: block;
    font-weight: 500;
    color: #666;
    margin-bottom: 8px;
    font-size: 13px;
}

.results-input[b-lrf82mkii9] {
    width: 100%;
}

.filter-hint[b-lrf82mkii9] {
    font-size: 11px;
    color: #999;
    margin: 6px 0 0 0;
    font-style: italic;
}

.filter-checkbox-group[b-lrf82mkii9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.related-data-radio[b-lrf82mkii9] {
    margin-top: 8px;
}

.related-data-radio .k-radio-item[b-lrf82mkii9] {
    padding: 8px 0;
}

.filter-checkbox-row[b-lrf82mkii9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    border-radius: 8px;
    background: var(--kendo-color-base, #ffffff);
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid var(--kendo-color-border, rgba(33, 37, 41, 0.13));
}

.filter-checkbox-row:hover[b-lrf82mkii9] {
    border-color: var(--kendo-color-primary, #212529);
    box-shadow: 0 2px 4px color-mix(in srgb, var(--kendo-color-primary, #212529) 10%, transparent);
}

.filter-row-selected[b-lrf82mkii9] {
    background: var(--kendo-color-primary-subtle, #f8f9fa);
    border-color: var(--kendo-color-primary, #212529);
}

.filter-row-selected .filter-row-label[b-lrf82mkii9] {
    color: var(--kendo-color-primary, #212529);
    font-weight: 500;
}

.filter-row-content[b-lrf82mkii9] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
}

.filter-row-label-wrapper[b-lrf82mkii9] {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    flex: 1;
}

.filter-row-label[b-lrf82mkii9] {
    font-size: 14px;
    color: var(--kendo-color-on-app-surface, #212529);
    font-weight: 400;
}

.filter-count-badge[b-lrf82mkii9] {
    font-size: 14px;
    font-weight: 600;
    color: var(--kendo-color-subtle, #596169);
    min-width: 30px;
    text-align: right;
}

.filter-row-selected .filter-count-badge[b-lrf82mkii9] {
    color: var(--kendo-color-primary, #212529);
}

/* ===== RIGHT CONTENT ===== */
.search-content[b-lrf82mkii9] {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 20px 20px 40px 20px;
    overflow-y: auto;
    height: 100%;
    display: block;
    width: 100%;
    min-width: 0;
}

/* Mobile-only bar that sits above the results and offers a quick way back to the
   search box / filters. Hidden on desktop where the filters are always visible in
   the left column. */
.mobile-results-bar[b-lrf82mkii9] {
    display: none;
}

/* Loading State */
.loading-state[b-lrf82mkii9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 16px;
}

.loading-text[b-lrf82mkii9] {
    font-size: 18px;
    color: #666;
    font-weight: 500;
}

/* Welcome State */
.welcome-state[b-lrf82mkii9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    color: #999;
}

.welcome-state h3[b-lrf82mkii9] {
    margin-top: 24px;
    font-size: 28px;
    color: #333;
}

.welcome-state p[b-lrf82mkii9] {
    font-size: 16px;
    max-width: 500px;
}

/* Empty State */
.empty-state[b-lrf82mkii9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    color: #999;
}

.empty-state h3[b-lrf82mkii9] {
    margin-top: 24px;
    font-size: 24px;
    color: #333;
}

.empty-state p[b-lrf82mkii9] {
    font-size: 16px;
}

/* Results Summary */
.results-summary[b-lrf82mkii9] {
    margin-bottom: 32px;
    padding-bottom: 16px;
    border-bottom: 2px solid #e0e0e0;
}

.results-summary h3[b-lrf82mkii9] {
    font-size: 28px;
    font-weight: 600;
    color: #333;
    margin: 0 0 8px 0;
}

.results-summary p[b-lrf82mkii9] {
    font-size: 16px;
    color: #666;
    margin: 0;
}

/* Results Section */
.results-section[b-lrf82mkii9] {
    margin-bottom: 48px;
}

.section-header[b-lrf82mkii9] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid #e0e0e0;
}

.section-header h4[b-lrf82mkii9] {
    font-size: 22px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

/* Image Grid */
.results-grid[b-lrf82mkii9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 18px;
    align-items: start;
    grid-auto-flow: dense; /* pack items tightly */
    width: 100%;
}

.result-card[b-lrf82mkii9] {
    position: relative;
    background: #fff;
    border-radius: 12px;
    overflow: visible;
    cursor: pointer;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    border: 1px solid transparent;
}

.result-card:hover[b-lrf82mkii9] {
    transform: translateY(-6px) scale(1.01);
    box-shadow: 0 12px 36px rgba(0,0,0,0.18);
    border-color: rgba(0,0,0,0.06);
}

/* Image Card */
.image-card .card-image[b-lrf82mkii9] {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10; /* wider landscape tiles for gallery feel */
    overflow: visible;
    background: linear-gradient(180deg,#f5f5f5,#ececec);
    border-radius: 12px 12px 0 0;
}

.image-card .card-image img[b-lrf82mkii9] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
    border-radius: 12px 12px 0 0;
}

.result-card:hover .card-image img[b-lrf82mkii9] {
    transform: scale(1.03);
}

/* Title overlay pinned to bottom of tile */
.card-content[b-lrf82mkii9] {
    padding: 12px 14px;
    margin-top: auto; /* ensure content sticks to bottom if image doesn't fill */
}

.card-title[b-lrf82mkii9] {
    font-size: 15px;
    font-weight: 700;
    color: #222;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* confidence badge as small pill */
.card-overlay[b-lrf82mkii9] {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
}

.confidence-badge[b-lrf82mkii9] {
    background: rgba(0, 120, 212, 0.95);
    color: white;
    padding: 6px 10px;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 700;
}

/* Document List */
.results-list[b-lrf82mkii9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 16px;
    width: 100%;
}

.doc-card[b-lrf82mkii9] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    min-height: 120px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

.doc-icon[b-lrf82mkii9] { color: #0078d4; }

/* Detail Dialog */
.image-details .k-window[b-lrf82mkii9] {
    width: 75%;
}

.detail-layout[b-lrf82mkii9] {
    display: grid;
    grid-template-columns: 1fr 480px;
    gap: 24px;
    height: 100%;
    overflow: hidden;
}

.detail-preview[b-lrf82mkii9] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    padding: 16px;
    background: #f9f9f9;
}

.preview-container[b-lrf82mkii9] {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    min-height: 200px;
}

.detail-preview img[b-lrf82mkii9] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.linked-item-badge[b-lrf82mkii9] {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    pointer-events: none;
    width: auto;
}

.file-icon-large[b-lrf82mkii9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: #999;
    width: 100%;
    height: 100%;
    position: relative;
}

.file-type-label[b-lrf82mkii9] {
    font-size: 20px;
    font-weight: 600;
    color: #666;
}

.detail-info[b-lrf82mkii9] {
    display: grid;
    grid-gap: 24px;
    grid-template-rows: auto 1fr auto;
    padding: 0 16px;
}

.quick-info[b-lrf82mkii9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
}

.collapsible-text[b-lrf82mkii9] {
    margin-bottom: 4px;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* limit to 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

    .collapsible-text.expanded[b-lrf82mkii9] {
        -webkit-line-clamp: unset;
        overflow: visible;
    }

.see-more-btn[b-lrf82mkii9] {
    background: none;
    border: none;
    padding: 0;
    color: #1976d2;
    cursor: pointer;
    font-size: 0.875rem;
}

    .see-more-btn:hover[b-lrf82mkii9] {
        text-decoration: underline;
    }

.detail-info h2[b-lrf82mkii9] {
    font-size: 20px;
    font-weight: 600;
    color: #333;
}

.detail-description[b-lrf82mkii9] {
    font-size: 16px;
    color: #666;
    margin-bottom: 24px;
}

.content-group[b-lrf82mkii9] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    overflow-y: auto;
}

.detail-metadata[b-lrf82mkii9], .related-section[b-lrf82mkii9] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background: #f9f9f9;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.detail-metadata-header[b-lrf82mkii9] {
    background: #ededed;
}

.detail-metadata-header[b-lrf82mkii9], .related-section-header[b-lrf82mkii9] {
/*    display: flex;
    align-items: center;
    gap: 12px;*/
    padding: 8px 12px;
    border-radius: 8px 8px 0 0;
}

.detail-metadata-header h3[b-lrf82mkii9] {
    font-size: 14px;
    color: #333;
    margin-bottom: 0;
}

.inline-text-group[b-lrf82mkii9] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.align-start-text-group[b-lrf82mkii9] {
    display: flex;
    align-items: start;
    gap: 12px;
}

.description-group[b-lrf82mkii9] {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 8px;
}

.linked-item-text[b-lrf82mkii9] {
    color: rgba(0, 120, 212, 0.95);
    margin-bottom: 0;
    letter-spacing: 0.25px;
}

.metadata-row[b-lrf82mkii9], .related-row[b-lrf82mkii9] {
    display: flex;
    gap: 12px;
    padding: 0 12px;
}

.metadata-row:last-child[b-lrf82mkii9] {
    padding-bottom: 12px;
}

.metadata-row:last-child[b-lrf82mkii9] {
    border-bottom: none;
}

.metadata-row strong[b-lrf82mkii9] {
    color: #555;
    font-weight: 600;
}

.metadata-row span[b-lrf82mkii9] {
    color: #333;
}

.related-section[b-lrf82mkii9] {
    background: #fff8e1;

    .related-section-header {
        background: #ffa726;
    }

        .related-section-header h3[b-lrf82mkii9] {
            font-size: 14px;
            color: #333;
            margin-bottom: 0;
        }

    .related-row:last-child[b-lrf82mkii9] {
        padding-bottom: 12px;
    }

    .related-item p[b-lrf82mkii9] {
        font-size: 14px;
        color: #555;
        margin: 6px 0;
    }

    .related-item strong[b-lrf82mkii9] {
        color: #333;
    }
}

/* Detail dialog actions */
.detail-actions[b-lrf82mkii9] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 24px;
}

/* Embedded Grid */
.embedded-grid[b-lrf82mkii9] {
    background: #f9f9f9;
    border-radius: 8px;
    padding: 16px;
    overflow: hidden;
}

/* ===== Responsive =====
   NOTE: these media queries were previously nested inside the .related-section
   rule, so with native CSS nesting they compiled to ".related-section ..." and
   never matched the top-level layout. They now live at the top level so the
   mobile/tablet layout actually applies. */

/* Tablet / narrow: stack the sidebar above the results and let the page scroll naturally */
@media (max-width: 1200px) {
    .ai-search-layout[b-lrf82mkii9] {
        grid-template-columns: 1fr; /* stack sidebar above content on narrow screens */
        height: auto;
        gap: 16px;
    }

    .search-sidebar[b-lrf82mkii9],
    .search-content[b-lrf82mkii9] {
        height: auto;
        max-height: none;
    }

    .search-content[b-lrf82mkii9] {
        padding: 16px;
    }

    /* When stacked, results render below the full filter panel. Offset the smooth
       auto-scroll target so the results heading is not tucked under the app's top
       bar, and surface the "back to filters" affordance. */
    .search-content[b-lrf82mkii9] {
        scroll-margin-top: 72px;
    }

    .mobile-results-bar[b-lrf82mkii9] {
        display: flex;
        justify-content: flex-start;
        margin: 0 0 12px 0;
        padding-bottom: 12px;
        border-bottom: 1px solid #e0e0e0;
    }

    .mobile-back-to-filters[b-lrf82mkii9] {
        width: 100%;
    }

    .detail-layout[b-lrf82mkii9] {
        grid-template-columns: 1fr;
        height: auto;
        overflow: visible;
    }

    .detail-info[b-lrf82mkii9] {
        padding: 0;
    }
}

/* Phone: tighten spacing, fit controls and result cards to the viewport width */
@media (max-width: 768px) {
    .ai-search-layout[b-lrf82mkii9] {
        padding: 8px;
        gap: 12px;
    }

    .search-sidebar[b-lrf82mkii9] {
        padding: 16px;
    }

    .filters-section[b-lrf82mkii9] {
        padding: 12px;
    }

    .sidebar-title[b-lrf82mkii9] {
        font-size: 20px;
    }

    .results-grid[b-lrf82mkii9] {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
        gap: 12px;
    }

    .results-list[b-lrf82mkii9] {
        grid-template-columns: 1fr; /* single-column document/csv cards on phones */
    }

    .image-card .card-image[b-lrf82mkii9] {
        aspect-ratio: 4 / 3;
    }

    .results-summary h3[b-lrf82mkii9],
    .welcome-state h3[b-lrf82mkii9] {
        font-size: 22px;
    }

    .section-header h4[b-lrf82mkii9] {
        font-size: 18px;
    }

    .detail-actions[b-lrf82mkii9] {
        flex-direction: column;
    }
}

/* Very narrow phones (<= ~430px): single-column image grid to avoid cramped tiles */
@media (max-width: 430px) {
    .results-grid[b-lrf82mkii9] {
        grid-template-columns: 1fr;
    }
}

/* /Pages/UserNotificationPage.razor.rz.scp.css */
.nc-page[b-mf4jjorxsk] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.nc-header[b-mf4jjorxsk] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 0 12px;
}

.nc-title[b-mf4jjorxsk] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #101828;
}

.nc-subtitle[b-mf4jjorxsk] {
    margin: 4px 0 0;
    font-size: 0.82rem;
    color: #6b7280;
}

.nc-metrics[b-mf4jjorxsk] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding-bottom: 12px;
}

.nc-pill[b-mf4jjorxsk] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 3px 10px;
    border: 1px solid transparent;
}

.nc-pill-blue[b-mf4jjorxsk] {
    background: #eef4ff;
    color: #1849a9;
    border-color: #cadbff;
}

.nc-pill-amber[b-mf4jjorxsk] {
    background: #fffaeb;
    color: #b54708;
    border-color: #fedf89;
}

.nc-pill-red[b-mf4jjorxsk] {
    background: #fff4f2;
    color: #b42318;
    border-color: #f5d0cc;
}

.nc-pill-green[b-mf4jjorxsk] {
    background: #ecfdf3;
    color: #067647;
    border-color: #abefc6;
}

/* Tabs */
.nc-tabs[b-mf4jjorxsk] {
    display: flex;
    gap: 0;
    border-bottom: 1px solid #e5e7eb;
}

.nc-tab[b-mf4jjorxsk] {
    flex: 0 0 auto;
    padding: 10px 20px;
    border: none;
    background: transparent;
    font-size: 0.875rem;
    font-weight: 600;
    color: #6b7280;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: color 0.15s, border-color 0.15s;
}

.nc-tab:hover[b-mf4jjorxsk] {
    color: #374151;
}

.nc-tab.active[b-mf4jjorxsk] {
    color: #101828;
    border-bottom-color: var(--kendo-color-primary, #151515);
}

.nc-tab-badge[b-mf4jjorxsk] {
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    font-size: 11px;
    line-height: 18px;
    font-weight: 700;
    text-align: center;
    color: #fff;
}

.nc-tab-badge-red[b-mf4jjorxsk] {
    background: #d92d20;
}

.nc-tab-badge-blue[b-mf4jjorxsk] {
    background: #155eef;
}

/* Panel */
.nc-panel[b-mf4jjorxsk] {
    min-height: 200px;
    padding-top: 12px;
}

/* Toolbar */
.nc-toolbar[b-mf4jjorxsk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
}

.nc-count[b-mf4jjorxsk] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #475467;
}

.nc-count-badge[b-mf4jjorxsk] {
    min-width: 22px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: #eff4ff;
    color: #1d4ed8;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    border: 1px solid #dbe6ff;
}

.nc-link-btn[b-mf4jjorxsk] {
    border: 0;
    background: transparent;
    cursor: pointer;
    padding: 0;
    font-size: 0.78rem;
    font-weight: 700;
    color: #155eef;
}

.nc-link-btn:hover[b-mf4jjorxsk] {
    color: #1849a9;
    text-decoration: underline;
}

/* Loading / Empty */
.nc-loading[b-mf4jjorxsk],
.nc-empty[b-mf4jjorxsk] {
    min-height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #6b7280;
    font-size: 0.88rem;
}

.nc-loading.compact[b-mf4jjorxsk],
.nc-empty.compact[b-mf4jjorxsk] {
    min-height: 80px;
}

/* Notification items - Inbox */
.nc-list[b-mf4jjorxsk] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.nc-item[b-mf4jjorxsk] {
    position: relative;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
    transition: background 0.15s;
}

.nc-item:hover[b-mf4jjorxsk] {
    background: #f8fafc;
}

.nc-item.unread[b-mf4jjorxsk] {
    border-left: 3px solid var(--kendo-color-primary, #151515);
    background: #f7f9fc;
}

.nc-item.severity-critical[b-mf4jjorxsk] {
    border-left-color: #d92d20;
}

.nc-item.severity-warning[b-mf4jjorxsk] {
    border-left-color: #dc6803;
}

.nc-item.severity-success[b-mf4jjorxsk] {
    border-left-color: #039855;
}

.nc-item-dismiss[b-mf4jjorxsk] {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 0;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #667085;
    cursor: pointer;
}

.nc-item-dismiss:hover[b-mf4jjorxsk] {
    background: #eef2f7;
    color: #101828;
}

.nc-item-main[b-mf4jjorxsk] {
    width: 100%;
    border: 0;
    background: transparent;
    padding: 10px 40px 10px 14px;
    text-align: left;
    cursor: pointer;
}

.nc-item-top[b-mf4jjorxsk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.nc-item-status[b-mf4jjorxsk] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.nc-item-status.status-pending[b-mf4jjorxsk],
.nc-item-status.status-running[b-mf4jjorxsk] {
    color: #0f5ea8;
}

.nc-item-status.status-success[b-mf4jjorxsk] {
    color: #1f7a1f;
}

.nc-item-status.status-failed[b-mf4jjorxsk] {
    color: #c0392b;
}

.nc-item-status.status-neutral[b-mf4jjorxsk] {
    color: #475467;
}

.nc-status-icon[b-mf4jjorxsk] {
    flex-shrink: 0;
}

.nc-item-date[b-mf4jjorxsk] {
    font-size: 0.75rem;
    color: #6b7280;
    white-space: nowrap;
}

.nc-item-title[b-mf4jjorxsk] {
    margin-top: 4px;
    font-size: 0.92rem;
    font-weight: 600;
    color: #101828;
}

.nc-item-subject[b-mf4jjorxsk] {
    margin-top: 3px;
    font-size: 0.82rem;
    font-weight: 600;
    color: #1f2937;
}

.nc-item-context[b-mf4jjorxsk] {
    margin-top: 3px;
    font-size: 0.76rem;
    color: #475467;
}

.nc-item-message[b-mf4jjorxsk] {
    margin-top: 3px;
    font-size: 0.82rem;
    color: #6b7280;
}

.nc-item-progress[b-mf4jjorxsk] {
    margin-top: 6px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 4px 8px;
}

.nc-progress-label[b-mf4jjorxsk] {
    grid-column: 1 / -1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.76rem;
    color: #475467;
}

.nc-progress-track[b-mf4jjorxsk] {
    width: 100%;
    height: 6px;
    border-radius: 999px;
    background: #e4e7ec;
    overflow: hidden;
}

.nc-progress-fill[b-mf4jjorxsk] {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #1570ef, #2e90fa);
}

.nc-progress-value[b-mf4jjorxsk] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #344054;
    white-space: nowrap;
}

.nc-item-actions[b-mf4jjorxsk] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 0 14px 8px;
    border-top: 1px solid #f3f4f6;
    padding-top: 6px;
}

.nc-unread-badge[b-mf4jjorxsk] {
    font-size: 0.7rem;
    font-weight: 700;
    color: #1849a9;
}

/* Pending Actions - category accordion */
.nc-category-list[b-mf4jjorxsk] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.nc-category[b-mf4jjorxsk] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
}

.nc-category-header[b-mf4jjorxsk] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border: none;
    background: #f9fafb;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 600;
    color: #1f2937;
    text-align: left;
    transition: background 0.15s;
}

.nc-category-header:hover[b-mf4jjorxsk] {
    background: #f3f4f6;
}

.nc-category-name[b-mf4jjorxsk] {
    flex: 1;
}

.nc-category-count[b-mf4jjorxsk] {
    min-width: 22px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: #155eef;
    color: #fff;
    font-size: 11px;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
}

.nc-category-items[b-mf4jjorxsk] {
    border-top: 1px solid #e5e7eb;
    max-height: 500px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.nc-work-item[b-mf4jjorxsk] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 14px;
    border: none;
    border-bottom: 1px solid #f3f4f6;
    background: #fff;
    cursor: pointer;
    text-align: left;
    transition: background 0.15s;
}

.nc-work-item:last-child[b-mf4jjorxsk] {
    border-bottom: none;
}

.nc-work-item:hover[b-mf4jjorxsk] {
    background: #f0f5ff;
}

.nc-work-item.urgency-critical[b-mf4jjorxsk] {
    border-left: 3px solid #d92d20;
}

.nc-work-item.urgency-warning[b-mf4jjorxsk] {
    border-left: 3px solid #dc6803;
}

.nc-work-item.urgency-normal[b-mf4jjorxsk] {
    border-left: 3px solid #1570ef;
}

.nc-work-item.urgency-fresh[b-mf4jjorxsk] {
    border-left: 3px solid #039855;
}

.nc-work-top[b-mf4jjorxsk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.nc-work-title[b-mf4jjorxsk] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1d2939;
}

.nc-urgency-chip[b-mf4jjorxsk] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 2px 8px;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid transparent;
    white-space: nowrap;
}

.nc-urgency-chip.urgency-critical[b-mf4jjorxsk] {
    background: #fff1f3;
    color: #b42318;
    border-color: #fecdca;
}

.nc-urgency-chip.urgency-warning[b-mf4jjorxsk] {
    background: #fffaeb;
    color: #b54708;
    border-color: #fedf89;
}

.nc-urgency-chip.urgency-normal[b-mf4jjorxsk] {
    background: #eff8ff;
    color: #175cd3;
    border-color: #b2ddff;
}

.nc-urgency-chip.urgency-fresh[b-mf4jjorxsk] {
    background: #ecfdf3;
    color: #067647;
    border-color: #abefc6;
}

.nc-work-meta[b-mf4jjorxsk] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 16px;
    font-size: 0.78rem;
    color: #475467;
}

.nc-work-meta strong[b-mf4jjorxsk] {
    color: #1d2939;
}

.nc-work-comment[b-mf4jjorxsk] {
    font-size: 0.78rem;
    color: #667085;
    border-left: 2px solid #d0d5dd;
    padding-left: 8px;
    margin-top: 2px;
}

/* Activity tab */
.nc-activity-section[b-mf4jjorxsk] {
    margin-bottom: 20px;
}

.nc-system-activity[b-mf4jjorxsk] {
    border-top: 1px solid #e5e7eb;
    padding-top: 16px;
}

.nc-activity-list[b-mf4jjorxsk] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.nc-activity-row[b-mf4jjorxsk] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 8px 12px;
    background: #fff;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
}

.nc-activity-date[b-mf4jjorxsk] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #475467;
    background: #f2f4f7;
    border-radius: 999px;
    padding: 2px 8px;
    white-space: nowrap;
}

.nc-activity-body[b-mf4jjorxsk] {
    min-width: 0;
}

.nc-activity-title[b-mf4jjorxsk] {
    font-size: 0.84rem;
    font-weight: 600;
    color: #1d2939;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nc-activity-sub[b-mf4jjorxsk] {
    margin-top: 2px;
    font-size: 0.76rem;
    color: #667085;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nc-activity-type[b-mf4jjorxsk] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 2px 8px;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid transparent;
}

.nc-activity-type.type-certificate[b-mf4jjorxsk] {
    background: #eff8ff;
    color: #175cd3;
    border-color: #b2ddff;
}

.nc-activity-type.type-punch[b-mf4jjorxsk] {
    background: #fff6ed;
    color: #c4320a;
    border-color: #ffd6ae;
}

.nc-activity-type.type-sheet[b-mf4jjorxsk] {
    background: #ecfdf3;
    color: #067647;
    border-color: #abefc6;
}

.nc-activity-type.type-default[b-mf4jjorxsk] {
    background: #f2f4f7;
    color: #344054;
    border-color: #d0d5dd;
}

/* Grid */
[b-mf4jjorxsk] .nc-grid .k-grid-table th {
    padding: 8px 6px;
    font-size: 0.78rem;
    background: #f8fafc;
}

[b-mf4jjorxsk] .nc-grid .k-grid-table td {
    padding: 8px 6px;
    font-size: 0.8rem;
}

[b-mf4jjorxsk] .nc-grid .k-pager-wrap {
    min-height: 38px;
}

/* Responsive */
@media (max-width: 768px) {
    .nc-header[b-mf4jjorxsk] {
        flex-direction: column;
        gap: 8px;
    }

    .nc-item-top[b-mf4jjorxsk] {
        flex-direction: column;
        align-items: flex-start;
    }

    .nc-work-top[b-mf4jjorxsk] {
        flex-direction: column;
        align-items: flex-start;
    }

    .nc-activity-row[b-mf4jjorxsk] {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .nc-activity-type[b-mf4jjorxsk] {
        justify-self: start;
    }

    .nc-item-progress[b-mf4jjorxsk] {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}

@media (max-width: 576px) {
    .nc-tab[b-mf4jjorxsk] {
        padding: 8px 12px;
        font-size: 0.82rem;
    }

    .nc-item-main[b-mf4jjorxsk] {
        padding: 8px 32px 8px 10px;
    }

    .nc-work-item[b-mf4jjorxsk] {
        padding: 8px 10px;
    }
}
/* /Pages/UserSettings/PreferencesAppearancePage.razor.rz.scp.css */
.appearance-page[b-ei121tevrn] {
    max-width: 920px;
}

.theme-choice-grid[b-ei121tevrn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(240px, 1fr));
    gap: 20px;
    margin-top: 24px;
}

.theme-choice[b-ei121tevrn] {
    appearance: none;
    padding: 0;
    overflow: hidden;
    border: 2px solid var(--aquip-border, rgba(33, 37, 41, 0.14));
    border-radius: 14px;
    color: var(--aquip-text, #212529);
    background: var(--aquip-surface, #ffffff);
    text-align: left;
    cursor: pointer;
    transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

.theme-choice:hover:not(:disabled)[b-ei121tevrn] {
    border-color: var(--kendo-color-primary);
    transform: translateY(-2px);
    box-shadow: 0 12px 26px var(--aquip-shadow-color, rgba(15, 23, 42, 0.16));
}

.theme-choice.selected[b-ei121tevrn] {
    border-color: var(--kendo-color-primary);
    box-shadow: 0 0 0 3px var(--aquip-focus-ring, rgba(33, 37, 41, 0.25));
}

.theme-choice:focus-visible[b-ei121tevrn] {
    outline: 3px solid var(--kendo-color-primary);
    outline-offset: 3px;
}

.theme-choice:disabled[b-ei121tevrn] {
    cursor: wait;
    opacity: 0.8;
}

.theme-preview[b-ei121tevrn] {
    display: grid;
    grid-template-columns: 28% 1fr;
    height: 180px;
    border-bottom: 1px solid var(--aquip-border, rgba(33, 37, 41, 0.14));
}

.light-preview[b-ei121tevrn] {
    background: #f6f7f9;
}

.light-preview .preview-sidebar[b-ei121tevrn] {
    background: #212529;
}

.light-preview .preview-heading[b-ei121tevrn],
.light-preview .preview-card[b-ei121tevrn] {
    background: #dfe3e8;
}

.light-preview .preview-card[b-ei121tevrn] {
    border-color: #c9cfd6;
    background: #ffffff;
}

.dark-preview[b-ei121tevrn] {
    background: #111315;
}

.dark-preview .preview-sidebar[b-ei121tevrn] {
    background: #0c0e10;
}

.dark-preview .preview-heading[b-ei121tevrn] {
    background: #4596ff;
}

.dark-preview .preview-card[b-ei121tevrn] {
    border-color: #3a3f46;
    background: #202328;
}

.preview-content[b-ei121tevrn] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 22px;
}

.preview-heading[b-ei121tevrn] {
    display: block;
    width: 46%;
    height: 10px;
    border-radius: 999px;
}

.preview-card[b-ei121tevrn] {
    display: block;
    height: 48px;
    border: 1px solid;
    border-radius: 7px;
}

.preview-card.short[b-ei121tevrn] {
    width: 72%;
}

.theme-choice-label[b-ei121tevrn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 16px 18px;
}

.theme-choice-label strong[b-ei121tevrn],
.theme-choice-label small[b-ei121tevrn] {
    display: block;
}

.theme-choice-label small[b-ei121tevrn] {
    margin-top: 4px;
    color: var(--aquip-text-muted, #596169);
}

.theme-choice-check[b-ei121tevrn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 1px solid var(--aquip-border-strong, rgba(33, 37, 41, 0.24));
    border-radius: 50%;
    color: transparent;
}

.theme-choice.selected .theme-choice-check[b-ei121tevrn] {
    border-color: var(--kendo-color-primary);
    color: var(--kendo-color-on-primary);
    background: var(--kendo-color-primary);
}

.appearance-status[b-ei121tevrn] {
    min-height: 24px;
    margin-top: 16px;
    color: var(--aquip-text-muted, #596169);
}

@media (max-width: 720px) {
    .theme-choice-grid[b-ei121tevrn] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/UserSettings/PreferencesQuickNavWheelPage.razor.rz.scp.css */
.ac-qnav-editor-layout[b-tpxzyn4sln] { display: grid; grid-template-columns: minmax(320px, 1.15fr) minmax(300px, .85fr); gap: clamp(1rem, 3vw, 2.5rem); align-items: start; }
.ac-qnav-preview-panel[b-tpxzyn4sln], .ac-qnav-config-panel[b-tpxzyn4sln] { border: 1px solid var(--kendo-color-border, rgba(0,0,0,.12)); border-radius: var(--kendo-border-radius-lg, .5rem); background: var(--kendo-color-surface, #fff); padding: clamp(1rem, 2.5vw, 1.5rem); }
.ac-qnav-preview-frame[b-tpxzyn4sln] { width: min(100%, 520px); aspect-ratio: 1; margin-inline: auto; padding: clamp(.25rem, 1vw, .75rem); }
.ac-qnav-config-panel[b-tpxzyn4sln] { position: sticky; top: 1rem; }
.ac-qnav-segment-heading[b-tpxzyn4sln] { display: flex; align-items: center; gap: .75rem; min-width: 0; }
.ac-qnav-segment-icon[b-tpxzyn4sln] { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; flex: 0 0 auto; border-radius: 50%; font-size: 1.25rem; background: color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 12%, transparent); }
.ac-qnav-segment-actions[b-tpxzyn4sln] { display: flex; flex-wrap: wrap; gap: .5rem; }
@media (max-width: 767.98px) {
    .ac-qnav-editor-layout[b-tpxzyn4sln] { grid-template-columns: 1fr; }
    .ac-qnav-preview-panel[b-tpxzyn4sln], .ac-qnav-config-panel[b-tpxzyn4sln] { padding: .875rem; }
    .ac-qnav-preview-frame[b-tpxzyn4sln] { width: min(100%, 430px); }
    .ac-qnav-config-panel[b-tpxzyn4sln] { position: static; }
    .ac-qnav-segment-actions[b-tpxzyn4sln]  .k-button { flex: 1 1 calc(50% - .5rem); min-height: 44px; }
}
/* /Pages/Walkdown/Forms/WalkdownFormPage.razor.rz.scp.css */
.form-container[b-ckh9wv8spm] {
    padding: 1rem;
    gap: 1.5rem;
}
.text-red[b-ckh9wv8spm] {
    color: red;
}
.form-label[b-ckh9wv8spm] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: bold;
    color: #333;
}

.form-input[b-ckh9wv8spm] {
    width: 100%;
    padding: 0.5rem;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.title-input[b-ckh9wv8spm] {
    width: 40%; 
}

.detail-input[b-ckh9wv8spm] {
    width: 80%; 
    height: 4rem;
}

.location-input[b-ckh9wv8spm] {
    width: 40%; 
}

.notification-switch[b-ckh9wv8spm] {
    margin-top: 0.5rem;
}

/* /Pages/WorkPackDigitalFormPage.razor.rz.scp.css */
.feature-disabled[b-un4qbhb34m], .tab-content-card[b-un4qbhb34m], .form-container[b-un4qbhb34m], .sidebar[b-un4qbhb34m] { background: white; padding: 20px; border: 1px solid #ddd; border-radius: 8px; }
.main-wrapper[b-un4qbhb34m] { display: flex; gap: 20px; align-items: flex-start; width: 100%; }
.jobcard-panel[b-un4qbhb34m] { flex: 1 1 auto; min-width: 0; }
.sidebar[b-un4qbhb34m] { flex: 0 0 36%; max-width: 36%; box-shadow: 0 2px 4px rgba(0,0,0,.05); }
.table-scroll[b-un4qbhb34m] { overflow-x: auto; }
.completion-header[b-un4qbhb34m] { margin-right: 50px; min-width: 300px; }
.detail-grid[b-un4qbhb34m] { display: grid; grid-template-columns: minmax(110px, auto) 1fr; gap: .65rem 1rem; }
.detail-grid dt[b-un4qbhb34m] { font-weight: 600; }
.detail-grid dd[b-un4qbhb34m] { margin: 0; }
.summary-chips[b-un4qbhb34m] { display: flex; flex-wrap: wrap; gap: .5rem; }
.signer-list[b-un4qbhb34m] { margin-top: .25rem; font-size: .8rem; color: #6c757d; }
.notes-readonly[b-un4qbhb34m] { min-height: 220px; }
@media (max-width: 1000px) { .main-wrapper[b-un4qbhb34m] { flex-direction: column; } .sidebar[b-un4qbhb34m] { flex: 1 1 100%; max-width: 100%; width: 100%; } .completion-header[b-un4qbhb34m] { margin-right: 0; min-width: 240px; } }

.cs-predecessor-diagram[b-un4qbhb34m] { height: 72vh; padding: 0; overflow: hidden; }

/* Subtle, non-blocking load indicator for the near-instant common case. */
.cs-inline-loader[b-un4qbhb34m] { padding: .75rem .25rem; opacity: .55; }

/* Keep the wrapper layout-neutral. It exists only as a safe CSS-isolation anchor
   for Telerik-generated descendants owned by this page. */
.workpack-digital-form[b-un4qbhb34m] { display: contents; }

/* WorkPackDigitalForm dark theme. These selectors are deliberately page-scoped;
   the existing light rules above remain byte-for-byte authoritative. */
html[data-theme="dark"] .feature-disabled[b-un4qbhb34m],
html[data-theme="dark"] .tab-content-card[b-un4qbhb34m],
html[data-theme="dark"] .form-container[b-un4qbhb34m],
html[data-theme="dark"] .sidebar[b-un4qbhb34m] {
    color: var(--aquip-text);
    background: var(--aquip-surface);
    border-color: var(--aquip-border);
}

html[data-theme="dark"] .sidebar[b-un4qbhb34m] {
    box-shadow: 0 2px 8px var(--aquip-shadow-color);
}

html[data-theme="dark"] .detail-grid dt[b-un4qbhb34m],
html[data-theme="dark"] .detail-grid dd[b-un4qbhb34m],
html[data-theme="dark"] .notes-readonly[b-un4qbhb34m] {
    color: var(--aquip-text);
}

html[data-theme="dark"] .signer-list[b-un4qbhb34m] {
    color: var(--aquip-text-muted);
}

html[data-theme="dark"] .cs-table[b-un4qbhb34m] {
    color: var(--aquip-text);
    background: var(--aquip-surface);
}

html[data-theme="dark"] .cs-table th[b-un4qbhb34m] {
    color: var(--aquip-text);
    background: var(--aquip-surface-raised);
    border-color: var(--aquip-border-strong);
}

html[data-theme="dark"] .cs-table td[b-un4qbhb34m] {
    color: var(--aquip-text);
    border-color: var(--aquip-border);
}

html[data-theme="dark"] .cs-table2 tbody > tr:nth-child(odd)[b-un4qbhb34m] {
    background: var(--aquip-surface-raised);
}

html[data-theme="dark"] .cs-table2 tbody > tr:nth-child(even)[b-un4qbhb34m] {
    background: var(--aquip-surface);
}

html[data-theme="dark"] .badge[b-un4qbhb34m] {
    border: 1px solid transparent;
    border-radius: 999px;
    padding: .3em .65em;
    font-weight: 600;
}

html[data-theme="dark"] .badge-success[b-un4qbhb34m] {
    color: var(--kendo-color-success-on-subtle);
    background: var(--kendo-color-success-subtle);
    border-color: color-mix(in srgb, var(--kendo-color-success) 40%, transparent);
}

html[data-theme="dark"] .badge-info[b-un4qbhb34m] {
    color: var(--kendo-color-info-on-subtle);
    background: var(--kendo-color-info-subtle);
    border-color: color-mix(in srgb, var(--kendo-color-info) 40%, transparent);
}

html[data-theme="dark"] .badge-warning[b-un4qbhb34m],
html[data-theme="dark"] .workpack-status-incomplete[b-un4qbhb34m] {
    color: var(--kendo-color-warning-on-subtle);
    background: var(--kendo-color-warning-subtle);
    border-color: color-mix(in srgb, var(--kendo-color-warning) 40%, transparent);
}

html[data-theme="dark"] .badge-danger[b-un4qbhb34m] {
    color: var(--kendo-color-error-on-subtle);
    background: var(--kendo-color-error-subtle);
    border-color: color-mix(in srgb, var(--kendo-color-error) 40%, transparent);
}

html[data-theme="dark"] .badge-secondary[b-un4qbhb34m] {
    color: var(--aquip-text);
    background: var(--aquip-surface-sunken);
    border-color: var(--aquip-border-strong);
}

html[data-theme="dark"] .workpack-digital-form[b-un4qbhb34m]  .cs-table .k-button {
    color: var(--aquip-text);
    background: var(--aquip-surface-raised);
    border-color: var(--aquip-border-strong);
}

html[data-theme="dark"] .workpack-digital-form[b-un4qbhb34m]  .cs-table .k-button:hover {
    background: var(--aquip-hover);
}

html[data-theme="dark"] .workpack-digital-form[b-un4qbhb34m]  .cs-detailTab > .k-tabstrip-items-wrapper {
    border-color: var(--aquip-border);
}

html[data-theme="dark"] .workpack-digital-form[b-un4qbhb34m]  .cs-detailTab > .k-tabstrip-items-wrapper .k-item {
    color: var(--aquip-text-muted) !important;
    background: transparent !important;
    border-color: transparent !important;
}

html[data-theme="dark"] .workpack-digital-form[b-un4qbhb34m]  .cs-detailTab > .k-tabstrip-items-wrapper .k-item .k-link {
    color: var(--aquip-text-muted) !important;
}

html[data-theme="dark"] .workpack-digital-form[b-un4qbhb34m]  .cs-detailTab > .k-tabstrip-items-wrapper .k-item.k-active {
    color: var(--aquip-text) !important;
    background: var(--aquip-surface) !important;
    border-color: var(--aquip-border-strong) !important;
}

html[data-theme="dark"] .workpack-digital-form[b-un4qbhb34m]  .cs-detailTab > .k-tabstrip-items-wrapper .k-item.k-active .k-link {
    color: var(--aquip-text) !important;
}

html[data-theme="dark"] .workpack-digital-form[b-un4qbhb34m]  .k-tabstrip-content,
html[data-theme="dark"] .workpack-digital-form[b-un4qbhb34m]  .k-tabstrip > .k-content {
    color: var(--aquip-text);
    /* Telerik applies the active content background inline on this component. */
    background: var(--aquip-canvas) !important;
    border-color: var(--aquip-border);
}

html[data-theme="dark"] .sidebar[b-un4qbhb34m]  .k-input-solid {
    color: var(--aquip-text);
    background: var(--aquip-surface-raised);
    border-color: var(--aquip-border-strong);
}

html[data-theme="dark"] .tab-content-card[b-un4qbhb34m]  .k-editor,
html[data-theme="dark"] .tab-content-card[b-un4qbhb34m]  .k-editor-content,
html[data-theme="dark"] .tab-content-card[b-un4qbhb34m]  .ProseMirror {
    color: var(--aquip-text);
    background: var(--aquip-surface-raised);
    border-color: var(--aquip-border);
}

html[data-theme="dark"] .tab-content-card[b-un4qbhb34m]  .k-editor-toolbar {
    color: var(--aquip-text);
    background: var(--aquip-surface-raised);
    border-color: var(--aquip-border);
}

html[data-theme="dark"] .tab-content-card[b-un4qbhb34m]  .k-editor-toolbar .k-button,
html[data-theme="dark"] .tab-content-card[b-un4qbhb34m]  .k-editor-toolbar .k-dropdownlist {
    color: var(--aquip-text);
    background: var(--aquip-surface);
    border-color: var(--aquip-border-strong);
}

html[data-theme="dark"] .tab-content-card[b-un4qbhb34m]  .k-editor-toolbar .k-button:hover {
    background: var(--aquip-hover);
}