/* Tema RSI Home (default exploracion) · estilo robertsspaceindustries.com */

html.rsi-skin:not([data-theme]),
html.rsi-skin[data-theme=""],
html.rsi-skin[data-theme="exploracion"] {
  --bg: #0a0f16;
  --surface: #111a24;
  --surface2: #0d1520;
  --border: rgba(88, 136, 176, 0.28);
  --text: #ffffff;
  --muted: #a8b8c8;
  --accent: #58a6ff;
  --accent2: #69b8d1;
  --warn: #c9a227;
  --bad: #e05c5c;
  --good: #6ec4a8;
  --header-grad: linear-gradient(180deg, rgba(10, 29, 41, 0.98) 0%, rgba(10, 15, 22, 0.95) 100%);
  --ring-bg: #0a0f16;
  --bar-track: rgba(88, 136, 176, 0.18);
  --rsi-line: rgba(105, 184, 209, 0.45);
  --rsi-line-dim: rgba(88, 136, 176, 0.22);
}

html.rsi-skin:not([data-theme]) body,
html.rsi-skin[data-theme=""] body,
html.rsi-skin[data-theme="exploracion"] body {
  background-color: var(--bg);
  color: var(--text);
}

html.rsi-skin:not([data-theme]) body.session-guest,
html.rsi-skin[data-theme=""] body.session-guest,
html.rsi-skin[data-theme="exploracion"] body.session-guest {
  background-image: none;
}

html.rsi-skin:not([data-theme]) .btn-primary,
html.rsi-skin[data-theme=""] .btn-primary,
html.rsi-skin[data-theme="exploracion"] .btn-primary {
  background: var(--accent);
  border-color: var(--accent);
  color: #0a0f16;
  clip-path: none;
  border-radius: 2px;
  font-family: var(--font-display);
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

html.rsi-skin:not([data-theme]) .btn-blue,
html.rsi-skin[data-theme=""] .btn-blue,
html.rsi-skin[data-theme="exploracion"] .btn-blue {
  background: #fff;
  border-color: #fff;
  color: #0a0f16;
  clip-path: none;
  border-radius: 2px;
}

html.rsi-skin:not([data-theme]) .btn,
html.rsi-skin[data-theme=""] .btn,
html.rsi-skin[data-theme="exploracion"] .btn {
  clip-path: none;
  border-radius: 2px;
}

html.rsi-skin:not([data-theme]) .tab,
html.rsi-skin[data-theme=""] .tab,
html.rsi-skin[data-theme="exploracion"] .tab {
  clip-path: none;
  border-radius: 2px;
  border: 1px solid var(--border);
  background: rgba(10, 21, 32, 0.85);
}

html.rsi-skin:not([data-theme]) .tab.active,
html.rsi-skin[data-theme=""] .tab.active,
html.rsi-skin[data-theme="exploracion"] .tab.active {
  background: linear-gradient(180deg, rgba(88, 166, 255, 0.35), rgba(74, 144, 184, 0.2));
  border-color: rgba(88, 166, 255, 0.55);
  color: #fff;
}

html.rsi-skin:not([data-theme]) .tab.tab-highlight.active,
html.rsi-skin[data-theme=""] .tab.tab-highlight.active,
html.rsi-skin[data-theme="exploracion"] .tab.tab-highlight.active {
  background: var(--accent);
  border-color: var(--accent);
  color: #0a0f16;
}

html.rsi-skin:not([data-theme]) .chip.active,
html.rsi-skin[data-theme=""] .chip.active,
html.rsi-skin[data-theme="exploracion"] .chip.active {
  background: var(--accent);
  border-color: var(--accent);
  color: #0a0f16;
}

html.rsi-skin:not([data-theme]) .login-tab.active,
html.rsi-skin[data-theme=""] .login-tab.active,
html.rsi-skin[data-theme="exploracion"] .login-tab.active {
  background: var(--accent2);
  border-color: var(--accent2);
  color: #0a0f16;
}

html.rsi-skin:not([data-theme]) .login-tab.admin-tab.active,
html.rsi-skin[data-theme=""] .login-tab.admin-tab.active,
html.rsi-skin[data-theme="exploracion"] .login-tab.admin-tab.active {
  background: var(--accent);
  border-color: var(--accent);
  color: #0a0f16;
}

html.rsi-skin:not([data-theme]) header,
html.rsi-skin[data-theme=""] header,
html.rsi-skin[data-theme="exploracion"] header {
  background: var(--header-grad);
  border-bottom-color: var(--rsi-line-dim);
}

html.rsi-skin:not([data-theme]) body.session-admin header,
html.rsi-skin:not([data-theme]) body.session-division header,
html.rsi-skin[data-theme=""] body.session-admin header,
html.rsi-skin[data-theme=""] body.session-division header,
html.rsi-skin[data-theme="exploracion"] body.session-admin header,
html.rsi-skin[data-theme="exploracion"] body.session-division header {
  background: linear-gradient(180deg, rgba(10, 29, 41, 0.72) 0%, rgba(10, 15, 22, 0.52) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

html.rsi-skin:not([data-theme]) nav.tabs,
html.rsi-skin[data-theme=""] nav.tabs,
html.rsi-skin[data-theme="exploracion"] nav.tabs {
  background: rgba(10, 15, 22, 0.96);
  backdrop-filter: blur(8px);
  border-bottom-color: var(--rsi-line-dim);
}

html.rsi-skin:not([data-theme]) body.session-admin nav.tabs,
html.rsi-skin:not([data-theme]) body.session-division nav.tabs,
html.rsi-skin[data-theme=""] body.session-admin nav.tabs,
html.rsi-skin[data-theme=""] body.session-division nav.tabs,
html.rsi-skin[data-theme="exploracion"] body.session-admin nav.tabs,
html.rsi-skin[data-theme="exploracion"] body.session-division nav.tabs {
  background: rgba(10, 15, 22, 0.55);
}

html.rsi-skin:not([data-theme]) .progress-hero,
html.rsi-skin[data-theme=""] .progress-hero,
html.rsi-skin[data-theme="exploracion"] .progress-hero {
  background: rgba(0, 0, 0, 0.45);
  border-color: var(--border);
  border-radius: 4px;
}

html.rsi-skin:not([data-theme]) .progress-ring,
html.rsi-skin[data-theme=""] .progress-ring,
html.rsi-skin[data-theme="exploracion"] .progress-ring {
  background: conic-gradient(var(--accent2) calc(var(--p) * 1%), #243447 0);
}

html.rsi-skin:not([data-theme]) .progress-ring span,
html.rsi-skin[data-theme=""] .progress-ring span,
html.rsi-skin[data-theme="exploracion"] .progress-ring span {
  color: var(--accent2);
}

html.rsi-skin:not([data-theme]) .mission-card,
html.rsi-skin[data-theme=""] .mission-card,
html.rsi-skin[data-theme="exploracion"] .mission-card {
  background: rgba(0, 0, 0, 0.45);
  border-color: var(--border);
  border-radius: 4px;
}

html.rsi-skin:not([data-theme]) .mission-card.selected,
html.rsi-skin[data-theme=""] .mission-card.selected,
html.rsi-skin[data-theme="exploracion"] .mission-card.selected {
  border-color: rgba(105, 184, 209, 0.55);
  box-shadow: 0 0 0 1px rgba(88, 166, 255, 0.2);
}

html.rsi-skin:not([data-theme]) .stat,
html.rsi-skin[data-theme=""] .stat,
html.rsi-skin[data-theme="exploracion"] .stat {
  background: rgba(0, 0, 0, 0.4);
  border-color: var(--border);
  border-radius: 4px;
}

html.rsi-skin:not([data-theme]) .stat b,
html.rsi-skin[data-theme=""] .stat b,
html.rsi-skin[data-theme="exploracion"] .stat b {
  color: var(--accent2);
}

html.rsi-skin:not([data-theme]) .table-wrap,
html.rsi-skin[data-theme=""] .table-wrap,
html.rsi-skin[data-theme="exploracion"] .table-wrap,
html.rsi-skin:not([data-theme]) .inv-edit-wrap,
html.rsi-skin[data-theme=""] .inv-edit-wrap,
html.rsi-skin[data-theme="exploracion"] .inv-edit-wrap {
  background: rgba(0, 0, 0, 0.35);
  border-radius: 4px;
}

html.rsi-skin:not([data-theme]) .section-title,
html.rsi-skin[data-theme=""] .section-title,
html.rsi-skin[data-theme="exploracion"] .section-title {
  color: var(--accent2);
}

html.rsi-skin:not([data-theme]) .bar-fill,
html.rsi-skin[data-theme=""] .bar-fill,
html.rsi-skin[data-theme="exploracion"] .bar-fill {
  background: linear-gradient(90deg, #4a90b8, #69b8d1);
}

html.rsi-skin:not([data-theme]) .brand,
html.rsi-skin[data-theme=""] .brand,
html.rsi-skin[data-theme="exploracion"] .brand,
html.rsi-skin:not([data-theme]) .login-gate-brand,
html.rsi-skin[data-theme=""] .login-gate-brand,
html.rsi-skin[data-theme="exploracion"] .login-gate-brand {
  color: var(--accent2);
}

html.rsi-skin:not([data-theme]) .tag,
html.rsi-skin[data-theme=""] .tag,
html.rsi-skin[data-theme="exploracion"] .tag {
  background: rgba(88, 136, 176, 0.15);
  color: #a8c0d4;
  border-radius: 2px;
}

html.rsi-skin:not([data-theme]) .tag.reward,
html.rsi-skin[data-theme=""] .tag.reward,
html.rsi-skin[data-theme="exploracion"] .tag.reward {
  background: rgba(88, 166, 255, 0.15);
  color: #9fd4ff;
}

html.rsi-skin:not([data-theme]) .login-gate,
html.rsi-skin[data-theme=""] .login-gate,
html.rsi-skin[data-theme="exploracion"] .login-gate {
  background-color: var(--bg);
}

html.rsi-skin:not([data-theme]) .chip,
html.rsi-skin[data-theme=""] .chip,
html.rsi-skin[data-theme="exploracion"] .chip,
html.rsi-skin:not([data-theme]) .search,
html.rsi-skin[data-theme=""] .search,
html.rsi-skin[data-theme="exploracion"] .search {
  clip-path: none;
  border-radius: 2px;
}

html.rsi-skin:not([data-theme]) .user-menu-btn,
html.rsi-skin[data-theme=""] .user-menu-btn,
html.rsi-skin[data-theme="exploracion"] .user-menu-btn {
  clip-path: none;
  border-radius: 999px;
}

html.rsi-skin:not([data-theme]) .personal-objective-card .table-wrap,
html.rsi-skin[data-theme=""] .personal-objective-card .table-wrap,
html.rsi-skin[data-theme="exploracion"] .personal-objective-card .table-wrap {
  border-top: 1px solid rgba(88, 136, 176, 0.15);
  margin-top: 8px;
}