: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 {
  min-height: 30px;
  position: relative;
  z-index: 20;
}

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

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

.column-menu summary:hover {
  border-color: rgba(255, 213, 46, .45);
  color: #fff;
}

.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 {
  border-color: rgba(255, 213, 46, .45);
  color: #fff;
}

.column-menu > div {
  position: absolute;
  left: 0;
  right: auto;
  top: calc(100% + 8px);
  z-index: 25;
  width: max-content;
  min-width: 280px;
  max-width: min(360px, calc(100vw - 32px));
  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;
  white-space: nowrap;
}

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

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

.column-menu-option {
  min-height: 34px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
}

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

.column-menu-option > label {
  min-width: 0;
}

.column-menu-option > .column-menu-tooltip-trigger {
  margin-right: 8px;
}

.column-menu-option > label:hover {
  background: transparent;
}

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: var(--dashboard-header-actions-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-header-action {
  appearance: none;
  width: var(--dashboard-header-action-width, 40px);
  min-width: var(--dashboard-header-action-width, 40px);
  height: var(--dashboard-header-action-height, 40px);
  min-height: var(--dashboard-header-action-height, 40px);
  padding: 0 var(--dashboard-header-action-padding-x, 0px);
  border: 1px solid var(--dashboard-header-action-border, transparent);
  border-radius: var(--dashboard-header-action-radius, 999px);
  background: var(--dashboard-header-action-bg, transparent);
  color: var(--text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  font: inherit;
  line-height: 1;
}

.dashboard-header-action:hover {
  color: var(--yellow);
  background: rgba(255, 213, 46, .07);
}

.dashboard-header-action-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-inline: var(--dashboard-header-icon-spacing, 0px);
}

.dashboard-header-icon {
  width: var(--dashboard-header-icon-size, 22px);
  height: var(--dashboard-header-icon-size, 22px);
  color: var(--dashboard-header-icon-color, currentColor);
  transform: translate(var(--dashboard-header-icon-x, 0px), var(--dashboard-header-icon-y, 0px));
  flex: 0 0 auto;
}

.dashboard-header-icon-svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

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

html:not(.dashboard-theme-light) .dashboard-header-action-icon[data-theme-icon="light"],
html.dashboard-theme-light .dashboard-header-action-icon[data-theme-icon="dark"] {
  display: none;
}

.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,
.dashboard-nav-search input:focus-visible {
  border-radius: 8px;
  outline: 2px solid rgba(255, 213, 46, .9);
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(255, 213, 46, .12);
}

.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:focus {
  outline: none;
}

.dashboard-nav-item:hover,
.dashboard-nav-item:focus-visible {
  border-color: rgba(255, 213, 46, .5);
  background: rgba(255, 255, 255, .065);
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .12);
  outline: none;
}

.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-data-alert {
  width: 100%;
  margin: 0 0 10px;
  padding: 9px 11px;
  border: 1px solid rgba(255, 213, 46, .48);
  border-radius: 7px;
  background: rgba(255, 213, 46, .09);
  color: var(--text);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.dashboard-data-alert[hidden] {
  display: none;
}

.checkout-requests-page {
  display: block;
  height: 100%;
  min-height: 0;
  width: 100%;
  min-width: 0;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  padding-bottom: 14px;
}

.checkout-requests-page > .dashboard-topbar {
  margin-bottom: 18px;
}

.checkout-requests-page > .dashboard-topbar {
  padding-top: 2px;
}

.checkout-requests-page > .dashboard-topbar .dashboard-header-actions {
  margin-top: 0;
}

.checkout-requests-panel {
  min-width: 0;
  padding: 0;
  overflow: visible;
}

.checkout-requests-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 22px;
  border-bottom: 1px solid var(--line);
}

.checkout-requests-head > div,
.checkout-request-card,
.checkout-request-card > header,
.checkout-request-provider,
.checkout-request-provider > span,
.checkout-request-facts > span {
  min-width: 0;
}

.checkout-requests-head h1 {
  margin: 3px 0 4px;
  font-size: 26px;
}

.checkout-requests-head p {
  margin: 0;
  color: var(--muted);
}

.checkout-requests-head-actions,
.checkout-requests-head-actions nav {
  display: flex;
  align-items: center;
  gap: 8px;
}

.checkout-requests-head-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.checkout-request-list {
  display: grid;
  gap: 12px;
  padding: 16px;
}

.checkout-request-card {
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(255,255,255,.025);
}

.checkout-request-card > header,
.checkout-request-actions,
.checkout-request-provider {
  display: flex;
  align-items: center;
}

.checkout-request-card > header {
  justify-content: space-between;
  gap: 14px;
}

.checkout-request-provider {
  gap: 12px;
}

.checkout-request-provider img {
  width: 46px;
  height: 46px;
  object-fit: contain;
  border-radius: 10px;
  background: #f4fbfb;
}

.checkout-request-provider strong,
.checkout-request-provider em {
  display: block;
}

.checkout-request-provider em,
.checkout-request-facts em,
.checkout-request-facts small {
  color: var(--muted);
  font-style: normal;
}

.checkout-request-facts {
  display: grid;
  grid-template-columns: 1.4fr .8fr 1fr;
  gap: 10px;
  margin: 14px 0;
}

.checkout-request-facts > span {
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.checkout-request-facts strong,
.checkout-request-facts small {
  display: block;
  margin-top: 4px;
  overflow-wrap: anywhere;
}

.checkout-request-email-events {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: -2px 0 14px;
}

.checkout-request-email-events > span {
  padding: 9px 11px;
  border-radius: 7px;
  background: rgba(255, 213, 44, .06);
}

.checkout-request-email-events em,
.checkout-request-email-events strong {
  display: block;
  font-style: normal;
}

.checkout-request-email-events em {
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
}

.checkout-request-email-events em small {
  color: #ffd52c;
  font-size: 9px;
}

.checkout-request-email-events strong {
  margin-top: 4px;
  font-size: 12px;
}

.checkout-request-card > label {
  display: grid;
  gap: 7px;
}

.checkout-request-card > label > span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.checkout-request-card input {
  min-width: 0;
  width: 100%;
}

.checkout-request-actions {
  gap: 8px;
  margin-top: 12px;
}

.checkout-request-actions > span {
  color: var(--muted);
  font-size: 12px;
}

.checkout-request-empty {
  padding: 36px;
  color: var(--muted);
  text-align: center;
}

.drawer-checkout-requests {
  display: grid;
  gap: 7px;
}

.drawer-checkout-requests > .muted {
  color: #ffd52c;
  font-size: 13px;
}

.drawer-checkout-request-row {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 8px;
  padding: 9px 10px;
  border: 1px solid var(--line);
  border-radius: 7px;
  color: var(--text);
  text-decoration: none;
}

.drawer-checkout-request-row span {
  color: var(--muted);
  text-transform: capitalize;
}

.drawer-checkout-request-row small {
  grid-column: 1 / -1;
  color: #ffd52c;
  font-size: 11px;
}

@media (max-width: 980px) {
  .checkout-requests-page > .dashboard-topbar {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .checkout-requests-page > .dashboard-topbar .dashboard-header-actions {
    width: auto;
    max-width: 100%;
    margin-top: 0;
    flex-wrap: wrap;
  }

  .checkout-requests-head {
    flex-wrap: wrap;
  }

  .checkout-request-card > header {
    align-items: flex-start;
    flex-wrap: wrap;
  }
}

@media (max-width: 720px) {
  .checkout-requests-page > .dashboard-topbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .checkout-requests-page > .dashboard-topbar .dashboard-header-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .checkout-requests-head {
    padding: 18px;
  }

  .checkout-request-list {
    padding: 12px;
  }

  .checkout-request-card {
    padding: 13px;
  }

  .checkout-request-facts {
    grid-template-columns: 1fr;
  }

  .checkout-request-email-events {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .checkout-request-actions {
    align-items: stretch;
    flex-direction: column;
  }
}

.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;
}

.dashboard-live-status[data-dashboard-live-filter][aria-pressed="true"],
.button[data-dashboard-live-filter][aria-pressed="true"] {
  border-color: var(--dashboard-live-filter-active-border, transparent);
  background: var(--dashboard-live-filter-active-fill, transparent);
  color: var(--dashboard-live-filter-active-ink, inherit);
  outline: 1px solid var(--dashboard-live-filter-active-outline, transparent);
  outline-offset: var(--dashboard-live-filter-active-outline-offset, 2px);
  box-shadow: none;
}

.dashboard-live-status[data-dashboard-live-filter][aria-pressed="true"]:focus-visible,
.button[data-dashboard-live-filter][aria-pressed="true"]:focus-visible {
  border-color: var(--dashboard-live-filter-active-border, var(--yellow));
  background: var(--dashboard-live-filter-active-border, var(--yellow));
  color: #111111;
  outline: none;
  box-shadow: none;
}

.dashboard-table-panel[data-dashboard-data-loading="1"] .dashboard-live-status[data-dashboard-live-filter] {
  cursor: progress;
}

.dashboard-table-panel[data-dashboard-data-loading="1"] .dashboard-live-status[data-dashboard-live-filter]::before {
  animation: dashboard-live-filter-pulse .72s ease-in-out infinite;
}

@keyframes dashboard-live-filter-pulse {
  0%,
  100% {
    opacity: .62;
    transform: scale(.82);
  }

  50% {
    opacity: 1;
    transform: scale(1.18);
  }
}

[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-table-head .table-tools {
  position: relative;
}

.dashboard-filter-menu {
  min-height: 30px;
  position: static;
  z-index: 24;
}

.dashboard-filter-menu summary {
  min-height: 30px;
  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;
}

.column-menu summary:hover,
.column-menu[open] summary,
.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;
  z-index: 60;
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  width: min(960px, calc(100vw - 48px));
  max-height: min(620px, 78vh);
  overflow: hidden;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 10px;
  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 {
  justify-content: flex-end;
}

.dashboard-filter-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.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-clear-section,
.dashboard-filter-section-head button:not(.drawer-tooltip-trigger) {
  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-clear-section:hover,
.dashboard-filter-section-head button:not(.drawer-tooltip-trigger):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(6, minmax(0, 1fr));
  gap: 8px;
}

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

.dashboard-filter-panel-essentials {
  max-height: none;
  overflow: visible;
  padding-right: 0;
}

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

.dashboard-filter-title {
  position: relative;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding-right: 21px;
}

.dashboard-filter-title .dashboard-filter-tooltip-trigger {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.dashboard-filter-card,
.dashboard-filter-field {
  position: relative;
  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-card > .dashboard-filter-title,
.dashboard-filter-field > .dashboard-filter-title {
  position: static;
  padding-right: 24px;
}

.dashboard-filter-card > .dashboard-filter-title .dashboard-filter-tooltip-trigger,
.dashboard-filter-field > .dashboard-filter-title .dashboard-filter-tooltip-trigger {
  position: absolute;
  top: 9px;
  right: 9px;
  transform: none;
}

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

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

.dashboard-filter-span-6 {
  grid-column: 1 / -1;
}

.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: wrap;
  overflow-x: visible;
  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-binary span {
  min-width: 52px;
  justify-content: center;
}

.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);
}

@media (max-width: 980px) {
  .dashboard-filter-tlds {
    flex-wrap: nowrap;
    overflow-x: auto;
  }
}

.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: 190px;
}

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

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

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

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

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

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

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

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

.checkout-intent-cell,
.traffic-signal-cell {
  display: grid;
  gap: 2px;
  align-content: center;
}

.checkout-intent-cell strong,
.traffic-signal-cell strong {
  color: var(--text);
  font-size: 15px;
  font-weight: 850;
}

.checkout-intent-cell em,
.traffic-signal-cell em {
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
  white-space: nowrap;
}

.checkout-intent-cell.has-checkout-left strong {
  color: var(--yellow);
}

.returning-signal-cell {
  width: fit-content;
  min-width: 28px;
  margin: -5px 0 -5px -7px;
  padding: 5px 7px;
  border-radius: 7px;
  cursor: help;
  outline: 0;
  transition:
    background .16s ease,
    box-shadow .16s ease,
    transform .16s ease;
}

.returning-signal-cell:hover,
.returning-signal-cell:focus-visible {
  background: rgba(255, 213, 46, .09);
  box-shadow: inset 0 0 0 1px rgba(255, 213, 46, .26);
  transform: translateY(-1px);
}

.returning-signal-cell:hover strong,
.returning-signal-cell:focus-visible strong {
  color: var(--yellow);
}

.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="appraise_net"] {
  width: 172px;
}

.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:focus {
  outline: none;
}

.dashboard-table th button:focus-visible {
  outline: 2px solid rgba(255, 213, 46, .88);
  outline-offset: 3px;
  border-radius: 4px;
}

.dashboard-table th button::after {
  content: none;
}

.dashboard-table th[aria-sort] > button[data-sort-key]::after,
.dashboard-table th[aria-sort] > .dashboard-table-header-with-help::after {
  content: "";
  display: block;
  width: 9px;
  height: 6px;
  flex: 0 0 9px;
  background: var(--yellow);
}

.dashboard-table th[aria-sort="ascending"] > button[data-sort-key]::after,
.dashboard-table th[aria-sort="ascending"] > .dashboard-table-header-with-help::after {
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.dashboard-table th[aria-sort="descending"] > button[data-sort-key]::after,
.dashboard-table th[aria-sort="descending"] > .dashboard-table-header-with-help::after {
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.dashboard-table-header-with-help {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  max-width: 100%;
  vertical-align: middle;
}

.dashboard-table-header-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dashboard-table-header-with-help [data-sort-key] {
  gap: 5px;
}

.dashboard-table-header-with-help .dashboard-table-header-help {
  width: 15px;
  height: 15px;
  min-height: 15px;
  flex: 0 0 15px;
  font-size: 9px;
  transform: none;
  box-shadow: none;
}

.dashboard-table-header-with-help .dashboard-table-header-help::after {
  content: none;
}

.dashboard-table-header-with-help .dashboard-table-header-help:focus-visible {
  outline: 0;
}

.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;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.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;
}

.price-cell-primary {
  max-width: 100%;
  display: block;
}

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

.dashboard-table .dashboard-domain-link,
.dashboard-table .dashboard-domain-link:visited,
.dashboard-table .dashboard-domain-link:hover,
.dashboard-table .dashboard-domain-link:focus-visible {
  color: #ffd52f;
}

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

.domain-cell .domain-cell-subline {
  max-width: 100%;
  display: inline-flex;
  align-items: baseline;
  gap: 7px;
}

.domain-cell .domain-cell-subline > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.domain-cell .domain-price-refresh {
  flex: 0 0 auto;
  color: rgba(255, 213, 46, .82);
  font-size: 11px;
  font-weight: 850;
  font-style: normal;
  line-height: 1.25;
  white-space: nowrap;
}

.domain-cell .domain-price-refresh::before {
  content: "·";
  margin-right: 7px;
  color: var(--muted);
}

.price-cell .price-refresh-line {
  max-width: 100%;
  display: block;
  color: rgba(255, 213, 46, .82);
  font-size: 11px;
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: 0;
}

.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,
.status-open-link:focus-visible {
  color: var(--yellow);
  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.checking {
  border-color: rgba(255, 213, 46, .32);
  background: rgba(255, 213, 46, .11) !important;
  color: var(--yellow);
}

.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.checking .status-live-dot {
  background: var(--yellow);
  box-shadow: 0 0 0 4px rgba(255, 213, 46, .15);
  animation: dashboard-import-live-check-pulse 1.25s ease-in-out infinite;
}

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

@keyframes dashboard-import-live-check-pulse {
  0%, 100% { opacity: .52; transform: scale(.88); }
  50% { opacity: 1; transform: scale(1.08); }
}

.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-cell[data-traffic-kind="all"].has-live-traffic.has-checkout-traffic {
  color: #4aa3ff;
  text-shadow: 0 0 12px rgba(74, 163, 255, .28);
}

.appraise-net-cell {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  max-width: 100%;
  min-width: 0;
}

.appraise-net-cell-value {
  display: inline-flex;
  align-items: center;
  flex: 0 1 auto;
  max-width: 100%;
  min-width: 0;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid rgba(255, 213, 46, .22);
  border-radius: 7px;
  background: rgba(255, 255, 255, .035);
  color: var(--yellow);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.appraise-net-certificate-indicator.drawer-tooltip-trigger {
  width: 17px;
  min-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, .88);
  border-radius: 999px;
  background: rgba(255, 213, 46, .16);
  color: var(--yellow);
  box-shadow: 0 0 0 4px rgba(255, 213, 46, .14);
  cursor: help;
  transform: translateY(-1px);
  transition:
    background .16s ease,
    border-color .16s ease,
    box-shadow .16s ease,
    color .16s ease,
    transform .16s ease;
}

.appraise-net-certificate-indicator.drawer-tooltip-trigger span {
  width: 8px;
  height: 8px;
  display: block;
  position: relative;
  border: 2px solid currentColor;
  border-radius: 2px;
  background: transparent;
  box-shadow: none;
}

.appraise-net-certificate-indicator.drawer-tooltip-trigger span::before {
  content: "";
  position: absolute;
  left: 3px;
  right: 3px;
  top: 3px;
  border-top: 2px solid currentColor;
}

.appraise-net-certificate-indicator.drawer-tooltip-trigger span::after {
  content: "";
  position: absolute;
  right: -4px;
  bottom: -4px;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 0 0 2px rgba(5, 5, 5, .88);
}

.appraise-net-certificate-indicator.drawer-tooltip-trigger:hover,
.appraise-net-certificate-indicator.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);
  outline: 0;
  transform: translateY(-1px) scale(1.02);
}

.appraise-net-cell-value[data-appraise-net-report-open] {
  cursor: pointer;
  transition:
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease,
    transform .16s ease;
}

.appraise-net-cell-value[data-appraise-net-report-open]:hover,
.appraise-net-cell-value[data-appraise-net-report-open]:focus-visible {
  border-color: rgba(255, 213, 46, .45);
  background: rgba(255, 213, 46, .075);
  box-shadow: 0 0 0 2px rgba(255, 213, 46, .08);
  outline: 0;
  transform: translateY(-1px);
}

.traffic-zero {
  display: inline-block;
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
  color: color-mix(in srgb, var(--muted) 68%, transparent);
  font-size: 15px;
  font-weight: 850;
  line-height: 1;
  vertical-align: middle;
}

.traffic-zero::before {
  content: "—";
}

.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-country-tooltip {
  width: min(390px, calc(100vw - 24px));
}

.live-traffic-tooltip.is-country-tooltip .country-breakdown-metrics {
  white-space: nowrap;
}

.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-tooltip.is-definition-tooltip {
  width: min(390px, calc(100vw - 24px));
  gap: 10px;
  padding: 14px 15px 15px;
}

.live-traffic-tooltip.is-returning-tooltip {
  width: min(410px, calc(100vw - 24px));
}

.returning-tooltip-metric {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 10px 11px;
  border: 1px solid rgba(255, 213, 46, .18);
  border-radius: 8px;
  background: rgba(255, 213, 46, .065);
}

.returning-tooltip-metric b {
  min-width: 28px;
  color: var(--yellow);
  font-size: 22px;
  font-weight: 950;
  line-height: 1;
}

.returning-tooltip-metric span {
  color: #eef1f5;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.35;
}

.dashboard-term-definitions {
  display: grid;
  gap: 9px;
  margin: 0;
}

.dashboard-term-definitions > div {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 11px;
  align-items: start;
}

.dashboard-term-definitions dt,
.dashboard-term-definitions dd {
  margin: 0;
}

.dashboard-term-definitions dt {
  color: #f7f8fb;
  font-size: 11px;
  font-weight: 950;
  line-height: 1.35;
}

.dashboard-term-definitions dd {
  color: #c9ced7;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.42;
}

.dashboard-term-note {
  margin: 1px 0 0;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, .1);
  color: #9fa7b4;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.4;
}

.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: 0;
  margin-right: 0;
}

.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;
}

.dashboard-table td[data-col="price"] .price-inline-edit::after {
  content: "EDIT";
  flex: 0 0 30px;
  width: 30px;
  max-width: none;
  overflow: visible;
  text-align: left;
}

.dashboard-table td[data-col="price"] .price-inline-edit:hover::after,
.dashboard-table td[data-col="price"] .price-inline-edit:focus-visible::after {
  max-width: none;
  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: none;
}

.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);
}

.domain-traffic-view {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3px;
  padding: 3px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 9px;
  background: rgba(0, 0, 0, .20);
}

.domain-traffic-view button,
.traffic-returning-scope button {
  min-height: 34px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--muted);
  font-size: 12px;
  font-weight: 950;
  cursor: pointer;
}

.domain-traffic-view button[aria-selected="true"],
.traffic-returning-scope button[aria-pressed="true"] {
  color: #111;
  background: var(--yellow);
  box-shadow: 0 4px 14px rgba(255, 213, 46, .12);
}

.domain-traffic-view button:hover,
.domain-traffic-view button:focus-visible,
.traffic-returning-scope button:hover,
.traffic-returning-scope button:focus-visible {
  color: var(--yellow);
  outline: 1px solid rgba(255, 213, 46, .5);
  outline-offset: -1px;
}

.domain-traffic-view button[aria-selected="true"]:hover,
.domain-traffic-view button[aria-selected="true"]:focus-visible,
.traffic-returning-scope button[aria-pressed="true"]:hover,
.traffic-returning-scope button[aria-pressed="true"]:focus-visible {
  color: #111;
  outline-color: var(--yellow);
}

.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-returning-metrics .traffic-drawer-card {
  min-height: 96px;
}

.traffic-returning-intro {
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 213, 46, .075), transparent 42%),
    rgba(255, 255, 255, .026);
}

.traffic-returning-copy {
  margin: 12px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.traffic-returning-scope {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 3px;
  padding: 3px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 8px;
  background: rgba(0, 0, 0, .2);
}

.traffic-returning-scope button {
  min-width: 64px;
  min-height: 30px;
  padding: 0 10px;
  font-size: 11px;
}

.traffic-returning-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.traffic-returning-list > div {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 3px 12px;
  overflow: hidden;
  padding: 10px 11px 12px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 8px;
  background: rgba(0, 0, 0, .16);
}

.traffic-returning-list > div.is-current {
  border-color: rgba(255, 213, 46, .46);
  background: rgba(255, 213, 46, .055);
}

.traffic-returning-list span,
.traffic-returning-list strong,
.traffic-returning-list em {
  position: relative;
  z-index: 1;
}

.traffic-returning-list span {
  min-width: 0;
  overflow: hidden;
  color: var(--text);
  font-size: 13px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.traffic-returning-list span b {
  color: var(--yellow);
}

.traffic-returning-list strong {
  color: var(--text);
  font-size: 13px;
  white-space: nowrap;
}

.traffic-returning-list em {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}

.traffic-returning-list i {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: var(--traffic-bar, 0%);
  height: 3px;
  background: linear-gradient(90deg, var(--yellow), rgba(255, 213, 46, .28));
}

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

.traffic-checkout-intent {
  background:
    radial-gradient(circle at 92% 0%, rgba(255, 213, 46, .08), transparent 38%),
    rgba(0, 0, 0, .12);
}

.traffic-checkout-intent.is-empty {
  min-height: 96px;
}

.traffic-checkout-empty,
.traffic-checkout-note {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.traffic-checkout-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.traffic-checkout-grid .traffic-drawer-card {
  min-height: 88px;
}

.traffic-checkout-funnel {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 8px;
  background: rgba(0, 0, 0, .18);
}

.traffic-checkout-funnel div {
  min-width: 0;
}

.traffic-checkout-funnel strong,
.traffic-checkout-funnel span {
  display: block;
}

.traffic-checkout-funnel strong {
  color: var(--ink);
  font-size: 17px;
  line-height: 1;
}

.traffic-checkout-funnel span,
.traffic-checkout-funnel i {
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: .055em;
}

.traffic-checkout-providers {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 8px;
}

.traffic-checkout-providers div {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 8px;
  background: rgba(255, 255, 255, .025);
}

.traffic-checkout-providers span,
.traffic-checkout-providers strong,
.traffic-checkout-providers em {
  display: block;
}

.traffic-checkout-providers span {
  overflow: hidden;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.traffic-checkout-providers strong {
  margin-top: 3px;
  color: var(--ink);
  font-size: 16px;
}

.traffic-checkout-providers em {
  margin-top: 2px;
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
}

@media (max-width: 520px) {
  .traffic-checkout-providers {
    grid-template-columns: 1fr;
  }

  .traffic-returning-leaderboard .traffic-drawer-section-head {
    display: grid;
  }

  .traffic-returning-scope {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 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 .traffic-drawer-card-label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.traffic-drawer-card .traffic-drawer-card-label .traffic-drawer-help {
  width: 15px;
  height: 15px;
  min-width: 15px;
  font-size: 9px;
  letter-spacing: 0;
}

.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-traffic-drawer .domain-drawer-title-row h2 {
  padding-block: 1px 2px;
}

.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: 34px;
  height: 34px;
  min-height: 34px;
  flex: 0 0 34px;
  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: 20px;
  font-weight: 500;
  line-height: 1;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .22);
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.dashboard-modal-close:not(.dashboard-modal-back)::before,
.dashboard-modal-close:not(.dashboard-modal-back)::after {
  display: none;
}

.dashboard-modal-back::before,
.dashboard-modal-back::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: 20px;
  height: 20px;
  inset: 0;
  margin: auto;
  border: 0;
  border-radius: 0;
  background: currentColor;
  transform: none;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='m12 19-7-7 7-7'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='m12 19-7-7 7-7'/%3E%3C/svg%3E") center / contain no-repeat;
}

.dashboard-modal-back::after {
  display: none;
}

.dashboard-modal-close:hover,
.dashboard-modal-close:focus-visible {
  border-color: rgba(255, 213, 46, .9);
  background: rgba(255, 255, 255, .075);
  color: #f5f6f3;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .22);
  outline: none;
  transform: none;
  cursor: pointer;
}

.dashboard-nav-search .dashboard-modal-close {
  width: 34px;
  height: 34px;
  min-height: 34px;
  flex: 0 0 34px;
  border: 1px solid rgba(255, 255, 255, .16);
  background: rgba(255, 255, 255, .075);
  color: #f5f6f3;
  font-size: 20px;
}

.dashboard-nav-search .dashboard-modal-close:hover,
.dashboard-nav-search .dashboard-modal-close:focus-visible {
  border-color: rgba(255, 213, 46, .9);
  background: rgba(255, 255, 255, .075);
  color: #f5f6f3;
}

.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-pricing-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.domain-bulk-change-extra[hidden] {
  display: none !important;
}

.domain-bulk-confirm {
  display: grid;
  gap: 8px;
  padding: 11px;
  border: 1px solid rgba(255, 213, 46, .38);
  border-radius: 8px;
  background: rgba(255, 213, 46, .075);
}

.domain-bulk-confirm[hidden] {
  display: none !important;
}

.domain-bulk-confirm > strong {
  color: var(--yellow);
  font-size: 13px;
}

.domain-bulk-confirm > span,
.domain-bulk-confirm label span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
}

.domain-bulk-confirm label {
  display: grid;
  gap: 6px;
}

.domain-bulk-confirm input {
  min-height: 36px;
  border-radius: 8px;
  background: #0f1115;
  color: var(--text);
  font-size: 12px;
  font-weight: 850;
}

.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 {
  position: relative;
  display: grid;
  gap: 12px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 8px;
  background: rgba(255, 255, 255, .025);
  transform: translate3d(0, var(--drawer-section-drag-y, 0), 0);
}

.domain-drawer-section[open] {
  gap: 12px;
}

.domain-drawer-section:not([open]) {
  gap: 0;
  padding-block: 19px;
}

.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: 14px max-content minmax(0, 1fr) 20px;
  gap: 10px;
  align-items: center;
  list-style: none;
  cursor: pointer;
}

.domain-drawer-section-head::-webkit-details-marker {
  display: none;
}

.drawer-section-drag-handle {
  width: 14px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  align-self: center;
  padding: 0;
  border: 0;
  border-radius: 6px;
  color: rgba(255, 255, 255, .32);
  background: transparent;
  cursor: grab;
}

.drawer-section-drag-handle:active {
  cursor: grabbing;
}

.drawer-section-drag-handle i,
.drawer-section-drag-handle i::before,
.drawer-section-drag-handle i::after {
  content: "";
  width: 3px;
  height: 3px;
  display: block;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 6px 0 0 currentColor;
}

.drawer-section-drag-handle i::before {
  transform: translateY(-6px);
}

.drawer-section-drag-handle i::after {
  transform: translateY(3px);
}

.drawer-section-drag-handle:hover,
.drawer-section-drag-handle:focus-visible {
  color: var(--yellow);
  background: transparent;
  outline: none;
}

.domain-drawer-section.is-dragging {
  z-index: 8;
  border-color: rgba(255, 213, 46, .36);
  opacity: .98;
  box-shadow: 0 16px 42px rgba(0, 0, 0, .34);
  cursor: grabbing;
  user-select: none;
  will-change: transform;
}

.domain-edit-drawer.is-reordering .domain-drawer-section:not(.is-dragging) {
  transition: transform .16s cubic-bezier(.2, .8, .2, 1), border-color .12s ease;
}

.domain-drawer-section-head > span {
  width: var(--drawer-section-icon-box-size, 34px);
  height: var(--drawer-section-icon-box-size, 34px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--drawer-section-icon-border, rgba(255, 213, 46, .24));
  border-radius: var(--drawer-section-icon-radius, 8px);
  color: var(--drawer-section-icon-color, var(--yellow));
  background: var(--drawer-section-icon-bg, rgba(255, 213, 46, .07));
  opacity: var(--drawer-section-icon-opacity, 1);
}

.domain-drawer-section-head svg {
  width: var(--drawer-section-icon-size, 18px);
  height: var(--drawer-section-icon-size, 18px);
  fill: currentColor;
  transform: translate(var(--drawer-section-icon-x, 0), var(--drawer-section-icon-y, 0));
}

.domain-drawer-section-head .drawer-section-config-icon {
  width: var(--drawer-section-icon-size, 18px);
  height: var(--drawer-section-icon-size, 18px);
  transform: translate(var(--drawer-section-icon-x, 0), var(--drawer-section-icon-y, 0));
}

.domain-drawer-section-head .drawer-section-config-icon-mask {
  display: inline-block;
  background: currentColor;
  -webkit-mask: var(--drawer-section-icon-url) center / contain no-repeat;
  mask: var(--drawer-section-icon-url) center / contain no-repeat;
}

.domain-drawer-section-head img.drawer-section-config-icon {
  object-fit: contain;
}

.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;
}

.drawer-commercial-note {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
}

.domain-drawer-fields .drawer-appraise-action-field {
  min-width: 0;
}

.domain-drawer-fields .drawer-appraise-action-field.drawer-action-wide {
  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"],
.domain-drawer-fields input[type="hidden"][data-domain-drawer-field="dotdb_extensions"] {
  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-dotdb-action-mode="captured"],
.drawer-data-action[data-appraise-action-mode="captured"],
.drawer-data-action[data-dapachecker-action-mode="captured"],
.drawer-data-action[data-instantusername-action-mode="captured"],
.drawer-data-action[data-seobility-action-mode="captured"],
.drawer-data-action[data-majestic-action-mode="captured"],
.drawer-data-action[data-wayback-action-mode="captured"],
.drawer-data-action[data-uspto-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-dotdb-action-mode="capture"],
.drawer-data-action[data-appraise-action-mode="capture"],
.drawer-data-action[data-appraise-action-mode="download"],
.drawer-data-action[data-dapachecker-action-mode="capture"],
.drawer-data-action[data-dapachecker-action-mode="download"],
.drawer-data-action[data-instantusername-action-mode="capture"],
.drawer-data-action[data-instantusername-action-mode="download"],
.drawer-data-action[data-ahrefs-action-mode="capture"],
.drawer-data-action[data-seobility-action-mode="capture"],
.drawer-data-action[data-seobility-action-mode="download"],
.drawer-data-action[data-majestic-action-mode="capture"],
.drawer-data-action[data-majestic-action-mode="download"],
.drawer-data-action[data-wayback-action-mode="capture"],
.drawer-data-action[data-uspto-action-mode="capture"] {
  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-dotdb-action-mode="capture"]:hover,
.drawer-data-action[data-dotdb-action-mode="capture"]: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,
.drawer-data-action[data-dapachecker-action-mode="capture"]:hover,
.drawer-data-action[data-dapachecker-action-mode="capture"]:focus-visible,
.drawer-data-action[data-dapachecker-action-mode="download"]:hover,
.drawer-data-action[data-dapachecker-action-mode="download"]:focus-visible,
.drawer-data-action[data-instantusername-action-mode="capture"]:hover,
.drawer-data-action[data-instantusername-action-mode="capture"]:focus-visible,
.drawer-data-action[data-instantusername-action-mode="download"]:hover,
.drawer-data-action[data-instantusername-action-mode="download"]:focus-visible,
.drawer-data-action[data-ahrefs-action-mode="capture"]:hover,
.drawer-data-action[data-ahrefs-action-mode="capture"]:focus-visible,
.drawer-data-action[data-seobility-action-mode="capture"]:hover,
.drawer-data-action[data-seobility-action-mode="capture"]:focus-visible,
.drawer-data-action[data-seobility-action-mode="download"]:hover,
.drawer-data-action[data-seobility-action-mode="download"]:focus-visible,
.drawer-data-action[data-majestic-action-mode="capture"]:hover,
.drawer-data-action[data-majestic-action-mode="capture"]:focus-visible,
.drawer-data-action[data-majestic-action-mode="download"]:hover,
.drawer-data-action[data-majestic-action-mode="download"]:focus-visible,
.drawer-data-action[data-wayback-action-mode="capture"]:hover,
.drawer-data-action[data-wayback-action-mode="capture"]:focus-visible,
.drawer-data-action[data-uspto-action-mode="capture"]:hover,
.drawer-data-action[data-uspto-action-mode="capture"]: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-data-action[data-companies-action-mode="download"],
.drawer-data-action[data-appraise-action-mode="download"],
.drawer-data-action[data-dapachecker-action-mode="download"],
.drawer-data-action[data-instantusername-action-mode="download"],
.drawer-data-action[data-ahrefs-action-mode="download"],
.drawer-data-action[data-seobility-action-mode="download"],
.drawer-data-action[data-majestic-action-mode="download"],
.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="download"]:hover,
.drawer-data-action[data-appraise-action-mode="download"]:focus-visible,
.drawer-data-action[data-dapachecker-action-mode="download"]:hover,
.drawer-data-action[data-dapachecker-action-mode="download"]:focus-visible,
.drawer-data-action[data-instantusername-action-mode="download"]:hover,
.drawer-data-action[data-instantusername-action-mode="download"]:focus-visible,
.drawer-data-action[data-ahrefs-action-mode="download"]:hover,
.drawer-data-action[data-ahrefs-action-mode="download"]:focus-visible,
.drawer-data-action[data-seobility-action-mode="download"]:hover,
.drawer-data-action[data-seobility-action-mode="download"]:focus-visible,
.drawer-data-action[data-majestic-action-mode="download"]:hover,
.drawer-data-action[data-majestic-action-mode="download"]:focus-visible {
  border-color: var(--yellow);
  background: rgba(255, 255, 255, .035);
  color: #ffd52c;
  text-align: center;
  box-shadow: 0 0 0 1px rgba(255, 213, 46, .18);
  outline: none;
}

.drawer-data-notice {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.25;
}

.drawer-data-notice[hidden] {
  display: none;
}

.drawer-appraise-action-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  align-items: center;
  justify-content: start;
}

.drawer-action-wide .drawer-appraise-action-row {
  grid-template-columns: calc((100% - var(--drawer-field-gap, 10px)) / 2);
}

.drawer-appraise-action-row .drawer-data-action {
  min-width: 0;
  width: 100%;
}

.drawer-appraise-action-row.drawer-instantusername-action-row {
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
}

.drawer-data-action.drawer-instantusername-action {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 3px;
  align-content: center;
  min-height: 58px;
  padding: 7px 10px;
}

.drawer-data-action.drawer-instantusername-action[data-instantusername-action-mode="capture"],
.drawer-data-action.drawer-instantusername-action[data-instantusername-action-mode="download"] {
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.drawer-data-action.drawer-ahrefs-action,
.drawer-data-action.drawer-seobility-action,
.drawer-data-action.drawer-majestic-action {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 3px;
  align-content: center;
  min-height: 50px;
  padding: 7px 10px;
}

.drawer-data-action.drawer-ahrefs-action[data-ahrefs-action-mode="capture"],
.drawer-data-action.drawer-ahrefs-action[data-ahrefs-action-mode="download"],
.drawer-data-action.drawer-seobility-action[data-seobility-action-mode="capture"],
.drawer-data-action.drawer-seobility-action[data-seobility-action-mode="download"],
.drawer-data-action.drawer-majestic-action[data-majestic-action-mode="capture"],
.drawer-data-action.drawer-majestic-action[data-majestic-action-mode="download"] {
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.drawer-instantusername-summary,
.drawer-instantusername-detail {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.drawer-instantusername-summary {
  font-size: 13px;
  font-weight: 950;
  line-height: 1.1;
}

.drawer-instantusername-detail {
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  line-height: 1.1;
}

.drawer-instantusername-icons {
  display: flex;
  width: 100%;
  min-width: 0;
  height: 24px;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scroll-behavior: smooth;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
  mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 18px), rgba(0, 0, 0, .25) 100%);
}

.drawer-instantusername-icons[hidden] {
  display: none;
}

.drawer-instantusername-icons::-webkit-scrollbar {
  display: none;
}

.drawer-instantusername-icons:active {
  cursor: grabbing;
}

.drawer-instantusername-icon-link {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  scroll-snap-align: start;
  border-radius: 4px;
  text-decoration: none;
}

.drawer-instantusername-icon-link:focus-visible {
  outline: 2px solid rgb(242 204 45);
  outline-offset: 2px;
}

.drawer-instantusername-icons img {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  object-fit: contain;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 4px;
  background: rgba(255, 255, 255, .08);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .22);
}

.drawer-instantusername-icons img[data-instantusername-icon-status="available"] {
  border-color: rgb(242 204 45);
}

.drawer-instantusername-icons img[data-instantusername-icon-policy="1"],
.drawer-instantusername-icons img[data-instantusername-icon-status="too_short"],
.drawer-instantusername-icons img[data-instantusername-icon-status="reserved"] {
  border-color: rgba(255, 213, 46, .76);
  opacity: .72;
}

.drawer-instantusername-icons img[data-instantusername-icon-status="taken"] {
  opacity: .5;
  filter: grayscale(.35);
}

.drawer-instantusername-icons img[data-instantusername-icon-status="unknown"] {
  border-color: rgba(185, 192, 204, .62);
  opacity: .78;
}

.drawer-instantusername-icons img[data-instantusername-icon-status="invalid"],
.drawer-instantusername-icons img[data-instantusername-icon-status="error"],
.drawer-instantusername-icons img[data-instantusername-icon-status="conflict"] {
  border-color: rgba(255, 116, 116, .78);
  opacity: .74;
}

.drawer-appraise-expand-toggle,
.drawer-appraise-certificate-toggle,
.drawer-contact-form-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-label {
  align-items: center;
}

.drawer-appraise-label-actions {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 3px;
}

.drawer-appraise-label-actions .drawer-appraise-expand-toggle,
.drawer-appraise-label-actions .drawer-appraise-report-toggle,
.drawer-appraise-label-actions .drawer-appraise-certificate-toggle {
  width: 17px;
  min-width: 17px;
  height: 17px;
  min-height: 17px;
  flex: 0 0 17px;
  border-radius: 999px;
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .06);
  transform: translateY(-1px);
}

.drawer-contact-form-label {
  align-items: center;
  gap: 6px;
}

.drawer-contact-form-toggle {
  width: 25px;
  min-width: 25px;
  height: 25px;
  min-height: 25px;
  border-radius: 999px;
  transform: translateY(-1px);
}

.drawer-contact-form-toggle img {
  width: 15px;
  height: 15px;
  display: block;
  filter: grayscale(1);
  opacity: .58;
  transition: filter .15s ease, opacity .15s ease;
}

.drawer-contact-form-toggle.is-active {
  border-color: rgba(54, 224, 143, .88);
  background: rgba(54, 224, 143, .16);
  box-shadow: 0 0 0 4px rgba(54, 224, 143, .14);
}

.drawer-contact-form-toggle.is-active img {
  filter: none;
  opacity: 1;
}

.drawer-appraise-label-actions .drawer-appraise-expand-toggle span {
  width: 5px;
  height: 5px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  margin-top: 0;
}

.drawer-wayback-expand-toggle span {
  width: 7px;
  height: 7px;
  margin-top: 0;
}

.drawer-appraise-label-actions .drawer-appraise-report-toggle span {
  width: 8px;
  height: 8px;
}

.drawer-appraise-label-actions .drawer-appraise-certificate-toggle span {
  width: 8px;
  height: 8px;
}

.drawer-appraise-label-actions .drawer-appraise-report-toggle span::before,
.drawer-appraise-label-actions .drawer-appraise-report-toggle span::after {
  border-width: 2px;
}

.drawer-appraise-label-actions .drawer-appraise-report-toggle span::before {
  inset: 0 4px 4px 0;
}

.drawer-appraise-label-actions .drawer-appraise-report-toggle span::after {
  inset: 4px 0 0 4px;
}

.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-certificate-toggle span {
  width: 15px;
  height: 13px;
  position: relative;
  display: block;
  border: 2px solid currentColor;
  border-radius: 2px;
}

.drawer-appraise-certificate-toggle span::before {
  content: "";
  position: absolute;
  left: 3px;
  right: 3px;
  top: 3px;
  border-top: 2px solid currentColor;
}

.drawer-appraise-certificate-toggle span::after {
  content: "";
  position: absolute;
  right: -4px;
  bottom: -4px;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 0 0 2px rgba(5, 5, 5, .88);
}

.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-label-actions .drawer-appraise-expand-toggle[data-expanded="1"] span {
  margin-top: -1px;
  transform: translateY(0) 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-certificate-toggle.is-active {
  border-color: rgba(54, 224, 143, .88);
  background: rgba(54, 224, 143, .16);
  color: #36e08f;
  box-shadow: 0 0 0 4px rgba(54, 224, 143, .14);
}

.drawer-appraise-expand-toggle:hover,
.drawer-appraise-expand-toggle:focus-visible,
.drawer-appraise-report-toggle:hover,
.drawer-appraise-report-toggle:focus-visible,
.drawer-appraise-certificate-toggle:hover,
.drawer-appraise-certificate-toggle:focus-visible,
.drawer-contact-form-toggle:hover,
.drawer-contact-form-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,
.drawer-appraise-certificate-toggle:disabled,
.drawer-appraise-certificate-toggle[aria-disabled="true"] {
  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,
.drawer-appraise-certificate-toggle:disabled:hover,
.drawer-appraise-certificate-toggle[aria-disabled="true"]:hover,
.drawer-appraise-certificate-toggle[aria-disabled="true"]:focus-visible {
  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-appraise-certificate-toggle.is-faq-conflict {
  color: rgba(255, 255, 255, .54);
  border-color: rgba(255, 255, 255, .24);
}

.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-wayback-details {
  margin-top: -1px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .018)),
    rgba(255, 255, 255, .018);
  overflow: hidden;
}

.drawer-wayback-details summary {
  display: none;
}

.drawer-wayback-details > div {
  padding: 8px 9px;
}

.drawer-wayback-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px 8px;
  align-items: center;
}

.drawer-wayback-summary {
  grid-column: 1 / -1;
  display: flex;
  align-items: baseline;
  gap: 4px;
  min-height: 0;
  padding: 0 1px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.drawer-wayback-summary b {
  color: var(--yellow);
  font-size: 11px;
  font-weight: 950;
  line-height: 1;
}

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

.drawer-wayback-rows {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.drawer-wayback-row {
  min-width: 0;
  display: grid;
  grid-template-columns: 30px 82px minmax(0, 1fr);
  gap: 3px 6px;
  align-items: baseline;
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  line-height: 1.2;
}

.drawer-wayback-row b {
  color: var(--muted);
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.drawer-wayback-row strong {
  color: var(--text);
  font-size: 10px;
  font-weight: 950;
  line-height: 1.15;
}

.drawer-wayback-row span {
  min-width: 0;
  overflow: hidden;
  color: var(--text);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.drawer-wayback-row em,
.drawer-wayback-snapshot em {
  grid-column: 2 / 4;
  color: var(--muted);
  font-size: 8px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.1;
}

.drawer-wayback-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  align-self: end;
}

.drawer-wayback-open {
  min-width: 21px;
  height: 21px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  border: 1px solid rgba(255, 213, 46, .45);
  border-radius: 999px;
  background: rgba(0, 0, 0, .60);
  color: var(--yellow);
  font-size: 8px;
  font-weight: 950;
  line-height: 1;
  cursor: pointer;
}

.drawer-wayback-open:hover,
.drawer-wayback-open:focus-visible {
  border-color: var(--yellow);
  background: rgba(255, 213, 46, .12);
  color: var(--yellow);
  outline: none;
}

.drawer-wayback-open:disabled {
  cursor: not-allowed;
  opacity: .42;
}

.drawer-wayback-snapshot {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}

.drawer-wayback-snapshot > div:first-child {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.drawer-wayback-snapshot b {
  color: var(--muted);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.drawer-wayback-snapshot strong {
  color: var(--yellow);
  font-size: 13px;
  font-weight: 950;
  line-height: 1;
}

.drawer-wayback-snapshot span {
  min-width: 0;
  overflow: hidden;
  color: var(--text);
  font-size: 11px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.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 {
  position: relative;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  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-shield::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  transform: translate(-50%, -50%);
  background: #d8ffe7;
  opacity: .98;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .18));
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2.2 20 5v6.5c0 5-3.1 8.8-8 10.3-4.9-1.5-8-5.3-8-10.3V5l8-2.8Zm0 2.3L6 6.6v4.9c0 3.9 2.2 6.8 6 8.1 3.8-1.3 6-4.2 6-8.1V6.6l-6-2.1Zm4.1 5.2 1.3 1.3-6 6-3.5-3.5 1.3-1.3 2.2 2.2 4.7-4.7Z'/%3E%3C/svg%3E") center / contain no-repeat;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2.2 20 5v6.5c0 5-3.1 8.8-8 10.3-4.9-1.5-8-5.3-8-10.3V5l8-2.8Zm0 2.3L6 6.6v4.9c0 3.9 2.2 6.8 6 8.1 3.8-1.3 6-4.2 6-8.1V6.6l-6-2.1Zm4.1 5.2 1.3 1.3-6 6-3.5-3.5 1.3-1.3 2.2 2.2 4.7-4.7Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.appraise-report-v2 .appraise-report-shield.has-config-icon::after {
  content: none;
}

.appraise-report-v2 .appraise-report-shield .appraise-report-config-icon {
  --appraise-icon-bg-size: 30px;
  --appraise-icon-bg: transparent;
  --appraise-icon-radius: 0;
  --appraise-icon-color: #d8ffe7;
  --appraise-icon-size: 24px;
  border: 0;
  box-shadow: none;
}

.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-config-icon,
.appraise-report-v2 .appraise-report-metrics span .appraise-report-config-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--appraise-icon-bg-size, 25px);
  height: var(--appraise-icon-bg-size, 25px);
  flex: 0 0 var(--appraise-icon-bg-size, 25px);
  border: 1px solid rgba(255, 213, 46, .22);
  border-radius: var(--appraise-icon-radius, 7px);
  background: var(--appraise-icon-bg, rgba(255, 213, 46, .09));
  color: var(--appraise-icon-color, var(--yellow));
  transform: translate(var(--appraise-icon-offset-x, 0), var(--appraise-icon-offset-y, 0));
}

.appraise-report-v2 .appraise-report-config-icon::before,
.appraise-report-v2 .appraise-report-metrics span .appraise-report-config-icon::before {
  content: "";
  width: var(--appraise-icon-size, 15px);
  height: var(--appraise-icon-size, 15px);
  display: block;
  background: var(--appraise-icon-color, var(--yellow));
  mask-image: var(--appraise-icon-url);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-image: var(--appraise-icon-url);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}

.appraise-report-v2 .appraise-report-config-icon.is-text::before,
.appraise-report-v2 .appraise-report-config-icon.has-inline-svg::before,
.appraise-report-v2 .appraise-report-config-icon.has-raster-icon::before {
  content: none;
}

.appraise-report-v2 .appraise-report-config-icon img {
  width: var(--appraise-icon-size, 15px);
  height: var(--appraise-icon-size, 15px);
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .24));
}

.appraise-report-v2 .appraise-report-config-icon svg {
  width: var(--appraise-icon-size, 15px);
  height: var(--appraise-icon-size, 15px);
  display: block;
  color: var(--appraise-icon-color, var(--yellow));
  fill: currentColor;
}

.appraise-report-v2 .appraise-report-config-icon svg path,
.appraise-report-v2 .appraise-report-config-icon svg polygon,
.appraise-report-v2 .appraise-report-config-icon svg circle,
.appraise-report-v2 .appraise-report-config-icon svg rect {
  fill: currentColor;
}

.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;
  align-items: start;
}

.appraise-report-v2 .appraise-report-global-markets,
.appraise-report-v2 .appraise-report-global-note {
  display: grid;
  align-content: start;
  gap: 12px;
}

.appraise-report-v2 .appraise-report-global-note b {
  min-height: 38px;
  display: flex;
  align-items: center;
}

.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 {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  color: #f0f3f8;
  font-size: 13px;
  font-weight: 750;
}

.appraise-report-v2 .appraise-report-market-flag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  color: #f0f3f8;
  font-size: 14px;
  line-height: 1;
}

.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-comparables-note {
  color: #d8dde6;
  font-weight: 650;
}

.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 {
  width: 100%;
  min-width: 0;
  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 {
  width: 100%;
  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 {
  --drawer-switch-width: 46px;
  --drawer-switch-height: 24px;
  --drawer-switch-knob: 18px;
  --drawer-switch-edge: 8px;
  --drawer-switch-gap: 3px;
  position: relative;
  min-height: 42px;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) var(--drawer-switch-width) !important;
  align-items: center;
  gap: 12px !important;
  padding: 7px var(--drawer-switch-edge) 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-row > span {
  min-width: 0;
  min-height: var(--drawer-switch-height);
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
  line-height: 1;
}

.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;
}

.drawer-toggle-grid .drawer-toggle-field-wide {
  grid-column: 1 / -1;
}

.advanced-pricing-fields {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(204px, 1fr) minmax(168px, .9fr);
  align-items: start;
  gap: 10px 12px;
}

.advanced-pricing-fields[hidden] {
  display: none !important;
}

.lto-pricing-fields {
  margin-top: 2px;
  padding: 12px;
  border: 1px solid rgba(255, 213, 46, .18);
  border-radius: 8px;
  background: rgba(255, 213, 46, .035);
}

.lto-pricing-fields .drawer-help {
  margin: 0;
}

.pricing-mode-notice {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid rgba(255, 213, 46, .28);
  border-radius: 9px;
  background: linear-gradient(135deg, rgba(255, 213, 46, .11), rgba(255, 213, 46, .035));
  color: #ffe57d;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.pricing-mode-notice[hidden] {
  display: none !important;
}

.liquidation-pricing-fields {
  margin-top: 2px;
  padding: 14px;
  border: 1px solid rgba(255, 213, 46, .22);
  border-radius: 10px;
  background:
    radial-gradient(circle at 100% 0, rgba(255, 213, 46, .09), transparent 44%),
    rgba(255, 255, 255, .022);
}

.market-pulse-pricing-fields {
  margin-top: 2px;
  padding: 14px;
  border: 1px solid rgba(73, 162, 255, .30);
  border-radius: 10px;
  background:
    radial-gradient(circle at 100% 0, rgba(73, 162, 255, .14), transparent 46%),
    linear-gradient(135deg, rgba(73, 162, 255, .045), transparent 55%),
    rgba(255, 255, 255, .022);
}

.market-pulse-intro {
  display: grid;
  gap: 4px;
  padding-bottom: 4px;
}

.market-pulse-intro strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #7bc1ff;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.market-pulse-intro strong i {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #49a2ff;
  box-shadow: 0 0 0 4px rgba(73, 162, 255, .13), 0 0 18px rgba(73, 162, 255, .7);
}

.market-pulse-intro span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.liquidation-intro {
  display: grid;
  gap: 4px;
  padding-bottom: 4px;
}

.liquidation-intro strong {
  color: #ffd52e;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.liquidation-intro span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.drawer-suffix-input {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
}

.drawer-suffix-input input {
  min-width: 0;
  border-radius: 8px 0 0 8px !important;
}

.drawer-suffix-input b {
  min-width: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, .11);
  border-left: 0;
  border-radius: 0 8px 8px 0;
  background: rgba(0, 0, 0, .32);
  color: #ffd52e;
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.liquidation-preview {
  display: grid;
  gap: 5px;
  padding: 12px 13px;
  border: 1px solid rgba(255, 213, 46, .22);
  border-radius: 9px;
  background: rgba(0, 0, 0, .25);
}

.liquidation-preview > span {
  color: #ffd52e;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.liquidation-preview strong {
  color: var(--text);
  font-size: 14px;
  font-weight: 950;
}

.liquidation-preview em {
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  line-height: 1.45;
}

.market-pulse-preview {
  display: grid;
  gap: 5px;
  padding: 12px 13px;
  border: 1px solid rgba(73, 162, 255, .28);
  border-radius: 9px;
  background: rgba(0, 0, 0, .28);
}

.market-pulse-preview > span {
  color: #7bc1ff;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.market-pulse-preview strong {
  color: var(--text);
  font-size: 14px;
  font-weight: 950;
}

.market-pulse-preview em {
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  line-height: 1.45;
}

.advanced-pricing-fields .wide {
  grid-column: 1 / -1;
}

.advanced-pricing-fields > label,
.advanced-pricing-fields > .field-group {
  min-width: 0;
}

.advanced-pricing-fields > label {
  grid-template-rows: 18px 42px;
  align-content: start;
  gap: 6px;
}

.advanced-pricing-fields > label > span:first-child,
.advanced-pricing-fields > label > .drawer-label-with-tooltip {
  min-height: 18px;
  display: inline-flex;
  align-items: center;
}

.advanced-pricing-fields .variation-percent-field {
  max-width: 100%;
}

.advanced-pricing-fields .variation-percent-field .drawer-percent-input {
  height: 42px;
  grid-template-columns: minmax(76px, 1fr) 34px;
}

.advanced-pricing-fields .variation-percent-field .drawer-percent-input input,
.advanced-pricing-fields select {
  min-height: 42px;
  font-size: 14px;
  font-weight: 800;
}

.advanced-pricing-fields .variation-percent-field .drawer-percent-input b {
  font-size: 14px;
}

.advanced-pricing-fields select {
  padding-right: 34px;
}

.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-family: inherit;
  text-align: left;
  cursor: pointer;
}

.drawer-toggle-row input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.drawer-toggle-row::after {
  content: "";
  width: var(--drawer-switch-width);
  height: var(--drawer-switch-height);
  box-sizing: border-box;
  justify-self: end;
  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;
  top: 50%;
  right: calc(var(--drawer-switch-edge) + var(--drawer-switch-width) - var(--drawer-switch-gap) - var(--drawer-switch-knob));
  width: var(--drawer-switch-knob);
  height: var(--drawer-switch-knob);
  border-radius: 999px;
  background: #2b2f35;
  box-shadow: 0 2px 7px rgba(0, 0, 0, .55);
  transform: translateY(-50%);
  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: translate(22px, -50%);
  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: translateY(-50%);
  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% - 22px);
  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);
}

.dashboard-table .appraise-net-certificate-indicator.drawer-tooltip-trigger {
  width: 17px;
  min-width: 17px;
  height: 17px;
  min-height: 17px;
  flex: 0 0 17px;
  border-color: rgba(255, 213, 46, .88);
  background: rgba(255, 213, 46, .16);
  color: var(--yellow);
  box-shadow: 0 0 0 4px rgba(255, 213, 46, .14);
  transform: translateY(-1px);
}

.dashboard-table .appraise-net-certificate-indicator.drawer-tooltip-trigger:hover,
.dashboard-table .appraise-net-certificate-indicator.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);
  outline: 0;
  transform: translateY(-1px) scale(1.02);
}

.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-header-action {
  color: #18304f;
}

html.dashboard-theme-light .dashboard-header-action:hover {
  color: #0b2f5f;
  background: rgba(0, 108, 240, .07);
}

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-confirm,
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,
html.dashboard-theme-light .domain-bulk-confirm 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-dotdb-action-mode="capture"],
html.dashboard-theme-light .drawer-data-action[data-appraise-action-mode="capture"],
html.dashboard-theme-light .drawer-data-action[data-appraise-action-mode="download"],
html.dashboard-theme-light .drawer-data-action[data-dapachecker-action-mode="capture"],
html.dashboard-theme-light .drawer-data-action[data-dapachecker-action-mode="download"],
html.dashboard-theme-light .drawer-data-action[data-instantusername-action-mode="capture"],
html.dashboard-theme-light .drawer-data-action[data-instantusername-action-mode="download"],
html.dashboard-theme-light .drawer-data-action[data-ahrefs-action-mode="capture"],
html.dashboard-theme-light .drawer-data-action[data-seobility-action-mode="capture"],
html.dashboard-theme-light .drawer-data-action[data-seobility-action-mode="download"],
html.dashboard-theme-light .drawer-data-action[data-majestic-action-mode="capture"],
html.dashboard-theme-light .drawer-data-action[data-majestic-action-mode="download"],
html.dashboard-theme-light .drawer-data-action[data-wayback-action-mode="capture"],
html.dashboard-theme-light .drawer-data-action[data-uspto-action-mode="capture"] {
  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-dotdb-action-mode="capture"]:hover,
html.dashboard-theme-light .drawer-data-action[data-dotdb-action-mode="capture"]: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,
html.dashboard-theme-light .drawer-data-action[data-dapachecker-action-mode="capture"]:hover,
html.dashboard-theme-light .drawer-data-action[data-dapachecker-action-mode="capture"]:focus-visible,
html.dashboard-theme-light .drawer-data-action[data-dapachecker-action-mode="download"]:hover,
html.dashboard-theme-light .drawer-data-action[data-dapachecker-action-mode="download"]:focus-visible,
html.dashboard-theme-light .drawer-data-action[data-instantusername-action-mode="capture"]:hover,
html.dashboard-theme-light .drawer-data-action[data-instantusername-action-mode="capture"]:focus-visible,
html.dashboard-theme-light .drawer-data-action[data-instantusername-action-mode="download"]:hover,
html.dashboard-theme-light .drawer-data-action[data-instantusername-action-mode="download"]:focus-visible,
html.dashboard-theme-light .drawer-data-action[data-ahrefs-action-mode="capture"]:hover,
html.dashboard-theme-light .drawer-data-action[data-ahrefs-action-mode="capture"]:focus-visible,
html.dashboard-theme-light .drawer-data-action[data-seobility-action-mode="capture"]:hover,
html.dashboard-theme-light .drawer-data-action[data-seobility-action-mode="capture"]:focus-visible,
html.dashboard-theme-light .drawer-data-action[data-seobility-action-mode="download"]:hover,
html.dashboard-theme-light .drawer-data-action[data-seobility-action-mode="download"]:focus-visible,
html.dashboard-theme-light .drawer-data-action[data-majestic-action-mode="capture"]:hover,
html.dashboard-theme-light .drawer-data-action[data-majestic-action-mode="capture"]:focus-visible,
html.dashboard-theme-light .drawer-data-action[data-majestic-action-mode="download"]:hover,
html.dashboard-theme-light .drawer-data-action[data-majestic-action-mode="download"]:focus-visible,
html.dashboard-theme-light .drawer-data-action[data-wayback-action-mode="capture"]:hover,
html.dashboard-theme-light .drawer-data-action[data-wayback-action-mode="capture"]:focus-visible,
html.dashboard-theme-light .drawer-data-action[data-uspto-action-mode="capture"]:hover,
html.dashboard-theme-light .drawer-data-action[data-uspto-action-mode="capture"]: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="download"],
html.dashboard-theme-light .drawer-data-action[data-appraise-action-mode="download"],
html.dashboard-theme-light .drawer-data-action[data-dapachecker-action-mode="download"],
html.dashboard-theme-light .drawer-data-action[data-instantusername-action-mode="download"],
html.dashboard-theme-light .drawer-data-action[data-ahrefs-action-mode="download"],
html.dashboard-theme-light .drawer-data-action[data-seobility-action-mode="download"],
html.dashboard-theme-light .drawer-data-action[data-majestic-action-mode="download"],
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="download"]:hover,
html.dashboard-theme-light .drawer-data-action[data-appraise-action-mode="download"]:focus-visible,
html.dashboard-theme-light .drawer-data-action[data-dapachecker-action-mode="download"]:hover,
html.dashboard-theme-light .drawer-data-action[data-dapachecker-action-mode="download"]:focus-visible,
html.dashboard-theme-light .drawer-data-action[data-instantusername-action-mode="download"]:hover,
html.dashboard-theme-light .drawer-data-action[data-instantusername-action-mode="download"]:focus-visible,
html.dashboard-theme-light .drawer-data-action[data-ahrefs-action-mode="download"]:hover,
html.dashboard-theme-light .drawer-data-action[data-ahrefs-action-mode="download"]:focus-visible,
html.dashboard-theme-light .drawer-data-action[data-seobility-action-mode="download"]:hover,
html.dashboard-theme-light .drawer-data-action[data-seobility-action-mode="download"]:focus-visible,
html.dashboard-theme-light .drawer-data-action[data-majestic-action-mode="download"]:hover,
html.dashboard-theme-light .drawer-data-action[data-majestic-action-mode="download"]:focus-visible {
  border-color: rgb(242 204 45);
  background: rgba(255, 255, 255, .035);
  color: #7a6400;
  box-shadow: 0 0 0 1px rgba(242, 204, 45, .25);
  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-label-actions .drawer-appraise-expand-toggle,
html.dashboard-theme-light .drawer-appraise-label-actions .drawer-appraise-report-toggle,
html.dashboard-theme-light .drawer-appraise-label-actions .drawer-appraise-certificate-toggle {
  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-appraise-label-actions .drawer-appraise-expand-toggle:hover,
html.dashboard-theme-light .drawer-appraise-label-actions .drawer-appraise-expand-toggle:focus-visible,
html.dashboard-theme-light .drawer-appraise-label-actions .drawer-appraise-report-toggle:hover,
html.dashboard-theme-light .drawer-appraise-label-actions .drawer-appraise-report-toggle:focus-visible,
html.dashboard-theme-light .drawer-appraise-label-actions .drawer-appraise-certificate-toggle:hover,
html.dashboard-theme-light .drawer-appraise-label-actions .drawer-appraise-certificate-toggle:focus-visible {
  border-color: #006cf0;
  background: #006cf0;
  color: #ffffff;
  box-shadow: 0 0 0 4px rgba(0, 108, 240, .12);
}

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-wayback-details,
html.dashboard-theme-light .drawer-appraise-grid div {
  border-color: rgba(13, 33, 63, .14);
  background: #eef3f8;
}

html.dashboard-theme-light .drawer-wayback-summary {
  border-color: transparent;
  background: transparent;
}

html.dashboard-theme-light .drawer-wayback-summary b,
html.dashboard-theme-light .drawer-wayback-open,
html.dashboard-theme-light .drawer-wayback-snapshot strong {
  color: #006cf0;
}

html.dashboard-theme-light .drawer-wayback-open {
  border-color: rgba(0, 108, 240, .36);
  background: #ffffff;
}

html.dashboard-theme-light .drawer-wayback-open:hover,
html.dashboard-theme-light .drawer-wayback-open:focus-visible {
  border-color: #006cf0;
  background: rgba(0, 108, 240, .10);
  color: #006cf0;
}

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 tbody tr.dashboard-empty-row td {
  background: rgba(255, 255, 255, .82);
}

html.dashboard-theme-light .dashboard-table tbody tr.dashboard-empty-row td:first-child,
html.dashboard-theme-light .dashboard-table tbody tr.dashboard-empty-row td[data-col="domain"] {
  background: #f7f9fc;
}

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 .dashboard-table .status-pill.checking,
html.dashboard-theme-light .dashboard-table button.inline-edit.status-pill.checking:not(.is-editing) {
  border-color: rgba(177, 132, 0, .32);
  background: rgba(255, 213, 46, .22) !important;
  color: #6f5100;
}

html.dashboard-theme-light .dashboard-table .status-pill.checking .status-live-dot {
  background: #c69000;
  box-shadow: 0 0 0 4px rgba(198, 144, 0, .14);
}

html.dashboard-theme-light .traffic-cell {
  color: #006cf0;
}

html.dashboard-theme-light .traffic-cell.has-live-traffic {
  color: #c99b12;
}

html.dashboard-theme-light .traffic-cell.has-live-traffic.has-checkout-traffic {
  color: #006cf0;
}

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);
  }

  .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 .dashboard-live-status[data-dashboard-live-filter][aria-pressed="true"],
html.dashboard-theme-light .button[data-dashboard-live-filter][aria-pressed="true"] {
  border-color: var(--dashboard-live-filter-active-border, transparent);
  background: var(--dashboard-live-filter-active-fill, transparent);
  color: var(--dashboard-live-filter-active-ink, inherit);
  outline: 1px solid var(--dashboard-live-filter-active-outline, transparent);
  outline-offset: var(--dashboard-live-filter-active-outline-offset, 2px);
  box-shadow: none;
}

html.dashboard-theme-light .dashboard-live-status[data-dashboard-live-filter][aria-pressed="true"]:focus-visible,
html.dashboard-theme-light .button[data-dashboard-live-filter][aria-pressed="true"]:focus-visible {
  border-color: var(--dashboard-live-filter-active-border, var(--yellow));
  background: var(--dashboard-live-filter-active-border, var(--yellow));
  color: #111111;
  outline: none;
  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: var(--drawer-section-icon-light-border, rgba(0, 108, 240, .18));
  color: var(--drawer-section-icon-light-color, #006cf0);
  background: var(--drawer-section-icon-light-bg, rgba(0, 108, 240, .08));
}

html.dashboard-theme-light .drawer-section-drag-handle {
  color: rgba(13, 33, 63, .32);
}

html.dashboard-theme-light .drawer-section-drag-handle:hover,
html.dashboard-theme-light .drawer-section-drag-handle:focus-visible {
  color: #006cf0;
  background: transparent;
}

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 .domain-traffic-view,
html.dashboard-theme-light .traffic-returning-scope {
  border-color: rgba(13, 33, 63, .12);
  background: rgba(0, 108, 240, .04);
}

html.dashboard-theme-light .domain-traffic-view button,
html.dashboard-theme-light .traffic-returning-scope button {
  color: #58708b;
}

html.dashboard-theme-light .domain-traffic-view button[aria-selected="true"],
html.dashboard-theme-light .traffic-returning-scope button[aria-pressed="true"] {
  color: #fff;
  background: #006cf0;
  box-shadow: 0 4px 14px rgba(0, 108, 240, .16);
}

html.dashboard-theme-light .domain-traffic-view button:hover,
html.dashboard-theme-light .domain-traffic-view button:focus-visible,
html.dashboard-theme-light .traffic-returning-scope button:hover,
html.dashboard-theme-light .traffic-returning-scope button:focus-visible {
  color: #006cf0;
  outline-color: rgba(0, 108, 240, .42);
}

html.dashboard-theme-light .domain-traffic-view button[aria-selected="true"]:hover,
html.dashboard-theme-light .domain-traffic-view button[aria-selected="true"]:focus-visible,
html.dashboard-theme-light .traffic-returning-scope button[aria-pressed="true"]:hover,
html.dashboard-theme-light .traffic-returning-scope button[aria-pressed="true"]:focus-visible {
  color: #fff;
}

html.dashboard-theme-light .traffic-returning-intro {
  background:
    radial-gradient(circle at 100% 0%, rgba(0, 108, 240, .07), transparent 42%),
    #fff;
}

html.dashboard-theme-light .traffic-returning-list > div {
  border-color: rgba(13, 33, 63, .10);
  background: rgba(0, 108, 240, .035);
}

html.dashboard-theme-light .traffic-returning-list > div.is-current {
  border-color: rgba(0, 108, 240, .40);
  background: rgba(0, 108, 240, .075);
}

html.dashboard-theme-light .traffic-returning-list span b {
  color: #006cf0;
}

html.dashboard-theme-light .traffic-returning-list i {
  background: linear-gradient(90deg, #006cf0, rgba(0, 108, 240, .22));
}

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: rgba(255, 213, 46, .9);
  background: #ffffff;
  color: #006cf0;
  box-shadow: 0 8px 20px rgba(17, 43, 79, .10);
}

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-item:focus-visible {
  border-color: rgba(255, 213, 46, .72);
  background: #eef3f8;
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .22);
  outline: none;
}

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;
}

html.dashboard-theme-light .dashboard-term-definitions dt {
  color: #0d213f;
}

html.dashboard-theme-light .dashboard-term-definitions dd {
  color: #43546c;
}

html.dashboard-theme-light .dashboard-term-note {
  border-top-color: rgba(13, 33, 63, .12);
  color: #617086;
}

html.dashboard-theme-light .returning-signal-cell:hover,
html.dashboard-theme-light .returning-signal-cell:focus-visible {
  background: rgba(0, 108, 240, .08);
  box-shadow: inset 0 0 0 1px rgba(0, 108, 240, .24);
}

html.dashboard-theme-light .returning-signal-cell:hover strong,
html.dashboard-theme-light .returning-signal-cell:focus-visible strong {
  color: #006cf0;
}

html.dashboard-theme-light .returning-tooltip-metric {
  border-color: rgba(0, 108, 240, .16);
  background: rgba(0, 108, 240, .06);
}

html.dashboard-theme-light .returning-tooltip-metric b {
  color: #006cf0;
}

html.dashboard-theme-light .returning-tooltip-metric span {
  color: #0d213f;
}

[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-toggle-grid {
    grid-template-columns: 1fr;
  }

  .drawer-toggle-grid .drawer-toggle-field-wide {
    grid-column: auto;
  }

  .advanced-pricing-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;
    transform: none;
    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(2, 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,
  .dashboard-filter-span-2,
  .dashboard-filter-span-3,
  .dashboard-filter-span-6 {
    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 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,
.gems-tools-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(6, 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="classified"],
.gems-metric-card strong[data-gems-metric="resolving"],
.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: 10px;
  flex-wrap: nowrap;
}

.gems-panel .table-scroll {
  grid-row: auto !important;
  padding-bottom: 0 !important;
}

.gems-table-view-tools {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}

.gems-table-view-tools > .drawer-tooltip-trigger {
  margin-left: 1px;
  transform: none;
}

.gems-panel .table-tools {
  width: auto;
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.gems-panel .table-search {
  flex: 0 0 min(320px, 27vw);
  width: min(320px, 27vw);
}

.gems-available-schedule {
  flex: 0 0 280px;
  width: 280px;
  min-width: 0;
  position: relative;
  display: inline-flex;
  align-items: center;
}

.gems-available-schedule[hidden] {
  display: none;
}

.gems-available-schedule select {
  width: 100%;
  height: 36px;
  min-height: 36px;
  padding: 0 112px 0 12px;
  border: 1px solid rgba(255, 213, 46, .34);
  border-radius: 8px;
  background: #05070a;
  color: var(--yellow);
  font: inherit;
  font-size: 12px;
  font-weight: 750;
  outline: none;
}

.gems-available-schedule select:hover,
.gems-available-schedule select:focus-visible {
  border-color: rgba(255, 213, 46, .72);
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .10);
}

.gems-available-result-count {
  position: absolute;
  right: 28px;
  max-width: 92px;
  overflow: hidden;
  color: var(--muted);
  font-size: 10px;
  font-weight: 750;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
}

html.dashboard-theme-light .gems-available-schedule select {
  border-color: rgba(14, 25, 44, .20);
  background: #fffefa;
  color: #13213a;
}

.gems-panel .gems-drop-window {
  margin-left: auto;
}

.gems-view-switch {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  min-height: 36px;
  height: 36px;
  padding: 3px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 999px;
  background: rgba(5, 7, 10, .50);
}

.gems-drop-window {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  min-height: 36px;
  height: 36px;
  padding: 3px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 999px;
  background: rgba(5, 7, 10, .50);
}

.gems-drop-window[hidden] {
  display: none;
}

.gems-drop-window button {
  min-height: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 0 10px;
  background: transparent;
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}

.gems-drop-window button:hover,
.gems-drop-window button:focus-visible {
  border-color: rgba(255, 213, 46, .62);
  color: var(--text);
  outline: none;
}

.gems-drop-window button.is-active {
  color: #06080b;
  background: var(--yellow);
  border-color: var(--yellow);
}

.gems-view-switch label {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  height: 100%;
}

.gems-view-switch > button {
  min-width: 0;
  height: 100%;
  display: inline-flex;
  align-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  cursor: pointer;
}

.gems-view-switch span {
  min-height: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  margin-bottom: 0;
  padding: 0 11px;
  border-color: transparent;
  background: transparent;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

.gems-view-switch input:checked + span {
  color: #06080b;
  background: var(--yellow);
  border-color: var(--yellow);
  box-shadow: none;
}

.gems-view-switch > button:hover span,
.gems-view-switch > button:focus-visible span {
  border-color: rgba(255, 213, 46, .62);
  color: var(--text);
  outline: none;
}

.gems-view-switch > button:focus-visible {
  outline: none;
}

.gems-view-switch > button.is-active span {
  color: #06080b;
  background: var(--yellow);
  border-color: var(--yellow);
  box-shadow: none;
}

html.dashboard-theme-light .gems-view-switch {
  border-color: rgba(14, 25, 44, .12);
  background: rgba(14, 25, 44, .05);
}

html.dashboard-theme-light .gems-drop-window {
  border-color: rgba(14, 25, 44, .12);
  background: rgba(14, 25, 44, .05);
}

html.dashboard-theme-light .gems-view-switch span {
  color: #31415f;
}

.gems-table.dashboard-table {
  min-width: 1360px;
}

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

.gems-table.dashboard-table [data-col="favorite"] {
  width: 48px;
}

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

.gems-favorites-header-button,
.gems-favorite-star {
  width: 30px;
  height: 30px;
  display: inline-grid;
  place-items: center;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: rgba(255, 213, 46, .34);
  font: inherit;
  font-size: 18px;
  font-weight: 850;
  line-height: 1;
  cursor: pointer;
  outline: none;
}

.gems-favorites-header-button {
  opacity: .76;
}

.gems-favorite-star {
  opacity: 0;
  transition: opacity .16s ease, color .16s ease, border-color .16s ease, background .16s ease;
}

.gems-favorite-star span {
  transform: translateY(-1px);
}

.gems-table tbody tr:hover .gems-favorite-star,
.gems-table tbody tr:focus-within .gems-favorite-star,
.gems-favorite-star.is-active {
  opacity: 1;
}

.gems-favorite-star:hover,
.gems-favorite-star:focus-visible {
  border-color: transparent;
  color: var(--yellow);
  background: transparent;
  box-shadow: none;
}

.gems-favorites-header-button:hover,
.gems-favorites-header-button:focus-visible {
  border-color: rgba(255, 213, 46, .72);
  color: var(--yellow);
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .10);
}

.gems-favorite-star.is-active {
  color: var(--yellow);
  background: transparent;
}

html.dashboard-theme-light .gems-favorite-star.is-active {
  background: transparent;
}

.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;
}

html.dashboard-theme-light .gems-view-switch input:checked + span {
  background: #006cf0;
  border-color: #006cf0;
  color: #ffffff;
}

html.dashboard-theme-light .gems-metric-card .status-pill {
  border-color: rgba(21, 128, 80, .22);
  background: rgba(21, 128, 80, .12) !important;
  color: #0f673f;
}

html.dashboard-theme-light .gems-table .status-pill.gems-task-pill {
  border-color: var(--gems-pill-border, rgba(255, 213, 47, .32));
  background: var(--gems-pill-bg, #05070a) !important;
  color: var(--gems-pill-color, #ffd52f) !important;
}

html.dashboard-theme-light .gems-danger-button {
  border-color: rgba(201, 69, 69, .34) !important;
  background: rgba(201, 69, 69, .07) !important;
  color: #9d3030 !important;
}

.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-favorites-modal {
  width: min(980px, calc(100vw - 32px));
  max-height: min(760px, calc(100vh - 40px));
  border-radius: 18px;
  background: #15171b;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .58);
}

.gems-research-modal {
  width: min(1120px, calc(100vw - 32px));
  max-height: min(820px, calc(100vh - 40px));
  border-radius: 8px;
  background: #15171b;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .58);
}

.gems-available-modal {
  width: min(1120px, calc(100vw - 32px));
  max-height: min(820px, calc(100vh - 40px));
  border-radius: 8px;
  background: #15171b;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .58);
}

.gems-available-results {
  min-height: min(650px, calc(100vh - 180px));
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: 14px;
  padding: 18px;
  border-top: 1px solid rgba(255, 255, 255, .1);
  overflow: hidden;
}

.gems-available-filters {
  display: grid;
  grid-template-columns: minmax(220px, .7fr) minmax(280px, 1fr) auto auto;
  align-items: end;
  gap: 10px;
}

.gems-available-filters > label {
  min-width: 0;
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.gems-available-filters select {
  width: 100%;
  min-height: 40px;
  padding: 0 34px 0 11px;
  border: 1px solid rgba(255, 213, 46, .34);
  border-radius: 6px;
  background: #05070a;
  color: var(--yellow);
  font: inherit;
  font-size: 12px;
  font-weight: 750;
  outline: none;
}

.gems-available-filters select:hover,
.gems-available-filters select:focus-visible {
  border-color: rgba(255, 213, 46, .72);
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .10);
}

.gems-available-query-field .table-search {
  width: 100%;
  min-width: 0;
}

.gems-available-query-field .table-search input {
  min-height: 40px;
}

.gems-available-filters > .button {
  min-height: 40px;
}

.gems-available-search-options {
  grid-column: 2 / -1;
  display: block;
  min-width: 0;
}

.gems-available-search-options-inner {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
}

.gems-available-option-set {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.gems-available-option-set > span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.gems-available-option-group {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 3px;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 999px;
  background: #0e1014;
}

.gems-available-option-group button {
  min-height: 26px;
  padding: 0 12px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--muted);
  font: inherit;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
}

.gems-available-option-group button:hover,
.gems-available-option-group button:focus-visible {
  color: var(--text);
  outline: 1px solid rgba(255, 213, 46, .58);
  outline-offset: -1px;
}

.gems-available-option-group button.is-active {
  background: var(--yellow);
  color: #08090b;
  outline: 0;
}

.gems-available-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.gems-available-summary > div {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 6px;
  background: rgba(255, 255, 255, .025);
}

.gems-available-summary span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.gems-available-summary strong {
  overflow: hidden;
  color: var(--yellow);
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gems-available-table-wrap {
  min-height: 0;
  position: relative;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 6px;
  background: #101216;
  overflow: auto;
}

.gems-research-results-table.gems-available-table th:first-child,
.gems-research-results-table.gems-available-table td:first-child {
  width: 52px;
  padding-right: 4px;
  color: inherit;
  text-align: center;
}

.gems-research-results-table.gems-available-table th:nth-child(2),
.gems-research-results-table.gems-available-table td:nth-child(2) {
  width: 40%;
  color: var(--text);
}

.gems-research-results-table.gems-available-table th:nth-child(3),
.gems-research-results-table.gems-available-table td:nth-child(3) {
  width: 23%;
}

.gems-research-results-table.gems-available-table th:nth-child(4),
.gems-research-results-table.gems-available-table td:nth-child(4) {
  width: 24%;
}

.gems-research-results-table.gems-available-table th:last-child,
.gems-research-results-table.gems-available-table td:last-child {
  width: 82px;
  color: inherit;
  text-align: right;
  text-transform: none;
}

.gems-research-results-table.gems-available-table .gems-loading-cell {
  width: auto;
  color: var(--muted);
  font-weight: 400;
  text-align: center;
  text-transform: none;
}

.gems-available-table tbody tr:hover {
  background: rgba(255, 255, 255, .035);
}

.gems-available-pager {
  min-height: 38px;
}

html.dashboard-theme-light .gems-view-switch > button.is-active span {
  background: #006cf0;
  border-color: #006cf0;
  color: #ffffff;
}

html.dashboard-theme-light .gems-available-modal {
  background: #f7f5ee;
}

html.dashboard-theme-light .gems-available-results {
  border-color: rgba(14, 25, 44, .14);
}

html.dashboard-theme-light .gems-available-filters select,
html.dashboard-theme-light .gems-available-query-field .table-search {
  border-color: rgba(14, 25, 44, .20);
  background: #fffefa;
  color: #13213a;
}

html.dashboard-theme-light .gems-available-option-group {
  border-color: rgba(14, 25, 44, .18);
  background: #fffefa;
}

html.dashboard-theme-light .gems-available-option-group button {
  color: #536078;
}

html.dashboard-theme-light .gems-available-option-group button:hover,
html.dashboard-theme-light .gems-available-option-group button:focus-visible {
  color: #13213a;
}

html.dashboard-theme-light .gems-available-option-group button.is-active {
  background: #006cf0;
  color: #ffffff;
}

html.dashboard-theme-light .gems-available-summary > div,
html.dashboard-theme-light .gems-available-table-wrap {
  border-color: rgba(14, 25, 44, .14);
  background: rgba(255, 255, 255, .72);
}

@media (max-width: 760px) {
  .gems-available-results {
    overflow: auto;
  }

  .gems-available-filters,
  .gems-available-summary {
    grid-template-columns: 1fr;
  }

  .gems-available-search-options {
    grid-column: 1;
    display: block;
  }

  .gems-available-search-options-inner,
  .gems-available-option-set {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .gems-available-search-options-inner {
    display: flex;
  }

  .gems-available-table-wrap {
    min-height: 360px;
  }
}

.gems-research-manager {
  min-height: min(650px, calc(100vh - 180px));
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  border-top: 1px solid rgba(255, 255, 255, .1);
  overflow: hidden;
}

.gems-research-form {
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 18px;
  overflow: auto;
}

.gems-research-form label {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.gems-research-form select,
.gems-research-form input,
.gems-research-form textarea {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 6px;
  background: #0b0d11;
  color: var(--text);
  font: inherit;
}

.gems-research-form select,
.gems-research-form input {
  min-height: 44px;
  padding: 0 12px;
}

.gems-research-form textarea {
  min-height: 180px;
  padding: 12px;
  resize: vertical;
  font: 12px/1.45 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.gems-research-baseline-label textarea {
  min-height: 110px;
}

.gems-research-settings {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.gems-research-security {
  display: grid;
  gap: 3px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 213, 46, .26);
  border-radius: 6px;
  background: rgba(255, 213, 46, .055);
}

.gems-research-security strong {
  color: var(--yellow);
  font-size: 12px;
}

.gems-research-security span,
.gems-research-description {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.gems-research-history {
  min-width: 0;
  padding: 14px;
  border-left: 1px solid rgba(255, 255, 255, .1);
  background: rgba(0, 0, 0, .18);
  overflow: auto;
}

.gems-research-history-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.gems-research-history-head strong {
  color: var(--yellow);
  font-size: 11px;
  text-align: right;
}

.gems-research-job {
  display: grid;
  gap: 8px;
  margin-bottom: 8px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 6px;
  background: rgba(255, 255, 255, .025);
}

.gems-research-job > div,
.gems-research-job footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.gems-research-job strong {
  color: var(--text);
  font-size: 13px;
}

.gems-research-job span,
.gems-research-job p,
.gems-research-job small {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
}

.gems-research-job footer {
  justify-content: flex-start;
}

.gems-research-manager[hidden],
.gems-research-results[hidden] {
  display: none;
}

.gems-research-results {
  min-height: min(650px, calc(100vh - 180px));
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  gap: 14px;
  padding: 18px;
  border-top: 1px solid rgba(255, 255, 255, .1);
  overflow: hidden;
}

.gems-research-results-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
}

.gems-research-results-head h3,
.gems-research-results-head p {
  margin: 0;
}

.gems-research-results-head h3 {
  margin-top: 2px;
  color: var(--text);
  font-size: 22px;
}

.gems-research-results-head nav,
.gems-research-results-pager > div {
  display: flex;
  align-items: center;
  gap: 8px;
}

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

.gems-research-result-stat {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 6px;
  background: rgba(255, 255, 255, .025);
}

.gems-research-result-stat span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.gems-research-result-stat strong {
  overflow: hidden;
  color: var(--yellow);
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gems-research-results-filters {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(190px, .55fr) auto;
  align-items: end;
  gap: 10px;
}

.gems-research-results-filters label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.gems-research-results-filters input,
.gems-research-results-filters select {
  width: 100%;
  min-height: 40px;
  padding: 0 11px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 6px;
  background: #0b0d11;
  color: var(--text);
  font: inherit;
}

.gems-research-results-table-wrap {
  min-height: 0;
  position: relative;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 6px;
  background: #101216;
  overflow: auto;
}

.gems-research-results-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.gems-research-results-table th,
.gems-research-results-table td {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, .075);
  color: var(--muted);
  font-size: 12px;
  text-align: left;
}

.gems-research-results-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #17191e;
  color: var(--text);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.gems-research-results-table th:first-child,
.gems-research-results-table td:first-child {
  width: 42%;
}

.gems-research-results-table td:first-child {
  color: var(--text);
  font-weight: 800;
}

.gems-research-results-table td:nth-child(2) {
  color: var(--yellow);
  font-weight: 850;
}

.gems-research-results-table td:last-child {
  color: #54dc93;
  font-weight: 850;
  text-transform: capitalize;
}

.gems-research-results-pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

@media (max-width: 760px) {
  .gems-research-manager {
    grid-template-columns: 1fr;
    overflow: auto;
  }

  .gems-research-history {
    border-top: 1px solid rgba(255, 255, 255, .1);
    border-left: 0;
  }

  .gems-research-results {
    overflow: auto;
  }

  .gems-research-results-head,
  .gems-research-results-filters {
    grid-template-columns: 1fr;
  }

  .gems-research-results-head nav,
  .gems-research-results-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gems-research-results-table-wrap {
    min-height: 360px;
  }
}

.gems-file-manager,
.gems-schedule-manager,
.gems-favorites-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,
.gems-favorites-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,
.gems-favorites-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,
.gems-favorites-list button:hover,
.gems-favorites-list button:focus-visible,
.gems-favorites-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,
.gems-favorites-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-favorites-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,
.gems-favorite-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,
.gems-favorite-editor label {
  display: grid;
  gap: 6px;
}

.gems-file-editor label span,
.gems-task-editor label span,
.gems-favorite-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,
.gems-favorite-editor input,
.gems-favorite-editor textarea {
  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-favorite-editor input {
  height: 42px;
  padding: 0 12px;
  color: var(--text);
  font-weight: 650;
}

.gems-favorite-editor input[readonly] {
  color: var(--yellow);
}

.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-favorite-editor textarea {
  min-height: 260px;
  padding: 12px;
  resize: vertical;
}

.gems-file-editor input:focus,
.gems-file-editor textarea:focus,
.gems-task-editor input:focus,
.gems-favorite-editor input:focus,
.gems-favorite-editor textarea: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-favorite-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 repeat(4, auto);
  }

  .gems-command {
    grid-template-columns: 1fr;
  }

  .gems-run-button,
  .gems-terminal-button,
  .gems-files-button,
  .gems-tools-button {
    grid-column: span 1;
  }

  .gems-panel .dashboard-table-head {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .gems-panel .table-tools {
    flex: 1 1 100%;
    width: 100%;
  }

  .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;
  }

  .gems-table-view-tools,
  .gems-view-switch,
  .gems-panel .table-search,
  .gems-available-schedule,
  .gems-drop-window {
    width: 100%;
  }

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

  .gems-view-switch {
    flex: 1 1 auto;
  }

  .gems-view-switch label {
    flex: 1 1 0;
  }

  .gems-view-switch span {
    width: 100%;
    justify-content: center;
  }

  .gems-panel .table-tools {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .gems-panel .table-search,
  .gems-available-schedule,
  .gems-drop-window {
    grid-column: 1 / -1;
  }

  .gems-drop-window {
    margin-left: 0;
    overflow-x: auto;
  }
}

@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;
  }
}

/* Domain intelligence bento */

.analytics-bento-page {
  --analytics-violet: #9b6cff;
  --analytics-violet-deep: #7047f5;
  --analytics-cyan: #3cc8ff;
  --analytics-green: #55df91;
  --analytics-pink: #ff62bf;
  --analytics-orange: #ff9f55;
  --analytics-card: rgba(24, 25, 30, .94);
  --analytics-card-raised: rgba(31, 32, 39, .96);
  --analytics-card-line: rgba(255, 255, 255, .085);
  gap: 14px;
}

body:has(.analytics-bento-page) {
  background:
    radial-gradient(circle at 13% -8%, rgba(255, 213, 46, .11), transparent 28%),
    radial-gradient(circle at 86% 5%, rgba(123, 77, 255, .12), transparent 34%),
    radial-gradient(circle at 72% 82%, rgba(41, 183, 255, .06), transparent 34%),
    #090a0c;
}

.analytics-bento-scroll {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 2px 8px 30px 2px;
  scrollbar-color: rgba(155, 108, 255, .55) transparent;
  scrollbar-width: thin;
}

.analytics-bento-scroll::-webkit-scrollbar {
  width: 8px;
}

.analytics-bento-scroll::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(155, 108, 255, .42);
}

.analytics-bento-shell {
  display: grid;
  gap: 14px;
  width: 100%;
  max-width: 1460px;
  margin: 0 auto;
}

.analytics-bento-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 24px;
  padding: 18px 20px 20px;
  border: 1px solid var(--analytics-card-line);
  border-radius: 13px;
  background:
    radial-gradient(circle at 76% -20%, rgba(155, 108, 255, .14), transparent 42%),
    linear-gradient(145deg, rgba(255, 213, 46, .035), transparent 38%),
    rgba(19, 20, 24, .88);
  box-shadow: 0 20px 70px rgba(0, 0, 0, .23);
}

.analytics-bento-identity > .mini-kicker {
  margin: 0 0 7px;
}

.analytics-bento-title-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.analytics-bento-title-row h1 {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 950;
  line-height: 1.06;
  padding-bottom: .06em;
  letter-spacing: -.035em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.analytics-bento-live-link {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 213, 46, .25);
  border-radius: 9px;
  background: rgba(255, 213, 46, .07);
  color: var(--yellow);
  transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease;
}

.analytics-bento-live-link svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.analytics-bento-live-link:hover,
.analytics-bento-live-link:focus-visible {
  border-color: var(--yellow);
  background: #ffe16a;
  color: #0a0a0a;
  outline: none;
  transform: translateY(-1px);
}

.analytics-bento-identity > p:not(.mini-kicker) {
  max-width: 720px;
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.45;
}

.analytics-bento-status-line {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 780;
}

.analytics-bento-status {
  min-height: 25px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 9px;
  border: 1px solid rgba(85, 223, 145, .18);
  border-radius: 999px;
  background: rgba(85, 223, 145, .07);
  color: var(--analytics-green);
}

.analytics-bento-status i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 4px rgba(85, 223, 145, .10);
}

.analytics-bento-status b {
  font-size: 10px;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.analytics-bento-status.is-live i {
  animation: analytics-live-dot 1.8s ease-in-out infinite;
}

.analytics-bento-status.is-warning {
  border-color: rgba(255, 159, 85, .22);
  background: rgba(255, 159, 85, .08);
  color: var(--analytics-orange);
}

.analytics-bento-hero-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.analytics-range-nav {
  display: inline-grid;
  grid-template-columns: repeat(3, minmax(56px, 1fr));
  gap: 3px;
  padding: 3px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 9px;
  background: rgba(0, 0, 0, .28);
}

.analytics-range-nav a {
  min-height: 34px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 950;
  text-decoration: none;
  transition: color .14s ease, background .14s ease, box-shadow .14s ease;
}

.analytics-range-nav a:hover,
.analytics-range-nav a:focus-visible {
  color: var(--yellow);
  background: rgba(255, 213, 46, .07);
  outline: 1px solid rgba(255, 213, 46, .42);
  outline-offset: -1px;
}

.analytics-range-nav a[aria-current="page"] {
  color: #111;
  background: var(--yellow);
  box-shadow: 0 6px 18px rgba(255, 213, 46, .13);
}

.analytics-range-nav a[aria-current="page"]:hover,
.analytics-range-nav a[aria-current="page"]:focus-visible {
  color: #111;
  background: #ffe16a;
  outline-color: var(--yellow);
}

.analytics-data-notice {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  padding: 11px 14px;
  border: 1px solid rgba(255, 213, 46, .24);
  border-radius: 10px;
  background: rgba(255, 213, 46, .055);
}

.analytics-data-notice > i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--yellow);
  box-shadow: 0 0 0 5px rgba(255, 213, 46, .10);
}

.analytics-data-notice strong,
.analytics-data-notice p {
  margin: 0;
}

.analytics-data-notice strong {
  color: var(--yellow);
  font-size: 12px;
}

.analytics-data-notice p {
  margin-top: 2px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
}

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

.analytics-span-8 {
  grid-column: span 8;
}

.analytics-span-4 {
  grid-column: span 4;
}

.analytics-bento-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
  padding: 18px;
  border: 1px solid var(--analytics-card-line);
  border-radius: 13px;
  background: var(--analytics-card);
  box-shadow: 0 18px 54px rgba(0, 0, 0, .22);
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.analytics-bento-card::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  background-image: radial-gradient(rgba(255, 255, 255, .16) .75px, transparent .8px);
  background-size: 16px 16px;
  opacity: .075;
  mask-image: linear-gradient(145deg, #000, transparent 58%);
  pointer-events: none;
  content: "";
}

.analytics-bento-card > * {
  position: relative;
  z-index: 1;
}

.analytics-bento-card:hover {
  border-color: rgba(155, 108, 255, .20);
  box-shadow: 0 24px 72px rgba(0, 0, 0, .28);
  transform: translateY(-1px);
}

.analytics-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.analytics-card-head .mini-kicker {
  margin: 0 0 7px;
  color: rgba(255, 255, 255, .38);
  font-size: 10px;
}

.analytics-card-head h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 880;
  line-height: 1.15;
  letter-spacing: -.015em;
}

.analytics-card-head > div:first-child > p:last-child {
  max-width: 560px;
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
}

.analytics-card-aside {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  color: var(--muted);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.analytics-help-button {
  width: 22px;
  height: 22px;
  min-width: 22px;
  color: #111;
  background: var(--yellow);
  font-size: 11px;
}

.analytics-momentum-card {
  min-height: 360px;
  background:
    radial-gradient(circle at 92% 2%, rgba(155, 108, 255, .18), transparent 34%),
    radial-gradient(circle at 18% 110%, rgba(60, 200, 255, .07), transparent 38%),
    var(--analytics-card);
}

.analytics-momentum-lead {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-top: 26px;
}

.analytics-momentum-lead > div strong,
.analytics-momentum-lead > div span {
  display: block;
}

.analytics-momentum-lead > div strong {
  color: #f7f4ff;
  font-size: clamp(40px, 5vw, 66px);
  font-weight: 860;
  line-height: .9;
  letter-spacing: -.06em;
  text-shadow: 0 0 28px rgba(155, 108, 255, .24);
}

.analytics-momentum-lead > div span {
  margin-top: 8px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 820;
}

.analytics-momentum-lead > p {
  max-width: 300px;
  margin: 0;
  color: var(--analytics-green);
  font-size: 12px;
  font-weight: 780;
  line-height: 1.4;
  text-align: right;
}

.analytics-momentum-bars {
  height: 128px;
  display: flex;
  align-items: stretch;
  gap: clamp(3px, .55vw, 8px);
  margin-top: 20px;
  padding: 4px 0 18px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.analytics-momentum-bar {
  position: relative;
  min-width: 3px;
  flex: 1 1 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  cursor: default;
}

.analytics-momentum-bar > i {
  position: relative;
  width: 100%;
  max-width: 15px;
  height: var(--bar-height, 5%);
  min-height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(155, 108, 255, .17);
  box-shadow: 0 0 0 1px rgba(155, 108, 255, .08), 0 0 18px rgba(112, 71, 245, .10);
  transition: filter .16s ease, transform .16s ease;
}

.analytics-momentum-bar > i b,
.analytics-momentum-bar > i em {
  position: absolute;
  right: 0;
  left: 0;
}

.analytics-momentum-bar > i b {
  inset-block: 0;
  background: linear-gradient(180deg, #b994ff, var(--analytics-violet-deep));
}

.analytics-momentum-bar > i em {
  bottom: 0;
  height: var(--repeat-share, 0%);
  background: linear-gradient(180deg, #64dcff, #269ed8);
}

.analytics-momentum-bar.has-returner > i::after {
  position: absolute;
  z-index: 3;
  top: 3px;
  left: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--analytics-green);
  box-shadow: 0 0 10px var(--analytics-green);
  transform: translateX(-50%);
  content: "";
}

.analytics-momentum-bar.is-unavailable > i {
  background: repeating-linear-gradient(135deg, rgba(255, 255, 255, .14) 0 2px, transparent 2px 5px);
  box-shadow: none;
}

.analytics-momentum-bar:hover > i,
.analytics-momentum-bar:focus-visible > i {
  filter: brightness(1.22);
  transform: scaleX(1.12);
}

.analytics-momentum-bar:focus-visible {
  outline: none;
}

.analytics-momentum-bar > small {
  position: absolute;
  bottom: -16px;
  color: rgba(255, 255, 255, .34);
  font-size: 8px;
  font-style: normal;
  font-weight: 760;
  white-space: nowrap;
}

.analytics-momentum-bar::after,
.analytics-date-strip > span::after {
  position: absolute;
  z-index: 10;
  width: max-content;
  max-width: 230px;
  padding: 7px 9px;
  border: 1px solid rgba(255, 213, 46, .72);
  border-radius: 7px;
  background: #050505;
  color: #fff;
  font-size: 10px;
  font-weight: 760;
  line-height: 1.35;
  opacity: 0;
  pointer-events: none;
  content: attr(data-chart-tip);
  transition: opacity .12s ease;
}

.analytics-momentum-bar::after {
  top: 3px;
  left: 50%;
  transform: translateX(-50%);
}

.analytics-momentum-bar:first-child::after {
  left: 0;
  transform: none;
}

.analytics-momentum-bar:last-child::after {
  right: 0;
  left: auto;
  transform: none;
}

.analytics-momentum-bar:hover::after,
.analytics-momentum-bar:focus-visible::after,
.analytics-date-strip > span:hover::after,
.analytics-date-strip > span:focus-visible::after {
  opacity: 1;
}

.analytics-inline-metrics {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.analytics-inline-metrics-four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.analytics-inline-metrics > div {
  min-width: 0;
  padding-left: 10px;
  border-left: 2px solid rgba(255, 255, 255, .08);
}

.analytics-inline-metrics > div.is-violet { border-color: var(--analytics-violet); }
.analytics-inline-metrics > div.is-cyan { border-color: var(--analytics-cyan); }
.analytics-inline-metrics > div.is-green { border-color: var(--analytics-green); }
.analytics-inline-metrics > div.is-pink { border-color: var(--analytics-pink); }

.analytics-inline-metrics strong,
.analytics-inline-metrics span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.analytics-inline-metrics strong {
  font-size: 15px;
  font-weight: 900;
}

.analytics-inline-metrics span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 790;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.analytics-geography-card {
  min-height: 360px;
  background:
    radial-gradient(circle at 50% 43%, rgba(60, 200, 255, .095), transparent 35%),
    radial-gradient(circle at 85% 0%, rgba(255, 98, 191, .09), transparent 30%),
    var(--analytics-card);
}

.analytics-geo-orbit {
  position: relative;
  min-height: 182px;
  display: grid;
  place-items: center;
  margin-top: 8px;
}

.analytics-geo-orbit > div:last-child {
  position: absolute;
  z-index: 3;
  display: grid;
  justify-items: center;
  pointer-events: none;
}

.analytics-geo-orbit > div:last-child strong,
.analytics-geo-orbit > div:last-child span {
  display: block;
}

.analytics-geo-orbit > div:last-child strong {
  font-size: 28px;
  line-height: 1;
  letter-spacing: -.035em;
}

.analytics-geo-orbit > div:last-child span {
  margin-top: 5px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.analytics-geo-globe {
  position: relative;
  width: 176px;
  height: 176px;
  overflow: hidden;
  border: 1px solid rgba(100, 220, 255, .16);
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 30%, rgba(155, 108, 255, .12), transparent 28%),
    radial-gradient(rgba(255, 255, 255, .23) .7px, transparent .8px);
  background-color: rgba(0, 0, 0, .18);
  background-size: auto, 9px 9px;
  box-shadow: inset 0 0 36px rgba(60, 200, 255, .055), 0 0 54px rgba(60, 200, 255, .045);
}

.analytics-geo-globe::after {
  position: absolute;
  inset: 10px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 50%;
  content: "";
}

.analytics-geo-axis {
  position: absolute;
  inset: 18px 3px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 50%;
}

.analytics-geo-axis-one { transform: rotate(63deg) scaleX(.45); }
.analytics-geo-axis-two { transform: rotate(-63deg) scaleX(.45); }
.analytics-geo-axis-three { inset: 60px 2px; }

.analytics-geo-spot {
  position: absolute;
  z-index: 4;
  top: var(--spot-y);
  left: var(--spot-x);
  width: var(--spot-size);
  height: var(--spot-size);
  border: 2px solid currentColor;
  border-radius: 50%;
  color: var(--analytics-violet);
  background: rgba(155, 108, 255, .22);
  box-shadow: 0 0 0 5px color-mix(in srgb, currentColor 10%, transparent), 0 0 18px currentColor;
  transform: translate(-50%, -50%);
}

.analytics-geo-spot i {
  position: absolute;
  inset: 2px;
  border-radius: inherit;
  background: currentColor;
}

.analytics-geo-spot.is-cyan { color: var(--analytics-cyan); background: rgba(60, 200, 255, .20); }
.analytics-geo-spot.is-pink { color: var(--analytics-pink); background: rgba(255, 98, 191, .20); }
.analytics-geo-spot.is-green { color: var(--analytics-green); background: rgba(85, 223, 145, .20); }
.analytics-geo-spot.is-yellow { color: var(--yellow); background: rgba(255, 213, 46, .20); }

.analytics-country-list {
  display: grid;
  gap: 7px;
  margin-top: 2px;
}

.analytics-country-list > div {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  padding-bottom: 6px;
}

.analytics-country-list span,
.analytics-country-list strong {
  font-size: 10px;
  font-weight: 820;
}

.analytics-country-list span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.analytics-country-list strong {
  color: var(--muted);
  white-space: nowrap;
}

.analytics-country-list i {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--analytics-cyan) var(--country-width), rgba(255, 255, 255, .055) var(--country-width));
}

.analytics-country-empty,
.analytics-chart-empty {
  display: grid;
  min-height: 92px;
  place-items: center;
  color: var(--muted);
  font-size: 11px;
  text-align: center;
}

.analytics-card-note {
  margin: 12px 0 0;
  color: rgba(255, 255, 255, .40);
  font-size: 9px;
  font-weight: 700;
  line-height: 1.4;
}

.analytics-intent-card,
.analytics-returning-card,
.analytics-live-card {
  min-height: 260px;
}

.analytics-intent-card {
  background:
    radial-gradient(circle at 96% 2%, rgba(85, 223, 145, .12), transparent 38%),
    var(--analytics-card);
}

.analytics-intent-flow {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: center;
  gap: 8px;
  margin-top: 26px;
}

.analytics-intent-flow > div {
  min-width: 0;
  text-align: center;
}

.analytics-intent-flow strong,
.analytics-intent-flow span {
  display: block;
}

.analytics-intent-flow strong {
  color: #f5fff8;
  font-size: 29px;
  line-height: 1;
  letter-spacing: -.04em;
}

.analytics-intent-flow span {
  margin-top: 5px;
  color: var(--muted);
  font-size: 8px;
  font-weight: 860;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.analytics-intent-flow > i {
  color: rgba(85, 223, 145, .48);
  font-size: 15px;
  font-style: normal;
}

.analytics-intent-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 24px;
  padding-top: 13px;
  border-top: 1px solid rgba(255, 255, 255, .065);
}

.analytics-intent-actions span {
  color: var(--muted);
  font-size: 9px;
  font-weight: 790;
  text-align: center;
}

.analytics-intent-actions b {
  display: block;
  margin-bottom: 3px;
  color: var(--analytics-green);
  font-size: 14px;
}

.analytics-returning-card {
  background:
    radial-gradient(circle at 95% 4%, rgba(255, 98, 191, .12), transparent 38%),
    var(--analytics-card);
}

.analytics-return-ring-row {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  margin-top: 20px;
}

.analytics-return-ring {
  position: relative;
  width: 110px;
  height: 110px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: conic-gradient(var(--analytics-pink) var(--return-rate), rgba(255, 255, 255, .075) 0);
  box-shadow: 0 0 34px rgba(255, 98, 191, .08);
}

.analytics-return-ring::before {
  position: absolute;
  inset: 8px;
  border-radius: inherit;
  background: #191a1f;
  box-shadow: inset 0 0 24px rgba(0, 0, 0, .30);
  content: "";
}

.analytics-return-ring span {
  position: relative;
  display: grid;
  justify-items: center;
}

.analytics-return-ring strong {
  font-size: 25px;
  line-height: 1;
}

.analytics-return-ring em {
  margin-top: 4px;
  color: var(--muted);
  font-size: 8px;
  font-style: normal;
  font-weight: 850;
  text-transform: uppercase;
}

.analytics-return-copy strong,
.analytics-return-copy span,
.analytics-return-copy em {
  display: block;
}

.analytics-return-copy strong {
  font-size: 16px;
  line-height: 1.15;
}

.analytics-return-copy span,
.analytics-return-copy em {
  margin-top: 6px;
  color: var(--muted);
  font-size: 10px;
  font-style: normal;
  font-weight: 760;
  line-height: 1.35;
}

.analytics-return-copy em {
  color: var(--analytics-pink);
}

.analytics-return-rank {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 2px 12px;
  margin-top: 18px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, .065);
}

.analytics-return-rank span {
  color: var(--muted);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.analytics-return-rank strong {
  grid-row: span 2;
  color: var(--analytics-pink);
  font-size: 24px;
}

.analytics-return-rank em {
  color: var(--muted);
  font-size: 9px;
  font-style: normal;
  font-weight: 730;
}

.analytics-projection-orbit {
  position: relative;
  width: 126px;
  height: 126px;
  display: grid;
  place-items: center;
  margin: 34px auto 0;
  border: 1px solid rgba(155, 108, 255, .22);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(155, 108, 255, .12), transparent 63%);
}

.analytics-projection-orbit::before,
.analytics-projection-orbit i {
  position: absolute;
  inset: 13px;
  border: 1px dashed rgba(155, 108, 255, .24);
  border-radius: inherit;
  content: "";
}

.analytics-projection-orbit i {
  inset: -1px;
  border: 0;
  border-top: 2px solid var(--analytics-violet);
  animation: analytics-orbit 4s linear infinite;
}

.analytics-projection-orbit span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  line-height: 1.25;
  text-align: center;
  text-transform: uppercase;
}

.analytics-live-card {
  background:
    radial-gradient(circle at 92% 4%, rgba(60, 200, 255, .13), transparent 38%),
    var(--analytics-card);
}

.analytics-live-card.is-active {
  border-color: rgba(60, 200, 255, .17);
}

.analytics-live-lead {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  margin-top: 18px;
}

.analytics-live-pulse {
  position: relative;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
}

.analytics-live-pulse::before,
.analytics-live-pulse::after,
.analytics-live-pulse i,
.analytics-live-pulse b {
  position: absolute;
  border-radius: 50%;
  content: "";
}

.analytics-live-pulse::before {
  inset: 0;
  border: 1px solid rgba(60, 200, 255, .14);
}

.analytics-live-pulse::after {
  inset: 10px;
  border: 1px solid rgba(60, 200, 255, .28);
}

.analytics-live-pulse i {
  width: 10px;
  height: 10px;
  background: var(--analytics-cyan);
  box-shadow: 0 0 18px var(--analytics-cyan);
}

.analytics-live-card.is-active .analytics-live-pulse b {
  inset: 5px;
  border: 1px solid var(--analytics-cyan);
  animation: analytics-live-ring 2s ease-out infinite;
}

.analytics-live-lead > div:nth-child(2) strong,
.analytics-live-lead > div:nth-child(2) span {
  display: block;
}

.analytics-live-lead > div:nth-child(2) strong {
  font-size: 31px;
  line-height: 1;
  letter-spacing: -.04em;
}

.analytics-live-lead > div:nth-child(2) span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 820;
  text-transform: uppercase;
}

.analytics-live-lead > em {
  color: var(--muted);
  font-size: 9px;
  font-style: normal;
  font-weight: 760;
  white-space: nowrap;
}

.analytics-live-split {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 17px;
  padding: 12px 0;
  border-top: 1px solid rgba(255, 255, 255, .06);
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.analytics-live-split span {
  min-width: 0;
}

.analytics-live-split em,
.analytics-live-split strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.analytics-live-split em {
  color: var(--muted);
  font-size: 8px;
  font-style: normal;
  font-weight: 850;
  text-transform: uppercase;
}

.analytics-live-split strong {
  margin-top: 4px;
  color: var(--analytics-cyan);
  font-size: 15px;
}

.analytics-live-visitors {
  display: grid;
  gap: 6px;
  margin-top: 10px;
}

.analytics-live-visitors > span:not(.analytics-live-empty) {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.analytics-live-visitors b {
  font-size: 12px;
}

.analytics-live-visitors strong,
.analytics-live-visitors em {
  overflow: hidden;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.analytics-live-visitors em {
  color: var(--muted);
  font-style: normal;
  font-weight: 730;
}

.analytics-live-empty {
  color: var(--muted);
  font-size: 10px;
  font-weight: 750;
}

.analytics-rhythm-card {
  min-height: 310px;
  background:
    radial-gradient(circle at 75% 110%, rgba(155, 108, 255, .13), transparent 42%),
    var(--analytics-card);
}

.analytics-line-chart {
  position: relative;
  height: 150px;
  margin-top: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
  background: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px);
  background-size: 100% 33.333%;
}

.analytics-line-chart svg {
  width: 100%;
  height: 132px;
  overflow: visible;
}

.analytics-chart-area {
  fill: url(#analytics-violet-area);
}

.analytics-chart-line {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.analytics-chart-line.is-unique {
  stroke: var(--analytics-violet);
  stroke-width: 2.2px;
}

.analytics-chart-line.is-repeat {
  stroke: var(--analytics-cyan);
  stroke-width: 1.4px;
  stroke-dasharray: 6 6;
  opacity: .85;
}

.analytics-chart-line.is-returning {
  stroke: var(--analytics-green);
  stroke-width: 1.3px;
  opacity: .9;
}

.analytics-line-chart-labels {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  display: flex;
  justify-content: space-between;
  color: rgba(255, 255, 255, .35);
  font-size: 8px;
  font-weight: 760;
}

.analytics-chart-legend {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.analytics-chart-legend span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 800;
}

.analytics-chart-legend span::before {
  width: 15px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  content: "";
}

.analytics-chart-legend .is-violet { color: var(--analytics-violet); }
.analytics-chart-legend .is-cyan { color: var(--analytics-cyan); }
.analytics-chart-legend .is-green { color: var(--analytics-green); }

.analytics-date-strip {
  display: flex;
  gap: 5px;
  margin-top: 14px;
}

.analytics-date-strip > span {
  position: relative;
  min-width: 4px;
  height: 7px;
  flex: 1 1 0;
  border-radius: 999px;
  background: color-mix(in srgb, var(--analytics-violet) calc(var(--date-intensity, .08) * 100%), rgba(255, 255, 255, .055));
  cursor: default;
}

.analytics-date-strip > span.has-returner {
  box-shadow: inset 0 -2px var(--analytics-green);
}

.analytics-date-strip > span.is-unavailable {
  background: repeating-linear-gradient(135deg, rgba(255, 255, 255, .10) 0 2px, transparent 2px 4px);
}

.analytics-date-strip > span:focus-visible {
  outline: 1px solid var(--yellow);
  outline-offset: 2px;
}

.analytics-date-strip > span::after {
  bottom: calc(100% + 7px);
  left: 50%;
  transform: translateX(-50%);
}

.analytics-date-strip > span:first-child::after {
  left: 0;
  transform: none;
}

.analytics-date-strip > span:last-child::after {
  right: 0;
  left: auto;
  transform: none;
}

.analytics-signal-card {
  min-height: 310px;
  background:
    radial-gradient(circle at 92% 3%, rgba(255, 159, 85, .10), transparent 35%),
    var(--analytics-card);
}

.analytics-quality-stack {
  height: 9px;
  display: flex;
  gap: 2px;
  overflow: hidden;
  margin-top: 24px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .055);
}

.analytics-quality-stack i {
  width: var(--quality-width, 0%);
  min-width: 0;
  border-radius: inherit;
}

.analytics-quality-stack .is-real { background: var(--analytics-green); }
.analytics-quality-stack .is-unknown { background: var(--analytics-orange); }
.analytics-quality-stack .is-bot { background: var(--analytics-pink); }

.analytics-quality-legend {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 11px;
}

.analytics-quality-legend span {
  color: var(--muted);
  font-size: 8px;
  font-weight: 780;
}

.analytics-quality-legend span > i {
  width: 5px;
  height: 5px;
  display: inline-block;
  margin-right: 4px;
  border-radius: 50%;
  vertical-align: 1px;
}

.analytics-quality-legend .is-real { background: var(--analytics-green); }
.analytics-quality-legend .is-unknown { background: var(--analytics-orange); }
.analytics-quality-legend .is-bot { background: var(--analytics-pink); }

.analytics-quality-legend b {
  margin-right: 2px;
  color: var(--text);
  font-size: 11px;
}

.analytics-context-list {
  display: grid;
  gap: 9px;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, .065);
}

.analytics-context-list > div {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 9px;
}

.analytics-context-list span,
.analytics-context-list strong {
  overflow: hidden;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.analytics-context-list span {
  color: var(--muted);
  font-weight: 790;
}

.analytics-context-list strong {
  text-align: right;
}

.analytics-protection-line {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 17px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, .065);
}

.analytics-protection-line span {
  color: var(--muted);
  font-size: 8px;
  font-weight: 780;
}

.analytics-protection-line b {
  color: var(--analytics-orange);
  font-size: 10px;
}

.analytics-bento-footer {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 2px 4px 0;
  color: rgba(255, 255, 255, .32);
  font-size: 9px;
  font-weight: 730;
}

.analytics-bento-locked {
  min-height: 420px;
  display: grid;
  grid-template-columns: 170px minmax(0, 480px);
  align-content: center;
  align-items: center;
  justify-content: center;
  gap: 36px;
  border: 1px solid var(--analytics-card-line);
  border-radius: 13px;
  background: var(--analytics-card);
}

.analytics-bento-locked .analytics-projection-orbit {
  margin: 0;
}

.analytics-bento-locked h2 {
  margin: 4px 0 0;
  font-size: 24px;
}

.analytics-bento-locked p:not(.mini-kicker) {
  margin: 9px 0 18px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.analytics-bento-error {
  max-width: 720px;
  margin: 80px auto;
}

.analytics-bento-error h1 {
  font-size: 42px;
}

@keyframes analytics-live-dot {
  0%, 100% { box-shadow: 0 0 0 4px rgba(85, 223, 145, .08); }
  50% { box-shadow: 0 0 0 8px rgba(85, 223, 145, .01), 0 0 18px rgba(85, 223, 145, .45); }
}

@keyframes analytics-live-ring {
  0% { opacity: .65; transform: scale(.7); }
  100% { opacity: 0; transform: scale(1.5); }
}

@keyframes analytics-orbit {
  to { transform: rotate(360deg); }
}

html.dashboard-theme-light body:has(.analytics-bento-page) {
  background:
    radial-gradient(circle at 13% -8%, rgba(255, 213, 46, .16), transparent 30%),
    radial-gradient(circle at 88% 4%, rgba(84, 75, 218, .10), transparent 34%),
    #f3f6fb;
}

html.dashboard-theme-light .analytics-bento-page {
  --analytics-violet: #7150dd;
  --analytics-violet-deep: #5938ca;
  --analytics-cyan: #087fac;
  --analytics-green: #168551;
  --analytics-pink: #ca398a;
  --analytics-orange: #b85e19;
  --analytics-card: rgba(255, 255, 255, .96);
  --analytics-card-raised: #ffffff;
  --analytics-card-line: rgba(13, 33, 63, .11);
}

html.dashboard-theme-light .analytics-bento-hero {
  background:
    radial-gradient(circle at 78% -20%, rgba(113, 80, 221, .10), transparent 42%),
    linear-gradient(145deg, rgba(255, 213, 46, .07), transparent 38%),
    rgba(255, 255, 255, .90);
  box-shadow: 0 18px 54px rgba(24, 46, 78, .07);
}

html.dashboard-theme-light .analytics-range-nav {
  border-color: rgba(13, 33, 63, .12);
  background: rgba(13, 33, 63, .045);
}

html.dashboard-theme-light .analytics-range-nav a[aria-current="page"] {
  color: #111;
  background: #ffd52e;
  box-shadow: 0 6px 18px rgba(255, 213, 46, .18);
}

html.dashboard-theme-light .analytics-range-nav a:hover,
html.dashboard-theme-light .analytics-range-nav a:focus-visible {
  color: #6e5200;
  background: rgba(255, 213, 46, .13);
  outline-color: rgba(181, 132, 0, .48);
}

html.dashboard-theme-light .analytics-range-nav a[aria-current="page"]:hover,
html.dashboard-theme-light .analytics-range-nav a[aria-current="page"]:focus-visible {
  color: #111;
  background: #ffe16a;
  outline-color: #b58400;
}

html.dashboard-theme-light .analytics-bento-card {
  box-shadow: 0 18px 54px rgba(24, 46, 78, .075);
}

html.dashboard-theme-light .analytics-bento-card::before {
  background-image: radial-gradient(rgba(13, 33, 63, .18) .65px, transparent .75px);
}

html.dashboard-theme-light .analytics-card-head .mini-kicker,
html.dashboard-theme-light .analytics-card-note,
html.dashboard-theme-light .analytics-bento-footer,
html.dashboard-theme-light .analytics-line-chart-labels,
html.dashboard-theme-light .analytics-momentum-bar > small {
  color: rgba(13, 33, 63, .43);
}

html.dashboard-theme-light .analytics-momentum-lead > div strong,
html.dashboard-theme-light .analytics-intent-flow strong {
  color: #142441;
}

html.dashboard-theme-light .analytics-momentum-bars,
html.dashboard-theme-light .analytics-intent-actions,
html.dashboard-theme-light .analytics-return-rank,
html.dashboard-theme-light .analytics-live-split,
html.dashboard-theme-light .analytics-line-chart,
html.dashboard-theme-light .analytics-context-list,
html.dashboard-theme-light .analytics-protection-line {
  border-color: rgba(13, 33, 63, .08);
}

html.dashboard-theme-light .analytics-return-ring::before {
  background: #fff;
}

html.dashboard-theme-light .analytics-geo-globe {
  border-color: rgba(8, 127, 172, .18);
  background:
    radial-gradient(circle at 35% 30%, rgba(113, 80, 221, .10), transparent 28%),
    radial-gradient(rgba(13, 33, 63, .23) .7px, transparent .8px);
  background-color: rgba(0, 108, 240, .025);
  background-size: auto, 9px 9px;
}

html.dashboard-theme-light .analytics-geo-axis,
html.dashboard-theme-light .analytics-geo-globe::after {
  border-color: rgba(13, 33, 63, .10);
}

html.dashboard-theme-light .analytics-country-list i {
  background: linear-gradient(90deg, var(--analytics-cyan) var(--country-width), rgba(13, 33, 63, .07) var(--country-width));
}

html.dashboard-theme-light .analytics-line-chart {
  background: linear-gradient(rgba(13, 33, 63, .045) 1px, transparent 1px);
  background-size: 100% 33.333%;
}

html.dashboard-theme-light .analytics-data-notice {
  border-color: rgba(189, 139, 0, .22);
  background: rgba(255, 213, 46, .10);
}

html.dashboard-theme-light .analytics-data-notice strong {
  color: #8d6500;
}

html.dashboard-theme-light .analytics-bento-live-link {
  border-color: rgba(181, 132, 0, .28);
  background: rgba(255, 213, 46, .13);
  color: #7c5b00;
}

html.dashboard-theme-light .analytics-bento-live-link:hover,
html.dashboard-theme-light .analytics-bento-live-link:focus-visible {
  color: #111;
  background: #ffd52e;
  border-color: #b58400;
  outline-color: rgba(181, 132, 0, .44);
}

html.dashboard-theme-light .analytics-bento-page .drawer-tooltip-trigger {
  border-color: rgba(181, 132, 0, .42);
  background: #fff9dc;
  color: #7c5b00;
  box-shadow: 0 0 0 3px rgba(255, 213, 46, .10);
}

html.dashboard-theme-light .analytics-bento-page .drawer-tooltip-trigger:hover,
html.dashboard-theme-light .analytics-bento-page .drawer-tooltip-trigger:focus-visible {
  border-color: #b58400;
  background: #ffd52e;
  color: #111;
  box-shadow: 0 0 0 4px rgba(255, 213, 46, .18);
}

html.dashboard-theme-light .live-traffic-tooltip.is-analytics-bento-tooltip {
  border-color: rgba(255, 213, 46, .76);
  background: #050505;
  color: #fff;
  box-shadow: 0 18px 54px rgba(0, 0, 0, .38);
}

html.dashboard-theme-light .live-traffic-tooltip.is-analytics-bento-tooltip strong {
  color: #ffd52e;
}

html.dashboard-theme-light .live-traffic-tooltip.is-analytics-bento-tooltip .live-traffic-empty {
  color: #d9dde5;
}

@media (max-width: 1100px) {
  .analytics-momentum-card,
  .analytics-rhythm-card {
    grid-column: span 12;
  }

  .analytics-geography-card,
  .analytics-intent-card,
  .analytics-returning-card,
  .analytics-live-card,
  .analytics-signal-card {
    grid-column: span 6;
  }

  .analytics-signal-card {
    grid-column: span 12;
  }
}

@media (max-width: 760px) {
  .analytics-bento-hero {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 16px;
  }

  .analytics-bento-hero-actions {
    justify-content: flex-start;
  }

  .analytics-range-nav {
    flex: 1 1 auto;
  }

  .analytics-bento-grid > .analytics-bento-card {
    grid-column: span 12;
  }

  .analytics-momentum-card,
  .analytics-geography-card,
  .analytics-intent-card,
  .analytics-returning-card,
  .analytics-live-card,
  .analytics-rhythm-card,
  .analytics-signal-card {
    min-height: 0;
  }

  .analytics-bento-footer {
    display: grid;
  }

  .analytics-bento-locked {
    grid-template-columns: 1fr;
    justify-items: center;
    padding: 34px 22px;
    text-align: center;
  }
}

@media (max-width: 520px) {
  .analytics-bento-scroll {
    padding-right: 2px;
  }

  .analytics-bento-hero,
  .analytics-bento-card {
    padding: 15px;
  }

  .analytics-bento-title-row h1 {
    font-size: 29px;
  }

  .analytics-bento-hero-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .analytics-bento-hero-actions .button {
    width: 100%;
  }

  .analytics-range-nav {
    width: 100%;
  }

  .analytics-momentum-lead {
    display: grid;
    align-items: start;
  }

  .analytics-momentum-lead > p {
    text-align: left;
  }

  .analytics-inline-metrics-four {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .analytics-momentum-bars {
    gap: 3px;
  }

  .analytics-intent-flow {
    gap: 4px;
  }

  .analytics-intent-flow strong {
    font-size: 23px;
  }

  .analytics-return-ring-row {
    grid-template-columns: 94px minmax(0, 1fr);
    gap: 14px;
  }

  .analytics-return-ring {
    width: 92px;
    height: 92px;
  }

  .analytics-live-lead {
    grid-template-columns: 48px minmax(0, 1fr);
  }

  .analytics-live-lead > em {
    grid-column: 1 / -1;
  }

  .analytics-date-strip {
    gap: 3px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .analytics-bento-card,
  .analytics-bento-live-link,
  .analytics-momentum-bar > i {
    transition: none;
  }

  .analytics-bento-status.is-live i,
  .analytics-live-card.is-active .analytics-live-pulse b,
  .analytics-projection-orbit i {
    animation: none;
  }
}

/* Portfolio intelligence bento */

.analytics-portfolio-page {
  --portfolio-gold: #ffd52e;
  --portfolio-ink: #0d0e12;
}

.analytics-portfolio-shell {
  gap: 16px;
}

.analytics-portfolio-hero {
  position: relative;
  overflow: hidden;
  min-height: 168px;
  padding: 24px 26px;
  border-color: rgba(155, 108, 255, .14);
  background:
    radial-gradient(circle at 82% 12%, rgba(155, 108, 255, .23), transparent 30%),
    radial-gradient(circle at 64% 110%, rgba(60, 200, 255, .11), transparent 36%),
    linear-gradient(125deg, rgba(255, 213, 46, .07), transparent 34%),
    rgba(17, 18, 23, .94);
}

.analytics-portfolio-hero::before,
.analytics-portfolio-hero::after {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  content: "";
}

.analytics-portfolio-hero::before {
  top: -46px;
  right: 15%;
  width: 190px;
  height: 190px;
  border: 1px solid rgba(155, 108, 255, .12);
  box-shadow: 0 0 0 34px rgba(155, 108, 255, .025), 0 0 0 76px rgba(60, 200, 255, .015);
}

.analytics-portfolio-hero::after {
  top: 27px;
  right: 22%;
  width: 7px;
  height: 7px;
  background: var(--analytics-cyan);
  box-shadow:
    72px 44px 0 var(--analytics-violet),
    126px 6px 0 var(--analytics-pink),
    180px 74px 0 var(--analytics-green),
    218px 24px 0 var(--portfolio-gold);
  filter: drop-shadow(0 0 8px currentColor);
  opacity: .72;
}

.analytics-portfolio-hero > * {
  position: relative;
  z-index: 1;
}

.analytics-portfolio-hero .analytics-bento-title-row h1 {
  overflow: visible;
  font-size: clamp(31px, 4.4vw, 50px);
  text-overflow: clip;
  white-space: normal;
}

.analytics-portfolio-grid {
  gap: 16px;
}

.analytics-portfolio-grid .analytics-span-12 {
  grid-column: span 12;
}

.portfolio-signal-card {
  min-height: 410px;
  background:
    radial-gradient(circle at 88% -2%, rgba(155, 108, 255, .25), transparent 38%),
    radial-gradient(circle at 8% 112%, rgba(60, 200, 255, .11), transparent 40%),
    linear-gradient(140deg, rgba(255, 213, 46, .025), transparent 42%),
    var(--analytics-card);
}

.portfolio-signal-card::after {
  position: absolute;
  z-index: 0;
  top: -70px;
  right: -42px;
  width: 240px;
  height: 240px;
  border: 1px solid rgba(155, 108, 255, .10);
  border-radius: 50%;
  box-shadow: inset 0 0 70px rgba(155, 108, 255, .04);
  pointer-events: none;
  content: "";
}

.portfolio-signal-lead {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 22px;
  margin-top: 26px;
}

.portfolio-signal-lead strong,
.portfolio-signal-lead span {
  display: block;
}

.portfolio-signal-lead strong {
  color: #f8f5ff;
  font-size: clamp(48px, 6vw, 74px);
  font-weight: 900;
  line-height: .84;
  letter-spacing: -.065em;
  text-shadow: 0 0 34px rgba(155, 108, 255, .28);
}

.portfolio-signal-lead span {
  margin-top: 10px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.portfolio-signal-lead p {
  max-width: 310px;
  margin: 0;
  color: var(--analytics-green);
  font-size: 12px;
  font-weight: 780;
  line-height: 1.45;
  text-align: right;
}

.portfolio-signal-skyline {
  height: 142px;
  display: flex;
  align-items: stretch;
  gap: clamp(5px, .9vw, 13px);
  margin-top: 18px;
  padding: 4px 0 28px;
  border-bottom: 1px solid rgba(255, 255, 255, .065);
}

.portfolio-signal-skyline a {
  position: relative;
  min-width: 0;
  flex: 1 1 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  color: var(--analytics-violet);
  text-decoration: none;
}

.portfolio-signal-skyline a.is-tone-1 { color: var(--analytics-cyan); }
.portfolio-signal-skyline a.is-tone-2 { color: var(--analytics-pink); }
.portfolio-signal-skyline a.is-tone-3 { color: var(--analytics-green); }
.portfolio-signal-skyline a.is-tone-4 { color: var(--portfolio-gold); }

.portfolio-signal-skyline a > i {
  width: min(100%, 24px);
  height: var(--portfolio-bar-height, 5%);
  min-height: 5px;
  border-radius: 999px 999px 5px 5px;
  background: linear-gradient(180deg, color-mix(in srgb, currentColor 94%, white), currentColor);
  box-shadow: 0 0 20px color-mix(in srgb, currentColor 20%, transparent);
  opacity: .92;
  transition: filter .16s ease, transform .16s ease;
}

.portfolio-signal-skyline a > span {
  position: absolute;
  right: 50%;
  bottom: -21px;
  max-width: 76px;
  overflow: hidden;
  color: rgba(255, 255, 255, .36);
  font-size: 8px;
  font-weight: 760;
  text-overflow: ellipsis;
  transform: translateX(50%);
  white-space: nowrap;
}

.portfolio-signal-skyline a::after {
  position: absolute;
  z-index: 12;
  top: 4px;
  left: 50%;
  width: max-content;
  max-width: 250px;
  padding: 7px 9px;
  border: 1px solid rgba(255, 213, 46, .76);
  border-radius: 7px;
  background: #050505;
  color: #fff;
  font-size: 9px;
  font-weight: 760;
  line-height: 1.35;
  opacity: 0;
  pointer-events: none;
  content: attr(data-chart-tip);
  transform: translateX(-50%);
  transition: opacity .12s ease;
}

.portfolio-signal-skyline a:first-child::after {
  left: 0;
  transform: none;
}

.portfolio-signal-skyline a:last-child::after {
  right: 0;
  left: auto;
  transform: none;
}

.portfolio-signal-skyline a:hover > i,
.portfolio-signal-skyline a:focus-visible > i {
  filter: brightness(1.2);
  transform: scaleX(1.12);
}

.portfolio-signal-skyline a:hover::after,
.portfolio-signal-skyline a:focus-visible::after {
  opacity: 1;
}

.portfolio-signal-skyline a:focus-visible {
  outline: none;
}

.portfolio-signal-empty {
  min-height: 110px;
  display: grid;
  place-items: center;
  color: var(--muted);
  font-size: 11px;
  text-align: center;
}

.portfolio-geography-card {
  min-height: 410px;
}

.portfolio-leaders-card {
  min-height: 405px;
  background:
    radial-gradient(circle at 98% 4%, rgba(60, 200, 255, .14), transparent 34%),
    radial-gradient(circle at 6% 100%, rgba(85, 223, 145, .06), transparent 34%),
    var(--analytics-card);
}

.portfolio-leader-list {
  display: grid;
  gap: 2px;
  margin-top: 18px;
}

.portfolio-leader-row {
  min-width: 0;
  display: grid;
  grid-template-columns: 32px minmax(150px, 1fr) repeat(3, minmax(54px, auto)) 20px;
  align-items: center;
  gap: 12px;
  padding: 10px 8px;
  border-radius: 8px;
  color: var(--text);
  text-decoration: none;
  transition: background .15s ease, transform .15s ease;
}

.portfolio-leader-row:hover,
.portfolio-leader-row:focus-visible {
  background: rgba(60, 200, 255, .055);
  outline: none;
  transform: translateX(2px);
}

.portfolio-leader-rank {
  color: rgba(255, 255, 255, .28);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
}

.portfolio-leader-name {
  position: relative;
  min-width: 0;
  padding-bottom: 7px;
}

.portfolio-leader-name strong {
  display: block;
  overflow: hidden;
  font-size: 12px;
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.portfolio-leader-name i {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--analytics-cyan) var(--leader-strength), rgba(255, 255, 255, .055) var(--leader-strength));
}

.portfolio-leader-row > span:not(.portfolio-leader-name):not(.portfolio-leader-rank):not(.portfolio-leader-arrow) {
  text-align: right;
}

.portfolio-leader-row b,
.portfolio-leader-row em {
  display: block;
  white-space: nowrap;
}

.portfolio-leader-row b {
  font-size: 11px;
}

.portfolio-leader-row em {
  margin-top: 2px;
  color: var(--muted);
  font-size: 7px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.portfolio-leader-arrow {
  color: var(--analytics-cyan);
  font-size: 13px;
  text-align: right;
}

.portfolio-live-card {
  min-height: 405px;
}

.portfolio-hot-names {
  display: grid;
  gap: 5px;
  margin-top: 10px;
}

.portfolio-hot-names a {
  min-width: 0;
  display: grid;
  grid-template-columns: 7px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 7px 8px;
  border-radius: 7px;
  background: rgba(0, 0, 0, .13);
  color: var(--text);
  text-decoration: none;
}

.portfolio-hot-names a:hover,
.portfolio-hot-names a:focus-visible {
  background: rgba(60, 200, 255, .06);
  outline: 1px solid rgba(60, 200, 255, .15);
}

.portfolio-hot-names i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--analytics-cyan);
  box-shadow: 0 0 10px var(--analytics-cyan);
}

.portfolio-hot-names strong,
.portfolio-hot-names span {
  overflow: hidden;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.portfolio-hot-names span {
  color: var(--muted);
  font-weight: 760;
}

.portfolio-buyer-path-card,
.portfolio-audience-card,
.portfolio-quality-card {
  min-height: 290px;
}

.portfolio-audience-card {
  background:
    radial-gradient(circle at 95% 4%, rgba(155, 108, 255, .14), transparent 38%),
    var(--analytics-card);
}

.portfolio-audience-lead {
  display: grid;
  grid-template-columns: 116px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  margin-top: 22px;
}

.portfolio-audience-ring {
  position: relative;
  width: 112px;
  height: 112px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: conic-gradient(var(--analytics-violet) var(--audience-share), rgba(255, 255, 255, .07) 0);
  box-shadow: 0 0 34px rgba(155, 108, 255, .10);
}

.portfolio-audience-ring::before {
  position: absolute;
  inset: 8px;
  border-radius: inherit;
  background: #191a1f;
  box-shadow: inset 0 0 24px rgba(0, 0, 0, .30);
  content: "";
}

.portfolio-audience-ring span {
  position: relative;
  display: grid;
  justify-items: center;
  max-width: 76px;
  text-align: center;
}

.portfolio-audience-ring strong {
  font-size: 25px;
  line-height: 1;
}

.portfolio-audience-ring em {
  margin-top: 5px;
  overflow: hidden;
  color: var(--muted);
  font-size: 8px;
  font-style: normal;
  font-weight: 850;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.portfolio-audience-lead > div:last-child {
  display: grid;
  gap: 9px;
}

.portfolio-audience-fact {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, .055);
}

.portfolio-audience-fact span,
.portfolio-audience-fact strong {
  overflow: hidden;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.portfolio-audience-fact span {
  color: var(--muted);
  font-weight: 780;
}

.portfolio-audience-fact strong {
  text-align: right;
}

.portfolio-quality-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-top: 24px;
}

.portfolio-quality-hero strong {
  color: var(--analytics-green);
  font-size: 36px;
  line-height: .9;
  letter-spacing: -.04em;
}

.portfolio-quality-hero span {
  max-width: 180px;
  color: var(--muted);
  font-size: 9px;
  font-weight: 760;
  line-height: 1.35;
  text-align: right;
}

.portfolio-verified-line {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 18px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, .065);
}

.portfolio-verified-line span,
.portfolio-verified-line strong {
  font-size: 9px;
  font-weight: 800;
}

.portfolio-verified-line span {
  color: var(--muted);
}

.portfolio-verified-line strong {
  color: var(--analytics-green);
  font-size: 13px;
}

.portfolio-opportunity-card {
  min-height: 360px;
  background:
    radial-gradient(circle at 16% 120%, rgba(255, 213, 46, .07), transparent 38%),
    radial-gradient(circle at 84% -10%, rgba(255, 98, 191, .11), transparent 34%),
    var(--analytics-card);
}

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

.portfolio-opportunity-column {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: 10px;
  background: rgba(0, 0, 0, .14);
}

.portfolio-opportunity-column:nth-child(2) {
  background: linear-gradient(150deg, rgba(60, 200, 255, .035), rgba(0, 0, 0, .14));
}

.portfolio-opportunity-column:nth-child(3) {
  background: linear-gradient(150deg, rgba(255, 98, 191, .035), rgba(0, 0, 0, .14));
}

.portfolio-opportunity-column h3 {
  margin: 0 0 13px;
  color: rgba(255, 255, 255, .52);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.portfolio-opportunity-row {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 10px;
  padding: 8px 0 10px;
}

.portfolio-opportunity-row + .portfolio-opportunity-row {
  border-top: 1px solid rgba(255, 255, 255, .045);
}

.portfolio-opportunity-row span,
.portfolio-opportunity-row strong,
.portfolio-opportunity-row em {
  min-width: 0;
  display: block;
}

.portfolio-opportunity-row strong {
  overflow: hidden;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.portfolio-opportunity-row em {
  margin-top: 3px;
  color: var(--muted);
  font-size: 8px;
  font-style: normal;
  font-weight: 730;
}

.portfolio-opportunity-row > b {
  color: var(--analytics-green);
  font-size: 11px;
  text-align: right;
}

.portfolio-opportunity-row > i {
  grid-column: 1 / -1;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--analytics-violet) var(--opportunity-strength), rgba(255, 255, 255, .055) var(--opportunity-strength));
}

.portfolio-opportunity-column:nth-child(2) .portfolio-opportunity-row > i {
  background: linear-gradient(90deg, var(--analytics-cyan) var(--opportunity-strength), rgba(255, 255, 255, .055) var(--opportunity-strength));
}

.portfolio-opportunity-column:nth-child(3) .portfolio-opportunity-row > i {
  background: linear-gradient(90deg, var(--analytics-pink) var(--opportunity-strength), rgba(255, 255, 255, .055) var(--opportunity-strength));
}

.portfolio-evidence {
  overflow: hidden;
  border: 1px solid var(--analytics-card-line);
  border-radius: 13px;
  background:
    radial-gradient(circle at 94% -12%, rgba(155, 108, 255, .08), transparent 28%),
    rgba(18, 19, 23, .90);
  box-shadow: 0 18px 54px rgba(0, 0, 0, .17);
}

.portfolio-evidence > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 22px;
}

.portfolio-evidence > header .mini-kicker {
  margin: 0 0 6px;
}

.portfolio-evidence > header h2,
.portfolio-evidence > header p {
  margin: 0;
}

.portfolio-evidence > header h2 {
  font-size: 19px;
}

.portfolio-evidence > header p:not(.mini-kicker) {
  margin-top: 5px;
  color: var(--muted);
  font-size: 10px;
}

.portfolio-evidence details {
  border-top: 1px solid rgba(255, 255, 255, .065);
}

.portfolio-evidence summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 15px 22px;
  cursor: pointer;
  list-style: none;
  transition: background .15s ease;
}

.portfolio-evidence summary::-webkit-details-marker {
  display: none;
}

.portfolio-evidence summary:hover,
.portfolio-evidence summary:focus-visible {
  background: rgba(155, 108, 255, .045);
  outline: none;
}

.portfolio-evidence summary span,
.portfolio-evidence summary strong,
.portfolio-evidence summary em {
  display: block;
}

.portfolio-evidence summary strong {
  font-size: 11px;
}

.portfolio-evidence summary em {
  margin-top: 3px;
  color: var(--muted);
  font-size: 9px;
  font-style: normal;
  font-weight: 720;
}

.portfolio-evidence summary > i {
  color: var(--analytics-violet);
  font-size: 18px;
  font-style: normal;
  transition: transform .15s ease;
}

.portfolio-evidence details[open] summary > i {
  transform: rotate(45deg);
}

.portfolio-evidence-body {
  display: grid;
  gap: 20px;
  padding: 4px 22px 22px;
}

.portfolio-evidence-body > section {
  min-width: 0;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 9px;
  background: rgba(0, 0, 0, .12);
}

.portfolio-evidence-body h3 {
  margin: 0 0 12px;
  color: rgba(255, 255, 255, .54);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.portfolio-evidence-table-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.portfolio-evidence-table-wrap,
.portfolio-evidence-table-grid > table {
  min-width: 0;
  overflow-x: auto;
  scrollbar-color: rgba(155, 108, 255, .45) transparent;
  scrollbar-width: thin;
}

.portfolio-evidence table {
  width: 100%;
  font-size: 10px;
}

.portfolio-evidence th,
.portfolio-evidence td {
  padding: 7px 8px;
  white-space: nowrap;
}

.portfolio-evidence th {
  color: rgba(255, 255, 255, .42);
  font-size: 8px;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.portfolio-evidence td:last-child,
.portfolio-evidence th:last-child {
  text-align: right;
}

.portfolio-top-domain-table th:not(:first-child),
.portfolio-top-domain-table td:not(:first-child) {
  text-align: right;
}

html.dashboard-theme-light .analytics-portfolio-hero {
  background:
    radial-gradient(circle at 82% 12%, rgba(113, 80, 221, .15), transparent 30%),
    radial-gradient(circle at 64% 110%, rgba(8, 127, 172, .08), transparent 36%),
    linear-gradient(125deg, rgba(255, 213, 46, .12), transparent 34%),
    rgba(255, 255, 255, .94);
}

html.dashboard-theme-light .portfolio-signal-lead strong {
  color: #17223c;
}

html.dashboard-theme-light .portfolio-signal-skyline,
html.dashboard-theme-light .portfolio-audience-fact,
html.dashboard-theme-light .portfolio-verified-line,
html.dashboard-theme-light .portfolio-evidence details,
html.dashboard-theme-light .portfolio-leader-name i {
  border-color: rgba(13, 33, 63, .08);
}

html.dashboard-theme-light .portfolio-signal-skyline a > span,
html.dashboard-theme-light .portfolio-leader-rank,
html.dashboard-theme-light .portfolio-opportunity-column h3,
html.dashboard-theme-light .portfolio-evidence-body h3,
html.dashboard-theme-light .portfolio-evidence th {
  color: rgba(13, 33, 63, .46);
}

html.dashboard-theme-light .portfolio-audience-ring::before {
  background: #fff;
}

html.dashboard-theme-light .portfolio-hot-names a,
html.dashboard-theme-light .portfolio-opportunity-column,
html.dashboard-theme-light .portfolio-evidence-body > section {
  background: rgba(13, 33, 63, .025);
}

html.dashboard-theme-light .portfolio-evidence {
  background:
    radial-gradient(circle at 94% -12%, rgba(113, 80, 221, .08), transparent 28%),
    rgba(255, 255, 255, .94);
  box-shadow: 0 18px 54px rgba(24, 46, 78, .065);
}

html.dashboard-theme-light .portfolio-evidence summary:hover,
html.dashboard-theme-light .portfolio-evidence summary:focus-visible {
  background: rgba(113, 80, 221, .045);
}

@media (max-width: 1100px) {
  .portfolio-signal-card,
  .portfolio-leaders-card,
  .portfolio-opportunity-card {
    grid-column: span 12;
  }

  .portfolio-geography-card,
  .portfolio-live-card,
  .portfolio-buyer-path-card,
  .portfolio-audience-card,
  .portfolio-quality-card {
    grid-column: span 6;
  }

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

@media (max-width: 760px) {
  .analytics-portfolio-hero {
    min-height: 0;
    padding: 20px;
  }

  .analytics-portfolio-hero::before,
  .analytics-portfolio-hero::after {
    opacity: .42;
  }

  .portfolio-signal-card,
  .portfolio-geography-card,
  .portfolio-leaders-card,
  .portfolio-live-card,
  .portfolio-buyer-path-card,
  .portfolio-audience-card,
  .portfolio-quality-card,
  .portfolio-opportunity-card {
    grid-column: span 12;
    min-height: 0;
  }

  .portfolio-opportunity-grid,
  .portfolio-evidence-table-grid {
    grid-template-columns: 1fr;
  }

  .portfolio-leader-row {
    grid-template-columns: 28px minmax(120px, 1fr) repeat(2, minmax(50px, auto)) 18px;
  }

  .portfolio-leader-row > span:nth-child(5) {
    display: none;
  }
}

@media (max-width: 520px) {
  .analytics-portfolio-hero .analytics-bento-title-row h1 {
    font-size: 32px;
  }

  .portfolio-signal-lead {
    display: grid;
    align-items: start;
  }

  .portfolio-signal-lead p {
    text-align: left;
  }

  .portfolio-signal-skyline {
    gap: 4px;
  }

  .portfolio-signal-skyline a:nth-child(n+9) {
    display: none;
  }

  .portfolio-signal-skyline a > span {
    display: none;
  }

  .portfolio-leader-row {
    grid-template-columns: 24px minmax(0, 1fr) minmax(44px, auto) 16px;
    gap: 8px;
    padding-inline: 3px;
  }

  .portfolio-leader-row > span:nth-child(4),
  .portfolio-leader-row > span:nth-child(5) {
    display: none;
  }

  .portfolio-audience-lead {
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 12px;
  }

  .portfolio-audience-ring {
    width: 94px;
    height: 94px;
  }

  .portfolio-opportunity-column {
    padding: 12px;
  }

  .portfolio-evidence > header,
  .portfolio-evidence summary {
    padding-right: 15px;
    padding-left: 15px;
  }

  .portfolio-evidence-body {
    padding: 2px 12px 15px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .portfolio-signal-skyline a > i,
  .portfolio-leader-row,
  .portfolio-evidence summary,
  .portfolio-evidence summary > i {
    transition: none;
  }
}

/* Portfolio Pulse: the animated, load-equivalent /analytics2 presentation. */

.analytics-pulse-page {
  --pulse-cycle: 18s;
}

.analytics-pulse-page .analytics-portfolio-hero {
  isolation: isolate;
  border-color: rgba(155, 108, 255, .24);
  box-shadow: 0 22px 80px rgba(0, 0, 0, .22), inset 0 1px rgba(255, 255, 255, .025);
}

.analytics-pulse-page.is-pulse-ready .analytics-portfolio-hero::before {
  animation: portfolio-pulse-hero-orbit var(--pulse-cycle) linear infinite;
}

.analytics-pulse-page.is-pulse-ready .analytics-portfolio-hero::after {
  animation: portfolio-pulse-hero-points 9s ease-in-out infinite;
}

.analytics-pulse-page.is-pulse-ready [data-pulse-card] {
  opacity: 0;
  transform: translateY(14px) scale(.992);
  transition:
    border-color .35s ease,
    box-shadow .35s ease,
    opacity .58s cubic-bezier(.2, .75, .2, 1),
    transform .58s cubic-bezier(.2, .75, .2, 1);
  transition-delay: calc(var(--pulse-order, 0) * 42ms);
}

.analytics-pulse-page.is-pulse-ready [data-pulse-card].is-in-view {
  opacity: 1;
  transform: none;
}

.analytics-pulse-page.is-pulse-ready [data-pulse-card].is-pulse-active {
  border-color: rgba(155, 108, 255, .28);
  box-shadow:
    0 24px 70px rgba(0, 0, 0, .22),
    0 0 0 1px rgba(155, 108, 255, .06),
    inset 0 1px rgba(255, 255, 255, .035);
}

.analytics-pulse-page.is-pulse-ready [data-pulse-card].is-in-view::before {
  animation: portfolio-pulse-card-breathe var(--pulse-cycle) ease-in-out infinite;
  animation-delay: calc(var(--pulse-order, 0) * -1.7s);
}

.analytics-pulse-page .portfolio-signal-card.is-in-view::after {
  animation: portfolio-pulse-signal-orbit 14s ease-in-out infinite;
}

.analytics-pulse-page .portfolio-signal-skyline a > i {
  position: relative;
  overflow: hidden;
  transform-origin: bottom;
}

.analytics-pulse-page .portfolio-signal-skyline a > i::after {
  position: absolute;
  inset: -36% -120%;
  background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, .72) 50%, transparent 65%);
  content: "";
  transform: translateX(-52%);
}

.analytics-pulse-page .portfolio-signal-card.is-in-view .portfolio-signal-skyline a > i {
  animation: portfolio-pulse-bar-rise 1.05s cubic-bezier(.2, .85, .2, 1) both;
  animation-delay: calc(var(--pulse-item, 0) * 58ms + 120ms);
}

.analytics-pulse-page .portfolio-signal-card.is-in-view .portfolio-signal-skyline a > i::after {
  animation: portfolio-pulse-bar-scan 6.8s ease-in-out infinite;
  animation-delay: calc(var(--pulse-item, 0) * 125ms);
}

.analytics-pulse-page .portfolio-geography-card.is-in-view .analytics-geo-globe {
  animation: portfolio-pulse-globe 16s ease-in-out infinite;
}

.analytics-pulse-page .portfolio-geography-card.is-in-view .analytics-geo-spot {
  animation: portfolio-pulse-geo 3.8s ease-in-out infinite;
}

.analytics-pulse-page .portfolio-geography-card.is-in-view .analytics-geo-spot:nth-of-type(2n) { animation-delay: -1.1s; }
.analytics-pulse-page .portfolio-geography-card.is-in-view .analytics-geo-spot:nth-of-type(3n) { animation-delay: -2.3s; }

.analytics-pulse-page .portfolio-leaders-card.is-in-view .portfolio-leader-name i,
.analytics-pulse-page .portfolio-opportunity-card.is-in-view .portfolio-opportunity-row > i {
  transform-origin: left;
  animation: portfolio-pulse-line-reveal 1s cubic-bezier(.2, .8, .2, 1) both;
  animation-delay: calc(var(--pulse-item, 0) * 70ms + 180ms);
}

.analytics-pulse-page .portfolio-leaders-card.is-pulse-active .portfolio-leader-row:nth-child(1),
.analytics-pulse-page .portfolio-leaders-card.is-pulse-active .portfolio-leader-row:nth-child(2) {
  background: linear-gradient(90deg, rgba(60, 200, 255, .065), transparent 72%);
}

.analytics-pulse-page .portfolio-live-card.is-in-view.is-active .analytics-live-pulse {
  filter: drop-shadow(0 0 11px rgba(60, 200, 255, .26));
}

.analytics-pulse-page .portfolio-live-card.is-in-view.is-active .analytics-live-pulse::before {
  animation: portfolio-pulse-live-halo 3.2s ease-out infinite;
}

.analytics-pulse-page .portfolio-buyer-path-card.is-in-view .analytics-intent-flow > i {
  animation: portfolio-pulse-path 2.7s ease-in-out infinite;
}

.analytics-pulse-page .portfolio-buyer-path-card.is-in-view .analytics-intent-flow > i:nth-of-type(2) {
  animation-delay: -1.35s;
}

.analytics-pulse-page .portfolio-audience-card.is-in-view .portfolio-audience-ring {
  animation: portfolio-pulse-ring 8s ease-in-out infinite;
}

.analytics-pulse-page .portfolio-quality-card.is-in-view .analytics-quality-stack i {
  transform-origin: left;
  animation: portfolio-pulse-quality 1.05s cubic-bezier(.2, .8, .2, 1) both;
}

.analytics-pulse-page .portfolio-quality-card.is-in-view .analytics-quality-stack i:nth-child(2) { animation-delay: 90ms; }
.analytics-pulse-page .portfolio-quality-card.is-in-view .analytics-quality-stack i:nth-child(3) { animation-delay: 180ms; }

.analytics-pulse-page.is-pulse-paused *,
.analytics-pulse-page.is-pulse-paused *::before,
.analytics-pulse-page.is-pulse-paused *::after {
  animation-play-state: paused !important;
}

@keyframes portfolio-pulse-hero-orbit {
  0% { transform: rotate(0deg) scale(.96); }
  50% { transform: rotate(180deg) scale(1.06); }
  100% { transform: rotate(360deg) scale(.96); }
}

@keyframes portfolio-pulse-hero-points {
  0%, 100% { opacity: .48; transform: translate3d(0, 0, 0); }
  50% { opacity: .92; transform: translate3d(-8px, 7px, 0); }
}

@keyframes portfolio-pulse-card-breathe {
  0%, 100% { opacity: .72; transform: translate3d(0, 0, 0); }
  50% { opacity: 1; transform: translate3d(-1.5%, 1%, 0); }
}

@keyframes portfolio-pulse-signal-orbit {
  0%, 100% { opacity: .55; transform: translate3d(0, 0, 0) scale(.98); }
  50% { opacity: .9; transform: translate3d(-16px, 14px, 0) scale(1.08); }
}

@keyframes portfolio-pulse-bar-rise {
  from { opacity: .2; transform: scaleY(.08); }
  to { opacity: .92; transform: scaleY(1); }
}

@keyframes portfolio-pulse-bar-scan {
  0%, 18% { transform: translateX(-52%); }
  42%, 100% { transform: translateX(52%); }
}

@keyframes portfolio-pulse-globe {
  0%, 100% { filter: drop-shadow(0 0 0 rgba(155, 108, 255, 0)); transform: rotate(-1deg) scale(.99); }
  50% { filter: drop-shadow(0 0 18px rgba(155, 108, 255, .16)); transform: rotate(1.5deg) scale(1.025); }
}

@keyframes portfolio-pulse-geo {
  0%, 100% { filter: brightness(.92); transform: translate(-50%, -50%) scale(.84); }
  50% { filter: brightness(1.25); transform: translate(-50%, -50%) scale(1.18); }
}

@keyframes portfolio-pulse-line-reveal {
  from { opacity: .18; transform: scaleX(.08); }
  to { opacity: 1; transform: scaleX(1); }
}

@keyframes portfolio-pulse-live-halo {
  0% { box-shadow: 0 0 0 0 rgba(60, 200, 255, .24); opacity: .9; }
  100% { box-shadow: 0 0 0 20px rgba(60, 200, 255, 0); opacity: .3; }
}

@keyframes portfolio-pulse-path {
  0%, 100% { color: rgba(255, 255, 255, .22); transform: translateX(0); }
  50% { color: var(--analytics-green); transform: translateX(3px); }
}

@keyframes portfolio-pulse-ring {
  0%, 100% { box-shadow: 0 0 24px rgba(155, 108, 255, .08); transform: rotate(0deg); }
  50% { box-shadow: 0 0 42px rgba(155, 108, 255, .20); transform: rotate(2deg); }
}

@keyframes portfolio-pulse-quality {
  from { opacity: .18; transform: scaleX(.05); }
  to { opacity: 1; transform: scaleX(1); }
}

@media (prefers-reduced-motion: reduce) {
  .analytics-pulse-page .analytics-portfolio-hero::before,
  .analytics-pulse-page .analytics-portfolio-hero::after,
  .analytics-pulse-page [data-pulse-card],
  .analytics-pulse-page [data-pulse-card]::before,
  .analytics-pulse-page [data-pulse-card]::after,
  .analytics-pulse-page .portfolio-signal-skyline a > i,
  .analytics-pulse-page .portfolio-signal-skyline a > i::after,
  .analytics-pulse-page .analytics-geo-globe,
  .analytics-pulse-page .analytics-geo-spot,
  .analytics-pulse-page .portfolio-leader-name i,
  .analytics-pulse-page .portfolio-opportunity-row > i,
  .analytics-pulse-page .analytics-intent-flow > i,
  .analytics-pulse-page .portfolio-audience-ring,
  .analytics-pulse-page .analytics-quality-stack i {
    animation: none !important;
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Portfolio Cinema: the distinct X-reference interpretation at /analytics2. */

.analytics-cinema-page {
  --cinema-bg: #0a0a0c;
  --cinema-card: #18181b;
  --cinema-line: rgba(255, 255, 255, .075);
  --cinema-copy: #f7f6f3;
  --cinema-muted: rgba(235, 233, 238, .54);
  --cinema-violet: #a66cff;
  --cinema-violet-hot: #c48dff;
  --cinema-cyan: #42c9ff;
  --cinema-pink: #ff4fb2;
  --cinema-green: #53e18d;
  min-height: 100vh;
  color: var(--cinema-copy);
  background:
    radial-gradient(circle at 86% 4%, rgba(89, 52, 160, .14), transparent 28%),
    radial-gradient(circle at 8% 88%, rgba(41, 149, 190, .07), transparent 32%),
    var(--cinema-bg);
}

body:has(.analytics-cinema-page) {
  overflow: hidden;
  background: #0a0a0c;
}

body:has(.analytics-cinema-page) > main {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.analytics-cinema-page .cinema-topbar {
  width: min(1420px, calc(100% - 48px));
  height: 76px;
  margin: 0 auto;
}

.cinema-scroll {
  height: calc(100vh - 76px);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-color: rgba(166, 108, 255, .5) transparent;
}

.cinema-shell {
  width: min(1420px, calc(100% - 48px));
  margin: 0 auto;
  padding: 8px 0 34px;
}

.cinema-toolbar {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  padding: 3px 4px 21px;
}

.cinema-toolbar h1,
.cinema-toolbar p,
.cinema-card h2,
.cinema-card p {
  margin: 0;
}

.cinema-toolbar h1 {
  margin-top: 4px;
  color: var(--cinema-copy);
  font-size: clamp(30px, 3vw, 48px);
  font-weight: 870;
  letter-spacing: -.055em;
  line-height: .98;
}

.cinema-toolbar .mini-kicker,
.cinema-card .mini-kicker {
  color: rgba(230, 228, 234, .42);
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.cinema-freshness,
.cinema-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.cinema-freshness {
  margin-top: 13px;
  color: var(--cinema-muted);
  font-size: 11px;
  font-weight: 700;
}

.cinema-live-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--cinema-muted);
}

.cinema-live-chip i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #6f7279;
  box-shadow: 0 0 0 5px rgba(111, 114, 121, .08);
}

.cinema-live-chip.is-live i {
  background: var(--cinema-green);
  box-shadow: 0 0 0 5px rgba(83, 225, 141, .1), 0 0 18px rgba(83, 225, 141, .35);
}

.cinema-live-chip.is-warning i {
  background: #ff9258;
}

.cinema-live-chip b {
  color: inherit;
  font-size: inherit;
}

.cinema-toolbar .analytics-range-nav {
  border-color: var(--cinema-line);
  background: rgba(255, 255, 255, .025);
}

.cinema-toolbar .analytics-range-nav a[aria-current="page"] {
  color: #0a0a0c;
  background: var(--yellow);
}

.cinema-toolbar .button.ghost {
  border-color: var(--cinema-line);
  color: var(--cinema-copy);
  background: rgba(255, 255, 255, .025);
}

.cinema-grid {
  height: clamp(650px, calc(100vh - 210px), 850px);
  min-height: 650px;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: repeat(10, minmax(0, 1fr));
  gap: 14px;
}

.cinema-card {
  isolation: isolate;
  min-width: 0;
  min-height: 0;
  position: relative;
  border: 1px solid var(--cinema-line);
  border-radius: 22px;
  color: var(--cinema-copy);
  background:
    radial-gradient(circle at 16% -12%, rgba(255, 255, 255, .035), transparent 35%),
    var(--cinema-card);
  box-shadow: 0 18px 60px rgba(0, 0, 0, .22), inset 0 1px rgba(255, 255, 255, .02);
  overflow: hidden;
}

.cinema-card::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: .24;
  background-image:
    radial-gradient(circle, rgba(255, 255, 255, .38) 0 1px, transparent 1.3px),
    radial-gradient(circle, rgba(166, 108, 255, .28) 0 1px, transparent 1.4px);
  background-position: 0 0, 17px 19px;
  background-size: 31px 31px, 43px 43px;
  content: "";
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .62), transparent 72%);
}

.cinema-performance { grid-column: 1 / 9; grid-row: 1 / 5; }
.cinema-map-card { grid-column: 9 / 13; grid-row: 1 / 8; }
.cinema-names-card { grid-column: 1 / 5; grid-row: 5 / 11; }
.cinema-core-card { grid-column: 5 / 9; grid-row: 5 / 8; }
.cinema-flow-card { grid-column: 5 / 13; grid-row: 8 / 11; }

.cinema-card-heading {
  position: relative;
  z-index: 2;
  padding: 23px 25px 0;
}

.cinema-card-heading h2,
.cinema-card-bottom-copy h2,
.cinema-map-copy h2,
.cinema-flow-copy h2 {
  margin: 6px 0 5px;
  color: var(--cinema-copy);
  font-size: clamp(18px, 1.6vw, 25px);
  font-weight: 760;
  letter-spacing: -.035em;
  line-height: 1.05;
}

.cinema-card-heading > p:last-child,
.cinema-card-bottom-copy > p:last-child,
.cinema-map-copy > p,
.cinema-flow-copy > p {
  color: var(--cinema-muted);
  font-size: 12px;
  line-height: 1.45;
}

.cinema-performance-lead {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 25px 0;
}

.cinema-performance-lead strong {
  color: var(--cinema-copy);
  font-size: clamp(38px, 4.4vw, 68px);
  font-weight: 520;
  letter-spacing: -.065em;
  line-height: .86;
}

.cinema-performance-lead span {
  color: var(--cinema-green);
  font-size: clamp(13px, 1.4vw, 20px);
  font-weight: 730;
}

.cinema-metric-label {
  position: relative;
  z-index: 2;
  padding: 8px 25px 0;
  color: var(--cinema-muted);
  font-size: 11px;
  font-weight: 700;
}

.cinema-bars {
  position: absolute;
  right: 25px;
  bottom: 24px;
  left: 25px;
  height: 17%;
  display: flex;
  align-items: end;
  gap: clamp(4px, .7vw, 10px);
}

.cinema-bars a {
  min-width: 5px;
  height: var(--cinema-bar);
  flex: 1;
  position: relative;
  border-radius: 5px;
  background: linear-gradient(to top, #7350dc, var(--cinema-violet-hot));
  box-shadow: 0 0 0 rgba(166, 108, 255, 0);
  transform-origin: bottom;
  transition: filter .34s ease, box-shadow .34s ease, transform .34s ease;
}

.cinema-bars a::before {
  position: absolute;
  inset: -8px -4px;
  border-radius: 8px;
  background: rgba(220, 181, 255, .08);
  content: "";
  opacity: 0;
  transition: opacity .3s ease;
}

.cinema-bars a.is-lit {
  z-index: 2;
  filter: brightness(1.45);
  box-shadow: 0 0 10px rgba(215, 176, 255, .85), 0 0 34px rgba(166, 108, 255, .64);
  transform: scaleY(1.05);
}

.cinema-bars a.is-lit::before { opacity: 1; }

.cinema-map-card {
  background:
    radial-gradient(circle at 54% 24%, rgba(85, 75, 160, .15), transparent 38%),
    #171719;
}

.cinema-world {
  position: absolute;
  inset: 0 0 32%;
  color: rgba(232, 231, 239, .24);
}

.cinema-world svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.cinema-world-land path { fill: url(#name-si-world-dots); stroke: rgba(255, 255, 255, .025); }
.cinema-world-rings { fill: none; stroke: rgba(145, 130, 186, .08); stroke-width: 1; }
.cinema-world-point { color: var(--cinema-violet); transition: filter .35s ease, opacity .35s ease; }
.cinema-world-point.is-point-1 { color: var(--cinema-cyan); }
.cinema-world-point.is-point-2 { color: var(--cinema-pink); }
.cinema-world-point.is-point-3 { color: var(--cinema-green); }
.cinema-world-point.is-point-4 { color: var(--yellow); }
.cinema-world-halo { fill: currentColor; opacity: .12; }
.cinema-world-dot { fill: currentColor; filter: url(#name-si-world-glow); }
.cinema-world-point.is-lit { filter: brightness(1.55) drop-shadow(0 0 14px currentColor); }
.cinema-world-point.is-lit .cinema-world-halo { opacity: .28; transform: scale(1.3); }

.cinema-map-copy {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 40%;
  padding: 17px 24px 21px;
  background: linear-gradient(to bottom, rgba(23, 23, 25, 0), #171719 19%);
}

.cinema-map-copy > strong {
  display: block;
  color: var(--cinema-copy);
  font-size: clamp(34px, 3.4vw, 54px);
  font-weight: 560;
  letter-spacing: -.06em;
  line-height: .92;
}

.cinema-map-copy > span {
  color: var(--cinema-muted);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.cinema-country-list {
  display: grid;
  gap: 5px;
  margin-top: 12px;
}

.cinema-country-list span {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  color: var(--cinema-muted);
  font-size: 10px;
}

.cinema-country-list i { font-style: normal; }
.cinema-country-list b { overflow: hidden; color: rgba(247, 246, 243, .78); font-size: inherit; text-overflow: ellipsis; white-space: nowrap; }
.cinema-country-list em { font-style: normal; font-weight: 750; }

.cinema-name-field {
  position: absolute;
  inset: 0 0 29%;
  background:
    linear-gradient(90deg, transparent 49.7%, rgba(255, 255, 255, .035) 50%, transparent 50.3%),
    linear-gradient(transparent 49.7%, rgba(255, 255, 255, .035) 50%, transparent 50.3%);
  background-size: 66px 66px;
}

.cinema-name-field::before,
.cinema-name-field::after {
  position: absolute;
  inset: 9% 13%;
  border: 1px dashed rgba(166, 108, 255, .11);
  border-radius: 48%;
  content: "";
  transform: rotate(28deg);
}

.cinema-name-field::after {
  inset: 17% 4%;
  border-color: rgba(66, 201, 255, .08);
  transform: rotate(-19deg);
}

.cinema-name-node {
  position: absolute;
  z-index: 2;
  top: var(--node-y);
  left: var(--node-x);
  max-width: 72%;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 9px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 999px;
  color: rgba(247, 246, 243, .74);
  background: rgba(29, 29, 33, .88);
  box-shadow: 0 7px 22px rgba(0, 0, 0, .28);
  font-size: 9px;
  text-decoration: none;
  transform: translate(-50%, -50%);
}

.cinema-name-node i {
  width: 6px;
  height: 6px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--cinema-violet);
  box-shadow: 0 0 10px rgba(166, 108, 255, .5);
}

.cinema-name-node.is-node-1 i { background: var(--cinema-cyan); box-shadow: 0 0 10px rgba(66, 201, 255, .5); }
.cinema-name-node.is-node-2 i { background: var(--cinema-pink); box-shadow: 0 0 10px rgba(255, 79, 178, .5); }
.cinema-name-node.is-node-3 i { background: var(--cinema-green); box-shadow: 0 0 10px rgba(83, 225, 141, .5); }
.cinema-name-node.is-node-4 i { background: var(--yellow); box-shadow: 0 0 10px rgba(255, 213, 46, .44); }
.cinema-name-node strong { overflow: hidden; color: inherit; font-size: inherit; text-overflow: ellipsis; white-space: nowrap; }
.cinema-name-node span { color: rgba(247, 246, 243, .38); }

.cinema-card-bottom-copy {
  position: absolute;
  right: 24px;
  bottom: 22px;
  left: 24px;
}

.cinema-core-card {
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 50% 32%, rgba(112, 218, 255, .34), transparent 44%),
    linear-gradient(155deg, #183044, #111a26 48%, #161823);
}

.cinema-core-card::before {
  opacity: .42;
  mask-image: radial-gradient(circle at 50% 46%, #000, transparent 72%);
}

.cinema-core-glow {
  position: absolute;
  top: 10%;
  left: 50%;
  width: 60%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: rgba(77, 198, 255, .16);
  filter: blur(26px);
  transform: translateX(-50%);
}

.cinema-core-content {
  position: relative;
  z-index: 2;
  display: grid;
  justify-items: center;
  padding-bottom: 34px;
  text-align: center;
}

.cinema-core-content strong {
  margin-top: 4px;
  color: rgba(240, 247, 250, .74);
  font-size: clamp(62px, 6vw, 96px);
  font-weight: 700;
  letter-spacing: -.085em;
  line-height: .9;
  text-shadow: 0 8px 24px rgba(0, 0, 0, .33);
}

.cinema-core-content span {
  color: rgba(242, 247, 250, .7);
  font-size: 13px;
}

.cinema-chip-track {
  position: absolute;
  right: 0;
  bottom: 13px;
  left: 0;
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}

.cinema-chip-track > div {
  width: max-content;
  display: flex;
  gap: 7px;
  padding-left: 8px;
}

.cinema-chip-track span {
  padding: 6px 10px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 999px;
  color: rgba(241, 246, 249, .54);
  background: rgba(255, 255, 255, .035);
  font-size: 9px;
  white-space: nowrap;
}

.cinema-chip-track b { color: rgba(247, 249, 250, .8); font-size: inherit; }

.cinema-flow-card {
  background:
    radial-gradient(ellipse at 44% 14%, rgba(100, 55, 179, .21), transparent 50%),
    #171719;
}

.cinema-flow-visual {
  position: absolute;
  inset: 0 0 33%;
}

.cinema-flow-visual svg { width: 100%; height: 100%; overflow: visible; }
.cinema-line-area { fill: url(#cinema-line-fill); }
.cinema-line-path { fill: none; stroke: var(--cinema-violet-hot); stroke-width: 3; vector-effect: non-scaling-stroke; filter: url(#cinema-line-glow); }
.cinema-line-point { color: var(--cinema-violet-hot); transition: filter .34s ease; }
.cinema-line-point circle:last-of-type { fill: currentColor; }
.cinema-line-point-halo { fill: currentColor; opacity: .06; transition: opacity .34s ease, transform .34s ease; }
.cinema-line-point.is-lit { filter: brightness(1.55) drop-shadow(0 0 12px currentColor); }
.cinema-line-point.is-lit .cinema-line-point-halo { opacity: .28; transform: scale(1.45); }

.cinema-flow-copy {
  position: absolute;
  bottom: 22px;
  left: 24px;
  width: min(42%, 380px);
}

.cinema-flow-summary {
  position: absolute;
  right: 23px;
  bottom: 22px;
  display: grid;
  grid-template-columns: repeat(3, auto);
  align-items: center;
  gap: 7px 14px;
  color: var(--cinema-muted);
  font-size: 9px;
}

.cinema-flow-summary span { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.cinema-flow-summary span > i { width: 5px; height: 5px; border-radius: 50%; background: var(--cinema-violet); }
.cinema-flow-summary span > i.is-cyan { background: var(--cinema-cyan); }
.cinema-flow-summary span > i.is-green { background: var(--cinema-green); }
.cinema-flow-summary b { color: rgba(247, 246, 243, .8); font-size: inherit; }
.cinema-flow-summary a { grid-column: 1 / -1; justify-self: end; color: var(--yellow); font-size: 10px; font-weight: 760; text-decoration: none; }

.cinema-truth-note {
  margin: 13px 2px 28px;
  color: rgba(230, 228, 234, .4);
  font-size: 10px;
  font-weight: 650;
  text-align: right;
}

.analytics-cinema-page .portfolio-evidence {
  border-color: var(--cinema-line);
  background: rgba(24, 24, 27, .72);
}

.analytics-cinema-page .analytics-bento-footer { color: rgba(230, 228, 234, .38); }

.analytics-cinema-page.is-cinema-ready [data-cinema-card] {
  opacity: 0;
  transform: translateY(18px) scale(.988);
  transition: opacity .7s cubic-bezier(.2, .75, .2, 1), transform .7s cubic-bezier(.2, .75, .2, 1);
  transition-delay: calc(var(--cinema-order, 0) * 80ms);
}

.analytics-cinema-page.is-cinema-ready [data-cinema-card].is-in-view { opacity: 1; transform: none; }

.analytics-cinema-page.is-cinema-ready .cinema-performance.is-in-view .cinema-bars a {
  animation: cinema-bar-rise .8s cubic-bezier(.2, .85, .2, 1) both;
  animation-delay: calc(var(--cinema-index) * 38ms + 240ms);
}

.analytics-cinema-page.is-cinema-ready .cinema-world svg { animation: cinema-world-drift 12s ease-in-out infinite; }
.analytics-cinema-page.is-cinema-ready .cinema-world-point .cinema-world-halo { animation: cinema-map-pulse 3.8s ease-in-out infinite; }
.analytics-cinema-page.is-cinema-ready .cinema-world-point:nth-of-type(2n) .cinema-world-halo { animation-delay: -1.4s; }
.analytics-cinema-page.is-cinema-ready .cinema-world-point:nth-of-type(3n) .cinema-world-halo { animation-delay: -2.5s; }
.analytics-cinema-page.is-cinema-ready .cinema-name-node { animation: cinema-node-float 6s ease-in-out infinite; animation-delay: calc(var(--node-index) * -.7s); }
.analytics-cinema-page.is-cinema-ready .cinema-core-glow { animation: cinema-core-breathe 4.8s ease-in-out infinite; }
.analytics-cinema-page.is-cinema-ready .cinema-chip-track > div { animation: cinema-chip-drift 22s linear infinite; }
.analytics-cinema-page.is-cinema-ready .cinema-line-path { stroke-dasharray: 1300; stroke-dashoffset: 1300; animation: cinema-line-draw 1.8s cubic-bezier(.3, .7, .2, 1) .35s forwards; }
.analytics-cinema-page.is-cinema-ready .cinema-line-point { opacity: 0; animation: cinema-point-arrive .38s ease forwards; animation-delay: calc(var(--point-index) * 90ms + .9s); }

.analytics-cinema-page.is-cinema-paused *,
.analytics-cinema-page.is-cinema-paused *::before,
.analytics-cinema-page.is-cinema-paused *::after { animation-play-state: paused !important; }

@keyframes cinema-bar-rise { from { opacity: .1; transform: scaleY(.08); } to { opacity: 1; transform: scaleY(1); } }
@keyframes cinema-world-drift { 0%, 100% { transform: translate3d(-1%, 0, 0) scale(.99); } 50% { transform: translate3d(1%, -1.2%, 0) scale(1.025); } }
@keyframes cinema-map-pulse { 0%, 100% { opacity: .07; transform: scale(.8); } 50% { opacity: .2; transform: scale(1.25); } }
@keyframes cinema-node-float { 0%, 100% { transform: translate(-50%, -50%); } 50% { transform: translate(-50%, calc(-50% - 5px)); } }
@keyframes cinema-core-breathe { 0%, 100% { opacity: .55; transform: translateX(-50%) scale(.86); } 50% { opacity: 1; transform: translateX(-50%) scale(1.12); } }
@keyframes cinema-chip-drift { from { transform: translateX(0); } to { transform: translateX(-43%); } }
@keyframes cinema-line-draw { to { stroke-dashoffset: 0; } }
@keyframes cinema-point-arrive { from { opacity: 0; transform: scale(.4); } to { opacity: 1; transform: scale(1); } }

@media (max-width: 1100px) {
  .cinema-grid {
    height: auto;
    min-height: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 360px 420px 330px 380px;
  }
  .cinema-performance { grid-column: 1 / 3; grid-row: 1; }
  .cinema-map-card { grid-column: 2; grid-row: 2 / 4; }
  .cinema-names-card { grid-column: 1; grid-row: 2 / 4; }
  .cinema-core-card { grid-column: 1; grid-row: 4; }
  .cinema-flow-card { grid-column: 2; grid-row: 4; }
  .cinema-flow-copy { width: calc(100% - 48px); }
  .cinema-flow-summary { display: none; }
}

@media (max-width: 720px) {
  body:has(.analytics-cinema-page) { overflow: auto; }
  .analytics-cinema-page .cinema-topbar,
  .cinema-shell { width: min(100% - 24px, 520px); }
  .analytics-cinema-page .cinema-topbar { height: 68px; }
  .cinema-scroll { height: auto; min-height: calc(100vh - 68px); overflow: visible; }
  .cinema-shell { padding-top: 5px; }
  .cinema-toolbar { align-items: stretch; flex-direction: column; gap: 16px; padding: 6px 2px 18px; }
  .cinema-toolbar h1 { font-size: 36px; }
  .cinema-toolbar-actions { justify-content: space-between; }
  .cinema-toolbar .analytics-range-nav { flex: 1; }
  .cinema-grid { display: grid; grid-template-columns: 1fr; grid-template-rows: 380px 590px 520px 330px 430px; gap: 12px; }
  .cinema-performance,
  .cinema-map-card,
  .cinema-names-card,
  .cinema-core-card,
  .cinema-flow-card { grid-column: 1; }
  .cinema-performance { grid-row: 1; }
  .cinema-map-card { grid-row: 2; }
  .cinema-names-card { grid-row: 3; }
  .cinema-core-card { grid-row: 4; }
  .cinema-flow-card { grid-row: 5; }
  .cinema-performance-lead strong { font-size: 52px; }
  .cinema-performance-lead { padding-top: 26px; }
  .cinema-bars { height: 24%; gap: 5px; }
  .cinema-world { bottom: 37%; }
  .cinema-map-copy { min-height: 43%; }
  .cinema-flow-visual { bottom: 42%; }
  .cinema-flow-copy { bottom: 24px; width: calc(100% - 48px); }
  .cinema-truth-note { text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  .analytics-cinema-page [data-cinema-card],
  .analytics-cinema-page .cinema-bars a,
  .analytics-cinema-page .cinema-world svg,
  .analytics-cinema-page .cinema-world-halo,
  .analytics-cinema-page .cinema-name-node,
  .analytics-cinema-page .cinema-core-glow,
  .analytics-cinema-page .cinema-chip-track > div,
  .analytics-cinema-page .cinema-line-path,
  .analytics-cinema-page .cinema-line-point {
    animation: none !important;
    opacity: 1 !important;
    transform: none;
    transition: none;
  }
  .analytics-cinema-page .cinema-name-node { transform: translate(-50%, -50%); }
  .analytics-cinema-page .cinema-core-glow { transform: translateX(-50%); }
  .analytics-cinema-page .cinema-line-path { stroke-dashoffset: 0; }
}

/* Admin control room */

.admin-control-page {
  --admin-yellow: #ffd52e;
  --admin-violet: #9c72ff;
  --admin-cyan: #46cfff;
  --admin-green: #58e69a;
  --admin-pink: #ff66bd;
  --admin-orange: #ff9b57;
  --admin-card: rgba(22, 23, 28, .96);
  --admin-line: rgba(255, 255, 255, .09);
  min-height: 100vh;
  height: 100vh;
  display: grid;
  grid-template-rows: 72px minmax(0, 1fr);
  color: #f7f7f5;
  background:
    radial-gradient(circle at 12% -12%, rgba(255, 213, 46, .13), transparent 29%),
    radial-gradient(circle at 84% 1%, rgba(119, 74, 245, .15), transparent 35%),
    radial-gradient(circle at 74% 88%, rgba(51, 191, 255, .07), transparent 34%),
    #090a0c;
}

body:has(.admin-control-page) {
  overflow: hidden;
  background: #090a0c;
}

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

.admin-control-topbar {
  width: min(1460px, calc(100% - 40px));
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.admin-control-brand {
  color: #f7f7f5;
  font-size: 25px;
  font-weight: 950;
  letter-spacing: -.045em;
  text-decoration: none;
}

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

.admin-control-topbar nav {
  display: flex;
  align-items: center;
  gap: 8px;
}

.admin-control-topbar nav a {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  padding: 0 14px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 999px;
  background: rgba(255, 255, 255, .025);
  color: #c8c9d0;
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
  transition: color .18s ease, border-color .18s ease, background .18s ease;
}

.admin-control-topbar nav a:hover,
.admin-control-topbar nav a:focus-visible {
  border-color: rgba(255, 213, 46, .5);
  background: rgba(255, 213, 46, .07);
  color: #fff;
}

.admin-control-scroll {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 18px 34px;
  scrollbar-width: thin;
  scrollbar-color: rgba(156, 114, 255, .5) transparent;
}

.admin-control-shell {
  width: 100%;
  max-width: 1460px;
  margin: 0 auto;
  display: grid;
  gap: 14px;
}

.admin-control-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 28px;
  min-height: 250px;
  padding: 30px 32px;
  border: 1px solid var(--admin-line);
  border-radius: 18px;
  background:
    linear-gradient(105deg, rgba(255, 213, 46, .045), transparent 36%),
    radial-gradient(circle at 82% 4%, rgba(156, 114, 255, .24), transparent 34%),
    radial-gradient(circle at 62% 125%, rgba(70, 207, 255, .1), transparent 42%),
    rgba(20, 20, 25, .92);
  box-shadow: 0 28px 90px rgba(0, 0, 0, .3);
}

.admin-control-hero::after {
  content: "";
  position: absolute;
  width: 480px;
  height: 480px;
  right: -180px;
  top: -250px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 50%;
  box-shadow:
    0 0 0 48px rgba(255, 255, 255, .018),
    0 0 0 96px rgba(255, 255, 255, .012);
  pointer-events: none;
}

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

.admin-control-kicker span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  margin-right: 8px;
  padding: 0 9px;
  border: 1px solid rgba(255, 213, 46, .3);
  border-radius: 999px;
  background: rgba(255, 213, 46, .08);
}

.admin-control-hero h1 {
  max-width: 900px;
  margin: 0;
  color: #f8f8f6;
  font-size: clamp(42px, 5vw, 72px);
  line-height: .93;
  letter-spacing: -.055em;
}

.admin-control-hero h1 em {
  color: #a8a5b4;
  font-style: normal;
}

.admin-control-hero > div > p:not(.admin-control-kicker) {
  max-width: 690px;
  margin: 18px 0 0;
  color: #a6a8b1;
  font-size: 16px;
  line-height: 1.55;
}

.admin-control-status-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
  color: #8c8f99;
  font-size: 12px;
  font-weight: 750;
}

.admin-control-status {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 11px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 999px;
  background: rgba(255, 255, 255, .045);
  color: #d9dae0;
  text-transform: uppercase;
  letter-spacing: .055em;
}

.admin-control-status i,
.admin-system-node > i,
.admin-delivery-row > i {
  display: block;
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #7c7f89;
  box-shadow: 0 0 0 4px rgba(124, 127, 137, .1);
}

.admin-control-status.is-loading i,
.admin-system-node.is-loading > i {
  background: var(--admin-orange);
  box-shadow: 0 0 0 4px rgba(255, 155, 87, .11), 0 0 18px rgba(255, 155, 87, .35);
  animation: admin-control-pulse 1.4s ease-in-out infinite;
}

.admin-control-status.is-ok,
.admin-control-status.is-ok b {
  color: var(--admin-green);
}

.admin-control-status.is-ok i,
.admin-system-node.is-ok > i,
.admin-delivery-row > i.is-ok {
  background: var(--admin-green);
  box-shadow: 0 0 0 4px rgba(88, 230, 154, .1), 0 0 18px rgba(88, 230, 154, .28);
}

.admin-control-status.is-check,
.admin-control-status.is-check b {
  color: var(--admin-orange);
}

.admin-control-status.is-check i,
.admin-system-node.is-check > i,
.admin-delivery-row > i.is-check {
  background: var(--admin-orange);
  box-shadow: 0 0 0 4px rgba(255, 155, 87, .1), 0 0 18px rgba(255, 155, 87, .3);
}

.admin-control-hero-actions {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 9px;
}

.admin-control-hero-actions .button {
  min-height: 42px;
  border-radius: 10px;
  font-size: 13px;
}

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

.admin-control-card {
  position: relative;
  overflow: hidden;
  min-width: 0;
  min-height: 330px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  border: 1px solid var(--admin-line);
  border-radius: 18px;
  background:
    radial-gradient(circle at 106% -12%, rgba(156, 114, 255, .1), transparent 43%),
    var(--admin-card);
  box-shadow: 0 22px 65px rgba(0, 0, 0, .19);
  transition: transform .22s ease, border-color .22s ease;
}

.admin-control-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(130deg, rgba(255, 255, 255, .025), transparent 32%);
  pointer-events: none;
}

.admin-control-card > * {
  position: relative;
  z-index: 1;
}

.admin-control-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 255, 255, .15);
}

.admin-control-card.is-ok {
  border-color: rgba(88, 230, 154, .16);
}

.admin-control-card.is-check {
  border-color: rgba(255, 155, 87, .32);
}

.admin-span-4 { grid-column: span 4; }
.admin-span-5 { grid-column: span 5; }
.admin-span-7 { grid-column: span 7; }
.admin-span-8 { grid-column: span 8; }
.admin-span-12 { grid-column: span 12; }

.admin-card-header > p {
  margin: 0 0 7px;
  color: #7f818b;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.admin-card-header > h2 {
  margin: 0;
  color: #f3f3f1;
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: 1.04;
  letter-spacing: -.035em;
}

.admin-card-header > span {
  display: block;
  max-width: 620px;
  margin-top: 8px;
  color: #91949e;
  font-size: 13px;
  line-height: 1.45;
}

.admin-pulse-card {
  min-height: 360px;
  background:
    radial-gradient(circle at 82% 16%, rgba(70, 207, 255, .12), transparent 30%),
    radial-gradient(circle at 58% 118%, rgba(156, 114, 255, .2), transparent 50%),
    var(--admin-card);
}

.admin-system-rail {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 34px;
}

.admin-system-rail::before {
  content: "";
  position: absolute;
  top: 30px;
  left: 12%;
  right: 12%;
  height: 1px;
  background: linear-gradient(90deg, rgba(156, 114, 255, .25), rgba(70, 207, 255, .28), rgba(88, 230, 154, .2));
}

.admin-system-node {
  position: relative;
  z-index: 1;
  min-height: 82px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 14px;
  background: rgba(11, 12, 15, .74);
}

.admin-system-node > i {
  width: 12px;
  height: 12px;
}

.admin-system-node strong,
.admin-system-node span {
  display: block;
}

.admin-system-node strong {
  color: #ededeb;
  font-size: 14px;
}

.admin-system-node span {
  margin-top: 4px;
  color: #848791;
  font-size: 11px;
  line-height: 1.35;
}

.admin-pulse-summary {
  margin-top: auto;
  padding-top: 24px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 24px;
}

.admin-pulse-summary strong {
  color: #f4f4f2;
  font-size: 18px;
}

.admin-pulse-summary span {
  max-width: 420px;
  color: #8e919b;
  font-size: 12px;
  line-height: 1.45;
  text-align: right;
}

.admin-inventory-card {
  background:
    radial-gradient(circle at 72% 22%, rgba(255, 213, 46, .15), transparent 35%),
    radial-gradient(circle at 116% 106%, rgba(255, 102, 189, .1), transparent 44%),
    var(--admin-card);
}

.admin-inventory-total {
  margin-top: 24px;
}

.admin-inventory-total strong,
.admin-inventory-total span {
  display: block;
}

.admin-inventory-total strong {
  color: #fff5c4;
  font-size: clamp(62px, 7vw, 92px);
  line-height: .9;
  letter-spacing: -.065em;
}

.admin-inventory-total span {
  margin-top: 8px;
  color: #9a967d;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.admin-mini-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin-top: 24px;
}

.admin-mini-metrics div {
  min-width: 0;
  padding: 11px;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 12px;
  background: rgba(6, 7, 9, .32);
}

.admin-mini-metrics b,
.admin-mini-metrics span {
  display: block;
}

.admin-mini-metrics b {
  color: #f4f4f1;
  font-size: 19px;
}

.admin-mini-metrics span {
  overflow: hidden;
  margin-top: 3px;
  color: #7f828b;
  font-size: 10px;
  font-weight: 850;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

.admin-card-actions {
  margin-top: auto;
  padding-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.admin-card-actions a,
.admin-card-link {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 9px;
  background: rgba(255, 255, 255, .025);
  color: #d9dae0;
  font-size: 11px;
  font-weight: 850;
  text-decoration: none;
}

.admin-card-actions a:hover,
.admin-card-link:hover {
  border-color: rgba(255, 213, 46, .38);
  color: var(--admin-yellow);
}

.admin-traffic-card {
  background: radial-gradient(circle at 100% 0, rgba(156, 114, 255, .18), transparent 42%), var(--admin-card);
}

.admin-dns-card {
  background: radial-gradient(circle at 100% 0, rgba(70, 207, 255, .16), transparent 42%), var(--admin-card);
}

.admin-queue-card {
  background: radial-gradient(circle at 90% 18%, rgba(255, 155, 87, .13), transparent 38%), var(--admin-card);
}

.admin-card-lead {
  margin-top: 28px;
}

.admin-card-lead strong,
.admin-card-lead span {
  display: block;
}

.admin-card-lead strong {
  color: #f6f6f3;
  font-size: 34px;
  line-height: 1;
  letter-spacing: -.04em;
}

.admin-card-lead span {
  margin-top: 6px;
  color: #8c8f98;
  font-size: 12px;
}

.admin-definition-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 22px 0 0;
}

.admin-definition-grid > div {
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: 11px;
  background: rgba(7, 8, 10, .28);
}

.admin-definition-grid dt {
  color: #747781;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.admin-definition-grid dd {
  overflow: hidden;
  margin: 5px 0 0;
  color: #ececea;
  font-size: 15px;
  font-weight: 900;
  text-overflow: ellipsis;
}

.admin-card-link {
  width: 100%;
  margin-top: auto;
  justify-content: space-between;
}

.admin-card-link span {
  color: var(--admin-yellow);
}

.admin-queue-orbit {
  position: relative;
  width: 118px;
  height: 118px;
  margin: 22px auto 12px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 155, 87, .26);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 155, 87, .11), transparent 62%);
}

.admin-queue-orbit::before,
.admin-queue-orbit::after,
.admin-queue-orbit > i {
  content: "";
  position: absolute;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 50%;
}

.admin-queue-orbit::before { inset: 13px; }
.admin-queue-orbit::after { inset: 29px; }
.admin-queue-orbit > i:first-child { width: 7px; height: 7px; top: 12px; left: 54px; background: var(--admin-orange); box-shadow: 0 0 14px var(--admin-orange); }
.admin-queue-orbit > i:nth-child(2) { width: 6px; height: 6px; right: 16px; bottom: 31px; background: var(--admin-violet); box-shadow: 0 0 12px var(--admin-violet); }

.admin-queue-orbit span {
  color: #f6f6f3;
  font-size: 34px;
  font-weight: 950;
  letter-spacing: -.045em;
}

.admin-queue-copy {
  text-align: center;
}

.admin-queue-copy strong,
.admin-queue-copy span {
  display: block;
}

.admin-queue-copy strong {
  color: #efefed;
  font-size: 15px;
}

.admin-queue-copy span {
  margin-top: 4px;
  color: #858892;
  font-size: 11px;
}

.admin-integrity-card {
  background:
    radial-gradient(circle at 90% 20%, rgba(88, 230, 154, .14), transparent 39%),
    radial-gradient(circle at 0 110%, rgba(70, 207, 255, .08), transparent 38%),
    var(--admin-card);
}

.admin-validation-state {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  margin: 26px 0 20px;
}

.admin-validation-mark {
  width: 68px;
  height: 68px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(88, 230, 154, .27);
  border-radius: 50%;
  background: rgba(88, 230, 154, .07);
  color: var(--admin-green);
  font-size: 28px;
  font-weight: 950;
  box-shadow: inset 0 0 24px rgba(88, 230, 154, .04);
}

.admin-validation-state strong {
  color: #efefed;
  font-size: 16px;
}

.admin-validation-state p {
  margin: 6px 0 0;
  color: #8f929b;
  font-size: 12px;
  line-height: 1.45;
}

.admin-integrity-card > .button {
  align-self: flex-start;
  min-height: 40px;
  border-radius: 10px;
  font-size: 12px;
}

.admin-validation-results {
  display: grid;
  gap: 6px;
  margin-top: 16px;
}

.admin-validation-results > div {
  display: grid;
  grid-template-columns: minmax(130px, auto) minmax(0, 1fr);
  gap: 12px;
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(255, 255, 255, .025);
  font-size: 11px;
}

.admin-validation-results > div strong { color: #dbdce0; }
.admin-validation-results > div span { color: #8c8f98; }
.admin-validation-results > div.is-ok strong { color: var(--admin-green); }
.admin-validation-results > div.is-check strong { color: var(--admin-orange); }

.admin-delivery-card {
  background:
    radial-gradient(circle at 80% -4%, rgba(255, 102, 189, .12), transparent 38%),
    var(--admin-card);
}

.admin-delivery-list {
  display: grid;
  gap: 7px;
  margin-top: 23px;
}

.admin-delivery-row {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(255, 255, 255, .055);
  border-radius: 11px;
  background: rgba(8, 9, 12, .28);
}

.admin-delivery-row strong,
.admin-delivery-row span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-delivery-row strong {
  color: #e7e7e4;
  font-size: 12px;
}

.admin-delivery-row span {
  margin-top: 3px;
  color: #7e818b;
  font-size: 10px;
}

.admin-loading-line {
  margin: 0;
  color: #80838c;
  font-size: 12px;
}

.admin-runbook-card {
  min-height: 270px;
  background:
    linear-gradient(110deg, rgba(255, 213, 46, .035), transparent 28%),
    radial-gradient(circle at 86% 0, rgba(156, 114, 255, .13), transparent 35%),
    var(--admin-card);
}

.admin-runbook-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 22px;
}

.admin-runbook-grid > a {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, .065);
  border-radius: 12px;
  background: rgba(7, 8, 10, .25);
  text-decoration: none;
  transition: border-color .18s ease, background .18s ease;
}

.admin-runbook-grid > a:hover,
.admin-runbook-grid > a:focus-visible {
  border-color: rgba(255, 213, 46, .3);
  background: rgba(255, 213, 46, .035);
}

.admin-runbook-grid > a > span {
  color: #5f626c;
  font-size: 10px;
  font-weight: 900;
}

.admin-runbook-grid strong,
.admin-runbook-grid p {
  display: block;
}

.admin-runbook-grid strong {
  color: #ededeb;
  font-size: 13px;
}

.admin-runbook-grid p {
  overflow: hidden;
  margin: 4px 0 0;
  color: #777a84;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-runbook-grid > a > i {
  color: var(--admin-yellow);
  font-style: normal;
}

.admin-evidence-desk {
  overflow: hidden;
  border: 1px solid var(--admin-line);
  border-radius: 16px;
  background: rgba(18, 19, 23, .84);
}

.admin-evidence-desk > summary {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 24px;
  cursor: pointer;
  list-style: none;
}

.admin-evidence-desk > summary::-webkit-details-marker { display: none; }
.admin-evidence-desk > summary span b,
.admin-evidence-desk > summary span small { display: block; }
.admin-evidence-desk > summary span b { color: #ededeb; font-size: 15px; }
.admin-evidence-desk > summary span small { margin-top: 4px; color: #7f828c; font-size: 11px; }
.admin-evidence-desk > summary > i { color: var(--admin-yellow); font-size: 24px; font-style: normal; transition: transform .2s ease; }
.admin-evidence-desk[open] > summary > i { transform: rotate(45deg); }

.admin-evidence-grid {
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  gap: 14px;
  padding: 0 18px 18px;
}

.admin-evidence-grid > section {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 12px;
  background: rgba(6, 7, 9, .26);
}

.admin-evidence-grid h2 {
  margin: 0 0 12px;
  color: #dfe0dd;
  font-size: 14px;
}

.admin-evidence-table {
  overflow: auto;
}

.admin-evidence-table table {
  min-width: 560px;
  margin: 0;
  font-size: 11px;
}

.admin-evidence-table th,
.admin-evidence-table td {
  padding: 9px 8px;
  color: #9a9da6;
}

.admin-evidence-table th {
  color: #686b74;
  font-size: 9px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.admin-evidence-table td.is-ok { color: var(--admin-green); }
.admin-evidence-table td.is-check { color: var(--admin-orange); }

.admin-control-footer {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 6px 4px 0;
  color: #676a73;
  font-size: 10px;
  font-weight: 700;
}

@keyframes admin-control-pulse {
  0%, 100% { opacity: .55; transform: scale(.88); }
  50% { opacity: 1; transform: scale(1); }
}

@media (max-width: 1100px) {
  .admin-span-4,
  .admin-span-5,
  .admin-span-7,
  .admin-span-8 { grid-column: span 6; }

  .admin-pulse-card,
  .admin-runbook-card { grid-column: span 12; }

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

@media (max-width: 760px) {
  .admin-control-page { grid-template-rows: 62px minmax(0, 1fr); }
  .admin-control-topbar { width: calc(100% - 28px); }
  .admin-control-scroll { padding: 0 10px 24px; }
  .admin-control-topbar nav a:first-child { display: none; }
  .admin-control-hero { grid-template-columns: 1fr; align-items: start; min-height: 0; padding: 24px 20px; }
  .admin-control-hero h1 { font-size: clamp(38px, 12vw, 58px); }
  .admin-control-hero-actions { justify-self: start; }
  .admin-control-grid { display: block; }
  .admin-control-card { min-height: 0; margin-top: 12px; padding: 20px; }
  .admin-system-rail { grid-template-columns: 1fr; }
  .admin-system-rail::before { top: 10%; bottom: 10%; left: 20px; right: auto; width: 1px; height: auto; }
  .admin-pulse-summary { display: grid; }
  .admin-pulse-summary span { text-align: left; }
  .admin-runbook-grid { grid-template-columns: 1fr; }
  .admin-evidence-grid { grid-template-columns: 1fr; }
  .admin-control-footer { display: grid; }
}

@media (max-width: 440px) {
  .admin-control-hero-actions { width: 100%; display: grid; grid-template-columns: 1fr; }
  .admin-control-hero-actions .button { width: 100%; }
  .admin-definition-grid { grid-template-columns: 1fr; }
  .admin-mini-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .admin-validation-state { grid-template-columns: 1fr; }
  .admin-validation-results > div { grid-template-columns: 1fr; gap: 3px; }
}

@media (prefers-reduced-motion: reduce) {
  .admin-control-status.is-loading i,
  .admin-system-node.is-loading > i { animation: none; }
  .admin-control-card,
  .admin-evidence-desk > summary > i { transition: none; }
}
/* Domain Inbox ------------------------------------------------------------ */
.inbox-page{--inbox-gold:#ffd52e;--inbox-cyan:#5ed0ff;--inbox-panel:#13161a;--inbox-panel-2:#181c21;--inbox-line:#2a2f36;--inbox-muted:#9299a5;min-height:100vh;background:radial-gradient(circle at 18% 4%,rgba(255,213,46,.08),transparent 24%),#090b0d;color:#f7f7f4}
.inbox-page .inbox-topbar{max-width:1720px;margin-inline:auto}
.inbox-shell{width:100%;max-width:1720px;height:auto;padding:0;margin:8px auto 32px;border:1px solid #272c33;border-radius:18px;background:#0f1215;box-shadow:0 30px 90px rgba(0,0,0,.42);overflow:hidden}
.inbox-command-bar{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 24px;border-bottom:1px solid var(--inbox-line);background:linear-gradient(100deg,#181b20,#14171b 62%,#1c1a11)}
.inbox-title-lockup,.inbox-command-actions,.inbox-command-actions>*,.inbox-title-lockup>div{display:flex;align-items:center}
.inbox-title-lockup{gap:14px}.inbox-title-lockup>div{align-items:flex-start;flex-direction:column}.inbox-title-lockup h1{font-size:25px;line-height:1.05;margin:0;letter-spacing:-.5px}.inbox-title-lockup .mini-kicker{margin:0 0 4px;color:#a6adb7}.inbox-glyph{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:#111;background:linear-gradient(145deg,#ffe567,#ffd52e);box-shadow:0 8px 28px rgba(255,213,46,.18);font-size:22px}
.inbox-command-actions{gap:10px}.inbox-health{gap:8px;height:36px;padding:0 12px;border:1px solid var(--inbox-line);border-radius:999px;background:#101317;color:#b3bac3;font-size:12px}.inbox-health>span{width:8px;height:8px;border-radius:50%;background:#7a8089}.inbox-health[data-state=checking]>span{background:#ffd52e;box-shadow:0 0 0 5px rgba(255,213,46,.1);animation:inbox-pulse 1s infinite}.inbox-health[data-state=ready]>span{background:#5ed0ff}.inbox-health[data-state=live]>span{background:#34da86;box-shadow:0 0 0 5px rgba(52,218,134,.1)}.inbox-health[data-state=blocked]>span{background:#ff6b6b}
@keyframes inbox-pulse{50%{opacity:.42}}
.inbox-workspace{display:grid;grid-template-columns:215px minmax(330px,440px) minmax(480px,1fr);min-height:calc(100vh - 248px);max-height:calc(100vh - 190px)}
.inbox-rail,.inbox-list-panel,.inbox-reader{min-width:0;min-height:0}.inbox-rail{display:flex;flex-direction:column;padding:18px 13px 14px;border-right:1px solid var(--inbox-line);background:#101317}.inbox-rail-primary button,.inbox-domain-filter button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;border-radius:9px;background:transparent;color:#aeb4bd;text-align:left;padding:10px 11px;font:inherit;font-size:13px;cursor:pointer}.inbox-rail button:hover{background:#1b1f24;color:#fff}.inbox-rail button.is-active{background:#252820;color:#fff}.inbox-rail button.is-active span{color:var(--inbox-gold)}.inbox-rail button b{min-width:24px;padding:3px 7px;border-radius:999px;background:#282d34;color:#c6ccd4;text-align:center;font-size:10px}.inbox-domain-filter{margin-top:22px;padding-top:16px;border-top:1px solid #242930}.inbox-domain-filter>p{margin:0 10px 8px;color:#737b86;text-transform:uppercase;letter-spacing:1.2px;font-size:10px;font-weight:800}.inbox-domain-filter button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-domain-filter button b{background:none;padding:0;color:#707883}.inbox-rail>footer{margin-top:auto;padding:14px 9px 2px}.inbox-rail>footer strong{display:block;color:#d3d7dc;font-size:11px}.inbox-rail>footer small{display:block;margin-top:8px;color:#6f7781;line-height:1.4;font-size:9px}.inbox-storage-track{display:block;height:4px;margin-top:8px;border-radius:99px;background:#282d33;overflow:hidden}.inbox-storage-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--inbox-gold),#ff9e2f);transition:width .25s}
.inbox-list-panel{display:flex;flex-direction:column;border-right:1px solid var(--inbox-line);background:#14171b}.inbox-list-head{display:flex;align-items:center;justify-content:space-between;gap:16px;height:69px;padding:0 18px;border-bottom:1px solid var(--inbox-line)}.inbox-list-head h2{font-size:15px;margin:0 0 3px}.inbox-list-head span{display:block;color:#777f8a;font-size:10px}.inbox-icon-button{display:grid;place-items:center;width:32px;height:32px;border:1px solid #30363e;border-radius:9px;background:#181c21;color:#cdd2d8;cursor:pointer;font-size:17px}.inbox-icon-button:hover{border-color:#5d6268;color:#fff}.inbox-list{flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#343a41 transparent}.inbox-list[aria-busy=true]{opacity:.65}.inbox-list-item{position:relative;width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:92px;padding:13px 14px;border:0;border-bottom:1px solid #24292f;background:transparent;color:inherit;text-align:left;cursor:pointer}.inbox-list-item:hover{background:#191d22}.inbox-list-item.is-selected{background:linear-gradient(90deg,rgba(255,213,46,.1),rgba(255,213,46,.02));box-shadow:inset 3px 0 var(--inbox-gold)}.inbox-list-item.is-unread:after{content:"";position:absolute;right:10px;top:10px;width:6px;height:6px;border-radius:50%;background:var(--inbox-gold);box-shadow:0 0 10px rgba(255,213,46,.5)}.inbox-list-avatar{display:grid;place-items:center;width:40px;height:40px;border:1px solid #343a42;border-radius:12px;background:linear-gradient(145deg,#252a31,#171a1f);color:#d8dde2;font-size:11px;font-weight:850;letter-spacing:.5px}.inbox-list-item.is-unread .inbox-list-avatar{border-color:#655d25;color:var(--inbox-gold)}.inbox-list-copy,.inbox-list-copy>span{min-width:0}.inbox-list-copy>span{display:flex;align-items:center;justify-content:space-between;gap:10px}.inbox-list-copy strong,.inbox-list-copy b,.inbox-list-copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-list-copy strong{color:#c2c8d0;font-size:11px}.inbox-list-copy time{flex:none;color:#737b86;font-size:9px}.inbox-list-copy b{margin-top:5px;color:#e9ebee;font-size:13px}.inbox-list-item.is-unread .inbox-list-copy b{color:#fff;font-weight:850}.inbox-list-copy em{margin-top:5px;color:#767e89;font-size:10px;font-style:normal}.inbox-list-meta{align-self:end;display:flex;align-items:center;gap:7px}.inbox-list-meta i{max-width:54px;overflow:hidden;text-overflow:ellipsis;padding:3px 6px;border:1px solid #30363e;border-radius:6px;color:#8f97a2;font-size:8px;font-style:normal;text-transform:uppercase}.inbox-list-meta small{color:#8a9199;font-size:9px}.inbox-load-more{margin:10px;border:1px solid #30363e;border-radius:9px;background:#171b20;color:#bfc5cc;padding:9px;cursor:pointer;font:inherit;font-size:11px}.inbox-load-more:hover{border-color:#6b6240;color:var(--inbox-gold)}
.inbox-message-skeleton{display:grid;grid-template-columns:40px 1fr;gap:11px;align-items:center;height:92px;padding:13px 14px;border-bottom:1px solid #24292f;animation:inbox-skeleton 1.5s calc(var(--i)*.08s) infinite ease-in-out}.inbox-message-skeleton>i{width:40px;height:40px;border-radius:12px;background:#22272d}.inbox-message-skeleton span{display:grid;gap:9px}.inbox-message-skeleton b,.inbox-message-skeleton em{height:8px;border-radius:99px;background:#252a30}.inbox-message-skeleton b{width:62%}.inbox-message-skeleton em{width:88%}@keyframes inbox-skeleton{50%{opacity:.42}}
.inbox-list-empty{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.inbox-list-empty>span{display:grid;place-items:center;width:46px;height:46px;border:1px solid #4f4928;border-radius:50%;color:var(--inbox-gold);font-size:22px}.inbox-list-empty strong{margin-top:17px;font-size:14px}.inbox-list-empty p{max-width:245px;margin:7px 0 0;color:#78808a;font-size:11px;line-height:1.55}.inbox-list-empty.is-error>span{border-color:#613434;color:#ff7777}
.inbox-reader{position:relative;overflow:auto;background:radial-gradient(circle at 50% 15%,rgba(94,208,255,.045),transparent 35%),#101317}.inbox-reader-empty{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:52px;text-align:center}.inbox-reader-orbit{position:relative;display:grid;place-items:center;width:84px;height:84px;border:1px solid #303741;border-radius:50%;box-shadow:0 0 0 12px rgba(255,255,255,.012),0 0 0 24px rgba(255,255,255,.008)}.inbox-reader-orbit:before,.inbox-reader-orbit:after,.inbox-reader-orbit i{content:"";position:absolute;border-radius:50%}.inbox-reader-orbit:before{width:9px;height:9px;top:4px;background:var(--inbox-gold);box-shadow:0 0 16px rgba(255,213,46,.6)}.inbox-reader-orbit:after{width:30px;height:30px;background:linear-gradient(145deg,#252b31,#171a1e)}.inbox-reader-orbit i{width:7px;height:7px;background:var(--inbox-cyan);transform:translate(38px,14px)}.inbox-reader-empty .mini-kicker{margin:40px 0 8px;color:#8b939e}.inbox-reader-empty h2{margin:0;font-size:28px;letter-spacing:-.8px}.inbox-reader-empty>p{max-width:450px;color:#7f8792;font-size:13px;line-height:1.65}.inbox-reader-empty>div{display:flex;gap:8px;margin-top:8px}.inbox-reader-empty>div span{padding:6px 9px;border:1px solid #2f353d;border-radius:999px;color:#8f97a1;font-size:9px;text-transform:uppercase;letter-spacing:.8px}
.inbox-message{max-width:820px;margin:0 auto;padding:38px 46px 30px}.inbox-message>header{border-bottom:1px solid #2a3037;padding-bottom:26px}.inbox-reader-back{display:none}.inbox-message-actions{display:flex;justify-content:flex-end;gap:7px}.inbox-message-actions button{border:1px solid #303740;border-radius:8px;background:#171b20;color:#aeb5be;padding:7px 10px;cursor:pointer;font:inherit;font-size:10px}.inbox-message-actions button:hover{color:#fff}.inbox-message-actions .is-danger:hover,.inbox-message-actions .is-armed{border-color:#7b3434;background:#351b1b;color:#ff8585}.inbox-message .mini-kicker{margin:10px 0;color:var(--inbox-gold)}.inbox-message h2{max-width:720px;margin:0;color:#f6f6f3;font-size:31px;line-height:1.18;letter-spacing:-.8px}.inbox-sender{display:flex;align-items:center;gap:11px;margin-top:22px}.inbox-sender>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #3a414a;border-radius:12px;background:#20252b;color:#d9dde2;font-size:10px;font-weight:850}.inbox-sender strong,.inbox-sender small{display:block}.inbox-sender strong{color:#d6dae0;font-size:11px}.inbox-sender small{margin-top:3px;color:#777f89;font-size:9px}.inbox-message-body{padding:28px 0;color:#c9cdd2;font-family:Georgia,serif;font-size:16px;line-height:1.78}.inbox-message-body p{margin:0 0 1.2em;white-space:pre-wrap}.inbox-attachments{margin:6px 0 26px;padding:15px;border:1px solid #4a4220;border-radius:12px;background:#1b1911}.inbox-attachments>header strong,.inbox-attachments>header span{display:block}.inbox-attachments>header strong{color:#f1dc73;font-size:12px}.inbox-attachments>header span{margin-top:3px;color:#8b8461;font-size:9px}.inbox-attachments>div{display:grid;gap:7px;margin-top:13px}.inbox-attachments>div>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:9px;border:1px solid #383522;border-radius:8px}.inbox-attachments>div span{color:#e5cb48}.inbox-attachments>div strong{font-size:10px}.inbox-attachments>div em{color:#8d8668;font-size:9px;font-style:normal}.inbox-message>footer{display:flex;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid #292f36;color:#707883;font-size:9px}.inbox-reader[data-loading="1"]:after{content:"Opening securely…";position:absolute;inset:0;display:grid;place-items:center;background:rgba(16,19,23,.88);color:#b9c0c8;font-size:11px;letter-spacing:.5px}
.inbox-drawer-backdrop{position:fixed;z-index:220;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(3px);opacity:0;transition:opacity .18s}.inbox-setup-drawer{position:fixed;z-index:221;top:0;right:0;width:min(520px,100vw);height:100vh;overflow:auto;padding-bottom:110px;border-left:1px solid #30343a;background:#15181c;color:#f4f4f2;box-shadow:-30px 0 90px rgba(0,0,0,.52);transform:translateX(102%);transition:transform .2s ease}.inbox-page.is-setup-open .inbox-drawer-backdrop{opacity:1}.inbox-page.is-setup-open .inbox-setup-drawer{transform:translateX(0)}.inbox-setup-drawer>header{position:sticky;z-index:2;top:0;display:flex;justify-content:space-between;gap:20px;padding:22px 22px 18px;border-bottom:1px solid #2d3238;background:rgba(21,24,28,.96);backdrop-filter:blur(12px)}.inbox-setup-drawer>header .mini-kicker{margin:0 0 5px}.inbox-setup-drawer>header h2{margin:0;font-size:23px}.inbox-setup-drawer>header span{display:block;margin-top:5px;color:#858d97;font-size:10px}.inbox-setup-drawer>header button{flex:none;width:38px;height:38px;border:1px solid #353b43;border-radius:50%;background:#20242a;color:#d7dbe0;cursor:pointer;font-size:22px}.inbox-readiness-card{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px}.inbox-readiness-card>div{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:7px;padding:11px;border:1px solid #30363e;border-radius:10px;background:#1a1e23}.inbox-readiness-card>div span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#242a30;color:#777f88;font-size:10px}.inbox-readiness-card>div strong{font-size:9px}.inbox-readiness-card>div em{color:#777f89;font-size:8px;font-style:normal}.inbox-readiness-card>div.is-ready span{background:rgba(52,218,134,.11);color:#3adc89}.inbox-readiness-card>div.is-ready em{color:#62d99a}.inbox-setup-section,.inbox-retention-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 18px 10px;padding:16px;border:1px solid #30363e;border-radius:12px;background:#1a1e23}.inbox-setup-section strong,.inbox-setup-section span,.inbox-retention-card strong,.inbox-retention-card span{display:block}.inbox-setup-section strong,.inbox-retention-card strong{font-size:12px}.inbox-setup-section>div>span,.inbox-retention-card>div>span{margin-top:4px;color:#818995;font-size:9px}.inbox-switch,.inbox-mini-switch{position:relative;display:block;flex:none}.inbox-switch input,.inbox-mini-switch input{position:absolute;opacity:0}.inbox-switch>span,.inbox-mini-switch>span{display:block;border:1px solid #3c424a;background:#0e1013;transition:.18s}.inbox-switch>span{width:48px;height:27px;border-radius:99px}.inbox-switch>span:after,.inbox-mini-switch>span:after{content:"";display:block;border-radius:50%;background:#555d68;transition:.18s}.inbox-switch>span:after{width:19px;height:19px;margin:3px}.inbox-switch input:checked+span,.inbox-mini-switch input:checked+span{border-color:#74651a;background:#3a3210}.inbox-switch input:checked+span:after{transform:translateX(21px);background:var(--inbox-gold);box-shadow:0 0 12px rgba(255,213,46,.4)}.inbox-retention-card select{width:100px;border:1px solid #3c424a;border-radius:9px;background:#0f1215;color:#e6e8ea;padding:9px;font:inherit;font-size:11px}.inbox-aliases{margin:20px 18px 0}.inbox-aliases>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:9px;padding:0 2px}.inbox-aliases>header strong,.inbox-aliases>header span{display:block}.inbox-aliases>header strong{font-size:12px}.inbox-aliases>header div span{margin-top:4px;color:#7e8691;font-size:9px}.inbox-aliases>header>span{color:#766a2c;font-size:9px;text-transform:uppercase;letter-spacing:.8px}.inbox-alias-domain{border:1px solid #30363e;border-radius:11px;background:#1a1e23;margin-bottom:8px;overflow:hidden}.inbox-alias-domain summary{display:flex;align-items:center;justify-content:space-between;list-style:none;padding:14px;cursor:pointer}.inbox-alias-domain summary::-webkit-details-marker{display:none}.inbox-alias-domain summary strong,.inbox-alias-domain summary em{display:block}.inbox-alias-domain summary strong{font-size:11px}.inbox-alias-domain summary em{margin-top:3px;color:#777f89;font-size:8px;font-style:normal}.inbox-alias-domain summary i{color:#9ca3ab;font-size:16px;font-style:normal;transition:.18s}.inbox-alias-domain[open] summary i{transform:rotate(45deg);color:var(--inbox-gold)}.inbox-alias-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 10px 10px}.inbox-alias-grid[data-saving="1"]{opacity:.5;pointer-events:none}.inbox-alias-grid>label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid #2e343b;border-radius:8px;background:#13161a}.inbox-alias-grid>label strong,.inbox-alias-grid>label em{display:block}.inbox-alias-grid>label strong{font-size:10px}.inbox-alias-grid>label em{max-width:130px;overflow:hidden;text-overflow:ellipsis;color:#737b85;font-size:8px;font-style:normal}.inbox-mini-switch>span{width:34px;height:20px;border-radius:99px}.inbox-mini-switch>span:after{width:14px;height:14px;margin:2px}.inbox-mini-switch input:checked+span:after{transform:translateX(14px);background:var(--inbox-gold)}.inbox-setup-empty{padding:25px;color:#7f8791;text-align:center;font-size:10px}.inbox-setup-drawer>footer{position:fixed;z-index:3;bottom:0;right:0;width:min(520px,100vw);display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:14px 18px;border-top:1px solid #30363e;background:rgba(20,23,27,.97);backdrop-filter:blur(12px)}.inbox-setup-drawer>footer p{margin:0;color:#7d858f;font-size:8px;line-height:1.45}.inbox-setup-drawer>footer p b{color:#c9ced4}.inbox-setup-drawer>footer .button{min-width:115px}
.inbox-toast{position:fixed;z-index:230;left:50%;bottom:26px;max-width:min(470px,calc(100vw - 30px));transform:translate(-50%,20px);padding:12px 16px;border:1px solid #625820;border-radius:11px;background:#11120e;color:#f1dc72;box-shadow:0 16px 55px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:.2s;font-size:11px}.inbox-toast.is-visible{opacity:1;transform:translate(-50%,0)}.inbox-toast.is-error{border-color:#6e3434;color:#ff9696}
@media(max-width:1150px){.inbox-workspace{grid-template-columns:190px 360px 1fr}.inbox-shell{width:calc(100% - 28px)}.inbox-message{padding-inline:30px}}
@media(max-width:900px){.inbox-shell{width:calc(100% - 20px);margin-top:0;border-radius:14px}.inbox-command-bar{min-height:76px;padding:14px 16px}.inbox-command-actions .inbox-health{display:none}.inbox-command-actions .button.ghost{display:none}.inbox-title-lockup h1{font-size:21px}.inbox-glyph{width:38px;height:38px}.inbox-workspace{position:relative;display:grid;grid-template-columns:148px 1fr;max-height:none;min-height:calc(100vh - 202px)}.inbox-rail{padding-inline:8px}.inbox-list-panel{border-right:0}.inbox-reader{position:absolute;z-index:5;inset:0;background:#101317;transform:translateX(105%);transition:transform .22s}.inbox-reader.is-mobile-open{transform:translateX(0)}.inbox-reader-back{display:inline-block;border:0;background:none;color:var(--inbox-gold);padding:0 0 12px;cursor:pointer}.inbox-message{padding:24px}.inbox-message h2{font-size:26px}.inbox-reader-empty{display:none}}
@media(max-width:620px){.inbox-page .dashboard-topbar{padding-inline:14px}.inbox-shell{width:100%;margin:0;border-inline:0;border-radius:0}.inbox-command-bar{align-items:flex-start}.inbox-command-actions .button.primary{font-size:10px;padding-inline:10px}.inbox-title-lockup .mini-kicker{font-size:8px}.inbox-workspace{display:block;min-height:calc(100vh - 190px)}.inbox-rail{display:block;padding:9px 10px;border:0;border-bottom:1px solid var(--inbox-line)}.inbox-rail-primary{display:flex;gap:7px}.inbox-rail-primary button{justify-content:center;width:auto;padding:8px 12px}.inbox-domain-filter,.inbox-rail>footer{display:none}.inbox-list-head{height:58px}.inbox-list-item{min-height:84px;grid-template-columns:36px minmax(0,1fr) auto;padding:11px}.inbox-list-avatar{width:36px;height:36px}.inbox-list-copy b{font-size:12px}.inbox-list-meta i{display:none}.inbox-message{padding:20px 18px 28px}.inbox-message h2{font-size:24px}.inbox-message-actions{justify-content:space-between}.inbox-message-body{font-size:15px}.inbox-message>footer{flex-direction:column;gap:5px}.inbox-readiness-card{grid-template-columns:1fr}.inbox-alias-grid{grid-template-columns:1fr}.inbox-setup-drawer>footer{grid-template-columns:1fr}.inbox-setup-drawer>footer p{display:none}.inbox-toast{bottom:16px}}
.inbox-page button:focus-visible,.inbox-page select:focus-visible,.inbox-page summary:focus-visible,.inbox-page input:focus-visible{outline:2px solid var(--inbox-gold);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.inbox-page *,.inbox-page *:before,.inbox-page *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.inbox-list-item.is-processing{background:linear-gradient(90deg,rgba(94,208,255,.045),transparent)}.inbox-list-item.is-processing .inbox-list-avatar{border-style:dashed;color:#74cee9}.inbox-list-item.is-processing .inbox-list-meta i{border-color:#315262;color:#76cfe9}
.inbox-switch input:focus-visible+span,.inbox-mini-switch input:focus-visible+span{outline:2px solid var(--inbox-gold);outline-offset:3px}
@media(max-width:1150px){body:has(.inbox-page) main.inbox-shell{width:calc(100% - 28px)}}
@media(max-width:900px){body:has(.inbox-page) main.inbox-shell{width:calc(100% - 20px);margin-top:0;border-radius:14px}}
@media(max-width:620px){body:has(.inbox-page) main.inbox-shell{width:100%;margin:0;border-inline:0;border-radius:0}}