/* /Components/Entities/ReadinessChecklist.razor.rz.scp.css */
.readiness-checklist[b-tjl6ezpd48] {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: var(--card-radius);
    overflow: hidden;
}

.readiness-checklist__toolbar[b-tjl6ezpd48] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--sp-4);
    padding: var(--sp-5);
    border-bottom: 1px solid var(--color-border);
    background:
        radial-gradient(circle at top right, rgba(249, 115, 22, 0.1), transparent 40%),
        linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(255, 255, 255, 0.96));
}

.readiness-checklist__eyebrow[b-tjl6ezpd48] {
    font-size: var(--fs-xs);
    text-transform: uppercase;
    letter-spacing: var(--ls-wide);
    color: var(--color-fg-muted);
    margin-bottom: 6px;
}

.readiness-checklist__title[b-tjl6ezpd48] {
    margin: 0;
    font-size: var(--fs-lg);
}

.readiness-checklist__summary[b-tjl6ezpd48] {
    margin: 8px 0 0;
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
}

.readiness-checklist__summary-badges[b-tjl6ezpd48],
.readiness-checklist__group-badges[b-tjl6ezpd48] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
    justify-content: flex-end;
}

.readiness-checklist__groups[b-tjl6ezpd48] {
    display: grid;
    gap: var(--sp-4);
    padding: var(--sp-4);
}

.readiness-checklist__group[b-tjl6ezpd48] {
    border: 1px solid var(--color-border);
    border-radius: calc(var(--card-radius) - 4px);
    background: var(--color-bg-surface);
    overflow: hidden;
}

.readiness-checklist__group-header[b-tjl6ezpd48] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--sp-3);
    padding: var(--sp-4);
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

.readiness-checklist__group-title[b-tjl6ezpd48] {
    font-size: var(--fs-md);
    font-weight: var(--fw-semibold);
}

.readiness-checklist__group-summary[b-tjl6ezpd48] {
    margin-top: 4px;
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
}

.readiness-checklist__items[b-tjl6ezpd48] {
    display: grid;
    gap: var(--sp-3);
    padding: var(--sp-4);
}

.readiness-checklist__item[b-tjl6ezpd48] {
    display: grid;
    gap: var(--sp-3);
    width: 100%;
    padding: var(--sp-4);
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-left: 4px solid rgba(100, 116, 139, 0.48);
    border-radius: calc(var(--card-radius) - 8px);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.92));
    text-align: left;
    color: inherit;
    transition: transform var(--d-fast), border-color var(--d-fast), box-shadow var(--d-fast);
}

.readiness-checklist__item:hover:enabled[b-tjl6ezpd48] {
    transform: translateY(-1px);
    border-color: rgba(37, 99, 235, 0.28);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
}

.readiness-checklist__item:disabled[b-tjl6ezpd48] {
    cursor: default;
    opacity: 1;
}

.readiness-checklist__item--green[b-tjl6ezpd48] {
    border-left-color: #16a34a;
}

.readiness-checklist__item--red[b-tjl6ezpd48] {
    border-left-color: #dc2626;
}

.readiness-checklist__item--amber[b-tjl6ezpd48] {
    border-left-color: #d97706;
}

.readiness-checklist__item--blue[b-tjl6ezpd48] {
    border-left-color: #2563eb;
}

.readiness-checklist__item--gray[b-tjl6ezpd48] {
    border-left-color: #64748b;
}

.readiness-checklist__item-header[b-tjl6ezpd48] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--sp-3);
}

.readiness-checklist__item-title[b-tjl6ezpd48] {
    font-size: var(--fs-base);
    font-weight: var(--fw-semibold);
}

.readiness-checklist__item-description[b-tjl6ezpd48] {
    margin-top: 6px;
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
    line-height: 1.5;
}

.readiness-checklist__item-badges[b-tjl6ezpd48] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
    justify-content: flex-end;
}

.readiness-checklist__meta[b-tjl6ezpd48] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-3);
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
}

.readiness-checklist__blocked-reason[b-tjl6ezpd48] {
    padding: var(--sp-3);
    border-radius: calc(var(--card-radius) - 10px);
    background: rgba(254, 242, 242, 0.92);
    color: #991b1b;
    font-size: var(--fs-sm);
    line-height: 1.5;
}

.readiness-checklist__note[b-tjl6ezpd48] {
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
    line-height: 1.5;
}

.readiness-checklist__cta[b-tjl6ezpd48] {
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
    color: var(--color-primary);
}

.readiness-checklist__empty[b-tjl6ezpd48] {
    padding: var(--sp-6);
    text-align: center;
}

.readiness-checklist__empty-title[b-tjl6ezpd48] {
    font-size: var(--fs-md);
    font-weight: var(--fw-semibold);
    margin-bottom: 6px;
}

.readiness-checklist__empty-text[b-tjl6ezpd48] {
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
}

@media (max-width: 960px) {
    .readiness-checklist__toolbar[b-tjl6ezpd48],
    .readiness-checklist__group-header[b-tjl6ezpd48],
    .readiness-checklist__item-header[b-tjl6ezpd48] {
        flex-direction: column;
        align-items: stretch;
    }

    .readiness-checklist__summary-badges[b-tjl6ezpd48],
    .readiness-checklist__group-badges[b-tjl6ezpd48],
    .readiness-checklist__item-badges[b-tjl6ezpd48] {
        justify-content: flex-start;
    }
}
/* /Components/Entities/ScheduleCalendar.razor.rz.scp.css */
.schedule-calendar[b-v6aa1szew2] {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: var(--card-radius);
    overflow: hidden;
}

.schedule-calendar__toolbar[b-v6aa1szew2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--sp-4);
    padding: var(--sp-5);
    border-bottom: 1px solid var(--color-border);
    background:
        radial-gradient(circle at top right, rgba(37, 99, 235, 0.12), transparent 42%),
        linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(255, 255, 255, 0.96));
}

.schedule-calendar__eyebrow[b-v6aa1szew2] {
    font-size: var(--fs-xs);
    text-transform: uppercase;
    letter-spacing: var(--ls-wide);
    color: var(--color-fg-muted);
    margin-bottom: 6px;
}

.schedule-calendar__title[b-v6aa1szew2] {
    margin: 0;
    font-size: var(--fs-lg);
}

.schedule-calendar__summary[b-v6aa1szew2] {
    margin: 8px 0 0;
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
}

.schedule-calendar__toolbar-actions[b-v6aa1szew2] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--sp-2);
    flex-shrink: 0;
}

.schedule-calendar__range-switch[b-v6aa1szew2],
.schedule-calendar__nav[b-v6aa1szew2] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 4px;
    padding: 4px;
    border: 1px solid rgba(148, 163, 184, 0.28);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.schedule-calendar__range-btn[b-v6aa1szew2],
.schedule-calendar__nav-btn[b-v6aa1szew2] {
    min-height: 36px;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition:
        background var(--d-fast),
        color var(--d-fast),
        box-shadow var(--d-fast),
        transform var(--d-fast);
}

.schedule-calendar__range-btn[b-v6aa1szew2] {
    padding: 0 14px;
}

.schedule-calendar__nav-btn[b-v6aa1szew2] {
    padding: 0 12px;
}

.schedule-calendar__nav-btn svg[b-v6aa1szew2] {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}

.schedule-calendar__range-btn:hover[b-v6aa1szew2],
.schedule-calendar__nav-btn:hover[b-v6aa1szew2] {
    background: rgba(148, 163, 184, 0.12);
    color: var(--color-fg);
}

.schedule-calendar__range-btn:focus-visible[b-v6aa1szew2],
.schedule-calendar__nav-btn:focus-visible[b-v6aa1szew2] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.18);
}

.schedule-calendar__range-btn--active[b-v6aa1szew2],
.schedule-calendar__range-btn--active:hover[b-v6aa1szew2] {
    background: linear-gradient(180deg, rgba(99, 102, 241, 0.16), rgba(99, 102, 241, 0.22));
    color: var(--color-primary);
    box-shadow:
        inset 0 0 0 1px rgba(99, 102, 241, 0.24),
        0 8px 18px rgba(99, 102, 241, 0.16);
}

.schedule-calendar__nav-btn--today[b-v6aa1szew2] {
    color: var(--color-fg);
    background: rgba(15, 23, 42, 0.04);
}

.schedule-calendar__day-surface[b-v6aa1szew2] {
    padding: var(--sp-5);
}

.schedule-calendar__day-header[b-v6aa1szew2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--sp-3);
    margin-bottom: var(--sp-4);
}

.schedule-calendar__day-title[b-v6aa1szew2] {
    font-size: var(--fs-md);
    font-weight: var(--fw-semibold);
}

.schedule-calendar__day-subtitle[b-v6aa1szew2] {
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
    margin-top: 4px;
}

.schedule-calendar__stack[b-v6aa1szew2] {
    display: grid;
    gap: var(--sp-3);
}

.schedule-calendar__grid-shell[b-v6aa1szew2] {
    overflow-x: auto;
    padding: var(--sp-4);
}

.schedule-calendar__week-grid[b-v6aa1szew2] {
    display: grid;
    grid-template-columns: repeat(7, minmax(180px, 1fr));
    gap: var(--sp-3);
    min-width: 980px;
}

.schedule-calendar__month-grid[b-v6aa1szew2] {
    display: grid;
    grid-template-columns: repeat(7, minmax(150px, 1fr));
    gap: var(--sp-3);
    min-width: 980px;
}

.schedule-calendar__day-column[b-v6aa1szew2],
.schedule-calendar__month-cell[b-v6aa1szew2] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-3);
    padding: var(--sp-3);
    border: 1px solid var(--color-border);
    border-radius: calc(var(--card-radius) - 4px);
    background: var(--color-bg-surface);
    min-height: 220px;
}

.schedule-calendar__day-column.is-today[b-v6aa1szew2],
.schedule-calendar__month-cell.is-today[b-v6aa1szew2] {
    border-color: rgba(37, 99, 235, 0.35);
    box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.12);
}

.schedule-calendar__month-cell.is-outside-month[b-v6aa1szew2] {
    opacity: 0.68;
    background: rgba(248, 250, 252, 0.86);
}

.schedule-calendar__day-pill[b-v6aa1szew2],
.schedule-calendar__month-day[b-v6aa1szew2],
.schedule-calendar__more[b-v6aa1szew2] {
    border: none;
    background: transparent;
    padding: 0;
    text-align: left;
    color: inherit;
}

.schedule-calendar__day-pill[b-v6aa1szew2] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.schedule-calendar__day-pill-label[b-v6aa1szew2] {
    font-size: var(--fs-xs);
    text-transform: uppercase;
    letter-spacing: var(--ls-wide);
    color: var(--color-fg-muted);
}

.schedule-calendar__day-pill-date[b-v6aa1szew2],
.schedule-calendar__month-day[b-v6aa1szew2] {
    font-size: var(--fs-md);
    font-weight: var(--fw-semibold);
}

.schedule-calendar__column-body[b-v6aa1szew2],
.schedule-calendar__month-events[b-v6aa1szew2] {
    display: grid;
    gap: var(--sp-2);
    align-content: start;
}

.schedule-calendar__column-empty[b-v6aa1szew2] {
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
    padding: var(--sp-3);
    border: 1px dashed var(--color-border);
    border-radius: calc(var(--card-radius) - 8px);
    background: rgba(248, 250, 252, 0.72);
}

.schedule-calendar__event[b-v6aa1szew2] {
    display: grid;
    gap: 4px;
    width: 100%;
    padding: var(--sp-3);
    border: 1px solid rgba(148, 163, 184, 0.32);
    border-left: 4px solid rgba(100, 116, 139, 0.48);
    border-radius: calc(var(--card-radius) - 8px);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.92));
    text-align: left;
    color: inherit;
    transition: transform var(--d-fast), box-shadow var(--d-fast), border-color var(--d-fast);
}

.schedule-calendar__event:hover:enabled[b-v6aa1szew2] {
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
    border-color: rgba(37, 99, 235, 0.28);
}

.schedule-calendar__event:disabled[b-v6aa1szew2] {
    cursor: default;
}

.schedule-calendar__event--green[b-v6aa1szew2] {
    border-left-color: #16a34a;
}

.schedule-calendar__event--red[b-v6aa1szew2] {
    border-left-color: #dc2626;
}

.schedule-calendar__event--amber[b-v6aa1szew2] {
    border-left-color: #d97706;
}

.schedule-calendar__event--blue[b-v6aa1szew2] {
    border-left-color: #2563eb;
}

.schedule-calendar__event--gray[b-v6aa1szew2] {
    border-left-color: #64748b;
}

.schedule-calendar__event-time[b-v6aa1szew2] {
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
    text-transform: uppercase;
    letter-spacing: var(--ls-wide);
}

.schedule-calendar__event-title[b-v6aa1szew2] {
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
    line-height: 1.4;
}

.schedule-calendar__event-meta[b-v6aa1szew2] {
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
    line-height: 1.45;
}

.schedule-calendar__event-footer[b-v6aa1szew2] {
    margin-top: 2px;
}

.schedule-calendar__more[b-v6aa1szew2] {
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
    color: var(--color-primary);
}

.schedule-calendar__empty[b-v6aa1szew2] {
    padding: var(--sp-6);
    text-align: center;
}

.schedule-calendar__empty-title[b-v6aa1szew2] {
    font-size: var(--fs-md);
    font-weight: var(--fw-semibold);
    margin-bottom: 6px;
}

.schedule-calendar__empty-text[b-v6aa1szew2] {
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
    max-width: 560px;
    margin: 0 auto;
}

@media (max-width: 960px) {
    .schedule-calendar__toolbar[b-v6aa1szew2] {
        flex-direction: column;
        align-items: stretch;
    }

    .schedule-calendar__toolbar-actions[b-v6aa1szew2] {
        align-items: stretch;
    }

    .schedule-calendar__range-switch[b-v6aa1szew2],
    .schedule-calendar__nav[b-v6aa1szew2] {
        width: fit-content;
        max-width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .schedule-calendar__range-switch[b-v6aa1szew2],
    .schedule-calendar__nav[b-v6aa1szew2] {
        width: 100%;
    }

    .schedule-calendar__range-btn[b-v6aa1szew2],
    .schedule-calendar__nav-btn[b-v6aa1szew2] {
        flex: 1 1 auto;
    }
}
/* /Components/Entities/StatusMatrix.razor.rz.scp.css */
.status-matrix[b-nd8leokykt] {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    border-radius: var(--card-radius);
    overflow: hidden;
}

.status-matrix__toolbar[b-nd8leokykt] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--sp-4);
    padding: var(--sp-5);
    border-bottom: 1px solid var(--color-border);
    background:
        radial-gradient(circle at top left, rgba(16, 185, 129, 0.12), transparent 38%),
        linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(255, 255, 255, 0.96));
}

.status-matrix__eyebrow[b-nd8leokykt] {
    font-size: var(--fs-xs);
    text-transform: uppercase;
    letter-spacing: var(--ls-wide);
    color: var(--color-fg-muted);
    margin-bottom: 6px;
}

.status-matrix__title[b-nd8leokykt] {
    margin: 0;
    font-size: var(--fs-lg);
}

.status-matrix__summary[b-nd8leokykt] {
    margin: 8px 0 0;
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
}

.status-matrix__legend[b-nd8leokykt] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--sp-2);
}

.status-matrix__table-shell[b-nd8leokykt] {
    overflow-x: auto;
    padding: var(--sp-4);
}

.status-matrix__table[b-nd8leokykt] {
    width: 100%;
    min-width: 960px;
    border-collapse: separate;
    border-spacing: var(--sp-3);
}

.status-matrix__table thead th[b-nd8leokykt],
.status-matrix__table tbody th[b-nd8leokykt] {
    min-width: 156px;
    text-align: left;
    vertical-align: top;
    padding: 0;
    border: none;
    background: transparent;
}

.status-matrix__table thead th:first-child[b-nd8leokykt],
.status-matrix__table tbody th[b-nd8leokykt] {
    position: sticky;
    left: 0;
    z-index: 1;
    background: var(--card-bg);
}

.status-matrix__table td[b-nd8leokykt] {
    min-width: 220px;
    padding: 0;
    border: none;
    vertical-align: top;
}

.status-matrix__corner[b-nd8leokykt],
.status-matrix__axis-label[b-nd8leokykt] {
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
}

.status-matrix__axis-meta[b-nd8leokykt] {
    margin-top: 4px;
    font-size: var(--fs-xs);
    color: var(--color-fg-muted);
}

.status-matrix__cell[b-nd8leokykt] {
    display: grid;
    gap: var(--sp-3);
    min-height: 124px;
    padding: var(--sp-3);
    border: 1px solid rgba(148, 163, 184, 0.3);
    border-left: 4px solid rgba(100, 116, 139, 0.48);
    border-radius: calc(var(--card-radius) - 8px);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.92));
}

.status-matrix__cell--empty[b-nd8leokykt] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-fg-muted);
    min-height: 124px;
    border-style: dashed;
    background: rgba(248, 250, 252, 0.7);
}

.status-matrix__cell--green[b-nd8leokykt] {
    border-left-color: #16a34a;
}

.status-matrix__cell--red[b-nd8leokykt] {
    border-left-color: #dc2626;
}

.status-matrix__cell--amber[b-nd8leokykt] {
    border-left-color: #d97706;
}

.status-matrix__cell--blue[b-nd8leokykt] {
    border-left-color: #2563eb;
}

.status-matrix__cell--gray[b-nd8leokykt] {
    border-left-color: #64748b;
}

.status-matrix__cell-header[b-nd8leokykt] {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    flex-wrap: wrap;
}

.status-matrix__cell-headline[b-nd8leokykt] {
    font-size: var(--fs-xs);
    color: var(--color-fg-muted);
}

.status-matrix__chip-list[b-nd8leokykt] {
    display: grid;
    gap: var(--sp-2);
    align-content: start;
}

.status-matrix__chip[b-nd8leokykt] {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    width: 100%;
    padding: var(--sp-2) var(--sp-2);
    border: 1px solid rgba(148, 163, 184, 0.25);
    border-radius: calc(var(--card-radius) - 10px);
    background: rgba(255, 255, 255, 0.8);
    color: inherit;
    text-align: left;
    transition: transform var(--d-fast), border-color var(--d-fast), box-shadow var(--d-fast);
}

.status-matrix__chip:hover:enabled[b-nd8leokykt] {
    transform: translateY(-1px);
    border-color: rgba(37, 99, 235, 0.28);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
}

.status-matrix__chip:disabled[b-nd8leokykt] {
    cursor: default;
    opacity: 1;
}

.status-matrix__chip-text[b-nd8leokykt] {
    font-size: var(--fs-xs);
    line-height: 1.4;
}

.status-matrix__overflow[b-nd8leokykt] {
    font-size: var(--fs-xs);
    color: var(--color-fg-muted);
}

.status-matrix__empty[b-nd8leokykt] {
    padding: var(--sp-6);
    text-align: center;
}

.status-matrix__empty-title[b-nd8leokykt] {
    font-size: var(--fs-md);
    font-weight: var(--fw-semibold);
    margin-bottom: 6px;
}

.status-matrix__empty-text[b-nd8leokykt] {
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
}

@media (max-width: 960px) {
    .status-matrix__toolbar[b-nd8leokykt] {
        flex-direction: column;
        align-items: stretch;
    }

    .status-matrix__legend[b-nd8leokykt] {
        justify-content: flex-start;
    }
}
/* /Components/Imports/ImportWorkspace.razor.rz.scp.css */
.imports-page[b-ueebj8hs9i] {
    display: block;
    min-height: auto;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    overflow: visible;
}

.imports-page__header[b-ueebj8hs9i],
.imports-page__header-actions[b-ueebj8hs9i] {
    min-width: 0;
}

.imports-page__header-actions[b-ueebj8hs9i] {
    flex-wrap: wrap;
}

.imports-page__state[b-ueebj8hs9i] {
    overflow-wrap: anywhere;
}

.import-stepper[b-ueebj8hs9i] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
    justify-content: center;
    margin-bottom: var(--sp-6, 2rem);
}

.import-stepper__compact[b-ueebj8hs9i] {
    align-items: center;
    background: color-mix(in srgb, var(--color-primary, #2563eb) 8%, var(--color-bg-card, #fff));
    border: 1px solid color-mix(in srgb, var(--color-primary, #2563eb) 20%, var(--color-border, #e2e8f0));
    border-radius: var(--radius-lg, 14px);
    display: none;
    gap: var(--sp-2);
    margin-bottom: var(--sp-3);
    padding: var(--sp-3) var(--sp-4);
}

.import-step[b-ueebj8hs9i] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--radius-md, 10px);
    color: var(--color-fg-muted, #64748b);
    display: flex;
    gap: var(--sp-2);
    padding: var(--sp-1, 0.25rem) var(--sp-2, 0.5rem);
    text-align: left;
    transition: background 0.18s ease, color 0.18s ease;
    width: auto;
}

.import-step:not(:disabled)[b-ueebj8hs9i] {
    cursor: pointer;
}

.import-step:not(:disabled):hover[b-ueebj8hs9i] {
    background: var(--color-bg-muted, #f8fafc);
}

.import-step:disabled[b-ueebj8hs9i] {
    cursor: default;
    opacity: 0.45;
}

.import-step--active[b-ueebj8hs9i] {
    color: var(--color-fg, #0f172a);
    font-weight: 700;
}

.import-step--complete .import-step__number[b-ueebj8hs9i] {
    background: var(--color-success, #16a34a);
    border-color: var(--color-success, #16a34a);
    color: #fff;
}

.import-step--active .import-step__number[b-ueebj8hs9i] {
    background: linear-gradient(135deg, var(--color-primary, #2563eb), color-mix(in srgb, var(--color-primary, #2563eb) 62%, #a855f7));
    border-color: transparent;
    box-shadow: 0 10px 20px -12px color-mix(in srgb, var(--color-primary, #2563eb) 65%, #000);
    color: #fff;
}

.import-step__number[b-ueebj8hs9i] {
    align-items: center;
    background: var(--color-bg-muted, #f8fafc);
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: 999px;
    display: inline-flex;
    flex-shrink: 0;
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
    font-size: var(--fs-xs, 0.75rem);
    font-weight: 700;
    height: 1.75rem;
    justify-content: center;
    transition: all 0.2s ease;
    width: 1.75rem;
}

.import-step__title[b-ueebj8hs9i] {
    font-size: var(--fs-sm, 0.875rem);
    font-weight: 600;
}

.import-stepper__connector[b-ueebj8hs9i] {
    background: var(--color-border-strong, #cbd5e1);
    display: inline-block;
    height: 1px;
    transition: background 0.2s ease;
    width: 2rem;
}

.import-stepper__connector--done[b-ueebj8hs9i] {
    background: var(--color-success, #16a34a);
}

.import-grid[b-ueebj8hs9i] {
    display: grid;
    gap: var(--sp-5);
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
}

.import-wizard-panel[b-ueebj8hs9i] {
    display: grid;
    gap: var(--sp-4);
}

.import-entry-tabs[b-ueebj8hs9i] {
    display: grid;
    gap: var(--sp-5, 1.25rem);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: var(--sp-5, 1.25rem);
}

.import-entry-tab[b-ueebj8hs9i] {
    background: var(--color-bg-card, #fff);
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: var(--radius-xl, 18px);
    color: var(--color-fg, #0f172a);
    cursor: pointer;
    display: grid;
    gap: var(--sp-2, 0.5rem);
    min-height: 12rem;
    padding: var(--sp-5, 1.25rem);
    position: relative;
    text-align: left;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.import-entry-tab:hover[b-ueebj8hs9i] {
    border-color: color-mix(in srgb, var(--color-primary, #2563eb) 45%, var(--color-border, #e2e8f0));
    box-shadow: var(--shadow-md, 0 10px 24px rgb(15 23 42 / 0.08));
    transform: translateY(-2px);
}

.import-entry-tab:focus-visible[b-ueebj8hs9i],
.import-source-card:focus-visible[b-ueebj8hs9i],
.import-template-row:focus-visible[b-ueebj8hs9i] {
    outline: 3px solid color-mix(in srgb, var(--color-primary, #2563eb) 30%, transparent);
    outline-offset: 2px;
}

.import-entry-tab--active[b-ueebj8hs9i] {
    background: color-mix(in srgb, var(--color-primary, #2563eb) 5%, var(--color-bg-card, #fff));
    border-color: var(--color-primary, #2563eb);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary, #2563eb) 12%, transparent);
}

.import-source-heading[b-ueebj8hs9i] {
    align-items: flex-start;
    display: flex;
    gap: var(--sp-3, 0.75rem);
    justify-content: space-between;
    margin-bottom: var(--sp-4, 1rem);
}

.import-source-callout[b-ueebj8hs9i] {
    flex: 1;
    margin: 0;
}

.import-pick-card__icon[b-ueebj8hs9i] {
    align-items: center;
    background: color-mix(in srgb, var(--color-primary, #2563eb) 12%, var(--color-bg-card, #fff));
    border-radius: var(--radius-lg, 14px);
    color: var(--color-primary, #2563eb);
    display: inline-flex;
    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
    font-size: var(--fs-lg, 1.125rem);
    font-weight: 800;
    height: 2.75rem;
    justify-content: center;
    margin-bottom: var(--sp-1, 0.25rem);
    width: 2.75rem;
}

.import-pick-card__title[b-ueebj8hs9i] {
    font-size: var(--fs-lg, 1.125rem);
    font-weight: 700;
}

.import-pick-card__desc[b-ueebj8hs9i] {
    color: var(--color-fg-muted, #64748b);
    font-size: var(--fs-sm, 0.875rem);
    line-height: 1.6;
}

.import-pick-card__meta[b-ueebj8hs9i] {
    color: var(--color-fg-subtle, #94a3b8);
    font-size: var(--fs-xs, 0.75rem);
    margin-top: auto;
}

.import-pick-card__radio[b-ueebj8hs9i] {
    border: 2px solid var(--color-border-strong, #cbd5e1);
    border-radius: 999px;
    height: 1.25rem;
    position: absolute;
    right: var(--sp-4, 1rem);
    top: var(--sp-4, 1rem);
    width: 1.25rem;
}

.import-entry-tab--active .import-pick-card__radio[b-ueebj8hs9i] {
    border-color: var(--color-primary, #2563eb);
}

.import-entry-tab--active .import-pick-card__radio[b-ueebj8hs9i]::after {
    background: var(--color-primary, #2563eb);
    border-radius: 999px;
    content: "";
    inset: 3px;
    position: absolute;
}

.import-path-section[b-ueebj8hs9i] {
    background: var(--color-bg-muted, #f8fafc);
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: var(--radius-xl, 18px);
    margin-bottom: var(--sp-4, 1rem);
    padding: var(--sp-4, 1rem);
}

.import-source-grid[b-ueebj8hs9i] {
    display: grid;
    gap: var(--sp-3);
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.import-source-card[b-ueebj8hs9i] {
    background: var(--color-bg-card, #fff);
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: var(--radius-lg, 14px);
    color: var(--color-fg, #0f172a);
    cursor: pointer;
    display: grid;
    gap: var(--sp-3);
    padding: var(--sp-4);
    text-align: left;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.import-source-card:hover[b-ueebj8hs9i] {
    border-color: color-mix(in srgb, var(--color-primary, #2563eb) 35%, var(--color-border, #e2e8f0));
    box-shadow: var(--shadow-sm, 0 6px 16px rgb(15 23 42 / 0.06));
    transform: translateY(-1px);
}

.import-source-card--active[b-ueebj8hs9i],
.import-template-row--active[b-ueebj8hs9i] {
    background: color-mix(in srgb, var(--color-primary, #2563eb) 6%, var(--color-bg-card, #fff));
    border-color: var(--color-primary, #2563eb);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary, #2563eb) 11%, transparent);
}

.import-source-card__header[b-ueebj8hs9i],
.import-source-card__meta[b-ueebj8hs9i],
.import-template-row[b-ueebj8hs9i],
.import-selected-source[b-ueebj8hs9i] {
    align-items: flex-start;
    display: flex;
    gap: var(--sp-3);
    justify-content: space-between;
}

.import-source-card__meta[b-ueebj8hs9i] {
    color: var(--color-fg-muted, #64748b);
    flex-wrap: wrap;
    font-size: var(--fs-xs, 0.75rem);
}

.import-template-list[b-ueebj8hs9i] {
    display: grid;
    gap: var(--sp-3);
}

.import-template-row[b-ueebj8hs9i] {
    background: var(--color-bg-card, #fff);
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: var(--radius-lg, 14px);
    color: var(--color-fg, #0f172a);
    cursor: pointer;
    padding: var(--sp-4);
    text-align: left;
    width: 100%;
}

.import-template-row:disabled[b-ueebj8hs9i] {
    cursor: not-allowed;
    opacity: 0.65;
}

.import-template-row__badges[b-ueebj8hs9i] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
    justify-content: flex-end;
}

.import-selected-source[b-ueebj8hs9i] {
    align-items: center;
    background: var(--color-bg-muted, #f8fafc);
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: var(--radius-md, 10px);
    padding: var(--sp-3);
}

.import-card[b-ueebj8hs9i] {
    overflow: hidden;
    margin-bottom: var(--sp-5);
}

.import-card__header[b-ueebj8hs9i] {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    gap: var(--sp-3);
}

.import-card__body[b-ueebj8hs9i] {
    display: grid;
    gap: var(--sp-4);
}

.import-card__footer[b-ueebj8hs9i] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-3);
    justify-content: flex-end;
}

.import-empty[b-ueebj8hs9i] {
    background: var(--color-bg-muted, #f8fafc);
    border: 1px dashed var(--color-border, #cbd5e1);
    border-radius: var(--radius-lg, 14px);
    padding: var(--sp-5);
}

.import-empty--guided[b-ueebj8hs9i] {
    display: grid;
    gap: var(--sp-2, 0.5rem);
    justify-items: flex-start;
    text-align: left;
}

.import-setup-grid[b-ueebj8hs9i] {
    display: grid;
    gap: var(--sp-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.import-file-picker[b-ueebj8hs9i] {
    justify-content: center;
    min-height: 2.75rem;
}

.import-step-context[b-ueebj8hs9i] {
    align-items: center;
    background: color-mix(in srgb, var(--color-primary, #2563eb) 6%, var(--color-bg-card, #fff));
    border: 1px solid color-mix(in srgb, var(--color-primary, #2563eb) 16%, var(--color-border, #e2e8f0));
    border-radius: var(--radius-lg, 14px);
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2, 0.5rem);
    padding: var(--sp-3, 0.75rem) var(--sp-4, 1rem);
}

.import-file-dropzone[b-ueebj8hs9i] {
    align-items: center;
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary, #2563eb) 4%, #fff), var(--color-bg-card, #fff));
    border: 1.5px dashed color-mix(in srgb, var(--color-primary, #2563eb) 28%, var(--color-border, #e2e8f0));
    border-radius: var(--radius-xl, 18px);
    color: var(--color-fg, #0f172a);
    cursor: pointer;
    display: grid;
    gap: var(--sp-2, 0.5rem);
    justify-items: center;
    min-height: 11rem;
    padding: var(--sp-5, 1.25rem);
    text-align: center;
    transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.import-file-dropzone:hover[b-ueebj8hs9i] {
    background: color-mix(in srgb, var(--color-primary, #2563eb) 7%, var(--color-bg-card, #fff));
    border-color: var(--color-primary, #2563eb);
    box-shadow: var(--shadow-sm, 0 6px 16px rgb(15 23 42 / 0.06));
}

.import-file-dropzone--uploaded[b-ueebj8hs9i] {
    border-style: solid;
}

.import-file-dropzone__icon[b-ueebj8hs9i] {
    align-items: center;
    background: color-mix(in srgb, var(--color-primary, #2563eb) 12%, #fff);
    border-radius: var(--radius-xl, 18px);
    color: var(--color-primary, #2563eb);
    display: inline-flex;
    font-size: 1.35rem;
    font-weight: 800;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.import-file-dropzone__title[b-ueebj8hs9i] {
    font-weight: 700;
}

.import-file-dropzone__sub[b-ueebj8hs9i] {
    color: var(--color-fg-muted, #64748b);
    font-size: var(--fs-sm, 0.875rem);
    line-height: 1.5;
}

.import-file-hint[b-ueebj8hs9i] {
    margin-top: var(--sp-2);
    overflow-wrap: anywhere;
}

.import-playbook-summary[b-ueebj8hs9i] {
    background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary, #2563eb) 10%, #fff), #fff);
    border: 1px solid color-mix(in srgb, var(--color-primary, #2563eb) 16%, var(--color-border, #e2e8f0));
    border-radius: var(--radius-lg, 14px);
    display: grid;
    gap: var(--sp-2);
    padding: var(--sp-4);
}

.import-playbook-summary__meta[b-ueebj8hs9i] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
}

.import-setup-actions[b-ueebj8hs9i],
.import-execute-actions[b-ueebj8hs9i],
.import-filter-row[b-ueebj8hs9i] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-3);
}

.import-step-nav[b-ueebj8hs9i] {
    align-items: center;
    background: var(--color-bg-muted, #f8fafc);
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: var(--radius-lg, 14px);
    justify-content: space-between;
    padding: var(--sp-3, 0.75rem) var(--sp-4, 1rem);
}

.import-analysis[b-ueebj8hs9i] {
    display: grid;
    gap: var(--sp-3);
}

.import-analysis__header[b-ueebj8hs9i] {
    display: flex;
    gap: var(--sp-3);
    justify-content: space-between;
}

.import-sheet-list[b-ueebj8hs9i] {
    display: grid;
    gap: var(--sp-3);
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.import-sheet[b-ueebj8hs9i] {
    background: var(--color-bg-muted, #f8fafc);
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: var(--radius-lg, 14px);
    cursor: pointer;
    padding: var(--sp-4);
    text-align: left;
}

.import-sheet--active[b-ueebj8hs9i] {
    background: color-mix(in srgb, var(--color-primary, #2563eb) 10%, #fff);
    border-color: var(--color-primary, #2563eb);
}

.import-sheet__title[b-ueebj8hs9i] {
    font-weight: 700;
}

.import-sheet__meta[b-ueebj8hs9i],
.import-sheet__score[b-ueebj8hs9i],
.import-mapping-meta .text-xs[b-ueebj8hs9i] {
    color: var(--color-fg-muted, #64748b);
    font-size: var(--fs-xs, 0.75rem);
}

.import-mapping-guidance[b-ueebj8hs9i] {
    align-items: flex-start;
    background: color-mix(in srgb, var(--color-success, #16a34a) 8%, var(--color-bg-card, #fff));
    border: 1px solid color-mix(in srgb, var(--color-success, #16a34a) 22%, var(--color-border, #e2e8f0));
    border-radius: var(--radius-lg, 14px);
    display: flex;
    gap: var(--sp-3, 0.75rem);
    margin-bottom: var(--sp-4, 1rem);
    padding: var(--sp-3, 0.75rem) var(--sp-4, 1rem);
}

.import-mapping-guidance__icon[b-ueebj8hs9i] {
    align-items: center;
    background: var(--color-success, #16a34a);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: var(--fs-xs, 0.75rem);
    font-weight: 800;
    height: 1.5rem;
    justify-content: center;
    width: 1.5rem;
}

.import-mapping-table-wrap[b-ueebj8hs9i] {
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: var(--radius-lg, 14px);
    max-width: 100%;
    overscroll-behavior-inline: contain;
    overflow-x: auto;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
}

.import-mapping-table-wrap:focus-visible[b-ueebj8hs9i] {
    outline: 3px solid color-mix(in srgb, var(--color-primary, #2563eb) 30%, transparent);
    outline-offset: 2px;
}

.import-mapping-table__hint[b-ueebj8hs9i] {
    color: var(--color-fg-muted, #64748b);
    font-size: var(--fs-xs, 0.75rem);
    line-height: 1.5;
    margin: 0 0 var(--sp-2);
}

.import-mapping-table[b-ueebj8hs9i] {
    border-collapse: collapse;
    min-width: 760px;
    width: 100%;
}

.import-mapping-table th[b-ueebj8hs9i],
.import-mapping-table td[b-ueebj8hs9i] {
    border-bottom: 1px solid var(--color-border, #e2e8f0);
    padding: var(--sp-3);
    vertical-align: top;
}

.import-mapping-table th[b-ueebj8hs9i] {
    background: var(--color-bg-card, #fff);
    color: var(--color-fg-muted, #64748b);
    font-size: var(--fs-xs, 0.75rem);
    position: sticky;
    text-align: left;
    top: 0;
    text-transform: uppercase;
    z-index: 1;
}

.import-mapping-table__source[b-ueebj8hs9i] {
    font-weight: 600;
}

.import-mapping-table__select[b-ueebj8hs9i] {
    min-width: 220px;
}

.import-mapping-table__suggestion[b-ueebj8hs9i] {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
}

.import-summary-grid[b-ueebj8hs9i] {
    display: grid;
    gap: var(--sp-3);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.import-result-list[b-ueebj8hs9i] {
    display: grid;
    gap: var(--sp-3);
}

.import-result-row[b-ueebj8hs9i] {
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: var(--radius-lg, 14px);
    display: grid;
    gap: var(--sp-3);
    padding: var(--sp-4);
}

.import-result-row__header[b-ueebj8hs9i] {
    align-items: center;
    display: flex;
    gap: var(--sp-3);
    justify-content: space-between;
}

.import-result-row__identity[b-ueebj8hs9i],
.import-result-row__chips[b-ueebj8hs9i] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
}

.import-result-row__summary[b-ueebj8hs9i] {
    color: var(--color-fg-muted, #475569);
    font-size: var(--fs-sm, 0.875rem);
    line-height: 1.5;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.import-result-row__issues[b-ueebj8hs9i] {
    display: grid;
    gap: var(--sp-2);
}

.import-result-row__issue[b-ueebj8hs9i] {
    border-radius: var(--radius-md, 10px);
    font-size: var(--fs-sm, 0.875rem);
    overflow-wrap: anywhere;
    padding: var(--sp-2) var(--sp-3);
    word-break: break-word;
}

.import-result-row__issue--error[b-ueebj8hs9i] {
    background: color-mix(in srgb, var(--color-error-fg, #dc2626) 9%, #fff);
    color: var(--color-error-fg, #b91c1c);
}

.import-result-row__issue--warning[b-ueebj8hs9i] {
    background: color-mix(in srgb, var(--color-warning, #d97706) 12%, #fff);
    color: color-mix(in srgb, var(--color-warning, #d97706) 88%, #000);
}

.import-job-status[b-ueebj8hs9i] {
    background: var(--color-bg-muted, #f8fafc);
    border: 1px solid var(--color-border, #e2e8f0);
    border-radius: var(--radius-lg, 14px);
    display: grid;
    gap: var(--sp-3);
    padding: var(--sp-4);
}

.import-job-status__header[b-ueebj8hs9i] {
    align-items: center;
    display: flex;
    gap: var(--sp-3);
    justify-content: space-between;
}

.import-job-status__header > *[b-ueebj8hs9i] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.import-job-status__progress[b-ueebj8hs9i] {
    background: color-mix(in srgb, var(--color-primary, #2563eb) 10%, #e2e8f0);
    border-radius: 999px;
    height: 0.6rem;
    overflow: hidden;
}

.import-job-status__progress span[b-ueebj8hs9i] {
    background: linear-gradient(90deg, var(--color-primary, #2563eb), color-mix(in srgb, var(--color-primary, #2563eb) 68%, #fff));
    display: block;
    height: 100%;
}

@media (max-width: 1024px) {
    .import-grid[b-ueebj8hs9i],
    .import-summary-grid[b-ueebj8hs9i],
    .import-setup-grid[b-ueebj8hs9i],
    .import-entry-tabs[b-ueebj8hs9i] {
        grid-template-columns: 1fr;
    }

    .import-card__header[b-ueebj8hs9i],
    .import-analysis__header[b-ueebj8hs9i],
    .import-result-row__header[b-ueebj8hs9i],
    .import-job-status__header[b-ueebj8hs9i] {
        align-items: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 700px) {
    .imports-page__header[b-ueebj8hs9i] {
        align-items: stretch;
        gap: var(--sp-3);
    }

    .imports-page__header[b-ueebj8hs9i],
    .imports-page__header-actions[b-ueebj8hs9i],
    .import-card__header[b-ueebj8hs9i],
    .import-analysis__header[b-ueebj8hs9i],
    .import-result-row__header[b-ueebj8hs9i],
    .import-job-status__header[b-ueebj8hs9i] {
        flex-direction: column;
    }

    .imports-page__header-actions[b-ueebj8hs9i],
    .imports-page__header-actions > *[b-ueebj8hs9i],
    .import-entry-tab[b-ueebj8hs9i],
    .import-source-card[b-ueebj8hs9i],
    .import-template-row[b-ueebj8hs9i],
    .import-file-picker[b-ueebj8hs9i],
    .import-setup-actions[b-ueebj8hs9i],
    .import-setup-actions > *[b-ueebj8hs9i],
    .import-card__footer--responsive[b-ueebj8hs9i],
    .import-card__footer--responsive > *[b-ueebj8hs9i],
    .import-execute-actions[b-ueebj8hs9i],
    .import-execute-actions > *[b-ueebj8hs9i] {
        width: 100%;
    }

    .import-stepper[b-ueebj8hs9i] {
        flex-wrap: nowrap;
        justify-content: flex-start;
        max-width: 100%;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        padding-bottom: var(--sp-2);
        -webkit-overflow-scrolling: touch;
    }

    .import-step[b-ueebj8hs9i] {
        flex: 0 0 auto;
        min-height: 44px;
        padding: var(--sp-2);
    }

    .import-stepper__connector[b-ueebj8hs9i] {
        flex: 0 0 1rem;
        width: 1rem;
    }

    .import-source-heading[b-ueebj8hs9i],
    .import-step-nav[b-ueebj8hs9i],
    .import-step-context[b-ueebj8hs9i] {
        align-items: stretch;
        flex-direction: column;
    }

    .import-card[b-ueebj8hs9i] {
        border-radius: var(--radius-lg, 14px);
        margin-bottom: var(--sp-4);
    }

    .import-card__header[b-ueebj8hs9i],
    .import-card__body[b-ueebj8hs9i],
    .import-empty[b-ueebj8hs9i],
    .import-playbook-summary[b-ueebj8hs9i],
    .import-result-row[b-ueebj8hs9i],
    .import-job-status[b-ueebj8hs9i] {
        padding-inline: var(--sp-3);
    }

    .import-summary-grid[b-ueebj8hs9i] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .import-sheet-list[b-ueebj8hs9i] {
        grid-template-columns: 1fr;
    }

    .import-sheet[b-ueebj8hs9i],
    .import-file-picker[b-ueebj8hs9i],
    .import-setup-actions .btn[b-ueebj8hs9i],
    .import-card__footer .btn[b-ueebj8hs9i],
    .import-execute-actions .btn[b-ueebj8hs9i],
    .import-filter-row .filter-chip[b-ueebj8hs9i] {
        min-height: 44px;
    }

    .import-filter-row[b-ueebj8hs9i] {
        flex-wrap: nowrap;
        max-width: 100%;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        padding-bottom: var(--sp-2);
        -webkit-overflow-scrolling: touch;
    }

    .import-filter-row .filter-chip[b-ueebj8hs9i] {
        flex: 0 0 auto;
    }

    .import-result-row__chips[b-ueebj8hs9i],
    .import-result-row__identity[b-ueebj8hs9i] {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .import-summary-grid[b-ueebj8hs9i] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.layout-app[b-oj8y76dkzy] {
    min-height: 100vh;
}

.layout-main[b-oj8y76dkzy] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-4);
    min-width: 0;
    min-height: 0;
}

.demo-indicator[b-oj8y76dkzy] {
    min-width: 240px;
    max-width: 300px;
    padding: 6px 12px;
    border-radius: var(--r-xl);
    border: 1px solid rgba(245, 158, 11, 0.22);
    background: linear-gradient(135deg, rgba(255, 251, 235, 0.95), rgba(255, 247, 237, 0.92));
    box-shadow: 0 12px 24px -20px rgba(180, 83, 9, 0.55);
}

.demo-indicator__header[b-oj8y76dkzy] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.demo-indicator__badge[b-oj8y76dkzy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 46px;
    padding: 2px 8px;
    border-radius: 999px;
    background: linear-gradient(135deg, #f59e0b, #ea580c);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    box-shadow: 0 10px 18px -16px rgba(194, 65, 12, 0.75);
}

.demo-indicator__title[b-oj8y76dkzy] {
    color: #9a3412;
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
    line-height: 1.35;
}

.demo-indicator__meta[b-oj8y76dkzy] {
    margin-top: 6px;
    color: #c2410c;
    font-size: 12px;
    line-height: 1.1;
}

.demo-indicator__progress[b-oj8y76dkzy] {
    margin-top: 5px;
    width: 100%;
    height: 6px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(251, 146, 60, 0.18);
}

.demo-indicator__progress span[b-oj8y76dkzy] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #f59e0b, #f97316);
    transition: width 0.9s linear;
}

.platform-readonly-banner[b-oj8y76dkzy] {
    padding: var(--sp-4) var(--sp-5);
    border-radius: var(--r-xl);
    border: 1px solid rgba(239, 68, 68, 0.2);
    background: linear-gradient(135deg, rgba(254, 242, 242, 0.96), rgba(255, 247, 237, 0.92));
    box-shadow: 0 10px 30px -20px rgba(127, 29, 29, 0.45);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-4);
}

.platform-readonly-banner__title[b-oj8y76dkzy] {
    font-size: var(--fs-md);
    font-weight: var(--fw-bold);
    color: #991b1b;
    margin-bottom: 4px;
}

.platform-readonly-banner__desc[b-oj8y76dkzy] {
    color: #7f1d1d;
    font-size: var(--fs-sm);
    line-height: 1.5;
}

.platform-demo-banner[b-oj8y76dkzy] {
    padding: var(--sp-4) var(--sp-5);
    border-radius: var(--r-xl);
    border: 1px solid rgba(245, 158, 11, 0.24);
    background: linear-gradient(135deg, rgba(255, 251, 235, 0.98), rgba(255, 247, 237, 0.94));
    box-shadow: 0 10px 30px -22px rgba(180, 83, 9, 0.42);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sp-4);
}

.platform-demo-banner__title[b-oj8y76dkzy] {
    font-size: var(--fs-md);
    font-weight: var(--fw-bold);
    color: #9a3412;
    margin-bottom: 4px;
}

.platform-demo-banner__desc[b-oj8y76dkzy] {
    color: #c2410c;
    font-size: var(--fs-sm);
    line-height: 1.5;
}

.platform-demo-banner__scopes[b-oj8y76dkzy] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--sp-2);
}

.platform-demo-banner__scope[b-oj8y76dkzy] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: var(--r-full);
    border: 1px solid rgba(234, 88, 12, 0.18);
    background: rgba(255, 255, 255, 0.72);
    color: #9a3412;
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
}

@media (max-width: 768px) {
    .demo-indicator[b-oj8y76dkzy] {
        min-width: 0;
        max-width: 100%;
    }

    .platform-readonly-banner[b-oj8y76dkzy] {
        flex-direction: column;
        align-items: flex-start;
    }

    .platform-demo-banner[b-oj8y76dkzy] {
        flex-direction: column;
        align-items: flex-start;
    }

    .platform-demo-banner__scopes[b-oj8y76dkzy] {
        justify-content: flex-start;
    }
}

@media (max-width: 1120px) {
    .demo-indicator[b-oj8y76dkzy] {
        min-width: 0;
        max-width: 220px;
    }

    .demo-indicator__meta[b-oj8y76dkzy] {
        display: none;
    }
}

@media (max-width: 920px) {
    .demo-indicator[b-oj8y76dkzy] {
        min-width: 0;
        max-width: none;
        padding: 4px 7px;
        border-radius: var(--r-lg);
    }

    .demo-indicator__header[b-oj8y76dkzy] {
        gap: 0;
    }

    .demo-indicator__title[b-oj8y76dkzy],
    .demo-indicator__meta[b-oj8y76dkzy],
    .demo-indicator__progress[b-oj8y76dkzy] {
        display: none;
    }
}

#blazor-error-ui[b-oj8y76dkzy] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-oj8y76dkzy] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-zh9f9khmx0] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-zh9f9khmx0] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-zh9f9khmx0] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-zh9f9khmx0] {
    font-size: 1.1rem;
}

.bi[b-zh9f9khmx0] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill[b-zh9f9khmx0] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill[b-zh9f9khmx0] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested[b-zh9f9khmx0] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-zh9f9khmx0] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-zh9f9khmx0] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-zh9f9khmx0] {
        padding-bottom: 1rem;
    }

    .nav-item[b-zh9f9khmx0]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-zh9f9khmx0]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-zh9f9khmx0]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-zh9f9khmx0] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-zh9f9khmx0] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-zh9f9khmx0] {
        display: none;
    }

    .nav-scrollable[b-zh9f9khmx0] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
.sidebar__brand-sub[b-zh9f9khmx0] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.sidebar__demo-badge[b-zh9f9khmx0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 46px;
    padding: 2px 8px;
    border-radius: 999px;
    border: 1px solid rgba(251, 191, 36, 0.28);
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.24), rgba(249, 115, 22, 0.2));
    color: #fde68a;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.sidebar__brand[b-zh9f9khmx0] {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.sidebar__logo[b-zh9f9khmx0],
.sidebar__brand-name[b-zh9f9khmx0],
.sidebar__brand-sub > span:first-child[b-zh9f9khmx0] {
    display: none;
}

.sidebar__brand-copy[b-zh9f9khmx0] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sidebar__brand-logo-image[b-zh9f9khmx0] {
    display: block;
    width: 100%;
    height: auto;
}

.sidebar__brand-icon-image[b-zh9f9khmx0],
.sidebar__mobile-close[b-zh9f9khmx0] {
    display: none;
}

@media (min-width: 901px) and (max-width: 1024px) {
    .sidebar__brand[b-zh9f9khmx0] {
        align-items: center;
    }

    .sidebar__brand-copy[b-zh9f9khmx0] {
        justify-content: center;
    }

    .sidebar__brand-logo-image[b-zh9f9khmx0] {
        display: none;
    }

    .sidebar__brand-icon-image[b-zh9f9khmx0] {
        display: block;
        width: 36px;
        height: 36px;
        object-fit: contain;
    }
}

@media (max-width: 900px) {
    .sidebar__brand[b-zh9f9khmx0] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: var(--sp-3);
    }

    .sidebar__brand-copy[b-zh9f9khmx0] {
        flex: 1;
        min-width: 0;
        justify-content: flex-start;
    }

    .sidebar__brand-logo-image[b-zh9f9khmx0] {
        display: block;
        width: min(190px, 100%);
    }

    .sidebar__brand-icon-image[b-zh9f9khmx0] {
        display: none;
    }

    .sidebar__mobile-close[b-zh9f9khmx0] {
        display: inline-flex;
    }
}
/* /Components/Marketplace/MarketplacePackAccessNotice.razor.rz.scp.css */
.marketplace-pack-notice[b-e1hiskrytb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-4);
    margin-bottom: var(--sp-4);
}

.marketplace-pack-preview[b-e1hiskrytb] {
    display: grid;
    gap: var(--sp-2);
    margin-bottom: var(--sp-4);
    padding: var(--sp-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface-subtle);
}

.marketplace-pack-preview ul[b-e1hiskrytb] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.marketplace-pack-preview code[b-e1hiskrytb] {
    font-size: 0.8125rem;
}

@media (max-width: 640px) {
    .marketplace-pack-notice[b-e1hiskrytb] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Operations/Admin/OperationsAiOverviewPanel.razor.rz.scp.css */
/* AI vận hành — bề mặt tổng quan. Port từ company.html (section "AI vận hành").
   Token thiếu trong app tokens.css được khai báo fallback ở cấp component,
   không sửa tokens.css chung để tránh lan rộng (theo ui-template-workflow). */
.ops-ai-overview[b-q7dtbgljp2] {
    --p-amber-200: #FDE68A;
    --p-amber-800: #92400E;
}

.ops-ai-overview__state[b-q7dtbgljp2] {
    padding: var(--sp-4);
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
}

/* Banner đường ray an toàn */
.ops-banner[b-q7dtbgljp2] {
    display: flex;
    align-items: flex-start;
    gap: var(--sp-3);
    padding: var(--sp-4) var(--sp-5);
    border-radius: var(--r-lg);
    background: var(--gradient-ai-soft);
    border: 1px solid var(--p-indigo-200);
    margin-bottom: var(--sp-5);
}
.ops-banner__icon[b-q7dtbgljp2] {
    width: 36px;
    height: 36px;
    border-radius: var(--r-lg);
    flex-shrink: 0;
    background: var(--gradient-ai);
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 16px -4px rgb(99 102 241 / 0.5);
}
.ops-banner__title[b-q7dtbgljp2] {
    font-size: var(--fs-sm);
    font-weight: var(--fw-bold);
    color: var(--p-indigo-700);
}
.ops-banner__text[b-q7dtbgljp2] {
    font-size: var(--fs-xs);
    color: var(--color-fg-muted);
    margin-top: 2px;
    line-height: var(--lh-relaxed);
}

/* Thẻ preset đang dùng (read-only) */
.preset-summary[b-q7dtbgljp2] {
    border: 1px solid var(--color-primary);
    border-radius: var(--card-radius);
    background: var(--color-primary-light);
    padding: var(--sp-5);
    display: flex;
    align-items: flex-start;
    gap: var(--sp-5);
    flex-wrap: wrap;
}
.preset-summary__head[b-q7dtbgljp2] {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
}
.preset-summary__icon[b-q7dtbgljp2] {
    width: 44px;
    height: 44px;
    border-radius: var(--r-lg);
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--gradient-ai);
    color: white;
}
.preset-summary__title[b-q7dtbgljp2] {
    font-size: var(--fs-md);
    font-weight: var(--fw-bold);
    letter-spacing: var(--ls-tight);
    display: flex;
    align-items: center;
    gap: var(--sp-2);
}
.preset-summary__size[b-q7dtbgljp2] {
    font-size: var(--fs-xs);
    color: var(--color-fg-muted);
    margin-top: 2px;
}
.preset-summary__facts[b-q7dtbgljp2] {
    flex: 1;
    min-width: 280px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--sp-3) var(--sp-5);
}
.preset-summary__fact[b-q7dtbgljp2] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.preset-summary__fact-k[b-q7dtbgljp2] {
    font-size: 10px;
    font-weight: var(--fw-semibold);
    text-transform: uppercase;
    letter-spacing: var(--ls-wide);
    color: var(--color-fg-muted);
}
.preset-summary__fact-v[b-q7dtbgljp2] {
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
    color: var(--color-fg);
}
.preset-summary__actions[b-q7dtbgljp2] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
    margin-left: auto;
    align-items: flex-end;
}
.preset-summary__version[b-q7dtbgljp2] {
    font-size: 11px;
    color: var(--color-fg-muted);
    font-family: var(--font-mono);
    margin-top: var(--sp-2);
}

/* Link row sang wizard / governance */
.ops-link-row[b-q7dtbgljp2] {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
    padding: var(--sp-3) var(--sp-4);
    border: 1px solid var(--color-border);
    border-radius: var(--r-lg);
    background: var(--color-bg-app);
    margin-top: var(--sp-3);
}
.ops-link-row__icon[b-q7dtbgljp2] {
    color: var(--p-indigo-600);
    flex-shrink: 0;
}
.ops-link-row__text[b-q7dtbgljp2] {
    flex: 1;
    font-size: var(--fs-sm);
}
.ops-link-row__text strong[b-q7dtbgljp2] {
    font-weight: var(--fw-semibold);
}
.ops-link-row__sub[b-q7dtbgljp2] {
    font-size: var(--fs-xs);
    color: var(--color-fg-muted);
    margin-top: 1px;
}

/* Locked-gate row (high-risk luôn cần duyệt) */
.lock-row[b-q7dtbgljp2] {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
    padding: var(--sp-3) var(--sp-4);
    border: 1px solid var(--p-amber-200);
    border-radius: var(--r-lg);
    background: var(--color-warning-bg);
}
.lock-row__icon[b-q7dtbgljp2] {
    color: var(--color-warning-fg);
    flex-shrink: 0;
}
.lock-row__text[b-q7dtbgljp2] {
    font-size: var(--fs-sm);
    color: var(--color-warning-fg);
    flex: 1;
    line-height: var(--lh-relaxed);
}
.lock-row__text strong[b-q7dtbgljp2] {
    font-weight: var(--fw-bold);
}
.lock-row__pill[b-q7dtbgljp2] {
    font-size: 10px;
    font-weight: var(--fw-bold);
    text-transform: uppercase;
    letter-spacing: var(--ls-wide);
    padding: 3px 8px;
    border-radius: var(--r-full);
    background: var(--p-amber-200);
    color: var(--p-amber-800);
    flex-shrink: 0;
}

@media (max-width: 720px) {
    .preset-summary__actions[b-q7dtbgljp2] {
        margin-left: 0;
        align-items: flex-start;
    }
}
/* /Components/Operations/Admin/OperationsResponsibilityAdminPanel.razor.rz.scp.css */
.ops-resp[b-jy7lpeq12b] {
    display: grid;
    gap: var(--sp-4);
}

.ops-resp__toolbar[b-jy7lpeq12b] {
    display: flex;
    justify-content: flex-end;
}

.ops-resp__summary[b-jy7lpeq12b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--sp-3);
}

.ops-resp__summary-card[b-jy7lpeq12b],
.ops-resp__panel[b-jy7lpeq12b],
.ops-resp__card[b-jy7lpeq12b],
.ops-resp__details[b-jy7lpeq12b] {
    background: var(--color-bg-app);
    border: 1px solid var(--color-border);
    border-radius: var(--r-lg);
    padding: var(--sp-4);
}

.ops-resp__summary-label[b-jy7lpeq12b],
.ops-resp__label[b-jy7lpeq12b],
.ops-resp__hint[b-jy7lpeq12b] {
    font-size: var(--fs-xs);
    color: var(--color-fg-muted);
}

.ops-resp__summary-value[b-jy7lpeq12b] {
    margin-top: 6px;
    font-size: var(--fs-lg);
    font-weight: var(--fw-semibold);
    color: var(--color-fg);
}

.ops-resp__summary-sub[b-jy7lpeq12b] {
    margin-top: 4px;
    font-size: var(--fs-xs);
    color: var(--color-fg-muted);
    line-height: 1.5;
}

.ops-resp__panel-head[b-jy7lpeq12b],
.ops-resp__card-head[b-jy7lpeq12b],
.ops-resp__member-head[b-jy7lpeq12b] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sp-3);
    flex-wrap: wrap;
}

.ops-resp__panel-title[b-jy7lpeq12b],
.ops-resp__card-title[b-jy7lpeq12b],
.ops-resp__member-name[b-jy7lpeq12b] {
    font-size: var(--fs-md);
    font-weight: var(--fw-semibold);
    color: var(--color-fg);
}

.ops-resp__title-row[b-jy7lpeq12b],
.ops-resp__label-row[b-jy7lpeq12b],
.ops-resp__section-row[b-jy7lpeq12b] {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    flex-wrap: wrap;
}

.ops-resp__panel-desc[b-jy7lpeq12b],
.ops-resp__card-subtitle[b-jy7lpeq12b],
.ops-resp__member-meta[b-jy7lpeq12b] {
    margin-top: 4px;
    font-size: var(--fs-sm);
    color: var(--color-fg-muted);
    line-height: 1.5;
}

.ops-resp__form-grid[b-jy7lpeq12b] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--sp-3);
    margin-top: var(--sp-4);
}

.ops-resp__field[b-jy7lpeq12b] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.ops-resp__field--full[b-jy7lpeq12b] {
    grid-column: 1 / -1;
}

.ops-resp__field-note[b-jy7lpeq12b] {
    margin-top: 2px;
    padding: 10px 12px;
    border-radius: var(--r-md);
    border: 1px dashed var(--color-border);
    background: var(--color-bg-surface);
    font-size: var(--fs-xs);
    color: var(--color-fg-muted);
    line-height: 1.6;
}

.ops-resp__field-note strong[b-jy7lpeq12b] {
    color: var(--color-fg);
}

.ops-resp__toggle[b-jy7lpeq12b],
.ops-resp__check[b-jy7lpeq12b] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    font-size: var(--fs-sm);
    color: var(--color-fg);
}

.ops-resp__toggle[b-jy7lpeq12b] {
    margin-top: var(--sp-4);
}

.ops-resp__actions[b-jy7lpeq12b] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
    margin-top: var(--sp-4);
}

.ops-resp__list[b-jy7lpeq12b] {
    display: grid;
    gap: var(--sp-4);
}

.ops-resp__details[b-jy7lpeq12b] {
    margin-top: var(--sp-4);
    background: var(--color-bg-surface);
}

.ops-resp__details--card[b-jy7lpeq12b] {
    background: var(--color-bg-surface);
}

.ops-resp__details-summary[b-jy7lpeq12b] {
    cursor: pointer;
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
    color: var(--color-fg);
    list-style: none;
}

.ops-resp__details-summary[b-jy7lpeq12b]::-webkit-details-marker {
    display: none;
}

.ops-resp__details-summary[b-jy7lpeq12b]::before {
    content: "+";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    margin-inline-end: .45rem;
    color: var(--color-fg-muted);
}

.ops-resp__details[open] .ops-resp__details-summary[b-jy7lpeq12b]::before {
    content: "−";
}

.ops-resp__details-body[b-jy7lpeq12b] {
    margin-top: var(--sp-3);
}

.ops-resp__details--accent[b-jy7lpeq12b] {
    background: linear-gradient(
        135deg,
        color-mix(in srgb, var(--color-bg-surface) 86%, var(--color-success-bg)),
        var(--color-bg-app));
}

.ops-resp__details-list[b-jy7lpeq12b] {
    margin: var(--sp-2) 0 0;
    padding-left: 1.1rem;
    display: grid;
    gap: .45rem;
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
    line-height: 1.6;
}

.ops-resp__card-actions[b-jy7lpeq12b],
.ops-resp__member-actions[b-jy7lpeq12b] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
    align-items: center;
    justify-content: flex-end;
}

.ops-resp__scope[b-jy7lpeq12b] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
    margin-top: var(--sp-3);
}

.ops-resp__chip[b-jy7lpeq12b],
.ops-resp__status[b-jy7lpeq12b] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: var(--r-full);
    border: 1px solid var(--color-border);
    background: var(--color-bg-surface);
    font-size: 11px;
    color: var(--color-fg-muted);
}

.ops-resp__chip strong[b-jy7lpeq12b] {
    color: var(--color-fg);
}

.ops-resp__status--success[b-jy7lpeq12b] {
    background: var(--color-success-bg);
    color: var(--color-success-fg);
    border-color: color-mix(in srgb, var(--color-success) 18%, transparent);
}

.ops-resp__status--warning[b-jy7lpeq12b] {
    background: var(--color-warning-bg);
    color: var(--color-warning-fg);
    border-color: color-mix(in srgb, var(--color-warning) 18%, transparent);
}

.ops-resp__status--neutral[b-jy7lpeq12b] {
    background: var(--color-bg-muted);
    color: var(--color-fg-muted);
}

.ops-resp__member-panel[b-jy7lpeq12b] {
    margin-top: var(--sp-4);
    padding-top: var(--sp-4);
    border-top: 1px solid var(--color-border);
}

.ops-resp__permission-grid[b-jy7lpeq12b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: var(--sp-2);
    margin-top: var(--sp-4);
}

.ops-resp__member-list[b-jy7lpeq12b] {
    display: grid;
    gap: var(--sp-3);
    margin-top: var(--sp-4);
}

.ops-resp__member-card[b-jy7lpeq12b] {
    padding: var(--sp-3);
    border-radius: var(--r-lg);
    border: 1px solid var(--color-border);
    background: var(--color-bg-surface);
}

.ops-resp__empty[b-jy7lpeq12b] {
    padding: var(--sp-5);
    border-radius: var(--r-lg);
    border: 1px dashed var(--color-border);
    background: var(--color-bg-surface);
    color: var(--color-fg-muted);
}

.ops-resp__empty--compact[b-jy7lpeq12b] {
    margin-top: var(--sp-4);
    padding: var(--sp-4);
}

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

    .ops-resp__field--full[b-jy7lpeq12b] {
        grid-column: auto;
    }

    .ops-resp__permission-grid[b-jy7lpeq12b] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .ops-resp__permission-grid[b-jy7lpeq12b] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Operations/Admin/OperationsSmbPresetPanel.razor.rz.scp.css */
/* AI vận hành — wizard chọn preset. Port từ operations-smb-preset.html.
   Token thiếu trong app tokens.css khai báo fallback ở cấp component. */
.ops-preset[b-r7jkzssny8] {
    --p-amber-200: #FDE68A;
    --p-emerald-200: #A7F3D0;
    --p-red-200: #FECACA;
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
}

.sr-only[b-r7jkzssny8] {
    position: absolute;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0, 0, 0, 0);
    white-space: nowrap; border: 0;
}

.ops-preset__header[b-r7jkzssny8] { display: flex; justify-content: flex-end; }
.ops-preset__state[b-r7jkzssny8] { padding: var(--sp-4); color: var(--color-fg-muted); font-size: var(--fs-sm); }

/* Hero / steps */
.ops-hero[b-r7jkzssny8] {
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--card-radius);
    box-shadow: var(--card-shadow);
    overflow: hidden;
    margin-bottom: var(--sp-6);
}
.ops-hero__head[b-r7jkzssny8] {
    padding: var(--sp-6);
    background: var(--gradient-ai-soft);
    border-bottom: 1px solid var(--color-border);
    display: flex; align-items: flex-start; gap: var(--sp-4);
}
.ops-hero__icon[b-r7jkzssny8] {
    width: 48px; height: 48px; border-radius: var(--r-xl); flex-shrink: 0;
    background: var(--gradient-ai); color: white;
    display: inline-flex; align-items: center; justify-content: center;
    box-shadow: 0 8px 20px -4px rgb(99 102 241 / 0.5);
}
.ops-hero__title[b-r7jkzssny8] { font-size: var(--fs-2xl); font-weight: var(--fw-bold); letter-spacing: var(--ls-tight); }
.ops-hero__sub[b-r7jkzssny8] { font-size: var(--fs-sm); color: var(--color-fg-muted); margin-top: 4px; line-height: var(--lh-relaxed); max-width: 720px; }
.ops-hero__steps[b-r7jkzssny8] {
    display: flex; align-items: center; gap: var(--sp-3); padding: var(--sp-4) var(--sp-6);
    flex-wrap: wrap; font-size: var(--fs-xs); color: var(--color-fg-muted);
}
.step-pill[b-r7jkzssny8] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 3px 10px; border-radius: var(--r-full);
    background: var(--color-bg-muted); color: var(--color-fg-muted); font-weight: var(--fw-semibold);
}
.step-pill__num[b-r7jkzssny8] {
    width: 16px; height: 16px; border-radius: var(--r-full);
    background: var(--color-fg-subtle); color: white;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: 10px; font-weight: var(--fw-bold);
}
.step-pill--done[b-r7jkzssny8] { background: var(--color-success-bg); color: var(--color-success-fg); }
.step-pill--done .step-pill__num[b-r7jkzssny8] { background: var(--color-success, var(--p-emerald-500)); }
.step-pill--active[b-r7jkzssny8] { background: var(--color-primary-light); color: var(--p-indigo-700); }
.step-pill--active .step-pill__num[b-r7jkzssny8] { background: var(--color-primary); }
.step-sep[b-r7jkzssny8] { color: var(--color-fg-subtle); }

.subhead[b-r7jkzssny8] {
    font-size: var(--fs-md); font-weight: var(--fw-bold); color: var(--color-fg);
    margin: var(--sp-6) 0 var(--sp-2); display: flex; align-items: baseline; justify-content: space-between; gap: var(--sp-3);
    letter-spacing: var(--ls-tight);
}
.subhead__hint[b-r7jkzssny8] { font-size: var(--fs-xs); font-weight: var(--fw-normal); color: var(--color-fg-muted); }
.section-note[b-r7jkzssny8] { font-size: var(--fs-sm); color: var(--color-fg-muted); margin-bottom: var(--sp-4); line-height: var(--lh-relaxed); max-width: 760px; }

/* Team-size tiles */
.size-grid[b-r7jkzssny8] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--sp-4); }
.size-tile[b-r7jkzssny8] {
    border: 1px solid var(--color-border); border-radius: var(--r-xl);
    background: var(--color-bg-surface); padding: var(--sp-5);
    cursor: pointer; display: flex; flex-direction: column; gap: var(--sp-3);
    text-align: left; color: var(--color-fg);
    transition: border-color var(--d-fast), background var(--d-fast), box-shadow var(--d-fast);
}
.size-tile:hover[b-r7jkzssny8] { border-color: var(--p-indigo-300); box-shadow: var(--sh-sm); }
.size-tile:disabled[b-r7jkzssny8] { cursor: default; }
.size-tile--active[b-r7jkzssny8] {
    border-color: var(--color-primary); background: var(--color-primary-light);
    box-shadow: 0 0 0 1px var(--color-primary) inset;
}
.size-tile__head[b-r7jkzssny8] { display: flex; align-items: center; gap: var(--sp-3); }
.size-tile__icon[b-r7jkzssny8] {
    width: 40px; height: 40px; border-radius: var(--r-lg); flex-shrink: 0;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--color-bg-app); color: var(--p-indigo-600);
    border: 1px solid var(--color-border);
}
.size-tile--active .size-tile__icon[b-r7jkzssny8] { background: var(--gradient-ai); color: white; border-color: transparent; }
.size-tile__title[b-r7jkzssny8] { font-size: var(--fs-md); font-weight: var(--fw-bold); letter-spacing: var(--ls-tight); }
.size-tile__range[b-r7jkzssny8] { font-size: var(--fs-xs); color: var(--color-fg-muted); margin-top: 1px; }
.size-tile__radio[b-r7jkzssny8] {
    width: 18px; height: 18px; border: 2px solid var(--color-border-strong);
    border-radius: var(--r-full); flex-shrink: 0; margin-left: auto; position: relative;
}
.size-tile--active .size-tile__radio[b-r7jkzssny8] { border-color: var(--color-primary); }
.size-tile--active .size-tile__radio[b-r7jkzssny8]::after {
    content: ''; position: absolute; inset: 3px; background: var(--color-primary); border-radius: var(--r-full);
}
.size-tile__desc[b-r7jkzssny8] { font-size: var(--fs-sm); color: var(--color-fg-muted); line-height: var(--lh-relaxed); }

/* Autonomy segmented control */
.seg[b-r7jkzssny8] { display: inline-flex; padding: var(--sp-1); background: var(--color-bg-muted); border-radius: var(--r-lg); gap: var(--sp-1); flex-wrap: wrap; }
.seg__opt[b-r7jkzssny8] {
    padding: var(--sp-2) var(--sp-4); font-size: var(--fs-sm); font-weight: var(--fw-semibold);
    border-radius: var(--r-md); color: var(--color-fg-muted);
    border: 1px solid transparent; display: inline-flex; align-items: center; gap: 6px;
}
.seg__opt--active[b-r7jkzssny8] {
    background: var(--color-bg-surface); color: var(--color-primary);
    border-color: var(--p-indigo-200); box-shadow: var(--sh-xs);
}
.seg__opt[aria-disabled="true"][b-r7jkzssny8] { opacity: 0.6; cursor: not-allowed; }

/* Preview diff */
.preview[b-r7jkzssny8] { border: 1px solid var(--color-border); border-radius: var(--card-radius); overflow: hidden; background: var(--color-bg-surface); }
.preview__head[b-r7jkzssny8] {
    padding: var(--sp-4) var(--sp-5); border-bottom: 1px solid var(--color-border);
    display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3); flex-wrap: wrap;
    background: var(--color-bg-muted);
}
.preview__title[b-r7jkzssny8] { font-size: var(--fs-sm); font-weight: var(--fw-bold); display: inline-flex; align-items: center; gap: var(--sp-2); }
.preview__meta[b-r7jkzssny8] { font-size: var(--fs-xs); color: var(--color-fg-muted); }
.preview__body[b-r7jkzssny8] { padding: var(--sp-5); display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-6); }
@media (max-width: 860px) { .preview__body[b-r7jkzssny8] { grid-template-columns: 1fr; } }
.preview__col-title[b-r7jkzssny8] { font-size: 11px; font-weight: var(--fw-bold); text-transform: uppercase; letter-spacing: var(--ls-wide); color: var(--color-fg-muted); margin-bottom: var(--sp-3); }
.diff-row[b-r7jkzssny8] { display: flex; align-items: flex-start; gap: var(--sp-3); padding: var(--sp-2) 0; border-bottom: 1px solid var(--color-border); font-size: var(--fs-sm); flex-wrap: wrap; }
.diff-row:last-child[b-r7jkzssny8] { border-bottom: none; }
.diff-row__k[b-r7jkzssny8] { color: var(--color-fg-muted); flex-shrink: 0; width: 130px; }
.diff-row__v[b-r7jkzssny8] { font-weight: var(--fw-semibold); }
.diff-row__v--from[b-r7jkzssny8] { color: var(--color-fg-subtle); text-decoration: line-through; font-weight: var(--fw-normal); }
.diff-arrow[b-r7jkzssny8] { color: var(--color-fg-subtle); flex-shrink: 0; margin-top: 2px; }
.diff-row__v--to[b-r7jkzssny8] { color: var(--p-indigo-700); }
.diff-row__v--locked[b-r7jkzssny8] { color: var(--color-warning-fg); }
.diff-tag[b-r7jkzssny8] {
    font-size: 10px; font-weight: var(--fw-bold); padding: 1px 6px; border-radius: var(--r-sm);
    text-transform: uppercase; letter-spacing: var(--ls-wide); flex-shrink: 0; margin-left: auto;
}
.diff-tag--ok[b-r7jkzssny8] { background: var(--color-success-bg); color: var(--color-success-fg); }
.diff-tag--lock[b-r7jkzssny8] { background: var(--color-warning-bg); color: var(--color-warning-fg); }

/* Locked-gate invariant banner */
.lock-banner[b-r7jkzssny8] {
    display: flex; align-items: flex-start; gap: var(--sp-3); padding: var(--sp-4) var(--sp-5);
    border: 1px solid var(--p-amber-200); border-radius: var(--r-lg);
    background: var(--color-warning-bg); margin: var(--sp-5) 0;
}
.lock-banner__icon[b-r7jkzssny8] { color: var(--color-warning-fg); flex-shrink: 0; margin-top: 1px; }
.lock-banner__text[b-r7jkzssny8] { font-size: var(--fs-sm); color: var(--color-warning-fg); line-height: var(--lh-relaxed); }
.lock-banner__text strong[b-r7jkzssny8] { font-weight: var(--fw-bold); }

/* Allowlist / deny chips */
.allowlist[b-r7jkzssny8] { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.allow-chip[b-r7jkzssny8] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 5px 10px; border-radius: var(--r-full);
    background: var(--color-success-bg); color: var(--color-success-fg);
    font-size: var(--fs-xs); font-weight: var(--fw-semibold);
    border: 1px solid var(--p-emerald-200);
}
.deny-chip[b-r7jkzssny8] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 5px 10px; border-radius: var(--r-full);
    background: var(--color-error-bg); color: var(--color-error-fg);
    font-size: var(--fs-xs); font-weight: var(--fw-semibold);
    border: 1px solid var(--p-red-200); text-decoration: line-through;
}

/* Preset badge (reused in preview head) */
.ops-preset__badge[b-r7jkzssny8] {
    border-radius: var(--r-full); padding: 4px 10px;
    background: var(--color-bg-hover); color: var(--color-fg-muted);
    font-size: var(--fs-xs); white-space: nowrap;
}
.ops-preset__badge--success[b-r7jkzssny8] { background: var(--color-success-bg); color: var(--color-success-fg); }
.ops-preset__badge--warning[b-r7jkzssny8] { background: var(--color-warning-bg); color: var(--color-warning-fg); }

/* Conflicts */
.ops-preset__conflicts[b-r7jkzssny8] { display: grid; gap: var(--sp-3); margin-top: var(--sp-4); }
.ops-preset__conflicts h5[b-r7jkzssny8] { margin: 0; color: var(--color-fg); }
.ops-preset__conflict[b-r7jkzssny8] {
    display: flex; flex-direction: column; gap: 4px;
    padding: var(--sp-3); border: 1px solid var(--color-border); border-radius: var(--r-md);
}
.ops-preset__conflict span[b-r7jkzssny8] { color: var(--color-fg-muted); font-size: var(--fs-xs); }
.ops-preset__resolution[b-r7jkzssny8] { display: grid; gap: var(--sp-2); border: 0; padding: 0; }
.ops-preset__resolution legend[b-r7jkzssny8] { margin-bottom: var(--sp-2); font-weight: var(--fw-semibold); }
.ops-preset__resolution label[b-r7jkzssny8],
.ops-preset__confirm[b-r7jkzssny8] { display: flex; align-items: flex-start; gap: var(--sp-2); font-size: var(--fs-sm); }

/* Rollback history */
.rb-list[b-r7jkzssny8] { display: flex; flex-direction: column; gap: var(--sp-2); }
.rb-item[b-r7jkzssny8] {
    display: flex; align-items: center; gap: var(--sp-3); padding: var(--sp-3) var(--sp-4);
    border: 1px solid var(--color-border); border-radius: var(--r-lg); font-size: var(--fs-sm);
}
.rb-item__dot[b-r7jkzssny8] { width: 8px; height: 8px; border-radius: var(--r-full); flex-shrink: 0; }
.rb-item__dot--current[b-r7jkzssny8] { background: var(--color-success, var(--p-emerald-500)); }
.rb-item__dot--past[b-r7jkzssny8] { background: var(--color-fg-subtle); }
.rb-item__main[b-r7jkzssny8] { flex: 1; }
.rb-item__title[b-r7jkzssny8] { font-weight: var(--fw-semibold); }
.rb-item__meta[b-r7jkzssny8] { font-size: var(--fs-xs); color: var(--color-fg-muted); margin-top: 1px; font-family: var(--font-mono); }
.rb-item__action[b-r7jkzssny8] { font-size: var(--fs-xs); font-weight: var(--fw-semibold); }

/* Sticky action bar */
.actionbar[b-r7jkzssny8] {
    position: sticky; bottom: 0; margin-top: var(--sp-6);
    padding: var(--sp-4) var(--sp-5); background: var(--color-bg-surface);
    border: 1px solid var(--color-border); border-radius: var(--card-radius);
    box-shadow: 0 -8px 24px -12px rgb(15 23 42 / 0.18);
    display: flex; align-items: center; gap: var(--sp-3); flex-wrap: wrap; z-index: 5;
}

@media (prefers-reduced-motion: reduce) {
    .size-tile[b-r7jkzssny8], .seg__opt[b-r7jkzssny8] { transition: none !important; }
}
/* /Components/Operations/OperationsAutonomyPanel.razor.rz.scp.css */
.ops-autonomy[b-xfhourzqvz] {
    display: grid;
    gap: var(--sp-4);
    padding: var(--sp-4);
    border-radius: var(--r-xl);
    border: 1px solid color-mix(in srgb, var(--color-primary) 12%, var(--color-border));
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 4%, var(--color-bg-surface)) 0%, var(--color-bg-surface) 100%);
}

.ops-autonomy__header[b-xfhourzqvz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--sp-3);
}

.ops-autonomy__eyebrow[b-xfhourzqvz] {
    font-size: 11px;
    font-weight: var(--fw-semibold);
    letter-spacing: var(--ls-widest);
    text-transform: uppercase;
    color: var(--color-primary);
}

.ops-autonomy__header h3[b-xfhourzqvz] {
    margin: .35rem 0 0;
    font-size: var(--fs-lg);
    font-weight: var(--fw-bold);
    color: var(--color-fg);
}

.ops-autonomy__header p[b-xfhourzqvz] {
    margin: .45rem 0 0;
    color: var(--color-fg-muted);
    line-height: var(--lh-relaxed);
}

.ops-autonomy__chips[b-xfhourzqvz],
.ops-autonomy__event-tags[b-xfhourzqvz] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
}

.ops-autonomy__toggle[b-xfhourzqvz] {
    justify-self: start;
    display: inline-flex;
    align-items: center;
    min-height: var(--btn-h-sm);
    padding: 0 var(--sp-3);
    border-radius: var(--btn-radius);
    border: 1px solid var(--color-border);
    background: var(--color-bg-surface);
    color: var(--color-primary);
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
    cursor: pointer;
}

.ops-autonomy__toggle:hover[b-xfhourzqvz],
.ops-autonomy__toggle:focus-visible[b-xfhourzqvz] {
    background: var(--color-primary-light);
    border-color: color-mix(in srgb, var(--color-primary) 24%, transparent);
}

.ops-autonomy__toggle:focus-visible[b-xfhourzqvz] {
    outline: 2px solid color-mix(in srgb, var(--color-primary) 28%, transparent);
    outline-offset: 2px;
}

.ops-autonomy__section--collapsed[b-xfhourzqvz] {
    display: none !important;
}

.ops-autonomy__chip[b-xfhourzqvz],
.ops-autonomy__pill[b-xfhourzqvz],
.ops-autonomy__event-pill[b-xfhourzqvz] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: var(--r-full);
    border: 1px solid var(--color-border);
    background: var(--color-bg-surface);
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
}

.ops-autonomy__stats[b-xfhourzqvz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--sp-3);
}

.ops-autonomy__stat[b-xfhourzqvz],
.ops-autonomy__panel[b-xfhourzqvz] {
    display: grid;
    gap: var(--sp-2);
    padding: var(--sp-4);
    border-radius: var(--r-lg);
    border: 1px solid var(--color-border);
    background: var(--color-bg-surface);
}

.ops-autonomy__panel--recent[b-xfhourzqvz] {
    min-height: 0;
}

.ops-autonomy__stat-label[b-xfhourzqvz],
.ops-autonomy__panel-title[b-xfhourzqvz] {
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
    letter-spacing: var(--ls-wide);
    text-transform: uppercase;
    color: var(--color-fg-muted);
}

.ops-autonomy__stat strong[b-xfhourzqvz] {
    font-size: var(--fs-2xl);
    color: var(--color-fg);
    line-height: 1;
}

.ops-autonomy__stat small[b-xfhourzqvz] {
    color: var(--color-fg-muted);
}

.ops-autonomy__grid[b-xfhourzqvz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--sp-3);
}

.ops-autonomy__row[b-xfhourzqvz],
.ops-autonomy__event[b-xfhourzqvz] {
    display: grid;
    gap: .35rem;
    padding: .9rem 1rem;
    border-radius: var(--r-lg);
    border: 1px solid var(--color-border);
    background: var(--color-bg-muted);
}

.ops-autonomy__row[b-xfhourzqvz] {
    grid-template-columns: 1fr auto;
    align-items: start;
}

.ops-autonomy__row strong[b-xfhourzqvz],
.ops-autonomy__event strong[b-xfhourzqvz] {
    color: var(--color-fg);
    font-size: var(--fs-sm);
}

.ops-autonomy__row-meta[b-xfhourzqvz],
.ops-autonomy__row-note[b-xfhourzqvz] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    color: var(--color-fg-muted);
    font-size: .84rem;
}

.ops-autonomy__subsection[b-xfhourzqvz] {
    display: grid;
    gap: var(--sp-2);
    margin-top: var(--sp-2);
}

.ops-autonomy__risk-list[b-xfhourzqvz] {
    display: grid;
    gap: var(--sp-2);
}

.ops-autonomy__risk-item[b-xfhourzqvz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-2);
    padding: .7rem .8rem;
    border-radius: var(--r-md);
    background: var(--color-bg-muted);
    border: 1px solid var(--color-border);
    color: var(--color-fg-muted);
    font-size: .84rem;
}

.ops-autonomy__risk-item strong[b-xfhourzqvz] {
    color: var(--color-fg);
}

.ops-autonomy__pill--warning[b-xfhourzqvz],
.ops-autonomy__event-pill--warning[b-xfhourzqvz] {
    background: var(--color-warning-bg);
    color: var(--color-warning-fg);
    border-color: color-mix(in srgb, var(--color-warning) 18%, transparent);
}

.ops-autonomy__pill--danger[b-xfhourzqvz],
.ops-autonomy__event-pill--danger[b-xfhourzqvz] {
    background: var(--color-error-bg);
    color: var(--color-error-fg);
    border-color: color-mix(in srgb, var(--color-error) 18%, transparent);
}

.ops-autonomy__event-pill--success[b-xfhourzqvz] {
    background: var(--color-success-bg);
    color: var(--color-success-fg);
    border-color: color-mix(in srgb, var(--color-success) 18%, transparent);
}

.ops-autonomy__event-pill--info[b-xfhourzqvz] {
    background: var(--color-primary-light);
    color: var(--color-primary);
    border-color: color-mix(in srgb, var(--color-primary) 18%, transparent);
}

.ops-autonomy__event-pill--neutral[b-xfhourzqvz] {
    background: var(--color-bg-muted);
    color: var(--color-fg-muted);
}

.ops-autonomy__event[b-xfhourzqvz] {
    color: inherit;
    text-decoration: none;
    transition: border-color var(--d-fast), background var(--d-fast);
}

.ops-autonomy__event-list[b-xfhourzqvz] {
    display: grid;
    gap: var(--sp-2);
    max-height: 24rem;
    overflow-y: auto;
    padding-right: .2rem;
    scrollbar-gutter: stable;
}

.ops-autonomy__event:hover[b-xfhourzqvz] {
    border-color: var(--color-border-strong);
    background: var(--color-bg-hover);
}

.ops-autonomy__event-head[b-xfhourzqvz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--sp-2);
}

.ops-autonomy__event-time[b-xfhourzqvz] {
    color: var(--color-fg-muted);
    font-size: .82rem;
    font-variant-numeric: tabular-nums;
}

.ops-autonomy__empty[b-xfhourzqvz] {
    padding: .9rem 1rem;
    border-radius: var(--r-lg);
    border: 1px dashed var(--color-border);
    color: var(--color-fg-muted);
    background: var(--color-bg-muted);
    font-size: .9rem;
}

@media (max-width: 1080px) {
    .ops-autonomy__stats[b-xfhourzqvz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ops-autonomy__grid[b-xfhourzqvz] {
        grid-template-columns: 1fr;
    }

    .ops-autonomy__event-list[b-xfhourzqvz] {
        max-height: none;
        overflow-y: visible;
        padding-right: 0;
    }
}

@media (max-width: 720px) {
    .ops-autonomy__header[b-xfhourzqvz] {
        flex-direction: column;
    }

    .ops-autonomy__stats[b-xfhourzqvz] {
        grid-template-columns: 1fr;
    }

    .ops-autonomy__row[b-xfhourzqvz],
    .ops-autonomy__event-head[b-xfhourzqvz] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Operations/OperationsBriefingPanel.razor.rz.scp.css */
.ops-briefing[b-cy9ds7w6h2] {
    display: grid;
    gap: var(--sp-4);
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--card-radius);
    box-shadow: var(--card-shadow);
    overflow: hidden;
}

.ops-briefing--loading[b-cy9ds7w6h2] {
    border-style: dashed;
}

.ops-briefing--error[b-cy9ds7w6h2] {
    border-color: color-mix(in srgb, var(--color-error) 24%, var(--color-border));
    background: var(--color-bg-surface);
}

.ops-briefing__header[b-cy9ds7w6h2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--sp-4);
    flex-wrap: wrap;
    padding: var(--sp-5) var(--sp-6);
    background: var(--gradient-ai-soft);
    border-bottom: 1px solid var(--color-border);
}

.ops-briefing__head-left[b-cy9ds7w6h2] {
    display: flex;
    align-items: center;
    gap: var(--sp-4);
    min-width: 0;
}

.ops-briefing__icon[b-cy9ds7w6h2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: var(--r-xl);
    background: var(--gradient-ai);
    color: var(--color-fg-inverse);
    box-shadow: 0 6px 16px -4px color-mix(in srgb, var(--color-primary) 50%, transparent);
    flex-shrink: 0;
    font-size: 1.25rem;
}

.ops-briefing__copy[b-cy9ds7w6h2] {
    max-width: 720px;
    min-width: 0;
}

.ops-briefing__header h2[b-cy9ds7w6h2] {
    margin: var(--sp-2) 0 0;
    font-size: var(--fs-xl);
    font-weight: var(--fw-bold);
    letter-spacing: var(--ls-tight);
    color: var(--color-fg);
}

.ops-briefing__header p[b-cy9ds7w6h2] {
    margin: var(--sp-2) 0 0;
    color: var(--color-fg-muted);
    line-height: var(--lh-relaxed);
}

.ops-briefing__eyebrow[b-cy9ds7w6h2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: var(--fw-semibold);
    letter-spacing: var(--ls-widest);
    text-transform: uppercase;
    color: var(--color-primary);
}

.ops-briefing__eyebrow-dot[b-cy9ds7w6h2] {
    width: 8px;
    height: 8px;
    border-radius: var(--r-full);
    background: var(--gradient-ai);
    flex-shrink: 0;
}

.ops-briefing__cta[b-cy9ds7w6h2] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.ops-briefing__morning[b-cy9ds7w6h2] {
    display: grid;
    gap: var(--sp-3);
    margin: var(--sp-5) var(--sp-6) 0;
    padding: var(--sp-4);
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 4%, var(--color-bg-surface)) 0%, var(--color-bg-surface) 100%);
    border: 1px solid color-mix(in srgb, var(--color-primary) 14%, var(--color-border));
    border-radius: var(--r-xl);
}

.ops-briefing__morning--empty[b-cy9ds7w6h2] {
    border-style: dashed;
}

.ops-briefing__morning-header[b-cy9ds7w6h2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--sp-3);
}

.ops-briefing__morning-title[b-cy9ds7w6h2] {
    font-size: var(--fs-sm);
    font-weight: var(--fw-bold);
    color: var(--color-fg);
}

.ops-briefing__morning-age[b-cy9ds7w6h2] {
    margin-top: 4px;
    font-size: var(--fs-xs);
    color: var(--color-fg-muted);
}

.ops-briefing__morning-cta[b-cy9ds7w6h2] {
    flex-shrink: 0;
}

.ops-briefing__morning-error[b-cy9ds7w6h2] {
    padding: var(--sp-3) var(--sp-4);
    border-radius: var(--r-lg);
    background: var(--color-error-bg);
    color: var(--color-error-fg);
    font-size: var(--fs-sm);
    line-height: 1.5;
}

.ops-briefing__morning-body[b-cy9ds7w6h2] {
    font-size: var(--fs-sm);
    line-height: 1.7;
    color: var(--color-fg);
    white-space: pre-wrap;
}

.ops-briefing__morning-body--clamp[b-cy9ds7w6h2] {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ops-briefing__morning-expand[b-cy9ds7w6h2] {
    justify-self: flex-start;
    padding: 0;
    border: none;
    background: transparent;
    color: var(--color-primary);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
    cursor: pointer;
}

.ops-briefing__morning-expand:hover[b-cy9ds7w6h2] {
    text-decoration: underline;
}

.ops-briefing__stats[b-cy9ds7w6h2] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    background: var(--color-border);
    border-bottom: 1px solid var(--color-border);
}

.ops-stat[b-cy9ds7w6h2] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--sp-4) var(--sp-5);
    background: var(--color-bg-surface);
}

.ops-stat__icon[b-cy9ds7w6h2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--r-lg);
    background: var(--color-bg-muted);
    color: var(--color-primary);
    font-size: 18px;
}

.ops-stat--total .ops-stat__icon[b-cy9ds7w6h2] {
    background: var(--color-primary-light);
    color: var(--p-indigo-700);
}

.ops-stat--open .ops-stat__icon[b-cy9ds7w6h2] {
    background: var(--color-info-bg);
    color: var(--color-info-fg);
}

.ops-stat--approval .ops-stat__icon[b-cy9ds7w6h2] {
    color: var(--color-warning-fg);
    background: var(--color-warning-bg);
}

.ops-stat--overdue .ops-stat__icon[b-cy9ds7w6h2] {
    color: var(--color-error-fg);
    background: var(--color-error-bg);
}

.ops-stat__label[b-cy9ds7w6h2] {
    margin-top: var(--sp-2);
    font-size: 11px;
    font-weight: var(--fw-semibold);
    letter-spacing: var(--ls-wide);
    text-transform: uppercase;
    color: var(--color-fg-muted);
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.ops-stat__value-row[b-cy9ds7w6h2] {
    display: grid;
    gap: 2px;
    margin-top: 4px;
}

.ops-stat strong[b-cy9ds7w6h2] {
    font-size: var(--fs-3xl);
    font-weight: var(--fw-bold);
    letter-spacing: var(--ls-tight);
    color: var(--color-fg);
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.ops-stat--overdue strong[b-cy9ds7w6h2] {
    color: var(--color-error-fg);
}

.ops-stat small[b-cy9ds7w6h2] {
    font-size: var(--fs-xs);
    color: var(--color-fg-muted);
}

.ops-briefing__body[b-cy9ds7w6h2] {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: var(--sp-6);
    padding: var(--sp-5) var(--sp-6);
}

.ops-briefing__body-col[b-cy9ds7w6h2] {
    min-width: 0;
}

.ops-briefing__section-title[b-cy9ds7w6h2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-3);
    margin-bottom: var(--sp-3);
    font-size: var(--fs-sm);
    font-weight: var(--fw-bold);
    color: var(--color-fg);
}

.ops-briefing__section-link[b-cy9ds7w6h2] {
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
    color: var(--color-primary);
    text-decoration: none;
}

.ops-briefing__section-link:hover[b-cy9ds7w6h2] {
    text-decoration: underline;
}

.ops-briefing__roles[b-cy9ds7w6h2] {
    display: grid;
    gap: var(--sp-2);
}

.ops-role-chip[b-cy9ds7w6h2] {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
    padding: var(--sp-2) var(--sp-3);
    border: 1px solid var(--color-border);
    border-radius: var(--r-lg);
    background: var(--color-bg-surface);
    transition: border-color var(--d-fast);
}

.ops-role-chip--attention[b-cy9ds7w6h2] {
    border-color: color-mix(in srgb, var(--color-warning) 36%, var(--color-border));
}

.ops-role-chip--urgent[b-cy9ds7w6h2] {
    border-color: color-mix(in srgb, var(--color-error) 36%, var(--color-border));
}

.ops-role-chip__name-row[b-cy9ds7w6h2] {
    display: flex;
    justify-content: space-between;
    gap: var(--sp-2);
    align-items: center;
    flex: 1;
    min-width: 0;
}

.ops-role-chip__name[b-cy9ds7w6h2] {
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
    color: var(--color-fg);
}

.ops-role-chip__status[b-cy9ds7w6h2] {
    display: inline-flex;
    align-items: center;
    height: var(--badge-h);
    padding: 0 var(--badge-px);
    border-radius: var(--badge-radius);
    font-size: 11px;
    font-weight: var(--fw-bold);
    background: var(--color-bg-muted);
    color: var(--color-fg-muted);
}

.ops-role-chip--urgent .ops-role-chip__status[b-cy9ds7w6h2] {
    background: var(--color-error-bg);
    color: var(--color-error-fg);
}

.ops-role-chip--attention .ops-role-chip__status[b-cy9ds7w6h2] {
    background: var(--color-warning-bg);
    color: var(--color-warning-fg);
}

.ops-role-chip__stats[b-cy9ds7w6h2] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
}

.ops-role-chip__stats span[b-cy9ds7w6h2] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 24px;
    padding: 0 10px;
    border-radius: var(--r-full);
    background: var(--color-bg-muted);
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
}

.ops-role-chip__stats strong[b-cy9ds7w6h2] {
    color: var(--color-fg);
}

.ops-briefing__urgent[b-cy9ds7w6h2] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
}

.ops-briefing__stable[b-cy9ds7w6h2] {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    padding: var(--sp-3) var(--sp-4);
    border-radius: var(--r-lg);
    background: var(--color-success-bg);
    color: var(--color-success-fg);
    font-size: var(--fs-sm);
    margin-top: var(--sp-3);
}

.ops-briefing__stable span[b-cy9ds7w6h2] {
    color: var(--color-success-fg);
}

.ops-briefing__stable strong[b-cy9ds7w6h2] {
    color: var(--color-success-fg);
}

.ops-urgent-item[b-cy9ds7w6h2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--sp-3);
    padding: var(--sp-3);
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--r-lg);
    color: inherit;
    text-decoration: none;
    transition: border-color var(--d-fast), background var(--d-fast);
}

.ops-urgent-item:hover[b-cy9ds7w6h2] {
    border-color: var(--p-indigo-300);
    background: var(--color-primary-light);
}

.ops-urgent-item__content[b-cy9ds7w6h2] {
    min-width: 0;
}

.ops-urgent-item__title[b-cy9ds7w6h2] {
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
    color: var(--color-fg);
}

.ops-urgent-item__meta[b-cy9ds7w6h2] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}

.ops-urgent-item__meta-pill[b-cy9ds7w6h2] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 8px;
    border-radius: var(--r-full);
    background: var(--color-bg-muted);
    color: var(--color-fg-muted);
    font-size: 11px;
}

.ops-urgent-item__meta-pill--tone-info[b-cy9ds7w6h2] {
    background: var(--color-primary-light);
    color: var(--color-primary);
}

.ops-urgent-item__meta-pill--tone-warning[b-cy9ds7w6h2] {
    background: var(--color-warning-bg);
    color: var(--color-warning-fg);
}

.ops-urgent-item__meta-pill--tone-success[b-cy9ds7w6h2] {
    background: var(--color-success-bg);
    color: var(--color-success-fg);
}

.ops-urgent-item__meta-pill--tone-danger[b-cy9ds7w6h2] {
    background: var(--color-error-bg);
    color: var(--color-error-fg);
}

.ops-urgent-item__meta-pill--tone-neutral[b-cy9ds7w6h2] {
    background: var(--color-bg-muted);
    color: var(--color-fg-muted);
}

.ops-severity[b-cy9ds7w6h2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--badge-h);
    padding: 0 var(--badge-px);
    border-radius: var(--badge-radius);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
    border: 1px solid transparent;
    flex-shrink: 0;
}

.ops-severity--critical[b-cy9ds7w6h2] {
    background: var(--color-error-bg);
    color: var(--color-error-fg);
    border-color: color-mix(in srgb, var(--color-error) 22%, transparent);
}

.ops-severity--high[b-cy9ds7w6h2] {
    background: var(--color-warning-bg);
    color: var(--color-warning-fg);
    border-color: color-mix(in srgb, var(--color-warning) 22%, transparent);
}

.ops-severity--medium[b-cy9ds7w6h2] {
    background: var(--color-success-bg);
    color: var(--color-success-fg);
    border-color: color-mix(in srgb, var(--color-success) 22%, transparent);
}

.ops-severity--low[b-cy9ds7w6h2] {
    background: var(--color-bg-muted);
    color: var(--color-fg-muted);
    border-color: var(--color-border);
}

@media (max-width: 980px) {
    .ops-briefing__body[b-cy9ds7w6h2] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 960px) {
    .ops-briefing__header[b-cy9ds7w6h2] {
        flex-direction: column;
        align-items: flex-start;
    }

    .ops-briefing__morning-header[b-cy9ds7w6h2] {
        flex-direction: column;
    }

    .ops-briefing__stats[b-cy9ds7w6h2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .ops-briefing__stats[b-cy9ds7w6h2] {
        grid-template-columns: 1fr;
    }

    .ops-urgent-item[b-cy9ds7w6h2] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ops-urgent-item[b-cy9ds7w6h2],
    .ops-role-chip[b-cy9ds7w6h2] {
        transition: none;
    }
}
/* /Components/Operations/OperationsExternalActionPanel.razor.rz.scp.css */
.ops-external-action[b-1zfoa45hu5] {
    display: grid;
    gap: var(--sp-4);
    margin: var(--sp-3) 0 0;
    padding: var(--sp-4);
    border: 1px solid var(--color-border);
    border-top: 1px solid var(--color-border);
    border-radius: 0 0 var(--r-lg) var(--r-lg);
    background: var(--color-bg-surface);
}

.ops-external-action__heading[b-1zfoa45hu5],
.ops-external-action__step[b-1zfoa45hu5] {
    display: flex;
    gap: var(--sp-3);
    justify-content: space-between;
}

.ops-external-action__heading p[b-1zfoa45hu5],
.ops-external-action__step p[b-1zfoa45hu5] {
    margin: .25rem 0 .65rem;
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
}

.ops-external-action__heading strong[b-1zfoa45hu5] {
    color: var(--color-fg);
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
}

.ops-external-action__security[b-1zfoa45hu5] {
    align-self: flex-start;
    padding: .35rem .55rem;
    border-radius: var(--r-full);
    background: var(--color-warning-bg);
    color: var(--color-warning-fg);
    font-size: 11px;
    font-weight: var(--fw-bold);
}

.ops-external-action__step[b-1zfoa45hu5] {
    justify-content: flex-start;
    padding-top: var(--sp-3);
    border-top: 1px solid var(--color-border);
}

.ops-external-action__step > div:last-child[b-1zfoa45hu5] {
    min-width: 0;
    flex: 1;
}

.ops-external-action__step strong[b-1zfoa45hu5] {
    color: var(--color-fg);
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
}

.ops-external-action__step-number[b-1zfoa45hu5] {
    display: grid;
    place-items: center;
    width: 1.7rem;
    height: 1.7rem;
    flex: 0 0 1.7rem;
    border-radius: var(--r-full);
    background: var(--color-accent);
    color: var(--color-fg-inverse);
    font-weight: var(--fw-bold);
    font-size: var(--fs-sm);
}

.ops-external-action__actions[b-1zfoa45hu5] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
}

.ops-external-action__instruction[b-1zfoa45hu5] {
    display: grid;
    gap: .25rem;
    margin-top: var(--sp-2);
    padding: var(--sp-3);
    border-radius: var(--r-md);
    background: var(--color-bg-muted);
}

.ops-external-action__instruction code[b-1zfoa45hu5] {
    font-family: var(--font-mono);
    font-size: var(--fs-xs);
    color: var(--color-fg);
    word-break: break-all;
}

.ops-external-action__requirements[b-1zfoa45hu5],
.ops-external-action__evidence-list[b-1zfoa45hu5] {
    display: grid;
    gap: var(--sp-2);
    margin: var(--sp-3) 0;
    padding: 0;
    list-style: none;
}

.ops-external-action__requirement[b-1zfoa45hu5],
.ops-external-action__evidence-list li[b-1zfoa45hu5] {
    display: flex;
    justify-content: space-between;
    gap: var(--sp-3);
    padding: var(--sp-2) var(--sp-3);
    border: 1px solid var(--color-border);
    border-radius: var(--r-md);
    background: var(--color-bg-muted);
    font-size: var(--fs-sm);
}

.ops-external-action__evidence-list li[b-1zfoa45hu5] {
    align-items: flex-start;
    flex-direction: column;
}

.ops-external-action__upload-grid[b-1zfoa45hu5],
.ops-external-action__submit-grid[b-1zfoa45hu5] {
    display: grid;
    grid-template-columns: minmax(10rem, .7fr) minmax(14rem, 1.3fr);
    gap: var(--sp-3);
}

.ops-external-action__upload-grid label[b-1zfoa45hu5],
.ops-external-action__submit-grid label[b-1zfoa45hu5] {
    display: grid;
    gap: .3rem;
}

.ops-external-action__validation[b-1zfoa45hu5] {
    margin: var(--sp-3) 0;
    color: var(--color-warning-fg);
    font-size: var(--fs-sm);
}

.ops-external-action__muted[b-1zfoa45hu5] {
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
}

@media (max-width: 720px) {
    .ops-external-action__heading[b-1zfoa45hu5] { flex-direction: column; }
    .ops-external-action__security[b-1zfoa45hu5] { align-self: stretch; }
    .ops-external-action__upload-grid[b-1zfoa45hu5],
    .ops-external-action__submit-grid[b-1zfoa45hu5] { grid-template-columns: 1fr; }
}
/* /Components/Operations/OperationsInboxTable.razor.rz.scp.css */
.ops-table[b-kf15vuj862] {
    display: grid;
    gap: 0;
    border: 1px solid var(--color-border);
    border-radius: var(--card-radius);
    background: var(--color-bg-surface);
    overflow: hidden;
    box-shadow: var(--card-shadow);
}

.ops-table__head[b-kf15vuj862],
.ops-table__row[b-kf15vuj862] {
    display: grid;
    gap: var(--sp-4);
    align-items: center;
}

.ops-table__head[b-kf15vuj862] {
    grid-template-columns: 34px minmax(0, 2.4fr) minmax(180px, 1.35fr) minmax(170px, 1fr) minmax(150px, .95fr);
    padding: .9rem 1rem;
    background: var(--color-bg-muted);
    border-bottom: 1px solid var(--color-border);
    font-size: .76rem;
    font-weight: var(--fw-semibold);
    letter-spacing: var(--ls-wide);
    text-transform: uppercase;
    color: var(--color-fg-subtle);
}

.ops-table__row[b-kf15vuj862] {
    grid-template-columns: 34px minmax(0, 1fr);
    position: relative;
    width: 100%;
    padding: 1rem 1rem 1rem calc(1rem + 10px);
    border: 0;
    border-top: 1px solid var(--color-border);
    background: transparent;
    text-align: left;
    transition: background var(--d-fast), border-color var(--d-fast), transform var(--d-fast);
}

.ops-table__selection[b-kf15vuj862] {
    display: inline-flex;
    align-items: start;
    padding-top: .2rem;
}

.ops-table__selection input[b-kf15vuj862] { accent-color: var(--color-primary); }

.ops-table__open[b-kf15vuj862] {
    display: grid;
    grid-template-columns: minmax(0, 2.4fr) minmax(180px, 1.35fr) minmax(170px, 1fr) minmax(150px, .95fr);
    gap: var(--sp-4);
    align-items: center;
    width: 100%;
    min-width: 0;
    border: 0;
    padding: 0;
    color: inherit;
    background: transparent;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.ops-table__head + .ops-table__row[b-kf15vuj862] {
    border-top: 0;
}

.ops-table__row[b-kf15vuj862]::before {
    content: "";
    position: absolute;
    top: 14px;
    bottom: 14px;
    left: 0;
    width: 4px;
    border-radius: var(--r-full);
    background: var(--color-border);
}

.ops-table__row:hover[b-kf15vuj862] {
    background: var(--table-row-hover-bg);
}

.ops-table__row--active[b-kf15vuj862] {
    background: var(--table-row-hover-bg);
}

.ops-table__row:has(.ops-table__open:focus-visible)[b-kf15vuj862] {
    background: var(--table-row-hover-bg);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 32%, var(--color-border));
}

.ops-table__row:focus-visible[b-kf15vuj862] {
    outline: none;
    background: var(--table-row-hover-bg);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 32%, var(--color-border));
}

.ops-table__row--severity-critical[b-kf15vuj862]::before { background: var(--color-error); }
.ops-table__row--severity-high[b-kf15vuj862]::before { background: var(--color-warning); }
.ops-table__row--severity-medium[b-kf15vuj862]::before { background: var(--color-success); }
.ops-table__row--severity-low[b-kf15vuj862]::before { background: var(--color-fg-subtle); }

.ops-table__cell[b-kf15vuj862] {
    min-width: 0;
    display: grid;
    gap: .28rem;
    align-content: center;
}

.ops-table__cell--status[b-kf15vuj862],
.ops-table__cell--due[b-kf15vuj862] {
    align-content: start;
}

.ops-table__cell-label[b-kf15vuj862] {
    display: none;
    font-size: 10px;
    font-weight: var(--fw-semibold);
    letter-spacing: var(--ls-widest);
    text-transform: uppercase;
    color: var(--color-fg-subtle);
}

.ops-table__title-text[b-kf15vuj862],
.ops-table__primary-text[b-kf15vuj862] {
    min-width: 0;
    font-size: .95rem;
    line-height: 1.4;
    color: var(--color-fg);
}

.ops-table__title-text[b-kf15vuj862] {
    font-weight: var(--fw-semibold);
}

.ops-table__next-action[b-kf15vuj862] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: var(--badge-h);
    padding: 0 var(--badge-px);
    border-radius: var(--badge-radius);
    border: 1px solid var(--color-border);
    background: var(--color-bg-muted);
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
}

.ops-table__decision-line[b-kf15vuj862] {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    flex-wrap: wrap;
}

.ops-table__mobile-urgency[b-kf15vuj862] {
    display: none;
}

.ops-table__next-action--tone-info[b-kf15vuj862] {
    background: var(--color-primary-light);
    color: var(--color-primary);
    border-color: color-mix(in srgb, var(--color-primary) 18%, transparent);
}

.ops-table__next-action--tone-warning[b-kf15vuj862] {
    background: var(--color-warning-bg);
    color: var(--color-warning-fg);
    border-color: color-mix(in srgb, var(--color-warning) 18%, transparent);
}

.ops-table__next-action--tone-danger[b-kf15vuj862] {
    background: var(--color-error-bg);
    color: var(--color-error-fg);
    border-color: color-mix(in srgb, var(--color-error) 18%, transparent);
}

.ops-table__next-action--tone-success[b-kf15vuj862] {
    background: var(--color-success-bg);
    color: var(--color-success-fg);
    border-color: color-mix(in srgb, var(--color-success) 18%, transparent);
}

.ops-table__primary-text[b-kf15vuj862] {
    font-weight: var(--fw-medium);
}

.ops-table__primary-text--muted[b-kf15vuj862] {
    color: var(--color-fg-muted);
}

.ops-table__subtext[b-kf15vuj862] {
    min-width: 0;
    font-size: .83rem;
    line-height: 1.45;
    color: var(--color-fg-muted);
}

.ops-table__subtext--clamp[b-kf15vuj862] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.ops-table__subtext--danger[b-kf15vuj862] {
    color: var(--color-error-fg);
    font-weight: var(--fw-semibold);
}

.ops-pill[b-kf15vuj862] {
    display: inline-flex;
    align-items: center;
    min-height: var(--badge-h);
    width: fit-content;
    padding: 0 var(--badge-px);
    border-radius: var(--badge-radius);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
    border: 1px solid var(--color-border);
    background: var(--color-bg-surface);
    color: var(--color-fg-muted);
}

.ops-table__assignee[b-kf15vuj862] {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    min-width: 0;
}

.ops-table__assignee-mark[b-kf15vuj862] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: var(--r-full);
    background: var(--color-primary-light);
    color: var(--p-indigo-700);
    font-size: var(--fs-xs);
    font-weight: var(--fw-bold);
    flex-shrink: 0;
}

.ops-table__assignee-mark--queue[b-kf15vuj862] {
    background: var(--color-bg-muted);
    color: var(--color-fg-subtle);
    font-weight: var(--fw-normal);
}

.ops-table__assignee-text[b-kf15vuj862] {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.ops-pill--tone-info[b-kf15vuj862] {
    background: var(--color-primary-light);
    color: var(--color-primary);
    border-color: color-mix(in srgb, var(--color-primary) 18%, transparent);
}

.ops-pill--tone-warning[b-kf15vuj862] {
    background: var(--color-warning-bg);
    color: var(--color-warning-fg);
    border-color: color-mix(in srgb, var(--color-warning) 18%, transparent);
}

.ops-pill--tone-success[b-kf15vuj862] {
    background: var(--color-success-bg);
    color: var(--color-success-fg);
    border-color: color-mix(in srgb, var(--color-success) 18%, transparent);
}

.ops-pill--tone-danger[b-kf15vuj862] {
    background: var(--color-error-bg);
    color: var(--color-error-fg);
    border-color: color-mix(in srgb, var(--color-error) 18%, transparent);
}

.ops-pill--tone-neutral[b-kf15vuj862] {
    background: var(--color-bg-muted);
    color: var(--color-fg-muted);
    border-color: var(--color-border);
}

.ops-table > .list-surface__pager[b-kf15vuj862] {
    margin: .75rem 1rem 1rem;
}

.ops-table-state[b-kf15vuj862] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--sp-3);
    padding: var(--sp-6);
    border: 1px dashed var(--color-border);
    border-radius: var(--card-radius);
    color: var(--color-fg-muted);
    background: var(--color-bg-surface);
}

.ops-table-state__icon[b-kf15vuj862] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: var(--r-lg);
    background: var(--color-bg-muted);
    color: var(--color-fg-muted);
    font-size: 1.25rem;
}

.ops-table-state__body[b-kf15vuj862] {
    display: grid;
    gap: var(--sp-1);
    min-width: 0;
}

.ops-table-state strong[b-kf15vuj862] {
    color: var(--color-fg);
}

.ops-table-state__action[b-kf15vuj862] {
    min-height: 44px;
}

.ops-table-state--error[b-kf15vuj862] {
    border-color: color-mix(in srgb, var(--color-error) 24%, var(--color-border));
    color: var(--color-error-fg);
}

.ops-table-state--error .ops-table-state__icon[b-kf15vuj862] {
    background: var(--color-error-bg);
    color: var(--color-error-fg);
}

.ops-table-state--permission[b-kf15vuj862] {
    border-color: color-mix(in srgb, var(--color-warning) 28%, var(--color-border));
}

.ops-table-state--permission .ops-table-state__icon[b-kf15vuj862] {
    background: var(--color-warning-bg);
    color: var(--color-warning-fg);
}

.ops-table-state--loading[b-kf15vuj862] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--sp-3);
    padding: var(--sp-3);
    border-style: solid;
}

.ops-table-skeleton[b-kf15vuj862] {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) minmax(120px, .3fr);
    gap: var(--sp-3);
    align-items: center;
    min-height: 84px;
    padding: var(--sp-3);
    border: 1px solid var(--color-border);
    border-radius: var(--r-lg);
    background: var(--color-bg-surface);
}

.ops-table-skeleton__check[b-kf15vuj862],
.ops-table-skeleton__line[b-kf15vuj862],
.ops-table-skeleton__meta[b-kf15vuj862] {
    display: block;
    border-radius: var(--r-md);
    background: linear-gradient(90deg, var(--color-bg-muted), var(--color-bg-subtle), var(--color-bg-muted));
    background-size: 200% 100%;
    animation: ops-table-skeleton-pulse-b-kf15vuj862 1.4s ease-in-out infinite;
}

.ops-table-skeleton__check[b-kf15vuj862] {
    width: 20px;
    height: 20px;
}

.ops-table-skeleton__body[b-kf15vuj862] {
    display: grid;
    gap: var(--sp-2);
}

.ops-table-skeleton__line[b-kf15vuj862] {
    width: 100%;
    height: 12px;
}

.ops-table-skeleton__line--short[b-kf15vuj862] {
    width: 32%;
}

.ops-table-skeleton__line--medium[b-kf15vuj862] {
    width: 68%;
}

.ops-table-skeleton__meta[b-kf15vuj862] {
    width: 100%;
    height: 32px;
}

@keyframes ops-table-skeleton-pulse-b-kf15vuj862 {
    from { background-position: 100% 0; }
    to { background-position: -100% 0; }
}

@media (max-width: 1080px) {
    .ops-table__head[b-kf15vuj862] {
        grid-template-columns: 30px minmax(0, 2.1fr) minmax(160px, 1.2fr) minmax(150px, .95fr) minmax(130px, .85fr);
    }

    .ops-table__row[b-kf15vuj862] {
        grid-template-columns: 30px minmax(0, 1fr);
        gap: var(--sp-3);
    }

    .ops-table__open[b-kf15vuj862] {
        grid-template-columns: minmax(0, 2.1fr) minmax(160px, 1.2fr) minmax(150px, .95fr) minmax(130px, .85fr);
        gap: var(--sp-3);
    }
}

@media (max-width: 860px) {
    .ops-table-state[b-kf15vuj862] {
        grid-template-columns: auto minmax(0, 1fr);
        padding: var(--sp-4);
    }

    .ops-table-state__action[b-kf15vuj862] {
        grid-column: 1 / -1;
        width: 100%;
        justify-content: center;
    }

    .ops-table-skeleton[b-kf15vuj862] {
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .ops-table-skeleton__meta[b-kf15vuj862] {
        grid-column: 2;
        width: 56%;
    }

    .ops-table[b-kf15vuj862] {
        gap: var(--sp-3);
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        overflow: visible;
    }

    .ops-table__head[b-kf15vuj862] {
        display: none;
    }

    .ops-table__row[b-kf15vuj862] {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: var(--sp-3);
        padding: var(--sp-3);
        padding-left: calc(var(--sp-3) + 10px);
        border: 1px solid var(--color-border);
        border-radius: var(--r-xl);
        background: var(--color-bg-surface);
        box-shadow: var(--sh-sm);
    }

    .ops-table__head + .ops-table__row[b-kf15vuj862] {
        border-top: 1px solid var(--color-border);
    }

    .ops-table__cell[b-kf15vuj862] {
        gap: .35rem;
    }

    .ops-table__selection[b-kf15vuj862] {
        align-self: start;
        justify-content: center;
        min-width: 44px;
        min-height: 44px;
        padding-top: .65rem;
    }

    .ops-table__selection input[b-kf15vuj862] {
        width: 20px;
        height: 20px;
    }

    .ops-table__open[b-kf15vuj862] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--sp-3);
        min-width: 0;
        min-height: 44px;
        border-radius: var(--r-md);
    }

    .ops-table__open:focus-visible[b-kf15vuj862] {
        outline: 2px solid var(--color-primary);
        outline-offset: 3px;
    }

    .ops-table__cell--work[b-kf15vuj862] {
        grid-column: 1 / -1;
    }

    .ops-table__mobile-urgency[b-kf15vuj862] {
        display: inline-flex;
        align-items: center;
        min-height: var(--badge-h);
        padding: 0 var(--badge-px);
        border-radius: var(--badge-radius);
        background: var(--color-bg-muted);
        color: var(--color-fg-muted);
        font-size: var(--fs-xs);
        font-weight: var(--fw-semibold);
    }

    .ops-table__mobile-urgency--critical[b-kf15vuj862],
    .ops-table__mobile-urgency--high[b-kf15vuj862] {
        background: var(--color-error-bg);
        color: var(--color-error-fg);
    }

    .ops-table__cell--owner[b-kf15vuj862],
    .ops-table__cell--status[b-kf15vuj862],
    .ops-table__cell--due[b-kf15vuj862] {
        padding-top: var(--sp-2);
        border-top: 1px solid var(--color-border);
    }

    .ops-table__cell-label[b-kf15vuj862] {
        display: block;
    }

    .ops-table__subtext--clamp[b-kf15vuj862] {
        -webkit-line-clamp: 2;
    }

    .ops-table > .list-surface__pager[b-kf15vuj862] {
        margin: 0;
    }
}

@media (max-width: 480px) {
    .ops-table__row[b-kf15vuj862] {
        grid-template-columns: 40px minmax(0, 1fr);
        padding: var(--sp-3) var(--sp-2);
    }

    .ops-table__open[b-kf15vuj862] {
        grid-template-columns: 1fr;
    }

    .ops-table__cell--work[b-kf15vuj862],
    .ops-table__cell--owner[b-kf15vuj862],
    .ops-table__cell--status[b-kf15vuj862],
    .ops-table__cell--due[b-kf15vuj862] {
        grid-column: 1;
    }

    .ops-table__cell--due[b-kf15vuj862] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ops-table-skeleton__check[b-kf15vuj862],
    .ops-table-skeleton__line[b-kf15vuj862],
    .ops-table-skeleton__meta[b-kf15vuj862] {
        animation: none;
    }
}
/* /Components/Operations/OperationsOutcomeAnalyticsPanel.razor.rz.scp.css */
.ops-outcome-analytics[b-re2m3n9ig2] {
    display: grid;
    gap: var(--sp-4);
    min-width: 0;
    max-width: 100%;
    margin: var(--sp-5) 0;
    padding: var(--sp-5);
    box-sizing: border-box;
    border: 1px solid var(--color-border);
    border-radius: var(--r-lg);
    background: var(--color-bg-card);
}

.ops-outcome-analytics__header[b-re2m3n9ig2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sp-4);
}

.ops-outcome-analytics__header h2[b-re2m3n9ig2] {
    margin: 0;
    color: var(--color-fg);
    font-size: var(--fs-lg);
}

.ops-outcome-analytics__header p[b-re2m3n9ig2] {
    margin: 6px 0 0;
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
}

.ops-outcome-analytics__eyebrow[b-re2m3n9ig2] {
    margin: 0 0 4px !important;
    color: var(--color-primary);
    font-size: var(--fs-xs) !important;
    font-weight: var(--fw-semibold);
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ops-outcome-analytics__status[b-re2m3n9ig2] {
    min-height: 20px;
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
}

.ops-outcome-analytics__error[b-re2m3n9ig2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-3);
    padding: var(--sp-3);
    border-radius: var(--r-md);
    background: var(--color-danger-light);
    color: var(--color-danger-fg);
}

.ops-outcome-analytics__metrics[b-re2m3n9ig2] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: var(--sp-3);
}

.ops-outcome-analytics__metric[b-re2m3n9ig2] {
    display: grid;
    gap: 4px;
    min-width: 0;
    padding: var(--sp-4);
    border: 1px solid var(--color-border);
    border-radius: var(--r-lg);
    background: var(--color-bg-app);
}

.ops-outcome-analytics__metric span[b-re2m3n9ig2],
.ops-outcome-analytics__action[b-re2m3n9ig2] {
    color: var(--color-fg-muted);
    font-size: 11px;
    font-weight: var(--fw-semibold);
    letter-spacing: var(--ls-wide);
    text-transform: uppercase;
}

.ops-outcome-analytics__metric strong[b-re2m3n9ig2] {
    margin-top: 4px;
    color: var(--color-fg);
    font-size: var(--fs-2xl);
    font-weight: var(--fw-bold);
    letter-spacing: var(--ls-tight);
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.ops-outcome-analytics__value-grid[b-re2m3n9ig2] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr);
    gap: var(--sp-3);
}

.ops-outcome-analytics__value-card[b-re2m3n9ig2] {
    display: grid;
    gap: var(--sp-3);
    padding: var(--sp-4);
    border: 1px solid var(--color-border);
    border-radius: var(--r-md);
    background: var(--color-bg-surface);
}

.ops-outcome-analytics__value-card--estimate[b-re2m3n9ig2] {
    border-style: solid;
    border-color: var(--p-violet-200, var(--p-violet-100));
    background: var(--color-accent-light);
}

.ops-outcome-analytics__value-heading[b-re2m3n9ig2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sp-3);
}

.ops-outcome-analytics__value-heading h3[b-re2m3n9ig2],
.ops-outcome-analytics__value-card p[b-re2m3n9ig2] {
    margin: var(--sp-2) 0 0;
}

.ops-outcome-analytics__value-heading small[b-re2m3n9ig2],
.ops-outcome-analytics__value-card p[b-re2m3n9ig2],
.ops-outcome-analytics__definitions small[b-re2m3n9ig2],
.ops-outcome-analytics__definitions span[b-re2m3n9ig2] {
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
}

.ops-outcome-analytics__value-list[b-re2m3n9ig2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--sp-3);
    margin: 0;
}

.ops-outcome-analytics__value-list div[b-re2m3n9ig2] {
    display: grid;
    gap: 4px;
}

.ops-outcome-analytics__value-list dt[b-re2m3n9ig2] {
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
}

.ops-outcome-analytics__value-list dd[b-re2m3n9ig2] {
    margin: 0;
    color: var(--color-fg);
    font-weight: var(--fw-semibold);
}

.ops-outcome-analytics__definitions[b-re2m3n9ig2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--sp-3);
}

.ops-outcome-analytics__definitions article[b-re2m3n9ig2] {
    display: grid;
    gap: 4px;
    padding: var(--sp-3);
    border: 1px solid var(--color-border);
    border-radius: var(--r-md);
}

.ops-outcome-analytics__table-wrap[b-re2m3n9ig2] {
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    border: 1px solid var(--color-border);
    border-radius: var(--r-md);
}

.ops-outcome-analytics__table[b-re2m3n9ig2] {
    width: 100%;
    min-width: 660px;
    border-collapse: collapse;
    font-size: var(--fs-sm);
}

.ops-outcome-analytics__table caption[b-re2m3n9ig2] {
    padding: var(--sp-3);
    color: var(--color-fg-muted);
    text-align: left;
    font-size: var(--fs-xs);
}

.ops-outcome-analytics__table th[b-re2m3n9ig2],
.ops-outcome-analytics__table td[b-re2m3n9ig2] {
    padding: var(--sp-3);
    border-top: 1px solid var(--color-border);
    text-align: left;
    vertical-align: top;
}

.ops-outcome-analytics__table thead th[b-re2m3n9ig2] {
    border-top: 0;
    color: var(--color-fg-muted);
    background: var(--color-bg-surface);
    font-size: var(--fs-xs);
}

.ops-outcome-analytics__workflow[b-re2m3n9ig2],
.ops-outcome-analytics__action[b-re2m3n9ig2] {
    display: block;
}

.ops-outcome-analytics__workflow[b-re2m3n9ig2] {
    color: var(--color-fg);
    font-weight: var(--fw-semibold);
}

.ops-outcome-analytics__badge[b-re2m3n9ig2] {
    display: inline-flex;
    padding: 3px 8px;
    border: 1px solid var(--color-border);
    border-radius: var(--r-full);
    color: var(--color-fg);
    background: var(--color-bg-surface);
    font-size: var(--fs-xs);
    white-space: nowrap;
}

.ops-outcome-analytics__matrix[b-re2m3n9ig2] {
    display: grid;
    gap: var(--sp-3);
}

.ops-outcome-analytics__matrix summary[b-re2m3n9ig2] {
    cursor: pointer;
    color: var(--color-fg);
    font-weight: var(--fw-semibold);
}

.ops-outcome-analytics__matrix > p[b-re2m3n9ig2],
.ops-outcome-analytics__empty[b-re2m3n9ig2] {
    margin: 0;
    padding: var(--sp-3);
    border-radius: var(--r-md);
    color: var(--color-fg-muted);
    background: var(--color-bg-surface);
    font-size: var(--fs-sm);
}

@media (max-width: 900px) {
    .ops-outcome-analytics__metrics[b-re2m3n9ig2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ops-outcome-analytics__value-grid[b-re2m3n9ig2] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .ops-outcome-analytics[b-re2m3n9ig2] {
        padding: var(--sp-4);
    }

    .ops-outcome-analytics__header[b-re2m3n9ig2],
    .ops-outcome-analytics__error[b-re2m3n9ig2] {
        align-items: stretch;
        flex-direction: column;
    }

    .ops-outcome-analytics__metrics[b-re2m3n9ig2] {
        grid-template-columns: 1fr;
    }

    .ops-outcome-analytics__value-list[b-re2m3n9ig2],
    .ops-outcome-analytics__definitions[b-re2m3n9ig2] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Operations/OperationsPlaybookTuningPanel.razor.rz.scp.css */
.ops-tuning[b-9o17d429si] {
    display: grid;
    gap: var(--sp-4);
    padding: var(--sp-5);
    border: 1px solid var(--color-border);
    border-radius: var(--card-radius);
    background: var(--color-bg-surface);
    box-shadow: var(--card-shadow);
}

.ops-tuning__header[b-9o17d429si] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sp-4);
    flex-wrap: wrap;
}

.ops-tuning__header h2[b-9o17d429si] {
    margin: .15rem 0 .25rem;
    font-size: var(--fs-lg);
    font-weight: var(--fw-bold);
    color: var(--color-fg);
}

.ops-tuning__header p[b-9o17d429si],
.ops-tuning__reason[b-9o17d429si],
.ops-tuning__impact[b-9o17d429si] {
    margin: .25rem 0;
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
}

.ops-tuning__eyebrow[b-9o17d429si] {
    color: var(--color-primary);
    font-size: 11px;
    font-weight: var(--fw-semibold);
    text-transform: uppercase;
    letter-spacing: var(--ls-wide);
}

.ops-tuning__list[b-9o17d429si] {
    display: grid;
    gap: var(--sp-3);
}

.ops-tuning__item[b-9o17d429si] {
    border: 1px solid var(--color-border);
    border-radius: var(--r-lg);
    overflow: hidden;
    background: var(--color-bg-surface);
}

.ops-tuning__item-header[b-9o17d429si] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sp-3);
    flex-wrap: wrap;
    padding: var(--sp-3) var(--sp-4);
    border-bottom: 1px solid var(--color-border);
    background: var(--color-bg-muted);
}

.ops-tuning__item-header > div[b-9o17d429si] {
    display: grid;
    gap: .15rem;
}

.ops-tuning__item-header span[b-9o17d429si] {
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
}

.ops-tuning__item-header strong[b-9o17d429si] {
    color: var(--color-fg);
    font-size: var(--fs-sm);
    font-weight: var(--fw-bold);
}

.ops-tuning__badges[b-9o17d429si],
.ops-tuning__meta[b-9o17d429si] {
    display: flex;
    gap: var(--sp-2);
    flex-wrap: wrap;
}

.ops-tuning__reason-block[b-9o17d429si] {
    padding: var(--sp-3) var(--sp-4);
}

.ops-tuning__reason[b-9o17d429si] {
    margin: 0 0 .25rem;
    color: var(--color-fg);
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
}

.ops-tuning__impact[b-9o17d429si] {
    margin: 0;
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
}

.ops-tuning__badges .badge[b-9o17d429si] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: var(--r-full);
    font-size: 11px;
    font-weight: var(--fw-semibold);
    background: var(--color-bg-muted);
    color: var(--color-fg-muted);
}

.ops-tuning__badges .badge--good[b-9o17d429si] {
    background: var(--color-success-bg);
    color: var(--color-success-fg);
}

.ops-tuning__badges .badge--warn[b-9o17d429si] {
    background: var(--color-warning-bg);
    color: var(--color-warning-fg);
}

.ops-tuning__badges .badge--info[b-9o17d429si] {
    background: var(--color-primary-light);
    color: var(--color-primary);
}

.ops-tuning__badges .badge--muted[b-9o17d429si] {
    background: var(--color-bg-muted);
    color: var(--color-fg-muted);
}

.ops-tuning__reason-block .ops-tuning__meta[b-9o17d429si] {
    display: flex;
    gap: var(--sp-3);
    flex-wrap: wrap;
    margin: var(--sp-3) 0 0;
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
}

.ops-tuning__reason-block .ops-tuning__meta span[b-9o17d429si] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.ops-tuning__evidence[b-9o17d429si] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: var(--sp-2);
    margin: var(--sp-3) 0 0;
}

.ops-tuning__evidence div[b-9o17d429si] {
    display: flex;
    gap: var(--sp-2);
    align-items: center;
    justify-content: space-between;
    padding: var(--sp-2) var(--sp-3);
    background: var(--color-bg-muted);
    border-radius: var(--r-md);
}

.ops-tuning__evidence span[b-9o17d429si],
.ops-tuning__changes span[b-9o17d429si] {
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
}

.ops-tuning__changes[b-9o17d429si] {
    display: grid;
    gap: var(--sp-2);
    margin: var(--sp-3) var(--sp-4) 0;
}

.ops-tuning__changes div[b-9o17d429si] {
    display: flex;
    gap: var(--sp-2);
    align-items: center;
    padding: var(--sp-2) var(--sp-3);
    background: var(--color-bg-muted);
    border-radius: var(--r-md);
    font-size: var(--fs-sm);
}

.ops-tuning__changes code[b-9o17d429si] {
    font-family: var(--font-mono);
    font-size: var(--fs-xs);
    color: var(--color-fg);
}

.ops-tuning__state[b-9o17d429si] {
    padding: var(--sp-5);
    color: var(--color-fg-muted);
    text-align: center;
    font-size: var(--fs-sm);
}

.ops-tuning__confirm[b-9o17d429si] {
    display: flex;
    gap: var(--sp-2);
    align-items: center;
    font-size: var(--fs-sm);
}

.ops-tuning__actions[b-9o17d429si] {
    display: flex;
    gap: var(--sp-2);
    align-items: center;
    flex-wrap: wrap;
    padding: var(--sp-3) var(--sp-4);
    border-top: 1px solid var(--color-border);
    background: var(--color-bg-app);
}

.ops-tuning .field[b-9o17d429si] {
    margin: var(--sp-3) var(--sp-4) 0;
}

@media (max-width: 640px) {
    .ops-tuning__actions .btn[b-9o17d429si] { width: 100%; }
    .ops-tuning__confirm[b-9o17d429si] { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .ops-tuning__item[b-9o17d429si] { transition: none; }
}
/* /Components/Operations/OperationsWorkItemDrawer.razor.rz.scp.css */
[b-f4d3t37xim] .ops-drawer {
    contain: layout paint;
    overflow: hidden;
}

[b-f4d3t37xim] .ops-drawer__header { min-width: 0; }

[b-f4d3t37xim] .ops-drawer__body {
    min-height: 0;
    overflow-x: hidden;
    overscroll-behavior: contain;
    contain: layout paint;
}

.ops-drawer__header-content[b-f4d3t37xim],
.ops-drawer__headline-copy[b-f4d3t37xim] {
    min-width: 0;
}

.ops-drawer__header-content[b-f4d3t37xim] {
    flex: 1 1 auto;
}

.ops-drawer__headline[b-f4d3t37xim] {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
    min-width: 0;
}

.ops-drawer__header .drawer__title[b-f4d3t37xim] {
    margin: 0;
    color: var(--color-fg);
    overflow-wrap: anywhere;
}

.ops-drawer__context-line[b-f4d3t37xim] {
    margin-top: 2px;
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.ops-drawer__eyebrow[b-f4d3t37xim] {
    font-size: 11px;
    font-weight: var(--fw-semibold);
    text-transform: uppercase;
    letter-spacing: var(--ls-widest);
    color: var(--color-primary);
}

.ops-drawer__topbadges[b-f4d3t37xim] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
    margin-top: var(--sp-2);
}

.ops-drawer__pill[b-f4d3t37xim] {
    display: inline-flex;
    align-items: center;
    height: var(--badge-h);
    padding: 0 var(--badge-px);
    border-radius: var(--badge-radius);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
    border: 1px solid var(--color-border);
    background: var(--color-bg-surface);
    color: var(--color-fg-muted);
}

.ops-drawer__pill--tone-info[b-f4d3t37xim] {
    background: var(--color-primary-light);
    color: var(--color-primary);
    border-color: color-mix(in srgb, var(--color-primary) 18%, transparent);
}

.ops-drawer__pill--tone-warning[b-f4d3t37xim] {
    background: var(--color-warning-bg);
    color: var(--color-warning-fg);
    border-color: color-mix(in srgb, var(--color-warning) 18%, transparent);
}

.ops-drawer__pill--tone-success[b-f4d3t37xim] {
    background: var(--color-success-bg);
    color: var(--color-success-fg);
    border-color: color-mix(in srgb, var(--color-success) 18%, transparent);
}

.ops-drawer__pill--tone-danger[b-f4d3t37xim] {
    background: var(--color-error-bg);
    color: var(--color-error-fg);
    border-color: color-mix(in srgb, var(--color-error) 18%, transparent);
}

.ops-drawer__pill--tone-neutral[b-f4d3t37xim] {
    background: var(--color-bg-muted);
    color: var(--color-fg-muted);
    border-color: var(--color-border);
}

.ops-drawer__pill--severity-critical[b-f4d3t37xim] {
    background: var(--color-error-bg);
    color: var(--color-error-fg);
    border-color: color-mix(in srgb, var(--color-error) 18%, transparent);
}

.ops-drawer__pill--severity-high[b-f4d3t37xim] {
    background: var(--color-warning-bg);
    color: var(--color-warning-fg);
    border-color: color-mix(in srgb, var(--color-warning) 18%, transparent);
}

.ops-drawer__pill--severity-medium[b-f4d3t37xim] {
    background: var(--color-primary-light);
    color: var(--color-primary);
    border-color: color-mix(in srgb, var(--color-primary) 18%, transparent);
}

.ops-drawer__pill--severity-low[b-f4d3t37xim] {
    background: var(--color-bg-muted);
    color: var(--color-fg-muted);
}

.ops-drawer__pill--danger[b-f4d3t37xim] {
    background: var(--color-error-bg);
    color: var(--color-error-fg);
    border-color: color-mix(in srgb, var(--color-error) 18%, transparent);
}

.ops-drawer__pill--warning[b-f4d3t37xim] {
    background: var(--color-warning-bg);
    color: var(--color-warning-fg);
    border-color: color-mix(in srgb, var(--color-warning) 18%, transparent);
}

.ops-drawer__pill--info[b-f4d3t37xim] {
    background: var(--color-primary-light);
    color: var(--color-primary);
    border-color: color-mix(in srgb, var(--color-primary) 18%, transparent);
}

.ops-drawer__pill--neutral[b-f4d3t37xim] {
    background: var(--color-bg-muted);
    color: var(--color-fg-muted);
}

.ops-drawer__actions[b-f4d3t37xim] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
}

[b-f4d3t37xim] .ops-drawer__sticky-actions {
    justify-content: flex-start;
    position: relative;
    z-index: 2;
}

.ops-drawer__sticky-actions > .btn[b-f4d3t37xim] { min-height: 44px; }

.ops-drawer__secondary-actions[b-f4d3t37xim] { position: relative; margin-left: auto; }

.ops-drawer__secondary-actions summary[b-f4d3t37xim] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    padding: 0 var(--sp-3);
    border: 1px solid var(--color-border);
    border-radius: var(--r-md);
    color: var(--color-fg-muted);
    cursor: pointer;
    font-weight: var(--fw-semibold);
    list-style: none;
}

.ops-drawer__secondary-actions summary[b-f4d3t37xim]::-webkit-details-marker { display: none; }
.ops-drawer__secondary-actions summary:focus-visible[b-f4d3t37xim] { outline: 3px solid color-mix(in srgb, var(--color-primary) 30%, transparent); outline-offset: 2px; }

.ops-drawer__secondary-actions-menu[b-f4d3t37xim] {
    position: absolute;
    right: 0;
    bottom: calc(100% + var(--sp-2));
    min-width: 13rem;
    display: grid;
    gap: var(--sp-1);
    padding: var(--sp-2);
    border: 1px solid var(--color-border);
    border-radius: var(--r-lg);
    background: var(--color-bg-surface);
    box-shadow: var(--sh-lg);
}

.ops-drawer__discard-confirmation[b-f4d3t37xim] {
    position: sticky;
    z-index: 5;
    bottom: 4.75rem;
    display: grid;
    gap: var(--sp-3);
    padding: var(--sp-4);
    border: 1px solid var(--color-warning);
    border-radius: var(--r-lg);
    background: var(--color-warning-bg);
    box-shadow: var(--sh-md);
}

.ops-drawer__discard-confirmation p[b-f4d3t37xim] { margin: .35rem 0 0; color: var(--color-fg-muted); }

.ops-drawer__next-step[b-f4d3t37xim] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--sp-4);
    padding: var(--sp-4) var(--sp-5);
    margin-bottom: var(--sp-5);
    border: 1px solid var(--p-indigo-200);
    border-radius: var(--card-radius);
    background: var(--gradient-ai-soft);
}

.ops-drawer__next-step .ops-drawer__eyebrow[b-f4d3t37xim] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--p-indigo-700);
}

.ops-drawer__next-step strong[b-f4d3t37xim] {
    display: block;
    margin-top: var(--sp-2);
    color: var(--color-fg);
}

.ops-drawer__next-step p[b-f4d3t37xim] {
    margin: .35rem 0 0;
    color: var(--color-fg-muted);
    line-height: var(--lh-relaxed);
}

.ops-drawer__next-step-badge[b-f4d3t37xim] {
    display: inline-flex;
    align-items: center;
    min-height: var(--badge-h);
    padding: 0 var(--badge-px);
    border-radius: var(--badge-radius);
    border: 1px solid var(--color-border);
    background: var(--color-bg-surface);
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
    white-space: nowrap;
    flex-shrink: 0;
}

.ops-drawer__instruction-lanes[b-f4d3t37xim] {
    display: grid;
    gap: var(--sp-3);
    margin-bottom: var(--sp-6);
}

.ops-drawer__instruction-lane[b-f4d3t37xim] {
    display: grid;
    gap: var(--sp-2);
    padding: var(--sp-4);
    border: 1px solid var(--color-border);
    border-radius: var(--card-radius);
    background: var(--color-bg-surface);
}

.ops-drawer__instruction-lane--prepared[b-f4d3t37xim] {
    background: color-mix(in srgb, var(--color-primary-light) 42%, var(--color-bg-surface));
}

.ops-drawer__instruction-lane--human[b-f4d3t37xim] {
    border-color: color-mix(in srgb, var(--color-primary) 28%, var(--color-border));
    box-shadow: inset 3px 0 0 var(--color-primary);
}

.ops-drawer__instruction-lane--completion[b-f4d3t37xim] {
    background: var(--color-bg-muted);
}

.ops-drawer__instruction-lane p[b-f4d3t37xim],
.ops-drawer__instruction-lane small[b-f4d3t37xim] {
    margin: 0;
    color: var(--color-fg-muted);
    line-height: var(--lh-relaxed);
}

.ops-drawer__instruction-lane-title[b-f4d3t37xim],
.ops-drawer__instruction-meta[b-f4d3t37xim] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--sp-2);
}

.ops-drawer__instruction-lane-title i[b-f4d3t37xim] {
    color: var(--color-primary);
}

.ops-drawer__instruction-focus[b-f4d3t37xim] {
    font-size: var(--fs-md);
}

.ops-drawer__instruction-meta span[b-f4d3t37xim] {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-1);
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
}

.ops-drawer__instruction-boundary[b-f4d3t37xim] {
    padding-top: var(--sp-2);
    border-top: 1px dashed var(--color-border);
}

.ops-drawer__instruction-list[b-f4d3t37xim] {
    display: grid;
    gap: var(--sp-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.ops-drawer__instruction-list li[b-f4d3t37xim] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--sp-2);
}

.ops-drawer__instruction-list li > i[b-f4d3t37xim] {
    margin-top: .2rem;
    color: var(--color-success);
}

.ops-drawer__instruction-list span[b-f4d3t37xim],
.ops-drawer__instruction-list small[b-f4d3t37xim] {
    display: block;
}

.ops-drawer__instruction-blocker[b-f4d3t37xim] {
    display: grid;
    gap: var(--sp-1);
    padding: var(--sp-3);
    border: 1px solid var(--color-warning);
    border-radius: var(--r-md);
    background: var(--color-warning-bg);
    color: var(--color-warning-fg);
}

.ops-drawer__instruction-blocker strong[b-f4d3t37xim] {
    display: flex;
    align-items: flex-start;
    gap: var(--sp-2);
}

.ops-drawer__busy-status[b-f4d3t37xim],
.ops-drawer__error-state[b-f4d3t37xim] {
    display: grid;
    gap: var(--sp-3);
}

.ops-drawer__busy-status[b-f4d3t37xim] {
    grid-template-columns: auto 1fr;
    align-items: center;
    padding: var(--sp-3);
    border-radius: var(--r-md);
    color: var(--color-primary);
    background: var(--color-primary-light);
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
}

.ops-drawer__spinner[b-f4d3t37xim] {
    width: 1rem;
    height: 1rem;
    border: 2px solid color-mix(in srgb, var(--color-primary) 28%, transparent);
    border-top-color: var(--color-primary);
    border-radius: 50%;
    animation: ops-drawer-spin-b-f4d3t37xim 700ms linear infinite;
}

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

.detail-section[b-f4d3t37xim] {
    display: grid;
    gap: var(--sp-3);
    margin-bottom: var(--sp-6);
}

.detail-section__title[b-f4d3t37xim] {
    margin: 0;
    font-size: var(--fs-sm);
    font-weight: var(--fw-bold);
    color: var(--color-fg);
    display: flex;
    align-items: center;
    gap: var(--sp-3);
}

.detail-section__title[b-f4d3t37xim]::after {
    content: "";
    flex: 1 1 auto;
    min-width: var(--sp-6);
    height: 1px;
    background: color-mix(in srgb, var(--color-border-strong) 72%, transparent);
}

.detail-section > p[b-f4d3t37xim] {
    margin: 0;
    color: var(--color-fg-muted);
    line-height: var(--lh-relaxed);
}

.ops-action-section[b-f4d3t37xim] {
    gap: var(--sp-2);
}

.ops-action-section .detail-section__title[b-f4d3t37xim] {
    margin-bottom: var(--sp-1);
}

.ops-drawer__action-details[b-f4d3t37xim] {
    display: grid;
    gap: var(--sp-3);
}

.ops-drawer__action-details > summary[b-f4d3t37xim] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--sp-3);
    min-height: 44px;
    padding: 0 var(--sp-3);
    border: 1px solid var(--color-border);
    border-radius: var(--r-md);
    background: var(--color-bg-muted);
    cursor: pointer;
    font-weight: var(--fw-semibold);
    list-style: none;
}

.ops-drawer__action-details > summary[b-f4d3t37xim]::-webkit-details-marker {
    display: none;
}

.ops-drawer__action-details > summary span:last-child[b-f4d3t37xim] {
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
}

.ops-drawer__action-details[open] > summary[b-f4d3t37xim] {
    margin-bottom: var(--sp-3);
}

.ops-drawer__meta-grid[b-f4d3t37xim] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--sp-3);
}

.ops-drawer__routing-grid[b-f4d3t37xim] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--sp-3);
}

.ops-drawer__meta-card[b-f4d3t37xim] {
    display: grid;
    gap: .3rem;
    padding: var(--sp-4);
    border-radius: var(--r-lg);
    background: var(--color-bg-muted);
    border: 1px solid var(--color-border);
}

.ops-meta-label[b-f4d3t37xim] {
    display: block;
    font-size: var(--fs-xs);
    color: var(--color-fg-muted);
}

.ops-drawer__queue[b-f4d3t37xim] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
}

.ops-drawer__queue span[b-f4d3t37xim],
.ops-drawer__box[b-f4d3t37xim] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem;
    padding: .45rem .75rem;
    border-radius: var(--r-full);
    background: var(--color-bg-muted);
    border: 1px solid var(--color-border);
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
}

.ops-drawer__queue strong[b-f4d3t37xim],
.ops-drawer__box strong[b-f4d3t37xim] {
    color: var(--color-fg);
}

.ops-drawer__routing-form-shell[b-f4d3t37xim] {
    display: grid;
    gap: var(--sp-3);
    padding: var(--sp-4);
    border: 1px solid var(--color-border);
    border-radius: var(--r-lg);
    background: var(--color-bg-muted);
}

.ops-drawer__routing-toggle[b-f4d3t37xim] { justify-self: start; }

.ops-drawer__routing-copy p[b-f4d3t37xim] {
    margin-top: 6px;
}

.ops-drawer__routing-form[b-f4d3t37xim] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--sp-3);
}

.ops-drawer__field[b-f4d3t37xim] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.ops-drawer__field--full[b-f4d3t37xim] {
    grid-column: 1 / -1;
}

.ops-drawer__hint[b-f4d3t37xim] {
    padding: var(--sp-3);
    border-radius: var(--r-md);
    background: var(--color-bg-muted);
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
}

.ops-drawer__stack[b-f4d3t37xim] {
    display: grid;
    gap: var(--sp-3);
}

.ops-action-card[b-f4d3t37xim],
.ops-log-card[b-f4d3t37xim] {
    display: grid;
    gap: var(--sp-3);
    padding: var(--sp-4);
    border-radius: var(--r-xl);
    border: 1px solid var(--color-border);
    background: color-mix(in srgb, var(--color-bg-surface) 78%, white 22%);
    box-shadow: var(--sh-xs);
}

.ops-action-card[b-f4d3t37xim] {
    gap: var(--sp-2);
    padding: 0;
    overflow: hidden;
}

.ops-action-card__header[b-f4d3t37xim] {
    gap: var(--sp-3);
    padding: var(--sp-3) var(--sp-4);
    border-bottom: 1px solid var(--color-border);
}

.ops-action-card__icon[b-f4d3t37xim] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--r-lg);
    background: var(--color-accent-light);
    color: var(--p-violet-700);
    flex-shrink: 0;
    font-size: 1.125rem;
}

.ops-action-card__heading[b-f4d3t37xim] {
    flex: 1;
    min-width: 0;
    display: grid;
    gap: .2rem;
}

.ops-action-card__header > div:not(.ops-action-card__icon):not(.ops-action-card__heading)[b-f4d3t37xim] {
    min-width: 0;
    display: grid;
    gap: .2rem;
}

.ops-log-card[b-f4d3t37xim] {
    gap: var(--sp-2);
    padding: var(--sp-3);
}

.ops-log-card > summary[b-f4d3t37xim] {
    cursor: pointer;
    list-style: none;
}

.ops-log-card > summary[b-f4d3t37xim]::-webkit-details-marker { display: none; }
.ops-log-card > summary:focus-visible[b-f4d3t37xim] { outline: 3px solid color-mix(in srgb, var(--color-primary) 30%, transparent); outline-offset: 3px; }

.ops-drawer__log-timeline[b-f4d3t37xim] {
    position: relative;
    padding-left: var(--sp-3);
}

.ops-drawer__log-timeline[b-f4d3t37xim]::before {
    content: "";
    position: absolute;
    inset: .35rem auto .35rem .25rem;
    width: 2px;
    background: var(--color-border);
}

.ops-drawer__log-timeline .ops-log-card[b-f4d3t37xim]::before {
    content: "";
    position: absolute;
    left: -.98rem;
    top: 1.3rem;
    width: .55rem;
    height: .55rem;
    border-radius: 50%;
    border: 2px solid var(--color-bg-surface);
    background: var(--color-primary);
}

.ops-drawer__log-timeline .ops-log-card[b-f4d3t37xim] { position: relative; }

.ops-action-card__header[b-f4d3t37xim],
.ops-log-card__head[b-f4d3t37xim] {
    display: flex;
    justify-content: space-between;
    gap: var(--sp-3);
    align-items: flex-start;
}

.ops-action-card__header[b-f4d3t37xim] {
    gap: var(--sp-2);
}

.ops-action-card__header > div[b-f4d3t37xim] {
    min-width: 0;
    display: grid;
    gap: .2rem;
}

.ops-action-card__header strong[b-f4d3t37xim],
.ops-log-card__head strong[b-f4d3t37xim] {
    font-size: var(--fs-md);
    line-height: 1.4;
}

.ops-action-card__header .btn[b-f4d3t37xim] {
    flex-shrink: 0;
}

.ops-action-card__primary-badge[b-f4d3t37xim] {
    display: inline-flex;
    align-items: center;
    min-height: var(--badge-h);
    padding: 0 var(--badge-px);
    border-radius: var(--badge-radius);
    background: var(--color-primary-light);
    color: var(--color-primary);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
    white-space: nowrap;
}

@media (max-width: 640px) {
    .ops-drawer__sticky-actions[b-f4d3t37xim] { align-items: stretch; }
    .ops-drawer__sticky-actions > .btn:first-child[b-f4d3t37xim] { flex: 1 1 100%; }
    .ops-drawer__secondary-actions[b-f4d3t37xim] { margin-left: 0; }
}

.ops-log-card__content[b-f4d3t37xim] {
    min-width: 0;
    display: grid;
    gap: .25rem;
}

.ops-action-card__meta[b-f4d3t37xim],
.ops-log-card__meta[b-f4d3t37xim] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .45rem;
    font-size: .82rem;
    color: var(--color-fg-muted);
}

.ops-action-card__meta[b-f4d3t37xim] {
    gap: .35rem;
    margin-top: 0;
    font-size: .78rem;
    line-height: 1.35;
}

.ops-log-card__meta[b-f4d3t37xim] {
    gap: .35rem;
    margin-top: 0;
    font-size: .78rem;
    line-height: 1.4;
}

.ops-action-card__meta span[b-f4d3t37xim],
.ops-log-card__meta span[b-f4d3t37xim] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: var(--r-full);
    background: var(--color-bg-muted);
}

.ops-log-card__meta--secondary[b-f4d3t37xim] {
    margin-top: .1rem;
}

.ops-log-card__meta-badge[b-f4d3t37xim] {
    display: inline-flex;
    align-items: center;
    padding: 1px 7px;
    border-radius: var(--r-full);
    background: var(--color-bg-muted);
    color: var(--color-fg-muted);
    font-size: .74rem;
}

.ops-log-card__meta-badge--tone-info[b-f4d3t37xim] {
    background: var(--color-primary-light);
    color: var(--color-primary);
}

.ops-log-card__meta-badge--tone-warning[b-f4d3t37xim] {
    background: var(--color-warning-bg);
    color: var(--color-warning-fg);
}

.ops-log-card__meta-badge--tone-success[b-f4d3t37xim] {
    background: var(--color-success-bg);
    color: var(--color-success-fg);
}

.ops-log-card__meta-badge--tone-danger[b-f4d3t37xim] {
    background: var(--color-error-bg);
    color: var(--color-error-fg);
}

.ops-log-card__meta-badge--tone-neutral[b-f4d3t37xim] {
    background: var(--color-bg-muted);
    color: var(--color-fg-muted);
}

.ops-action-card__meta-pill--tone-info[b-f4d3t37xim] {
    background: var(--color-primary-light) !important;
    color: var(--color-primary);
}

.ops-action-card__meta-pill--tone-warning[b-f4d3t37xim] {
    background: var(--color-warning-bg) !important;
    color: var(--color-warning-fg);
}

.ops-action-card__meta-pill--tone-success[b-f4d3t37xim] {
    background: var(--color-success-bg) !important;
    color: var(--color-success-fg);
}

.ops-action-card__meta-pill--tone-danger[b-f4d3t37xim] {
    background: var(--color-error-bg) !important;
    color: var(--color-error-fg);
}

.ops-action-card__meta-pill--tone-neutral[b-f4d3t37xim] {
    background: var(--color-bg-muted) !important;
    color: var(--color-fg-muted);
}

.ops-action-card__summary[b-f4d3t37xim] {
    margin: 0;
    padding: 0 var(--sp-4);
    color: var(--color-fg-muted);
    font-size: .84rem;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.ops-action-card__error[b-f4d3t37xim],
.ops-log-card__error[b-f4d3t37xim] {
    margin: 0 var(--sp-4);
    padding: .65rem .8rem;
    border-radius: var(--r-md);
    background: var(--color-error-bg);
    color: var(--color-error-fg);
    font-size: .84rem;
}

.ops-log-card__note[b-f4d3t37xim] {
    padding: .5rem .7rem;
    border-radius: var(--r-md);
    background: var(--color-bg-muted);
    color: var(--color-fg-muted);
    font-size: .8rem;
    line-height: 1.45;
}

.ops-action-card__note[b-f4d3t37xim] {
    margin: 0 var(--sp-4);
    padding: .5rem .7rem;
    border-radius: var(--r-md);
    background: var(--color-warning-bg);
    color: var(--color-warning-fg);
    font-size: .8rem;
    line-height: 1.4;
}

.ops-action-card__evidence[b-f4d3t37xim] {
    display: grid;
    gap: var(--sp-3);
    padding-top: var(--sp-3);
    border-top: 1px solid var(--color-border);
}

.ops-action-card__headline[b-f4d3t37xim] {
    font-weight: var(--fw-semibold);
    color: var(--color-fg);
}

.ops-action-card__facts[b-f4d3t37xim],
.ops-action-card__summary-grid[b-f4d3t37xim],
.ops-action-card__prepared-list[b-f4d3t37xim] {
    display: grid;
    gap: var(--sp-2);
}

.ops-action-card__facts[b-f4d3t37xim],
.ops-action-card__summary-grid[b-f4d3t37xim] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ops-action-card__fact[b-f4d3t37xim],
.ops-action-card__prepared-item[b-f4d3t37xim],
.ops-action-card__summary-item[b-f4d3t37xim] {
    display: grid;
    gap: .35rem;
    padding: .75rem .85rem;
    border-radius: var(--r-md);
    border: 1px solid var(--color-border);
    background: var(--color-bg-muted);
}

.ops-action-card__fact--highlight[b-f4d3t37xim] {
    background: color-mix(in srgb, var(--color-primary) 8%, white);
    border-color: color-mix(in srgb, var(--color-primary) 20%, transparent);
}

.ops-action-card__mini-block[b-f4d3t37xim] {
    display: grid;
    gap: var(--sp-2);
}

.ops-action-card__list[b-f4d3t37xim],
.ops-log-card__checks[b-f4d3t37xim] {
    margin: 0;
    padding-left: 1.1rem;
    display: grid;
    gap: .35rem;
    color: var(--color-fg-muted);
    list-style-type: disc;
}

.ops-log-card__status[b-f4d3t37xim] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    height: var(--badge-h);
    padding: 0 var(--badge-px);
    border-radius: var(--badge-radius);
    border: 1px solid var(--color-border);
    background: var(--color-bg-muted);
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
}

.ops-log-card__status--tone-info[b-f4d3t37xim] {
    background: var(--color-primary-light);
    color: var(--color-primary);
    border-color: color-mix(in srgb, var(--color-primary) 18%, transparent);
}

.ops-log-card__status--tone-warning[b-f4d3t37xim] {
    background: var(--color-warning-bg);
    color: var(--color-warning-fg);
    border-color: color-mix(in srgb, var(--color-warning) 18%, transparent);
}

.ops-log-card__status--tone-success[b-f4d3t37xim] {
    background: var(--color-success-bg);
    color: var(--color-success-fg);
    border-color: color-mix(in srgb, var(--color-success) 18%, transparent);
}

.ops-log-card__status--tone-danger[b-f4d3t37xim] {
    background: var(--color-error-bg);
    color: var(--color-error-fg);
    border-color: color-mix(in srgb, var(--color-error) 18%, transparent);
}

.ops-log-card__status--tone-neutral[b-f4d3t37xim] {
    background: var(--color-bg-muted);
    color: var(--color-fg-muted);
    border-color: var(--color-border);
}

.ops-log-card__verification[b-f4d3t37xim] {
    display: grid;
    gap: .35rem;
    padding-top: var(--sp-2);
    border-top: 1px solid var(--color-border);
}

.ops-log-card__verification-head[b-f4d3t37xim] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-2);
}

.ops-log-card__verification-summary[b-f4d3t37xim] {
    color: var(--color-fg-muted);
    font-size: .82rem;
    line-height: 1.45;
}

.ops-drawer__mini-section[b-f4d3t37xim] {
    display: grid;
    gap: var(--sp-2);
    padding: var(--sp-3);
    border-radius: var(--r-lg);
    border: 1px solid var(--color-border);
    background: color-mix(in srgb, var(--color-bg-muted) 74%, white 26%);
}

.ops-drawer__mini-section strong[b-f4d3t37xim] {
    font-size: var(--fs-sm);
    color: var(--color-fg);
}

.ops-drawer__mini-section-header[b-f4d3t37xim],
.ops-drawer__section-title-with-count[b-f4d3t37xim] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-2);
}

.ops-drawer__expand-button[b-f4d3t37xim],
.ops-drawer__line-link[b-f4d3t37xim] {
    border: 0;
    padding: 0;
    background: transparent;
    color: var(--color-primary);
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.ops-drawer__expand-button[b-f4d3t37xim] {
    flex-shrink: 0;
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
}

.ops-drawer__expand-button:focus-visible[b-f4d3t37xim],
.ops-drawer__line-link:focus-visible[b-f4d3t37xim] {
    outline: 3px solid color-mix(in srgb, var(--color-primary) 30%, transparent);
    outline-offset: 3px;
    border-radius: var(--r-sm);
}

.ops-drawer__line-link:hover[b-f4d3t37xim] { text-decoration: underline; }
.ops-drawer__line--important[b-f4d3t37xim] { border-radius: var(--r-md); background: var(--color-warning-bg); padding-right: var(--sp-2); }
.ops-drawer__line--important[b-f4d3t37xim]::before { background: var(--color-warning); }

.ops-drawer__system-details[b-f4d3t37xim] {
    border: 1px solid var(--color-border);
    border-radius: var(--r-lg);
    padding: 0;
    overflow: clip;
}

.ops-drawer__system-details > summary[b-f4d3t37xim] {
    cursor: pointer;
    padding: var(--sp-3) var(--sp-4);
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
}

.ops-drawer__system-details > summary:focus-visible[b-f4d3t37xim] { outline: 3px solid color-mix(in srgb, var(--color-primary) 30%, transparent); outline-offset: -3px; }
.ops-drawer__system-details-content[b-f4d3t37xim] { display: grid; gap: var(--sp-4); padding: 0 var(--sp-4) var(--sp-4); }

.ops-drawer[b-f4d3t37xim],
.ops-drawer *[b-f4d3t37xim] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.ops-drawer__line[b-f4d3t37xim] {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: start;
    gap: .55rem;
    padding-left: .95rem;
    padding-top: .2rem;
    padding-bottom: .2rem;
    font-size: .9rem;
    color: var(--color-fg);
}

.ops-drawer__line[b-f4d3t37xim]::before {
    content: "";
    position: absolute;
    left: .15rem;
    top: .60rem;
    width: .24rem;
    height: .24rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 72%, white 28%);
}

.ops-drawer__line-time[b-f4d3t37xim] {
    color: var(--color-fg-muted);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.ops-drawer__line-content[b-f4d3t37xim] {
    min-width: 0;
}

.ops-drawer__log-pagination[b-f4d3t37xim] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--sp-3);
    padding-top: var(--sp-3);
}

.ops-drawer__log-pagination-error[b-f4d3t37xim] {
    width: 100%;
    margin: 0;
}

.ops-drawer__log-loading[b-f4d3t37xim] {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-2);
    color: var(--color-fg-muted);
    font-size: .9rem;
}

.ops-drawer__loading[b-f4d3t37xim] {
    display: grid;
    align-content: start;
    gap: var(--sp-3);
    min-height: min(420px, 54dvh);
    padding: var(--sp-6);
    border-radius: var(--card-radius);
    border: 1px dashed var(--color-border);
    color: var(--color-fg-muted);
    background: var(--color-bg-surface);
}

.ops-drawer__skeleton[b-f4d3t37xim] {
    display: block;
    height: 1rem;
    border-radius: var(--r-sm);
    background: linear-gradient(90deg, var(--color-bg-muted), var(--color-bg-subtle, var(--color-border)), var(--color-bg-muted));
    background-size: 200% 100%;
    animation: ops-drawer-skeleton-b-f4d3t37xim 1.2s ease-in-out infinite;
}

.ops-drawer__skeleton--short[b-f4d3t37xim] {
    width: 62%;
}

@keyframes ops-drawer-skeleton-b-f4d3t37xim {
    from { background-position: 200% 0; }
    to { background-position: -200% 0; }
}

@media (prefers-reduced-motion: reduce) {
    .ops-drawer__spinner[b-f4d3t37xim],
    .ops-drawer__skeleton[b-f4d3t37xim] {
        animation: none;
    }
}

@media (max-width: 720px) {
    .ops-drawer[b-f4d3t37xim] {
        width: 100vw;
        max-width: 100vw;
        padding: var(--sp-4) max(var(--sp-4), env(safe-area-inset-right)) max(var(--sp-4), env(safe-area-inset-bottom)) max(var(--sp-4), env(safe-area-inset-left));
        border-left: 0;
    }

    .ops-drawer__sticky-actions[b-f4d3t37xim] {
        bottom: calc(-1 * max(var(--sp-4), env(safe-area-inset-bottom)));
        margin: var(--sp-6)
            calc(-1 * max(var(--sp-4), env(safe-area-inset-right)))
            calc(-1 * max(var(--sp-4), env(safe-area-inset-bottom)))
            calc(-1 * max(var(--sp-4), env(safe-area-inset-left)));
        padding: var(--sp-3)
            max(var(--sp-4), env(safe-area-inset-right))
            max(var(--sp-3), env(safe-area-inset-bottom))
            max(var(--sp-4), env(safe-area-inset-left));
    }

    .ops-drawer__next-step[b-f4d3t37xim] {
        flex-direction: column;
    }

    .ops-drawer__next-step-badge[b-f4d3t37xim] {
        align-self: flex-start;
        white-space: normal;
    }

    .ops-drawer__header[b-f4d3t37xim] {
        top: calc(-1 * var(--sp-4));
        margin: calc(-1 * var(--sp-4)) calc(-1 * max(var(--sp-4), env(safe-area-inset-right))) 0 calc(-1 * max(var(--sp-4), env(safe-area-inset-left)));
        padding: max(var(--sp-4), env(safe-area-inset-top)) max(var(--sp-4), env(safe-area-inset-right)) var(--sp-4) max(var(--sp-4), env(safe-area-inset-left));
    }

    .ops-drawer__routing-grid[b-f4d3t37xim],
    .ops-drawer__meta-grid[b-f4d3t37xim] {
        grid-template-columns: 1fr;
    }

    .ops-drawer__routing-form[b-f4d3t37xim] {
        grid-template-columns: 1fr;
    }

    .ops-drawer__field--full[b-f4d3t37xim] {
        grid-column: auto;
    }

    .ops-action-card__facts[b-f4d3t37xim],
    .ops-action-card__summary-grid[b-f4d3t37xim] {
        grid-template-columns: 1fr;
    }

    .ops-action-card__header[b-f4d3t37xim],
    .ops-log-card__head[b-f4d3t37xim] {
        flex-direction: column;
    }

    .ops-drawer__mini-section-header[b-f4d3t37xim],
    .ops-drawer__section-title-with-count[b-f4d3t37xim] {
        align-items: flex-start;
        flex-direction: column;
    }

    .ops-drawer__line[b-f4d3t37xim] {
        grid-template-columns: 1fr;
        gap: .2rem;
    }
}
/* /Components/Pages/Chat.razor.rz.scp.css */
/* Welcome layout — centered container 720-760px with balanced vertical padding. */
.chat-welcome[b-2n7ac7g1n1] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    padding: clamp(var(--sp-6), 6vh, var(--sp-10)) var(--sp-4);
}

.chat-welcome__inner[b-2n7ac7g1n1] {
    width: 100%;
    max-width: 760px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--sp-4);
    text-align: center;
}

.chat-welcome__icon[b-2n7ac7g1n1] {
    width: 56px;
    height: 56px;
    border-radius: var(--r-full);
    background: var(--color-bg-surface);
    padding: var(--sp-2);
    box-shadow: var(--sh-sm);
}

.chat-welcome__title[b-2n7ac7g1n1] {
    margin: 0;
    font-size: clamp(1.35rem, 2.2vw, 1.75rem);
    font-weight: var(--fw-semibold);
    color: var(--color-fg);
    line-height: 1.2;
}

.chat-welcome__sub[b-2n7ac7g1n1] {
    margin: 0;
    max-width: 640px;
    color: var(--color-fg-muted);
    font-size: .96rem;
    line-height: 1.5;
}

.chat-welcome__grid[b-2n7ac7g1n1] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--sp-3);
    margin-top: var(--sp-3);
}

@media (max-width: 640px) {
    .chat-welcome__grid[b-2n7ac7g1n1] {
        grid-template-columns: 1fr;
    }
}

.chat-mode-bar[b-2n7ac7g1n1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--sp-3);
    margin-bottom: var(--sp-3);
    padding: var(--sp-2) var(--sp-4);
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    box-shadow: var(--card-shadow);
}

.chat-mode-bar__title-row[b-2n7ac7g1n1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.chat-mode-bar__title[b-2n7ac7g1n1] {
    font-size: .82rem;
    font-weight: var(--fw-semibold);
    letter-spacing: var(--ls-wide);
    text-transform: uppercase;
    color: var(--color-fg-muted);
}

.chat-mode-bar__badge[b-2n7ac7g1n1] {
    display: inline-flex;
    align-items: center;
    height: var(--badge-h);
    padding: 0 var(--badge-px);
    border-radius: var(--badge-radius);
    background: var(--color-primary-light);
    color: var(--color-primary);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
}

.chat-mode-bar__badge--default[b-2n7ac7g1n1] {
    background: var(--color-bg-muted);
    color: var(--color-fg-muted);
}

.chat-mode-bar__sub[b-2n7ac7g1n1] {
    margin-top: .25rem;
    font-size: .92rem;
    color: var(--color-fg);
}

.chat-mode-bar__controls[b-2n7ac7g1n1] {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
}

.conv-pane__search[b-2n7ac7g1n1] {
    padding: 0 var(--sp-3) var(--sp-3);
}

.conv-pane__search .input[b-2n7ac7g1n1] {
    width: 100%;
}

.conv-pane__filters[b-2n7ac7g1n1] {
    display: grid;
    gap: var(--sp-2);
    margin-top: var(--sp-2);
}

.conv-pane__work-item-filter[b-2n7ac7g1n1] {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-2);
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
}

.conv-item__markers[b-2n7ac7g1n1],
[b-2n7ac7g1n1] .msg__next-prompts {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-1);
    margin-top: var(--sp-1);
}

.conv-item__marker[b-2n7ac7g1n1] {
    padding: 2px 6px;
    border-radius: var(--r-full);
    background: var(--color-bg-muted);
    color: var(--color-fg-muted);
    font-size: .68rem;
}

.conv-item__marker--work-item[b-2n7ac7g1n1],
[b-2n7ac7g1n1] .msg__action--selected {
    background: color-mix(in srgb, var(--color-primary) 14%, transparent);
    color: var(--color-primary);
}

.chat-response-status[b-2n7ac7g1n1] {
    padding: var(--sp-2) var(--sp-4);
    border-bottom: 1px solid var(--color-border);
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
}

.chat-load-more[b-2n7ac7g1n1] {
    display: block;
    margin: 0 auto var(--sp-3);
}

.chat-context-warning[b-2n7ac7g1n1] {
    margin-bottom: var(--sp-3);
}

.composer__edit-state[b-2n7ac7g1n1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-2);
    padding: var(--sp-2) var(--sp-3);
    border-bottom: 1px solid var(--color-border);
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
}

.composer__stop[b-2n7ac7g1n1] {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: var(--r-full);
    background: var(--color-danger);
    color: white;
    cursor: pointer;
}

.composer__stop:disabled[b-2n7ac7g1n1] {
    opacity: .6;
    cursor: wait;
}

.composer__stop-icon[b-2n7ac7g1n1] {
    width: 12px;
    height: 12px;
    border-radius: 2px;
    background: currentColor;
}

[b-2n7ac7g1n1] .msg__actions {
    display: flex;
    gap: var(--sp-2);
    margin-top: var(--sp-2);
}

.composer-context[b-2n7ac7g1n1],
[b-2n7ac7g1n1] .msg__context-tokens {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
    padding: var(--sp-2) var(--sp-3) 0;
}

.context-token[b-2n7ac7g1n1],
[b-2n7ac7g1n1] .context-token {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    max-width: 100%;
    padding: 4px 8px;
    border: 1px solid var(--color-border);
    border-radius: var(--r-full);
    background: var(--color-bg-muted);
    color: var(--color-fg);
    font-size: var(--fs-xs);
}

.context-token--pin[b-2n7ac7g1n1] { border-color: color-mix(in srgb, var(--color-primary) 40%, var(--color-border)); }
.context-token--warning[b-2n7ac7g1n1] { border-color: var(--color-warning); background: var(--color-warning-light); }
[b-2n7ac7g1n1] .context-token--unavailable { color: var(--color-fg-muted); border-style: dashed; }
.context-token__scope[b-2n7ac7g1n1],
[b-2n7ac7g1n1] .context-token__scope { color: var(--color-fg-muted); font-weight: var(--fw-semibold); }
.context-token__label[b-2n7ac7g1n1],
[b-2n7ac7g1n1] .context-token__label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.context-token__remove[b-2n7ac7g1n1] { border: 0; background: transparent; color: var(--color-fg-muted); cursor: pointer; font-size: 1rem; line-height: 1; }
.context-token__remove:hover[b-2n7ac7g1n1] { color: var(--color-danger); }
.composer-context-warning[b-2n7ac7g1n1] { margin: var(--sp-2) var(--sp-3) 0; color: var(--color-warning-dark); font-size: var(--fs-xs); }

[b-2n7ac7g1n1] .msg__evidence { margin-top: var(--sp-3); }
[b-2n7ac7g1n1] .msg__evidence-panel { display: grid; gap: var(--sp-3); margin-top: var(--sp-2); padding: var(--sp-3); border: 1px solid var(--color-border); border-radius: var(--r-lg); background: var(--color-bg-muted); }
[b-2n7ac7g1n1] .msg__evidence-group { display: grid; gap: var(--sp-2); }
[b-2n7ac7g1n1] .msg__evidence-group .src-chip { width: fit-content; }
[b-2n7ac7g1n1] .src-chip--unavailable { border-style: dashed; color: var(--color-fg-muted); }
[b-2n7ac7g1n1] .msg__tool-activities { display: grid; gap: var(--sp-2); margin: 0; padding-left: var(--sp-5); }
[b-2n7ac7g1n1] .msg__tool-activities li { display: grid; gap: 2px; }
[b-2n7ac7g1n1] .msg__tool-name { overflow-wrap: anywhere; font-family: var(--font-mono); font-size: var(--fs-xs); }

@media (max-width: 960px) {
    .chat-mode-bar[b-2n7ac7g1n1] {
        flex-direction: column;
        align-items: stretch;
    }

    .chat-mode-bar__controls[b-2n7ac7g1n1] {
        justify-content: space-between;
    }
}

.chat-shell-header[b-2n7ac7g1n1] {
    flex: 0 0 auto;
    min-height: 56px;
    padding: var(--sp-2) var(--sp-4);
    display: flex;
    align-items: center;
    gap: var(--sp-3);
    border-bottom: 1px solid var(--color-border);
    background: var(--color-bg-surface);
}

.chat-shell-header__start[b-2n7ac7g1n1],
.chat-shell-header__meta[b-2n7ac7g1n1],
.chat-shell-header__actions[b-2n7ac7g1n1],
.conv-pane__header-actions[b-2n7ac7g1n1] {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
}

.chat-shell-header__title-wrap[b-2n7ac7g1n1] { min-width: 0; display: grid; gap: 1px; }
.chat-shell-header__eyebrow[b-2n7ac7g1n1] { font-size: var(--fs-xs); color: var(--color-fg-muted); text-transform: uppercase; letter-spacing: var(--ls-wide); }
.chat-shell-header__title[b-2n7ac7g1n1] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat-shell-header__meta[b-2n7ac7g1n1] { margin-left: auto; flex-wrap: wrap; justify-content: flex-end; }
.chat-shell-header__badge[b-2n7ac7g1n1] { border: 0; border-radius: var(--r-full); min-height: 32px; padding: 0 var(--sp-3); background: var(--color-bg-muted); color: var(--color-fg-muted); font-size: var(--fs-xs); font-weight: var(--fw-semibold); }
.chat-shell-header__badge--action[b-2n7ac7g1n1] { cursor: pointer; }
.chat-shell-header__badge--action:hover[b-2n7ac7g1n1] { background: var(--color-primary-light); color: var(--color-primary); }
.chat-shell-header__conversation-trigger[b-2n7ac7g1n1] { display: none; }

.conv-pane__drawer-close[b-2n7ac7g1n1],
.context-pane__drawer-header[b-2n7ac7g1n1] { display: none; }
.context-pane--drawer-open[b-2n7ac7g1n1] { position: fixed; z-index: 1200; top: 0; right: 0; width: min(420px, 100vw); height: 100dvh; box-shadow: var(--sh-xl); border-left: 1px solid var(--color-border); }
.context-pane--drawer-open .context-pane__drawer-header[b-2n7ac7g1n1] { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3); padding: var(--sp-3) var(--sp-4); border-bottom: 1px solid var(--color-border); }
.conv-pane__header-actions[b-2n7ac7g1n1] { margin-left: auto; }

.conv-item[b-2n7ac7g1n1] { padding: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 2px; }
.conv-item__open[b-2n7ac7g1n1] { min-width: 0; border: 0; border-radius: var(--r-lg); padding: var(--sp-3); background: transparent; color: inherit; text-align: left; cursor: pointer; }
.conv-item__open:hover[b-2n7ac7g1n1], .conv-item__open:focus-visible[b-2n7ac7g1n1] { background: var(--color-bg-hover); }
.conv-item--active .conv-item__open[b-2n7ac7g1n1] { background: var(--color-primary-light); }
.conv-item__menu[b-2n7ac7g1n1] { position: relative; align-self: center; }
.conv-item__menu-trigger[b-2n7ac7g1n1] { width: 44px; height: 44px; font-size: 1.25rem; }
.conv-item__menu-trigger[b-2n7ac7g1n1]::-webkit-details-marker { display: none; }
.conv-item__menu-popover[b-2n7ac7g1n1] { position: absolute; z-index: 8; top: calc(100% + 2px); right: var(--sp-1); min-width: 164px; padding: var(--sp-1); border: 1px solid var(--color-border); border-radius: var(--r-lg); box-shadow: var(--sh-lg); background: var(--color-bg-surface); }
.conv-item__menu-popover button[b-2n7ac7g1n1] { width: 100%; min-height: 40px; padding: 0 var(--sp-3); border: 0; border-radius: var(--r-md); background: transparent; color: var(--color-fg); text-align: left; cursor: pointer; }
.conv-item__menu-popover button:hover[b-2n7ac7g1n1], .conv-item__menu-popover button:focus-visible[b-2n7ac7g1n1] { background: var(--color-bg-hover); }
.conv-item__menu-popover .conv-item__menu-danger[b-2n7ac7g1n1] { color: var(--color-danger); }
.conv-item__rename[b-2n7ac7g1n1] { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: var(--sp-2); padding: 0 var(--sp-3) var(--sp-3); }

.chat-drawer-backdrop[b-2n7ac7g1n1],
.chat-confirm-backdrop[b-2n7ac7g1n1] { position: fixed; inset: 0; z-index: 1190; background: rgb(15 23 42 / .45); }
.chat-toast[b-2n7ac7g1n1] { position: fixed; right: var(--sp-5); bottom: var(--sp-5); z-index: 1210; display: flex; align-items: center; gap: var(--sp-2); max-width: min(480px, calc(100vw - 2 * var(--sp-4))); padding: var(--sp-3); border: 1px solid var(--color-border); border-radius: var(--r-lg); box-shadow: var(--sh-xl); background: var(--color-bg-surface); }
.chat-confirm-backdrop[b-2n7ac7g1n1] { z-index: 1220; display: grid; place-items: center; padding: var(--sp-4); }
.chat-confirm-dialog[b-2n7ac7g1n1] { width: min(440px, 100%); padding: var(--sp-5); border: 1px solid var(--color-border); border-radius: var(--r-xl); box-shadow: var(--sh-xl); background: var(--color-bg-surface); }
.chat-confirm-dialog h2[b-2n7ac7g1n1] { margin: 0 0 var(--sp-2); font-size: var(--fs-xl); }
.chat-confirm-dialog p[b-2n7ac7g1n1] { color: var(--color-fg-muted); }
.chat-confirm-dialog__actions[b-2n7ac7g1n1] { display: flex; justify-content: flex-end; gap: var(--sp-2); margin-top: var(--sp-5); }

[b-2n7ac7g1n1] .msg__content,
[b-2n7ac7g1n1] .msg__content a,
[b-2n7ac7g1n1] .msg__content pre,
[b-2n7ac7g1n1] .msg__content code,
[b-2n7ac7g1n1] .msg__content table { max-width: 100%; overflow-wrap: anywhere; }
[b-2n7ac7g1n1] .msg__content pre,
[b-2n7ac7g1n1] .msg__content table { overflow-x: auto; }

button:focus-visible[b-2n7ac7g1n1],
input:focus-visible[b-2n7ac7g1n1],
summary:focus-visible[b-2n7ac7g1n1] { outline: 3px solid color-mix(in srgb, var(--color-primary) 45%, transparent); outline-offset: 2px; }

@media (max-width: 1280px) {
    .chat-shell-header__badge--action[b-2n7ac7g1n1] { min-height: 44px; }
}

@media (max-width: 768px) {
    .chat-layout[b-2n7ac7g1n1] { margin: calc(var(--sp-4) * -1); height: calc(100dvh - var(--topbar-h)); }
    .chat-shell-header[b-2n7ac7g1n1] { padding: var(--sp-2) var(--sp-3); }
    .chat-shell-header__conversation-trigger[b-2n7ac7g1n1] { display: inline-grid; }
    .chat-shell-header__actions .btn[b-2n7ac7g1n1] { min-height: 44px; }
    .chat-shell-header__meta[b-2n7ac7g1n1] { gap: 4px; }
    .chat-shell-header__badge[b-2n7ac7g1n1] { min-height: 36px; padding: 0 var(--sp-2); }
    .conv-pane--drawer-open[b-2n7ac7g1n1] { position: fixed; z-index: 1200; top: 0; left: 0; width: min(340px, calc(100vw - var(--sp-6))); height: 100dvh; box-shadow: var(--sh-xl); border-right: 1px solid var(--color-border); }
    .conv-pane--drawer-open .conv-pane__drawer-close[b-2n7ac7g1n1] { display: inline-grid; }
    .chat-stream[b-2n7ac7g1n1] { padding: var(--sp-4) var(--sp-3); }
    .chat-stream__inner[b-2n7ac7g1n1] { gap: var(--sp-4); }
    .composer__hint[b-2n7ac7g1n1] { padding: 0 var(--sp-3); }
    .chat-toast[b-2n7ac7g1n1] { right: var(--sp-3); bottom: var(--sp-3); }
}

@media (max-width: 480px) {
    .chat-shell-header__actions .btn[b-2n7ac7g1n1] { font-size: var(--fs-xs); padding-inline: var(--sp-2); }
    .chat-shell-header__meta[b-2n7ac7g1n1] { width: 100%; order: 3; justify-content: flex-start; }
    .chat-shell-header[b-2n7ac7g1n1] { flex-wrap: wrap; }
    .conv-item__rename[b-2n7ac7g1n1] { grid-template-columns: 1fr 1fr; }
    .conv-item__rename .input[b-2n7ac7g1n1] { grid-column: 1 / -1; }
}
/* /Components/Pages/Marketplace.razor.rz.scp.css */
.marketplace-page[b-jsydip67o3] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-5);
    min-width: 0;
}

.marketplace-page__header[b-jsydip67o3] {
    align-items: flex-start;
}

.marketplace-page__alert[b-jsydip67o3] {
    margin: 0;
}

.marketplace-summary[b-jsydip67o3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--sp-4);
}

.marketplace-toolbar[b-jsydip67o3] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) minmax(180px, 240px) minmax(180px, 240px);
    gap: var(--sp-3);
    padding: var(--sp-4);
}

.marketplace-grid[b-jsydip67o3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--sp-4);
}

.marketplace-card[b-jsydip67o3] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-4);
    min-width: 0;
}

.marketplace-card h2[b-jsydip67o3],
.marketplace-drawer h2[b-jsydip67o3],
.marketplace-confirm h2[b-jsydip67o3] {
    margin: 0;
}

.marketplace-card__topline[b-jsydip67o3],
.marketplace-card__meta[b-jsydip67o3],
.marketplace-chip-row[b-jsydip67o3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sp-2);
}

.marketplace-card__meta[b-jsydip67o3] {
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
}

.marketplace-card__meta span:not(:last-child)[b-jsydip67o3]::after {
    content: "·";
    margin-left: var(--sp-2);
}

.marketplace-card__advisory[b-jsydip67o3] {
    margin: 0;
    padding: var(--sp-3);
}

.marketplace-card__open[b-jsydip67o3] {
    margin-top: auto;
    width: 100%;
}

.marketplace-loading[b-jsydip67o3],
.marketplace-empty[b-jsydip67o3] {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--sp-3);
    text-align: center;
}

.skeleton-line[b-jsydip67o3] {
    width: min(460px, 80%);
    height: 12px;
    border-radius: var(--r-full);
    background: var(--color-bg-hover);
}

.skeleton-line--short[b-jsydip67o3] {
    width: min(280px, 54%);
}

.marketplace-overlay[b-jsydip67o3] {
    position: fixed;
    inset: 0;
    z-index: calc(var(--z-modal) + 2);
    display: flex;
    justify-content: flex-end;
    background: rgba(15, 23, 42, .42);
}

.marketplace-overlay--confirm[b-jsydip67o3] {
    z-index: calc(var(--z-modal) + 4);
    align-items: center;
    justify-content: center;
    padding: var(--sp-4);
}

.marketplace-drawer[b-jsydip67o3] {
    width: min(720px, 100%);
    height: 100%;
    display: flex;
    flex-direction: column;
    background: var(--color-bg-surface);
    border-left: 1px solid var(--color-border);
    box-shadow: var(--sh-lg);
}

.marketplace-drawer__header[b-jsydip67o3],
.marketplace-drawer__footer[b-jsydip67o3],
.marketplace-confirm header[b-jsydip67o3],
.marketplace-confirm footer[b-jsydip67o3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sp-4);
    padding: var(--sp-5);
}

.marketplace-drawer__header[b-jsydip67o3] {
    border-bottom: 1px solid var(--color-border);
}

.marketplace-drawer__header p[b-jsydip67o3] {
    margin: var(--sp-1) 0 0;
    color: var(--color-fg-muted);
}

.marketplace-drawer__body[b-jsydip67o3] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: var(--sp-5);
    display: flex;
    flex-direction: column;
    gap: var(--sp-5);
}

.marketplace-drawer__footer[b-jsydip67o3] {
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    border-top: 1px solid var(--color-border);
}

.marketplace-detail-section[b-jsydip67o3] {
    padding-bottom: var(--sp-5);
    border-bottom: 1px solid var(--color-border);
}

.marketplace-detail-section:last-child[b-jsydip67o3] {
    border-bottom: 0;
}

.marketplace-detail-section h3[b-jsydip67o3] {
    margin: 0 0 var(--sp-3);
}

.marketplace-offer[b-jsydip67o3] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-3);
    padding: var(--sp-4);
    border: 1px solid var(--color-border);
    border-radius: var(--r-lg);
    background: var(--color-bg-app);
}

.marketplace-offer + .marketplace-offer[b-jsydip67o3] {
    margin-top: var(--sp-3);
}

.marketplace-offer > div:first-child[b-jsydip67o3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-3);
}

.marketplace-offer__commercial[b-jsydip67o3] {
    display: grid;
    gap: var(--sp-1);
    padding: var(--sp-3);
    border-radius: var(--r-md);
    background: color-mix(in srgb, var(--color-primary) 8%, var(--color-bg-surface));
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
}

.marketplace-offer__commercial strong[b-jsydip67o3] {
    color: var(--color-fg-default);
    font-size: var(--fs-lg);
}

.marketplace-list[b-jsydip67o3] {
    margin: var(--sp-2) 0 0;
    padding-left: var(--sp-5);
}

.marketplace-facts[b-jsydip67o3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--sp-3);
    margin: 0;
}

.marketplace-facts > div[b-jsydip67o3] {
    padding: var(--sp-3);
    border-radius: var(--r-md);
    background: var(--color-bg-app);
}

.marketplace-facts dt[b-jsydip67o3] {
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
}

.marketplace-facts dd[b-jsydip67o3] {
    margin: var(--sp-1) 0 0;
    font-weight: var(--fw-semibold);
}

.marketplace-advisory p[b-jsydip67o3] {
    margin: var(--sp-2) 0 0;
}

.marketplace-confirm[b-jsydip67o3] {
    width: min(560px, 100%);
    max-height: calc(100vh - var(--sp-8));
    overflow-y: auto;
    padding: var(--sp-5);
    border: 1px solid var(--color-border);
    border-radius: var(--r-xl);
    background: var(--color-bg-surface);
    box-shadow: var(--sh-lg);
}

.marketplace-confirm header[b-jsydip67o3],
.marketplace-confirm footer[b-jsydip67o3] {
    padding: 0;
}

.marketplace-confirm > p[b-jsydip67o3],
.marketplace-confirm > .alert[b-jsydip67o3],
.marketplace-confirm > .marketplace-consent[b-jsydip67o3] {
    margin-top: var(--sp-4);
}

.marketplace-confirm footer[b-jsydip67o3] {
    justify-content: flex-end;
    margin-top: var(--sp-5);
}

.marketplace-consent[b-jsydip67o3] {
    display: flex;
    align-items: flex-start;
    gap: var(--sp-3);
    padding: var(--sp-4);
    border: 1px solid var(--color-border);
    border-radius: var(--r-lg);
    background: var(--color-bg-app);
}

.marketplace-pack-notice[b-jsydip67o3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-4);
    margin-bottom: var(--sp-4);
}

@media (max-width: 900px) {
    .marketplace-summary[b-jsydip67o3],
    .marketplace-toolbar[b-jsydip67o3] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .marketplace-page__header[b-jsydip67o3],
    .marketplace-page__header .page-header__actions[b-jsydip67o3],
    .marketplace-pack-notice[b-jsydip67o3] {
        align-items: stretch;
        flex-direction: column;
    }

    .marketplace-grid[b-jsydip67o3] {
        grid-template-columns: 1fr;
    }

    .marketplace-drawer[b-jsydip67o3] {
        width: 100%;
    }

    .marketplace-facts[b-jsydip67o3] {
        grid-template-columns: 1fr;
    }

    .marketplace-drawer__footer .btn[b-jsydip67o3],
    .marketplace-confirm footer .btn[b-jsydip67o3] {
        flex: 1 1 100%;
    }
}
/* /Components/Pages/MarketplacePublisher.razor.rz.scp.css */
.publisher-page[b-2i8mluoibi] { display: grid; gap: var(--sp-5); }
.publisher-form[b-2i8mluoibi], .publisher-submissions[b-2i8mluoibi] { padding: var(--sp-5); display: grid; gap: var(--sp-4); }
.publisher-form h2[b-2i8mluoibi], .publisher-submissions h2[b-2i8mluoibi] { margin: 0; }
.table-wrap[b-2i8mluoibi] { overflow-x: auto; }
.table-wrap table[b-2i8mluoibi] { width: 100%; border-collapse: collapse; }
.table-wrap th[b-2i8mluoibi], .table-wrap td[b-2i8mluoibi] { padding: var(--sp-3); text-align: left; border-bottom: 1px solid var(--color-border); vertical-align: top; }
@media (max-width: 720px) { .form-row-2[b-2i8mluoibi] { grid-template-columns: 1fr; } }
/* /Components/Pages/MarketplacePurchase.razor.rz.scp.css */
.marketplace-purchase[b-exouj182cc] {
    display: grid;
    gap: var(--sp-5);
    padding: var(--sp-6);
}

.marketplace-purchase__header[b-exouj182cc],
.marketplace-purchase__section-header[b-exouj182cc],
.marketplace-purchase__order-status[b-exouj182cc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sp-4);
}

.marketplace-purchase__grid[b-exouj182cc] {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: var(--sp-5);
}

.marketplace-purchase__summary[b-exouj182cc],
.marketplace-purchase__payment[b-exouj182cc] {
    display: grid;
    align-content: start;
    gap: var(--sp-5);
}

.marketplace-purchase__price[b-exouj182cc] {
    display: grid;
    gap: var(--sp-1);
    padding: var(--sp-5);
    border-radius: var(--r-lg);
    background: color-mix(in srgb, var(--color-primary) 9%, var(--color-bg-surface));
}

.marketplace-purchase__price strong[b-exouj182cc] {
    font-size: clamp(1.9rem, 4vw, 2.6rem);
}

.marketplace-purchase__facts[b-exouj182cc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--sp-3);
    margin: 0;
}

.marketplace-purchase__facts > div[b-exouj182cc] {
    padding: var(--sp-3);
    border: 1px solid var(--color-border);
    border-radius: var(--r-md);
}

.marketplace-purchase__facts dt[b-exouj182cc] {
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
}

.marketplace-purchase__facts dd[b-exouj182cc] {
    margin: var(--sp-1) 0 0;
    font-weight: var(--fw-semibold);
}

.marketplace-purchase__consent[b-exouj182cc] {
    display: flex;
    align-items: flex-start;
    gap: var(--sp-3);
    padding: var(--sp-4);
    border: 1px solid var(--color-border);
    border-radius: var(--r-lg);
    background: var(--color-bg-app);
}

.marketplace-purchase__qr[b-exouj182cc] {
    display: grid;
    grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);
    align-items: center;
    gap: var(--sp-5);
}

.marketplace-purchase__qr img[b-exouj182cc] {
    width: 100%;
    border: 1px solid var(--color-border);
    border-radius: var(--r-lg);
}

.marketplace-purchase__loading[b-exouj182cc],
.marketplace-purchase__empty[b-exouj182cc] {
    min-height: 160px;
    display: grid;
    place-items: center;
}

@media (max-width: 900px) {
    .marketplace-purchase__grid[b-exouj182cc],
    .marketplace-purchase__qr[b-exouj182cc] {
        grid-template-columns: 1fr;
    }

    .marketplace-purchase__qr img[b-exouj182cc] {
        max-width: 280px;
    }
}

@media (max-width: 640px) {
    .marketplace-purchase[b-exouj182cc] {
        padding: var(--sp-4);
    }

    .marketplace-purchase__header[b-exouj182cc],
    .marketplace-purchase__header .page-header__actions[b-exouj182cc],
    .marketplace-purchase__section-header[b-exouj182cc],
    .marketplace-purchase__order-status[b-exouj182cc] {
        align-items: stretch;
        flex-direction: column;
    }

    .marketplace-purchase__facts[b-exouj182cc] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/OperationsInbox.razor.rz.scp.css */
.ops-page[b-osvcrueu8f] {
    display: grid;
    gap: var(--sp-4);
    min-width: 0;
    max-width: 100%;
    margin-top: var(--sp-5);
}

.ops-page__filter-toolbar[b-osvcrueu8f] {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
    min-width: 0;
}

.ops-page__filter-trigger[b-osvcrueu8f],
.ops-page__filter-close[b-osvcrueu8f],
.ops-page__filter-cancel[b-osvcrueu8f],
.ops-page__filter-backdrop[b-osvcrueu8f] {
    display: none;
}

.ops-page__filter-trigger-count[b-osvcrueu8f] {
    display: inline-grid;
    place-items: center;
    min-width: 1.35rem;
    height: 1.35rem;
    padding: 0 .3rem;
    border-radius: var(--r-full);
    background: var(--color-primary);
    color: white;
    font-size: .72rem;
}

.ops-page__queue-summary[b-osvcrueu8f] {
    margin-left: auto;
    white-space: nowrap;
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
}

.ops-page__filters-heading-actions[b-osvcrueu8f] {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
}

.ops-page__secondary[b-osvcrueu8f] {
    margin-top: var(--sp-5);
}

.ops-page__secondary-disclosure[b-osvcrueu8f] {
    border: 1px solid var(--color-border);
    border-radius: var(--card-radius);
    background: var(--color-bg-surface);
    box-shadow: var(--card-shadow);
}

.ops-page__secondary-disclosure > summary[b-osvcrueu8f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-4);
    min-height: 52px;
    padding: var(--sp-3) var(--sp-4);
    cursor: pointer;
    list-style: none;
}

.ops-page__secondary-disclosure > summary[b-osvcrueu8f]::-webkit-details-marker {
    display: none;
}

.ops-page__secondary-disclosure > summary span:first-child[b-osvcrueu8f] {
    display: grid;
    gap: .2rem;
}

.ops-page__secondary-disclosure > summary small[b-osvcrueu8f] {
    color: var(--color-fg-muted);
}

.ops-page__secondary-summary-count[b-osvcrueu8f] {
    color: var(--color-primary);
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
}

.ops-page__secondary-disclosure[open] .ops-page__secondary-summary-count[b-osvcrueu8f] {
    font-size: 0;
}

.ops-page__secondary-disclosure[open] .ops-page__secondary-summary-count[b-osvcrueu8f]::after {
    content: "Thu gọn";
    font-size: var(--fs-sm);
}

.ops-page__secondary-content[b-osvcrueu8f] {
    display: grid;
    gap: var(--sp-4);
    padding: 0 var(--sp-4) var(--sp-4);
}

.ops-page__filters[b-osvcrueu8f] {
    display: grid;
    grid-template-columns: minmax(220px, 1.4fr) repeat(3, minmax(180px, 1fr)) auto auto;
    gap: var(--sp-3);
    align-items: center;
    padding: var(--sp-5);
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--card-radius);
    box-shadow: var(--card-shadow);
}

.ops-page__filters-heading[b-osvcrueu8f] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--sp-3);
}

.ops-page__eyebrow[b-osvcrueu8f] {
    font-size: 11px;
    font-weight: var(--fw-semibold);
    letter-spacing: var(--ls-widest);
    text-transform: uppercase;
    color: var(--color-primary);
}

.ops-page__filters-heading strong[b-osvcrueu8f] {
    display: block;
    margin-top: 4px;
    font-size: var(--fs-md);
    color: var(--color-fg);
}

.ops-page__filters-count[b-osvcrueu8f] {
    display: inline-flex;
    align-items: center;
    height: var(--badge-h);
    padding: 0 var(--badge-px);
    border-radius: var(--badge-radius);
    background: var(--color-bg-muted);
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
    white-space: nowrap;
}

.ops-page__quick-filters[b-osvcrueu8f],
.ops-page__active-filters[b-osvcrueu8f] {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
    align-items: center;
}

.ops-page__active-filters[b-osvcrueu8f] {
    grid-column: auto;
    margin-bottom: var(--sp-3);
}

.ops-page__active-filters-label[b-osvcrueu8f] {
    font-size: var(--fs-xs);
    color: var(--color-fg-muted);
    margin-right: var(--sp-1);
}

.ops-page__active-filters-clear[b-osvcrueu8f] {
    margin-left: var(--sp-1);
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--color-primary);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
    cursor: pointer;
}

.ops-page__active-filters-clear:hover[b-osvcrueu8f] {
    text-decoration: underline;
}

.ops-page__active-filters-clear:disabled[b-osvcrueu8f] {
    cursor: not-allowed;
    opacity: .65;
}

.ops-page__stats[b-osvcrueu8f] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--sp-4);
}

.ops-page__stat-card[b-osvcrueu8f] {
    display: flex;
    align-items: center;
    gap: var(--sp-4);
    min-width: 0;
    padding: var(--sp-4) var(--sp-5);
    border: 1px solid var(--color-border);
    border-radius: var(--card-radius);
    background: var(--color-bg-surface);
    box-shadow: var(--card-shadow);
    color: var(--color-fg);
    text-align: left;
    cursor: pointer;
    transition: background var(--d-fast), border-color var(--d-fast), box-shadow var(--d-fast), transform var(--d-fast);
}

.ops-page__stat-card:hover[b-osvcrueu8f],
.ops-page__stat-card:focus-visible[b-osvcrueu8f],
.ops-page__stat-card--active[b-osvcrueu8f] {
    border-color: color-mix(in srgb, var(--color-primary) 28%, var(--color-border));
    background: var(--color-primary-light);
    box-shadow: var(--sh-md);
}

.ops-page__stat-card:focus-visible[b-osvcrueu8f] {
    outline: 2px solid color-mix(in srgb, var(--color-primary) 28%, transparent);
    outline-offset: 2px;
}

.ops-page__stat-card:disabled[b-osvcrueu8f] {
    cursor: not-allowed;
    opacity: .72;
}

.ops-page__stat-card--danger[b-osvcrueu8f] {
    border-color: color-mix(in srgb, var(--color-error) 20%, var(--color-border));
}

.ops-page__stat-card--danger.ops-page__stat-card--active[b-osvcrueu8f],
.ops-page__stat-card--danger:hover[b-osvcrueu8f],
.ops-page__stat-card--danger:focus-visible[b-osvcrueu8f] {
    border-color: color-mix(in srgb, var(--color-error) 32%, var(--color-border));
    background: color-mix(in srgb, var(--color-error) 8%, var(--color-bg-surface));
}

.ops-page__stat-icon[b-osvcrueu8f] {
    display: inline-grid;
    flex: 0 0 42px;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: var(--r-xl);
    background: var(--color-primary-light);
    color: var(--color-primary);
    font-size: 1.25rem;
}

.ops-page__stat-icon--approval[b-osvcrueu8f] {
    background: color-mix(in srgb, var(--color-success) 12%, var(--color-bg-surface));
    color: var(--color-success);
}

.ops-page__stat-icon--overdue[b-osvcrueu8f] {
    background: color-mix(in srgb, var(--color-error) 10%, var(--color-bg-surface));
    color: var(--color-error);
}

.ops-page__stat-icon--queue[b-osvcrueu8f],
.ops-page__stat-icon--ai[b-osvcrueu8f] {
    background: color-mix(in srgb, var(--color-warning) 14%, var(--color-bg-surface));
    color: var(--color-warning);
}

.ops-page__stat-card > span:last-child[b-osvcrueu8f] {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.ops-page__stat-label[b-osvcrueu8f],
.ops-page__stat-card small[b-osvcrueu8f] {
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
}

.ops-page__stat-value[b-osvcrueu8f] {
    color: var(--color-fg);
    font-size: clamp(1.35rem, 2.2vw, 1.85rem);
    line-height: 1;
}

.ops-page__stat-value--danger[b-osvcrueu8f] {
    color: var(--color-error);
}

.ops-page__quick-filter[b-osvcrueu8f],
.ops-page__active-filter[b-osvcrueu8f] {
    display: inline-flex;
    align-items: center;
    min-height: var(--badge-h);
    padding: 0 var(--badge-px);
    border-radius: var(--badge-radius);
    border: 1px solid var(--color-border);
    background: var(--color-bg-surface);
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
}

.ops-page__active-filter[b-osvcrueu8f] {
    background: var(--color-primary-light);
    border-color: var(--p-indigo-200);
    color: var(--p-indigo-700);
}

.ops-page__quick-filter[b-osvcrueu8f] {
    cursor: pointer;
    transition: background var(--d-fast), border-color var(--d-fast), color var(--d-fast), transform var(--d-fast);
}

.ops-page__quick-filter:hover[b-osvcrueu8f],
.ops-page__quick-filter:focus-visible[b-osvcrueu8f],
.ops-page__quick-filter--active[b-osvcrueu8f] {
    background: var(--color-primary-light);
    border-color: color-mix(in srgb, var(--color-primary) 24%, transparent);
    color: var(--color-primary);
}

.ops-page__quick-filter--danger[b-osvcrueu8f],
.ops-page__quick-filter--danger:hover[b-osvcrueu8f],
.ops-page__quick-filter--danger:focus-visible[b-osvcrueu8f],
.ops-page__quick-filter--danger.ops-page__quick-filter--active[b-osvcrueu8f] {
    border-color: color-mix(in srgb, var(--color-error) 28%, var(--color-border));
    background: color-mix(in srgb, var(--color-error) 8%, var(--color-bg-surface));
    color: var(--color-error);
}

.ops-page__quick-filter:focus-visible[b-osvcrueu8f] {
    outline: 2px solid color-mix(in srgb, var(--color-primary) 28%, transparent);
    outline-offset: 2px;
}

.ops-page__quick-filter:disabled[b-osvcrueu8f] {
    cursor: not-allowed;
    opacity: .65;
}

.ops-page__active-filter[b-osvcrueu8f] {
    background: var(--color-bg-muted);
}

.ops-page__checkbox[b-osvcrueu8f] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-size: .92rem;
    color: var(--color-fg-muted);
}

.ops-page__checkbox input[b-osvcrueu8f] {
    accent-color: var(--color-primary);
}

.ops-page__filter-actions[b-osvcrueu8f] {
    display: inline-flex;
    gap: var(--sp-2);
    justify-content: flex-end;
}

.ops-batch[b-osvcrueu8f],
.ops-batch-preview[b-osvcrueu8f],
.ops-batch-result[b-osvcrueu8f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-3);
    padding: var(--sp-3) var(--sp-4);
    margin-bottom: var(--sp-3);
    border: 1px solid color-mix(in srgb, var(--color-primary) 24%, var(--color-border));
    border-radius: var(--card-radius);
    background: var(--color-primary-light);
}

.ops-batch[b-osvcrueu8f] {
    flex-wrap: wrap;
}

.ops-batch__count[b-osvcrueu8f] {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-2);
    font-size: var(--fs-sm);
    font-weight: var(--fw-bold);
    color: var(--p-indigo-700);
}

.ops-batch__num-pill[b-osvcrueu8f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: var(--r-full);
    background: var(--color-primary);
    color: var(--color-fg-inverse);
    font-size: var(--fs-xs);
    font-variant-numeric: tabular-nums;
}

.ops-batch__sep[b-osvcrueu8f] {
    width: 1px;
    height: 22px;
    background: color-mix(in srgb, var(--color-primary) 24%, transparent);
    flex-shrink: 0;
}

.ops-batch__hint[b-osvcrueu8f] {
    flex: 1;
    min-width: 200px;
    margin: 0;
    font-size: var(--fs-xs);
    color: var(--color-fg-muted);
    line-height: var(--lh-relaxed);
}

.ops-batch__hint strong[b-osvcrueu8f] {
    color: var(--color-fg);
    font-weight: var(--fw-semibold);
}

.ops-batch__hint--sub[b-osvcrueu8f] {
    flex-basis: 100%;
    min-width: 0;
}

.ops-batch__actions[b-osvcrueu8f] {
    display: flex;
    gap: var(--sp-2);
    flex-wrap: wrap;
}

.ops-batch-preview[b-osvcrueu8f] {
    position: relative;
    z-index: 30;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: var(--sp-3);
    background: var(--color-bg-surface);
    border-color: var(--color-border);
    box-shadow: var(--sh-md);
}

.ops-batch-preview-backdrop[b-osvcrueu8f] {
    display: none;
}

.ops-batch-preview__header[b-osvcrueu8f] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sp-3);
}

.ops-batch-preview__header h2[b-osvcrueu8f] {
    margin: var(--sp-1) 0 0;
    color: var(--color-fg);
    font-size: var(--fs-lg);
    line-height: var(--lh-tight);
}

.ops-batch-preview__header .icon-btn[b-osvcrueu8f] {
    min-width: 44px;
    min-height: 44px;
    flex: 0 0 auto;
}

.ops-batch-preview__eyebrow[b-osvcrueu8f] {
    color: var(--color-primary);
    font-size: var(--fs-xs);
    font-weight: var(--fw-bold);
    letter-spacing: .05em;
    text-transform: uppercase;
}

.ops-batch-preview__description[b-osvcrueu8f] {
    margin: 0;
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
    line-height: var(--lh-relaxed);
}

.ops-batch-preview__summary[b-osvcrueu8f] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
}

.ops-batch-preview__summary-item[b-osvcrueu8f],
.ops-batch-preview__item-state[b-osvcrueu8f] {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-1);
    min-height: 28px;
    padding: 0 var(--sp-2);
    border-radius: var(--r-full);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
}

.ops-batch-preview__summary-item--eligible[b-osvcrueu8f],
.ops-batch-preview__item-state--eligible[b-osvcrueu8f] {
    background: var(--color-success-bg);
    color: var(--color-success-fg);
}

.ops-batch-preview__summary-item--ineligible[b-osvcrueu8f],
.ops-batch-preview__item-state--ineligible[b-osvcrueu8f] {
    background: var(--color-warning-bg);
    color: var(--color-warning-fg);
}

.ops-batch-preview__list[b-osvcrueu8f] {
    display: grid;
    gap: var(--sp-2);
    margin: 0;
    padding: 0;
    list-style: none;
}

.ops-batch-preview__item[b-osvcrueu8f] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--sp-3);
    padding: var(--sp-3);
    border: 1px solid var(--color-border);
    border-radius: var(--r-lg);
    background: var(--color-bg-surface);
}

.ops-batch-preview__item-icon[b-osvcrueu8f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--r-lg);
}

.ops-batch-preview__item-icon--eligible[b-osvcrueu8f] {
    background: var(--color-success-bg);
    color: var(--color-success-fg);
}

.ops-batch-preview__item-icon--ineligible[b-osvcrueu8f] {
    background: var(--color-warning-bg);
    color: var(--color-warning-fg);
}

.ops-batch-preview__item-body[b-osvcrueu8f] {
    display: grid;
    gap: var(--sp-1);
    min-width: 0;
}

.ops-batch-preview__item-body strong[b-osvcrueu8f] {
    color: var(--color-fg);
    overflow-wrap: anywhere;
}

.ops-batch-preview__item-body span[b-osvcrueu8f],
.ops-batch-preview__item-body small[b-osvcrueu8f] {
    color: var(--color-fg-muted);
    line-height: var(--lh-relaxed);
}

.ops-batch-preview__item-body span[b-osvcrueu8f] {
    font-size: var(--fs-xs);
}

.ops-batch-preview__item-body small[b-osvcrueu8f] {
    font-size: var(--fs-xs);
}

.ops-batch-preview__actions[b-osvcrueu8f] {
    display: flex;
    justify-content: flex-end;
    gap: var(--sp-2);
    padding-top: var(--sp-2);
    border-top: 1px solid var(--color-border);
}

.ops-batch-preview__actions .btn[b-osvcrueu8f] {
    min-height: 44px;
}

.ops-batch-result[b-osvcrueu8f] {
    display: grid;
    background: var(--color-bg-muted);
    border-color: var(--color-border);
}

.ops-batch-result__head strong[b-osvcrueu8f] {
    color: var(--color-fg);
}

.ops-batch-result__ok[b-osvcrueu8f] {
    color: var(--color-success-fg);
    font-weight: var(--fw-bold);
}

.ops-batch-result__bad[b-osvcrueu8f] {
    color: var(--color-error-fg);
    font-weight: var(--fw-bold);
}

.ops-batch-result__list[b-osvcrueu8f] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
    margin: var(--sp-3) 0 0;
    padding: 0;
    list-style: none;
}

.ops-batch-result__row[b-osvcrueu8f] {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
    padding: var(--sp-2) var(--sp-3);
    border: 1px solid var(--color-border);
    border-radius: var(--r-lg);
    background: var(--color-bg-surface);
    font-size: var(--fs-sm);
}

.ops-batch-result__id[b-osvcrueu8f] {
    font-family: var(--font-mono);
    font-size: var(--fs-xs);
    color: var(--color-fg-subtle);
    flex-shrink: 0;
}

.ops-batch-result__msg[b-osvcrueu8f] {
    color: var(--color-fg-muted);
}

.ops-execute-modal[b-osvcrueu8f] {
    max-width: min(920px, calc(100vw - 2rem));
}

.ops-execute-modal-backdrop[b-osvcrueu8f] {
    z-index: 1300;
}

.ops-execute-modal__body[b-osvcrueu8f] {
    display: grid;
    gap: var(--sp-4);
}

.ops-execute-modal__subtitle[b-osvcrueu8f] {
    margin-top: .35rem;
    color: var(--color-fg-muted);
}

.ops-execute-modal__section[b-osvcrueu8f] {
    display: grid;
    gap: var(--sp-3);
    padding: var(--sp-4);
    border: 1px solid var(--color-border);
    border-radius: var(--r-lg);
    background: var(--color-bg-surface);
}

.ops-execute-modal__section--primary[b-osvcrueu8f] {
    border-color: color-mix(in srgb, var(--color-primary) 18%, var(--color-border));
    box-shadow: var(--sh-sm);
}

.ops-execute-tabs[b-osvcrueu8f] {
    display: grid;
}

.ops-execute-tabs__nav .ed-related-tabs__tab[b-osvcrueu8f] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.ops-execute-tabs__nav .ed-related-tabs__tab i[b-osvcrueu8f] {
    font-size: 1rem;
}

.ops-execute-tabs__panel[b-osvcrueu8f] {
    display: grid;
    gap: var(--sp-3);
    padding: var(--sp-4);
    border: 1px solid var(--color-border);
    border-radius: 0;
    background: color-mix(in srgb, var(--color-bg-surface) 88%, var(--color-bg-muted));
}


.ops-execute-modal__section--compact[b-osvcrueu8f] {
    gap: var(--sp-2);
}

.ops-execute-modal__section h4[b-osvcrueu8f],
.ops-execute-modal__section p[b-osvcrueu8f] {
    margin: 0;
}

.ops-execute-modal__section-head[b-osvcrueu8f] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--sp-3);
}

.ops-execute-modal__facts[b-osvcrueu8f],
.ops-execute-modal__summary-grid[b-osvcrueu8f],
.ops-execute-modal__prepared-list[b-osvcrueu8f] {
    display: grid;
    gap: var(--sp-2);
}

.ops-execute-modal__review-origin[b-osvcrueu8f] {
    display: grid;
    gap: var(--sp-2);
}

.ops-execute-modal__facts[b-osvcrueu8f],
.ops-execute-modal__summary-grid[b-osvcrueu8f] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ops-execute-modal__fact[b-osvcrueu8f],
.ops-execute-modal__summary-item[b-osvcrueu8f],
.ops-execute-modal__prepared-item[b-osvcrueu8f] {
    display: grid;
    gap: .35rem;
    padding: .85rem .95rem;
    border-radius: var(--r-md);
    border: 1px solid var(--color-border);
    background: var(--color-bg-muted);
}

.ops-execute-modal__origin-card[b-osvcrueu8f] {
    display: grid;
    gap: .35rem;
    padding: .75rem .9rem;
    border-radius: var(--r-md);
    border: 1px solid var(--color-border);
    background: color-mix(in srgb, var(--color-primary) 6%, white);
}

.ops-execute-modal__origin-card p[b-osvcrueu8f] {
    color: var(--color-fg-muted);
}

.ops-execute-modal__prepared-list--compact[b-osvcrueu8f] {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.ops-execute-modal__prepared-item--compact[b-osvcrueu8f] {
    padding: .65rem .75rem;
    min-height: 0;
}

.ops-execute-modal__fact--highlight[b-osvcrueu8f] {
    background: color-mix(in srgb, var(--color-primary) 8%, white);
    border-color: color-mix(in srgb, var(--color-primary) 18%, transparent);
}

.ops-execute-modal__payload-head[b-osvcrueu8f] {
    display: flex;
    justify-content: space-between;
    gap: var(--sp-3);
    align-items: flex-start;
}

.ops-execute-modal__textarea[b-osvcrueu8f] {
    min-height: 280px;
    font-family: var(--font-mono);
    font-size: .9rem;
}

.ops-execute-modal__list[b-osvcrueu8f] {
    margin: 0;
    padding-left: 1.15rem;
    display: grid;
    gap: .35rem;
    color: var(--color-fg-muted);
    list-style-type: disc;
}


.ops-execute-modal__recipient[b-osvcrueu8f] {
    display: grid;
    gap: .25rem;
    padding: .85rem .95rem;
    border: 1px solid var(--color-border);
    border-radius: var(--r-md);
    background: var(--color-bg-muted);
}

.ops-execute-modal__recipient--compact[b-osvcrueu8f] {
    background: var(--color-bg-surface);
}

.ops-execute-modal__review-grid[b-osvcrueu8f] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--sp-3);
}

.ops-execute-modal__field[b-osvcrueu8f] {
    display: grid;
    gap: .4rem;
}

.ops-execute-modal__field--full[b-osvcrueu8f] {
    grid-column: 1 / -1;
}

.ops-execute-modal__message-textarea[b-osvcrueu8f] {
    min-height: 132px;
    line-height: var(--lh-relaxed);
}

.ops-execute-modal__message-textarea--primary[b-osvcrueu8f] {
    min-height: 168px;
    font-size: var(--fs-sm);
}

.ops-execute-modal__empty-review[b-osvcrueu8f] {
    padding: var(--sp-4);
    border: 1px dashed var(--color-border);
    border-radius: var(--r-md);
    color: var(--color-fg-muted);
    background: var(--color-bg-muted);
}

.ops-execute-modal__delivery-override[b-osvcrueu8f] {
    display: grid;
    gap: var(--sp-2);
    padding: var(--sp-3) var(--sp-4);
    border-radius: var(--r-lg);
}

.ops-execute-modal__delivery-override > label[b-osvcrueu8f] {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-2);
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
    color: var(--color-warning-fg);
    margin: 0;
}

.ops-execute-modal__delivery-override p[b-osvcrueu8f] {
    margin: 0;
    font-size: var(--fs-xs);
    color: var(--color-fg-muted);
}

@media (max-width: 1200px) {
    .ops-page__stats[b-osvcrueu8f] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ops-page__filter-trigger[b-osvcrueu8f] {
        display: inline-flex;
        min-height: 44px;
    }

    .ops-page__quick-filters[b-osvcrueu8f] {
        flex: 1;
        flex-wrap: nowrap;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        padding-block: 2px;
    }

    .ops-page__quick-filter[b-osvcrueu8f] {
        flex: 0 0 auto;
        min-height: 40px;
    }

    .ops-page__filters[b-osvcrueu8f] {
        position: fixed;
        z-index: 1410;
        inset: 0 0 0 auto;
        width: min(440px, 92vw);
        max-height: 100dvh;
        overflow-y: auto;
        align-content: start;
        grid-template-columns: 1fr;
        border-radius: 0;
        transform: translateX(105%);
        transition: transform var(--d-normal) var(--ease-out);
        box-shadow: var(--sh-xl);
        visibility: hidden;
    }

    .ops-page__filters--open[b-osvcrueu8f] {
        transform: translateX(0);
        visibility: visible;
    }

    .ops-page__filter-backdrop[b-osvcrueu8f] {
        display: block;
        position: fixed;
        z-index: 1400;
        inset: 0;
        border: 0;
        background: rgb(15 23 42 / .5);
    }

    .ops-page__filter-close[b-osvcrueu8f],
    .ops-page__filter-cancel[b-osvcrueu8f] {
        display: inline-flex;
    }

    .ops-page__filters-heading[b-osvcrueu8f] {
        position: sticky;
        top: 0;
        z-index: 1;
        padding-bottom: var(--sp-3);
        background: var(--color-bg-surface);
    }

    .ops-page__filter-actions[b-osvcrueu8f] {
        position: sticky;
        bottom: calc(-1 * var(--sp-5));
        margin: var(--sp-2) calc(-1 * var(--sp-5)) calc(-1 * var(--sp-5));
        padding: var(--sp-3) var(--sp-5) max(var(--sp-3), env(safe-area-inset-bottom));
        background: var(--color-bg-surface);
        border-top: 1px solid var(--color-border);
    }

    .ops-page__filter-actions .btn[b-osvcrueu8f] {
        min-height: 44px;
    }
}

@media (max-width: 720px) {
    .ops-page__stats[b-osvcrueu8f] {
        grid-template-columns: 1fr;
    }

    .ops-page__stat-card[b-osvcrueu8f] {
        padding: var(--sp-4);
    }

    .ops-page__filter-toolbar[b-osvcrueu8f] {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .ops-page__filter-trigger[b-osvcrueu8f] {
        flex: 0 0 auto;
    }

    .ops-page__queue-summary[b-osvcrueu8f] {
        order: 2;
        margin-left: 0;
        width: 100%;
    }

    .ops-page__quick-filters[b-osvcrueu8f] {
        order: 3;
        width: 100%;
    }

    .ops-page__filters[b-osvcrueu8f] {
        width: 100vw;
        padding: max(var(--sp-4), env(safe-area-inset-top)) var(--sp-4) max(var(--sp-4), env(safe-area-inset-bottom));
    }

    .ops-page__filters-heading[b-osvcrueu8f] {
        flex-direction: column;
        align-items: flex-start;
    }

    .ops-page__filter-actions[b-osvcrueu8f] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-inline: calc(-1 * var(--sp-4));
        padding-inline: var(--sp-4);
    }

    .ops-page__filter-actions .btn:first-child[b-osvcrueu8f] {
        grid-column: 1 / -1;
    }

    .ops-batch[b-osvcrueu8f] {
        position: sticky;
        z-index: 20;
        bottom: max(var(--sp-2), env(safe-area-inset-bottom));
        align-items: stretch;
        flex-direction: column;
        box-shadow: var(--sh-lg);
    }

    .ops-batch__actions[b-osvcrueu8f] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ops-batch__actions .btn[b-osvcrueu8f] {
        min-height: 44px;
        justify-content: center;
    }

    .ops-batch__actions .btn:last-child[b-osvcrueu8f] {
        grid-column: 1 / -1;
    }

    .ops-batch-preview-backdrop[b-osvcrueu8f] {
        position: fixed;
        z-index: 1290;
        inset: 0;
        display: block;
        background: color-mix(in srgb, var(--color-fg) 42%, transparent);
    }

    .ops-batch-preview[b-osvcrueu8f] {
        position: fixed;
        z-index: 1300;
        right: 0;
        bottom: 0;
        left: 0;
        grid-template-rows: auto auto auto minmax(0, 1fr) auto;
        max-height: min(82dvh, 760px);
        margin: 0;
        padding: var(--sp-4) var(--sp-4) max(var(--sp-4), env(safe-area-inset-bottom));
        border-width: 1px 0 0;
        border-radius: var(--r-xl) var(--r-xl) 0 0;
        overflow: hidden;
        box-shadow: var(--sh-xl);
    }

    .ops-batch-preview__list[b-osvcrueu8f] {
        min-height: 0;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .ops-batch-preview__item[b-osvcrueu8f] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .ops-batch-preview__item-state[b-osvcrueu8f] {
        grid-column: 2;
        justify-self: start;
    }

    .ops-batch-preview__actions[b-osvcrueu8f] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        padding-top: var(--sp-3);
        background: var(--color-bg-surface);
    }

    .ops-execute-modal__facts[b-osvcrueu8f],
    .ops-execute-modal__summary-grid[b-osvcrueu8f] {
        grid-template-columns: 1fr;
    }

    .ops-execute-modal__payload-head[b-osvcrueu8f] {
        flex-direction: column;
    }
    .ops-execute-modal__review-grid[b-osvcrueu8f] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ops-page__quick-filter[b-osvcrueu8f],
    .ops-batch[b-osvcrueu8f],
    .ops-batch-preview[b-osvcrueu8f],
    .ops-page__filters[b-osvcrueu8f] {
        transition: none;
    }
}
/* /Components/Pages/SolutionAdvisor.razor.rz.scp.css */
.sa-page[b-ahvyy3g1z5] {
    min-height: 100vh;
    color: var(--color-fg);
    background:
        radial-gradient(circle at 8% 0%, rgb(99 102 241 / 0.12), transparent 34rem),
        linear-gradient(180deg, var(--color-bg-app), var(--color-bg-subtle, #f8fafc));
}

.sa-header[b-ahvyy3g1z5] {
    min-height: 72px;
    padding: var(--sp-3) clamp(var(--sp-4), 4vw, var(--sp-8));
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-4);
    background: rgb(255 255 255 / 0.88);
    border-bottom: 1px solid var(--color-border);
    backdrop-filter: blur(14px);
}

.sa-brand[b-ahvyy3g1z5] { display: flex; align-items: center; gap: var(--sp-3); color: inherit; text-decoration: none; font-weight: var(--fw-bold); }
.sa-brand img[b-ahvyy3g1z5] { width: 154px; height: auto; }
.sa-brand span[b-ahvyy3g1z5] { padding-left: var(--sp-3); border-left: 1px solid var(--color-border); color: var(--color-fg-muted); font-size: var(--fs-sm); }
.sa-header__actions[b-ahvyy3g1z5] { display: flex; align-items: center; gap: var(--sp-4); }
.sa-private-chip[b-ahvyy3g1z5] { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border: 1px solid var(--color-border); border-radius: var(--r-full); background: var(--color-bg-surface); color: var(--color-fg-muted); font-size: var(--fs-xs); }
.sa-account-link[b-ahvyy3g1z5] { color: var(--color-primary); font-size: var(--fs-sm); font-weight: var(--fw-semibold); }

.sa-status[b-ahvyy3g1z5] { max-width: 1240px; margin: var(--sp-3) auto 0; padding: 0 var(--sp-5); color: var(--color-fg-muted); font-size: var(--fs-sm); }
.sa-status:empty[b-ahvyy3g1z5] { display: none; }
.sa-status.is-error[b-ahvyy3g1z5], .sa-status.is-warning[b-ahvyy3g1z5] { padding: var(--sp-3) var(--sp-4); border-radius: var(--r-lg); }
.sa-status.is-error[b-ahvyy3g1z5] { color: var(--color-danger, #b91c1c); background: #fef2f2; border: 1px solid #fecaca; }
.sa-status.is-warning[b-ahvyy3g1z5] { color: #92400e; background: #fffbeb; border: 1px solid #fde68a; }

.sa-journey[b-ahvyy3g1z5] { width: min(1580px, calc(100% - 32px)); margin: var(--sp-4) auto 0; padding: var(--sp-4) var(--sp-5); background: rgb(255 255 255 / 0.82); border: 1px solid var(--color-border); border-radius: var(--r-2xl); box-shadow: var(--sh-sm); }
.sa-journey__head[b-ahvyy3g1z5] { display: flex; align-items: end; justify-content: space-between; gap: var(--sp-4); margin-bottom: var(--sp-4); }
.sa-journey__head h2[b-ahvyy3g1z5] { margin: var(--sp-1) 0 0; font-size: var(--fs-lg); }
.sa-journey__head p[b-ahvyy3g1z5] { margin: 0; color: var(--color-primary); font-size: var(--fs-sm); font-weight: var(--fw-semibold); }

.sa-layout[b-ahvyy3g1z5] { width: min(1240px, calc(100% - 32px)); margin: var(--sp-5) auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 380px); gap: var(--sp-5); }
.sa-layout:has(.sa-experience.is-ready)[b-ahvyy3g1z5] { width: min(1580px, calc(100% - 32px)); grid-template-columns: minmax(320px, 400px) minmax(0, 1fr) minmax(320px, 380px); }
.sa-chat[b-ahvyy3g1z5] { min-height: 650px; display: flex; flex-direction: column; overflow: hidden; background: var(--color-bg-surface); border: 1px solid var(--color-border); border-radius: var(--r-2xl); box-shadow: var(--sh-md); }
.sa-chat__head[b-ahvyy3g1z5] { padding: var(--sp-4) var(--sp-5); display: flex; align-items: center; gap: var(--sp-3); border-bottom: 1px solid var(--color-border); }
.sa-chat__head h1[b-ahvyy3g1z5] { margin: 0; font-size: var(--fs-md); }
.sa-chat__head p[b-ahvyy3g1z5] { margin: 2px 0 0; color: var(--color-fg-muted); font-size: var(--fs-xs); }
.sa-avatar[b-ahvyy3g1z5], .sa-welcome__mark[b-ahvyy3g1z5] { display: grid; place-items: center; color: white; background: var(--gradient-ai); box-shadow: 0 8px 24px rgb(99 102 241 / 0.25); }
.sa-avatar[b-ahvyy3g1z5] { width: 42px; height: 42px; border-radius: var(--r-lg); font-size: 20px; }
.sa-online-dot[b-ahvyy3g1z5] { display: inline-block; width: 7px; height: 7px; margin-right: 4px; border-radius: 50%; background: var(--color-success); }
.sa-quota[b-ahvyy3g1z5] { min-width: 130px; margin-left: auto; color: var(--color-fg-muted); font-size: 11px; text-align: right; }
.sa-quota__track[b-ahvyy3g1z5] { display: block; height: 5px; margin-top: 6px; overflow: hidden; background: var(--color-bg-hover); border-radius: var(--r-full); }
.sa-quota__track span[b-ahvyy3g1z5] { display: block; width: 0; height: 100%; background: var(--gradient-ai); transition: width 180ms ease; }

.sa-chat__stream[b-ahvyy3g1z5] { flex: 1; overflow-y: auto; padding: clamp(var(--sp-5), 5vw, var(--sp-8)); }
.sa-welcome[b-ahvyy3g1z5] { max-width: 560px; margin: 6vh auto 0; text-align: center; }
.sa-welcome__mark[b-ahvyy3g1z5] { width: 58px; height: 58px; margin: 0 auto var(--sp-4); border-radius: var(--r-xl); font-size: 25px; }
.sa-welcome h2[b-ahvyy3g1z5] { margin: 0 0 var(--sp-3); font-size: clamp(1.45rem, 3vw, 2rem); letter-spacing: var(--ls-tight); }
.sa-welcome > p[b-ahvyy3g1z5] { color: var(--color-fg-muted); line-height: var(--lh-relaxed); }
.sa-challenge-note[b-ahvyy3g1z5] { margin-top: var(--sp-3); font-size: var(--fs-xs); }
.sa-primary[b-ahvyy3g1z5], .sa-secondary[b-ahvyy3g1z5] { display: inline-flex; align-items: center; justify-content: center; gap: var(--sp-2); min-height: 44px; padding: 0 var(--sp-5); border-radius: var(--r-lg); font-weight: var(--fw-semibold); cursor: pointer; }
.sa-primary[b-ahvyy3g1z5] { color: white; border: 0; background: var(--gradient-ai); box-shadow: 0 8px 20px rgb(79 70 229 / 0.22); }
.sa-primary:hover[b-ahvyy3g1z5] { filter: brightness(1.04); transform: translateY(-1px); }
.sa-primary:disabled[b-ahvyy3g1z5], .sa-secondary:disabled[b-ahvyy3g1z5] { cursor: wait; opacity: 0.58; transform: none; }
.sa-primary--compact[b-ahvyy3g1z5] { min-height: 38px; padding: 0 var(--sp-4); }
.sa-secondary[b-ahvyy3g1z5] { color: var(--color-fg); border: 1px solid var(--color-border); background: var(--color-bg-surface); }

#sa-messages[b-ahvyy3g1z5] { display: flex; flex-direction: column; gap: var(--sp-5); }
.sa-message[b-ahvyy3g1z5] { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: var(--sp-3); }
.sa-message__avatar[b-ahvyy3g1z5] { width: 34px; height: 34px; display: grid; place-items: center; border-radius: var(--r-lg); font-size: var(--fs-sm); font-weight: var(--fw-bold); background: var(--color-bg-hover); color: var(--color-fg-muted); }
.sa-message--advisor .sa-message__avatar[b-ahvyy3g1z5], .sa-message--system .sa-message__avatar[b-ahvyy3g1z5] { color: white; background: var(--gradient-ai); }
.sa-message__meta[b-ahvyy3g1z5] { margin-bottom: 4px; font-size: var(--fs-xs); font-weight: var(--fw-semibold); }
.sa-message__meta time[b-ahvyy3g1z5] { margin-left: var(--sp-2); color: var(--color-fg-subtle); font-weight: var(--fw-normal); }
.sa-message__content[b-ahvyy3g1z5] { white-space: pre-wrap; overflow-wrap: anywhere; line-height: var(--lh-relaxed); }
.sa-message--system .sa-message__content[b-ahvyy3g1z5] { padding: var(--sp-3) var(--sp-4); color: var(--color-fg-muted); background: var(--gradient-ai-soft); border: 1px solid rgb(99 102 241 / 0.2); border-radius: var(--r-lg); font-size: var(--fs-sm); }

.sa-composer[b-ahvyy3g1z5] { padding: var(--sp-4) var(--sp-5); border-top: 1px solid var(--color-border); }
.sa-composer textarea[b-ahvyy3g1z5] { width: 100%; min-height: 78px; padding: var(--sp-3); resize: vertical; color: var(--color-fg); background: var(--color-bg-surface); border: 1px solid var(--color-border); border-radius: var(--r-lg); font: inherit; line-height: var(--lh-relaxed); }
.sa-composer textarea:focus[b-ahvyy3g1z5] { outline: 0; border-color: var(--color-primary); box-shadow: var(--sh-ring-primary); }
.sa-composer__bar[b-ahvyy3g1z5] { margin-top: var(--sp-2); display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3); color: var(--color-fg-subtle); font-size: var(--fs-xs); }
.sa-history-notice[b-ahvyy3g1z5] { margin: var(--sp-2) 0 0; color: var(--color-fg-muted); font-size: 11px; text-align: center; }

.sa-canvas[b-ahvyy3g1z5] { align-self: start; padding: var(--sp-6); background: rgb(255 255 255 / 0.78); border: 1px solid var(--color-border); border-radius: var(--r-2xl); box-shadow: var(--sh-sm); }
.sa-canvas__eyebrow[b-ahvyy3g1z5] { color: var(--color-primary); font-size: var(--fs-xs); font-weight: var(--fw-bold); letter-spacing: .08em; text-transform: uppercase; }
.sa-canvas h2[b-ahvyy3g1z5] { margin: var(--sp-2) 0 var(--sp-5); font-size: var(--fs-xl); line-height: var(--lh-tight); }
.sa-steps[b-ahvyy3g1z5] { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--sp-3); list-style: none; }
.sa-steps li[b-ahvyy3g1z5] { position: relative; min-width: 0; display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: var(--sp-3); padding: var(--sp-3); border: 1px solid var(--color-border); border-radius: var(--r-lg); background: var(--color-bg-surface); }
.sa-steps li[b-ahvyy3g1z5]::after { content: ''; position: absolute; top: -1px; right: var(--sp-3); left: var(--sp-3); height: 3px; border-radius: var(--r-full); background: transparent; }
.sa-steps li > span[b-ahvyy3g1z5] { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--color-border); border-radius: 50%; color: var(--color-fg-muted); background: var(--color-bg-surface); font-size: var(--fs-xs); font-weight: var(--fw-bold); }
.sa-steps li[data-step-state="active"][b-ahvyy3g1z5], .sa-steps li[data-step-state="available"][b-ahvyy3g1z5] { border-color: color-mix(in srgb, var(--color-primary) 42%, var(--color-border)); }
.sa-steps li[data-step-state="active"][b-ahvyy3g1z5]::after, .sa-steps li[data-step-state="available"][b-ahvyy3g1z5]::after { background: var(--gradient-ai); }
.sa-steps li[data-step-state="active"] > span[b-ahvyy3g1z5] { color: white; border-color: transparent; background: var(--gradient-ai); }
.sa-steps li[data-step-state="completed"] > span[b-ahvyy3g1z5] { color: white; border-color: var(--color-success); background: var(--color-success); }
.sa-steps li[data-step-state="pending"] > span[b-ahvyy3g1z5] { color: #92400e; border-color: #f59e0b; background: #fffbeb; }
.sa-steps li[data-step-state="failed"] > span[b-ahvyy3g1z5] { color: white; border-color: var(--color-danger, #b91c1c); background: var(--color-danger, #b91c1c); }
.sa-steps strong[b-ahvyy3g1z5] { font-size: var(--fs-sm); }
.sa-steps p[b-ahvyy3g1z5] { margin: 3px 0 0; color: var(--color-fg-muted); font-size: var(--fs-xs); line-height: var(--lh-relaxed); }
.sa-steps small[b-ahvyy3g1z5] { display: block; margin-top: var(--sp-2); color: var(--color-fg-muted); font-size: 11px; font-weight: var(--fw-semibold); }
.sa-info-card[b-ahvyy3g1z5] { display: grid; grid-template-columns: 24px 1fr; gap: var(--sp-3); margin-top: var(--sp-3); padding: var(--sp-3); border-radius: var(--r-lg); background: var(--color-bg-subtle, #f8fafc); }
.sa-info-card i[b-ahvyy3g1z5] { color: var(--color-primary); font-size: 20px; }
.sa-info-card strong[b-ahvyy3g1z5] { font-size: var(--fs-sm); }
.sa-info-card p[b-ahvyy3g1z5] { margin: 3px 0 0; color: var(--color-fg-muted); font-size: var(--fs-xs); line-height: var(--lh-relaxed); }
.sa-handoff-intro[b-ahvyy3g1z5] { margin: var(--sp-4) 0 0; padding: var(--sp-3); color: var(--color-fg-muted); background: var(--color-bg-subtle, #f8fafc); border-radius: var(--r-lg); font-size: var(--fs-sm); line-height: var(--lh-relaxed); }
.sa-handoff[b-ahvyy3g1z5] { margin-top: var(--sp-4); padding-top: var(--sp-4); border-top: 1px solid var(--color-border); }
.sa-form-error[b-ahvyy3g1z5] { margin-bottom: var(--sp-3); padding: var(--sp-3); color: var(--color-danger, #b91c1c); background: #fef2f2; border: 1px solid #fecaca; border-radius: var(--r-lg); font-size: var(--fs-sm); }
.sa-field-grid[b-ahvyy3g1z5] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-3); }
.sa-field[b-ahvyy3g1z5] { display: grid; gap: var(--sp-1); color: var(--color-fg-muted); font-size: var(--fs-xs); font-weight: var(--fw-semibold); }
.sa-field--wide[b-ahvyy3g1z5] { grid-column: 1 / -1; }
.sa-field em[b-ahvyy3g1z5] { color: var(--color-danger, #b91c1c); font-style: normal; }
.sa-field input[b-ahvyy3g1z5], .sa-field textarea[b-ahvyy3g1z5] { width: 100%; padding: 10px 12px; color: var(--color-fg); background: var(--color-bg-surface); border: 1px solid var(--color-border); border-radius: var(--r-md); font: inherit; font-weight: var(--fw-regular); }
.sa-field textarea[b-ahvyy3g1z5] { resize: vertical; }
.sa-field input:focus[b-ahvyy3g1z5], .sa-field textarea:focus[b-ahvyy3g1z5] { outline: 0; border-color: var(--color-primary); box-shadow: var(--sh-ring-primary); }
.sa-field input[aria-invalid="true"][b-ahvyy3g1z5], .sa-field textarea[aria-invalid="true"][b-ahvyy3g1z5] { border-color: var(--color-danger, #b91c1c); }
.sa-consents[b-ahvyy3g1z5] { margin: var(--sp-4) 0 0; padding: 0; border: 0; }
.sa-consents legend[b-ahvyy3g1z5] { margin-bottom: var(--sp-2); font-size: var(--fs-sm); font-weight: var(--fw-bold); }
.sa-consent-option[b-ahvyy3g1z5] { display: flex; align-items: flex-start; gap: var(--sp-2); margin-top: var(--sp-2); font-size: var(--fs-xs); line-height: var(--lh-relaxed); }
.sa-consent-option input[b-ahvyy3g1z5] { flex: 0 0 auto; margin-top: 3px; }
.sa-consent-option span[b-ahvyy3g1z5] { display: grid; }
.sa-consent-option small[b-ahvyy3g1z5] { color: var(--color-fg-muted); }
.sa-consent-option--required[b-ahvyy3g1z5] { padding: var(--sp-3); background: color-mix(in srgb, var(--color-primary) 7%, var(--color-bg-surface)); border-radius: var(--r-lg); }
.sa-identity-note[b-ahvyy3g1z5] { margin: var(--sp-4) 0 0; color: var(--color-fg-muted); font-size: 11px; line-height: var(--lh-relaxed); }
.sa-handoff__actions[b-ahvyy3g1z5] { margin-top: var(--sp-4); display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.sa-handoff__actions .sa-primary[b-ahvyy3g1z5], .sa-handoff__actions .sa-secondary[b-ahvyy3g1z5] { flex: 1 1 150px; padding: 0 var(--sp-3); }
.sa-handoff-status[b-ahvyy3g1z5] { margin-top: var(--sp-4); padding: var(--sp-4); background: var(--color-bg-subtle, #f8fafc); border: 1px solid var(--color-border); border-radius: var(--r-lg); }
.sa-handoff-status[data-state="completed"][b-ahvyy3g1z5] { border-color: color-mix(in srgb, var(--color-success) 45%, var(--color-border)); }
.sa-handoff-status[data-state="failed"][b-ahvyy3g1z5] { border-color: #fecaca; background: #fef2f2; }
.sa-handoff-status p[b-ahvyy3g1z5] { margin: var(--sp-2) 0; color: var(--color-fg-muted); font-size: var(--fs-sm); line-height: var(--lh-relaxed); }
.sa-handoff-status small[b-ahvyy3g1z5] { color: var(--color-fg-subtle); }
.sa-workspace-conversion[b-ahvyy3g1z5] { margin-top: var(--sp-5); padding-top: var(--sp-5); border-top: 1px solid var(--color-border); }
.sa-workspace-conversion h2[b-ahvyy3g1z5] { margin: var(--sp-1) 0 var(--sp-2); }
.sa-workspace-conversion > p[b-ahvyy3g1z5] { margin-bottom: 0; }
.sa-workspace-status__link[b-ahvyy3g1z5] { display: inline-flex; align-items: center; justify-content: center; margin-top: var(--sp-3); padding: 0 var(--sp-4); min-height: 2.5rem; color: var(--color-on-primary); text-decoration: none; }
.sa-danger-link[b-ahvyy3g1z5] { margin-top: var(--sp-4); padding: 0; color: var(--color-danger, #b91c1c); border: 0; background: transparent; font-size: var(--fs-xs); cursor: pointer; }

.sa-footer[b-ahvyy3g1z5] { width: min(1240px, calc(100% - 32px)); margin: 0 auto; padding: 0 0 var(--sp-6); display: flex; flex-wrap: wrap; gap: var(--sp-4); color: var(--color-fg-muted); font-size: var(--fs-xs); }
.sa-footer span[b-ahvyy3g1z5] { display: inline-flex; align-items: center; gap: 5px; }
.sa-footer a[b-ahvyy3g1z5] { margin-left: auto; }
.sr-only[b-ahvyy3g1z5] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

@media (max-width: 1280px) {
    .sa-layout:has(.sa-experience.is-ready)[b-ahvyy3g1z5] { grid-template-columns: minmax(320px, 400px) minmax(0, 1fr); }
    .sa-layout:has(.sa-experience.is-ready) .sa-canvas[b-ahvyy3g1z5] { grid-column: 1 / -1; }
    .sa-layout:has(.sa-experience.is-ready) .sa-field-grid[b-ahvyy3g1z5] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .sa-layout:has(.sa-experience.is-ready) .sa-field--wide[b-ahvyy3g1z5] { grid-column: span 2; }
}

@media (max-width: 960px) {
    .sa-layout[b-ahvyy3g1z5] { grid-template-columns: 1fr; }
    .sa-layout:has(.sa-experience.is-ready)[b-ahvyy3g1z5] { grid-template-columns: 1fr; }
    .sa-chat[b-ahvyy3g1z5] { min-height: 600px; }
    .sa-layout:has(.sa-experience.is-ready) .sa-canvas[b-ahvyy3g1z5] { grid-column: auto; }
    .sa-layout:has(.sa-experience.is-ready) .sa-field-grid[b-ahvyy3g1z5] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sa-layout:has(.sa-experience.is-ready) .sa-field--wide[b-ahvyy3g1z5] { grid-column: 1 / -1; }
    .sa-steps[b-ahvyy3g1z5] { display: flex; overflow-x: auto; scroll-snap-type: x proximity; padding-bottom: var(--sp-2); }
    .sa-steps li[b-ahvyy3g1z5] { min-width: 210px; scroll-snap-align: start; }
}

@media (max-width: 960px) {
    .sa-page[data-mobile-pane="experience"] .sa-chat[b-ahvyy3g1z5] { display: none; }
    .sa-page[data-mobile-pane="chat"] .sa-experience > :not(.sa-mobile-tabs):not(.sa-experience-status)[b-ahvyy3g1z5] { display: none; }
}

@media (max-width: 640px) {
    .sa-header[b-ahvyy3g1z5] { align-items: flex-start; }
    .sa-brand img[b-ahvyy3g1z5] { width: 124px; }
    .sa-brand span[b-ahvyy3g1z5], .sa-private-chip[b-ahvyy3g1z5] { display: none; }
    .sa-header__actions[b-ahvyy3g1z5] { margin-left: auto; }
    .sa-journey[b-ahvyy3g1z5] { width: min(100% - 20px, 1240px); padding: var(--sp-3); }
    .sa-journey__head[b-ahvyy3g1z5] { align-items: flex-start; }
    .sa-journey__head p[b-ahvyy3g1z5] { max-width: 120px; text-align: right; }
    .sa-layout[b-ahvyy3g1z5] { width: min(100% - 20px, 1240px); margin-top: var(--sp-3); }
    .sa-canvas[b-ahvyy3g1z5] { padding: var(--sp-4); }
    .sa-field-grid[b-ahvyy3g1z5], .sa-layout:has(.sa-experience.is-ready) .sa-field-grid[b-ahvyy3g1z5] { grid-template-columns: 1fr; }
    .sa-field--wide[b-ahvyy3g1z5], .sa-layout:has(.sa-experience.is-ready) .sa-field--wide[b-ahvyy3g1z5] { grid-column: auto; }
    .sa-chat[b-ahvyy3g1z5] { min-height: 70vh; border-radius: var(--r-xl); }
    .sa-chat__head[b-ahvyy3g1z5], .sa-composer[b-ahvyy3g1z5] { padding-left: var(--sp-3); padding-right: var(--sp-3); }
    .sa-chat__stream[b-ahvyy3g1z5] { padding: var(--sp-5) var(--sp-3); }
    .sa-composer__bar[b-ahvyy3g1z5] { align-items: flex-end; }
    .sa-composer__bar > span[b-ahvyy3g1z5] { max-width: 150px; }
    .sa-footer a[b-ahvyy3g1z5] { margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .sa-primary[b-ahvyy3g1z5], .sa-quota__track span[b-ahvyy3g1z5] { transition: none; }
}
/* /Components/Pages/SolutionAdvisorWorkspacePreview.razor.rz.scp.css */
.advisor-workspace[b-1yag4m6mdd] { display: grid; gap: var(--sp-5); }
.advisor-workspace__header[b-1yag4m6mdd] { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--sp-4); }
.advisor-workspace__header h1[b-1yag4m6mdd] { margin: var(--sp-1) 0 var(--sp-2); font-size: var(--fs-2xl); }
.advisor-workspace__header p[b-1yag4m6mdd] { margin: 0; max-width: 72ch; color: var(--color-fg-muted); line-height: var(--lh-relaxed); }
.advisor-workspace__eyebrow[b-1yag4m6mdd] { color: var(--color-primary); font-size: var(--fs-xs); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.advisor-workspace__status-grid[b-1yag4m6mdd] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sp-3); }
.advisor-workspace__status-grid article[b-1yag4m6mdd] { padding: var(--sp-4); border: 1px solid var(--color-border); border-radius: var(--r-lg); background: var(--color-bg-surface); }
.advisor-workspace__status-grid span[b-1yag4m6mdd] { color: var(--color-fg-subtle); font-size: var(--fs-xs); font-weight: 700; text-transform: uppercase; }
.advisor-workspace__status-grid strong[b-1yag4m6mdd] { display: block; margin-top: var(--sp-2); }
.advisor-workspace__status-grid p[b-1yag4m6mdd] { margin: var(--sp-2) 0 0; color: var(--color-fg-muted); font-size: var(--fs-sm); line-height: var(--lh-relaxed); }
.advisor-workspace__surface[b-1yag4m6mdd] { min-width: 0; }
.advisor-workspace__loading[b-1yag4m6mdd] { padding: var(--sp-6); color: var(--color-fg-muted); text-align: center; }

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

@media (max-width: 640px) {
    .advisor-workspace__header[b-1yag4m6mdd] { align-items: stretch; flex-direction: column; }
}
/* /Components/Pages/Users.razor.rz.scp.css */
/* Users.razor scoped styles */

/* Overview */
.ud-overview[b-3zx3kk3619] {
    display: flex;
    align-items: center;
    gap: var(--sp-4);
    padding: var(--sp-5) var(--sp-6);
    border-bottom: 1px solid var(--color-border);
}
.ud-overview__info[b-3zx3kk3619] { flex: 1; min-width: 0; }
.ud-overview__name[b-3zx3kk3619] {
    font-size: var(--fs-lg);
    font-weight: var(--fw-bold);
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    flex-wrap: wrap;
}
.ud-overview__meta[b-3zx3kk3619] {
    font-size: var(--fs-sm);
    color: var(--color-fg-muted);
    margin-top: var(--sp-1);
    display: flex;
    flex-direction: column;
    gap: var(--sp-1);
}
.ud-overview__badges[b-3zx3kk3619] {
    display: flex;
    gap: var(--sp-2);
    flex-wrap: wrap;
    margin-top: var(--sp-2);
}

/* Tabs */
.ud-tabs[b-3zx3kk3619] {
    display: flex;
    border-bottom: 1px solid var(--color-border);
    padding: 0 var(--sp-6);
    gap: 0;
}
.ud-tab[b-3zx3kk3619] {
    padding: var(--sp-3) var(--sp-4);
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
    color: var(--color-fg-muted);
    border-bottom: 2px solid transparent;
    cursor: pointer;
    transition: color var(--d-fast), border-color var(--d-fast);
    background: none;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.ud-tab:hover[b-3zx3kk3619] { color: var(--color-fg); }
.ud-tab--active[b-3zx3kk3619] { color: var(--color-primary); border-bottom-color: var(--color-primary); }

/* Tab content */
.ud-tab-content[b-3zx3kk3619] {
    flex: 1;
    overflow-y: auto;
    padding: var(--sp-5) var(--sp-6);
}
.ud-section[b-3zx3kk3619] { margin-bottom: var(--sp-5); }
.ud-section__title[b-3zx3kk3619] {
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
    color: var(--color-fg-muted);
    text-transform: uppercase;
    letter-spacing: var(--ls-wide);
    margin-bottom: var(--sp-3);
}

/* Detail grid */
.ud-detail-grid[b-3zx3kk3619] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--sp-2) var(--sp-4);
    font-size: var(--fs-sm);
}
.ud-detail-grid dt[b-3zx3kk3619] {
    color: var(--color-fg-muted);
    font-weight: var(--fw-medium);
}
.ud-detail-grid dd[b-3zx3kk3619] { color: var(--color-fg); }

/* Workspace Files permissions */
.wf-perm-header[b-3zx3kk3619] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--sp-2);
}
.wf-perm-list[b-3zx3kk3619] { display: flex; flex-direction: column; gap: var(--sp-2); }
.wf-perm-item[b-3zx3kk3619] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--sp-3);
    border: 1px solid var(--color-border);
    border-radius: var(--r-md);
}
.wf-perm-item__info[b-3zx3kk3619] { flex: 1; min-width: 0; }
.wf-perm-item__code[b-3zx3kk3619] {
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
}
.wf-perm-toggle[b-3zx3kk3619] { display: flex; align-items: center; gap: var(--sp-2); }
.wf-perm-effect[b-3zx3kk3619] {
    font-size: var(--fs-xs);
    padding: var(--sp-1) var(--sp-2);
    border-radius: var(--r-sm);
}
.wf-perm-effect--allow[b-3zx3kk3619] {
    background: var(--color-bg-secondary);
    color: var(--color-fg-muted);
}

/* Toggle switch */
.toggle[b-3zx3kk3619] {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 20px;
}
.toggle input[b-3zx3kk3619] { opacity: 0; width: 0; height: 0; }
.toggle__slider[b-3zx3kk3619] {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-border);
    border-radius: 10px;
    transition: var(--d-fast);
}
.toggle__slider[b-3zx3kk3619]::before {
    content: '';
    position: absolute;
    height: 14px;
    width: 14px;
    left: 2px;
    bottom: 2px;
    background: var(--color-fg-muted);
    border-radius: 50%;
    transition: var(--d-fast);
}
.toggle input:checked + .toggle__slider[b-3zx3kk3619] {
    background: var(--color-primary);
    border-color: var(--color-primary);
}
.toggle input:checked + .toggle__slider[b-3zx3kk3619]::before {
    background: white;
    transform: translateX(16px);
}
/* /Components/Pages/VatInvoices/Setup/VatInvoiceSetup.razor.rz.scp.css */
.vat-setup[b-2ghwdryjh0] {
    display: grid;
    gap: 1rem;
}

.vat-setup__section-heading[b-2ghwdryjh0],
.vat-setup__source-row[b-2ghwdryjh0],
.vat-setup__actions[b-2ghwdryjh0],
.vat-setup__metrics[b-2ghwdryjh0],
.vat-setup__review-codes[b-2ghwdryjh0] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
}

.vat-setup__source-create[b-2ghwdryjh0] {
    display: grid;
    gap: 0.85rem;
    margin: 1rem 0;
    padding: 1rem;
    border: 1px solid var(--color-border-subtle, #e5e7eb);
    border-radius: 0.75rem;
}

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

.vat-setup__wide[b-2ghwdryjh0] {
    grid-column: 1 / -1;
}

.vat-setup__section-heading[b-2ghwdryjh0] {
    justify-content: space-between;
}

.vat-setup__source-row .form-group[b-2ghwdryjh0] {
    min-width: min(100%, 28rem);
    flex: 1 1 20rem;
}

.vat-setup__metrics article[b-2ghwdryjh0] {
    display: grid;
    gap: 0.2rem;
    min-width: 8rem;
    padding: 0.85rem 1rem;
    border: 1px solid var(--color-border-subtle, #e5e7eb);
    border-radius: 0.75rem;
}

.vat-setup__metrics strong[b-2ghwdryjh0] {
    font-size: 1.35rem;
}

.vat-setup__metrics span[b-2ghwdryjh0] {
    color: var(--color-text-muted, #6b7280);
    font-size: 0.8rem;
}

.empty-state[b-2ghwdryjh0] {
    display: grid;
    gap: 0.75rem;
    justify-items: start;
    padding: 1rem 0;
}

@media (max-width: 640px) {
    .vat-setup__section-heading[b-2ghwdryjh0],
    .vat-setup__source-row[b-2ghwdryjh0] {
        align-items: stretch;
        flex-direction: column;
    }

    .vat-setup__section-heading .btn[b-2ghwdryjh0],
    .vat-setup__source-row .btn[b-2ghwdryjh0] {
        width: 100%;
    }

    .vat-setup__metrics article[b-2ghwdryjh0] {
        flex: 1 1 calc(50% - 0.75rem);
    }

    .vat-setup__source-form[b-2ghwdryjh0] {
        grid-template-columns: 1fr;
    }

    .vat-setup__wide[b-2ghwdryjh0] {
        grid-column: auto;
    }
}
/* /Components/Pages/VatInvoices/Workpapers/VatWorkpapers.razor.rz.scp.css */
.workpaper-actions[b-rg0rb08kkh],
.row-actions[b-rg0rb08kkh] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
    align-items: center;
}

.workpaper-total-grid[b-rg0rb08kkh] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
    gap: var(--sp-4);
}

.workpaper-total-card dl[b-rg0rb08kkh],
.detail-grid[b-rg0rb08kkh] {
    display: grid;
    gap: var(--sp-3);
    margin: 0;
}

.workpaper-total-card dl > div[b-rg0rb08kkh],
.detail-grid > div[b-rg0rb08kkh] {
    display: flex;
    justify-content: space-between;
    gap: var(--sp-4);
}

.workpaper-total-card dt[b-rg0rb08kkh],
.detail-grid dt[b-rg0rb08kkh] {
    color: var(--color-text-muted);
}

.workpaper-total-card dd[b-rg0rb08kkh],
.detail-grid dd[b-rg0rb08kkh] {
    margin: 0;
    text-align: right;
}

.workpaper-total-card__difference[b-rg0rb08kkh] {
    padding-top: var(--sp-3);
    border-top: 1px solid var(--color-border);
    font-weight: 700;
}

.workpaper-disclaimer[b-rg0rb08kkh] {
    margin: var(--sp-4) 0 0;
    color: var(--color-text-muted);
    font-size: var(--fs-sm);
}

.data-table tr.is-selected[b-rg0rb08kkh] {
    background: var(--color-surface-muted);
}

@media (max-width: 48rem) {
    .workpaper-actions[b-rg0rb08kkh],
    .row-actions[b-rg0rb08kkh] {
        align-items: stretch;
        flex-direction: column;
    }

    .workpaper-actions .btn[b-rg0rb08kkh],
    .row-actions .btn[b-rg0rb08kkh] {
        width: 100%;
    }

    .detail-grid > div[b-rg0rb08kkh],
    .workpaper-total-card dl > div[b-rg0rb08kkh] {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--sp-1);
    }

    .workpaper-total-card dd[b-rg0rb08kkh],
    .detail-grid dd[b-rg0rb08kkh] {
        text-align: left;
    }
}
/* /Components/Pages/WorkspaceFiles.razor.rz.scp.css */
.workspace-files[b-pka76k5b27] {
    display: grid;
    gap: var(--sp-4);
}

.workspace-files__header[b-pka76k5b27],
.workspace-files__toolbar[b-pka76k5b27],
.workspace-files__stats[b-pka76k5b27],
.workspace-files__grid[b-pka76k5b27] {
    min-width: 0;
}

.workspace-files__guard[b-pka76k5b27] {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
    flex-wrap: wrap;
}

/* ============================================================
   ACCESS SUMMARY BAR (4-column grid with border separators)
============================================================ */
.workspace-files__access-summary[b-pka76k5b27] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1px;
    background: var(--color-border);
    border-radius: var(--card-radius);
    overflow: hidden;
    margin-bottom: var(--sp-1);
}

.workspace-files__access-summary > div[b-pka76k5b27] {
    background: var(--color-bg-surface);
    padding: var(--sp-3) var(--sp-4);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.workspace-files__access-summary strong[b-pka76k5b27] {
    font-size: 11px;
    font-weight: var(--fw-semibold);
    letter-spacing: var(--ls-wide);
    text-transform: uppercase;
    color: var(--color-fg-muted);
}

.workspace-files__access-summary span[b-pka76k5b27] {
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
}

/* ============================================================
   GOVERNANCE (admin section)
============================================================ */
.workspace-files__governance[b-pka76k5b27],
.workspace-files__grant-list[b-pka76k5b27] {
    display: grid;
    gap: var(--sp-3);
    padding: var(--sp-4);
}

.workspace-files__governance-header[b-pka76k5b27],
.workspace-files__governance-policy[b-pka76k5b27],
.workspace-files__grant-editor[b-pka76k5b27],
.workspace-files__grant-list > div[b-pka76k5b27] {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
}

.workspace-files__governance-header[b-pka76k5b27],
.workspace-files__grant-list > div[b-pka76k5b27] {
    justify-content: space-between;
}

.workspace-files__governance-header h2[b-pka76k5b27] {
    margin: 0;
    font-size: var(--fs-lg);
}

.workspace-files__grant-editor[b-pka76k5b27] {
    display: grid;
    grid-template-columns: 1.4fr 1fr auto auto;
}

.workspace-files__grant-list > div[b-pka76k5b27] {
    border-top: 1px solid var(--color-border);
    padding-top: var(--sp-2);
}

.workspace-files__grant-list span[b-pka76k5b27],
.workspace-files__grant-list small[b-pka76k5b27] {
    display: block;
}

.workspace-files__grant-list small[b-pka76k5b27] {
    color: var(--color-fg-muted);
}

/* ============================================================
   STATS CARDS (4-column grid)
============================================================ */
.workspace-files__stats[b-pka76k5b27] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--sp-4);
}

/* ============================================================
   FILTER BAR
============================================================ */
.workspace-files__filters[b-pka76k5b27] {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
    margin-bottom: var(--sp-4);
    flex-wrap: wrap;
}

.workspace-files__search[b-pka76k5b27] {
    flex: 1;
    min-width: 200px;
    padding: var(--sp-2) var(--sp-3);
    border: 1px solid var(--color-border);
    border-radius: var(--r-md);
    font-size: var(--fs-sm);
    background: var(--color-bg-surface);
    color: var(--color-fg);
    transition: border-color var(--d-fast);
}

.workspace-files__search:focus[b-pka76k5b27] {
    border-color: var(--color-primary);
    outline: none;
}

.workspace-files__search[b-pka76k5b27]::placeholder {
    color: var(--color-fg-subtle);
}

.workspace-files__filter-btn[b-pka76k5b27] {
    padding: var(--sp-2) var(--sp-3);
    border: 1px solid var(--color-border);
    background: var(--color-bg-surface);
    border-radius: var(--r-md);
    font-size: var(--fs-sm);
    color: var(--color-fg-muted);
    cursor: pointer;
    transition: border-color var(--d-fast), background var(--d-fast);
}

.workspace-files__filter-btn:hover[b-pka76k5b27] {
    border-color: var(--color-border-strong);
    background: var(--p-slate-50);
}

.workspace-files__filter-btn--active[b-pka76k5b27] {
    border-color: var(--color-primary);
    color: var(--color-primary);
    background: var(--color-primary-light);
}

.workspace-files__upload-progress[b-pka76k5b27],
.workspace-file-card__notice[b-pka76k5b27] {
    border-radius: var(--r-md);
    padding: var(--sp-3);
    background: var(--color-bg-muted);
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
}

/* ============================================================
   FILE GRID
============================================================ */
.workspace-files__grid[b-pka76k5b27] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: var(--sp-4);
}

.workspace-file-card[b-pka76k5b27] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-3);
    padding: var(--sp-4);
    cursor: pointer;
    transition: border-color var(--d-fast), transform var(--d-fast), box-shadow var(--d-fast);
}

.workspace-file-card:hover[b-pka76k5b27] {
    border-color: var(--p-indigo-300);
    transform: translateY(-2px);
    box-shadow: var(--sh-md);
}

/* Card head */
.workspace-file-card__head[b-pka76k5b27] {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
    margin-bottom: var(--sp-1);
}

.workspace-file-card__info[b-pka76k5b27] {
    flex: 1;
    min-width: 0;
}

.workspace-file-card__name[b-pka76k5b27] {
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.workspace-file-card__meta[b-pka76k5b27] {
    font-size: var(--fs-xs);
    color: var(--color-fg-muted);
}

/* Card body */
.workspace-file-card__body[b-pka76k5b27] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
}

.workspace-file-card__row[b-pka76k5b27] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--fs-xs);
    color: var(--color-fg-muted);
}

/* Card tags */
.workspace-file-card__tags[b-pka76k5b27] {
    display: flex;
    gap: var(--sp-1);
    flex-wrap: wrap;
    margin-top: var(--sp-1);
}

/* ============================================================
   CLASSIFICATION BADGES
============================================================ */
.workspace-file-classification[b-pka76k5b27] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: var(--r-full);
    font-size: 11px;
    font-weight: var(--fw-semibold);
    letter-spacing: var(--ls-wide);
    text-transform: uppercase;
}

.workspace-file-classification--general[b-pka76k5b27] {
    background: var(--p-blue-50);
    color: var(--p-blue-600);
    border: 1px solid var(--p-blue-200);
}

.workspace-file-classification--sensitive[b-pka76k5b27] {
    background: var(--p-amber-50);
    color: var(--p-amber-600);
    border: 1px solid var(--p-amber-200);
}

.workspace-file-classification--restricted[b-pka76k5b27] {
    background: var(--p-red-50);
    color: var(--p-red-600);
    border: 1px solid var(--p-red-200);
}

.workspace-file-classification--quarantined[b-pka76k5b27] {
    background: var(--p-amber-50);
    color: var(--p-amber-600);
    border: 1px solid var(--p-amber-200);
}

/* ============================================================
   FILE ICON
============================================================ */
.workspace-file-card__icon[b-pka76k5b27] {
    display: inline-grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: var(--r-lg);
    font-size: 14px;
    font-weight: var(--fw-bold);
    flex-shrink: 0;
}

.workspace-file-card__icon--pdf[b-pka76k5b27] {
    background: var(--p-red-50);
    color: var(--p-red-600);
    border: 1px solid var(--p-red-200);
}

.workspace-file-card__icon--img[b-pka76k5b27] {
    background: var(--p-emerald-50);
    color: var(--p-emerald-600);
    border: 1px solid var(--p-emerald-200);
}

.workspace-file-card__icon--xml[b-pka76k5b27] {
    background: var(--p-amber-50);
    color: var(--p-amber-600);
    border: 1px solid var(--p-amber-200);
}

.workspace-file-card__icon--file[b-pka76k5b27] {
    background: var(--p-slate-50);
    color: var(--p-slate-600);
    border: 1px solid var(--p-slate-200);
}

/* ============================================================
   STATUS BADGE
============================================================ */
.workspace-file-status[b-pka76k5b27] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    border-radius: var(--r-full);
    padding: 2px 8px;
    font-size: 11px;
    font-weight: var(--fw-semibold);
    letter-spacing: var(--ls-wide);
    text-transform: uppercase;
}

.workspace-file-status--available[b-pka76k5b27] {
    background: var(--p-emerald-50);
    color: var(--p-emerald-700);
    border: 1px solid var(--p-emerald-200);
}

.workspace-file-status--quarantined[b-pka76k5b27] {
    background: var(--p-amber-50);
    color: var(--p-amber-600);
    border: 1px solid var(--p-amber-200);
}

.workspace-file-status--blocked[b-pka76k5b27] {
    background: var(--p-red-50);
    color: var(--p-red-600);
    border: 1px solid var(--p-red-200);
}

.workspace-file-status--pending_delete[b-pka76k5b27] {
    background: var(--p-slate-50);
    color: var(--p-slate-600);
    border: 1px solid var(--p-slate-200);
}

/* ============================================================
   MODAL
============================================================ */
.workspace-files__modal[b-pka76k5b27] {
    width: min(34rem, calc(100vw - 2rem));
}

/* ============================================================
   DETAIL DRAWER
============================================================ */
.workspace-files__detail[b-pka76k5b27] {
    width: min(520px, 100vw);
    display: flex;
    flex-direction: column;
}

.workspace-files__detail .drawer__header[b-pka76k5b27] {
    padding: var(--sp-5) var(--sp-6);
    flex-shrink: 0;
}

.workspace-files__detail .drawer__body[b-pka76k5b27] {
    padding: var(--sp-5) var(--sp-6);
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

.workspace-files__detail-subtitle[b-pka76k5b27] {
    font-size: var(--fs-sm);
    color: var(--color-fg-muted);
    margin-top: 2px;
}

/* Drawer: detail body */
.workspace-files__detail-body[b-pka76k5b27] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-5);
}

/* Drawer: file overview strip */
.workspace-files__detail-overview[b-pka76k5b27] {
    display: flex;
    align-items: center;
    gap: var(--sp-4);
    padding: var(--sp-4);
    background: var(--p-slate-50);
    border-radius: var(--r-lg);
}

.workspace-files__detail-overview-icon[b-pka76k5b27] {
    width: 48px;
    height: 48px;
    border-radius: var(--r-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: var(--fw-bold);
    flex-shrink: 0;
}

.workspace-files__detail-overview-info[b-pka76k5b27] {
    flex: 1;
    min-width: 0;
}

.workspace-files__detail-overview-name[b-pka76k5b27] {
    font-size: var(--fs-md);
    font-weight: var(--fw-semibold);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.workspace-files__detail-overview-meta[b-pka76k5b27] {
    font-size: var(--fs-xs);
    color: var(--color-fg-muted);
    margin-top: 2px;
    display: flex;
    gap: var(--sp-3);
    flex-wrap: wrap;
}

/* Drawer: metrics row */
.workspace-files__detail-metrics[b-pka76k5b27] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: var(--color-border);
    border-radius: var(--r-lg);
    overflow: hidden;
}

.workspace-files__detail-metric[b-pka76k5b27] {
    background: var(--color-bg-surface);
    padding: var(--sp-3) var(--sp-4);
    text-align: center;
}

.workspace-files__detail-metric-label[b-pka76k5b27] {
    font-size: 10px;
    font-weight: var(--fw-semibold);
    text-transform: uppercase;
    letter-spacing: var(--ls-widest, 0.1em);
    color: var(--color-fg-muted);
}

.workspace-files__detail-metric-value[b-pka76k5b27] {
    font-size: var(--fs-lg);
    font-weight: var(--fw-bold);
    margin-top: 2px;
}

/* Drawer: action buttons */
.workspace-files__detail-actions[b-pka76k5b27] {
    display: flex;
    gap: var(--sp-2);
    flex-wrap: wrap;
}

/* Drawer: section */
.workspace-files__detail-section[b-pka76k5b27] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-3);
}

.workspace-files__detail-section-title[b-pka76k5b27] {
    font-size: var(--fs-sm);
    font-weight: var(--fw-bold);
    color: var(--color-fg);
    display: flex;
    align-items: center;
    gap: var(--sp-2);
}

.workspace-files__detail-count[b-pka76k5b27] {
    font-size: 11px;
    font-weight: var(--fw-semibold);
    color: var(--color-fg-muted);
    background: var(--p-slate-100);
    padding: 1px 6px;
    border-radius: var(--r-sm);
}

/* Drawer: versions */
.workspace-files__versions[b-pka76k5b27] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
}

.workspace-files__version-row[b-pka76k5b27] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--sp-3);
    border: 1px solid var(--color-border);
    border-radius: var(--r-lg);
    transition: background var(--d-fast);
}

.workspace-files__version-row:hover[b-pka76k5b27] {
    background: var(--p-slate-50);
}

.workspace-files__version-info[b-pka76k5b27] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.workspace-files__version-label[b-pka76k5b27] {
    font-size: var(--fs-sm);
    font-weight: var(--fw-semibold);
}

.workspace-files__version-meta[b-pka76k5b27] {
    font-size: var(--fs-xs);
    color: var(--color-fg-muted);
}

/* Drawer: links */
.workspace-files__links[b-pka76k5b27] {
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
}

.workspace-files__link-row[b-pka76k5b27] {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
    padding: var(--sp-3);
    border: 1px solid var(--color-border);
    border-radius: var(--r-lg);
    font-size: var(--fs-sm);
}

.workspace-files__link-type[b-pka76k5b27] {
    font-weight: var(--fw-semibold);
    color: var(--color-fg);
    background: var(--p-slate-50);
    padding: 2px 8px;
    border-radius: var(--r-sm);
}

.workspace-files__link-meta[b-pka76k5b27] {
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
}

/* Drawer: lifecycle */
.workspace-files__lifecycle[b-pka76k5b27] {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
    padding: var(--sp-4);
    background: var(--p-slate-50);
    border-radius: var(--r-lg);
    font-size: var(--fs-sm);
}

.workspace-files__lifecycle--warning[b-pka76k5b27] {
    background: var(--p-amber-50);
    color: var(--p-amber-600);
}

.workspace-files__lifecycle--danger[b-pka76k5b27] {
    background: var(--p-red-50);
    color: var(--p-red-600);
}

/* Drawer: footer action bar */
.workspace-files__detail-footer[b-pka76k5b27] {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    padding: var(--sp-4) var(--sp-6);
    border-top: 1px solid var(--color-border);
    background: var(--color-bg-surface);
    flex-shrink: 0;
}

.workspace-files__detail-footer-spacer[b-pka76k5b27] {
    flex: 1;
}

.workspace-files__version-upload[b-pka76k5b27] {
    width: fit-content;
}

/* ============================================================
   RESPONSIVE
============================================================ */
@media (max-width: 860px) {
    .workspace-files__stats[b-pka76k5b27] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .workspace-files__access-summary[b-pka76k5b27] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .workspace-files__toolbar[b-pka76k5b27] {
        grid-template-columns: 1fr 1fr;
    }

    .workspace-files__toolbar input[b-pka76k5b27] {
        grid-column: 1 / -1;
    }

    .workspace-files__detail-metrics[b-pka76k5b27] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .workspace-files__header[b-pka76k5b27],
    .workspace-files__header .page-header__actions[b-pka76k5b27] {
        align-items: stretch;
    }

    .workspace-files__header .page-header__actions[b-pka76k5b27],
    .workspace-files__toolbar[b-pka76k5b27],
    .workspace-files__stats[b-pka76k5b27],
    .workspace-files__access-summary[b-pka76k5b27] {
        grid-template-columns: 1fr;
    }

    .workspace-files__stats[b-pka76k5b27] {
        display: grid;
    }

    .workspace-files__toolbar input[b-pka76k5b27] {
        grid-column: auto;
    }

    .workspace-files__grid[b-pka76k5b27] {
        grid-template-columns: 1fr;
    }

    .workspace-files__detail-metrics[b-pka76k5b27] {
        grid-template-columns: 1fr;
    }

    .workspace-files__detail[b-pka76k5b27] {
        width: 100% !important;
    }
}
/* /Components/PaginationBar.razor.rz.scp.css */
.pagination-bar[b-h68lkgfyau] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--sp-3);
}

.pagination-bar__summary[b-h68lkgfyau] {
    font-size: var(--fs-sm);
    color: var(--color-fg-muted);
}

.pagination-bar__summary strong[b-h68lkgfyau] {
    color: var(--color-fg);
}

.pagination-bar__controls[b-h68lkgfyau] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: var(--sp-3);
}

.pagination-bar__page-size[b-h68lkgfyau] {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-2);
    font-size: var(--fs-sm);
    color: var(--color-fg-muted);
}

.pagination-bar__page-size span[b-h68lkgfyau] {
    white-space: nowrap;
}

.pagination-bar__page-size-select[b-h68lkgfyau] {
    min-width: 92px;
}

.pagination-bar__pages[b-h68lkgfyau] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--sp-2);
}

.pagination-bar__ellipsis[b-h68lkgfyau] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
}

@media (max-width: 720px) {
    .pagination-bar[b-h68lkgfyau],
    .pagination-bar__controls[b-h68lkgfyau] {
        justify-content: flex-start;
    }
}
/* /Components/Shared/DetailDrawerFooterAction.razor.rz.scp.css */
.detail-drawer-footer-action[b-xcv3pujdu8] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--sp-2);
    text-decoration: none;
}

.detail-drawer-footer-action .ti[b-xcv3pujdu8] {
    flex: 0 0 auto;
    font-size: 1.1em;
    line-height: 1;
}
/* /Components/Shared/DetailDrawerFrame.razor.rz.scp.css */
.detail-drawer__backdrop[b-4tx5f3pbli] {
    position: fixed;
    inset: 0;
    z-index: var(--z-overlay);
    background: rgb(15 23 42 / 0.4);
}

.detail-drawer[b-4tx5f3pbli] {
    position: fixed;
    inset: 0 0 0 auto;
    z-index: calc(var(--z-overlay) + 1);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: var(--detail-drawer-width, 560px);
    max-width: 100vw;
    min-height: 100dvh;
    max-height: 100dvh;
    overflow: hidden;
    background: var(--color-bg-surface);
    border-left: 1px solid var(--color-border);
    box-shadow: var(--sh-xl);
}

.detail-drawer__header[b-4tx5f3pbli],
.detail-drawer__footer[b-4tx5f3pbli] {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    background: color-mix(in srgb, var(--color-bg-surface) 96%, transparent);
    backdrop-filter: blur(10px);
}

.detail-drawer__header[b-4tx5f3pbli] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sp-3);
    padding: var(--sp-5) var(--sp-5) var(--sp-4);
    border-bottom: 1px solid var(--color-border);
}

[b-4tx5f3pbli] .detail-drawer__header > :first-child {
    min-width: 0;
}

.detail-drawer__body[b-4tx5f3pbli] {
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
}

.detail-drawer__footer[b-4tx5f3pbli] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--sp-2);
    padding: var(--sp-3) var(--sp-5) max(var(--sp-3), env(safe-area-inset-bottom));
    border-top: 1px solid var(--color-border);
    box-shadow: 0 -10px 24px color-mix(in srgb, var(--color-fg) 8%, transparent);
}

@media (max-width: 980px) {
    .detail-drawer[b-4tx5f3pbli] {
        width: 100vw;
        border-left: 0;
    }
}
/* /Components/Shared/HelpTooltip.razor.rz.scp.css */
.help-tooltip[b-05a0rca0ye] {
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

.help-tooltip__trigger[b-05a0rca0ye] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: 1.2rem;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--color-border) 84%, var(--color-fg-muted));
    border-radius: 999px;
    background: var(--color-bg-surface);
    color: var(--color-fg-muted);
    font-size: 10px;
    font-weight: var(--fw-semibold);
    line-height: 1;
    cursor: help;
    transition: border-color .18s ease, color .18s ease, background-color .18s ease, transform .18s ease;
}

.help-tooltip__trigger:hover[b-05a0rca0ye],
.help-tooltip__trigger:focus-visible[b-05a0rca0ye],
.help-tooltip--open .help-tooltip__trigger[b-05a0rca0ye] {
    border-color: color-mix(in srgb, var(--color-primary, var(--color-fg)) 32%, var(--color-border));
    color: var(--color-primary, var(--color-fg));
    background: color-mix(in srgb, var(--color-bg-surface) 82%, var(--color-primary, var(--color-fg)) 8%);
    outline: none;
    transform: translateY(-1px);
}

.help-tooltip__bubble[b-05a0rca0ye] {
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    z-index: 40;
    width: max-content;
    max-width: min(320px, calc(100vw - 2rem));
    padding: .7rem .8rem;
    border: 1px solid color-mix(in srgb, var(--color-border) 75%, var(--color-fg-muted));
    border-radius: var(--r-md);
    background: color-mix(in srgb, var(--color-bg-app) 92%, var(--color-bg-surface));
    box-shadow: 0 18px 40px color-mix(in srgb, var(--color-fg) 12%, transparent);
    color: var(--color-fg);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, 4px);
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}

.help-tooltip__bubble[b-05a0rca0ye]::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -7px;
    width: 12px;
    height: 12px;
    border-top: 1px solid color-mix(in srgb, var(--color-border) 75%, var(--color-fg-muted));
    border-left: 1px solid color-mix(in srgb, var(--color-border) 75%, var(--color-fg-muted));
    background: color-mix(in srgb, var(--color-bg-app) 92%, var(--color-bg-surface));
    transform: translateX(-50%) rotate(45deg);
}

.help-tooltip--open .help-tooltip__bubble[b-05a0rca0ye] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 0);
}

.help-tooltip__title[b-05a0rca0ye] {
    display: block;
    margin-bottom: 4px;
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
    color: var(--color-fg);
}

.help-tooltip__body[b-05a0rca0ye] {
    display: block;
    font-size: var(--fs-xs);
    line-height: 1.55;
    color: var(--color-fg-muted);
    white-space: normal;
}

@media (max-width: 640px) {
    .help-tooltip__bubble[b-05a0rca0ye] {
        left: 0;
        transform: translate(0, 4px);
    }

    .help-tooltip__bubble[b-05a0rca0ye]::before {
        left: 12px;
        transform: rotate(45deg);
    }

    .help-tooltip--open .help-tooltip__bubble[b-05a0rca0ye] {
        transform: translate(0, 0);
    }
}
/* /Components/SolutionAdvisor/SolutionAdvisorExperience.razor.rz.scp.css */
.sa-experience[b-971q44e0cv] {
    display: grid;
    gap: var(--sp-5);
}

.sa-decision-card[b-971q44e0cv],
.sa-experience__body[b-971q44e0cv] {
    padding: clamp(var(--sp-5), 4vw, var(--sp-8));
    background: var(--color-bg-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--r-2xl);
    box-shadow: var(--sh-md);
}

.sa-candidate-card[b-971q44e0cv] {
    padding: clamp(var(--sp-4), 3vw, var(--sp-6));
    border: 1px solid var(--color-border);
    border-left: 4px solid var(--color-primary);
    border-radius: var(--r-2xl);
    background: var(--color-bg-surface);
    box-shadow: var(--sh-sm);
}

.sa-candidate-card > header[b-971q44e0cv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sp-4);
}

.sa-candidate-card h2[b-971q44e0cv],
.sa-candidate-card p[b-971q44e0cv] {
    margin: var(--sp-1) 0 0;
}

.sa-candidate-card header p[b-971q44e0cv],
.sa-candidate-card footer[b-971q44e0cv],
.sa-candidate-references[b-971q44e0cv] {
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
    line-height: var(--lh-relaxed);
}

.sa-candidate-state[b-971q44e0cv] {
    flex: 0 0 auto;
    padding: var(--sp-2) var(--sp-3);
    border-radius: var(--r-full);
    color: var(--color-primary);
    background: var(--color-primary-light);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
}

.sa-candidate-grid[b-971q44e0cv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--sp-3);
    margin-top: var(--sp-4);
}

.sa-candidate-grid > section[b-971q44e0cv] {
    min-width: 0;
    padding: var(--sp-3);
    border: 1px solid var(--color-border);
    border-radius: var(--r-lg);
    background: var(--color-bg-subtle);
}

.sa-candidate-grid h3[b-971q44e0cv] {
    margin: 0;
    font-size: var(--fs-sm);
}

.sa-candidate-grid ul[b-971q44e0cv],
.sa-candidate-references ul[b-971q44e0cv] {
    margin: var(--sp-2) 0 0;
    padding-left: var(--sp-4);
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
    line-height: var(--lh-relaxed);
}

.sa-candidate-warning[b-971q44e0cv] {
    padding: var(--sp-2) var(--sp-3);
    border-radius: var(--r-md);
    color: var(--color-warning);
    background: color-mix(in srgb, var(--color-warning) 10%, var(--color-bg-surface));
}

.sa-candidate-references[b-971q44e0cv] {
    margin-top: var(--sp-3);
}

.sa-candidate-card footer[b-971q44e0cv] {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    margin-top: var(--sp-4);
    padding-top: var(--sp-3);
    border-top: 1px solid var(--color-border);
}

.sa-candidate-card.is-new[b-971q44e0cv],
.sa-candidate-card.is-stale[b-971q44e0cv] {
    border-left-color: var(--color-warning);
}

.sa-candidate-card.is-discovery[b-971q44e0cv] {
    border-left-color: var(--color-fg-muted);
}

.sa-decision-card h2[b-971q44e0cv],
.sa-experience__header h2[b-971q44e0cv],
.sa-walkthrough h3[b-971q44e0cv],
.sa-dialog h2[b-971q44e0cv] {
    margin: var(--sp-2) 0 0;
    color: var(--color-fg);
    letter-spacing: var(--ls-tight);
}

.sa-decision-card > p[b-971q44e0cv],
.sa-experience__header p[b-971q44e0cv],
.sa-dialog > p[b-971q44e0cv] {
    max-width: 70ch;
    margin: var(--sp-3) 0 0;
    color: var(--color-fg-muted);
    line-height: var(--lh-relaxed);
}

.sa-eyebrow[b-971q44e0cv] {
    color: var(--color-primary);
    font-size: var(--fs-xs);
    font-weight: var(--fw-bold);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sa-decision-grid[b-971q44e0cv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--sp-3);
    margin-top: var(--sp-5);
}

.sa-decision-grid > div[b-971q44e0cv],
.sa-approval-summary[b-971q44e0cv],
.sa-result[b-971q44e0cv],
.sa-diff[b-971q44e0cv],
.sa-approved[b-971q44e0cv] {
    padding: var(--sp-3) var(--sp-4);
    border: 1px solid var(--color-border);
    border-radius: var(--r-lg);
    background: var(--color-bg-subtle);
}

.sa-decision-grid span[b-971q44e0cv],
.sa-approval-summary span[b-971q44e0cv],
.sa-result strong[b-971q44e0cv],
.sa-approved span[b-971q44e0cv] {
    display: block;
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
}

.sa-decision-grid strong[b-971q44e0cv],
.sa-approval-summary strong[b-971q44e0cv] {
    display: block;
    margin-top: var(--sp-1);
}

.sa-decision-note[b-971q44e0cv] {
    padding-left: var(--sp-3);
    border-left: 3px solid var(--color-primary);
}

.sa-decision-actions[b-971q44e0cv],
.sa-review-actions[b-971q44e0cv],
.sa-walkthrough__controls[b-971q44e0cv],
.sa-dialog footer[b-971q44e0cv] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-3);
}

.sa-decision-actions[b-971q44e0cv] {
    margin-top: var(--sp-5);
}

.sa-experience__header[b-971q44e0cv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sp-4);
}

.sa-simulation-banner[b-971q44e0cv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--sp-3);
    margin-bottom: var(--sp-5);
    padding: var(--sp-3) var(--sp-4);
    border: 1px solid color-mix(in srgb, var(--color-primary) 28%, var(--color-border));
    border-radius: var(--r-xl);
    color: var(--color-fg);
    background: color-mix(in srgb, var(--color-primary-light) 72%, var(--color-bg-surface));
}

.sa-simulation-banner > i[b-971q44e0cv] {
    color: var(--color-primary);
    font-size: var(--fs-xl);
}

.sa-simulation-banner strong[b-971q44e0cv],
.sa-simulation-banner p[b-971q44e0cv] {
    display: block;
    margin: 0;
}

.sa-simulation-banner p[b-971q44e0cv],
.sa-simulation-banner > span[b-971q44e0cv] {
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
    line-height: var(--lh-relaxed);
}

.sa-simulation-banner > span[b-971q44e0cv] {
    font-weight: var(--fw-semibold);
    white-space: nowrap;
}

.sa-experience__header-actions[b-971q44e0cv] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--sp-2);
}

.sa-pane-toggle[b-971q44e0cv] {
    min-height: 40px;
}

.sa-experience__layout[b-971q44e0cv] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
    gap: var(--sp-5);
    margin-top: var(--sp-5);
}

.sa-experience__layout.is-advisor-collapsed[b-971q44e0cv] {
    grid-template-columns: minmax(0, 1fr);
}

.sa-experience__surface[b-971q44e0cv] {
    min-width: 0;
    padding: var(--sp-4);
    border: 1px solid var(--color-border);
    border-radius: var(--r-xl);
    background: var(--color-bg-subtle);
}

.sa-decision-status[b-971q44e0cv] {
    flex: 0 0 auto;
    padding: var(--sp-2) var(--sp-3);
    border: 1px solid var(--color-border);
    border-radius: var(--r-full);
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
}

.sa-decision-status.is-approved[b-971q44e0cv] {
    color: var(--color-success);
    border-color: color-mix(in srgb, var(--color-success) 35%, var(--color-border));
}

.sa-decision-status.is-invalidated[b-971q44e0cv] {
    color: var(--color-warning);
    border-color: color-mix(in srgb, var(--color-warning) 35%, var(--color-border));
}

.sa-walkthrough[b-971q44e0cv] {
    align-self: start;
    padding: var(--sp-4);
    border: 1px solid var(--color-border);
    border-radius: var(--r-xl);
    background: var(--color-bg-surface);
}

.sa-walkthrough__head[b-971q44e0cv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sp-3);
    padding-bottom: var(--sp-3);
    border-bottom: 1px solid var(--color-border);
}

.sa-walkthrough__head > span[b-971q44e0cv] {
    color: var(--color-fg-muted);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
    white-space: nowrap;
}

.sa-actor[b-971q44e0cv] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
    margin-top: var(--sp-4);
    color: var(--color-primary);
    font-size: var(--fs-xs);
    font-weight: var(--fw-semibold);
}

.sa-actor strong[b-971q44e0cv] {
    color: var(--color-warning);
}

.sa-walkthrough h4[b-971q44e0cv] {
    margin: var(--sp-2) 0 0;
    font-size: var(--fs-md);
}

.sa-walkthrough p[b-971q44e0cv] {
    margin: var(--sp-2) 0 0;
    color: var(--color-fg-muted);
    line-height: var(--lh-relaxed);
}

.sa-result[b-971q44e0cv] {
    display: grid;
    gap: var(--sp-1);
    margin-top: var(--sp-4);
}

.sa-walkthrough__controls[b-971q44e0cv] {
    margin-top: var(--sp-4);
}

.sa-walkthrough__controls .sa-secondary[b-971q44e0cv] {
    flex: 1 1 120px;
    min-height: 40px;
    padding-inline: var(--sp-3);
}

.sa-diff[b-971q44e0cv] {
    margin-top: var(--sp-4);
}

.sa-diff strong[b-971q44e0cv] {
    font-size: var(--fs-sm);
}

.sa-diff ul[b-971q44e0cv] {
    margin: var(--sp-2) 0 0;
    padding-left: var(--sp-5);
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
}

.sa-review-actions[b-971q44e0cv] {
    margin-top: var(--sp-4);
}

.sa-review-actions > *[b-971q44e0cv] {
    flex: 1 1 180px;
}

.sa-wide[b-971q44e0cv] {
    width: 100%;
    margin-top: var(--sp-3);
}

.sa-approved[b-971q44e0cv] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--sp-3);
    margin-top: var(--sp-4);
    color: var(--color-success);
}

.sa-approved i[b-971q44e0cv] {
    font-size: 1.3rem;
}

.sa-approved strong[b-971q44e0cv] {
    display: block;
    color: var(--color-fg);
}

.sa-mobile-tabs[b-971q44e0cv] {
    display: none;
    gap: var(--sp-2);
    padding: var(--sp-1);
    border: 1px solid var(--color-border);
    border-radius: var(--r-lg);
    background: var(--color-bg-surface);
}

.sa-mobile-tabs button[b-971q44e0cv] {
    flex: 1;
    min-height: 40px;
    border: 0;
    border-radius: var(--r-md);
    color: var(--color-fg-muted);
    background: transparent;
    font-weight: var(--fw-semibold);
    cursor: pointer;
}

.sa-mobile-tabs button.is-active[b-971q44e0cv] {
    color: var(--color-primary);
    background: var(--color-primary-light);
}

.sa-experience-status[b-971q44e0cv] {
    padding: var(--sp-3) var(--sp-4);
    border: 1px solid var(--color-border);
    border-radius: var(--r-lg);
    color: var(--color-success);
    background: var(--color-bg-surface);
}

.sa-experience-status:empty[b-971q44e0cv] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.sa-experience-status.is-error[b-971q44e0cv] {
    color: var(--color-danger);
}

.sa-dialog-backdrop[b-971q44e0cv] {
    position: fixed;
    z-index: 20;
    inset: 0;
    display: grid;
    place-items: center;
    padding: var(--sp-4);
    background: rgb(15 23 42 / .48);
}

.sa-dialog[b-971q44e0cv] {
    width: min(620px, 100%);
    max-height: min(760px, calc(100vh - 32px));
    overflow: auto;
    padding: clamp(var(--sp-5), 4vw, var(--sp-7));
    border: 1px solid var(--color-border);
    border-radius: var(--r-2xl);
    background: var(--color-bg-surface);
    box-shadow: var(--sh-xl, var(--sh-lg));
}

.sa-dialog header[b-971q44e0cv] {
    display: flex;
    justify-content: space-between;
    gap: var(--sp-4);
}

.sa-dialog__close[b-971q44e0cv] {
    align-self: flex-start;
    width: 40px;
    height: 40px;
    border: 1px solid var(--color-border);
    border-radius: var(--r-full);
    color: var(--color-fg-muted);
    background: var(--color-bg-surface);
    font-size: 1.35rem;
    cursor: pointer;
}

.sa-feedback-kind[b-971q44e0cv] {
    display: grid;
    gap: var(--sp-2);
    margin: var(--sp-5) 0 0;
    padding: 0;
    border: 0;
}

.sa-feedback-kind legend[b-971q44e0cv] {
    margin-bottom: var(--sp-2);
    font-weight: var(--fw-semibold);
}

.sa-feedback-kind label[b-971q44e0cv] {
    display: flex;
    gap: var(--sp-2);
    align-items: flex-start;
    color: var(--color-fg-muted);
    line-height: var(--lh-relaxed);
}

.sa-feedback-editor[b-971q44e0cv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--sp-3);
    margin-top: var(--sp-4);
}

.sa-field[b-971q44e0cv] {
    display: grid;
    gap: var(--sp-2);
    color: var(--color-fg-muted);
    font-size: var(--fs-sm);
}

.sa-field--wide[b-971q44e0cv] {
    grid-column: 1 / -1;
}

.sa-field textarea[b-971q44e0cv],
.sa-field select[b-971q44e0cv] {
    width: 100%;
    padding: var(--sp-3);
    border: 1px solid var(--color-border);
    border-radius: var(--r-md);
    color: var(--color-fg);
    background: var(--color-bg-surface);
    font: inherit;
}

.sa-dialog footer[b-971q44e0cv] {
    justify-content: flex-end;
    margin-top: var(--sp-5);
}

.sa-dialog footer button[b-971q44e0cv] {
    min-width: 150px;
}

.sa-approval-summary[b-971q44e0cv] {
    margin-top: var(--sp-5);
}

.sa-approval-summary small[b-971q44e0cv] {
    display: block;
    margin-top: var(--sp-1);
    color: var(--color-fg-muted);
}

.sa-loading[b-971q44e0cv] {
    min-height: 240px;
    display: grid;
    place-items: center;
    color: var(--color-fg-muted);
}

@media (max-width: 960px) {
    .sa-mobile-tabs[b-971q44e0cv] {
        display: flex;
    }

    .sa-experience__layout[b-971q44e0cv] {
        grid-template-columns: 1fr;
    }

    .sa-experience__body[b-971q44e0cv] {
        padding: var(--sp-4);
    }
}

@media (max-width: 640px) {
    .sa-decision-grid[b-971q44e0cv],
    .sa-candidate-grid[b-971q44e0cv],
    .sa-feedback-editor[b-971q44e0cv] {
        grid-template-columns: 1fr;
    }

    .sa-candidate-card > header[b-971q44e0cv] {
        flex-direction: column;
    }

    .sa-field--wide[b-971q44e0cv] {
        grid-column: auto;
    }

    .sa-experience__header[b-971q44e0cv] {
        display: grid;
    }

    .sa-experience__header-actions[b-971q44e0cv] {
        justify-content: flex-start;
    }

    .sa-simulation-banner[b-971q44e0cv] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .sa-simulation-banner > span[b-971q44e0cv] {
        grid-column: 1 / -1;
        white-space: normal;
    }

    .sa-dialog footer button[b-971q44e0cv] {
        flex: 1 1 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sa-experience *[b-971q44e0cv],
    .sa-experience *[b-971q44e0cv]::before,
    .sa-experience *[b-971q44e0cv]::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}
/* /Components/SolutionAdvisor/SolutionAdvisorGeneratedPreviewShell.razor.rz.scp.css */
.sa-generated-shell[b-r9a9u1iysr] {
    min-height: 720px;
    overflow: hidden;
    border: 1px solid var(--color-border);
    border-radius: var(--r-xl);
    background: var(--color-bg);
    box-shadow: var(--shadow-lg);
}

.sa-generated-shell__topbar[b-r9a9u1iysr] {
    display: flex;
    min-height: 68px;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-4);
    padding: 0 var(--sp-5);
    border-bottom: 1px solid var(--color-border);
    background: var(--color-surface);
}

.sa-generated-shell__brand[b-r9a9u1iysr],
.sa-generated-shell__topbar-actions[b-r9a9u1iysr],
.sa-generated-shell__workspace[b-r9a9u1iysr],
.sa-generated-shell__profile[b-r9a9u1iysr] {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
}

.sa-generated-shell__brand img[b-r9a9u1iysr] {
    width: 34px;
    height: 34px;
}

.sa-generated-shell__brand div[b-r9a9u1iysr],
.sa-generated-shell__workspace div[b-r9a9u1iysr],
.sa-generated-shell__profile div[b-r9a9u1iysr] {
    display: grid;
}

.sa-generated-shell__brand span[b-r9a9u1iysr],
.sa-generated-shell__workspace span[b-r9a9u1iysr],
.sa-generated-shell__profile small[b-r9a9u1iysr],
.sa-generated-shell__page-head span[b-r9a9u1iysr],
.sa-generated-shell__page-head p[b-r9a9u1iysr] {
    color: var(--color-text-muted);
}

.sa-generated-shell__topbar-actions span[b-r9a9u1iysr],
.sa-generated-shell__count[b-r9a9u1iysr] {
    padding: 6px 10px;
    border-radius: 999px;
    background: var(--color-bg-subtle);
    color: var(--color-text-muted);
    font-size: var(--fs-sm);
}

.sa-generated-shell__layout[b-r9a9u1iysr] {
    display: grid;
    grid-template-columns: 245px minmax(0, 1fr);
    min-height: 650px;
}

.sa-generated-shell__sidebar[b-r9a9u1iysr] {
    display: flex;
    flex-direction: column;
    padding: var(--sp-4);
    border-right: 1px solid var(--color-border);
    background: var(--color-surface);
}

.sa-generated-shell__workspace[b-r9a9u1iysr] {
    padding: var(--sp-3);
    border-radius: var(--r-lg);
    background: var(--color-bg-subtle);
}

.sa-generated-shell__workspace-mark[b-r9a9u1iysr],
.sa-generated-shell__profile > span[b-r9a9u1iysr] {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: var(--r-md);
    background: var(--color-primary);
    color: white;
    font-weight: var(--fw-bold);
}

.sa-generated-shell__sidebar nav[b-r9a9u1iysr] {
    display: grid;
    gap: 5px;
    margin-top: var(--sp-5);
}

.sa-generated-shell__section-label[b-r9a9u1iysr] {
    margin: var(--sp-3) var(--sp-2) var(--sp-1);
    color: var(--color-text-muted);
    font-size: 11px;
    font-weight: var(--fw-bold);
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sa-generated-shell__nav-item[b-r9a9u1iysr] {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 0;
    border-radius: var(--r-md);
    background: transparent;
    color: var(--color-text-muted);
    text-align: left;
}

.sa-generated-shell__nav-item:hover[b-r9a9u1iysr],
.sa-generated-shell__nav-item:focus-visible[b-r9a9u1iysr],
.sa-generated-shell__nav-item.is-active[b-r9a9u1iysr] {
    background: color-mix(in srgb, var(--color-primary) 9%, var(--color-surface));
    color: var(--color-primary);
}

.sa-generated-shell__profile[b-r9a9u1iysr] {
    margin-top: auto;
    padding-top: var(--sp-4);
    border-top: 1px solid var(--color-border);
}

.sa-generated-shell__main[b-r9a9u1iysr] {
    min-width: 0;
    padding: var(--sp-5);
}

.sa-generated-shell__readonly[b-r9a9u1iysr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-4);
    padding: var(--sp-4);
    border: 1px solid rgba(245, 158, 11, .28);
    border-radius: var(--r-lg);
    background: rgba(255, 251, 235, .96);
}

.sa-generated-shell__readonly div[b-r9a9u1iysr] {
    display: grid;
    gap: 4px;
}

.sa-generated-shell__readonly strong[b-r9a9u1iysr] {
    color: #92400e;
}

.sa-generated-shell__readonly span[b-r9a9u1iysr] {
    color: #a16207;
}

.sa-generated-shell__readonly button[b-r9a9u1iysr] {
    white-space: nowrap;
    padding: 9px 13px;
    border: 1px solid rgba(146, 64, 14, .2);
    border-radius: var(--r-md);
    background: rgba(255,255,255,.72);
    color: #92400e;
}

.sa-generated-shell__readonly button:not(:disabled)[b-r9a9u1iysr] {
    cursor: pointer;
    background: #92400e;
    color: #fff;
}

.sa-generated-shell__approved[b-r9a9u1iysr] {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
    margin-top: var(--sp-3);
    padding: var(--sp-4);
    border: 1px solid color-mix(in srgb, var(--color-success) 30%, var(--color-border));
    border-radius: var(--r-lg);
    background: color-mix(in srgb, var(--color-success) 8%, var(--color-surface));
}

.sa-generated-shell__approved i[b-r9a9u1iysr] {
    color: var(--color-success);
    font-size: 1.35rem;
}

.sa-generated-shell__approved div[b-r9a9u1iysr] {
    display: grid;
    gap: 3px;
}

.sa-generated-shell__approved span[b-r9a9u1iysr] {
    color: var(--color-text-muted);
    font-size: var(--fs-sm);
}

.sa-generated-shell__dialog-backdrop[b-r9a9u1iysr] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: var(--sp-5);
    background: rgba(15, 23, 42, .58);
}

.sa-generated-shell__dialog[b-r9a9u1iysr] {
    width: min(620px, 100%);
    max-height: min(760px, calc(100vh - 40px));
    overflow-y: auto;
    padding: var(--sp-6);
    border-radius: var(--r-xl);
    background: var(--color-surface);
    box-shadow: 0 24px 80px rgba(15, 23, 42, .28);
}

.sa-generated-shell__dialog header[b-r9a9u1iysr],
.sa-generated-shell__dialog footer[b-r9a9u1iysr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-3);
}

.sa-generated-shell__dialog h2[b-r9a9u1iysr] {
    margin: 4px 0 0;
}

.sa-generated-shell__dialog header > button[b-r9a9u1iysr] {
    width: 38px;
    height: 38px;
    border: 1px solid var(--color-border);
    border-radius: 999px;
    background: var(--color-bg-subtle);
}

.sa-generated-shell__approval-version[b-r9a9u1iysr],
.sa-generated-shell__approval-summary[b-r9a9u1iysr],
.sa-generated-shell__approval-warning[b-r9a9u1iysr] {
    display: grid;
    gap: 7px;
    margin-top: var(--sp-4);
    padding: var(--sp-4);
    border: 1px solid var(--color-border);
    border-radius: var(--r-lg);
    background: var(--color-bg-subtle);
}

.sa-generated-shell__approval-version code[b-r9a9u1iysr] {
    overflow-wrap: anywhere;
    color: var(--color-primary);
    font-size: var(--fs-sm);
}

.sa-generated-shell__approval-summary span[b-r9a9u1iysr],
.sa-generated-shell__approval-warning span[b-r9a9u1iysr] {
    color: var(--color-text-muted);
    line-height: 1.5;
}

.sa-generated-shell__approval-warning[b-r9a9u1iysr] {
    grid-template-columns: auto 1fr;
    background: rgba(255, 251, 235, .96);
}

.sa-generated-shell__approval-warning i[b-r9a9u1iysr] {
    color: #a16207;
    font-size: 1.2rem;
}

.sa-generated-shell__approval-error[b-r9a9u1iysr] {
    margin-top: var(--sp-4);
    padding: var(--sp-3);
    border-radius: var(--r-md);
    background: color-mix(in srgb, var(--color-danger) 9%, var(--color-surface));
    color: var(--color-danger);
}

.sa-generated-shell__dialog footer[b-r9a9u1iysr] {
    justify-content: flex-end;
    margin-top: var(--sp-5);
}

.sa-generated-shell__dialog footer button[b-r9a9u1iysr] {
    padding: 10px 15px;
    border-radius: var(--r-md);
}

.sa-generated-shell__dialog footer .is-secondary[b-r9a9u1iysr] {
    border: 1px solid var(--color-border);
    background: var(--color-surface);
    color: var(--color-text);
}

.sa-generated-shell__dialog footer .is-primary[b-r9a9u1iysr] {
    border: 1px solid var(--color-primary);
    background: var(--color-primary);
    color: #fff;
}

.sa-generated-shell__content-grid[b-r9a9u1iysr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: var(--sp-5);
    margin-top: var(--sp-5);
}

.sa-generated-shell__content[b-r9a9u1iysr],
.sa-generated-shell__advisor[b-r9a9u1iysr] {
    min-width: 0;
    padding: var(--sp-5);
    border: 1px solid var(--color-border);
    border-radius: var(--r-xl);
    background: var(--color-surface);
}

.sa-generated-shell__page-head[b-r9a9u1iysr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sp-4);
    margin-bottom: var(--sp-5);
}

.sa-generated-shell__page-head h2[b-r9a9u1iysr] {
    margin: 5px 0;
    color: var(--color-text);
}

.sa-generated-shell__page-head p[b-r9a9u1iysr] {
    margin: 0;
}

.sa-generated-shell__entity[b-r9a9u1iysr] {
    overflow-x: auto;
}

.sa-generated-shell__fixed-summary[b-r9a9u1iysr] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--sp-4);
}

.sa-generated-shell__fixed-summary article[b-r9a9u1iysr] {
    display: grid;
    gap: 6px;
    min-height: 120px;
    align-content: center;
    padding: var(--sp-5);
    border-radius: var(--r-lg);
    background: var(--color-bg-subtle);
}

.sa-generated-shell__fixed-summary strong[b-r9a9u1iysr] {
    color: var(--color-primary);
    font-size: 1.35rem;
}

.sa-generated-shell__advisor[b-r9a9u1iysr] {
    align-self: start;
}

.sa-generated-shell__advisor.is-collapsed[b-r9a9u1iysr] {
    padding: var(--sp-3);
}

.sa-generated-shell__advisor-toggle[b-r9a9u1iysr] {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 8px;
    padding: 9px 11px;
    border: 1px solid var(--color-border);
    border-radius: var(--r-md);
    background: var(--color-bg-subtle);
    color: var(--color-primary);
}

.sa-generated-shell__advisor h3[b-r9a9u1iysr] {
    margin: 6px 0;
}

.sa-generated-shell__advisor p[b-r9a9u1iysr] {
    color: var(--color-text-muted);
    line-height: 1.55;
}

.sa-generated-shell__guidance[b-r9a9u1iysr],
.sa-generated-shell__capability[b-r9a9u1iysr] {
    display: grid;
    gap: 8px;
    margin-top: var(--sp-4);
    padding: var(--sp-4);
    border-radius: var(--r-lg);
    background: var(--color-bg-subtle);
}

.sa-generated-shell__guidance span[b-r9a9u1iysr],
.sa-generated-shell__capability span[b-r9a9u1iysr] {
    color: var(--color-text-muted);
    font-size: var(--fs-sm);
    line-height: 1.45;
}

@media (max-width: 1000px) {
    .sa-generated-shell__layout[b-r9a9u1iysr] {
        grid-template-columns: 1fr;
    }

    .sa-generated-shell__sidebar[b-r9a9u1iysr] {
        border-right: 0;
        border-bottom: 1px solid var(--color-border);
    }

    .sa-generated-shell__sidebar nav[b-r9a9u1iysr] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sa-generated-shell__section-label[b-r9a9u1iysr] {
        grid-column: 1 / -1;
    }

    .sa-generated-shell__profile[b-r9a9u1iysr] {
        display: none;
    }
}

@media (max-width: 760px) {
    .sa-generated-shell__topbar[b-r9a9u1iysr],
    .sa-generated-shell__readonly[b-r9a9u1iysr],
    .sa-generated-shell__page-head[b-r9a9u1iysr] {
        align-items: flex-start;
        flex-direction: column;
    }

    .sa-generated-shell__topbar[b-r9a9u1iysr] {
        padding-block: var(--sp-3);
    }

    .sa-generated-shell__topbar-actions[b-r9a9u1iysr] {
        flex-wrap: wrap;
    }

    .sa-generated-shell__sidebar nav[b-r9a9u1iysr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sa-generated-shell__content-grid[b-r9a9u1iysr] {
        grid-template-columns: 1fr;
    }

    .sa-generated-shell__fixed-summary[b-r9a9u1iysr] {
        grid-template-columns: 1fr;
    }

    .sa-generated-shell__dialog footer[b-r9a9u1iysr] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .sa-generated-shell__dialog footer button[b-r9a9u1iysr] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .sa-generated-shell__sidebar nav[b-r9a9u1iysr] {
        grid-template-columns: 1fr;
    }

    .sa-generated-shell__main[b-r9a9u1iysr],
    .sa-generated-shell__content[b-r9a9u1iysr] {
        padding: var(--sp-3);
    }
}

@media (prefers-reduced-motion: reduce) {
    .sa-generated-shell *[b-r9a9u1iysr] {
        scroll-behavior: auto;
    }
}
/* /Components/SolutionAdvisor/SolutionAdvisorPreviewCowork.razor.rz.scp.css */
.sa-preview-cowork[b-9qn1c3ixdq] {
    display: grid;
    gap: var(--sp-4);
}

.sa-preview-cowork__header[b-9qn1c3ixdq],
.sa-preview-cowork__freshness[b-9qn1c3ixdq],
.sa-preview-cowork__composer button[b-9qn1c3ixdq],
.sa-preview-cowork__error[b-9qn1c3ixdq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-3);
}

.sa-preview-cowork__header h3[b-9qn1c3ixdq] {
    margin: 4px 0 0;
}

.sa-preview-cowork__mode[b-9qn1c3ixdq] {
    padding: 5px 9px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
    color: var(--color-primary);
    font-size: var(--fs-xs);
    font-weight: 700;
}

.sa-preview-cowork__notice[b-9qn1c3ixdq] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px;
    padding: var(--sp-3);
    border: 1px solid color-mix(in srgb, var(--color-primary) 20%, var(--color-border));
    border-radius: var(--r-md);
    background: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface));
    color: var(--color-text-muted);
    font-size: var(--fs-sm);
    line-height: 1.45;
}

.sa-preview-cowork__notice i[b-9qn1c3ixdq] {
    color: var(--color-primary);
    font-size: 1.1rem;
}

.sa-preview-cowork__freshness[b-9qn1c3ixdq] {
    align-items: flex-start;
    flex-direction: column;
    color: var(--color-text-muted);
    font-size: var(--fs-xs);
}

.sa-preview-cowork__messages[b-9qn1c3ixdq] {
    display: grid;
    gap: var(--sp-3);
    max-height: 380px;
    overflow-y: auto;
    padding-right: 3px;
}

.sa-preview-cowork__empty[b-9qn1c3ixdq] {
    display: grid;
    justify-items: center;
    gap: 8px;
    padding: var(--sp-5) var(--sp-3);
    border: 1px dashed var(--color-border);
    border-radius: var(--r-lg);
    color: var(--color-text-muted);
    text-align: center;
}

.sa-preview-cowork__empty i[b-9qn1c3ixdq] {
    color: var(--color-primary);
    font-size: 1.5rem;
}

.sa-preview-cowork__message[b-9qn1c3ixdq] {
    max-width: 92%;
    padding: 10px 12px;
    border-radius: var(--r-lg);
    background: var(--color-bg-subtle);
}

.sa-preview-cowork__message.is-user[b-9qn1c3ixdq] {
    justify-self: end;
    background: color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));
}

.sa-preview-cowork__message p[b-9qn1c3ixdq] {
    margin: 4px 0;
    color: var(--color-text);
    white-space: pre-wrap;
}

.sa-preview-cowork__message small[b-9qn1c3ixdq] {
    color: var(--color-text-muted);
}

.sa-preview-cowork__message.is-streaming[b-9qn1c3ixdq] {
    border: 1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-border));
}

.sa-preview-cowork__error[b-9qn1c3ixdq] {
    align-items: flex-start;
    padding: var(--sp-3);
    border-radius: var(--r-md);
    background: color-mix(in srgb, var(--color-danger) 8%, var(--color-surface));
    color: var(--color-danger);
}

.sa-preview-cowork__error button[b-9qn1c3ixdq],
.sa-preview-cowork__no-answer[b-9qn1c3ixdq] {
    flex: 0 0 auto;
    padding: 7px 10px;
    border: 1px solid currentColor;
    border-radius: var(--r-md);
    background: transparent;
    color: inherit;
}

.sa-preview-cowork__no-answer[b-9qn1c3ixdq] {
    color: var(--color-primary);
}

.sa-preview-cowork__suggestions[b-9qn1c3ixdq] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.sa-preview-cowork__suggestions button[b-9qn1c3ixdq] {
    padding: 7px 9px;
    border: 1px solid var(--color-border);
    border-radius: 999px;
    background: var(--color-surface);
    color: var(--color-text-muted);
    font-size: var(--fs-xs);
    text-align: left;
}

.sa-preview-cowork__suggestions button:hover:not(:disabled)[b-9qn1c3ixdq],
.sa-preview-cowork__suggestions button:focus-visible[b-9qn1c3ixdq] {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.sa-preview-cowork__composer[b-9qn1c3ixdq] {
    display: grid;
    gap: 8px;
}

.sa-preview-cowork__composer label[b-9qn1c3ixdq] {
    font-size: var(--fs-sm);
    font-weight: 700;
}

.sa-preview-cowork__composer textarea[b-9qn1c3ixdq] {
    width: 100%;
    resize: vertical;
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--r-md);
    background: var(--color-surface);
    color: var(--color-text);
    font: inherit;
}

.sa-preview-cowork__composer textarea:focus-visible[b-9qn1c3ixdq] {
    outline: 3px solid color-mix(in srgb, var(--color-primary) 24%, transparent);
    border-color: var(--color-primary);
}

.sa-preview-cowork__composer button[b-9qn1c3ixdq] {
    justify-content: center;
    padding: 9px 12px;
    border: 1px solid var(--color-primary);
    border-radius: var(--r-md);
    background: var(--color-primary);
    color: #fff;
}

@media (max-width: 760px) {
    .sa-preview-cowork__messages[b-9qn1c3ixdq] {
        max-height: 320px;
    }

    .sa-preview-cowork__suggestions[b-9qn1c3ixdq] {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .sa-preview-cowork__suggestions button[b-9qn1c3ixdq] {
        flex: 0 0 min(78vw, 280px);
    }
}
/* /Components/SolutionAdvisor/SolutionAdvisorPreviewExperience.razor.rz.scp.css */
.sa-preview-generation[b-rh8tbnkek3] {
    padding: clamp(20px, 3vw, 32px);
    border: 1px solid var(--color-border);
    border-radius: var(--r-xl);
    background: var(--color-surface);
    box-shadow: var(--shadow-md);
}

.sa-preview-generation__header[b-rh8tbnkek3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sp-5);
}

.sa-preview-generation__header h2[b-rh8tbnkek3] {
    margin: 6px 0 8px;
    color: var(--color-text);
    font-size: clamp(1.35rem, 2.4vw, 2rem);
}

.sa-preview-generation__header p[b-rh8tbnkek3],
.sa-preview-generation__message span[b-rh8tbnkek3] {
    color: var(--color-text-muted);
    line-height: 1.55;
}

.sa-preview-generation__percent[b-rh8tbnkek3] {
    color: var(--color-primary);
    font-size: 1.5rem;
    font-weight: var(--fw-bold);
}

.sa-preview-generation__track[b-rh8tbnkek3] {
    height: 10px;
    margin: var(--sp-6) 0;
    overflow: hidden;
    border-radius: 999px;
    background: var(--color-bg-subtle);
}

.sa-preview-generation__track span[b-rh8tbnkek3] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--color-primary), #7c3aed);
    transition: width 180ms ease-out;
}

.sa-preview-generation__steps[b-rh8tbnkek3] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: var(--sp-3);
    padding: 0;
    margin: 0;
    list-style: none;
}

.sa-preview-generation__steps li[b-rh8tbnkek3] {
    min-width: 0;
    padding: var(--sp-3);
    border: 1px solid var(--color-border);
    border-radius: var(--r-lg);
    background: var(--color-bg-subtle);
}

.sa-preview-generation__steps li.is-active[b-rh8tbnkek3] {
    border-color: color-mix(in srgb, var(--color-primary) 45%, var(--color-border));
    background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
}

.sa-preview-generation__steps li.is-completed[b-rh8tbnkek3] {
    border-color: rgba(22, 163, 74, .28);
    background: rgba(240, 253, 244, .9);
}

.sa-preview-generation__steps li.is-failed[b-rh8tbnkek3] {
    border-color: rgba(220, 38, 38, .3);
    background: rgba(254, 242, 242, .94);
}

.sa-preview-generation__marker[b-rh8tbnkek3] {
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--sp-2);
    border-radius: 999px;
    background: var(--color-surface);
    color: var(--color-primary);
    font-weight: var(--fw-bold);
}

.sa-preview-generation__steps strong[b-rh8tbnkek3],
.sa-preview-generation__steps small[b-rh8tbnkek3] {
    display: block;
}

.sa-preview-generation__steps strong[b-rh8tbnkek3] {
    color: var(--color-text);
    font-size: var(--fs-sm);
    line-height: 1.35;
}

.sa-preview-generation__steps small[b-rh8tbnkek3] {
    margin-top: 4px;
    color: var(--color-text-muted);
}

.sa-preview-generation__message[b-rh8tbnkek3],
.sa-preview-generation__opening[b-rh8tbnkek3],
.sa-preview-generation__error[b-rh8tbnkek3] {
    display: grid;
    gap: 4px;
    margin-top: var(--sp-5);
    padding: var(--sp-4);
    border-radius: var(--r-lg);
    background: var(--color-bg-subtle);
}

.sa-preview-generation__error[b-rh8tbnkek3] {
    color: var(--color-danger);
    background: rgba(254, 242, 242, .95);
}

.sa-preview-generation__spinner[b-rh8tbnkek3] {
    width: 18px;
    height: 18px;
    border: 2px solid var(--color-border);
    border-top-color: var(--color-primary);
    border-radius: 999px;
    animation: sa-preview-spin-b-rh8tbnkek3 .8s linear infinite;
}

.sa-preview-generation .sa-primary[b-rh8tbnkek3] {
    margin-top: var(--sp-4);
}

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

@media (max-width: 900px) {
    .sa-preview-generation__steps[b-rh8tbnkek3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .sa-preview-generation__header[b-rh8tbnkek3] {
        display: grid;
    }

    .sa-preview-generation__steps[b-rh8tbnkek3] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sa-preview-generation__track span[b-rh8tbnkek3] {
        transition: none;
    }

    .sa-preview-generation__spinner[b-rh8tbnkek3] {
        animation: none;
    }
}
/* /Components/SolutionAdvisor/SolutionAdvisorWorkspacePreviewContent.razor.rz.scp.css */
.advisor-workspace[b-v575jcrh2f] { display: grid; gap: var(--sp-5); }
.advisor-workspace__header[b-v575jcrh2f] { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--sp-4); }
.advisor-workspace__header h1[b-v575jcrh2f] { margin: var(--sp-1) 0 var(--sp-2); font-size: var(--fs-2xl); }
.advisor-workspace__header p[b-v575jcrh2f] { margin: 0; max-width: 72ch; color: var(--color-fg-muted); line-height: var(--lh-relaxed); }
.advisor-workspace__eyebrow[b-v575jcrh2f] { color: var(--color-primary); font-size: var(--fs-xs); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.advisor-workspace__status-grid[b-v575jcrh2f] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sp-3); }
.advisor-workspace__status-grid article[b-v575jcrh2f] { padding: var(--sp-4); border: 1px solid var(--color-border); border-radius: var(--r-lg); background: var(--color-bg-surface); }
.advisor-workspace__status-grid span[b-v575jcrh2f] { color: var(--color-fg-subtle); font-size: var(--fs-xs); font-weight: 700; text-transform: uppercase; }
.advisor-workspace__status-grid strong[b-v575jcrh2f] { display: block; margin-top: var(--sp-2); }
.advisor-workspace__status-grid p[b-v575jcrh2f] { margin: var(--sp-2) 0 0; color: var(--color-fg-muted); font-size: var(--fs-sm); line-height: var(--lh-relaxed); }
.advisor-workspace__surface[b-v575jcrh2f] { min-width: 0; }
.advisor-workspace__loading[b-v575jcrh2f] { padding: var(--sp-6); color: var(--color-fg-muted); text-align: center; }

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

@media (max-width: 640px) {
    .advisor-workspace__header[b-v575jcrh2f] { align-items: stretch; flex-direction: column; }
}
/* /Components/SolutionAdvisor/SolutionArtifactSurface.razor.rz.scp.css */
.solution-artifact-surface[b-v4hoh1any2] {
    display: grid;
    gap: var(--sp-4);
    min-width: 0;
}

.solution-artifact-surface__header[b-v4hoh1any2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sp-4);
}

.solution-artifact-surface__header h2[b-v4hoh1any2],
.solution-artifact-surface__header p[b-v4hoh1any2] {
    margin: 0;
}

.solution-artifact-surface__header p[b-v4hoh1any2] {
    margin-top: var(--sp-1);
    color: var(--text-muted);
}

.solution-artifact-surface__context[b-v4hoh1any2] {
    display: inline-flex;
    margin-bottom: var(--sp-2);
    color: var(--text-muted);
    font-size: var(--text-xs);
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.solution-artifact-surface__actions[b-v4hoh1any2] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
}

.solution-artifact-surface__runtime[b-v4hoh1any2] {
    min-width: 0;
}