* { box-sizing: border-box; font-family: Inter, system-ui, sans-serif; }

body {
  margin: 0;
  background: #212121;
  color: #E5E7EB;
}

.app { display: flex; height: 100vh; }

/* Sidebar */
.sidebar {
  width: 220px;
  background: #181818;
  padding: 20px;
  position: relative;
  z-index: 200;
}
.logo .title { font-weight: 700; }
.logo .sub { font-size: 12px; color: #9CA3AF; margin-top: 6px; }



/* Плашка продлений */


.status-failed {
  background: rgba(239,68,68,.15);
  color: #EF4444;
}

.status-check {
  background: rgba(59,130,246,.15);
  color: #3B82F6;
}

/* ===== Sidebar navigation (redesigned) ===== */
.sidebar-nav{
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 14px;
}

.nav{
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;

  padding: 10px 12px;
  border-radius: 14px;

  background: transparent;
  border: 1px solid transparent;

  color: #9CA3AF;
  cursor: pointer;

  transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.nav__icon{
  width: 36px;
  height: 36px;
  border-radius: 12px;

  display: inline-grid;
  place-items: center;

  background: #151515;
  border: 1px solid #212121;
  flex-shrink: 0;

  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}

.nav svg{
  width: 18px;
  height: 18px;
  display: block;
}

.nav__label{
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .2px;
}

.nav:hover{
  background: rgba(148,163,184,.06);
  color: #E5E7EB;
  border-color: #2a2a2a;
}

.nav:hover .nav__icon{
  transform: translateY(-1px);
  background: #1a1a1a;
  border-color: #2a2a2a;
}

.nav.active{
  background: rgba(37,99,235,.12);
  color: #ffffff;
  border-color: rgba(37,99,235,.22);
  position: relative;
}



.nav.active .nav__icon{
  background: rgba(37,99,235,.16);
  border-color: rgba(37,99,235,.28);
}

.main {
  flex: 1;
  padding: 20px;
  position: relative;
  z-index: 50;
}

.header { margin-bottom: 20px; }

/* Summary cards */
.summary-card {
  background: #181818;
  border: 1px solid #212121;
  border-radius: 12px;
  padding: 10px 14px;
  min-width: 160px;
  margin-bottom: 14px;
}
.summary-card.accent { border-color: #212121; }

.summary-label {
  font-size: 11px;
  color: #9CA3AF;
}
.summary-value {
  cursor: pointer;
  position: relative;
  font-size: 18px;
  font-weight: 600;
  margin-top: 4px;
}
.summary-value:hover { opacity: 0.8; }

/* Section title */
.section-title {
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 600;
  color: #E5E7EB;
}

.table--payouts td:nth-child(2) {
  font-weight: 800;
letter-spacing: .4px;
  font-size: 13px;
  color: #E5E7EB;
}

/* Сумма в статистике */
.table--stats td:nth-child(3) {
  font-weight: 800;
letter-spacing: .4px;
  font-size: 13px;
  color: #E57EB;
}

.status-badge {
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  display: inline-block;
  white-space: nowrap;
}

/* В обработке — бирюза */
.status-processing {
  background: rgba(20, 184, 166, 0.15);
  color: #2DD4BF;
}

/* Выполнено — зелёный */
.status-done {
  background: rgba(34, 197, 94, 0.15);
  color: #22C55E;
}

/* Отменено — красный */
.status-cancel {
  background: rgba(239, 68, 68, 0.15);
  color: #EF4444;
}

/* Table wrapper (important for mobile) */
.table-wrap {
  background: #181818;
  border-radius: 14px;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid #0B1220;
  -webkit-overflow-scrolling: touch;
}

.icon-btn.pdf {
  color: #DC2626; /* основной красный */
}

.icon-btn.pdf:hover {
  color: #EF4444; /* светлее при наведении */
  background: #2b0f12;
}

/* Tables */
.table {
  width: 100%;
  border-collapse: collapse;
}
.table--payouts { min-width: 1100px; }
.table--stats { min-width: 760px; }

th, td {
  padding: 10px 8px;
  line-height: 1.35;
  font-size: 12px;
  border-bottom: 1px solid #212121;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
th { color: #9CA3AF; text-align: left; }

table thead {
  background: #181818;
  box-shadow: inset 0 -1px 0 #212121, 0 4px 12px rgba(0,0,0,0.35);
}
table thead th {
  color: #E5E7EB;
  font-weight: 600;
  padding: 10px 8px;
  border-bottom: 1px solid #212121;
}

/* Requisites cell */
.req-cell { cursor: pointer; }
.req-cell:hover { opacity: 0.85; }

/* Bank cell */
.bank-cell {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.bank-cell img { width: 20px; height: 20px; object-fit: contain; }

/* Actions cell */
.actions-cell {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
}

/* Icon buttons */
.icon-btn {
  width: 36px;
  height: 36px;
  min-width: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: #212121;
  border: 1px solid #212121;
  border-radius: 10px;
  cursor: pointer;

  font-size: 16px;
  line-height: 1;

  color: #ffffff; /* ← скрепка белая */
}

.icon-btn:hover {
  background: #9A9A9A;
}

.icon-btn svg {
  width: 18px;
  height: 18px;
  display: block;
}

.icon-btn { color: white; }
.icon-btn.danger { color: #EF4444; }

/* крестик */

.icon-btn.danger:hover {
  background: #2b0f12;
}

/* PDF button (kept as small button) */
.btn {
  background: #2563EB;
  border: none;
  color: white;
  padding: 8px 10px;
  border-radius: 9px;
  font-size: 12px;
  cursor: pointer;
  white-space: nowrap;
  display: inline-block;
  text-decoration: none;
}
.btn:hover { filter: brightness(1.08); }

/* Bank search input */
.bank-search { width: 170px; }
.bank-search-input {
  width: 100%;
  background: #181818;
  color: #fff;
  border: 1px solid #212121;
  border-radius: 10px;
  padding: 7px 10px;
  font-size: 13px;
  cursor: text;
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bank-search-list { display: none; }

/* Copy toast */
.copy-toast {
  position: fixed;
  background: #111827;
  border: 1px solid #1F2937;
  color: #E5E7EB;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  transform: translateY(6px);
  pointer-events: none;
  transition: opacity .15s ease, transform .15s ease;
  z-index: 9999;
}
.copy-toast.show { opacity: 1; transform: translateY(0); }

/* Stats layout */
.stats-grid {
  display: flex;
  gap: 14px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

/* Mobile: tighter paddings */
@media (max-width: 700px) {
  th, td { padding: 10px 8px; }
}

/* ===== Modal ===== */
.modal[hidden] { display: none; }

.modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
}

.modal__backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.55);
}

.modal__card{
  position: relative;
  width: min(560px, calc(100% - 24px));
  margin: 80px auto;
  background: #181818;
  border: 1px solid #212121;
  border-radius: 14px;
  box-shadow: 0 18px 50px rgba(0,0,0,.55);
  padding: 14px;
}

.modal__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.modal__title{
  font-size: 15px;
  font-weight: 700;
  color: #E5E7EB;
}

.modal__sub{
  margin-top: 2px;
  font-size: 12px;
  color: #9CA3AF;
}

.modal__body{ margin-bottom: 14px; }

.upload-box{
  border: 1px dashed #181818;
  border-radius: 12px;
  padding: 16px;
  background: rgba(12,12,12);
}

.upload-box.dragover{
  border-color: #2DD4BF;
  background: rgba(255,184,166,.12);
}

.upload-box__text{
  font-size: 13px;
  color: #E5E7EB;
  margin-bottom: 12px;
}

.upload-actions{
  display:flex;
  align-items:center;
  gap: 12px;
  flex-wrap: wrap;
}






/* строка поиска выплаты */
.search-row { padding: 40px !important; text-align: center; color: #9CA3AF; }
.search-wrap { display: inline-flex; align-items: center; gap: 10px; font-size: 13px; }

.spinner{
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid rgba(156,163,175,.35);
  border-top-color: rgba(156,163,175,1);
  animation: spin .8s linear infinite;
}

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

/* плашки */
.badge-time { background: rgba(59,130,246,.15); color: #60A5FA; }
.badge-prolong { background: rgba(168,85,247,.15); color: #C084FC; }

/* имя pdf */
.pdf-name{
  font-size: 12px;
  color: #9CA3AF;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}






.icon-btn.send {
  color: #22C55E;
}
.icon-btn.send:hover {
  background: rgba(34,197,94,.12);
  border-color: rgba(34,197,94,.35);
}


.upload-file{
  font-size: 12px;
  color: #9CA3AF;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.modal__footer{
  display:flex;
  justify-content:flex-end;
}
/* ===== Cancel modal ===== */
.cancel-reasons{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.cancel-reason{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  padding:12px 12px;
  border-radius:12px;
  border:1px solid #212121;
  background: rgba(148,163,184,.06);
  color:#E5E7EB;
  cursor:pointer;
  text-align:left;
}

.cancel-reason:hover{
  background: rgba(148,163,184,.10);
}

.cancel-reason.active{
  border-color: rgba(239,68,68,.55);
  background: rgba(239,68,68,.10);
}

.cancel-reason__icon{
  width:22px;
  display:inline-flex;
  justify-content:center;
}

.cancel-reason__text{
  font-size:13px;
}

.btn.danger{
  background: rgba(239,68,68,.18);
  border: 1px solid rgba(239,68,68,.35);
  color:#EF4444;
}

.btn.danger:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.req-blur {
  filter: blur(6px);
  user-select: none;
  pointer-events: none;
}

.massmo-cell { cursor: pointer; }
.massmo-cell:hover { opacity: .85; }


.req-cell.locked {
  cursor: default;
}

.bank-search.locked {
  opacity: .55;
  pointer-events: none; /* полностью блокируем клики по input */
}

.icon-btn.claim {
  color: #60A5FA;
}
.icon-btn.claim:hover {
  background: rgba(59,130,246,.12);
  border-color: rgba(59,130,246,.35);
}
.icon-btn.unclaim {
  color: #FBBF24; /* янтарный */
}

.icon-btn.unclaim:hover {
  background: rgba(251,191,36,.12);
  border-color: rgba(251,191,36,.35);
}
/* ===== Added: sidebar footer ===== */
.sidebar-footer {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 16px;
}

.btn-ghost {
  background: transparent;
  border: 1px solid #2a2a2a;
  color: #9CA3AF;
}
.btn-ghost:hover {
  color: #fff;
  background: #212121;
}

/* ===== Added: tabs ===== */
.tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

.tab {
  background: #181818;
  border: 1px solid #212121;
  color: #9CA3AF;
  padding: 8px 10px;
  border-radius: 10px;
  cursor: pointer;
  font-size: 12px;
}
.tab:hover { filter: brightness(1.08); }
.tab.active {
  background: #212121;
  color: #fff;
  border-color: #2a2a2a;
}

/* ===== Added: settings ===== */
.settings-card{
  background: #181818;
  border: 1px solid #212121;
  border-radius: 14px;
  padding: 14px;
  max-width: 560px;
}

.settings-sub{
  font-size: 12px;
  color: #9CA3AF;
  margin-bottom: 12px;
}

.profile-list{
  display: grid;
  gap: 10px;
  margin: 10px 0 14px;
}

.profile-item{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 10px;
  border: 1px solid #212121;
  border-radius: 12px;
  background: #151515;
  cursor: pointer;
}
.profile-item input{ transform: scale(1.15); }
.profile-item__name{
  font-size: 13px;
  color: #E5E7EB;
}

.settings-actions{
  display: flex;
  align-items: center;
  gap: 12px;
}
.settings-status{
  font-size: 12px;
  color: #9CA3AF;
}

/* ===== Added: login form ===== */
.form { display: grid; gap: 12px; }
.field { display: grid; gap: 6px; }
.field__label { font-size: 12px; color: #9CA3AF; }

.input{
  width: 100%;
  background: #121212;
  color: #fff;
  border: 1px solid #212121;
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 13px;
  outline: none;
}
.input:focus{
  border-color: #2a2a2a;
  filter: brightness(1.08);
}

.form-error{
  background: rgba(239, 68, 68, 0.12);
  border: 1px solid rgba(239, 68, 68, 0.22);
  color: #EF4444;
  padding: 10px 12px;
  border-radius: 12px;
  font-size: 12px;
}

.hint{
  margin-top: 14px;
  padding: 12px 14px;
  background: #181818;
  border: 1px solid #212121;
  border-radius: 12px;
  color: #9CA3AF;
  font-size: 12px;
}

.muted{ color: #9CA3AF; }

/* ===== Bank modal ===== */
.bank-card { max-width: 520px; }

.bank-searchbox{
  display:flex; align-items:center; gap:10px;
  background:#121212;
  border:1px solid #181818;
  border-radius:12px;
  padding:10px 12px;
  margin-bottom:12px;
}
.bank-searchbox__icon{ opacity:.7; }
.bank-searchbox__input{
  width:100%;
  background:transparent;
  border:none;
  outline:none;
  color:#fff;
  font-size:13px;
}

.bank-list{ display:grid; gap:8px; }

.bank-item{
  display:flex; align-items:center; gap:10px;
  width:100%;
  background:#121212;
  border:1px solid #181818;
  border-radius:12px;
  padding:10px 12px;
  cursor:pointer;
  color:#fff;
}
.bank-item:hover{ filter:brightness(1.08); }

.bank-item__dot{
  width:14px; height:14px; border-radius:999px;
  border:2px solid #212121;
  background:transparent;
  flex:0 0 auto;
}
.bank-item__icon{
  width:22px; height:22px; object-fit:contain;
}
.bank-item__name{ font-size:13px; }

.bank-pick-btn{
  width:100%;
  text-align:left;
  background:transparent;
  border:none;
  padding:0;
  cursor:pointer;
}
.bank-pick-btn.locked{
  cursor:not-allowed;
  opacity:.6;
}
.bank-pick-placeholder{
  color:#9CA3AF;
  font-size:13px;
}
/* ===== FIX: icon buttons svg ===== */
.icon-btn {
  color: #E5E7EB; /* чтобы currentColor был виден */
}

.icon-btn svg {
  width: 18px;
  height: 18px;
  display: block;
}

.icon-btn svg path {
  stroke: currentColor;
}

.tg-check {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #0b1220;
  border: 1px solid #1f2a44;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .18s ease;
}

.tg-check svg {
  width: 18px;
  height: 18px;
}

/* enqueue */
.tg-check-blue {
  color: #3b82f6;
}

.tg-check-blue:hover {
  background: #172554;
  border-color: #3b82f6;
  transform: scale(1.05);
}

/* send */
.tg-check-green {
  color: #22c55e;
}

.tg-check-green:hover {
  background: #052e16;
  border-color: #22c55e;
  transform: scale(1.05);
}

.tg-check:active {
  transform: scale(0.9);
}

/* FIX: bank text color */
.bank-item {
  color: #E5E7EB;         /* общий цвет для строки в модалке */
}

.bank-item__name {
  color: inherit;         /* наследуем от .bank-item */
}

/* FIX: bank picker button (в таблице) */
.bank-pick-btn {
  color: #E5E7EB;         /* чтобы текст не становился чёрным */
}

.bank-cell span {
  color: inherit;         /* на всякий случай */
}

/* ===== Unified action buttons (TG/Linear style) ===== */
.action-btn{
  width: 34px;
  height: 34px;
  min-width: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 10px;
  background: #1a1a1a;
  border: 1px solid #262626;

  cursor: pointer;
  transition: transform .16s ease, background .16s ease, border-color .16s ease, color .16s ease;
  color: #E5E7EB;
}

.action-btn svg{
  width: 18px;
  height: 18px;
  display: block;
}

.action-btn svg path{
  stroke: currentColor;
}

.action-btn:hover{
  background: #222;
  border-color: #2f2f2f;
  transform: translateY(-1px);
}

.action-btn:active{
  transform: scale(.92);
}

/* Variants */
.action-btn--blue{  color:#60A5FA; }
.action-btn--blue:hover{  background: rgba(59,130,246,.14); border-color: rgba(59,130,246,.35); }

.action-btn--green{ color:#22C55E; }
.action-btn--green:hover{ background: rgba(34,197,94,.14); border-color: rgba(34,197,94,.35); }

.action-btn--amber{ color:#FBBF24; }
.action-btn--amber:hover{ background: rgba(251,191,36,.14); border-color: rgba(251,191,36,.35); }

.action-btn--red{   color:#EF4444; }
.action-btn--red:hover{   background: rgba(239,68,68,.14); border-color: rgba(239,68,68,.35); }

/* Optional: disable look */
.action-btn:disabled{
  opacity:.45;
  cursor:not-allowed;
  transform:none;
}
.tg-x-red { color:#ef4444; }
.tg-x-red:hover { background:#2b0f12; border-color: rgba(239,68,68,.35); transform: scale(1.05); }

/* ===== requisites badge ===== */

.req-badge {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 8px;

  background: #0b1220;
  border: 1px solid #1f2a44;

  font-size: 12px;
  font-weight: 600;
  letter-spacing: .3px;

  color: #dbeafe;
  cursor: pointer;

  transition: all .15s ease;
}

.req-badge:hover {
  background: #111a33;
  border-color: #2f3d6b;
}

.req-cell.locked .req-badge {
  opacity: .55;
  cursor: default;
}
/* ===== bank badge ===== */

.bank-badge{
  display:inline-block;
  padding:6px 10px;
  border-radius:8px;

  background:#0b1220;
  border:1px solid #1f2a44;

  font-size:12px;
  font-weight:600;
  letter-spacing:.3px;

  color:#dbeafe;
}

.bank-badge--empty{
  color:#60A5FA;
  border-color:#2f3d6b;
}

.bank-badge--empty:hover{
  background:#111a33;
}

/* ===== Unified badges (req / bank / massmo) ===== */

.req-badge,
.bank-badge,
.massmo-badge,
.bank-cell {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 6px 10px;
  border-radius: 10px;

  background: #212121;
  border: 1px solid #181818;

  font-size: 12px;
  font-weight: 600;
  letter-spacing: .3px;

  color: #dbeafe;

  transition: background .15s ease, border-color .15s ease, opacity .15s ease;
}

/* hover (кликабельные) */
.req-badge:hover,
.massmo-badge:hover,
.bank-badge--empty:hover {
  background: #424242;
  border-color: #636363;
}

/* пустая “Выбрать банк” */
.bank-badge--empty {
  color: #dbeafe;
  border-color: #424242;
}

/* когда locked — не кликается */
.req-cell.locked .req-badge {
  opacity: .55;
  cursor: default;
}

/* MassMo ID — явно кликабельно */
.massmo-badge {
  cursor: pointer;
}

/* bank button делаем "прозрачной", чтобы выглядело как плашка внутри */
.bank-pick-btn{
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

/* когда locked — приглушаем плашку банка и блокируем кнопку */
.bank-pick-btn.locked {
  opacity: .55;
  pointer-events: none;
}

/* иконки банка внутри плашки */
.bank-cell img { width: 18px; height: 18px; object-fit: contain; }

.rate-badge{
  display:inline-flex;
  align-items:center;

  padding:6px 10px;
  border-radius:10px;

  background:#212121;
  border:1px solid #181818;

  font-size:12px;
  font-weight:600;
  letter-spacing:.3px;

  color:#dbeafe;
  
  
}
/* ===== amount badge (без hover) ===== */

.amount-badge{
  display:inline-flex;
  align-items:center;

  padding:6px 10px;
  border-radius:10px;

  background:#333333;
  border:2px solid #212121;

  font-size:12px;
  font-weight:700;
  letter-spacing:.3px;

  color:#dbeafe;
}

/* ===== camera button on summary card ===== */
/* ===== Summary head + inline camera ===== */
.summary-head{
  display:flex;
  align-items:center;
  gap:8px;
}

.cam-btn.cam-btn--inline{
  position: static;        /* убрать absolute */
  width: 26px;
  height: 26px;
  border-radius: 8px;

  background: #212121;
  border: 1px solid #2a2a2a;
  color: #9CA3AF;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  cursor:pointer;
}

.cam-btn.cam-btn--inline:hover{
  background:#111a33;
  border-color:#2f3d6b;
  color:#E5E7EB;
}

.cam-btn.cam-btn--inline svg{
  width: 15px;
  height: 15px;
  display:block;
}

/* ===== Toggle switch ===== */
.settings-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.settings-row__title{
  font-size:13px;
  font-weight:700;
  color:#E5E7EB;
}

.settings-row__sub{
  margin-top:4px;
  font-size:12px;
  color:#9CA3AF;
}

.switch{
  position:relative;
  display:inline-block;
  width:48px;
  height:28px;
  flex:0 0 auto;
}

.switch input{
  opacity:0;
  width:0;
  height:0;
}

.switch__slider{
  position:absolute;
  cursor:pointer;
  inset:0;
  background:#212121;
  border:1px solid #2a2a2a;
  border-radius:999px;
  transition:all .15s ease;
}

.switch__slider:before{
  content:"";
  position:absolute;
  height:22px;
  width:22px;
  left:3px;
  top:50%;
  transform:translateY(-50%);
  background:#9CA3AF;
  border-radius:50%;
  transition:all .15s ease;
}

.switch input:checked + .switch__slider{
  background: rgba(34,197,94,.18);
  border-color: rgba(34,197,94,.35);
}

.switch input:checked + .switch__slider:before{
  transform:translate(20px,-50%);
  background:#22C55E;
}

.bank-card {
  max-width: 520px;
}

/* ограничение списка до 6 банков + скролл */
.bank-card{
  --bank-row-h: 52px; /* высота одной строки банка (подгони если надо) */
  --bank-gap: 8px;    /* должно совпадать с gap у .bank-list */
}

.bank-list{
  display: grid;
  gap: var(--bank-gap);

  /* 6 строк + 5 промежутков между ними */
  max-height: calc(var(--bank-row-h) * 6 + var(--bank-gap) * 5);
  overflow-y: auto;

  padding-right: 6px;       /* чтобы контент не прилипал к скроллу */
  overscroll-behavior: contain;
}

/* фиксируем высоту айтема, чтобы ровно 6 помещалось */
.bank-item{
  min-height: var(--bank-row-h);
}

/* (опционально) аккуратный скролл */
.bank-list::-webkit-scrollbar { width: 6px; }
.bank-list::-webkit-scrollbar-thumb { background: #26324f; border-radius: 999px; }
.bank-list::-webkit-scrollbar-track { background: transparent; }

.action-btn--green {
  color: #22C55E;
}

.action-btn--green:hover {
  background: rgba(34,197,94,.12);
  border-color: rgba(34,197,94,.35);
}

.processing-until.time-warn {
  border-color: rgba(245, 158, 11, .55);
  box-shadow: 0 0 0 2px rgba(245, 158, 11, .10) inset;
}

.processing-until .bang {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  font-weight: 900;
  font-size: 14px;
  line-height: 1;
  color: #f59e0b;
}

/* привязанная заявка */


/* при наведении немного ярче */
tr.row-claimed:hover {
  background: rgba(59, 130, 246, 0.14);
}
tr.row-done {
  background: rgba(34, 197, 94, 0.08);
  transition: background .2s ease;
}

tr.row-done:hover {
  background: rgba(34, 197, 94, 0.14);
}

tr.row-failed {
  background: rgba(239, 68, 68, 0.08);
  transition: background .2s ease;
}

tr.row-failed:hover {
  background: rgba(239, 68, 68, 0.14);
}
/* ===== Pretty switch (hard) ===== */
.switch{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  cursor:pointer;
  user-select:none;
  -webkit-tap-highlight-color: transparent;
  color:#94a3b8;
  font-size:13px;
}

.switch input{
  position:absolute !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.switch-ui{
  flex:0 0 44px !important;
  width:44px !important;
  min-width:44px !important;
  height:26px !important;
  border-radius:999px !important;
  background:rgba(148,163,184,.28) !important;
  border:1px solid rgba(148,163,184,.25) !important;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.25) !important;
  position:relative !important;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.switch-ui::before{
  content:"";
  position:absolute;
  top:50%;
  left:3px;
  width:20px;
  height:20px;
  border-radius:999px;
  transform:translateY(-50%);
  background:#0b0d10;
  border:1px solid rgba(255,255,255,.10);
  box-shadow: 0 6px 14px rgba(0,0,0,.45);
  transition: transform .18s ease, background .18s ease;
}

.switch-text{
  white-space:nowrap;
  opacity:.95;
}

/* checked (ВАЖНО: input сразу перед switch-ui) */
.switch input:checked + .switch-ui{
  background: rgba(34,197,94,.35) !important;
  border-color: rgba(34,197,94,.45) !important;
  box-shadow: 0 0 0 3px rgba(34,197,94,.12) !important;
}
.switch input:checked + .switch-ui::before{
  transform: translate(18px, -50%);
}

/* focus */
.switch input:focus-visible + .switch-ui{
  outline:2px solid rgba(59,130,246,.55);
  outline-offset:2px;
}
.summary-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.summary-header {
  display: flex;
  align-items: center;
}

.summary-header .switch {
  margin-left: auto;
}
.summary-header .switch {
  margin-left: auto;
  margin-right: 90px;
}

.switch {
  margin-bottom: 12px; /* подгони под себя */
}

/* ===== Sidebar polish ===== */
.sidebar{
  background: linear-gradient(180deg, #161616 0%, #141414 100%);
}

.logo{
  padding-bottom: 12px;
  border-bottom: 1px solid #212121;
  margin-bottom: 12px;
}


/* ===== Premium: auto-collapse sidebar on narrow screens ===== */
@media (max-width: 920px){
  .sidebar{
    width: 78px;
    padding: 16px 12px;
  }

  .sidebar-title,
  .sidebar-sub{
    display: none;
  }

  .sidebar-nav{
    margin-top: 10px;
  }

  .nav{
    padding: 10px;
    justify-content: center;
  }

  .nav__label{
    display: none;
  }

  .nav__icon{
    width: 42px;
    height: 42px;
    border-radius: 14px;
  }

  .nav.active::before{
    left: 6px;
    top: 10px;
    bottom: 10px;
  }

  /* Tooltip */
  .nav{
    position: relative;
  }
  .nav::after{
    content: attr(data-tip);
    position: absolute;
    left: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    background: #0f0f0f;
    border: 1px solid #2a2a2a;
    color: #E5E7EB;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 10px;
    border-radius: 10px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity .12s ease, transform .12s ease;
    z-index: 500;
    box-shadow: 0 14px 40px rgba(0,0,0,.45);
  }
  .nav:hover::after{
    opacity: 1;
    transform: translateY(-50%) translateX(0);
  }
}

/* ===== Ultra narrow: make sidebar scrollable if needed ===== */
@media (max-width: 420px){
  .sidebar{
    width: 70px;
    padding: 12px 10px;
  }
  .nav__icon{
    width: 40px;
    height: 40px;
  }
}


/* ===== Manual collapse (toggle) ===== */
.sidebar{
  transition: width .18s ease, padding .18s ease;
}

.sidebar-collapse{
  margin-top: 10px;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  display: inline-grid;
  place-items: center;

  background: #151515;
  border: 1px solid #212121;
  color: #9CA3AF;
  cursor: pointer;

  transition: background .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
}

.sidebar-collapse:hover{
  background: #1a1a1a;
  border-color: #2a2a2a;
  color: #E5E7EB;
}

.sidebar-collapse svg{
  width: 18px;
  height: 18px;
  display: block;
}

/* collapsed state */
.sidebar.is-collapsed{
  width: 78px;
  padding: 16px 12px;
}

.sidebar.is-collapsed .sidebar-title__full,
.sidebar.is-collapsed .sidebar-sub{
  display: none;
}

.sidebar-title__mark{
  display: none;
  font-weight: 800;
  letter-spacing: .4px;
}

.sidebar.is-collapsed .sidebar-title__mark{
  display: inline-block;
}

.sidebar.is-collapsed .sidebar-nav{
  margin-top: 10px;
}

.sidebar.is-collapsed .nav{
  padding: 10px;
  justify-content: center;
}

.sidebar.is-collapsed .nav__label{
  display: none;
}

.sidebar.is-collapsed .nav__icon{
  width: 42px;
  height: 42px;
  border-radius: 14px;
}

.sidebar.is-collapsed .nav.active::before{
  left: 6px;
  top: 10px;
  bottom: 10px;
}

/* Tooltip in collapsed mode (even on wide screens) */
.sidebar.is-collapsed .nav{
  position: relative;
}

.sidebar.is-collapsed .nav::after{
  content: attr(data-tip);
  position: absolute;
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
  background: #0f0f0f;
  border: 1px solid #2a2a2a;
  color: #E5E7EB;
  font-size: 12px;
  font-weight: 600;
  padding: 8px 10px;
  border-radius: 10px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity .12s ease, transform .12s ease;
  z-index: 500;
  box-shadow: 0 14px 40px rgba(0,0,0,.45);
}

.sidebar.is-collapsed .nav:hover::after{
  opacity: 1;
}

.sidebar-title{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
}

.sidebar-title__mark{
  display: none;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 1px;
  color: #ffffff;
}

.sidebar.is-collapsed .sidebar-title{
  justify-content: center;
}

.sidebar.is-collapsed .sidebar-title__mark{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.nav-logout{
  margin-top: auto;
  color: #F87171;
}

.nav-logout:hover{
  background: rgba(239,68,68,.12);
  border-color: rgba(239,68,68,.25);
  color: #fff;
}

.nav-logout .nav__icon{
  background: rgba(239,68,68,.08);
  border-color: rgba(239,68,68,.2);
}

/* ===== Modern Settings UI ===== */

.settings{
  max-width: 760px;
}

/* Заголовки секций чуть выразительнее */
.settings .section-title{
  margin-top: 6px;
  margin-bottom: 12px;
  font-size: 18px;
  letter-spacing: .2px;
}

/* Карточки: мягкий градиент + тень */
.settings-card{
  background: linear-gradient(180deg, rgba(24,24,24,1) 0%, rgba(18,18,18,1) 100%);
  border: 1px solid rgba(42,42,42,.9);
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 14px 40px rgba(0,0,0,.35);
  max-width: 100%;
}

/* Ряд уведомлений: выравнивание и отступы */
.settings-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 6px 2px;
}

.settings-row__title{
  font-size: 14px;
  font-weight: 700;
}

.settings-row__sub{
  font-size: 12px;
  line-height: 1.35;
  opacity: .9;
}

/* Статусы внутри карточек */
.settings-status{
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(42,42,42,.7);
  color: #9CA3AF;
}

/* Тумблер: чуть компактнее и “чище” */
.switch{
  width: 46px;
  height: 26px;
}

.switch__slider{
  background: rgba(33,33,33,1);
  border: 1px solid rgba(42,42,42,1);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.25);
}

.switch__slider:before{
  height: 20px;
  width: 20px;
  left: 3px;
  background: #A3A3A3;
}

.switch input:checked + .switch__slider{
  background: rgba(34,197,94,.18);
  border-color: rgba(34,197,94,.35);
}

.switch input:checked + .switch__slider:before{
  transform: translate(20px,-50%);
  background: #22C55E;
}

/* Токены: современный selectable row */
.profile-list{
  gap: 10px;
}

.profile-item{
  background: rgba(21,21,21,.75);
  border: 1px solid rgba(42,42,42,.85);
  border-radius: 14px;
  padding: 12px 12px;
  transition: transform .12s ease, border-color .12s ease, background .12s ease;
}

.profile-item:hover{
  background: rgba(148,163,184,.06);
  border-color: rgba(148,163,184,.20);
  transform: translateY(-1px);
}

/* Чекбокс делаем аккуратнее (без кастомной разметки) */
.profile-item input[type="checkbox"]{
  width: 18px;
  height: 18px;
  transform: none;         /* убираем текущий scale */
  accent-color: #2563EB;   /* современный нативный стиль */
}

/* Кнопка "Сохранить" чуть “премиум” */
#profiles-save.btn{
  border-radius: 12px;
  padding: 10px 14px;
  box-shadow: 0 12px 26px rgba(37,99,235,.18);
}
/* ===== Sidebar user card ===== */

.sidebar-user-card{
  margin: 8px 0 14px 0;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  padding: 0;              /* убираем внутренние отступы */
  background: transparent; /* убираем фон */
  border: none;            /* убираем рамку */
  box-shadow: none;        /* убираем тень */
}

.sidebar-user-card__icon{
  width: 28px;
  height: 28px;
  border-radius: 10px;

  display: inline-grid;
  place-items: center;

  background: rgba(37,99,235,.15);
  border: 1px solid rgba(37,99,235,.35);

  color: #60A5FA;
}

.sidebar-user-card__icon svg{
  width: 16px;
  height: 16px;
}

.sidebar-user-card__name{
  font-size: 15px;
  letter-spacing: .3px;
}

/* ===== Collapsed avatar mode ===== */

.sidebar.is-collapsed .sidebar-user-card{
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

.sidebar.is-collapsed .sidebar-user-card__icon{
  display: none;
}

.sidebar.is-collapsed .sidebar-user-card__name{
  display: none;
}

/* Кружок с первой буквой */
.sidebar.is-collapsed .sidebar-user-card::after{
  content: attr(data-initial);
  width: 24px;
  height: 24px;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 12px;
  font-weight: 800;

  color: #fff;

  background: linear-gradient(135deg,#2563EB,#1D4ED8);
  box-shadow: 0 10px 25px rgba(37,99,235,.35);
}

/* ===== Sidebar brand card ===== */
.logo{
  padding-bottom: 12px;
  border-bottom: 1px solid #212121;
  margin-bottom: 12px;
}

/* плашка вокруг названия */
.sidebar-title{
  display: flex;
  align-items: center;
  justify-content: center;

  padding: 12px 12px;
  border-radius: 16px;

  background: linear-gradient(180deg, #1a1a1a 0%, #141414 100%);
  border: 1px solid #212121;
  box-shadow: 0 12px 34px rgba(0,0,0,.35);

  text-align: center;
}

/* текст внутри */
.sidebar-title__full{
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .6px;
  color: #E5E7EB;
}

/* на всякий — если где-то еще .logo .title используется */
.logo .title{
  font-weight: 800;
}

.sidebar-title{
  margin-bottom: 20px;
}

.sidebar.is-collapsed .sidebar-collapse{
  margin: 12px auto;
}
.sidebar-collapse{
  margin: 12px auto 16px auto;
}
#users-list{
  display: flex;
  flex-direction: column;
  gap: 12px; /* расстояние между пользователями */
}
#users-list{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.user-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  padding: 12px 14px;
  border-radius: 14px;

  background: rgba(21,21,21,.75);
  border: 1px solid rgba(42,42,42,.85);
}

.user-row__name{
  font-size: 14px;
  font-weight: 700;
  color: #E5E7EB;
}

.user-row__meta{
  display: flex;
  align-items: center;
  gap: 8px;
}

.user-badge{
  font-size: 12px;
  font-weight: 700;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid transparent;
  white-space: nowrap;
}

.user-badge--online{
  color: #22C55E;
  background: rgba(34,197,94,.12);
  border-color: rgba(34,197,94,.25);
}

.user-badge--offline{
  color: #9CA3AF;
  background: rgba(148,163,184,.08);
  border-color: rgba(148,163,184,.18);
}
.user-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
}

.user-row__name{
  color: #E5E7EB !important;
  font-size: 14px;
  font-weight: 700;
  flex: 1;              /* чтобы занимало место слева */
  min-width: 0;         /* чтобы работал ellipsis */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-row__meta{
  flex-shrink: 0;
}

.action-btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}

/* ===== Modern Bybit modal ===== */
.modal__backdrop{
  background: rgba(0,0,0,.68);
  backdrop-filter: blur(6px);
}

.modal__backdrop{
  animation: modalFade .25s ease;
}

@keyframes modalFade{
  from{
    opacity:0;
    backdrop-filter: blur(0px);
  }
  to{
    opacity:1;
    backdrop-filter: blur(6px);
  }
}

#bybit-modal .modal__card{
  width: min(640px, calc(100% - 28px));
  margin: 90px auto;
  padding: 18px 18px 16px;

  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.08);

  background: linear-gradient(180deg, rgba(24,24,24,.92), rgba(16,16,16,.92));
  box-shadow: 0 24px 70px rgba(0,0,0,.65);
}

#bybit-modal .modal__head{
  align-items: center;
  margin-bottom: 14px;
}

#bybit-modal .modal__title{
  font-size: 16px;
  letter-spacing: .2px;
}

#bybit-modal .modal__sub{
  margin-top: 4px;
  font-size: 12px;
  color: rgba(156,163,175,.9);
}

#bybit-modal .icon-btn.danger{
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  color: #ef4444;
}

#bybit-modal .icon-btn.danger:hover{
  background: rgba(239,68,68,.10);
  border-color: rgba(239,68,68,.28);
}

/* Поле ввода */
#bybit-modal .field{
  display: grid;
  gap: 8px;
}

#bybit-modal .field__label{
  font-size: 12px;
  color: #9CA3AF;
}

#bybit-modal .field__input,
#bybit-modal input#bybit-rate-input{
  width: 100%;
  height: 44px;
  padding: 0 14px;

  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(10,10,10,.55);
  color: #E5E7EB;

  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease, filter .15s ease;
}

#bybit-modal .field__input:focus,
#bybit-modal input#bybit-rate-input:focus{
  border-color: rgba(59,130,246,.55);
  box-shadow: 0 0 0 4px rgba(59,130,246,.15);
  filter: brightness(1.06);
}

/* Ошибка */
#bybit-modal #bybit-error{
  margin-top: 8px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(239,68,68,.12);
  border: 1px solid rgba(239,68,68,.25);
  color: #ef4444;
  font-size: 12px;
}

/* Футер и кнопки */
#bybit-modal .modal__footer{
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 14px;
}

#bybit-modal .modal__footer .btn{
  height: 40px;
  padding: 0 14px;
  border-radius: 12px;
  font-weight: 700;
}

#bybit-modal #bybit-cancel.btn{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: #E5E7EB;
}

#bybit-modal #bybit-cancel.btn:hover{
  background: rgba(255,255,255,.10);
}

#bybit-modal #bybit-submit.btn{
  background: linear-gradient(180deg, rgba(37,99,235,1), rgba(29,78,216,1));
}

#bybit-modal #bybit-submit.btn:hover{
  filter: brightness(1.08);
}

/* Плавное появление */
#bybit-modal:not([hidden]) .modal__card{
  animation: bybitPop .16s ease-out;
}
@keyframes bybitPop{
  from{ transform: translateY(-6px); opacity: .0; }
  to{ transform: translateY(0); opacity: 1; }
}


tr.row-time-warning{
  background: rgba(255, 149, 0, 0.18);
}

tr.row-time-warning:hover{
  background: rgba(255, 149, 0, 0.22);
}

.panel-update-notice{
  position: fixed;
  bottom: 24px;
  right: 24px;

  background: #111827;
  color: white;

  padding: 14px 18px;
  border-radius: 10px;

  box-shadow: 0 10px 30px rgba(0,0,0,.35);

  display:flex;
  gap:12px;
  align-items:center;

  z-index:9999;
}

.panel-update-notice button{
  background:#2563eb;
  border:none;
  color:white;
  padding:6px 12px;
  border-radius:6px;
  cursor:pointer;
}

.header-profile-badge{
  display: inline-flex;
  align-items: center;
  margin-top: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(37,99,235,.12);
  border: 1px solid rgba(37,99,235,.22);
  color: #dbeafe;
  font-size: 12px;
  font-weight: 700;
}

.sidebar-user-name{
  font-weight:600;
  font-size:15px;
}

.sidebar-user-role{
  display:inline-block;
  margin-top:3px;
  padding:2px 8px;
  font-size:11px;
  border-radius:6px;
  background:#1e293b;
  color:#9ca3af;
}

.sidebar-user-name{
  font-weight:600;
  font-size:15px;
}

.sidebar-user-role{
  display:inline-block;
  margin-top:4px;
  padding:3px 10px;
  font-size:11px;
  border-radius:8px;
  font-weight:500;
}

/* роли */

.role-admin{
  background:#3b0d0d;
  color:#ff6b6b;
}

.role-curator{
  background:#2e1065;
  color:#c084fc;
}

.role-operator{
  background:#0f172a;
  color:#60a5fa;
}

.role-director{
  background:#3f2f00;
  color:#facc15;
}

.settings-actions {
  margin-bottom: 16px;
}

.header-refresh-btn {
  border: 1px solid #2a2a2a;
  background: #151515;
  color: #fff;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: .15s ease;
}

.header-refresh-btn:hover {
  background: #1d1d1d;
}

.header-refresh-btn:disabled {
  opacity: .6;
  cursor: default;
}


tr.row-claimed td:first-child {
  border-left: 4px solid #3b82f6;
}
tr.row-claimed {
  box-shadow: inset 3px 0 0 #3b82f6;
}
/* ===== STATES ===== */

/* привязанная заявка */
tr.row-claimed {
  background: rgba(59,130,246,0.06);
}

tr.row-claimed td:first-child {
  border-left: 4px solid #3b82f6;
}

/* выполненная */
tr.row-done {
  background: rgba(34,197,94,0.08);
}

tr.row-done td:first-child {
  border-left: 4px solid #22c55e;
}

/* ошибка проверки */
tr.row-failed {
  background: rgba(239,68,68,0.08);
}

tr.row-failed td:first-child {
  border-left: 4px solid #ef4444;
}

/* предупреждение времени */
tr.row-time-warning {
  background: rgba(234,179,8,0.10);
}

tr.row-time-warning td:first-child {
  border-left: 4px solid #eab308;
}


/* CLAIMED */


/* DONE */
tr.row-done {
  background: rgba(34,197,94,0.10);
}

/* FAILED */
tr.row-failed {
  background: rgba(239,68,68,0.12);
}

/* CHECK */
tr.row-check {
  background: rgba(139,92,246,0.10);
}

/* TIME WARNING */
tr.row-time-warning {
  background: rgba(234,179,8,0.12);
}

tr.row-check {
  background: rgba(139,92,246,0.25);
}

.profile-item{
  display: flex;
  align-items: center;
  gap: 14px;

  padding: 14px 16px;
  border-radius: 14px;

  background: linear-gradient(180deg,#161616,#111);
  border: 1px solid #262626;

  cursor: pointer;

  transition:
    transform .15s ease,
    box-shadow .15s ease,
    border-color .15s ease,
    background .15s ease;
}

.profile-item:hover{
  transform: translateY(-2px);
  border-color: rgba(59,130,246,.45);
  box-shadow: 0 10px 22px rgba(0,0,0,.45);
}

.profile-item input{
  width: 18px;
  height: 18px;
  accent-color: #3B82F6;
}

.profile-item__name{
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .2px;
}

.profile-item input:checked + .profile-item__name{
  color: #60A5FA;
}
.profile-list{
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(180px,1fr));
  gap: 12px;
  margin: 12px 0 16px;
}
.btn.primary{
  background: linear-gradient(135deg,#2563EB,#4F46E5);
  border: none;
  color: white;
  padding: 10px 16px;
  border-radius: 10px;
  font-weight: 600;
  transition: transform .15s ease, box-shadow .15s ease;
}

.btn.primary:hover{
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(37,99,235,.35);
}

.req {
  cursor: pointer;
}

.req.copied {
  background: #22c55e;
  color: white;
}
.dispute-card {
  width: min(520px, calc(100vw - 32px));
  border-radius: 22px;
  padding: 0;
  background: linear-gradient(180deg, rgba(17,17,19,.96), rgba(14,14,16,.98));
  border: 1px solid rgba(255,255,255,0.05);
  box-shadow:
    0 28px 90px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.03);
  overflow: hidden;
}

.dispute-card .modal__head {
  padding: 22px 22px 14px;
  align-items: flex-start;
}

.dispute-card .modal__title {
  font-size: 26px;
  font-weight: 800;
  color: #f3f4f6;
  line-height: 1.05;
}

.dispute-card .modal__sub {
  margin-top: 6px;
  color: #9ca3af;
  font-size: 14px;
}

.dispute-card .modal__body {
  padding: 0 22px 18px;
}

.dispute-fields {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.dispute-fields .field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.dispute-fields .field__label {
  font-size: 13px;
  font-weight: 700;
  color: #d1d5db;
  padding-left: 2px;
}

.req-star {
  color: #ef4444;
}

.dispute-input {
  width: 100%;
  min-height: 52px;
  padding: 0 16px;
  border: 1px solid rgba(255,255,255,0.04);
  border-radius: 14px;
  background: #0c0d10;
  color: #f3f4f6;
  font-size: 15px;
  outline: none;
  transition: .18s ease;
  box-sizing: border-box;
}

.dispute-input::placeholder {
  color: #6b7280;
}

.dispute-input:hover {
  border-color: rgba(255,255,255,0.08);
}

.dispute-input:focus {
  border-color: rgba(96,165,250,.45);
  box-shadow: 0 0 0 4px rgba(59,130,246,.12);
  background: #0b0c0f;
}

select.dispute-input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 42px;
  background-image:
    linear-gradient(45deg, transparent 50%, #9ca3af 50%),
    linear-gradient(135deg, #9ca3af 50%, transparent 50%);
  background-position:
    calc(100% - 20px) calc(50% - 3px),
    calc(100% - 14px) calc(50% - 3px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

.dispute-textarea {
  min-height: 120px;
  padding: 14px 16px;
  resize: vertical;
  line-height: 1.45;
}

.dispute-footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 0 22px 22px;
}

.dispute-btn {
  min-width: 148px;
  height: 46px;
  border-radius: 14px;
  font-weight: 700;
}

.dispute-btn--ghost {
  background: #14161a;
  border: 1px solid rgba(255,255,255,0.06);
  color: #e5e7eb;
}

.dispute-btn--ghost:hover {
  background: #181b20;
}

.dispute-btn--primary {
  background: linear-gradient(180deg, #1f6fff, #145df0);
  border: 1px solid rgba(59,130,246,.35);
  color: #fff;
  box-shadow: 0 10px 24px rgba(20,93,240,.25);
}

.dispute-btn--primary:hover {
  filter: brightness(1.05);
}

@media (max-width: 640px) {
  .dispute-card {
    width: calc(100vw - 20px);
    border-radius: 18px;
  }

  .dispute-card .modal__head,
  .dispute-card .modal__body,
  .dispute-footer {
    padding-left: 16px;
    padding-right: 16px;
  }

  .dispute-footer {
    flex-direction: column-reverse;
  }

  .dispute-btn {
    width: 100%;
    min-width: 0;
  }

  .dispute-card .modal__title {
    font-size: 22px;
  }
}

.dispute-reasons {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.dispute-reason {
  display: flex;
  align-items: center;
  gap: 12px;

  height: 48px;
  padding: 0 14px;

  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.05);

  background: #0c0d10;
  color: #e5e7eb;

  font-size: 14px;
  font-weight: 600;

  cursor: pointer;
  transition: .18s ease;
}

.dispute-reason:hover {
  background: #111217;
  border-color: rgba(255,255,255,0.1);
}

.dispute-reason.active {
  border-color: #3b82f6;
  background: rgba(59,130,246,.12);
}

.dispute-reason__icon {
  font-size: 18px;
}

.dispute-reason__text {
  flex: 1;
  text-align: left;
}

.dispute-reason__icon {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}

.dispute-reason__icon svg {
  width: 18px;
  height: 18px;
}

#salaries-section,
#admin-section{
  animation: fadeIn .15s ease;
}
[hidden] {
  display: none !important;
}

#shift-busy,
#shift-gate {
  width: 100%;
  min-height: calc(100vh - 120px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  box-sizing: border-box;
}

.shift-card {
  width: 100%;
  max-width: 520px;
  padding: 28px;
  border-radius: 18px;
  background: #111318;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
  text-align: center;
}

.shift-card__title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
}

.shift-card__text {
  font-size: 15px;
  opacity: .8;
  margin-bottom: 18px;
}

.summary-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.summary-header__left,
.summary-header__right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.btn-danger {
  background: #b91c1c;
  color: #fff;
}

.btn-danger:hover {
  background: #991b1b;
}

.shift-summary {
  display: grid;
  gap: 10px;
  margin-bottom: 18px;
}

.shift-summary__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255,255,255,.04);
}

.tokens-bar {
  position: fixed;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);

  display: flex;
  gap: 12px;
  padding: 6px 10px;

  background: rgba(20,20,20,0.6);
  backdrop-filter: blur(6px);
  border-radius: 10px;

  z-index: 1000;
}

.header {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.header-left {
  position: relative;
  z-index: 2;
}

.header-center {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}

.tabs--top {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px;
  border-radius: 14px;
  background: rgba(16, 18, 24, 0.78);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
}

.tabs--top[hidden] {
  display: none !important;
}

.tabs--top .tab,
.tabs--top button {
  min-width: 88px;
  height: 38px;
  padding: 0 14px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #bfc7d8;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.2s ease;
}

.tabs--top .tab:hover,
.tabs--top button:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #ffffff;
}

.tabs--top .tab.active,
.tabs--top button.active {
  background: #2563eb;
  color: #fff;
  box-shadow: 0 0 18px rgba(37, 99, 235, 0.35);
}

#payouts-section {
  position: relative;
  padding-top: 64px;
}

.tabs--floating {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);

  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px;

  border-radius: 14px;
  background: rgba(16, 18, 24, 0.78);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28);
  z-index: 20;
}

.tabs--floating[hidden] {
  display: none !important;
}

.tabs--floating .tab,
.tabs--floating button {
  min-width: 88px;
  height: 38px;
  padding: 0 14px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #bfc7d8;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: 0.2s ease;
}

.tabs--floating .tab:hover,
.tabs--floating button:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}

.tabs--floating .tab.active,
.tabs--floating button.active {
  background: #2563eb;
  color: #fff;
  box-shadow: 0 0 18px rgba(37, 99, 235, 0.35);
}

#payouts-section {
  position: relative;
  padding-top: 70px;
}

.tabs--floating {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);

  display: flex;
  gap: 8px;
  padding: 6px;

  border-radius: 14px;
  background: rgba(16,18,24,0.8);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.05);

  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
  z-index: 20;
}

.tabs--floating button {
  min-width: 90px;
  height: 36px;
  padding: 0 14px;

  border: none;
  border-radius: 10px;

  background: transparent;
  color: #bfc7d8;

  font-size: 14px;
  cursor: pointer;
  transition: 0.2s;
}

.tabs--floating button:hover {
  background: rgba(255,255,255,0.06);
  color: white;
}

.tabs--floating button.active {
  background: #2563eb;
  color: white;
  box-shadow: 0 0 14px rgba(37,99,235,0.4);
}

.tabs--floating {
  position: fixed;
  top: 14px;
  left: 50%;
  transform: translateX(-50%);

  display: flex;
  gap: 8px;
  padding: 6px;

  border-radius: 14px;
  background: rgba(16,18,24,0.85);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.05);

  box-shadow: 0 10px 30px rgba(0,0,0,0.35);

  z-index: 1000;
}

.top-controls {
  position: fixed;
  top: 14px;
  left: 50%;
  transform: translateX(-50%);

  display: flex;
  align-items: center;
  gap: 16px;

  z-index: 1000;
}

.shift-controls {
  display: flex;
  align-items: center;
  gap: 14px;
}

.tabs--floating {
  display: flex;
  gap: 6px;
  padding: 6px;

  border-radius: 14px;
  background: rgba(16,18,24,0.85);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.05);
}

.top-bar {
  position: fixed;
  top: 14px;
  left: 50%;
  transform: translateX(-50%);

  display: flex;
  align-items: center;
  gap: 16px;

  padding: 6px 12px;

  border-radius: 14px;
  background: rgba(16,18,24,0.85);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.05);

  box-shadow: 0 10px 30px rgba(0,0,0,0.35);

  z-index: 1000;
}

#profile-tabs {
  display: flex;
  gap: 6px;
}

.top-tabs {
  position: fixed;
  top: 14px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
}



#profile-tabs {
  display: flex;
  gap: 6px;
  padding: 6px;
  border-radius: 14px;
  background: rgba(16, 18, 24, 0.85);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}



.main {
  position: relative;
}



.top-search-switch {
  display: inline-flex;
  align-items: center;
  gap: 100px;

  padding: 10px 10px;
  border-radius: 250px;
  background: rgba(16, 18, 24, 0.85);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.05);
  box-shadow: 0 10px 30px rgba(0,0,0,0.35);

  white-space: nowrap;
}

.top-search-switch .switch-text {
  white-space: nowrap;
}

.top-search-switch .switch-ui {
  flex: 0 0 auto;
}

.top-tabs {
  position: fixed;
  top: 14px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2000;
}

.top-tabs #profile-tabs {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px;
  border-radius: 14px;
  background: rgba(16, 18, 24, 0.85);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.top-actions {
  position: fixed;
  top: 14px;
  right: 120px;
  z-index: 2000;

  display: flex;
  align-items: center;
  gap: 12px;

  background: transparent;
  border: 0;
  padding: 0;
  box-shadow: none;
  max-width: none;
  width: auto;
}

.top-search-switch {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 6px 10px;

 
 

  white-space: nowrap;
  flex: 0 0 auto;
}





#finish-shift-btn {
  flex: 0 0 auto;
}

#payouts-section {
  padding-top: 72px;
}

.top-search-switch {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0;

  background: transparent;
  border: none;
  box-shadow: none;
  backdrop-filter: none;

  white-space: nowrap;
  flex: 0 0 auto;
}

.top-search-switch {
  margin-top: 6px;
}

.top-tabs #profile-tabs {
  display: flex;
  align-items: center;
  gap: 6px;

  padding: 6px;
  border-radius: 14px;

  background: rgba(16, 18, 24, 0.85);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.05);

  box-shadow: 0 10px 30px rgba(0,0,0,0.35);
}

#profile-tabs button {
  padding: 6px 14px;
  border-radius: 10px;
  border: none;

  background: transparent;
  color: #bfc7d8;

  font-size: 14px;
  cursor: pointer;
  transition: 0.2s;
}

#profile-tabs button:hover {
  background: rgba(255,255,255,0.06);
  color: white;
}

#profile-tabs button.active {
  background: #2563eb;
  color: white;
  box-shadow: 0 0 14px rgba(37,99,235,0.4);
}

#payouts-section {
  padding-top: 24px;
}

.summary-header {
  margin-top: 16px;
}
.summary-title {
	
  margin-left: 6px;
}
.summary-header {
  margin-bottom: 12px;
}

.app {
  min-height: 100vh;
  align-items: stretch;
}

.sidebar {
  min-height: 100vh;
  height: 100vh;
}

.sidebar {
  position: sticky;
  top: 0;
  min-height: 100vh;
  height: 100vh;
}

/* ===== MODALS UPGRADE ===== */

.modal__backdrop {
  background: rgba(3, 8, 20, 0.72);
  backdrop-filter: blur(10px);
}

.modal__card {
  width: min(680px, calc(100vw - 32px));
  border-radius: 22px;
  padding: 0;
  overflow: hidden;

  background:
    linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01)),
    rgba(12, 14, 20, 0.96);

  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow:
    0 24px 80px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255,255,255,0.04);
}

.modal__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 20px 14px;
}

.modal__title {
  font-size: 30px;
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #f5f7ff;
  margin: 0;
}

.modal__sub {
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.45;
  color: rgba(214, 220, 235, 0.68);
}

.modal__body {
  padding: 0 20px 18px;
}

.modal__footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 0 20px 20px;
}

.icon-btn.danger,
.modal__head .icon-btn,
.modal__head [data-shift-start-close],
.modal__head [data-shift-finish-close] {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.05);
  background: rgba(255,255,255,0.04);
  color: #ef4444;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
  transition: 0.2s ease;
}

.icon-btn.danger:hover,
.modal__head .icon-btn:hover,
.modal__head [data-shift-start-close]:hover,
.modal__head [data-shift-finish-close]:hover {
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.18);
  transform: translateY(-1px);
}

.modal .form {
  display: grid;
  gap: 16px;
}

.modal .field {
  display: grid;
  gap: 8px;
}

.modal .field__label {
  font-size: 14px;
  font-weight: 500;
  color: rgba(219, 225, 238, 0.78);
}

.modal .input,
.modal .field__input,
.modal .dispute-input {
  width: 100%;
  height: 50px;
  padding: 0 16px;
  border-radius: 16px;

  background: rgba(7, 10, 16, 0.88);
  border: 1px solid rgba(255,255,255,0.07);
  color: #f3f6ff;
  font-size: 16px;
  outline: none;

  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease,
    transform 0.18s ease;
}

.modal textarea.dispute-input {
  min-height: 110px;
  padding: 14px 16px;
  resize: vertical;
}

.modal .input::placeholder,
.modal .field__input::placeholder,
.modal .dispute-input::placeholder {
  color: rgba(196, 202, 217, 0.34);
}

.modal .input:focus,
.modal .field__input:focus,
.modal .dispute-input:focus {
  border-color: rgba(59, 130, 246, 0.65);
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.14);
  background: rgba(8, 12, 20, 0.96);
}

.modal .btn {
  min-height: 46px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 700;
}

.modal .btn:not(.btn-danger) {
  background: linear-gradient(180deg, #3b82f6, #2563eb);
  border: 0;
  box-shadow:
    0 10px 24px rgba(37, 99, 235, 0.28),
    inset 0 1px 0 rgba(255,255,255,0.18);
}

.modal .btn:not(.btn-danger):hover {
  transform: translateY(-1px);
}

.modal .btn-danger {
  background: linear-gradient(180deg, #ef4444, #dc2626);
  border: 0;
  box-shadow:
    0 10px 24px rgba(220, 38, 38, 0.26),
    inset 0 1px 0 rgba(255,255,255,0.14);
}

.modal .btn-danger:hover {
  transform: translateY(-1px);
}

/* ===== SHIFT SUMMARY ===== */

.shift-summary {
  display: grid;
  gap: 10px;
  margin-bottom: 18px;
}

.shift-summary__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;

  padding: 14px 16px;
  border-radius: 16px;

  background: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.018));
  border: 1px solid rgba(255,255,255,0.05);
}

.shift-summary__row span {
  color: rgba(222, 228, 241, 0.78);
  font-size: 15px;
}

.shift-summary__row b {
  color: #f7f9ff;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.01em;
}

/* ===== START / FINISH MODAL SPECIFIC TWEAKS ===== */

#shift-start-modal .modal__card,
#shift-finish-modal .modal__card {
  width: min(720px, calc(100vw - 32px));
}

#shift-start-modal .modal__body,
#shift-finish-modal .modal__body {
  padding-top: 4px;
}

/* ===== MOBILE ===== */

@media (max-width: 640px) {
  .modal__card {
    width: calc(100vw - 20px);
    border-radius: 18px;
  }

  .modal__head {
    padding: 16px 16px 12px;
  }

  .modal__body {
    padding: 0 16px 16px;
  }

  .modal__footer {
    padding: 0 16px 16px;
  }

  .modal__title {
    font-size: 24px;
  }

  .shift-summary__row {
    padding: 12px 14px;
  }
}

/* ===== UPLOAD MODAL ===== */

#upload-modal .modal__card,
#cancel-modal .modal__card {
  width: min(720px, calc(100vw - 32px));
  border-radius: 22px;
  overflow: hidden;

  background:
    linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01)),
    rgba(12, 14, 20, 0.96);

  border: 1px solid rgba(255,255,255,0.06);
  box-shadow:
    0 24px 80px rgba(0,0,0,0.45),
    inset 0 1px 0 rgba(255,255,255,0.04);
}

#upload-modal .modal__head,
#cancel-modal .modal__head {
  padding: 20px 20px 14px;
}

#upload-modal .modal__body,
#cancel-modal .modal__body {
  padding: 0 20px 18px;
}

#upload-modal .modal__footer,
#cancel-modal .modal__footer {
  padding: 0 20px 20px;
}

#upload-modal .modal__title,
#cancel-modal .modal__title {
  font-size: 28px;
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #f5f7ff;
}

#upload-modal .modal__sub,
#cancel-modal .modal__sub {
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.45;
  color: rgba(214, 220, 235, 0.68);
}

/* ===== UPLOAD BOX ===== */

.upload-box {
  padding: 20px;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)),
    rgba(7, 10, 16, 0.88);

  border: 1px solid rgba(255,255,255,0.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.upload-box__text {
  font-size: 16px;
  font-weight: 500;
  color: #eef2ff;
  margin-bottom: 14px;
}

.upload-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.upload-file {
  font-size: 14px;
  color: rgba(214, 220, 235, 0.72);
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.04);
}

#upload-modal .btn {
  min-height: 46px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 700;
}

#upload-modal .btn:not(:disabled) {
  background: linear-gradient(180deg, #3b82f6, #2563eb);
  border: 0;
  box-shadow:
    0 10px 24px rgba(37,99,235,0.28),
    inset 0 1px 0 rgba(255,255,255,0.18);
}

#upload-modal .btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  box-shadow: none;
}

/* ===== CANCEL MODAL ===== */

.cancel-reasons {
  display: grid;
  gap: 12px;
}

.cancel-reason {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;

  padding: 16px 18px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.05);

  background:
    linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.015));
  color: #eef2ff;

  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease,
    box-shadow 0.18s ease;
}

.cancel-reason:hover {
  transform: translateY(-1px);
  border-color: rgba(239,68,68,0.22);
  background:
    linear-gradient(180deg, rgba(239,68,68,0.07), rgba(239,68,68,0.03)),
    rgba(255,255,255,0.02);
  box-shadow: 0 10px 24px rgba(0,0,0,0.18);
}

.cancel-reason__icon {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 999px;
  background: rgba(239,68,68,0.12);
  color: #ff6b57;
}

.cancel-reason__text {
  font-size: 15px;
  font-weight: 600;
  color: #f4f7ff;
}

#cancel-modal .btn.danger,
#cancel-submit {
  min-height: 46px;
  padding: 0 18px;
  border-radius: 14px;
  font-weight: 700;

  background: linear-gradient(180deg, #ef4444, #dc2626);
  border: 0;
  box-shadow:
    0 10px 24px rgba(220,38,38,0.26),
    inset 0 1px 0 rgba(255,255,255,0.14);
}

#cancel-modal .btn.danger:disabled,
#cancel-submit:disabled {
  opacity: 0.65;
  color: #ffd2d2;
  background: linear-gradient(180deg, #ef4444, #dc2626);
  box-shadow: none;
  cursor: not-allowed;
}

/* ===== CLOSE BUTTONS ===== */

#upload-modal .icon-btn.danger,
#cancel-modal .icon-btn.danger {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.05);
  background: rgba(255,255,255,0.04);
  color: #ef4444;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
  transition: 0.2s ease;
}

#upload-modal .icon-btn.danger:hover,
#cancel-modal .icon-btn.danger:hover {
  background: rgba(239,68,68,0.08);
  border-color: rgba(239,68,68,0.18);
  transform: translateY(-1px);
}

#cancel-submit {
  color: #ffffff;
  font-weight: 700;
}

#cancel-submit:not(:disabled) {
  color: #ffffff;
}

/* ===== BANK MODAL ===== */

#bank-modal .modal__card {
  width: min(720px, calc(100vw - 32px));
}

/* поле поиска */

.bank-searchbox {
  display: flex;
  align-items: center;
  gap: 10px;

  height: 48px;
  padding: 0 16px;
  margin-bottom: 14px;

  border-radius: 16px;
  background: rgba(7, 10, 16, 0.88);
  border: 1px solid rgba(255,255,255,0.06);

  transition: border-color .18s ease, box-shadow .18s ease;
}

.bank-searchbox:focus-within {
  border-color: rgba(59,130,246,0.6);
  box-shadow: 0 0 0 3px rgba(37,99,235,0.14);
}

.bank-searchbox__icon {
  opacity: .6;
  font-size: 14px;
}

.bank-searchbox__input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  color: #eef2ff;
  font-size: 15px;
}

/* список банков */

.bank-list {
  max-height: 360px;
  overflow-y: auto;
  padding-right: 4px;

  display: grid;
  gap: 10px;
}

/* карточка банка */

.bank-item {
  display: flex;
  align-items: center;
  gap: 14px;

  padding: 14px 16px;
  border-radius: 16px;

  background:
    linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.015));

  border: 1px solid rgba(255,255,255,0.05);
  transition: all .18s ease;
  cursor: pointer;
}

.bank-item:hover {
  transform: translateY(-1px);
  border-color: rgba(59,130,246,0.28);
  background:
    linear-gradient(180deg, rgba(59,130,246,0.08), rgba(59,130,246,0.02)),
    rgba(255,255,255,0.02);
}

/* выбранный банк */

.bank-item.active {
  border-color: rgba(37,99,235,0.55);
  background:
    linear-gradient(180deg, rgba(37,99,235,0.12), rgba(37,99,235,0.04));
}

/* иконка банка */

.bank-item img,
.bank-item svg {
  width: 26px;
  height: 26px;
}

/* текст банка */

.bank-item span {
  font-size: 15px;
  font-weight: 600;
  color: #f4f7ff;
}

/* радио-кружок */

.bank-item input[type="radio"] {
  margin-right: 6px;
  accent-color: #2563eb;
}

.modal__card {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01)),
    rgba(12,14,20,0.96);

  border: 1px solid rgba(255,255,255,0.06);

  box-shadow:
    0 24px 80px rgba(0,0,0,0.45),
    inset 0 1px 0 rgba(255,255,255,0.04);
}

/* =========================
   No profile screen
   ========================= */

.shift-gate__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 18px;
}

.shift-gate__icon span {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(59,130,246,0.12);
  border: 1px solid rgba(59,130,246,0.35);
  color: #60a5fa;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.shift-btn-primary {
  margin-top: 16px;
  padding: 10px 18px;
  border-radius: 10px;
  border: none;
  background: linear-gradient(180deg,#2563eb,#1d4ed8);
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: 0.2s;
}

.shift-btn-primary:hover {
  background: linear-gradient(180deg,#3b82f6,#2563eb);
  transform: translateY(-1px);
}

.shift-btn-primary:active {
  transform: translateY(0);
}

#shift-no-profile {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70vh;
}

#shift-no-profile .shift-gate__card {
  text-align: center;
  max-width: 420px;
}

.shift-gate__icon span {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(59,130,246,0.12);
  border: 1px solid rgba(59,130,246,0.35);
  color: #60a5fa;
  font-size: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* empty state: no profile / no tokens */
.shift-empty-state {
  min-height: calc(100vh - 180px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 20px;
}

.shift-empty-card {
  width: 100%;
  max-width: 520px;
  background: linear-gradient(180deg, #050914 0%, #040814 100%);
  border: 1px solid rgba(59, 130, 246, 0.14);
  border-radius: 20px;
  box-shadow:
    0 18px 60px rgba(0, 0, 0, 0.42),
    0 0 0 1px rgba(255, 255, 255, 0.02) inset;
  padding: 34px 28px 28px;
  text-align: center;
}

.shift-empty-title {
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 800;
  color: #ffffff;
}

.shift-empty-text {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.68);
}

.shift-empty-btn {
  margin-top: 22px;
  min-width: 128px;
  height: 40px;
  padding: 0 18px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.28);
  transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.shift-empty-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(37, 99, 235, 0.34);
}

.shift-empty-btn:active {
  transform: translateY(0);
}

.shift-empty-btn:disabled {
  opacity: 0.6;
  cursor: default;
  box-shadow: none;
}

.foreign-shift-banner {
  margin: 0 0 18px;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(37, 99, 235, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.22);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
}

.foreign-shift-banner__title {
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 4px;
}

.foreign-shift-banner__text {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.72);
}

.btn-success {
  background: linear-gradient(180deg, #22c55e, #16a34a);
  color: #fff;
  border: none;
}
#toggle-away-btn {
  margin-top: 15px;
  margin-bottom: 15px;
}
.settings-block button {
  margin-top: 25px;
}

/* сумма */
.dispute-amount {
  font-weight: 600;
  color: #ffb020;
}

/* статус */
.dispute-status {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 12px;
  background: rgba(80, 200, 120, 0.15);
  color: #6ee7a3;
}

/* кнопка удаления */
.icon-btn.danger {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgba(255,0,0,0.08);
  border: 1px solid rgba(255,0,0,0.2);
  color: #ff6b6b;
  transition: all .15s;
}

.icon-btn.danger:hover {
  background: rgba(255,0,0,0.15);
  transform: scale(1.05);
}

.table--disputes tbody tr {
  background: rgba(255,255,255,0.02);
  border-radius: 12px;
}

.table--disputes tbody tr:hover {
  background: rgba(255,255,255,0.05);
}

.section-title {
  margin-bottom: 10px;
}

.header-actions {
  margin-bottom: 18px;
}

.dispute-reason-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  border-radius:8px;
  font-size:12px;
  font-weight:600;
  white-space:nowrap;
}

/* freeze */
.reason-freeze{
  background:rgba(90,170,255,0.15);
  color:#66b3ff;
  border:1px solid rgba(90,170,255,0.35);
}

/* error */
.reason-error{
  background:rgba(255,80,80,0.15);
  color:#ff6b6b;
  border:1px solid rgba(255,80,80,0.35);
}

/* other */
.reason-other{
  background:rgba(255,160,60,0.15);
  color:#ffb347;
  border:1px solid rgba(255,160,60,0.35);
}
.dispute-reason-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:10px;
  font-size:12px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}

.dispute-reason-icon{
  width:14px;
  height:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 14px;
}

.dispute-reason-icon svg{
  width:14px;
  height:14px;
  display:block;
}

.reason-freeze{
  color:#6fb7ff;
  background:rgba(59,130,246,.14);
  border:1px solid rgba(59,130,246,.45);
}

.reason-error{
  color:#ff6b6b;
  background:rgba(239,68,68,.14);
  border:1px solid rgba(239,68,68,.45);
}

.reason-other{
  color:#ffb347;
  background:rgba(249,115,22,.14);
  border:1px solid rgba(249,115,22,.45);
}

.token-state-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 16px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid transparent;
  white-space: nowrap;
}

.token-state-badge--active {
  color: #3B82F6;
  background: rgba(37, 99, 235, 0.10);
  border-color: rgba(59, 130, 246, 0.85);
  box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.08);
}

.token-state-badge--disabled {
  color: #EF4444;
  background: rgba(239, 68, 68, 0.10);
  border-color: rgba(239, 68, 68, 0.80);
}

.token-state-badge--muted {
  color: #9CA3AF;
  background: rgba(148, 163, 184, 0.08);
  border-color: rgba(148, 163, 184, 0.25);
}

.token-state-badge--error {
  color: #F59E0B;
  background: rgba(245, 158, 11, 0.10);
  border-color: rgba(245, 158, 11, 0.65);
}

.profile-state-badge-wrap {
  margin-top: 10px;
}

.profile-state-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 16px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid transparent;
  white-space: nowrap;
}

.profile-state-badge--active {
  color: #3B82F6;
  background: rgba(37, 99, 235, 0.10);
  border-color: rgba(59, 130, 246, 0.85);
  box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.08);
}

.profile-state-badge--disabled {
  color: #EF4444;
  background: rgba(239, 68, 68, 0.10);
  border-color: rgba(239, 68, 68, 0.80);
}

.profile-state-badge--muted {
  color: #9CA3AF;
  background: rgba(148, 163, 184, 0.08);
  border-color: rgba(148, 163, 184, 0.25);
}

.profile-state-badge--error {
  color: #F59E0B;
  background: rgba(245, 158, 11, 0.10);
  border-color: rgba(245, 158, 11, 0.65);
}

.profile-state-badge--warn {
  color: #A855F7;
  background: rgba(168, 85, 247, 0.10);
  border-color: rgba(168, 85, 247, 0.65);
}
.profile-state-badge-wrap {
  margin-top: 10px;
}

.profile-state-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 16px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid transparent;
  white-space: nowrap;
}

.profile-state-badge--active {
  color: #3B82F6;
  background: rgba(37, 99, 235, 0.10);
  border-color: rgba(59, 130, 246, 0.85);
  box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.08);
}

.profile-state-badge--disabled {
  color: #EF4444;
  background: rgba(239, 68, 68, 0.10);
  border-color: rgba(239, 68, 68, 0.80);
}

.profile-state-badge--muted {
  color: #9CA3AF;
  background: rgba(148, 163, 184, 0.08);
  border-color: rgba(148, 163, 184, 0.25);
}

.profile-state-badge--error {
  color: #F59E0B;
  background: rgba(245, 158, 11, 0.10);
  border-color: rgba(245, 158, 11, 0.65);
}

.profile-state-badge-wrap {
  margin-top: 10px;
}

.profile-state-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 16px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid transparent;
  white-space: nowrap;
}

.profile-state-badge--active {
  color: #3B82F6;
  background: rgba(37, 99, 235, 0.10);
  border-color: rgba(59, 130, 246, 0.85);
  box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.08);
}

.profile-state-badge--disabled {
  color: #EF4444;
  background: rgba(239, 68, 68, 0.10);
  border-color: rgba(239, 68, 68, 0.80);
}

.profile-state-badge--muted {
  color: #9CA3AF;
  background: rgba(148, 163, 184, 0.08);
  border-color: rgba(148, 163, 184, 0.25);
}

.profile-state-badge--error {
  color: #F59E0B;
  background: rgba(245, 158, 11, 0.10);
  border-color: rgba(245, 158, 11, 0.65);
}
.profile-state-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 0 16px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid transparent;
  white-space: nowrap;
}

.profile-state-badge::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
  display: inline-block;
}

.summary-card--balance{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.summary-balance-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.summary-balance-meta{
  font-size: 12px;
  line-height: 1.35;
  color: #9ca3af;
}

.btn-sm{
  height: 34px;
  padding: 0 12px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
}

.admin-tabs{
  display:flex;
  gap:10px;
  margin-bottom:18px;
}

.admin-tab{
  padding:8px 14px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.08);
  background:#141414;
  color:#aaa;
  cursor:pointer;
  font-size:13px;
  transition:.15s;
}

.admin-tab:hover{
  background:#1a1a1a;
}

.admin-tab.active{
  background:#1d4ed8;
  color:white;
  border-color:#1d4ed8;
}

.admin-filters{
  margin-bottom:16px;
}

.admin-filters-toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, #2a2a2a 0%, #232323 100%);
  color:#f3f4f6;
  cursor:pointer;
  transition:.18s ease;
}

.admin-filters-toggle:hover{
  border-color:rgba(59,130,246,.35);
  background:linear-gradient(180deg, #303030 0%, #262626 100%);
}

.admin-filters-toggle__left{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:700;
}

.admin-filters-toggle__left svg,
.admin-filters-toggle__right svg{
  width:16px;
  height:16px;
}

.admin-filters-caret{
  transition:transform .18s ease;
}

.admin-filters-toggle.is-open .admin-filters-caret{
  transform:rotate(180deg);
}

.admin-filters-panel{
  margin-top:12px;
  padding:16px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(18,18,18,.9);
}

.admin-filters-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
}

.admin-filters-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:14px;
}

.btn-ghost{
  background:transparent;
  border:1px solid rgba(255,255,255,.08);
  color:#d1d5db;
}

.btn-ghost:hover{
  background:rgba(255,255,255,.04);
}

@media (max-width: 1100px){
  .admin-filters-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px){
  .admin-filters-grid{
    grid-template-columns:1fr;
  }
}

tr.row-claimed {
  outline: none !important;
  box-shadow: none !important;
  background: rgba(59, 130, 246, 0.20) !important;
}

tr.row-claimed:hover {
  background: rgba(59, 130, 246, 0.25) !important;
}

.actions-cell {
  padding-top: 25px;
}
.actions-cell {
  display: flex;
  align-items: flex-start;
  padding-top: 24px;
  transform: translateY(0.7px);
}

.main {
  flex: 1;
  padding: 20px;
  position: relative;
  z-index: 50;
  min-width: 0;
}

.table-wrap {
  width: 100%;
  max-width: 100%;
  background: #181818;
  border-radius: 14px;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid #0B1220;
  -webkit-overflow-scrolling: touch;
}

.table {
  width: 100%;
  min-width: 100%;
  border-collapse: collapse;
}

.table--stats {
  min-width: 100%;
}

.req-cell {
  transition: background .18s ease, box-shadow .18s ease, transform .18s ease;
  cursor: pointer;
}

.req-cell.copied {
  background: rgba(34, 197, 94, 0.18);
  box-shadow: inset 0 0 0 1px rgba(34, 197, 94, 0.45), 0 0 14px rgba(34, 197, 94, 0.22);
  transform: scale(1.02);
}

.req-cell.copied .req-badge {
  background: linear-gradient(180deg, #1f9d55, #15803d);
  color: #fff;
  border-color: rgba(255,255,255,.08);
}

.req-cell {
  cursor: pointer;
  transition: all 0.2s ease;
}

/* 🔥 ЯРКАЯ анимация */
.req-cell.copied {
  background: #22c55e !important;
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(34, 197, 94, 0.8);
}

.req-cell.copied .req-badge {
  background: transparent !important;
  color: #fff !important;
}

.req-cell {
  cursor: pointer;
}

.req-badge {
  transition: background .18s ease, box-shadow .18s ease, transform .18s ease, color .18s ease;
}

.req-badge.copied {
  background: #22c55e !important;
  color: #fff !important;
  box-shadow: 0 0 16px rgba(34, 197, 94, 0.45);
  transform: scale(1.04);
}

.amount-badge {
  transition: background .18s ease, box-shadow .18s ease, transform .18s ease, color .18s ease;
}

.amount-badge.copied {
  background: #22c55e !important;
  color: #fff !important;
  box-shadow: 0 0 16px rgba(34, 197, 94, 0.45);
  transform: scale(1.04);
}

.stats-bybit-cell {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.stats-bybit-cell .icon-btn {
  width: 26px;
  height: 26px;
  border-radius: 8px;
  border: 1px solid #2a2a2a;
  background: #181818;
  color: #d1d5db;
  cursor: pointer;
  transition: .15s ease;
}

.stats-bybit-cell .icon-btn:hover {
  background: #232323;
  border-color: #3a3a3a;
}

.salary-percent-label {
  margin-top: 8px;
  font-size: 12px;
  color: #9CA3AF;
}

.salary-status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.salary-status-badge--active {
  background: rgba(59, 130, 246, 0.14);
  color: #60A5FA;
}

.salary-status-badge--finished {
  background: rgba(34, 197, 94, 0.14);
  color: #4ADE80;
}

.salary-status-badge--cancelled {
  background: rgba(239, 68, 68, 0.14);
  color: #F87171;
}

.salary-status-badge--muted {
  background: rgba(148, 163, 184, 0.14);
  color: #CBD5E1;
}

.salary-layout {
  display: grid;
  gap: 16px;
}

.salary-toolbar {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.salary-toolbar__filters {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  flex: 1 1 520px;
}

.salary-toolbar__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}

.salary-summary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
}

.salary-empty-state {
  color: #9CA3AF;
}

@media (max-width: 900px) {
  .salary-toolbar__actions {
    width: 100%;
    align-items: stretch;
  }
}

.salary-operators-summary {
  margin: 18px 0 22px;
}

.salary-ops-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 14px;
}

.salary-op-card {
  background: linear-gradient(180deg, rgba(20, 20, 24, 0.96), rgba(14, 14, 18, 0.96));
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 16px;
  padding: 16px 16px 14px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
}

.salary-op-name {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
}

.salary-op-meta {
  font-size: 13px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.72);
  margin-bottom: 4px;
}

.salary-op-total {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  font-size: 15px;
  font-weight: 700;
  color: #fff;
}

.pagination {
  display: flex;
  gap: 6px;
  margin-top: 14px;
  flex-wrap: wrap;
}

.page-btn {
  padding: 6px 10px;
  border-radius: 8px;
  background: #1a1a1f;
  border: 1px solid #2a2a2f;
  color: #aaa;
  cursor: pointer;
  font-size: 13px;
}

.page-btn:hover {
  background: #2a2a2f;
  color: #fff;
}

.page-btn.active {
  background: #3b82f6;
  color: white;
  border-color: #3b82f6;
}
.salary-pagination-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 18px;
  padding-top: 10px;
  flex-wrap: wrap;
}

.salary-pagination-info {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.64);
}

.salary-pagination {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.salary-page-btn {
  min-width: 38px;
  height: 38px;
  padding: 0 12px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
  color: rgba(255, 255, 255, 0.82);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.18s ease;
}

.salary-page-btn:hover:not(:disabled) {
  background: rgba(59, 130, 246, 0.12);
  border-color: rgba(59, 130, 246, 0.35);
  color: #fff;
  transform: translateY(-1px);
}

.salary-page-btn.active {
  background: #3b82f6;
  border-color: #3b82f6;
  color: #fff;
  box-shadow: 0 8px 18px rgba(59, 130, 246, 0.28);
}

.salary-page-btn.nav {
  font-size: 15px;
  font-weight: 700;
}

.salary-page-btn:disabled {
  opacity: 0.38;
  cursor: default;
}

.salary-page-dots {
  min-width: 24px;
  text-align: center;
  color: rgba(255, 255, 255, 0.42);
  font-size: 16px;
  user-select: none;
}

.salary-page-btn {
  display: inline-flex; /* ВАЖНО */
  align-items: center;
  justify-content: center;

  width: auto;          /* убрать растягивание */
  min-width: 38px;
  height: 38px;

  padding: 0 12px;
  border-radius: 12px;

  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);

  color: rgba(255, 255, 255, 0.82);
  font-size: 13px;
  font-weight: 600;

  cursor: pointer;
  transition: all 0.18s ease;
}

.salary-pagination {
  display: flex;
  align-items: center;
  gap: 8px;

  flex-wrap: wrap; /* чтобы не ломалось на мобиле */
}

.salary-ops-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.salary-op-card {
  background: #181818;
  border: 1px solid #212121;
  border-radius: 14px;
  padding: 14px;
}

.salary-op-name {
  font-size: 16px;
  font-weight: 700;
  color: #E5E7EB;
  margin-bottom: 12px;
}

.salary-op-profiles {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 10px 0 12px;
}

.salary-op-profile-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  border-radius: 10px;
  background: #151515;
  border: 1px solid #212121;
}

.salary-op-profile-name {
  font-weight: 600;
  color: #E5E7EB;
}

.salary-op-profile-meta {
  color: #9CA3AF;
  font-size: 12px;
  text-align: right;
}

.salary-op-meta {
  color: #9CA3AF;
  font-size: 12px;
  margin-top: 8px;
}

.salary-op-total {
  margin-top: 12px;
  font-size: 15px;
  font-weight: 700;
  color: #22C55E;
}

#bybit-modal .bybit-uid-check{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:4px;
  color:#E5E7EB;
  font-size:13px;
  user-select:none;
}

#bybit-modal .bybit-uid-check input{
  width:16px;
  height:16px;
  accent-color:#2563eb;
}

.user-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid #212121;
}

.user-row:last-child {
  border-bottom: none;
}

.user-row__left {
  min-width: 0;
}

.user-row__name {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}

.user-row__status {
  margin-top: 6px;
}

.user-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.user-badge--online {
  background: rgba(34,197,94,.14);
  color: #22C55E;
  border: 1px solid rgba(34,197,94,.28);
}

.user-badge--offline {
  background: rgba(148,163,184,.10);
  color: #9CA3AF;
  border: 1px solid rgba(148,163,184,.18);
}

.user-role-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 84px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #1b1f27;
  color: #cbd5e1;
  border: 1px solid #2a2f3a;
  font-size: 12px;
  font-weight: 700;
  text-transform: lowercase;
}

.admin-tabs{
  display: flex;
  gap: 10px;
  margin-bottom: 18px;
  flex-wrap: wrap;
}

.admin-tab{
  padding: 10px 16px;
  border-radius: 12px;
  border: 1px solid #2a2a2a;
  background: #181818;
  color: #9CA3AF;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: .18s ease;
}

.admin-tab:hover{
  background: #202020;
  color: #fff;
  border-color: #3a3a3a;
}

.admin-tab.active{
  background: rgba(37,99,235,.16);
  color: #fff;
  border-color: rgba(37,99,235,.35);
  box-shadow: 0 0 0 1px rgba(37,99,235,.12) inset;
}

.admin-tab-panel{
  display: block;
}

.admin-tab-panel[hidden]{
  display: none !important;
}

.admin-stats-toolbar {
  align-items: flex-end;
  gap: 16px;
  flex-wrap: wrap;
}

.admin-stats-toolbar__actions {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  flex-wrap: wrap;
  margin-left: auto;
}

.admin-stats-page-size-field {
  min-width: 180px;
  margin: 0;
}

#admin-stats-pagination {
  margin-top: 16px;
}

@media (max-width: 900px) {
  .admin-stats-toolbar__actions {
    width: 100%;
    margin-left: 0;
  }

  .admin-stats-page-size-field {
    min-width: 100%;
  }
}

.copy-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid #2a2a2a;
  background: #151515;
  color: #E5E7EB;
  cursor: pointer;
  font-size: 12px;
  line-height: 1;
  transition: background .15s ease, border-color .15s ease, transform .15s ease;
}

.copy-badge:hover {
  background: #1c1c1c;
  border-color: #3a3a3a;
  transform: translateY(-1px);
}

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

.copy-badge__icon {
  opacity: .75;
  font-size: 12px;
}

.copy-badge--massmo {
  background: rgba(37,99,235,.10);
  border-color: rgba(37,99,235,.28);
}

.copy-badge--req {
  background: rgba(34,197,94,.10);
  border-color: rgba(34,197,94,.25);
}
/* Активная смена — зелёный */
.status-active {
  background: rgba(34,197,94,.15);
  color: #22C55E;
}

/* Завершенная смена — серо-синий */
.status-finished {
  background: rgba(148,163,184,.15);
  color: #94A3B8;
}

.badge {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid #2a2a2a;
}

/* деньги */
.badge-money {
  background: rgba(59,130,246,.12);
  border-color: rgba(59,130,246,.25);
  color: #60A5FA;
}

/* ордера */
.badge-orders {
  background: rgba(168,85,247,.12);
  border-color: rgba(168,85,247,.25);
  color: #C084FC;
}

.badge-orders-zero {
  background: rgba(148,163,184,.12);
  border-color: rgba(148,163,184,.25);
  color: #9CA3AF;
}

/* профит */
.badge-profit-positive {
  background: rgba(34,197,94,.12);
  border-color: rgba(34,197,94,.25);
  color: #22C55E;
}

.badge-profit-zero {
  background: rgba(148,163,184,.12);
  border-color: rgba(148,163,184,.25);
  color: #9CA3AF;
}

.badge-profit-negative {
  background: rgba(239,68,68,.12);
  border-color: rgba(239,68,68,.25);
  color: #EF4444;
}

/* пусто */
.badge-empty {
  background: rgba(148,163,184,.10);
  color: #9CA3AF;
}

.badge-date {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid #2a2a2a;
  white-space: nowrap;
}

.badge-date-start {
  background: rgba(59,130,246,.12);
  border-color: rgba(59,130,246,.25);
  color: #60A5FA;
}

.badge-date-end {
  background: rgba(168,85,247,.12);
  border-color: rgba(168,85,247,.25);
  color: #C084FC;
}

.badge-id {
  background: rgba(148,163,184,.12);
  border-color: rgba(148,163,184,.25);
  color: #E5E7EB;
}

.badge-token {
  background: rgba(34,197,94,.12);
  border-color: rgba(34,197,94,.25);
  color: #86EFAC;
}
.token-badge {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;

  background: rgba(34,197,94,.12);
  border: 1px solid rgba(34,197,94,.25);
  color: #86EFAC;
}

.admin-top-toolbar {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.admin-top-toolbar .field {
  min-width: 160px;
}

.table--salary .token-badge {
  margin-right: 6px;
  margin-bottom: 4px;
}

.top-place-badge {
  display: inline-block;
  min-width: 54px;
  text-align: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid #2a2a2a;
}

.top-place-badge--gold {
  background: rgba(251,191,36,.14);
  border-color: rgba(251,191,36,.28);
  color: #FBBF24;
}

.top-place-badge--silver {
  background: rgba(203,213,225,.14);
  border-color: rgba(203,213,225,.28);
  color: #CBD5E1;
}

.top-place-badge--bronze {
  background: rgba(251,146,60,.14);
  border-color: rgba(251,146,60,.28);
  color: #FB923C;
}

.top-place-badge--default {
  background: rgba(148,163,184,.12);
  border-color: rgba(148,163,184,.24);
  color: #E5E7EB;
}

/* Тип смены */
.badge-day {
  background: rgba(255, 193, 7, 0.15);
  border-color: rgba(255, 193, 7, 0.35);
  color: #FFC107;
}

.badge-night {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.35);
  color: #60A5FA;
}

/* Статус смены */
.salary-status-badge--active {
  background: rgba(34, 197, 94, 0.15);
  color: #22C55E;
}

.salary-status-badge--finished {
  background: rgba(148, 163, 184, 0.15);
  color: #94A3B8;
}

/* Ордера */
.badge-orders {
  background: rgba(168, 85, 247, 0.15);
  border-color: rgba(168, 85, 247, 0.25);
  color: #C084FC;
}

.badge-orders-zero {
  background: rgba(148, 163, 184, 0.12);
  color: #9CA3AF;
}

/* Прибыль */
.badge-profit-positive {
  background: rgba(34, 197, 94, 0.12);
  color: #22C55E;
}

.badge-profit-negative {
  background: rgba(239, 68, 68, 0.12);
  color: #EF4444;
}

.badge-profit-zero {
  background: rgba(148, 163, 184, 0.12);
  color: #9CA3AF;
}

/* Деньги */
.badge-money {
  background: rgba(59, 130, 246, 0.12);
  color: #60A5FA;
}

/* ===== MODERN DATEPICKER ===== */
.datepicker-card {
  width: min(380px, calc(100vw - 32px));
  border-radius: 24px;
  background: linear-gradient(180deg, #1a1c24 0%, #13151c 100%);
  border: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 24px 60px rgba(0,0,0,0.5);
}

.datepicker-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  padding: 0 4px;
}

.datepicker-nav {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.datepicker-nav:hover {
  background: rgba(59,130,246,0.2);
  border-color: rgba(59,130,246,0.4);
  transform: translateY(-1px);
}

.datepicker-month-year {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.3px;
}

.datepicker-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
  margin-bottom: 12px;
  text-align: center;
}

.datepicker-weekdays span {
  font-size: 13px;
  font-weight: 600;
  color: #9ca3af;
  padding: 8px 0;
}

.datepicker-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 6px;
  margin-bottom: 20px;
}

.datepicker-day {
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  border-radius: 12px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.05);
  color: #e5e7eb;
  cursor: pointer;
  transition: all 0.2s ease;
}

.datepicker-day:hover {
  background: rgba(59,130,246,0.2);
  border-color: rgba(59,130,246,0.4);
  transform: translateY(-2px);
}

.datepicker-day.selected {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  border-color: #3b82f6;
  color: #fff;
  box-shadow: 0 4px 12px rgba(59,130,246,0.3);
}

.datepicker-day.other-month {
  color: #4b5563;
  background: transparent;
  border-color: transparent;
}

.datepicker-day.today {
  border-color: #f59e0b;
  box-shadow: 0 0 0 1px #f59e0b;
}

.datepicker-time {
  margin-bottom: 20px;
}

.datepicker-time-input {
  width: 100%;
  padding: 12px 16px;
  border-radius: 14px;
  background: rgba(0,0,0,0.3);
  border: 1px solid rgba(255,255,255,0.08);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  outline: none;
  transition: all 0.2s ease;
}

.datepicker-time-input:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59,130,246,0.2);
}

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

.btn-ghost {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  color: #e5e7eb;
}

.btn-ghost:hover {
  background: rgba(255,255,255,0.1);
  transform: translateY(-1px);
}

/* ===== MODERN DATEPICKER ===== */
.datepicker-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.datepicker-input-wrapper input {
  flex: 1;
  padding-right: 40px;
  cursor: pointer;
  background: #0a0c12;
  border: 1px solid #1e293b;
  border-radius: 12px;
  padding: 12px 16px;
  color: #e2e8f0;
  font-size: 13px;
  font-weight: 500;
  transition: all 0.2s ease;
}

.datepicker-input-wrapper input:hover {
  border-color: #3b82f6;
  background: #0f1219;
}

.datepicker-input-wrapper input:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

.datepicker-trigger {
  position: absolute;
  right: 8px;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: transparent;
  border: none;
  color: #94a3b8;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.datepicker-trigger:hover {
  color: #3b82f6;
  background: rgba(59, 130, 246, 0.1);
  transform: scale(1.05);
}

/* Datepicker Modal */
.datepicker-card {
  width: min(420px, calc(100vw - 32px));
  border-radius: 24px;
  background: linear-gradient(180deg, #111318 0%, #0c0e14 100%);
  border: 1px solid rgba(59, 130, 246, 0.2);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.datepicker-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  padding: 0 4px;
}

.datepicker-nav {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #94a3b8;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.datepicker-nav:hover {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.4);
  color: #60a5fa;
  transform: translateY(-2px);
}

.datepicker-month-year {
  font-size: 18px;
  font-weight: 700;
  color: #f1f5f9;
  letter-spacing: 0.3px;
}

.datepicker-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 6px;
  margin-bottom: 16px;
  text-align: center;
}

.datepicker-weekdays span {
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
  padding: 8px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.datepicker-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 6px;
  margin-bottom: 24px;
}

.datepicker-day {
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  color: #cbd5e1;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.datepicker-day:hover {
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.4);
  transform: translateY(-2px);
  color: #fff;
}

.datepicker-day.selected {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  border-color: #3b82f6;
  color: #fff;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.datepicker-day.other-month {
  color: #334155;
  background: transparent;
  border-color: transparent;
}

.datepicker-day.today {
  border-color: #f59e0b;
  box-shadow: 0 0 0 1px #f59e0b;
  background: rgba(245, 158, 11, 0.1);
}

.datepicker-time {
  margin-bottom: 20px;
}

.datepicker-time-input {
  width: 100%;
  padding: 12px 16px;
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #e2e8f0;
  font-size: 14px;
  font-weight: 500;
  outline: none;
  transition: all 0.2s ease;
  cursor: pointer;
}

.datepicker-time-input:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

.datepicker-actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 8px;
}

.btn-ghost {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #94a3b8;
  padding: 10px 16px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.btn-ghost:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  transform: translateY(-1px);
}

/* Стили для полей фильтров */
.field .input,
.field select.input,
.field input.input {
  background: #0a0c12;
  border: 1px solid #1e293b;
  border-radius: 12px;
  padding: 10px 14px;
  color: #e2e8f0;
  font-size: 13px;
  font-weight: 500;
  transition: all 0.2s ease;
  width: 100%;
}

.field .input:hover,
.field select.input:hover,
.field input.input:hover {
  border-color: #3b82f6;
  background: #0f1219;
}

.field .input:focus,
.field select.input:focus,
.field input.input:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

/* Специально для datetime-local */
input[type="datetime-local"].input {
  background: #0a0c12;
  color-scheme: dark;
}

/* Для wrapper'ов с datepicker */
.datepicker-input-wrapper input {
  background: #0a0c12;
  border: 1px solid #1e293b;
  border-radius: 12px;
  padding: 10px 40px 10px 14px;
  color: #e2e8f0;
  font-size: 13px;
  font-weight: 500;
  width: 100%;
}

.datepicker-input-wrapper input:hover {
  border-color: #3b82f6;
  background: #0f1219;
}

.datepicker-input-wrapper input:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

/* Modern Datepicker стили */
.datepicker-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.datepicker-input-wrapper input {
  flex: 1;
  background: #0a0c12;
  border: 1px solid #1e293b;
  border-radius: 12px;
  padding: 10px 40px 10px 14px;
  color: #e2e8f0;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
}

.datepicker-input-wrapper input:hover {
  border-color: #3b82f6;
  background: #0f1219;
}

.datepicker-input-wrapper input:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
}

.datepicker-trigger {
  position: absolute;
  right: 8px;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: transparent;
  border: none;
  color: #64748b;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.datepicker-trigger:hover {
  color: #3b82f6;
  background: rgba(59, 130, 246, 0.1);
}

.disputes-tooltip-trigger {
  display: inline-block;
  cursor: pointer;
}

.disputes-tooltip-trigger .badge,
.disputes-tooltip-trigger .badge-money {
  cursor: pointer;
}

.disputes-tooltip {
  position: absolute;
  z-index: 10000;
  min-width: 240px;
  max-width: 320px;
  background: #111827;
  border: 1px solid #1F2937;
  border-radius: 14px;
  box-shadow: 0 18px 50px rgba(0,0,0,.45);
  padding: 12px;
}

.disputes-tooltip__title {
  font-size: 13px;
  font-weight: 700;
  color: #E5E7EB;
  margin-bottom: 10px;
}

.disputes-tooltip__list {
  display: grid;
  gap: 8px;
}

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

.disputes-tooltip__reason {
  font-size: 12px;
  font-weight: 600;
  color: #CBD5E1;
}

.disputes-tooltip__reason.is-error {
  color: #F87171;
}

.disputes-tooltip__reason.is-expense {
  color: #F59E0B;
}

.disputes-tooltip__reason.is-freeze {
  color: #60A5FA;
}

.disputes-tooltip__amount {
  font-size: 12px;
  font-weight: 700;
  color: #EF4444;
  white-space: nowrap;
}

.disputes-tooltip__footer {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #1F2937;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 700;
  color: #E5E7EB;
}

.disputes-tooltip__empty {
  font-size: 12px;
  color: #9CA3AF;
}

/* Добавить в конец файла styles.css */

.profiles-checkbox-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 8px;
  background: #0a0c12;
  border: 1px solid #1e293b;
  border-radius: 12px;
  max-height: 120px;
  overflow-y: auto;
}

.profile-checkbox-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background: #181818;
  border: 1px solid #212121;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.2s ease;
  user-select: none;
}

.profile-checkbox-item:hover {
  background: #2563eb;
  border-color: #3b82f6;
}

.profile-checkbox-item input {
  margin: 0;
  width: 16px;
  height: 16px;
  cursor: pointer;
  accent-color: #2563eb;
}

.profile-checkbox-item label {
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  color: #e2e8f0;
}

.profile-checkbox-item.selected {
  background: rgba(37, 99, 235, 0.2);
  border-color: #3b82f6;
}

.profile-checkbox-item.selected label {
  color: #60a5fa;
}

/* Добавить в styles.css */

select[multiple] {
  background: #0a0c12;
  border: 1px solid #1e293b;
  border-radius: 12px;
  padding: 8px;
  color: #e2e8f0;
  font-size: 13px;
}

select[multiple] option {
  padding: 8px 12px;
  border-radius: 8px;
  margin: 2px 0;
  cursor: pointer;
}

select[multiple] option:checked {
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  color: white;
}

select[multiple] option:hover {
  background: rgba(37, 99, 235, 0.3);
}

.field__hint {
  font-size: 11px;
  color: #6b7280;
  margin-top: 6px;
}

/* Кастомный dropdown */
.custom-dropdown {
  position: relative;
  width: 100%;
}

.dropdown-trigger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  background: #0a0c12;
  border: 1px solid #1e293b;
  border-radius: 12px;
  color: #e2e8f0;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.dropdown-trigger:hover {
  border-color: #3b82f6;
  background: #0f1219;
}

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

.dropdown-arrow {
  font-size: 10px;
  transition: transform 0.2s ease;
}

.dropdown-trigger.open .dropdown-arrow {
  transform: rotate(180deg);
}

.dropdown-menu {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: #0a0c12;
  border: 1px solid #1e293b;
  border-radius: 12px;
  z-index: 1000;
  max-height: 300px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.dropdown-search {
  padding: 8px;
  border-bottom: 1px solid #1e293b;
}

.dropdown-search input {
  width: 100%;
  padding: 8px 12px;
  background: #151515;
  border: 1px solid #212121;
  border-radius: 8px;
  color: #e2e8f0;
  font-size: 12px;
}

.dropdown-options {
  flex: 1;
  overflow-y: auto;
  max-height: 200px;
  padding: 8px;
}

.dropdown-option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 8px;
  transition: all 0.15s ease;
}

.dropdown-option:hover {
  background: rgba(37, 99, 235, 0.1);
}

.dropdown-option input {
  width: 16px;
  height: 16px;
  cursor: pointer;
  accent-color: #2563eb;
}

.dropdown-option label {
  flex: 1;
  cursor: pointer;
  font-size: 13px;
  color: #e2e8f0;
}

.dropdown-actions {
  display: flex;
  gap: 8px;
  padding: 8px;
  border-top: 1px solid #1e293b;
}

.dropdown-actions .btn {
  flex: 1;
  padding: 6px;
  font-size: 11px;
}

.salary-mini-card {
  background: #111;
  border: 1px solid #1f1f1f;
  border-radius: 14px;
  padding: 12px 14px;
  margin-bottom: 10px;
}

.salary-mini-card__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}

.salary-mini-card__name {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}

.salary-mini-card__total {
  font-size: 18px;
  font-weight: 800;
  color: #22c55e;
  white-space: nowrap;
}

.salary-mini-card__summary {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 12px;
  color: #9ca3af;
  margin-bottom: 10px;
}

.salary-mini-card__profiles {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.salary-mini-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 8px 10px;
  border-radius: 10px;
  background: #0c0c0c;
  border: 1px solid #1a1a1a;
}

.salary-mini-row__left {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  min-width: 90px;
}

.salary-mini-row__right {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  font-size: 12px;
  color: #9ca3af;
  text-align: right;
}

.salary-mini-row__right strong {
  color: #22c55e;
  font-weight: 700;
}

.salary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 10px;
}

.salary-card-compact {
  background: #111;
  border: 1px solid #1f1f1f;
  border-radius: 12px;
  padding: 10px 12px;
}

.salary-card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.salary-card-name {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

.salary-card-total {
  font-size: 16px;
  font-weight: 800;
  color: #22c55e;
}

.salary-card-tokens {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.salary-token-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  color: #cbd5e1;
  padding: 6px 0;
  border-top: 1px solid rgba(255,255,255,0.05);
}

.salary-token-line strong {
  color: #22c55e;
}

.salary-token-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 6px 0;
  border-top: 1px solid rgba(255,255,255,0.05);
}

.salary-token-left {
  font-size: 13px;
  color: #fff;
  font-weight: 600;
}

.salary-token-right {
  display: flex;
  gap: 10px;
  font-size: 12px;
  color: #9ca3af;
}

.salary-token-right strong {
  color: #22c55e;
  font-weight: 700;
}
.salary-token-groups {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 12px;
}

.salary-token-group-card {
  background: #101010;
  border: 1px solid #232323;
  border-radius: 14px;
  padding: 12px;
}

.salary-token-group-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.salary-token-group-badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.28);
  color: #86efac;
  font-size: 13px;
  font-weight: 700;
}

.salary-token-group-total {
  font-size: 18px;
  font-weight: 800;
  color: #22c55e;
}

.salary-token-group-summary {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  font-size: 12px;
  color: #9ca3af;
  margin-bottom: 10px;
}

.salary-token-group-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.salary-token-operator-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 10px;
  background: #0b0b0b;
  border: 1px solid rgba(255,255,255,0.05);
}

.salary-token-operator-name {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
}

.salary-token-operator-stats {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
  font-size: 12px;
  color: #9ca3af;
}

.salary-token-operator-stats strong {
  color: #22c55e;
  font-weight: 700;
}

.salary-token-group-total-rub {
  display: inline-block;
  margin-left: 8px;
  font-size: 12px;
  font-weight: 700;
  color: #93c5fd;
}

.salary-token-operator-row {
  height: 36px;
}

.salary-token-operator-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
}

.salary-token-groups {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
  gap: 12px;
}

.salary-token-operator-row {
  padding: 10px 14px;
}

.salary-token-operator-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.salary-token-operator-stats {
  display: flex;
  gap: 12px;
  flex-shrink: 0; /* 🔥 важно */
}

.salary-token-operator-name {
  flex: 1;
}

.token-open-btn{
  display: inline-flex;
  align-items: center;
  padding: 0;
  margin-right: 8px;
  background: transparent;
  border: none;
  cursor: pointer;
}

.token-open-btn:hover{
  filter: brightness(1.12);
}

#token-edit-modal .modal__card{
  width: min(560px, calc(100% - 28px));
  margin: 90px auto;
}

#token-edit-modal .modal__body .form{
  display: grid;
  gap: 14px;
}

#token-edit-modal .modal__footer{
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.token-limit-box{
  background: #121826;
  border: 1px solid #212121;
  border-radius: 12px;
  padding: 14px 16px;
}

.token-limit-value{
  margin-top: 8px;
  font-size: 18px;
  font-weight: 600;
  color: #E5E7EB;
}

.custom-dropdown {
  position: relative;
}

.custom-dropdown__menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: 100%;
  min-width: 280px;
  z-index: 2000;
  background: #0b0f17;
  border: 1px solid #1f2937;
  border-radius: 14px;
  padding: 10px;
  box-shadow: 0 18px 50px rgba(0,0,0,.45);
}

.custom-dropdown__search {
  margin-bottom: 10px;
}

.salary-op-merged {
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(34, 197, 94, 0.10);
  border: 1px solid rgba(34, 197, 94, 0.22);
}

.salary-op-merged__label {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.72);
  margin-bottom: 6px;
}

.salary-op-merged__value {
  font-size: 20px;
  font-weight: 800;
  color: #22c55e;
  line-height: 1;
}

.salary-op-token-list {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.salary-op-token-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.salary-op-token-left {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
}

.salary-op-token-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.70);
}

.salary-op-token-right strong {
  color: #22c55e;
  font-weight: 700;
}

.salary-grand-summary {
  margin-bottom: 16px;
}

.salary-grand-summary__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.salary-grand-card {
  background: #111111;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 14px;
  padding: 14px;
}

.salary-grand-card__name {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
}

.salary-grand-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 12px;
  color: #9ca3af;
  margin-bottom: 10px;
}

.salary-grand-card__total {
  font-size: 22px;
  font-weight: 800;
  color: #22c55e;
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}

.salary-grand-card__total span {
  font-size: 13px;
  color: #93c5fd;
}

.salary-token-operator-main {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  flex: 1;
}

.salary-token-operator-total {
  font-size: 11px;
  color: #93c5fd;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.salary-token-group-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 10px;
}

.salary-token-operator-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(255,255,255,0.03);
}

.salary-token-operator-name {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  min-width: 0;
}

.salary-token-operator-stats {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
  font-size: 12px;
  color: #9ca3af;
}

.salary-token-operator-stats strong {
  color: #22c55e;
  font-size: 13px;
}

.salary-operators-board {
  margin-bottom: 18px;
  background: #181818;
  border: 1px solid #212121;
  border-radius: 16px;
  padding: 14px;
}

.salary-operators-board__head {
  margin-bottom: 12px;
}

.salary-operators-board__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 10px;
}

.salary-operators-board__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: #111111;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 12px;
  padding: 12px;
}

.salary-operators-board__main {
  min-width: 0;
  flex: 1;
}

.salary-operators-board__name {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 6px;
}

.salary-operators-board__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 12px;
  color: #9ca3af;
}

.salary-operators-board__total {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  font-size: 22px;
  font-weight: 800;
  color: #22c55e;
  white-space: nowrap;
}

.salary-operators-board__total span {
  font-size: 12px;
  color: #93c5fd;
  font-weight: 600;
}

.salary-token-operator-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.salary-token-operator-name {
  min-width: 0;
  flex: 1;
}

.salary-token-operator-stats {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
  flex-wrap: nowrap;
  min-width: 0;
  flex-shrink: 1;
}

.salary-token-operator-stats strong {
  white-space: nowrap;
  flex-shrink: 0;
}

.salary-token-operator-stats {
  overflow: visible !important;
}

.salary-token-operator-stats strong {
  overflow: visible !important;
}

.salary-token-operator-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 8px 10px;
  border-radius: 10px;
  background: #0b0b0b;
  border: 1px solid rgba(255,255,255,0.05);
  min-height: 36px;
  height: auto;
}

.salary-token-operator-name {
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.salary-token-operator-stats {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  min-width: 0;
}

.salary-token-operator-stats strong {
  color: #22c55e;
  font-weight: 700;
  white-space: nowrap;
}

.salary-token-operator-stats {
  gap: 6px;
}

.salary-token-operator-row {
  padding: 6px 8px;
}

.salary-token-operator-row {
  justify-content: flex-start;
}

.salary-token-operator-stats {
  margin-left: auto;
}

.salary-token-operator-stats span {
  font-size: 12px;
}

.salary-token-operator-stats strong {
  font-size: 13px;
}

.salary-token-operator-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  min-height: 36px;
  height: auto;
}

.salary-token-operator-name {
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.salary-token-operator-stats {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 1 auto;
  min-width: 0;
}

.salary-token-operator-stats strong {
  white-space: nowrap;
  flex-shrink: 0;
}

.salary-shot-mode .salary-token-operator-row {
  padding-right: 16px !important;
}

.salary-shot-mode .salary-token-operator-stats {
  padding-right: 6px !important;
}

.salary-shot-mode .salary-token-operator-stats strong {
  display: inline-block;
  padding-right: 4px;
}

.salary-shot-safe {
  white-space: nowrap;
  display: inline-block;
}

.salary-shot-tail {
  opacity: 0;
  user-select: none;
  pointer-events: none;
}

.salary-summary-top {
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
}

.salary-profit-board {
  background: #181818;
  border: 1px solid #212121;
  border-radius: 16px;
  padding: 14px 16px;
}

.salary-profit-board__label {
  font-size: 13px;
  color: #9ca3af;
  margin-bottom: 6px;
}

.salary-profit-board__value {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: 28px;
  font-weight: 800;
  color: #22c55e;
}

.salary-profit-board__value span {
  font-size: 13px;
  color: #93c5fd;
  font-weight: 600;
}

.salary-profit-board__sub {
  margin-top: 4px;
  font-size: 12px;
  color: #6b7280;
}

.salary-summary-top {
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
}

.salary-profit-board {
  background: #181818;
  border: 1px solid #212121;
  border-radius: 16px;
  padding: 14px 16px;
}

.salary-profit-board__label {
  font-size: 13px;
  color: #9ca3af;
  margin-bottom: 6px;
}

.salary-profit-board__value {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: 28px;
  font-weight: 800;
  color: #22c55e;
}

.salary-profit-board__value span {
  font-size: 13px;
  color: #93c5fd;
  font-weight: 600;
}

.salary-profit-board__sub {
  margin-top: 4px;
  font-size: 12px;
  color: #6b7280;
}

.salary-operators-board {
  background: #181818;
  border: 1px solid #212121;
  border-radius: 16px;
  padding: 14px;
}

.salary-operators-board__head {
  margin-bottom: 12px;
}

.salary-operators-board__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 10px;
}

.salary-operators-board__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: #111111;
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 12px;
  padding: 12px;
}

.salary-operators-board__main {
  min-width: 0;
  flex: 1;
}

.salary-operators-board__name {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 6px;
}

.salary-operators-board__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 12px;
  color: #9ca3af;
}

.salary-operators-board__total {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  font-size: 22px;
  font-weight: 800;
  color: #22c55e;
  white-space: nowrap;
}

.salary-operators-board__total span {
  font-size: 12px;
  color: #93c5fd;
  font-weight: 600;
}

.salary-shot-safe {
  white-space: nowrap;
  display: inline-block;
}

.salary-shot-tail {
  opacity: 0;
  user-select: none;
  pointer-events: none;
}

.token-group-row td {
  padding: 0;
  border-bottom: none;
}

.token-group-divider {
  margin: 10px 0 6px;
  padding: 10px 14px;
  border-radius: 12px;
  background: rgba(37,99,235,.12);
  border: 1px solid rgba(37,99,235,.22);
  color: #93C5FD;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .2px;
}

.salary-group-row {
  border-top: 1px solid rgba(42,42,42,.55);
  padding-top: 8px;
  margin-top: 8px;
}

.salary-group-row .salary-op-profile-name {
  color: #9CA3AF;
}

.salary-group-row .salary-op-profile-meta div:first-child {
  color: #22C55E;
  font-weight: 700;
}

.salary-token-subgroup-row {
  margin: 8px 0 10px;
  padding: 10px 12px;
  border: 1px solid #212121;
  border-radius: 12px;
  background: rgba(255,255,255,0.02);
}

.salary-token-subgroup-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.salary-token-subgroup-name {
  font-size: 12px;
  font-weight: 700;
  color: #E5E7EB;
}

.salary-token-subgroup-share {
  font-size: 12px;
  font-weight: 700;
  color: #22C55E;
}

.salary-token-subgroup-bar {
  height: 6px;
  border-radius: 999px;
  background: #181818;
  overflow: hidden;
  margin-bottom: 8px;
}

.salary-token-subgroup-bar-fill {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #16a34a 0%, #22c55e 100%);
}

.salary-token-subgroup-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 12px;
  color: #9CA3AF;
}

.salary-token-subgroup-meta strong {
  color: #E5E7EB;
  font-weight: 700;
}

.salary-token-subgroup-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  padding: 6px 10px;
  margin: 4px 0;

  border-radius: 8px;
  background: rgba(255,255,255,0.03);
}

.salary-token-subgroup-name {
  font-size: 12px;
  font-weight: 600;
  color: #E5E7EB;
}

.salary-token-subgroup-meta {
  display: flex;
  align-items: center;
  gap: 10px;

  font-size: 12px;
  color: #9CA3AF;
}

.salary-token-subgroup-meta strong {
  color: #22C55E;
  font-weight: 700;
}

/* ===== SIDEBAR BUTTON STYLE (как на скрине) ===== */

/* базовая кнопка */
.nav {
  display: flex;
  align-items: center;
  gap: 14px;

  min-height: 52px;
  padding: 0 16px;

  border-radius: 14px;
  border: none !important;
  background: transparent;

  color: #9ca3af;
  transition: all 0.18s ease;
}

/* иконка */
.nav__icon {
  width: 34px;
  height: 34px;
  border-radius: 10px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: transparent !important;
  border: none !important;

  color: inherit;
}

/* текст */
.nav__label {
  font-size: 14px;
  font-weight: 600;
}

/* hover (очень мягкий) */
.nav:hover {
  color: #e5e7eb;
  background: rgba(255,255,255,0.03);
}

/* ===== АКТИВНАЯ КНОПКА ===== */
.nav.active {
  background: linear-gradient(180deg, #3b82f6, #2563eb);
  color: #ffffff;

  box-shadow:
    0 8px 20px rgba(59,130,246,0.35),
    inset 0 1px 0 rgba(255,255,255,0.15);

  border-radius: 16px;
}

/* иконка внутри активной */
.nav.active .nav__icon {
  color: #ffffff;
}

/* УБИРАЕМ ВСЁ ЛИШНЕЕ */
.nav.active::before {
  display: none !important;
}

.nav,
.nav__icon {
  box-shadow: none;
}

/* divider (как тонкая линия) */
.sidebar-nav {
  border-top: 1px solid rgba(255,255,255,0.06);
  padding-top: 12px;
  margin-top: 12px;
}

.token-bank-checkboxes {
  display: grid;
  gap: 8px;
  margin-top: 6px;
}

.bank-check {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #212121;
  border-radius: 10px;
  background: #151515;
  cursor: pointer;
}

.bank-check:hover {
  background: #1a1a1a;
}

.bank-check input {
  transform: scale(1.2);
  accent-color: #2563EB;
}

.bank-check span {
  font-size: 13px;
  color: #E5E7EB;
}

.token-bank-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 8px;
}

.bank-option {
  position: relative;
  display: block;
  cursor: pointer;
}

.bank-option__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.bank-option__box {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 52px;
  padding: 0 14px 0 42px;
  border-radius: 14px;
  border: 1px solid #212121;
  background: linear-gradient(180deg, rgba(20,20,28,.96), rgba(13,13,20,.96));
  transition: .18s ease;
}

.bank-option__box::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  width: 16px;
  height: 16px;
  border-radius: 5px;
  border: 1.5px solid #3a3f56;
  background: #0e1220;
  transform: translateY(-50%);
  transition: .18s ease;
}

.bank-option__name {
  font-size: 13px;
  font-weight: 600;
  color: #E5E7EB;
  letter-spacing: .1px;
}

.bank-option:hover .bank-option__box {
  border-color: #2f3b63;
  background: linear-gradient(180deg, rgba(24,24,34,.98), rgba(15,15,24,.98));
  transform: translateY(-1px);
}

.bank-option__input:checked + .bank-option__box {
  border-color: rgba(59,130,246,.55);
  background: linear-gradient(180deg, rgba(37,99,235,.16), rgba(20,35,80,.22));
  box-shadow: 0 0 0 1px rgba(59,130,246,.12) inset;
}

.bank-option__input:checked + .bank-option__box::before {
  background: #2563EB;
  border-color: #2563EB;
  box-shadow: inset 0 0 0 3px #ffffff;
}

.bank-option__input:focus-visible + .bank-option__box {
  outline: 2px solid rgba(96,165,250,.45);
  outline-offset: 2px;
}

@media (max-width: 640px) {
  .token-bank-grid {
    grid-template-columns: 1fr;
  }
}

.bank-option__box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 14px 0 42px;
  border-radius: 14px;
  border: 1px solid #212121;
  background: linear-gradient(180deg, rgba(20,20,28,.96), rgba(13,13,20,.96));
  transition: .18s ease;
}

/* чекбокс */
.bank-option__box::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  width: 16px;
  height: 16px;
  border-radius: 5px;
  border: 1.5px solid #3a3f56;
  background: #0e1220;
  transform: translateY(-50%);
}

/* ИКОНКА */
.bank-option__icon {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

/* текст */
.bank-option__name {
  font-size: 13px;
  font-weight: 600;
  color: #E5E7EB;
}

/* активное состояние */
.bank-option__input:checked + .bank-option__box {
  border-color: rgba(59,130,246,.55);
  background: linear-gradient(180deg, rgba(37,99,235,.16), rgba(20,35,80,.22));
}

/* галочка */
.bank-option__input:checked + .bank-option__box::before {
  background: #2563EB;
  border-color: #2563EB;
  box-shadow: inset 0 0 0 3px #fff;
}

.token-bank-checkboxes {
  display: grid;
  gap: 10px;
  margin-top: 8px;
}

.bank-check {
  display: block;
  cursor: pointer;
}

.bank-check input {
  display: none;
}

.bank-check__box {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid #212121;
  border-radius: 12px;
  background: #151515;
  transition: 0.2s;
}

.bank-check__icon {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

/* hover */
.bank-check:hover .bank-check__box {
  background: #1a1a1a;
}

/* активное состояние */
.bank-check input:checked + .bank-check__box {
  border-color: #2563EB;
  background: linear-gradient(180deg, rgba(37,99,235,.18), rgba(20,35,80,.25));
}

.shift-profit-tooltip-trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.shift-profit-tooltip {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);
  z-index: 9999;
  min-width: 240px;
  max-width: 340px;
  padding: 12px;
  border-radius: 14px;
  background: #111827;
  border: 1px solid #1F2937;
  box-shadow: 0 18px 50px rgba(0,0,0,.45);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
}

.shift-profit-tooltip-trigger:hover .shift-profit-tooltip,
.shift-profit-tooltip-trigger:focus-within .shift-profit-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-2px);
}

.shift-profit-tooltip__title {
  font-size: 13px;
  font-weight: 700;
  color: #E5E7EB;
  margin-bottom: 10px;
}

.shift-profit-tooltip__list {
  display: grid;
  gap: 8px;
}

.shift-profit-tooltip__row {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 10px;
  align-items: center;
}

.shift-profit-tooltip__name {
  font-size: 12px;
  color: #CBD5E1;
  font-weight: 600;
}

.shift-profit-tooltip__meta {
  font-size: 11px;
  color: #94A3B8;
  white-space: nowrap;
}

.shift-profit-tooltip__value {
  font-size: 12px;
  color: #22C55E;
  font-weight: 700;
  white-space: nowrap;
}

.shift-profit-tooltip-trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.shift-profit-tooltip {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);
  z-index: 9999;
  min-width: 240px;
  max-width: 340px;
  padding: 12px;
  border-radius: 14px;
  background: #111827;
  border: 1px solid #1F2937;
  box-shadow: 0 18px 50px rgba(0,0,0,.45);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
}

.shift-profit-tooltip-trigger:hover .shift-profit-tooltip,
.shift-profit-tooltip-trigger:focus-within .shift-profit-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-2px);
}

.shift-profit-tooltip__title {
  font-size: 13px;
  font-weight: 700;
  color: #E5E7EB;
  margin-bottom: 10px;
}

.shift-profit-tooltip__list {
  display: grid;
  gap: 8px;
}

.shift-profit-tooltip__row {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 10px;
  align-items: center;
}

.shift-profit-tooltip__name {
  font-size: 12px;
  color: #CBD5E1;
  font-weight: 600;
}

.shift-profit-tooltip__meta {
  font-size: 11px;
  color: #94A3B8;
  white-space: nowrap;
}

.shift-profit-tooltip__value {
  font-size: 12px;
  color: #22C55E;
  font-weight: 700;
  white-space: nowrap;
}

.top-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 6px;
  
}

.top-actions .switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.top-actions .switch-text {
  font-size: 14px;
  color: #9CA3AF;
  line-height: 1;
}

.top-actions .switch-ui {
  flex: 0 0 auto;
}

.top-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.switch-group {
  display: flex;
  align-items: center;
  gap: 116px; /* ← расстояние между тумблерами */
}

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

.switch-text {
  font-size: 12px;
  color: #9CA3AF;
  white-space: nowrap;
}

.salary-profit-tooltip-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.salary-profit-tooltip {
  position: absolute;
  right: 0;
  top: calc(100% + 10px);

  min-width: 180px;
  padding: 10px;

  border-radius: 16px;
  border: 1px solid rgba(59,130,246,.25);

  background:
    linear-gradient(180deg, rgba(15,23,42,.98), rgba(10,15,30,.98));

  box-shadow:
    0 10px 30px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.04);

  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);

  transition:
    opacity .16s ease,
    transform .16s ease,
    visibility .16s ease;

  z-index: 9999;

  backdrop-filter: blur(12px);
}

.salary-profit-tooltip-wrap:hover .salary-profit-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.salary-profit-tooltip__row {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 14px;

  padding: 6px 0;

  font-size: 13px;
}

.salary-profit-tooltip__row + .salary-profit-tooltip__row {
  border-top: 1px solid rgba(255,255,255,.04);
}

.salary-profit-tooltip__token {
  color: #E5E7EB;
  font-weight: 600;
}

.salary-profit-tooltip__value {
  color: #22C55E;
  font-weight: 700;
  white-space: nowrap;
}

.shift-profit-tooltip-trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.shift-profit-tooltip {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);
  z-index: 9999;
  min-width: 240px;
  max-width: 340px;
  padding: 12px;
  border-radius: 14px;
  background: #111827;
  border: 1px solid #1F2937;
  box-shadow: 0 18px 50px rgba(0,0,0,.45);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
}

.shift-profit-tooltip-trigger:hover .shift-profit-tooltip,
.shift-profit-tooltip-trigger:focus-within .shift-profit-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-2px);
}

.shift-profit-tooltip__title {
  font-size: 13px;
  font-weight: 700;
  color: #E5E7EB;
  margin-bottom: 10px;
}

.shift-profit-tooltip__list {
  display: grid;
  gap: 8px;
}

.shift-profit-tooltip__row {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 10px;
  align-items: center;
}

.shift-profit-tooltip__name {
  font-size: 12px;
  color: #CBD5E1;
  font-weight: 600;
}

.shift-profit-tooltip__meta {
  font-size: 11px;
  color: #94A3B8;
  white-space: nowrap;
}

.shift-profit-tooltip__value {
  font-size: 12px;
  color: #22C55E;
  font-weight: 700;
  white-space: nowrap;
}

.shift-profit-tooltip-trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.shift-profit-tooltip {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);
  z-index: 9999;
  min-width: 240px;
  max-width: 340px;
  padding: 12px;
  border-radius: 14px;
  background: #111827;
  border: 1px solid #1F2937;
  box-shadow: 0 18px 50px rgba(0,0,0,.45);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
}

.shift-profit-tooltip-trigger:hover .shift-profit-tooltip,
.shift-profit-tooltip-trigger:focus-within .shift-profit-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-2px);
}

.shift-profit-tooltip__title {
  font-size: 13px;
  font-weight: 700;
  color: #E5E7EB;
  margin-bottom: 10px;
}

.shift-profit-tooltip__list {
  display: grid;
  gap: 8px;
}

.shift-profit-tooltip__row {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 10px;
  align-items: center;
}

.shift-profit-tooltip__name {
  font-size: 12px;
  color: #CBD5E1;
  font-weight: 600;
}

.shift-profit-tooltip__meta {
  font-size: 11px;
  color: #94A3B8;
  white-space: nowrap;
}

.shift-profit-tooltip__value {
  font-size: 12px;
  color: #22C55E;
  font-weight: 700;
  white-space: nowrap;
}

.table td {
  position: relative;
  overflow: visible;
}

.shift-profit-tooltip-trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.shift-profit-tooltip {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);
  z-index: 100000;
  min-width: 240px;
  max-width: 340px;
  padding: 12px;
  border-radius: 14px;
  background: #111827;
  border: 1px solid #1F2937;
  box-shadow: 0 18px 50px rgba(0,0,0,.45);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
}

.shift-profit-tooltip-trigger:hover .shift-profit-tooltip,
.shift-profit-tooltip-trigger:focus-within .shift-profit-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-2px);
}

.shift-profit-tooltip-trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.shift-profit-tooltip {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);
  z-index: 10000;
  min-width: 220px;
  max-width: 320px;
  padding: 12px;
  border-radius: 14px;
  background: #111827;
  border: 1px solid #1F2937;
  box-shadow: 0 18px 50px rgba(0,0,0,.45);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
}

.shift-profit-tooltip-trigger:hover .shift-profit-tooltip,
.shift-profit-tooltip-trigger:focus-within .shift-profit-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-2px);
}

.shift-profit-tooltip__title {
  font-size: 13px;
  font-weight: 700;
  color: #E5E7EB;
  margin-bottom: 10px;
}

.shift-profit-tooltip__list {
  display: grid;
  gap: 8px;
}

.shift-profit-tooltip__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.shift-profit-tooltip__name {
  font-size: 12px;
  color: #CBD5E1;
  font-weight: 600;
}

.shift-profit-tooltip__value {
  font-size: 12px;
  color: #22C55E;
  font-weight: 700;
  white-space: nowrap;
}

.shift-profit-tooltip-trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.shift-profit-tooltip {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);
  z-index: 9999;
  min-width: 240px;
  max-width: 340px;
  padding: 12px;
  border-radius: 14px;
  background: #111827;
  border: 1px solid #1F2937;
  box-shadow: 0 18px 50px rgba(0,0,0,.45);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
}

.shift-profit-tooltip-trigger:hover .shift-profit-tooltip,
.shift-profit-tooltip-trigger:focus-within .shift-profit-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-2px);
}

.shift-profit-tooltip__title {
  font-size: 13px;
  font-weight: 700;
  color: #E5E7EB;
  margin-bottom: 10px;
}

.shift-profit-tooltip__list {
  display: grid;
  gap: 8px;
}

.shift-profit-tooltip__row {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 10px;
  align-items: center;
}

.shift-profit-tooltip__name {
  font-size: 12px;
  color: #CBD5E1;
  font-weight: 600;
}

.shift-profit-tooltip__meta {
  font-size: 11px;
  color: #94A3B8;
  white-space: nowrap;
}

.shift-profit-tooltip__value {
  font-size: 12px;
  color: #22C55E;
  font-weight: 700;
  white-space: nowrap;
}

.profit-tooltip-global {
  position: fixed;
  transform: translateX(-50%);
  z-index: 999999;

  background: #0b1833;
  border: 1px solid rgba(37, 99, 235, 0.25);
  border-radius: 12px;

  padding: 6px 0;
  min-width: 160px;

  box-shadow: 0 10px 24px rgba(0,0,0,.4);
  display: none;
}

.profit-tip-row {
  display: flex;
  justify-content: space-between;
  padding: 7px 12px;
  font-size: 12px;
  color: #E5E7EB;
}

.profit-tip-row span:last-child {
  color: #22C55E;
  font-weight: 700;
}

.salary-operators-board__name--hover {
  cursor: pointer;
  width: fit-content;
}

.operator-floating-tooltip {
  position: fixed;
  left: 0;
  top: 0;
  transform: translateX(-50%);
  z-index: 999999;
  min-width: 180px;
  max-width: 260px;
  width: max-content;
  padding: 6px 0;
  background: #0b1833;
  border: 1px solid rgba(37, 99, 235, 0.25);
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(0,0,0,.4);
  pointer-events: none;
}

.operator-floating-tooltip::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -5px;
  width: 8px;
  height: 8px;
  background: #0b1833;
  border-right: 1px solid rgba(37, 99, 235, 0.25);
  border-bottom: 1px solid rgba(37, 99, 235, 0.25);
  transform: translateX(-50%) rotate(225deg);
}

.operator-tip-row {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 10px;
  align-items: center;
  padding: 7px 12px;
}

.operator-tip-row + .operator-tip-row {
  border-top: 1px solid rgba(255,255,255,.06);
}

.operator-tip-name {
  font-size: 12px;
  font-weight: 600;
  color: #E5E7EB;
  white-space: nowrap;
}

.operator-tip-meta {
  font-size: 11px;
  color: #9CA3AF;
  white-space: nowrap;
}

.operator-tip-value {
  font-size: 12px;
  font-weight: 700;
  color: #22C55E;
  white-space: nowrap;
}

.salary-op-name--hover {
  cursor: pointer;
}

.operator-floating-tooltip {
  position: fixed;
  transform: translateX(-50%);
  z-index: 999999;
  min-width: 170px;
  max-width: 240px;
  width: max-content;
  padding: 6px 0;
  background: #0b1833;
  border: 1px solid rgba(37, 99, 235, 0.25);
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(0,0,0,.4);
  pointer-events: none;
}

.operator-floating-tooltip::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -5px;
  width: 8px;
  height: 8px;
  background: #0b1833;
  border-right: 1px solid rgba(37, 99, 235, 0.25);
  border-bottom: 1px solid rgba(37, 99, 235, 0.25);
  transform: translateX(-50%) rotate(225deg);
}

.operator-tip-row {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 10px;
  align-items: center;
  padding: 7px 12px;
}

.operator-tip-row + .operator-tip-row {
  border-top: 1px solid rgba(255,255,255,.06);
}

.operator-tip-name {
  font-size: 12px;
  font-weight: 600;
  color: #E5E7EB;
  white-space: nowrap;
}

.operator-tip-meta {
  font-size: 11px;
  color: #9CA3AF;
  white-space: nowrap;
}

.operator-tip-value {
  font-size: 12px;
  font-weight: 700;
  color: #22C55E;
  white-space: nowrap;
}

.salary-op-name--hover {
  cursor: pointer;
  width: fit-content;
}

.operator-floating-tooltip {
  position: fixed;
  left: 0;
  top: 0;
  transform: translateX(-50%);
  z-index: 999999;

  min-width: 180px;
  max-width: 260px;
  width: max-content;

  padding: 6px 0;
  background: #0b1833;
  border: 1px solid rgba(37, 99, 235, 0.25);
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(0,0,0,.4);
  pointer-events: none;
}

.operator-floating-tooltip::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -5px;
  width: 8px;
  height: 8px;
  background: #0b1833;
  border-right: 1px solid rgba(37, 99, 235, 0.25);
  border-bottom: 1px solid rgba(37, 99, 235, 0.25);
  transform: translateX(-50%) rotate(225deg);
}

.operator-floating-tooltip__row {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 10px;
  align-items: center;
  padding: 7px 12px;
}

.operator-floating-tooltip__row + .operator-floating-tooltip__row {
  border-top: 1px solid rgba(255,255,255,.06);
}

.operator-floating-tooltip__name {
  font-size: 12px;
  font-weight: 600;
  color: #E5E7EB;
  white-space: nowrap;
}

.operator-floating-tooltip__meta {
  font-size: 11px;
  color: #9CA3AF;
  white-space: nowrap;
}

.operator-floating-tooltip__value {
  font-size: 12px;
  font-weight: 700;
  color: #22C55E;
  white-space: nowrap;
}

.salary-op-name {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
}

.salary-op-name--hover {
  cursor: pointer;
  width: fit-content;
}

.operator-floating-tooltip {
  position: fixed;
  left: 0;
  top: 0;
  transform: translateX(-50%);
  z-index: 999999;
  min-width: 180px;
  max-width: 260px;
  width: max-content;
  padding: 6px 0;
  background: #0b1833;
  border: 1px solid rgba(37, 99, 235, 0.25);
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(0,0,0,.4);
  pointer-events: none;
}

.operator-floating-tooltip::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -5px;
  width: 8px;
  height: 8px;
  background: #0b1833;
  border-right: 1px solid rgba(37, 99, 235, 0.25);
  border-bottom: 1px solid rgba(37, 99, 235, 0.25);
  transform: translateX(-50%) rotate(225deg);
}

.operator-tip-row {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 10px;
  align-items: center;
  padding: 7px 12px;
}

.operator-tip-row + .operator-tip-row {
  border-top: 1px solid rgba(255,255,255,.06);
}

.operator-tip-name {
  font-size: 12px;
  font-weight: 600;
  color: #E5E7EB;
  white-space: nowrap;
}

.operator-tip-meta {
  font-size: 11px;
  color: #9CA3AF;
  white-space: nowrap;
}

.operator-tip-value {
  font-size: 12px;
  font-weight: 700;
  color: #22C55E;
  white-space: nowrap;
}

.salary-token-operator-name--hover,
.salary-operators-board__name--hover {
  cursor: pointer;
}

.operator-floating-tooltip {
  position: fixed;
  transform: translateX(-50%);
  z-index: 999999;
  min-width: 180px;
  width: max-content;
  padding: 6px 0;
  background: #0b1833;
  border: 1px solid rgba(37, 99, 235, 0.25);
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(0,0,0,.4);
  pointer-events: none;
}

.operator-tip-row {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 10px;
  padding: 7px 12px;
  align-items: center;
}

.operator-tip-row + .operator-tip-row {
  border-top: 1px solid rgba(255,255,255,.06);
}

.operator-tip-name {
  color: #e5e7eb;
  font-size: 12px;
  font-weight: 600;
}

.operator-tip-meta {
  color: #9ca3af;
  font-size: 11px;
}

.operator-tip-value {
  color: #22c55e;
  font-size: 12px;
  font-weight: 700;
}

/* ===== Stats dashboard clean layout ===== */

#stats-section .stats-grid {
  display: grid !important;
  grid-template-columns: 160px 180px minmax(260px, 1fr) 180px;
  gap: 12px !important;
  align-items: stretch !important;
  margin-bottom: 16px !important;
}

#stats-section .summary-card {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  border-radius: 14px !important;
  background: #181818 !important;
  border: 1px solid rgba(255,255,255,.07) !important;
}

#stats-section .summary-card--balance {
  min-width: 0 !important;
}

#stats-section .summary-label {
  font-size: 11px !important;
  color: #8f8f8f !important;
  margin-bottom: 8px !important;
}

#stats-section .summary-value {
  font-size: 22px !important;
  font-weight: 750 !important;
  line-height: 1.1 !important;
}

#stats-section .summary-balance-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

#stats-section #edit-balance-btn {
  margin: 0 !important;
  padding: 7px 10px !important;
  border-radius: 9px !important;
}

#stats-section .summary-balance-meta {
  margin-top: 14px !important;
  color: #9ca3af !important;
  font-size: 12px !important;
}

/* Блок прибыли по под-токенам */
#stats-groups-summary {
  display: flex !important;
  grid-column: 1 / -1 !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin: 0 0 20px !important;
}

#stats-groups-summary .summary-card {
  width: auto !important;
  min-width: 150px !important;
  padding: 12px 14px !important;
}

#stats-groups-summary .summary-label {
  margin-bottom: 8px !important;
}

#stats-groups-summary .summary-value {
  font-size: 20px !important;
  color: #22c55e !important;
}

/* Заголовок истории */
#stats-section .section-title {
  margin: 22px 0 12px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

/* адаптив */
@media (max-width: 1000px) {
  #stats-section .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  #stats-section .stats-grid {
    grid-template-columns: 1fr;
  }
}
.table--tails { min-width: 980px; }
.btn-sm { padding: 6px 8px; font-size: 11px; border-radius: 8px; }

/* ===== Tails summary beautify ===== */

.table--tails-summary {
  min-width: 760px;
}

.table--tails-summary td,
.table--tails-summary th {
  padding: 14px 12px;
}

.tail-client-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(37, 99, 235, .12);
  border: 1px solid rgba(37, 99, 235, .28);
  color: #93C5FD;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 12px;
}

.tail-client-badge::before {
  content: "👤";
  font-size: 13px;
}

.tail-count-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(148, 163, 184, .12);
  border: 1px solid rgba(148, 163, 184, .22);
  color: #E5E7EB;
  font-weight: 800;
}

.tail-money-badge {
  display: inline-flex;
  align-items: center;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(34, 197, 94, .12);
  border: 1px solid rgba(34, 197, 94, .28);
  color: #86EFAC;
  font-weight: 900;
}

.tail-status-mini {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 24px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 12px;
}

.tail-status-mini.new {
  background: rgba(59, 130, 246, .14);
  color: #93C5FD;
}

.tail-status-mini.accepted {
  background: rgba(34, 197, 94, .14);
  color: #86EFAC;
}

.tail-status-mini.rejected {
  background: rgba(239, 68, 68, .14);
  color: #FCA5A5;
}

.btn:disabled {
  opacity: .45;
  cursor: not-allowed;
  pointer-events: none;
}

.disputes-tooltip__row--clickable {
  width: 100%;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
  border-radius: 8px;
  padding: 6px 8px;
}

.disputes-tooltip__row--clickable:hover {
  background: rgba(59,130,246,.12);
}

.dispute-row-highlight {
  animation: disputeHighlight 2.5s ease;
}

@keyframes disputeHighlight {
  0% {
    background: rgba(59,130,246,.35);
    box-shadow: inset 0 0 0 2px rgba(96,165,250,.7);
  }

  100% {
    background: transparent;
    box-shadow: none;
  }
}

.disputes-tooltip-trigger {
  position: relative;
  display: inline-flex;
}

.disputes-tooltip {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);

  min-width: 220px;
  max-width: 260px;

  background: #0f172a;
  border: 1px solid #1e293b;
  border-radius: 14px;
  padding: 12px;
  z-index: 9999;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(4px);

  transition: opacity .12s ease, transform .12s ease, visibility .12s ease;
}

.disputes-tooltip-trigger:hover .disputes-tooltip {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.disputes-tooltip-trigger {
  position: relative;
  display: inline-flex;
}

.disputes-tooltip {
  position: absolute;

  right: 0;
  top: calc(100% + 6px);

  min-width: 220px;
  max-width: 260px;

  background: #0f172a;
  border: 1px solid #1e293b;
  border-radius: 14px;

  padding: 12px;

  z-index: 99999;

  opacity: 0;
  visibility: hidden;

  transform: translateY(4px);

  transition:
    opacity .12s ease,
    transform .12s ease,
    visibility .12s ease;

  pointer-events: auto;
}

/* ВАЖНО */
.disputes-tooltip::before {
  content: "";

  position: absolute;

  left: 0;
  right: 0;

  top: -12px;
  height: 12px;
}

/* hover либо по badge либо по самому tooltip */
.disputes-tooltip-trigger:hover .disputes-tooltip,
.disputes-tooltip:hover {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.admin-disputes-filters {
  display: flex;
  gap: 12px;
  margin-bottom: 14px;
}

.bybit-footer__options--column{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
}

.bybit-options{
  display:flex;
  flex-direction:column;
  gap:10px;

  margin-top:14px;
}

.bybit-option{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:16px;

  padding:12px 14px;

  background:#151515;
  border:1px solid #212121;
  border-radius:14px;

  transition:
    border-color .15s ease,
    background .15s ease;
}

.bybit-option:hover{
  background:#1a1a1a;
  border-color:#2a2a2a;
}

.bybit-option__left{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.bybit-option__title{
  font-size:13px;
  font-weight:600;
  color:#E5E7EB;
}

.bybit-option__sub{
  font-size:11px;
  color:#9CA3AF;
}

.req-badge--pretty{
  display:inline-flex;
  align-items:center;
  gap:8px;
}



.req-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.req-badge__icon{
  font-size:12px;
  line-height:1;
  flex-shrink:0;
}

.req-badge__icon{
  font-size:18px;
  line-height:1;
  flex-shrink:0;
  margin-right:3px;
}

.req-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.req-badge__icon{
  display:flex;
  align-items:center;
  justify-content:center;
}

.req-icon-svg{
  width:24px;
  height:24px;

  color:#8FB8FF;

  opacity:.95;
  flex-shrink:0;
}

.settings-block:has(#toggle-away-btn) {
  display: none !important;
}

.bulk-token-note {
  margin-top: 14px;
  padding: 14px;
  border-radius: 14px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.05);

  display: flex;
  flex-direction: column;
  gap: 14px;

  font-size: 13px;
  color: #cbd5e1;
}

.bulk-token-note__title {
  font-size: 13px;
  font-weight: 700;
  color: white;
}

.bulk-token-note__group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.bulk-token-note__group-title {
  font-weight: 700;
  color: #60a5fa;
  margin-bottom: 4px;
}

.bulk-token-presets {
  margin-top: 14px;
}

.bulk-token-presets__title {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
}

.bulk-token-presets__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.bulk-token-preset-btn {
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.04);
  color: #e5e7eb;
  border-radius: 999px;
  padding: 8px 12px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
}

.bulk-token-preset-btn:hover {
  background: rgba(255,255,255,0.08);
}

.payout-search-bar {
  display: flex;
  align-items: end;
  gap: 12px;
  margin: 14px 0 12px;
  max-width: 520px;
}

.payout-search-field {
  display: grid;
  gap: 6px;
  flex: 1;
}

.payout-search-field span {
  font-size: 12px;
  color: #8b93a7;
}

#payout-amount-search {
  height: 42px;
}

@media (max-width: 700px) {
  .payout-search-bar {
    flex-direction: column;
    align-items: stretch;
    max-width: none;
  }
}

.dispute-highlight {
  animation: disputeFlash 4s ease;
  box-shadow: inset 0 0 0 1px rgba(59,130,246,.8);
  background: rgba(59,130,246,.12) !important;
}

@keyframes disputeFlash {
  0% {
    background: rgba(59,130,246,.35);
  }

  100% {
    background: rgba(59,130,246,.12);
  }
}

.disputes-tooltip__row {
  text-decoration: none;
}

.disputes-tooltip__row:hover {
  text-decoration: none;
}

.disputes-tooltip__row {
  border-bottom: none !important;
}

.action-btn.drag-over {
  background: rgba(34, 197, 94, 0.18) !important;
  border-color: rgba(34, 197, 94, 0.65) !important;
  color: #22c55e !important;
  transform: scale(1.08);
  box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.16);
}

.action-btn.drag-over svg {
  pointer-events: none;
}

/* ===== Drag PDF tooltip for attach button ===== */

.action-btn.attach-drop-hover,
.action-btn.drag-over {
  position: relative;
  opacity: 1 !important;
  transform: translateY(-3px) scale(1.35) !important;
  z-index: 50;
  background: rgba(34, 197, 94, 0.20) !important;
  border-color: rgba(34, 197, 94, 0.75) !important;
  color: #22c55e !important;
  box-shadow:
    0 0 0 4px rgba(34, 197, 94, 0.16),
    0 12px 28px rgba(0, 0, 0, 0.45);
}

.action-btn.attach-drop-hover::after,
.action-btn.drag-over::after {
  content: "Отпусти, чтобы прикрепить чек";
  position: absolute;
  left: 50%;
  bottom: calc(100% + 12px);
  transform: translateX(-50%);

  background: #111827;
  border: 1px solid rgba(34, 197, 94, 0.45);
  color: #e5e7eb;

  padding: 8px 10px;
  border-radius: 10px;

  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;

  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
  pointer-events: none;
}

.action-btn.attach-drop-hover::before,
.action-btn.drag-over::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(100% + 5px);
  transform: translateX(-50%) rotate(45deg);

  width: 10px;
  height: 10px;

  background: #111827;
  border-right: 1px solid rgba(34, 197, 94, 0.45);
  border-bottom: 1px solid rgba(34, 197, 94, 0.45);

  pointer-events: none;
}

.action-btn.attach-drop-hover svg,
.action-btn.drag-over svg {
  transform: scale(1.15);
}
/* ===== Drag PDF tooltip for attach button ===== */

.action-btn.attach-drop-hover,
.icon-btn.attach-drop-hover {
  position: relative;
  opacity: 1 !important;
  transform: translateY(-3px) scale(1.35) !important;
  z-index: 999;
  background: rgba(34, 197, 94, 0.20) !important;
  border-color: rgba(34, 197, 94, 0.75) !important;
  color: #22c55e !important;
  box-shadow:
    0 0 0 4px rgba(34, 197, 94, 0.16),
    0 12px 28px rgba(0, 0, 0, 0.45);
}

.action-btn.attach-drop-hover::after,
.icon-btn.attach-drop-hover::after {
  content: "Отпусти, чтобы прикрепить чек";
  position: absolute;
  left: 50%;
  bottom: calc(100% + 12px);
  transform: translateX(-50%);

  background: #111827;
  border: 1px solid rgba(34, 197, 94, 0.45);
  color: #e5e7eb;

  padding: 8px 10px;
  border-radius: 10px;

  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;

  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
  pointer-events: none;
}

.action-btn.attach-drop-hover::before,
.icon-btn.attach-drop-hover::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(100% + 5px);
  transform: translateX(-50%) rotate(45deg);

  width: 10px;
  height: 10px;

  background: #111827;
  border-right: 1px solid rgba(34, 197, 94, 0.45);
  border-bottom: 1px solid rgba(34, 197, 94, 0.45);

  pointer-events: none;
}

.action-btn.attach-drop-hover svg,
.icon-btn.attach-drop-hover svg {
  transform: scale(1.15);
  pointer-events: none;
}

/* ===== Drag PDF tooltip for attach button ===== */

.icon-btn.attach-drop-hover,
.action-btn.attach-drop-hover {
  position: relative;
  opacity: 1 !important;
  transform: translateY(-4px) scale(1.45) !important;
  z-index: 9999 !important;

  background: rgba(34, 197, 94, 0.28) !important;
  border-color: rgba(34, 197, 94, 0.95) !important;
  color: #22c55e !important;

  box-shadow:
    0 0 0 5px rgba(34, 197, 94, 0.22),
    0 18px 40px rgba(0, 0, 0, 0.65);
}

.icon-btn.attach-drop-hover::after,
.action-btn.attach-drop-hover::after {
  content: "Отпусти PDF сюда";
  position: absolute;

  left: 50%;
  bottom: calc(100% + 18px);
  transform: translateX(-50%) scale(0.76);
  transform-origin: bottom center;

  background: #020617;
  border: 2px solid #22c55e;
  color: #ffffff;

  padding: 12px 16px;
  border-radius: 14px;

  font-size: 16px;
  font-weight: 900;
  line-height: 1.15;
  white-space: nowrap;

  box-shadow:
    0 0 0 4px rgba(34, 197, 94, 0.22),
    0 18px 45px rgba(0, 0, 0, 0.8);

  pointer-events: none;
  z-index: 10000;
}

.icon-btn.attach-drop-hover::before,
.action-btn.attach-drop-hover::before {
  content: "";
  position: absolute;

  left: 50%;
  bottom: calc(100% + 9px);
  transform: translateX(-50%) rotate(45deg);

  width: 14px;
  height: 14px;

  background: #020617;
  border-right: 2px solid #22c55e;
  border-bottom: 2px solid #22c55e;

  pointer-events: none;
  z-index: 10000;
}

.icon-btn.attach-drop-hover svg,
.action-btn.attach-drop-hover svg {
  transform: scale(1.2);
  pointer-events: none;
}

.icon-btn.attach-drop-hover::after,
.action-btn.attach-drop-hover::after {
  content: "Отпусти PDF сюда";
  position: absolute;

  right: calc(100% + 16px);
  top: 50%;
  transform: translateY(-50%) scale(0.76);
  transform-origin: right center;

  background: #020617;
  border: 2px solid #22c55e;
  color: #ffffff;

  padding: 12px 16px;
  border-radius: 14px;

  font-size: 16px;
  font-weight: 900;
  line-height: 1.15;
  white-space: nowrap;

  box-shadow:
    0 0 0 4px rgba(34, 197, 94, 0.22),
    0 18px 45px rgba(0, 0, 0, 0.8);

  pointer-events: none;
  z-index: 10000;
}

.icon-btn.attach-drop-hover::before,
.action-btn.attach-drop-hover::before {
  content: "";
  position: absolute;

  right: calc(100% + 8px);
  top: 50%;
  transform: translateY(-50%) rotate(45deg);

  width: 14px;
  height: 14px;

  background: #020617;
  border-top: 2px solid #22c55e;
  border-right: 2px solid #22c55e;

  pointer-events: none;
  z-index: 10000;
}

/* ===== Global drag attach hint ===== */

.attach-drag-global-hint {
  position: fixed;
  left: 50%;
  top: 18px;
  transform: translateX(-50%);
  z-index: 999999;

  display: none;
  align-items: center;
  gap: 10px;

  background: #020617;
  border: 2px solid #22c55e;
  color: #ffffff;

  padding: 14px 20px;
  border-radius: 16px;

  font-size: 16px;
  font-weight: 900;
  line-height: 1;

  box-shadow:
    0 0 0 5px rgba(34, 197, 94, 0.18),
    0 20px 55px rgba(0, 0, 0, 0.8);

  pointer-events: none;
}

.attach-drag-global-hint.show {
  display: flex;
}

.attach-drag-global-hint__icon {
  font-size: 22px;
}

.icon-btn.attach-drop-hover,
.action-btn.attach-drop-hover {
  position: relative;
  opacity: 1 !important;
  transform: translateY(-4px) scale(1.45) !important;
  z-index: 9999 !important;

  background: rgba(34, 197, 94, 0.28) !important;
  border-color: rgba(34, 197, 94, 0.95) !important;
  color: #22c55e !important;

  box-shadow:
    0 0 0 5px rgba(34, 197, 94, 0.22),
    0 18px 40px rgba(0, 0, 0, 0.65);
}

.icon-btn.attach-drop-hover::after,
.action-btn.attach-drop-hover::after,
.icon-btn.attach-drop-hover::before,
.action-btn.attach-drop-hover::before {
  display: none !important;
}

/* ===============================
   Global drag attach hint
   =============================== */

.attach-drag-global-hint {
  position: fixed;
  left: 50%;
  top: 18px;
  transform: translateX(-50%);
  z-index: 999999;

  display: none;
  align-items: center;
  gap: 12px;

  background: #020617;
  border: 2px solid #22c55e;
  color: #ffffff;

  padding: 14px 22px;
  border-radius: 16px;

  font-size: 16px;
  font-weight: 900;
  line-height: 1;

  box-shadow:
    0 0 0 5px rgba(34, 197, 94, 0.18),
    0 20px 55px rgba(0, 0, 0, 0.8);

  pointer-events: none;
}

.attach-drag-global-hint.show {
  display: flex;
}

.attach-drag-global-hint__icon {
  font-size: 24px;
  line-height: 1;
}

.attach-drag-global-hint__text {
  white-space: nowrap;
}


/* ===============================
   Attach button hover while dragging
   =============================== */

.icon-btn.attach-drop-hover,
.action-btn.attach-drop-hover {
  position: relative;
  opacity: 1 !important;
  transform: translateY(-4px) scale(1.45) !important;
  z-index: 9999 !important;

  background: rgba(34, 197, 94, 0.28) !important;
  border-color: rgba(34, 197, 94, 0.95) !important;
  color: #22c55e !important;

  box-shadow:
    0 0 0 5px rgba(34, 197, 94, 0.22),
    0 18px 40px rgba(0, 0, 0, 0.65);
}

.icon-btn.attach-drop-hover svg,
.action-btn.attach-drop-hover svg {
  transform: scale(1.2);
  pointer-events: none;
}

.icon-btn.attach-drop-hover::after,
.action-btn.attach-drop-hover::after,
.icon-btn.attach-drop-hover::before,
.action-btn.attach-drop-hover::before {
  display: none !important;
}
.claimed-only-btn {
  min-width: 118px;
}

.claimed-only-btn.active {
  background: rgba(34, 197, 94, 0.16) !important;
  border-color: rgba(34, 197, 94, 0.45) !important;
  color: #86efac !important;
}

.bybit-uid-preview {
  margin: -4px 0 10px;
  padding: 12px 14px;
  border-radius: 14px;

  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.32);
  color: #bbf7d0;

  font-size: 13px;
  font-weight: 800;
}

.bybit-uid-preview strong {
  color: #ffffff;
  font-size: 15px;
}

.bybit-uid-preview {
  padding: 12px 14px;
  border-radius: 14px;

  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.32);
  color: #bbf7d0;

  font-size: 13px;
  font-weight: 800;
}

.bybit-uid-preview strong {
  color: #ffffff;
  font-size: 15px;
}

.bybit-uid-preview--footer {
  margin-top: 12px;
  margin-bottom: 12px;
}

.modal__footer{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.bybit-uid-preview--footer {
  width: 100%;
  margin: 0 0 10px 0;
  justify-self: stretch;
}

.modal__footer .bybit-uid-preview {
  flex: 0 0 100%;
  margin-right: auto;
}

.bybit-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.bybit-footer .bybit-uid-preview {
  margin-right: auto;
}

.bybit-uid-preview--inline {
  min-width: 0;
  max-width: 260px;

  padding: 11px 14px;
  border-radius: 14px;

  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.32);
  color: #bbf7d0;

  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.bybit-uid-preview--inline strong {
  color: #ffffff;
  font-size: 15px;
}

.bybit-footer {
  display: flex;
  align-items: center;
  gap: 10px;
}

.bybit-footer .bybit-uid-preview {
  margin-right: auto;
}

.bybit-uid-preview--inline {
  width: calc(100% - 180px);
  min-height: 46px;

  display: flex;
  align-items: center;

  padding: 0 14px;
  border-radius: 14px;

  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.32);
  color: #bbf7d0;

  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.bybit-uid-preview--inline strong {
  color: #ffffff;
  font-size: 15px;
}

.bybit-uid-preview strong,
#bybit-uid-preview-value {
  display: inline-block;
  margin-left: 5px !important;
}

.tail-req-issue {
  display: grid;
  gap: 8px;
  min-width: 280px;
}

.tail-req-issue__text {
  min-height: 70px;
  resize: vertical;
  font-size: 12px;
}

.tail-req-issue__actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.tails-req-add-card {
  display: grid;
  gap: 12px;
  background: #151515;
  border: 1px solid #212121;
  border-radius: 14px;
  padding: 14px;
  margin-top: 10px;
  margin-bottom: 14px;
}

.tails-req-add-grid {
  display: grid;
  grid-template-columns: minmax(180px, 260px) minmax(180px, 260px);
  gap: 12px;
}

.tails-requisites-list {
  display: grid;
  gap: 12px;
  margin-bottom: 18px;
}

.tails-req-card {
  background: #151515;
  border: 1px solid #212121;
  border-radius: 14px;
  padding: 14px;
}

.tails-req-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.tails-req-card__title {
  font-size: 14px;
  font-weight: 800;
  color: #E5E7EB;
}

.tails-req-card__sub {
  margin-top: 3px;
  font-size: 12px;
  color: #9CA3AF;
}

.tails-req-card__actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.tails-req-textarea {
  min-height: 90px;
  resize: vertical;
}

.tail-req-issue {
  display: grid;
  gap: 8px;
  min-width: 300px;
}

.tail-req-issue__text {
  min-height: 70px;
  resize: vertical;
  font-size: 12px;
}

.tail-req-issue__actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

@media (max-width: 700px) {
  .tails-req-add-grid {
    grid-template-columns: 1fr;
  }
}

.tail-req-select {
  min-width: 260px;
}

.tails-req-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 18px;
  margin-bottom: 10px;
}

.tails-req-head .section-title {
  margin: 0 !important;
}

.tails-requisites-list {
  display: grid;
  gap: 12px;
  margin-bottom: 18px;
}

.tails-req-card {
  background: #151515;
  border: 1px solid #212121;
  border-radius: 14px;
  padding: 14px;
}

.tails-req-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.tails-req-card__title {
  font-size: 14px;
  font-weight: 800;
  color: #E5E7EB;
}

.tails-req-card__sub {
  margin-top: 3px;
  font-size: 12px;
  color: #9CA3AF;
}

.tails-req-preview {
  margin: 0;
  white-space: pre-wrap;
  color: #E5E7EB;
  font-family: inherit;
  font-size: 13px;
}

.tails-req-textarea {
  min-height: 110px;
  resize: vertical;
}

.modal__footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

#tail-req-modal {
  display: none;
}

#tail-req-modal.is-open {
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999999 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

#tail-req-modal.is-open .modal__backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.65) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

#tail-req-modal.is-open .modal__card {
  position: relative !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 10000000 !important;
  width: min(560px, calc(100% - 24px)) !important;
  margin: 80px auto !important;
  background: #181818 !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 16px !important;
  padding: 16px !important;
  box-shadow: 0 20px 70px rgba(0,0,0,.7) !important;
}

.tails-req-modal-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

@media (max-width: 700px) {
  .tails-req-modal-grid {
    grid-template-columns: 1fr;
  }
}

#tail-req-modal .modal__footer {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin-top: 22px !important;
}

#tail-req-modal .modal__card {
  max-height: calc(100vh - 80px);
  overflow-y: auto;
}

.tails-req-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 18px;
  margin-bottom: 8px;
}

.tails-req-head .section-title {
  margin: 0 !important;
}

.tails-requisites-list {
  margin: 8px 0 16px;
}

.tails-req-mini-list {
  display: grid;
  gap: 6px;
}

.tails-req-mini-row {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border: 1px solid #212121;
  border-radius: 12px;
  background: #151515;
}

.tails-req-mini-title {
  font-size: 13px;
  font-weight: 800;
  color: #E5E7EB;
  line-height: 1.2;
}

.tails-req-mini-sub {
  margin-top: 3px;
  font-size: 12px;
  color: #9CA3AF;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tails-req-mini-delete {
  padding: 6px 9px;
  font-size: 11px;
}

.tail-req-issue {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tail-req-select {
  width: 220px;
  min-width: 220px;
  padding: 8px 10px;
  font-size: 12px;
}

.tail-req-issue__actions {
  display: flex;
  gap: 6px;
  align-items: center;
}

.tail-req-issue__actions .btn {
  padding: 7px 9px;
  font-size: 11px;
}

@media (max-width: 900px) {
  .tail-req-issue {
    display: grid;
  }

  .tail-req-select {
    width: 100%;
    min-width: 0;
  }

  .tails-req-mini-row {
    grid-template-columns: 1fr;
  }
}

.tails-requisites-list {
  margin: 8px 0 16px;
}

.tails-req-mini-list {
  display: grid;
  gap: 6px;
}

.tails-req-mini-row {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border: 1px solid #212121;
  border-radius: 12px;
  background: #151515;
}

.tails-req-mini-title {
  font-size: 13px;
  font-weight: 800;
  color: #E5E7EB;
  line-height: 1.2;
}

.tails-req-mini-sub {
  margin-top: 3px;
  font-size: 12px;
  color: #9CA3AF;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tails-req-mini-delete {
  padding: 6px 9px;
  font-size: 11px;
}

@media (max-width: 900px) {
  .tails-req-mini-row {
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   MASSMO DESIGN — вставлено в конец файла, перебивает старый стиль
   ========================================================= */
:root{
  --massmo-bg:#0f0f10;
  --massmo-panel:#151616;
  --massmo-panel-2:#181919;
  --massmo-border:#252627;
  --massmo-border-soft:#1f2021;
  --massmo-text:#f4f4f5;
  --massmo-muted:#8d9098;
  --massmo-blue:#2f66f2;
  --massmo-green:#22c55e;
}

html, body{
  background: var(--massmo-bg) !important;
  color: var(--massmo-text) !important;
}

body{
  overflow: hidden;
}

.app{
  min-height: 100vh;
  height: 100vh;
  background: var(--massmo-bg) !important;
}

.massmo-sidebar.sidebar{
  width: 285px !important;
  min-width: 285px !important;
  height: 100vh;
  padding: 36px 28px !important;
  background: #171818 !important;
  border-right: 1px solid #202122;
  box-shadow: none;
  display: flex;
  flex-direction: column;
}

.massmo-logo{
  color: #fff;
  font-size: 36px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.9px;
  margin: 8px 0 72px 16px;
}

.massmo-nav.sidebar-nav{
  margin-top: 0 !important;
  gap: 24px !important;
}

.massmo-sidebar .nav{
  height: 62px;
  padding: 0 18px !important;
  border-radius: 15px !important;
  border: 0 !important;
  background: transparent !important;
  color: #8e929b !important;
  gap: 18px !important;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: -.2px;
  box-shadow: none !important;
}

.massmo-sidebar .nav__icon{
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: currentColor;
}

.massmo-sidebar .nav__icon svg{
  width: 28px !important;
  height: 28px !important;
}

.massmo-sidebar .nav__label{
  font-size: 21px !important;
  font-weight: 700 !important;
  letter-spacing: -.25px !important;
}

.massmo-sidebar .nav:hover{
  background: rgba(255,255,255,.04) !important;
  color: #d8dbe2 !important;
}

.massmo-sidebar .nav:hover .nav__icon{
  transform: none !important;
}

.massmo-sidebar .nav.active{
  background: var(--massmo-blue) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 10px 24px rgba(47,102,242,.22) !important;
}

.massmo-sidebar .nav.active::before,
.massmo-sidebar .nav.active::after{
  display: none !important;
}

.massmo-sidebar .nav.active .nav__icon{
  background: transparent !important;
  border: 0 !important;
  color: #fff !important;
}

.massmo-nav-separator{
  height: 1px;
  margin: 18px 16px 20px;
  background: #2b2d30;
  opacity: .75;
}

.main{
  flex: 1;
  height: 100vh;
  padding: 0 30px 30px 30px !important;
  background: var(--massmo-bg) !important;
  overflow: auto;
}

.massmo-topbar.header{
  height: 112px;
  margin: 6px 0 54px 0 !important;
  padding: 0 28px;
  background: #181919;
  border: 1px solid #202122;
  border-radius: 0 0 20px 20px;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.massmo-topbar__left,
.massmo-topbar__right{
  display: flex;
  align-items: center;
  gap: 18px;
}

.massmo-pill{
  min-height: 50px;
  padding: 0 24px;
  border-radius: 999px;
  background: #191a1b;
  border: 1px solid #242629;
  color: #f3f4f6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -.25px;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}

.massmo-pill--muted{
  color: #f0f0f1;
}

.massmo-pill--online{
  min-width: 142px;
}

.massmo-dot{
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--massmo-green);
  box-shadow: 0 0 0 4px rgba(34,197,94,.08);
  display: inline-block;
  flex: 0 0 auto;
}

.massmo-clock{
  color: #a2a5ae;
  font-size: 28px;
  line-height: 1;
}

.massmo-theme-btn,
.massmo-exit-btn{
  border: 1px solid #242629;
  background: #191a1b;
  color: #f4f4f5;
  cursor: pointer;
  height: 50px;
  border-radius: 999px;
  font-size: 21px;
  font-weight: 800;
}

.massmo-theme-btn{
  width: 50px;
  padding: 0;
  font-size: 29px;
  line-height: 50px;
}

.massmo-avatar{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #26315f;
  color: #fff;
  display: inline-grid;
  place-items: center;
  font-size: 24px;
  font-weight: 800;
}

.massmo-exit-btn{
  padding: 0 22px;
}

.massmo-page-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 42px 0;
}

.massmo-page-head h1{
  margin: 0;
  color: #f4f4f5;
  font-size: 44px;
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -.8px;
}

.massmo-page-head #page-subtitle{
  display: none;
}

.massmo-page-head .header-profile-badge,
.massmo-page-head .profile-state-badge-wrap{
  margin-top: 10px;
}

.massmo-page-online{
  margin-top: -10px;
  min-width: 146px;
  text-transform: none;
}

/* большой пустой контейнер как на макете */
#stats-section,
#payouts-section,
#disputes-section,
#settings-section,
#users-section,
#salaries-section,
#admin-section{
  background: #171818;
  border: 1px solid #252627;
  border-radius: 20px;
  padding: 24px;
  min-height: calc(100vh - 330px);
}

.table-wrap,
.summary-card,
.card,
.settings-card,
.admin-card,
.salary-card,
.modal__card{
  background: #171818 !important;
  border-color: #252627 !important;
  border-radius: 18px !important;
}

.table thead,
table thead{
  background: #171818 !important;
  box-shadow: inset 0 -1px 0 #252627 !important;
}

th, td{
  border-bottom-color: #252627 !important;
}

.btn{
  border-radius: 14px !important;
  font-weight: 800;
}

@media (max-width: 1100px){
  .massmo-sidebar.sidebar{
    width: 230px !important;
    min-width: 230px !important;
    padding: 28px 18px !important;
  }

  .massmo-logo{
    font-size: 30px;
    margin-left: 10px;
  }

  .massmo-sidebar .nav__label{
    font-size: 17px !important;
  }

  .massmo-pill{
    font-size: 16px;
    padding: 0 16px;
  }

  .massmo-page-head h1{
    font-size: 36px;
  }
}

/* ===== TOPBAR BUTTONS FIX ===== */

.massmo-topbar {
  overflow: visible !important;
}

.massmo-topbar__right {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  flex-wrap: nowrap !important;
  min-width: 0 !important;
}

.massmo-finish-btn {
  height: 34px;
  padding: 0 16px;
  border: 0;
  border-radius: 999px;
  background: #dc2626;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  white-space: nowrap;
  line-height: 34px;
}

.massmo-finish-btn:hover {
  filter: brightness(1.08);
}

.massmo-top-switch {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(255,255,255,.62);
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  line-height: 1;
}

.massmo-top-switch input {
  display: none;
}

.massmo-top-switch__ui {
  width: 46px;
  height: 25px;
  border-radius: 999px;
  background: #20252a;
  border: 1px solid rgba(255,255,255,.16);
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
}

.massmo-top-switch__ui::before {
  content: "";
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background: #22272c;
  position: absolute;
  left: 3px;
  top: 50%;
  transform: translateY(-50%);
  transition: .15s ease;
}

.massmo-top-switch input:checked + .massmo-top-switch__ui {
  background: rgba(34,197,94,.22);
}

.massmo-top-switch input:checked + .massmo-top-switch__ui::before {
  left: 22px;
  background: #22c55e;
}

.top-actions {
  display: none !important;
}

/* чтобы справа всё влезало */
.massmo-pill {
  flex: 0 0 auto;
}

.massmo-pill--online {
  height: 44px !important;
  padding: 0 22px !important;
  font-size: 17px !important;
}

.massmo-theme-btn {
  flex: 0 0 auto;
}

.massmo-avatar {
  flex: 0 0 auto;
}

.massmo-exit-btn {
  flex: 0 0 auto;
}

.massmo-theme-btn,
.massmo-page-online {
  display: none !important;
}

/* ===== TOPBAR AVATAR ROLE COLORS ===== */

.massmo-avatar {
  color: #fff !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.25) !important;
}

.massmo-avatar--operator {
  background: #2563eb !important; /* синий */
}

.massmo-avatar--curator {
  background: #7c3aed !important; /* фиолетовый */
}

.massmo-avatar--admin {
  background: #dc2626 !important; /* красный */
}

.massmo-avatar--director {
  background: #eab308 !important; /* желтый */
  color: #111827 !important;
}

.massmo-nav .nav__icon svg {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
}

.massmo-nav .nav__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ===== SIDEBAR COLLAPSE MASSMO ===== */

.massmo-sidebar {
  transition: width .18s ease, min-width .18s ease, padding .18s ease;
}

.massmo-sidebar-toggle {
  position: absolute;
  top: 28px;
  right: -18px;
  z-index: 5000;

  width: 36px;
  height: 36px;
  border-radius: 999px;

  display: grid;
  place-items: center;

  background: #181b1c;
  border: 1px solid rgba(255,255,255,.08);
  color: #9ca3af;

  cursor: pointer;
  box-shadow: 0 10px 25px rgba(0,0,0,.35);
  transition: .15s ease;
}

.massmo-sidebar-toggle:hover {
  color: #fff;
  background: #202425;
}

.massmo-sidebar-toggle svg {
  width: 18px;
  height: 18px;
  display: block;
}

.sidebar.is-collapsed,
.massmo-sidebar.is-collapsed {
  width: 84px !important;
  min-width: 84px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.sidebar.is-collapsed .massmo-logo,
.massmo-sidebar.is-collapsed .massmo-logo {
  font-size: 0 !important;
  width: 52px;
  height: 52px;
  border-radius: 18px;
  background: #2f68ee;
  display: grid;
  place-items: center;
}

.sidebar.is-collapsed .massmo-logo::before,
.massmo-sidebar.is-collapsed .massmo-logo::before {
  content: "T";
  font-size: 28px;
  font-weight: 900;
  color: #fff;
}

.sidebar.is-collapsed .nav,
.massmo-sidebar.is-collapsed .nav {
  width: 52px !important;
  height: 52px !important;
  padding: 0 !important;
  justify-content: center !important;
  border-radius: 16px !important;
}

.sidebar.is-collapsed .nav__label,
.massmo-sidebar.is-collapsed .nav__label {
  display: none !important;
}

.sidebar.is-collapsed .nav__icon,
.massmo-sidebar.is-collapsed .nav__icon {
  margin: 0 !important;
}

.sidebar.is-collapsed .massmo-nav-separator,
.massmo-sidebar.is-collapsed .massmo-nav-separator {
  width: 52px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.sidebar.is-collapsed .massmo-sidebar-toggle,
.massmo-sidebar.is-collapsed .massmo-sidebar-toggle {
  transform: rotate(180deg);
}

/* чтобы контент плавно занимал место */
.main {
  transition: margin-left .18s ease, width .18s ease;
}

/* ===== MASSMO SIDEBAR COLLAPSE WORKING FIX ===== */

.massmo-sidebar {
  transition: width .18s ease, min-width .18s ease, padding .18s ease !important;
}

.massmo-sidebar--collapsed {
  width: 86px !important;
  min-width: 86px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.massmo-sidebar--collapsed .massmo-logo {
  font-size: 0 !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 18px !important;
  background: #2f68ee !important;
  display: grid !important;
  place-items: center !important;
  margin-left: 0 !important;
}

.massmo-sidebar--collapsed .massmo-logo::before {
  content: "T";
  font-size: 28px;
  font-weight: 900;
  color: #fff;
}

.massmo-sidebar--collapsed .nav {
  width: 52px !important;
  height: 52px !important;
  padding: 0 !important;
  justify-content: center !important;
  gap: 0 !important;
}

.massmo-sidebar--collapsed .nav__label {
  display: none !important;
}

.massmo-sidebar--collapsed .nav__icon {
  margin: 0 !important;
}

.massmo-sidebar--collapsed .massmo-nav-separator {
  width: 52px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.massmo-sidebar--collapsed .massmo-sidebar-toggle {
  transform: rotate(180deg) !important;
}

/* ===== SIDEBAR FULL HIDE FIX ===== */

.app {
  display: grid !important;
  grid-template-columns: 286px 1fr !important;
  min-height: 100vh !important;
}

.app.massmo-app--sidebar-collapsed {
  grid-template-columns: 0 1fr !important;
}

.massmo-sidebar {
  width: 286px !important;
  min-width: 286px !important;
  overflow: visible !important;
  transition: width .18s ease, min-width .18s ease, padding .18s ease, opacity .18s ease !important;
}

.massmo-app--sidebar-collapsed .massmo-sidebar {
  width: 0 !important;
  min-width: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-right: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.massmo-app--sidebar-collapsed .massmo-sidebar > *:not(.massmo-sidebar-toggle) {
  display: none !important;
}

.massmo-sidebar-toggle {
  pointer-events: auto !important;
  opacity: 1 !important;
}

.massmo-app--sidebar-collapsed .massmo-sidebar .massmo-sidebar-toggle {
  display: grid !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: fixed !important;
  left: 18px !important;
  top: 54px !important;
  right: auto !important;
  transform: rotate(180deg) !important;
}

.massmo-app--sidebar-collapsed .main {
  width: 100% !important;
  max-width: 100% !important;
}

/* ===== SIDEBAR SMALL COLLAPSE FINAL ===== */

.app {
  display: grid !important;
  grid-template-columns: 286px 1fr !important;
  min-height: 100vh !important;
}

.app.massmo-app--sidebar-collapsed {
  grid-template-columns: 104px 1fr !important;
}

.massmo-sidebar {
  width: 286px !important;
  min-width: 286px !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  overflow: visible !important;
  transition: width .18s ease, min-width .18s ease, padding .18s ease !important;
}

.massmo-sidebar.massmo-sidebar--collapsed {
  width: 104px !important;
  min-width: 104px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  border-right: 1px solid rgba(255,255,255,.04) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* логотип превращается в синюю T */
.massmo-sidebar--collapsed .massmo-logo {
  font-size: 0 !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 16px !important;
  background: #2f68ee !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
}

.massmo-sidebar--collapsed .massmo-logo::before {
  content: "T";
  font-size: 26px;
  font-weight: 900;
  color: #fff;
}

/* меню — только иконки */
.massmo-sidebar--collapsed .massmo-nav {
  align-items: center !important;
}

.massmo-sidebar--collapsed .nav {
  width: 52px !important;
  height: 52px !important;
  padding: 0 !important;
  justify-content: center !important;
  gap: 0 !important;
  border-radius: 16px !important;
}

.massmo-sidebar--collapsed .nav__label {
  display: none !important;
}

.massmo-sidebar--collapsed .nav__icon {
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
}

.massmo-sidebar--collapsed .massmo-nav-separator {
  width: 52px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* кнопка сворачивания */
.massmo-sidebar-toggle {
  position: absolute !important;
  top: 42px !important;
  right: -18px !important;
  z-index: 5000 !important;

  width: 36px !important;
  height: 36px !important;
  border-radius: 999px !important;

  display: grid !important;
  place-items: center !important;

  background: #181b1c !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  color: #9ca3af !important;

  cursor: pointer !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.35) !important;
}

.massmo-sidebar--collapsed .massmo-sidebar-toggle {
  right: -18px !important;
  transform: rotate(180deg) !important;
}

/* отменяем прошлое полное скрытие */
.massmo-app--sidebar-collapsed .massmo-sidebar > * {
  display: initial;
}

.massmo-app--sidebar-collapsed .massmo-sidebar > .massmo-logo,
.massmo-app--sidebar-collapsed .massmo-sidebar > .massmo-nav,
.massmo-app--sidebar-collapsed .massmo-sidebar > .massmo-sidebar-toggle {
  display: grid !important;
}

.massmo-app--sidebar-collapsed .massmo-sidebar > .massmo-nav {
  display: flex !important;
}

/* ===== SIDEBAR OPEN/COLLAPSED FINAL ===== */

/* раскрытое состояние */
.app {
  display: grid !important;
  grid-template-columns: 286px 1fr !important;
  min-height: 100vh !important;
}

.massmo-sidebar {
  width: 286px !important;
  min-width: 286px !important;
  padding: 46px 28px !important;
  overflow: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transition: width .18s ease, min-width .18s ease, padding .18s ease !important;
}

.massmo-logo {
  font-size: 36px !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  color: #fff !important;
  border-radius: 0 !important;
  display: block !important;
  margin: 0 !important;
}

.massmo-logo::before {
  content: none !important;
}

.massmo-nav {
  align-items: stretch !important;
}

.massmo-nav .nav {
  width: 100% !important;
  height: 64px !important;
  padding: 0 22px !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  border-radius: 18px !important;
}

.massmo-nav .nav__label {
  display: inline !important;
}

.massmo-nav .nav__icon {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
}

/* свернутое состояние */
.app.massmo-app--sidebar-collapsed {
  grid-template-columns: 104px 1fr !important;
}

.massmo-sidebar.massmo-sidebar--collapsed {
  width: 104px !important;
  min-width: 104px !important;
  padding: 46px 24px !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.massmo-sidebar.massmo-sidebar--collapsed .massmo-logo {
  font-size: 0 !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 16px !important;
  background: #2f68ee !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 auto !important;
}

.massmo-sidebar.massmo-sidebar--collapsed .massmo-logo::before {
  content: "T" !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  color: #fff !important;
}

.massmo-sidebar.massmo-sidebar--collapsed .massmo-nav {
  align-items: center !important;
}

.massmo-sidebar.massmo-sidebar--collapsed .nav {
  width: 52px !important;
  height: 52px !important;
  padding: 0 !important;
  justify-content: center !important;
  gap: 0 !important;
  border-radius: 16px !important;
}

.massmo-sidebar.massmo-sidebar--collapsed .nav__label {
  display: none !important;
}

.massmo-sidebar.massmo-sidebar--collapsed .nav__icon {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  margin: 0 !important;
}

.massmo-sidebar.massmo-sidebar--collapsed .massmo-nav-separator {
  width: 52px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* кнопка сворачивания */
.massmo-sidebar-toggle {
  position: absolute !important;
  top: 42px !important;
  right: -18px !important;
  z-index: 5000 !important;

  width: 36px !important;
  height: 36px !important;
  border-radius: 999px !important;

  display: grid !important;
  place-items: center !important;

  background: #181b1c !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  color: #9ca3af !important;

  cursor: pointer !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.35) !important;
}

.massmo-sidebar.massmo-sidebar--collapsed .massmo-sidebar-toggle {
  transform: rotate(180deg) !important;
}


/* ===== MASSMO SIDEBAR FINAL FIX ===== */

.app {
  display: flex !important;
  width: 100% !important;
  height: 100vh !important;
  min-height: 100vh !important;
  overflow: hidden !important;
}

/* раскрытое меню */
.massmo-sidebar {
  flex: 0 0 286px !important;
  width: 286px !important;
  min-width: 286px !important;
  max-width: 286px !important;

  padding: 46px 28px !important;
  overflow: visible !important;

  opacity: 1 !important;
  pointer-events: auto !important;

  transition:
    flex-basis .18s ease,
    width .18s ease,
    min-width .18s ease,
    max-width .18s ease,
    padding .18s ease !important;
}

.main {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  margin-left: 0 !important;
}

/* раскрытый логотип */
.massmo-sidebar:not(.massmo-sidebar--collapsed) .massmo-logo {
  font-size: 36px !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  color: #fff !important;
  border-radius: 0 !important;
  display: block !important;
  margin: 0 !important;
}

.massmo-sidebar:not(.massmo-sidebar--collapsed) .massmo-logo::before {
  content: none !important;
}

/* раскрытое меню: иконка + текст */
.massmo-sidebar:not(.massmo-sidebar--collapsed) .massmo-nav {
  align-items: stretch !important;
}

.massmo-sidebar:not(.massmo-sidebar--collapsed) .nav {
  width: 100% !important;
  height: 64px !important;
  padding: 0 22px !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  border-radius: 18px !important;
}

.massmo-sidebar:not(.massmo-sidebar--collapsed) .nav__label {
  display: inline !important;
}

.massmo-sidebar:not(.massmo-sidebar--collapsed) .nav__icon {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
}

/* свернутое меню */
.massmo-sidebar.massmo-sidebar--collapsed {
  flex: 0 0 76px !important;
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;

  padding: 46px 14px !important;

  opacity: 1 !important;
  pointer-events: auto !important;
}

/* свернутый логотип */
.massmo-sidebar.massmo-sidebar--collapsed .massmo-logo {
  font-size: 0 !important;

  width: 48px !important;
  height: 48px !important;

  border-radius: 16px !important;
  background: #2f68ee !important;

  display: grid !important;
  place-items: center !important;

  margin: 0 auto !important;
}

.massmo-sidebar.massmo-sidebar--collapsed .massmo-logo::before {
  content: "T" !important;
  font-size: 25px !important;
  font-weight: 900 !important;
  color: #fff !important;
}

/* свернутое меню: только иконки */
.massmo-sidebar.massmo-sidebar--collapsed .massmo-nav {
  align-items: center !important;
}

.massmo-sidebar.massmo-sidebar--collapsed .nav {
  width: 48px !important;
  height: 48px !important;
  padding: 0 !important;
  justify-content: center !important;
  gap: 0 !important;
  border-radius: 15px !important;
}

.massmo-sidebar.massmo-sidebar--collapsed .nav__label {
  display: none !important;
}

.massmo-sidebar.massmo-sidebar--collapsed .nav__icon {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  margin: 0 !important;
}

.massmo-sidebar.massmo-sidebar--collapsed .massmo-nav-separator {
  width: 48px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* кнопка сворачивания */
.massmo-sidebar-toggle {
  position: absolute !important;
  top: 42px !important;
  right: -18px !important;
  z-index: 5000 !important;

  width: 36px !important;
  height: 36px !important;

  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;

  background: #181b1c !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  color: #9ca3af !important;

  cursor: pointer !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.35) !important;
}

.massmo-sidebar-toggle:hover {
  color: #fff !important;
  background: #202425 !important;
}

.massmo-sidebar-toggle svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}

.massmo-sidebar.massmo-sidebar--collapsed .massmo-sidebar-toggle {
  transform: rotate(180deg) !important;
}

/* ===== MASSMO SIDEBAR SIZE BALANCE FINAL ===== */

/* ОБЩИЙ ЛЕЙАУТ */
.app {
  display: flex !important;
  width: 100% !important;
  height: 100vh !important;
  overflow: hidden !important;
}

/* =========================
   РАСКРЫТОЕ МЕНЮ
   ========================= */

.massmo-sidebar {
  flex: 0 0 256px !important;
  width: 256px !important;
  min-width: 256px !important;
  max-width: 256px !important;

  padding: 36px 24px !important;
  overflow: visible !important;

  background: #111415 !important;
  border-right: 1px solid rgba(255,255,255,.04) !important;

  transition:
    flex-basis .18s ease,
    width .18s ease,
    min-width .18s ease,
    max-width .18s ease,
    padding .18s ease !important;
}

.main {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-left: 0 !important;
}

/* логотип раскрытый */
.massmo-sidebar:not(.massmo-sidebar--collapsed) .massmo-logo {
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.5px !important;

  width: auto !important;
  height: auto !important;

  background: transparent !important;
  color: #fff !important;

  display: block !important;
  margin: 0 0 54px 0 !important;
}

.massmo-sidebar:not(.massmo-sidebar--collapsed) .massmo-logo::before {
  content: none !important;
}

/* список раскрытый */
.massmo-sidebar:not(.massmo-sidebar--collapsed) .massmo-nav {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 16px !important;
  margin-top: 0 !important;
}

/* кнопки раскрытые */
.massmo-sidebar:not(.massmo-sidebar--collapsed) .nav {
  width: 100% !important;
  height: 58px !important;

  padding: 0 18px !important;
  gap: 14px !important;

  justify-content: flex-start !important;
  align-items: center !important;

  border-radius: 16px !important;
}

.massmo-sidebar:not(.massmo-sidebar--collapsed) .nav__label {
  display: inline !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.massmo-sidebar:not(.massmo-sidebar--collapsed) .nav__icon {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  flex: 0 0 22px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: transparent !important;
  border: 0 !important;
}

.massmo-sidebar:not(.massmo-sidebar--collapsed) .nav__icon svg {
  width: 21px !important;
  height: 21px !important;
}

/* =========================
   СВЕРНУТОЕ МЕНЮ
   ========================= */

.massmo-sidebar.massmo-sidebar--collapsed {
  flex: 0 0 76px !important;
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;

  padding: 36px 14px !important;
}

/* логотип свернутый */
.massmo-sidebar.massmo-sidebar--collapsed .massmo-logo {
  font-size: 0 !important;

  width: 48px !important;
  height: 48px !important;

  border-radius: 16px !important;
  background: #2f68ee !important;

  display: grid !important;
  place-items: center !important;

  margin: 0 auto 64px auto !important;
}

.massmo-sidebar.massmo-sidebar--collapsed .massmo-logo::before {
  content: "T" !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  color: #fff !important;
}

/* список свернутый */
.massmo-sidebar.massmo-sidebar--collapsed .massmo-nav {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 18px !important;
  margin-top: 0 !important;
}

/* кнопки свернутые */
.massmo-sidebar.massmo-sidebar--collapsed .nav {
  width: 48px !important;
  height: 48px !important;

  padding: 0 !important;
  gap: 0 !important;

  justify-content: center !important;
  align-items: center !important;

  border-radius: 15px !important;
}

.massmo-sidebar.massmo-sidebar--collapsed .nav__label {
  display: none !important;
}

.massmo-sidebar.massmo-sidebar--collapsed .nav__icon {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  flex: 0 0 22px !important;

  margin: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: transparent !important;
  border: 0 !important;
}

.massmo-sidebar.massmo-sidebar--collapsed .nav__icon svg {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
}

/* активная кнопка в обоих состояниях */
.massmo-sidebar .nav.active {
  background: #2f68ee !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.55) !important;
  box-shadow: 0 12px 28px rgba(47,104,238,.22) !important;
}

/* разделитель */
.massmo-nav-separator {
  height: 1px !important;
  background: rgba(255,255,255,.08) !important;
  margin: 18px 16px !important;
}

.massmo-sidebar.massmo-sidebar--collapsed .massmo-nav-separator {
  width: 48px !important;
  margin: 18px auto !important;
}

/* кнопка свернуть/развернуть */
.massmo-sidebar-toggle {
  position: absolute !important;
  top: 42px !important;
  right: -18px !important;
  z-index: 5000 !important;

  width: 36px !important;
  height: 36px !important;
  border-radius: 999px !important;

  display: grid !important;
  place-items: center !important;

  background: #181b1c !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  color: #9ca3af !important;

  cursor: pointer !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.35) !important;
}

.massmo-sidebar-toggle svg {
  width: 18px !important;
  height: 18px !important;
}

.massmo-sidebar.massmo-sidebar--collapsed .massmo-sidebar-toggle {
  transform: rotate(180deg) !important;
}

/* ===== LOGO CENTER + COLLAPSE BUTTON FIX ===== */

/* раскрыто: TEZERCASH по центру */
.massmo-sidebar:not(.massmo-sidebar--collapsed) .massmo-logo {
  text-align: center !important;
  width: 100% !important;
  margin: 0 auto 54px auto !important;
  padding-right: 0 !important;
}

/* раскрыто: кнопка справа, не мешает логотипу */
.massmo-sidebar:not(.massmo-sidebar--collapsed) .massmo-sidebar-toggle {
  top: 42px !important;
  right: -18px !important;
  left: auto !important;
}

/* свернуто: логотип T ниже кнопки, чтобы не перекрывались */
.massmo-sidebar.massmo-sidebar--collapsed .massmo-logo {
  margin: 18px auto 54px auto !important;
  position: relative !important;
  z-index: 1 !important;
}

/* свернуто: кнопка раскрытия отдельно сверху справа */
.massmo-sidebar.massmo-sidebar--collapsed .massmo-sidebar-toggle {
  top: 54px !important;
  right: -18px !important;
  left: auto !important;
  transform: rotate(180deg) !important;
  z-index: 20 !important;
}

/* чуть опускаем меню в свернутом виде, чтобы T не слипалась с первой иконкой */
.massmo-sidebar.massmo-sidebar--collapsed .massmo-nav {
  margin-top: 10px !important;
}

/* ===== SIDEBAR TOGGLE VISIBLE FIX ===== */

.massmo-sidebar {
  position: relative !important;
  overflow: visible !important;
}

.massmo-sidebar-toggle,
#sidebar-collapse {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;

  position: absolute !important;
  top: 44px !important;
  right: -18px !important;
  left: auto !important;

  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;

  z-index: 999999 !important;

  border-radius: 999px !important;
  background: #181b1c !important;
  border: 1px solid rgba(255,255,255,.45) !important;
  color: #9ca3af !important;

  place-items: center !important;
  cursor: pointer !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.45) !important;
}

.massmo-sidebar-toggle svg,
#sidebar-collapse svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
}

/* в свернутом виде кнопку ставим ниже T, чтобы не перекрывала */
.massmo-sidebar.massmo-sidebar--collapsed .massmo-sidebar-toggle,
.massmo-sidebar.massmo-sidebar--collapsed #sidebar-collapse {
  top: 92px !important;
  right: -18px !important;
  transform: rotate(180deg) !important;
}

/* T в свернутом виде */
.massmo-sidebar.massmo-sidebar--collapsed .massmo-logo {
  margin: 0 auto 64px auto !important;
  position: relative !important;
  z-index: 1 !important;
}

/* ===== COLLAPSED LOGO WITHOUT BLUE BG ===== */

.massmo-sidebar.massmo-sidebar--collapsed .massmo-logo {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  width: 48px !important;
  height: 48px !important;

  display: grid !important;
  place-items: center !important;

  margin: 0 auto 64px auto !important;
}

.massmo-sidebar.massmo-sidebar--collapsed .massmo-logo::before {
  content: "T" !important;
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

/* ===== TOPBAR TEXT SIZE BALANCE ===== */

.massmo-topbar {
  height: 82px !important;
  min-height: 82px !important;
  padding: 0 28px !important;
  border-radius: 0 0 18px 18px !important;
}

.massmo-topbar__left,
.massmo-topbar__right {
  gap: 12px !important;
}

/* плашки "Токен 1" и "Смена не начата" */
.massmo-pill {
  height: 42px !important;
  padding: 0 20px !important;
  gap: 10px !important;
  border-radius: 999px !important;

  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.massmo-dot {
  width: 12px !important;
  height: 12px !important;
}

.massmo-clock {
  font-size: 17px !important;
}

/* правые подписи "Скрыть поиск" / "Отошел" */
.massmo-top-switch {
  font-size: 12px !important;
  font-weight: 700 !important;
  gap: 6px !important;
}

.massmo-top-switch__ui {
  width: 38px !important;
  height: 21px !important;
}

.massmo-top-switch__ui::before {
  width: 15px !important;
  height: 15px !important;
  left: 3px !important;
}

.massmo-top-switch input:checked + .massmo-top-switch__ui::before {
  left: 19px !important;
}

/* аватар */
.massmo-avatar {
  width: 42px !important;
  height: 42px !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

/* кнопка выйти */
.massmo-exit-btn {
  height: 42px !important;
  padding: 0 20px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

/* если есть кнопка завершить смену */
.massmo-finish-btn {
  height: 30px !important;
  padding: 0 14px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

/* ===== ALL PANEL FIELDS SAME DARK COLOR ===== */

:root {
  --field-bg: #0b0d0e;
  --field-border: rgba(255, 255, 255, 0.06);
  --field-border-focus: rgba(47, 104, 238, 0.45);
  --field-text: #e5e7eb;
  --field-placeholder: #7b8490;
  --field-label: #8b95a1;
}

/* все input / select / textarea */
.input,
.field__input,
.dispute-input,
.bank-search-input,
.bank-searchbox__input,
.payout-search-field input,
input[type="text"],
input[type="number"],
input[type="password"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="search"],
input[inputmode],
select,
textarea {
  background: var(--field-bg) !important;
  border: 1px solid var(--field-border) !important;
  color: var(--field-text) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  outline: none !important;
}

/* placeholder */
.input::placeholder,
.field__input::placeholder,
.dispute-input::placeholder,
.bank-search-input::placeholder,
.bank-searchbox__input::placeholder,
.payout-search-field input::placeholder,
input::placeholder,
textarea::placeholder {
  color: var(--field-placeholder) !important;
  opacity: 1 !important;
}

/* focus */
.input:focus,
.field__input:focus,
.dispute-input:focus,
.bank-search-input:focus,
.bank-searchbox__input:focus,
.payout-search-field input:focus,
input:focus,
select:focus,
textarea:focus {
  border-color: var(--field-border-focus) !important;
  background: var(--field-bg) !important;
  filter: none !important;
}

/* подписи над полями */
.field__label,
.payout-search-field span,
label > span {
  color: var(--field-label) !important;
}

/* dropdown / кастомные поля */
.dropdown-trigger,
.custom-dropdown__trigger,
.custom-dropdown,
.bank-searchbox {
  background: var(--field-bg) !important;
  border-color: var(--field-border) !important;
  color: var(--field-text) !important;
}

/* disabled */
.input:disabled,
.field__input:disabled,
input:disabled,
select:disabled,
textarea:disabled {
  background: #090a0b !important;
  color: #6b7280 !important;
  opacity: 0.75 !important;
}

/* ===== EMPTY TOKEN CARD COLOR FIX ===== */

.shift-empty-state {
  background: transparent !important;
}

.shift-empty-card {
  background: #151718 !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.35) !important;
}

.shift-empty-title {
  color: #ffffff !important;
  font-weight: 900 !important;
}

.shift-empty-text {
  color: #9ca3af !important;
}

.shift-empty-btn,
#go-settings-btn {
  background: #2f68ee !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 25px rgba(47,104,238,.24) !important;
}

.shift-empty-btn:hover,
#go-settings-btn:hover {
  filter: brightness(1.08) !important;
}

/* ===== NO TOKENS WINDOW DARKER ===== */

#shift-no-profile .shift-empty-card {
  background: #08090a !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.45) !important;
}

#shift-no-profile .shift-empty-title {
  color: #ffffff !important;
}

#shift-no-profile .shift-empty-text {
  color: #8b95a1 !important;
}

#shift-no-profile .shift-empty-btn,
#shift-no-profile #go-settings-btn {
  background: #2f68ee !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}

/* ===== DISPUTE COMMENT TEMPLATES ===== */

.dispute-templates {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.dispute-templates[hidden] {
  display: none !important;
}

.dispute-template-btn {
  min-height: 38px;
  padding: 9px 12px;

  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;

  background: #0b0d0e;
  color: #d1d5db;

  font-size: 12px;
  font-weight: 800;
  text-align: left;

  cursor: pointer;
  transition: .15s ease;
}

.dispute-template-btn:hover {
  background: #111827;
  color: #fff;
  border-color: rgba(47,104,238,.45);
}

.dispute-template-btn.active {
  background: rgba(47,104,238,.18);
  color: #fff;
  border-color: rgba(47,104,238,.65);
}

/* ===== DISPUTE COMMENT HINT ===== */

.dispute-comment-hint {
  margin-top: 7px;
  color: #7f8a96;
  font-size: 12px;
  font-weight: 700;
}

.dispute-comment-hint b {
  color: #cbd5e1;
}

/* ===== DISPUTE FREEZE ACTIONS ===== */

.dispute-freeze-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: -4px;
  margin-bottom: 10px;
}

.dispute-freeze-actions[hidden] {
  display: none !important;
}

.dispute-freeze-btn {
  height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.08);
  background: #0b0d0e;
  color: #d1d5db;
  font-size: 14px;
  font-weight: 900;
  cursor: pointer;
  transition: .15s ease;
}

.dispute-freeze-btn:hover {
  background: #111827;
  color: #fff;
  border-color: rgba(47,104,238,.45);
}

.dispute-freeze-btn.active {
  background: rgba(47,104,238,.2);
  color: #fff;
  border-color: rgba(47,104,238,.75);
}

/* ===== FREEZE STATUS BADGE ===== */

.freeze-status-badge {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.freeze-status-badge--yes {
  background: rgba(34,197,94,.14);
  border: 1px solid rgba(34,197,94,.35);
  color: #22c55e;
}

.freeze-status-badge--no {
  background: rgba(239,68,68,.14);
  border: 1px solid rgba(239,68,68,.35);
  color: #ef4444;
}

/* ===== DISPUTES NEW BOARD VIEW ===== */

#disputes-table-wrap {
  display: none !important;
}

.disputes-board {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 16px;
  margin-top: 18px;
}

.dispute-board-card {
  background: #151718;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 14px 34px rgba(0,0,0,.22);
  position: relative;
  overflow: hidden;
}

.dispute-board-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 18px;
  bottom: 18px;
  width: 4px;
  border-radius: 999px;
  background: #64748b;
}

.dispute-board-card--freeze::before {
  background: #3b82f6;
}

.dispute-board-card--error::before {
  background: #ef4444;
}

.dispute-board-card--other,
.dispute-board-card--other_expense {
  background: #151718;
}

.dispute-board-card--other::before,
.dispute-board-card--other_expense::before {
  background: #f59e0b;
}

.dispute-board-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.dispute-board-card__id {
  color: #fff;
  font-size: 15px;
  font-weight: 950;
}

.dispute-board-card__status {
  display: inline-flex;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(34,197,94,.14);
  color: #22c55e;
  font-size: 12px;
  font-weight: 900;
  border: 1px solid rgba(34,197,94,.24);
}

.dispute-board-card__amount {
  color: #fbbf24;
  font-size: 30px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -0.8px;
  margin-bottom: 12px;
}

.dispute-board-card__reason {
  margin-bottom: 14px;
}

.dispute-board-card__grid {
  display: grid;
  gap: 10px;
}

.dispute-board-card__row {
  display: grid;
  grid-template-columns: 105px 1fr;
  gap: 10px;
  align-items: start;
}

.dispute-board-card__label {
  color: #7f8a96;
  font-size: 12px;
  font-weight: 800;
}

.dispute-board-card__value {
  color: #e5e7eb;
  font-size: 13px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.dispute-board-card__comment {
  color: #f3f4f6;
  line-height: 1.45;
}

.dispute-board-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;

  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.06);
}

.dispute-board-card__operator {
  color: #9ca3af;
  font-size: 13px;
  font-weight: 800;
}

.dispute-board-card__operator b {
  color: #fff;
}

.freeze-status-badge {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.freeze-status-badge--yes {
  background: rgba(34,197,94,.14);
  border: 1px solid rgba(34,197,94,.35);
  color: #22c55e;
}

.freeze-status-badge--no {
  background: rgba(239,68,68,.14);
  border: 1px solid rgba(239,68,68,.35);
  color: #ef4444;
}

@media (max-width: 700px) {
  .disputes-board {
    grid-template-columns: 1fr;
  }
}

/* ===== DISPUTE CARDS SMALLER ===== */

.disputes-board {
  grid-template-columns: repeat(auto-fill, minmax(300px, 360px)) !important;
  gap: 12px !important;
  margin-top: 14px !important;
}

.dispute-board-card {
  max-width: 360px !important;
  min-height: auto !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
}

.dispute-board-card::before {
  top: 14px !important;
  bottom: 14px !important;
  width: 3px !important;
}

.dispute-board-card__top {
  margin-bottom: 10px !important;
}

.dispute-board-card__id {
  font-size: 14px !important;
}

.dispute-board-card__status {
  height: 24px !important;
  padding: 0 9px !important;
  font-size: 11px !important;
}

.dispute-board-card__amount {
  font-size: 24px !important;
  margin-bottom: 10px !important;
}

.dispute-board-card__reason {
  margin-bottom: 10px !important;
}

.dispute-board-card__grid {
  gap: 7px !important;
}

.dispute-board-card__row {
  grid-template-columns: 92px 1fr !important;
  gap: 8px !important;
}

.dispute-board-card__label {
  font-size: 11px !important;
}

.dispute-board-card__value {
  font-size: 12px !important;
}

.dispute-board-card__footer {
  margin-top: 12px !important;
  padding-top: 11px !important;
}

.dispute-board-card__operator {
  font-size: 12px !important;
}

.freeze-status-badge {
  height: 24px !important;
  padding: 0 9px !important;
  font-size: 11px !important;
}

.dispute-board-card .icon-btn {
  width: 34px !important;
  height: 34px !important;
}

/* ===== DISPUTES COLORS FIX ===== */

/* Прочие расходы — фиолетовый */
.dispute-board-card--other_expense::before {
  background: #8b5cf6 !important;
}

.dispute-board-card--other_expense .dispute-reason-badge {
  background: rgba(139, 92, 246, .14) !important;
  border-color: rgba(139, 92, 246, .38) !important;
  color: #a78bfa !important;
}

/* Другое оставляем оранжевым */
.dispute-board-card--other::before {
  background: #f59e0b !important;
}

.dispute-board-card--other .dispute-reason-badge {
  background: rgba(245, 158, 11, .14) !important;
  border-color: rgba(245, 158, 11, .38) !important;
  color: #fbbf24 !important;
}

/* Ошибка — красный */
.dispute-board-card--error::before {
  background: #ef4444 !important;
}

/* Под заморозку — синий */
.dispute-board-card--freeze::before {
  background: #3b82f6 !important;
}

/* ===== DISPUTES COLORS FIX ===== */

/* Прочие расходы — фиолетовый */
.dispute-board-card--other_expense::before {
  background: #8b5cf6 !important;
}

.dispute-board-card--other_expense .dispute-reason-badge {
  background: rgba(139, 92, 246, .14) !important;
  border-color: rgba(139, 92, 246, .38) !important;
  color: #a78bfa !important;
}

/* Другое — оранжевый */
.dispute-board-card--other::before {
  background: #f59e0b !important;
}

.dispute-board-card--other .dispute-reason-badge {
  background: rgba(245, 158, 11, .14) !important;
  border-color: rgba(245, 158, 11, .38) !important;
  color: #fbbf24 !important;
}

/* Ошибка — красный */
.dispute-board-card--error::before {
  background: #ef4444 !important;
}

/* Под заморозку — синий */
.dispute-board-card--freeze::before {
  background: #3b82f6 !important;
}

.dispute-board-card__actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.dispute-board-card__actions .icon-btn {
  width: 34px !important;
  height: 34px !important;
}

/* ===== DISPUTES ULTRA COMPACT VIEW ===== */

.disputes-board {
  grid-template-columns: repeat(auto-fill, minmax(260px, 300px)) !important;
  gap: 10px !important;
  margin-top: 12px !important;
}

.dispute-board-card {
  width: 300px !important;
  max-width: 300px !important;
  min-height: 0 !important;
  padding: 12px 13px !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
}

.dispute-board-card::before {
  top: 12px !important;
  bottom: 12px !important;
  width: 3px !important;
}

.dispute-board-card__top {
  margin-bottom: 8px !important;
}

.dispute-board-card__id {
  font-size: 13px !important;
  line-height: 1 !important;
}

.dispute-board-card__status {
  height: 22px !important;
  padding: 0 8px !important;
  font-size: 10px !important;
}

.dispute-board-card__amount {
  font-size: 22px !important;
  line-height: 1 !important;
  margin-bottom: 8px !important;
}

.dispute-board-card__reason {
  margin-bottom: 8px !important;
}

.dispute-board-card .dispute-reason-badge {
  height: 24px !important;
  padding: 0 9px !important;
  font-size: 11px !important;
}

.dispute-board-card__grid {
  gap: 5px !important;
}

.dispute-board-card__row {
  grid-template-columns: 78px 1fr !important;
  gap: 7px !important;
}

.dispute-board-card__label {
  font-size: 10px !important;
  line-height: 1.2 !important;
}

.dispute-board-card__value {
  font-size: 11px !important;
  line-height: 1.25 !important;
}

.dispute-board-card__comment {
  max-height: 32px !important;
  overflow: hidden !important;
}

.dispute-board-card__footer {
  margin-top: 9px !important;
  padding-top: 9px !important;
}

.dispute-board-card__operator {
  font-size: 11px !important;
}

.dispute-board-card__actions {
  gap: 6px !important;
}

.dispute-board-card__actions .icon-btn,
.dispute-board-card .icon-btn {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
}

.freeze-status-badge {
  height: 23px !important;
  padding: 0 8px !important;
  font-size: 10px !important;
}

/* ===== DISPUTES: OPERATOR + BUTTONS ALWAYS AT BOTTOM ===== */

.dispute-board-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.dispute-board-card__grid {
  flex: 1 1 auto !important;
  align-content: start !important;
}

.dispute-board-card__footer {
  margin-top: auto !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.dispute-board-card__operator {
  display: flex !important;
  align-items: center !important;
  min-height: 30px !important;
}

.dispute-board-card__actions {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: auto !important;
}

.disputes-board {
  align-items: stretch !important;
}

.dispute-board-card {
  min-height: 260px !important;
}

/* ===== Dispute cards: long comment fix ===== */

.dispute-board-card,
.dispute-card {
  min-height: 210px;
}

.dispute-board-card__comment,
.dispute-card__comment,
.dispute-comment,
[data-dispute-comment] {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-height: 1.25 !important;

  max-height: 58px !important;
  overflow-y: auto !important;

  padding-right: 4px;
}

/* если комментарий лежит внутри обычной meta-строки */
.dispute-board-card .dispute-board-card__meta,
.dispute-card .dispute-card__meta {
  min-width: 0;
}

.dispute-board-card .dispute-board-card__meta-value,
.dispute-card .dispute-card__meta-value {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* красивый маленький скролл у длинного комментария */
.dispute-board-card__comment::-webkit-scrollbar,
.dispute-card__comment::-webkit-scrollbar,
.dispute-comment::-webkit-scrollbar,
[data-dispute-comment]::-webkit-scrollbar {
  width: 4px;
}

.dispute-board-card__comment::-webkit-scrollbar-thumb,
.dispute-card__comment::-webkit-scrollbar-thumb,
.dispute-comment::-webkit-scrollbar-thumb,
[data-dispute-comment]::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.35);
  border-radius: 999px;
}

/* ===== Payouts compact columns ===== */
.table--payouts {
  min-width: 900px; /* было 1100px */
}

.table--payouts th:nth-child(1),
.table--payouts td:nth-child(1) {
  width: 54px;
  min-width: 54px;
  max-width: 54px;
  padding-left: 6px;
  padding-right: 4px;
}

.table--payouts th:nth-child(2),
.table--payouts td:nth-child(2) {
  width: 78px;
  min-width: 78px;
  max-width: 78px;
  padding-left: 4px;
  padding-right: 4px;
}

.token-open-btn {
  margin-right: 0;
}

.amount-badge {
  padding-left: 10px;
  padding-right: 10px;
}

.salary-report-btn {
  padding: 6px 10px;
  font-size: 12px;
  border-radius: 8px;
  white-space: nowrap;
}

.spread-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(168, 85, 247, .16);
  border: 1px solid rgba(168, 85, 247, .30);
  color: #C4B5FD;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

.profit-rub-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(34, 197, 94, .14);
  border: 1px solid rgba(34, 197, 94, .28);
  color: #86EFAC;
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

/* ===== Profile 2 / Token 13 salary calc ===== */

.salary-profile2-calc {
  margin: 10px 0;
  padding: 10px;
  border-radius: 14px;
  background: rgba(34, 197, 94, .07);
  border: 1px solid rgba(34, 197, 94, .18);
}

.salary-profile2-calc__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

.salary-profile2-calc__title {
  color: #86EFAC;
  font-size: 12px;
  font-weight: 900;
}

.salary-profile2-calc__sub {
  margin-top: 2px;
  color: #64748B;
  font-size: 10px;
  font-weight: 700;
}

.salary-profile2-calc__final {
  color: #22C55E;
  font-size: 17px;
  font-weight: 900;
  white-space: nowrap;
}

.salary-profile2-calc__rows {
  display: grid;
  gap: 6px;
}

.salary-profile2-calc__row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 6px 8px;
  border-radius: 10px;
  background: rgba(0, 0, 0, .24);
  color: #94A3B8;
  font-size: 11px;
}

.salary-profile2-calc__row b {
  color: #E5E7EB;
  font-size: 11px;
  font-weight: 900;
  text-align: right;
  white-space: nowrap;
}

.salary-profile2-calc__row--final {
  background: rgba(0, 0, 0, .24);
  border: none;
}

.salary-profile2-calc__row--final b {
  color: #E5E7EB;
}

.salary-profile2-calc__note {
  margin-top: 7px;
  color: #94A3B8;
  font-size: 10px;
  line-height: 1.35;
}

/* ===== Бот заявок / Telegram-чаты ===== */
.payout-target-chat-form {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 10px;
  align-items: end;
}

@media (max-width: 900px) {
  .payout-target-chat-form {
    grid-template-columns: 1fr;
  }
}

.payout-receipt-toast-wrap {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 99999;

  display: grid;
  gap: 10px;
  width: min(360px, calc(100vw - 36px));
}

.payout-receipt-toast {
  background: #111827;
  border: 1px solid rgba(96, 165, 250, .45);
  border-radius: 14px;
  padding: 14px 16px;
  color: #e5e7eb;
  box-shadow: 0 18px 45px rgba(0,0,0,.45);

  animation: payoutReceiptToastIn .18s ease;
}

.payout-receipt-toast.hide {
  opacity: 0;
  transform: translateY(8px);
  transition: .25s ease;
}

.payout-receipt-toast__title {
  font-size: 14px;
  font-weight: 800;
  margin-bottom: 8px;
}

.payout-receipt-toast__text {
  font-size: 13px;
  line-height: 1.45;
  color: #cbd5e1;
}

@keyframes payoutReceiptToastIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===== Заявка отправлена в чат ===== */

.chat-linked-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;

  height: 28px;
  padding: 0 9px;
  border-radius: 9px;

  background: rgba(96, 165, 250, .14);
  border: 1px solid rgba(96, 165, 250, .35);
  color: #93c5fd;

  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.row-sent-to-chat td {
  background: rgba(59, 130, 246, .045);
}

.row-sent-to-chat td:first-child {
  box-shadow: inset 3px 0 0 rgba(96, 165, 250, .8);
}

/* ===== Telegram buy request to panel ===== */

.payout-buy-toast-wrap {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 999999;

  display: grid;
  gap: 10px;
  width: min(390px, calc(100vw - 36px));
}

.payout-buy-toast {
  background: #111827;
  border: 1px solid rgba(96, 165, 250, .45);
  border-radius: 14px;
  padding: 14px 16px;
  color: #e5e7eb;
  box-shadow: 0 18px 45px rgba(0,0,0,.45);
  animation: payoutBuyToastIn .18s ease;
}

.payout-buy-toast__title {
  font-size: 14px;
  font-weight: 800;
  margin-bottom: 8px;
}

.payout-buy-toast__text {
  display: grid;
  gap: 4px;
  font-size: 13px;
  line-height: 1.45;
  color: #cbd5e1;
}

.payout-buy-toast__actions {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}

.payout-buy-toast__actions .btn {
  flex: 1;
}

.payout-buy-toast__result {
  margin-top: 12px;
  padding: 9px 10px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 800;
}

.payout-buy-toast__result--ok {
  background: rgba(34,197,94,.12);
  border: 1px solid rgba(34,197,94,.35);
  color: #86efac;
}

.payout-buy-toast__result--bad {
  background: rgba(239,68,68,.12);
  border: 1px solid rgba(239,68,68,.35);
  color: #fca5a5;
}

@keyframes payoutBuyToastIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===== Payout inner tabs / requests ===== */

.payout-inner-tabs {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 0 16px;
}

.payout-inner-tab {
  position: relative;
  height: 38px;
  padding: 0 16px;
  border-radius: 999px;

  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: #cbd5e1;

  font-size: 13px;
  font-weight: 700;
  cursor: pointer;

  display: inline-flex;
  align-items: center;
  gap: 8px;

  transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.payout-inner-tab:hover {
  background: rgba(255,255,255,.07);
  color: #fff;
}

.payout-inner-tab.active {
  background: rgba(37,99,235,.16);
  border-color: rgba(96,165,250,.45);
  color: #fff;
}

.payout-requests-badge {
  min-width: 22px;
  height: 22px;
  padding: 0 7px;
  border-radius: 999px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: #ef4444;
  color: #fff;

  font-size: 12px;
  font-weight: 900;
  line-height: 1;

  box-shadow: 0 0 0 3px rgba(239,68,68,.18);
}

.payout-requests-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;

  margin: 12px 0 14px;
}

.payout-requests-sub {
  margin-top: 4px;
  color: #8b93a7;
  font-size: 12px;
}

.payout-requests-table {
  min-width: 860px;
}

.payout-request-operator {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.payout-request-operator span {
  color: #8b93a7;
  font-size: 12px;
}

.mini-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 4px 8px;
  border-radius: 999px;

  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  color: #e5e7eb;

  font-size: 12px;
  font-weight: 700;
}

.btn-sm {
  padding: 7px 10px;
  font-size: 12px;
  border-radius: 9px;
}

.empty-state {
  padding: 18px;
  border-radius: 14px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.06);
  color: #8b93a7;
  font-size: 13px;
  margin-bottom: 12px;
}

#stat-average-spread {
  color: #22C55E;
  font-weight: 900;
}

#stat-average-spread-meta {
  margin-top: 8px;
  font-size: 10px;
  color: #64748B;
  line-height: 1.35;
}

/* ===== FIX stats cards width ===== */

#stats-section .modern-summary-grid,
#stats-section .stats-grid {
  display: flex !important;
  align-items: stretch;
  gap: 12px !important;
  flex-wrap: wrap;
}

#stats-section .modern-summary-card,
#stats-section .summary-card {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  flex: 0 0 150px !important;
}

#stats-section .modern-summary-card--balance,
#stats-section .summary-card:has(#stat-balance) {
  width: 170px !important;
  min-width: 170px !important;
  max-width: 170px !important;
  flex: 0 0 170px !important;
}

#stats-section .summary-card:has(#stat-average-spread) {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
  flex: 0 0 180px !important;
}

#stat-average-spread-meta {
  white-space: normal;
  line-height: 1.35;
}

/* ===== FIX stats cards layout ===== */

#stats-section .stats-grid,
#stats-section .modern-summary-grid {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

/* обычные карточки */
#stats-section .summary-card,
#stats-section .modern-summary-card {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  flex: 0 0 150px !important;
}

/* баланс чуть шире */
#stats-section .summary-card:has(#stat-balance),
#stats-section .modern-summary-card:has(#stat-balance) {
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;
  flex: 0 0 190px !important;
}

/* карточки токенов — переносим на новую строку */
#stats-groups-summary {
  flex-basis: 100% !important;
  width: 100% !important;
  margin-top: 4px !important;
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

/* сами карточки токенов компактные */
#stats-groups-summary .salary-profit-board,
#stats-groups-summary .summary-card,
#stats-groups-summary > * {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  flex: 0 0 150px !important;
}

/* чтобы кнопка Изменить в балансе не вылезала */
#stats-section .modern-balance-row,
#stats-section .summary-card:has(#stat-balance) {
  overflow: visible !important;
}

#edit-balance-btn {
  padding: 6px 10px !important;
  min-width: auto !important;
  white-space: nowrap !important;
}

/* ===== FIX stats cards same height ===== */

#stats-section .stats-grid,
#stats-section .modern-summary-grid {
  align-items: stretch !important;
}

#stats-section .summary-card,
#stats-section .modern-summary-card {
  height: 112px !important;
  min-height: 112px !important;
  max-height: 112px !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

/* баланс тоже такой же высоты */
#stats-section .summary-card:has(#stat-balance),
#stats-section .modern-summary-card:has(#stat-balance) {
  height: 112px !important;
  min-height: 112px !important;
  max-height: 112px !important;
}

/* чтобы текст внутри баланса не растягивал карточку */
#stat-balance-meta {
  margin-top: 10px !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
  max-height: 28px !important;
  overflow: hidden !important;
}

/* кнопка Изменить ровно справа */
#stats-section .modern-balance-row,
#stats-section .summary-card:has(#stat-balance) .modern-balance-row {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* карточки токенов тоже одинаковые */
#stats-groups-summary > * {
  height: 92px !important;
  min-height: 92px !important;
  max-height: 92px !important;
}

/* ===== STATS cards taller ===== */

#stats-section .summary-card,
#stats-section .modern-summary-card {
  height: 140px !important;
  min-height: 140px !important;
  max-height: 140px !important;
  padding: 18px 16px !important;
}

#stats-section .summary-card:has(#stat-balance),
#stats-section .modern-summary-card:has(#stat-balance) {
  height: 140px !important;
  min-height: 140px !important;
  max-height: 140px !important;
}

/* карточки токенов ниже */
#stats-groups-summary > * {
  height: 115px !important;
  min-height: 115px !important;
  max-height: 115px !important;
  padding: 18px 16px !important;
}

/* чуть больше воздуха внутри */
#stats-section .summary-label,
#stats-section .modern-summary-label {
  margin-bottom: 10px !important;
}

#stats-section .summary-value,
#stats-section .modern-summary-value {
  margin-top: 8px !important;
}

#stat-balance-meta,
#stat-average-spread-meta {
  margin-top: 14px !important;
  max-height: none !important;
  overflow: visible !important;
}

/* ===== STATS balance wider + spread white ===== */

/* карточка Баланс шире */
#stats-section .summary-card:has(#stat-balance),
#stats-section .modern-summary-card:has(#stat-balance) {
  width: 230px !important;
  min-width: 230px !important;
  max-width: 230px !important;
  flex: 0 0 230px !important;
}

/* чтобы значение и кнопка нормально помещались */
#stats-section .summary-card:has(#stat-balance) .modern-balance-row,
#stats-section .modern-summary-card:has(#stat-balance) .modern-balance-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

/* средний спред в верхней карточке белым */
#stat-average-spread {
  color: #ffffff !important;
}

/* спред в таблице статистики тоже белым */
.spread-badge {
  color: #ffffff !important;
}

/* ===== STATS cards even taller ===== */

#stats-section .summary-card,
#stats-section .modern-summary-card,
#stats-section .summary-card:has(#stat-balance),
#stats-section .modern-summary-card:has(#stat-balance) {
  height: 165px !important;
  min-height: 165px !important;
  max-height: 165px !important;
  padding: 22px 18px !important;
}

/* карточки токенов тоже выше */
#stats-groups-summary > * {
  height: 135px !important;
  min-height: 135px !important;
  max-height: 135px !important;
  padding: 22px 18px !important;
}

/* больше воздуха между текстом */
#stats-section .summary-label,
#stats-section .modern-summary-label {
  margin-bottom: 14px !important;
}

#stats-section .summary-value,
#stats-section .modern-summary-value {
  margin-top: 10px !important;
}

#stat-balance-meta,
#stat-average-spread-meta {
  margin-top: 18px !important;
  line-height: 1.45 !important;
}

.bybit-release {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 10px;
}

.bybit-release-btn {
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: #E5E7EB;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  transition: .16s ease;
}

.bybit-release-btn:hover {
  background: rgba(255,255,255,.08);
  transform: translateY(-1px);
}

.bybit-release-btn.active[data-bybit-release="released"] {
  background: rgba(34,197,94,.16);
  border-color: rgba(34,197,94,.45);
  color: #86efac;
}

.bybit-release-btn.active[data-bybit-release="not_released"] {
  background: rgba(239,68,68,.16);
  border-color: rgba(239,68,68,.45);
  color: #fca5a5;
}

.bybit-person-list {
  margin-top: 12px;
  padding: 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
}

.bybit-person-list__title {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 800;
  color: #9CA3AF;
}

.bybit-person-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 36px;
  margin: 0 8px 8px 0;
  padding: 8px 12px;

  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
  color: #E5E7EB;

  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.bybit-person-btn:hover {
  background: rgba(255,255,255,.09);
}

.bybit-person-btn.active {
  background: rgba(239,68,68,.16);
  border-color: rgba(239,68,68,.45);
  color: #fca5a5;
}

.not-released-people-add {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  margin-bottom: 12px;
}

.not-released-people-list {
  display: grid;
  gap: 8px;
}

.not-released-person-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  padding: 10px 12px;
  border-radius: 12px;
  background: #151515;
  border: 1px solid #212121;
}

.not-released-person-row__name {
  font-size: 13px;
  font-weight: 700;
  color: #E5E7EB;
}

.bybit-person-list {
  margin-top: 12px;
}

.not-released-memo {
  margin: 14px 0 18px;
  padding: 14px;
  border-radius: 16px;
  background: #181818;
  border: 1px solid #212121;
}

.not-released-memo__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.not-released-memo-list {
  display: grid;
  gap: 8px;
}

.not-released-memo-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  padding: 10px 12px;
  border-radius: 12px;
  background: #151515;
  border: 1px solid #212121;
}

.not-released-memo-row__name {
  font-size: 13px;
  font-weight: 800;
  color: #E5E7EB;
}

.not-released-memo-row__meta {
  margin-top: 3px;
  font-size: 12px;
  color: #9CA3AF;
}

.not-released-release-person {
  background: rgba(34,197,94,.16);
  border: 1px solid rgba(34,197,94,.35);
  color: #86efac;
}


.stats-inner-tabs {
  display: flex;
  gap: 8px;
  margin: 10px 0 16px;
  flex-wrap: wrap;
}

.stats-inner-tab {
  height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.04);
  color: #9CA3AF;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

.stats-inner-tab:hover {
  background: rgba(255,255,255,.08);
  color: #E5E7EB;
}

.stats-inner-tab.active {
  background: rgba(37,99,235,.18);
  border-color: rgba(37,99,235,.45);
  color: #fff;
}

.not-released-tab-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.not-released-memo-list {
  display: grid;
  gap: 8px;
  max-width: 760px;
}

.not-released-memo-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  padding: 12px 14px;
  border-radius: 14px;
  background: #181818;
  border: 1px solid #212121;
}

.not-released-memo-row__name {
  font-size: 14px;
  font-weight: 800;
  color: #E5E7EB;
}

.not-released-memo-row__meta {
  margin-top: 4px;
  font-size: 12px;
  color: #9CA3AF;
}

.not-released-release-person {
  background: rgba(34,197,94,.16);
  border: 1px solid rgba(34,197,94,.35);
  color: #86efac;
}

/* ===== Modern Settings Redesign ===== */

#settings-section {
  max-width: 980px;
  padding-bottom: 60px;
}

#settings-section .settings-card {
  position: relative;
  max-width: none;
  width: 100%;
  margin-bottom: 18px;
  padding: 18px;
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    #151515;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow:
    0 18px 45px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.04);
  overflow: hidden;
}

#settings-section .settings-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.13), transparent 34%),
    radial-gradient(circle at bottom left, rgba(34,197,94,.06), transparent 28%);
  opacity: .8;
}

#settings-section .settings-card > * {
  position: relative;
  z-index: 1;
}

#settings-section .section-title,
#settings-section h3.section-title {
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: -.2px;
  color: #F9FAFB;
}

#settings-section .settings-sub {
  max-width: 760px;
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 1.55;
  color: #8B95A7;
}

/* уведомления */
#settings-section .notification-card,
#settings-section .settings-card .massmo-top-switch,
#settings-section .settings-card label:has(input[type="checkbox"]) {
  border-radius: 18px;
}

/* профили */
#settings-section .profile-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0 16px;
}

#settings-section .profile-item {
  min-height: 58px;
  padding: 14px;
  border-radius: 16px;
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
  transition:
    transform .14s ease,
    background .14s ease,
    border-color .14s ease,
    box-shadow .14s ease;
}

#settings-section .profile-item:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,.045);
  border-color: rgba(37,99,235,.35);
  box-shadow:
    0 10px 24px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.04);
}

#settings-section .profile-item input {
  width: 17px;
  height: 17px;
  accent-color: #2563EB;
}

#settings-section .profile-item__name {
  font-size: 13px;
  font-weight: 800;
  color: #DDE3EE;
}

/* кнопки */
#settings-section .btn {
  height: 38px;
  padding: 0 14px;
  border-radius: 13px;
  font-weight: 900;
  font-size: 12px;
  box-shadow: 0 10px 24px rgba(37,99,235,.22);
}

#settings-section .btn:hover {
  transform: translateY(-1px);
}

#settings-section .btn-ghost {
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.09);
  color: #D1D5DB;
  box-shadow: none;
}

#settings-section .btn-ghost:hover {
  background: rgba(255,255,255,.08);
  color: #fff;
}

/* статус сохранено */
#settings-section .settings-status {
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(34,197,94,.09);
  border: 1px solid rgba(34,197,94,.16);
  color: #86EFAC;
  font-size: 11px;
  font-weight: 800;
}

/* люди для "Не отпустил" */
#settings-section .not-released-people-add {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  margin-bottom: 14px;
}

#settings-section .not-released-people-add .input {
  height: 42px;
  border-radius: 14px;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.075);
}

#settings-section .not-released-people-add .input:focus {
  border-color: rgba(37,99,235,.55);
  box-shadow: 0 0 0 4px rgba(37,99,235,.12);
}

#settings-section .not-released-people-list {
  display: grid;
  gap: 9px;
}

#settings-section .not-released-person-row {
  min-height: 48px;
  padding: 10px 12px;
  border-radius: 15px;
  background: rgba(0,0,0,.24);
  border: 1px solid rgba(255,255,255,.07);
  transition:
    background .14s ease,
    border-color .14s ease,
    transform .14s ease;
}

#settings-section .not-released-person-row:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,.045);
  border-color: rgba(255,255,255,.12);
}

#settings-section .not-released-person-row__name {
  font-size: 13px;
  font-weight: 900;
  color: #F3F4F6;
}

#settings-section [data-delete-not-released-person] {
  height: 32px;
  padding: 0 11px;
  border-radius: 999px;
  background: rgba(239,68,68,.08);
  border: 1px solid rgba(239,68,68,.18);
  color: #FCA5A5;
  box-shadow: none;
}

#settings-section [data-delete-not-released-person]:hover {
  background: rgba(239,68,68,.14);
  border-color: rgba(239,68,68,.28);
  color: #FECACA;
}

/* блок смены лимитов */
#settings-section #bulk-token-note,
#settings-section #bulk-token-presets,
#settings-section #bulk-amount-presets {
  margin-bottom: 14px;
}

#settings-section .bulk-token-presets__title,
#settings-section .bulk-token-note__title {
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 900;
  color: #F3F4F6;
}

#settings-section .bulk-token-presets__list {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

#settings-section .bulk-token-preset-btn {
  height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.09);
  color: #D1D5DB;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  transition: .14s ease;
}

#settings-section .bulk-token-preset-btn:hover {
  transform: translateY(-1px);
  background: rgba(37,99,235,.16);
  border-color: rgba(37,99,235,.32);
  color: #fff;
}

/* поля лимитов */
#settings-section .field {
  margin-bottom: 12px;
}

#settings-section .field__label {
  margin-bottom: 6px;
  font-size: 11px;
  font-weight: 800;
  color: #8B95A7;
}

#settings-section .input {
  min-height: 40px;
  border-radius: 14px;
  background: rgba(0,0,0,.32);
  border: 1px solid rgba(255,255,255,.075);
  color: #F9FAFB;
}

#settings-section .input:focus {
  border-color: rgba(37,99,235,.55);
  box-shadow: 0 0 0 4px rgba(37,99,235,.12);
}

/* переключатели */
#settings-section .switch-ui,
#settings-section .massmo-top-switch__ui {
  box-shadow: inset 0 1px 3px rgba(0,0,0,.35);
}

#settings-section .bulk-token-status {
  margin-left: 8px;
  font-size: 12px;
  color: #8B95A7;
}

/* адаптив */
@media (max-width: 900px) {
  #settings-section .profile-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  #settings-section .profile-list {
    grid-template-columns: 1fr;
  }

  #settings-section .not-released-people-add {
    grid-template-columns: 1fr;
  }
}

/* ===== Radical Settings Layout ===== */

#settings-section {
  max-width: 1180px;
  padding-bottom: 70px;
}

.settings-shell {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.settings-sidebar-card {
  position: sticky;
  top: 20px;
  padding: 18px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 20% 0%, rgba(37,99,235,.18), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02)),
    #151515;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 24px 60px rgba(0,0,0,.32);
}

.settings-sidebar-card__title {
  font-size: 22px;
  font-weight: 950;
  letter-spacing: -.5px;
  color: #F9FAFB;
}

.settings-sidebar-card__sub {
  margin-top: 4px;
  margin-bottom: 18px;
  font-size: 12px;
  color: #8B95A7;
}

.settings-menu {
  display: grid;
  gap: 8px;
}

.settings-menu-btn {
  display: grid;
  grid-template-columns: 38px 1fr;
  align-items: center;
  gap: 10px;

  width: 100%;
  padding: 10px;
  border-radius: 16px;

  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.06);
  color: #D1D5DB;

  text-align: left;
  cursor: pointer;
  transition: .16s ease;
}

.settings-menu-btn:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.12);
}

.settings-menu-btn.active {
  background: rgba(37,99,235,.16);
  border-color: rgba(37,99,235,.36);
  color: #fff;
  box-shadow: 0 12px 28px rgba(37,99,235,.14);
}

.settings-menu-btn__icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;

  border-radius: 14px;
  background: rgba(0,0,0,.24);
  border: 1px solid rgba(255,255,255,.06);

  font-size: 16px;
}

.settings-menu-btn b {
  display: block;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.1;
}

.settings-menu-btn small {
  display: block;
  margin-top: 3px;
  font-size: 11px;
  color: #8B95A7;
}

.settings-menu-btn.active small {
  color: #BFDBFE;
}

.settings-content {
  min-width: 0;
}

.settings-page {
  display: none;
  animation: settingsFade .16s ease;
}

.settings-page.active {
  display: block;
}

@keyframes settingsFade {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.settings-page-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;

  margin-bottom: 14px;
  padding: 4px 2px;
}

.settings-page-head h2 {
  margin: 0;
  font-size: 26px;
  line-height: 1.1;
  font-weight: 950;
  letter-spacing: -.7px;
  color: #F9FAFB;
}

.settings-page-head p {
  margin: 7px 0 0;
  max-width: 720px;
  font-size: 13px;
  line-height: 1.5;
  color: #8B95A7;
}

.settings-modern-card {
  position: relative;
  padding: 18px;
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.018)),
    #151515;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow:
    0 22px 55px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.04);
  overflow: hidden;
}

.settings-modern-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.10), transparent 36%),
    radial-gradient(circle at bottom left, rgba(34,197,94,.06), transparent 32%);
}

.settings-modern-card > * {
  position: relative;
  z-index: 1;
}

/* Profiles */
#settings-section .profile-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 16px;
}

#settings-section .profile-item {
  min-height: 64px;
  padding: 15px;
  border-radius: 18px;
  background: rgba(0,0,0,.26);
  border: 1px solid rgba(255,255,255,.075);
  transition: .15s ease;
}

#settings-section .profile-item:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,.045);
  border-color: rgba(37,99,235,.36);
}

#settings-section .profile-item input {
  width: 18px;
  height: 18px;
  accent-color: #2563EB;
}

#settings-section .profile-item__name {
  font-size: 13px;
  font-weight: 850;
  color: #E5E7EB;
}

/* Forms */
.settings-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0;
}

#settings-section .field {
  margin: 0;
}

#settings-section .field__label {
  margin-bottom: 7px;
  font-size: 11px;
  font-weight: 850;
  color: #8B95A7;
}

#settings-section .input {
  min-height: 42px;
  border-radius: 15px;
  background: rgba(0,0,0,.34);
  border: 1px solid rgba(255,255,255,.075);
  color: #F9FAFB;
}

#settings-section .input:focus {
  border-color: rgba(37,99,235,.55);
  box-shadow: 0 0 0 4px rgba(37,99,235,.12);
}

/* Actions */
#settings-section .settings-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
}

#settings-section .btn {
  height: 40px;
  padding: 0 15px;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 900;
  transition: .15s ease;
}

#settings-section .btn:hover {
  transform: translateY(-1px);
}

#settings-section .btn-ghost {
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.09);
  color: #D1D5DB;
  box-shadow: none;
}

#settings-section .settings-status {
  font-size: 12px;
  color: #8B95A7;
}

/* People list */
#settings-section .not-released-people-add {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  margin-bottom: 14px;
}

#settings-section .not-released-people-list {
  display: grid;
  gap: 9px;
}

#settings-section .not-released-person-row {
  min-height: 52px;
  padding: 11px 13px;
  border-radius: 16px;
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.07);
  transition: .15s ease;
}

#settings-section .not-released-person-row:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,.045);
  border-color: rgba(255,255,255,.13);
}

#settings-section .not-released-person-row__name {
  font-size: 13px;
  font-weight: 900;
  color: #F3F4F6;
}

#settings-section [data-delete-not-released-person] {
  height: 32px;
  padding: 0 11px;
  border-radius: 999px;
  background: rgba(239,68,68,.08);
  border: 1px solid rgba(239,68,68,.18);
  color: #FCA5A5;
  box-shadow: none;
}

/* Presets */
#settings-section .bulk-token-presets__title,
#settings-section .bulk-token-note__title {
  margin: 0 0 9px;
  font-size: 12px;
  font-weight: 900;
  color: #F3F4F6;
}

#settings-section .bulk-token-presets__list {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

#settings-section .bulk-token-preset-btn {
  height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.09);
  color: #D1D5DB;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  transition: .14s ease;
}

#settings-section .bulk-token-preset-btn:hover {
  transform: translateY(-1px);
  background: rgba(37,99,235,.16);
  border-color: rgba(37,99,235,.32);
  color: #fff;
}

/* Switch rows */
.settings-switch-grid {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.settings-switch-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;

  padding: 13px 14px;
  border-radius: 17px;
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.07);
}

.settings-switch-row b {
  display: block;
  font-size: 13px;
  font-weight: 900;
  color: #E5E7EB;
}

.settings-switch-row small {
  display: block;
  margin-top: 3px;
  font-size: 11px;
  color: #8B95A7;
}

.settings-switch-row input[type="checkbox"] {
  width: 42px;
  height: 22px;
  accent-color: #22C55E;
}

.settings-switch-row--big {
  min-height: 72px;
}

.settings-card-badge {
  flex: 0 0 auto;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(37,99,235,.12);
  border: 1px solid rgba(37,99,235,.22);
  color: #93C5FD;
  font-size: 11px;
  font-weight: 900;
}

/* Mobile */
@media (max-width: 980px) {
  .settings-shell {
    grid-template-columns: 1fr;
  }

  .settings-sidebar-card {
    position: static;
  }

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

@media (max-width: 700px) {
  #settings-section .profile-list,
  .settings-form-grid,
  .settings-menu,
  #settings-section .not-released-people-add {
    grid-template-columns: 1fr;
  }

  .settings-page-head {
    flex-direction: column;
  }
}

/* ===== Settings V2 full redesign ===== */

#settings-section.settings-v2 {
  max-width: 1180px !important;
  width: 100% !important;
}

.settings-v2-shell {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.settings-v2-nav {
  position: sticky;
  top: 18px;
  padding: 18px;
  border-radius: 24px;
  background:
    radial-gradient(circle at 20% 0%, rgba(37,99,235,.16), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.018)),
    #151515;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 24px 60px rgba(0,0,0,.32);
}

.settings-v2-brand {
  margin-bottom: 18px;
}

.settings-v2-brand__title {
  font-size: 24px;
  font-weight: 950;
  letter-spacing: -.6px;
  color: #F9FAFB;
}

.settings-v2-brand__sub {
  margin-top: 4px;
  font-size: 12px;
  color: #8B95A7;
}

.settings-v2-nav-btn {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  align-items: center;

  width: 100%;
  margin-bottom: 9px;
  padding: 10px;
  border-radius: 16px;

  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.065);
  color: #D1D5DB;

  cursor: pointer;
  text-align: left;
  transition: .16s ease;
}

.settings-v2-nav-btn:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.13);
}

.settings-v2-nav-btn.active {
  background: rgba(37,99,235,.18);
  border-color: rgba(37,99,235,.38);
  color: #fff;
  box-shadow: 0 14px 28px rgba(37,99,235,.14);
}

.settings-v2-nav-btn__icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.07);
  font-size: 16px;
}

.settings-v2-nav-btn b {
  display: block;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.1;
}

.settings-v2-nav-btn small {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  color: #8B95A7;
}

.settings-v2-nav-btn.active small {
  color: #BFDBFE;
}

.settings-v2-content {
  min-width: 0;
}

.settings-v2-page {
  display: none;
  animation: settingsV2Fade .16s ease;
}

.settings-v2-page.active {
  display: block;
}

@keyframes settingsV2Fade {
  from {
    opacity: 0;
    transform: translateY(5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.settings-v2-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 14px;
}

.settings-v2-head h2 {
  margin: 0;
  font-size: 26px;
  line-height: 1.1;
  font-weight: 950;
  letter-spacing: -.7px;
  color: #F9FAFB;
}

.settings-v2-head p {
  margin: 8px 0 0;
  max-width: 720px;
  font-size: 13px;
  line-height: 1.5;
  color: #8B95A7;
}

.settings-v2-card {
  position: relative;
  padding: 18px;
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.018)),
    #151515;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow:
    0 22px 55px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.04);
  overflow: hidden;
}

.settings-v2-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.10), transparent 36%),
    radial-gradient(circle at bottom left, rgba(34,197,94,.06), transparent 32%);
}

.settings-v2-card > * {
  position: relative;
  z-index: 1;
}

.settings-v2-badge {
  flex: 0 0 auto;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(37,99,235,.12);
  border: 1px solid rgba(37,99,235,.22);
  color: #93C5FD;
  font-size: 11px;
  font-weight: 900;
}

#settings-section .profile-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 0 16px !important;
}

#settings-section .profile-item {
  min-height: 64px;
  padding: 15px;
  border-radius: 18px;
  background: rgba(0,0,0,.26);
  border: 1px solid rgba(255,255,255,.075);
  transition: .15s ease;
}

#settings-section .profile-item:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,.045);
  border-color: rgba(37,99,235,.36);
}

#settings-section .profile-item input {
  width: 18px;
  height: 18px;
  accent-color: #2563EB;
}

#settings-section .profile-item__name {
  font-size: 13px;
  font-weight: 850;
  color: #E5E7EB;
}

.settings-v2-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0;
}

#settings-section .field {
  margin: 0;
}

#settings-section .field__label {
  margin-bottom: 7px;
  font-size: 11px;
  font-weight: 850;
  color: #8B95A7;
}

#settings-section .input {
  min-height: 42px;
  border-radius: 15px;
  background: rgba(0,0,0,.34);
  border: 1px solid rgba(255,255,255,.075);
  color: #F9FAFB;
}

#settings-section .input:focus {
  border-color: rgba(37,99,235,.55);
  box-shadow: 0 0 0 4px rgba(37,99,235,.12);
}

#settings-section .settings-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
}

#settings-section .btn {
  height: 40px;
  padding: 0 15px;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 900;
  transition: .15s ease;
}

#settings-section .btn:hover {
  transform: translateY(-1px);
}

#settings-section .settings-status {
  font-size: 12px;
  color: #8B95A7;
}

#settings-section .not-released-people-add {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  margin-bottom: 14px;
}

#settings-section .not-released-people-list {
  display: grid;
  gap: 9px;
}

#settings-section .not-released-person-row {
  min-height: 52px;
  padding: 11px 13px;
  border-radius: 16px;
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.07);
  transition: .15s ease;
}

#settings-section .not-released-person-row:hover {
  transform: translateY(-1px);
  background: rgba(255,255,255,.045);
  border-color: rgba(255,255,255,.13);
}

#settings-section .not-released-person-row__name {
  font-size: 13px;
  font-weight: 900;
  color: #F3F4F6;
}

#settings-section [data-delete-not-released-person] {
  height: 32px;
  padding: 0 11px;
  border-radius: 999px;
  background: rgba(239,68,68,.08);
  border: 1px solid rgba(239,68,68,.18);
  color: #FCA5A5;
  box-shadow: none;
}

.settings-v2-switches {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.settings-v2-switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 13px 14px;
  border-radius: 17px;
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.07);
}

.settings-v2-switch b {
  display: block;
  font-size: 13px;
  font-weight: 900;
  color: #E5E7EB;
}

.settings-v2-switch small {
  display: block;
  margin-top: 3px;
  font-size: 11px;
  color: #8B95A7;
}

.settings-v2-switch input[type="checkbox"] {
  width: 42px;
  height: 22px;
  accent-color: #22C55E;
}

.settings-v2-switch--large {
  min-height: 72px;
}

#settings-section .bulk-token-presets__title,
#settings-section .bulk-token-note__title {
  margin: 0 0 9px;
  font-size: 12px;
  font-weight: 900;
  color: #F3F4F6;
}

#settings-section .bulk-token-presets__list {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

#settings-section .bulk-token-preset-btn {
  height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.09);
  color: #D1D5DB;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  transition: .14s ease;
}

#settings-section .bulk-token-preset-btn:hover {
  transform: translateY(-1px);
  background: rgba(37,99,235,.16);
  border-color: rgba(37,99,235,.32);
  color: #fff;
}

@media (max-width: 980px) {
  .settings-v2-shell {
    grid-template-columns: 1fr;
  }

  .settings-v2-nav {
    position: static;
  }

  .settings-v2-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .settings-v2-brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 700px) {
  #settings-section .profile-list,
  .settings-v2-grid,
  .settings-v2-nav,
  #settings-section .not-released-people-add {
    grid-template-columns: 1fr !important;
  }

  .settings-v2-head {
    flex-direction: column;
  }
}

/* ===== Stats V2 radical redesign ===== */

#stats-section.stats-v2 {
  width: 100% !important;
  max-width: none !important;
  padding-bottom: 70px;
}

.stats-v2-shell {
  width: 100%;
  display: grid;
  gap: 18px;
}

/* Hero */
.stats-v2-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 18px;
  align-items: stretch;
}

.stats-v2-hero__left,
.stats-v2-balance-card {
  position: relative;
  border-radius: 28px;
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.16), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    #151515;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow:
    0 24px 60px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.04);
  overflow: hidden;
}

.stats-v2-hero__left {
  min-height: 190px;
  padding: 28px;
}

.stats-v2-kicker {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(37,99,235,.14);
  border: 1px solid rgba(37,99,235,.26);
  color: #93C5FD;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .3px;
  text-transform: uppercase;
}

.stats-v2-title {
  margin: 18px 0 8px;
  font-size: 44px;
  line-height: 1;
  letter-spacing: -1.4px;
  font-weight: 950;
  color: #F9FAFB;
}

.stats-v2-sub {
  margin: 0;
  max-width: 660px;
  color: #8B95A7;
  font-size: 14px;
  line-height: 1.55;
}

.stats-v2-balance-card {
  padding: 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.stats-v2-balance-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #8B95A7;
  font-size: 12px;
  font-weight: 900;
}

.stats-v2-balance-card__value {
  margin-top: 18px;
  font-size: 34px;
  line-height: 1;
  font-weight: 950;
  color: #F9FAFB;
  letter-spacing: -1px;
}

.stats-v2-balance-card__meta {
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.45;
  color: #8B95A7;
}

/* KPI */
.stats-v2-kpi-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.stats-v2-kpi-card {
  min-height: 126px;
  padding: 18px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.018)),
    #151515;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow:
    0 18px 45px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.stats-v2-kpi-card__icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  background: rgba(37,99,235,.14);
  border: 1px solid rgba(37,99,235,.28);
  color: #93C5FD;
  font-size: 16px;
  font-weight: 950;
}

.stats-v2-kpi-card--green .stats-v2-kpi-card__icon {
  background: rgba(34,197,94,.14);
  border-color: rgba(34,197,94,.28);
  color: #86EFAC;
}

.stats-v2-kpi-card--blue .stats-v2-kpi-card__icon {
  background: rgba(59,130,246,.14);
  border-color: rgba(59,130,246,.28);
  color: #93C5FD;
}

.stats-v2-kpi-card__label {
  color: #8B95A7;
  font-size: 12px;
  font-weight: 900;
}

.stats-v2-kpi-card__value {
  margin-top: 10px;
  color: #F9FAFB;
  font-size: 28px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.7px;
}

.stats-v2-kpi-card__meta {
  margin-top: 9px;
  color: #8B95A7;
  font-size: 11px;
  line-height: 1.4;
}

/* отключаем старую сетку, но сохраняем id для JS */
#stats-section .stats-grid {
  display: contents !important;
}

/* старые summary-card не должны влиять, если где-то остались */
#stats-section .summary-card {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  flex: unset !important;
}

/* Token cards */
.stats-v2-token-strip,
#stats-groups-summary {
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  margin: 0 !important;
}

#stats-groups-summary .salary-profit-board,
#stats-groups-summary > * {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
  min-height: 110px !important;
  padding: 18px !important;
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.018)),
    #151515 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow:
    0 16px 38px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

/* Tabs */
.stats-v2-tabs {
  display: inline-flex;
  width: fit-content;
  gap: 6px;
  padding: 6px;
  border-radius: 999px;
  background: rgba(0,0,0,.26);
  border: 1px solid rgba(255,255,255,.07);
}

.stats-v2-tab {
  height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  color: #8B95A7;
  font-size: 13px;
  font-weight: 950;
  cursor: pointer;
  transition: .15s ease;
}

.stats-v2-tab:hover {
  color: #E5E7EB;
  background: rgba(255,255,255,.05);
}

.stats-v2-tab.active {
  color: #fff;
  background: rgba(37,99,235,.18);
  border-color: rgba(37,99,235,.38);
  box-shadow: 0 12px 28px rgba(37,99,235,.14);
}

/* Panels */
.stats-v2-panel {
  width: 100%;
}

.stats-v2-panel-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 14px;
}

.stats-v2-panel-head h3 {
  margin: 0;
  font-size: 22px;
  line-height: 1.1;
  font-weight: 950;
  letter-spacing: -.5px;
  color: #F9FAFB;
}

.stats-v2-panel-head p {
  margin: 7px 0 0;
  color: #8B95A7;
  font-size: 13px;
}

/* Table */
.stats-v2-table-wrap {
  width: 100% !important;
  max-width: none !important;
  border-radius: 26px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    #151515 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
  overflow: auto !important;
}

.stats-v2-table,
#stats-section .table--stats {
  width: 100% !important;
  min-width: 1280px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

#stats-section table thead {
  background: transparent !important;
  box-shadow: none !important;
}

#stats-section table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 14px 13px !important;
  background: rgba(20,20,20,.96) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  color: #9CA3AF !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  text-transform: uppercase;
  letter-spacing: .45px;
}

#stats-section table tbody td {
  padding: 14px 13px !important;
  border-bottom: 1px solid rgba(255,255,255,.055) !important;
  color: #DDE3EE !important;
  font-size: 12px !important;
}

#stats-section table tbody tr {
  transition: background .12s ease;
}

#stats-section table tbody tr:hover {
  background: rgba(255,255,255,.035) !important;
}

/* Not released */
.not-released-memo-list {
  display: grid;
  gap: 10px;
  max-width: 900px;
}

.not-released-memo-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    #151515;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow:
    0 14px 35px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.not-released-memo-row__name {
  font-size: 14px;
  font-weight: 950;
  color: #F9FAFB;
}

.not-released-memo-row__meta {
  margin-top: 5px;
  font-size: 12px;
  color: #8B95A7;
}

.not-released-release-person {
  height: 36px;
  padding: 0 13px;
  border-radius: 999px;
  background: rgba(34,197,94,.14);
  border: 1px solid rgba(34,197,94,.30);
  color: #86EFAC;
  font-size: 12px;
  font-weight: 950;
  box-shadow: none;
}

/* responsive */
@media (max-width: 1100px) {
  .stats-v2-hero {
    grid-template-columns: 1fr;
  }

  .stats-v2-kpi-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .stats-v2-title {
    font-size: 34px;
  }

  .stats-v2-hero__left,
  .stats-v2-balance-card,
  .stats-v2-kpi-card {
    border-radius: 20px;
  }

  .stats-v2-tabs {
    width: 100%;
  }

  .stats-v2-tab {
    flex: 1;
  }

  .stats-v2-panel-head,
  .not-released-memo-row {
    flex-direction: column;
    align-items: stretch;
  }
}

/* ===== Disputes V2 radical redesign ===== */

#disputes-section.disputes-v2 {
  width: 100% !important;
  max-width: none !important;
  padding-bottom: 70px;
}

.disputes-v2-shell {
  width: 100%;
  display: grid;
  gap: 18px;
}

.disputes-v2-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 18px;
  align-items: stretch;
}

.disputes-v2-hero__left,
.disputes-v2-action-card {
  position: relative;
  border-radius: 28px;
  background:
    radial-gradient(circle at top right, rgba(239,68,68,.14), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    #151515;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow:
    0 24px 60px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.04);
  overflow: hidden;
}

.disputes-v2-hero__left {
  min-height: 190px;
  padding: 28px;
}

.disputes-v2-kicker {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(239,68,68,.14);
  border: 1px solid rgba(239,68,68,.28);
  color: #FCA5A5;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .3px;
  text-transform: uppercase;
}

.disputes-v2-title {
  margin: 18px 0 8px;
  font-size: 44px;
  line-height: 1;
  letter-spacing: -1.4px;
  font-weight: 950;
  color: #F9FAFB;
}

.disputes-v2-sub {
  margin: 0;
  max-width: 700px;
  color: #8B95A7;
  font-size: 14px;
  line-height: 1.55;
}

.disputes-v2-action-card {
  padding: 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.disputes-v2-action-card__label {
  color: #8B95A7;
  font-size: 12px;
  font-weight: 900;
}

.disputes-v2-action-card__title {
  margin-top: 12px;
  color: #F9FAFB;
  font-size: 24px;
  font-weight: 950;
  letter-spacing: -.5px;
  line-height: 1.1;
}

.disputes-v2-action-card__sub {
  margin-top: 8px;
  color: #8B95A7;
  font-size: 12px;
  line-height: 1.45;
}

.disputes-v2-create-btn {
  width: 100%;
  height: 44px;
  margin-top: 18px;
  border-radius: 16px;
  font-size: 13px;
  font-weight: 950;
}

/* KPI */
.disputes-v2-kpi-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.disputes-v2-kpi-card {
  min-height: 120px;
  padding: 18px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.018)),
    #151515;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow:
    0 18px 45px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.disputes-v2-kpi-card__icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  background: rgba(239,68,68,.14);
  border: 1px solid rgba(239,68,68,.28);
  color: #FCA5A5;
  font-size: 16px;
  font-weight: 950;
}

.disputes-v2-kpi-card--freeze .disputes-v2-kpi-card__icon {
  background: rgba(59,130,246,.14);
  border-color: rgba(59,130,246,.28);
  color: #93C5FD;
}

.disputes-v2-kpi-card--expense .disputes-v2-kpi-card__icon {
  background: rgba(139,92,246,.14);
  border-color: rgba(139,92,246,.28);
  color: #C4B5FD;
}

.disputes-v2-kpi-card__label {
  color: #8B95A7;
  font-size: 12px;
  font-weight: 900;
}

.disputes-v2-kpi-card__value {
  margin-top: 10px;
  color: #F9FAFB;
  font-size: 28px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.7px;
}

/* toolbar */
.disputes-v2-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.disputes-v2-tabs {
  display: inline-flex;
  width: fit-content;
  gap: 6px;
  padding: 6px;
  border-radius: 999px;
  background: rgba(0,0,0,.26);
  border: 1px solid rgba(255,255,255,.07);
}

.disputes-v2-tab {
  height: 38px;
  padding: 0 15px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  color: #8B95A7;
  font-size: 12px;
  font-weight: 950;
  cursor: pointer;
  transition: .15s ease;
}

.disputes-v2-tab:hover {
  color: #E5E7EB;
  background: rgba(255,255,255,.05);
}

.disputes-v2-tab.active {
  color: #fff;
  background: rgba(239,68,68,.16);
  border-color: rgba(239,68,68,.34);
  box-shadow: 0 12px 28px rgba(239,68,68,.12);
}

/* panel */
.disputes-v2-panel {
  width: 100%;
}

.disputes-v2-panel-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 14px;
}

.disputes-v2-panel-head h3 {
  margin: 0;
  font-size: 22px;
  line-height: 1.1;
  font-weight: 950;
  letter-spacing: -.5px;
  color: #F9FAFB;
}

.disputes-v2-panel-head p {
  margin: 7px 0 0;
  color: #8B95A7;
  font-size: 13px;
}

/* board */
#disputes-section .disputes-board {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)) !important;
  gap: 14px !important;
  margin-top: 0 !important;
  width: 100% !important;
}

#disputes-section .dispute-board-card {
  width: 100% !important;
  max-width: none !important;
  min-height: 230px !important;
  padding: 18px !important;
  border-radius: 24px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.018)),
    #151515 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow:
    0 18px 45px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

#disputes-section .dispute-board-card::before {
  top: 18px !important;
  bottom: 18px !important;
  width: 4px !important;
  border-radius: 999px !important;
}

#disputes-section .dispute-board-card__top {
  margin-bottom: 13px !important;
}

#disputes-section .dispute-board-card__id {
  font-size: 14px !important;
  font-weight: 950 !important;
  color: #F9FAFB !important;
}

#disputes-section .dispute-board-card__status {
  height: 28px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

#disputes-section .dispute-board-card__amount {
  font-size: 30px !important;
  line-height: 1 !important;
  margin-bottom: 13px !important;
  font-weight: 950 !important;
  color: #F9FAFB !important;
  letter-spacing: -.7px !important;
}

#disputes-section .dispute-board-card__reason {
  margin-bottom: 13px !important;
}

#disputes-section .dispute-board-card__grid {
  gap: 9px !important;
}

#disputes-section .dispute-board-card__row {
  grid-template-columns: 110px 1fr !important;
  gap: 10px !important;
}

#disputes-section .dispute-board-card__label {
  font-size: 11px !important;
  color: #8B95A7 !important;
  font-weight: 900 !important;
}

#disputes-section .dispute-board-card__value {
  font-size: 12px !important;
  color: #E5E7EB !important;
  font-weight: 850 !important;
}

#disputes-section .dispute-board-card__footer {
  margin-top: 15px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
}

#disputes-section .dispute-board-card__operator {
  font-size: 12px !important;
  color: #8B95A7 !important;
}

#disputes-section .dispute-board-card__operator b {
  color: #F9FAFB !important;
}

#disputes-section .freeze-status-badge {
  height: 26px !important;
  padding: 0 10px !important;
  font-size: 11px !important;
  border-radius: 999px !important;
}

#disputes-section .dispute-board-card .icon-btn {
  width: 36px !important;
  height: 36px !important;
  border-radius: 13px !important;
}

/* modal in same style */
.dispute-card {
  border-radius: 26px !important;
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.12), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    #151515 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 26px 70px rgba(0,0,0,.45) !important;
}

.dispute-card .modal__title {
  font-size: 28px !important;
  font-weight: 950 !important;
  letter-spacing: -.7px !important;
}

.dispute-card .modal__sub {
  color: #8B95A7 !important;
}

.dispute-input {
  background: rgba(0,0,0,.34) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  border-radius: 15px !important;
}

.dispute-input:focus {
  border-color: rgba(37,99,235,.55) !important;
  box-shadow: 0 0 0 4px rgba(37,99,235,.12) !important;
}

.dispute-reason,
.dispute-freeze-btn {
  background: rgba(0,0,0,.28) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  border-radius: 15px !important;
}

.dispute-reason:hover,
.dispute-freeze-btn:hover {
  background: rgba(255,255,255,.045) !important;
  border-color: rgba(37,99,235,.35) !important;
}

.dispute-reason.active,
.dispute-freeze-btn.active {
  background: rgba(37,99,235,.16) !important;
  border-color: rgba(37,99,235,.46) !important;
}

/* responsive */
@media (max-width: 1100px) {
  .disputes-v2-hero {
    grid-template-columns: 1fr;
  }

  .disputes-v2-kpi-grid {
    grid-template-columns: 1fr;
  }

  .disputes-v2-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .disputes-v2-tabs {
    width: 100%;
    overflow-x: auto;
  }
}

@media (max-width: 700px) {
  .disputes-v2-title {
    font-size: 34px;
  }

  .disputes-v2-hero__left,
  .disputes-v2-action-card,
  .disputes-v2-kpi-card {
    border-radius: 20px;
  }

  #disputes-section .disputes-board {
    grid-template-columns: 1fr !important;
  }

  .disputes-v2-tabs {
    display: flex;
  }

  .disputes-v2-tab {
    flex: 0 0 auto;
  }
}

/* ===== Salaries V2 same style as Stats/Disputes ===== */

#salaries-section.salaries-v2 {
  width: 100% !important;
  max-width: none !important;
  padding-bottom: 70px;
}

.salaries-v2-shell {
  width: 100%;
  display: grid;
  gap: 18px;
}

/* HERO */
.salaries-v2-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 18px;
  align-items: stretch;
}

.salaries-v2-hero__left,
.salaries-v2-action-card {
  position: relative;
  border-radius: 28px;
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.16), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    #151515;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow:
    0 24px 60px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.04);
  overflow: hidden;
}

.salaries-v2-hero__left {
  min-height: 190px;
  padding: 28px;
}

.salaries-v2-kicker {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(37,99,235,.14);
  border: 1px solid rgba(37,99,235,.26);
  color: #93C5FD;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .3px;
  text-transform: uppercase;
}

.salaries-v2-title {
  margin: 18px 0 8px;
  font-size: 44px;
  line-height: 1;
  letter-spacing: -1.4px;
  font-weight: 950;
  color: #F9FAFB;
}

.salaries-v2-sub {
  margin: 0;
  max-width: 700px;
  color: #8B95A7;
  font-size: 14px;
  line-height: 1.55;
}

.salaries-v2-action-card {
  padding: 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.salaries-v2-action-card__label {
  color: #8B95A7;
  font-size: 12px;
  font-weight: 900;
}

.salaries-v2-action-card__title {
  margin-top: 12px;
  color: #F9FAFB;
  font-size: 24px;
  font-weight: 950;
  letter-spacing: -.5px;
  line-height: 1.1;
}

.salaries-v2-action-card__sub {
  margin-top: 8px;
  color: #8B95A7;
  font-size: 12px;
  line-height: 1.45;
}

.salaries-v2-screenshot-btn {
  width: 100%;
  height: 44px;
  margin-top: 18px;
  border-radius: 16px;
  font-size: 13px;
  font-weight: 950;
}

/* LAYOUT */
.salaries-v2-layout {
  width: 100%;
  display: grid;
  gap: 18px;
}

/* FILTERS */
.salaries-v2-toolbar {
  width: 100%;
  padding: 18px;
  border-radius: 26px;
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.10), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.018)),
    #151515;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow:
    0 18px 45px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.salaries-v2-toolbar-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 16px;
}

.salaries-v2-toolbar-head h3,
.salaries-v2-panel-head h3 {
  margin: 0;
  font-size: 22px;
  line-height: 1.1;
  font-weight: 950;
  letter-spacing: -.5px;
  color: #F9FAFB;
}

.salaries-v2-toolbar-head p,
.salaries-v2-panel-head p {
  margin: 7px 0 0;
  color: #8B95A7;
  font-size: 13px;
}

.salaries-v2-filters {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(150px, 1fr));
  gap: 12px;
  align-items: end;
}

#salaries-section .field {
  margin: 0;
  min-width: 0;
}

#salaries-section .field__label {
  display: block;
  margin-bottom: 7px;
  color: #8B95A7;
  font-size: 11px;
  font-weight: 900;
}

#salaries-section .input,
#salaries-section select,
#salaries-section input {
  width: 100%;
  min-height: 42px;
  border-radius: 15px;
  background: rgba(0,0,0,.34);
  border: 1px solid rgba(255,255,255,.075);
  color: #F9FAFB;
  font-size: 12px;
  font-weight: 800;
}

#salaries-section .input:focus,
#salaries-section select:focus,
#salaries-section input:focus {
  border-color: rgba(37,99,235,.55);
  box-shadow: 0 0 0 4px rgba(37,99,235,.12);
  outline: none;
}

.salaries-v2-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 16px;
}

#salaries-section .btn {
  height: 42px;
  border-radius: 15px;
  font-size: 12px;
  font-weight: 950;
  transition: .15s ease;
}

#salaries-section .btn:hover {
  transform: translateY(-1px);
}

/* CUSTOM DROPDOWN */
#salaries-section .custom-dropdown {
  position: relative;
}

#salaries-section .dropdown-trigger {
  width: 100%;
  min-height: 42px;
  padding: 0 13px;
  border-radius: 15px;
  background: rgba(0,0,0,.34);
  border: 1px solid rgba(255,255,255,.075);
  color: #F9FAFB;
  font-size: 12px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  cursor: pointer;
}

#salaries-section .dropdown-trigger:hover {
  border-color: rgba(37,99,235,.35);
}

#salaries-section .dropdown-arrow {
  font-size: 10px;
  color: #8B95A7;
}

#salaries-section .dropdown-menu {
  position: absolute;
  z-index: 50;
  top: calc(100% + 8px);
  left: 0;
  width: 100%;
  min-width: 260px;
  padding: 12px;
  border-radius: 18px;
  background: #151515;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 24px 60px rgba(0,0,0,.45);
}

#salaries-section .dropdown-search {
  margin-bottom: 10px;
}

#salaries-section .dropdown-options {
  display: grid;
  gap: 6px;
  max-height: 230px;
  overflow: auto;
  padding-right: 4px;
}

#salaries-section .dropdown-options label,
#salaries-section .dropdown-option {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 7px 9px;
  border-radius: 12px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.06);
  color: #DDE3EE;
  font-size: 12px;
  font-weight: 800;
}

#salaries-section .dropdown-options input[type="checkbox"] {
  width: 16px;
  min-height: 16px;
  height: 16px;
  accent-color: #2563EB;
}

#salaries-section .dropdown-actions {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}

#salaries-section .dropdown-actions .btn {
  flex: 1;
  height: 34px;
  border-radius: 12px;
}

/* EMPTY */
.salaries-v2-empty-state {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px;
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.018)),
    #151515;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow:
    0 18px 45px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.salaries-v2-empty-state__icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  border-radius: 15px;
  background: rgba(239,68,68,.12);
  border: 1px solid rgba(239,68,68,.25);
  color: #FCA5A5;
  font-size: 18px;
  font-weight: 950;
}

.salaries-v2-empty-state h3 {
  margin: 0;
  color: #F9FAFB;
  font-size: 16px;
  font-weight: 950;
}

.salaries-v2-empty-state p {
  margin: 5px 0 0;
  color: #8B95A7;
  font-size: 13px;
}

/* OPERATORS SUMMARY */
.salaries-v2-operators-summary {
  width: 100%;
  display: grid;
  gap: 12px;
}

/* если JS рисует карточки операторов */
#salary-operators-summary > * {
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.018)),
    #151515 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow:
    0 18px 45px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

/* PANEL */
.salaries-v2-panel {
  width: 100%;
  padding: 18px;
  border-radius: 26px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.018)),
    #151515;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow:
    0 18px 45px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.salaries-v2-panel-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 14px;
}

/* TABLE */
.salaries-v2-table-wrap {
  width: 100% !important;
  max-width: none !important;
  border-radius: 24px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    #151515 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
  overflow: auto !important;
}

.salaries-v2-table,
#salaries-section .table--salary {
  width: 100% !important;
  min-width: 1280px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

#salaries-section table thead {
  background: transparent !important;
  box-shadow: none !important;
}

#salaries-section table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 14px 13px !important;
  background: rgba(20,20,20,.96) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  color: #9CA3AF !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  text-transform: uppercase;
  letter-spacing: .45px;
}

#salaries-section table tbody td {
  padding: 14px 13px !important;
  border-bottom: 1px solid rgba(255,255,255,.055) !important;
  color: #DDE3EE !important;
  font-size: 12px !important;
}

#salaries-section table tbody tr {
  transition: background .12s ease;
}

#salaries-section table tbody tr:hover {
  background: rgba(255,255,255,.035) !important;
}

#salaries-section table tbody td:nth-child(10),
#salaries-section table tbody td:nth-child(11),
#salaries-section table tbody td:nth-child(12) {
  font-weight: 950 !important;
  color: #F9FAFB !important;
}

/* REPORT BUTTON */
#salaries-section table tbody td:last-child .btn,
#salaries-section table tbody td:last-child button {
  height: 34px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: rgba(37,99,235,.14) !important;
  border: 1px solid rgba(37,99,235,.26) !important;
  color: #93C5FD !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}

/* PAGINATION */
.salaries-v2-pagination,
#salary-pagination {
  margin-top: 14px;
  display: flex;
  justify-content: center;
  gap: 8px;
}

#salary-pagination button {
  min-width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.08);
  color: #DDE3EE;
  font-size: 12px;
  font-weight: 900;
}

#salary-pagination button.active,
#salary-pagination button:hover {
  background: rgba(37,99,235,.18);
  border-color: rgba(37,99,235,.38);
  color: #fff;
}

/* SCREENSHOT MODE */
#salaries-section.screenshot-mode .salaries-v2-hero,
#salaries-section.screenshot-mode .salaries-v2-toolbar,
#salaries-section.screenshot-mode .salaries-v2-pagination {
  display: none !important;
}

/* RESPONSIVE */
@media (max-width: 1300px) {
  .salaries-v2-filters {
    grid-template-columns: repeat(3, minmax(160px, 1fr));
  }
}

@media (max-width: 900px) {
  .salaries-v2-hero {
    grid-template-columns: 1fr;
  }

  .salaries-v2-toolbar-head {
    flex-direction: column;
  }

  .salaries-v2-filters {
    grid-template-columns: 1fr;
  }

  .salaries-v2-actions {
    justify-content: stretch;
  }

  .salaries-v2-actions .btn {
    width: 100%;
  }
}

@media (max-width: 700px) {
  .salaries-v2-title {
    font-size: 34px;
  }

  .salaries-v2-hero__left,
  .salaries-v2-action-card,
  .salaries-v2-toolbar,
  .salaries-v2-panel {
    border-radius: 20px;
  }
}


/* =========================================================
   MOBILE BOTTOM NAV
   ========================================================= */

@media (max-width: 768px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow: hidden !important;
  }

  .app {
    width: 100%;
    height: 100dvh;
    display: block !important;
    overflow: hidden !important;
  }

  /* убираем левое меню */
  .massmo-sidebar {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    top: auto !important;

    width: auto !important;
    height: 66px !important;
    min-width: 0 !important;
    max-width: none !important;

    padding: 7px 10px !important;
    z-index: 9998 !important;

    background: rgba(20, 20, 20, 0.94) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 24px !important;
    box-shadow: 0 14px 45px rgba(0, 0, 0, 0.55) !important;
    backdrop-filter: blur(18px) !important;
  }

  .massmo-logo,
  .massmo-sidebar-toggle,
  #sidebar-collapse,
  #sidebar-user,
  #logout-btn,
  .massmo-nav-separator {
    display: none !important;
  }

  .massmo-nav,
  .sidebar-nav {
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-around !important;
    gap: 4px !important;
  }

  .massmo-sidebar .nav {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;

    padding: 0 !important;
    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 17px !important;
    background: transparent !important;
    border: 1px solid transparent !important;
  }

  .massmo-sidebar .nav__label {
    display: none !important;
  }

  .massmo-sidebar .nav__icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;

    border-radius: 15px !important;
    background: transparent !important;
    border: none !important;

    display: grid !important;
    place-items: center !important;
  }

  .massmo-sidebar .nav svg {
    width: 22px !important;
    height: 22px !important;
  }

  .massmo-sidebar .nav.active {
    background: rgba(37, 99, 235, 0.16) !important;
    border-color: rgba(59, 130, 246, 0.45) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 22px rgba(37, 99, 235, 0.25) !important;
  }

  .massmo-sidebar .nav.active .nav__icon {
    background: #2563eb !important;
    color: #ffffff !important;
  }

  .massmo-sidebar .nav:hover {
    background: rgba(255, 255, 255, 0.05) !important;
  }

  /* основной контент на всю ширину */
  .main {
    width: 100% !important;
    height: 100dvh !important;
    padding: 10px 10px 92px 10px !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* верхняя панель */
  .massmo-topbar,
  .massmo-topbar.header {
    height: auto !important;
    margin: 0 0 16px 0 !important;
    padding: 10px !important;
    border-radius: 18px !important;

    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;

    overflow: hidden !important;
  }

  .massmo-topbar__left,
  .massmo-topbar__right {
    width: 100% !important;
    min-width: 0 !important;

    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }

  .massmo-topbar__left::-webkit-scrollbar,
  .massmo-topbar__right::-webkit-scrollbar {
    display: none;
  }

  .massmo-pill,
  .massmo-top-switch,
  .massmo-finish-btn,
  .massmo-avatar {
    flex: 0 0 auto !important;
  }

  .massmo-exit-btn {
    display: none !important;
  }

  /* заголовок */
  .massmo-page-head h1 {
    font-size: 34px !important;
    line-height: 1.05 !important;
    margin-bottom: 6px !important;
  }

  .massmo-page-head p {
    font-size: 13px !important;
  }

  /* поиск выплат */
  .payout-search-bar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .payout-search-bar .btn,
  .payout-search-field,
  #payout-amount-search {
    width: 100% !important;
  }

  /* таблица свайпается */
  .table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .table {
    width: max-content !important;
  }

  .table--payouts {
    min-width: 760px !important;
  }

  .table--stats {
    min-width: 720px !important;
  }
}

@media (max-width: 420px) {
  .massmo-sidebar {
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    height: 62px !important;
    border-radius: 22px !important;
    padding: 7px 8px !important;
  }

  .massmo-sidebar .nav {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
  }

  .massmo-sidebar .nav__icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  .massmo-sidebar .nav svg {
    width: 20px !important;
    height: 20px !important;
  }

  .main {
    padding: 8px 8px 86px 8px !important;
  }

  .massmo-page-head h1 {
    font-size: 30px !important;
  }

  .table--payouts {
    min-width: 700px !important;
  }
}

/* =========================================================
   FORCE MOBILE BOTTOM NAV
   ========================================================= */

@media (max-width: 768px) {
  body {
    overflow: hidden !important;
  }

  .app {
    display: block !important;
    height: 100dvh !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  aside.sidebar,
  aside.massmo-sidebar,
  .sidebar.massmo-sidebar,
  .massmo-sidebar,
  .sidebar {
    position: fixed !important;

    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    top: auto !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;

    padding: 7px 10px !important;
    margin: 0 !important;

    display: block !important;
    z-index: 99999 !important;

    background: rgba(20, 20, 20, 0.96) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 24px !important;
    box-shadow: 0 14px 45px rgba(0,0,0,.6) !important;
    backdrop-filter: blur(18px) !important;

    transform: none !important;
  }

  .massmo-logo,
  .logo,
  .massmo-sidebar-toggle,
  #sidebar-collapse,
  #sidebar-user,
  #logout-btn,
  .massmo-nav-separator,
  .sidebar-footer {
    display: none !important;
  }

  aside.sidebar .sidebar-nav,
  aside.massmo-sidebar .sidebar-nav,
  aside.sidebar .massmo-nav,
  aside.massmo-sidebar .massmo-nav,
  .sidebar-nav,
  .massmo-nav {
    margin: 0 !important;
    padding: 0 !important;

    width: 100% !important;
    height: 100% !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-around !important;
    gap: 4px !important;

    overflow: visible !important;
  }

  aside.sidebar .nav,
  aside.massmo-sidebar .nav,
  .sidebar .nav,
  .massmo-sidebar .nav {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;

    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;

    padding: 0 !important;
    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 17px !important;
    background: transparent !important;
    border: 1px solid transparent !important;
  }

  .nav__label {
    display: none !important;
  }

  .nav__icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;

    display: grid !important;
    place-items: center !important;

    border-radius: 15px !important;
    background: transparent !important;
    border: none !important;
  }

  .nav svg {
    width: 22px !important;
    height: 22px !important;
  }

  .nav.active {
    background: rgba(37, 99, 235, 0.18) !important;
    border-color: rgba(59, 130, 246, 0.45) !important;
    color: #fff !important;
    box-shadow: 0 8px 22px rgba(37, 99, 235, 0.28) !important;
  }

  .nav.active .nav__icon {
    background: #2563eb !important;
    color: #fff !important;
  }

  .main {
    width: 100% !important;
    max-width: 100% !important;
    height: 100dvh !important;

    padding: 10px 10px 92px 10px !important;
    margin: 0 !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .massmo-topbar,
  .header.massmo-topbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;

    height: auto !important;
    padding: 10px !important;
    margin-bottom: 16px !important;
    border-radius: 18px !important;

    overflow: hidden !important;
  }

  .massmo-topbar__left,
  .massmo-topbar__right {
    width: 100% !important;
    min-width: 0 !important;

    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }

  .massmo-topbar__left::-webkit-scrollbar,
  .massmo-topbar__right::-webkit-scrollbar {
    display: none !important;
  }

  .massmo-exit-btn {
    display: none !important;
  }

  .massmo-page-head h1 {
    font-size: 34px !important;
    line-height: 1.05 !important;
  }

  .payout-search-bar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .payout-search-bar .btn,
  .payout-search-field,
  #payout-amount-search {
    width: 100% !important;
  }

  .table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .table {
    width: max-content !important;
  }

  .table--payouts {
    min-width: 760px !important;
  }
}

@media (max-width: 420px) {
  aside.sidebar,
  aside.massmo-sidebar,
  .sidebar.massmo-sidebar,
  .massmo-sidebar,
  .sidebar {
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
    border-radius: 22px !important;
    padding: 7px 8px !important;
  }

  .nav {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
  }

  .nav__icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  .nav svg {
    width: 20px !important;
    height: 20px !important;
  }

  .main {
    padding: 8px 8px 86px 8px !important;
  }

  .massmo-page-head h1 {
    font-size: 30px !important;
  }

  .table--payouts {
    min-width: 700px !important;
  }
}

/* =========================================================
   FIX MOBILE BOTTOM NAV LOGO BUG
   ========================================================= */

@media (max-width: 768px) {
  body.mobile-bottom-nav .massmo-sidebar {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    top: auto !important;

    width: auto !important;
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;

    padding: 7px 10px !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    z-index: 99999 !important;
    overflow: hidden !important;

    background: rgba(18, 18, 18, 0.96) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 24px !important;
    box-shadow: 0 14px 45px rgba(0, 0, 0, 0.65) !important;
    backdrop-filter: blur(18px) !important;
  }

  /* полностью убираем TEZERCASH */
  body.mobile-bottom-nav .massmo-sidebar .massmo-logo,
  body.mobile-bottom-nav .massmo-sidebar .massmo-logo::before,
  body.mobile-bottom-nav .massmo-sidebar .logo,
  body.mobile-bottom-nav .massmo-sidebar .logo::before {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.mobile-bottom-nav .massmo-sidebar-toggle,
  body.mobile-bottom-nav #sidebar-collapse,
  body.mobile-bottom-nav #sidebar-user,
  body.mobile-bottom-nav #logout-btn,
  body.mobile-bottom-nav .massmo-nav-separator,
  body.mobile-bottom-nav .sidebar-footer {
    display: none !important;
  }

  /* меню с иконками */
  body.mobile-bottom-nav .massmo-sidebar .sidebar-nav,
  body.mobile-bottom-nav .massmo-sidebar .massmo-nav {
    position: relative !important;
    inset: auto !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-around !important;
    gap: 4px !important;

    overflow: visible !important;
  }

  body.mobile-bottom-nav .massmo-sidebar .nav {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;

    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;

    padding: 0 !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 17px !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    color: #9ca3af !important;
  }

  body.mobile-bottom-nav .massmo-sidebar .nav__label {
    display: none !important;
  }

  body.mobile-bottom-nav .massmo-sidebar .nav__icon {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;

    display: grid !important;
    place-items: center !important;

    border-radius: 15px !important;
    background: transparent !important;
    border: none !important;
  }

  body.mobile-bottom-nav .massmo-sidebar .nav svg {
    width: 22px !important;
    height: 22px !important;
  }

  body.mobile-bottom-nav .massmo-sidebar .nav.active {
    background: rgba(37, 99, 235, 0.18) !important;
    border-color: rgba(59, 130, 246, 0.45) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 22px rgba(37, 99, 235, 0.28) !important;
  }

  body.mobile-bottom-nav .massmo-sidebar .nav.active .nav__icon {
    background: #2563eb !important;
    color: #ffffff !important;
  }

  body.mobile-bottom-nav .main {
    padding-bottom: 92px !important;
  }
}

@media (max-width: 420px) {
  body.mobile-bottom-nav .massmo-sidebar {
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    height: 62px !important;
    min-height: 62px !important;
    max-height: 62px !important;
    border-radius: 22px !important;
    padding: 7px 8px !important;
  }

  body.mobile-bottom-nav .massmo-sidebar .nav {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
  }

  body.mobile-bottom-nav .massmo-sidebar .nav__icon {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
  }

  body.mobile-bottom-nav .massmo-sidebar .nav svg {
    width: 20px !important;
    height: 20px !important;
  }
}

/* =========================================================
   FIX MOBILE TABS WIDTH
   Статистика / Диспуты
   ========================================================= */

@media (max-width: 768px) {
  /* чтобы секции не раздували экран */
  #stats-section,
  #disputes-section {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .stats-v2-shell,
  .disputes-v2-shell {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  /* контейнер вкладок */
  .stats-v2-tabs,
  .disputes-v2-tabs {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    padding: 4px !important;
    margin: 0 0 12px 0 !important;

    border-radius: 18px !important;
    -webkit-overflow-scrolling: touch;
  }

  .stats-v2-tabs::-webkit-scrollbar,
  .disputes-v2-tabs::-webkit-scrollbar {
    display: none !important;
  }

  /* сами кнопки вкладок — больше НЕ растягиваются */
  .stats-v2-tab,
  .disputes-v2-tab {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;

    height: 40px !important;
    padding: 0 14px !important;

    font-size: 13px !important;
    line-height: 1 !important;
    white-space: nowrap !important;

    border-radius: 14px !important;
  }

  /* если вкладок всего 2 — можно красиво по 50%, но не шире экрана */
  .stats-v2-tabs .stats-v2-tab {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: 50% !important;
    text-align: center !important;
  }

  .stats-v2-tabs .stats-v2-tab {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* в диспутах вкладки лучше скроллом, потому что их может быть больше */
  .disputes-v2-tabs .disputes-v2-tab {
    flex: 0 0 auto !important;
  }

  /* панели ниже вкладок не должны выталкивать экран */
  .stats-v2-panel,
  .disputes-v2-panel,
  .disputes-board,
  .disputes-v2-toolbar {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }
}

@media (max-width: 768px) {
  .disputes-v2-toolbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .disputes-v2-toolbar > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

/* =========================================================
   MOBILE COMPACT SCALE
   Уменьшаем масштаб интерфейса на телефоне
   ========================================================= */

@media (max-width: 768px) {
  body {
    font-size: 13px !important;
  }

  .main {
    padding: 8px 8px 78px 8px !important;
  }

  /* верхняя панель */
  .massmo-topbar,
  .header.massmo-topbar {
    padding: 8px !important;
    gap: 7px !important;
    margin-bottom: 10px !important;
    border-radius: 14px !important;
  }

  .massmo-topbar__left,
  .massmo-topbar__right {
    gap: 6px !important;
  }

  .massmo-pill {
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 9px !important;
    font-size: 10.5px !important;
    border-radius: 999px !important;
  }

  .massmo-dot {
    width: 7px !important;
    height: 7px !important;
  }

  .massmo-top-switch {
    height: 28px !important;
    padding: 0 8px !important;
    font-size: 10.5px !important;
    gap: 6px !important;
  }

  .massmo-top-switch__ui {
    width: 30px !important;
    height: 17px !important;
  }

  .massmo-top-switch__ui::before {
    width: 11px !important;
    height: 11px !important;
    top: 2px !important;
    left: 3px !important;
  }

  .massmo-top-switch input:checked + .massmo-top-switch__ui::before {
    left: 15px !important;
  }

  .massmo-avatar {
    width: 28px !important;
    height: 28px !important;
    font-size: 13px !important;
  }

  .massmo-finish-btn {
    height: 28px !important;
    padding: 0 9px !important;
    font-size: 10.5px !important;
    border-radius: 999px !important;
  }

  /* заголовки */
  .massmo-page-head {
    margin-bottom: 10px !important;
  }

  .massmo-page-head h1,
  #page-title {
    font-size: 26px !important;
    line-height: 1.05 !important;
    margin: 0 0 4px 0 !important;
  }

  .massmo-page-head p,
  #page-subtitle {
    font-size: 11px !important;
    margin: 0 !important;
  }

  .section-title {
    font-size: 18px !important;
    margin-bottom: 8px !important;
  }

  /* основные карточки/секции */
  #payouts-section,
  #stats-section,
  #disputes-section,
  #settings-section,
  #users-section,
  #salaries-section,
  #admin-section {
    padding: 10px !important;
    border-radius: 14px !important;
  }

  .settings-card,
  .summary-card,
  .shift-card,
  .amounts-card,
  .foreign-shift-banner,
  #foreign-shift-banner {
    padding: 10px !important;
    border-radius: 14px !important;
  }

  /* вкладки */
  .tabs,
  .payout-inner-tabs,
  .stats-v2-tabs,
  .disputes-v2-tabs {
    gap: 6px !important;
    margin-bottom: 8px !important;
  }

  .tab,
  .payout-inner-tab,
  .stats-v2-tab,
  .disputes-v2-tab {
    height: 34px !important;
    padding: 0 11px !important;
    font-size: 11.5px !important;
    border-radius: 12px !important;
  }

  /* поиск */
  .payout-search-bar {
    gap: 8px !important;
    margin: 8px 0 !important;
  }

  .payout-search-field span,
  .field__label {
    font-size: 11px !important;
  }

  .input,
  #payout-amount-search {
    height: 36px !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
    border-radius: 10px !important;
  }

  .btn,
  .payout-search-bar .btn {
    height: 36px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    border-radius: 10px !important;
  }

  /* суммы */
  .summary-label {
    font-size: 10px !important;
  }

  .summary-value,
  .amounts-list,
  #payout-amounts-summary {
    font-size: 20px !important;
    line-height: 1.18 !important;
  }

  /* таблицы */
  .table-wrap {
    border-radius: 12px !important;
  }

  th,
  td {
    padding: 7px 6px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  table thead th {
    padding: 8px 6px !important;
    font-size: 11px !important;
  }

  .table--payouts td:nth-child(2),
  .table--stats td:nth-child(3) {
    font-size: 12px !important;
  }

  .status-badge {
    padding: 3px 6px !important;
    font-size: 10px !important;
    border-radius: 6px !important;
  }

  .bank-cell {
    gap: 6px !important;
    max-width: 135px !important;
  }

  .bank-cell img {
    width: 17px !important;
    height: 17px !important;
  }

  .icon-btn {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    border-radius: 8px !important;
  }

  .icon-btn svg {
    width: 15px !important;
    height: 15px !important;
  }

  /* нижнее меню */
  body.mobile-bottom-nav .massmo-sidebar {
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    left: 8px !important;
    right: 8px !important;
    bottom: 7px !important;
    padding: 5px 8px !important;
    border-radius: 19px !important;
  }

  body.mobile-bottom-nav .massmo-sidebar .nav {
    width: 39px !important;
    min-width: 39px !important;
    max-width: 39px !important;
    height: 39px !important;
    min-height: 39px !important;
    max-height: 39px !important;
    border-radius: 13px !important;
  }

  body.mobile-bottom-nav .massmo-sidebar .nav__icon {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    border-radius: 12px !important;
  }

  body.mobile-bottom-nav .massmo-sidebar .nav svg {
    width: 18px !important;
    height: 18px !important;
  }

  body.mobile-bottom-nav .main {
    padding-bottom: 72px !important;
  }

  /* модалки */
  .modal__card {
    width: calc(100% - 18px) !important;
    margin: 50px auto !important;
    padding: 12px !important;
    border-radius: 14px !important;
  }

  .modal__title {
    font-size: 14px !important;
  }

  .modal__sub {
    font-size: 11px !important;
  }
}

@media (max-width: 420px) {
  .main {
    padding: 7px 7px 72px 7px !important;
  }

  .massmo-page-head h1,
  #page-title {
    font-size: 24px !important;
  }

  .summary-value,
  .amounts-list,
  #payout-amounts-summary {
    font-size: 18px !important;
  }

  th,
  td {
    padding: 6px 5px !important;
    font-size: 10.5px !important;
  }

  .table--payouts {
    min-width: 640px !important;
  }

  .table--stats {
    min-width: 640px !important;
  }

  body.mobile-bottom-nav .massmo-sidebar {
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
  }

  body.mobile-bottom-nav .massmo-sidebar .nav {
    width: 37px !important;
    min-width: 37px !important;
    height: 37px !important;
    min-height: 37px !important;
  }

  body.mobile-bottom-nav .massmo-sidebar .nav svg {
    width: 17px !important;
    height: 17px !important;
  }
}

/* =========================================================
   MOBILE EXTRA COMPACT
   Еще меньше масштаб на телефоне
   ========================================================= */

@media (max-width: 768px) {
  body {
    font-size: 12px !important;
  }

  .main {
    padding: 6px 6px 62px 6px !important;
  }

  /* верхняя панель еще ниже */
  .massmo-topbar,
  .header.massmo-topbar {
    padding: 6px !important;
    gap: 5px !important;
    margin-bottom: 7px !important;
    border-radius: 12px !important;
  }

  .massmo-topbar__left,
  .massmo-topbar__right {
    gap: 5px !important;
  }

  .massmo-pill {
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 7px !important;
    font-size: 9.5px !important;
  }

  .massmo-dot {
    width: 6px !important;
    height: 6px !important;
  }

  .massmo-top-switch {
    height: 24px !important;
    padding: 0 7px !important;
    font-size: 9.5px !important;
    gap: 5px !important;
  }

  .massmo-top-switch__ui {
    width: 26px !important;
    height: 15px !important;
  }

  .massmo-top-switch__ui::before {
    width: 9px !important;
    height: 9px !important;
    top: 2px !important;
    left: 3px !important;
  }

  .massmo-top-switch input:checked + .massmo-top-switch__ui::before {
    left: 13px !important;
  }

  .massmo-avatar {
    width: 24px !important;
    height: 24px !important;
    font-size: 11px !important;
  }

  .massmo-finish-btn {
    height: 24px !important;
    padding: 0 8px !important;
    font-size: 9.5px !important;
  }

  /* заголовки */
  .massmo-page-head {
    margin-bottom: 7px !important;
  }

  .massmo-page-head h1,
  #page-title {
    font-size: 21px !important;
    line-height: 1 !important;
    margin: 0 0 3px 0 !important;
  }

  .massmo-page-head p,
  #page-subtitle {
    font-size: 10px !important;
  }

  .section-title {
    font-size: 15px !important;
    margin-bottom: 6px !important;
  }

  /* секции и карточки */
  #payouts-section,
  #stats-section,
  #disputes-section,
  #settings-section,
  #users-section,
  #salaries-section,
  #admin-section {
    padding: 7px !important;
    border-radius: 12px !important;
  }

  .settings-card,
  .summary-card,
  .shift-card,
  .amounts-card,
  .foreign-shift-banner,
  #foreign-shift-banner {
    padding: 8px !important;
    border-radius: 12px !important;
  }

  /* вкладки */
  .tabs,
  .payout-inner-tabs,
  .stats-v2-tabs,
  .disputes-v2-tabs {
    gap: 5px !important;
    margin-bottom: 6px !important;
  }

  .tab,
  .payout-inner-tab,
  .stats-v2-tab,
  .disputes-v2-tab {
    height: 30px !important;
    padding: 0 9px !important;
    font-size: 10.5px !important;
    border-radius: 10px !important;
  }

  /* поиск */
  .payout-search-bar {
    gap: 6px !important;
    margin: 6px 0 !important;
  }

  .payout-search-field span,
  .field__label {
    font-size: 10px !important;
  }

  .input,
  #payout-amount-search {
    height: 32px !important;
    padding: 6px 8px !important;
    font-size: 11px !important;
    border-radius: 9px !important;
  }

  .btn,
  .payout-search-bar .btn {
    height: 32px !important;
    padding: 0 8px !important;
    font-size: 11px !important;
    border-radius: 9px !important;
  }

  /* суммы */
  .summary-label {
    font-size: 9px !important;
  }

  .summary-value,
  .amounts-list,
  #payout-amounts-summary {
    font-size: 16px !important;
    line-height: 1.15 !important;
  }

  /* таблицы */
  .table-wrap {
    border-radius: 10px !important;
  }

  th,
  td {
    padding: 5px 4px !important;
    font-size: 9.5px !important;
    line-height: 1.18 !important;
  }

  table thead th {
    padding: 6px 4px !important;
    font-size: 9.5px !important;
  }

  .table--payouts td:nth-child(2),
  .table--stats td:nth-child(3) {
    font-size: 10.5px !important;
  }

  .status-badge {
    padding: 2px 5px !important;
    font-size: 9px !important;
    border-radius: 5px !important;
  }

  .bank-cell {
    gap: 4px !important;
    max-width: 120px !important;
  }

  .bank-cell img {
    width: 15px !important;
    height: 15px !important;
  }

  .icon-btn {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    border-radius: 7px !important;
  }

  .icon-btn svg {
    width: 13px !important;
    height: 13px !important;
  }

  .actions-cell {
    gap: 4px !important;
  }

  /* нижнее меню еще компактнее */
  body.mobile-bottom-nav .massmo-sidebar {
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    left: 7px !important;
    right: 7px !important;
    bottom: 6px !important;
    padding: 4px 7px !important;
    border-radius: 16px !important;
  }

  body.mobile-bottom-nav .massmo-sidebar .nav {
    width: 33px !important;
    min-width: 33px !important;
    max-width: 33px !important;
    height: 33px !important;
    min-height: 33px !important;
    max-height: 33px !important;
    border-radius: 10px !important;
  }

  body.mobile-bottom-nav .massmo-sidebar .nav__icon {
    width: 29px !important;
    min-width: 29px !important;
    height: 29px !important;
    border-radius: 9px !important;
  }

  body.mobile-bottom-nav .massmo-sidebar .nav svg {
    width: 15px !important;
    height: 15px !important;
  }

  body.mobile-bottom-nav .main {
    padding-bottom: 58px !important;
  }

  /* модалки */
  .modal__card {
    width: calc(100% - 14px) !important;
    margin: 36px auto !important;
    padding: 10px !important;
    border-radius: 12px !important;
  }

  .modal__title {
    font-size: 13px !important;
  }

  .modal__sub {
    font-size: 10px !important;
  }
}

@media (max-width: 420px) {
  .main {
    padding: 5px 5px 58px 5px !important;
  }

  .massmo-page-head h1,
  #page-title {
    font-size: 20px !important;
  }

  .summary-value,
  .amounts-list,
  #payout-amounts-summary {
    font-size: 15px !important;
  }

  th,
  td {
    padding: 4px 4px !important;
    font-size: 9px !important;
  }

  table thead th {
    font-size: 9px !important;
  }

  .table--payouts {
    min-width: 580px !important;
  }

  .table--stats {
    min-width: 580px !important;
  }

  body.mobile-bottom-nav .massmo-sidebar {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    bottom: 5px !important;
  }

  body.mobile-bottom-nav .massmo-sidebar .nav {
    width: 31px !important;
    min-width: 31px !important;
    height: 31px !important;
    min-height: 31px !important;
  }

  body.mobile-bottom-nav .massmo-sidebar .nav svg {
    width: 14px !important;
    height: 14px !important;
  }
}

/* =========================================================
   SHIFT MODALS V2 — начало / конец смены
   ========================================================= */

#shift-start-modal,
#shift-finish-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;

  display: grid !important;
  place-items: center !important;

  padding: 24px !important;

  background:
    radial-gradient(circle at 20% 10%, rgba(37,99,235,.24), transparent 34%),
    radial-gradient(circle at 80% 90%, rgba(34,197,94,.12), transparent 34%),
    rgba(0,0,0,.72) !important;

  backdrop-filter: blur(14px) !important;
}

#shift-start-modal[hidden],
#shift-finish-modal[hidden] {
  display: none !important;
}

/* карточка модалки */
#shift-start-modal .modal__dialog,
#shift-start-modal .modal-card,
#shift-start-modal .modal-content,

#shift-finish-modal .modal__dialog,
#shift-finish-modal .modal-card,
#shift-finish-modal .modal-content,

  width: min(560px, calc(100vw - 48px)) !important;
  max-height: calc(100vh - 48px) !important;
  overflow: hidden !important;

  border-radius: 30px !important;

  background:
    radial-gradient(circle at top right, rgba(37,99,235,.17), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),
    #151515 !important;

  border: 1px solid rgba(255,255,255,.10) !important;

  box-shadow:
    0 36px 100px rgba(0,0,0,.58),
    inset 0 1px 0 rgba(255,255,255,.055) !important;

  animation: shiftModalIn .16s ease-out !important;
}

@keyframes shiftModalIn {
  from {
    opacity: 0;
    transform: translateY(14px) scale(.975);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* верх модалки */
#shift-start-modal .modal__header,
#shift-start-modal .modal-header,
#shift-finish-modal .modal__header,
#shift-finish-modal .modal-header {
  position: relative !important;

  min-height: 96px !important;
  padding: 24px 26px 20px 92px !important;

  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,0)) !important;

  border-bottom: 1px solid rgba(255,255,255,.075) !important;
}

/* иконка в шапке */
#shift-start-modal .modal__header::before,
#shift-start-modal .modal-header::before,
#shift-finish-modal .modal__header::before,
#shift-finish-modal .modal-header::before {
  content: "";
  position: absolute;
  left: 26px;
  top: 24px;

  width: 48px;
  height: 48px;

  border-radius: 18px;

  background:
    radial-gradient(circle at top, rgba(255,255,255,.20), transparent 55%),
    rgba(37,99,235,.16);

  border: 1px solid rgba(37,99,235,.32);

  box-shadow:
    0 14px 30px rgba(37,99,235,.16),
    inset 0 1px 0 rgba(255,255,255,.10);
}

#shift-start-modal .modal__header::after,
#shift-start-modal .modal-header::after {
  content: "▶";
  position: absolute;
  left: 44px;
  top: 34px;

  color: #93C5FD;
  font-size: 22px;
  font-weight: 950;
}

#shift-finish-modal .modal__header::after,
#shift-finish-modal .modal-header::after {
  content: "✓";
  position: absolute;
  left: 42px;
  top: 31px;

  color: #86EFAC;
  font-size: 28px;
  font-weight: 950;
}

/* заголовки */
#shift-start-modal h2,
#shift-start-modal h3,
#shift-start-modal .modal__title,
#shift-start-modal .modal-title,
#shift-finish-modal h2,
#shift-finish-modal h3,
#shift-finish-modal .modal__title,
#shift-finish-modal .modal-title {
  margin: 0 !important;

  color: #F9FAFB !important;

  font-size: 26px !important;
  line-height: 1.06 !important;
  font-weight: 950 !important;
  letter-spacing: -.7px !important;
}

#shift-start-modal .modal__subtitle,
#shift-start-modal .modal-subtitle,
#shift-start-modal .muted,
#shift-finish-modal .modal__subtitle,
#shift-finish-modal .modal-subtitle,
#shift-finish-modal .muted {
  margin-top: 7px !important;

  color: #8B95A7 !important;

  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 750 !important;
}

/* тело */
#shift-start-modal .modal__body,
#shift-start-modal .modal-body,
#shift-finish-modal .modal__body,
#shift-finish-modal .modal-body {
  padding: 24px 26px !important;
  overflow: auto !important;
  max-height: calc(100vh - 250px) !important;
}

/* футер */
#shift-start-modal .modal__footer,
#shift-start-modal .modal-footer,
#shift-finish-modal .modal__footer,
#shift-finish-modal .modal-footer {
  padding: 18px 26px 24px !important;

  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.035)) !important;

  border-top: 1px solid rgba(255,255,255,.075) !important;
}

/* поля */
#shift-start-modal .field,
#shift-finish-modal .field {
  margin: 0 0 14px !important;
  display: grid !important;
  gap: 7px !important;
}

#shift-start-modal .field__label,
#shift-finish-modal .field__label {
  color: #8B95A7 !important;

  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: .35px !important;
  text-transform: uppercase !important;
}

#shift-start-modal .input,
#shift-start-modal input,
#shift-finish-modal .input,
#shift-finish-modal input {
  width: 100% !important;
  height: 48px !important;

  border-radius: 17px !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015)),
    rgba(0,0,0,.34) !important;

  border: 1px solid rgba(255,255,255,.085) !important;

  color: #F9FAFB !important;

  font-size: 15px !important;
  font-weight: 850 !important;

  padding: 0 15px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035) !important;

  transition: .15s ease !important;
}

#shift-start-modal .input:focus,
#shift-start-modal input:focus,
#shift-finish-modal .input:focus,
#shift-finish-modal input:focus {
  border-color: rgba(37,99,235,.62) !important;

  box-shadow:
    0 0 0 4px rgba(37,99,235,.14),
    inset 0 1px 0 rgba(255,255,255,.045) !important;

  outline: none !important;
}

/* карточки с расчётом в финише */
#shift-finish-modal .shift-finish-summary,
#shift-finish-modal .finish-summary,
#shift-finish-modal .summary-card,
#shift-finish-modal .shift-summary {
  display: grid !important;
  gap: 10px !important;

  margin-bottom: 16px !important;
  padding: 14px !important;

  border-radius: 22px !important;

  background:
    radial-gradient(circle at top right, rgba(34,197,94,.10), transparent 34%),
    rgba(0,0,0,.24) !important;

  border: 1px solid rgba(255,255,255,.075) !important;
}

/* если расчёт просто текстом / div */
#shift-finish-modal #shift-finish-start-balance,
#shift-finish-modal #shift-finish-start-orders,
#shift-finish-modal #shift-finish-profit,
#shift-finish-modal #shift-finish-expected {
  display: inline-flex !important;
  align-items: center !important;

  min-height: 34px !important;

  padding: 0 11px !important;
  margin: 0 6px 8px 0 !important;

  border-radius: 999px !important;

  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.085) !important;

  color: #E5E7EB !important;

  font-size: 12px !important;
  font-weight: 950 !important;
}

#shift-finish-modal #shift-finish-profit {
  color: #86EFAC !important;
  background: rgba(34,197,94,.11) !important;
  border-color: rgba(34,197,94,.24) !important;
}

#shift-finish-modal #shift-finish-expected {
  color: #93C5FD !important;
  background: rgba(37,99,235,.12) !important;
  border-color: rgba(37,99,235,.26) !important;
}

/* кнопки закрытия */
#shift-start-modal .modal__close,
#shift-start-modal .modal-close,
#shift-start-modal [data-modal-close],
#shift-start-modal [data-shift-modal-close],
#shift-start-modal [data-close],
#shift-finish-modal .modal__close,
#shift-finish-modal .modal-close,
#shift-finish-modal [data-modal-close],
#shift-finish-modal [data-shift-modal-close],
#shift-finish-modal [data-close] {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 15px !important;

  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.09) !important;

  color: #DDE3EE !important;

  font-size: 20px !important;
  font-weight: 900 !important;

  cursor: pointer !important;
  transition: .15s ease !important;
}

#shift-start-modal .modal__close:hover,
#shift-start-modal .modal-close:hover,
#shift-start-modal [data-modal-close]:hover,
#shift-start-modal [data-shift-modal-close]:hover,
#shift-start-modal [data-close]:hover,
#shift-finish-modal .modal__close:hover,
#shift-finish-modal .modal-close:hover,
#shift-finish-modal [data-modal-close]:hover,
#shift-finish-modal [data-shift-modal-close]:hover,
#shift-finish-modal [data-close]:hover {
  transform: translateY(-1px) !important;

  background: rgba(239,68,68,.13) !important;
  border-color: rgba(239,68,68,.28) !important;
  color: #FCA5A5 !important;
}

/* кнопки */
#shift-start-modal .btn,
#shift-finish-modal .btn {
  height: 46px !important;

  padding: 0 18px !important;

  border-radius: 16px !important;

  font-size: 13px !important;
  font-weight: 950 !important;

  transition: .15s ease !important;
}

#shift-start-modal .btn:hover,
#shift-finish-modal .btn:hover {
  transform: translateY(-1px) !important;
}

#shift-start-submit,
#shift-finish-submit {
  background:
    linear-gradient(180deg, rgba(37,99,235,1), rgba(29,78,216,1)) !important;

  border: 1px solid rgba(147,197,253,.30) !important;
  color: #fff !important;

  box-shadow:
    0 16px 36px rgba(37,99,235,.24),
    inset 0 1px 0 rgba(255,255,255,.20) !important;
}

#shift-finish-submit {
  background:
    linear-gradient(180deg, rgba(34,197,94,1), rgba(22,163,74,1)) !important;

  border-color: rgba(134,239,172,.28) !important;

  box-shadow:
    0 16px 36px rgba(34,197,94,.20),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

#shift-start-modal .btn-ghost,
#shift-finish-modal .btn-ghost {
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  color: #DDE3EE !important;
}

/* ошибки */
#shift-start-modal .form-error,
#shift-start-modal .error,
#shift-finish-modal .form-error,
#shift-finish-modal .error {
  padding: 12px 14px !important;

  border-radius: 16px !important;

  background: rgba(239,68,68,.12) !important;
  border: 1px solid rgba(239,68,68,.24) !important;

  color: #FCA5A5 !important;

  font-size: 13px !important;
  font-weight: 850 !important;
}

/* мелкий текст */
#shift-start-modal small,
#shift-finish-modal small {
  color: #8B95A7 !important;
  font-weight: 750 !important;
}

/* =========================================================
   BYBIT MODAL V2 — модалка курса / UID / не отпустил
   ========================================================= */

#bybit-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;

  display: grid !important;
  place-items: center !important;

  padding: 24px !important;

  background:
    radial-gradient(circle at 22% 12%, rgba(245,158,11,.18), transparent 34%),
    radial-gradient(circle at 78% 88%, rgba(37,99,235,.14), transparent 34%),
    rgba(0,0,0,.72) !important;

  backdrop-filter: blur(14px) !important;
}

#bybit-modal[hidden] {
  display: none !important;
}

/* карточка */
#bybit-modal .modal__dialog,
#bybit-modal .modal-card,
#bybit-modal .modal-content {
  width: min(520px, calc(100vw - 48px)) !important;
  max-height: calc(100vh - 48px) !important;
  overflow: hidden !important;

  border-radius: 30px !important;

  background:
    radial-gradient(circle at top right, rgba(245,158,11,.16), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025)),
    #151515 !important;

  border: 1px solid rgba(255,255,255,.10) !important;

  box-shadow:
    0 36px 100px rgba(0,0,0,.58),
    inset 0 1px 0 rgba(255,255,255,.055) !important;

  animation: bybitModalIn .16s ease-out !important;
}

@keyframes bybitModalIn {
  from {
    opacity: 0;
    transform: translateY(14px) scale(.975);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* шапка */
#bybit-modal .modal__header,
#bybit-modal .modal-header {
  position: relative !important;

  min-height: 96px !important;
  padding: 24px 26px 20px 92px !important;

  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,0)) !important;

  border-bottom: 1px solid rgba(255,255,255,.075) !important;
}

/* иконка */
#bybit-modal .modal__header::before,
#bybit-modal .modal-header::before {
  content: "";
  position: absolute;
  left: 26px;
  top: 24px;

  width: 48px;
  height: 48px;

  border-radius: 18px;

  background:
    radial-gradient(circle at top, rgba(255,255,255,.22), transparent 55%),
    rgba(245,158,11,.15);

  border: 1px solid rgba(245,158,11,.32);

  box-shadow:
    0 14px 30px rgba(245,158,11,.14),
    inset 0 1px 0 rgba(255,255,255,.10);
}

#bybit-modal .modal__header::after,
#bybit-modal .modal-header::after {
  content: "$";
  position: absolute;
  left: 43px;
  top: 32px;

  color: #FBBF24;
  font-size: 25px;
  font-weight: 950;
}

/* заголовок */
#bybit-modal h2,
#bybit-modal h3,
#bybit-modal .modal__title,
#bybit-modal .modal-title {
  margin: 0 !important;

  color: #F9FAFB !important;

  font-size: 26px !important;
  line-height: 1.06 !important;
  font-weight: 950 !important;
  letter-spacing: -.7px !important;
}

#bybit-modal .modal__subtitle,
#bybit-modal .modal-subtitle,
#bybit-modal .muted {
  margin-top: 7px !important;

  color: #8B95A7 !important;

  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 750 !important;
}

/* тело */
#bybit-modal .modal__body,
#bybit-modal .modal-body {
  padding: 24px 26px !important;
  overflow: auto !important;
  max-height: calc(100vh - 250px) !important;
}

/* футер */
#bybit-modal .modal__footer,
#bybit-modal .modal-footer {
  padding: 18px 26px 24px !important;

  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.035)) !important;

  border-top: 1px solid rgba(255,255,255,.075) !important;
}

/* поля */
#bybit-modal .field {
  margin: 0 0 14px !important;
  display: grid !important;
  gap: 7px !important;
}

#bybit-modal .field__label {
  color: #8B95A7 !important;

  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: .35px !important;
  text-transform: uppercase !important;
}

#bybit-modal .input,
#bybit-modal input,
#bybit-modal select {
  width: 100% !important;
  height: 48px !important;

  border-radius: 17px !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015)),
    rgba(0,0,0,.34) !important;

  border: 1px solid rgba(255,255,255,.085) !important;

  color: #F9FAFB !important;

  font-size: 15px !important;
  font-weight: 850 !important;

  padding: 0 15px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035) !important;

  transition: .15s ease !important;
}

#bybit-modal .input:focus,
#bybit-modal input:focus,
#bybit-modal select:focus {
  border-color: rgba(245,158,11,.62) !important;

  box-shadow:
    0 0 0 4px rgba(245,158,11,.13),
    inset 0 1px 0 rgba(255,255,255,.045) !important;

  outline: none !important;
}

/* чекбокс UID */
#bybit-modal input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  padding: 0 !important;

  accent-color: #F59E0B !important;
}

#bybit-modal label:has(input[type="checkbox"]) {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  min-height: 44px !important;
  padding: 11px 13px !important;

  border-radius: 16px !important;

  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.075) !important;

  color: #DDE3EE !important;

  font-size: 13px !important;
  font-weight: 850 !important;
}

/* превью UID */
#bybit-uid-preview {
  margin-top: 10px !important;
  padding: 12px 14px !important;

  border-radius: 16px !important;

  background:
    radial-gradient(circle at top right, rgba(245,158,11,.13), transparent 34%),
    rgba(0,0,0,.26) !important;

  border: 1px solid rgba(245,158,11,.22) !important;

  color: #FBBF24 !important;

  font-size: 13px !important;
  font-weight: 900 !important;
}

#bybit-uid-preview[hidden] {
  display: none !important;
}

#bybit-uid-preview-value {
  color: #F9FAFB !important;
  font-weight: 950 !important;
}

/* Отпустил / Не отпустил */
#bybit-modal .bybit-release {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;

  margin: 16px 0 14px !important;
  padding: 6px !important;

  border-radius: 20px !important;

  background: rgba(0,0,0,.28) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
}

#bybit-modal .bybit-release-btn {
  height: 44px !important;

  border-radius: 15px !important;

  background: transparent !important;
  border: 1px solid transparent !important;

  color: #8B95A7 !important;

  font-size: 13px !important;
  font-weight: 950 !important;

  cursor: pointer !important;
  transition: .15s ease !important;
}

#bybit-modal .bybit-release-btn:hover {
  color: #F9FAFB !important;
  background: rgba(255,255,255,.05) !important;
}

#bybit-modal .bybit-release-btn.active {
  color: #fff !important;
  background: rgba(37,99,235,.18) !important;
  border-color: rgba(37,99,235,.35) !important;

  box-shadow:
    0 12px 28px rgba(37,99,235,.14),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

#bybit-modal .bybit-release-btn[data-bybit-release="released"].active {
  background: rgba(34,197,94,.16) !important;
  border-color: rgba(34,197,94,.32) !important;
  color: #86EFAC !important;
}

#bybit-modal .bybit-release-btn[data-bybit-release="not_released"].active {
  background: rgba(239,68,68,.14) !important;
  border-color: rgba(239,68,68,.30) !important;
  color: #FCA5A5 !important;
}

/* блок выбора человека */
#bybit-person-list,
#bybit-modal .bybit-person-list {
  margin-top: 12px !important;
  padding: 14px !important;

  border-radius: 20px !important;

  background:
    radial-gradient(circle at top right, rgba(239,68,68,.10), transparent 34%),
    rgba(0,0,0,.24) !important;

  border: 1px solid rgba(239,68,68,.18) !important;
}

#bybit-person-list[hidden],
#bybit-modal .bybit-person-list[hidden] {
  display: none !important;
}

/* ошибка */
#bybit-error {
  margin-top: 12px !important;
  padding: 12px 14px !important;

  border-radius: 16px !important;

  background: rgba(239,68,68,.12) !important;
  border: 1px solid rgba(239,68,68,.24) !important;

  color: #FCA5A5 !important;

  font-size: 13px !important;
  font-weight: 850 !important;
}

#bybit-error[hidden] {
  display: none !important;
}

/* кнопка закрытия */
#bybit-modal .modal__close,
#bybit-modal .modal-close,
#bybit-modal [data-modal-close],
#bybit-modal [data-bybit-close],
#bybit-modal [data-close] {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 15px !important;

  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.09) !important;

  color: #DDE3EE !important;

  font-size: 20px !important;
  font-weight: 900 !important;

  cursor: pointer !important;
  transition: .15s ease !important;
}

#bybit-modal .modal__close:hover,
#bybit-modal .modal-close:hover,
#bybit-modal [data-modal-close]:hover,
#bybit-modal [data-bybit-close]:hover,
#bybit-modal [data-close]:hover {
  transform: translateY(-1px) !important;

  background: rgba(239,68,68,.13) !important;
  border-color: rgba(239,68,68,.28) !important;
  color: #FCA5A5 !important;
}

/* кнопки */
#bybit-modal .btn {
  height: 46px !important;

  padding: 0 18px !important;

  border-radius: 16px !important;

  font-size: 13px !important;
  font-weight: 950 !important;

  transition: .15s ease !important;
}

#bybit-modal .btn:hover {
  transform: translateY(-1px) !important;
}

#bybit-submit {
  background:
    linear-gradient(180deg, rgba(245,158,11,1), rgba(217,119,6,1)) !important;

  border: 1px solid rgba(251,191,36,.34) !important;
  color: #111827 !important;

  box-shadow:
    0 16px 36px rgba(245,158,11,.22),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}

#bybit-cancel,
#bybit-modal .btn-ghost {
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  color: #DDE3EE !important;
}

#bybit-cancel:hover,
#bybit-modal .btn-ghost:hover {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.16) !important;
}

/* ===== BYBIT MODAL FIX ===== */

/* не ломаем кастомный UID toggle */
#bybit-modal .uid-toggle,
#bybit-modal .switch,
#bybit-modal .toggle,
#bybit-modal label:has(#bybit-is-uid) {
  width: auto !important;
  min-height: unset !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* сам блок "По UID" делаем нормальной карточкой */
#bybit-modal .bybit-uid-row,
#bybit-modal .uid-row,
#bybit-modal .bybit-copy-sheet,
#bybit-modal .uid-card {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;

  min-height: 78px !important;
  padding: 14px 16px !important;
  margin: 16px 0 !important;

  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    rgba(0,0,0,.22) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}

/* если у блока UID нет класса — цепляем по чекбоксу */
#bybit-modal .field:has(#bybit-is-uid) {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;

  min-height: 78px !important;
  padding: 14px 16px !important;
  margin: 16px 0 !important;

  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    rgba(0,0,0,.22) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
}

#bybit-modal .field:has(#bybit-is-uid) .field__label {
  margin: 0 !important;
}

/* чекбокс UID не должен быть растянутым input */
#bybit-is-uid {
  width: 46px !important;
  height: 26px !important;
  min-height: 26px !important;
  padding: 0 !important;
  flex: 0 0 auto !important;

  appearance: none !important;
  -webkit-appearance: none !important;

  border-radius: 999px !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.16) !important;

  position: relative !important;
  cursor: pointer !important;
}

#bybit-is-uid::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 3px;
  top: 2px;

  border-radius: 50%;
  background: #9CA3AF;
  transition: .15s ease;
}

#bybit-is-uid:checked {
  background: rgba(34,197,94,.18) !important;
  border-color: rgba(34,197,94,.45) !important;
}

#bybit-is-uid:checked::before {
  left: 21px;
  background: #86EFAC;
}

/* превью "Отправить по UID" не должно быть кнопкой в футере */
#bybit-uid-preview {
  width: 100% !important;
  min-height: 44px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  margin: 12px 0 0 !important;
  padding: 0 14px !important;

  border-radius: 16px !important;
  background: rgba(245,158,11,.10) !important;
  border: 1px solid rgba(245,158,11,.24) !important;

  color: #FBBF24 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

#bybit-uid-preview[hidden] {
  display: none !important;
}

#bybit-uid-preview-value {
  color: #F9FAFB !important;
  font-weight: 950 !important;
}

/* футер выравниваем нормально */
#bybit-modal .modal__footer,
#bybit-modal .modal-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}

/* кнопки в футере */
#bybit-cancel,
#bybit-submit {
  min-width: 118px !important;
}

/* если preview случайно попал в footer — переносим на всю строку */
#bybit-modal .modal__footer #bybit-uid-preview,
#bybit-modal .modal-footer #bybit-uid-preview {
  order: -1 !important;
  flex: 1 0 100% !important;
  margin-bottom: 10px !important;
}

/* =========================================================
   TOKEN EDIT MODAL V2 — редактирование токена
   ========================================================= */

#token-edit-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;

  display: grid !important;
  place-items: center !important;

  padding: 24px !important;

  background:
    radial-gradient(circle at 20% 10%, rgba(37,99,235,.20), transparent 34%),
    radial-gradient(circle at 80% 90%, rgba(34,197,94,.10), transparent 34%),
    rgba(0,0,0,.72) !important;

  backdrop-filter: blur(14px) !important;
}

#token-edit-modal[hidden] {
  display: none !important;
}

/* карточка */
#token-edit-modal .modal__dialog,
#token-edit-modal .modal-card,
#token-edit-modal .modal-content {
  width: min(720px, calc(100vw - 48px)) !important;
  max-height: calc(100vh - 48px) !important;
  overflow: hidden !important;

  border-radius: 30px !important;

  background:
    radial-gradient(circle at top right, rgba(37,99,235,.16), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025)),
    #151515 !important;

  border: 1px solid rgba(255,255,255,.10) !important;

  box-shadow:
    0 36px 100px rgba(0,0,0,.58),
    inset 0 1px 0 rgba(255,255,255,.055) !important;

  animation: tokenModalIn .16s ease-out !important;
}

@keyframes tokenModalIn {
  from {
    opacity: 0;
    transform: translateY(14px) scale(.975);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* шапка */
#token-edit-modal .modal__header,
#token-edit-modal .modal-header {
  position: relative !important;

  min-height: 96px !important;
  padding: 24px 26px 20px 92px !important;

  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,0)) !important;

  border-bottom: 1px solid rgba(255,255,255,.075) !important;
}

/* иконка */
#token-edit-modal .modal__header::before,
#token-edit-modal .modal-header::before {
  content: "";
  position: absolute;
  left: 26px;
  top: 24px;

  width: 48px;
  height: 48px;

  border-radius: 18px;

  background:
    radial-gradient(circle at top, rgba(255,255,255,.22), transparent 55%),
    rgba(37,99,235,.16);

  border: 1px solid rgba(37,99,235,.32);

  box-shadow:
    0 14px 30px rgba(37,99,235,.15),
    inset 0 1px 0 rgba(255,255,255,.10);
}

#token-edit-modal .modal__header::after,
#token-edit-modal .modal-header::after {
  content: "⚙";
  position: absolute;
  left: 39px;
  top: 31px;

  color: #93C5FD;
  font-size: 25px;
  font-weight: 950;
}

/* заголовки */
#token-edit-modal h2,
#token-edit-modal h3,
#token-edit-modal .modal__title,
#token-edit-modal .modal-title {
  margin: 0 !important;

  color: #F9FAFB !important;

  font-size: 28px !important;
  line-height: 1.06 !important;
  font-weight: 950 !important;
  letter-spacing: -.8px !important;
}

#token-edit-modal .modal__subtitle,
#token-edit-modal .modal-subtitle,
#token-edit-modal #token-edit-subtitle,
#token-edit-modal .muted {
  margin-top: 7px !important;

  color: #8B95A7 !important;

  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 750 !important;
}

/* тело */
#token-edit-modal .modal__body,
#token-edit-modal .modal-body {
  padding: 24px 26px !important;
  overflow: auto !important;
  max-height: calc(100vh - 250px) !important;
}

/* футер */
#token-edit-modal .modal__footer,
#token-edit-modal .modal-footer {
  padding: 18px 26px 24px !important;

  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.035)) !important;

  border-top: 1px solid rgba(255,255,255,.075) !important;
}

/* доступный объем */
#token-edit-modal #token-payouts-total-limit,
#token-edit-modal .token-payouts-total-limit {
  display: flex !important;
  align-items: center !important;

  min-height: 78px !important;
  padding: 18px !important;
  margin-bottom: 18px !important;

  border-radius: 20px !important;

  background:
    radial-gradient(circle at top right, rgba(37,99,235,.18), transparent 36%),
    rgba(37,99,235,.08) !important;

  border: 1px solid rgba(37,99,235,.24) !important;

  color: #F9FAFB !important;

  font-size: 22px !important;
  font-weight: 950 !important;
  letter-spacing: -.3px !important;
}

/* если число находится внутри старой карточки */
#token-edit-modal .token-limit-card,
#token-edit-modal .token-total-card,
#token-edit-modal .settings-card:has(#token-payouts-total-limit) {
  padding: 0 !important;
  margin: 0 0 18px !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* подписи */
#token-edit-modal .field {
  margin: 0 0 16px !important;
  display: grid !important;
  gap: 7px !important;
}

#token-edit-modal .field__label,
#token-edit-modal label {
  color: #8B95A7 !important;

  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: .35px !important;
  text-transform: uppercase !important;
}

/* поля суммы */
#token-edit-modal .input,
#token-edit-modal input[type="text"],
#token-edit-modal input[type="number"] {
  width: 100% !important;
  height: 48px !important;

  border-radius: 17px !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015)),
    rgba(0,0,0,.34) !important;

  border: 1px solid rgba(255,255,255,.085) !important;

  color: #F9FAFB !important;

  font-size: 15px !important;
  font-weight: 850 !important;

  padding: 0 15px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035) !important;

  transition: .15s ease !important;
}

#token-edit-modal .input:focus,
#token-edit-modal input[type="text"]:focus,
#token-edit-modal input[type="number"]:focus {
  border-color: rgba(37,99,235,.62) !important;

  box-shadow:
    0 0 0 4px rgba(37,99,235,.14),
    inset 0 1px 0 rgba(255,255,255,.045) !important;

  outline: none !important;
}

/* банки */
#token-edit-modal .token-banks,
#token-edit-modal .token-bank-list,
#token-edit-modal .banks-list,
#token-edit-modal .token-bank-checkboxes {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;

  padding: 14px !important;
  margin: 8px 0 18px !important;

  border-radius: 22px !important;

  background: rgba(0,0,0,.18) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
}

/* строки банков */
#token-edit-modal .token-bank-option,
#token-edit-modal .bank-option,
#token-edit-modal .bank-checkbox,
#token-edit-modal .token-bank-row,
#token-edit-modal label:has(input[type="checkbox"][value]) {
  min-height: 54px !important;

  display: flex !important;
  align-items: center !important;
  gap: 12px !important;

  padding: 0 14px !important;

  border-radius: 16px !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)),
    rgba(0,0,0,.20) !important;

  border: 1px solid rgba(255,255,255,.075) !important;

  color: #DDE3EE !important;

  font-size: 13px !important;
  font-weight: 850 !important;

  text-transform: none !important;
  letter-spacing: 0 !important;

  transition: .15s ease !important;
}

#token-edit-modal .token-bank-option:hover,
#token-edit-modal .bank-option:hover,
#token-edit-modal .bank-checkbox:hover,
#token-edit-modal .token-bank-row:hover,
#token-edit-modal label:has(input[type="checkbox"][value]):hover {
  transform: translateY(-1px) !important;

  background: rgba(37,99,235,.10) !important;
  border-color: rgba(37,99,235,.25) !important;
}

/* чекбоксы банков */
#token-edit-modal input[type="checkbox"] {
  width: 42px !important;
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 !important;
  flex: 0 0 auto !important;

  appearance: none !important;
  -webkit-appearance: none !important;

  border-radius: 999px !important;

  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.16) !important;

  position: relative !important;
  cursor: pointer !important;

  transition: .15s ease !important;
}

#token-edit-modal input[type="checkbox"]::before {
  content: "";
  position: absolute;

  width: 18px;
  height: 18px;

  left: 3px;
  top: 2px;

  border-radius: 50%;

  background: #9CA3AF;

  transition: .15s ease;
}

#token-edit-modal input[type="checkbox"]:checked {
  background: rgba(34,197,94,.18) !important;
  border-color: rgba(34,197,94,.45) !important;
}

#token-edit-modal input[type="checkbox"]:checked::before {
  left: 19px;
  background: #86EFAC;
}

/* переключатели снизу */
#token-edit-modal .token-toggle-row,
#token-edit-modal .switch-row,
#token-edit-modal .settings-toggle-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;

  min-height: 50px !important;
  margin: 8px 0 !important;

  color: #8B95A7 !important;

  font-size: 13px !important;
  font-weight: 850 !important;
}

/* если переключатели сделаны просто label */
#token-edit-modal .modal__body > label:has(input[type="checkbox"]),
#token-edit-modal .modal-body > label:has(input[type="checkbox"]) {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;

  min-height: 50px !important;

  margin: 8px 0 !important;

  color: #8B95A7 !important;

  font-size: 13px !important;
  font-weight: 850 !important;

  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* кнопка закрытия */
#token-edit-modal .modal__close,
#token-edit-modal .modal-close,
#token-edit-modal [data-token-edit-close],
#token-edit-modal [data-modal-close],
#token-edit-modal [data-close] {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 15px !important;

  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.09) !important;

  color: #DDE3EE !important;

  font-size: 20px !important;
  font-weight: 900 !important;

  cursor: pointer !important;
  transition: .15s ease !important;
}

#token-edit-modal .modal__close:hover,
#token-edit-modal .modal-close:hover,
#token-edit-modal [data-token-edit-close]:hover,
#token-edit-modal [data-modal-close]:hover,
#token-edit-modal [data-close]:hover {
  transform: translateY(-1px) !important;

  background: rgba(239,68,68,.13) !important;
  border-color: rgba(239,68,68,.28) !important;
  color: #FCA5A5 !important;
}

/* кнопки */
#token-edit-modal .btn {
  height: 46px !important;

  padding: 0 18px !important;

  border-radius: 16px !important;

  font-size: 13px !important;
  font-weight: 950 !important;

  transition: .15s ease !important;
}

#token-edit-modal .btn:hover {
  transform: translateY(-1px) !important;
}

#token-edit-save {
  min-width: 126px !important;

  background:
    linear-gradient(180deg, rgba(37,99,235,1), rgba(29,78,216,1)) !important;

  border: 1px solid rgba(147,197,253,.30) !important;
  color: #fff !important;

  box-shadow:
    0 16px 36px rgba(37,99,235,.24),
    inset 0 1px 0 rgba(255,255,255,.20) !important;
}

#token-edit-modal .btn-ghost {
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  color: #DDE3EE !important;
}

/* скролл */
#token-edit-modal .modal__body::-webkit-scrollbar,
#token-edit-modal .modal-body::-webkit-scrollbar {
  width: 8px;
}

#token-edit-modal .modal__body::-webkit-scrollbar-thumb,
#token-edit-modal .modal-body::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.16);
  border-radius: 999px;
}

#token-edit-modal .modal__body::-webkit-scrollbar-track,
#token-edit-modal .modal-body::-webkit-scrollbar-track {
  background: transparent;
}

/* =========================================================
   TOKEN EDIT MODAL V2 FIX — cleaner layout
   ========================================================= */

#token-edit-modal .modal__dialog,
#token-edit-modal .modal-card,
#token-edit-modal .modal-content {
  width: 640px !important;
  border-radius: 26px !important;
}

#token-edit-modal .modal__body,
#token-edit-modal .modal-body {
  padding: 22px 26px 18px !important;
}

/* доступный объём — одна нормальная карточка */
#token-edit-modal .settings-card:has(#token-payouts-total-limit),
#token-edit-modal .token-limit-card,
#token-edit-modal .token-total-card {
  padding: 16px !important;
  margin: 0 0 18px !important;

  border-radius: 18px !important;
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.18), transparent 40%),
    rgba(37,99,235,.07) !important;
  border: 1px solid rgba(37,99,235,.22) !important;
}

#token-edit-modal #token-payouts-total-limit {
  min-height: auto !important;
  padding: 0 !important;
  margin: 6px 0 0 !important;

  display: block !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  color: #F9FAFB !important;
  font-size: 22px !important;
  font-weight: 950 !important;
}

/* блок банков */
#token-edit-modal .token-banks,
#token-edit-modal .token-bank-list,
#token-edit-modal .banks-list,
#token-edit-modal .token-bank-checkboxes {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;

  padding: 12px !important;
  margin: 8px 0 22px !important;

  border-radius: 20px !important;
  background: rgba(0,0,0,.20) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
}

/* убираем двойные внутренние рамки у банков */
#token-edit-modal .token-bank-option,
#token-edit-modal .bank-option,
#token-edit-modal .bank-checkbox,
#token-edit-modal .token-bank-row {
  min-height: 54px !important;

  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  padding: 0 14px !important;

  border-radius: 15px !important;

  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(255,255,255,.075) !important;

  color: #E5E7EB !important;
  font-size: 13px !important;
  font-weight: 900 !important;

  box-shadow: none !important;
}

/* если банки сделаны как label — не делаем вторую мини-карточку внутри */
#token-edit-modal .token-bank-option > *,
#token-edit-modal .bank-option > *,
#token-edit-modal .bank-checkbox > *,
#token-edit-modal .token-bank-row > * {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* чекбоксы банков делаем обычным круглым индикатором, а не toggle */
#token-edit-modal .token-bank-option input[type="checkbox"],
#token-edit-modal .bank-option input[type="checkbox"],
#token-edit-modal .bank-checkbox input[type="checkbox"],
#token-edit-modal .token-bank-row input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;

  appearance: none !important;
  -webkit-appearance: none !important;

  border-radius: 999px !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.18) !important;

  position: relative !important;
  flex: 0 0 20px !important;
}

#token-edit-modal .token-bank-option input[type="checkbox"]::before,
#token-edit-modal .bank-option input[type="checkbox"]::before,
#token-edit-modal .bank-checkbox input[type="checkbox"]::before,
#token-edit-modal .token-bank-row input[type="checkbox"]::before {
  content: "" !important;
  position: absolute !important;

  width: 10px !important;
  height: 10px !important;

  left: 4px !important;
  top: 4px !important;

  border-radius: 999px !important;
  background: transparent !important;
}

#token-edit-modal .token-bank-option input[type="checkbox"]:checked,
#token-edit-modal .bank-option input[type="checkbox"]:checked,
#token-edit-modal .bank-checkbox input[type="checkbox"]:checked,
#token-edit-modal .token-bank-row input[type="checkbox"]:checked {
  background: rgba(34,197,94,.15) !important;
  border-color: rgba(34,197,94,.50) !important;
}

#token-edit-modal .token-bank-option input[type="checkbox"]:checked::before,
#token-edit-modal .bank-option input[type="checkbox"]:checked::before,
#token-edit-modal .bank-checkbox input[type="checkbox"]:checked::before,
#token-edit-modal .token-bank-row input[type="checkbox"]:checked::before {
  background: #22C55E !important;
}

/* поля суммы */
#token-edit-modal .field {
  margin-bottom: 18px !important;
}

#token-edit-modal .input,
#token-edit-modal input[type="text"],
#token-edit-modal input[type="number"] {
  height: 48px !important;
  border-radius: 16px !important;
}

/* нижние переключатели — ровные строки */
#token-edit-modal .token-toggle-row,
#token-edit-modal .switch-row,
#token-edit-modal .settings-toggle-row,
#token-edit-modal .modal__body > label:has(input[type="checkbox"]),
#token-edit-modal .modal-body > label:has(input[type="checkbox"]) {
  width: 100% !important;

  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 16px !important;

  min-height: 46px !important;
  margin: 4px 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  color: #8B95A7 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .25px !important;
}

/* переключатели снизу оставляем toggle */
#token-enabled,
#token-low-profit,
#token-phone-transfer,
#token-card-transfer {
  width: 46px !important;
  height: 26px !important;
  min-height: 26px !important;

  appearance: none !important;
  -webkit-appearance: none !important;

  border-radius: 999px !important;
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.18) !important;

  position: relative !important;
  cursor: pointer !important;
  flex: 0 0 46px !important;
}

#token-enabled::before,
#token-low-profit::before,
#token-phone-transfer::before,
#token-card-transfer::before {
  content: "" !important;
  position: absolute !important;

  width: 20px !important;
  height: 20px !important;

  left: 3px !important;
  top: 2px !important;

  border-radius: 50% !important;
  background: #111827 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.35) !important;

  transition: .15s ease !important;
}

#token-enabled:checked,
#token-phone-transfer:checked,
#token-card-transfer:checked {
  background: rgba(34,197,94,.18) !important;
  border-color: rgba(34,197,94,.45) !important;
}

#token-low-profit:checked {
  background: rgba(239,68,68,.18) !important;
  border-color: rgba(239,68,68,.42) !important;
}

#token-enabled:checked::before,
#token-low-profit:checked::before,
#token-phone-transfer:checked::before,
#token-card-transfer:checked::before {
  left: 21px !important;
}

/* футер */
#token-edit-modal .modal__footer,
#token-edit-modal .modal-footer {
  padding: 18px 26px 24px !important;
  border-top: 1px solid rgba(255,255,255,.075) !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}

/* кнопки футера */
#token-edit-modal .modal__footer .btn,
#token-edit-modal .modal-footer .btn {
  min-width: 112px !important;
  height: 46px !important;
  border-radius: 15px !important;
}

#token-edit-modal .modal__footer .btn-ghost,
#token-edit-modal .modal-footer .btn-ghost {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  color: #DDE3EE !important;
  box-shadow: none !important;
}

#token-edit-save {
  background:
    linear-gradient(180deg, #3B82F6, #2563EB) !important;
  color: #fff !important;
  border: 1px solid rgba(147,197,253,.32) !important;
  box-shadow: 0 14px 34px rgba(37,99,235,.25) !important;
}

/* ===== Not released expandable list ===== */

.not-released-memo-row--expandable {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 12px !important;
  align-items: start !important;
  padding: 14px !important;
}

.not-released-memo-main {
  width: 100% !important;
  min-height: 54px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;

  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;

  text-align: left !important;
  cursor: pointer !important;
}

.not-released-memo-arrow {
  width: 30px;
  height: 30px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 12px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.09);

  color: #9CA3AF;
  font-size: 18px;
  font-weight: 950;

  transition: .15s ease;
}

.not-released-memo-main.open .not-released-memo-arrow {
  transform: rotate(180deg);
  color: #93C5FD;
  background: rgba(37,99,235,.12);
  border-color: rgba(37,99,235,.26);
}

.not-released-details {
  grid-column: 1 / -1;

  display: grid;
  gap: 8px;

  margin-top: 2px;
  padding: 12px;

  border-radius: 18px;
  background: rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.07);
}

.not-released-details[hidden] {
  display: none !important;
}

.not-released-detail-row {
  min-height: 50px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  padding: 10px 12px;

  border-radius: 15px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.065);
}

.not-released-detail-row__title {
  color: #F9FAFB;
  font-size: 12px;
  font-weight: 950;
}

.not-released-detail-row__meta {
  margin-top: 4px;
  color: #8B95A7;
  font-size: 11px;
  font-weight: 750;
}

.not-released-detail-row__money {
  text-align: right;
  white-space: nowrap;
}

.not-released-detail-row__money > div {
  color: #86EFAC;
  font-size: 13px;
  font-weight: 950;
}

.not-released-detail-row__money > span {
  display: block;
  margin-top: 4px;

  color: #FBBF24;
  font-size: 11px;
  font-weight: 900;
}

.not-released-memo-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* Привязанная выплата без времени */
.table--payouts tr.row-claimed-no-time > td {
  background:
    linear-gradient(
      90deg,
      rgba(37, 99, 235, 0.30) 0%,
      rgba(59, 130, 246, 0.20) 35%,
      rgba(168, 85, 247, 0.16) 70%,
      rgba(24, 24, 24, 0.04) 100%
    ) !important;
  box-shadow:
    inset 3px 0 0 rgba(96, 165, 250, 0.95),
    inset 0 1px 0 rgba(255,255,255,0.035);
}

/* чтобы бейджи на такой строке не сливались */
.table--payouts tr.row-claimed-no-time .amount-badge,
.table--payouts tr.row-claimed-no-time .massmo-badge,
.table--payouts tr.row-claimed-no-time .rate-badge,
.table--payouts tr.row-claimed-no-time .status-badge,
.table--payouts tr.row-claimed-no-time .req-badge {
  box-shadow: 0 0 0 1px rgba(96, 165, 250, 0.16);
}

/* лёгкое свечение при наведении */
.table--payouts tr.row-claimed-no-time:hover > td {
  background:
    linear-gradient(
      90deg,
      rgba(37, 99, 235, 0.42) 0%,
      rgba(59, 130, 246, 0.26) 35%,
      rgba(168, 85, 247, 0.20) 70%,
      rgba(24, 24, 24, 0.06) 100%
    ) !important;
}

/* Привязанная выплата, у которой осталось мало времени */


/* ===== Souz page redesign ===== */

.souz-page {
  display: grid;
  gap: 16px;
  max-width: 860px;
}

.souz-hero {
  position: relative;
  overflow: hidden;

  display: flex;
  align-items: center;
  gap: 16px;

  padding: 18px;
  border-radius: 22px;

  background:
    radial-gradient(circle at 15% 20%, rgba(59,130,246,.28), transparent 34%),
    radial-gradient(circle at 90% 10%, rgba(168,85,247,.18), transparent 30%),
    linear-gradient(135deg, rgba(24,24,24,1), rgba(17,24,39,.92));

  border: 1px solid rgba(96,165,250,.18);
  box-shadow: 0 16px 36px rgba(0,0,0,.22);
}

.souz-hero__icon {
  width: 58px;
  height: 58px;
  border-radius: 18px;

  display: grid;
  place-items: center;

  color: #fff;
  font-size: 28px;
  font-weight: 950;

  background:
    linear-gradient(135deg, rgba(37,99,235,1), rgba(168,85,247,.95));
  box-shadow: 0 14px 26px rgba(37,99,235,.24);

  flex: 0 0 auto;
}

.souz-hero__content {
  min-width: 0;
  flex: 1;
}

.souz-eyebrow {
  color: #93C5FD;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.souz-hero h2 {
  margin: 0;
  color: #fff;
  font-size: 24px;
  line-height: 1.1;
}

.souz-hero p {
  margin: 8px 0 0;
  max-width: 560px;
  color: #AAB4C5;
  font-size: 13px;
  line-height: 1.45;
}

.souz-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.souz-info-card {
  padding: 14px;
  border-radius: 18px;

  background: rgba(24,24,24,.86);
  border: 1px solid rgba(148,163,184,.12);
}

.souz-info-card__label {
  color: #7C8AA5;
  font-size: 11px;
  font-weight: 700;
  margin-bottom: 6px;
}

.souz-info-card__value {
  color: #F8FAFC;
  font-size: 16px;
  font-weight: 850;
  margin-bottom: 5px;
}

.souz-info-card__text {
  color: #9CA3AF;
  font-size: 12px;
  line-height: 1.45;
}

.souz-toolbar {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;

  padding: 12px;
  border-radius: 18px;

  background: rgba(24,24,24,.72);
  border: 1px solid rgba(148,163,184,.10);
}

.souz-main-btn {
  background:
    linear-gradient(135deg, #2563EB, #7C3AED);
  box-shadow: 0 10px 20px rgba(37,99,235,.18);
}

.souz-danger-btn {
  color: #FCA5A5;
  border-color: rgba(239,68,68,.24);
}

.souz-danger-btn:hover {
  background: rgba(239,68,68,.10);
  color: #FECACA;
}

.souz-result {
  min-height: 38px;
  padding: 11px 12px;

  border-radius: 16px;

  background: rgba(15,23,42,.45);
  border: 1px solid rgba(148,163,184,.10);

  color: #94A3B8;
  font-size: 12px;
}

.souz-result--ok {
  color: #86EFAC;
  background: rgba(34,197,94,.10);
  border-color: rgba(34,197,94,.22);
}

.souz-result--bad {
  color: #FCA5A5;
  background: rgba(239,68,68,.10);
  border-color: rgba(239,68,68,.22);
}

.souz-result--info {
  color: #93C5FD;
  background: rgba(59,130,246,.10);
  border-color: rgba(59,130,246,.22);
}

.souz-status {
  min-width: 128px;
  height: 34px;
  padding: 0 13px;
  border-radius: 999px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
}

.souz-status--unknown {
  background: rgba(148,163,184,.12);
  border: 1px solid rgba(148,163,184,.24);
  color: #CBD5E1;
}

.souz-status--ok {
  background: rgba(34,197,94,.14);
  border: 1px solid rgba(34,197,94,.34);
  color: #86EFAC;
}

.souz-status--bad {
  background: rgba(239,68,68,.14);
  border: 1px solid rgba(239,68,68,.34);
  color: #FCA5A5;
}

/* ===== Souz 2FA modal ===== */

.souz-2fa-modal-card {
  max-width: 420px;
}

.souz-2fa-visual {
  display: flex;
  gap: 12px;
  align-items: center;

  padding: 13px;
  margin-bottom: 14px;

  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(37,99,235,.12), rgba(168,85,247,.10));
  border: 1px solid rgba(96,165,250,.18);
}

.souz-2fa-visual__icon {
  width: 44px;
  height: 44px;
  border-radius: 15px;

  display: grid;
  place-items: center;

  background: rgba(15,23,42,.55);
  font-size: 22px;
}

.souz-2fa-visual__title {
  color: #F8FAFC;
  font-size: 14px;
  font-weight: 850;
}

.souz-2fa-visual__text {
  margin-top: 3px;
  color: #9CA3AF;
  font-size: 12px;
  line-height: 1.35;
}

.souz-2fa-input {
  text-align: center;
  letter-spacing: .32em;
  font-size: 22px;
  font-weight: 850;
}

@media (max-width: 700px) {
  .souz-hero {
    align-items: flex-start;
    display: grid;
  }

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

  .souz-status {
    justify-content: flex-start;
  }
}

/* FIX: Souz 2FA modal force show */
#souz-2fa-modal.modal--open {
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
}

#souz-2fa-modal.modal--open .modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .68);
}

#souz-2fa-modal.modal--open .modal__card {
  position: relative;
  z-index: 2;
}

body.modal-open {
  overflow: hidden;
}

#souz-2fa-modal.modal--open {
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
}

#souz-2fa-modal.modal--open .modal__backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, .68) !important;
}

#souz-2fa-modal.modal--open .modal__card {
  position: relative !important;
  z-index: 2 !important;
}

body.modal-open {
  overflow: hidden;
}

#souz-2fa-modal[hidden] {
  display: none !important;
}

#souz-2fa-modal.modal--open {
  display: block !important;
}

/* Souz inside settings integration tab */
.souz-page--settings {
  max-width: 760px;
}

.settings-v2-page[data-settings-page="integration"] .souz-hero {
  margin-top: 4px;
}

.settings-v2-page[data-settings-page="integration"] .souz-toolbar {
  margin-top: 2px;
}

/* ===== Souz brand theme ===== */

:root {
  --souz-pink: #B72B83;
  --souz-purple: #7C2D8A;
  --souz-red: #D9482F;
  --souz-orange: #F28A22;
  --souz-bg: #141414;
  --souz-card: rgba(22, 22, 24, .88);
  --souz-border: rgba(242, 138, 34, .22);
}

/* страница интеграции */
.settings-v2-page[data-settings-page="integration"] {
  position: relative;
}

.settings-v2-page[data-settings-page="integration"] .settings-v2-head {
  border-bottom: 1px solid rgba(242, 138, 34, .14);
  padding-bottom: 18px;
  margin-bottom: 18px;
}

/* основная зона Souz */
.souz-page--settings,
.souz-page {
  max-width: 820px;
  display: grid;
  gap: 14px;
}

/* hero */
.souz-hero {
  position: relative;
  overflow: hidden;

  display: flex;
  align-items: center;
  gap: 18px;

  min-height: 112px;
  padding: 20px;
  border-radius: 22px;

  background:
    radial-gradient(circle at 8% 20%, rgba(183, 43, 131, .28), transparent 34%),
    radial-gradient(circle at 92% 24%, rgba(242, 138, 34, .24), transparent 32%),
    linear-gradient(135deg, rgba(21, 21, 24, .98), rgba(35, 18, 42, .95) 52%, rgba(40, 25, 18, .92));

  border: 1px solid var(--souz-border);
  box-shadow:
    0 18px 42px rgba(0, 0, 0, .28),
    inset 0 1px 0 rgba(255, 255, 255, .04);
}

.souz-hero::before {
  content: "";
  position: absolute;
  inset: -1px;

  background:
    linear-gradient(
      120deg,
      transparent 0%,
      rgba(183, 43, 131, .18) 22%,
      rgba(217, 72, 47, .12) 52%,
      rgba(242, 138, 34, .18) 78%,
      transparent 100%
    );

  opacity: .72;
  pointer-events: none;
}

.souz-hero > * {
  position: relative;
  z-index: 1;
}

/* логотип */
.souz-hero__logo {
  width: 86px;
  height: 58px;
  border-radius: 18px;

  display: flex;
  align-items: center;
  justify-content: center;

  background:
    linear-gradient(135deg, rgba(183, 43, 131, .22), rgba(242, 138, 34, .14));

  border: 1px solid rgba(242, 138, 34, .22);
  box-shadow:
    0 16px 34px rgba(183, 43, 131, .20),
    0 10px 26px rgba(242, 138, 34, .12);

  flex: 0 0 auto;
}

.souz-hero__logo img {
  width: 76px;
  max-height: 44px;
  object-fit: contain;
  display: block;
}

/* если где-то осталась старая иконка S */
.souz-hero__icon {
  background:
    linear-gradient(135deg, var(--souz-pink), var(--souz-orange)) !important;
  box-shadow:
    0 14px 28px rgba(183, 43, 131, .26),
    0 10px 24px rgba(242, 138, 34, .16) !important;
}

.souz-eyebrow {
  color: #FDBA74;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.souz-hero h2 {
  margin: 0;
  color: #fff;
  font-size: 24px;
  line-height: 1.08;
}

.souz-hero p {
  margin: 8px 0 0;
  max-width: 560px;
  color: #D6CBD7;
  font-size: 13px;
  line-height: 1.45;
}

/* карточки */
.souz-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.souz-info-card {
  padding: 15px;
  border-radius: 18px;

  background:
    linear-gradient(135deg, rgba(24,24,26,.92), rgba(20,20,20,.86));

  border: 1px solid rgba(242, 138, 34, .13);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

.souz-info-card__label {
  color: #C084FC;
  font-size: 11px;
  font-weight: 800;
  margin-bottom: 6px;
}

.souz-info-card__value {
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  margin-bottom: 5px;
}

.souz-info-card__text {
  color: #AFA3B3;
  font-size: 12px;
  line-height: 1.45;
}

/* кнопки */
.souz-toolbar {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;

  padding: 12px;
  border-radius: 18px;

  background:
    linear-gradient(135deg, rgba(22,22,24,.90), rgba(18,18,18,.82));

  border: 1px solid rgba(242, 138, 34, .13);
}

.souz-main-btn {
  background:
    linear-gradient(135deg, var(--souz-pink) 0%, var(--souz-red) 48%, var(--souz-orange) 100%) !important;
  border: 0 !important;
  color: #fff !important;

  box-shadow:
    0 12px 24px rgba(183, 43, 131, .20),
    0 10px 20px rgba(242, 138, 34, .14);
}

.souz-main-btn:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}

.souz-danger-btn {
  color: #FDBA74 !important;
  border-color: rgba(242, 138, 34, .28) !important;
}

.souz-danger-btn:hover {
  background: rgba(242, 138, 34, .10) !important;
  color: #FED7AA !important;
}

/* статус */
.souz-status {
  min-width: 126px;
  height: 34px;
  padding: 0 14px;
  border-radius: 999px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.souz-status--unknown {
  background: rgba(242, 138, 34, .12);
  border: 1px solid rgba(242, 138, 34, .28);
  color: #FDBA74;
}

.souz-status--ok {
  background:
    linear-gradient(135deg, rgba(34,197,94,.13), rgba(242,138,34,.10));
  border: 1px solid rgba(34,197,94,.32);
  color: #86EFAC;
}

.souz-status--bad {
  background:
    linear-gradient(135deg, rgba(183,43,131,.16), rgba(217,72,47,.13));
  border: 1px solid rgba(217,72,47,.32);
  color: #FCA5A5;
}

/* результат */
.souz-result {
  min-height: 38px;
  padding: 11px 13px;

  border-radius: 16px;

  background:
    linear-gradient(135deg, rgba(22,22,24,.82), rgba(24,18,27,.70));

  border: 1px solid rgba(242, 138, 34, .13);

  color: #B8AEBB;
  font-size: 12px;
}

.souz-result--ok {
  color: #86EFAC;
  background: rgba(34,197,94,.10);
  border-color: rgba(34,197,94,.24);
}

.souz-result--bad {
  color: #FCA5A5;
  background:
    linear-gradient(135deg, rgba(183,43,131,.12), rgba(217,72,47,.10));
  border-color: rgba(217,72,47,.24);
}

.souz-result--info {
  color: #FDBA74;
  background:
    linear-gradient(135deg, rgba(183,43,131,.10), rgba(242,138,34,.10));
  border-color: rgba(242,138,34,.24);
}

/* кнопка S в строке выплаты */
.action-btn--souz {
  color: #FDBA74 !important;
  font-weight: 950;
  font-size: 13px;

  background:
    linear-gradient(135deg, rgba(183,43,131,.16), rgba(242,138,34,.10)) !important;

  border-color: rgba(242,138,34,.25) !important;
}

.action-btn--souz:hover {
  background:
    linear-gradient(135deg, rgba(183,43,131,.28), rgba(242,138,34,.20)) !important;

  color: #fff !important;
  box-shadow: 0 0 0 1px rgba(242,138,34,.22);
}

/* 2FA modal под бренд */
.souz-2fa-visual {
  background:
    linear-gradient(135deg, rgba(183,43,131,.14), rgba(242,138,34,.12)) !important;

  border: 1px solid rgba(242,138,34,.22) !important;
}

.souz-2fa-visual__icon {
  background:
    linear-gradient(135deg, rgba(183,43,131,.25), rgba(242,138,34,.16)) !important;
}

.souz-2fa-input:focus {
  border-color: rgba(242,138,34,.45) !important;
  box-shadow:
    0 0 0 3px rgba(242,138,34,.10),
    0 0 0 1px rgba(183,43,131,.20) !important;
}

@media (max-width: 700px) {
  .souz-hero {
    display: grid;
    align-items: flex-start;
  }

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

  .souz-status {
    justify-content: flex-start;
  }
}

.souz-card {
  margin-top: 16px;
  border-radius: 18px;
  overflow: hidden;
  background: rgba(15, 15, 18, 0.92);
  border: 1px solid rgba(245, 124, 32, 0.28);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
}

.souz-card .souz-hero {
  margin: 0;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid rgba(245, 124, 32, 0.18);
}

.souz-card .souz-actions {
  margin: 0;
  padding: 14px 16px;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid rgba(245, 124, 32, 0.14);
  background: transparent;
}

.souz-card .souz-status {
  margin: 0;
  padding: 12px 16px 14px;
  border-radius: 0;
  border: 0;
  background: transparent;
}

.souz-connect-card {
  margin-top: 16px;
  border-radius: 18px;
  overflow: hidden;
  background: rgba(15, 15, 18, 0.92);
  border: 1px solid rgba(245, 124, 32, 0.28);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
}

.souz-connect-card .souz-hero {
  margin: 0;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid rgba(245, 124, 32, 0.18);
}

.souz-connect-card .souz-toolbar {
  margin: 0;
  padding: 14px 16px;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid rgba(245, 124, 32, 0.14);
  background: transparent;
}

.souz-connect-card .souz-result {
  margin: 0;
  padding: 12px 16px 14px;
  border-radius: 0;
  border: 0;
  background: transparent;
}

.souz-connect-card {
  margin-top: 18px;
  border-radius: 22px;
  overflow: hidden;
  background:
    radial-gradient(circle at 14% 0%, rgba(236, 72, 153, 0.18), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(249, 115, 22, 0.22), transparent 36%),
    rgba(13, 14, 17, 0.96);
  border: 1px solid rgba(249, 115, 22, 0.26);
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.souz-connect-card .souz-hero {
  margin: 0;
  padding: 28px 32px;
  border: 0;
  border-radius: 0;
  background:
    linear-gradient(135deg, rgba(127, 29, 92, 0.78), rgba(124, 45, 18, 0.72));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.souz-hero__left {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
}

.souz-connect-card .souz-hero__logo {
  width: 70px;
  height: 70px;
  flex: 0 0 70px;
  border-radius: 20px;
  display: grid;
  place-items: center;
  background: rgba(10, 10, 12, 0.56);
  border: 1px solid rgba(255, 99, 132, 0.34);
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.souz-connect-card .souz-hero__logo img {
  width: 46px;
  height: 46px;
  object-fit: contain;
}

.souz-connect-card .souz-eyebrow {
  margin-bottom: 6px;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #ffd36a;
}

.souz-connect-card .souz-hero h2 {
  margin: 0 0 7px;
  font-size: 25px;
  line-height: 1.05;
  font-weight: 900;
  color: #fff;
}

.souz-connect-card .souz-hero p {
  max-width: 600px;
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.82);
}

.souz-auth-badge {
  flex: 0 0 auto;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(34, 197, 94, 0.13);
  border: 1px solid rgba(34, 197, 94, 0.42);
  color: #86efac;
  font-size: 12px;
  font-weight: 900;
  box-shadow:
    0 10px 26px rgba(34, 197, 94, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.souz-auth-badge::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 8px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.13);
  vertical-align: 1px;
}

.souz-connect-card .souz-toolbar {
  margin: 0;
  padding: 18px 32px;
  border: 0;
  border-radius: 0;
  background: rgba(7, 8, 11, 0.58);
  border-bottom: 1px solid rgba(249, 115, 22, 0.14);
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.souz-connect-card .souz-main-btn {
  border: 0;
  background: linear-gradient(135deg, #f43f5e, #f97316);
  color: #fff;
  box-shadow: 0 12px 28px rgba(249, 115, 22, 0.22);
}

.souz-connect-card .btn-ghost {
  background: rgba(255, 255, 255, 0.035);
  border-color: rgba(255, 255, 255, 0.12);
}

.souz-connect-card .souz-danger-btn {
  color: #ffc46b;
  border-color: rgba(249, 115, 22, 0.34);
}

.souz-connect-card .souz-result {
  margin: 0;
  padding: 14px 32px 18px;
  border: 0;
  border-radius: 0;
  background: rgba(7, 8, 11, 0.38);
  color: rgba(255, 255, 255, 0.68);
  font-size: 13px;
}

@media (max-width: 720px) {
  .souz-connect-card .souz-hero {
    padding: 22px;
    align-items: flex-start;
    flex-direction: column;
  }

  .souz-hero__left {
    align-items: flex-start;
  }

  .souz-auth-badge {
    align-self: flex-start;
  }

  .souz-connect-card .souz-toolbar,
  .souz-connect-card .souz-result {
    padding-left: 22px;
    padding-right: 22px;
  }
}

.souz-auth-badge.is-bad {
  background: rgba(239, 68, 68, 0.12);
  border-color: rgba(239, 68, 68, 0.42);
  color: #fca5a5;
}

.souz-auth-badge.is-bad::before {
  background: #ef4444;
  box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.13);
}

.souz-auth-badge.is-ok {
  background: rgba(34, 197, 94, 0.13);
  border-color: rgba(34, 197, 94, 0.42);
  color: #86efac;
}

.souz-auth-badge.is-checking {
  background: rgba(148, 163, 184, 0.12);
  border-color: rgba(148, 163, 184, 0.34);
  color: rgba(226, 232, 240, 0.9);
}

.souz-auth-badge.is-checking::before {
  background: #94a3b8;
  box-shadow: 0 0 0 4px rgba(148, 163, 184, 0.13);
}

.souz-connect-card {
  margin-top: 18px;
  border-radius: 20px;
  overflow: hidden;
  background: rgba(10, 11, 14, 0.96);
  border: 1px solid rgba(249, 115, 22, 0.28);
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.32);
}

.souz-connect-card .souz-hero {
  min-height: 118px;
  margin: 0;
  padding: 24px 28px;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(circle at 0% 0%, rgba(236, 72, 153, 0.28), transparent 38%),
    linear-gradient(135deg, rgba(124, 22, 78, 0.9), rgba(124, 45, 18, 0.88));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

.souz-hero__left {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
}

.souz-connect-card .souz-hero__logo {
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: rgba(5, 5, 8, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.souz-connect-card .souz-hero__logo img {
  width: 42px;
  height: 42px;
  object-fit: contain;
}

.souz-connect-card .souz-hero__content {
  min-width: 0;
}

.souz-connect-card .souz-eyebrow {
  margin: 0 0 7px;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: #ffd36a;
}

.souz-connect-card .souz-hero h2 {
  margin: 0 0 8px;
  font-size: 24px;
  line-height: 1.1;
  font-weight: 900;
  color: #ffffff;
}

.souz-connect-card .souz-hero p {
  display: block;
  max-width: 610px;
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.78);
}

.souz-auth-badge {
  flex: 0 0 auto;
  align-self: center;
  padding: 9px 15px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
}

.souz-connect-card .souz-toolbar {
  margin: 0;
  padding: 16px 28px;
  border: 0;
  border-top: 1px solid rgba(249, 115, 22, 0.16);
  border-bottom: 1px solid rgba(249, 115, 22, 0.14);
  border-radius: 0;
  background: rgba(5, 6, 9, 0.74);
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.souz-connect-card .souz-toolbar .btn {
  height: 34px;
  padding: 0 15px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 800;
}

.souz-connect-card .souz-main-btn {
  border: 0;
  background: linear-gradient(135deg, #ec4899, #f97316);
  color: #ffffff;
}

.souz-connect-card .souz-result {
  margin: 0;
  padding: 12px 28px 15px;
  border: 0;
  border-radius: 0;
  background: rgba(5, 6, 9, 0.48);
  font-size: 12px;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.72);
}

@media (max-width: 760px) {
  .souz-connect-card .souz-hero {
    padding: 22px;
    align-items: flex-start;
    flex-direction: column;
  }

  .souz-hero__left {
    align-items: flex-start;
  }

  .souz-auth-badge {
    align-self: flex-start;
  }

  .souz-connect-card .souz-toolbar,
  .souz-connect-card .souz-result {
    padding-left: 22px;
    padding-right: 22px;
  }
}

.souz-connect-card {
  overflow: hidden;
}

.souz-connect-card .souz-hero {
  min-height: 132px;
  padding: 26px 28px !important;
  box-sizing: border-box;
  overflow: visible;
}

.souz-connect-card .souz-hero__left {
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 76px;
}

.souz-connect-card .souz-hero__logo {
  position: static !important;
  transform: none !important;
  margin: 0 !important;

  width: 64px !important;
  height: 64px !important;
  min-width: 64px;
  flex: 0 0 64px;

  display: grid;
  place-items: center;
  overflow: hidden;
}

.souz-connect-card .souz-hero__logo img {
  display: block;
  width: 42px !important;
  height: 42px !important;
  object-fit: contain;
  margin: 0 !important;
  transform: none !important;
}

.souz-connect-card .souz-hero__content {
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0;
}

.souz-connect-card .souz-eyebrow,
.souz-connect-card .souz-hero h2,
.souz-connect-card .souz-hero p {
  transform: none !important;
}

.souz-connect-card .souz-hero {
  min-height: 132px;
  margin: 0;
  padding: 26px 28px !important;
  box-sizing: border-box;
  border: 0;
  border-radius: 0;
  overflow: visible;

  background:
    radial-gradient(circle at 8% 18%, rgba(236, 72, 153, 0.42), transparent 34%),
    radial-gradient(circle at 88% 12%, rgba(249, 115, 22, 0.38), transparent 36%),
    linear-gradient(135deg, #68133f 0%, #7a2340 38%, #84321f 68%, #5a2415 100%);

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

.souz-connect-card .souz-hero {
  position: relative;
}

.souz-connect-card .souz-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 46%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.04), transparent 42%);
}

.souz-connect-card .souz-hero > * {
  position: relative;
  z-index: 1;
}

/* ===== Souz integration card ===== */

.souz-page.souz-page--settings {
  padding-top: 0 !important;
}

.souz-connect-card {
  margin-top: 18px;
  padding: 0 !important;
  border-radius: 20px;
  overflow: hidden !important;
  background: rgba(7, 8, 11, 0.98);
  border: 1px solid rgba(249, 115, 22, 0.34);
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

/* верхний градиент */
.souz-connect-card .souz-hero {
  position: relative;
  width: 100%;
  min-height: 126px;
  margin: 0 !important;
  padding: 26px 28px !important;
  box-sizing: border-box;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden;

  background:
    radial-gradient(circle at 7% 18%, rgba(236, 72, 153, 0.52), transparent 34%),
    radial-gradient(circle at 88% 10%, rgba(249, 115, 22, 0.46), transparent 38%),
    linear-gradient(135deg, #68133f 0%, #7a2340 34%, #87301f 68%, #5a2415 100%);

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

/* лёгкий блик поверх градиента */
.souz-connect-card .souz-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.09), transparent 48%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.04), transparent 45%);
}

.souz-connect-card .souz-hero > * {
  position: relative;
  z-index: 1;
}

.souz-hero__left {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
  min-height: 72px;
}

.souz-connect-card .souz-hero__logo {
  position: static !important;
  transform: none !important;
  margin: 0 !important;

  width: 64px !important;
  height: 64px !important;
  min-width: 64px;
  flex: 0 0 64px;

  display: grid;
  place-items: center;
  overflow: hidden;

  border-radius: 18px;
  background: rgba(5, 5, 8, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.13);
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.souz-connect-card .souz-hero__logo img {
  display: block;
  width: 42px !important;
  height: 42px !important;
  object-fit: contain;
  margin: 0 !important;
  transform: none !important;
}

.souz-connect-card .souz-hero__content {
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0;
}

.souz-connect-card .souz-eyebrow {
  margin: 0 0 7px !important;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #ffd36a;
  transform: none !important;
}

.souz-connect-card .souz-hero h2 {
  margin: 0 0 8px !important;
  padding: 0 !important;
  font-size: 24px;
  line-height: 1.1;
  font-weight: 900;
  color: #ffffff;
  transform: none !important;
}

.souz-connect-card .souz-hero p {
  display: block;
  max-width: 610px;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.78);
  transform: none !important;
}

/* статус справа */
.souz-auth-badge {
  flex: 0 0 auto;
  align-self: center;
  padding: 9px 15px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
}

.souz-auth-badge::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 8px;
  border-radius: 50%;
  vertical-align: 1px;
}

.souz-auth-badge.is-checking {
  background: rgba(148, 163, 184, 0.14);
  border: 1px solid rgba(148, 163, 184, 0.38);
  color: rgba(226, 232, 240, 0.92);
}

.souz-auth-badge.is-checking::before {
  background: #94a3b8;
  box-shadow: 0 0 0 4px rgba(148, 163, 184, 0.13);
}

.souz-auth-badge.is-ok {
  background: rgba(34, 197, 94, 0.13);
  border: 1px solid rgba(34, 197, 94, 0.42);
  color: #86efac;
}

.souz-auth-badge.is-ok::before {
  background: #22c55e;
  box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.13);
}

.souz-auth-badge.is-bad {
  background: rgba(239, 68, 68, 0.13);
  border: 1px solid rgba(239, 68, 68, 0.42);
  color: #fca5a5;
}

.souz-auth-badge.is-bad::before {
  background: #ef4444;
  box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.13);
}

/* кнопки */
.souz-connect-card .souz-toolbar {
  margin: 0 !important;
  padding: 16px 24px !important;
  border: 0 !important;
  border-top: 1px solid rgba(249, 115, 22, 0.16) !important;
  border-bottom: 1px solid rgba(249, 115, 22, 0.14) !important;
  border-radius: 0 !important;
  background: rgba(3, 4, 7, 0.84);

  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.souz-connect-card .souz-toolbar .btn {
  height: 34px;
  min-height: 34px;
  padding: 0 15px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 800;
}

.souz-connect-card .souz-main-btn {
  border: 0 !important;
  background: linear-gradient(135deg, #ec4899 0%, #f97316 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(249, 115, 22, 0.22);
}

.souz-connect-card .btn-ghost {
  background: rgba(255, 255, 255, 0.035);
  border-color: rgba(255, 255, 255, 0.13);
  color: rgba(255, 255, 255, 0.9);
}

.souz-connect-card .souz-danger-btn {
  color: #ffc46b !important;
  border-color: rgba(249, 115, 22, 0.38) !important;
}

/* нижний статус */
.souz-connect-card .souz-result {
  margin: 0 !important;
  padding: 12px 24px 15px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(3, 4, 7, 0.6);
  font-size: 12px;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.72);
}

/* мобильная версия */
@media (max-width: 760px) {
  .souz-connect-card .souz-hero {
    min-height: auto;
    padding: 22px !important;
    align-items: flex-start;
    flex-direction: column;
  }

  .souz-hero__left {
    align-items: flex-start;
  }

  .souz-connect-card .souz-hero h2 {
    font-size: 21px;
  }

  .souz-auth-badge {
    align-self: flex-start;
  }

  .souz-connect-card .souz-toolbar,
  .souz-connect-card .souz-result {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
}

/* ===== Souz send modal ===== */

.souz-send-modal {
  width: min(980px, calc(100vw - 32px));
}

.souz-send-summary {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 12px;
  margin-bottom: 18px;
}

.souz-send-summary > div {
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.souz-send-summary span {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  color: rgba(226, 232, 240, 0.58);
}

.souz-send-summary b {
  display: block;
  font-size: 14px;
  color: #ffffff;
  word-break: break-word;
}

.souz-limits-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding: 20px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.035);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.souz-limits-grid label {
  display: grid;
  grid-template-columns: 190px 1fr;
  align-items: center;
  gap: 16px;
}

.souz-limits-grid label span {
  font-size: 14px;
  color: rgba(226, 232, 240, 0.66);
}

.souz-limits-grid .input {
  width: 100%;
}

#souz-send-error {
  margin-top: 14px;
}

@media (max-width: 780px) {
  .souz-send-summary {
    grid-template-columns: 1fr;
  }

  .souz-limits-grid {
    grid-template-columns: 1fr;
  }

  .souz-limits-grid label {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

/* ===== FIX Souz modal visibility ===== */

#souz-send-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

#souz-send-modal.is-open {
  display: flex !important;
}

#souz-send-modal .modal__backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(2, 6, 23, 0.72);
  backdrop-filter: blur(8px);
  z-index: 1;
}

#souz-send-modal .modal__dialog {
  position: relative !important;
  z-index: 2 !important;
  transform: none !important;
  margin: 0 !important;
  max-height: calc(100vh - 48px);
  overflow: auto;
}

#souz-send-modal .souz-send-modal {
  width: min(980px, calc(100vw - 32px));
  background: #111827;
  border: 1px solid rgba(249, 115, 22, 0.32);
  border-radius: 22px;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.55);
}

/* ===== Souz send modal — panel style ===== */

#souz-send-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

#souz-send-modal.is-open {
  display: flex !important;
}

#souz-send-modal .modal__backdrop {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1;
  background: rgba(2, 6, 23, 0.72);
  backdrop-filter: blur(10px);
}

#souz-send-modal .modal__dialog {
  position: relative !important;
  z-index: 2 !important;
  width: min(920px, calc(100vw - 32px));
  max-height: calc(100vh - 48px);
  overflow: auto;
  margin: 0 !important;
  transform: none !important;

  border-radius: 24px;
  background:
    radial-gradient(circle at 0% 0%, rgba(59, 130, 246, 0.08), transparent 32%),
    linear-gradient(180deg, rgba(18, 24, 38, 0.98), rgba(10, 15, 25, 0.98));
  border: 1px solid rgba(148, 163, 184, 0.16);
  box-shadow:
    0 32px 90px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

#souz-send-modal .modal__head {
  padding: 22px 24px 18px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
  background: rgba(15, 23, 42, 0.42);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

#souz-send-modal .modal__head h3 {
  margin: 0 0 6px;
  font-size: 22px;
  line-height: 1.15;
  font-weight: 900;
  color: #f8fafc;
}

#souz-send-modal .modal__head p {
  margin: 0;
  max-width: 620px;
  font-size: 13px;
  line-height: 1.45;
  color: rgba(203, 213, 225, 0.72);
}

#souz-send-modal .modal__close {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  background: rgba(15, 23, 42, 0.74);
  color: rgba(226, 232, 240, 0.86);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

#souz-send-modal .modal__close:hover {
  background: rgba(30, 41, 59, 0.92);
  color: #fff;
}

#souz-send-modal .modal__body {
  padding: 22px 24px;
}

#souz-send-modal .souz-send-summary {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 12px;
  margin-bottom: 16px;
}

#souz-send-modal .souz-send-summary > div {
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(15, 23, 42, 0.56);
  border: 1px solid rgba(148, 163, 184, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

#souz-send-modal .souz-send-summary span {
  display: block;
  margin-bottom: 7px;
  font-size: 12px;
  font-weight: 700;
  color: rgba(148, 163, 184, 0.9);
}

#souz-send-modal .souz-send-summary b {
  display: block;
  font-size: 14px;
  line-height: 1.35;
  color: #f8fafc;
  word-break: break-word;
}

#souz-send-modal .souz-limits-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 16px;
  padding: 18px;
  border-radius: 22px;
  background: rgba(15, 23, 42, 0.42);
  border: 1px solid rgba(148, 163, 184, 0.12);
}

#souz-send-modal .souz-limits-grid label {
  display: grid;
  grid-template-columns: 180px 1fr;
  align-items: center;
  gap: 14px;
}

#souz-send-modal .souz-limits-grid label span {
  font-size: 13px;
  font-weight: 700;
  color: rgba(203, 213, 225, 0.72);
}

#souz-send-modal .souz-limits-grid .input {
  width: 100%;
  height: 42px;
  border-radius: 14px;
  background: rgba(2, 6, 23, 0.42);
  border: 1px solid rgba(148, 163, 184, 0.18);
  color: #f8fafc;
}

#souz-send-modal .souz-limits-grid .input:focus {
  border-color: rgba(59, 130, 246, 0.55);
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.14);
}

#souz-send-modal #souz-send-error {
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(239, 68, 68, 0.12);
  border: 1px solid rgba(239, 68, 68, 0.28);
  color: #fca5a5;
}

#souz-send-modal .modal__footer {
  padding: 18px 24px 22px;
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  background: rgba(15, 23, 42, 0.32);
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

#souz-send-modal .modal__footer .btn {
  min-height: 38px;
  border-radius: 13px;
  font-size: 13px;
  font-weight: 800;
}

#souz-send-modal .modal__footer .souz-main-btn {
  border: 0 !important;
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 32px rgba(37, 99, 235, 0.24);
}

#souz-send-modal .modal__footer .btn-ghost {
  background: rgba(15, 23, 42, 0.68);
  border-color: rgba(148, 163, 184, 0.16);
  color: rgba(226, 232, 240, 0.9);
}

@media (max-width: 820px) {
  #souz-send-modal {
    padding: 14px;
  }

  #souz-send-modal .modal__dialog {
    width: 100%;
    border-radius: 20px;
  }

  #souz-send-modal .souz-send-summary {
    grid-template-columns: 1fr;
  }

  #souz-send-modal .souz-limits-grid {
    grid-template-columns: 1fr;
  }

  #souz-send-modal .souz-limits-grid label {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  #souz-send-modal .modal__footer {
    flex-direction: column-reverse;
  }

  #souz-send-modal .modal__footer .btn {
    width: 100%;
  }
}

#souz-send-modal .souz-send-summary {
  display: grid;
  grid-template-columns: 220px 160px 1fr;
  gap: 12px;
}

.payout-inner-panel[hidden] {
  display: none !important;
}

.souz-payout-page {
  margin-top: 18px;
  width: 100%;
}

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

.souz-req-head,
.souz-req-row {
  display: grid;
  grid-template-columns: 220px 100px 90px 150px 210px 120px 110px 90px 160px;
  gap: 14px;
  align-items: center;
  min-width: 1220px;
}

.souz-req-head {
  padding: 0 22px 10px;
  color: #8fa0bd;
  font-size: 12px;
  font-weight: 600;
}

.souz-req-row {
  margin-top: 0;
  padding: 16px 18px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}

.souz-empty {
  padding: 18px 22px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  font-size: 14px;
}

.souz-empty--error {
  color: #ffb4b4;
  background: rgba(255, 70, 70, 0.1);
}

.souz-req-main {
  display: flex;
  align-items: center;
  gap: 12px;
}

.souz-req-icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 50%;
  background: #fff;
  color: #35c86b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 900;
}

.souz-req-bank {
  color: #8ea0ba;
  font-size: 12px;
  font-weight: 700;
}

.souz-req-value {
  margin-top: 3px;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
}

.souz-device {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.souz-device-icon {
  color: #00d970;
  font-size: 18px;
}

.souz-muted {
  color: #74829a;
  font-size: 13px;
}

.souz-limits {
  display: grid;
  gap: 7px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.souz-progress-wrap {
  display: grid;
  gap: 6px;
}

.souz-progress {
  position: relative;
  height: 16px;
  overflow: hidden;
  border-radius: 999px;
  background: repeating-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.13) 0,
    rgba(255, 255, 255, 0.13) 8px,
    rgba(255, 255, 255, 0.2) 8px,
    rgba(255, 255, 255, 0.2) 16px
  );
}

.souz-progress span {
  position: absolute;
  inset: 0 auto 0 0;
  border-radius: inherit;
  background: rgba(255, 255, 255, 0.2);
}

.souz-progress b {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #edf3ff;
  font-size: 11px;
  font-weight: 800;
}

.souz-progress--small {
  width: 84px;
}

.souz-switch {
  position: relative;
  display: inline-flex;
  width: 44px;
  height: 26px;
  cursor: pointer;
}

.souz-switch input {
  display: none;
}

.souz-switch span {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
  transition: 0.18s ease;
}

.souz-switch span::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  transition: 0.18s ease;
}

.souz-switch input:checked + span {
  background: rgba(36, 201, 112, 0.55);
}

.souz-switch input:checked + span::before {
  transform: translateX(18px);
}

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

.souz-action-btn {
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
  cursor: pointer;
}

.souz-action-btn svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.souz-action-btn:hover {
  background: rgba(255, 255, 255, 0.26);
}

.souz-req-head,
.souz-req-row {
  display: grid !important;
  grid-template-columns: 220px 100px 90px 150px 210px 120px 110px 90px 160px !important;
  gap: 14px !important;
  align-items: center !important;
  min-width: 1220px !important;
}

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

.souz-req-row {
  padding: 16px 18px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.08);
}

.souz-actions {
  display: flex !important;
  gap: 8px;
  justify-content: flex-end;
}

.souz-action-btn svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}

grid-template-columns: 240px 90px 160px 230px 120px 90px;
grid-template-columns: 220px 80px 150px 210px 110px 90px;

/* ===== Souz во вкладке Выплаты: стиль панели ===== */

#payout-tab-souz-panel {
  margin-top: 14px;
}

#payout-tab-souz-panel .souz-payout-page {
  width: 100%;
  padding: 0;
  background: transparent;
  border: 0;
}

#payout-tab-souz-panel .souz-req-table {
  width: 100%;
  overflow-x: auto;
  padding: 2px;
}

#payout-tab-souz-panel .souz-req-head,
#payout-tab-souz-panel .souz-req-row {
  display: grid !important;
  grid-template-columns:
    minmax(210px, 1.15fr)
    minmax(80px, 0.45fr)
    minmax(150px, 0.7fr)
    minmax(180px, 0.85fr)
    minmax(110px, 0.5fr)
    minmax(90px, 0.45fr) !important;
  gap: 16px !important;
  align-items: center !important;
  min-width: 980px !important;
}

#payout-tab-souz-panel .souz-req-head {
  padding: 0 18px 10px;
  color: #8ea0ba;
  font-size: 12px;
  font-weight: 700;
}

#payout-tab-souz-panel .souz-req-row {
  min-height: 72px;
  padding: 14px 18px;
  border-radius: 16px;
  background: #181818;
  border: 1px solid #212121;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);
  color: #e5e7eb;
}

#payout-tab-souz-panel .souz-req-row + .souz-req-row {
  margin-top: 10px;
}

#payout-tab-souz-panel .souz-req-main {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

#payout-tab-souz-panel .souz-req-icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 14px;
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.28);
  color: #22c55e;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 900;
}

#payout-tab-souz-panel .souz-req-bank {
  color: #8ea0ba;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

#payout-tab-souz-panel .souz-req-value {
  margin-top: 4px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.2px;
}

#payout-tab-souz-panel .souz-muted {
  color: #7f91ad;
  font-size: 13px;
  font-weight: 700;
}

#payout-tab-souz-panel .souz-limits {
  display: grid;
  gap: 5px;
  color: #e5e7eb;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
}

#payout-tab-souz-panel .souz-progress-wrap {
  display: grid;
  gap: 7px;
  width: 100%;
}

#payout-tab-souz-panel .souz-progress {
  position: relative;
  width: 100%;
  height: 18px;
  overflow: hidden;
  border-radius: 999px;
  background: #242424;
  border: 1px solid #303030;
}

#payout-tab-souz-panel .souz-progress::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.24;
  background: repeating-linear-gradient(
    45deg,
    transparent 0,
    transparent 7px,
    rgba(255, 255, 255, 0.35) 7px,
    rgba(255, 255, 255, 0.35) 14px
  );
}

#payout-tab-souz-panel .souz-progress span {
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 1;
  border-radius: inherit;
  background: rgba(37, 99, 235, 0.45);
}

#payout-tab-souz-panel .souz-progress b {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f8fafc;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

#payout-tab-souz-panel .souz-progress--small {
  max-width: 96px;
}

#payout-tab-souz-panel .souz-switch {
  position: relative;
  display: inline-flex;
  width: 46px;
  height: 26px;
  cursor: pointer;
}

#payout-tab-souz-panel .souz-switch input {
  display: none;
}

#payout-tab-souz-panel .souz-switch span {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: #2b2b2b;
  border: 1px solid #3a3a3a;
  transition: 0.18s ease;
}

#payout-tab-souz-panel .souz-switch span::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #f8fafc;
  transition: 0.18s ease;
}

#payout-tab-souz-panel .souz-switch input:checked + span {
  background: rgba(34, 197, 94, 0.35);
  border-color: rgba(34, 197, 94, 0.45);
}

#payout-tab-souz-panel .souz-switch input:checked + span::before {
  transform: translateX(20px);
}

#payout-tab-souz-panel .souz-empty {
  padding: 16px 18px;
  border-radius: 16px;
  background: #181818;
  border: 1px solid #212121;
  color: #9ca3af;
  font-size: 13px;
}

#payout-tab-souz-panel .souz-empty--error {
  color: #ef4444;
  border-color: rgba(239, 68, 68, 0.28);
  background: rgba(239, 68, 68, 0.08);
}

@media (max-width: 900px) {
  #payout-tab-souz-panel .souz-req-head,
  #payout-tab-souz-panel .souz-req-row {
    min-width: 900px !important;
    grid-template-columns: 210px 70px 145px 170px 100px 80px !important;
    gap: 12px !important;
  }

  #payout-tab-souz-panel .souz-req-row {
    padding: 12px 14px;
  }
}

#payout-tab-souz-panel .souz-bank-icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 14px;
  background: #111;
  border: 1px solid #2a2a2a;
  overflow: hidden;
}

#payout-tab-souz-panel .souz-bank-icon img {
  width: 28px;
  height: 28px;
  display: block;
  object-fit: contain;
}

#payout-tab-souz-panel .souz-bank-icon--fallback {
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  background: rgba(37, 99, 235, 0.16);
  border-color: rgba(37, 99, 235, 0.3);
}

#payout-tab-souz-panel .souz-switch input:disabled + span {
  opacity: 0.55;
  cursor: wait;
}

#payout-tab-souz-panel .souz-req-row--error {
  border-color: rgba(239, 68, 68, 0.65) !important;
  box-shadow:
    0 0 0 1px rgba(239, 68, 68, 0.25),
    0 10px 28px rgba(239, 68, 68, 0.12) !important;
}

#payout-tab-souz-panel .souz-status-cell {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#payout-tab-souz-panel .souz-switch {
  position: relative;
  display: inline-flex !important;
  width: 46px;
  height: 26px;
  flex: 0 0 46px;
  cursor: pointer;
}

#payout-tab-souz-panel .souz-switch input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

#payout-tab-souz-panel .souz-switch span {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: #2b2b2b;
  border: 1px solid #3a3a3a;
  transition: 0.18s ease;
}

#payout-tab-souz-panel .souz-switch span::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #f8fafc;
  transition: 0.18s ease;
}

#payout-tab-souz-panel .souz-switch input:checked + span {
  background: rgba(34, 197, 94, 0.35);
  border-color: rgba(34, 197, 94, 0.45);
}

#payout-tab-souz-panel .souz-switch input:checked + span::before {
  transform: translateX(20px);
}

#payout-tab-souz-panel .souz-switch input:disabled + span {
  opacity: 0.55;
  cursor: wait;
}

#payout-tab-souz-panel .souz-status-cell {
  display: flex;
  align-items: center;
  gap: 10px;
}

#payout-tab-souz-panel .souz-edit-inline-btn {
  width: 32px;
  height: 32px;
  min-width: 32px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 10px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  background: rgba(255, 255, 255, 0.08);
  color: #e5e7eb;

  cursor: pointer;
  transition: 0.16s ease;
}

#payout-tab-souz-panel .souz-edit-inline-btn:hover {
  background: rgba(37, 99, 235, 0.18);
  border-color: rgba(96, 165, 250, 0.35);
  color: #fff;
  transform: translateY(-1px);
}

#payout-tab-souz-panel .souz-edit-inline-btn svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* edit modal использует стиль send modal */
#souz-edit-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000 !important;
  display: grid !important;
  place-items: center !important;
  padding: 24px !important;
}

#souz-edit-modal[hidden] {
  display: none !important;
}

#souz-edit-modal .modal__backdrop {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1;
  background: rgba(2, 6, 23, 0.72);
  backdrop-filter: blur(10px);
}

#souz-edit-modal .modal__dialog {
  position: relative !important;
  z-index: 2 !important;
  width: min(920px, calc(100vw - 32px));
  max-height: calc(100vh - 48px);
  overflow: auto;
}

/* ===== Souz edit modal: same style as send modal ===== */

#souz-edit-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000 !important;
  display: grid !important;
  place-items: center !important;
  padding: 24px !important;
}

#souz-edit-modal[hidden] {
  display: none !important;
}

#souz-edit-modal .souz-send-backdrop,
#souz-edit-modal .modal__backdrop {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background:
    radial-gradient(circle at 20% 10%, rgba(37, 99, 235, 0.16), transparent 34%),
    radial-gradient(circle at 85% 20%, rgba(249, 115, 22, 0.10), transparent 30%),
    rgba(2, 6, 23, 0.78) !important;
  backdrop-filter: blur(12px);
}

#souz-edit-modal .souz-edit-modal-card {
  position: relative !important;
  z-index: 2 !important;
  width: min(760px, calc(100vw - 32px)) !important;
  max-height: calc(100vh - 48px);
  overflow: auto;

  padding: 22px !important;
  border-radius: 24px !important;

  background:
    linear-gradient(180deg, rgba(18, 24, 38, 0.98), rgba(10, 14, 24, 0.98)) !important;
  border: 1px solid rgba(148, 163, 184, 0.16) !important;
  box-shadow:
    0 30px 90px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

#souz-edit-modal .souz-send-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

#souz-edit-modal .souz-send-kicker {
  width: fit-content;
  margin-bottom: 8px;
  padding: 5px 9px;
  border-radius: 999px;

  color: #93c5fd;
  background: rgba(37, 99, 235, 0.14);
  border: 1px solid rgba(96, 165, 250, 0.18);

  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

#souz-edit-modal .souz-send-head h3 {
  margin: 0;
  color: #ffffff;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: -0.02em;
}

#souz-edit-modal .souz-send-head p {
  margin: 7px 0 0;
  color: #9ca3af;
  font-size: 13px;
  line-height: 1.45;
}

#souz-edit-modal .souz-send-close {
  width: 36px;
  height: 36px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  color: #e5e7eb;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  transition: 0.16s ease;
}

#souz-edit-modal .souz-send-close:hover {
  background: rgba(239, 68, 68, 0.14);
  border-color: rgba(239, 68, 68, 0.35);
  color: #fff;
}

#souz-edit-modal .souz-send-summary {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 14px;
}

#souz-edit-modal .souz-send-summary > div {
  padding: 13px 14px;
  border-radius: 16px;
  background: rgba(15, 23, 42, 0.72);
  border: 1px solid rgba(148, 163, 184, 0.14);
}

#souz-edit-modal .souz-send-summary > div:last-child {
  grid-column: 1 / -1;
}

#souz-edit-modal .souz-send-summary span {
  display: block;
  margin-bottom: 6px;
  color: #94a3b8;
  font-size: 11px;
  font-weight: 700;
}

#souz-edit-modal .souz-send-summary b {
  display: block;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
}

#souz-edit-modal .souz-edit-limits-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;

  padding: 14px;
  border-radius: 20px;
  background: rgba(15, 23, 42, 0.54);
  border: 1px solid rgba(148, 163, 184, 0.14);
}

#souz-edit-modal .souz-edit-limits-grid label {
  display: grid;
  gap: 7px;
}

#souz-edit-modal .souz-edit-limits-grid label span {
  color: #9ca3af;
  font-size: 12px;
  font-weight: 700;
}

#souz-edit-modal .souz-edit-limits-grid .input {
  height: 42px;
  border-radius: 14px;
  background: rgba(2, 6, 23, 0.82);
  border: 1px solid rgba(148, 163, 184, 0.14);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
}

#souz-edit-modal .souz-edit-limits-grid .input:focus {
  border-color: rgba(96, 165, 250, 0.65);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18);
}

#souz-edit-modal #souz-edit-error {
  margin-top: 12px;
}

#souz-edit-modal .souz-send-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 16px;
}

#souz-edit-modal .souz-send-cancel {
  height: 42px;
  padding: 0 18px;
  border-radius: 14px;
}

#souz-edit-modal .souz-main-btn {
  height: 42px;
  padding: 0 20px;
  border-radius: 14px;
  font-weight: 900;

  background: linear-gradient(135deg, #2563eb, #f97316);
  box-shadow: 0 12px 30px rgba(37, 99, 235, 0.18);
}

@media (max-width: 720px) {
  #souz-edit-modal {
    padding: 12px !important;
  }

  #souz-edit-modal .souz-edit-modal-card {
    width: 100% !important;
    padding: 16px !important;
    border-radius: 20px !important;
  }

  #souz-edit-modal .souz-send-summary,
  #souz-edit-modal .souz-edit-limits-grid {
    grid-template-columns: 1fr;
  }

  #souz-edit-modal .souz-send-summary > div:last-child {
    grid-column: auto;
  }

  #souz-edit-modal .souz-send-footer {
    flex-direction: column-reverse;
    align-items: stretch;
  }

  #souz-edit-modal .souz-send-footer .btn {
    width: 100%;
  }
}

#payout-tab-souz-panel .souz-delete-inline-btn {
  width: 32px;
  height: 32px;
  min-width: 32px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 10px;
  border: 1px solid rgba(239, 68, 68, 0.22);
  background: rgba(239, 68, 68, 0.08);
  color: #ef4444;

  cursor: pointer;
  transition: 0.16s ease;
}

#payout-tab-souz-panel .souz-delete-inline-btn:hover {
  background: rgba(239, 68, 68, 0.16);
  border-color: rgba(239, 68, 68, 0.45);
  color: #fff;
  transform: translateY(-1px);
}

#payout-tab-souz-panel .souz-delete-inline-btn svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#payout-tab-souz-panel .souz-delete-inline-btn:disabled {
  opacity: 0.55;
  cursor: wait;
  transform: none;
}

#payout-tab-souz-panel .souz-req-row--deleting {
  opacity: 0.55;
  pointer-events: none;
}

/* Souz logo button в строке выплаты */
.action-btn--souz {
  position: relative;
  overflow: hidden;

  background:
    radial-gradient(circle at 25% 15%, rgba(255,255,255,.16), transparent 28%),
    linear-gradient(135deg, rgba(183,43,131,.22), rgba(242,138,34,.14)) !important;

  border-color: rgba(242,138,34,.30) !important;

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

.action-btn--souz::before {
  content: "";
  position: absolute;
  inset: 5px;
  border-radius: 8px;

  background:
    linear-gradient(135deg, rgba(183,43,131,.95), rgba(217,72,47,.92) 48%, rgba(242,138,34,.95));

  opacity: .92;
}

.action-btn--souz:hover {
  background:
    radial-gradient(circle at 25% 15%, rgba(255,255,255,.20), transparent 30%),
    linear-gradient(135deg, rgba(183,43,131,.32), rgba(242,138,34,.22)) !important;

  border-color: rgba(242,138,34,.46) !important;

  box-shadow:
    0 0 0 1px rgba(242,138,34,.22),
    0 8px 18px rgba(242,138,34,.12);
}

.action-btn--souz:hover::before {
  opacity: 1;
}

.souz-mini-logo {
  position: relative;
  z-index: 1;

  width: 20px;
  height: 20px;
  border-radius: 7px;

  display: inline-grid;
  place-items: center;

  background:
    linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.03));

  border: 1px solid rgba(255,255,255,.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 6px 12px rgba(0,0,0,.16);
}

.souz-mini-logo__text {
  color: #fff;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  letter-spacing: -0.04em;
  font-family: Inter, system-ui, sans-serif;

  text-shadow: 0 1px 6px rgba(0,0,0,.35);
}

/* Souz logo в строке выплаты */
.action-btn--souz {
  position: relative;
  overflow: hidden;

  background: #111827 !important;
  border-color: rgba(242,138,34,.35) !important;

  padding: 0;
}

.action-btn--souz:hover {
  background: rgba(242,138,34,.12) !important;
  border-color: rgba(242,138,34,.55) !important;
  box-shadow: 0 0 0 1px rgba(242,138,34,.22);
}

.souz-row-logo {
  width: 22px;
  height: 22px;
  display: block;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
}

/* Souz logo в строке выплаты */
.action-btn--souz {
  width: 42px;
  min-width: 42px;
  height: 34px;

  position: relative;
  overflow: hidden;

  background: #111827 !important;
  border-color: rgba(242,138,34,.35) !important;

  padding: 0 6px;
}

.action-btn--souz:hover {
  background: rgba(242,138,34,.12) !important;
  border-color: rgba(242,138,34,.55) !important;
  box-shadow: 0 0 0 1px rgba(242,138,34,.22);
}

.souz-row-logo {
  width: 30px;
  height: 22px;
  display: block;

  object-fit: contain;
  object-position: center;

  pointer-events: none;
  user-select: none;
}

/* Souz logo в строке выплаты */
.action-btn--souz {
  width: 64px;
  min-width: 64px;
  height: 34px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: #ffffff !important;
  border: 1px solid rgba(242,138,34,.45) !important;
  border-radius: 10px;

  padding: 4px 7px;
  overflow: hidden;
}

.action-btn--souz:hover {
  background: #fff7ed !important;
  border-color: rgba(242,138,34,.75) !important;
  box-shadow: 0 0 0 1px rgba(242,138,34,.22);
}

.souz-row-logo {
  width: 48px;
  height: 20px;

  display: block;
  object-fit: contain;
  object-position: center;

  pointer-events: none;
  user-select: none;
}

.action-btn--souz {
  width: 82px;
  min-width: 82px;
}

.souz-row-logo {
  width: 68px;
  height: 22px;
}

/* Souz logo в строке выплаты */
.action-btn--souz {
  width: 78px;
  min-width: 78px;
  height: 34px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 4px 8px;
  overflow: visible;

  background: #ffffff !important;
  border: 1px solid rgba(242,138,34,.55) !important;
  border-radius: 10px;

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

.action-btn--souz:hover {
  background: #fff7ed !important;
  border-color: rgba(242,138,34,.85) !important;
  box-shadow:
    0 0 0 1px rgba(242,138,34,.22),
    0 8px 18px rgba(242,138,34,.12);
}

.souz-row-logo {
  width: 100%;
  height: 100%;
  display: block;

  background-image: url("logo-dark.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  pointer-events: none;
  user-select: none;
}

/* Souz compact logo button */
.action-btn--souz {
  width: 34px;
  min-width: 34px;
  height: 34px;

  padding: 0 !important;
  overflow: hidden;

  background: #151515 !important;
  border: 1px solid rgba(242,138,34,.35) !important;
  border-radius: 10px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.action-btn--souz:hover {
  background: rgba(242,138,34,.12) !important;
  border-color: rgba(242,138,34,.65) !important;
  box-shadow: 0 0 0 1px rgba(242,138,34,.22);
}

.souz-row-logo {
  width: 24px;
  height: 24px;

  display: block;
  object-fit: cover;
  object-position: left center;

  border-radius: 7px;

  pointer-events: none;
  user-select: none;
}

/* Souz compact logo button */
.action-btn--souz {
  width: 34px;
  min-width: 34px;
  height: 34px;

  padding: 0 !important;
  overflow: hidden;

  background: #151515 !important;
  border: 1px solid #262626 !important;
  border-radius: 10px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.action-btn--souz:hover {
  background: #1f1f1f !important;
  border-color: #3a3a3a !important;
  box-shadow: none !important;
}

.souz-row-logo {
  width: 24px;
  height: 24px;

  display: block;
  object-fit: cover;
  object-position: left center;

  border-radius: 6px;

  filter: none !important;
  background: transparent !important;
  box-shadow: none !important;

  pointer-events: none;
  user-select: none;
}

/* FIX Souz button: убрать старый градиент */
.action-btn--souz::before,
.action-btn--souz::after {
  content: none !important;
  display: none !important;
}

.action-btn--souz {
  width: 42px !important;
  min-width: 42px !important;
  height: 34px !important;

  padding: 0 !important;
  overflow: hidden !important;

  background: #151515 !important;
  border: 1px solid #262626 !important;
  border-radius: 10px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-shadow: none !important;
}

.action-btn--souz:hover {
  background: #1f1f1f !important;
  border-color: rgba(245,158,11,.45) !important;
  box-shadow: none !important;
}

.souz-row-logo {
  width: 32px !important;
  height: 22px !important;

  display: block !important;
  object-fit: contain !important;
  object-position: center !important;

  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;

  pointer-events: none;
  user-select: none;
}

/* ===== Integrations page ===== */
.integrations-grid {
  display: grid;
  gap: 18px;
  width: min(100%, 980px);
}

.integration-connect-card {
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(242, 138, 34, .28);
  background: #050505;
  box-shadow: 0 20px 50px rgba(0,0,0,.28);
}

.integration-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;

  padding: 34px 36px;
  background:
    radial-gradient(circle at 18% 15%, rgba(255,255,255,.13), transparent 22%),
    linear-gradient(135deg, #c03b91 0%, #a33340 48%, #c75b19 100%);
}

.integration-connect-card--trademo .integration-hero {
  background:
    radial-gradient(circle at 18% 15%, rgba(255,255,255,.12), transparent 22%),
    linear-gradient(135deg, #2563eb 0%, #1e3a8a 46%, #0f172a 100%);
}

.integration-hero__left {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
}

.integration-hero__logo {
  width: 62px;
  height: 62px;
  border-radius: 18px;
  flex: 0 0 auto;

  display: grid;
  place-items: center;

  background: rgba(0,0,0,.72);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 14px 26px rgba(0,0,0,.32);
}

.integration-hero__logo img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  display: block;
}

.integration-hero__logo--trademo {
  background:
    radial-gradient(circle at 28% 20%, rgba(255,255,255,.18), transparent 25%),
    linear-gradient(135deg, #2563eb, #0f172a);
}

.integration-hero__logo--trademo span {
  color: #fff;
  font-size: 18px;
  font-weight: 950;
  letter-spacing: -.05em;
}

.integration-hero__content {
  min-width: 0;
}

.integration-eyebrow {
  margin-bottom: 6px;
  color: #fde68a;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.integration-hero__content h2 {
  margin: 0;
  color: #fff;
  font-size: 23px;
  line-height: 1.08;
  font-weight: 950;
  letter-spacing: -.04em;
}

.integration-hero__content p {
  margin: 8px 0 0;
  color: rgba(255,255,255,.74);
  font-size: 13px;
  line-height: 1.45;
}

.integration-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;

  padding: 18px 22px;
  border-top: 1px solid rgba(242,138,34,.18);
  background: #050505;
}

.integration-result {
  padding: 0 22px 18px;
  color: #E5E7EB;
  font-size: 12px;
}

.trademo-main-btn {
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
}

.trademo-auth-badge,
.souz-auth-badge {
  flex: 0 0 auto;
  padding: 8px 14px;
  border-radius: 999px;

  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;

  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.22);
  color: #fff;
}

.souz-auth-badge.is-ok,
.souz-auth-badge.is-authorized {
  color: #22c55e;
  border-color: rgba(34,197,94,.45);
  background: rgba(34,197,94,.12);
}

.trademo-auth-badge.is-offline {
  color: #f59e0b;
  border-color: rgba(245,158,11,.45);
  background: rgba(245,158,11,.12);
}

.trademo-auth-badge.is-ok {
  color: #22c55e;
  border-color: rgba(34,197,94,.45);
  background: rgba(34,197,94,.12);
}

@media (max-width: 760px) {
  .integration-hero {
    align-items: flex-start;
    flex-direction: column;
    padding: 24px;
  }

  .integration-toolbar {
    padding: 16px;
  }

  .integration-result {
    padding: 0 16px 16px;
  }
}

#trademo-link-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  align-items: center !important;
  justify-content: center !important;
}

#trademo-link-modal:not([hidden]) {
  display: flex !important;
}

#trademo-link-modal[hidden] {
  display: none !important;
}

#trademo-link-modal .modal__backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.65) !important;
}

#trademo-link-modal .modal__card {
  position: relative !important;
  z-index: 2 !important;
  width: min(520px, calc(100vw - 28px)) !important;
}

#trademo-link-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  align-items: center !important;
  justify-content: center !important;
}

#trademo-link-modal:not([hidden]) {
  display: flex !important;
}

#trademo-link-modal[hidden] {
  display: none !important;
}

#trademo-link-modal .modal__backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.68) !important;
}

#trademo-link-modal .modal__card {
  position: relative !important;
  z-index: 2 !important;
  width: min(520px, calc(100vw - 28px)) !important;
  background: #111 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 18px !important;
}

#trademo-link-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  align-items: center !important;
  justify-content: center !important;
}

#trademo-link-modal.is-open {
  display: flex !important;
}

#trademo-link-modal[hidden] {
  display: none !important;
}

#trademo-link-modal .modal__backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.7) !important;
}

#trademo-link-modal .modal__card {
  position: relative !important;
  z-index: 2 !important;
  width: min(520px, calc(100vw - 28px)) !important;
  background: #111827 !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.55) !important;
}

#trademo-link-modal.is-open {
  display: flex !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

#trademo-link-modal[hidden] {
  display: none !important;
}

#trademo-link-modal .modal__card {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: auto !important;
}

.trademo-auth-modal[hidden] {
  display: none !important;
}

.trademo-auth-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 18px !important;
}

.trademo-auth-modal__backdrop {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 30% 20%, rgba(37, 99, 235, .22), transparent 34%),
    rgba(0, 0, 0, .74);
  backdrop-filter: blur(8px);
}

.trademo-auth-modal__card {
  position: relative;
  z-index: 2;
  width: min(560px, calc(100vw - 28px));
  background:
    linear-gradient(180deg, rgba(37, 99, 235, .20), rgba(17, 24, 39, .98) 34%),
    #0b0f19;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 24px;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .62);
  overflow: hidden;
}

.trademo-auth-modal__head {
  display: grid;
  grid-template-columns: 58px 1fr 38px;
  gap: 16px;
  align-items: start;
  padding: 24px 24px 18px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.trademo-auth-modal__icon {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #2563eb, #172554);
  color: #fff;
  font-weight: 900;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22);
}

.trademo-auth-modal__eyebrow {
  color: #facc15;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 6px;
}

.trademo-auth-modal__head h2 {
  margin: 0;
  color: #fff;
  font-size: 24px;
  line-height: 1.05;
}

.trademo-auth-modal__head p {
  margin: 8px 0 0;
  color: rgba(255,255,255,.68);
  font-size: 14px;
  line-height: 1.45;
}

.trademo-auth-modal__close {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.78);
  cursor: pointer;
}

.trademo-auth-modal__close:hover {
  background: rgba(239,68,68,.16);
  border-color: rgba(239,68,68,.35);
  color: #fff;
}

.trademo-auth-modal__body {
  padding: 20px 24px 10px;
  display: grid;
  gap: 14px;
}

.trademo-auth-modal__notice {
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(245, 158, 11, .10);
  border: 1px solid rgba(245, 158, 11, .24);
  color: rgba(255,255,255,.74);
  font-size: 13px;
  line-height: 1.45;
}

.trademo-auth-modal__footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 18px 24px 24px;
}

/* ===== Dashboard Trademo balances ===== */
#dashboard-section {
  min-height: 360px;
}

.dashboard-v2-shell {
  display: grid;
  gap: 16px;
}

.dashboard-v2-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 22px;
  border-radius: 24px;
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.24), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
  border: 1px solid rgba(255,255,255,.08);
}

.dashboard-v2-kicker {
  color: #93C5FD;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.dashboard-v2-hero h2 {
  margin: 0;
  color: #F9FAFB;
  font-size: 30px;
  line-height: 1.05;
  font-weight: 950;
  letter-spacing: -.8px;
}

.dashboard-v2-hero p {
  margin: 8px 0 0;
  color: #9CA3AF;
  font-size: 13px;
}

.dashboard-v2-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.dashboard-v2-status {
  min-height: 40px;
  display: flex;
  align-items: center;
  padding: 10px 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.07);
  color: #9CA3AF;
  font-size: 12px;
  font-weight: 700;
}

.dashboard-balance-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(260px, 1fr));
  gap: 16px;
}

.dashboard-balance-card {
  min-height: 132px;
  padding: 18px;
  border-radius: 22px;
  background:
    radial-gradient(circle at top right, rgba(37,99,235,.14), transparent 34%),
    #181818;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 14px 35px rgba(0,0,0,.24);
}

.dashboard-balance-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 26px;
}

.dashboard-balance-card__title {
  color: #F9FAFB;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .02em;
}

.dashboard-balance-card__btn {
  height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(255,255,255,.04);
  color: #E5E7EB;
  font-size: 11px;
  font-weight: 800;
  cursor: default;
}

.dashboard-balance-card__value {
  color: #FFFFFF;
  font-size: 22px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.4px;
}

.dashboard-balance-card__sub {
  margin-top: 9px;
  color: #93C5FD;
  font-size: 13px;
  font-weight: 800;
}

.dashboard-balance-card__meta {
  margin-top: 6px;
  color: #9CA3AF;
  font-size: 12px;
  font-weight: 700;
}

.dashboard-balance-empty {
  grid-column: 1 / -1;
  padding: 18px;
  border-radius: 18px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  color: #9CA3AF;
  font-size: 13px;
  font-weight: 800;
}

.dashboard-balance-empty--error {
  color: #FCA5A5;
  background: rgba(239,68,68,.10);
  border-color: rgba(239,68,68,.22);
}

@media (max-width: 860px) {
  .dashboard-v2-hero {
    display: grid;
  }

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

@media (max-width: 768px) {
  #dashboard-section {
    padding: 10px !important;
    border-radius: 14px !important;
  }

  .dashboard-v2-hero {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  .dashboard-v2-hero h2 {
    font-size: 22px !important;
  }

  .dashboard-balance-card {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  .dashboard-balance-card__top {
    margin-bottom: 18px !important;
  }

  .dashboard-balance-card__value {
    font-size: 19px !important;
  }
}

/* ===== Dashboard Trademo multi accounts ===== */
.dashboard-trademo-manager{
  margin: 14px 0 18px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(148,163,184,.14);
  background: rgba(15,23,42,.32);
}

.dashboard-trademo-manager__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom: 12px;
}

.dashboard-trademo-manager__title{
  font-size: 14px;
  font-weight: 800;
  color: #E5E7EB;
}

.dashboard-trademo-manager__sub{
  margin-top: 3px;
  font-size: 12px;
  color: #9CA3AF;
}

.dashboard-trademo-form{
  display:grid;
  grid-template-columns: minmax(150px, .8fr) minmax(260px, 1.4fr) minmax(220px, 1fr) 90px auto;
  gap: 10px;
  align-items:center;
}

.dashboard-trademo-accounts{
  display:grid;
  gap: 8px;
  margin-top: 12px;
}

.dashboard-trademo-account-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(148,163,184,.12);
  background: rgba(255,255,255,.035);
}

.dashboard-trademo-account-row__main{
  min-width:0;
}

.dashboard-trademo-account-row__title{
  font-size:13px;
  font-weight:800;
  color:#E5E7EB;
}

.dashboard-trademo-account-row__sub{
  margin-top:3px;
  font-size:12px;
  color:#9CA3AF;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.dashboard-trademo-delete{
  color:#FCA5A5;
  border-color: rgba(239,68,68,.25);
}

.dashboard-trademo-total,
.dashboard-trademo-account-balance{
  grid-column: 1 / -1;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(148,163,184,.14);
  background: rgba(15,23,42,.28);
}

.dashboard-trademo-total{
  border-color: rgba(59,130,246,.28);
  background: rgba(37,99,235,.08);
}

.dashboard-trademo-total__head,
.dashboard-trademo-account-balance__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom: 12px;
}

.dashboard-trademo-total__title,
.dashboard-trademo-account-balance__title{
  font-size: 14px;
  font-weight: 900;
  color:#F9FAFB;
}

.dashboard-trademo-total__sub,
.dashboard-trademo-account-balance__sub{
  margin-top: 3px;
  font-size: 12px;
  color:#9CA3AF;
}

.dashboard-trademo-account-balance__badge{
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  background: rgba(34,197,94,.12);
  color:#86EFAC;
  border:1px solid rgba(34,197,94,.25);
}

.dashboard-trademo-account-balance.is-error .dashboard-trademo-account-balance__badge{
  background: rgba(239,68,68,.12);
  color:#FCA5A5;
  border-color: rgba(239,68,68,.25);
}

.dashboard-balance-grid--small{
  margin: 0;
}

.dashboard-balance-grid--small .dashboard-balance-card{
  min-height: 118px;
}

@media (max-width: 1100px){
  .dashboard-trademo-form{
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 700px){
  .dashboard-trademo-form{
    grid-template-columns: 1fr;
  }

  .dashboard-trademo-account-row,
  .dashboard-trademo-total__head,
  .dashboard-trademo-account-balance__head{
    align-items: stretch;
    flex-direction: column;
  }
}

/* показываем Bearer-поля Trademo только для выбранной группы */
.trademo-current-profile-note {
  margin: 14px 22px 0;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(37, 99, 235, .10);
  border: 1px solid rgba(37, 99, 235, .22);
  color: #bfdbfe;
  font-size: 12px;
  line-height: 1.45;
}

.trademo-token-group[hidden] {
  display: none !important;
}

.trademo-fixed-layout {
  grid-template-columns: 1fr !important;
}

.dashboard-trademo-info {
  margin-top: 18px;
  padding: 16px 18px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 0 0, rgba(37, 99, 235, .14), transparent 35%),
    rgba(15, 23, 42, .72);
  border: 1px solid rgba(59, 130, 246, .22);
}

.dashboard-trademo-info__title {
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  margin-bottom: 6px;
}

.dashboard-trademo-info__text {
  color: #9CA3AF;
  font-size: 12px;
  line-height: 1.45;
}

/* ===== Dashboard cleanup: Bearer вводится только в Интеграции ===== */
.dashboard-trademo-manager,
#dashboard-trademo-accounts,
#dashboard-trademo-title,
#dashboard-trademo-bearer,
#dashboard-trademo-fingerprint,
#dashboard-trademo-region,
#dashboard-trademo-add {
  display: none !important;
}

.dashboard-trademo-info {
  margin-top: 18px;
  padding: 16px 18px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 0 0, rgba(37, 99, 235, .14), transparent 35%),
    rgba(15, 23, 42, .72);
  border: 1px solid rgba(59, 130, 246, .22);
}

.dashboard-trademo-info__title {
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  margin-bottom: 6px;
}

.dashboard-trademo-info__text {
  color: #9CA3AF;
  font-size: 12px;
  line-height: 1.45;
}

/* ===== Dashboard Trademo compact table ===== */

.dashboard-trademo-compact-summary {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: stretch;
  padding: 18px;
  border-radius: 20px;
  background:
    radial-gradient(circle at 0 0, rgba(37, 99, 235, .18), transparent 34%),
    rgba(15, 23, 42, .72);
  border: 1px solid rgba(59, 130, 246, .22);
  margin-bottom: 14px;
}

.dashboard-trademo-compact-summary__label {
  color: #93c5fd;
  font-size: 12px;
  font-weight: 900;
  margin-bottom: 6px;
}

.dashboard-trademo-compact-summary__value {
  color: #fff;
  font-size: 30px;
  font-weight: 950;
  letter-spacing: -0.03em;
}

.dashboard-trademo-compact-summary__sub {
  margin-top: 6px;
  color: #9ca3af;
  font-size: 12px;
}

.dashboard-trademo-compact-pills {
  display: grid;
  grid-template-columns: repeat(3, minmax(150px, 1fr));
  gap: 10px;
  min-width: min(680px, 100%);
}

.dashboard-trademo-compact-pills > div {
  padding: 14px;
  border-radius: 16px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
}

.dashboard-trademo-compact-pills span {
  display: block;
  color: #9ca3af;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.dashboard-trademo-compact-pills b {
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: 950;
}

.dashboard-trademo-compact-table-wrap {
  overflow-x: auto;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(10, 13, 20, .72);
}

.dashboard-trademo-compact-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 980px;
}

.dashboard-trademo-compact-table th {
  padding: 14px 16px;
  color: #93c5fd;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: rgba(15, 23, 42, .72);
}

.dashboard-trademo-compact-table td {
  padding: 16px;
  border-bottom: 1px solid rgba(255,255,255,.06);
  color: #e5e7eb;
  vertical-align: middle;
}

.dashboard-trademo-compact-table tbody tr:last-child td {
  border-bottom: none;
}

.dashboard-trademo-compact-table td b {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  font-weight: 950;
}

.dashboard-trademo-compact-table td span {
  margin-left: 4px;
  color: #9ca3af;
  font-size: 11px;
  font-weight: 800;
}

.dashboard-trademo-token-name {
  color: #fff;
  font-size: 14px;
  font-weight: 950;
}

.dashboard-trademo-token-sub {
  margin-top: 4px;
  color: #9ca3af;
  font-size: 11px;
}

.dashboard-trademo-compact-total b {
  color: #60a5fa !important;
}

.dashboard-trademo-compact-error {
  padding: 10px 12px;
  border-radius: 12px;
  color: #fca5a5;
  background: rgba(239,68,68,.12);
  border: 1px solid rgba(239,68,68,.25);
  font-size: 12px;
}

.dashboard-trademo-compact-row.is-error td {
  background: rgba(239,68,68,.04);
}

@media (max-width: 1100px) {
  .dashboard-trademo-compact-summary {
    flex-direction: column;
  }

  .dashboard-trademo-compact-pills {
    grid-template-columns: 1fr;
    min-width: 0;
  }
}

/* ===== Trademo integration: clean token editor ===== */

.integration-connect-card--trademo.trademo-fixed-card {
  overflow: hidden;
  border: 1px solid rgba(245, 158, 11, .28);
  background:
    radial-gradient(circle at 0 0, rgba(37, 99, 235, .22), transparent 32%),
    linear-gradient(180deg, rgba(15, 23, 42, .92), rgba(2, 6, 23, .96));
  box-shadow: 0 26px 80px rgba(0,0,0,.34);
}

.integration-connect-card--trademo .integration-hero {
  padding: 28px 32px;
  background:
    radial-gradient(circle at 14% 0, rgba(96, 165, 250, .35), transparent 30%),
    linear-gradient(135deg, #2563eb 0%, #1e3a8a 42%, #172554 100%);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.integration-hero__logo--trademo {
  width: 64px;
  height: 64px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  color: #fff;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.24), transparent 30%),
    linear-gradient(145deg, #1d4ed8, #0f172a);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 18px 38px rgba(0,0,0,.28);
}

.integration-hero__logo--trademo span {
  font-size: 22px;
  font-weight: 950;
  letter-spacing: -.04em;
}

.integration-connect-card--trademo .integration-eyebrow {
  color: #fde68a;
  font-weight: 950;
  letter-spacing: .12em;
}

.integration-connect-card--trademo .integration-hero__content h2 {
  margin: 4px 0 6px;
  font-size: 28px;
  line-height: 1.05;
}

.integration-connect-card--trademo .integration-hero__content p {
  max-width: 650px;
  color: rgba(219,234,254,.92);
  line-height: 1.55;
}

.trademo-current-profile-note {
  margin: 18px 22px 0;
  padding: 14px 16px;
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(37,99,235,.14), rgba(15,23,42,.72));
  border: 1px solid rgba(96,165,250,.24);
  color: #dbeafe;
  font-size: 13px;
  line-height: 1.45;
}

.trademo-fixed-layout {
  display: block !important;
  margin: 18px 22px 0;
}

.trademo-token-group {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  display: grid;
  gap: 14px;
}

.trademo-token-group__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 2px 2px;
  border: 0 !important;
}

.trademo-token-group__head b {
  color: #fff;
  font-size: 20px;
  font-weight: 950;
  letter-spacing: -.02em;
}

.trademo-token-group__head span {
  margin-left: 8px;
  color: #93c5fd;
  font-size: 13px;
  font-weight: 800;
}

.trademo-token-group > .field {
  padding: 14px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0, rgba(37,99,235,.12), transparent 34%),
    rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.trademo-token-group > .field .field__label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  padding: 6px 10px;
  margin-bottom: 8px;
  border-radius: 999px;
  background: rgba(37,99,235,.13);
  color: #bfdbfe;
  border: 1px solid rgba(96,165,250,.18);
  font-size: 12px;
  font-weight: 900;
}

.trademo-token-input {
  min-height: 64px !important;
  resize: vertical;
  padding: 14px 16px !important;
  border-radius: 16px !important;
  background: rgba(3, 7, 18, .72) !important;
  border: 1px solid rgba(148,163,184,.13) !important;
  color: #e5e7eb !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.trademo-token-input::placeholder {
  color: rgba(148,163,184,.72);
}

.trademo-token-input:focus {
  border-color: rgba(96,165,250,.55) !important;
  box-shadow: 0 0 0 4px rgba(37,99,235,.14);
  background: rgba(3, 7, 18, .92) !important;
}

.trademo-token-input.is-filled {
  border-color: rgba(34,197,94,.42) !important;
  background:
    radial-gradient(circle at 100% 0, rgba(34,197,94,.10), transparent 34%),
    rgba(3, 7, 18, .78) !important;
}

.trademo-token-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.trademo-token-card {
  padding: 16px;
  border-radius: 20px;
  background:
    radial-gradient(circle at 100% 0, rgba(37,99,235,.14), transparent 34%),
    rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

.trademo-token-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.trademo-token-card__label {
  color: #93c5fd;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.trademo-token-card__title {
  color: #fff;
  font-size: 28px;
  font-weight: 950;
  letter-spacing: -.04em;
  line-height: 1;
}

.trademo-token-card__state {
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(148,163,184,.08);
  border: 1px solid rgba(148,163,184,.15);
  color: #9ca3af;
  font-size: 11px;
  font-weight: 900;
}

.trademo-token-card__state.is-filled {
  background: rgba(34,197,94,.12);
  border-color: rgba(34,197,94,.28);
  color: #4ade80;
}

.trademo-token-clear {
  margin-top: 10px;
  padding: 7px 10px;
  border-radius: 10px;
  background: transparent;
  border: 1px solid rgba(148,163,184,.14);
  color: #94a3b8;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}

.trademo-token-clear:hover {
  color: #fff;
  background: rgba(255,255,255,.055);
}

.integration-connect-card--trademo .integration-toolbar {
  margin: 18px 22px 0;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.08);
}

.integration-connect-card--trademo .integration-result {
  margin: 14px 22px 22px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(15,23,42,.62);
  border: 1px solid rgba(255,255,255,.06);
  color: #cbd5e1;
  font-size: 12px;
}

@media (max-width: 900px) {
  .integration-connect-card--trademo .integration-hero {
    padding: 22px;
  }

  .trademo-token-grid {
    grid-template-columns: 1fr;
  }

  .trademo-fixed-layout,
  .trademo-current-profile-note,
  .integration-connect-card--trademo .integration-toolbar,
  .integration-connect-card--trademo .integration-result {
    margin-left: 14px;
    margin-right: 14px;
  }
}

.trademo-token-login-btn {
  margin-top: 10px;
  margin-right: 8px;
  padding: 8px 12px;
  border-radius: 12px;
  border: 1px solid rgba(96, 165, 250, .26);
  background: rgba(37, 99, 235, .14);
  color: #bfdbfe;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.trademo-token-login-btn:hover {
  background: rgba(37, 99, 235, .22);
  color: #fff;
}

/* ===== Compact Trademo balance card ===== */

#dashboard-section {
  min-height: auto !important;
}

.dashboard-balance-grid {
  display: block !important;
}

.dashboard-trademo-compact-summary {
  min-height: 105px !important;
  max-width: 420px !important;
  padding: 16px 18px !important;
  border-radius: 16px !important;
}

.dashboard-trademo-compact-summary__label {
  font-size: 11px !important;
  margin-bottom: 8px !important;
}

.dashboard-trademo-compact-summary__value {
  font-size: 24px !important;
  line-height: 1.1 !important;
}

.dashboard-trademo-compact-summary__sub {
  margin-top: 8px !important;
  font-size: 11px !important;
}

/* ===== Trademo dashboard warnings ===== */

.dashboard-trademo-warning-box {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;

  width: 100% !important;
  padding: 14px 16px !important;
  margin-bottom: 12px !important;

  border-radius: 16px !important;
  background:
    linear-gradient(135deg, rgba(245, 158, 11, .18), rgba(239, 68, 68, .10)),
    rgba(15, 23, 42, .85) !important;
  border: 1px solid rgba(245, 158, 11, .45) !important;
  box-shadow: 0 0 26px rgba(245, 158, 11, .14) !important;
}

.dashboard-trademo-warning-box__icon {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;

  display: grid !important;
  place-items: center !important;

  border-radius: 12px !important;
  background: rgba(245, 158, 11, .16) !important;
  border: 1px solid rgba(245, 158, 11, .35) !important;

  font-size: 17px !important;
}

.dashboard-trademo-warning-box__title {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  margin-bottom: 4px !important;
}

.dashboard-trademo-warning-box__text {
  color: #fbbf24 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.dashboard-trademo-compact-row--warning {
  background:
    linear-gradient(90deg, rgba(245, 158, 11, .16), rgba(239, 68, 68, .08)) !important;
  box-shadow: inset 3px 0 0 rgba(245, 158, 11, .95) !important;
}

.dashboard-trademo-compact-row--warning td {
  border-bottom-color: rgba(245, 158, 11, .28) !important;
}

.dashboard-trademo-warning-cell b {
  color: #fbbf24 !important;
  text-shadow: 0 0 14px rgba(245, 158, 11, .35) !important;
}

.dashboard-trademo-warning-cell span {
  color: #fcd34d !important;
}

.nav.dashboard-nav-has-warning {
  border-color: rgba(245, 158, 11, .45) !important;
  background:
    linear-gradient(135deg, rgba(245, 158, 11, .18), rgba(37, 99, 235, .10)) !important;
  color: #fff !important;
  box-shadow: 0 0 20px rgba(245, 158, 11, .16) !important;
}

.nav.dashboard-nav-has-warning .nav__icon {
  background: rgba(245, 158, 11, .18) !important;
  border-color: rgba(245, 158, 11, .45) !important;
  color: #fbbf24 !important;
}

/* ===== Trademo dashboard warnings ===== */

.dashboard-trademo-warning-box {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  padding: 14px 16px !important;
  margin-bottom: 12px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, rgba(245, 158, 11, .20), rgba(239, 68, 68, .12)) !important;
  border: 1px solid rgba(245, 158, 11, .55) !important;
  box-shadow: 0 0 26px rgba(245, 158, 11, .20) !important;
}

.dashboard-trademo-warning-box__icon {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  background: rgba(245, 158, 11, .20) !important;
  border: 1px solid rgba(245, 158, 11, .45) !important;
  font-size: 18px !important;
}

.dashboard-trademo-warning-box__title {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  margin-bottom: 4px !important;
}

.dashboard-trademo-warning-box__text {
  color: #fbbf24 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.dashboard-trademo-compact-row--warning td {
  background: rgba(245, 158, 11, .10) !important;
  border-bottom-color: rgba(245, 158, 11, .30) !important;
}

.dashboard-trademo-compact-row--warning td:first-child {
  box-shadow: inset 4px 0 0 rgba(245, 158, 11, .95) !important;
}

.dashboard-trademo-warning-cell b {
  color: #fbbf24 !important;
  text-shadow: 0 0 14px rgba(245, 158, 11, .45) !important;
}

.dashboard-trademo-warning-cell span {
  color: #fde68a !important;
}

.nav.dashboard-nav-has-warning {
  border-color: rgba(245, 158, 11, .60) !important;
  background: linear-gradient(135deg, rgba(245, 158, 11, .24), rgba(37, 99, 235, .12)) !important;
  color: #fff !important;
  box-shadow: 0 0 24px rgba(245, 158, 11, .22) !important;
}

.nav.dashboard-nav-has-warning .nav__icon {
  background: rgba(245, 158, 11, .22) !important;
  border-color: rgba(245, 158, 11, .55) !important;
  color: #fbbf24 !important;
}

.salary-shot-export {
  position: fixed;
  left: 20px;
  top: 20px;
  z-index: 999999;
  width: 920px;
  max-width: 920px;
  min-width: 920px;
  padding: 18px;
  background: #0b0b0b;
  border-radius: 24px;
  box-sizing: border-box;
  overflow: visible;
  pointer-events: none;
}

.salary-shot-export * {
  box-sizing: border-box;
}

.salary-shot-export #salary-operators-summary,
.salary-shot-export .salary-operators-summary {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.salary-shot-export .salary-operators-board,
.salary-shot-export .salary-token-group-card,
.salary-shot-export .salary-op-card {
  max-width: 100% !important;
}

.salary-shot-export .salary-ops-grid,
.salary-shot-export .salary-token-groups-grid,
.salary-shot-export .salary-token-group-list {
  width: 100% !important;
  max-width: 100% !important;
}

.salary-shot-export .salary-op-card {
  break-inside: avoid;
}

.salary-shot-export .btn,
.salary-shot-export button {
  display: none !important;
}

.processing-until {
  position: relative;
  cursor: help;
  overflow: visible;
}

.processing-until::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 9px);
  transform: translateX(-50%) translateY(4px);
  min-width: 135px;
  padding: 7px 10px;
  border-radius: 10px;
  background: #05070c;
  border: 1px solid rgba(96, 165, 250, .32);
  color: #e5e7eb;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
  box-shadow: 0 12px 30px rgba(0,0,0,.45);
  opacity: 0;
  pointer-events: none;
  z-index: 9999;
  transition: opacity .12s ease, transform .12s ease;
}

.processing-until::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(100% + 4px);
  width: 8px;
  height: 8px;
  background: #05070c;
  border-right: 1px solid rgba(96, 165, 250, .32);
  border-bottom: 1px solid rgba(96, 165, 250, .32);
  transform: translateX(-50%) rotate(45deg);
  opacity: 0;
  pointer-events: none;
  z-index: 9999;
  transition: opacity .12s ease;
}

.processing-until:hover::after,
.processing-until:hover::before {
  opacity: 1;
}

.processing-until:hover::after {
  transform: translateX(-50%) translateY(0);
}

/* ===== Profile 3 / Token 17 salary calc ===== */

.salary-profile3-calc {
  background: rgba(59, 130, 246, .07) !important;
  border-color: rgba(59, 130, 246, .20) !important;
}

.salary-profile3-calc .salary-profile2-calc__title {
  color: #93C5FD !important;
}

.salary-profile3-calc .salary-profile2-calc__final {
  color: #60A5FA !important;
}

/* ===== Profile 1 / Token 26 salary calc ===== */

.salary-profile1-calc {
  background: rgba(168, 85, 247, .07) !important;
  border-color: rgba(168, 85, 247, .22) !important;
}

.salary-profile1-calc .salary-profile2-calc__title {
  color: #C4B5FD !important;
}

.salary-profile1-calc .salary-profile2-calc__final {
  color: #A78BFA !important;
}

/* ===== Trademo withdraw button ===== */

.dashboard-trademo-withdraw-actions {
  margin-top: 10px !important;
}

.dashboard-trademo-open-withdraw {
  height: 32px !important;
  padding: 7px 12px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}

/* ===== Trademo withdraw modal ===== */

.trademo-withdraw-modal {
  z-index: 99999 !important;
}

.trademo-withdraw-card {
  position: relative;
  width: min(400px, calc(100% - 28px));
  margin: 40px auto;
  padding: 30px;
  border-radius: 28px;
  background: #ffffff;
  color: #172033;
  box-shadow: 0 30px 80px rgba(0,0,0,.32);
}

.trademo-withdraw-head {
  text-align: center;
  margin-bottom: 24px;
}

.trademo-withdraw-head h2 {
  margin: 0 0 14px;
  font-size: 25px;
  line-height: 1.1;
  color: #172033;
}

.trademo-withdraw-head p {
  margin: 0;
  color: #3b4a66;
  font-size: 14px;
  line-height: 1.35;
}

.trademo-withdraw-close {
  position: absolute;
  top: 12px;
  right: 14px;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #64748b;
  font-size: 24px;
  cursor: pointer;
}

.trademo-withdraw-close:hover {
  background: #f1f5f9;
}

.trademo-withdraw-balance-card {
  padding: 17px 20px;
  margin-bottom: 26px;
  border-radius: 16px;
  background: #f8f9fd;
  border: 1px solid #e5e9f2;
}

.trademo-withdraw-balance-label {
  margin-bottom: 12px;
  color: #303a52;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
}

.trademo-withdraw-balance-value {
  color: #172033;
  font-size: 22px;
  font-weight: 900;
}

.trademo-withdraw-balance-rub {
  margin-top: 8px;
  color: #62708c;
  font-size: 14px;
  font-weight: 700;
}

.trademo-withdraw-field-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 16px 0 8px;
  color: #2d3a56;
  font-size: 13px;
  font-weight: 850;
  text-transform: uppercase;
}

.trademo-withdraw-input-box {
  min-height: 58px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 14px;
  border-radius: 12px;
  background: #f8f9fd;
  border: 1px solid #e5e9f2;
}

.trademo-withdraw-input-box input {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #172033;
  font-size: 14px;
  font-weight: 700;
}

.trademo-withdraw-input-box input::placeholder {
  color: #8090b3;
}

.trademo-withdraw-input-box--split {
  justify-content: space-between;
}

.trademo-withdraw-input-box--split b {
  min-width: 70px;
  color: #172033;
  font-size: 15px;
}

.trademo-withdraw-input-icon {
  width: 34px;
  height: 34px;
  min-width: 34px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #eef3ff;
  color: #386df5;
  font-weight: 900;
}

.trademo-withdraw-check {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 18px 0;
  color: #3b4a66;
  font-size: 13px;
  font-weight: 700;
}

.trademo-withdraw-check input {
  width: 20px;
  height: 20px;
  accent-color: #3772ff;
}

.trademo-withdraw-error {
  margin-bottom: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  background: #fee2e2;
  color: #991b1b;
  font-size: 12px;
  font-weight: 800;
}

.trademo-withdraw-submit {
  width: 100%;
  height: 60px;
  border: 0;
  border-radius: 12px;
  background: #3772ff;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  cursor: pointer;
}

.trademo-withdraw-submit:disabled {
  background: #eef1f7;
  color: #71809c;
  cursor: not-allowed;
}

@media (max-width: 520px) {
  .trademo-withdraw-card {
    padding: 24px 18px;
    border-radius: 24px;
  }
}

.trademo-withdraw-modal.is-open {
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  background: rgba(0, 0, 0, .55) !important;
}

.trademo-withdraw-modal.is-open .modal__backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, .55) !important;
}

.trademo-withdraw-modal.is-open .trademo-withdraw-card {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
}

/* ===== Forced Trademo withdraw modal ===== */

.trademo-withdraw-modal-force {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
}

.trademo-withdraw-modal-force[hidden] {
  display: none !important;
}

.trademo-withdraw-modal-force__backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, .55) !important;
}

.trademo-withdraw-card-force {
  position: relative !important;
  z-index: 2 !important;
  width: min(400px, calc(100% - 24px)) !important;
  max-height: calc(100vh - 40px) !important;
  overflow-y: auto !important;

  padding: 30px !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  color: #172033 !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.38) !important;
}

.trademo-withdraw-close-force {
  position: absolute !important;
  top: 12px !important;
  right: 14px !important;
  width: 34px !important;
  height: 34px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #64748b !important;
  font-size: 24px !important;
  cursor: pointer !important;
}

.trademo-withdraw-head-force {
  text-align: center !important;
  margin-bottom: 22px !important;
}

.trademo-withdraw-head-force h2 {
  margin: 0 0 12px !important;
  color: #172033 !important;
  font-size: 25px !important;
  font-weight: 800 !important;
}

.trademo-withdraw-head-force p {
  margin: 0 !important;
  color: #3b4a66 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

.trademo-withdraw-balance-force {
  padding: 17px 20px !important;
  margin-bottom: 22px !important;
  border-radius: 16px !important;
  background: #f8f9fd !important;
  border: 1px solid #e5e9f2 !important;
}

.trademo-withdraw-balance-force__label {
  margin-bottom: 10px !important;
  color: #303a52 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

.trademo-withdraw-balance-force__value {
  color: #172033 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}

.trademo-withdraw-balance-force__rub {
  margin-top: 7px !important;
  color: #62708c !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.trademo-withdraw-label-force {
  margin: 14px 0 7px !important;
  color: #2d3a56 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}

.trademo-withdraw-input-force {
  width: 100% !important;
  height: 58px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  background: #f8f9fd !important;
  border: 1px solid #e5e9f2 !important;
  outline: none !important;
  color: #172033 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.trademo-withdraw-input-force::placeholder {
  color: #8090b3 !important;
}

.trademo-withdraw-check-force {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 18px 0 !important;
  color: #3b4a66 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.trademo-withdraw-check-force input {
  width: 20px !important;
  height: 20px !important;
  accent-color: #3772ff !important;
}

.trademo-withdraw-error-force {
  margin-bottom: 12px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  background: #fee2e2 !important;
  color: #991b1b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.trademo-withdraw-submit-force {
  width: 100% !important;
  height: 60px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #3772ff !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.trademo-withdraw-submit-force:disabled {
  background: #eef1f7 !important;
  color: #71809c !important;
  cursor: not-allowed !important;
}

.trademo-withdraw-modal-force {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
}

.trademo-withdraw-modal-force[hidden] {
  display: none !important;
}

/* ===== Clean Trademo withdraw modal ===== */

.trademo-withdraw-modal-force {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  background: rgba(0, 0, 0, .55) !important;
}

.trademo-withdraw-modal-force__backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, .55) !important;
}

.trademo-withdraw-card-force {
  position: relative !important;
  z-index: 2 !important;
  width: min(400px, calc(100% - 24px)) !important;
  max-height: calc(100vh - 40px) !important;
  overflow-y: auto !important;
  padding: 30px !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  color: #172033 !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.38) !important;
}

.trademo-withdraw-close-force {
  position: absolute !important;
  top: 12px !important;
  right: 14px !important;
  width: 34px !important;
  height: 34px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #64748b !important;
  font-size: 24px !important;
  cursor: pointer !important;
}

.trademo-withdraw-head-force {
  text-align: center !important;
  margin-bottom: 22px !important;
}

.trademo-withdraw-head-force h2 {
  margin: 0 0 12px !important;
  color: #172033 !important;
  font-size: 25px !important;
  font-weight: 800 !important;
}

.trademo-withdraw-head-force p {
  margin: 0 !important;
  color: #3b4a66 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

.trademo-withdraw-balance-force {
  padding: 17px 20px !important;
  margin-bottom: 22px !important;
  border-radius: 16px !important;
  background: #f8f9fd !important;
  border: 1px solid #e5e9f2 !important;
}

.trademo-withdraw-balance-force__label {
  margin-bottom: 10px !important;
  color: #303a52 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

.trademo-withdraw-balance-force__value {
  color: #172033 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}

.trademo-withdraw-balance-force__rub {
  margin-top: 7px !important;
  color: #62708c !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.trademo-withdraw-label-force {
  margin: 14px 0 7px !important;
  color: #2d3a56 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}

.trademo-withdraw-input-force {
  width: 100% !important;
  height: 58px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  background: #f8f9fd !important;
  border: 1px solid #e5e9f2 !important;
  outline: none !important;
  color: #172033 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.trademo-withdraw-input-force::placeholder {
  color: #8090b3 !important;
}

.trademo-withdraw-check-force {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 18px 0 !important;
  color: #3b4a66 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.trademo-withdraw-check-force input {
  width: 20px !important;
  height: 20px !important;
  accent-color: #3772ff !important;
}

.trademo-withdraw-error-force {
  margin-bottom: 12px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  background: #fee2e2 !important;
  color: #991b1b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.trademo-withdraw-submit-force {
  width: 100% !important;
  height: 60px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #3772ff !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.trademo-withdraw-submit-force:disabled {
  background: #eef1f7 !important;
  color: #71809c !important;
  cursor: not-allowed !important;
}

.trademo-withdraw-modal-force {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  background: rgba(0, 0, 0, .55) !important;
}

.trademo-withdraw-modal-force__backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, .55) !important;
}

.trademo-withdraw-card-force {
  position: relative !important;
  z-index: 2 !important;
  width: min(400px, calc(100% - 24px)) !important;
  max-height: calc(100vh - 40px) !important;
  overflow-y: auto !important;
  padding: 30px !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  color: #172033 !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.38) !important;
}

.trademo-withdraw-close-force {
  position: absolute !important;
  top: 12px !important;
  right: 14px !important;
  width: 34px !important;
  height: 34px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #64748b !important;
  font-size: 24px !important;
  cursor: pointer !important;
}

.trademo-withdraw-head-force {
  text-align: center !important;
  margin-bottom: 22px !important;
}

.trademo-withdraw-head-force h2 {
  margin: 0 0 12px !important;
  color: #172033 !important;
  font-size: 25px !important;
  font-weight: 800 !important;
}

.trademo-withdraw-head-force p {
  margin: 0 !important;
  color: #3b4a66 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
}

.trademo-withdraw-balance-force {
  padding: 17px 20px !important;
  margin-bottom: 22px !important;
  border-radius: 16px !important;
  background: #f8f9fd !important;
  border: 1px solid #e5e9f2 !important;
}

.trademo-withdraw-balance-force__label {
  margin-bottom: 10px !important;
  color: #303a52 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

.trademo-withdraw-balance-force__value {
  color: #172033 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}

.trademo-withdraw-balance-force__rub {
  margin-top: 7px !important;
  color: #62708c !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.trademo-withdraw-label-force {
  margin: 14px 0 7px !important;
  color: #2d3a56 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}

.trademo-withdraw-input-force {
  width: 100% !important;
  height: 58px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  background: #f8f9fd !important;
  border: 1px solid #e5e9f2 !important;
  outline: none !important;
  color: #172033 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.trademo-withdraw-check-force {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 18px 0 !important;
  color: #3b4a66 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.trademo-withdraw-error-force {
  margin-bottom: 12px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  background: #fee2e2 !important;
  color: #991b1b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.trademo-withdraw-submit-force {
  width: 100% !important;
  height: 60px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #3772ff !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.trademo-withdraw-submit-force:disabled {
  background: #eef1f7 !important;
  color: #71809c !important;
  cursor: not-allowed !important;
}

/* ===== Trademo withdraw modal — panel style ===== */

.trademo-withdraw-modal-force {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 20px !important;
  background: rgba(0, 0, 0, .72) !important;
  backdrop-filter: blur(8px) !important;
}

.trademo-withdraw-modal-force__backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, .45) !important;
}

.trademo-withdraw-card-force {
  position: relative !important;
  z-index: 2 !important;

  width: min(430px, calc(100% - 24px)) !important;
  max-height: calc(100vh - 40px) !important;
  overflow-y: auto !important;

  padding: 24px !important;
  border-radius: 24px !important;

  background:
    radial-gradient(circle at top left, rgba(37, 99, 235, .18), transparent 34%),
    linear-gradient(180deg, #181818, #111111) !important;

  border: 1px solid rgba(255, 255, 255, .09) !important;
  color: #E5E7EB !important;

  box-shadow:
    0 24px 80px rgba(0, 0, 0, .65),
    inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

.trademo-withdraw-close-force {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;

  width: 34px !important;
  height: 34px !important;

  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 12px !important;

  background: rgba(255, 255, 255, .04) !important;
  color: #94A3B8 !important;

  font-size: 22px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.trademo-withdraw-close-force:hover {
  background: rgba(239, 68, 68, .12) !important;
  border-color: rgba(239, 68, 68, .35) !important;
  color: #FCA5A5 !important;
}

.trademo-withdraw-head-force {
  text-align: left !important;
  margin-bottom: 18px !important;
  padding-right: 42px !important;
}

.trademo-withdraw-head-force h2 {
  margin: 0 0 8px !important;

  color: #FFFFFF !important;
  font-size: 24px !important;
  font-weight: 950 !important;
  letter-spacing: -.02em !important;
}

.trademo-withdraw-head-force p {
  margin: 0 !important;

  color: #94A3B8 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

.trademo-withdraw-balance-force {
  padding: 16px !important;
  margin-bottom: 18px !important;

  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(37, 99, 235, .18), rgba(15, 23, 42, .65)) !important;

  border: 1px solid rgba(96, 165, 250, .20) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

.trademo-withdraw-balance-force__label {
  margin-bottom: 10px !important;

  color: #93C5FD !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
}

.trademo-withdraw-balance-force__value {
  color: #FFFFFF !important;
  font-size: 26px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
}

.trademo-withdraw-balance-force__rub {
  margin-top: 7px !important;

  color: #94A3B8 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.trademo-withdraw-label-force {
  margin: 14px 0 7px !important;

  color: #CBD5E1 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}

.trademo-withdraw-input-force {
  width: 100% !important;
  height: 46px !important;

  padding: 0 14px !important;
  border-radius: 14px !important;

  background: #0F0F0F !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;

  outline: none !important;
  color: #FFFFFF !important;

  font-size: 13px !important;
  font-weight: 800 !important;
}

.trademo-withdraw-input-force:focus {
  border-color: rgba(96, 165, 250, .55) !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .18) !important;
}

.trademo-withdraw-input-force::placeholder {
  color: #64748B !important;
  font-weight: 700 !important;
}

.trademo-withdraw-check-force {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;

  margin: 16px 0 !important;

  color: #94A3B8 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.trademo-withdraw-check-force input {
  width: 18px !important;
  height: 18px !important;
  accent-color: #2563EB !important;
}

.trademo-withdraw-error-force {
  margin-bottom: 12px !important;
  padding: 10px 12px !important;

  border-radius: 12px !important;
  background: rgba(239, 68, 68, .12) !important;
  border: 1px solid rgba(239, 68, 68, .25) !important;

  color: #FCA5A5 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.trademo-withdraw-submit-force {
  width: 100% !important;
  height: 48px !important;

  border: 0 !important;
  border-radius: 14px !important;

  background: linear-gradient(135deg, #2563EB, #1D4ED8) !important;
  color: #FFFFFF !important;

  font-size: 14px !important;
  font-weight: 950 !important;

  cursor: pointer !important;
  box-shadow: 0 12px 30px rgba(37, 99, 235, .22) !important;
}

.trademo-withdraw-submit-force:hover:not(:disabled) {
  filter: brightness(1.08) !important;
  transform: translateY(-1px) !important;
}

.trademo-withdraw-submit-force:disabled {
  background: #222222 !important;
  color: #6B7280 !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
}

@media (max-width: 520px) {
  .trademo-withdraw-card-force {
    padding: 20px !important;
    border-radius: 20px !important;
  }

  .trademo-withdraw-head-force h2 {
    font-size: 21px !important;
  }

  .trademo-withdraw-balance-force__value {
    font-size: 23px !important;
  }
}

/* ===== Trademo withdraw dev banner ===== */

.trademo-withdraw-dev-banner {
  margin: -8px -8px 18px !important;
  padding: 10px 14px !important;

  border-radius: 16px !important;

  background:
    linear-gradient(135deg, rgba(245, 158, 11, .22), rgba(234, 179, 8, .10)) !important;

  border: 1px solid rgba(245, 158, 11, .45) !important;

  box-shadow:
    0 0 22px rgba(245, 158, 11, .14),
    inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

.trademo-withdraw-dev-banner span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;

  color: #FBBF24 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
}

/* ===== Dashboard inner tabs / monitoring ===== */

.dashboard-inner-tabs {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;

  padding: 5px;
  border-radius: 16px;

  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.075);
}

.dashboard-inner-tab {
  height: 34px;
  padding: 0 14px;

  border: 1px solid transparent;
  border-radius: 12px;

  background: transparent;
  color: #94A3B8;

  font-size: 12px;
  font-weight: 900;

  cursor: pointer;
}

.dashboard-inner-tab:hover {
  color: #E5E7EB;
  background: rgba(255,255,255,.04);
}

.dashboard-inner-tab.active {
  color: #FFFFFF;
  background: rgba(37, 99, 235, .22);
  border-color: rgba(96, 165, 250, .25);
}

.dashboard-monitoring {
  display: grid;
  gap: 14px;
}

.dashboard-monitoring[hidden] {
  display: none !important;
}

.dashboard-monitoring-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(140px, 1fr));
  gap: 12px;
}

.dashboard-monitoring-summary__item {
  padding: 14px 16px;
  border-radius: 18px;

  background:
    radial-gradient(circle at top right, rgba(37, 99, 235, .14), transparent 38%),
    #181818;

  border: 1px solid rgba(255,255,255,.08);
}

.dashboard-monitoring-summary__item span {
  display: block;
  margin-bottom: 8px;

  color: #93C5FD;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.dashboard-monitoring-summary__item b {
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 950;
}

.dashboard-monitoring-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  align-items: start;
}

.dashboard-monitoring-card {
  overflow: hidden;
  border-radius: 20px;

  background: #111111;
  border: 1px solid rgba(255,255,255,.08);

  box-shadow: 0 18px 45px rgba(0,0,0,.24);
}

.dashboard-monitoring-card__head {
  padding: 16px 18px;

  background:
    radial-gradient(circle at top left, rgba(37,99,235,.18), transparent 36%),
    #181818;

  border-bottom: 1px solid rgba(255,255,255,.07);
}

.dashboard-monitoring-card__title {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 950;
}

.dashboard-monitoring-card__sub {
  margin-top: 4px;
  color: #94A3B8;
  font-size: 12px;
  font-weight: 700;
}

.dashboard-monitoring-table-wrap {
  max-height: 520px;
  overflow: auto;
}

.dashboard-monitoring-table {
  width: 100%;
  border-collapse: collapse;
}

.dashboard-monitoring-table th {
  position: sticky;
  top: 0;
  z-index: 2;

  padding: 11px 12px;

  background: #0F172A;
  color: #93C5FD;

  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.dashboard-monitoring-table td {
  padding: 12px;
  border-bottom: 1px solid rgba(255,255,255,.07);
  color: #E5E7EB;
  font-size: 12px;
  font-weight: 800;
}

.dashboard-monitoring-table td:first-child b {
  display: block;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 950;
}

.dashboard-monitoring-table td:first-child span {
  display: block;
  margin-top: 3px;
  color: #64748B;
  font-size: 10px;
}

.dashboard-monitoring-total {
  color: #22C55E !important;
  font-weight: 950 !important;
}

.dashboard-monitoring-empty {
  padding: 18px;
  color: #94A3B8;
  font-size: 13px;
  font-weight: 800;
}

@media (max-width: 1100px) {
  .dashboard-monitoring-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-monitoring-summary {
    grid-template-columns: repeat(2, minmax(140px, 1fr));
  }
}

@media (max-width: 640px) {
  .dashboard-monitoring-summary {
    grid-template-columns: 1fr;
  }

  .dashboard-inner-tabs {
    width: 100%;
  }

  .dashboard-inner-tab {
    flex: 1;
  }
}

#dashboard-trademo-balances[hidden],
#dashboard-trademo-monitoring[hidden] {
  display: none !important;
}

.payout-disable-inline-btn {
  color: #FBBF24 !important;
  border-color: rgba(245, 158, 11, .28) !important;
  background: rgba(245, 158, 11, .08) !important;
}

.payout-disable-inline-btn:hover {
  color: #FDE68A !important;
  border-color: rgba(245, 158, 11, .45) !important;
  background: rgba(245, 158, 11, .14) !important;
}

.payout-disable-inline-btn:disabled {
  opacity: .6;
  cursor: wait;
}

.payout-inline-toggle-btn.is-disable {
  color: #FBBF24 !important;
  border-color: rgba(245, 158, 11, .28) !important;
  background: rgba(245, 158, 11, .08) !important;
}

.payout-inline-toggle-btn.is-disable:hover {
  color: #FDE68A !important;
  border-color: rgba(245, 158, 11, .45) !important;
  background: rgba(245, 158, 11, .14) !important;
}

.payout-inline-toggle-btn.is-enable {
  color: #86EFAC !important;
  border-color: rgba(34, 197, 94, .28) !important;
  background: rgba(34, 197, 94, .08) !important;
}

.payout-inline-toggle-btn.is-enable:hover {
  color: #BBF7D0 !important;
  border-color: rgba(34, 197, 94, .45) !important;
  background: rgba(34, 197, 94, .14) !important;
}

.payout-inline-toggle-btn:disabled {
  opacity: .6;
  cursor: wait;
}

.payout-search-bar {
  align-items: flex-end;
}

.payout-tools-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin: -4px 0 14px;
}

.payout-tools-row .payout-inline-toggle-btn {
  width: auto;
  min-width: 190px;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .payout-tools-row {
    justify-content: stretch;
    margin: 8px 0 12px;
  }

  .payout-tools-row .payout-inline-toggle-btn {
    width: 100%;
  }
}

#dashboard-trademo-monitoring {
  display: grid;
  gap: 16px;
}

.dashboard-monitoring-hero {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 18px;
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(96, 165, 250, .22);
  background:
    radial-gradient(circle at 15% 0%, rgba(59, 130, 246, .24), transparent 34%),
    linear-gradient(135deg, rgba(15, 23, 42, .96), rgba(17, 24, 39, .86));
  box-shadow: 0 18px 45px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .06);
}

.dashboard-monitoring-hero::after {
  content: "";
  position: absolute;
  inset: -80px -120px auto auto;
  width: 260px;
  height: 260px;
  border-radius: 999px;
  background: rgba(59, 130, 246, .13);
  filter: blur(10px);
  pointer-events: none;
}

.dashboard-monitoring-hero__left,
.dashboard-monitoring-hero__right {
  position: relative;
  z-index: 1;
}

.dashboard-monitoring-hero__left span {
  display: inline-flex;
  margin-bottom: 8px;
  color: #93C5FD;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .08em;
}

.dashboard-monitoring-hero__left h3 {
  margin: 0;
  color: #F8FAFC;
  font-size: 22px;
  font-weight: 950;
  letter-spacing: -.03em;
}

.dashboard-monitoring-hero__left p {
  margin: 8px 0 0;
  max-width: 520px;
  color: #94A3B8;
  font-size: 13px;
  line-height: 1.45;
}

.dashboard-monitoring-hero__right {
  display: grid;
  grid-template-columns: repeat(2, minmax(150px, 1fr));
  gap: 10px;
  min-width: 340px;
}

.dashboard-monitoring-hero__right > div {
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, .16);
  background: rgba(2, 6, 23, .36);
}

.dashboard-monitoring-hero__right span {
  display: block;
  margin-bottom: 6px;
  color: #64748B;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.dashboard-monitoring-hero__right b {
  color: #E5E7EB;
  font-size: 14px;
  font-weight: 950;
}

.dashboard-monitoring-alert {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 13px 16px;
  border-radius: 18px;
  border: 1px solid rgba(245, 158, 11, .32);
  background: rgba(245, 158, 11, .08);
  color: #FDE68A;
}

.dashboard-monitoring-alert b {
  font-size: 13px;
  font-weight: 950;
}

.dashboard-monitoring-alert span {
  color: #FBBF24;
  font-size: 12px;
}

.dashboard-monitoring-summary--v2 {
  display: grid;
  grid-template-columns: 1.25fr repeat(3, 1fr);
  gap: 12px;
}

.dashboard-monitoring-summary--v2 .dashboard-monitoring-summary__item {
  position: relative;
  overflow: hidden;
  min-height: 98px;
  padding: 16px;
  border-radius: 20px;
  border: 1px solid rgba(148, 163, 184, .16);
  background:
    radial-gradient(circle at 100% 0%, rgba(59, 130, 246, .14), transparent 35%),
    rgba(15, 23, 42, .68);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
}

.dashboard-monitoring-summary--v2 .dashboard-monitoring-summary__item.is-main {
  border-color: rgba(34, 197, 94, .25);
  background:
    radial-gradient(circle at 100% 0%, rgba(34, 197, 94, .18), transparent 38%),
    rgba(15, 23, 42, .75);
}

.dashboard-monitoring-summary--v2 .dashboard-monitoring-summary__item span {
  display: block;
  margin-bottom: 8px;
  color: #93C5FD;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.dashboard-monitoring-summary--v2 .dashboard-monitoring-summary__item b {
  display: block;
  color: #F8FAFC;
  font-size: 28px;
  line-height: 1;
  font-weight: 950;
}

.dashboard-monitoring-summary--v2 .dashboard-monitoring-summary__item small {
  display: block;
  margin-top: 8px;
  color: #64748B;
  font-size: 12px;
  font-weight: 800;
}

.dashboard-monitoring-grid--v2 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.dashboard-monitoring-card {
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(148, 163, 184, .16);
  background:
    linear-gradient(180deg, rgba(15, 23, 42, .74), rgba(8, 13, 22, .78));
  box-shadow: 0 18px 38px rgba(0, 0, 0, .22);
}

.dashboard-monitoring-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 16px 12px;
  border-bottom: 1px solid rgba(148, 163, 184, .10);
}

.dashboard-monitoring-card__eyebrow {
  margin-bottom: 5px;
  color: #60A5FA;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.dashboard-monitoring-card__title {
  color: #F8FAFC;
  font-size: 16px;
  font-weight: 950;
}

.dashboard-monitoring-card__sub {
  margin-top: 4px;
  color: #64748B;
  font-size: 12px;
  font-weight: 800;
}

.dashboard-monitoring-card__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 54px;
  height: 38px;
  padding: 0 12px;
  border-radius: 14px;
  color: #22C55E;
  font-size: 18px;
  font-weight: 950;
  border: 1px solid rgba(34, 197, 94, .22);
  background: rgba(34, 197, 94, .08);
}

.dashboard-monitoring-mini {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding: 12px 16px;
}

.dashboard-monitoring-mini > div {
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(2, 6, 23, .36);
  border: 1px solid rgba(148, 163, 184, .10);
}

.dashboard-monitoring-mini span {
  display: block;
  margin-bottom: 4px;
  color: #64748B;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
}

.dashboard-monitoring-mini b {
  color: #E5E7EB;
  font-size: 15px;
  font-weight: 950;
}

.dashboard-monitoring-table-wrap {
  max-height: 460px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(96, 165, 250, .45) rgba(15, 23, 42, .4);
}

.dashboard-monitoring-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.dashboard-monitoring-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 12px 14px;
  color: #93C5FD;
  font-size: 10px;
  font-weight: 950;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: .06em;
  background: rgba(15, 23, 42, .96);
  border-bottom: 1px solid rgba(96, 165, 250, .18);
}

.dashboard-monitoring-table tbody td {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(148, 163, 184, .08);
  color: #E5E7EB;
  font-size: 13px;
  font-weight: 800;
  vertical-align: middle;
}

.dashboard-monitoring-table tbody tr:hover td {
  background: rgba(59, 130, 246, .06);
}

.dashboard-monitoring-table tbody tr.is-top td {
  background: rgba(34, 197, 94, .035);
}

.dashboard-monitoring-name {
  display: grid;
  gap: 3px;
}

.dashboard-monitoring-name b {
  color: #F8FAFC;
  font-size: 13px;
  font-weight: 950;
}

.dashboard-monitoring-name span {
  color: #64748B;
  font-size: 11px;
  font-weight: 800;
}

.dashboard-monitoring-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 950;
}

.dashboard-monitoring-pill.is-sbp {
  color: #BFDBFE;
  background: rgba(59, 130, 246, .12);
  border: 1px solid rgba(59, 130, 246, .18);
}

.dashboard-monitoring-pill.is-card {
  color: #DDD6FE;
  background: rgba(139, 92, 246, .12);
  border: 1px solid rgba(139, 92, 246, .18);
}

.dashboard-monitoring-pill.is-empty {
  color: #475569;
  background: rgba(148, 163, 184, .06);
  border: 1px solid rgba(148, 163, 184, .08);
}

.dashboard-monitoring-total {
  min-width: 150px;
}

.dashboard-monitoring-total-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 7px;
}

.dashboard-monitoring-total-line b {
  color: #22C55E;
  font-size: 13px;
  font-weight: 950;
}

.dashboard-monitoring-total-line span {
  color: #64748B;
  font-size: 11px;
  font-weight: 900;
}

.dashboard-monitoring-bar {
  overflow: hidden;
  width: 100%;
  height: 6px;
  border-radius: 999px;
  background: rgba(148, 163, 184, .10);
}

.dashboard-monitoring-bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2563EB, #22C55E);
}

.dashboard-monitoring-empty {
  display: grid;
  place-items: center;
  gap: 5px;
  min-height: 180px;
  color: #94A3B8;
  text-align: center;
}

.dashboard-monitoring-empty span {
  font-size: 14px;
  font-weight: 950;
}

.dashboard-monitoring-empty small {
  color: #64748B;
  font-size: 12px;
  font-weight: 800;
}

@media (max-width: 1100px) {
  .dashboard-monitoring-hero {
    display: grid;
  }

  .dashboard-monitoring-hero__right {
    min-width: 0;
  }

  .dashboard-monitoring-summary--v2,
  .dashboard-monitoring-grid--v2 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .dashboard-monitoring-hero__right,
  .dashboard-monitoring-mini {
    grid-template-columns: 1fr;
  }

  .dashboard-monitoring-table-wrap {
    max-height: 420px;
  }

  .dashboard-monitoring-table {
    min-width: 620px;
  }
}

.payout-inline-enable-btn.is-enable {
  color: #86EFAC !important;
  border-color: rgba(34, 197, 94, .28) !important;
  background: rgba(34, 197, 94, .08) !important;
}

.payout-inline-enable-btn.is-enable:hover {
  color: #BBF7D0 !important;
  border-color: rgba(34, 197, 94, .45) !important;
  background: rgba(34, 197, 94, .14) !important;
}

.payout-inline-enable-btn:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.dashboard-monitoring {
  display: grid;
  gap: 14px;
}

.dashboard-monitoring[hidden] {
  display: none !important;
}

.dashboard-monitoring-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  gap: 12px;
}

.dashboard-monitoring-summary__item {
  min-height: 92px;
  padding: 16px 18px;
  border-radius: 18px;
  background:
    radial-gradient(circle at top right, rgba(37, 99, 235, .16), transparent 38%),
    linear-gradient(180deg, rgba(19, 28, 49, .96), rgba(12, 12, 12, .96));
  border: 1px solid rgba(59, 130, 246, .18);
  box-shadow: 0 18px 40px rgba(0,0,0,.24);
}

.dashboard-monitoring-summary__item span {
  display: block;
  margin-bottom: 8px;
  color: #93C5FD;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.dashboard-monitoring-summary__item b {
  color: #FFFFFF;
  font-size: 24px;
  line-height: 1.1;
  font-weight: 950;
}

.dashboard-monitoring-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  align-items: start;
}

.dashboard-monitoring-card {
  overflow: hidden;
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(19, 19, 19, .98), rgba(12, 12, 12, .98));
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 18px 45px rgba(0,0,0,.24);
}

.dashboard-monitoring-card__head {
  padding: 16px 18px;
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.16), transparent 36%),
    #181818;
  border-bottom: 1px solid rgba(255,255,255,.07);
}

.dashboard-monitoring-card__title {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 950;
}

.dashboard-monitoring-card__sub {
  margin-top: 4px;
  color: #94A3B8;
  font-size: 12px;
  font-weight: 700;
}

.dashboard-monitoring-table-wrap {
  max-height: 560px;
  overflow: auto;
}

.dashboard-monitoring-table {
  width: 100%;
  border-collapse: collapse;
}

.dashboard-monitoring-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 11px 12px;
  background: #0F172A;
  color: #93C5FD;
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .04em;
  text-align: left;
}

.dashboard-monitoring-table td {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255,255,255,.06);
  vertical-align: middle;
}

.dashboard-monitoring-table tbody tr:hover td {
  background: rgba(255,255,255,.018);
}

.dashboard-monitoring-label-cell {
  min-width: 180px;
}

.dashboard-monitoring-label-main {
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.25;
}

.dashboard-monitoring-label-sub {
  margin-top: 4px;
  color: #64748B;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.2;
}

.dashboard-monitoring-metric {
  display: grid;
  grid-template-columns: 36px minmax(90px, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 130px;
}

.dashboard-monitoring-metric.is-empty .dashboard-monitoring-metric__value {
  color: #64748B;
}

.dashboard-monitoring-metric__value {
  color: #E5E7EB;
  font-size: 12px;
  font-weight: 900;
  text-align: right;
}

.dashboard-monitoring-metric__track {
  position: relative;
  height: 6px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(148, 163, 184, .18);
}

.dashboard-monitoring-metric__fill {
  height: 100%;
  border-radius: 999px;
}

.dashboard-monitoring-metric__fill--green {
  background: linear-gradient(90deg, #22C55E, #86EFAC);
}

.dashboard-monitoring-metric__fill--amber {
  background: linear-gradient(90deg, #F59E0B, #FCD34D);
}

.dashboard-monitoring-metric__fill--blue {
  background: linear-gradient(90deg, #3B82F6, #93C5FD);
}

.dashboard-monitoring-metric__fill--total {
  background: linear-gradient(90deg, #2563EB, #22C55E);
}

.dashboard-monitoring-empty {
  padding: 18px;
  color: #94A3B8;
  font-size: 13px;
  font-weight: 800;
}

@media (max-width: 1220px) {
  .dashboard-monitoring-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .dashboard-monitoring-summary {
    grid-template-columns: repeat(2, minmax(160px, 1fr));
  }
}

@media (max-width: 640px) {
  .dashboard-monitoring-summary {
    grid-template-columns: 1fr;
  }

  .dashboard-monitoring-metric {
    min-width: 110px;
    grid-template-columns: 30px minmax(72px, 1fr);
    gap: 6px;
  }

  .dashboard-monitoring-label-cell {
    min-width: 140px;
  }

  .dashboard-monitoring-table th,
  .dashboard-monitoring-table td {
    padding: 9px 10px;
  }
}

/* =========================================================
   TECHNICAL ADMIN
   ========================================================= */

.tech-admin {
  display: grid;
  gap: 16px;
}


/* HERO */

.tech-admin-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;

  padding: 22px 24px;

  background:
    radial-gradient(
      circle at top right,
      rgba(37, 99, 235, .13),
      transparent 40%
    ),
    #151616;

  border: 1px solid #26282a;
  border-radius: 18px;
}

.tech-admin-kicker {
  margin-bottom: 7px;

  color: #4f8cff;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1.4px;
}

.tech-admin-hero h2 {
  margin: 0;

  color: #f5f7fa;

  font-size: 20px;
  font-weight: 850;
}

.tech-admin-hero p {
  margin: 7px 0 0;

  color: #818995;

  font-size: 12px;
}

.tech-admin-access {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 8px 11px;

  border: 1px solid rgba(34,197,94,.15);
  border-radius: 9px;

  background: rgba(34,197,94,.06);

  color: #86efac;

  font-size: 10px;
  font-weight: 850;

  white-space: nowrap;
}

.tech-admin-access span {
  width: 7px;
  height: 7px;

  border-radius: 50%;

  background: #22c55e;

  box-shadow:
    0 0 8px rgba(34,197,94,.7);
}


/* NAV */

.tech-admin-nav {
  display: flex;
  gap: 6px;

  padding: 5px;

  width: max-content;
  max-width: 100%;

  background: #141515;

  border: 1px solid #242627;
  border-radius: 12px;
}

.tech-admin-nav-btn {
  height: 35px;

  padding: 0 14px;

  border: 0;
  border-radius: 8px;

  background: transparent;

  color: #858e9c;

  font-size: 11px;
  font-weight: 750;

  cursor: pointer;
}

.tech-admin-nav-btn:hover {
  color: #e5e7eb;
}

.tech-admin-nav-btn.active {
  background: #222426;
  color: #fff;

  box-shadow:
    inset 0 0 0 1px #303337;
}


/* STATS */

.tech-stats-grid {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 10px;
}

.tech-stat {
  min-width: 0;

  padding: 16px;

  background: #151616;

  border: 1px solid #242627;
  border-radius: 14px;
}

.tech-stat > span {
  display: block;

  color: #69717c;

  font-size: 9px;
  font-weight: 900;
  letter-spacing: .8px;
}

.tech-stat > b {
  display: block;

  margin-top: 8px;

  color: #f3f4f6;

  font-size: 19px;
  font-weight: 850;

  overflow: hidden;
  text-overflow: ellipsis;
}

.tech-stat > small {
  display: block;

  margin-top: 6px;

  color: #666e79;

  font-size: 10px;
}


/* CARD */

.tech-card {
  background: #151616;

  border: 1px solid #252729;
  border-radius: 16px;

  overflow: hidden;
}

.tech-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;

  padding: 16px 18px;

  border-bottom: 1px solid #242627;
}

.tech-card-head h3 {
  margin: 0;

  color: #f1f3f5;

  font-size: 13px;
}

.tech-card-head p {
  margin: 5px 0 0;

  color: #767f8b;

  font-size: 10px;
}


/* INFO */

.tech-info {
  display: grid;
}

.tech-info > div {
  display: grid;

  grid-template-columns:
    180px minmax(0, 1fr);

  align-items: center;

  min-height: 45px;

  padding: 0 18px;

  border-bottom: 1px solid #212324;
}

.tech-info > div:last-child {
  border-bottom: 0;
}

.tech-info span {
  color: #747d89;

  font-size: 10px;
}

.tech-info b {
  color: #d9dde2;

  font-family:
    ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;

  font-size: 10px;

  overflow: hidden;
  text-overflow: ellipsis;
}


/* DATABASE */

.tech-db-layout {
  display: grid;

  grid-template-columns:
    230px minmax(0, 1fr);

  gap: 12px;

  min-height: 600px;
}

.tech-db-sidebar {
  background: #151616;

  border: 1px solid #252729;
  border-radius: 14px;

  overflow: hidden;
}

.tech-db-sidebar-head {
  height: 57px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 0 13px;

  border-bottom: 1px solid #242627;
}

.tech-db-sidebar-head b {
  display: block;

  color: #eee;

  font-size: 11px;
}

.tech-db-sidebar-head small {
  display: block;

  margin-top: 3px;

  color: #68717d;

  font-size: 9px;
}

.tech-small-btn {
  width: 30px;
  height: 30px;

  border: 1px solid #2b2e31;
  border-radius: 8px;

  background: #1d1f20;

  color: #aaa;

  cursor: pointer;
}

.tech-table-list {
  padding: 7px;

  max-height: 700px;

  overflow-y: auto;
}

.tech-table-item {
  width: 100%;

  height: 38px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 0 10px;

  border: 0;
  border-radius: 8px;

  background: transparent;

  color: #a6adb7;

  font-size: 10px;

  cursor: pointer;

  text-align: left;
}

.tech-table-item small {
  padding: 3px 6px;

  border-radius: 6px;

  background: #202224;

  color: #727b87;

  font-size: 9px;
}

.tech-table-item:hover {
  background: #1d1f20;
}

.tech-table-item.active {
  background:
    rgba(37,99,235,.13);

  color: #71a5ff;
}

.tech-db-main {
  min-width: 0;
}

.tech-db-table-wrap {
  max-width: 100%;
  overflow: auto;
}

.tech-db-table {
  width: 100%;

  border-collapse: collapse;

  white-space: nowrap;
}

.tech-db-table th {
  position: sticky;
  top: 0;

  z-index: 2;

  padding: 10px;

  background: #191a1b;

  border-bottom: 1px solid #292b2e;

  color: #7f8894;

  font-size: 9px;
  text-align: left;
}

.tech-db-table td {
  max-width: 280px;

  padding: 9px 10px;

  border-bottom: 1px solid #212324;

  color: #c7cbd1;

  font-family:
    ui-monospace,
    Consolas,
    monospace;

  font-size: 9px;

  overflow: hidden;
  text-overflow: ellipsis;
}

.tech-db-table tbody tr:hover td {
  background: #191b1c;
}

.tech-db-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;

  min-height: 52px;

  padding: 0 15px;

  color: #717984;

  font-size: 10px;
}


/* SQL */

.tech-sql-editor {
  width: calc(100% - 30px);
  min-height: 230px;

  display: block;

  margin: 15px;

  padding: 15px;

  resize: vertical;

  outline: none;

  background: #0d0f10;

  border: 1px solid #272a2d;
  border-radius: 11px;

  color: #c6d4e7;

  font-family:
    Consolas,
    Monaco,
    monospace;

  font-size: 12px;
  line-height: 1.6;
}

.tech-sql-editor:focus {
  border-color:
    rgba(59,130,246,.5);

  box-shadow:
    0 0 0 3px
    rgba(59,130,246,.07);
}

.tech-sql-toolbar {
  display: flex;
  align-items: center;
  gap: 8px;

  padding: 0 15px 15px;
}

.tech-sql-toolbar span {
  margin-left: auto;

  color: #737c88;

  font-size: 10px;
}

.tech-sql-result {
  max-height: 420px;

  margin: 0 15px 15px;

  padding: 14px;

  overflow: auto;

  white-space: pre-wrap;

  background: #0c0e0f;

  border: 1px solid #24272a;
  border-radius: 10px;

  color: #9ba7b7;

  font-family:
    Consolas,
    monospace;

  font-size: 10px;
  line-height: 1.55;
}

.tech-danger-label {
  padding: 5px 8px;

  border-radius: 7px;

  background:
    rgba(239,68,68,.08);

  border:
    1px solid
    rgba(239,68,68,.15);

  color: #f87171;

  font-size: 9px;
  font-weight: 900;
}


/* MAINTENANCE */

.tech-maintenance-grid {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 12px;
}

.tech-maintenance-card {
  min-height: 190px;

  display: flex;
  flex-direction: column;

  padding: 17px;

  background: #151616;

  border: 1px solid #252729;
  border-radius: 15px;
}

.tech-maintenance-card h3 {
  margin: 12px 0 5px;

  color: #eee;

  font-size: 12px;
}

.tech-maintenance-card p {
  margin: 0 0 15px;

  color: #737c88;

  font-size: 10px;
  line-height: 1.5;
}

.tech-maintenance-card .btn,
.tech-maintenance-card .input {
  margin-top: auto;
}

.tech-maintenance-icon {
  width: 34px;
  height: 34px;

  display: inline-grid;
  place-items: center;

  border-radius: 9px;

  background: #202326;

  color: #74a7ff;

  font-size: 10px;
  font-weight: 900;
}

.tech-maintenance-result {
  min-height: 45px;

  padding: 13px 15px;

  background: #151616;

  border: 1px solid #252729;
  border-radius: 12px;

  color: #8d96a3;

  font-family:
    Consolas,
    monospace;

  font-size: 10px;
}


/* EMPTY */

.tech-empty {
  padding: 20px !important;

  color: #68717c !important;

  font-size: 10px !important;

  text-align: center;
}


/* MOBILE */

@media (max-width: 1000px) {

  .tech-stats-grid {
    grid-template-columns:
      repeat(2, 1fr);
  }

  .tech-db-layout {
    grid-template-columns: 1fr;
  }

  .tech-db-sidebar {
    max-height: 260px;
  }

  .tech-maintenance-grid {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 600px) {

  .tech-admin-hero {
    align-items: flex-start;
    flex-direction: column;
  }

  .tech-stats-grid {
    grid-template-columns: 1fr;
  }

  .tech-admin-nav {
    width: 100%;
    overflow-x: auto;
  }

}

/* =========================================================
   TECH ADMIN — EXTENDED
   ========================================================= */


/* ===== DATABASE EDITOR ===== */

.tech-db-editable-cell {
  cursor: pointer;
  transition:
    background .15s ease,
    box-shadow .15s ease;
}

.tech-db-editable-cell:hover {
  background:
    rgba(59, 130, 246, .06) !important;
}

.tech-db-editable-cell.is-null
.tech-db-cell-value {
  color: #68717c;
  font-style: italic;
}

.tech-db-editable-cell.is-editing {
  min-width: 220px;
  overflow: visible;
}

.tech-db-editable-cell.is-saving {
  opacity: .65;
}

.tech-db-editable-cell.is-saved {
  background:
    rgba(34, 197, 94, .10) !important;

  box-shadow:
    inset 0 0 0 1px
    rgba(34, 197, 94, .20);
}


.tech-db-cell-input {
  width: 100%;
  min-width: 160px;
  height: 32px;

  padding: 0 9px;

  outline: none;

  border:
    1px solid #3b82f6;

  border-radius: 7px;

  background: #0d0f10;

  color: #fff;

  font-family:
    ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;

  font-size: 10px;
}


.tech-db-cell-controls {
  display: flex;
  gap: 4px;
  margin-top: 5px;
}


.tech-db-cell-controls button {
  min-width: 28px;
  height: 25px;

  padding: 0 7px;

  border:
    1px solid #303338;

  border-radius: 6px;

  background: #202224;
  color: #d5d8dc;

  font-size: 9px;

  cursor: pointer;
}


.tech-db-cell-save {
  color: #86efac !important;
}

.tech-db-cell-null {
  color: #fbbf24 !important;
}

.tech-db-cell-cancel {
  color: #f87171 !important;
}


.tech-db-row-actions,
.tech-db-actions-head {
  width: 70px;
  text-align: center !important;
}


.tech-db-delete-row {
  width: 29px;
  height: 29px;

  display: inline-grid;
  place-items: center;

  padding: 0;

  border:
    1px solid
    rgba(239, 68, 68, .18);

  border-radius: 7px;

  background:
    rgba(239, 68, 68, .06);

  color: #f87171;

  font-size: 17px;
  line-height: 1;

  cursor: pointer;
}


.tech-db-delete-row:hover {
  background:
    rgba(239, 68, 68, .14);

  border-color:
    rgba(239, 68, 68, .35);
}


.tech-db-row-deleting {
  opacity: 0;
  transform:
    translateX(10px);

  transition:
    opacity .2s ease,
    transform .2s ease;
}


/* ===== COMMON ===== */

.tech-head-actions {
  display: flex;
  align-items: center;
  gap: 7px;
}


.tech-danger-btn {
  background:
    rgba(239, 68, 68, .08) !important;

  border:
    1px solid
    rgba(239, 68, 68, .16) !important;

  color:
    #f87171 !important;
}


.tech-danger-btn:hover {
  background:
    rgba(239, 68, 68, .15) !important;
}


/* =========================================================
   TECH LOG
   ========================================================= */

.tech-log-list {
  max-height: 650px;
  overflow: auto;
}


.tech-log-row {
  display: grid;

  grid-template-columns:
    minmax(180px, 280px)
    minmax(0, 1fr);

  gap: 15px;

  padding: 13px 16px;

  border-bottom:
    1px solid #212324;
}


.tech-log-row:last-child {
  border-bottom: 0;
}


.tech-log-row:hover {
  background: #181a1b;
}


.tech-log-action {
  color: #e5e7eb;

  font-family:
    ui-monospace,
    Consolas,
    monospace;

  font-size: 11px;
  font-weight: 750;
}


.tech-log-meta {
  display: flex;
  gap: 6px;

  margin-top: 5px;

  color: #68717c;
  font-size: 9px;
}


.tech-log-details {
  min-width: 0;
  max-height: 160px;

  margin: 0;
  padding: 9px 11px;

  overflow: auto;

  white-space:
    pre-wrap;

  word-break:
    break-word;

  border:
    1px solid #24272a;

  border-radius: 8px;

  background: #0d0f10;

  color: #8793a3;

  font-family:
    ui-monospace,
    Consolas,
    monospace;

  font-size: 9px;
  line-height: 1.5;
}


/* =========================================================
   BACKUPS
   ========================================================= */

.tech-backup-status {
  min-height: 42px;

  display: flex;
  align-items: center;

  padding: 0 16px;

  border-bottom:
    1px solid #242627;

  color: #7e8793;

  font-family:
    ui-monospace,
    Consolas,
    monospace;

  font-size: 9px;
}


.tech-backup-list {
  max-height: 650px;
  overflow: auto;
}


.tech-backup-row {
  min-height: 70px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 15px;

  padding: 12px 16px;

  border-bottom:
    1px solid #212324;
}


.tech-backup-row:last-child {
  border-bottom: 0;
}


.tech-backup-row:hover {
  background: #181a1b;
}


.tech-backup-main {
  min-width: 0;
}


.tech-backup-name {
  color: #e5e7eb;

  font-family:
    ui-monospace,
    Consolas,
    monospace;

  font-size: 11px;
  font-weight: 700;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.tech-backup-meta {
  display: flex;
  align-items: center;
  gap: 6px;

  margin-top: 5px;

  color: #68717c;
  font-size: 9px;
}


.tech-backup-actions {
  display: flex;
  gap: 7px;

  flex-shrink: 0;
}


/* ===== MOBILE ===== */

@media (max-width: 700px) {

  .tech-log-row {
    grid-template-columns:
      1fr;
  }

  .tech-backup-row {
    align-items:
      flex-start;

    flex-direction:
      column;
  }

  .tech-backup-actions {
    width: 100%;
  }

  .tech-backup-actions .btn {
    flex: 1;
  }

  .tech-head-actions {
    align-items:
      stretch;

    flex-direction:
      column;
  }
}

/* =========================================================
   TELEGRAM BROADCAST
   ========================================================= */

.tg-broadcast-card {
  overflow: hidden;
}


.tg-broadcast-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}


.tg-broadcast-count {
  flex-shrink: 0;

  padding: 6px 9px;

  border: 1px solid #292c30;
  border-radius: 8px;

  background: #1a1b1c;

  color: #8d96a3;

  font-size: 10px;
  font-weight: 700;
}


/* TARGET */

.tg-broadcast-target {
  margin-top: 16px;
}


.tg-broadcast-target__label {
  margin-bottom: 7px;

  color: #77808c;

  font-size: 10px;
  font-weight: 700;
}


.tg-broadcast-mode {
  width: max-content;

  display: flex;
  gap: 4px;

  padding: 4px;

  border: 1px solid #292b2e;
  border-radius: 10px;

  background: #141515;
}


.tg-broadcast-mode-btn {
  height: 34px;

  padding: 0 15px;

  border: 0;
  border-radius: 7px;

  background: transparent;

  color: #808995;

  font-size: 10px;
  font-weight: 750;

  cursor: pointer;
}


.tg-broadcast-mode-btn:hover {
  color: #e5e7eb;
}


.tg-broadcast-mode-btn.active {
  background: #252729;

  color: #fff;

  box-shadow:
    inset 0 0 0 1px
    #34373b;
}


/* RECIPIENTS */

.tg-broadcast-recipients {
  margin-top: 12px;

  border: 1px solid #292b2e;
  border-radius: 12px;

  background: #141515;

  overflow: hidden;
}


.tg-broadcast-recipients[hidden] {
  display: none !important;
}


.tg-broadcast-toolbar {
  display: grid;

  grid-template-columns:
    minmax(220px, 1fr)
    auto
    auto;

  gap: 7px;

  padding: 10px;

  border-bottom: 1px solid #252729;
}


.tg-broadcast-selected-info {
  padding: 8px 11px;

  border-bottom: 1px solid #232527;

  color: #737c88;

  font-size: 9px;
}


.tg-broadcast-selected-info b {
  color: #71a5ff;
}


/* LIST */

.tg-broadcast-user-list {
  max-height: 360px;

  overflow-y: auto;

  padding: 6px;
}


.tg-broadcast-user {
  min-height: 55px;

  display: flex;
  align-items: center;

  gap: 10px;

  padding: 7px 9px;

  border: 1px solid transparent;
  border-radius: 9px;

  cursor: pointer;

  transition:
    background .12s ease,
    border-color .12s ease;
}


.tg-broadcast-user:hover {
  background: #1b1c1e;
}


.tg-broadcast-user.is-selected {
  background:
    rgba(37, 99, 235, .09);

  border-color:
    rgba(59, 130, 246, .18);
}


.tg-broadcast-user-check {
  width: 15px;
  height: 15px;

  flex-shrink: 0;

  accent-color: #3b82f6;
}


.tg-broadcast-user-avatar {
  width: 33px;
  height: 33px;

  display: grid;
  place-items: center;

  flex-shrink: 0;

  border-radius: 9px;

  background: #232527;

  color: #9ebcf0;

  font-size: 11px;
  font-weight: 850;
}


.tg-broadcast-user.is-selected
.tg-broadcast-user-avatar {
  background:
    rgba(37,99,235,.16);

  color: #77a8ff;
}


.tg-broadcast-user-info {
  min-width: 0;

  display: flex;
  flex: 1;
  flex-direction: column;

  gap: 3px;
}


.tg-broadcast-user-name {
  overflow: hidden;

  color: #e5e7eb;

  font-size: 11px;
  font-weight: 700;

  text-overflow: ellipsis;
  white-space: nowrap;
}


.tg-broadcast-user-meta {
  overflow: hidden;

  color: #68717c;

  font-family:
    ui-monospace,
    Consolas,
    monospace;

  font-size: 9px;

  text-overflow: ellipsis;
  white-space: nowrap;
}


.tg-broadcast-user-status {
  flex-shrink: 0;

  padding: 4px 7px;

  border-radius: 6px;

  background:
    rgba(34,197,94,.07);

  color: #86efac;

  font-size: 8px;
  font-weight: 800;
}


.tg-broadcast-empty {
  padding: 30px 15px;

  color: #69727d;

  font-size: 10px;

  text-align: center;
}


/* TEXT */

.tg-broadcast-textarea {
  min-height: 150px;

  resize: vertical;
}


.tg-broadcast-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 15px;

  margin-top: 12px;
}


@media (max-width: 700px) {

  .tg-broadcast-toolbar {
    grid-template-columns: 1fr;
  }

  .tg-broadcast-bottom {
    align-items: stretch;
    flex-direction: column;
  }

  .tg-broadcast-bottom .btn {
    width: 100%;
  }

  .tg-broadcast-user-status {
    display: none;
  }

}

/* =========================================================
   ADMIN V3 — MODERN CONTROL CENTER
   ========================================================= */

#admin-section {
  --admin-bg: #111313;
  --admin-card: #151717;
  --admin-card-2: #181a1b;

  --admin-border: rgba(255,255,255,.075);
  --admin-border-soft: rgba(255,255,255,.045);

  --admin-text: #f4f6f8;
  --admin-muted: #77818e;
  --admin-muted-2: #59616c;

  --admin-blue: #4f8cff;
  --admin-blue-soft: rgba(79,140,255,.12);

  --admin-green: #42d392;
  --admin-red: #f87171;
  --admin-yellow: #fbbf24;

  width: 100%;
  max-width: none;

  padding-bottom: 60px;
}


/* =========================================================
   HERO
   ========================================================= */

#admin-section .admin-v3-hero {
  position: relative;

  min-height: 155px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 30px;

  margin-bottom: 14px;
  padding: 28px 30px;

  overflow: hidden;

  border:
    1px solid var(--admin-border);

  border-radius: 22px;

  background:
    linear-gradient(
      120deg,
      rgba(255,255,255,.035),
      rgba(255,255,255,.008)
    ),
    #141616;

  box-shadow:
    0 22px 60px rgba(0,0,0,.23),
    inset 0 1px 0 rgba(255,255,255,.035);
}


#admin-section .admin-v3-hero__glow {
  position: absolute;

  width: 520px;
  height: 300px;

  right: -110px;
  top: -150px;

  pointer-events: none;

  background:
    radial-gradient(
      circle,
      rgba(37,99,235,.19),
      transparent 66%
    );

  filter: blur(4px);
}


#admin-section .admin-v3-hero::after {
  content: "";

  position: absolute;

  width: 300px;
  height: 220px;

  left: 15%;
  bottom: -200px;

  pointer-events: none;

  background:
    radial-gradient(
      circle,
      rgba(34,197,94,.07),
      transparent 65%
    );
}


#admin-section .admin-v3-hero__content,
#admin-section .admin-v3-hero__right {
  position: relative;
  z-index: 2;
}


#admin-section .admin-v3-kicker {
  margin-bottom: 8px;

  color: var(--admin-blue);

  font-size: 9px;
  font-weight: 900;

  letter-spacing: 1.6px;
}


#admin-section .admin-v3-title {
  margin: 0;

  color: var(--admin-text);

  font-size: 24px;
  font-weight: 900;

  letter-spacing: -.5px;
}


#admin-section .admin-v3-subtitle {
  max-width: 650px;

  margin: 8px 0 0;

  color: var(--admin-muted);

  font-size: 11px;
  line-height: 1.65;
}


#admin-section .admin-v3-access {
  display: inline-flex;
  align-items: center;

  gap: 8px;

  padding: 8px 11px;

  border:
    1px solid rgba(34,197,94,.15);

  border-radius: 9px;

  background:
    rgba(34,197,94,.06);

  color: #86efac;

  font-size: 9px;
  font-weight: 900;

  letter-spacing: .4px;
}


#admin-section .admin-v3-access__dot {
  width: 6px;
  height: 6px;

  border-radius: 999px;

  background: #22c55e;

  box-shadow:
    0 0 8px rgba(34,197,94,.85);
}


/* =========================================================
   MAIN ADMIN TABS
   ========================================================= */

#admin-section .admin-tabs {
  width: 100%;

  display: flex;
  align-items: center;

  gap: 5px;

  margin: 0 0 16px;
  padding: 5px;

  overflow-x: auto;

  border:
    1px solid var(--admin-border);

  border-radius: 14px;

  background:
    rgba(20,22,22,.92);

  scrollbar-width: none;
}


#admin-section .admin-tabs::-webkit-scrollbar {
  display: none;
}


#admin-section .admin-tab {
  position: relative;

  height: 40px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 auto;

  gap: 8px;

  padding: 0 14px;

  border: 0 !important;
  border-radius: 9px !important;

  outline: none;

  background:
    transparent !important;

  color:
    #7e8793 !important;

  box-shadow:
    none !important;

  font-size: 10px;
  font-weight: 750;

  cursor: pointer;

  transition:
    background .16s ease,
    color .16s ease,
    transform .16s ease;
}


#admin-section .admin-tab:hover {
  background:
    rgba(255,255,255,.035) !important;

  color:
    #d5d9df !important;
}


#admin-section .admin-tab:active {
  transform: scale(.98);
}


#admin-section .admin-tab.active {
  background:
    #242728 !important;

  color:
    #fff !important;

  box-shadow:
    inset 0 0 0 1px
    rgba(255,255,255,.075),
    0 3px 10px rgba(0,0,0,.14)
    !important;
}


#admin-section .admin-tab.active::after {
  content: "";

  position: absolute;

  width: 18px;
  height: 2px;

  left: 50%;
  bottom: 3px;

  transform: translateX(-50%);

  border-radius: 999px;

  background:
    var(--admin-blue);
}


#admin-section .admin-tab__icon {
  width: 15px;
  height: 15px;

  display: inline-flex;

  flex: 0 0 auto;
}


#admin-section .admin-tab__icon svg {
  width: 100%;
  height: 100%;
}


#admin-section
.admin-tab--technical.active {
  color: #dbeafe !important;
}


/* =========================================================
   PANELS
   ========================================================= */

#admin-section .admin-tab-panel {
  animation:
    adminPanelIn .18s ease;
}


#admin-section
.admin-tab-panel[hidden] {
  display: none !important;
}


@keyframes adminPanelIn {

  from {
    opacity: 0;
    transform:
      translateY(4px);
  }

  to {
    opacity: 1;
    transform:
      translateY(0);
  }

}


/* =========================================================
   CARDS
   ========================================================= */

#admin-section .settings-card {
  position: relative;

  width: 100% !important;
  max-width: none !important;

  margin: 0;
  padding: 18px !important;

  overflow: hidden;

  border:
    1px solid
    var(--admin-border) !important;

  border-radius:
    18px !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.018),
      transparent 50%
    ),
    var(--admin-card)
    !important;

  box-shadow:
    0 16px 45px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.025)
    !important;
}


#admin-section .settings-card::before {
  content: "";

  position: absolute;

  width: 280px;
  height: 170px;

  right: -130px;
  top: -120px;

  pointer-events: none;

  background:
    radial-gradient(
      circle,
      rgba(59,130,246,.065),
      transparent 68%
    );
}


#admin-section .settings-card > * {
  position: relative;
  z-index: 1;
}


/* =========================================================
   SECTION HEADERS
   ========================================================= */

#admin-section .settings-row {
  min-height: 50px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 15px;

  padding: 0 0 14px;

  border-bottom:
    1px solid var(--admin-border-soft);
}


#admin-section
.settings-row__title {
  color:
    var(--admin-text);

  font-size: 13px;
  font-weight: 850;

  letter-spacing: -.1px;
}


#admin-section
.settings-row__sub {
  margin-top: 4px;

  color:
    var(--admin-muted);

  font-size: 9px;
  line-height: 1.5;
}


#admin-section .section-title {
  color: #e8eaed;

  font-size: 12px;
  font-weight: 800;
}


/* =========================================================
   BUTTONS
   ========================================================= */

#admin-section .btn {
  min-height: 36px;

  padding: 0 13px;

  border:
    1px solid
    rgba(255,255,255,.08)
    !important;

  border-radius:
    9px !important;

  background:
    #242728 !important;

  color:
    #e8eaed !important;

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

  font-size: 10px;
  font-weight: 750;

  transition:
    .15s ease;
}


#admin-section .btn:hover {
  background:
    #2b2e30 !important;

  border-color:
    rgba(255,255,255,.13)
    !important;

  transform:
    translateY(-1px);
}


#admin-section .btn:active {
  transform:
    translateY(0);
}


#admin-section .btn:disabled {
  opacity: .45;

  cursor:
    not-allowed;

  transform: none;
}


/* =========================================================
   INPUTS
   ========================================================= */

#admin-section .input,
#admin-section textarea.input,
#admin-section select.input {
  min-height: 38px;

  outline: 0;

  border:
    1px solid
    rgba(255,255,255,.075)
    !important;

  border-radius:
    9px !important;

  background:
    #101212 !important;

  color:
    #e5e7eb !important;

  box-shadow:
    inset 0 1px 3px
    rgba(0,0,0,.16);

  font-size: 10px;

  transition:
    border-color .15s ease,
    box-shadow .15s ease;
}


#admin-section
textarea.input {
  min-height: 155px;

  padding: 13px;

  line-height: 1.55;

  resize: vertical;
}


#admin-section
.input:focus,
#admin-section
textarea.input:focus,
#admin-section
select.input:focus {
  border-color:
    rgba(79,140,255,.45)
    !important;

  box-shadow:
    0 0 0 3px
    rgba(79,140,255,.065)
    !important;
}


#admin-section .field__label {
  margin-bottom: 6px;

  color: #737d89;

  font-size: 9px;
  font-weight: 700;
}


/* =========================================================
   TABLES
   ========================================================= */

#admin-section .table-wrap {
  width: 100%;

  overflow:
    auto;

  border:
    1px solid
    var(--admin-border)
    !important;

  border-radius:
    13px !important;

  background:
    #121414 !important;

  box-shadow:
    none !important;
}


#admin-section .table {
  width: 100%;

  border-collapse:
    separate;

  border-spacing: 0;
}


#admin-section .table thead {
  background:
    #191b1c !important;

  box-shadow:
    none !important;
}


#admin-section .table th {
  position: sticky;

  top: 0;
  z-index: 2;

  height: 38px;

  padding: 0 11px;

  border-bottom:
    1px solid
    rgba(255,255,255,.07)
    !important;

  background:
    #191b1c !important;

  color:
    #68727f !important;

  font-size: 8px;
  font-weight: 850;

  letter-spacing: .35px;

  text-align: left;

  white-space: nowrap;
}


#admin-section .table td {
  min-height: 43px;

  padding: 10px 11px;

  border-bottom:
    1px solid
    rgba(255,255,255,.045)
    !important;

  color:
    #bdc3ca;

  font-size: 9px;

  vertical-align:
    middle;
}


#admin-section
.table tbody tr {
  transition:
    background .12s ease;
}


#admin-section
.table tbody tr:hover td {
  background:
    rgba(255,255,255,.018);
}


#admin-section
.table tbody tr:last-child td {
  border-bottom: 0 !important;
}


/* =========================================================
   FILTERS
   ========================================================= */

#admin-section
.admin-disputes-filters {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(180px, 260px));

  gap: 10px;

  margin-top: 14px;
  padding: 12px;

  border:
    1px solid
    var(--admin-border-soft);

  border-radius: 11px;

  background:
    rgba(255,255,255,.015);
}


#admin-section
.admin-stats-toolbar {
  align-items:
    flex-end;

  gap: 15px;
}


#admin-section
.admin-stats-toolbar__actions {
  display: flex;

  align-items:
    flex-end;

  gap: 8px;

  margin-left: auto;
}


#admin-section
.admin-stats-page-size-field {
  min-width: 150px;
}


/* =========================================================
   TAILS
   ========================================================= */

#admin-section .tails-req-head {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 12px;

  margin-top: 18px;
}


#admin-section
.tails-requisites-list {
  display: grid;

  gap: 8px;

  margin-top: 10px;
}


/* =========================================================
   STATUS
   ========================================================= */

#admin-section .settings-status {
  color:
    var(--admin-muted);

  font-size: 9px;
}


#admin-section
.settings-actions {
  display: flex;

  align-items: center;

  gap: 10px;
}


/* =========================================================
   TELEGRAM BROADCAST V3
   Совместимо с блоком выбора пользователей,
   который добавляли выше.
   ========================================================= */

#admin-section .tg-broadcast-card {
  max-width:
    900px !important;

  margin:
    0 auto;
}


#admin-section
.tg-broadcast-head {
  padding-bottom: 14px;

  border-bottom:
    1px solid
    var(--admin-border-soft);
}


#admin-section
.tg-broadcast-mode {
  background:
    #101212;

  border-color:
    var(--admin-border);
}


#admin-section
.tg-broadcast-mode-btn {
  border-radius: 7px;

  color: #737d88;
}


#admin-section
.tg-broadcast-mode-btn.active {
  background:
    #26292b;

  color: #fff;

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


#admin-section
.tg-broadcast-recipients {
  border-color:
    var(--admin-border);

  background:
    #101212;
}


#admin-section
.tg-broadcast-user {
  border-radius: 9px;
}


#admin-section
.tg-broadcast-user:hover {
  background:
    rgba(255,255,255,.025);
}


#admin-section
.tg-broadcast-user.is-selected {
  background:
    rgba(79,140,255,.075);

  border-color:
    rgba(79,140,255,.18);
}


/* =========================================================
   TECHNICAL ADMIN INTEGRATION
   ========================================================= */

#admin-section
.tech-admin-hero {
  border-radius: 18px;

  border-color:
    var(--admin-border);

  box-shadow:
    0 16px 45px
    rgba(0,0,0,.15);
}


#admin-section
.tech-admin-nav {
  border-color:
    var(--admin-border);

  background:
    #131515;
}


#admin-section
.tech-admin-nav-btn {
  border-radius: 8px;
}


#admin-section
.tech-admin-nav-btn.active {
  background:
    #252829;

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


#admin-section
.tech-stat,
#admin-section
.tech-card,
#admin-section
.tech-db-sidebar,
#admin-section
.tech-maintenance-card,
#admin-section
.tech-maintenance-result {
  border-color:
    var(--admin-border);

  background:
    var(--admin-card);
}


/* =========================================================
   SCROLLBARS
   ========================================================= */

#admin-section * {
  scrollbar-width: thin;

  scrollbar-color:
    #303336
    transparent;
}


#admin-section
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}


#admin-section
::-webkit-scrollbar-track {
  background:
    transparent;
}


#admin-section
::-webkit-scrollbar-thumb {
  border-radius: 999px;

  background:
    #303336;
}


#admin-section
::-webkit-scrollbar-thumb:hover {
  background:
    #3c4044;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 900px) {

  #admin-section
  .admin-v3-hero {
    min-height: auto;

    align-items:
      flex-start;

    flex-direction:
      column;

    padding: 22px;
  }


  #admin-section
  .admin-v3-title {
    font-size: 21px;
  }


  #admin-section
  .admin-tabs {
    border-radius: 12px;
  }


  #admin-section
  .admin-tab {
    height: 38px;

    padding:
      0 12px;
  }


  #admin-section
  .admin-disputes-filters {
    grid-template-columns:
      1fr;
  }

}


@media (max-width: 600px) {

  #admin-section
  .admin-v3-hero {
    padding: 18px;
  }


  #admin-section
  .admin-v3-subtitle {
    font-size: 10px;
  }


  #admin-section
  .settings-card {
    padding:
      13px !important;

    border-radius:
      14px !important;
  }


  #admin-section
  .settings-row {
    align-items:
      flex-start;

    flex-direction:
      column;
  }


  #admin-section
  .admin-stats-toolbar__actions {
    width: 100%;

    margin-left: 0;
  }


  #admin-section
  .admin-stats-toolbar__actions
  .field {
    flex: 1;
  }


  #admin-section
  .tails-req-head {
    align-items:
      stretch;

    flex-direction:
      column;
  }


  #admin-section
  .table th,
  #admin-section
  .table td {
    padding:
      9px 10px;
  }

}

/* =========================================================
   ADMIN V3 — REMOVE OLD ADMIN CONTAINER
   ========================================================= */

#admin-section {
  background: transparent !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  padding: 0 !important;

  min-height: 0 !important;

  overflow: visible !important;
}

/* =========================================================
   VERIFICATION FAILED — 30 MIN TIMER
   ========================================================= */

.verification-fail-timer {
  min-width: 78px;

  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  gap: 2px;

  padding: 6px 9px;

  border:
    1px solid
    rgba(239, 68, 68, .22);

  border-radius: 9px;

  background:
    rgba(239, 68, 68, .08);

  color: #fca5a5;

  cursor: help;

  transition:
    background .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}


.verification-fail-timer__label {
  color: #ef7c7c;

  font-size: 8px;
  font-weight: 750;

  line-height: 1;

  white-space: nowrap;
}


.verification-fail-timer__time {
  color: #fecaca;

  font-family:
    ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;

  font-size: 12px;
  font-weight: 850;

  line-height: 1.1;

  letter-spacing: .3px;
}


/* последние 5 минут */

.verification-fail-timer.is-critical {
  border-color:
    rgba(239,68,68,.48);

  background:
    rgba(239,68,68,.15);

  box-shadow:
    0 0 0 3px
    rgba(239,68,68,.055);

  animation:
    verificationFailPulse
    1.4s ease-in-out
    infinite;
}


.verification-fail-timer.is-critical
.verification-fail-timer__time {
  color: #fff;
}


/* время вышло */

.verification-fail-timer.is-expired {
  border-color:
    rgba(239,68,68,.28);

  background:
    rgba(127,29,29,.14);

  animation: none;

  opacity: .8;
}


.verification-fail-timer.is-expired
.verification-fail-timer__time {
  color: #ef4444;
}


@keyframes verificationFailPulse {

  0%,
  100% {
    box-shadow:
      0 0 0 3px
      rgba(239,68,68,.04);
  }

  50% {
    box-shadow:
      0 0 0 5px
      rgba(239,68,68,.10);
  }

}

/* =========================================================
   TOKEN CONTROL CENTER
   ========================================================= */

#settings-section .token-control-page {
  display: grid;
  gap: 16px;

  width: 100%;
}


/* =========================================================
   HERO
   ========================================================= */

#settings-section .token-control-hero {
  position: relative;

  min-height: 124px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 24px;

  padding: 24px 26px;

  overflow: hidden;

  border:
    1px solid
    rgba(255,255,255,.075);

  border-radius: 20px;

  background:
    radial-gradient(
      circle at 92% 0,
      rgba(37,99,235,.15),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      rgba(255,255,255,.025),
      transparent
    ),
    #171919;

  box-shadow:
    0 20px 50px
    rgba(0,0,0,.18);
}


#settings-section
.token-control-hero::after {
  content: "";

  position: absolute;

  width: 350px;
  height: 250px;

  right: -100px;
  bottom: -220px;

  background:
    radial-gradient(
      circle,
      rgba(34,197,94,.10),
      transparent 65%
    );

  pointer-events: none;
}


#settings-section
.token-control-hero__left,
#settings-section
.token-control-hero__right {
  position: relative;
  z-index: 2;
}


#settings-section
.token-control-kicker {
  margin-bottom: 7px;

  color: #4f8cff;

  font-size: 9px;
  font-weight: 900;

  letter-spacing: 1.4px;
}


#settings-section
.token-control-hero h2 {
  margin: 0;

  color: #f4f6f8;

  font-size: 22px;
  font-weight: 900;

  letter-spacing: -.4px;
}


#settings-section
.token-control-hero p {
  margin: 7px 0 0;

  color: #77818e;

  font-size: 10px;
  line-height: 1.55;
}


#settings-section
.token-control-hero__right {
  display: flex;
  align-items: center;

  gap: 8px;
}


#settings-section
.token-control-profile {
  min-height: 36px;

  display: inline-flex;
  align-items: center;

  padding: 0 12px;

  border:
    1px solid
    rgba(79,140,255,.16);

  border-radius: 9px;

  background:
    rgba(79,140,255,.07);

  color: #9fc0ff;

  font-size: 9px;
  font-weight: 800;
}


/* =========================================================
   MAIN CARDS
   ========================================================= */

#settings-section
.token-control-card {
  position: relative;

  overflow: hidden;

  padding: 18px;

  border:
    1px solid
    rgba(255,255,255,.07);

  border-radius: 18px;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.018),
      transparent 45%
    ),
    #151717;

  box-shadow:
    0 16px 40px
    rgba(0,0,0,.13);
}


#settings-section
.token-control-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  padding-bottom: 15px;

  border-bottom:
    1px solid
    rgba(255,255,255,.055);
}


#settings-section
.token-control-card-kicker {
  margin-bottom: 5px;

  color: #5f84bc;

  font-size: 8px;
  font-weight: 900;

  letter-spacing: 1.1px;
}


#settings-section
.token-control-card-head h3 {
  margin: 0;

  color: #f1f3f5;

  font-size: 14px;
  font-weight: 850;
}


#settings-section
.token-control-card-head p {
  margin: 4px 0 0;

  color: #68727f;

  font-size: 9px;
}


/* =========================================================
   BULK
   ========================================================= */

#settings-section
.token-control-bulk-badge {
  padding: 5px 9px;

  border:
    1px solid
    rgba(168,85,247,.18);

  border-radius: 7px;

  background:
    rgba(168,85,247,.07);

  color: #c4a8f7;

  font-size: 8px;
  font-weight: 800;
}


#settings-section
.token-control-bulk
.bulk-token-presets {
  margin-top: 14px;
}


#settings-section
.token-control-bulk-grid {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 10px;

  margin-top: 14px;
}


#settings-section
.token-control-money-input {
  position: relative;
}


#settings-section
.token-control-money-input
.input {
  width: 100%;

  padding-right: 34px;
}


#settings-section
.token-control-money-input > span {
  position: absolute;

  right: 12px;
  top: 50%;

  transform:
    translateY(-50%);

  color: #5f6874;

  font-size: 10px;
  font-weight: 800;

  pointer-events: none;
}


#settings-section
.token-control-bulk-switches {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0,1fr));

  gap: 8px;

  margin-top: 14px;
}


#settings-section
.token-control-option {
  min-height: 57px;

  display: grid;

  grid-template-columns:
    34px minmax(0,1fr) auto;

  align-items: center;

  gap: 10px;

  padding: 9px 11px;

  border:
    1px solid
    rgba(255,255,255,.055);

  border-radius: 11px;

  background:
    #111313;

  transition:
    .14s ease;
}


#settings-section
.token-control-option:hover {
  border-color:
    rgba(255,255,255,.10);

  background:
    #141616;
}


#settings-section
.token-control-option__icon {
  width: 31px;
  height: 31px;

  display: grid;
  place-items: center;

  border:
    1px solid
    rgba(255,255,255,.055);

  border-radius: 8px;

  background:
    rgba(255,255,255,.025);

  color: #8290a0;

  font-size: 11px;
  font-weight: 850;
}


#settings-section
.token-control-power-dot {
  width: 7px;
  height: 7px;

  border-radius: 50%;

  background: #22c55e;

  box-shadow:
    0 0 8px
    rgba(34,197,94,.6);
}


#settings-section
.token-control-option__text {
  min-width: 0;

  display: flex;
  flex-direction: column;

  gap: 2px;
}


#settings-section
.token-control-option__text b {
  color: #e6e8eb;

  font-size: 10px;
  font-weight: 750;
}


#settings-section
.token-control-option__text span {
  color: #626c78;

  font-size: 8px;
}


#settings-section
.token-control-option > input,
#settings-section
.token-control-detail-option > input {
  width: 16px;
  height: 16px;

  accent-color: #22c55e;

  cursor: pointer;
}


#settings-section
.token-control-bulk-footer {
  display: flex;
  align-items: center;

  gap: 12px;

  margin-top: 14px;
}


#settings-section
.token-control-primary-btn,
#settings-section
.token-control-save-btn {
  background:
    linear-gradient(
      135deg,
      #3478ef,
      #2563eb
    ) !important;

  border-color:
    rgba(96,165,250,.30)
    !important;

  color: #fff !important;

  box-shadow:
    0 8px 18px
    rgba(37,99,235,.14)
    !important;
}


/* =========================================================
   SUMMARY
   ========================================================= */

#settings-section
.token-control-summary {
  display: flex;
  align-items: center;

  gap: 6px;
}


#settings-section
.token-control-summary > div {
  min-width: 62px;

  display: flex;
  flex-direction: column;

  gap: 2px;

  padding: 6px 9px;

  border:
    1px solid
    rgba(255,255,255,.055);

  border-radius: 8px;

  background:
    rgba(255,255,255,.02);
}


#settings-section
.token-control-summary span {
  color: #626b76;

  font-size: 7px;
  font-weight: 750;

  text-transform: uppercase;
}


#settings-section
.token-control-summary b {
  color: #dce0e5;

  font-size: 12px;
}


#settings-section
.token-control-summary
.is-green b {
  color: #6ee7a8;
}


#settings-section
.token-control-summary
.is-red b {
  color: #f28b8b;
}


/* =========================================================
   TOOLBAR
   ========================================================= */

#settings-section
.token-control-toolbar {
  display: grid;

  grid-template-columns:
    minmax(200px, 1fr)
    180px;

  gap: 8px;

  margin-top: 13px;
}


#settings-section
.token-control-search-wrap {
  position: relative;
}


#settings-section
.token-control-search-wrap svg {
  position: absolute;

  width: 14px;
  height: 14px;

  left: 12px;
  top: 50%;

  transform:
    translateY(-50%);

  color: #59636f;

  pointer-events: none;
}


#settings-section
.token-control-search-wrap input {
  width: 100%;
  height: 38px;

  padding:
    0 12px 0 35px;

  outline: none;

  border:
    1px solid
    rgba(255,255,255,.07);

  border-radius: 9px;

  background: #101212;

  color: #e5e7eb;

  font-size: 9px;
}


#settings-section
.token-control-search-wrap
input:focus {
  border-color:
    rgba(79,140,255,.38);

  box-shadow:
    0 0 0 3px
    rgba(79,140,255,.055);
}


#settings-section
.token-control-filter {
  height: 38px;
}


#settings-section
.token-control-status {
  min-height: 30px;

  display: flex;
  align-items: center;

  padding: 0 2px;

  color: #68717d;

  font-size: 8px;
}


/* =========================================================
   GROUP
   ========================================================= */

#settings-section
.token-control-groups {
  display: grid;

  gap: 8px;
}


#settings-section
.token-control-group {
  overflow: hidden;

  border:
    1px solid
    rgba(255,255,255,.065);

  border-radius: 12px;

  background: #111313;
}


#settings-section
.token-control-group.is-open {
  border-color:
    rgba(79,140,255,.14);
}


#settings-section
.token-control-group-head {
  min-height: 61px;

  display: flex;
  align-items: center;

  gap: 10px;

  padding: 8px 10px;
}


#settings-section
.token-control-group-main {
  min-width: 0;

  display: flex;
  align-items: center;

  flex: 1;

  gap: 9px;

  padding: 0;

  border: 0;

  background: transparent;

  color: inherit;

  cursor: pointer;

  text-align: left;
}


#settings-section
.token-control-group-chevron,
#settings-section
.token-control-row-chevron {
  width: 25px;
  height: 25px;

  display: grid;
  place-items: center;

  flex: 0 0 auto;

  border-radius: 7px;

  background:
    rgba(255,255,255,.035);

  color: #697480;

  transition:
    transform .15s ease;
}


#settings-section
.token-control-group-chevron svg,
#settings-section
.token-control-row-chevron svg {
  width: 13px;
  height: 13px;
}


#settings-section
.token-control-group.is-open
.token-control-group-chevron {
  transform:
    rotate(90deg);
}


#settings-section
.token-control-group-title {
  min-width: 0;

  display: flex;
  flex-direction: column;

  gap: 2px;
}


#settings-section
.token-control-group-title b {
  color: #e4e7eb;

  font-size: 10px;
}


#settings-section
.token-control-group-title small {
  color: #5f6874;

  font-size: 8px;
}


#settings-section
.token-control-group-stats {
  display: flex;
  gap: 5px;
}


#settings-section
.token-control-group-stats span {
  padding: 4px 7px;

  border-radius: 6px;

  background:
    rgba(255,255,255,.025);

  color: #69737f;

  font-size: 7px;
  font-weight: 750;
}


#settings-section
.token-control-group-stats
.is-enabled {
  background:
    rgba(34,197,94,.06);

  color: #75dba2;
}


#settings-section
.token-control-group-stats
.is-error {
  background:
    rgba(239,68,68,.07);

  color: #f28b8b;
}


#settings-section
.token-control-group-actions {
  display: flex;

  gap: 5px;
}


#settings-section
.token-control-mini-btn {
  height: 28px;

  padding: 0 8px;

  border-radius: 7px;

  background:
    rgba(255,255,255,.025);

  border:
    1px solid
    rgba(255,255,255,.065);

  color: #7c8692;

  font-size: 7px;
  font-weight: 750;

  cursor: pointer;
}


#settings-section
.token-control-mini-btn.is-enable:hover {
  border-color:
    rgba(34,197,94,.25);

  background:
    rgba(34,197,94,.07);

  color: #86efac;
}


#settings-section
.token-control-mini-btn.is-disable:hover {
  border-color:
    rgba(239,68,68,.25);

  background:
    rgba(239,68,68,.07);

  color: #fca5a5;
}


#settings-section
.token-control-group-body {
  padding: 0 7px 7px;

  border-top:
    1px solid
    rgba(255,255,255,.045);
}


/* =========================================================
   TOKEN ROW
   ========================================================= */

#settings-section
.token-control-row {
  margin-top: 6px;

  overflow: hidden;

  border:
    1px solid
    rgba(255,255,255,.045);

  border-radius: 10px;

  background: #0d0f0f;

  transition:
    border-color .14s ease,
    background .14s ease;
}


#settings-section
.token-control-row:hover {
  border-color:
    rgba(255,255,255,.085);
}


#settings-section
.token-control-row.is-open {
  border-color:
    rgba(79,140,255,.15);

  background: #0f1112;
}


#settings-section
.token-control-row-main {
  min-height: 53px;

  display: flex;
  align-items: center;

  gap: 9px;

  padding: 7px 9px;
}


#settings-section
.token-control-expand-btn {
  padding: 0;

  border: 0;

  background: transparent;

  cursor: pointer;
}


#settings-section
.token-control-row.is-open
.token-control-row-chevron {
  transform:
    rotate(90deg);
}


#settings-section
.token-control-number {
  width: 36px;
  height: 30px;

  display: grid;
  place-items: center;

  flex: 0 0 auto;

  border-radius: 8px;

  background:
    rgba(79,140,255,.07);

  color: #8fb4fa;

  font-family:
    ui-monospace,
    Consolas,
    monospace;

  font-size: 9px;
  font-weight: 850;
}


#settings-section
.token-control-row-info {
  min-width: 130px;

  display: flex;
  flex-direction: column;

  flex: 1;

  gap: 2px;

  padding: 0;

  border: 0;

  background: transparent;

  cursor: pointer;

  text-align: left;
}


#settings-section
.token-control-row-info b {
  color: #dfe3e7;

  font-size: 9px;
}


#settings-section
.token-control-row-info span {
  color: #616b76;

  font-size: 8px;
}


#settings-section
.token-control-capabilities {
  display: flex;

  gap: 4px;
}


#settings-section
.token-control-capabilities span {
  padding: 3px 6px;

  border:
    1px solid
    rgba(255,255,255,.045);

  border-radius: 5px;

  background:
    rgba(255,255,255,.015);

  color: #4d5660;

  font-size: 7px;
  font-weight: 750;
}


#settings-section
.token-control-capabilities
span.is-active {
  border-color:
    rgba(79,140,255,.13);

  background:
    rgba(79,140,255,.055);

  color: #81aaf3;
}


#settings-section
.token-control-capabilities
span.is-low {
  border-color:
    rgba(168,85,247,.15);

  background:
    rgba(168,85,247,.06);

  color: #b799ed;
}


#settings-section
.token-control-state-badge {
  min-width: 71px;

  display: inline-flex;
  align-items: center;

  justify-content: center;

  gap: 5px;

  padding: 5px 7px;

  border-radius: 6px;

  font-size: 7px;
  font-weight: 800;
}


#settings-section
.token-control-state-badge > span {
  width: 5px;
  height: 5px;

  border-radius: 50%;
}


#settings-section
.token-control-state-badge.is-enabled {
  background:
    rgba(34,197,94,.065);

  color: #79dda4;
}


#settings-section
.token-control-state-badge.is-enabled
> span {
  background: #22c55e;

  box-shadow:
    0 0 6px
    rgba(34,197,94,.6);
}


#settings-section
.token-control-state-badge.is-disabled {
  background:
    rgba(239,68,68,.055);

  color: #d88787;
}


#settings-section
.token-control-state-badge.is-disabled
> span {
  background: #ef4444;
}


/* =========================================================
   SMALL SWITCH
   ========================================================= */

#settings-section
.token-control-switch {
  position: relative;

  width: 34px;
  height: 19px;

  flex: 0 0 auto;

  cursor: pointer;
}


#settings-section
.token-control-switch input {
  position: absolute;

  opacity: 0;

  pointer-events: none;
}


#settings-section
.token-control-switch > span {
  position: absolute;

  inset: 0;

  border:
    1px solid
    rgba(255,255,255,.08);

  border-radius: 999px;

  background: #222527;

  transition: .16s ease;
}


#settings-section
.token-control-switch
> span::after {
  content: "";

  position: absolute;

  width: 13px;
  height: 13px;

  left: 2px;
  top: 2px;

  border-radius: 50%;

  background: #727b86;

  transition: .16s ease;
}


#settings-section
.token-control-switch
input:checked + span {
  border-color:
    rgba(34,197,94,.25);

  background:
    rgba(34,197,94,.14);
}


#settings-section
.token-control-switch
input:checked + span::after {
  transform:
    translateX(15px);

  background: #22c55e;

  box-shadow:
    0 0 6px
    rgba(34,197,94,.5);
}


/* =========================================================
   DETAILS
   ========================================================= */

#settings-section
.token-control-row-details {
  padding: 12px;

  border-top:
    1px solid
    rgba(255,255,255,.045);

  background:
    rgba(255,255,255,.012);
}


#settings-section
.token-control-detail-grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0,1fr));

  gap: 9px;
}


#settings-section
.token-control-detail-options {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0,1fr));

  gap: 7px;

  margin-top: 10px;
}


#settings-section
.token-control-detail-option {
  min-height: 49px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 10px;

  padding: 8px 9px;

  border:
    1px solid
    rgba(255,255,255,.045);

  border-radius: 8px;

  background: #0b0d0d;
}


#settings-section
.token-control-detail-option > div {
  display: flex;
  flex-direction: column;

  gap: 2px;
}


#settings-section
.token-control-detail-option b {
  color: #d5d9de;

  font-size: 8px;
}


#settings-section
.token-control-detail-option span {
  color: #565f69;

  font-size: 7px;
}


#settings-section
.token-control-row-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 10px;

  margin-top: 11px;
  padding-top: 10px;

  border-top:
    1px solid
    rgba(255,255,255,.04);
}


#settings-section
.token-control-row-meta {
  color: #505963;

  font-family:
    ui-monospace,
    Consolas,
    monospace;

  font-size: 7px;
}


#settings-section
.token-control-row-actions {
  display: flex;

  gap: 6px;
}


#settings-section
.token-control-loading,
#settings-section
.token-control-empty {
  min-height: 100px;

  display: flex;
  align-items: center;
  justify-content: center;

  gap: 8px;

  color: #66717c;

  font-size: 9px;
}


#settings-section
.token-control-empty.is-error {
  color: #e88989;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 900px) {

  #settings-section
  .token-control-bulk-grid {
    grid-template-columns:
      repeat(2, minmax(0,1fr));
  }


  #settings-section
  .token-control-detail-options {
    grid-template-columns:
      repeat(2, minmax(0,1fr));
  }


  #settings-section
  .token-control-capabilities {
    display: none;
  }

}


@media (max-width: 650px) {

  #settings-section
  .token-control-hero {
    align-items: flex-start;

    flex-direction: column;
  }


  #settings-section
  .token-control-hero__right {
    width: 100%;

    justify-content:
      space-between;
  }


  #settings-section
  .token-control-card-head {
    align-items: flex-start;

    flex-direction: column;
  }


  #settings-section
  .token-control-summary {
    width: 100%;
  }


  #settings-section
  .token-control-summary > div {
    flex: 1;
  }


  #settings-section
  .token-control-bulk-grid,
  #settings-section
  .token-control-bulk-switches,
  #settings-section
  .token-control-toolbar,
  #settings-section
  .token-control-detail-grid,
  #settings-section
  .token-control-detail-options {
    grid-template-columns:
      1fr;
  }


  #settings-section
  .token-control-group-head {
    align-items:
      flex-start;

    flex-wrap: wrap;
  }


  #settings-section
  .token-control-group-actions {
    width: 100%;

    padding-left: 34px;
  }


  #settings-section
  .token-control-group-actions
  button {
    flex: 1;
  }


  #settings-section
  .token-control-group-stats {
    display: none;
  }


  #settings-section
  .token-control-row-main {
    flex-wrap: wrap;
  }


  #settings-section
  .token-control-state-badge {
    margin-left: auto;
  }


  #settings-section
  .token-control-row-footer {
    align-items: stretch;

    flex-direction: column;
  }


  #settings-section
  .token-control-row-actions {
    width: 100%;
  }


  #settings-section
  .token-control-row-actions
  .btn {
    flex: 1;
  }

}

/* =========================================================
   TRADEMO TEAM CONTROL
   ========================================================= */

#settings-section
.trademo-team-summary {
  min-height: 40px;

  display: flex;
  align-items: center;

  padding: 0 2px;

  color: #737d89;

  font-size: 10px;
}


#settings-section
.trademo-team-list {
  display: grid;

  gap: 9px;
}


#settings-section
.trademo-team-row {
  min-height: 72px;

  display: grid;

  grid-template-columns:
    105px
    minmax(180px, 1fr)
    auto
    auto;

  align-items: center;

  gap: 14px;

  padding: 11px 13px;

  border:
    1px solid
    rgba(255,255,255,.06);

  border-radius: 12px;

  background: #101212;

  transition:
    .15s ease;
}


#settings-section
.trademo-team-row:hover {
  border-color:
    rgba(255,255,255,.11);

  background: #131515;
}


#settings-section
.trademo-team-row.is-enabled {
  border-color:
    rgba(34,197,94,.12);
}


#settings-section
.trademo-team-row.is-disabled {
  border-color:
    rgba(239,68,68,.12);
}


#settings-section
.trademo-team-token {
  min-height: 38px;

  display: grid;
  place-items: center;

  padding: 0 10px;

  border-radius: 9px;

  background:
    rgba(79,140,255,.08);

  color: #9bbafa;

  font-size: 11px;
  font-weight: 850;
}


#settings-section
.trademo-team-info {
  min-width: 0;

  display: flex;
  flex-direction: column;

  gap: 4px;
}


#settings-section
.trademo-team-info b {
  overflow: hidden;

  color: #e5e8eb;

  font-size: 12px;

  text-overflow: ellipsis;
  white-space: nowrap;
}


#settings-section
.trademo-team-info span {
  color: #606a75;

  font-family:
    ui-monospace,
    Consolas,
    monospace;

  font-size: 9px;
}


#settings-section
.trademo-team-status {
  min-width: 88px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 6px;

  padding: 7px 9px;

  border-radius: 8px;

  font-size: 9px;
  font-weight: 800;
}


#settings-section
.trademo-team-status > span {
  width: 6px;
  height: 6px;

  border-radius: 50%;
}


#settings-section
.trademo-team-status.is-enabled {
  background:
    rgba(34,197,94,.07);

  color: #7ce3a8;
}


#settings-section
.trademo-team-status.is-enabled
> span {
  background: #22c55e;

  box-shadow:
    0 0 7px
    rgba(34,197,94,.6);
}


#settings-section
.trademo-team-status.is-disabled {
  background:
    rgba(239,68,68,.07);

  color: #f19a9a;
}


#settings-section
.trademo-team-status.is-disabled
> span {
  background: #ef4444;
}


#settings-section
.trademo-team-status.is-blocked,
#settings-section
.trademo-team-status.is-error {
  background:
    rgba(245,158,11,.07);

  color: #f5c76d;
}


#settings-section
.trademo-team-status.is-blocked
> span {
  background: #f59e0b;
}


@media (max-width: 700px) {

  #settings-section
  .trademo-team-row {
    grid-template-columns:
      80px
      minmax(0,1fr)
      auto;
  }


  #settings-section
  .trademo-team-status {
    display: none;
  }

}

/* =========================================================
   TOKEN CONTROL CENTER — LARGER UI
   ========================================================= */

/* общий контейнер */

#settings-section .token-control-page {
  gap: 20px;
}


/* =========================================================
   HERO
   ========================================================= */

#settings-section .token-control-hero {
  min-height: 145px;

  padding: 28px 30px;

  border-radius: 22px;
}


#settings-section .token-control-kicker {
  margin-bottom: 9px;

  font-size: 10px;
  letter-spacing: 1.5px;
}


#settings-section .token-control-hero h2 {
  font-size: 26px;
}


#settings-section .token-control-hero p {
  margin-top: 8px;

  font-size: 12px;
  line-height: 1.6;
}


#settings-section .token-control-profile {
  min-height: 40px;

  padding: 0 14px;

  font-size: 10px;
}


/* =========================================================
   CARDS
   ========================================================= */

#settings-section .token-control-card {
  padding: 22px;

  border-radius: 20px;
}


#settings-section .token-control-card-head {
  padding-bottom: 18px;
}


#settings-section .token-control-card-kicker {
  margin-bottom: 6px;

  font-size: 9px;
}


#settings-section .token-control-card-head h3 {
  font-size: 17px;
}


#settings-section .token-control-card-head p {
  margin-top: 5px;

  font-size: 11px;
}


/* =========================================================
   INPUTS
   ========================================================= */

#settings-section .token-control-page .field__label {
  margin-bottom: 7px;

  font-size: 10px;
}


#settings-section .token-control-page .input {
  min-height: 43px;

  padding-left: 13px;
  padding-right: 13px;

  border-radius: 10px;

  font-size: 12px;
}


#settings-section .token-control-money-input > span {
  right: 14px;

  font-size: 11px;
}


/* =========================================================
   BULK PRESETS
   ========================================================= */

#settings-section
.token-control-bulk
.bulk-token-presets {
  margin-top: 17px;
}


#settings-section
.token-control-bulk
.bulk-token-presets button {
  min-height: 34px;

  padding: 0 11px;

  font-size: 9px;
}


/* =========================================================
   BULK GRID
   ========================================================= */

#settings-section .token-control-bulk-grid {
  gap: 13px;

  margin-top: 17px;
}


#settings-section .token-control-bulk-switches {
  gap: 10px;

  margin-top: 17px;
}


#settings-section .token-control-option {
  min-height: 68px;

  grid-template-columns:
    40px minmax(0,1fr) auto;

  gap: 12px;

  padding: 11px 13px;

  border-radius: 12px;
}


#settings-section .token-control-option__icon {
  width: 36px;
  height: 36px;

  border-radius: 9px;

  font-size: 13px;
}


#settings-section .token-control-power-dot {
  width: 8px;
  height: 8px;
}


#settings-section .token-control-option__text {
  gap: 3px;
}


#settings-section .token-control-option__text b {
  font-size: 12px;
}


#settings-section .token-control-option__text span {
  font-size: 9px;
}


#settings-section
.token-control-option > input,
#settings-section
.token-control-detail-option > input {
  width: 18px;
  height: 18px;
}


#settings-section .token-control-bulk-footer {
  gap: 14px;

  margin-top: 18px;
}


#settings-section .token-control-bulk-footer .btn {
  min-height: 41px;

  padding: 0 17px;

  font-size: 11px;
}


/* =========================================================
   SUMMARY
   ========================================================= */

#settings-section .token-control-summary {
  gap: 8px;
}


#settings-section .token-control-summary > div {
  min-width: 74px;

  gap: 3px;

  padding: 8px 11px;

  border-radius: 9px;
}


#settings-section .token-control-summary span {
  font-size: 8px;
}


#settings-section .token-control-summary b {
  font-size: 15px;
}


/* =========================================================
   SEARCH
   ========================================================= */

#settings-section .token-control-toolbar {
  grid-template-columns:
    minmax(240px, 1fr)
    210px;

  gap: 10px;

  margin-top: 16px;
}


#settings-section
.token-control-search-wrap input {
  height: 43px;

  padding-left: 40px;

  border-radius: 10px;

  font-size: 11px;
}


#settings-section
.token-control-search-wrap svg {
  width: 16px;
  height: 16px;

  left: 14px;
}


#settings-section .token-control-filter {
  height: 43px;
}


#settings-section .token-control-status {
  min-height: 38px;

  font-size: 9px;
}


/* =========================================================
   GROUP
   ========================================================= */

#settings-section .token-control-groups {
  gap: 10px;
}


#settings-section .token-control-group {
  border-radius: 14px;
}


#settings-section .token-control-group-head {
  min-height: 72px;

  gap: 12px;

  padding: 10px 13px;
}


#settings-section
.token-control-group-chevron,
#settings-section
.token-control-row-chevron {
  width: 30px;
  height: 30px;

  border-radius: 8px;
}


#settings-section
.token-control-group-chevron svg,
#settings-section
.token-control-row-chevron svg {
  width: 15px;
  height: 15px;
}


#settings-section .token-control-group-title {
  gap: 4px;
}


#settings-section .token-control-group-title b {
  font-size: 12px;
}


#settings-section .token-control-group-title small {
  font-size: 9px;
}


#settings-section .token-control-group-stats {
  gap: 6px;
}


#settings-section .token-control-group-stats span {
  padding: 5px 8px;

  border-radius: 7px;

  font-size: 8px;
}


#settings-section .token-control-group-actions {
  gap: 6px;
}


#settings-section .token-control-mini-btn {
  height: 33px;

  padding: 0 11px;

  border-radius: 8px;

  font-size: 8px;
}


/* =========================================================
   TOKEN ROWS
   ========================================================= */

#settings-section .token-control-row {
  margin-top: 8px;

  border-radius: 12px;
}


#settings-section .token-control-row-main {
  min-height: 64px;

  gap: 11px;

  padding: 9px 11px;
}


#settings-section .token-control-number {
  width: 43px;
  height: 36px;

  border-radius: 9px;

  font-size: 11px;
}


#settings-section .token-control-row-info {
  min-width: 160px;

  gap: 3px;
}


#settings-section .token-control-row-info b {
  font-size: 11px;
}


#settings-section .token-control-row-info span {
  font-size: 9px;
}


/* СБП / Карта / Low */

#settings-section .token-control-capabilities {
  gap: 5px;
}


#settings-section
.token-control-capabilities span {
  padding: 4px 8px;

  border-radius: 6px;

  font-size: 8px;
}


/* =========================================================
   STATE BADGE
   ========================================================= */

#settings-section .token-control-state-badge {
  min-width: 84px;

  gap: 6px;

  padding: 6px 9px;

  border-radius: 7px;

  font-size: 8px;
}


#settings-section
.token-control-state-badge > span {
  width: 6px;
  height: 6px;
}


/* =========================================================
   ON / OFF SWITCH
   ========================================================= */

#settings-section .token-control-switch {
  width: 41px;
  height: 23px;
}


#settings-section
.token-control-switch > span::after {
  width: 17px;
  height: 17px;

  left: 2px;
  top: 2px;
}


#settings-section
.token-control-switch
input:checked + span::after {
  transform:
    translateX(18px);
}


/* =========================================================
   TOKEN DETAILS
   ========================================================= */

#settings-section
.token-control-row-details {
  padding: 16px;
}


#settings-section
.token-control-detail-grid {
  gap: 12px;
}


#settings-section
.token-control-detail-options {
  gap: 9px;

  margin-top: 13px;
}


#settings-section
.token-control-detail-option {
  min-height: 61px;

  gap: 12px;

  padding: 10px 12px;

  border-radius: 10px;
}


#settings-section
.token-control-detail-option > div {
  gap: 3px;
}


#settings-section
.token-control-detail-option b {
  font-size: 10px;
}


#settings-section
.token-control-detail-option span {
  font-size: 8px;
}


#settings-section
.token-control-row-footer {
  margin-top: 14px;

  padding-top: 13px;
}


#settings-section .token-control-row-meta {
  font-size: 8px;
}


#settings-section
.token-control-row-actions {
  gap: 8px;
}


#settings-section
.token-control-row-actions .btn {
  min-height: 40px;

  padding: 0 16px;

  font-size: 10px;
}


/* =========================================================
   EMPTY / LOADING
   ========================================================= */

#settings-section
.token-control-loading,
#settings-section
.token-control-empty {
  min-height: 120px;

  font-size: 11px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

  #settings-section
  .token-control-card {
    padding: 18px;
  }

}


@media (max-width: 650px) {

  #settings-section
  .token-control-hero {
    padding: 22px;
  }


  #settings-section
  .token-control-hero h2 {
    font-size: 22px;
  }


  #settings-section
  .token-control-card-head h3 {
    font-size: 15px;
  }


  #settings-section
  .token-control-row-main {
    min-height: 60px;
  }

}

/* ==========================================
   TRADEMO WITHDRAW SOURCE
   ========================================== */

.trademo-withdraw-source-tabs {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 9px;

  margin:
    15px 0 12px;
}


.trademo-withdraw-source-btn {
  min-height: 74px;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;

  gap: 3px;

  padding: 11px 13px;

  border:
    1px solid
    rgba(255,255,255,.07);

  border-radius: 11px;

  background:
    #111313;

  color:
    #757f8b;

  cursor: pointer;

  transition:
    .15s ease;
}


.trademo-withdraw-source-btn:hover {
  border-color:
    rgba(255,255,255,.13);

  background:
    #151717;
}


.trademo-withdraw-source-btn.active {
  border-color:
    rgba(59,130,246,.32);

  background:
    rgba(59,130,246,.08);

  box-shadow:
    0 0 0 3px
    rgba(59,130,246,.035);
}


.trademo-withdraw-source-btn span {
  font-size: 10px;
  font-weight: 800;
}


.trademo-withdraw-source-btn b {
  color:
    #eef2f7;

  font-size: 14px;
}


.trademo-withdraw-source-btn small {
  color:
    #626d79;

  font-size: 8px;
}


.trademo-withdraw-source-btn.active span {
  color:
    #8db7ff;
}


.trademo-withdraw-min-hint {
  margin-top: 6px;

  color:
    #69737f;

  font-size: 9px;
}


.trademo-withdraw-min-hint b {
  color:
    #a9b3bf;
}

/* =========================================================
   TRADEMO WITHDRAW SOURCE
   ========================================================= */

.trademo-withdraw-source-tabs {
  display: grid;

  grid-template-columns:
    repeat(
      2,
      minmax(0, 1fr)
    );

  gap: 10px;

  margin:
    15px 0 14px;
}


.trademo-withdraw-source-btn {
  min-width: 0;
  min-height: 82px;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;

  gap: 4px;

  padding:
    12px 14px;

  border:
    1px solid
    rgba(
      255,
      255,
      255,
      .07
    );

  border-radius:
    12px;

  background:
    #111313;

  color:
    #77818c;

  text-align:
    left;

  cursor:
    pointer;

  transition:
    .15s ease;
}


.trademo-withdraw-source-btn:hover {
  border-color:
    rgba(
      255,
      255,
      255,
      .13
    );

  background:
    #151717;
}


.trademo-withdraw-source-btn.active {
  border-color:
    rgba(
      59,
      130,
      246,
      .35
    );

  background:
    rgba(
      59,
      130,
      246,
      .09
    );

  box-shadow:
    0 0 0 3px
    rgba(
      59,
      130,
      246,
      .035
    );
}


.trademo-withdraw-source-btn span {
  color:
    #7c8793;

  font-size:
    10px;

  font-weight:
    800;
}


.trademo-withdraw-source-btn b {
  color:
    #eef2f6;

  font-size:
    15px;

  font-weight:
    850;
}


.trademo-withdraw-source-btn small {
  color:
    #606b77;

  font-size:
    8px;
}


.trademo-withdraw-source-btn.active span {
  color:
    #8db7ff;
}


.trademo-withdraw-source-btn.active b {
  color:
    #fff;
}


.trademo-withdraw-min-hint {
  margin:
    6px 0 14px;

  color:
    #67727e;

  font-size:
    9px;
}


.trademo-withdraw-min-hint b {
  color:
    #aeb8c3;

  font-weight:
    800;
}


@media (
  max-width: 520px
) {

  .trademo-withdraw-source-tabs {
    grid-template-columns:
      1fr;
  }

}

/* =========================================================
   DASHBOARD 2026 — MODERN REDESIGN
   ========================================================= */


/* =========================================================
   PAGE
   ========================================================= */

#dashboard-section {
  position: relative;

  padding-bottom: 30px;

  background: transparent !important;
}


#dashboard-section
.dashboard-v2-shell {
  display: grid;

  gap: 18px;
}


/* =========================================================
   HERO
   ========================================================= */

#dashboard-section
.dashboard-modern-hero {
  position: relative;

  min-height: 128px;

  padding: 24px 26px;

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 20px;

  overflow: hidden;

  border:
    1px solid
    rgba(255,255,255,.075);

  border-radius: 22px;

  background:
    radial-gradient(
      circle at 8% 10%,
      rgba(59,130,246,.18),
      transparent 34%
    ),
    radial-gradient(
      circle at 92% 0,
      rgba(37,99,235,.09),
      transparent 28%
    ),
    linear-gradient(
      135deg,
      #16191d,
      #101214
    );

  box-shadow:
    0 22px 50px
    rgba(0,0,0,.18);
}


#dashboard-section
.dashboard-modern-hero::after {
  content: "";

  position: absolute;

  width: 260px;
  height: 260px;

  right: -100px;
  top: -150px;

  border-radius: 50%;

  border:
    1px solid
    rgba(96,165,250,.09);

  pointer-events: none;
}


.dashboard-modern-hero__left {
  display: flex;

  align-items: center;

  gap: 17px;

  min-width: 0;
}


.dashboard-modern-logo {
  width: 58px;
  height: 58px;

  flex: 0 0 58px;

  display: grid;
  place-items: center;

  border-radius: 16px;

  border:
    1px solid
    rgba(96,165,250,.22);

  background:
    linear-gradient(
      145deg,
      rgba(59,130,246,.22),
      rgba(37,99,235,.07)
    );

  color: #8cb8ff;

  font-size: 22px;
  font-weight: 950;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.05),
    0 12px 28px
    rgba(0,0,0,.17);
}


#dashboard-section
.dashboard-v2-kicker {
  margin-bottom: 6px;

  color: #6da7ff;

  font-size: 9px;
  font-weight: 950;

  letter-spacing: .14em;
}


#dashboard-section
.dashboard-modern-hero h2 {
  margin: 0 !important;

  color: #f4f6f8;

  font-size: 28px !important;
  font-weight: 900 !important;

  letter-spacing: -.035em !important;
}


#dashboard-section
.dashboard-modern-hero p {
  margin-top: 5px;

  color: #68727e;

  font-size: 11px;
  font-weight: 600;
}


/* =========================================================
   REFRESH
   ========================================================= */

.dashboard-modern-refresh {
  position: relative;

  z-index: 2;

  height: 40px;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 8px;

  padding: 0 15px;

  border:
    1px solid
    rgba(255,255,255,.09);

  border-radius: 11px;

  background:
    rgba(255,255,255,.035);

  color: #a9b3c0;

  font-size: 10px;
  font-weight: 850;

  cursor: pointer;

  transition: .15s ease;
}


.dashboard-modern-refresh svg {
  width: 14px;
  height: 14px;
}


.dashboard-modern-refresh:hover {
  color: #fff;

  border-color:
    rgba(96,165,250,.22);

  background:
    rgba(59,130,246,.08);
}


/* =========================================================
   TABS
   ========================================================= */

#dashboard-section
.dashboard-inner-tabs {
  padding: 4px;

  gap: 3px;

  border-radius: 12px;

  background:
    #141617;

  border:
    1px solid
    rgba(255,255,255,.06);
}


#dashboard-section
.dashboard-inner-tab {
  height: 36px;

  padding: 0 15px;

  border-radius: 9px;

  color: #6f7986;

  font-size: 10px;
  font-weight: 850;

  transition: .15s ease;
}


#dashboard-section
.dashboard-inner-tab.active {
  border-color:
    rgba(96,165,250,.2);

  background:
    rgba(59,130,246,.12);

  color: #a9c8ff;

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


/* =========================================================
   STATUS BAR
   ========================================================= */

#dashboard-section
.dashboard-v2-status {
  min-height: 38px;

  padding: 0 14px;

  display: flex;

  align-items: center;

  border:
    1px solid
    rgba(255,255,255,.055);

  border-radius: 11px;

  background:
    #131515;

  color: #697481;

  font-size: 9px;
  font-weight: 700;
}


/* =========================================================
   FIX OLD GRID
   ========================================================= */

#dashboard-section
#dashboard-trademo-balances {
  display: block !important;

  width: 100%;
}


/* =========================================================
   OVERVIEW
   ========================================================= */

.dashboard-modern-overview {
  display: grid !important;

  grid-template-columns:
    minmax(260px, 1.5fr)
    repeat(
      3,
      minmax(150px, .8fr)
    );

  gap: 11px;

  margin-bottom: 24px;
}


.dashboard-modern-stat {
  min-width: 0;
  min-height: 108px;

  display: flex;

  flex-direction: column;
  justify-content: center;

  padding: 17px 18px;

  border:
    1px solid
    rgba(255,255,255,.065);

  border-radius: 15px;

  background:
    linear-gradient(
      145deg,
      #161818,
      #111313
    );

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

  transition:
    transform .15s ease,
    border-color .15s ease;
}


.dashboard-modern-stat:hover {
  transform:
    translateY(-2px);

  border-color:
    rgba(255,255,255,.11);
}


.dashboard-modern-stat > span {
  margin-bottom: 9px;

  color: #626d79;

  font-size: 9px;
  font-weight: 850;

  text-transform: uppercase;

  letter-spacing: .055em;
}


.dashboard-modern-stat > strong {
  color: #edf0f3;

  font-size: 21px;
  font-weight: 900;

  letter-spacing: -.035em;
}


.dashboard-modern-stat > small {
  margin-top: 4px;

  color: #56606b;

  font-size: 8px;
  font-weight: 750;
}


/* MAIN TOTAL */

.dashboard-modern-stat--main {
  min-height: 108px;

  flex-direction: row;

  align-items: center;
  justify-content: flex-start;

  gap: 15px;

  border-color:
    rgba(59,130,246,.17);

  background:
    radial-gradient(
      circle at 0 0,
      rgba(37,99,235,.13),
      transparent 42%
    ),
    #121518;
}


.dashboard-modern-stat--main
.dashboard-modern-stat__icon {
  width: 45px;
  height: 45px;

  flex: 0 0 45px;

  display: grid;

  place-items: center;

  border-radius: 13px;

  border:
    1px solid
    rgba(96,165,250,.18);

  background:
    rgba(59,130,246,.09);

  color: #78aaff;

  font-size: 18px;
  font-weight: 900;
}


.dashboard-modern-stat--main span {
  display: block;

  margin-bottom: 5px;

  color: #6f7d8c;

  font-size: 9px;
  font-weight: 850;

  text-transform: uppercase;
}


.dashboard-modern-stat--main strong {
  display: block;

  color: #fff;

  font-size: 25px;

  font-weight: 950;

  letter-spacing: -.04em;
}


.dashboard-modern-stat--main small {
  display: block;

  margin-top: 4px;

  color: #5c6875;

  font-size: 8px;
}


/* =========================================================
   SECTION HEAD
   ========================================================= */

.dashboard-modern-section-head {
  display: flex;

  align-items: flex-end;
  justify-content: space-between;

  gap: 14px;

  margin-bottom: 12px;

  padding: 0 2px;
}


.dashboard-modern-section-head span {
  display: block;

  margin-bottom: 4px;

  color: #537ebd;

  font-size: 8px;
  font-weight: 950;

  letter-spacing: .14em;
}


.dashboard-modern-section-head h3 {
  margin: 0;

  color: #e6eaee;

  font-size: 17px;

  font-weight: 900;
}


.dashboard-modern-account-count {
  height: 30px;

  display: inline-flex;

  align-items: center;

  gap: 7px;

  padding: 0 10px;

  border:
    1px solid
    rgba(34,197,94,.1);

  border-radius: 8px;

  background:
    rgba(34,197,94,.04);

  color: #6d9b7e;

  font-size: 8px;

  font-weight: 850;
}


.dashboard-modern-account-count i {
  width: 6px;
  height: 6px;

  border-radius: 50%;

  background: #22c55e;

  box-shadow:
    0 0 7px
    rgba(34,197,94,.55);
}


/* =========================================================
   ACCOUNTS GRID
   ========================================================= */

.dashboard-modern-accounts {
  display: grid;

  grid-template-columns:
    repeat(
      2,
      minmax(0, 1fr)
    );

  gap: 12px;
}


/* =========================================================
   ACCOUNT CARD
   ========================================================= */

.dashboard-account-card {
  position: relative;

  min-width: 0;

  overflow: hidden;

  border:
    1px solid
    rgba(255,255,255,.065);

  border-radius: 16px;

  background:
    linear-gradient(
      155deg,
      #151717,
      #0f1111
    );

  box-shadow:
    0 14px 34px
    rgba(0,0,0,.16);

  transition:
    transform .15s ease,
    border-color .15s ease;
}


.dashboard-account-card:hover {
  transform:
    translateY(-2px);

  border-color:
    rgba(255,255,255,.11);
}


.dashboard-account-card.has-warning {
  border-color:
    rgba(245,158,11,.13);
}


/* =========================================================
   CARD HEADER
   ========================================================= */

.dashboard-account-card__head {
  min-height: 69px;

  display: grid;

  grid-template-columns:
    38px
    minmax(0,1fr)
    auto;

  align-items: center;

  gap: 11px;

  padding:
    13px 14px;

  border-bottom:
    1px solid
    rgba(255,255,255,.045);
}


.dashboard-account-avatar {
  width: 38px;
  height: 38px;

  display: grid;

  place-items: center;

  border:
    1px solid
    rgba(96,165,250,.13);

  border-radius: 10px;

  background:
    rgba(59,130,246,.065);

  color: #82adf4;

  font-size: 10px;

  font-weight: 950;
}


.dashboard-account-head-text {
  min-width: 0;
}


.dashboard-account-head-text span {
  display: block;

  margin-bottom: 3px;

  color: #52606e;

  font-size: 7px;

  font-weight: 900;

  text-transform: uppercase;
}


.dashboard-account-head-text h3 {
  margin: 0;

  overflow: hidden;

  color: #e8ebee;

  font-size: 12px;

  font-weight: 900;

  text-overflow: ellipsis;

  white-space: nowrap;
}


/* =========================================================
   STATUS
   ========================================================= */

.dashboard-account-status {
  height: 25px;

  display: inline-flex;

  align-items: center;

  gap: 6px;

  padding: 0 8px;

  border-radius: 7px;

  font-size: 7px;

  font-weight: 850;

  white-space: nowrap;
}


.dashboard-account-status i {
  width: 5px;
  height: 5px;

  border-radius: 50%;
}


.dashboard-account-status.is-online {
  border:
    1px solid
    rgba(34,197,94,.09);

  background:
    rgba(34,197,94,.035);

  color: #6d9d7e;
}


.dashboard-account-status.is-online i {
  background: #22c55e;

  box-shadow:
    0 0 6px
    rgba(34,197,94,.5);
}


.dashboard-account-status.is-warning {
  border:
    1px solid
    rgba(245,158,11,.11);

  background:
    rgba(245,158,11,.04);

  color: #aa8a4c;
}


.dashboard-account-status.is-warning i {
  background: #f59e0b;
}


.dashboard-account-status.is-error {
  color: #e08787;

  background:
    rgba(239,68,68,.05);

  border:
    1px solid
    rgba(239,68,68,.12);
}


/* =========================================================
   TOTAL
   ========================================================= */

.dashboard-account-total {
  display: flex;

  align-items: flex-end;
  justify-content: space-between;

  gap: 12px;

  padding:
    15px 15px 13px;
}


.dashboard-account-total span {
  display: block;

  margin-bottom: 3px;

  color: #5b6570;

  font-size: 8px;

  font-weight: 800;
}


.dashboard-account-total strong {
  color: #f1f3f5;

  font-size: 23px;

  font-weight: 950;

  letter-spacing: -.045em;
}


.dashboard-account-total small {
  margin-left: 4px;

  color: #5c6671;

  font-size: 8px;

  font-weight: 800;
}


.dashboard-account-total__badge {
  padding:
    5px 7px;

  border:
    1px solid
    rgba(59,130,246,.09);

  border-radius: 7px;

  background:
    rgba(59,130,246,.035);

  color: #7199d6;

  font-size: 7px;

  font-weight: 850;
}


/* =========================================================
   BALANCES
   ========================================================= */

.dashboard-account-balances {
  display: grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0,1fr)
    );

  gap: 7px;

  padding:
    0 14px 14px;
}


.dashboard-account-balance {
  min-width: 0;

  min-height: 87px;

  padding:
    10px;

  border:
    1px solid
    rgba(255,255,255,.045);

  border-radius: 10px;

  background:
    rgba(255,255,255,.018);
}


.dashboard-account-balance__top {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 5px;

  margin-bottom: 10px;
}


.dashboard-account-balance__top span {
  overflow: hidden;

  color: #58636f;

  font-size: 7px;

  font-weight: 850;

  text-transform: uppercase;

  text-overflow: ellipsis;
  white-space: nowrap;
}


.dashboard-account-balance__top i {
  width: 18px;
  height: 18px;

  display: grid;

  place-items: center;

  border-radius: 5px;

  background:
    rgba(255,255,255,.025);

  color: #65717d;

  font-size: 7px;

  font-style: normal;

  font-weight: 950;
}


.dashboard-account-balance b {
  display: inline-block;

  color: #dfe3e7;

  font-size: 15px;

  font-weight: 900;

  letter-spacing: -.025em;
}


.dashboard-account-balance small {
  margin-left: 3px;

  color: #56616d;

  font-size: 7px;

  font-weight: 750;
}


.dashboard-account-balance.has-limit {
  border-color:
    rgba(245,158,11,.10);

  background:
    rgba(245,158,11,.025);
}


.dashboard-account-limit {
  margin-top: 7px;

  color: #99793e;

  font-size: 7px;

  font-weight: 800;
}


.dashboard-account-reserve {
  margin-top: 7px;

  color: #60728c;

  font-size: 7px;

  font-weight: 800;
}


/* =========================================================
   FOOTER
   ========================================================= */

.dashboard-account-footer {
  min-height: 55px;

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 12px;

  padding:
    10px 14px;

  border-top:
    1px solid
    rgba(255,255,255,.045);
}


.dashboard-account-footer__meta span {
  color: #596470;

  font-size: 8px;

  font-weight: 750;
}


.dashboard-account-withdraw {
  height: 32px;

  display: inline-flex;

  align-items: center;

  gap: 11px;

  padding:
    0 11px;

  border:
    1px solid
    rgba(96,165,250,.12);

  border-radius: 8px;

  background:
    rgba(59,130,246,.05);

  color: #789bd2;

  font-size: 8px;

  font-weight: 850;

  cursor: pointer;

  transition: .15s ease;
}


.dashboard-account-withdraw b {
  color: #608fd8;

  font-size: 13px;
}


.dashboard-account-withdraw:hover {
  border-color:
    rgba(96,165,250,.26);

  background:
    rgba(59,130,246,.1);

  color: #a9c8ff;

  transform:
    translateX(1px);
}


/* =========================================================
   ERRORS
   ========================================================= */

.dashboard-account-card--error {
  border-color:
    rgba(239,68,68,.1);
}


.dashboard-account-error {
  margin: 14px;

  padding: 11px;

  border-radius: 9px;

  background:
    rgba(239,68,68,.04);

  color: #b57979;

  font-size: 9px;

  font-weight: 700;
}


/* =========================================================
   EMPTY
   ========================================================= */

.dashboard-modern-empty {
  min-height: 150px;

  display: flex;

  align-items: center;
  justify-content: center;

  gap: 13px;

  border:
    1px dashed
    rgba(255,255,255,.08);

  border-radius: 16px;

  background:
    #121414;
}


.dashboard-modern-empty__icon {
  width: 40px;
  height: 40px;

  display: grid;

  place-items: center;

  border-radius: 11px;

  background:
    rgba(59,130,246,.05);

  color: #678fc9;
}


.dashboard-modern-empty b {
  display: block;

  color: #d9dde1;

  font-size: 11px;
}


.dashboard-modern-empty span {
  display: block;

  margin-top: 3px;

  color: #5c6671;

  font-size: 9px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (
  max-width: 1180px
) {

  .dashboard-modern-overview {
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      );
  }


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

}


@media (
  max-width: 700px
) {

  #dashboard-section
  .dashboard-modern-hero {
    min-height: auto;

    padding: 18px;

    align-items:
      flex-start;
  }


  .dashboard-modern-logo {
    width: 46px;
    height: 46px;

    flex-basis: 46px;
  }


  #dashboard-section
  .dashboard-modern-hero h2 {
    font-size:
      22px !important;
  }


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


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


  .dashboard-account-card__head {
    grid-template-columns:
      38px
      minmax(0,1fr);
  }


  .dashboard-account-status {
    grid-column:
      1 / -1;

    width: fit-content;
  }


  .dashboard-modern-section-head {
    align-items:
      flex-start;

    flex-direction:
      column;
  }

}

/* =========================================================
   TRADEMO MONITORING — MODERN REDESIGN
   ========================================================= */


/* =========================================================
   ROOT
   ========================================================= */

#dashboard-section
#dashboard-trademo-monitoring {
  display: grid !important;
  gap: 16px !important;

  width: 100% !important;
}


#dashboard-section
#dashboard-trademo-monitoring[hidden] {
  display: none !important;
}


/* =========================================================
   HERO
   ========================================================= */

#dashboard-section
.dashboard-monitoring-hero {
  position: relative !important;

  min-height: 132px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  gap: 24px !important;

  padding: 22px 24px !important;

  overflow: hidden !important;

  border:
    1px solid
    rgba(255,255,255,.07) !important;

  border-radius: 18px !important;

  background:
    radial-gradient(
      circle at 5% 5%,
      rgba(59,130,246,.15),
      transparent 34%
    ),
    radial-gradient(
      circle at 95% 0,
      rgba(34,197,94,.055),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      #171919,
      #101212
    ) !important;

  box-shadow:
    0 18px 45px
    rgba(0,0,0,.17) !important;
}


#dashboard-section
.dashboard-monitoring-hero::after {
  content: "" !important;

  position: absolute !important;

  width: 240px !important;
  height: 240px !important;

  right: -110px !important;
  top: -140px !important;

  border-radius: 50% !important;

  border:
    1px solid
    rgba(96,165,250,.07) !important;

  background:
    transparent !important;

  filter: none !important;

  pointer-events: none !important;
}


#dashboard-section
.dashboard-monitoring-hero__left,
#dashboard-section
.dashboard-monitoring-hero__right {
  position: relative !important;
  z-index: 2 !important;
}


/* HERO LEFT */

#dashboard-section
.dashboard-monitoring-hero__left {
  min-width: 0 !important;
}


#dashboard-section
.dashboard-monitoring-hero__left > span {
  display: block !important;

  margin-bottom: 7px !important;

  color: #679bf0 !important;

  font-size: 8px !important;
  font-weight: 950 !important;

  letter-spacing: .14em !important;

  text-transform: uppercase !important;
}


#dashboard-section
.dashboard-monitoring-hero__left h3 {
  margin: 0 !important;

  color: #f1f3f5 !important;

  font-size: 23px !important;
  font-weight: 950 !important;

  line-height: 1.05 !important;

  letter-spacing: -.035em !important;
}


#dashboard-section
.dashboard-monitoring-hero__left p {
  max-width: 540px !important;

  margin: 8px 0 0 !important;

  color: #68737f !important;

  font-size: 10px !important;
  font-weight: 650 !important;

  line-height: 1.55 !important;
}


/* HERO RIGHT */

#dashboard-section
.dashboard-monitoring-hero__right {
  min-width: 350px !important;

  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0,1fr)) !important;

  gap: 9px !important;
}


#dashboard-section
.dashboard-monitoring-hero__right > div {
  min-height: 70px !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;

  padding: 11px 13px !important;

  border:
    1px solid
    rgba(255,255,255,.055) !important;

  border-radius: 11px !important;

  background:
    rgba(255,255,255,.018) !important;
}


#dashboard-section
.dashboard-monitoring-hero__right span {
  display: block !important;

  margin-bottom: 6px !important;

  color: #596572 !important;

  font-size: 7px !important;
  font-weight: 900 !important;

  letter-spacing: .05em !important;

  text-transform: uppercase !important;
}


#dashboard-section
.dashboard-monitoring-hero__right b {
  overflow: hidden !important;

  color: #dce1e6 !important;

  font-size: 11px !important;
  font-weight: 900 !important;

  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}


/* =========================================================
   ERROR ALERT
   ========================================================= */

#dashboard-section
.dashboard-monitoring-alert {
  min-height: 48px !important;

  display: flex !important;

  align-items: center !important;
  justify-content: space-between !important;

  gap: 14px !important;

  padding: 10px 14px !important;

  border:
    1px solid
    rgba(245,158,11,.13) !important;

  border-radius: 11px !important;

  background:
    rgba(245,158,11,.035) !important;

  color: #b99b5b !important;
}


#dashboard-section
.dashboard-monitoring-alert b {
  color: #c7a45c !important;

  font-size: 9px !important;
  font-weight: 900 !important;
}


#dashboard-section
.dashboard-monitoring-alert span {
  color: #766a52 !important;

  font-size: 8px !important;
  font-weight: 700 !important;
}


/* =========================================================
   SUMMARY
   ========================================================= */

#dashboard-section
.dashboard-monitoring-summary--v2 {
  display: grid !important;

  grid-template-columns:
    1.35fr
    repeat(3, minmax(0,1fr)) !important;

  gap: 10px !important;
}


#dashboard-section
.dashboard-monitoring-summary__item {
  position: relative !important;

  min-width: 0 !important;
  min-height: 102px !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;

  padding: 15px 16px !important;

  overflow: hidden !important;

  border:
    1px solid
    rgba(255,255,255,.055) !important;

  border-radius: 14px !important;

  background:
    linear-gradient(
      145deg,
      #161818,
      #111313
    ) !important;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.02) !important;

  transition:
    transform .15s ease,
    border-color .15s ease !important;
}


#dashboard-section
.dashboard-monitoring-summary__item:hover {
  transform:
    translateY(-2px) !important;

  border-color:
    rgba(255,255,255,.105) !important;
}


/* MAIN */

#dashboard-section
.dashboard-monitoring-summary__item.is-main {
  border-color:
    rgba(59,130,246,.14) !important;

  background:
    radial-gradient(
      circle at 0 0,
      rgba(59,130,246,.11),
      transparent 45%
    ),
    #121517 !important;
}


#dashboard-section
.dashboard-monitoring-summary__item > span {
  display: block !important;

  margin-bottom: 8px !important;

  color: #596572 !important;

  font-size: 8px !important;
  font-weight: 900 !important;

  letter-spacing: .055em !important;

  text-transform: uppercase !important;
}


#dashboard-section
.dashboard-monitoring-summary__item.is-main > span {
  color: #688ec8 !important;
}


#dashboard-section
.dashboard-monitoring-summary__item > b {
  display: block !important;

  color: #edf0f2 !important;

  font-size: 23px !important;
  font-weight: 950 !important;

  line-height: 1 !important;

  letter-spacing: -.035em !important;
}


#dashboard-section
.dashboard-monitoring-summary__item.is-main > b {
  color: #fff !important;

  font-size: 27px !important;
}


#dashboard-section
.dashboard-monitoring-summary__item > small {
  display: block !important;

  margin-top: 7px !important;

  color: #515c67 !important;

  font-size: 7px !important;
  font-weight: 750 !important;
}


/* =========================================================
   TABLE GRID
   ========================================================= */

#dashboard-section
.dashboard-monitoring-grid--v2 {
  display: grid !important;

  grid-template-columns:
    minmax(0,1fr)
    minmax(0,1fr) !important;

  gap: 12px !important;

  align-items: start !important;
}


/* =========================================================
   TABLE CARD
   ========================================================= */

#dashboard-section
.dashboard-monitoring-card {
  min-width: 0 !important;

  overflow: hidden !important;

  border:
    1px solid
    rgba(255,255,255,.06) !important;

  border-radius: 15px !important;

  background:
    linear-gradient(
      155deg,
      #151717,
      #0f1111
    ) !important;

  box-shadow:
    0 14px 34px
    rgba(0,0,0,.15) !important;
}


#dashboard-section
.dashboard-monitoring-card__head {
  min-height: 64px !important;

  display: flex !important;

  align-items: center !important;
  justify-content: space-between !important;

  gap: 12px !important;

  padding: 13px 15px !important;

  border-bottom:
    1px solid
    rgba(255,255,255,.045) !important;

  background:
    rgba(255,255,255,.012) !important;
}


#dashboard-section
.dashboard-monitoring-card__title {
  color: #e7eaed !important;

  font-size: 12px !important;
  font-weight: 900 !important;
}


#dashboard-section
.dashboard-monitoring-card__sub {
  margin-top: 4px !important;

  color: #596571 !important;

  font-size: 8px !important;
  font-weight: 650 !important;
}


/* =========================================================
   TABLE WRAPPER
   ========================================================= */

#dashboard-section
.dashboard-monitoring-table-wrap {
  max-height: 560px !important;

  overflow: auto !important;

  scrollbar-width: thin !important;

  scrollbar-color:
    rgba(255,255,255,.08)
    transparent !important;
}


#dashboard-section
.dashboard-monitoring-table-wrap::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}


#dashboard-section
.dashboard-monitoring-table-wrap::-webkit-scrollbar-thumb {
  border-radius: 999px !important;

  background:
    rgba(255,255,255,.08) !important;
}


/* =========================================================
   TABLE
   ========================================================= */

#dashboard-section
.dashboard-monitoring-table {
  width: 100% !important;

  border-collapse: collapse !important;

  background: transparent !important;
}


#dashboard-section
.dashboard-monitoring-table--bars {
  min-width: 590px !important;
}


/* HEADER */

#dashboard-section
.dashboard-monitoring-table th {
  position: sticky !important;

  top: 0 !important;

  z-index: 3 !important;

  height: 40px !important;

  padding: 0 11px !important;

  border-bottom:
    1px solid
    rgba(255,255,255,.05) !important;

  background:
    #121414 !important;

  color: #58697e !important;

  font-size: 7px !important;
  font-weight: 950 !important;

  letter-spacing: .05em !important;

  text-align: left !important;

  text-transform: uppercase !important;
}


/* ROWS */

#dashboard-section
.dashboard-monitoring-table td {
  height: 54px !important;

  padding:
    9px 11px !important;

  border-bottom:
    1px solid
    rgba(255,255,255,.04) !important;

  background:
    transparent !important;

  color: #cfd4d9 !important;

  font-size: 9px !important;
  font-weight: 750 !important;

  vertical-align: middle !important;
}


#dashboard-section
.dashboard-monitoring-table tbody tr {
  transition:
    background .12s ease !important;
}


#dashboard-section
.dashboard-monitoring-table tbody tr:hover td {
  background:
    rgba(255,255,255,.018) !important;
}


#dashboard-section
.dashboard-monitoring-table tbody tr:last-child td {
  border-bottom:
    none !important;
}


/* =========================================================
   BANK / RANGE NAME
   ========================================================= */

#dashboard-section
.dashboard-monitoring-label-cell {
  min-width: 145px !important;
}


#dashboard-section
.dashboard-monitoring-label-main {
  color: #dce1e5 !important;

  font-size: 9px !important;
  font-weight: 900 !important;
}


#dashboard-section
.dashboard-monitoring-label-sub {
  margin-top: 3px !important;

  color: #4f5b67 !important;

  font-family:
    ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace !important;

  font-size: 7px !important;
}


/* =========================================================
   METRIC CELL
   ========================================================= */

#dashboard-section
.dashboard-monitoring-metric {
  min-width: 92px !important;

  display: grid !important;

  grid-template-columns:
    27px
    minmax(55px,1fr) !important;

  align-items: center !important;

  gap: 7px !important;
}


#dashboard-section
.dashboard-monitoring-metric__value {
  color: #cbd1d7 !important;

  font-size: 9px !important;
  font-weight: 900 !important;

  text-align: right !important;
}


#dashboard-section
.dashboard-monitoring-metric.is-empty
.dashboard-monitoring-metric__value {
  color: #424c56 !important;
}


/* =========================================================
   BARS
   ========================================================= */

#dashboard-section
.dashboard-monitoring-metric__track {
  position: relative !important;

  height: 4px !important;

  overflow: hidden !important;

  border-radius: 999px !important;

  background:
    rgba(255,255,255,.045) !important;
}


#dashboard-section
.dashboard-monitoring-metric__fill {
  height: 100% !important;

  border-radius: 999px !important;

  transition:
    width .25s ease !important;
}


/* СБП */

#dashboard-section
.dashboard-monitoring-metric__fill--green {
  background:
    #22c55e !important;

  box-shadow:
    0 0 6px
    rgba(34,197,94,.25) !important;
}


/* КАРТА */

#dashboard-section
.dashboard-monitoring-metric__fill--amber {
  background:
    #d89a2b !important;

  box-shadow:
    0 0 6px
    rgba(245,158,11,.18) !important;
}


/* СЧЁТ */

#dashboard-section
.dashboard-monitoring-metric__fill--blue {
  background:
    #4b83dd !important;

  box-shadow:
    0 0 6px
    rgba(59,130,246,.2) !important;
}


/* TOTAL */

#dashboard-section
.dashboard-monitoring-metric__fill--total {
  background:
    linear-gradient(
      90deg,
      #4c83dd,
      #39a96b
    ) !important;
}


/* =========================================================
   EMPTY
   ========================================================= */

#dashboard-section
.dashboard-monitoring-empty {
  min-height: 110px !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  padding: 18px !important;

  color: #596571 !important;

  font-size: 9px !important;
  font-weight: 750 !important;
}


/* =========================================================
   LOADING / GENERIC EMPTY
   ========================================================= */

#dashboard-section
#dashboard-trademo-monitoring
.dashboard-balance-empty {
  min-height: 145px !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  border:
    1px dashed
    rgba(255,255,255,.07) !important;

  border-radius: 15px !important;

  background:
    #121414 !important;

  color: #5d6874 !important;

  font-size: 10px !important;
}


#dashboard-section
#dashboard-trademo-monitoring
.dashboard-balance-empty--error {
  border-color:
    rgba(239,68,68,.11) !important;

  background:
    rgba(239,68,68,.025) !important;

  color: #a87373 !important;
}


/* =========================================================
   RESPONSIVE 1200
   ========================================================= */

@media (
  max-width: 1200px
) {

  #dashboard-section
  .dashboard-monitoring-grid--v2 {
    grid-template-columns:
      1fr !important;
  }


  #dashboard-section
  .dashboard-monitoring-summary--v2 {
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      ) !important;
  }

}


/* =========================================================
   RESPONSIVE 850
   ========================================================= */

@media (
  max-width: 850px
) {

  #dashboard-section
  .dashboard-monitoring-hero {
    display: grid !important;

    min-height: auto !important;
  }


  #dashboard-section
  .dashboard-monitoring-hero__right {
    min-width: 0 !important;

    width: 100% !important;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (
  max-width: 620px
) {

  #dashboard-section
  .dashboard-monitoring-hero {
    padding: 16px !important;

    border-radius: 15px !important;
  }


  #dashboard-section
  .dashboard-monitoring-hero__left h3 {
    font-size: 19px !important;
  }


  #dashboard-section
  .dashboard-monitoring-hero__right {
    grid-template-columns:
      1fr !important;
  }


  #dashboard-section
  .dashboard-monitoring-summary--v2 {
    grid-template-columns:
      1fr 1fr !important;
  }


  #dashboard-section
  .dashboard-monitoring-summary__item {
    min-height: 90px !important;

    padding: 13px !important;
  }


  #dashboard-section
  .dashboard-monitoring-summary__item > b {
    font-size: 19px !important;
  }


  #dashboard-section
  .dashboard-monitoring-summary__item.is-main > b {
    font-size: 22px !important;
  }


  #dashboard-section
  .dashboard-monitoring-card {
    border-radius: 13px !important;
  }


  #dashboard-section
  .dashboard-monitoring-table-wrap {
    max-height: 440px !important;
  }

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (
  max-width: 430px
) {

  #dashboard-section
  .dashboard-monitoring-summary--v2 {
    grid-template-columns:
      1fr !important;
  }


  #dashboard-section
  .dashboard-monitoring-alert {
    align-items: flex-start !important;

    flex-direction: column !important;
  }

}

/* =========================================================
   TRADEMO MONITORING — MODERN 2026
   ДЛЯ НОВОГО renderDashboardTrademoMonitoring()
   ========================================================= */


/* =========================================================
   ROOT
   ========================================================= */

#dashboard-section
#dashboard-trademo-monitoring {
  width: 100% !important;

  display: grid !important;

  gap: 14px !important;
}


#dashboard-section
#dashboard-trademo-monitoring[hidden] {
  display: none !important;
}


/* =========================================================
   LIVE HEADER
   ========================================================= */

#dashboard-section
.dashboard-monitor-modern-head {
  position: relative;

  min-height: 92px;

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 20px;

  padding: 17px 19px;

  overflow: hidden;

  border:
    1px solid
    rgba(255,255,255,.065);

  border-radius: 16px;

  background:
    radial-gradient(
      circle at 0 0,
      rgba(34,197,94,.065),
      transparent 36%
    ),
    radial-gradient(
      circle at 100% 0,
      rgba(59,130,246,.05),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      #161818,
      #101212
    );

  box-shadow:
    0 14px 34px
    rgba(0,0,0,.14);
}


#dashboard-section
.dashboard-monitor-modern-head::after {
  content: "";

  position: absolute;

  width: 190px;
  height: 190px;

  right: -95px;
  top: -120px;

  border:
    1px solid
    rgba(34,197,94,.05);

  border-radius: 50%;

  pointer-events: none;
}


/* =========================================================
   LIVE LEFT
   ========================================================= */

.dashboard-monitor-modern-live {
  position: relative;

  z-index: 2;

  min-width: 0;

  display: flex;

  align-items: center;

  gap: 13px;
}


.dashboard-monitor-modern-live__icon {
  width: 42px;
  height: 42px;

  flex: 0 0 42px;

  display: grid;

  place-items: center;

  border:
    1px solid
    rgba(34,197,94,.12);

  border-radius: 11px;

  background:
    rgba(34,197,94,.04);
}


.dashboard-monitor-modern-live__icon > span {
  position: relative;

  width: 8px;
  height: 8px;

  border-radius: 50%;

  background: #22c55e;

  box-shadow:
    0 0 9px
    rgba(34,197,94,.55);
}


.dashboard-monitor-modern-live__icon > span::after {
  content: "";

  position: absolute;

  inset: -5px;

  border:
    1px solid
    rgba(34,197,94,.14);

  border-radius: 50%;
}


.dashboard-monitor-modern-live small {
  display: block;

  margin-bottom: 3px;

  color: #56856a;

  font-size: 7px;

  font-weight: 950;

  letter-spacing: .14em;
}


.dashboard-monitor-modern-live h3 {
  margin: 0;

  color: #edf0f2;

  font-size: 17px;

  font-weight: 900;

  letter-spacing: -.025em;
}


.dashboard-monitor-modern-live p {
  margin: 3px 0 0;

  color: #59646f;

  font-size: 8px;

  font-weight: 700;
}


/* =========================================================
   UPDATE / ACCOUNTS META
   ========================================================= */

.dashboard-monitor-modern-meta {
  position: relative;

  z-index: 2;

  display: grid;

  grid-template-columns:
    repeat(2, minmax(125px,1fr));

  gap: 7px;
}


.dashboard-monitor-modern-meta > div {
  min-height: 50px;

  display: flex;

  flex-direction: column;
  justify-content: center;

  padding: 8px 11px;

  border:
    1px solid
    rgba(255,255,255,.045);

  border-radius: 9px;

  background:
    rgba(255,255,255,.016);
}


.dashboard-monitor-modern-meta span {
  color: #515d69;

  font-size: 7px;

  font-weight: 850;

  text-transform: uppercase;

  letter-spacing: .04em;
}


.dashboard-monitor-modern-meta b {
  max-width: 170px;

  margin-top: 4px;

  overflow: hidden;

  color: #cfd5da;

  font-size: 9px;

  font-weight: 850;

  text-overflow: ellipsis;

  white-space: nowrap;
}


/* =========================================================
   ERROR ALERT
   ========================================================= */

.dashboard-monitor-modern-alert {
  min-height: 46px;

  display: flex;

  align-items: center;

  gap: 10px;

  padding: 9px 12px;

  border:
    1px solid
    rgba(245,158,11,.11);

  border-radius: 10px;

  background:
    rgba(245,158,11,.03);

  color: #7d6c4c;

  font-size: 8px;

  font-weight: 700;
}


.dashboard-monitor-modern-alert > div {
  width: 28px;
  height: 28px;

  flex: 0 0 28px;

  display: grid;

  place-items: center;

  border-radius: 7px;

  background:
    rgba(245,158,11,.065);

  color: #c18c30;

  font-size: 11px;

  font-weight: 950;
}


.dashboard-monitor-modern-alert b {
  margin-right: 4px;

  color: #a88a50;

  font-weight: 900;
}


/* =========================================================
   SUMMARY STATS
   ========================================================= */

.dashboard-monitor-modern-stats {
  display: grid;

  grid-template-columns:
    minmax(230px,1.35fr)
    repeat(
      3,
      minmax(130px,.75fr)
    );

  gap: 10px;
}


.dashboard-monitor-modern-stat {
  min-width: 0;

  min-height: 96px;

  display: flex;

  flex-direction: column;
  justify-content: center;

  padding: 14px 15px;

  border:
    1px solid
    rgba(255,255,255,.055);

  border-radius: 13px;

  background:
    linear-gradient(
      145deg,
      #151717,
      #111313
    );

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

  transition:
    transform .15s ease,
    border-color .15s ease;
}


.dashboard-monitor-modern-stat:hover {
  transform:
    translateY(-2px);

  border-color:
    rgba(255,255,255,.1);
}


.dashboard-monitor-modern-stat > span {
  display: block;

  margin-bottom: 7px;

  color: #58636e;

  font-size: 8px;

  font-weight: 850;

  text-transform: uppercase;

  letter-spacing: .045em;
}


.dashboard-monitor-modern-stat > strong {
  color: #e9ecef;

  font-size: 22px;

  font-weight: 950;

  line-height: 1;

  letter-spacing: -.035em;
}


.dashboard-monitor-modern-stat > small {
  display: block;

  margin-top: 5px;

  color: #4e5963;

  font-size: 7px;

  font-weight: 700;
}


/* =========================================================
   MAIN STAT
   ========================================================= */

.dashboard-monitor-modern-stat.is-main {
  flex-direction: row;

  align-items: center;
  justify-content: flex-start;

  gap: 13px;

  border-color:
    rgba(59,130,246,.12);

  background:
    radial-gradient(
      circle at 0 0,
      rgba(59,130,246,.09),
      transparent 46%
    ),
    #121516;
}


.dashboard-monitor-modern-stat__icon {
  width: 42px;
  height: 42px;

  flex: 0 0 42px;

  display: grid;

  place-items: center;

  border:
    1px solid
    rgba(96,165,250,.13);

  border-radius: 11px;

  background:
    rgba(59,130,246,.055);

  color: #6f9de2;

  font-size: 16px;

  font-weight: 950;
}


.dashboard-monitor-modern-stat.is-main span {
  display: block;

  margin-bottom: 4px;

  color: #607998;
}


.dashboard-monitor-modern-stat.is-main strong {
  display: block;

  color: #fff;

  font-size: 27px;
}


.dashboard-monitor-modern-stat.is-main small {
  display: block;
}


/* =========================================================
   STAT TONES
   ========================================================= */

.dashboard-monitor-modern-stat.is-sbp {
  border-color:
    rgba(34,197,94,.075);
}


.dashboard-monitor-modern-stat.is-sbp > strong {
  color: #9bd3ad;
}


.dashboard-monitor-modern-stat.is-card {
  border-color:
    rgba(245,158,11,.075);
}


.dashboard-monitor-modern-stat.is-card > strong {
  color: #d4b06e;
}


.dashboard-monitor-modern-stat.is-account {
  border-color:
    rgba(59,130,246,.075);
}


.dashboard-monitor-modern-stat.is-account > strong {
  color: #92b2e3;
}


/* =========================================================
   INSIGHTS
   ========================================================= */

.dashboard-monitor-modern-insights {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0,1fr));

  gap: 10px;
}


.dashboard-monitor-modern-insight {
  min-width: 0;

  min-height: 75px;

  display: flex;

  align-items: center;

  gap: 12px;

  padding: 11px 13px;

  border:
    1px solid
    rgba(255,255,255,.05);

  border-radius: 12px;

  background:
    #131515;
}


.dashboard-monitor-modern-insight__icon {
  width: 38px;
  height: 38px;

  flex: 0 0 38px;

  display: grid;

  place-items: center;

  border-radius: 10px;

  font-size: 11px;

  font-weight: 950;
}


.dashboard-monitor-modern-insight__icon.is-bank {
  border:
    1px solid
    rgba(59,130,246,.11);

  background:
    rgba(59,130,246,.045);

  color: #739cda;
}


.dashboard-monitor-modern-insight__icon.is-range {
  border:
    1px solid
    rgba(34,197,94,.1);

  background:
    rgba(34,197,94,.04);

  color: #72a782;
}


.dashboard-monitor-modern-insight span {
  display: block;

  margin-bottom: 3px;

  color: #515c67;

  font-size: 7px;

  font-weight: 850;

  text-transform: uppercase;
}


.dashboard-monitor-modern-insight b {
  display: block;

  overflow: hidden;

  color: #dce1e5;

  font-size: 11px;

  font-weight: 900;

  text-overflow: ellipsis;

  white-space: nowrap;
}


.dashboard-monitor-modern-insight small {
  display: block;

  margin-top: 3px;

  color: #59636d;

  font-size: 7px;
}


/* =========================================================
   BANKS + RANGES GRID
   ========================================================= */

.dashboard-monitor-modern-grid {
  display: grid;

  grid-template-columns:
    minmax(0,1fr)
    minmax(0,1fr);

  gap: 12px;

  align-items: start;
}


/* =========================================================
   ANALYTICS CARD
   ========================================================= */

.dashboard-monitor-modern-card {
  min-width: 0;

  overflow: hidden;

  border:
    1px solid
    rgba(255,255,255,.055);

  border-radius: 15px;

  background:
    linear-gradient(
      155deg,
      #151717,
      #0f1111
    );

  box-shadow:
    0 14px 34px
    rgba(0,0,0,.14);
}


.dashboard-monitor-modern-card__head {
  min-height: 72px;

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 12px;

  padding: 13px 15px;

  border-bottom:
    1px solid
    rgba(255,255,255,.045);
}


.dashboard-monitor-modern-card__head > div:first-child {
  min-width: 0;
}


.dashboard-monitor-modern-card__head span {
  display: block;

  margin-bottom: 4px;

  color: #5275a5;

  font-size: 7px;

  font-weight: 950;

  letter-spacing: .12em;
}


.dashboard-monitor-modern-card__head h3 {
  margin: 0;

  color: #e8ebee;

  font-size: 13px;

  font-weight: 900;
}


.dashboard-monitor-modern-card__head p {
  margin: 4px 0 0;

  color: #56616c;

  font-size: 8px;

  font-weight: 650;
}


/* =========================================================
   CARD TOTAL
   ========================================================= */

.dashboard-monitor-modern-card__count {
  min-width: 70px;

  padding: 7px 9px;

  border:
    1px solid
    rgba(255,255,255,.045);

  border-radius: 8px;

  background:
    rgba(255,255,255,.015);

  text-align: right;
}


.dashboard-monitor-modern-card__count small {
  display: block;

  color: #4d5863;

  font-size: 7px;

  font-weight: 750;
}


.dashboard-monitor-modern-card__count b {
  display: block;

  margin-top: 2px;

  color: #d7dce1;

  font-size: 14px;

  font-weight: 950;
}


/* =========================================================
   LIST
   ========================================================= */

.dashboard-monitor-modern-list {
  max-height: 560px;

  overflow-y: auto;

  scrollbar-width: thin;

  scrollbar-color:
    rgba(255,255,255,.07)
    transparent;
}


.dashboard-monitor-modern-list::-webkit-scrollbar {
  width: 5px;
}


.dashboard-monitor-modern-list::-webkit-scrollbar-thumb {
  border-radius: 999px;

  background:
    rgba(255,255,255,.07);
}


/* =========================================================
   BANK / RANGE ROW
   ========================================================= */

.dashboard-monitor-modern-row {
  position: relative;

  min-height: 66px;

  display: grid;

  grid-template-columns:
    minmax(150px,1.6fr)
    repeat(3, minmax(50px,.55fr))
    minmax(55px,.6fr);

  align-items: center;

  gap: 8px;

  padding: 9px 12px 13px;

  border-bottom:
    1px solid
    rgba(255,255,255,.038);

  transition:
    background .12s ease;
}


.dashboard-monitor-modern-row:last-child {
  border-bottom: 0;
}


.dashboard-monitor-modern-row:hover {
  background:
    rgba(255,255,255,.016);
}


.dashboard-monitor-modern-row.is-top {
  background:
    linear-gradient(
      90deg,
      rgba(59,130,246,.045),
      transparent 60%
    );
}


/* =========================================================
   NAME
   ========================================================= */

.dashboard-monitor-modern-row__name {
  min-width: 0;

  display: flex;

  align-items: center;

  gap: 9px;
}


.dashboard-monitor-modern-row__rank {
  width: 27px;
  height: 27px;

  flex: 0 0 27px;

  display: grid;

  place-items: center;

  border:
    1px solid
    rgba(255,255,255,.055);

  border-radius: 7px;

  background:
    rgba(255,255,255,.018);

  color: #65717d;

  font-size: 8px;

  font-weight: 900;
}


.dashboard-monitor-modern-row.is-top
.dashboard-monitor-modern-row__rank {
  border-color:
    rgba(59,130,246,.12);

  background:
    rgba(59,130,246,.05);

  color: #7da7e5;
}


.dashboard-monitor-modern-row__name b {
  display: block;

  overflow: hidden;

  color: #d8dde2;

  font-size: 9px;

  font-weight: 900;

  text-overflow: ellipsis;

  white-space: nowrap;
}


.dashboard-monitor-modern-row__name span {
  display: block;

  margin-top: 3px;

  overflow: hidden;

  color: #48535e;

  font-family:
    ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;

  font-size: 6px;

  text-overflow: ellipsis;

  white-space: nowrap;
}


/* =========================================================
   METHODS
   ========================================================= */

.dashboard-monitor-modern-method {
  min-width: 0;

  text-align: center;
}


.dashboard-monitor-modern-method span,
.dashboard-monitor-modern-total span {
  display: block;

  margin-bottom: 3px;

  color: #4d5863;

  font-size: 6px;

  font-weight: 850;

  text-transform: uppercase;
}


.dashboard-monitor-modern-method b,
.dashboard-monitor-modern-total b {
  display: block;

  color: #cdd3d8;

  font-size: 10px;

  font-weight: 950;
}


.dashboard-monitor-modern-method.is-sbp b {
  color: #84b995;
}


.dashboard-monitor-modern-method.is-card b {
  color: #c4a467;
}


.dashboard-monitor-modern-method.is-account b {
  color: #809fcf;
}


.dashboard-monitor-modern-total {
  text-align: right;
}


.dashboard-monitor-modern-total b {
  color: #e4e7ea;

  font-size: 11px;
}


/* =========================================================
   PROGRESS
   ========================================================= */

.dashboard-monitor-modern-progress {
  position: absolute;

  height: 2px;

  left: 12px;
  right: 12px;
  bottom: 7px;

  overflow: hidden;

  border-radius: 999px;

  background:
    rgba(255,255,255,.028);
}


.dashboard-monitor-modern-progress > div {
  height: 100%;

  border-radius: 999px;

  background:
    linear-gradient(
      90deg,
      rgba(59,130,246,.55),
      rgba(34,197,94,.45)
    );

  transition:
    width .25s ease;
}


/* =========================================================
   EMPTY CARD
   ========================================================= */

.dashboard-monitor-modern-card.is-empty {
  min-height: 150px;
}


.dashboard-monitor-modern-empty {
  min-height: 90px;

  display: flex;

  align-items: center;
  justify-content: center;

  color: #525d67;

  font-size: 8px;

  font-weight: 750;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1200px) {

  .dashboard-monitor-modern-stats {
    grid-template-columns:
      repeat(2, minmax(0,1fr));
  }


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

}


@media (max-width: 850px) {

  .dashboard-monitor-modern-head {
    align-items: flex-start;

    flex-direction: column;
  }


  .dashboard-monitor-modern-meta {
    width: 100%;
  }


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

}


@media (max-width: 650px) {

  .dashboard-monitor-modern-head {
    padding: 14px;
  }


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


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


  .dashboard-monitor-modern-stat {
    min-height: 85px;
  }


  .dashboard-monitor-modern-stat.is-main {
    grid-column:
      1 / -1;
  }


  .dashboard-monitor-modern-row {
    grid-template-columns:
      minmax(130px,1.4fr)
      repeat(3,45px)
      50px;

    min-width: 500px;
  }


  .dashboard-monitor-modern-list {
    overflow-x: auto;
  }

}


@media (max-width: 430px) {

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


  .dashboard-monitor-modern-stat.is-main {
    grid-column: auto;
  }

}

/* =========================================================
   DASHBOARD TABS — FIX HIDDEN
   ========================================================= */

#dashboard-section
#dashboard-trademo-balances[hidden] {
  display: none !important;
}


#dashboard-section
#dashboard-trademo-monitoring[hidden] {
  display: none !important;
}

/* =========================================================
   TRADEMO WITHDRAW WARNING
   compensation >= 1000
   profit >= 500
   ========================================================= */


/* =========================================================
   ACCOUNT CARD
   ========================================================= */

#dashboard-section
.dashboard-account-card.has-warning {
  border-color:
    rgba(245, 158, 11, .30) !important;

  background:
    radial-gradient(
      circle at 100% 0,
      rgba(245, 158, 11, .055),
      transparent 34%
    ),
    linear-gradient(
      155deg,
      #171816,
      #0f1111
    ) !important;

  box-shadow:
    0 14px 34px
    rgba(0,0,0,.16),
    0 0 0 1px
    rgba(245,158,11,.025),
    0 0 24px
    rgba(245,158,11,.045) !important;
}


/* полоска сверху */

#dashboard-section
.dashboard-account-card.has-warning::before {
  content: "";

  position: absolute;

  left: 18px;
  right: 18px;
  top: 0;

  height: 2px;

  border-radius:
    0 0 999px 999px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(245,158,11,.7),
      transparent
    );
}


/* =========================================================
   STATUS
   ========================================================= */

#dashboard-section
.dashboard-account-status.is-warning {
  border-color:
    rgba(245,158,11,.18) !important;

  background:
    rgba(245,158,11,.065) !important;

  color:
    #d5a348 !important;
}


#dashboard-section
.dashboard-account-status.is-warning i {
  background:
    #f59e0b !important;

  box-shadow:
    0 0 8px
    rgba(245,158,11,.65) !important;
}


/* =========================================================
   SPECIFIC BALANCE
   ========================================================= */

#dashboard-section
.dashboard-account-balance.has-withdraw-warning {
  position: relative;

  border-color:
    rgba(245,158,11,.26) !important;

  background:
    linear-gradient(
      145deg,
      rgba(245,158,11,.075),
      rgba(245,158,11,.018)
    ) !important;

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.025),
    0 0 16px
    rgba(245,158,11,.025) !important;
}


#dashboard-section
.dashboard-account-balance.has-withdraw-warning
.dashboard-account-balance__top span {
  color:
    #b48c46 !important;
}


#dashboard-section
.dashboard-account-balance.has-withdraw-warning
.dashboard-account-balance__top i {
  color:
    #d4a34c !important;

  background:
    rgba(245,158,11,.075) !important;
}


#dashboard-section
.dashboard-account-balance.has-withdraw-warning > b {
  color:
    #f4c76e !important;
}


/* =========================================================
   READY LABEL
   ========================================================= */

.dashboard-withdraw-ready-label {
  display: flex;

  align-items: center;

  gap: 5px;

  margin-top: 7px;

  color:
    #af8843;

  font-size: 7px;

  font-weight: 850;
}


.dashboard-withdraw-ready-label > span {
  width: 5px;
  height: 5px;

  flex: 0 0 5px;

  border-radius: 50%;

  background:
    #f59e0b;

  box-shadow:
    0 0 6px
    rgba(245,158,11,.55);
}


/* =========================================================
   SIDEBAR DASHBOARD WARNING
   ========================================================= */

.nav[data-page="dashboard"] {
  position: relative;
}


.nav[data-page="dashboard"]
.dashboard-nav-warning-badge {
  position: absolute;

  right: 10px;
  top: 8px;

  min-width: 17px;
  height: 17px;

  display: inline-flex;

  align-items: center;
  justify-content: center;

  padding: 0 5px;

  border:
    1px solid
    rgba(245,158,11,.35);

  border-radius: 999px;

  background:
    #3c2b0f;

  color:
    #f8c768;

  font-size: 7px;

  font-weight: 950;

  line-height: 1;

  box-shadow:
    0 0 10px
    rgba(245,158,11,.16);

  pointer-events: none;
}


.nav[data-page="dashboard"]
.dashboard-nav-warning-badge[hidden] {
  display: none !important;
}


/* сам пункт меню */

.nav[data-page="dashboard"]
&.dashboard-nav-withdraw-warning {
  border-color:
    rgba(245,158,11,.22);
}

/* =========================================================
   DASHBOARD — BIGGER UI
   ========================================================= */

#dashboard-section {
  font-size: 1.08rem;
}

/* шире отступы между блоками */
#dashboard-section .dashboard-v2-shell {
  gap: 22px !important;
}

/* HERO */
#dashboard-section .dashboard-modern-hero {
  min-height: 155px !important;
  padding: 30px 32px !important;
  border-radius: 26px !important;
}

#dashboard-section .dashboard-modern-logo {
  width: 68px !important;
  height: 68px !important;
  flex-basis: 68px !important;

  border-radius: 19px !important;

  font-size: 26px !important;
}

#dashboard-section .dashboard-v2-kicker {
  font-size: 11px !important;
}

#dashboard-section .dashboard-modern-hero h2 {
  font-size: 34px !important;
}

#dashboard-section .dashboard-modern-hero p {
  font-size: 13px !important;
}

#dashboard-section .dashboard-modern-refresh {
  height: 46px !important;

  padding:
    0 19px !important;

  border-radius:
    13px !important;

  font-size:
    12px !important;
}

/* =========================================================
   TABS
   ========================================================= */

#dashboard-section .dashboard-inner-tabs {
  padding: 6px !important;
  border-radius: 15px !important;
}

#dashboard-section .dashboard-inner-tab {
  height: 42px !important;

  padding:
    0 20px !important;

  border-radius:
    11px !important;

  font-size:
    12px !important;
}

/* =========================================================
   STATUS
   ========================================================= */

#dashboard-section .dashboard-v2-status {
  min-height:
    46px !important;

  padding:
    0 18px !important;

  border-radius:
    14px !important;

  font-size:
    11px !important;
}

/* =========================================================
   OVERVIEW
   ========================================================= */

#dashboard-section .dashboard-modern-overview {
  gap:
    14px !important;

  margin-bottom:
    30px !important;
}

#dashboard-section .dashboard-modern-stat {
  min-height:
    132px !important;

  padding:
    21px 22px !important;

  border-radius:
    18px !important;
}

#dashboard-section .dashboard-modern-stat > span {
  font-size:
    11px !important;

  margin-bottom:
    11px !important;
}

#dashboard-section .dashboard-modern-stat > strong {
  font-size:
    27px !important;
}

#dashboard-section .dashboard-modern-stat > small {
  font-size:
    10px !important;
}

#dashboard-section .dashboard-modern-stat--main {
  min-height:
    132px !important;

  gap:
    18px !important;
}

#dashboard-section
.dashboard-modern-stat--main
.dashboard-modern-stat__icon {
  width:
    55px !important;

  height:
    55px !important;

  flex-basis:
    55px !important;

  border-radius:
    15px !important;

  font-size:
    22px !important;
}

#dashboard-section .dashboard-modern-stat--main span {
  font-size:
    11px !important;
}

#dashboard-section .dashboard-modern-stat--main strong {
  font-size:
    32px !important;
}

#dashboard-section .dashboard-modern-stat--main small {
  font-size:
    10px !important;
}

/* =========================================================
   ACCOUNTS HEADER
   ========================================================= */

#dashboard-section .dashboard-modern-section-head {
  margin-bottom:
    16px !important;
}

#dashboard-section .dashboard-modern-section-head span {
  font-size:
    10px !important;
}

#dashboard-section .dashboard-modern-section-head h3 {
  font-size:
    22px !important;
}

#dashboard-section .dashboard-modern-account-count {
  height:
    36px !important;

  padding:
    0 13px !important;

  border-radius:
    10px !important;

  font-size:
    10px !important;
}

/* =========================================================
   ACCOUNT GRID
   ========================================================= */

#dashboard-section .dashboard-modern-accounts {
  gap:
    16px !important;
}

/* =========================================================
   ACCOUNT CARD
   ========================================================= */

#dashboard-section .dashboard-account-card {
  border-radius:
    20px !important;
}

#dashboard-section .dashboard-account-card__head {
  min-height:
    86px !important;

  grid-template-columns:
    48px minmax(0,1fr) auto !important;

  gap:
    14px !important;

  padding:
    17px 18px !important;
}

/* TOKEN NUMBER */

#dashboard-section .dashboard-account-avatar {
  width:
    48px !important;

  height:
    48px !important;

  border-radius:
    13px !important;

  font-size:
    13px !important;
}

#dashboard-section .dashboard-account-head-text span {
  font-size:
    9px !important;
}

#dashboard-section .dashboard-account-head-text h3 {
  font-size:
    15px !important;
}

/* STATUS */

#dashboard-section .dashboard-account-status {
  height:
    31px !important;

  gap:
    7px !important;

  padding:
    0 11px !important;

  border-radius:
    9px !important;

  font-size:
    9px !important;
}

#dashboard-section .dashboard-account-status i {
  width:
    7px !important;

  height:
    7px !important;
}

/* =========================================================
   TOTAL ACCOUNT BALANCE
   ========================================================= */

#dashboard-section .dashboard-account-total {
  padding:
    20px 19px 17px !important;
}

#dashboard-section .dashboard-account-total span {
  font-size:
    10px !important;
}

#dashboard-section .dashboard-account-total strong {
  font-size:
    31px !important;
}

#dashboard-section .dashboard-account-total small {
  font-size:
    10px !important;
}

#dashboard-section .dashboard-account-total__badge {
  padding:
    7px 10px !important;

  border-radius:
    9px !important;

  font-size:
    9px !important;
}

/* =========================================================
   TRUST / COMPENSATION / PROFIT
   ========================================================= */

#dashboard-section .dashboard-account-balances {
  gap:
    10px !important;

  padding:
    0 18px 18px !important;
}

#dashboard-section .dashboard-account-balance {
  min-height:
    112px !important;

  padding:
    14px !important;

  border-radius:
    13px !important;
}

#dashboard-section .dashboard-account-balance__top {
  margin-bottom:
    14px !important;
}

#dashboard-section .dashboard-account-balance__top span {
  font-size:
    9px !important;
}

#dashboard-section .dashboard-account-balance__top i {
  width:
    23px !important;

  height:
    23px !important;

  border-radius:
    6px !important;

  font-size:
    9px !important;
}

#dashboard-section .dashboard-account-balance b {
  font-size:
    20px !important;
}

#dashboard-section .dashboard-account-balance small {
  font-size:
    9px !important;
}

#dashboard-section .dashboard-account-limit,
#dashboard-section .dashboard-account-reserve,
#dashboard-section .dashboard-withdraw-ready-label {
  margin-top:
    9px !important;

  font-size:
    9px !important;
}

/* =========================================================
   ACCOUNT FOOTER
   ========================================================= */

#dashboard-section .dashboard-account-footer {
  min-height:
    68px !important;

  padding:
    13px 18px !important;
}

#dashboard-section .dashboard-account-footer__meta span {
  font-size:
    10px !important;
}

#dashboard-section .dashboard-account-withdraw {
  height:
    39px !important;

  padding:
    0 15px !important;

  border-radius:
    10px !important;

  font-size:
    10px !important;
}

#dashboard-section .dashboard-account-withdraw b {
  font-size:
    16px !important;
}

/* =========================================================
   MONITORING — ALSO BIGGER
   ========================================================= */

#dashboard-section .dashboard-monitor-modern-head {
  min-height:
    115px !important;

  padding:
    21px 24px !important;

  border-radius:
    19px !important;
}

#dashboard-section .dashboard-monitor-modern-live__icon {
  width:
    50px !important;

  height:
    50px !important;

  flex-basis:
    50px !important;

  border-radius:
    13px !important;
}

#dashboard-section .dashboard-monitor-modern-live small {
  font-size:
    9px !important;
}

#dashboard-section .dashboard-monitor-modern-live h3 {
  font-size:
    21px !important;
}

#dashboard-section .dashboard-monitor-modern-live p {
  font-size:
    10px !important;
}

#dashboard-section .dashboard-monitor-modern-meta > div {
  min-height:
    60px !important;

  padding:
    11px 14px !important;
}

#dashboard-section .dashboard-monitor-modern-meta span {
  font-size:
    9px !important;
}

#dashboard-section .dashboard-monitor-modern-meta b {
  font-size:
    11px !important;
}

/* monitoring summary */

#dashboard-section .dashboard-monitor-modern-stat {
  min-height:
    115px !important;

  padding:
    18px !important;

  border-radius:
    16px !important;
}

#dashboard-section .dashboard-monitor-modern-stat > span {
  font-size:
    10px !important;
}

#dashboard-section .dashboard-monitor-modern-stat > strong {
  font-size:
    28px !important;
}

#dashboard-section .dashboard-monitor-modern-stat > small {
  font-size:
    9px !important;
}

#dashboard-section .dashboard-monitor-modern-stat__icon {
  width:
    50px !important;

  height:
    50px !important;

  flex-basis:
    50px !important;

  font-size:
    20px !important;
}

/* insight blocks */

#dashboard-section .dashboard-monitor-modern-insight {
  min-height:
    92px !important;

  padding:
    15px 17px !important;

  border-radius:
    15px !important;
}

#dashboard-section .dashboard-monitor-modern-insight__icon {
  width:
    47px !important;

  height:
    47px !important;

  flex-basis:
    47px !important;

  border-radius:
    12px !important;

  font-size:
    14px !important;
}

#dashboard-section .dashboard-monitor-modern-insight span {
  font-size:
    9px !important;
}

#dashboard-section .dashboard-monitor-modern-insight b {
  font-size:
    14px !important;
}

#dashboard-section .dashboard-monitor-modern-insight small {
  font-size:
    9px !important;
}

/* monitoring list cards */

#dashboard-section .dashboard-monitor-modern-card {
  border-radius:
    18px !important;
}

#dashboard-section .dashboard-monitor-modern-card__head {
  min-height:
    88px !important;

  padding:
    17px 19px !important;
}

#dashboard-section .dashboard-monitor-modern-card__head span {
  font-size:
    9px !important;
}

#dashboard-section .dashboard-monitor-modern-card__head h3 {
  font-size:
    16px !important;
}

#dashboard-section .dashboard-monitor-modern-card__head p {
  font-size:
    10px !important;
}

#dashboard-section .dashboard-monitor-modern-card__count {
  min-width:
    84px !important;

  padding:
    9px 12px !important;
}

#dashboard-section .dashboard-monitor-modern-card__count small {
  font-size:
    9px !important;
}

#dashboard-section .dashboard-monitor-modern-card__count b {
  font-size:
    18px !important;
}

/* monitoring rows */

#dashboard-section .dashboard-monitor-modern-row {
  min-height:
    82px !important;

  grid-template-columns:
    minmax(180px,1.6fr)
    repeat(3,minmax(65px,.55fr))
    minmax(70px,.6fr) !important;

  gap:
    10px !important;

  padding:
    12px 15px 16px !important;
}

#dashboard-section .dashboard-monitor-modern-row__rank {
  width:
    34px !important;

  height:
    34px !important;

  flex-basis:
    34px !important;

  border-radius:
    9px !important;

  font-size:
    10px !important;
}

#dashboard-section .dashboard-monitor-modern-row__name b {
  font-size:
    12px !important;
}

#dashboard-section .dashboard-monitor-modern-row__name span {
  font-size:
    8px !important;
}

#dashboard-section .dashboard-monitor-modern-method span,
#dashboard-section .dashboard-monitor-modern-total span {
  font-size:
    8px !important;
}

#dashboard-section .dashboard-monitor-modern-method b {
  font-size:
    13px !important;
}

#dashboard-section .dashboard-monitor-modern-total b {
  font-size:
    14px !important;
}

/* =========================================================
   LARGE SCREEN
   ========================================================= */

@media (min-width: 1500px) {

  #dashboard-section
  .dashboard-modern-accounts {
    gap:
      18px !important;
  }

}

/* =========================================================
   MOBILE — не делаем слишком огромным
   ========================================================= */

@media (max-width: 700px) {

  #dashboard-section {
    font-size:
      1rem;
  }

  #dashboard-section
  .dashboard-modern-hero {
    padding:
      20px !important;
  }

  #dashboard-section
  .dashboard-account-total strong {
    font-size:
      27px !important;
  }

  #dashboard-section
  .dashboard-account-balance {
    min-height:
      100px !important;
  }

}

/* =========================================================
   TRADEMO WITHDRAW — SAVED ADDRESSES
   ========================================================= */

.trademo-withdraw-address-box {
  width: 100%;

  margin-bottom: 10px;

  padding: 12px;

  border:
    1px solid
    rgba(255,255,255,.07);

  border-radius: 14px;

  background:
    rgba(255,255,255,.025);
}


/* HEADER */

.trademo-withdraw-address-box__head {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 12px;

  margin-bottom: 10px;
}


.trademo-withdraw-address-box__head span {
  display: block;

  color: #697582;

  font-size: 9px;

  font-weight: 800;

  text-transform: uppercase;
}


.trademo-withdraw-address-box__head b {
  display: block;

  margin-top: 2px;

  color: #dce1e6;

  font-size: 12px;

  font-weight: 900;
}


.trademo-withdraw-address-count {
  width: 25px;
  height: 25px;

  display: grid !important;

  place-items: center;

  border:
    1px solid
    rgba(96,165,250,.15);

  border-radius: 8px;

  background:
    rgba(59,130,246,.06);

  color: #83adeb !important;

  font-size: 9px !important;
}


/* =========================================================
   PRESETS
   ========================================================= */

.trademo-withdraw-address-presets {
  display: grid;

  gap: 7px;
}


.trademo-withdraw-address-preset {
  width: 100%;

  min-height: 56px;

  display: grid;

  grid-template-columns:
    35px
    minmax(0,1fr)
    25px;

  align-items: center;

  gap: 10px;

  padding: 8px 10px;

  border:
    1px solid
    rgba(255,255,255,.055);

  border-radius: 10px;

  background:
    rgba(255,255,255,.018);

  color: inherit;

  text-align: left;

  cursor: pointer;

  transition: .15s ease;
}


.trademo-withdraw-address-preset:hover {
  border-color:
    rgba(96,165,250,.16);

  background:
    rgba(59,130,246,.035);
}


.trademo-withdraw-address-preset.active {
  border-color:
    rgba(59,130,246,.28);

  background:
    rgba(59,130,246,.07);

  box-shadow:
    inset 3px 0 0
    rgba(59,130,246,.7);
}


/* ICON */

.trademo-withdraw-address-preset__icon {
  width: 35px;
  height: 35px;

  display: grid;

  place-items: center;

  border:
    1px solid
    rgba(96,165,250,.13);

  border-radius: 9px;

  background:
    rgba(59,130,246,.055);

  color: #7aa6e7;

  font-size: 11px;

  font-weight: 950;
}


/* INFO */

.trademo-withdraw-address-preset__info {
  min-width: 0;
}


.trademo-withdraw-address-preset__info b {
  display: block;

  margin-bottom: 4px;

  color: #dce1e6;

  font-size: 10px;

  font-weight: 900;
}


.trademo-withdraw-address-preset__info span {
  display: block;

  overflow: hidden;

  color: #66727f;

  font-family:
    ui-monospace,
    SFMono-Regular,
    Consolas,
    monospace;

  font-size: 8px;

  text-overflow: ellipsis;

  white-space: nowrap;
}


/* CHECK */

.trademo-withdraw-address-preset__check {
  width: 22px;
  height: 22px;

  display: grid;

  place-items: center;

  border-radius: 50%;

  background:
    rgba(34,197,94,.045);

  color: transparent;

  font-size: 9px;

  font-weight: 950;
}


.trademo-withdraw-address-preset.active
.trademo-withdraw-address-preset__check {
  background:
    rgba(34,197,94,.09);

  color: #72c98e;
}


/* =========================================================
   CUSTOM ADDRESS
   ========================================================= */

.trademo-withdraw-custom-address-btn {
  width: 100%;

  height: 34px;

  margin-top: 8px;

  border:
    1px dashed
    rgba(255,255,255,.07);

  border-radius: 9px;

  background:
    transparent;

  color: #687582;

  font-size: 9px;

  font-weight: 800;

  cursor: pointer;
}


.trademo-withdraw-custom-address-btn:hover {
  border-color:
    rgba(96,165,250,.17);

  color: #8bb0e8;

  background:
    rgba(59,130,246,.025);
}


.trademo-withdraw-address-empty {
  padding: 10px;

  border:
    1px dashed
    rgba(255,255,255,.06);

  border-radius: 9px;

  color: #65707b;

  font-size: 9px;

  text-align: center;
}


/* readonly input */

#trademo-withdraw-address[readonly] {
  cursor: default;

  opacity: .8;
}

/* =========================================================
   STATISTICS 2026 — REDESIGN
   ========================================================= */


/* =========================================================
   ROOT
   ========================================================= */

#stats-section.stats-v3 {
  width: 100% !important;
  max-width: none !important;

  padding: 0 0 70px !important;
}


#stats-section
.stats-v3-shell {
  width: 100% !important;

  display: grid !important;

  gap: 16px !important;
}


/* =========================================================
   HERO
   ========================================================= */

#stats-section
.stats-v3-hero {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1.65fr)
    minmax(310px, .65fr) !important;

  gap: 12px !important;
}


#stats-section
.stats-v3-hero__main,
#stats-section
.stats-v3-balance {
  position: relative;

  overflow: hidden;

  border:
    1px solid
    rgba(255,255,255,.065) !important;

  border-radius:
    18px !important;

  background:
    linear-gradient(
      145deg,
      #161818,
      #101212
    ) !important;

  box-shadow:
    0 16px 40px
    rgba(0,0,0,.14) !important;
}


/* =========================================================
   HERO MAIN
   ========================================================= */

#stats-section
.stats-v3-hero__main {
  min-height: 160px;

  padding: 22px 24px;

  background:
    radial-gradient(
      circle at 0 0,
      rgba(59,130,246,.10),
      transparent 40%
    ),
    radial-gradient(
      circle at 100% 0,
      rgba(59,130,246,.035),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      #16191c,
      #101212
    ) !important;
}


#stats-section
.stats-v3-hero__main::after {
  content: "";

  position: absolute;

  width: 260px;
  height: 260px;

  right: -150px;
  top: -150px;

  border:
    1px solid
    rgba(96,165,250,.06);

  border-radius: 50%;

  pointer-events: none;
}


#stats-section
.stats-v3-live {
  display: inline-flex;

  align-items: center;

  gap: 7px;

  color: #6589bd;

  font-size: 8px;

  font-weight: 950;

  letter-spacing: .12em;
}


#stats-section
.stats-v3-live__dot {
  width: 6px;
  height: 6px;

  border-radius: 50%;

  background: #22c55e;

  box-shadow:
    0 0 8px
    rgba(34,197,94,.55);
}


#stats-section
.stats-v3-hero__content {
  position: relative;

  z-index: 2;

  display: flex;

  align-items: center;

  gap: 16px;

  margin-top: 22px;
}


#stats-section
.stats-v3-hero__icon {
  width: 55px;
  height: 55px;

  flex: 0 0 55px;

  display: grid;

  place-items: center;

  border:
    1px solid
    rgba(96,165,250,.13);

  border-radius: 15px;

  background:
    rgba(59,130,246,.055);

  color: #76a3e6;

  font-size: 20px;

  font-weight: 950;
}


#stats-section
.stats-v3-kicker {
  margin-bottom: 3px;

  color: #54719b;

  font-size: 8px;

  font-weight: 950;

  letter-spacing: .14em;
}


#stats-section
.stats-v3-hero h2 {
  margin: 0;

  color: #eef1f4;

  font-size: 28px;

  font-weight: 950;

  line-height: 1;

  letter-spacing: -.04em;
}


#stats-section
.stats-v3-hero p {
  max-width: 580px;

  margin: 7px 0 0;

  color: #65707b;

  font-size: 10px;

  font-weight: 650;

  line-height: 1.5;
}


/* =========================================================
   BALANCE
   ========================================================= */

#stats-section
.stats-v3-balance {
  min-height: 160px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  padding: 18px 19px;

  border-color:
    rgba(59,130,246,.10) !important;

  background:
    radial-gradient(
      circle at 100% 0,
      rgba(59,130,246,.065),
      transparent 45%
    ),
    #131515 !important;
}


#stats-section
.stats-v3-balance__head {
  display: flex;

  align-items: flex-start;
  justify-content: space-between;

  gap: 12px;
}


#stats-section
.stats-v3-balance__head span {
  display: block;

  color: #66717c;

  font-size: 9px;

  font-weight: 900;
}


#stats-section
.stats-v3-balance__head small {
  display: block;

  margin-top: 3px;

  color: #46515c;

  font-size: 7px;

  font-weight: 700;
}


#stats-section
.stats-v3-edit-balance {
  height: 31px;

  padding: 0 11px;

  border:
    1px solid
    rgba(96,165,250,.13);

  border-radius: 8px;

  background:
    rgba(59,130,246,.055);

  color: #78a2df;

  font-size: 8px;

  font-weight: 900;

  cursor: pointer;
}


#stats-section
.stats-v3-edit-balance:hover {
  background:
    rgba(59,130,246,.10);
}


#stats-section
.stats-v3-balance__value {
  margin-top: 14px !important;

  color: #f3f4f6 !important;

  font-size: 31px !important;

  font-weight: 950 !important;

  line-height: 1 !important;

  letter-spacing: -.04em !important;
}


#stats-section
.stats-v3-balance__meta {
  margin-top: 10px !important;

  max-height: none !important;

  overflow: visible !important;

  color: #58636e !important;

  font-size: 7px !important;

  font-weight: 650;

  line-height: 1.4 !important;
}


/* =========================================================
   KPI
   ========================================================= */

#stats-section
.stats-v3-kpi-grid {
  display: grid !important;

  grid-template-columns:
    repeat(3, minmax(0,1fr)) !important;

  gap: 12px !important;
}


#stats-section
.stats-v3-kpi {
  min-width: 0;

  min-height: 110px;

  display: flex;

  align-items: center;

  gap: 14px;

  padding: 17px 18px;

  border:
    1px solid
    rgba(255,255,255,.055);

  border-radius: 15px;

  background:
    linear-gradient(
      145deg,
      #151717,
      #111313
    );

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

  transition:
    transform .15s ease,
    border-color .15s ease;
}


#stats-section
.stats-v3-kpi:hover {
  transform:
    translateY(-2px);

  border-color:
    rgba(255,255,255,.10);
}


#stats-section
.stats-v3-kpi__icon {
  width: 43px;
  height: 43px;

  flex: 0 0 43px;

  display: grid;

  place-items: center;

  border-radius: 11px;

  font-size: 15px;

  font-weight: 950;
}


#stats-section
.stats-v3-kpi__icon.is-orders {
  border:
    1px solid
    rgba(59,130,246,.13);

  background:
    rgba(59,130,246,.055);

  color: #78a2df;
}


#stats-section
.stats-v3-kpi__icon.is-profit {
  border:
    1px solid
    rgba(34,197,94,.13);

  background:
    rgba(34,197,94,.05);

  color: #73b889;
}


#stats-section
.stats-v3-kpi__icon.is-spread {
  border:
    1px solid
    rgba(96,165,250,.11);

  background:
    rgba(96,165,250,.045);

  color: #80a8df;
}


#stats-section
.stats-v3-kpi__content {
  min-width: 0;
}


#stats-section
.stats-v3-kpi__content > span {
  display: block;

  margin-bottom: 6px;

  color: #596570;

  font-size: 8px;

  font-weight: 850;

  text-transform: uppercase;
}


#stats-section
.stats-v3-kpi__content > strong {
  display: block;

  color: #e9ecef;

  font-size: 24px;

  font-weight: 950;

  line-height: 1;

  letter-spacing: -.035em;
}


#stats-section
.stats-v3-kpi__content > strong.is-profit {
  color: #62ca83;
}


#stats-section
.stats-v3-kpi__content > small {
  display: block;

  margin-top: 6px;

  color: #4e5964;

  font-size: 7px;

  font-weight: 650;
}


/* =========================================================
   TOKEN SECTION
   ========================================================= */

#stats-section
.stats-v3-tokens {
  padding: 17px 18px 18px;

  border:
    1px solid
    rgba(255,255,255,.05);

  border-radius: 16px;

  background:
    #111313;
}


#stats-section
.stats-v3-section-head {
  margin-bottom: 13px;
}


#stats-section
.stats-v3-section-head span {
  display: block;

  margin-bottom: 3px;

  color: #5276a8;

  font-size: 7px;

  font-weight: 950;

  letter-spacing: .13em;
}


#stats-section
.stats-v3-section-head h3 {
  margin: 0;

  color: #e3e7ea;

  font-size: 15px;

  font-weight: 900;
}


#stats-section
.stats-v3-section-head p {
  margin: 4px 0 0;

  color: #525e69;

  font-size: 8px;

  font-weight: 650;
}


/* =========================================================
   TOKEN GRID
   ========================================================= */

#stats-section
#stats-groups-summary.stats-v3-token-grid {
  width: 100% !important;

  display: grid !important;

  grid-template-columns:
    repeat(4, minmax(0,1fr)) !important;

  gap: 10px !important;

  margin: 0 !important;
}


#stats-section
.stats-v3-token-card {
  width: auto !important;

  min-width: 0 !important;
  max-width: none !important;

  height: auto !important;
  min-height: 125px !important;
  max-height: none !important;

  display: flex;

  flex-direction: column;

  padding: 14px !important;

  border:
    1px solid
    rgba(255,255,255,.055) !important;

  border-radius:
    13px !important;

  background:
    linear-gradient(
      145deg,
      #171919,
      #121414
    ) !important;

  box-shadow:
    none !important;
}


#stats-section
.stats-v3-token-card__head {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 8px;
}


#stats-section
.stats-v3-token-card__head > span {
  color: #53616e;

  font-size: 7px;

  font-weight: 950;

  letter-spacing: .1em;
}


#stats-section
.stats-v3-token-card__status {
  display: flex;

  align-items: center;

  gap: 5px;

  color: #598468;

  font-size: 6px;

  font-weight: 850;
}


#stats-section
.stats-v3-token-card__status i {
  width: 5px;
  height: 5px;

  border-radius: 50%;

  background: #22c55e;

  box-shadow:
    0 0 6px
    rgba(34,197,94,.45);
}


#stats-section
.stats-v3-token-card__name {
  margin-top: 14px;

  color: #cfd5db;

  font-size: 9px;

  font-weight: 850;
}


#stats-section
.stats-v3-token-card__profit {
  margin-top: 7px;

  color: #5dce81;

  font-size: 21px;

  font-weight: 950;

  letter-spacing: -.03em;
}


#stats-section
.stats-v3-token-card__footer {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 10px;

  margin-top: auto;

  padding-top: 12px;
}


#stats-section
.stats-v3-token-card__footer span {
  color: #4f5a65;

  font-size: 7px;

  font-weight: 750;
}


#stats-section
.stats-v3-token-card__footer b {
  color: #aab2ba;

  font-size: 9px;

  font-weight: 900;
}


#stats-section
.stats-v3-token-empty {
  grid-column: 1 / -1;

  padding: 25px;

  color: #59646f;

  text-align: center;

  font-size: 9px;
}


/* =========================================================
   HISTORY CARD
   ========================================================= */

#stats-section
.stats-v3-history-card {
  overflow: hidden;

  border:
    1px solid
    rgba(255,255,255,.06);

  border-radius: 17px;

  background:
    linear-gradient(
      155deg,
      #151717,
      #101212
    );

  box-shadow:
    0 16px 40px
    rgba(0,0,0,.13);
}


/* =========================================================
   HISTORY HEAD
   ========================================================= */

#stats-section
.stats-v3-history-head {
  min-height: 78px;

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 15px;

  padding: 14px 16px;

  border-bottom:
    1px solid
    rgba(255,255,255,.045);
}


#stats-section
.stats-v3-history-head__title {
  display: flex;

  align-items: center;

  gap: 11px;
}


#stats-section
.stats-v3-history-icon {
  width: 38px;
  height: 38px;

  display: grid;

  place-items: center;

  border:
    1px solid
    rgba(96,165,250,.11);

  border-radius: 10px;

  background:
    rgba(59,130,246,.045);

  color: #6d97d5;

  font-size: 14px;

  font-weight: 950;
}


#stats-section
.stats-v3-history-head__title span {
  display: block;

  margin-bottom: 3px;

  color: #5275a6;

  font-size: 7px;

  font-weight: 950;

  letter-spacing: .12em;
}


#stats-section
.stats-v3-history-head__title h3 {
  margin: 0;

  color: #e5e8eb;

  font-size: 14px;

  font-weight: 900;
}


/* =========================================================
   TABS
   ========================================================= */

#stats-section
.stats-v3-tabs {
  display: inline-flex;

  gap: 4px;

  padding: 4px;

  border:
    1px solid
    rgba(255,255,255,.045);

  border-radius: 10px;

  background:
    rgba(0,0,0,.20);
}


#stats-section
.stats-v3-tab {
  height: 34px;

  padding: 0 13px;

  border:
    1px solid
    transparent;

  border-radius: 8px;

  background: transparent;

  color: #596570;

  font-size: 8px;

  font-weight: 900;

  cursor: pointer;
}


#stats-section
.stats-v3-tab:hover {
  color: #bbc2c9;

  background:
    rgba(255,255,255,.025);
}


#stats-section
.stats-v3-tab.active {
  border-color:
    rgba(59,130,246,.16);

  background:
    rgba(59,130,246,.075);

  color: #86afe8;

  box-shadow: none;
}


/* =========================================================
   PANELS
   ========================================================= */

#stats-section
.stats-v3-panel {
  width: 100%;
}


#stats-section
.stats-v3-panel[hidden] {
  display: none !important;
}


#stats-section
.stats-v3-panel-head {
  min-height: 65px;

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 12px;

  padding: 13px 16px;
}


#stats-section
.stats-v3-panel-head h4 {
  margin: 0;

  color: #cfd4d9;

  font-size: 11px;

  font-weight: 900;
}


#stats-section
.stats-v3-panel-head p {
  margin: 4px 0 0;

  color: #4e5964;

  font-size: 7px;

  font-weight: 650;
}


/* =========================================================
   TABLE
   ========================================================= */

#stats-section
.stats-v3-table-wrap {
  width: calc(100% - 24px) !important;

  max-width: none !important;

  margin:
    0 12px 12px !important;

  overflow: auto !important;

  border:
    1px solid
    rgba(255,255,255,.045) !important;

  border-radius:
    12px !important;

  background:
    #101212 !important;

  box-shadow:
    none !important;
}


#stats-section
.stats-v3-table {
  width: 100% !important;

  min-width: 1250px !important;

  border-collapse:
    separate !important;

  border-spacing:
    0 !important;
}


/* header */

#stats-section
.stats-v3-table thead th {
  height: 43px;

  padding:
    0 11px !important;

  background:
    #121414 !important;

  border-bottom:
    1px solid
    rgba(255,255,255,.05) !important;

  color:
    #58697d !important;

  font-size:
    7px !important;

  font-weight:
    950 !important;

  letter-spacing:
    .05em;

  text-transform:
    uppercase;

  white-space:
    nowrap;
}


/* normal rows */

#stats-section
.stats-v3-table tbody
tr.row-done {
  background:
    transparent !important;
}


#stats-section
.stats-v3-table tbody
tr.row-done > td {
  height: 55px;

  padding:
    9px 11px !important;

  border-bottom:
    1px solid
    rgba(255,255,255,.035) !important;

  background:
    transparent !important;

  color:
    #c7cdd3 !important;

  font-size:
    8px !important;
}


#stats-section
.stats-v3-table tbody
tr.row-done:hover > td {
  background:
    rgba(255,255,255,.015) !important;
}


/* убираем старую зелёную заливку */

#stats-section
.stats-v3-table
.row-done {
  box-shadow:
    inset 2px 0 0
    rgba(34,197,94,.45);
}


/* badges */

#stats-section
.stats-v3-table
.amount-badge,

#stats-section
.stats-v3-table
.rate-badge,

#stats-section
.stats-v3-table
.req-badge,

#stats-section
.stats-v3-table
.massmo-badge {
  min-height: 25px;

  display: inline-flex;

  align-items: center;

  padding: 0 8px;

  border:
    1px solid
    rgba(255,255,255,.055) !important;

  border-radius:
    7px !important;

  background:
    rgba(255,255,255,.025) !important;

  color:
    #bbc2c9 !important;

  font-size:
    7px !important;

  font-weight:
    750 !important;
}


#stats-section
.stats-v3-table
.spread-badge {
  min-height: 25px;

  display: inline-flex;

  align-items: center;

  padding: 0 8px;

  border:
    1px solid
    rgba(139,92,246,.15) !important;

  border-radius:
    7px !important;

  background:
    rgba(139,92,246,.06) !important;

  color:
    #b5a0dd !important;

  font-size:
    7px !important;

  font-weight:
    900 !important;
}


#stats-section
.stats-v3-table
.profit-rub-badge {
  min-height: 25px;

  display: inline-flex;

  align-items: center;

  padding: 0 8px;

  border:
    1px solid
    rgba(34,197,94,.12) !important;

  border-radius:
    7px !important;

  background:
    rgba(34,197,94,.045) !important;

  color:
    #70b787 !important;

  font-size:
    7px !important;

  font-weight:
    900 !important;
}


/* BYBIT */

#stats-section
.stats-bybit-cell {
  display: flex;

  align-items: center;

  gap: 5px;
}


#stats-section
.stats-bybit-cell
.icon-btn {
  width: 25px !important;
  height: 25px !important;

  display: grid;

  place-items: center;

  border:
    1px solid
    rgba(255,255,255,.055) !important;

  border-radius:
    7px !important;

  background:
    rgba(255,255,255,.02) !important;

  color:
    #687583 !important;

  font-size:
    9px !important;
}


/* =========================================================
   GROUP DIVIDER
   ========================================================= */

#stats-section
.token-group-row > td {
  padding:
    7px 8px !important;

  background:
    #101212 !important;

  border-bottom:
    1px solid
    rgba(255,255,255,.03) !important;
}


#stats-section
.stats-v3-group-divider {
  min-height: 46px;

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 12px;

  padding: 7px 10px;

  border:
    1px solid
    rgba(59,130,246,.08);

  border-radius: 9px;

  background:
    linear-gradient(
      90deg,
      rgba(59,130,246,.045),
      transparent 65%
    );
}


#stats-section
.stats-v3-group-divider__left {
  display: flex;

  align-items: center;

  gap: 8px;
}


#stats-section
.stats-v3-group-divider__icon {
  width: 28px;
  height: 28px;

  display: grid;

  place-items: center;

  border:
    1px solid
    rgba(96,165,250,.10);

  border-radius: 7px;

  background:
    rgba(59,130,246,.04);

  color: #7099d3;

  font-size: 8px;

  font-weight: 950;
}


#stats-section
.stats-v3-group-divider__left span,
#stats-section
.stats-v3-group-divider__stats span {
  display: block;

  margin-bottom: 2px;

  color: #4d5965;

  font-size: 6px;

  font-weight: 800;

  text-transform: uppercase;
}


#stats-section
.stats-v3-group-divider__left b {
  color: #cbd1d6;

  font-size: 8px;

  font-weight: 900;
}


#stats-section
.stats-v3-group-divider__stats {
  display: flex;

  align-items: center;

  gap: 22px;
}


#stats-section
.stats-v3-group-divider__stats > div {
  min-width: 55px;

  text-align: right;
}


#stats-section
.stats-v3-group-divider__stats b {
  color: #cbd1d6;

  font-size: 9px;

  font-weight: 950;
}


#stats-section
.stats-v3-group-divider__stats
b.is-profit {
  color: #67bb80;
}


/* =========================================================
   NOT RELEASED
   ========================================================= */

#stats-section
.stats-v3-refresh-btn {
  height: 32px;

  padding: 0 11px;

  border:
    1px solid
    rgba(255,255,255,.06);

  border-radius: 8px;

  background:
    rgba(255,255,255,.025);

  color: #697581;

  font-size: 8px;

  font-weight: 850;

  cursor: pointer;
}


#stats-section
.not-released-memo-list {
  max-width: none !important;

  display: grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap: 8px;

  padding: 0 12px 12px;
}


#stats-section
.not-released-memo-row {
  padding: 12px 13px !important;

  border:
    1px solid
    rgba(255,255,255,.05) !important;

  border-radius:
    11px !important;

  background:
    #131515 !important;

  box-shadow:
    none !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1200px) {

  #stats-section
  .stats-v3-hero {
    grid-template-columns:
      1fr !important;
  }


  #stats-section
  .stats-v3-kpi-grid {
    grid-template-columns:
      repeat(3,minmax(0,1fr))
      !important;
  }


  #stats-section
  #stats-groups-summary.stats-v3-token-grid {
    grid-template-columns:
      repeat(2,minmax(0,1fr))
      !important;
  }

}


@media (max-width: 750px) {

  #stats-section
  .stats-v3-kpi-grid {
    grid-template-columns:
      1fr !important;
  }


  #stats-section
  .stats-v3-history-head {
    align-items:
      flex-start;

    flex-direction:
      column;
  }


  #stats-section
  .stats-v3-tabs {
    width: 100%;
  }


  #stats-section
  .stats-v3-tab {
    flex: 1;
  }


  #stats-section
  #stats-groups-summary.stats-v3-token-grid {
    grid-template-columns:
      1fr !important;
  }


  #stats-section
  .not-released-memo-list {
    grid-template-columns:
      1fr;
  }

}

/* =========================================================
   STATISTICS V3 — BIGGER INTERFACE
   ========================================================= */


/* общий воздух */

#stats-section
.stats-v3-shell {
  gap: 22px !important;
}


/* =========================================================
   HERO
   ========================================================= */

#stats-section
.stats-v3-hero {
  gap: 16px !important;

  grid-template-columns:
    minmax(0, 1.65fr)
    minmax(370px, .65fr)
    !important;
}


#stats-section
.stats-v3-hero__main {
  min-height: 205px !important;

  padding:
    28px 30px !important;

  border-radius:
    22px !important;
}


#stats-section
.stats-v3-live {
  gap: 9px !important;

  font-size:
    10px !important;
}


#stats-section
.stats-v3-live__dot {
  width:
    8px !important;

  height:
    8px !important;
}


#stats-section
.stats-v3-hero__content {
  gap:
    20px !important;

  margin-top:
    28px !important;
}


#stats-section
.stats-v3-hero__icon {
  width:
    68px !important;

  height:
    68px !important;

  flex-basis:
    68px !important;

  border-radius:
    18px !important;

  font-size:
    26px !important;
}


#stats-section
.stats-v3-kicker {
  margin-bottom:
    5px !important;

  font-size:
    10px !important;
}


#stats-section
.stats-v3-hero h2 {
  font-size:
    37px !important;
}


#stats-section
.stats-v3-hero p {
  max-width:
    700px !important;

  margin-top:
    10px !important;

  font-size:
    13px !important;

  line-height:
    1.55 !important;
}


/* =========================================================
   BALANCE
   ========================================================= */

#stats-section
.stats-v3-balance {
  min-height:
    205px !important;

  padding:
    24px 25px !important;

  border-radius:
    22px !important;
}


#stats-section
.stats-v3-balance__head span {
  font-size:
    12px !important;
}


#stats-section
.stats-v3-balance__head small {
  margin-top:
    5px !important;

  font-size:
    9px !important;
}


#stats-section
.stats-v3-edit-balance {
  height:
    39px !important;

  padding:
    0 15px !important;

  border-radius:
    10px !important;

  font-size:
    10px !important;
}


#stats-section
.stats-v3-balance__value {
  margin-top:
    18px !important;

  font-size:
    41px !important;
}


#stats-section
.stats-v3-balance__meta {
  margin-top:
    13px !important;

  font-size:
    9px !important;
}


/* =========================================================
   KPI CARDS
   ========================================================= */

#stats-section
.stats-v3-kpi-grid {
  gap:
    16px !important;
}


#stats-section
.stats-v3-kpi {
  min-height:
    145px !important;

  gap:
    18px !important;

  padding:
    22px 23px !important;

  border-radius:
    19px !important;
}


#stats-section
.stats-v3-kpi__icon {
  width:
    55px !important;

  height:
    55px !important;

  flex-basis:
    55px !important;

  border-radius:
    14px !important;

  font-size:
    20px !important;
}


#stats-section
.stats-v3-kpi__content > span {
  margin-bottom:
    8px !important;

  font-size:
    10px !important;
}


#stats-section
.stats-v3-kpi__content > strong {
  font-size:
    32px !important;
}


#stats-section
.stats-v3-kpi__content > small {
  margin-top:
    8px !important;

  font-size:
    9px !important;
}


/* =========================================================
   TOKENS SECTION
   ========================================================= */

#stats-section
.stats-v3-tokens {
  padding:
    22px 23px 24px !important;

  border-radius:
    20px !important;
}


#stats-section
.stats-v3-section-head {
  margin-bottom:
    18px !important;
}


#stats-section
.stats-v3-section-head span {
  margin-bottom:
    5px !important;

  font-size:
    9px !important;
}


#stats-section
.stats-v3-section-head h3 {
  font-size:
    20px !important;
}


#stats-section
.stats-v3-section-head p {
  margin-top:
    6px !important;

  font-size:
    10px !important;
}


/* =========================================================
   TOKEN GRID
   ========================================================= */

#stats-section
#stats-groups-summary.stats-v3-token-grid {
  gap:
    14px !important;
}


#stats-section
.stats-v3-token-card {
  min-height:
    165px !important;

  padding:
    18px !important;

  border-radius:
    17px !important;
}


#stats-section
.stats-v3-token-card__head > span {
  font-size:
    9px !important;
}


#stats-section
.stats-v3-token-card__status {
  gap:
    6px !important;

  font-size:
    8px !important;
}


#stats-section
.stats-v3-token-card__status i {
  width:
    6px !important;

  height:
    6px !important;
}


#stats-section
.stats-v3-token-card__name {
  margin-top:
    18px !important;

  font-size:
    12px !important;
}


#stats-section
.stats-v3-token-card__profit {
  margin-top:
    9px !important;

  font-size:
    29px !important;
}


#stats-section
.stats-v3-token-card__footer {
  padding-top:
    16px !important;
}


#stats-section
.stats-v3-token-card__footer span {
  font-size:
    9px !important;
}


#stats-section
.stats-v3-token-card__footer b {
  font-size:
    12px !important;
}


/* =========================================================
   HISTORY CARD
   ========================================================= */

#stats-section
.stats-v3-history-card {
  border-radius:
    21px !important;
}


#stats-section
.stats-v3-history-head {
  min-height:
    100px !important;

  padding:
    18px 21px !important;
}


#stats-section
.stats-v3-history-head__title {
  gap:
    14px !important;
}


#stats-section
.stats-v3-history-icon {
  width:
    49px !important;

  height:
    49px !important;

  border-radius:
    13px !important;

  font-size:
    18px !important;
}


#stats-section
.stats-v3-history-head__title span {
  margin-bottom:
    4px !important;

  font-size:
    9px !important;
}


#stats-section
.stats-v3-history-head__title h3 {
  font-size:
    19px !important;
}


/* =========================================================
   HISTORY TABS
   ========================================================= */

#stats-section
.stats-v3-tabs {
  gap:
    5px !important;

  padding:
    5px !important;

  border-radius:
    13px !important;
}


#stats-section
.stats-v3-tab {
  height:
    42px !important;

  padding:
    0 18px !important;

  border-radius:
    10px !important;

  font-size:
    10px !important;
}


/* =========================================================
   PANEL HEADER
   ========================================================= */

#stats-section
.stats-v3-panel-head {
  min-height:
    84px !important;

  padding:
    17px 21px !important;
}


#stats-section
.stats-v3-panel-head h4 {
  font-size:
    15px !important;
}


#stats-section
.stats-v3-panel-head p {
  margin-top:
    5px !important;

  font-size:
    9px !important;
}


/* =========================================================
   TABLE WRAPPER
   ========================================================= */

#stats-section
.stats-v3-table-wrap {
  width:
    calc(100% - 32px) !important;

  margin:
    0 16px 16px !important;

  border-radius:
    15px !important;
}


/* =========================================================
   TABLE
   ========================================================= */

#stats-section
.stats-v3-table {
  min-width:
    1450px !important;
}


/* table header */

#stats-section
.stats-v3-table thead th {
  height:
    54px !important;

  padding:
    0 14px !important;

  font-size:
    9px !important;
}


/* table rows */

#stats-section
.stats-v3-table tbody
tr.row-done > td {
  height:
    70px !important;

  padding:
    12px 14px !important;

  font-size:
    10px !important;
}


/* =========================================================
   TABLE BADGES
   ========================================================= */

#stats-section
.stats-v3-table
.amount-badge,

#stats-section
.stats-v3-table
.rate-badge,

#stats-section
.stats-v3-table
.req-badge,

#stats-section
.stats-v3-table
.massmo-badge,

#stats-section
.stats-v3-table
.spread-badge,

#stats-section
.stats-v3-table
.profit-rub-badge {
  min-height:
    32px !important;

  padding:
    0 10px !important;

  border-radius:
    9px !important;

  font-size:
    9px !important;
}


/* =========================================================
   BYBIT EDIT
   ========================================================= */

#stats-section
.stats-bybit-cell {
  gap:
    7px !important;
}


#stats-section
.stats-bybit-cell
.icon-btn {
  width:
    32px !important;

  height:
    32px !important;

  border-radius:
    9px !important;

  font-size:
    11px !important;
}


/* =========================================================
   TOKEN GROUP DIVIDER IN TABLE
   ========================================================= */

#stats-section
.token-group-row > td {
  padding:
    9px 10px !important;
}


#stats-section
.stats-v3-group-divider {
  min-height:
    60px !important;

  padding:
    10px 13px !important;

  border-radius:
    12px !important;
}


#stats-section
.stats-v3-group-divider__left {
  gap:
    11px !important;
}


#stats-section
.stats-v3-group-divider__icon {
  width:
    36px !important;

  height:
    36px !important;

  border-radius:
    9px !important;

  font-size:
    10px !important;
}


#stats-section
.stats-v3-group-divider__left span,
#stats-section
.stats-v3-group-divider__stats span {
  margin-bottom:
    3px !important;

  font-size:
    8px !important;
}


#stats-section
.stats-v3-group-divider__left b {
  font-size:
    11px !important;
}


#stats-section
.stats-v3-group-divider__stats {
  gap:
    30px !important;
}


#stats-section
.stats-v3-group-divider__stats > div {
  min-width:
    70px !important;
}


#stats-section
.stats-v3-group-divider__stats b {
  font-size:
    12px !important;
}


/* =========================================================
   NOT RELEASED
   ========================================================= */

#stats-section
.stats-v3-refresh-btn {
  height:
    40px !important;

  padding:
    0 15px !important;

  border-radius:
    10px !important;

  font-size:
    10px !important;
}


#stats-section
.not-released-memo-list {
  gap:
    12px !important;

  padding:
    0 16px 16px !important;
}


#stats-section
.not-released-memo-row {
  min-height:
    75px !important;

  padding:
    16px 17px !important;

  border-radius:
    14px !important;
}


/* =========================================================
   2K / LARGE MONITORS
   ========================================================= */

@media (min-width: 1600px) {

  #stats-section
  .stats-v3-shell {
    gap:
      24px !important;
  }


  #stats-section
  .stats-v3-hero__main,
  #stats-section
  .stats-v3-balance {
    min-height:
      220px !important;
  }


  #stats-section
  .stats-v3-hero h2 {
    font-size:
      40px !important;
  }


  #stats-section
  .stats-v3-token-card {
    min-height:
      175px !important;
  }

}


/* =========================================================
   MOBILE — уменьшаем обратно
   ========================================================= */

@media (max-width: 750px) {

  #stats-section
  .stats-v3-hero__main {
    min-height:
      auto !important;

    padding:
      20px !important;
  }


  #stats-section
  .stats-v3-balance {
    min-height:
      165px !important;

    padding:
      18px !important;
  }


  #stats-section
  .stats-v3-hero h2 {
    font-size:
      29px !important;
  }


  #stats-section
  .stats-v3-kpi {
    min-height:
      115px !important;
  }


  #stats-section
  .stats-v3-token-card {
    min-height:
      140px !important;
  }

}

/* =========================================================
   DISPUTES V3 — 2026
   LARGE UI / SAME STYLE AS STATS
   ========================================================= */


/* =========================================================
   ROOT
   ========================================================= */

#disputes-section.disputes-v3 {
  width: 100% !important;
  max-width: none !important;

  padding:
    0 0 70px !important;
}


#disputes-section
.disputes-v3-shell {
  width: 100% !important;

  display: grid !important;

  gap: 22px !important;
}



/* =========================================================
   HERO
   ========================================================= */

#disputes-section
.disputes-v3-hero {
  display: grid !important;

  grid-template-columns:
    minmax(0,1.65fr)
    minmax(370px,.65fr)
    !important;

  gap: 16px !important;
}


#disputes-section
.disputes-v3-hero__main,

#disputes-section
.disputes-v3-create {
  position: relative;

  min-height:
    205px;

  overflow: hidden;

  border:
    1px solid
    rgba(255,255,255,.065);

  border-radius:
    22px;

  background:
    linear-gradient(
      145deg,
      #161818,
      #101212
    );

  box-shadow:
    0 16px 40px
    rgba(0,0,0,.14);
}



/* =========================================================
   HERO MAIN
   ========================================================= */

#disputes-section
.disputes-v3-hero__main {
  padding:
    28px 30px;

  background:
    radial-gradient(
      circle at 0 0,
      rgba(239,68,68,.085),
      transparent 40%
    ),
    radial-gradient(
      circle at 100% 0,
      rgba(59,130,246,.035),
      transparent 32%
    ),
    linear-gradient(
      145deg,
      #181819,
      #101212
    );
}


#disputes-section
.disputes-v3-hero__main::after {
  content: "";

  position: absolute;

  width:
    280px;

  height:
    280px;

  right:
    -150px;

  top:
    -165px;

  border:
    1px solid
    rgba(239,68,68,.055);

  border-radius:
    50%;

  pointer-events:
    none;
}



/* =========================================================
   LIVE
   ========================================================= */

#disputes-section
.disputes-v3-live {
  display:
    inline-flex;

  align-items:
    center;

  gap:
    9px;

  color:
    #a46a6a;

  font-size:
    10px;

  font-weight:
    950;

  letter-spacing:
    .12em;
}


#disputes-section
.disputes-v3-live__dot {
  width:
    8px;

  height:
    8px;

  border-radius:
    50%;

  background:
    #ef4444;

  box-shadow:
    0 0 9px
    rgba(239,68,68,.55);
}



/* =========================================================
   HERO CONTENT
   ========================================================= */

#disputes-section
.disputes-v3-hero__content {
  position:
    relative;

  z-index:
    2;

  display:
    flex;

  align-items:
    center;

  gap:
    20px;

  margin-top:
    28px;
}


#disputes-section
.disputes-v3-hero__icon {
  width:
    68px;

  height:
    68px;

  flex:
    0 0 68px;

  display:
    grid;

  place-items:
    center;

  border:
    1px solid
    rgba(239,68,68,.14);

  border-radius:
    18px;

  background:
    rgba(239,68,68,.055);

  color:
    #dd7777;

  font-size:
    28px;

  font-weight:
    950;
}


#disputes-section
.disputes-v3-kicker {
  margin-bottom:
    5px;

  color:
    #956060;

  font-size:
    10px;

  font-weight:
    950;

  letter-spacing:
    .14em;
}


#disputes-section
.disputes-v3-hero h2 {
  margin:
    0;

  color:
    #eef1f4;

  font-size:
    37px;

  font-weight:
    950;

  line-height:
    1;

  letter-spacing:
    -.04em;
}


#disputes-section
.disputes-v3-hero__main p {
  max-width:
    700px;

  margin:
    10px 0 0;

  color:
    #65707b;

  font-size:
    13px;

  font-weight:
    650;

  line-height:
    1.55;
}



/* =========================================================
   CREATE CARD
   ========================================================= */

#disputes-section
.disputes-v3-create {
  display:
    flex;

  flex-direction:
    column;

  justify-content:
    space-between;

  padding:
    24px 25px;

  border-color:
    rgba(59,130,246,.09);

  background:
    radial-gradient(
      circle at 100% 0,
      rgba(59,130,246,.07),
      transparent 45%
    ),
    #131515;
}


#disputes-section
.disputes-v3-create__head {
  display:
    flex;

  align-items:
    center;

  gap:
    11px;
}


#disputes-section
.disputes-v3-create__icon {
  width:
    38px;

  height:
    38px;

  flex:
    0 0 38px;

  display:
    grid;

  place-items:
    center;

  border:
    1px solid
    rgba(96,165,250,.13);

  border-radius:
    10px;

  background:
    rgba(59,130,246,.055);

  color:
    #7aa5e3;

  font-size:
    18px;

  font-weight:
    950;
}


#disputes-section
.disputes-v3-create__head span {
  display:
    block;

  color:
    #687582;

  font-size:
    10px;

  font-weight:
    900;

  text-transform:
    uppercase;
}


#disputes-section
.disputes-v3-create__head small {
  display:
    block;

  margin-top:
    3px;

  color:
    #4f5a65;

  font-size:
    8px;
}


#disputes-section
.disputes-v3-create h3 {
  margin:
    15px 0 0;

  color:
    #e7eaed;

  font-size:
    19px;

  font-weight:
    900;
}


#disputes-section
.disputes-v3-create p {
  margin:
    6px 0 0;

  color:
    #596570;

  font-size:
    10px;

  line-height:
    1.45;
}



/* =========================================================
   CREATE BUTTON
   ========================================================= */

#disputes-section
.disputes-v3-create-btn {
  width:
    100%;

  height:
    44px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    10px;

  margin-top:
    18px;

  padding:
    0 14px;

  border:
    1px solid
    rgba(59,130,246,.22) !important;

  border-radius:
    11px !important;

  background:
    rgba(59,130,246,.085) !important;

  color:
    #92b8ef !important;

  font-size:
    10px !important;

  font-weight:
    900 !important;

  cursor:
    pointer;

  box-shadow:
    none !important;
}


#disputes-section
.disputes-v3-create-btn:hover {
  border-color:
    rgba(59,130,246,.37) !important;

  background:
    rgba(59,130,246,.14) !important;

  transform:
    translateY(-1px);
}


#disputes-section
.disputes-v3-create-btn > span {
  width:
    24px;

  height:
    24px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    7px;

  background:
    rgba(59,130,246,.10);

  font-size:
    14px;
}


#disputes-section
.disputes-v3-create-btn > b {
  font-size:
    16px;

  font-weight:
    700;
}



/* =========================================================
   KPI GRID
   ========================================================= */

#disputes-section
.disputes-v3-kpi-grid {
  display:
    grid !important;

  grid-template-columns:
    repeat(
      3,
      minmax(0,1fr)
    ) !important;

  gap:
    16px !important;
}


#disputes-section
.disputes-v3-kpi {
  min-width:
    0;

  min-height:
    145px;

  display:
    flex;

  align-items:
    center;

  gap:
    18px;

  padding:
    22px 23px;

  border:
    1px solid
    rgba(255,255,255,.055);

  border-radius:
    19px;

  background:
    linear-gradient(
      145deg,
      #151717,
      #111313
    );

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

  transition:
    transform .15s ease,
    border-color .15s ease;
}


#disputes-section
.disputes-v3-kpi:hover {
  transform:
    translateY(-2px);

  border-color:
    rgba(255,255,255,.10);
}



/* =========================================================
   KPI ICONS
   ========================================================= */

#disputes-section
.disputes-v3-kpi__icon {
  width:
    55px;

  height:
    55px;

  flex:
    0 0 55px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    14px;

  font-size:
    20px;

  font-weight:
    950;
}


#disputes-section
.disputes-v3-kpi__icon.is-error {
  border:
    1px solid
    rgba(239,68,68,.14);

  background:
    rgba(239,68,68,.055);

  color:
    #df7777;
}


#disputes-section
.disputes-v3-kpi__icon.is-freeze {
  border:
    1px solid
    rgba(59,130,246,.13);

  background:
    rgba(59,130,246,.055);

  color:
    #7da6df;
}


#disputes-section
.disputes-v3-kpi__icon.is-other {
  border:
    1px solid
    rgba(245,158,11,.12);

  background:
    rgba(245,158,11,.045);

  color:
    #c29a54;
}



/* =========================================================
   KPI TEXT
   ========================================================= */

#disputes-section
.disputes-v3-kpi__content {
  min-width:
    0;
}


#disputes-section
.disputes-v3-kpi__content > span {
  display:
    block;

  margin-bottom:
    8px;

  color:
    #596570;

  font-size:
    10px;

  font-weight:
    850;

  text-transform:
    uppercase;
}


#disputes-section
.disputes-v3-kpi__content > strong {
  display:
    block;

  color:
    #e9ecef;

  font-size:
    32px;

  font-weight:
    950;

  line-height:
    1;

  letter-spacing:
    -.035em;
}


#disputes-section
.disputes-v3-kpi__content
strong.is-error {
  color:
    #dc7777;
}


#disputes-section
.disputes-v3-kpi__content
strong.is-freeze {
  color:
    #86ace1;
}


#disputes-section
.disputes-v3-kpi__content
strong.is-other {
  color:
    #c6a15d;
}


#disputes-section
.disputes-v3-kpi__content > small {
  display:
    block;

  margin-top:
    8px;

  color:
    #4e5964;

  font-size:
    9px;

  font-weight:
    650;
}



/* =========================================================
   HISTORY
   ========================================================= */

#disputes-section
.disputes-v3-history {
  overflow:
    hidden;

  border:
    1px solid
    rgba(255,255,255,.06);

  border-radius:
    21px;

  background:
    linear-gradient(
      155deg,
      #151717,
      #101212
    );

  box-shadow:
    0 16px 40px
    rgba(0,0,0,.13);
}



/* =========================================================
   HISTORY HEADER
   ========================================================= */

#disputes-section
.disputes-v3-history-head {
  min-height:
    100px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    16px;

  padding:
    18px 21px;

  border-bottom:
    1px solid
    rgba(255,255,255,.045);
}


#disputes-section
.disputes-v3-history-title {
  display:
    flex;

  align-items:
    center;

  gap:
    14px;
}


#disputes-section
.disputes-v3-history-icon {
  width:
    49px;

  height:
    49px;

  flex:
    0 0 49px;

  display:
    grid;

  place-items:
    center;

  border:
    1px solid
    rgba(239,68,68,.10);

  border-radius:
    13px;

  background:
    rgba(239,68,68,.035);

  color:
    #bd7070;

  font-size:
    18px;

  font-weight:
    950;
}


#disputes-section
.disputes-v3-history-title span {
  display:
    block;

  margin-bottom:
    4px;

  color:
    #915d5d;

  font-size:
    9px;

  font-weight:
    950;

  letter-spacing:
    .12em;
}


#disputes-section
.disputes-v3-history-title h3 {
  margin:
    0;

  color:
    #e5e8eb;

  font-size:
    19px;

  font-weight:
    900;
}


#disputes-section
.disputes-v3-history-title p {
  margin:
    5px 0 0;

  color:
    #505b66;

  font-size:
    9px;
}



/* =========================================================
   REFRESH
   ========================================================= */

#disputes-section
.disputes-v3-refresh {
  height:
    40px;

  display:
    inline-flex;

  align-items:
    center;

  gap:
    8px;

  padding:
    0 15px;

  border:
    1px solid
    rgba(255,255,255,.06);

  border-radius:
    10px;

  background:
    rgba(255,255,255,.025);

  color:
    #747f8a;

  font-size:
    10px;

  font-weight:
    850;

  cursor:
    pointer;
}


#disputes-section
.disputes-v3-refresh:hover {
  border-color:
    rgba(96,165,250,.14);

  color:
    #91abe0;

  background:
    rgba(59,130,246,.035);
}


#disputes-section
.disputes-v3-refresh > span {
  font-size:
    14px;
}



/* =========================================================
   TOOLBAR
   ========================================================= */

#disputes-section
.disputes-v3-toolbar {
  min-height:
    70px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    15px;

  padding:
    13px 18px;

  border-bottom:
    1px solid
    rgba(255,255,255,.04);
}



/* =========================================================
   FILTER TABS
   ========================================================= */

#disputes-section
.disputes-v3-tabs {
  display:
    inline-flex !important;

  width:
    fit-content !important;

  gap:
    5px !important;

  padding:
    5px !important;

  overflow:
    visible !important;

  border:
    1px solid
    rgba(255,255,255,.045) !important;

  border-radius:
    13px !important;

  background:
    rgba(0,0,0,.20) !important;
}


#disputes-section
.disputes-v3-tab {
  height:
    42px !important;

  padding:
    0 18px !important;

  border:
    1px solid
    transparent !important;

  border-radius:
    10px !important;

  background:
    transparent !important;

  color:
    #596570 !important;

  font-size:
    10px !important;

  font-weight:
    900 !important;

  cursor:
    pointer;

  box-shadow:
    none !important;
}


#disputes-section
.disputes-v3-tab:hover {
  color:
    #bbc2c9 !important;

  background:
    rgba(255,255,255,.025) !important;
}


#disputes-section
.disputes-v3-tab.active {
  border-color:
    rgba(239,68,68,.17) !important;

  background:
    rgba(239,68,68,.07) !important;

  color:
    #d28383 !important;

  box-shadow:
    none !important;
}



/* =========================================================
   FILTER STATUS
   ========================================================= */

#disputes-section
.disputes-v3-filter-status {
  display:
    flex;

  align-items:
    center;

  gap:
    7px;

  color:
    #526b59;

  font-size:
    8px;

  font-weight:
    800;
}


#disputes-section
.disputes-v3-filter-status > span {
  width:
    6px;

  height:
    6px;

  border-radius:
    50%;

  background:
    #22c55e;

  box-shadow:
    0 0 7px
    rgba(34,197,94,.45);
}



/* =========================================================
   BOARD WRAP
   ========================================================= */

#disputes-section
.disputes-v3-board-wrap {
  padding:
    16px;
}



/* =========================================================
   BOARD GRID
   ========================================================= */

#disputes-section
.disputes-v3-board-wrap
.disputes-board {
  width:
    100% !important;

  display:
    grid !important;

  grid-template-columns:
    repeat(
      2,
      minmax(0,1fr)
    ) !important;

  gap:
    16px !important;

  margin:
    0 !important;
}



/* =========================================================
   DISPUTE CARD
   ========================================================= */

#disputes-section
.disputes-v3-board-wrap
.dispute-board-card {
  position:
    relative !important;

  width:
    100% !important;

  min-width:
    0 !important;

  max-width:
    none !important;

  min-height:
    310px !important;

  height:
    100% !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  padding:
    22px 23px !important;

  overflow:
    hidden !important;

  border:
    1px solid
    rgba(255,255,255,.055) !important;

  border-radius:
    19px !important;

  background:
    linear-gradient(
      145deg,
      #161818,
      #111313
    ) !important;

  box-shadow:
    inset 0 1px 0
      rgba(255,255,255,.018),
    0 12px 28px
      rgba(0,0,0,.10)
      !important;
}



/* =========================================================
   LEFT ACCENT
   ========================================================= */

#disputes-section
.dispute-board-card::before {
  content:
    "" !important;

  position:
    absolute !important;

  left:
    0 !important;

  top:
    20px !important;

  bottom:
    20px !important;

  width:
    3px !important;

  border-radius:
    0 999px 999px 0 !important;
}


#disputes-section
.dispute-board-card--error::before {
  background:
    #ef4444 !important;

  box-shadow:
    0 0 10px
    rgba(239,68,68,.24);
}


#disputes-section
.dispute-board-card--freeze::before {
  background:
    #3b82f6 !important;

  box-shadow:
    0 0 10px
    rgba(59,130,246,.22);
}


#disputes-section
.dispute-board-card--other::before,

#disputes-section
.dispute-board-card--other_expense::before {
  background:
    #d4972d !important;

  box-shadow:
    0 0 10px
    rgba(245,158,11,.18);
}



/* =========================================================
   CARD HOVER
   ========================================================= */

#disputes-section
.dispute-board-card {
  transition:
    transform .15s ease,
    border-color .15s ease,
    background .15s ease;
}


#disputes-section
.dispute-board-card:hover {
  transform:
    translateY(-2px);

  border-color:
    rgba(255,255,255,.10) !important;

  background:
    linear-gradient(
      145deg,
      #181a1a,
      #121414
    ) !important;
}



/* =========================================================
   CARD TOP
   ========================================================= */

#disputes-section
.dispute-board-card__top {
  min-height:
    34px;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    space-between !important;

  gap:
    12px !important;

  margin-bottom:
    18px !important;
}


#disputes-section
.dispute-board-card__id {
  color:
    #dce1e6 !important;

  font-size:
    16px !important;

  font-weight:
    950 !important;

  line-height:
    1.1 !important;
}



/* =========================================================
   STATUS
   ========================================================= */

#disputes-section
.dispute-board-card__status {
  min-width:
    72px;

  height:
    30px !important;

  display:
    inline-flex !important;

  align-items:
    center;

  justify-content:
    center;

  padding:
    0 11px !important;

  border:
    1px solid
    rgba(34,197,94,.14) !important;

  border-radius:
    9px !important;

  background:
    rgba(34,197,94,.045) !important;

  color:
    #6aaa7d !important;

  font-size:
    9px !important;

  font-weight:
    900 !important;
}



/* =========================================================
   AMOUNT
   ========================================================= */

#disputes-section
.dispute-board-card__amount {
  margin-bottom:
    16px !important;

  color:
    #f0f2f4 !important;

  font-size:
    34px !important;

  font-weight:
    950 !important;

  line-height:
    1 !important;

  letter-spacing:
    -.04em !important;
}



/* =========================================================
   REASON
   ========================================================= */

#disputes-section
.dispute-board-card__reason {
  margin-bottom:
    17px !important;
}


#disputes-section
.dispute-board-card
.dispute-reason-badge {
  min-height:
    30px !important;

  display:
    inline-flex;

  align-items:
    center;

  padding:
    0 11px !important;

  border-radius:
    8px !important;

  font-size:
    9px !important;

  font-weight:
    900 !important;
}



/* =========================================================
   CARD DATA
   ========================================================= */

#disputes-section
.dispute-board-card__grid {
  flex:
    1 1 auto !important;

  display:
    grid !important;

  align-content:
    start !important;

  gap:
    10px !important;
}


#disputes-section
.dispute-board-card__row {
  min-height:
    34px;

  display:
    grid !important;

  grid-template-columns:
    115px minmax(0,1fr)
    !important;

  align-items:
    center !important;

  gap:
    12px !important;

  padding:
    5px 0;
}


#disputes-section
.dispute-board-card__label {
  color:
    #59646f !important;

  font-size:
    9px !important;

  font-weight:
    850 !important;

  line-height:
    1.25 !important;
}


#disputes-section
.dispute-board-card__value {
  overflow-wrap:
    anywhere;

  color:
    #cbd1d6 !important;

  font-size:
    10px !important;

  font-weight:
    800 !important;

  line-height:
    1.35 !important;
}


#disputes-section
.dispute-board-card__comment {
  max-height:
    48px !important;

  overflow:
    hidden !important;

  color:
    #c7ccd1 !important;
}



/* =========================================================
   FOOTER
   ========================================================= */

#disputes-section
.dispute-board-card__footer {
  min-height:
    55px;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    space-between !important;

  gap:
    12px !important;

  margin-top:
    auto !important;

  padding-top:
    15px !important;

  border-top:
    1px solid
    rgba(255,255,255,.045)
    !important;
}


#disputes-section
.dispute-board-card__operator {
  color:
    #59646f !important;

  font-size:
    9px !important;

  font-weight:
    750 !important;
}


#disputes-section
.dispute-board-card__operator b {
  color:
    #cdd2d7 !important;

  font-weight:
    900 !important;
}



/* =========================================================
   ACTION BUTTONS
   ========================================================= */

#disputes-section
.dispute-board-card__actions {
  display:
    flex;

  align-items:
    center;

  gap:
    8px !important;
}


#disputes-section
.dispute-board-card__actions
.icon-btn {
  width:
    36px !important;

  height:
    36px !important;

  min-width:
    36px !important;

  min-height:
    36px !important;

  display:
    grid;

  place-items:
    center;

  border:
    1px solid
    rgba(255,255,255,.06) !important;

  border-radius:
    9px !important;

  background:
    rgba(255,255,255,.025) !important;

  color:
    #72808d !important;

  font-size:
    12px !important;

  cursor:
    pointer;
}


#disputes-section
.dispute-board-card__actions
.icon-btn:hover {
  border-color:
    rgba(96,165,250,.15) !important;

  background:
    rgba(59,130,246,.045) !important;

  color:
    #8dacdc !important;
}


#disputes-section
.dispute-board-card__actions
.icon-btn.danger:hover {
  border-color:
    rgba(239,68,68,.18) !important;

  background:
    rgba(239,68,68,.055) !important;

  color:
    #d87575 !important;
}



/* =========================================================
   FREEZE BADGES
   ========================================================= */

#disputes-section
.freeze-status-badge {
  min-height:
    29px !important;

  display:
    inline-flex;

  align-items:
    center;

  padding:
    0 10px !important;

  border-radius:
    8px !important;

  font-size:
    9px !important;

  font-weight:
    900 !important;
}


#disputes-section
.freeze-status-badge--yes {
  border-color:
    rgba(34,197,94,.14) !important;

  background:
    rgba(34,197,94,.045) !important;

  color:
    #6aab7e !important;
}


#disputes-section
.freeze-status-badge--no {
  border-color:
    rgba(239,68,68,.14) !important;

  background:
    rgba(239,68,68,.045) !important;

  color:
    #bd7171 !important;
}



/* =========================================================
   EMPTY CARD
   ========================================================= */

#disputes-section
.disputes-board
.dispute-board-card:only-child
.dispute-board-card__amount {
  margin:
    auto !important;

  color:
    #59646f !important;

  font-size:
    16px !important;
}



/* =========================================================
   LARGE MONITORS
   ========================================================= */

@media (min-width: 1600px) {

  #disputes-section
  .disputes-v3-hero__main,

  #disputes-section
  .disputes-v3-create {
    min-height:
      220px;
  }


  #disputes-section
  .disputes-v3-hero h2 {
    font-size:
      40px;
  }


  #disputes-section
  .dispute-board-card {
    min-height:
      325px !important;
  }

}



/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1200px) {

  #disputes-section
  .disputes-v3-hero {
    grid-template-columns:
      1fr !important;
  }


  #disputes-section
  .disputes-v3-kpi-grid {
    grid-template-columns:
      repeat(3,minmax(0,1fr))
      !important;
  }


  #disputes-section
  .disputes-v3-board-wrap
  .disputes-board {
    grid-template-columns:
      1fr !important;
  }

}



/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 750px) {

  #disputes-section
  .disputes-v3-shell {
    gap:
      14px !important;
  }


  #disputes-section
  .disputes-v3-hero__main {
    min-height:
      auto;

    padding:
      20px;
  }


  #disputes-section
  .disputes-v3-create {
    min-height:
      180px;

    padding:
      18px;
  }


  #disputes-section
  .disputes-v3-hero h2 {
    font-size:
      29px;
  }


  #disputes-section
  .disputes-v3-kpi-grid {
    grid-template-columns:
      1fr !important;
  }


  #disputes-section
  .disputes-v3-kpi {
    min-height:
      115px;
  }


  #disputes-section
  .disputes-v3-history-head {
    align-items:
      flex-start;

    flex-direction:
      column;
  }


  #disputes-section
  .disputes-v3-refresh {
    width:
      100%;

    justify-content:
      center;
  }


  #disputes-section
  .disputes-v3-toolbar {
    align-items:
      stretch;

    flex-direction:
      column;
  }


  #disputes-section
  .disputes-v3-tabs {
    width:
      100% !important;

    overflow-x:
      auto !important;
  }


  #disputes-section
  .disputes-v3-tab {
    flex:
      0 0 auto;
  }


  #disputes-section
  .disputes-v3-filter-status {
    padding-left:
      4px;
  }


  #disputes-section
  .disputes-v3-board-wrap {
    padding:
      10px;
  }


  #disputes-section
  .dispute-board-card {
    min-height:
      280px !important;

    padding:
      18px !important;
  }


  #disputes-section
  .dispute-board-card__amount {
    font-size:
      29px !important;
  }

}

/* =========================================================
   DISPUTES V3 — COMPACT CARDS
   ========================================================= */

#disputes-section
.disputes-v3-board-wrap
.disputes-board {
  grid-template-columns:
    repeat(auto-fill, minmax(300px, 1fr))
    !important;

  gap:
    12px !important;
}


#disputes-section
.disputes-v3-board-wrap
.dispute-board-card {
  min-height:
    235px !important;

  padding:
    16px 17px !important;

  border-radius:
    15px !important;
}


/* верх карточки */

#disputes-section
.dispute-board-card__top {
  min-height:
    28px !important;

  margin-bottom:
    11px !important;
}


#disputes-section
.dispute-board-card__id {
  font-size:
    13px !important;
}


#disputes-section
.dispute-board-card__status {
  min-width:
    auto !important;

  height:
    25px !important;

  padding:
    0 8px !important;

  border-radius:
    7px !important;

  font-size:
    8px !important;
}


/* сумма */

#disputes-section
.dispute-board-card__amount {
  margin-bottom:
    10px !important;

  font-size:
    26px !important;
}


/* причина */

#disputes-section
.dispute-board-card__reason {
  margin-bottom:
    11px !important;
}


#disputes-section
.dispute-board-card
.dispute-reason-badge {
  min-height:
    25px !important;

  padding:
    0 9px !important;

  border-radius:
    7px !important;

  font-size:
    8px !important;
}


/* данные */

#disputes-section
.dispute-board-card__grid {
  gap:
    5px !important;
}


#disputes-section
.dispute-board-card__row {
  min-height:
    26px !important;

  grid-template-columns:
    88px minmax(0,1fr)
    !important;

  gap:
    8px !important;

  padding:
    2px 0 !important;
}


#disputes-section
.dispute-board-card__label {
  font-size:
    8px !important;
}


#disputes-section
.dispute-board-card__value {
  font-size:
    9px !important;
}


#disputes-section
.dispute-board-card__comment {
  max-height:
    38px !important;
}


/* footer */

#disputes-section
.dispute-board-card__footer {
  min-height:
    44px !important;

  padding-top:
    10px !important;
}


#disputes-section
.dispute-board-card__operator {
  font-size:
    8px !important;
}


/* кнопки */

#disputes-section
.dispute-board-card__actions {
  gap:
    6px !important;
}


#disputes-section
.dispute-board-card__actions
.icon-btn {
  width:
    30px !important;

  height:
    30px !important;

  min-width:
    30px !important;

  min-height:
    30px !important;

  border-radius:
    8px !important;

  font-size:
    10px !important;
}


/* freeze */

#disputes-section
.freeze-status-badge {
  min-height:
    24px !important;

  padding:
    0 8px !important;

  border-radius:
    7px !important;

  font-size:
    8px !important;
}


/* боковая цветная полоска */

#disputes-section
.dispute-board-card::before {
  top:
    15px !important;

  bottom:
    15px !important;

  width:
    3px !important;
}

/* =========================================================
   DASHBOARD — TRUST CARD INFORMATIVE
   ========================================================= */

#dashboard-section
.dashboard-account-balance--trust {
  position: relative;

  display: flex;

  flex-direction: column;

  min-height:
    128px !important;
}


/* =========================================================
   MAIN VALUE + RESERVED BADGE
   ========================================================= */

#dashboard-section
.dashboard-trust-main {
  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 10px;

  margin-top: 2px;
}


#dashboard-section
.dashboard-trust-value {
  min-width: 0;

  display: flex;

  align-items: baseline;

  gap: 6px;
}


#dashboard-section
.dashboard-trust-value > b {
  color:
    #e9edf1;

  font-size:
    20px;

  font-weight:
    950;

  line-height:
    1;

  letter-spacing:
    -.035em;
}


#dashboard-section
.dashboard-trust-value > small {
  color:
    #617080;

  font-size:
    8px;

  font-weight:
    800;
}



/* =========================================================
   RESERVED BADGE
   ========================================================= */

#dashboard-section
.dashboard-trust-reserved-badge {
  min-height:
    29px;

  display: inline-flex;

  align-items: center;

  gap: 5px;

  padding:
    0 9px;

  border:
    1px solid
    rgba(96,165,250,.075);

  border-radius:
    999px;

  background:
    rgba(59,130,246,.035);

  color:
    #869bb8;

  font-size:
    8px;

  font-weight:
    900;

  white-space:
    nowrap;
}


#dashboard-section
.dashboard-trust-reserved-badge > span {
  color:
    #718dad;

  font-size:
    10px;
}


#dashboard-section
.dashboard-trust-reserved-badge > small {
  color:
    #596b80;

  font-size:
    6px;
}



/* =========================================================
   RESERVED INFO
   ========================================================= */

#dashboard-section
.dashboard-trust-info {
  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 8px;

  margin-top:
    11px;

  padding-top:
    9px;

  border-top:
    1px solid
    rgba(255,255,255,.04);
}


#dashboard-section
.dashboard-trust-info__left {
  min-width: 0;

  display: flex;

  align-items: center;

  gap: 5px;
}


#dashboard-section
.dashboard-trust-info__left > span {
  color:
    #596774;

  font-size:
    7px;

  font-weight:
    750;
}


#dashboard-section
.dashboard-trust-info__left > b {
  color:
    #8998aa;

  font-size:
    8px;

  font-weight:
    900;
}



/* =========================================================
   INFO ICON
   ========================================================= */

#dashboard-section
.dashboard-trust-info-icon {
  width:
    17px;

  height:
    17px;

  flex:
    0 0 17px;

  display:
    grid;

  place-items:
    center;

  border:
    1px solid
    rgba(96,165,250,.11);

  border-radius:
    50%;

  background:
    rgba(59,130,246,.035);

  color:
    #728ba9;

  font-size:
    8px;

  font-weight:
    950;

  cursor:
    help;
}



/* =========================================================
   COUNTED RESERVE
   ========================================================= */

#dashboard-section
.dashboard-trust-counted {
  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 8px;

  margin-top:
    6px;
}


#dashboard-section
.dashboard-trust-counted > span {
  color:
    #587563;

  font-size:
    7px;

  font-weight:
    750;
}


#dashboard-section
.dashboard-trust-counted > b {
  color:
    #6cb483;

  font-size:
    8px;

  font-weight:
    950;
}


/* резерв <= 100 */

#dashboard-section
.dashboard-trust-counted.is-neutral > span {
  color:
    #4f5b66;
}


#dashboard-section
.dashboard-trust-counted.is-neutral > b {
  color:
    #64717d;
}

.cancel-comment-wrap {
  margin-top: 16px;
}

.cancel-comment-label {
  display: block;

  margin-bottom: 7px;

  color: #7d8792;

  font-size: 10px;

  font-weight: 850;
}

.cancel-comment-label span {
  color: #ef6666;
}

.cancel-comment-input {
  width: 100%;

  min-height: 80px;

  resize: vertical;

  padding: 11px 12px;

  border:
    1px solid
    rgba(255,255,255,.07);

  border-radius: 10px;

  outline: none;

  background: #111313;

  color: #dce1e5;

  font-family: inherit;

  font-size: 10px;

  line-height: 1.5;
}

.cancel-comment-input:focus {
  border-color:
    rgba(59,130,246,.28);

  box-shadow:
    0 0 0 3px
    rgba(59,130,246,.05);
}

.cancel-comment-input::placeholder {
  color: #48535e;
}

.cancel-comment-hint {
  margin-top: 6px;

  color: #505b66;

  font-size: 8px;
}

/* =========================================================
   CRYPTO SHOP
   ========================================================= */

.crypto-shop[hidden],
.crypto-chat[hidden],
.crypto-action-modal[hidden] {
  display: none !important;
}

.crypto-shop {
  width: 100%;
}

.crypto-shop-shell {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.crypto-shop-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px;
  border: 1px solid #292929;
  border-radius: 18px;
  background:
    radial-gradient(circle at 8% 0%, rgba(37,99,235,.12), transparent 36%),
    linear-gradient(180deg, #191919 0%, #161616 100%);
  box-shadow: 0 18px 48px rgba(0,0,0,.18);
}

.crypto-shop-hero__main {
  min-width: 0;
}

.crypto-shop-kicker {
  margin-bottom: 4px;
  color: #6f8fca;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .14em;
}

.crypto-shop-hero h2 {
  margin: 0;
  color: #f3f4f6;
  font-size: 22px;
  font-weight: 900;
}

.crypto-shop-hero p {
  max-width: 720px;
  margin: 6px 0 0;
  color: #7e8792;
  font-size: 12px;
  line-height: 1.5;
}

.crypto-shop-refresh {
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 14px;
  border: 1px solid rgba(59,130,246,.18);
  border-radius: 11px;
  background: rgba(59,130,246,.08);
  color: #90b7eb;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  transition: .15s ease;
}

.crypto-shop-refresh:hover {
  border-color: rgba(59,130,246,.3);
  background: rgba(59,130,246,.13);
  transform: translateY(-1px);
}

.crypto-shop-kpis {
  display: grid;
  grid-template-columns: repeat(7, minmax(120px, 1fr));
  gap: 9px;
}

.crypto-shop-kpi {
  min-width: 0;
  padding: 13px 14px;
  border: 1px solid #292929;
  border-radius: 14px;
  background: #181818;
}

.crypto-shop-kpi span,
.crypto-shop-kpi small {
  display: block;
}

.crypto-shop-kpi span {
  color: #79828c;
  font-size: 9px;
  font-weight: 800;
}

.crypto-shop-kpi strong {
  display: block;
  margin-top: 6px;
  color: #eceff2;
  font-size: 22px;
  line-height: 1;
  font-weight: 900;
}

.crypto-shop-kpi small {
  margin-top: 6px;
  color: #4f5861;
  font-size: 8px;
}

.crypto-shop-kpi.is-new {
  border-color: rgba(59,130,246,.15);
}

.crypto-shop-kpi.is-warning {
  border-color: rgba(245,158,11,.15);
}

.crypto-shop-kpi.is-warning strong {
  color: #d7a24e;
}

.crypto-shop-kpi.is-success {
  border-color: rgba(34,197,94,.15);
}

.crypto-shop-kpi.is-success strong {
  color: #66b27a;
}

.crypto-shop-orders-card {
  overflow: hidden;
  border: 1px solid #292929;
  border-radius: 18px;
  background: #151515;
}

.crypto-shop-orders-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 15px 17px;
  border-bottom: 1px solid #242424;
  background: #181818;
}

.crypto-shop-orders-head > div:first-child > span {
  display: block;
  color: #53606e;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .12em;
}

.crypto-shop-orders-head h3 {
  margin: 3px 0 0;
  color: #dfe3e7;
  font-size: 14px;
  font-weight: 900;
}

.crypto-shop-tabs {
  display: flex;
  align-items: center;
  gap: 5px;
  overflow-x: auto;
  padding-bottom: 1px;
}

.crypto-shop-tab {
  height: 30px;
  flex: 0 0 auto;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #69737d;
  font-size: 9px;
  font-weight: 850;
  cursor: pointer;
  transition: .15s ease;
}

.crypto-shop-tab:hover {
  background: rgba(255,255,255,.03);
  color: #aeb5bc;
}

.crypto-shop-tab.active {
  border-color: rgba(59,130,246,.17);
  background: rgba(59,130,246,.08);
  color: #91b5e4;
}

.crypto-shop-orders {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
  padding: 12px;
}

.crypto-shop-empty {
  grid-column: 1 / -1;
  min-height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 7px;
  border: 1px dashed #2a2a2a;
  border-radius: 14px;
  color: #59636e;
  font-size: 10px;
  text-align: center;
}

.crypto-shop-empty strong {
  color: #8d969f;
  font-size: 12px;
}

.crypto-shop-empty.is-error strong {
  color: #c16a6a;
}

.crypto-shop-loader {
  width: 18px;
  height: 18px;
  display: inline-block;
  border: 2px solid rgba(255,255,255,.08);
  border-top-color: #667a95;
  border-radius: 50%;
  animation: crypto-spin .8s linear infinite;
}

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

.crypto-order-card {
  min-width: 0;
  padding: 14px;
  border: 1px solid #292929;
  border-radius: 15px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.012), transparent 24%),
    #181818;
  box-shadow: 0 10px 28px rgba(0,0,0,.12);
}

.crypto-order-card.is-foreign {
  opacity: .78;
}

.crypto-order-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.crypto-order-id-block > span {
  display: block;
  color: #4f5a64;
  font-size: 7px;
  font-weight: 950;
  letter-spacing: .12em;
}

.crypto-order-id-block h3 {
  margin: 2px 0 0;
  color: #e9ecef;
  font-size: 17px;
  font-weight: 950;
}

.crypto-order-id-block small {
  display: block;
  margin-top: 2px;
  color: #49535c;
  font-size: 7px;
}

.crypto-order-status {
  padding: 5px 8px;
  border: 1px solid rgba(148,163,184,.10);
  border-radius: 999px;
  background: rgba(148,163,184,.05);
  color: #87929e;
  font-size: 7px;
  font-weight: 900;
  white-space: nowrap;
}

.crypto-order-status.is-awaiting_requisite,
.crypto-order-status.is-created {
  border-color: rgba(59,130,246,.16);
  background: rgba(59,130,246,.07);
  color: #85ace0;
}

.crypto-order-status.is-payment_review,
.crypto-order-status.is-video_requested {
  border-color: rgba(245,158,11,.16);
  background: rgba(245,158,11,.06);
  color: #c89b50;
}

.crypto-order-status.is-payment_confirmed,
.crypto-order-status.is-sending,
.crypto-order-status.is-completed {
  border-color: rgba(34,197,94,.16);
  background: rgba(34,197,94,.06);
  color: #6db17e;
}

.crypto-order-status.is-canceled,
.crypto-order-status.is-rejected {
  border-color: rgba(239,68,68,.16);
  background: rgba(239,68,68,.06);
  color: #c46b6b;
}

.crypto-order-owner-warning,
.crypto-order-warning,
.crypto-order-rejected {
  margin-top: 10px;
  padding: 9px 10px;
  border: 1px solid rgba(245,158,11,.11);
  border-radius: 9px;
  background: rgba(245,158,11,.04);
  color: #8f744b;
  font-size: 8px;
}

.crypto-order-warning,
.crypto-order-rejected {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.crypto-order-rejected {
  border-color: rgba(239,68,68,.12);
  background: rgba(239,68,68,.035);
  color: #a96a6a;
}

.crypto-order-main {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  margin-top: 12px;
}

.crypto-order-main > div,
.crypto-order-info > div,
.crypto-order-proof > div,
.crypto-order-send-box > div,
.crypto-order-completed > div {
  min-width: 0;
}

.crypto-order-main > div {
  padding: 9px 10px;
  border: 1px solid #242424;
  border-radius: 9px;
  background: #151515;
}

.crypto-order-main span,
.crypto-order-info span,
.crypto-order-proof span,
.crypto-order-wallet-box span,
.crypto-order-requisites span,
.crypto-order-send-box span,
.crypto-order-completed span,
.crypto-order-rejected span {
  display: block;
  color: #4e5963;
  font-size: 7px;
  font-weight: 850;
}

.crypto-order-main strong {
  display: block;
  margin-top: 4px;
  overflow: hidden;
  color: #c9cfd4;
  font-size: 10px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.crypto-order-main strong small {
  margin-left: 4px;
  color: #69737c;
  font-size: 7px;
  font-weight: 800;
}

.crypto-order-muted {
  color: #5c6670;
  font-weight: 700;
}

.crypto-order-info {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 7px;
  margin-top: 7px;
}

.crypto-order-info > div {
  padding: 7px 8px;
  border-radius: 8px;
  background: rgba(255,255,255,.015);
}

.crypto-order-info b {
  display: block;
  margin-top: 3px;
  overflow: hidden;
  color: #8e98a1;
  font-size: 8px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.crypto-order-wallet-box,
.crypto-order-requisites,
.crypto-order-send-box,
.crypto-order-completed {
  margin-top: 8px;
  padding: 10px;
  border: 1px solid #252525;
  border-radius: 10px;
  background: #151515;
}

.crypto-order-wallet-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.crypto-order-wallet-box > div {
  min-width: 0;
}

.crypto-order-wallet-box code,
.crypto-order-requisites code,
.crypto-order-send-box code,
.crypto-order-completed code {
  display: block;
  margin-top: 4px;
  overflow: hidden;
  color: #9aa5af;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.crypto-order-block-title {
  margin-bottom: 8px;
  color: #66717c;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .04em;
}

.crypto-order-requisites__grid {
  display: grid;
  grid-template-columns: .8fr 1.25fr 1fr;
  gap: 8px;
}

.crypto-order-requisites__grid b {
  display: block;
  margin-top: 4px;
  color: #9ca6ae;
  font-size: 8px;
}

.crypto-mini-btn,
.crypto-proof-open {
  min-height: 27px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 7px;
  padding: 0 9px;
  border: 1px solid #2b2b2b;
  border-radius: 7px;
  background: #1d1d1d;
  color: #788591;
  font-size: 7px;
  font-weight: 850;
  cursor: pointer;
  transition: .15s ease;
}

.crypto-mini-btn:hover,
.crypto-proof-open:hover {
  border-color: #373737;
  color: #aeb7bf;
}

.crypto-order-proof {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 7px;
  margin-top: 8px;
}

.crypto-proof-item {
  padding: 9px 10px;
  border: 1px solid #252525;
  border-radius: 9px;
  background: #151515;
}

.crypto-proof-item b {
  display: block;
  margin-top: 4px;
  color: #68737d;
  font-size: 8px;
}

.crypto-proof-item.is-ok {
  border-color: rgba(34,197,94,.10);
}

.crypto-proof-item.is-ok b {
  color: #69a979;
}

.crypto-proof-item.is-wait {
  border-color: rgba(245,158,11,.10);
}

.crypto-proof-item.is-wait b {
  color: #a8844d;
}

.crypto-order-send-box {
  display: grid;
  grid-template-columns: 1fr .65fr 1.8fr auto;
  gap: 9px;
  align-items: end;
  border-color: rgba(34,197,94,.09);
  background: rgba(34,197,94,.025);
}

.crypto-order-send-box strong,
.crypto-order-completed strong {
  display: block;
  margin-top: 4px;
  color: #a8b9ad;
  font-size: 9px;
}

.crypto-order-completed {
  display: grid;
  grid-template-columns: .8fr 2fr;
  gap: 10px;
  border-color: rgba(34,197,94,.10);
  background: rgba(34,197,94,.025);
}

.crypto-order-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.crypto-action-btn {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 10px;
  border: 1px solid #2c2c2c;
  border-radius: 8px;
  background: #1d1d1d;
  color: #87929c;
  font-size: 8px;
  font-weight: 900;
  cursor: pointer;
  transition: .15s ease;
}

.crypto-action-btn:hover {
  border-color: #3a3a3a;
  background: #222;
  color: #bbc2c8;
}

.crypto-action-btn:disabled {
  opacity: .45;
  cursor: default;
}

.crypto-action-btn.is-primary {
  border-color: rgba(59,130,246,.15);
  background: rgba(59,130,246,.07);
  color: #82a9db;
}

.crypto-action-btn.is-success {
  border-color: rgba(34,197,94,.15);
  background: rgba(34,197,94,.06);
  color: #71b380;
}

.crypto-action-btn.is-warning {
  border-color: rgba(245,158,11,.15);
  background: rgba(245,158,11,.055);
  color: #ba914f;
}

.crypto-action-btn.is-danger {
  border-color: rgba(239,68,68,.12);
  background: rgba(239,68,68,.04);
  color: #b66b6b;
}

.crypto-shop-nav-badge,
.crypto-chat-action__badge {
  min-width: 17px;
  height: 17px;
  display: inline-grid;
  place-items: center;
  padding: 0 4px;
  border-radius: 999px;
  background: #c78a31;
  color: #17120a;
  font-size: 7px;
  font-weight: 950;
}

.crypto-shop-nav-badge {
  margin-left: auto;
}

/* =========================================================
   CRYPTO SHOP ACTION MODALS
   ========================================================= */

.crypto-action-modal {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: grid;
  place-items: center;
  padding: 18px;
}

.crypto-action-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.62);
  backdrop-filter: blur(4px);
}

.crypto-action-modal__card {
  position: relative;
  width: min(470px, 100%);
  overflow: hidden;
  border: 1px solid #2b2b2b;
  border-radius: 16px;
  background: #171717;
  box-shadow: 0 28px 80px rgba(0,0,0,.48);
  animation: crypto-modal-in .16s ease-out;
}

@keyframes crypto-modal-in {
  from { transform: translateY(8px) scale(.985); opacity: .6; }
  to { transform: translateY(0) scale(1); opacity: 1; }
}

.crypto-action-modal__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 17px;
  border-bottom: 1px solid #242424;
  background: #1a1a1a;
}

.crypto-action-modal__kicker {
  color: #607fa9;
  font-size: 7px;
  font-weight: 950;
  letter-spacing: .13em;
}

.crypto-action-modal__head h3 {
  margin: 4px 0 0;
  color: #e3e7ea;
  font-size: 16px;
  font-weight: 900;
}

.crypto-action-modal__head p {
  margin: 4px 0 0;
  color: #59646e;
  font-size: 9px;
}

.crypto-action-modal__close {
  width: 33px;
  height: 33px;
  display: grid;
  place-items: center;
  border: 1px solid #292929;
  border-radius: 9px;
  background: #1e1e1e;
  color: #727c85;
  cursor: pointer;
}

.crypto-action-modal__body {
  display: flex;
  flex-direction: column;
  gap: 11px;
  padding: 16px 17px;
}

.crypto-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.crypto-field > span {
  color: #707b85;
  font-size: 9px;
  font-weight: 850;
}

.crypto-field input,
.crypto-field textarea {
  width: 100%;
  border: 1px solid #2b2b2b;
  border-radius: 10px;
  outline: none;
  background: #121212;
  color: #d8dde1;
  padding: 10px 11px;
  font-family: inherit;
  font-size: 11px;
  line-height: 1.45;
  transition: .15s ease;
}

.crypto-field textarea {
  resize: vertical;
  min-height: 78px;
}

.crypto-field input:focus,
.crypto-field textarea:focus {
  border-color: rgba(59,130,246,.28);
  box-shadow: 0 0 0 3px rgba(59,130,246,.045);
}

.crypto-modal-note {
  padding: 9px 10px;
  border: 1px solid rgba(59,130,246,.09);
  border-radius: 9px;
  background: rgba(59,130,246,.035);
  color: #667d99;
  font-size: 8px;
  line-height: 1.5;
}

.crypto-action-modal__footer {
  display: flex;
  justify-content: flex-end;
  gap: 7px;
  padding: 11px 17px 16px;
}

.crypto-modal-btn {
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid #303030;
  border-radius: 9px;
  background: #202020;
  color: #9da6ae;
  font-size: 9px;
  font-weight: 900;
  cursor: pointer;
}

.crypto-modal-btn.is-primary {
  border-color: rgba(59,130,246,.18);
  background: rgba(59,130,246,.10);
  color: #91b8e8;
}

.crypto-modal-btn.is-success {
  border-color: rgba(34,197,94,.18);
  background: rgba(34,197,94,.08);
  color: #7cbd8a;
}

.crypto-modal-btn.is-danger {
  border-color: rgba(239,68,68,.16);
  background: rgba(239,68,68,.06);
  color: #c07474;
}

.crypto-modal-btn:disabled {
  opacity: .45;
  cursor: default;
}

body.crypto-modal-open,
body.crypto-chat-open {
  overflow: hidden;
}

/* =========================================================
   CRYPTO SHOP CHAT
   ========================================================= */

.crypto-chat {
  position: fixed;
  inset: 0;
  z-index: 11500;
  display: flex;
  justify-content: flex-end;
}

.crypto-chat__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.58);
  backdrop-filter: blur(3px);
}

.crypto-chat__panel {
  position: relative;
  width: min(520px, 100vw);
  height: 100vh;
  display: flex;
  flex-direction: column;
  border-left: 1px solid #292929;
  background: #111313;
  box-shadow: -22px 0 65px rgba(0,0,0,.38);
  animation: crypto-chat-in .18s ease-out;
}

@keyframes crypto-chat-in {
  from { transform: translateX(28px); opacity: .55; }
  to { transform: translateX(0); opacity: 1; }
}

.crypto-chat__header {
  min-height: 88px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 17px 19px;
  border-bottom: 1px solid #242626;
  background: linear-gradient(180deg, #181a1a, #141616);
}

.crypto-chat__title-wrap {
  min-width: 0;
}

.crypto-chat__eyebrow {
  color: #5c7faa;
  font-size: 7px;
  font-weight: 950;
  letter-spacing: .13em;
}

.crypto-chat__title-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 3px;
}

.crypto-chat__title-row h3 {
  margin: 0;
  color: #ebedef;
  font-size: 17px;
  font-weight: 950;
}

.crypto-chat__status {
  padding: 4px 7px;
  border: 1px solid rgba(34,197,94,.12);
  border-radius: 999px;
  background: rgba(34,197,94,.05);
  color: #6fab7d;
  font-size: 7px;
  font-weight: 900;
}

.crypto-chat__status.is-readonly {
  border-color: rgba(148,163,184,.10);
  background: rgba(148,163,184,.04);
  color: #687580;
}

.crypto-chat__subtitle {
  margin-top: 4px;
  overflow: hidden;
  color: #596570;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.crypto-chat__close {
  width: 35px;
  height: 35px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 1px solid #292b2b;
  border-radius: 9px;
  background: #1b1d1d;
  color: #707c86;
  cursor: pointer;
}

.crypto-chat__order {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 7px;
  padding: 10px 13px;
  border-bottom: 1px solid #222424;
  background: #131515;
}

.crypto-chat__order > div {
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid #232525;
  border-radius: 8px;
  background: rgba(255,255,255,.012);
}

.crypto-chat__order span {
  display: block;
  color: #4f5b65;
  font-size: 7px;
  font-weight: 850;
}

.crypto-chat__order strong {
  display: block;
  margin-top: 3px;
  overflow: hidden;
  color: #aeb6bd;
  font-size: 9px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.crypto-chat__messages {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 17px 15px;
  scroll-behavior: smooth;
}

.crypto-chat__messages::-webkit-scrollbar {
  width: 5px;
}

.crypto-chat__messages::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(255,255,255,.07);
}

.crypto-chat-message {
  width: fit-content;
  max-width: 82%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.crypto-chat-message.is-client {
  align-self: flex-start;
}

.crypto-chat-message.is-operator {
  align-self: flex-end;
}

.crypto-chat-message.is-system {
  align-self: center;
  max-width: 94%;
}

.crypto-chat-message__meta {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 4px;
}

.crypto-chat-message.is-operator .crypto-chat-message__meta {
  justify-content: flex-end;
}

.crypto-chat-message__name {
  color: #53606b;
  font-size: 7px;
  font-weight: 900;
}

.crypto-chat-message__time {
  color: #39434c;
  font-size: 7px;
}

.crypto-chat-message__bubble {
  padding: 10px 12px;
  border: 1px solid #252828;
  border-radius: 4px 12px 12px 12px;
  background: #181a1a;
  color: #c1c7cc;
  font-size: 10px;
  line-height: 1.55;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.crypto-chat-message.is-operator .crypto-chat-message__bubble {
  border-color: rgba(59,130,246,.11);
  border-radius: 12px 4px 12px 12px;
  background: rgba(59,130,246,.065);
  color: #cbd7e7;
}

.crypto-chat-message.is-system .crypto-chat-message__bubble {
  padding: 6px 10px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.025);
  color: #53606a;
  font-size: 8px;
  text-align: center;
}

.crypto-chat__empty {
  margin: auto;
  color: #48545e;
  font-size: 9px;
  text-align: center;
}

.crypto-chat__new {
  position: absolute;
  right: 20px;
  bottom: 105px;
  min-height: 29px;
  padding: 0 10px;
  border: 1px solid rgba(59,130,246,.15);
  border-radius: 999px;
  background: #182333;
  color: #82a9db;
  font-size: 8px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 5px 20px rgba(0,0,0,.28);
}

.crypto-chat__composer {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  padding: 11px 13px 8px;
  border-top: 1px solid #232525;
  background: #131515;
}

.crypto-chat__input {
  width: 100%;
  min-height: 40px;
  max-height: 130px;
  resize: none;
  overflow-y: auto;
  padding: 10px 11px;
  border: 1px solid #292b2b;
  border-radius: 10px;
  outline: none;
  background: #0e1010;
  color: #d5d9dd;
  font-family: inherit;
  font-size: 10px;
  line-height: 1.5;
}

.crypto-chat__input:focus {
  border-color: rgba(59,130,246,.22);
  box-shadow: 0 0 0 3px rgba(59,130,246,.04);
}

.crypto-chat__input:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.crypto-chat__send {
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 1px solid rgba(59,130,246,.16);
  border-radius: 10px;
  background: rgba(59,130,246,.09);
  color: #82a9df;
  cursor: pointer;
}

.crypto-chat__send:disabled {
  opacity: .3;
  cursor: default;
}

.crypto-chat__send svg {
  width: 17px;
  height: 17px;
}

.crypto-chat__hint {
  padding: 0 14px 10px;
  background: #131515;
  color: #3f4a54;
  font-size: 7px;
  text-align: right;
}

@media (max-width: 1500px) {
  .crypto-shop-kpis {
    grid-template-columns: repeat(4, minmax(130px, 1fr));
  }
}

@media (max-width: 1100px) {
  .crypto-shop-orders {
    grid-template-columns: 1fr;
  }

  .crypto-shop-orders-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .crypto-shop-tabs {
    width: 100%;
  }
}

@media (max-width: 720px) {
  .crypto-shop-hero {
    align-items: flex-start;
    flex-direction: column;
  }

  .crypto-shop-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .crypto-order-main,
  .crypto-order-info,
  .crypto-order-requisites__grid,
  .crypto-order-send-box,
  .crypto-order-completed {
    grid-template-columns: 1fr;
  }

  .crypto-order-wallet-box {
    align-items: flex-start;
    flex-direction: column;
  }

  .crypto-chat__panel {
    width: 100%;
  }

  .crypto-chat__order {
    grid-template-columns: 1fr 1fr;
  }
}



/* =========================================================
   DASHBOARD · TRADEMO DISPUTES
   ========================================================= */

#dashboard-section .dashboard-inner-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.dashboard-inner-tab-badge {
  min-width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  border-radius: 999px;
  background: rgba(239, 68, 68, .16);
  border: 1px solid rgba(248, 113, 113, .20);
  color: #fca5a5;
  font-size: 9px;
  font-weight: 950;
  line-height: 1;
}

.dashboard-inner-tab-badge[hidden] {
  display: none !important;
}

.dashboard-disputes {
  width: 100%;
  min-width: 0;
}

.dashboard-disputes[hidden] {
  display: none !important;
}

.dashboard-disputes-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 14px;
  background: #151718;
}

.dashboard-disputes-toolbar > div {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #68727d;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.dashboard-disputes-toolbar b {
  color: #d8dde3;
  font-size: 12px;
  font-weight: 950;
}

.dashboard-disputes-toolbar__active b {
  color: #fca5a5;
}

.dashboard-disputes-warning {
  margin-bottom: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(245,158,11,.12);
  border-radius: 12px;
  background: rgba(245,158,11,.045);
  color: #b89555;
  font-size: 10px;
  font-weight: 750;
}

.dashboard-disputes-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.dashboard-dispute-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), transparent 34%),
    #141617;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}

.dashboard-dispute-card.is-active {
  border-color: rgba(245,158,11,.16);
  box-shadow:
    inset 3px 0 0 rgba(245,158,11,.58),
    inset 0 1px 0 rgba(255,255,255,.025);
}

.dashboard-dispute-card__head {
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255,255,255,.045);
}

.dashboard-dispute-card__eyebrow {
  margin-bottom: 3px;
  color: #596572;
  font-size: 8px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.dashboard-dispute-card__title {
  color: #e3e7eb;
  font-size: 14px;
  font-weight: 950;
  letter-spacing: -.02em;
}

.dashboard-dispute-state {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 25px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 8px;
  font-weight: 900;
  white-space: nowrap;
}

.dashboard-dispute-state.is-created,
.dashboard-dispute-state.is-warning {
  border-color: rgba(245,158,11,.14);
  background: rgba(245,158,11,.075);
  color: #d4a85c;
}

.dashboard-dispute-state.is-success {
  border-color: rgba(34,197,94,.12);
  background: rgba(34,197,94,.06);
  color: #69b982;
}

.dashboard-dispute-state.is-danger {
  border-color: rgba(239,68,68,.12);
  background: rgba(239,68,68,.06);
  color: #c77777;
}

.dashboard-dispute-state.is-default {
  border-color: rgba(255,255,255,.06);
  background: rgba(255,255,255,.025);
  color: #7c8793;
}

.dashboard-dispute-card__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: rgba(255,255,255,.035);
}

.dashboard-dispute-cell {
  min-width: 0;
  min-height: 78px;
  padding: 11px 12px;
  background: #141617;
}

.dashboard-dispute-cell--wide {
  grid-column: span 1;
}

.dashboard-dispute-cell span {
  display: block;
  margin-bottom: 6px;
  color: #596470;
  font-size: 8px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .045em;
}

.dashboard-dispute-cell b {
  display: block;
  overflow: hidden;
  color: #d6dbe0;
  font-size: 11px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-dispute-cell small {
  display: block;
  min-height: 11px;
  margin-top: 5px;
  overflow: hidden;
  color: #5e6975;
  font-size: 8px;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-dispute-requisites {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: -.02em;
}

.dashboard-dispute-card__footer {
  min-height: 49px;
  display: flex;
  align-items: center;
  padding: 9px 12px;
  border-top: 1px solid rgba(255,255,255,.04);
}

.dashboard-dispute-proof-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.dashboard-dispute-proof {
  min-height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 7px;
  background: rgba(255,255,255,.025);
  color: #84909c;
  font-size: 8px;
  font-weight: 850;
  text-decoration: none;
  transition: .15s ease;
}

.dashboard-dispute-proof:hover {
  border-color: rgba(96,165,250,.18);
  background: rgba(59,130,246,.07);
  color: #9db8e0;
}

.dashboard-dispute-proof.is-client {
  border-color: rgba(245,158,11,.10);
  color: #a98a55;
}

.dashboard-dispute-proof.is-trader {
  border-color: rgba(34,197,94,.09);
  color: #70a581;
}

.dashboard-dispute-muted {
  color: #515c67;
  font-size: 9px;
  font-weight: 750;
}

@media (max-width: 1150px) {
  .dashboard-disputes-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .dashboard-disputes-toolbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .dashboard-dispute-card__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-dispute-card__head {
    align-items: flex-start;
  }
}

/* =========================================================
   DASHBOARD DISPUTES — GROUPED BY TRADEMO TOKEN
   ========================================================= */

#dashboard-section .dashboard-dispute-token-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

#dashboard-section .dashboard-dispute-token-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 16px;
  background: linear-gradient(155deg, #151717, #0f1111);
  box-shadow: 0 14px 34px rgba(0,0,0,.16);
}

#dashboard-section .dashboard-dispute-token-card.has-active {
  border-color: rgba(245,158,11,.15);
}

#dashboard-section .dashboard-dispute-token-card--error {
  border-color: rgba(239,68,68,.13);
}

#dashboard-section .dashboard-dispute-token-card__head {
  min-height: 69px;
}

#dashboard-section .dashboard-dispute-token-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: rgba(255,255,255,.035);
  border-bottom: 1px solid rgba(255,255,255,.045);
}

#dashboard-section .dashboard-dispute-token-summary > div {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 49px;
  padding: 10px 13px;
  background: #121414;
}

#dashboard-section .dashboard-dispute-token-summary span {
  color: #596470;
  font-size: 8px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .045em;
}

#dashboard-section .dashboard-dispute-token-summary b {
  color: #d9dee3;
  font-size: 14px;
  font-weight: 950;
}

#dashboard-section .dashboard-dispute-token-summary .has-active b {
  color: #d4a85c;
}

#dashboard-section .dashboard-dispute-token-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 10px;
}

#dashboard-section .dashboard-dispute-token-list .dashboard-dispute-card {
  border-radius: 12px;
  box-shadow: none;
}

#dashboard-section .dashboard-dispute-token-list .dashboard-dispute-card__head {
  min-height: 56px;
  padding: 10px 11px;
}

#dashboard-section .dashboard-dispute-token-list .dashboard-dispute-card__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#dashboard-section .dashboard-dispute-token-list .dashboard-dispute-cell {
  min-height: 68px;
  padding: 9px 10px;
}

#dashboard-section .dashboard-dispute-token-empty {
  min-height: 116px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 18px;
  border: 1px dashed rgba(255,255,255,.055);
  border-radius: 12px;
  background: rgba(255,255,255,.012);
}

#dashboard-section .dashboard-dispute-token-empty > span {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(34,197,94,.10);
  border-radius: 9px;
  background: rgba(34,197,94,.04);
  color: #69a77c;
  font-size: 11px;
  font-weight: 950;
}

#dashboard-section .dashboard-dispute-token-empty b {
  display: block;
  color: #8b949e;
  font-size: 10px;
  font-weight: 900;
}

#dashboard-section .dashboard-dispute-token-empty small {
  display: block;
  margin-top: 3px;
  color: #505b66;
  font-size: 8px;
  font-weight: 750;
}

#dashboard-section .dashboard-dispute-token-error {
  min-height: 116px;
  display: flex;
  align-items: center;
  padding: 16px;
  color: #b77474;
  font-size: 9px;
  font-weight: 750;
}

@media (max-width: 1150px) {
  #dashboard-section .dashboard-dispute-token-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  #dashboard-section .dashboard-dispute-token-list .dashboard-dispute-card__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #dashboard-section .dashboard-dispute-token-summary {
    grid-template-columns: 1fr 1fr;
  }
}


/* =========================================================
   DASHBOARD · TRADEMO DISPUTES · COMPACT ROW STYLE V3
   ========================================================= */

#dashboard-section .dashboard-disputes-toolbar--compact {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) 190px 190px auto;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 14px;
  background: rgba(255,255,255,.018);
}

#dashboard-section .dashboard-disputes-search-wrap {
  height: 40px;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 0 12px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 11px;
  background: rgba(255,255,255,.025);
}

#dashboard-section .dashboard-disputes-search-icon {
  color: #6f7d8d;
  font-size: 18px;
  line-height: 1;
}

#dashboard-section .dashboard-disputes-search {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #dfe5ec;
  font-size: 11px;
  font-weight: 700;
}

#dashboard-section .dashboard-disputes-search::placeholder {
  color: #647181;
}

#dashboard-section .dashboard-disputes-select {
  width: 100%;
  height: 40px;
  padding: 0 34px 0 12px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 11px;
  outline: 0;
  background: #171a1f;
  color: #b9c3ce;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

#dashboard-section .dashboard-disputes-toolbar__counts {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  white-space: nowrap;
}

#dashboard-section .dashboard-disputes-toolbar__counts > span {
  height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 0 9px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 9px;
  background: rgba(255,255,255,.025);
  color: #667483;
  font-size: 8px;
  font-weight: 800;
}

#dashboard-section .dashboard-disputes-toolbar__counts b {
  color: #cbd4de;
  font-size: 10px;
}

#dashboard-section .dashboard-disputes-toolbar__counts .has-active {
  border-color: rgba(239,68,68,.12);
  background: rgba(239,68,68,.045);
  color: #a56c71;
}

#dashboard-section .dashboard-disputes-toolbar__counts .has-active b {
  color: #ff7b85;
}

#dashboard-section .dashboard-dispute-token-card {
  overflow: hidden;
}

#dashboard-section .dashboard-dispute-token-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px;
}

#dashboard-section .dashboard-dispute-token-list .dashboard-dispute-card {
  width: 100%;
  min-height: 66px;
  display: grid;
  grid-template-columns: 34px minmax(145px, 190px) minmax(0, 1fr) 112px;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 9px 10px;
  border: 1px solid rgba(255,255,255,.035);
  border-radius: 13px;
  background: rgba(255,255,255,.022);
  box-shadow: none;
  transition: border-color .15s ease, background .15s ease, transform .15s ease;
}

#dashboard-section .dashboard-dispute-token-list .dashboard-dispute-card:hover {
  border-color: rgba(255,255,255,.075);
  background: rgba(255,255,255,.036);
  transform: translateY(-1px);
}

#dashboard-section .dashboard-dispute-token-list .dashboard-dispute-card.is-active {
  border-color: rgba(239,68,68,.10);
  background: rgba(239,68,68,.022);
}

#dashboard-section .dashboard-dispute-card__icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid transparent;
  font-size: 15px;
  font-weight: 950;
  line-height: 1;
}

#dashboard-section .dashboard-dispute-card__icon.is-success {
  border-color: rgba(34,197,94,.16);
  background: rgba(34,197,94,.10);
  color: #5fce82;
}

#dashboard-section .dashboard-dispute-card__icon.is-danger {
  border-color: rgba(239,68,68,.17);
  background: rgba(239,68,68,.10);
  color: #ff6f78;
}

#dashboard-section .dashboard-dispute-card__icon.is-warning {
  border-color: rgba(245,158,11,.18);
  background: rgba(245,158,11,.10);
  color: #e9b75d;
}

#dashboard-section .dashboard-dispute-card__icon.is-primary,
#dashboard-section .dashboard-dispute-card__icon.is-default {
  border-color: rgba(59,130,246,.16);
  background: rgba(59,130,246,.10);
  color: #75a8ff;
}

#dashboard-section .dashboard-dispute-card__main {
  min-width: 0;
}

#dashboard-section .dashboard-dispute-card__title {
  overflow: hidden;
  color: #dce3ea;
  font-size: 10px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#dashboard-section .dashboard-dispute-card__date {
  margin-top: 2px;
  overflow: hidden;
  color: #657280;
  font-size: 8px;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#dashboard-section .dashboard-dispute-card__ids {
  margin-top: 2px;
  overflow: hidden;
  color: #4f5b67;
  font-size: 7px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#dashboard-section .dashboard-dispute-card__chips {
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}

#dashboard-section .dashboard-dispute-chip {
  min-height: 28px;
  max-width: 190px;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.05);
  border-radius: 7px;
  background: rgba(255,255,255,.035);
  color: #abb6c1;
  font-size: 8px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#dashboard-section .dashboard-dispute-chip.is-requisites {
  max-width: 210px;
  color: #c8d0d8;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

#dashboard-section .dashboard-dispute-chip.is-profit {
  border-color: rgba(34,197,94,.09);
  background: rgba(34,197,94,.045);
  color: #66c985;
}

#dashboard-section .dashboard-dispute-chip.is-sbp {
  border-color: rgba(59,130,246,.10);
  background: rgba(59,130,246,.05);
  color: #78a9ef;
}

#dashboard-section .dashboard-dispute-card__status {
  min-width: 104px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: end;
  padding: 0 9px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 8px;
  font-weight: 900;
  white-space: nowrap;
}

#dashboard-section .dashboard-dispute-card__status.is-success {
  border-color: rgba(34,197,94,.10);
  background: rgba(34,197,94,.07);
  color: #5fca7d;
}

#dashboard-section .dashboard-dispute-card__status.is-danger {
  border-color: rgba(239,68,68,.10);
  background: rgba(239,68,68,.07);
  color: #ff6d76;
}

#dashboard-section .dashboard-dispute-card__status.is-warning {
  border-color: rgba(245,158,11,.12);
  background: rgba(245,158,11,.07);
  color: #e9b65a;
}

#dashboard-section .dashboard-dispute-card__status.is-primary,
#dashboard-section .dashboard-dispute-card__status.is-default {
  border-color: rgba(59,130,246,.11);
  background: rgba(59,130,246,.07);
  color: #73a5f2;
}

#dashboard-section .dashboard-dispute-proof-list--inline {
  display: inline-flex;
  gap: 4px;
}

#dashboard-section .dashboard-dispute-proof-list--inline .dashboard-dispute-proof {
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  padding: 0 7px;
  border-radius: 7px;
  font-size: 7px;
}

#dashboard-section .dashboard-dispute-filter-empty {
  padding: 14px;
  border: 1px dashed rgba(255,255,255,.055);
  border-radius: 10px;
  color: #5d6975;
  font-size: 9px;
  font-weight: 750;
  text-align: center;
}

#dashboard-section .dashboard-dispute-filter-empty[hidden],
#dashboard-section .dashboard-dispute-row[hidden] {
  display: none !important;
}

/* Красный индикатор активных споров на пункте «Дашборд».
   Жёлтый индикатор вывода остаётся отдельным. */
.nav[data-page="dashboard"] .dashboard-nav-dispute-badge {
  position: absolute;
  right: 10px;
  top: 8px;
  min-width: 17px;
  height: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  border: 1px solid rgba(248,113,113,.30);
  border-radius: 999px;
  background: #41191c;
  color: #ff8c94;
  font-size: 7px;
  font-weight: 950;
  line-height: 1;
  box-shadow: 0 0 10px rgba(239,68,68,.18);
  pointer-events: none;
}

.nav[data-page="dashboard"].dashboard-nav-withdraw-warning .dashboard-nav-dispute-badge {
  top: 30px;
}

.nav[data-page="dashboard"] .dashboard-nav-dispute-badge[hidden] {
  display: none !important;
}

.nav[data-page="dashboard"].dashboard-nav-has-disputes {
  border-color: rgba(239,68,68,.14);
}

.nav[data-page="dashboard"].dashboard-nav-has-disputes .nav__icon {
  box-shadow: inset 0 0 0 1px rgba(239,68,68,.08);
}

@media (max-width: 1180px) {
  #dashboard-section .dashboard-disputes-toolbar--compact {
    grid-template-columns: minmax(220px, 1fr) 170px 170px;
  }

  #dashboard-section .dashboard-disputes-toolbar__counts {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  #dashboard-section .dashboard-dispute-token-list .dashboard-dispute-card {
    grid-template-columns: 34px minmax(130px, 170px) minmax(0, 1fr);
  }

  #dashboard-section .dashboard-dispute-card__status {
    grid-column: 2 / -1;
    justify-self: start;
  }
}

@media (max-width: 760px) {
  #dashboard-section .dashboard-disputes-toolbar--compact {
    grid-template-columns: 1fr;
  }

  #dashboard-section .dashboard-disputes-toolbar__counts {
    grid-column: auto;
    flex-wrap: wrap;
  }

  #dashboard-section .dashboard-dispute-token-list .dashboard-dispute-card {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  #dashboard-section .dashboard-dispute-card__chips,
  #dashboard-section .dashboard-dispute-card__status {
    grid-column: 1 / -1;
  }

  #dashboard-section .dashboard-dispute-card__status {
    justify-self: stretch;
  }
}

/* =========================================================
   BYBIT — PEOPLE / SAVED RATES SIDE PANEL
   ========================================================= */

#bybit-modal:not([hidden]) {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  padding: 90px 16px 24px;
  overflow-y: auto;
}

#bybit-modal .modal__card {
  z-index: 1;
  flex: 0 1 640px;
  margin: 0;
}

#bybit-modal .bybit-rate-people-panel {
  position: relative;
  z-index: 1;
  width: 270px;
  flex: 0 0 270px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(24,24,24,.94), rgba(16,16,16,.94));
  box-shadow: 0 24px 70px rgba(0,0,0,.55);
}

#bybit-modal .bybit-rate-people-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

#bybit-modal .bybit-rate-people-title {
  color: #f3f4f6;
  font-size: 14px;
  font-weight: 800;
}

#bybit-modal .bybit-rate-people-sub {
  margin-top: 2px;
  color: #6b7280;
  font-size: 10px;
  font-weight: 600;
}

#bybit-modal .bybit-rate-people-edit {
  height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 9px;
  background: rgba(255,255,255,.04);
  color: #aab2bd;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

#bybit-modal .bybit-rate-people-edit:hover {
  border-color: rgba(59,130,246,.25);
  color: #dbeafe;
  background: rgba(59,130,246,.08);
}

#bybit-modal .bybit-rate-people-list {
  display: grid;
  gap: 7px;
  max-height: 320px;
  overflow-y: auto;
  padding-right: 2px;
}

#bybit-modal .bybit-rate-person-row {
  width: 100%;
  min-height: 42px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid rgba(255,255,255,.055);
  border-radius: 11px;
  background: rgba(255,255,255,.025);
}

#bybit-modal button.bybit-rate-person-row {
  color: inherit;
  text-align: left;
  cursor: pointer;
}

#bybit-modal button.bybit-rate-person-row:hover {
  border-color: rgba(59,130,246,.20);
  background: rgba(59,130,246,.055);
}

#bybit-modal .bybit-rate-person-name {
  overflow: hidden;
  color: #d5dae1;
  font-size: 11px;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#bybit-modal .bybit-rate-person-value {
  min-width: 58px;
  padding: 5px 8px;
  border-radius: 8px;
  background: rgba(34,197,94,.075);
  color: #9ae6b4;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 11px;
  font-weight: 850;
  text-align: center;
}

#bybit-modal .bybit-rate-person-row.is-editing {
  grid-template-columns: minmax(0, 1fr) 78px 30px;
  padding: 6px;
}

#bybit-modal .bybit-rate-person-input {
  width: 100%;
  min-width: 0;
  height: 32px;
  padding: 0 8px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  outline: none;
  background: rgba(5,5,5,.42);
  color: #e5e7eb;
  font-size: 10px;
  font-weight: 700;
}

#bybit-modal .bybit-rate-person-input:focus {
  border-color: rgba(59,130,246,.45);
  box-shadow: 0 0 0 3px rgba(59,130,246,.10);
}

#bybit-modal .bybit-rate-person-remove {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(239,68,68,.12);
  border-radius: 8px;
  background: rgba(239,68,68,.055);
  color: #d87373;
  font-size: 14px;
  cursor: pointer;
}

#bybit-modal .bybit-rate-person-remove:hover {
  border-color: rgba(239,68,68,.28);
  background: rgba(239,68,68,.10);
}

#bybit-modal .bybit-rate-people-empty {
  min-height: 70px;
  display: grid;
  place-items: center;
  padding: 12px;
  border: 1px dashed rgba(255,255,255,.06);
  border-radius: 11px;
  color: #59616b;
  font-size: 10px;
  text-align: center;
}

#bybit-modal .bybit-rate-people-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin-top: 10px;
}

#bybit-modal .bybit-rate-people-actions[hidden] {
  display: none !important;
}

#bybit-modal .bybit-rate-people-actions .btn {
  min-height: 34px;
  padding: 0 9px;
  border-radius: 9px;
  font-size: 9px;
  font-weight: 800;
}

#bybit-modal .bybit-rate-people-status {
  margin-top: 8px;
  padding: 7px 9px;
  border-radius: 8px;
  background: rgba(255,255,255,.035);
  color: #7d8793;
  font-size: 9px;
}

#bybit-modal .bybit-rate-people-status.is-error {
  background: rgba(239,68,68,.07);
  color: #d98282;
}

#bybit-modal:not([hidden]) .bybit-rate-people-panel {
  animation: bybitPeoplePop .16s ease-out;
}

@keyframes bybitPeoplePop {
  from { transform: translateY(-6px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

@media (max-width: 980px) {
  #bybit-modal:not([hidden]) {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 18px 12px 28px;
  }

  #bybit-modal .modal__card,
  #bybit-modal .bybit-rate-people-panel {
    width: min(640px, 100%);
    flex: 0 0 auto;
  }

  #bybit-modal .bybit-rate-people-panel {
    order: 2;
  }
}

/* =========================================================
   BYBIT — КУРСЫ СПРАВА ОТ МОДАЛКИ
   ========================================================= */

#bybit-modal:not([hidden]) {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: center !important;

  gap: 14px;

  padding:
    90px
    16px
    24px;

  overflow-y: auto;
}


/* сама модалка Bybit */

#bybit-modal .modal__card {
  position: relative;
  z-index: 2;

  flex:
    0 1
    640px;

  margin: 0 !important;
}


/* блок курсов */

#bybit-modal .bybit-rate-people-panel {
  position: relative;
  z-index: 2;

  width: 270px;
  min-width: 270px;

  flex:
    0 0
    270px;

  margin: 0;

  padding: 14px;

  border:
    1px solid
    rgba(255,255,255,.08);

  border-radius:
    18px;

  background:
    linear-gradient(
      180deg,
      rgba(24,24,24,.96),
      rgba(16,16,16,.96)
    );

  box-shadow:
    0 24px 70px
    rgba(0,0,0,.55);
}


/* на телефоне можно вернуть вниз */

@media (max-width: 620px) {

  #bybit-modal:not([hidden]) {
    flex-direction:
      column !important;

    align-items:
      center !important;

    justify-content:
      flex-start !important;

    gap: 10px;

    padding:
      18px
      12px
      28px;
  }


  #bybit-modal .modal__card,
  #bybit-modal .bybit-rate-people-panel {
    width:
      min(640px, 100%);

    min-width:
      0;

    flex:
      0 0 auto;
  }


  #bybit-modal .bybit-rate-people-panel {
    order: 2;
  }

}