/* /Components/Account/Pages/AcceptInvitation.razor.rz.scp.css */
.password-rules[b-y4gghbv4lj] {
    list-style: none;
    margin: 0.5rem 0 0 0;
    padding: 0;
    font-size: 0.875rem;
    line-height: 1.5;
}

.password-rules li[b-y4gghbv4lj] {
    position: relative;
    padding-left: 1.25rem;
    color: var(--color-text-muted, #6b7280);
    transition: color 120ms ease-in-out;
}

.password-rules li[b-y4gghbv4lj]::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 1rem;
    text-align: center;
    font-weight: 700;
    line-height: 1.5;
}

.password-rules li.pending[b-y4gghbv4lj]::before {
    content: "\00B7"; /* middle dot */
    color: var(--color-text-muted, #9ca3af);
}

.password-rules li.ok[b-y4gghbv4lj] {
    color: var(--color-success, #16a34a);
}

.password-rules li.ok[b-y4gghbv4lj]::before {
    content: "\2713"; /* check mark */
    color: var(--color-success, #16a34a);
}
/* /Components/Account/Shared/ManageLayout.razor.rz.scp.css */
.manage-page-header[b-mj0p584zti] {
    margin-bottom: 1.25rem;
}

.manage-page-title[b-mj0p584zti] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-color);
    margin: 0 0 0.25rem 0;
}

.manage-layout[b-mj0p584zti] {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 1.25rem;
    align-items: start;
}

.manage-sidebar[b-mj0p584zti] {
    position: sticky;
    top: 1rem;
}

.manage-content[b-mj0p584zti] {
    min-width: 0;
}

@media (max-width: 768px) {
    .manage-layout[b-mj0p584zti] {
        grid-template-columns: 1fr;
    }
    .manage-sidebar[b-mj0p584zti] {
        position: static;
    }
}
/* /Components/Account/Shared/ManageNavMenu.razor.rz.scp.css */
.manage-nav[b-ab4bz4saq2] {
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.manage-nav-link[b-ab4bz4saq2] {
    display: block;
    padding: 0.5rem 0.75rem;
    border-radius: var(--radius-md);
    color: var(--text-color);
    text-decoration: none;
    font-size: var(--fs-base);
    transition: background var(--transition-fast), color var(--transition-fast);
}

.manage-nav-link:hover[b-ab4bz4saq2] {
    background: rgba(var(--light-rgb), 0.6);
    color: var(--text-color);
}

.manage-nav-link.active[b-ab4bz4saq2] {
    background: var(--primary-color);
    color: #ffffff;
}

.manage-nav-link.active:hover[b-ab4bz4saq2] {
    background: var(--primary-hover);
    color: #ffffff;
}
/* /Components/Admin/EngagementRetentionPanel.razor.rz.scp.css */
.retention-panel[b-lguev51cpy] { padding: 1rem; border: 1px solid var(--border-color, #ccc); border-radius: 8px; margin-bottom: 1rem; }
.retention-panel dl[b-lguev51cpy] { display: grid; grid-template-columns: max-content 1fr; gap: 0.5rem 1rem; margin-bottom: 1rem; }
.retention-panel dt[b-lguev51cpy] { font-weight: bold; }
.badge[b-lguev51cpy] { padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.875rem; }
.badge.held[b-lguev51cpy] { background: #fde68a; color: #92400e; }
.badge.none[b-lguev51cpy] { background: #d1fae5; color: #065f46; }
.actions[b-lguev51cpy] { display: flex; gap: 0.5rem; margin-bottom: 1rem; }
/* /Components/Admin/LegalHoldDialog.razor.rz.scp.css */
.dialog-overlay[b-2sq0ewuu3j] { position: fixed; inset: 0; background: rgba(0,0,0,0.4); display: flex; justify-content: center; align-items: center; z-index: 1000; }
.dialog-container[b-2sq0ewuu3j] { background: white; padding: 1.5rem; border-radius: 8px; min-width: 400px; max-width: 600px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.dialog-container h2[b-2sq0ewuu3j] { margin-top: 0; }
.dialog-container label[b-2sq0ewuu3j] { display: block; margin-bottom: 0.75rem; }
.dialog-container textarea[b-2sq0ewuu3j] { width: 100%; }
.dialog-container .warn[b-2sq0ewuu3j] { color: #b91c1c; }
.dialog-container .actions[b-2sq0ewuu3j] { display: flex; justify-content: flex-end; gap: 0.5rem; margin-top: 1rem; }
/* /Components/Admin/RedactNowDialog.razor.rz.scp.css */
.dialog-overlay[b-9t899lke0x] { position: fixed; inset: 0; background: rgba(0,0,0,0.4); display: flex; justify-content: center; align-items: center; z-index: 1000; }
.dialog-container[b-9t899lke0x] { background: white; padding: 1.5rem; border-radius: 8px; min-width: 400px; max-width: 600px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.dialog-container h2[b-9t899lke0x] { margin-top: 0; }
.dialog-container label[b-9t899lke0x] { display: block; margin-bottom: 0.75rem; }
.dialog-container .warn[b-9t899lke0x] { color: #b91c1c; }
.dialog-container .actions[b-9t899lke0x] { display: flex; justify-content: flex-end; gap: 0.5rem; margin-top: 1rem; }
.danger[b-9t899lke0x] { background: #b91c1c; color: white; border: none; border-radius: 4px; padding: 0.5rem 1rem; cursor: pointer; }
.danger:disabled[b-9t899lke0x] { background: #ddd; color: #666; cursor: not-allowed; }
/* /Components/Calendar/MeetingAppointmentCard.razor.rz.scp.css */
.appointment-card[b-d11737m3lk] {
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.875rem;
    line-height: 1.3;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    height: 100%;
    cursor: pointer;
}

.appointment-card .time-primary[b-d11737m3lk] { font-weight: 600; }
.appointment-card .time-secondary[b-d11737m3lk] { color: rgba(0, 0, 0, 0.6); font-size: 0.75rem; }
.appointment-card .other-party[b-d11737m3lk] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.appointment-card .status-badge[b-d11737m3lk] { font-size: 0.7rem; opacity: 0.85; }

/* Status colours per Domain/Engagements/Enums/MeetingStatus.cs:
   Proposed=1, Confirmed=2, Cancelled=3 (filtered out, never rendered),
   Held=4, NoShow=5. */
.appointment-card.status-1[b-d11737m3lk] { background: #fef3c7; color: #92400e; border-left: 3px solid #f59e0b; }   /* Proposed */
.appointment-card.status-2[b-d11737m3lk] { background: #dbeafe; color: #1e3a8a; border-left: 3px solid #3b82f6; }   /* Confirmed */
.appointment-card.status-4[b-d11737m3lk] { background: #d1fae5; color: #065f46; border-left: 3px solid #10b981; opacity: 0.8; } /* Held */
.appointment-card.status-5[b-d11737m3lk] { background: #fee2e2; color: #991b1b; border-left: 3px solid #ef4444; opacity: 0.7; } /* NoShow */
/* /Components/Coach/CoachCard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   CoachCard — Scoped Styles
   Vertical coach card for the Find a Coach directory
   ═══════════════════════════════════════════════════════ */

/* ── Card Container ── */
.coach-card[b-thcuqj07tf] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 320px;
    border: 1px solid var(--border-light);
    border-radius: 16px;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    background: var(--card-bg);
    transition: box-shadow var(--transition-base), transform var(--transition-base);
}

.coach-card:hover[b-thcuqj07tf] {
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}

/* ── Cover Gradient ── */
.coach-card-cover[b-thcuqj07tf] {
    position: relative;
    height: 56px;
    background: linear-gradient(135deg, var(--primary-accent), var(--primary-accent-dark));
    flex-shrink: 0;
}

/* ── Discovery Call Badge ── */
.coach-card-discovery[b-thcuqj07tf] {
    position: absolute;
    top: 8px;
    right: 8px;
    background: #ffffff;
    color: var(--success-color);
    font-size: var(--fs-xs);
    font-weight: var(--font-weight-semibold);
    padding: 2px 8px;
    border-radius: var(--radius-full);
    line-height: var(--lh-label);
    letter-spacing: var(--ls-wider);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

/* ── Avatar ── */
.coach-card-avatar-wrapper[b-thcuqj07tf] {
    display: flex;
    justify-content: center;
    margin-top: -28px;
    position: relative;
    z-index: 1;
}

.coach-card-avatar[b-thcuqj07tf] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 3px solid var(--card-bg);
    object-fit: cover;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.coach-card-avatar-initials[b-thcuqj07tf] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--primary-accent), var(--primary-accent-dark));
    color: #ffffff;
    font-size: var(--fs-md);
    font-weight: var(--font-weight-semibold);
    letter-spacing: var(--ls-wide);
}

/* ── Body ── */
.coach-card-body[b-thcuqj07tf] {
    display: flex;
    flex-direction: column;
    padding: 0.75rem 1rem 1rem;
    gap: 0.75rem;
    text-align: center;
}

/* ── Identity ── */
.coach-card-identity[b-thcuqj07tf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.125rem;
}

.coach-card-name-row[b-thcuqj07tf] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    flex-wrap: wrap;
}

.coach-card-name[b-thcuqj07tf] {
    margin: 0;
    font-size: var(--fs-md);
    font-weight: var(--font-weight-semibold);
    color: var(--text-color);
    line-height: var(--lh-h4);
    letter-spacing: var(--ls-slight);
}

[b-thcuqj07tf] .coach-card-verified {
    color: #1d9bf0;
    font-size: 1.125rem;
    flex-shrink: 0;
}

.coach-card-level-badge[b-thcuqj07tf] {
    display: inline-flex;
    align-items: center;
    padding: 1px 6px;
    border-radius: var(--radius-full);
    background: var(--primary-light);
    color: var(--primary-accent-dark);
    font-size: var(--fs-xs);
    font-weight: var(--font-weight-medium);
    line-height: var(--lh-label);
    letter-spacing: var(--ls-wider);
    white-space: nowrap;
}

.coach-card-title[b-thcuqj07tf] {
    margin: 0;
    font-size: var(--fs-sm);
    font-weight: var(--font-weight-medium);
    color: var(--text-color);
    line-height: var(--lh-body);
}

.coach-card-headline[b-thcuqj07tf] {
    margin: 0;
    font-size: var(--fs-xs);
    font-style: italic;
    color: var(--text-muted);
    line-height: var(--lh-body-sm);
    max-width: 260px;
}

/* ── Video Intro ── */
.coach-card-video[b-thcuqj07tf] {
    margin: 0.75rem 0;
    border-radius: 10px;
    overflow: hidden;
    background: #000;
    aspect-ratio: 16 / 9;
}

.coach-card-video-player[b-thcuqj07tf] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

/* ── Stats Row ── */
.coach-card-stats[b-thcuqj07tf] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid var(--border-light);
    border-bottom: 1px solid var(--border-light);
    padding: 0.5rem 0;
    gap: 0;
}

.coach-card-stat[b-thcuqj07tf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.0625rem;
}

.coach-card-stat-value[b-thcuqj07tf] {
    font-size: var(--fs-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--text-color);
    line-height: var(--lh-label);
}

.coach-card-stat-label[b-thcuqj07tf] {
    font-size: var(--fs-overline);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: var(--ls-widest);
    line-height: var(--lh-caption);
}

/* ── Specializations ── */
.coach-card-specializations[b-thcuqj07tf] {
    display: flex;
    justify-content: center;
}

/* ── Languages & Timezone meta row ── */
.coach-card-meta[b-thcuqj07tf] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
    font-size: var(--fs-overline);
    color: var(--text-tertiary);
}

.coach-card-meta-item[b-thcuqj07tf] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    min-width: 0;
}

.coach-card-meta-item .rzi[b-thcuqj07tf] {
    font-size: 0.875rem !important;
    color: var(--text-tertiary);
}

.coach-card-meta-item span[b-thcuqj07tf] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 12rem;
}

/* ── Testimonial Snippet ── */
.coach-card-testimonial[b-thcuqj07tf] {
    background: var(--surface-bg);
    border-radius: var(--radius-md);
    padding: 0.5rem 0.75rem;
    min-height: 3.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.25rem;
}

.coach-card-testimonial-text[b-thcuqj07tf] {
    margin: 0;
    font-size: var(--fs-xs);
    font-style: italic;
    color: var(--text-muted);
    line-height: var(--lh-body-sm);
    text-align: center;
}

.coach-card-testimonial-meta[b-thcuqj07tf] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    flex-wrap: wrap;
}

.coach-card-stars[b-thcuqj07tf] {
    display: inline-flex;
    align-items: center;
    gap: 1px;
}

[b-thcuqj07tf] .star-filled {
    color: var(--warning-color);
    font-size: 0.875rem;
}

[b-thcuqj07tf] .star-empty {
    color: var(--border-color);
    font-size: 0.875rem;
}

.coach-card-testimonial-author[b-thcuqj07tf] {
    font-size: var(--fs-overline);
    color: var(--text-tertiary);
    font-weight: var(--font-weight-medium);
}

.coach-card-testimonial-none[b-thcuqj07tf] {
    margin: 0;
    font-size: var(--fs-xs);
    color: var(--text-tertiary);
    text-align: center;
    font-style: italic;
}

/* ── Session Platforms ── */
.coach-card-platforms[b-thcuqj07tf] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.coach-card-platform-badge[b-thcuqj07tf] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: var(--radius-sm);
    background: var(--surface-bg);
    color: var(--text-muted);
    font-size: var(--fs-overline);
    font-weight: var(--font-weight-medium);
    letter-spacing: var(--ls-wider);
    border: 1px solid var(--border-light);
}

/* ── Action Buttons ── */
.coach-card-actions[b-thcuqj07tf] {
    display: flex;
    gap: 0.5rem;
    padding-top: 0.25rem;
}

.coach-card-actions .btn[b-thcuqj07tf] {
    flex: 1;
    font-size: var(--fs-xs);
    padding: 0.4375rem 0.75rem;
}

/* ── Status Badges (Connected / Pending) ── */
.coach-card-status-badge[b-thcuqj07tf] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    width: 100%;
    padding: 0.4375rem 0.75rem;
    border-radius: var(--radius-md);
    font-size: var(--fs-xs);
    font-weight: var(--font-weight-medium);
    cursor: default;
}

.coach-card-status-connected[b-thcuqj07tf] {
    background: var(--success-light);
    color: var(--success-color);
    border: 1px solid rgba(var(--success-rgb), 0.2);
}

[b-thcuqj07tf] .coach-card-status-connected .rzi {
    font-size: 1rem;
}

.coach-card-status-pending[b-thcuqj07tf] {
    background: var(--warning-light);
    color: var(--warning-color);
    border: 1px solid rgba(var(--warning-rgb), 0.2);
}

[b-thcuqj07tf] .coach-card-status-pending .rzi {
    font-size: 1rem;
}
/* /Components/Coach/ConnectionRequestDialog.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   ConnectionRequestDialog — Scoped Styles
   Modal dialog for coachees to request a connection
   ═══════════════════════════════════════════════════════ */

/* ── Sections ── */
.crd-section[b-w7ykrbau4v] {
    margin-bottom: 1.25rem;
}

.crd-section:last-child[b-w7ykrbau4v] {
    margin-bottom: 0;
}

.crd-label[b-w7ykrbau4v] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: var(--fs-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--text-color);
    margin-bottom: 0.5rem;
}

[b-w7ykrbau4v] .crd-label .rzi {
    font-size: 1.125rem;
    color: var(--text-muted);
}

.crd-required[b-w7ykrbau4v] {
    color: var(--danger-color, #dc2626);
    font-weight: var(--font-weight-semibold);
}

/* ── Time Slot Grid ── */
.crd-slots[b-w7ykrbau4v] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-height: 14rem;
    overflow-y: auto;
    padding-right: 0.25rem;
}

.crd-slot-group[b-w7ykrbau4v] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.crd-slot-date[b-w7ykrbau4v] {
    font-size: var(--fs-xs);
    font-weight: var(--font-weight-semibold);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
}

.crd-slot-chips[b-w7ykrbau4v] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.crd-slot-chip[b-w7ykrbau4v] {
    display: inline-flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: var(--fs-xs);
    font-weight: var(--font-weight-medium);
    color: var(--text-color);
    background: var(--surface-bg);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-full);
    cursor: pointer;
    transition: all var(--transition-fast);
}

.crd-slot-chip:hover[b-w7ykrbau4v] {
    border-color: var(--primary-accent);
    background: rgba(var(--primary-rgb), 0.05);
}

.crd-slot-chip--selected[b-w7ykrbau4v] {
    background: rgba(var(--primary-rgb), 0.1);
    border-color: var(--primary-accent);
    color: var(--primary-accent);
    font-weight: var(--font-weight-semibold);
}

.crd-clear-slot[b-w7ykrbau4v] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin-top: 0.5rem;
    padding: 0;
    font-size: var(--fs-xs);
    color: var(--text-muted);
    background: none;
    border: none;
    cursor: pointer;
    transition: color var(--transition-fast);
}

.crd-clear-slot:hover[b-w7ykrbau4v] {
    color: var(--danger-color);
}

[b-w7ykrbau4v] .crd-clear-slot .rzi {
    font-size: 0.875rem;
}

/* ── No Slots Notice ── */
.crd-no-slots[b-w7ykrbau4v] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    font-size: var(--fs-sm);
    color: var(--text-muted);
    background: var(--surface-bg);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
}

[b-w7ykrbau4v] .crd-no-slots .rzi {
    flex-shrink: 0;
    font-size: 1.125rem;
    margin-top: 0.125rem;
    color: var(--warning-color);
}

/* ── Character Count ── */
.crd-char-count[b-w7ykrbau4v] {
    display: block;
    text-align: right;
    margin-top: 0.25rem;
    font-size: var(--fs-xs);
    color: var(--text-muted);
}

/* ── Responsive ── */
@media (max-width: 640px) {
    .crd-slots[b-w7ykrbau4v] {
        max-height: 10rem;
    }
}
/* /Components/Goals/ActivityCard.razor.rz.scp.css */
.activity-card[b-3xsojr44u8] {
    display: flex;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    overflow: hidden;
    transition: box-shadow 0.2s;
    background: var(--card-bg);
}

.activity-card:hover[b-3xsojr44u8] {
    box-shadow: var(--shadow-sm);
}

.activity-card-indicator[b-3xsojr44u8] {
    width: 4px;
    flex-shrink: 0;
}

.activity-card-content[b-3xsojr44u8] {
    padding: 0.75rem 1rem;
    flex: 1;
}
/* /Components/Goals/AssessmentGoalWizard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════
   AssessmentGoalWizard — "Cloud Dancer" palette
   ═══════════════════════════════════════════════ */

/* ── Overlay ── */
.agw-overlay[b-bz6chfrvd2] {
    position: fixed;
    inset: 0;
    background: rgba(44, 40, 37, 0.45);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

/* ── Dialog shell ── */
.agw[b-bz6chfrvd2] {
    background: var(--card-bg, #FDFCFA);
    border-radius: var(--radius-xl, 1.25rem);
    box-shadow: var(--shadow-xl), 0 0 0 1px var(--border-light, #EDE9E3);
    width: 100%;
    max-width: 680px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: agw-enter-b-bz6chfrvd2 0.28s ease-out;
}

@keyframes agw-enter-b-bz6chfrvd2 {
    from { opacity: 0; transform: translateY(14px) scale(0.97); }
    to   { opacity: 1; transform: translateY(0)    scale(1);    }
}

/* ── Header ── */
.agw-header[b-bz6chfrvd2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.125rem 1.5rem;
    background: linear-gradient(135deg, var(--primary-accent, #8B9E8B) 0%, var(--primary-accent-dark, #6F856F) 100%);
    color: #fff;
    min-height: 0; /* prevent stretch */
}

.agw-header-left[b-bz6chfrvd2] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    min-width: 0;
}

.agw-header-icon[b-bz6chfrvd2] {
    width: 42px;
    height: 42px;
    background: rgba(255,255,255,0.18);
    border-radius: var(--radius-md, 0.625rem);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.agw-header h2[b-bz6chfrvd2] {
    margin: 0;
    font-size: var(--fs-md, 1.1429rem);
    font-weight: 600;
    letter-spacing: var(--ls-slight, -0.01em);
}

.agw-header p[b-bz6chfrvd2] {
    margin: 0.125rem 0 0 0;
    font-size: var(--fs-xs, 0.8571rem);
    opacity: 0.88;
}

.agw-close[b-bz6chfrvd2] {
    background: rgba(255,255,255,0.12);
    border: none;
    width: 34px;
    height: 34px;
    border-radius: var(--radius-sm, 0.375rem);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: background var(--transition-fast, 0.1s ease);
    flex-shrink: 0;
}

.agw-close:hover[b-bz6chfrvd2] { background: rgba(255,255,255,0.24); }

/* ── Step indicator ── */
.agw-steps[b-bz6chfrvd2] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.875rem 1.5rem;
    background: var(--surface-light, #FAF8F5);
    border-bottom: 1px solid var(--border-light, #EDE9E3);
    gap: 0;
}

.agw-step[b-bz6chfrvd2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.375rem;
}

.agw-step-pip[b-bz6chfrvd2] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--border-color, #E2DDD6);
    color: var(--text-tertiary, #9A938C);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs-xs, 0.8571rem);
    font-weight: 600;
    transition: all 0.25s ease;
}

.agw-step--active .agw-step-pip[b-bz6chfrvd2] {
    background: var(--primary-color, #8B9E8B);
    color: #fff;
    box-shadow: 0 0 0 3px var(--primary-accent-alpha, rgba(139,158,139,0.3));
}

.agw-step--done .agw-step-pip[b-bz6chfrvd2] {
    background: var(--success-color, #5F8C5F);
    color: #fff;
}

.agw-step > span[b-bz6chfrvd2] {
    font-size: 0.6875rem;
    font-weight: 500;
    color: var(--text-tertiary, #9A938C);
    letter-spacing: var(--ls-wider, 0.02em);
    text-transform: uppercase;
}

.agw-step--active > span[b-bz6chfrvd2] { color: var(--primary-color); }

.agw-step-line[b-bz6chfrvd2] {
    width: 48px;
    height: 2px;
    background: var(--border-color, #E2DDD6);
    margin: 0 0.625rem;
    margin-bottom: 1.25rem; /* offset for label */
    transition: background 0.25s ease;
}

.agw-step-line--done[b-bz6chfrvd2] { background: var(--success-color, #5F8C5F); }

/* ── Body (scrollable content) ── */
.agw-body[b-bz6chfrvd2] {
    flex: 1;
    overflow-y: auto;
    padding: 1.25rem 1.5rem;
    min-height: 320px;
}

/* ── Shared states ── */
.agw-state-msg[b-bz6chfrvd2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 280px;
    text-align: center;
    gap: 0.75rem;
}

.agw-state-msg h3[b-bz6chfrvd2] { margin: 0; font-size: var(--fs-md); color: var(--text-color); }
.agw-state-msg p[b-bz6chfrvd2]  { margin: 0; font-size: var(--fs-sm); color: var(--text-muted); max-width: 28rem; }

.agw-spinner[b-bz6chfrvd2] {
    width: 40px;
    height: 40px;
    border: 3px solid var(--border-color, #E2DDD6);
    border-top-color: var(--primary-color, #8B9E8B);
    border-radius: 50%;
    animation: agw-spin-b-bz6chfrvd2 0.9s linear infinite;
}

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

.agw-error-icon[b-bz6chfrvd2] { color: var(--error-color, #B5534A); font-size: 2rem; }

.agw-tip[b-bz6chfrvd2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.625rem 1rem;
    background: var(--warning-light, rgba(184,146,62,0.1));
    border-radius: var(--radius-md);
    font-size: var(--fs-xs);
    color: var(--warning-dark, #9A7A30);
    margin-top: 0.5rem;
}

/* ── Step 1: Select ── */
.agw-guidance[b-bz6chfrvd2] {
    display: flex;
    gap: 0.625rem;
    padding: 0.875rem 1rem;
    background: var(--primary-light, rgba(139,158,139,0.12));
    border-radius: var(--radius-md);
    margin-bottom: 1rem;
    border-left: 3px solid var(--primary-color);
}

.agw-guidance p[b-bz6chfrvd2] { margin: 0; font-size: var(--fs-sm); line-height: var(--lh-body); color: var(--text-color); }

.agw-select-bar[b-bz6chfrvd2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.agw-check-label[b-bz6chfrvd2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-size: var(--fs-sm);
    color: var(--text-color);
}

.agw-check-label input[b-bz6chfrvd2] { width: 16px; height: 16px; cursor: pointer; accent-color: var(--primary-color); }

.agw-count[b-bz6chfrvd2] { font-size: var(--fs-xs); color: var(--text-muted); }

.agw-cards[b-bz6chfrvd2] { display: flex; flex-direction: column; gap: 0.625rem; }

.agw-pick[b-bz6chfrvd2] {
    display: flex;
    gap: 0.875rem;
    padding: 0.875rem 1rem;
    background: var(--card-bg);
    border: 2px solid var(--border-light, #EDE9E3);
    border-radius: var(--radius-lg, 0.875rem);
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

.agw-pick:hover[b-bz6chfrvd2] { border-color: var(--primary-color); }
.agw-pick--on[b-bz6chfrvd2] { border-color: var(--primary-color); background: var(--primary-light); }

.agw-pick-check[b-bz6chfrvd2] { flex-shrink: 0; padding-top: 0.0625rem; }

.agw-checkbox[b-bz6chfrvd2] {
    width: 20px;
    height: 20px;
    border: 2px solid var(--border-color);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
}

.agw-checkbox--on[b-bz6chfrvd2] { background: var(--primary-color); border-color: var(--primary-color); }

.agw-pick-body[b-bz6chfrvd2] { flex: 1; min-width: 0; }

.agw-pick-body h4[b-bz6chfrvd2] {
    margin: 0 0 0.25rem 0;
    font-size: var(--fs-sm);
    font-weight: 600;
    color: var(--text-color);
}

.agw-pick-body p[b-bz6chfrvd2] {
    margin: 0 0 0.375rem 0;
    font-size: var(--fs-xs);
    color: var(--text-muted);
    line-height: var(--lh-body-sm);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.agw-rationale[b-bz6chfrvd2] {
    display: flex;
    align-items: flex-start;
    gap: 0.375rem;
    font-size: 0.6875rem;
    color: var(--text-tertiary);
    font-style: italic;
    margin-bottom: 0.375rem;
}

.agw-sources[b-bz6chfrvd2] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.6875rem;
    color: var(--primary-color);
    margin-bottom: 0.375rem;
    font-weight: 500;
    opacity: 0.85;
}

.agw-pick-meta[b-bz6chfrvd2] {
    display: flex;
    gap: 0.75rem;
    font-size: 0.6875rem;
    color: var(--text-muted);
}

.agw-pick-meta span[b-bz6chfrvd2] { display: flex; align-items: center; gap: 0.25rem; }

/* ── Tags / badges ── */
.agw-pick-tags[b-bz6chfrvd2], .agw-acc-badges[b-bz6chfrvd2], .agw-review-tags[b-bz6chfrvd2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-bottom: 0.375rem;
}

.agw-tag[b-bz6chfrvd2] {
    font-size: 0.625rem;
    font-weight: 600;
    padding: 0.1875rem 0.4375rem;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    background: var(--surface-light, #FAF8F5);
    color: var(--text-muted);
}

.agw-tag--sm[b-bz6chfrvd2] { font-size: 0.5625rem; padding: 0.125rem 0.375rem; }

.agw-tag--high[b-bz6chfrvd2]    { background: var(--error-light);   color: var(--error-color);   }
.agw-tag--medium[b-bz6chfrvd2]  { background: var(--warning-light);  color: var(--warning-dark);  }
.agw-tag--low[b-bz6chfrvd2]     { background: var(--success-light);  color: var(--success-dark);  }
.agw-tag--critical[b-bz6chfrvd2]{ background: rgba(190,24,93,0.08);  color: #be185d;              }
.agw-tag--date[b-bz6chfrvd2]    { display: inline-flex; align-items: center; gap: 0.2rem; }

.agw-fw-tag[b-bz6chfrvd2] {
    font-size: 0.5625rem;
    font-weight: 700;
    padding: 0.0625rem 0.375rem;
    background: var(--primary-light);
    color: var(--primary-color);
    border-radius: 3px;
}

/* ═══════════════════════════════════════════════
   STEP 2 : Accordion customization
   ═══════════════════════════════════════════════ */

.agw-customize-intro[b-bz6chfrvd2] {
    font-size: var(--fs-xs);
    color: var(--text-tertiary);
    margin-bottom: 0.875rem;
    text-align: center;
}

.agw-accordion[b-bz6chfrvd2] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.agw-acc-item[b-bz6chfrvd2] {
    border: 1px solid var(--border-light, #EDE9E3);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: border-color 0.2s, box-shadow 0.2s;
    background: var(--card-bg);
}

.agw-acc-item--open[b-bz6chfrvd2] {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 2px var(--primary-accent-alpha, rgba(139,158,139,0.2));
}

/* Trigger (clickable header row) */
.agw-acc-trigger[b-bz6chfrvd2] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: background var(--transition-fast);
}

.agw-acc-trigger:hover[b-bz6chfrvd2] { background: var(--hover-bg); }

.agw-acc-num[b-bz6chfrvd2] {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--primary-light);
    color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs-xs);
    font-weight: 700;
    flex-shrink: 0;
}

.agw-acc-item--open .agw-acc-num[b-bz6chfrvd2] {
    background: var(--primary-color);
    color: #fff;
}

.agw-acc-summary[b-bz6chfrvd2] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.agw-acc-title[b-bz6chfrvd2] {
    font-size: var(--fs-sm);
    font-weight: 600;
    color: var(--text-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.agw-acc-chevron[b-bz6chfrvd2] {
    flex-shrink: 0;
    color: var(--text-tertiary);
    transition: transform 0.2s ease;
}

.agw-acc-item--open .agw-acc-chevron[b-bz6chfrvd2] { color: var(--primary-color); }

/* Form body (inside open accordion) */
.agw-acc-body[b-bz6chfrvd2] {
    padding: 0 1rem 1rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
    border-top: 1px solid var(--border-light);
    animation: agw-expand-b-bz6chfrvd2 0.2s ease-out;
}

@keyframes agw-expand-b-bz6chfrvd2 {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Form fields ── */
.agw-field[b-bz6chfrvd2] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.agw-field:first-child[b-bz6chfrvd2] { margin-top: 0.875rem; }

.agw-field label[b-bz6chfrvd2] {
    font-size: var(--fs-xs);
    font-weight: 500;
    color: var(--text-color);
    letter-spacing: var(--ls-wider);
}

.agw-field input[b-bz6chfrvd2],
.agw-field textarea[b-bz6chfrvd2],
.agw-field select[b-bz6chfrvd2] {
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--border-color, #E2DDD6);
    border-radius: var(--radius-sm);
    font-size: var(--fs-sm);
    font-family: var(--font-family);
    background: var(--card-bg);
    color: var(--text-color);
    transition: border-color 0.15s, box-shadow 0.15s;
    width: 100%;
}

.agw-field input:focus[b-bz6chfrvd2],
.agw-field textarea:focus[b-bz6chfrvd2],
.agw-field select:focus[b-bz6chfrvd2] {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 2px var(--primary-accent-alpha, rgba(139,158,139,0.25));
}

.agw-field-row[b-bz6chfrvd2] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

/* Milestones */
.agw-milestones[b-bz6chfrvd2] {
    background: var(--surface-light);
    border-radius: var(--radius-md);
    padding: 0.75rem 1rem;
}

.agw-milestones label[b-bz6chfrvd2] {
    font-size: var(--fs-xs);
    font-weight: 500;
    color: var(--text-color);
    display: block;
    margin-bottom: 0.375rem;
}

.agw-milestones ul[b-bz6chfrvd2] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.agw-milestones li[b-bz6chfrvd2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0;
    font-size: var(--fs-xs);
    color: var(--text-muted);
}

/* ═══════════════════════════════════════════════
   STEP 3 : Review
   ═══════════════════════════════════════════════ */

.agw-review-banner[b-bz6chfrvd2] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 0.875rem 1rem;
    background: var(--success-light);
    border-radius: var(--radius-md);
    margin-bottom: 1.25rem;
}

.agw-review-banner h3[b-bz6chfrvd2] { margin: 0; font-size: var(--fs-md); color: var(--success-dark); }
.agw-review-banner p[b-bz6chfrvd2]  { margin: 0.125rem 0 0 0; font-size: var(--fs-xs); color: var(--success-color); }

.agw-review-list[b-bz6chfrvd2] { display: flex; flex-direction: column; gap: 0.625rem; }

.agw-review-card[b-bz6chfrvd2] {
    display: flex;
    align-items: flex-start;
    gap: 0.875rem;
    padding: 0.875rem 1rem;
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    background: var(--card-bg);
}

.agw-review-num[b-bz6chfrvd2] {
    width: 26px;
    height: 26px;
    background: var(--primary-color);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs-xs);
    font-weight: 600;
    flex-shrink: 0;
}

.agw-review-body[b-bz6chfrvd2] { flex: 1; min-width: 0; }
.agw-review-body h4[b-bz6chfrvd2] { margin: 0 0 0.25rem 0; font-size: var(--fs-sm); font-weight: 600; }

.agw-review-body p[b-bz6chfrvd2] {
    margin: 0 0 0.375rem 0;
    font-size: var(--fs-xs);
    color: var(--text-muted);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.agw-edit-btn[b-bz6chfrvd2] {
    background: none;
    border: none;
    padding: 0.375rem;
    cursor: pointer;
    color: var(--text-tertiary);
    border-radius: var(--radius-sm);
    transition: all 0.15s;
    flex-shrink: 0;
}

.agw-edit-btn:hover[b-bz6chfrvd2] { background: var(--hover-bg); color: var(--primary-color); }

/* ── Footer ── */
.agw-footer[b-bz6chfrvd2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.875rem 1.5rem;
    border-top: 1px solid var(--border-light);
    background: var(--surface-light);
}

.agw-footer-left[b-bz6chfrvd2],
.agw-footer-right[b-bz6chfrvd2] { display: flex; gap: 0.625rem; }

/* ── Buttons (scoped) ── */
.agw .btn[b-bz6chfrvd2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    padding: 0.5rem 1.125rem;
    font-size: var(--fs-sm);
    font-weight: 500;
    font-family: var(--font-family);
    border-radius: var(--radius-sm);
    border: none;
    cursor: pointer;
    transition: all 0.15s;
}

.agw .btn-primary[b-bz6chfrvd2] {
    background: var(--primary-color);
    color: #fff;
}

.agw .btn-primary:hover:not(:disabled)[b-bz6chfrvd2] { background: var(--primary-dark); }
.agw .btn-primary:disabled[b-bz6chfrvd2] { opacity: 0.45; cursor: not-allowed; }

.agw .btn-secondary[b-bz6chfrvd2] {
    background: var(--surface-light);
    color: var(--text-color);
    border: 1px solid var(--border-color);
}

.agw .btn-secondary:hover[b-bz6chfrvd2] { background: var(--border-light); }

.agw .btn-success[b-bz6chfrvd2] {
    background: var(--success-color);
    color: #fff;
}

.agw .btn-success:hover:not(:disabled)[b-bz6chfrvd2] { background: var(--success-dark); }

.agw .btn-ghost[b-bz6chfrvd2] {
    background: none;
    color: var(--text-muted);
}

.agw .btn-ghost:hover[b-bz6chfrvd2] { color: var(--text-color); background: var(--hover-bg); }

.agw .btn-spinner[b-bz6chfrvd2] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: agw-spin-b-bz6chfrvd2 0.8s linear infinite;
}

/* ── Responsive ── */
@media (max-width: 640px) {
    .agw[b-bz6chfrvd2] {
        max-height: 100vh;
        max-height: 100dvh;
        border-radius: 0;
    }

    .agw-header[b-bz6chfrvd2], .agw-footer[b-bz6chfrvd2] { border-radius: 0; }

    .agw-field-row[b-bz6chfrvd2] { grid-template-columns: 1fr; }

    .agw-step-line[b-bz6chfrvd2] { width: 32px; }

    .agw-overlay[b-bz6chfrvd2] { padding: 0; }
}
/* /Components/Goals/GoalChat.razor.rz.scp.css */
.goal-chat[b-19v9qve69g] {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 1000;
}

.goal-chat.collapsed[b-19v9qve69g] {
    /* Toggle button styles */
}

.goal-chat.expanded[b-19v9qve69g] {
    width: 380px;
    max-width: calc(100vw - 2rem);
}

/* Toggle Button */
.chat-toggle[b-19v9qve69g] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.25rem;
    background: linear-gradient(135deg, var(--primary-accent-dark), var(--primary-accent));
    border: none;
    border-radius: 50px;
    color: var(--text-on-primary);
    font-size: 0.9375rem;
    font-weight: 500;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(var(--primary-rgb), 0.35);
    transition: all 0.3s ease;
}

.chat-toggle:hover[b-19v9qve69g] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(var(--primary-rgb), 0.45);
}

.chat-toggle:focus-visible[b-19v9qve69g] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.chat-toggle-icon[b-19v9qve69g] {
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat-badge[b-19v9qve69g] {
    background: var(--error-color);
    color: white;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.125rem 0.5rem;
    border-radius: 10px;
    margin-left: 0.25rem;
}

/* Chat Container */
.chat-container[b-19v9qve69g] {
    display: flex;
    flex-direction: column;
    height: 500px;
    max-height: calc(100vh - 6rem);
    background: var(--card-bg, #ffffff);
    border-radius: 16px;
    box-shadow: var(--shadow-xl);
    overflow: hidden;
}

/* Chat Header */
.chat-header[b-19v9qve69g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    background: linear-gradient(135deg, var(--primary-accent-dark), var(--primary-accent));
    color: var(--text-on-primary);
}

.chat-header-info[b-19v9qve69g] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.chat-avatar[b-19v9qve69g] {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.chat-header h4[b-19v9qve69g] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.chat-status[b-19v9qve69g] {
    font-size: 0.75rem;
    opacity: 0.9;
}

.chat-close[b-19v9qve69g] {
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    border-radius: 50%;
    color: var(--text-on-primary);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.chat-close:hover[b-19v9qve69g] {
    background: rgba(255, 255, 255, 0.3);
}

/* Messages Area */
.chat-messages[b-19v9qve69g] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    background: var(--surface-light);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Welcome Message */
.chat-welcome[b-19v9qve69g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1.5rem;
}

.chat-welcome-icon[b-19v9qve69g] {
    width: 56px;
    height: 56px;
    background: var(--primary-light);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.chat-welcome h4[b-19v9qve69g] {
    margin: 0 0 0.5rem 0;
    font-size: 1.125rem;
    color: var(--text-color, #1e293b);
}

.chat-welcome p[b-19v9qve69g] {
    margin: 0 0 1rem 0;
    font-size: 0.875rem;
    color: var(--text-muted, #64748b);
    line-height: 1.5;
}

.chat-welcome-hint[b-19v9qve69g] {
    margin: 0.25rem 0 0 0 !important;
    font-size: 0.8125rem !important;
    color: var(--text-tertiary, #94a3b8) !important;
    font-style: italic;
}

/* Quick-prompts tray — sits between the header and the message list. */
.chat-quick-prompts[b-19v9qve69g] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.5rem 0.875rem;
    border-bottom: 1px solid var(--border-light, #e2e8f0);
    background: var(--surface-bg, #f8fafc);
    flex-shrink: 0;
}

.chat-quick-prompts.collapsed[b-19v9qve69g] {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

.chat-quick-prompts-toggle[b-19v9qve69g] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.5rem;
    background: transparent;
    border: none;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-secondary, #64748b);
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
    align-self: flex-start;
}

.chat-quick-prompts-toggle:hover[b-19v9qve69g] {
    background: var(--card-bg, #ffffff);
    color: var(--primary-color);
}

.chat-quick-prompts-toggle .rzi[b-19v9qve69g] {
    font-size: 0.875rem !important;
}

.chat-quick-prompts-chevron[b-19v9qve69g] {
    margin-left: 0.125rem;
    opacity: 0.7;
}

.chat-quick-prompts-list[b-19v9qve69g] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.chat-quick-prompts-list button[b-19v9qve69g] {
    padding: 0.4rem 0.75rem;
    background: var(--card-bg, #ffffff);
    border: 1px solid var(--border-light, #e2e8f0);
    border-radius: 20px;
    font-size: 0.8125rem;
    color: var(--primary-color);
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
    text-align: left;
}

.chat-quick-prompts-list button:hover:not(:disabled)[b-19v9qve69g] {
    background: var(--primary-light);
    border-color: var(--primary-color);
}

.chat-quick-prompts-list button:disabled[b-19v9qve69g] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Message Bubbles */
.chat-message[b-19v9qve69g] {
    display: flex;
    gap: 0.5rem;
    max-width: 85%;
}

.chat-message.user[b-19v9qve69g] {
    align-self: flex-end;
    flex-direction: row-reverse;
}

.chat-message.ai[b-19v9qve69g] {
    align-self: flex-start;
}

.message-avatar[b-19v9qve69g] {
    width: 28px;
    height: 28px;
    background: linear-gradient(135deg, var(--primary-accent-dark), var(--primary-accent));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.message-bubble[b-19v9qve69g] {
    padding: 0.75rem 1rem;
    border-radius: 16px;
    position: relative;
}

.chat-message.user .message-bubble[b-19v9qve69g] {
    background: linear-gradient(135deg, var(--primary-accent-dark), var(--primary-accent));
    color: var(--text-on-primary);
    border-bottom-right-radius: 4px;
}

.chat-message.ai .message-bubble[b-19v9qve69g] {
    background: var(--card-bg);
    color: var(--text-color, #1e293b);
    border-bottom-left-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.message-bubble p[b-19v9qve69g] {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.5;
    white-space: pre-wrap;
}

.message-time[b-19v9qve69g] {
    display: block;
    font-size: 0.6875rem;
    opacity: 0.7;
    margin-top: 0.375rem;
    text-align: right;
}

.chat-message.user .message-time[b-19v9qve69g] {
    color: rgba(255, 255, 255, 0.8);
}

/* Typing Indicator */
.message-bubble.typing[b-19v9qve69g] {
    padding: 1rem;
}

.typing-indicator[b-19v9qve69g] {
    display: flex;
    gap: 4px;
}

.typing-indicator span[b-19v9qve69g] {
    width: 8px;
    height: 8px;
    background: var(--text-muted, #94a3b8);
    border-radius: 50%;
    animation: typing-b-19v9qve69g 1.4s infinite ease-in-out both;
}

.typing-indicator span:nth-child(1)[b-19v9qve69g] { animation-delay: -0.32s; }
.typing-indicator span:nth-child(2)[b-19v9qve69g] { animation-delay: -0.16s; }

@keyframes typing-b-19v9qve69g {
    0%, 80%, 100% {
        transform: scale(0.6);
        opacity: 0.5;
    }
    40% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Input Area */
.chat-input[b-19v9qve69g] {
    display: flex;
    gap: 0.5rem;
    padding: 1rem;
    background: var(--card-bg);
    border-top: 1px solid var(--border-light, #e2e8f0);
}

.chat-input input[b-19v9qve69g] {
    flex: 1;
    padding: 0.75rem 1rem;
    border: 1px solid var(--border-light, #e2e8f0);
    border-radius: 24px;
    font-size: 0.9375rem;
    outline: none;
    transition: border-color 0.2s;
}

.chat-input input:focus[b-19v9qve69g] {
    border-color: var(--primary-color);
}

.chat-send[b-19v9qve69g] {
    width: 44px;
    height: 44px;
    background: linear-gradient(135deg, var(--primary-accent-dark), var(--primary-accent));
    border: none;
    border-radius: 50%;
    color: var(--text-on-primary);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.chat-send:hover:not(:disabled)[b-19v9qve69g] {
    transform: scale(1.05);
}

.chat-send:disabled[b-19v9qve69g] {
    background: var(--border-light, #e2e8f0);
    cursor: not-allowed;
}

/* Responsive */
@media (max-width: 480px) {
    .goal-chat.expanded[b-19v9qve69g] {
        width: calc(100vw - 1rem);
        right: 0.5rem;
        bottom: 0.5rem;
    }

    .chat-container[b-19v9qve69g] {
        height: calc(100vh - 8rem);
        border-radius: 12px;
    }
}

/* Header actions */
.chat-header-actions[b-19v9qve69g] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.chat-header-btn[b-19v9qve69g] {
    width: 32px;
    height: 32px;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    border-radius: 50%;
    color: var(--text-on-primary);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}

.chat-header-btn:hover[b-19v9qve69g],
.chat-header-btn.active[b-19v9qve69g] {
    background: rgba(255, 255, 255, 0.35);
}

/* Saved conversations panel */
.chat-conversations[b-19v9qve69g] {
    max-height: 200px;
    overflow-y: auto;
    border-bottom: 1px solid var(--border-light, #e2e8f0);
    background: var(--card-bg, #ffffff);
    padding: 0.375rem;
}

.chat-conversations-empty[b-19v9qve69g] {
    margin: 0;
    padding: 0.75rem;
    font-size: 0.8125rem;
    color: var(--text-muted, #64748b);
    text-align: center;
}

.conversation-item[b-19v9qve69g] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    border-radius: 8px;
    padding: 0.25rem 0.375rem;
}

.conversation-item:hover[b-19v9qve69g] {
    background: var(--hover-bg, #f1f5f9);
}

.conversation-item.active[b-19v9qve69g] {
    background: var(--active-bg);
}

.conversation-open[b-19v9qve69g] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    background: none;
    border: none;
    padding: 0.375rem 0.25rem;
    cursor: pointer;
    text-align: left;
}

.conversation-title[b-19v9qve69g] {
    flex: 1;
    min-width: 0;
    font-size: 0.8125rem;
    color: var(--text-color, #1e293b);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.conversation-confirm-text[b-19v9qve69g] {
    padding: 0.375rem 0.25rem;
    color: var(--error-color, #dc2626);
}

.conversation-meta[b-19v9qve69g] {
    flex-shrink: 0;
    font-size: 0.6875rem;
    color: var(--text-muted, #64748b);
}

.conversation-actions[b-19v9qve69g] {
    display: flex;
    align-items: center;
    gap: 0.125rem;
}

.conversation-btn[b-19v9qve69g] {
    width: 26px;
    height: 26px;
    background: none;
    border: none;
    border-radius: 6px;
    color: var(--text-muted, #64748b);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.conversation-btn:hover[b-19v9qve69g] {
    background: var(--border-light, #e2e8f0);
    color: var(--text-color, #1e293b);
}

.conversation-btn.danger:hover[b-19v9qve69g] {
    color: var(--error-color, #dc2626);
}

.conversation-btn[b-19v9qve69g]  .rz-icon {
    font-size: 1rem;
}

.conversation-rename-input[b-19v9qve69g] {
    flex: 1;
    min-width: 0;
    font-size: 0.8125rem;
    padding: 0.25rem 0.375rem;
    border: 1px solid var(--primary-accent);
    border-radius: 6px;
    outline: none;
}

.goal-chat--global.expanded .chat-container[b-19v9qve69g] {
    height: min(560px, calc(100vh - 6rem));
    transform-origin: 100% 100%;
    animation: scaleIn 0.2s ease-out both;
}

@media (max-width: 480px) {
    .goal-chat--global[b-19v9qve69g] {
        bottom: 1rem;
        right: 1rem;
    }

    .goal-chat--global .chat-toggle[b-19v9qve69g] {
        padding: 0.5rem;
        border-radius: 50%;
    }

    .goal-chat--global .chat-toggle > span:not(.chat-badge)[b-19v9qve69g] {
        display: none;
    }

    .goal-chat--global.expanded[b-19v9qve69g] {
        inset: 0;
        width: auto;
        max-width: none;
    }

    .goal-chat--global.expanded .chat-container[b-19v9qve69g] {
        height: 100dvh;
        max-height: none;
        border-radius: 0;
    }
}
/* /Components/Goals/GoalDashboard.razor.rz.scp.css */
/* View Toggle */
.view-toggle[b-r556m27jj0] {
    display: flex;
    background: var(--surface-light, #f1f5f9);
    border-radius: 8px;
    padding: 3px;
    gap: 2px;
}

.view-toggle-btn[b-r556m27jj0] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 32px;
    border: none;
    background: transparent;
    border-radius: 6px;
    cursor: pointer;
    color: var(--text-muted, #64748b);
    transition: all 0.2s ease;
}

.view-toggle-btn:hover[b-r556m27jj0] {
    color: var(--text-color, #1e293b);
    background: rgba(0, 0, 0, 0.05);
}

.view-toggle-btn.active[b-r556m27jj0] {
    background: var(--card-bg, #ffffff);
    color: var(--primary-color, #6366f1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Goals Header Actions */
.goals-header-actions[b-r556m27jj0] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* Journey Tabs */
.journey-tabs[b-r556m27jj0] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
    overflow-x: auto;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2px;
}

.journey-tab[b-r556m27jj0] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.875rem;
    border-radius: 9999px;
    border: 1px solid var(--border-color, #e2e8f0);
    background: var(--surface-primary, #ffffff);
    color: var(--text-muted, #64748b);
    font-size: var(--fs-sm, 0.875rem);
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.journey-tab:hover[b-r556m27jj0] {
    border-color: var(--primary-color, #6366f1);
    color: var(--primary-color, #6366f1);
}

.journey-tab.active[b-r556m27jj0] {
    background: var(--primary-color, #6366f1);
    border-color: var(--primary-color, #6366f1);
    color: #ffffff;
}

.journey-tab-count[b-r556m27jj0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 0.375rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    background: rgba(0, 0, 0, 0.08);
    color: inherit;
}

.journey-tab.active .journey-tab-count[b-r556m27jj0] {
    background: rgba(255, 255, 255, 0.25);
}

/* Filters in Kanban mode - simplified */
.goals-filters.kanban-mode[b-r556m27jj0] {
    display: none;
}

/* Goals Dashboard */
[b-r556m27jj0] .goals-dashboard {
    padding: 1.5rem;
}

[b-r556m27jj0] .goals-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

[b-r556m27jj0] .goals-header h1 {
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
    color: var(--text-color, #1e293b);
}

[b-r556m27jj0] .goals-header .text-muted {
    font-size: 0.875rem;
    color: var(--text-muted, #64748b);
    margin-top: 0.25rem;
}

[b-r556m27jj0] .goals-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

[b-r556m27jj0] .goals-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1rem;
}

[b-r556m27jj0] .goals-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    background: var(--surface-light, #f8fafc);
    border-radius: 12px;
    border: 2px dashed var(--border-light, #e2e8f0);
}

[b-r556m27jj0] .goals-empty-icon {
    width: 64px;
    height: 64px;
    background: var(--primary-light, rgba(99, 102, 241, 0.1));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    color: var(--primary-color, #6366f1);
}

[b-r556m27jj0] .goals-empty h3 {
    margin: 0 0 0.5rem 0;
    font-size: 1.125rem;
    color: var(--text-color, #1e293b);
}

[b-r556m27jj0] .goals-empty p {
    margin: 0 0 1.5rem 0;
    color: var(--text-muted, #64748b);
    font-size: 0.875rem;
}
/* /Components/Goals/GoalInsightsPanel.razor.rz.scp.css */
.goal-insights-panel[b-a6slctfdcr] {
    background: linear-gradient(135deg, var(--surface-light) 0%, var(--surface-bg) 100%);
    border-radius: 16px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border: 1px solid rgba(139, 92, 246, 0.1);
}

.insights-header[b-a6slctfdcr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.insights-header-icon[b-a6slctfdcr] {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #8b5cf6, var(--primary-accent));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.insights-header h3[b-a6slctfdcr] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-color, #1e293b);
}

.insights-header p[b-a6slctfdcr] {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--text-muted, #64748b);
}

.insights-cards[b-a6slctfdcr] {
    display: grid;
    gap: 1rem;
}

.insight-card[b-a6slctfdcr] {
    background: var(--card-bg, #ffffff);
    border-radius: 12px;
    padding: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.insight-card-header[b-a6slctfdcr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.625rem;
}

.insight-icon[b-a6slctfdcr] {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.insight-icon.why[b-a6slctfdcr] {
    background: rgba(236, 72, 153, 0.1);
}

.insight-icon.how[b-a6slctfdcr] {
    background: rgba(59, 130, 246, 0.1);
}

.insight-icon.motivation[b-a6slctfdcr] {
    background: rgba(16, 185, 129, 0.1);
}

.insight-card-header h4[b-a6slctfdcr] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-color, #1e293b);
}

.insight-card p[b-a6slctfdcr] {
    margin: 0;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--text-secondary, #475569);
}

.insight-actions[b-a6slctfdcr],
.insight-challenges[b-a6slctfdcr] {
    margin-top: 1rem;
    padding: 1rem;
    background: var(--card-bg, #ffffff);
    border-radius: 12px;
}

.insight-actions h4[b-a6slctfdcr],
.insight-challenges h4[b-a6slctfdcr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.75rem 0;
    font-size: 0.875rem;
    font-weight: 600;
}

.insight-actions ul[b-a6slctfdcr],
.insight-challenges ul[b-a6slctfdcr] {
    margin: 0;
    padding-left: 1.25rem;
}

.insight-actions li[b-a6slctfdcr],
.insight-challenges li[b-a6slctfdcr] {
    font-size: 0.875rem;
    color: var(--text-secondary, #475569);
    margin-bottom: 0.375rem;
    line-height: 1.5;
}

.insight-actions li:last-child[b-a6slctfdcr],
.insight-challenges li:last-child[b-a6slctfdcr] {
    margin-bottom: 0;
}

/* Sources footnote */
.insight-sources[b-a6slctfdcr] {
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    background: var(--card-bg, #ffffff);
    border-radius: 12px;
    border-left: 3px solid rgba(139, 92, 246, 0.3);
}

.insight-sources h4[b-a6slctfdcr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.5rem 0;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--text-muted, #64748b);
}

.insight-sources ul[b-a6slctfdcr] {
    margin: 0;
    padding-left: 1.25rem;
}

.insight-sources li[b-a6slctfdcr] {
    font-size: 0.8125rem;
    color: var(--text-muted, #64748b);
    margin-bottom: 0.25rem;
    line-height: 1.4;
}

.insight-sources li:last-child[b-a6slctfdcr] {
    margin-bottom: 0;
}

/* Loading state */
.insights-loading[b-a6slctfdcr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    gap: 1rem;
}

.insights-loading-spinner[b-a6slctfdcr] {
    width: 32px;
    height: 32px;
    border: 3px solid rgba(139, 92, 246, 0.2);
    border-top-color: #8b5cf6;
    border-radius: 50%;
    animation: spin-b-a6slctfdcr 1s linear infinite;
}

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

.insights-loading span[b-a6slctfdcr] {
    font-size: 0.875rem;
    color: var(--text-muted, #64748b);
}

/* Empty state */
.insights-empty[b-a6slctfdcr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
}

.insights-empty-icon[b-a6slctfdcr] {
    width: 48px;
    height: 48px;
    background: rgba(139, 92, 246, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.75rem;
}

.insights-empty p[b-a6slctfdcr] {
    margin: 0 0 1rem 0;
    font-size: 0.875rem;
    color: var(--text-muted, #64748b);
}
/* /Components/Goals/GoalKanban.razor.rz.scp.css */
.kanban-board[b-n3dwb6hzc8] {
    display: flex;
    gap: 1rem;
    overflow-x: auto;
    padding-bottom: 1rem;
    min-height: calc(100vh - 280px);
}

.kanban-column[b-n3dwb6hzc8] {
    flex: 0 0 300px;
    min-width: 300px;
    background: var(--surface-light, #f8fafc);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 280px);
}

.kanban-column-header[b-n3dwb6hzc8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.875rem 1rem;
    border-bottom: 1px solid var(--border-light, #e2e8f0);
    background: var(--card-bg, #ffffff);
    border-radius: 12px 12px 0 0;
}

.kanban-column-title[b-n3dwb6hzc8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-color, #1e293b);
}

.kanban-status-dot[b-n3dwb6hzc8] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.kanban-status-dot.status-1[b-n3dwb6hzc8] { background: #94a3b8; } /* Not Started - Gray */
.kanban-status-dot.status-2[b-n3dwb6hzc8] { background: #3b82f6; } /* In Progress - Blue */
.kanban-status-dot.status-3[b-n3dwb6hzc8] { background: #f59e0b; } /* On Hold - Amber */
.kanban-status-dot.status-4[b-n3dwb6hzc8] { background: #10b981; } /* Completed - Green */
.kanban-status-dot.status-5[b-n3dwb6hzc8] { background: var(--error-color); } /* Abandoned - Red */

.kanban-count[b-n3dwb6hzc8] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-muted, #64748b);
    background: var(--surface-light, #f1f5f9);
    padding: 0.25rem 0.625rem;
    border-radius: 12px;
}

.kanban-column-content[b-n3dwb6hzc8] {
    flex: 1;
    overflow-y: auto;
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.kanban-card[b-n3dwb6hzc8] {
    background: var(--card-bg, #ffffff);
    border-radius: 10px;
    padding: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.kanban-card:hover[b-n3dwb6hzc8] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
    border-color: var(--primary-light, rgba(99, 102, 241, 0.3));
}

.kanban-card[draggable="true"]:active[b-n3dwb6hzc8] {
    cursor: grabbing;
    opacity: 0.8;
    transform: rotate(2deg);
}

.kanban-card-header[b-n3dwb6hzc8] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.5rem;
}

.kanban-card-badges[b-n3dwb6hzc8] {
    display: flex;
    gap: 0.375rem;
    flex-wrap: wrap;
}

.badge[b-n3dwb6hzc8] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.badge-type[b-n3dwb6hzc8] {
    background: var(--primary-light, rgba(99, 102, 241, 0.1));
    color: var(--primary-color, #6366f1);
}

.badge-type.type-2[b-n3dwb6hzc8] {
    background: rgba(236, 72, 153, 0.1);
    color: #ec4899;
}

.badge-type.type-3[b-n3dwb6hzc8] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
}

.badge-framework[b-n3dwb6hzc8] {
    background: var(--surface-light, #f1f5f9);
    color: var(--text-muted, #64748b);
}

.kanban-card-priority[b-n3dwb6hzc8] {
    flex-shrink: 0;
}

.kanban-card-title[b-n3dwb6hzc8] {
    margin: 0 0 0.5rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-color, #1e293b);
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.kanban-card-description[b-n3dwb6hzc8] {
    margin: 0 0 0.75rem 0;
    font-size: 0.9375rem;
    color: var(--text-muted, #64748b);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.kanban-card-progress[b-n3dwb6hzc8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.625rem;
}

.progress-bar[b-n3dwb6hzc8] {
    flex: 1;
    height: 4px;
    background: var(--border-light, #e2e8f0);
    border-radius: 2px;
    overflow: hidden;
}

.progress-bar-fill[b-n3dwb6hzc8] {
    height: 100%;
    background: linear-gradient(90deg, var(--primary-color, #6366f1), var(--primary-dark, #4f46e5));
    border-radius: 2px;
    transition: width 0.3s ease;
}

.progress-text[b-n3dwb6hzc8] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--text-muted, #64748b);
    min-width: 32px;
    text-align: right;
}

.kanban-card-footer[b-n3dwb6hzc8] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.8125rem;
    color: var(--text-tertiary, #94a3b8);
}

.kanban-card-date[b-n3dwb6hzc8],
.kanban-card-milestones[b-n3dwb6hzc8] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.kanban-card-date.overdue[b-n3dwb6hzc8] {
    color: var(--error-color, #ef4444);
    font-weight: 600;
}

.kanban-card-action[b-n3dwb6hzc8] {
    margin-left: auto;
    background: none;
    border: none;
    padding: 0.25rem;
    cursor: pointer;
    border-radius: 4px;
    opacity: 0.6;
    transition: all 0.2s;
}

.kanban-card:hover .kanban-card-action[b-n3dwb6hzc8] {
    opacity: 1;
}

.kanban-card-action:hover[b-n3dwb6hzc8] {
    background: var(--primary-light, rgba(99, 102, 241, 0.1));
}

.kanban-empty[b-n3dwb6hzc8] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    color: var(--text-tertiary, #94a3b8);
    font-size: 0.8125rem;
    text-align: center;
    border: 2px dashed var(--border-light, #e2e8f0);
    border-radius: 8px;
    margin-top: 0.5rem;
}

/* Drag over styles */
.kanban-column-content:has(.kanban-card:active)[b-n3dwb6hzc8] {
    background: var(--primary-light, rgba(99, 102, 241, 0.05));
}

/* Responsive */
@media (max-width: 768px) {
    .kanban-board[b-n3dwb6hzc8] {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .kanban-column[b-n3dwb6hzc8] {
        flex: 0 0 280px;
        min-width: 280px;
    }
}
/* /Components/Layout/CoachReadinessBanner.razor.rz.scp.css */
.readiness-banner[b-r1qax6a7sq] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem 1.25rem;
    margin-bottom: var(--spacing-md, 1rem);
    background: var(--error-light, rgba(181, 83, 74, 0.08));
    border: 1px solid rgba(var(--error-rgb, 181, 83, 74), 0.3);
    border-radius: var(--radius-lg, 0.75rem);
    animation: readiness-slide-in-b-r1qax6a7sq 0.3s ease-out;
}

.readiness-banner__icon[b-r1qax6a7sq] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--radius-md, 0.5rem);
    background: var(--error-color, #B5534A);
    color: #fff;
    flex-shrink: 0;
    font-size: 1.125rem;
    margin-top: 0.0625rem;
}

.readiness-banner__body[b-r1qax6a7sq] {
    flex: 1;
    min-width: 0;
}

.readiness-banner__title[b-r1qax6a7sq] {
    display: block;
    font-size: var(--fs-sm, 0.875rem);
    font-weight: 600;
    color: var(--error-color, #B5534A);
    line-height: 1.4;
}

.readiness-banner__list[b-r1qax6a7sq] {
    margin: 0.375rem 0 0;
    padding-left: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.readiness-banner__list li[b-r1qax6a7sq] {
    font-size: var(--fs-sm, 0.875rem);
    color: var(--text-primary, #1e293b);
    line-height: 1.4;
}

.readiness-banner__link[b-r1qax6a7sq] {
    color: var(--error-color, #B5534A);
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: opacity 0.15s ease;
}

.readiness-banner__link:hover[b-r1qax6a7sq] {
    opacity: 0.75;
}

@keyframes readiness-slide-in-b-r1qax6a7sq {
    from {
        opacity: 0;
        transform: translateY(-0.5rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 640px) {
    .readiness-banner[b-r1qax6a7sq] {
        padding: 0.75rem 1rem;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.layout-root[b-vrh26h4h75] {
    display: flex;
    min-height: 100vh;
    background: var(--body-bg);
}

.app-body[b-vrh26h4h75] {
    flex: 1;
    min-width: 0;
    overflow-y: auto;
    height: 100vh;
    background: var(--body-bg);
}

.app-content[b-vrh26h4h75] {
    max-width: 1400px;
    margin: 0 auto;
    padding: var(--spacing-xl);
}

@media (max-width: 768px) {
    .layout-root[b-vrh26h4h75] {
        flex-direction: column;
    }

    .app-body[b-vrh26h4h75] {
        height: auto;
        min-height: calc(100vh - 3rem);
    }
}

#blazor-error-ui[b-vrh26h4h75] {
    color-scheme: light only;
    background: #fef3c7;
    bottom: 0;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.5rem 1rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
    font-size: 0.8125rem;
}

    #blazor-error-ui .dismiss[b-vrh26h4h75] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.375rem;
    }
/* /Components/Layout/ProfileCompletionBanner.razor.rz.scp.css */
.profile-nudge-banner[b-virynr2qz3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1.25rem;
    margin-bottom: var(--spacing-md, 1rem);
    background: linear-gradient(135deg, var(--primary-lightest, rgba(34, 197, 94, 0.08)), var(--accent-lightest, rgba(99, 102, 241, 0.06)));
    border: 1px solid var(--primary-lighter, rgba(34, 197, 94, 0.2));
    border-radius: var(--radius-lg, 0.75rem);
    animation: nudge-slide-in-b-virynr2qz3 0.3s ease-out;
}

.nudge-content[b-virynr2qz3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
    min-width: 0;
}

.nudge-icon[b-virynr2qz3] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--radius-md, 0.5rem);
    background: var(--primary-color, #22c55e);
    color: #fff;
    flex-shrink: 0;
    font-size: 1.125rem;
}

.nudge-text[b-virynr2qz3] {
    flex: 1;
    min-width: 0;
}

.nudge-message[b-virynr2qz3] {
    font-size: var(--fs-sm, 0.875rem);
    color: var(--text-primary, #1e293b);
    line-height: 1.4;
}

.nudge-actions[b-virynr2qz3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.nudge-cta[b-virynr2qz3] {
    display: inline-flex;
    align-items: center;
    padding: 0.4375rem 1rem;
    font-size: var(--fs-sm, 0.875rem);
    font-weight: 600;
    color: #fff;
    background: var(--primary-color, #22c55e);
    border-radius: var(--radius-md, 0.5rem);
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.15s ease, transform 0.1s ease;
}

.nudge-cta:hover[b-virynr2qz3] {
    background: var(--primary-dark, #16a34a);
    transform: translateY(-1px);
}

.nudge-dismiss[b-virynr2qz3] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border: none;
    background: transparent;
    color: var(--text-muted, #94a3b8);
    border-radius: var(--radius-sm, 0.25rem);
    cursor: pointer;
    transition: color 0.15s ease, background 0.15s ease;
    padding: 0;
}

.nudge-dismiss:hover[b-virynr2qz3] {
    color: var(--text-primary, #1e293b);
    background: rgba(0, 0, 0, 0.06);
}

@keyframes nudge-slide-in-b-virynr2qz3 {
    from {
        opacity: 0;
        transform: translateY(-0.5rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 640px) {
    .profile-nudge-banner[b-virynr2qz3] {
        flex-direction: column;
        align-items: stretch;
        padding: 0.75rem 1rem;
    }

    .nudge-actions[b-virynr2qz3] {
        justify-content: space-between;
    }

    .nudge-cta[b-virynr2qz3] {
        flex: 1;
        justify-content: center;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-iu90yjg72p],
.components-reconnect-repeated-attempt-visible[b-iu90yjg72p],
.components-reconnect-failed-visible[b-iu90yjg72p],
.components-pause-visible[b-iu90yjg72p],
.components-resume-failed-visible[b-iu90yjg72p],
.components-rejoining-animation[b-iu90yjg72p] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/SideNav.razor.rz.scp.css */
/* ═══════════════════════════════════════════
   SIDE NAV — Vertical left sidebar
   ═══════════════════════════════════════════ */

/* ── Mobile Top Bar (visible ≤768px only) ── */
.sidenav-mobile-bar[b-5gjgyo1sc5] {
    display: none;
    align-items: center;
    justify-content: space-between;
    height: 3rem;
    padding: 0 0.75rem;
    background: var(--card-bg);
    border-bottom: 1px solid var(--border-light);
    position: sticky;
    top: 0;
    z-index: 100;
}

.sidenav-mobile-actions[b-5gjgyo1sc5] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.sidenav-mobile-theme-btn[b-5gjgyo1sc5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border: none;
    background: transparent;
    border-radius: var(--radius-sm);
    cursor: pointer;
    color: var(--text-muted);
    transition: color 0.15s ease, background-color 0.15s ease;
}

.sidenav-mobile-theme-btn:hover[b-5gjgyo1sc5] {
    color: var(--text-color);
    background: var(--hover-bg);
}

.sidenav-hamburger[b-5gjgyo1sc5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border: none;
    background: transparent;
    border-radius: var(--radius-sm);
    cursor: pointer;
    color: var(--text-muted);
    transition: color 0.15s ease, background-color 0.15s ease;
}

.sidenav-hamburger:hover[b-5gjgyo1sc5] {
    color: var(--text-color);
    background: var(--hover-bg);
}

/* ── Backdrop (mobile only) ── */
.sidenav-backdrop[b-5gjgyo1sc5] {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 199;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(2px);
}

/* ── Sidebar ── */
.sidenav[b-5gjgyo1sc5] {
    display: flex;
    flex-direction: column;
    width: 240px;
    height: 100vh;
    position: sticky;
    top: 0;
    flex-shrink: 0;
    background: var(--card-bg);
    border-right: 1px solid var(--border-light);
    z-index: 200;
    transition: background-color var(--transition-base);
}

/* ── Brand ── */
.sidenav-brand[b-5gjgyo1sc5] {
    padding: 0.875rem 1rem;
    border-bottom: 1px solid var(--border-light);
}

.sidenav-brand-link[b-5gjgyo1sc5] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    text-decoration: none;
    flex-shrink: 0;
}

.sidenav-brand-mark[b-5gjgyo1sc5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.875rem;
    height: 1.875rem;
    background: linear-gradient(135deg, var(--primary-accent) 0%, var(--primary-accent-dark, var(--primary-accent)) 100%);
    border-radius: 0.5rem;
    color: #fff;
    font-weight: 700;
    font-size: var(--fs-sm);
    letter-spacing: -0.02em;
    line-height: 1;
    flex-shrink: 0;
}

.sidenav-brand-text[b-5gjgyo1sc5] {
    font-weight: 600;
    font-size: var(--fs-sm);
    color: var(--text-color);
    letter-spacing: -0.02em;
}

/* ── Navigation ── */
.sidenav-nav[b-5gjgyo1sc5] {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem 0.625rem;
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    scrollbar-width: thin;
    scrollbar-color: var(--border-color) transparent;
}

.sidenav-nav[b-5gjgyo1sc5]::-webkit-scrollbar {
    width: 4px;
}

.sidenav-nav[b-5gjgyo1sc5]::-webkit-scrollbar-track {
    background: transparent;
}

.sidenav-nav[b-5gjgyo1sc5]::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 2px;
}

.sidenav-link[b-5gjgyo1sc5] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem 0.75rem;
    font-size: var(--fs-sm);
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    border: none;
    background: none;
    cursor: pointer;
    width: 100%;
    text-align: left;
    transition: color 0.15s ease, background-color 0.15s ease;
    position: relative;
}

.sidenav-link:hover[b-5gjgyo1sc5] {
    color: var(--text-color);
    background: var(--hover-bg);
}

.sidenav-link.active[b-5gjgyo1sc5] {
    color: var(--primary-accent);
    background: var(--active-bg);
    font-weight: 600;
    border-left: 3px solid var(--primary-accent);
    padding-left: calc(0.75rem - 3px);
}

.sidenav-link--cta[b-5gjgyo1sc5] {
}

.sidenav-link--cta:hover[b-5gjgyo1sc5] {
    background: var(--hover-bg);
}

.sidenav-link--cta.active[b-5gjgyo1sc5] {
    background: var(--active-bg);
    border-left: 3px solid var(--primary-accent);
    padding-left: calc(0.75rem - 3px);
}

.sidenav-link--subtle[b-5gjgyo1sc5] {
    font-size: var(--fs-xs);
    color: var(--text-muted);
    padding: 0.375rem 0.75rem;
}

.sidenav-link--subtle:hover[b-5gjgyo1sc5] {
    color: var(--text-color);
    background: var(--hover-bg);
}

/* ── Footer ── */
.sidenav-footer[b-5gjgyo1sc5] {
    border-top: 1px solid var(--border-light);
    padding: 0.5rem 0.625rem 0.625rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.sidenav-footer-actions[b-5gjgyo1sc5] {
    display: flex;
    gap: 0.25rem;
}

.sidenav-action-btn[b-5gjgyo1sc5] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    flex: 1;
    padding: 0.375rem 0.625rem;
    font-size: var(--fs-xs);
    font-weight: 500;
    color: var(--text-muted);
    background: transparent;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: color 0.15s ease, background-color 0.15s ease;
}

.sidenav-action-btn:hover[b-5gjgyo1sc5] {
    color: var(--text-color);
    background: var(--hover-bg);
}

.sidenav-divider[b-5gjgyo1sc5] {
    height: 1px;
    background: var(--border-light);
    margin: 0.25rem 0;
}

.sidenav-user[b-5gjgyo1sc5] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem 0.75rem;
}

.sidenav-avatar[b-5gjgyo1sc5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary-accent) 0%, var(--primary-accent-light, var(--primary-accent)) 100%);
    color: #fff;
    font-size: var(--fs-xs);
    font-weight: 600;
    letter-spacing: 0.02em;
    flex-shrink: 0;
}

.sidenav-user-info[b-5gjgyo1sc5] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.sidenav-user-name[b-5gjgyo1sc5] {
    font-size: var(--fs-sm);
    font-weight: 600;
    color: var(--text-color);
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidenav-user-email[b-5gjgyo1sc5] {
    font-size: var(--fs-xs);
    color: var(--text-muted);
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidenav-logout-form[b-5gjgyo1sc5] {
    margin: 0;
}

.sidenav-link--logout[b-5gjgyo1sc5] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.375rem 0.75rem;
    font-size: var(--fs-xs);
    font-weight: 500;
    color: var(--error-color);
    text-decoration: none;
    border-radius: var(--radius-sm);
    border: none;
    background: none;
    cursor: pointer;
    width: 100%;
    text-align: left;
    transition: color 0.15s ease, background-color 0.15s ease;
}

.sidenav-link--logout:hover[b-5gjgyo1sc5] {
    background: var(--error-light);
    color: var(--error-color);
}

/* ── Responsive: Mobile ── */
@media (max-width: 768px) {
    .sidenav-mobile-bar[b-5gjgyo1sc5] {
        display: flex;
    }

    .sidenav-backdrop[b-5gjgyo1sc5] {
        display: block;
    }

    .sidenav[b-5gjgyo1sc5] {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        transform: translateX(-100%);
        transition: transform 0.25s ease;
        box-shadow: none;
    }

    .sidenav--open[b-5gjgyo1sc5] {
        transform: translateX(0);
        box-shadow: var(--shadow-xl);
    }

    .sidenav-brand[b-5gjgyo1sc5] {
        /* Brand is visible inside the sidebar on mobile too */
    }
}

@media (min-width: 769px) {
    .sidenav-mobile-bar[b-5gjgyo1sc5] {
        display: none !important;
    }

    .sidenav-backdrop[b-5gjgyo1sc5] {
        display: none !important;
    }
}
/* /Components/Layout/TopBar.razor.rz.scp.css */
.topbar[b-20obsquexy] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    height: 52px;
    padding: 0 1.5rem;
    border-bottom: 1px solid var(--border-color);
    background: var(--card-bg);
}

.topbar-bell[b-20obsquexy] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border: none;
    border-radius: 50%;
    background: none;
    color: var(--text-secondary);
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.topbar-bell:hover[b-20obsquexy] {
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--text-color);
}

.topbar-bell--active[b-20obsquexy] {
    background: rgba(var(--primary-rgb), 0.12);
    color: var(--primary-color);
}

[b-20obsquexy] .topbar-bell .rzi {
    font-size: 1.25rem;
}

.topbar-bell-badge[b-20obsquexy] {
    position: absolute;
    top: 2px;
    right: 2px;
    min-width: 1rem;
    height: 1rem;
    padding: 0 0.25rem;
    border-radius: 999px;
    background: var(--danger-color, #ef4444);
    color: #fff;
    font-size: 0.625rem;
    font-weight: 700;
    line-height: 1rem;
    text-align: center;
}

/* ── Hover preview dropdown ── */
.topbar-notif[b-20obsquexy] {
    position: relative;
}

.topbar-notif-panel[b-20obsquexy] {
    position: absolute;
    top: 100%;
    right: 0;
    width: 340px;
    max-width: 90vw;
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md, 0.5rem);
    box-shadow: var(--shadow-lg, 0 10px 30px rgba(0, 0, 0, 0.12));
    padding: 0.5rem 1rem;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    transition: opacity 0.12s ease, transform 0.12s ease, visibility 0.12s;
}

.topbar-notif:hover .topbar-notif-panel[b-20obsquexy],
.topbar-notif:focus-within .topbar-notif-panel[b-20obsquexy] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.topbar-notif-head[b-20obsquexy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 0.25rem;
}

.topbar-notif-title[b-20obsquexy] {
    font-size: var(--fs-sm);
    font-weight: var(--font-weight-semibold);
    color: var(--text-color);
}

.topbar-notif-link[b-20obsquexy] {
    font-size: var(--fs-xs);
    color: var(--primary-color);
    text-decoration: none;
    font-weight: var(--font-weight-medium);
}

.topbar-notif-link:hover[b-20obsquexy] {
    opacity: 0.8;
}

.topbar-notif-empty[b-20obsquexy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    padding: 1.5rem 1rem;
    color: var(--text-muted);
    font-size: var(--fs-sm);
}
/* /Components/Meetings/ActionPointList.razor.rz.scp.css */
.action-point-list[b-9x1c22usrg] { margin: 1rem 0; }

.ap-group[b-9x1c22usrg] {
    margin-bottom: 1.25rem;
    padding: 0.75rem;
    border: 1px solid var(--border-color, #E2DDD6);
    border-radius: 6px;
}

.ap-group.open[b-9x1c22usrg] { border-left: 3px solid var(--warning-color, #B8923E); }
.ap-group.current[b-9x1c22usrg] { border-left: 3px solid var(--primary-color, #8B9E8B); }
.ap-group.completed[b-9x1c22usrg] { border-left: 3px solid var(--success-color, #5F8C5F); }

.ap-group h5[b-9x1c22usrg] { margin: 0 0 0.5rem 0; }

.ap-group-header[b-9x1c22usrg] { display: flex; justify-content: space-between; align-items: center; }

.ap-item[b-9x1c22usrg] {
    padding: 0.6rem 0.75rem;
    background: var(--surface-bg, #F7F4EF);
    border-radius: 4px;
    margin-bottom: 0.5rem;
}

.ap-title[b-9x1c22usrg] { font-weight: 600; }
.ap-desc[b-9x1c22usrg] { font-size: 0.9rem; color: var(--text-muted, #6B6560); margin-top: 0.25rem; }
.ap-rationale[b-9x1c22usrg] { font-size: 0.85rem; font-style: italic; margin-top: 0.4rem; color: var(--text-color, #2C2825); }
.ap-actions[b-9x1c22usrg] { display: flex; gap: 0.5rem; margin-top: 0.5rem; }

.completed-item[b-9x1c22usrg] { opacity: 0.7; }
/* /Components/Meetings/AnalysisSection.razor.rz.scp.css */
.analysis-section[b-4ci1t7sduy] {
    border: 1px solid var(--border-color, #E2DDD6);
    border-radius: var(--radius-md, 0.625rem);
    padding: var(--spacing-xl, 1rem);
    margin: var(--spacing-xl, 1rem) 0;
    background: var(--card-bg, #FDFCFA);
}

.analysis-header[b-4ci1t7sduy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--spacing-md, 0.5rem);
    margin-bottom: var(--spacing-lg, 0.75rem);
}

.analysis-header h4[b-4ci1t7sduy] {
    margin: 0;
    font-size: var(--fs-md, 1.1429rem);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-color, #2C2825);
}

.analysis-header small[b-4ci1t7sduy] {
    color: var(--text-muted, #6B6560);
    font-size: var(--fs-xs, 0.8571rem);
}

.stale-banner[b-4ci1t7sduy] {
    background: var(--warning-light, rgba(184, 146, 62, 0.1));
    color: var(--warning-color, #B8923E);
    padding: 0.25rem 0.6rem;
    border-radius: var(--radius-sm, 0.375rem);
    font-size: var(--fs-xs, 0.8571rem);
    font-weight: var(--font-weight-medium, 500);
}

.analysis-pending[b-4ci1t7sduy] {
    padding: var(--spacing-lg, 0.75rem);
    background: var(--surface-bg, #F7F4EF);
    border-radius: var(--radius-sm, 0.375rem);
    text-align: center;
    color: var(--text-muted, #6B6560);
    margin-top: var(--spacing-md, 0.5rem);
}

.analysis-failed[b-4ci1t7sduy] {
    padding: var(--spacing-lg, 0.75rem);
    border-left: 3px solid var(--error-color, #B5534A);
    background: var(--error-light, rgba(181, 83, 74, 0.08));
    border-radius: var(--radius-sm, 0.375rem);
    margin-top: var(--spacing-md, 0.5rem);
}

.analysis-failed strong[b-4ci1t7sduy] {
    color: var(--error-color, #B5534A);
}

.analysis-failed p[b-4ci1t7sduy] {
    margin: 0.25rem 0 0;
    font-size: var(--fs-xs, 0.8571rem);
    color: var(--text-color, #2C2825);
}

.analysis-shared[b-4ci1t7sduy],
.analysis-debrief[b-4ci1t7sduy] {
    margin-top: var(--spacing-xl, 1rem);
    padding-top: var(--spacing-lg, 0.75rem);
    border-top: 1px solid var(--border-color, #E2DDD6);
}

.analysis-shared h5[b-4ci1t7sduy],
.analysis-debrief h5[b-4ci1t7sduy] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md, 0.5rem);
    margin-bottom: var(--spacing-md, 0.5rem);
    font-size: var(--fs-sm, 1rem);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-color, #2C2825);
}

.private-badge[b-4ci1t7sduy] {
    font-size: var(--fs-xs, 0.8571rem);
    background: var(--text-muted, #6B6560);
    color: #ffffff;
    padding: 0.15rem 0.5rem;
    border-radius: var(--radius-full, 9999px);
    font-weight: var(--font-weight-medium, 500);
}
/* /Components/Meetings/MeetingCard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   MeetingCard — Scoped Styles
   Reusable card for meeting items on list, detail, and dashboard pages.
   Status variants drive the left-border accent colour.
   ═══════════════════════════════════════════════════════ */

/* ── Card Container ── */
.meeting-card[b-mfq6fcdqaz] {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
    gap: 0.625rem;
    padding: 1rem;
    border: 1px solid var(--border-light);
    border-left: 3px solid var(--border-light);
    border-radius: var(--radius-md);
    background: var(--card-bg);
    transition: box-shadow var(--transition-base), border-color var(--transition-base);
}

.meeting-card:hover[b-mfq6fcdqaz] {
    box-shadow: var(--shadow-sm);
}

/* ── Status-based left-border accent colours ── */
.meeting-card-proposed[b-mfq6fcdqaz]  { border-left-color: var(--warning-color); }
.meeting-card-confirmed[b-mfq6fcdqaz] { border-left-color: var(--primary-color); }
.meeting-card-held[b-mfq6fcdqaz]      { border-left-color: var(--success-color); }
.meeting-card-cancelled[b-mfq6fcdqaz] { border-left-color: var(--danger-color); }
.meeting-card-noshow[b-mfq6fcdqaz]    { border-left-color: var(--text-tertiary); }

/* ── Header ── */
.meeting-card-header[b-mfq6fcdqaz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.meeting-card-title[b-mfq6fcdqaz] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: var(--fs-base);
    font-weight: var(--font-weight-semibold);
    color: var(--text-color);
    min-width: 0;
}

[b-mfq6fcdqaz] .meeting-card-title .rzi {
    font-size: 1rem;
    color: var(--primary-color);
    flex-shrink: 0;
}

.meeting-card-badges[b-mfq6fcdqaz] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    flex-shrink: 0;
}

/* ── Status Chip ── */
.meeting-status-chip[b-mfq6fcdqaz] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: var(--radius-full);
    font-size: var(--fs-overline);
    font-weight: var(--font-weight-semibold);
    letter-spacing: var(--ls-wider);
    line-height: var(--lh-label);
}

.meeting-status-proposed[b-mfq6fcdqaz]  { background: rgba(var(--warning-rgb), 0.12); color: var(--warning-color); }
.meeting-status-confirmed[b-mfq6fcdqaz] { background: rgba(var(--primary-rgb), 0.12); color: var(--primary-color); }
.meeting-status-held[b-mfq6fcdqaz]      { background: rgba(var(--success-rgb), 0.12); color: var(--success-color); }
.meeting-status-cancelled[b-mfq6fcdqaz] { background: rgba(var(--danger-rgb), 0.12);  color: var(--danger-color);  }
.meeting-status-noshow[b-mfq6fcdqaz]    { background: var(--surface-bg);               color: var(--text-tertiary); }

/* ── Link-Pending Badge ── */
.meeting-link-pending-badge[b-mfq6fcdqaz] {
    display: inline-flex;
    align-items: center;
    padding: 1px 6px;
    border-radius: var(--radius-sm);
    background: var(--surface-bg);
    border: 1px solid var(--border-light);
    font-size: var(--fs-overline);
    font-weight: var(--font-weight-medium);
    color: var(--text-muted);
    letter-spacing: var(--ls-wider);
}

/* ── Body ── */
.meeting-card-body[b-mfq6fcdqaz] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.meeting-card-when[b-mfq6fcdqaz],
.meeting-card-with[b-mfq6fcdqaz],
.meeting-card-platform[b-mfq6fcdqaz] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: var(--fs-sm);
    color: var(--text-muted);
    line-height: var(--lh-body-sm);
    flex-wrap: wrap;
}

.meeting-card-when[b-mfq6fcdqaz] {
    font-weight: var(--font-weight-medium);
    color: var(--text-color);
}

[b-mfq6fcdqaz] .meeting-card-when .rzi,
[b-mfq6fcdqaz] .meeting-card-with .rzi,
[b-mfq6fcdqaz] .meeting-card-platform .rzi {
    font-size: 0.875rem;
    color: var(--primary-color);
    flex-shrink: 0;
}

/* ── Platform badge ── */
.meeting-platform-badge[b-mfq6fcdqaz] {
    display: inline-flex;
    align-items: center;
    padding: 1px 6px;
    border-radius: var(--radius-sm);
    background: var(--surface-bg);
    border: 1px solid var(--border-light);
    font-size: var(--fs-overline);
    font-weight: var(--font-weight-medium);
    letter-spacing: var(--ls-wider);
    color: var(--text-muted);
}

.meeting-host-label[b-mfq6fcdqaz] {
    font-size: var(--fs-xs);
    color: var(--text-tertiary);
}

/* ── Message quote ── */
.meeting-card-message[b-mfq6fcdqaz] {
    font-size: var(--fs-xs);
    font-style: italic;
    color: var(--text-muted);
    line-height: var(--lh-body-sm);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-left: 0.25rem;
    border-left: 2px solid var(--border-light);
    margin-top: 0.125rem;
}

/* ── Actions ── */
.meeting-card-actions[b-mfq6fcdqaz] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    flex-wrap: wrap;
    padding-top: 0.25rem;
    border-top: 1px solid var(--border-light);
}

.meeting-card-actions .btn[b-mfq6fcdqaz] {
    font-size: var(--fs-xs);
    padding: 0.3125rem 0.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    white-space: nowrap;
}

[b-mfq6fcdqaz] .meeting-card-actions .rzi {
    font-size: 0.875rem;
}

/* Join meeting link — styled as a button but rendered as <a> */
.meeting-card-actions a.btn[b-mfq6fcdqaz] {
    text-decoration: none;
}

/* ── Overdue warning ── */
.meeting-overdue-banner[b-mfq6fcdqaz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.625rem;
    padding: 0.5rem 0.75rem;
    border-radius: var(--radius-sm);
    background: #fef3c7;
    color: #92400e;
    font-size: var(--fs-xs);
    font-weight: var(--font-weight-medium);
    flex-wrap: wrap;
}

.meeting-overdue-text[b-mfq6fcdqaz] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
}

.meeting-overdue-actions[b-mfq6fcdqaz] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    flex-shrink: 0;
}

.meeting-overdue-actions .btn[b-mfq6fcdqaz] {
    font-size: var(--fs-xs);
    padding: 0.25rem 0.625rem;
    white-space: nowrap;
}

[b-mfq6fcdqaz] .meeting-overdue-banner .rzi {
    font-size: 1rem;
    flex-shrink: 0;
}

/* ── Responsive ── */
@media (max-width: 480px) {
    .meeting-card-actions[b-mfq6fcdqaz] {
        flex-direction: column;
        align-items: stretch;
    }

    .meeting-card-actions .btn[b-mfq6fcdqaz],
    .meeting-card-actions a.btn[b-mfq6fcdqaz] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Meetings/TranscriptSection.razor.rz.scp.css */
.transcript-section[b-oiey7ib27z] {
    border: 1px solid var(--border-color, #E2DDD6);
    border-radius: var(--radius-md, 0.625rem);
    padding: var(--spacing-xl, 1rem);
    margin: var(--spacing-xl, 1rem) 0;
    background: var(--card-bg, #FDFCFA);
}

.transcript-header[b-oiey7ib27z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-md, 0.5rem);
}

.transcript-header h4[b-oiey7ib27z] {
    margin: 0;
    display: flex;
    align-items: center;
    gap: var(--spacing-md, 0.5rem);
    font-size: var(--fs-md, 1.1429rem);
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-color, #2C2825);
}

.shared-badge[b-oiey7ib27z],
.format-badge[b-oiey7ib27z] {
    font-size: var(--fs-xs, 0.8571rem);
    padding: 0.15rem 0.5rem;
    border-radius: var(--radius-full, 9999px);
    background: var(--surface-bg, #F7F4EF);
    color: var(--text-muted, #6B6560);
    font-weight: var(--font-weight-medium, 500);
}

.format-badge[b-oiey7ib27z] {
    background: var(--info-light, rgba(123, 143, 162, 0.1));
    color: var(--info-color, #7B8FA2);
}

.transcript-editor[b-oiey7ib27z] {
    width: 100%;
    font-family: var(--font-mono, ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, monospace);
    font-size: var(--fs-xs, 0.8571rem);
    background: var(--surface-light, #FAF8F5);
    border-color: var(--border-color, #E2DDD6);
    color: var(--text-color, #2C2825);
}

    .transcript-editor:focus[b-oiey7ib27z] {
        border-color: var(--primary-accent, #8B9E8B);
        box-shadow: 0 0 0 0.2rem var(--focus-ring, rgba(139, 158, 139, 0.4));
        outline: none;
    }

.transcript-preview[b-oiey7ib27z] {
    background: var(--surface-bg, #F7F4EF);
    padding: var(--spacing-lg, 0.75rem);
    border-radius: var(--radius-sm, 0.375rem);
    white-space: pre-wrap;
    max-height: 320px;
    overflow-y: auto;
    font-size: var(--fs-xs, 0.8571rem);
    font-family: var(--font-mono, ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, monospace);
    color: var(--text-color, #2C2825);
    margin: var(--spacing-md, 0.5rem) 0;
}

.transcript-actions[b-oiey7ib27z] {
    display: flex;
    gap: var(--spacing-md, 0.5rem);
    margin-top: var(--spacing-md, 0.5rem);
}
/* /Components/Notifications/NotificationList.razor.rz.scp.css */
.notif-list[b-xwz30q5evz] {
    display: flex;
    flex-direction: column;
}

.inbox-row[b-xwz30q5evz] {
    position: relative;
    border-bottom: 1px solid var(--border-color);
}

.inbox-row:last-child[b-xwz30q5evz] {
    border-bottom: none;
}

.inbox-row-link[b-xwz30q5evz] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    width: 100%;
    padding: 0.875rem 3rem 0.875rem 0.75rem;
    color: inherit;
    text-align: left;
    text-decoration: none;
    border-radius: var(--radius-md);
    transition: background-color 0.15s ease;
}

.inbox-row-link:hover[b-xwz30q5evz] {
    background: var(--hover-bg);
}

.inbox-row--unread .inbox-row-link[b-xwz30q5evz] {
    background: rgba(var(--primary-rgb), 0.05);
}

.inbox-row--unread .inbox-title[b-xwz30q5evz] {
    font-weight: var(--font-weight-semibold);
}

.inbox-row--read .inbox-icon[b-xwz30q5evz],
.inbox-row--read .inbox-time[b-xwz30q5evz] {
    opacity: 0.75;
}

.inbox-icon[b-xwz30q5evz] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: rgba(var(--primary-rgb), 0.08);
    color: var(--primary-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.inbox-content[b-xwz30q5evz] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.inbox-title[b-xwz30q5evz] {
    font-size: var(--fs-xs);
    color: var(--text-color);
    font-weight: var(--font-weight-medium);
    line-height: 1.4;
}

.inbox-message[b-xwz30q5evz] {
    font-size: var(--fs-xs);
    color: var(--text-secondary);
    line-height: 1.45;
}

.inbox-time[b-xwz30q5evz] {
    font-size: 0.6875rem;
    color: var(--text-muted);
}

.inbox-unread-dot[b-xwz30q5evz] {
    position: absolute;
    right: 1rem;
    top: 1.2rem;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: var(--primary-color);
    transition: opacity 0.15s ease;
}

.inbox-row-action[b-xwz30q5evz] {
    position: absolute;
    right: 0.375rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border: none;
    border-radius: 50%;
    color: var(--text-muted);
    background: transparent;
    cursor: pointer;
    opacity: 0;
    transition: color 0.15s ease, background-color 0.15s ease, opacity 0.15s ease;
}

.inbox-row:hover .inbox-row-action[b-xwz30q5evz],
.inbox-row-action:focus-visible[b-xwz30q5evz] {
    opacity: 1;
}

.inbox-row--actionable:hover .inbox-unread-dot[b-xwz30q5evz],
.inbox-row--actionable:focus-within .inbox-unread-dot[b-xwz30q5evz] {
    opacity: 0;
}

.inbox-row-action:hover[b-xwz30q5evz] {
    color: var(--primary-accent);
    background: var(--hover-bg);
}

@media (max-width: 768px) {
    .inbox-row-action[b-xwz30q5evz] {
        opacity: 1;
    }

    .inbox-row--actionable .inbox-unread-dot[b-xwz30q5evz] {
        opacity: 0;
    }
}
/* /Components/Orientation/OrientationProfileView.razor.rz.scp.css */
.orientation-view[b-altqsacrke] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    max-width: 760px;
    margin: 0 auto;
    font-size: 1rem;
    line-height: 1.6;
}

.orientation-intro[b-altqsacrke] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, #f0f7ff 0%, #e9f0ff 100%);
    border-left: 4px solid var(--primary-color, #4a6fa5);
    border-radius: 8px;
    color: var(--text-secondary, #4a5568);
    font-size: 0.975rem;
}

.orientation-intro-icon[b-altqsacrke] { flex-shrink: 0; font-size: 1.25rem; color: var(--primary-color, #4a6fa5); }

.orientation-section[b-altqsacrke] {
    background: #ffffff;
    border: 1px solid var(--border-subtle, #e5e7eb);
    border-radius: 12px;
    padding: 1.5rem 1.5rem 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.orientation-section--fears[b-altqsacrke] { border-top: 4px solid #c97b63; }
.orientation-section--motivations[b-altqsacrke] { border-top: 4px solid #5b9b8e; }
.orientation-section--narrative[b-altqsacrke] { border-top: 4px solid #6b7280; background: #fafafa; }

.orientation-section-header[b-altqsacrke] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--border-subtle, #f0f0f0);
}

.orientation-section-title[b-altqsacrke] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--text-primary, #1f2937);
}

.orientation-section-title .section-icon[b-altqsacrke] { font-size: 1.25rem; }
.orientation-section--fears .section-icon[b-altqsacrke] { color: #c97b63; }
.orientation-section--motivations .section-icon[b-altqsacrke] { color: #5b9b8e; }
.orientation-section--narrative .section-icon[b-altqsacrke] { color: #6b7280; }

.orientation-list[b-altqsacrke] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    counter-reset: orientation-item;
}

.orientation-list-item[b-altqsacrke], .orientation-list-edit[b-altqsacrke] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: #fff;
    border: 1px solid var(--border-subtle, #f0f0f0);
    border-radius: 8px;
    transition: background-color 120ms ease, border-color 120ms ease;
}

.orientation-list-item:hover[b-altqsacrke] { background: #fafbfc; border-color: var(--border-subtle, #e5e7eb); }

.orientation-section--fears .orientation-list-item[b-altqsacrke] { background: #fff8f5; border-color: #f3dfd5; }
.orientation-section--motivations .orientation-list-item[b-altqsacrke] { background: #f4faf8; border-color: #d8eae5; }

.orientation-list-item[b-altqsacrke]::before {
    counter-increment: orientation-item;
    content: counter(orientation-item);
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.05);
    color: var(--text-secondary, #6b7280);
    border-radius: 50%;
    font-size: 0.85rem;
    font-weight: 600;
}

.orientation-section--fears .orientation-list-item[b-altqsacrke]::before { background: rgba(201, 123, 99, 0.15); color: #a05c46; }
.orientation-section--motivations .orientation-list-item[b-altqsacrke]::before { background: rgba(91, 155, 142, 0.15); color: #3f7a6f; }

.orientation-item-text[b-altqsacrke] {
    flex: 1;
    line-height: 1.55;
    color: var(--text-primary, #1f2937);
}

.orientation-list-actions[b-altqsacrke] {
    display: flex;
    gap: 0.25rem;
    flex-shrink: 0;
    opacity: 0.6;
    transition: opacity 120ms ease;
}

.orientation-list-item:hover .orientation-list-actions[b-altqsacrke] { opacity: 1; }

.orientation-list-actions .btn-icon[b-altqsacrke] {
    width: 32px; height: 32px;
    display: inline-flex; align-items: center; justify-content: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 6px;
    color: var(--text-secondary, #6b7280);
    cursor: pointer;
    transition: background-color 120ms ease, color 120ms ease;
}
.orientation-list-actions .btn-icon:hover[b-altqsacrke] { background: rgba(0, 0, 0, 0.05); color: var(--text-primary, #1f2937); }
.orientation-list-actions .btn-icon--danger:hover[b-altqsacrke] { background: rgba(220, 38, 38, 0.1); color: #dc2626; }

.orientation-list-edit[b-altqsacrke] { flex-wrap: wrap; }
.orientation-list-edit .form-control[b-altqsacrke] { flex: 1 1 60%; }

.orientation-narrative[b-altqsacrke] {
    white-space: pre-wrap;
    line-height: 1.75;
    margin: 0;
    font-size: 1.05rem;
    color: var(--text-primary, #1f2937);
}

.orientation-narrative-edit[b-altqsacrke] { display: flex; flex-direction: column; gap: 0.5rem; }
.orientation-narrative-edit textarea[b-altqsacrke] { font-size: 1rem; line-height: 1.6; }

.orientation-footer[b-altqsacrke] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
    padding: 1.25rem;
    background: linear-gradient(135deg, #fafbfc 0%, #f5f7fa 100%);
    border-radius: 10px;
    border: 1px solid var(--border-subtle, #e5e7eb);
}

.orientation-footer-hint[b-altqsacrke] { margin: 0; color: var(--text-secondary, #6b7280); font-size: 0.95rem; }
.orientation-footer-actions[b-altqsacrke] { display: flex; gap: 0.75rem; flex-wrap: wrap; }

.orientation-ack[b-altqsacrke] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--success-color, #16a34a);
    font-weight: 600;
    font-size: 1rem;
}

.orientation-error[b-altqsacrke] {
    color: var(--error-color, #b91c1c);
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    margin-top: 0.75rem;
    font-size: 0.95rem;
}

.orientation-add-btn[b-altqsacrke] {
    background: transparent;
    color: var(--primary-color, #4a6fa5);
    border: 1px dashed var(--primary-color, #4a6fa5);
    border-radius: 6px;
    padding: 0.4rem 0.85rem;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 120ms ease;
}

.orientation-add-btn:hover[b-altqsacrke] { background: rgba(74, 111, 165, 0.08); }
/* /Components/Pages/ActionPoints/ActionPointsPage.razor.rz.scp.css */
.ap-page-list[b-cq2euro2jw] { display: flex; flex-direction: column; gap: 0.75rem; max-width: 640px; }
.ap-page-item[b-cq2euro2jw] {
    border: 1px solid var(--border-color);
    border-radius: 6px;
    padding: 0.75rem 1rem;
    background: var(--surface-bg);
}
.ap-page-title[b-cq2euro2jw] {
    display: flex; justify-content: space-between; align-items: center;
    font-weight: 600;
}
.ap-page-title a[b-cq2euro2jw] { color: var(--text-color); text-decoration: none; }
.ap-page-title a:hover[b-cq2euro2jw] { text-decoration: underline; }
.ap-status[b-cq2euro2jw] {
    font-size: 0.7rem;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    background: var(--neutral-light, #eee);
    color: var(--text-muted);
    font-weight: 500;
}
.status-completed[b-cq2euro2jw] { background: var(--success-light, #d1fae5); color: var(--success-color, #065f46); }
.ap-page-desc[b-cq2euro2jw] { font-size: 0.9rem; color: var(--text-muted); margin-top: 0.4rem; }
.ap-page-actions[b-cq2euro2jw] { margin-top: 0.6rem; }
/* /Components/Pages/Admin/AdminAnalyticsDetailPage.razor.rz.scp.css */
.metric-grid[b-mx233xmenm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1rem;
}

.metric-card[b-mx233xmenm] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 1.25rem;
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md, 8px);
}

.metric-label[b-mx233xmenm] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--text-muted);
}

.metric-value[b-mx233xmenm] {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
}

.metric-den[b-mx233xmenm] {
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--text-muted);
}

.metric-sub[b-mx233xmenm] {
    font-size: 0.8125rem;
    color: var(--text-muted);
}

.hour-chart-title[b-mx233xmenm] {
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
}

.hour-chart[b-mx233xmenm] {
    display: flex;
    align-items: flex-end;
    gap: 2px;
    margin-top: 1rem;
}

.hour-col[b-mx233xmenm] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    min-width: 0;
}

.hour-bar-track[b-mx233xmenm] {
    display: flex;
    align-items: flex-end;
    height: 110px;
    width: 100%;
}

.hour-bar[b-mx233xmenm] {
    width: 100%;
    background: var(--primary-color);
    border-radius: 4px 4px 0 0;
    min-height: 0;
}

.hour-tick[b-mx233xmenm] {
    font-size: 0.6875rem;
    color: var(--text-muted);
    height: 1em;
}
/* /Components/Pages/Admin/AdminNotificationHistoryPage.razor.rz.scp.css */
.notification-history-card[b-4k9gfpczr1] {
    overflow: hidden;
}

.notification-history-card .profile-card-body[b-4k9gfpczr1] {
    padding: 0;
}

.notification-history-stats .admin-stat-card[b-4k9gfpczr1] {
    appearance: none;
    width: 100%;
    font: inherit;
}

.notification-history-when[b-4k9gfpczr1] {
    white-space: nowrap;
}

.notification-history-error[b-4k9gfpczr1] {
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notification-history-empty[b-4k9gfpczr1] {
    padding: 3rem 1rem !important;
    text-align: center;
    color: var(--text-muted);
}

.notification-history-empty-state[b-4k9gfpczr1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.notification-history-empty-state .rzi[b-4k9gfpczr1] {
    font-size: 3rem;
}

.notification-history-empty-state h3[b-4k9gfpczr1],
.notification-history-empty-state p[b-4k9gfpczr1] {
    margin: 0;
}

.notification-history-empty-state h3[b-4k9gfpczr1] {
    color: var(--text-color);
    font-size: 1rem;
    font-weight: var(--font-weight-semibold);
}
/* /Components/Pages/Admin/AdminNotificationSettingsPage.razor.rz.scp.css */
.notification-settings-page[b-bdi5rjjlo1] {
    max-width: 820px;
}

.notification-settings-page .profile-card[b-bdi5rjjlo1] {
    overflow: hidden;
}

@media (max-width: 640px) {
    .notification-settings-page .admin-page-header[b-bdi5rjjlo1] {
        align-items: flex-start;
        gap: 0.75rem;
    }
}
/* /Components/Pages/Admin/AdminRetentionPolicyPage.razor.rz.scp.css */
fieldset[b-ms4jc93qvl] { margin-bottom: 1rem; padding: 1rem; border: 1px solid var(--border-color, #ccc); }
legend[b-ms4jc93qvl] { font-weight: bold; padding: 0 0.5rem; }
label[b-ms4jc93qvl] { display: block; margin-bottom: 0.5rem; }
label input[b-ms4jc93qvl] { margin-left: 0.5rem; width: 6rem; }
.warning[b-ms4jc93qvl] { padding: 0.75rem; background: #fff3cd; border: 1px solid #ffe69c; margin-bottom: 1rem; }
.error[b-ms4jc93qvl] { padding: 0.75rem; background: #f8d7da; border: 1px solid #f5c2c7; margin-bottom: 1rem; }
.success[b-ms4jc93qvl] { padding: 0.75rem; background: #d1e7dd; border: 1px solid #badbcc; margin-bottom: 1rem; }
.lede[b-ms4jc93qvl] { color: var(--text-muted, #666); margin-bottom: 1.5rem; }
button[b-ms4jc93qvl] { margin-right: 0.5rem; padding: 0.5rem 1rem; }
button.primary[b-ms4jc93qvl] { background: var(--primary-color, #0d6efd); color: white; border: none; border-radius: 4px; cursor: pointer; }
button.secondary[b-ms4jc93qvl] { background: transparent; border: 1px solid var(--border-color, #ccc); border-radius: 4px; cursor: pointer; }
/* /Components/Pages/Admin/AdminRetentionRequestsPage.razor.rz.scp.css */
.tabs[b-6nvcw55ksk] { display: flex; gap: 0.5rem; border-bottom: 1px solid var(--border-color, #ccc); margin-bottom: 1rem; }
.tabs button[b-6nvcw55ksk] { padding: 0.5rem 1rem; border: none; background: transparent; cursor: pointer; }
.tabs button.active[b-6nvcw55ksk] { border-bottom: 2px solid var(--primary-color, #0d6efd); font-weight: bold; }
table[b-6nvcw55ksk] { width: 100%; border-collapse: collapse; }
th[b-6nvcw55ksk], td[b-6nvcw55ksk] { padding: 0.5rem; text-align: left; border-bottom: 1px solid #eee; }
.status[b-6nvcw55ksk] { padding: 0.25rem 0.5rem; border-radius: 4px; font-size: 0.875rem; }
.status-1[b-6nvcw55ksk], .status-2[b-6nvcw55ksk], .status-4[b-6nvcw55ksk] { background: #fef3c7; color: #92400e; }
.status-3[b-6nvcw55ksk] { background: #fee2e2; color: #991b1b; }
.status-5[b-6nvcw55ksk] { background: #d1fae5; color: #065f46; }
.status-6[b-6nvcw55ksk] { background: #e5e7eb; color: #374151; }
.age[b-6nvcw55ksk] { color: #666; font-size: 0.875rem; }
.reason[b-6nvcw55ksk] { max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.link[b-6nvcw55ksk] { background: none; border: none; color: var(--primary-color, #0d6efd); cursor: pointer; text-decoration: underline; }
/* /Components/Pages/CalendarPage.razor.rz.scp.css */
.calendar-page[b-1e9gz0g74s] {
    padding: 1rem;
    height: calc(100vh - 4rem);
    display: flex;
    flex-direction: column;
}

.calendar-header[b-1e9gz0g74s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

/* Header actions — primary "Schedule session" CTA (view switching lives in the scheduler toolbar) */
.calendar-actions[b-1e9gz0g74s] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.calendar-schedule-btn[b-1e9gz0g74s] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    white-space: nowrap;
}

.calendar-schedule-btn .rzi[b-1e9gz0g74s] {
    font-size: 1.15rem;
}

/* Empty-state nudge — gives the coach context and a clear next action */
.calendar-nudge[b-1e9gz0g74s] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid var(--border-color);
    border-radius: 14px;
    background: var(--card-bg);
    box-shadow: var(--shadow-card);
    animation: calendar-nudge-in-b-1e9gz0g74s 0.32s ease both;
}

.calendar-nudge-icon[b-1e9gz0g74s] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 12px;
    background: var(--primary-01);
    color: var(--primary-color);
}

.calendar-nudge-icon .rzi[b-1e9gz0g74s] {
    font-size: 1.5rem;
}

.calendar-nudge-body[b-1e9gz0g74s] {
    flex: 1 1 auto;
    min-width: 0;
}

.calendar-nudge-body h3[b-1e9gz0g74s] {
    margin: 0;
    font-size: 1rem;
    font-weight: var(--font-weight-semibold, 600);
    color: var(--text-color);
}

.calendar-nudge-body p[b-1e9gz0g74s] {
    margin: 0.2rem 0 0;
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.calendar-nudge .calendar-schedule-btn[b-1e9gz0g74s] {
    flex: 0 0 auto;
}

@keyframes calendar-nudge-in-b-1e9gz0g74s {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Make empty time slots feel clickable, and hint at the action on hover */
.calendar-page[b-1e9gz0g74s]  .rz-slot {
    cursor: pointer;
    position: relative;
    transition: background-color 0.12s ease;
}

.calendar-page[b-1e9gz0g74s]  .rz-slot:hover {
    background-color: var(--primary-01);
}

.calendar-page[b-1e9gz0g74s]  .rz-slot:hover::after {
    content: "+ Schedule";
    position: absolute;
    top: 3px;
    left: 8px;
    font-size: 0.68rem;
    font-weight: var(--font-weight-semibold, 600);
    color: var(--primary-color);
    pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
    .calendar-nudge[b-1e9gz0g74s] { animation: none; }
}
/* /Components/Pages/Chat/ChatPage.razor.rz.scp.css */
.chat-shell[b-1bitvxox2w] {
    display: grid;
    grid-template-columns: 340px 1fr;
    height: calc(100vh - 2rem);
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-color, #e2ddd6);
    border-radius: 12px;
    overflow: hidden;
}

/* ---- Conversation list ---- */
.chat-list[b-1bitvxox2w] {
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--border-color, #e2ddd6);
    min-height: 0;
}

.chat-list-head[b-1bitvxox2w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem 0.75rem;
    border-bottom: 1px solid var(--border-color, #e2ddd6);
}

.chat-list-head h2[b-1bitvxox2w] {
    font-size: 1.15rem;
    margin: 0;
    color: var(--text-primary, #2c2825);
}

.chat-list-actions[b-1bitvxox2w] { display: flex; gap: 0.25rem; }

.chat-icon-btn[b-1bitvxox2w] {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--text-secondary, #6b6560);
    padding: 0.4rem;
    border-radius: 8px;
    display: inline-flex;
}
.chat-icon-btn:hover[b-1bitvxox2w] { background: var(--hover-bg, rgba(0,0,0,0.05)); color: var(--text-primary, #2c2825); }

.chat-list-items[b-1bitvxox2w] { overflow-y: auto; flex: 1; min-height: 0; }

.chat-list-empty[b-1bitvxox2w] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--text-secondary, #6b6560);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.chat-list-item[b-1bitvxox2w] {
    display: flex;
    gap: 0.75rem;
    width: 100%;
    padding: 0.7rem 1rem;
    border: none;
    background: none;
    cursor: pointer;
    text-align: left;
    align-items: center;
    border-bottom: 1px solid var(--border-color-subtle, #f0ece6);
}
.chat-list-item:hover[b-1bitvxox2w] { background: var(--hover-bg, rgba(0,0,0,0.03)); }
.chat-list-item.active[b-1bitvxox2w] { background: var(--selected-bg, rgba(139,158,139,0.12)); }

.chat-list-item-body[b-1bitvxox2w] { flex: 1; min-width: 0; }
.chat-list-item-top[b-1bitvxox2w] { display: flex; justify-content: space-between; gap: 0.5rem; }
.chat-list-item-title[b-1bitvxox2w] {
    font-weight: 600;
    color: var(--text-primary, #2c2825);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.chat-list-item-time[b-1bitvxox2w] { font-size: 0.72rem; color: var(--text-secondary, #9a938c); white-space: nowrap; }
.chat-list-item-bottom[b-1bitvxox2w] { display: flex; justify-content: space-between; gap: 0.5rem; align-items: center; }
.chat-list-item-preview[b-1bitvxox2w] {
    font-size: 0.82rem; color: var(--text-secondary, #6b6560);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.chat-unread[b-1bitvxox2w] {
    background: var(--primary-accent, #8b9e8b);
    color: #fff;
    font-size: 0.7rem;
    font-weight: 600;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 0.35rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* ---- Avatar ---- */
.chat-avatar[b-1bitvxox2w] {
    position: relative;
    width: 44px; height: 44px;
    border-radius: 50%;
    background: var(--primary-accent, #8b9e8b);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.9rem;
    flex-shrink: 0;
    overflow: hidden;
}
.chat-avatar img[b-1bitvxox2w] { width: 100%; height: 100%; object-fit: cover; }
.chat-avatar.online[b-1bitvxox2w]::after {
    content: "";
    position: absolute;
    bottom: 1px; right: 1px;
    width: 11px; height: 11px;
    border-radius: 50%;
    background: #3fb950;
    border: 2px solid var(--card-bg, #fff);
}
.chat-avatar-badge[b-1bitvxox2w] {
    position: absolute;
    bottom: -2px; right: -2px;
    background: var(--card-bg, #fff);
    border-radius: 50%;
    font-size: 0.6rem;
    color: var(--text-secondary, #6b6560);
    display: inline-flex;
}

/* ---- Main pane ---- */
.chat-main[b-1bitvxox2w] { display: flex; flex-direction: column; min-height: 0; position: relative; }

.chat-empty-pane[b-1bitvxox2w] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: var(--text-secondary, #9a938c);
}
.chat-empty-pane[b-1bitvxox2w]  .rz-icon, .chat-list-empty[b-1bitvxox2w]  .rz-icon { font-size: 2.5rem; opacity: 0.5; }

.chat-thread-head[b-1bitvxox2w] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 1rem;
    border-bottom: 1px solid var(--border-color, #e2ddd6);
}
.chat-thread-head-info[b-1bitvxox2w] { display: flex; flex-direction: column; }
.chat-thread-title[b-1bitvxox2w] { font-weight: 600; color: var(--text-primary, #2c2825); }
.chat-thread-sub[b-1bitvxox2w] { font-size: 0.75rem; color: var(--text-secondary, #9a938c); }
.chat-back[b-1bitvxox2w] { display: none; }

.chat-messages[b-1bitvxox2w] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    background: var(--chat-bg, #f7f4ef);
    min-height: 0;
}

.chat-load-more[b-1bitvxox2w] { text-align: center; padding: 0.5rem; }

.chat-day[b-1bitvxox2w] { text-align: center; margin: 0.75rem 0; }
.chat-day span[b-1bitvxox2w] {
    background: var(--card-bg, #fff);
    color: var(--text-secondary, #9a938c);
    font-size: 0.72rem;
    padding: 0.2rem 0.7rem;
    border-radius: 999px;
}

.chat-msg[b-1bitvxox2w] { display: flex; flex-direction: column; max-width: 75%; }
.chat-msg.own[b-1bitvxox2w] { align-self: flex-end; align-items: flex-end; }
.chat-msg-sender[b-1bitvxox2w] { font-size: 0.72rem; color: var(--primary-accent, #8b9e8b); font-weight: 600; margin: 0 0.5rem 0.1rem; }

.chat-bubble[b-1bitvxox2w] {
    position: relative;
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-color, #e2ddd6);
    border-radius: 12px;
    padding: 0.45rem 0.65rem;
    box-shadow: var(--shadow-sm, 0 1px 2px rgba(0,0,0,0.04));
}
.chat-msg.own .chat-bubble[b-1bitvxox2w] {
    background: var(--bubble-own-bg, #dcf0dc);
    border-color: var(--bubble-own-bg, #dcf0dc);
}

.chat-text[b-1bitvxox2w] { margin: 0; white-space: pre-wrap; word-break: break-word; color: var(--text-primary, #2c2825); font-size: 0.9rem; }
.chat-deleted[b-1bitvxox2w] { margin: 0; font-style: italic; color: var(--text-secondary, #9a938c); font-size: 0.85rem; display: flex; align-items: center; gap: 0.25rem; }

.chat-meta[b-1bitvxox2w] { display: flex; align-items: center; gap: 0.3rem; justify-content: flex-end; margin-top: 0.15rem; }
.chat-time[b-1bitvxox2w] { font-size: 0.68rem; color: var(--text-secondary, #9a938c); }
.chat-edited[b-1bitvxox2w] { font-size: 0.65rem; color: var(--text-secondary, #9a938c); font-style: italic; }
.chat-ticks[b-1bitvxox2w] { display: inline-flex; color: var(--text-secondary, #9a938c); }
.chat-ticks[b-1bitvxox2w]  .rz-icon { font-size: 0.95rem; }
.chat-ticks.read[b-1bitvxox2w] { color: var(--primary-accent, #3897f0); }

.chat-msg-menu[b-1bitvxox2w] {
    position: absolute;
    top: 2px; right: 4px;
    display: none;
    gap: 0.1rem;
}
.chat-bubble:hover .chat-msg-menu[b-1bitvxox2w] { display: flex; }
.chat-msg-menu button[b-1bitvxox2w] {
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-color, #e2ddd6);
    border-radius: 6px;
    cursor: pointer;
    color: var(--text-secondary, #6b6560);
    padding: 0.1rem;
    display: inline-flex;
}
.chat-msg-menu[b-1bitvxox2w]  .rz-icon { font-size: 0.85rem; }

.chat-edit textarea[b-1bitvxox2w] { width: 100%; resize: vertical; border: 1px solid var(--border-color, #e2ddd6); border-radius: 8px; padding: 0.35rem; }
.chat-edit-actions[b-1bitvxox2w] { display: flex; gap: 0.4rem; justify-content: flex-end; margin-top: 0.35rem; }

.chat-typing[b-1bitvxox2w] { display: inline-flex; gap: 3px; align-items: center; }
.chat-typing span[b-1bitvxox2w] {
    width: 6px; height: 6px; border-radius: 50%;
    background: var(--text-secondary, #9a938c);
    animation: chat-typing-b-1bitvxox2w 1.2s infinite ease-in-out;
}
.chat-typing span:nth-child(2)[b-1bitvxox2w] { animation-delay: 0.2s; }
.chat-typing span:nth-child(3)[b-1bitvxox2w] { animation-delay: 0.4s; }
@keyframes chat-typing-b-1bitvxox2w { 0%, 60%, 100% { opacity: 0.3; } 30% { opacity: 1; } }

.chat-jump[b-1bitvxox2w] {
    position: absolute;
    bottom: 5rem; right: 1.5rem;
    width: 38px; height: 38px;
    border-radius: 50%;
    background: var(--card-bg, #fff);
    border: 1px solid var(--border-color, #e2ddd6);
    box-shadow: var(--shadow-sm, 0 2px 6px rgba(0,0,0,0.12));
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary, #6b6560);
}

.chat-composer[b-1bitvxox2w] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-end;
    padding: 0.6rem 1rem;
    border-top: 1px solid var(--border-color, #e2ddd6);
}
.chat-composer textarea[b-1bitvxox2w] {
    flex: 1;
    resize: none;
    border: 1px solid var(--border-color, #e2ddd6);
    border-radius: 20px;
    padding: 0.55rem 0.9rem;
    font-size: 0.9rem;
    max-height: 120px;
    background: var(--input-bg, #fff);
    color: var(--text-primary, #2c2825);
}
.chat-send[b-1bitvxox2w] {
    width: 42px; height: 42px;
    border-radius: 50%;
    background: var(--primary-accent, #8b9e8b);
    color: #fff;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.chat-send:disabled[b-1bitvxox2w] { opacity: 0.5; cursor: default; }

/* ---- New conversation panel ---- */
.chat-newpanel-backdrop[b-1bitvxox2w] { position: fixed; inset: 0; background: rgba(0,0,0,0.3); z-index: 1000; }
.chat-newpanel[b-1bitvxox2w] {
    position: fixed;
    top: 0; right: 0;
    width: 360px; max-width: 90vw;
    height: 100vh;
    background: var(--card-bg, #fff);
    border-left: 1px solid var(--border-color, #e2ddd6);
    z-index: 1001;
    display: flex;
    flex-direction: column;
    box-shadow: -4px 0 16px rgba(0,0,0,0.12);
}
.chat-newpanel-head[b-1bitvxox2w] { display: flex; align-items: center; justify-content: space-between; padding: 1rem; border-bottom: 1px solid var(--border-color, #e2ddd6); }
.chat-newpanel-head h3[b-1bitvxox2w] { margin: 0; font-size: 1.05rem; }
.chat-newpanel-search[b-1bitvxox2w] { margin: 0.75rem 1rem 0; padding: 0.5rem 0.75rem; border: 1px solid var(--border-color, #e2ddd6); border-radius: 8px; }
.chat-newpanel-list[b-1bitvxox2w] { flex: 1; overflow-y: auto; padding: 0.5rem; }
.chat-newpanel-item[b-1bitvxox2w] {
    display: flex;
    gap: 0.6rem;
    align-items: center;
    width: 100%;
    padding: 0.5rem;
    border: none;
    background: none;
    cursor: pointer;
    text-align: left;
    border-radius: 8px;
}
.chat-newpanel-item:hover[b-1bitvxox2w] { background: var(--hover-bg, rgba(0,0,0,0.04)); }
.chat-newpanel-item-body[b-1bitvxox2w] { flex: 1; display: flex; flex-direction: column; }
.chat-tag[b-1bitvxox2w] { font-size: 0.68rem; color: var(--text-secondary, #9a938c); }
.chat-newpanel-foot[b-1bitvxox2w] { padding: 1rem; border-top: 1px solid var(--border-color, #e2ddd6); }

@media (max-width: 768px) {
    .chat-shell[b-1bitvxox2w] { grid-template-columns: 1fr; height: calc(100vh - 1rem); }
    .chat-shell .chat-main[b-1bitvxox2w] { display: none; }
    .chat-shell--active .chat-list[b-1bitvxox2w] { display: none; }
    .chat-shell--active .chat-main[b-1bitvxox2w] { display: flex; }
    .chat-back[b-1bitvxox2w] { display: inline-flex; }
    .chat-msg[b-1bitvxox2w] { max-width: 85%; }
}
/* /Components/Pages/Documents/DocumentsPage.razor.rz.scp.css */
.documents-page[b-88gdf4ljpd] {
    max-width: 56rem;
    margin: 0 auto;
}

.documents-header[b-88gdf4ljpd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.documents-title[b-88gdf4ljpd] {
    font-size: var(--fs-xl);
    font-weight: 700;
    color: var(--text-color);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}

.documents-subtitle[b-88gdf4ljpd] {
    font-size: var(--fs-sm);
    color: var(--text-muted);
    margin: 0.25rem 0 0;
}

.category-filters[b-88gdf4ljpd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
}

.filter-pill[b-88gdf4ljpd] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.875rem;
    border-radius: 2rem;
    border: 1px solid var(--border-color);
    background: var(--surface-primary);
    color: var(--text-muted);
    font-size: var(--fs-xs);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
}

.filter-pill:hover[b-88gdf4ljpd] {
    border-color: var(--primary-accent);
    color: var(--text-color);
}

.filter-pill.active[b-88gdf4ljpd] {
    background: rgba(var(--primary-rgb), 0.1);
    border-color: var(--primary-accent);
    color: var(--primary-accent);
    font-weight: 600;
}

.documents-grid[b-88gdf4ljpd] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.doc-card[b-88gdf4ljpd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    background: var(--surface-primary);
    border: 1px solid var(--border-color);
    border-radius: 0.5rem;
    transition: border-color 0.15s ease;
}

.doc-card:hover[b-88gdf4ljpd] {
    border-color: var(--primary-accent);
}

.doc-card-icon[b-88gdf4ljpd] {
    flex-shrink: 0;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.375rem;
    background: rgba(var(--primary-rgb), 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
}

.doc-card-content[b-88gdf4ljpd] {
    flex: 1;
    min-width: 0;
}

.doc-card-title[b-88gdf4ljpd] {
    font-size: var(--fs-sm);
    font-weight: 600;
    color: var(--text-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.doc-card-meta[b-88gdf4ljpd] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: var(--fs-xs);
    color: var(--text-muted);
    margin-top: 0.125rem;
    flex-wrap: wrap;
}

.doc-meta-sep[b-88gdf4ljpd] {
    opacity: 0.5;
}

.doc-category-badge[b-88gdf4ljpd] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.5rem;
    border-radius: 1rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.doc-category--assessment[b-88gdf4ljpd] {
    background: rgba(99, 102, 241, 0.1);
    color: #6366f1;
}

.doc-category--general[b-88gdf4ljpd] {
    background: rgba(107, 114, 128, 0.1);
    color: #6b7280;
}

.doc-category--session-note[b-88gdf4ljpd] {
    background: rgba(34, 197, 94, 0.1);
    color: #22c55e;
}

.doc-category--worksheet[b-88gdf4ljpd] {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
}

.doc-card-actions[b-88gdf4ljpd] {
    flex-shrink: 0;
    display: flex;
    gap: 0.25rem;
}

.documents-empty[b-88gdf4ljpd] {
    text-align: center;
    padding: 3rem 2rem;
    color: var(--text-muted);
}

.documents-empty h3[b-88gdf4ljpd] {
    margin: 1rem 0 0.5rem;
    color: var(--text-color);
    font-size: var(--fs-md);
}

.documents-empty p[b-88gdf4ljpd] {
    font-size: var(--fs-sm);
    max-width: 24rem;
    margin: 0 auto 1.5rem;
}

@media (max-width: 640px) {
    .doc-card-meta[b-88gdf4ljpd] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.125rem;
    }

    .doc-meta-sep[b-88gdf4ljpd] {
        display: none;
    }

    .category-filters[b-88gdf4ljpd] {
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .filter-pill[b-88gdf4ljpd] {
        white-space: nowrap;
    }
}
/* /Components/Pages/FindCoachPage.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════
   FindCoachPage — Scoped Styles
   Search, filter, and browse the coach directory
   ═══════════════════════════════════════════════════════ */

/* ── Page Container ── */
.find-coach-page[b-ttonxo4rdw] {
    max-width: 72rem;
    margin: 0 auto;
}

/* ── Loading State ── */
.find-coach-loading[b-ttonxo4rdw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 0;
    text-align: center;
    color: var(--text-muted);
}

.find-coach-loading p[b-ttonxo4rdw] {
    margin-top: 0.5rem;
    font-size: var(--fs-sm);
}

/* ── Header ── */
.find-coach-header[b-ttonxo4rdw] {
    margin-bottom: 1.5rem;
}

.find-coach-title[b-ttonxo4rdw] {
    font-size: var(--fs-xl);
    font-weight: 700;
    color: var(--text-color);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}

.find-coach-subtitle[b-ttonxo4rdw] {
    font-size: var(--fs-sm);
    color: var(--text-muted);
    margin: 0.25rem 0 0;
}

/* ── Search Bar ── */
.find-coach-search[b-ttonxo4rdw] {
    position: relative;
    margin-bottom: 1rem;
}

[b-ttonxo4rdw] .find-coach-search-icon {
    position: absolute;
    left: 0.875rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
    font-size: 1.25rem;
    pointer-events: none;
}

.find-coach-search-input[b-ttonxo4rdw] {
    padding-left: 2.75rem !important;
    padding-right: 2.5rem !important;
    font-size: var(--fs-sm);
    height: 2.75rem;
}

.find-coach-search-clear[b-ttonxo4rdw] {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-sm);
    transition: color 0.15s ease;
}

.find-coach-search-clear:hover[b-ttonxo4rdw] {
    color: var(--text-color);
}

/* ── Filter Bar ── */
.find-coach-filters[b-ttonxo4rdw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: flex-end;
    margin-bottom: 1.25rem;
    padding: 1rem;
    background: var(--surface-bg);
    border-radius: var(--radius-lg);
    border: 1px solid var(--border-light);
}

.find-coach-filter[b-ttonxo4rdw] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 10rem;
    flex: 1 1 10rem;
}

.find-coach-filter-label[b-ttonxo4rdw] {
    font-size: var(--fs-xs);
    font-weight: var(--font-weight-medium);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: var(--ls-wider);
}

.find-coach-filter-select[b-ttonxo4rdw] {
    font-size: var(--fs-sm);
    height: 2.25rem;
    padding: 0.25rem 0.5rem;
}

.find-coach-filter-checkbox[b-ttonxo4rdw] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-width: auto;
    flex: 0 0 auto;
}

.find-coach-checkbox-label[b-ttonxo4rdw] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--fs-sm);
    color: var(--text-color);
    cursor: pointer;
    padding: 0.375rem 0;
    white-space: nowrap;
}

.find-coach-checkbox-label input[type="checkbox"][b-ttonxo4rdw] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--primary-accent);
    cursor: pointer;
}

.find-coach-clear-filters[b-ttonxo4rdw] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: var(--fs-xs);
    color: var(--text-muted);
    padding: 0.375rem 0.75rem;
    align-self: flex-end;
    white-space: nowrap;
}

.find-coach-clear-filters:hover[b-ttonxo4rdw] {
    color: var(--danger-color);
}

/* ── Results Summary ── */
.find-coach-results-summary[b-ttonxo4rdw] {
    font-size: var(--fs-xs);
    color: var(--text-muted);
    margin-bottom: 1rem;
    padding-left: 0.125rem;
}

/* ── Coach Grid ── */
.coach-grid[b-ttonxo4rdw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
    justify-items: center;
}

/* ── Empty State ── */
.find-coach-empty[b-ttonxo4rdw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 4rem 2rem;
    color: var(--text-muted);
}

.find-coach-empty h3[b-ttonxo4rdw] {
    margin: 1rem 0 0.5rem;
    font-size: var(--fs-lg);
    font-weight: var(--font-weight-semibold);
    color: var(--text-color);
}

.find-coach-empty p[b-ttonxo4rdw] {
    margin: 0 0 1.25rem;
    font-size: var(--fs-sm);
    max-width: 24rem;
}

/* ── Connection Dialog Placeholder ── */
.find-coach-dialog-overlay[b-ttonxo4rdw] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.find-coach-dialog-placeholder[b-ttonxo4rdw] {
    background: var(--card-bg);
    border-radius: var(--radius-lg);
    padding: 2rem;
    max-width: 24rem;
    width: 90%;
    text-align: center;
    box-shadow: var(--shadow-lg);
}

.find-coach-dialog-placeholder h3[b-ttonxo4rdw] {
    margin: 0 0 0.75rem;
    font-size: var(--fs-lg);
    color: var(--text-color);
}

.find-coach-dialog-placeholder p[b-ttonxo4rdw] {
    margin: 0 0 1.25rem;
    font-size: var(--fs-sm);
    color: var(--text-muted);
}

/* ── Responsive adjustments ── */
@media (max-width: 640px) {
    .find-coach-filters[b-ttonxo4rdw] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .find-coach-filter[b-ttonxo4rdw] {
        min-width: 100%;
        flex: 1 1 100%;
    }

    .coach-grid[b-ttonxo4rdw] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Goals/ActivityDetailPage.razor.rz.scp.css */
/* Activity Detail Page - Scoped Styles */

.activity-empty[b-cbjza9hywt] {
    text-align: center;
    padding: 3rem 1.5rem;
    color: var(--text-muted, #64748b);
}

.activity-empty-icon[b-cbjza9hywt] {
    margin-bottom: 1rem;
    opacity: 0.5;
}

.activity-empty h3[b-cbjza9hywt] {
    margin: 0 0 0.5rem;
    color: var(--text-color);
}

.activity-empty p[b-cbjza9hywt] {
    margin: 0 0 1.5rem;
    font-size: var(--fs-sm, 0.875rem);
}

/* Header */
.activity-header[b-cbjza9hywt] {
    background: var(--card-bg, #ffffff);
    border-radius: 12px;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.activity-header-meta[b-cbjza9hywt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin: 0.75rem 0;
}

.activity-title[b-cbjza9hywt] {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0.5rem 0 0;
    color: var(--text-color);
}

.activity-due-date[b-cbjza9hywt] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: var(--fs-sm, 0.875rem);
    color: var(--text-muted, #64748b);
}

.activity-due-date.overdue[b-cbjza9hywt] {
    color: var(--danger-color, #ef4444);
    font-weight: 600;
}

/* Content sections */
.activity-content-section[b-cbjza9hywt] {
    background: var(--card-bg, #ffffff);
    border-radius: 12px;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.activity-section[b-cbjza9hywt] {
    background: var(--card-bg, #ffffff);
    border-radius: 12px;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.activity-section-title[b-cbjza9hywt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 1rem;
    font-size: 1rem;
    font-weight: 600;
}

.activity-rendered-content[b-cbjza9hywt] {
    line-height: 1.6;
    font-size: var(--fs-sm, 0.875rem);
    color: var(--text-color);
}

.activity-rendered-content p[b-cbjza9hywt] {
    margin: 0 0 0.75rem;
}

.activity-rendered-content ul[b-cbjza9hywt],
.activity-rendered-content ol[b-cbjza9hywt] {
    padding-left: 1.5rem;
    margin: 0 0 0.75rem;
}

/* Video embed */
.video-embed[b-cbjza9hywt] {
    border-radius: var(--radius-md, 8px);
    overflow: hidden;
    margin-bottom: 1rem;
}

/* Resource link */
.activity-resource-link[b-cbjza9hywt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: var(--surface-light, #f8fafc);
    border-radius: var(--radius-md, 8px);
    margin-bottom: 1rem;
}

.activity-resource-link a[b-cbjza9hywt] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: var(--primary-color, #3b82f6);
    text-decoration: none;
    font-weight: 500;
}

.activity-resource-link a:hover[b-cbjza9hywt] {
    text-decoration: underline;
}

/* YouTube search prompt */
.activity-search-prompt[b-cbjza9hywt] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem;
    background: rgba(231, 76, 60, 0.06);
    border-left: 4px solid #e74c3c;
    border-radius: var(--radius-md, 8px);
    margin-bottom: 1rem;
}

.activity-search-prompt p[b-cbjza9hywt] {
    margin: 0;
    font-size: var(--fs-sm, 0.875rem);
    color: var(--text-muted, #64748b);
    line-height: 1.6;
}

/* Prompt / action callout */
.activity-prompt-callout[b-cbjza9hywt] {
    background: rgba(var(--info-rgb, 123, 143, 162), 0.08);
    border-left: 4px solid var(--info-color, #7B8FA2);
    padding: 1rem;
    border-radius: var(--radius-md, 8px);
    margin-bottom: 1rem;
}

.activity-description[b-cbjza9hywt] {
    font-size: var(--fs-sm, 0.875rem);
    color: var(--text-muted, #64748b);
    line-height: 1.6;
    margin: 0;
}

/* Evidence section */
.evidence-form[b-cbjza9hywt] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
}

.evidence-existing[b-cbjza9hywt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: var(--surface-light, #f8fafc);
    border-radius: var(--radius-md, 8px);
    font-size: var(--fs-sm, 0.875rem);
    margin-top: 0.75rem;
}

.evidence-existing a[b-cbjza9hywt] {
    color: var(--primary-color, #3b82f6);
    text-decoration: none;
    word-break: break-all;
}

.evidence-existing a:hover[b-cbjza9hywt] {
    text-decoration: underline;
}

/* Action buttons bar */
.activity-actions[b-cbjza9hywt] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 1rem 0;
}

/* Responsive */
@media (max-width: 640px) {
    .activity-title[b-cbjza9hywt] {
        font-size: 1.25rem;
    }

    .activity-actions[b-cbjza9hywt] {
        flex-direction: column;
        align-items: stretch;
    }

    .activity-actions .btn[b-cbjza9hywt] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Pages/Goals/GoalDetailPage.razor.rz.scp.css */
/* Milestones Section */
.milestones-section[b-ipv8z7bui7] {
    background: var(--card-bg, #ffffff);
    border-radius: 12px;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.milestones-header[b-ipv8z7bui7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.milestones-header h3[b-ipv8z7bui7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.milestones-empty[b-ipv8z7bui7] {
    text-align: center;
    padding: 1.5rem;
    color: var(--text-muted, #64748b);
}

.milestones-empty p[b-ipv8z7bui7] {
    margin: 0 0 1rem 0;
    font-size: 0.875rem;
}

/* Add Milestone Form */
.add-milestone-form[b-ipv8z7bui7] {
    background: var(--surface-light, #f8fafc);
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.add-milestone-form .form-group[b-ipv8z7bui7] {
    margin: 0;
}

.add-milestone-form .form-control[b-ipv8z7bui7] {
    font-size: 0.875rem;
}

.add-milestone-actions[b-ipv8z7bui7] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
}

/* Button small variant */
.btn-sm[b-ipv8z7bui7] {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
    gap: 0.375rem;
}
/* /Components/Pages/Journeys/JourneysPage.razor.rz.scp.css */
/* JourneysPage uses MyCoachingJourneys component styles */
/* /Components/Pages/Meetings/MeetingDetailPage.razor.rz.scp.css */
.meeting-detail-page[b-becka5icrv] {
    max-width: 820px;
    margin: 0 auto;
    padding: 1.5rem;
}

.back-link[b-becka5icrv] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: none;
    border: none;
    padding: 0.25rem 0;
    margin-bottom: 1rem;
    color: var(--text-secondary);
    font-size: 0.9rem;
    cursor: pointer;
}

.back-link:hover[b-becka5icrv] {
    color: var(--text-color);
}

.detail-card[b-becka5icrv] {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 1.25rem;
    box-shadow: var(--shadow-xs);
    margin-top: 1rem;
}

.detail-card-header[b-becka5icrv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.detail-card-title[b-becka5icrv] {
    font-size: var(--fs-base);
    font-weight: var(--font-weight-semibold);
    color: var(--text-color);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.agenda-actions[b-becka5icrv] {
    margin-top: 0.75rem;
}

.agenda-empty[b-becka5icrv] {
    color: var(--text-muted);
    font-size: 0.9rem;
    margin: 0;
}

.proposal-list[b-becka5icrv] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.proposal-item[b-becka5icrv] {
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md, 10px);
    padding: 0.875rem 1rem;
    background: var(--surface-bg, #f8fafc);
}

.proposal-row[b-becka5icrv] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--text-secondary);
    font-size: 0.875rem;
    margin-bottom: 0.3rem;
}

.proposal-row:last-of-type[b-becka5icrv] {
    margin-bottom: 0;
}

.proposal-message[b-becka5icrv] {
    font-style: italic;
    color: var(--text-secondary);
    margin: 0.4rem 0 0.3rem;
}

.proposal-submitted[b-becka5icrv] {
    font-size: var(--fs-xs, 0.75rem);
    color: var(--text-muted);
}

.post-session-sections[b-becka5icrv] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
}

.detail-loading[b-becka5icrv],
.detail-empty[b-becka5icrv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    padding: 3rem 1rem;
    text-align: center;
}

.detail-empty h3[b-becka5icrv] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--text-color);
}

.coachee-context-headline[b-becka5icrv] {
    font-weight: var(--font-weight-semibold);
    color: var(--text-color);
    margin: 0 0 0.5rem;
}

.coachee-context-bio[b-becka5icrv] {
    color: var(--text-secondary);
    font-size: 0.9rem;
    margin: 0 0 1rem;
}

.coachee-context-empty[b-becka5icrv] {
    color: var(--text-muted);
    font-size: 0.9rem;
    margin: 0;
}

.coachee-context-grid[b-becka5icrv] {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 0.4rem 1rem;
    margin: 0;
}

.coachee-context-grid dt[b-becka5icrv] {
    color: var(--text-muted);
    font-size: 0.8rem;
    font-weight: var(--font-weight-semibold);
}

.coachee-context-grid dd[b-becka5icrv] {
    margin: 0;
    color: var(--text-color);
    font-size: 0.9rem;
}

.coachee-context-goals[b-becka5icrv] {
    margin-top: 1rem;
}

.coachee-context-goals-label[b-becka5icrv] {
    display: block;
    color: var(--text-muted);
    font-size: 0.8rem;
    font-weight: var(--font-weight-semibold);
    margin-bottom: 0.35rem;
}

.coachee-context-goals ul[b-becka5icrv] {
    margin: 0;
    padding-left: 1.1rem;
    color: var(--text-color);
    font-size: 0.9rem;
}

.detail-accept-card[b-becka5icrv] {
    border-color: var(--primary-color);
}
/* /Components/Pages/Meetings/MeetingsPage.razor.rz.scp.css */
.meetings-page[b-8qclrrhmtc] {
    max-width: 860px;
    margin: 0 auto;
    padding: 1.5rem;
}

.meetings-header[b-8qclrrhmtc] {
    margin-bottom: 1.25rem;
}

.meetings-title[b-8qclrrhmtc] {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.meetings-subtitle[b-8qclrrhmtc] {
    margin: 0.3rem 0 0;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

/* Segmented tabs */
.meetings-tabs[b-8qclrrhmtc] {
    display: flex;
    gap: 0.375rem;
    padding: 0.3rem;
    background: var(--surface-bg, #f3f4f6);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    margin-bottom: 1.25rem;
    flex-wrap: wrap;
}

.meetings-tab[b-8qclrrhmtc] {
    flex: 1 1 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.5rem 0.85rem;
    border: none;
    background: transparent;
    border-radius: 9px;
    cursor: pointer;
    color: var(--text-secondary);
    font-size: 0.875rem;
    font-weight: 600;
    white-space: nowrap;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.meetings-tab .rzi[b-8qclrrhmtc] {
    font-size: 1.05rem !important;
}

.meetings-tab:hover[b-8qclrrhmtc] {
    color: var(--text-color);
}

.meetings-tab.is-active[b-8qclrrhmtc] {
    background: var(--card-bg, #fff);
    color: var(--text-color);
    box-shadow: var(--shadow-sm);
}

.meetings-tab-count[b-8qclrrhmtc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 0.35rem;
    border-radius: 999px;
    background: rgba(100, 116, 139, 0.18);
    color: var(--text-secondary);
    font-size: 0.7rem;
    font-weight: 700;
}

.meetings-tab.is-active .meetings-tab-count[b-8qclrrhmtc] {
    background: rgba(var(--primary-rgb), 0.14);
    color: var(--primary-color);
}

.meetings-tab-count--attn[b-8qclrrhmtc],
.meetings-tab.is-active .meetings-tab-count--attn[b-8qclrrhmtc] {
    background: #f59e0b;
    color: #fff;
}

.meetings-empty-state--clear h3[b-8qclrrhmtc] {
    color: #16a34a;
}

.meetings-loading[b-8qclrrhmtc] {
    text-align: center;
    padding: 3rem;
    color: var(--text-muted);
}

.meetings-list[b-8qclrrhmtc] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 0;
}

.meetings-empty-state[b-8qclrrhmtc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 3rem 1rem;
    text-align: center;
    color: var(--text-muted);
}

.meetings-empty-state h3[b-8qclrrhmtc] {
    margin: 0;
    font-size: 1.125rem;
    color: var(--text-color);
}

.meetings-empty-state p[b-8qclrrhmtc] {
    margin: 0;
    max-width: 360px;
}
/* /Components/Pages/NotificationsPage.razor.rz.scp.css */
.notifications-page[b-uqb42sq1qy] {
    max-width: 780px;
    margin: 0 auto;
    padding: 1.5rem;
}

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

.notifications-title[b-uqb42sq1qy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0;
    color: var(--text-color);
}

.notifications-subtitle[b-uqb42sq1qy] {
    margin: 0.25rem 0 0;
    color: var(--text-muted);
    font-size: var(--fs-sm);
}

.inbox-toolbar[b-uqb42sq1qy] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.inbox-view-filter[b-uqb42sq1qy],
.inbox-category-filters[b-uqb42sq1qy] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    overflow-x: auto;
    scrollbar-width: none;
}

.inbox-view-filter[b-uqb42sq1qy]::-webkit-scrollbar,
.inbox-category-filters[b-uqb42sq1qy]::-webkit-scrollbar {
    display: none;
}

.inbox-filter-button[b-uqb42sq1qy],
.inbox-category-chip[b-uqb42sq1qy] {
    border: 1px solid var(--border-color);
    background: var(--card-bg);
    color: var(--text-muted);
    border-radius: var(--radius-full);
    padding: 0.4rem 0.75rem;
    font: inherit;
    font-size: var(--fs-sm);
    white-space: nowrap;
    cursor: pointer;
}

.inbox-filter-button[b-uqb42sq1qy] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-weight: var(--font-weight-medium);
}

.inbox-filter-button:hover[b-uqb42sq1qy],
.inbox-category-chip:hover[b-uqb42sq1qy] {
    color: var(--text-color);
    border-color: var(--primary-accent);
}

.inbox-filter-button.active[b-uqb42sq1qy],
.inbox-category-chip.active[b-uqb42sq1qy] {
    color: var(--primary-accent);
    border-color: var(--primary-accent);
    background: var(--active-bg);
}

.inbox-filter-count[b-uqb42sq1qy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 0.3rem;
    border-radius: var(--radius-full);
    color: #fff;
    background: var(--primary-accent);
    font-size: var(--fs-xs);
}

.notifications-card[b-uqb42sq1qy] {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    padding: 0.25rem;
    box-shadow: var(--shadow-xs);
}

.notifications-loading[b-uqb42sq1qy],
.notifications-empty[b-uqb42sq1qy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    padding: 3rem 1rem;
    text-align: center;
}

.notifications-empty h3[b-uqb42sq1qy] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--text-color);
}

.notifications-load-more[b-uqb42sq1qy] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-top: 1rem;
    color: var(--text-muted);
    font-size: var(--fs-xs);
}

@media (max-width: 640px) {
    .notifications-page[b-uqb42sq1qy] {
        padding: 1rem;
    }

    .notifications-header[b-uqb42sq1qy] {
        align-items: center;
    }

    .notifications-header .btn[b-uqb42sq1qy] {
        flex-shrink: 0;
    }
}
/* /Components/Pages/Profile/CoacheeProfilePage.razor.rz.scp.css */
/* ===================================================
   CoacheeProfilePage — "Lucid Growth" Redesign
   Warm, journey-centric, psychologically engaging
   =================================================== */

/* === Hero Banner === */
.hero-banner[b-dyt6rrtacp] {
    position: relative;
    background: linear-gradient(
        135deg,
        rgba(var(--primary-rgb), 0.92) 0%,
        rgba(99, 60, 180, 0.88) 45%,
        rgba(168, 85, 147, 0.85) 100%
    );
    border-radius: var(--radius-xl);
    padding: 1.75rem 2rem 1.25rem;
    margin-bottom: 1.25rem;
    overflow: hidden;
    color: #ffffff;
    animation: heroReveal 0.5s ease-out both;
}

.hero-banner[b-dyt6rrtacp]::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.035'%3E%3Ccircle cx='30' cy='30' r='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    pointer-events: none;
}

.hero-banner[b-dyt6rrtacp]::after {
    content: '';
    position: absolute;
    top: -50%;
    right: -20%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(255,255,255,0.06) 0%, transparent 70%);
    pointer-events: none;
}

.hero-content[b-dyt6rrtacp] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
}

.hero-left[b-dyt6rrtacp] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    flex: 1;
    min-width: 0;
}

.hero-avatar[b-dyt6rrtacp] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(8px);
    border: 2px solid rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.375rem;
    font-weight: 600;
    color: #ffffff;
    flex-shrink: 0;
    position: relative;
}

.hero-avatar.online[b-dyt6rrtacp]::after {
    content: '';
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 12px;
    height: 12px;
    background: rgb(var(--success-rgb));
    border-radius: 50%;
    border: 2px solid rgba(var(--primary-rgb), 0.9);
}

.hero-info[b-dyt6rrtacp] {
    min-width: 0;
}

.hero-greeting[b-dyt6rrtacp] {
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.75;
    margin: 0 0 0.125rem;
}

.hero-name[b-dyt6rrtacp] {
    font-family: var(--font-family);
    font-size: 1.625rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

.hero-headline[b-dyt6rrtacp] {
    font-size: 0.8125rem;
    opacity: 0.8;
    margin: 0.25rem 0 0;
    line-height: 1.4;
}

.hero-meta[b-dyt6rrtacp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.375rem;
    font-size: 0.75rem;
    opacity: 0.65;
}

.hero-meta-item[b-dyt6rrtacp] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.hero-right[b-dyt6rrtacp] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.75rem;
    flex-shrink: 0;
}

.hero-stats[b-dyt6rrtacp] {
    display: flex;
    gap: 1.5rem;
}

.hero-stat[b-dyt6rrtacp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.hero-stat-value[b-dyt6rrtacp] {
    font-family: var(--font-family);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
}

.hero-stat-label[b-dyt6rrtacp] {
    font-size: 0.625rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    opacity: 0.6;
    margin-top: 0.25rem;
}

.hero-progress[b-dyt6rrtacp] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 1rem;
    padding-top: 0.875rem;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.hero-progress-bar[b-dyt6rrtacp] {
    flex: 1;
    height: 4px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 2px;
    overflow: hidden;
}

.hero-progress-fill[b-dyt6rrtacp] {
    height: 100%;
    background: rgba(255, 255, 255, 0.75);
    border-radius: 2px;
    transition: width 0.6s ease;
}

.hero-progress-text[b-dyt6rrtacp] {
    font-size: 0.6875rem;
    opacity: 0.6;
    white-space: nowrap;
}

.hero-btn[b-dyt6rrtacp] {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(4px);
}

.hero-btn:hover[b-dyt6rrtacp] {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.4);
}

@@keyframes heroReveal {
    from[b-dyt6rrtacp] { opacity: 0; transform: translateY(-6px) scale(0.995); }
    to[b-dyt6rrtacp] { opacity: 1; transform: translateY(0) scale(1); }
}

/* === Layout === */
.profile-layout[b-dyt6rrtacp] {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 1.25rem;
    align-items: start;
}

.profile-main[b-dyt6rrtacp] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.profile-sidebar[b-dyt6rrtacp] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: 4rem;
}

/* === Card Reveal Animation === */
.card-reveal[b-dyt6rrtacp] {
    animation: cardReveal 0.4s ease-out both;
}

@@keyframes cardReveal {
    from[b-dyt6rrtacp] { opacity: 0; transform: translateY(10px); }
    to[b-dyt6rrtacp] { opacity: 1; transform: translateY(0); }
}

/* === Profile Tabs (for Profile Details card) === */
.profile-tabs-header[b-dyt6rrtacp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1.25rem 0;
}

.profile-tabs[b-dyt6rrtacp] {
    display: flex;
    gap: 0;
    padding: 0 1.25rem;
    border-bottom: 1px solid var(--border-light);
    overflow-x: auto;
    scrollbar-width: none;
}

.profile-tabs[b-dyt6rrtacp]::-webkit-scrollbar {
    display: none;
}

.profile-tab[b-dyt6rrtacp] {
    padding: 0.625rem 0.875rem;
    font-family: var(--font-family);
    font-size: var(--fs-sm);
    font-weight: 500;
    color: var(--text-muted);
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    transition: all 150ms ease;
    white-space: nowrap;
    position: relative;
    top: 1px;
}

.profile-tab:hover[b-dyt6rrtacp] {
    color: var(--text-color);
}

.profile-tab.active[b-dyt6rrtacp] {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color);
    font-weight: 600;
}

/* === Sidebar Cards === */
.sidebar-card[b-dyt6rrtacp] {
    background: var(--card-bg);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-xs);
    border: 1px solid var(--border-light);
    overflow: hidden;
}

.sidebar-card-header[b-dyt6rrtacp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-light);
}

.sidebar-card-title[b-dyt6rrtacp] {
    font-size: var(--fs-sm);
    font-weight: 600;
    color: var(--text-color);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.sidebar-card-body[b-dyt6rrtacp] {
    padding: 0.875rem 1rem;
}

/* Sidebar bio section */
.sidebar-bio-card[b-dyt6rrtacp] {
    background: var(--card-bg);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-xs);
    border: 1px solid var(--border-light);
    padding: 1rem;
}

.sidebar-bio-title[b-dyt6rrtacp] {
    font-size: var(--fs-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-muted);
    margin: 0 0 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.sidebar-bio-text[b-dyt6rrtacp] {
    font-size: var(--fs-sm);
    color: var(--text-color);
    line-height: 1.6;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sidebar-section[b-dyt6rrtacp] {
    padding: 0 0 0.125rem;
}

.sidebar-section-title[b-dyt6rrtacp] {
    font-size: var(--fs-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-muted);
    margin: 0 0 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

/* === Goals Sidebar === */
.goal-item[b-dyt6rrtacp] {
    padding: 0.625rem 0;
    border-bottom: 1px solid var(--border-light);
}

.goal-item:last-child[b-dyt6rrtacp] {
    border-bottom: none;
    padding-bottom: 0;
}

.goal-item:first-child[b-dyt6rrtacp] {
    padding-top: 0;
}

.goal-header[b-dyt6rrtacp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
    margin-bottom: 0.375rem;
}

.goal-title[b-dyt6rrtacp] {
    font-size: var(--fs-sm);
    font-weight: 500;
    color: var(--text-color);
    margin: 0;
    line-height: 1.3;
    flex: 1;
    min-width: 0;
}

.goal-badges[b-dyt6rrtacp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

/* === Activity Feed === */
.activity-feed[b-dyt6rrtacp] {
    background: var(--card-bg);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-xs);
    border: 1px solid var(--border-light);
    overflow: hidden;
}

.activity-feed-header[b-dyt6rrtacp] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-light);
}

.activity-feed-title[b-dyt6rrtacp] {
    font-size: var(--fs-sm);
    font-weight: 600;
    margin: 0;
    color: var(--text-color);
}

.activity-feed-tabs[b-dyt6rrtacp] {
    display: flex;
    padding: 0 0.5rem;
    border-bottom: 1px solid var(--border-light);
}

.activity-tab[b-dyt6rrtacp] {
    padding: 0.5rem 0.625rem;
    font-size: var(--fs-xs);
    font-weight: 500;
    color: var(--text-muted);
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    transition: all 150ms ease;
}

.activity-tab:hover[b-dyt6rrtacp] {
    color: var(--text-color);
}

.activity-tab.active[b-dyt6rrtacp] {
    color: var(--primary-color);
    border-bottom-color: var(--primary-color);
}

.activity-feed-content[b-dyt6rrtacp] {
    padding: 0.5rem 0;
    max-height: 400px;
    overflow-y: auto;
}

.activity-item[b-dyt6rrtacp] {
    display: flex;
    gap: 0.625rem;
    padding: 0.5rem 1rem;
    transition: background 120ms ease;
}

.activity-item:hover[b-dyt6rrtacp] {
    background: rgba(var(--light-rgb), 0.5);
}

.activity-avatar[b-dyt6rrtacp] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(var(--primary-rgb), 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.activity-avatar.coach[b-dyt6rrtacp] {
    background: rgba(var(--primary-rgb), 0.15);
}

.activity-avatar.system[b-dyt6rrtacp] {
    background: rgba(var(--info-rgb, 59, 130, 246), 0.12);
}

.activity-avatar.success[b-dyt6rrtacp] {
    background: rgba(var(--success-rgb), 0.12);
}

.activity-content[b-dyt6rrtacp] {
    flex: 1;
    min-width: 0;
}

.activity-text[b-dyt6rrtacp] {
    font-size: var(--fs-xs);
    color: var(--text-color);
    margin: 0;
    line-height: 1.4;
}

.activity-description[b-dyt6rrtacp] {
    display: block;
    font-size: 0.6875rem;
    color: var(--text-muted);
    margin-top: 0.0625rem;
}

.activity-time[b-dyt6rrtacp] {
    display: block;
    font-size: 0.625rem;
    color: var(--text-light);
    margin-top: 0.125rem;
}

.activity-badge[b-dyt6rrtacp] {
    display: inline;
    font-weight: 600;
    color: rgb(var(--warning-rgb));
}

.activity-feed-footer[b-dyt6rrtacp] {
    padding: 0.5rem 1rem;
    border-top: 1px solid var(--border-light);
    text-align: center;
}

/* === Profile View Mode Styles === */
.profile-view-section[b-dyt6rrtacp] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.profile-view-row[b-dyt6rrtacp] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.profile-view-item[b-dyt6rrtacp] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.profile-view-label[b-dyt6rrtacp] {
    font-size: var(--fs-sm);
    font-weight: 500;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.profile-view-value[b-dyt6rrtacp] {
    font-size: var(--fs-base);
    color: var(--text-color);
    line-height: 1.5;
}

.profile-view-value.text-muted[b-dyt6rrtacp] {
    font-style: italic;
}

/* === Completion Banner === */
.completion-banner[b-dyt6rrtacp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: rgba(var(--primary-rgb), 0.04);
    border: 1px solid rgba(var(--primary-rgb), 0.12);
    border-radius: var(--radius-lg);
    margin-bottom: 1rem;
    animation: cardReveal 0.3s ease-out both;
}

.completion-banner-content[b-dyt6rrtacp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.completion-banner-icon[b-dyt6rrtacp] {
    color: var(--primary-color);
    flex-shrink: 0;
}

.completion-banner-text h4[b-dyt6rrtacp] {
    margin: 0;
    font-size: var(--fs-base);
    font-weight: 600;
    color: var(--text-color);
}

.completion-banner-text p[b-dyt6rrtacp] {
    margin: 0.125rem 0 0;
    font-size: var(--fs-sm);
    color: var(--text-muted);
}

.completion-banner-actions[b-dyt6rrtacp] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.completion-banner-dismiss[b-dyt6rrtacp] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.25rem;
    color: var(--text-muted);
    border-radius: var(--radius-sm);
    transition: all 120ms ease;
}

.completion-banner-dismiss:hover[b-dyt6rrtacp] {
    background: rgba(0, 0, 0, 0.06);
    color: var(--text-color);
}

/* === Wizard Styles === */
.wizard-container[b-dyt6rrtacp] {
    max-width: 600px;
    margin: 0 auto;
    padding: 1.5rem 0 0;
    min-height: auto;
    background: none;
}

.wizard-header[b-dyt6rrtacp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.wizard-title[b-dyt6rrtacp] {
    font-size: var(--fs-xl);
    font-weight: 600;
    margin: 0;
}

.wizard-skip[b-dyt6rrtacp] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: var(--fs-sm);
    color: var(--text-muted);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    border-radius: var(--radius-md);
    transition: all 120ms ease;
}

.wizard-skip:hover[b-dyt6rrtacp] {
    color: var(--text-color);
    background: rgba(var(--light-rgb), 0.8);
}

.wizard-progress[b-dyt6rrtacp] {
    display: flex;
    justify-content: center;
    gap: 2rem;
    margin-bottom: 1.5rem;
}

.wizard-step[b-dyt6rrtacp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.375rem;
}

.wizard-step-dot[b-dyt6rrtacp] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--border-color);
    color: var(--text-muted);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs-sm);
    font-weight: 600;
    transition: all 0.3s ease;
}

.wizard-step.active .wizard-step-dot[b-dyt6rrtacp] {
    background: var(--primary-color);
    color: #ffffff;
    box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.2);
}

.wizard-step.completed .wizard-step-dot[b-dyt6rrtacp] {
    background: rgb(var(--success-rgb));
    color: #ffffff;
}

.wizard-step-label[b-dyt6rrtacp] {
    font-size: var(--fs-xs);
    color: var(--text-muted);
    font-weight: 500;
}

.wizard-step.active .wizard-step-label[b-dyt6rrtacp] {
    color: var(--primary-color);
    font-weight: 600;
}

.wizard-content[b-dyt6rrtacp] {
    background: var(--card-bg);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-light);
    overflow: hidden;
}

.wizard-content-header[b-dyt6rrtacp] {
    padding: 1.25rem 1.5rem 0;
}

.wizard-content-title[b-dyt6rrtacp] {
    font-size: var(--fs-lg);
    font-weight: 600;
    margin: 0 0 0.25rem;
}

.wizard-content-subtitle[b-dyt6rrtacp] {
    font-size: var(--fs-sm);
    color: var(--text-muted);
    margin: 0;
}

.wizard-content-body[b-dyt6rrtacp] {
    padding: 1.25rem 1.5rem;
}

.wizard-footer[b-dyt6rrtacp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.875rem 1.5rem;
    border-top: 1px solid var(--border-light);
    background: rgba(var(--light-rgb), 0.3);
}

.wizard-footer-left[b-dyt6rrtacp],
.wizard-footer-right[b-dyt6rrtacp] {
    display: flex;
    gap: 0.5rem;
}

/* === Dialog Styles === */
.dialog-overlay[b-dyt6rrtacp] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
    backdrop-filter: blur(2px);
}

.dialog-container[b-dyt6rrtacp] {
    background: var(--card-bg);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    max-width: 420px;
    width: 100%;
    animation: dialogFadeIn 0.15s ease-out;
}

@@keyframes dialogFadeIn {
    from[b-dyt6rrtacp] { opacity: 0; transform: scale(0.96) translateY(-8px); }
    to[b-dyt6rrtacp] { opacity: 1; transform: scale(1) translateY(0); }
}

.dialog-header[b-dyt6rrtacp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.875rem 1rem;
    border-bottom: 1px solid var(--border-light);
}

.dialog-header h3[b-dyt6rrtacp] {
    font-size: var(--fs-md);
    font-weight: 600;
}

.dialog-body[b-dyt6rrtacp] { padding: 1rem; }

.dialog-footer[b-dyt6rrtacp] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--border-light);
    background: rgba(var(--light-rgb), 0.3);
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}

/* === Profile Empty State === */
.profile-empty[b-dyt6rrtacp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1rem 0;
}

.profile-empty-icon[b-dyt6rrtacp] {
    opacity: 0.3;
    margin-bottom: 0.375rem;
}

.profile-empty-text[b-dyt6rrtacp] {
    font-size: var(--fs-sm);
    color: var(--text-muted);
    margin: 0 0 0.625rem;
}

/* === Responsive === */
@@media (max-width: 1200px) {
    .profile-layout[b-dyt6rrtacp] {
        grid-template-columns: 1fr 280px;
    }
}

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

    .profile-sidebar[b-dyt6rrtacp] {
        position: static;
    }

    .hero-content[b-dyt6rrtacp] {
        flex-direction: column;
        align-items: flex-start;
    }

    .hero-right[b-dyt6rrtacp] {
        align-items: flex-start;
        width: 100%;
    }

    .hero-stats[b-dyt6rrtacp] {
        width: 100%;
        justify-content: space-around;
    }
}

@@media (max-width: 640px) {
    .hero-banner[b-dyt6rrtacp] {
        padding: 1.25rem 1rem 1rem;
    }

    .hero-left[b-dyt6rrtacp] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .hero-name[b-dyt6rrtacp] {
        font-size: 1.375rem;
    }

    .profile-view-row[b-dyt6rrtacp] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Sponsor/SponsorDocumentsPage.razor.rz.scp.css */
.doc-list[b-oytpals3ex] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.doc-row[b-oytpals3ex] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 0.875rem 1rem;
    background: var(--card-bg);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
}

.doc-icon[b-oytpals3ex] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--radius-md);
    background: var(--primary-light);
    color: var(--primary-color);
    flex-shrink: 0;
}

.doc-meta[b-oytpals3ex] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
    flex: 1;
}

.doc-title[b-oytpals3ex] {
    font-weight: 600;
    color: var(--text-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.doc-sub[b-oytpals3ex] {
    font-size: var(--fs-sm);
    color: var(--text-muted);
}

.doc-actions[b-oytpals3ex] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-shrink: 0;
}

.doc-delete:hover[b-oytpals3ex] {
    color: var(--error-color);
}
/* /Components/Pages/Sponsor/SponsorReportingPage.razor.rz.scp.css */
.report-grid[b-pc1unzjdbi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.25rem;
}

.report-card[b-pc1unzjdbi] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background: var(--card-bg);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    padding: 1.25rem;
}

.report-card--soon[b-pc1unzjdbi] {
    background: var(--surface-light);
    border-style: dashed;
}

.report-card-head[b-pc1unzjdbi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.report-card-icon[b-pc1unzjdbi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: var(--radius-md);
    background: var(--primary-light);
    color: var(--primary-color);
    flex-shrink: 0;
}

.report-card--soon .report-card-icon[b-pc1unzjdbi] {
    background: var(--border-light);
    color: var(--text-tertiary);
}

.report-card-title[b-pc1unzjdbi] {
    font-size: var(--fs-base);
    font-weight: 600;
    color: var(--text-color);
    margin: 0;
    line-height: 1.2;
}

.report-soon-pill[b-pc1unzjdbi] {
    margin-left: auto;
    font-size: var(--fs-xs);
    font-weight: 500;
    color: var(--text-muted);
    background: var(--card-bg);
    border: 1px solid var(--border-color);
    padding: 0.1rem 0.5rem;
    border-radius: var(--radius-full);
    white-space: nowrap;
}

.report-soon-text[b-pc1unzjdbi] {
    font-size: var(--fs-sm);
    color: var(--text-muted);
    line-height: 1.5;
    margin: 0.25rem 0 0;
}

.report-stat-lg[b-pc1unzjdbi] {
    font-size: 2.25rem;
    font-weight: var(--font-weight-semibold);
    color: var(--text-color);
    line-height: 1;
    margin-top: 0.25rem;
}

.report-stat-den[b-pc1unzjdbi] {
    font-size: 1.25rem;
    color: var(--text-tertiary);
    font-weight: 500;
}

.report-sub[b-pc1unzjdbi] {
    font-size: var(--fs-sm);
    color: var(--text-muted);
}

.report-sub--center[b-pc1unzjdbi] {
    text-align: center;
}

.report-bar-track[b-pc1unzjdbi] {
    height: 8px;
    background: var(--border-light);
    border-radius: var(--radius-full);
    overflow: hidden;
    margin-top: 0.25rem;
}

.report-bar-fill[b-pc1unzjdbi] {
    height: 100%;
    background: var(--primary-color);
    border-radius: var(--radius-full);
    transition: width 0.4s ease;
}

.report-ring-wrap[b-pc1unzjdbi] {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 0.25rem auto 0;
}

.report-ring[b-pc1unzjdbi] {
    width: 100%;
    height: 100%;
}

.report-ring-text[b-pc1unzjdbi] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.report-ring-pct[b-pc1unzjdbi] {
    font-size: 1.5rem;
    font-weight: var(--font-weight-semibold);
    color: var(--text-color);
}

.report-coachee-section[b-pc1unzjdbi] {
    margin-top: 2rem;
}

.report-section-title[b-pc1unzjdbi] {
    font-size: 1.125rem;
    font-weight: var(--font-weight-semibold);
    margin-bottom: 1rem;
}

.report-coachee-table-card[b-pc1unzjdbi] {
    background: var(--surface-color, #fff);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-md, 8px);
    padding: 0.5rem;
}
/* /Components/Profile/MyCoachingJourneys.razor.rz.scp.css */
.journey-count-badge[b-9rii574t4n] {
    background: rgba(var(--primary-rgb), 0.12);
    color: rgba(var(--primary-rgb), 1);
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.125rem 0.5rem;
    border-radius: 999px;
    margin-left: 0.375rem;
}

.journeys-list[b-9rii574t4n] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.journey-card[b-9rii574t4n] {
    border: 1px solid var(--border-light);
    border-radius: 0.625rem;
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.journey-card--active[b-9rii574t4n] {
    border-left: 3px solid rgba(var(--primary-rgb), 0.7);
}

.journey-card:hover[b-9rii574t4n] {
    border-color: var(--border-color);
}

.journey-card--expanded[b-9rii574t4n] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.journey-card-header[b-9rii574t4n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.875rem 1rem;
    cursor: pointer;
    user-select: none;
    background: var(--surface-light);
    transition: background 0.15s ease;
}

.journey-card-header:hover[b-9rii574t4n] {
    background: rgba(var(--primary-rgb), 0.03);
}

.journey-card-left[b-9rii574t4n] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
    flex: 1;
}

.journey-icon[b-9rii574t4n] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.5rem;
    background: rgba(var(--primary-rgb), 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.journey-info[b-9rii574t4n] {
    min-width: 0;
    flex: 1;
}

.journey-title-row[b-9rii574t4n] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.journey-title[b-9rii574t4n] {
    font-weight: 600;
    font-size: 0.875rem;
    color: var(--text-color);
}

.journey-status-badge[b-9rii574t4n] {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.0625rem 0.5rem;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.journey-status--active[b-9rii574t4n] {
    background: rgba(16, 185, 129, 0.12);
    color: #059669;
}

.journey-status--paused[b-9rii574t4n] {
    background: rgba(245, 158, 11, 0.12);
    color: #d97706;
}

.journey-status--completed[b-9rii574t4n] {
    background: rgba(107, 114, 128, 0.12);
    color: #6b7280;
}

.journey-status--archived[b-9rii574t4n] {
    background: rgba(148, 163, 184, 0.12);
    color: #94a3b8;
}

.profile-card-header-actions[b-9rii574t4n] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.journey-meta[b-9rii574t4n] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: var(--text-muted);
    margin-top: 0.1875rem;
}

.journey-meta-sep[b-9rii574t4n] {
    opacity: 0.5;
}

.journey-card-right[b-9rii574t4n] {
    flex-shrink: 0;
    opacity: 0.5;
}

.journey-card-body[b-9rii574t4n] {
    padding: 0.875rem 1rem 1rem;
    border-top: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    animation: journeyExpand-b-9rii574t4n 0.2s ease;
}

@keyframes journeyExpand-b-9rii574t4n {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.journey-detail[b-9rii574t4n] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.journey-detail-label[b-9rii574t4n] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
}

.journey-detail-value[b-9rii574t4n] {
    font-size: 0.8125rem;
    color: var(--text-color);
    margin: 0;
    line-height: 1.5;
}

.journey-assessments[b-9rii574t4n] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.journey-assessment-item[b-9rii574t4n] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.8125rem;
    color: var(--text-color);
    padding: 0.375rem 0.5rem;
    background: var(--surface-light);
    border-radius: 0.375rem;
}

.journey-assessment-name[b-9rii574t4n] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.journey-enneagram-badge[b-9rii574t4n] {
    font-size: 0.6875rem;
    font-weight: 600;
    background: rgba(var(--primary-rgb), 0.12);
    color: rgba(var(--primary-rgb), 1);
    padding: 0.0625rem 0.375rem;
    border-radius: 999px;
    white-space: nowrap;
}

.journey-doc-link[b-9rii574t4n] {
    display: flex;
    align-items: center;
    padding: 0.125rem;
    color: var(--text-muted);
    transition: color 0.15s ease;
    flex-shrink: 0;
}

.journey-doc-link:hover[b-9rii574t4n] {
    color: rgba(var(--primary-rgb), 1);
}

/* === AI Goal CTA within Journey === */
.journey-goal-cta[b-9rii574t4n] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.875rem;
    background: linear-gradient(135deg, rgba(var(--primary-rgb), 0.04) 0%, rgba(139, 92, 246, 0.06) 100%);
    border: 1px solid rgba(139, 92, 246, 0.15);
    border-radius: 0.5rem;
}

.journey-goal-cta-icon[b-9rii574t4n] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(var(--primary-rgb), 0.1) 0%, rgba(139, 92, 246, 0.15) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.journey-goal-cta-content[b-9rii574t4n] {
    flex: 1;
    min-width: 0;
}

.journey-goal-cta-title[b-9rii574t4n] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--text-color);
    margin: 0 0 0.125rem;
}

.journey-goal-cta-subtitle[b-9rii574t4n] {
    font-size: 0.75rem;
    color: var(--text-muted);
    margin: 0;
    line-height: 1.4;
}

.journey-goal-cta-actions[b-9rii574t4n] {
    display: flex;
    gap: 0.375rem;
    margin-top: 0.5rem;
}

.btn-ai-generate[b-9rii574t4n] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.875rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: #ffffff;
    background: linear-gradient(135deg, var(--primary-color) 0%, #8b5cf6 50%, #a855f7 100%);
    border: none;
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all 200ms ease;
    position: relative;
    overflow: hidden;
}

.btn-ai-generate[b-9rii574t4n]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.1) 50%,
        transparent 100%
    );
    transform: translateX(-100%);
    animation: shimmer-b-9rii574t4n 3s ease-in-out infinite;
}

.btn-ai-generate:hover[b-9rii574t4n] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(var(--primary-rgb), 0.3);
}

.btn-ai-generate:active[b-9rii574t4n] {
    transform: translateY(0);
}

@keyframes shimmer-b-9rii574t4n {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

.journey-ai-more[b-9rii574t4n] {
    justify-content: center;
    font-size: 0.75rem !important;
    color: rgba(var(--primary-rgb), 1) !important;
    gap: 0.25rem;
}

.journey-ai-more:hover[b-9rii574t4n] {
    background: rgba(var(--primary-rgb), 0.04) !important;
}

.journey-actions[b-9rii574t4n] {
    display: flex;
    gap: 0.5rem;
    padding-top: 0.375rem;
    border-top: 1px solid var(--border-light);
}

/* Empty State */
.journey-empty-state[b-9rii574t4n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem 1rem;
    text-align: center;
}

.journey-empty-icon[b-9rii574t4n] {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: var(--surface-light);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.75rem;
    opacity: 0.6;
}

.journey-empty-title[b-9rii574t4n] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-color);
    margin: 0 0 0.25rem;
}

.journey-empty-subtitle[b-9rii574t4n] {
    font-size: 0.8125rem;
    color: var(--text-muted);
    margin: 0 0 1rem;
    max-width: 300px;
    line-height: 1.5;
}

/* ── Coaching context (enrichment summary) ── */
.journey-coaching-context[b-9rii574t4n] {
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
    background: var(--surface-bg);
    padding: 0;
    overflow: hidden;
}

.journey-coaching-context-toggle[b-9rii574t4n] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: transparent;
    border: none;
    padding: 0.625rem 0.875rem;
    cursor: pointer;
    text-align: left;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--text-color);
    transition: background 0.15s ease;
}

.journey-coaching-context-toggle:hover[b-9rii574t4n] {
    background: var(--card-bg);
}

.journey-coaching-context-toggle .rzi:first-child[b-9rii574t4n] {
    color: var(--primary-color, #6366f1);
}

.journey-coaching-context-toggle .rzi:last-child[b-9rii574t4n] {
    margin-left: auto;
    color: var(--text-muted);
}

.journey-coaching-context-body[b-9rii574t4n] {
    padding: 0.75rem 0.875rem 0.875rem;
    border-top: 1px solid var(--border-light);
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
    background: var(--card-bg);
}

.coaching-context-section[b-9rii574t4n] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.coaching-context-list[b-9rii574t4n] {
    margin: 0;
    padding-left: 1.1rem;
    font-size: 0.8125rem;
    color: var(--text-color);
    line-height: 1.5;
}

.coaching-context-list li[b-9rii574t4n] {
    margin-bottom: 0.25rem;
}

.coaching-context-source[b-9rii574t4n] {
    color: var(--text-muted);
    font-size: 0.75rem;
    font-style: italic;
}
/* /Components/Shared/CoacheeAnalyticsTable.razor.rz.scp.css */
.analytics-name-cell[b-y4fzmzcjlq] {
    font-weight: 500;
}

.analytics-name-cell a[b-y4fzmzcjlq] {
    color: var(--primary-color);
    text-decoration: none;
}

.analytics-name-cell a:hover[b-y4fzmzcjlq] {
    text-decoration: underline;
}
/* /Components/Shared/Profile/CoacheeGoalsViewer.razor.rz.scp.css */
.cg-count[b-1lvppes3l9] {
    font-size: var(--fs-sm);
    color: var(--text-muted);
    font-weight: 500;
}

.cg-empty[b-1lvppes3l9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 2rem 1rem;
    text-align: center;
    color: var(--text-muted);
}

.cg-empty[b-1lvppes3l9]  .rz-icon,
.cg-empty span[b-1lvppes3l9] {
    font-size: 2rem;
    opacity: 0.4;
}

.cg-empty p[b-1lvppes3l9] {
    margin: 0;
    font-size: var(--fs-sm);
}

/* Summary strip */
.cg-summary[b-1lvppes3l9] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
    margin-bottom: 1.25rem;
}

.cg-stat[b-1lvppes3l9] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.75rem;
    background: var(--surface-light);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-md);
}

.cg-stat-num[b-1lvppes3l9] {
    font-size: var(--fs-xl);
    font-weight: var(--font-weight-semibold);
    color: var(--text-color);
    line-height: 1;
}

.cg-stat-den[b-1lvppes3l9] {
    font-size: var(--fs-base);
    color: var(--text-tertiary);
    font-weight: 500;
}

.cg-stat-label[b-1lvppes3l9] {
    font-size: var(--fs-xs);
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* Goal list */
.cg-goals[b-1lvppes3l9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.cg-goals .goal-card[b-1lvppes3l9] {
    gap: 0.625rem;
}

.cg-goals .goal-card:hover[b-1lvppes3l9] {
    box-shadow: var(--shadow-md);
    border-color: var(--border-color);
}

.cg-date[b-1lvppes3l9] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: var(--fs-sm);
    color: var(--text-muted);
}

.cg-date.is-overdue[b-1lvppes3l9] {
    color: var(--error-color);
    font-weight: 500;
}

/* Milestones */
.cg-milestones[b-1lvppes3l9] {
    margin-top: 0.25rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--border-light);
}

.cg-milestones-head[b-1lvppes3l9] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: var(--fs-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--text-muted);
    margin-bottom: 0.625rem;
}

.cg-milestones-count[b-1lvppes3l9] {
    margin-left: auto;
    font-weight: 600;
    color: var(--text-color);
    letter-spacing: 0;
    text-transform: none;
}

.cg-mlist[b-1lvppes3l9] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.cg-m[b-1lvppes3l9] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
}

.cg-m-text[b-1lvppes3l9] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.cg-m-title[b-1lvppes3l9] {
    font-size: var(--fs-sm);
    color: var(--text-color);
    line-height: 1.35;
}

.cg-m.is-done .cg-m-title[b-1lvppes3l9] {
    text-decoration: line-through;
    color: var(--text-muted);
}

.cg-m-meta[b-1lvppes3l9] {
    font-size: var(--fs-xs);
    color: var(--text-muted);
}

.cg-pager[b-1lvppes3l9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-light);
}

.cg-pager-info[b-1lvppes3l9] {
    font-size: var(--fs-sm);
    color: var(--text-muted);
}

@media (max-width: 560px) {
    .cg-summary[b-1lvppes3l9] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Shared/Profile/CoacheeProfileViewer.razor.rz.scp.css */
/* Shared coachee viewer (coach & admin views). The hero classes are otherwise
   only styled on the coachee's own profile page, so style them here too. */

.hero-banner[b-amwic9f1km] {
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--border-light);
}

.hero-content[b-amwic9f1km] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.hero-left[b-amwic9f1km] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

/* The global avatar centres itself with margin auto; keep it inline in the row. */
.hero-left .profile-avatar-display[b-amwic9f1km] {
    margin: 0;
}

.hero-info[b-amwic9f1km] {
    min-width: 0;
}

.hero-name[b-amwic9f1km] {
    font-size: var(--fs-xl);
    font-weight: var(--font-weight-semibold);
    color: var(--text-color);
    margin: 0;
    line-height: 1.2;
}

.hero-headline[b-amwic9f1km] {
    font-size: var(--fs-sm);
    color: var(--text-muted);
    margin: 0.25rem 0 0;
    line-height: 1.4;
}

.hero-meta[b-amwic9f1km] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0.9rem;
    margin-top: 0.45rem;
    font-size: var(--fs-sm);
    color: var(--text-muted);
}

.hero-meta-item[b-amwic9f1km] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.hero-right[b-amwic9f1km] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

/* Stack the profile cards full-width so they align with the goals section below.
   Overrides the global two-column .profile-main used on the coachee's own page. */
.profile-main[b-amwic9f1km] {
    grid-template-columns: 1fr;
}