@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/static/fonts/nanum-square-round/NanumSquareRoundL.ttf") format("truetype");
}

@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/static/fonts/nanum-square-round/NanumSquareRoundR.ttf") format("truetype");
}

@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/static/fonts/nanum-square-round/NanumSquareRoundB.ttf") format("truetype");
}

@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/static/fonts/nanum-square-round/NanumSquareRoundEB.ttf") format("truetype");
}

html[dir="ltr"],
body {
  direction: ltr;
}

body,
button,
input,
select,
textarea,
.card,
.nav-text,
.dropdown-menu,
.table,
.form-control,
.btn {
  font-family: "NanumSquareRound", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body :not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.ti):not(.material-symbols-outlined):not([class*="flaticon"]):not([class*="la-"]):not([class*="mdi"]) {
  font-family: "NanumSquareRound", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-fragment-target] {
  min-width: 0;
}

.nav-header,
.header,
.header .header-content {
  z-index: 30000 !important;
}

.nav-header {
  align-items: flex-start;
  display: flex !important;
  justify-content: flex-start;
  z-index: 30100 !important;
}

.nav-control {
  align-items: center;
  display: none;
  flex: 0 0 2.25rem;
  height: 2.25rem;
  justify-content: center;
  margin-left: 0.35rem;
  margin-top: 1.18rem;
  position: static !important;
  transform: none !important;
  width: 2.25rem;
  z-index: 30110 !important;
}

.header {
  isolation: isolate;
}

.nav-header {
  isolation: isolate;
}

@media (max-width: 767.98px) {
  body.mobile-sidebar-open {
    overflow: hidden;
  }

  .nav-header {
    align-items: center;
    background: transparent !important;
    display: flex !important;
    height: 4.5rem !important;
    left: 0 !important;
    padding-left: 0.65rem;
    position: fixed !important;
    top: 0 !important;
    width: 9.75rem !important;
  }

  .nav-header .brand-logo {
    justify-content: flex-start !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 5.95rem !important;
  }

  .nav-header .ohana-nav-brand {
    margin-top: 0;
    width: 5.35rem;
  }

  .nav-control {
    display: inline-flex;
    height: 2.25rem !important;
    left: 6.25rem !important;
    position: absolute !important;
    right: auto !important;
    top: 1.05rem !important;
    transform: none !important;
    width: 2.25rem !important;
  }

  #main-wrapper::after {
    background: rgba(12, 11, 38, 0.48);
    content: "";
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    transition: opacity 0.18s ease;
    z-index: 30150;
  }

  #main-wrapper.menu-toggle::after {
    opacity: 1;
    pointer-events: auto;
  }

  #main-wrapper.mobile-sidebar-is-open::after {
    opacity: 1;
    pointer-events: auto;
  }

  [data-sidebar-style="full"][data-layout="vertical"] .dlabnav,
  .dlabnav {
    bottom: 0;
    height: 100dvh !important;
    left: 0 !important;
    overflow-y: auto !important;
    position: fixed !important;
    top: 0 !important;
    transform: translateX(-105%);
    transition: transform 0.2s ease;
    width: min(18rem, 82vw) !important;
    z-index: 30200 !important;
  }

  [data-sidebar-style="full"][data-layout="vertical"] #main-wrapper.menu-toggle .dlabnav,
  [data-sidebar-style="full"][data-layout="vertical"] #main-wrapper.mobile-sidebar-is-open .dlabnav,
  #main-wrapper.mobile-sidebar-is-open .dlabnav,
  body.mobile-sidebar-open .dlabnav,
  #main-wrapper.menu-toggle .dlabnav {
    overflow: hidden !important;
    transform: translateX(0);
    width: min(18rem, 82vw) !important;
  }

  [data-sidebar-style="full"][data-layout="vertical"] #main-wrapper.menu-toggle .dlabnav .nav-text,
  [data-sidebar-style="full"][data-layout="vertical"] #main-wrapper.mobile-sidebar-is-open .dlabnav .nav-text,
  [data-sidebar-style="full"][data-layout="vertical"] #main-wrapper.mobile-sidebar-is-open .dlabnav .badge,
  #main-wrapper.mobile-sidebar-is-open .dlabnav .nav-text,
  #main-wrapper.mobile-sidebar-is-open .dlabnav .badge,
  [data-sidebar-style="full"][data-layout="vertical"] #main-wrapper.menu-toggle .dlabnav .badge {
    display: inline-flex !important;
  }

  [data-sidebar-style="full"][data-layout="vertical"] #main-wrapper.menu-toggle .dlabnav .main-menu,
  [data-sidebar-style="full"][data-layout="vertical"] #main-wrapper.menu-toggle .dlabnav .support-box,
  [data-sidebar-style="full"][data-layout="vertical"] #main-wrapper.mobile-sidebar-is-open .dlabnav .main-menu,
  [data-sidebar-style="full"][data-layout="vertical"] #main-wrapper.mobile-sidebar-is-open .dlabnav .support-box,
  [data-sidebar-style="full"][data-layout="vertical"] #main-wrapper.mobile-sidebar-is-open .dlabnav .copyright,
  #main-wrapper.mobile-sidebar-is-open .dlabnav .main-menu,
  #main-wrapper.mobile-sidebar-is-open .dlabnav .support-box,
  #main-wrapper.mobile-sidebar-is-open .dlabnav .copyright,
  [data-sidebar-style="full"][data-layout="vertical"] #main-wrapper.menu-toggle .dlabnav .copyright {
    display: block !important;
  }

  [data-sidebar-style="full"][data-layout="vertical"] #main-wrapper.menu-toggle .dlabnav .metismenu > li {
    padding: 0;
  }

  [data-sidebar-style="full"][data-layout="vertical"] #main-wrapper.menu-toggle .dlabnav .metismenu > li > a {
    padding: 0.75rem 1.25rem;
    text-align: left;
  }

  [data-sidebar-style="full"][data-layout="vertical"] #main-wrapper.menu-toggle .content-body,
  .content-body {
    margin-left: 0 !important;
  }
}

.nav-header .brand-logo {
  align-items: center;
  flex: 0 1 auto;
  gap: 0.7rem;
  max-width: calc(100% - 2.8rem);
  min-width: 0;
}

.nav-header .brand-logo > .logo-abbr,
.nav-header .brand-logo > .brand-title {
  display: none !important;
}

.ohana-nav-brand {
  align-items: center;
  color: #fff;
  display: inline-flex;
  margin-top: 0.35rem;
  min-width: 0;
  width: 9.7rem;
}

.ohana-sidebar-logo {
  display: block;
  height: auto;
  max-height: 4.85rem;
  object-fit: contain;
  width: 100%;
}

.fragment-loading {
  opacity: 0.65;
  pointer-events: none;
}

.modal .btn-close {
  align-items: center;
  background: #f3f1fb;
  border: 1px solid #d7d3f8;
  border-radius: 8px;
  color: #3a36a4;
  display: inline-flex;
  flex: 0 0 auto;
  font-family: Arial, sans-serif;
  font-size: 1.15rem;
  font-weight: 800;
  height: 2.1rem;
  justify-content: center;
  line-height: 1;
  opacity: 1;
  padding: 0;
  width: 2.1rem;
}

.modal .btn-close::before {
  content: "\00d7";
}

.modal .btn-close:hover {
  background: #e9e6fb;
  border-color: #b8b2ef;
  color: #29248f;
}

.modal .btn-close:focus {
  box-shadow: 0 0 0 0.18rem rgba(74, 69, 199, 0.18);
  outline: 0;
}

.dlabnav .metismenu a.menu-disabled {
  color: rgba(22, 22, 70, 0.36);
  cursor: not-allowed;
  pointer-events: none;
}

.dlabnav .metismenu a.menu-disabled::after {
  background: rgba(22, 22, 70, 0.08);
  border-radius: 999px;
  color: rgba(22, 22, 70, 0.45);
  content: "예정";
  display: inline-flex;
  font-size: 0.68rem;
  font-weight: 700;
  margin-left: 0.45rem;
  padding: 0.1rem 0.38rem;
  vertical-align: middle;
}

.dlabnav .metismenu ul a.mm-active {
  background: rgba(127, 99, 244, 0.12);
  border-radius: 0.5rem;
  color: var(--primary);
  font-weight: 800;
}

.dlabnav .support-box .material-symbols-outlined {
  color: #fff;
  font-size: 2rem;
}

.monitor-mini-row {
  margin-bottom: 1rem;
}

.monitor-mini-row > [class*="col-"] {
  display: flex;
}

.monitor-mini-row .card-box {
  width: 100%;
}

.monitor-mini-row .dlab-swiper-circle {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}

.monitor-mini-row .dlab-swiper-circle .material-symbols-outlined {
  color: var(--primary);
  font-size: 1.7rem;
}

.dashboard-wallet-card .card-header {
  min-height: 0;
  padding-bottom: 1.15rem !important;
}

.dashboard-wallet-lines {
  flex: 1;
  min-width: 0;
}

.dashboard-wallet-lines p {
  font-size: 0.92rem;
  margin-bottom: 0;
}

.dashboard-wallet-values {
  display: flex;
  flex-direction: column;
  gap: 0.24rem;
  margin-top: 24px;
}

.dashboard-wallet-values > div {
  align-items: center;
  display: flex;
  gap: 0.6rem;
  justify-content: space-between;
  line-height: 1.25;
}

.dashboard-wallet-values > div:last-child {
  gap: 0.25rem;
}

.dashboard-wallet-values > div:last-child span {
  margin-right: auto;
}

.dashboard-wallet-values span {
  color: rgba(255, 255, 255, 0.82);
  font-size: calc(0.78rem + 2px);
  white-space: nowrap;
}

.dashboard-wallet-values em {
  color: #fff;
  font-size: calc(0.92rem + 2px);
  font-style: normal;
  font-weight: 400;
  text-align: right;
  white-space: nowrap;
}

.dashboard-wallet-values strong {
  color: #fff;
  font-size: calc(0.92rem + 2px);
  font-weight: 800;
  text-align: right;
  white-space: nowrap;
}

.chart-slot-grid {
  align-items: stretch;
}

.chart-slot-card {
  min-height: 34rem;
}

.chart-slot-card .card-header {
  gap: 1rem;
}

.slot-label {
  color: var(--primary);
  display: block;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0;
  margin-bottom: 0.2rem;
  text-transform: uppercase;
}

.chart-slot-controls {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.chart-slot-controls .wide {
  min-width: 8rem;
}

.chart-slot-controls .compact {
  min-width: 5.25rem;
}

.chart-config-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.9rem;
}

.chart-config-row span {
  background: #f3f1fb;
  border-radius: 999px;
  color: #3a36a4;
  font-size: 0.78rem;
  font-weight: 700;
  padding: 0.35rem 0.65rem;
}

.chart-config-row.muted span {
  background: #f4f4f6;
  color: #8a8d93;
}

.tradingview-chart,
.inactive-chart-panel {
  border: 1px solid rgba(22, 22, 70, 0.08);
  border-radius: 0.5rem;
  height: 34.375rem;
  min-height: 34.375rem;
  overflow: hidden;
}

.tradingview-chart {
  background: #fff;
  position: relative;
  z-index: 1;
}

.tradingview-chart canvas,
.tradingview-chart .lightweight-charts,
.tradingview-chart .tv-lightweight-charts,
.lightweight-chart-surface {
  position: relative;
  z-index: 1;
}

.chart-loading,
.inactive-chart-panel {
  align-items: center;
  color: #717579;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.chart-loading {
  height: 34.375rem;
}

.chart-refresh-overlay {
  align-items: center;
  backdrop-filter: blur(2px);
  background: rgba(255, 255, 255, 0.72);
  color: #27245f;
  display: flex;
  flex-direction: column;
  font-size: 0.86rem;
  font-weight: 800;
  gap: 0.75rem;
  inset: 0;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translateZ(0);
  transition: opacity 0.16s ease;
  z-index: 18;
}

.tradingview-chart.is-chart-refreshing .chart-refresh-overlay {
  opacity: 1;
}

.chart-refresh-spinner {
  animation: chart-refresh-spin 0.72s linear infinite;
  border: 3px solid rgba(64, 57, 189, 0.18);
  border-radius: 50%;
  border-top-color: #3f38bb;
  height: 2.25rem;
  width: 2.25rem;
}

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

.lightweight-chart-surface {
  height: 100%;
  min-height: 34.375rem;
  position: relative;
  width: 100%;
}

.indicator-fill-overlay {
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.tradingview-chart .indicator-fill-overlay {
  inset: 0;
  position: absolute;
  z-index: 3;
}

.chart-watermark {
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(22, 22, 70, 0.08);
  border-radius: 999px;
  color: #717579;
  font-size: 0.72rem;
  font-weight: 800;
  left: 0.75rem;
  padding: 0.22rem 0.55rem;
  pointer-events: none;
  position: absolute;
  top: 0.65rem;
  z-index: 2;
}

.chart-indicator-legend {
  align-items: center;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(22, 22, 70, 0.08);
  border-radius: 999px;
  color: #50545d;
  display: inline-flex;
  font-size: 0.72rem;
  font-weight: 800;
  gap: 0.55rem;
  left: 8.8rem;
  padding: 0.22rem 0.65rem;
  pointer-events: none;
  position: absolute;
  top: 0.65rem;
  z-index: 2;
}

.chart-indicator-legend span {
  align-items: center;
  display: inline-flex;
  gap: 0.28rem;
}

.chart-indicator-legend i {
  border-radius: 999px;
  display: inline-block;
  height: 0.42rem;
  width: 0.42rem;
}

.chart-indicator-legend .legend-ma7 {
  background: #16a34a;
}

.chart-indicator-legend .legend-ma25 {
  background: #dc2626;
}

.chart-indicator-legend .legend-crystal-ha {
  background: linear-gradient(90deg, rgba(56, 189, 248, 0.72), rgba(255, 77, 184, 0.72));
}

.chart-indicator-legend .legend-stoch-k {
  background: rgba(22, 163, 74, 0.95);
}

.chart-indicator-legend .legend-stoch-d {
  background: rgba(236, 72, 153, 0.95);
}

.chart-indicator-legend .legend-stoch-mid {
  background: rgba(245, 158, 11, 0.95);
}

.chart-indicator-legend .legend-di-plus {
  background: rgba(22, 163, 74, 0.95);
}

.chart-indicator-legend .legend-di-minus {
  background: rgba(220, 38, 38, 0.95);
}

.chart-indicator-legend .legend-adx {
  background: rgba(245, 158, 11, 0.95);
}

.chart-indicator-legend .legend-adx-diff {
  background: rgba(34, 197, 94, 0.74);
}

.inactive-chart-panel {
  background:
    linear-gradient(90deg, rgba(22, 22, 70, 0.05) 1px, transparent 1px),
    linear-gradient(0deg, rgba(22, 22, 70, 0.05) 1px, transparent 1px),
    #fbfbfe;
  background-size: 42px 42px;
  gap: 0.35rem;
  padding: 1.5rem;
}

.inactive-chart-panel .material-symbols-outlined {
  color: rgba(58, 54, 164, 0.26);
  font-size: 3rem;
}

.inactive-chart-panel strong {
  color: #4f5158;
  font-size: 1.05rem;
}

.chart-slot-card.is-disabled {
  opacity: 0.86;
}

.monitor-stat-card .card-body {
  align-items: center;
  display: flex;
  gap: 0.9rem;
  min-height: 6.1rem;
}

.monitor-stat-card .material-symbols-outlined {
  align-items: center;
  background: rgba(127, 99, 244, 0.12);
  border-radius: 0.5rem;
  color: var(--primary);
  display: inline-flex;
  font-size: 1.7rem;
  height: 3rem;
  justify-content: center;
  width: 3rem;
}

.monitor-stat-card span {
  color: #717579;
  display: block;
  font-size: 0.86rem;
  margin-bottom: 0.18rem;
}

.monitor-stat-card h3 {
  color: #161646;
  font-size: 1.6rem;
  font-weight: 800;
  margin: 0;
}

.futures-wallet-stat-card .card-body {
  align-items: flex-start;
}

.wallet-stat-lines {
  flex: 1;
  min-width: 0;
}

.wallet-stat-lines > div {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  line-height: 1.25;
}

.wallet-stat-lines > div:last-child {
  gap: 0.25rem;
}

.wallet-stat-lines > div:last-child small {
  margin-right: auto;
}

.wallet-stat-lines small {
  color: #717579;
  font-size: 0.72rem;
  white-space: nowrap;
}

.wallet-stat-lines em {
  color: #161646;
  font-size: 0.88rem;
  font-style: normal;
  font-weight: 400;
  text-align: right;
  white-space: nowrap;
}

.wallet-stat-lines strong {
  color: #161646;
  font-size: 0.88rem;
  font-weight: 800;
  text-align: right;
  white-space: nowrap;
}

.monitor-control-card .card-body {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.monitor-control-card p {
  color: #717579;
}

.monitor-control-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  justify-content: flex-end;
}

.global-trade-settings {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  justify-content: center;
}

.global-trade-settings div {
  background: #f3f1fb;
  border-radius: 0.5rem;
  min-width: 7.6rem;
  padding: 0.55rem 0.75rem;
}

.global-trade-settings span {
  color: #717579;
  display: block;
  font-size: 0.74rem;
  font-weight: 700;
  margin-bottom: 0.12rem;
}

.global-trade-settings strong {
  color: #161646;
  display: block;
  font-size: 0.95rem;
  font-weight: 800;
}

.monitor-control-actions .btn,
.slot-card-footer .btn {
  align-items: center;
  display: inline-flex;
  gap: 0.35rem;
  justify-content: center;
  white-space: nowrap;
}

.monitor-control-actions .material-symbols-outlined,
.slot-card-footer .material-symbols-outlined {
  font-size: 1.1rem;
}

.monitoring-slot-grid {
  align-items: stretch;
}

.slot-tabs-shell {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 0.35rem 1rem rgba(38, 38, 92, 0.08);
  margin-bottom: 1rem;
  padding: 0.85rem;
}

.slot-tab-list {
  display: grid;
  gap: 0.55rem;
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.slot-tab-button {
  align-items: center;
  background: #f7f6ff;
  border: 1px solid #e5e2fb;
  border-radius: 8px;
  color: #2f3154;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-height: 4.1rem;
  padding: 0.65rem 0.5rem;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
  width: 100%;
}

.slot-tab-button.active {
  background: #ffffff;
  border-color: #4a45c7;
  box-shadow: 0 0.35rem 1rem rgba(74, 69, 199, 0.16);
  transform: translateY(-1px);
}

.slot-tab-head {
  align-items: center;
  display: inline-flex;
  gap: 0.3rem;
  justify-content: center;
  min-width: 0;
  width: 100%;
}

.slot-tab-number {
  align-items: center;
  background: #4a45c7;
  border-radius: 999px;
  color: #ffffff;
  display: inline-flex;
  font-size: 0.8rem;
  font-weight: 900;
  height: 1.65rem;
  justify-content: center;
  min-width: 1.65rem;
  padding: 0 0.35rem;
}

.slot-tab-profit {
  border-radius: 999px;
  display: inline-flex;
  font-size: 0.62rem;
  font-weight: 900;
  line-height: 1;
  max-width: 8.8rem;
  overflow: hidden;
  padding: 0.26rem 0.42rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.slot-tab-profit.is-profit {
  background: rgba(18, 166, 106, 0.12);
  color: #12a66a;
}

.slot-tab-profit.is-loss {
  background: rgba(255, 77, 79, 0.12);
  color: #ff4d4f;
}

.slot-tab-profit.is-flat {
  background: rgba(74, 69, 199, 0.11);
  color: #4a45c7;
}

.slot-tab-button strong {
  background: #efeefa;
  border-radius: 999px;
  color: #4a45c7;
  font-size: 0.76rem;
  font-weight: 900;
  line-height: 1;
  min-width: 3.15rem;
  padding: 0.28rem 0.55rem;
  white-space: nowrap;
}

.slot-tab-badges {
  align-items: center;
  display: inline-flex;
  gap: 0.3rem;
  justify-content: center;
  min-width: 0;
  flex-wrap: wrap;
}

.slot-tab-button.is-watching strong {
  background: rgba(18, 166, 106, 0.12);
  color: #12a66a;
}

.slot-tab-button.is-entry strong {
  background: rgba(18, 166, 106, 0.12);
  color: #12a66a;
}

.slot-tab-button.is-error strong {
  background: rgba(255, 77, 79, 0.12);
  color: #ff4d4f;
}

.slot-tab-button.is-empty {
  opacity: 0.68;
}

.slot-tab-button.is-empty strong {
  background: #eeeef3;
  color: #8a8d98;
}

.slot-tab-button.is-empty .slot-tab-number {
  background: #b8b8c8;
}

.slot-tab-symbol {
  background: rgba(37, 99, 235, 0.12);
  border-radius: 999px;
  color: #2563eb;
  display: inline-flex;
  font-size: 0.74rem;
  font-weight: 900;
  justify-content: center;
  line-height: 1;
  max-width: 4.5rem;
  min-width: 2.35rem;
  overflow: hidden;
  padding: 0.28rem 0.5rem;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.slot-tab-timeframe {
  background: rgba(74, 69, 199, 0.1);
  border-radius: 999px;
  color: #4a45c7;
  display: inline-flex;
  font-size: 0.74rem;
  font-weight: 900;
  justify-content: center;
  line-height: 1;
  min-width: 2rem;
  padding: 0.28rem 0.5rem;
  white-space: nowrap;
}

.slot-recent-summary {
  align-items: center;
  border-top: 1px solid #eeeef6;
  display: flex;
  gap: 0.65rem;
  margin-top: 0.85rem;
  min-height: 2rem;
  padding-top: 0.75rem;
}

.slot-recent-summary strong {
  color: #292948;
  flex: 0 0 auto;
  font-size: 0.86rem;
  font-weight: 900;
}

.slot-recent-summary span {
  color: #717579;
  font-size: 0.84rem;
  font-weight: 700;
  min-width: 0;
}

.monitoring-slot-column {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 1800px) {
  .monitoring-slot-column {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 1399px) {
  .slot-tab-list {
    display: flex;
    overflow-x: auto;
    padding-bottom: 0.2rem;
    padding-top: 0.12rem;
  }

  .slot-tab-button {
    flex: 0 0 5.25rem;
  }

  .slot-tab-button.active {
    transform: none;
  }
}

@media (max-width: 575px) {
  .slot-tabs-shell {
    padding: 0.65rem;
  }

  .slot-recent-summary {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.3rem;
  }
}

.monitoring-slot-card {
  min-height: 44rem;
  overflow: visible;
  position: relative;
}

.monitoring-slot-card.is-select-open {
  z-index: 90;
}

.monitoring-slot-card.is-select-open .slot-config-layout,
.monitoring-slot-card.is-select-open .slot-config-panel,
.monitoring-slot-card.is-select-open .slot-editor-grid {
  z-index: 100;
}

.monitoring-slot-card.is-select-open .tradingview-chart,
.monitoring-slot-card.is-select-open .indicator-fill-overlay {
  z-index: 0;
}

.monitoring-slot-card .card-header {
  align-items: flex-start;
  gap: 0.75rem;
  justify-content: space-between;
}

.monitoring-slot-card .card-body {
  overflow: visible;
  padding-top: 0.75rem !important;
  position: relative;
}

.monitoring-slot-card.is-paused,
.monitoring-slot-card.is-empty {
  opacity: 0.92;
}

.slot-status-stack {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
}

.slot-status-stack .form-check {
  align-items: center;
  display: flex;
  gap: 0.45rem;
  margin: 0;
  min-height: 1.5rem;
  padding-left: 0;
}

.slot-status-stack .form-check-input {
  margin: 0;
}

.slot-header-apply {
  align-items: center;
  display: inline-flex;
  gap: 0.3rem;
  justify-content: center;
  min-height: 2.15rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  white-space: nowrap;
}

.slot-header-apply .material-symbols-outlined {
  font-size: 1rem;
}

.slot-status-stack [data-paper-mode-toggle] + .form-check-label,
.slot-status-stack .form-check-label {
  color: #4b4f58;
  font-size: 0.78rem;
  font-weight: 800;
  white-space: nowrap;
}

.slot-status-stack [data-paper-mode-toggle]:checked {
  background-color: #4a45c7;
  border-color: #4a45c7;
}

.slot-config-layout {
  align-items: stretch;
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr) minmax(0, 1fr);
  margin-bottom: 0.75rem;
  position: relative;
  z-index: 40;
}

.slot-config-panel,
.slot-exit-panel,
.slot-extra-panel {
  background: #fbfbff;
  border: 1px solid #ece8fb;
  border-radius: 10px;
  min-width: 0;
  padding: 0.85rem;
}

.slot-config-panel {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  position: relative;
  z-index: 45;
}

.slot-exit-panel {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  height: 100%;
  min-height: 0;
  position: relative;
  z-index: 45;
}

.slot-extra-panel {
  min-height: 100%;
}

.slot-panel-heading {
  align-items: baseline;
  border-bottom: 1px solid #efedf8;
  display: flex;
  gap: 0.45rem;
  justify-content: space-between;
  margin: -0.1rem 0 0.15rem;
  padding-bottom: 0.55rem;
}

.slot-panel-heading span {
  color: #8c8fa3;
  font-size: 0.7rem;
  font-weight: 900;
}

.slot-panel-heading strong {
  color: #25285a;
  font-size: 0.9rem;
  font-weight: 900;
}

.slot-atr-risk-panel {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  min-height: 100%;
}

.slot-atr-risk-title {
  color: #8c8fa3;
  display: flex;
  flex-direction: column;
  font-size: 0.75rem;
  gap: 0.15rem;
}

.slot-atr-risk-title strong {
  color: #25285a;
  font-size: 0.8rem;
}

.slot-atr-risk-empty {
  align-items: center;
  background: #fff;
  border: 1px dashed #dedaf4;
  border-radius: 7px;
  color: #8c8fa3;
  display: flex;
  flex: 1;
  font-size: 0.78rem;
  font-weight: 700;
  justify-content: center;
  min-height: 5.1rem;
  padding: 0.75rem;
  text-align: center;
  width: 100%;
}

.slot-atr-risk-values {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
}

.atr-risk-row {
  background: #fff;
  border: 1px solid #ececf4;
  border-radius: 7px;
  display: grid;
  gap: 0.15rem;
  padding: 0.55rem 0.7rem;
}

.atr-risk-row span {
  color: #8c8fa3;
  display: block;
  font-size: 0.7rem;
  font-weight: 800;
}

.atr-risk-row strong {
  color: #24264f;
  display: block;
  font-size: 0.88rem;
  font-weight: 900;
}

.atr-risk-row small {
  color: #73778f;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1.3;
}

.atr-risk-row small b {
  color: #25285a;
  font-weight: 900;
}

.atr-risk-row-danger {
  border-left: 3px solid #ff6b7a;
}

.atr-risk-row-primary {
  border-left: 3px solid #4a45c7;
}

.atr-risk-row-warning {
  border-left: 3px solid #f0a500;
}

.slot-atr-risk-formula {
  background: #fff;
  border: 1px solid #ececf4;
  border-radius: 7px;
  color: #6b6f80;
  display: grid;
  gap: 0.25rem;
  padding: 0.55rem 0.65rem;
  width: 100%;
}

.slot-atr-risk-formula small {
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1.35;
}

.slot-editor-grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  position: relative;
  width: 100%;
  z-index: 50;
}

.slot-editor-grid label {
  color: #717579;
  display: flex;
  flex-direction: column;
  font-size: 0.78rem;
  font-weight: 700;
  gap: 0.35rem;
  margin: 0;
  min-width: 0;
}

.exit-strategy-field {
  color: #717579;
  display: flex;
  flex-direction: column;
  font-size: 0.78rem;
  font-weight: 700;
  gap: 0.35rem;
  margin: 0;
  min-width: 0;
}

.slot-exit-panel .exit-strategy-field {
  width: 50%;
}

.exit-roi-field {
  color: #717579;
  display: flex;
  flex-direction: column;
  font-size: 0.78rem;
  font-weight: 700;
  gap: 0.35rem;
  margin: 0;
  min-width: 0;
}

.exit-settings-panel {
  background: #faf9ff;
  border: 1px solid #ece8fb;
  border-radius: 8px;
  align-items: end;
  display: grid;
  gap: 0.75rem;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  padding: 0.75rem;
}

.atr-auto-trailing-note {
  background: #fff8e8;
  border: 1px solid #ffe2a8;
  border-radius: 8px;
  color: #9a6400;
  font-size: 0.74rem;
  font-weight: 800;
  line-height: 1.4;
  padding: 0.6rem 0.7rem;
}

.atr-stop-fields input:disabled,
.exit-settings-panel input:disabled {
  background: #f0eef8;
  color: #8b8da3;
  cursor: not-allowed;
  font-weight: 800;
  opacity: 1;
}

.exit-settings-actions {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  min-height: 2.75rem;
}

.exit-settings-actions .btn {
  align-items: center;
  display: inline-flex;
  gap: 0.3rem;
  min-height: 2.75rem;
  padding-left: 0.9rem;
  padding-right: 0.9rem;
}

.exit-settings-actions .material-symbols-outlined {
  font-size: 1rem;
}

.slot-field-title {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-height: 1.15rem;
}

.slot-mini-check {
  align-items: center;
  color: #4a45c7;
  display: inline-flex;
  font-size: 0.72rem;
  gap: 0.25rem;
  margin: 0;
  padding-left: 0;
}

.slot-mini-check .form-check-input {
  float: none;
  margin: 0;
}

.atr-stop-fields {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: minmax(5.5rem, 0.95fr) minmax(6.2rem, 1.05fr);
}

.atr-stop-fields .compact-input-group {
  flex-wrap: nowrap;
}

.atr-stop-fields .input-group-text {
  flex: 0 0 2.55rem;
  justify-content: center;
  padding-left: 0.45rem;
  padding-right: 0.45rem;
}

.atr-stop-fields .form-control {
  min-width: 3.1rem;
  padding-left: 0.55rem;
  padding-right: 0.55rem;
}

.slot-editor-grid label.symbol-field,
.slot-editor-grid label.stop-loss-field {
  grid-column: span 2;
}

.slot-editor-grid label.symbol-field {
  grid-column: span 3;
}

.slot-editor-grid label.compact-field {
  grid-column: span 1;
}

.slot-editor-grid label.compact-field {
  max-width: none;
}

.slot-editor-grid label.compact-field:focus-within,
.slot-editor-grid label.exit-strategy-field:focus-within {
  position: relative;
  z-index: 120;
}

.slot-placeholder-field {
  grid-column: span 6;
}

.slot-editor-grid label.strategy-field {
  grid-column: span 6;
  margin-bottom: 0;
}

.slot-editor-grid label.exit-strategy-field {
  grid-column: span 6;
}

.slot-editor-grid label.exit-roi-field {
  grid-column: span 1;
}

.slot-editor-grid .form-control,
.slot-editor-grid .default-select,
.exit-strategy-field .form-control,
.exit-strategy-field .default-select,
.exit-roi-field .form-control,
.exit-settings-panel .form-control {
  min-height: 2.75rem;
}

.slot-editor-grid .nice-select,
.slot-editor-grid .bootstrap-select,
.slot-editor-grid .dropdown,
.slot-editor-grid .default-select {
  position: relative;
  z-index: 60;
}

.slot-editor-grid .nice-select.open,
.slot-editor-grid .bootstrap-select.show,
.slot-editor-grid .dropdown.show {
  z-index: 10020;
}

.slot-editor-grid .nice-select .list,
.slot-editor-grid .bootstrap-select .dropdown-menu,
.slot-editor-grid .dropdown-menu,
.slot-editor-grid select.default-select:focus {
  z-index: 10030 !important;
}

.slot-editor-grid .nice-select.open .list,
.slot-editor-grid .bootstrap-select.show .dropdown-menu,
.slot-editor-grid .dropdown-menu.show {
  z-index: 10040 !important;
}

.monitoring-slot-card.is-select-open .slot-editor-grid .default-select,
.monitoring-slot-card.is-select-open .slot-editor-grid select,
.monitoring-slot-card.is-select-open .slot-editor-grid .bootstrap-select,
.monitoring-slot-card.is-select-open .slot-editor-grid .bootstrap-select.show,
.monitoring-slot-card.is-select-open .slot-editor-grid .bootstrap-select.is-priority-select-open,
.monitoring-slot-card.is-select-open .slot-editor-grid .nice-select.open,
.monitoring-slot-card.is-select-open .slot-editor-grid .nice-select.open .list {
  position: relative;
  z-index: 130 !important;
}

.monitoring-slot-card.is-select-open .slot-editor-grid .bootstrap-select > .dropdown-toggle,
.monitoring-slot-card.is-select-open .slot-editor-grid .bootstrap-select > .dropdown-menu,
.monitoring-slot-card.is-select-open .slot-editor-grid .bootstrap-select > .dropdown-menu.show {
  z-index: 140 !important;
}

.slot-card-actions {
  align-items: center;
  display: flex;
  gap: 0.35rem;
}

.slot-card-actions .btn {
  align-items: center;
  display: inline-flex;
  gap: 0.35rem;
}

.slot-card-actions .material-symbols-outlined {
  font-size: 1rem;
}

.slot-live-status {
  border: 1px solid #e5e5ef;
  border-radius: 0.5rem;
  display: grid;
  gap: 0;
  grid-template-columns: 1.15fr 1fr 1fr 1.05fr 1fr 1.65fr;
  margin-bottom: 0.85rem;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

.slot-live-status > div {
  background: #fbfbfe;
  border-bottom: 1px solid #ececf4;
  border-right: 1px solid #ececf4;
  min-width: 0;
  padding: 0.58rem 0.7rem;
}

.slot-live-status > div:nth-child(2n) {
  border-right: 1px solid #ececf4;
}

.slot-live-status > div:last-child {
  border-right: 0;
}

.slot-live-status > div {
  border-bottom: 0;
}

.slot-live-status span {
  color: #8a8d93;
  display: block;
  font-size: 0.68rem;
  font-weight: 800;
  margin-bottom: 0.18rem;
}

.slot-live-status strong {
  color: #161646;
  display: block;
  font-size: 0.78rem;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.slot-live-status > div:last-child strong {
  line-height: 1.25;
  white-space: normal;
}

.slot-live-status strong.price-up {
  color: #16c784;
}

.slot-live-status strong.price-down {
  color: #ff4d4f;
}

.slot-live-status strong.price-flat {
  color: #161646;
}

.slot-paper-trade-panel {
  background: linear-gradient(135deg, #fbfbff 0%, #f5f3ff 100%);
  border: 1px solid #e2def8;
  border-radius: 0.5rem;
  display: grid;
  gap: 0.65rem;
  margin-bottom: 0.85rem;
  padding: 0.75rem;
  position: relative;
  z-index: 10;
}

.paper-trade-title,
.paper-trade-actions {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.paper-trade-title span {
  color: #6f6b87;
  font-size: 0.72rem;
  font-weight: 800;
}

.paper-trade-title strong {
  background: #e9e7fb;
  border-radius: 999px;
  color: #3a36a4;
  font-size: 0.72rem;
  font-weight: 900;
  padding: 0.24rem 0.55rem;
}

.slot-paper-trade-panel.is-active .paper-trade-title strong {
  background: #dcfce7;
  color: #15803d;
}

.slot-paper-trade-panel.is-closed .paper-trade-title strong {
  background: #fff1f2;
  color: #be123c;
}

.paper-trade-metrics {
  border: 1px solid #e7e5f3;
  border-radius: 0.45rem;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  overflow: hidden;
}

.paper-trade-metrics > div {
  background: rgba(255, 255, 255, 0.72);
  border-right: 1px solid #eceaf7;
  min-width: 0;
  padding: 0.48rem 0.55rem;
}

.paper-trade-metrics > div:last-child {
  border-right: 0;
}

.paper-trade-metrics span {
  color: #8a8d93;
  display: block;
  font-size: 0.66rem;
  font-weight: 800;
  margin-bottom: 0.15rem;
}

.paper-trade-metrics strong {
  color: #161646;
  display: block;
  font-size: 0.75rem;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.paper-trade-metrics strong.price-up,
.slot-live-status strong.price-up {
  color: #16c784;
}

.paper-trade-metrics strong.price-down,
.slot-live-status strong.price-down {
  color: #ff4d4f;
}

.paper-trade-metrics strong.price-flat {
  color: #161646;
}

.paper-trade-actions {
  gap: 0.45rem;
  justify-content: flex-end;
}

.paper-trade-actions .btn {
  font-size: 0.72rem;
  font-weight: 800;
  min-height: 2rem;
  padding: 0.3rem 0.65rem;
}

.symbol-input-group {
  flex-wrap: nowrap;
}

.symbol-input-group .input-group-text {
  background: #f3f1fb;
  border-color: #e5e5ef;
  color: #3a36a4;
  font-size: 0.8rem;
  font-weight: 800;
  min-width: 4.25rem;
  justify-content: center;
}

.symbol-input-group [data-top-movers-open] {
  border-color: #d7d3f8;
  color: #3a36a4;
  flex: 0 0 4.65rem;
  font-size: 0.74rem;
  font-weight: 800;
  padding-left: 0.45rem;
  padding-right: 0.45rem;
  white-space: nowrap;
}

.market-top-movers-modal .modal-header p {
  color: #8b8a9b;
  font-size: 0.78rem;
  font-weight: 700;
  margin-top: 0.2rem;
}

.market-top-movers-toolbar {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
  margin-bottom: 0.9rem;
}

.market-top-movers-toolbar span {
  color: #6d6a7f;
  font-size: 0.8rem;
  font-weight: 800;
}

.market-top-movers-toolbar .btn {
  align-items: center;
  display: inline-flex;
  font-weight: 800;
  gap: 0.25rem;
}

.market-top-movers-toolbar .material-symbols-outlined {
  font-size: 1rem;
}

.market-top-movers-list {
  display: grid;
  gap: 0.55rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-height: 29rem;
  overflow: auto;
  padding-right: 0.2rem;
}

.market-top-mover-item {
  align-items: center;
  background: #fff;
  border: 1px solid #e8e7f1;
  border-radius: 0.5rem;
  color: #161646;
  display: grid;
  gap: 0.15rem 0.55rem;
  grid-template-columns: 2rem minmax(0, 1fr) auto;
  min-height: 4.2rem;
  padding: 0.7rem 0.8rem;
  text-align: left;
}

.market-top-mover-item:hover {
  border-color: #8d86df;
  box-shadow: 0 0.5rem 1.4rem rgba(58, 54, 164, 0.12);
}

.market-top-mover-rank {
  align-items: center;
  background: #f3f1fb;
  border-radius: 999px;
  color: #3a36a4;
  display: inline-flex;
  font-size: 0.76rem;
  font-weight: 900;
  height: 2rem;
  justify-content: center;
  width: 2rem;
}

.market-top-mover-item strong {
  font-size: 0.9rem;
  font-weight: 900;
  min-width: 0;
}

.market-top-mover-item em {
  font-size: 0.84rem;
  font-style: normal;
  font-weight: 900;
}

.market-top-mover-item em.is-up {
  color: #16a34a;
}

.market-top-mover-item em.is-down {
  color: #dc2626;
}

.market-top-mover-item small {
  color: #8b8a9b;
  font-size: 0.72rem;
  font-weight: 700;
  grid-column: 2 / 4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.market-top-movers-empty {
  align-items: center;
  background: #f8f8fc;
  border: 1px dashed #d9d7e8;
  border-radius: 0.5rem;
  color: #8b8a9b;
  display: flex;
  font-size: 0.86rem;
  font-weight: 800;
  grid-column: 1 / -1;
  justify-content: center;
  min-height: 8rem;
}

.stop-loss-input-group {
  flex-wrap: nowrap;
}

.stop-loss-input-group .form-control {
  min-width: 0;
}

.stop-loss-input-group .form-select {
  background-color: #f3f1fb;
  border-color: #e5e5ef;
  color: #3a36a4;
  flex: 0 0 4.5rem;
  font-size: 0.78rem;
  font-weight: 800;
  min-height: 2.75rem;
  padding-left: 0.6rem;
  padding-right: 1.75rem;
}

.strategy-select-dropdown {
  min-width: 0;
  position: relative;
}

.strategy-select-button {
  background: #fff;
  border: 1px solid #e5e5ef;
  border-radius: 0.5rem;
  color: #161646;
  min-height: 4.4rem;
  padding: 0.6rem 2.25rem 0.6rem 0.85rem;
  position: relative;
  text-align: left;
  width: 100%;
}

.strategy-select-button::after {
  position: absolute;
  right: 0.9rem;
  top: 50%;
}

.strategy-select-button strong,
.strategy-select-option strong {
  color: #161646;
  display: block;
  font-size: 0.92rem;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 0.18rem;
  white-space: normal;
}

.strategy-select-button small,
.strategy-select-option small {
  color: #50545d;
  display: block;
  font-size: 0.78rem;
  font-weight: 400;
  line-height: 1.45;
  white-space: normal;
}

.strategy-select-menu {
  border-color: #e5e5ef;
  border-radius: 0.5rem;
  box-shadow: 0 1rem 2.5rem rgba(22, 22, 70, 0.16);
  max-height: 24rem;
  overflow-y: auto;
  padding: 0;
  width: 100%;
}

.strategy-select-option {
  border-bottom: 1px solid #ececf4;
  padding: 0.8rem 0.95rem;
}

.strategy-select-option:last-child {
  border-bottom: 0;
}

.strategy-select-option.active,
.strategy-select-option:active,
.strategy-select-option:hover {
  background: #f3f1fb;
}

.common-settings-card .card-header p,
.common-summary-card span,
.common-mode-notice p {
  color: #717579;
}

.common-settings-row {
  align-items: stretch;
}

.common-settings-col {
  display: flex;
}

.common-settings-col > .card {
  width: 100%;
}

.common-settings-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}

.common-settings-grid label {
  color: #717579;
  display: flex;
  flex-direction: column;
  font-size: 0.82rem;
  font-weight: 700;
  gap: 0.38rem;
  margin: 0;
  min-width: 0;
}

.common-settings-grid .form-control,
.common-settings-grid .default-select {
  min-height: 3rem;
}

.common-amount-input,
.common-leverage-input {
  flex-wrap: nowrap;
}

.common-amount-input .input-group-text,
.common-leverage-input .input-group-text {
  background: #f3f1fb;
  border-color: #e5e5ef;
  color: #3a36a4;
  font-weight: 800;
  min-width: 4rem;
  justify-content: center;
}

.common-mode-notice {
  align-items: flex-start;
  background: #f8f7ff;
  border: 1px solid #e8e5fb;
  border-radius: 0.5rem;
  display: flex;
  gap: 0.85rem;
  margin-top: 1.25rem;
  padding: 1rem;
}

.common-mode-notice .material-symbols-outlined {
  color: var(--primary);
  font-size: 1.8rem;
}

.common-mode-notice strong {
  color: #161646;
  display: block;
  font-weight: 800;
  margin-bottom: 0.25rem;
}

.common-mode-notice p {
  margin: 0;
}

.common-mode-notice b {
  color: #000;
  font-weight: 800;
}

.common-settings-actions {
  display: flex;
  gap: 0.6rem;
  justify-content: flex-end;
  margin-top: 1.25rem;
}

.common-settings-actions .btn {
  align-items: center;
  display: inline-flex;
  gap: 0.35rem;
}

.common-settings-actions .material-symbols-outlined {
  font-size: 1.1rem;
}

.common-summary-list {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.common-summary-list div {
  align-items: center;
  background: #f8f7ff;
  border-radius: 0.5rem;
  display: flex;
  justify-content: space-between;
  padding: 0.75rem 0.85rem;
}

.common-summary-list strong {
  color: #161646;
  font-weight: 800;
}

.common-scope-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.common-scope-list li {
  align-items: center;
  color: #50545d;
  display: flex;
  gap: 0.55rem;
  font-weight: 700;
}

.common-scope-list .material-symbols-outlined {
  color: var(--primary);
  font-size: 1.15rem;
}

.telegram-settings-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.telegram-chat-field {
  color: #717579;
  display: flex;
  flex-direction: column;
  font-size: 0.82rem;
  font-weight: 700;
  gap: 0.38rem;
  margin: 0;
}

.telegram-chat-field .form-control {
  min-height: 3rem;
}

.telegram-switch-row {
  align-items: center;
  background: #f8f7ff;
  border-radius: 0.5rem;
  display: flex;
  justify-content: space-between;
  min-height: 3rem;
  padding: 0.75rem 0.85rem;
}

.telegram-switch-label {
  color: #111827;
  font-size: 0.95rem;
  font-weight: 800;
}

.telegram-switch-row .form-check {
  align-items: center;
  display: flex;
  gap: 0.55rem;
  margin: 0;
  min-height: 1.4rem;
  padding-left: 0;
}

.telegram-switch-row .form-check-input {
  margin: 0;
}

.telegram-switch-row .form-check-label {
  color: #50545d;
  font-weight: 700;
}

.telegram-notify-list {
  background: #f8f7ff;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  padding: 0.85rem;
}

.telegram-notify-list > span {
  color: #717579;
  font-size: 0.82rem;
  font-weight: 800;
}

.telegram-notify-list .form-check {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  margin: 0;
  min-height: 1.4rem;
}

.telegram-notify-list .form-check-input {
  margin: 0;
}

.telegram-notify-list .form-check-label {
  color: #50545d;
  font-weight: 700;
}

.telegram-settings-actions {
  display: flex;
  justify-content: flex-end;
}

.telegram-settings-actions .btn {
  align-items: center;
  display: inline-flex;
  gap: 0.35rem;
}

@media (min-width: 1200px) {
  .common-settings-col {
    flex: 0 0 30%;
    max-width: 30%;
  }
}

.slot-card-footer {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
  margin-top: 1rem;
}

.slot-footer-toggles {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  min-width: 0;
}

.slot-card-actions {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 0.5rem;
  justify-content: flex-end;
}

.slot-card-actions .btn {
  min-width: 6.25rem;
  padding-left: 0.9rem;
  padding-right: 0.9rem;
}

.slot-footer-toggles .form-check {
  margin: 0;
}

.slot-footer-select {
  border-color: rgba(74, 69, 199, 0.18);
  color: #4a45c7;
  font-size: 0.75rem;
  font-weight: 700;
  min-height: 1.8rem;
  padding-bottom: 0.15rem;
  padding-top: 0.15rem;
  width: 4.25rem;
}

.strategy-summary-row .card {
  min-height: 6.5rem;
}

.strategy-stat-card .card-body {
  align-items: center;
  display: flex;
  gap: 0.9rem;
}

.strategy-stat-card .material-symbols-outlined {
  align-items: center;
  background: rgba(127, 99, 244, 0.12);
  border-radius: 0.5rem;
  color: var(--primary);
  display: inline-flex;
  font-size: 1.7rem;
  height: 3rem;
  justify-content: center;
  width: 3rem;
}

.strategy-stat-card span {
  color: #717579;
  display: block;
  font-size: 0.86rem;
  margin-bottom: 0.2rem;
}

.strategy-stat-card strong {
  color: #161646;
  display: block;
  font-size: 1.65rem;
  font-weight: 800;
  line-height: 1;
}

.strategy-registry-card .card-header {
  gap: 1rem;
}

.strategy-search {
  align-items: center;
  display: flex;
  min-width: min(100%, 22rem);
  position: relative;
}

.strategy-search .material-symbols-outlined {
  color: #8a8d93;
  font-size: 1.25rem;
  left: 0.85rem;
  position: absolute;
}

.strategy-search .form-control {
  padding-left: 2.65rem;
}

.strategy-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.8rem;
}

.strategy-list-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 1rem;
}

.strategy-card {
  border: 1px solid rgba(22, 22, 70, 0.08);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  min-height: 18.5rem;
  padding: 1rem;
}

.strategy-card-head {
  align-items: flex-start;
  display: flex;
  gap: 0.8rem;
  justify-content: space-between;
}

.strategy-card h5 {
  color: #161646;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.35;
  margin: 0.2rem 0 0;
}

.strategy-id {
  color: var(--primary);
  display: block;
  font-size: 0.72rem;
  font-weight: 800;
}

.strategy-card p,
.strategy-modal-description {
  color: #62656b;
  line-height: 1.65;
  margin: 0;
}

.strategy-meta-row,
.strategy-chip-row,
.strategy-source-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.strategy-meta-row span {
  align-items: center;
  color: #717579;
  display: inline-flex;
  font-size: 0.78rem;
  gap: 0.25rem;
}

.strategy-meta-row .material-symbols-outlined {
  font-size: 1rem;
}

.strategy-chip-row span,
.strategy-source-list span {
  background: #f3f1fb;
  border-radius: 999px;
  color: #3a36a4;
  font-size: 0.76rem;
  font-weight: 700;
  padding: 0.3rem 0.55rem;
}

.strategy-card-footer {
  align-items: center;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
  margin-top: auto;
}

.strategy-card-footer small {
  color: #717579;
  font-weight: 700;
}

.strategy-card-footer .material-symbols-outlined {
  font-size: 1rem;
  line-height: 1;
  vertical-align: middle;
}

.strategy-empty-state {
  align-items: center;
  background: #fbfbfe;
  border: 1px dashed rgba(22, 22, 70, 0.18);
  border-radius: 0.5rem;
  color: #717579;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin-top: 1rem;
  padding: 2rem;
  text-align: center;
}

.strategy-empty-state .material-symbols-outlined {
  color: rgba(127, 99, 244, 0.45);
  font-size: 2.6rem;
}

.strategy-empty-state strong {
  color: #161646;
  font-size: 1rem;
}

.strategy-workflow {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.strategy-workflow li {
  border-left: 3px solid rgba(127, 99, 244, 0.3);
  padding-left: 0.8rem;
}

.strategy-workflow strong,
.strategy-detail-modal h6 {
  color: #161646;
  display: block;
  font-weight: 800;
}

.strategy-workflow span {
  color: #717579;
  display: block;
  line-height: 1.55;
  margin-top: 0.2rem;
}

.strategy-signal-grid {
  display: grid;
  gap: 0.45rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.strategy-signal-grid span {
  background: #f7f7fb;
  border-radius: 0.5rem;
  color: #161646;
  font-size: 0.78rem;
  font-weight: 800;
  padding: 0.55rem;
  text-align: center;
}

.strategy-code-surface {
  background: #161646;
  border-radius: 0.5rem;
  color: #ffffff;
  margin-top: 1rem;
  padding: 0.85rem;
}

.strategy-code-surface code {
  color: #ffffff;
  white-space: normal;
}

.strategy-detail-list {
  color: #62656b;
  line-height: 1.65;
  margin-bottom: 0;
  padding-left: 1.1rem;
}

@media (max-width: 1199.98px) {
  .strategy-list-grid {
    grid-template-columns: 1fr;
  }
}

.api-settings-card .input-group-text {
  align-items: center;
  display: inline-flex;
}

.api-settings-card .input-group-text .material-symbols-outlined,
.api-settings-card .btn .material-symbols-outlined {
  font-size: 1.15rem;
  line-height: 1;
  vertical-align: middle;
}

.api-form-note {
  align-items: center;
  background: #f6f4ff;
  border: 1px solid rgba(58, 54, 164, 0.12);
  border-radius: 0.5rem;
  color: #3a36a4;
  display: flex;
  font-weight: 700;
  gap: 0.55rem;
  padding: 0.85rem 1rem;
}

.api-form-note .material-symbols-outlined {
  font-size: 1.35rem;
}

.api-status-emblem {
  align-items: center;
  background: #f3f1fb;
  border-radius: 50%;
  color: var(--primary);
  display: flex;
  height: 4.5rem;
  justify-content: center;
  margin-bottom: 1rem;
  width: 4.5rem;
}

.api-status-emblem .material-symbols-outlined {
  font-size: 2.3rem;
}

.api-status-row {
  align-items: center;
  border-bottom: 1px solid rgba(22, 22, 70, 0.08);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: 0.85rem 0;
}

.api-status-row span {
  color: #717579;
  font-size: 0.9rem;
}

.api-status-row strong {
  color: #161646;
  font-weight: 800;
  text-align: right;
}

.permission-check-item {
  align-items: center;
  background: #fbfbfe;
  border: 1px solid rgba(22, 22, 70, 0.08);
  border-radius: 0.5rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  min-height: 5.2rem;
  padding: 1rem;
}

.permission-check-item span,
.permission-check-item strong {
  display: block;
}

.permission-check-item span {
  color: #717579;
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}

.permission-check-item strong {
  color: #161646;
  font-weight: 800;
}

.permission-check-item .material-symbols-outlined {
  background: #f3f1fb;
  border-radius: 50%;
  color: var(--primary);
  font-size: 1.4rem;
  padding: 0.55rem;
}

.permission-check-item.permission-warning {
  background: #fff9eb;
  border-color: rgba(255, 193, 7, 0.35);
}

.permission-check-item.permission-warning .material-symbols-outlined {
  background: #ffc107;
  color: #161646;
}

.permission-check-item.permission-success {
  background: #effaf4;
  border-color: rgba(49, 178, 97, 0.28);
}

.permission-check-item.permission-success .material-symbols-outlined {
  background: #31b261;
  color: #ffffff;
}

.permission-check-item.permission-danger {
  background: #fff3f3;
  border-color: rgba(238, 50, 65, 0.26);
}

.permission-check-item.permission-danger .material-symbols-outlined {
  background: #ee3241;
  color: #ffffff;
}

.security-rule-list {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.security-rule-list li {
  align-items: flex-start;
  display: flex;
  gap: 0.65rem;
}

.security-rule-list .material-symbols-outlined {
  color: var(--primary);
  font-size: 1.15rem;
  margin-top: 0.05rem;
}

.security-rule-list strong {
  color: #000000;
  font-weight: 800;
}

.ohana-auth-page .authincation-content.style-2 {
  max-width: 34rem;
}

.ohana-auth-logo {
  height: auto;
  max-width: 13.75rem;
  width: 78%;
}

.ohana-auth-page .auth-form {
  min-width: min(100%, 30rem);
}

.ohana-auth-page .auth-form textarea.form-control {
  min-height: 6rem;
}

.ohana-auth-page .login-aside p {
  color: rgba(255, 255, 255, 0.72);
}

.auth-footer-links {
  flex-wrap: wrap;
  gap: 0.75rem;
  text-align: center;
}

.auth-footer-links .mx-5 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.header-right > li:not(.ohana-theme-toggle):not(.ohana-user-profile) {
  display: none;
}

.header-right .ohana-user-profile {
  margin-left: 100px;
}

@media (max-width: 767.98px) {
  .header-right .ohana-user-profile {
    margin-left: 24px;
  }

  .chart-slot-card {
    min-height: auto;
  }

  .monitor-control-card .card-body,
  .slot-card-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .global-trade-settings {
    justify-content: flex-start;
  }

  .monitor-control-actions {
    justify-content: flex-start;
  }

  .monitoring-slot-card {
    min-height: auto;
  }

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

  .slot-config-layout {
    grid-template-columns: 1fr;
  }

  .slot-editor-grid label.symbol-field,
  .slot-editor-grid label.compact-field,
  .slot-editor-grid label.strategy-field,
  .slot-editor-grid label.exit-strategy-field,
  .slot-editor-grid label.exit-roi-field,
  .exit-settings-panel,
  .slot-placeholder-field {
    grid-column: span 2;
  }

  .exit-settings-panel {
    grid-template-columns: 1fr;
  }

  .slot-exit-panel .exit-strategy-field {
    width: 100%;
  }

  .atr-stop-fields {
    grid-template-columns: 1fr;
  }

  .slot-live-status {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .slot-live-status > div:nth-child(2n) {
    border-right: 0;
  }

  .slot-live-status > div:nth-child(6n) {
    border-right: 0;
  }

  .slot-live-status > div:nth-last-child(-n + 6) {
    border-bottom: 1px solid #ececf4;
  }

  .slot-live-status > div:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

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

  .paper-trade-metrics > div:nth-child(2n) {
    border-right: 0;
  }

  .paper-trade-metrics > div:nth-child(-n + 4) {
    border-bottom: 1px solid #eceaf7;
  }

  .paper-trade-actions {
    justify-content: flex-start;
  }

  .exit-settings-actions {
    justify-content: flex-start;
  }

  .slot-placeholder-field {
    display: none;
  }

  .common-settings-grid {
    grid-template-columns: 1fr;
  }

  .common-settings-actions {
    justify-content: flex-start;
  }

  .tradingview-chart,
  .inactive-chart-panel,
  .chart-loading {
    height: 29.375rem;
    min-height: 29.375rem;
  }
}