/* Superficies do launcher alinhadas ao Media Kit; somente tema escuro. */
html:not([data-theme="light"]) body.launcher-page {
  --painel-fundo: #090909;
  --painel-superficie: #111111;
  --painel-elevado: #171717;
  --painel-borda: #333333;
  --painel-texto: #f4f4f4;
  --painel-secundario: #909090;
}

html:not([data-theme="light"]) .computador-drawer,
html:not([data-theme="light"]) .workspace-editor {
  color: var(--painel-texto);
  font-family: Inter, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
}

html:not([data-theme="light"]) .computador-drawer__fundo,
html:not([data-theme="light"]) .workspace-editor__backdrop {
  background: #000b;
}

html:not([data-theme="light"]) .computador-drawer__painel,
html:not([data-theme="light"]) .workspace-editor__panel {
  color: var(--painel-texto);
  border-left-color: var(--painel-borda);
  background:
    radial-gradient(ellipse at 85% 0, #191919, transparent 48%),
    linear-gradient(160deg, #101010, #090909 85%);
  box-shadow: -24px 0 80px #0009;
}

html:not([data-theme="light"]) .computador-drawer__cabecalho,
html:not([data-theme="light"]) .computador-form__rodape,
html:not([data-theme="light"]) .workspace-editor__head,
html:not([data-theme="light"]) .workspace-editor__actions {
  border-color: #292929;
}

html:not([data-theme="light"]) .computador-form__rodape,
html:not([data-theme="light"]) .workspace-editor__actions {
  background: #101010f5;
}

html:not([data-theme="light"]) .computador-drawer__cabecalho h2,
html:not([data-theme="light"]) .workspace-editor__head h2 {
  color: #f4f4f4;
  font-size: clamp(19px, 2vw, 24px);
  font-weight: 750;
  letter-spacing: -.055em;
}

html:not([data-theme="light"]) .computador-form__titulo h3 {
  color: #eaeaea;
  font-weight: 700;
  letter-spacing: -.035em;
}

html:not([data-theme="light"]) .computador-drawer__etapa,
html:not([data-theme="light"]) .workspace-editor__head span,
html:not([data-theme="light"]) .workspace-picker__context,
html:not([data-theme="light"]) .workspace-tile__eyebrow,
html:not([data-theme="light"]) .workspace-tile__branch,
html:not([data-theme="light"]) .workspace-tile__identity-copy > p {
  color: #909090;
  font-family: "DM Mono", ui-monospace, monospace;
  letter-spacing: .035em;
}

html:not([data-theme="light"]) .computador-campo > span,
html:not([data-theme="light"]) .mcp-readonly-row strong,
html:not([data-theme="light"]) .mcp-connection-note strong,
html:not([data-theme="light"]) .workspace-picker__context strong {
  color: #dedede;
}

html:not([data-theme="light"]) .computador-drawer__cabecalho p,
html:not([data-theme="light"]) .computador-form__titulo p,
html:not([data-theme="light"]) .computador-auto p {
  color: #999;
}

html:not([data-theme="light"]) .computador-campo :is(input, select, textarea),
html:not([data-theme="light"]) .computador-select__botao,
html:not([data-theme="light"]) .computador-acordeao,
html:not([data-theme="light"]) .computador-select__lista,
html:not([data-theme="light"]) .mcp-readonly-row,
html:not([data-theme="light"]) .computador-form__retorno,
html:not([data-theme="light"]) .mcp-status,
html:not([data-theme="light"]) .workspace-editor__fields :is(input, select, textarea),
html:not([data-theme="light"]) .workspace-editor__section,
html:not([data-theme="light"]) .workspace-editor__access,
html:not([data-theme="light"]) .workspace-editor__clone {
  color: #ededed;
  border-color: #333;
  background: #161616;
}

html:not([data-theme="light"]) .computador-select__lista {
  background: #171717;
  box-shadow: 0 18px 45px #0009;
}

html:not([data-theme="light"]) .computador-campo :is(input, select, textarea):focus,
html:not([data-theme="light"]) .workspace-editor__fields :is(input, select, textarea):focus {
  border-color: #777;
  background: #1c1c1c;
}

html:not([data-theme="light"]) .computador-auto,
html:not([data-theme="light"]) .mcp-connection-note {
  border-color: #383838;
  background: #171717;
}

html:not([data-theme="light"]) .computador-drawer__fechar,
html:not([data-theme="light"]) .workspace-editor__close,
html:not([data-theme="light"]) .computador-botao--quieto {
  color: #c7c7c7;
  border-color: #3b3b3b;
  background: #111;
}

html:not([data-theme="light"]) .computador-botao--primario {
  color: #111;
  border-color: #f3f3f3;
  background: #f3f3f3;
}

/* Tela de selecao: o container segue transparente sobre a grade do app. */
html:not([data-theme="light"]) .workspace-picker__halo {
  background: #ffffff08;
  opacity: .4;
}

html:not([data-theme="light"]) .launcher-section-head--workspace h2 {
  color: #f4f4f4;
  font-weight: 750;
  letter-spacing: -.055em;
}

html:not([data-theme="light"]) .workspace-search,
html:not([data-theme="light"]) .workspace-view,
html:not([data-theme="light"]) .workspace-add,
html:not([data-theme="light"]) .workspace-back {
  color: #e0e0e0;
  border-color: #383838;
  background: #111;
}

html:not([data-theme="light"]) .workspace-search input {
  color: #f4f4f4;
  font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif;
}

html:not([data-theme="light"]) .workspace-search input::placeholder,
html:not([data-theme="light"]) .workspace-search kbd {
  color: #888;
}

html:not([data-theme="light"]) .workspace-search:focus-within {
  border-color: #777;
  background: #171717;
}

html:not([data-theme="light"]) .workspace-view button {
  color: #999;
}

html:not([data-theme="light"]) .workspace-view button[aria-pressed="true"] {
  color: #f4f4f4;
  background: #282828;
  box-shadow: inset 0 0 0 1px #444;
}

html:not([data-theme="light"]) .workspace-tile,
html:not([data-theme="light"]) .workspace-list[data-view="grid"] .workspace-tile {
  color: #f4f4f4;
  border-color: #333;
  border-radius: 14px;
  background: linear-gradient(145deg, #171717, #0d0d0d);
  box-shadow: 0 14px 34px #0005;
  backdrop-filter: none;
}

html:not([data-theme="light"]) .workspace-tile:hover,
html:not([data-theme="light"]) .workspace-list[data-view="grid"] .workspace-tile:hover {
  border-color: #666;
  background: linear-gradient(145deg, #202020, #111);
}

html:not([data-theme="light"]) .workspace-tile::before {
  opacity: .016;
}

html:not([data-theme="light"]) .workspace-tile h3 {
  color: #f4f4f4;
  font-weight: 700;
  letter-spacing: -.035em;
}

html:not([data-theme="light"]) .workspace-tile__identity-copy > p,
html:not([data-theme="light"]) .workspace-tile__activity,
html:not([data-theme="light"]) .workspace-tile__branch {
  color: #919191;
}

html:not([data-theme="light"]) .workspace-tile__icon {
  border-color: #414141;
  background: #202020;
}

html:not([data-theme="light"]) .workspace-tile__meta span,
html:not([data-theme="light"]) .workspace-tile__stats span {
  color: #a0a0a0;
  border-color: #333;
  background: #131313;
}

html:not([data-theme="light"]) .workspace-tile__stats,
html:not([data-theme="light"]) .workspace-tile__foot {
  border-top-color: #292929;
}

html:not([data-theme="light"]) .workspace-action--quiet {
  color: #d0d0d0;
  border-color: #383838;
  background: #171717;
}

html:not([data-theme="light"]) .workspace-action--quiet:hover {
  color: #fff;
  border-color: #666;
  background: #252525;
}

html:not([data-theme="light"]) .workspace-empty {
  color: #909090;
}

html:not([data-theme="light"]) .workspace-empty strong {
  color: #f4f4f4;
}

@media (max-width: 700px) {
  html:not([data-theme="light"]) .workspace-tile,
  html:not([data-theme="light"]) .workspace-list[data-view="grid"] .workspace-tile {
    border-radius: 12px;
  }
}
