:root {
  color-scheme: dark;
  --bg: #0c0d0f;
  --panel: #17191d;
  --panel-2: #202328;
  --panel-3: #111317;
  --line: #30343b;
  --text: #f5f6f3;
  --muted: #a7abb2;
  --yellow: #ffd52e;
  --green: #70d982;
  --red: #ff7070;
}

@property --hue {
  syntax: "<number>";
  inherits: true;
  initial-value: 80;
}

@property --chroma {
  syntax: "<number>";
  inherits: true;
  initial-value: .32;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

main {
  width: min(1080px, calc(100% - 32px));
  margin: 0 auto;
  padding: 48px 0;
}

a {
  color: inherit;
}

.hero {
  min-height: calc(100vh - 96px);
  display: grid;
  align-content: center;
  justify-items: start;
}

.eyebrow {
  margin: 0 0 12px;
  color: var(--yellow);
  font-weight: 800;
  text-transform: uppercase;
  font-size: 23px;
}

h1 {
  margin: 0 0 16px;
  font-size: clamp(42px, 8vw, 96px);
  line-height: .9;
  letter-spacing: 0;
}

h2 {
  margin: 0 0 16px;
  font-size: 22px;
}

.lede {
  margin: 0 0 28px;
  max-width: 560px;
  color: var(--muted);
  font-size: 22px;
  line-height: 1.35;
}

.actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.button {
  min-height: 44px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 800;
  cursor: pointer;
  transition: transform .15s ease, border-color .15s ease, background .15s ease;
}

.button:hover {
  transform: translateY(-1px);
}

.button:disabled,
.button[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .56;
  transform: none;
  box-shadow: none;
}

.button:disabled:hover,
.button[aria-disabled="true"]:hover {
  transform: none;
}

.button.primary {
  background: var(--yellow);
  color: #050505;
  border-color: var(--yellow);
}

.button.primary:hover,
.button.primary:focus-visible {
  border-color: var(--yellow);
  background: #ffe16a;
  color: #070707;
  box-shadow: 0 0 0 4px rgba(255, 213, 46, .14);
  outline: none;
}

.button.ghost {
  background: var(--panel);
  color: var(--text);
}

.button.danger {
  border-color: rgba(255, 45, 23, .58);
  background: rgba(255, 45, 23, .12);
  color: #ff6a54;
}

.button.danger:hover,
.button.danger:focus-visible {
  border-color: #ff2d17;
  background: #ff2d17;
  color: #ffffff;
  box-shadow: 0 0 0 4px rgba(255, 45, 23, .16);
  outline: none;
}

html.home-day,
html.home-day body {
  margin: 0;
  min-height: 100%;
  background: #fcd635;
  color: #343434;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html.home-day .button {
  min-height: 44px;
  border: 1px solid #e2b500;
  border-radius: 8px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 800;
  cursor: pointer;
  transition: transform .15s ease, border-color .15s ease, background .15s ease;
}

html.home-day .button.primary {
  background: #17191d;
  color: #fff;
  border-color: #17191d;
}

html.home-day .button.ghost {
  background: #ffd52c;
  color: #050505;
}

html.home-day .eyebrow {
  margin: 0 0 12px;
  color: #343434;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 23px;
}

html.home-day .home-page h1 {
  margin: 0 0 16px;
  font-size: clamp(38px, 6vw, 50px);
  line-height: .86;
  letter-spacing: 0;
}

html.home-day .lede {
  margin: 0 0 28px;
  max-width: 560px;
  color: #3f3f3f;
  font-size: 22px;
  line-height: 1.35;
}

.button.compact {
  min-height: 34px;
  padding: 0 12px;
  font-size: 13px;
}

.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 0;
}

.topbar h1 {
  font-size: clamp(30px, 5vw, 42px);
  margin-bottom: 30px;
}

.account-line {
  margin: 0;
  font-size: 15px;
  overflow-wrap: anywhere;
}

.panel {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 22px;
  margin-bottom: 18px;
}

.metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.metric {
  background: var(--panel-3);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 18px;
}

.metric span {
  display: block;
  color: var(--muted);
  font-size: 13px;
  margin-bottom: 8px;
}

.metric strong {
  font-size: 30px;
  line-height: 1;
  overflow-wrap: anywhere;
}

.section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.section-head h2,
.section-head p {
  margin-top: 0;
}

.stack {
  display: grid;
  gap: 12px;
}

.stack.is-loading {
  opacity: .72;
  pointer-events: none;
}

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

.wide {
  grid-column: 1 / -1;
}

input,
textarea,
select {
  width: 100%;
  background: var(--panel-2);
  color: var(--text);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 13px 14px;
  font: inherit;
}

select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 42px;
  background-image:
    linear-gradient(45deg, transparent 50%, currentColor 50%),
    linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position:
    calc(100% - 22px) 50%,
    calc(100% - 16px) 50%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

textarea {
  resize: vertical;
  min-height: 180px;
}

label span {
  display: block;
  color: var(--muted);
  font-size: 13px;
  margin-bottom: 7px;
}

small {
  display: block;
  margin-top: 7px;
  color: var(--muted);
}

.notice {
  display: grid;
  gap: 8px;
  padding: 14px;
  background: var(--panel-2);
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow-wrap: anywhere;
}

.import-panel textarea {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  line-height: 1.5;
}

.schema-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.schema-strip span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  background: var(--panel-2);
  font-size: 12px;
  font-weight: 800;
}

.split-actions {
  align-items: center;
  justify-content: space-between;
}

.filter-grid,
.bulk-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  align-items: end;
}

.filter-actions {
  align-items: end;
}

.bulk-actions-panel {
  position: sticky;
  top: 0;
  z-index: 2;
}

.select-all-control {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.select-all-control input,
.bulk-table input[type="checkbox"] {
  width: 18px;
  height: 18px;
  padding: 0;
  accent-color: var(--yellow);
}

.bulk-table th:first-child,
.bulk-table td:first-child {
  width: 46px;
}

.pill {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--yellow);
  font-weight: 800;
}

.status-dot {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--muted);
  font-weight: 800;
}

.status-dot::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--muted);
}

.status-dot.active::before {
  background: var(--green);
}

.status-dot.paused::before {
  background: var(--yellow);
}

.status-dot.draft::before {
  background: var(--red);
}

.empty-state {
  min-height: 260px;
  display: grid;
  align-content: center;
  justify-items: start;
  border: 1px dashed var(--line);
  border-radius: 8px;
  padding: 28px;
  background: var(--panel-3);
}

.empty-state h2 {
  margin-bottom: 8px;
  font-size: 30px;
}

.template-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.template-strip iframe {
  width: 100%;
  aspect-ratio: 16 / 10;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel-2);
}

.showcase-topbar h1 {
  margin-bottom: 10px;
}

.showcase-shell {
  display: grid;
  gap: 16px;
}

.showcase-controls {
  display: grid;
  grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
  gap: 14px;
  align-items: end;
}

.template-chip-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.template-chip {
  min-height: 44px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 7px 12px;
  background: var(--panel-2);
  color: var(--text);
  cursor: pointer;
  font: inherit;
  font-weight: 900;
  text-align: left;
}

.template-chip span {
  display: block;
  margin-bottom: 2px;
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
}

.template-chip.active {
  border-color: var(--yellow);
  color: var(--yellow);
}

.showcase-frame {
  width: 100%;
  height: min(720px, calc(100vh - 260px));
  min-height: 520px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #050505;
}

.muted {
  color: var(--muted);
}

body:has(.auth) {
  min-height: 100vh;
  background:
    radial-gradient(circle at 18% 10%, rgba(255, 213, 46, .14), transparent 30%),
    radial-gradient(circle at 82% 18%, rgba(112, 217, 130, .11), transparent 26%),
    linear-gradient(135deg, #050606 0%, #13161a 52%, #08090b 100%);
}

body:has(.auth) main {
  width: min(1180px, calc(100% - 40px));
  min-height: 100vh;
  padding: 34px 0;
  display: grid;
  place-items: center;
}

.auth {
  width: 100%;
  display: grid;
  gap: 22px;
}

.auth-brand {
  justify-self: start;
  color: #f5f6f3;
  font-size: 24px;
  font-weight: 950;
  line-height: 1;
  text-decoration: none;
}

.auth-brand span {
  color: var(--yellow);
}

.auth-card {
  width: 100%;
  min-height: min(640px, calc(100vh - 132px));
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 430px);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .02)),
    rgba(15, 17, 21, .92);
  box-shadow: 0 28px 80px rgba(0, 0, 0, .42);
  overflow: hidden;
}

.auth-copy,
.auth-panel {
  padding: clamp(28px, 5vw, 56px);
}

.auth-copy {
  display: grid;
  align-content: center;
  gap: 18px;
  border-right: 1px solid rgba(255, 255, 255, .09);
  background:
    linear-gradient(145deg, rgba(255, 213, 46, .1), transparent 42%),
    rgba(255, 255, 255, .025);
}

.auth-copy .eyebrow {
  margin: 0;
  font-size: 13px;
  letter-spacing: .14em;
}

.auth-copy h1 {
  max-width: 650px;
  margin: 0;
  font-size: clamp(46px, 7vw, 82px);
  line-height: .88;
}

.auth-copy p {
  max-width: 560px;
  margin: 0;
  color: #c9ced6;
  font-size: clamp(17px, 2vw, 22px);
  line-height: 1.45;
}

.auth-signal-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  max-width: 620px;
  margin-top: 20px;
}

.auth-signal-grid span {
  min-height: 68px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  background: rgba(5, 5, 5, .28);
  color: #f5f6f3;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.auth-panel {
  display: grid;
  align-content: center;
  gap: 18px;
}

.auth-form {
  gap: 14px;
}

.auth-form label span {
  margin-bottom: 8px;
  color: #d9dde5;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.auth-form input {
  min-height: 54px;
  border-color: rgba(255, 255, 255, .14);
  background: rgba(5, 5, 5, .36);
  font-weight: 750;
}

.auth-form input:focus {
  border-color: rgba(255, 213, 46, .8);
  box-shadow: 0 0 0 4px rgba(255, 213, 46, .12);
  outline: none;
}

.auth-form .button,
.auth-closed-panel .button {
  width: 100%;
  min-height: 54px;
}

.auth-muted-row {
  margin: 0;
  color: #a7abb2;
  font-size: 14px;
  line-height: 1.45;
}

.auth-muted-row a,
.auth-disabled-link {
  color: var(--yellow);
  font-weight: 850;
  text-decoration: none;
}

.auth-disabled-link {
  cursor: help;
  border-bottom: 1px dotted rgba(255, 213, 46, .58);
}

.auth-closed-panel {
  display: grid;
  gap: 14px;
}

.button.primary.auth-disabled-button {
  border-color: rgba(255, 255, 255, .14);
  background: #4c5058;
  color: #d9dde5;
  cursor: help;
  box-shadow: none;
}

.button.primary.auth-disabled-button:hover,
.button.primary.auth-disabled-button:focus-visible {
  transform: none;
  border-color: rgba(255, 213, 46, .52);
  background: #5b6069;
  color: #ffffff;
}

@media (max-width: 820px) {
  body:has(.auth) main {
    width: min(100% - 28px, 560px);
    padding: 24px 0;
  }

  .auth-card {
    min-height: 0;
    grid-template-columns: 1fr;
  }

  .auth-copy {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .09);
  }

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

body:has(.maintenance-page) {
  min-height: 100vh;
  background:
    radial-gradient(circle at 16% 4%, rgba(255, 213, 46, .18), transparent 29%),
    radial-gradient(circle at 86% 14%, rgba(68, 94, 142, .2), transparent 32%),
    linear-gradient(135deg, #050606 0%, #111317 50%, #08090b 100%);
}

body:has(.maintenance-page) main {
  width: min(1180px, calc(100% - 40px));
  min-height: 100vh;
  padding: 34px 0;
  display: grid;
  place-items: center;
}

.maintenance-page {
  width: min(760px, 100%);
  min-height: calc(100vh - 68px);
  display: grid;
  align-content: center;
  gap: 28px;
}

.maintenance-brand {
  font-size: 30px;
  line-height: 1;
  font-weight: 950;
  color: #fff;
}

.maintenance-brand span,
.maintenance-eyebrow,
.maintenance-details a {
  color: var(--yellow);
}

.maintenance-card {
  width: min(760px, 100%);
  border: 1px solid rgba(255, 213, 46, .3);
  border-radius: 14px;
  padding: clamp(28px, 5vw, 56px);
  background:
    linear-gradient(135deg, rgba(255, 213, 46, .08), transparent 34%),
    rgba(17, 19, 23, .88);
  box-shadow: 0 28px 90px rgba(0, 0, 0, .36);
  height: fit-content;
}

.maintenance-eyebrow {
  margin: 0 0 16px;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.maintenance-card h1 {
  max-width: 680px;
  margin-bottom: 18px;
  font-size: clamp(46px, 8vw, 92px);
}

.maintenance-copy {
  max-width: 620px;
  margin: 0;
  color: #c9ced6;
  font-size: clamp(17px, 2vw, 22px);
  line-height: 1.45;
}

.maintenance-status {
  width: fit-content;
  margin: 28px 0;
  border: 1px solid rgba(255, 213, 46, .34);
  border-radius: 999px;
  padding: 10px 14px 10px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 213, 46, .08);
}

.maintenance-status span {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--yellow);
  box-shadow: 0 0 18px rgba(255, 213, 46, .6);
}

.maintenance-status strong {
  font-size: 14px;
  font-weight: 950;
}

.maintenance-status em {
  color: var(--muted);
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
}

.maintenance-details {
  margin: 0 0 28px;
  display: grid;
  gap: 10px;
}

.maintenance-details div {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
}

.maintenance-details dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.maintenance-details dd {
  margin: 0;
  min-width: 0;
  font-weight: 850;
}

.maintenance-details code {
  color: #fff;
  word-break: break-word;
}

.maintenance-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.home-hero {
  min-height: calc(100vh - 96px);
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
  gap: 32px;
  align-items: center;
}

.home-hero::before,
.studio-shell::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 12%, rgba(255, 213, 46, .12), transparent 28%),
    radial-gradient(circle at 82% 22%, rgba(94, 208, 255, .09), transparent 25%),
    radial-gradient(circle at 62% 84%, rgba(201, 92, 193, .08), transparent 28%);
  z-index: -1;
}

.home-hero-copy h1 {
  font-size: clamp(58px, 12vw, 142px);
}

.home-page {
  min-height: 100svh;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: 0;
  padding: 0;
}

html:has(.home-page),
body:has(.home-page) {
  background: #000;
}

html.home-day:has(.home-page),
html.home-day body:has(.home-page) {
  background-color: #ffd52c !important;
}

body:has(.home-page) main {
  width: min(1180px, calc(100% - 28px));
  min-height: 100svh;
  padding: 0;
}

.home-menu,
.home-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.home-menu {
  min-height: 78px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 30;
  background: #000;
  padding: 12px max(14px, calc((100vw - 1180px) / 2));
  border-bottom: 0;
}

.home-brand,
.home-nav,
.home-footer {
  display: inline-flex;
  align-items: center;
}

.home-brand {
  gap: 10px;
  color: var(--fg);
  text-decoration: none;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: 0;
}

.home-brand-tld {
  color: var(--yellow);
  text-shadow: 0 1px 0 rgba(5, 5, 5, .45), 0 0 12px rgba(5, 5, 5, .22);
}

.home-brand-gem {
  width: 31px;
  height: 31px;
  object-fit: contain;
  filter: drop-shadow(0 8px 12px rgba(0, 0, 0, .28));
}

.home-nav {
  gap: 18px;
  margin-left: auto;
}

.home-nav a,
.home-footer a {
  color: var(--muted);
  text-decoration: none;
  font-size: 14px;
  font-weight: 800;
}

.home-nav a:hover,
.home-footer a:hover {
  color: var(--yellow);
}

.home-theme-toggle {
  position: relative;
  flex: 0 0 auto;
  width: 68px;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 999px;
  background: rgba(255, 255, 255, .1);
  box-shadow: inset 0 0 0 1px rgba(5, 5, 5, .12), 0 16px 34px rgba(0, 0, 0, .22);
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease;
}

.home-theme-toggle span {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--yellow);
  box-shadow: 0 0 0 4px rgba(255, 213, 46, .16);
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}

html.home-day .home-hero::before,
html.home-day .home-page::before {
  opacity: .28;
}

html.home-day .home-theme-toggle {
  background: #17191d;
  border-color: #17191d;
}

html.home-day .home-theme-toggle span {
  transform: translateX(32px);
  background: #ffd52c;
  box-shadow: 0 0 0 4px rgba(255, 213, 46, .22);
}

.home-main {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(340px, .72fr);
  gap: clamp(36px, 8vw, 112px);
  align-items: center;
  min-height: 0;
  min-height: 100svh;
}

.home-copy {
  max-width: 760px;
}

.you-can-scroll {
  --font-size-min: 14;
  --font-size-max: 20;
  --font-ratio-min: 1.1;
  --font-ratio-max: 1.33;
  --font-width-min: 375;
  --font-width-max: 1500;
  --start: 48;
  --end: 948;
  --hue: var(--name-si-scroll-hue, var(--start));
  --lightness: 75%;
  --base-chroma: .3;
  --chroma: var(--name-si-scroll-chroma, .3);
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  color-scheme: dark only;
  color: #fff;
  background: #000;
  font-family: Geist, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow: visible;
  isolation: isolate;
  scrollbar-color: oklch(var(--lightness) var(--chroma) var(--hue)) transparent;
}

html:has(.home-page) {
  scrollbar-color: oklch(75% .3 var(--name-si-scroll-hue, 48)) #050505;
}

html:has(.home-page)::-webkit-scrollbar {
  width: 14px;
}

html:has(.home-page)::-webkit-scrollbar-track {
  background: #050505;
}

html:has(.home-page)::-webkit-scrollbar-thumb {
  background: oklch(75% .3 var(--name-si-scroll-hue, 48));
  border: 3px solid #050505;
  border-radius: 999px;
}

.you-can-scroll::before {
  --size: 45px;
  --line: color-mix(in hsl, #fff, transparent 70%);
  content: "";
  height: 100vh;
  width: 100vw;
  position: fixed;
  inset: 0;
  background:
    linear-gradient(90deg, var(--line) 1px, transparent 1px var(--size)) 50% 50% / var(--size) var(--size),
    linear-gradient(var(--line) 1px, transparent 1px var(--size)) 50% 50% / var(--size) var(--size);
  -webkit-mask: linear-gradient(-20deg, transparent 50%, white);
  mask: linear-gradient(-20deg, transparent 50%, white);
  pointer-events: none;
  z-index: 0;
}


.you-can-scroll.is-at-end {
  background: #000;
}

.you-can-scroll.is-at-end::before {
  opacity: 0 !important;
}

.you-can-scroll-fluid {
  --fluid-min: calc(var(--font-size-min) * pow(var(--font-ratio-min), var(--font-level, 0)));
  --fluid-max: calc(var(--font-size-max) * pow(var(--font-ratio-max), var(--font-level, 0)));
  --fluid-preferred: calc((var(--fluid-max) - var(--fluid-min)) / (var(--font-width-max) - var(--font-width-min)));
  --fluid-type: clamp(
    (var(--fluid-min) / 16) * 1rem,
    ((var(--fluid-min) / 16) * 1rem) - (((var(--fluid-preferred) * var(--font-width-min)) / 16) * 1rem) + (var(--fluid-preferred) * 100vw),
    (var(--fluid-max) / 16) * 1rem
  );
  font-size: var(--fluid-type);
}

.you-can-scroll-main {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  min-height: auto;
  overflow: visible;
}

.you-can-scroll-content {
  --font-level: 6;
  --step: calc((var(--end) - var(--start)) / (var(--count) - 1));
  display: flex;
  align-items: flex-start;
  line-height: 1.25;
  width: 100%;
  min-height: auto;
  padding: calc(50svh - .625lh) 2rem calc(50svh - .625lh) 5rem;
}

html.home-day .you-can-scroll-content {
  background-color: #ffe4002e !important;
}

.you-can-scroll-content h2 {
  position: sticky;
  top: calc(50svh - .625lh);
  display: inline-block;
  height: fit-content;
  margin: 0;
  font-size: inherit;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
  color: transparent;
  background: linear-gradient(#fff 50%, color-mix(in oklch, #000, #fff 25%));
  -webkit-background-clip: text;
  background-clip: text;
  z-index: 2;
}

.you-can-scroll-content ul {
  --step: calc((var(--end) - var(--start)) / (var(--count) - 1));
  position: relative;
  margin: 0;
  padding-inline: 0;
  list-style-type: none;
  font-weight: 600;
  overflow: visible;
}

.you-can-scroll-content li {
  min-height: 0;
  line-height: 1.25;
  color: oklch(var(--lightness) var(--base-chroma) calc(var(--start) + (var(--step) * var(--i))));
  opacity: var(--name-si-scroll-opacity, .12);
  filter: brightness(var(--name-si-scroll-brightness, .78));
  transition: opacity .08s linear, filter .08s linear;
  will-change: opacity, filter;
}

.you-can-scroll-content li:last-of-type {
  color: transparent;
  background: linear-gradient(#fff 50%, color-mix(in oklch, #000, #fff 25%));
  -webkit-background-clip: text;
  background-clip: text;
}

.you-can-scroll-content li.is-active {
  opacity: 1 !important;
  filter: brightness(1.45) !important;
}

.you-can-scroll-content li a,
.you-can-scroll-content li a:link,
.you-can-scroll-content li a:visited,
.you-can-scroll-content li a:hover,
.you-can-scroll-content li a:focus,
.you-can-scroll-content li a:active {
  color: inherit;
  text-decoration: none !important;
  pointer-events: none;
}

.you-can-scroll-content li.is-active a {
  cursor: pointer;
  pointer-events: auto;
}

/* Domain link hover is paused while the homepage intro is being tuned.
.you-can-scroll-content li.is-active a {
  pointer-events: auto;
}

.you-can-scroll-content li.is-active:hover > a:hover {
  text-decoration: underline !important;
  text-decoration-thickness: .08em;
  text-underline-offset: .1em;
}
*/

.you-can-scroll[data-snap="true"] {
  scroll-snap-type: none;
}

.you-can-scroll[data-snap="true"] li {
  scroll-snap-align: none;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.home-page h1 {
  margin: 0 0 16px;
  font-size: clamp(38px, 6vw, 50px);
  line-height: .86;
  letter-spacing: 0;
}

.home-page h1 span {
  color: inherit;
}

.home-page .button.primary {
  min-height: 58px;
  padding: 0 30px;
  font-size: 18px;
  box-shadow: 0 18px 42px rgba(255, 213, 46, .14);
}

.home-featured-section {
  scroll-margin-top: 88px;
  display: grid;
  gap: 22px;
  padding: clamp(38px, 6vw, 74px) 0;
  border-top: 1px solid rgba(255, 255, 255, .12);
}

.home-featured-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
}

.home-featured-head h2 {
  max-width: 620px;
  margin: 0;
  color: #f5f6f3;
  font-size: clamp(34px, 5vw, 58px);
  line-height: .95;
  letter-spacing: 0;
}

.home-featured-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.home-featured-card {
  min-height: 178px;
  display: grid;
  align-content: space-between;
  gap: 14px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .016)),
    #111317;
  color: #f5f6f3;
  text-decoration: none;
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.home-featured-card:hover {
  transform: translateY(-3px);
  border-color: rgba(255, 213, 46, .52);
  background:
    linear-gradient(145deg, rgba(255, 213, 46, .09), rgba(255, 255, 255, .018)),
    #111317;
}

.home-featured-card span {
  color: rgba(255, 213, 46, .75);
  font-size: 12px;
  font-weight: 900;
}

.home-featured-card strong {
  display: block;
  font-size: clamp(24px, 2.4vw, 34px);
  line-height: 1;
  overflow-wrap: anywhere;
}

.home-featured-card em {
  color: var(--muted);
  font-size: 14px;
  font-style: normal;
  line-height: 1.32;
}

.home-featured-card b {
  width: fit-content;
  max-width: 100%;
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 0 9px;
  border: 1px solid rgba(255, 213, 46, .42);
  border-radius: 999px;
  color: var(--yellow);
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.home-si-thesis-section {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(0, 1fr);
  gap: clamp(22px, 4vw, 56px);
  align-items: start;
  padding: clamp(30px, 4.5vw, 54px) 0;
  border-top: 1px solid rgba(255, 255, 255, .12);
}

.home-si-thesis-section h2 {
  max-width: 640px;
  margin: 0;
  color: #f5f6f3;
  font-size: clamp(28px, 3.6vw, 44px);
  line-height: 1;
  letter-spacing: 0;
}

.home-si-thesis-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  padding-top: 20px;
}

.home-si-thesis-grid div {
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 9px;
  padding: 3px 0 0;
  border-top: 1px solid rgba(255, 255, 255, .16);
}

.home-si-thesis-grid strong {
  color: var(--yellow);
  font-size: clamp(18px, 1.55vw, 23px);
  line-height: 1;
}

.home-si-thesis-grid span {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.42;
}

.home-removable-section {
  display: grid;
  grid-template-columns: minmax(220px, .34fr) minmax(0, 1fr);
  gap: clamp(18px, 3vw, 44px);
  align-items: center;
  padding: clamp(24px, 3.5vw, 42px) 0;
  border-top: 1px solid rgba(255, 255, 255, .12);
  border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.home-removable-section h2 {
  max-width: 320px;
  margin: 0;
  color: #f5f6f3;
  font-size: clamp(24px, 2.5vw, 34px);
  line-height: 1.02;
  letter-spacing: 0;
}

.home-removable-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 3vw, 42px);
  padding-top: 20px;
}

.home-removable-grid div {
  display: grid;
  align-content: start;
  gap: 8px;
  min-height: 0;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, .16);
}

.home-removable-grid strong {
  color: var(--yellow);
  font-size: clamp(18px, 1.55vw, 23px);
  line-height: 1;
  white-space: nowrap;
}

.home-removable-grid span {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.42;
}

.home-mega-footer {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding:
    clamp(54px, 7vw, 90px)
    max(14px, calc((100vw - 1180px) / 2))
    clamp(44px, 5vw, 72px);
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  border-top: 1px solid rgba(255, 255, 255, .1);
  background: #050505;
}

.home-theme-directory {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  column-gap: clamp(20px, 2.8vw, 42px);
  row-gap: 38px;
  align-items: start;
}

.home-theme-directory div {
  display: grid;
  align-content: start;
  gap: 12px;
  min-width: 0;
}

.home-theme-directory h3 {
  margin: 0 0 10px;
  color: #262626;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0;
}

.home-theme-directory a {
  width: fit-content;
  max-width: 100%;
  color: #eaecef;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.home-theme-directory a:hover {
  color: #f0b90b;
  text-decoration: underline;
  text-decoration-thickness: .08em;
  text-underline-offset: .18em;
}

.home-intent {
  display: grid;
  gap: 14px;
}

.home-intent-panel {
  --home-intent-text: #f5f6f3;
  --home-intent-muted: #a7abb2;
  --home-intent-line: #30343b;
  --home-intent-card-bg: rgba(255, 255, 255, .035);
  --home-intent-panel-bg:
    radial-gradient(circle at 88% 12%, rgba(255, 213, 46, .14), transparent 32%),
    linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018)),
    #111317;
  position: relative;
  display: grid;
  align-content: center;
  min-height: clamp(330px, 42vw, 550px);
  padding: clamp(22px, 3.2vw, 38px);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 8px;
  color: var(--home-intent-text);
  background-color: #111317;
  background-image:
    radial-gradient(circle at 88% 12%, rgba(255, 213, 46, .14), transparent 32%),
    linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .025), 0 30px 90px rgba(0, 0, 0, .22);
}

.home-intent-panel h2 {
  margin: 0 0 22px;
  max-width: 420px;
  font-size: clamp(34px, 4vw, 30px);
  line-height: .95;
  letter-spacing: 0;
}

.home-panel-kicker {
  margin: 0 0 10px;
  color: var(--yellow);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.home-intent-card {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 6px;
  min-height: 108px;
  padding: 18px;
  color: var(--home-intent-text);
  text-decoration: none;
  border: 1px solid var(--home-intent-line);
  border-radius: 8px;
  background: var(--home-intent-card-bg);
  transition: transform .15s ease, border-color .15s ease, background .15s ease;
}

.home-intent-card strong {
  align-self: end;
  font-size: 22px;
}

.home-intent-card .home-intent-index {
  grid-row: span 2;
  min-width: 36px;
  color: var(--yellow);
  font-weight: 900;
  opacity: .92;
}

.home-intent-card span {
  color: var(--home-intent-muted);
  line-height: 1.35;
}

.home-intent-card:hover {
  border-color: rgba(255, 213, 46, .7);
  transform: translateY(-1px);
}

.home-cta-effects {
  display: inline-flex;
  gap: 8px;
  margin-top: 14px;
}

.home-cta-effects button {
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 999px;
  background: rgba(255, 255, 255, .035);
  color: var(--home-intent-muted);
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.home-cta-effects button.is-active {
  color: var(--yellow);
  border-color: rgba(255, 213, 46, .76);
}

html.home-day .home-intent-panel {
  color: var(--home-intent-text);
  border-color: rgba(255, 255, 255, .14);
  background-color: #111317;
  background-image:
    radial-gradient(circle at 88% 12%, rgba(255, 213, 46, .14), transparent 32%),
    linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .025), 0 30px 90px rgba(0, 0, 0, .22);
}

html.home-day .home-intent-panel h2,
html.home-day .home-intent-card {
  color: var(--home-intent-text);
}

html.home-day .home-intent-card {
  border-color: var(--home-intent-line);
  background: var(--home-intent-card-bg);
}

html.home-day .home-intent-card span,
html.home-day .home-cta-effects button {
  color: var(--home-intent-muted);
}

html.home-day .home-panel-kicker,
html.home-day .home-intent-card .home-intent-index,
html.home-day .home-cta-effects button.is-active {
  color: var(--yellow);
}

.home-intent-panel[data-cta-effect="scroll"] .home-intent {
  max-height: 360px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-top: 5px;
  padding-right: 18px;
  scroll-snap-type: y proximity;
  scrollbar-color: #ff7a18 rgba(255, 255, 255, .08);
  scrollbar-width: auto;
}

.home-intent-panel[data-cta-effect="scroll"] .home-intent::-webkit-scrollbar {
  width: 14px;
}

.home-intent-panel[data-cta-effect="scroll"] .home-intent::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, .07);
  border-radius: 999px;
}

.home-intent-panel[data-cta-effect="scroll"] .home-intent::-webkit-scrollbar-thumb {
  background:
    linear-gradient(
      180deg,
      #49c6ff 0%,
      #49c6ff 10%,
      #44f078 28%,
      #f7e04b 46%,
      #ff8a1d 64%,
      #ff4f7b 82%,
      #a855f7 100%
    );
  border: 2px solid #111317;
  border-radius: 999px;
  box-shadow: 0 0 14px rgba(73, 198, 255, .25);
}

.home-intent-panel[data-cta-effect="scroll"] .home-intent-card {
  scroll-snap-align: start;
  opacity: .62;
  transform: scale(.985);
}

.home-intent-panel[data-cta-effect="scroll"] .home-intent:hover .home-intent-card:hover {
  opacity: 1;
  transform: translateY(-2px) scale(1);
}

.home-intent-panel[data-cta-effect="stack"] .home-intent-card {
  margin-top: -44px;
  box-shadow: 0 -18px 36px rgba(0, 0, 0, .18);
}

.home-intent-panel[data-cta-effect="stack"] .home-intent-card:first-child {
  margin-top: 0;
}

.home-intent-panel[data-cta-effect="stack"] .home-intent:hover .home-intent-card {
  margin-top: 0;
}

.home-footer {
  min-height: 34px;
  justify-content: space-between;
  gap: 18px;
  border-top: 1px solid rgba(255, 255, 255, .1);
  color: var(--muted);
  font-size: 13px;
  font-weight: 500;
}

.home-legal {
  display: inline-flex;
  gap: 16px;
}

html.home-day .home-menu,
html.home-day .home-footer {
  border-color: rgba(52, 52, 52, .18);
}

html.home-day .home-footer {
  background: #131313;
  color: #eaecef;
}

html.home-day .home-page h1 {
  color: #1c1e21;
}

html.home-day .home-page .lede {
  color: #363636;
}

html.home-day .home-brand {
  color: #fff;
}

html.home-day .home-brand-tld {
  color: var(--yellow);
}

html.home-day .home-page h1 span {
  color: inherit;
}

html.home-day .home-nav a:hover,
html.home-day .home-footer a:hover {
  color: var(--yellow);
}

html.home-day .home-nav a,
html.home-day .home-footer a {
  color: #3f3f3f;
}

html.home-day .home-footer,
html.home-day .home-footer a {
  color: #eaecef;
}

html.home-day .home-page .button.primary {
  background: #17191c;
  color: #f9d22b;
  border-color: var(--yellow);
}

html.home-day .home-removable-section {
  border-color: rgba(28, 30, 33, .22);
}

html.home-day .home-featured-section {
  border-color: rgba(28, 30, 33, .22);
}

html.home-day .home-featured-head h2 {
  color: #1c1e21;
}

html.home-day .home-featured-card {
  border-color: rgba(28, 30, 33, .22);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .36), rgba(255, 255, 255, .08)),
    rgba(255, 255, 255, .16);
  color: #1c1e21;
}

html.home-day .home-featured-card:hover {
  border-color: rgba(23, 25, 28, .5);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .12)),
    rgba(255, 255, 255, .22);
}

html.home-day .home-featured-card em {
  color: #363636;
}

html.home-day .home-featured-card b {
  border-color: rgba(23, 25, 28, .35);
  color: #17191c;
}

html.home-day .home-si-thesis-section {
  border-color: rgba(28, 30, 33, .22);
}

html.home-day .home-si-thesis-section h2 {
  color: #1c1e21;
}

html.home-day .home-si-thesis-grid div {
  border-top-color: rgba(28, 30, 33, .26);
}

html.home-day .home-si-thesis-grid strong {
  color: #1c1e21;
}

html.home-day .home-si-thesis-grid span {
  color: #363636;
}

html.home-day .home-removable-section h2 {
  color: #1c1e21;
}

html.home-day .home-removable-section .home-panel-kicker,
html.home-day .home-removable-grid strong {
  color: #1c1e21;
}

html.home-day .home-removable-grid div {
  border-top-color: rgba(28, 30, 33, .26);
}

html.home-day .home-removable-grid span {
  color: #363636;
}

html.home-day .home-mega-footer {
  border-color: rgba(255, 255, 255, .1);
  background: #050505;
}

html.home-day .home-theme-directory h3 {
  color: #262626;
}

html.home-day .home-theme-directory a {
  color: #eaecef;
}

html.home-day .home-theme-directory a:hover {
  color: #f0b90b;
}

.home-page ::selection {
  background: rgba(255, 213, 46, .24);
  color: inherit;
}

html:has(.legal-page),
body:has(.legal-page) {
  min-height: 100%;
  background:
    radial-gradient(circle at 16% -12%, rgba(255, 213, 46, .1), transparent 28%),
    linear-gradient(180deg, #090a0c 0%, #101216 46%, #090a0c 100%);
  color: #f7f7f2;
}

body:has(.legal-page) main {
  width: 100%;
  margin: 0;
  padding: 0;
}

.legal-page {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  padding: 28px 0 56px;
}

.legal-topbar {
  min-height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: clamp(42px, 7vw, 88px);
}

.legal-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #f7f7f2;
  font-size: 20px;
  font-weight: 950;
  text-decoration: none;
}

.legal-brand img {
  width: 34px;
  height: 34px;
  border-radius: 8px;
}

.legal-brand span span {
  color: var(--yellow);
}

.legal-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex-wrap: wrap;
}

.legal-nav a {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 0 10px;
  color: #aeb4bf;
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
}

.legal-nav a:hover,
.legal-nav a:focus-visible,
.legal-nav a[aria-current="page"] {
  border-color: rgba(255, 213, 46, .34);
  background: rgba(255, 213, 46, .08);
  color: var(--yellow);
  outline: none;
}

.legal-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, .86fr);
  gap: clamp(24px, 5vw, 72px);
  align-items: end;
  padding-bottom: 34px;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
}

.legal-kicker {
  margin: 0 0 14px;
  color: var(--yellow);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.legal-hero h1 {
  max-width: 680px;
  margin: 0;
  font-size: clamp(52px, 7.2vw, 94px);
  line-height: .9;
  letter-spacing: 0;
}

.legal-hero > p {
  margin: 0;
  color: #c5cbd4;
  font-size: clamp(18px, 2.2vw, 25px);
  line-height: 1.34;
}

.legal-hero-stats {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 8px;
  overflow: hidden;
}

.legal-hero-stats div {
  min-height: 92px;
  display: grid;
  align-content: center;
  gap: 8px;
  padding: 18px;
  background: rgba(255, 255, 255, .045);
}

.legal-hero-stats span {
  color: #8d96a5;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.legal-hero-stats strong {
  color: #f7f7f2;
  font-size: clamp(20px, 3vw, 34px);
  line-height: 1;
}

.legal-summary-band {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin: 22px 0;
  padding: 24px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.legal-summary-band p {
  margin: 0;
  color: #d7dbe1;
  font-size: 18px;
  line-height: 1.48;
}

.legal-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 22px 0;
}

.legal-card {
  min-height: 230px;
  display: grid;
  align-content: start;
  gap: 16px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 8px;
  padding: 20px;
  background: rgba(255, 255, 255, .04);
}

.legal-card > span {
  color: var(--yellow);
  font-size: 12px;
  font-weight: 950;
}

.legal-card h2,
.legal-two-column h2,
.legal-clause-list h2 {
  margin: 0;
  color: #f7f7f2;
  font-size: clamp(21px, 2.2vw, 30px);
  line-height: 1.04;
}

.legal-card p,
.legal-clause-list p,
.legal-steps p {
  margin: 0;
  color: #b9c0cb;
  font-size: 16px;
  line-height: 1.55;
}

.legal-two-column {
  display: grid;
  grid-template-columns: minmax(240px, .75fr) minmax(0, 1.25fr);
  gap: clamp(22px, 5vw, 70px);
  margin: 28px 0;
  padding: 34px 0;
  border-top: 1px solid rgba(255, 255, 255, .13);
  border-bottom: 1px solid rgba(255, 255, 255, .13);
}

.legal-steps {
  display: grid;
  gap: 18px;
}

.legal-steps b,
.legal-steps a {
  color: #f7f7f2;
}

.legal-doc-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 22px;
}

.legal-doc-links a {
  min-height: 116px;
  display: grid;
  align-content: center;
  gap: 10px;
  border: 1px solid rgba(255, 213, 46, .22);
  border-radius: 8px;
  padding: 18px;
  background: rgba(255, 213, 46, .06);
  color: #f7f7f2;
  text-decoration: none;
}

.legal-doc-links a:hover,
.legal-doc-links a:focus-visible {
  border-color: rgba(255, 213, 46, .52);
  background: rgba(255, 213, 46, .1);
  outline: none;
}

.legal-doc-links span {
  color: var(--yellow);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.legal-doc-links strong {
  font-size: 20px;
  line-height: 1.15;
}

.legal-clause-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 28px 0;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 8px;
  overflow: hidden;
}

.legal-clause-list section {
  min-height: 178px;
  display: grid;
  align-content: start;
  gap: 14px;
  padding: 22px;
  background: #101216;
}

.legal-footer {
  display: grid;
  gap: 8px;
  margin-top: 44px;
  padding-top: 22px;
  border-top: 1px solid rgba(255, 255, 255, .12);
  color: #858e9d;
  font-size: 13px;
  line-height: 1.45;
}

.home-fork {
  display: grid;
  gap: 14px;
}

.home-path,
.elite-card,
.studio-card,
.studio-panel {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .02));
}

.home-path {
  min-height: 192px;
  display: grid;
  align-content: end;
  gap: 10px;
  padding: 24px;
  text-decoration: none;
}

.home-path::after,
.elite-card::after,
.studio-card::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 3px;
  background: var(--yellow);
  opacity: .9;
}

.home-path.seller::after {
  background: #70d982;
}

.home-path span,
.elite-card span {
  color: var(--yellow);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.home-path strong {
  max-width: 420px;
  font-size: clamp(28px, 4vw, 48px);
  line-height: .92;
}

.home-path small,
.elite-card small {
  max-width: 380px;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.35;
}

.home-band {
  margin-top: 18px;
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
}

.home-band h2 {
  max-width: 760px;
  font-size: clamp(30px, 5vw, 64px);
  line-height: .95;
}

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

.elite-card {
  min-height: 180px;
  display: grid;
  align-content: end;
  gap: 8px;
  padding: 18px;
  text-decoration: none;
}

.elite-card strong {
  font-size: clamp(24px, 3vw, 38px);
  line-height: .95;
  overflow-wrap: anywhere;
}

.home-seller-band {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(260px, .7fr);
  gap: 18px 28px;
  align-items: start;
}

.home-feature-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.home-feature-list span {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  background: var(--panel-2);
  font-size: 12px;
  font-weight: 800;
}

.studio-shell {
  width: min(1240px, calc(100vw - 32px));
  min-height: calc(100vh - 96px);
  margin: 0 auto;
}

.sidebar-layout {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 18px;
}

.studio-sidebar {
  position: sticky;
  top: 22px;
  align-self: start;
  min-height: calc(100vh - 140px);
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: 24px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(17, 19, 23, .86);
  box-shadow: 0 22px 70px rgba(0, 0, 0, .32);
  backdrop-filter: blur(20px);
}

.studio-brand {
  color: var(--text);
  font-size: 28px;
  font-weight: 950;
  text-decoration: none;
}

.studio-sidebar nav {
  display: grid;
  align-content: start;
  gap: 7px;
}

.studio-sidebar nav a,
.studio-switch {
  min-height: 40px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  border-radius: 8px;
  color: var(--muted);
  text-decoration: none;
  font-weight: 850;
}

.studio-sidebar nav a.active,
.studio-sidebar nav a:hover,
.studio-switch:hover {
  color: var(--text);
  background: rgba(255, 255, 255, .07);
}

.studio-main,
.dock-layout {
  display: grid;
  gap: 18px;
}

.studio-header {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(23, 25, 29, .82);
  box-shadow: 0 22px 70px rgba(0, 0, 0, .24);
  backdrop-filter: blur(20px);
}

.studio-header h1 {
  margin-bottom: 10px;
  font-size: clamp(38px, 7vw, 86px);
}

.studio-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.studio-card {
  min-height: 184px;
  display: grid;
  align-content: end;
  gap: 8px;
  padding: 18px;
}

.studio-card span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.studio-card strong {
  font-size: 42px;
  line-height: 1;
}

.studio-card p,
.studio-panel p {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.studio-panel {
  padding: 24px;
}

.studio-panel h2 {
  font-size: clamp(28px, 4vw, 54px);
  line-height: 1;
}

.dock-layout {
  padding-bottom: 110px;
}

.dock-stage {
  min-height: 520px;
  display: grid;
  align-items: end;
  padding: 32px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(255, 213, 46, .12), transparent 28%),
    linear-gradient(315deg, rgba(94, 208, 255, .12), transparent 30%),
    rgba(17, 19, 23, .86);
  box-shadow: 0 22px 70px rgba(0, 0, 0, .30);
}

.dock-stage h1 {
  max-width: 780px;
  font-size: clamp(50px, 10vw, 128px);
}

.mac-dock {
  position: fixed;
  left: 50%;
  bottom: 20px;
  z-index: 5;
  display: flex;
  gap: 12px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 22px;
  background: rgba(20, 21, 25, .72);
  box-shadow: 0 16px 60px rgba(0, 0, 0, .42);
  backdrop-filter: blur(20px);
  transform: translateX(-50%);
}

.mac-dock a {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: #050505;
  text-decoration: none;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .72), rgba(255, 255, 255, .08)),
    var(--dock-color);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), 0 9px 24px rgba(0, 0, 0, .28);
  transition: transform .15s ease;
}

.mac-dock a:hover {
  transform: translateY(-7px) scale(1.04);
}

.mac-dock span {
  font-size: 24px;
  font-weight: 950;
}

.mac-dock small {
  position: absolute;
  bottom: 78px;
  min-width: max-content;
  display: none;
  padding: 5px 8px;
  border-radius: 6px;
  color: var(--text);
  background: rgba(0, 0, 0, .78);
  font-size: 11px;
}

.mac-dock a:hover small {
  display: block;
}

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

.domain-table {
  table-layout: fixed;
}

.domain-table [data-col="domain"] {
  width: 16%;
}

.domain-table [data-col="price"] {
  width: 14%;
}

.domain-table [data-col="template"] {
  width: 32%;
}

.domain-table [data-col="status"] {
  width: 14%;
}

.domain-table [data-col="actions"] {
  width: 10%;
}

th {
  color: var(--muted);
  font-size: 13px;
}

tr:hover td {
  background: rgba(255, 255, 255, .018);
}

.table-tools {
  align-items: center;
}

.column-menu {
  position: relative;
  z-index: 20;
}

.column-menu summary {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 6px;
  border: 1px solid var(--line);
  border-color: transparent;
  border-radius: 6px;
  color: var(--muted);
  background: transparent;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
}

.column-menu summary::-webkit-details-marker {
  display: none;
}

.column-menu summary:hover {
  color: var(--text);
  background: rgba(255, 255, 255, .035);
}

.column-menu summary:focus,
.column-menu summary:focus-visible,
.dashboard-filter-menu summary:focus,
.dashboard-filter-menu summary:focus-visible {
  outline: none;
  box-shadow: none;
}

.column-menu[open] summary {
  color: var(--text);
  background: rgba(255, 255, 255, .045);
}

.column-menu > div {
  position: absolute;
  left: 0;
  right: auto;
  top: calc(100% + 8px);
  z-index: 25;
  min-width: 180px;
  display: grid;
  gap: 4px;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel-2);
  box-shadow: 0 18px 46px rgba(0, 0, 0, .35);
}

.column-menu label {
  min-height: 34px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 8px;
  border-radius: 6px;
  color: var(--text);
  font-size: 13px;
  font-weight: 800;
}

.column-menu label:hover {
  background: rgba(255, 255, 255, .05);
}

.column-menu input {
  width: 15px;
  height: 15px;
  padding: 0;
  accent-color: var(--yellow);
}

html:has(.dashboard-page),
body:has(.dashboard-page) {
  height: 100%;
  overflow: hidden;
}

body:has(.dashboard-page) {
  background: radial-gradient(circle at 18% 0%, rgba(255, 213, 46, .08), transparent 30%), radial-gradient(circle at 86% 14%, rgb(0 0 0 / 8%), transparent 28%), var(--bg);
}

body:has(.dashboard-page) main {
  width: min(1584px, calc(100vw - 256px));
  height: 100dvh;
  margin-inline: auto;
  padding: 34px 0 14px;
  box-sizing: border-box;
}

.dashboard-page {
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 18px;
}

.dashboard-topbar {
  align-items: flex-start;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.dashboard-topbar .eyebrow,
.mini-kicker {
  color: var(--yellow);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.dashboard-brand-print {
  margin: 0 0 4px;
  color: #f5f6f3;
  font-size: 22px;
  font-weight: 950;
  line-height: 1;
  letter-spacing: 0;
}

.dashboard-brand-print span {
  color: var(--yellow);
}

.dashboard-topbar h1 {
  max-width: 760px;
  font-size: 36px;
  line-height: .98;
  letter-spacing: 0;
}

.dashboard-topbar .actions {
  justify-content: flex-end;
}

.dashboard-header-actions {
  align-items: center;
  gap: 10px;
  margin-top: -10px;
}

.dashboard-header-actions form {
  margin: 0;
}

.dashboard-nav-trigger,
.dashboard-person-button {
  appearance: none;
  min-height: 40px;
  border: 1px solid rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .035);
  color: var(--text);
  font: inherit;
  font-weight: 850;
  cursor: pointer;
}

.dashboard-nav-trigger {
  padding: 0 15px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
  text-decoration: none;
}

.dashboard-nav-trigger .dashboard-current-page-icon {
  display: none;
}

.dashboard-nav-trigger .dashboard-nav-icon {
  flex: 0 0 var(--nav-bg-size, 22px);
}

.dashboard-nav-trigger-label {
  width: 100%;
  justify-content: center;
  --dashboard-icon-gap: 0;
}

.dashboard-current-page-icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.dashboard-person-button {
  width: 40px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  text-decoration: none;
}

.dashboard-nav-trigger:hover,
.dashboard-person-button:hover {
  border-color: rgba(255, 213, 46, .65);
  color: var(--yellow);
  background: rgba(255, 213, 46, .07);
}

.dashboard-person-button svg {
  width: 19px;
  height: 19px;
  fill: currentColor;
}

.dashboard-theme-toggle {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 3px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 999px;
  background: rgba(255, 255, 255, .035);
  color: var(--muted);
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.dashboard-theme-toggle span {
  min-width: 52px;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
}

.dashboard-theme-toggle span.is-active {
  color: #06080b;
  background: var(--yellow);
}

.dashboard-nav-backdrop {
  position: fixed;
  inset: 0;
  z-index: 45;
  background: rgba(0, 0, 0, .66);
  backdrop-filter: blur(3px);
  opacity: 0;
  transition: opacity .15s ease;
}

.dashboard-nav-backdrop.is-open {
  opacity: 1;
}

.dashboard-registrar-backdrop {
  position: fixed;
  inset: 0;
  z-index: 65;
  background: rgba(0, 0, 0, .68);
  backdrop-filter: blur(4px);
  opacity: 0;
  transition: opacity .15s ease;
}

.dashboard-registrar-backdrop.is-open {
  opacity: 1;
}

.dashboard-nav-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 46;
  width: min(760px, calc(100vw - 32px));
  max-height: min(760px, calc(100dvh - 52px));
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 24px;
  background: #15171b;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .58);
  opacity: 0;
  transform: translate(-50%, calc(-50% + 12px)) scale(.98);
  transition: opacity .15s ease, transform .15s ease;
}

.dashboard-nav-modal.is-open {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.dashboard-nav-search {
  min-height: 72px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 0 18px;
  border-bottom: 1px solid rgba(255, 255, 255, .09);
}

.dashboard-nav-search svg {
  width: 24px;
  height: 24px;
  fill: var(--muted);
}

.dashboard-nav-search input {
  min-height: 48px;
  padding: 0 0 0 8px;
  border: 0;
  background: transparent;
  color: var(--text);
  font-size: 22px;
  font-weight: 650;
  box-shadow: none;
}

.dashboard-nav-search input:focus {
  box-shadow: none;
}

.dashboard-nav-search button {
  width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, .05);
  color: var(--muted);
  font-size: 25px;
  line-height: 1;
}

.dashboard-nav-body {
  min-height: 0;
  overflow: auto;
  padding: 18px;
}

.dashboard-nav-group {
  display: grid;
  gap: 10px;
}

.dashboard-nav-group + .dashboard-nav-group {
  margin-top: 18px;
}

.dashboard-nav-group p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.dashboard-nav-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.dashboard-nav-item {
  min-height: 78px;
  display: grid;
  grid-template-columns: var(--nav-bg-size, 42px) minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 11px;
  background: rgba(255, 255, 255, .035);
  color: var(--text);
  font: inherit;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
}

.dashboard-nav-item:hover {
  border-color: rgba(255, 213, 46, .5);
  background: rgba(255, 255, 255, .065);
}

.dashboard-nav-icon {
  width: var(--nav-bg-size, 42px);
  height: var(--nav-bg-size, 42px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--nav-bg-radius, 8px);
  background: var(--nav-bg-color, transparent);
  color: #fff;
}

.dashboard-nav-icon svg {
  width: var(--nav-icon-size, 23px);
  height: var(--nav-icon-size, 23px);
  fill: currentColor;
  color: var(--nav-icon-color, currentColor);
  transform: translate(var(--nav-icon-x, 0), var(--nav-icon-y, 0));
}

.dashboard-nav-icon img {
  width: var(--nav-icon-size, 23px);
  height: var(--nav-icon-size, 23px);
  object-fit: contain;
  transform: translate(var(--nav-icon-x, 0), var(--nav-icon-y, 0));
}

.dashboard-nav-icon-mask {
  width: var(--nav-icon-size, 23px);
  height: var(--nav-icon-size, 23px);
  display: inline-block;
  background: var(--nav-icon-color, currentColor);
  -webkit-mask: var(--nav-icon-url) center / contain no-repeat;
  mask: var(--nav-icon-url) center / contain no-repeat;
  transform: translate(var(--nav-icon-x, 0), var(--nav-icon-y, 0));
}

.dashboard-nav-item span:last-child {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.dashboard-nav-item strong,
.dashboard-nav-item em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-nav-item strong {
  font-size: 15px;
}

.dashboard-nav-item em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
}

.dashboard-registrar-modal {
  z-index: 66;
  width: min(640px, calc(100vw - 32px));
  max-height: min(620px, calc(100dvh - 52px));
  grid-template-rows: auto minmax(0, 1fr);
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(255, 213, 46, .055), transparent 38%),
    #14161a;
}

.registrar-sync-titlebar {
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 68px;
}

.registrar-sync-title {
  min-width: 0;
  color: var(--text);
  font-size: 22px;
  font-weight: 750;
}

.registrar-sync-body {
  display: grid;
  gap: 14px;
  padding: 20px;
}

.registrar-sync-option {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, .095);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(255, 213, 46, .045), transparent 42%),
    rgba(255, 255, 255, .035);
  cursor: pointer;
}

.registrar-sync-option input {
  grid-column: 2;
  grid-row: 1;
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: var(--yellow);
}

.registrar-sync-option span {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  display: grid;
  gap: 4px;
}

.registrar-sync-option strong {
  color: var(--text);
  font-size: 14px;
  font-weight: 950;
  line-height: 1.2;
}

.registrar-sync-option em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.35;
}

.registrar-sync-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.registrar-sync-card {
  min-height: 88px;
  display: grid;
  grid-template-columns: var(--nav-bg-size, 42px) minmax(0, 1fr);
  grid-template-areas:
    "icon copy"
    "action action";
  align-items: center;
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 13px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, .025)),
    rgba(8, 9, 12, .44);
  color: var(--text);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.registrar-sync-card:hover,
.registrar-sync-card:focus-visible,
.registrar-sync-card.is-preferred {
  border-color: rgba(255, 213, 46, .5);
  background: rgba(255, 255, 255, .065);
  outline: none;
}

.registrar-sync-card > span:nth-child(2) {
  grid-area: copy;
  min-width: 0;
  display: grid;
  gap: 5px;
}

.registrar-sync-card > .dashboard-nav-icon {
  grid-area: icon;
}

.registrar-sync-card strong {
  color: var(--text);
  font-size: 18px;
  font-weight: 950;
  line-height: 1.1;
}

.registrar-sync-card em,
.registrar-sync-card small {
  color: var(--muted);
  font-style: normal;
  font-weight: 500;
  line-height: 1.35;
}

.registrar-sync-card em {
  font-size: 13px;
}

.registrar-sync-card small {
  max-width: 520px;
  font-size: 12px;
}

.registrar-sync-card b {
  grid-area: action;
  min-width: 84px;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid rgba(255, 213, 46, .28);
  background: rgba(255, 213, 46, .075);
  color: var(--yellow);
  font-size: 12px;
  font-weight: 950;
}

.registrar-sync-card:disabled {
  opacity: .82;
  cursor: wait;
}

.registrar-sync-empty {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.registrar-sync-status {
  margin: 0;
}

.dashboard-metrics {
  grid-template-columns: 1.25fr repeat(3, minmax(0, 1fr));
}

.dashboard-metrics .metric {
  min-height: 132px;
  display: grid;
  align-content: space-between;
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .018)),
    #121419;
}

.dashboard-metrics .metric::after {
  content: "";
  position: absolute;
  inset: auto 16px 14px auto;
  width: 46px;
  height: 4px;
  border-radius: 999px;
  background: var(--yellow);
  opacity: .52;
}

.dashboard-metrics .hero-metric::after {
  width: 72px;
  background: linear-gradient(90deg, var(--yellow), #5ed0ff, #70d982);
}

.dashboard-metrics .metric small {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(300px, .75fr);
  gap: 18px;
  align-items: stretch;
}

.dashboard-intake,
.dashboard-ops,
.dashboard-table-panel {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012)),
    var(--panel);
}

.dashboard-intake {
  display: grid;
  gap: 18px;
}

.intake-rail {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.intake-rail button {
  min-height: 112px;
  display: grid;
  align-content: start;
  gap: 9px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, .028);
  color: var(--text);
  text-align: left;
  cursor: pointer;
}

.intake-rail button:hover,
.intake-rail button:focus-visible {
  border-color: rgba(255, 213, 46, .5);
  background: rgba(255, 213, 46, .05);
}

.intake-rail svg {
  width: 24px;
  height: 24px;
  fill: var(--yellow);
}

.intake-rail strong,
.intake-rail em {
  display: block;
}

.intake-rail strong {
  font-size: 14px;
  line-height: 1.15;
}

.intake-rail em {
  margin-top: 5px;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 750;
  line-height: 1.35;
}

.mini-kicker {
  display: block;
  margin: 0 0 8px;
}

.dashboard-ops {
  display: grid;
  align-content: start;
}

.ops-list {
  display: grid;
  gap: 10px;
}

.ops-list a {
  display: grid;
  gap: 5px;
  padding: 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, .025);
  text-decoration: none;
}

.ops-list a:hover {
  border-color: rgba(255, 213, 46, .45);
  background: rgba(255, 213, 46, .045);
}

.ops-list strong {
  font-size: 14px;
}

.ops-list span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.4;
}

.dashboard-import-backdrop {
  position: fixed;
  inset: 0;
  z-index: 85;
  background: rgba(0, 0, 0, .68);
  opacity: 0;
  backdrop-filter: blur(4px);
  transition: opacity .15s ease;
}

.dashboard-import-backdrop.is-open {
  opacity: 1;
}

.dashboard-import-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 90;
  width: min(720px, calc(100vw - 32px));
  max-height: min(86vh, 760px);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 8px;
  background: #17191d;
  box-shadow: 0 32px 120px rgba(0, 0, 0, .55);
  opacity: 0;
  transform: translate(-50%, -47%) scale(.98);
  transition: opacity .15s ease, transform .15s ease;
}

.dashboard-import-modal.is-open {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.dashboard-import-header {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
  padding: 22px 56px 18px 24px;
  border-bottom: 1px solid var(--line);
}

.dashboard-import-header > [data-domain-import-close] {
  position: absolute;
  top: 14px;
  right: 14px;
}

.dashboard-import-header h2 {
  margin: 0;
  font-size: 28px;
  line-height: 1.05;
}

.dashboard-import-header p {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
}

.dashboard-import-stage {
  min-height: 0;
  overflow: auto;
  padding: 24px;
}

.dashboard-import-stage.stack {
  gap: 16px;
}

.dashboard-import-stage[data-import-stage="manual"] {
  grid-template-rows: auto minmax(180px, 1fr) auto auto;
  overflow: hidden;
}

.import-choice-card {
  width: 100%;
  min-height: 92px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  margin: 0 0 12px;
  padding: 16px 18px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 8px;
  background: rgba(255, 255, 255, .045);
  color: var(--text);
  text-align: left;
  cursor: pointer;
}

.import-choice-card:hover,
.import-choice-card:focus-visible {
  border-color: rgba(255, 213, 46, .42);
  background: rgba(255, 213, 46, .045);
}

.import-choice-card svg {
  width: 28px;
  height: 28px;
  fill: var(--yellow);
}

.import-choice-card strong,
.import-choice-card em {
  display: block;
}

.import-choice-card strong {
  font-size: 17px;
  line-height: 1.15;
}

.import-choice-card em {
  margin-top: 5px;
  color: var(--muted);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}

.import-choice-card b {
  color: var(--muted);
  font-size: 32px;
  line-height: 1;
}

.import-format-note {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px 14px;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  background: rgba(255, 255, 255, .04);
}

.import-format-note strong,
.import-format-note span,
.import-format-note code {
  font-size: 13px;
  line-height: 1.35;
}

.import-format-note span {
  color: var(--muted);
  font-weight: 400;
}

.import-format-note code {
  grid-column: 1 / -1;
  color: var(--yellow);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.dashboard-import-stage textarea {
  min-height: 180px;
  resize: vertical;
}

.import-token-box {
  min-height: 180px;
  max-height: min(360px, 44vh);
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 6px;
  overflow: auto;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 8px;
  background: #101216;
  cursor: text;
  scrollbar-color: var(--yellow) rgba(255, 255, 255, .06);
}

.import-token-box:focus-within {
  border-color: var(--yellow);
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .12);
}

.import-token-box textarea[hidden] {
  display: none;
}

.import-token-box input {
  flex: 1 1 220px;
  min-width: 160px;
  min-height: 34px;
  border: 0;
  background: transparent;
  color: var(--text);
  font: inherit;
  font-weight: 800;
  outline: 0;
}

.import-token-box input::placeholder {
  color: rgba(245, 246, 243, .42);
}

.import-token {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: min(100%, 260px);
  padding: 7px 9px;
  border: 1px solid rgba(255, 213, 46, .38);
  border-radius: 999px;
  background: rgba(255, 213, 46, .10);
  color: var(--yellow);
  box-shadow: inset 0 0 0 1px rgba(255, 213, 46, .045);
  font-weight: 900;
  line-height: 1.1;
}

.import-token > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.import-token button {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 213, 46, .24);
  border-radius: 999px;
  background: rgba(0, 0, 0, .28);
  color: var(--yellow);
  font: inherit;
  font-weight: 950;
  line-height: 1;
  cursor: pointer;
}

.import-token button:hover,
.import-token button:focus-visible {
  border-color: rgba(255, 213, 46, .82);
  background: #ffe16a;
  color: #070707;
  outline: none;
}

.import-token-help {
  margin-top: -4px;
  font-size: 12px;
}

.import-source-status {
  margin: 4px 0 0;
  padding: 12px 13px;
  border: 1px solid rgba(255, 213, 46, .24);
  border-radius: 8px;
  background: rgba(255, 213, 46, .055);
  color: var(--muted);
  font-size: 13px;
  font-weight: 750;
  line-height: 1.35;
}

.import-source-status[data-tone="working"] {
  color: var(--yellow);
}

.import-source-status[data-tone="success"] {
  border-color: rgba(86, 224, 143, .34);
  background: rgba(86, 224, 143, .07);
  color: #56e08f;
}

.import-source-status[data-tone="error"] {
  border-color: rgba(255, 107, 122, .34);
  background: rgba(255, 107, 122, .07);
  color: #ff6b7a;
}

.domain-lookup-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.domain-lookup-results {
  display: grid;
  gap: 12px;
}

.domain-lookup-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.domain-lookup-summary span,
.domain-lookup-section {
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 8px;
  background: rgba(255, 255, 255, .035);
}

.domain-lookup-summary span {
  display: grid;
  gap: 3px;
  padding: 10px;
}

.domain-lookup-summary strong {
  color: var(--yellow);
  font-size: 20px;
  line-height: 1;
}

.domain-lookup-summary em {
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
  line-height: 1.1;
  text-transform: uppercase;
}

.domain-lookup-section {
  display: grid;
  gap: 8px;
  padding: 11px;
}

.domain-lookup-section > strong {
  color: var(--text);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.domain-lookup-section > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.domain-lookup-section span,
.domain-lookup-section em {
  max-width: 100%;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.domain-lookup-section[data-lookup-tone="found"] {
  border-color: rgba(86, 224, 143, .26);
}

.domain-lookup-section[data-lookup-tone="missing"] {
  border-color: rgba(255, 213, 46, .24);
}

.domain-lookup-section[data-lookup-tone="invalid"] {
  border-color: rgba(255, 107, 122, .28);
}

.import-overwrite-option {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(255, 213, 46, .22);
  border-radius: 8px;
  background: rgba(255, 213, 46, .05);
  cursor: pointer;
}

.import-overwrite-option input {
  width: 16px;
  height: 16px;
  margin: 2px 0 0;
  accent-color: var(--yellow);
}

.import-overwrite-option span {
  display: grid;
  gap: 3px;
}

.import-overwrite-option strong {
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.25;
}

.import-overwrite-option em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.35;
}

.import-template-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.import-template-grid a {
  display: grid;
  gap: 5px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  background: rgba(255, 255, 255, .035);
  color: var(--text);
  text-decoration: none;
}

.import-template-grid a:hover,
.import-template-grid a:focus-visible {
  border-color: rgba(255, 213, 46, .45);
  background: rgba(255, 213, 46, .045);
}

.import-template-grid strong {
  font-size: 14px;
}

.import-template-grid span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
}

.import-file-picker {
  min-height: 118px;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  gap: 6px 14px;
  padding: 18px;
  border: 1px dashed rgba(255, 255, 255, .22);
  border-radius: 8px;
  background: rgba(255, 255, 255, .025);
  cursor: pointer;
}

.import-file-picker:hover,
.import-file-picker:focus-within,
.dashboard-import-stage.has-file .import-file-picker {
  border-color: rgba(255, 213, 46, .58);
  background: rgba(255, 213, 46, .045);
}

.import-file-picker svg {
  grid-row: 1 / span 2;
  width: 32px;
  height: 32px;
  fill: var(--yellow);
}

.import-file-picker input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.import-file-picker strong {
  color: var(--yellow);
  font-size: 16px;
  font-weight: 900;
}

.import-file-picker em {
  color: var(--muted);
  font-style: normal;
  font-weight: 750;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-import-stage .button:disabled {
  opacity: .44;
  cursor: not-allowed;
  filter: grayscale(.35);
}

.dashboard-table-panel {
  min-width: 0;
  min-height: 0;
  position: relative;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  padding: 0;
  overflow: hidden;
}

.dashboard-table-head {
  align-items: center;
  margin: 0;
  padding: 14px;
  border-bottom: 1px solid var(--line);
}

.dashboard-table-head h2 {
  margin: 0;
  font-size: 25px;
  line-height: 1.05;
}

.dashboard-count-pill {
  display: inline;
  width: auto;
  margin: 0 0 0 6px;
  color: var(--muted);
  font-size: .68em;
  font-weight: 750;
  line-height: 1;
  vertical-align: baseline;
}

.table-tools {
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

.table-search,
.table-filter {
  display: inline-grid;
  min-width: 160px;
}

.table-search {
  min-width: min(320px, 32vw);
  position: relative;
}

.dashboard-live-status {
  --dashboard-live-color: var(--yellow);
  --dashboard-live-ink: #1b1500;
  --dashboard-live-fill: var(--yellow);
  --dashboard-live-dot: var(--dashboard-live-color);
  appearance: none;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 999px;
  color: var(--dashboard-live-ink);
  background: color-mix(in srgb, var(--dashboard-live-fill) 82%, #111 18%);
  font-size: 13px;
  font-weight: 850;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 10px 22px color-mix(in srgb, var(--dashboard-live-fill) 16%, transparent);
}

.dashboard-live-status:focus {
  outline: none;
}

.dashboard-live-status:focus-visible {
  border-color: transparent;
  box-shadow:
    0 10px 22px color-mix(in srgb, var(--dashboard-live-fill) 16%, transparent),
    0 0 0 2px color-mix(in srgb, var(--dashboard-live-fill) 24%, transparent);
}

.dashboard-live-status:hover {
  border-color: transparent;
  background: color-mix(in srgb, var(--dashboard-live-fill) 90%, #111 10%);
}

.dashboard-live-status::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--dashboard-live-dot);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--dashboard-live-dot) 22%, transparent);
  flex: 0 0 auto;
}

.dashboard-live-status.is-active {
  --dashboard-live-color: #b9a7ff;
  --dashboard-live-ink: #ffffff;
  --dashboard-live-fill: #b9a7ff;
  --dashboard-live-dot: #b9a7ff;
}

.dashboard-live-status.is-loading {
  --dashboard-live-color: var(--yellow);
  --dashboard-live-ink: #1b1500;
  --dashboard-live-fill: var(--yellow);
  --dashboard-live-dot: var(--yellow);
}

.dashboard-live-status.is-error {
  --dashboard-live-color: #ff7777;
  --dashboard-live-ink: #2a0505;
  --dashboard-live-fill: #ff7777;
  --dashboard-live-dot: #ff7777;
}

.button[data-dashboard-live-filter][aria-pressed="true"] {
  border-color: transparent;
  box-shadow: none;
}

[data-dashboard-live-filter-count] {
  display: none;
  min-width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
  padding: 0 5px;
  border-radius: 999px;
  background: rgba(5, 5, 5, .18);
  font-size: 11px;
  font-weight: 950;
}

.table-search span,
.table-filter span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.table-search input,
.table-filter select {
  min-height: 38px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #101216;
  font-size: 13px;
}

.table-search input {
  padding-right: 40px;
}

.table-search input::-webkit-search-cancel-button {
  display: none;
}

.table-search input:focus,
.table-search input:focus-visible,
.table-filter select:focus,
.table-filter select:focus-visible {
  border-color: rgba(255, 213, 46, .72);
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .12);
  outline: none;
}

.table-search-clear {
  position: absolute;
  top: 50%;
  right: 9px;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--text);
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
}

.table-search-clear:hover,
.table-search-clear:focus-visible {
  color: var(--yellow);
  outline: none;
}

.table-import-button {
  margin-left: auto;
}

.dashboard-verify-strip {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(260px, max-content) max-content;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--line);
  background: rgba(255, 255, 255, .025);
}

.dashboard-verify-strip strong {
  display: block;
  color: var(--text);
  font-size: 14px;
  font-weight: 900;
}

.dashboard-verify-strip p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.dashboard-verify-strip code {
  padding: 9px 11px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 8px;
  background: #101216;
  color: #e7e9ee;
  font-size: 12px;
  white-space: nowrap;
}

.dashboard-verify-result {
  color: #f5d84c !important;
  font-weight: 850;
}

.dashboard-verify-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.dashboard-verify-actions form {
  margin: 0;
}

.dashboard-verify-selection {
  max-width: 230px;
  margin: 0 !important;
  color: var(--yellow) !important;
  font-weight: 850;
  text-align: right;
}

.dashboard-filter-menu {
  position: relative;
  z-index: 24;
}

.dashboard-filter-menu summary {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 0 13px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: rgba(255, 255, 255, .07);
  color: #d9dde5;
  font-size: 13px;
  font-weight: 900;
  list-style: none;
  cursor: pointer;
}

.dashboard-filter-menu summary::-webkit-details-marker {
  display: none;
}

.column-menu summary {
  list-style: none;
}

.column-menu summary::-webkit-details-marker {
  display: none;
}

.dashboard-filter-menu summary:hover,
.dashboard-filter-menu[open] summary {
  border-color: rgba(255, 213, 46, .45);
  color: #fff;
}

.dashboard-filter-menu summary:has(.dashboard-filter-count:not(:empty)) {
  border-color: rgba(255, 213, 46, .38);
  background: rgba(255, 213, 46, .10);
  color: #fff;
}

.dashboard-filter-menu summary img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.dashboard-filter-count {
  min-width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 1px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--yellow);
  color: #070707;
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .10);
}

.dashboard-filter-count:empty,
.dashboard-filter-count[hidden] {
  display: none;
}

.dashboard-filter-popover {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  width: min(960px, calc(100vw - 48px));
  max-height: min(620px, 78vh);
  overflow: hidden;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 12px;
  background: #24262a;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .42);
}

@media (min-width: 721px) and (max-height: 760px) {
  .dashboard-filter-popover {
    top: calc(100% - 16px);
    max-height: calc(100dvh - 202px);
  }
}

.dashboard-filter-header,
.dashboard-filter-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.dashboard-filter-header strong,
.dashboard-filter-popover h3,
.dashboard-filter-popover h4 {
  margin: 0;
  color: #f4f5f7;
  font-weight: 900;
}

.dashboard-filter-header strong {
  font-size: 17px;
}

.dashboard-filter-header span {
  display: block;
  margin-top: 2px;
  color: #9ea4ae;
  font-size: 12px;
  font-weight: 800;
}

.dashboard-filter-popover h3 {
  font-size: 16px;
}

.dashboard-filter-popover h4 {
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.dashboard-filter-clear-all,
.dashboard-filter-section-head button {
  appearance: none;
  min-height: 30px;
  border: 1px solid rgba(255, 213, 46, .26);
  border-radius: 999px;
  background: rgba(255, 213, 46, .08);
  color: #ffd52e;
  padding: 0 11px;
  font: inherit;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
}

.dashboard-filter-clear-all:hover,
.dashboard-filter-section-head button:hover {
  background: rgba(255, 213, 46, .14);
}

.dashboard-filter-active {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.dashboard-filter-active button {
  appearance: none;
  min-height: 31px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex: 0 0 auto;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 999px;
  background: rgba(5, 6, 8, .36);
  color: #f4f5f7;
  padding: 0 10px;
  font: inherit;
  cursor: pointer;
}

.dashboard-filter-active button::after {
  content: "×";
  color: #ffd52e;
  font-weight: 950;
}

.dashboard-filter-active span {
  color: #9ea4ae;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.dashboard-filter-active strong {
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.dashboard-filter-layout {
  min-height: 0;
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 12px;
}

.dashboard-filter-tabs {
  display: grid;
  align-content: start;
  gap: 8px;
  padding-right: 12px;
  border-right: 1px solid rgba(255, 255, 255, .08);
}

.dashboard-filter-tabs button {
  appearance: none;
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #b7bcc5;
  padding: 0 10px;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  text-align: left;
  cursor: pointer;
}

.dashboard-filter-tabs button[aria-pressed="true"] {
  border-color: rgba(255, 213, 46, .24);
  background: rgba(255, 213, 46, .12);
  color: #ffd52e;
}

.dashboard-filter-tabs span {
  min-width: 18px;
  min-height: 18px;
  display: inline-grid;
  place-items: center;
  border-radius: 999px;
  background: #ffd52e;
  color: #070707;
  font-size: 10px;
  font-weight: 950;
}

.dashboard-filter-tabs span:empty,
.dashboard-filter-tabs span[hidden] {
  display: none;
}

.dashboard-filter-panels {
  min-width: 0;
  min-height: 0;
}

.dashboard-filter-panels > section {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.dashboard-filter-panels > section[hidden] {
  display: none;
}

.dashboard-filter-section-head {
  grid-column: 1 / -1;
}

.dashboard-filter-card,
.dashboard-filter-field {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 7px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 8px;
  background: rgba(5, 6, 8, .18);
}

.dashboard-filter-wide {
  grid-column: span 2;
}

.dashboard-filter-note {
  color: #b7bcc5;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
}

.dashboard-filter-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.dashboard-filter-tlds {
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: 3px;
}

.dashboard-filter-chips input {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  opacity: 0;
  pointer-events: none;
}

.dashboard-filter-chips span {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 0 9px;
  border: 1px solid rgba(255, 255, 255, .04);
  border-radius: 999px;
  background: rgba(5, 6, 8, .28);
  color: #c8cbd1;
  font-size: 11px;
  font-weight: 850;
  cursor: pointer;
  white-space: nowrap;
}

.dashboard-filter-chips input:checked + span {
  border-color: rgba(255, 213, 46, .72);
  background: rgba(255, 213, 46, .10);
  color: #ffd52e;
  box-shadow: inset 0 0 0 1px rgba(255, 213, 46, .10), 0 0 0 3px rgba(255, 213, 46, .08);
}

.dashboard-filter-range {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.dashboard-filter-range label,
.dashboard-filter-field {
  display: grid;
  gap: 7px;
}

.dashboard-filter-range label span,
.dashboard-filter-field > span {
  color: #9ea4ae;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.dashboard-filter-range input,
.dashboard-filter-field input,
.dashboard-filter-field select {
  width: 100%;
  min-height: 34px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 8px;
  background: rgba(5, 6, 8, .32);
  color: #f4f5f7;
  padding: 0 12px;
  font: inherit;
  font-size: 13px;
  font-weight: 850;
  outline: none;
}

.dashboard-filter-range input:focus,
.dashboard-filter-range input:focus-visible,
.dashboard-filter-field input:focus,
.dashboard-filter-field input:focus-visible,
.dashboard-filter-field select:focus,
.dashboard-filter-field select:focus-visible {
  border-color: rgba(255, 213, 46, .58);
  box-shadow: 0 0 0 2px rgba(255, 213, 46, .16);
}

.table-status-filter {
  position: relative;
}

.table-status-filter select {
  padding-left: 28px;
}

.table-status-filter::after {
  content: "";
  position: absolute;
  left: 11px;
  bottom: 14px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #747984;
  box-shadow: 0 0 0 4px rgba(116, 121, 132, .10);
  pointer-events: none;
}

.table-status-filter[data-status="active"]::after {
  background: #35d07f;
  box-shadow: 0 0 0 4px rgba(53, 208, 127, .12);
}

.table-status-filter[data-status="paused"]::after,
.table-status-filter[data-status="draft"]::after {
  background: var(--yellow);
  box-shadow: 0 0 0 4px rgba(255, 213, 46, .12);
}

.table-scroll {
  grid-row: 3;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  max-height: none;
  padding-bottom: 76px;
  overflow-y: auto;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  overscroll-behavior-y: contain;
  scrollbar-color: rgba(255, 213, 46, .68) rgba(255, 255, 255, .08);
}

.dashboard-pagination {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 12;
  min-height: 64px;
  display: grid;
  grid-template-columns: minmax(170px, .7fr) minmax(240px, 1fr) minmax(190px, .7fr);
  align-items: center;
  gap: 16px;
  padding: 10px 14px;
  border-top: 1px solid rgba(255, 255, 255, .10);
  background: rgba(17, 19, 23, .42);
  backdrop-filter: blur(2px) saturate(1.18);
  -webkit-backdrop-filter: blur(18px) saturate(1.18);
}

.dashboard-page-size,
.dashboard-page-jump,
.dashboard-page-controls,
.dashboard-page-list {
  display: inline-flex;
  align-items: center;
}

.dashboard-page-size {
  justify-self: start;
  gap: 9px;
}

.dashboard-page-size span,
.dashboard-page-jump span {
  color: var(--muted);
  font-size: 15px;
  font-weight: 850;
  padding-top: 6px;
}

.dashboard-page-size select,
.dashboard-page-jump input {
  min-height: 40px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 8px;
  background: #101216;
  color: #f5f6f3;
  font: inherit;
  font-size: 15px;
  font-weight: 750;
}

.dashboard-page-size select {
  width: 76px;
  padding: 0 12px;
}

.dashboard-page-controls {
  justify-self: center;
  gap: 12px;
}

.dashboard-page-controls > button,
.dashboard-page-list button,
.dashboard-page-jump button {
  min-width: 38px;
  min-height: 38px;
  display: inline-grid;
  place-items: center;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-size: 17px;
  font-weight: 850;
  cursor: pointer;
}

.dashboard-page-controls > button {
  font-size: 30px;
  line-height: 1;
}

.dashboard-page-controls > button:hover,
.dashboard-page-list button:hover,
.dashboard-page-jump button:hover {
  color: #f5f6f3;
  background: rgba(255, 255, 255, .06);
}

.dashboard-page-controls > button:disabled {
  opacity: .34;
  cursor: default;
}

.dashboard-page-controls > button:disabled:hover {
  color: var(--muted);
  background: transparent;
}

.dashboard-page-list {
  gap: 7px;
}

.dashboard-page-list button[aria-current] {
  color: #ffd52f;
  background: rgb(164 173 57 / 34%);
}

.dashboard-page-ellipsis {
  min-width: 30px;
  color: var(--muted);
  font-weight: 850;
  text-align: center;
}

.dashboard-page-jump {
  justify-self: end;
  gap: 9px;
}

.dashboard-page-jump input {
  width: 72px;
  padding: 0 10px;
  text-align: center;
}

.dashboard-page-jump button {
  padding: 0 16px;
  background: rgba(255, 255, 255, .08);
}

.dashboard-table {
  width: 100%;
  min-width: 1440px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}

.dashboard-table [data-col="domain"] {
  width: 200px;
}

.dashboard-table [data-col="select"] {
  width: 62px;
}

.dashboard-table [data-col="price"] {
  width: 150px;
}

.dashboard-table [data-col="status"] {
  width: 136px;
}

.dashboard-table [data-col="mode"] {
  width: 144px;
}

.dashboard-table [data-col="traffic_live"] {
  width: 90px;
}

.dashboard-table [data-col="traffic_yesterday"],
.dashboard-table [data-col="traffic_all_time"] {
  width: 118px;
}

.dashboard-table [data-col="listed"] {
  width: 132px;
}

.dashboard-table [data-col="registrar"] {
  width: 128px;
}

.dashboard-table [data-col="expiration"] {
  width: 135px;
}

.dashboard-table [data-col="updated"] {
  width: 130px;
}

.dashboard-table [data-col="actions"] {
  width: 188px;
}

.dashboard-table th,
.dashboard-table td {
  text-align: left;
  padding: 13px 10px;
  background: rgba(17, 19, 23, .76);
  overflow: hidden;
  text-overflow: ellipsis;
}

.dashboard-table tr.is-row-saving [data-col="price"] .inline-edit {
  width: fit-content;
  max-width: max-content;
  background: transparent;
  border-bottom-color: rgba(255, 213, 46, .9);
  color: var(--yellow);
  opacity: 1;
  text-shadow: 0 0 12px rgba(255, 213, 46, .28);
}

.dashboard-table th[data-col="actions"],
.dashboard-table td[data-col="actions"] {
  overflow: visible;
}

.dashboard-table thead th {
  position: sticky;
  top: 0;
  z-index: 3;
  border-bottom-color: rgba(255, 255, 255, .14);
  background: rgba(18, 20, 25, .96);
  backdrop-filter: blur(16px);
  white-space: nowrap;
}

.dashboard-table th:first-child,
.dashboard-table td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  background: #121419;
}

.dashboard-table thead th:first-child {
  z-index: 4;
}

.dashboard-table th[data-col="domain"],
.dashboard-table td[data-col="domain"] {
  position: sticky;
  left: 62px;
  z-index: 2;
  background: #121419;
}

.dashboard-table thead th[data-col="domain"] {
  z-index: 4;
}

.dashboard-table th button {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: 900;
  cursor: pointer;
}

.dashboard-table th button::after {
  content: "";
  width: 7px;
  height: 7px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  opacity: .35;
  transform: rotate(45deg) translateY(-2px);
}

.dashboard-table th[aria-sort="ascending"] button::after {
  border-color: var(--yellow);
  opacity: 1;
  transform: rotate(225deg) translateY(-1px);
}

.dashboard-table th[aria-sort="descending"] button::after {
  border-color: var(--yellow);
  opacity: 1;
  transform: rotate(45deg) translateY(-2px);
}

.dashboard-table tbody tr {
  transition: background .16s ease, opacity .16s ease;
}

.dashboard-table tbody tr:hover td {
  background: rgba(255, 255, 255, .045);
}

.dashboard-table tbody tr.is-selected td {
  background: rgba(255, 213, 46, .035);
}

.dashboard-table tbody tr.is-drawer-active td {
  background: rgba(255, 213, 46, .045);
}

.dashboard-table tbody tr.dashboard-empty-row td {
  height: 72px;
  background: rgba(17, 19, 23, .76);
}

.dashboard-empty-row [data-col="domain"] {
  color: var(--muted);
  font-size: 14px;
  font-weight: 750;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
}

.dashboard-empty-row [data-dashboard-empty-message] {
  display: inline-block;
  min-width: max-content;
}

.dashboard-row-select {
  width: 22px;
  height: 22px;
  display: inline-grid;
  place-items: center;
  cursor: pointer;
}

.dashboard-row-select input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.dashboard-row-select span {
  position: relative;
  width: 18px;
  height: 18px;
  display: inline-block;
  border: 2px solid rgba(255, 255, 255, .22);
  border-radius: 5px;
  background: rgba(255, 255, 255, .035);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14);
}

.dashboard-row-select input:checked + span,
.dashboard-row-select input:indeterminate + span {
  border-color: #5865ff;
  background: #5865ff;
}

.dashboard-row-select input:checked + span::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 48%;
  width: 7px;
  height: 3px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.dashboard-row-select input:indeterminate + span::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 2px;
  border-radius: 999px;
  background: #fff;
  transform: translate(-50%, -50%);
}

.domain-cell,
.price-cell {
  display: grid;
  gap: 4px;
  justify-items: start;
}

.domain-cell strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
}

.domain-cell span,
.price-cell span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.25;
}

.status-cell {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.status-open-link {
  width: auto;
  height: auto;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 0;
  color: var(--muted);
  background: transparent;
  text-decoration: none;
  opacity: .82;
}

.status-open-link:hover {
  color: var(--text);
  background: transparent;
  opacity: 1;
}

.status-cell:has(.table-status-pill.live) .status-why-button {
  display: none;
}

.status-why-button {
  width: 20px;
  height: 20px;
  min-height: 20px;
  flex: 0 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 999px;
  background: rgba(255, 255, 255, .045);
  color: var(--muted);
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
}

.status-why-button:hover,
.status-why-button:focus-visible {
  border-color: rgba(255, 213, 46, .56);
  color: var(--yellow);
  background: rgba(255, 213, 46, .08);
}

.gb-icon-svg.gb-button__icon {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.dashboard-table .status-pill {
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: rgba(53, 208, 127, .07) !important;
  color: #dffbea;
  font-size: 13px;
  font-weight: 850;
  cursor: default;
  white-space: nowrap;
}

.table-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex-wrap: nowrap;
}

.dashboard-table .status-pill.paused,
.dashboard-table .status-pill.draft {
  border-color: transparent;
  background: rgba(255, 213, 46, .08) !important;
  color: var(--yellow);
}

.dashboard-table .status-pill.dns_off,
.dashboard-table .status-pill.pending_ns {
  border-color: transparent;
  background: rgba(255, 255, 255, .045) !important;
  color: #9da3ad;
}

.dashboard-table .status-pill.inactive {
  border-color: transparent;
  background: rgba(255, 85, 85, .08) !important;
  color: #ffb7b7;
}

.dashboard-table .status-pill.sold,
.dashboard-table .status-pill.archived {
  border-color: transparent;
  background: rgba(255, 255, 255, .035) !important;
  color: var(--muted);
}

.status-live-dot {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 999px;
  background: #35d07f;
  box-shadow: 0 0 0 4px rgba(53, 208, 127, .12);
}

.status-pill.paused .status-live-dot,
.status-pill.draft .status-live-dot {
  background: var(--yellow);
  box-shadow: 0 0 0 4px rgba(255, 213, 46, .12);
}

.status-pill.dns_off .status-live-dot,
.status-pill.pending_ns .status-live-dot {
  background: #747984;
  box-shadow: 0 0 0 4px rgba(116, 121, 132, .12);
}

.status-pill.inactive .status-live-dot {
  background: #ff5d5d;
  box-shadow: 0 0 0 4px rgba(255, 93, 93, .12);
}

.traffic-cell {
  position: relative;
  isolation: isolate;
  font-weight: 900;
  color: #f5f6f3;
  cursor: default;
  transition: color .18s ease, text-shadow .18s ease, transform .18s ease;
}

.traffic-cell strong {
  display: inline-block;
  color: inherit;
  font: inherit;
}

.traffic-cell small {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 3px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  line-height: 1.1;
}

.traffic-cell small b {
  font: inherit;
  color: currentColor;
}

.traffic-cell small [data-kind="real"] {
  color: #5ee08b;
}

.traffic-cell small [data-kind="owner"] {
  color: #9fb2ff;
}

.traffic-cell small [data-kind="bot"] {
  color: #ffb86b;
}

.traffic-cell small [data-kind="unknown"] {
  color: #a7abb2;
}

.traffic-cell[data-traffic-kind="all"].has-live-traffic {
  color: var(--dashboard-live-color, var(--yellow));
  text-shadow: 0 0 12px color-mix(in srgb, var(--dashboard-live-color, var(--yellow)) 24%, transparent);
}

.traffic-zero {
  display: inline-block;
  width: .6em;
  height: 2px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--muted) 42%, transparent);
  vertical-align: middle;
}

.traffic-loading {
  width: 16px;
  height: 16px;
  display: inline-block;
  border-radius: 999px;
  background:
    radial-gradient(circle at 50% 50%, var(--dashboard-live-color, var(--yellow)) 0 3px, transparent 3.5px),
    conic-gradient(from 0deg, transparent 0 38%, color-mix(in srgb, var(--dashboard-live-color, var(--yellow)) 88%, #fff 12%) 44% 70%, transparent 78% 100%);
  box-shadow: 0 0 14px color-mix(in srgb, var(--dashboard-live-color, var(--yellow)) 28%, transparent);
  vertical-align: middle;
  animation: traffic-loading-spin .85s linear infinite;
}

.traffic-cell.is-live-loading {
  color: var(--dashboard-live-color, var(--yellow));
  text-shadow: 0 0 14px color-mix(in srgb, var(--dashboard-live-color, var(--yellow)) 30%, transparent);
}

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

.traffic-cell.is-traffic-updated {
  color: var(--dashboard-live-color, var(--yellow));
  text-shadow: 0 0 18px color-mix(in srgb, var(--dashboard-live-color, var(--yellow)) 34%, transparent);
  transform: translateY(-1px);
}

.traffic-cell.is-live-heartbeat {
  animation: none;
}

.traffic-cell.is-live-heartbeat strong {
  animation: dashboard-live-heartbeat var(--dashboard-live-pulse-duration, 700ms) ease-out;
}

@keyframes dashboard-live-heartbeat {
  0% {
    text-shadow: 0 0 8px color-mix(in srgb, var(--dashboard-live-color, var(--yellow)) 18%, transparent);
    transform: translateY(0) scale(1);
  }
  42% {
    text-shadow: 0 0 22px color-mix(in srgb, var(--dashboard-live-color, var(--yellow)) 46%, transparent);
    transform: translateY(-1px) scale(1.035);
  }
  100% {
    text-shadow: 0 0 12px color-mix(in srgb, var(--dashboard-live-color, var(--yellow)) 24%, transparent);
    transform: translateY(0) scale(1);
  }
}

.owner-traffic-cell {
  color: #a7abb2;
  text-shadow: none;
}

.live-traffic-tooltip {
  position: fixed;
  z-index: 160;
  width: min(288px, calc(100vw - 24px));
  display: grid;
  gap: 9px;
  padding: 12px;
  border: 1px solid rgba(255, 213, 46, .62);
  border-radius: 8px;
  background: #050505;
  color: #fff;
  box-shadow: 0 18px 54px rgba(0, 0, 0, .48);
  pointer-events: none;
}

.live-traffic-tooltip strong {
  color: var(--yellow);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.live-traffic-tooltip.is-drawer-tooltip {
  width: min(300px, calc(100vw - 24px));
  gap: 8px;
  padding: 12px 13px 13px;
  border-color: rgba(255, 213, 46, .72);
  border-radius: 10px;
}

.live-traffic-tooltip.is-drawer-tooltip strong {
  font-size: 11px;
  letter-spacing: .08em;
}

.live-traffic-tooltip.is-drawer-tooltip .live-traffic-empty {
  display: block;
  color: #d9dde5;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.live-traffic-quality-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.live-traffic-quality-summary b {
  padding: 3px 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .07);
  color: #d9dde5;
  font-size: 10px;
  font-weight: 950;
}

.live-traffic-quality-summary [data-kind="real"] {
  color: #5ee08b;
}

.live-traffic-quality-summary [data-kind="owner"] {
  color: #9fb2ff;
}

.live-traffic-quality-summary [data-kind="bot"] {
  color: #ffb86b;
}

.live-traffic-quality-summary [data-kind="unknown"] {
  color: #a7abb2;
}

.live-traffic-visitor {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
}

.live-traffic-visitor b {
  font-size: 18px;
  line-height: 1;
}

.live-traffic-icon.is-fallback {
  width: 24px;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  color: #a7abb2;
  background: rgba(255, 255, 255, .055);
  font-size: 12px;
  font-weight: 950;
}

.live-traffic-icon.is-owner {
  width: 30px;
  color: #050505;
  border-color: rgba(255, 213, 46, .78);
  background: var(--yellow);
  font-size: 9px;
}

.live-traffic-visitor span {
  min-width: 0;
  display: grid;
  gap: 2px;
  color: #f5f6f3;
  font-size: 13px;
  font-weight: 850;
}

.live-traffic-visitor em,
.live-traffic-empty {
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 750;
}

.status-pill.sold .status-live-dot,
.status-pill.archived .status-live-dot {
  background: #747984;
  box-shadow: 0 0 0 4px rgba(116, 121, 132, .10);
}

.dashboard-table td[data-col="price"] .inline-edit,
.dashboard-table td[data-col="status"] .inline-edit,
.dashboard-table td[data-col="mode"] .inline-edit {
  white-space: nowrap;
  color: var(--text);
  outline: none;
  box-shadow: none !important;
}

.row-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  white-space: nowrap;
  min-width: max-content;
}

.row-actions .button {
  min-width: 72px;
  padding-inline: 13px;
}

.row-actions .button:only-child {
  min-width: 66px;
}

.table-empty {
  margin: 0;
  padding: 16px 36px;
  min-height: 0;
  border: 0;
  background: transparent;
  color: var(--muted);
  font-size: 14px;
  font-weight: 650;
}

.inline-edit {
  appearance: none;
  position: relative;
  min-height: 0;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  padding: 0 0 3px;
  border: 0;
  border-bottom: 1px dotted rgba(245, 246, 243, .28);
  border-radius: 0;
  box-shadow: none;
  color: inherit;
  font: inherit;
  font-weight: 650;
  text-align: left;
  cursor: pointer;
  line-height: 1.25;
  vertical-align: baseline;
}

.dashboard-readonly-mode {
  display: inline-flex;
  align-items: center;
  min-height: 0;
  padding: 0 0 3px;
  border-bottom: 1px dotted rgba(245, 246, 243, .28);
  color: var(--text);
  font-weight: 650;
  line-height: 1.25;
  white-space: nowrap;
}

.dashboard-table td[data-col="price"] .inline-edit:not(.is-editing) {
  padding-right: 15px;
  margin-right: -15px;
}

.domain-table button.inline-edit:not(.is-editing) {
  min-width: 0;
  height: auto;
  background-color: transparent !important;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  box-shadow: none !important;
}

.domain-table td:has(.inline-edit) {
  vertical-align: middle;
}

.inline-edit::after {
  content: "Edit";
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  color: var(--yellow);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
  transition: max-width .15s ease, opacity .15s ease;
}

.inline-edit:hover,
.inline-edit.is-editing {
  border-bottom-color: rgba(255, 213, 46, .9);
  color: var(--text);
}

.inline-edit:hover::after,
.inline-edit:focus-visible::after {
  max-width: 36px;
  opacity: 1;
}

.inline-edit.is-saving {
  opacity: .68;
}

.inline-edit.has-error {
  border-bottom-color: var(--red);
}

.dashboard-table button.inline-edit.status-pill:not(.is-editing) {
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: rgba(53, 208, 127, .07) !important;
  color: #dffbea;
}

.dashboard-table button.inline-edit.status-pill:not(.is-editing)::after {
  display: none;
}

.dashboard-table button.inline-edit.status-pill:not(.is-editing):hover,
.dashboard-table button.inline-edit.status-pill:not(.is-editing):focus-visible {
  border-color: rgba(255, 213, 46, .9);
  color: var(--text);
  box-shadow: 0 0 0 2px rgba(255, 213, 46, .12);
}

.dashboard-table button.inline-edit.status-pill.paused:not(.is-editing),
.dashboard-table button.inline-edit.status-pill.draft:not(.is-editing) {
  border-color: transparent;
  background: rgba(255, 213, 46, .08) !important;
  color: var(--yellow);
}

.dashboard-table button.inline-edit.status-pill.dns_off:not(.is-editing),
.dashboard-table button.inline-edit.status-pill.pending_ns:not(.is-editing) {
  border-color: transparent;
  background: rgba(255, 255, 255, .045) !important;
  color: #9da3ad;
}

.dashboard-table button.inline-edit.status-pill.sold:not(.is-editing),
.dashboard-table button.inline-edit.status-pill.archived:not(.is-editing) {
  border-color: transparent;
  background: rgba(255, 255, 255, .035) !important;
  color: var(--muted);
}

.inline-edit.status-dot {
  color: var(--muted);
  border-bottom-color: rgba(167, 171, 178, .28);
  font-weight: 700;
}

.inline-edit.status-dot:hover,
.inline-edit.status-dot.is-editing {
  border-bottom-color: rgba(255, 213, 46, .9);
}

.inline-edit.is-editing {
  width: min(100%, 240px);
  padding: 0;
  border-bottom: 0;
}

.inline-edit.is-editing::after,
.inline-edit.is-saving::after {
  display: none;
}

.inline-control {
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  min-width: 0;
  min-height: 34px;
  padding: 5px 34px 5px 8px;
  background: var(--panel-3);
  color: var(--text);
  border-color: rgba(255, 213, 46, .55);
  border-radius: 6px;
  font-size: 14px;
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .08);
  outline: none;
}

.inline-money-input {
  width: min(100%, 190px);
  min-height: 36px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: stretch;
  border: 1px solid rgba(255, 213, 46, .55);
  border-radius: 8px;
  overflow: hidden;
  background: #0f1115;
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .08);
}

.inline-money-input b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid rgba(255, 255, 255, .08);
  background: #000;
  color: var(--yellow);
  font-size: 15px;
  font-weight: 950;
}

.inline-money-input .inline-control {
  min-height: 34px;
  padding: 5px 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

select.inline-control {
  background-image:
    linear-gradient(45deg, transparent 50%, currentColor 50%),
    linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position:
    calc(100% - 22px) 50%,
    calc(100% - 16px) 50%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

.inline-control:focus,
.inline-control:focus-visible {
  outline: none;
  border-color: rgba(255, 213, 46, .76);
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .10);
}

.dashboard-config-icon-label {
  display: inline-flex;
  align-items: center;
  gap: var(--dashboard-icon-gap, 8px);
}

.dashboard-config-icon {
  width: var(--dashboard-icon-size, 18px);
  height: var(--dashboard-icon-size, 18px);
  flex: 0 0 var(--dashboard-icon-size, 18px);
  color: var(--dashboard-icon-color, currentColor);
  object-fit: contain;
  transform: translate(var(--dashboard-icon-x, 0), var(--dashboard-icon-y, 0));
}

.dashboard-config-icon-svg {
  fill: currentColor;
}

.dashboard-config-icon-mask {
  display: inline-block;
  background: var(--dashboard-icon-color, currentColor);
  mask: var(--dashboard-icon-url) center / contain no-repeat;
  -webkit-mask: var(--dashboard-icon-url) center / contain no-repeat;
}

.inline-icon {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.inline-icon img {
  width: 22px;
  height: 22px;
  object-fit: contain;
  flex: 0 0 auto;
}

.inline-icon.empty {
  color: var(--muted);
}

.icon-picker {
  display: grid;
  gap: 10px;
}

.icon-picker-search input,
.inline-icon-search {
  min-height: 36px;
  padding: 7px 10px;
  border-radius: 7px;
  font-size: 14px;
}

.icon-picker-grid {
  max-height: 260px;
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 8px;
  padding-right: 2px;
}

.icon-picker-grid.compact {
  grid-template-columns: 1fr;
  max-height: 330px;
}

.icon-choice {
  min-height: 72px;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 9px;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 8px;
  background: rgba(255, 255, 255, .025);
  color: var(--text);
  text-align: left;
  box-shadow: none;
}

.icon-choice:hover,
.icon-choice.active {
  border-color: rgba(255, 213, 46, .72);
  background: rgba(255, 213, 46, .07);
}

.icon-thumb {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 8px;
  background: rgba(255, 255, 255, .04);
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.icon-thumb img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

.icon-meta {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.icon-meta strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}

.icon-meta em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
}

.inline-icon-picker {
  position: fixed;
  z-index: 30;
  width: min(340px, calc(100vw - 24px));
  display: grid;
  gap: 10px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel-2);
  box-shadow: 0 22px 60px rgba(0, 0, 0, .45);
}

.domain-drawer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 38;
  pointer-events: none;
  background: transparent;
  backdrop-filter: none;
}

.domain-drawer-backdrop:not([hidden]) {
  pointer-events: auto;
}

.domain-edit-drawer {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 39;
  width: min(460px, calc(100vw - 18px));
  height: 100dvh;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  border-left: 1px solid rgba(255, 255, 255, .12);
  background:
    linear-gradient(145deg, rgba(255, 213, 46, .05), transparent 32%),
    #121419;
  box-shadow: -28px 0 80px rgba(0, 0, 0, .42);
  transform: translateX(104%);
  transition: transform .18s ease;
}

.domain-edit-drawer.is-open {
  transform: translateX(0);
}

.domain-edit-drawer.is-appraise-report {
  width: min(1080px, calc(100vw - 18px));
  background:
    radial-gradient(circle at 20% 12%, rgba(255, 213, 46, .055), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(75, 143, 255, .05), transparent 36%),
    linear-gradient(145deg, rgba(255, 213, 46, .028), transparent 36%),
    #0c1117;
}

.domain-traffic-drawer {
  width: min(520px, calc(100vw - 18px));
}

.domain-traffic-body {
  min-height: 0;
  overflow: auto;
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 14px;
}

.domain-traffic-full-link {
  width: 100%;
  justify-content: center;
}

.domain-traffic-range {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.domain-traffic-range button {
  min-height: 38px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 8px;
  background: #0f1115;
  color: var(--muted);
  font-weight: 900;
  cursor: pointer;
}

.domain-traffic-range button[aria-pressed="true"] {
  border-color: rgba(255, 213, 46, .72);
  background: rgba(255, 213, 46, .14);
  color: var(--yellow);
  outline: none;
}

.domain-traffic-range button:hover,
.domain-traffic-range button:focus-visible {
  border-color: rgba(255, 213, 46, .42);
  background: rgba(255, 213, 46, .06);
  color: var(--yellow);
  outline: none;
}

.domain-traffic-range button[aria-pressed="true"]:hover,
.domain-traffic-range button[aria-pressed="true"]:focus-visible {
  border-color: rgba(255, 213, 46, .78);
  background: rgba(255, 213, 46, .16);
}

.traffic-drawer-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.traffic-drawer-card.is-emphasis {
  border-color: rgba(255, 213, 46, .32);
  background: rgba(255, 213, 46, .075);
}

.traffic-drawer-card.is-emphasis strong {
  color: var(--yellow);
}

.traffic-drawer-grid.is-compact {
  grid-template-columns: 1fr;
}

.dashboard-traffic-command {
  display: grid;
  grid-template-columns: repeat(5, minmax(110px, 1fr)) minmax(220px, 1.4fr);
  gap: 8px;
  padding: 10px 16px;
  border-top: 1px solid var(--line);
  background: rgba(255, 255, 255, .025);
}

.dashboard-command-metric,
.dashboard-command-list {
  min-width: 0;
  min-height: 58px;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 8px;
  background: rgba(0, 0, 0, .16);
}

.dashboard-command-metric span,
.dashboard-command-list span {
  display: block;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.1;
  font-weight: 950;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.dashboard-command-metric strong,
.dashboard-command-list strong {
  display: block;
  margin-top: 5px;
  color: var(--yellow);
  font-size: 18px;
  line-height: 1;
  font-weight: 950;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-command-metric em,
.dashboard-command-list em {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-style: normal;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.traffic-drawer-card,
.traffic-drawer-section {
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 8px;
  background: rgba(255, 255, 255, .026);
  padding: 12px;
}

.traffic-drawer-card span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.traffic-drawer-card strong {
  display: block;
  margin-top: 6px;
  color: var(--text);
  font-size: 21px;
  line-height: 1;
  font-weight: 900;
}

.traffic-live-split {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin: 12px 0 2px;
}

.traffic-live-split span {
  min-width: 0;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 8px;
  background: rgba(0, 0, 0, .15);
}

.traffic-live-split em {
  display: block;
  color: var(--muted);
  font-size: 10px;
  line-height: 1;
  font-style: normal;
  font-weight: 900;
  text-transform: uppercase;
}

.traffic-live-split strong {
  display: block;
  margin-top: 5px;
  color: var(--text);
  font-size: 18px;
  line-height: 1;
}

.traffic-drawer-card em {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-style: normal;
  font-size: 12px;
  font-weight: 750;
}

.traffic-drawer-section-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.traffic-drawer-section h3 {
  margin: 2px 0 0;
  font-size: 18px;
  line-height: 1.1;
}

.traffic-drawer-section-head > span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.traffic-drawer-kicker {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.traffic-drawer-help {
  width: 18px;
  height: 18px;
  min-width: 18px;
  font-size: 10px;
  line-height: 1;
}

.traffic-drawer-diagnostic {
  border-color: rgba(255, 255, 255, .10);
  background: rgba(255, 255, 255, .028);
}

.traffic-drawer-diagnostic-summary {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: 8px;
}

.traffic-drawer-diagnostic-summary strong {
  color: var(--text);
  font-size: 22px;
  line-height: 1;
}

.traffic-drawer-diagnostic-summary span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.traffic-drawer-quality {
  border-color: rgba(112, 217, 130, .28);
  background:
    linear-gradient(145deg, rgba(112, 217, 130, .08), transparent 42%),
    rgba(255, 255, 255, .035);
}

.traffic-drawer-history {
  border-color: rgba(112, 217, 130, .28);
}

.traffic-drawer-history-grid {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.traffic-drawer-history-panel {
  display: grid;
  gap: 8px;
}

.traffic-drawer-history-panel.is-suspicious .traffic-visitor-card {
  border-color: rgba(255, 213, 46, .28);
}

.traffic-drawer-history-list {
  display: grid;
  gap: 8px;
}

.traffic-visitor-card {
  display: grid;
  gap: 7px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 8px;
  background: rgba(0, 0, 0, .18);
}

.traffic-visitor-card > div:first-child {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: baseline;
}

.traffic-visitor-card strong {
  min-width: 0;
  color: var(--text);
  font-size: 13px;
  font-weight: 950;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.traffic-visitor-card span,
.traffic-visitor-card em,
.traffic-visitor-card li {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.25;
  font-style: normal;
  font-weight: 800;
}

.traffic-visitor-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.traffic-visitor-tags b {
  padding: 3px 6px;
  border-radius: 999px;
  background: rgba(112, 217, 130, .12);
  color: var(--green);
  font-size: 10px;
  line-height: 1;
  font-weight: 950;
}

.traffic-visitor-card ol {
  display: grid;
  gap: 4px;
  margin: 0;
  padding-left: 18px;
}

.traffic-drawer-empty {
  padding: 12px;
  border: 1px dashed rgba(255, 255, 255, .14);
  border-radius: 8px;
  color: var(--muted);
  font-weight: 800;
}

.traffic-drawer-empty.is-error {
  color: #ffb4a8;
  border-color: rgba(255, 90, 64, .35);
}

.traffic-drawer-locked p {
  margin: 8px 0 0;
  color: var(--muted);
  font-weight: 750;
}

.traffic-drawer-visitors {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.traffic-drawer-visitors div {
  display: grid;
  grid-template-columns: 24px 1fr;
  column-gap: 8px;
  align-items: center;
  padding: 8px;
  border-radius: 8px;
  background: rgba(0, 0, 0, .22);
}

.traffic-drawer-visitors span {
  grid-row: span 2;
  text-align: center;
}

.traffic-drawer-visitors strong {
  color: var(--text);
}

.traffic-drawer-visitors em {
  color: var(--muted);
  font-style: normal;
  font-size: 12px;
  font-weight: 750;
}

.traffic-drawer-list {
  display: grid;
  gap: 9px;
  margin-top: 10px;
}

.traffic-drawer-list div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
}

.traffic-drawer-list span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text);
  font-weight: 850;
}

.traffic-drawer-list b {
  color: var(--text);
  font-size: 12px;
}

.traffic-drawer-list i {
  grid-column: 1 / -1;
  height: 5px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255, 213, 46, .72) var(--traffic-bar, 0%), rgba(255, 255, 255, .10) var(--traffic-bar, 0%));
}

[data-domain-traffic-open] {
  cursor: pointer;
}

.domain-traffic-drawer .mini-kicker,
.domain-traffic-drawer .traffic-drawer-kicker {
  color: var(--muted);
}

.domain-traffic-drawer .traffic-drawer-card strong,
.domain-traffic-drawer .traffic-drawer-list b,
.domain-traffic-drawer .traffic-drawer-diagnostic-summary strong {
  color: var(--text) !important;
  text-shadow: none;
}

.domain-traffic-drawer .traffic-drawer-list i {
  background: linear-gradient(90deg, rgba(255, 213, 46, .42) var(--traffic-bar, 0%), rgba(255, 255, 255, .10) var(--traffic-bar, 0%));
}

.traffic-cell[aria-disabled="true"] {
  cursor: default;
}

.domain-drawer-top {
  min-height: 92px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 18px 16px;
  border-bottom: 1px solid var(--line);
  background: rgba(255, 255, 255, .025);
}

.domain-drawer-top h2 {
  margin: 2px 0 4px;
  font-size: 24px;
  line-height: 1;
}

.domain-drawer-title-row {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.domain-drawer-title-row h2 {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.domain-drawer-title-link {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 213, 46, .24);
  border-radius: 7px;
  color: var(--yellow);
  background: rgba(255, 213, 46, .07);
  text-decoration: none;
}

.domain-drawer-title-link:hover {
  border-color: rgba(255, 213, 46, .66);
  background: rgba(255, 213, 46, .12);
}

.domain-drawer-top span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 750;
}

.domain-drawer-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.dashboard-modal-close {
  position: relative;
  width: 42px;
  height: 42px;
  min-height: 42px;
  flex: 0 0 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  background: rgba(255, 255, 255, .075);
  color: #f5f6f3;
  font-size: 0;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .24);
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.dashboard-modal-close::before,
.dashboard-modal-close::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

.dashboard-modal-close::before {
  transform: rotate(45deg);
}

.dashboard-modal-close::after {
  transform: rotate(-45deg);
}

.dashboard-modal-back::before {
  width: 13px;
  height: 13px;
  left: 15px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  border-radius: 2px;
  background: transparent;
  transform: rotate(45deg);
}

.dashboard-modal-back::after {
  width: 16px;
  height: 2px;
  left: 14px;
  background: currentColor;
  transform: none;
}

.dashboard-modal-close:hover,
.dashboard-modal-close:focus-visible {
  border-color: rgba(255, 213, 46, .88);
  background: var(--yellow);
  color: #070707;
  box-shadow: 0 0 0 4px rgba(255, 213, 46, .14), 0 12px 30px rgba(0, 0, 0, .30);
  outline: none;
  transform: translateY(-1px);
  cursor: pointer;
}

.dashboard-nav-search .dashboard-modal-close {
  width: 42px;
  height: 42px;
  min-height: 42px;
  border: 1px solid rgba(255, 255, 255, .16);
  background: rgba(255, 255, 255, .075);
  font-size: 0;
}

.drawer-dirty-pill {
  width: max-content;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1;
}

.drawer-dirty-pill {
  border: 1px solid rgba(255, 213, 46, .38);
  color: var(--yellow) !important;
  background: rgba(255, 213, 46, .09);
}

.drawer-dirty-pill[data-dirty="0"] {
  visibility: hidden;
}

.domain-bulk-panel {
  min-height: 0;
  overflow: auto;
  display: grid;
  align-content: start;
  gap: 14px;
  padding: 18px;
}

.domain-bulk-summary {
  display: grid;
  gap: 5px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  background: rgba(255, 255, 255, .035);
}

.domain-bulk-summary strong {
  font-size: 16px;
}

.domain-bulk-summary span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.domain-bulk-verify,
.domain-bulk-verify-note {
  display: grid;
  gap: 10px;
  padding: 13px;
  border: 1px solid rgba(255, 213, 46, .28);
  border-radius: 8px;
  background: rgba(255, 213, 46, .06);
}

.domain-bulk-verify {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 18px;
  padding: 2px 0 14px;
  border: 0;
  background: transparent;
}

.domain-bulk-verify strong {
  display: block;
  max-width: 440px;
  color: var(--text);
  font-size: 17px;
  font-weight: 900;
  line-height: 1.35;
}

.domain-bulk-verify > div > span,
.domain-bulk-verify-note {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.domain-bulk-verify form {
  margin: 8px 0 0;
}

.domain-bulk-verify .button {
  width: max-content;
  min-width: 252px;
  min-height: 44px;
  padding-inline: 24px;
}

.domain-bulk-verify-note {
  border-color: rgba(255, 255, 255, .10);
  background: rgba(255, 255, 255, .035);
}

.domain-bulk-list {
  display: grid;
  gap: 10px;
}

.domain-bulk-builder {
  display: grid;
  gap: 10px;
}

.domain-bulk-builder h3 {
  margin: 2px 0 4px;
  font-size: 20px;
  line-height: 1.05;
}

.domain-bulk-builder > div:first-child > span,
.domain-bulk-preview span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.domain-bulk-scope {
  display: grid;
  gap: 8px;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 8px;
  background: rgba(255, 255, 255, .025);
}

.domain-bulk-scope label {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-height: 44px;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 8px;
  background: rgba(0, 0, 0, .12);
  cursor: pointer;
}

.domain-bulk-scope input {
  width: 16px;
  height: 16px;
  margin-top: 2px;
  accent-color: var(--yellow);
}

.domain-bulk-scope input:disabled + span {
  opacity: .46;
}

.domain-bulk-scope strong,
.domain-bulk-scope em {
  display: block;
}

.domain-bulk-scope strong {
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
}

.domain-bulk-scope em {
  margin-top: 2px;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 650;
  line-height: 1.35;
}

.domain-bulk-change-row {
  min-height: 58px;
  display: grid;
  grid-template-columns: minmax(100px, .72fr) minmax(0, 1.28fr);
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  background: rgba(255, 255, 255, .025);
}

.domain-bulk-change-row > span {
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
}

.domain-bulk-change-row .drawer-label-with-tooltip {
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}

.domain-bulk-change-row .drawer-tooltip-trigger {
  width: 17px;
  height: 17px;
  font-size: 11px;
}

.domain-bulk-change-row select,
.domain-bulk-change-row input {
  min-width: 0;
  min-height: 36px;
  padding: 0 10px;
  border-radius: 8px;
  background: #0f1115;
  color: var(--text);
  font-size: 12px;
  font-weight: 800;
}

.domain-bulk-change-extra {
  grid-column: 2;
  display: grid;
  gap: 8px;
  width: 100%;
}

.domain-bulk-change-extra[hidden] {
  display: none !important;
}

.domain-bulk-preview {
  display: grid;
  gap: 5px;
  padding: 11px;
  border: 1px solid rgba(255, 213, 46, .25);
  border-radius: 8px;
  background: rgba(255, 213, 46, .055);
}

.domain-bulk-preview strong {
  color: var(--yellow);
  font-size: 13px;
}

.domain-bulk-preview .button {
  width: max-content;
  min-width: 160px;
  margin-top: 6px;
}

.domain-bulk-danger {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid rgba(255, 45, 23, .26);
  border-radius: 8px;
  background: rgba(255, 45, 23, .055);
}

.domain-bulk-danger strong,
.domain-bulk-danger span {
  display: block;
}

.domain-bulk-danger strong {
  color: #ffbcaf;
  font-size: 14px;
  font-weight: 900;
}

.domain-bulk-danger span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.35;
}

.domain-bulk-progress {
  display: grid;
  gap: 12px;
  padding: 12px;
  border: 1px solid rgba(255, 213, 46, .20);
  border-radius: 8px;
  background: rgba(255, 213, 46, .045);
}

.domain-bulk-progress-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.domain-bulk-progress-head strong,
.domain-bulk-failures strong {
  display: block;
  color: var(--text);
  font-size: 14px;
  font-weight: 950;
}

.domain-bulk-progress-head span:not(.status-pill),
.domain-bulk-progress-note,
.domain-bulk-failures span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.4;
}

.domain-bulk-progress-bar {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
}

.domain-bulk-progress-bar span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: var(--yellow);
  transition: width .18s ease;
}

.domain-bulk-progress-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.domain-bulk-progress-grid div {
  display: grid;
  gap: 3px;
  min-height: 54px;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 8px;
  background: rgba(0, 0, 0, .12);
}

.domain-bulk-progress-grid span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.domain-bulk-progress-grid strong {
  color: var(--text);
  font-size: 16px;
  font-weight: 950;
}

.domain-bulk-failures {
  display: grid;
  gap: 5px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 8px;
  background: rgba(0, 0, 0, .12);
}

.domain-bulk-progress-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.domain-bulk-item {
  min-height: 72px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  background: rgba(255, 255, 255, .025);
  color: var(--text);
  text-align: left;
}

.domain-bulk-item:hover,
.domain-bulk-item:focus-visible {
  border-color: rgba(255, 213, 46, .65);
  background: rgba(255, 213, 46, .055);
}

.domain-bulk-item > span {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: rgba(255, 213, 46, .12);
  color: var(--yellow);
}

.domain-bulk-item svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.domain-bulk-item strong {
  font-size: 15px;
}

.domain-bulk-item em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
}

.icon-button {
  width: 34px;
  height: 34px;
  min-height: 34px;
  padding: 0;
  border-radius: 999px;
  font-size: 20px;
  line-height: 1;
}

.dashboard-confirm-backdrop {
  position: fixed;
  inset: 0;
  z-index: 72;
  background: rgba(0, 0, 0, .52);
  backdrop-filter: blur(3px);
}

.dashboard-confirm-modal {
  width: min(460px, calc(100vw - 28px));
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 73;
  transform: translate(-50%, -50%);
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(255, 45, 23, .32);
  border-radius: 10px;
  background: #171a1f;
  color: var(--text);
  box-shadow: 0 24px 72px rgba(0, 0, 0, .48);
}

.dashboard-confirm-backdrop[hidden],
.dashboard-confirm-modal[hidden] {
  display: none !important;
}

.dashboard-confirm-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.dashboard-confirm-header h2 {
  margin: 3px 0 0;
  font-size: 28px;
  line-height: 1;
}

.dashboard-confirm-copy {
  margin: 0;
  color: var(--muted);
  font-weight: 700;
  line-height: 1.45;
}

.domain-delete-confirm-list {
  max-height: min(240px, 34vh);
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  background: rgba(255, 255, 255, .035);
  scrollbar-color: rgba(255, 213, 46, .62) rgba(255, 255, 255, .08);
}

.domain-delete-confirm-list span {
  max-width: 100%;
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(255, 45, 23, .12);
  color: #ffd2cb;
  font-size: 12px;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-confirm-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.domain-drawer-form {
  min-height: 0;
  overflow: auto;
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 14px 14px 0;
  scrollbar-color: rgba(255, 213, 46, .62) rgba(255, 255, 255, .08);
}

.drawer-return-focus {
  animation: drawerReturnFocus 1.45s ease-out 1;
}

@keyframes drawerReturnFocus {
  0% {
    box-shadow:
      0 0 0 0 rgba(255, 213, 46, .38),
      inset 0 0 0 1px rgba(255, 213, 46, .7);
  }
  100% {
    box-shadow:
      0 0 0 14px rgba(255, 213, 46, 0),
      inset 0 0 0 1px rgba(255, 213, 46, 0);
  }
}

.drawer-validation-summary {
  display: grid;
  gap: 7px;
  padding: 11px 12px;
  border: 1px solid rgba(255, 94, 94, .42);
  border-radius: 8px;
  background: rgba(255, 94, 94, .08);
  color: #ffb9b9;
}

.drawer-validation-summary strong {
  color: #ffd0d0;
  font-size: 13px;
}

.drawer-validation-summary ul {
  margin: 0;
  padding-left: 18px;
}

.drawer-validation-summary li {
  margin: 2px 0;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.drawer-save-session {
  display: grid;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 213, 46, .22);
  border-radius: 8px;
  background: rgba(255, 213, 46, .055);
  color: var(--text);
}

.drawer-save-session[data-status="complete"] {
  border-color: rgba(44, 204, 113, .24);
  background: rgba(44, 204, 113, .07);
}

.drawer-save-session[data-status="error"] {
  border-color: rgba(255, 94, 94, .34);
  background: rgba(255, 94, 94, .08);
}

.drawer-save-session-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.drawer-save-session-head strong {
  font-size: 13px;
}

.drawer-save-session-head span,
.drawer-save-session p {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
}

.drawer-save-session-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.drawer-save-session-step {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 999px;
  background: rgba(255, 255, 255, .045);
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
}

.drawer-save-session-step b {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: currentColor;
}

.drawer-save-session-step[data-status="complete"] {
  color: #5ee08b;
}

.drawer-save-session-step[data-status="running"] {
  color: var(--yellow);
}

.drawer-save-session-step[data-status="error"] {
  color: #ff9f9f;
}

.drawer-save-session-step em {
  color: inherit;
  font-style: normal;
  opacity: .82;
}

.domain-drawer-section {
  display: grid;
  gap: 12px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 8px;
  background: rgba(255, 255, 255, .025);
}

.domain-drawer-section[open] {
  gap: 12px;
}

.domain-drawer-section.is-ns-locked {
  position: relative;
  border-color: rgba(255, 213, 46, .18);
  background:
    linear-gradient(145deg, rgba(255, 213, 46, .035), rgba(255, 255, 255, .018)),
    rgba(255, 255, 255, .025);
}

.domain-drawer-section.is-ns-locked[open] {
  min-height: 154px;
  overflow: hidden;
}

.domain-drawer-section.is-ns-locked .domain-drawer-section-head > span {
  opacity: .66;
}

.domain-drawer-section.is-ns-locked .domain-drawer-section-head div::after {
  content: "NS required";
  width: fit-content;
  display: inline-flex;
  margin-top: 7px;
  padding: 4px 7px;
  border: 1px solid rgba(255, 213, 46, .26);
  border-radius: 999px;
  background: rgba(255, 213, 46, .08);
  color: var(--yellow);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.domain-drawer-section.is-ns-locked[open] .domain-drawer-fields {
  filter: blur(2.4px);
  opacity: .42;
  pointer-events: none;
  user-select: none;
}

.domain-drawer-section.is-ns-locked[open]::after {
  content: attr(data-ns-lock-message);
  position: absolute;
  left: 13px;
  right: 13px;
  top: 82px;
  z-index: 3;
  padding: 12px 14px;
  border: 1px solid rgba(255, 213, 46, .42);
  border-radius: 8px;
  background: rgba(0, 0, 0, .88);
  color: #fff;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.35;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .36);
  pointer-events: none;
}

html.dashboard-theme-light .domain-drawer-section.is-ns-locked[open]::after {
  border-color: rgba(0, 108, 240, .24);
  background: rgba(255, 255, 255, .94);
  color: #0d213f;
  box-shadow: 0 18px 44px rgba(29, 54, 88, .16);
}

html.dashboard-theme-light .domain-drawer-section.is-ns-locked {
  border-color: rgba(0, 108, 240, .18);
  background:
    linear-gradient(145deg, rgba(0, 108, 240, .055), rgba(255, 255, 255, .88)),
    #f7fafc;
}

html.dashboard-theme-light .domain-drawer-section.is-ns-locked .domain-drawer-section-head div::after {
  border-color: rgba(0, 108, 240, .20);
  background: rgba(0, 108, 240, .08);
  color: #006cf0;
}

.domain-drawer-section-head {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 20px;
  gap: 10px;
  align-items: start;
  list-style: none;
  cursor: pointer;
}

.domain-drawer-section-head::-webkit-details-marker {
  display: none;
}

.domain-drawer-section-head > span {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 213, 46, .24);
  border-radius: 8px;
  color: var(--yellow);
  background: rgba(255, 213, 46, .07);
}

.domain-drawer-section-head svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.domain-drawer-section-head strong {
  display: block;
  font-size: 15px;
  line-height: 1.1;
}

.domain-drawer-section-head em {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  line-height: 1.3;
}

.domain-drawer-section-head > b {
  width: 9px;
  height: 9px;
  align-self: center;
  justify-self: end;
  border-right: 2px solid rgba(255, 255, 255, .58);
  border-bottom: 2px solid rgba(255, 255, 255, .58);
  transform: translateY(-2px) rotate(45deg);
  transition: transform .16s ease, border-color .16s ease;
}

.domain-drawer-section[open] .domain-drawer-section-head > b {
  transform: translateY(2px) rotate(225deg);
}

.domain-drawer-section-head:hover > b {
  border-color: var(--yellow);
}

.domain-drawer-section:not([open]) .domain-drawer-fields {
  display: none;
}

.domain-drawer-section.is-inactive {
  opacity: .58;
}

.domain-drawer-section.is-inactive .domain-drawer-section-head em::after {
  content: " Not active for this sale path.";
  color: var(--yellow);
}

.domain-drawer-fields {
  --drawer-field-gap: 10px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--drawer-field-gap);
}

.domain-drawer-fields label,
.domain-drawer-fields .field-group {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.domain-drawer-fields .wide {
  grid-column: 1 / -1;
}

.domain-drawer-fields .drawer-appraise-action-field {
  grid-column: 1 / -1;
}

.domain-drawer-fields label > span,
.domain-drawer-fields .field-group > span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.domain-drawer-fields input,
.domain-drawer-fields select {
  min-width: 0;
  min-height: 38px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #0f1115;
  font-size: 13px;
}

.domain-drawer-fields input.drawer-value-input,
.domain-drawer-fields .drawer-money-input input,
.domain-drawer-fields .drawer-percent-input input {
  color: var(--text);
  font-size: 15px;
  font-weight: 900;
}

.domain-drawer-fields select {
  padding-right: 42px;
}

.domain-drawer-fields input:focus,
.domain-drawer-fields select:focus,
.domain-drawer-fields textarea:focus,
.domain-drawer-fields input:focus-visible,
.domain-drawer-fields select:focus-visible,
.domain-drawer-fields textarea:focus-visible {
  outline: none;
}

.domain-drawer-fields input:focus-visible,
.domain-drawer-fields select:focus-visible,
.domain-drawer-fields textarea:focus-visible {
  border-color: rgba(255, 213, 46, .54);
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .08);
}

.domain-drawer-fields input[readonly] {
  color: #ffd52c;
  font-weight: 900;
  background: rgba(255, 255, 255, .035);
}

.domain-drawer-fields input[readonly]:focus,
.domain-drawer-fields input[readonly]:focus-visible {
  border-color: var(--line);
  box-shadow: none;
  outline: none;
}

.domain-drawer-fields input[type="hidden"][data-domain-drawer-field="companies_registered"] {
  display: none;
}

.drawer-data-action {
  min-width: 0;
  width: 100%;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, .035);
  color: #ffd52c;
  font-family: inherit;
  font-size: 13px;
  font-weight: 900;
  line-height: normal;
  text-align: left;
  cursor: pointer;
  appearance: none;
  box-shadow: none;
  transition: border-color .15s ease, opacity .15s ease;
}

.drawer-data-action:hover,
.drawer-data-action:focus-visible {
  border-color: var(--line);
  background: rgba(255, 255, 255, .035);
  box-shadow: none;
  outline: none;
}

.drawer-data-action[data-companies-action-mode="captured"] {
  background: rgba(255, 255, 255, .035);
  border-color: var(--line);
  color: #ffd52c;
}

.drawer-data-action[data-appraise-action-mode="captured"] {
  background: rgba(255, 255, 255, .035);
  border-color: var(--line);
  color: #ffd52c;
  text-align: left;
}

.drawer-data-action[data-companies-action-mode="capture"],
.drawer-data-action[data-companies-action-mode="download"],
.drawer-data-action[data-appraise-action-mode="capture"],
.drawer-data-action[data-appraise-action-mode="download"] {
  border-color: var(--yellow);
  background: var(--yellow);
  color: #070707;
  text-align: center;
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .08);
}

.drawer-data-action[data-companies-action-mode="capture"]:hover,
.drawer-data-action[data-companies-action-mode="capture"]:focus-visible,
.drawer-data-action[data-companies-action-mode="download"]:hover,
.drawer-data-action[data-companies-action-mode="download"]:focus-visible,
.drawer-data-action[data-appraise-action-mode="capture"]:hover,
.drawer-data-action[data-appraise-action-mode="capture"]:focus-visible,
.drawer-data-action[data-appraise-action-mode="download"]:hover,
.drawer-data-action[data-appraise-action-mode="download"]:focus-visible {
  border-color: var(--yellow);
  background: #ffe16a;
  color: #070707;
  box-shadow: 0 0 0 4px rgba(255, 213, 46, .14);
}

.drawer-data-action[aria-busy="true"],
.drawer-data-action:disabled {
  opacity: .68;
  cursor: wait;
}

.drawer-data-action[data-companies-action-mode="locked"]:disabled {
  border-color: rgba(255, 255, 255, .10);
  background: rgba(255, 255, 255, .035);
  color: var(--muted);
  cursor: not-allowed;
  text-align: center;
}

.drawer-appraise-action-row {
  display: grid;
  grid-template-columns: calc((100% - var(--drawer-field-gap, 10px)) / 2) 38px 38px;
  gap: 8px;
  align-items: center;
  justify-content: start;
}

.drawer-appraise-action-row .drawer-data-action {
  min-width: 0;
  width: 100%;
}

.drawer-appraise-expand-toggle {
  width: 38px;
  min-width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(255, 213, 46, .62);
  border-radius: 8px;
  background: rgba(0, 0, 0, .72);
  color: var(--yellow);
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .06);
  cursor: pointer;
  transition: border-color .15s ease, background .15s ease, color .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.drawer-appraise-report-toggle {
  width: 38px;
  min-width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(255, 213, 46, .62);
  border-radius: 8px;
  background: rgba(0, 0, 0, .72);
  color: var(--yellow);
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .06);
  cursor: pointer;
  transition: border-color .15s ease, background .15s ease, color .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.drawer-appraise-expand-toggle span {
  width: 9px;
  height: 9px;
  display: block;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform .15s ease;
}

.drawer-appraise-report-toggle span {
  width: 14px;
  height: 14px;
  position: relative;
  display: block;
}

.drawer-appraise-report-toggle span::before,
.drawer-appraise-report-toggle span::after {
  content: "";
  position: absolute;
  border: 2px solid currentColor;
}

.drawer-appraise-report-toggle span::before {
  inset: 1px 5px 5px 1px;
  border-right: 0;
  border-bottom: 0;
}

.drawer-appraise-report-toggle span::after {
  inset: 5px 1px 1px 5px;
  border-left: 0;
  border-top: 0;
}

.drawer-appraise-expand-toggle[data-expanded="1"] span {
  transform: translateY(2px) rotate(225deg);
}

.drawer-appraise-report-toggle[data-expanded="1"] {
  background: rgba(255, 213, 46, .14);
  box-shadow: 0 0 0 4px rgba(255, 213, 46, .14);
}

.drawer-appraise-expand-toggle:hover,
.drawer-appraise-expand-toggle:focus-visible,
.drawer-appraise-report-toggle:hover,
.drawer-appraise-report-toggle:focus-visible {
  border-color: var(--yellow);
  background: rgba(255, 213, 46, .10);
  color: var(--yellow);
  box-shadow: 0 0 0 4px rgba(255, 213, 46, .12);
  outline: none;
}

.drawer-appraise-expand-toggle:disabled {
  opacity: .42;
  cursor: not-allowed;
}

.drawer-appraise-report-toggle:disabled {
  opacity: .42;
  cursor: not-allowed;
}

.drawer-appraise-expand-toggle:disabled:hover,
.drawer-appraise-report-toggle:disabled:hover {
  border-color: rgba(255, 213, 46, .62);
  background: rgba(0, 0, 0, .72);
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .06);
}

.drawer-source-status-field {
  display: none;
  align-self: end;
}

.drawer-source-toggle {
  min-height: 38px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 54px;
  gap: 10px;
  align-items: center;
  padding: 8px 9px 8px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, .035);
  color: var(--muted);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.drawer-source-toggle i {
  width: 48px;
  height: 28px;
  position: relative;
  display: block;
  border: 1px solid rgba(255, 213, 46, .38);
  border-radius: 999px;
  background: #050609;
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .05);
}

.drawer-source-toggle i::after {
  content: "";
  width: 22px;
  height: 22px;
  position: absolute;
  top: 2px;
  left: 3px;
  border-radius: 999px;
  background: #343a45;
  transition: transform .15s ease, background .15s ease;
}

.drawer-source-toggle[data-source-status="enabled"] {
  color: var(--yellow);
}

.drawer-source-toggle[data-source-status="enabled"] i::after {
  transform: translateX(19px);
  background: var(--yellow);
}

.drawer-appraise-details {
  margin-top: 2px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 8px;
  background: rgba(255, 255, 255, .025);
  overflow: hidden;
}

.domain-edit-drawer.is-appraise-report .drawer-appraise-details {
  border-color: rgba(255, 213, 46, .22);
  background:
    radial-gradient(circle at 50% 22%, rgba(255, 255, 255, .045), transparent 38%),
    rgba(4, 6, 9, .28);
}

.drawer-appraise-details summary {
  display: none;
}

.drawer-appraise-details > div {
  display: grid;
  gap: 10px;
  padding: 11px;
}

.drawer-appraise-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, .85fr);
  gap: 8px;
}

.drawer-appraise-hero > div {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 10px;
  border: 1px solid rgba(255, 213, 46, .22);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(255, 213, 46, .12), rgba(255, 255, 255, .035));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}

.drawer-appraise-hero b,
.drawer-appraise-signals > b {
  color: var(--muted);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.drawer-appraise-hero strong {
  color: var(--yellow);
  font-size: 17px;
  font-weight: 950;
  line-height: 1.08;
}

.drawer-appraise-hero span {
  color: var(--text);
  font-size: 11px;
  font-weight: 850;
  line-height: 1.25;
}

.drawer-appraise-certificate {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.drawer-appraise-certificate a {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  border: 1px solid rgba(255, 213, 46, .38);
  border-radius: 8px;
  background: rgba(255, 213, 46, .10);
  color: var(--yellow);
  font-size: 11px;
  font-weight: 950;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.drawer-appraise-certificate a:hover,
.drawer-appraise-certificate a:focus-visible {
  border-color: var(--yellow);
  background: rgba(255, 213, 46, .16);
  outline: none;
}

.drawer-appraise-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.drawer-appraise-grid div {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 7px;
  background: rgba(0, 0, 0, .18);
}

.drawer-appraise-grid b,
.drawer-appraise-list > b,
.drawer-appraise-copy b {
  color: var(--muted);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.drawer-appraise-grid span,
.drawer-appraise-copy,
.drawer-appraise-list li,
.drawer-appraise-sales a,
.drawer-appraise-link {
  color: var(--text);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.45;
}

.drawer-appraise-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.drawer-appraise-tags span {
  padding: 4px 7px;
  border: 1px solid rgba(255, 213, 46, .22);
  border-radius: 999px;
  color: var(--yellow);
  background: rgba(255, 213, 46, .07);
  font-size: 11px;
  font-weight: 900;
}

.drawer-appraise-signals {
  display: grid;
  gap: 7px;
}

.drawer-appraise-signals > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.drawer-appraise-signals span {
  min-width: 0;
  display: grid;
  gap: 2px;
  padding: 7px 8px;
  border: 1px solid rgba(255, 213, 46, .14);
  border-radius: 7px;
  background: rgba(255, 213, 46, .045);
}

.drawer-appraise-signals em {
  color: var(--muted);
  font-size: 9px;
  font-style: normal;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.drawer-appraise-signals strong {
  color: var(--yellow);
  font-size: 11px;
  font-weight: 900;
  line-height: 1.25;
}

.drawer-appraise-list ul {
  margin: 5px 0 0;
  padding-left: 18px;
}

.drawer-appraise-sales {
  display: grid;
  gap: 5px;
}

.drawer-appraise-sales a,
.drawer-appraise-link {
  color: var(--yellow);
  text-decoration: none;
}

.domain-edit-drawer.is-appraise-report .domain-drawer-section:not([data-drawer-section="data"]) {
  display: none;
}

.domain-edit-drawer.is-appraise-report .domain-drawer-section[data-drawer-section="data"] {
  padding-top: 10px;
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.domain-edit-drawer.is-appraise-report .domain-drawer-form {
  padding-bottom: 0;
}

.domain-edit-drawer.is-appraise-report .domain-drawer-actions {
  position: static;
  margin-top: 4px;
}

.domain-edit-drawer.is-appraise-report .domain-drawer-section[data-drawer-section="data"] > summary {
  display: none;
}

.domain-edit-drawer.is-appraise-report .domain-drawer-fields > label:not(:has([data-appraise-action])),
.domain-edit-drawer.is-appraise-report .domain-drawer-fields > .field-group:not(.drawer-appraise-action-field) {
  display: none;
}

.domain-edit-drawer.is-appraise-report .drawer-appraise-action-field {
  display: none !important;
}

.domain-edit-drawer.is-appraise-report .drawer-appraise-details {
  grid-column: 1 / -1;
  margin-top: 0;
  border: 0;
  background: transparent;
}

.domain-edit-drawer.is-appraise-report .drawer-appraise-details > div {
  padding: 0;
}

.drawer-appraise-report {
  display: grid;
  gap: 14px;
  color: #f6f7f9;
}

.appraise-report-card {
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018)),
    rgba(11, 15, 21, .86);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .05),
    0 16px 42px rgba(0, 0, 0, .18);
}

.appraise-report-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 286px;
  gap: 18px;
  padding: 20px;
  border-color: rgba(255, 213, 46, .26);
}

.appraise-report-head-main {
  display: grid;
  align-content: start;
  gap: 14px;
}

.appraise-report-title-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.appraise-report-title-row h3 {
  margin: 0;
  color: #f8fafc;
  font-size: clamp(30px, 4vw, 43px);
  font-weight: 950;
  line-height: .95;
  letter-spacing: 0;
}

.appraise-report-pill {
  padding: 6px 15px;
  border: 1px solid rgba(255, 213, 46, .34);
  border-radius: 999px;
  color: var(--yellow);
  background: rgba(255, 213, 46, .08);
  font-size: 14px;
  font-weight: 850;
}

.appraise-report-pill.good {
  border-color: rgba(45, 211, 111, .45);
  color: #35d878;
  background: rgba(45, 211, 111, .10);
}

.appraise-report-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.appraise-report-tags span {
  padding: 8px 14px;
  border: 1px solid rgba(255, 213, 46, .66);
  border-radius: 11px;
  color: var(--yellow);
  background: rgba(255, 213, 46, .075);
  font-size: 14px;
  font-weight: 750;
}

.appraise-report-head-main p {
  max-width: 760px;
  margin: 0;
  color: #eef1f7;
  font-size: 17px;
  line-height: 1.55;
}

.appraise-report-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  color: #b9bec9;
  font-size: 14px;
}

.appraise-report-certificate {
  display: grid;
  gap: 10px;
  align-content: start;
  padding: 16px;
  border: 1px solid rgba(255, 213, 46, .25);
  border-radius: 8px;
  background: rgba(255, 255, 255, .025);
}

.appraise-report-certificate > div {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  padding-bottom: 11px;
  border-bottom: 1px solid rgba(255, 213, 46, .45);
}

.appraise-report-shield {
  width: 46px;
  height: 46px;
  display: block;
  border-radius: 10px;
  background:
    linear-gradient(135deg, rgba(45, 211, 111, .95), rgba(22, 110, 70, .88));
  box-shadow: 0 0 0 5px rgba(45, 211, 111, .10);
}

.appraise-report-certificate p {
  margin: 0;
}

.appraise-report-certificate b,
.appraise-report-card h4,
.appraise-report-card h5,
.appraise-report-stat b {
  color: #b9bec9;
  font-size: 14px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.appraise-report-certificate strong {
  display: block;
  margin-top: 4px;
  color: #f5f7fb;
  font-size: 19px;
  font-weight: 950;
}

.appraise-report-certificate a {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 213, 46, .62);
  border-radius: 8px;
  color: var(--yellow);
  background: rgba(255, 213, 46, .075);
  font-size: 15px;
  font-weight: 950;
  text-decoration: none;
}

.appraise-report-certificate a.secondary {
  border-color: rgba(255, 255, 255, .13);
  color: #f5f7fb;
  background: rgba(255, 255, 255, .035);
}

.appraise-report-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 13px;
}

.appraise-report-stat {
  display: grid;
  gap: 8px;
  min-height: 136px;
  padding: 24px 22px;
}

.appraise-report-stat strong {
  color: var(--yellow);
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 950;
  line-height: 1.05;
}

.appraise-report-stat.good strong,
.appraise-report-stat .good,
.appraise-report-metrics strong.good,
.appraise-report-global strong {
  color: #35d878;
}

.appraise-report-stat.warn strong,
.appraise-report-metrics strong.warn {
  color: var(--yellow);
}

.appraise-report-stat.bad strong,
.appraise-report-metrics strong.bad {
  color: #ff5858;
}

.appraise-report-stat small {
  color: #d7dae1;
  font-size: 17px;
}

.appraise-report-stat span {
  color: #f3f4f6;
  font-size: 15px;
  font-weight: 750;
}

.appraise-report-dots {
  display: flex;
  gap: 5px;
  align-items: center;
}

.appraise-report-dots i {
  width: 15px;
  height: 15px;
  display: block;
  border-radius: 50%;
  background: rgba(255, 255, 255, .16);
}

.appraise-report-dots i[data-on="1"] {
  background: #35d878;
  box-shadow: 0 0 10px rgba(45, 211, 111, .28);
}

.appraise-report-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .95fr);
  gap: 14px;
}

.appraise-report-grid-lower {
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
}

.appraise-report-value,
.appraise-report-metrics,
.appraise-report-segmentation,
.appraise-report-global,
.appraise-report-sales,
.appraise-report-synergy {
  padding: 20px;
}

.appraise-report-card h4,
.appraise-report-card h5 {
  margin: 0 0 18px;
}

.appraise-report-card h5 {
  margin-top: 20px;
  margin-bottom: 8px;
  color: #f8fafc;
  font-size: 17px;
  letter-spacing: 0;
  text-transform: none;
}

.appraise-report-value p,
.appraise-report-global p,
.appraise-report-synergy p,
.appraise-report-sales p,
.appraise-report-note p {
  margin: 0;
  color: #eef1f7;
  font-size: 14px;
  line-height: 1.55;
}

.appraise-report-list {
  display: grid;
  gap: 9px;
  margin-bottom: 18px;
}

.appraise-report-list b {
  color: #35d878;
  font-size: 16px;
  font-weight: 950;
}

.appraise-report-list.watch b {
  color: #ff5858;
}

.appraise-report-list ul {
  display: grid;
  gap: 9px;
  margin: 0;
  padding-left: 22px;
}

.appraise-report-list li {
  color: #eef1f7;
  font-size: 14px;
  line-height: 1.55;
}

.appraise-report-driver {
  margin-top: 18px !important;
  color: var(--yellow) !important;
  font-weight: 850;
}

.appraise-report-metrics {
  display: grid;
  align-content: start;
}

.appraise-report-metrics > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  min-height: 44px;
  border-bottom: 1px solid rgba(255, 255, 255, .11);
}

.appraise-report-metrics > div:last-child {
  border-bottom: 0;
}

.appraise-report-metrics span {
  color: #eef1f7;
  font-size: 15px;
  font-weight: 750;
}

.appraise-report-metrics strong {
  color: #dfe3ea;
  font-size: 14px;
  font-weight: 950;
  text-align: right;
}

.appraise-report-segment-line {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  margin-bottom: 14px;
}

.appraise-report-segment-line span {
  color: #b9bec9;
  font-size: 18px;
}

.appraise-report-segment-line b {
  height: 2px;
  background: rgba(255, 255, 255, .45);
  position: relative;
}

.appraise-report-segment-line b::after {
  content: "";
  position: absolute;
  right: -1px;
  top: -4px;
  width: 8px;
  height: 8px;
  border-top: 2px solid rgba(255, 255, 255, .55);
  border-right: 2px solid rgba(255, 255, 255, .55);
  transform: rotate(45deg);
}

.appraise-report-segment-line strong {
  color: #35d878;
  font-size: 18px;
  font-weight: 900;
}

.appraise-report-segment-line em {
  padding: 7px 12px;
  border: 1px solid rgba(255, 213, 46, .35);
  border-radius: 999px;
  color: #d7dae1;
  font-size: 12px;
  font-style: normal;
}

.appraise-report-word-list {
  display: grid;
  gap: 8px;
}

.appraise-report-word-list > div {
  display: grid;
  grid-template-columns: 120px 36px minmax(0, 1fr) 92px;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 8px;
  background: rgba(0, 0, 0, .16);
}

.appraise-report-word-list strong {
  color: #f8fafc;
  font-size: 17px;
  font-weight: 950;
}

.appraise-report-word-list span {
  padding: 4px 7px;
  border-radius: 6px;
  color: #35d878;
  background: rgba(45, 211, 111, .16);
  font-size: 11px;
  font-weight: 950;
  text-align: center;
}

.appraise-report-word-list p {
  margin: 0;
  color: #e5e7ec;
  font-size: 12px;
  line-height: 1.45;
}

.appraise-report-word-list em {
  color: #35d878;
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
  text-align: right;
}

.appraise-report-global {
  display: grid;
  align-content: start;
  gap: 12px;
}

.appraise-report-global > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}

.appraise-report-global span,
.appraise-report-global b,
.appraise-report-global li {
  color: #f1f3f7;
  font-size: 14px;
  font-weight: 750;
}

.appraise-report-global ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding-left: 18px;
}

.appraise-report-sales table {
  width: 100%;
  border-collapse: collapse;
}

.appraise-report-sales th,
.appraise-report-sales td {
  padding: 8px 7px;
  border-bottom: 1px solid rgba(255, 255, 255, .10);
  color: #eef1f7;
  font-size: 13px;
  text-align: left;
  white-space: nowrap;
}

.appraise-report-sales th {
  color: #b9bec9;
  font-size: 12px;
  font-weight: 900;
}

.appraise-report-sales a {
  color: #f8fafc;
  text-decoration: none;
}

.appraise-report-synergy {
  display: grid;
  align-content: center;
  gap: 12px;
}

.appraise-report-synergy strong {
  color: var(--yellow);
  font-size: 26px;
  font-weight: 950;
  text-transform: uppercase;
}

.appraise-report-synergy span {
  color: #d7dae1;
  font-size: 14px;
}

.appraise-report-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 130px 150px 150px;
  gap: 0;
  align-items: stretch;
  overflow: hidden;
}

.appraise-report-footer > div {
  display: grid;
  align-content: center;
  gap: 5px;
  min-height: 80px;
  padding: 15px 18px;
  border-right: 1px solid rgba(255, 255, 255, .10);
}

.appraise-report-footer > div:last-child {
  border-right: 0;
}

.appraise-report-footer b {
  color: #b9bec9;
  font-size: 12px;
  font-weight: 900;
}

.appraise-report-footer strong {
  color: #f8fafc;
  font-size: 19px;
  font-weight: 950;
}

.appraise-report-disclaimer {
  margin: -4px 0 0;
  color: rgba(255, 255, 255, .28);
  font-size: 12px;
  text-align: center;
}

.appraise-report-v2 {
  gap: 14px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 14px;
  color: #f6f8fb;
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 213, 46, .035), transparent 32%),
    linear-gradient(145deg, #10141a, #0c1015);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .26);
}

.appraise-report-v2 .appraise-report-card {
  border-color: rgba(255, 255, 255, .12);
  border-radius: 10px;
  background:
    radial-gradient(circle at 9% 0%, rgba(255, 213, 46, .04), transparent 28%),
    radial-gradient(circle at 100% 0%, rgba(68, 132, 222, .045), transparent 34%),
    linear-gradient(145deg, rgba(255, 255, 255, .038), rgba(255, 255, 255, .014)),
    #0d141c;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .06),
    0 18px 48px rgba(0, 0, 0, .18);
}

.appraise-report-v2 .appraise-report-head {
  grid-template-columns: minmax(0, 1fr) minmax(220px, 286px);
  gap: 18px;
  align-items: start;
  padding: 20px 22px;
  border-color: rgba(255, 213, 46, .24);
}

.appraise-report-v2 .appraise-report-head-main {
  gap: 13px;
}

.appraise-report-v2 .appraise-report-title-row {
  gap: 10px;
}

.appraise-report-v2 .appraise-report-title-row h3 {
  font-size: clamp(26px, 3vw, 36px);
  line-height: 1;
}

.appraise-report-v2 .appraise-report-pill {
  padding: 5px 14px;
  border-color: rgba(53, 216, 120, .46);
  background: rgba(53, 216, 120, .10);
  color: #44df84;
  font-size: 12px;
}

.appraise-report-v2 .appraise-report-tags {
  gap: 8px;
}

.appraise-report-v2 .appraise-report-tags span {
  padding: 6px 12px;
  border-color: rgba(255, 213, 46, .42);
  border-radius: 9px;
  background: rgba(255, 213, 46, .035);
  font-size: 13px;
}

.appraise-report-hero-value {
  display: grid;
  gap: 3px;
  max-width: 640px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 213, 46, .16);
  border-radius: 8px;
  background: rgba(255, 213, 46, .045);
}

.appraise-report-hero-value b {
  color: #b9bec9;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.appraise-report-hero-value strong {
  color: var(--yellow);
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 950;
  line-height: 1.05;
}

.appraise-report-hero-value span {
  color: #eef1f7;
  font-size: 13px;
  font-weight: 850;
}

.appraise-report-v2 .appraise-report-head-main p {
  max-width: 720px;
  color: #f2f4f8;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.55;
}

.appraise-report-v2 .appraise-report-meta {
  gap: 10px;
  font-size: 13px;
}

.appraise-report-v2 .appraise-report-meta span {
  display: inline-grid;
  gap: 2px;
  min-width: 92px;
  padding: 7px 9px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 8px;
  background: rgba(255, 255, 255, .035);
}

.appraise-report-v2 .appraise-report-meta em {
  color: #aab2bf;
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
  letter-spacing: .08em;
  line-height: 1;
  text-transform: uppercase;
}

.appraise-report-v2 .appraise-report-meta strong {
  min-width: 0;
  color: #f4f6fa;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.appraise-report-refresh-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(156px, 196px);
  gap: 12px;
  align-items: center;
  max-width: 720px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 213, 46, .26);
  border-radius: 10px;
  background:
    linear-gradient(135deg, rgba(255, 213, 46, .085), rgba(255, 255, 255, .025));
}

.appraise-report-refresh-card b {
  display: block;
  color: var(--yellow);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.appraise-report-refresh-card p {
  margin: 4px 0 0 !important;
  color: #f0f3f8 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1.45 !important;
}

.appraise-report-refresh-card .drawer-data-action {
  min-height: 40px;
  justify-self: stretch;
}

.appraise-report-v2 .appraise-report-certificate {
  gap: 9px;
  padding: 14px;
  background:
    linear-gradient(145deg, rgba(255, 213, 46, .055), rgba(255, 255, 255, .018)),
    rgba(15, 18, 24, .74);
}

.appraise-report-v2 .appraise-report-certificate > div {
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  padding-bottom: 12px;
}

.appraise-report-v2 .appraise-report-shield {
  width: 44px;
  height: 44px;
  border-radius: 9px;
  background:
    radial-gradient(circle at 50% 38%, rgba(255, 255, 255, .18), transparent 28%),
    linear-gradient(135deg, rgba(53, 216, 120, .92), rgba(33, 136, 78, .86));
}

.appraise-report-v2 .appraise-report-certificate strong {
  font-size: 17px;
  line-height: 1.15;
}

.appraise-report-v2 .appraise-report-certificate a,
.appraise-report-v2 .appraise-report-disabled-link {
  min-height: 42px;
  font-size: 13px;
}

.appraise-report-v2 .appraise-report-disabled-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 8px;
  color: rgba(255, 255, 255, .48);
  background: rgba(255, 255, 255, .035);
  font-weight: 950;
  text-align: center;
}

.appraise-report-v2 .appraise-report-stat-grid {
  gap: 12px;
}

.appraise-report-v2 .appraise-report-stat-grid.is-partial {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.appraise-report-v2 .appraise-report-stat {
  min-height: 118px;
  padding: 20px 20px 18px;
  align-content: start;
}

.appraise-report-v2 .appraise-report-stat b {
  font-size: 12px;
}

.appraise-report-v2 .appraise-report-stat strong {
  color: var(--yellow);
  font-size: clamp(22px, 2.4vw, 32px);
  line-height: 1.08;
}

.appraise-report-v2 .appraise-report-stat.money strong {
  font-size: clamp(22px, 2vw, 29px);
  letter-spacing: 0;
  overflow-wrap: normal;
  word-break: normal;
}

.appraise-report-v2 .appraise-report-stat.good strong,
.appraise-report-v2 .appraise-report-stat .good {
  color: #35d878;
}

.appraise-report-v2 .appraise-report-stat > span {
  display: grid;
  gap: 3px;
  color: #f0f2f6;
  font-size: 14px;
  line-height: 1.25;
}

.appraise-report-v2 .appraise-report-stat small {
  color: #d8dce4;
  font-size: 13px;
  font-weight: 850;
}

.appraise-report-stars {
  display: inline-flex;
  gap: 2px;
  align-items: center;
  width: max-content;
  color: rgba(255, 255, 255, .20);
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1;
}

.appraise-report-stars i {
  color: rgba(255, 255, 255, .20);
  font-style: normal;
}

.appraise-report-stars i[data-on="1"] {
  color: #35d878;
  text-shadow: 0 0 12px rgba(45, 211, 111, .28);
}

.appraise-report-v2 .appraise-report-grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, 1fr);
  gap: 14px;
}

.appraise-report-v2 .appraise-report-grid-lower {
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, 1fr);
}

.appraise-report-v2 .appraise-report-value,
.appraise-report-v2 .appraise-report-metrics,
.appraise-report-v2 .appraise-report-segmentation,
.appraise-report-v2 .appraise-report-global,
.appraise-report-v2 .appraise-report-sales,
.appraise-report-v2 .appraise-report-synergy {
  padding: 20px;
}

.appraise-report-v2 .appraise-report-card h4 {
  margin: 0 0 16px;
  color: #cdd3dd;
  font-size: 14px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.appraise-report-v2 .appraise-report-card h5 {
  margin-top: 18px;
  color: #f7f8fb;
  font-size: 16px;
}

.appraise-report-v2 .appraise-report-value p,
.appraise-report-v2 .appraise-report-global p,
.appraise-report-v2 .appraise-report-synergy p,
.appraise-report-v2 .appraise-report-sales p,
.appraise-report-v2 .appraise-report-note p {
  color: #f0f3f8;
  font-size: 14px;
  line-height: 1.52;
}

.appraise-report-v2 .appraise-report-list {
  gap: 8px;
  margin-bottom: 15px;
}

.appraise-report-v2 .appraise-report-list b {
  color: #35d878;
  font-size: 16px;
}

.appraise-report-v2 .appraise-report-list.watch b {
  color: #ff5d67;
}

.appraise-report-v2 .appraise-report-list ul {
  gap: 7px;
  padding-left: 0;
  list-style: none;
}

.appraise-report-v2 .appraise-report-list li {
  position: relative;
  padding-left: 22px;
  font-size: 14px;
  line-height: 1.48;
}

.appraise-report-v2 .appraise-report-list li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: .55em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #35d878;
  box-shadow: 0 0 0 4px rgba(45, 211, 111, .12);
}

.appraise-report-v2 .appraise-report-list.watch li::before {
  background: #ff5d67;
  box-shadow: 0 0 0 4px rgba(255, 93, 103, .12);
}

.appraise-report-notice {
  display: grid;
  gap: 8px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 213, 46, .18);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 213, 46, .07), rgba(255, 255, 255, .018));
}

.appraise-report-notice b {
  color: var(--yellow);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.appraise-report-notice p {
  margin: 0;
  color: #f0f3f8;
  font-size: 14px;
  font-weight: 750;
  line-height: 1.5;
}

.appraise-report-empty {
  padding: 18px;
}

.appraise-report-v2 .appraise-report-driver {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  margin-top: 18px !important;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
}

.appraise-report-v2 .appraise-report-driver b {
  color: var(--yellow);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.appraise-report-v2 .appraise-report-driver strong {
  color: #f7f8fb;
  font-size: 15px;
  font-weight: 950;
}

.appraise-report-v2 .appraise-report-metrics {
  gap: 0;
}

.appraise-report-v2 .appraise-report-metrics > div {
  min-height: 43px;
  gap: 12px;
}

.appraise-report-v2 .appraise-report-metrics span {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  color: #e7eaf0;
  font-size: 14px;
}

.appraise-report-v2 .appraise-report-metrics span i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  border: 1px solid rgba(255, 213, 46, .22);
  border-radius: 7px;
  background: rgba(255, 213, 46, .09);
  color: var(--yellow);
  font-size: 13px;
  font-style: normal;
  font-weight: 950;
  line-height: 1;
}

.appraise-report-v2 .appraise-report-metrics strong {
  font-size: 13px;
  text-align: right;
}

.appraise-report-v2 .appraise-report-metrics > .appraise-report-notice {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  min-height: 0;
  margin-top: 2px;
  border: 1px solid rgba(255, 213, 46, .18);
}

.appraise-report-v2 .appraise-report-metrics > .appraise-report-notice b,
.appraise-report-v2 .appraise-report-metrics > .appraise-report-notice p {
  grid-column: 1;
  max-width: 100%;
  text-align: left;
}

.appraise-report-v2 .appraise-report-metrics > .appraise-report-notice b {
  color: var(--yellow);
  font-size: 12px;
}

.appraise-report-v2 .appraise-report-metrics > .appraise-report-notice p {
  color: #f0f3f8;
  font-size: 14px;
  font-weight: 750;
}

.appraise-report-v2 .appraise-report-segment-line {
  grid-template-columns: minmax(0, .85fr) 34px minmax(0, 1fr) auto;
  gap: 12px;
  margin-bottom: 14px;
}

.appraise-report-v2 .appraise-report-segment-line span,
.appraise-report-v2 .appraise-report-segment-line strong {
  font-size: 17px;
}

.appraise-report-v2 .appraise-report-word-list {
  gap: 8px;
}

.appraise-report-v2 .appraise-report-word-list > div {
  grid-template-columns: 34px minmax(76px, 100px) 38px minmax(0, 1fr) minmax(86px, auto);
  padding: 11px 12px;
  border-color: rgba(255, 255, 255, .085);
  background: rgba(255, 255, 255, .025);
}

.appraise-report-v2 .appraise-report-word-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(255, 213, 46, .22);
  border-radius: 8px;
  color: var(--yellow);
  background: rgba(255, 213, 46, .08);
  font-size: 17px;
  font-style: normal;
  line-height: 1;
}

.appraise-report-v2 .appraise-report-word-list strong {
  font-size: 16px;
}

.appraise-report-v2 .appraise-report-word-list em {
  color: #36d879;
  text-align: right;
}

.appraise-report-v2 .appraise-report-global {
  gap: 10px;
}

.appraise-report-v2 .appraise-report-global-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px;
}

.appraise-report-v2 .appraise-report-global-markets,
.appraise-report-v2 .appraise-report-global-note {
  display: grid;
  align-content: start;
  gap: 10px;
}

.appraise-report-v2 .appraise-report-global-appeal {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 38px;
  align-items: center;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, .10);
}

.appraise-report-v2 .appraise-report-global ul {
  gap: 6px;
  padding-left: 0;
  list-style: none;
}

.appraise-report-v2 .appraise-report-global li {
  color: #f0f3f8;
  font-size: 13px;
  font-weight: 750;
}

.appraise-report-v2 .appraise-report-sales {
  overflow: hidden;
}

.appraise-report-v2 .appraise-report-sales table {
  overflow: hidden;
  border-radius: 7px;
  background: rgba(0, 0, 0, .14);
}

.appraise-report-v2 .appraise-report-sales th,
.appraise-report-v2 .appraise-report-sales td {
  padding: 9px 8px;
}

.appraise-report-v2 .appraise-report-synergy {
  align-content: start;
}

.appraise-report-v2 .appraise-report-synergy-level {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: max-content;
}

.appraise-report-v2 .appraise-report-synergy-level span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255, 213, 46, .25);
  border-radius: 9px;
  color: var(--yellow);
  background: rgba(255, 213, 46, .08);
  font-size: 17px;
}

.appraise-report-v2 .appraise-report-synergy strong {
  color: var(--yellow);
  font-size: 28px;
}

.appraise-report-v2 .appraise-report-footer {
  grid-template-columns: minmax(210px, 1.5fr) repeat(5, minmax(92px, .72fr));
}

.appraise-report-v2 .appraise-report-footer > div {
  min-height: 76px;
  padding: 14px 16px;
}

.appraise-report-v2 .appraise-report-footer strong {
  font-size: 15px;
  overflow-wrap: anywhere;
}

.appraise-report-v2 .appraise-report-cert-meta small {
  display: block;
  margin-top: 5px;
  color: #a9b0bd;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.appraise-report-diagnostics {
  display: grid;
  gap: 12px;
}

.appraise-report-diagnostics h4 {
  margin: 0;
}

.appraise-report-diagnostics > div {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.appraise-report-diagnostics > div > span {
  min-width: 0;
  padding: 10px 12px;
  border-radius: 6px;
  background: rgba(255, 255, 255, .055);
}

.appraise-report-diagnostics em {
  display: block;
  color: #aeb4c0;
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  text-transform: uppercase;
}

.appraise-report-diagnostics strong {
  display: block;
  margin-top: 4px;
  color: #f7f8fb;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.appraise-report-diagnostics p {
  margin: 0;
  color: #cfd4dd;
  font-size: 12px;
  line-height: 1.55;
}

.appraise-report-diagnostics p b {
  color: #f0c419;
  font-weight: 900;
}

.appraise-report-v2 .appraise-report-note {
  position: relative;
  padding-left: 16px;
}

.appraise-report-v2 .appraise-report-note::before {
  content: none;
}

.appraise-report-v2 .appraise-report-disclaimer {
  margin-top: -2px;
}

.domain-drawer-fields input:disabled,
.domain-drawer-fields select:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.drawer-domain-line > span:last-child {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 38px;
  gap: 8px;
  align-items: center;
}

.drawer-domain-line a {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 213, 46, .24);
  border-radius: 8px;
  color: var(--yellow);
  background: rgba(255, 213, 46, .07);
  text-decoration: none;
}

.drawer-domain-line a:hover {
  border-color: rgba(255, 213, 46, .66);
  background: rgba(255, 213, 46, .12);
}

.drawer-money-input,
.drawer-percent-input {
  display: grid;
  align-items: stretch;
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
  background: #0f1115;
}

.drawer-money-input {
  grid-template-columns: 34px minmax(0, 1fr);
}

.drawer-percent-input {
  grid-template-columns: minmax(0, 1fr) 34px;
}

.drawer-money-input:focus-within,
.drawer-percent-input:focus-within {
  border-color: rgba(255, 213, 46, .6);
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .08);
}

.drawer-money-input b,
.drawer-percent-input b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--yellow);
  background: #000;
  font-size: 15px;
  font-weight: 950;
}

.drawer-money-input b {
  border-right: 1px solid rgba(255, 255, 255, .08);
}

.drawer-percent-input b {
  border-left: 1px solid rgba(255, 255, 255, .08);
}

.domain-drawer-fields .drawer-money-input input,
.domain-drawer-fields .drawer-percent-input input {
  min-height: 38px;
  border: 0;
  border-radius: 0;
  background: transparent;
  outline: none;
  box-shadow: none;
}

.domain-drawer-fields .drawer-money-input input:focus,
.domain-drawer-fields .drawer-money-input input:focus-visible,
.domain-drawer-fields .drawer-percent-input input:focus,
.domain-drawer-fields .drawer-percent-input input:focus-visible {
  outline: none;
  box-shadow: none;
}

.domain-drawer-fields .drawer-percent-input input::-webkit-outer-spin-button,
.domain-drawer-fields .drawer-percent-input input::-webkit-inner-spin-button {
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
}

.domain-drawer-fields .drawer-percent-input input[type="number"] {
  appearance: textfield;
  -moz-appearance: textfield;
}

.drawer-toggle-row {
  position: relative;
  min-height: 42px;
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px !important;
  padding: 7px 8px 7px 13px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 8px;
  background: rgba(255, 255, 255, .025);
  color: var(--text);
  font-size: 14px;
  font-weight: 900;
}

.drawer-toggle-field {
  max-width: 214px;
}

.drawer-toggle-grid {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.drawer-toggle-grid .drawer-toggle-field {
  max-width: none;
}

.advanced-pricing-fields {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
}

.advanced-pricing-fields[hidden] {
  display: none !important;
}

.advanced-pricing-fields .wide {
  grid-column: 1 / -1;
}

.oscillation-layer {
  grid-column: 1 / -1;
  overflow: hidden;
  border: 1px solid rgba(255, 213, 46, .16);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 213, 46, .055), transparent 42%),
    rgba(255, 255, 255, .026);
}

.oscillation-layer summary {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 11px 8px 13px;
  cursor: pointer;
  list-style: none;
  user-select: none;
}

.oscillation-layer summary::-webkit-details-marker {
  display: none;
}

.oscillation-layer summary span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.oscillation-layer summary strong {
  color: var(--text);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  line-height: 1;
  text-transform: uppercase;
}

.oscillation-layer summary em {
  color: var(--yellow);
  font-size: 13px;
  font-style: normal;
  font-weight: 950;
}

.oscillation-layer summary > b {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: var(--yellow);
}

.oscillation-layer summary > b::before {
  content: "+";
  font-size: 18px;
  font-weight: 950;
  line-height: 1;
}

.oscillation-layer[open] summary {
  border-bottom: 1px solid rgba(255, 213, 46, .12);
}

.oscillation-layer[open] summary > b::before {
  content: "-";
}

.oscillation-mode-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 10px;
}

.oscillation-mode-grid label {
  position: relative;
  display: block;
}

.oscillation-mode-grid input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.oscillation-mode-grid label > span {
  height: 118px;
  display: grid;
  grid-template-rows: auto 24px 1fr;
  gap: 7px;
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 8px;
  background: rgba(0, 0, 0, .18);
  color: var(--muted);
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, color .16s ease;
}

.oscillation-mode-grid label > span strong {
  color: var(--text);
  font-size: 13px;
  font-weight: 950;
  line-height: 1;
}

.oscillation-mode-grid label > span em {
  color: var(--muted);
  min-height: calc(1.25em * 2);
  font-size: 11px;
  font-style: normal;
  font-weight: 750;
  line-height: 1.25;
  overflow: hidden;
}

.dashboard-table tbody tr[data-dashboard-row] {
  cursor: pointer;
}

.dashboard-table tbody tr[data-dashboard-row] a,
.dashboard-table tbody tr[data-dashboard-row] button,
.dashboard-table tbody tr[data-dashboard-row] label {
  cursor: pointer;
}

.dashboard-table tbody tr[data-dashboard-row] input,
.dashboard-table tbody tr[data-dashboard-row] select {
  cursor: auto;
}

.oscillation-sparkline {
  height: 24px;
  display: flex;
  align-items: end;
  gap: 4px;
}

.oscillation-sparkline b {
  width: 6px;
  height: calc(var(--h) * 2px + 4px);
  display: block;
  border-radius: 999px 999px 2px 2px;
  background: var(--yellow);
  box-shadow: 0 0 10px rgba(255, 213, 46, .24);
  opacity: .72;
}

.oscillation-mode-grid input:checked + span {
  border-color: rgba(255, 213, 46, .68);
  background:
    linear-gradient(145deg, rgba(255, 213, 46, .12), rgba(255, 213, 46, .035)),
    rgba(0, 0, 0, .22);
}

.oscillation-mode-grid input:checked + span strong,
.oscillation-mode-grid input:checked + span em {
  color: var(--yellow);
}

button.drawer-toggle-row {
  width: 100%;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.drawer-toggle-row input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.drawer-toggle-row::after {
  content: "";
  width: 46px;
  height: 24px;
  border: 1px solid rgba(255, 213, 46, .22);
  border-radius: 999px;
  background: #000;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .04);
}

.drawer-toggle-row::before {
  content: "";
  position: absolute;
  right: 29px;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #2b2f35;
  box-shadow: 0 2px 7px rgba(0, 0, 0, .55);
  transition: transform .16s ease, background .16s ease, box-shadow .16s ease;
}

.drawer-toggle-row:has(input:checked) {
  border-color: rgba(255, 213, 46, .32);
}

.drawer-toggle-row:has(input:checked)::after,
.drawer-status-toggle[aria-pressed="true"]::after {
  background: #5f4f2c;
}

.drawer-toggle-row:has(input:checked)::before,
.drawer-status-toggle[aria-pressed="true"]::before {
  transform: translateX(22px);
  background: var(--yellow);
  box-shadow: 0 0 14px rgba(255, 213, 46, .42);
}

.drawer-status-toggle[aria-pressed="true"] {
  border-color: rgba(255, 213, 46, .32);
}

.drawer-status-toggle.is-pending,
.drawer-status-toggle:disabled {
  border-color: rgba(255, 255, 255, .10);
  color: #9da3ad;
  cursor: not-allowed;
  opacity: 1;
}

.drawer-status-toggle.is-pending::after,
.drawer-status-toggle:disabled::after {
  background: rgba(255, 255, 255, .09);
}

.drawer-status-toggle.is-pending::before,
.drawer-status-toggle:disabled::before {
  transform: translateX(0);
  background: #747984;
  box-shadow: 0 0 0 4px rgba(116, 121, 132, .12);
}

.drawer-toggle-row:focus,
.drawer-toggle-row:focus-visible {
  outline: none;
}

.drawer-toggle-row:focus-visible {
  border-color: rgba(255, 213, 46, .58);
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .10);
}

.drawer-help {
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 750;
  line-height: 1.25;
}

.drawer-style-source-row,
.style-uid-controls,
.drawer-inherit-row {
  display: grid;
  align-items: end;
  gap: 8px;
}

.drawer-style-source-row select,
.style-uid-controls select {
  min-height: 40px;
}

.drawer-inherit-row .button {
  min-height: 38px;
  justify-content: center;
  white-space: nowrap;
}

.domain-drawer-advanced {
  grid-column: 1 / -1;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  background: rgba(0, 0, 0, .16);
}

.domain-drawer-advanced summary {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 11px;
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  user-select: none;
}

.domain-drawer-advanced summary::after {
  content: "+";
  color: var(--yellow);
  font-size: 17px;
  line-height: 1;
}

.domain-drawer-advanced[open] summary {
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.domain-drawer-advanced[open] summary::after {
  content: "-";
}

.domain-drawer-advanced .domain-drawer-fields {
  padding: 11px;
}

.drawer-note {
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  background: rgba(255, 255, 255, .035);
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.drawer-note[data-state="warning"] {
  border-color: rgba(255, 213, 46, .35);
  color: #f5d95f;
  background: rgba(255, 213, 46, .06);
}

.drawer-note[data-state="error"] {
  border-color: rgba(255, 94, 94, .46);
  color: #ffaaaa;
  background: rgba(255, 94, 94, .07);
}

.domain-template-gallery-card {
  margin: 2px 0 8px;
}

.domain-template-gallery-card-shell {
  display: grid;
  min-width: 0;
}

.domain-template-gallery-card .name-si-gallery-card {
  --gallery-card-width: 100%;
  width: 100%;
  height: 210px;
  grid-template-rows: 28px minmax(0, 1fr) 30px auto;
}

.domain-template-gallery-card .name-si-gallery-footer {
  justify-content: flex-end;
}

.domain-template-gallery-card .name-si-gallery-use {
  display: none;
}

.domain-template-gallery-loading {
  min-height: 96px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  color: var(--muted);
  background: rgba(255, 255, 255, .035);
  font-size: 12px;
  font-weight: 850;
}

.domain-template-gallery-loading.is-error {
  color: #ffaaaa;
  border-color: rgba(255, 94, 94, .36);
  background: rgba(255, 94, 94, .07);
}

.drawer-badge {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  margin-left: 5px;
  padding: 0 7px;
  border: 1px solid rgba(255, 213, 46, .24);
  border-radius: 999px;
  color: var(--yellow);
  background: rgba(255, 213, 46, .06);
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: none;
}

.drawer-button-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.drawer-button-row .button {
  justify-content: center;
  min-height: 36px;
  padding-inline: 8px;
  white-space: normal;
  text-align: center;
}

.drawer-live-switch {
  display: block;
}

.drawer-check {
  grid-column: 1 / -1;
  min-height: 38px;
  display: flex !important;
  grid-template-columns: none !important;
  flex-direction: row;
  align-items: center;
  gap: 9px !important;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  background: rgba(255, 255, 255, .025);
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.drawer-check input {
  width: 16px;
  min-height: 16px;
  height: 16px;
  margin: 0;
}

.proof-preview-chip {
  min-height: 38px;
  display: flex;
  align-items: center;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  color: var(--muted);
  background: rgba(255, 255, 255, .025);
  font-size: 12px;
  font-weight: 850;
}

.proof-preview-chip[data-state="on"] {
  border-color: rgba(255, 213, 46, .28);
  color: #f8df68;
  background: rgba(255, 213, 46, .06);
}

.drawer-radio-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

.drawer-radio-grid label {
  position: relative;
  display: block;
}

.drawer-radio-grid input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.drawer-radio-grid label span {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  padding: 0 9px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 8px;
  color: var(--muted);
  background: rgba(255, 255, 255, .035);
  font-size: 12px;
  font-weight: 900;
  text-align: center;
}

.drawer-mode-grid label span {
  position: relative;
  min-height: 50px;
  padding: 14px 34px 6px;
  font-size: 12px;
  font-weight: 820;
  letter-spacing: .045em;
  line-height: 1.12;
  cursor: pointer;
}

.drawer-mode-grid .drawer-mode-label {
  min-height: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-align: center;
}

.drawer-mode-readonly {
  position: relative;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 34px 6px;
  border: 1px solid rgba(255, 213, 46, .66);
  border-radius: 8px;
  background: rgba(255, 213, 46, .10);
  color: var(--yellow);
  font-size: 12px;
  font-weight: 820;
  letter-spacing: .045em;
  line-height: 1.12;
  text-transform: uppercase;
}

.drawer-radio-grid input:checked + span {
  border-color: rgba(255, 213, 46, .66);
  color: var(--yellow);
  background: rgba(255, 213, 46, .10);
}

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

.drawer-mode-grid label {
  position: relative;
  cursor: pointer;
}

.drawer-radio-grid label.is-premium-locked span {
  opacity: .44;
  color: #777d87;
  cursor: not-allowed;
}

.drawer-radio-grid label.is-premium-locked input:checked + span {
  border-color: rgba(255, 213, 46, .28);
  color: rgba(255, 213, 46, .72);
  background: rgba(255, 213, 46, .055);
}

.drawer-premium-tooltip {
  position: absolute;
  right: 0;
  bottom: calc(100% + 7px);
  z-index: 5;
  min-width: 158px;
  padding: 8px 10px;
  border: 1px solid var(--yellow);
  border-radius: 8px;
  background: #000;
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .42);
  opacity: 0;
  pointer-events: none;
  transform: translateY(4px);
  transition: opacity .14s ease, transform .14s ease;
}

.drawer-premium-tooltip strong {
  color: #fff;
}

.drawer-premium-tooltip strong span {
  color: var(--yellow);
}

.drawer-mode-grid label:hover .drawer-premium-tooltip,
.drawer-mode-grid label:focus-within .drawer-premium-tooltip {
  opacity: 1;
  transform: translateY(0);
}

.drawer-tooltip-field > span:first-child,
.drawer-label-with-tooltip {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  width: fit-content;
  max-width: 100%;
  white-space: nowrap;
}

.variation-percent-field .drawer-label-with-tooltip {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  line-height: inherit;
  vertical-align: baseline;
}

.variation-percent-field [data-variation-percent-label] {
  min-width: 0;
  max-width: calc(100% - 23px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.drawer-tooltip-trigger {
  width: 17px;
  height: 17px;
  min-height: 17px;
  flex: 0 0 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(255, 213, 46, .62);
  border-radius: 999px;
  background: rgba(0, 0, 0, .72);
  color: var(--yellow);
  font-size: 10px;
  font-weight: 950;
  line-height: 1;
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .06);
  cursor: help;
  transform: translateY(-1px);
  transition: border-color .15s ease, background .15s ease, color .15s ease, box-shadow .15s ease;
}

.drawer-tooltip-trigger:hover,
.drawer-tooltip-trigger:focus-visible {
  border-color: rgba(255, 213, 46, .92);
  background: var(--yellow);
  color: #050505;
  box-shadow: 0 0 0 4px rgba(255, 213, 46, .13);
}

.drawer-mode-tooltip-trigger {
  position: absolute;
  top: 7px;
  right: 8px;
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  min-height: 14px;
  border-color: rgba(255, 213, 46, .46);
  background: rgba(0, 0, 0, .52);
  font-size: 8px;
  box-shadow: 0 0 0 2px rgba(255, 213, 46, .045);
  transform: none;
}

.domain-drawer-actions {
  position: sticky;
  bottom: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 8px;
  margin: 0 -14px;
  padding: 12px 14px 14px;
  border-top: 1px solid rgba(255, 255, 255, .08);
  background: #000;
  box-shadow: 0 -18px 32px rgba(0, 0, 0, .42);
}

.domain-drawer-actions .button {
  justify-content: center;
  min-height: 38px;
  padding-inline: 10px;
}

.domain-drawer-save-button {
  position: relative;
  gap: 8px;
}

.domain-drawer-save-button.is-clean:disabled {
  border-color: rgba(255, 255, 255, .16);
  background: rgba(255, 255, 255, .08);
  color: rgba(255, 255, 255, .68);
  opacity: 1;
}

.domain-drawer-save-button.is-saved {
  border-color: var(--drawer-save-success-border, #2dcc71);
  background: var(--drawer-save-success-fill, #2dcc71);
  color: var(--drawer-save-success-ink, #06140c);
  opacity: 1;
}

.domain-drawer-save-button.is-saved[data-show-check="1"]::before {
  content: "";
  width: 15px;
  height: 8px;
  border-left: 3px solid currentColor;
  border-bottom: 3px solid currentColor;
  transform: rotate(-45deg) scale(.82);
  animation: drawerSaveCheck .42s cubic-bezier(.2, 1.55, .28, 1) both;
}

@keyframes drawerSaveCheck {
  0% {
    opacity: 0;
    transform: rotate(-45deg) scale(.2);
  }
  100% {
    opacity: 1;
    transform: rotate(-45deg) scale(.82);
  }
}

.domain-drawer-actions .drawer-summary-button {
  background: #050505;
  border-color: rgba(255, 255, 255, .13);
  color: #ffffff;
}

.domain-drawer-actions .drawer-summary-button:hover,
.domain-drawer-actions .drawer-summary-button:focus-visible {
  border-color: rgba(255, 213, 46, .48);
  color: #ffffff;
}

[data-domain-drawer-preview].is-preview-fresh {
  animation: drawer-preview-fresh .42s ease-out;
}

@keyframes drawer-preview-fresh {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 213, 46, .34);
  }
  100% {
    box-shadow: 0 0 0 8px rgba(255, 213, 46, 0);
  }
}

.drawer-summary-layer {
  position: absolute;
  inset: 0;
  z-index: 12;
  display: grid;
  align-items: end;
  padding: 14px;
  background: rgba(0, 0, 0, .72);
  backdrop-filter: blur(7px);
}

.drawer-summary-panel {
  min-height: 46%;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(255, 213, 46, .42);
  border-radius: 8px;
  background: #050505;
  box-shadow: 0 -12px 48px rgba(0, 0, 0, .55);
}

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

.drawer-summary-panel strong {
  color: var(--yellow);
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.drawer-summary-panel p {
  margin: 0;
  color: #ffffff;
  font-size: 15px;
  font-weight: 750;
  line-height: 1.55;
}

html.dashboard-theme-light:has(.dashboard-page) {
  --bg: #f4f7fb;
  --panel: #ffffff;
  --panel-2: #eef3f8;
  --panel-3: #f8fbff;
  --line: #d7e0ea;
  --text: #0d213f;
  --muted: #617086;
  --yellow: #006cf0;
  --green: #158050;
  --red: #c94545;
  color-scheme: light;
}

html.dashboard-theme-light body:has(.dashboard-page) {
  color: var(--text);
}

html.dashboard-theme-light .dashboard-brand-print {
  color: #0b1f3d;
}

html.dashboard-theme-light .dashboard-brand-print span {
  color: #016df0;
}

html.dashboard-theme-light .dashboard-nav-trigger,
html.dashboard-theme-light .dashboard-person-button,
html.dashboard-theme-light .dashboard-theme-toggle {
  border-color: rgba(13, 33, 63, .14);
  background: rgba(255, 255, 255, .78);
  color: #18304f;
  box-shadow: 0 10px 28px rgba(17, 43, 79, .08);
}

html.dashboard-theme-light .dashboard-theme-toggle {
  background: #e8eef6;
}

html.dashboard-theme-light .dashboard-theme-toggle span.is-active {
  color: #ffffff;
  background: #006cf0;
}

html.dashboard-theme-light .dashboard-nav-trigger:hover,
html.dashboard-theme-light .dashboard-person-button:hover {
  border-color: rgba(0, 108, 240, .42);
  color: #0b2f5f;
  background: #ffffff;
}

html.dashboard-theme-light .dashboard-table-panel,
html.dashboard-theme-light .domain-drawer-section,
html.dashboard-theme-light .dashboard-import-modal,
html.dashboard-theme-light .dashboard-nav-modal,
html.dashboard-theme-light .domain-bulk-summary,
html.dashboard-theme-light .domain-bulk-scope,
html.dashboard-theme-light .domain-bulk-scope label,
html.dashboard-theme-light .domain-bulk-progress,
html.dashboard-theme-light .domain-bulk-progress-grid div,
html.dashboard-theme-light .domain-bulk-failures,
html.dashboard-theme-light .domain-bulk-verify-note,
html.dashboard-theme-light .domain-bulk-change-row,
html.dashboard-theme-light .domain-bulk-danger,
html.dashboard-theme-light .import-choice-card,
html.dashboard-theme-light .import-overwrite-option,
html.dashboard-theme-light .import-format-note {
  border-color: rgba(13, 33, 63, .12);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(244, 247, 251, .82)),
    #ffffff;
  box-shadow: 0 18px 54px rgba(17, 43, 79, .08);
}

html.dashboard-theme-light .dashboard-verify-strip,
html.dashboard-theme-light .dashboard-table-head,
html.dashboard-theme-light .domain-drawer-top,
html.dashboard-theme-light .dashboard-import-header {
  border-color: rgba(13, 33, 63, .12);
  background: rgba(255, 255, 255, .76);
}

html.dashboard-theme-light .domain-bulk-verify {
  background: transparent;
}

html.dashboard-theme-light .dashboard-pagination {
  border-color: rgba(13, 33, 63, .12);
  background: rgba(255, 255, 255, .46);
}

html.dashboard-theme-light .table-search input,
html.dashboard-theme-light .table-filter select,
html.dashboard-theme-light .domain-drawer-fields input,
html.dashboard-theme-light .domain-drawer-fields select,
html.dashboard-theme-light .dashboard-page-size select,
html.dashboard-theme-light .dashboard-page-jump input,
html.dashboard-theme-light .dashboard-filter-range input,
html.dashboard-theme-light .dashboard-filter-text input,
html.dashboard-theme-light .domain-bulk-change-row select,
html.dashboard-theme-light .domain-bulk-change-row input {
  border-color: rgba(13, 33, 63, .14);
  background: #ffffff;
  color: #0d213f;
}

html.dashboard-theme-light .table-search input:focus,
html.dashboard-theme-light .table-search input:focus-visible,
html.dashboard-theme-light .table-filter select:focus,
html.dashboard-theme-light .table-filter select:focus-visible,
html.dashboard-theme-light .dashboard-filter-range input:focus,
html.dashboard-theme-light .dashboard-filter-range input:focus-visible,
html.dashboard-theme-light .dashboard-filter-text input:focus,
html.dashboard-theme-light .dashboard-filter-text input:focus-visible {
  border-color: rgba(0, 108, 240, .52);
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .26);
  outline: none;
}

html.dashboard-theme-light .table-search-clear {
  color: #0d213f;
}

html.dashboard-theme-light .table-search-clear:hover,
html.dashboard-theme-light .table-search-clear:focus-visible {
  color: #006cf0;
}

html.dashboard-theme-light .domain-drawer-fields input[readonly] {
  color: #006cf0;
  background: #eef3f8;
}

html.dashboard-theme-light .drawer-data-action {
  border-color: rgba(13, 33, 63, .14);
  background: #eef3f8;
  color: #006cf0;
  box-shadow: none;
}

html.dashboard-theme-light .drawer-data-action:hover,
html.dashboard-theme-light .drawer-data-action:focus-visible {
  border-color: rgba(13, 33, 63, .14);
  background: #eef3f8;
  box-shadow: none;
}

html.dashboard-theme-light .drawer-data-action[data-companies-action-mode="capture"],
html.dashboard-theme-light .drawer-data-action[data-companies-action-mode="download"],
html.dashboard-theme-light .drawer-data-action[data-appraise-action-mode="capture"],
html.dashboard-theme-light .drawer-data-action[data-appraise-action-mode="download"] {
  border-color: #006cf0;
  background: #006cf0;
  color: #ffffff;
  text-align: center;
  box-shadow: 0 0 0 3px rgba(0, 108, 240, .08);
}

html.dashboard-theme-light .drawer-data-action[data-companies-action-mode="capture"]:hover,
html.dashboard-theme-light .drawer-data-action[data-companies-action-mode="capture"]:focus-visible,
html.dashboard-theme-light .drawer-data-action[data-companies-action-mode="download"]:hover,
html.dashboard-theme-light .drawer-data-action[data-companies-action-mode="download"]:focus-visible,
html.dashboard-theme-light .drawer-data-action[data-appraise-action-mode="capture"]:hover,
html.dashboard-theme-light .drawer-data-action[data-appraise-action-mode="capture"]:focus-visible,
html.dashboard-theme-light .drawer-data-action[data-appraise-action-mode="download"]:hover,
html.dashboard-theme-light .drawer-data-action[data-appraise-action-mode="download"]:focus-visible {
  border-color: #1880fe;
  background: #1880fe;
  color: #ffffff;
  box-shadow: 0 0 0 4px rgba(0, 108, 240, .18);
  outline: none;
}

html.dashboard-theme-light .drawer-data-action[data-companies-action-mode="locked"]:disabled {
  border-color: rgba(13, 33, 63, .14);
  background: #eef3f8;
  color: #607086;
}

html.dashboard-theme-light .drawer-appraise-expand-toggle {
  border-color: rgba(0, 108, 240, .42);
  background: #eef3f8;
  color: #006cf0;
  box-shadow: 0 0 0 3px rgba(0, 108, 240, .06);
}

html.dashboard-theme-light .drawer-appraise-expand-toggle:hover,
html.dashboard-theme-light .drawer-appraise-expand-toggle:focus-visible {
  border-color: #006cf0;
  background: rgba(0, 108, 240, .10);
  color: #006cf0;
  box-shadow: 0 0 0 4px rgba(0, 108, 240, .12);
}

html.dashboard-theme-light .drawer-source-toggle,
html.dashboard-theme-light .drawer-appraise-details,
html.dashboard-theme-light .drawer-appraise-grid div {
  border-color: rgba(13, 33, 63, .14);
  background: #eef3f8;
}

html.dashboard-theme-light .drawer-money-input,
html.dashboard-theme-light .drawer-percent-input,
html.dashboard-theme-light .inline-money-input {
  border-color: rgba(13, 33, 63, .14);
  background: #ffffff;
}

html.dashboard-theme-light .drawer-money-input b,
html.dashboard-theme-light .drawer-percent-input b,
html.dashboard-theme-light .inline-money-input b {
  border-color: rgba(13, 33, 63, .12);
  color: #ffffff;
  background: #006cf0;
}

html.dashboard-theme-light .dashboard-table th,
html.dashboard-theme-light .dashboard-table td {
  color: #152844;
  background: rgba(255, 255, 255, .82);
}

html.dashboard-theme-light .dashboard-table thead th,
html.dashboard-theme-light .dashboard-table th:first-child,
html.dashboard-theme-light .dashboard-table td:first-child,
html.dashboard-theme-light .dashboard-table th[data-col="domain"],
html.dashboard-theme-light .dashboard-table td[data-col="domain"] {
  background: #f7f9fc;
}

html.dashboard-theme-light .dashboard-table thead th {
  color: #526177;
  border-bottom-color: rgba(13, 33, 63, .14);
}

html.dashboard-theme-light .dashboard-row-select span {
  border-color: rgba(13, 33, 63, .22);
  background: #f8fbff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .72);
}

html.dashboard-theme-light .dashboard-row-select input:checked + span,
html.dashboard-theme-light .dashboard-row-select input:indeterminate + span {
  border-color: #006cf0;
  background: #006cf0;
}

html.dashboard-theme-light .dashboard-table tbody tr:hover td {
  background: #eef4fb;
}

html.dashboard-theme-light .dashboard-table tr.is-row-saving [data-col="price"] .inline-edit {
  background: transparent;
  color: #9a7300;
  text-shadow: 0 0 10px rgba(201, 155, 18, .18);
}

html.dashboard-theme-light .dashboard-table tbody tr.is-selected td,
html.dashboard-theme-light .dashboard-table tbody tr.is-drawer-active td {
  background: #f8fbff;
}

html.dashboard-theme-light .dashboard-table tbody tr.is-selected td:first-child,
html.dashboard-theme-light .dashboard-table tbody tr.is-drawer-active td:first-child {
  box-shadow: inset 4px 0 0 #006cf0;
}

html.dashboard-theme-light .dashboard-table td[data-col="price"] .inline-edit,
html.dashboard-theme-light .dashboard-table td[data-col="status"] .inline-edit,
html.dashboard-theme-light .dashboard-readonly-mode {
  color: #0d213f;
}

html.dashboard-theme-light .dashboard-table .status-pill,
html.dashboard-theme-light .dashboard-table button.inline-edit.status-pill:not(.is-editing) {
  border-color: rgba(21, 128, 80, .22);
  background: rgba(21, 128, 80, .12) !important;
  color: #0f673f;
  font-weight: 950;
}

html.dashboard-theme-light .dashboard-table .status-pill .status-live-dot {
  background: #15915a;
  box-shadow: 0 0 0 4px rgba(21, 128, 80, .14);
}

html.dashboard-theme-light .dashboard-table .status-pill.dns_off,
html.dashboard-theme-light .dashboard-table .status-pill.pending_ns,
html.dashboard-theme-light .dashboard-table button.inline-edit.status-pill.dns_off:not(.is-editing),
html.dashboard-theme-light .dashboard-table button.inline-edit.status-pill.pending_ns:not(.is-editing) {
  border-color: rgba(13, 33, 63, .16);
  background: #eef3f8 !important;
  color: #40526a;
  font-weight: 950;
}

html.dashboard-theme-light .dashboard-table .status-pill.dns_off .status-live-dot,
html.dashboard-theme-light .dashboard-table .status-pill.pending_ns .status-live-dot {
  background: #65748a;
  box-shadow: 0 0 0 4px rgba(101, 116, 138, .14);
}

html.dashboard-theme-light .traffic-cell {
  color: #006cf0;
}

html.dashboard-theme-light .traffic-cell.has-live-traffic {
  color: #c99b12;
}

html.dashboard-theme-light .dashboard-live-status {
  color: var(--dashboard-live-ink);
  border-color: transparent;
  background: color-mix(in srgb, var(--dashboard-live-fill) 72%, #fff 28%);
}

@media (max-width: 1050px) {
  .domain-edit-drawer.is-appraise-report {
    width: calc(100vw - 10px);
  }

  .appraise-report-head,
  .appraise-report-grid,
  .appraise-report-grid-lower,
  .appraise-report-footer {
    grid-template-columns: 1fr;
  }

  .appraise-report-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .appraise-report-footer > div {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .10);
  }

  .appraise-report-footer > div:last-child {
    border-bottom: 0;
  }

  .appraise-report-v2 .appraise-report-head,
  .appraise-report-v2 .appraise-report-grid,
  .appraise-report-v2 .appraise-report-grid-lower,
  .appraise-report-v2 .appraise-report-footer {
    grid-template-columns: 1fr;
  }

  .appraise-report-v2 .appraise-report-footer > div {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .10);
  }

  .appraise-report-v2 .appraise-report-footer > div:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 640px) {
  .drawer-appraise-action-row {
    grid-template-columns: minmax(0, 1fr) 34px 34px;
  }

  .drawer-appraise-expand-toggle,
  .drawer-appraise-report-toggle {
    width: 34px;
    min-width: 34px;
  }

  .appraise-report-head,
  .appraise-report-value,
  .appraise-report-metrics,
  .appraise-report-segmentation,
  .appraise-report-global,
  .appraise-report-sales,
  .appraise-report-synergy {
    padding: 14px;
  }

  .appraise-report-stat-grid {
    grid-template-columns: 1fr;
  }

  .appraise-report-word-list > div,
  .appraise-report-segment-line {
    grid-template-columns: 1fr;
  }

  .appraise-report-sales {
    overflow-x: auto;
  }

  .appraise-report-v2 .appraise-report-head,
  .appraise-report-v2 .appraise-report-value,
  .appraise-report-v2 .appraise-report-metrics,
  .appraise-report-v2 .appraise-report-segmentation,
  .appraise-report-v2 .appraise-report-global,
  .appraise-report-v2 .appraise-report-sales,
  .appraise-report-v2 .appraise-report-synergy {
    padding: 14px;
  }

  .appraise-report-v2 .appraise-report-word-list > div,
  .appraise-report-v2 .appraise-report-segment-line,
  .appraise-report-v2 .appraise-report-driver {
    grid-template-columns: 1fr;
  }

  .appraise-report-v2 .appraise-report-segment-line {
    overflow: hidden;
  }

  .appraise-report-v2,
  .appraise-report-v2 * {
    min-width: 0;
  }

  .appraise-report-v2 .appraise-report-title-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .appraise-report-v2 .appraise-report-title-row h3 {
    max-width: 100%;
    font-size: 28px;
    line-height: 1.05;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .appraise-report-v2 .appraise-report-pill {
    justify-self: start;
  }

  .appraise-report-v2 .appraise-report-tags span {
    padding: 6px 10px;
    font-size: 12px;
  }

  .appraise-report-v2 .appraise-report-meta {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .appraise-report-v2 .appraise-report-refresh-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .appraise-report-v2 .appraise-report-meta span {
    width: auto;
    min-width: 0;
  }

  .appraise-report-v2 .appraise-report-certificate > div {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .appraise-report-v2 .appraise-report-shield {
    width: 38px;
    height: 38px;
  }

  .appraise-report-v2 .appraise-report-certificate strong {
    font-size: 14px;
    overflow-wrap: anywhere;
  }

  .appraise-report-v2 .appraise-report-certificate a,
  .appraise-report-v2 .appraise-report-disabled-link {
    white-space: normal;
    text-align: center;
  }

  .appraise-report-v2 .appraise-report-stat.money strong {
    font-size: 24px;
    overflow-wrap: anywhere;
  }

  .appraise-report-v2 .appraise-report-metrics > div,
  .appraise-report-v2 .appraise-report-global > div {
    grid-template-columns: minmax(0, 1fr);
  }

  .appraise-report-v2 .appraise-report-metrics strong,
  .appraise-report-v2 .appraise-report-word-list em {
    text-align: left;
  }

  .appraise-report-v2 .appraise-report-sales {
    overflow-x: auto;
  }

  .appraise-report-v2 .appraise-report-sales table {
    min-width: 492px;
  }

  .appraise-report-diagnostics > div {
    grid-template-columns: minmax(0, 1fr);
  }
}

html.dashboard-theme-light .button[data-dashboard-live-filter][aria-pressed="true"] {
  border-color: transparent;
  box-shadow: none;
}

html.dashboard-theme-light .button.ghost,
html.dashboard-theme-light .row-actions .button,
html.dashboard-theme-light .dashboard-page-controls > button,
html.dashboard-theme-light .dashboard-page-list button,
html.dashboard-theme-light .dashboard-page-jump button {
  border-color: rgba(13, 33, 63, .14);
  background: #ffffff;
  color: #0d213f;
}

html.dashboard-theme-light .button.primary,
html.dashboard-theme-light .table-import-button {
  border-color: #006cf0;
  background: #006cf0;
  color: #ffffff;
}

html.dashboard-theme-light .button.primary:hover,
html.dashboard-theme-light .button.primary:focus-visible,
html.dashboard-theme-light .table-import-button:hover,
html.dashboard-theme-light .table-import-button:focus-visible {
  border-color: #1880fe;
  background: #1880fe;
  color: #ffffff;
  box-shadow: 0 0 0 4px rgba(0, 108, 240, .18);
  outline: none;
}

html.dashboard-theme-light .button.danger {
  border-color: rgba(216, 47, 28, .34);
  background: rgba(216, 47, 28, .08);
  color: #b92918;
}

html.dashboard-theme-light .button.danger:hover,
html.dashboard-theme-light .button.danger:focus-visible {
  border-color: #e3321d;
  background: #e3321d;
  color: #ffffff;
  box-shadow: 0 0 0 4px rgba(227, 50, 29, .14);
  outline: none;
}

html.dashboard-theme-light .dashboard-page-list button[aria-current] {
  color: #006cf0;
  background: rgb(0 108 240 / 16%);
}

html.dashboard-theme-light .column-menu summary,
html.dashboard-theme-light .column-menu > div,
html.dashboard-theme-light .dashboard-filter-menu summary,
html.dashboard-theme-light .dashboard-filter-popover {
  border-color: rgba(13, 33, 63, .14);
  background: #ffffff;
  color: #18304f;
}

html.dashboard-theme-light .column-menu summary:hover,
html.dashboard-theme-light .column-menu[open] summary,
html.dashboard-theme-light .dashboard-filter-menu summary:hover,
html.dashboard-theme-light .dashboard-filter-menu[open] summary {
  background: #eef3f8;
}

html.dashboard-theme-light .domain-edit-drawer {
  border-left-color: rgba(13, 33, 63, .16);
  background:
    linear-gradient(145deg, rgba(0, 108, 240, .07), transparent 34%),
    #f6f9fd;
  box-shadow: -28px 0 80px rgba(17, 43, 79, .18);
}

html.dashboard-theme-light .domain-drawer-section {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .86), rgba(247, 250, 253, .88)),
    #f7fafc;
}

html.dashboard-theme-light .domain-drawer-form {
  background: transparent;
}

html.dashboard-theme-light .drawer-save-session {
  border-color: rgba(0, 108, 240, .18);
  background: rgba(0, 108, 240, .055);
  color: #0d213f;
}

html.dashboard-theme-light .drawer-save-session[data-status="complete"] {
  border-color: rgba(0, 138, 80, .20);
  background: rgba(0, 138, 80, .06);
}

html.dashboard-theme-light .drawer-save-session[data-status="error"] {
  border-color: rgba(190, 48, 48, .24);
  background: rgba(190, 48, 48, .07);
}

html.dashboard-theme-light .drawer-save-session-step {
  border-color: rgba(13, 33, 63, .11);
  background: rgba(255, 255, 255, .72);
}

html.dashboard-theme-light .drawer-save-session-step[data-status="complete"] {
  color: #007d46;
}

html.dashboard-theme-light .drawer-save-session-step[data-status="running"] {
  color: #9a7100;
}

html.dashboard-theme-light .drawer-save-session-step[data-status="error"] {
  color: #b62d2d;
}

html.dashboard-theme-light .domain-drawer-save-button.is-clean:disabled {
  border-color: rgba(13, 33, 63, .16);
  background: rgba(13, 33, 63, .08);
  color: rgba(13, 33, 63, .58);
}

html.dashboard-theme-light .drawer-toggle-row,
html.dashboard-theme-light .drawer-radio-grid label > span,
html.dashboard-theme-light .drawer-summary-panel {
  border-color: rgba(13, 33, 63, .14);
  background: rgba(255, 255, 255, .82);
  color: #0d213f;
}

html.dashboard-theme-light .oscillation-layer {
  border-color: rgba(0, 108, 240, .16);
  background:
    linear-gradient(135deg, rgba(0, 108, 240, .055), transparent 42%),
    rgba(255, 255, 255, .82);
}

html.dashboard-theme-light .oscillation-layer summary strong,
html.dashboard-theme-light .oscillation-mode-grid label > span strong {
  color: #0d213f;
}

html.dashboard-theme-light .oscillation-layer summary em,
html.dashboard-theme-light .oscillation-layer summary > b,
html.dashboard-theme-light .oscillation-mode-grid input:checked + span strong,
html.dashboard-theme-light .oscillation-mode-grid input:checked + span em {
  color: #006cf0;
}

html.dashboard-theme-light .oscillation-layer[open] summary {
  border-bottom-color: rgba(0, 108, 240, .12);
}

html.dashboard-theme-light .oscillation-mode-grid label > span {
  border-color: rgba(13, 33, 63, .12);
  background: rgba(255, 255, 255, .78);
}

html.dashboard-theme-light .oscillation-mode-grid input:checked + span {
  border-color: rgba(0, 108, 240, .52);
  background:
    linear-gradient(145deg, rgba(0, 108, 240, .10), rgba(0, 108, 240, .035)),
    #ffffff;
}

html.dashboard-theme-light .oscillation-sparkline b {
  background: #006cf0;
  box-shadow: 0 0 9px rgba(0, 108, 240, .16);
}

html.dashboard-theme-light .drawer-toggle-row::before {
  background: #d9e2ee;
}

html.dashboard-theme-light .drawer-toggle-row:has(input:checked)::after,
html.dashboard-theme-light .drawer-toggle-row:has(input:checked)::before {
  background: #006cf0;
}

html.dashboard-theme-light .domain-drawer-actions {
  border-top-color: rgba(13, 33, 63, .12);
  background:
    linear-gradient(180deg, rgba(248, 251, 255, .92), rgba(238, 243, 248, .98));
  box-shadow: 0 -18px 34px rgba(17, 43, 79, .10);
}

html.dashboard-theme-light .domain-drawer-actions .drawer-summary-button {
  border-color: rgba(13, 33, 63, .16);
  background: #ffffff;
  color: #0d213f;
}

html.dashboard-theme-light .domain-drawer-actions .drawer-summary-button:hover,
html.dashboard-theme-light .domain-drawer-actions .drawer-summary-button:focus-visible {
  border-color: rgba(0, 108, 240, .36);
  color: #006cf0;
}

html.dashboard-theme-light .domain-drawer-title-link,
html.dashboard-theme-light .domain-drawer-section-head > span {
  border-color: rgba(0, 108, 240, .18);
  color: #006cf0;
  background: rgba(0, 108, 240, .08);
}

html.dashboard-theme-light .domain-traffic-range button {
  border-color: rgba(13, 33, 63, .14);
  background: #ffffff;
  color: #58708b;
}

html.dashboard-theme-light .domain-traffic-range button[aria-pressed="true"],
html.dashboard-theme-light .domain-traffic-range button[aria-pressed="true"]:hover,
html.dashboard-theme-light .domain-traffic-range button[aria-pressed="true"]:focus-visible {
  border-color: #006cf0;
  background: rgba(0, 108, 240, .10);
  color: #006cf0;
}

html.dashboard-theme-light .domain-traffic-range button:hover,
html.dashboard-theme-light .domain-traffic-range button:focus-visible {
  border-color: rgba(0, 108, 240, .36);
  background: rgba(0, 108, 240, .045);
  color: #006cf0;
}

html.dashboard-theme-light .traffic-drawer-card,
html.dashboard-theme-light .traffic-drawer-section {
  border-color: rgba(13, 33, 63, .12);
  background: #ffffff;
}

html.dashboard-theme-light .dashboard-traffic-command {
  border-top-color: rgba(13, 33, 63, .10);
  background: rgba(0, 108, 240, .035);
}

html.dashboard-theme-light .dashboard-command-metric,
html.dashboard-theme-light .dashboard-command-list {
  border-color: rgba(13, 33, 63, .10);
  background: #ffffff;
}

html.dashboard-theme-light .dashboard-command-metric strong,
html.dashboard-theme-light .dashboard-command-list strong {
  color: #006cf0;
}

html.dashboard-theme-light .traffic-drawer-diagnostic {
  border-color: rgba(13, 33, 63, .12);
  background: #ffffff;
}

html.dashboard-theme-light .traffic-drawer-diagnostic-summary strong {
  color: #0d213f;
}

html.dashboard-theme-light .traffic-drawer-quality {
  border-color: rgba(36, 150, 89, .18);
  background:
    linear-gradient(145deg, rgba(36, 150, 89, .07), transparent 44%),
    #ffffff;
}

html.dashboard-theme-light .traffic-visitor-card {
  border-color: rgba(13, 33, 63, .10);
  background: rgba(0, 108, 240, .045);
}

html.dashboard-theme-light .traffic-visitor-tags b {
  background: rgba(36, 150, 89, .10);
  color: #1f8b52;
}

html.dashboard-theme-light .traffic-drawer-card strong {
  color: #0d213f;
}

html.dashboard-theme-light .traffic-drawer-card.is-emphasis {
  border-color: rgba(0, 108, 240, .22);
  background: rgba(0, 108, 240, .055);
}

html.dashboard-theme-light .traffic-drawer-card.is-emphasis strong {
  color: #006cf0;
}

html.dashboard-theme-light .traffic-drawer-list b {
  color: #213a58;
}

html.dashboard-theme-light .traffic-drawer-visitors div {
  background: rgba(0, 108, 240, .055);
}

html.dashboard-theme-light .traffic-drawer-list i {
  background: linear-gradient(90deg, #006cf0 var(--traffic-bar, 0%), rgba(13, 33, 63, .08) var(--traffic-bar, 0%));
}

html.dashboard-theme-light .import-source-status {
  border-color: rgba(0, 108, 240, .20);
  background: rgba(0, 108, 240, .055);
  color: #0d213f;
}

html.dashboard-theme-light .import-source-status[data-tone="working"] {
  color: #006cf0;
}

html.dashboard-theme-light .import-source-status[data-tone="success"] {
  border-color: rgba(0, 137, 78, .22);
  background: rgba(0, 137, 78, .07);
  color: #007346;
}

html.dashboard-theme-light .import-source-status[data-tone="error"] {
  border-color: rgba(216, 47, 28, .22);
  background: rgba(216, 47, 28, .07);
  color: #b82016;
}

html.dashboard-theme-light .domain-lookup-summary span,
html.dashboard-theme-light .domain-lookup-section {
  border-color: rgba(13, 33, 63, .12);
  background: rgba(255, 255, 255, .72);
}

html.dashboard-theme-light .domain-lookup-section span,
html.dashboard-theme-light .domain-lookup-section em {
  background: rgba(13, 33, 63, .06);
  color: #4d5d71;
}

html.dashboard-theme-light .domain-drawer-top .icon-button,
html.dashboard-theme-light .dashboard-import-header .icon-button {
  border: 1px solid rgba(13, 33, 63, .16);
  background: #ffffff;
  color: #006cf0;
  box-shadow: 0 8px 20px rgba(17, 43, 79, .10);
}

html.dashboard-theme-light .domain-drawer-top .icon-button:hover,
html.dashboard-theme-light .dashboard-import-header .icon-button:hover {
  border-color: rgba(0, 108, 240, .34);
  background: #eef3f8;
}

html.dashboard-theme-light .dashboard-modal-close {
  border-color: rgba(13, 33, 63, .16);
  background: #ffffff;
  color: #006cf0;
  box-shadow: 0 8px 20px rgba(17, 43, 79, .10);
}

html.dashboard-theme-light .dashboard-modal-close:hover,
html.dashboard-theme-light .dashboard-modal-close:focus-visible,
html.dashboard-theme-light .domain-drawer-top .dashboard-modal-close:hover,
html.dashboard-theme-light .domain-drawer-top .dashboard-modal-close:focus-visible,
html.dashboard-theme-light .dashboard-import-header .dashboard-modal-close:hover,
html.dashboard-theme-light .dashboard-import-header .dashboard-modal-close:focus-visible,
html.dashboard-theme-light .dashboard-nav-search .dashboard-modal-close:hover,
html.dashboard-theme-light .dashboard-nav-search .dashboard-modal-close:focus-visible {
  border-color: #ffd52c;
  background: #ffe16a;
  color: #070707;
  box-shadow: 0 0 0 4px rgba(255, 213, 46, .18), 0 10px 24px rgba(17, 43, 79, .14);
}

html.dashboard-theme-light .dashboard-nav-backdrop,
html.dashboard-theme-light .dashboard-registrar-backdrop,
html.dashboard-theme-light .dashboard-import-backdrop,
html.dashboard-theme-light .domain-drawer-backdrop,
html.dashboard-theme-light .dashboard-confirm-backdrop {
  background: rgba(13, 33, 63, .12);
  backdrop-filter: blur(1px);
}

html.dashboard-theme-light .dashboard-confirm-modal {
  border-color: rgba(216, 47, 28, .20);
  background: #ffffff;
  color: #0d213f;
  box-shadow: 0 24px 72px rgba(17, 43, 79, .18);
}

html.dashboard-theme-light .dashboard-confirm-copy,
html.dashboard-theme-light .domain-bulk-danger span,
html.dashboard-theme-light .import-overwrite-option em {
  color: #5d6d82;
}

html.dashboard-theme-light .domain-bulk-danger strong {
  color: #9f2618;
}

html.dashboard-theme-light .domain-delete-confirm-list {
  border-color: rgba(13, 33, 63, .12);
  background: #f5f8fc;
}

html.dashboard-theme-light .domain-delete-confirm-list span {
  background: rgba(216, 47, 28, .09);
  color: #9f2618;
}

html.dashboard-theme-light .dashboard-nav-modal {
  background: #f8fbff;
}

html.dashboard-theme-light .dashboard-registrar-modal {
  background:
    linear-gradient(135deg, rgba(0, 108, 240, .055), transparent 38%),
    #f8fbff;
}

html.dashboard-theme-light .dashboard-nav-search {
  border-color: rgba(13, 33, 63, .12);
}

html.dashboard-theme-light .dashboard-nav-search input {
  color: #0d213f;
}

html.dashboard-theme-light .dashboard-nav-search button {
  background: #e8eef6;
  color: #18304f;
}

html.dashboard-theme-light .dashboard-nav-item {
  border-color: rgba(13, 33, 63, .13);
  background: #ffffff;
  color: #0d213f;
}

html.dashboard-theme-light .dashboard-nav-item:hover {
  border-color: rgba(0, 108, 240, .36);
  background: #eef3f8;
}

html.dashboard-theme-light .dashboard-nav-icon {
  color: #ffffff;
}

html.dashboard-theme-light .registrar-sync-title,
html.dashboard-theme-light .registrar-sync-option strong,
html.dashboard-theme-light .registrar-sync-card strong {
  color: #0d213f;
}

html.dashboard-theme-light .registrar-sync-option {
  border-color: rgba(13, 33, 63, .13);
  background:
    linear-gradient(135deg, rgba(0, 108, 240, .045), transparent 42%),
    #ffffff;
}

html.dashboard-theme-light .registrar-sync-card {
  border-color: rgba(13, 33, 63, .13);
  background:
    linear-gradient(145deg, rgba(0, 108, 240, .04), rgba(255, 255, 255, .82)),
    #ffffff;
  color: #0d213f;
}

html.dashboard-theme-light .registrar-sync-card:hover,
html.dashboard-theme-light .registrar-sync-card:focus-visible,
html.dashboard-theme-light .registrar-sync-card.is-preferred {
  border-color: rgba(0, 108, 240, .36);
  background: #eef3f8;
}

html.dashboard-theme-light .registrar-sync-card b {
  border-color: rgba(0, 108, 240, .24);
  background: rgba(0, 108, 240, .075);
  color: #006cf0;
}

html.dashboard-theme-light .dashboard-filter-popover h3,
html.dashboard-theme-light .dashboard-filter-popover h4,
html.dashboard-theme-light .dashboard-filter-popover label,
html.dashboard-theme-light .dashboard-filter-popover strong {
  color: #0d213f;
}

html.dashboard-theme-light .dashboard-filter-header span,
html.dashboard-theme-light .dashboard-filter-active span,
html.dashboard-theme-light .dashboard-filter-note,
html.dashboard-theme-light .dashboard-filter-range label span,
html.dashboard-theme-light .dashboard-filter-field > span {
  color: #52657f;
}

html.dashboard-theme-light .dashboard-filter-card,
html.dashboard-theme-light .dashboard-filter-field,
html.dashboard-theme-light .dashboard-filter-active button {
  border-color: rgba(13, 33, 63, .10);
  background: rgba(0, 108, 240, .045);
}

html.dashboard-theme-light .dashboard-filter-tabs {
  border-right-color: rgba(13, 33, 63, .10);
}

html.dashboard-theme-light .dashboard-filter-tabs button {
  color: #52657f;
}

html.dashboard-theme-light .dashboard-filter-tabs button[aria-pressed="true"] {
  border-color: rgba(0, 108, 240, .18);
  background: rgba(0, 108, 240, .08);
  color: #006cf0;
}

html.dashboard-theme-light .dashboard-filter-range input,
html.dashboard-theme-light .dashboard-filter-field input,
html.dashboard-theme-light .dashboard-filter-field select {
  border-color: rgba(13, 33, 63, .14);
  background: #ffffff;
  color: #0d213f;
}

html.dashboard-theme-light .dashboard-filter-count {
  background: #ffd52c;
  color: #070707;
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .18);
}

html.dashboard-theme-light .drawer-tooltip-trigger {
  border-color: rgba(0, 108, 240, .42);
  background: #f7faff;
  color: #006cf0;
  box-shadow: 0 0 0 3px rgba(0, 108, 240, .06);
}

html.dashboard-theme-light .drawer-tooltip-trigger:hover,
html.dashboard-theme-light .drawer-tooltip-trigger:focus-visible {
  border-color: #006cf0;
  background: #006cf0;
  color: #ffffff;
  box-shadow: 0 0 0 4px rgba(0, 108, 240, .12);
}

html.dashboard-theme-light .live-traffic-tooltip {
  border-color: #006cf0;
  background: #ffffff;
  color: #0d213f;
  box-shadow: 0 18px 54px rgba(17, 43, 79, .18);
}

html.dashboard-theme-light .live-traffic-tooltip strong {
  color: #006cf0;
}

html.dashboard-theme-light .live-traffic-tooltip .live-traffic-empty,
html.dashboard-theme-light .live-traffic-tooltip .live-traffic-visitor span {
  color: #0d213f;
}

html.dashboard-theme-light .live-traffic-tooltip .live-traffic-visitor em {
  color: #617086;
}

html.dashboard-theme-light .live-traffic-tooltip.is-drawer-tooltip {
  border-color: rgba(0, 108, 240, .30);
  background:
    linear-gradient(145deg, #ffffff, #f4f8fc);
  box-shadow: 0 18px 50px rgba(17, 43, 79, .16);
}

html.dashboard-theme-light .live-traffic-tooltip.is-drawer-tooltip .live-traffic-empty {
  color: #34465f;
}

[hidden] {
  display: none !important;
}

@media (max-width: 980px) {
  main {
    width: min(100% - 24px, 1080px);
    padding: 34px 0;
  }

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

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

  .dashboard-traffic-command {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dashboard-command-list {
    grid-column: 1 / -1;
  }

  .dashboard-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-table-head {
    align-items: flex-start;
    display: grid;
    gap: 16px;
  }

  .dashboard-table-head .table-tools {
    justify-content: flex-start;
  }

  .dashboard-pagination {
    grid-template-columns: 1fr;
    justify-items: stretch;
    gap: 10px;
  }

  .dashboard-page-size,
  .dashboard-page-controls,
  .dashboard-page-jump {
    justify-self: stretch;
    justify-content: center;
  }

  body:has(.dashboard-page) main {
    width: min(100% - 24px, 900px);
  }

  .home-featured-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .home-si-thesis-section {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .home-theme-directory {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .home-hero,
  .home-seller-band,
  .sidebar-layout,
  .studio-header {
    display: grid;
    grid-template-columns: 1fr;
  }

  .elite-grid,
  .studio-card-grid {
    grid-template-columns: 1fr;
  }

  .home-band {
    padding: 18px;
  }

  html:has(.home-page),
body:has(.home-page) {
  background: #000;
}

  body:has(.home-page) main {
    width: min(100% - 20px, 720px);
  }

  body:has(.dashboard-page) main {
    width: min(100% - 18px, 720px);
    padding-top: 18px;
  }

  .dashboard-topbar,
  .dashboard-metrics .metric {
    min-height: 0;
  }

  .dashboard-traffic-command {
    grid-template-columns: 1fr 1fr;
    padding: 10px;
  }

  .domain-edit-drawer {
    width: min(100vw, 430px);
  }

  .domain-drawer-fields {
    grid-template-columns: 1fr;
  }

  .drawer-radio-grid {
    grid-template-columns: 1fr;
  }

  .drawer-mode-grid {
    grid-template-columns: 1fr;
  }

  .oscillation-mode-grid {
    grid-template-columns: 1fr;
  }

  .domain-drawer-actions {
    grid-template-columns: 1fr;
  }

  .home-page {
    min-height: 100svh;
    padding: 0;
    gap: 0;
  }

  .home-menu {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 10px;
    min-height: 64px;
    padding-block: 10px;
  }

  .home-brand {
    font-size: 20px;
  }

  .home-brand-gem {
    width: 27px;
    height: 27px;
  }

  .home-nav {
    grid-column: auto;
    order: 0;
    gap: 12px;
    overflow-x: auto;
    padding-bottom: 2px;
  }

  .home-nav a {
    font-size: 13px;
    white-space: nowrap;
  }

  .home-theme-toggle {
    justify-self: end;
    width: 58px;
    height: 32px;
  }

  .home-theme-toggle span {
    width: 22px;
    height: 22px;
  }

  html.home-day .home-theme-toggle span {
    transform: translateX(26px);
  }

  .home-page h1 {
    font-size: clamp(38px, 11vw, 50px);
  }

  .you-can-scroll {
    --font-size-min: 12;
    --font-size-max: 17;
  }

  .you-can-scroll::before {
    --size: 32px;
  }

  .you-can-scroll-content {
    --font-level: 4;
    padding: calc(50svh - .625lh) 16px calc(50svh - .625lh) 22px;
    line-height: 1.25;
  }

  .you-can-scroll-content h2,
  .you-can-scroll-content ul,
  .you-can-scroll-content li {
    line-height: 1.25;
  }

  html.home-day .home-page h1 {
    font-size: clamp(38px, 11vw, 50px);
  }

  .home-page .lede {
    margin-bottom: 16px;
    font-size: 18px;
  }

  .home-main {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .home-featured-section {
    gap: 18px;
    padding: 34px 0;
  }

  .home-featured-head {
    display: grid;
    align-items: start;
  }

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

  .home-featured-card {
    min-height: 152px;
  }

  .home-si-thesis-section {
    gap: 18px;
    padding: 30px 0;
  }

  .home-si-thesis-grid {
    grid-template-columns: 1fr;
    gap: 14px;
    padding-top: 0;
  }

  .home-si-thesis-grid div {
    min-height: 0;
  }

  .home-removable-section {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 28px 0;
  }

  .home-removable-grid {
    grid-template-columns: 1fr;
    gap: 12px;
    padding-top: 0;
  }

  .home-theme-directory {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-mega-footer {
    padding: 34px 10px;
  }

  .home-removable-grid div {
    min-height: 0;
  }

  .home-intent-panel {
    min-height: 0;
    padding: 14px;
  }

  .home-intent-panel h2 {
    margin-bottom: 12px;
    font-size: 30px;
  }

  .home-intent {
    grid-template-columns: 1fr;
    gap: 8px;
    margin-bottom: 14px;
  }

  .home-intent-card {
    min-height: 0;
    padding: 12px;
  }

  .home-intent-panel[data-cta-effect="scroll"] .home-intent-card {
    min-height: 96px;
  }

  .home-page .actions {
    gap: 8px;
  }

  .home-page .button {
    min-height: 42px;
    padding: 0 14px;
  }

  .home-page .button.primary {
    min-height: 52px;
    padding: 0 24px;
    font-size: 17px;
  }

  .home-footer {
    justify-content: space-between;
    gap: 12px;
    overflow-x: auto;
  }

  .studio-sidebar {
    position: static;
    min-height: 0;
  }

  .dock-stage {
    min-height: 440px;
    padding: 20px;
  }

  .mac-dock {
    max-width: calc(100vw - 24px);
    overflow-x: auto;
  }

  .topbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .section-head,
  .metric-grid,
  .form-grid,
  .filter-grid,
  .bulk-grid,
  .template-strip,
  .showcase-controls {
    display: grid;
    grid-template-columns: 1fr;
  }

  .showcase-frame {
    min-height: 620px;
    height: 70vh;
  }

  main {
    width: min(100% - 20px, 1080px);
    padding: 28px 0;
  }

  .panel {
    padding: 16px;
  }

  .dashboard-topbar,
.dashboard-table-panel {
  min-width: 0;
  overflow: hidden;
  padding: 0;
}

  .dashboard-topbar {
    padding: 0;
  }

  .dashboard-topbar h1 {
    font-size: 36px;
  }

  .dashboard-header-actions {
    width: 100%;
    justify-content: space-between;
  }

  .dashboard-nav-modal {
    width: min(100vw - 18px, 520px);
    border-radius: 18px;
  }

  .dashboard-registrar-modal {
    width: min(100vw - 18px, 520px);
  }

  .registrar-sync-title {
    font-size: 17px;
  }

  .registrar-sync-card {
    grid-template-columns: var(--nav-bg-size, 42px) minmax(0, 1fr);
  }

  .registrar-sync-card b {
    grid-column: 1 / -1;
    justify-self: stretch;
  }

  .dashboard-nav-search {
    min-height: 62px;
    padding: 0 12px;
  }

  .dashboard-nav-search input {
    font-size: 17px;
  }

  .dashboard-nav-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-table-head {
    padding: 16px;
  }

  .dashboard-table-head .table-tools,
  .table-search,
  .table-filter,
  .dashboard-filter-menu,
  .dashboard-filter-menu summary {
    width: 100%;
  }

  .table-tools {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
  }

  .table-search {
    grid-column: 1 / -1;
  }

  .dashboard-filter-popover {
    position: fixed;
    top: 76px;
    right: 18px;
    left: 18px;
    width: auto;
    max-height: calc(100dvh - 104px);
    overflow: auto;
    padding: 12px;
  }

  .dashboard-filter-layout {
    grid-template-columns: 1fr;
  }

  .dashboard-filter-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 0 0 10px;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
  }

  .dashboard-filter-tabs button {
    justify-content: center;
    min-height: 38px;
    padding: 0 8px;
    font-size: 12px;
  }

  .dashboard-filter-panels > section {
    grid-template-columns: 1fr;
  }

  .dashboard-filter-wide {
    grid-column: auto;
  }

  .dashboard-filter-header {
    align-items: flex-start;
  }

  .dashboard-filter-card,
  .dashboard-filter-field {
    padding: 10px;
  }

  .dashboard-filter-chips span {
    min-height: 32px;
  }

  .dashboard-verify-strip {
    grid-template-columns: 1fr;
    padding: 16px;
  }

  .dashboard-verify-strip code {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .dashboard-verify-actions {
    justify-content: stretch;
  }

  .dashboard-verify-actions .button {
    flex: 1 1 auto;
  }

  .column-menu,
  .table-import-button {
    width: 100%;
  }

  .table-import-button {
    margin-left: 0;
  }

  .table-scroll {
    max-height: none;
    width: 100%;
    max-width: 100%;
    min-height: 0;
    overflow-x: auto;
    overflow-y: auto;
    padding: 0 0 76px;
  }

  .dashboard-table {
    width: 100%;
  }

  .domain-table td[data-col="actions"] .button {
    justify-self: start;
  }

  h1 {
    font-size: clamp(38px, 12vw, 58px);
  }

  .button {
    min-height: 40px;
    padding: 0 13px;
  }

  .table-tools {
    width: 100%;
    justify-content: flex-start;
  }

  .row-actions {
    white-space: normal;
  }

  .column-menu > div {
    left: 0;
    right: auto;
  }

  .inline-edit {
    margin: -3px -6px;
    padding: 3px 6px;
  }
}

@media (max-width: 430px) {
  .home-featured-grid {
    grid-template-columns: 1fr;
  }

  .home-theme-directory {
    grid-template-columns: 1fr;
  }
}

.game-auth-page {
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: 24px;
  box-sizing: border-box;
  background: #050505;
  color: #fff;
}

.game-auth-card {
  width: min(390px, 100%);
  display: grid;
  gap: 14px;
  padding: 26px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 8px;
  background: rgba(16,18,22,.94);
  box-shadow: 0 24px 70px rgba(0,0,0,.42);
}

.game-auth-brand {
  display: grid;
  justify-items: start;
  gap: 3px;
  color: inherit;
  text-decoration: none;
  line-height: 1;
}

.game-auth-brand strong {
  font-size: 36px;
  font-weight: 950;
  letter-spacing: 0;
}

.game-auth-brand span {
  color: #ffd52e;
}

.game-auth-brand em {
  color: rgba(255,255,255,.58);
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .28em;
  text-transform: uppercase;
}

.game-auth-card h1 {
  margin: 8px 0 0;
  font-size: 24px;
  line-height: 1.05;
}

.game-auth-copy,
.game-auth-swap {
  margin: 0;
  color: rgba(255,255,255,.68);
  font-size: 14px;
  line-height: 1.4;
}

.game-auth-error {
  margin: 0;
  padding: 10px 12px;
  border-radius: 7px;
  background: rgba(255,77,77,.12);
  color: #ffb7b7;
  font-size: 13px;
  font-weight: 800;
}

.game-auth-card label {
  display: grid;
  gap: 7px;
  color: rgba(255,255,255,.72);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.game-auth-card input {
  min-height: 44px;
  box-sizing: border-box;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 7px;
  background: #0a0b0d;
  color: #fff;
  font: inherit;
  font-size: 15px;
  padding: 0 12px;
}

.game-auth-handle-field {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0 0 5px;
  border: 0;
}

.game-auth-handle-field legend {
  padding: 0 0 5px;
  color: rgba(255,255,255,.72);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.game-auth-handle-value {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.game-auth-handle-boxes {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 7px;
}

.game-auth-handle-boxes input {
  width: 100%;
  min-width: 0;
  padding: 0;
  text-align: center;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
}

.game-auth-handle-boxes input.is-invalid {
  border-color: rgba(255,112,112,.9);
  box-shadow: 0 0 0 2px rgba(255,112,112,.16);
}

.game-auth-card button {
  min-height: 46px;
  border: 0;
  border-radius: 7px;
  background: #ffd52e;
  color: #050505;
  cursor: pointer;
  font: inherit;
  font-weight: 950;
}

.game-auth-swap {
  justify-self: center;
  color: #ffd52e;
  font-weight: 850;
  text-decoration: none;
}

.game-profile-page {
  min-height: 100dvh;
  padding: 22px;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    radial-gradient(circle at 18% 18%, rgba(255,213,46,.16), transparent 28%),
    radial-gradient(circle at 82% 34%, rgba(94,231,255,.12), transparent 26%),
    radial-gradient(circle at 50% 92%, rgba(117,255,49,.10), transparent 28%),
    #050608;
  background-size: 42px 42px, 42px 42px, auto, auto, auto, auto;
  color: #fff;
}

.game-profile-nav,
.game-profile-hero,
.game-profile-badges,
.game-profile-metrics,
.game-profile-grid {
  width: min(1180px, 100%);
  margin-inline: auto;
}

.game-profile-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 28px;
}

.game-profile-brand,
.game-profile-nav nav {
  display: flex;
  align-items: center;
  gap: 10px;
}

.game-profile-brand {
  color: inherit;
  text-decoration: none;
  line-height: 1;
}

.game-profile-brand strong {
  font-size: 30px;
  font-weight: 950;
}

.game-profile-brand span {
  color: #ffd52e;
}

.game-profile-brand em {
  color: rgba(255,255,255,.58);
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .24em;
  text-transform: uppercase;
}

.game-profile-nav nav a {
  min-height: 36px;
  display: inline-grid;
  place-items: center;
  padding: 0 13px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 8px;
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.82);
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

.game-profile-nav nav a:hover,
.game-profile-nav nav a:focus-visible {
  border-color: rgba(255,213,46,.72);
  color: #fff;
  outline: none;
}

.game-profile-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
  gap: 18px;
  align-items: stretch;
}

.game-profile-id,
.game-profile-rating,
.game-profile-panel,
.game-profile-metrics > div {
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 8px;
  background: rgba(9, 12, 18, .76);
  box-shadow: 0 24px 80px rgba(0,0,0,.34);
  backdrop-filter: blur(14px);
}

.game-profile-id {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
  padding: clamp(20px, 4vw, 38px);
}

.game-profile-avatar {
  width: clamp(76px, 10vw, 122px);
  aspect-ratio: 1;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid rgba(255,213,46,.42);
  border-radius: 8px;
  background:
    radial-gradient(circle at 35% 25%, rgba(255,255,255,.28), transparent 26%),
    linear-gradient(135deg, #ffd52e, #75ff31 58%, #5ee7ff);
  color: #050505;
  font-size: clamp(28px, 5vw, 52px);
  font-weight: 950;
}

.game-profile-kicker {
  margin: 0 0 9px;
  color: #ffd52e;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.game-profile-id h1 {
  margin: 0;
  font-size: clamp(44px, 9vw, 112px);
  line-height: .88;
  overflow-wrap: anywhere;
}

.game-profile-subline {
  margin: 14px 0 0;
  color: rgba(255,255,255,.64);
  font-size: 14px;
  font-weight: 800;
}

.game-profile-subline span {
  display: inline-grid;
  place-items: center;
  min-height: 28px;
  margin-right: 9px;
  padding: 0 9px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 7px;
  background: rgba(255,255,255,.06);
  color: #fff;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13px;
  letter-spacing: .06em;
}

.game-profile-rating {
  display: grid;
  align-content: center;
  gap: 8px;
  padding: 24px;
}

.game-profile-rating span,
.game-profile-metrics span {
  color: rgba(255,255,255,.56);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.game-profile-rating strong {
  color: #75ff31;
  font-size: clamp(42px, 6vw, 76px);
  line-height: .9;
}

.game-profile-rating em,
.game-profile-muted,
.game-profile-empty span,
.game-profile-score-row span,
.game-profile-score-row em,
.game-profile-timeline span {
  color: rgba(255,255,255,.58);
  font-style: normal;
  font-weight: 750;
}

.game-profile-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.game-profile-badge {
  display: inline-grid;
  min-height: 30px;
  place-items: center;
  padding: 0 10px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(255,255,255,.07);
  color: rgba(255,255,255,.78);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
}

.game-profile-badge.is-gold { border-color: rgba(255,213,46,.42); color: #ffe87a; }
.game-profile-badge.is-green { border-color: rgba(117,255,49,.34); color: #a7ff8f; }
.game-profile-badge.is-blue { border-color: rgba(94,231,255,.34); color: #9decff; }
.game-profile-badge.is-violet { border-color: rgba(188,115,255,.38); color: #d9b5ff; }

.game-profile-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.game-profile-metrics > div {
  padding: 18px;
}

.game-profile-metrics strong {
  display: block;
  margin-top: 8px;
  font-size: 34px;
  line-height: 1;
}

.game-profile-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(280px, .8fr);
  gap: 18px;
  margin-top: 18px;
}

.game-profile-panel {
  padding: 22px;
}

.game-profile-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

.game-profile-panel h2 {
  margin: 0;
  font-size: 24px;
  line-height: 1.05;
}

.game-profile-score-list,
.game-profile-timeline {
  display: grid;
  gap: 10px;
}

.game-profile-score-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 14px;
  align-items: center;
  min-height: 72px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 8px;
  background: rgba(255,255,255,.045);
}

.game-profile-score-row strong {
  display: block;
  font-size: 18px;
}

.game-profile-score-row b {
  display: block;
  color: #75ff31;
  font-size: 17px;
  line-height: 1;
  text-align: right;
}

.game-profile-score-row em {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  text-align: right;
}

.game-profile-timeline article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max-content;
  gap: 4px 12px;
  padding: 0 0 12px;
  border-bottom: 1px solid rgba(255,255,255,.10);
}

.game-profile-timeline article:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.game-profile-timeline span {
  grid-column: 1 / -1;
  font-size: 12px;
}

.game-profile-timeline strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.game-profile-timeline em {
  color: #ffd52e;
  font-style: normal;
  font-weight: 950;
}

.game-profile-empty {
  display: grid;
  gap: 10px;
  padding: 18px;
  border: 1px dashed rgba(255,255,255,.18);
  border-radius: 8px;
  background: rgba(255,255,255,.04);
}

.game-profile-empty a {
  justify-self: start;
  min-height: 38px;
  display: inline-grid;
  place-items: center;
  padding: 0 13px;
  border-radius: 7px;
  background: #ffd52e;
  color: #050505;
  font-size: 13px;
  font-weight: 950;
  text-decoration: none;
}

@media (max-width: 780px) {
  .dashboard-grid,
  .intake-rail,
  .import-template-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-import-modal {
    width: calc(100vw - 20px);
    max-height: calc(100vh - 20px);
  }

  .dashboard-import-header,
  .dashboard-import-stage {
    padding: 16px;
  }

  .dashboard-import-header h2 {
    font-size: 22px;
  }

  .import-choice-card {
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 12px;
    padding: 13px;
  }

  .dashboard-import-stage textarea,
  .import-token-box {
    min-height: 150px;
  }

  .domain-lookup-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .game-profile-page {
    padding: 14px;
  }

  .game-profile-nav,
  .game-profile-hero,
  .game-profile-grid {
    grid-template-columns: 1fr;
  }

  .game-profile-nav {
    align-items: flex-start;
  }

  .game-profile-id {
    align-items: flex-start;
    flex-direction: column;
  }

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

@media (max-width: 460px) {
  .game-profile-nav {
    display: grid;
  }

  .game-profile-nav nav {
    width: 100%;
  }

  .game-profile-nav nav a {
    flex: 1;
  }

  .game-profile-metrics {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .game-profile-score-row {
    grid-template-columns: 1fr;
  }

  .game-profile-score-row b,
  .game-profile-score-row em {
    text-align: left;
  }
}

body:has(.benchmark-page) main {
  width: min(1480px, calc(100% - 32px));
  padding: 24px 0 48px;
}

.benchmark-page {
  display: grid;
  gap: 18px;
  color: var(--text);
}

.gems-page {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 18px;
  color: var(--text);
}

.benchmark-topbar,
.benchmark-command,
.benchmark-panel,
.benchmark-raw {
  border: 1px solid rgba(255, 255, 255, .09);
  background: linear-gradient(145deg, rgba(29, 31, 35, .96), rgba(13, 15, 18, .98));
  box-shadow: 0 18px 60px rgba(0, 0, 0, .28);
}

.benchmark-topbar {
  min-height: 70px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 18px;
}

.benchmark-brand {
  color: #fff;
  font-size: 25px;
  font-weight: 950;
  text-decoration: none;
  letter-spacing: 0;
}

.benchmark-brand span {
  color: var(--yellow);
}

.benchmark-tabs {
  display: inline-flex;
  gap: 8px;
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 8px;
  background: rgba(0, 0, 0, .26);
}

.benchmark-tabs a {
  min-height: 34px;
  padding: 0 13px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  color: var(--muted);
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
}

.benchmark-tabs a[aria-current="page"] {
  background: var(--yellow);
  color: #070707;
}

.benchmark-command {
  min-height: 196px;
  border-radius: 8px;
  display: grid;
  grid-template-columns: minmax(280px, .8fr) minmax(440px, 1.2fr);
  gap: 22px;
  align-items: end;
  padding: 28px;
}

.benchmark-command-copy {
  display: grid;
  gap: 8px;
}

.benchmark-kicker,
.benchmark-panel-head p {
  margin: 0;
  color: var(--yellow);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.benchmark-command h1 {
  margin: 0;
  font-size: clamp(40px, 6vw, 74px);
  line-height: .9;
  letter-spacing: 0;
}

.benchmark-command-copy p:last-child {
  max-width: 520px;
  margin: 0;
  color: #b8bcc5;
  font-size: 17px;
  font-weight: 750;
  line-height: 1.35;
}

.benchmark-search {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 128px 128px 158px;
  gap: 10px;
  align-items: end;
}

.benchmark-search label {
  display: grid;
  gap: 7px;
}

.benchmark-search label span {
  color: #aeb2bc;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.benchmark-search input,
.benchmark-search select {
  width: 100%;
  min-height: 48px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  background: rgba(5, 6, 8, .86);
  color: var(--yellow);
  font: inherit;
  font-size: 17px;
  font-weight: 900;
  padding: 0 14px;
  outline: none;
}

.benchmark-search input:focus,
.benchmark-search select:focus {
  border-color: rgba(255, 213, 46, .72);
  box-shadow: 0 0 0 4px rgba(255, 213, 46, .08);
}

.benchmark-run-button {
  min-height: 48px;
  color: #080808;
  font-weight: 950;
}

.benchmark-status {
  border: 1px solid rgba(255, 213, 46, .32);
  border-radius: 8px;
  background: rgba(255, 213, 46, .08);
  color: var(--yellow);
  padding: 13px 16px;
  font-size: 13px;
  font-weight: 900;
}

.benchmark-status[data-state="error"] {
  border-color: rgba(255, 112, 112, .5);
  background: rgba(255, 112, 112, .1);
  color: #ff8a8a;
}

.benchmark-status[data-state="ok"] {
  border-color: rgba(112, 217, 130, .44);
  background: rgba(112, 217, 130, .09);
  color: #8ff0a0;
}

.benchmark-score-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.benchmark-score-card {
  min-height: 116px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background:
    linear-gradient(90deg, rgba(255, 213, 46, .26) calc(var(--score, 0) * 1%), transparent 0),
    linear-gradient(145deg, rgba(32, 35, 40, .98), rgba(16, 18, 22, .98));
}

.benchmark-score-card span {
  color: #b9bdc6;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.benchmark-score-card strong {
  color: var(--yellow);
  font-size: 42px;
  font-weight: 950;
  line-height: 1;
}

.benchmark-layout {
  display: grid;
  grid-template-columns: minmax(360px, .8fr) minmax(520px, 1.2fr);
  gap: 18px;
}

.benchmark-panel,
.benchmark-raw {
  border-radius: 8px;
  padding: 18px;
}

.benchmark-panel-head {
  min-height: 34px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.benchmark-panel-head strong {
  color: #fff;
  font-size: 17px;
  font-weight: 950;
  text-align: right;
}

.benchmark-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.benchmark-facts div {
  min-height: 72px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 8px;
  padding: 12px;
  display: grid;
  align-content: space-between;
  background: rgba(255, 255, 255, .035);
}

.benchmark-facts span,
.benchmark-variant dt,
.benchmark-result span {
  color: #a9aeb8;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.benchmark-facts strong {
  color: var(--yellow);
  font-size: 20px;
  font-weight: 950;
  overflow-wrap: anywhere;
}

.benchmark-domain-list {
  margin-top: 14px;
  display: grid;
  gap: 8px;
}

.benchmark-domain-list a {
  min-height: 38px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 8px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: rgba(0, 0, 0, .22);
  color: #e7e8e9;
  text-decoration: none;
}

.benchmark-domain-list strong {
  color: var(--yellow);
}

.benchmark-variants {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.benchmark-variant {
  min-height: 142px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-left: 3px solid rgba(255, 112, 112, .75);
  border-radius: 8px;
  padding: 12px;
  display: grid;
  gap: 11px;
  background: rgba(255, 255, 255, .035);
}

.benchmark-variant.is-ok {
  border-left-color: rgba(112, 217, 130, .86);
}

.benchmark-variant strong {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 950;
  overflow-wrap: anywhere;
}

.benchmark-variant span {
  display: block;
  color: #989da7;
  font-size: 12px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.benchmark-variant dl {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.benchmark-variant dl div {
  display: grid;
  gap: 3px;
}

.benchmark-variant dd {
  margin: 0;
  color: var(--yellow);
  font-size: 17px;
  font-weight: 950;
}

.benchmark-variant p,
.benchmark-empty {
  margin: 0;
  color: #ff8a8a;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.35;
}

.benchmark-results {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.benchmark-result {
  min-height: 132px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 8px;
  padding: 13px;
  display: grid;
  gap: 7px;
  align-content: start;
  background: rgba(0, 0, 0, .2);
}

.benchmark-result a {
  color: #fff;
  font-size: 16px;
  font-weight: 950;
  line-height: 1.2;
  text-decoration: none;
}

.benchmark-result p {
  margin: 0;
  color: #aeb3bd;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
}

.benchmark-raw {
  background: #08090b;
}

.benchmark-raw summary {
  cursor: pointer;
  color: var(--yellow);
  font-weight: 950;
}

.benchmark-raw pre {
  max-height: 440px;
  overflow: auto;
  color: #c8ccd4;
  font-size: 12px;
  line-height: 1.45;
  white-space: pre-wrap;
}

.benchmark-page.is-busy .benchmark-run-button {
  opacity: .68;
}

.gems-command {
  grid-template-columns: minmax(0, 1fr);
  margin: 0;
  padding: 14px;
  background: rgba(255, 255, 255, .025);
  overflow: visible;
}

.gems-run-form {
  display: grid;
  grid-template-columns: minmax(420px, 1fr) 120px 112px auto auto auto;
  gap: 12px;
  align-items: end;
  min-width: 0;
}

.gems-run-form label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.gems-run-form input {
  width: 100%;
  height: 44px;
  min-height: 44px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 8px;
  background: rgba(0, 0, 0, .28);
  color: var(--text);
  padding: 0 12px;
  font: inherit;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.2;
  outline: none;
}

.gems-run-form input:focus {
  border-color: rgba(255, 213, 46, .68);
  box-shadow: 0 0 0 4px rgba(255, 213, 46, .08);
}

.gems-file-picker {
  min-height: 44px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 44px;
  gap: 8px;
  align-items: stretch;
}

.gems-file-selects {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(var(--gems-file-count, 2), minmax(0, 1fr));
  gap: 8px;
}

.gems-file-slot {
  position: relative;
  min-width: 0;
}

.gems-file-slot select {
  width: 100%;
  height: 44px;
  min-height: 44px;
  padding: 0 40px 0 12px;
  border: 1px solid rgba(255, 213, 46, .34);
  border-radius: 8px;
  background: #05070a;
  color: var(--yellow);
  font: inherit;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.2;
  appearance: none;
  outline: none;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px rgba(255, 213, 46, .04);
}

.gems-file-slot::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 16px;
  width: 7px;
  height: 7px;
  border-right: 2px solid var(--yellow);
  border-bottom: 2px solid var(--yellow);
  pointer-events: none;
  transform: rotate(45deg);
  opacity: .9;
}

.gems-file-slot:has(.gems-file-remove)::after {
  right: 54px;
}

.gems-file-slot select:focus,
.gems-file-slot select:focus-visible {
  border-color: rgba(255, 213, 46, .72);
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .12), inset 0 0 0 1px rgba(255, 213, 46, .08);
}

.gems-file-remove,
.gems-file-add-button {
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  font: inherit;
  font-size: 22px;
  font-weight: 650;
  line-height: 1;
}

.gems-file-remove {
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 1;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border: 0;
  background: linear-gradient(90deg, rgba(5, 7, 10, 0), #05070a 34%);
  color: rgba(255, 213, 46, .78);
  cursor: pointer;
}

.gems-file-remove:hover,
.gems-file-remove:focus-visible {
  color: var(--yellow);
  outline: none;
}

.gems-file-add-button {
  padding: 0;
  border-color: rgba(255, 213, 46, .28);
  background: #05070a;
  color: var(--yellow);
}

.gems-file-add-button:hover,
.gems-file-add-button:focus-visible {
  border-color: rgba(255, 213, 46, .68);
  background: rgba(255, 213, 46, .10);
  color: var(--yellow);
}

.gems-file-add-button:disabled,
.gems-file-add-button[aria-disabled="true"] {
  opacity: .38;
  cursor: not-allowed;
}

.gems-run-button,
.gems-terminal-button,
.gems-files-button {
  height: 44px;
  min-height: 44px;
  box-sizing: border-box;
  align-self: end;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.gems-run-button.gems-stop-button {
  border-color: rgba(255, 99, 99, .48);
  background: rgba(255, 99, 99, .14);
  color: #ffd7d7;
}

.gems-status {
  margin: 14px 14px 0;
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .05);
  color: var(--muted);
  font-size: 13px;
  line-height: 1.35;
}

.gems-status[data-state="error"] {
  border-color: rgba(255, 99, 99, .45);
  color: #ffd3d3;
}

.gems-status[data-state="ok"] {
  border-color: rgba(124, 220, 160, .38);
  color: #d8ffe5;
}

.gems-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 14px;
  border-bottom: 1px solid var(--line);
}

.gems-metric-card {
  min-height: 82px;
  display: grid;
  align-content: center;
  gap: 7px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, .035);
}

.gems-metric-card span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.gems-metric-card strong {
  color: var(--text);
  font-size: clamp(16px, 2vw, 16px);
  font-weight: 600;
  line-height: 1;
  overflow-wrap: anywhere;
}

.gems-metric-card strong[data-gems-metric="progress"],
.gems-metric-card strong[data-gems-metric="eta"],
.gems-metric-card strong[data-gems-metric="new"] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.25;
}

.gems-metric-card strong .status-pill {
  width: fit-content;
}

.gems-page .status-pill {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: rgba(53, 208, 127, .07) !important;
  color: #dffbea;
  font-size: 13px;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
}

.gems-page .status-pill.scheduled {
  background: rgba(76, 159, 255, .12) !important;
  color: #b9dcff;
}

.gems-panel {
  border-radius: 8px;
  display: grid !important;
  grid-template-rows: auto auto auto auto minmax(0, 1fr) !important;
  align-content: stretch;
  min-height: 0;
  overflow: hidden;
}

.gems-panel .dashboard-table-head {
  grid-row: auto !important;
  display: flex;
  align-items: center;
  gap: 14px;
}

.gems-panel .table-scroll {
  grid-row: auto !important;
  padding-bottom: 0 !important;
}

.gems-table-title-row {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.gems-table-title-row h2 {
  white-space: nowrap;
}

.gems-panel .table-tools {
  width: auto;
  min-width: 0;
  flex: 1 1 auto;
}

.gems-view-menu .dashboard-filter-popover {
  width: min(300px, calc(100vw - 48px));
}

.gems-view-menu .dashboard-filter-chips {
  gap: 8px;
}

.gems-table.dashboard-table {
  min-width: 1320px;
}

.gems-table.dashboard-table [data-col="select"] {
  width: 62px;
}

.gems-table.dashboard-table [data-col="domain"] {
  width: 330px;
}

.gems-table.dashboard-table [data-col="status"] {
  width: 150px;
}

.gems-table.dashboard-table [data-col="traffic_live"],
.gems-table.dashboard-table [data-col="traffic_yesterday"],
.gems-table.dashboard-table [data-col="traffic_all_time"] {
  width: 180px;
}

.gems-table.dashboard-table [data-col="listed"] {
  width: 180px;
}

.gems-table.dashboard-table [data-col="actions"] {
  width: 100px;
}

.gems-row-sub {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.25;
}

.gems-loading-cell {
  padding: 22px;
  text-align: center;
  color: var(--muted);
}

.gems-drawer-body {
  overflow: auto;
}

.gems-drawer .domain-drawer-top {
  position: relative;
  padding-right: 72px;
}

.gems-drawer .domain-drawer-top .dashboard-modal-close {
  position: absolute;
  top: 14px;
  right: 52px;
  z-index: 2;
}

.gems-drawer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 14px;
}

.gems-drawer-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.gems-drawer-grid div {
  display: grid;
  gap: 4px;
  padding: 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, .055);
  border: 1px solid rgba(255, 255, 255, .09);
}

.gems-drawer-grid span,
.gems-new-list h3 {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.gems-drawer-grid strong {
  color: var(--text);
  font-size: 14px;
  font-weight: 650;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.gems-new-list {
  margin-top: 18px;
}

.gems-new-list div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.gems-new-list a {
  padding: 7px 9px;
  border-radius: 8px;
  background: rgba(255, 213, 44, .12);
  color: #ffe88a;
  text-decoration: none;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.2;
}

.gems-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--gems-pill-gap, 7px);
  min-height: var(--gems-pill-height, 30px);
  padding: 0 var(--gems-pill-padding-x, 10px);
  border: 1px solid var(--gems-pill-border, rgba(255, 213, 47, .25));
  border-radius: var(--gems-pill-radius, 999px);
  background: var(--gems-pill-bg, #05070a);
  color: var(--gems-pill-color, #ffd52f);
  font-size: var(--gems-pill-font-size, 13px);
  font-weight: var(--gems-pill-font-weight, 750);
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  transition: border-color .15s ease, color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.gems-pill:is(a):hover,
.gems-pill:is(a):focus-visible {
  border-color: var(--gems-pill-hover-border, var(--yellow));
  color: var(--gems-pill-color, var(--yellow));
  box-shadow: 0 0 0 1px rgba(255, 213, 46, .16);
  outline: 0;
}

.gems-page .status-pill.gems-task-pill {
  display: inline-flex;
  width: fit-content;
  max-width: min(100%, 180px);
  min-height: 30px;
  padding: 0 10px;
  gap: var(--gems-pill-gap, 7px);
  border-color: var(--gems-pill-border, rgba(255, 213, 47, .25));
  background: var(--gems-pill-bg, #05070a) !important;
  color: var(--gems-pill-color, #ffd52f) !important;
  font-size: 13px;
  font-weight: 850;
}

.gems-page .status-pill.gems-task-pill > span:not(.gems-pill-icon) {
  overflow: hidden;
  text-overflow: ellipsis;
}

.gems-pill-icon {
  flex: 0 0 auto;
  width: var(--gems-pill-icon-size, 13px);
  height: var(--gems-pill-icon-size, 13px);
  color: var(--gems-pill-icon-color, currentColor);
  transform: translate(var(--gems-pill-icon-x, 0), var(--gems-pill-icon-y, 0));
}

.gems-pill-icon-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: var(--gems-pill-icon-size, 13px);
  font-size: var(--gems-pill-icon-size, 13px);
  font-weight: inherit;
  line-height: 1;
}

.gems-pill-icon-svg {
  fill: currentColor;
}

.gems-pill-icon-mask {
  background: currentColor;
  -webkit-mask: var(--gems-pill-icon-url) center / contain no-repeat;
  mask: var(--gems-pill-icon-url) center / contain no-repeat;
}

.gems-new-list a.gems-pill,
.gems-new-list .gems-pill {
  padding: 0 var(--gems-pill-padding-x, 10px);
  border-radius: var(--gems-pill-radius, 999px);
  background: var(--gems-pill-bg, #05070a);
  color: var(--gems-pill-color, #ffd52f);
  font-size: var(--gems-pill-font-size, 13px);
  font-weight: var(--gems-pill-font-weight, 750);
  line-height: 1;
}

html.dashboard-theme-light .gems-command,
html.dashboard-theme-light .gems-metrics {
  border-color: rgba(13, 33, 63, .12);
  background: rgba(255, 255, 255, .58);
}

html.dashboard-theme-light .gems-run-form input {
  border-color: rgba(13, 33, 63, .14);
  background: #ffffff;
  color: #0d213f;
}

html.dashboard-theme-light .gems-file-slot select,
html.dashboard-theme-light .gems-file-add-button,
html.dashboard-theme-light .gems-extension-trigger {
  border-color: rgba(13, 33, 63, .18);
  background: #07111f;
  color: var(--yellow);
}

html.dashboard-theme-light .gems-extension-popover {
  border-color: rgba(13, 33, 63, .16);
  background: #07111f;
}

html.dashboard-theme-light .gems-extension-options span {
  border-color: rgba(255, 255, 255, .10);
  background: rgba(255, 255, 255, .06);
  color: #edf4ff;
}

html.dashboard-theme-light .gems-file-remove {
  background: linear-gradient(90deg, rgba(7, 17, 31, 0), #07111f 34%);
  color: rgba(255, 213, 46, .82);
}

html.dashboard-theme-light .gems-run-form input:focus,
html.dashboard-theme-light .gems-run-form input:focus-visible {
  border-color: rgba(0, 108, 240, .52);
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .26);
  outline: none;
}

html.dashboard-theme-light .gems-metric-card {
  border-color: rgba(13, 33, 63, .12);
  background: rgba(255, 255, 255, .74);
}

html.dashboard-theme-light .gems-status {
  border-color: rgba(13, 33, 63, .12);
  background: rgba(255, 255, 255, .72);
  color: #617086;
}

html.dashboard-theme-light .gems-run-button.gems-stop-button {
  border-color: rgba(201, 69, 69, .38);
  background: rgba(201, 69, 69, .10);
  color: #9d3030;
}

html.dashboard-theme-light .gems-page .status-pill.scheduled {
  background: rgba(0, 108, 240, .12) !important;
  color: #064f9f;
}

.gems-danger-button {
  border-color: rgba(255, 99, 99, .28) !important;
  color: #ffd7d7 !important;
}

.gems-danger-button:hover,
.gems-danger-button:focus-visible {
  border-color: rgba(255, 99, 99, .62) !important;
  background: rgba(255, 99, 99, .14) !important;
}

.gems-page .button.ghost:not(.gems-danger-button):hover,
.gems-page .button.ghost:not(.gems-danger-button):focus-visible {
  border-color: rgba(255, 213, 46, .68);
  background: rgba(255, 213, 46, .10);
  color: var(--text);
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .10);
  outline: none;
}

.gems-page .button:disabled,
.gems-page .button[aria-disabled="true"] {
  opacity: .42;
  cursor: not-allowed;
  transform: none;
}

.gems-modal-backdrop {
  z-index: 80;
}

.gems-terminal-modal {
  width: min(1100px, calc(100vw - 32px));
  max-height: min(760px, calc(100vh - 40px));
}

.gems-terminal-header {
  padding-right: 70px;
}

.gems-terminal-header > .dashboard-modal-close {
  position: absolute;
  top: 14px;
  right: 14px;
}

.gems-terminal-output {
  min-height: 360px;
  height: min(560px, calc(100vh - 190px));
  overflow: auto;
  margin: 0;
  padding: 14px;
  border-radius: 0;
  background: #05070a;
  color: #d7f7d5;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, .1);
  font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  white-space: pre-wrap;
}

.gems-file-modal {
  width: min(1180px, calc(100vw - 32px));
  max-height: min(820px, calc(100vh - 40px));
  border-radius: 18px;
  background: #15171b;
}

.gems-schedule-modal {
  width: min(1120px, calc(100vw - 32px));
  max-height: min(820px, calc(100vh - 40px));
  border-radius: 18px;
  background: #15171b;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .58);
  overflow: visible;
}

.gems-file-manager,
.gems-schedule-manager {
  min-height: min(600px, calc(100vh - 180px));
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  border-top: 1px solid rgba(255, 255, 255, .1);
  overflow: hidden;
}

.gems-schedule-manager {
  overflow: visible;
}

.gems-file-list,
.gems-task-list {
  overflow: auto;
  padding: 10px;
  border-right: 1px solid rgba(255, 255, 255, .1);
  background: rgba(0, 0, 0, .18);
}

.gems-file-list button,
.gems-task-list button {
  width: 100%;
  min-height: 54px;
  display: grid;
  gap: 5px;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: var(--text);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.gems-file-list button:hover,
.gems-file-list button:focus-visible,
.gems-file-list button.is-active,
.gems-task-list button:hover,
.gems-task-list button:focus-visible,
.gems-task-list button.is-active {
  border-color: rgba(255, 213, 46, .34);
  background: rgba(255, 213, 46, .08);
  outline: none;
}

.gems-file-list strong,
.gems-task-list strong {
  overflow: hidden;
  color: var(--yellow);
  font-size: 13px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gems-file-list span,
.gems-task-list span,
.gems-file-editor-meta {
  color: var(--muted);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.35;
}

.gems-file-editor,
.gems-task-editor {
  min-width: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  gap: 12px;
  padding: 14px;
  overflow: hidden;
}

.gems-task-editor {
  grid-template-rows: auto auto auto auto auto;
  overflow: visible;
}

.gems-file-editor label,
.gems-task-editor label {
  display: grid;
  gap: 6px;
}

.gems-file-editor label span,
.gems-task-editor label span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.gems-task-editor .drawer-label-with-tooltip,
.gems-modal-title-with-help {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.gems-modal-title-with-help {
  margin: 2px 0 0;
}

.gems-file-editor input,
.gems-file-editor textarea,
.gems-task-editor input {
  width: 100%;
  min-width: 0;
  border: 1px solid rgba(255, 213, 46, .24);
  border-radius: 8px;
  background: #05070a;
  color: var(--text);
  font: inherit;
  font-size: 13px;
  line-height: 1.35;
  outline: none;
}

.gems-file-editor input {
  height: 42px;
  padding: 0 12px;
  color: var(--yellow);
  font-weight: 750;
}

.gems-task-editor input {
  height: 42px;
  padding: 0 12px;
  color: var(--text);
  font-weight: 650;
}

.gems-task-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.gems-extension-picker {
  position: relative;
  min-width: 0;
}

.gems-extension-trigger {
  position: relative;
  width: 100%;
  height: 42px;
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 38px 0 12px;
  border: 1px solid rgba(255, 213, 46, .24);
  border-radius: 8px;
  background: #05070a;
  color: var(--yellow);
  font: inherit;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.2;
  text-align: left;
  cursor: pointer;
  outline: none;
}

.gems-extension-trigger::after {
  content: "";
  position: absolute;
  right: 18px;
  top: 15px;
  width: 7px;
  height: 7px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  opacity: .9;
}

.gems-extension-trigger:hover,
.gems-extension-trigger:focus-visible,
.gems-extension-trigger[aria-expanded="true"] {
  border-color: rgba(255, 213, 46, .72);
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .12), inset 0 0 0 1px rgba(255, 213, 46, .08);
}

.gems-extension-popover {
  box-sizing: border-box;
  position: absolute;
  z-index: 95;
  top: calc(100% + 10px);
  left: 0;
  width: min(520px, calc(100vw - 72px));
  max-height: min(380px, 58vh);
  overflow-x: hidden;
  overflow-y: auto;
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(255, 213, 46, .26);
  border-radius: 12px;
  background: #05070a;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .48);
}

.gems-schedule-modal .gems-extension-popover {
  position: fixed;
  z-index: 130;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  width: min(720px, calc(100vw - 96px));
  max-height: min(620px, calc(100vh - 148px));
  transform: translate(-50%, -50%);
  scrollbar-color: rgba(255, 213, 46, .68) rgba(255, 255, 255, .08);
}

.gems-extension-popover[hidden] {
  display: none;
}

.gems-extension-popover-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.gems-extension-popover-head strong {
  color: var(--text);
  font-size: 14px;
  font-weight: 900;
}

.gems-extension-popover-head span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  letter-spacing: 0;
  text-transform: none;
}

.gems-extension-options {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
  gap: 8px;
  overflow: visible;
}

.gems-extension-options label {
  display: block;
  min-width: 0;
}

.gems-extension-options input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.gems-extension-options span {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 11px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 999px;
  background: rgba(255, 255, 255, .055);
  color: #d9dde5;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
}

.gems-extension-options label:hover span,
.gems-extension-options input:focus-visible + span {
  border-color: rgba(255, 213, 46, .52);
  color: #fff;
}

.gems-extension-options input:checked + span {
  border-color: rgba(255, 213, 46, .64);
  background: rgba(255, 213, 46, .14);
  color: var(--yellow);
}

.gems-file-editor textarea {
  height: 100%;
  min-height: 360px;
  padding: 12px;
  resize: none;
}

.gems-file-editor input:focus,
.gems-file-editor textarea:focus,
.gems-task-editor input:focus {
  border-color: rgba(255, 213, 46, .72);
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .12);
}

.gems-file-editor textarea[readonly] {
  color: var(--muted);
}

.gems-file-editor footer,
.gems-task-editor footer,
.gems-confirm-body footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.gems-task-editor footer .button,
.gems-confirm-body footer .button {
  min-height: 42px;
  padding: 0 14px;
  border-radius: 8px;
}

.gems-confirm-modal {
  width: min(560px, calc(100vw - 32px));
  border-radius: 18px;
  background: #15171b;
}

.gems-confirm-body {
  display: grid;
  gap: 18px;
  padding: 22px 24px 24px;
}

.gems-confirm-body p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.45;
}

@media (max-width: 1050px) {
  .benchmark-command,
  .benchmark-layout {
    grid-template-columns: 1fr;
  }

  .benchmark-search {
    grid-template-columns: minmax(220px, 1fr) 120px 120px;
  }

  .benchmark-run-button {
    grid-column: 1 / -1;
  }

  .benchmark-score-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .gems-run-form {
    grid-template-columns: minmax(220px, 1fr) 110px 110px auto auto auto;
  }

  .gems-command {
    grid-template-columns: 1fr;
  }

  .gems-run-button,
  .gems-terminal-button,
  .gems-files-button {
    grid-column: span 1;
  }

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

@media (max-width: 720px) {
  body:has(.benchmark-page) main {
    width: min(100% - 18px, 1480px);
    padding-top: 10px;
  }

  .benchmark-topbar,
  .benchmark-command {
    align-items: stretch;
    grid-template-columns: 1fr;
  }

  .benchmark-topbar {
    flex-direction: column;
  }

  .benchmark-tabs,
  .benchmark-tabs a {
    width: 100%;
  }

  .benchmark-tabs a {
    justify-content: center;
  }

  .benchmark-search,
  .benchmark-score-grid,
  .benchmark-facts,
  .benchmark-variants,
  .benchmark-results,
  .gems-command,
  .gems-run-form,
  .gems-metrics,
  .gems-file-manager,
  .gems-schedule-manager,
  .gems-task-grid,
  .gems-drawer-grid {
    grid-template-columns: 1fr;
  }

  .benchmark-command {
    padding: 18px;
  }

  .benchmark-command h1 {
    font-size: 42px;
  }
}

@media (max-width: 880px) {
  .legal-topbar,
  .legal-hero,
  .legal-summary-band,
  .legal-card-grid,
  .legal-two-column,
  .legal-doc-links,
  .legal-clause-list {
    grid-template-columns: 1fr;
  }

  .legal-topbar {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 44px;
  }

  .legal-nav {
    justify-content: flex-start;
  }

  .legal-hero {
    gap: 22px;
  }

  .legal-hero-stats {
    grid-template-columns: 1fr;
  }

  .legal-card {
    min-height: 0;
  }
}

@media (max-width: 560px) {
  .legal-page {
    width: min(100% - 22px, 1180px);
    padding-top: 16px;
  }

  .legal-nav a {
    min-height: 32px;
    padding: 0 8px;
    font-size: 12px;
  }

  .legal-hero h1 {
    font-size: clamp(44px, 15vw, 72px);
  }

  .legal-hero > p,
  .legal-summary-band p {
    font-size: 17px;
  }

  .legal-clause-list section,
  .legal-card {
    padding: 18px;
  }
}