/* ==========================================================================
   Dashboard – Main trading dashboard page styles
   Depends on theme.css + components.css
   ========================================================================== */

/* ---------- Layout ---------- */
.dashboard {
    padding: calc(var(--nav-height) + var(--sp-24)) var(--sp-24) var(--sp-24);
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: var(--sp-24);
}

/* ==========================================================================
   Dashboard Header
   ========================================================================== */
.dashboard-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-16);
    flex-wrap: wrap;
}

.dashboard-header__title {
    font-size: var(--fs-xl);
    font-weight: 700;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: var(--sp-12);
}

.dashboard-header__controls {
    display: flex;
    align-items: center;
    gap: var(--sp-8);
    flex-wrap: wrap;
}

.dashboard-header__timestamp {
    font-family: var(--mono);
    font-size: var(--fs-xs);
    color: var(--text-tertiary);
}

/* ==========================================================================
   Alert Panel
   ========================================================================== */
.alert-panel {
    background: var(--bg-secondary);
    border: 1px solid var(--border-glass);
    border-radius: var(--radius);
    overflow: hidden;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.alert-panel__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--sp-12) var(--sp-16);
    cursor: pointer;
    user-select: none;
    transition: background var(--duration) var(--ease);
}

.alert-panel__header:hover {
    background: var(--bg-hover);
}

.alert-panel__title {
    display: flex;
    align-items: center;
    gap: var(--sp-8);
    font-weight: 600;
    font-size: var(--fs-base);
}

.alert-panel__counts {
    display: flex;
    align-items: center;
    gap: var(--sp-12);
}

.alert-panel__severity-count {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-4);
    font-family: var(--mono);
    font-size: var(--fs-xs);
    font-weight: 600;
}

.alert-panel__severity-count--critical {
    color: var(--danger);
}

.alert-panel__severity-count--warning {
    color: var(--warning);
}

.alert-panel__severity-count--info {
    color: var(--accent);
}

.alert-panel__toggle {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
    transition: transform 0.2s var(--ease);
}

.alert-panel.open .alert-panel__toggle {
    transform: rotate(180deg);
}

/* Has critical alerts styling */
.alert-panel--has-critical {
    border-color: rgba(248, 81, 73, 0.3);
    box-shadow: 0 0 12px rgba(248, 81, 73, 0.08);
}

.alert-panel--has-critical .alert-panel__header {
    background: var(--danger-muted);
}

/* ---------- Alert List ---------- */
.alert-list {
    max-height: 300px;
    overflow-y: auto;
    border-top: 1px solid var(--border);
}

.alert-item {
    display: flex;
    align-items: flex-start;
    gap: var(--sp-12);
    padding: var(--sp-12) var(--sp-16);
    border-bottom: 1px solid var(--border-light);
    font-size: var(--fs-sm);
    transition: background var(--duration) var(--ease);
}

.alert-item:last-child {
    border-bottom: none;
}

.alert-item:hover {
    background: var(--bg-hover);
}

.alert-item__icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: var(--fs-xs);
}

.alert-item__icon--critical {
    background: var(--danger-muted);
    color: var(--danger);
}

.alert-item__icon--warning {
    background: var(--warning-muted);
    color: var(--warning);
}

.alert-item__icon--info {
    background: var(--info-muted);
    color: var(--info);
}

.alert-item__content {
    flex: 1;
    min-width: 0;
}

.alert-item__message {
    color: var(--text-primary);
    line-height: 1.4;
}

.alert-item__meta {
    display: flex;
    align-items: center;
    gap: var(--sp-8);
    margin-top: var(--sp-4);
    font-family: var(--mono);
    font-size: var(--fs-xs);
    color: var(--text-tertiary);
}

.alert-item__dismiss {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    border-radius: var(--radius-sm);
    color: var(--text-tertiary);
    cursor: pointer;
    opacity: 0;
    transition: opacity var(--duration) var(--ease),
                background var(--duration) var(--ease),
                color var(--duration) var(--ease);
}

.alert-item:hover .alert-item__dismiss {
    opacity: 1;
}

.alert-item__dismiss:hover {
    background: var(--bg-tertiary);
    color: var(--text-primary);
}

/* ==========================================================================
   Instruments Table
   ========================================================================== */
.instruments-table {
    width: 100%;
}

.instruments-table th {
    position: sticky;
    top: 0;
    background: var(--bg-tertiary);
    z-index: 2;
}

.instruments-table td {
    font-family: var(--mono);
    font-size: var(--fs-sm);
}

.instruments-table td:first-child {
    font-family: var(--font);
    font-weight: 500;
}

.instruments-table .row-profit {
    background: rgba(63, 185, 80, 0.04);
}

.instruments-table .row-loss {
    background: rgba(248, 81, 73, 0.04);
}

.instruments-table .cell-symbol {
    display: flex;
    align-items: center;
    gap: var(--sp-8);
}

.instruments-table .cell-symbol__tag {
    font-size: var(--fs-xs);
    padding: var(--sp-2) var(--sp-4);
    border-radius: var(--radius-sm);
    background: var(--bg-hover);
    color: var(--text-tertiary);
    font-family: var(--mono);
}

/* ==========================================================================
   Hedge Cards
   ========================================================================== */
.hedge-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--sp-12);
}

.hedge-card {
    background: var(--bg-tertiary);
    border: 1px solid var(--border-glass);
    border-radius: var(--radius);
    padding: var(--sp-16);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: border-color var(--duration) var(--ease),
                transform var(--duration) var(--ease);
    min-width: 0;
}

.hedge-card:hover {
    border-color: var(--border);
    transform: translateY(-1px);
}

.hedge-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--sp-12);
    gap: var(--sp-8);
    flex-wrap: wrap;
}

.hedge-card__symbol {
    font-weight: 600;
    font-size: var(--fs-base);
    color: var(--text-primary);
    min-width: 0;
    overflow-wrap: anywhere;
}

.hedge-card__status {
    font-family: var(--mono);
    font-size: var(--fs-xs);
}

.hedge-card__body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--sp-8);
}

.hedge-card__metric {
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
    min-width: 0;
}

.hedge-card__metric-label {
    font-size: var(--fs-xs);
    color: var(--text-tertiary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    overflow-wrap: anywhere;
}

.hedge-card__metric-value {
    font-family: var(--mono);
    font-size: var(--fs-sm);
    font-weight: 500;
    color: var(--text-primary);
    min-width: 0;
    overflow-wrap: anywhere;
}

.hedge-target-actions {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-4);
    margin: var(--sp-4) 0 0 var(--sp-8);
    flex-wrap: wrap;
    max-width: 100%;
}

.hedge-ops-scroll {
    min-width: 0;
    overflow-x: auto;
}

.hedge-ops-account-table,
.hedge-ops-bucket-table,
.hedge-ops-contract-table {
    width: 100%;
    table-layout: fixed;
}

.hedge-ops-account-table {
    min-width: 720px;
}

.hedge-ops-account-table th:nth-child(1) { width: 24%; }
.hedge-ops-account-table th:nth-child(2) { width: 22%; }
.hedge-ops-account-table th:nth-child(3),
.hedge-ops-account-table th:nth-child(4) { width: 12%; }
.hedge-ops-account-table th:nth-child(5) { width: 25%; }
.hedge-ops-account-table th:nth-child(6) { width: 5%; }

.hedge-ops-account-row > td {
    padding: var(--sp-10) var(--sp-12);
    vertical-align: middle;
}

.hedge-ops-account-row,
.hedge-ops-bucket-row {
    cursor: pointer;
    transition: background-color 120ms ease;
}

.hedge-ops-account-row:hover,
.hedge-ops-account-row:focus,
.hedge-ops-bucket-row:hover,
.hedge-ops-bucket-row:focus {
    background: var(--bg-hover);
    outline: none;
}

.hedge-ops-account-row:focus-visible,
.hedge-ops-bucket-row:focus-visible {
    box-shadow: inset 0 0 0 1px var(--accent);
}

.hedge-ops-account-body > td {
    padding: 0 var(--sp-12) var(--sp-12);
    background: var(--bg-secondary);
}

.hedge-ops-bucket-table {
    min-width: 850px;
    border-left: 2px solid var(--border-primary);
}

.hedge-ops-bucket-table th:nth-child(1) { width: 25%; }
.hedge-ops-bucket-table th:nth-child(2) { width: 10%; }
.hedge-ops-bucket-table th:nth-child(3) { width: 29%; }
.hedge-ops-bucket-table th:nth-child(4) { width: 8%; }
.hedge-ops-bucket-table th:nth-child(5) { width: 21%; }
.hedge-ops-bucket-table th:nth-child(6) { width: 7%; }

.hedge-ops-bucket-table td {
    vertical-align: middle;
}

.hedge-ops-subtext {
    display: block;
    margin-top: var(--sp-2);
    color: var(--text-secondary);
    font-size: var(--fs-xs);
    font-weight: 400;
}

.hedge-ops-chevron-cell {
    text-align: right;
    white-space: nowrap;
}

.hedge-row-count {
    margin-right: var(--sp-8);
    color: var(--text-secondary);
    font-family: var(--mono);
    font-size: var(--fs-xs);
}

.hedge-row-chevron {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: 0 var(--sp-8) 2px var(--sp-2);
    border-right: 1.5px solid var(--text-secondary);
    border-bottom: 1.5px solid var(--text-secondary);
    transform: rotate(-45deg);
    transition: transform 120ms ease;
}

.hedge-ops-account-row.is-open .hedge-row-chevron,
.hedge-ops-bucket-row.is-open .hedge-row-chevron {
    transform: rotate(45deg);
}

.hedge-ops-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.hedge-icon-button {
    display: inline-grid;
    width: 28px;
    height: 28px;
    place-items: center;
    padding: 0;
    border: 1px solid var(--accent);
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--accent);
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
}

.hedge-icon-button:hover,
.hedge-icon-button:focus-visible {
    background: var(--accent);
    color: var(--bg-primary);
    outline: none;
}

.hedge-ops-bucket-detail > td {
    padding: var(--sp-12);
    background: var(--bg-tertiary);
    border-left: 2px solid var(--accent);
}

.hedge-ops-detail-heading {
    margin: var(--sp-8) 0 var(--sp-6);
    color: var(--text-primary);
    font-size: var(--fs-xs);
    font-weight: 600;
}

.hedge-fill-history-toggle {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-12);
    margin-top: var(--sp-10);
    padding: var(--sp-10) 0;
    border: 0;
    border-top: 1px solid var(--border-primary);
    background: transparent;
    color: var(--text-primary);
    cursor: pointer;
    text-align: left;
}

.hedge-fill-history-toggle small {
    display: block;
    margin-top: var(--sp-2);
    color: var(--text-secondary);
    font-size: var(--fs-xs);
    font-weight: 400;
}

.hedge-fill-history-toggle > span:last-child {
    color: var(--text-secondary);
    font-family: var(--mono);
    font-size: var(--fs-xs);
    white-space: nowrap;
}

.hedge-fill-history-toggle:hover,
.hedge-fill-history-toggle:focus-visible {
    color: var(--accent);
    outline: none;
}

.hedge-fill-history-toggle.is-open .hedge-row-chevron {
    transform: rotate(45deg);
}

.hedge-fill-history-body {
    padding-bottom: var(--sp-8);
}

.hedge-fill-history-body > .hedge-ops-scroll {
    max-height: 320px;
    overflow: auto;
}

.hedge-fill-history-body thead {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--bg-tertiary);
}

.hedge-ops-contract-table {
    min-width: 920px;
    font-size: var(--fs-xs);
}

.hedge-ops-contract-table th:nth-child(1) { width: 14%; }
.hedge-ops-contract-table th:nth-child(2) { width: 15%; }
.hedge-ops-contract-table th:nth-child(3),
.hedge-ops-contract-table th:nth-child(4),
.hedge-ops-contract-table th:nth-child(5) { width: 8%; }
.hedge-ops-contract-table th:nth-child(6) { width: 10%; }
.hedge-ops-contract-table th:nth-child(7) { width: 13%; }
.hedge-ops-contract-table th:nth-child(8) { width: 24%; }

.hedge-ops-contract-table .hedge-existing-lots {
    width: 64px;
    padding: 3px 6px;
    font-size: var(--fs-xs);
}

.hedge-manual-action {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--sp-4);
}

.hedge-manual-action .hedge-target-actions {
    margin: 0;
}

.hedge-manual-shortage {
    font-size: var(--fs-xs);
    white-space: normal;
}

.hedge-ops-loading {
    padding: var(--sp-8) 0;
    color: var(--text-secondary);
    font-size: var(--fs-xs);
}

.hedge-command-global {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-16);
    margin-bottom: var(--sp-12);
    padding: var(--sp-12) var(--sp-16);
    border: 1px solid var(--border-glass);
    border-radius: var(--radius);
    background: var(--bg-secondary);
}

.hedge-command-global > span:first-child,
.hedge-command-header > span:first-child,
.hedge-command-panel__head > span:first-child {
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
}

.hedge-command-global strong {
    font-size: var(--fs-lg);
}

.hedge-command-global small,
.hedge-command-header small,
.hedge-command-panel__head small {
    color: var(--text-tertiary);
    font-size: var(--fs-xs);
}

.hedge-command-global__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--sp-8);
    flex-wrap: wrap;
}

.hedge-command-shell {
    display: grid;
    grid-template-columns: 270px minmax(0, 1fr);
    min-height: 720px;
    overflow: hidden;
    border: 1px solid var(--border-glass);
    border-radius: var(--radius);
    background: var(--bg-secondary);
}

.hedge-command-rail {
    min-width: 0;
    border-right: 1px solid var(--border);
    background: var(--bg-tertiary);
}

.hedge-command-rail > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-8);
    min-height: 54px;
    padding: var(--sp-12);
    border-bottom: 1px solid var(--border);
}

.hedge-command-rail > header small {
    color: var(--text-tertiary);
    font-size: var(--fs-xs);
}

.hedge-command-account-list {
    max-height: 760px;
    overflow-y: auto;
}

.hedge-command-account {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--sp-8);
    width: 100%;
    min-height: 62px;
    padding: var(--sp-10) var(--sp-12);
    border: 0;
    border-bottom: 1px solid var(--border-glass);
    background: transparent;
    color: var(--text-primary);
    text-align: left;
    cursor: pointer;
}

.hedge-command-account:hover {
    background: var(--bg-hover);
}

.hedge-command-account.is-active {
    box-shadow: inset 3px 0 var(--accent);
    background: var(--bg-secondary);
}

.hedge-command-account > span:first-child {
    min-width: 0;
}

.hedge-command-account strong,
.hedge-command-account small {
    display: block;
}

.hedge-command-account strong {
    overflow: hidden;
    font-size: var(--fs-sm);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hedge-command-account small {
    margin-top: var(--sp-4);
    overflow: hidden;
    color: var(--text-tertiary);
    font: var(--fs-xs)/1.2 var(--mono);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hedge-command-main {
    min-width: 0;
}

.hedge-command-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-16);
    min-height: 66px;
    padding: var(--sp-12) var(--sp-16);
    border-bottom: 1px solid var(--border);
}

.hedge-command-header strong {
    font-size: var(--fs-lg);
}

.hedge-command-header em {
    color: var(--text-tertiary);
    font: normal var(--fs-xs)/1.2 var(--mono);
}

.hedge-command-metrics {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    border-bottom: 1px solid var(--border);
    background: var(--bg-tertiary);
}

.hedge-command-metric {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: var(--sp-2);
    padding: var(--sp-10) var(--sp-12);
    border-right: 1px solid var(--border);
}

.hedge-command-metric:last-child {
    border-right: 0;
}

.hedge-command-metric small,
.hedge-command-metric em {
    overflow: hidden;
    color: var(--text-tertiary);
    font-size: var(--fs-xs);
    font-style: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hedge-command-metric strong {
    overflow: hidden;
    font: 600 var(--fs-base)/1.3 var(--mono);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hedge-command-tabs {
    display: flex;
    overflow-x: auto;
    border-bottom: 1px solid var(--border);
    background: var(--bg-tertiary);
}

.hedge-command-tabs button {
    min-width: max-content;
    min-height: 42px;
    padding: 0 var(--sp-16);
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--text-tertiary);
    font-weight: 600;
    cursor: pointer;
}

.hedge-command-tabs button:hover {
    color: var(--text-primary);
    background: var(--bg-hover);
}

.hedge-command-tabs button.active {
    border-bottom-color: var(--accent);
    color: var(--text-primary);
    background: var(--bg-secondary);
}

.hedge-command-content {
    min-width: 0;
    padding: var(--sp-16);
}

.hedge-command-panel {
    min-width: 0;
}

.hedge-command-panel__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-12);
    margin-bottom: var(--sp-12);
}

.hedge-command-map {
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
}

.hedge-command-expiry {
    display: grid;
    grid-template-columns: 145px minmax(0, 1fr) minmax(0, 1fr);
    border-bottom: 1px solid var(--border);
}

.hedge-command-expiry:last-child {
    border-bottom: 0;
}

.hedge-command-expiry__identity {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: var(--sp-2);
    padding: var(--sp-10) var(--sp-12);
    border-right: 1px solid var(--border);
    background: var(--bg-tertiary);
}

.hedge-command-expiry__identity strong {
    font-size: var(--fs-sm);
}

.hedge-command-expiry__identity span {
    font: var(--fs-xs)/1.2 var(--mono);
}

.hedge-command-expiry__identity small {
    margin-top: var(--sp-4);
    color: var(--text-tertiary);
    font-size: var(--fs-xs);
}

.hedge-command-side {
    min-width: 0;
    padding: var(--sp-10) var(--sp-12);
    border: 0;
    border-right: 1px solid var(--border);
    background: var(--bg-secondary);
    color: var(--text-primary);
    text-align: left;
    cursor: pointer;
}

.hedge-command-side:last-child {
    border-right: 0;
}

.hedge-command-side:hover,
.hedge-command-side.is-open {
    background: var(--bg-hover);
}

.hedge-command-side.is-empty {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: var(--sp-4);
    color: var(--text-tertiary);
    cursor: default;
}

.hedge-command-side__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-8);
}

.hedge-command-side__head > strong {
    font-size: var(--fs-sm);
}

.hedge-command-coverage {
    display: block;
    height: 4px;
    margin: var(--sp-8) 0;
    overflow: hidden;
    border-radius: 2px;
    background: var(--border);
}

.hedge-command-coverage > span {
    display: block;
    height: 100%;
    background: var(--success);
}

.hedge-command-coverage > span.is-warning {
    background: var(--warning);
}

.hedge-command-side__stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--sp-4);
}

.hedge-command-side__stats small {
    min-width: 0;
    overflow: hidden;
    color: var(--text-tertiary);
    font-size: var(--fs-xs);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hedge-command-side__stats strong {
    display: block;
    margin-top: var(--sp-2);
    overflow: hidden;
    color: var(--text-primary);
    font: 600 var(--fs-xs)/1.2 var(--mono);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hedge-command-side__foot {
    display: block;
    margin-top: var(--sp-8);
    overflow: hidden;
    color: var(--text-tertiary);
    font-size: var(--fs-xs);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hedge-command-prompt {
    margin-top: var(--sp-12);
    padding: var(--sp-10) var(--sp-12);
    border: 1px dashed var(--border);
    border-radius: var(--radius-sm);
    color: var(--text-tertiary);
    font-size: var(--fs-xs);
}

.hedge-command-inspector,
.hedge-command-manual-bucket {
    margin-top: var(--sp-12);
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg-tertiary);
}

.hedge-command-inspector > header,
.hedge-command-manual-bucket > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-12);
    padding: var(--sp-12);
    border-bottom: 1px solid var(--border);
}

.hedge-command-inspector > header span,
.hedge-command-inspector > header strong,
.hedge-command-inspector > header small {
    display: block;
}

.hedge-command-inspector > header small,
.hedge-command-manual-bucket > header span {
    margin-top: var(--sp-2);
    color: var(--text-tertiary);
    font-size: var(--fs-xs);
}

.hedge-command-formula {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border-bottom: 1px solid var(--border);
}

.hedge-command-evidence {
    padding: var(--sp-12);
}

.hedge-command-policy > .panel {
    margin: 0;
    border: 0;
    background: transparent;
}

.hedge-command-policy > .panel > .panel-header {
    display: none;
}

.hedge-command-policy .auto-hedge-account {
    border: 0;
}

.hedge-command-policy .auto-hedge-account__summary {
    display: none;
}

.hedge-command-policy .auto-hedge-account__body {
    padding: 0;
    border: 0;
}

.hedge-command-policy .auto-hedge-accounts {
    gap: 0;
}

.hedge-command-content > .panel {
    margin: 0;
}

/* Auto hedge is an account-level control surface, not a summary-card grid. */
.auto-hedge-accounts {
    display: flex;
    flex-direction: column;
    gap: var(--sp-8);
    min-width: 0;
}

.auto-hedge-global-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--sp-8);
    flex-wrap: wrap;
    min-width: 0;
}

.auto-hedge-account {
    min-width: 0;
    background: var(--bg-tertiary);
    border: 1px solid var(--border-glass);
    border-radius: var(--radius-sm);
    overflow: visible;
}

.auto-hedge-account[open] {
    border-color: var(--border);
}

.auto-hedge-account__summary {
    display: grid;
    grid-template-columns: minmax(190px, 1.2fr) minmax(150px, 1fr) minmax(140px, 0.9fr) minmax(170px, 1.1fr) minmax(105px, 0.7fr) minmax(145px, 0.9fr) 18px;
    gap: var(--sp-12);
    align-items: center;
    padding: var(--sp-12);
    cursor: pointer;
    list-style: none;
    min-width: 0;
}

.auto-hedge-account__summary::-webkit-details-marker {
    display: none;
}

.auto-hedge-account__identity {
    display: flex;
    align-items: center;
    gap: var(--sp-8);
    flex-wrap: wrap;
    min-width: 0;
}

.auto-hedge-account__name {
    font-size: var(--fs-sm);
    font-weight: 600;
    overflow-wrap: anywhere;
}

.auto-hedge-summary-metric {
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
    min-width: 0;
}

.auto-hedge-summary-metric > span,
.auto-hedge-summary-metric > small {
    color: var(--text-tertiary);
    font-size: var(--fs-xs);
}

.auto-hedge-summary-metric > strong {
    font-family: var(--mono);
    font-size: var(--fs-sm);
    font-weight: 500;
    overflow-wrap: anywhere;
}

.auto-hedge-account__chevron {
    width: 8px;
    height: 8px;
    border-right: 2px solid var(--text-tertiary);
    border-bottom: 2px solid var(--text-tertiary);
    transform: rotate(45deg);
    transition: transform var(--duration) var(--ease);
    grid-column: -2 / -1;
    grid-row: 1;
    justify-self: end;
}

.auto-hedge-account[open] .auto-hedge-account__chevron {
    transform: rotate(225deg);
}

.auto-hedge-account__body {
    padding: var(--sp-16);
    border-top: 1px solid var(--border);
    min-width: 0;
}

.auto-hedge-toggle-row {
    display: flex;
    align-items: center;
    gap: var(--sp-16);
    flex-wrap: wrap;
    margin-bottom: var(--sp-12);
}

.auto-hedge-toggle {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-8);
    color: var(--text-secondary);
    font-size: var(--fs-sm);
    font-weight: 600;
}

.auto-hedge-settings-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(140px, 1fr));
    gap: var(--sp-12);
    align-items: end;
    min-width: 0;
}

.auto-hedge-subtabs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
    min-width: 0;
    border-top: 1px solid var(--border-glass);
    border-bottom: 1px solid var(--border);
}

.auto-hedge-subtab {
    min-width: 0;
    padding: var(--sp-10) var(--sp-12);
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--text-tertiary);
    font: 600 var(--fs-sm)/1.2 var(--font);
    cursor: pointer;
}

.auto-hedge-subtab:hover {
    color: var(--text-primary);
    background: var(--bg-hover);
}

.auto-hedge-subtab.active {
    border-bottom-color: var(--accent);
    color: var(--text-primary);
}

.auto-hedge-subpanels,
.auto-hedge-subpanel {
    min-width: 0;
}

.auto-hedge-subpanel {
    padding: var(--sp-16) 0 var(--sp-4);
}

.auto-hedge-subpanel__heading {
    display: flex;
    align-items: baseline;
    gap: var(--sp-12);
    margin-bottom: var(--sp-12);
    color: var(--text-primary);
    font-size: var(--fs-sm);
    font-weight: 600;
}

.auto-hedge-subpanel__heading small {
    min-width: 0;
    color: var(--text-tertiary);
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.auto-hedge-expiry-mode {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: var(--sp-16);
    margin-bottom: var(--sp-12);
}

.auto-hedge-expiry-mode label {
    display: grid;
    gap: var(--sp-4);
    min-width: 220px;
    color: var(--text-secondary);
    font-size: var(--fs-sm);
    font-weight: 600;
}

.auto-hedge-expiry-mode small {
    color: var(--text-tertiary);
    font-size: var(--fs-xs);
}

.auto-hedge-expiry-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--border);
}

.auto-hedge-expiry-ticker {
    grid-column: 1 / -1;
    padding: var(--sp-8) var(--sp-12);
    background: var(--bg-elevated);
    color: var(--text-secondary);
    font-size: var(--fs-xs);
    font-weight: 700;
}

.auto-hedge-expiry-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 40px;
    padding: var(--sp-8) var(--sp-12);
    background: var(--bg-card);
    color: var(--text-primary);
    font: var(--fs-sm) var(--font-mono);
}

.auto-hedge-conditional {
    min-width: 0;
}

.auto-hedge-field-group {
    display: flex;
    flex-direction: column;
    gap: var(--sp-4);
    min-width: 0;
    margin: 0;
}

.auto-hedge-field-label {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-4);
    min-width: 0;
}

.auto-hedge-help {
    display: inline-grid;
    place-items: center;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    padding: 0;
    border: 1px solid var(--border);
    border-radius: 50%;
    background: transparent;
    color: var(--text-tertiary);
    font: 600 11px/1 var(--font);
    cursor: help;
}

.auto-hedge-help:hover,
.auto-hedge-help:focus {
    border-color: var(--accent);
    color: var(--text-primary);
    outline: none;
}

.auto-hedge-help-popover {
    position: fixed;
    z-index: 500;
    display: flex;
    flex-direction: column;
    gap: var(--sp-6);
    width: min(340px, calc(100vw - 16px));
    padding: var(--sp-10) var(--sp-12);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg-primary);
    box-shadow: var(--shadow-lg);
    color: var(--text-primary);
    pointer-events: none;
}

.auto-hedge-help-popover strong {
    font: 600 var(--fs-sm)/1.3 var(--font);
}

.auto-hedge-help-popover span {
    color: var(--text-secondary);
    font: 400 var(--fs-xs)/1.5 var(--font);
    white-space: pre-line;
    overflow-wrap: anywhere;
}

.auto-hedge-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--sp-8);
    margin-bottom: var(--sp-12);
    min-width: 0;
}

.auto-hedge-toolbar__status {
    margin-right: auto;
    color: var(--text-secondary);
    font-size: var(--fs-sm);
    overflow-wrap: anywhere;
}

.auto-hedge-pnl-strip {
    display: grid;
    grid-template-columns: repeat(6, minmax(100px, 1fr));
    gap: var(--sp-8);
    margin-bottom: var(--sp-12);
    min-width: 0;
}

.auto-hedge-pnl-strip > span {
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
    min-width: 0;
    padding: var(--sp-8);
    border: 1px solid var(--border-glass);
    border-radius: var(--radius-sm);
    background: var(--bg-secondary);
}

.auto-hedge-pnl-strip small {
    color: var(--text-tertiary);
}

.auto-hedge-pnl-strip strong {
    font: 500 var(--fs-sm)/1.4 var(--mono);
    overflow-wrap: anywhere;
}

.auto-hedge-field-group .form-input,
.auto-hedge-field-group .form-select {
    min-width: 0;
    font-size: var(--fs-sm);
}

.auto-hedge-field--invalid {
    border-color: var(--danger) !important;
    box-shadow: 0 0 0 1px var(--danger);
}

.auto-hedge-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--sp-12);
}

.auto-hedge-table-wrap {
    margin-top: 0;
    max-width: 100%;
}

.auto-hedge-table-wrap table {
    min-width: 980px;
    font-size: var(--fs-xs);
}

.auto-hedge-quantity-cell {
    min-width: 92px;
}

.auto-hedge-quantity-cell strong,
.auto-hedge-quantity-cell small {
    display: block;
    white-space: nowrap;
}

.auto-hedge-quantity-cell small {
    margin-top: 2px;
    color: var(--text-tertiary);
    font: 400 var(--fs-xs)/1.3 var(--font);
}

.auto-hedge-symbol-cell {
    width: 190px;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.auto-hedge-state-cell {
    width: 150px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hedge-modal {
    width: min(880px, calc(100vw - 24px));
    max-width: 880px;
    max-height: calc(100vh - 24px);
}

.hedge-modal .modal-body {
    overflow-y: auto;
}

.hedge-preview {
    min-width: 0;
    padding: var(--sp-12);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    background: var(--bg-secondary);
}

.hedge-preview--ready {
    border-color: var(--success);
}

.hedge-preview--blocked {
    border-color: var(--danger);
}

.hedge-preview__status {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    align-items: center;
    gap: var(--sp-8);
    margin-bottom: var(--sp-8);
    font-size: var(--fs-xs);
}

.hedge-preview__status span {
    color: var(--text-tertiary);
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow-wrap: anywhere;
}

.hedge-preview__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--sp-8);
}

.hedge-preview__grid > span {
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
    min-width: 0;
}

.hedge-preview__grid small {
    color: var(--text-tertiary);
}

.hedge-preview__grid strong {
    font: 500 var(--fs-xs)/1.4 var(--mono);
    overflow-wrap: anywhere;
}

.hedge-preview__symbol {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hedge-preview__issues {
    margin-top: var(--sp-10);
    border-top: 1px solid var(--border);
    padding-top: var(--sp-8);
}

.hedge-preview__issues > summary {
    display: flex;
    align-items: center;
    gap: var(--sp-8);
    min-width: 0;
    color: var(--text-secondary);
    font-size: var(--fs-xs);
    cursor: pointer;
    list-style-position: inside;
}

.hedge-preview__issues > summary strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hedge-preview__issues > summary small {
    flex: 0 0 auto;
    color: var(--text-tertiary);
}

.hedge-preview__issue {
    display: grid;
    grid-template-columns: minmax(150px, 0.7fr) minmax(0, 1.8fr);
    gap: var(--sp-8);
    margin: var(--sp-8) 0 0;
    padding-left: var(--sp-8);
    border-left: 2px solid var(--warning);
    font-size: var(--fs-xs);
}

.hedge-preview__issue--blocked {
    border-left-color: var(--danger);
}

.hedge-preview__issue span {
    color: var(--text-secondary);
}

.hedge-summary-tables {
    min-width: 0;
    overflow-x: auto;
}

.hedge-summary-table {
    width: 100%;
    min-width: 430px;
    margin-top: var(--sp-8);
    font-size: var(--fs-xs);
    table-layout: fixed;
}

.hedge-summary-heading {
    margin-top: var(--sp-10);
    font-weight: 600;
}

.hedge-summary-table--positions th:first-child,
.hedge-summary-table--positions td:first-child {
    width: 60%;
}

.hedge-summary-symbol {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hedge-leg-breakdown {
    margin-top: var(--sp-8);
    border: 1px solid var(--border-primary);
    border-radius: var(--radius-sm);
    background: var(--bg-secondary);
}

.hedge-leg-breakdown > summary {
    display: flex;
    justify-content: space-between;
    gap: var(--sp-8);
    padding: var(--sp-8) var(--sp-10);
    cursor: pointer;
    font-weight: 600;
}

.hedge-leg-breakdown > summary span {
    color: var(--text-secondary);
    font-weight: 400;
}

.hedge-leg-breakdown > summary > span:first-child strong {
    color: var(--text-primary);
    font-weight: 600;
}

.hedge-leg-breakdown > summary small {
    display: block;
    margin-top: var(--sp-2);
    color: var(--text-secondary);
    font-size: var(--fs-xs);
    font-weight: 400;
}

.hedge-leg-breakdown[open] .hedge-row-chevron {
    transform: rotate(45deg);
}

.hedge-leg-breakdown__table {
    overflow-x: auto;
    border-top: 1px solid var(--border-primary);
}

.hedge-summary-table--breakdown {
    min-width: 760px;
    margin-top: 0;
}

.hedge-summary-table--breakdown th:nth-child(2),
.hedge-summary-table--breakdown td:nth-child(2) {
    width: 16%;
}

.risk-account-summary {
    cursor: pointer;
    padding: 10px 12px;
    display: grid;
    grid-template-columns: minmax(140px, 1.2fr) 110px 160px 90px 90px 90px;
    gap: 10px;
    align-items: center;
}

.hedge-card__progress {
    grid-column: 1 / -1;
    margin-top: var(--sp-8);
}

.hedge-card__progress-bar {
    height: 4px;
    background: var(--bg-primary);
    border-radius: var(--radius-pill);
    overflow: hidden;
}

.hedge-card__progress-fill {
    height: 100%;
    border-radius: var(--radius-pill);
    background: var(--accent);
    transition: width 0.3s var(--ease);
}

.hedge-card__progress-fill--over {
    background: var(--warning);
}

.hedge-card__progress-fill--danger {
    background: var(--danger);
}

/* ==========================================================================
   Controls Grid
   ========================================================================== */
.controls-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--sp-12);
}

.account-row {
    display: flex;
    flex-direction: column;
    gap: var(--sp-8);
    padding: var(--sp-12) var(--sp-16);
    background: var(--bg-tertiary);
    border: 1px solid var(--border-glass);
    border-radius: var(--radius);
    transition: border-color var(--duration) var(--ease);
}

.account-row:hover {
    border-color: var(--border);
}

.account-row__info {
    display: flex;
    align-items: center;
    gap: var(--sp-12);
    min-width: 0;
}

.account-row__name {
    font-weight: 600;
    font-size: var(--fs-sm);
}

.account-row__venue {
    font-size: var(--fs-xs);
    color: var(--text-tertiary);
    font-family: var(--mono);
}

.account-row__actions {
    display: flex;
    align-items: center;
    gap: var(--sp-4);
    flex-wrap: wrap;
}

.acct-drag-col,
.acct-drag-cell {
    width: 44px;
    min-width: 44px;
    text-align: center;
}

.acct-drag-handle {
    width: 28px;
    height: 26px;
    border: 1px solid var(--border-glass);
    border-radius: var(--radius-sm);
    background: var(--bg-secondary);
    color: var(--text-secondary);
    font-family: var(--mono);
    font-size: var(--fs-xs);
    line-height: 1;
    cursor: grab;
    touch-action: none;
    user-select: none;
}

.acct-drag-handle:active {
    cursor: grabbing;
}

.acct-row-dragging {
    opacity: 0.55;
    outline: 1px solid var(--accent);
}

.acct-total-menu {
    width: 380px;
    max-height: 420px;
    overflow: auto;
}

.acct-total-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-8);
    position: sticky;
    top: 0;
    background: var(--panel-bg, var(--bg-primary));
    z-index: 1;
}

.acct-total-enable,
.acct-total-check {
    display: flex;
    align-items: center;
    gap: var(--sp-8);
    min-width: 0;
}

.acct-total-note {
    padding: var(--sp-8) var(--sp-12);
    color: var(--text-tertiary);
    font-size: var(--fs-xs);
    border-bottom: 1px solid var(--border-glass);
}

.acct-total-list {
    display: flex;
    flex-direction: column;
}

.acct-total-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 88px;
    align-items: center;
    gap: var(--sp-8);
    padding: var(--sp-8) var(--sp-12);
    border-bottom: 1px solid var(--border-glass);
}

.acct-total-check {
    font-size: var(--fs-xs);
    cursor: pointer;
}

.acct-total-check span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.acct-total-mult {
    width: 84px;
    height: 28px;
    padding: 0 var(--sp-8);
    border: 1px solid var(--border-glass);
    border-radius: var(--radius-sm);
    background: var(--bg-secondary);
    color: var(--text-primary);
    font-family: var(--mono);
    font-size: var(--fs-xs);
}

.acct-total-row td {
    background: var(--bg-secondary);
    border-top: 2px solid var(--border);
    font-weight: 600;
}

.acct-total-cell {
    text-align: center;
}

/* ==========================================================================
   Venue Status Grid
   ========================================================================== */
.venue-status-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--sp-12);
}

.venue-status {
    display: flex;
    align-items: center;
    gap: var(--sp-12);
    padding: var(--sp-12) var(--sp-16);
    background: var(--bg-tertiary);
    border: 1px solid var(--border-glass);
    border-radius: var(--radius);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.venue-status__info {
    flex: 1;
    min-width: 0;
}

.venue-status__name {
    font-weight: 600;
    font-size: var(--fs-sm);
}

.venue-status__detail {
    font-size: var(--fs-xs);
    color: var(--text-tertiary);
    font-family: var(--mono);
    margin-top: var(--sp-2);
}

.venue-status__latency {
    font-family: var(--mono);
    font-size: var(--fs-xs);
    color: var(--text-secondary);
    white-space: nowrap;
}

.venue-status--healthy {
    border-left: 3px solid var(--success);
}

.venue-status--degraded {
    border-left: 3px solid var(--warning);
}

.venue-status--down {
    border-left: 3px solid var(--danger);
}

/* ==========================================================================
   Dashboard Grid Layout Helpers
   ========================================================================== */
.dashboard-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--sp-24);
}

.dashboard-grid--3col {
    grid-template-columns: repeat(3, 1fr);
}

.dashboard-grid__full {
    grid-column: 1 / -1;
}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 1200px) {
    .dashboard {
        padding: var(--sp-16);
        gap: var(--sp-16);
    }

    .dashboard-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-grid--3col {
        grid-template-columns: 1fr;
    }

    .hedge-cards {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    }

    .controls-grid {
        grid-template-columns: 1fr;
    }

    .auto-hedge-account__summary {
        grid-template-columns: minmax(190px, 1.2fr) repeat(3, minmax(120px, 1fr)) 18px;
    }

    .auto-hedge-summary-metric--block {
        grid-column: 2 / -2;
    }

    .auto-hedge-settings-grid {
        grid-template-columns: repeat(3, minmax(140px, 1fr));
    }

    .auto-hedge-pnl-strip {
        grid-template-columns: repeat(3, minmax(100px, 1fr));
    }

    .hedge-command-shell {
        grid-template-columns: 230px minmax(0, 1fr);
    }

    .hedge-command-metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .hedge-command-metric:nth-child(3) {
        border-right: 0;
    }

    .hedge-command-metric:nth-child(-n + 3) {
        border-bottom: 1px solid var(--border);
    }

    .hedge-command-map {
        overflow-x: auto;
    }

    .hedge-command-expiry {
        min-width: 650px;
        grid-template-columns: 125px minmax(250px, 1fr) minmax(250px, 1fr);
    }
}

@media (max-width: 768px) {
    .dashboard {
        padding: var(--sp-12);
        gap: var(--sp-12);
    }

    .dashboard-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .dashboard-header__controls {
        width: 100%;
        overflow-x: auto;
    }

    .hedge-cards {
        grid-template-columns: 1fr;
    }

    .venue-status-grid {
        grid-template-columns: 1fr;
    }

    .auto-hedge-account__summary {
        grid-template-columns: minmax(150px, 1.3fr) repeat(2, minmax(105px, 1fr)) 18px;
    }

    .auto-hedge-summary-metric--block {
        grid-column: 1 / -2;
    }

    .auto-hedge-settings-grid {
        grid-template-columns: repeat(2, minmax(130px, 1fr));
    }

    .hedge-preview__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .auto-hedge-pnl-strip {
        grid-template-columns: repeat(2, minmax(100px, 1fr));
    }

    .risk-account-summary {
        grid-template-columns: minmax(140px, 1fr) repeat(2, minmax(90px, auto));
    }

    .alert-panel__counts {
        display: none;
    }

    .hedge-command-global {
        align-items: flex-start;
        flex-direction: column;
    }

    .hedge-command-global__actions {
        justify-content: flex-start;
    }

    .hedge-command-shell {
        grid-template-columns: 1fr;
    }

    .hedge-command-rail {
        border-right: 0;
        border-bottom: 1px solid var(--border);
    }

    .hedge-command-account-list {
        display: flex;
        max-height: none;
        overflow-x: auto;
    }

    .hedge-command-account {
        min-width: 210px;
        border-right: 1px solid var(--border-glass);
    }

    .hedge-command-header {
        align-items: flex-start;
    }

    .hedge-command-formula {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hedge-command-formula .hedge-command-metric {
        border-bottom: 1px solid var(--border);
    }
}

@media (max-width: 480px) {
    .dashboard {
        padding: var(--sp-8);
        gap: var(--sp-8);
    }

    .account-row__actions {
        width: 100%;
    }

    .auto-hedge-account__summary {
        grid-template-columns: 1fr 1fr 16px;
        gap: var(--sp-8);
    }

    .auto-hedge-summary-metric small {
        display: none;
    }

    .auto-hedge-subpanel__heading {
        align-items: flex-start;
        flex-direction: column;
        gap: var(--sp-4);
    }

    .auto-hedge-subtabs {
        grid-template-columns: 1fr 1fr;
    }

    .auto-hedge-account__identity,
    .auto-hedge-summary-metric--block {
        grid-column: 1 / -2;
    }

    .auto-hedge-settings-grid,
    .risk-account-summary {
        grid-template-columns: 1fr;
    }

    .auto-hedge-account__body {
        padding: var(--sp-12);
    }

    .auto-hedge-toolbar {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .auto-hedge-toolbar__status {
        flex: 1 0 100%;
    }

    .hedge-preview__grid {
        grid-template-columns: 1fr;
    }

    .auto-hedge-pnl-strip {
        grid-template-columns: 1fr;
    }

    .hedge-target-actions {
        margin-left: 0;
    }

    .hedge-command-global__actions {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .hedge-command-header {
        flex-direction: column;
    }

    .hedge-command-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hedge-command-metric:nth-child(3) {
        border-right: 1px solid var(--border);
    }

    .hedge-command-metric:nth-child(even) {
        border-right: 0;
    }

    .hedge-command-metric:nth-child(-n + 4) {
        border-bottom: 1px solid var(--border);
    }

    .hedge-command-content {
        padding: var(--sp-10);
    }
}