/* ОГЭ задание 15 — тренажёр Кумир (исполнитель Робот) */

.oge-inline-trainer--task15 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  height: 100%;
  min-height: 0;
  padding: 0.35rem 0.35rem 0.5rem;
  box-sizing: border-box;
}

/* Переменные тренажёра под тёмную (по умолчанию) и светлую тему страницы */
#oge-task15-kumir-trainer {
  --oge-kumir-chrome-border: #454545;
  --oge-kumir-chrome-bg: linear-gradient(180deg, #3a3a3a 0%, #2e2e2e 100%);
  --oge-kumir-chrome-shadow-inset: 0 1px 0 rgba(255, 255, 255, 0.06) inset;
  --oge-kumir-chrome-titlebar-bg: #2d2d2d;
  --oge-kumir-chrome-titlebar-border: #454545;
  --oge-kumir-chrome-doc-title: #e8eaed;
  --oge-kumir-chrome-menubar-bg: #383838;
  --oge-kumir-chrome-menubar-border: #454545;
  --oge-kumir-chrome-menu-text: #e0e0e0;
  --oge-kumir-chrome-menu-hover: rgba(255, 255, 255, 0.08);
  --oge-kumir-chrome-muted: #a8a8a8;
  --oge-kumir-chrome-btn-text: #e8eaed;
  --oge-kumir-chrome-btn-hover-bg: rgba(255, 255, 255, 0.1);
  --oge-kumir-chrome-btn-hover-border: #666;
  --oge-kumir-chrome-btn-active-bg: #4a4a4a;
  --oge-kumir-chrome-btn-active-border: #777;
  --oge-kumir-chrome-btn-active-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35);
  --oge-kumir-chrome-btn-save-bg: #525252;
  --oge-kumir-chrome-btn-save-border: #8a8a8a;
  --oge-kumir-chrome-group-border: #555;
  --oge-kumir-chrome-label: #e0e0e0;
  --oge-kumir-menu-dropdown-bg: #383838;
  --oge-kumir-menu-dropdown-border: #555;
  --oge-kumir-menu-dropdown-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
  --oge-kumir-menu-entry-shortcut: #a8a8a8;
  --oge-kumir-menu-entry-hover: rgba(255, 255, 255, 0.1);
  --oge-kumir-menu-entry-disabled: #777;
  --oge-kumir-menu-separator: #555;
  --oge-kumir-editor-panel-bg: #2a3036;
  --oge-kumir-editor-panel-border: #3a4249;
  --oge-kumir-editor-wrap-bg: #1e2226;
  --oge-kumir-gutter-bg: #282e34;
  --oge-kumir-gutter-text: #8b939c;
  --oge-kumir-gutter-border: #3a4249;
  --oge-kumir-highlight-bg: #1e2226;
  --oge-kumir-highlight-text: #e8eaed;
  --oge-kumir-hl-keyword: #f0f0f0;
  --oge-kumir-hl-command: #6eb0ff;
  --oge-kumir-hl-module: #81c784;
  --oge-kumir-hl-indent: #8b939c;
  --oge-kumir-caret: #e8eaed;
  --oge-kumir-selection: rgba(100, 170, 255, 0.35);
  --oge-kumir-help-bg: #282e34;
  --oge-kumir-help-text: #d0d4d8;
  --oge-kumir-help-error: #ff8a80;
  --oge-kumir-help-output: #d0d4d8;
  --oge-kumir-help-debug: #9aa0a6;
  --oge-kumir-help-resizer-bg: #383838;
  --oge-kumir-help-resizer-border: #454545;
  --oge-kumir-help-resizer-handle: rgba(255, 255, 255, 0.22);
  --oge-kumir-help-resizer-hover: rgba(76, 175, 80, 0.22);
  --oge-kumir-help-resizer-handle-hover: rgba(129, 199, 132, 0.85);
  --oge-kumir-console-bg: #fff;
  --oge-kumir-console-border: #bdbdbd;
  --oge-kumir-console-text: #8a8a8a;
  --oge-kumir-console-error: #c62828;
  --oge-kumir-console-output: #424242;
  --oge-kumir-console-resizer-bg: #ececec;
  --oge-kumir-console-resizer-border: #bdbdbd;
  --oge-kumir-console-resizer-handle: rgba(0, 0, 0, 0.18);
  --oge-kumir-console-resizer-hover: rgba(76, 175, 80, 0.18);
  --oge-kumir-status-bar-bg: #ececec;
  --oge-kumir-status-bar-border: #bdbdbd;
  --oge-kumir-status-bar-text: #333;
  --oge-kumir-status-bar-muted: #666;
  --oge-kumir-status-bar-btn-bg: transparent;
  --oge-kumir-status-bar-btn-border: transparent;
  --oge-kumir-status-bar-btn-active-bg: #1e4a8a;
  --oge-kumir-status-bar-btn-active-text: #fff;
  --oge-kumir-robot-panel-bg: #2a3036;
  --oge-kumir-robot-panel-border: #3a4249;
  --oge-kumir-robot-header-bg: #323840;
  --oge-kumir-robot-header-border: #3a4249;
  --oge-kumir-robot-title: #e8eaed;
  --oge-kumir-field-board-bg: #14181c;
  --oge-kumir-cell: #8bc34a;
  --oge-kumir-cell-fill: #9e9e9e;
  --oge-kumir-cell-fail: #f44336;
  --oge-kumir-wall: #4caf50;
  --oge-kumir-wall-active: #ffd54f;
  --oge-kumir-robot-fill: #e53935;
  --oge-kumir-robot-stroke: #eceff1;
}

[data-theme="light"] #oge-task15-kumir-trainer {
  --oge-kumir-chrome-border: #b8b8b8;
  --oge-kumir-chrome-bg: linear-gradient(180deg, #f5f5f5 0%, #ececec 100%);
  --oge-kumir-chrome-shadow-inset: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
  --oge-kumir-chrome-titlebar-bg: #fff;
  --oge-kumir-chrome-titlebar-border: #d8d8d8;
  --oge-kumir-chrome-doc-title: #111;
  --oge-kumir-chrome-menubar-bg: #ececec;
  --oge-kumir-chrome-menubar-border: #c8c8c8;
  --oge-kumir-chrome-menu-text: #1a1a1a;
  --oge-kumir-chrome-menu-hover: rgba(0, 0, 0, 0.06);
  --oge-kumir-chrome-muted: #555;
  --oge-kumir-chrome-btn-text: #2a2a2a;
  --oge-kumir-chrome-btn-hover-bg: rgba(255, 255, 255, 0.65);
  --oge-kumir-chrome-btn-hover-border: #b0b0b0;
  --oge-kumir-chrome-btn-active-bg: #d8d8d8;
  --oge-kumir-chrome-btn-active-border: #9a9a9a;
  --oge-kumir-chrome-btn-active-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
  --oge-kumir-chrome-btn-save-bg: #d0d0d0;
  --oge-kumir-chrome-btn-save-border: #888;
  --oge-kumir-chrome-group-border: #c4c4c4;
  --oge-kumir-chrome-label: #222;
  --oge-kumir-menu-dropdown-bg: #fff;
  --oge-kumir-menu-dropdown-border: #c8c8c8;
  --oge-kumir-menu-dropdown-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
  --oge-kumir-menu-entry-shortcut: #666;
  --oge-kumir-menu-entry-hover: rgba(0, 0, 0, 0.06);
  --oge-kumir-menu-entry-disabled: #999;
  --oge-kumir-menu-separator: #d8d8d8;
  --oge-kumir-editor-panel-bg: #f5f5f5;
  --oge-kumir-editor-panel-border: #d4d4d4;
  --oge-kumir-editor-wrap-bg: #fff;
  --oge-kumir-gutter-bg: #f2f2f2;
  --oge-kumir-gutter-text: #7a7a7a;
  --oge-kumir-gutter-border: #d4d4d4;
  --oge-kumir-highlight-bg: #fff;
  --oge-kumir-highlight-text: #111;
  --oge-kumir-hl-keyword: #111;
  --oge-kumir-hl-command: #1a4fd6;
  --oge-kumir-hl-module: #1b7f1b;
  --oge-kumir-hl-indent: #555;
  --oge-kumir-caret: #111;
  --oge-kumir-selection: rgba(0, 120, 215, 0.28);
  --oge-kumir-help-bg: #fafafa;
  --oge-kumir-help-text: #222;
  --oge-kumir-help-error: #b71c1c;
  --oge-kumir-help-output: #1a1a1a;
  --oge-kumir-help-debug: #555;
  --oge-kumir-help-resizer-bg: #ececec;
  --oge-kumir-help-resizer-border: #d4d4d4;
  --oge-kumir-help-resizer-handle: rgba(0, 0, 0, 0.18);
  --oge-kumir-help-resizer-hover: rgba(76, 175, 80, 0.18);
  --oge-kumir-help-resizer-handle-hover: rgba(46, 125, 50, 0.75);
  --oge-kumir-console-bg: #fff;
  --oge-kumir-console-border: #c8c8c8;
  --oge-kumir-console-text: #777;
  --oge-kumir-console-error: #b71c1c;
  --oge-kumir-console-output: #222;
  --oge-kumir-console-resizer-bg: #ececec;
  --oge-kumir-console-resizer-border: #c8c8c8;
  --oge-kumir-console-resizer-handle: rgba(0, 0, 0, 0.16);
  --oge-kumir-console-resizer-hover: rgba(76, 175, 80, 0.16);
  --oge-kumir-status-bar-bg: #ececec;
  --oge-kumir-status-bar-border: #c8c8c8;
  --oge-kumir-status-bar-text: #222;
  --oge-kumir-status-bar-muted: #555;
  --oge-kumir-status-bar-btn-bg: transparent;
  --oge-kumir-status-bar-btn-border: transparent;
  --oge-kumir-status-bar-btn-active-bg: #1e4a8a;
  --oge-kumir-status-bar-btn-active-text: #fff;
  --oge-kumir-robot-panel-bg: #f3f3f3;
  --oge-kumir-robot-panel-border: #d0d0d0;
  --oge-kumir-robot-header-bg: #f7f7f7;
  --oge-kumir-robot-header-border: #d4d4d4;
  --oge-kumir-robot-title: #222;
  --oge-kumir-field-board-bg: #c5d4bc;
  --oge-kumir-cell: #8bc34a;
  --oge-kumir-cell-fill: #9e9e9e;
  --oge-kumir-cell-fail: #e53935;
  --oge-kumir-wall: #43a047;
  --oge-kumir-wall-active: #ffca28;
  --oge-kumir-robot-fill: #e53935;
  --oge-kumir-robot-stroke: #212121;
}

/* Панель управления в стиле Кумир Стандарт */
.oge-kumir-chrome {
  flex: 0 0 auto;
  position: relative;
  z-index: 5;
  border: 1px solid var(--oge-kumir-chrome-border);
  border-radius: 0.25rem;
  overflow: visible;
  background: var(--oge-kumir-chrome-bg);
  box-shadow: var(--oge-kumir-chrome-shadow-inset);
  font-family: Tahoma, "Segoe UI", Arial, sans-serif;
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.oge-kumir-chrome__titlebar {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 1.5rem;
  padding: 0.12rem 0.4rem;
  background: var(--oge-kumir-chrome-titlebar-bg);
  border-bottom: 1px solid var(--oge-kumir-chrome-titlebar-border);
  transition: background 0.2s ease, border-color 0.2s ease;
}

.oge-kumir-chrome__app-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  border-radius: 2px;
  background: #1e4a8a;
  color: #ffd54f;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1;
  flex: 0 0 auto;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.18);
}

.oge-kumir-chrome__doc-title {
  font-size: 0.72rem;
  line-height: 1.2;
  color: var(--oge-kumir-chrome-doc-title);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.oge-kumir-chrome__dirty {
  color: inherit;
}

.oge-kumir-chrome__menubar {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0;
  min-height: 1.35rem;
  padding: 0 0.15rem;
  border-bottom: 1px solid var(--oge-kumir-chrome-menubar-border);
  background: var(--oge-kumir-chrome-menubar-bg);
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-width: none;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.oge-kumir-chrome__menubar::-webkit-scrollbar {
  display: none;
}

.oge-kumir-chrome__menu {
  position: relative;
  flex: 0 0 auto;
}

.oge-kumir-chrome__menu-item {
  flex: 0 0 auto;
  margin: 0;
  padding: 0.15rem 0.45rem;
  border: none;
  font-family: inherit;
  font-size: 0.72rem;
  line-height: 1.2;
  color: var(--oge-kumir-chrome-menu-text);
  white-space: nowrap;
  cursor: default;
  user-select: none;
  background: transparent;
}

button.oge-kumir-chrome__menu-item {
  cursor: pointer;
}

.oge-kumir-chrome__menu-item:hover,
.oge-kumir-chrome__menu[data-open] > .oge-kumir-chrome__menu-item {
  background: var(--oge-kumir-chrome-menu-hover);
}

.oge-kumir-chrome__menu-item--active {
  font-weight: 600;
}

.oge-kumir-chrome__menu-dropdown--wide {
  min-width: 18.5rem;
}

.oge-kumir-chrome__menu-dropdown--windows {
  min-width: 19.5rem;
}

.oge-kumir-chrome__menu-heading {
  padding: 0.35rem 0.65rem 0.2rem;
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--oge-kumir-chrome-menu-text);
  opacity: 0.92;
}

.oge-kumir-chrome__menu-entry--active {
  font-weight: 600;
}

.oge-kumir-chrome__menu-entry--active .oge-kumir-chrome__menu-entry-label::before {
  content: "✓ ";
  opacity: 0.85;
}

.oge-kumir-chrome__menu-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 30;
  min-width: 15.5rem;
  margin: 0;
  padding: 0.2rem 0;
  border: 1px solid var(--oge-kumir-menu-dropdown-border);
  border-radius: 0;
  background-color: var(--oge-kumir-menu-dropdown-bg);
  box-shadow: var(--oge-kumir-menu-dropdown-shadow);
}

/* В body вне #oge-task15-kumir-trainer — явные непрозрачные цвета */
.oge-kumir-chrome__menu-dropdown--floating {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10050;
  background-color: #383838;
  border-color: #555;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
}

.oge-kumir-chrome__menu-dropdown--floating .oge-kumir-chrome__menu-entry {
  color: #e0e0e0;
  background-color: transparent;
}

.oge-kumir-chrome__menu-dropdown--floating .oge-kumir-chrome__menu-entry:hover:not(:disabled),
.oge-kumir-chrome__menu-dropdown--floating .oge-kumir-chrome__menu-entry:focus-visible {
  background-color: #4a4a4a;
}

.oge-kumir-chrome__menu-dropdown--floating .oge-kumir-chrome__menu-entry:disabled {
  color: #777;
}

.oge-kumir-chrome__menu-dropdown--floating .oge-kumir-chrome__menu-entry-shortcut,
.oge-kumir-chrome__menu-dropdown--floating .oge-kumir-chrome__menu-entry-arrow {
  color: #a8a8a8;
}

.oge-kumir-chrome__menu-dropdown--floating .oge-kumir-chrome__menu-separator {
  background-color: #555;
}

[data-theme="light"] .oge-kumir-chrome__menu-dropdown--floating {
  background-color: #fff;
  border-color: #c8c8c8;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
}

[data-theme="light"] .oge-kumir-chrome__menu-dropdown--floating .oge-kumir-chrome__menu-entry {
  color: #1a1a1a;
}

[data-theme="light"] .oge-kumir-chrome__menu-dropdown--floating .oge-kumir-chrome__menu-entry:hover:not(:disabled),
[data-theme="light"] .oge-kumir-chrome__menu-dropdown--floating .oge-kumir-chrome__menu-entry:focus-visible {
  background-color: #ececec;
}

[data-theme="light"] .oge-kumir-chrome__menu-dropdown--floating .oge-kumir-chrome__menu-entry:disabled {
  color: #999;
}

[data-theme="light"] .oge-kumir-chrome__menu-dropdown--floating .oge-kumir-chrome__menu-entry-shortcut,
[data-theme="light"] .oge-kumir-chrome__menu-dropdown--floating .oge-kumir-chrome__menu-entry-arrow {
  color: #666;
}

[data-theme="light"] .oge-kumir-chrome__menu-dropdown--floating .oge-kumir-chrome__menu-separator {
  background-color: #d8d8d8;
}

.oge-kumir-chrome__menu-dropdown[hidden] {
  display: none;
}

.oge-kumir-chrome__menu-entry {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  margin: 0;
  padding: 0.22rem 0.55rem;
  border: none;
  font-family: inherit;
  font-size: 0.72rem;
  line-height: 1.25;
  text-align: left;
  color: var(--oge-kumir-chrome-menu-text);
  background: transparent;
  cursor: pointer;
}

.oge-kumir-chrome__menu-entry:hover:not(:disabled),
.oge-kumir-chrome__menu-entry:focus-visible {
  background: var(--oge-kumir-menu-entry-hover);
  outline: none;
}

.oge-kumir-chrome__menu-entry:disabled {
  color: var(--oge-kumir-menu-entry-disabled);
  cursor: default;
}

.oge-kumir-chrome__menu-entry-label {
  flex: 1 1 auto;
  min-width: 0;
}

.oge-kumir-chrome__menu-entry-shortcut {
  flex: 0 0 auto;
  font-family: Tahoma, "Segoe UI", Arial, sans-serif;
  font-size: 0.68rem;
  line-height: 1.2;
  color: var(--oge-kumir-menu-entry-shortcut);
}

.oge-kumir-chrome__menu-entry-arrow {
  flex: 0 0 auto;
  font-size: 0.68rem;
  color: var(--oge-kumir-menu-entry-shortcut);
}

.oge-kumir-chrome__menu-separator {
  height: 1px;
  margin: 0.2rem 0.35rem;
  background: var(--oge-kumir-menu-separator);
}

.oge-kumir-chrome__menu-more,
.oge-kumir-chrome__toolbar-more {
  flex: 0 0 auto;
  margin-left: auto;
  padding: 0 0.35rem;
  font-size: 0.72rem;
  color: var(--oge-kumir-chrome-muted);
  user-select: none;
}

.oge-kumir-chrome__toolbar {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0.15rem;
  min-height: 1.85rem;
  padding: 0.1rem 0.2rem;
  overflow-x: auto;
  scrollbar-width: thin;
}

.oge-kumir-chrome__group {
  display: inline-flex;
  align-items: center;
  gap: 0.05rem;
  flex: 0 0 auto;
}

.oge-kumir-chrome__group + .oge-kumir-chrome__group {
  margin-left: 0.1rem;
  padding-left: 0.15rem;
  border-left: 1px solid var(--oge-kumir-chrome-group-border);
}

.oge-kumir-chrome__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.65rem;
  height: 1.65rem;
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 2px;
  background: transparent;
  color: var(--oge-kumir-chrome-btn-text);
  cursor: pointer;
  transition: background 0.1s ease, border-color 0.1s ease, color 0.2s ease;
}

.oge-kumir-chrome__btn:hover:not(:disabled) {
  background: var(--oge-kumir-chrome-btn-hover-bg);
  border-color: var(--oge-kumir-chrome-btn-hover-border);
}

.oge-kumir-chrome__btn:active:not(:disabled),
.oge-kumir-chrome__btn--active {
  background: var(--oge-kumir-chrome-btn-active-bg);
  border-color: var(--oge-kumir-chrome-btn-active-border);
  box-shadow: var(--oge-kumir-chrome-btn-active-shadow);
}

.oge-kumir-chrome__btn:disabled {
  opacity: 0.45;
  cursor: default;
}

.oge-kumir-chrome__btn--save.oge-kumir-chrome__btn--active {
  background: var(--oge-kumir-chrome-btn-save-bg);
  border-color: var(--oge-kumir-chrome-btn-save-border);
}

.oge-kumir-chrome__btn--label {
  width: 1.85rem;
}

.oge-kumir-chrome__label {
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--oge-kumir-chrome-label);
}

.oge-kumir-chrome__icon {
  width: 1.15rem;
  height: 1.15rem;
  display: block;
  pointer-events: none;
}

.oge-kumir-chrome__btn--coords .oge-kumir-chrome__icon {
  width: 1.25rem;
  height: 1.25rem;
}

.oge-kumir-trainer__workspace {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(140px, 42%) 6px minmax(160px, 1fr);
  gap: 0;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
}

.oge-kumir-trainer__split-resizer {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 0;
  height: 6px;
  min-height: 6px;
  cursor: row-resize;
  touch-action: none;
  background: rgba(255, 255, 255, 0.06);
  border: none;
  border-radius: 3px;
  transition: background 0.15s ease;
}

.oge-kumir-trainer__split-resizer::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.5rem;
  max-width: 40%;
  height: 3px;
  transform: translate(-50%, -50%);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.22);
  transition: background 0.15s ease, width 0.15s ease;
}

.oge-kumir-trainer__split-resizer:hover,
.oge-kumir-trainer__split-resizer:focus-visible,
.oge-kumir-trainer__split-resizer--dragging {
  background: rgba(76, 175, 80, 0.22);
  outline: none;
}

.oge-kumir-trainer__split-resizer:hover::before,
.oge-kumir-trainer__split-resizer:focus-visible::before,
.oge-kumir-trainer__split-resizer--dragging::before {
  background: rgba(129, 199, 132, 0.85);
  width: 3rem;
}

.oge-kumir-trainer--row-resize-active,
.oge-kumir-trainer--row-resize-active .oge-kumir-trainer__split-resizer {
  cursor: row-resize;
  user-select: none;
}

.oge-kumir-trainer--col-resize-active,
.oge-kumir-trainer--col-resize-active .oge-kumir-trainer__split-resizer {
  cursor: col-resize;
  user-select: none;
}

.oge-kumir-trainer__editor-panel,
.oge-kumir-trainer__robot-panel {
  display: flex;
  flex-direction: column;
  min-height: 0;
  border-radius: 0.5rem;
  overflow: hidden;
}

.oge-kumir-trainer__editor-panel {
  border: 1px solid var(--oge-kumir-editor-panel-border);
  background: var(--oge-kumir-editor-panel-bg);
  transition: background 0.2s ease, border-color 0.2s ease;
}

.oge-kumir-trainer__robot-panel {
  border: 1px solid var(--oge-kumir-robot-panel-border);
  background: var(--oge-kumir-robot-panel-bg);
}

.oge-kumir-trainer__panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.45rem 0.65rem;
  border-bottom: 1px solid var(--border-color, #3a4249);
  flex: 0 0 auto;
}

.oge-kumir-trainer__panel-title {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text, #e8eaed);
}

.oge-kumir-editor-wrap {
  display: flex;
  align-items: stretch;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  background: var(--oge-kumir-editor-wrap-bg);
  transition: background 0.2s ease;
}

.oge-kumir-editor-code-stack {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.oge-kumir-editor-scroll {
  display: flex;
  align-items: stretch;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 4.5rem;
  overflow: hidden;
}

.oge-kumir-console-split-resizer {
  position: relative;
  z-index: 2;
  flex: 0 0 6px;
  height: 6px;
  min-height: 6px;
  margin: 0;
  padding: 0;
  cursor: row-resize;
  touch-action: none;
  background: var(--oge-kumir-console-resizer-bg);
  border: none;
  border-top: 1px solid var(--oge-kumir-console-resizer-border);
  transition: background 0.15s ease, border-color 0.2s ease;
}

.oge-kumir-console-split-resizer::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.5rem;
  height: 3px;
  max-width: 40%;
  transform: translate(-50%, -50%);
  border-radius: 2px;
  background: var(--oge-kumir-console-resizer-handle);
  transition: background 0.15s ease, width 0.15s ease;
}

.oge-kumir-console-split-resizer:hover,
.oge-kumir-console-split-resizer:focus-visible,
.oge-kumir-console-split-resizer--dragging {
  background: var(--oge-kumir-console-resizer-hover);
  outline: none;
}

.oge-kumir-console-split-resizer:hover::before,
.oge-kumir-console-split-resizer:focus-visible::before,
.oge-kumir-console-split-resizer--dragging::before {
  background: var(--oge-kumir-help-resizer-handle-hover);
  width: 3rem;
}

.oge-kumir-trainer--console-row-resize-active,
.oge-kumir-trainer--console-row-resize-active .oge-kumir-console-split-resizer {
  cursor: row-resize;
  user-select: none;
}

.oge-kumir-console {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  min-height: 3.5rem;
  overflow: hidden;
  border-top: 1px solid var(--oge-kumir-console-border);
  background: var(--oge-kumir-console-bg);
  transition: background 0.2s ease, border-color 0.2s ease;
}

.oge-kumir-console__body {
  flex: 1 1 auto;
  min-height: 0;
  margin: 0;
  padding: 0.35rem 0.55rem;
  overflow: auto;
  font-family: Tahoma, "Segoe UI", Arial, sans-serif;
  font-size: 0.72rem;
  line-height: 1.45;
  color: var(--oge-kumir-console-text);
  font-style: italic;
}

.oge-kumir-console__line {
  white-space: pre-wrap;
  word-break: break-word;
}

.oge-kumir-console__line--error {
  color: var(--oge-kumir-console-error);
  font-style: normal;
  font-weight: 600;
}

.oge-kumir-console__line--output {
  color: var(--oge-kumir-console-output);
  font-style: normal;
}

.oge-kumir-status-bar {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  flex: 0 0 auto;
  min-height: 1.65rem;
  padding: 0.18rem 0.45rem;
  border-top: 1px solid var(--oge-kumir-status-bar-border);
  background: var(--oge-kumir-status-bar-bg);
  font-family: Tahoma, "Segoe UI", Arial, sans-serif;
  font-size: 0.72rem;
  color: var(--oge-kumir-status-bar-text);
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.oge-kumir-status-bar__tools {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  flex: 0 0 auto;
}

.oge-kumir-status-bar__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.2rem;
  padding: 0;
  border: 1px solid var(--oge-kumir-status-bar-btn-border);
  border-radius: 2px;
  background: var(--oge-kumir-status-bar-btn-bg);
  color: var(--oge-kumir-status-bar-muted);
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.oge-kumir-status-bar__btn:hover {
  background: rgba(0, 0, 0, 0.06);
}

.oge-kumir-status-bar__btn--active,
.oge-kumir-status-bar__btn--console.oge-kumir-status-bar__btn--active {
  background: var(--oge-kumir-status-bar-btn-active-bg);
  border-color: var(--oge-kumir-status-bar-btn-active-bg);
  color: var(--oge-kumir-status-bar-btn-active-text);
}

.oge-kumir-status-bar__btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.62rem;
  font-weight: 700;
  font-style: normal;
  line-height: 1;
  font-family: "Consolas", "JetBrains Mono", monospace;
}

.oge-kumir-status-bar__btn-icon--save,
.oge-kumir-status-bar__btn-icon--copy,
.oge-kumir-status-bar__btn-icon--clear {
  width: 0.78rem;
  height: 0.78rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.oge-kumir-status-bar__btn-icon--save {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23555' d='M2 2h9l3 3v9a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1zm1 1v11h10V5h-3V3H3zm2 0h4v2H5V3zm1 7h4v3H6v-3z'/%3E%3C/svg%3E");
}

.oge-kumir-status-bar__btn-icon--copy {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23555' d='M4 2h7a2 2 0 0 1 2 2v7h-1V4H4V2zm2 3h6a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2zm0 1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H6z'/%3E%3C/svg%3E");
}

.oge-kumir-status-bar__btn-icon--clear {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23555' d='M6 1h4l1 1h3v1H2V2h3l1-1zm1 4h1v7H7V5zm3 0h1v7h-1V5zM4 5h1v8a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V5h1v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V5z'/%3E%3C/svg%3E");
}

.oge-kumir-status-bar__mode {
  flex: 0 0 auto;
  color: var(--oge-kumir-status-bar-muted);
}

.oge-kumir-status-bar__steps {
  flex: 1 1 auto;
  text-align: right;
  color: var(--oge-kumir-status-bar-text);
  white-space: nowrap;
}

.oge-kumir-help-split-resizer {
  position: relative;
  z-index: 2;
  flex: 0 0 6px;
  width: 6px;
  min-width: 6px;
  margin: 0;
  padding: 0;
  cursor: col-resize;
  touch-action: none;
  background: var(--oge-kumir-help-resizer-bg);
  border: none;
  border-left: 1px solid var(--oge-kumir-help-resizer-border);
  transition: background 0.15s ease, border-color 0.2s ease;
}

.oge-kumir-help-split-resizer::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 2.5rem;
  max-height: 40%;
  transform: translate(-50%, -50%);
  border-radius: 2px;
  background: var(--oge-kumir-help-resizer-handle);
  transition: background 0.15s ease, height 0.15s ease;
}

.oge-kumir-help-split-resizer:hover,
.oge-kumir-help-split-resizer:focus-visible,
.oge-kumir-help-split-resizer--dragging {
  background: var(--oge-kumir-help-resizer-hover);
  outline: none;
}

.oge-kumir-help-split-resizer:hover::before,
.oge-kumir-help-split-resizer:focus-visible::before,
.oge-kumir-help-split-resizer--dragging::before {
  background: var(--oge-kumir-help-resizer-handle-hover);
  height: 3rem;
}

.oge-kumir-trainer--help-col-resize-active,
.oge-kumir-trainer--help-col-resize-active .oge-kumir-help-split-resizer {
  cursor: col-resize;
  user-select: none;
}

.oge-kumir-help-column {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  min-width: 72px;
  background: var(--oge-kumir-help-bg);
  transition: background 0.2s ease;
}

.oge-kumir-help-column__body {
  flex: 1 1 auto;
  min-height: 0;
  margin: 0;
  padding: 0.45rem 0.5rem;
  overflow: auto;
  font-family: Tahoma, "Segoe UI", Arial, sans-serif;
  font-size: 0.72rem;
  line-height: 1.4;
  color: var(--oge-kumir-help-text);
  white-space: pre-wrap;
  word-break: break-word;
  transition: color 0.2s ease;
}

.oge-kumir-help-column__body--error {
  color: var(--oge-kumir-help-error);
  font-weight: 600;
}

.oge-kumir-help-column__body--output {
  color: var(--oge-kumir-help-output);
  font-family: "JetBrains Mono", "Consolas", monospace;
  font-size: 0.7rem;
  font-weight: 400;
}

.oge-kumir-help-column__body--trace {
  padding: 0.45rem 0.55rem;
  color: var(--oge-kumir-help-output);
  font-family: Tahoma, "Segoe UI", Arial, sans-serif;
  font-size: 0.78rem;
  line-height: 1.45;
  font-weight: 400;
  white-space: normal;
}

.oge-kumir-help-column__line {
  min-height: 1.45em;
  line-height: 1.45;
}

.oge-kumir-help-column__body--debug {
  color: var(--oge-kumir-help-debug);
  font-family: "JetBrains Mono", "Consolas", monospace;
  font-size: 0.68rem;
  font-weight: 400;
}

.oge-kumir-editor-gutter {
  flex: 0 0 2.35rem;
  padding: 0.45rem 0.3rem 0.45rem 0.1rem;
  text-align: right;
  color: var(--oge-kumir-gutter-text);
  background: var(--oge-kumir-gutter-bg);
  border-right: 1px solid var(--oge-kumir-gutter-border);
  user-select: none;
  overflow: hidden;
  font-family: Tahoma, "Segoe UI", Arial, sans-serif;
  font-size: 0.78rem;
  line-height: 1.45;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.oge-kumir-editor-gutter__line {
  min-height: 1.45em;
}

.oge-kumir-editor-body {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 100%;
}

.oge-kumir-editor-highlight,
.oge-kumir-trainer__editor {
  margin: 0;
  padding: 0.45rem 0.55rem;
  border: 0;
  font-family: Tahoma, "Segoe UI", Arial, sans-serif;
  font-size: 0.78rem;
  line-height: 1.45;
  tab-size: 2;
  white-space: pre;
  box-sizing: border-box;
}

.oge-kumir-editor-highlight {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-height: 100%;
  pointer-events: none;
  color: var(--oge-kumir-highlight-text);
  overflow: hidden;
  background: var(--oge-kumir-highlight-bg);
  transition: background 0.2s ease, color 0.2s ease;
}

.oge-kumir-editor-highlight .oge-kumir-hl--keyword {
  color: var(--oge-kumir-hl-keyword);
  font-weight: 700;
}

.oge-kumir-editor-highlight .oge-kumir-hl--command {
  color: var(--oge-kumir-hl-command);
}

.oge-kumir-editor-highlight .oge-kumir-hl--module {
  color: var(--oge-kumir-hl-module);
  font-weight: 600;
}

.oge-kumir-editor-highlight .oge-kumir-hl--indent-dot {
  color: var(--oge-kumir-hl-indent);
}

.oge-kumir-trainer__editor {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  resize: none;
  overflow: auto;
  color: transparent;
  caret-color: var(--oge-kumir-caret);
  background: transparent;
}

.oge-kumir-trainer__editor::selection {
  background: var(--oge-kumir-selection);
}

.oge-kumir-trainer__editor:focus {
  outline: none;
}

.oge-kumir-trainer__robot-panel .oge-kumir-trainer__panel-header {
  background: var(--oge-kumir-robot-header-bg);
  border-bottom-color: var(--oge-kumir-robot-header-border);
}

.oge-kumir-trainer__robot-panel .oge-kumir-trainer__panel-title {
  color: var(--oge-kumir-robot-title);
}

.oge-kumir-trainer__robot-viewport {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}

.oge-kumir-trainer__robot-viewport--setup-edit {
  background: #6ba3d6;
}

.oge-kumir-trainer__robot-board {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 0.5rem;
  background: var(--oge-kumir-field-board-bg);
  transition: background 0.2s ease;
}

.oge-kumir-trainer__robot-board[hidden] {
  display: none;
}

.oge-kumir-setup-editor {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  min-height: 0;
  overflow: auto;
  padding: 1.25rem 1rem 1rem;
  background: #6ba3d6;
}

.oge-kumir-setup-editor[hidden] {
  display: none;
}

.oge-kumir-setup-editor__main {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0;
}

.oge-kumir-setup-editor__field {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.oge-kumir-setup-editor__field canvas {
  display: block;
  max-width: none;
  height: auto;
  touch-action: none;
}

.oge-kumir-setup-editor__row-tools {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  align-self: center;
  justify-content: center;
  gap: 4px;
  margin-left: 2px;
  padding: 4px 3px;
  background: #ececec;
  border: 1px solid #8a8a8a;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.oge-kumir-setup-editor__col-tools {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-top: 2px;
  padding: 3px 5px;
  background: #ececec;
  border: 1px solid #8a8a8a;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

#oge-task15-kumir-trainer .oge-kumir-setup-editor__grid-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 1.375rem;
  height: 1.375rem;
  padding: 0;
  margin: 0;
  border: 1px solid rgba(0, 0, 0, 0.22);
  border-radius: 50%;
  appearance: none;
  -webkit-appearance: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.45),
    0 1px 2px rgba(0, 0, 0, 0.28);
  color: #fff;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition:
    filter 0.12s ease,
    box-shadow 0.12s ease,
    transform 0.08s ease;
}

#oge-task15-kumir-trainer .oge-kumir-setup-editor__grid-btn--add {
  background: linear-gradient(180deg, #c5e86c 0%, #7cb342 38%, #558b2f 72%, #33691e 100%);
}

#oge-task15-kumir-trainer .oge-kumir-setup-editor__grid-btn--remove {
  background: linear-gradient(180deg, #ff8a80 0%, #e53935 40%, #c62828 72%, #b71c1c 100%);
}

#oge-task15-kumir-trainer .oge-kumir-setup-editor__grid-btn:hover {
  filter: brightness(1.06);
}

#oge-task15-kumir-trainer .oge-kumir-setup-editor__grid-btn:focus,
#oge-task15-kumir-trainer .oge-kumir-setup-editor__grid-btn:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.65);
  outline-offset: 1px;
}

#oge-task15-kumir-trainer .oge-kumir-setup-editor__grid-btn:active {
  filter: brightness(0.92);
  transform: translateY(1px);
  box-shadow:
    inset 0 1px 3px rgba(0, 0, 0, 0.35),
    0 0 1px rgba(0, 0, 0, 0.2);
}

.oge-kumir-chrome__menu-entry--active {
  background: var(--oge-kumir-menu-entry-hover);
  font-weight: 600;
}

.oge-kumir-field-stage {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 100%;
  min-height: 100%;
}

.oge-kumir-field-zoom,
.oge-kumir-setup-field-zoom {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.oge-kumir-trainer__robot-board canvas {
  display: block;
  max-width: none;
  height: auto;
  touch-action: none;
}

.oge-kumir-trainer__robot-board canvas.oge-kumir-robot-board--dragging {
  cursor: grabbing;
}

@media (min-width: 900px) {
  .oge-kumir-trainer__workspace {
    grid-template-rows: none;
    grid-template-columns: minmax(180px, 45%) 6px minmax(220px, 1fr);
  }

  .oge-kumir-trainer__split-resizer {
    width: 6px;
    min-width: 6px;
    height: auto;
    min-height: 0;
    cursor: col-resize;
  }

  .oge-kumir-trainer__split-resizer::before {
    width: 3px;
    height: 2.5rem;
    max-height: 40%;
    max-width: none;
  }

  .oge-kumir-trainer__split-resizer:hover::before,
  .oge-kumir-trainer__split-resizer:focus-visible::before,
  .oge-kumir-trainer__split-resizer--dragging::before {
    width: 3px;
    height: 3rem;
  }
}

/* Kumir в условии задания и в HTML-решении — без рамок и фона, только подсветка */
.variant-exam--oge {
  --oge-kumir-statement-text: inherit;
  --oge-kumir-hl-keyword: #111;
  --oge-kumir-hl-command: #1a4fd6;
  --oge-kumir-hl-module: #1b7f1b;
  --oge-kumir-hl-indent: #555;
}

[data-theme="dark"] .variant-exam--oge {
  --oge-kumir-hl-keyword: #f0f0f0;
  --oge-kumir-hl-command: #6eb0ff;
  --oge-kumir-hl-module: #81c784;
  --oge-kumir-hl-indent: #8b939c;
}

.variant-exam--oge .task-statement pre.task-wysiwyg__pre--kumir.task-wysiwyg__pre--highlighted,
.variant-exam--oge .task-solution-html-wrap__inner pre.task-wysiwyg__pre--kumir.task-wysiwyg__pre--highlighted {
  margin: 0.35rem 0;
  padding: 0;
  overflow-x: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--oge-kumir-statement-text);
  font-family: Tahoma, "Segoe UI", Arial, sans-serif;
  font-size: inherit;
  line-height: 1.45;
  white-space: pre;
  tab-size: 2;
}

.variant-exam--oge .task-wysiwyg__pre--kumir .oge-kumir-hl--keyword {
  color: var(--oge-kumir-hl-keyword);
  font-weight: 700;
}

.variant-exam--oge .task-wysiwyg__pre--kumir .oge-kumir-hl--command {
  color: var(--oge-kumir-hl-command);
}

.variant-exam--oge .task-wysiwyg__pre--kumir .oge-kumir-hl--module {
  color: var(--oge-kumir-hl-module);
  font-weight: 600;
}

.variant-exam--oge .task-wysiwyg__pre--kumir .oge-kumir-hl--indent-dot {
  color: var(--oge-kumir-hl-indent);
}

.oge-kumir-new-setup-dialog {
  position: fixed;
  inset: 0;
  z-index: 12000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.28);
}

.oge-kumir-new-setup-dialog[hidden] {
  display: none;
}

.oge-kumir-new-setup-dialog__window {
  width: min(100%, 19.5rem);
  border: 1px solid #6a6a6a;
  border-radius: 0;
  background: #ece9d8;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
  color: #000;
  font-family: Tahoma, "Segoe UI", Arial, sans-serif;
  font-size: 0.8125rem;
}

.oge-kumir-new-setup-dialog__titlebar {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 1.75rem;
  padding: 0.15rem 0.2rem 0.15rem 0.35rem;
  background: linear-gradient(180deg, #0a246a 0%, #0a246a 8%, #3a6ea5 40%, #4d8fd1 88%, #3a6ea5 100%);
  color: #fff;
}

.oge-kumir-new-setup-dialog__titlebar-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  background: #1a3f7a;
  border: 1px solid rgba(255, 255, 255, 0.35);
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1;
}

.oge-kumir-new-setup-dialog__title {
  flex: 1 1 auto;
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.2;
}

.oge-kumir-new-setup-dialog__titlebar-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 0.95rem;
  line-height: 1;
  cursor: pointer;
}

.oge-kumir-new-setup-dialog__titlebar-btn:hover {
  background: rgba(255, 255, 255, 0.16);
}

.oge-kumir-new-setup-dialog__body {
  padding: 0.85rem 1rem 0.65rem;
}

.oge-kumir-new-setup-dialog__heading {
  margin: 0 0 0.75rem;
  text-align: center;
  font-size: 0.8125rem;
}

.oge-kumir-new-setup-dialog__fields {
  display: flex;
  justify-content: center;
  gap: 1.25rem;
}

.oge-kumir-new-setup-dialog__field {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
}

.oge-kumir-new-setup-dialog__label {
  font-size: 0.8125rem;
}

.oge-kumir-new-setup-dialog__spin {
  display: flex;
  align-items: stretch;
}

.oge-kumir-new-setup-dialog__input {
  width: 3.25rem;
  height: 1.375rem;
  padding: 0 0.25rem;
  border: 1px solid #7f9db9;
  border-right: 0;
  background: #fff;
  color: #000;
  font: inherit;
  text-align: center;
  box-sizing: border-box;
  -moz-appearance: textfield;
}

.oge-kumir-new-setup-dialog__input::-webkit-outer-spin-button,
.oge-kumir-new-setup-dialog__input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.oge-kumir-new-setup-dialog__spin-btns {
  display: flex;
  flex-direction: column;
  width: 1rem;
  border: 1px solid #7f9db9;
  border-left: 0;
  background: #f0f0f0;
}

.oge-kumir-new-setup-dialog__spin-btn {
  flex: 1 1 50%;
  padding: 0;
  border: 0;
  background: linear-gradient(180deg, #fff 0%, #e8e8e8 100%);
  color: #222;
  font-size: 0.5rem;
  line-height: 1;
  cursor: pointer;
}

.oge-kumir-new-setup-dialog__spin-btn + .oge-kumir-new-setup-dialog__spin-btn {
  border-top: 1px solid #b0b0b0;
}

.oge-kumir-new-setup-dialog__spin-btn:hover {
  background: linear-gradient(180deg, #fff 0%, #d8e8ff 100%);
}

.oge-kumir-new-setup-dialog__actions {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.35rem 1rem 0.85rem;
}

.oge-kumir-new-setup-dialog__btn {
  min-width: 4.75rem;
  padding: 0.2rem 0.75rem;
  border: 1px solid #7f9db9;
  border-radius: 0;
  background: linear-gradient(180deg, #fff 0%, #ece9d8 100%);
  color: #000;
  font: inherit;
  cursor: pointer;
}

.oge-kumir-new-setup-dialog__btn:hover {
  background: linear-gradient(180deg, #fff 0%, #d8e8ff 100%);
}

.oge-kumir-new-setup-dialog__btn--primary {
  border-color: #003c74;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}
