/* RMRADAR Desktop — só ativa quando o app desktop injeta a classe.
   No navegador este arquivo é inerte (nenhum seletor casa sem .desktop-app). */

.desktop-app {
  --desktop-accent: var(--accent, #4c9aff);
}

/* Tema denso de mesa de operação */
.desktop-app .workspace { padding: 12px 16px 20px; }
.desktop-app .topbar { padding-top: 6px; padding-bottom: 6px; }
.desktop-app .panel { padding: 12px 14px; }
.desktop-app table th,
.desktop-app table td { padding-top: 5px; padding-bottom: 5px; font-size: 12.5px; }
.desktop-app .metric.compact strong { font-size: 17px; }
.desktop-app .trade-order-card { padding: 8px 10px; }
.desktop-app ::-webkit-scrollbar { width: 9px; height: 9px; }
.desktop-app ::-webkit-scrollbar-thumb { background: rgba(127, 127, 127, 0.35); border-radius: 6px; }
.desktop-app ::-webkit-scrollbar-track { background: transparent; }

/* Indicador discreto de que está no app */
.desktop-app .brand::after {
  content: "DESKTOP";
  font-size: 9px;
  letter-spacing: 0.12em;
  border: 1px solid var(--desktop-accent);
  color: var(--desktop-accent);
  border-radius: 999px;
  padding: 1px 7px;
  margin-left: 8px;
  vertical-align: middle;
  opacity: 0.85;
}

/* Command palette (Ctrl/Cmd+K) */
.desktop-palette-backdrop {
  position: fixed;
  inset: 0;
  z-index: 400;
  background: rgba(8, 10, 14, 0.55);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 12vh;
  backdrop-filter: blur(2px);
}
.desktop-palette {
  width: min(560px, 92vw);
  background: var(--surface-2, #14171d);
  color: var(--ink, #e8eaf0);
  border: 1px solid var(--line-strong, rgba(255, 255, 255, 0.12));
  border-radius: var(--radius-lg, 14px);
  box-shadow: var(--shadow, 0 22px 60px rgba(0, 0, 0, 0.55));
  overflow: hidden;
}
.desktop-palette input {
  width: 100%;
  box-sizing: border-box;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: inherit;
  font: inherit;
  font-size: 15px;
  padding: 14px 16px;
  outline: none;
}
.desktop-palette ul { list-style: none; margin: 0; padding: 6px; max-height: 46vh; overflow: auto; }
.desktop-palette li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 9px 12px;
  border-radius: 9px;
  cursor: pointer;
  font-size: 13.5px;
}
.desktop-palette li.active { background: var(--tint-blue, rgba(76, 154, 255, 0.22)); }
.desktop-palette li kbd {
  font: 11px/1 inherit;
  color: rgba(232, 234, 240, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 5px;
  padding: 2px 6px;
}
.desktop-palette-empty { padding: 14px 16px; font-size: 13px; color: rgba(232, 234, 240, 0.55); }

/* Pill de atalhos no topbar + overlay de ajuda */
.desktop-app .desktop-shortcuts-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: transparent;
  border: 1px solid rgba(127, 140, 170, 0.35);
  color: inherit;
  font: inherit;
  font-size: 12px;
  border-radius: 999px;
  padding: 4px 11px;
  cursor: pointer;
  opacity: 0.85;
}
.desktop-app .desktop-shortcuts-pill:hover { opacity: 1; border-color: var(--desktop-accent); }
.desktop-app .desktop-shortcuts-pill kbd,
.desktop-shortcuts kbd {
  font: 11px/1 inherit;
  border: 1px solid rgba(127, 140, 170, 0.45);
  border-bottom-width: 2px;
  border-radius: 5px;
  padding: 2px 7px;
  background: rgba(127, 140, 170, 0.12);
}
.desktop-shortcuts header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 14px 16px;
  font-size: 15px;
  font-weight: 600;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.desktop-shortcuts header small { font-weight: 400; font-size: 12px; color: rgba(232, 234, 240, 0.55); }
.desktop-shortcuts li { cursor: default; }
.desktop-shortcuts li:hover { background: rgba(255, 255, 255, 0.04); }