/**
 * Ads2Wallet — Push & Notifiche sub-tabs (dark shell only).
 */

html[data-shell="dark"].a2w-shell #push .tabs-bar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3, 12px);
  margin-bottom: var(--space-5, 20px);
  border-bottom: none;
}

html[data-shell="dark"].a2w-shell #push .tabs-bar__tab.push-subtab {
  flex: 1 1 140px;
  min-width: 140px;
  max-width: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-2, 8px);
  padding: var(--space-4, 16px) var(--space-3, 12px);
  min-height: 88px;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 0;
  color: var(--a2w-text-secondary, rgba(255, 255, 255, 0.6));
  font-weight: 500;
  font-size: var(--text-sm, 13px);
  font-family: inherit;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

html[data-shell="dark"].a2w-shell #push .tabs-bar__tab.push-subtab:hover {
  background: rgba(255, 255, 255, 0.06);
  color: var(--a2w-text-primary, rgba(255, 255, 255, 0.92));
}

html[data-shell="dark"].a2w-shell #push .tabs-bar__tab.push-subtab.active,
html[data-shell="dark"].a2w-shell #push .tabs-bar__tab.push-subtab[aria-selected="true"] {
  background: rgba(52, 211, 153, 0.1);
  border-color: var(--a2w-accent, #34d399);
  color: #6ee7b7;
  font-weight: 600;
}

html[data-shell="dark"].a2w-shell #push .tabs-bar__tab.push-subtab .tabs-bar__icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: currentColor;
}

html[data-shell="dark"].a2w-shell #push .push-subtab__label {
  display: block;
  font-size: var(--text-sm, 13px);
  line-height: 1.25;
  text-align: center;
}