/* Padronização visual restrita às subpáginas desta etapa. */

/* Escudo Anti-Raid IA */
[data-spike-react-page="anti-raid-ia"].anti-raid-ia-react {
  --bg: #0a0e0b;
  --card: #111715;
  --card-2: #151c19;
  --border: #303a35;
  --green: #00ff88;
  --blue: #00ff88;
  --text: #e8eee9;
  --text-dim: #aebbb2;
  background: #0a0e0b !important;
  color: #e8eee9;
}
[data-spike-react-page="anti-raid-ia"].anti-raid-ia-react .sp-h1 { color: #00ff88; }
[data-spike-react-page="anti-raid-ia"].anti-raid-ia-react .sp-subtitle { color: #aebbb2; }
[data-spike-react-page="anti-raid-ia"].anti-raid-ia-react .sp-form-label { color: #00ff88; }
[data-spike-react-page="anti-raid-ia"].anti-raid-ia-react :is(.sp-form-input,.sp-form-select,.sp-form-textarea) {
  border-color: #303a35 !important;
  background: #0a0e0b !important;
  color: #e8eee9 !important;
}
[data-spike-react-page="anti-raid-ia"].anti-raid-ia-react :is(.sp-form-input,.sp-form-select,.sp-form-textarea):focus {
  border-color: #00ff88 !important;
  box-shadow: 0 0 0 3px rgba(0,255,136,.12) !important;
  outline: none;
}
[data-spike-react-page="anti-raid-ia"].anti-raid-ia-react :is(.sp-card,.sp-panel,.sp-config-card,.sp-setting-card,.sp-log-card,.sp-log-box) {
  border-color: #303a35;
  background-color: #111715;
  color: #e8eee9;
}
[data-spike-react-page="anti-raid-ia"].anti-raid-ia-react .sp-btn-save { background: #00ff88; color: #07100d; }
[data-spike-react-page="anti-raid-ia"].anti-raid-ia-react .sp-antiraid-toggle.on { background: #00ff88; }
[data-spike-react-page="anti-raid-ia"].anti-raid-ia-react .sp-antiraid-toggle:focus-visible { outline-color: #00ff88; }

/* Comandos Custom */
[data-spike-react-page="comandos-custom"][data-spike-react-page="comandos-custom"] {
  --cc-green: #00ff88;
  --cc-bg: #0a0e0b;
  --cc-card: #111715;
  --cc-card2: #151c19;
  --cc-border: #303a35;
  --cc-text: #e8eee9;
  --cc-muted: #aebbb2;
  background: #0a0e0b;
  color: #e8eee9;
}
[data-spike-react-page="comandos-custom"][data-spike-react-page="comandos-custom"] :is(.cc-stat,.cc-card,.cc-preview-line,.cc-dialog) {
  border-color: #303a35;
  background-color: #111715;
  color: #e8eee9;
}
[data-spike-react-page="comandos-custom"][data-spike-react-page="comandos-custom"] :is(.cc-stats,.cc-list) {
  border-color: transparent;
  background-color: transparent;
}
[data-spike-react-page="comandos-custom"][data-spike-react-page="comandos-custom"] .cc-preview-line { background: #0d1310; color: #aebbb2; }
[data-spike-react-page="comandos-custom"][data-spike-react-page="comandos-custom"] .cc-tag { border-color: rgba(0,255,136,.24); background: rgba(0,255,136,.08); color: #c4d0c8; }
[data-spike-react-page="comandos-custom"][data-spike-react-page="comandos-custom"] .cc-field :is(input,textarea,select) {
  border-color: #303a35 !important;
  background: #0a0e0b !important;
  color: #e8eee9 !important;
}
[data-spike-react-page="comandos-custom"][data-spike-react-page="comandos-custom"] .cc-field :is(input,textarea,select):focus {
  border-color: #00ff88 !important;
  box-shadow: 0 0 0 3px rgba(0,255,136,.12);
}
[data-spike-react-page="comandos-custom"][data-spike-react-page="comandos-custom"] .cc-btn.primary,
[data-spike-react-page="comandos-custom"][data-spike-react-page="comandos-custom"] .cc-switch.on { background: #00ff88; color: #07100d; }
[data-spike-react-page="comandos-custom"][data-spike-react-page="comandos-custom"] .cc-kicker { color: #00ff88; }

/* Memes Auto */
#automeme-container-fix {
  --bg: #0a0e0b;
  --card: #111715;
  --card-hover: #151c19;
  --text: #e8eee9;
  --text2: #aebbb2;
  --green: #00ff88;
  --green-soft: rgba(0,255,136,.12);
  --blue: #00ff88;
  --blue-soft: rgba(0,255,136,.12);
  --yellow: #00ff88;
  --border: #303a35;
  --border-soft: #303a35;
  background: #0a0e0b !important;
  color: #e8eee9;
}
#automeme-container-fix .top-bar,
#automeme-container-fix .meme-card,
#automeme-container-fix .search-history-modal,
#automeme-container-fix .punishment-channel-modal { border-color: #303a35; background-color: #111715; }
#automeme-container-fix .meme-card:hover { background: #151c19; border-color: #00ff88; }
#automeme-container-fix #termoBusca,
#automeme-container-fix .top-bar select,
#automeme-container-fix .search-history-item,
#automeme-container-fix .punishment-channel-option {
  border-color: #303a35;
  background: #0a0e0b;
  color: #e8eee9;
}
#automeme-container-fix #termoBusca:focus,
#automeme-container-fix .top-bar select:focus { border-color: #00ff88; box-shadow: 0 0 0 3px rgba(0,255,136,.12); outline: none; }
#automeme-container-fix .btn-novo,
#automeme-container-fix .btn-enviar { background: #00ff88; color: #07100d; }
#automeme-container-fix .btn-enviar.sent { background: #00c96f; color: #07100d; }
#automeme-container-fix .tag.blue { border-color: rgba(0,255,136,.28); background: rgba(0,255,136,.12); color: #00ff88; }
#automeme-container-fix .tag:not(.blue):not(.giphy-credit) { border-color: rgba(0,255,136,.24); background: rgba(0,255,136,.08); color: #c4d0c8; }

/* Integrações */
[data-spike-react-page="integracoes"][data-spike-react-page="integracoes"] {
  --bg: #0a0e0b;
  --card: #111715;
  --card2: #151c19;
  --surface: #0d1310;
  --border: #303a35;
  --text: #e8eee9;
  --muted: #aebbb2;
  --green: #00ff88;
  --purple: #00ff88;
  --orange: #00ff88;
  background: #0a0e0b;
  color: #e8eee9;
}
[data-spike-react-page="integracoes"][data-spike-react-page="integracoes"] :is(.page-header,.stat-item,.search-box,.int-card,.modal) {
  border-color: #303a35;
  background-color: #111715;
  color: #e8eee9;
}
[data-spike-react-page="integracoes"][data-spike-react-page="integracoes"] .stats-bar {
  border-color: transparent;
  background-color: transparent;
}
[data-spike-react-page="integracoes"][data-spike-react-page="integracoes"] .int-card:hover { border-color: rgba(0,255,136,.38); background: #151c19; }
[data-spike-react-page="integracoes"][data-spike-react-page="integracoes"] .int-card.connected { border-color: rgba(0,255,136,.3); }
[data-spike-react-page="integracoes"][data-spike-react-page="integracoes"] .int-card-status.connected,
[data-spike-react-page="integracoes"][data-spike-react-page="integracoes"] .connected-count { color: #00ff88; }
[data-spike-react-page="integracoes"][data-spike-react-page="integracoes"] .int-card-status.disconnected { color: #aebbb2; }
[data-spike-react-page="integracoes"][data-spike-react-page="integracoes"] .badge.premium { border-color: rgba(0,255,136,.3); background: rgba(0,255,136,.1); color: #00ff88; }
[data-spike-react-page="integracoes"][data-spike-react-page="integracoes"] .filter-tab.active,
[data-spike-react-page="integracoes"][data-spike-react-page="integracoes"] .btn-primary,
[data-spike-react-page="integracoes"][data-spike-react-page="integracoes"] .int-card-btn.connect {
  border-color: #00ff88;
  background: #00ff88;
  color: #07100d;
}
[data-spike-react-page="integracoes"][data-spike-react-page="integracoes"] .filter-tab:hover,
[data-spike-react-page="integracoes"][data-spike-react-page="integracoes"] .int-card-btn.edit { border-color: #00ff88; color: #00ff88; }
[data-spike-react-page="integracoes"][data-spike-react-page="integracoes"] #searchInput,
[data-spike-react-page="integracoes"][data-spike-react-page="integracoes"] .modal :is(input,select,textarea) {
  border-color: #303a35 !important;
  background: #0a0e0b !important;
  color: #e8eee9 !important;
}
[data-spike-react-page="integracoes"][data-spike-react-page="integracoes"] #searchInput:focus,
[data-spike-react-page="integracoes"][data-spike-react-page="integracoes"] .modal :is(input,select,textarea):focus {
  border-color: #00ff88 !important;
  box-shadow: 0 0 0 3px rgba(0,255,136,.12) !important;
  outline: none;
}