:root {
  color-scheme: dark;
  --cormid-bg: #080a10;
  --cormid-bg-soft: #10131c;
  --cormid-panel: rgba(17, 19, 28, 0.9);
  --cormid-panel-strong: rgba(22, 25, 36, 0.96);
  --cormid-panel-muted: rgba(255, 255, 255, 0.045);
  --cormid-ink: #edf3ff;
  --cormid-ink-soft: #b9c4d6;
  --cormid-muted: #7e8aa3;
  --cormid-faint: #536078;
  --cormid-line: rgba(190, 205, 230, 0.14);
  --cormid-line-strong: rgba(94, 114, 228, 0.42);
  --cormid-primary: #5e72e4;
  --cormid-primary-strong: #7c8dff;
  --cormid-primary-soft: rgba(94, 114, 228, 0.18);
  --cormid-mint: #22c7a9;
  --cormid-mint-soft: rgba(34, 199, 169, 0.17);
  --cormid-amber: #f5b84b;
  --cormid-amber-soft: rgba(245, 184, 75, 0.17);
  --cormid-rose: #f0648a;
  --cormid-rose-soft: rgba(240, 100, 138, 0.18);
  --cormid-shadow: 0 18px 42px rgba(0, 0, 0, 0.32);
  --cormid-shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.2);
  --cormid-radius: 8px;
  --cormid-font: Inter, "Microsoft YaHei UI", "PingFang SC", "Noto Sans SC", system-ui, sans-serif;
}

html,
html.dark,
html[class*="dark"] {
  color-scheme: dark !important;
}

html,
body,
#app {
  min-height: 100vh;
}

body {
  background:
    linear-gradient(90deg, rgba(8, 10, 16, 0.92) 0%, rgba(8, 10, 16, 0.74) 42%, rgba(8, 10, 16, 0.9) 100%),
    linear-gradient(180deg, rgba(8, 10, 16, 0.5) 0%, rgba(8, 10, 16, 0.88) 100%),
    url("/_branding/wallpaper-k-on.jpg"),
    linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px),
    linear-gradient(135deg, #080a10 0%, #0d1018 42%, #15121b 100%) !important;
  background-attachment: fixed, fixed, fixed, fixed, fixed, fixed !important;
  background-position: center, center, center 42%, center, center, center !important;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat, repeat, no-repeat !important;
  background-size: cover, cover, cover, 28px 28px, 28px 28px, auto !important;
  color: var(--cormid-ink) !important;
  font-family: var(--cormid-font) !important;
  letter-spacing: 0 !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 18%, rgba(94, 114, 228, 0.2), transparent 30%),
    radial-gradient(circle at 82% 78%, rgba(34, 199, 169, 0.11), transparent 28%),
    linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.014) 1px, transparent 1px);
  background-size: auto, auto, 28px 28px, 28px 28px;
  mix-blend-mode: screen;
}

* {
  scrollbar-color: rgba(94, 114, 228, 0.46) transparent;
}

a,
.el-link,
.ant-typography a,
[class*="link"],
[class*="Link"] {
  color: var(--cormid-primary-strong) !important;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.el-page-header__title,
.ant-typography,
[class*="title"],
[class*="Title"] {
  color: var(--cormid-ink) !important;
  letter-spacing: 0 !important;
}

p,
span,
label,
small,
.el-form-item__label,
.ant-form-item-label > label,
[class*="description"],
[class*="Description"],
[class*="subtitle"],
[class*="Subtitle"] {
  letter-spacing: 0 !important;
}

body,
p,
.el-text,
.ant-typography,
.n-text,
td {
  color: var(--cormid-ink-soft) !important;
}

header,
.el-header,
.ant-layout-header,
[class*="navbar"],
[class*="Navbar"],
[class*="topbar"],
[class*="Topbar"],
[class*="header"],
[class*="Header"] {
  background: rgba(10, 12, 18, 0.76) !important;
  border-bottom: 1px solid var(--cormid-line) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px);
}

aside,
.el-aside,
.ant-layout-sider,
.el-menu,
.ant-menu,
.n-menu,
.sidebar,
.sidebar-nav,
[class*="Sidebar"],
[class*="sider"],
[class*="Sider"] {
  background: rgba(12, 14, 21, 0.9) !important;
  border-color: var(--cormid-line) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px);
}

.el-menu-item,
.ant-menu-item,
.n-menu-item,
.sidebar-link,
[role="menuitem"] {
  color: var(--cormid-ink-soft) !important;
  border-radius: 8px !important;
}

.el-menu-item:hover,
.ant-menu-item:hover,
.n-menu-item:hover,
.sidebar-link:hover,
[role="menuitem"]:hover {
  background: var(--cormid-panel-muted) !important;
  color: var(--cormid-ink) !important;
}

.el-menu-item.is-active,
.ant-menu-item-selected,
.n-menu-item-content--selected,
.sidebar-link-active,
[aria-current="page"] {
  background: linear-gradient(135deg, var(--cormid-primary-soft), var(--cormid-mint-soft)) !important;
  color: var(--cormid-ink) !important;
  border: 1px solid rgba(94, 114, 228, 0.24) !important;
}

main,
.el-main,
.ant-layout,
.ant-layout-content,
[class*="content"],
[class*="Content"],
[class*="page"],
[class*="Page"] {
  background: transparent !important;
}

body:has(a[href="/admin/dashboard"]) > #app > .relative.flex.min-h-screen,
body:has(a[href="/dashboard"]) > #app > .relative.flex.min-h-screen,
#app > .relative.flex.min-h-screen.bg-gradient-to-br {
  background:
    linear-gradient(90deg, rgba(5, 8, 16, 0.68) 0%, rgba(5, 8, 16, 0.54) 44%, rgba(5, 8, 16, 0.72) 100%),
    linear-gradient(180deg, rgba(5, 8, 16, 0.22) 0%, rgba(5, 8, 16, 0.76) 100%),
    url("/_branding/wallpaper-k-on.jpg") center 42% / cover no-repeat fixed !important;
}

body:has(a[href="/admin/dashboard"]) > #app > .relative.flex.min-h-screen::before,
body:has(a[href="/dashboard"]) > #app > .relative.flex.min-h-screen::before,
#app > .relative.flex.min-h-screen.bg-gradient-to-br::before {
  opacity: 0.56 !important;
}

.table-page-layout,
.layout-section-fixed,
.layout-section-scrollable,
.sidebar-header,
.sidebar-footer {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.el-card,
.ant-card,
.n-card,
.card,
[class*="card"],
[class*="Card"],
.el-dialog,
.ant-modal-content,
.n-modal,
.el-drawer,
.ant-drawer-content {
  background: rgba(13, 16, 25, 0.82) !important;
  border: 1px solid var(--cormid-line) !important;
  border-radius: var(--cormid-radius) !important;
  box-shadow: var(--cormid-shadow-soft) !important;
  color: var(--cormid-ink-soft) !important;
  backdrop-filter: blur(18px) saturate(1.08);
}

.el-card:hover,
.ant-card:hover,
.n-card:hover,
.card:hover,
[class*="card"]:hover,
[class*="Card"]:hover {
  border-color: var(--cormid-line-strong) !important;
  box-shadow: var(--cormid-shadow) !important;
}

.el-card__header,
.ant-card-head,
.n-card-header,
.el-dialog__header,
.ant-modal-header,
.n-modal-header {
  background: rgba(255, 255, 255, 0.025) !important;
  border-color: var(--cormid-line) !important;
  color: var(--cormid-ink) !important;
}

.el-card__body,
.ant-card-body,
.n-card__content,
.el-dialog__body,
.ant-modal-body {
  color: var(--cormid-ink-soft) !important;
}

.el-table,
.ant-table-wrapper,
.ant-table,
.n-data-table,
table {
  background: rgba(12, 15, 23, 0.9) !important;
  border: 1px solid var(--cormid-line) !important;
  border-radius: var(--cormid-radius) !important;
  box-shadow: var(--cormid-shadow-soft) !important;
  overflow: hidden;
  backdrop-filter: blur(18px);
}

.el-table__inner-wrapper,
.el-table__body-wrapper,
.ant-table-container,
.ant-table-content,
.n-data-table-wrapper {
  background: transparent !important;
}

.el-table th,
.el-table tr,
.el-table td,
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td,
.n-data-table-th,
.n-data-table-td,
thead th,
tbody td {
  background: transparent !important;
  border-color: rgba(190, 205, 230, 0.1) !important;
  color: var(--cormid-ink-soft) !important;
}

.el-table th,
.ant-table-thead > tr > th,
.n-data-table-th,
thead th {
  background: rgba(255, 255, 255, 0.04) !important;
  color: var(--cormid-ink) !important;
  font-weight: 650 !important;
}

.el-table tr:hover > td,
.ant-table-tbody > tr:hover > td,
.n-data-table-tr:hover,
tbody tr:hover {
  background: rgba(94, 114, 228, 0.09) !important;
}

.el-button,
.ant-btn,
.n-button,
button {
  border-radius: var(--cormid-radius) !important;
  border-color: var(--cormid-line) !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: var(--cormid-ink) !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  transition: transform 150ms ease, box-shadow 150ms ease, background-color 150ms ease, border-color 150ms ease !important;
}

.el-button:hover,
.ant-btn:hover,
.n-button:hover,
button:hover {
  border-color: rgba(34, 199, 169, 0.42) !important;
  background: rgba(255, 255, 255, 0.085) !important;
  transform: translateY(-1px);
}

.el-button--primary,
.ant-btn-primary,
.n-button--primary-type,
.btn-primary,
button[type="submit"] {
  background: linear-gradient(135deg, var(--cormid-primary), #22a99c) !important;
  border-color: rgba(124, 141, 255, 0.62) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(34, 199, 169, 0.18) !important;
}

.el-button--primary:hover,
.ant-btn-primary:hover,
.n-button--primary-type:hover,
.btn-primary:hover,
button[type="submit"]:hover {
  background: linear-gradient(135deg, var(--cormid-primary-strong), var(--cormid-mint)) !important;
  box-shadow: 0 14px 30px rgba(94, 114, 228, 0.24) !important;
}

.sidebar-link {
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}

.sidebar-link:hover {
  background: var(--cormid-panel-muted) !important;
  border-color: transparent !important;
}

.sidebar-link.sidebar-link-active {
  background: linear-gradient(135deg, var(--cormid-primary-soft), var(--cormid-mint-soft)) !important;
  border-color: rgba(94, 114, 228, 0.28) !important;
  color: var(--cormid-ink) !important;
}

input,
textarea,
select,
.el-input__wrapper,
.el-textarea__inner,
.el-select__wrapper,
.ant-input,
.ant-input-affix-wrapper,
.ant-select-selector,
.n-input,
.n-input-wrapper {
  background: rgba(6, 8, 13, 0.68) !important;
  border-color: var(--cormid-line) !important;
  border-radius: var(--cormid-radius) !important;
  box-shadow: none !important;
  color: var(--cormid-ink) !important;
}

input::placeholder,
textarea::placeholder,
.el-input__inner::placeholder,
.ant-input::placeholder {
  color: var(--cormid-faint) !important;
}

input:focus,
textarea:focus,
select:focus,
.el-input__wrapper.is-focus,
.el-select__wrapper.is-focused,
.ant-input:focus,
.ant-input-affix-wrapper-focused,
.ant-select-focused .ant-select-selector,
.n-input--focus {
  border-color: rgba(34, 199, 169, 0.72) !important;
  box-shadow: 0 0 0 3px rgba(34, 199, 169, 0.14) !important;
}

.el-dropdown-menu,
.ant-dropdown-menu,
.el-select-dropdown,
.ant-select-dropdown,
.n-dropdown-menu,
.n-base-select-menu,
[role="listbox"],
[role="menu"] {
  background: var(--cormid-panel-strong) !important;
  border: 1px solid var(--cormid-line) !important;
  border-radius: var(--cormid-radius) !important;
  box-shadow: var(--cormid-shadow) !important;
}

.el-dropdown-menu__item,
.ant-dropdown-menu-item,
.el-select-dropdown__item,
.ant-select-item,
.n-dropdown-option,
[role="option"] {
  color: var(--cormid-ink-soft) !important;
}

.el-dropdown-menu__item:hover,
.ant-dropdown-menu-item:hover,
.el-select-dropdown__item.hover,
.ant-select-item-option-active,
.n-dropdown-option:hover,
[role="option"]:hover {
  background: var(--cormid-panel-muted) !important;
  color: var(--cormid-ink) !important;
}

.el-tag,
.ant-tag,
.n-tag,
.badge,
[class*="badge"],
[class*="Badge"] {
  background: var(--cormid-primary-soft) !important;
  border-color: rgba(124, 141, 255, 0.36) !important;
  border-radius: 999px !important;
  color: var(--cormid-ink) !important;
}

.el-tag--success,
.ant-tag-success,
.n-tag--success,
[class*="badge"][class*="success"],
[class*="Badge"][class*="Success"] {
  --el-color-success: var(--cormid-mint);
  background-color: var(--cormid-mint-soft) !important;
  border-color: rgba(34, 199, 169, 0.38) !important;
}

.el-tag--warning,
.ant-tag-warning,
.n-tag--warning,
[class*="badge"][class*="warning"],
[class*="Badge"][class*="Warning"] {
  --el-color-warning: var(--cormid-amber);
  background-color: var(--cormid-amber-soft) !important;
  border-color: rgba(245, 184, 75, 0.38) !important;
}

.el-tag--danger,
.ant-tag-error,
.n-tag--error,
[class*="badge"][class*="danger"],
[class*="Badge"][class*="Danger"],
[class*="badge"][class*="error"],
[class*="Badge"][class*="Error"] {
  --el-color-danger: var(--cormid-rose);
  background-color: var(--cormid-rose-soft) !important;
  border-color: rgba(240, 100, 138, 0.4) !important;
}

.el-alert,
.ant-alert,
.n-alert {
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid var(--cormid-line) !important;
  border-radius: var(--cormid-radius) !important;
  color: var(--cormid-ink-soft) !important;
}

.el-tabs__nav-wrap::after,
.el-divider,
.ant-divider,
.n-divider {
  background-color: var(--cormid-line) !important;
  border-color: var(--cormid-line) !important;
}

.el-tabs__item,
.ant-tabs-tab,
.n-tabs-tab {
  color: var(--cormid-muted) !important;
}

.el-tabs__item.is-active,
.ant-tabs-tab-active,
.n-tabs-tab--active {
  color: var(--cormid-ink) !important;
}

.el-tabs__active-bar,
.ant-tabs-ink-bar,
.n-tabs-bar {
  background: linear-gradient(90deg, var(--cormid-primary), var(--cormid-mint)) !important;
}

code,
pre,
.ant-typography code {
  background: rgba(0, 0, 0, 0.28) !important;
  border: 1px solid rgba(190, 205, 230, 0.12) !important;
  border-radius: 6px !important;
  color: #d7f8ef !important;
}

svg,
.el-icon,
.anticon {
  color: currentColor;
}

.cormid-bulk-test-launch {
  position: fixed;
  top: 86px;
  right: 22px;
  bottom: auto;
  z-index: 2500;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 13px;
  border: 1px solid rgba(124, 141, 255, 0.42);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(94, 114, 228, 0.9), rgba(34, 199, 169, 0.72));
  color: #ffffff;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.28);
  font: 700 13px/1 var(--cormid-font);
  letter-spacing: 0 !important;
  cursor: pointer;
  backdrop-filter: blur(18px);
}

.cormid-bulk-test-launch:hover {
  border-color: rgba(255, 255, 255, 0.48);
  transform: translateY(-1px);
}

.cormid-bulk-test-launch span {
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
}

.cormid-bulk-test {
  position: fixed;
  inset: 0;
  z-index: 5000;
  display: grid;
  place-items: center;
  padding: 18px;
  color: var(--cormid-ink);
  font-family: var(--cormid-font);
}

.cormid-bulk-test__backdrop {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(4, 6, 11, 0.72), rgba(4, 6, 11, 0.82)),
    url("/_branding/wallpaper-k-on.jpg") center 42% / cover no-repeat;
  filter: saturate(0.9);
}

.cormid-bulk-test__panel {
  position: relative;
  display: flex;
  flex-direction: column;
  width: min(880px, 100%);
  max-height: min(760px, calc(100vh - 36px));
  overflow: hidden;
  border: 1px solid rgba(180, 197, 225, 0.2);
  border-radius: 14px;
  background: rgba(8, 11, 18, 0.9);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.48);
  backdrop-filter: blur(24px) saturate(1.08);
}

.cormid-bulk-test__header,
.cormid-bulk-test__toolbar,
.cormid-bulk-test__footer,
.cormid-bulk-test__stats {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
}

.cormid-bulk-test__header {
  justify-content: space-between;
  border-bottom: 1px solid rgba(180, 197, 225, 0.14);
}

.cormid-bulk-test__header h2 {
  margin: 0 0 6px;
  color: var(--cormid-ink) !important;
  font-size: 19px;
  line-height: 1.2;
}

.cormid-bulk-test__header p {
  margin: 0;
  color: var(--cormid-muted) !important;
  font-size: 13px;
}

.cormid-bulk-test__close,
.cormid-bulk-test__start,
.cormid-bulk-test__copy,
.cormid-bulk-test__cancel {
  min-height: 36px;
  border: 1px solid rgba(180, 197, 225, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--cormid-ink);
  font: 700 13px/1 var(--cormid-font);
  cursor: pointer;
}

.cormid-bulk-test__close {
  width: 38px;
  padding: 0;
  font-size: 24px;
  font-weight: 400;
}

.cormid-bulk-test__start {
  margin-left: auto;
  padding: 0 16px;
  background: linear-gradient(135deg, rgba(94, 114, 228, 0.95), rgba(34, 199, 169, 0.72));
  border-color: rgba(124, 141, 255, 0.38);
}

.cormid-bulk-test__copy,
.cormid-bulk-test__cancel {
  padding: 0 14px;
}

.cormid-bulk-test__start:disabled {
  cursor: wait;
  opacity: 0.64;
}

.cormid-bulk-test__stats {
  flex-wrap: wrap;
  padding-bottom: 6px;
}

.cormid-bulk-test__stats span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(180, 197, 225, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  color: var(--cormid-ink-soft) !important;
  font-size: 12px;
}

.cormid-bulk-test__toolbar {
  flex-wrap: wrap;
  padding-top: 8px;
  border-bottom: 1px solid rgba(180, 197, 225, 0.12);
}

.cormid-bulk-test__toolbar label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--cormid-ink-soft) !important;
  font-size: 13px;
}

.cormid-bulk-test__toolbar input[type="text"] {
  width: 132px;
  height: 34px;
  border: 1px solid rgba(180, 197, 225, 0.18);
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.22);
  color: var(--cormid-ink);
  padding: 0 10px;
  font: 600 13px/1 var(--cormid-font);
  outline: none;
}

.cormid-bulk-test__toolbar input[data-role="prompt"] {
  width: 88px;
}

.cormid-bulk-test__toolbar input[type="text"]:focus {
  border-color: rgba(94, 114, 228, 0.62);
  box-shadow: 0 0 0 3px rgba(94, 114, 228, 0.16);
}

.cormid-bulk-test__progress {
  height: 3px;
  background: rgba(255, 255, 255, 0.06);
}

.cormid-bulk-test__progress i {
  display: block;
  width: 0;
  height: 100%;
  background: linear-gradient(90deg, var(--cormid-primary), var(--cormid-mint));
  transition: width 180ms ease;
}

.cormid-bulk-test__log {
  min-height: 240px;
  overflow: auto;
  padding: 14px;
  background: rgba(0, 0, 0, 0.24);
  color: var(--cormid-muted);
  font-size: 13px;
}

.cormid-bulk-test__line {
  display: grid;
  grid-template-columns: 64px minmax(160px, 1fr) minmax(150px, 0.75fr);
  gap: 8px 12px;
  align-items: center;
  margin-bottom: 8px;
  padding: 10px 12px;
  border: 1px solid rgba(180, 197, 225, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.045);
}

.cormid-bulk-test__line b {
  color: var(--cormid-ink);
  font-size: 12px;
}

.cormid-bulk-test__line span {
  color: var(--cormid-ink) !important;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.cormid-bulk-test__line em,
.cormid-bulk-test__line small {
  color: var(--cormid-muted);
  font-style: normal;
  overflow-wrap: anywhere;
}

.cormid-bulk-test__line small {
  grid-column: 2 / 4;
}

.cormid-bulk-test__line--ok {
  border-color: rgba(34, 199, 169, 0.3);
}

.cormid-bulk-test__line--ok b {
  color: var(--cormid-mint);
}

.cormid-bulk-test__line--fail {
  border-color: rgba(240, 100, 138, 0.34);
}

.cormid-bulk-test__line--fail b {
  color: var(--cormid-rose);
}

.cormid-bulk-test__empty {
  padding: 24px;
  color: var(--cormid-muted);
  text-align: center;
}

.cormid-bulk-test__footer {
  justify-content: flex-end;
  border-top: 1px solid rgba(180, 197, 225, 0.12);
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background: rgba(94, 114, 228, 0.46);
  border: 3px solid rgba(8, 10, 16, 0.92);
  border-radius: 999px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

@media (max-width: 720px) {
  body {
    background-position: center, center, 58% center, center, center, center !important;
  }

  .el-card,
  .ant-card,
  .n-card,
  .card,
  [class*="card"],
  [class*="Card"] {
    border-radius: 8px !important;
  }

  header,
  .el-header,
  .ant-layout-header,
  [class*="header"],
  [class*="Header"] {
    backdrop-filter: blur(12px);
  }

  .cormid-bulk-test-launch {
    top: 74px;
    right: 12px;
    bottom: auto;
    min-height: 34px;
    padding: 0 10px;
  }

  .cormid-bulk-test {
    padding: 10px;
  }

  .cormid-bulk-test__panel {
    max-height: calc(100vh - 20px);
    border-radius: 10px;
  }

  .cormid-bulk-test__toolbar,
  .cormid-bulk-test__footer {
    align-items: stretch;
  }

  .cormid-bulk-test__toolbar label {
    width: 100%;
    justify-content: space-between;
  }

  .cormid-bulk-test__toolbar input[type="text"],
  .cormid-bulk-test__toolbar input[data-role="prompt"] {
    width: min(180px, 55vw);
  }

  .cormid-bulk-test__start {
    width: 100%;
    margin-left: 0;
  }

  .cormid-bulk-test__line {
    grid-template-columns: 52px minmax(0, 1fr);
  }

  .cormid-bulk-test__line em,
  .cormid-bulk-test__line small {
    grid-column: 2;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}