/*
 * HPC-AC UI/UX Source of Truth — Slate & Indigo, compact operational edition.
 *
 * Loaded after every legacy/workspace stylesheet. It normalizes visual behavior
 * without requiring npm/Tailwind compilation and keeps tenant branding as the
 * accent authority where a tenant explicitly overrides the default indigo.
 */
:root {
    --sot-slate-50: #f8fafc;
    --sot-slate-100: #f1f5f9;
    --sot-slate-200: #e2e8f0;
    --sot-slate-300: #cbd5e1;
    --sot-slate-400: #94a3b8;
    --sot-slate-500: #64748b;
    --sot-slate-600: #475569;
    --sot-slate-700: #334155;
    --sot-slate-800: #1e293b;
    --sot-slate-900: #0f172a;
    --sot-indigo-50: #eef2ff;
    --sot-indigo-100: #e0e7ff;
    --sot-indigo-500: #6366f1;
    --sot-indigo-600: #4f46e5;
    --sot-indigo-700: #4338ca;
    --sot-emerald-50: #ecfdf5;
    --sot-emerald-600: #059669;
    --sot-amber-50: #fffbeb;
    --sot-amber-600: #d97706;
    --sot-rose-50: #fff1f2;
    --sot-rose-600: #e11d48;
    --sot-sky-50: #f0f9ff;
    --sot-sky-600: #0284c7;

    --sot-accent: var(--tenant-primary, var(--app-primary, var(--sot-indigo-600)));
    --sot-accent-strong: var(--tenant-primary-strong, var(--app-primary-dark, var(--sot-indigo-700)));
    --sot-accent-soft: var(--tenant-primary-soft, var(--sot-indigo-50));
    --sot-page: var(--tenant-content-bg, var(--app-content-bg, var(--sot-slate-50)));
    --sot-surface: var(--tenant-surface, var(--app-card-bg, #ffffff));
    --sot-surface-muted: var(--tenant-soft-surface, var(--app-soft-bg, var(--sot-slate-100)));
    --sot-text: var(--tenant-content-text, var(--app-content-text, var(--sot-slate-800)));
    --sot-title: var(--tenant-title-text, var(--app-title-text, var(--sot-slate-900)));
    --sot-muted: var(--sot-slate-500);
    --sot-border: var(--tenant-border, var(--app-border-color, var(--sot-slate-200)));
    --sot-border-strong: var(--sot-slate-300);
    --sot-focus: rgba(99, 102, 241, .22);
    --sot-radius-sm: 6px;
    --sot-radius: 8px;
    --sot-radius-lg: 10px;
    --sot-shadow: 0 1px 2px rgba(15, 23, 42, .055);
    --sot-shadow-float: 0 8px 24px rgba(15, 23, 42, .10);
    --sot-control-height-sm: 32px;
    --sot-control-height: 38px;
    --sot-control-height-lg: 44px;
    --sot-transition: 150ms ease-in-out;

    /* Reconcile existing canonical tokens with this SOT. */
    --ui-primary: var(--sot-accent);
    --ui-primary-strong: var(--sot-accent-strong);
    --ui-bg: var(--sot-page);
    --ui-surface: var(--sot-surface);
    --ui-surface-muted: var(--sot-surface-muted);
    --ui-surface-subtle: var(--sot-slate-50);
    --ui-text: var(--sot-text);
    --ui-text-muted: var(--sot-muted);
    --ui-border: var(--sot-border);
    --ui-border-strong: var(--sot-border-strong);
    --ui-focus: var(--sot-focus);
    --ui-shadow-xs: var(--sot-shadow);
    --ui-shadow-sm: 0 4px 14px rgba(15, 23, 42, .065);
    --ui-radius-control: var(--sot-radius);
    --ui-radius-card: var(--sot-radius-lg);
    --ui-control-height: var(--sot-control-height);
    --ui-content-pad: clamp(12px, 1.25vw, 20px);
    --ui-section-gap: 12px;
}

[data-hpc-ui-sot="slate-indigo-v1"] {
    background: var(--sot-page);
    color: var(--sot-text);
}

[data-hpc-ui-sot="slate-indigo-v1"] *,
[data-hpc-ui-sot="slate-indigo-v1"] *::before,
[data-hpc-ui-sot="slate-indigo-v1"] *::after {
    box-sizing: border-box;
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(a, button, input, select, textarea, summary, [role="button"], [role="tab"], [tabindex]) {
    transition: color var(--sot-transition), background-color var(--sot-transition), border-color var(--sot-transition), box-shadow var(--sot-transition), opacity var(--sot-transition), transform var(--sot-transition);
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(:focus-visible) {
    outline: 2px solid var(--sot-accent);
    outline-offset: 2px;
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(h1, h2, h3, h4, h5, h6) {
    color: var(--sot-title);
}

[data-hpc-ui-sot="slate-indigo-v1"] .hpc-page-container {
    padding: var(--ui-content-pad);
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(.space-y-8, .space-y-10, .space-y-12) > :not([hidden]) ~ :not([hidden]) {
    margin-top: 1rem !important;
}

/* Page hierarchy */
[data-hpc-ui-sot="slate-indigo-v1"] :where(.ui-primary-page-header, .ui-page-header-component, .page-header, .ac-page-header, .hpc-core-hero) {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    margin: 0 0 .75rem;
    padding: .8rem .9rem;
    border: 1px solid var(--sot-border);
    border-radius: var(--sot-radius-lg);
    background: var(--sot-surface);
    box-shadow: var(--sot-shadow);
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(.ui-primary-page-heading, .page-title, .ac-title, .hpc-core-title) {
    margin: 0;
    color: var(--sot-title) !important;
    font-size: clamp(1.18rem, 1.5vw, 1.45rem) !important;
    font-weight: 780 !important;
    line-height: 1.22 !important;
    letter-spacing: -.018em !important;
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(.page-description, .ac-subtitle, .hpc-page-subtitle, .ui-page-description) {
    margin: .22rem 0 0;
    color: var(--sot-muted) !important;
    font-size: .82rem !important;
    line-height: 1.45 !important;
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(.ui-page-header-eyebrow, .ui-eyebrow) {
    display: block;
    margin-bottom: .2rem;
    color: var(--sot-accent-strong);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(.ui-page-header-actions, .ui-action-group, .as-actions, .ac-actions, .row-actions) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: .4rem;
}

/* Cards, panels, toolbars and filters */
[data-hpc-ui-sot="slate-indigo-v1"] :where(.ui-section-card, .as-card, .ac-panel, .hpc-card, .card, .hpc-core-panel, .adw-panel, .panel, .rounded-xl.bg-white, .rounded-2xl.bg-white) {
    border: 1px solid var(--sot-border) !important;
    border-radius: var(--sot-radius-lg) !important;
    background: var(--sot-surface) !important;
    color: var(--sot-text);
    box-shadow: var(--sot-shadow) !important;
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(.ui-section-card__header, .card-header, .panel-header, .ac-panel-header) {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .65rem;
    padding: .7rem .8rem;
    border-bottom: 1px solid var(--sot-border);
    background: var(--sot-slate-50);
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(.ui-section-card__header h2, .card-header h2, .panel-header h2) {
    margin: 0;
    font-size: .92rem;
    font-weight: 760;
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(.ui-section-card__header p, .card-header p, .panel-header p) {
    margin: .15rem 0 0;
    color: var(--sot-muted);
    font-size: .75rem;
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(.ui-toolbar, .ui-filter-bar, .filter-bar, .filters, .hpc-filter-bar, .ac-filter-bar, .ui-form-actions, .ui-sticky-action-bar) {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: space-between;
    gap: .55rem;
    padding: .65rem .75rem;
    border: 1px solid var(--sot-border);
    border-radius: var(--sot-radius-lg);
    background: var(--sot-surface-muted);
}

/* Buttons */
[data-hpc-ui-sot="slate-indigo-v1"] :where(.ui-button, .hpc-button, .as-btn, .ac-btn, .btn, [data-ui-button]) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .38rem;
    min-height: var(--sot-control-height);
    padding: .48rem .72rem;
    border: 1px solid transparent;
    border-radius: var(--sot-radius) !important;
    font-size: .8rem;
    font-weight: 720;
    line-height: 1.15;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(.ui-button--sm, .hpc-button-sm, .as-btn-sm, .btn-sm, [data-ui-button-size="sm"]) {
    min-height: var(--sot-control-height-sm);
    padding: .36rem .58rem;
    font-size: .75rem;
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(.ui-button--lg, .hpc-button-lg, .as-btn-lg, .btn-lg, [data-ui-button-size="lg"]) {
    min-height: var(--sot-control-height-lg);
    padding: .62rem .9rem;
    font-size: .86rem;
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(.ui-button--primary, .hpc-button-primary, .as-btn-primary, .ac-btn-primary, .btn-primary, [data-ui-button="primary"]) {
    border-color: var(--sot-accent);
    background: var(--sot-accent) !important;
    color: #fff !important;
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(.ui-button--primary, .hpc-button-primary, .as-btn-primary, .ac-btn-primary, .btn-primary, [data-ui-button="primary"]):hover {
    border-color: var(--sot-accent-strong);
    background: var(--sot-accent-strong) !important;
    transform: translateY(-1px);
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(.ui-button--secondary, .ui-button--outline, .hpc-button-secondary, .hpc-button-soft, .as-btn-secondary, .ac-btn-secondary, .btn-secondary, .btn-outline, [data-ui-button="secondary"]) {
    border-color: var(--sot-border-strong) !important;
    background: var(--sot-surface) !important;
    color: var(--sot-slate-700) !important;
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(.ui-button--secondary, .ui-button--outline, .hpc-button-secondary, .hpc-button-soft, .as-btn-secondary, .ac-btn-secondary, .btn-secondary, .btn-outline, [data-ui-button="secondary"]):hover {
    border-color: var(--sot-slate-400) !important;
    background: var(--sot-slate-50) !important;
    color: var(--sot-slate-900) !important;
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(.ui-button--danger, .hpc-button-danger, .as-btn-danger, .btn-danger, [data-ui-button="danger"]) {
    border-color: var(--sot-rose-600) !important;
    background: var(--sot-rose-600) !important;
    color: #fff !important;
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(.ui-button, .hpc-button, .as-btn, .ac-btn, .btn, [data-ui-button]):disabled,
[data-hpc-ui-sot="slate-indigo-v1"] :where(.ui-button, .hpc-button, .as-btn, .ac-btn, .btn, [data-ui-button])[aria-disabled="true"] {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
}

/* Forms */
[data-hpc-ui-sot="slate-indigo-v1"] :where(.hpc-field-stack, .ui-form-field, .form-group) {
    display: grid;
    gap: .3rem;
    min-width: 0;
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(.hpc-field-stack > label, .ui-form-field > label, .form-label) {
    color: var(--sot-slate-700);
    font-size: .76rem;
    font-weight: 720;
    line-height: 1.3;
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select, textarea, [contenteditable="true"], .hpc-combobox-button) {
    min-height: var(--sot-control-height) !important;
    border: 1px solid var(--sot-border-strong) !important;
    border-radius: var(--sot-radius) !important;
    background: var(--sot-surface) !important;
    color: var(--sot-text) !important;
    font-size: .82rem !important;
    line-height: 1.35;
    box-shadow: none !important;
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select, textarea, [contenteditable="true"], .hpc-combobox-button):focus,
[data-hpc-ui-sot="slate-indigo-v1"] :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select, textarea, [contenteditable="true"], .hpc-combobox-button):focus-within {
    border-color: var(--sot-accent) !important;
    box-shadow: 0 0 0 3px var(--sot-focus) !important;
    outline: 0 !important;
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(input, select, textarea)::placeholder {
    color: var(--sot-slate-400);
    opacity: 1;
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(input, select, textarea):disabled,
[data-hpc-ui-sot="slate-indigo-v1"] :where(input, select, textarea)[readonly] {
    background: var(--sot-slate-100) !important;
    color: var(--sot-slate-500) !important;
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(.hpc-field-help, .ui-field-help, .form-help) {
    color: var(--sot-muted);
    font-size: .72rem;
    line-height: 1.4;
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(.hpc-field-error, .ui-field-error, .invalid-feedback) {
    color: var(--sot-rose-600);
    font-size: .72rem;
    font-weight: 650;
}

/* Tables and lists */
[data-hpc-ui-sot="slate-indigo-v1"] :where(.hpc-ui-table-region, .ui-table-shell, .table-wrap, .overflow-x-auto):has(> table) {
    overflow-x: auto;
    border: 1px solid var(--sot-border);
    border-radius: var(--sot-radius-lg);
    background: var(--sot-surface);
    box-shadow: var(--sot-shadow);
}

[data-hpc-ui-sot="slate-indigo-v1"] table {
    width: 100%;
    border-collapse: collapse;
    color: var(--sot-text);
    font-size: .79rem;
}

[data-hpc-ui-sot="slate-indigo-v1"] table :where(th, td) {
    padding: .54rem .65rem !important;
    border-bottom: 1px solid var(--sot-border) !important;
    line-height: 1.36;
    vertical-align: top;
}

[data-hpc-ui-sot="slate-indigo-v1"] table th {
    background: var(--sot-slate-50) !important;
    color: var(--sot-slate-600) !important;
    font-size: .69rem !important;
    font-weight: 790 !important;
    letter-spacing: .035em;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

[data-hpc-ui-sot="slate-indigo-v1"] table tbody tr:hover > td {
    background: rgba(248, 250, 252, .72) !important;
}

[data-hpc-ui-sot="slate-indigo-v1"] table tbody tr:last-child > td {
    border-bottom: 0 !important;
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(td.is-numeric, th.is-numeric, td[data-align="number"], th[data-align="number"]) {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(td.is-actions, th.is-actions, td[data-align="actions"], th[data-align="actions"]) {
    text-align: right;
    white-space: nowrap;
}

/* Statuses and alerts */
[data-hpc-ui-sot="slate-indigo-v1"] :where(.ui-status, .hpc-ui-badge, .as-badge, .badge, .hpc-status, .ac-status, [data-ui-status]) {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    min-height: 24px;
    padding: .2rem .48rem;
    border: 1px solid var(--sot-border);
    border-radius: 999px !important;
    background: var(--sot-slate-100);
    color: var(--sot-slate-700);
    font-size: .68rem;
    font-weight: 760;
    line-height: 1.15;
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(.is-success, .status-success, .badge-success, [data-ui-status="success"]) { border-color: #a7f3d0 !important; background: var(--sot-emerald-50) !important; color: #047857 !important; }
[data-hpc-ui-sot="slate-indigo-v1"] :where(.is-warning, .status-warning, .badge-warning, [data-ui-status="warning"]) { border-color: #fde68a !important; background: var(--sot-amber-50) !important; color: #b45309 !important; }
[data-hpc-ui-sot="slate-indigo-v1"] :where(.is-danger, .is-error, .status-danger, .badge-danger, [data-ui-status="danger"]) { border-color: #fecdd3 !important; background: var(--sot-rose-50) !important; color: #be123c !important; }
[data-hpc-ui-sot="slate-indigo-v1"] :where(.is-info, .status-info, .badge-info, [data-ui-status="info"]) { border-color: #bae6fd !important; background: var(--sot-sky-50) !important; color: #0369a1 !important; }
[data-hpc-ui-sot="slate-indigo-v1"] :where(.is-active, .status-active, .badge-primary, [data-ui-status="active"]) { border-color: var(--sot-indigo-100) !important; background: var(--sot-accent-soft) !important; color: var(--sot-accent-strong) !important; }

[data-hpc-ui-sot="slate-indigo-v1"] :where(.ui-alert, .alert, [role="alert"]) {
    border: 1px solid var(--sot-border);
    border-left-width: 4px;
    border-radius: var(--sot-radius-lg);
    background: var(--sot-surface);
    padding: .65rem .75rem;
    box-shadow: var(--sot-shadow);
}

/* Navigation */
[data-hpc-ui-sot="slate-indigo-v1"] .hpc-topbar {
    border-bottom: 1px solid var(--sot-border);
    box-shadow: none !important;
}

[data-hpc-ui-sot="slate-indigo-v1"] .hpc-workspace-bar {
    border-bottom: 1px solid var(--sot-border);
    background: var(--sot-surface);
}

[data-hpc-ui-sot="slate-indigo-v1"] .hpc-workspace-bar-inner {
    gap: .32rem;
    padding: .35rem .7rem;
}

[data-hpc-ui-sot="slate-indigo-v1"] .hpc-workspace-button {
    min-height: 34px;
    padding: .42rem .66rem;
    border: 1px solid transparent;
    border-radius: var(--sot-radius);
    background: transparent;
    color: var(--sot-slate-600);
    font-size: .76rem;
    font-weight: 680;
}

[data-hpc-ui-sot="slate-indigo-v1"] .hpc-workspace-button:hover {
    border-color: var(--sot-border);
    background: var(--sot-slate-50);
    color: var(--sot-slate-900);
}

[data-hpc-ui-sot="slate-indigo-v1"] .hpc-workspace-button.is-active,
[data-hpc-ui-sot="slate-indigo-v1"] .hpc-workspace-button[aria-selected="true"] {
    border-color: var(--sot-accent);
    background: var(--sot-accent) !important;
    color: #fff !important;
    font-size: .8rem;
    font-weight: 800;
    box-shadow: var(--sot-shadow);
}

[data-hpc-ui-sot="slate-indigo-v1"] .hpc-sidebar-link {
    border: 1px solid transparent;
    border-radius: var(--sot-radius) !important;
}

[data-hpc-ui-sot="slate-indigo-v1"] .hpc-sidebar-link:hover {
    border-color: rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .07);
}

[data-hpc-ui-sot="slate-indigo-v1"] .hpc-sidebar-link.is-active,
[data-hpc-ui-sot="slate-indigo-v1"] .hpc-sidebar-link[aria-current="page"] {
    border-color: var(--sot-accent);
    background: var(--sot-accent-soft) !important;
    color: var(--sot-accent-strong) !important;
    font-weight: 800;
}

/* Canonical pagination */
[data-hpc-ui-sot="slate-indigo-v1"] .ui-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .55rem;
    padding-top: .65rem;
}

[data-hpc-ui-sot="slate-indigo-v1"] .ui-pagination__summary {
    color: var(--sot-muted);
    font-size: .75rem;
}

[data-hpc-ui-sot="slate-indigo-v1"] .ui-pagination__controls {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .22rem;
}

[data-hpc-ui-sot="slate-indigo-v1"] .ui-pagination__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    min-height: 32px;
    padding: .35rem .48rem;
    border: 1px solid var(--sot-border-strong);
    border-radius: var(--sot-radius-sm);
    background: var(--sot-surface);
    color: var(--sot-slate-700);
    font-size: .74rem;
    font-weight: 680;
}

[data-hpc-ui-sot="slate-indigo-v1"] .ui-pagination__item:hover:not([aria-disabled="true"]) {
    border-color: var(--sot-accent);
    background: var(--sot-accent-soft);
    color: var(--sot-accent-strong);
}

[data-hpc-ui-sot="slate-indigo-v1"] .ui-pagination__item.is-current,
[data-hpc-ui-sot="slate-indigo-v1"] .ui-pagination__item[aria-current="page"] {
    border-color: var(--sot-accent);
    background: var(--sot-accent) !important;
    color: #fff !important;
}

[data-hpc-ui-sot="slate-indigo-v1"] .ui-pagination__item[aria-disabled="true"] {
    opacity: .45;
    cursor: default;
}

/* Toasts remain one global component. */
[data-hpc-ui-sot="slate-indigo-v1"] .hpc-toast-region {
    top: calc(var(--ui-topbar-height) + 10px);
    right: 12px;
    width: min(380px, calc(100vw - 24px));
}

[data-hpc-ui-sot="slate-indigo-v1"] .hpc-toast {
    border-color: var(--sot-border);
    border-radius: var(--sot-radius-lg);
    background: var(--sot-surface);
    box-shadow: var(--sot-shadow-float);
    animation-duration: 150ms;
}

/* Avoid pronounced legacy shadows and excessive roundness without touching pills. */
[data-hpc-ui-sot="slate-indigo-v1"] :where(.shadow-lg, .shadow-xl, .shadow-2xl) {
    box-shadow: var(--sot-shadow) !important;
}

[data-hpc-ui-sot="slate-indigo-v1"] :where(.rounded-2xl, .rounded-3xl):not(.rounded-full):not(.badge):not(.hpc-ui-badge) {
    border-radius: var(--sot-radius-lg) !important;
}

@media (max-width: 760px) {
    [data-hpc-ui-sot="slate-indigo-v1"] :where(.ui-primary-page-header, .ui-page-header-component, .page-header, .ac-page-header, .hpc-core-hero) {
        align-items: stretch;
        flex-direction: column;
    }

    [data-hpc-ui-sot="slate-indigo-v1"] :where(.ui-page-header-actions, .ui-action-group, .as-actions, .ac-actions, .row-actions) {
        justify-content: flex-start;
    }

    [data-hpc-ui-sot="slate-indigo-v1"] .ui-pagination {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    [data-hpc-ui-sot="slate-indigo-v1"] *,
    [data-hpc-ui-sot="slate-indigo-v1"] *::before,
    [data-hpc-ui-sot="slate-indigo-v1"] *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

[data-hpc-ui-sot="slate-indigo-v1"] .ui-section-card__body:not(.is-flush) {
    padding: .78rem .82rem;
}
[data-hpc-ui-sot="slate-indigo-v1"] .ui-section-card__body.is-flush { padding: 0; }
[data-hpc-ui-sot="slate-indigo-v1"] .ui-action-bar__message {
    color: var(--sot-muted);
    font-size: .76rem;
    line-height: 1.4;
}
[data-hpc-ui-sot="slate-indigo-v1"] :where(.ui-button--success, [data-ui-button="success"]) {
    border-color: var(--sot-emerald-600) !important;
    background: var(--sot-emerald-600) !important;
    color: #fff !important;
}
[data-hpc-ui-sot="slate-indigo-v1"] :where(.ui-button--warning, [data-ui-button="warning"]) {
    border-color: var(--sot-amber-600) !important;
    background: var(--sot-amber-600) !important;
    color: #fff !important;
}
[data-hpc-ui-sot="slate-indigo-v1"] :where(.ui-button--ghost, [data-ui-button="ghost"]) {
    border-color: transparent !important;
    background: transparent !important;
    color: var(--sot-slate-600) !important;
}
[data-hpc-ui-sot="slate-indigo-v1"] :where(.ui-button--ghost, [data-ui-button="ghost"]):hover {
    background: var(--sot-slate-100) !important;
    color: var(--sot-slate-900) !important;
}
[data-hpc-ui-sot="slate-indigo-v1"] .ui-input-wrap { position: relative; min-width: 0; }
[data-hpc-ui-sot="slate-indigo-v1"] .ui-input-prefix {
    position: absolute;
    top: 50%;
    left: .7rem;
    z-index: 1;
    color: var(--sot-slate-400);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: .78rem;
    transform: translateY(-50%);
    pointer-events: none;
}
[data-hpc-ui-sot="slate-indigo-v1"] .ui-form-control.has-prefix { padding-left: 2.15rem !important; }
[data-hpc-ui-sot="slate-indigo-v1"] .hpc-proctoring-video-float {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 50;
    width: 150px;
    height: 110px;
    border: 2px solid rgba(255, 255, 255, .9);
    border-radius: var(--sot-radius-lg);
    background: var(--sot-slate-900);
    box-shadow: var(--sot-shadow-float);
    object-fit: cover;
    opacity: .92;
    pointer-events: none;
}
[data-hpc-ui-sot="slate-indigo-v1"] .hpc-proctoring-warning-toast {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 9999;
    max-width: 380px;
    padding: 14px 16px;
    border: 1px solid #fbbf24;
    border-radius: var(--sot-radius-lg);
    background: var(--sot-amber-50);
    color: #78350f;
    box-shadow: var(--sot-shadow-float);
    font: 700 14px/1.55 system-ui, sans-serif;
}