:root{
	  --bg:#F6FAFC; --panel:#FFFFFF; --text:#0F172A; --muted:#6B7280; --border:#E5E7EB;
	  --success:#149E4A; --error:#C64545; --warn:#9A5C11; --radius:16px; --shadow:0 4px 24px rgba(2,6,23,.08);
	  --font-ui:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;
	  /* мягче тона */
	  --green:#2F9E63; --orange:#B86E1E; --red:#C84A4A; --code-bg:#F3F6FA; --lvl-color: var(--brand);
	}
	html[data-theme="dark"]{
	  --bg:#141A20; --panel:#1A222C; --text:#E5ECF3; --muted:#A3ADBA; --border:#2A3541; --code-bg:#1F2732;
	}
	body[data-difficulty="easy"]{ --lvl-color: var(--brand); }
	body[data-difficulty="medium"]{ --lvl-color: var(--orange); }
	body[data-difficulty="hard"]{ --lvl-color: var(--red); }

    *{box-sizing:border-box}
    body{background:var(--bg);color:var(--text);font-family:var(--font-ui);margin:0}
    a{color:inherit;text-decoration:none}
    .wrap{width:min(1440px,96vw);margin:18px auto}

    .topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
    .nav-left,.nav-right{display:flex;gap:10px;flex-wrap:wrap}
    /* верхние кнопки навигации и тумблеры */
	.btn-outline,
	.theme-btn, .sound-btn,
	.btn{
	  font-weight:600; /* было 700 */
	  transition: transform .12s, box-shadow .12s, background-color .12s, color .12s;
	}

	.btn-outline:hover,
	.theme-btn:hover, .sound-btn:hover {
	  background: rgba(0,0,0,.03);
	}

	/* эффект «нажатия» */
	.btn:active,
	.btn-outline:active,
	.theme-btn:active, .sound-btn:active {
	  transform: translateY(1px) scale(.98);
	  box-shadow: inset 0 2px 6px rgba(0,0,0,.15);
	}

	/* основные кнопки (низ страницы: Выполнить и т.п.) */
	.btn{ border:2px solid var(--lvl-color); border-radius:12px; padding:10px 14px; cursor:pointer; color:var(--lvl-color); background:transparent; }
	.btn.btn-primary{
	  background: var(--lvl-color); color:#fff; border-color: transparent;
	  box-shadow: 0 6px 18px color-mix(in srgb, var(--lvl-color) 30%, transparent);
	}
	.btn.btn-primary:hover{ filter: saturate(.92) brightness(.98); }
	.btn.btn-primary:active{
	  transform: translateY(1px) scale(.985);
	  box-shadow: inset 0 2px 6px rgba(0,0,0,.18);
	}

    .card{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:16px}
    .grid{
      --left: 48%;
      display:grid;
      grid-template-columns: minmax(220px, var(--left)) 10px minmax(340px, 1fr);
      gap:0; min-height:calc(100vh - 120px)
    }
	/* 🔹 Усиливаем визуальную приподнятость всей зоны тренажёра */
	.card.grid {
	  background: var(--panel);
	  border: 1px solid var(--border);
	  border-radius: 16px;
	  box-shadow: 0 12px 32px -12px rgba(2, 6, 23, 0.25); /* заметнее стандартной тени */
	  padding: 20px; /* чуть больше воздуха */
	}
    .left{display:flex;flex-direction:column;padding-right:18px;min-width:0}
    .right{display:flex;flex-direction:column;padding-left:18px;min-width:0}
    .splitter{position:relative; cursor:col-resize;
      background:linear-gradient(180deg, transparent, rgba(2,6,23,.06), transparent);}
    .splitter::before{content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
      width:6px; height:36px; border-radius:3px; background:rgba(100,116,139,.6);}

    .tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);padding-bottom:8px}
    .tab{border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:var(--panel);color:var(--muted);cursor:pointer;font-weight:600}
    .tab.is-active{border-color:var(--lvl-color);color:var(--text)}
    .tabpanel{display:none;padding:12px 0}
    .tabpanel.is-active{display:block}
    .desc{background:var(--code-bg);border-radius:12px;padding:12px;min-height:120px}

    .editor-card{padding:0;border:none;box-shadow:none}
    .sql-holder{padding:12px}
    #editor{height:420px;border:1px solid var(--border);border-radius:12px;width:100%}
    .out{flex:1;min-height:0;display:flex;flex-direction:column;margin-top:16px}
    .outbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}
    .out-tools{display:flex;align-items:center;gap:8px;flex:0 0 auto}
    .hint{color:var(--muted);font-size:12px;margin-right:8px}
    .kbd{background:#eef2f7;border:1px solid var(--border);border-radius:6px;padding:0 6px;font-size:12px}
    html[data-theme="dark"] .kbd{background:#202833}

    .btn{border:2px solid var(--lvl-color);border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer;color:var(--lvl-color);background:transparent}
    .btn-primary{background:var(--lvl-color);color:#fff}

    .result-header{font-weight:700;padding:12px;display:flex;align-items:center;gap:8px}
    .results-container{border-radius:12px;border:1px solid var(--border);background:var(--panel)}
    .neutral{background:var(--panel);border-color:var(--border)}
    .success{background:rgba(22,163,74,.08);border-color:var(--success)}
    .error{background:rgba(220,38,38,.08);border-color:var(--error)}
    .loading{background:rgba(180,83,9,.08);border-color:var(--warn)}
    .table-container{overflow:auto;max-height:260px}
    .result-table{width:100%;border-collapse:collapse;color:var(--text);font-size:13px}
    .result-table th,.result-table td{border-bottom:1px solid var(--border);padding:4px 6px;text-align:left}
    .expected{color:var(--muted);font-size:11px;padding:10px 12px;border-top:1px solid var(--border)}

    @media(max-width:1100px){
      .grid{grid-template-columns:1fr; gap:0}
      .splitter{display:none}
      #editor{height:320px}
      .left{padding-right:0}
      .right{padding-left:0}
    }

    /* скрыть верхние стрелки */
    .nav-right .btn-outline.prev-top,
    .nav-right .btn-outline.next-top { display:none; }

    /* стиль нижних стрелок */
    .outbar a.btn[href*="/tasks/"] {
      border: 1px solid var(--lvl-color);
      border-radius: 10px;
      padding: 6px 10px;
      font-weight: 600;
      color: var(--text);
      background: transparent;
    }
    .outbar a.btn[href*="/tasks/"]:hover {
      background: var(--lvl-color);
      color: #fff;
    }
	
	/* верхние тумблеры */
	.theme-btn, .sound-btn{
	  appearance:none;
	  display:inline-flex; align-items:center; gap:6px;
	  padding:8px 12px;
	  border:2px solid var(--lvl-color);
	  border-radius:999px;
	  background:transparent; color:var(--lvl-color);
	  font-weight:600; line-height:1;
	  transition:transform .12s, box-shadow .12s, background-color .12s, color .12s;
	}
	.theme-btn:hover, .sound-btn:hover{ background:color-mix(in srgb, var(--lvl-color) 6%, transparent); }
	.theme-btn:active, .sound-btn:active{ transform:translateY(1px) scale(.98); box-shadow:inset 0 2px 6px rgba(0,0,0,.12); }

	/* нижние кнопки (Пред/След/Выполнить) */
	.btn{
	  appearance:none;
	  display:inline-flex; align-items:center; justify-content:center; gap:8px;
	  padding:10px 14px; border-radius:12px; line-height:1;
	  border:2px solid var(--lvl-color); background:transparent; color:var(--lvl-color);
	  font-weight:600; cursor:pointer;
	  transition:transform .12s, box-shadow .12s, background-color .12s, color .12s, filter .12s;
	}
	.btn:hover{ background:color-mix(in srgb, var(--lvl-color) 6%, transparent); }
	.btn:active{ transform:translateY(1px) scale(.98); box-shadow:inset 0 2px 6px rgba(0,0,0,.15); }

	.btn.btn-primary{
	  background:var(--lvl-color); color:#fff; border-color:transparent;
	  box-shadow:0 6px 18px color-mix(in srgb, var(--lvl-color) 30%, transparent);
	}
	.btn.btn-primary:hover{ filter:saturate(.92) brightness(.98); }
	.btn.btn-primary:active{ transform:translateY(1px) scale(.985); box-shadow:inset 0 2px 6px rgba(0,0,0,.18); }
	
	/* back: как «Звук», но чёрный текст */
	.topbar .nav-left .btn-outline{
	  border:2px solid var(--lvl-color);
	  border-radius:999px;
	  background:transparent;
	  color:var(--text);                 /* чёрный/белый в тёмной теме */
	  font-weight:600;
	  padding:6px 12px;
	  display:inline-flex; align-items:center; gap:6px;
	  transition: transform .12s, box-shadow .12s, background-color .12s, color .12s;
	}
	.topbar .nav-left .btn-outline:hover{
	  background: color-mix(in srgb, var(--lvl-color) 6%, transparent);
	}
	.topbar .nav-left .btn-outline:active{
	  transform: translateY(1px) scale(.98);
	  box-shadow: inset 0 2px 6px rgba(0,0,0,.12);
	}

 :root{
			--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
						 "Liberation Mono", "Courier New", monospace;
			--muted: #64748b;
			--muted-bg: #f1f5f9;
		  }
		  .task-desc{
			font-family: var(--font-mono);
			font-size: 16px;
			line-height: 1.5;
			white-space: normal;      /* теперь мы сами управляем переносами */
		  }
		  .task-desc__text{ margin: 0 0 10px 0; }
		  .task-desc__header{
			margin: 1.5em 0 6px 0;
			font-weight: 700;
			color: var(--muted);
			letter-spacing: .02em;
		  }
		  .task-desc__list{
			margin: 0;
			padding-left: 1.25em;
			list-style: none;
		  }
		  .task-desc__list li{
			position: relative;
			margin: 4px 0;
		  }
		  .task-desc__list li::before{
			content: "-";
			position: absolute;
			left: -1.25em;
		  }

		  
/* Добавляем правило громкость: цвет = текущий уровень */
#sound-vol { accent-color: var(--lvl-color); }

/* 🔹 изолируем стили страницы тренажёра от base Tailwind */
.tasks-page { 
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-ui);
}

/* контейнер base уже без боковых паддингов, но на всякий случай */
#page-root { max-width: 100vw; padding-left: 0; padding-right: 0; }

/* вертикальные отступы как раньше */
.wrap { width:min(1440px,96vw); margin:18px auto; }

/* 🔹 Только для страницы тренажёра */
.tasks-page { overflow: hidden; }                /* отключаем скролл страницы */
/* стабилизируем ширину страницы, чтобы не было дергания при (де)скролле */
#page-root { height: calc(100vh - 72px); overflow: hidden; } /* 72px ≈ высота хедера; подгони при необходимости */
.wrap { height: 100%; overflow: hidden; }

.card.grid { height: 100%; min-height: 0; }     /* сетка растягивается по высоте */
.left, .right { overflow: auto; min-height: 0; } /* скроллятся только колонки */

/* 🔹 tasks: убрать верхний градиент из base */
.tasks-page #top-backdrop { display: none; }

/* 🔹 полоска инструментов над редактором */
.editor-topbar{
  display:flex; justify-content:flex-end; align-items:center;
  gap:10px; padding:8px 12px 0 12px;
}

/* 🔹 строка над редактором */
.editor-head{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:8px 12px 0 12px;
}
.editor-label{ font-weight:700; }


/* 🔹 возвращаем моноширинный шрифт для заголовков */
.task-head .task-number,
.task-head .back-small {
  font-family: 'JetBrains Mono', monospace;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: -0.2px;
}


/* 🔹 заголовок редактора — моно */
.editor-head .editor-label{
  font-family:'JetBrains Mono', monospace;
  font-size:1rem;
  font-weight:600;
  letter-spacing:-0.2px;
  line-height:1.3;
}

/* 🔹 шапка: слева заголовок, справа кнопка — идеальная одна линия */


/* Заголовок слева: та же высота строки, что и у кнопки */
.task-title{
  font-family:'JetBrains Mono', monospace;
  font-weight:600;
  font-size:1rem;
  line-height:32px;             /* ключ: высота строки = высоте кнопки */
  margin:0;
}

/* Отступ названия задачи от описания */
.task-desc__title {
  font-weight: 700;
  font-size: 18px;
  margin: 0 0 20px 0; /* создаём пустую строку между заголовком и описанием */
}

/* Кнопка справа: высота только за счёт line-height, без вертикального padding */
.back-small{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-family:'JetBrains Mono', monospace;
  font-weight:600;
  font-size:1rem;
  line-height:32px;             /* ключ: точно как у заголовка */
  padding:0 12px;               /* только горизонтальный отступ */
  border-radius:999px;
  margin:0;
}

/* Иконка внутри кнопки — без сдвигов */
.back-small i{ line-height:1; }

/* шапка: заголовок слева, кнопка справа — ровная линия */
.task-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:6px;
}

/* заголовок: моно, метрика = кнопке */
.task-head .task-number{
  font-family:'JetBrains Mono', monospace;
  font-weight:600;
  font-size:1rem;
  line-height:32px; /* = высоте кнопки */
  margin:0;
}

/* 🔹 кнопка "Ко всем задачам" — без обводки, чёрный текст */
.back-small {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'JetBrains Mono', monospace;
  font-weight: 600;
  font-size: 1rem;
  line-height: 32px;
  height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  border: none;              /* 🔸 убираем обводку */
  background: transparent;   /* прозрачный фон */
  color: var(--text);               /* 🔸 чёрный текст */
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s ease;
}

/* 🔹 при наведении — без изменений */
.back-small:hover {
  color: var(--text);
}

/* заголовок над редактором — моно */
.editor-head .editor-label{
  font-family:'JetBrains Mono', monospace;
  font-size:1rem;
  font-weight:600;
  line-height:1.3;
}

/* 🔹 Только для страницы тренажёра (tasks): все кнопки в JetBrains Mono */
#page-root button,
#page-root a.btn,
#page-root a.btn-outline,
#page-root input[type="submit"],
#page-root input[type="button"] {
  font-family: 'JetBrains Mono', monospace !important;
  font-weight: 600;
  letter-spacing: -0.2px;
}

/* Общая высота кнопок на панели (подстрой при необходимости) */
:root { --btn-h: 40px; }  /* если у тебя 32px – поставь 32 */

/* Контейнер панели */
.run-wrapper{
  display:flex;
  align-items:center;  /* все элементы по одной линии */
  gap:8px;
}

/* Колонка с кнопкой и подписью:
   фиксируем высоту как у остальных кнопок, 
   а подпись выводим абсолютно ниже */
.run-main{
  position: relative;
  display: flex;
  align-items: center;      /* центр по вертикали = как у других кнопок */
  justify-content: center;
  height: var(--btn-h);     /* ВАЖНО: та же высота, что у остальных */
}

/* Сама кнопка — центр внутри своей строки */
#btn-run,
#btn-check,
#btn-plan{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: var(--btn-h);
  line-height: var(--btn-h);
  padding: 0 12px;
}

/* Подпись под кнопкой — не влияет на выравнивание */
.run-hint{
  position: absolute;
  top: calc(100% + 4px);    /* ниже кнопки на 4px */
  left: 50%;
  transform: translateX(-50%);
  font-family:'JetBrains Mono', monospace;
  font-size:0.8rem;
  line-height:1;
  color:#6b7280;
  white-space: nowrap;
}


/* компактнее верх на странице тренажёра */
.tasks-page .wrap {
  margin: 6px auto 0 !important;   /* было 18px auto */
}
.tasks-page .topbar {
  margin-bottom: 6px !important;   /* было 10px */
}


/* tasks: фиксируем высоту контейнера редактора до инициализации, чтобы не «прыгал» */
body.is-tasks #editor { 
  height: 420px;              /* зафиксируй нужное значение под ваш layout */
}

/* tasks: заставляем Monaco занять 100% контейнера без перерасчётов высоты */
body.is-tasks .monaco-editor,
body.is-tasks .monaco-editor .overflow-guard { 
  height: 100% !important; 
}

/* tasks: убираем визуальный «рывок» — прячем monaco до первого стабильного layout */
body.is-tasks #editor.editor-hidden .monaco-editor,
body.is-tasks #editor.editor-hidden .monaco-editor .overflow-guard {
  opacity: 0;            /* контейнер остаётся той же высоты, но содержимое невидимо */
  transition: opacity .08s linear;
}

/* ===== Исправление для тёмной темы тренажёра ===== */
html[data-theme="dark"] .tasks-page {
  background: var(--bg);
  color: var(--text);
}

/* карточки и панели */
html[data-theme="dark"] .card,
html[data-theme="dark"] .desc,
html[data-theme="dark"] .results-container,
html[data-theme="dark"] .out,
html[data-theme="dark"] .outbar,
html[data-theme="dark"] #editor {
  background: var(--panel);
  color: var(--text);
  border-color: var(--border);
}

/* табы */
html[data-theme="dark"] .tab {
  background: var(--panel);
  color: var(--muted);
  border-color: var(--border);
}
html[data-theme="dark"] .tab.is-active {
  color: var(--text);
  border-color: var(--lvl-color);
}

/* SQL-редактор (Monaco) */
html[data-theme="dark"] .monaco-editor,
html[data-theme="dark"] .monaco-editor-background {
  background-color: var(--panel) !important;
  color: var(--text) !important;
}

/* таблица результатов */
html[data-theme="dark"] .result-table th,
html[data-theme="dark"] .result-table td {
  color: var(--text);
  border-color: var(--border);
}

/* подсказки, muted-текст */
html[data-theme="dark"] .hint,
html[data-theme="dark"] .task-desc__header,
html[data-theme="dark"] .expected {
  color: var(--muted);
}

/* Более мягкая подсветка результата в тёмной теме */
html[data-theme="dark"] .results-container.success {
  background: rgba(22, 163, 74, 0.10);   /* мягкий зелёный оттенок */
  border-color: rgba(34, 197, 94, 0.45); /* менее контрастная граница */
}

html[data-theme="dark"] .results-container.error {
  background: rgba(220, 38, 38, 0.10);   /* мягкий красный оттенок */
  border-color: rgba(248, 113, 113, 0.45);
}

html[data-theme="dark"] .results-container.loading {
  background: rgba(234, 179, 8, 0.08);   /* спокойный жёлтый для "загрузка" */
  border-color: rgba(250, 204, 21, 0.45);
}

/* ===== Дарк-фиксы для описания и кода ===== */
html[data-theme="dark"] {
  /* делаем фон для inline <code> тёмным, чтобы не «светил» */
  --muted-bg: #0f172a; /* можно чуть светлее: #1b2430 */
}

/* сам чип <code> в тексте задачи */
.task-desc code {
  font-family: inherit;
  background: none;
  padding: 0;
  border-radius: 0;
  color: inherit;
}


.results-body {
  padding:0 12px 12px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.mentor-card {
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:12px;
  border-radius:12px;
  border:1px solid rgba(59,130,246,.25);
  background:rgba(59,130,246,.08);
}
.mentor-card .mentor-avatar {
  background: none !important;
  box-shadow: none !important;
}
.mentor-card .mentor-content {
  flex:1;
  min-width:0;
}
.mentor-card .mentor-title {
  font-weight:700;
  margin-bottom:6px;
}
.mentor-card .mentor-text p {
  margin:4px 0;
  font-size:13px;
  line-height:1.4;
}
.mentor-hints {
  margin:8px 0 0;
  padding-left:18px;
  color:var(--text);
}
.mentor-hints li {
  font-size:13px;
  margin:2px 0;
}
.score-card {
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}
.score-card .score-item {
  border:1px solid var(--border);
  border-radius:10px;
  padding:10px 14px;
  background:rgba(148,163,184,.12);
  min-width:140px;
}
.score-card .score-item span {
  display:block;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:0.04em;
  color:var(--muted);
}
.score-card .score-item strong {
  display:block;
  font-size:18px;
  margin-top:4px;
}
.checklist-card {
  border:1px solid var(--border);
  border-radius:12px;
  padding:12px;
}
.checklist-title {
  font-weight:600;
  margin-bottom:8px;
  font-size:13px;
}
.checklist-list {
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.checklist-list li {
  display:flex;
  gap:10px;
  align-items:flex-start;
  font-size:13px;
}
.chk-icon {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  flex:0 0 22px;
}
.checklist-list li.ok .chk-icon { color:var(--success); }
.checklist-list li.fail .chk-icon { color:var(--error); }
.chk-body {
  flex:1 1 0;
  min-width:0;
}
.chk-label { font-weight:600; }
.chk-hint { color:var(--muted); font-size:12px; margin-top:2px; }

.result-table-wrap { overflow:auto; }
html[data-theme="dark"] .mentor-card { background:rgba(59,130,246,.18); border-color:rgba(59,130,246,.35); }
html[data-theme="dark"] .score-card .score-item { background:rgba(15,23,42,.45); }


/* контейнер ER-диаграммы */
.er-graph {
  height: 520px;              /* можно 480-600 */
  border-radius: 12px;
  background: #F8FAFC;        /* светлый фон */
  border: 1px solid #E5E7EB;  /* тонкая рамка */
  margin-top: 12px;
}

html[data-theme="dark"] .er-graph {
  background: #111827;
  border-color: #334155;
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, .06);
}

/* Вписываем карточку Smarty в цветовую схему результата */
.results-container .mentor-box,
.results-container .mentor-wrapper,
.results-container .mentor {
  background: transparent !important;   /* убираем отдельный синий фон */
  border: none !important;
  box-shadow: none !important;
  padding: 0;
}

.results-container .mentor-card {
  background: inherit !important;       /* фон такой же, как у success/error */
  border: inherit !important;
  box-shadow: none !important;
  border-radius: 12px;
  padding: 16px 20px;
}

/* ----- Таблица результата (мягкий фон + аккуратный контур) ----- */
.result-table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 10px;
  overflow: hidden;

  /* Общий мягкий контур */
  border: 1px solid rgba(0, 0, 0, 0.12);

  /* Фон таблицы — как раньше, но внутри результата */
  background: rgba(0, 0, 0, 0.02);
}

/* Тёмная тема */
html[data-theme="dark"] .result-table {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.04);
}

/* Ячейки */
.result-table th,
.result-table td {
  font-size: 12px;
  padding: 6px 10px;
  text-align: left;
}

/* Светлая тема — внутренние линии */
html:not([data-theme="dark"]) .result-table th,
html:not([data-theme="dark"]) .result-table td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}

html:not([data-theme="dark"]) .result-table th:last-child,
html:not([data-theme="dark"]) .result-table td:last-child {
  border-right: none;
}

html:not([data-theme="dark"]) .result-table th {
  background: rgba(0, 0, 0, 0.04);
  font-weight: 600;
}

/* Тёмная тема — внутренние линии */
html[data-theme="dark"] .result-table th,
html[data-theme="dark"] .result-table td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
  border-right: 1px solid rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .result-table th:last-child,
html[data-theme="dark"] .result-table td:last-child {
  border-right: none;
}

html[data-theme="dark"] .result-table th {
  background: rgba(255, 255, 255, 0.06);
  font-weight: 600;
}

/* Hover строк */
.result-table tr:hover td {
  background: rgba(0, 0, 0, 0.03);
}

html[data-theme="dark"] .result-table tr:hover td {
  background: rgba(255, 255, 255, 0.05);
}

/* Обёртка таблицы без рамки */
.result-table-wrap {
  margin-top: 4px;
  margin-bottom: 10px;
  padding: 0;
  background: transparent;
  border: none;
}