/* /Components/AdminBillingTab.razor.rz.scp.css */
.billing-loading[b-abkeu6doj3] {
    display: flex;
    justify-content: center;
    padding: 48px;
}

/* Status card */
.status-card[b-abkeu6doj3] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 32px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

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

.status-label[b-abkeu6doj3] {
    font-size: 11px;
    font-weight: 700;
    color: var(--text-3);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-family: 'JetBrains Mono', monospace;
    min-width: 120px;
}

.status-value[b-abkeu6doj3] {
    font-size: 13px;
    color: var(--text);
}

.mono[b-abkeu6doj3] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
}

/* Plan badge */
.plan-badge[b-abkeu6doj3] {
    padding: 3px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
}

.plan-badge.starter[b-abkeu6doj3] {
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.3);
    color: #4ade80;
}

.plan-badge.professional[b-abkeu6doj3] {
    background: rgba(59, 130, 246, 0.12);
    border: 1px solid rgba(59, 130, 246, 0.3);
    color: #60a5fa;
}

.plan-badge.enterprise[b-abkeu6doj3] {
    background: rgba(168, 85, 247, 0.12);
    border: 1px solid rgba(168, 85, 247, 0.3);
    color: #c084fc;
}

/* Status badge */
.status-badge[b-abkeu6doj3] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
}

.status-badge.trialling[b-abkeu6doj3] { color: var(--amber-light); }
.status-badge.active[b-abkeu6doj3] { color: var(--emerald-light); }
.status-badge.pastdue[b-abkeu6doj3] { color: var(--rose-light); }
.status-badge.cancelled[b-abkeu6doj3] { color: var(--text-3); }

.days-badge[b-abkeu6doj3] {
    padding: 2px 8px;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
    background: rgba(245, 158, 11, 0.12);
    border: 1px solid rgba(245, 158, 11, 0.3);
    color: #fbbf24;
}

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

.subscribe-btn[b-abkeu6doj3] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--accent), var(--cyan-light));
    border: none;
    color: white;
    font-size: 13px;
    font-weight: 700;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
    box-shadow: 0 2px 14px rgba(37, 99, 235, 0.3);
    text-decoration: none;
    white-space: nowrap;
}

.subscribe-btn:hover[b-abkeu6doj3] {
    transform: translateY(-1px);
    box-shadow: 0 4px 20px rgba(37, 99, 235, 0.4);
}

.subscribe-hint[b-abkeu6doj3] {
    font-size: 11px;
    color: var(--text-3);
}

.manage-btn[b-abkeu6doj3] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid var(--border);
    background: var(--surface2);
    color: var(--text-2);
    font-size: 12px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
}

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

/* Tiers */
.tiers-header[b-abkeu6doj3] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 16px;
}

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

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

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

.tier-card:hover[b-abkeu6doj3] {
    border-color: rgba(59, 130, 246, 0.3);
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.06), 0 8px 24px rgba(0, 0, 0, 0.2);
}

.tier-card.current[b-abkeu6doj3] {
    border-color: var(--accent-light);
    box-shadow: 0 0 24px rgba(59, 130, 246, 0.1);
}

.current-tag[b-abkeu6doj3] {
    position: absolute;
    top: -10px;
    right: 16px;
    padding: 2px 10px;
    border-radius: 20px;
    background: linear-gradient(135deg, var(--accent), var(--cyan-light));
    color: white;
    font-size: 10px;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
}

.tier-name[b-abkeu6doj3] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text);
}

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

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

.limit-value[b-abkeu6doj3] {
    font-size: 13px;
    font-weight: 700;
    color: var(--text);
    font-family: 'JetBrains Mono', monospace;
}

.limit-label[b-abkeu6doj3] {
    font-size: 12px;
    color: var(--text-3);
}

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

.current-plan-label[b-abkeu6doj3] {
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-3);
    padding: 8px;
}
/* /Components/AdminBusinessTab.razor.rz.scp.css */
/* Loading */
.admin-loading[b-tuj7n1p0xy] {
    display: flex;
    justify-content: center;
    padding: 48px;
}

/* Detail rows */
.biz-detail-row[b-tuj7n1p0xy] {
    display: flex;
    align-items: baseline;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid var(--border);
}

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

.biz-detail-label[b-tuj7n1p0xy] {
    font-size: 12px;
    font-weight: 700;
    color: var(--text-3);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-family: 'JetBrains Mono', monospace;
    min-width: 160px;
    flex-shrink: 0;
}

.biz-detail-value[b-tuj7n1p0xy] {
    font-size: 14px;
    color: var(--text);
    font-family: 'Space Grotesk', sans-serif;
}

/* Size picker (edit mode) */
.size-picker[b-tuj7n1p0xy] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.size-option[b-tuj7n1p0xy] {
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid var(--border);
    background: var(--surface2);
    color: var(--text-2);
    font-size: 12px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
}

.size-option:hover[b-tuj7n1p0xy] {
    border-color: var(--accent-light);
    color: var(--accent-light);
}

.size-option.active[b-tuj7n1p0xy] {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.4);
    color: #60a5fa;
    box-shadow: 0 0 8px rgba(59, 130, 246, 0.15);
}
/* /Components/AdminLocationsTab.razor.rz.scp.css */
/* Location-specific styles are in app.css (entity-card, entity-btn, etc.) */
/* /Components/AdminTeamsTab.razor.rz.scp.css */
/* Team cards */
.team-card[b-iuf1sznfl4] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 20px 18px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: all 0.2s;
}

.team-card:hover[b-iuf1sznfl4] {
    border-color: rgba(6, 182, 212, 0.3);
    box-shadow: 0 0 20px rgba(6, 182, 212, 0.08), 0 8px 24px rgba(0, 0, 0, 0.25);
}

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

.team-card-icon[b-iuf1sznfl4] {
    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-iuf1sznfl4] { flex: 1; min-width: 0; }
.team-card-name[b-iuf1sznfl4] { font-size: 14px; font-weight: 700; color: var(--text); }
.team-card-desc[b-iuf1sznfl4] { font-size: 11px; color: var(--text-2); line-height: 1.5; margin-top: 2px; }

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

.team-card:hover .team-card-menu[b-iuf1sznfl4] { opacity: 1; }
.team-card-menu:hover[b-iuf1sznfl4] { background: rgba(239, 68, 68, 0.12); color: #f87171; }

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

.team-card-member-label[b-iuf1sznfl4] {
    font-size: 12px;
    color: var(--text-3);
    font-family: 'JetBrains Mono', monospace;
}

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

.mini-avatar[b-iuf1sznfl4] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
    margin-left: -6px;
    border: 2px solid var(--surface);
}

.mini-avatar:first-child[b-iuf1sznfl4] { margin-left: 0; }
.mini-avatar.overflow[b-iuf1sznfl4] { background: var(--surface3); color: var(--text-3); border-color: var(--surface); }

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

.team-manage-btn[b-iuf1sznfl4] {
    width: 100%;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid var(--border);
    background: var(--surface2);
    color: var(--text-2);
    font-size: 12px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
}

.team-manage-btn:hover[b-iuf1sznfl4] {
    border-color: var(--accent-light);
    color: var(--accent-light);
    background: rgba(59, 130, 246, 0.06);
}
/* /Components/AdminUsersTab.razor.rz.scp.css */
/* User cell */
.user-cell[b-b0d9qwtko6] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.user-avatar[b-b0d9qwtko6] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
    flex-shrink: 0;
}

/* Role badge */
.role-badge[b-b0d9qwtko6] {
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
    background: var(--surface3);
    border: 1px solid var(--border);
    color: var(--text-2);
}

.role-badge.operator[b-b0d9qwtko6] {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.3);
    color: #60a5fa;
}

.role-badge.manager[b-b0d9qwtko6] {
    background: rgba(168, 85, 247, 0.12);
    border-color: rgba(168, 85, 247, 0.3);
    color: #c084fc;
}

.role-badge.staff[b-b0d9qwtko6] {
    background: rgba(34, 197, 94, 0.12);
    border-color: rgba(34, 197, 94, 0.3);
    color: #4ade80;
}

/* Team chips */
.team-chips[b-b0d9qwtko6] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}

.team-chip[b-b0d9qwtko6] {
    padding: 2px 8px;
    border-radius: 20px;
    background: rgba(6, 182, 212, 0.1);
    border: 1px solid rgba(6, 182, 212, 0.25);
    font-size: 10px;
    font-weight: 600;
    color: #22d3ee;
    font-family: 'JetBrains Mono', monospace;
}

.team-add-chip[b-b0d9qwtko6] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px dashed var(--border);
    background: none;
    color: var(--text-3);
    font-size: 13px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
}

.team-add-chip:hover[b-b0d9qwtko6] {
    border-color: var(--accent-light);
    color: var(--accent-light);
    background: rgba(59, 130, 246, 0.08);
}
/* /Components/AdminWorkspacesTab.razor.rz.scp.css */
/* Workspace-specific styles are in app.css (entity-card, entity-btn, etc.) */
/* /Components/AssignGroup.razor.rz.scp.css */
.ag-panel[b-mg0np66c21] {
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--surface);
    overflow: hidden;
}

.ag-head[b-mg0np66c21] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    border-bottom: 1px solid var(--border);
}

.ag-head-title[b-mg0np66c21] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-2);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ag-assign-btn[b-mg0np66c21] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 6px;
    background: var(--surface2);
    border: 1px solid var(--border);
    color: var(--text-2);
    font-size: 11px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
}

.ag-assign-btn:hover[b-mg0np66c21] {
    border-color: var(--accent-light);
    color: var(--text);
}

.ag-empty[b-mg0np66c21] {
    padding: 16px 14px;
    font-size: 12px;
    color: var(--text-3);
    text-align: center;
}

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

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

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

.ag-link-row:hover[b-mg0np66c21] {
    background: var(--surface2);
}

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

.ag-link-name[b-mg0np66c21] {
    font-size: 12px;
    font-weight: 600;
    color: var(--text);
}

.ag-link-by[b-mg0np66c21] {
    font-size: 11px;
    color: var(--text-3);
    margin-left: 6px;
}

.ag-unlink-btn[b-mg0np66c21] {
    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(--text-3);
    flex-shrink: 0;
    transition: all 0.15s;
    opacity: 0;
}

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

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

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

.ag-dialog[b-mg0np66c21] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 420px;
    max-width: 90vw;
    background: var(--surface);
    border-radius: 12px;
    border: 1px solid var(--border);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    z-index: 1001;
}

.ag-dialog-title[b-mg0np66c21] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text);
    padding: 20px 24px 0;
}

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

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

.ag-field label[b-mg0np66c21] {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-2);
    margin-bottom: 6px;
}

.ag-field textarea[b-mg0np66c21],
.ag-select[b-mg0np66c21] {
    width: 100%;
    padding: 8px 12px;
    border-radius: 8px;
    background: var(--surface2);
    border: 1px solid var(--border);
    color: var(--text);
    font-size: 13px;
    font-family: 'Space Grotesk', sans-serif;
    outline: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

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

.ag-preview[b-mg0np66c21] {
    font-size: 13px;
    color: var(--text-2);
    padding: 10px 14px;
    background: var(--surface2);
    border-radius: 8px;
    border: 1px solid var(--border);
}

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

.ag-btn[b-mg0np66c21] {
    padding: 8px 18px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
    border: none;
    display: flex;
    align-items: center;
}

.ag-btn-cancel[b-mg0np66c21] {
    background: var(--surface2);
    color: var(--text-2);
    border: 1px solid var(--border);
}

.ag-btn-confirm[b-mg0np66c21] {
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    color: white;
}

.ag-btn-confirm:disabled[b-mg0np66c21] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* /Components/AssignLocations.razor.rz.scp.css */
.assign-locations[b-745dta4nyz] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    min-width: 25%;
}

.al-head[b-745dta4nyz] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
}

.al-head-title[b-745dta4nyz] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-2);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.al-count[b-745dta4nyz] {
    font-size: 11px;
    font-family: 'JetBrains Mono', monospace;
    background: var(--surface2);
    color: var(--text-3);
    border-radius: 10px;
    padding: 1px 8px;
}

.al-quick-add[b-745dta4nyz] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    padding: 4px 10px;
    border-radius: 6px;
    background: var(--surface2);
    border: 1px solid var(--border);
    color: var(--text-2);
    font-size: 11px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}

.al-quick-add:hover[b-745dta4nyz] {
    border-color: var(--accent-light);
    color: var(--text);
}

.al-quick-add:disabled[b-745dta4nyz] {
    opacity: 0.5;
    cursor: not-allowed;
}

.al-empty[b-745dta4nyz] {
    font-size: 12px;
    color: var(--text-2);
    padding: 12px 16px;
}

.al-default[b-745dta4nyz] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 8px;
    background: var(--surface2);
    font-size: 13px;
    margin: 12px 16px 0;
}

.al-icon--default[b-745dta4nyz] {
    background: rgba(100, 116, 139, 0.15);
    color: var(--text-3);
}

.al-list[b-745dta4nyz] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 16px;
}

.al-item[b-745dta4nyz] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 8px;
    background: var(--surface2);
    font-size: 13px;
    transition: background 0.15s;
}

.al-item:hover[b-745dta4nyz] {
    background: var(--surface3);
}

.al-icon[b-745dta4nyz] {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    background: rgba(16, 185, 129, 0.15);
    color: var(--emerald-light);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.al-name[b-745dta4nyz] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text-1);
}

.al-add[b-745dta4nyz] {
    padding: 0 16px 12px;
}

[b-745dta4nyz] .al-autocomplete .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--border) !important;
    border-radius: 8px !important;
}

[b-745dta4nyz] .al-autocomplete .mud-input.mud-input-outlined {
    background: var(--surface2) !important;
    border-radius: 8px !important;
    color: var(--text) !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 13px !important;
}

[b-745dta4nyz] .al-autocomplete .mud-input.mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--border2) !important;
}

[b-745dta4nyz] .al-autocomplete .mud-input.mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--accent) !important;
    border-width: 1px !important;
}

[b-745dta4nyz] .al-autocomplete input::placeholder {
    color: var(--text-3) !important;
    font-family: 'Space Grotesk', sans-serif !important;
}
/* /Components/AssignUsers.razor.rz.scp.css */
.assign-users[b-p3xythejza] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
    min-width: 25%;
}

.au-head[b-p3xythejza] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
}

.au-head-title[b-p3xythejza] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-2);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.au-count[b-p3xythejza] {
    font-size: 11px;
    font-family: 'JetBrains Mono', monospace;
    background: var(--surface2);
    color: var(--text-3);
    border-radius: 10px;
    padding: 1px 8px;
}

.au-empty[b-p3xythejza] {
    font-size: 12px;
    color: var(--text-2);
    padding: 12px 16px;
}

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

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

.au-item:hover[b-p3xythejza] {
    background: var(--surface3);
}

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

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

.au-assign-me[b-p3xythejza] {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    padding: 4px 10px;
    border-radius: 6px;
    background: var(--surface2);
    border: 1px solid var(--border);
    color: var(--text-2);
    font-size: 11px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}

.au-assign-me:hover[b-p3xythejza] {
    border-color: var(--accent-light);
    color: var(--text);
}

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

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

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

.au-tab[b-p3xythejza] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 5px 8px;
    border-radius: 6px;
    border: none;
    background: transparent;
    color: var(--text-3);
    font-size: 11px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
}

.au-tab:hover[b-p3xythejza] {
    color: var(--text-2);
}

.au-tab--active[b-p3xythejza] {
    background: var(--surface3);
    color: var(--text);
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}

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

[b-p3xythejza] .au-autocomplete .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--border) !important;
    border-radius: 8px !important;
}

[b-p3xythejza] .au-autocomplete .mud-input.mud-input-outlined {
    background: var(--surface2) !important;
    border-radius: 8px !important;
    color: var(--text) !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 13px !important;
}

[b-p3xythejza] .au-autocomplete .mud-input.mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--border2) !important;
}

[b-p3xythejza] .au-autocomplete .mud-input.mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--accent) !important;
    border-width: 1px !important;
}

[b-p3xythejza] .au-autocomplete .mud-input-label {
    color: var(--text-3) !important;
    font-family: 'Space Grotesk', sans-serif !important;
}

[b-p3xythejza] .au-autocomplete input::placeholder {
    color: var(--text-3) !important;
    font-family: 'Space Grotesk', sans-serif !important;
}

[b-p3xythejza] .au-autocomplete .mud-input-adornment svg {
    fill: var(--text-3) !important;
}
/* /Components/AuthField.razor.rz.scp.css */
.field[b-nf7stllr8f] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.field-label[b-nf7stllr8f] {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-3);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

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

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

.field-input[b-nf7stllr8f] {
    width: 100%;
    padding: 11px 14px;
    background: var(--surface2);
    border: 1px solid var(--border2);
    border-radius: 9px;
    color: var(--text);
    font-family: 'Space Grotesk', sans-serif;
    font-size: 13px;
    outline: none;
    transition: all 0.15s;
    appearance: none;
}

.field-input[b-nf7stllr8f]::placeholder {
    color: var(--text-3);
}

.field-input:focus[b-nf7stllr8f] {
    border-color: rgba(59,130,246,0.4);
    box-shadow: 0 0 0 3px rgba(37,99,235,0.08);
    background: var(--surface3);
}

.field-input.error[b-nf7stllr8f] {
    border-color: rgba(244,63,94,0.4);
    box-shadow: 0 0 0 3px rgba(244,63,94,0.06);
}

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

.field-icon:hover[b-nf7stllr8f] {
    color: var(--text-2);
}

.field-error[b-nf7stllr8f] {
    font-size: 11px;
    color: var(--rose-light);
    display: flex;
    align-items: center;
    gap: 4px;
}
/* /Components/AuthTabs.razor.rz.scp.css */
.auth-tabs[b-wesa6afx4z] {
    display: flex;
    background: var(--surface2);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 4px;
    margin-bottom: 32px;
}

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

.auth-tab.active[b-wesa6afx4z] {
    background: var(--surface3);
    color: var(--text);
    border-color: var(--border2);
    box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

.auth-tab:hover:not(.active)[b-wesa6afx4z] {
    color: var(--text-2);
}
/* /Components/BehaviourLegend.razor.rz.scp.css */
.behaviour-bar[b-w2yhqqb042] { display: flex; gap: 6px; margin-bottom: 20px; flex-wrap: wrap; }

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

.bleg:hover[b-w2yhqqb042] { border-color: var(--border2); color: var(--text); }
.bleg.active[b-w2yhqqb042] { color: var(--text); }
.bleg.selected[b-w2yhqqb042] {
    background: var(--surface3);
    color: var(--text);
    border-width: 1px;
    box-shadow: 0 0 0 1px currentColor;
}
button.bleg[b-w2yhqqb042] { font-family: inherit; }
.bleg-dot[b-w2yhqqb042] { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }
/* /Components/BrandPanel.razor.rz.scp.css */
.brand-panel[b-swd6yrs67o] {
    width: 420px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px 44px;
    border-right: 1px solid var(--border);
    position: relative;
    overflow: hidden;
    background: var(--brand-panel-bg, rgba(9,12,20,0.6));
}

.brand-panel[b-swd6yrs67o]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--brand-panel-gradient, linear-gradient(180deg, rgba(37,99,235,0.04) 0%, transparent 60%));
    pointer-events: none;
}

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

.brand-logo-mark[b-swd6yrs67o] {
    width: 36px;
    height: 36px;
    background: linear-gradient(135deg, var(--accent-light), var(--cyan-light));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    position: relative;
}

.brand-logo-mark[b-swd6yrs67o]::after {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--accent-light), var(--cyan-light));
    opacity: 0.2;
    filter: blur(8px);
    z-index: -1;
}

.brand-logo-name[b-swd6yrs67o] {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.5px;
}

.brand-headline[b-swd6yrs67o] {
    font-family: 'Instrument Serif', serif;
    font-size: 38px;
    line-height: 1.1;
    color: var(--text);
    margin-bottom: 20px;
}

.brand-headline em[b-swd6yrs67o] {
    font-style: italic;
    color: var(--text-2);
}

.brand-desc[b-swd6yrs67o] {
    font-size: 14px;
    color: var(--text-2);
    line-height: 1.6;
    margin-bottom: 36px;
}

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

.brand-feature[b-swd6yrs67o] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 14px;
    background: var(--surface2);
    border: 1px solid var(--border);
    border-radius: 10px;
    animation: fadeUp 0.5s ease both;
}

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

.bf-icon[b-swd6yrs67o] {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
}

.bf-title[b-swd6yrs67o] {
    font-size: 12px;
    font-weight: 600;
    color: var(--text);
    margin-bottom: 1px;
}

.bf-sub[b-swd6yrs67o] {
    font-size: 11px;
    color: var(--text-3);
}

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

.bb[b-swd6yrs67o] {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 4px 9px;
    background: var(--surface2);
    border: 1px solid var(--border);
    border-radius: 20px;
    font-size: 10px;
    color: var(--text-3);
    font-family: 'JetBrains Mono', monospace;
}

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

.brand-tagline[b-swd6yrs67o] {
    font-size: 11px;
    color: var(--text-3);
    font-family: 'JetBrains Mono', monospace;
    border-top: 1px solid var(--border);
    padding-top: 20px;
    line-height: 1.6;
}

.brand-tagline strong[b-swd6yrs67o] {
    color: var(--text-2);
}
/* /Components/CalendarStrip.razor.rz.scp.css */
.cal-strip[b-c9lu9l9h4n] { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; }

.cal-day[b-c9lu9l9h4n] {
    text-align: center; cursor: pointer;
    border-radius: 8px; padding: 8px 4px;
    border: 1px solid transparent; transition: all 0.15s;
}

.cal-day:hover[b-c9lu9l9h4n] { background: var(--surface2); border-color: var(--border); }
.cal-day.today[b-c9lu9l9h4n] { background: var(--surface2); border-color: rgba(37,99,235,0.3); }
.cal-day.selected[b-c9lu9l9h4n] { background: rgba(37,99,235,0.12); border-color: rgba(37,99,235,0.5); }
.cal-day.selected .cal-date[b-c9lu9l9h4n] { color: var(--accent-light); }

.cal-dow[b-c9lu9l9h4n] {
    font-size: 9px; font-weight: 600; color: var(--text-3);
    text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 5px;
}

.cal-date[b-c9lu9l9h4n] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 14px; font-weight: 500; color: var(--text-2);
    margin-bottom: 6px; line-height: 1;
}

[b-c9lu9l9h4n] .cal-day.today .cal-date { color: var(--accent-light); }

.cal-dots[b-c9lu9l9h4n] { display: flex; justify-content: center; gap: 2px; flex-wrap: wrap; }
.cal-dot[b-c9lu9l9h4n] { width: 5px; height: 5px; border-radius: 50%; }
.cal-count[b-c9lu9l9h4n] { font-size: 9px; color: var(--text-3); margin-top: 3px; font-family: 'JetBrains Mono', monospace; }

/* ── Responsive: Mobile (600px) ── */
@media (max-width: 600px) {
    .cal-strip[b-c9lu9l9h4n] { gap: 3px; overflow-x: auto; }
    .cal-day[b-c9lu9l9h4n] { padding: 6px 2px; min-width: 40px; }
    .cal-date[b-c9lu9l9h4n] { font-size: 12px; }
    .cal-dow[b-c9lu9l9h4n] { font-size: 8px; }
}
/* /Components/ComingSoonDialog.razor.rz.scp.css */
.cs-overlay[b-0cxfj9d3b1] {
    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-0cxfj9d3b1 0.2s ease;
}

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

.cs-icon[b-0cxfj9d3b1] {
    font-size: 40px;
    margin-bottom: 16px;
}

.cs-title[b-0cxfj9d3b1] {
    font-size: 20px;
    font-weight: 600;
    color: var(--text);
    margin-bottom: 6px;
}

.cs-feature[b-0cxfj9d3b1] {
    font-size: 13px;
    font-weight: 500;
    color: var(--accent-light);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 12px;
}

.cs-desc[b-0cxfj9d3b1] {
    font-size: 13px;
    color: var(--text-2);
    line-height: 1.5;
    margin-bottom: 24px;
}

.cs-btn[b-0cxfj9d3b1] {
    background: var(--accent);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 10px 32px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.15s;
}

.cs-btn:hover[b-0cxfj9d3b1] {
    background: var(--accent-light);
}

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

@keyframes cs-slide-up-b-0cxfj9d3b1 {
    from { opacity: 0; transform: translateY(12px) scale(0.97); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
/* /Components/ContentWelcomeState.razor.rz.scp.css */
.welcome-state[b-99x9z6a7xt] {
    height: 100%; display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    text-align: center; gap: 16px; padding: 40px;
    color: var(--text-3); min-height: 400px;
}

.welcome-que-glow[b-99x9z6a7xt] {
    width: 72px; height: 72px; border-radius: 20px;
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    display: flex; align-items: center; justify-content: center;
    font-size: 32px; position: relative; margin-bottom: 8px;
    animation: buildIn-b-99x9z6a7xt 0.5s cubic-bezier(0.34,1.56,0.64,1) both;
}

.welcome-que-glow[b-99x9z6a7xt]::after {
    content: ''; position: absolute; inset: -8px; border-radius: 28px;
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    opacity: 0.15; filter: blur(16px); z-index: -1;
    animation: pulse-b-99x9z6a7xt 3s infinite ease-in-out;
}

.welcome-title[b-99x9z6a7xt] {
    font-family: 'Instrument Serif', serif;
    font-size: 24px; color: var(--text-2);
}

.welcome-sub[b-99x9z6a7xt] {
    font-size: 13px; color: var(--text-3);
    max-width: 340px; line-height: 1.6;
}

@keyframes buildIn-b-99x9z6a7xt { from{opacity:0;transform:translateY(8px) scale(0.98)} to{opacity:1;transform:translateY(0) scale(1)} }
@keyframes pulse-b-99x9z6a7xt { 0%,100%{opacity:1} 50%{opacity:0.4} }
/* /Components/ContextBanner.razor.rz.scp.css */
.context-banner[b-7btleunaw8] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 10px;
    animation: fadeUp 0.4s 0.05s ease both;
    margin-bottom: 16px;
}

.ctx-crumb[b-7btleunaw8] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--text-2);
}

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

.ctx-crumb-name[b-7btleunaw8] {
    font-weight: 600;
    color: var(--text);
}

.ctx-sep[b-7btleunaw8] {
    color: var(--text-3);
}

.ctx-loc[b-7btleunaw8] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: var(--text-2);
}

.ctx-loc-dot[b-7btleunaw8] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--emerald-light);
    box-shadow: 0 0 5px var(--emerald-light);
    transition: all 0.15s;
}

.ctx-loc-dot.all[b-7btleunaw8] {
    background: var(--text-3);
    box-shadow: none;
}

.ctx-loc-name[b-7btleunaw8] {
    font-weight: 600;
    color: var(--text);
}

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

.ctx-chip[b-7btleunaw8] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    background: var(--surface2);
    border: 1px solid var(--border);
    border-radius: 5px;
    font-size: 10px;
    color: var(--text-2);
    font-family: 'JetBrains Mono', monospace;
}

.ctx-chip-dot[b-7btleunaw8] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
}
/* /Components/DashboardPanel.razor.rz.scp.css */
.panel[b-z8qs70axe1] { background: var(--surface); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; }

.panel-head[b-z8qs70axe1] {
    padding: 14px 16px; border-bottom: 1px solid var(--border);
    display: flex; align-items: center; justify-content: space-between;
}

.panel-title[b-z8qs70axe1] {
    font-size: 12px; font-weight: 700; color: var(--text);
    text-transform: uppercase; letter-spacing: 0.5px;
    display: flex; align-items: center; gap: 7px;
}

.panel-title-dot[b-z8qs70axe1] { width: 6px; height: 6px; border-radius: 50%; }

.panel-behaviour-tag[b-z8qs70axe1] {
    font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: 600;
}

.panel-action[b-z8qs70axe1] { font-size: 11px; color: var(--accent-light); cursor: pointer; opacity: 0.7; transition: opacity 0.15s; }
.panel-action:hover[b-z8qs70axe1] { opacity: 1; }

.panel-body[b-z8qs70axe1] { padding: 14px 16px; }
/* /Components/FeedTimeline.razor.rz.scp.css */
.feed-timeline[b-f8dtpe3q9o] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

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

.feed-head[b-f8dtpe3q9o] {
    padding: 14px 16px;
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.feed-head-title[b-f8dtpe3q9o] {
    font-size: 12px;
    font-weight: 700;
    color: var(--text);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.feed-count[b-f8dtpe3q9o] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    color: var(--text-3);
    background: var(--surface2);
    padding: 2px 8px;
    border-radius: 6px;
}

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

.feed-comment-input[b-f8dtpe3q9o] {
    flex: 1;
    background: var(--surface2);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 13px;
    font-family: 'Space Grotesk', sans-serif;
    color: var(--text);
    resize: none;
    outline: none;
    transition: border-color 0.15s;
    line-height: 1.4;
}

.feed-comment-input[b-f8dtpe3q9o]::placeholder {
    color: var(--text-3);
}

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

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

.feed-comment-submit[b-f8dtpe3q9o] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: var(--accent);
    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-f8dtpe3q9o] {
    background: var(--cyan);
    transform: translateY(-1px);
}

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

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

.feed-empty[b-f8dtpe3q9o] {
    font-size: 13px;
    color: var(--text-3);
    text-align: center;
    padding: 24px 0;
}

.feed-date-label[b-f8dtpe3q9o] {
    font-size: 10px;
    font-weight: 700;
    color: var(--text-3);
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 8px 0 4px 22px;
}

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

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

.feed-item-link:hover[b-f8dtpe3q9o] {
    background: var(--surface2);
}


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

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

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

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

.dot-created[b-f8dtpe3q9o] {
    background: var(--emerald);
    box-shadow: 0 0 5px var(--emerald);
}

.dot-updated[b-f8dtpe3q9o] {
    background: var(--accent);
    box-shadow: 0 0 5px var(--accent);
}

.dot-deleted[b-f8dtpe3q9o] {
    background: #ef4444;
    box-shadow: 0 0 5px #ef4444;
}

.dot-comment[b-f8dtpe3q9o] {
    background: var(--violet);
    box-shadow: 0 0 5px var(--violet);
}

.dot-status[b-f8dtpe3q9o] {
    background: var(--amber);
    box-shadow: 0 0 5px var(--amber);
}

.dot-assign[b-f8dtpe3q9o] {
    background: var(--cyan);
    box-shadow: 0 0 5px var(--cyan);
}

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

.feed-message[b-f8dtpe3q9o] {
    font-size: 13px;
    color: var(--text);
    line-height: 1.3;
}

.feed-action[b-f8dtpe3q9o] {
    font-weight: 600;
}

.feed-subject[b-f8dtpe3q9o] {
    color: var(--accent-light);
    font-weight: 500;
}

.feed-subject[b-f8dtpe3q9o]::before {
    content: " \2014  ";
    color: var(--text-3);
}

.feed-user[b-f8dtpe3q9o] {
    color: var(--text-2);
    font-weight: 400;
}

.feed-user[b-f8dtpe3q9o]::before {
    content: " by ";
    color: var(--text-3);
    font-weight: 400;
}

.feed-comment[b-f8dtpe3q9o] {
    font-size: 12px;
    color: var(--text-2);
    background: var(--surface2);
    padding: 6px 10px;
    border-radius: 6px;
    margin-top: 4px;
    line-height: 1.4;
}

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

.feed-comment-link:hover[b-f8dtpe3q9o] {
    background: var(--surface3);
    color: var(--accent-light, var(--accent));
}

.feed-comment-arrow[b-f8dtpe3q9o] {
    font-size: 11px;
    opacity: 0.5;
    transition: opacity 0.12s;
}

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

.feed-time[b-f8dtpe3q9o] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    color: var(--text-3);
    margin-top: 2px;
}
/* /Components/FileAttachments.razor.rz.scp.css */
.file-attachments[b-25fw95t7vq] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

.fa-head[b-25fw95t7vq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
}

[b-25fw95t7vq] .fa-upload-wrap {
    margin-left: auto;
}

.fa-add-btn[b-25fw95t7vq] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 6px;
    background: var(--surface2);
    border: 1px solid var(--border);
    color: var(--text-2);
    font-size: 11px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}

.fa-add-btn:hover[b-25fw95t7vq] {
    border-color: var(--accent-light);
    color: var(--text);
}

.fa-add-btn:disabled[b-25fw95t7vq] {
    opacity: 0.5;
    cursor: not-allowed;
}

.fa-head-title[b-25fw95t7vq] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-2);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.fa-count[b-25fw95t7vq] {
    font-size: 11px;
    font-family: 'JetBrains Mono', monospace;
    background: var(--surface2);
    color: var(--text-3);
    border-radius: 10px;
    padding: 1px 8px;
}

.fa-content[b-25fw95t7vq] {
    padding: 12px 16px;
}

.fa-empty[b-25fw95t7vq] {
    font-size: 12px;
    color: var(--text-2);
    padding: 8px 0;
}

.fa-list[b-25fw95t7vq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.fa-item[b-25fw95t7vq] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border-radius: 8px;
    background: var(--surface2);
    font-size: 13px;
    transition: background 0.15s;
}

.fa-item:hover[b-25fw95t7vq] {
    background: var(--surface3);
}

.fa-name[b-25fw95t7vq] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--accent-light);
    text-decoration: none;
}

.fa-name:hover[b-25fw95t7vq] {
    text-decoration: underline;
    color: var(--cyan-light);
}

.fa-size[b-25fw95t7vq] {
    font-size: 11px;
    font-family: 'JetBrains Mono', monospace;
    color: var(--text-2);
    white-space: nowrap;
}
/* /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(--surface2);
    border: 1px solid var(--border);
    color: var(--text-2);
    font-size: 12px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
    margin-bottom: 8px;
}

.fuf-browse-btn:hover[b-9l3jz1g49p] {
    border-color: var(--accent-light);
    color: var(--text);
    background: var(--surface3);
}

.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(--surface2);
    font-size: 13px;
    transition: background 0.15s;
}

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

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

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

.file-upload-field .file-size[b-9l3jz1g49p] {
    font-size: 11px;
    font-family: 'JetBrains Mono', monospace;
    color: var(--text-2);
    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(--border2) !important;
    border-radius: 10px !important;
    overflow: hidden;
    background: var(--surface2) !important;
}

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

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

.yn-container[b-o8ut1yyn5y]  .mud-toggle-item.mud-toggle-item-selected {
    background: var(--accent) !important;
    color: #fff !important;
    font-weight: 600 !important;
}

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

.yn-container[b-o8ut1yyn5y]  .mud-toggle-item-check-icon {
    color: #fff !important;
}
/* /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: 11px;
    font-weight: 600;
    color: var(--text-3);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.3;
}

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

.ffw-helper[b-jhccwzpyoi] {
    font-size: 11px;
    color: var(--text-2);
    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/GraceBanner.razor.rz.scp.css */
.grace-banner[b-dx1oxs070o] {
    position: fixed;
    top: var(--topbar-height);
    left: 0;
    right: 0;
    z-index: 190;
    background: linear-gradient(90deg, rgba(239, 68, 68, 0.12) 0%, rgba(245, 158, 11, 0.08) 100%);
    border-bottom: 1px solid rgba(239, 68, 68, 0.25);
    backdrop-filter: blur(12px);
}

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

.grace-icon[b-dx1oxs070o] {
    font-size: 14px;
    flex-shrink: 0;
}

.grace-text[b-dx1oxs070o] {
    font-size: 12px;
    color: var(--text);
    flex: 1;
}

.grace-text strong[b-dx1oxs070o] {
    color: var(--rose-light);
}

.grace-cta[b-dx1oxs070o] {
    padding: 4px 14px;
    border-radius: 6px;
    border: 1px solid rgba(239, 68, 68, 0.4);
    background: rgba(239, 68, 68, 0.15);
    color: #f87171;
    font-size: 11px;
    font-weight: 700;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
    flex-shrink: 0;
}

.grace-cta:hover[b-dx1oxs070o] {
    background: rgba(239, 68, 68, 0.25);
    transform: translateY(-1px);
}
/* /Components/InviteBadge.razor.rz.scp.css */
.invite-badge[b-y1s087yvi9] {
    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-y1s087yvi9] {
    font-size: 20px;
}

.invite-badge-title[b-y1s087yvi9] {
    font-size: 12px;
    font-weight: 600;
    color: var(--text);
    margin-bottom: 1px;
}

.invite-badge-sub[b-y1s087yvi9] {
    font-size: 11px;
    color: var(--text-3);
}
/* /Components/LinkedItems.razor.rz.scp.css */
.linked-items[b-so2mzrrotc] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 16px 20px;
}

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

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

.li-head-title[b-so2mzrrotc] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-2);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.li-count[b-so2mzrrotc] {
    font-size: 11px;
    font-family: 'JetBrains Mono', monospace;
    background: var(--surface2);
    color: var(--text-3);
    border-radius: 10px;
    padding: 1px 8px;
}

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

.li-search-input[b-so2mzrrotc] {
    width: 100%;
    padding: 7px 32px 7px 10px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--surface2);
    color: var(--text);
    font-size: 13px;
    font-family: 'Space Grotesk', sans-serif;
    outline: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

.li-search-input[b-so2mzrrotc]::placeholder {
    color: var(--text-3);
}

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

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

.li-search-clear:hover[b-so2mzrrotc] {
    color: var(--text);
}

.li-empty[b-so2mzrrotc] {
    font-size: 12px;
    color: var(--text-2);
    padding: 8px 0;
}

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

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

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

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

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

.li-table-name[b-so2mzrrotc] {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-3);
    margin-bottom: 4px;
    padding-left: 2px;
}

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

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

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

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

.li-check-item.linked:hover[b-so2mzrrotc] {
    background: rgba(59, 130, 246, 0.15);
    box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.2);
}

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

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

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

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

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

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

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

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

.li-check-id[b-so2mzrrotc] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    color: var(--text-3);
    flex-shrink: 0;
}

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

.li-mode-btn[b-so2mzrrotc] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 6px;
    background: transparent;
    border: none;
    color: var(--text-3);
    font-size: 12px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
}

.li-mode-btn:hover[b-so2mzrrotc] {
    color: var(--text-2);
}

.li-mode-btn.active[b-so2mzrrotc] {
    background: var(--surface);
    color: var(--text);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

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

.li-dialog[b-so2mzrrotc] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 420px;
    max-width: 90vw;
    background: var(--surface);
    border-radius: 12px;
    border: 1px solid var(--border);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    z-index: 1001;
}

.li-dialog-title[b-so2mzrrotc] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text);
    padding: 20px 24px 0;
}

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

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

.li-field label[b-so2mzrrotc] {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-2);
    margin-bottom: 6px;
}

.li-field textarea[b-so2mzrrotc] {
    width: 100%;
    padding: 8px 12px;
    border-radius: 8px;
    background: var(--surface2);
    border: 1px solid var(--border);
    color: var(--text);
    font-size: 13px;
    font-family: 'Space Grotesk', sans-serif;
    outline: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

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

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

.li-dlg-btn[b-so2mzrrotc] {
    padding: 8px 18px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
    border: none;
    display: flex;
    align-items: center;
}

.li-dlg-btn-cancel[b-so2mzrrotc] {
    background: var(--surface2);
    color: var(--text-2);
    border: 1px solid var(--border);
}

.li-dlg-btn-confirm[b-so2mzrrotc] {
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    color: white;
}

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

.lis-head[b-niiqw6debi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
}

.lis-head-title[b-niiqw6debi] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-2);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.lis-head-right[b-niiqw6debi] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.lis-count[b-niiqw6debi] {
    font-size: 11px;
    font-family: 'JetBrains Mono', monospace;
    background: var(--surface2);
    color: var(--text-3);
    border-radius: 10px;
    padding: 1px 8px;
}

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

.lis-add-btn[b-niiqw6debi] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: var(--surface);
    color: var(--text-2);
    cursor: pointer;
    transition: all 0.15s;
}

.lis-add-btn:hover[b-niiqw6debi] {
    background: var(--surface2);
    color: var(--text-1);
    border-color: var(--text-3);
}

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

.lis-add-menu[b-niiqw6debi] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 100;
    min-width: 220px;
    max-height: 320px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.18);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.lis-add-menu-header[b-niiqw6debi] {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-3);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 10px 14px 6px;
}

.lis-add-menu-empty[b-niiqw6debi] {
    font-size: 12px;
    color: var(--text-3);
    padding: 10px 14px 14px;
}

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

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

.lis-add-menu-item:hover[b-niiqw6debi] {
    background: var(--surface2);
}

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

.lis-add-menu-cat[b-niiqw6debi] {
    font-size: 10px;
    color: var(--text-3);
    background: var(--surface2);
    border-radius: 4px;
    padding: 1px 6px;
    flex-shrink: 0;
}

.lis-empty[b-niiqw6debi] {
    font-size: 12px;
    color: var(--text-2);
    padding: 12px 16px;
}

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

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

.lis-item:hover[b-niiqw6debi] {
    background: var(--surface3);
}

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

.lis-item-name[b-niiqw6debi] {
    font-size: 13px;
    font-weight: 500;
    color: var(--text-1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lis-item-id[b-niiqw6debi] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    color: var(--text-3);
    flex-shrink: 0;
}

.lis-item-table[b-niiqw6debi] {
    font-size: 10px;
    font-weight: 500;
    color: var(--text-3);
    background: var(--surface3);
    border-radius: 4px;
    padding: 1px 6px;
    flex-shrink: 0;
    white-space: nowrap;
}
/* /Components/LocationSwitcher.razor.rz.scp.css */
.loc-switcher[b-5pzkwjmrhd] {
    position: relative;
    margin-right: 16px;
    flex-shrink: 0;
}

.loc-switcher-btn[b-5pzkwjmrhd] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 10px 5px 8px;
    background: var(--surface2);
    border: 1px solid var(--border2);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s;
    min-width: 160px;
    height: 36px;
}

.loc-switcher-btn:hover[b-5pzkwjmrhd] {
    background: var(--surface3);
}

.loc-switcher-btn.open[b-5pzkwjmrhd] {
    border-color: rgba(16, 185, 129, 0.3);
    background: var(--surface3);
}

.loc-switcher-icon[b-5pzkwjmrhd] {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: rgba(16, 185, 129, 0.15);
}

.loc-switcher-text[b-5pzkwjmrhd] {
    flex: 1;
}

.loc-switcher-label[b-5pzkwjmrhd] {
    font-size: 9px;
    color: var(--text-3);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: 'JetBrains Mono', monospace;
    line-height: 1;
    margin-bottom: 1px;
}

.loc-switcher-name[b-5pzkwjmrhd] {
    font-size: 12px;
    font-weight: 600;
    color: var(--text);
    line-height: 1;
}

.loc-dot[b-5pzkwjmrhd] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--emerald-light);
    box-shadow: 0 0 5px var(--emerald-light);
    flex-shrink: 0;
    transition: all 0.15s;
}

.loc-dot.all[b-5pzkwjmrhd] {
    background: var(--text-3);
    box-shadow: none;
}

.loc-chevron[b-5pzkwjmrhd] {
    color: var(--text-3);
    font-size: 10px;
    flex-shrink: 0;
    transition: transform 0.15s;
}

.loc-switcher-btn.open .loc-chevron[b-5pzkwjmrhd] {
    transform: rotate(180deg);
}

/* Dropdown styles (shared pattern with WorkspaceSwitcher) */

.switcher-dropdown[b-5pzkwjmrhd] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    min-width: 200px;
    background: var(--surface2);
    border: 1px solid var(--border2);
    border-radius: 12px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5);
    z-index: 300;
    overflow: hidden;
    animation: scaleIn-b-5pzkwjmrhd 0.15s ease both;
    transform-origin: top left;
}

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

.dropdown-section[b-5pzkwjmrhd] {
    padding: 8px;
    border-bottom: 1px solid var(--border);
}

.dropdown-section:last-child[b-5pzkwjmrhd] {
    border-bottom: none;
}

.dropdown-label[b-5pzkwjmrhd] {
    font-size: 9px;
    font-weight: 600;
    color: var(--text-3);
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-family: 'JetBrains Mono', monospace;
    padding: 4px 8px 8px;
}

.dropdown-item[b-5pzkwjmrhd] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.12s;
}

.dropdown-item:hover[b-5pzkwjmrhd] {
    background: var(--surface3);
}

.dropdown-item.active[b-5pzkwjmrhd] {
    background: rgba(37, 99, 235, 0.08);
}

.dropdown-item-icon[b-5pzkwjmrhd] {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
}

.dropdown-item-text[b-5pzkwjmrhd] {
    flex: 1;
}

.dropdown-item-name[b-5pzkwjmrhd] {
    font-size: 12px;
    font-weight: 600;
    color: var(--text);
    margin-bottom: 1px;
}

.dropdown-item-sub[b-5pzkwjmrhd] {
    font-size: 10px;
    color: var(--text-3);
}

.dropdown-item-check[b-5pzkwjmrhd] {
    font-size: 12px;
    color: var(--accent-light);
    flex-shrink: 0;
}

.dropdown-manage[b-5pzkwjmrhd] {
    padding: 6px 8px;
}

.dropdown-manage-btn[b-5pzkwjmrhd] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.12s;
    font-size: 11px;
    color: var(--text-3);
    width: 100%;
}

.dropdown-manage-btn:hover[b-5pzkwjmrhd] {
    background: var(--surface3);
    color: var(--text-2);
}
/* /Components/ModuleRow.razor.rz.scp.css */
.tl-row[b-4fu6jc8rza] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.15s;
}

.tl-row:hover[b-4fu6jc8rza] {
    border-color: rgba(59, 130, 246, 0.25);
    background: var(--surface2);
}

.tl-row-icon[b-4fu6jc8rza] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: rgba(59, 130, 246, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

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

.tl-row-name[b-4fu6jc8rza] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.tl-row-desc[b-4fu6jc8rza] {
    font-size: 11px;
    color: var(--text-3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.tl-overdue-badge[b-4fu6jc8rza] {
    padding: 2px 8px;
    border-radius: 20px;
    background: rgba(239, 68, 68, 0.12);
    border: 1px solid rgba(239, 68, 68, 0.25);
    font-size: 10px;
    font-weight: 600;
    color: #ef4444;
    font-family: 'JetBrains Mono', monospace;
    white-space: nowrap;
}

.tl-record-count[b-4fu6jc8rza] {
    font-size: 11px;
    font-weight: 500;
    color: var(--text-3);
    font-family: 'JetBrains Mono', monospace;
    white-space: nowrap;
}

.tl-star-btn[b-4fu6jc8rza] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 7px;
    border: none;
    background: transparent;
    color: var(--text-3);
    cursor: pointer;
    transition: all 0.18s;
    opacity: 0;
    flex-shrink: 0;
}

.tl-row:hover .tl-star-btn[b-4fu6jc8rza] { opacity: 1; }
.tl-star-btn.starred[b-4fu6jc8rza] { opacity: 1; color: #f59e0b; }
.tl-star-btn:hover[b-4fu6jc8rza] { background: var(--surface3); color: #f59e0b; transform: scale(1.15); }

.tl-row-chevron[b-4fu6jc8rza] {
    font-size: 16px;
    color: var(--text-3);
    opacity: 0;
    transition: all 0.15s;
    flex-shrink: 0;
}

.tl-row:hover .tl-row-chevron[b-4fu6jc8rza] {
    opacity: 1;
    color: var(--text-2);
}

.tl-chip[b-4fu6jc8rza] {
    padding: 2px 8px;
    background: color-mix(in srgb, var(--chip-colour, transparent) 12%, var(--surface3));
    border: 1px solid color-mix(in srgb, var(--chip-colour, transparent) 30%, var(--border));
    border-radius: 20px;
    font-size: 10px;
    color: var(--chip-colour, var(--text-3));
    font-family: 'JetBrains Mono', monospace;
    flex-shrink: 0;
}

@media (max-width: 600px) {
    .tl-row-stats[b-4fu6jc8rza] { display: none; }
    .tl-row[b-4fu6jc8rza] { padding: 10px 12px; gap: 10px; }
}
/* /Components/MyItemsWidget.razor.rz.scp.css */
.mi-list[b-6tgjaxrscr] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

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

.mi-row:hover[b-6tgjaxrscr] {
    background: var(--surface2);
}

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

.mi-name[b-6tgjaxrscr] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mi-meta[b-6tgjaxrscr] {
    font-size: 10px;
    color: var(--text-3);
    font-family: 'JetBrains Mono', monospace;
    margin-top: 1px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.mi-table[b-6tgjaxrscr] {
    color: var(--text-2);
}

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

.mi-status[b-6tgjaxrscr] {
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
    white-space: nowrap;
    flex-shrink: 0;
    background: color-mix(in srgb, var(--mi-status-colour, var(--text-3)) 12%, transparent);
    color: var(--mi-status-colour, var(--text-3));
}

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

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

.mi-view[b-6tgjaxrscr] {
    font-size: 11px;
    font-weight: 600;
    color: var(--accent-light);
    white-space: nowrap;
}

.mi-empty[b-6tgjaxrscr] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 10px;
    color: var(--text-3);
    font-size: 12px;
}

.mi-more[b-6tgjaxrscr] {
    text-align: center;
    font-size: 11px;
    color: var(--text-3);
    padding: 6px 0 2px;
    font-family: 'JetBrains Mono', monospace;
}
/* /Components/ProcedureWalkerView.razor.rz.scp.css */
.proc-header[b-awpv21fiwt] {
    background: var(--surface); border: 1px solid var(--border);
    border-radius: 12px; padding: 20px; margin-bottom: 16px;
}

.proc-eyebrow[b-awpv21fiwt] {
    font-size: 10px; font-weight: 600; color: var(--text-3);
    text-transform: uppercase; letter-spacing: 0.6px;
    font-family: 'JetBrains Mono', monospace; margin-bottom: 8px;
    display: flex; align-items: center; gap: 8px;
}

.proc-badge[b-awpv21fiwt] {
    padding: 2px 7px; border-radius: 4px;
    background: rgba(59,130,246,0.1); color: var(--accent-light);
    font-size: 9px; font-weight: 700;
}

.proc-title[b-awpv21fiwt] { font-family: 'Instrument Serif', serif; font-size: 22px; color: var(--text); margin-bottom: 6px; }
.proc-meta[b-awpv21fiwt]  { display: flex; gap: 12px; font-size: 11px; color: var(--text-3); }

.proc-progress-wrap[b-awpv21fiwt] { margin-top: 14px; }
.proc-progress-label[b-awpv21fiwt] { display: flex; justify-content: space-between; font-size: 11px; color: var(--text-3); margin-bottom: 6px; }
.proc-progress-bar[b-awpv21fiwt]   { height: 4px; background: var(--surface3); border-radius: 2px; overflow: hidden; }
.proc-progress-fill[b-awpv21fiwt]  { height: 100%; background: linear-gradient(90deg, var(--accent-light), var(--cyan-light)); border-radius: 2px; transition: width 0.4s ease; }

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

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

.proc-step:hover[b-awpv21fiwt]  { background: var(--surface2); }
.proc-step.active[b-awpv21fiwt] { background: var(--surface2); border-color: rgba(59,130,246,0.3); }
.proc-step.done[b-awpv21fiwt]   { opacity: 0.6; }
.proc-step.done .proc-step-num[b-awpv21fiwt] { background: var(--emerald-light); color: white; border-color: transparent; }

.proc-step-num[b-awpv21fiwt] {
    width: 26px; height: 26px; border-radius: 50%; flex-shrink: 0;
    background: var(--surface3); border: 1px solid var(--border2);
    display: flex; align-items: center; justify-content: center;
    font-size: 11px; font-weight: 700; color: var(--text-3);
    font-family: 'JetBrains Mono', monospace;
}

.proc-step.active .proc-step-num[b-awpv21fiwt] {
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    color: white; border-color: transparent;
    box-shadow: 0 2px 8px rgba(37,99,235,0.3);
}

.proc-step-content[b-awpv21fiwt] { flex: 1; }
.proc-step-title[b-awpv21fiwt]   { font-size: 13px; font-weight: 600; color: var(--text); margin-bottom: 3px; }
.proc-step-desc[b-awpv21fiwt]    { font-size: 11px; color: var(--text-3); line-height: 1.5; }

.proc-step-status[b-awpv21fiwt] {
    font-size: 10px; font-weight: 600; padding: 2px 7px; border-radius: 4px;
    font-family: 'JetBrains Mono', monospace; flex-shrink: 0; align-self: center;
}

.proc-step-expanded[b-awpv21fiwt] {
    background: var(--surface2); 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-b-awpv21fiwt 0.25s ease both;
}

.proc-step-question[b-awpv21fiwt] { font-size: 13px; color: var(--text); line-height: 1.6; }

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

.proc-option[b-awpv21fiwt] {
    padding: 8px 14px;
    background: var(--surface3); border: 1px solid var(--border2);
    border-radius: 8px; font-size: 12px; font-weight: 600;
    color: var(--text-2); cursor: pointer; transition: all 0.15s;
}

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

.proc-note-input[b-awpv21fiwt] {
    width: 100%; padding: 10px 12px;
    background: var(--surface3); border: 1px solid var(--border2);
    border-radius: 8px; color: var(--text);
    font-family: 'Space Grotesk', sans-serif; font-size: 12px;
    outline: none; resize: none; transition: border-color 0.15s;
}

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

.proc-next-btn[b-awpv21fiwt] {
    padding: 9px 18px; align-self: flex-start;
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    border: none; border-radius: 8px;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 12px; font-weight: 700; color: white;
    cursor: pointer; transition: all 0.15s;
    box-shadow: 0 3px 12px rgba(37,99,235,0.2);
}

.proc-next-btn:hover[b-awpv21fiwt] { transform: translateY(-1px); box-shadow: 0 4px 16px rgba(37,99,235,0.3); }

@keyframes fadeUp-b-awpv21fiwt { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:translateY(0)} }
/* /Components/QueContentOverlay.razor.rz.scp.css */
.que-overlay[b-ldp6tmlp8x] {
    position: absolute; inset: 0; z-index: 10;
    background: var(--bg);
    display: flex; flex-direction: column;
    max-width: 1600px; margin: 0 auto;
    animation: overlayIn-b-ldp6tmlp8x 0.3s ease both;
}

.overlay-header[b-ldp6tmlp8x] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 20px;
    border-bottom: 1px solid var(--border);
}

.overlay-badge[b-ldp6tmlp8x] {
    display: flex; align-items: center; gap: 8px;
    font-size: 11px; font-weight: 600; color: var(--text-2);
    text-transform: uppercase; letter-spacing: 0.5px;
    font-family: 'JetBrains Mono', monospace;
}

.overlay-badge-dot[b-ldp6tmlp8x] {
    width: 7px; height: 7px; border-radius: 50%;
}

.overlay-close[b-ldp6tmlp8x] {
    display: flex; align-items: center; gap: 5px;
    padding: 5px 10px; border-radius: 6px;
    background: var(--surface2); border: 1px solid var(--border);
    font-family: 'Space Grotesk', sans-serif;
    font-size: 11px; font-weight: 500; color: var(--text-3);
    cursor: pointer; transition: all 0.15s;
}

.overlay-close:hover[b-ldp6tmlp8x] {
    background: var(--surface3); color: var(--text);
}

.overlay-content[b-ldp6tmlp8x] {
    flex: 1; overflow-y: auto; padding: 22px 24px;
}

.overlay-placeholder[b-ldp6tmlp8x] {
    padding: 40px 20px; text-align: center;
    font-size: 13px; color: var(--text-3);
}

@keyframes overlayIn-b-ldp6tmlp8x {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* /Components/QueDebugPanel.razor.rz.scp.css */
.debug-panel[b-ldwe7wmquw] {
    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: 'JetBrains Mono', monospace;
    font-size: 10px;
    transform: translateY(100%);
    transition: transform 0.2s ease;
}

.debug-panel.visible[b-ldwe7wmquw] { transform: translateY(0); }

.debug-header[b-ldwe7wmquw] {
    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-ldwe7wmquw] {
    width: 6px; height: 6px; border-radius: 50%;
    background: #10b981;
    box-shadow: 0 0 6px #10b981;
    animation: pulse-b-ldwe7wmquw 2s infinite;
}

@keyframes pulse-b-ldwe7wmquw { 0%,100%{opacity:1} 50%{opacity:0.4} }

.debug-title[b-ldwe7wmquw] { font-size: 11px; font-weight: 700; color: #e8edf5; flex: 1; display: flex; align-items: center; gap: 6px; }
.debug-count[b-ldwe7wmquw] { font-size: 10px; color: #4a5568; }

.debug-clear[b-ldwe7wmquw], .debug-close[b-ldwe7wmquw] {
    padding: 2px 8px; border-radius: 4px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    color: #4a5568; font-size: 10px;
    cursor: pointer; font-family: 'JetBrains Mono', monospace;
    transition: all 0.15s;
}

.debug-clear:hover[b-ldwe7wmquw] { color: #8b97b0; }
.debug-close:hover[b-ldwe7wmquw] { color: #f43f5e; }

.debug-events[b-ldwe7wmquw] {
    flex: 1; overflow-y: auto; padding: 6px 8px;
    display: flex; flex-direction: column; gap: 4px;
    scrollbar-width: thin; scrollbar-color: #1a2540 transparent;
}

.debug-event[b-ldwe7wmquw] {
    border-radius: 6px; padding: 6px 8px;
    border: 1px solid;
    animation: fadeIn-b-ldwe7wmquw 0.15s ease both;
}

@keyframes fadeIn-b-ldwe7wmquw { from{opacity:0;transform:translateY(4px)} to{opacity:1;transform:translateY(0)} }

/* Que → Content */
.debug-event.outbound[b-ldwe7wmquw] {
    background: rgba(37,99,235,0.06);
    border-color: rgba(37,99,235,0.2);
}

/* Content → Que */
.debug-event.inbound[b-ldwe7wmquw] {
    background: rgba(16,185,129,0.06);
    border-color: rgba(16,185,129,0.2);
}

/* Indicator */
.debug-event.indicator[b-ldwe7wmquw] {
    background: rgba(245,158,11,0.06);
    border-color: rgba(245,158,11,0.2);
}

.debug-event-meta[b-ldwe7wmquw] {
    display: flex; align-items: center; gap: 6px;
    margin-bottom: 4px;
}

.debug-time[b-ldwe7wmquw] { color: #4a5568; }

.debug-arrow[b-ldwe7wmquw] { font-size: 12px; }
.debug-event.outbound .debug-arrow[b-ldwe7wmquw] { color: #3b82f6; }
.debug-event.inbound  .debug-arrow[b-ldwe7wmquw] { color: #10b981; }
.debug-event.indicator .debug-arrow[b-ldwe7wmquw] { color: #f59e0b; }

.debug-type[b-ldwe7wmquw] { font-weight: 700; color: #e8edf5; }
.debug-event.outbound .debug-type[b-ldwe7wmquw] { color: #3b82f6; }
.debug-event.inbound  .debug-type[b-ldwe7wmquw] { color: #10b981; }
.debug-event.indicator .debug-type[b-ldwe7wmquw] { color: #f59e0b; }

.debug-payload[b-ldwe7wmquw] {
    color: #8b97b0; font-size: 9px; line-height: 1.5;
    margin: 0; white-space: pre-wrap; word-break: break-all;
    max-height: 80px; overflow-y: auto;
}

.debug-footer[b-ldwe7wmquw] {
    display: flex; justify-content: space-between;
    padding: 5px 12px;
    border-top: 1px solid rgba(255,255,255,0.04);
    color: #4a5568; font-size: 9px; flex-shrink: 0;
}

.debug-empty[b-ldwe7wmquw] {
    color: #4a5568; text-align: center;
    padding: 20px; font-style: italic;
}

.debug-toggle-btn[b-ldwe7wmquw] {
    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: 14px;
    z-index: 8999; opacity: 0.4; transition: opacity 0.15s;
}

.debug-toggle-btn:hover[b-ldwe7wmquw] { opacity: 1; }
/* /Components/QueMessage.razor.rz.scp.css */
.msg[b-kze0ub1cli] { display: flex; gap: 8px; animation: fadeUp 0.25s ease both; }
.msg.user[b-kze0ub1cli] { flex-direction: row-reverse; }

.msg-body[b-kze0ub1cli] { flex: 1; min-width: 0; }

.msg-av[b-kze0ub1cli] {
    width: 26px; height: 26px; border-radius: 7px;
    flex-shrink: 0; display: flex; align-items: center; justify-content: center;
    font-size: 12px;
}

.msg-av.ai[b-kze0ub1cli] { background: linear-gradient(135deg, var(--accent), var(--cyan)); }
.msg-av.user[b-kze0ub1cli] {
    background: linear-gradient(135deg, var(--violet), var(--violet-light));
    font-size: 9px; font-weight: 700; color: white;
}

.msg-bub[b-kze0ub1cli] {
    max-width: 90%; padding: 9px 12px;
    font-size: 12px; line-height: 1.55;
}

[b-kze0ub1cli] .msg.ai .msg-bub {
    background: var(--surface2); border: 1px solid var(--border);
    border-radius: 2px 10px 10px 10px; color: var(--text-2);
}

[b-kze0ub1cli] .msg.user .msg-bub {
    background: linear-gradient(135deg, rgba(37,99,235,0.15), rgba(8,145,178,0.15));
    border: 1px solid rgba(37,99,235,0.2);
    border-radius: 10px 2px 10px 10px; color: var(--text);
}

/* Markdown prose inside chat bubbles */
.msg-bub p[b-kze0ub1cli] { margin: 0 0 6px; }
.msg-bub p:last-child[b-kze0ub1cli] { margin-bottom: 0; }
.msg-bub strong[b-kze0ub1cli] { font-weight: 700; color: var(--text); }
.msg-bub em[b-kze0ub1cli] { font-style: italic; }
.msg-bub ul[b-kze0ub1cli], [b-kze0ub1cli] .msg-bub ol { margin: 4px 0 6px 16px; padding: 0; }
.msg-bub li[b-kze0ub1cli] { margin-bottom: 2px; }
.msg-bub h1[b-kze0ub1cli], [b-kze0ub1cli] .msg-bub h2, [b-kze0ub1cli] .msg-bub h3 {
    font-size: 12px; font-weight: 700; color: var(--text);
    margin: 8px 0 4px;
}
.msg-bub h1:first-child[b-kze0ub1cli], [b-kze0ub1cli] .msg-bub h2:first-child, [b-kze0ub1cli] .msg-bub h3:first-child { margin-top: 0; }
.msg-bub code[b-kze0ub1cli] {
    background: var(--surface3); padding: 1px 4px; border-radius: 3px;
    font-size: 11px;
}
.msg-bub a[b-kze0ub1cli] { color: var(--accent, #3b82f6); text-decoration: underline; }
.msg-bub table[b-kze0ub1cli] { border-collapse: collapse; margin: 6px 0; width: 100%; font-size: 11px; }
.msg-bub th[b-kze0ub1cli], [b-kze0ub1cli] .msg-bub td {
    border: 1px solid var(--border); padding: 3px 8px; text-align: left;
}
.msg-bub th[b-kze0ub1cli] { font-weight: 700; background: var(--surface3); }

.msg-chips[b-kze0ub1cli] { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }

.mchip[b-kze0ub1cli] {
    padding: 3px 9px;
    background: var(--surface3); border: 1px solid var(--border2);
    border-radius: 20px; font-size: 10px; color: var(--text-2);
    cursor: pointer; transition: all 0.15s; white-space: nowrap;
}

.mchip:hover[b-kze0ub1cli] { background: var(--glow-blue); border-color: rgba(37,99,235,0.3); color: var(--text); }

.msg-replies[b-kze0ub1cli] { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px; animation: slideIn-b-kze0ub1cli 0.3s ease both; }

.reply-chip[b-kze0ub1cli] {
    padding: 4px 11px;
    background: var(--surface3); border: 1px solid var(--border2);
    border-radius: 20px; font-size: 11px; color: var(--text-2);
    cursor: pointer; transition: all 0.15s; white-space: nowrap;
}

.reply-chip:hover[b-kze0ub1cli] { background: var(--glow-blue); border-color: rgba(37,99,235,0.3); color: var(--text); }

.msg-action[b-kze0ub1cli] { margin-top: 6px; animation: slideIn-b-kze0ub1cli 0.3s ease both; }

.action-btn[b-kze0ub1cli] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 6px 14px;
    background: linear-gradient(135deg, rgba(37,99,235,0.12), rgba(8,145,178,0.12));
    border: 1px solid rgba(37,99,235,0.25);
    border-radius: 8px;
    font-size: 11px; font-weight: 600;
    color: var(--accent, #3b82f6);
    cursor: pointer; transition: all 0.2s;
}

.action-btn:hover[b-kze0ub1cli] {
    background: linear-gradient(135deg, rgba(37,99,235,0.22), rgba(8,145,178,0.22));
    border-color: rgba(37,99,235,0.4);
    transform: translateY(-1px);
}

.action-icon[b-kze0ub1cli] { font-size: 13px; }

@keyframes slideIn-b-kze0ub1cli {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}
/* /Components/QuePanel.razor.rz.scp.css */
/* 25% width when used in split layout */
.que-panel[b-dmnm96wcai] {
    width: 25%; flex-shrink: 0;
    display: flex; flex-direction: column;
    background: var(--bg2);
    position: relative;
    border-left: 1px solid var(--border2);
    box-shadow: -4px 0 20px rgba(0,0,0,0.15);
}

.que-panel[b-dmnm96wcai]::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-dmnm96wcai] {
    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: 10px; color: var(--emerald-light);
    font-family: 'JetBrains Mono', monospace;
    animation: fadeUp 0.25s ease both;
}

/* context strip */
.que-context-strip[b-dmnm96wcai] {
    padding: 8px 12px;
    border-bottom: 1px solid var(--border);
    display: flex; gap: 5px; flex-wrap: wrap;
    flex-shrink: 0;
    background: rgba(0,0,0,0.15);
}

.ctx-tag[b-dmnm96wcai] {
    display: flex; align-items: center; gap: 4px;
    padding: 2px 7px;
    background: var(--surface2); border: 1px solid var(--border);
    border-radius: 4px; font-size: 9px; font-weight: 700;
    font-family: 'JetBrains Mono', monospace; color: var(--text-3);
}

.ctx-tag-dot[b-dmnm96wcai] { width: 4px; height: 4px; border-radius: 50%; }

/* Header */
.sb-head[b-dmnm96wcai] {
    padding: 14px 16px; border-bottom: 1px solid var(--border);
    display: flex; align-items: center; justify-content: space-between;
    flex-shrink: 0;
}

.sb-identity[b-dmnm96wcai] { display: flex; align-items: center; gap: 10px; }

.sb-av[b-dmnm96wcai] {
    width: 34px; height: 34px;
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    font-size: 16px; position: relative;
}

.sb-av[b-dmnm96wcai]::after {
    content: '';
    position: absolute; inset: -1px; border-radius: 11px;
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    opacity: 0.25; filter: blur(6px); z-index: -1;
}

.sb-online[b-dmnm96wcai] {
    position: absolute; bottom: -1px; right: -1px;
    width: 9px; height: 9px; background: var(--emerald-light);
    border-radius: 50%; border: 2px solid var(--surface);
    box-shadow: 0 0 6px var(--emerald-light);
}

.sb-name[b-dmnm96wcai] { font-size: 13px; font-weight: 700; color: var(--text); }
.sb-role[b-dmnm96wcai] { font-size: 10px; color: var(--text-3); }

.sb-modes[b-dmnm96wcai] { display: flex; gap: 3px; }
.sb-mode[b-dmnm96wcai] {
    padding: 4px 9px; border-radius: 6px;
    font-size: 10px; font-weight: 600; cursor: pointer;
    transition: all 0.15s; border: 1px solid transparent; color: var(--text-3);
}
.sb-mode.active[b-dmnm96wcai] { background: var(--surface3); border-color: var(--border2); color: var(--text); }

/* Messages */
.messages[b-dmnm96wcai] {
    flex: 1; overflow-y: auto;
    padding: 14px; display: flex;
    flex-direction: column; gap: 10px;
}

.typing[b-dmnm96wcai] { display: flex; gap: 8px; align-items: flex-end; }

.typing-bub[b-dmnm96wcai] {
    display: flex; gap: 4px; padding: 10px 12px;
    background: var(--surface2); border: 1px solid var(--border);
    border-radius: 2px 10px 10px 10px;
}

.tdot[b-dmnm96wcai] {
    width: 4px; height: 4px; border-radius: 50%;
    background: var(--text-3); animation: bounce-b-dmnm96wcai 1.2s infinite;
}
.tdot:nth-child(2)[b-dmnm96wcai] { animation-delay: 0.2s; }
.tdot:nth-child(3)[b-dmnm96wcai] { animation-delay: 0.4s; }

@keyframes bounce-b-dmnm96wcai { 0%,100%{transform:translateY(0);opacity:0.4} 50%{transform:translateY(-3px);opacity:1} }

/* Input */
.sb-input[b-dmnm96wcai] { padding: 12px 14px; border-top: 1px solid var(--border); flex-shrink: 0; }

.inp-wrap[b-dmnm96wcai] {
    display: flex; align-items: center; gap: 8px;
    background: var(--bg2); border: 1px solid var(--border);
    border-radius: 9px; padding: 6px 10px; transition: all 0.15s;
}

.inp-wrap.focused[b-dmnm96wcai] { border-color: rgba(37,99,235,0.3); box-shadow: 0 0 0 3px rgba(37,99,235,0.06); }

.inp-ta[b-dmnm96wcai] {
    flex: 1; background: transparent; border: none; outline: none;
    color: var(--text); font-family: 'Space Grotesk', sans-serif;
    font-size: 12px; resize: none; line-height: 1.5; max-height: 80px;
}

.inp-ta[b-dmnm96wcai]::placeholder { color: var(--text-3); }

.inp-actions[b-dmnm96wcai] { display: flex; gap: 5px; align-items: center; flex-shrink: 0; }

.mic-btn[b-dmnm96wcai] {
    width: 24px; height: 24px;
    background: transparent; border: 1px solid var(--border);
    border-radius: 6px; display: flex; align-items: center; justify-content: center;
    cursor: pointer; color: var(--text-3); font-size: 11px; transition: all 0.15s;
}
.mic-btn:hover[b-dmnm96wcai] { background: var(--surface3); color: var(--text-2); }

.send-btn[b-dmnm96wcai] {
    width: 24px; height: 24px;
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    border: none; border-radius: 6px;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; color: white; font-size: 11px;
    box-shadow: 0 2px 8px rgba(37,99,235,0.3); transition: all 0.15s;
}
.send-btn:hover[b-dmnm96wcai] { transform: scale(1.05); box-shadow: 0 3px 12px rgba(37,99,235,0.4); }

/* ── Que mobile close button ── */
.que-close-btn[b-dmnm96wcai] {
    display: none; width: 30px; height: 30px; border-radius: 7px;
    background: var(--surface2); border: 1px solid var(--border);
    color: var(--text-2); font-size: 14px; cursor: pointer;
    align-items: center; justify-content: center; transition: all 0.15s;
}
.que-close-btn:hover[b-dmnm96wcai] { background: var(--surface3); color: var(--text); }

/* ── Responsive: Tablet & Mobile (900px) ── */
@media (max-width: 900px) {
    .que-panel[b-dmnm96wcai] {
        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-dmnm96wcai] {
        display: flex;
    }
    .que-close-btn[b-dmnm96wcai] {
        display: flex;
    }
}
/* /Components/RequestCompletionTab.razor.rz.scp.css */
.rct-loading[b-oowxbwg0yk] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 32px;
    color: var(--text-2);
    font-size: 13px;
}

.rct-panel[b-oowxbwg0yk] {
    max-width: 600px;
}

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

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

.rct-section-title[b-oowxbwg0yk] {
    font-weight: 600;
    font-size: 14px;
    color: var(--text);
}

.rct-card[b-oowxbwg0yk] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

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

.rct-save-btn[b-oowxbwg0yk] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 28px;
    font-weight: 600;
    font-size: 13px;
    font-family: inherit;
    letter-spacing: 0.3px;
    border-radius: 8px;
    border: none;
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    color: #fff;
    box-shadow: 0 2px 12px rgba(37, 99, 235, 0.25);
    cursor: pointer;
    transition: all 0.15s;
}

.rct-save-btn:hover:not(:disabled)[b-oowxbwg0yk] {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35);
}

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

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

.rct-assignee-label[b-oowxbwg0yk] {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-2);
}

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

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

.rct-tab:hover[b-oowxbwg0yk] {
    background: var(--surface2);
    border-color: var(--border2);
    color: var(--text);
}

.rct-tab--active[b-oowxbwg0yk] {
    background: var(--surface2);
    border-color: var(--accent-light);
    color: var(--accent-light);
}

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

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

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

.rct-assignee-avatar[b-oowxbwg0yk] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.rct-assignee-avatar--team[b-oowxbwg0yk] {
    background: linear-gradient(135deg, #FF9800, #FF5722);
}

.rct-assignee-name[b-oowxbwg0yk] {
    font-size: 13px;
    font-weight: 500;
    color: var(--text);
}
/* /Components/RequestInstanceDialog.razor.rz.scp.css */
.ri-overlay[b-3hfhsj7enx] {
    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-3hfhsj7enx 0.2s ease;
}

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

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

.ri-title[b-3hfhsj7enx] {
    font-size: 18px;
    font-weight: 600;
    color: var(--text);
    margin-bottom: 4px;
}

.ri-subtitle[b-3hfhsj7enx] {
    font-size: 13px;
    color: var(--text-2);
}

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

.ri-label[b-3hfhsj7enx] {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: var(--text-2);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 6px;
}

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

.ri-select[b-3hfhsj7enx],
.ri-input[b-3hfhsj7enx],
.ri-textarea[b-3hfhsj7enx] {
    width: 100%;
    background: var(--surface-2, var(--surface));
    border: 1px solid var(--border2);
    border-radius: 8px;
    padding: 10px 12px;
    font-family: inherit;
    font-size: 13px;
    color: var(--text);
    outline: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

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

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

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

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

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

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

.ri-btn-cancel[b-3hfhsj7enx] {
    background: transparent;
    color: var(--text-2);
    border: 1px solid var(--border2);
}

.ri-btn-cancel:hover:not(:disabled)[b-3hfhsj7enx] {
    background: var(--surface-2, rgba(255, 255, 255, 0.05));
}

.ri-btn-submit[b-3hfhsj7enx] {
    background: var(--accent);
    color: #fff;
}

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

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

@keyframes ri-slide-up-b-3hfhsj7enx {
    from { opacity: 0; transform: translateY(12px) scale(0.97); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}
/* /Components/RoleCard.razor.rz.scp.css */
.role-card[b-zkczf5ppq8] {
    padding: 12px;
    border-radius: 9px;
    background: var(--surface2);
    border: 1px solid var(--border);
    cursor: pointer;
    transition: all 0.15s;
    text-align: center;
}

.role-card:hover[b-zkczf5ppq8] {
    background: var(--surface3);
    border-color: var(--border2);
}

.role-card.selected[b-zkczf5ppq8] {
    background: rgba(37,99,235,0.12);
    border-color: rgba(37,99,235,0.35);
    box-shadow: 0 0 0 1px rgba(37,99,235,0.15);
}

.role-icon[b-zkczf5ppq8] {
    font-size: 20px;
    margin-bottom: 5px;
}

.role-name[b-zkczf5ppq8] {
    font-size: 12px;
    font-weight: 600;
    color: var(--text);
    margin-bottom: 2px;
}

.role-desc[b-zkczf5ppq8] {
    font-size: 10px;
    color: var(--text-3);
}
/* /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(--text-2);
    font-size: 13px;
}

.sp-empty[b-0362nrli4m] {
    padding: 28px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    text-align: center;
}

.sp-empty-text[b-0362nrli4m] {
    font-size: 13px;
    color: var(--text-2);
    font-weight: 600;
}

.sp-empty-hint[b-0362nrli4m] {
    font-size: 11px;
    color: var(--text-3);
    max-width: 320px;
    line-height: 1.5;
}

.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);
    border-radius: 10px;
    background: var(--surface);
    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(--surface2);
}

.sr-summary-left[b-0ripnkqlh4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.sr-recurrence[b-0ripnkqlh4] {
    font-weight: 600;
    font-size: 13px;
    color: var(--text);
}

.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: 11px;
    font-family: 'JetBrains Mono', monospace;
    padding: 2px 8px;
    border-radius: 6px;
    border: 1px solid var(--border);
    background: var(--surface2);
    color: var(--text-2);
}

.sr-assignee-chip--location[b-0ripnkqlh4] {
    border-color: rgba(16, 185, 129, 0.25);
    color: #10b981;
}

.sr-assignee-chip--user[b-0ripnkqlh4] {
    border-color: rgba(59, 130, 246, 0.25);
    color: #3b82f6;
}

.sr-dates[b-0ripnkqlh4] {
    font-size: 11px;
    color: var(--text-2);
    font-family: 'JetBrains Mono', monospace;
}

.sr-actions[b-0ripnkqlh4] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

/* Expanded form */
.sr-form[b-0ripnkqlh4] {
    padding: 20px 24px;
}

.sr-form-grid[b-0ripnkqlh4] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sr-form-cols[b-0ripnkqlh4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.sr-note[b-0ripnkqlh4] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 4px;
    font-size: 11px;
    color: var(--text-3);
    font-family: 'JetBrains Mono', monospace;
}

.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: 600;
    letter-spacing: 0.3px;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--accent), var(--cyan)) !important;
    border: none !important;
    color: white !important;
    box-shadow: 0 2px 12px rgba(37, 99, 235, 0.25);
    transition: all 0.15s;
}

.sr-form-actions[b-0ripnkqlh4]  .sr-save-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35);
}

.sr-cancel-btn[b-0ripnkqlh4] {
    background: none;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px 20px;
    color: var(--text-2);
    font-size: 13px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
}

.sr-cancel-btn:hover[b-0ripnkqlh4] {
    background: var(--surface2);
    border-color: var(--border2);
    color: var(--text);
}

[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(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 24px;
    max-width: 420px;
    width: 90%;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

.sr-dialog-title[b-0ripnkqlh4] {
    font-weight: 600;
    font-size: 15px;
    color: var(--text);
    margin-bottom: 10px;
}

.sr-dialog-body[b-0ripnkqlh4] {
    font-size: 13px;
    color: var(--text-2);
    line-height: 1.6;
    margin-bottom: 20px;
}

.sr-dialog-actions[b-0ripnkqlh4] {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* MudForm overrides — match te-card pattern */
.sr-row[b-0ripnkqlh4]  .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--border) !important;
    border-radius: 8px !important;
}

.sr-row[b-0ripnkqlh4]  .mud-input.mud-input-outlined {
    background: var(--surface2) !important;
    border-radius: 8px !important;
    color: var(--text) !important;
}

.sr-row[b-0ripnkqlh4]  .mud-input.mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--border2) !important;
}

.sr-row[b-0ripnkqlh4]  .mud-input.mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--accent-light) !important;
    border-width: 1px !important;
}

.sr-row[b-0ripnkqlh4]  .mud-input.mud-input-outlined input {
    color: var(--text) !important;
    padding: 10px 14px !important;
}

.sr-row[b-0ripnkqlh4]  .mud-input-label {
    color: var(--text-2) !important;
}

.sr-row[b-0ripnkqlh4]  .mud-select .mud-input-slot {
    color: var(--text) !important;
}

@keyframes fadeIn-b-0ripnkqlh4 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (max-width: 600px) {
    .sr-form-cols[b-0ripnkqlh4] { grid-template-columns: 1fr; }
    .sr-form[b-0ripnkqlh4] { padding: 16px; }
}
/* /Components/SchemaDesigner/SchemaDesigner.razor.rz.scp.css */
/* ── Split layout ── */
.sd-layout[b-87nee9e7m2] {
    display: flex;
    gap: 0;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--surface);
    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);
}

.sd-preview-toolbar[b-87nee9e7m2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
    background: var(--surface2);
}

.sd-preview-toolbar-left[b-87nee9e7m2] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sd-preview-title[b-87nee9e7m2] {
    font-weight: 600;
    font-size: 13px;
    color: var(--text);
}

.sd-field-count[b-87nee9e7m2] {
    font-size: 11px;
    font-family: 'JetBrains Mono', monospace;
    color: var(--text-2);
    background: rgba(255,255,255,0.06);
    padding: 2px 8px;
    border-radius: 10px;
}

/* Empty state */
.sd-empty[b-87nee9e7m2] {
    padding: 48px 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    flex: 1;
    justify-content: center;
}

.sd-empty-title[b-87nee9e7m2] {
    font-size: 15px;
    color: var(--text-2);
    font-weight: 600;
}

.sd-empty-desc[b-87nee9e7m2] {
    font-size: 12px;
    color: var(--text-2);
    opacity: 0.7;
    max-width: 280px;
    line-height: 1.5;
}

/* 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-light);
    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-light);
}

.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: 320px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    background: var(--surface);
    transition: width 0.2s ease;
    overflow: hidden;
}

.sd-settings-header[b-87nee9e7m2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
    background: var(--surface2);
}

.sd-settings-header-left[b-87nee9e7m2] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sd-settings-title[b-87nee9e7m2] {
    font-weight: 600;
    font-size: 13px;
    color: var(--text);
}

.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: 10px;
    font-weight: 600;
    color: var(--text-3);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.sd-settings-divider[b-87nee9e7m2] {
    height: 1px;
    background: var(--border);
    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: 12px;
    color: var(--text-3);
    text-align: center;
}

/* Menu item in type dropdown */
.sd-menu-item[b-87nee9e7m2] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 2px 0;
}

/* ── MudBlazor overrides ── */
.sd-layout[b-87nee9e7m2]  .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--border) !important;
    border-radius: 8px !important;
}

.sd-layout[b-87nee9e7m2]  .mud-input.mud-input-outlined {
    background: var(--surface2) !important;
    border-radius: 8px !important;
    color: var(--text) !important;
}

.sd-layout[b-87nee9e7m2]  .mud-input.mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--border2) !important;
}

.sd-layout[b-87nee9e7m2]  .mud-input.mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--accent-light) !important;
    border-width: 1px !important;
}

.sd-layout[b-87nee9e7m2]  .mud-input.mud-input-outlined input,
.sd-layout[b-87nee9e7m2]  .mud-input.mud-input-outlined textarea {
    color: var(--text) !important;
    padding: 10px 14px !important;
}

.sd-layout[b-87nee9e7m2]  .mud-input.mud-input-outlined input::placeholder,
.sd-layout[b-87nee9e7m2]  .mud-input.mud-input-outlined textarea::placeholder {
    color: var(--text-2) !important;
    opacity: 0.6 !important;
}

.sd-layout[b-87nee9e7m2]  .mud-select .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--border) !important;
}

.sd-layout[b-87nee9e7m2]  .mud-switch .mud-switch-track {
    background: var(--border2) !important;
}

.sd-layout[b-87nee9e7m2]  .mud-switch.mud-switch-checked .mud-switch-track {
    background: var(--accent) !important;
    opacity: 0.5 !important;
}

.sd-layout[b-87nee9e7m2]  .mud-switch.mud-switch-checked .mud-switch-thumb {
    background: var(--accent-light) !important;
}

/* ── 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);
    }
    .sd-settings[b-87nee9e7m2] {
        width: 100%;
        max-height: 400px;
    }
}
/* /Components/SetupProgress.razor.rz.scp.css */
.success-state[b-tqw9n9yoiw] {
    text-align: center;
    padding: 32px 0;
    animation: fadeUp 0.4s ease both;
}

.success-icon[b-tqw9n9yoiw] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--emerald-light), #059669);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin: 0 auto 20px;
    box-shadow: 0 4px 24px rgba(16,185,129,0.3);
    animation: scaleIn-b-tqw9n9yoiw 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

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

.success-title[b-tqw9n9yoiw] {
    font-family: 'Instrument Serif', serif;
    font-size: 24px;
    color: var(--text);
    margin-bottom: 8px;
}

.success-title em[b-tqw9n9yoiw] {
    font-style: italic;
    color: var(--text-2);
}

.success-sub[b-tqw9n9yoiw] {
    font-size: 13px;
    color: var(--text-3);
    line-height: 1.6;
    margin-bottom: 24px;
}

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

.setup-log-label[b-tqw9n9yoiw] {
    font-size: 11px;
    color: var(--text-3);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
    margin-bottom: 4px;
}

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

.setup-log-item.complete[b-tqw9n9yoiw] {
    color: var(--emerald-light);
    font-weight: 600;
}

.setup-log-icon[b-tqw9n9yoiw] {
    font-size: 14px;
}
/* /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(--surface);
    border: 1px solid var(--border);
    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);
    margin-top: 8px;
}

/* Sidebar widgets */
.sk-form-widget[b-vyn132iuz1] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

.sk-form-widget-head[b-vyn132iuz1] {
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
}

.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] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

.sk-list-toolbar[b-whpsh00bnf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border-bottom: 1px solid var(--border);
}

.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: rgba(255, 255, 255, 0.02);
}

.sk-table th[b-whpsh00bnf] {
    padding: 12px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    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 rgba(255, 255, 255, 0.06);
}
/* /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(--surface);
    border: 1px solid var(--border);
    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/StaffComplianceRow.razor.rz.scp.css */
.staff-row[b-wrbjf7tj47] {
    display: flex; align-items: center; gap: 10px;
    padding: 9px 12px;
    background: var(--bg2); border: 1px solid var(--border);
    border-radius: 8px;
}

.staff-av[b-wrbjf7tj47] {
    width: 28px; height: 28px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 10px; font-weight: 700; flex-shrink: 0;
}

.staff-info[b-wrbjf7tj47] { flex: 1; }
.staff-name[b-wrbjf7tj47] { font-size: 12px; font-weight: 600; color: var(--text); margin-bottom: 2px; }
.staff-role[b-wrbjf7tj47] { font-size: 10px; color: var(--text-3); }

.staff-prog[b-wrbjf7tj47] { display: flex; align-items: center; gap: 8px; }

.staff-bar[b-wrbjf7tj47] { width: 80px; height: 4px; background: var(--surface3); border-radius: 2px; overflow: hidden; }
.staff-bar-fill[b-wrbjf7tj47] { height: 100%; border-radius: 2px; }

.staff-pct[b-wrbjf7tj47] {
    font-size: 11px; font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
    color: var(--text-2); width: 30px; text-align: right;
}
/* /Components/StarredItemsWidget.razor.rz.scp.css */
.sw-list[b-p9aaqgjuzi] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

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

.sw-row:hover[b-p9aaqgjuzi] {
    background: var(--surface2);
}

.sw-star[b-p9aaqgjuzi] {
    color: #f59e0b;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

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

.sw-name[b-p9aaqgjuzi] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sw-meta[b-p9aaqgjuzi] {
    font-size: 10px;
    color: var(--text-3);
    font-family: 'JetBrains Mono', monospace;
    margin-top: 1px;
}

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

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

.sw-btn[b-p9aaqgjuzi] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    border-radius: 6px;
    border: 1px solid var(--border);
    background: var(--surface3);
    color: var(--text-2);
    font-size: 11px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}

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

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

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

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

/* More count */
.sw-more[b-p9aaqgjuzi] {
    display: block;
    text-align: center;
    font-size: 11px;
    color: var(--text-3);
    padding: 6px 0 2px;
    font-family: 'JetBrains Mono', monospace;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.15s;
}

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

.scard:hover[b-tas0ld5kzj] { background: var(--surface2); transform: translateY(-1px); border-color: var(--border2); }
.scard.scard--active[b-tas0ld5kzj] { background: var(--surface2); border-color: var(--accent-light); box-shadow: 0 0 12px rgba(59,130,246,0.15); }

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

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

.scard-bflag[b-tas0ld5kzj] {
    font-size: 9px; padding: 1px 5px; border-radius: 4px;
    font-weight: 600; opacity: 0.8;
}

.scard-value[b-tas0ld5kzj] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 30px; font-weight: 500;
    color: var(--text); line-height: 1; margin-bottom: 5px;
}

.scard-sub[b-tas0ld5kzj] { font-size: 11px; color: var(--text-3); }
.scard-sub.warn[b-tas0ld5kzj]   { color: var(--amber-light); }
.scard-sub.danger[b-tas0ld5kzj] { color: var(--rose-light); }
.scard-sub.good[b-tas0ld5kzj]   { color: var(--emerald-light); }
/* /Components/StatusChip.razor.rz.scp.css */
.status-chip[b-w8jwdljx0l] {
    display: inline-flex;
    padding: 2px 8px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    background: color-mix(in srgb, var(--chip-colour) 15%, transparent);
    border: 1px solid color-mix(in srgb, var(--chip-colour) 30%, transparent);
    color: var(--chip-colour);
}
/* /Components/StatusFilterBar.razor.rz.scp.css */
.status-filter-bar[b-msflvpnc81] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-left: 20px;
    margin-top: 12px;
}

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

.filter-chip:hover[b-msflvpnc81] {
    border-color: var(--border);
    color: var(--text);
}

.filter-chip.all.active[b-msflvpnc81] {
    background: var(--surface3);
    border-color: var(--border);
    color: var(--text);
}

.filter-chip.status.active[b-msflvpnc81] {
    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-msflvpnc81] {
    width: 1px;
    height: 20px;
    background: var(--border);
    margin: 0 2px;
}
/* /Components/StatusSelector.razor.rz.scp.css */
.status-selector[b-io4b319d9f] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

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

.status-btn:hover[b-io4b319d9f] {
    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-io4b319d9f] {
    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-io4b319d9f] {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
}

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

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

.status-confirm-yes[b-io4b319d9f] {
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    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-io4b319d9f] {
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 11px;
    color: var(--text-3);
    background: transparent;
    border: 1px solid var(--border);
    cursor: pointer;
}
/* /Components/StepIndicator.razor.rz.scp.css */
.step-indicator[b-mcqlymk7w6] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 24px;
}

.step[b-mcqlymk7w6] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
}

.step-num[b-mcqlymk7w6] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    background: var(--surface3);
    color: var(--text-3);
    border: 1px solid var(--border);
}

.step.active .step-num[b-mcqlymk7w6] {
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    color: white;
    border-color: transparent;
    box-shadow: 0 2px 8px rgba(37,99,235,0.3);
}

.step.done .step-num[b-mcqlymk7w6] {
    background: var(--emerald-light);
    color: white;
    border-color: transparent;
}

.step-label[b-mcqlymk7w6] {
    color: var(--text-3);
}

.step.active .step-label[b-mcqlymk7w6] {
    color: var(--text-2);
}

.step.done .step-label[b-mcqlymk7w6] {
    color: var(--emerald-light);
}

.step-sep[b-mcqlymk7w6] {
    flex: 1;
    height: 1px;
    background: var(--border2);
}
/* /Components/SubmitButton.razor.rz.scp.css */
.submit-btn[b-tr37ddoi73] {
    width: 100%;
    padding: 13px;
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    border: none;
    border-radius: 9px;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: white;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 4px 16px rgba(37,99,235,0.25);
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.submit-btn[b-tr37ddoi73]::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.08), transparent);
    pointer-events: none;
}

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

.submit-btn:active[b-tr37ddoi73] {
    transform: translateY(0);
}

.submit-btn.ghost[b-tr37ddoi73] {
    background: var(--surface2);
    border: 1px solid var(--border2);
    color: var(--text-2);
    box-shadow: none;
}

.submit-btn.ghost:hover[b-tr37ddoi73] {
    background: var(--surface3);
    color: var(--text);
}

.submit-btn.loading[b-tr37ddoi73] {
    opacity: 0.7;
    pointer-events: none;
}

.submit-btn.loading .spinner[b-tr37ddoi73] {
    display: block;
}

.submit-btn.loading .btn-text[b-tr37ddoi73] {
    opacity: 0.7;
}

.spinner[b-tr37ddoi73] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-tr37ddoi73 0.7s linear infinite;
    display: none;
    flex-shrink: 0;
}

@keyframes spin-b-tr37ddoi73 {
    to { transform: rotate(360deg); }
}
/* /Components/SuggestionChips.razor.rz.scp.css */
.suggestions[b-t5r5z7z83t] {
    padding: 8px 14px; border-top: 1px solid var(--border);
    display: flex; flex-wrap: wrap; gap: 5px; flex-shrink: 0;
}

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

.sug:hover[b-t5r5z7z83t] { border-color: var(--border2); color: var(--text-2); }
/* /Components/TableItemContentView.razor.rz.scp.css */
/* Loading */
.tic-loading[b-ts93c6bz92] {
    display: flex; gap: 6px; justify-content: center;
    padding: 60px 20px;
}

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

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

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

/* Empty / Not found */
.tic-empty[b-ts93c6bz92] {
    text-align: center; padding: 60px 20px;
}

.tic-empty-icon[b-ts93c6bz92] {
    width: 48px; height: 48px; margin: 0 auto 12px;
    background: var(--surface3); border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 20px; color: var(--text-3); font-weight: 700;
}

.tic-empty-text[b-ts93c6bz92] { font-size: 14px; font-weight: 600; color: var(--text-2); }
.tic-empty-sub[b-ts93c6bz92]  { font-size: 12px; color: var(--text-3); margin-top: 4px; font-family: 'JetBrains Mono', monospace; }

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

.tic-eyebrow[b-ts93c6bz92] {
    font-size: 10px; font-weight: 600; color: var(--text-3);
    text-transform: uppercase; letter-spacing: 0.6px;
    font-family: 'JetBrains Mono', monospace; margin-bottom: 8px;
    display: flex; align-items: center; gap: 8px;
}

.tic-badge[b-ts93c6bz92] {
    padding: 2px 7px; border-radius: 4px;
    font-size: 9px; font-weight: 700;
}

.tic-title[b-ts93c6bz92] {
    font-family: 'Instrument Serif', serif; font-size: 22px;
    color: var(--text); margin-bottom: 6px;
}

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

.tic-id[b-ts93c6bz92] {
    padding: 1px 6px; border-radius: 4px;
    background: var(--surface3); font-family: 'JetBrains Mono', monospace;
    font-size: 10px; font-weight: 600; color: var(--text-2);
}

.tic-status[b-ts93c6bz92] {
    padding: 2px 8px; border-radius: 4px;
    font-size: 10px; font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
}

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

.tic-status-btn[b-ts93c6bz92] {
    padding: 7px 12px;
    background: var(--surface); border: 1px solid var(--border);
    border-radius: 8px; cursor: pointer; transition: all 0.15s;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 11px; font-weight: 600; color: var(--text-3);
}

.tic-status-btn:hover[b-ts93c6bz92] {
    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-ts93c6bz92] {
    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-ts93c6bz92] {
    background: var(--surface); border: 1px solid var(--border);
    border-radius: 12px; padding: 16px; margin-bottom: 12px;
}

.tic-section-title[b-ts93c6bz92] {
    font-size: 11px; font-weight: 700; color: var(--text-3);
    text-transform: uppercase; letter-spacing: 0.5px;
    font-family: 'JetBrains Mono', monospace; margin-bottom: 12px;
}

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

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

.tic-field-label[b-ts93c6bz92] {
    font-size: 12px; font-weight: 500; color: var(--text-3);
    flex-shrink: 0; max-width: 40%;
}

.tic-field-value[b-ts93c6bz92] {
    font-size: 12px; color: var(--text); text-align: right;
    word-break: break-word; max-width: 58%;
}

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

.tic-open-btn[b-ts93c6bz92] {
    display: flex; align-items: center; gap: 6px;
    padding: 9px 18px;
    background: var(--surface); border: 1px solid var(--border);
    border-radius: 8px; cursor: pointer; transition: all 0.15s;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 12px; font-weight: 600; color: var(--text-2);
}

.tic-open-btn:hover[b-ts93c6bz92] {
    background: var(--surface2); color: var(--text);
    border-color: var(--border2);
}
/* /Components/TableItemList.razor.rz.scp.css */
/* Assignee pills */
.til-assignees[b-82g9ergbrl] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.til-assignee-pill[b-82g9ergbrl] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
    white-space: nowrap;
    background: rgba(59, 130, 246, 0.12);
    color: var(--accent-light);
    border: 1px solid rgba(59, 130, 246, 0.2);
}

.til-assignee-pill--team[b-82g9ergbrl] {
    background: rgba(6, 182, 212, 0.12);
    color: var(--cyan-light);
    border-color: rgba(6, 182, 212, 0.2);
}

/* Toolbar */
.til-toolbar[b-82g9ergbrl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border-bottom: 1px solid var(--border);
    gap: 12px;
}

.til-toolbar-right[b-82g9ergbrl] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

/* Search */
.til-search-wrap[b-82g9ergbrl] {
    position: relative;
    flex: 1;
    max-width: 360px;
}

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

.til-search[b-82g9ergbrl] {
    width: 100%;
    padding: 8px 12px 8px 36px;
    background: var(--bg2);
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--text);
    font-size: 13px;
    font-family: 'Space Grotesk', sans-serif;
    outline: none;
    transition: border-color 0.15s;
}

.til-search[b-82g9ergbrl]::placeholder {
    color: var(--text-2);
    opacity: 0.7;
}

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

/* Count pill */
.til-count-pill[b-82g9ergbrl] {
    padding: 4px 10px;
    border-radius: 20px;
    background: var(--surface2);
    border: 1px solid var(--border);
    font-size: 11px;
    font-weight: 600;
    color: var(--text-2);
    font-family: 'JetBrains Mono', monospace;
    white-space: nowrap;
}

/* Add button */
.til-add-btn[b-82g9ergbrl] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    border: none;
    color: white;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
    box-shadow: 0 2px 12px rgba(37, 99, 235, 0.25);
    white-space: nowrap;
}

.til-add-btn:hover[b-82g9ergbrl] {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35);
}

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

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

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

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

.til-table-wrap[b-82g9ergbrl]  .mud-table-head th {
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    color: var(--text-2) !important;
    padding: 12px 18px !important;
    border-bottom: 1px solid var(--border) !important;
    background: transparent !important;
}

.til-table-wrap[b-82g9ergbrl]  .mud-table-head th .mud-table-sort-label {
    color: var(--text-2) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
}

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

.til-table-wrap[b-82g9ergbrl]  .mud-table-body .mud-table-row:hover {
    background: var(--surface2) !important;
}

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

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

/* Cell styles */
.til-cell-name[b-82g9ergbrl] {
    color: var(--text);
    font-weight: 600;
}

.til-cell-muted[b-82g9ergbrl] {
    color: var(--text-2);
    font-size: 12px;
    font-family: 'JetBrains Mono', monospace;
}

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

.til-table-wrap[b-82g9ergbrl]  .mud-table-pagination .mud-table-pagination-caption {
    color: var(--text-2) !important;
    font-size: 12px !important;
}

.til-table-wrap[b-82g9ergbrl]  .mud-table-pagination .mud-table-pagination-actions button {
    color: var(--text-2) !important;
    min-width: 30px !important;
}

.til-table-wrap[b-82g9ergbrl]  .mud-table-pagination .mud-table-pagination-actions button:hover {
    background: var(--surface2) !important;
}

.til-table-wrap[b-82g9ergbrl]  .mud-table-pagination .mud-select {
    color: var(--text-2) !important;
}

/* Empty state */
.til-empty[b-82g9ergbrl] {
    padding: 48px 24px;
    text-align: center;
}

.til-empty-title[b-82g9ergbrl] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 8px;
}

.til-empty-desc[b-82g9ergbrl] {
    font-size: 13px;
    color: var(--text-2);
}

@media (max-width: 600px) {
    .til-toolbar[b-82g9ergbrl] {
        flex-direction: column;
        align-items: stretch;
    }
    .til-search-wrap[b-82g9ergbrl] {
        max-width: none;
    }
    .til-toolbar-right[b-82g9ergbrl] {
        justify-content: space-between;
    }
}
/* /Components/TopbarBreadcrumb.razor.rz.scp.css */
.bc[b-4z5uaamwxr] {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
}

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

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

.bc-muted[b-4z5uaamwxr] {
    color: var(--text-3);
    cursor: pointer;
}

.bc-muted:hover[b-4z5uaamwxr] {
    color: var(--text-2);
    background: var(--surface2);
}

.bc-current[b-4z5uaamwxr] {
    color: var(--text);
    font-weight: 600;
    cursor: pointer;
}

.bc-current:hover[b-4z5uaamwxr] {
    background: var(--surface2);
}

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

.bc-text-full[b-4z5uaamwxr] {
    max-width: none;
}

.bc-sep[b-4z5uaamwxr] {
    color: var(--text-3);
    font-size: 12px;
    padding: 0 2px;
    opacity: 0.5;
    flex-shrink: 0;
    user-select: none;
}

/* ── Mobile breadcrumb ── */
.bc-mobile[b-4z5uaamwxr] {
    display: none;
    align-items: center;
    gap: 4px;
    min-width: 0;
}

.bc-back[b-4z5uaamwxr] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    font-size: 18px;
    font-weight: 300;
    color: var(--text-3);
    cursor: pointer;
    transition: all 0.12s;
    flex-shrink: 0;
}

.bc-back:hover[b-4z5uaamwxr] {
    background: var(--surface2);
    color: var(--text);
}

/* ── Responsive ── */
@media (max-width: 900px) {
    .bc-desktop[b-4z5uaamwxr] { display: none; }
    .bc-mobile[b-4z5uaamwxr]  { display: flex; }
}
/* /Components/TrialBanner.razor.rz.scp.css */
.trial-banner[b-1xj9ufyj3z] {
    position: fixed;
    top: var(--topbar-height);
    left: 0;
    right: 0;
    z-index: 190;
    background: linear-gradient(90deg, rgba(245, 158, 11, 0.12) 0%, rgba(239, 68, 68, 0.08) 100%);
    border-bottom: 1px solid rgba(245, 158, 11, 0.25);
    backdrop-filter: blur(12px);
}

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

.trial-icon[b-1xj9ufyj3z] {
    font-size: 14px;
    flex-shrink: 0;
}

.trial-text[b-1xj9ufyj3z] {
    font-size: 12px;
    color: var(--text);
    flex: 1;
}

.trial-text strong[b-1xj9ufyj3z] {
    color: var(--amber-light);
}

.trial-cta[b-1xj9ufyj3z] {
    padding: 4px 14px;
    border-radius: 6px;
    border: 1px solid rgba(245, 158, 11, 0.4);
    background: rgba(245, 158, 11, 0.15);
    color: #fbbf24;
    font-size: 11px;
    font-weight: 700;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
    flex-shrink: 0;
}

.trial-cta:hover[b-1xj9ufyj3z] {
    background: rgba(245, 158, 11, 0.25);
    transform: translateY(-1px);
}

.trial-dismiss[b-1xj9ufyj3z] {
    border: none;
    background: none;
    color: var(--text-3);
    font-size: 16px;
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 4px;
    transition: all 0.15s;
    flex-shrink: 0;
}

.trial-dismiss:hover[b-1xj9ufyj3z] {
    color: var(--text);
    background: rgba(255, 255, 255, 0.06);
}
/* /Components/WorkspaceBuildingView.razor.rz.scp.css */
.ws-build-header[b-rx9v37rver] { margin-bottom: 4px; }

.ws-build-eyebrow[b-rx9v37rver] {
    font-size: 10px; font-weight: 600; color: var(--accent-light);
    text-transform: uppercase; letter-spacing: 0.8px;
    font-family: 'JetBrains Mono', monospace; margin-bottom: 8px;
    display: flex; align-items: center; gap: 6px;
}

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

.ws-build-title[b-rx9v37rver] {
    font-family: 'Instrument Serif', serif;
    font-size: 28px; color: var(--text); margin-bottom: 6px;
}

.ws-build-title em[b-rx9v37rver] { font-style: italic; color: var(--text-2); }
.ws-build-desc[b-rx9v37rver] { font-size: 13px; color: var(--text-3); line-height: 1.6; }

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

.bpill[b-rx9v37rver] {
    display: flex; align-items: center; gap: 6px;
    padding: 6px 12px; border-radius: 8px;
    font-size: 11px; font-weight: 600; border: 1px solid;
    animation: buildIn-b-rx9v37rver 0.4s ease both;
}

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

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

.tables-label[b-rx9v37rver] {
    font-size: 10px; font-weight: 600; color: var(--text-3);
    text-transform: uppercase; letter-spacing: 0.6px;
    font-family: 'JetBrains Mono', monospace; margin-bottom: 10px;
}

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

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

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

.table-card-icon[b-rx9v37rver] {
    width: 34px; height: 34px; border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    font-size: 16px; flex-shrink: 0;
}

.table-card-text[b-rx9v37rver] { flex: 1; }
.table-card-name[b-rx9v37rver] { font-size: 13px; font-weight: 600; color: var(--text); margin-bottom: 2px; }
.table-card-meta[b-rx9v37rver] { font-size: 11px; color: var(--text-3); display: flex; gap: 8px; }
.table-card-badges[b-rx9v37rver] { display: flex; gap: 5px; flex-shrink: 0; }

.tbadge[b-rx9v37rver] {
    font-size: 9px; font-weight: 700; padding: 2px 6px;
    border-radius: 4px; font-family: 'JetBrains Mono', monospace;
}

.ws-complete-btn[b-rx9v37rver] {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    padding: 14px 28px;
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    border: none; border-radius: 10px;
    font-family: 'Space Grotesk', sans-serif;
    font-size: 14px; font-weight: 700; color: white;
    cursor: pointer; transition: all 0.2s;
    box-shadow: 0 4px 20px rgba(37,99,235,0.25);
    align-self: flex-start;
    animation: buildIn-b-rx9v37rver 0.4s 0.6s ease both;
}

.ws-complete-btn:hover[b-rx9v37rver] { transform: translateY(-1px); box-shadow: 0 6px 28px rgba(37,99,235,0.35); }

@keyframes buildIn-b-rx9v37rver { from{opacity:0;transform:translateY(8px) scale(0.98)} to{opacity:1;transform:translateY(0) scale(1)} }
@keyframes pulse-b-rx9v37rver { 0%,100%{opacity:1} 50%{opacity:0.4} }
/* /Components/WorkspaceCard.razor.rz.scp.css */
.ws-card[b-ml5lho799w] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 24px 22px;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ws-card[b-ml5lho799w]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--accent-gradient);
    opacity: 0;
    transition: opacity 0.2s;
}

.ws-card:hover[b-ml5lho799w] {
    background: var(--surface2);
    border-color: var(--border2);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

.ws-card:hover[b-ml5lho799w]::before {
    opacity: 1;
}

.ws-arrow[b-ml5lho799w] {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 16px;
    color: var(--text-3);
    opacity: 0;
    transition: all 0.2s;
    transform: translateX(-4px);
}

.ws-card:hover .ws-arrow[b-ml5lho799w] {
    opacity: 1;
    transform: translateX(0);
}

.ws-icon[b-ml5lho799w] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

.ws-name[b-ml5lho799w] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 2px;
}

.ws-desc[b-ml5lho799w] {
    font-size: 11px;
    color: var(--text-3);
    line-height: 1.5;
}

.ws-meta[b-ml5lho799w] {
    display: flex;
    gap: 8px;
    margin-top: auto;
    flex-wrap: wrap;
}

.ws-chip[b-ml5lho799w] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    background: var(--surface3);
    border: 1px solid var(--border);
    border-radius: 20px;
    font-size: 10px;
    color: var(--text-3);
    font-family: 'JetBrains Mono', monospace;
}

.ws-chip-dot[b-ml5lho799w] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
}
/* /Components/WorkspaceSwitcher.razor.rz.scp.css */
.ws-switcher[b-9qk7rdgzui] {
    position: relative;
    margin-right: 12px;
    flex-shrink: 0;
}

.ws-switcher-btn[b-9qk7rdgzui] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 10px 5px 8px;
    background: var(--surface2);
    border: 1px solid var(--border2);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s;
    min-width: 160px;
    height: 36px;
}

.ws-switcher-btn:hover[b-9qk7rdgzui] {
    background: var(--surface3);
}

.ws-switcher-btn.open[b-9qk7rdgzui] {
    border-color: rgba(59, 130, 246, 0.3);
    background: var(--surface3);
}

.ws-switcher-icon[b-9qk7rdgzui] {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    flex-shrink: 0;
    background: rgba(59, 130, 246, 0.15);
}

.ws-switcher-text[b-9qk7rdgzui] {
    flex: 1;
}

.ws-switcher-label[b-9qk7rdgzui] {
    font-size: 9px;
    color: var(--text-3);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-family: 'JetBrains Mono', monospace;
    line-height: 1;
    margin-bottom: 1px;
}

.ws-switcher-name[b-9qk7rdgzui] {
    font-size: 12px;
    font-weight: 600;
    color: var(--text);
    line-height: 1;
}

.ws-switcher-chevron[b-9qk7rdgzui] {
    color: var(--text-3);
    font-size: 10px;
    flex-shrink: 0;
    transition: transform 0.15s;
}

.ws-switcher-btn.open .ws-switcher-chevron[b-9qk7rdgzui] {
    transform: rotate(180deg);
}

.switcher-dropdown[b-9qk7rdgzui] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    min-width: 240px;
    background: var(--surface2);
    border: 1px solid var(--border2);
    border-radius: 12px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5);
    z-index: 300;
    overflow: hidden;
    animation: scaleIn-b-9qk7rdgzui 0.15s ease both;
    transform-origin: top left;
}

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

.dropdown-section[b-9qk7rdgzui] {
    padding: 8px;
    border-bottom: 1px solid var(--border);
}

.dropdown-section:last-child[b-9qk7rdgzui] {
    border-bottom: none;
}

.dropdown-label[b-9qk7rdgzui] {
    font-size: 9px;
    font-weight: 600;
    color: var(--text-3);
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-family: 'JetBrains Mono', monospace;
    padding: 4px 8px 8px;
}

.dropdown-item[b-9qk7rdgzui] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.12s;
}

.dropdown-item:hover[b-9qk7rdgzui] {
    background: var(--surface3);
}

.dropdown-item.active[b-9qk7rdgzui] {
    background: rgba(37, 99, 235, 0.08);
}

.dropdown-item-icon[b-9qk7rdgzui] {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
}

.dropdown-item-text[b-9qk7rdgzui] {
    flex: 1;
}

.dropdown-item-name[b-9qk7rdgzui] {
    font-size: 12px;
    font-weight: 600;
    color: var(--text);
    margin-bottom: 1px;
}

.dropdown-item-sub[b-9qk7rdgzui] {
    font-size: 10px;
    color: var(--text-3);
}

.dropdown-item-check[b-9qk7rdgzui] {
    font-size: 12px;
    color: var(--accent-light);
    flex-shrink: 0;
}

.dropdown-item-badge[b-9qk7rdgzui] {
    font-size: 9px;
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 4px;
    background: rgba(244, 63, 94, 0.1);
    color: var(--rose-light);
    font-family: 'JetBrains Mono', monospace;
    flex-shrink: 0;
}

.dropdown-manage[b-9qk7rdgzui] {
    padding: 6px 8px;
}

.dropdown-manage-btn[b-9qk7rdgzui] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.12s;
    font-size: 11px;
    color: var(--text-3);
    width: 100%;
}

.dropdown-manage-btn:hover[b-9qk7rdgzui] {
    background: var(--surface3);
    color: var(--text-2);
}
/* /Layout/AppShell.razor.rz.scp.css */
.topbar[b-cwybbnou60] {
    position: fixed; top: 0; left: 0; right: 0;
    height: var(--topbar-height);
    background: var(--topbar-bg);
    backdrop-filter: blur(24px);
    border-bottom: 1px solid var(--border);
    display: flex; align-items: center;
    padding: 0 18px; z-index: 200;
}

.logo[b-cwybbnou60] {
    display: flex; align-items: center; gap: 9px;
    font-weight: 700; font-size: 15px; letter-spacing: -0.3px;
    flex-shrink: 0; margin-right: 24px; cursor: pointer;
}

.logo-mark[b-cwybbnou60] {
    width: 26px; height: 26px;
    background: linear-gradient(135deg, var(--accent-light), var(--cyan-light));
    border-radius: 6px;
    display: flex; align-items: center; justify-content: center;
    font-size: 13px; position: relative;
}

.logo-mark[b-cwybbnou60]::after {
    content: '';
    position: absolute; inset: -1px; border-radius: 7px;
    background: linear-gradient(135deg, var(--accent-light), var(--cyan-light));
    opacity: 0.3; filter: blur(4px); z-index: -1;
}

.setup-nav[b-cwybbnou60] {
    padding: 5px 12px; border-radius: 6px;
    font-size: 12px; font-weight: 500;
    color: var(--green); 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: 10px; font-weight: 700;
    background: rgba(16,185,129,0.2);
    padding: 1px 6px; border-radius: 8px;
    font-family: 'JetBrains Mono', monospace;
}

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

.tbtn[b-cwybbnou60] {
    width: 30px; height: 30px;
    background: var(--surface2); border: 1px solid var(--border);
    border-radius: 7px; display: flex; align-items: center; justify-content: center;
    cursor: pointer; color: var(--text-2); font-size: 13px;
    transition: all 0.15s; position: relative;
}

.tbtn:hover[b-cwybbnou60] { background: var(--surface3); color: var(--text); }

.badge-dot[b-cwybbnou60] {
    position: absolute; top: 4px; right: 4px;
    width: 6px; height: 6px; border-radius: 50%;
    background: var(--rose-light); border: 1.5px solid var(--bg);
}

.av-wrapper[b-cwybbnou60] { position: relative; }

.av[b-cwybbnou60] {
    width: 30px; height: 30px; border-radius: 50%;
    background: linear-gradient(135deg, var(--accent-light), var(--violet-light));
    display: flex; align-items: center; justify-content: center;
    font-size: 11px; font-weight: 700; cursor: pointer;
}

.av-dropdown[b-cwybbnou60] {
    position: absolute; top: 38px; right: 0;
    min-width: 160px; padding: 6px;
    background: var(--surface); border: 1px solid var(--border);
    border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,0.3);
    z-index: 400;
}

.av-dropdown-item[b-cwybbnou60] {
    display: flex; align-items: center; gap: 8px;
    padding: 8px 10px; border-radius: 6px;
    font-size: 13px; color: var(--text); cursor: pointer;
    transition: background 0.1s;
}

.av-dropdown-item:hover[b-cwybbnou60] { background: var(--surface2); }

.av-dropdown-backdrop[b-cwybbnou60] {
    position: fixed; inset: 0; z-index: 399;
}

.layout[b-cwybbnou60] {
    display: flex; height: 100vh;
    padding-top: var(--topbar-height);
}

.main[b-cwybbnou60] {
    flex: 1; overflow-y: auto; overflow-x: hidden;
    background: var(--bg); 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: linear-gradient(135deg, rgba(37,99,235,0.12), rgba(8,145,178,0.12));
    border-color: rgba(37,99,235,0.2);
    color: var(--accent, #3b82f6);
}
.que-topbar-btn:hover[b-cwybbnou60] {
    background: linear-gradient(135deg, rgba(37,99,235,0.22), rgba(8,145,178,0.22));
    border-color: rgba(37,99,235,0.35);
    color: var(--accent, #3b82f6);
}

/* ── 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[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 */
.bg-canvas[b-yfysfwpe3v] {
    position: fixed;
    inset: 0;
    overflow: hidden;
    z-index: 0;
    background: var(--bg);
}

.bg-orb[b-yfysfwpe3v] {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.5;
    animation: drift-b-yfysfwpe3v 20s infinite ease-in-out;
}

.bg-orb-1[b-yfysfwpe3v] {
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(37,99,235,0.15), transparent 70%);
    top: -150px;
    left: -100px;
    animation-delay: 0s;
}

.bg-orb-2[b-yfysfwpe3v] {
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(8,145,178,0.1), transparent 70%);
    bottom: -100px;
    right: -50px;
    animation-delay: -7s;
}

.bg-orb-3[b-yfysfwpe3v] {
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(124,58,237,0.08), transparent 70%);
    top: 50%;
    right: 30%;
    animation-delay: -14s;
}

@keyframes drift-b-yfysfwpe3v {
    0%, 100% { transform: translate(0, 0) scale(1); }
    33%      { transform: translate(30px, -20px) scale(1.05); }
    66%      { transform: translate(-20px, 15px) scale(0.95); }
}

.auth-page[b-yfysfwpe3v] {
    position: relative;
    z-index: 1;
    min-height: 100vh;
    display: flex;
    max-width: 1600px;
    margin: 0 auto;
}

.form-panel[b-yfysfwpe3v] {
    flex: 1;
    display: flex;
    align-items: 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(--topbar-bg); backdrop-filter: blur(24px);
    border-bottom: 1px solid var(--border);
    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: 700; font-size: 15px; letter-spacing: -0.3px; flex-shrink: 0; cursor: pointer; }

.logo-mark[b-cwro70ez5i] {
    width: 26px; height: 26px;
    background: linear-gradient(135deg, var(--accent-light), var(--cyan-light));
    border-radius: 6px; display: flex; align-items: center; justify-content: center;
    font-size: 13px; position: relative;
}

.logo-mark[b-cwro70ez5i]::after {
    content: ''; position: absolute; inset: -1px; border-radius: 7px;
    background: linear-gradient(135deg, var(--accent-light), var(--cyan-light));
    opacity: 0.25; filter: blur(5px); z-index: -1;
}

.topbar-divider[b-cwro70ez5i] { width: 1px; height: 20px; background: var(--border2); flex-shrink: 0; }

.topbar-context[b-cwro70ez5i] { display: flex; align-items: center; gap: 8px; font-size: 12px; }

.topbar-context-label[b-cwro70ez5i] { color: var(--text-3); }

.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: 11px; font-weight: 600;
    color: var(--accent-light); font-family: 'JetBrains Mono', monospace;
}

.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(--surface2); border: 1px solid var(--border2);
    border-radius: 20px; font-size: 11px; font-weight: 500; color: var(--text-2);
}

.tenant-dot[b-cwro70ez5i] {
    width: 6px; height: 6px; border-radius: 50%;
    background: var(--emerald-light);
    box-shadow: 0 0 6px var(--emerald-light);
}

.tbtn[b-cwro70ez5i] {
    width: 30px; height: 30px; background: var(--surface2); border: 1px solid var(--border);
    border-radius: 7px; display: flex; align-items: center; justify-content: center;
    cursor: pointer; color: var(--text-2); font-size: 13px; transition: all 0.15s;
}

.tbtn:hover[b-cwro70ez5i] { background: var(--surface3); color: var(--text); }

.av[b-cwro70ez5i] {
    width: 30px; height: 30px; border-radius: 50%;
    background: linear-gradient(135deg, var(--accent-light), var(--violet-light));
    display: flex; align-items: center; justify-content: center;
    font-size: 11px; font-weight: 700; 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(--bg);
    border-right: 1px solid var(--border);
    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(--surface3) 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: linear-gradient(135deg, var(--accent), var(--cyan));
    color: white; font-size: 20px; cursor: pointer;
    box-shadow: 0 4px 16px rgba(37,99,235,0.4);
    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: 18px; bottom: 16px; right: 16px; }
}
/* /Pages/ActionsPage.razor.rz.scp.css */
.act-page[b-mo44usuym2] {
    max-width: 820px;
    margin: 0 auto;
    padding: 24px 16px 48px;
}

.act-header[b-mo44usuym2] {
    display: flex; align-items: flex-start; justify-content: space-between;
    margin-bottom: 24px;
}

.act-back[b-mo44usuym2] {
    display: inline-flex; align-items: center; gap: 4px;
    font-size: 12px; font-weight: 600; color: var(--text-3);
    background: none; border: none; cursor: pointer;
    padding: 0; margin-bottom: 8px; transition: color 0.15s;
}

.act-back:hover[b-mo44usuym2] { color: var(--accent-light); }

.act-title[b-mo44usuym2] {
    font-size: 22px; font-weight: 800; color: var(--text);
    letter-spacing: -0.02em;
}

.act-subtitle[b-mo44usuym2] {
    font-size: 13px; color: var(--text-3); margin-top: 2px;
}

.act-count-pill[b-mo44usuym2] {
    font-size: 11px; font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
    color: var(--text-2);
    background: var(--surface2); border: 1px solid var(--border);
    padding: 4px 12px; border-radius: 20px;
    margin-top: 8px;
}

.act-loading[b-mo44usuym2] {
    display: flex; justify-content: center; padding: 60px 0;
}

.act-error[b-mo44usuym2] {
    text-align: center; padding: 40px 0;
    font-size: 13px; color: #f87171;
}

.act-empty[b-mo44usuym2] {
    display: flex; flex-direction: column; align-items: center;
    gap: 12px; padding: 60px 0;
    font-size: 14px; color: var(--text-3);
}

/* ── Groups ── */
.act-groups[b-mo44usuym2] {
    display: flex; flex-direction: column; gap: 16px;
}

.act-group[b-mo44usuym2] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

.act-group-header[b-mo44usuym2] {
    display: flex; align-items: center; gap: 8px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
    background: var(--surface);
}

.act-group-dot[b-mo44usuym2] { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }

.act-group-name[b-mo44usuym2] {
    font-size: 13px; font-weight: 700; color: var(--text);
    text-transform: uppercase; letter-spacing: 0.04em;
}

.act-group-tag[b-mo44usuym2] {
    font-size: 9px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.5px; padding: 2px 8px; border-radius: 4px;
}

.act-group-count[b-mo44usuym2] {
    font-size: 11px;
    font-family: 'JetBrains Mono', monospace;
    color: var(--text-3);
    margin-left: auto;
}

/* ── Items ── */
.act-group-items[b-mo44usuym2] {
    display: flex; flex-direction: column;
    padding: 8px 12px;
    gap: 4px;
}

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

.act-item:hover[b-mo44usuym2] {
    border-color: var(--border2);
    background: var(--surface3);
    transform: translateY(-1px);
}

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

.act-item-content[b-mo44usuym2] {
    display: flex; flex-direction: column; gap: 3px;
    padding: 12px 16px; flex: 1; min-width: 0;
}

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

.act-item-title[b-mo44usuym2] {
    font-size: 13px; font-weight: 600; color: var(--text);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    flex: 1; min-width: 0;
}

.act-item-status[b-mo44usuym2] {
    font-size: 10px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.5px; padding: 2px 8px; border-radius: 4px;
    flex-shrink: 0;
}

.act-item-meta[b-mo44usuym2] {
    display: flex; align-items: center; gap: 10px;
    font-size: 11px; color: var(--text-3);
    font-family: 'JetBrains Mono', monospace;
}

/* ── Responsive ── */
@media (max-width: 600px) {
    .act-page[b-mo44usuym2] { padding: 16px 8px 32px; }
    .act-title[b-mo44usuym2] { font-size: 18px; }
    .act-header[b-mo44usuym2] { flex-direction: column; gap: 8px; }
}
/* /Pages/AdminPage.razor.rz.scp.css */
.admin-page[b-4mkqp6bndt] {
    padding: 0;
    max-width: 1600px;
    margin: 0 auto;
    animation: fadeUp 0.4s ease both;
}

/* Header */
.admin-header[b-4mkqp6bndt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 24px;
}

.admin-title[b-4mkqp6bndt] {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    color: var(--text);
    line-height: 1.1;
    margin-bottom: 4px;
}

.admin-subtitle[b-4mkqp6bndt] {
    font-size: 13px;
    color: var(--text-2);
}

/* Left-positioned MudTabs overrides */

/* The outer tabs container uses flexbox row for left-positioned tabs */
.admin-page[b-4mkqp6bndt]  .admin-tabs {
    flex: 1;
    min-height: 0;
}

/* Left sidebar toolbar */
.admin-page[b-4mkqp6bndt]  .admin-tabs > .mud-tabs-toolbar {
    background: transparent;
    border-right: 1px solid var(--border);
    border-bottom: none;
    min-width: 200px;
    max-width: 200px;
    padding-top: 4px;
}

/* Tab items in the left nav */
.admin-page[b-4mkqp6bndt]  .admin-tabs .mud-tab {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    padding: 12px 20px;
    color: var(--text-3);
    transition: color 0.15s, background 0.15s;
    justify-content: flex-start;
    border-radius: 8px 0 0 8px;
}

.admin-page[b-4mkqp6bndt]  .admin-tabs .mud-tab:hover {
    color: var(--text);
    background: rgba(255, 255, 255, 0.04);
}

.admin-page[b-4mkqp6bndt]  .admin-tabs .mud-tab.mud-tab-active {
    color: var(--accent-light);
    background: rgba(255, 255, 255, 0.06);
}

/* Active tab slider/indicator on the left */
.admin-page[b-4mkqp6bndt]  .admin-tabs .mud-tab-slider {
    background: var(--accent-light);
}

/* Tab panels - take full remaining width */
.admin-page[b-4mkqp6bndt]  .admin-tabs > .mud-tabs-panels {
    padding: 0 0 0 24px;
    flex: 1;
    min-width: 0;
}

.admin-page[b-4mkqp6bndt]  .admin-tabs .mud-tabpanel {
    padding: 0;
    width: 100%;
}

/* Responsive overrides are in app.css (global) because MudBlazor
   internal classes are not reachable via scoped ::deep in all cases. */
/* /Pages/BillingPage.razor.rz.scp.css */
.billing-page[b-pqfayem21q] {
    padding: 0;
    max-width: 1200px;
    margin: 0 auto;
    animation: fadeUp 0.4s ease both;
}

.billing-header[b-pqfayem21q] {
    margin-bottom: 24px;
}

.billing-title[b-pqfayem21q] {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    color: var(--text);
    line-height: 1.1;
    margin-bottom: 4px;
}

.billing-subtitle[b-pqfayem21q] {
    font-size: 13px;
    color: var(--text-2);
}

.billing-loading[b-pqfayem21q] {
    display: flex;
    justify-content: center;
    padding: 48px;
}

/* Status card */
.status-card[b-pqfayem21q] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 32px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

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

.status-label[b-pqfayem21q] {
    font-size: 11px;
    font-weight: 700;
    color: var(--text-3);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-family: 'JetBrains Mono', monospace;
    min-width: 120px;
}

.status-value[b-pqfayem21q] {
    font-size: 13px;
    color: var(--text);
}

.mono[b-pqfayem21q] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
}

/* Plan badge */
.plan-badge[b-pqfayem21q] {
    padding: 3px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
}

.plan-badge.starter[b-pqfayem21q] {
    background: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.3);
    color: #4ade80;
}

.plan-badge.professional[b-pqfayem21q] {
    background: rgba(59, 130, 246, 0.12);
    border: 1px solid rgba(59, 130, 246, 0.3);
    color: #60a5fa;
}

.plan-badge.enterprise[b-pqfayem21q] {
    background: rgba(168, 85, 247, 0.12);
    border: 1px solid rgba(168, 85, 247, 0.3);
    color: #c084fc;
}

/* Status badge */
.status-badge[b-pqfayem21q] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
}

.status-badge.trialling[b-pqfayem21q] { color: var(--amber-light); }
.status-badge.active[b-pqfayem21q] { color: var(--emerald-light); }
.status-badge.pastdue[b-pqfayem21q] { color: var(--rose-light); }
.status-badge.cancelled[b-pqfayem21q] { color: var(--text-3); }

.days-badge[b-pqfayem21q] {
    padding: 2px 8px;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
    background: rgba(245, 158, 11, 0.12);
    border: 1px solid rgba(245, 158, 11, 0.3);
    color: #fbbf24;
}

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

.subscribe-btn[b-pqfayem21q] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--accent), var(--cyan-light));
    border: none;
    color: white;
    font-size: 13px;
    font-weight: 700;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
    box-shadow: 0 2px 14px rgba(37, 99, 235, 0.3);
    text-decoration: none;
    white-space: nowrap;
}

.subscribe-btn:hover[b-pqfayem21q] {
    transform: translateY(-1px);
    box-shadow: 0 4px 20px rgba(37, 99, 235, 0.4);
}

.subscribe-hint[b-pqfayem21q] {
    font-size: 11px;
    color: var(--text-3);
}

.manage-btn[b-pqfayem21q] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid var(--border);
    background: var(--surface2);
    color: var(--text-2);
    font-size: 12px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
}

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

/* Tiers */
.tiers-header[b-pqfayem21q] {
    font-size: 16px;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 16px;
}

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

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

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

.tier-card:hover[b-pqfayem21q] {
    border-color: rgba(59, 130, 246, 0.3);
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.06), 0 8px 24px rgba(0, 0, 0, 0.2);
}

.tier-card.current[b-pqfayem21q] {
    border-color: var(--accent-light);
    box-shadow: 0 0 24px rgba(59, 130, 246, 0.1);
}

.current-tag[b-pqfayem21q] {
    position: absolute;
    top: -10px;
    right: 16px;
    padding: 2px 10px;
    border-radius: 20px;
    background: linear-gradient(135deg, var(--accent), var(--cyan-light));
    color: white;
    font-size: 10px;
    font-weight: 700;
    font-family: 'JetBrains Mono', monospace;
}

.tier-name[b-pqfayem21q] {
    font-size: 18px;
    font-weight: 700;
    color: var(--text);
}

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

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

.limit-value[b-pqfayem21q] {
    font-size: 13px;
    font-weight: 700;
    color: var(--text);
    font-family: 'JetBrains Mono', monospace;
}

.limit-label[b-pqfayem21q] {
    font-size: 12px;
    color: var(--text-3);
}

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

.current-plan-label[b-pqfayem21q] {
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-3);
    padding: 8px;
}

/* /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(--text-secondary);
    font-size: 0.95rem;
}

.complete-error-title[b-dkqf3z3h1k],
.complete-done-title[b-dkqf3z3h1k] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary);
}

.complete-error-message[b-dkqf3z3h1k],
.complete-done-message[b-dkqf3z3h1k] {
    color: var(--text-secondary);
    font-size: 0.95rem;
    line-height: 1.5;
}

.complete-done-action[b-dkqf3z3h1k] {
    margin-top: 0.5rem;
}
/* /Pages/CreateTeamPage.razor.rz.scp.css */
/* Page layout */
.te-page[b-6zrm4lo07k] {
    padding: 28px 32px 48px;
    max-width: 1600px;
    margin: 0 auto;
    animation: fadeUp-b-6zrm4lo07k 0.4s ease both;
}

@keyframes fadeUp-b-6zrm4lo07k {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Header */
.te-header[b-6zrm4lo07k] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 28px;
}

.te-header-left[b-6zrm4lo07k] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.te-back[b-6zrm4lo07k] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--surface2);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s;
    color: var(--text-2);
    flex-shrink: 0;
    margin-top: 2px;
}

.te-back:hover[b-6zrm4lo07k] {
    background: var(--surface3);
    border-color: var(--border2);
    color: var(--text);
}

.te-title[b-6zrm4lo07k] {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    color: var(--text);
    line-height: 1.1;
    margin-bottom: 4px;
}

.te-subtitle[b-6zrm4lo07k] {
    font-size: 12px;
    color: var(--text-2);
    font-family: 'JetBrains Mono', monospace;
}

/* Sections */
.te-section[b-6zrm4lo07k] {
    margin-bottom: 24px;
}

.te-section-header[b-6zrm4lo07k] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.te-section-title[b-6zrm4lo07k] {
    font-weight: 600;
    font-size: 14px;
    color: var(--text);
}

/* Card */
.te-card[b-6zrm4lo07k] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

.te-card-body[b-6zrm4lo07k] {
    padding: 20px 24px;
}

/* Actions */
.te-actions[b-6zrm4lo07k] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 8px;
    position: sticky;
    bottom: 0;
    background: linear-gradient(transparent, var(--bg) 30%);
    padding-bottom: 16px;
    padding-top: 24px;
}

.te-actions[b-6zrm4lo07k]  .te-save-btn {
    padding: 8px 28px;
    font-weight: 600;
    letter-spacing: 0.3px;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--accent), var(--cyan)) !important;
    border: none !important;
    color: white !important;
    box-shadow: 0 2px 12px rgba(37, 99, 235, 0.25);
    transition: all 0.15s;
}

.te-actions[b-6zrm4lo07k]  .te-save-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35);
}

.te-cancel-btn[b-6zrm4lo07k] {
    background: none;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px 20px;
    color: var(--text-2);
    font-size: 13px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
}

.te-cancel-btn:hover[b-6zrm4lo07k] {
    background: var(--surface2);
    border-color: var(--border2);
    color: var(--text);
}

@media (max-width: 768px) {
    .te-page[b-6zrm4lo07k] { padding: 20px 16px 40px; }
    .te-card-body[b-6zrm4lo07k] { padding: 16px; }
}
/* /Pages/Dashboard.razor.rz.scp.css */
.page-header[b-jk6bi534k1] {
    display: flex; align-items: flex-start; justify-content: space-between;
    margin-bottom: 22px; animation: fadeUp-b-jk6bi534k1 0.4s ease both;
    position: relative; z-index: 100;
}

.page-title[b-jk6bi534k1] {
    font-family: 'Instrument Serif', serif;
    font-size: 26px; color: var(--text); line-height: 1.1; margin-bottom: 4px;
}

.page-title em[b-jk6bi534k1] { font-style: italic; color: var(--text-2); }

.page-meta[b-jk6bi534k1] {
    font-size: 11px; color: var(--text-3);
    font-family: 'JetBrains Mono', monospace;
    display: flex; align-items: center; gap: 10px;
}

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

.hbtn[b-jk6bi534k1] {
    display: flex; align-items: center; gap: 6px;
    padding: 7px 14px; border-radius: 7px;
    font-size: 12px; font-weight: 600; cursor: pointer; transition: all 0.15s;
}

.hbtn.ghost[b-jk6bi534k1]  { background: var(--surface2); border: 1px solid var(--border2); color: var(--text-2); }
.hbtn.ghost:hover[b-jk6bi534k1] { color: var(--text); background: var(--surface3); }
.hbtn.primary[b-jk6bi534k1] { background: linear-gradient(135deg, var(--accent), var(--cyan)); border: none; color: white; box-shadow: 0 2px 12px rgba(37,99,235,0.25); }
.hbtn.primary:hover[b-jk6bi534k1] { transform: translateY(-1px); box-shadow: 0 4px 16px rgba(37,99,235,0.35); }

.stat-grid[b-jk6bi534k1] { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-bottom: 20px; }
.two-col[b-jk6bi534k1] { display: grid; grid-template-columns: 1fr 340px; gap: 16px; margin-bottom: 16px; }
.two-col-wide[b-jk6bi534k1] { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.asset-grid[b-jk6bi534k1] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.proc-list[b-jk6bi534k1], .inc-list[b-jk6bi534k1], .staff-list[b-jk6bi534k1], .bi-list[b-jk6bi534k1] { display: flex; flex-direction: column; gap: 6px; }
.three-col[b-jk6bi534k1] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 16px; }
.three-col.assigned-row[b-jk6bi534k1] { margin-top: 0; margin-bottom: 16px; }

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

.new-dropdown[b-jk6bi534k1] {
    position: absolute; top: calc(100% + 6px); right: 0; z-index: 100;
    min-width: 220px; padding: 6px;
    background: var(--surface2); border: 1px solid var(--border2);
    border-radius: 10px; box-shadow: 0 8px 32px rgba(0,0,0,0.28);
    animation: dropIn-b-jk6bi534k1 0.15s ease both;
}

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

.dropdown-section-label[b-jk6bi534k1] {
    padding: 6px 10px 4px; font-size: 10px; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-3);
    display: flex; align-items: center; gap: 6px;
}

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

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

.dropdown-item:hover[b-jk6bi534k1] { background: var(--surface3); }
.dropdown-item.muted[b-jk6bi534k1] { color: var(--text-3); }
.dropdown-item.muted:hover[b-jk6bi534k1] { color: var(--text-2); }

.star-icon.filled[b-jk6bi534k1] { color: #f59e0b; }

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

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

/* ── Stat drill-down ── */
.stat-drilldown[b-jk6bi534k1] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    margin-bottom: 20px;
    overflow: hidden;
    animation: fadeUp-b-jk6bi534k1 0.25s ease both;
}

@keyframes fadeUp-b-jk6bi534k1 {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

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

.stat-drilldown-title[b-jk6bi534k1] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
}

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

.stat-drilldown-count[b-jk6bi534k1] {
    font-size: 11px;
    font-family: 'JetBrains Mono', monospace;
    color: var(--text-2);
    background: rgba(255,255,255,0.06);
    padding: 1px 8px;
    border-radius: 10px;
}

.stat-drilldown-close[b-jk6bi534k1] {
    display: flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; border-radius: 6px;
    background: var(--surface2); border: 1px solid var(--border);
    color: var(--text-3); cursor: pointer; transition: all 0.15s;
}

.stat-drilldown-close:hover[b-jk6bi534k1] {
    background: var(--surface3); color: var(--text);
}

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

.stat-drilldown-empty[b-jk6bi534k1] {
    padding: 24px; text-align: center;
    font-size: 13px; color: var(--text-3);
}

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

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

.stat-drilldown-card:hover[b-jk6bi534k1] {
    border-color: var(--border2);
    background: var(--surface3);
    transform: translateY(-1px);
}

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

.stat-drilldown-card-name[b-jk6bi534k1] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stat-drilldown-card-status[b-jk6bi534k1] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 2px 8px;
    border-radius: 4px;
    flex-shrink: 0;
}

.stat-drilldown-card-meta[b-jk6bi534k1] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    color: var(--text-3);
}

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

.stat-drilldown-card-id[b-jk6bi534k1] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
}

/* ── Calendar navigation ── */
[b-jk6bi534k1] .cal-nav {
    display: flex; align-items: center; gap: 4px;
}

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

[b-jk6bi534k1] .cal-nav-btn:hover {
    background: var(--surface3); color: var(--text); border-color: var(--border2);
}

[b-jk6bi534k1] .cal-nav-today {
    font-size: 11px; font-weight: 600; 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-light);
}

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

/* ── Calendar drill-down ── */
.cal-drilldown[b-jk6bi534k1] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    margin-bottom: 20px;
    overflow: hidden;
    animation: fadeUp-b-jk6bi534k1 0.25s ease both;
}

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

.cal-drilldown-title[b-jk6bi534k1] {
    display: flex; align-items: center; gap: 8px;
    font-size: 13px; font-weight: 600; color: var(--text);
}

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

.cal-drilldown-count[b-jk6bi534k1] {
    font-size: 11px;
    font-family: 'JetBrains Mono', monospace;
    color: var(--text-2);
    background: rgba(255,255,255,0.06);
    padding: 1px 8px; border-radius: 10px;
}

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

.cal-drilldown-close:hover[b-jk6bi534k1] { background: var(--surface3); color: var(--text); }

.cal-drilldown-empty[b-jk6bi534k1] {
    padding: 24px; text-align: center;
    font-size: 13px; color: var(--text-3);
}

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

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

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

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

.cal-group-name[b-jk6bi534k1] {
    font-size: 12px; font-weight: 700; color: var(--text);
    text-transform: uppercase; letter-spacing: 0.04em;
}

.cal-group-tag[b-jk6bi534k1] {
    font-size: 9px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.5px; padding: 1px 7px; border-radius: 4px;
}

.cal-group-count[b-jk6bi534k1] {
    font-size: 10px;
    font-family: 'JetBrains Mono', monospace;
    color: var(--text-3);
    margin-left: auto;
}

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

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

.cal-item:hover[b-jk6bi534k1] {
    border-color: var(--border2);
    background: var(--surface3);
    transform: translateY(-1px);
}

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

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

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

.cal-item-title[b-jk6bi534k1] {
    font-size: 13px; font-weight: 600; color: var(--text);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    flex: 1; min-width: 0;
}

.cal-item-status[b-jk6bi534k1] {
    font-size: 10px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.5px; padding: 2px 8px; border-radius: 4px;
    flex-shrink: 0;
}

.cal-item-meta[b-jk6bi534k1] {
    display: flex; align-items: center; gap: 10px;
    font-size: 11px; color: var(--text-3);
    font-family: 'JetBrains Mono', monospace;
}

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

.cal-view-all[b-jk6bi534k1] {
    font-size: 12px; font-weight: 600;
    color: var(--accent-light);
    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-jk6bi534k1] {
    background: rgba(59,130,246,0.16);
    color: var(--accent-light);
    text-decoration: none;
}

/* ── Activity Board (kanban) ── */
.board-section[b-jk6bi534k1] {
    margin-top: 8px;
    padding: 18px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    animation: fadeUp-b-jk6bi534k1 0.3s ease both;
}

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

.board-section-title[b-jk6bi534k1] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
    color: var(--text);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

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

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

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

.kb-filter[b-jk6bi534k1] {
    padding: 6px 14px; border-radius: 7px;
    font-size: 12px; font-weight: 600; cursor: pointer;
    background: var(--surface2); border: 1px solid var(--border2); color: var(--text-2);
    transition: all 0.15s;
}

.kb-filter:hover[b-jk6bi534k1] { color: var(--text); background: var(--surface3); }

.kb-filter.active[b-jk6bi534k1] {
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    border-color: transparent; color: #fff;
    box-shadow: 0 2px 12px rgba(37,99,235,0.25);
}

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

.kb-nav-btn[b-jk6bi534k1] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: 1px solid var(--border);
    background: var(--surface2);
    color: var(--text-2);
    cursor: pointer;
    transition: all 0.15s;
}

.kb-nav-btn:hover[b-jk6bi534k1] {
    background: var(--surface3);
    border-color: var(--border2);
    color: var(--text);
}

.kb-date-label[b-jk6bi534k1] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
    padding: 0 8px;
    white-space: nowrap;
    font-family: 'JetBrains Mono', monospace;
    letter-spacing: -0.02em;
}

.kb-today-btn[b-jk6bi534k1] {
    padding: 4px 10px;
    border-radius: 6px;
    border: 1px solid var(--border);
    background: var(--surface2);
    color: var(--accent-light);
    font-size: 11px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
    margin-left: 4px;
}

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

.kb-loading[b-jk6bi534k1] {
    display: flex; justify-content: center; padding: 60px 0;
}

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

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

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

.kb-col-title[b-jk6bi534k1] {
    font-size: 12px; font-weight: 700; color: var(--text);
    text-transform: uppercase; letter-spacing: 0.5px;
}

.kb-col-count[b-jk6bi534k1] {
    font-size: 10px; font-weight: 700; color: #fff;
    min-width: 20px; height: 20px; border-radius: 10px;
    display: inline-flex; align-items: center; justify-content: center;
    padding: 0 6px;
}

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

.kb-card[b-jk6bi534k1] {
    background: var(--surface); border: 1px solid var(--border);
    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-jk6bi534k1] {
    border-color: var(--border3);
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}

.kb-card-title[b-jk6bi534k1] {
    font-size: 13px; font-weight: 600; color: var(--text);
    margin-bottom: 2px; line-height: 1.3;
}

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

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

.kb-card-module[b-jk6bi534k1] {
    font-size: 11px; color: var(--text-3); margin-bottom: 8px;
    font-family: 'JetBrains Mono', monospace;
}

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

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

.kb-avatar[b-jk6bi534k1] {
    width: 22px; height: 22px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 9px; font-weight: 700; color: #fff;
    flex-shrink: 0;
}

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

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

.kb-due[b-jk6bi534k1] {
    display: inline-flex; align-items: center; gap: 3px;
    font-size: 11px; font-family: 'JetBrains Mono', monospace;
    padding: 2px 6px; border-radius: 4px;
}

.due-default[b-jk6bi534k1] { color: var(--text-3); background: var(--surface2); }
.due-today[b-jk6bi534k1] { color: #f59e0b; background: rgba(245,158,11,0.1); }
.due-overdue[b-jk6bi534k1] { color: #ef4444; background: rgba(239,68,68,0.1); }

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

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

.kb-start-btn[b-jk6bi534k1] {
    display: inline-flex; align-items: center; gap: 4px;
    margin-top: 8px; padding: 5px 12px;
    font-size: 11px; font-weight: 700; cursor: pointer;
    border: none; border-radius: 6px;
    background: linear-gradient(135deg, #3b82f6, #06b6d4);
    color: #fff; transition: all 0.15s;
    text-transform: uppercase; letter-spacing: 0.5px;
}

.kb-start-btn:hover[b-jk6bi534k1] {
    box-shadow: 0 2px 10px rgba(59,130,246,0.35);
    transform: translateY(-1px);
}

.kb-open-btn[b-jk6bi534k1] {
    display: inline-flex; align-items: center; gap: 4px;
    margin-top: 8px; padding: 5px 12px;
    font-size: 11px; font-weight: 700; cursor: pointer;
    border: 1px solid var(--border2); border-radius: 6px;
    background: var(--surface2); color: var(--text-2);
    transition: all 0.15s;
    text-transform: uppercase; letter-spacing: 0.5px;
}

.kb-open-btn:hover[b-jk6bi534k1] {
    background: var(--surface3); color: var(--text);
    border-color: var(--border3);
    transform: translateY(-1px);
}

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

.kb-panel[b-jk6bi534k1] {
    background: var(--surface2); border: 1px solid var(--border2);
    border-radius: 10px; overflow: hidden;
}

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

.kb-panel-header:hover[b-jk6bi534k1] { background: var(--surface3); }

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

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

[b-jk6bi534k1] .kb-card-dragging {
    opacity: 0.25;
    background: var(--surface3) !important;
    border: 1px dashed var(--border3) !important;
    box-shadow: none !important;
}

[b-jk6bi534k1] .kb-item-dragging {
    opacity: 0.95;
    box-shadow: 0 8px 24px rgba(0,0,0,0.25);
    transform: rotate(1.5deg);
    border-radius: 8px;
}

[b-jk6bi534k1] .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-jk6bi534k1] .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;
}

/* Won't Complete dialog */
.kb-dialog-backdrop[b-jk6bi534k1] {
    position: fixed; inset: 0;
    background: rgba(0,0,0,0.5); backdrop-filter: blur(4px);
    display: flex; align-items: center; justify-content: center;
    z-index: 1000;
    animation: fadeIn-b-jk6bi534k1 0.15s ease;
}

.kb-dialog[b-jk6bi534k1] {
    background: var(--surface1); border: 1px solid var(--border2);
    border-radius: 12px; padding: 24px;
    width: 100%; max-width: 440px;
    box-shadow: 0 16px 48px rgba(0,0,0,0.3);
    animation: fadeUp-b-jk6bi534k1 0.2s ease both;
}

.kb-dialog-title[b-jk6bi534k1] {
    font-size: 16px; font-weight: 700; color: var(--text);
    margin-bottom: 12px;
}

.kb-dialog-hint[b-jk6bi534k1] {
    font-size: 13px; color: var(--text-2); margin-bottom: 14px; line-height: 1.5;
}

.kb-dialog-textarea[b-jk6bi534k1] {
    width: 100%; padding: 10px 12px;
    background: var(--surface2); border: 1px solid var(--border2);
    border-radius: 8px; color: var(--text);
    font-size: 13px; font-family: inherit;
    resize: vertical; outline: none;
    transition: border-color 0.15s;
}

.kb-dialog-textarea:focus[b-jk6bi534k1] { border-color: var(--accent); }

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

.kb-dialog-btn[b-jk6bi534k1] {
    padding: 8px 18px; border-radius: 7px;
    font-size: 13px; font-weight: 600; cursor: pointer;
    border: 1px solid var(--border2);
    transition: all 0.15s;
    display: inline-flex; align-items: center; gap: 6px;
}

.kb-dialog-btn.cancel[b-jk6bi534k1] {
    background: var(--surface2); color: var(--text-2);
}

.kb-dialog-btn.cancel:hover[b-jk6bi534k1] { background: var(--surface3); color: var(--text); }

.kb-dialog-btn.confirm[b-jk6bi534k1] {
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    border-color: transparent; color: #fff;
}

.kb-dialog-btn.confirm:hover[b-jk6bi534k1] { box-shadow: 0 2px 12px rgba(37,99,235,0.3); }

.kb-dialog-btn.confirm:disabled[b-jk6bi534k1] {
    opacity: 0.5; cursor: not-allowed;
    box-shadow: none;
}

@keyframes fadeIn-b-jk6bi534k1 {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* ── Responsive: Tablet (900px) ── */
@media (max-width: 900px) {
    .stat-grid[b-jk6bi534k1] { grid-template-columns: repeat(3, 1fr); }
    .two-col[b-jk6bi534k1] { grid-template-columns: 1fr; }
    .two-col-wide[b-jk6bi534k1] { grid-template-columns: 1fr; }
    .three-col[b-jk6bi534k1] { grid-template-columns: 1fr; }
    .asset-grid[b-jk6bi534k1] { grid-template-columns: repeat(2, 1fr); }
}

/* ── Responsive: Mobile (600px) ── */
@media (max-width: 600px) {
    .page-header[b-jk6bi534k1] { flex-direction: column; gap: 12px; }
    .header-actions[b-jk6bi534k1] { width: 100%; justify-content: flex-end; }
    .page-title[b-jk6bi534k1] { font-size: 22px; }
    .stat-grid[b-jk6bi534k1] { grid-template-columns: repeat(2, 1fr); }
    .asset-grid[b-jk6bi534k1] { grid-template-columns: 1fr; }
    .board-section[b-jk6bi534k1] { padding: 12px; }
    .board-section-header[b-jk6bi534k1] { flex-direction: column; align-items: flex-start; }
    .kb-filters[b-jk6bi534k1] { width: 100%; }
    .kb-date-nav[b-jk6bi534k1] { margin-left: 0; padding-left: 0; border-left: none; width: 100%; margin-top: 6px; }
}
/* /Pages/GroupDetailPage.razor.rz.scp.css */
.gd-page[b-vnx4gj9xih] {
    padding: 0;
    max-width: 1600px;
    margin: 0 auto;
    animation: fadeUp-b-vnx4gj9xih 0.4s ease both;
}

@keyframes fadeUp-b-vnx4gj9xih {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.gd-loading[b-vnx4gj9xih] {
    display: flex;
    justify-content: center;
    padding: 80px 0;
}

/* Header */
.gd-header[b-vnx4gj9xih] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 28px;
    gap: 16px;
}

.gd-header-left[b-vnx4gj9xih] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.gd-back[b-vnx4gj9xih] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: var(--surface2);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--text-2);
    flex-shrink: 0;
    transition: all 0.15s;
}

.gd-back:hover[b-vnx4gj9xih] {
    border-color: var(--accent-light);
    color: var(--text);
}

.gd-title[b-vnx4gj9xih] {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    color: var(--text);
    line-height: 1.1;
}

.gd-subtitle[b-vnx4gj9xih] {
    font-size: 13px;
    color: var(--text-2);
    margin-top: 2px;
}

.gd-header-right[b-vnx4gj9xih] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.gd-count-pill[b-vnx4gj9xih] {
    padding: 4px 12px;
    border-radius: 20px;
    background: var(--surface2);
    border: 1px solid var(--border);
    font-size: 11px;
    font-weight: 600;
    color: var(--accent-light);
    font-family: 'JetBrains Mono', monospace;
    white-space: nowrap;
}

.gd-icon-btn[b-vnx4gj9xih] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: var(--surface2);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--text-2);
    transition: all 0.15s;
}

.gd-icon-btn:hover[b-vnx4gj9xih] {
    border-color: var(--accent-light);
    color: var(--text);
}

.gd-icon-btn.gd-danger:hover[b-vnx4gj9xih] {
    border-color: var(--danger);
    color: var(--danger);
}

/* Two column layout */
.gd-two-col[b-vnx4gj9xih] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

/* Sections */
.gd-section[b-vnx4gj9xih] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 0;
    overflow: hidden;
}

.gd-section-head[b-vnx4gj9xih] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border-bottom: 1px solid var(--border);
}

.gd-section-title[b-vnx4gj9xih] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
}

.gd-member-count[b-vnx4gj9xih] {
    font-size: 11px;
    font-family: 'JetBrains Mono', monospace;
    background: var(--surface2);
    color: var(--text-3);
    border-radius: 10px;
    padding: 1px 8px;
}

.gd-empty-section[b-vnx4gj9xih] {
    padding: 30px 18px;
    text-align: center;
    font-size: 13px;
    color: var(--text-3);
}

/* Member search */
.gd-member-search[b-vnx4gj9xih] {
    position: relative;
    padding: 12px 16px;
    border-bottom: 1px solid var(--border);
}

.gd-member-search-input[b-vnx4gj9xih] {
    width: 100%;
    padding: 7px 32px 7px 10px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--surface2);
    color: var(--text);
    font-size: 13px;
    font-family: 'Space Grotesk', sans-serif;
    outline: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

.gd-member-search-input[b-vnx4gj9xih]::placeholder {
    color: var(--text-3);
}

.gd-member-search-input:focus[b-vnx4gj9xih] {
    border-color: var(--accent);
}

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

.gd-member-search-clear:hover[b-vnx4gj9xih] {
    color: var(--text);
}

/* Items list */
.gd-items-list[b-vnx4gj9xih] {
    padding: 12px 16px;
    max-height: 500px;
    overflow-y: auto;
}

/* Behaviour groups */
.gd-behaviour-group[b-vnx4gj9xih] {
    margin-bottom: 14px;
}

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

.gd-behaviour-header[b-vnx4gj9xih] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 6px;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--border);
}

.gd-table-section[b-vnx4gj9xih] {
    margin-bottom: 8px;
    padding-left: 4px;
}

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

.gd-table-name[b-vnx4gj9xih] {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-3);
    margin-bottom: 4px;
    padding-left: 2px;
}

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

.gd-check-item[b-vnx4gj9xih] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 8px;
    border-radius: 6px;
    font-size: 13px;
    cursor: pointer;
    transition: background 0.12s;
    user-select: none;
}

.gd-check-item:hover[b-vnx4gj9xih] {
    background: var(--surface2);
    box-shadow: inset 0 0 0 1px var(--border);
}

.gd-check-item.member[b-vnx4gj9xih] {
    background: rgba(59, 130, 246, 0.08);
}

.gd-check-item.member:hover[b-vnx4gj9xih] {
    background: rgba(59, 130, 246, 0.15);
    box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.2);
}

.gd-checkbox[b-vnx4gj9xih] {
    width: 16px;
    height: 16px;
    border: 1.5px solid var(--border2);
    border-radius: 4px;
    background: var(--surface);
    flex-shrink: 0;
    position: relative;
    transition: all 0.15s;
}

.gd-checkbox.checked[b-vnx4gj9xih] {
    background: var(--accent);
    border-color: var(--accent);
}

.gd-checkbox.checked[b-vnx4gj9xih]::after {
    content: '';
    position: absolute;
    left: 4px;
    top: 1px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

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

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

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

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

.gd-check-id[b-vnx4gj9xih] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    color: var(--text-3);
    flex-shrink: 0;
}

/* Comment box */
.gd-comment-box[b-vnx4gj9xih] {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    padding: 12px 18px;
    border-bottom: 1px solid var(--border);
}

.gd-comment-input[b-vnx4gj9xih] {
    flex: 1;
    background: var(--surface2);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px 12px;
    font-size: 13px;
    font-family: 'Space Grotesk', sans-serif;
    color: var(--text);
    resize: none;
    outline: none;
    transition: border-color 0.15s;
    line-height: 1.4;
    box-sizing: border-box;
}

.gd-comment-input[b-vnx4gj9xih]::placeholder {
    color: var(--text-3);
}

.gd-comment-input:focus[b-vnx4gj9xih] {
    border-color: var(--accent);
}

.gd-comment-input:disabled[b-vnx4gj9xih] {
    opacity: 0.5;
}

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

.gd-comment-send:hover:not(:disabled)[b-vnx4gj9xih] {
    background: var(--cyan);
    transform: translateY(-1px);
}

.gd-comment-send:disabled[b-vnx4gj9xih] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Feed */
.gd-feed[b-vnx4gj9xih] {
    max-height: 500px;
    overflow-y: auto;
}

.gd-feed-item[b-vnx4gj9xih] {
    display: flex;
    gap: 12px;
    padding: 10px 18px;
    border-bottom: 1px solid var(--border);
}

.gd-feed-item:last-child[b-vnx4gj9xih] {
    border-bottom: none;
}

.gd-feed-dot[b-vnx4gj9xih] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-top: 6px;
    flex-shrink: 0;
}

.dot-gray[b-vnx4gj9xih] { background: #6b7280; box-shadow: 0 0 6px rgba(107, 114, 128, 0.4); }
.dot-teal[b-vnx4gj9xih] { background: #14b8a6; box-shadow: 0 0 6px rgba(20, 184, 166, 0.4); }
.dot-amber[b-vnx4gj9xih] { background: #f59e0b; box-shadow: 0 0 6px rgba(245, 158, 11, 0.4); }
.dot-purple[b-vnx4gj9xih] { background: #8b5cf6; box-shadow: 0 0 6px rgba(139, 92, 246, 0.4); }
.dot-orange[b-vnx4gj9xih] { background: #f97316; box-shadow: 0 0 6px rgba(249, 115, 22, 0.4); }
.dot-default[b-vnx4gj9xih] { background: var(--text-3); }

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

.gd-feed-line[b-vnx4gj9xih] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--text-2);
}

.gd-feed-actor[b-vnx4gj9xih] {
    font-weight: 600;
    color: var(--text);
}

.gd-feed-chip[b-vnx4gj9xih] {
    padding: 1px 8px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.chip-gray[b-vnx4gj9xih] { background: rgba(107, 114, 128, 0.15); color: #9ca3af; }
.chip-teal[b-vnx4gj9xih] { background: rgba(20, 184, 166, 0.15); color: #14b8a6; }
.chip-amber[b-vnx4gj9xih] { background: rgba(245, 158, 11, 0.15); color: #f59e0b; }
.chip-purple[b-vnx4gj9xih] { background: rgba(139, 92, 246, 0.15); color: #8b5cf6; }
.chip-orange[b-vnx4gj9xih] { background: rgba(249, 115, 22, 0.15); color: #f97316; }
.chip-default[b-vnx4gj9xih] { background: var(--surface2); color: var(--text-2); }

.gd-feed-item-name[b-vnx4gj9xih] {
    font-weight: 500;
    color: var(--accent-light);
}

.gd-feed-arrow[b-vnx4gj9xih] {
    color: var(--text-3);
}

.gd-feed-count[b-vnx4gj9xih] {
    color: var(--text-3);
    font-size: 11px;
}

.gd-feed-comment[b-vnx4gj9xih] {
    font-size: 13px;
    color: var(--text);
    margin-top: 4px;
    line-height: 1.4;
    white-space: pre-wrap;
}

.gd-feed-time[b-vnx4gj9xih] {
    font-size: 11px;
    color: var(--text-3);
    margin-top: 4px;
}


/* Responsive */
@media (max-width: 768px) {
    .gd-two-col[b-vnx4gj9xih] {
        grid-template-columns: 1fr;
    }

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

    .gd-title[b-vnx4gj9xih] {
        font-size: 22px;
    }
}
/* /Pages/GroupFormPage.razor.rz.scp.css */
/* Page layout */
.te-page[b-eykro32uol] {
    padding: 0;
    max-width: 1600px;
    margin: 0 auto;
    animation: fadeUp-b-eykro32uol 0.4s ease both;
}

@keyframes fadeUp-b-eykro32uol {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Header */
.te-header[b-eykro32uol] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 28px;
}

.te-header-left[b-eykro32uol] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.te-back[b-eykro32uol] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--surface2);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s;
    color: var(--text-2);
    flex-shrink: 0;
    margin-top: 2px;
}

.te-back:hover[b-eykro32uol] {
    background: var(--surface3);
    border-color: var(--border2);
    color: var(--text);
}

.te-title[b-eykro32uol] {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    color: var(--text);
    line-height: 1.1;
    margin-bottom: 4px;
}

.te-subtitle[b-eykro32uol] {
    font-size: 12px;
    color: var(--text-2);
    font-family: 'JetBrains Mono', monospace;
}

/* Sections */
.te-section[b-eykro32uol] {
    margin-bottom: 24px;
}

.te-section-header[b-eykro32uol] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.te-section-title[b-eykro32uol] {
    font-weight: 600;
    font-size: 14px;
    color: var(--text);
}

/* Card */
.te-card[b-eykro32uol] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

.te-card-body[b-eykro32uol] {
    padding: 20px 24px;
}

/* Actions */
.te-actions[b-eykro32uol] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 8px;
    position: sticky;
    bottom: 0;
    background: linear-gradient(transparent, var(--bg) 30%);
    padding-bottom: 16px;
    padding-top: 24px;
}

.te-actions[b-eykro32uol]  .te-save-btn {
    padding: 8px 28px;
    font-weight: 600;
    letter-spacing: 0.3px;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--accent), var(--cyan)) !important;
    border: none !important;
    color: white !important;
    box-shadow: 0 2px 12px rgba(37, 99, 235, 0.25);
    transition: all 0.15s;
}

.te-actions[b-eykro32uol]  .te-save-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35);
}

.te-cancel-btn[b-eykro32uol] {
    background: none;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px 20px;
    color: var(--text-2);
    font-size: 13px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
}

.te-cancel-btn:hover[b-eykro32uol] {
    background: var(--surface2);
    border-color: var(--border2);
    color: var(--text);
}

/* Loading */
.gf-loading[b-eykro32uol] {
    display: flex;
    justify-content: center;
    padding: 80px 0;
}

@media (max-width: 768px) {
    .te-card-body[b-eykro32uol] { padding: 16px; }
}
/* /Pages/GroupListPage.razor.rz.scp.css */
.gl-page[b-2bfo5i33ng] {
    padding: 0;
    max-width: 1600px;
    margin: 0 auto;
    animation: fadeUp-b-2bfo5i33ng 0.4s ease both;
}

@keyframes fadeUp-b-2bfo5i33ng {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.gl-header[b-2bfo5i33ng] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 28px;
}

.gl-header-left[b-2bfo5i33ng] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.gl-back[b-2bfo5i33ng] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--surface2);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s;
    color: var(--text-2);
    flex-shrink: 0;
    margin-top: 2px;
}

.gl-back:hover[b-2bfo5i33ng] {
    background: var(--surface3);
    border-color: var(--border2);
    color: var(--text);
}

.gl-title[b-2bfo5i33ng] {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    color: var(--text);
    line-height: 1.1;
    margin-bottom: 4px;
}

.gl-subtitle[b-2bfo5i33ng] {
    font-size: 13px;
    color: var(--text-2);
}

.gl-header-right[b-2bfo5i33ng] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.gl-count-pill[b-2bfo5i33ng] {
    padding: 4px 12px;
    border-radius: 20px;
    background: var(--surface2);
    border: 1px solid var(--border);
    font-size: 11px;
    font-weight: 600;
    color: var(--text-2);
    font-family: 'JetBrains Mono', monospace;
    white-space: nowrap;
}

.gl-add-btn[b-2bfo5i33ng] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    border: none;
    color: white;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
    box-shadow: 0 2px 12px rgba(37, 99, 235, 0.25);
    white-space: nowrap;
}

.gl-add-btn:hover[b-2bfo5i33ng] {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35);
}

.gl-loading[b-2bfo5i33ng] {
    display: flex;
    justify-content: center;
    padding: 80px 0;
}

.gl-empty[b-2bfo5i33ng] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 20px;
    gap: 12px;
    text-align: center;
}

.gl-empty-title[b-2bfo5i33ng] {
    font-size: 16px;
    font-weight: 600;
    color: var(--text);
}

.gl-empty-desc[b-2bfo5i33ng] {
    font-size: 13px;
    color: var(--text-2);
    max-width: 400px;
    line-height: 1.5;
}

.gl-grid[b-2bfo5i33ng] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

@media (max-width: 900px) {
    .gl-grid[b-2bfo5i33ng] { grid-template-columns: repeat(2, 1fr); }
}

.gl-card[b-2bfo5i33ng] {
    background: var(--surface);
    border: 1px solid var(--border);
    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-2bfo5i33ng] {
    border-color: rgba(59, 130, 246, 0.3);
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.08), 0 8px 24px rgba(0, 0, 0, 0.25);
    transform: translateY(-2px);
}

.gl-card-top-right[b-2bfo5i33ng] {
    position: absolute;
    top: 14px;
    right: 14px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.gl-card-count[b-2bfo5i33ng] {
    padding: 2px 8px;
    background: rgba(59, 130, 246, 0.1);
    border: 1px solid rgba(59, 130, 246, 0.2);
    border-radius: 20px;
    font-size: 10px;
    font-weight: 600;
    color: var(--accent-light);
    font-family: 'JetBrains Mono', monospace;
}

.gl-card-arrow[b-2bfo5i33ng] {
    color: var(--text-3);
    opacity: 0;
    transition: all 0.2s;
    transform: translateX(-4px);
    display: flex;
    align-items: center;
}

.gl-card:hover .gl-card-arrow[b-2bfo5i33ng] {
    opacity: 1;
    transform: translateX(0);
}

.gl-card-icon[b-2bfo5i33ng] {
    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-2bfo5i33ng] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.gl-card-name[b-2bfo5i33ng] {
    font-size: 14px;
    font-weight: 700;
    color: var(--text);
}

.gl-card-desc[b-2bfo5i33ng] {
    font-size: 11px;
    color: var(--text-2);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.gl-card-meta[b-2bfo5i33ng] {
    display: flex;
    gap: 6px;
    margin-top: auto;
}

.gl-chip[b-2bfo5i33ng] {
    padding: 2px 8px;
    background: color-mix(in srgb, var(--chip-colour, transparent) 12%, var(--surface3));
    border: 1px solid color-mix(in srgb, var(--chip-colour, transparent) 30%, var(--border));
    border-radius: 20px;
    font-size: 10px;
    color: var(--chip-colour, var(--text-3));
    font-family: 'JetBrains Mono', monospace;
}

/* Responsive */
@media (max-width: 640px) {
    .gl-header[b-2bfo5i33ng] {
        flex-direction: column;
        gap: 16px;
    }

    .gl-grid[b-2bfo5i33ng] {
        grid-template-columns: 1fr;
    }

    .gl-title[b-2bfo5i33ng] {
        font-size: 22px;
    }
}
/* /Pages/Invite.razor.rz.scp.css */
.form-header[b-lf2fh3g3eu] {
    margin-bottom: 28px;
    animation: fadeUp 0.4s ease both;
}

.form-title[b-lf2fh3g3eu] {
    font-family: 'Instrument Serif', serif;
    font-size: 28px;
    color: var(--text);
    margin-bottom: 6px;
}

.form-title em[b-lf2fh3g3eu] {
    font-style: italic;
    color: var(--text-2);
}

.form-sub[b-lf2fh3g3eu] {
    font-size: 13px;
    color: var(--text-3);
    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/InviteUserPage.razor.rz.scp.css */
/* Page layout */
.te-page[b-itd108kdmf] {
    padding: 28px 32px 48px;
    max-width: 1600px;
    margin: 0 auto;
    animation: fadeUp-b-itd108kdmf 0.4s ease both;
}

@keyframes fadeUp-b-itd108kdmf {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Header */
.te-header[b-itd108kdmf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 28px;
}

.te-header-left[b-itd108kdmf] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.te-back[b-itd108kdmf] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--surface2);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s;
    color: var(--text-2);
    flex-shrink: 0;
    margin-top: 2px;
}

.te-back:hover[b-itd108kdmf] {
    background: var(--surface3);
    border-color: var(--border2);
    color: var(--text);
}

.te-title[b-itd108kdmf] {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    color: var(--text);
    line-height: 1.1;
    margin-bottom: 4px;
}

.te-subtitle[b-itd108kdmf] {
    font-size: 12px;
    color: var(--text-2);
    font-family: 'JetBrains Mono', monospace;
}

/* Sections */
.te-section[b-itd108kdmf] {
    margin-bottom: 24px;
}

.te-section-header[b-itd108kdmf] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.te-section-title[b-itd108kdmf] {
    font-weight: 600;
    font-size: 14px;
    color: var(--text);
}

/* Card */
.te-card[b-itd108kdmf] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

.te-card-body[b-itd108kdmf] {
    padding: 20px 24px;
}

/* Actions */
.te-actions[b-itd108kdmf] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 8px;
    position: sticky;
    bottom: 0;
    background: linear-gradient(transparent, var(--bg) 30%);
    padding-bottom: 16px;
    padding-top: 24px;
}

.te-actions[b-itd108kdmf]  .te-save-btn {
    padding: 8px 28px;
    font-weight: 600;
    letter-spacing: 0.3px;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--accent), var(--cyan)) !important;
    border: none !important;
    color: white !important;
    box-shadow: 0 2px 12px rgba(37, 99, 235, 0.25);
    transition: all 0.15s;
}

.te-actions[b-itd108kdmf]  .te-save-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35);
}

.te-cancel-btn[b-itd108kdmf] {
    background: none;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px 20px;
    color: var(--text-2);
    font-size: 13px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
}

.te-cancel-btn:hover[b-itd108kdmf] {
    background: var(--surface2);
    border-color: var(--border2);
    color: var(--text);
}

@media (max-width: 768px) {
    .te-page[b-itd108kdmf] { padding: 20px 16px 40px; }
    .te-card-body[b-itd108kdmf] { padding: 16px; }
}
/* /Pages/LocationEditPage.razor.rz.scp.css */
/* Page layout */
.te-page[b-fnr0u34a8o] {
    padding: 0;
    max-width: 1600px;
    margin: 0 auto;
    animation: fadeUp-b-fnr0u34a8o 0.4s ease both;
}

@keyframes fadeUp-b-fnr0u34a8o {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Header */
.te-header[b-fnr0u34a8o] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 28px;
}

.te-header-left[b-fnr0u34a8o] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.te-back[b-fnr0u34a8o] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--surface2);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s;
    color: var(--text-2);
    flex-shrink: 0;
    margin-top: 2px;
}

.te-back:hover[b-fnr0u34a8o] {
    background: var(--surface3);
    border-color: var(--border2);
    color: var(--text);
}

.te-title[b-fnr0u34a8o] {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    color: var(--text);
    line-height: 1.1;
    margin-bottom: 4px;
}

.te-subtitle[b-fnr0u34a8o] {
    font-size: 12px;
    color: var(--text-2);
    font-family: 'JetBrains Mono', monospace;
}

/* Sections */
.te-section[b-fnr0u34a8o] {
    margin-bottom: 24px;
}

.te-section-header[b-fnr0u34a8o] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.te-section-title[b-fnr0u34a8o] {
    font-weight: 600;
    font-size: 14px;
    color: var(--text);
}

/* Card */
.te-card[b-fnr0u34a8o] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

.te-card-body[b-fnr0u34a8o] {
    padding: 20px 24px;
}

/* Actions */
.te-actions[b-fnr0u34a8o] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 8px;
    position: sticky;
    bottom: 0;
    background: linear-gradient(transparent, var(--bg) 30%);
    padding-bottom: 16px;
    padding-top: 24px;
}

.te-actions[b-fnr0u34a8o]  .te-save-btn {
    padding: 8px 28px;
    font-weight: 600;
    letter-spacing: 0.3px;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--accent), var(--cyan)) !important;
    border: none !important;
    color: white !important;
    box-shadow: 0 2px 12px rgba(37, 99, 235, 0.25);
    transition: all 0.15s;
}

.te-actions[b-fnr0u34a8o]  .te-save-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35);
}

.te-cancel-btn[b-fnr0u34a8o] {
    background: none;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px 20px;
    color: var(--text-2);
    font-size: 13px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
}

.te-cancel-btn:hover[b-fnr0u34a8o] {
    background: var(--surface2);
    border-color: var(--border2);
    color: var(--text);
}

/* Loading */
.gf-loading[b-fnr0u34a8o] {
    display: flex;
    justify-content: center;
    padding: 80px 0;
}

@media (max-width: 768px) {
    .te-card-body[b-fnr0u34a8o] { padding: 16px; }
}
/* /Pages/LocationLandingPage.razor.rz.scp.css */
.lloc-page[b-2vus4mdacm] {
    max-width: 1600px;
    margin: 0 auto;
    animation: fadeUp 0.4s ease both;
}

.lloc-header[b-2vus4mdacm] {
    margin-bottom: 28px;
}

.lloc-back[b-2vus4mdacm] {
    font-size: 12px;
    color: var(--text-3);
    cursor: pointer;
    transition: color 0.15s;
    margin-bottom: 8px;
}

.lloc-back:hover[b-2vus4mdacm] {
    color: var(--text);
}

.lloc-title[b-2vus4mdacm] {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    color: var(--text);
    line-height: 1.1;
    margin-bottom: 4px;
}

.lloc-sub[b-2vus4mdacm] {
    font-size: 13px;
    color: var(--text-2);
}

/* ── Card grid ── */

.lloc-grid[b-2vus4mdacm] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

@media (max-width: 900px) {
    .lloc-grid[b-2vus4mdacm] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
    .lloc-grid[b-2vus4mdacm] { grid-template-columns: 1fr; }
}

/* ── Empty state ── */

.lloc-empty[b-2vus4mdacm] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 48px 24px;
    text-align: center;
}

.lloc-empty-title[b-2vus4mdacm] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 8px;
}

.lloc-empty-desc[b-2vus4mdacm] {
    font-size: 12px;
    color: var(--text-2);
}
/* /Pages/LockoutPage.razor.rz.scp.css */
.lockout-page[b-cvrbf1n78z] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 24px;
}

.lockout-card[b-cvrbf1n78z] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 48px 40px;
    max-width: 440px;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.4);
    animation: fadeUp 0.4s ease both;
}

.lockout-icon[b-cvrbf1n78z] {
    font-size: 48px;
    margin-bottom: 8px;
}

.lockout-title[b-cvrbf1n78z] {
    font-family: 'Instrument Serif', serif;
    font-size: 24px;
    color: var(--text);
    line-height: 1.2;
}

.lockout-message[b-cvrbf1n78z] {
    font-size: 13px;
    color: var(--text-2);
    line-height: 1.6;
}

.lockout-btn[b-cvrbf1n78z] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--accent), var(--cyan-light));
    border: none;
    color: white;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.3);
    margin-top: 8px;
}

.lockout-btn:hover[b-cvrbf1n78z] {
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(37, 99, 235, 0.4);
}

.lockout-hint[b-cvrbf1n78z] {
    font-size: 12px;
    color: var(--text-3);
    padding: 12px 20px;
    border-radius: 8px;
    background: var(--surface2);
    border: 1px solid var(--border);
}

.lockout-logout[b-cvrbf1n78z] {
    border: none;
    background: none;
    color: var(--text-3);
    font-size: 12px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
    margin-top: 8px;
}

.lockout-logout:hover[b-cvrbf1n78z] {
    color: var(--rose-light);
}
/* /Pages/Login.razor.rz.scp.css */
.form-header[b-3i4jb12h0w] {
    margin-bottom: 28px;
    animation: fadeUp 0.4s ease both;
}

.form-title[b-3i4jb12h0w] {
    font-family: 'Instrument Serif', serif;
    font-size: 28px;
    color: var(--text);
    margin-bottom: 6px;
}

.form-title em[b-3i4jb12h0w] {
    font-style: italic;
    color: var(--text-2);
}

.form-sub[b-3i4jb12h0w] {
    font-size: 13px;
    color: var(--text-3);
    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(--text-3);
    font-size: 11px;
}

.form-divider[b-3i4jb12h0w]::before, .form-divider[b-3i4jb12h0w]::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--border2);
}

.form-footer[b-3i4jb12h0w] {
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
    color: var(--text-3);
}

.form-footer a[b-3i4jb12h0w] {
    color: var(--accent-light);
    cursor: pointer;
}

.form-footer a:hover[b-3i4jb12h0w] {
    text-decoration: underline;
}
/* /Pages/ManageTeamMembersPage.razor.rz.scp.css */
/* Page layout */
.te-page[b-6on326ali4] {
    padding: 28px 32px 48px;
    max-width: 1600px;
    margin: 0 auto;
    animation: fadeUp 0.4s ease both;
}

/* Header */
.te-header[b-6on326ali4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 28px;
}

.te-header-left[b-6on326ali4] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.te-back[b-6on326ali4] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--surface2);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s;
    color: var(--text-2);
    flex-shrink: 0;
    margin-top: 2px;
}

.te-back:hover[b-6on326ali4] {
    background: var(--surface3);
    border-color: var(--border2);
    color: var(--text);
}

.te-title[b-6on326ali4] {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    color: var(--text);
    line-height: 1.1;
    margin-bottom: 4px;
}

.te-subtitle[b-6on326ali4] {
    font-size: 12px;
    color: var(--text-2);
    font-family: 'JetBrains Mono', monospace;
}

/* Sections */
.te-section[b-6on326ali4] {
    margin-bottom: 24px;
}

.te-section-header[b-6on326ali4] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.te-section-title[b-6on326ali4] {
    font-weight: 600;
    font-size: 14px;
    color: var(--text);
}

.te-section-hint[b-6on326ali4] {
    font-size: 12px;
    color: var(--text-2);
    font-family: 'JetBrains Mono', monospace;
}

/* Search */
.mm-search-wrap[b-6on326ali4] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 10px;
    margin-bottom: 12px;
    transition: border-color 0.15s;
}

.mm-search-wrap:focus-within[b-6on326ali4] {
    border-color: var(--accent-light);
}

.mm-search[b-6on326ali4] {
    flex: 1;
    background: none;
    border: none;
    outline: none;
    color: var(--text);
    font-size: 13px;
    font-family: 'Space Grotesk', sans-serif;
}

.mm-search[b-6on326ali4]::placeholder {
    color: var(--text-3);
}

/* User list */
.mm-user-list[b-6on326ali4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mm-user-row[b-6on326ali4] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 10px;
    transition: all 0.2s;
}

.mm-user-row:hover[b-6on326ali4] {
    border-color: var(--border2);
    background: var(--surface2);
}

.mm-user-avatar[b-6on326ali4] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.mm-user-avatar span[b-6on326ali4] {
    font-size: 12px;
    font-weight: 700;
    color: white;
    font-family: 'Space Grotesk', sans-serif;
}

.mm-user-info[b-6on326ali4] {
    flex: 1;
    min-width: 0;
}

.mm-user-name[b-6on326ali4] {
    font-weight: 600;
    font-size: 13px;
    color: var(--text);
    margin-bottom: 1px;
}

.mm-user-email[b-6on326ali4] {
    font-size: 11px;
    color: var(--text-3);
    font-family: 'JetBrains Mono', monospace;
}

/* Toggle button */
.mm-toggle-btn[b-6on326ali4] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
    flex-shrink: 0;
}

.mm-toggle-btn.add[b-6on326ali4] {
    background: rgba(37, 99, 235, 0.08);
    border: 1px solid rgba(37, 99, 235, 0.2);
    color: var(--accent-light);
}

.mm-toggle-btn.add:hover[b-6on326ali4] {
    background: rgba(37, 99, 235, 0.15);
    border-color: rgba(37, 99, 235, 0.35);
}

.mm-toggle-btn.remove[b-6on326ali4] {
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid rgba(239, 68, 68, 0.2);
    color: #ef4444;
}

.mm-toggle-btn.remove:hover[b-6on326ali4] {
    background: rgba(239, 68, 68, 0.15);
    border-color: rgba(239, 68, 68, 0.35);
}

/* Empty */
.mm-empty[b-6on326ali4] {
    padding: 24px;
    text-align: center;
    color: var(--text-3);
    font-size: 13px;
}

@media (max-width: 600px) {
    .te-page[b-6on326ali4] { padding: 20px 16px 40px; }
}
/* /Pages/OrgPage.razor.rz.scp.css */
.org-page[b-hk4muu6pyt] {
    max-width: 1600px;
    margin: 0 auto;
    animation: fadeUp 0.4s ease both;
}

.org-header[b-hk4muu6pyt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 28px;
}

.org-title[b-hk4muu6pyt] {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    color: var(--text);
    line-height: 1.1;
    margin-bottom: 4px;
}

.org-sub[b-hk4muu6pyt] {
    font-size: 13px;
    color: var(--text-2);
}

/* ── Card grid ── */

.org-grid[b-hk4muu6pyt] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

@media (max-width: 900px) {
    .org-grid[b-hk4muu6pyt] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
    .org-grid[b-hk4muu6pyt] { grid-template-columns: 1fr; }
}

/* ── Cards ── */

.org-card[b-hk4muu6pyt] {
    background: var(--surface);
    border: 1px solid var(--border);
    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-hk4muu6pyt]::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; height: 2px;
    background: linear-gradient(90deg, var(--emerald-light), var(--cyan-light));
    opacity: 0;
    transition: opacity 0.2s;
}

.org-card:hover[b-hk4muu6pyt] {
    background: var(--surface2);
    border-color: var(--border2);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

.org-card:hover[b-hk4muu6pyt]::before { opacity: 1; }

/* Empty state */
.org-empty[b-hk4muu6pyt] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 48px 24px;
    text-align: center;
}

.org-empty-title[b-hk4muu6pyt] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 6px;
}

.org-empty-desc[b-hk4muu6pyt] {
    font-size: 12px;
    color: var(--text-2);
}

.org-card-arrow[b-hk4muu6pyt] {
    position: absolute;
    top: 20px; right: 20px;
    font-size: 16px;
    color: var(--text-3);
    opacity: 0;
    transition: all 0.2s;
    transform: translateX(-4px);
}

.org-card:hover .org-card-arrow[b-hk4muu6pyt] {
    opacity: 1;
    transform: translateX(0);
}

.org-card-icon[b-hk4muu6pyt] {
    font-size: 28px;
}

.org-card-body[b-hk4muu6pyt] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.org-card-name[b-hk4muu6pyt] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text);
}

.org-card-desc[b-hk4muu6pyt] {
    font-size: 11px;
    color: var(--text-3);
    line-height: 1.5;
}

.org-card-meta[b-hk4muu6pyt] {
    display: flex;
    gap: 8px;
    margin-top: auto;
    flex-wrap: wrap;
}

.org-chip[b-hk4muu6pyt] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    background: var(--surface3);
    border: 1px solid var(--border);
    border-radius: 20px;
    font-size: 10px;
    color: var(--text-3);
    font-family: 'JetBrains Mono', monospace;
}

.org-chip-danger[b-hk4muu6pyt] {
    border-color: rgba(244, 63, 94, 0.25);
    background: rgba(244, 63, 94, 0.08);
    color: #f43f5e;
}

.org-chip-dot[b-hk4muu6pyt] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
}
/* /Pages/QuePage.razor.rz.scp.css */
/* ── Que full-page layout ── */
.que-page[b-beoykt54f3] {
    display: flex;
    height: calc(100vh - var(--topbar-height));
    margin: -22px -24px;
    background: var(--bg);
}

/* ── Left sidebar ── */
.que-sidebar[b-beoykt54f3] {
    width: 260px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    background: var(--bg2);
    border-right: 1px solid var(--border);
}

.sidebar-header[b-beoykt54f3] {
    padding: 16px;
    border-bottom: 1px solid var(--border);
    flex-shrink: 0;
}

.sidebar-identity[b-beoykt54f3] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sidebar-av[b-beoykt54f3] {
    width: 36px;
    height: 36px;
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    position: relative;
}

.sidebar-av[b-beoykt54f3]::after {
    content: '';
    position: absolute;
    inset: -1px;
    border-radius: 11px;
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    opacity: 0.25;
    filter: blur(6px);
    z-index: -1;
}

.sidebar-online[b-beoykt54f3] {
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 9px;
    height: 9px;
    background: var(--emerald-light);
    border-radius: 50%;
    border: 2px solid var(--bg2);
    box-shadow: 0 0 6px var(--emerald-light);
}

.sidebar-name[b-beoykt54f3] {
    font-size: 14px;
    font-weight: 700;
    color: var(--text);
}

.sidebar-role[b-beoykt54f3] {
    font-size: 10px;
    color: var(--text-3);
}

.new-convo-btn[b-beoykt54f3] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 12px 12px 0;
    padding: 9px 14px;
    background: linear-gradient(135deg, rgba(37,99,235,0.1), rgba(8,145,178,0.1));
    border: 1px solid rgba(37,99,235,0.2);
    border-radius: 8px;
    color: var(--accent, #3b82f6);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s;
    flex-shrink: 0;
}

.new-convo-btn:hover[b-beoykt54f3] {
    background: linear-gradient(135deg, rgba(37,99,235,0.18), rgba(8,145,178,0.18));
    border-color: rgba(37,99,235,0.35);
}

.convo-list[b-beoykt54f3] {
    flex: 1;
    overflow-y: auto;
    padding: 8px;
}

.convo-empty[b-beoykt54f3] {
    padding: 20px 12px;
    text-align: center;
    font-size: 11px;
    color: var(--text-3);
}

.convo-item[b-beoykt54f3] {
    padding: 10px 12px;
    border-radius: 7px;
    cursor: pointer;
    transition: all 0.1s;
    margin-bottom: 2px;
}

.convo-item:hover[b-beoykt54f3] {
    background: var(--surface2);
}

.convo-item.active[b-beoykt54f3] {
    background: var(--surface3);
    border: 1px solid var(--border2);
}

.convo-title[b-beoykt54f3] {
    font-size: 12px;
    font-weight: 500;
    color: var(--text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.convo-date[b-beoykt54f3] {
    font-size: 10px;
    color: var(--text-3);
    margin-top: 2px;
}

.sidebar-suggestions[b-beoykt54f3] {
    padding: 12px;
    border-top: 1px solid var(--border);
    flex-shrink: 0;
}

.sidebar-suggestions-label[b-beoykt54f3] {
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-3);
    margin-bottom: 8px;
}

.sidebar-sug[b-beoykt54f3] {
    padding: 6px 10px;
    background: var(--surface2);
    border: 1px solid var(--border);
    border-radius: 6px;
    font-size: 11px;
    color: var(--text-2);
    cursor: pointer;
    transition: all 0.15s;
    margin-bottom: 4px;
}

.sidebar-sug:hover[b-beoykt54f3] {
    background: var(--surface3);
    border-color: var(--border2);
    color: var(--text);
}

/* ── Main chat area ── */
.que-chat[b-beoykt54f3] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
}

.que-chat[b-beoykt54f3]::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-beoykt54f3] {
    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-beoykt54f3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    gap: 8px;
    padding: 60px 0;
}

.welcome-av[b-beoykt54f3] {
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    box-shadow: 0 8px 32px rgba(37,99,235,0.2);
}

.welcome-title[b-beoykt54f3] {
    font-size: 22px;
    font-weight: 700;
    color: var(--text);
    margin-top: 8px;
}

.welcome-sub[b-beoykt54f3] {
    font-size: 13px;
    color: var(--text-2);
}

.welcome-hint[b-beoykt54f3] {
    font-size: 11px;
    color: var(--text-3);
    margin-top: 4px;
}

/* ── Message bubbles ── */
.chat-msg[b-beoykt54f3] {
    display: flex;
    gap: 10px;
    animation: fadeUp-b-beoykt54f3 0.25s ease both;
}

.chat-msg.user[b-beoykt54f3] {
    flex-direction: row-reverse;
}

.chat-msg-av[b-beoykt54f3] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

.chat-msg-av.ai[b-beoykt54f3] {
    background: linear-gradient(135deg, var(--accent), var(--cyan));
}

.chat-msg-av.user[b-beoykt54f3] {
    background: linear-gradient(135deg, var(--violet), var(--violet-light));
    font-size: 10px;
    font-weight: 700;
    color: white;
}

.chat-msg-body[b-beoykt54f3] {
    flex: 1;
    min-width: 0;
    max-width: 75%;
}

.chat-msg.user .chat-msg-body[b-beoykt54f3] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.chat-msg-bub[b-beoykt54f3] {
    padding: 12px 16px;
    font-size: 13px;
    line-height: 1.6;
}

[b-beoykt54f3] .chat-msg.ai .chat-msg-bub {
    background: var(--surface2);
    border: 1px solid var(--border);
    border-radius: 2px 14px 14px 14px;
    color: var(--text-2);
}

[b-beoykt54f3] .chat-msg.user .chat-msg-bub {
    background: linear-gradient(135deg, rgba(37,99,235,0.15), rgba(8,145,178,0.15));
    border: 1px solid rgba(37,99,235,0.2);
    border-radius: 14px 2px 14px 14px;
    color: var(--text);
}

/* Markdown prose */
.chat-msg-bub p[b-beoykt54f3] { margin: 0 0 8px; }
.chat-msg-bub p:last-child[b-beoykt54f3] { margin-bottom: 0; }
.chat-msg-bub strong[b-beoykt54f3] { font-weight: 700; color: var(--text); }
.chat-msg-bub em[b-beoykt54f3] { font-style: italic; }
.chat-msg-bub ul[b-beoykt54f3], [b-beoykt54f3] .chat-msg-bub ol { margin: 4px 0 8px 18px; padding: 0; }
.chat-msg-bub li[b-beoykt54f3] { margin-bottom: 3px; }
.chat-msg-bub h1[b-beoykt54f3], [b-beoykt54f3] .chat-msg-bub h2, [b-beoykt54f3] .chat-msg-bub h3 {
    font-size: 13px; font-weight: 700; color: var(--text); margin: 10px 0 4px;
}
.chat-msg-bub h1:first-child[b-beoykt54f3], [b-beoykt54f3] .chat-msg-bub h2:first-child, [b-beoykt54f3] .chat-msg-bub h3:first-child { margin-top: 0; }
.chat-msg-bub code[b-beoykt54f3] {
    background: var(--surface3); padding: 2px 5px; border-radius: 4px; font-size: 12px;
}
.chat-msg-bub a[b-beoykt54f3] { color: var(--accent, #3b82f6); text-decoration: underline; }
.chat-msg-bub table[b-beoykt54f3] { border-collapse: collapse; margin: 8px 0; width: 100%; font-size: 12px; }
.chat-msg-bub th[b-beoykt54f3], [b-beoykt54f3] .chat-msg-bub td {
    border: 1px solid var(--border); padding: 4px 10px; text-align: left;
}
.chat-msg-bub th[b-beoykt54f3] { font-weight: 700; background: var(--surface3); }

/* Suggested replies on messages */
.chat-replies[b-beoykt54f3] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
    animation: slideIn-b-beoykt54f3 0.3s ease both;
}

.chat-reply-chip[b-beoykt54f3] {
    padding: 5px 12px;
    background: var(--surface3);
    border: 1px solid var(--border2);
    border-radius: 20px;
    font-size: 11px;
    color: var(--text-2);
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}

.chat-reply-chip:hover[b-beoykt54f3] {
    background: var(--glow-blue);
    border-color: rgba(37,99,235,0.3);
    color: var(--text);
}

/* Action button on messages */
.chat-msg-action[b-beoykt54f3] {
    margin-top: 8px;
    animation: slideIn-b-beoykt54f3 0.3s ease both;
}

.chat-action-btn[b-beoykt54f3] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    background: linear-gradient(135deg, rgba(37,99,235,0.12), rgba(8,145,178,0.12));
    border: 1px solid rgba(37,99,235,0.25);
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    color: var(--accent, #3b82f6);
    cursor: pointer;
    transition: all 0.2s;
}

.chat-action-btn:hover[b-beoykt54f3] {
    background: linear-gradient(135deg, rgba(37,99,235,0.22), rgba(8,145,178,0.22));
    border-color: rgba(37,99,235,0.4);
    transform: translateY(-1px);
}

.chat-action-icon[b-beoykt54f3] { font-size: 14px; }

/* ── Content loaded indicator ── */
.msg-content-loaded[b-beoykt54f3] {
    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: 11px;
    color: var(--emerald-light);
    font-family: 'JetBrains Mono', monospace;
    animation: fadeUp-b-beoykt54f3 0.25s ease both;
}

/* ── Typing indicator ── */
.chat-typing[b-beoykt54f3] {
    display: flex;
    gap: 10px;
    align-items: flex-end;
}

.typing-bub[b-beoykt54f3] {
    display: flex;
    gap: 4px;
    padding: 12px 14px;
    background: var(--surface2);
    border: 1px solid var(--border);
    border-radius: 2px 14px 14px 14px;
}

.tdot[b-beoykt54f3] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--text-3);
    animation: bounce-b-beoykt54f3 1.2s infinite;
}

.tdot:nth-child(2)[b-beoykt54f3] { animation-delay: 0.2s; }
.tdot:nth-child(3)[b-beoykt54f3] { animation-delay: 0.4s; }

/* ── Suggestion chips above input ── */
.chat-chips[b-beoykt54f3] {
    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-beoykt54f3] {
    padding: 5px 12px;
    background: var(--surface2);
    border: 1px solid var(--border);
    border-radius: 20px;
    font-size: 11px;
    color: var(--text-3);
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
}

.chat-chip:hover[b-beoykt54f3] {
    border-color: var(--border2);
    color: var(--text-2);
    background: var(--surface3);
}

/* ── Input area ── */
.chat-input-area[b-beoykt54f3] {
    padding: 12px 32px 32px;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}

.chat-input-wrap[b-beoykt54f3] {
    position: relative;
    display: flex;
    background: var(--bg2);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 12px 52px 12px 14px;
    transition: all 0.15s;
}

.chat-input-wrap.focused[b-beoykt54f3] {
    border-color: rgba(37,99,235,0.35);
    box-shadow: 0 0 0 3px rgba(37,99,235,0.08);
}

.chat-ta[b-beoykt54f3] {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: var(--text);
    font-family: 'Space Grotesk', sans-serif;
    font-size: 13px;
    resize: none;
    line-height: 1.5;
    max-height: 200px;
}

.chat-ta[b-beoykt54f3]::placeholder { color: var(--text-3); }

.chat-send-btn[b-beoykt54f3] {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    box-shadow: 0 2px 8px rgba(37,99,235,0.3);
    transition: all 0.15s;
    flex-shrink: 0;
}

.chat-send-btn:hover[b-beoykt54f3] {
    transform: scale(1.05);
    box-shadow: 0 3px 12px rgba(37,99,235,0.4);
}

.chat-send-btn:disabled[b-beoykt54f3] {
    opacity: 0.4;
    cursor: not-allowed;
    transform: none;
}

/* ── Animations ── */
@keyframes fadeUp-b-beoykt54f3 {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes slideIn-b-beoykt54f3 {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes bounce-b-beoykt54f3 {
    0%, 100% { transform: translateY(0); opacity: 0.4; }
    50% { transform: translateY(-4px); opacity: 1; }
}

/* ── Responsive: Tablet ── */
@media (max-width: 900px) {
    .que-sidebar[b-beoykt54f3] {
        width: 220px;
    }

    .chat-messages[b-beoykt54f3],
    .chat-chips[b-beoykt54f3],
    .chat-input-area[b-beoykt54f3] {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* ── Responsive: Mobile ── */
@media (max-width: 700px) {
    .que-page[b-beoykt54f3] {
        flex-direction: column;
    }

    .que-sidebar[b-beoykt54f3] {
        width: 100%;
        max-height: 0;
        overflow: hidden;
        border-right: none;
        border-bottom: 1px solid var(--border);
        transition: max-height 0.3s ease;
    }

    .chat-messages[b-beoykt54f3],
    .chat-chips[b-beoykt54f3],
    .chat-input-area[b-beoykt54f3] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .chat-msg-body[b-beoykt54f3] {
        max-width: 85%;
    }
}
/* /Pages/Register.razor.rz.scp.css */
.form-header[b-91kwzuq4kc] {
    margin-bottom: 28px;
    animation: fadeUp 0.4s ease both;
}

.form-title[b-91kwzuq4kc] {
    font-family: 'Instrument Serif', serif;
    font-size: 28px;
    color: var(--text);
    margin-bottom: 6px;
}

.form-title em[b-91kwzuq4kc] {
    font-style: italic;
    color: var(--text-2);
}

.form-sub[b-91kwzuq4kc] {
    font-size: 13px;
    color: var(--text-3);
    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: 12px;
    color: var(--text-3);
}

.form-footer a[b-91kwzuq4kc] {
    color: var(--accent-light);
    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: 11px;
    font-weight: 600;
    color: var(--text-3);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
/* /Pages/RequestInstancePage.razor.rz.scp.css */
/* Page layout */
.te-page[b-5m8fuh0wqd] {
    padding: 28px 32px 48px;
    max-width: 1600px;
    margin: 0 auto;
    animation: fadeUp-b-5m8fuh0wqd 0.4s ease both;
}

@keyframes fadeUp-b-5m8fuh0wqd {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Header */
.te-header[b-5m8fuh0wqd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 28px;
}

.te-header-left[b-5m8fuh0wqd] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.te-back[b-5m8fuh0wqd] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--surface2);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s;
    color: var(--text-2);
    flex-shrink: 0;
    margin-top: 2px;
}

.te-back:hover[b-5m8fuh0wqd] {
    background: var(--surface3);
    border-color: var(--border2);
    color: var(--text);
}

.te-title[b-5m8fuh0wqd] {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    color: var(--text);
    line-height: 1.1;
    margin-bottom: 4px;
}

.te-subtitle[b-5m8fuh0wqd] {
    font-size: 12px;
    color: var(--text-2);
    font-family: 'JetBrains Mono', monospace;
}

/* Sections */
.te-section[b-5m8fuh0wqd] {
    margin-bottom: 24px;
}

.te-section-header[b-5m8fuh0wqd] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.te-section-title[b-5m8fuh0wqd] {
    font-weight: 600;
    font-size: 14px;
    color: var(--text);
}

/* Card */
.te-card[b-5m8fuh0wqd] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

.te-card-body[b-5m8fuh0wqd] {
    padding: 20px 24px;
}

/* Actions */
.te-actions[b-5m8fuh0wqd] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 8px;
    position: sticky;
    bottom: 0;
    background: linear-gradient(transparent, var(--bg) 30%);
    padding-bottom: 16px;
    padding-top: 24px;
}

.te-actions[b-5m8fuh0wqd]  .te-save-btn {
    padding: 8px 28px;
    font-weight: 600;
    letter-spacing: 0.3px;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--accent), var(--cyan)) !important;
    border: none !important;
    color: white !important;
    box-shadow: 0 2px 12px rgba(37, 99, 235, 0.25);
    transition: all 0.15s;
}

.te-actions[b-5m8fuh0wqd]  .te-save-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35);
}

.te-cancel-btn[b-5m8fuh0wqd] {
    background: none;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px 20px;
    color: var(--text-2);
    font-size: 13px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
}

.te-cancel-btn:hover[b-5m8fuh0wqd] {
    background: var(--surface2);
    border-color: var(--border2);
    color: var(--text);
}

@media (max-width: 768px) {
    .te-page[b-5m8fuh0wqd] { padding: 20px 16px 40px; }
    .te-card-body[b-5m8fuh0wqd] { padding: 16px; }
}
/* /Pages/Settings/ApiKeysPage.razor.rz.scp.css */
/* Page layout */
.te-page[b-mhyvik2kmm] {
    padding: 28px 32px 48px;
    max-width: 1600px;
    margin: 0 auto;
    animation: fadeUp-b-mhyvik2kmm 0.4s ease both;
}

@keyframes fadeUp-b-mhyvik2kmm {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Header */
.te-header[b-mhyvik2kmm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 28px;
}

.te-header-left[b-mhyvik2kmm] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.te-header-right[b-mhyvik2kmm] {
    flex-shrink: 0;
}

.te-title[b-mhyvik2kmm] {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    color: var(--text);
    line-height: 1.1;
    margin-bottom: 4px;
}

.te-subtitle[b-mhyvik2kmm] {
    font-size: 12px;
    color: var(--text-2);
    font-family: 'JetBrains Mono', monospace;
}

/* Sections */
.te-section[b-mhyvik2kmm] {
    margin-bottom: 24px;
}

.te-section-header[b-mhyvik2kmm] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.te-section-title[b-mhyvik2kmm] {
    font-weight: 600;
    font-size: 14px;
    color: var(--text);
}

/* Card */
.te-card[b-mhyvik2kmm] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

.te-card-body[b-mhyvik2kmm] {
    padding: 20px 24px;
}

/* Save button */
.te-header-right[b-mhyvik2kmm]  .te-save-btn {
    padding: 8px 28px;
    font-weight: 600;
    letter-spacing: 0.3px;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--accent), var(--cyan)) !important;
    border: none !important;
    color: white !important;
    box-shadow: 0 2px 12px rgba(37, 99, 235, 0.25);
    transition: all 0.15s;
}

.te-header-right[b-mhyvik2kmm]  .te-save-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35);
}

/* Key rows */
.ak-row[b-mhyvik2kmm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    border-bottom: 1px solid var(--border);
}

.ak-row:last-child[b-mhyvik2kmm] {
    border-bottom: none;
}

.ak-row-left[b-mhyvik2kmm] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ak-row-right[b-mhyvik2kmm] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.ak-name[b-mhyvik2kmm] {
    font-weight: 600;
    font-size: 14px;
    color: var(--text);
}

.ak-prefix[b-mhyvik2kmm] {
    font-size: 12px;
    font-family: 'JetBrains Mono', monospace;
    color: var(--text-2);
}

.ak-meta[b-mhyvik2kmm] {
    font-size: 11px;
    color: var(--text-3);
    margin-top: 2px;
}

.ak-badge[b-mhyvik2kmm] {
    font-size: 11px;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 6px;
    background: var(--surface2);
    border: 1px solid var(--border);
    color: var(--text-2);
}

@media (max-width: 768px) {
    .te-page[b-mhyvik2kmm] { padding: 20px 16px 40px; }
    .ak-row[b-mhyvik2kmm] { padding: 14px 16px; }
    .te-header[b-mhyvik2kmm] { flex-direction: column; gap: 16px; }
}
/* /Pages/Settings/NewApiKeyPage.razor.rz.scp.css */
/* Page layout */
.te-page[b-ih7hzp767c] {
    padding: 28px 32px 48px;
    max-width: 1600px;
    margin: 0 auto;
    animation: fadeUp-b-ih7hzp767c 0.4s ease both;
}

@keyframes fadeUp-b-ih7hzp767c {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Header */
.te-header[b-ih7hzp767c] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 28px;
}

.te-header-left[b-ih7hzp767c] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.te-back[b-ih7hzp767c] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--surface2);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s;
    color: var(--text-2);
    flex-shrink: 0;
    margin-top: 2px;
}

.te-back:hover[b-ih7hzp767c] {
    background: var(--surface3);
    border-color: var(--border2);
    color: var(--text);
}

.te-title[b-ih7hzp767c] {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    color: var(--text);
    line-height: 1.1;
    margin-bottom: 4px;
}

.te-subtitle[b-ih7hzp767c] {
    font-size: 12px;
    color: var(--text-2);
    font-family: 'JetBrains Mono', monospace;
}

/* Sections */
.te-section[b-ih7hzp767c] {
    margin-bottom: 24px;
}

.te-section-header[b-ih7hzp767c] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.te-section-title[b-ih7hzp767c] {
    font-weight: 600;
    font-size: 14px;
    color: var(--text);
}

/* Card */
.te-card[b-ih7hzp767c] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

.te-card-body[b-ih7hzp767c] {
    padding: 20px 24px;
}

/* Actions */
.te-actions[b-ih7hzp767c] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 8px;
    position: sticky;
    bottom: 0;
    background: linear-gradient(transparent, var(--bg) 30%);
    padding-bottom: 16px;
    padding-top: 24px;
}

.te-actions[b-ih7hzp767c]  .te-save-btn {
    padding: 8px 28px;
    font-weight: 600;
    letter-spacing: 0.3px;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--accent), var(--cyan)) !important;
    border: none !important;
    color: white !important;
    box-shadow: 0 2px 12px rgba(37, 99, 235, 0.25);
    transition: all 0.15s;
}

.te-actions[b-ih7hzp767c]  .te-save-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35);
}

.te-cancel-btn[b-ih7hzp767c] {
    background: none;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px 20px;
    color: var(--text-2);
    font-size: 13px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
}

.te-cancel-btn:hover[b-ih7hzp767c] {
    background: var(--surface2);
    border-color: var(--border2);
    color: var(--text);
}

/* Warning notice */
.ak-warning[b-ih7hzp767c] {
    background: rgba(245, 158, 11, 0.08);
    border: 1px solid rgba(245, 158, 11, 0.2);
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 13px;
    color: var(--text);
    line-height: 1.5;
    margin-bottom: 20px;
}

/* Code block */
.ak-code[b-ih7hzp767c] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    background: var(--surface2);
    border-radius: 8px;
    padding: 12px;
    margin-top: 8px;
    overflow-x: auto;
    white-space: pre;
    color: var(--text);
    line-height: 1.6;
}

@media (max-width: 768px) {
    .te-page[b-ih7hzp767c] { padding: 20px 16px 40px; }
    .te-card-body[b-ih7hzp767c] { padding: 16px; }
}
/* /Pages/SetupPage.razor.rz.scp.css */
.setup-loading[b-n3tlln5b1p] {
    display: flex; align-items: center; justify-content: center;
    height: 100%; min-height: 300px;
}

.setup-page[b-n3tlln5b1p] {
    max-width: 640px; margin: 0 auto; padding: 32px 0;
}

.setup-header[b-n3tlln5b1p] { margin-bottom: 28px; }

.setup-title[b-n3tlln5b1p] {
    font-size: 20px; font-weight: 700; letter-spacing: -0.3px;
    color: var(--text);
}

.setup-subtitle[b-n3tlln5b1p] {
    font-size: 13px; color: var(--text-3); margin-top: 4px;
}

.setup-progress-label[b-n3tlln5b1p] {
    font-size: 11px; color: var(--text-3); margin-top: 6px;
    font-family: 'JetBrains Mono', monospace;
}

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

.setup-card[b-n3tlln5b1p] {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 16px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 10px;
    transition: all 0.15s;
}

.setup-card.active[b-n3tlln5b1p] {
    border-left: 3px solid var(--accent-light);
    box-shadow: 0 0 12px rgba(37,99,235,0.08);
}

.setup-card.complete[b-n3tlln5b1p] {
    background: rgba(16,185,129,0.08);
    border-color: rgba(16,185,129,0.25);
}

.setup-card-left[b-n3tlln5b1p] {
    display: flex; align-items: center; gap: 14px;
}

.setup-step-number[b-n3tlln5b1p] {
    width: 28px; height: 28px; border-radius: 50%;
    background: var(--surface2); border: 1px solid var(--border);
    display: flex; align-items: center; justify-content: center;
    font-size: 12px; font-weight: 700; color: var(--text-2);
    flex-shrink: 0;
}

.setup-step-number.done[b-n3tlln5b1p] {
    background: var(--green); border-color: var(--green);
}

.setup-card-title[b-n3tlln5b1p] {
    font-size: 14px; font-weight: 600; color: var(--text);
}

.setup-card-title.muted[b-n3tlln5b1p] {
    color: var(--text-3);
}

.setup-card-desc[b-n3tlln5b1p] {
    font-size: 12px; color: var(--text-3); margin-top: 2px;
}

.setup-card-right[b-n3tlln5b1p] {
    flex-shrink: 0; margin-left: 16px;
}

/* Completion banner */
.setup-done-banner[b-n3tlln5b1p] {
    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: 13px; font-weight: 500; color: var(--text);
}

.setup-done-banner span[b-n3tlln5b1p] { flex: 1; }

.setup-complete-icon[b-n3tlln5b1p] { margin-bottom: 16px; }

.setup-complete-title[b-n3tlln5b1p] {
    font-size: 20px; font-weight: 700; color: var(--text);
    letter-spacing: -0.3px;
}

.setup-complete-sub[b-n3tlln5b1p] {
    font-size: 13px; color: var(--text-3); margin-top: 4px;
}
/* /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-b-zac2qr36q0 0.4s ease both;
}

.page-title[b-zac2qr36q0] {
    font-family: 'Instrument Serif', serif;
    font-size: 26px; color: var(--text); line-height: 1.1; margin-bottom: 4px;
}

.page-title em[b-zac2qr36q0] { font-style: italic; color: var(--text-2); }

.page-meta[b-zac2qr36q0] {
    font-size: 11px; color: var(--text-3);
    font-family: 'JetBrains Mono', monospace;
    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: 16px; font-weight: 600; color: var(--text-2); }
.empty-sub[b-zac2qr36q0] { font-size: 13px; color: var(--text-3); }

/* Staff card */
.staff-card[b-zac2qr36q0] {
    display: flex; align-items: center; gap: 16px;
    background: var(--surface); border: 1px solid var(--border); border-radius: 12px;
    padding: 20px 24px; margin-bottom: 20px;
    animation: fadeUp-b-zac2qr36q0 0.4s ease both; animation-delay: 0.05s;
}

.staff-avatar[b-zac2qr36q0] {
    width: 48px; height: 48px; border-radius: 50%;
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    color: white; font-size: 16px; font-weight: 700;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}

.staff-info[b-zac2qr36q0] { flex: 1; }
.staff-name[b-zac2qr36q0] { font-size: 16px; font-weight: 600; color: var(--text); }
.staff-email[b-zac2qr36q0] { font-size: 12px; color: var(--text-3); font-family: 'JetBrains Mono', monospace; }

.staff-stats[b-zac2qr36q0] { display: flex; gap: 24px; }

.staff-stat[b-zac2qr36q0] { text-align: center; }
.staff-stat-value[b-zac2qr36q0] { font-size: 22px; font-weight: 700; color: var(--text); }
.staff-stat-label[b-zac2qr36q0] { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-3); }

/* Sections */
.section[b-zac2qr36q0] {
    background: var(--surface); border: 1px solid var(--border); border-radius: 12px;
    margin-bottom: 16px; overflow: hidden;
    animation: fadeUp-b-zac2qr36q0 0.4s ease both; animation-delay: 0.1s;
}

.section-header[b-zac2qr36q0] {
    padding: 14px 16px; border-bottom: 1px solid var(--border);
    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: 12px; font-weight: 700; color: var(--text);
    text-transform: uppercase; letter-spacing: 0.5px; flex: 1;
}

.section-count[b-zac2qr36q0] {
    font-size: 11px; font-weight: 600; color: var(--text-3);
    background: var(--surface2); padding: 2px 8px; border-radius: 10px;
}

.section-empty[b-zac2qr36q0] {
    padding: 24px 16px; text-align: center;
    font-size: 13px; color: var(--text-3);
}

/* 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(--surface2); }

.item-main[b-zac2qr36q0] { flex: 1; min-width: 0; }

.item-module[b-zac2qr36q0] {
    font-size: 14px; font-weight: 600; color: var(--text);
    margin-bottom: 3px;
}

.item-meta[b-zac2qr36q0] {
    display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
    font-size: 11px; color: var(--text-3);
    font-family: 'JetBrains Mono', monospace;
}

.item-status[b-zac2qr36q0] {
    padding: 2px 6px; border-radius: 4px; font-weight: 600; font-size: 10px;
    text-transform: uppercase;
}

.item-status.status-scheduled[b-zac2qr36q0] { background: rgba(59,130,246,0.12); color: var(--accent-light); }
.item-status.status-inprogress[b-zac2qr36q0] { background: rgba(245,158,11,0.12); color: var(--amber-light); }
.item-status.status-completed[b-zac2qr36q0] { background: rgba(16,185,129,0.12); color: var(--emerald-light); }

.item-due[b-zac2qr36q0] { color: var(--text-3); }
.item-by[b-zac2qr36q0] { color: var(--text-3); }
.item-assignee-type[b-zac2qr36q0] { color: var(--text-3); opacity: 0.7; }

.item-note[b-zac2qr36q0] {
    font-size: 12px; color: var(--text-2); 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(--text-3);
    transition: all 0.15s;
}

.item-link:hover[b-zac2qr36q0] {
    background: var(--surface3); color: var(--accent-light);
}

/* Hash debug section */
.hash-list[b-zac2qr36q0] { padding: 8px 16px; }

.hash-row[b-zac2qr36q0] {
    padding: 8px 0; border-bottom: 1px solid var(--border);
    display: flex; flex-direction: column; gap: 2px;
}

.hash-row:last-child[b-zac2qr36q0] { border-bottom: none; }

.hash-module[b-zac2qr36q0] {
    font-size: 12px; font-weight: 600; color: var(--text-2);
}

.hash-value[b-zac2qr36q0] {
    font-size: 11px; color: var(--accent-light);
    font-family: 'JetBrains Mono', monospace;
    word-break: break-all; cursor: pointer;
    transition: opacity 0.12s;
}

.hash-value:hover[b-zac2qr36q0] { opacity: 0.7; }

.hash-url[b-zac2qr36q0] {
    font-size: 10px; color: var(--text-3);
    font-family: 'JetBrains Mono', monospace;
}

/* 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: 13px; font-weight: 600; transition: all 0.15s;
    user-select: none;
}

.hbtn.primary[b-zac2qr36q0] {
    background: var(--accent); 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: 13px; font-weight: 500;
    animation: fadeUp-b-zac2qr36q0 0.3s ease both;
}

.send-result-success[b-zac2qr36q0] {
    background: rgba(16,185,129,0.1); color: var(--emerald-light);
    border: 1px solid rgba(16,185,129,0.2);
}

.send-result-error[b-zac2qr36q0] {
    background: rgba(239,68,68,0.1); color: var(--red-light);
    border: 1px solid rgba(239,68,68,0.2);
}

@keyframes fadeUp-b-zac2qr36q0 {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}
/* /Pages/StarredItemsPage.razor.rz.scp.css */
.te-page[b-xqmsjyddow] {
    padding: 0;
    max-width: 1600px;
    margin: 0 auto;
    animation: fadeUp-b-xqmsjyddow 0.4s ease both;
}

@keyframes fadeUp-b-xqmsjyddow {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.te-header[b-xqmsjyddow] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 28px;
}

.te-header-left[b-xqmsjyddow] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.te-back[b-xqmsjyddow] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--surface2);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s;
    color: var(--text-2);
    flex-shrink: 0;
    margin-top: 2px;
}

.te-back:hover[b-xqmsjyddow] {
    background: var(--surface3);
    border-color: var(--border2);
    color: var(--text);
}

.te-title[b-xqmsjyddow] {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    color: var(--text);
    line-height: 1.1;
    margin-bottom: 4px;
}

.te-subtitle[b-xqmsjyddow] {
    font-size: 12px;
    color: var(--text-2);
    font-family: 'JetBrains Mono', monospace;
}

/* Section */
.te-section[b-xqmsjyddow] {
    margin-bottom: 24px;
}

.te-section-header[b-xqmsjyddow] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.te-section-title[b-xqmsjyddow] {
    font-weight: 600;
    font-size: 14px;
    color: var(--text);
}

/* Card */
.te-card[b-xqmsjyddow] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

.te-card-body[b-xqmsjyddow] {
    padding: 12px 14px;
}

.gf-loading[b-xqmsjyddow] {
    display: flex;
    justify-content: center;
    padding: 80px 0;
}

.empty-state[b-xqmsjyddow] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 48px 0;
    color: var(--text-3);
    font-size: 13px;
}
/* /Pages/TableCalendarPage.razor.rz.scp.css */
.tc-page[b-e4z4qqgv2e] {
    padding: 28px 32px 48px;
    max-width: 1600px;
    margin: 0 auto;
    animation: fadeUp 0.4s ease both;
}

/* Header */
.tc-header[b-e4z4qqgv2e] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 28px;
}

.tc-header-left[b-e4z4qqgv2e] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.tc-back[b-e4z4qqgv2e] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--surface2);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s;
    color: var(--text-2);
    flex-shrink: 0;
    margin-top: 2px;
}

.tc-back:hover[b-e4z4qqgv2e] {
    background: var(--surface3);
    border-color: var(--border2);
    color: var(--text);
}

.tc-title[b-e4z4qqgv2e] {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    color: var(--text);
    line-height: 1.1;
    margin-bottom: 4px;
}

.tc-subtitle[b-e4z4qqgv2e] {
    font-size: 12px;
    color: var(--text-2);
    font-family: 'JetBrains Mono', monospace;
}

.tc-add-btn[b-e4z4qqgv2e] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    color: #fff;
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    box-shadow: 0 2px 12px rgba(37,99,235,0.25);
    transition: all 0.15s;
    flex-shrink: 0;
}

.tc-add-btn:hover[b-e4z4qqgv2e] {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(37,99,235,0.35);
}

/* Sections */
.tc-section[b-e4z4qqgv2e] {
    margin-bottom: 24px;
}

.tc-section-header[b-e4z4qqgv2e] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.tc-section-title[b-e4z4qqgv2e] {
    font-weight: 600;
    font-size: 14px;
    color: var(--text);
}

.tc-section-hint[b-e4z4qqgv2e] {
    font-size: 12px;
    color: var(--text-2);
    font-family: 'JetBrains Mono', monospace;
}

/* Card */
.tc-card[b-e4z4qqgv2e] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

.tc-card-body[b-e4z4qqgv2e] {
    padding: 20px 24px;
}

@media (max-width: 600px) {
    .tc-page[b-e4z4qqgv2e] { padding: 20px 16px 40px; }
    .tc-card-body[b-e4z4qqgv2e] { padding: 16px; }
}
/* /Pages/TableEditPage.razor.rz.scp.css */
.te-page[b-57xb0y7cka] {
    padding: 28px 32px 48px;
    max-width: 1600px;
    margin: 0 auto;
    animation: fadeUp 0.4s ease both;
}

/* No-access gate for Staff */
.te-no-access[b-57xb0y7cka] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 80px 32px;
    gap: 12px;
}

.te-no-access-icon[b-57xb0y7cka] {
    font-size: 48px;
    margin-bottom: 8px;
}

.te-no-access-title[b-57xb0y7cka] {
    font-size: 18px;
    font-weight: 600;
    color: var(--text-primary);
}

.te-no-access-desc[b-57xb0y7cka] {
    font-size: 14px;
    color: var(--text-secondary);
    max-width: 400px;
    line-height: 1.5;
}

.te-no-access-back[b-57xb0y7cka] {
    margin-top: 16px;
    padding: 8px 20px;
    border-radius: 8px;
    background: var(--surface2);
    border: 1px solid var(--border);
    color: var(--text-primary);
    font-size: 13px;
    cursor: pointer;
    transition: background 0.15s;
}

.te-no-access-back:hover[b-57xb0y7cka] {
    background: var(--surface3);
}

/* Header */
.te-header[b-57xb0y7cka] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 28px;
}

.te-header-left[b-57xb0y7cka] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.te-back[b-57xb0y7cka] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--surface2);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s;
    color: var(--text-2);
    flex-shrink: 0;
    margin-top: 2px;
}

.te-back:hover[b-57xb0y7cka] {
    background: var(--surface3);
    border-color: var(--border2);
    color: var(--text);
}

.te-title[b-57xb0y7cka] {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    color: var(--text);
    line-height: 1.1;
    margin-bottom: 4px;
}

.te-subtitle[b-57xb0y7cka] {
    font-size: 12px;
    color: var(--text-2);
    font-family: 'JetBrains Mono', monospace;
}

/* Sections */
.te-section[b-57xb0y7cka] {
    margin-bottom: 24px;
}

/* Main tabs (Details / Design) */
.te-tabs[b-57xb0y7cka] {
    display: flex; gap: 4px; margin-bottom: 24px;
    border-bottom: 1px solid var(--border);
    padding-bottom: 0;
}

.te-tab[b-57xb0y7cka] {
    display: flex; align-items: center; gap: 6px;
    padding: 8px 14px; font-size: 12px; font-weight: 500;
    color: var(--text-2); cursor: pointer; border-bottom: 2px solid transparent;
    transition: all 0.15s; text-decoration: none; user-select: none;
}

.te-tab:hover[b-57xb0y7cka] { color: var(--text); }

.te-tab.active[b-57xb0y7cka] {
    color: var(--text); font-weight: 600;
    border-bottom-color: var(--accent-light);
}

.te-tab-dot[b-57xb0y7cka] { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }

/* Card */
.te-card[b-57xb0y7cka] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

.te-card-body[b-57xb0y7cka] {
    padding: 24px 28px 8px;
}

/* MudForm overrides inside the card */
.te-card[b-57xb0y7cka]  .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--border2) !important;
    border-radius: 8px !important;
}

.te-card[b-57xb0y7cka]  .mud-input.mud-input-outlined {
    background: var(--surface2) !important;
    border-radius: 8px !important;
    color: var(--text) !important;
}

.te-card[b-57xb0y7cka]  .mud-input.mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--border2) !important;
}

.te-card[b-57xb0y7cka]  .mud-input.mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--accent-light) !important;
    border-width: 1px !important;
}

.te-card[b-57xb0y7cka]  .mud-input.mud-input-outlined input,
.te-card[b-57xb0y7cka]  .mud-input.mud-input-outlined textarea {
    color: var(--text) !important;
    padding: 10px 14px !important;
}

.te-card[b-57xb0y7cka]  .mud-input.mud-input-outlined input::placeholder,
.te-card[b-57xb0y7cka]  .mud-input.mud-input-outlined textarea::placeholder {
    color: var(--text-2) !important;
    opacity: 0.6 !important;
}

.te-card[b-57xb0y7cka]  .mud-select .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--border2) !important;
}

/* Validation errors */
.te-card[b-57xb0y7cka]  .mud-input-error .mud-input-outlined-border {
    border-color: #f43f5e !important;
}

.te-card[b-57xb0y7cka]  .mud-input-helper-text.mud-input-error {
    color: #f43f5e !important;
    opacity: 1;
}

/* Toggles */
.te-toggles[b-57xb0y7cka] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* Behaviours */
.te-behaviours[b-57xb0y7cka] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

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

.te-behaviour:hover[b-57xb0y7cka] {
    border-color: var(--border2);
    background: var(--surface2);
}

.te-behaviour--active[b-57xb0y7cka] {
    border-color: rgba(var(--bh-rgb, 59,130,246), 0.3);
    background: rgba(var(--bh-rgb, 59,130,246), 0.04);
}

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

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

.te-behaviour-icon[b-57xb0y7cka] {
    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-57xb0y7cka] {
    font-weight: 600;
    font-size: 13px;
    color: var(--text);
    margin-bottom: 2px;
}

.te-behaviour-desc[b-57xb0y7cka] {
    font-size: 11px;
    color: var(--text-2);
    line-height: 1.5;
}

/* Actions */
.te-actions[b-57xb0y7cka] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 8px;
    position: sticky;
    bottom: 0;
    background: linear-gradient(transparent, var(--bg) 30%);
    padding-bottom: 16px;
    padding-top: 24px;
}

.te-actions[b-57xb0y7cka]  .te-save-btn {
    padding: 8px 28px;
    font-weight: 600;
    letter-spacing: 0.3px;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--accent), var(--cyan)) !important;
    border: none !important;
    color: white !important;
    box-shadow: 0 2px 12px rgba(37, 99, 235, 0.25);
    transition: all 0.15s;
}

.te-actions[b-57xb0y7cka]  .te-save-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35);
}

.te-cancel-btn[b-57xb0y7cka] {
    background: none;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px 20px;
    color: var(--text-2);
    font-size: 13px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
}

.te-cancel-btn:hover[b-57xb0y7cka] {
    background: var(--surface2);
    border-color: var(--border2);
    color: var(--text);
}

/* MudForm overrides */
.te-card[b-57xb0y7cka]  .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--border) !important;
    border-radius: 8px !important;
}

.te-card[b-57xb0y7cka]  .mud-input.mud-input-outlined {
    background: var(--surface2) !important;
    border-radius: 8px !important;
    color: var(--text) !important;
}

.te-card[b-57xb0y7cka]  .mud-input.mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--border2) !important;
}

.te-card[b-57xb0y7cka]  .mud-input.mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--accent-light) !important;
    border-width: 1px !important;
}

.te-card[b-57xb0y7cka]  .mud-input.mud-input-outlined input,
.te-card[b-57xb0y7cka]  .mud-input.mud-input-outlined textarea {
    color: var(--text) !important;
    padding: 10px 14px !important;
}

.te-card[b-57xb0y7cka]  .mud-input.mud-input-outlined input::placeholder,
.te-card[b-57xb0y7cka]  .mud-input.mud-input-outlined textarea::placeholder {
    color: var(--text-2) !important;
    opacity: 0.6 !important;
}

.te-card[b-57xb0y7cka]  .mud-select .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--border) !important;
}

/* Switch overrides */
.te-card[b-57xb0y7cka]  .mud-switch .mud-switch-track,
.te-toggles[b-57xb0y7cka]  .mud-switch .mud-switch-track {
    background: var(--border2) !important;
}

.te-card[b-57xb0y7cka]  .mud-switch.mud-switch-checked .mud-switch-track,
.te-toggles[b-57xb0y7cka]  .mud-switch.mud-switch-checked .mud-switch-track {
    background: var(--accent) !important;
    opacity: 0.5 !important;
}

.te-card[b-57xb0y7cka]  .mud-switch.mud-switch-checked .mud-switch-thumb,
.te-toggles[b-57xb0y7cka]  .mud-switch.mud-switch-checked .mud-switch-thumb {
    background: var(--accent-light) !important;
}

/* Helper text */
.te-card[b-57xb0y7cka]  .mud-input-helper-text {
    color: var(--text-2) !important;
    opacity: 0.6;
}

/* Validation errors */
.te-card[b-57xb0y7cka]  .mud-input-error .mud-input-outlined-border {
    border-color: #f43f5e !important;
}

.te-card[b-57xb0y7cka]  .mud-input-helper-text.mud-input-error {
    color: #f43f5e !important;
    opacity: 1;
}

@media (max-width: 600px) {
    .te-page[b-57xb0y7cka] { padding: 20px 16px 40px; }
    .te-form-cols[b-57xb0y7cka] { grid-template-columns: 1fr; }
    .te-card-body[b-57xb0y7cka] { padding: 16px; }
    .mc-grid[b-57xb0y7cka] { grid-template-columns: 1fr; }
}

/* ── Module Chooser ── */
.mc-section[b-57xb0y7cka] {
    margin-bottom: 16px;
}

.mc-create-own[b-57xb0y7cka] {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    padding: 18px 20px;
    background: var(--surface);
    border: 1px dashed var(--border);
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s;
    text-align: left;
    color: var(--text);
    font-family: 'Space Grotesk', sans-serif;
}

.mc-create-own:hover[b-57xb0y7cka] {
    border-color: var(--accent-light);
    background: rgba(59, 130, 246, 0.04);
    border-style: solid;
}

.mc-create-icon[b-57xb0y7cka] {
    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-57xb0y7cka] {
    font-size: 14px;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 2px;
}

.mc-create-desc[b-57xb0y7cka] {
    font-size: 12px;
    color: var(--text-2);
}

.mc-create-arrow[b-57xb0y7cka] {
    margin-left: auto;
    font-size: 18px;
    color: var(--text-3);
    opacity: 0;
    transition: opacity 0.2s;
}

.mc-create-own:hover .mc-create-arrow[b-57xb0y7cka] {
    opacity: 1;
}

.mc-divider[b-57xb0y7cka] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 24px 0;
    font-size: 12px;
    color: var(--text-3);
}

.mc-divider[b-57xb0y7cka]::before,
.mc-divider[b-57xb0y7cka]::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--border);
}

.mc-loading[b-57xb0y7cka] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 48px;
    color: var(--text-2);
    font-size: 13px;
}

.mc-generate-btn[b-57xb0y7cka] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 14px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(6, 182, 212, 0.1));
    border: 1px solid rgba(59, 130, 246, 0.25);
    color: var(--accent-light);
    font-size: 13px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.2s;
}

.mc-generate-btn:hover[b-57xb0y7cka] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(6, 182, 212, 0.15));
    border-color: rgba(59, 130, 246, 0.4);
    transform: translateY(-1px);
}

.mc-grid[b-57xb0y7cka] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.mc-card[b-57xb0y7cka] {
    position: relative;
    display: flex;
    gap: 12px;
    padding: 16px 18px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s;
}

.mc-card:hover[b-57xb0y7cka] {
    border-color: rgba(59, 130, 246, 0.3);
    background: rgba(59, 130, 246, 0.03);
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.06);
}

.mc-card--selected[b-57xb0y7cka] {
    border-color: rgba(59, 130, 246, 0.5);
    background: rgba(59, 130, 246, 0.06);
}

.mc-card-loading[b-57xb0y7cka] {
    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-57xb0y7cka] {
    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-57xb0y7cka] {
    flex: 1;
    min-width: 0;
}

.mc-card-name[b-57xb0y7cka] {
    font-size: 13px;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 3px;
}

.mc-card-desc[b-57xb0y7cka] {
    font-size: 11px;
    color: var(--text-2);
    line-height: 1.4;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mc-card-tags[b-57xb0y7cka] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.mc-tag[b-57xb0y7cka] {
    padding: 2px 8px;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
    border: 1px solid;
}

.mc-card-prefix[b-57xb0y7cka] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    font-weight: 700;
    color: var(--text-3);
    background: var(--surface2);
    border: 1px solid var(--border);
    padding: 2px 6px;
    border-radius: 4px;
    height: fit-content;
    flex-shrink: 0;
}

/* ── Version History ── */
.te-history-loading[b-57xb0y7cka] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 32px 0;
    justify-content: center;
    color: var(--text-2);
    font-size: 13px;
}

.te-history-empty[b-57xb0y7cka] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 48px 24px;
    text-align: center;
}

.te-history-empty-text[b-57xb0y7cka] {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-2);
}

.te-history-empty-desc[b-57xb0y7cka] {
    font-size: 12px;
    color: var(--text-3);
    max-width: 300px;
    line-height: 1.5;
}

.te-history-list[b-57xb0y7cka] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.te-history-badge[b-57xb0y7cka] {
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 1px 6px;
    border-radius: 4px;
    background: rgba(245, 158, 11, 0.15);
    color: #f59e0b;
}

.te-history-fields[b-57xb0y7cka] {
    font-size: 11px;
    font-family: 'JetBrains Mono', monospace;
    background: rgba(255,255,255,0.06);
    padding: 1px 6px;
    border-radius: 4px;
    color: var(--text-3);
}

/* Reused history entry styles (matching TableItemFormPage) */
.tih-entry[b-57xb0y7cka] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 10px;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
    overflow: hidden;
}

.tih-entry:hover[b-57xb0y7cka] { border-color: var(--border2); }

.tih-entry-expanded[b-57xb0y7cka] {
    border-color: var(--border2);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.tih-entry-row[b-57xb0y7cka] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    min-height: 44px;
}

.tih-entry-dot[b-57xb0y7cka] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.tih-entry-summary[b-57xb0y7cka] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 0;
    flex-wrap: wrap;
}

.tih-entry-type[b-57xb0y7cka] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
    white-space: nowrap;
}

.tih-entry-meta[b-57xb0y7cka] {
    font-size: 12px;
    color: var(--text-3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tih-sep[b-57xb0y7cka] { margin: 0 6px; opacity: 0.4; }

[b-57xb0y7cka] .tih-chevron {
    color: var(--text-3);
    flex-shrink: 0;
    font-size: 20px;
    transition: transform 0.2s;
}

.tih-detail[b-57xb0y7cka] {
    border-top: 1px solid var(--border);
    padding: 12px 16px 10px;
    cursor: default;
}

[b-57xb0y7cka] .tih-diff-table {
    width: 100%;
    border-collapse: collapse;
    background: transparent;
}

[b-57xb0y7cka] .tih-diff-table td {
    padding: 5px 10px;
    font-size: 13px;
    border-bottom: 1px solid var(--border);
    vertical-align: top;
}

[b-57xb0y7cka] .tih-diff-table tr:last-child td { border-bottom: none; }

[b-57xb0y7cka] .tih-cell-label {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text-2);
}

[b-57xb0y7cka] .tih-cell-value {
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    word-break: break-word;
    line-height: 1.6;
}

[b-57xb0y7cka] .tih-hl-del {
    background: rgba(225, 29, 72, 0.18);
    color: var(--rose-light);
    border-radius: 2px;
    padding: 1px 2px;
    text-decoration: line-through;
}

[b-57xb0y7cka] .tih-hl-add {
    background: rgba(5, 150, 105, 0.18);
    color: var(--emerald-light);
    border-radius: 2px;
    padding: 1px 2px;
}
/* /Pages/TableItemFormPage.razor.rz.scp.css */
.tif-page[b-wj9okqj6so] {
    padding: 0;
    max-width: 1600px;
    margin: 0 auto;
    animation: fadeUp 0.4s ease both;
}

/* Header */
.tif-header[b-wj9okqj6so] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 24px;
}

.tif-header-actions[b-wj9okqj6so] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.tif-header-left[b-wj9okqj6so] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.tif-back[b-wj9okqj6so] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--surface2);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s;
    color: var(--text-2);
    flex-shrink: 0;
    margin-top: 2px;
}

.tif-back:hover[b-wj9okqj6so] {
    background: var(--surface3);
    border-color: var(--border2);
    color: var(--text);
}

.tif-title[b-wj9okqj6so] {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    color: var(--text);
    line-height: 1.1;
    margin-bottom: 4px;
}

.tif-subtitle[b-wj9okqj6so] {
    font-size: 12px;
    color: var(--text-2);
    font-family: 'JetBrains Mono', monospace;
}

.tif-sep[b-wj9okqj6so] {
    margin: 0 6px;
    opacity: 0.4;
}

.tif-assigned[b-wj9okqj6so] {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: var(--accent-light, var(--text-2));
}

/* Behaviour tags */
.tif-behaviours[b-wj9okqj6so] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
}

.tif-behaviour-tag[b-wj9okqj6so] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
    white-space: nowrap;
}

/* Star button */
.tif-icon-btn[b-wj9okqj6so] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: 1px solid var(--border);
    background: var(--surface2);
    color: var(--text-3);
    cursor: pointer;
    transition: all 0.18s;
    flex-shrink: 0;
    margin-top: 2px;
}

.tif-icon-btn:hover[b-wj9okqj6so] {
    background: var(--surface3);
    border-color: var(--border2);
    color: var(--text);
}

.tif-icon-btn.starred[b-wj9okqj6so] {
    color: #f59e0b;
    border-color: rgba(245, 158, 11, 0.3);
    background: rgba(245, 158, 11, 0.08);
}

.tif-icon-btn.starred:hover[b-wj9okqj6so] {
    color: #f59e0b;
}

/* Main tabs (Details / History) */
.tif-tabs[b-wj9okqj6so] {
    display: flex; gap: 4px; margin-bottom: 24px;
    border-bottom: 1px solid var(--border);
    padding-bottom: 0;
}

.tif-tab[b-wj9okqj6so] {
    display: flex; align-items: center; gap: 6px;
    padding: 8px 14px; font-size: 12px; font-weight: 500;
    color: var(--text-2); cursor: pointer; border-bottom: 2px solid transparent;
    transition: all 0.15s; text-decoration: none; user-select: none;
}

.tif-tab:hover[b-wj9okqj6so] { color: var(--text); }

.tif-tab.active[b-wj9okqj6so] {
    color: var(--text); font-weight: 600;
    border-bottom-color: var(--accent-light);
}

.tif-tab-dot[b-wj9okqj6so] { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }

/* ── Inline History (tih-* classes) ──────────────────────── */
.tih-empty[b-wj9okqj6so] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 80px 0;
    opacity: 0.7;
}

.tih-list[b-wj9okqj6so] {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.tih-date-label[b-wj9okqj6so] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-3);
    padding: 16px 0 6px 26px;
}

.tih-date-label:first-child[b-wj9okqj6so] {
    padding-top: 0;
}

.tih-entry[b-wj9okqj6so] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 10px;
    margin-bottom: 4px;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
    overflow: hidden;
}

.tih-entry:hover[b-wj9okqj6so] {
    border-color: var(--border2);
}

.tih-entry-expanded[b-wj9okqj6so] {
    border-color: var(--border2);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.tih-entry-row[b-wj9okqj6so] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    min-height: 44px;
}

.tih-entry-dot[b-wj9okqj6so] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.tih-entry-summary[b-wj9okqj6so] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 0;
    flex-wrap: wrap;
}

.tih-entry-type[b-wj9okqj6so] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
    white-space: nowrap;
}

[b-wj9okqj6so] .tih-hash-chip {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.02em;
    height: 22px;
}

.tih-entry-meta[b-wj9okqj6so] {
    font-size: 12px;
    color: var(--text-3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tih-sep[b-wj9okqj6so] {
    margin: 0 6px;
    opacity: 0.4;
}

[b-wj9okqj6so] .tih-chevron {
    color: var(--text-3);
    flex-shrink: 0;
    font-size: 20px;
    transition: transform 0.2s;
}

.tih-detail[b-wj9okqj6so] {
    border-top: 1px solid var(--border);
    padding: 12px 16px 10px;
    cursor: default;
}

[b-wj9okqj6so] .tih-diff-table {
    width: 100%;
    border-collapse: collapse;
    background: transparent;
}

[b-wj9okqj6so] .tih-diff-table td {
    padding: 5px 10px;
    font-size: 13px;
    border-bottom: 1px solid var(--border);
    vertical-align: top;
}

[b-wj9okqj6so] .tih-diff-table tr:last-child td {
    border-bottom: none;
}

[b-wj9okqj6so] .tih-cell-label {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text-2);
}

[b-wj9okqj6so] .tih-cell-value {
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    word-break: break-word;
    line-height: 1.6;
}

[b-wj9okqj6so] .tih-hl-del {
    background: rgba(225, 29, 72, 0.18);
    color: var(--rose-light);
    border-radius: 2px;
    padding: 1px 2px;
    text-decoration: line-through;
}

[b-wj9okqj6so] .tih-hl-add {
    background: rgba(5, 150, 105, 0.18);
    color: var(--emerald-light);
    border-radius: 2px;
    padding: 1px 2px;
}

.tih-diff-empty[b-wj9okqj6so] {
    font-size: 13px;
    color: var(--text-3);
    padding: 4px 0;
}

.tih-detail-footer[b-wj9okqj6so] {
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid var(--border);
    display: flex;
    align-items: center;
}

/* Instance context banner */
/* Link-to banner */
.tif-link-banner[b-wj9okqj6so] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-left: 3px solid var(--accent);
    border-radius: 10px;
    margin-bottom: 16px;
    font-size: 13px;
    color: var(--text-2);
}

.tif-link-banner strong[b-wj9okqj6so] {
    color: var(--text-1);
}

.tif-link-banner-table[b-wj9okqj6so] {
    font-size: 10px;
    font-weight: 500;
    color: var(--text-3);
    background: var(--surface2);
    border-radius: 4px;
    padding: 1px 6px;
    margin-left: 4px;
}

.tif-link-banner-id[b-wj9okqj6so] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    color: var(--text-3);
    margin-left: 4px;
}

.tif-instance-banner[b-wj9okqj6so] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-left: 3px solid var(--accent);
    border-radius: 10px;
    margin-bottom: 16px;
}

.tif-instance-icon[b-wj9okqj6so] {
    color: var(--accent-light);
    flex-shrink: 0;
    margin-top: 1px;
}

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

.tif-instance-row[b-wj9okqj6so] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    font-size: 12px;
    font-family: 'JetBrains Mono', monospace;
}

.tif-instance-label[b-wj9okqj6so] {
    color: var(--text-3);
    font-weight: 500;
}

.tif-instance-value[b-wj9okqj6so] {
    color: var(--text);
    font-weight: 600;
}

.tif-instance-value.overdue[b-wj9okqj6so] {
    color: var(--red-light, #f43f5e);
}

.tif-instance-sep[b-wj9okqj6so] {
    color: var(--text-3);
    opacity: 0.4;
}

.tif-instance-note[b-wj9okqj6so] {
    font-size: 12px;
    color: var(--text-2);
    font-style: italic;
    margin-top: 4px;
    opacity: 0.8;
}

.tif-instance-status[b-wj9okqj6so] {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 3px 8px;
    border-radius: 4px;
    flex-shrink: 0;
    font-family: 'JetBrains Mono', monospace;
}

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

.tif-instance-status.inprogress[b-wj9okqj6so] {
    background: rgba(245, 158, 11, 0.12);
    color: var(--amber-light);
}

.tif-instance-status.completed[b-wj9okqj6so] {
    background: rgba(16, 185, 129, 0.12);
    color: var(--emerald-light);
}

.tif-instance-status.wontcomplete[b-wj9okqj6so] {
    background: rgba(107, 114, 128, 0.12);
    color: var(--text-3);
}

/* Status */
.tif-status-row[b-wj9okqj6so] {
    margin-bottom: 16px;
}

/* Card */
.tif-card[b-wj9okqj6so] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

.tif-card-body[b-wj9okqj6so] {
    padding: 24px 28px 8px;
}

/* Actions */
.tif-actions[b-wj9okqj6so] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding: 18px 28px;
    border-top: 1px solid var(--border);
    margin-top: 8px;
}

.tif-actions[b-wj9okqj6so]  .tif-save-group.mud-button-group-root {
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    box-shadow: 0 2px 12px rgba(37, 99, 235, 0.25);
    border-radius: 8px;
    border: none;
    transition: all 0.15s;
}

.tif-actions[b-wj9okqj6so]  .tif-save-group.mud-button-group-root:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35);
}

.tif-actions[b-wj9okqj6so]  .tif-save-btn {
    padding-left: 24px;
    padding-right: 24px;
    font-weight: 600;
    letter-spacing: 0.3px;
    color: white !important;
}

.tif-cancel-btn[b-wj9okqj6so] {
    background: none;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 7px 18px;
    color: var(--text-2);
    font-size: 13px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
}

.tif-cancel-btn:hover[b-wj9okqj6so] {
    background: var(--surface2);
    border-color: var(--border2);
    color: var(--text);
}

/* MudForm overrides inside the card */
.tif-card[b-wj9okqj6so]  .mud-input-outlined .mud-input-outlined-border {
    border-color: var(--border2) !important;
    border-radius: 8px !important;
}

.tif-card[b-wj9okqj6so]  .mud-input.mud-input-outlined {
    background: var(--surface2) !important;
    border-radius: 8px !important;
    color: var(--text) !important;
}

.tif-card[b-wj9okqj6so]  .mud-input.mud-input-outlined:hover .mud-input-outlined-border {
    border-color: var(--border2) !important;
}

.tif-card[b-wj9okqj6so]  .mud-input.mud-input-outlined.mud-input-focused .mud-input-outlined-border {
    border-color: var(--accent-light) !important;
    border-width: 1px !important;
}

.tif-card[b-wj9okqj6so]  .mud-input.mud-input-outlined input,
.tif-card[b-wj9okqj6so]  .mud-input.mud-input-outlined textarea {
    color: var(--text) !important;
    padding: 10px 14px !important;
}

.tif-card[b-wj9okqj6so]  .mud-input.mud-input-outlined input::placeholder,
.tif-card[b-wj9okqj6so]  .mud-input.mud-input-outlined textarea::placeholder {
    color: var(--text-2) !important;
    opacity: 0.6 !important;
}

/* Clearable button */
.tif-card[b-wj9okqj6so]  .mud-input-adornment .mud-icon-button {
    color: var(--text-2) !important;
    opacity: 0.6;
}

.tif-card[b-wj9okqj6so]  .mud-input-adornment .mud-icon-button:hover {
    opacity: 1;
}

/* Adornment icons/text */
.tif-card[b-wj9okqj6so]  .mud-input-adornment-start {
    color: var(--text-2) !important;
}

.tif-card[b-wj9okqj6so]  .mud-input-adornment-end {
    color: var(--text-2) !important;
}

/* Switch / Toggle */
.tif-card[b-wj9okqj6so]  .mud-switch .mud-switch-track {
    background: var(--border2) !important;
}

.tif-card[b-wj9okqj6so]  .mud-switch.mud-switch-checked .mud-switch-track {
    background: var(--accent) !important;
    opacity: 0.5 !important;
}

.tif-card[b-wj9okqj6so]  .mud-switch.mud-switch-checked .mud-switch-thumb {
    background: var(--accent-light) !important;
}

/* Validation errors */
.tif-card[b-wj9okqj6so]  .mud-input-error .mud-input-outlined-border {
    border-color: #f43f5e !important;
}

.tif-card[b-wj9okqj6so]  .mud-input-helper-text.mud-input-error {
    color: #f43f5e !important;
    opacity: 1;
}

/* Alert success override */
.tif-page[b-wj9okqj6so]  .mud-alert-filled-success {
    background: rgba(16, 185, 129, 0.12) !important;
    border: 1px solid rgba(16, 185, 129, 0.2);
    color: var(--emerald-light) !important;
}

/* Sidebar items in a horizontal row — equal height */
.tif-sidebar-row[b-wj9okqj6so] {
    display: flex;
    gap: 16px;
    align-items: stretch;
    margin-top: 20px;
    width: 100%;
}

.tif-sidebar-row > :deep(*)[b-wj9okqj6so] {
    min-width: 0;
}

/* Bottom tabbed panel */
.tif-bottom-panel[b-wj9okqj6so] {
    margin-top: 20px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

[b-wj9okqj6so] .tif-bottom-tabs .mud-tabs-tabbar {
    border-bottom: 1px solid var(--border);
}

[b-wj9okqj6so] .tif-bottom-tabs .mud-tab {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    min-width: unset;
    transition: background 0.15s;
}

[b-wj9okqj6so] .tif-bottom-tabs .mud-tab.mud-tab-active {
    background: color-mix(in srgb, var(--accent) 8%, transparent);
}

[b-wj9okqj6so] .tif-bottom-content {
    padding: 0;
}

.tif-tab-count[b-wj9okqj6so] {
    font-size: 11px !important;
    font-family: 'JetBrains Mono', monospace;
    background: var(--surface2) !important;
    color: var(--text-3) !important;
    height: 18px !important;
    padding: 0 7px !important;
}

@media (max-width: 1100px) {
    .tif-sidebar-row[b-wj9okqj6so] { flex-wrap: wrap; }
    .tif-sidebar-row > :deep(*)[b-wj9okqj6so] { flex-basis: calc(50% - 8px); }
}

@media (max-width: 700px) {
    .tif-sidebar-row[b-wj9okqj6so] { flex-direction: column; }
    .tif-sidebar-row > :deep(*)[b-wj9okqj6so] { flex-basis: 100%; }
}

@media (max-width: 900px) {
    .tif-behaviours[b-wj9okqj6so] { flex-wrap: wrap; }
    .tif-behaviour-name[b-wj9okqj6so] { display: none; }
    .tif-behaviour-tag[b-wj9okqj6so] { padding: 4px; border-radius: 6px; gap: 0; }
}

@media (max-width: 600px) {
    .tif-page[b-wj9okqj6so] { padding: 20px 16px; }
    .tif-card-body[b-wj9okqj6so] { padding: 20px 16px 8px; }
    .tif-actions[b-wj9okqj6so] { padding: 16px; gap: 8px; }
}

/* ── Attachments tab ───────────────────────────────────── */
.tif-attach-panel[b-wj9okqj6so] {
    padding: 16px;
}

.tif-attach-toolbar[b-wj9okqj6so] {
    margin-bottom: 16px;
}

[b-wj9okqj6so] .tif-attach-upload-wrap {
    display: inline-flex;
}

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

.tif-attach-btn[b-wj9okqj6so] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 8px;
    background: var(--surface2);
    border: 1px solid var(--border);
    color: var(--text-2);
    font-size: 12px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
}

.tif-attach-btn:hover[b-wj9okqj6so] {
    border-color: var(--accent-light);
    color: var(--text);
}

.tif-attach-btn:disabled[b-wj9okqj6so] {
    opacity: 0.5;
    cursor: not-allowed;
}

.tif-attach-empty[b-wj9okqj6so] {
    font-size: 13px;
    color: var(--text-2);
    padding: 12px 0;
}

.tif-attach-date[b-wj9okqj6so] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-3);
    margin-bottom: 8px;
    margin-top: 12px;
}

.tif-attach-date:first-of-type[b-wj9okqj6so] {
    margin-top: 0;
}

.tif-attach-grid[b-wj9okqj6so] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 8px;
}

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

.tif-attach-card:hover[b-wj9okqj6so] {
    border-color: var(--border2);
}

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

[b-wj9okqj6so] .tif-attach-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-wj9okqj6so] .tif-attach-icon-btn {
    width: 48px !important;
    height: 48px !important;
    flex-shrink: 0;
    background: var(--surface3) !important;
    border-radius: 6px !important;
    color: var(--text-3) !important;
}

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

[b-wj9okqj6so] .tif-attach-name {
    font-size: 13px !important;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.tif-attach-size[b-wj9okqj6so] {
    font-size: 11px;
    font-family: 'JetBrains Mono', monospace;
    color: var(--text-3);
}
/* /Pages/TableItemHistoryPage.razor.rz.scp.css */
.tih-page[b-cvtsd7p2nd] {
    padding: 0;
    max-width: 1600px;
    margin: 0 auto;
    animation: fadeUp-b-cvtsd7p2nd 0.4s ease both;
}

/* Header */
.tih-header[b-cvtsd7p2nd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 24px;
}

.tih-header-left[b-cvtsd7p2nd] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.tih-back[b-cvtsd7p2nd] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--surface2);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s;
    color: var(--text-2);
    flex-shrink: 0;
    margin-top: 2px;
}

.tih-back:hover[b-cvtsd7p2nd] {
    background: var(--surface3);
    border-color: var(--border2);
    color: var(--text);
}

.tih-title[b-cvtsd7p2nd] {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    color: var(--text);
    line-height: 1.1;
    margin-bottom: 4px;
}

.tih-subtitle[b-cvtsd7p2nd] {
    font-size: 12px;
    color: var(--text-2);
    font-family: 'JetBrains Mono', monospace;
}

.tih-sep[b-cvtsd7p2nd] {
    margin: 0 6px;
    opacity: 0.4;
}

/* Empty state */
.tih-empty[b-cvtsd7p2nd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 80px 0;
    opacity: 0.7;
}

/* Commit list */
.tih-list[b-cvtsd7p2nd] {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Date group label */
.tih-date-label[b-cvtsd7p2nd] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-3);
    padding: 16px 0 6px 26px;
}

.tih-date-label:first-child[b-cvtsd7p2nd] {
    padding-top: 0;
}

/* Entry card — collapsed row */
.tih-entry[b-cvtsd7p2nd] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 10px;
    margin-bottom: 4px;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
    overflow: hidden;
}

.tih-entry:hover[b-cvtsd7p2nd] {
    border-color: var(--border2);
}

.tih-entry-expanded[b-cvtsd7p2nd] {
    border-color: var(--border2);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* Collapsed row layout */
.tih-entry-row[b-cvtsd7p2nd] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    min-height: 44px;
}

/* Colour dot */
.tih-entry-dot[b-cvtsd7p2nd] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

/* Summary line */
.tih-entry-summary[b-cvtsd7p2nd] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    min-width: 0;
    flex-wrap: wrap;
}

.tih-entry-type[b-cvtsd7p2nd] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
    white-space: nowrap;
}

[b-cvtsd7p2nd] .tih-hash-chip {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px;
    letter-spacing: 0.02em;
    height: 22px;
}

.tih-entry-meta[b-cvtsd7p2nd] {
    font-size: 12px;
    color: var(--text-3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Chevron */
[b-cvtsd7p2nd] .tih-chevron {
    color: var(--text-3);
    flex-shrink: 0;
    font-size: 20px;
    transition: transform 0.2s;
}

/* Expanded detail panel */
.tih-detail[b-cvtsd7p2nd] {
    border-top: 1px solid var(--border);
    padding: 12px 16px 10px;
    cursor: default;
}

/* Diff table */
[b-cvtsd7p2nd] .tih-diff-table {
    width: 100%;
    border-collapse: collapse;
    background: transparent;
}

[b-cvtsd7p2nd] .tih-diff-table td {
    padding: 5px 10px;
    font-size: 13px;
    border-bottom: 1px solid var(--border);
    vertical-align: top;
}

[b-cvtsd7p2nd] .tih-diff-table tr:last-child td {
    border-bottom: none;
}

[b-cvtsd7p2nd] .tih-cell-label {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text-2);
}

[b-cvtsd7p2nd] .tih-cell-value {
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    word-break: break-word;
    line-height: 1.6;
}

[b-cvtsd7p2nd] .tih-hl-del {
    background: rgba(225, 29, 72, 0.18);
    color: var(--rose-light);
    border-radius: 2px;
    padding: 1px 2px;
    text-decoration: line-through;
}

[b-cvtsd7p2nd] .tih-hl-add {
    background: rgba(5, 150, 105, 0.18);
    color: var(--emerald-light);
    border-radius: 2px;
    padding: 1px 2px;
}

.tih-diff-empty[b-cvtsd7p2nd] {
    font-size: 13px;
    color: var(--text-3);
    padding: 4px 0;
}

/* Footer with verify button */
.tih-detail-footer[b-cvtsd7p2nd] {
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid var(--border);
    display: flex;
    align-items: center;
}

@keyframes fadeUp-b-cvtsd7p2nd {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* /Pages/TableItemListPage.razor.rz.scp.css */
.til-page[b-lhfnhjlh08] {
    padding: 0;
    max-width: 1600px;
    margin: 0 auto;
    animation: fadeUp 0.4s ease both;
}

.til-header[b-lhfnhjlh08] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.til-header-left[b-lhfnhjlh08] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.til-back[b-lhfnhjlh08] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--surface2);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s;
    color: var(--text-2);
}

.til-back:hover[b-lhfnhjlh08] {
    background: var(--surface3);
    border-color: var(--border2);
    color: var(--text);
}

.til-title[b-lhfnhjlh08] {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    color: var(--text);
    line-height: 1.1;
}

.til-header-right[b-lhfnhjlh08] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.til-hdr-btn[b-lhfnhjlh08] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid var(--border);
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--text-2);
    transition: all 0.15s;
}

.til-hdr-btn:hover[b-lhfnhjlh08] {
    background: var(--surface2);
    border-color: var(--border2);
    color: var(--text);
}

.til-hdr-btn.til-hdr-btn-active[b-lhfnhjlh08] {
    border-color: rgba(16,185,129,0.4);
    color: var(--emerald-light);
}

.til-hdr-btn.til-hdr-btn-active:hover[b-lhfnhjlh08] {
    background: rgba(16,185,129,0.08);
}

.til-bhv-tag[b-lhfnhjlh08] {
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 600;
    letter-spacing: 0.3px;
}

.til-scheduled-tag[b-lhfnhjlh08] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 600;
    font-family: 'JetBrains Mono', monospace;
    padding: 3px 10px;
    border-radius: 6px;
    border: 1px solid rgba(16, 185, 129, 0.25);
    background: rgba(16, 185, 129, 0.08);
    color: #10b981;
    margin-left: 4px;
}

/* Tabs */
.behaviour-tabs[b-lhfnhjlh08] {
    display: flex; gap: 4px; margin-bottom: 24px;
    border-bottom: 1px solid var(--border);
    padding-bottom: 0;
}

.bt[b-lhfnhjlh08] {
    display: flex; align-items: center; gap: 6px;
    padding: 8px 14px; font-size: 12px; font-weight: 500;
    color: var(--text-2); cursor: pointer; border-bottom: 2px solid transparent;
    transition: all 0.15s; text-decoration: none; user-select: none;
}

.bt:hover[b-lhfnhjlh08] { color: var(--text); }

.bt.active[b-lhfnhjlh08] {
    color: var(--text); font-weight: 600;
    border-bottom-color: var(--bt-colour, var(--accent-light));
}

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

.til-body[b-lhfnhjlh08] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

.til-children[b-lhfnhjlh08] {
    margin-bottom: 16px;
}

.til-children-header[b-lhfnhjlh08] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 4px 8px;
    font-size: 11px;
    font-weight: 700;
    color: var(--text-3);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.til-children-title[b-lhfnhjlh08] {
    color: var(--text-2);
}

.til-children-count[b-lhfnhjlh08] {
    font-family: 'JetBrains Mono', monospace;
    color: var(--text-3);
    background: var(--surface2);
    padding: 1px 8px;
    border-radius: 10px;
    font-size: 10px;
    margin-left: 2px;
}

.til-children-list[b-lhfnhjlh08] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.til-feed[b-lhfnhjlh08] {
    margin-top: 20px;
}

/* Up Next */
.til-upnext[b-lhfnhjlh08] {
    margin-top: 20px;
}

.til-upnext-header[b-lhfnhjlh08] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.til-upnext-title[b-lhfnhjlh08] {
    font-weight: 600;
    font-size: 14px;
    color: var(--text);
}

/* Up Next Groups */
.til-un-group[b-lhfnhjlh08] {
    margin-bottom: 12px;
}

.til-un-group-header[b-lhfnhjlh08] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    padding-left: 2px;
}

.til-un-group-label[b-lhfnhjlh08] {
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.til-un-group-label.til-un-overdue[b-lhfnhjlh08] { color: #F44336; }
.til-un-group-label.til-un-today[b-lhfnhjlh08] { color: var(--accent-light); }
.til-un-group-label.til-un-upcoming[b-lhfnhjlh08] { color: var(--text-2); }
.til-un-group-label.til-un-later[b-lhfnhjlh08] { color: var(--text-3); }

.til-un-group-count[b-lhfnhjlh08] {
    font-size: 11px;
    color: var(--text-3);
    font-family: 'JetBrains Mono', monospace;
}

.til-un-viewmore[b-lhfnhjlh08] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px;
    font-size: 12px;
    font-weight: 600;
    color: var(--accent-light);
    cursor: pointer;
    border-radius: 8px;
    transition: background 0.15s;
}
.til-un-viewmore:hover[b-lhfnhjlh08] { background: var(--surface2); }

/* Up Next Row */
.til-un-row[b-lhfnhjlh08] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 12px 16px;
    margin-bottom: 6px;
    transition: border-color 0.15s;
}

.til-un-row:hover[b-lhfnhjlh08] {
    border-color: var(--border2);
}

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

.til-un-row-meta[b-lhfnhjlh08] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--text-2);
}

.til-un-dot[b-lhfnhjlh08] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--text-3);
    flex-shrink: 0;
}

.til-un-date[b-lhfnhjlh08] {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    color: var(--text-3);
}

.til-un-inprogress-user[b-lhfnhjlh08] {
    font-size: 12px;
    font-weight: 600;
    color: #FF9800;
}

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

/* Dialog */
.til-dialog-backdrop[b-lhfnhjlh08] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
}

.til-dialog[b-lhfnhjlh08] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    background: var(--surface2);
    border: 1px solid var(--border2);
    border-radius: 12px;
    padding: 24px;
    min-width: 400px;
    max-width: 500px;
    box-shadow: 0 12px 48px rgba(0,0,0,0.5);
    animation: fadeUp 0.15s ease both;
}

.til-dialog-title[b-lhfnhjlh08] {
    font-weight: 600;
    font-size: 16px;
    color: var(--text);
    margin-bottom: 12px;
}

.til-dialog-body[b-lhfnhjlh08] {
    font-size: 13px;
    color: var(--text-2);
    line-height: 1.5;
    margin-bottom: 16px;
}

.til-dialog-field[b-lhfnhjlh08] {
    margin-bottom: 16px;
}

.til-dialog-label[b-lhfnhjlh08] {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-2);
    margin-bottom: 6px;
}

.til-dialog-textarea[b-lhfnhjlh08] {
    width: 100%;
    padding: 10px 12px;
    background: var(--surface2);
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--text);
    font-family: 'Space Grotesk', sans-serif;
    font-size: 13px;
    line-height: 1.4;
    outline: none;
    resize: none;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

.til-dialog-textarea[b-lhfnhjlh08]::placeholder {
    color: var(--text-3);
}

.til-dialog-textarea:focus[b-lhfnhjlh08] {
    border-color: var(--accent);
}

.til-dialog-actions[b-lhfnhjlh08] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.til-dialog-btn[b-lhfnhjlh08] {
    font-size: 13px;
    font-weight: 600;
    padding: 8px 20px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: all 0.15s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    line-height: 1;
}

.til-dialog-btn-cancel[b-lhfnhjlh08] {
    background: var(--surface);
    color: var(--text-2);
    border: 1px solid var(--border);
}

.til-dialog-btn-cancel:hover[b-lhfnhjlh08] {
    background: var(--surface3);
    border-color: var(--border2);
    color: var(--text);
}

.til-dialog-btn-confirm[b-lhfnhjlh08] {
    background: #F44336;
    color: #fff;
}

.til-dialog-btn-confirm:hover:not(:disabled)[b-lhfnhjlh08] {
    background: #D32F2F;
}

.til-dialog-btn-confirm:disabled[b-lhfnhjlh08] {
    opacity: 0.4;
    cursor: not-allowed;
}

@media (max-width: 600px) {
    .til-page[b-lhfnhjlh08] { padding: 20px 16px; }
    .til-un-row[b-lhfnhjlh08] { flex-direction: column; align-items: flex-start; gap: 10px; }
    .til-un-row-right[b-lhfnhjlh08] { width: 100%; justify-content: flex-end; flex-wrap: wrap; }
    .til-dialog[b-lhfnhjlh08] { min-width: auto; left: 16px; right: 16px; transform: translateY(-50%); }
}
/* /Pages/TableListPage.razor.rz.scp.css */
.tl-page[b-yakap3rhfj] {
    padding: 0;
    max-width: 1600px;
    margin: 0 auto;
    animation: fadeUp 0.4s ease both;
}

/* Header */
.tl-header[b-yakap3rhfj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 28px;
}

/* Behaviour tabs */
.behaviour-tabs[b-yakap3rhfj] {
    display: flex; gap: 4px; margin-bottom: 24px;
    border-bottom: 1px solid var(--border);
    padding-bottom: 0;
}

.bt[b-yakap3rhfj] {
    display: flex; align-items: center; gap: 6px;
    padding: 8px 14px; font-size: 12px; font-weight: 500;
    color: var(--text-2); cursor: pointer;
    text-decoration: none; border-bottom: 2px solid transparent;
    transition: all 0.15s; margin-bottom: -1px;
}

.bt:hover[b-yakap3rhfj] { color: var(--text); }

.bt.active[b-yakap3rhfj] {
    color: var(--text); font-weight: 600;
    border-bottom-color: var(--bt-colour, var(--accent-light));
}

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

.tl-title[b-yakap3rhfj] {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    color: var(--text);
    line-height: 1.1;
    margin-bottom: 4px;
}

.tl-subtitle[b-yakap3rhfj] {
    font-size: 13px;
    color: var(--text-2);
}

.tl-header-right[b-yakap3rhfj] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.tl-count-pill[b-yakap3rhfj] {
    padding: 4px 12px;
    border-radius: 20px;
    background: var(--surface2);
    border: 1px solid var(--border);
    font-size: 11px;
    font-weight: 600;
    color: var(--text-2);
    font-family: 'JetBrains Mono', monospace;
    white-space: nowrap;
}

.tl-groups-link[b-yakap3rhfj] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    border-radius: 8px;
    background: var(--surface2);
    border: 1px solid var(--border);
    font-size: 12px;
    font-weight: 500;
    color: var(--text-2);
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.15s;
    cursor: pointer;
}

.tl-groups-link:hover[b-yakap3rhfj] {
    color: var(--text);
    border-color: var(--accent-light);
    background: var(--surface3);
}

.tl-add-btn[b-yakap3rhfj] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--accent), var(--cyan));
    border: none;
    color: white;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
    box-shadow: 0 2px 12px rgba(37, 99, 235, 0.25);
    white-space: nowrap;
}

.tl-add-btn:hover[b-yakap3rhfj] {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35);
}

/* Add dropdown */
.tl-add-wrapper[b-yakap3rhfj] {
    position: relative;
}

.tl-add-dropdown[b-yakap3rhfj] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 100;
    min-width: 260px;
    padding: 6px;
    background: var(--surface2);
    border: 1px solid var(--border2);
    border-radius: 10px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.28);
    animation: dropIn-b-yakap3rhfj 0.15s ease both;
}

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

.tl-add-dropdown-item[b-yakap3rhfj] {
    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-yakap3rhfj] {
    background: var(--surface3);
}

.tl-add-dropdown-title[b-yakap3rhfj] {
    font-size: 13px;
    font-weight: 600;
    color: var(--text);
}

.tl-add-dropdown-desc[b-yakap3rhfj] {
    font-size: 11px;
    color: var(--text-2);
    line-height: 1.4;
}

.tl-add-backdrop[b-yakap3rhfj] {
    position: fixed;
    inset: 0;
    z-index: 99;
}

/* Breadcrumb */
.tl-breadcrumb[b-yakap3rhfj] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 16px;
    font-size: 12px;
    font-family: 'JetBrains Mono', monospace;
}

.tl-breadcrumb-link[b-yakap3rhfj] {
    color: var(--accent-light);
    cursor: pointer;
    text-decoration: none;
    transition: color 0.15s;
}

.tl-breadcrumb-link:hover[b-yakap3rhfj] {
    color: var(--text);
    text-decoration: underline;
}

.tl-breadcrumb-sep[b-yakap3rhfj] {
    color: var(--text-3);
}

.tl-breadcrumb-current[b-yakap3rhfj] {
    color: var(--text);
    font-weight: 600;
}

/* Row list */
.tl-rows[b-yakap3rhfj] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

@media (max-width: 600px) {
    .tl-page[b-yakap3rhfj] { padding: 20px 16px; }
}

/* Grouped view */
.tl-group[b-yakap3rhfj] {
    margin-bottom: 32px;
}

.tl-group-header[b-yakap3rhfj] {
    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-yakap3rhfj] {
    background: var(--surface2);
}

.tl-group-left[b-yakap3rhfj] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tl-group-dot[b-yakap3rhfj] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.tl-group-name[b-yakap3rhfj] {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--text);
    font-family: 'JetBrains Mono', monospace;
}

.tl-group-count[b-yakap3rhfj] {
    padding: 2px 8px;
    border-radius: 20px;
    background: var(--surface3);
    border: 1px solid var(--border);
    font-size: 10px;
    color: var(--text-3);
    font-family: 'JetBrains Mono', monospace;
}

.tl-group-action[b-yakap3rhfj] {
    font-size: 11px;
    color: var(--text-3);
    font-weight: 600;
    opacity: 0;
    transition: opacity 0.15s;
}

.tl-group-header:hover .tl-group-action[b-yakap3rhfj] {
    opacity: 1;
    color: var(--accent-light);
}

/* Empty state */
.tl-empty[b-yakap3rhfj] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 48px 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.tl-empty-icon[b-yakap3rhfj] {
    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-yakap3rhfj] {
    font-size: 15px;
    font-weight: 700;
    color: var(--text);
}

.tl-empty-desc[b-yakap3rhfj] {
    font-size: 12px;
    color: var(--text-2);
    max-width: 320px;
}

/* Feed section */
.tl-feed[b-yakap3rhfj] {
    margin-top: 32px;
}
/* /Pages/UserEditPage.razor.rz.scp.css */
/* Page layout */
.te-page[b-0o8s4decdl] {
    padding: 28px 32px 48px;
    max-width: 1600px;
    margin: 0 auto;
    animation: fadeUp-b-0o8s4decdl 0.4s ease both;
}

@keyframes fadeUp-b-0o8s4decdl {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Header */
.te-header[b-0o8s4decdl] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 28px;
}

.te-header-left[b-0o8s4decdl] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.te-back[b-0o8s4decdl] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--surface2);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s;
    color: var(--text-2);
    flex-shrink: 0;
    margin-top: 2px;
}

.te-back:hover[b-0o8s4decdl] {
    background: var(--surface3);
    border-color: var(--border2);
    color: var(--text);
}

.te-title[b-0o8s4decdl] {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    color: var(--text);
    line-height: 1.1;
    margin-bottom: 4px;
}

.te-subtitle[b-0o8s4decdl] {
    font-size: 12px;
    color: var(--text-2);
    font-family: 'JetBrains Mono', monospace;
}

/* Sections */
.te-section[b-0o8s4decdl] {
    margin-bottom: 24px;
}

.te-section-header[b-0o8s4decdl] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.te-section-title[b-0o8s4decdl] {
    font-weight: 600;
    font-size: 14px;
    color: var(--text);
}

.te-section-hint[b-0o8s4decdl] {
    font-size: 12px;
    color: var(--text-2);
    font-family: 'JetBrains Mono', monospace;
}

/* Card */
.te-card[b-0o8s4decdl] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

.te-card-body[b-0o8s4decdl] {
    padding: 20px 24px;
}

/* Actions */
.te-actions[b-0o8s4decdl] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 8px;
    position: sticky;
    bottom: 0;
    background: linear-gradient(transparent, var(--bg) 30%);
    padding-bottom: 16px;
    padding-top: 24px;
}

.te-actions[b-0o8s4decdl]  .te-save-btn {
    padding: 8px 28px;
    font-weight: 600;
    letter-spacing: 0.3px;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--accent), var(--cyan)) !important;
    border: none !important;
    color: white !important;
    box-shadow: 0 2px 12px rgba(37, 99, 235, 0.25);
    transition: all 0.15s;
}

.te-actions[b-0o8s4decdl]  .te-save-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35);
}

.te-cancel-btn[b-0o8s4decdl] {
    background: none;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px 20px;
    color: var(--text-2);
    font-size: 13px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
}

.te-cancel-btn:hover[b-0o8s4decdl] {
    background: var(--surface2);
    border-color: var(--border2);
    color: var(--text);
}

/* Teams */
.ue-team-list[b-0o8s4decdl] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ue-team-row[b-0o8s4decdl] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s;
}

.ue-team-row:hover[b-0o8s4decdl] {
    border-color: var(--border2);
    background: var(--surface2);
}

.ue-team-row.active[b-0o8s4decdl] {
    border-color: rgba(6, 182, 212, 0.3);
    background: rgba(6, 182, 212, 0.04);
}

.ue-team-check[b-0o8s4decdl] {
    flex-shrink: 0;
    padding-top: 2px;
}

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

.ue-team-info[b-0o8s4decdl] {
    flex: 1;
    min-width: 0;
}

.ue-team-name[b-0o8s4decdl] {
    font-weight: 600;
    font-size: 13px;
    color: var(--text);
    margin-bottom: 2px;
}

.ue-team-desc[b-0o8s4decdl] {
    font-size: 11px;
    color: var(--text-2);
    line-height: 1.5;
}

.ue-team-count[b-0o8s4decdl] {
    font-size: 11px;
    color: var(--text-3);
    font-family: 'JetBrains Mono', monospace;
    white-space: nowrap;
    padding-top: 3px;
}

/* Empty */
.ue-empty[b-0o8s4decdl] {
    padding: 24px;
    text-align: center;
    color: var(--text-3);
    font-size: 13px;
}

@media (max-width: 768px) {
    .te-page[b-0o8s4decdl] { padding: 20px 16px 40px; }
    .te-card-body[b-0o8s4decdl] { padding: 16px; }
}
/* /Pages/WorkspaceEditPage.razor.rz.scp.css */
/* Page layout */
.te-page[b-corw4mg0uq] {
    padding: 0;
    max-width: 1600px;
    margin: 0 auto;
    animation: fadeUp-b-corw4mg0uq 0.4s ease both;
}

@keyframes fadeUp-b-corw4mg0uq {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Header */
.te-header[b-corw4mg0uq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 28px;
}

.te-header-left[b-corw4mg0uq] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.te-back[b-corw4mg0uq] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--surface2);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s;
    color: var(--text-2);
    flex-shrink: 0;
    margin-top: 2px;
}

.te-back:hover[b-corw4mg0uq] {
    background: var(--surface3);
    border-color: var(--border2);
    color: var(--text);
}

.te-title[b-corw4mg0uq] {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    color: var(--text);
    line-height: 1.1;
    margin-bottom: 4px;
}

.te-subtitle[b-corw4mg0uq] {
    font-size: 12px;
    color: var(--text-2);
    font-family: 'JetBrains Mono', monospace;
}

/* Sections */
.te-section[b-corw4mg0uq] {
    margin-bottom: 24px;
}

.te-section-header[b-corw4mg0uq] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.te-section-title[b-corw4mg0uq] {
    font-weight: 600;
    font-size: 14px;
    color: var(--text);
}

/* Card */
.te-card[b-corw4mg0uq] {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    overflow: hidden;
}

.te-card-body[b-corw4mg0uq] {
    padding: 20px 24px;
}

/* Actions */
.te-actions[b-corw4mg0uq] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 8px;
    position: sticky;
    bottom: 0;
    background: linear-gradient(transparent, var(--bg) 30%);
    padding-bottom: 16px;
    padding-top: 24px;
}

.te-actions[b-corw4mg0uq]  .te-save-btn {
    padding: 8px 28px;
    font-weight: 600;
    letter-spacing: 0.3px;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--accent), var(--cyan)) !important;
    border: none !important;
    color: white !important;
    box-shadow: 0 2px 12px rgba(37, 99, 235, 0.25);
    transition: all 0.15s;
}

.te-actions[b-corw4mg0uq]  .te-save-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.35);
}

.te-cancel-btn[b-corw4mg0uq] {
    background: none;
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 8px 20px;
    color: var(--text-2);
    font-size: 13px;
    font-weight: 600;
    font-family: 'Space Grotesk', sans-serif;
    cursor: pointer;
    transition: all 0.15s;
}

.te-cancel-btn:hover[b-corw4mg0uq] {
    background: var(--surface2);
    border-color: var(--border2);
    color: var(--text);
}

/* Loading */
.gf-loading[b-corw4mg0uq] {
    display: flex;
    justify-content: center;
    padding: 80px 0;
}

@media (max-width: 768px) {
    .te-card-body[b-corw4mg0uq] { padding: 16px; }
}
/* /Pages/WorkspaceSelectorPage.razor.rz.scp.css */
.wsp-page[b-kasjveltqq] {
    max-width: 1600px;
    margin: 0 auto;
    animation: fadeUp 0.4s ease both;
}

.wsp-header[b-kasjveltqq] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 28px;
}

.wsp-back-btn[b-kasjveltqq] {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--surface2);
    border: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s;
    color: var(--text-2);
    flex-shrink: 0;
}

.wsp-back-btn:hover[b-kasjveltqq] {
    background: var(--surface3);
    border-color: var(--border2);
    color: var(--text);
}

.wsp-title[b-kasjveltqq] {
    font-family: 'Instrument Serif', serif;
    font-size: 26px;
    color: var(--text);
    line-height: 1.1;
    margin-bottom: 4px;
}

.wsp-sub[b-kasjveltqq] {
    font-size: 13px;
    color: var(--text-2);
}

/* ── Card grid ── */

.wsp-grid[b-kasjveltqq] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

@media (max-width: 900px) {
    .wsp-grid[b-kasjveltqq] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
    .wsp-grid[b-kasjveltqq] { grid-template-columns: 1fr; }
}

/* ── Location cards ── */

.wsp-loc-card[b-kasjveltqq] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 20px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.15s;
}

.wsp-loc-card:hover[b-kasjveltqq] {
    border-color: var(--border2);
    background: var(--surface2);
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}

.wsp-loc-icon[b-kasjveltqq] {
    font-size: 22px;
    flex-shrink: 0;
}

.wsp-loc-body[b-kasjveltqq] {
    flex: 1;
    min-width: 0;
}

.wsp-loc-name[b-kasjveltqq] {
    font-weight: 600;
    font-size: 14px;
    color: var(--text);
}

.wsp-loc-desc[b-kasjveltqq] {
    font-size: 12px;
    color: var(--text-3);
    margin-top: 2px;
}

.wsp-loc-arrow[b-kasjveltqq] {
    font-size: 16px;
    color: var(--text-3);
    flex-shrink: 0;
    transition: color 0.15s;
}

.wsp-loc-card:hover .wsp-loc-arrow[b-kasjveltqq] {
    color: var(--text);
}

/* ── Recent strip ── */

.wsp-recent[b-kasjveltqq] {
    margin-top: 32px;
}

.wsp-recent-label[b-kasjveltqq] {
    font-size: 10px;
    font-weight: 600;
    color: var(--text-3);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    font-family: 'JetBrains Mono', monospace;
}

.wsp-recent-list[b-kasjveltqq] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.wsp-recent-item[b-kasjveltqq] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 6px 12px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s;
    font-size: 12px;
    color: var(--text-2);
}

.wsp-recent-item:hover[b-kasjveltqq] {
    background: var(--surface2);
    border-color: var(--border2);
    color: var(--text);
}

.wsp-recent-sep[b-kasjveltqq] {
    color: var(--text-3);
}

.wsp-recent-loc[b-kasjveltqq] {
    font-size: 10px;
    color: var(--text-3);
    font-family: 'JetBrains Mono', monospace;
    padding: 1px 5px;
    background: var(--surface3);
    border-radius: 4px;
}