/* /Components/Admin/AdminBillingTab.razor.rz.scp.css */
/* Status card */
.status-card[b-ycpca0m1g3] {
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 32px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.status-row[b-ycpca0m1g3] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.status-label[b-ycpca0m1g3] {
    font-size: var(--text-2xs);
    font-weight: 500;
    color: var(--fg-subtle);
    
    
    font-family: var(--font-mono);
    min-width: 120px;
}

.status-value[b-ycpca0m1g3] {
    font-size: var(--text-sm);
    color: var(--fg-default);
}

.mono[b-ycpca0m1g3] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
}

/* Plan badge */
.plan-badge[b-ycpca0m1g3] {
    padding: 3px 12px;
    border-radius: 20px;
    font-size: var(--text-xs);
    font-weight: 500;
    font-family: var(--font-mono);
}

.plan-badge.starter[b-ycpca0m1g3] {
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.3);
    color: var(--success-fg);
}

.plan-badge.professional[b-ycpca0m1g3] {
    background: rgba(59, 130, 246, 0.12);
    border: 1px solid rgba(59, 130, 246, 0.3);
    color: var(--accent-fg);
}

.plan-badge.enterprise[b-ycpca0m1g3] {
    background: rgba(168, 85, 247, 0.12);
    border: 1px solid rgba(168, 85, 247, 0.3);
    color: var(--done-fg);
}

/* Status badge */
.status-badge[b-ycpca0m1g3] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--fg-default);
}

.status-badge.trialling[b-ycpca0m1g3] { color: var(--attention-fg); }
.status-badge.active[b-ycpca0m1g3] { color: var(--success-fg); }
.status-badge.pastdue[b-ycpca0m1g3] { color: var(--danger-fg); }
.status-badge.cancelled[b-ycpca0m1g3] { color: var(--fg-subtle); }

.days-badge[b-ycpca0m1g3] {
    padding: 2px 8px;
    border-radius: 20px;
    font-size: var(--text-10);
    font-weight: 500;
    font-family: var(--font-mono);
    background: rgba(245, 158, 11, 0.12);
    border: 1px solid rgba(245, 158, 11, 0.3);
    color: var(--attention-fg);
}

/* Subscribe CTA */
.subscribe-cta[b-ycpca0m1g3] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--border-default);
}

.subscribe-btn[b-ycpca0m1g3] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    border-radius: 10px;
    background: var(--accent-fg);
    border: none;
    color: white;
    font-size: var(--text-sm);
    font-weight: 500;
    
    cursor: pointer;
    transition: all 0.15s;
    
    text-decoration: none;
    white-space: nowrap;
}

.subscribe-btn:hover[b-ycpca0m1g3] {
    
    
}

.subscribe-hint[b-ycpca0m1g3] {
    font-size: var(--text-2xs);
    color: var(--fg-subtle);
}

.manage-btn[b-ycpca0m1g3] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid var(--border-default);
    background: var(--canvas-subtle);
    color: var(--fg-muted);
    font-size: var(--text-xs);
    font-weight: 500;
    
    cursor: pointer;
    transition: all 0.15s;
}

.manage-btn:hover[b-ycpca0m1g3] {
    border-color: var(--accent-fg);
    color: var(--accent-fg);
    background: rgba(59, 130, 246, 0.06);
}

/* Tiers */
.tiers-header[b-ycpca0m1g3] {
    font-size: var(--text-lg);
    font-weight: 500;
    color: var(--fg-default);
    margin-bottom: 16px;
}

.tier-grid[b-ycpca0m1g3] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

@media (max-width: 900px) {
    .tier-grid[b-ycpca0m1g3] { grid-template-columns: 1fr; }
}

.tier-card[b-ycpca0m1g3] {
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    transition: all 0.2s;
    position: relative;
}

.tier-card:hover[b-ycpca0m1g3] {
    border-color: rgba(59, 130, 246, 0.3);
    
}

.tier-card.current[b-ycpca0m1g3] {
    border-color: var(--accent-fg);
    
}

.current-tag[b-ycpca0m1g3] {
    position: absolute;
    top: -10px;
    right: 16px;
    padding: 2px 10px;
    border-radius: 20px;
    background: var(--accent-fg);
    color: white;
    font-size: var(--text-10);
    font-weight: 500;
    font-family: var(--font-mono);
}

.tier-name[b-ycpca0m1g3] {
    font-size: var(--text-xl);
    font-weight: 500;
    color: var(--fg-default);
}

.tier-limits[b-ycpca0m1g3] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

.tier-limit[b-ycpca0m1g3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.limit-value[b-ycpca0m1g3] {
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--fg-default);
    font-family: var(--font-mono);
}

.limit-label[b-ycpca0m1g3] {
    font-size: var(--text-xs);
    color: var(--fg-subtle);
}

.tier-action[b-ycpca0m1g3] {
    border-top: 1px solid var(--border-default);
    padding-top: 16px;
}

.current-plan-label[b-ycpca0m1g3] {
    text-align: center;
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--fg-subtle);
    padding: 8px;
}
/* /Components/Admin/AdminBusinessTab.razor.rz.scp.css */
/* Detail rows */
.biz-detail-row[b-31ejqmjggq] {
    display: flex;
    align-items: baseline;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid var(--border-default);
}

.biz-detail-row:last-child[b-31ejqmjggq] {
    border-bottom: none;
}

.biz-detail-label[b-31ejqmjggq] {
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--fg-subtle);
    
    
    font-family: var(--font-mono);
    min-width: 160px;
    flex-shrink: 0;
}

.biz-detail-value[b-31ejqmjggq] {
    font-size: var(--text-md);
    color: var(--fg-default);
}

/* The size picker (.size-picker/.size-option) moved to global admin.css so the
   routed Business edit page can share it. */
/* /Components/Admin/AdminTeamsTab.razor.rz.scp.css */
/* Team cards */
.team-card[b-pvfad7qhmb] {
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    padding: 20px 18px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: all 0.2s;
}

.team-card:hover[b-pvfad7qhmb] {
    border-color: rgba(6, 182, 212, 0.3);
    
}

.team-card-header[b-pvfad7qhmb] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.team-card-icon[b-pvfad7qhmb] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(6, 182, 212, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.team-card-info[b-pvfad7qhmb] { flex: 1; min-width: 0; }
.team-card-name[b-pvfad7qhmb] { font-size: var(--text-md); font-weight: 500; color: var(--fg-default); }
.team-card-desc[b-pvfad7qhmb] { font-size: var(--text-2xs); color: var(--fg-muted); line-height: 1.5; margin-top: 2px; }

.team-card-menu[b-pvfad7qhmb] {
    border: none;
    background: none;
    color: var(--fg-subtle);
    cursor: pointer;
    padding: 4px;
    border-radius: 6px;
    transition: all 0.15s;
    opacity: 0;
}

.team-card:hover .team-card-menu[b-pvfad7qhmb] { opacity: 1; }
.team-card-menu:hover[b-pvfad7qhmb] { background: rgba(239, 68, 68, 0.12); color: var(--danger-fg); }

.team-card-members[b-pvfad7qhmb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.team-card-member-label[b-pvfad7qhmb] {
    font-size: var(--text-xs);
    color: var(--fg-subtle);
    font-family: var(--font-mono);
}

.team-member-avatars[b-pvfad7qhmb] { display: flex; gap: 0; }

.mini-avatar[b-pvfad7qhmb] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--accent-fg);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-3xs);
    font-weight: 500;
    font-family: var(--font-mono);
    margin-left: -6px;
    border: 2px solid var(--canvas-default);
}

.mini-avatar:first-child[b-pvfad7qhmb] { margin-left: 0; }
.mini-avatar.overflow[b-pvfad7qhmb] { background: var(--canvas-inset); color: var(--fg-subtle); border-color: var(--canvas-default); }

.team-card-actions[b-pvfad7qhmb] { border-top: 1px solid var(--border-default); padding-top: 12px; }

.team-manage-btn[b-pvfad7qhmb] {
    width: 100%;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid var(--border-default);
    background: var(--canvas-subtle);
    color: var(--fg-muted);
    font-size: var(--text-xs);
    font-weight: 500;
    
    cursor: pointer;
    transition: all 0.15s;
}

.team-manage-btn:hover[b-pvfad7qhmb] {
    border-color: var(--accent-fg);
    color: var(--accent-fg);
    background: rgba(59, 130, 246, 0.06);
}
/* /Components/Auth/AuthField.razor.rz.scp.css */
.field[b-i8ns41c10d] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.field-label[b-i8ns41c10d] {
    font-size: var(--text-2xs);
    font-weight: 500;
    color: var(--fg-subtle);
    
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.field-hint[b-i8ns41c10d] {
    font-size: var(--text-10);
    color: var(--accent-fg);
    cursor: pointer;
    text-transform: none;
    letter-spacing: 0;
}

.field-input-wrap[b-i8ns41c10d] {
    position: relative;
}

.field-input[b-i8ns41c10d] {
    width: 100%;
    padding: 11px 14px;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-muted);
    border-radius: 9px;
    color: var(--fg-default);
    
    font-size: var(--text-sm);
    outline: none;
    transition: all 0.15s;
    appearance: none;
}

.field-input[b-i8ns41c10d]::placeholder {
    color: var(--fg-subtle);
}

.field-input:focus[b-i8ns41c10d] {
    border-color: rgba(59,130,246,0.4);
    
    background: var(--canvas-inset);
}

.field-input.error[b-i8ns41c10d] {
    border-color: rgba(244,63,94,0.4);
    
}

.field-icon[b-i8ns41c10d] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--fg-subtle);
    font-size: var(--text-md);
    cursor: pointer;
    transition: color 0.15s;
}

.field-icon:hover[b-i8ns41c10d] {
    color: var(--fg-muted);
}

.field-error[b-i8ns41c10d] {
    font-size: var(--text-2xs);
    color: var(--danger-fg);
    display: flex;
    align-items: center;
    gap: 4px;
}

.field-success[b-i8ns41c10d] {
    font-size: var(--text-2xs);
    color: var(--success-fg, #10b981);
    display: flex;
    align-items: center;
    gap: 4px;
    animation: fieldSuccessIn-b-i8ns41c10d 0.18s ease both;
}

@keyframes fieldSuccessIn-b-i8ns41c10d {
    from { opacity: 0; transform: translateY(-2px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* /Components/Auth/AuthTabs.razor.rz.scp.css */
.auth-tabs[b-yqc36cbg36] {
    display: flex;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    border-radius: 10px;
    padding: 4px;
    margin-bottom: 32px;
}

.auth-tab[b-yqc36cbg36] {
    flex: 1;
    padding: 8px;
    text-align: center;
    border-radius: 7px;
    font-size: var(--text-sm);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    color: var(--fg-subtle);
    border: 1px solid transparent;
}

.auth-tab.active[b-yqc36cbg36] {
    background: var(--canvas-inset);
    color: var(--fg-default);
    border-color: var(--border-muted);
    
}

.auth-tab:hover:not(.active)[b-yqc36cbg36] {
    color: var(--fg-muted);
}
/* /Components/Auth/BrandPanel.razor.rz.scp.css */
.brand-panel[b-4nkk8tq4al] {
    width: 420px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px 44px;
    border-right: 1px solid var(--border-default);
    position: relative;
    overflow: hidden;
    background: var(--canvas-subtle);
}

.brand-logo[b-4nkk8tq4al] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 48px;
}

.brand-logo-mark[b-4nkk8tq4al] {
    width: 36px;
    height: 36px;
    background: var(--accent-fg);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-xl);
    position: relative;
}

.brand-logo-name[b-4nkk8tq4al] {
    font-size: var(--text-2xl);
    font-weight: 500;
}

.brand-headline[b-4nkk8tq4al] {
    font-size: var(--text-6xl);
    font-weight: 500;
    line-height: 1.2;
    color: var(--fg-default);
    margin-bottom: 20px;
}

.brand-headline em[b-4nkk8tq4al] {
    font-style: normal;
    color: var(--fg-muted);
}

.brand-desc[b-4nkk8tq4al] {
    font-size: var(--text-md);
    color: var(--fg-muted);
    line-height: 1.6;
    margin-bottom: 36px;
}

.brand-panel[b-4nkk8tq4al]  .brand-features {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.brand-panel[b-4nkk8tq4al]  .brand-feature {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    animation: fadeUp 0.5s ease both;
}

.brand-panel[b-4nkk8tq4al]  .brand-feature:nth-child(2) { animation-delay: 0.1s; }
.brand-panel[b-4nkk8tq4al]  .brand-feature:nth-child(3) { animation-delay: 0.2s; }
.brand-panel[b-4nkk8tq4al]  .brand-feature:nth-child(4) { animation-delay: 0.3s; }

.brand-panel[b-4nkk8tq4al]  .bf-icon {
    width: 28px;
    height: 28px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-md);
    flex-shrink: 0;
}

.brand-panel[b-4nkk8tq4al]  .bf-title {
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--fg-default);
    margin-bottom: 1px;
}

.brand-panel[b-4nkk8tq4al]  .bf-sub {
    font-size: var(--text-2xs);
    color: var(--fg-subtle);
}

.brand-behaviours[b-4nkk8tq4al] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.bb[b-4nkk8tq4al] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 4px 9px;
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-pill);
    font-size: var(--text-10);
    color: var(--fg-subtle);
    font-family: var(--font-mono);
}

.bb-dot[b-4nkk8tq4al] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.brand-tagline[b-4nkk8tq4al] {
    font-size: var(--text-2xs);
    color: var(--fg-subtle);
    font-family: var(--font-mono);
    border-top: 1px solid var(--border-default);
    padding-top: 20px;
    line-height: 1.6;
}

.brand-tagline strong[b-4nkk8tq4al] {
    color: var(--fg-muted);
}
/* /Components/Auth/InviteBadge.razor.rz.scp.css */
.invite-badge[b-nai9vy1127] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    background: rgba(37,99,235,0.06);
    border: 1px solid rgba(37,99,235,0.2);
    border-radius: 9px;
    margin-bottom: 20px;
}

.invite-badge-icon[b-nai9vy1127] {
    font-size: var(--text-2xl);
}

.invite-badge-title[b-nai9vy1127] {
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--fg-default);
    margin-bottom: 1px;
}

.invite-badge-sub[b-nai9vy1127] {
    font-size: var(--text-2xs);
    color: var(--fg-subtle);
}
/* /Components/Dialogs/ComingSoonDialog.razor.rz.scp.css */
.cs-overlay[b-bvlxd3qyer] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9000;
    animation: cs-fade-in-b-bvlxd3qyer 0.2s ease;
}

.cs-dialog[b-bvlxd3qyer] {
    background: var(--canvas-default);
    border: 1px solid var(--border-muted);
    border-radius: 16px;
    padding: 40px 36px 32px;
    text-align: center;
    max-width: 360px;
    width: 90%;
    animation: cs-slide-up-b-bvlxd3qyer 0.25s ease;
}

.cs-icon[b-bvlxd3qyer] {
    font-size: var(--text-7xl);
    margin-bottom: 16px;
}

.cs-title[b-bvlxd3qyer] {
    font-size: var(--text-2xl);
    font-weight: 500;
    color: var(--fg-default);
    margin-bottom: 6px;
}

.cs-feature[b-bvlxd3qyer] {
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--accent-fg);
    
    
    margin-bottom: 12px;
}

.cs-desc[b-bvlxd3qyer] {
    font-size: var(--text-sm);
    color: var(--fg-muted);
    line-height: 1.5;
    margin-bottom: 24px;
}

.cs-btn[b-bvlxd3qyer] {
    background: var(--accent-fg);
    color: var(--fg-on-emphasis);
    border: none;
    border-radius: 8px;
    padding: 10px 32px;
    font-family: inherit;
    font-size: var(--text-sm);
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s;
}

.cs-btn:hover[b-bvlxd3qyer] {
    background: var(--accent-fg);
}

@keyframes cs-fade-in-b-bvlxd3qyer {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes cs-slide-up-b-bvlxd3qyer {
    from { opacity: 0; transform: translateY(12px) scale(0.97); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
/* /Components/Dialogs/RequestInstanceDialog.razor.rz.scp.css */
.ri-overlay[b-ikbmv8fdbz] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9000;
    animation: ri-fade-in-b-ikbmv8fdbz 0.2s ease;
}

.ri-dialog[b-ikbmv8fdbz] {
    background: var(--canvas-default);
    border: 1px solid var(--border-muted);
    border-radius: 16px;
    padding: 32px;
    max-width: 440px;
    width: 90%;
    animation: ri-slide-up-b-ikbmv8fdbz 0.25s ease;
}

.ri-header[b-ikbmv8fdbz] {
    margin-bottom: 24px;
}

.ri-title[b-ikbmv8fdbz] {
    font-size: var(--text-xl);
    font-weight: 500;
    color: var(--fg-default);
    margin-bottom: 4px;
}

.ri-subtitle[b-ikbmv8fdbz] {
    font-size: var(--text-sm);
    color: var(--fg-muted);
}

.ri-field[b-ikbmv8fdbz] {
    margin-bottom: 16px;
}

.ri-label[b-ikbmv8fdbz] {
    display: block;
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--fg-muted);
    
    
    margin-bottom: 6px;
}

.ri-optional[b-ikbmv8fdbz] {
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    color: var(--fg-subtle);
}

.ri-select[b-ikbmv8fdbz],
.ri-input[b-ikbmv8fdbz],
.ri-textarea[b-ikbmv8fdbz] {
    width: 100%;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-muted);
    border-radius: 8px;
    padding: 10px 12px;
    font-family: inherit;
    font-size: var(--text-sm);
    color: var(--fg-default);
    outline: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

.ri-select:focus[b-ikbmv8fdbz],
.ri-input:focus[b-ikbmv8fdbz],
.ri-textarea:focus[b-ikbmv8fdbz] {
    border-color: var(--accent-fg);
}

.ri-textarea[b-ikbmv8fdbz] {
    resize: vertical;
    min-height: 60px;
}

.ri-error[b-ikbmv8fdbz] {
    font-size: var(--text-xs);
    color: var(--danger-fg);
    margin-bottom: 12px;
    padding: 8px 12px;
    background: rgba(239, 68, 68, 0.08);
    border-radius: 6px;
}

.ri-actions[b-ikbmv8fdbz] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 24px;
}

.ri-btn[b-ikbmv8fdbz] {
    border: none;
    border-radius: 8px;
    padding: 10px 24px;
    font-family: inherit;
    font-size: var(--text-sm);
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s, opacity 0.15s;
    display: flex;
    align-items: center;
    gap: 8px;
}

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

.ri-btn-cancel[b-ikbmv8fdbz] {
    background: transparent;
    color: var(--fg-muted);
    border: 1px solid var(--border-muted);
}

.ri-btn-cancel:hover:not(:disabled)[b-ikbmv8fdbz] {
    background: var(--canvas-subtle);
}

.ri-btn-submit[b-ikbmv8fdbz] {
    background: var(--accent-fg);
    color: var(--fg-on-emphasis);
}

.ri-btn-submit:hover:not(:disabled)[b-ikbmv8fdbz] {
    background: var(--accent-fg);
}

@keyframes ri-fade-in-b-ikbmv8fdbz {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes ri-slide-up-b-ikbmv8fdbz {
    from { opacity: 0; transform: translateY(12px) scale(0.97); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
/* /Components/Features/AgentActivityDashboard.razor.rz.scp.css */
/* Component-private styling for the live agent-activity dashboard. Page chrome
   (header, section headers, spinners) comes from the shared components
   (<PageHeader>, <PageSection>, <LoadingPanel>); only the bespoke live-pulse,
   metric tiles and expandable run/step cards live here. */

/* Live indicator in the header subtitle */
.aed-live[b-95mzp7xmk3] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    font-size: var(--text-xs);
    color: var(--fg-subtle);
}
.aed-live-sep[b-95mzp7xmk3] { color: var(--border-muted); }
.aed-live-dot[b-95mzp7xmk3] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--accent-fg);
    animation: aed-pulse-b-95mzp7xmk3 1.6s ease-in-out infinite;
}

/* Zone 1: header metric tiles */
.aed-tiles[b-95mzp7xmk3] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 24px;
}
.aed-tile[b-95mzp7xmk3] {
    padding: 14px 16px;
    border: 1px solid var(--border-default);
    border-radius: 10px;
    background: var(--canvas-default);
    min-height: 84px;
}
.aed-tile-clickable[b-95mzp7xmk3] { cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease; }
.aed-tile-clickable:hover[b-95mzp7xmk3] { background: var(--canvas-subtle); }
.aed-tile-label[b-95mzp7xmk3] {
    font-size: var(--text-2xs);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--fg-subtle);
    margin-bottom: 6px;
}
.aed-tile-value[b-95mzp7xmk3] { font-size: var(--text-5xl); font-weight: 600; color: var(--fg-default); line-height: 1.1; }
.aed-tile-sub[b-95mzp7xmk3] { font-size: var(--text-xs); color: var(--fg-muted); margin-top: 4px; }
.aed-tile-pulse[b-95mzp7xmk3] { border-color: var(--accent-fg); box-shadow: 0 0 0 1px var(--accent-fg) inset; }
.aed-tile-pulse .aed-tile-value[b-95mzp7xmk3] { color: var(--accent-fg); animation: aed-pulse-b-95mzp7xmk3 1.6s ease-in-out infinite; }

@keyframes aed-pulse-b-95mzp7xmk3 {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.55; }
}

/* Count badge in the "Active runs" <PageSection> header slot */
.aed-count[b-95mzp7xmk3] {
    background: var(--canvas-inset);
    color: var(--fg-muted);
    padding: 2px 8px;
    border-radius: 10px;
    font-size: var(--text-2xs);
    font-weight: 600;
}

/* Inline (compact) empty state — the large centred one is too heavy per-zone */
.aed-empty[b-95mzp7xmk3] {
    padding: 16px;
    color: var(--fg-subtle);
    font-size: var(--text-sm);
    background: var(--canvas-default);
    border: 1px dashed var(--border-muted);
    border-radius: 10px;
}

/* Zone 2: active run cards */
.aed-active-list[b-95mzp7xmk3] { display: flex; flex-direction: column; gap: 8px; }
.aed-run[b-95mzp7xmk3] {
    border: 1px solid var(--border-default);
    border-radius: 10px;
    background: var(--canvas-default);
    overflow: hidden;
}
.aed-run-row[b-95mzp7xmk3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 16px;
    cursor: pointer;
}
.aed-run-row:hover[b-95mzp7xmk3] { background: var(--canvas-subtle); }
.aed-run-main[b-95mzp7xmk3] { flex: 1; min-width: 0; }
.aed-run-title[b-95mzp7xmk3] { font-size: var(--text-md); color: var(--fg-default); margin-bottom: 4px; }
.aed-run-procedure[b-95mzp7xmk3] { font-weight: 600; }
.aed-run-name[b-95mzp7xmk3] { color: var(--fg-muted); }
.aed-run-sep[b-95mzp7xmk3] { color: var(--border-muted); margin: 0 6px; }
.aed-run-meta[b-95mzp7xmk3] { font-size: var(--text-xs); color: var(--fg-muted); margin-bottom: 8px; }
.aed-run-meta-sep[b-95mzp7xmk3] { margin: 0 6px; color: var(--border-muted); }
.aed-progress[b-95mzp7xmk3] {
    height: 4px;
    background: var(--canvas-inset);
    border-radius: 2px;
    overflow: hidden;
    width: 100%;
}
.aed-progress-fill[b-95mzp7xmk3] { height: 100%; background: var(--accent-fg); transition: width 0.3s ease; }
.aed-run-side[b-95mzp7xmk3] { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }

/* Status pills render on the shared .status-chip + .tone-* surface; this adds
   only the uppercase treatment. */
.aed-pill[b-95mzp7xmk3] { text-transform: uppercase; letter-spacing: 0.04em; font-weight: 600; }

/* Expanded run detail: per-step list + payloads */
.aed-run-detail[b-95mzp7xmk3] {
    padding: 8px 16px 16px 16px;
    border-top: 1px solid var(--border-muted);
    background: var(--canvas-subtle);
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.aed-step[b-95mzp7xmk3] { border-radius: 6px; }
.aed-step-row[b-95mzp7xmk3] { display: flex; align-items: flex-start; gap: 12px; padding: 8px 12px; }
.aed-step-icon[b-95mzp7xmk3] {
    font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
    font-size: var(--text-md);
    width: 20px;
    text-align: center;
    color: var(--fg-muted);
    line-height: 1.4;
}
.aed-step-body[b-95mzp7xmk3] { flex: 1; min-width: 0; }
.aed-step-label[b-95mzp7xmk3] { font-size: var(--text-sm); color: var(--fg-default); }
.aed-step-meta[b-95mzp7xmk3] { font-size: var(--text-2xs); color: var(--fg-muted); margin-top: 2px; }
.aed-step-meta-sep[b-95mzp7xmk3] { margin: 0 4px; color: var(--border-muted); }
.aed-step-toggle[b-95mzp7xmk3] { background: transparent; border: none; cursor: pointer; color: var(--fg-muted); padding: 0; }
.aed-step-toggle:hover[b-95mzp7xmk3] { color: var(--fg-default); }
.aed-step-payload[b-95mzp7xmk3] { padding: 8px 12px 8px 44px; display: flex; flex-direction: column; gap: 4px; }
.aed-payload-label[b-95mzp7xmk3] {
    font-size: var(--text-2xs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--fg-muted);
    margin-top: 4px;
}
.aed-payload-pre[b-95mzp7xmk3] {
    background: var(--canvas-inset);
    color: var(--fg-default);
    padding: 8px 12px;
    border-radius: 6px;
    font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
    font-size: var(--text-xs);
    white-space: pre-wrap;
    word-break: break-word;
    margin: 0;
}

@media (max-width: 768px) {
    .aed-tiles[b-95mzp7xmk3] { grid-template-columns: repeat(2, 1fr); }
}
/* /Components/Features/AssigneePill.razor.rz.scp.css */
.assignee-pill[b-77yfm2lmjo] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: var(--text-2xs);
    font-weight: 500;
    white-space: nowrap;
    background: rgba(59, 130, 246, 0.12);
    color: var(--accent-fg);
    border: 1px solid rgba(59, 130, 246, 0.2);
}

.assignee-pill--team[b-77yfm2lmjo] {
    background: rgba(6, 182, 212, 0.12);
    color: var(--info-fg);
    border-color: rgba(6, 182, 212, 0.2);
}
/* /Components/Features/AssignGroup.razor.rz.scp.css */
.ag-panel[b-2pz88q5vv5] {
    border: 1px solid var(--border-default);
    border-radius: 10px;
    background: var(--canvas-default);
    overflow: hidden;
}

/* Header now shared: .panel-header / .panel-header__title in components.css */

.ag-assign-btn[b-2pz88q5vv5] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 6px;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    color: var(--fg-muted);
    font-size: var(--text-2xs);
    font-weight: 500;
    
    cursor: pointer;
    transition: all 0.15s;
}

.ag-assign-btn:hover[b-2pz88q5vv5] {
    border-color: var(--accent-fg);
    color: var(--fg-default);
}

.ag-empty[b-2pz88q5vv5] {
    padding: 16px 14px;
    font-size: var(--text-xs);
    color: var(--fg-subtle);
    text-align: center;
}

.ag-links[b-2pz88q5vv5] {
    max-height: 200px;
    overflow-y: auto;
}

.ag-link-row[b-2pz88q5vv5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px;
    border-bottom: 1px solid var(--border-default);
    transition: background 0.1s;
}

.ag-link-row:last-child[b-2pz88q5vv5] {
    border-bottom: none;
}

.ag-link-row:hover[b-2pz88q5vv5] {
    background: var(--canvas-subtle);
}

.ag-link-info[b-2pz88q5vv5] {
    min-width: 0;
}

.ag-link-name[b-2pz88q5vv5] {
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--fg-default);
}

.ag-link-by[b-2pz88q5vv5] {
    font-size: var(--text-2xs);
    color: var(--fg-subtle);
    margin-left: 6px;
}

.ag-unlink-btn[b-2pz88q5vv5] {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background: transparent;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--fg-subtle);
    flex-shrink: 0;
    transition: all 0.15s;
    opacity: 0;
}

.ag-link-row:hover .ag-unlink-btn[b-2pz88q5vv5] {
    opacity: 1;
}

.ag-unlink-btn:hover[b-2pz88q5vv5] {
    border-color: var(--danger-fg);
    color: var(--danger-fg);
    background: rgba(239, 68, 68, 0.1);
}

/* Dialogs */
.ag-backdrop[b-2pz88q5vv5] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.ag-dialog[b-2pz88q5vv5] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 420px;
    max-width: 90vw;
    background: var(--canvas-default);
    border-radius: 12px;
    border: 1px solid var(--border-default);
    
    z-index: 1001;
}

.ag-dialog-title[b-2pz88q5vv5] {
    font-size: var(--text-lg);
    font-weight: 500;
    color: var(--fg-default);
    padding: 20px 24px 0;
}

.ag-dialog-body[b-2pz88q5vv5] {
    padding: 16px 24px;
}

.ag-field[b-2pz88q5vv5] {
    margin-bottom: 14px;
}

.ag-field label[b-2pz88q5vv5] {
    display: block;
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--fg-muted);
    margin-bottom: 6px;
}

.ag-field textarea[b-2pz88q5vv5],
.ag-select[b-2pz88q5vv5] {
    width: 100%;
    padding: 8px 12px;
    border-radius: 8px;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    color: var(--fg-default);
    font-size: var(--text-sm);
    
    outline: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

.ag-field textarea:focus[b-2pz88q5vv5],
.ag-select:focus[b-2pz88q5vv5] {
    border-color: var(--accent-fg);
}

.ag-preview[b-2pz88q5vv5] {
    font-size: var(--text-sm);
    color: var(--fg-muted);
    padding: 10px 14px;
    background: var(--canvas-subtle);
    border-radius: 8px;
    border: 1px solid var(--border-default);
}

.ag-dialog-actions[b-2pz88q5vv5] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 0 24px 20px;
}

.ag-btn[b-2pz88q5vv5] {
    padding: 8px 18px;
    border-radius: 8px;
    font-size: var(--text-sm);
    font-weight: 500;
    
    cursor: pointer;
    transition: all 0.15s;
    border: none;
    display: flex;
    align-items: center;
}

.ag-btn-cancel[b-2pz88q5vv5] {
    background: var(--canvas-subtle);
    color: var(--fg-muted);
    border: 1px solid var(--border-default);
}

.ag-btn-confirm[b-2pz88q5vv5] {
    background: var(--accent-fg);
    color: white;
}

.ag-btn-confirm:disabled[b-2pz88q5vv5] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* /Components/Features/AssignUsers.razor.rz.scp.css */
.assign-users[b-kt5uutsapa] {
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    overflow: hidden;
    min-width: 25%;
}

/* Header + count chip now shared: .panel-header / .count-chip in components.css */

.au-empty[b-kt5uutsapa] {
    font-size: var(--text-xs);
    color: var(--fg-muted);
    padding: 12px 16px;
}

.au-list[b-kt5uutsapa] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 16px;
    margin-bottom: 0;
}

.au-item[b-kt5uutsapa] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 8px;
    background: var(--canvas-subtle);
    font-size: var(--text-sm);
    transition: background 0.15s;
}

.au-item:hover[b-kt5uutsapa] {
    background: var(--canvas-inset);
}

.au-avatar[b-kt5uutsapa] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--accent-fg);
    color: var(--fg-on-emphasis);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-10);
    font-weight: 500;
    letter-spacing: 0.5px;
    flex-shrink: 0;
}

.au-name[b-kt5uutsapa] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--fg-default);
}

.au-assign-me[b-kt5uutsapa] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    padding: 4px 10px;
    border-radius: 6px;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    color: var(--fg-muted);
    font-size: var(--text-2xs);
    font-weight: 500;
    
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}

.au-assign-me:hover[b-kt5uutsapa] {
    border-color: var(--accent-fg);
    color: var(--fg-default);
}

.au-assign-me:disabled[b-kt5uutsapa] {
    opacity: 0.5;
    cursor: not-allowed;
}

.au-avatar--team[b-kt5uutsapa] {
    background: var(--info-fg);
    border-radius: 6px;
}

.au-tabs[b-kt5uutsapa] {
    display: flex;
    gap: 2px;
    margin: 0 16px 8px;
    background: var(--canvas-subtle);
    border-radius: 8px;
    padding: 2px;
}

.au-tab[b-kt5uutsapa] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 5px 8px;
    border-radius: 6px;
    border: none;
    background: transparent;
    color: var(--fg-subtle);
    font-size: var(--text-2xs);
    font-weight: 500;
    
    cursor: pointer;
    transition: all 0.15s;
}

.au-tab:hover[b-kt5uutsapa] {
    color: var(--fg-muted);
}

.au-tab--active[b-kt5uutsapa] {
    background: var(--canvas-inset);
    color: var(--fg-default);
    
}

.au-add[b-kt5uutsapa] {
    padding: 0 16px 12px;
}

/* Outlined-input surface skin is global (hque-overrides.css "Inputs");
   only the compact autocomplete-specific tweaks stay here. */
[b-kt5uutsapa] .au-autocomplete .mud-input.mud-input-outlined {
    font-size: var(--text-sm) !important;
}

[b-kt5uutsapa] .au-autocomplete .mud-input-label {
    color: var(--fg-subtle) !important;
}

[b-kt5uutsapa] .au-autocomplete input::placeholder {
    color: var(--fg-subtle) !important;
}

[b-kt5uutsapa] .au-autocomplete .mud-input-adornment svg {
    fill: var(--fg-subtle) !important;
}
/* /Components/Features/BehaviourLegend.razor.rz.scp.css */
.behaviour-bar[b-z8b4bb44v5] { display: flex; gap: 6px; margin-bottom: 20px; flex-wrap: wrap; }

.bleg[b-z8b4bb44v5] {
    display: flex; align-items: center; gap: 5px;
    padding: 4px 10px;
    background: var(--canvas-subtle); border: 1px solid var(--border-default);
    border-radius: 20px; font-size: var(--text-2xs); font-weight: 500;
    color: var(--fg-muted); cursor: pointer; transition: all 0.15s;
    text-decoration: none;
}

.bleg:hover[b-z8b4bb44v5] { border-color: var(--border-muted); color: var(--fg-default); }
.bleg.active[b-z8b4bb44v5] { color: var(--fg-default); }
.bleg.selected[b-z8b4bb44v5] {
    background: var(--canvas-inset);
    color: var(--fg-default);
    border-width: 1px;
    box-shadow: 0 0 0 1px currentColor;
}
button.bleg[b-z8b4bb44v5] { font-family: inherit; }
.bleg-dot[b-z8b4bb44v5] { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }
/* /Components/Features/CalendarDayDrilldown.razor.rz.scp.css */
.cal-drilldown[b-z0tpnjnt1q] {
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    margin-bottom: 20px;
    overflow: hidden;
    animation: fadeUp 0.25s ease both;
}

.cal-drilldown-header[b-z0tpnjnt1q] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-default);
}

.cal-drilldown-title[b-z0tpnjnt1q] {
    display: flex; align-items: center; gap: 8px;
    font-size: var(--text-sm); font-weight: 500; color: var(--fg-default);
}

.cal-drilldown-dot[b-z0tpnjnt1q] { width: 8px; height: 8px; border-radius: 50%; }

.cal-drilldown-count[b-z0tpnjnt1q] {
    font-size: var(--text-2xs);
    font-family: var(--font-mono);
    color: var(--fg-muted);
    background: rgba(255,255,255,0.06);
    padding: 1px 8px; border-radius: 10px;
}

.cal-drilldown-close[b-z0tpnjnt1q] {
    display: flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; border-radius: 6px;
    background: var(--canvas-subtle); border: 1px solid var(--border-default);
    color: var(--fg-subtle); cursor: pointer; transition: all 0.15s;
}

.cal-drilldown-close:hover[b-z0tpnjnt1q] { background: var(--canvas-inset); color: var(--fg-default); }

.cal-drilldown-empty[b-z0tpnjnt1q] {
    padding: 24px; text-align: center;
    font-size: var(--text-sm); color: var(--fg-subtle);
}

.cal-drilldown-body[b-z0tpnjnt1q] {
    display: flex; flex-direction: column; gap: 0;
}

.cal-group[b-z0tpnjnt1q] { border-bottom: 1px solid var(--border-default); }
.cal-group:last-child[b-z0tpnjnt1q] { border-bottom: none; }

.cal-group-header[b-z0tpnjnt1q] {
    display: flex; align-items: center; gap: 8px;
    padding: 10px 16px;
    background: var(--canvas-default);
}

.cal-group-dot[b-z0tpnjnt1q] { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }

.cal-group-name[b-z0tpnjnt1q] {
    font-size: var(--text-xs); font-weight: 500; color: var(--fg-default);
}

.cal-group-tag[b-z0tpnjnt1q] {
    font-size: var(--text-3xs); font-weight: 500;
    letter-spacing: 0.5px; padding: 1px 7px; border-radius: 4px;
}

.cal-group-count[b-z0tpnjnt1q] {
    font-size: var(--text-10);
    font-family: var(--font-mono);
    color: var(--fg-subtle);
    margin-left: auto;
}

.cal-group-items[b-z0tpnjnt1q] {
    display: flex; flex-direction: column;
    padding: 0 12px 8px;
    gap: 4px;
}

.cal-item[b-z0tpnjnt1q] {
    display: flex; align-items: stretch;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.15s;
}

.cal-item:hover[b-z0tpnjnt1q] {
    border-color: var(--border-muted);
    background: var(--canvas-inset);
}

.cal-item-bar[b-z0tpnjnt1q] { width: 3px; flex-shrink: 0; }

.cal-item-content[b-z0tpnjnt1q] {
    display: flex; flex-direction: column; gap: 3px;
    padding: 10px 14px; flex: 1; min-width: 0;
}

.cal-item-top[b-z0tpnjnt1q] {
    display: flex; align-items: center; justify-content: space-between; gap: 8px;
}

.cal-item-title[b-z0tpnjnt1q] {
    font-size: var(--text-sm); font-weight: 500; color: var(--fg-default);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    flex: 1; min-width: 0;
}

.cal-item-status[b-z0tpnjnt1q] {
    font-size: var(--text-10); font-weight: 500;
    letter-spacing: 0.5px; padding: 2px 8px; border-radius: 4px;
    flex-shrink: 0;
}

.cal-item-meta[b-z0tpnjnt1q] {
    display: flex; align-items: center; gap: 10px;
    font-size: var(--text-2xs); color: var(--fg-subtle);
    font-family: var(--font-mono);
}

.cal-drilldown-footer[b-z0tpnjnt1q] {
    padding: 10px 16px;
    border-top: 1px solid var(--border-default);
    text-align: center;
}

.cal-view-all[b-z0tpnjnt1q] {
    font-size: var(--text-xs); font-weight: 500;
    color: var(--accent-fg);
    text-decoration: none;
    padding: 6px 16px; border-radius: 6px;
    background: rgba(59,130,246,0.08);
    transition: all 0.15s;
    display: inline-block;
}

.cal-view-all:hover[b-z0tpnjnt1q] {
    background: rgba(59,130,246,0.16);
    color: var(--accent-fg);
    text-decoration: none;
}
/* /Components/Features/DashboardHeader.razor.rz.scp.css */
.page-header[b-b3wq8ppn87] {
    display: flex; align-items: flex-start; justify-content: space-between;
    margin-bottom: 22px; animation: fadeUp 0.4s ease both;
    position: relative; z-index: 100;
}

.page-title[b-b3wq8ppn87] {
    font-size: var(--text-4xl); color: var(--fg-default); line-height: 1.1; margin-bottom: 4px;
}

.page-title em[b-b3wq8ppn87] { font-style: italic; color: var(--fg-muted); }

.page-meta[b-b3wq8ppn87] {
    font-size: var(--text-2xs); color: var(--fg-subtle);
    font-family: var(--font-mono);
    display: flex; align-items: center; gap: 10px;
}

.page-meta-sep[b-b3wq8ppn87] { opacity: 0.4; }
.header-actions[b-b3wq8ppn87] { display: flex; gap: 8px; position: relative; z-index: 100; }

.hbtn[b-b3wq8ppn87] {
    display: flex; align-items: center; gap: 6px;
    padding: 7px 14px; border-radius: 7px;
    font-size: var(--text-xs); font-weight: 500; cursor: pointer; transition: all 0.15s;
}

.hbtn.primary[b-b3wq8ppn87] { background: var(--accent-fg); border: none; color: white; }

/* New button dropdown */
.new-btn-wrapper[b-b3wq8ppn87] { position: relative; }
.chevron[b-b3wq8ppn87] { transition: transform 0.2s ease; margin-left: 2px; }
.chevron.open[b-b3wq8ppn87] { transform: rotate(180deg); }

.new-dropdown[b-b3wq8ppn87] {
    position: absolute; top: calc(100% + 6px); right: 0; z-index: 100;
    min-width: 220px; padding: 6px;
    background: var(--canvas-subtle); border: 1px solid var(--border-muted);
    border-radius: 10px;
    animation: dropIn-b-b3wq8ppn87 0.15s ease both;
}

@keyframes dropIn-b-b3wq8ppn87 {
    from { opacity: 0; transform: translateY(-6px) scale(0.97); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.dropdown-section-label[b-b3wq8ppn87] {
    padding: 6px 10px 4px; font-size: var(--text-10); font-weight: 500;
    color: var(--fg-subtle);
    display: flex; align-items: center; gap: 6px;
}

.dropdown-section-dot[b-b3wq8ppn87] {
    width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0;
}

.dropdown-item[b-b3wq8ppn87] {
    display: flex; align-items: center; gap: 8px;
    padding: 8px 10px; border-radius: 7px; cursor: pointer;
    font-size: var(--text-sm); font-weight: 500; color: var(--fg-default);
    transition: background 0.12s;
}

.dropdown-item:hover[b-b3wq8ppn87] { background: var(--canvas-inset); }
.dropdown-item.muted[b-b3wq8ppn87] { color: var(--fg-subtle); }
.dropdown-item.muted:hover[b-b3wq8ppn87] { color: var(--fg-muted); }

.dropdown-divider[b-b3wq8ppn87] {
    height: 1px; margin: 4px 8px;
    background: var(--border-muted);
}

.dropdown-backdrop[b-b3wq8ppn87] {
    position: fixed; inset: 0; z-index: 99;
}

/* ── Responsive: Mobile (600px) ── */
@media (max-width: 600px) {
    .page-header[b-b3wq8ppn87] { flex-direction: column; gap: 12px; }
    .header-actions[b-b3wq8ppn87] { width: 100%; justify-content: flex-end; }
    .page-title[b-b3wq8ppn87] { font-size: var(--text-3xl); }
}
/* /Components/Features/FeedTimeline.razor.rz.scp.css */
.feed-timeline[b-64i2kcqrpj] {
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    overflow: hidden;
}

.feed-timeline.feed-embedded[b-64i2kcqrpj] {
    background: none;
    border: none;
    border-radius: 0;
}

/* Header + count chip now shared: .panel-header / .count-chip in components.css */

.feed-comment-box[b-64i2kcqrpj] {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-default);
}

.feed-comment-input[b-64i2kcqrpj] {
    flex: 1;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    padding: 8px 12px;
    font-size: var(--text-sm);
    
    color: var(--fg-default);
    resize: none;
    outline: none;
    transition: border-color 0.15s;
    line-height: 1.4;
}

.feed-comment-input[b-64i2kcqrpj]::placeholder {
    color: var(--fg-subtle);
}

.feed-comment-input:focus[b-64i2kcqrpj] {
    border-color: var(--accent-fg);
}

.feed-comment-input:disabled[b-64i2kcqrpj] {
    opacity: 0.5;
}

.feed-comment-submit[b-64i2kcqrpj] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: var(--accent-fg);
    border: none;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s;
    flex-shrink: 0;
}

.feed-comment-submit:hover:not(:disabled)[b-64i2kcqrpj] {
    background: var(--info-fg);
    
}

.feed-comment-submit:disabled[b-64i2kcqrpj] {
    opacity: 0.5;
    cursor: not-allowed;
}

.feed-body[b-64i2kcqrpj] {
    padding: 12px 16px;
    max-height: 420px;
    overflow-y: auto;
}

.feed-empty[b-64i2kcqrpj] {
    font-size: var(--text-sm);
    color: var(--fg-subtle);
    text-align: center;
    padding: 24px 0;
}

.feed-date-label[b-64i2kcqrpj] {
    font-size: var(--text-10);
    font-weight: 500;
    color: var(--fg-subtle);
    
    letter-spacing: 0.6px;
    padding: 8px 0 4px 22px;
}

.feed-item[b-64i2kcqrpj] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 6px 4px;
    border-radius: 6px;
    transition: background 0.15s;
}

.feed-item-link[b-64i2kcqrpj] {
    cursor: pointer;
}

.feed-item-link:hover[b-64i2kcqrpj] {
    background: var(--canvas-subtle);
}


.feed-dot-col[b-64i2kcqrpj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 12px;
    flex-shrink: 0;
    padding-top: 4px;
}

.feed-dot[b-64i2kcqrpj] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.feed-line[b-64i2kcqrpj] {
    width: 1px;
    flex: 1;
    background: var(--border-default);
    margin-top: 4px;
}

.feed-item:last-child .feed-line[b-64i2kcqrpj] {
    display: none;
}

.dot-created[b-64i2kcqrpj] {
    background: var(--success-fg);
    
}

.dot-updated[b-64i2kcqrpj] {
    background: var(--accent-fg);
    
}

.dot-deleted[b-64i2kcqrpj] {
    background: var(--danger-fg);
    
}

.dot-comment[b-64i2kcqrpj] {
    background: var(--done-fg);
    
}

.dot-status[b-64i2kcqrpj] {
    background: var(--attention-fg);
    
}

.dot-assign[b-64i2kcqrpj] {
    background: var(--info-fg);
    
}

.feed-content[b-64i2kcqrpj] {
    flex: 1;
    min-width: 0;
}

.feed-message[b-64i2kcqrpj] {
    font-size: var(--text-sm);
    color: var(--fg-default);
    line-height: 1.3;
}

.feed-action[b-64i2kcqrpj] {
    font-weight: 500;
}

.feed-subject[b-64i2kcqrpj] {
    color: var(--accent-fg);
    font-weight: 500;
}

.feed-subject[b-64i2kcqrpj]::before {
    content: " \2014  ";
    color: var(--fg-subtle);
}

.feed-user[b-64i2kcqrpj] {
    color: var(--fg-muted);
    font-weight: 400;
}

.feed-user[b-64i2kcqrpj]::before {
    content: " by ";
    color: var(--fg-subtle);
    font-weight: 400;
}

.feed-comment[b-64i2kcqrpj] {
    font-size: var(--text-xs);
    color: var(--fg-muted);
    background: var(--canvas-subtle);
    padding: 6px 10px;
    border-radius: 6px;
    margin-top: 4px;
    line-height: 1.4;
}

.feed-comment-link[b-64i2kcqrpj] {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background 0.12s, color 0.12s;
}

.feed-comment-link:hover[b-64i2kcqrpj] {
    background: var(--canvas-inset);
    color: var(--accent-fg);
}

.feed-comment-arrow[b-64i2kcqrpj] {
    font-size: var(--text-2xs);
    opacity: 0.5;
    transition: opacity 0.12s;
}

.feed-comment-link:hover .feed-comment-arrow[b-64i2kcqrpj] {
    opacity: 1;
}

.feed-time[b-64i2kcqrpj] {
    font-family: var(--font-mono);
    font-size: var(--text-10);
    color: var(--fg-subtle);
    margin-top: 2px;
}
/* /Components/Features/InstanceBanner.razor.rz.scp.css */
/* Scheduled-run context banner (see InstanceBanner.razor). Component-private styling. */
.instance-banner[b-v68uiej0lt] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-left: 3px solid var(--accent-fg);
    border-radius: 10px;
    margin-bottom: 16px;
}

.instance-banner-icon[b-v68uiej0lt] {
    color: var(--accent-fg);
    flex-shrink: 0;
    margin-top: 1px;
}

.instance-banner-details[b-v68uiej0lt] {
    flex: 1;
    min-width: 0;
}

.instance-banner-row[b-v68uiej0lt] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    font-size: var(--text-xs);
    font-family: var(--font-mono);
}

.instance-banner-label[b-v68uiej0lt] {
    color: var(--fg-subtle);
    font-weight: 500;
}

.instance-banner-value[b-v68uiej0lt] {
    color: var(--fg-default);
    font-weight: 500;
}

.instance-banner-value.overdue[b-v68uiej0lt] {
    color: var(--danger-fg);
}

.instance-banner-sep[b-v68uiej0lt] {
    color: var(--fg-subtle);
    opacity: 0.4;
}

.instance-banner-note[b-v68uiej0lt] {
    font-size: var(--text-xs);
    color: var(--fg-muted);
    font-style: italic;
    margin-top: 4px;
    opacity: 0.8;
}

.instance-banner-status[b-v68uiej0lt] {
    font-size: var(--text-10);
    font-weight: 500;
    padding: 3px 8px;
    border-radius: 4px;
    flex-shrink: 0;
    font-family: var(--font-mono);
}

.instance-banner-status.scheduled[b-v68uiej0lt] {
    background: rgba(59, 130, 246, 0.12);
    color: var(--accent-fg);
}

.instance-banner-status.inprogress[b-v68uiej0lt] {
    background: rgba(245, 158, 11, 0.12);
    color: var(--attention-fg);
}

.instance-banner-status.completed[b-v68uiej0lt] {
    background: rgba(16, 185, 129, 0.12);
    color: var(--success-fg);
}

.instance-banner-status.wontcomplete[b-v68uiej0lt] {
    background: rgba(107, 114, 128, 0.12);
    color: var(--fg-subtle);
}
/* /Components/Features/InstanceRow.razor.rz.scp.css */
.instance-row[b-w1ttnguqz7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 10px;
    padding: 12px 16px;
    margin-bottom: 6px;
    transition: border-color 0.15s;
}

.instance-row:hover[b-w1ttnguqz7] {
    border-color: var(--border-muted);
}

.instance-row-left[b-w1ttnguqz7] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    flex: 1;
}

.instance-row-meta[b-w1ttnguqz7] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-xs);
    color: var(--fg-muted);
}

.instance-row-dot[b-w1ttnguqz7] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--fg-subtle);
    flex-shrink: 0;
}

.instance-row-date[b-w1ttnguqz7] {
    font-family: var(--font-mono);
    font-size: var(--text-2xs);
    color: var(--fg-subtle);
}

.instance-row-user[b-w1ttnguqz7] {
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--attention-fg);
}

.instance-row-right[b-w1ttnguqz7] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

@media (max-width: 600px) {
    .instance-row[b-w1ttnguqz7] { flex-direction: column; align-items: flex-start; gap: 10px; }
    .instance-row-right[b-w1ttnguqz7] { width: 100%; justify-content: flex-end; flex-wrap: wrap; }
}
/* /Components/Features/ItemAppliedProcedures.razor.rz.scp.css */
.iap-cards[b-9i085gru0j],
.iap-runs[b-9i085gru0j] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 4px 0 8px;
}

/* Card roots render outside this component's scope → ::deep; inner content is in-scope. */
.iap-card[b-9i085gru0j],
.iap-run[b-9i085gru0j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

[b-9i085gru0j] .iap-card { padding: 12px 14px; }
[b-9i085gru0j] .iap-run { padding: 10px 14px; }

.iap-card-left[b-9i085gru0j],
.iap-run-left[b-9i085gru0j] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.iap-card-line[b-9i085gru0j],
.iap-run-left[b-9i085gru0j] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.iap-proc-name[b-9i085gru0j] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--fg-default);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.iap-run-status[b-9i085gru0j] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--fg-default);
}

.iap-card-sub[b-9i085gru0j] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-xs);
    color: var(--fg-muted);
}

.iap-version[b-9i085gru0j] {
    font-size: var(--text-xs);
    font-family: var(--font-mono, ui-monospace, monospace);
    color: var(--fg-muted);
    background: var(--tone-neutral-bg);
    border-radius: 4px;
    padding: 1px 6px;
}

.iap-others[b-9i085gru0j] {
    font-size: var(--text-xs);
    color: var(--fg-muted);
}

.iap-card-meta[b-9i085gru0j],
.iap-run-meta[b-9i085gru0j] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: none;
    font-size: var(--text-xs);
    color: var(--fg-muted);
    white-space: nowrap;
}

.iap-runcount[b-9i085gru0j] {
    font-weight: 600;
    color: var(--fg-default);
}

.iap-chevron[b-9i085gru0j] {
    font-size: var(--text-lg) !important;
    color: var(--fg-muted);
}

.iap-meta-dot[b-9i085gru0j] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--fg-muted);
    opacity: 0.6;
}

/* Focus header */
.iap-focus-head[b-9i085gru0j] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 4px 0 12px;
}

.iap-back[b-9i085gru0j] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--tone-info-fg);
    font-size: var(--text-sm);
    padding: 4px 6px;
    border-radius: var(--radius-md);
}

.iap-back:hover[b-9i085gru0j] { background: var(--tone-neutral-bg); }

.iap-focus-title[b-9i085gru0j] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
}

.iap-focus-name[b-9i085gru0j] {
    font-size: var(--text-md);
    font-weight: 600;
    color: var(--fg-default);
}

.iap-focus-sub[b-9i085gru0j] {
    font-size: var(--text-xs);
    color: var(--fg-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.iap-more[b-9i085gru0j] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px;
    margin-top: 2px;
    font-size: var(--text-sm);
    color: var(--fg-muted);
    cursor: pointer;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    user-select: none;
}

.iap-more:hover[b-9i085gru0j] {
    background: var(--tone-neutral-bg);
    color: var(--fg-default);
}

.iap-more.is-loading[b-9i085gru0j] { cursor: default; }
/* /Components/Features/ItemAttachments.razor.rz.scp.css */
/* Rich attachments panel (upload + thumbnails + date-grouped cards).
   Extracted from TableItemFormPage's inline .tif-attach-* block. */

.att-panel[b-tychc6ioy0] {
    padding: 16px;
}

.att-toolbar[b-tychc6ioy0] {
    margin-bottom: 16px;
}

[b-tychc6ioy0] .att-upload-wrap {
    display: inline-flex;
}

/* Hide the default "filename X" display from MudFileUpload */
[b-tychc6ioy0] .att-upload-wrap .mud-file-upload-text {
    display: none;
}

.att-btn[b-tychc6ioy0] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 8px;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    color: var(--fg-muted);
    font-size: var(--text-xs);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}

.att-btn:hover[b-tychc6ioy0] {
    border-color: var(--accent-fg);
    color: var(--fg-default);
}

.att-btn:disabled[b-tychc6ioy0] {
    opacity: 0.5;
    cursor: not-allowed;
}

.att-empty[b-tychc6ioy0] {
    font-size: var(--text-sm);
    color: var(--fg-muted);
    padding: 12px 0;
}

.att-date[b-tychc6ioy0] {
    font-size: var(--text-2xs);
    font-weight: 500;
    color: var(--fg-subtle);
    margin-bottom: 8px;
    margin-top: 12px;
}

.att-date:first-of-type[b-tychc6ioy0] {
    margin-top: 0;
}

.att-grid[b-tychc6ioy0] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 8px;
}

.att-card[b-tychc6ioy0] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    border-radius: 10px;
    min-width: 220px;
    max-width: 340px;
    transition: border-color 0.15s;
}

.att-card:hover[b-tychc6ioy0] {
    border-color: var(--border-muted);
}

[b-tychc6ioy0] .att-thumb {
    width: 48px;
    height: 48px;
    border-radius: 6px;
    object-fit: cover;
    flex-shrink: 0;
    pointer-events: none;
}

[b-tychc6ioy0] .att-thumb-btn {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    padding: 0 !important;
    border-radius: 6px !important;
    flex-shrink: 0;
    overflow: hidden;
}

[b-tychc6ioy0] .att-icon-btn {
    width: 48px !important;
    height: 48px !important;
    flex-shrink: 0;
    background: var(--canvas-inset) !important;
    border-radius: 6px !important;
    color: var(--fg-subtle) !important;
}

.att-info[b-tychc6ioy0] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

[b-tychc6ioy0] .att-name {
    font-size: var(--text-sm) !important;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.att-size[b-tychc6ioy0] {
    font-size: var(--text-2xs);
    font-family: var(--font-mono);
    color: var(--fg-subtle);
}
/* /Components/Features/KanbanBoard.razor.rz.scp.css */
/* ── Activity Board (kanban) ── */
.board-section[b-fyupl9ylvv] {
    margin-top: 8px;
    padding: 18px;
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    animation: fadeUp 0.3s ease both;
}

.board-section-header[b-fyupl9ylvv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}

.board-section-title[b-fyupl9ylvv] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--text-md);
    font-weight: 500;
    color: var(--fg-default);
}

.board-pills[b-fyupl9ylvv] {
    margin-left: 8px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 500;
}

.board-pills[b-fyupl9ylvv]  .behaviour-bar {
    margin-bottom: 0;
}

.kb-filters[b-fyupl9ylvv] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }

.kb-filter[b-fyupl9ylvv] {
    padding: 6px 14px; border-radius: 7px;
    font-size: var(--text-xs); font-weight: 500; cursor: pointer;
    background: var(--canvas-subtle); border: 1px solid var(--border-muted); color: var(--fg-muted);
    transition: all 0.15s;
}

.kb-filter:hover[b-fyupl9ylvv] { color: var(--fg-default); background: var(--canvas-inset); }

.kb-filter.active[b-fyupl9ylvv] {
    background: var(--accent-fg);
    border-color: transparent; color: var(--fg-on-emphasis);
}

.kb-date-nav[b-fyupl9ylvv] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: 8px;
    padding-left: 12px;
    border-left: 1px solid var(--border-default);
}

.kb-nav-btn[b-fyupl9ylvv] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: 1px solid var(--border-default);
    background: var(--canvas-subtle);
    color: var(--fg-muted);
    cursor: pointer;
    transition: all 0.15s;
}

.kb-nav-btn:hover[b-fyupl9ylvv] {
    background: var(--canvas-inset);
    border-color: var(--border-muted);
    color: var(--fg-default);
}

.kb-date-label[b-fyupl9ylvv] {
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--fg-default);
    padding: 0 8px;
    white-space: nowrap;
    font-family: var(--font-mono);
    letter-spacing: -0.02em;
}

.kb-today-btn[b-fyupl9ylvv] {
    padding: 4px 10px;
    border-radius: 6px;
    border: 1px solid var(--border-default);
    background: var(--canvas-subtle);
    color: var(--accent-fg);
    font-size: var(--text-2xs);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
    margin-left: 4px;
}

.kb-today-btn:hover[b-fyupl9ylvv] {
    border-color: var(--accent-fg);
    background: rgba(37,99,235,0.08);
}

.kb-board[b-fyupl9ylvv] {
    display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px;
    min-height: 400px;
}

.kb-col[b-fyupl9ylvv] {
    background: var(--canvas-subtle); border: 1px solid var(--border-muted);
    border-radius: 10px; display: flex; flex-direction: column;
    min-height: 300px;
}

.kb-col-header[b-fyupl9ylvv] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 12px 14px 10px; border-radius: 10px 10px 0 0;
}

.kb-col-title[b-fyupl9ylvv] {
    font-size: var(--text-xs); font-weight: 500; color: var(--fg-default);
    letter-spacing: 0.5px;
}

.kb-col-count[b-fyupl9ylvv] {
    font-size: var(--text-10); font-weight: 500; color: var(--fg-on-emphasis);
    min-width: 20px; height: 20px; border-radius: 10px;
    display: inline-flex; align-items: center; justify-content: center;
    padding: 0 6px;
}

.kb-col-body[b-fyupl9ylvv] {
    flex: 1; overflow-y: auto; padding: 8px;
    display: flex; flex-direction: column; gap: 6px;
    max-height: calc(100vh - 420px);
}

.kb-card[b-fyupl9ylvv] {
    background: var(--canvas-default); border: 1px solid var(--border-default);
    border-radius: 10px; padding: 10px 12px; margin: 8px;
    transition: box-shadow 0.15s, border-color 0.15s;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
}

.kb-card:hover[b-fyupl9ylvv] {
    border-color: var(--border-muted);
}

.kb-card-title[b-fyupl9ylvv] {
    font-size: var(--text-sm); font-weight: 500; color: var(--fg-default);
    margin-bottom: 2px; line-height: 1.3;
}

.kb-card-title--link[b-fyupl9ylvv] {
    cursor: pointer;
    transition: color 0.15s;
}

.kb-card-title--link:hover[b-fyupl9ylvv] {
    color: var(--accent-fg);
}

.kb-card-module[b-fyupl9ylvv] {
    display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
    font-size: var(--text-2xs); color: var(--fg-subtle); margin-bottom: 8px;
    font-family: var(--font-mono);
}

.kb-card-row[b-fyupl9ylvv] {
    display: flex; align-items: center; gap: 8px; margin-bottom: 8px;
}

.kb-assignee[b-fyupl9ylvv] {
    display: flex; align-items: center; gap: 6px;
}

.kb-avatar[b-fyupl9ylvv] {
    width: 22px; height: 22px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: var(--text-3xs); font-weight: 500; color: var(--fg-on-emphasis);
    flex-shrink: 0;
}

.kb-assignee-name[b-fyupl9ylvv] {
    font-size: var(--text-2xs); color: var(--fg-muted);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    max-width: 120px;
}

.kb-card-footer[b-fyupl9ylvv] {
    display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}

.kb-due[b-fyupl9ylvv] {
    display: inline-flex; align-items: center; gap: 3px;
    font-size: var(--text-2xs); font-family: var(--font-mono);
    padding: 2px 6px; border-radius: 4px;
}

.due-default[b-fyupl9ylvv] { color: var(--fg-subtle); background: var(--canvas-subtle); }
.due-today[b-fyupl9ylvv] { color: var(--attention-fg); background: rgba(245,158,11,0.1); }
.due-overdue[b-fyupl9ylvv] { color: var(--danger-fg); background: rgba(239,68,68,0.1); }

.kb-location[b-fyupl9ylvv] {
    display: inline-flex; align-items: center; gap: 3px;
    font-size: var(--text-2xs); color: var(--fg-subtle);
    padding: 2px 6px; border-radius: 4px;
    background: var(--canvas-subtle);
}

.kb-empty[b-fyupl9ylvv] {
    text-align: center; padding: 24px 12px;
    font-size: var(--text-xs); color: var(--fg-subtle); opacity: 0.6;
}

.kb-start-btn[b-fyupl9ylvv] {
    display: inline-flex; align-items: center; gap: 4px;
    margin-top: 8px; padding: 5px 12px;
    font-size: var(--text-2xs); font-weight: 500; cursor: pointer;
    border: none; border-radius: 6px;
    background: var(--accent-fg);
    color: var(--fg-on-emphasis); transition: all 0.15s;
    letter-spacing: 0.5px;
}

.kb-open-btn[b-fyupl9ylvv] {
    display: inline-flex; align-items: center; gap: 4px;
    margin-top: 8px; padding: 5px 12px;
    font-size: var(--text-2xs); font-weight: 500; cursor: pointer;
    border: 1px solid var(--border-muted); border-radius: 6px;
    background: var(--canvas-subtle); color: var(--fg-muted);
    transition: all 0.15s;
    letter-spacing: 0.5px;
}

.kb-open-btn:hover[b-fyupl9ylvv] {
    background: var(--canvas-inset); color: var(--fg-default);
    border-color: var(--border-muted);
}

.kb-mobile[b-fyupl9ylvv] { display: flex; flex-direction: column; gap: 8px; }

.kb-panel[b-fyupl9ylvv] {
    background: var(--canvas-subtle); border: 1px solid var(--border-muted);
    border-radius: 10px; overflow: hidden;
}

.kb-panel-header[b-fyupl9ylvv] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 12px 14px; cursor: pointer;
    transition: background 0.15s;
}

.kb-panel-header:hover[b-fyupl9ylvv] { background: var(--canvas-inset); }

.kb-panel-right[b-fyupl9ylvv] {
    display: flex; align-items: center; gap: 8px;
}

.kb-panel-body[b-fyupl9ylvv] {
    padding: 8px; display: flex; flex-direction: column; gap: 6px;
    border-top: 1px solid var(--border-muted);
}

[b-fyupl9ylvv] .kb-card-dragging {
    opacity: 0.25;
    background: var(--canvas-inset) !important;
    border: 1px dashed var(--border-muted) !important;
    box-shadow: none !important;
}

[b-fyupl9ylvv] .kb-item-dragging {
    opacity: 0.95;
    transform: rotate(1.5deg);
    border-radius: 8px;
}

[b-fyupl9ylvv] .kb-drop-allowed {
    background: rgba(37,99,235,0.06);
    outline: 2px dashed rgba(37,99,235,0.35);
    outline-offset: -2px;
    border-radius: 8px;
    transition: background 0.2s, outline 0.2s;
}

[b-fyupl9ylvv] .kb-drop-blocked {
    background: rgba(239,68,68,0.04);
    outline: 2px dashed rgba(239,68,68,0.25);
    outline-offset: -2px;
    border-radius: 8px;
}

/* The Won't Complete prompt is the shared <ReasonDialog>. */

/* ── Responsive: Mobile (600px) ── */
@media (max-width: 600px) {
    .board-section[b-fyupl9ylvv] { padding: 12px; }
    .board-section-header[b-fyupl9ylvv] { flex-direction: column; align-items: flex-start; }
    .kb-filters[b-fyupl9ylvv] { width: 100%; }
    .kb-date-nav[b-fyupl9ylvv] { margin-left: 0; padding-left: 0; border-left: none; width: 100%; margin-top: 6px; }
}

/* Workspace narrowing chips — only rendered on the org-wide board. */
.kb-ws-filters[b-fyupl9ylvv] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-right: 8px;
}

.kb-ws-chip[b-fyupl9ylvv] {
    padding: 3px 10px;
    border: 1px solid var(--border-default);
    border-radius: 999px;
    background: transparent;
    color: var(--fg-muted);
    font-size: var(--text-2xs);
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.kb-ws-chip:hover[b-fyupl9ylvv] {
    color: var(--fg-default);
    border-color: var(--border-muted, var(--border-default));
}

.kb-ws-chip.active[b-fyupl9ylvv] {
    background: var(--canvas-subtle);
    border-color: var(--accent-fg);
    color: var(--fg-default);
}
/* /Components/Features/LinkedItems.razor.rz.scp.css */
.linked-items[b-l4vl579lin] {
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    padding: 16px 20px;
}

.linked-items.li-embedded[b-l4vl579lin] {
    background: none;
    border: none;
    border-radius: 0;
    padding: 12px 16px;
}

.li-head[b-l4vl579lin] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.li-head-title[b-l4vl579lin] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--fg-muted);
    
    letter-spacing: 0.5px;
}

.li-count[b-l4vl579lin] {
    font-size: var(--text-2xs);
    font-family: var(--font-mono);
    background: var(--canvas-subtle);
    color: var(--fg-subtle);
    border-radius: 10px;
    padding: 1px 8px;
}

/* Search */
.li-search[b-l4vl579lin] {
    position: relative;
    margin-bottom: 12px;
}

.li-search-input[b-l4vl579lin] {
    width: 100%;
    padding: 7px 32px 7px 10px;
    border: 1px solid var(--border-default);
    border-radius: 8px;
    background: var(--canvas-subtle);
    color: var(--fg-default);
    font-size: var(--text-sm);
    
    outline: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

.li-search-input[b-l4vl579lin]::placeholder {
    color: var(--fg-subtle);
}

.li-search-input:focus[b-l4vl579lin] {
    border-color: var(--accent-fg);
}

.li-search-clear[b-l4vl579lin] {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: var(--fg-subtle);
    cursor: pointer;
    padding: 2px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    transition: color 0.12s;
}

.li-search-clear:hover[b-l4vl579lin] {
    color: var(--fg-default);
}

.li-empty[b-l4vl579lin] {
    font-size: var(--text-xs);
    color: var(--fg-muted);
    padding: 8px 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}

.li-empty-link[b-l4vl579lin] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-xs);
    color: var(--accent-fg);
    text-decoration: none;
    padding: 4px 10px;
    border: 1px solid color-mix(in srgb, var(--accent-fg) 30%, transparent);
    border-radius: 14px;
    background: color-mix(in srgb, var(--accent-fg) 8%, transparent);
    transition: all 0.15s ease;
}

.li-empty-link:hover[b-l4vl579lin] {
    background: color-mix(in srgb, var(--accent-fg) 15%, transparent);
    border-color: color-mix(in srgb, var(--accent-fg) 45%, transparent);
}

/* Behaviour group */
.li-behaviour-group[b-l4vl579lin] {
    margin-bottom: 14px;
}

.li-behaviour-group:last-child[b-l4vl579lin] {
    margin-bottom: 0;
}

.li-behaviour-header[b-l4vl579lin] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-xs);
    font-weight: 500;
    
    letter-spacing: 0.5px;
    margin-bottom: 6px;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--border-default);
}

/* Table section within a behaviour group */
.li-table-section[b-l4vl579lin] {
    margin-bottom: 8px;
    padding-left: 4px;
}

.li-table-section:last-child[b-l4vl579lin] {
    margin-bottom: 0;
}

.li-table-name[b-l4vl579lin] {
    font-size: var(--text-2xs);
    font-weight: 500;
    color: var(--fg-subtle);
    margin-bottom: 4px;
    padding-left: 2px;
}

/* Checkbox list */
.li-check-list[b-l4vl579lin] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.li-check-item[b-l4vl579lin] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 8px;
    border-radius: 6px;
    font-size: var(--text-sm);
    cursor: pointer;
    transition: background 0.12s;
    user-select: none;
}

.li-check-item:hover[b-l4vl579lin] {
    background: var(--canvas-subtle);
    box-shadow: inset 0 0 0 1px var(--border-default);
}

.li-check-item.linked[b-l4vl579lin] {
    background: rgba(59, 130, 246, 0.08);
}

/* Read-only (terminal status): non-interactive link list */
.li-readonly .li-check-item[b-l4vl579lin] {
    cursor: default;
}

.li-readonly .li-check-item:hover[b-l4vl579lin] {
    background: rgba(59, 130, 246, 0.08);
    box-shadow: none;
}

.li-check-item.linked:hover[b-l4vl579lin] {
    background: rgba(59, 130, 246, 0.15);
    
}

.li-checkbox[b-l4vl579lin] {
    width: 16px;
    height: 16px;
    border: 1.5px solid var(--border-muted);
    border-radius: 4px;
    background: var(--canvas-default);
    flex-shrink: 0;
    position: relative;
    transition: all 0.15s;
}

.li-checkbox.checked[b-l4vl579lin] {
    background: var(--accent-fg);
    border-color: var(--accent-fg);
}

.li-checkbox.checked[b-l4vl579lin]::after {
    content: '';
    position: absolute;
    left: 4px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: solid var(--fg-on-emphasis);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.li-checkbox.disabled[b-l4vl579lin] {
    opacity: 0.5;
}

.li-spinner[b-l4vl579lin] {
    width: 16px;
    height: 16px;
    border: 2px solid var(--border-muted);
    border-top-color: var(--accent-fg);
    border-radius: 50%;
    flex-shrink: 0;
    animation: li-spin-b-l4vl579lin 0.6s linear infinite;
}

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

.li-check-item.saving[b-l4vl579lin] {
    opacity: 0.7;
    pointer-events: none;
}

.li-check-name[b-l4vl579lin] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--fg-default);
}

.li-check-id[b-l4vl579lin] {
    font-family: var(--font-mono);
    font-size: var(--text-10);
    color: var(--fg-subtle);
    flex-shrink: 0;
}

/* Mode switch */
.li-mode-switch[b-l4vl579lin] {
    display: flex;
    gap: 4px;
    margin-bottom: 12px;
    padding: 3px;
    background: var(--canvas-subtle);
    border-radius: 8px;
    border: 1px solid var(--border-default);
}

.li-mode-btn[b-l4vl579lin] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 6px;
    background: transparent;
    border: none;
    color: var(--fg-subtle);
    font-size: var(--text-xs);
    font-weight: 500;
    
    cursor: pointer;
    transition: all 0.15s;
}

.li-mode-btn:hover[b-l4vl579lin] {
    color: var(--fg-muted);
}

.li-mode-btn.active[b-l4vl579lin] {
    background: var(--canvas-default);
    color: var(--fg-default);
    
}

/* Unlink dialog */
.li-backdrop[b-l4vl579lin] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.li-dialog[b-l4vl579lin] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 420px;
    max-width: 90vw;
    background: var(--canvas-default);
    border-radius: 12px;
    border: 1px solid var(--border-default);
    
    z-index: 1001;
}

.li-dialog-title[b-l4vl579lin] {
    font-size: var(--text-lg);
    font-weight: 500;
    color: var(--fg-default);
    padding: 20px 24px 0;
}

.li-dialog-body[b-l4vl579lin] {
    padding: 16px 24px;
}

.li-field[b-l4vl579lin] {
    margin-bottom: 14px;
}

.li-field label[b-l4vl579lin] {
    display: block;
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--fg-muted);
    margin-bottom: 6px;
}

.li-field textarea[b-l4vl579lin] {
    width: 100%;
    padding: 8px 12px;
    border-radius: 8px;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    color: var(--fg-default);
    font-size: var(--text-sm);
    
    outline: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

.li-field textarea:focus[b-l4vl579lin] {
    border-color: var(--accent-fg);
}

.li-dialog-actions[b-l4vl579lin] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 0 24px 20px;
}

.li-dlg-btn[b-l4vl579lin] {
    padding: 8px 18px;
    border-radius: 8px;
    font-size: var(--text-sm);
    font-weight: 500;
    
    cursor: pointer;
    transition: all 0.15s;
    border: none;
    display: flex;
    align-items: center;
}

.li-dlg-btn-cancel[b-l4vl579lin] {
    background: var(--canvas-subtle);
    color: var(--fg-muted);
    border: 1px solid var(--border-default);
}

.li-dlg-btn-confirm[b-l4vl579lin] {
    background: var(--accent-fg);
    color: white;
}

.li-dlg-btn-confirm:disabled[b-l4vl579lin] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* /Components/Features/LinkedItemsSidebar.razor.rz.scp.css */
.lis-widget[b-5amcgp8u59] {
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    overflow: visible;
    flex: 1;
}

/* Header + count chip now shared: .panel-header / .panel-header__actions
   / .count-chip in components.css */

.lis-add-wrap[b-5amcgp8u59] {
    position: relative;
}

.lis-add-btn[b-5amcgp8u59] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 1px solid var(--border-default);
    border-radius: 6px;
    background: var(--canvas-default);
    color: var(--fg-muted);
    cursor: pointer;
    transition: all 0.15s;
}

.lis-add-btn:hover[b-5amcgp8u59] {
    background: var(--canvas-subtle);
    color: var(--fg-default);
    border-color: var(--fg-subtle);
}

.lis-add-backdrop[b-5amcgp8u59] {
    position: fixed;
    inset: 0;
    z-index: 99;
}

.lis-add-menu[b-5amcgp8u59] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 100;
    min-width: 220px;
    max-height: 320px;
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 10px;
    
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.lis-add-menu-header[b-5amcgp8u59] {
    font-size: var(--text-2xs);
    font-weight: 500;
    color: var(--fg-subtle);
    
    letter-spacing: 0.5px;
    padding: 10px 14px 6px;
}

.lis-add-menu-empty[b-5amcgp8u59] {
    font-size: var(--text-xs);
    color: var(--fg-subtle);
    padding: 10px 14px 14px;
}

.lis-add-menu-list[b-5amcgp8u59] {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding: 4px 6px 6px;
}

.lis-add-menu-item[b-5amcgp8u59] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 10px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--fg-default);
    font-size: var(--text-sm);
    cursor: pointer;
    transition: background 0.12s;
    text-align: left;
    width: 100%;
}

.lis-add-menu-item:hover[b-5amcgp8u59] {
    background: var(--canvas-subtle);
}

.lis-add-menu-name[b-5amcgp8u59] {
    font-weight: 500;
}

.lis-empty[b-5amcgp8u59] {
    font-size: var(--text-xs);
    color: var(--fg-muted);
    padding: 12px 16px;
}

.lis-list[b-5amcgp8u59] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 16px;
}

.lis-item[b-5amcgp8u59] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 7px 10px;
    border-radius: 8px;
    background: var(--canvas-subtle);
    text-decoration: none;
    color: inherit;
    transition: background 0.15s;
    cursor: pointer;
}

.lis-item:hover[b-5amcgp8u59] {
    background: var(--canvas-inset);
}

.lis-item-main[b-5amcgp8u59] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    flex: 1;
}

.lis-item-name[b-5amcgp8u59] {
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--fg-default);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lis-item-id[b-5amcgp8u59] {
    font-family: var(--font-mono);
    font-size: var(--text-10);
    color: var(--fg-subtle);
    flex-shrink: 0;
}

.lis-item-table[b-5amcgp8u59] {
    font-size: var(--text-10);
    font-weight: 500;
    color: var(--fg-subtle);
    background: var(--canvas-inset);
    border-radius: 4px;
    padding: 1px 6px;
    flex-shrink: 0;
    white-space: nowrap;
}
/* /Components/Features/ModuleRow.razor.rz.scp.css */
/* Row in a row-divider list. Frame styling (border, radius, overflow)
   lives on the parent .tl-rows container; the row owns only its
   own internal layout and the bottom divider. */
.tl-row[b-1f0ub90o1d] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    background: var(--canvas-default);
    border-bottom: 1px solid var(--border-muted);
    cursor: pointer;
    transition: background-color 80ms ease;
}

.tl-row:last-child[b-1f0ub90o1d] {
    border-bottom: none;
}

.tl-row:hover[b-1f0ub90o1d] {
    background: var(--canvas-subtle);
}

.tl-row-icon[b-1f0ub90o1d] {
    width: 34px;
    height: 34px;
    border-radius: var(--radius-md);
    background: var(--accent-subtle);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.tl-row-body[b-1f0ub90o1d] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.tl-row-name[b-1f0ub90o1d] {
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--fg-default);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tl-row-meta[b-1f0ub90o1d] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.tl-row-desc[b-1f0ub90o1d] {
    font-size: var(--text-2xs);
    color: var(--fg-subtle);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tl-row-stats[b-1f0ub90o1d] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.tl-overdue-badge[b-1f0ub90o1d] {
    padding: 2px 8px;
    border-radius: var(--radius-pill);
    background: var(--danger-subtle);
    border: 1px solid var(--danger-muted);
    font-size: var(--text-10);
    font-weight: 500;
    color: var(--danger-fg);
    font-family: var(--font-mono);
    white-space: nowrap;
}

.tl-record-count[b-1f0ub90o1d] {
    font-size: var(--text-2xs);
    font-weight: 500;
    color: var(--fg-subtle);
    font-family: var(--font-mono);
    white-space: nowrap;
}

.tl-star-btn[b-1f0ub90o1d] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: var(--radius-md);
    border: none;
    background: transparent;
    color: var(--fg-subtle);
    cursor: pointer;
    transition: background-color 80ms ease, color 80ms ease;
    opacity: 0;
    flex-shrink: 0;
}

.tl-row:hover .tl-star-btn[b-1f0ub90o1d] { opacity: 1; }
.tl-star-btn.starred[b-1f0ub90o1d] { opacity: 1; color: var(--attention-fg); }
.tl-star-btn:hover[b-1f0ub90o1d] { background: var(--canvas-inset); color: var(--attention-fg); }

.tl-row-actions[b-1f0ub90o1d] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.tl-row-chevron[b-1f0ub90o1d] {
    font-size: var(--text-lg);
    color: var(--fg-subtle);
    opacity: 0;
    transition: opacity 80ms ease;
    flex-shrink: 0;
}

.tl-row:hover .tl-row-chevron[b-1f0ub90o1d] {
    opacity: 1;
    color: var(--fg-muted);
}

.tl-chip[b-1f0ub90o1d] {
    padding: 2px 8px;
    background: color-mix(in srgb, var(--chip-colour, transparent) 12%, var(--canvas-subtle));
    border: 1px solid color-mix(in srgb, var(--chip-colour, transparent) 30%, var(--border-default));
    border-radius: var(--radius-pill);
    font-size: var(--text-10);
    color: var(--chip-colour, var(--fg-subtle));
    font-family: var(--font-mono);
    flex-shrink: 0;
}

@media (max-width: 600px) {
    .tl-row-stats[b-1f0ub90o1d] { display: none; }
    .tl-row[b-1f0ub90o1d] { padding: 10px 12px; gap: 10px; }
}
/* /Components/Features/MyDashboard.razor.rz.scp.css */
.stat-grid[b-niksnow7m9] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 20px; }

.my-tasks[b-niksnow7m9] {
    gap: 10px;
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: 7fr 3fr;
}

.cal-section[b-niksnow7m9] {
    margin-bottom: 20px;
}

/* The day drill-down takes its own full-width row above My Tasks / Favourites. */
.my-tasks[b-niksnow7m9]  .cal-drilldown {
    grid-column: 1 / -1;
}

/* ── Calendar navigation (rendered into Panel's HeaderActions slot) ── */
[b-niksnow7m9] .cal-nav {
    display: flex; align-items: center; gap: 4px;
}

[b-niksnow7m9] .cal-nav-btn {
    display: flex; align-items: center; justify-content: center;
    width: 26px; height: 26px; border-radius: 6px;
    background: var(--canvas-subtle); border: 1px solid var(--border-default);
    color: var(--fg-subtle); cursor: pointer; transition: all 0.15s;
}

[b-niksnow7m9] .cal-nav-btn:hover {
    background: var(--canvas-inset); color: var(--fg-default); border-color: var(--border-muted);
}

[b-niksnow7m9] .cal-nav-today {
    font-size: var(--text-2xs); font-weight: 500; padding: 3px 10px;
    border-radius: 6px; cursor: pointer; transition: all 0.15s;
    background: rgba(59,130,246,0.12); border: 1px solid rgba(59,130,246,0.25);
    color: var(--accent-fg);
}

[b-niksnow7m9] .cal-nav-today:hover {
    background: rgba(59,130,246,0.2); border-color: rgba(59,130,246,0.4);
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .stat-grid[b-niksnow7m9] { grid-template-columns: repeat(3, 1fr); }
    .my-tasks[b-niksnow7m9] { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
    .stat-grid[b-niksnow7m9] { grid-template-columns: repeat(2, 1fr); }
}
/* /Components/Features/MyItemsWidget.razor.rz.scp.css */
.mi-list[b-h0ylxtup8a] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.mi-row[b-h0ylxtup8a] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.12s;
}

.mi-row:hover[b-h0ylxtup8a] {
    background: var(--canvas-subtle);
}

.mi-info[b-h0ylxtup8a] {
    flex: 1;
    min-width: 0;
}

.mi-name[b-h0ylxtup8a] {
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--fg-default);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mi-meta[b-h0ylxtup8a] {
    font-size: var(--text-10);
    color: var(--fg-subtle);
    font-family: var(--font-mono);
    margin-top: 1px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.mi-table[b-h0ylxtup8a] {
    color: var(--fg-muted);
}

.mi-sep[b-h0ylxtup8a] {
    opacity: 0.4;
}

.mi-status[b-h0ylxtup8a] {
    padding: 2px 8px;
    border-radius: 4px;
    font-size: var(--text-10);
    font-weight: 500;
    font-family: var(--font-mono);
    white-space: nowrap;
    flex-shrink: 0;
    background: color-mix(in srgb, var(--mi-status-colour, var(--fg-subtle)) 12%, transparent);
    color: var(--mi-status-colour, var(--fg-subtle));
}

.mi-action[b-h0ylxtup8a] {
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.15s;
}

.mi-row:hover .mi-action[b-h0ylxtup8a] {
    opacity: 1;
}

.mi-view[b-h0ylxtup8a] {
    font-size: var(--text-2xs);
    font-weight: 500;
    color: var(--accent-fg);
    white-space: nowrap;
}

.mi-empty[b-h0ylxtup8a] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 10px;
    color: var(--fg-subtle);
    font-size: var(--text-xs);
}

.mi-more[b-h0ylxtup8a] {
    text-align: center;
    font-size: var(--text-2xs);
    color: var(--fg-subtle);
    padding: 6px 0 2px;
    font-family: var(--font-mono);
}
/* /Components/Features/ProcedureWalkerView.razor.rz.scp.css */
.proc-header[b-wofr0as7gv] {
    background: var(--canvas-default); border: 1px solid var(--border-default);
    border-radius: 12px; padding: 20px; margin-bottom: 16px;
}

.proc-eyebrow[b-wofr0as7gv] {
    font-size: var(--text-10); font-weight: 500; color: var(--fg-subtle);
    letter-spacing: 0.6px;
    font-family: var(--font-mono); margin-bottom: 8px;
    display: flex; align-items: center; gap: 8px;
}

.proc-badge[b-wofr0as7gv] {
    padding: 2px 7px; border-radius: 4px;
    background: rgba(59,130,246,0.1); color: var(--accent-fg);
    font-size: var(--text-3xs); font-weight: 500;
}

.proc-title[b-wofr0as7gv] { font-size: var(--text-3xl); color: var(--fg-default); margin-bottom: 6px; }
.proc-meta[b-wofr0as7gv]  { display: flex; gap: 12px; font-size: var(--text-2xs); color: var(--fg-subtle); }

.proc-progress-wrap[b-wofr0as7gv] { margin-top: 14px; }
.proc-progress-label[b-wofr0as7gv] { display: flex; justify-content: space-between; font-size: var(--text-2xs); color: var(--fg-subtle); margin-bottom: 6px; }
.proc-progress-bar[b-wofr0as7gv]   { height: 4px; background: var(--canvas-inset); border-radius: 2px; overflow: hidden; }
.proc-progress-fill[b-wofr0as7gv]  { height: 100%; background: var(--accent-fg); border-radius: 2px; transition: width 0.4s ease; }

.proc-steps[b-wofr0as7gv] { display: flex; flex-direction: column; gap: 8px; }

.proc-step[b-wofr0as7gv] {
    display: flex; gap: 12px; align-items: flex-start;
    padding: 14px 16px;
    background: var(--canvas-default); border: 1px solid var(--border-default);
    border-radius: 10px; cursor: pointer; transition: all 0.15s;
}

.proc-step:hover[b-wofr0as7gv]  { background: var(--canvas-subtle); }
.proc-step.active[b-wofr0as7gv] { background: var(--canvas-subtle); border-color: rgba(59,130,246,0.3); }
.proc-step.done[b-wofr0as7gv]   { opacity: 0.6; }
.proc-step.done .proc-step-num[b-wofr0as7gv] { background: var(--success-fg); color: white; border-color: transparent; }

.proc-step-num[b-wofr0as7gv] {
    width: 26px; height: 26px; border-radius: 50%; flex-shrink: 0;
    background: var(--canvas-inset); border: 1px solid var(--border-muted);
    display: flex; align-items: center; justify-content: center;
    font-size: var(--text-2xs); font-weight: 500; color: var(--fg-subtle);
    font-family: var(--font-mono);
}

.proc-step.active .proc-step-num[b-wofr0as7gv] {
    background: var(--accent-fg);
    color: white; border-color: transparent;
    
}

.proc-step-content[b-wofr0as7gv] { flex: 1; }
.proc-step-title[b-wofr0as7gv]   { font-size: var(--text-sm); font-weight: 500; color: var(--fg-default); margin-bottom: 3px; }
.proc-step-desc[b-wofr0as7gv]    { font-size: var(--text-2xs); color: var(--fg-subtle); line-height: 1.5; }

.proc-step-status[b-wofr0as7gv] {
    font-size: var(--text-10); font-weight: 500; padding: 2px 7px; border-radius: 4px;
    font-family: var(--font-mono); flex-shrink: 0; align-self: center;
}

.proc-step-expanded[b-wofr0as7gv] {
    background: var(--canvas-subtle); border: 1px solid rgba(59,130,246,0.2);
    border-radius: 10px; padding: 16px; margin-top: -4px;
    display: flex; flex-direction: column; gap: 12px;
    animation: fadeUp 0.25s ease both;
}

.proc-step-question[b-wofr0as7gv] { font-size: var(--text-sm); color: var(--fg-default); line-height: 1.6; }

.proc-options[b-wofr0as7gv] { display: flex; gap: 8px; flex-wrap: wrap; }

.proc-option[b-wofr0as7gv] {
    padding: 8px 14px;
    background: var(--canvas-inset); border: 1px solid var(--border-muted);
    border-radius: 8px; font-size: var(--text-xs); font-weight: 500;
    color: var(--fg-muted); cursor: pointer; transition: all 0.15s;
}

.proc-option:hover[b-wofr0as7gv]    { background: rgba(37,99,235,0.1); border-color: rgba(37,99,235,0.3); color: var(--accent-fg); }
.proc-option.selected[b-wofr0as7gv] { background: rgba(37,99,235,0.12); border-color: rgba(37,99,235,0.4); color: var(--accent-fg); }

.proc-note-input[b-wofr0as7gv] {
    width: 100%; padding: 10px 12px;
    background: var(--canvas-inset); border: 1px solid var(--border-muted);
    border-radius: 8px; color: var(--fg-default);
    font-size: var(--text-xs);
    outline: none; resize: none; transition: border-color 0.15s;
}

.proc-note-input:focus[b-wofr0as7gv] { border-color: rgba(59,130,246,0.4); }
.proc-note-input[b-wofr0as7gv]::placeholder { color: var(--fg-subtle); }

.proc-next-btn[b-wofr0as7gv] {
    padding: 9px 18px; align-self: flex-start;
    background: var(--accent-fg);
    border: none; border-radius: 8px;
    
    font-size: var(--text-xs); font-weight: 500; color: white;
    cursor: pointer; transition: all 0.15s;
    
}

.proc-next-btn:hover[b-wofr0as7gv] { }

/* /Components/Features/RequestCompletionTab.razor.rz.scp.css */
.rct-loading[b-cijzk4kyob] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 32px;
    color: var(--fg-muted);
    font-size: var(--text-sm);
}

.rct-panel[b-cijzk4kyob] {
    width: 100%;
}

.rct-section[b-cijzk4kyob] {
    margin-bottom: 20px;
}

.rct-section-header[b-cijzk4kyob] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.rct-section-title[b-cijzk4kyob] {
    font-weight: 500;
    font-size: var(--text-md);
    color: var(--fg-default);
}

.rct-card[b-cijzk4kyob] {
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    padding: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: start;
}

/* Right column: due date + note stacked beside the assignee picker. */
.rct-meta-col[b-cijzk4kyob] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Below the form breakpoint the two columns fold into a single stack. */
@media (max-width: 768px) {
    .rct-card[b-cijzk4kyob] {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

.rct-actions[b-cijzk4kyob] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
}

.rct-save-btn[b-cijzk4kyob] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 28px;
    font-weight: 500;
    font-size: var(--text-sm);
    font-family: inherit;
    letter-spacing: 0.3px;
    border-radius: 8px;
    border: none;
    background: var(--accent-fg);
    color: var(--fg-on-emphasis);
    
    cursor: pointer;
    transition: all 0.15s;
}

.rct-save-btn:hover:not(:disabled)[b-cijzk4kyob] {
    
    
}

.rct-save-btn:disabled[b-cijzk4kyob] {
    opacity: 0.4;
    cursor: not-allowed;
}

/* Assignee selector */
.rct-assignee[b-cijzk4kyob] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rct-assignee-label[b-cijzk4kyob] {
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--fg-muted);
}

.rct-assignee-tabs[b-cijzk4kyob] {
    display: flex;
    gap: 4px;
}

.rct-tab[b-cijzk4kyob] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: 6px;
    border: 1px solid var(--border-default);
    background: transparent;
    color: var(--fg-muted);
    font-size: var(--text-xs);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
    font-family: inherit;
}

.rct-tab:hover[b-cijzk4kyob] {
    background: var(--canvas-subtle);
    border-color: var(--border-muted);
    color: var(--fg-default);
}

.rct-tab--active[b-cijzk4kyob] {
    background: var(--canvas-subtle);
    border-color: var(--accent-fg);
    color: var(--accent-fg);
}

.rct-tab:disabled[b-cijzk4kyob] {
    opacity: 0.4;
    cursor: not-allowed;
}

.rct-tab:disabled:hover[b-cijzk4kyob] {
    background: transparent;
    border-color: var(--border-default);
    color: var(--fg-muted);
}

.rct-empty-hint[b-cijzk4kyob] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 4px;
    color: var(--fg-muted);
    font-size: var(--text-sm);
}

.rct-assignee-search[b-cijzk4kyob] {
    margin-top: 4px;
}

.rct-assignee-list[b-cijzk4kyob] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.rct-assignee-pill[b-cijzk4kyob] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px 6px 6px;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    border-radius: 8px;
}

.rct-assignee-avatar[b-cijzk4kyob] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--accent-fg);
    color: var(--fg-on-emphasis);
    font-size: var(--text-10);
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.rct-assignee-avatar--team[b-cijzk4kyob] {
    background: var(--attention-fg);
}

.rct-assignee-name[b-cijzk4kyob] {
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--fg-default);
}

/* Pending requests */
.rct-pending-count[b-cijzk4kyob] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 10px;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    color: var(--fg-muted);
    font-size: var(--text-xs);
    font-weight: 600;
}

.rct-pending-list[b-cijzk4kyob] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.rct-pending-row[b-cijzk4kyob] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 10px;
}

.rct-pending-main[b-cijzk4kyob] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.rct-pending-assignee[b-cijzk4kyob] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--fg-default);
}

.rct-pending-note[b-cijzk4kyob] {
    font-size: var(--text-xs);
    color: var(--fg-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rct-pending-meta[b-cijzk4kyob] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.rct-pending-date[b-cijzk4kyob] {
    font-size: var(--text-xs);
    color: var(--fg-muted);
    white-space: nowrap;
}
/* /Components/Features/RiskCard.razor.rz.scp.css */
.rc-card[b-v7kil6llzv] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px;
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-left: 3px solid var(--border-default);
    border-radius: 0;
    cursor: pointer;
    transition: background 0.12s ease;
}

.rc-card:hover[b-v7kil6llzv] {
    background: var(--canvas-subtle);
}

.rc-main[b-v7kil6llzv] {
    flex: 1;
    min-width: 0;
}

.rc-head[b-v7kil6llzv] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.rc-badge[b-v7kil6llzv] {
    font-size: var(--text-xs);
    font-weight: 500;
    padding: 1px 8px;
    border-radius: 10px;
}

.rc-cat[b-v7kil6llzv] {
    font-size: var(--text-xs);
    font-weight: 400;
    color: var(--fg-muted);
}

.rc-ws[b-v7kil6llzv] {
    font-size: var(--text-xs);
    font-weight: 400;
    color: var(--fg-muted);
    border: 1px solid var(--border-default);
    border-radius: 10px;
    padding: 1px 8px;
    margin-left: auto;
}

.rc-title[b-v7kil6llzv] {
    font-size: var(--text-15);
    font-weight: 500;
    color: var(--fg-default);
}

.rc-desc[b-v7kil6llzv] {
    font-size: var(--text-sm);
    font-weight: 400;
    color: var(--fg-muted);
    margin-top: 2px;
}

.rc-status[b-v7kil6llzv] {
    font-size: var(--text-xs);
    font-weight: 500;
    margin-top: 8px;
}

.rc-modules[b-v7kil6llzv] {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    cursor: default;
}

.rc-module-head[b-v7kil6llzv] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    font-size: var(--text-sm);
}

.rc-module-title[b-v7kil6llzv] {
    font-weight: 500;
    color: var(--fg-default);
}

.rc-module-meta[b-v7kil6llzv] {
    font-weight: 400;
    color: var(--fg-muted);
    font-size: var(--text-xs);
}

.rc-module-pct[b-v7kil6llzv] {
    margin-left: auto;
    font-weight: 500;
    color: var(--fg-default);
    font-size: var(--text-xs);
}

.rc-bar[b-v7kil6llzv] {
    margin-top: 4px;
    height: 4px;
    background: var(--border-default);
    border-radius: 2px;
    overflow: hidden;
}

.rc-bar-fill[b-v7kil6llzv] {
    height: 100%;
    border-radius: 2px;
}

.rc-empty[b-v7kil6llzv] {
    margin-top: 12px;
    font-size: var(--text-xs);
    color: var(--fg-muted);
}

.rc-donut[b-v7kil6llzv] {
    flex-shrink: 0;
}

.rc-donut-text[b-v7kil6llzv] {
    font-size: 9px;
    font-weight: 500;
    fill: var(--fg-default);
}
/* /Components/Features/RoleCard.razor.rz.scp.css */
.role-card[b-udz7tn5vvs] {
    padding: 12px;
    border-radius: 9px;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    cursor: pointer;
    transition: all 0.15s;
    text-align: center;
}

.role-card:hover[b-udz7tn5vvs] {
    background: var(--canvas-inset);
    border-color: var(--border-muted);
}

.role-card.selected[b-udz7tn5vvs] {
    background: rgba(37,99,235,0.12);
    border-color: rgba(37,99,235,0.35);
    
}

.role-icon[b-udz7tn5vvs] {
    font-size: var(--text-2xl);
    margin-bottom: 5px;
}

.role-name[b-udz7tn5vvs] {
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--fg-default);
    margin-bottom: 2px;
}

.role-desc[b-udz7tn5vvs] {
    font-size: var(--text-10);
    color: var(--fg-subtle);
}
/* /Components/Features/SetupProgress.razor.rz.scp.css */
.success-state[b-pd3591ehoh] {
    text-align: center;
    padding: 32px 0;
    animation: fadeUp 0.4s ease both;
}

.success-icon[b-pd3591ehoh] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--success-fg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-5xl);
    margin: 0 auto 20px;
    
    animation: scaleIn-b-pd3591ehoh 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

@keyframes scaleIn-b-pd3591ehoh {
    from { transform: scale(0); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

.success-title[b-pd3591ehoh] {
    
    font-size: var(--text-24);
    color: var(--fg-default);
    margin-bottom: 8px;
}

.success-title em[b-pd3591ehoh] {
    font-style: italic;
    color: var(--fg-muted);
}

.success-sub[b-pd3591ehoh] {
    font-size: var(--text-sm);
    color: var(--fg-subtle);
    line-height: 1.6;
    margin-bottom: 24px;
}

.setup-log[b-pd3591ehoh] {
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    border-radius: 10px;
    padding: 16px;
    text-align: left;
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.setup-log-label[b-pd3591ehoh] {
    font-size: var(--text-2xs);
    color: var(--fg-subtle);
    
    letter-spacing: 0.5px;
    font-weight: 500;
    margin-bottom: 4px;
}

.setup-log-item[b-pd3591ehoh] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: var(--text-xs);
    color: var(--fg-muted);
    animation: fadeUp 0.3s ease both;
}

.setup-log-item.complete[b-pd3591ehoh] {
    color: var(--success-fg);
    font-weight: 500;
}

.setup-log-icon[b-pd3591ehoh] {
    font-size: var(--text-md);
}
/* /Components/Features/StarredItemsWidget.razor.rz.scp.css */
.sw-list[b-wu2ld579zg] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sw-row[b-wu2ld579zg] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.12s;
}

.sw-row:hover[b-wu2ld579zg] {
    background: var(--canvas-subtle);
}

.sw-star[b-wu2ld579zg] {
    color: var(--attention-fg);
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.sw-info[b-wu2ld579zg] {
    flex: 1;
    min-width: 0;
}

.sw-name[b-wu2ld579zg] {
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--fg-default);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sw-meta[b-wu2ld579zg] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-10);
    color: var(--fg-subtle);
    font-family: var(--font-mono);
    margin-top: 1px;
}

.sw-action[b-wu2ld579zg] {
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.15s;
}

.sw-row:hover .sw-action[b-wu2ld579zg] {
    opacity: 1;
}

.sw-btn[b-wu2ld579zg] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 6px;
    border: 1px solid var(--border-default);
    background: var(--canvas-inset);
    color: var(--fg-muted);
    font-size: var(--text-2xs);
    font-weight: 500;
    
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}

.sw-btn.create:hover[b-wu2ld579zg] {
    border-color: var(--accent-fg);
    color: var(--accent-fg);
    background: rgba(59, 130, 246, 0.08);
}

.sw-btn.open:hover[b-wu2ld579zg] {
    border-color: var(--info-fg);
    color: var(--info-fg);
    background: rgba(6, 182, 212, 0.08);
}

/* Empty state */
.sw-empty[b-wu2ld579zg] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 10px;
    color: var(--fg-subtle);
    font-size: var(--text-xs);
}

.sw-empty-icon[b-wu2ld579zg] {
    opacity: 0.3;
    display: flex;
    align-items: center;
}

/* More count */
.sw-more[b-wu2ld579zg] {
    display: block;
    text-align: center;
    font-size: var(--text-2xs);
    color: var(--fg-subtle);
    padding: 6px 0 2px;
    font-family: var(--font-mono);
    text-decoration: none;
    cursor: pointer;
    transition: color 0.15s;
}

.sw-more:hover[b-wu2ld579zg] {
    color: var(--accent-fg);
}
/* /Components/Features/StatCard.razor.rz.scp.css */
.scard[b-o96hdk2dge] {
    background: var(--canvas-default); border: 1px solid var(--border-default);
    border-radius: 10px; padding: 14px 16px;
    cursor: pointer; transition: all 0.2s;
    position: relative; overflow: hidden;
}

.scard:hover[b-o96hdk2dge] { background: var(--canvas-subtle); border-color: var(--border-muted); }
.scard.scard--active[b-o96hdk2dge] { background: var(--canvas-subtle); border-color: var(--accent-fg); }

.scard-accent[b-o96hdk2dge] {
    position: absolute; top: 0; left: 0; right: 0; height: 2px;
    border-radius: 10px 10px 0 0;
}

.scard-label[b-o96hdk2dge] {
    font-size: var(--text-10); font-weight: 500; color: var(--fg-subtle);
    letter-spacing: 0.6px; margin-bottom: 10px;
    display: flex; align-items: center; gap: 5px;
    flex-wrap: wrap; min-height: 30px;
}

.scard-bflag[b-o96hdk2dge] {
    font-size: var(--text-3xs); padding: 1px 5px; border-radius: 4px;
    font-weight: 500; opacity: 0.8;
}

.scard-value[b-o96hdk2dge] {
    font-family: var(--font-mono);
    font-size: var(--text-30); font-weight: 500;
    color: var(--fg-default); line-height: 1; margin-bottom: 5px;
}

.scard-sub[b-o96hdk2dge] { font-size: var(--text-2xs); color: var(--fg-subtle); }
.scard-sub.warn[b-o96hdk2dge]   { color: var(--attention-fg); }
.scard-sub.danger[b-o96hdk2dge] { color: var(--danger-fg); }
.scard-sub.good[b-o96hdk2dge]   { color: var(--success-fg); }
/* /Components/Features/StatDrilldown.razor.rz.scp.css */
.stat-drilldown[b-7ttjtiicf3] {
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    margin-bottom: 20px;
    overflow: hidden;
    animation: fadeUp 0.25s ease both;
}

.stat-drilldown-header[b-7ttjtiicf3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-default);
}

.stat-drilldown-title[b-7ttjtiicf3] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--fg-default);
}

.stat-drilldown-dot[b-7ttjtiicf3] {
    width: 8px; height: 8px; border-radius: 50%;
}

.stat-drilldown-count[b-7ttjtiicf3] {
    font-size: var(--text-2xs);
    font-family: var(--font-mono);
    color: var(--fg-muted);
    background: rgba(255,255,255,0.06);
    padding: 1px 8px;
    border-radius: 10px;
}

.stat-drilldown-close[b-7ttjtiicf3] {
    display: flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; border-radius: 6px;
    background: var(--canvas-subtle); border: 1px solid var(--border-default);
    color: var(--fg-subtle); cursor: pointer; transition: all 0.15s;
}

.stat-drilldown-close:hover[b-7ttjtiicf3] {
    background: var(--canvas-inset); color: var(--fg-default);
}

.stat-drilldown-loading[b-7ttjtiicf3] {
    display: flex; align-items: center; justify-content: center;
    padding: 32px;
}

.stat-drilldown-empty[b-7ttjtiicf3] {
    padding: 24px; text-align: center;
    font-size: var(--text-sm); color: var(--fg-subtle);
}

.stat-drilldown-grid[b-7ttjtiicf3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 8px;
    padding: 12px;
}

.stat-drilldown-card[b-7ttjtiicf3] {
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    border-radius: 10px;
    padding: 14px 16px;
    cursor: pointer;
    transition: all 0.15s;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.stat-drilldown-card:hover[b-7ttjtiicf3] {
    border-color: var(--border-muted);
    background: var(--canvas-inset);
}

.stat-drilldown-card-top[b-7ttjtiicf3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.stat-drilldown-card-name[b-7ttjtiicf3] {
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--fg-default);
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stat-drilldown-card-status[b-7ttjtiicf3] {
    font-size: var(--text-10);
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 2px 8px;
    border-radius: 4px;
    flex-shrink: 0;
}

.stat-drilldown-card-meta[b-7ttjtiicf3] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--text-2xs);
    color: var(--fg-subtle);
}

.stat-drilldown-card-table[b-7ttjtiicf3] {
    font-weight: 500;
}

.stat-drilldown-card-id[b-7ttjtiicf3] {
    font-family: var(--font-mono);
    font-size: var(--text-10);
}
/* /Components/Features/StatusFilterBar.razor.rz.scp.css */
.status-filter-bar[b-r1mmc6y8hs] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-left: 20px;
    /*margin-top: 12px;*/
}

.filter-chip[b-r1mmc6y8hs] {
    padding: 4px 12px;
    border-radius: 20px;
    font-size: var(--text-2xs);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
    border: 1px solid var(--border-muted);
    background: transparent;
    color: var(--fg-muted);
    user-select: none;
}

.filter-chip:hover[b-r1mmc6y8hs] {
    border-color: var(--border-default);
    color: var(--fg-default);
}

.filter-chip.all.active[b-r1mmc6y8hs] {
    background: var(--canvas-inset);
    border-color: var(--border-default);
    color: var(--fg-default);
}

.filter-chip.status.active[b-r1mmc6y8hs] {
    background: color-mix(in srgb, var(--s-colour) 15%, transparent);
    border-color: color-mix(in srgb, var(--s-colour) 40%, transparent);
    color: var(--s-colour);
}

.filter-divider[b-r1mmc6y8hs] {
    width: 1px;
    height: 20px;
    background: var(--border-default);
    margin: 0 2px;
}
/* /Components/Features/StatusSelector.razor.rz.scp.css */
.status-selector[b-o223tqgd7l] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.status-btn[b-o223tqgd7l] {
    padding: 4px 12px;
    border-radius: 20px;
    font-size: var(--text-2xs);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
    border: 1px solid color-mix(in srgb, var(--s-colour) 30%, transparent);
    background: transparent;
    color: var(--fg-muted);
}

.status-btn:hover[b-o223tqgd7l] {
    background: color-mix(in srgb, var(--s-colour) 10%, transparent);
    color: var(--s-colour);
    border-color: color-mix(in srgb, var(--s-colour) 40%, transparent);
}

.status-btn.active[b-o223tqgd7l] {
    background: color-mix(in srgb, var(--s-colour) 15%, transparent);
    border-color: color-mix(in srgb, var(--s-colour) 40%, transparent);
    color: var(--s-colour);
}

.status-btn.disabled[b-o223tqgd7l] {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

.status-divider[b-o223tqgd7l] {
    width: 1px;
    height: 20px;
    background: var(--border-default);
    margin: 0 4px;
}

.status-confirm[b-o223tqgd7l] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-muted);
    border-radius: 8px;
    font-size: var(--text-2xs);
    color: var(--fg-muted);
    animation: fadeUp 0.15s ease both;
}

.status-confirm-yes[b-o223tqgd7l] {
    padding: 3px 10px;
    border-radius: 20px;
    font-size: var(--text-2xs);
    font-weight: 500;
    background: color-mix(in srgb, var(--s-colour) 15%, transparent);
    border: 1px solid color-mix(in srgb, var(--s-colour) 30%, transparent);
    color: var(--s-colour);
    cursor: pointer;
}

.status-confirm-no[b-o223tqgd7l] {
    padding: 3px 10px;
    border-radius: 20px;
    font-size: var(--text-2xs);
    color: var(--fg-subtle);
    background: transparent;
    border: 1px solid var(--border-default);
    cursor: pointer;
}
/* /Components/Features/SuggestionChips.razor.rz.scp.css */
.suggestions[b-ny1prrs1ev] {
    padding: 8px 14px; border-top: 1px solid var(--border-default);
    display: flex; flex-wrap: wrap; gap: 5px; flex-shrink: 0;
}

.sug[b-ny1prrs1ev] {
    padding: 4px 10px;
    background: var(--canvas-subtle); border: 1px solid var(--border-default);
    border-radius: 20px; font-size: var(--text-10); color: var(--fg-subtle);
    cursor: pointer; transition: all 0.15s; white-space: nowrap;
}

.sug:hover[b-ny1prrs1ev] { border-color: var(--border-muted); color: var(--fg-muted); }
/* /Components/Features/TableAccessDenied.razor.rz.scp.css */
/* Full-bleed Manager-only gate (moved from TableEditPage on the Add/Edit split). */
.te-no-access[b-rlhrhoq3ti] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 80px 32px;
    gap: 12px;
}

.te-no-access-icon[b-rlhrhoq3ti] {
    font-size: var(--text-8xl);
    margin-bottom: 8px;
}

.te-no-access-title[b-rlhrhoq3ti] {
    font-size: var(--text-xl);
    font-weight: 500;
    color: var(--fg-default);
}

.te-no-access-desc[b-rlhrhoq3ti] {
    font-size: var(--text-md);
    color: var(--fg-muted);
    max-width: 400px;
    line-height: 1.5;
}

.te-no-access-back[b-rlhrhoq3ti] {
    margin-top: 16px;
    padding: 8px 20px;
    border-radius: 8px;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    color: var(--fg-default);
    font-size: var(--text-sm);
    cursor: pointer;
    transition: background 0.15s;
}

.te-no-access-back:hover[b-rlhrhoq3ti] {
    background: var(--canvas-inset);
}
/* /Components/Features/TableDetailsForm.razor.rz.scp.css */
/* Behaviours picker (the one page-local bit of the module Details form; .te-card/.te-card-body
   and the Mud input skin are global). Moved here from TableEditPage when the form was extracted. */
.te-behaviours[b-421ajdftw5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.te-behaviour[b-421ajdftw5] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s;
}

.te-behaviour:hover[b-421ajdftw5] {
    border-color: var(--border-muted);
    background: var(--canvas-subtle);
}

.te-behaviour--active[b-421ajdftw5] {
    border-color: var(--accent-muted);
    background: var(--accent-subtle);
}

.te-behaviour-check[b-421ajdftw5] {
    flex-shrink: 0;
    padding-top: 2px;
}

.te-behaviour-body[b-421ajdftw5] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex: 1;
}

.te-behaviour-icon[b-421ajdftw5] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: rgba(255,255,255,0.04);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.te-behaviour-name[b-421ajdftw5] {
    font-weight: 500;
    font-size: var(--text-sm);
    color: var(--fg-default);
    margin-bottom: 2px;
}

.te-behaviour-desc[b-421ajdftw5] {
    font-size: var(--text-2xs);
    color: var(--fg-muted);
    line-height: 1.5;
}
/* /Components/Features/TableItemContentView.razor.rz.scp.css */
/* Loading */
.tic-loading[b-m0fkhxdc55] {
    display: flex; gap: 6px; justify-content: center;
    padding: 60px 20px;
}

.tic-loading-dot[b-m0fkhxdc55] {
    width: 8px; height: 8px; border-radius: 50%;
    background: var(--fg-subtle);
    animation: ticPulse-b-m0fkhxdc55 1.2s infinite ease-in-out;
}

.tic-loading-dot:nth-child(2)[b-m0fkhxdc55] { animation-delay: 0.15s; }
.tic-loading-dot:nth-child(3)[b-m0fkhxdc55] { animation-delay: 0.3s; }

@keyframes ticPulse-b-m0fkhxdc55 {
    0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); }
    40% { opacity: 1; transform: scale(1); }
}

/* Header */
.tic-header[b-m0fkhxdc55] {
    background: var(--canvas-default); border: 1px solid var(--border-default);
    border-radius: 12px; padding: 20px; margin-bottom: 12px;
}

.tic-eyebrow[b-m0fkhxdc55] {
    font-size: var(--text-10); font-weight: 500; color: var(--fg-subtle);
    letter-spacing: 0.6px;
    font-family: var(--font-mono); margin-bottom: 8px;
    display: flex; align-items: center; gap: 8px;
}

.tic-badge[b-m0fkhxdc55] {
    padding: 2px 7px; border-radius: 4px;
    font-size: var(--text-3xs); font-weight: 500;
}

.tic-title[b-m0fkhxdc55] {
    font-size: var(--text-3xl);
    color: var(--fg-default); margin-bottom: 6px;
}

.tic-meta[b-m0fkhxdc55] {
    display: flex; gap: 8px; align-items: center;
}

.tic-id[b-m0fkhxdc55] {
    padding: 1px 6px; border-radius: 4px;
    background: var(--canvas-inset); font-family: var(--font-mono);
    font-size: var(--text-10); font-weight: 500; color: var(--fg-muted);
}

.tic-status[b-m0fkhxdc55] {
    padding: 2px 8px; border-radius: 4px;
    font-size: var(--text-10); font-weight: 500;
    font-family: var(--font-mono);
}

/* Status selector row */
.tic-status-row[b-m0fkhxdc55] {
    display: flex; gap: 6px; margin-bottom: 12px; flex-wrap: wrap;
}

.tic-status-btn[b-m0fkhxdc55] {
    padding: 7px 12px;
    background: var(--canvas-default); border: 1px solid var(--border-default);
    border-radius: 8px; cursor: pointer; transition: all 0.15s;
    
    font-size: var(--text-2xs); font-weight: 500; color: var(--fg-subtle);
}

.tic-status-btn:hover[b-m0fkhxdc55] {
    background: color-mix(in srgb, var(--sc) 8%, transparent);
    border-color: color-mix(in srgb, var(--sc) 30%, transparent);
    color: var(--sc);
}

.tic-status-btn.active[b-m0fkhxdc55] {
    background: color-mix(in srgb, var(--sc) 12%, transparent);
    border-color: color-mix(in srgb, var(--sc) 40%, transparent);
    color: var(--sc);
}

/* Fields */
.tic-fields[b-m0fkhxdc55] {
    background: var(--canvas-default); border: 1px solid var(--border-default);
    border-radius: 12px; padding: 16px; margin-bottom: 12px;
}

.tic-section-title[b-m0fkhxdc55] {
    font-size: var(--text-2xs); font-weight: 500; color: var(--fg-subtle);
    letter-spacing: 0.5px;
    font-family: var(--font-mono); margin-bottom: 12px;
}

.tic-field[b-m0fkhxdc55] {
    display: flex; justify-content: space-between; align-items: flex-start;
    padding: 8px 0;
    border-bottom: 1px solid var(--border-default);
}

.tic-field:last-child[b-m0fkhxdc55] { border-bottom: none; }

.tic-field-label[b-m0fkhxdc55] {
    font-size: var(--text-xs); font-weight: 500; color: var(--fg-subtle);
    flex-shrink: 0; max-width: 40%;
}

.tic-field-value[b-m0fkhxdc55] {
    font-size: var(--text-xs); color: var(--fg-default); text-align: right;
    word-break: break-word; max-width: 58%;
}

/* Footer */
.tic-footer[b-m0fkhxdc55] {
    display: flex; justify-content: center; padding-top: 4px;
}

.tic-open-btn[b-m0fkhxdc55] {
    display: flex; align-items: center; gap: 6px;
    padding: 9px 18px;
    background: var(--canvas-default); border: 1px solid var(--border-default);
    border-radius: 8px; cursor: pointer; transition: all 0.15s;
    
    font-size: var(--text-xs); font-weight: 500; color: var(--fg-muted);
}

.tic-open-btn:hover[b-m0fkhxdc55] {
    background: var(--canvas-subtle); color: var(--fg-default);
    border-color: var(--border-muted);
}
/* /Components/Features/TableItemHistoryPanel.razor.rz.scp.css */
/* All .tih-* version-history styles are now global (see components.css → "Version history list").
   Shared with TableEditPage's History tab, so they live in one place rather than a per-page copy. */
/* /Components/Features/TableItemList.razor.rz.scp.css */
/* Assignee pills (each pill is the shared <AssigneePill>; this only lays them out) */
.til-assignees[b-qr42hvloay] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

/* Search — content of the shared <Toolbar> left pane */
.til-search-wrap[b-qr42hvloay] {
    position: relative;
    flex: 1;
    max-width: 360px;
}

.til-search-wrap[b-qr42hvloay]  .til-search-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1;
}

.til-search[b-qr42hvloay] {
    width: 100%;
    padding: 8px 12px 8px 36px;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    color: var(--fg-default);
    font-size: var(--text-sm);
    
    outline: none;
    transition: border-color 0.15s;
}

.til-search[b-qr42hvloay]::placeholder {
    color: var(--fg-muted);
    opacity: 0.7;
}

.til-search:focus[b-qr42hvloay] {
    border-color: rgba(59, 130, 246, 0.4);
}

/* Count pill */
.til-count-pill[b-qr42hvloay] {
    padding: 4px 10px;
    border-radius: 20px;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    font-size: var(--text-2xs);
    font-weight: 500;
    color: var(--fg-muted);
    font-family: var(--font-mono);
    white-space: nowrap;
}

/* Add button */
.til-add-btn[b-qr42hvloay] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: 8px;
    background: var(--accent-fg);
    border: none;
    color: white;
    font-size: var(--text-xs);
    font-weight: 500;
    
    cursor: pointer;
    transition: all 0.15s;
    
    white-space: nowrap;
}

.til-add-btn:hover[b-qr42hvloay] {
    
    
}

/* Table wrapper — override MudTable defaults */
.til-table-wrap[b-qr42hvloay] {
    overflow-x: auto;
}

.til-table-wrap[b-qr42hvloay]  .mud-table {
    background: transparent !important;
    box-shadow: none !important;
}

.til-table-wrap[b-qr42hvloay]  .mud-table-toolbar {
    display: none;
}

/* Header */
.til-table-wrap[b-qr42hvloay]  .mud-table-head .mud-table-row {
    background: var(--canvas-subtle) !important;
}

.til-table-wrap[b-qr42hvloay]  .mud-table-head th {
    font-size: var(--text-10) !important;
    font-weight: 500 !important;
    
    letter-spacing: 0.6px !important;
    color: var(--fg-muted) !important;
    padding: 12px 18px !important;
    border-bottom: 1px solid var(--border-default) !important;
    background: transparent !important;
}

.til-table-wrap[b-qr42hvloay]  .mud-table-head th .mud-table-sort-label {
    color: var(--fg-muted) !important;
    font-size: var(--text-10) !important;
    font-weight: 500 !important;
    
    letter-spacing: 0.6px !important;
}

/* Data rows */
.til-table-wrap[b-qr42hvloay]  .mud-table-body .mud-table-row {
    background: transparent !important;
    cursor: pointer;
    transition: background 0.12s;
}

.til-table-wrap[b-qr42hvloay]  .mud-table-body .mud-table-row:hover {
    background: var(--canvas-subtle) !important;
}

.til-table-wrap[b-qr42hvloay]  .mud-table-body td {
    padding: 14px 18px !important;
    border-bottom: 1px solid var(--border-default) !important;
    font-size: var(--text-sm) !important;
    color: var(--fg-default) !important;
}

/* Remove MudBlazor default striping */
.til-table-wrap[b-qr42hvloay]  .mud-table-body .mud-table-row.mud-table-row-group-indented-1,
.til-table-wrap[b-qr42hvloay]  .mud-table-body tr:nth-child(odd) {
    background: transparent !important;
}

/* Cell styles */
.til-cell-name[b-qr42hvloay] {
    color: var(--fg-default);
    font-weight: 500;
}

.til-cell-muted[b-qr42hvloay] {
    color: var(--fg-muted);
    font-size: var(--text-xs);
    font-family: var(--font-mono);
}

/* Pager */
.til-table-wrap[b-qr42hvloay]  .mud-table-pagination {
    border-top: 1px solid var(--border-default) !important;
    padding: 8px 18px !important;
}

.til-table-wrap[b-qr42hvloay]  .mud-table-pagination .mud-table-pagination-caption {
    color: var(--fg-muted) !important;
    font-size: var(--text-xs) !important;
}

.til-table-wrap[b-qr42hvloay]  .mud-table-pagination .mud-table-pagination-actions button {
    color: var(--fg-muted) !important;
    min-width: 30px !important;
}

.til-table-wrap[b-qr42hvloay]  .mud-table-pagination .mud-table-pagination-actions button:hover {
    background: var(--canvas-subtle) !important;
}

.til-table-wrap[b-qr42hvloay]  .mud-table-pagination .mud-select {
    color: var(--fg-muted) !important;
}

@media (max-width: 600px) {
    .til-search-wrap[b-qr42hvloay] {
        max-width: none;
    }
}
/* /Components/Features/TableRunFeed.razor.rz.scp.css */
.trf[b-7zwqooc632] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px 0 8px;
}

.trf-alert[b-7zwqooc632] {
    margin: 8px 0;
}

/* Row-divider list — the module-list idiom (TableListPage .tl-rows / .tl-row): ONE bordered,
   rounded frame owns the border/radius/overflow; each row owns only its layout + a hairline
   divider. This replaces the earlier card-per-run (box-in-box) look. */
.trf-rows[b-7zwqooc632] {
    display: flex;
    flex-direction: column;
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.trf-row[b-7zwqooc632] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    background: var(--canvas-default);
    border-bottom: 1px solid var(--border-muted);
    cursor: pointer;
    transition: background-color 80ms ease;
}

.trf-row:last-child[b-7zwqooc632] {
    border-bottom: none;
}

.trf-row:hover[b-7zwqooc632] {
    background: var(--canvas-subtle);
}

/* Rounded-square Completable tick icon — matches .tl-row-icon (behaviour glyph on accent-subtle). */
.trf-row-icon[b-7zwqooc632] {
    width: 34px;
    height: 34px;
    border-radius: var(--radius-md);
    background: var(--accent-subtle);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.trf-row-body[b-7zwqooc632] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.trf-line[b-7zwqooc632] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.trf-who[b-7zwqooc632] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--fg-default);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* When a completer name leads, the status reads as a quiet qualifier, not a second headline. */
.trf-status-sub[b-7zwqooc632] {
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--fg-muted);
    flex: none;
}

.trf-version[b-7zwqooc632] {
    font-size: var(--text-xs);
    font-family: var(--font-mono, ui-monospace, monospace);
    color: var(--fg-muted);
    background: var(--tone-neutral-bg);
    border-radius: 4px;
    padding: 1px 6px;
}

.trf-subject[b-7zwqooc632] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: var(--text-sm);
    color: var(--fg-muted);
    min-width: 0;
}

.trf-subject-arrow[b-7zwqooc632] {
    font-size: var(--text-sm) !important;
    width: var(--text-sm);
    height: var(--text-sm);
    color: var(--fg-muted);
    flex: none;
}

.trf-subject-link[b-7zwqooc632] {
    color: var(--tone-info-fg);
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trf-subject-link:hover[b-7zwqooc632] {
    text-decoration: underline;
}

.trf-subject-more[b-7zwqooc632] {
    color: var(--fg-muted);
    flex: none;
}

/* Single relative "when" on the right — mirrors .tl-record-count (mono, subtle, no wrap). */
.trf-time[b-7zwqooc632] {
    flex-shrink: 0;
    font-size: var(--text-2xs);
    font-family: var(--font-mono, ui-monospace, monospace);
    color: var(--fg-subtle);
    white-space: nowrap;
}

.trf-more[b-7zwqooc632] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px;
    margin-top: 2px;
    font-size: var(--text-sm);
    color: var(--fg-muted);
    cursor: pointer;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    user-select: none;
}

.trf-more:hover[b-7zwqooc632] {
    background: var(--tone-neutral-bg);
    color: var(--fg-default);
}

.trf-more.is-loading[b-7zwqooc632] {
    cursor: default;
}

.trf-more-spinner[b-7zwqooc632] {
    width: 16px;
    height: 16px;
}
/* /Components/Features/TableSchemaEditor.razor.rz.scp.css */
/* Governance-envelope heading (inside its own card on the Design tab). The .te-section/.te-card
   surfaces are global; only this heading is local. Moved here from TableEditPage on extraction. */
.te-envelope-head[b-1w0k23jn9u] {
    margin-bottom: 8px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border-default);
}

.te-envelope-title[b-1w0k23jn9u] {
    font-size: var(--text-15);
    font-weight: 600;
    color: var(--fg-default);
}

.te-envelope-hint[b-1w0k23jn9u] {
    font-size: var(--text-xs);
    color: var(--fg-muted);
    margin-top: 4px;
}
/* /Components/Features/WorkspaceBuildingView.razor.rz.scp.css */
.ws-build-header[b-nw0ybjabp2] { margin-bottom: 4px; }

.ws-build-eyebrow[b-nw0ybjabp2] {
    font-size: var(--text-10); font-weight: 500; color: var(--accent-fg);
    letter-spacing: 0.8px;
    font-family: var(--font-mono); margin-bottom: 8px;
    display: flex; align-items: center; gap: 6px;
}

.ws-build-eyebrow-dot[b-nw0ybjabp2] {
    width: 5px; height: 5px; border-radius: 50%;
    background: var(--accent-fg);
    animation: pulse-b-nw0ybjabp2 1.5s infinite;
}

.ws-build-title[b-nw0ybjabp2] {
    
    font-size: var(--text-5xl); color: var(--fg-default); margin-bottom: 6px;
}

.ws-build-title em[b-nw0ybjabp2] { font-style: italic; color: var(--fg-muted); }
.ws-build-desc[b-nw0ybjabp2] { font-size: var(--text-sm); color: var(--fg-subtle); line-height: 1.6; }

.behaviours-row[b-nw0ybjabp2] { display: flex; gap: 8px; flex-wrap: wrap; }

.bpill[b-nw0ybjabp2] {
    display: flex; align-items: center; gap: 6px;
    padding: 6px 12px; border-radius: 8px;
    font-size: var(--text-2xs); font-weight: 500; border: 1px solid;
    animation: buildIn-b-nw0ybjabp2 0.4s ease both;
}

.bpill-dot[b-nw0ybjabp2] { width: 6px; height: 6px; border-radius: 50%; }

.tables-section[b-nw0ybjabp2] { display: flex; flex-direction: column; gap: 8px; }

.tables-label[b-nw0ybjabp2] {
    font-size: var(--text-10); font-weight: 500; color: var(--fg-subtle);
    letter-spacing: 0.6px;
    font-family: var(--font-mono); margin-bottom: 10px;
}

.tables-grid[b-nw0ybjabp2] { display: flex; flex-direction: column; gap: 8px; }

.table-card[b-nw0ybjabp2] {
    background: var(--canvas-subtle); border: 1px solid var(--border-default);
    border-radius: 10px; padding: 14px 16px;
    display: flex; align-items: center; gap: 12px;
    animation: buildIn-b-nw0ybjabp2 0.4s ease both;
    position: relative; overflow: hidden;
    cursor: pointer; transition: all 0.15s;
}

.table-card:hover[b-nw0ybjabp2] { background: var(--canvas-inset); border-color: var(--border-muted); }
.table-card-bar[b-nw0ybjabp2] { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; }

.table-card-icon[b-nw0ybjabp2] {
    width: 34px; height: 34px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: var(--text-lg); flex-shrink: 0;
}

.table-card-text[b-nw0ybjabp2] { flex: 1; }
.table-card-name[b-nw0ybjabp2] { font-size: var(--text-sm); font-weight: 500; color: var(--fg-default); margin-bottom: 2px; }
.table-card-meta[b-nw0ybjabp2] { font-size: var(--text-2xs); color: var(--fg-subtle); display: flex; gap: 8px; }
.table-card-badges[b-nw0ybjabp2] { display: flex; gap: 5px; flex-shrink: 0; }

.tbadge[b-nw0ybjabp2] {
    font-size: var(--text-3xs); font-weight: 500; padding: 2px 6px;
    border-radius: 4px; font-family: var(--font-mono);
}

.ws-complete-btn[b-nw0ybjabp2] {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    padding: 14px 28px;
    background: var(--accent-fg);
    border: none; border-radius: 10px;
    
    font-size: var(--text-md); font-weight: 500; color: white;
    cursor: pointer; transition: all 0.2s;
    
    align-self: flex-start;
    animation: buildIn-b-nw0ybjabp2 0.4s 0.6s ease both;
}

.ws-complete-btn:hover[b-nw0ybjabp2] { }

@keyframes buildIn-b-nw0ybjabp2 { from{opacity:0;transform:translateY(8px) scale(0.98)} to{opacity:1;transform:translateY(0) scale(1)} }
@keyframes pulse-b-nw0ybjabp2 { 0%,100%{opacity:1} 50%{opacity:0.4} }
/* /Components/Features/WorkspaceCard.razor.rz.scp.css */
/* Workspace row in a row-divider list. Frame styling lives on the
   parent .lloc-grid / .wsp-grid containers. */
.ws-row[b-mjl2jz7w24] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    background: var(--canvas-default);
    border-bottom: 1px solid var(--border-muted);
    cursor: pointer;
    transition: background-color 80ms ease;
}

.ws-row:last-child[b-mjl2jz7w24] {
    border-bottom: none;
}

.ws-row:hover[b-mjl2jz7w24] {
    background: var(--canvas-subtle);
}

.ws-icon[b-mjl2jz7w24] {
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-xl);
    flex-shrink: 0;
}

.ws-body[b-mjl2jz7w24] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ws-name[b-mjl2jz7w24] {
    font-size: var(--text-md);
    font-weight: 500;
    color: var(--fg-default);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ws-desc[b-mjl2jz7w24] {
    font-size: var(--text-xs);
    color: var(--fg-muted);
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ws-meta[b-mjl2jz7w24] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 4px;
}

.ws-chip[b-mjl2jz7w24] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-pill);
    font-size: var(--text-10);
    color: var(--fg-subtle);
    font-family: var(--font-mono);
}

.ws-chip-dot[b-mjl2jz7w24] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    flex-shrink: 0;
}

.ws-chip-dot--accent[b-mjl2jz7w24]  { background: var(--accent-fg); }
.ws-chip-dot--success[b-mjl2jz7w24] { background: var(--success-fg); }
.ws-chip-dot--danger[b-mjl2jz7w24]  { background: var(--danger-fg); }

.ws-arrow[b-mjl2jz7w24] {
    font-size: var(--text-xl);
    color: var(--fg-subtle);
    opacity: 0;
    transition: opacity 80ms ease;
    flex-shrink: 0;
}

.ws-row:hover .ws-arrow[b-mjl2jz7w24] {
    opacity: 1;
    color: var(--fg-muted);
}

@media (max-width: 600px) {
    .ws-row[b-mjl2jz7w24] { padding: 12px 14px; gap: 10px; }
    .ws-desc[b-mjl2jz7w24] { display: none; }
}
/* /Components/Features/WorkspaceFilterBanner.razor.rz.scp.css */
.wfb[b-gqusf954l8] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    margin-bottom: 16px;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    border-radius: 10px;
    animation: fadeUp 0.25s ease both;
}

.wfb-icon[b-gqusf954l8] {
    display: flex;
    align-items: center;
    color: var(--fg-muted);
}

.wfb-text[b-gqusf954l8] {
    flex: 1;
    font-size: var(--text-sm);
    color: var(--fg-muted);
}

.wfb-text strong[b-gqusf954l8] {
    color: var(--fg-default);
    font-weight: 600;
}

.wfb-clear[b-gqusf954l8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px; height: 24px;
    padding: 0;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--fg-muted);
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.wfb-clear:hover[b-gqusf954l8] {
    background: var(--canvas-inset);
    color: var(--fg-default);
}
/* /Components/GenericForm/Fields/DateTimeField.razor.rz.scp.css */
.dtf-datetime-row[b-1xkdvl5m23] {
    display: flex;
    gap: 8px;
}

@media (max-width: 480px) {
    .dtf-datetime-row[b-1xkdvl5m23] {
        flex-direction: column;
    }
}
/* /Components/GenericForm/Fields/FileUploadField.razor.rz.scp.css */
.fuf-browse-btn[b-9l3jz1g49p] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 8px;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    color: var(--fg-muted);
    font-size: var(--text-xs);
    font-weight: 500;
    
    cursor: pointer;
    transition: all 0.15s;
    margin-bottom: 8px;
}

.fuf-browse-btn:hover[b-9l3jz1g49p] {
    border-color: var(--accent-fg);
    color: var(--fg-default);
    background: var(--canvas-inset);
}

.fuf-browse-btn:disabled[b-9l3jz1g49p] {
    opacity: 0.5;
    cursor: not-allowed;
}

.file-upload-field .file-list[b-9l3jz1g49p] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.file-upload-field .file-item[b-9l3jz1g49p] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 8px;
    background: var(--canvas-subtle);
    font-size: var(--text-sm);
    transition: background 0.15s;
}

.file-upload-field .file-item:hover[b-9l3jz1g49p] {
    background: var(--canvas-inset);
}

.file-upload-field .file-name[b-9l3jz1g49p] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--accent-fg);
    text-decoration: none;
}

.file-upload-field .file-name:hover[b-9l3jz1g49p] {
    text-decoration: underline;
    color: var(--info-fg);
}

.file-upload-field .file-size[b-9l3jz1g49p] {
    font-size: var(--text-2xs);
    font-family: var(--font-mono);
    color: var(--fg-muted);
    white-space: nowrap;
}
/* /Components/GenericForm/Fields/YesNoField.razor.rz.scp.css */
.yn-container[b-o8ut1yyn5y] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.yn-container[b-o8ut1yyn5y]  .yn-toggle {
    border: 1px solid var(--border-muted) !important;
    border-radius: 10px !important;
    overflow: hidden;
    background: var(--canvas-subtle) !important;
}

.yn-container[b-o8ut1yyn5y]  .mud-toggle-item {
    border-radius: 0 !important;
    border: none !important;
    color: var(--fg-muted) !important;
    padding: 8px 18px !important;
    font-size: var(--text-sm) !important;
    font-weight: 500 !important;
    transition: all 0.15s ease;
}

.yn-container[b-o8ut1yyn5y]  .mud-toggle-item:hover {
    background: var(--canvas-inset) !important;
}

.yn-container[b-o8ut1yyn5y]  .mud-toggle-item.mud-toggle-item-selected {
    background: var(--accent-fg) !important;
    color: var(--fg-on-emphasis) !important;
    font-weight: 500 !important;
}

.yn-container[b-o8ut1yyn5y]  .mud-toggle-item-delimiter {
    background: var(--border-default) !important;
}

.yn-container[b-o8ut1yyn5y]  .mud-toggle-item-check-icon {
    color: var(--fg-on-emphasis) !important;
}

.yn-readonly[b-o8ut1yyn5y] {
    padding: 8px 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.yn-readonly-answer[b-o8ut1yyn5y] {
    color: var(--fg-default);
    font-size: var(--text-md);
    font-weight: 500;
}

.yn-readonly-comment[b-o8ut1yyn5y] {
    color: var(--fg-muted);
    font-size: var(--text-sm);
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
}
/* /Components/GenericForm/FormFieldWrapper.razor.rz.scp.css */
.ffw-row[b-jhccwzpyoi] {
    display: flex;
    gap: 24px;
    padding: 14px 0;
    align-items: flex-start;
}

.ffw-label-col[b-jhccwzpyoi] {
    flex: 0 0 33%;
    padding-top: 8px;
}

.ffw-label[b-jhccwzpyoi] {
    font-size: var(--text-2xs);
    font-weight: 500;
    color: var(--fg-subtle);
    
    letter-spacing: 0.5px;
    line-height: 1.3;
}

.ffw-required[b-jhccwzpyoi] {
    color: var(--danger-fg);
    margin-left: 4px;
}

.ffw-helper[b-jhccwzpyoi] {
    font-size: var(--text-2xs);
    color: var(--fg-muted);
    opacity: 0.65;
    line-height: 1.5;
    margin-top: 4px;
    max-width: 260px;
}

.ffw-field-col[b-jhccwzpyoi] {
    flex: 1;
    min-width: 0;
}

.ffw-divider[b-jhccwzpyoi] {
    height: 1px;
    background: rgba(255, 255, 255, 0.06);
}

@media (max-width: 1100px) {
    .ffw-row[b-jhccwzpyoi] {
        flex-direction: column;
        gap: 6px;
    }
    .ffw-label-col[b-jhccwzpyoi] {
        flex: none;
        padding-top: 0;
    }
    .ffw-field-col[b-jhccwzpyoi] {
        width: 100%;
    }
    .ffw-helper[b-jhccwzpyoi] {
        max-width: none;
    }
}
/* /Components/GenericForm/ReadOnlyValue.razor.rz.scp.css */
.rov-value[b-4bdy036qya] {
    padding: 8px 0;
    color: var(--fg-default);
    font-size: var(--text-md);
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
}

.rov-empty[b-4bdy036qya] {
    padding: 8px 0;
    color: var(--fg-muted);
    opacity: 0.5;
    font-size: var(--text-md);
    font-style: italic;
}

.rov-value a[b-4bdy036qya] {
    color: var(--accent-fg);
    text-decoration: none;
}

.rov-value a:hover[b-4bdy036qya] {
    text-decoration: underline;
}
/* /Components/Nav/ContextBanner.razor.rz.scp.css */
.context-banner[b-oah8hhh3sf] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 10px;
    animation: fadeUp 0.4s 0.05s ease both;
    margin-bottom: 16px;
}

.ctx-crumb[b-oah8hhh3sf] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-xs);
    color: var(--fg-muted);
}

.ctx-crumb-icon[b-oah8hhh3sf] {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-xs);
    background: rgba(59, 130, 246, 0.1);
}

.ctx-crumb-name[b-oah8hhh3sf] {
    font-weight: 500;
    color: var(--fg-default);
}

.ctx-sep[b-oah8hhh3sf] {
    color: var(--fg-subtle);
}

.ctx-loc[b-oah8hhh3sf] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: var(--text-xs);
    color: var(--fg-muted);
}

.ctx-loc-dot[b-oah8hhh3sf] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--success-fg);
    
    transition: all 0.15s;
}

.ctx-loc-dot.all[b-oah8hhh3sf] {
    background: var(--fg-subtle);
    box-shadow: none;
}

.ctx-loc-name[b-oah8hhh3sf] {
    font-weight: 500;
    color: var(--fg-default);
}

.ctx-chips[b-oah8hhh3sf] {
    display: flex;
    gap: 6px;
    margin-left: auto;
    flex-wrap: wrap;
}

.ctx-chip[b-oah8hhh3sf] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    border-radius: 5px;
    font-size: var(--text-10);
    color: var(--fg-muted);
    font-family: var(--font-mono);
}

.ctx-chip-dot[b-oah8hhh3sf] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
}
/* /Components/Nav/GraceBanner.razor.rz.scp.css */
.grace-banner[b-kn40o002vo] {
    position: fixed;
    top: var(--topbar-height);
    left: 0;
    right: 0;
    z-index: 190;
    background: var(--danger-subtle);
    border-bottom: 1px solid rgba(239, 68, 68, 0.25);
    backdrop-filter: blur(12px);
}

.grace-inner[b-kn40o002vo] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    max-width: 1600px;
    margin: 0 auto;
}

.grace-icon[b-kn40o002vo] {
    font-size: var(--text-md);
    flex-shrink: 0;
}

.grace-text[b-kn40o002vo] {
    font-size: var(--text-xs);
    color: var(--fg-default);
    flex: 1;
}

.grace-text strong[b-kn40o002vo] {
    color: var(--danger-fg);
}

.grace-cta[b-kn40o002vo] {
    padding: 4px 14px;
    border-radius: 6px;
    border: 1px solid rgba(239, 68, 68, 0.4);
    background: rgba(239, 68, 68, 0.15);
    color: var(--danger-fg);
    font-size: var(--text-2xs);
    font-weight: 500;
    
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
    flex-shrink: 0;
}

.grace-cta:hover[b-kn40o002vo] {
    background: rgba(239, 68, 68, 0.25);
    
}
/* /Components/Nav/SurfaceSwitcher.razor.rz.scp.css */
/* SurfaceSwitcher — the manager affordance pill (Manage ⇄ Runs). Scoped here so it
   renders identically in both topbars; the layouts' scoped .tbtn never reaches this
   child component (CSS isolation stops at the component boundary). Palette mirrors
   AppShell's .tbtn — subtle grey fill, darker on hover — token-based so dark tracks. */
.surface-switch[b-7n6pt0b3oz] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 12px;
    border-radius: var(--radius-md);
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    color: var(--fg-default);
    font-size: var(--text-sm);
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.surface-switch:hover[b-7n6pt0b3oz] {
    background: var(--canvas-inset);
    border-color: var(--border-muted);
}

.surface-switch-label[b-7n6pt0b3oz] { line-height: 1; }
/* /Components/Nav/TopbarBreadcrumb.razor.rz.scp.css */
.bc[b-9b9okc121n] {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
}

/* ── Desktop breadcrumb ── */
.bc-desktop[b-9b9okc121n] {
    display: flex;
    align-items: center;
    gap: 0;
    min-width: 0;
}

.bc-seg[b-9b9okc121n] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 5px;
    font-size: var(--text-sm);
    font-weight: 500;
    transition: all 0.12s;
    white-space: nowrap;
    min-width: 0;
}

.bc-muted[b-9b9okc121n] {
    color: var(--fg-subtle);
    cursor: pointer;
}

.bc-muted:hover[b-9b9okc121n] {
    color: var(--fg-muted);
    background: var(--canvas-subtle);
}

.bc-current[b-9b9okc121n] {
    color: var(--fg-default);
    font-weight: 500;
    cursor: pointer;
}

.bc-current:hover[b-9b9okc121n] {
    background: var(--canvas-subtle);
}

.bc-text[b-9b9okc121n] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 160px;
}

.bc-text-full[b-9b9okc121n] {
    max-width: none;
}

.bc-sep[b-9b9okc121n] {
    color: var(--fg-subtle);
    font-size: var(--text-xs);
    padding: 0 2px;
    opacity: 0.5;
    flex-shrink: 0;
    user-select: none;
}

/* ── Mobile breadcrumb ── */
.bc-mobile[b-9b9okc121n] {
    display: none;
    align-items: center;
    gap: 4px;
    min-width: 0;
}

.bc-back[b-9b9okc121n] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    font-size: var(--text-xl);
    font-weight: 300;
    color: var(--fg-subtle);
    cursor: pointer;
    transition: all 0.12s;
    flex-shrink: 0;
}

.bc-back:hover[b-9b9okc121n] {
    background: var(--canvas-subtle);
    color: var(--fg-default);
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .bc-desktop[b-9b9okc121n] { display: none; }
    .bc-mobile[b-9b9okc121n]  { display: flex; }
}
/* /Components/Nav/TopbarNav.razor.rz.scp.css */
.tnav[b-8sb7k22i6a] {
    position: fixed;
    top: var(--topbar-height);
    left: 0; right: 0;
    height: var(--subnav-height);
    background: var(--canvas-default);
    border-bottom: 1px solid var(--border-default);
    z-index: 199;
}

/* Full-bleed bar; contents clamped to the same 1600px column as the topbar/content. */
.tnav-inner[b-8sb7k22i6a] {
    height: 100%;
    max-width: 1600px; margin: 0 auto;
    padding: 0 24px;
    display: flex; align-items: stretch;
}

/* ── Desktop tabs ── */
.tnav-tabs[b-8sb7k22i6a] {
    display: flex; align-items: stretch;
    gap: 2px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}
.tnav-tabs[b-8sb7k22i6a]::-webkit-scrollbar { display: none; }

.tnav-tab[b-8sb7k22i6a] {
    display: flex; align-items: center; gap: 6px;
    padding: 0 14px;
    font-size: var(--text-sm); font-weight: 500;
    color: var(--fg-muted);
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: color 0.15s, border-color 0.15s, background 0.15s;
    white-space: nowrap;
    flex-shrink: 0;
}

.tnav-tab:hover[b-8sb7k22i6a] {
    color: var(--fg-default);
    background: var(--canvas-subtle);
}

.tnav-tab.active[b-8sb7k22i6a] {
    color: var(--fg-default);
    border-bottom-color: var(--tnav-accent, var(--accent-fg));
}

.tnav-dot[b-8sb7k22i6a] {
    width: 8px; height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.tnav-label[b-8sb7k22i6a] { line-height: 1; }

/* ── Mobile dropdown (hidden on desktop) ── */
.tnav-mobile[b-8sb7k22i6a] { display: none; position: relative; flex: 1; align-items: center; }

.tnav-mobile-btn[b-8sb7k22i6a] {
    display: flex; align-items: center; gap: 8px;
    width: 100%;
    background: transparent; border: none;
    padding: 0 4px;
    font-size: var(--text-sm); font-weight: 500;
    color: var(--fg-default);
    cursor: pointer; text-align: left;
}

.tnav-mobile-menu[b-8sb7k22i6a] {
    position: absolute;
    top: 100%; left: 0; right: 0;
    margin-top: 4px;
    padding: 6px;
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    z-index: 401;
    display: flex; flex-direction: column; gap: 2px;
    max-height: 70vh;
    overflow-y: auto;
}

.tnav-mobile-item[b-8sb7k22i6a] {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 12px;
    border-radius: 6px;
    font-size: var(--text-md);
    color: var(--fg-default);
    text-decoration: none;
    transition: background 0.1s;
}

.tnav-mobile-item:hover[b-8sb7k22i6a] { background: var(--canvas-subtle); }
.tnav-mobile-item.active[b-8sb7k22i6a] { background: var(--canvas-subtle); font-weight: 600; }

.tnav-mobile-backdrop[b-8sb7k22i6a] {
    position: fixed; inset: 0; z-index: 400;
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .tnav-inner[b-8sb7k22i6a] { padding: 0 12px; }
    .tnav-tabs[b-8sb7k22i6a] { display: none; }
    .tnav-mobile[b-8sb7k22i6a] { display: flex; }
}
/* /Components/Nav/TrialBanner.razor.rz.scp.css */
.trial-banner[b-q20jabfs4a] {
    position: fixed;
    top: var(--topbar-height);
    left: 0;
    right: 0;
    z-index: 190;
    background: var(--attention-subtle);
    border-bottom: 1px solid rgba(245, 158, 11, 0.25);
    backdrop-filter: blur(12px);
}

.trial-inner[b-q20jabfs4a] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 18px;
    max-width: 1600px;
    margin: 0 auto;
}

.trial-icon[b-q20jabfs4a] {
    font-size: var(--text-md);
    flex-shrink: 0;
}

.trial-text[b-q20jabfs4a] {
    font-size: var(--text-xs);
    color: var(--fg-default);
    flex: 1;
}

.trial-text strong[b-q20jabfs4a] {
    color: var(--attention-fg);
}

.trial-cta[b-q20jabfs4a] {
    padding: 4px 14px;
    border-radius: 6px;
    border: 1px solid rgba(245, 158, 11, 0.4);
    background: rgba(245, 158, 11, 0.15);
    color: var(--attention-fg);
    font-size: var(--text-2xs);
    font-weight: 500;
    
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
    flex-shrink: 0;
}

.trial-cta:hover[b-q20jabfs4a] {
    background: rgba(245, 158, 11, 0.25);
    
}

.trial-dismiss[b-q20jabfs4a] {
    border: none;
    background: none;
    color: var(--fg-subtle);
    font-size: var(--text-lg);
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 4px;
    transition: all 0.15s;
    flex-shrink: 0;
}

.trial-dismiss:hover[b-q20jabfs4a] {
    color: var(--fg-default);
    background: rgba(255, 255, 255, 0.06);
}
/* /Components/Nav/WorkspaceMenu.razor.rz.scp.css */
.wm[b-ywx7oi1wcp] {
    position: relative;
    display: inline-flex;
    min-width: 0;
}

/* Trigger — matches .bc-seg/.bc-current so it reads as a breadcrumb segment. */
.wm-trigger[b-ywx7oi1wcp] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 5px;
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--fg-default);
    cursor: pointer;
    transition: all 0.12s;
    white-space: nowrap;
    min-width: 0;
}

.wm-trigger:hover[b-ywx7oi1wcp],
.wm-trigger.open[b-ywx7oi1wcp] {
    background: var(--canvas-subtle);
}

.wm-text[b-ywx7oi1wcp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 160px;
}

.wm-caret[b-ywx7oi1wcp] {
    font-size: var(--text-xs);
    color: var(--fg-subtle);
    flex-shrink: 0;
    transition: transform 0.12s;
}

.wm-trigger.open .wm-caret[b-ywx7oi1wcp] {
    transform: rotate(180deg);
}

/* ── Dropdown ── */
.wm-dropdown[b-ywx7oi1wcp] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 1200;
    min-width: 240px;
    max-height: 60vh;
    overflow-y: auto;
    padding: 6px;
    border: 1px solid var(--border-default);
    border-radius: 8px;
    background: var(--canvas-overlay, var(--canvas-default));
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}

.wm-label[b-ywx7oi1wcp] {
    padding: 6px 8px 4px;
    font-size: var(--text-xs);
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--fg-subtle);
}

.wm-empty[b-ywx7oi1wcp] {
    padding: 8px;
    font-size: var(--text-sm);
    color: var(--fg-subtle);
}

.wm-item[b-ywx7oi1wcp] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 8px;
    border-radius: 6px;
    font-size: var(--text-sm);
    color: var(--fg-default);
    cursor: pointer;
    transition: background 0.12s;
}

.wm-item:hover[b-ywx7oi1wcp] {
    background: var(--canvas-subtle);
}

.wm-item.active[b-ywx7oi1wcp] {
    color: var(--accent-fg);
}

.wm-item-icon[b-ywx7oi1wcp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 5px;
    font-size: var(--text-xs);
    flex-shrink: 0;
}

.wm-item-name[b-ywx7oi1wcp] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wm-item-check[b-ywx7oi1wcp] {
    color: var(--accent-fg);
    flex-shrink: 0;
}

.wm-divider[b-ywx7oi1wcp] {
    height: 1px;
    margin: 6px 0;
    background: var(--border-muted, var(--border-default));
}

.wm-new[b-ywx7oi1wcp] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 8px;
    border-radius: 6px;
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--accent-fg);
    cursor: pointer;
    transition: background 0.12s;
}

.wm-new:hover[b-ywx7oi1wcp] {
    background: var(--canvas-subtle);
}
/* /Components/Que/ContentWelcomeState.razor.rz.scp.css */
.welcome-state[b-k1z7jyp7tv] {
    height: 100%; display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    text-align: center; gap: 16px; padding: 40px;
    color: var(--fg-subtle); min-height: 400px;
}

.welcome-que-glow[b-k1z7jyp7tv] {
    width: 72px; height: 72px; border-radius: 20px;
    background: var(--accent-fg);
    display: flex; align-items: center; justify-content: center;
    font-size: var(--text-6xl); position: relative; margin-bottom: 8px;
    animation: buildIn-b-k1z7jyp7tv 0.5s cubic-bezier(0.34,1.56,0.64,1) both;
}

.welcome-que-glow[b-k1z7jyp7tv]::after {
    content: ''; position: absolute; inset: -8px; border-radius: 28px;
    background: var(--accent-fg);
    opacity: 0.15; filter: blur(16px); z-index: -1;
    animation: pulse-b-k1z7jyp7tv 3s infinite ease-in-out;
}

.welcome-title[b-k1z7jyp7tv] {
    
    font-size: var(--text-24); color: var(--fg-muted);
}

.welcome-sub[b-k1z7jyp7tv] {
    font-size: var(--text-sm); color: var(--fg-subtle);
    max-width: 340px; line-height: 1.6;
}

@keyframes buildIn-b-k1z7jyp7tv { from{opacity:0;transform:translateY(8px) scale(0.98)} to{opacity:1;transform:translateY(0) scale(1)} }
@keyframes pulse-b-k1z7jyp7tv { 0%,100%{opacity:1} 50%{opacity:0.4} }
/* /Components/Que/QueContentOverlay.razor.rz.scp.css */
.que-overlay[b-vwam0gahvh] {
    position: absolute; inset: 0; z-index: 10;
    background: var(--canvas-inset);
    display: flex; flex-direction: column;
    max-width: 1600px; margin: 0 auto;
    animation: overlayIn-b-vwam0gahvh 0.3s ease both;
}

/* Header skeleton now shared: .panel-header in components.css.
   .overlay-badge / .overlay-close below stay bespoke to this overlay. */

.overlay-badge[b-vwam0gahvh] {
    display: flex; align-items: center; gap: 8px;
    font-size: var(--text-2xs); font-weight: 500; color: var(--fg-muted);
    letter-spacing: 0.5px;
    font-family: var(--font-mono);
}

.overlay-badge-dot[b-vwam0gahvh] {
    width: 7px; height: 7px; border-radius: 50%;
}

.overlay-close[b-vwam0gahvh] {
    display: flex; align-items: center; gap: 5px;
    padding: 5px 10px; border-radius: 6px;
    background: var(--canvas-subtle); border: 1px solid var(--border-default);
    
    font-size: var(--text-2xs); font-weight: 500; color: var(--fg-subtle);
    cursor: pointer; transition: all 0.15s;
}

.overlay-close:hover[b-vwam0gahvh] {
    background: var(--canvas-inset); color: var(--fg-default);
}

.overlay-content[b-vwam0gahvh] {
    flex: 1; overflow-y: auto; padding: 22px 24px;
}

.overlay-placeholder[b-vwam0gahvh] {
    padding: 40px 20px; text-align: center;
    font-size: var(--text-sm); color: var(--fg-subtle);
}

@keyframes overlayIn-b-vwam0gahvh {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* /Components/Que/QueDebugPanel.razor.rz.scp.css */
.debug-panel[b-m197kj7c2h] {
    position: fixed;
    bottom: 0; left: 0;
    width: 380px; max-height: 400px;
    background: rgba(6,9,16,0.97);
    border: 1px solid rgba(255,255,255,0.12);
    border-bottom: none; border-left: none;
    border-radius: 0 12px 0 0;
    display: flex; flex-direction: column;
    z-index: 9000;
    font-family: var(--font-mono);
    font-size: var(--text-10);
    transform: translateY(100%);
    transition: transform 0.2s ease;
}

.debug-panel.visible[b-m197kj7c2h] { transform: translateY(0); }

.debug-header[b-m197kj7c2h] {
    display: flex; align-items: center; gap: 8px;
    padding: 8px 12px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    flex-shrink: 0;
}

.debug-dot[b-m197kj7c2h] {
    width: 6px; height: 6px; border-radius: 50%;
    background: var(--success-fg);
    
    animation: pulse-b-m197kj7c2h 2s infinite;
}

@keyframes pulse-b-m197kj7c2h { 0%,100%{opacity:1} 50%{opacity:0.4} }

.debug-title[b-m197kj7c2h] { font-size: var(--text-2xs); font-weight: 500; color: var(--fg-default); flex: 1; display: flex; align-items: center; gap: 6px; }
.debug-count[b-m197kj7c2h] { font-size: var(--text-10); color: var(--fg-subtle); }

.debug-clear[b-m197kj7c2h], .debug-close[b-m197kj7c2h] {
    padding: 2px 8px; border-radius: 4px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    color: var(--fg-subtle); font-size: var(--text-10);
    cursor: pointer; font-family: var(--font-mono);
    transition: all 0.15s;
}

.debug-clear:hover[b-m197kj7c2h] { color: var(--fg-muted); }
.debug-close:hover[b-m197kj7c2h] { color: var(--danger-fg); }

.debug-events[b-m197kj7c2h] {
    flex: 1; overflow-y: auto; padding: 6px 8px;
    display: flex; flex-direction: column; gap: 4px;
    scrollbar-width: thin; scrollbar-color: var(--canvas-inset) transparent;
}

.debug-event[b-m197kj7c2h] {
    border-radius: 6px; padding: 6px 8px;
    border: 1px solid;
    animation: fadeIn-b-m197kj7c2h 0.15s ease both;
}

@keyframes fadeIn-b-m197kj7c2h { from{opacity:0;transform:translateY(4px)} to{opacity:1;transform:translateY(0)} }

/* Que → Content */
.debug-event.outbound[b-m197kj7c2h] {
    background: rgba(37,99,235,0.06);
    border-color: rgba(37,99,235,0.2);
}

/* Content → Que */
.debug-event.inbound[b-m197kj7c2h] {
    background: rgba(16,185,129,0.06);
    border-color: rgba(16,185,129,0.2);
}

/* Indicator */
.debug-event.indicator[b-m197kj7c2h] {
    background: rgba(245,158,11,0.06);
    border-color: rgba(245,158,11,0.2);
}

.debug-event-meta[b-m197kj7c2h] {
    display: flex; align-items: center; gap: 6px;
    margin-bottom: 4px;
}

.debug-time[b-m197kj7c2h] { color: var(--fg-subtle); }

.debug-arrow[b-m197kj7c2h] { font-size: var(--text-xs); }
.debug-event.outbound .debug-arrow[b-m197kj7c2h] { color: var(--accent-fg); }
.debug-event.inbound  .debug-arrow[b-m197kj7c2h] { color: var(--success-fg); }
.debug-event.indicator .debug-arrow[b-m197kj7c2h] { color: var(--attention-fg); }

.debug-type[b-m197kj7c2h] { font-weight: 500; color: var(--fg-default); }
.debug-event.outbound .debug-type[b-m197kj7c2h] { color: var(--accent-fg); }
.debug-event.inbound  .debug-type[b-m197kj7c2h] { color: var(--success-fg); }
.debug-event.indicator .debug-type[b-m197kj7c2h] { color: var(--attention-fg); }

.debug-payload[b-m197kj7c2h] {
    color: var(--fg-muted); font-size: var(--text-3xs); line-height: 1.5;
    margin: 0; white-space: pre-wrap; word-break: break-all;
    max-height: 80px; overflow-y: auto;
}

.debug-footer[b-m197kj7c2h] {
    display: flex; justify-content: space-between;
    padding: 5px 12px;
    border-top: 1px solid rgba(255,255,255,0.04);
    color: var(--fg-subtle); font-size: var(--text-3xs); flex-shrink: 0;
}

.debug-empty[b-m197kj7c2h] {
    color: var(--fg-subtle); text-align: center;
    padding: 20px; font-style: italic;
}

.debug-toggle-btn[b-m197kj7c2h] {
    position: fixed; bottom: 12px; left: 12px;
    width: 32px; height: 32px; border-radius: 8px;
    background: rgba(6,9,16,0.9);
    border: 1px solid rgba(255,255,255,0.1);
    cursor: pointer; font-size: var(--text-md);
    z-index: 8999; opacity: 0.4; transition: opacity 0.15s;
}

.debug-toggle-btn:hover[b-m197kj7c2h] { opacity: 1; }
/* /Components/Que/QueMessage.razor.rz.scp.css */
.msg[b-n9jdmyg6no] { display: flex; gap: 8px; animation: fadeUp 0.25s ease both; }
.msg.user[b-n9jdmyg6no] { flex-direction: row-reverse; }

.msg-body[b-n9jdmyg6no] { flex: 1; min-width: 0; }

.msg-av[b-n9jdmyg6no] {
    width: 26px; height: 26px; border-radius: 7px;
    flex-shrink: 0; display: flex; align-items: center; justify-content: center;
    font-size: var(--text-xs);
}

.msg-av.ai[b-n9jdmyg6no] { background: var(--accent-fg); }
.msg-av.user[b-n9jdmyg6no] {
    background: var(--done-fg);
    font-size: var(--text-3xs); font-weight: 500; color: white;
}

.msg-bub[b-n9jdmyg6no] {
    max-width: 90%; padding: 9px 12px;
    font-size: var(--text-xs); line-height: 1.55;
}

[b-n9jdmyg6no] .msg.ai .msg-bub {
    background: var(--canvas-subtle); border: 1px solid var(--border-default);
    border-radius: 2px 10px 10px 10px; color: var(--fg-muted);
}

[b-n9jdmyg6no] .msg.user .msg-bub {
    background: var(--accent-subtle);
    border: 1px solid rgba(37,99,235,0.2);
    border-radius: 10px 2px 10px 10px; color: var(--fg-default);
}

/* Markdown prose inside chat bubbles */
.msg-bub p[b-n9jdmyg6no] { margin: 0 0 6px; }
.msg-bub p:last-child[b-n9jdmyg6no] { margin-bottom: 0; }
.msg-bub strong[b-n9jdmyg6no] { font-weight: 500; color: var(--fg-default); }
.msg-bub em[b-n9jdmyg6no] { font-style: italic; }
[b-n9jdmyg6no] .msg-bub ul { margin: 4px 0 6px 30px; padding: 0; }
[b-n9jdmyg6no] .msg-bub ol { margin: 4px 0 6px 30px; padding: 0; }
.msg-bub li[b-n9jdmyg6no] { margin-bottom: 2px; }
.msg-bub h1[b-n9jdmyg6no], [b-n9jdmyg6no] .msg-bub h2, [b-n9jdmyg6no] .msg-bub h3 {
    font-size: var(--text-xs); font-weight: 500; color: var(--fg-default);
    margin: 8px 0 4px;
}
.msg-bub h1:first-child[b-n9jdmyg6no], [b-n9jdmyg6no] .msg-bub h2:first-child, [b-n9jdmyg6no] .msg-bub h3:first-child { margin-top: 0; }
.msg-bub code[b-n9jdmyg6no] {
    background: var(--canvas-inset); padding: 1px 4px; border-radius: 3px;
    font-size: var(--text-2xs);
}
.msg-bub a[b-n9jdmyg6no] { color: var(--accent-fg); text-decoration: underline; }
.msg-bub table[b-n9jdmyg6no] { border-collapse: collapse; margin: 6px 0; width: 100%; font-size: var(--text-2xs); }
.msg-bub th[b-n9jdmyg6no], [b-n9jdmyg6no] .msg-bub td {
    border: 1px solid var(--border-default); padding: 3px 8px; text-align: left;
}
.msg-bub th[b-n9jdmyg6no] { font-weight: 500; background: var(--canvas-inset); }

.msg-chips[b-n9jdmyg6no] { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }

.mchip[b-n9jdmyg6no] {
    padding: 3px 9px;
    background: var(--canvas-inset); border: 1px solid var(--border-muted);
    border-radius: 20px; font-size: var(--text-10); color: var(--fg-muted);
    cursor: pointer; transition: all 0.15s; white-space: nowrap;
}

.mchip:hover[b-n9jdmyg6no] { background: var(--accent-subtle); border-color: rgba(37,99,235,0.3); color: var(--fg-default); }

.msg-replies[b-n9jdmyg6no] { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px; animation: slideIn-b-n9jdmyg6no 0.3s ease both; }

.reply-chip[b-n9jdmyg6no] {
    padding: 4px 11px;
    background: var(--canvas-inset); border: 1px solid var(--border-muted);
    border-radius: 20px; font-size: var(--text-2xs); color: var(--fg-muted);
    cursor: pointer; transition: all 0.15s; white-space: nowrap;
}

.reply-chip:hover[b-n9jdmyg6no] { background: var(--accent-subtle); border-color: rgba(37,99,235,0.3); color: var(--fg-default); }

.msg-action[b-n9jdmyg6no] { margin-top: 6px; animation: slideIn-b-n9jdmyg6no 0.3s ease both; }

.action-btn[b-n9jdmyg6no] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 14px;
    background: var(--accent-subtle);
    border: 1px solid rgba(37,99,235,0.25);
    border-radius: 8px;
    font-size: var(--text-2xs); font-weight: 500;
    color: var(--accent-fg);
    cursor: pointer; transition: all 0.2s;
}

.action-btn:hover[b-n9jdmyg6no] {
    background: var(--accent-subtle);
    border-color: rgba(37,99,235,0.4);
    
}

.action-icon[b-n9jdmyg6no] { font-size: var(--text-sm); }

@keyframes slideIn-b-n9jdmyg6no {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}
/* /Components/Que/QuePanel.razor.rz.scp.css */
/* 25% width when used in split layout */
.que-panel[b-29l1qm7md3] {
    width: 25%; flex-shrink: 0;
    display: flex; flex-direction: column;
    background: var(--canvas-subtle);
    position: relative;
    border-left: 1px solid var(--border-muted);
    
}

.que-panel[b-29l1qm7md3]::before {
    content: '';
    position: absolute; top: -80px; left: 50%;
    transform: translateX(-50%);
    width: 280px; height: 280px;
    background: radial-gradient(circle, rgba(37,99,235,0.05) 0%, transparent 70%);
    pointer-events: none;
}

/* green content-loaded indicator */
.msg-content-loaded[b-29l1qm7md3] {
    display: flex; align-items: center; gap: 6px;
    padding: 6px 10px;
    background: rgba(16,185,129,0.08); border: 1px solid rgba(16,185,129,0.2);
    border-radius: 6px; font-size: var(--text-10); color: var(--success-fg);
    font-family: var(--font-mono);
    animation: fadeUp 0.25s ease both;
}

/* context strip */
.que-context-strip[b-29l1qm7md3] {
    padding: 8px 12px;
    border-bottom: 1px solid var(--border-default);
    display: flex; gap: 5px; flex-wrap: wrap;
    flex-shrink: 0;
    background: rgba(0,0,0,0.15);
}

.ctx-tag[b-29l1qm7md3] {
    display: flex; align-items: center; gap: 4px;
    padding: 2px 7px;
    background: var(--canvas-subtle); border: 1px solid var(--border-default);
    border-radius: 4px; font-size: var(--text-3xs); font-weight: 500;
    font-family: var(--font-mono); color: var(--fg-subtle);
}

.ctx-tag-dot[b-29l1qm7md3] { width: 4px; height: 4px; border-radius: 50%; }

/* Header */
.sb-head[b-29l1qm7md3] {
    padding: 14px 16px; border-bottom: 1px solid var(--border-default);
    display: flex; align-items: center; justify-content: space-between;
    flex-shrink: 0;
}

.sb-identity[b-29l1qm7md3] { display: flex; align-items: center; gap: 10px; }

.sb-av[b-29l1qm7md3] {
    width: 34px; height: 34px;
    background: var(--accent-fg);
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    font-size: var(--text-lg); position: relative;
}

.sb-av[b-29l1qm7md3]::after {
    content: '';
    position: absolute; inset: -1px; border-radius: 11px;
    background: var(--accent-fg);
    opacity: 0.25; filter: blur(6px); z-index: -1;
}

.sb-online[b-29l1qm7md3] {
    position: absolute; bottom: -1px; right: -1px;
    width: 9px; height: 9px; background: var(--success-fg);
    border-radius: 50%; border: 2px solid var(--canvas-default);
    box-shadow: 0 0 6px var(--success-fg);
}

.sb-name[b-29l1qm7md3] { font-size: var(--text-sm); font-weight: 500; color: var(--fg-default); }
.sb-role[b-29l1qm7md3] { font-size: var(--text-10); color: var(--fg-subtle); }

.sb-modes[b-29l1qm7md3] { display: flex; gap: 3px; }
.sb-mode[b-29l1qm7md3] {
    padding: 4px 9px; border-radius: 6px;
    font-size: var(--text-10); font-weight: 500; cursor: pointer;
    transition: all 0.15s; border: 1px solid transparent; color: var(--fg-subtle);
}
.sb-mode.active[b-29l1qm7md3] { background: var(--canvas-inset); border-color: var(--border-muted); color: var(--fg-default); }

/* Messages */
.messages[b-29l1qm7md3] {
    flex: 1; overflow-y: auto;
    padding: 14px; display: flex;
    flex-direction: column; gap: 10px;
}

.typing[b-29l1qm7md3] { display: flex; gap: 8px; align-items: flex-end; }

.typing-bub[b-29l1qm7md3] {
    display: flex; gap: 4px; padding: 10px 12px;
    background: var(--canvas-subtle); border: 1px solid var(--border-default);
    border-radius: 2px 10px 10px 10px;
}

.tdot[b-29l1qm7md3] {
    width: 4px; height: 4px; border-radius: 50%;
    background: var(--fg-subtle); animation: bounce-b-29l1qm7md3 1.2s infinite;
}
.tdot:nth-child(2)[b-29l1qm7md3] { animation-delay: 0.2s; }
.tdot:nth-child(3)[b-29l1qm7md3] { animation-delay: 0.4s; }

@keyframes bounce-b-29l1qm7md3 { 0%,100%{transform:translateY(0);opacity:0.4} 50%{transform:translateY(-3px);opacity:1} }

/* Input */
.sb-input[b-29l1qm7md3] { padding: 12px 14px; border-top: 1px solid var(--border-default); flex-shrink: 0; }

.inp-wrap[b-29l1qm7md3] {
    display: flex; align-items: center; gap: 8px;
    background: var(--canvas-subtle); border: 1px solid var(--border-default);
    border-radius: 9px; padding: 6px 10px; transition: all 0.15s;
}

.inp-wrap.focused[b-29l1qm7md3] { border-color: rgba(37,99,235,0.3); }

.inp-ta[b-29l1qm7md3] {
    flex: 1; background: transparent; border: none; outline: none;
    color: var(--fg-default); 
    font-size: var(--text-xs); resize: none; line-height: 1.5; max-height: 80px;
}

.inp-ta[b-29l1qm7md3]::placeholder { color: var(--fg-subtle); }

.inp-actions[b-29l1qm7md3] { display: flex; gap: 5px; align-items: center; flex-shrink: 0; }

.mic-btn[b-29l1qm7md3] {
    width: 24px; height: 24px;
    background: transparent; border: 1px solid var(--border-default);
    border-radius: 6px; display: flex; align-items: center; justify-content: center;
    cursor: pointer; color: var(--fg-subtle); font-size: var(--text-2xs); transition: all 0.15s;
}
.mic-btn:hover[b-29l1qm7md3] { background: var(--canvas-inset); color: var(--fg-muted); }

.send-btn[b-29l1qm7md3] {
    width: 24px; height: 24px;
    background: var(--accent-fg);
    border: none; border-radius: 6px;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; color: white; font-size: var(--text-2xs);
    transition: all 0.15s;
}
.send-btn:hover[b-29l1qm7md3] { transform: scale(1.05); }

/* ── Que mobile close button ── */
.que-close-btn[b-29l1qm7md3] {
    display: none; width: 30px; height: 30px; border-radius: 7px;
    background: var(--canvas-subtle); border: 1px solid var(--border-default);
    color: var(--fg-muted); font-size: var(--text-md); cursor: pointer;
    align-items: center; justify-content: center; transition: all 0.15s;
}
.que-close-btn:hover[b-29l1qm7md3] { background: var(--canvas-inset); color: var(--fg-default); }

/* ── Responsive: Tablet & Mobile (900px) ── */
@media (max-width: 900px) {
    .que-panel[b-29l1qm7md3] {
        display: none;
        position: fixed; inset: 0;
        width: 100%; height: 100%;
        z-index: 300;
        border-left: none;
        padding-top: var(--topbar-height, 52px);
    }
    .que-panel.mobile-open[b-29l1qm7md3] {
        display: flex;
    }
    .que-close-btn[b-29l1qm7md3] {
        display: flex;
    }
}
/* /Components/Schedule/SchedulePanel.razor.rz.scp.css */
.sp-panel[b-0362nrli4m] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.sp-loading[b-0362nrli4m] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 0;
    color: var(--fg-muted);
    font-size: var(--text-sm);
}

.sp-list[b-0362nrli4m] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sp-add[b-0362nrli4m] {
    margin-top: 12px;
}
/* /Components/Schedule/ScheduleRow.razor.rz.scp.css */
.sr-row[b-0ripnkqlh4] {
    border: 1px solid var(--border-default);
    border-radius: 10px;
    background: var(--canvas-default);
    transition: all 0.2s;
}

.sr-row--expanded[b-0ripnkqlh4] {
    border-color: rgba(59, 130, 246, 0.3);
}

/* Collapsed summary */
.sr-summary[b-0ripnkqlh4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    cursor: pointer;
    transition: background 0.15s;
}

.sr-summary:hover[b-0ripnkqlh4] {
    background: var(--canvas-subtle);
}

.sr-summary-left[b-0ripnkqlh4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.sr-recurrence[b-0ripnkqlh4] {
    font-weight: 500;
    font-size: var(--text-sm);
    color: var(--fg-default);
}

.sr-meta[b-0ripnkqlh4] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.sr-assignees[b-0ripnkqlh4] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.sr-assignee-chip[b-0ripnkqlh4] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: var(--text-2xs);
    font-family: var(--font-mono);
    padding: 2px 8px;
    border-radius: 6px;
    border: 1px solid var(--border-default);
    background: var(--canvas-subtle);
    color: var(--fg-muted);
}

.sr-assignee-chip--location[b-0ripnkqlh4] {
    border-color: rgba(16, 185, 129, 0.25);
    color: var(--success-fg);
}

.sr-assignee-chip--user[b-0ripnkqlh4] {
    border-color: rgba(59, 130, 246, 0.25);
    color: var(--accent-fg);
}

.sr-assignee-chip--team[b-0ripnkqlh4] {
    border-color: rgba(245, 158, 11, 0.25);
    color: var(--attention-fg);
}

.sr-dates[b-0ripnkqlh4] {
    font-size: var(--text-2xs);
    color: var(--fg-muted);
    font-family: var(--font-mono);
}

.sr-actions[b-0ripnkqlh4] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

/* Expanded form */
.sr-form[b-0ripnkqlh4] {
    padding: 8px 24px 20px;
}

.sr-note[b-0ripnkqlh4] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    font-size: var(--text-2xs);
    color: var(--fg-subtle);
    font-family: var(--font-mono);
}

.sr-form-actions[b-0ripnkqlh4] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 16px;
}

.sr-form-actions[b-0ripnkqlh4]  .sr-save-btn {
    padding: 8px 28px;
    font-weight: 500;
    letter-spacing: 0.3px;
    border-radius: 8px;
    background: var(--accent-fg) !important;
    border: none !important;
    color: white !important;
    
    transition: all 0.15s;
}

.sr-form-actions[b-0ripnkqlh4]  .sr-save-btn:hover {
    
    
}

.sr-cancel-btn[b-0ripnkqlh4] {
    background: none;
    border: 1px solid var(--border-default);
    border-radius: 8px;
    padding: 8px 20px;
    color: var(--fg-muted);
    font-size: var(--text-sm);
    font-weight: 500;
    
    cursor: pointer;
    transition: all 0.15s;
}

.sr-cancel-btn:hover[b-0ripnkqlh4] {
    background: var(--canvas-subtle);
    border-color: var(--border-muted);
    color: var(--fg-default);
}

[b-0ripnkqlh4] .sr-validation {
    margin: 0 !important;
}

/* Deactivate dialog overlay */
.sr-overlay[b-0ripnkqlh4] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeIn-b-0ripnkqlh4 0.15s ease;
}

.sr-dialog[b-0ripnkqlh4] {
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    padding: 24px;
    max-width: 420px;
    width: 90%;
    
}

.sr-dialog-title[b-0ripnkqlh4] {
    font-weight: 500;
    font-size: var(--text-15);
    color: var(--fg-default);
    margin-bottom: 10px;
}

.sr-dialog-body[b-0ripnkqlh4] {
    font-size: var(--text-sm);
    color: var(--fg-muted);
    line-height: 1.6;
    margin-bottom: 20px;
}

.sr-dialog-actions[b-0ripnkqlh4] {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Outlined-input + label + select-slot skin is global now (hque-overrides.css "Inputs"). */

@keyframes fadeIn-b-0ripnkqlh4 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (max-width: 600px) {
    .sr-form[b-0ripnkqlh4] { padding: 8px 16px 16px; }
}
/* /Components/SchemaDesigner/EnvelopeEditor.razor.rz.scp.css */
.env-list[b-8kom606bxn] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.env-guardrail[b-8kom606bxn] {
    border: 1px solid var(--border-default);
    border-radius: 10px;
    padding: 14px 16px;
    background: var(--canvas-subtle, rgba(255, 255, 255, 0.02));
}

.env-guardrail-head[b-8kom606bxn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.env-guardrail-badge[b-8kom606bxn] {
    font-size: var(--text-10);
    font-weight: 600;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: var(--fg-muted);
}

.env-field-row[b-8kom606bxn] {
    display: flex;
    gap: 12px;
}

.env-field-row > *[b-8kom606bxn] {
    flex: 1;
    min-width: 0;
}

.env-trigger-row[b-8kom606bxn] {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ::deep — these targets live inside MudBlazor child components, which carry
   their own CSS-isolation scope, so the plain scoped selector wouldn't match. */
.env-trigger-row[b-8kom606bxn]  .mud-input-control {
    flex: 1;
}

.env-list[b-8kom606bxn]  .env-add-btn {
    align-self: flex-start;
    text-transform: none;
}
/* /Components/SchemaDesigner/SchemaDesigner.razor.rz.scp.css */
/* ── Split layout ── */
.sd-layout[b-87nee9e7m2] {
    display: flex;
    gap: 0;
    border: 1px solid var(--border-default);
    border-radius: 12px;
    background: var(--canvas-default);
    overflow: hidden;
    min-height: 400px;
}

/* ── Left: Preview pane ── */
.sd-preview[b-87nee9e7m2] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--border-default);
}

/* Header + count chip now shared: .panel-header / .count-chip in components.css */

/* Form preview rows */
.sd-preview-form[b-87nee9e7m2] {
    flex: 1;
    overflow-y: auto;
    padding: 4px 0;
}

.sd-preview-row[b-87nee9e7m2] {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    padding: 4px 8px 4px 4px;
    border-bottom: 1px solid rgba(255,255,255,0.03);
    cursor: pointer;
    transition: background 0.15s;
    position: relative;
}

.sd-preview-row:last-child[b-87nee9e7m2] {
    border-bottom: none;
}

.sd-preview-row:hover[b-87nee9e7m2] {
    background: rgba(255,255,255,0.02);
}

.sd-preview-row--selected[b-87nee9e7m2] {
    background: rgba(59,130,246,0.08);
    box-shadow: inset 3px 0 0 var(--accent-fg);
    border-radius: 0 8px 8px 0;
    margin-right: 4px;
}

.sd-preview-row--selected:hover[b-87nee9e7m2] {
    background: rgba(59,130,246,0.12);
}

.sd-preview-row--drag-over[b-87nee9e7m2] {
    border-top: 2px solid var(--accent-fg);
}

.sd-preview-drag[b-87nee9e7m2] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 18px;
    min-width: 24px;
    cursor: grab;
    opacity: 0.4;
    transition: opacity 0.15s;
}

.sd-preview-row:hover .sd-preview-drag[b-87nee9e7m2] {
    opacity: 1;
}

.sd-preview-drag:active[b-87nee9e7m2] {
    cursor: grabbing;
}

.sd-preview-field[b-87nee9e7m2] {
    flex: 1;
    min-width: 0;
    pointer-events: none;
}

.sd-preview-actions[b-87nee9e7m2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    padding-top: 10px;
    flex-shrink: 0;
    opacity: 0.3;
    transition: opacity 0.15s;
    pointer-events: auto;
}

.sd-preview-row:hover .sd-preview-actions[b-87nee9e7m2],
.sd-preview-row--selected .sd-preview-actions[b-87nee9e7m2] {
    opacity: 1;
}

/* ── Right: Settings panel ── */
.sd-settings[b-87nee9e7m2] {
    width: 400px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    background: var(--canvas-default);
    transition: width 0.2s ease;
    overflow: hidden;
}

.sd-settings-body[b-87nee9e7m2] {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.sd-settings-section[b-87nee9e7m2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sd-settings-label[b-87nee9e7m2] {
    font-size: var(--text-10);
    font-weight: 500;
    color: var(--fg-subtle);
    
    letter-spacing: 0.5px;
}

.sd-settings-divider[b-87nee9e7m2] {
    height: 1px;
    background: var(--border-default);
    margin: 4px 0;
}

.sd-settings-toggle[b-87nee9e7m2] {
    margin: -4px 0;
}

.sd-settings-toggle[b-87nee9e7m2]  .mud-switch {
    margin: 0;
}

.sd-settings-empty[b-87nee9e7m2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 48px 24px;
    flex: 1;
}

.sd-settings-empty-text[b-87nee9e7m2] {
    font-size: var(--text-xs);
    color: var(--fg-subtle);
    text-align: center;
}

/* Menu item in type dropdown */
.sd-menu-item[b-87nee9e7m2] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 2px 0;
}

/* Outlined-input + switch skin is global now (hque-overrides.css "Inputs"). */

/* ── MultipleChoice options editor ── */
.sd-options-header[b-87nee9e7m2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}

.sd-options-empty[b-87nee9e7m2] {
    font-size: var(--text-xs);
    color: var(--text-3);
    padding: 8px 0;
    font-style: italic;
}

.sd-options-list[b-87nee9e7m2] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sd-option-row[b-87nee9e7m2] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.sd-option-row[b-87nee9e7m2]  .mud-input-control {
    flex: 1;
}

/* Muted workspace-name suffix on a RelatedEntity target borrowed from another workspace. */
.sd-related-shared[b-87nee9e7m2] {
    margin-left: 6px;
    font-size: var(--text-xs);
    color: var(--text-3);
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .sd-layout[b-87nee9e7m2] {
        flex-direction: column;
    }
    .sd-preview[b-87nee9e7m2] {
        border-right: none;
        border-bottom: 1px solid var(--border-default);
    }
    .sd-settings[b-87nee9e7m2] {
        width: 100%;
        max-height: 400px;
    }
}
/* /Components/Skeletons/FormSkeleton.razor.rz.scp.css */
.sk-form-page[b-vyn132iuz1] {
    max-width: 1600px;
    margin: 0 auto;
}

/* Header */
.sk-form-header[b-vyn132iuz1] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 24px;
}

.sk-form-header-text[b-vyn132iuz1] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-top: 4px;
}

/* Status row */
.sk-form-status[b-vyn132iuz1] {
    margin-bottom: 16px;
}

/* Two-column layout */
.sk-form-two-col[b-vyn132iuz1] {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.sk-form-col-main[b-vyn132iuz1] {
    flex: 1;
    min-width: 0;
}

.sk-form-col-side[b-vyn132iuz1] {
    width: 300px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Form card */
.sk-form-card[b-vyn132iuz1] {
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    overflow: hidden;
}

.sk-form-body[b-vyn132iuz1] {
    padding: 24px 28px 8px;
}

.sk-form-row[b-vyn132iuz1] {
    display: flex;
    gap: 24px;
    padding: 14px 0;
    align-items: flex-start;
}

.sk-form-label-col[b-vyn132iuz1] {
    flex: 0 0 33%;
    padding-top: 8px;
}

.sk-form-field-col[b-vyn132iuz1] {
    flex: 1;
    min-width: 0;
}

.sk-form-divider[b-vyn132iuz1] {
    height: 1px;
    background: rgba(255, 255, 255, 0.06);
}

.sk-form-actions[b-vyn132iuz1] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding: 18px 28px;
    border-top: 1px solid var(--border-default);
    margin-top: 8px;
}

/* Sidebar widgets */
.sk-form-widget[b-vyn132iuz1] {
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    overflow: hidden;
}

.sk-form-widget-head[b-vyn132iuz1] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-default);
}

.sk-form-widget-body[b-vyn132iuz1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 16px;
}

.sk-mt-6[b-vyn132iuz1] {
    margin-top: 6px;
}

@media (max-width: 900px) {
    .sk-form-two-col[b-vyn132iuz1] { flex-direction: column; }
    .sk-form-col-side[b-vyn132iuz1] { width: 100%; }
}

@media (max-width: 768px) {
    .sk-form-row[b-vyn132iuz1] {
        flex-direction: column;
        gap: 6px;
    }
    .sk-form-label-col[b-vyn132iuz1] {
        flex: none;
    }
    .sk-form-body[b-vyn132iuz1] { padding: 20px 16px 8px; }
    .sk-form-actions[b-vyn132iuz1] { padding: 16px; }
}
/* /Components/Skeletons/ListViewSkeleton.razor.rz.scp.css */
.sk-list-wrap[b-whpsh00bnf] {
    /* Match the actual TableItemList — no outer card, just naturally stacked content */
}

.sk-list-toolbar[b-whpsh00bnf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 16px;
    gap: 12px;
}

.sk-list-toolbar-right[b-whpsh00bnf] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sk-table[b-whpsh00bnf] {
    width: 100%;
    border-collapse: collapse;
}

.sk-table thead tr[b-whpsh00bnf] {
    background: var(--canvas-subtle);
}

.sk-table th[b-whpsh00bnf] {
    padding: 12px 18px;
    border-bottom: 1px solid var(--border-default);
    text-align: left;
}

.sk-table tbody tr[b-whpsh00bnf] {
    transition: background 0.12s;
}

.sk-table td[b-whpsh00bnf] {
    padding: 14px 18px;
    border-bottom: 1px solid var(--border-default);
}
/* /Components/Skeletons/TableCardsSkeleton.razor.rz.scp.css */
.sk-cards-grid[b-frrb2ri3jv] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.sk-card[b-frrb2ri3jv] {
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    padding: 20px 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 130px;
}

.sk-card-body[b-frrb2ri3jv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media (max-width: 900px) {
    .sk-cards-grid[b-frrb2ri3jv] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
    .sk-cards-grid[b-frrb2ri3jv] { grid-template-columns: 1fr; }
}
/* /Components/Staff/StaffComplianceRow.razor.rz.scp.css */
.staff-row[b-drwihkxjdk] {
    display: flex; align-items: center; gap: 10px;
    padding: 9px 12px;
    background: var(--canvas-subtle); border: 1px solid var(--border-default);
    border-radius: 8px;
}

.staff-av[b-drwihkxjdk] {
    width: 28px; height: 28px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: var(--text-10); font-weight: 500; flex-shrink: 0;
}

.staff-info[b-drwihkxjdk] { flex: 1; }
.staff-name[b-drwihkxjdk] { font-size: var(--text-xs); font-weight: 500; color: var(--fg-default); margin-bottom: 2px; }
.staff-role[b-drwihkxjdk] { font-size: var(--text-10); color: var(--fg-subtle); }

.staff-prog[b-drwihkxjdk] { display: flex; align-items: center; gap: 8px; }

.staff-bar[b-drwihkxjdk] { width: 80px; height: 4px; background: var(--canvas-inset); border-radius: 2px; overflow: hidden; }
.staff-bar-fill[b-drwihkxjdk] { height: 100%; border-radius: 2px; }

.staff-pct[b-drwihkxjdk] {
    font-size: var(--text-2xs); font-weight: 500;
    font-family: var(--font-mono);
    color: var(--fg-muted); width: 30px; text-align: right;
}
/* /Components/Staff/StaffNavCards.razor.rz.scp.css */
/* Worklist nav — rendered on every /staff page by StaffSurfaceLayout.
   Token-based, dark-aware (and forced light under .staff-surface). Moved here
   from StaffHome.razor.css when the cards were promoted to a shared surface nav.

   Desktop: three cards. Mobile: collapses to a dropdown button + menu, mirroring
   the main portal's TopbarNav. */

/* Match the .main-inner top padding below the nav so body content clears it. */
.staff-nav[b-qfnnoxce2s] { margin-bottom: 24px; }

/* ── Desktop cards ── */
.staff-portal-cards[b-qfnnoxce2s] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.staff-portal-card[b-qfnnoxce2s] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 18px;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-lg);
    background: var(--canvas-default);
    box-shadow: var(--shadow-resting);
    text-decoration: none;
    cursor: pointer;
}
.staff-portal-card:hover[b-qfnnoxce2s] {
    border-color: var(--accent-emphasis);
    box-shadow: var(--shadow-floating);
}
.staff-portal-card.active[b-qfnnoxce2s] {
    border-color: var(--accent-emphasis);
    background: var(--accent-subtle);
}

/* MudIcon root span is owned by the MudIcon child component (no isolation attr) —
   ::deep reaches it. */
.staff-portal-card[b-qfnnoxce2s]  .staff-portal-card-icon {
    font-size: var(--text-3xl);
    color: var(--accent-fg);
}

.staff-portal-card-title[b-qfnnoxce2s] {
    font-size: var(--text-md);
    font-weight: 600;
    color: var(--fg-default);
}
.staff-portal-card-sub[b-qfnnoxce2s] {
    font-size: var(--text-sm);
    line-height: 1.4;
    color: var(--fg-muted);
}

/* ── Mobile dropdown (hidden on desktop) ── */
.staff-nav-mobile[b-qfnnoxce2s] { display: none; position: relative; }

.staff-nav-mobile-btn[b-qfnnoxce2s] {
    display: flex; align-items: center; gap: 10px;
    width: 100%;
    padding: 12px 14px;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-lg);
    background: var(--canvas-default);
    box-shadow: var(--shadow-resting);
    font-size: var(--text-md); font-weight: 600;
    color: var(--fg-default);
    cursor: pointer; text-align: left;
}
.staff-nav-mobile-btn[b-qfnnoxce2s]  .mud-icon-root { color: var(--accent-fg); }
.staff-nav-mobile-btn[b-qfnnoxce2s]  .staff-nav-mobile-caret { margin-left: auto; color: var(--fg-muted); }

.staff-nav-mobile-menu[b-qfnnoxce2s] {
    position: absolute;
    top: 100%; left: 0; right: 0;
    margin-top: 4px;
    padding: 6px;
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-floating);
    z-index: 401;
    display: flex; flex-direction: column; gap: 2px;
}

.staff-nav-mobile-item[b-qfnnoxce2s] {
    display: flex; align-items: center; gap: 10px;
    padding: 10px 12px;
    border-radius: var(--radius-md);
    font-size: var(--text-md);
    color: var(--fg-default);
    text-decoration: none;
}
.staff-nav-mobile-item[b-qfnnoxce2s]  .mud-icon-root { color: var(--accent-fg); }
.staff-nav-mobile-item:hover[b-qfnnoxce2s] { background: var(--canvas-subtle); }
.staff-nav-mobile-item.active[b-qfnnoxce2s] { background: var(--accent-subtle); font-weight: 600; }

.staff-nav-mobile-backdrop[b-qfnnoxce2s] { position: fixed; inset: 0; z-index: 400; }

/* ── Responsive ── */
@media (max-width: 600px) {
    .staff-portal-cards[b-qfnnoxce2s] { display: none; }
    .staff-nav-mobile[b-qfnnoxce2s] { display: block; }
    .staff-nav[b-qfnnoxce2s] { margin-bottom: 16px; }
}
/* /Components/Ui/CalendarStrip.razor.rz.scp.css */
.cal-strip[b-pswh7ka0v1] { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; }

.cal-day[b-pswh7ka0v1] {
    text-align: center; cursor: pointer;
    border-radius: 8px; padding: 8px 4px;
    border: 1px solid transparent; transition: all 0.15s;
}

.cal-day:hover[b-pswh7ka0v1] { background: var(--canvas-subtle); border-color: var(--border-default); }
.cal-day.today[b-pswh7ka0v1] { background: var(--canvas-subtle); border-color: rgba(37,99,235,0.3); }
.cal-day.selected[b-pswh7ka0v1] { background: rgba(37,99,235,0.12); border-color: rgba(37,99,235,0.5); }
.cal-day.selected .cal-date[b-pswh7ka0v1] { color: var(--accent-fg); }

.cal-dow[b-pswh7ka0v1] {
    font-size: var(--text-3xs); font-weight: 500; color: var(--fg-subtle);
    letter-spacing: 0.5px; margin-bottom: 5px;
}

.cal-date[b-pswh7ka0v1] {
    font-family: var(--font-mono);
    font-size: var(--text-md); font-weight: 500; color: var(--fg-muted);
    margin-bottom: 6px; line-height: 1;
}

[b-pswh7ka0v1] .cal-day.today .cal-date { color: var(--accent-fg); }

.cal-dots[b-pswh7ka0v1] { display: flex; justify-content: center; gap: 2px; flex-wrap: wrap; }
.cal-dot[b-pswh7ka0v1] { width: 5px; height: 5px; border-radius: 50%; }
.cal-count[b-pswh7ka0v1] { font-size: var(--text-3xs); color: var(--fg-subtle); margin-top: 3px; font-family: var(--font-mono); }

/* ── Responsive: Mobile (600px) ── */
@media (max-width: 600px) {
    .cal-strip[b-pswh7ka0v1] { gap: 3px; overflow-x: auto; }
    .cal-day[b-pswh7ka0v1] { padding: 6px 2px; min-width: 40px; }
    .cal-date[b-pswh7ka0v1] { font-size: var(--text-xs); }
    .cal-dow[b-pswh7ka0v1] { font-size: var(--text-8); }
}
/* /Components/Ui/LoadingPanel.razor.rz.scp.css */
.loading-panel[b-1oaa27q871] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 0;
}
/* /Components/Ui/MarkdownEditor.razor.rz.scp.css */
.md-editor[b-fordxzayhv] {
    border: 1px solid var(--border-default);
    border-radius: var(--radius-lg);
    overflow: hidden;
    background: var(--canvas-default);
}

.md-editor-tabs[b-fordxzayhv] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 8px;
    background: var(--canvas-subtle);
    border-bottom: 1px solid var(--border-default);
}

.md-tab[b-fordxzayhv] {
    background: transparent;
    border: none;
    padding: 6px 12px;
    border-radius: var(--radius-md);
    color: var(--fg-muted);
    font-size: var(--text-sm);
    cursor: pointer;
}
.md-tab:hover[b-fordxzayhv] {
    background: var(--canvas-inset);
}
.md-tab.active[b-fordxzayhv] {
    background: var(--canvas-inset);
    color: var(--fg-default);
    font-weight: 500;
}

.md-editor-textarea[b-fordxzayhv] {
    width: 100%;
    border: none;
    padding: 12px;
    background: var(--canvas-default);
    color: var(--fg-default);
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    line-height: 1.5;
    resize: vertical;
    outline: none;
    box-sizing: border-box;
}

.md-editor-preview[b-fordxzayhv] {
    padding: 12px;
    min-height: 240px;
}

.md-editor-footer[b-fordxzayhv] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 12px;
    background: var(--canvas-subtle);
    border-top: 1px solid var(--border-default);
}

.md-btn[b-fordxzayhv] {
    padding: 6px 14px;
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    font-weight: 500;
    border: 1px solid transparent;
    cursor: pointer;
}
.md-btn:disabled[b-fordxzayhv] { opacity: 0.55; cursor: not-allowed; }

.md-btn-ghost[b-fordxzayhv] {
    background: var(--canvas-default);
    color: var(--fg-default);
    border-color: var(--border-default);
}
.md-btn-ghost:hover:not(:disabled)[b-fordxzayhv] {
    background: var(--canvas-inset);
}

.md-btn-primary[b-fordxzayhv] {
    background: var(--accent-emphasis);
    color: var(--fg-on-emphasis);
}
.md-btn-primary:hover:not(:disabled)[b-fordxzayhv] {
    filter: brightness(1.05);
}
/* /Components/Ui/MarkdownView.razor.rz.scp.css */
.md-view[b-qk4w6zlw4f]  h1,
.md-view[b-qk4w6zlw4f]  h2,
.md-view[b-qk4w6zlw4f]  h3,
.md-view[b-qk4w6zlw4f]  h4 {
    color: var(--text-primary);
    margin: 1.5em 0 0.5em;
    font-weight: 600;
}

.md-view[b-qk4w6zlw4f]  h1 { font-size: 1.6rem; }
.md-view[b-qk4w6zlw4f]  h2 { font-size: 1.3rem; }
.md-view[b-qk4w6zlw4f]  h3 { font-size: 1.1rem; }

.md-view[b-qk4w6zlw4f]  p {
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0.5em 0;
}

.md-view[b-qk4w6zlw4f]  a {
    color: var(--accent);
    text-decoration: none;
}
.md-view[b-qk4w6zlw4f]  a:hover {
    text-decoration: underline;
}

.md-view[b-qk4w6zlw4f]  code {
    background: var(--surface3);
    padding: 0.1em 0.35em;
    border-radius: 4px;
    font-size: 0.9em;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

.md-view[b-qk4w6zlw4f]  pre {
    background: var(--surface3);
    padding: 12px;
    border-radius: 6px;
    overflow-x: auto;
}

.md-view[b-qk4w6zlw4f]  pre code {
    background: transparent;
    padding: 0;
}

.md-view[b-qk4w6zlw4f]  ul,
.md-view[b-qk4w6zlw4f]  ol {
    color: var(--text-secondary);
    padding-left: 1.5em;
    line-height: 1.6;
}

.md-view[b-qk4w6zlw4f]  blockquote {
    border-left: 3px solid var(--accent);
    margin: 0.75em 0;
    padding: 0.25em 0 0.25em 1em;
    color: var(--text-secondary);
}

.md-view[b-qk4w6zlw4f]  table {
    border-collapse: collapse;
    margin: 1em 0;
}
.md-view[b-qk4w6zlw4f]  th,
.md-view[b-qk4w6zlw4f]  td {
    border: 1px solid var(--border);
    padding: 6px 10px;
    text-align: left;
}

.md-empty[b-qk4w6zlw4f] {
    color: var(--text-muted);
    font-style: italic;
    padding: 0.5em 0;
}
/* /Components/Ui/PageEmptyState.razor.rz.scp.css */
.empty-state[b-1cx2a07elv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 20px;
    gap: 12px;
    text-align: center;
}

.empty-state-icon[b-1cx2a07elv] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.empty-state-title[b-1cx2a07elv] {
    font-size: var(--text-lg);
    font-weight: 500;
    color: var(--fg-default);
}

.empty-state-desc[b-1cx2a07elv] {
    font-size: var(--text-sm);
    color: var(--fg-muted);
    max-width: 400px;
    line-height: 1.5;
}

.empty-state-action[b-1cx2a07elv] {
    margin-top: 8px;
}
/* /Components/Ui/PageHeader.razor.rz.scp.css */
/* .page-header* now lives globally in components.css (shared with <PageScaffold>). */
/* /Components/Ui/StepIndicator.razor.rz.scp.css */
.step-indicator[b-lrrm19339g] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 24px;
}

.step[b-lrrm19339g] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-2xs);
    font-weight: 500;
    font-family: var(--font-mono);
}

.step-num[b-lrrm19339g] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-10);
    font-weight: 500;
    background: var(--canvas-inset);
    color: var(--fg-subtle);
    border: 1px solid var(--border-default);
}

.step.active .step-num[b-lrrm19339g] {
    background: var(--accent-fg);
    color: white;
    border-color: transparent;
    
}

.step.done .step-num[b-lrrm19339g] {
    background: var(--success-fg);
    color: white;
    border-color: transparent;
}

.step-label[b-lrrm19339g] {
    color: var(--fg-subtle);
}

.step.active .step-label[b-lrrm19339g] {
    color: var(--fg-muted);
}

.step.done .step-label[b-lrrm19339g] {
    color: var(--success-fg);
}

.step-sep[b-lrrm19339g] {
    flex: 1;
    height: 1px;
    background: var(--border-muted);
}
/* /Components/Ui/SubmitButton.razor.rz.scp.css */
.submit-btn[b-3lihhlc6yv] {
    width: 100%;
    padding: 13px;
    background: var(--accent-fg);
    border: none;
    border-radius: 9px;
    
    font-size: var(--text-md);
    font-weight: 500;
    color: white;
    cursor: pointer;
    transition: all 0.2s;
    
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.submit-btn[b-3lihhlc6yv]::after {
    content: '';
    position: absolute;
    inset: 0;
    background: transparent;
    pointer-events: none;
}

.submit-btn:hover:not(:disabled)[b-3lihhlc6yv] {
    
    
}

.submit-btn:active[b-3lihhlc6yv] {
    transform: translateY(0);
}

.submit-btn.ghost[b-3lihhlc6yv] {
    background: var(--canvas-subtle);
    border: 1px solid var(--border-muted);
    color: var(--fg-muted);
    box-shadow: none;
}

.submit-btn.ghost:hover[b-3lihhlc6yv] {
    background: var(--canvas-inset);
    color: var(--fg-default);
}

.submit-btn.loading[b-3lihhlc6yv] {
    opacity: 0.7;
    pointer-events: none;
}

.submit-btn.loading .spinner[b-3lihhlc6yv] {
    display: block;
}

.submit-btn.loading .btn-text[b-3lihhlc6yv] {
    opacity: 0.7;
}

.spinner[b-3lihhlc6yv] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-3lihhlc6yv 0.7s linear infinite;
    display: none;
    flex-shrink: 0;
}

@keyframes spin-b-3lihhlc6yv {
    to { transform: rotate(360deg); }
}
/* /Layout/AppShell.razor.rz.scp.css */
.topbar[b-cwybbnou60] {
    position: fixed; top: 0; left: 0; right: 0;
    height: var(--topbar-height);
    background: var(--canvas-subtle);
    backdrop-filter: blur(24px);
    border-bottom: 1px solid var(--border-default);
    z-index: 200;
}

/* Full-bleed bar, but its contents (logo / breadcrumb / menus) are clamped to the
   same 1600px column as .main-inner so they line up with page content. */
.topbar-inner[b-cwybbnou60] {
    height: 100%;
    max-width: 1600px; margin: 0 auto;
    padding: 0 24px;
    display: flex; align-items: center;
}

.logo[b-cwybbnou60] {
    display: flex; align-items: center; gap: 9px;
    font-weight: 500; font-size: var(--text-15); 
    flex-shrink: 0; margin-right: 24px; cursor: pointer;
}

.logo-mark[b-cwybbnou60] {
    width: 26px; height: 26px;
    background: var(--accent-fg);
    border-radius: 6px;
    display: flex; align-items: center; justify-content: center;
    font-size: var(--text-sm); position: relative;
}

.logo-mark[b-cwybbnou60]::after {
    content: '';
    position: absolute; inset: -1px; border-radius: 7px;
    background: var(--accent-fg);
    opacity: 0.3; filter: blur(4px); z-index: -1;
}

.setup-nav[b-cwybbnou60] {
    padding: 5px 12px; border-radius: 6px;
    font-size: var(--text-xs); font-weight: 500;
    color: var(--success-fg); cursor: pointer;
    transition: all 0.15s;
    border: 1px solid rgba(16,185,129,0.25);
    background: rgba(16,185,129,0.08);
    display: flex; align-items: center; gap: 6px;
    text-decoration: none; flex-shrink: 0;
    margin-right: 4px;
}

.setup-nav:hover[b-cwybbnou60] {
    background: rgba(16,185,129,0.15);
    border-color: rgba(16,185,129,0.4);
}

.setup-progress[b-cwybbnou60] {
    font-size: var(--text-10); font-weight: 500;
    background: rgba(16,185,129,0.2);
    padding: 1px 6px; border-radius: 8px;
    font-family: var(--font-mono);
}

.topbar-right[b-cwybbnou60] { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }

.tbtn[b-cwybbnou60] {
    width: 30px; height: 30px;
    background: var(--canvas-subtle); border: 1px solid var(--border-default);
    border-radius: 7px; display: flex; align-items: center; justify-content: center;
    cursor: pointer; color: var(--fg-muted); font-size: var(--text-sm);
    transition: all 0.15s; position: relative;
}

.tbtn:hover[b-cwybbnou60] { background: var(--canvas-inset); color: var(--fg-default); }

.badge-dot[b-cwybbnou60] {
    position: absolute; top: 4px; right: 4px;
    width: 6px; height: 6px; border-radius: 50%;
    background: var(--danger-fg); border: 1.5px solid var(--canvas-inset);
}

.av-wrapper[b-cwybbnou60] { position: relative; }

.av[b-cwybbnou60] {
    width: 30px; height: 30px; border-radius: 50%;
    background: var(--accent-fg);
    display: flex; align-items: center; justify-content: center;
    font-size: var(--text-2xs); font-weight: 500; cursor: pointer;
}

.av-dropdown[b-cwybbnou60] {
    position: absolute; top: 38px; right: 0;
    min-width: 160px; padding: 6px;
    background: var(--canvas-default); border: 1px solid var(--border-default);
    border-radius: 8px; 
    z-index: 400;
}

.av-dropdown-item[b-cwybbnou60] {
    display: flex; align-items: center; gap: 8px;
    padding: 8px 10px; border-radius: 6px;
    font-size: var(--text-sm); color: var(--fg-default); cursor: pointer;
    transition: background 0.1s;
}

.av-dropdown-item:hover[b-cwybbnou60] { background: var(--canvas-subtle); }

.av-dropdown-backdrop[b-cwybbnou60] {
    position: fixed; inset: 0; z-index: 399;
}

.layout[b-cwybbnou60] {
    display: flex; height: 100vh;
    padding-top: var(--topbar-height);
}

.layout.has-subnav[b-cwybbnou60] {
    padding-top: calc(var(--topbar-height) + var(--subnav-height));
}

.main[b-cwybbnou60] {
    flex: 1; overflow-y: auto; overflow-x: hidden;
    background: var(--canvas-inset); position: relative;
}

.main[b-cwybbnou60]::before {
    content: '';
    position: fixed; top: var(--topbar-height); left: 0;
    right: var(--sidebar-width); bottom: 0;
    background:
        radial-gradient(ellipse 600px 400px at 20% 10%, rgba(37,99,235,0.04) 0%, transparent 70%),
        radial-gradient(ellipse 400px 300px at 80% 80%, rgba(8,145,178,0.03) 0%, transparent 70%);
    pointer-events: none; z-index: 0;
}

.main-inner[b-cwybbnou60] { position: relative; z-index: 1; padding: 22px 24px; max-width: 1600px; margin: 0 auto; }

/* ── Que topbar button ── */
.que-topbar-btn[b-cwybbnou60] {
    background: var(--accent-subtle);
    border-color: rgba(37,99,235,0.2);
    color: var(--accent-fg);
}
.que-topbar-btn:hover[b-cwybbnou60] {
    background: var(--accent-subtle);
    border-color: rgba(37,99,235,0.35);
    color: var(--accent-fg);
}

/* ── Responsive: Tablet (900px) ── */
@media (max-width: 900px) {
    .setup-nav[b-cwybbnou60] { display: none; }
    .logo[b-cwybbnou60] { margin-right: 8px; }

    .main-inner[b-cwybbnou60] { padding: 16px; }
}

/* ── Responsive: Mobile (600px) ── */
@media (max-width: 600px) {
    .topbar-inner[b-cwybbnou60] { padding: 0 12px; }
    .logo[b-cwybbnou60] { font-size: 0; gap: 0; margin-right: 8px; }
    .logo-mark[b-cwybbnou60] { margin-right: 0; }

    .main-inner[b-cwybbnou60] { padding: 12px; }
}
/* /Layout/AuthLayout.razor.rz.scp.css */
.auth-page[b-yfysfwpe3v] {
    position: relative;
    z-index: 1;
    height: 100vh;
    display: flex;
    max-width: 1600px;
    margin: 0 auto;
}

.form-panel[b-yfysfwpe3v] {
    flex: 1;
    display: flex;
    align-items: safe center;
    justify-content: center;
    padding: 40px;
    overflow-y: auto;
}

.form-container[b-yfysfwpe3v] {
    width: 100%;
    max-width: 400px;
}

@media (max-width: 900px) {
    [b-yfysfwpe3v] .brand-panel {
        display: none;
    }

    .form-panel[b-yfysfwpe3v] {
        padding: 32px 20px;
    }
}

/* Short viewports (mobile landscape) — let form scroll from top */
@media (max-height: 500px) {
    .form-panel[b-yfysfwpe3v] {
        align-items: flex-start;
        padding: 20px;
    }
}
/* /Layout/QueSplitLayout.razor.rz.scp.css */
.topbar[b-cwro70ez5i] {
    position: fixed; top: 0; left: 0; right: 0;
    height: 52px;
    background: var(--canvas-subtle); backdrop-filter: blur(24px);
    border-bottom: 1px solid var(--border-default);
    display: flex; align-items: center; padding: 0 18px; gap: 12px;
    z-index: 200;
}

.logo[b-cwro70ez5i] { display: flex; align-items: center; gap: 9px; font-weight: 500; font-size: var(--text-15); flex-shrink: 0; cursor: pointer; }

.logo-mark[b-cwro70ez5i] {
    width: 26px; height: 26px;
    background: var(--accent-fg);
    border-radius: 6px; display: flex; align-items: center; justify-content: center;
    font-size: var(--text-sm); position: relative;
}

.logo-mark[b-cwro70ez5i]::after {
    content: ''; position: absolute; inset: -1px; border-radius: 7px;
    background: var(--accent-fg);
    opacity: 0.25; filter: blur(5px); z-index: -1;
}

.topbar-divider[b-cwro70ez5i] { width: 1px; height: 20px; background: var(--border-muted); flex-shrink: 0; }

.topbar-context[b-cwro70ez5i] { display: flex; align-items: center; gap: 8px; font-size: var(--text-xs); }

.topbar-context-label[b-cwro70ez5i] { color: var(--fg-subtle); }

.topbar-context-badge[b-cwro70ez5i] {
    padding: 3px 9px;
    background: rgba(37,99,235,0.1); border: 1px solid rgba(37,99,235,0.2);
    border-radius: 5px; font-size: var(--text-2xs); font-weight: 500;
    color: var(--accent-fg); font-family: var(--font-mono);
}

.topbar-right[b-cwro70ez5i] { margin-left: auto; display: flex; align-items: center; gap: 8px; }

.tenant-badge[b-cwro70ez5i] {
    display: flex; align-items: center; gap: 7px;
    padding: 4px 10px;
    background: var(--canvas-subtle); border: 1px solid var(--border-muted);
    border-radius: 20px; font-size: var(--text-2xs); font-weight: 500; color: var(--fg-muted);
}

.tenant-dot[b-cwro70ez5i] {
    width: 6px; height: 6px; border-radius: 50%;
    background: var(--success-fg);
    box-shadow: 0 0 6px var(--success-fg);
}

.tbtn[b-cwro70ez5i] {
    width: 30px; height: 30px; background: var(--canvas-subtle); border: 1px solid var(--border-default);
    border-radius: 7px; display: flex; align-items: center; justify-content: center;
    cursor: pointer; color: var(--fg-muted); font-size: var(--text-sm); transition: all 0.15s;
}

.tbtn:hover[b-cwro70ez5i] { background: var(--canvas-inset); color: var(--fg-default); }

.av[b-cwro70ez5i] {
    width: 30px; height: 30px; border-radius: 50%;
    background: var(--accent-fg);
    display: flex; align-items: center; justify-content: center;
    font-size: var(--text-2xs); font-weight: 500; cursor: pointer;
}

.split-layout[b-cwro70ez5i] {
    position: relative; z-index: 1;
    display: flex; height: 100vh;
    padding-top: 52px;
}

.content-window[b-cwro70ez5i] {
    flex: 1; overflow: hidden;
    position: relative;
    background: var(--canvas-inset);
    border-right: 1px solid var(--border-default);
    display: flex; flex-direction: column;
}

.content-window[b-cwro70ez5i]::before {
    content: '';
    position: absolute; inset: 0;
    background:
        radial-gradient(ellipse 600px 400px at 20% 10%, rgba(37,99,235,0.04) 0%, transparent 70%),
        radial-gradient(ellipse 400px 300px at 80% 80%, rgba(8,145,178,0.03) 0%, transparent 70%);
    pointer-events: none; z-index: 0;
}

.content-inner[b-cwro70ez5i] {
    position: relative; z-index: 1;
    flex: 1; overflow-y: auto; padding: 16px 20px;
    scrollbar-width: thin; scrollbar-color: var(--canvas-inset) transparent;
}

/* ── Que mobile FAB (split layout) ── */
.que-fab[b-cwro70ez5i] {
    display: none; position: fixed; bottom: 20px; right: 20px; z-index: 250;
    width: 48px; height: 48px; border-radius: 50%; border: none;
    background: var(--accent-fg);
    color: white; font-size: var(--text-2xl); cursor: pointer;
    
    align-items: center; justify-content: center;
    transition: transform 0.15s;
}
.que-fab:hover[b-cwro70ez5i] { transform: scale(1.08); }

.que-mobile-backdrop[b-cwro70ez5i] {
    display: none; position: fixed; inset: 0; z-index: 290;
    background: rgba(0,0,0,0.5); backdrop-filter: blur(4px);
}

/* ── Responsive: Tablet (900px) ── */
@media (max-width: 900px) {
    .topbar-context[b-cwro70ez5i] { display: none; }
    .topbar-divider[b-cwro70ez5i] { display: none; }
    .tenant-badge[b-cwro70ez5i] { display: none; }

    .content-window[b-cwro70ez5i] { border-right: none; }
    .content-inner[b-cwro70ez5i] { padding: 16px; }

    .que-fab[b-cwro70ez5i] { display: flex; }
    .que-mobile-backdrop.open[b-cwro70ez5i] { display: block; }
}

/* ── Responsive: Mobile (600px) ── */
@media (max-width: 600px) {
    .topbar[b-cwro70ez5i] { padding: 0 12px; }
    .logo[b-cwro70ez5i] { font-size: 0; gap: 0; }
    .content-inner[b-cwro70ez5i] { padding: 12px; }
    .que-fab[b-cwro70ez5i] { width: 44px; height: 44px; font-size: var(--text-xl); bottom: 16px; right: 16px; }
}
/* /Layout/StaffSurfaceLayout.razor.rz.scp.css */
/* Completion-surface chrome — scoped to StaffSurfaceLayout only.
   AppShell's .topbar/.layout/.main/.main-inner/.logo/.tbtn carry AppShell's
   isolation attribute and never reach here; re-authored against hque-tokens.css
   so light/dark track automatically and AppShell stays untouched. */

/* .bg-grid's real rule is scoped to Authentication.razor.css; markup emits it
   here, so give it a subtle local backdrop. */
.bg-grid[b-ex5twra5p2] {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image:
        linear-gradient(var(--border-subtle) 1px, transparent 1px),
        linear-gradient(90deg, var(--border-subtle) 1px, transparent 1px);
    background-size: 32px 32px;
    opacity: 0.35;
    mask-image: radial-gradient(ellipse 80% 60% at 50% 0%, #000 0%, transparent 80%);
}

/* ── Topbar ───────────────────────────────────────────── */
.topbar[b-ex5twra5p2] {
    position: fixed;
    top: 0; left: 0; right: 0;
    height: var(--topbar-height);
    background: var(--canvas-subtle);
    backdrop-filter: blur(24px);
    border-bottom: 1px solid var(--border-default);
    z-index: 200;
}

/* Full-bleed bar, but its contents are clamped to the same 1600px column AppShell
   uses, so the logo and controls sit exactly where they do on /manage when you
   switch surfaces. The staff body column below is narrower (see .main-inner) —
   this clamp is about the CHROME lining up, not the content. */
.topbar-inner[b-ex5twra5p2] {
    height: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.logo[b-ex5twra5p2] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: var(--text-15);
    color: var(--fg-default);
}

/* Match AppShell's mark exactly (26px accent tile + soft glow) so the brand lockup
   is the same size when you switch between /manage and /staff. */
.logo-mark[b-ex5twra5p2] {
    width: 26px; height: 26px;
    background: var(--accent-fg);
    border-radius: 6px;
    display: flex; align-items: center; justify-content: center;
    font-size: var(--text-sm); line-height: 1; position: relative;
}

.logo-mark[b-ex5twra5p2]::after {
    content: '';
    position: absolute; inset: -1px; border-radius: 7px;
    background: var(--accent-fg);
    opacity: 0.3; filter: blur(4px); z-index: -1;
}

.topbar-right[b-ex5twra5p2] { display: flex; align-items: center; gap: 8px; margin-left: auto; }

/* Bordered icon buttons, matching AppShell's topbar controls (size, tile, border)
   so the two surfaces' chrome reads identically. */
.tbtn[b-ex5twra5p2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px; height: 30px;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    border-radius: 7px;
    color: var(--fg-muted);
    font-size: var(--text-sm);
    cursor: pointer;
    transition: all 0.15s;
}
.tbtn:hover[b-ex5twra5p2] { background: var(--canvas-inset); color: var(--fg-default); }

/* ── Body region ──────────────────────────────────────── */
/* AppTheme.css pins `html, body { height: 100%; overflow: hidden }` host-wide, so
   the body never scrolls — the layout must own its own scroll region (same pattern
   as AppShell). Fixed-height flex column + an overflow-y:auto .main; min-height here
   would clip anything past the fold instead of scrolling it. */
.layout[b-ex5twra5p2] {
    display: flex;
    height: 100vh;
    padding-top: var(--topbar-height);
    background: var(--canvas-inset); /* token-based: overrides the RCL's leaked
                                        body grey within this region, dark-aware */
}

.main[b-ex5twra5p2] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    z-index: 1;
    background: transparent;
}

.main-inner[b-ex5twra5p2] {
    max-width: 720px;
    margin: 0 auto;
    padding: 24px;
}

/* Signed-in person's name — rendered above the nav cards on every /staff page
   (shared kiosk surface). */
.staff-portal-title[b-ex5twra5p2] {
    margin: 0 0 16px;
    font-size: var(--text-2xl);
    font-weight: 600;
    color: var(--fg-default);
}

/* Shared RCL screens (@Body) render a 420px-capped, 8vh-offset .staff-card built
   for the PWA's centered single-card model. On this chrome'd column, let them fill
   and drop the offset. ::deep reaches past this layout's isolation into @Body. */
.main-inner[b-ex5twra5p2]  .staff-card {
    max-width: 100%;
    margin-top: 0;
}

@media (max-width: 600px) {
    .topbar-inner[b-ex5twra5p2] { gap: 10px; padding: 0 14px; }
    .main-inner[b-ex5twra5p2] { padding: 16px 14px; }
}
/* /Pages/Authentication.razor.rz.scp.css */
/* Transient OIDC redirect pages (login/logout callbacks, logged-out).
   Sits above the MinimalLayout .bg-grid overlay and centres the spinner /
   message in the viewport. */
.auth-interstitial[b-708e08bj3i] {
    position: relative;
    z-index: 1;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
}

.auth-spinner[b-708e08bj3i] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.auth-message[b-708e08bj3i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    max-width: 360px;
    text-align: center;
}

.auth-message-title[b-708e08bj3i] {
    font-size: var(--text-xl);
    font-weight: 600;
    color: var(--fg-default, #1F2328);
}

.auth-message-text[b-708e08bj3i] {
    font-size: var(--text-md);
    color: var(--fg-muted, #656D76);
}

.auth-message-link[b-708e08bj3i] {
    margin-top: 8px;
    font-size: var(--text-md);
    font-weight: 500;
    color: var(--accent-fg, #2563EB);
    text-decoration: none;
}

.auth-message-link:hover[b-708e08bj3i] {
    text-decoration: underline;
}
/* /Pages/CompleteInstance.razor.rz.scp.css */
.complete-page[b-dkqf3z3h1k] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    padding: 2rem;
}

.complete-loading[b-dkqf3z3h1k],
.complete-error[b-dkqf3z3h1k],
.complete-done[b-dkqf3z3h1k],
.complete-redirect[b-dkqf3z3h1k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    text-align: center;
    max-width: 480px;
}

.complete-loading-text[b-dkqf3z3h1k],
.complete-redirect-text[b-dkqf3z3h1k] {
    color: var(--fg-muted);
    font-size: 0.95rem;
}

.complete-error-title[b-dkqf3z3h1k],
.complete-done-title[b-dkqf3z3h1k] {
    font-size: 1.25rem;
    font-weight: 500;
    color: var(--fg-default);
}

.complete-error-message[b-dkqf3z3h1k],
.complete-done-message[b-dkqf3z3h1k] {
    color: var(--fg-muted);
    font-size: 0.95rem;
    line-height: 1.5;
}

.complete-done-action[b-dkqf3z3h1k] {
    margin-top: 0.5rem;
}
/* /Pages/Invite.razor.rz.scp.css */
.form-header[b-lf2fh3g3eu] {
    margin-bottom: 28px;
    animation: fadeUp 0.4s ease both;
}

.form-title[b-lf2fh3g3eu] {
    
    font-size: var(--text-5xl);
    color: var(--fg-default);
    margin-bottom: 6px;
}

.form-title em[b-lf2fh3g3eu] {
    font-style: italic;
    color: var(--fg-muted);
}

.form-sub[b-lf2fh3g3eu] {
    font-size: var(--text-sm);
    color: var(--fg-subtle);
    line-height: 1.5;
}

.form[b-lf2fh3g3eu] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.name-grid[b-lf2fh3g3eu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
/* /Pages/Login.razor.rz.scp.css */
.form-header[b-3i4jb12h0w] {
    margin-bottom: 28px;
    animation: fadeUp 0.4s ease both;
}

.form-title[b-3i4jb12h0w] {
    
    font-size: var(--text-5xl);
    color: var(--fg-default);
    margin-bottom: 6px;
}

.form-title em[b-3i4jb12h0w] {
    font-style: italic;
    color: var(--fg-muted);
}

.form-sub[b-3i4jb12h0w] {
    font-size: var(--text-sm);
    color: var(--fg-subtle);
    line-height: 1.5;
}

.form[b-3i4jb12h0w] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-divider[b-3i4jb12h0w] {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--fg-subtle);
    font-size: var(--text-2xs);
}

.form-divider[b-3i4jb12h0w]::before, .form-divider[b-3i4jb12h0w]::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--border-muted);
}

.form-footer[b-3i4jb12h0w] {
    text-align: center;
    margin-top: 20px;
    font-size: var(--text-xs);
    color: var(--fg-subtle);
}

.form-footer a[b-3i4jb12h0w] {
    color: var(--accent-fg);
    cursor: pointer;
}

.form-footer a:hover[b-3i4jb12h0w] {
    text-decoration: underline;
}
/* /Pages/Manage/Groups/GroupDetailPage.razor.rz.scp.css */


/* Two column layout */
.gd-two-col[b-oz5pw4ii7g] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

/* Sections */

.gd-empty-section[b-oz5pw4ii7g] {
    padding: 30px 18px;
    text-align: center;
    font-size: var(--text-sm);
    color: var(--fg-subtle);
}

/* Member search */
.gd-member-search[b-oz5pw4ii7g] {
    position: relative;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-default);
}

.gd-member-search-input[b-oz5pw4ii7g] {
    width: 100%;
    padding: 7px 32px 7px 10px;
    border: 1px solid var(--border-default);
    border-radius: 8px;
    background: var(--canvas-subtle);
    color: var(--fg-default);
    font-size: var(--text-sm);
    
    outline: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

.gd-member-search-input[b-oz5pw4ii7g]::placeholder {
    color: var(--fg-subtle);
}

.gd-member-search-input:focus[b-oz5pw4ii7g] {
    border-color: var(--accent-fg);
}

.gd-member-search-clear[b-oz5pw4ii7g] {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: var(--fg-subtle);
    cursor: pointer;
    padding: 2px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    transition: color 0.12s;
}

.gd-member-search-clear:hover[b-oz5pw4ii7g] {
    color: var(--fg-default);
}

/* Items list */
.gd-items-list[b-oz5pw4ii7g] {
    padding: 12px 16px;
    max-height: 500px;
    overflow-y: auto;
}

/* Behaviour groups */
.gd-behaviour-group[b-oz5pw4ii7g] {
    margin-bottom: 14px;
}

.gd-behaviour-group:last-child[b-oz5pw4ii7g] {
    margin-bottom: 0;
}

.gd-behaviour-header[b-oz5pw4ii7g] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-xs);
    font-weight: 500;
    
    letter-spacing: 0.5px;
    margin-bottom: 6px;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--border-default);
}

.gd-table-section[b-oz5pw4ii7g] {
    margin-bottom: 8px;
    padding-left: 4px;
}

.gd-table-section:last-child[b-oz5pw4ii7g] {
    margin-bottom: 0;
}

.gd-table-name[b-oz5pw4ii7g] {
    font-size: var(--text-2xs);
    font-weight: 500;
    color: var(--fg-subtle);
    margin-bottom: 4px;
    padding-left: 2px;
}

/* Checkbox list */
.gd-check-list[b-oz5pw4ii7g] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.gd-check-item[b-oz5pw4ii7g] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 8px;
    border-radius: 6px;
    font-size: var(--text-sm);
    cursor: pointer;
    transition: background 0.12s;
    user-select: none;
}

.gd-check-item:hover[b-oz5pw4ii7g] {
    background: var(--canvas-subtle);
    box-shadow: inset 0 0 0 1px var(--border-default);
}

.gd-check-item.member[b-oz5pw4ii7g] {
    background: rgba(59, 130, 246, 0.08);
}

.gd-check-item.member:hover[b-oz5pw4ii7g] {
    background: rgba(59, 130, 246, 0.15);
    
}

.gd-checkbox[b-oz5pw4ii7g] {
    width: 16px;
    height: 16px;
    border: 1.5px solid var(--border-muted);
    border-radius: 4px;
    background: var(--canvas-default);
    flex-shrink: 0;
    position: relative;
    transition: all 0.15s;
}

.gd-checkbox.checked[b-oz5pw4ii7g] {
    background: var(--accent-fg);
    border-color: var(--accent-fg);
}

.gd-checkbox.checked[b-oz5pw4ii7g]::after {
    content: '';
    position: absolute;
    left: 4px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: solid var(--fg-on-emphasis);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.gd-spinner[b-oz5pw4ii7g] {
    width: 16px;
    height: 16px;
    border: 2px solid var(--border-muted);
    border-top-color: var(--accent-fg);
    border-radius: 50%;
    flex-shrink: 0;
    animation: gd-spin-b-oz5pw4ii7g 0.6s linear infinite;
}

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

.gd-check-item.saving[b-oz5pw4ii7g] {
    opacity: 0.7;
    pointer-events: none;
}

.gd-check-name[b-oz5pw4ii7g] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--fg-default);
}

.gd-check-id[b-oz5pw4ii7g] {
    font-family: var(--font-mono);
    font-size: var(--text-10);
    color: var(--fg-subtle);
    flex-shrink: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .gd-two-col[b-oz5pw4ii7g] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Manage/Groups/GroupListPage.razor.rz.scp.css */
.gl-add-btn[b-h1y0fjqgcc] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: 8px;
    background: var(--accent-fg);
    border: none;
    color: white;
    font-size: var(--text-xs);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}

.gl-grid[b-h1y0fjqgcc] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

@media (max-width: 900px) {
    .gl-grid[b-h1y0fjqgcc] { grid-template-columns: repeat(2, 1fr); }
}

.gl-card[b-h1y0fjqgcc] {
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    padding: 20px 18px;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 130px;
}

.gl-card:hover[b-h1y0fjqgcc] {
    border-color: rgba(59, 130, 246, 0.3);
}

.gl-card-top-right[b-h1y0fjqgcc] {
    position: absolute;
    top: 14px;
    right: 14px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.gl-card-count[b-h1y0fjqgcc] {
    padding: 2px 8px;
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.2);
    border-radius: 20px;
    font-size: var(--text-10);
    font-weight: 500;
    color: var(--accent-fg);
    font-family: var(--font-mono);
}

.gl-card-arrow[b-h1y0fjqgcc] {
    color: var(--fg-subtle);
    opacity: 0;
    transition: all 0.2s;
    transform: translateX(-4px);
    display: flex;
    align-items: center;
}

.gl-card:hover .gl-card-arrow[b-h1y0fjqgcc] {
    opacity: 1;
    transform: translateX(0);
}

.gl-card-icon[b-h1y0fjqgcc] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(59, 130, 246, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.gl-card-body[b-h1y0fjqgcc] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.gl-card-name[b-h1y0fjqgcc] {
    font-size: var(--text-md);
    font-weight: 500;
    color: var(--fg-default);
}

.gl-card-desc[b-h1y0fjqgcc] {
    font-size: var(--text-2xs);
    color: var(--fg-muted);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.gl-card-meta[b-h1y0fjqgcc] {
    display: flex;
    gap: 6px;
    margin-top: auto;
}

.gl-chip[b-h1y0fjqgcc] {
    padding: 2px 8px;
    background: color-mix(in srgb, var(--chip-colour, transparent) 12%, var(--canvas-inset));
    border: 1px solid color-mix(in srgb, var(--chip-colour, transparent) 30%, var(--border-default));
    border-radius: 20px;
    font-size: var(--text-10);
    color: var(--chip-colour, var(--fg-subtle));
    font-family: var(--font-mono);
}

@media (max-width: 640px) {
    .gl-grid[b-h1y0fjqgcc] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Manage/Modules/ActionsPage.razor.rz.scp.css */
.act-error[b-1lqg59d103] {
    text-align: center;
    padding: 40px 0;
    font-size: var(--text-sm);
    color: var(--danger-fg);
}

.act-groups[b-1lqg59d103] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.act-group[b-1lqg59d103] {
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    overflow: hidden;
}

.act-group-header[b-1lqg59d103] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border-default);
    background: var(--canvas-default);
}

.act-group-dot[b-1lqg59d103] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.act-group-name[b-1lqg59d103] {
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--fg-default);
}

.act-group-tag[b-1lqg59d103] {
    font-size: var(--text-3xs);
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 2px 8px;
    border-radius: 4px;
}

.act-group-count[b-1lqg59d103] {
    font-size: var(--text-2xs);
    font-family: var(--font-mono);
    color: var(--fg-subtle);
    margin-left: auto;
}

.act-group-items[b-1lqg59d103] {
    display: flex;
    flex-direction: column;
    padding: 8px 12px;
    gap: 4px;
}

.act-item[b-1lqg59d103] {
    display: flex;
    align-items: stretch;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.15s;
}

.act-item:hover[b-1lqg59d103] {
    border-color: var(--border-muted);
    background: var(--canvas-inset);
}

.act-item-bar[b-1lqg59d103] {
    width: 3px;
    flex-shrink: 0;
}

.act-item-content[b-1lqg59d103] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 12px 16px;
    flex: 1;
    min-width: 0;
}

.act-item-top[b-1lqg59d103] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.act-item-title[b-1lqg59d103] {
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--fg-default);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    min-width: 0;
}

.act-item-status[b-1lqg59d103] {
    font-size: var(--text-10);
    font-weight: 500;
    letter-spacing: 0.5px;
    padding: 2px 8px;
    border-radius: 4px;
    flex-shrink: 0;
}

.act-item-meta[b-1lqg59d103] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: var(--text-2xs);
    color: var(--fg-subtle);
    font-family: var(--font-mono);
}
/* /Pages/Manage/Modules/ExecutionDetailPage.razor.rz.scp.css */
.exd-page[b-pdv7rnqfi1] {
    max-width: 760px;
}

/* ── Verdict banner — tone-driven (mirrors the History badge vocabulary, scaled up) ── */
.exd-verdict[b-pdv7rnqfi1] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    background: var(--tone-bg);
    margin-bottom: 16px;
}

.exd-verdict-icon[b-pdv7rnqfi1] {
    font-size: var(--text-4xl) !important;
    flex: none;
}

.exd-verdict-head[b-pdv7rnqfi1] {
    font-size: var(--text-lg);
    font-weight: 600;
    color: var(--fg-default);
}

.exd-verdict-sub[b-pdv7rnqfi1] {
    font-size: var(--text-sm);
    color: var(--fg-muted);
    margin-top: 2px;
}

/* ── Facts ── */
.exd-facts[b-pdv7rnqfi1] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    padding: 6px 0;
    margin-bottom: 16px;
}

.exd-fact[b-pdv7rnqfi1] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    padding: 8px 16px;
}

.exd-fact-label[b-pdv7rnqfi1] {
    flex: none;
    width: 84px;
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--fg-muted);
}

.exd-fact-value[b-pdv7rnqfi1] {
    font-size: var(--text-sm);
    color: var(--fg-default);
    min-width: 0;
}

.exd-fact-dim[b-pdv7rnqfi1] {
    color: var(--fg-muted);
}

.exd-version[b-pdv7rnqfi1] {
    font-size: var(--text-xs);
    font-family: var(--font-mono, ui-monospace, monospace);
    color: var(--fg-muted);
    background: var(--tone-neutral-bg);
    border-radius: 4px;
    padding: 1px 6px;
    margin-left: 6px;
}

.exd-asset-link[b-pdv7rnqfi1] {
    color: var(--tone-info-fg);
    text-decoration: none;
}

.exd-asset-link:hover[b-pdv7rnqfi1] {
    text-decoration: underline;
}

/* ── Steps ── */
.exd-steps-title[b-pdv7rnqfi1] {
    font-size: var(--text-xs);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--fg-muted);
    margin: 4px 2px 8px;
}

.exd-steps-empty[b-pdv7rnqfi1] {
    font-size: var(--text-sm);
    color: var(--fg-muted);
    padding: 8px 2px;
}

.exd-step[b-pdv7rnqfi1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 16px;
    padding: 10px 14px;
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    margin-bottom: 6px;
}

.exd-step-left[b-pdv7rnqfi1] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.exd-step-label[b-pdv7rnqfi1] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--fg-default);
}

.exd-step-status[b-pdv7rnqfi1] {
    font-size: var(--text-xs);
    color: var(--fg-muted);
}

.exd-step-meta[b-pdv7rnqfi1] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: none;
    font-size: var(--text-xs);
    color: var(--fg-muted);
    white-space: nowrap;
}

.exd-step-note[b-pdv7rnqfi1] {
    flex-basis: 100%;
    font-size: var(--text-sm);
    color: var(--fg-muted);
    padding-left: 14px;
}

.exd-meta-dot[b-pdv7rnqfi1] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--fg-muted);
    opacity: 0.6;
}
/* /Pages/Manage/Modules/StarredItemsPage.razor.rz.scp.css */
.tl-rows[b-07cbotr2t9] {
    display: flex;
    flex-direction: column;
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.fav-create-btn[b-07cbotr2t9] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: var(--radius-md);
    border: 1px solid var(--border-default);
    background: var(--canvas-inset);
    color: var(--fg-muted);
    font-size: var(--text-2xs);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}

.fav-create-btn:hover[b-07cbotr2t9] {
    border-color: var(--accent-fg);
    color: var(--accent-fg);
    background: var(--accent-subtle);
}
/* /Pages/Manage/Modules/TableAddPage.razor.rz.scp.css */
/* Page-local: the module chooser (AI whole-module suggestions). The Details/Design bodies are
   the shared <TableDetailsForm>/<TableSchemaEditor>; the shell, card, save row and tab chrome are
   global. Only the chooser is unique to Add. */

/* ── Module Chooser ── */
.mc-section[b-0wchqw3jqy] {
    margin-bottom: 16px;
}

.mc-create-own[b-0wchqw3jqy] {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    padding: 18px 20px;
    background: var(--canvas-default);
    border: 1px dashed var(--border-default);
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s;
    text-align: left;
    color: var(--fg-default);
}

.mc-create-own:hover[b-0wchqw3jqy] {
    border-color: var(--accent-fg);
    background: rgba(59, 130, 246, 0.04);
    border-style: solid;
}

.mc-create-icon[b-0wchqw3jqy] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: rgba(59, 130, 246, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.mc-create-title[b-0wchqw3jqy] {
    font-size: var(--text-md);
    font-weight: 500;
    color: var(--fg-default);
    margin-bottom: 2px;
}

.mc-create-desc[b-0wchqw3jqy] {
    font-size: var(--text-xs);
    color: var(--fg-muted);
}

.mc-create-arrow[b-0wchqw3jqy] {
    margin-left: auto;
    font-size: var(--text-xl);
    color: var(--fg-subtle);
    opacity: 0;
    transition: opacity 0.2s;
}

.mc-create-own:hover .mc-create-arrow[b-0wchqw3jqy] {
    opacity: 1;
}

.mc-divider[b-0wchqw3jqy] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0;
    font-size: var(--text-xs);
    color: var(--fg-subtle);
}

.mc-divider[b-0wchqw3jqy]::before,
.mc-divider[b-0wchqw3jqy]::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--border-default);
}

.mc-loading[b-0wchqw3jqy] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 48px;
    color: var(--fg-muted);
    font-size: var(--text-sm);
}

.mc-generate-btn[b-0wchqw3jqy] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 14px;
    border-radius: 10px;
    background: var(--accent-subtle);
    border: 1px solid rgba(59, 130, 246, 0.25);
    color: var(--accent-fg);
    font-size: var(--text-sm);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.mc-generate-btn:hover[b-0wchqw3jqy] {
    background: var(--accent-subtle);
    border-color: rgba(59, 130, 246, 0.4);
}

.mc-grid[b-0wchqw3jqy] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.mc-card[b-0wchqw3jqy] {
    position: relative;
    display: flex;
    gap: 12px;
    padding: 16px 18px;
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s;
}

.mc-card:hover[b-0wchqw3jqy] {
    border-color: rgba(59, 130, 246, 0.3);
    background: rgba(59, 130, 246, 0.03);
}

.mc-card--selected[b-0wchqw3jqy] {
    border-color: rgba(59, 130, 246, 0.5);
    background: rgba(59, 130, 246, 0.06);
}

.mc-card-loading[b-0wchqw3jqy] {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    backdrop-filter: blur(2px);
}

.mc-card-icon[b-0wchqw3jqy] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: rgba(59, 130, 246, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.mc-card-body[b-0wchqw3jqy] {
    flex: 1;
    min-width: 0;
}

.mc-card-name[b-0wchqw3jqy] {
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--fg-default);
    margin-bottom: 3px;
}

.mc-card-desc[b-0wchqw3jqy] {
    font-size: var(--text-2xs);
    color: var(--fg-muted);
    line-height: 1.4;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mc-card-tags[b-0wchqw3jqy] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

/* Behaviour chips on the suggestion cards are shared <BehaviourTag behaviour-tag--outlined>. */

.mc-card-prefix[b-0wchqw3jqy] {
    font-family: var(--font-mono);
    font-size: var(--text-10);
    font-weight: 500;
    color: var(--fg-subtle);
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    padding: 2px 6px;
    border-radius: 4px;
    height: fit-content;
    flex-shrink: 0;
}

/* ── Wizard (Details → Design) ── */
.wz-steps[b-0wchqw3jqy] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.wz-step[b-0wchqw3jqy] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--fg-muted);
    font-size: var(--text-sm);
    font-weight: 500;
}

.wz-step-num[b-0wchqw3jqy] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    font-size: var(--text-xs);
    flex-shrink: 0;
}

.wz-step--active[b-0wchqw3jqy] {
    color: var(--fg-default);
}

.wz-step--active .wz-step-num[b-0wchqw3jqy] {
    background: var(--accent-fg);
    border-color: var(--accent-fg);
    color: var(--fg-on-emphasis);
}

.wz-step--done[b-0wchqw3jqy] {
    color: var(--fg-default);
}

.wz-step--done .wz-step-num[b-0wchqw3jqy] {
    background: var(--accent-subtle);
    border-color: var(--accent-muted);
    color: var(--accent-fg);
}

.wz-step-line[b-0wchqw3jqy] {
    flex: 1;
    height: 1px;
    max-width: 80px;
    background: var(--border-default);
}

.wz-step-line--done[b-0wchqw3jqy] {
    background: var(--accent-muted);
}

.wz-hidden[b-0wchqw3jqy] {
    display: none;
}

/* ── Responsive ── */
@media (max-width: 600px) {
    .te-page[b-0wchqw3jqy] { padding: 20px 16px 40px; }
    .mc-grid[b-0wchqw3jqy] { grid-template-columns: 1fr; }
}
/* /Pages/Manage/Modules/TableCalendarPage.razor.rz.scp.css */
.tc-page[b-wf3k92ig01] {
    max-width: 820px;
    margin: 0 auto;
    padding: 24px 16px 48px;
    animation: fadeUp 0.4s ease both;
}

/* Standalone "back to module" breadcrumb link (sits above the PageHeader). */
.tc-back[b-wf3k92ig01] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--fg-subtle);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    margin-bottom: 8px;
    transition: color 0.15s;
}

.tc-back:hover[b-wf3k92ig01] {
    color: var(--accent-fg);
}

.tc-add-btn[b-wf3k92ig01] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: var(--text-sm);
    font-weight: 500;
    cursor: pointer;
    border: 1px solid var(--border-default);
    color: var(--fg-default);
    background: var(--canvas-subtle);
    transition: all 0.15s;
    flex-shrink: 0;
    margin-top: 22px;
}

.tc-add-btn:hover[b-wf3k92ig01] {
    background: var(--canvas-inset);
    border-color: var(--border-muted);
    color: var(--accent-fg);
}

@media (max-width: 600px) {
    .tc-page[b-wf3k92ig01] { padding: 16px 8px 32px; }
    .tc-add-btn[b-wf3k92ig01] { margin-top: 0; align-self: flex-start; }
}
/* /Pages/Manage/Modules/TableEditPage.razor.rz.scp.css */
/* Page-local: the Installation/Usage tab (agent MCP connection + copy-paste prompt). Everything
   else is shared/global: the shell (PageScaffold), Details/Design bodies (<TableDetailsForm>/
   <TableSchemaEditor>), the no-access gate (<TableAccessDenied>), the card/section/save-row/input
   skin (hque-overrides.css), the tab chrome (.tab-card) and the History list (.tih-*/.te-history-*
   in components.css). The module chooser lives on TableAddPage. */

/* ── Installation / Usage tab ── */
.in-intro[b-wbdde97urb] {
    font-size: var(--text-sm);
    color: var(--fg-muted);
    line-height: 1.6;
    margin-bottom: 24px;
    max-width: 720px;
}

.in-block[b-wbdde97urb] {
    margin-bottom: 28px;
}

.in-block-title[b-wbdde97urb] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--text-2xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: var(--fg-muted);
    margin-bottom: 10px;
}

.in-rows[b-wbdde97urb] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.in-row[b-wbdde97urb] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 14px;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    border-radius: 8px;
}

.in-row-label[b-wbdde97urb] {
    font-size: var(--text-xs);
    color: var(--fg-muted);
    width: 150px;
    flex-shrink: 0;
}

.in-row-value[b-wbdde97urb] {
    flex: 1;
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--fg-default);
    word-break: break-all;
    min-width: 0;
}

.in-copy-btn[b-wbdde97urb] {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    color: var(--fg-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s;
}

.in-copy-btn:hover[b-wbdde97urb] {
    color: var(--fg-default);
    border-color: var(--border-muted);
    background: var(--canvas-inset);
}

.in-note[b-wbdde97urb] {
    font-size: var(--text-xs);
    color: var(--fg-muted);
    line-height: 1.6;
    margin-top: 10px;
}

.in-link[b-wbdde97urb] {
    color: var(--accent-fg);
    text-decoration: none;
}

.in-link:hover[b-wbdde97urb] {
    text-decoration: underline;
}

.in-prompt-wrap[b-wbdde97urb] {
    position: relative;
}

.in-prompt[b-wbdde97urb] {
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    border-radius: 10px;
    padding: 16px 18px;
    font-family: var(--font-mono);
    font-size: 12.5px;
    line-height: 1.7;
    color: var(--fg-default);
    white-space: pre-wrap;
    word-break: break-word;
    margin: 0;
    overflow-x: auto;
}

.in-prompt-copy[b-wbdde97urb] {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 6px;
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    color: var(--fg-muted);
    font-size: var(--text-xs);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
}

.in-prompt-copy:hover[b-wbdde97urb] {
    color: var(--fg-default);
    border-color: var(--accent-fg);
    background: var(--canvas-inset);
}

/* ── Responsive ── */
@media (max-width: 600px) {
    .te-page[b-wbdde97urb] { padding: 20px 16px 40px; }
}
/* /Pages/Manage/Modules/TableItemFormPage.razor.rz.scp.css */
/* Header is shared now: <PageScaffold> HeaderLeft (BackButton + global .page-header-text)
   + HeaderRight (<IconButton>s, incl. the shared .icon-button--active / --starred states).
   The breadcrumb path is the shared <Breadcrumb> (global .crumb-* in components.css);
   only the assigned-names chip stays page-local. */

.tif-assigned[b-9aay0wckwk] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: var(--accent-fg);
}

/* Item tabs are the shared global .tab-card MudTabs skin (see components.css); dots via <Dot>.
   The History tab is the <TableItemHistoryPanel> component (owns its own tih-* styles). */

/* Link-to banner (the source-item context strip on a linked create) */
.tif-link-banner[b-9aay0wckwk] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-left: 3px solid var(--accent-fg);
    border-radius: 10px;
    margin-bottom: 16px;
    font-size: var(--text-sm);
    color: var(--fg-muted);
}

.tif-link-banner strong[b-9aay0wckwk] {
    color: var(--fg-default);
}

.tif-link-banner-table[b-9aay0wckwk] {
    font-size: var(--text-10);
    font-weight: 500;
    color: var(--fg-subtle);
    background: var(--canvas-subtle);
    border-radius: 4px;
    padding: 1px 6px;
    margin-left: 4px;
}

.tif-link-banner-id[b-9aay0wckwk] {
    font-family: var(--font-mono);
    font-size: var(--text-10);
    color: var(--fg-subtle);
    margin-left: 4px;
}

/* Instance banner extracted to <InstanceBanner> (Components/Features). */

/* Status */
.tif-status-row[b-9aay0wckwk] {
    margin-bottom: 16px;
}

/* Form card: shared .panel surface (bg/border/radius); only the form-body padding
   and the MudBlazor input skinning below are page-specific. */
.tif-card-body[b-9aay0wckwk] {
    padding: 24px 28px 8px;
}

/* Actions row: shared .te-actions (flex/justify/gap) + .te-cancel-btn on Cancel.
   Only the card-footer divider/padding is page-specific. */
.tif-actions[b-9aay0wckwk] {
    padding: 18px 28px;
    border-top: 1px solid var(--border-default);
    margin-top: 8px;
}

/* Save split-button (Save ▾ Save & Add Another) — a one-off accent button group. */
.tif-actions[b-9aay0wckwk]  .tif-save-group.mud-button-group-root {
    background: var(--accent-fg);
    border-radius: var(--radius-lg);
    border: none;
    transition: all 0.15s;
}

.tif-actions[b-9aay0wckwk]  .tif-save-btn {
    padding-left: 24px;
    padding-right: 24px;
    font-weight: 500;
    letter-spacing: 0.3px;
    color: var(--fg-on-emphasis) !important;
}

/* Outlined-input + switch + validation skins are global now (hque-overrides.css
   "Inputs"); nothing MudBlazor-field-specific stays at page level. */

/* Two-column layout: 75% form / 25% sidebar */
.tif-content-grid[b-9aay0wckwk] {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.tif-content-grid--full[b-9aay0wckwk] {
    grid-template-columns: minmax(0, 1fr);
}

.tif-content-main[b-9aay0wckwk] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.tif-content-side[b-9aay0wckwk] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
    position: sticky;
    top: 16px;
}

.tif-content-side > :deep(*)[b-9aay0wckwk] {
    min-width: 0;
}

/* Sidebar Status + Information boxes are the shared .info-card + .panel-header now. */

@media (max-width: 1100px) {
    .tif-content-grid[b-9aay0wckwk] {
        grid-template-columns: 1fr;
    }
    .tif-content-side[b-9aay0wckwk] {
        position: static;
    }
}

/* Sidebar "Information" panel is the shared <InfoList>/<InfoRow> now (global .info-*).
   Only the Model row's bespoke version bits stay page-local. */
.tif-info-version[b-9aay0wckwk] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
}

/* Bottom tabbed panel: shared .panel surface; only its top gap is page-specific. */
.tif-bottom-panel[b-9aay0wckwk] {
    margin-top: 20px;
}

[b-9aay0wckwk] .tif-bottom-tabs .mud-tabs-tabbar {
    border-bottom: 1px solid var(--border-default);
}

[b-9aay0wckwk] .tif-bottom-tabs .mud-tab {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--text-sm);
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    min-width: unset;
    transition: background 0.15s;
}

[b-9aay0wckwk] .tif-bottom-tabs .mud-tab.mud-tab-active {
    background: color-mix(in srgb, var(--accent-fg) 8%, transparent);
}

[b-9aay0wckwk] .tif-bottom-content {
    padding: 0;
}

.tif-tab-count[b-9aay0wckwk] {
    font-size: var(--text-2xs) !important;
    font-family: var(--font-mono);
    background: var(--canvas-subtle) !important;
    color: var(--fg-subtle) !important;
    height: 18px !important;
    padding: 0 7px !important;
}

@media (max-width: 600px) {
    .tif-page[b-9aay0wckwk] { padding: 20px 16px; }
    .tif-card-body[b-9aay0wckwk] { padding: 20px 16px 8px; }
    .tif-actions[b-9aay0wckwk] { padding: 16px; gap: 8px; }
}

/* Attachments tab is the <ItemAttachments> component now (owns its own .att-* styles). */
/* /Pages/Manage/Modules/TableItemHistoryPage.razor.rz.scp.css */
.tih-sep[b-u3lharnrwr] {
    margin: 0 6px;
    opacity: 0.4;
}

/* Commit list */
.tih-list[b-u3lharnrwr] {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Date group label */
.tih-date-label[b-u3lharnrwr] {
    font-size: var(--text-2xs);
    font-weight: 500;
    
    
    color: var(--fg-subtle);
    padding: 16px 0 6px 26px;
}

.tih-date-label:first-child[b-u3lharnrwr] {
    padding-top: 0;
}

/* Entry card — collapsed row */
.tih-entry[b-u3lharnrwr] {
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 10px;
    margin-bottom: 4px;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
    overflow: hidden;
}

.tih-entry:hover[b-u3lharnrwr] {
    border-color: var(--border-muted);
}

.tih-entry-expanded[b-u3lharnrwr] {
    border-color: var(--border-muted);
    
}

/* Collapsed row layout */
.tih-entry-row[b-u3lharnrwr] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    min-height: 44px;
}

/* Colour dot */
.tih-entry-dot[b-u3lharnrwr] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

/* Summary line */
.tih-entry-summary[b-u3lharnrwr] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 0;
    flex-wrap: wrap;
}

.tih-entry-type[b-u3lharnrwr] {
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--fg-default);
    white-space: nowrap;
}

[b-u3lharnrwr] .tih-hash-chip {
    font-family: var(--font-mono);
    font-size: var(--text-10);
    
    height: 22px;
}

.tih-entry-meta[b-u3lharnrwr] {
    font-size: var(--text-xs);
    color: var(--fg-subtle);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Chevron */
[b-u3lharnrwr] .tih-chevron {
    color: var(--fg-subtle);
    flex-shrink: 0;
    font-size: var(--text-2xl);
    transition: transform 0.2s;
}

/* Expanded detail panel */
.tih-detail[b-u3lharnrwr] {
    border-top: 1px solid var(--border-default);
    padding: 12px 16px 10px;
    cursor: default;
}

/* Diff table */
[b-u3lharnrwr] .tih-diff-table {
    width: 100%;
    border-collapse: collapse;
    background: transparent;
}

[b-u3lharnrwr] .tih-diff-table td {
    padding: 5px 10px;
    font-size: var(--text-sm);
    border-bottom: 1px solid var(--border-default);
    vertical-align: top;
}

[b-u3lharnrwr] .tih-diff-table tr:last-child td {
    border-bottom: none;
}

[b-u3lharnrwr] .tih-cell-label {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--fg-muted);
}

[b-u3lharnrwr] .tih-cell-value {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    word-break: break-word;
    line-height: 1.6;
}

[b-u3lharnrwr] .tih-hl-del {
    background: rgba(225, 29, 72, 0.18);
    color: var(--danger-fg);
    border-radius: 2px;
    padding: 1px 2px;
    text-decoration: line-through;
}

[b-u3lharnrwr] .tih-hl-add {
    background: rgba(5, 150, 105, 0.18);
    color: var(--success-fg);
    border-radius: 2px;
    padding: 1px 2px;
}

.tih-diff-empty[b-u3lharnrwr] {
    font-size: var(--text-sm);
    color: var(--fg-subtle);
    padding: 4px 0;
}

/* Footer with verify button */
.tih-detail-footer[b-u3lharnrwr] {
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid var(--border-default);
    display: flex;
    align-items: center;
}

/* /Pages/Manage/Modules/TableItemListPage.razor.rz.scp.css */
/* Header is fully shared now: <PageScaffold> Title/TitleAdornment + global .page-header*,
   action buttons <IconButton>, back arrow <BackButton>, tags/scheduled pill <BehaviourTag>.
   Tabs are the shared global .tab-card / .tab-dot skin (see components.css). */

.til-body[b-rg4b3cg8e3] {
    /*background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 12px;*/
    overflow: hidden;
}

.til-children[b-rg4b3cg8e3] {
    margin-bottom: 16px;
}

.til-children-header[b-rg4b3cg8e3] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 4px 8px;
    font-size: var(--text-2xs);
    font-weight: 500;
    color: var(--fg-subtle);
    
    
}

.til-children-title[b-rg4b3cg8e3] {
    color: var(--fg-muted);
}

.til-children-count[b-rg4b3cg8e3] {
    font-family: var(--font-mono);
    color: var(--fg-subtle);
    background: var(--canvas-subtle);
    padding: 1px 8px;
    border-radius: 10px;
    font-size: var(--text-10);
    margin-left: 2px;
}

.til-children-list[b-rg4b3cg8e3] {
    display: flex;
    flex-direction: column;
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.til-feed[b-rg4b3cg8e3] {
    margin-top: 20px;
}

/* Up Next is a standard <Panel>; rows are <InstanceRow>. The panel stacks under the
   item list, so the gap above it is ours — <Panel> itself carries no margin. Only the
   view-more toggle (in the Panel Footer) stays page-local. */
[b-rg4b3cg8e3] .til-up-next {
    margin-top: 20px;
}

.til-un-viewmore[b-rg4b3cg8e3] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px;
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--accent-fg);
    cursor: pointer;
    border-radius: 8px;
    transition: background 0.15s;
}
.til-un-viewmore:hover[b-rg4b3cg8e3] { background: var(--canvas-subtle); }

/* Each Up Next row is the shared <InstanceRow> (its own scoped CSS).
   The Won't Complete prompt is the shared <ReasonDialog>. */

@media (max-width: 600px) {
    .til-page[b-rg4b3cg8e3] { padding: 20px 16px; }
}
/* /Pages/Manage/Modules/TableListPage.razor.rz.scp.css */
/* Behaviour tabs */
.behaviour-tabs[b-aagis3poxo] {
    display: flex; gap: 4px; margin-bottom: 24px;
    border-bottom: 1px solid var(--border-default);
    padding-bottom: 0;
}

.bt[b-aagis3poxo] {
    display: flex; align-items: center; gap: 6px;
    padding: 8px 14px; font-size: var(--text-xs); font-weight: 500;
    color: var(--fg-muted); cursor: pointer;
    text-decoration: none; border-bottom: 2px solid transparent;
    transition: all 0.15s; margin-bottom: -1px;
}

.bt:hover[b-aagis3poxo] { color: var(--fg-default); }

.bt.active[b-aagis3poxo] {
    color: var(--fg-default); font-weight: 500;
    border-bottom-color: var(--bt-colour, var(--accent-fg));
}

.bt-dot[b-aagis3poxo] { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }

.tl-groups-link[b-aagis3poxo] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    border-radius: 8px;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--fg-muted);
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.15s;
    cursor: pointer;
}

.tl-groups-link:hover[b-aagis3poxo] {
    color: var(--fg-default);
    border-color: var(--accent-fg);
    background: var(--canvas-inset);
}

.tl-add-btn[b-aagis3poxo] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: 8px;
    background: var(--accent-fg);
    border: none;
    color: white;
    font-size: var(--text-xs);
    font-weight: 500;
    
    cursor: pointer;
    transition: all 0.15s;
    
    white-space: nowrap;
}

.tl-add-btn:hover[b-aagis3poxo] {
    
    
}

/* Add dropdown */
.tl-add-wrapper[b-aagis3poxo] {
    position: relative;
}

.tl-add-dropdown[b-aagis3poxo] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 100;
    min-width: 260px;
    padding: 6px;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-muted);
    border-radius: 10px;
    
    animation: dropIn-b-aagis3poxo 0.15s ease both;
}

@keyframes dropIn-b-aagis3poxo {
    from { opacity: 0; transform: translateY(-6px) scale(0.97); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.tl-add-dropdown-item[b-aagis3poxo] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.12s;
}

.tl-add-dropdown-item:hover[b-aagis3poxo] {
    background: var(--canvas-inset);
}

.tl-add-dropdown-title[b-aagis3poxo] {
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--fg-default);
}

.tl-add-dropdown-desc[b-aagis3poxo] {
    font-size: var(--text-2xs);
    color: var(--fg-muted);
    line-height: 1.4;
}

.tl-add-backdrop[b-aagis3poxo] {
    position: fixed;
    inset: 0;
    z-index: 99;
}

/* Breadcrumb */
.tl-breadcrumb[b-aagis3poxo] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 16px;
    font-size: var(--text-xs);
    font-family: var(--font-mono);
}

.tl-breadcrumb-link[b-aagis3poxo] {
    color: var(--accent-fg);
    cursor: pointer;
    text-decoration: none;
    transition: color 0.15s;
}

.tl-breadcrumb-link:hover[b-aagis3poxo] {
    color: var(--fg-default);
    text-decoration: underline;
}

.tl-breadcrumb-sep[b-aagis3poxo] {
    color: var(--fg-subtle);
}

.tl-breadcrumb-current[b-aagis3poxo] {
    color: var(--fg-default);
    font-weight: 500;
}

/* Row list — GitHub-style row-divider pattern. The frame (border,
   radius, overflow) lives here so individual rows stay flat. */
.tl-rows[b-aagis3poxo] {
    display: flex;
    flex-direction: column;
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    overflow: hidden;
}

@media (max-width: 600px) {
    .tl-page[b-aagis3poxo] { padding: 20px 16px; }
}

/* Grouped view */
.tl-group[b-aagis3poxo] {
    margin-bottom: 32px;
}

.tl-group-header[b-aagis3poxo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
    cursor: pointer;
    padding: 8px 12px;
    border-radius: 8px;
    transition: background 0.15s;
}

.tl-group-header:hover[b-aagis3poxo] {
    background: var(--canvas-subtle);
}

.tl-group-left[b-aagis3poxo] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tl-group-dot[b-aagis3poxo] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.tl-group-name[b-aagis3poxo] {
    font-size: var(--text-xs);
    font-weight: 500;
    
    color: var(--fg-default);
    font-family: var(--font-mono);
}

.tl-group-count[b-aagis3poxo] {
    padding: 2px 8px;
    border-radius: 20px;
    background: var(--canvas-inset);
    border: 1px solid var(--border-default);
    font-size: var(--text-10);
    color: var(--fg-subtle);
    font-family: var(--font-mono);
}

.tl-group-action[b-aagis3poxo] {
    font-size: var(--text-2xs);
    color: var(--fg-subtle);
    font-weight: 500;
    opacity: 0;
    transition: opacity 0.15s;
}

.tl-group-header:hover .tl-group-action[b-aagis3poxo] {
    opacity: 1;
    color: var(--accent-fg);
}

/* Empty state */
.tl-empty[b-aagis3poxo] {
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    padding: 48px 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.tl-empty-icon[b-aagis3poxo] {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: rgba(59, 130, 246, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
}

.tl-empty-title[b-aagis3poxo] {
    font-size: var(--text-15);
    font-weight: 500;
    color: var(--fg-default);
}

.tl-empty-desc[b-aagis3poxo] {
    font-size: var(--text-xs);
    color: var(--fg-muted);
    max-width: 320px;
}

/* Feed section */
.tl-feed[b-aagis3poxo] {
    margin-top: 32px;
}
/* /Pages/Manage/Onboarding/LockoutPage.razor.rz.scp.css */
.lockout-page[b-jl4uyaarjw] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 24px;
}

.lockout-card[b-jl4uyaarjw] {
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 16px;
    padding: 48px 40px;
    max-width: 440px;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    
    animation: fadeUp 0.4s ease both;
}

.lockout-icon[b-jl4uyaarjw] {
    font-size: var(--text-8xl);
    margin-bottom: 8px;
}

.lockout-title[b-jl4uyaarjw] {
    
    font-size: var(--text-24);
    color: var(--fg-default);
    line-height: 1.2;
}

.lockout-message[b-jl4uyaarjw] {
    font-size: var(--text-sm);
    color: var(--fg-muted);
    line-height: 1.6;
}

.lockout-btn[b-jl4uyaarjw] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    border-radius: 10px;
    background: var(--accent-fg);
    border: none;
    color: white;
    font-size: var(--text-md);
    font-weight: 500;
    
    cursor: pointer;
    transition: all 0.15s;
    
    margin-top: 8px;
}

.lockout-btn:hover[b-jl4uyaarjw] {
    
    
}

.lockout-hint[b-jl4uyaarjw] {
    font-size: var(--text-xs);
    color: var(--fg-subtle);
    padding: 12px 20px;
    border-radius: 8px;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
}

.lockout-logout[b-jl4uyaarjw] {
    border: none;
    background: none;
    color: var(--fg-subtle);
    font-size: var(--text-xs);
    font-weight: 500;
    
    cursor: pointer;
    transition: all 0.15s;
    margin-top: 8px;
}

.lockout-logout:hover[b-jl4uyaarjw] {
    color: var(--danger-fg);
}
/* /Pages/Manage/Onboarding/SetupPage.razor.rz.scp.css */
.setup-loading[b-yrgi175no7] {
    display: flex; align-items: center; justify-content: center;
    height: 100%; min-height: 300px;
}

.setup-page[b-yrgi175no7] {
    max-width: 640px; margin: 0 auto; padding: 32px 0;
}

.setup-header[b-yrgi175no7] { margin-bottom: 28px; }

.setup-title[b-yrgi175no7] {
    font-size: var(--text-2xl); font-weight: 500; 
    color: var(--fg-default);
}

.setup-subtitle[b-yrgi175no7] {
    font-size: var(--text-sm); color: var(--fg-subtle); margin-top: 4px;
}

.setup-progress-label[b-yrgi175no7] {
    font-size: var(--text-2xs); color: var(--fg-subtle); margin-top: 6px;
    font-family: var(--font-mono);
}

.setup-steps[b-yrgi175no7] { display: flex; flex-direction: column; gap: 8px; }

.setup-card[b-yrgi175no7] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 16px;
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 10px;
    transition: all 0.15s;
}

.setup-card.active[b-yrgi175no7] {
    border-left: 3px solid var(--accent-fg);
    
}

.setup-card.complete[b-yrgi175no7] {
    background: rgba(16,185,129,0.08);
    border-color: rgba(16,185,129,0.25);
}

.setup-card-left[b-yrgi175no7] {
    display: flex; align-items: center; gap: 14px;
}

.setup-step-number[b-yrgi175no7] {
    width: 28px; height: 28px; border-radius: 50%;
    background: var(--canvas-subtle); border: 1px solid var(--border-default);
    display: flex; align-items: center; justify-content: center;
    font-size: var(--text-xs); font-weight: 500; color: var(--fg-muted);
    flex-shrink: 0;
}

.setup-step-number.done[b-yrgi175no7] {
    background: var(--success-fg); border-color: var(--success-fg);
}

.setup-card-title[b-yrgi175no7] {
    font-size: var(--text-md); font-weight: 500; color: var(--fg-default);
}

.setup-card-title.muted[b-yrgi175no7] {
    color: var(--fg-subtle);
}

.setup-card-desc[b-yrgi175no7] {
    font-size: var(--text-xs); color: var(--fg-subtle); margin-top: 2px;
}

.setup-card-right[b-yrgi175no7] {
    flex-shrink: 0; margin-left: 16px;
}

/* Completion banner */
.setup-done-banner[b-yrgi175no7] {
    display: flex; align-items: center; gap: 10px;
    margin-top: 16px; padding: 14px 16px;
    background: rgba(16,185,129,0.08);
    border: 1px solid rgba(16,185,129,0.25);
    border-radius: 10px;
    font-size: var(--text-sm); font-weight: 500; color: var(--fg-default);
}

.setup-done-banner span[b-yrgi175no7] { flex: 1; }

.setup-complete-icon[b-yrgi175no7] { margin-bottom: 16px; }

.setup-complete-title[b-yrgi175no7] {
    font-size: var(--text-2xl); font-weight: 500; color: var(--fg-default);
    
}

.setup-complete-sub[b-yrgi175no7] {
    font-size: var(--text-sm); color: var(--fg-subtle); margin-top: 4px;
}
/* /Pages/Manage/Que/QuePage.razor.rz.scp.css */
/* ── Que full-page layout ── */
.que-page[b-k0qmub761x] {
    display: flex;
    height: calc(100vh - var(--topbar-height));
    margin: -22px -24px;
    background: var(--canvas-inset);
}

/* ── Left sidebar ── */
.que-sidebar[b-k0qmub761x] {
    width: 260px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    background: var(--canvas-subtle);
    border-right: 1px solid var(--border-default);
}

.sidebar-header[b-k0qmub761x] {
    padding: 16px;
    border-bottom: 1px solid var(--border-default);
    flex-shrink: 0;
}

.sidebar-identity[b-k0qmub761x] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sidebar-av[b-k0qmub761x] {
    width: 36px;
    height: 36px;
    background: var(--accent-fg);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-17);
    position: relative;
}

.sidebar-av[b-k0qmub761x]::after {
    content: '';
    position: absolute;
    inset: -1px;
    border-radius: 11px;
    background: var(--accent-fg);
    opacity: 0.25;
    filter: blur(6px);
    z-index: -1;
}

.sidebar-online[b-k0qmub761x] {
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 9px;
    height: 9px;
    background: var(--success-fg);
    border-radius: 50%;
    border: 2px solid var(--canvas-subtle);
    box-shadow: 0 0 6px var(--success-fg);
}

.sidebar-name[b-k0qmub761x] {
    font-size: var(--text-md);
    font-weight: 500;
    color: var(--fg-default);
}

.sidebar-role[b-k0qmub761x] {
    font-size: var(--text-10);
    color: var(--fg-subtle);
}

.new-convo-btn[b-k0qmub761x] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 12px 12px 0;
    padding: 9px 14px;
    background: var(--accent-subtle);
    border: 1px solid rgba(37,99,235,0.2);
    border-radius: 8px;
    color: var(--accent-fg);
    font-size: var(--text-xs);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
    flex-shrink: 0;
}

.new-convo-btn:hover[b-k0qmub761x] {
    background: var(--accent-subtle);
    border-color: rgba(37,99,235,0.35);
}

.convo-list[b-k0qmub761x] {
    flex: 1;
    overflow-y: auto;
    padding: 8px;
}

.convo-empty[b-k0qmub761x] {
    padding: 20px 12px;
    text-align: center;
    font-size: var(--text-2xs);
    color: var(--fg-subtle);
}

.convo-item[b-k0qmub761x] {
    padding: 10px 12px;
    border-radius: 7px;
    cursor: pointer;
    transition: all 0.1s;
    margin-bottom: 2px;
}

.convo-item:hover[b-k0qmub761x] {
    background: var(--canvas-subtle);
}

.convo-item.active[b-k0qmub761x] {
    background: var(--canvas-inset);
    border: 1px solid var(--border-muted);
}

.convo-title[b-k0qmub761x] {
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--fg-default);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.convo-date[b-k0qmub761x] {
    font-size: var(--text-10);
    color: var(--fg-subtle);
    margin-top: 2px;
}

.sidebar-suggestions[b-k0qmub761x] {
    padding: 12px;
    border-top: 1px solid var(--border-default);
    flex-shrink: 0;
}

.sidebar-suggestions-label[b-k0qmub761x] {
    font-size: var(--text-3xs);
    font-weight: 500;
    
    letter-spacing: 0.5px;
    color: var(--fg-subtle);
    margin-bottom: 8px;
}

.sidebar-sug[b-k0qmub761x] {
    padding: 6px 10px;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    border-radius: 6px;
    font-size: var(--text-2xs);
    color: var(--fg-muted);
    cursor: pointer;
    transition: all 0.15s;
    margin-bottom: 4px;
}

.sidebar-sug:hover[b-k0qmub761x] {
    background: var(--canvas-inset);
    border-color: var(--border-muted);
    color: var(--fg-default);
}

/* ── Main chat area ── */
.que-chat[b-k0qmub761x] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
}

.que-chat[b-k0qmub761x]::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 600px 400px at 30% 10%, rgba(37,99,235,0.03) 0%, transparent 70%),
        radial-gradient(ellipse 400px 300px at 70% 80%, rgba(8,145,178,0.02) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}

.chat-messages[b-k0qmub761x] {
    flex: 1;
    overflow-y: auto;
    padding: 24px 32px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    z-index: 1;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}

/* ── Welcome state ── */
.chat-welcome[b-k0qmub761x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    gap: 8px;
    padding: 60px 0;
}

.welcome-av[b-k0qmub761x] {
    width: 56px;
    height: 56px;
    background: var(--accent-fg);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-5xl);
    
}

.welcome-title[b-k0qmub761x] {
    font-size: var(--text-3xl);
    font-weight: 500;
    color: var(--fg-default);
    margin-top: 8px;
}

.welcome-sub[b-k0qmub761x] {
    font-size: var(--text-sm);
    color: var(--fg-muted);
}

.welcome-hint[b-k0qmub761x] {
    font-size: var(--text-2xs);
    color: var(--fg-subtle);
    margin-top: 4px;
}

/* ── Message bubbles ── */
.chat-msg[b-k0qmub761x] {
    display: flex;
    gap: 10px;
    animation: fadeUp 0.25s ease both;
}

.chat-msg.user[b-k0qmub761x] {
    flex-direction: row-reverse;
}

.chat-msg-av[b-k0qmub761x] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-sm);
}

.chat-msg-av.ai[b-k0qmub761x] {
    background: var(--accent-fg);
}

.chat-msg-av.user[b-k0qmub761x] {
    background: var(--done-fg);
    font-size: var(--text-10);
    font-weight: 500;
    color: white;
}

.chat-msg-body[b-k0qmub761x] {
    flex: 1;
    min-width: 0;
    max-width: 75%;
}

.chat-msg.user .chat-msg-body[b-k0qmub761x] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.chat-msg-bub[b-k0qmub761x] {
    padding: 12px 16px;
    font-size: var(--text-sm);
    line-height: 1.6;
}

[b-k0qmub761x] .chat-msg.ai .chat-msg-bub {
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    border-radius: 2px 14px 14px 14px;
    color: var(--fg-muted);
}

[b-k0qmub761x] .chat-msg.user .chat-msg-bub {
    background: var(--accent-subtle);
    border: 1px solid rgba(37,99,235,0.2);
    border-radius: 14px 2px 14px 14px;
    color: var(--fg-default);
}

/* Markdown prose */
.chat-msg-bub p[b-k0qmub761x] { margin: 0 0 8px; }
.chat-msg-bub p:last-child[b-k0qmub761x] { margin-bottom: 0; }
.chat-msg-bub strong[b-k0qmub761x] { font-weight: 500; color: var(--fg-default); }
.chat-msg-bub em[b-k0qmub761x] { font-style: italic; }
[b-k0qmub761x] .chat-msg-bub ul { margin: 4px 0 8px 30px; padding: 0; }
[b-k0qmub761x] .chat-msg-bub ol { margin: 4px 0 8px 30px; padding: 0; }
.chat-msg-bub li[b-k0qmub761x] { margin-bottom: 3px; }
.chat-msg-bub h1[b-k0qmub761x], [b-k0qmub761x] .chat-msg-bub h2, [b-k0qmub761x] .chat-msg-bub h3 {
    font-size: var(--text-sm); font-weight: 500; color: var(--fg-default); margin: 10px 0 4px;
}
.chat-msg-bub h1:first-child[b-k0qmub761x], [b-k0qmub761x] .chat-msg-bub h2:first-child, [b-k0qmub761x] .chat-msg-bub h3:first-child { margin-top: 0; }
.chat-msg-bub code[b-k0qmub761x] {
    background: var(--canvas-inset); padding: 2px 5px; border-radius: 4px; font-size: var(--text-xs);
}
.chat-msg-bub a[b-k0qmub761x] { color: var(--accent-fg); text-decoration: underline; }
.chat-msg-bub table[b-k0qmub761x] { border-collapse: collapse; margin: 8px 0; width: 100%; font-size: var(--text-xs); }
.chat-msg-bub th[b-k0qmub761x], [b-k0qmub761x] .chat-msg-bub td {
    border: 1px solid var(--border-default); padding: 4px 10px; text-align: left;
}
.chat-msg-bub th[b-k0qmub761x] { font-weight: 500; background: var(--canvas-inset); }

/* Suggested replies on messages */
.chat-replies[b-k0qmub761x] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
    animation: slideIn-b-k0qmub761x 0.3s ease both;
}

.chat-reply-chip[b-k0qmub761x] {
    padding: 5px 12px;
    background: var(--canvas-inset);
    border: 1px solid var(--border-muted);
    border-radius: 20px;
    font-size: var(--text-2xs);
    color: var(--fg-muted);
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}

.chat-reply-chip:hover[b-k0qmub761x] {
    background: var(--accent-subtle);
    border-color: rgba(37,99,235,0.3);
    color: var(--fg-default);
}

/* Action button on messages */
.chat-msg-action[b-k0qmub761x] {
    margin-top: 8px;
    animation: slideIn-b-k0qmub761x 0.3s ease both;
}

.chat-action-btn[b-k0qmub761x] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    background: var(--accent-subtle);
    border: 1px solid rgba(37,99,235,0.25);
    border-radius: 8px;
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--accent-fg);
    cursor: pointer;
    transition: all 0.2s;
}

.chat-action-btn:hover[b-k0qmub761x] {
    background: var(--accent-subtle);
    border-color: rgba(37,99,235,0.4);
    
}

.chat-action-icon[b-k0qmub761x] { font-size: var(--text-md); }

/* ── Content loaded indicator ── */
.msg-content-loaded[b-k0qmub761x] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: rgba(16,185,129,0.08);
    border: 1px solid rgba(16,185,129,0.2);
    border-radius: 6px;
    font-size: var(--text-2xs);
    color: var(--success-fg);
    font-family: var(--font-mono);
    animation: fadeUp 0.25s ease both;
}

/* ── Typing indicator ── */
.chat-typing[b-k0qmub761x] {
    display: flex;
    gap: 10px;
    align-items: flex-end;
}

.typing-bub[b-k0qmub761x] {
    display: flex;
    gap: 4px;
    padding: 12px 14px;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    border-radius: 2px 14px 14px 14px;
}

.tdot[b-k0qmub761x] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--fg-subtle);
    animation: bounce-b-k0qmub761x 1.2s infinite;
}

.tdot:nth-child(2)[b-k0qmub761x] { animation-delay: 0.2s; }
.tdot:nth-child(3)[b-k0qmub761x] { animation-delay: 0.4s; }

/* ── Suggestion chips above input ── */
.chat-chips[b-k0qmub761x] {
    padding: 8px 32px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}

.chat-chip[b-k0qmub761x] {
    padding: 5px 12px;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    border-radius: 20px;
    font-size: var(--text-2xs);
    color: var(--fg-subtle);
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}

.chat-chip:hover[b-k0qmub761x] {
    border-color: var(--border-muted);
    color: var(--fg-muted);
    background: var(--canvas-inset);
}

/* ── Input area ── */
.chat-input-area[b-k0qmub761x] {
    padding: 12px 32px 32px;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}

.chat-input-wrap[b-k0qmub761x] {
    position: relative;
    display: flex;
    background: var(--canvas-subtle);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    padding: 12px 52px 12px 14px;
    transition: all 0.15s;
}

.chat-input-wrap.focused[b-k0qmub761x] {
    border-color: rgba(37,99,235,0.35);
    
}

.chat-ta[b-k0qmub761x] {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: var(--fg-default);
    
    font-size: var(--text-sm);
    resize: none;
    line-height: 1.5;
    max-height: 200px;
}

.chat-ta[b-k0qmub761x]::placeholder { color: var(--fg-subtle); }

.chat-send-btn[b-k0qmub761x] {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 32px;
    height: 32px;
    background: var(--accent-fg);
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    
    transition: all 0.15s;
    flex-shrink: 0;
}

.chat-send-btn:hover[b-k0qmub761x] {
    transform: scale(1.05);
    
}

.chat-send-btn:disabled[b-k0qmub761x] {
    opacity: 0.4;
    cursor: not-allowed;
    transform: none;
}

/* ── Animations ── */

@keyframes slideIn-b-k0qmub761x {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes bounce-b-k0qmub761x {
    0%, 100% { transform: translateY(0); opacity: 0.4; }
    50% { transform: translateY(-4px); opacity: 1; }
}

/* ── Responsive: Tablet ── */
@media (max-width: 900px) {
    .que-sidebar[b-k0qmub761x] {
        width: 220px;
    }

    .chat-messages[b-k0qmub761x],
    .chat-chips[b-k0qmub761x],
    .chat-input-area[b-k0qmub761x] {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* ── Responsive: Mobile ── */
@media (max-width: 700px) {
    .que-page[b-k0qmub761x] {
        flex-direction: column;
    }

    .que-sidebar[b-k0qmub761x] {
        width: 100%;
        max-height: 0;
        overflow: hidden;
        border-right: none;
        border-bottom: 1px solid var(--border-default);
        transition: max-height 0.3s ease;
    }

    .chat-messages[b-k0qmub761x],
    .chat-chips[b-k0qmub761x],
    .chat-input-area[b-k0qmub761x] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .chat-msg-body[b-k0qmub761x] {
        max-width: 85%;
    }
}
/* /Pages/Manage/Risk/RiskRegister.razor.rz.scp.css */
.rr-page[b-1jjkw3yhsn] {
    max-width: 880px;
    margin: 0 auto;
    padding: 24px 16px 48px;
}

.rr-header[b-1jjkw3yhsn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.rr-title[b-1jjkw3yhsn] {
    font-size: var(--text-xl);
    font-weight: 500;
    color: var(--fg-default);
    margin: 0;
}

.rr-subtitle[b-1jjkw3yhsn] {
    font-size: var(--text-sm);
    font-weight: 400;
    color: var(--fg-muted);
    margin-top: 2px;
}

.rr-period[b-1jjkw3yhsn] {
    display: flex;
    border: 1px solid var(--border-default);
    border-radius: 6px;
    overflow: hidden;
}

.rr-period-btn[b-1jjkw3yhsn] {
    background: var(--canvas-default);
    border: none;
    padding: 5px 12px;
    font-size: var(--text-sm);
    font-weight: 400;
    color: var(--fg-muted);
    cursor: pointer;
}

.rr-period-btn:hover[b-1jjkw3yhsn] {
    background: var(--canvas-subtle);
}

.rr-period-btn.is-active[b-1jjkw3yhsn] {
    background: var(--accent-emphasis);
    color: #fff;
}

.rr-metrics[b-1jjkw3yhsn] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 24px;
}

.rr-metric[b-1jjkw3yhsn] {
    border: 1px solid var(--border-default);
    border-radius: 6px;
    padding: 14px 16px;
    background: var(--canvas-default);
}

.rr-metric-value[b-1jjkw3yhsn] {
    font-size: var(--text-2xl);
    font-weight: 500;
    color: var(--fg-default);
}

.rr-metric-label[b-1jjkw3yhsn] {
    font-size: var(--text-xs);
    font-weight: 400;
    color: var(--fg-muted);
    margin-top: 2px;
}

.rr-back[b-1jjkw3yhsn] {
    display: inline-flex;
    align-items: center;
    background: transparent;
    border: none;
    padding: 0;
    margin-bottom: 20px;
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--fg-muted);
    cursor: pointer;
}

.rr-back:hover[b-1jjkw3yhsn] {
    color: var(--accent-fg);
}

.rr-ws-section[b-1jjkw3yhsn] {
    margin-bottom: 28px;
}

.rr-ws-list[b-1jjkw3yhsn] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 8px;
}

.rr-ws-card[b-1jjkw3yhsn] {
    display: flex;
    align-items: center;
    gap: 8px;
    text-align: left;
    padding: 12px 14px;
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.12s ease, border-color 0.12s ease;
}

.rr-ws-card:hover[b-1jjkw3yhsn] {
    background: var(--canvas-subtle);
    border-color: var(--accent-emphasis);
}

.rr-ws-name[b-1jjkw3yhsn] {
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--fg-default);
}

.rr-ws-desc[b-1jjkw3yhsn] {
    font-size: var(--text-xs);
    font-weight: 400;
    color: var(--fg-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rr-ws-arrow[b-1jjkw3yhsn] {
    margin-left: auto;
    color: var(--fg-muted);
    font-size: var(--text-md);
}

.rr-group[b-1jjkw3yhsn] {
    margin-bottom: 24px;
}

.rr-group-head[b-1jjkw3yhsn] {
    font-size: var(--text-xs);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--fg-muted);
    margin-bottom: 8px;
}

.rr-list[b-1jjkw3yhsn] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media (max-width: 640px) {
    .rr-metrics[b-1jjkw3yhsn] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Pages/Manage/Settings/BillingPage.razor.rz.scp.css */
.billing-header[b-a7u6jviewt] {
    margin-bottom: 24px;
}

.billing-title[b-a7u6jviewt] {
    
    font-size: var(--text-4xl);
    color: var(--fg-default);
    line-height: 1.1;
    margin-bottom: 4px;
}

.billing-subtitle[b-a7u6jviewt] {
    font-size: var(--text-sm);
    color: var(--fg-muted);
}

.billing-loading[b-a7u6jviewt] {
    display: flex;
    justify-content: center;
    padding: 48px;
}

/* Status card */
.status-card[b-a7u6jviewt] {
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 32px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.status-row[b-a7u6jviewt] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.status-label[b-a7u6jviewt] {
    font-size: var(--text-2xs);
    font-weight: 500;
    color: var(--fg-subtle);
    
    
    font-family: var(--font-mono);
    min-width: 120px;
}

.status-value[b-a7u6jviewt] {
    font-size: var(--text-sm);
    color: var(--fg-default);
}

.mono[b-a7u6jviewt] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
}

/* Plan badge */
.plan-badge[b-a7u6jviewt] {
    padding: 3px 12px;
    border-radius: 20px;
    font-size: var(--text-xs);
    font-weight: 500;
    font-family: var(--font-mono);
}

.plan-badge.starter[b-a7u6jviewt] {
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.3);
    color: var(--success-fg);
}

.plan-badge.professional[b-a7u6jviewt] {
    background: rgba(59, 130, 246, 0.12);
    border: 1px solid rgba(59, 130, 246, 0.3);
    color: var(--accent-fg);
}

.plan-badge.enterprise[b-a7u6jviewt] {
    background: rgba(168, 85, 247, 0.12);
    border: 1px solid rgba(168, 85, 247, 0.3);
    color: var(--done-fg);
}

/* Status badge */
.status-badge[b-a7u6jviewt] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--fg-default);
}

.status-badge.trialling[b-a7u6jviewt] { color: var(--attention-fg); }
.status-badge.active[b-a7u6jviewt] { color: var(--success-fg); }
.status-badge.pastdue[b-a7u6jviewt] { color: var(--danger-fg); }
.status-badge.cancelled[b-a7u6jviewt] { color: var(--fg-subtle); }

.days-badge[b-a7u6jviewt] {
    padding: 2px 8px;
    border-radius: 20px;
    font-size: var(--text-10);
    font-weight: 500;
    font-family: var(--font-mono);
    background: rgba(245, 158, 11, 0.12);
    border: 1px solid rgba(245, 158, 11, 0.3);
    color: var(--attention-fg);
}

/* Subscribe CTA */
.subscribe-cta[b-a7u6jviewt] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--border-default);
}

.subscribe-btn[b-a7u6jviewt] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    border-radius: 10px;
    background: var(--accent-fg);
    border: none;
    color: white;
    font-size: var(--text-sm);
    font-weight: 500;
    
    cursor: pointer;
    transition: all 0.15s;
    
    text-decoration: none;
    white-space: nowrap;
}

.subscribe-btn:hover[b-a7u6jviewt] {
    
    
}

.subscribe-hint[b-a7u6jviewt] {
    font-size: var(--text-2xs);
    color: var(--fg-subtle);
}

.manage-btn[b-a7u6jviewt] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid var(--border-default);
    background: var(--canvas-subtle);
    color: var(--fg-muted);
    font-size: var(--text-xs);
    font-weight: 500;
    
    cursor: pointer;
    transition: all 0.15s;
}

.manage-btn:hover[b-a7u6jviewt] {
    border-color: var(--accent-fg);
    color: var(--accent-fg);
    background: rgba(59, 130, 246, 0.06);
}

/* Tiers */
.tiers-header[b-a7u6jviewt] {
    font-size: var(--text-lg);
    font-weight: 500;
    color: var(--fg-default);
    margin-bottom: 16px;
}

.tier-grid[b-a7u6jviewt] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

@media (max-width: 900px) {
    .tier-grid[b-a7u6jviewt] { grid-template-columns: 1fr; }
}

.tier-card[b-a7u6jviewt] {
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 12px;
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    transition: all 0.2s;
    position: relative;
}

.tier-card:hover[b-a7u6jviewt] {
    border-color: rgba(59, 130, 246, 0.3);
    
}

.tier-card.current[b-a7u6jviewt] {
    border-color: var(--accent-fg);
    
}

.current-tag[b-a7u6jviewt] {
    position: absolute;
    top: -10px;
    right: 16px;
    padding: 2px 10px;
    border-radius: 20px;
    background: var(--accent-fg);
    color: white;
    font-size: var(--text-10);
    font-weight: 500;
    font-family: var(--font-mono);
}

.tier-name[b-a7u6jviewt] {
    font-size: var(--text-xl);
    font-weight: 500;
    color: var(--fg-default);
}

.tier-limits[b-a7u6jviewt] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

.tier-limit[b-a7u6jviewt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.limit-value[b-a7u6jviewt] {
    font-size: var(--text-sm);
    font-weight: 500;
    color: var(--fg-default);
    font-family: var(--font-mono);
}

.limit-label[b-a7u6jviewt] {
    font-size: var(--text-xs);
    color: var(--fg-subtle);
}

.tier-action[b-a7u6jviewt] {
    border-top: 1px solid var(--border-default);
    padding-top: 16px;
}

.current-plan-label[b-a7u6jviewt] {
    text-align: center;
    font-size: var(--text-xs);
    font-weight: 500;
    color: var(--fg-subtle);
    padding: 8px;
}

/* /Pages/Manage/Settings/NewApiKeyPage.razor.rz.scp.css */
/* Warning notice */
.ak-warning[b-xa6wyz8fsq] {
    background: rgba(245, 158, 11, 0.08);
    border: 1px solid rgba(245, 158, 11, 0.2);
    border-radius: 8px;
    padding: 12px 16px;
    font-size: var(--text-sm);
    color: var(--fg-default);
    line-height: 1.5;
    margin-bottom: 20px;
}

/* Code block */
.ak-code[b-xa6wyz8fsq] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    background: var(--canvas-subtle);
    border-radius: 8px;
    padding: 12px;
    margin-top: 8px;
    overflow-x: auto;
    white-space: pre;
    color: var(--fg-default);
    line-height: 1.6;
}

/* /Pages/Manage/Settings/OrgPage.razor.rz.scp.css */
/* ── Card grid ── */

.org-grid[b-4mz9gyz30l] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

@media (max-width: 900px) {
    .org-grid[b-4mz9gyz30l] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
    .org-grid[b-4mz9gyz30l] { grid-template-columns: 1fr; }
}

/* ── Cards ── */

.org-card[b-4mz9gyz30l] {
    background: var(--canvas-default);
    border: 1px solid var(--border-default);
    border-radius: 14px;
    padding: 24px 22px;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.org-card[b-4mz9gyz30l]::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 2px;
    background: var(--success-fg);
    opacity: 0;
    transition: opacity 0.2s;
}

.org-card:hover[b-4mz9gyz30l] {
    background: var(--canvas-subtle);
    border-color: var(--border-muted);
    
    
}

.org-card:hover[b-4mz9gyz30l]::before { opacity: 1; }

.org-card-arrow[b-4mz9gyz30l] {
    position: absolute;
    top: 20px; right: 20px;
    font-size: var(--text-lg);
    color: var(--fg-subtle);
    opacity: 0;
    transition: all 0.2s;
    transform: translateX(-4px);
}

.org-card:hover .org-card-arrow[b-4mz9gyz30l] {
    opacity: 1;
    transform: translateX(0);
}

.org-card-icon[b-4mz9gyz30l] {
    font-size: var(--text-5xl);
}

.org-card-body[b-4mz9gyz30l] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.org-card-name[b-4mz9gyz30l] {
    font-size: var(--text-15);
    font-weight: 500;
    color: var(--fg-default);
}

.org-card-desc[b-4mz9gyz30l] {
    font-size: var(--text-2xs);
    color: var(--fg-subtle);
    line-height: 1.5;
}

.org-card-meta[b-4mz9gyz30l] {
    display: flex;
    gap: 8px;
    margin-top: auto;
    flex-wrap: wrap;
}

.org-chip[b-4mz9gyz30l] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    background: var(--canvas-inset);
    border: 1px solid var(--border-default);
    border-radius: 20px;
    font-size: var(--text-10);
    color: var(--fg-subtle);
    font-family: var(--font-mono);
}

.org-chip-danger[b-4mz9gyz30l] {
    border-color: rgba(244, 63, 94, 0.25);
    background: rgba(244, 63, 94, 0.08);
    color: var(--danger-fg);
}

.org-chip-dot[b-4mz9gyz30l] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
}
/* /Pages/Manage/Workspaces/WorkspaceCalendarPage.razor.rz.scp.css */
.wc-page[b-j3gm8ipdf9] { padding: 4px 2px 32px; }

/* ── Header ── */
.wc-header[b-j3gm8ipdf9] {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 16px;
}
.wc-title[b-j3gm8ipdf9] { display: flex; align-items: center; gap: 8px; color: var(--fg-default); }
.wc-month[b-j3gm8ipdf9] { font-size: var(--text-xl); font-weight: 600; }
.wc-nav[b-j3gm8ipdf9] { display: flex; align-items: center; gap: 6px; }
.wc-nav-btn[b-j3gm8ipdf9] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 30px; height: 30px; border-radius: 8px;
    border: 1px solid var(--border-default); background: var(--canvas-default);
    color: var(--fg-muted); cursor: pointer; transition: all 0.15s;
}
.wc-nav-btn:hover[b-j3gm8ipdf9] { background: var(--canvas-subtle); color: var(--fg-default); }
.wc-today-btn[b-j3gm8ipdf9] {
    height: 30px; padding: 0 12px; border-radius: 8px;
    border: 1px solid var(--border-default); background: var(--canvas-default);
    color: var(--fg-muted); font-size: var(--text-xs); font-weight: 500; cursor: pointer;
    transition: all 0.15s;
}
.wc-today-btn:hover[b-j3gm8ipdf9] { background: var(--canvas-subtle); color: var(--fg-default); }

/* ── Month grid ── */
.wc-grid[b-j3gm8ipdf9] {
    display: grid; grid-template-columns: repeat(7, 1fr);
    gap: 6px;
}
.wc-dow[b-j3gm8ipdf9] {
    text-align: center; font-size: var(--text-10); font-weight: 600;
    letter-spacing: 0.5px; color: var(--fg-subtle); padding-bottom: 4px;
}
.wc-cell[b-j3gm8ipdf9] {
    min-height: 104px; border-radius: 10px; padding: 6px;
    border: 1px solid var(--border-default); background: var(--canvas-default);
    display: flex; flex-direction: column; gap: 4px;
    cursor: pointer; transition: all 0.15s; overflow: hidden;
}
.wc-cell:hover[b-j3gm8ipdf9] { border-color: rgba(37,99,235,0.4); background: var(--canvas-subtle); }
.wc-cell.wc-muted[b-j3gm8ipdf9] { opacity: 0.45; }
.wc-cell.wc-today[b-j3gm8ipdf9] { border-color: rgba(37,99,235,0.5); background: rgba(37,99,235,0.06); }
.wc-cell.wc-selected[b-j3gm8ipdf9] { border-color: rgba(37,99,235,0.8); box-shadow: 0 0 0 1px rgba(37,99,235,0.4); }
.wc-cell:not(.wc-has-items)[b-j3gm8ipdf9] { cursor: default; }
.wc-cell:not(.wc-has-items):hover[b-j3gm8ipdf9] { border-color: var(--border-default); background: var(--canvas-default); }

.wc-cell-date[b-j3gm8ipdf9] {
    font-family: var(--font-mono); font-size: var(--text-sm); font-weight: 500;
    color: var(--fg-muted); line-height: 1;
}
.wc-cell.wc-today .wc-cell-date[b-j3gm8ipdf9] { color: var(--accent-fg); font-weight: 700; }

.wc-cell-events[b-j3gm8ipdf9] { display: flex; flex-direction: column; gap: 3px; }
.wc-event[b-j3gm8ipdf9] {
    display: flex; align-items: baseline; gap: 5px;
    background: var(--canvas-subtle); border-left: 3px solid #3b82f6;
    border-radius: 4px; padding: 2px 5px; overflow: hidden;
}
.wc-event-time[b-j3gm8ipdf9] { font-family: var(--font-mono); font-size: var(--text-3xs); color: var(--fg-subtle); flex-shrink: 0; }
.wc-event-name[b-j3gm8ipdf9] {
    font-size: var(--text-2xs); color: var(--fg-default);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.wc-event-more[b-j3gm8ipdf9] { font-size: var(--text-10); color: var(--fg-subtle); padding-left: 5px; }

/* ── Day drilldown ── */
.wc-drilldown[b-j3gm8ipdf9] {
    margin-top: 16px; border-radius: 12px;
    border: 1px solid var(--border-default); background: var(--canvas-default);
    overflow: hidden;
}
.wc-drilldown-header[b-j3gm8ipdf9] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 12px 16px; border-bottom: 1px solid var(--border-default);
}
.wc-drilldown-title[b-j3gm8ipdf9] {
    display: flex; align-items: center; gap: 8px;
    font-size: var(--text-md); font-weight: 600; color: var(--fg-default);
}
.wc-drilldown-dot[b-j3gm8ipdf9] { width: 8px; height: 8px; border-radius: 50%; background: #3b82f6; }
.wc-drilldown-count[b-j3gm8ipdf9] {
    font-family: var(--font-mono); font-size: var(--text-xs); color: var(--fg-subtle);
    background: var(--canvas-subtle); border-radius: 10px; padding: 1px 8px;
}
.wc-drilldown-close[b-j3gm8ipdf9] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 26px; height: 26px; border-radius: 6px; border: none;
    background: transparent; color: var(--fg-subtle); cursor: pointer;
}
.wc-drilldown-close:hover[b-j3gm8ipdf9] { background: var(--canvas-subtle); color: var(--fg-default); }
.wc-drilldown-empty[b-j3gm8ipdf9], .wc-drilldown-body[b-j3gm8ipdf9] { padding: 16px; }
.wc-drilldown-empty[b-j3gm8ipdf9] { color: var(--fg-subtle); font-size: var(--text-sm); text-align: center; }

.wc-group + .wc-group[b-j3gm8ipdf9] { margin-top: 14px; }
.wc-group-header[b-j3gm8ipdf9] { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.wc-group-dot[b-j3gm8ipdf9] { width: 8px; height: 8px; border-radius: 50%; }
.wc-group-name[b-j3gm8ipdf9] { font-size: var(--text-sm); font-weight: 600; color: var(--fg-default); }
.wc-group-tag[b-j3gm8ipdf9] { font-size: var(--text-10); font-weight: 600; border-radius: 6px; padding: 1px 7px; }
.wc-group-count[b-j3gm8ipdf9] {
    margin-left: auto; font-family: var(--font-mono); font-size: var(--text-2xs);
    color: var(--fg-subtle);
}
.wc-group-items[b-j3gm8ipdf9] { display: flex; flex-direction: column; gap: 6px; }
.wc-item[b-j3gm8ipdf9] {
    display: flex; gap: 0; border-radius: 8px; overflow: hidden;
    background: var(--canvas-subtle);
}
.wc-item-bar[b-j3gm8ipdf9] { width: 3px; flex-shrink: 0; }
.wc-item-content[b-j3gm8ipdf9] { flex: 1; padding: 8px 10px; }
.wc-item-top[b-j3gm8ipdf9] { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.wc-item-title[b-j3gm8ipdf9] { font-size: var(--text-sm); color: var(--fg-default); }
.wc-item-status[b-j3gm8ipdf9] { font-size: var(--text-10); font-weight: 600; border-radius: 6px; padding: 1px 7px; }
.wc-item-meta[b-j3gm8ipdf9] {
    display: flex; gap: 12px; margin-top: 3px;
    font-size: var(--text-2xs); color: var(--fg-subtle);
}
.wc-drilldown-footer[b-j3gm8ipdf9] { padding: 10px 16px; border-top: 1px solid var(--border-default); }
.wc-view-all[b-j3gm8ipdf9] { font-size: var(--text-xs); font-weight: 500; color: var(--accent-fg); text-decoration: none; }
.wc-view-all:hover[b-j3gm8ipdf9] { text-decoration: underline; }

/* ── Responsive ── */
@media (max-width: 700px) {
    .wc-grid[b-j3gm8ipdf9] { gap: 3px; }
    .wc-cell[b-j3gm8ipdf9] { min-height: 64px; padding: 4px; }
    .wc-event-name[b-j3gm8ipdf9] { display: none; }
    .wc-event[b-j3gm8ipdf9] { justify-content: center; padding: 2px; }
    .wc-event-time[b-j3gm8ipdf9] { font-size: var(--text-8); }
}
/* /Pages/Manage/Workspaces/WorkspaceSelectorPage.razor.rz.scp.css */
/* The workspace rows are their own dividers — the <Panel> is just the frame. */
.wsp-list[b-u2osp828mo]  .panel-body {
    padding: 0;
}

.wsp-add-btn[b-u2osp828mo] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: var(--accent);
    color: white;
    border: none;
    border-radius: 6px;
    font-size: var(--text-sm);
    font-weight: 500;
    cursor: pointer;
}
.wsp-add-btn:hover[b-u2osp828mo] {
    filter: brightness(1.05);
}
/* /Pages/Register.razor.rz.scp.css */
.form-header[b-91kwzuq4kc] {
    margin-bottom: 28px;
    animation: fadeUp 0.4s ease both;
}

.form-title[b-91kwzuq4kc] {
    
    font-size: var(--text-5xl);
    color: var(--fg-default);
    margin-bottom: 6px;
}

.form-title em[b-91kwzuq4kc] {
    font-style: italic;
    color: var(--fg-muted);
}

.form-sub[b-91kwzuq4kc] {
    font-size: var(--text-sm);
    color: var(--fg-subtle);
    line-height: 1.5;
}

.form[b-91kwzuq4kc] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-footer[b-91kwzuq4kc] {
    text-align: center;
    margin-top: 20px;
    font-size: var(--text-xs);
    color: var(--fg-subtle);
}

.form-footer a[b-91kwzuq4kc] {
    color: var(--accent-fg);
    cursor: pointer;
}

.form-footer a:hover[b-91kwzuq4kc] {
    text-decoration: underline;
}

.name-grid[b-91kwzuq4kc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.size-grid[b-91kwzuq4kc] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}

.role-grid[b-91kwzuq4kc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.btn-row[b-91kwzuq4kc] {
    display: flex;
    gap: 10px;
}

.field[b-91kwzuq4kc] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.field-label[b-91kwzuq4kc] {
    font-size: var(--text-2xs);
    font-weight: 500;
    color: var(--fg-subtle);
    
    letter-spacing: 0.5px;
}
/* /Pages/StaffEmailPreview.razor.rz.scp.css */
.page-header[b-zac2qr36q0] {
    display: flex; align-items: flex-start; justify-content: space-between;
    margin-bottom: 22px; animation: fadeUp 0.4s ease both;
}

.page-title[b-zac2qr36q0] {
    
    font-size: var(--text-4xl); color: var(--fg-default); line-height: 1.1; margin-bottom: 4px;
}

.page-title em[b-zac2qr36q0] { font-style: italic; color: var(--fg-muted); }

.page-meta[b-zac2qr36q0] {
    font-size: var(--text-2xs); color: var(--fg-subtle);
    font-family: var(--font-mono);
    display: flex; align-items: center; gap: 10px;
}

.sep[b-zac2qr36q0] { opacity: 0.4; }

/* Loading / Empty states */
.loading-state[b-zac2qr36q0] {
    display: flex; justify-content: center; padding: 60px 0;
}

.empty-state[b-zac2qr36q0] {
    display: flex; flex-direction: column; align-items: center;
    padding: 60px 0; gap: 10px; text-align: center;
}

.empty-title[b-zac2qr36q0] { font-size: var(--text-lg); font-weight: 500; color: var(--fg-muted); }
.empty-sub[b-zac2qr36q0] { font-size: var(--text-sm); color: var(--fg-subtle); }

/* Staff card */
.staff-card[b-zac2qr36q0] {
    display: flex; align-items: center; gap: 16px;
    background: var(--canvas-default); border: 1px solid var(--border-default); border-radius: 12px;
    padding: 20px 24px; margin-bottom: 20px;
    animation: fadeUp 0.4s ease both; animation-delay: 0.05s;
}

.staff-avatar[b-zac2qr36q0] {
    width: 48px; height: 48px; border-radius: 50%;
    background: var(--accent-fg);
    color: white; font-size: var(--text-lg); font-weight: 500;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}

.staff-info[b-zac2qr36q0] { flex: 1; }
.staff-name[b-zac2qr36q0] { font-size: var(--text-lg); font-weight: 500; color: var(--fg-default); }
.staff-email[b-zac2qr36q0] { font-size: var(--text-xs); color: var(--fg-subtle); font-family: var(--font-mono); }

.staff-stats[b-zac2qr36q0] { display: flex; gap: 24px; }

.staff-stat[b-zac2qr36q0] { text-align: center; }
.staff-stat-value[b-zac2qr36q0] { font-size: var(--text-3xl); font-weight: 500; color: var(--fg-default); }
.staff-stat-label[b-zac2qr36q0] { font-size: var(--text-10); font-weight: 500; color: var(--fg-subtle); }

/* Sections */
.section[b-zac2qr36q0] {
    background: var(--canvas-default); border: 1px solid var(--border-default); border-radius: 12px;
    margin-bottom: 16px; overflow: hidden;
    animation: fadeUp 0.4s ease both; animation-delay: 0.1s;
}

.section-header[b-zac2qr36q0] {
    padding: 14px 16px; border-bottom: 1px solid var(--border-default);
    display: flex; align-items: center; gap: 8px;
}

.section-dot[b-zac2qr36q0] { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }

.section-title[b-zac2qr36q0] {
    font-size: var(--text-xs); font-weight: 500; color: var(--fg-default);
    letter-spacing: 0.5px; flex: 1;
}

.section-count[b-zac2qr36q0] {
    font-size: var(--text-2xs); font-weight: 500; color: var(--fg-subtle);
    background: var(--canvas-subtle); padding: 2px 8px; border-radius: 10px;
}

.section-empty[b-zac2qr36q0] {
    padding: 24px 16px; text-align: center;
    font-size: var(--text-sm); color: var(--fg-subtle);
}

/* Item rows */
.item-list[b-zac2qr36q0] { padding: 4px; }

.item-row[b-zac2qr36q0] {
    display: flex; align-items: center; gap: 12px;
    padding: 12px; border-radius: 8px;
    transition: background 0.12s;
}

.item-row:hover[b-zac2qr36q0] { background: var(--canvas-subtle); }

.item-main[b-zac2qr36q0] { flex: 1; min-width: 0; }

.item-module[b-zac2qr36q0] {
    font-size: var(--text-md); font-weight: 500; color: var(--fg-default);
    margin-bottom: 3px;
}

.item-meta[b-zac2qr36q0] {
    display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
    font-size: var(--text-2xs); color: var(--fg-subtle);
    font-family: var(--font-mono);
}

.item-status[b-zac2qr36q0] {
    padding: 2px 6px; border-radius: 4px; font-weight: 500; font-size: var(--text-10);
    
}

.item-status.status-scheduled[b-zac2qr36q0] { background: rgba(59,130,246,0.12); color: var(--accent-fg); }
.item-status.status-inprogress[b-zac2qr36q0] { background: rgba(245,158,11,0.12); color: var(--attention-fg); }
.item-status.status-completed[b-zac2qr36q0] { background: rgba(16,185,129,0.12); color: var(--success-fg); }

.item-due[b-zac2qr36q0] { color: var(--fg-subtle); }
.item-by[b-zac2qr36q0] { color: var(--fg-subtle); }
.item-assignee-type[b-zac2qr36q0] { color: var(--fg-subtle); opacity: 0.7; }

.item-note[b-zac2qr36q0] {
    font-size: var(--text-xs); color: var(--fg-muted); font-style: italic;
    margin-top: 4px; opacity: 0.8;
}

.item-link[b-zac2qr36q0] {
    flex-shrink: 0; width: 32px; height: 32px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 6px; cursor: pointer; color: var(--fg-subtle);
    transition: all 0.15s;
}

.item-link:hover[b-zac2qr36q0] {
    background: var(--canvas-inset); color: var(--accent-fg);
}

/* Hash debug section */
.hash-list[b-zac2qr36q0] { padding: 8px 16px; }

.hash-row[b-zac2qr36q0] {
    padding: 8px 0; border-bottom: 1px solid var(--border-default);
    display: flex; flex-direction: column; gap: 2px;
}

.hash-row:last-child[b-zac2qr36q0] { border-bottom: none; }

.hash-module[b-zac2qr36q0] {
    font-size: var(--text-xs); font-weight: 500; color: var(--fg-muted);
}

.hash-value[b-zac2qr36q0] {
    font-size: var(--text-2xs); color: var(--accent-fg);
    font-family: var(--font-mono);
    word-break: break-all; cursor: pointer;
    transition: opacity 0.12s;
}

.hash-value:hover[b-zac2qr36q0] { opacity: 0.7; }

.hash-url[b-zac2qr36q0] {
    font-size: var(--text-10); color: var(--fg-subtle);
    font-family: var(--font-mono);
}

/* Page actions */
.page-actions[b-zac2qr36q0] { display: flex; align-items: center; gap: 8px; }

.hbtn[b-zac2qr36q0] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 8px 16px; border-radius: 8px; cursor: pointer;
    font-size: var(--text-sm); font-weight: 500; transition: all 0.15s;
    user-select: none;
}

.hbtn.primary[b-zac2qr36q0] {
    background: var(--accent-fg); color: white;
}

.hbtn.primary:hover[b-zac2qr36q0] { opacity: 0.9; }

.hbtn.disabled[b-zac2qr36q0] {
    opacity: 0.6; pointer-events: none;
}

/* Send result banner */
.send-result[b-zac2qr36q0] {
    padding: 10px 16px; border-radius: 8px; margin-bottom: 16px;
    font-size: var(--text-sm); font-weight: 500;
    animation: fadeUp 0.3s ease both;
}

.send-result-success[b-zac2qr36q0] {
    background: rgba(16,185,129,0.1); color: var(--success-fg);
    border: 1px solid rgba(16,185,129,0.2);
}

.send-result-error[b-zac2qr36q0] {
    background: rgba(239,68,68,0.1); color: var(--danger-fg);
    border: 1px solid rgba(239,68,68,0.2);
}