:root {
    color-scheme: dark;
    --primary-dark: var(--brand-bg, #080a0c);
    --slate-dark: var(--brand-text, #f1f2ef);
    --slate-blue: #69747b;
    --accent-cyan: var(--brand-lime, #caff32);
    --accent-blue: var(--brand-cyan, #55dbe7);
    --accent-green: var(--brand-success, #52d273);
    --accent-amber: var(--brand-warning, #f5b942);
    --text-white: var(--brand-text, #f1f2ef);
    --text-muted: var(--brand-muted, #969da2);
    --bg-soft: var(--brand-surface, #101317);
    --ui-deep: #12171a;
    --ui-teal: #2d8991;
    --shadow: rgba(0, 0, 0, 0.2);
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--brand-font, Arial, "Helvetica Neue", sans-serif);
    background: var(--bg-soft);
    color: var(--slate-dark);
    min-height: 100vh;
}

[hidden] {
    display: none !important;
}

.layout {
    display: flex;
    min-height: 100vh;
    background: var(--bg-soft);
}

.sidebar {
    width: 280px;
    background: var(--primary-dark);
    color: var(--text-white);
    display: flex;
    flex-direction: column;
    padding: 24px;
    gap: 24px;
    transition: width 0.3s ease, transform 0.3s ease;
    box-shadow: 4px 0 12px var(--shadow);
}

.sidebar--collapsed {
    width: 80px;
}

.sidebar__brand {
    display: flex;
    align-items: center;
    gap: 12px;
}

.sidebar__logo {
    width: 52px;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
}

.sidebar__title {
    font-weight: 700;
    letter-spacing: 0.08em;
}

.sidebar__nav {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 0;
    overflow-y: auto;
}

.sidebar__toggle {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: transparent;
    color: var(--text-white);
    padding: 10px 14px;
    border-radius: 10px;
    cursor: pointer;
    transition: border 0.2s ease, color 0.2s ease;
}

.sidebar__toggle:hover {
    border-color: var(--accent-cyan);
    color: var(--accent-cyan);
}

.sidebar__link {
    text-decoration: none;
    color: var(--text-white);
    padding: 12px 14px;
    border-radius: 10px;
    transition: background 0.2s ease, color 0.2s ease;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    gap: 10px;
}

.sidebar__link--active,
.sidebar__link:hover {
    background: rgba(0, 198, 255, 0.2);
    color: var(--accent-cyan);
}

.sidebar__icon {
    font-size: 18px;
    width: 24px;
    text-align: center;
}

.sidebar--collapsed .sidebar__link {
    justify-content: center;
}

.sidebar--collapsed .sidebar__link-text,
.sidebar--collapsed .sidebar__title {
    display: none;
}

.sidebar--collapsed .sidebar__toggle {
    align-self: center;
}

.sidebar__footer {
    margin-top: auto;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 16px;
    flex-shrink: 0;
}

.sidebar__user {
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: inherit;
    text-decoration: none;
    min-width: 0;
}

.sidebar__label {
    font-size: 12px;
    color: var(--text-muted);
}

.sidebar__value {
    font-weight: 600;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 11px;
}

.sidebar__credits { color: var(--brand-lime); font-size: 18px; }


.sidebar__user-icon {
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.08);
    cursor: default;
}

.sidebar--collapsed .sidebar__user {
    align-items: center;
}

.sidebar--collapsed .sidebar__label,
.sidebar--collapsed .sidebar__value {
    display: none;
}

.interface-doc-link span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#caff32;color:#080a0c;font-weight:900;box-shadow:0 0 14px rgba(202,255,50,.5)}
.interface-doc-link span svg{width:17px;height:17px;fill:none;stroke:#080a0c;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

.sidebar--collapsed .sidebar__user-icon {
    display: inline-flex;
}

.content {
    flex: 1;
    padding: 32px 40px;
}

.content__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.header__actions {
    display: flex;
    align-items: center;
    gap: 16px;
}

.language-switcher {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.05);
    font-size: 13px;
}

.language-switcher__label {
    color: var(--text-muted);
}

.language-switcher__link {
    text-decoration: none;
    color: var(--slate-dark);
    font-weight: 600;
    padding: 2px 6px;
    border-radius: 6px;
}

.language-switcher__link.is-active,
.language-switcher__link:hover {
    background: var(--accent-cyan);
    color: #fff;
}

.content__header h1 {
    color: var(--slate-dark);
    font-size: 28px;
}

.content__header p {
    color: var(--text-muted);
    margin-top: 8px;
}

.header__logo img {
    width: 160px;
    height: auto;
    filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.2));
}

.panel {
    background: var(--bg-soft);
}

.panel__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.grid {
    display: grid;
    gap: 24px;
}

.grid--two {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

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

.alert {
    border-radius: 14px;
    padding: 16px 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-shadow: 0 10px 20px rgba(13, 27, 42, 0.08);
}

.alert--success {
    background: rgba(50, 205, 50, 0.12);
    border: 1px solid rgba(50, 205, 50, 0.3);
    color: #1b5e20;
}

.alert--error {
    background: rgba(214, 69, 69, 0.12);
    border: 1px solid rgba(214, 69, 69, 0.35);
    color: #7f1d1d;
}

.alert__message {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}

.alert__message--critical {
    background: rgba(214, 69, 69, 0.18);
    border-radius: 10px;
    padding: 10px 12px;
    border: 2px solid rgba(214, 69, 69, 0.6);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.alert__icon {
    font-size: 18px;
}

.card {
    background: #ffffff;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 12px 24px rgba(13, 27, 42, 0.08);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.calculator-panel {
    padding: 0;
}

.calculator-panel__summary {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 24px;
    cursor: pointer;
}

.calculator-panel__summary-content {
    flex: 1;
    min-width: 0;
}

.calculator-panel__title-row {
    align-items: center;
    display: flex;
    gap: 10px;
}

.calculator-panel__title-row h3 {
    margin: 0;
}

.calculator-panel__copy {
    flex: 0 0 auto;
}

.calculator-panel__copy-hint {
    margin-top: 6px;
}

.calculator-panel__toggle-label {
    color: var(--primary-dark);
    font-size: 13px;
    font-weight: 700;
    text-align: right;
}

.calculator-panel__summary::-webkit-details-marker {
    display: none;
}

.calculator-panel__toggle-icon {
    font-size: 18px;
    color: var(--text-muted);
    transition: transform 0.2s ease;
}

.calculator-panel[open] .calculator-panel__toggle-icon {
    transform: rotate(180deg);
}

.calculator-panel__body {
    border-top: 1px solid rgba(13, 27, 42, 0.08);
    padding: 0 24px 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.calculator-panel__search {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.calculator-panel__search input {
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(13, 27, 42, 0.2);
}

.formula-status {
    font-size: 12px;
    margin-top: 6px;
}

.formula-status--ok {
    color: var(--accent-green);
}

.formula-status--error {
    color: #d64545;
}

.formula-status--muted {
    color: var(--text-muted);
}

.card__hint {
    color: var(--text-muted);
}

.form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form__group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.password-input {
    position: relative;
}

.password-input input[type="password"],
.password-input input[type="text"] {
    width: 100%;
    padding-right: 42px;
}

.password-input__toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    opacity: 0.7;
}

.password-input__toggle:hover {
    opacity: 1;
}

.form__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.form__actions--spread {
    justify-content: space-between;
    align-items: center;
}

.form__actions-group {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.plan-symbols__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.plan-symbols__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.plan-type {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.plan-type__option {
    display: flex;
    gap: 12px;
    padding: 12px;
    border-radius: 12px;
    border: 1px solid rgba(65, 90, 119, 0.2);
    background: #f9fafc;
}

.plan-type__option input {
    margin-top: 4px;
}

.plan-type__option input:disabled ~ div {
    opacity: 0.6;
}

.plan-type__reason {
    color: #d64545;
    font-size: 12px;
    margin-top: 4px;
}

.plan-backtest__label {
    display: flex;
    align-items: center;
    gap: 8px;
}

.plan-backtest__range {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
}

.plan-backtest__error {
    color: #d64545;
}

.plan-amount {
    display: flex;
    align-items: center;
    gap: 8px;
}

.plan-amount__row {
    align-items: start;
}

.plan-amount__currency {
    font-weight: 600;
    color: var(--text-muted);
}

.plan-executing {
    font-weight: 600;
}

.plan-executing-summary {
    margin-bottom: 12px;
    padding: 12px;
    border-radius: 10px;
    border: 1px solid rgba(255, 176, 0, 0.35);
    background: rgba(255, 176, 0, 0.1);
}

.plan-executing-summary[data-state="paused"] {
    border-color: rgba(96, 165, 250, 0.45);
    background: rgba(96, 165, 250, 0.12);
}

.plan-pause-editable {
    padding: 12px;
    border-radius: 10px;
    border: 1px dashed rgba(96, 165, 250, 0.45);
    background: rgba(96, 165, 250, 0.06);
    margin-bottom: 12px;
}

.plan-executing-summary h4 {
    margin-bottom: 8px;
}

.plan-executing-summary__grid {
    display: grid;
    gap: 6px;
}

.plan-executing-summary__item {
    font-size: 13px;
}

.plan-executing-summary__item--positions {
    min-width: 0;
}

.plan-position-table-wrap {
    margin-top: 5px;
    overflow-x: auto;
}

.plan-position-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    white-space: nowrap;
}

.plan-position-table th,
.plan-position-table td {
    padding: 4px 7px;
    border-bottom: 1px solid rgba(65, 90, 119, 0.16);
    text-align: right;
}

.plan-position-table th:first-child,
.plan-position-table td:first-child,
.plan-position-table th:nth-child(2),
.plan-position-table td:nth-child(2) {
    text-align: left;
}

.plan-position-table tbody tr:last-child td {
    border-bottom: 0;
}

.plan-position-table__profit--positive {
    color: #16803a;
}

.plan-position-table__profit--negative {
    color: #c53030;
}

.form__hint {
    color: var(--text-muted);
    font-size: 13px;
}

.formula-helper {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #f6f8fb;
    border: 1px solid rgba(65, 90, 119, 0.15);
}

.formula-helper__section {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.formula-helper__label {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.formula-helper__note {
    font-weight: 500;
    text-transform: none;
    letter-spacing: normal;
    margin-left: 6px;
    color: var(--text-muted);
}

.formula-helper__list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.formula-helper__filters {
    display: grid;
    grid-template-columns: minmax(140px, 220px) minmax(0, 1fr);
    gap: 8px;
}

.formula-helper__filters select,
.formula-helper__filters input {
    font-size: 12px;
    padding: 6px 8px;
}

.formula-helper__category {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 4px;
}

.formula-helper__category-label {
    font-size: 11px;
    font-weight: 600;
    color: var(--text-muted);
}

.formula-helper__empty {
    margin: 4px 0 0;
    font-size: 12px;
    color: var(--text-muted);
}


.formula-token {
    border: 1px solid rgba(65, 90, 119, 0.2);
    border-radius: 999px;
    padding: 4px 10px;
    background: #fff;
    color: var(--slate-dark);
    font-size: 12px;
    cursor: pointer;
}

.formula-token:hover,
.formula-token:focus-visible {
    background: var(--slate-dark);
    color: var(--text-white);
}

.formula-calculator {
    position: relative;
}

.formula-token--calculator {
    font-weight: 600;
}

.formula-calculator__panel {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 12;
    min-width: 220px;
    padding: 8px;
    border-radius: 10px;
    border: 1px solid rgba(65, 90, 119, 0.2);
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(17, 17, 17, 0.12);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.formula-calculator__options {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.formula-token--interval {
    border-radius: 8px;
}

.formula-calculator__hint {
    font-size: 11px;
    line-height: 1.4;
    color: var(--text-muted);
    padding: 6px 8px;
    border-radius: 8px;
    background: rgba(65, 90, 119, 0.08);
    border: 1px dashed rgba(65, 90, 119, 0.2);
    display: flex;
    align-items: flex-start;
    gap: 6px;
}

.formula-calculator__hint strong {
    color: var(--text-default);
}

.formula-calculator__hint-icon {
    font-style: normal;
    font-size: 12px;
    line-height: 1.2;
}

.formula-calculator__hint--description {
    justify-content: space-between;
}

.formula-calculator__catalog-link {
    border: 0;
    background: transparent;
    cursor: pointer;
    padding: 0;
    color: var(--text-muted);
    margin-left: 6px;
}

.formula-calculator__catalog-link:hover {
    color: var(--primary);
}

.formula-calculator__dots {
    font-size: 16px;
    line-height: 1;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

@media (max-width: 768px) {
    .formula-calculator__panel {
        position: static;
        margin-top: 6px;
        width: 100%;
        box-shadow: none;
    }
}

.formula-test {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
}

.formula-test__controls {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.formula-test__controls input {
    flex: 1 1 160px;
}

.formula-test__result {
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 13px;
    background: rgba(214, 69, 69, 0.1);
    border: 1px solid rgba(214, 69, 69, 0.25);
    color: #8f2f2f;
}

.formula-test__result--ok {
    background: rgba(39, 174, 96, 0.12);
    border-color: rgba(39, 174, 96, 0.35);
    color: #1e7a4f;
}

.formula-test__status {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.formula-test__resolved {
    margin-top: 6px;
    font-size: 12px;
    color: var(--text-muted);
    word-break: break-word;
}

.strategy-block {
    border-radius: 12px;
    border: 1px solid rgba(65, 90, 119, 0.2);
    background: #f6f8fb;
    overflow: hidden;
}

.strategy-block__summary {
    cursor: pointer;
    padding: 14px 16px;
    background: rgba(65, 90, 119, 0.08);
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.strategy-block__summary::-webkit-details-marker {
    display: none;
}

.strategy-block__summary h4 {
    margin: 0;
}

.strategy-block__summary .card__hint {
    margin-top: 4px;
}

.strategy-block__summary-content {
    display: flex;
    flex-direction: column;
}

.strategy-block__indicator {
    width: 10px;
    height: 10px;
    border-right: 2px solid rgba(65, 90, 119, 0.7);
    border-bottom: 2px solid rgba(65, 90, 119, 0.7);
    transform: rotate(-45deg);
    transition: transform 0.2s ease;
    flex: 0 0 auto;
}

.strategy-block[open] .strategy-block__summary {
    border-bottom: 1px solid rgba(65, 90, 119, 0.15);
}

.strategy-block[open] .strategy-block__indicator {
    transform: rotate(45deg);
}

.strategy-block__body {
    padding: 16px;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form__group--inline {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
}

.plan-risk-inline {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(140px, 180px);
    gap: 10px;
    align-items: end;
}

.plan-risk-inline__limit {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.plan-risk-inline__limit label {
    font-size: 13px;
}

label {
    font-weight: 600;
    color: var(--slate-dark);
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="date"],
select {
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(65, 90, 119, 0.3);
    background: #fff;
    color: var(--slate-dark);
    caret-color: var(--slate-dark);
    font-size: 14px;
}

input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="email"]::placeholder,
input[type="number"]::placeholder,
input[type="date"]::placeholder {
    color: rgba(27, 38, 59, 0.58);
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="date"]:focus {
    border-color: var(--accent-cyan);
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 198, 255, 0.2);
}

textarea {
    padding: 12px;
    border-radius: 12px;
    border: 1px solid rgba(65, 90, 119, 0.3);
    font-size: 14px;
    min-height: 120px;
    resize: vertical;
    font-family: inherit;
}

textarea:focus {
    border-color: var(--accent-cyan);
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 198, 255, 0.2);
}

.button {
    border: none;
    border-radius: 10px;
    padding: 10px 16px;
    cursor: pointer;
    font-weight: 600;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none;
}

.button--primary {
    background: var(--accent-cyan);
    color: var(--primary-dark);
}

.button--success {
    border-color: var(--accent-green);
    background: var(--accent-green);
    color: #07130b;
}

.button--success:hover,
.button--success:focus-visible {
    border-color: #75e990;
    background: #75e990;
    color: #07130b;
}

.button--secondary {
    background: var(--slate-blue);
    color: var(--text-white);
}

.button--ghost {
    background: transparent;
    border: 1px solid rgba(65, 90, 119, 0.3);
    color: var(--slate-dark);
}
.button--danger-soft {
    background: #d7263d;
    color: #fff;
}
.button--warning-soft {
    background: #c75b12;
    color: #fff;
}
.button:disabled {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}
.manual-execute-bulk-actions {
    margin-top: 10px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.plan-bulk-actions {
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.button--danger-solid {
    background: #c91f37;
    border-color: #c91f37;
    color: #fff;
}

.button--danger-solid:hover {
    background: #a8182d;
    border-color: #a8182d;
    color: #fff;
}

.bulk-loading-overlay {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15, 23, 42, 0.45);
}

.bulk-loading-overlay__card {
    max-width: 520px;
    width: min(520px, 100%);
    padding: 24px;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.25);
    text-align: center;
}

.bulk-loading-overlay__spinner {
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 14px;
    border: 4px solid #f1b6bf;
    border-right-color: #c91f37;
    border-radius: 50%;
    animation: button-spin 0.75s linear infinite;
}

.bulk-loading-overlay__visual{position:relative;display:inline-grid;place-items:center;width:88px;height:88px;margin:0 auto 18px}.bulk-loading-overlay__visual i{position:absolute;inset:3px;border:1px solid rgba(85,219,231,.55);border-radius:50%;animation:loader-orbit 2.2s linear infinite}.bulk-loading-overlay__visual i:after{content:"";position:absolute;top:5px;left:13px;width:8px;height:8px;border-radius:50%;background:var(--brand-cyan);box-shadow:0 0 16px var(--brand-cyan)}.bulk-loading-overlay__visual i:nth-child(2){inset:14px;border-color:rgba(202,255,50,.58);animation-direction:reverse;animation-duration:1.55s}.bulk-loading-overlay__visual i:nth-child(2):after{top:auto;right:3px;bottom:8px;left:auto;background:var(--brand-lime);box-shadow:0 0 16px var(--brand-lime)}.bulk-loading-overlay__visual img{width:42px;height:42px;border:1px solid #3b444a;border-radius:50%;box-shadow:0 0 26px rgba(85,219,231,.2)}
@keyframes loader-orbit{to{transform:rotate(360deg)}}

.bulk-loading-overlay__message {
    margin: 0;
    color: #1f2937;
    font-weight: 700;
}

.bulk-loading-overlay__title {
    margin: 0 0 8px;
    color: #111827;
    font-size: 1.25rem;
    font-weight: 700;
}

.button:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}


.button--loading {
    pointer-events: none;
    opacity: 0.85;
}

.button__spinner {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-left: 8px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    vertical-align: -0.15em;
    animation: button-spin 0.75s linear infinite;
}

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

.notice {
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 16px;
}

.notice--success {
    background: rgba(50, 205, 50, 0.15);
    border: 1px solid rgba(50, 205, 50, 0.4);
}

.notice--error {
    background: rgba(255, 179, 0, 0.15);
    border: 1px solid rgba(255, 179, 0, 0.4);
}

.notice ul {
    list-style: none;
    display: grid;
    gap: 8px;
}

.select-table {
    position: relative;
}

.select-table__toggle {
    width: 100%;
    text-align: left;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(65, 90, 119, 0.3);
    background: #fff;
    cursor: pointer;
}

.select-table__panel {
    display: none;
    position: absolute;
    z-index: 10;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15);
    padding: 12px;
}

.select-table__panel.is-open {
    display: block;
}

.select-table__search {
    width: 100%;
    margin-bottom: 12px;
}

.select-table__table {
    max-height: 240px;
    overflow: auto;
}

.select-table__table table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.select-table__table th,
.select-table__table td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid rgba(65, 90, 119, 0.1);
}

.select-table__table tr {
    cursor: pointer;
    transition: background 0.2s ease;
}

.select-table__table tr:hover {
    background: rgba(0, 198, 255, 0.1);
}

.select-table__table tr.is-selected {
    background: rgba(0, 198, 255, 0.2);
}

.select-table__title {
    font-weight: 600;
    margin-bottom: 8px;
}

.interface-details {
    background: var(--bg-soft);
    border-radius: 12px;
    padding: 12px;
    border: 1px solid rgba(65, 90, 119, 0.15);
}

.interface-details__title {
    font-weight: 600;
    margin-bottom: 8px;
}

.interface-details__content p {
    color: var(--text-muted);
}

.chip-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.checkbox-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.checkbox-grid__item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(65, 90, 119, 0.08);
    font-size: 13px;
}

.connector-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.list-search-row {
    margin: 10px 0 14px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.list-search-row__input {
    flex: 1;
    min-width: 240px;
    padding: 9px 11px;
    border-radius: 10px;
    border: 1px solid rgba(65, 90, 119, 0.24);
}

.list-search-row__filters,
.list-search-row__filter {
    display: flex;
    align-items: center;
}

.list-search-row__filters { flex-wrap: wrap; gap: 12px; }
.list-search-row__filter { gap: 6px; font-size: 0.9rem; font-weight: 600; white-space: nowrap; cursor: pointer; }

.connector-list__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid rgba(65, 90, 119, 0.18);
    background: linear-gradient(150deg, rgba(13, 27, 42, 0.035), rgba(255, 255, 255, 0.72));
    box-shadow: 0 8px 22px rgba(13, 27, 42, 0.08);
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.connector-list__item:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(13, 27, 42, 0.12);
}

.connector-list__item.is-active {
    border-color: rgba(0, 198, 255, 0.85);
    box-shadow: 0 0 0 2px rgba(0, 198, 255, 0.22), 0 12px 24px rgba(13, 27, 42, 0.12);
}

.connector-list__item--executing {
    background: rgba(255, 176, 0, 0.14);
}

.connector-list__item--paused {
    background: rgba(96, 165, 250, 0.14);
}

.plan-executing-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(255, 176, 0, 0.2);
    color: #6a3f00;
    font-size: 12px;
    font-weight: 600;
}

.plan-kpis {
    margin-top: 10px;
    display: flex;
    align-items: stretch;
    gap: 8px;
    flex-wrap: wrap;
}

.plan-kpi {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 12px;
    padding: 8px 10px;
    background: rgba(13, 27, 42, 0.06);
    color: var(--slate-dark);
    font-weight: 600;
}

.plan-kpi__icon {
    opacity: 0.9;
}

.plan-kpi__icon.is-profit {
    color: #1f9d55;
}

.plan-kpi__icon.is-loss {
    color: #b73333;
}

.plan-kpi--profit {
    min-width: 124px;
    font-size: 18px;
    padding: 10px 12px;
}

.plan-kpi--profit.is-profit {
    background: rgba(46, 204, 113, 0.18);
    color: #1f9d55;
}

.plan-kpi--profit.is-loss {
    background: rgba(214, 69, 69, 0.16);
    color: #b73333;
}

.plan-kpi--minor {
    font-size: 13px;
    color: var(--text-muted);
}

.connector-list__actions {
    display: flex;
    gap: 8px;
    align-items: center;
}

.strategy-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.strategy-list__section-title {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-muted);
    margin-top: 8px;
}

.strategy-list__divider {
    width: 100%;
    border: none;
    border-top: 1px solid rgba(65, 90, 119, 0.2);
    margin: 4px 0;
}

.strategy-list__item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid rgba(65, 90, 119, 0.18);
    background: linear-gradient(150deg, rgba(13, 27, 42, 0.035), rgba(255, 255, 255, 0.72));
    box-shadow: 0 8px 22px rgba(13, 27, 42, 0.08);
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.strategy-list__item:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(13, 27, 42, 0.12);
}

.strategy-list__item.is-active {
    border-color: rgba(0, 198, 255, 0.85);
    box-shadow: 0 0 0 2px rgba(0, 198, 255, 0.22), 0 12px 24px rgba(13, 27, 42, 0.12);
}

.strategy-list__item--system {
    background: rgba(0, 198, 255, 0.12);
    border: 1px solid rgba(0, 198, 255, 0.4);
}

.strategy-list__item--lineage-latest {
    border-color: rgba(46, 204, 113, 0.35);
    background: linear-gradient(150deg, rgba(46, 204, 113, 0.08), rgba(255, 255, 255, 0.72));
}

.strategy-list__item--lineage-older {
    margin-left: clamp(12px, 4vw, 38px);
    width: calc(100% - clamp(12px, 4vw, 38px));
    background: linear-gradient(150deg, rgba(65, 90, 119, 0.1), rgba(238, 244, 248, 0.9));
    border-left: 4px solid rgba(65, 90, 119, 0.42);
}

.strategy-lineage-details summary {
    cursor: pointer;
    user-select: none;
}

.strategy-list__meta {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.strategy-list__details {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    color: #40566d;
    font-weight: 500;
    font-size: 13px;
}

.strategy-list__description {
    padding: 9px 11px;
    border: 1px solid rgba(65, 90, 119, 0.16);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.72);
    color: #263f57;
    font-size: 14px;
    line-height: 1.5;
}

.strategy-list__name-row,
.strategy-formula-label {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.strategy-ai-badge,
.strategy-ai-toggle {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(19, 132, 150, 0.4);
    border-radius: 999px;
    background: #dff7f4;
    color: #116875;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 9px;
}

.strategy-ai-toggle,
.strategy-version-toggle {
    cursor: pointer;
    font-family: inherit;
}

.strategy-version-toggle {
    align-self: flex-start;
    border: 0;
    background: transparent;
    color: #087f96;
    font-weight: 700;
    padding: 2px 0;
    text-decoration: underline;
}

textarea.strategy-formula--ai {
    background: #dff7f4;
    border-color: rgba(19, 132, 150, 0.5);
    color: #174a52;
}

.strategy-list__actions {
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
    white-space: nowrap;
}

.strategy-list__actions form {
    display: flex;
}

.strategy-list__actions .button {
    flex: 0 0 auto;
}


.strategy-version-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 13px;
    margin-bottom: 8px;
}

.strategy-version-banner--new {
    background: rgba(65, 90, 119, 0.1);
    color: var(--text-muted);
}

.strategy-version-banner--latest {
    background: rgba(42, 157, 143, 0.15);
    color: #1b6f65;
}

.strategy-version-banner--older {
    background: rgba(244, 162, 97, 0.2);
    color: #8a4a0d;
}

.strategy-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 13px;
    color: var(--text-muted);
}

.calculator-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.calculator-table th,
.calculator-table td {
    text-align: left;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(65, 90, 119, 0.12);
    vertical-align: top;
}

.calculator-table th {
    color: var(--slate-dark);
    font-weight: 600;
    background: rgba(65, 90, 119, 0.08);
}

.calculator-table--compact {
    font-size: 13px;
}

.calculator-table--compact th,
.calculator-table--compact td {
    padding: 8px 9px;
}

.calculator-table__row--danger td {
    background: rgba(220, 53, 69, 0.12);
    color: #8b1f2d;
    font-weight: 600;
}

.balance-diff--positive {
    color: #1f7a1f;
    font-weight: 600;
}

.balance-diff--negative {
    color: #b42318;
    font-weight: 600;
}

.table-wrapper {
    width: 100%;
    overflow-x: auto;
}


.plan-trades {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.plan-trades__section {
    padding: 14px;
    border-radius: 12px;
    background: rgba(13, 27, 42, 0.03);
}

.plan-trades__plan-title {
    margin-bottom: 10px;
}

.plan-trades__run {
    border: 1px solid rgba(65, 90, 119, 0.2);
    border-radius: 10px;
    padding: 10px;
    background: #fff;
    margin-bottom: 10px;
}

.plan-trades__run--active {
    border-color: rgba(255, 176, 0, 0.7);
    background: rgba(255, 176, 0, 0.12);
}

.plan-trades__run summary {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    align-items: center;
}

.plan-trades__run summary::-webkit-details-marker,
.plan-trades__positions summary::-webkit-details-marker {
    display: none;
}

.plan-trades__toggle-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    color: var(--text-muted);
    font-size: 14px;
    transition: transform 0.2s ease;
}

.plan-trades__run[open] > summary .plan-trades__toggle-icon,
.plan-trades__positions[open] > summary .plan-trades__toggle-icon {
    transform: rotate(90deg);
}

.plan-trades__summary-title {
    font-weight: 700;
}

.plan-trades__summary-meta {
    color: var(--text-muted);
    font-size: 13px;
}


.plan-kpis--compact {
    margin-top: 0;
    margin-left: auto;
}

.plan-kpi--compact {
    padding: 5px 8px;
    border-radius: 10px;
    gap: 6px;
    font-size: 12px;
}

.plan-kpi--compact.plan-kpi--profit {
    min-width: 0;
    font-size: 13px;
    padding: 6px 9px;
}

.plan-kpi__label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    opacity: 0.8;
}

.plan-trades__details {
    width: 100%;
}

.plan-trades__details > summary {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 12px 0 6px;
}

.plan-trades__stats {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 12px 0 8px;
    padding: 10px;
    border-radius: 10px;
    background: rgba(255, 176, 0, 0.12);
}


.plan-trades__delete-form {
    margin-top: 8px;
}

.plan-trades__delete-form .button {
    color: #b91c1c;
}

.plan-trades__positions {
    width: 100%;
}

.plan-trades__positions summary {
    cursor: pointer;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.plan-trades__controls {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin: 10px 0;
    flex-wrap: wrap;
}

.plan-trades__controls input,
.plan-trades__controls select {
    padding: 6px 8px;
}

.plan-trades__pagination {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.plan-trades__pagination button {
    padding: 2px 8px;
}

.plan-trades__position-change {
    font-weight: 700;
    display: inline-flex;
    gap: 4px;
    align-items: center;
}

.plan-trades__position-change.is-profit {
    color: #1f9d55;
}

.plan-trades__position-change.is-loss {
    color: #d64545;
}

.password-strength {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 12px;
    color: var(--text-muted);
}

.password-strength__value[data-strength="weak"] {
    color: #c0392b;
    font-weight: 600;
}

.password-strength__value[data-strength="medium"] {
    color: #f39c12;
    font-weight: 600;
}

.password-strength__value[data-strength="strong"] {
    color: #2ecc71;
    font-weight: 600;
}

.referral-card {
    margin-top: 24px;
}

.auth-layout {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 40px 16px;
    background: linear-gradient(135deg, rgba(13, 27, 42, 0.9), rgba(65, 90, 119, 0.9));
}

.auth-card {
    width: min(480px, 100%);
    background: #fff;
    border-radius: 18px;
    padding: 32px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.auth-card__header h1 {
    font-size: 26px;
    color: var(--primary-dark);
}

.auth-card__header p {
    color: var(--text-muted);
    margin-top: 6px;
}

.auth-card__header .auth-card__referral {
    color: rgba(65, 90, 119, 0.68);
    font-size: 13px;
    margin-top: 4px;
}

.auth-footer {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    margin-top: 4px;
    padding: 8px;
    border: 1px solid rgba(0, 198, 255, 0.12);
    border-radius: 12px;
    background: rgba(241, 241, 241, 0.52);
    font-size: 12px;
}

.auth-footer a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 6px 9px;
    overflow: hidden;
    border: 1px solid rgba(65, 90, 119, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.58);
    color: var(--ui-deep);
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.auth-footer a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(0, 198, 255, 0.1), rgba(0, 128, 128, 0.08));
    opacity: 0;
    transition: opacity 0.2s ease;
}

.auth-footer a:hover,
.auth-footer a:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(0, 198, 255, 0.55);
    background: rgba(255, 255, 255, 0.95);
    color: var(--primary-dark);
    box-shadow: 0 6px 14px rgba(13, 27, 42, 0.1);
}

.auth-footer a:hover::before,
.auth-footer a:focus-visible::before {
    opacity: 1;
}

.chip {
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(0, 198, 255, 0.12);
    color: var(--slate-dark);
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.chip input {
    margin-right: 4px;
}

.auth-fields {
    display: grid;
    gap: 10px;
}

.accordion {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.accordion__item {
    border-radius: 12px;
    border: 1px solid rgba(65, 90, 119, 0.2);
    background: #fff;
    padding: 12px 16px;
}

.accordion__summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    list-style: none;
}

.accordion__summary::-webkit-details-marker {
    display: none;
}

.accordion__body {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.accordion__actions {
    display: flex;
    gap: 10px;
}

.connector-meta {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
}

.connector-meta .label {
    color: var(--text-muted);
    display: block;
    font-size: 12px;
}

.status {
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
}

.status--ok {
    background: rgba(50, 205, 50, 0.2);
    color: var(--accent-green);
}

.status--error {
    background: rgba(255, 179, 0, 0.2);
    color: var(--accent-amber);
}

.status--idle {
    background: rgba(65, 90, 119, 0.1);
    color: var(--slate-blue);
}

.muted {
    color: var(--text-muted);
    font-size: 12px;
    margin-left: 6px;
}

.empty {
    color: var(--text-muted);
    font-style: italic;
}

.dashboard__list {
    list-style: none;
    display: grid;
    gap: 12px;
    margin-top: 12px;
}

.dashboard__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.dashboard__item-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dashboard__item-title {
    font-weight: 600;
}

.button--small {
    padding: 6px 12px;
    font-size: 12px;
}

@media (max-width: 900px) {
    .sidebar {
        position: fixed;
        z-index: 20;
        height: 100vh;
        height: 100dvh;
        overflow: hidden;
        transform: translateX(0);
    }

    .sidebar--collapsed {
        transform: translateX(0);
    }

    .content {
        padding: 24px;
        margin-left: 280px;
    }

    .sidebar--collapsed ~ .content {
        margin-left: 80px;
    }
}

.dashboard-kpis {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
    margin-bottom: 20px;
}

.dashboard-kpi-tile {
    background: rgba(29, 78, 216, 0.08);
    border: 1px solid rgba(29, 78, 216, 0.18);
    border-radius: 12px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.dashboard-kpi-tile > span:not(.muted) {
    color: var(--slate-dark);
    font-size: 13px;
    font-weight: 600;
}

.dashboard-kpi-tile strong {
    font-size: 20px;
}

.dashboard-kpi-value {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.dashboard-kpi-value.is-profit {
    color: #1f9d55;
}

.dashboard-kpi-value.is-loss {
    color: #b73333;
}

.dashboard-kpi-value.is-profit .plan-kpi__icon {
    color: #1f9d55;
}

.dashboard-kpi-value.is-loss .plan-kpi__icon {
    color: #b73333;
}

.dashboard-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.dashboard-trade-search {
    min-width: 260px;
    border-radius: 10px;
    border: 1px solid rgba(13, 27, 42, 0.2);
    padding: 8px 10px;
}

.trades-filter-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 0 1rem;
}

.trades-filter-field {
    display: flex;
    flex: 0 1 200px;
    flex-direction: column;
    gap: 6px;
    width: min(100%, 200px);
}

.trades-filter-field select {
    width: 100%;
}

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

.dashboard-trade-pagination .button {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    border: 1px solid rgba(13, 27, 42, 0.15);
    border-radius: 8px;
    padding: 4px 12px;
}

.dashboard-multiselect__native {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.dashboard-multiselect {
    position: relative;
    width: 100%;
}

.dashboard-multiselect__trigger {
    width: 100%;
    border: 1px solid rgba(13, 27, 42, 0.22);
    border-radius: 10px;
    background: linear-gradient(180deg, #fff 0%, #f5f8ff 100%);
    color: #18263a;
    padding: 9px 12px;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 3px 12px rgba(13, 27, 42, 0.05);
}

.dashboard-multiselect__trigger:hover {
    border-color: rgba(29, 78, 216, 0.4);
}

.dashboard-multiselect__panel {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: 8;
    background: #fff;
    border: 1px solid rgba(13, 27, 42, 0.14);
    border-radius: 12px;
    box-shadow: 0 14px 30px rgba(13, 27, 42, 0.16);
    padding: 8px;
    display: none;
    max-height: 240px;
    overflow-y: auto;
}

.dashboard-multiselect.is-open .dashboard-multiselect__panel {
    display: grid;
    gap: 4px;
}

.dashboard-multiselect__option {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 6px 7px;
    border-radius: 8px;
    font-size: 13px;
    cursor: pointer;
}

.dashboard-multiselect__option:hover {
    background: rgba(29, 78, 216, 0.08);
}

.dashboard-multiselect__option input {
    width: 16px;
    height: 16px;
    accent-color: #1d4ed8;
}

.dashboard__item--compact {
    opacity: 0.8;
    font-size: 12px;
}


.dashboard-inline-kpis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.dashboard-inline-kpis .dashboard-kpi-tile {
    padding: 10px;
}

.dashboard-inline-kpis .dashboard-kpi-tile strong {
    font-size: 18px;
}

.dashboard-kpi-debug {
    margin-bottom: 20px;
}

.dashboard-kpi-debug-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 8px;
}

.dashboard-kpi-debug-list li {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 12px;
}

.dashboard-kpi-connector-breakdown {
    margin-top: 8px;
    display: grid;
    gap: 4px;
}

.dashboard-kpi-connector-row {
    font-size: 14px;
    color: #314155;
    font-weight: 600;
}

.dashboard-kpi-connector-name {
    color: var(--slate-dark);
    font-weight: 700;
}

.dashboard-kpi-connector-row strong {
    color: var(--slate-dark);
    font-weight: 700;
    font-size: 15px;
}

.dashboard-kpi-connector-row .dashboard-kpi-value {
    font-weight: 700;
}

.dashboard-kpi-connector-meta {
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 400;
}

.dashboard-kpi-connector-meta-value {
    font-size: 12px;
    font-weight: 700;
}

.dashboard-kpi-connector-row .plan-kpi__icon {
    font-size: 12px;
    opacity: 1;
}

.dashboard-inline-kpis--compact {
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    margin-top: 4px;
}

.dashboard-inline-kpis--compact .dashboard-kpi-tile {
    padding: 6px;
}

.dashboard-inline-kpis--compact .dashboard-kpi-tile strong {
    font-size: 13px;
}

.dashboard-inline-kpis--running-plans {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
}

.dashboard-inline-kpis--running-plans .dashboard-kpi-tile {
    padding: 5px 6px;
    border-radius: 10px;
    width: 100%;
    max-width: none;
}

.dashboard-inline-kpis--running-plans .dashboard-kpi-tile--balance {
    min-width: 0;
}

.dashboard-inline-kpis--running-plans .dashboard-kpi-tile > span:not(.muted) {
    font-size: 11px;
    white-space: normal;
    overflow-wrap: anywhere;
}

.dashboard-inline-kpis--running-plans .dashboard-kpi-tile strong {
    font-size: 12px;
    white-space: normal;
    overflow-wrap: anywhere;
}

.dashboard-inline-kpis--running-plans .dashboard-kpi-tile strong .dashboard-kpi-subvalue {
    font-size: 11px;
}

.dashboard-inline-kpis--auto-content {
    grid-template-columns: repeat(2, minmax(0, 45%));
    justify-content: space-between;
}

.dashboard-inline-kpis--auto-content .dashboard-kpi-tile {
    width: 100%;
    max-width: none;
}

.dashboard-inline-kpis--auto-content .dashboard-kpi-tile > span:not(.muted),
.dashboard-inline-kpis--auto-content .dashboard-kpi-tile strong {
    white-space: normal;
    overflow-wrap: anywhere;
}

.dashboard-collapsible {
    border-radius: 12px;
    border: 1px solid rgba(65, 90, 119, 0.2);
    background: #fff;
    margin-bottom: 16px;
    padding: 12px 16px;
}

.dashboard-collapsible > summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    color: var(--slate-dark);
}

.dashboard-collapsible > summary::-webkit-details-marker {
    display: none;
}

.dashboard-collapsible__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: rgba(13, 27, 42, 0.08);
    color: var(--slate-dark);
    font-size: 14px;
}

.dashboard-collapsible__icon::before {
    content: '▸';
}

.dashboard-collapsible[open] .dashboard-collapsible__icon::before {
    content: '▾';
}

.dashboard-collapsible__body {
    margin-top: 12px;
}

.dashboard-inline-kpis--running-plans .plan-kpi--profit {
    min-width: 0;
    font-size: inherit;
    padding: 5px 6px;
}

.connector-list__actions .button[title] {
    min-width: 34px;
    text-align: center;
    padding: 4px 8px;
}

.stack--narrow {
    max-width: 780px;
    margin: 0 auto;
}

.formula-helper__empty[hidden] {
    display: none;
}

.button--icon-eye {
    font-size: 1em;
    line-height: 1;
}

.dashboard-collapsible--card {
    padding: 12px 16px;
}

.dashboard-collapsible--card > .dashboard-collapsible__body {
    margin-top: 10px;
}

.credits-coupon-box,.credits-get-box{margin-top:1rem;padding:1rem;border-radius:12px;border:1px solid rgba(59,130,246,.22);background:rgba(59,130,246,.07)}
.credits-get-box{border-color:rgba(16,185,129,.3);background:rgba(16,185,129,.08)}
.credits-coupon-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem}.credits-coupon-form__field{min-width:0;margin:0}.credits-coupon-form .form__actions{width:auto;margin:0}.credits-coupon-form .button{width:auto}
.credits-get-wallet{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center}.credit-address-label{display:block;font-size:1rem}.credit-address-row{flex-wrap:nowrap}.credit-address-row code{flex:1;min-width:0;overflow-wrap:anywhere;font-size:1rem}.credit-address-qr{width:90px;height:90px;padding:.25rem;border-radius:8px;background:#fff}.credit-address-qr svg{display:block;width:100%;height:100%}
.credits-network-notice{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.8rem;padding:3px .7rem;border:1px solid rgba(14,165,233,.16);border-radius:9px;background:rgba(16,185,129,.08);color:var(--muted);font-size:.875rem}.credits-network-notice strong{font-weight:500}.credits-network-notice .copy-button{font-size:.8rem}
@media(max-width:640px){.credits-coupon-form{grid-template-columns:1fr;align-items:stretch}.credits-coupon-form .form__actions,.credits-coupon-form .button{width:100%}.credits-get-wallet{grid-template-columns:1fr}.credit-address-qr{justify-self:center}}

.dashboard-kpi-tile--backtest {
    background: #f3f4f6;
}

.heatmap-toolbar {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-bottom: 12px;
}

.heatmap-toolbar__controls {
    flex-basis: 100%;
    display: flex;
    gap: 12px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.heatmap-picker {
    position: relative;
}

.heatmap-picker details {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 6px;
    background: #fff;
    min-width: 280px;
}

.heatmap-picker details#hm-connector-select {
    min-width: 520px;
}

.heatmap-picker summary {
    cursor: pointer;
    font-weight: 600;
}

.heatmap-picker__table {
    max-height: 240px;
    overflow: auto;
    margin-top: 8px;
}

.heatmap-picker table {
    width: 100%;
    font-size: 12px;
    border-collapse: collapse;
}

.heatmap-picker th,
.heatmap-picker td {
    padding: 4px;
    border-bottom: 1px solid #eee;
    text-align: left;
}

.heatmap-actions {
    display: flex;
    gap: 8px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.heatmap-wrap {
    overflow: auto;
    max-height: 70vh;
    max-width: 100%;
    border: 1px solid #ddd;
}

.heatmap {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 900px;
    width: max-content;
}

.heatmap th,
.heatmap td {
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 8px;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
}

.heatmap thead th {
    position: sticky;
    top: 0;
    background: #f8f8f8;
    z-index: 3;
}

.heatmap .first-col {
    position: sticky;
    left: 0;
    background: #fbfbfb;
    z-index: 2;
    text-align: left;
    font-weight: 600;
}

.heatmap thead .first-col {
    z-index: 4;
}

.cell-true {
    background: #c8f7c5;
}

.cell-false {
    background: #f7c5c5;
}

.cell-empty {
    background: #f2f2f2;
    color: #888;
}

.heatmap-input--search-all {
    width: 160px;
}

.heatmap-input--search-symbol {
    width: 140px;
}

.heatmap-input--refresh {
    width: 72px;
}

.heatmap-cell--pos-1 { background: rgba(16, 185, 129, 0.22); }
.heatmap-cell--pos-2 { background: rgba(16, 185, 129, 0.29); }
.heatmap-cell--pos-3 { background: rgba(16, 185, 129, 0.36); }
.heatmap-cell--pos-4 { background: rgba(16, 185, 129, 0.43); }
.heatmap-cell--pos-5 { background: rgba(16, 185, 129, 0.50); }
.heatmap-cell--pos-6 { background: rgba(16, 185, 129, 0.57); }
.heatmap-cell--pos-7 { background: rgba(16, 185, 129, 0.64); }
.heatmap-cell--pos-8 { background: rgba(16, 185, 129, 0.71); }
.heatmap-cell--pos-9 { background: rgba(16, 185, 129, 0.78); }
.heatmap-cell--pos-10 { background: rgba(16, 185, 129, 0.85); }

.heatmap-cell--neg-1 { background: rgba(239, 68, 68, 0.22); }
.heatmap-cell--neg-2 { background: rgba(239, 68, 68, 0.29); }
.heatmap-cell--neg-3 { background: rgba(239, 68, 68, 0.36); }
.heatmap-cell--neg-4 { background: rgba(239, 68, 68, 0.43); }
.heatmap-cell--neg-5 { background: rgba(239, 68, 68, 0.50); }
.heatmap-cell--neg-6 { background: rgba(239, 68, 68, 0.57); }
.heatmap-cell--neg-7 { background: rgba(239, 68, 68, 0.64); }
.heatmap-cell--neg-8 { background: rgba(239, 68, 68, 0.71); }
.heatmap-cell--neg-9 { background: rgba(239, 68, 68, 0.78); }
.heatmap-cell--neg-10 { background: rgba(239, 68, 68, 0.85); }

.is-highlight-col {
    outline: 2px solid #1d4ed8;
    outline-offset: -2px;
}

.is-highlight-row {
    outline: 2px solid #c2410c;
    outline-offset: -2px;
}













.notice-inline--error {
    color: #b73333;
}

@media (max-width: 900px) {

    .grid--max-two {
        grid-template-columns: 1fr;
    }

    .dashboard-inline-kpis--running-plans {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-inline-kpis--auto-content {
        grid-template-columns: 1fr;
    }
}

.referral-copy-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.referral-share-hint {
    margin: 14px 0 4px;
    color: var(--text);
    font-size: 15px;
    font-weight: 700;
}

.referral-copy-row--link {
    margin-top: 4px;
}

.referral-copy-row--highlight {
    padding: 12px 14px;
    border: 1px solid rgba(0, 198, 255, 0.35);
    border-radius: 12px;
    background: rgba(0, 198, 255, 0.08);
}

.referral-copy-row__value {
    font-size: 28px;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: var(--primary-dark);
}

.referral-copy-row__link {
    overflow-wrap: anywhere;
    color: var(--primary-dark);
    font-weight: 700;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.copy-button {
    border: 1px solid rgba(13, 27, 42, 0.15);
    border-radius: 10px;
    background: #fff;
    color: var(--primary-dark);
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    min-height: 36px;
    min-width: 36px;
    padding: 8px 10px;
    position: relative;
}

.copy-button:hover,
.copy-button:focus-visible {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(0, 198, 255, 0.18);
    outline: none;
}

.copy-button[data-copy-feedback]::after {
    content: attr(data-copy-feedback);
    position: absolute;
    left: 50%;
    top: calc(100% + 6px);
    transform: translateX(-50%);
    white-space: nowrap;
    border-radius: 999px;
    background: var(--primary-dark);
    color: #fff;
    font-size: 12px;
    padding: 4px 8px;
    z-index: 2;
}

.affiliate-network-table {
    border-collapse: separate;
    border-spacing: 0 8px;
}

.affiliate-network-table th {
    background: rgba(0, 198, 255, 0.08);
    color: var(--primary-dark);
}

.affiliate-network-table th,
.affiliate-network-table td {
    padding: 12px 14px;
    white-space: nowrap;
}

.affiliate-network-table tbody tr {
    background: rgba(0, 198, 255, 0.045);
}

.affiliate-network-table tbody tr:nth-child(even) {
    background: rgba(91, 192, 222, 0.08);
}

.affiliate-network-table tbody tr:hover {
    background: rgba(0, 198, 255, 0.12);
}

.affiliate-network-table tbody td {
    border-top: 1px solid rgba(0, 198, 255, 0.12);
    border-bottom: 1px solid rgba(0, 198, 255, 0.12);
}

.affiliate-network-table tbody td:first-child {
    border-left: 1px solid rgba(0, 198, 255, 0.12);
    border-radius: 10px 0 0 10px;
}

.affiliate-network-table tbody td:last-child {
    border-right: 1px solid rgba(0, 198, 255, 0.12);
    border-radius: 0 10px 10px 0;
}

.table-wrapper--spaced,
.manual-execute-bulk-actions--spaced {
    margin-top: 16px;
}

.manual-execute-pending-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.button--delete-unused {
    color: #bb5b5b;
    border-color: #e7c5c5;
}

.email-vault-contract {
    font-size: 16px;
}

.account-panel > .card,
.account-panel > .grid { margin-top: 24px; }
.docs-page {
    --docs-accent: #2563eb;
    --docs-cyan: #06b6d4;
    display: grid;
    gap: 18px;
    position: relative;
}
.docs-page::before {
    content: "";
    position: absolute;
    inset: -24px;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(circle at 8% 2%, rgba(37, 99, 235, 0.10), transparent 28%), radial-gradient(circle at 92% 18%, rgba(6, 182, 212, 0.09), transparent 24%);
}
.docs-hero,
.docs-toc,
.docs-section {
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(37, 99, 235, 0.12);
    border-radius: 16px;
    box-shadow: 0 12px 34px rgba(15, 23, 42, 0.08);
}
.docs-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: center; overflow: hidden; position: relative; padding: 26px; }
.docs-hero::after { content: ""; position: absolute; width: 190px; height: 190px; border-radius: 50%; right: -90px; top: -110px; background: linear-gradient(135deg, rgba(37, 99, 235, .16), rgba(6, 182, 212, .08)); }
.docs-hero h2 { margin: 4px 0 8px; color: #0f172a; font-size: clamp(1.55rem, 3vw, 2.15rem); }
.docs-hero p { margin-bottom: 0; max-width: 760px; color: #475569; }
.docs-hero__eyebrow { color: var(--docs-accent); font-size: .75rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.docs-hero__meta { min-width: 260px; padding: 16px 18px; border: 1px solid rgba(37, 99, 235, .12); border-radius: 12px; background: linear-gradient(135deg, rgba(30, 64, 175, 0.09), rgba(0, 198, 255, 0.07)); color: #334155; line-height: 1.7; position: relative; z-index: 1; }
.docs-toc { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px; position: sticky; top: 10px; z-index: 4; }
.docs-toc a { display: inline-flex; align-items: center; gap: 7px; text-decoration: none; padding: 8px 12px; border: 1px solid transparent; border-radius: 999px; background: #f1f5f9; color: #334155; font-size: .9rem; font-weight: 650; transition: transform .18s ease, color .18s ease, background .18s ease, border-color .18s ease; }
.docs-toc a span { width: 6px; height: 6px; border-radius: 50%; background: linear-gradient(135deg, var(--docs-accent), var(--docs-cyan)); }
.docs-toc a:hover, .docs-toc a:focus-visible { transform: translateY(-1px); color: var(--docs-accent); background: #fff; border-color: rgba(37, 99, 235, .25); }
.docs-toc a.is-active { color: #fff; background: linear-gradient(135deg, var(--docs-accent), #0891b2); }
.docs-toc__additional { position: relative; }
.docs-toc__additional > summary { display: inline-flex; align-items: center; gap: 7px; cursor: pointer; list-style: none; padding: 8px 12px; border: 1px dashed rgba(37, 99, 235, .35); border-radius: 999px; background: #eff6ff; color: #1d4ed8; font-size: .9rem; font-weight: 700; }
.docs-toc__additional > summary::-webkit-details-marker { display: none; }
.docs-toc__additional > summary::after { content: "▾"; font-size: .75rem; transition: transform .18s ease; }
.docs-toc__additional[open] > summary::after { transform: rotate(180deg); }
.docs-toc__additional > summary span { width: 6px; height: 6px; border-radius: 50%; background: linear-gradient(135deg, #7c3aed, #ec4899); }
.docs-toc__additional > summary.is-active { color: #fff; border-color: transparent; background: linear-gradient(135deg, #7c3aed, #2563eb); }
.docs-toc__submenu { display: none; position: absolute; top: 100%; right: 0; min-width: 220px; padding: 8px; border: 1px solid rgba(37, 99, 235, .16); border-radius: 12px; background: #fff; box-shadow: 0 16px 34px rgba(15, 23, 42, .16); }
.docs-toc__additional[open] .docs-toc__submenu,
.docs-toc__additional:hover .docs-toc__submenu,
.docs-toc__additional:focus-within .docs-toc__submenu { display: grid; gap: 5px; }
.docs-toc__submenu a { display: block; border-radius: 8px; background: #f8fafc; }
.docs-article-intro { font-size: 1.08rem; color: #1e293b; }
.docs-section { overflow: clip; transition: border-color .2s ease, box-shadow .2s ease; }
.docs-section[open] { border-color: rgba(37, 99, 235, .24); box-shadow: 0 16px 38px rgba(37, 99, 235, .10); }
.docs-section summary { cursor: pointer; padding: 18px 22px; font-size: 1.08rem; font-weight: 750; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.docs-section summary::-webkit-details-marker { display: none; }
.docs-section summary::after { content: "+"; display: grid; place-items: center; flex: 0 0 28px; height: 28px; border-radius: 50%; background: #eff6ff; color: var(--docs-accent); font-size: 1.25rem; font-weight: 500; transition: transform .2s ease; }
.docs-section[open] summary { color: #1d4ed8; background: linear-gradient(90deg, rgba(37, 99, 235, .06), rgba(6, 182, 212, .025)); border-bottom: 1px solid rgba(37, 99, 235, .09); }
.docs-section[open] summary::after { content: "−"; transform: rotate(180deg); }
.docs-section--article > h2 { margin: 0; padding: 20px 22px; color: #1d4ed8; background: linear-gradient(90deg, rgba(37, 99, 235, .06), rgba(6, 182, 212, .025)); border-bottom: 1px solid rgba(37, 99, 235, .09); }
.docs-content { margin: 0; padding: 22px; line-height: 1.75; color: #334155; }
.docs-content p,
.docs-content ul,
.docs-content ol { margin-top: 0; margin-bottom: 14px; }
.docs-content ul,
.docs-content ol { padding-left: 1.55rem; }
.docs-content li + li { margin-top: 6px; }
.docs-content h3 { margin-top: 28px; margin-bottom: 12px; color: #0f172a; }
.docs-content h4 { margin-top: 20px; margin-bottom: 8px; }
.docs-content a { color: #2563eb; text-underline-offset: 3px; }
.docs-callout { margin: 0 0 24px; padding: 18px 20px; border: 1px solid rgba(6, 182, 212, .2); border-left: 4px solid var(--docs-cyan); border-radius: 12px; background: linear-gradient(135deg, rgba(6, 182, 212, .07), rgba(37, 99, 235, .04)); }
.docs-callout h3 { margin: 0 0 6px; }
.docs-callout p { margin-bottom: 0; }
.docs-table-wrap { margin-bottom: 24px; overflow-x: auto; border: 1px solid #e2e8f0; border-radius: 12px; }
.docs-table { width: 100%; border-collapse: collapse; min-width: 520px; }
.docs-table th, .docs-table td { padding: 11px 14px; text-align: left; border-bottom: 1px solid #e2e8f0; }
.docs-table th { background: #f1f5f9; color: #0f172a; font-size: .85rem; }
.docs-table tr:last-child td { border-bottom: 0; }
.docs-table tbody tr:hover { background: rgba(37, 99, 235, .035); }
.docs-accept { margin-top: 28px; padding: 18px; border-radius: 16px; border: 2px solid rgba(37, 99, 235, 0.35); background: rgba(37, 99, 235, 0.06); }
.checkbox-row { display: flex; gap: 10px; align-items: flex-start; font-weight: 600; }
.checkbox-row input { margin-top: 5px; }
.button--large { font-size: 1.05rem; padding: 14px 22px; margin-top: 16px; }
.auth-card--wide { max-width: 1120px; }
.docs-public { min-height: 100vh; margin: 0; padding: clamp(16px, 4vw, 48px); background: #07111f; color: #e2e8f0; }
.docs-public__shell { width: min(1280px, 100%); margin: 0 auto; }
.docs-public__header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.docs-public__brand { color: #f8fafc; font-size: 1.2rem; font-weight: 800; text-decoration: none; letter-spacing: .02em; }
.docs-public__header .language-switcher__link { color: #cbd5e1; }
.docs-public__header .language-switcher__link.is-active { color: #fff; }
.docs-public:not(.docs-public--compact) > main > .form__actions .button--ghost { color: #e2e8f0; border-color: #475569; }
.docs-public .docs-hero { grid-template-columns: 1fr; }
.docs-public--compact { padding: 24px; background: var(--color-bg, #f3f4f6); }
.docs-directory { columns: 2; }
.notice--warning { border-left: 4px solid #f59e0b; background: rgba(245, 158, 11, 0.10); }
@media (max-width: 760px) {
    .docs-page { gap: 12px; }
    .docs-page::before { inset: -12px; }
    .docs-hero { grid-template-columns: 1fr; padding: 19px; gap: 16px; }
    .docs-hero__meta { min-width: 0; padding: 13px 15px; }
    .docs-toc { position: static; }
    .docs-toc__additional { width: 100%; }
    .docs-toc__additional > summary { justify-content: center; }
    .docs-toc__submenu { position: static; margin-top: 7px; box-shadow: none; }
    .docs-section summary { padding: 15px 17px; }
    .docs-content { padding: 17px; line-height: 1.68; }
    .docs-section--article > h2 { padding: 17px; }
    .docs-directory { columns: 1; }
}

/* Mobile overflow hardening: keep controls and cards within the viewport. */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

.layout,
.content,
.panel,
.card,
.grid,
.form,
.form__group,
.dashboard__item-info,
.connector-list__item,
.strategy-list__item,
.strategy-list__meta,
.docs-page,
.docs-section,
.docs-content {
    min-width: 0;
}

img,
svg,
video,
canvas {
    max-width: 100%;
    height: auto;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="search"],
select,
textarea,
button,
.button,
.select-table,
.dashboard-multiselect {
    max-width: 100%;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="search"],
select,
textarea {
    min-width: 0;
}

.card,
.panel,
.notice,
.alert,
.docs-content,
.card__hint,
.dashboard__item-title,
.dashboard__item-info,
.connector-list__item,
.strategy-list__item,
.strategy-list__meta,
.strategy-list__details,
.referral-copy-row__value,
.referral-copy-row__link,
.sidebar__value {
    overflow-wrap: anywhere;
}

.sidebar {
    width: 220px;
    padding: 14px 10px;
    gap: 14px;
}

.sidebar--collapsed {
    width: 58px;
    padding-left: 6px;
    padding-right: 6px;
}

.sidebar__brand {
    gap: 6px;
}

.sidebar__logo {
    width: 42px;
    border-radius: 8px;
}

.sidebar__nav {
    gap: 6px;
}

.sidebar__toggle,
.sidebar__link {
    padding: 8px 8px;
    border-radius: 8px;
}

.sidebar__link {
    gap: 6px;
}

.sidebar__icon {
    width: 22px;
    font-size: 17px;
}

.sidebar__footer {
    padding-top: 10px;
}

.table-wrapper,
.heatmap-wrap,
.select-table__table {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    max-width: 100%;
}

.calculator-table,
.affiliate-network-table {
    min-width: max-content;
}

@media (max-width: 900px) {
    .sidebar {
        width: 220px;
        padding-left: 10px;
        padding-right: 10px;
        overflow-x: hidden;
    }

    .sidebar.sidebar--collapsed {
        width: 58px;
        padding-left: 6px;
        padding-right: 6px;
    }

    .sidebar.sidebar--collapsed .sidebar__title,
    .sidebar.sidebar--collapsed .sidebar__link-text,
    .sidebar.sidebar--collapsed .sidebar__label,
    .sidebar.sidebar--collapsed .sidebar__value {
        display: none;
    }

    .sidebar.sidebar--collapsed .sidebar__brand,
    .sidebar.sidebar--collapsed .sidebar__link,
    .sidebar.sidebar--collapsed .sidebar__toggle,
    .sidebar.sidebar--collapsed .sidebar__user {
        justify-content: center;
    }

    .sidebar.sidebar--collapsed .sidebar__user-icon {
        display: inline-flex;
    }

    .content {
        margin-left: 220px;
        width: calc(100% - 220px);
        min-width: 0;
        padding: 14px 10px;
    }

    .sidebar--collapsed ~ .content {
        margin-left: 58px;
        width: calc(100% - 58px);
    }

    .content__header,
    .panel__header,
    .dashboard-card-header,
    .manual-execute-pending-header,
    .strategy-version-banner,
    .connector-list__item,
    .strategy-list__item,
    .dashboard__item,
    .calculator-panel__summary,
    .plan-symbols__header,
    .form__actions--spread {
        align-items: stretch;
        flex-direction: column;
    }

    .header__actions,
    .form__actions,
    .form__actions-group,
    .connector-list__actions,
    .strategy-list__actions,
    .accordion__actions,
    .heatmap-actions,
    .heatmap-toolbar__controls,
    .plan-trades__controls,
    .plan-trades__pagination,
    .trades-filter-actions,
    .referral-copy-row {
        align-items: stretch;
        flex-direction: column;
        width: 100%;
    }

    .header__logo {
        display: none;
    }

    .language-switcher,
    .button,
    .form__actions a,
    .form__actions button,
    .connector-list__actions .button,
    .strategy-list__actions .button,
    .trades-filter-actions .button,
    .heatmap-actions .button {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .grid--two,
    .grid--max-two,
    .dashboard-kpis,
    .dashboard-inline-kpis,
    .dashboard-inline-kpis--running-plans,
    .form__group--inline,
    .plan-risk-inline,
    .formula-helper__filters {
        grid-template-columns: minmax(0, 1fr);
    }

    .card,
    .accordion__item,
    .dashboard-collapsible,
    .docs-accept {
        padding: 14px;
        border-radius: 12px;
    }

    .dashboard-trade-search,
    .trades-filter-field,
    .heatmap-picker,
    .heatmap-picker details,
    .heatmap-picker details#hm-connector-select,
    .heatmap-input--search-all,
    .heatmap-input--search-symbol,
    .heatmap-input--refresh,
    .plan-amount,
    .select-table__toggle,
    .select-table__panel,
    .formula-test__controls input {
        width: 100%;
        min-width: 0;
    }

    .plan-amount,
    .formula-test__controls,
    .plan-trades__stats,
    .plan-kpis,
    .plan-kpis--compact {
        align-items: stretch;
        flex-direction: column;
        margin-left: 0;
        width: 100%;
    }

    .plan-kpi,
    .plan-kpi--profit,
    .plan-kpi--compact.plan-kpi--profit {
        justify-content: space-between;
        width: 100%;
        min-width: 0;
    }

    .docs-page,
    .docs-content {
        width: 100%;
        max-width: 100%;
    }

    .docs-toc {
        flex-direction: column;
    }

    .docs-toc a {
        width: 100%;
        text-align: center;
    }

    .auth-layout {
        padding: 16px 8px;
    }

    .auth-card,
    .auth-card--wide {
        width: 100%;
        max-width: 100%;
        padding: 18px;
    }
}

@media (max-width: 480px) {
    .content,
    .sidebar--collapsed ~ .content {
        padding: 10px 8px;
    }

    .content__header h1 {
        font-size: 22px;
    }

    .content__header p,
    .card__hint,
    .muted {
        font-size: 12px;
    }

    .referral-copy-row__value {
        font-size: 20px;
        letter-spacing: 0.04em;
    }
}

.account-credits-card {
    display: grid;
    gap: 16px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.account-credits-card.account-collapsible {
    display: block;
    overflow: hidden;
}

.account-credits-card > .dashboard-collapsible__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    width: 100%;
    overflow: hidden;
}

.account-credits-card > .dashboard-collapsible__body > * {
    min-width: 0;
    max-width: 100%;
}

.account-credits-card .credits-get-box,
.account-credits-card .credits-get-wallet,
.account-credits-card .credits-get-wallet > div:not(.credit-address-qr),
.account-credits-card .credit-address-row,
.account-credits-card .table-wrapper {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.account-credits-card .credit-address-row code {
    display: block;
    width: 100%;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.credit-balance-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px 16px;
}

.credit-balance-row__withdrawable {
    appearance: none;
    grid-column: 1 / -1;
    justify-self: end;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    padding: 7px 12px;
    border: 1px solid rgba(5, 150, 105, 0.3);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.78);
    color: #047857;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(5, 150, 105, 0.1);
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.credit-balance-row__withdrawable::after {
    content: "›";
    font-size: 1.15em;
    line-height: 1;
    transform: rotate(90deg);
    transition: transform 0.2s ease;
}

.credit-balance-row__withdrawable:hover {
    border-color: rgba(5, 150, 105, 0.55);
    background: #fff;
    box-shadow: 0 6px 16px rgba(5, 150, 105, 0.16);
    transform: translateY(-1px);
}

.credit-balance-row__withdrawable:focus-visible {
    outline: 3px solid rgba(14, 165, 233, 0.25);
    outline-offset: 2px;
}

.credit-balance-row__withdrawable[aria-expanded="true"] {
    border-color: rgba(5, 150, 105, 0.48);
    background: rgba(209, 250, 229, 0.88);
    color: #065f46;
}

.credit-balance-row__withdrawable[aria-expanded="true"]::after {
    transform: rotate(-90deg);
}

.credit-balance-row__label {
    color: var(--muted);
    font-weight: 700;
}

.credit-balance-row__value {
    font-size: 1.4rem;
}

.credits-withdrawal-box {
    padding: 16px;
    border: 1px solid rgba(14, 165, 233, 0.32);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(240, 253, 250, 0.97), rgba(224, 242, 254, 0.92));
    box-shadow: 0 14px 30px rgba(14, 165, 233, 0.1);
    color: #0f172a;
}

.credits-withdrawal-box__header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}

.credits-withdrawal-box__header h4 {
    margin: 0;
    color: #0f172a;
}

.credits-withdrawal-box__icon {
    display: inline-grid;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 50%;
    background: #0ea5e9;
    color: #fff;
    font-weight: 800;
    box-shadow: 0 5px 12px rgba(14, 165, 233, 0.24);
}

.credits-withdrawal-box .card__hint,
.credits-withdrawal-box__detail {
    color: #475569;
}

.credits-withdrawal-box__status {
    display: inline-flex;
    gap: 5px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(14, 165, 233, 0.12);
    color: #075985;
}

.credits-withdrawal-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 12px;
    margin-top: 14px;
}

.credits-withdrawal-form__field {
    min-width: 0;
}

.credits-withdrawal-form__field label {
    color: #0f172a;
    font-weight: 700;
}

.credits-withdrawal-form__field input {
    width: 100%;
    border-color: rgba(14, 165, 233, 0.34);
    background: rgba(255, 255, 255, 0.94);
}

.credits-withdrawal-form .button {
    min-height: 42px;
    background: #0f766e;
    color: #fff;
    white-space: nowrap;
}

.credits-coupon-box {
    border: 1px solid rgba(251, 191, 36, 0.34);
    border-radius: 16px;
    padding: 16px;
    background: linear-gradient(135deg, rgba(255, 251, 235, 0.96), rgba(224, 242, 254, 0.9));
    box-shadow: 0 14px 30px rgba(245, 158, 11, 0.12);
}

.credits-coupon-box h4,
.credits-coupon-box .card__hint,
.credits-coupon-box label {
    color: #0f172a;
}

.credits-get-box h4,
.credits-get-box .card__hint,
.credits-get-box .muted {
    color: #0f172a;
}

.credits-get-box > form {
    margin-top: 12px;
}

.credits-usage-header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.credits-usage-filter {
    min-width: min(320px, 100%);
}

.credits-usage-table {
    width: 100%;
    min-width: 760px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 14px;
}

.credits-usage-table thead th {
    background: rgba(15, 23, 42, 0.78);
    color: #f8fafc;
    font-size: 0.78rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.credits-usage-table tbody tr:nth-child(even) {
    background: rgba(148, 163, 184, 0.08);
}

.credits-usage-table tbody tr:hover {
    background: rgba(59, 130, 246, 0.12);
}

.credits-usage-table th,
.credits-usage-table td {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.18);
    vertical-align: middle;
    white-space: nowrap;
}

.credits-usage-table th:nth-child(4),
.credits-usage-table td:nth-child(4) {
    min-width: 240px;
    max-width: 420px;
    white-space: normal;
    overflow-wrap: anywhere;
}

.credits-usage-table tbody tr:last-child td {
    border-bottom: 0;
}

.credits-amount {
    font-weight: 800;
    text-align: right;
}

.credits-amount--positive {
    color: #22c55e;
}

.credits-amount--negative {
    color: #ef4444;
}

.credits-usage-pagination {
    margin-top: 12px;
}

@media (max-width: 720px) {
    .credits-withdrawal-form {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .credits-withdrawal-form .button {
        width: 100%;
        white-space: normal;
    }

    .calculator-panel__summary {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .calculator-panel__toggle-label {
        flex: 1 1 auto;
        text-align: left;
    }
}

.dex-arbitrum-address-info {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 12px 14px;
    border: 1px solid rgba(59, 130, 246, 0.28);
    border-radius: 12px;
    background: rgba(219, 234, 254, 0.72);
    color: #1e3a5f;
}

.dex-arbitrum-address-info__icon,
.dex-arbitrum-address-info__help {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.dex-arbitrum-address-info__icon {
    background: #2563eb;
    color: #fff;
    font-family: Georgia, serif;
    font-style: italic;
}

.dex-arbitrum-address-info__content {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.dex-arbitrum-address-info__row {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.dex-arbitrum-address-info__label {
    display: flex;
    align-items: center;
    gap: 6px;
}

.dex-arbitrum-address-info__help {
    border: 1px solid rgba(37, 99, 235, 0.35);
    background: #fff;
    color: #2563eb;
    cursor: help;
}

.dex-arbitrum-address-info code {
    display: block;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    color: #0f172a;
}

.form__group--referral {
    margin-top: 10px;
    margin-bottom: 2px;
}

.form__group--referral label {
    font-size: 12px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: rgba(65, 90, 119, 0.9);
}

.form__group--referral input[type="text"] {
    padding: 8px 10px;
    border-color: rgba(0, 198, 255, 0.35);
    background: #eaf8ff;
    font-size: 13px;
}

/* DEX-Arbitrum technical documentation */
.docs-address-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 18px 0 24px; }
.docs-address-grid > div { padding: 16px; border: 1px solid #dbeafe; border-radius: 12px; background: #f8fafc; }
.docs-address-grid code { display: block; margin: 10px 0; padding: 9px; overflow-wrap: anywhere; word-break: break-word; color: #0f172a; background: #e0f2fe; border-radius: 8px; }
.docs-flow { margin: 20px 0 28px; padding: 20px; border: 1px solid #bfdbfe; border-radius: 12px; background: linear-gradient(135deg, #eff6ff, #ecfeff); line-height: 2.2; text-align: center; }
.docs-flow strong, .docs-flow span { display: inline-block; margin: 2px 7px; }
.docs-simple-flow { display: flex; align-items: center; justify-content: center; gap: 16px; margin: 20px 0; padding: 22px; border-radius: 14px; background: linear-gradient(135deg, #172554, #075985); color: #fff; font-size: 1.05rem; text-align: center; }
.docs-simple-flow strong { padding: 10px 14px; border: 1px solid rgba(255, 255, 255, .3); border-radius: 9px; background: rgba(255, 255, 255, .1); }
.docs-simple-flow span { color: #67e8f9; font-size: 1.5rem; }
.docs-data-flow { width: 25%; margin: 22px auto 28px; padding: 10px; border: 1px solid #dbeafe; border-radius: 14px; background: #fff; }
.docs-data-flow > a:first-child { display: block; cursor: zoom-in; }
.docs-data-flow img { display: block; width: 100%; height: auto; border-radius: 8px; }
.docs-data-flow figcaption { margin-top: 12px; color: #475569; text-align: center; }
.docs-definitions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 16px 0 26px; }
.docs-definitions > div { padding: 16px; border-left: 4px solid #0284c7; border-radius: 8px; background: #f0f9ff; }
.docs-definitions dt { margin-bottom: 7px; color: #0c4a6e; font-weight: 800; }
.docs-definitions dd { margin: 0; color: #334155; }
.docs-definitions code { overflow-wrap: anywhere; word-break: break-word; }
.docs-source-highlight { margin: 14px 0 18px; padding: 18px; border: 2px solid #38bdf8; border-radius: 12px; background: #ecfeff; }
.docs-source-highlight > strong { display: block; color: #075985; font-size: 1.08rem; }
.docs-source-highlight p { margin-bottom: 0; }
.docs-function-list { display: grid; gap: 12px; margin: 0 0 28px; }
.docs-function-list h4 { margin: 0; padding: 15px 17px 5px; border: 1px solid #dbeafe; border-bottom: 0; border-radius: 12px 12px 0 0; background: #eff6ff; color: #1e3a8a; }
.docs-function-list h4 + p { margin: -12px 0 0; padding: 17px; border: 1px solid #dbeafe; border-top: 0; border-radius: 0 0 12px 12px; background: #f8fafc; }
@media (max-width: 760px) { .docs-address-grid, .docs-definitions { grid-template-columns: 1fr; } .docs-flow strong, .docs-flow span { display: block; line-height: 1.5; } .docs-simple-flow { flex-direction: column; gap: 8px; } .docs-simple-flow span { transform: rotate(90deg); } .docs-data-flow { width: 65%; } }

/* CoinRobot.AI brand layer: visual refresh without changing page structure. */
body{background:var(--brand-bg);color:var(--brand-text)}
.layout{background:var(--brand-bg)}
.sidebar{background:#0c0f11;border-right:1px solid var(--brand-line);box-shadow:8px 0 30px rgba(0,0,0,.24)}
.sidebar__brand{color:var(--brand-text);text-decoration:none}.sidebar__logo{border:1px solid #353b3f;border-radius:50%;box-shadow:none}
.sidebar__link{border:1px solid transparent;background:rgba(255,255,255,.025)}
.sidebar__link--active,.sidebar__link:hover,.sidebar__link:focus-visible{border-color:rgba(202,255,50,.28);background:rgba(202,255,50,.08);color:var(--brand-lime)}
.sidebar__toggle:hover,.sidebar__toggle:focus-visible{border-color:var(--brand-lime);color:var(--brand-lime)}
.content{background:radial-gradient(circle at 100% 0,rgba(85,219,231,.07),transparent 32rem),var(--brand-bg)}
.content__header{padding-bottom:20px;border-bottom:1px solid var(--brand-line)}
.content__header h1,.auth-card__header h1{color:var(--brand-text);letter-spacing:-.035em}.header__logo{text-decoration:none}.header__logo img{width:42px;height:42px;filter:none}.header__logo span{font-size:13px}
.panel,.card,.form,.accordion__item,.select-table__toggle,.select-table__panel,.formula-calculator__panel{background-color:var(--brand-surface);color:var(--brand-text);border-color:var(--brand-line)}
.card,.accordion__item,.select-table__panel,.formula-calculator__panel{box-shadow:0 16px 38px rgba(0,0,0,.2)}
.card h2,.card h3,.panel h2,.panel h3,label,th{color:var(--brand-text)}.card__hint,.form__hint,.form__group small,.content__header p{color:var(--brand-muted)}
input[type=text],input[type=password],input[type=email],input[type=number],input[type=date],input[type=search],select,textarea{border-color:var(--brand-line);background:#0c0f11;color:var(--brand-text)}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:none;border-color:var(--brand-lime);box-shadow:var(--brand-focus)}
.button--primary{border-color:var(--brand-lime);background:var(--brand-lime);color:var(--brand-bg)}.button--primary:hover{border-color:#d9ff69;background:#d9ff69;color:var(--brand-bg)}
.button--secondary,.button--ghost{border-color:#3a4247;background:var(--brand-surface-raised);color:var(--brand-text)}.button--secondary:hover,.button--ghost:hover{border-color:var(--brand-cyan);color:var(--brand-cyan)}
.language-switcher{border:1px solid var(--brand-line);background:rgba(255,255,255,.025)}.language-switcher__link{color:var(--brand-muted)}.language-switcher__link.is-active,.language-switcher__link:hover{background:var(--brand-lime);color:var(--brand-bg)}
.auth-layout{background:radial-gradient(circle at 85% 10%,rgba(85,219,231,.12),transparent 34rem),radial-gradient(circle at 10% 90%,rgba(202,255,50,.09),transparent 36rem),var(--brand-bg)}
.auth-card{border:1px solid var(--brand-line);background:rgba(16,19,23,.96);color:var(--brand-text);box-shadow:0 28px 70px rgba(0,0,0,.42)}.auth-brand{align-self:flex-start;text-decoration:none}
.auth-footer{border-color:var(--brand-line);background:#0c0f11}.auth-footer a{border-color:var(--brand-line);background:var(--brand-surface);color:var(--brand-muted)}.auth-footer a:hover,.auth-footer a:focus-visible{border-color:var(--brand-lime);background:var(--brand-surface-raised);color:var(--brand-lime)}
.docs-public,.docs-public--compact{background:radial-gradient(circle at 90% 0,rgba(85,219,231,.08),transparent 32rem),var(--brand-bg);color:var(--brand-text)}.docs-public__brand{color:var(--brand-text)}
.docs-section,.docs-content,.docs-hero,.docs-toc,.docs-toc__submenu{border-color:var(--brand-line);background-color:var(--brand-surface);color:var(--brand-text)}.docs-content code,.docs-function-list code{color:var(--brand-cyan)}
@media(max-width:720px){.header__logo span{display:none}}

/* Page-level brand refinement: Plans and Connectors. */
.connector-list,
.plan-trades,
.plan-executing-summary__grid,
.plan-kpis {
    color: var(--brand-text);
}

.connector-list__item,
.plan-trades__run,
.plan-trades__positions,
.plan-executing-summary,
.plan-kpi,
.interface-details,
.select-table {
    border-color: var(--brand-line);
    background: var(--brand-surface-raised);
    color: var(--brand-text);
}

.connector-list__item:hover {
    border-color: #465158;
    background: #181e22;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .2);
}

.connector-list__item.is-active,
.plan-trades__run--active {
    border-color: rgba(202, 255, 50, .45);
    background: rgba(202, 255, 50, .055);
}

.connector-list__item--executing,
.plan-executing-summary {
    border-left-color: var(--brand-success);
}

.connector-list__item--paused,
.plan-executing-summary[data-state="paused"] {
    border-left-color: var(--brand-warning);
}

.interface-details__title,
.plan-trades__run summary,
.plan-trades__positions summary,
.plan-trades__details > summary {
    color: var(--brand-text);
}

.interface-details__content,
.plan-trades__summary-meta,
.plan-kpi__label,
.plan-type__reason {
    color: var(--brand-muted);
}

.plan-kpi__value,
.plan-trades__summary-title,
.select-table__title {
    color: var(--brand-text);
}

.plan-kpi--profit.is-profit,
.plan-kpi__icon.is-profit,
.plan-trades__position-change.is-profit {
    color: var(--brand-success);
}

.plan-kpi--profit.is-loss,
.plan-kpi__icon.is-loss,
.plan-trades__position-change.is-loss {
    color: var(--brand-error);
}

.plan-executing-badge {
    border-color: rgba(82, 210, 115, .35);
    background: rgba(82, 210, 115, .1);
    color: var(--brand-success);
}

.select-table__table th,
.calculator-table th,
.plan-trades__table th {
    border-color: var(--brand-line);
    background: #0c0f11;
    color: var(--brand-muted);
}

.select-table__table td,
.calculator-table td,
.plan-trades__table td {
    border-color: var(--brand-line);
    color: var(--brand-text);
}

.select-table__table tr:hover,
.calculator-table tbody tr:hover,
.plan-trades__table tbody tr:hover {
    background: rgba(85, 219, 231, .045);
}

.select-table__table tr.is-selected {
    background: rgba(202, 255, 50, .07);
}

.notice,
.alert {
    border-color: var(--brand-line);
    background: var(--brand-surface-raised);
    color: var(--brand-text);
}

.notice--success,
.alert--success {
    border-left-color: var(--brand-success);
    background: rgba(82, 210, 115, .08);
}

.notice--warning {
    border-left-color: var(--brand-warning);
    background: rgba(245, 185, 66, .08);
}

.notice--error,
.alert--error {
    border-left-color: var(--brand-error);
    background: rgba(255, 107, 107, .08);
}

/* Page-level brand refinement: documentation and technical content. */
.docs-page {
    --docs-accent: var(--brand-lime);
    --docs-cyan: var(--brand-cyan);
}

.docs-page::before {
    background: radial-gradient(circle at 85% 0, rgba(85, 219, 231, .06), transparent 34rem);
}

.docs-hero::after {
    background: linear-gradient(135deg, rgba(202, 255, 50, .12), rgba(85, 219, 231, .05));
}

.docs-hero h2,
.docs-content h3,
.docs-content h4,
.docs-section summary,
.docs-section--article > h2,
.docs-article-intro {
    color: var(--brand-text);
}

.docs-hero p,
.docs-hero__meta,
.docs-content,
.docs-data-flow figcaption {
    color: var(--brand-muted);
}

.docs-hero__eyebrow,
.docs-content a,
.docs-section[open] summary,
.docs-section--article > h2 {
    color: var(--brand-lime);
}

.docs-hero__meta,
.docs-callout,
.docs-accept {
    border-color: rgba(85, 219, 231, .22);
    background: linear-gradient(135deg, rgba(85, 219, 231, .065), rgba(202, 255, 50, .025));
}

.docs-toc a,
.docs-toc__submenu a,
.docs-toc__additional > summary {
    border-color: var(--brand-line);
    background: #0c0f11;
    color: var(--brand-muted);
}

.docs-toc a:hover,
.docs-toc a:focus-visible,
.docs-toc__additional > summary:hover {
    border-color: rgba(202, 255, 50, .4);
    background: var(--brand-surface-raised);
    color: var(--brand-lime);
}

.docs-toc a.is-active,
.docs-toc__additional > summary.is-active {
    border-color: var(--brand-lime);
    background: var(--brand-lime);
    color: var(--brand-bg);
}

.docs-section[open] {
    border-color: rgba(202, 255, 50, .3);
    box-shadow: 0 16px 38px rgba(0, 0, 0, .2);
}

.docs-section summary::after {
    background: #0c0f11;
    color: var(--brand-lime);
}

.docs-section[open] summary,
.docs-section--article > h2 {
    border-color: var(--brand-line);
    background: linear-gradient(90deg, rgba(202, 255, 50, .055), rgba(85, 219, 231, .02));
}

.docs-table-wrap,
.docs-table th,
.docs-table td {
    border-color: var(--brand-line);
}

.docs-table th {
    background: #0c0f11;
    color: var(--brand-muted);
}

.docs-table td {
    background: var(--brand-surface);
    color: var(--brand-text);
}

.docs-table tbody tr:hover td {
    background: rgba(85, 219, 231, .045);
}

.docs-address-grid > div,
.docs-flow,
.docs-data-flow,
.docs-definitions > div,
.docs-source-highlight,
.docs-function-list h4,
.docs-function-list h4 + p {
    border-color: var(--brand-line);
    background: var(--brand-surface-raised);
    color: var(--brand-text);
}

.docs-address-grid code {
    background: #0c0f11;
    color: var(--brand-cyan);
}

.docs-definitions > div {
    border-left-color: var(--brand-cyan);
}

.docs-definitions dt,
.docs-source-highlight > strong,
.docs-function-list h4 {
    color: var(--brand-lime);
}

.docs-definitions dd {
    color: var(--brand-muted);
}

.docs-source-highlight {
    border-color: rgba(202, 255, 50, .4);
}

/* Page-level brand refinement: remaining legacy light surfaces. */
.card__hint,.form__hint,.form__group small,.content__header p,.muted,.empty.muted{color:#b1b7bb}
.dashboard-collapsible,.dashboard-kpi-tile,.dashboard-kpi-tile--backtest,.dashboard-multiselect__trigger,.dashboard-multiselect__panel{border-color:var(--brand-line);background:var(--brand-surface-raised);color:var(--brand-text)}
.dashboard-collapsible>summary,.dashboard-kpi-tile>span:not(.muted),.dashboard-kpi-connector-name,.dashboard-kpi-connector-row,.dashboard-kpi-connector-row strong,.dashboard-multiselect__trigger{color:var(--brand-text)}
.dashboard-collapsible__icon,.dashboard-multiselect__option:hover{background:rgba(202,255,50,.08);color:var(--brand-lime)}
.bulk-loading-overlay{background:rgba(8,10,12,.82)}.bulk-loading-overlay__card{border:1px solid var(--brand-line);background:var(--brand-surface-raised);color:var(--brand-text);box-shadow:0 24px 60px rgba(0,0,0,.48)}
.bulk-loading-overlay__title,.bulk-loading-overlay__message{color:var(--brand-text)}.bulk-loading-overlay__spinner{border-color:var(--brand-line);border-right-color:var(--brand-lime)}
.checkbox-grid__item,.plan-type__option{border:1px solid var(--brand-line);background:var(--brand-surface-raised);color:var(--brand-text)}
.checkbox-grid__item:hover,.plan-type__option:hover{border-color:rgba(202,255,50,.45)}.checkbox-grid input,.plan-type input,.dashboard-multiselect__option input{accent-color:var(--brand-lime)}
.strategy-list__item{border-color:var(--brand-line);background:linear-gradient(150deg,var(--brand-surface-raised),var(--brand-surface));color:var(--brand-text)}
.strategy-list__item--system{border-color:rgba(85,219,231,.46);background:linear-gradient(150deg,rgba(85,219,231,.13),var(--brand-surface));box-shadow:inset 3px 0 0 var(--brand-cyan),0 8px 22px rgba(0,0,0,.18)}
.strategy-list__item--lineage-latest{border-color:rgba(var(--brand-success-rgb),.34);background:linear-gradient(150deg,rgba(var(--brand-success-rgb),.07),var(--brand-surface))}
.strategy-list__item--lineage-older{border-color:var(--brand-line);border-left-color:#536169;background:linear-gradient(150deg,#171d21,var(--brand-surface))}
.strategy-list__item.is-active{border-color:rgba(202,255,50,.5)}.strategy-list__details{color:#b1b7bb}
.strategy-list__description,.formula-helper,.formula-calculator__hint{border-color:var(--brand-line);background:#0c0f11;color:#b1b7bb}
.formula-token{border-color:#3a4247;background:var(--brand-surface-raised);color:var(--brand-text)}.formula-token:hover,.formula-token:focus-visible{border-color:var(--brand-lime);background:rgba(202,255,50,.1);color:var(--brand-lime)}
.formula-calculator__hint strong{color:var(--brand-text)}textarea.strategy-formula--ai{border-color:rgba(85,219,231,.4);background:rgba(85,219,231,.06);color:var(--brand-text)}
.referral-share-hint,.referral-copy-row__value,.referral-copy-row__link,.credit-balance-row__value,.credit-address-label{color:var(--brand-text)}
.affiliate-network-table th{background:#0c0f11;color:var(--brand-text)}.affiliate-network-table tbody tr,.affiliate-network-table tbody tr:nth-child(even){background:var(--brand-surface-raised)}
.credit-balance-row__withdrawable,.credit-balance-row__withdrawable:hover,.credit-balance-row__withdrawable[aria-expanded=true]{border-color:rgba(82,210,115,.4);background:rgba(82,210,115,.09);color:var(--brand-success)}
.credits-withdrawal-box,.credits-coupon-box,.credits-get-box{border-color:var(--brand-line);background:var(--brand-surface-raised);color:var(--brand-text);box-shadow:0 14px 30px rgba(0,0,0,.2)}
.credits-withdrawal-box__header h4,.credits-withdrawal-box .card__hint,.credits-withdrawal-box__detail,.credits-withdrawal-form__field label,.credits-coupon-box h4,.credits-coupon-box .card__hint,.credits-coupon-box label,.credits-get-box h4,.credits-get-box .card__hint,.credits-get-box .muted{color:var(--brand-text)}
.credits-withdrawal-form__field input{background:#0c0f11;color:var(--brand-text)}.credit-address-qr{border:4px solid var(--brand-text)}
.docs-simple-flow{border:1px solid var(--brand-line);background:linear-gradient(135deg,var(--brand-surface-raised),#0c0f11);color:var(--brand-text)}.docs-simple-flow strong{border-color:var(--brand-line);background:rgba(255,255,255,.035)}.docs-simple-flow span{color:var(--brand-lime)}

/* Follow-up refinements for page-specific components that retain legacy styles. */
.dashboard__item {
    border: 1px solid var(--brand-line);
    background: var(--brand-surface-raised);
    color: var(--brand-text);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .2);
}
.dashboard__item-title,
.dashboard__item-info { color: var(--brand-text); }

.dex-arbitrum-address-info {
    border-color: rgba(85, 219, 231, .28);
    background: rgba(85, 219, 231, .07);
    color: var(--brand-text);
}
.dex-arbitrum-address-info__icon {
    background: var(--brand-cyan);
    color: var(--brand-bg);
}
.dex-arbitrum-address-info__help {
    border-color: rgba(85, 219, 231, .38);
    background: #0c0f11;
    color: var(--brand-cyan);
}
.dex-arbitrum-address-info code { color: var(--brand-text); }

.strategy-block,
.strategy-block__summary,
.strategy-block__body {
    border-color: var(--brand-line);
    background: var(--brand-surface-raised);
    color: var(--brand-text);
}
.strategy-block__summary { background: linear-gradient(135deg, var(--brand-surface-raised), var(--brand-surface)); }
.strategy-block__summary .card__hint { color: #b1b7bb; }
.strategy-block__indicator { border-color: var(--brand-lime); }
.strategy-block[open] .strategy-block__summary { border-bottom-color: var(--brand-line); }

input[type="checkbox"],
input[type="radio"] { accent-color: var(--brand-lime) !important; }

input::placeholder,
textarea::placeholder { color: #969da2; opacity: 1; }
.credits-coupon-box .card__hint,
.credits-get-box .card__hint,
.credits-withdrawal-box .card__hint { color: #b1b7bb; }

.heatmap-picker details,
.heatmap-wrap {
    border-color: var(--brand-line);
    background: var(--brand-surface-raised);
    color: var(--brand-text);
}
.heatmap-picker th,
.heatmap-picker td,
.heatmap th,
.heatmap td { border-color: var(--brand-line); color: var(--brand-text); }
.heatmap thead th,
.heatmap .first-col {
    background: #0c0f11;
    color: var(--brand-text);
}
.heatmap tbody tr:hover .first-col { background: var(--brand-surface-raised); }
.cell-true { background: rgba(82, 210, 115, .32); color: var(--brand-text); }
.cell-false { background: rgba(255, 107, 107, .26); color: var(--brand-text); }
.cell-empty { background: var(--brand-surface); color: var(--brand-muted); }
.is-highlight-col { outline-color: var(--brand-cyan); }
.is-highlight-row { outline-color: var(--brand-warning); }

/* Layered surfaces keep information-dense inner pages readable without losing the dark identity. */
.content {
    background:
        radial-gradient(circle at 92% 4%, rgba(85, 219, 231, .11), transparent 30rem),
        radial-gradient(circle at 18% 72%, rgba(202, 255, 50, .045), transparent 34rem),
        #0b0e11;
}
.panel > .card,
.grid > .card,
.account-panel > .card {
    border: 1px solid #303a40;
    background: linear-gradient(145deg, #192126, #141a1e);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .22), inset 0 1px rgba(255, 255, 255, .025);
}
.card .card,
.card .dashboard-collapsible,
.card .strategy-block,
.card .plan-trades__run,
.card .credits-withdrawal-box,
.card .credits-coupon-box,
.card .credits-get-box,
.dashboard-collapsible .dashboard-kpi-tile {
    border-color: #34434a;
    background: linear-gradient(135deg, rgba(85, 219, 231, .075), rgba(25, 33, 38, .98));
}
.dashboard-inline-kpis--running-plans .dashboard-kpi-tile:nth-child(3n+1),
.plan-kpis .plan-kpi:nth-child(3n+1),
.account-panel > .card:nth-of-type(3n+1) {
    border-color: rgba(85, 219, 231, .25);
    background: linear-gradient(145deg, rgba(85, 219, 231, .09), #172026);
}
.dashboard-inline-kpis--running-plans .dashboard-kpi-tile:nth-child(3n+2),
.plan-kpis .plan-kpi:nth-child(3n+2),
.account-panel > .card:nth-of-type(3n+2) {
    border-color: rgba(202, 255, 50, .19);
    background: linear-gradient(145deg, rgba(202, 255, 50, .055), #182022);
}
.is-profit,
.balance-diff--positive,
.plan-position-table__profit--positive,
.credits-amount--positive,
.dashboard-kpi-value.is-profit { color: var(--brand-success) !important; text-shadow: 0 0 18px rgba(var(--brand-success-rgb), .22); }
.is-loss,
.balance-diff--negative,
.plan-position-table__profit--negative,
.credits-amount--negative,
.dashboard-kpi-value.is-loss { color: var(--brand-error) !important; text-shadow: 0 0 18px rgba(var(--brand-error-rgb), .2); }
.heatmap-cell--pos-1 { background: rgba(var(--brand-success-rgb), .14); }.heatmap-cell--pos-2 { background: rgba(var(--brand-success-rgb), .17); }.heatmap-cell--pos-3 { background: rgba(var(--brand-success-rgb), .20); }.heatmap-cell--pos-4 { background: rgba(var(--brand-success-rgb), .23); }.heatmap-cell--pos-5 { background: rgba(var(--brand-success-rgb), .26); }.heatmap-cell--pos-6 { background: rgba(var(--brand-success-rgb), .29); }.heatmap-cell--pos-7 { background: rgba(var(--brand-success-rgb), .32); }.heatmap-cell--pos-8 { background: rgba(var(--brand-success-rgb), .35); }.heatmap-cell--pos-9 { background: rgba(var(--brand-success-rgb), .38); }.heatmap-cell--pos-10 { background: rgba(var(--brand-success-rgb), .41); }
.heatmap-cell--neg-1 { background: rgba(var(--brand-error-rgb), .14); }.heatmap-cell--neg-2 { background: rgba(var(--brand-error-rgb), .17); }.heatmap-cell--neg-3 { background: rgba(var(--brand-error-rgb), .20); }.heatmap-cell--neg-4 { background: rgba(var(--brand-error-rgb), .23); }.heatmap-cell--neg-5 { background: rgba(var(--brand-error-rgb), .26); }.heatmap-cell--neg-6 { background: rgba(var(--brand-error-rgb), .29); }.heatmap-cell--neg-7 { background: rgba(var(--brand-error-rgb), .32); }.heatmap-cell--neg-8 { background: rgba(var(--brand-error-rgb), .35); }.heatmap-cell--neg-9 { background: rgba(var(--brand-error-rgb), .38); }.heatmap-cell--neg-10 { background: rgba(var(--brand-error-rgb), .41); }
.cell-true { background: rgba(var(--brand-success-rgb), .3); }.cell-false { background: rgba(var(--brand-error-rgb), .27); }
.bulk-loading-overlay__card{position:relative;overflow:hidden;background:linear-gradient(145deg,#192126,#11171b)}.bulk-loading-overlay__card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 15%,rgba(85,219,231,.13),transparent 45%)}
@media(prefers-reduced-motion:reduce){.bulk-loading-overlay__visual i{animation:none}}

/* 2026 product UI harmonisation: brighter graphite layers and a shared type rhythm. */
body{font-size:var(--brand-body-size);line-height:1.5}
.content__header h1{font-size:var(--brand-page-title-size);font-weight:500;line-height:1.02;letter-spacing:-.045em}
.panel__header h2,.card>h2,.card>h3{font-size:var(--brand-section-title-size);line-height:1.2;letter-spacing:-.025em}
.panel__header p,.card__hint{line-height:1.6}
.form__group>label,.technical-label,.strategy-list__section-title{font-size:var(--brand-label-size);font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.form__group label label,.form__group .plan-backtest__label,.form__group .checkbox-grid__item,.plan-type__option{font-size:inherit;letter-spacing:normal;text-transform:none}
.sidebar__icon{display:grid;place-items:center;width:24px;height:24px;font-size:0}.sidebar__icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.content{background:radial-gradient(circle at 94% 2%,rgba(85,219,231,.13),transparent 31rem),radial-gradient(circle at 12% 82%,rgba(202,255,50,.055),transparent 38rem),#0d1114}
.panel{background:transparent}
.panel>.grid>.card,.panel>.card,.account-panel>.card,.dashboard-collapsible{border:1px solid #39454b;background:linear-gradient(145deg,#1c252a,#171e22);box-shadow:0 20px 46px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035)}
.card .card,.card .dashboard-collapsible,.card .strategy-block,.card .credits-withdrawal-box,.card .credits-coupon-box,.card .credits-get-box,.card .interface-details{border-color:#3b4a51;background:linear-gradient(145deg,#202a30,#192126)}
input[type=text],input[type=password],input[type=email],input[type=number],input[type=date],input[type=search],select,textarea,.select-table__toggle{border-color:#3a464c;background:var(--brand-surface-inset);color:var(--brand-text)}
input:hover,select:hover,textarea:hover,.select-table__toggle:hover{border-color:#526168}

/* Reusable edit/list split shared by Plans, Connectors and Strategies. */
.grid--two>.card{min-width:0}
.grid--two>.card:first-child{border-top-color:rgba(85,219,231,.42)}
.grid--two>.card:nth-child(2){border-top-color:rgba(202,255,50,.34)}
.grid--two>.card>h3{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.grid--two>.card>h3:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--brand-cyan);box-shadow:0 0 0 5px rgba(85,219,231,.08)}
.grid--two>.card:nth-child(2)>h3:before{background:var(--brand-lime);box-shadow:0 0 0 5px rgba(202,255,50,.07)}
.plan-editable-fields>.form__group{padding:14px 0;border-top:1px solid rgba(150,157,162,.13)}
.plan-editable-fields>.form__group:first-child{border-top:0}
.plan-editable-fields .form__hint{max-width:76ch}
.plan-type__option,.checkbox-grid__item{background:var(--brand-surface-interactive);border-color:#3b4950}

/* Running-plan summary becomes a scan-friendly KPI grid instead of a text dump. */
.plan-executing-summary{padding:20px;border:1px solid rgba(var(--brand-success-rgb),.38);border-left:4px solid var(--brand-success);border-radius:12px;background:linear-gradient(135deg,rgba(var(--brand-success-rgb),.105),var(--brand-surface-interactive));box-shadow:0 14px 32px rgba(0,0,0,.2)}
.plan-executing-summary[data-state=paused]{border-color:rgba(245,185,66,.38);border-left-color:var(--brand-warning);background:linear-gradient(135deg,rgba(245,185,66,.09),var(--brand-surface-interactive))}
.plan-executing-summary h4{margin-bottom:16px;font-size:var(--brand-section-title-size);letter-spacing:-.02em}
.plan-executing-summary__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.plan-executing-summary__item{display:flex;min-width:0;flex-direction:column;gap:6px;padding:12px 14px;border:1px solid #3b4950;border-radius:9px;background:rgba(8,10,12,.3);font-variant-numeric:tabular-nums}
.plan-executing-summary__label{color:#aeb6ba;font-size:.64rem;font-weight:800;line-height:1.35;letter-spacing:.11em;text-transform:uppercase}
.plan-executing-summary__value{color:var(--brand-text);font-size:.96rem;font-weight:700;overflow-wrap:anywhere}
.plan-executing-summary__item--positions{grid-column:1/-1}

/* Existing plan cards: clear identity, metrics and action hierarchy. */
.plan-list-card{display:grid;grid-template-columns:minmax(230px,1fr) auto;gap:18px;padding:18px;border-left-width:3px;background:linear-gradient(145deg,#20292e,#181f23)}
.plan-list-card>div:first-child>strong{display:block;margin-bottom:5px;font-size:1.08rem;letter-spacing:-.015em}
.plan-list-card .muted{line-height:1.35}.plan-list-card .muted:nth-of-type(n+3){font-size:.75rem}
.plan-list-card .plan-kpis{margin-top:14px}.plan-list-card .plan-kpi{min-height:42px;border:1px solid #3a484f;border-radius:9px;background:rgba(8,10,12,.28);font-variant-numeric:tabular-nums}
.plan-list-card .plan-kpi--profit{border-color:rgba(var(--brand-success-rgb),.25);background:rgba(var(--brand-success-rgb),.08)}
.plan-list-card .connector-list__actions{align-self:center;flex-wrap:wrap;justify-content:flex-end;max-width:280px}
.plan-list-card .connector-list__actions .button{min-width:86px;white-space:normal;line-height:1.15}
.button--danger{border:1px solid rgba(var(--brand-error-rgb),.52);background:rgba(var(--brand-error-rgb),.08);color:var(--brand-error)}
.button--danger:hover,.button--danger:focus-visible{border-color:var(--brand-error);background:rgba(var(--brand-error-rgb),.16);color:#ff9aad}

/* Account and nested cards use the same restrained, readable layering. */
.account-panel>.card,.account-panel>.grid>.card{border-color:#39474e;background:linear-gradient(145deg,#1c252a,#171e22)}
.account-panel .dashboard-collapsible__body>.card,.account-panel .credits-withdrawal-box,.account-panel .credits-coupon-box,.account-panel .credits-get-box{border-color:#3b4a51;background:var(--brand-surface-interactive)}

@media(max-width:1100px){.plan-executing-summary__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-list-card{grid-template-columns:1fr}.plan-list-card .connector-list__actions{justify-content:flex-start;max-width:none}}
@media(max-width:700px){.plan-executing-summary__grid{grid-template-columns:1fr}.plan-executing-summary__item--positions{grid-column:auto}.plan-list-card .connector-list__actions,.plan-list-card .connector-list__actions form,.plan-list-card .connector-list__actions .button{width:100%}}

/* UAT usability refinements */
.connector-interface-group { padding-top: 12px; }
.interface-doc-link { display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-weight:800;color:var(--brand-accent); }
.interface-doc-link span { display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#caff32;color:#080a0c;font-weight:900;box-shadow:0 0 14px rgba(202,255,50,.5); }
.interface-doc-link span svg { width:17px;height:17px;fill:none;stroke:#080a0c;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round; }
.docs-data-flow { width:100%;max-width:none;box-sizing:border-box; }
.docs-quick-start { margin:16px 0 24px;padding:16px 18px;border-left:5px solid var(--brand-accent);border-radius:10px;background:rgba(var(--brand-success-rgb),.12);font-size:1.02rem;line-height:1.6; }
.plan-executing-summary__grid { display:flex;flex-direction:column;gap:0; }
.plan-executing-summary__item { display:grid;grid-template-columns:minmax(160px,32%) 1fr;border:0;border-bottom:1px solid #3b4950;border-radius:0;background:transparent; }
@media(max-width:700px){.plan-executing-summary__item{grid-template-columns:1fr}}
.setup-next-step{display:flex;align-items:center;gap:14px;margin:0 0 22px;padding:14px 18px;border:1px solid rgba(var(--brand-success-rgb),.55);border-left:5px solid var(--brand-accent);border-radius:12px;background:linear-gradient(110deg,rgba(var(--brand-success-rgb),.18),rgba(85,219,231,.08));box-shadow:0 10px 28px rgba(0,0,0,.18)}
.setup-next-step__icon{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:var(--brand-accent);color:#080a0c}.setup-next-step .button{margin-left:auto;white-space:nowrap}@media(max-width:700px){.setup-next-step{align-items:flex-start;flex-wrap:wrap}.setup-next-step .button{width:100%;margin-left:0}}
.dex-vault-create-hint{margin:6px 0 12px;color:var(--brand-accent)!important;font-weight:700}
.swal-coinrobot-loader{display:inline-grid!important;margin:1.5rem auto!important}.swal2-popup.swal2-loading .swal2-actions{display:none!important}
/* Registration referral field follows the dark CoinRobot brand palette. */
.auth-card .form__group--referral label{color:var(--brand-cyan)}
.auth-card .form__group--referral input[type="text"]{border-color:rgba(202,255,50,.45);background:#151b1f;color:var(--brand-text);box-shadow:inset 0 0 0 1px rgba(85,219,231,.08)}
.auth-card .form__group--referral input[type="text"]:focus{border-color:var(--brand-lime);box-shadow:0 0 0 3px rgba(202,255,50,.14)}
.setup-next-step__icon svg{width:18px;height:18px;fill:#080a0c;stroke:#080a0c;stroke-width:2.5}