/* Paleta alinhada ao padrão aprovado: superfícies verde-escuras, contornos neutros e verde Spike.
   Seletores limitados às subpáginas listadas na solicitação. */
#spike-page-member-history,
#spike-page-autocargo,
#spike-page-config-basica,
#spike-page-satisfacao {
  --spike-ui-bg: #0a0e0b;
  --spike-ui-surface: #111715;
  --spike-ui-surface-raised: #151c19;
  --spike-ui-input: #0a0e0b;
  --spike-ui-border: #303a35;
  --spike-ui-text: #e8eee9;
  --spike-ui-muted: #929b96;
  --spike-ui-green: #00ff88;
}

/* Histórico de Membros */
#spike-page-member-history {
  --bg: #0a0e0b; --card: #111715; --card-2: #151c19;
  --border: #303a35; --text: #e8eee9; --text2: #aebbb2;
  --green: #00ff88; --blue: #00ff88; --yellow: #f6cf68; --red: #ff5d72;
  background: #0a0e0b !important;
  color: #e8eee9;
}
#spike-page-member-history .title { color: #00ff88; }
#spike-page-member-history .user-list,
#spike-page-member-history .info-item,
#spike-page-member-history .action-card { background: #111715; border-color: #303a35; }
#spike-page-member-history .user-card { border-color: #303a35; }
#spike-page-member-history .user-card:hover { background: #151c19; }
#spike-page-member-history .user-card img { border-color: #303a35; }
#spike-page-member-history .profile img { border-color: #00ff88; }
#spike-page-member-history .user-stats span { background: #151c19; color: #aebbb2; }
#spike-page-member-history .tab { color: #aebbb2; }
#spike-page-member-history .tab.active,
#spike-page-member-history .back-btn { color: #00ff88; }
#spike-page-member-history .tab.active { border-bottom-color: #00ff88; }
#spike-page-member-history .role-tag {
  background: rgba(0,255,136,.12);
  border: 1px solid rgba(0,255,136,.28);
  color: #00ff88;
}
#spike-page-member-history .risk-card { background: #111715; border-left-color: #ff5d72; }
#spike-page-member-history .risk-card.safe { border-left-color: #00ff88; }
#spike-page-member-history .search-box input:not([type="checkbox"]):not([type="radio"]):not([type="color"]) {
  box-sizing: border-box; width: 100%; min-width: 0; min-height: 42px;
  padding: 0 12px !important; border: 1px solid #303a35 !important;
  border-radius: 9px !important; background: #0a0e0b !important;
  color: #e8eee9 !important; font: inherit;
}
#spike-page-member-history .search-box input:not([type="checkbox"]):not([type="radio"]):not([type="color"])::placeholder { color: #748279; opacity: 1; }
#spike-page-member-history .search-box input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):focus {
  border-color: #00ff88 !important; box-shadow: 0 0 0 3px rgba(0,255,136,.12) !important; outline: none;
}

/* Autocargo */
#spike-page-autocargo {
  --bg: #0a0e0b; --card: #111715; --card-2: #151c19; --card-3: #0d1310;
  --border: #303a35; --text: #e8eee9; --text-dim: #aebbb2;
  --green: #00ff88; --green-dim: rgba(0,255,136,.12); --green-glow: rgba(0,255,136,.18);
  --discord: #00ff88; --discord-dim: rgba(0,255,136,.12);
  background: #0a0e0b !important; color: #e8eee9;
}
#spike-page-autocargo .page-header { background: linear-gradient(135deg,rgba(0,255,136,.07),transparent 55%); border-color: #303a35; }
#spike-page-autocargo :is(.card,.switch-row,.role-list) { background-color: #111715; border-color: #303a35; }
#spike-page-autocargo .card { background: linear-gradient(180deg,#111715 0%,#0d1310 100%); border-radius: 14px; }
#spike-page-autocargo .card-icon { background: rgba(0,255,136,.12); color: #00ff88; border-color: rgba(0,255,136,.24); }
#spike-page-autocargo .switch-row { background: #0d1310; border-radius: 12px; }
#spike-page-autocargo .switch input:checked + .slider { background: #00ff88; box-shadow: 0 0 12px rgba(0,255,136,.18); }
#spike-page-autocargo .btn:not(:disabled) { background: linear-gradient(135deg,#00ff88 0%,#00c96f 100%); color: #07100d; }
#spike-page-autocargo .role-list { background: #0d1310; border-color: #303a35; }
#spike-page-autocargo .role-tag { background: rgba(0,255,136,.12); border-color: rgba(0,255,136,.3); color: #00ff88; }
#spike-page-autocargo .role-tag .close { color: #ff5d72; }
#spike-page-autocargo .autocargo-role-trigger,
#spike-page-autocargo .input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
#spike-page-autocargo .role-select:not([type="checkbox"]):not([type="radio"]):not([type="color"]) {
  box-sizing: border-box; min-height: 42px; padding: 0 12px !important;
  border: 1px solid #303a35 !important; border-radius: 9px !important;
  background: #0a0e0b !important; color: #e8eee9 !important;
}
#spike-page-autocargo .autocargo-role-trigger:hover,
#spike-page-autocargo .input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):hover,
#spike-page-autocargo .role-select:not([type="checkbox"]):not([type="radio"]):not([type="color"]):hover { border-color: #00c96f !important; }
#spike-page-autocargo .autocargo-role-trigger:focus-visible,
#spike-page-autocargo .input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):focus,
#spike-page-autocargo .role-select:not([type="checkbox"]):not([type="radio"]):not([type="color"]):focus {
  border-color: #00ff88 !important; box-shadow: 0 0 0 3px rgba(0,255,136,.12) !important; outline: none;
}
#spike-page-autocargo .punishment-channel-modal { background: #111715; border-color: #303a35; color: #e8eee9; }
#spike-page-autocargo .punishment-channel-head { border-color: #303a35; }
#spike-page-autocargo .punishment-channel-option { background: #151c19; border-color: #303a35; color: #e8eee9; }
#spike-page-autocargo .punishment-channel-option:hover,
#spike-page-autocargo .punishment-channel-option.selected { border-color: #00ff88; background: rgba(0,255,136,.1); color: #00ff88; }

/* Configurações Básicas */
#spike-page-config-basica #configForm {
  --bg: #0a0e0b;
  --surface: #111715;
  --surface-2: #151c19;
  --surface-3: #0d1310;
  --text: #e8eee9;
  --muted: #aebbb2;
  --muted-strong: #e8eee9;
  --green: #00ff88;
  --green-soft: rgba(0,255,136,.12);
  --green-dark: #00c96f;
  --line: #303a35;
  --line-strong: #3b4941;
  --danger: #ff5d72;
  --shadow: 0 18px 50px rgba(0,0,0,.35);
  color: #e8eee9;
  background: radial-gradient(circle at 8% -4%,rgba(255,255,255,.035),transparent 27rem),radial-gradient(circle at 94% 12%,rgba(255,255,255,.018),transparent 22rem),#0a0e0b;
}
#spike-page-config-basica #configForm .metric,
#spike-page-config-basica #configForm .setting-card,
#spike-page-config-basica #configForm .field-card,
#spike-page-config-basica #configForm .notice { border-color: #303a35; }
#spike-page-config-basica #configForm .metric,
#spike-page-config-basica #configForm .setting-card,
#spike-page-config-basica #configForm .field-card { background: linear-gradient(180deg,#111715 0%,#0d1310 100%); }
#spike-page-config-basica #configForm .setting-icon { background: rgba(0,255,136,.12); color: #00ff88; }
#spike-page-config-basica #configForm .notice { background: rgba(0,255,136,.06); }
#spike-page-config-basica #configForm .section-count { color: #00ff88; }
#spike-page-config-basica #configForm select:not([type="checkbox"]):not([type="radio"]):not([type="color"]) {
  box-sizing: border-box; width: 100%; min-width: 0; min-height: 42px;
  padding: 0 12px !important; border: 1px solid #303a35 !important;
  border-radius: 9px !important; background: #0a0e0b !important;
  color: #e8eee9 !important;
}
#spike-page-config-basica #configForm select:not([type="checkbox"]):not([type="radio"]):not([type="color"]):focus {
  border-color: #00ff88 !important; box-shadow: 0 0 0 3px rgba(0,255,136,.12) !important; outline: none;
}
#spike-page-config-basica #configForm .btn-save { background: linear-gradient(135deg,#00ff88 0%,#00c96f 100%); color: #07100d; }

/* Pesquisa de Satisfação (rota servida pelo Histórico de Tickets) */
#spike-page-satisfacao {
  --bg: #0a0e0b; --card: #111715; --card2: #151c19;
  --border: #303a35; --green: #00ff88; --green2: #00c96f;
  --text: #e8eee9; --dim: #aebbb2; --blue: #00ff88;
  --yellow: #f6cf68; --purple: #00ff88;
  background: #0a0e0b !important; color: #e8eee9;
}
#spike-page-satisfacao .stat-card,
#spike-page-satisfacao .stat-small,
#spike-page-satisfacao .panel,
#spike-page-satisfacao .ticket,
#spike-page-satisfacao .modal-card { border-color: #303a35; }
#spike-page-satisfacao .stat-card { background: linear-gradient(180deg,#111715 0%,#0d1310 100%); }
#spike-page-satisfacao .stat-small { background: #111715; }
#spike-page-satisfacao .panel { background: linear-gradient(180deg,#111715 0%,#0d1310 100%); }
#spike-page-satisfacao .toolbar { background: #111715; border-color: #303a35; }
#spike-page-satisfacao .ticket { background: #111715; }
#spike-page-satisfacao .ticket:hover { background: #151c19; border-color: #00c96f; }
#spike-page-satisfacao .stat-card.open .stat-label,
#spike-page-satisfacao .stat-card.closed .stat-label { color: #fff !important; }
#spike-page-satisfacao .filter-btn.active,
#spike-page-satisfacao .page-btn.active { background: #00ff88; border-color: #00ff88; color: #07100d; }
#spike-page-satisfacao .filter-btn:hover,
#spike-page-satisfacao .page-btn:hover { border-color: #00ff88; color: #00ff88; }
#spike-page-satisfacao .search-wrap input.search:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
#spike-page-satisfacao select.sort-select:not([type="checkbox"]):not([type="radio"]):not([type="color"]) {
  box-sizing: border-box; min-width: 0; min-height: 42px; padding: 0 12px !important;
  border: 1px solid #303a35 !important; border-radius: 9px !important;
  background: #0a0e0b !important; color: #e8eee9 !important;
}
#spike-page-satisfacao .search-wrap input.search:not([type="checkbox"]):not([type="radio"]):not([type="color"])::placeholder { color: #748279; opacity: 1; }
#spike-page-satisfacao .search-wrap input.search:not([type="checkbox"]):not([type="radio"]):not([type="color"]):focus,
#spike-page-satisfacao select.sort-select:not([type="checkbox"]):not([type="radio"]):not([type="color"]):focus {
  border-color: #00ff88 !important; box-shadow: 0 0 0 3px rgba(0,255,136,.12) !important; outline: none;
}
#spike-page-satisfacao .status.open { color: #00ff88; }
#spike-page-satisfacao .status.closed { color: #aebbb2; }

@media (max-width: 640px) {
  #spike-page-member-history { padding: 14px; }
  #spike-page-member-history .search-box input:not([type="checkbox"]):not([type="radio"]):not([type="color"]) { min-height: 44px; }
  #spike-page-autocargo .container { padding: 16px 14px calc(124px + env(safe-area-inset-bottom)); }
  #spike-page-autocargo .card { padding: 18px 16px; }
  #spike-page-autocargo .autocargo-role-trigger,
  #spike-page-autocargo .input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
  #spike-page-autocargo .role-select:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
  #spike-page-config-basica #configForm select:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
  #spike-page-satisfacao .search-wrap input.search:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
  #spike-page-satisfacao select.sort-select:not([type="checkbox"]):not([type="radio"]):not([type="color"]) { min-height: 44px; }
  #spike-page-satisfacao .stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 400px) {
  #spike-page-satisfacao .stats { grid-template-columns: 1fr; }
  #spike-page-satisfacao .stat-grid { grid-template-columns: 1fr; }
}

/* Correção solicitada: somente os valores dos cards Atendidos por staff (21) e Interações com IA (05). */
#spike-page-satisfacao .stat-card.staff .stat-value,
#spike-page-satisfacao .stat-card.ia .stat-value { color: #fff !important; }