.dashboard {

    display: flex;

    flex-direction: column;

    align-items: center;

}

.decision-card {
    --decision-card-stage-color: var(--lifecycle-pending);
    --decision-card-header-start: var(--lifecycle-pending-header-start);
    --decision-card-header-end: var(--lifecycle-pending-header-end);

    position: relative;

    overflow: hidden;

    display: flex;

    flex-direction: column;

    gap: 10px;

    height: 310px;

    box-sizing: border-box;

    padding: 22px 22px 18px;

    background:
        linear-gradient(145deg,
            rgba(79, 140, 255, .022) 0%,
            transparent 48%),
        #1A2433;

    border: 0;

    border-radius: 18px;

    box-shadow:
        0 16px 34px rgba(0, 0, 0, .24),
        inset 0 0 0 1px rgba(255, 255, 255, .045),
        inset 0 -1px 0 rgba(0, 0, 0, .20);

    cursor: pointer;

    transition:
        transform .22s ease,
        background .22s ease,
        box-shadow .22s ease;

    animation:
        dashboardCardEnter 360ms cubic-bezier(.22, .8, .3, 1) backwards;

    animation-delay:
        calc(var(--card-index, 0) * 55ms);

}

@keyframes dashboardCardEnter {

    from {

        opacity: 0;

        transform:
            translateY(16px) scale(.975);

    }

    to {

        opacity: 1;

        transform:
            translateY(0) scale(1);

    }

}

.dashboard-grid-no-entry .decision-card {

    animation: none;

}

.decision-card:hover {

    transform: translateY(-3px);

    background:
        radial-gradient(circle at 12% 0%,
            rgba(79, 140, 255, .18),
            transparent 48%),
        linear-gradient(145deg,
            rgba(79, 140, 255, .09) 0%,
            rgba(79, 140, 255, .025) 52%,
            transparent 82%),
        #202B3C;

    box-shadow:
        0 22px 46px rgba(0, 0, 0, .32),
        inset 0 0 0 1px rgba(255, 255, 255, .06),
        inset 0 -1px 0 rgba(0, 0, 0, .22);

}

.decision-card-title {

    position: relative;

    display: flex;
    align-items: center;

    height: 72px;
    min-height: 72px;
    box-sizing: border-box;

    margin:
        -22px -22px 2px;

    padding:
        14px 24px;

    background:
        linear-gradient(135deg,
            var(--decision-card-header-start),
            var(--decision-card-header-end));

    overflow: hidden;

    flex-shrink: 0;

    box-shadow:
        0 10px 22px rgba(0, 0, 0, .22),
        inset 0 -12px 18px rgba(0, 0, 0, .07);

    transition:
        background .22s ease,
        box-shadow .22s ease;

}

.decision-card-title-text {

    position: relative;

    z-index: 1;

    display: -webkit-box;

    width: 100%;

    padding-right: 32px;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    color: #F4F7FB;

    font-weight: var(--weight-bold);

    text-shadow:
        0 1px 2px rgba(8, 13, 22, .36);

    transition:
        color .22s ease,
        text-shadow .22s ease;

}

.decision-card:hover .decision-card-title {

    background:
        linear-gradient(135deg,
            var(--decision-card-header-start),
            var(--decision-card-header-end));

    box-shadow:
        0 12px 26px rgba(0, 0, 0, .24),
        inset 0 -12px 18px rgba(0, 0, 0, .07);

}



.decision-card:hover .decision-card-title-text {

    color: var(--text-bright);

    text-shadow:
        0 1px 2px rgba(8, 13, 22, .36);

}

.decision-card:hover .decision-options-label {

    color: var(--accent);

    text-shadow:
        0 2px 24px var(--accent-shadow-strong);

}

.dashboard-card-menu-button {
    position: absolute;
    top: 50%;
    right: 12px;
    z-index: 3;
    width: 32px;
    height: 32px;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 9px;
    color: rgba(255, 255, 255, .48);
    font: inherit;
    font-size: 11px;
    letter-spacing: 1px;
    cursor: pointer;
    opacity: .32;
    transform: translateY(-50%);
    transition: background-color .18s ease, color .18s ease, opacity .18s ease;
}

.decision-card:hover .dashboard-card-menu-button,
.dashboard-card-menu-button:focus-visible {
    background: transparent;
    color: rgba(255, 255, 255, .94);
    opacity: 1;
}

.decision-card:hover .dashboard-card-menu-button:hover,
.decision-card .dashboard-card-menu-button[aria-expanded="true"] {
    background: rgba(10, 18, 30, .10);
    color: #FFFFFF;
    opacity: 1;
}

.dashboard-card-menu {
    position: absolute;
    top: 58px;
    right: 12px;
    z-index: 8;
    min-width: 150px;
    padding: 6px;
    background: var(--bg-elevated);
    border-radius: 10px;
    box-shadow: var(--shadow-menu);
    cursor: default;
}

.dashboard-card-menu.hidden {
    display: none;
}

.dashboard-card-menu-action {
    width: 100%;
    padding: 9px 11px;
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: var(--text-secondary);
    font: inherit;
    font-size: 11px;
    text-align: left;
    cursor: pointer;
    transition: background-color .18s ease, color .18s ease;
}

.dashboard-card-menu-action:hover,
.dashboard-card-menu-action:focus-visible {
    background: var(--surface-hover);
    color: var(--text-primary);
}

.dashboard-card-menu-action.is-danger {
    color: var(--danger);
}

.dashboard-card-menu-action.is-danger:hover,
.dashboard-card-menu-action.is-danger:focus-visible {
    background: var(--danger-surface);
}

.dashboard-card-selection-control {
    position: relative;
    z-index: 3;
    display: grid;
    place-items: center;
    width: 25px;
    height: 25px;
    margin-right: 12px;
    padding: 0;
    flex: 0 0 auto;
    background: rgba(12, 20, 32, .22);
    border: 0;
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .56);
    color: transparent;
    cursor: pointer;
    transition: background-color .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease;
}

.dashboard-card-selection-control:hover,
.dashboard-card-selection-control:focus-visible {
    background: rgba(12, 20, 32, .34);
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .92);
    transform: scale(1.05);
}

.decision-card.is-selected .dashboard-card-selection-control {
    background: #F4F7FB;
    box-shadow: 0 4px 12px rgba(8, 14, 24, .24);
    color: #172130;
}

.decision-card.is-selection-enabled {
    cursor: default;
}

.decision-card.is-selection-enabled:hover {
    transform: translateY(-1px);
}

.decision-card.is-selection-enabled.is-selected {
    box-shadow:
        0 20px 42px rgba(0, 0, 0, .3),
        inset 0 0 0 2px rgba(244, 247, 251, .62),
        inset 0 -1px 0 rgba(0, 0, 0, .22);
}

.dashboard-card-confirm-action {
    background: var(--surface-hover);
    color: var(--text-primary);
}

.dashboard-rename-modal {
    width: min(100% - 32px, 430px);
}

.dashboard-rename-modal.status-decided {
    --action-primary-start: #52AD83;
    --action-primary-end: #438F6D;
}

.dashboard-rename-modal.status-reviewed {
    --action-primary-start: #7569D6;
    --action-primary-end: #6358B8;
}

.dashboard-rename-field {
    display: grid;
    gap: 8px;
    margin-top: 18px;
}

.dashboard-rename-error {
    min-height: 16px;
    margin: 6px 0 0;
    color: var(--danger);
    font-size: 11px;
}

.decision-card-title::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        radial-gradient(
            ellipse at 16% -35%,
            rgba(255, 255, 255, .22) 0%,
            rgba(255, 255, 255, .07) 34%,
            transparent 63%
        ),
        linear-gradient(
            180deg,
            transparent 52%,
            rgba(8, 14, 24, .13) 100%
        );
    opacity: .72;
    pointer-events: none;
    transition: opacity .22s ease;

}

.decision-card:hover .decision-card-title::after {
    opacity: .92;
}

.dashboard-content {

    width: 100%;

    max-width: 1200px;

}

.decision-grid {

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));

    gap: 32px;

}

.dashboard-section-title {

    margin: 0;

}

.dashboard-title-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    width: 100%;
    margin-bottom: 8px;
}

.dashboard-create-button {
    --action-primary-start: var(--lifecycle-pending-header-start);
    --action-primary-end: var(--lifecycle-pending-header-end);

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: auto;
    height: 36px;
    min-height: 36px;
    padding: 0 16px 0 13px;
    flex: 0 0 auto;
    border-radius: 999px;
    font-size: 12px;
}

.dashboard-create-icon {
    display: inline-grid;
    place-items: center;
    font-size: 19px;
    font-weight: 500;
    line-height: 1;
    transform: translateY(-1px);
}

.dashboard-create-label {
    transform: translateY(1px);
}

.decision-card-options {
    display: grid;
    grid-template-rows: auto auto 1fr;
    align-content: start;
    gap: 9px;

    min-height: 0;

    margin-top: 7px;

    flex: 1 1 auto;

    overflow: visible;

}

.decision-card-options-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: -5px;
}

.decision-options-risk-label {
    color: var(--text-muted);
    font-size: 10px;
    font-weight: var(--weight-regular);
    letter-spacing: .08em;
    text-transform: uppercase;
    padding-right: 10px;
}

.decision-card-options-list {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-top: -2px;
    margin-right: -22px;
    margin-left: -22px;
    flex-shrink: 0;
    overflow: visible;
}

.decision-card-option {

    position: relative;

    display: flex;

    align-items: center;

    gap: 10px;

    height: 35px;
    min-height: 35px;
    max-height: 35px;

    box-sizing: border-box;

    padding: 0 22px;
    background:
        linear-gradient(90deg,
            var(--accent-surface-medium) 0%,
            var(--accent-surface-faint) 62%,
            transparent 100%);

    overflow: hidden;

    flex-shrink: 0;

    transition:
        background .22s ease,
        color .22s ease;

}

.decision-card-option-chevron {

    flex-shrink: 0;

    color: var(--accent);

    font-size: 16px;

    font-weight: 600;

    line-height: 1;

    transform: translateX(0);

    transition:
        color .22s ease,
        transform .28s cubic-bezier(.22, .8, .3, 1);

}

.decision-card:hover .decision-card-option-chevron,
.decision-card:hover .decision-card-option-title {

    transform: translateX(3px);

}

.decision-card:hover .decision-card-option {

    background:
        linear-gradient(90deg,
            var(--accent-surface) 0%,
            var(--accent-surface-medium) 56%,
            var(--accent-surface-faint) 82%,
            transparent 100%);

    color: var(--text-light);

}

.decision-card:hover .decision-card-option-chevron {

    color: var(--accent-hover);

}

.decision-card-option-title {

    min-width: 0;

    flex: 1;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    transform: translateX(0);

    transition:
        color .22s ease,
        transform .28s cubic-bezier(.22, .8, .3, 1);

}

.decision-card-risk-tile {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    height: 20px;
    padding: 0 7px;
    background: var(--risk-surface);
    border-radius: 7px;
    color: var(--risk-color);
    font-size: 10px;
    font-weight: var(--weight-semibold);
    line-height: 1;
    white-space: nowrap;
    flex-shrink: 0;
}

.decision-card-footer {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 10px;

    min-height: 46px;

    box-sizing: border-box;

    margin:
        auto -22px -18px;

    padding:
        10px 22px 10px;

    background: transparent;

    flex-shrink: 0;

}

.decision-card:hover .decision-card-footer {

    background: transparent;

}

.decision-card-footer::before {

    content: "";

    position: absolute;

    top: 0;

    right: 22px;

    left: 22px;

    height: 1px;

    background:
        linear-gradient(90deg,
            rgba(255, 255, 255, .05),
            rgba(79, 140, 255, .05) 55%,
            transparent 100%);

}

.decision-card:hover .decision-status-dot {

    box-shadow:
        0 0 5px currentColor,
        0 0 9px currentColor;

    transform: scale(1.05);

}

.decision-card-meta {

    display: flex;

    align-items: center;

    gap: 7px;

    min-width: 0;

    flex-shrink: 0;

}

.dashboard-complete-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 12px;
    color: currentColor;
    font-size: 11px;
    font-weight: var(--weight-bold);
    line-height: 1;
}

.decision-options-more {

    min-height: 14px;

    margin-top: -2px;

    margin-left: 13px;

    padding: 0 10px;

    line-height: 14px;

    flex-shrink: 0;

    white-space: nowrap;

    overflow: visible;

}

.decision-options-label {
    margin-bottom: 0;
    color: var(--accent);

}

.decision-card-option-chevron {

    transition: color .2s ease,
        transform .2s ease;

}

.decision-card:hover .decision-card-option:nth-child(1) .decision-card-option-chevron,
.decision-card:hover .decision-card-option:nth-child(2) .decision-card-option-chevron,
.decision-card:hover .decision-card-option:nth-child(3) .decision-card-option-chevron {

    color: var(--accent-hover);

}

.dashboard-toolbar {

    display: flex;

    flex-direction: column;

    gap: 0;

    width: 100%;

    margin-bottom: 28px;

    padding: 0;

    background: transparent;

    border: none;

    border-radius: 0;

    box-shadow: none;

}

.dashboard-header-row {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    width: 100%;

    margin-bottom: 22px;

}

.dashboard-toolbar.is-selection-mode {
    margin-bottom: 0;
}

.dashboard-controls-row {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 14px;

    width: 100%;

    padding: 12px 14px;

    background: linear-gradient(90deg,
            var(--accent-surface-faint) 0%,
            transparent 30%,
            transparent 70%,
            var(--accent-surface-faint) 100%),
        var(--bg-card);

    border: none;

    border-radius: 999px;

    box-shadow: var(--shadow-sm);

}

.dashboard-controls-left {

    display: flex;

    align-items: center;

    gap: 10px;

    min-width: 0;

    flex-shrink: 0;

}

.dashboard-tools {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 10px;

    min-width: 0;

    flex: 1 1 auto;

    margin-left: auto;

}

.dashboard-search {

    position: relative;

    display: flex;

    align-items: center;

    width: auto;

    min-width: 180px;

    flex: 1 1 230px;

    min-height: 42px;

    padding: 0 14px 0 40px;

    border-radius: 999px;

}

.dashboard-controls-divider {
    width: 1px;
    height: 24px;
    flex: 0 0 1px;
    background: var(--divider-medium);
    border-radius: 999px;
}

.dashboard-controls-row.is-archive-view .dashboard-controls-divider {
    display: none;
}

/* ===========================
   LIFECYCLE CARD VARIANTS
   =========================== */

.decision-card-decided {
    --decision-card-stage-color: var(--lifecycle-decided);
    --decision-card-header-start: var(--lifecycle-decided-header-start);
    --decision-card-header-end: var(--lifecycle-decided-header-end);
    background: linear-gradient(145deg, rgba(73, 184, 130, .014), transparent 52%), #1C272F;
}

.dashboard-selection-mode-button {
    min-height: 42px;
    margin-left: 2px;
    padding: 0 16px;
    border-radius: 999px;
    color: var(--text-secondary);
    font-family: inherit;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.dashboard-selection-mode-button:hover:not(:disabled) {
    color: var(--text-primary);
    transform: none;
}

.dashboard-bulk-action-sentinel {
    height: 1px;
    margin-bottom: -1px;
    pointer-events: none;
}

.dashboard-bulk-action-bar {
    position: sticky;
    top: 16px;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 58px;
    margin: 22px 0;
    padding: 10px 14px 10px 18px;
    background: linear-gradient(90deg, rgba(255, 255, 255, .065), rgba(255, 255, 255, .035)), var(--bg-card);
    border-radius: 16px;
    box-shadow: var(--shadow-sm);
    transition: box-shadow .2s ease, background-color .2s ease;
}

.dashboard-bulk-action-bar.is-stuck {
    box-shadow: 0 16px 30px rgba(0, 0, 0, .34);
}

.dashboard-bulk-action-bar[hidden] {
    display: none;
}

.dashboard-bulk-selection-summary {
    display: flex;
    align-items: baseline;
    gap: 9px;
    color: var(--text-primary);
    font-size: 12px;
}

.dashboard-bulk-selection-summary span {
    color: var(--text-muted);
    font-size: 10px;
}

.dashboard-bulk-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.dashboard-bulk-done-button {
    margin-left: 4px;
}

.dashboard-bulk-reassignment-modal {
    width: min(100% - 32px, 440px);
}

.dashboard-bulk-reassignment-field {
    display: grid;
    gap: 8px;
    margin-top: 18px;
}

.dashboard-header-row .app-page-header-copy {
    width: 100%;
}

.dashboard-description-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    width: 100%;
}

.dashboard-description-row .dashboard-archive-link {
    margin-top: -6px;
}

.dashboard-controls-row.is-archive-view .dashboard-tabs {
    display: none;
}

.dashboard-archive-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 32px;
    padding: 0 8px;
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: var(--text-muted);
    font: inherit;
    font-size: 11px;
    font-weight: var(--weight-semibold);
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

.dashboard-archive-link:hover {
    background: var(--surface-subtle);
    color: var(--text-primary);
    transform: translateY(-1px);
}

.dashboard-archive-link span {
    color: currentColor;
    font-size: 13px;
    line-height: 1;
}

.decision-card-decided:hover {
    background: radial-gradient(circle at 12% 0%, rgba(73, 184, 130, .065), transparent 48%), linear-gradient(145deg, rgba(73, 184, 130, .028), transparent 76%), #202E33;
}

.decision-card-reviewed {
    --decision-card-stage-color: var(--lifecycle-reviewed);
    --decision-card-header-start: var(--lifecycle-reviewed-header-start);
    --decision-card-header-end: var(--lifecycle-reviewed-header-end);
    background: linear-gradient(145deg, rgba(139, 124, 255, .024), transparent 52%), #1E2434;
}

.decision-card-reviewed:hover {
    background:
        radial-gradient(circle at 12% 0%, rgba(139, 124, 255, .07), transparent 48%),
        linear-gradient(145deg, rgba(139, 124, 255, .03), transparent 76%),
        #262A3B;
    box-shadow:
        0 22px 46px rgba(0, 0, 0, .32),
        inset 0 0 0 1px rgba(255, 255, 255, .06),
        inset 0 -1px 0 rgba(0, 0, 0, .22);
}

.decision-card-reviewed:hover .decision-card-title-text {
    text-shadow: 0 1px 2px rgba(8, 13, 22, .36);
}

.decision-card-outcome {
    display: grid;
    grid-template-rows: auto auto 1fr;
    align-content: start;
    gap: 9px;
    min-height: 0;
    margin-top: 7px;
    flex: 1 1 auto;
}

.decision-card-outcome-label {
    color: var(--decision-card-stage-color);
    margin-bottom: 0;
}

.decision-card-outcome-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: -5px;
}

.decision-card-outcome-choice {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    margin: 0 -22px;
    padding: 12px 22px;
    background: linear-gradient(90deg, var(--success-surface), var(--success-surface-subtle) 62%, transparent);
    transition: background .22s ease;
}

.decision-card-outcome-check {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    background: var(--decision-card-stage-color);
    border-radius: 50%;
    color: var(--bg-card);
    font-size: 12px;
    font-weight: var(--weight-bold);
    transition: transform .24s cubic-bezier(.22, .8, .3, 1), box-shadow .22s ease;
}

.decision-card-outcome-title {
    display: -webkit-box;
    overflow: hidden;
    color: var(--text-primary);
    font-weight: var(--weight-semibold);
    line-height: 1.3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transform: translateX(0);
    transition: transform .24s cubic-bezier(.22, .8, .3, 1), color .22s ease;
}

.decision-card-decided:hover .decision-card-outcome-choice {
    background: linear-gradient(90deg, rgba(73, 184, 130, .24), var(--success-surface) 62%, transparent);
}

.decision-card-decided:hover .decision-card-outcome-check {
    transform: scale(1.08);
    box-shadow: 0 0 14px rgba(73, 184, 130, .28);
}

.decision-card-decided:hover .decision-card-outcome-title {
    color: var(--text-bright);
    transform: translateX(3px);
}

.decision-card-decided .decision-card-outcome-choice {
    grid-template-columns: auto minmax(0, 1fr);
}

.decision-card-reviewed:hover .decision-card-outcome-choice {
    background: linear-gradient(90deg, rgba(139, 124, 255, .2), var(--review-surface) 62%, transparent);
}

.decision-card-reviewed .decision-card-outcome-choice {
    grid-template-columns: auto minmax(0, 1fr);
    background: linear-gradient(90deg, var(--review-surface), rgba(139, 124, 255, .04) 62%, transparent);
}

.decision-card-reviewed:hover .decision-card-outcome-check {
    transform: scale(1.08);
    box-shadow: 0 0 14px rgba(139, 124, 255, .30);
}

.decision-card-reviewed:hover .decision-card-outcome-title {
    color: var(--text-bright);
    transform: translateX(3px);
}

.dashboard-card-scale {
    align-self: end;
}

.dashboard-review-outcome {
    --dashboard-outcome-color: var(--review);
    --dashboard-outcome-surface: var(--review-surface);
    --dashboard-outcome-neutral-ring: var(--dashboard-outcome-surface);
}

.dashboard-review-outcome.outcome-level-1 {
    --dashboard-outcome-color: var(--danger);
    --dashboard-outcome-surface: var(--danger-surface-subtle);
    --dashboard-outcome-neutral-ring: rgba(225, 109, 109, .16);
}

.dashboard-review-outcome.outcome-level-2 {
    --dashboard-outcome-color: #d99a57;
    --dashboard-outcome-surface: rgba(217, 154, 87, .10);
}

.dashboard-review-outcome.outcome-level-4 {
    --dashboard-outcome-color: #a9c56f;
    --dashboard-outcome-surface: rgba(169, 197, 111, .10);
}

.dashboard-review-outcome.outcome-level-5 {
    --dashboard-outcome-color: var(--success);
    --dashboard-outcome-surface: var(--success-surface-subtle);
    --dashboard-outcome-neutral-ring: rgba(72, 199, 142, .18);
}

.dashboard-review-outcome-track {
    --dashboard-scale-track: linear-gradient(90deg, var(--danger), var(--text-muted), var(--success));
}

.dashboard-review-outcome-track::before {
    background: var(--dashboard-scale-track);
    opacity: .56;
}

.dashboard-review-outcome-track span.selected {
    background: var(--dashboard-outcome-color);
    box-shadow: 0 0 0 4px var(--dashboard-outcome-neutral-ring);
}

.dashboard-review-outcome-value {
    background: var(--dashboard-outcome-surface);
    color: var(--dashboard-outcome-color);
}

.dashboard-confidence-value {
    background: var(--confidence-surface);
    color: var(--confidence-color);
}

.dashboard-confidence-track {
    --dashboard-scale-track: linear-gradient(90deg, #d99a57, #d2b45f, #a9c56f, #78c78e, var(--success));
}

.dashboard-confidence-track::before {
    background: var(--dashboard-scale-track);
    opacity: .56;
}

.dashboard-confidence-track span.selected {
    background: var(--confidence-color);
    box-shadow: 0 0 0 4px var(--confidence-surface);
}

.decision-card-reviewed:hover .dashboard-review-outcome-track span.selected {
    box-shadow:
        0 0 0 4px var(--dashboard-outcome-surface),
        0 0 12px var(--dashboard-outcome-color);
    filter: brightness(1.08);
}

.decision-card-decided:hover .dashboard-confidence-track span.selected {
    box-shadow:
        0 0 0 4px var(--confidence-surface),
        0 0 12px var(--confidence-color);
    filter: brightness(1.08);
}

.dashboard-search-icon {

    position: absolute;

    left: 16px;

    width: 11px;

    height: 11px;

    border: 1.5px solid var(--text-muted);

    border-radius: 50%;

    pointer-events: none;

}

.dashboard-search-icon::after {

    content: "";

    position: absolute;

    right: -5px;

    bottom: -3px;

    width: 6px;

    height: 1.5px;

    background: var(--text-muted);

    border-radius: 999px;

    transform: rotate(45deg);

    transform-origin: left center;

}

.dashboard-search-input {

    width: 100%;

    min-width: 0;

    padding: 0;

    background: transparent;

    border: none;

    outline: none;

    color: var(--text-primary);

    font-family: inherit;

    font-size: 12px;

}

.dashboard-search-input::placeholder {

    color: var(--text-muted);

}

.dashboard-select-control {

    position: relative;

    display: inline-flex;

    align-items: center;

    min-height: 42px;

    border-radius: 999px;

}

.dashboard-select {

    min-height: 42px;

    padding: 0 38px 0 15px;

    background: transparent;

    border: none;

    outline: none;

    appearance: none;

    color: var(--text-secondary);

    font-family: inherit;

    font-size: 12px;

    font-weight: 600;

    cursor: pointer;

    transition: color .18s ease;

}

.dashboard-select-control:hover .dashboard-select,
.dashboard-select-control:focus-within .dashboard-select {

    color: var(--text-primary);

}

.dashboard-select option {

    background: var(--bg-card);

    color: var(--text-primary);

}

.dashboard-select-arrow {

    position: absolute;

    right: 14px;

    top: 50%;

    color: var(--text-muted);

    pointer-events: none;

    width: 14px;

    height: 14px;

    font-size: 0;

    transform: translateY(-50%);

}

.dashboard-select-control > .ui-dropdown {

    width: auto;

}

.dashboard-select-control:has(.ui-dropdown) > .dashboard-select-arrow {

    display: none;

}

.dashboard-select-arrow::before {

    content: "";

    position: absolute;

    top: 2px;

    left: 3px;

    width: 6px;

    height: 6px;

    border-right: 1.5px solid currentColor;

    border-bottom: 1.5px solid currentColor;

    transform: rotate(45deg);

}

.dashboard-results-empty {

    grid-column: 1 / -1;

    padding: 56px 24px;

    color: var(--text-muted);

    font-size: 13px;

    text-align: center;

}

.dashboard-tabs {

    --dashboard-tab-indicator-start: #5B6678;
    --dashboard-tab-indicator-end: #39465A;
    --dashboard-tab-count-start: #505D72;
    --dashboard-tab-count-end: #283244;

    position: relative;

    display: inline-flex;

    align-items: center;

    gap: 4px;

    width: fit-content;

    padding: 4px;

    background: var(--bg-input);

    border: none;

    border-radius: 999px;

    box-shadow: var(--shadow-sm);

    isolation: isolate;

    flex-shrink: 0;

}

.dashboard-tabs[data-active-stage="pending"] {
    --dashboard-tab-indicator-start: var(--lifecycle-pending-header-start);
    --dashboard-tab-indicator-end: var(--lifecycle-pending-header-end);
    --dashboard-tab-count-start: var(--accent);
    --dashboard-tab-count-end: var(--accent-active);
}

.dashboard-tabs[data-active-stage="decided"] {
    --dashboard-tab-indicator-start: var(--lifecycle-decided-header-start);
    --dashboard-tab-indicator-end: var(--lifecycle-decided-header-end);
    --dashboard-tab-count-start: var(--success);
    --dashboard-tab-count-end: #28885D;
}

.dashboard-tabs[data-active-stage="reviewed"] {
    --dashboard-tab-indicator-start: var(--lifecycle-reviewed-header-start);
    --dashboard-tab-indicator-end: var(--lifecycle-reviewed-header-end);
    --dashboard-tab-count-start: var(--review);
    --dashboard-tab-count-end: #5849C7;
}

.dashboard-tab-indicator {

    position: absolute;

    top: 4px;

    bottom: 4px;

    left: 0;

    z-index: 0;

    width: 0;

    background:
        linear-gradient(135deg,
            var(--dashboard-tab-indicator-start),
            var(--dashboard-tab-indicator-end));

    border-radius: 999px;

    box-shadow:
        var(--shadow-sm);

    pointer-events: none;

    transition:
        width .28s cubic-bezier(.22, .8, .3, 1),
        transform .28s cubic-bezier(.22, .8, .3, 1),
        background .28s ease;

}

.dashboard-tab {

    position: relative;

    z-index: 1;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    padding: 10px 16px;

    background: transparent;

    border: none;

    border-radius: 999px;

    color: var(--text-muted);

    font-family: inherit;

    font-size: 14px;

    font-weight: 600;

    cursor: pointer;

    white-space: nowrap;

    transition: background-color .2s ease,
        color .2s ease;

}

.dashboard-tab:not(.active):hover {

    background: var(--bg-elevated);

    color: var(--text-primary);

}

.dashboard-tab.active {

    background: transparent;

    color: var(--text-primary);

    box-shadow: none;

}

.dashboard-tab-count {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-width: 18px;

    height: 18px;

    padding: 0 6px;

    background: var(--surface-hover);

    border: none;

    border-radius: 999px;

    color: inherit;

    font-size: 11px;

    font-weight: 600;

    transition: background .28s cubic-bezier(.22, .8, .3, 1),
        color .28s cubic-bezier(.22, .8, .3, 1),
        box-shadow .28s cubic-bezier(.22, .8, .3, 1);

}

.dashboard-tab.active .dashboard-tab-count {

    background: linear-gradient(135deg,
            var(--dashboard-tab-count-start),
            var(--dashboard-tab-count-end));

    color: var(--text-bright);

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);

}

@media (max-width: 1080px) {

    .dashboard-controls-row {

        align-items: flex-start;

    }

    .dashboard-tools {

        flex-wrap: wrap;

        max-width: 520px;

    }

    .dashboard-search {

        flex: 1;

        width: 200px;

        min-width: 180px;

    }

}

@media (max-width: 900px) {

    .dashboard-controls-divider {
        display: none;
    }

    .dashboard-controls-row {

        flex-direction: column;

        align-items: stretch;

        border-radius: 22px;

    }

    .dashboard-controls-left {

        justify-content: space-between;

        width: 100%;

    }

    .dashboard-tabs {

        max-width: calc(100% - 56px);

        overflow-x: auto;

    }

    .dashboard-tools {

        justify-content: flex-start;

        width: 100%;

        margin-left: 0;

        flex-wrap: wrap;

    }

    .dashboard-search {

        flex: 1;

        min-width: 200px;

    }

}

@media (max-width: 760px) {

    .dashboard-bulk-action-bar {
        top: 10px;
        align-items: stretch;
        flex-direction: column;
    }

    .dashboard-bulk-actions {
        justify-content: flex-start;
    }

    .dashboard-bulk-done-button {
        margin-left: 0;
    }

    .dashboard-header-row {

        align-items: flex-start;

    }

    .dashboard-description-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .dashboard-description-row .dashboard-archive-link {
        margin-top: 0;
    }

    .dashboard-controls-row {

        flex-direction: column;

        align-items: stretch;

    }

    .dashboard-tabs {

        max-width: 100%;

        overflow-x: auto;

    }

    .dashboard-tools {

        justify-content: flex-start;

        width: 100%;

        max-width: none;

    }

    .dashboard-search {

        width: 100%;

    }

    .dashboard-select-control {

        flex: 1;

    }

.dashboard-select {

        width: 100%;

    }

}

.ui-dropdown-trigger.dashboard-dropdown-trigger {

    width: auto;

    min-width: 0;

    padding: 0 14px 0 15px;

    background: transparent;

    background-image: none;

    border-radius: 999px;

    box-shadow: none;

}

.ui-dropdown-trigger.dashboard-dropdown-trigger:hover:not(:disabled),
.ui-dropdown-trigger.dashboard-dropdown-trigger:focus {

    background: transparent;

    box-shadow: none;

}

.dashboard-dropdown-trigger .ui-dropdown-chevron {

    margin-left: 8px;

}

.ui-dropdown-menu.dashboard-dropdown-menu {

    min-width: 180px;

}

@media (prefers-reduced-motion: reduce) {

    .decision-card {

        animation: none;

    }

    .dashboard-tab-indicator {

        transition: none;

    }

    .dashboard-create-button,
    .dashboard-create-icon {

        transition: none;

    }

    .decision-card:hover .decision-card-option {

        animation: none;

    }

    .decision-card:hover .decision-card-option-chevron,
    .decision-card:hover .decision-card-option-title {

        animation: none;

    }



}