.table thead th {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: 600;
    border-top: 0;
}

.table th {
    font-weight: 500;
    padding: 1rem;
}

.table td .progress {
    height: 3px;
    width: 120px;
    margin: 0;
}

.table td,
.table th {
    font-size: 0.875rem;
    white-space: nowrap;
}

.navbar-brand .navbar-brand-mobile-logo {
    width: 32px;
    height: 32px;
}

.invite-link-input {
    -webkit-user-select: text;
    user-select: text;
}

.billing-payment-copy-btn {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

.billing-flow-guide-title {
    transition: color 0.2s ease;
}

.billing-flow-guide-toggle:hover .billing-flow-guide-title,
.billing-flow-guide-toggle:focus .billing-flow-guide-title,
.billing-flow-guide-toggle[aria-expanded="true"] .billing-flow-guide-title {
    color: var(--bs-primary) !important;
}

.billing-plan-box {
    background: linear-gradient(180deg, #f8fafc 0%, #f3f6fa 100%);
    border-color: var(--bs-gray-300) !important;
}

.billing-plan-grid-title {
    color: var(--bs-gray-700);
    letter-spacing: 0.02em;
}

.billing-plan-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.6rem;
}

.billing-plan-grid-item {
    position: relative;
    overflow: hidden;
    padding: 0.55rem 0.65rem;
    border: 1px solid #dfe5ec;
    border-radius: 0.5rem;
    background-color: var(--bs-white);
    transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.billing-plan-grid-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--bs-primary);
    opacity: 0.75;
}

.billing-plan-grid-item:hover {
    box-shadow: 0 0.2rem 0.55rem rgba(17, 24, 39, 0.06);
    border-color: #d1dae5;
}

.billing-plan-grid-label {
    font-size: 0.75rem;
    color: var(--bs-gray-600);
    margin-bottom: 0.15rem;
    padding-left: 0.35rem;
}

.billing-plan-grid-value {
    font-size: 0.9rem;
    font-weight: 600;
    color: #0f3d7a;
    padding-left: 0.35rem;
}

@media (min-width: 768px) {
    .billing-plan-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.dashboard-dropdown {
    width: max-content;
    min-width: max-content;
}

.dashboard-dropdown .dropdown-item {
    width: auto;
}

@media (max-width: 575.98px) {
    #strategist-tabs .strategist-tab-link,
    #copybot-trade-tabs .strategist-tab-link {
        font-size: 0.8rem;
        padding: 0.42rem 0.72rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .strategy-table tbody.strategy-table-fade-cycle {
        animation: none;
    }
}

.master-bots-table .master-client-copybots-row td {
    background-color: #f8f9fa;
}

.master-bots-table .master-col-index {
    width: 3rem;
    white-space: nowrap;
}

.master-copybots-subtable .master-copybots-col-index {
    width: 2.5rem;
    white-space: nowrap;
}

.master-copybots-subtable th {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.master-copybots-subtable td {
    font-size: 0.85rem;
}

.master-bots-page-size-select {
    padding-right: 2.25rem;
}

.master-bots-user-filter-select {
    min-width: 14rem;
    max-width: 18rem;
}

@media (max-width: 991.98px) {
    .strategy-table {
        min-width: 960px;
    }
}

.li-small li, .td-small td{
    font-size: 0.8rem;
}

.table.user-table thead th {
    border-top: 0;
}

.table.align-items-center td,
.table.align-items-center th {
    vertical-align: middle;
}

.table .thead-dark th {
    background-color: var(--bs-gray-800);
    color: var(--bs-white);
}

.table .thead-dark th a {
    color: var(--bs-gray-800);
}

.table .thead-light th {
    background-color: var(--bs-gray-100);
    color: var(--bs-gray-800);
}

.table .thead-light th a {
    color: var(--bs-gray-800);
}

.table-hover tr {
    transition: all 0.2s ease;
}

@media (prefers-reduced-motion: reduce) {
    .table-hover tr {
        transition: none;
    }
}

.table-flush td,
.table-flush th {
    border-left: 0;
    border-right: 0;
}

.table-flush tbody tr:first-child td,
.table-flush tbody tr:first-child th {
    border-top: 0;
}

.table-flush tbody tr:last-child td,
.table-flush tbody tr:last-child th {
    border-bottom: 0;
}

.card .table {
    margin-bottom: 0;
}

.card .table td,
.card .table th {
    padding-left: 1rem;
    padding-right: 1rem;
}

.card .master-bots-table td, .card .master-bots-table th {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.table [data-sort] {
    cursor: pointer;
}

.table .custom-toggle {
    display: block;
}

.table .thead-dark [data-sort]::after {
    content: url("data:image/svg+xml;utf8,<svg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M3 0L6 4H0L3 0ZM3 10L0 6H6L3 10Z' fill='%231F2937'/></svg>");
    margin-left: 0.25rem;
}

.table .thead-light [data-sort]::after {
    content: url("data:image/svg+xml;utf8,<svg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M3 0L6 4H0L3 0ZM3 10L0 6H6L3 10Z' fill='%231F2937'/></svg>");
    margin-left: 0.25rem;
}


.strategy-table th,
.strategy-table td,
.card .strategy-table td,
.card .strategy-table th {
    padding: 0.5rem;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.strategy-table td.no-wrap {
    white-space: nowrap;
}

 .strategy-table td
{
    white-space: normal;
}

.strategy-table {
    table-layout: fixed;
}

/* For master keys table keep column width based on cell content. */
.master-keys-table {
    table-layout: auto;
}

.master-keys-table th,
.master-keys-table td {
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
}

.strategy-table .strategy-col-index {
    width: 3rem;
    text-align: center;
    white-space: nowrap;
}

.strategy-table .strategy-col-rule {
    width: 16rem;
    max-width: 16rem;
}

.strategy-table .strategy-subrow td {
    border-top: 0;
}

.strategy-table > tbody > tr.rule > td {
    border-bottom-width: 0 !important;
}

/* Events table uses `rule` only for hover style; keep row separators visible. */
.copybot-events-table > tbody > tr.rule > td {
    border-bottom-width: 1px !important;
}

.copybot-executions-table {
    table-layout: auto;
    min-width: 78rem;
}

.strategy-row-current > td {
    background-color: rgba(var(--bs-warning-rgb), 0.12);
}

.strategy-table > tbody > tr.rule:hover > td,
.strategy-table > tbody > tr.rule:hover + tr.strategy-subrow > td {
    background-color: rgba(242, 187, 53, 0.055);
}

.strategy-table > tbody > tr.rule.strategy-row-current:hover > td,
.strategy-table > tbody > tr.rule.strategy-row-current:hover + tr.strategy-subrow.strategy-row-current > td {
    background-color: rgba(var(--bs-warning-rgb), 0.18);
}

.strategy-table > tbody > tr.strategy-hover-link > td {
    background-color: rgba(242, 187, 53, 0.055);
}

.strategy-table > tbody > tr.strategy-hover-link.strategy-row-current > td {
    background-color: rgba(var(--bs-warning-rgb), 0.18);
}

.strategy-table tbody.strategy-table-fade-cycle {
    animation: strategy-table-fade-cycle 0.32s ease;
}

@keyframes strategy-table-fade-cycle {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    45% {
        opacity: 0;
        transform: translateY(3px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.strategist-tabs-wrap {
    overflow-x: auto;
    padding-bottom: 0.1rem;
}

#strategist-tabs.strategist-tabs,
#copybot-trade-tabs.strategist-tabs,
#billing-payment-tabs.strategist-tabs,
#billing-user-tabs.strategist-tabs {
    border-bottom: 0;
    gap: 0.5rem;
    flex-wrap: nowrap;
    min-width: max-content;
}

#strategist-tabs.strategist-tabs .nav-item,
#copybot-trade-tabs.strategist-tabs .nav-item,
#billing-payment-tabs.strategist-tabs .nav-item,
#billing-user-tabs.strategist-tabs .nav-item {
    border-bottom: 0;
}

#strategist-tabs .strategist-tab-link,
#copybot-trade-tabs .strategist-tab-link,
#billing-payment-tabs .strategist-tab-link,
#billing-user-tabs .strategist-tab-link {
    border: 1px solid rgba(17, 24, 39, 0.1);
    border-radius: 999px;
    padding: 0.52rem 0.95rem;
    background-color: var(--bs-white);
    color: var(--bs-gray-700);
    font-weight: 600;
    white-space: nowrap;
    line-height: 1.2;
    transition: all 0.2s ease;
}

#strategist-tabs .strategist-tab-link:hover,
#strategist-tabs .strategist-tab-link:focus,
#copybot-trade-tabs .strategist-tab-link:hover,
#copybot-trade-tabs .strategist-tab-link:focus,
#billing-payment-tabs .strategist-tab-link:hover,
#billing-payment-tabs .strategist-tab-link:focus,
#billing-user-tabs .strategist-tab-link:hover,
#billing-user-tabs .strategist-tab-link:focus {
    color: var(--bs-gray-800);
    border-color: rgba(17, 24, 39, 0.22);
    background-color: #f8fafc;
}

#strategist-tabs .strategist-tab-link.active,
#strategist-tabs .nav-item.show .strategist-tab-link,
#copybot-trade-tabs .strategist-tab-link.active,
#copybot-trade-tabs .nav-item.show .strategist-tab-link,
#billing-payment-tabs .strategist-tab-link.active,
#billing-payment-tabs .nav-item.show .strategist-tab-link,
#billing-user-tabs .strategist-tab-link.active,
#billing-user-tabs .nav-item.show .strategist-tab-link {
    color: var(--bs-white);
    background-color: var(--bs-gray-800);
    border-color: var(--bs-gray-800);
}

@media (min-width: 1200px) {
    .billing-payment-right-col {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .billing-payment-note-wrap {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
    }

    .billing-payment-note-input {
        flex: 1 1 auto;
        min-height: 8.25rem;
    }
}

.billing-flow-steps {
    font-size: 0.78rem;
}

.dataTables_wrapper .dataTables_info {
    padding-left: 1.5rem;
}

.dataTables_wrapper .dataTables_paginate {
    padding-right: 1.5rem;
}

.dataTables_wrapper .dataTables_length label {
    padding-left: 1.5rem;
}

.dataTables_wrapper .dataTables_filter {
    padding-right: 1.5rem;
}

.dataTable-top,
.dataTable-bottom {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

@media (max-width: 767.98px) {
    .dataTable-top,
.dataTable-bottom {
        flex-direction: column;
    }

    .dataTable-top .dataTable-info,
.dataTable-bottom .dataTable-info {
        margin-bottom: 1rem;
    }
}

.dataTable-top {
    padding: 0 0 1rem 0;
}

.dataTable-bottom {
    padding: 1.5rem 0 0 0;
}

.dataTable-pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
}

.dataTable-pagination a {
    padding: 0.375rem 0.75rem;
}

.dataTable-pagination li:first-child a {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.dataTable-pagination li:last-child a {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.dataTable-pagination > li:not(:first-child) a {
    margin-left: -0.0625rem;
}

.dataTable-pagination > li.active a {
    z-index: 3;
    color: var(--bs-white);
    background-color: var(--bs-gray-800);
    border-color: var(--bs-gray-800);
}

.dataTable-pagination > li.disabled a {
    color: var(--bs-gray-600);
    pointer-events: none;
    background-color: var(--bs-white);
    border-color: var(--bs-gray-300);
}

.dataTable-pagination > li a {
    position: relative;
    display: block;
    color: var(--bs-gray-800);
    background-color: var(--bs-white);
    border: 0.0625rem solid var(--bs-gray-400);
}

.dataTable-pagination > li a:hover {
    z-index: 2;
    color: black;
    background-color: var(--bs-gray-200);
    border-color: var(--bs-gray-300);
}

.dataTable-pagination > li a:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
}

.dataTable-selector {
    display: inline-block;
    width: auto;
    height: calc(1.5em + 1.125rem);
    padding: 0.5rem 2rem 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-gray-500);
    vertical-align: middle;
    background-color: var(--bs-white);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231F2937' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px 12px;
    border: 0.0625rem solid var(--bs-gray-300);
    border-radius: 0.5rem;
    box-shadow: inset 0 1px 2px rgba(17, 24, 39, 0.0125);
    -webkit-appearance: none;
    appearance: none;
}

.dataTable-selector:focus {
    border-color: #4d6689;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(17, 24, 39, 0.0125), 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
}

.dataTable-selector:focus::-ms-value {
    color: var(--bs-gray-500);
    background-color: var(--bs-white);
}

.dataTable-selector[multiple], .dataTable-selector[size]:not([size="1"]) {
    height: auto;
    padding-right: 1rem;
    background-image: none;
}

.dataTable-selector:disabled {
    color: var(--bs-gray-600);
    background-color: var(--bs-gray-200);
}

.dataTable-selector:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--bs-gray-500);
}

.dataTable-input {
    display: block;
    width: 100%;
    min-height: calc(1.5em + 1.125rem);
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-gray-500);
    background-color: var(--bs-white);
    background-clip: padding-box;
    border: 0.0625rem solid var(--bs-gray-300);
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0.5rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .dataTable-input {
        transition: none;
    }
}

.dataTable-input:focus {
    color: var(--bs-gray-500);
    background-color: var(--bs-white);
    border-color: #4d6689;
    outline: 0;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07), 0 0 0 0.18rem rgba(31, 41, 55, 0.25);
}

.dataTable-input::placeholder {
    color: var(--bs-gray-600);
    opacity: 1;
}

.dataTable-input:disabled, .dataTable-input[readonly] {
    background-color: var(--bs-gray-200);
    opacity: 1;
}

/**
 * = Typography
 */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Inter", sans-serif;
    font-weight: 500;
}

p, ol li, ul li, .p {
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
}

a, .text-action {
    color: var(--bs-gray-800);
    transition: all 0.2s ease;
}

a:hover, .text-action:hover {
    color: black;
    cursor: pointer;
}

.lead + .btn-wrapper {
    margin-top: 3rem;
}

@media (max-width: 767.98px) {
    .lead {
        font-size: 1rem;
    }
}

.line-through {
    -webkit-text-decoration: line-through;
    text-decoration: line-through;
}

.text-italic {
    font-style: italic !important;
}

.description {
    font-size: 0.875rem;
}

.hover\:underline:hover {
    text-decoration: underline;
}

.heading {
    font-size: 2rem;
    font-weight: 500;
}

@media (max-width: 767.98px) {
    .display-2 {
        font-size: 1.875rem;
    }
}

@media (max-width: 991.98px) {
    .display-3 {
        font-size: 1.875rem;
    }
}

@media (max-width: 575.98px) {
    .display-4 {
        font-size: 1.5rem;
    }
}

.blockquote {
    font-style: italic;
}

@media (max-width: 767.98px) {
    .blockquote.blockquote-large {
        font-size: 1.25rem;
    }
}

.blockquote .blockquote-footer {
    font-size: 0.875rem;
    font-weight: 600;
}

@media (max-width: 767.98px) {
    .blockquote .blockquote-footer {
        font-size: 1.25rem;
    }
}

.font-small {
    font-size: 0.875rem;
    font-weight: 300;
}

.font-base {
    font-size: 1rem;
    font-weight: 300;
}

.font-medium {
    font-size: 1.25rem;
    font-weight: 300;
}

code[class*=language-], pre[class*=language-] {
    text-shadow: none;
    font-family: var(--bs-font-sans-serif);
    font-weight: 500;
}

.text-primary, .text-primary:hover {
    color: var(--bs-gray-800) !important;
}

.text-primary a:not(.btn), .text-primary h1, .text-primary h2, .text-primary h3, .text-primary h4, .text-primary h5, .text-primary h6, .text-primary .h1, .text-primary .h2, .text-primary .h3, .text-primary .h4, .text-primary .h5, .text-primary .h6, .text-primary .display-1, .text-primary .display-2, .text-primary .display-3, .text-primary .display-4 {
    color: var(--bs-gray-800);
}

.text-primary .text-muted {
    color: rgba(31, 41, 55, 0.7) !important;
}

.text-secondary, .text-secondary:hover {
    color: var(--bs-secondary) !important;
}

.text-secondary a:not(.btn), .text-secondary h1, .text-secondary h2, .text-secondary h3, .text-secondary h4, .text-secondary h5, .text-secondary h6, .text-secondary .h1, .text-secondary .h2, .text-secondary .h3, .text-secondary .h4, .text-secondary .h5, .text-secondary .h6, .text-secondary .display-1, .text-secondary .display-2, .text-secondary .display-3, .text-secondary .display-4 {
    color: var(--bs-secondary);
}

.text-secondary .text-muted {
    color: rgba(240, 188, 116, 0.7) !important;
}

.text-tertiary, .text-tertiary:hover {
    color: var(--bs-tertiary) !important;
}

.text-tertiary a:not(.btn), .text-tertiary h1, .text-tertiary h2, .text-tertiary h3, .text-tertiary h4, .text-tertiary h5, .text-tertiary h6, .text-tertiary .h1, .text-tertiary .h2, .text-tertiary .h3, .text-tertiary .h4, .text-tertiary .h5, .text-tertiary .h6, .text-tertiary .display-1, .text-tertiary .display-2, .text-tertiary .display-3, .text-tertiary .display-4 {
    color: var(--bs-tertiary);
}

.text-tertiary .text-muted {
    color: rgba(49, 49, 106, 0.7) !important;
}

.text-success, .text-success:hover {
    color: var(--bs-success) !important;
}

.text-success a:not(.btn), .text-success h1, .text-success h2, .text-success h3, .text-success h4, .text-success h5, .text-success h6, .text-success .h1, .text-success .h2, .text-success .h3, .text-success .h4, .text-success .h5, .text-success .h6, .text-success .display-1, .text-success .display-2, .text-success .display-3, .text-success .display-4 {
    color: var(--bs-success);
}

.text-success .text-muted {
    color: rgba(16, 185, 129, 0.7) !important;
}

.text-info, .text-info:hover {
    color: var(--bs-info) !important;
}

.text-info a:not(.btn), .text-info h1, .text-info h2, .text-info h3, .text-info h4, .text-info h5, .text-info h6, .text-info .h1, .text-info .h2, .text-info .h3, .text-info .h4, .text-info .h5, .text-info .h6, .text-info .display-1, .text-info .display-2, .text-info .display-3, .text-info .display-4 {
    color: var(--bs-info);
}

.text-info .text-muted {
    color: rgba(35, 97, 206, 0.7) !important;
}

.text-warning, .text-warning:hover {
    color: var(--bs-warning) !important;
}

.text-warning a:not(.btn), .text-warning h1, .text-warning h2, .text-warning h3, .text-warning h4, .text-warning h5, .text-warning h6, .text-warning .h1, .text-warning .h2, .text-warning .h3, .text-warning .h4, .text-warning .h5, .text-warning .h6, .text-warning .display-1, .text-warning .display-2, .text-warning .display-3, .text-warning .display-4 {
    color: var(--bs-warning);
}

.text-warning .text-muted {
    color: rgba(243, 199, 142, 0.7) !important;
}

.text-danger, .text-danger:hover {
    color: var(--bs-danger) !important;
}

.text-danger a:not(.btn), .text-danger h1, .text-danger h2, .text-danger h3, .text-danger h4, .text-danger h5, .text-danger h6, .text-danger .h1, .text-danger .h2, .text-danger .h3, .text-danger .h4, .text-danger .h5, .text-danger .h6, .text-danger .display-1, .text-danger .display-2, .text-danger .display-3, .text-danger .display-4 {
    color: var(--bs-danger);
}

.text-danger .text-muted {
    color: rgba(225, 29, 72, 0.7) !important;
}

.text-white, .text-white:hover {
    color: var(--bs-white) !important;
}

.text-white a:not(.btn), .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white .h1, .text-white .h2, .text-white .h3, .text-white .h4, .text-white .h5, .text-white .h6, .text-white .display-1, .text-white .display-2, .text-white .display-3, .text-white .display-4 {
    color: var(--bs-white);
}

.text-white .text-muted {
    color: rgba(255, 255, 255, 0.7) !important;
}

.text-indigo, .text-indigo:hover {
    color: var(--bs-indigo) !important;
}

.text-indigo a:not(.btn), .text-indigo h1, .text-indigo h2, .text-indigo h3, .text-indigo h4, .text-indigo h5, .text-indigo h6, .text-indigo .h1, .text-indigo .h2, .text-indigo .h3, .text-indigo .h4, .text-indigo .h5, .text-indigo .h6, .text-indigo .display-1, .text-indigo .display-2, .text-indigo .display-3, .text-indigo .display-4 {
    color: var(--bs-indigo);
}

.text-indigo .text-muted {
    color: rgba(79, 70, 229, 0.7) !important;
}

.text-purple, .text-purple:hover {
    color: var(--bs-purple) !important;
}

.text-purple a:not(.btn), .text-purple h1, .text-purple h2, .text-purple h3, .text-purple h4, .text-purple h5, .text-purple h6, .text-purple .h1, .text-purple .h2, .text-purple .h3, .text-purple .h4, .text-purple .h5, .text-purple .h6, .text-purple .display-1, .text-purple .display-2, .text-purple .display-3, .text-purple .display-4 {
    color: var(--bs-purple);
}

.text-purple .text-muted {
    color: rgba(124, 58, 237, 0.7) !important;
}

.text-yellow-100, .text-yellow-100:hover {
    color: var(--bs-yellow-100) !important;
}

.text-yellow-100 a:not(.btn), .text-yellow-100 h1, .text-yellow-100 h2, .text-yellow-100 h3, .text-yellow-100 h4, .text-yellow-100 h5, .text-yellow-100 h6, .text-yellow-100 .h1, .text-yellow-100 .h2, .text-yellow-100 .h3, .text-yellow-100 .h4, .text-yellow-100 .h5, .text-yellow-100 .h6, .text-yellow-100 .display-1, .text-yellow-100 .display-2, .text-yellow-100 .display-3, .text-yellow-100 .display-4 {
    color: var(--bs-yellow-100);
}

.text-yellow-100 .text-muted {
    color: rgba(255, 238, 214, 0.7) !important;
}

.text-yellow-200, .text-yellow-200:hover {
    color: var(--bs-yellow-200) !important;
}

.text-yellow-200 a:not(.btn), .text-yellow-200 h1, .text-yellow-200 h2, .text-yellow-200 h3, .text-yellow-200 h4, .text-yellow-200 h5, .text-yellow-200 h6, .text-yellow-200 .h1, .text-yellow-200 .h2, .text-yellow-200 .h3, .text-yellow-200 .h4, .text-yellow-200 .h5, .text-yellow-200 .h6, .text-yellow-200 .display-1, .text-yellow-200 .display-2, .text-yellow-200 .display-3, .text-yellow-200 .display-4 {
    color: var(--bs-yellow-200);
}

.text-yellow-200 .text-muted {
    color: rgba(245, 219, 184, 0.7) !important;
}

.text-gray-50, .text-gray-50:hover {
    color: var(--bs-gray-50) !important;
}

.text-gray-50 a:not(.btn), .text-gray-50 h1, .text-gray-50 h2, .text-gray-50 h3, .text-gray-50 h4, .text-gray-50 h5, .text-gray-50 h6, .text-gray-50 .h1, .text-gray-50 .h2, .text-gray-50 .h3, .text-gray-50 .h4, .text-gray-50 .h5, .text-gray-50 .h6, .text-gray-50 .display-1, .text-gray-50 .display-2, .text-gray-50 .display-3, .text-gray-50 .display-4 {
    color: var(--bs-gray-50);
}

.text-gray-50 .text-muted {
    color: rgba(249, 250, 251, 0.7) !important;
}

.text-gray-100, .text-gray-100:hover {
    color: var(--bs-gray-100) !important;
}

.text-gray-100 a:not(.btn), .text-gray-100 h1, .text-gray-100 h2, .text-gray-100 h3, .text-gray-100 h4, .text-gray-100 h5, .text-gray-100 h6, .text-gray-100 .h1, .text-gray-100 .h2, .text-gray-100 .h3, .text-gray-100 .h4, .text-gray-100 .h5, .text-gray-100 .h6, .text-gray-100 .display-1, .text-gray-100 .display-2, .text-gray-100 .display-3, .text-gray-100 .display-4 {
    color: var(--bs-gray-100);
}

.text-gray-100 .text-muted {
    color: rgba(242, 244, 246, 0.7) !important;
}

.text-gray-200, .text-gray-200:hover {
    color: var(--bs-gray-200) !important;
}

.text-gray-200 a:not(.btn), .text-gray-200 h1, .text-gray-200 h2, .text-gray-200 h3, .text-gray-200 h4, .text-gray-200 h5, .text-gray-200 h6, .text-gray-200 .h1, .text-gray-200 .h2, .text-gray-200 .h3, .text-gray-200 .h4, .text-gray-200 .h5, .text-gray-200 .h6, .text-gray-200 .display-1, .text-gray-200 .display-2, .text-gray-200 .display-3, .text-gray-200 .display-4 {
    color: var(--bs-gray-200);
}

.text-gray-200 .text-muted {
    color: rgba(229, 231, 235, 0.7) !important;
}

.text-gray-300, .text-gray-300:hover {
    color: var(--bs-gray-300) !important;
}

.text-gray-300 a:not(.btn), .text-gray-300 h1, .text-gray-300 h2, .text-gray-300 h3, .text-gray-300 h4, .text-gray-300 h5, .text-gray-300 h6, .text-gray-300 .h1, .text-gray-300 .h2, .text-gray-300 .h3, .text-gray-300 .h4, .text-gray-300 .h5, .text-gray-300 .h6, .text-gray-300 .display-1, .text-gray-300 .display-2, .text-gray-300 .display-3, .text-gray-300 .display-4 {
    color: var(--bs-gray-300);
}

.text-gray-300 .text-muted {
    color: rgba(209, 213, 219, 0.7) !important;
}

.text-gray-400, .text-gray-400:hover {
    color: var(--bs-gray-400) !important;
}

.text-gray-400 a:not(.btn), .text-gray-400 h1, .text-gray-400 h2, .text-gray-400 h3, .text-gray-400 h4, .text-gray-400 h5, .text-gray-400 h6, .text-gray-400 .h1, .text-gray-400 .h2, .text-gray-400 .h3, .text-gray-400 .h4, .text-gray-400 .h5, .text-gray-400 .h6, .text-gray-400 .display-1, .text-gray-400 .display-2, .text-gray-400 .display-3, .text-gray-400 .display-4 {
    color: var(--bs-gray-400);
}

.text-gray-400 .text-muted {
    color: rgba(156, 163, 175, 0.7) !important;
}

.text-gray-500, .text-gray-500:hover {
    color: var(--bs-gray-500) !important;
}

.text-gray-500 a:not(.btn), .text-gray-500 h1, .text-gray-500 h2, .text-gray-500 h3, .text-gray-500 h4, .text-gray-500 h5, .text-gray-500 h6, .text-gray-500 .h1, .text-gray-500 .h2, .text-gray-500 .h3, .text-gray-500 .h4, .text-gray-500 .h5, .text-gray-500 .h6, .text-gray-500 .display-1, .text-gray-500 .display-2, .text-gray-500 .display-3, .text-gray-500 .display-4 {
    color: var(--bs-gray-500);
}

.text-gray-500 .text-muted {
    color: rgba(107, 114, 128, 0.7) !important;
}

.text-gray-600, .text-gray-600:hover {
    color: var(--bs-gray-600) !important;
}

.text-gray-600 a:not(.btn), .text-gray-600 h1, .text-gray-600 h2, .text-gray-600 h3, .text-gray-600 h4, .text-gray-600 h5, .text-gray-600 h6, .text-gray-600 .h1, .text-gray-600 .h2, .text-gray-600 .h3, .text-gray-600 .h4, .text-gray-600 .h5, .text-gray-600 .h6, .text-gray-600 .display-1, .text-gray-600 .display-2, .text-gray-600 .display-3, .text-gray-600 .display-4 {
    color: var(--bs-gray-600);
}

.text-gray-600 .text-muted {
    color: rgba(75, 85, 99, 0.7) !important;
}

.text-gray-700, .text-gray-700:hover {
    color: var(--bs-gray-700) !important;
}

.text-gray-700 a:not(.btn), .text-gray-700 h1, .text-gray-700 h2, .text-gray-700 h3, .text-gray-700 h4, .text-gray-700 h5, .text-gray-700 h6, .text-gray-700 .h1, .text-gray-700 .h2, .text-gray-700 .h3, .text-gray-700 .h4, .text-gray-700 .h5, .text-gray-700 .h6, .text-gray-700 .display-1, .text-gray-700 .display-2, .text-gray-700 .display-3, .text-gray-700 .display-4 {
    color: var(--bs-gray-700);
}

.text-gray-700 .text-muted {
    color: rgba(55, 65, 81, 0.7) !important;
}

.text-gray-800, .text-gray-800:hover {
    color: var(--bs-gray-800) !important;
}

.text-gray-800 a:not(.btn), .text-gray-800 h1, .text-gray-800 h2, .text-gray-800 h3, .text-gray-800 h4, .text-gray-800 h5, .text-gray-800 h6, .text-gray-800 .h1, .text-gray-800 .h2, .text-gray-800 .h3, .text-gray-800 .h4, .text-gray-800 .h5, .text-gray-800 .h6, .text-gray-800 .display-1, .text-gray-800 .display-2, .text-gray-800 .display-3, .text-gray-800 .display-4 {
    color: var(--bs-gray-800);
}

.text-gray-800 .text-muted {
    color: rgba(31, 41, 55, 0.7) !important;
}

.text-gray-900, .text-gray-900:hover {
    color: var(--bs-gray-900) !important;
}

.text-gray-900 a:not(.btn), .text-gray-900 h1, .text-gray-900 h2, .text-gray-900 h3, .text-gray-900 h4, .text-gray-900 h5, .text-gray-900 h6, .text-gray-900 .h1, .text-gray-900 .h2, .text-gray-900 .h3, .text-gray-900 .h4, .text-gray-900 .h5, .text-gray-900 .h6, .text-gray-900 .display-1, .text-gray-900 .display-2, .text-gray-900 .display-3, .text-gray-900 .display-4 {
    color: var(--bs-gray-900);
}

.text-gray-900 .text-muted {
    color: rgba(17, 24, 39, 0.7) !important;
}

article img {
    margin: 40px 0;
}

article p, article ul, article ol, article blockquote {
    margin-bottom: 20px;
}

article p, article ul li, article ol li {
    font-size: 1.2rem;
}

article h1, article h2, article h3, article h4, article h5, article h6,
article .h1, article .h2, article .h3, article .h4, article .h5, article .h6 {
    margin-bottom: 30px;
}

.folder-structure li {
    font-size: 1.2rem;
}

.truncate-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/**
 * = Timelines
 */
.list-group-timeline .list-group-item {
    position: relative;
}

.list-group-timeline .list-group-item .col-auto {
    z-index: 999;
}

.list-group-timeline .list-group-item:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 1rem;
    left: 2.5rem;
    height: 100%;
    border-left: 1px solid var(--bs-gray-400);
}

.tooltip-inner {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.chartist-tooltip {
    position: absolute;
    display: inline-block;
    opacity: 0;
    min-width: 5em;
    padding: 0.5em;
    background: var(--bs-gray-100);
    border: 1px solid var(--bs-gray-100);
    border-radius: 0.5rem;
    color: var(--bs-gray-800);
    font-weight: 500;
    text-align: center;
    pointer-events: none;
    z-index: 1;
    transition: all 0.2s ease;
}

.chartist-tooltip:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top-color: var(--bs-gray-100);
}

.chartist-tooltip.tooltip-show {
    opacity: 1;
}

.ct-area, .ct-line {
    pointer-events: none;
}

[data-simplebar] {
    position: fixed;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0;
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
    width: auto;
    max-width: 100%;
  /* Not required for horizontal scroll to trigger */
    max-height: 100%;
  /* Needed for vertical scroll to trigger */
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
    content: " ";
    display: table;
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0;
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all;
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px;
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: black;
    border-radius: 7px;
    left: 2px;
    right: 2px;
    opacity: 0;
    transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrolling .simplebar-scrollbar:before,
.simplebar-hover .simplebar-scrollbar:before,
.simplebar-mouse-entered .simplebar-scrollbar:before {
    opacity: 0.5;
    transition-delay: 0s;
    transition-duration: 0s;
}

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
    opacity: 0.5;
    transition-delay: 0s;
    transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px;
}

.simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 0;
    bottom: 0;
    min-height: 0;
    min-width: 10px;
    width: auto;
}

/* Rtl support */
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0;
}

.simplebar-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
    width: 200%;
    height: 200%;
    margin: 10px 0;
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.simplebar-scrollbar::before {
    background-color: #0d1116;
}

@media (min-width: 992px) {
    .form-control.form-control-lg {
        padding: 1rem 1rem;
    }
}

.search-bar .form-control {
    width: 280px;
    transition: width 0.2s ease-in-out;
}

@media (max-width: 575.98px) {
    .search-bar .form-control {
        width: 120px;
    }

    .search-bar .form-control:focus {
        width: 150px;
    }
}

.form-check-input.round-check[type=checkbox] {
    border-radius: 50%;
}

.form-switch {
    padding-left: 2.75em;
}

.form-switch .form-check-input {
    height: 1.275em;
}

.input-group .form-control:focus {
    border-color: var(--bs-gray-300);
}

.input-group .form-control:focus + .input-group-text {
    border-color: var(--bs-gray-300);
}

.input-group-text {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.07);
}

.form-select .form-select-lg {
    padding: 0.5rem 2rem 0.5rem 1rem;
}

.file-field input[type=file] {
    max-width: 230px;
    position: absolute;
    cursor: pointer;
    filter: alpha(opacity=0);
    opacity: 0;
    padding-bottom: 30px;
}

.file-field svg {
    cursor: pointer;
}

.datepicker-dropdown {
    z-index: 9999;
}

.copybot-balance-filters {
    row-gap: 0.5rem;
}

.copybot-balance-filter-item {
    flex: 0 0 auto;
}

.copybot-balance-filter-select {
    width: auto;
    min-width: 0;
    max-width: 100%;
    padding-right: 2.25rem;
}

.copybot-card-controls {
    row-gap: 0.5rem;
}

.copybot-card-control-form {
    flex: 0 0 auto;
    max-width: 100%;
}

.copybot-card-control-select {
    width: auto;
    min-width: 0;
    max-width: 100%;
    padding-right: 2.25rem;
}

.copybot-card-collateral-select {
    max-width: 14rem;
}

.copybot-card-credential-select {
    max-width: 18rem;
}

.copybot-panel-control-select {
    width: fit-content;
    max-width: 100%;
    padding-right: 2.25rem;
}

.copybot-panel-control-form {
    flex-wrap: wrap;
    row-gap: 0.35rem;
}

@media (max-width: 767.98px) {
    .copybot-panel-control-form {
        width: 100%;
    }

    .copybot-panel-control-form .copybot-panel-control-select {
        flex: 1 1 100%;
        width: 100%;
        max-width: none;
    }

    .copybot-card-control-form {
        width: 100%;
        flex-wrap: wrap;
        row-gap: 0.35rem;
    }

    .copybot-card-control-select {
        flex: 1 1 100%;
        width: 100%;
        max-width: none;
    }
}

#copybot-balance-plot {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
}

#copybot-pnl-plot {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
}

#copybot-balance-plot .js-plotly-plot,
#copybot-balance-plot .plotly,
#copybot-balance-plot .svg-container {
    width: 100% !important;
}

.popover .popover-header,
.popover .popover-body {
    color: var(--bs-gray-100);
    font-size: 0.8rem;
    line-height: 1.2;
}

.popover .popover-header {
    font-size: 1rem;
    font-weight: 600;
}
.popover .popover-body {
    padding-top: 10px;
}
/*# sourceMappingURL=volt.css.map */

.sidebar-bybit-banner {
    display: block;
    width: 100%;
    max-width: 100px;
    height: auto;
    border-radius: 0.5rem;
}

.billing-compact-card {
    font-size: 0.9rem;
}

.billing-record-card {
    border-color: var(--bs-gray-300) !important;
    box-shadow: 0 0.25rem 0.75rem rgba(17, 24, 39, 0.04);
}

.billing-record-card__header {
    padding-bottom: 0.75rem;
    margin-bottom: 0.85rem;
    border-bottom: 1px solid rgba(209, 218, 229, 0.9);
}

.billing-compact-card__title {
    font-size: 0.95rem;
    line-height: 1.2;
    color: #0f3d7a;
}

.billing-compact-card__meta {
    font-size: 0.76rem;
    line-height: 1.25;
}

.billing-compact-card__row + .billing-compact-card__row {
    margin-top: 0.4rem;
}

.billing-record-card__stats {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.6rem;
}

.billing-record-card__stat {
    min-height: 100%;
}

.billing-compact-card__label {
    font-size: 0.74rem;
    line-height: 1.15;
    margin-bottom: 0.1rem;
}

.billing-compact-card__value {
    font-size: 0.92rem;
    line-height: 1.2;
}

.billing-compact-card__details {
    font-size: 0.78rem;
    line-height: 1.3;
}

.billing-record-card__details {
    border-color: rgba(209, 218, 229, 0.9) !important;
}

.billing-record-card__note {
    padding-left: 0.1rem;
}

@media (min-width: 576px) {
    .billing-record-card__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}