/* Classic Mac Adventure Theme */
html[data-theme="classic-mac"] {
  --bg: repeating-linear-gradient(
    0deg,
    #e9e9e9 0px,
    #e9e9e9 2px,
    #f6f6f6 2px,
    #f6f6f6 4px
  );
  --bg-alt: #f2f2f2;

  --surface: #ffffff;
  --surface-soft: #f7f7f7;
  --surface-subtle: #dedede;

  --border-subtle: #000000;
  --card-border-strong: #000000;

  --accent: #000000;
  --accent-soft: rgba(0,0,0,0.12);
  --accent-strong: #000000;

  --text: #000000;
  --muted: #3b3b3b;

  --chip-bg: #f0f0f0;
  --mac-btn-border: #7a7a7a;
  --mac-btn-grad: linear-gradient(180deg, #f1f1f1 0%, #dddddd 58%, #c9c9c9 100%);
  --mac-btn-grad-hover: linear-gradient(180deg, #f6f6f6 0%, #e5e5e5 58%, #d2d2d2 100%);
  --mac-btn-glyph-grad: linear-gradient(180deg, #f5f5f5 0%, #d8d8d8 100%);

  --hero-glow-1: rgba(0,0,0,0.06);
  --hero-glow-2: rgba(0,0,0,0.03);
}

/* Classic Mac: apply softened gray action style across primary/power buttons */
html[data-theme="classic-mac"] .btn-primary,
html[data-theme="classic-mac"] .power-btn {
  color: #111111 !important;
  border-color: var(--mac-btn-border) !important;
  background: var(--mac-btn-grad) !important;
  box-shadow: none !important;
}

html[data-theme="classic-mac"] .btn-primary:hover:not(:disabled),
html[data-theme="classic-mac"] .power-btn:hover:not(:disabled) {
  border-color: var(--mac-btn-border) !important;
  background: var(--mac-btn-grad-hover) !important;
}

html[data-theme="classic-mac"] .btn-primary:active:not(:disabled),
html[data-theme="classic-mac"] .power-btn:active:not(:disabled) {
  border-color: var(--mac-btn-border) !important;
  background: var(--mac-btn-grad) !important;
}

/* Portal left menu: remove shadow stack */
html[data-theme="classic-mac"] .app .sidebar,
html[data-theme="classic-mac"] .app .sidebar #panelList .server-btn.panel-btn,
html[data-theme="classic-mac"] .app .sidebar #panelList .server-btn.panel-btn:hover:not(:disabled),
html[data-theme="classic-mac"] .app .sidebar #panelList .server-btn.panel-btn.active,
html[data-theme="classic-mac"] .app .sidebar #panelList .panel-glyph,
html[data-theme="classic-mac"] .app .sidebar #panelList .panel-btn.active .panel-glyph {
  box-shadow: none !important;
}

/* Classic Mac: soften Add button to subtle gray gradient */
html[data-theme="classic-mac"] .app .sidebar .side-header #addServerBtn.btn.btn-primary {
  color: #111111 !important;
  border-color: var(--mac-btn-border) !important;
  background: var(--mac-btn-grad) !important;
  box-shadow: none !important;
}

html[data-theme="classic-mac"] .app .sidebar .side-header #addServerBtn.btn.btn-primary:hover:not(:disabled) {
  border-color: var(--mac-btn-border) !important;
  background: var(--mac-btn-grad-hover) !important;
}

/* Active left-menu button: match Add button styling */
html[data-theme="classic-mac"] .app .sidebar #panelList .server-btn.panel-btn.active {
  color: #111111 !important;
  border-color: var(--mac-btn-border) !important;
  background: var(--mac-btn-grad) !important;
  filter: none !important;
}

html[data-theme="classic-mac"] .app .sidebar #panelList .server-btn.panel-btn.active:hover:not(:disabled) {
  border-color: var(--mac-btn-border) !important;
  background: var(--mac-btn-grad-hover) !important;
}

html[data-theme="classic-mac"] .app .sidebar #panelList .server-btn.panel-btn.active .panel-glyph {
  color: #111111 !important;
  border-color: var(--mac-btn-border) !important;
  background: var(--mac-btn-glyph-grad) !important;
}

/* Metrics graphs */
html[data-theme="classic-mac"] .explorer .chart-wrap,
html[data-theme="classic-mac"] .explorer .mini-chart {
  background: #000 !important;
}

/* Permissions page: Save button should use the same lighter gray style */
html[data-theme="classic-mac"] .page .btn[data-action="save"] {
  color: #111111 !important;
  border: 1px solid var(--mac-btn-border) !important;
  background: var(--mac-btn-grad) !important;
  box-shadow: none !important;
}

html[data-theme="classic-mac"] .page .btn[data-action="save"]:hover:not(:disabled) {
  border-color: var(--mac-btn-border) !important;
  background: var(--mac-btn-grad-hover) !important;
}

html[data-theme="classic-mac"] .page .btn[data-action="save"]:active:not(:disabled) {
  border-color: var(--mac-btn-border) !important;
  background: var(--mac-btn-grad) !important;
}

/* Portal notifications: Accept button should match lighter gray action style */
html[data-theme="classic-mac"] .notification-item-action:not(.secondary) {
  color: #111111 !important;
  border: 1px solid var(--mac-btn-border) !important;
  background: var(--mac-btn-grad) !important;
  box-shadow: none !important;
  filter: none !important;
}

html[data-theme="classic-mac"] .notification-item-action:not(.secondary):hover:not(:disabled) {
  border-color: var(--mac-btn-border) !important;
  background: var(--mac-btn-grad-hover) !important;
  filter: none !important;
}

html[data-theme="classic-mac"] .notification-item-action:not(.secondary):active:not(:disabled) {
  border-color: var(--mac-btn-border) !important;
  background: var(--mac-btn-grad) !important;
}

/* Homepage top bar text */
html[data-theme="classic-mac"] .site-header .brand-text-main,
html[data-theme="classic-mac"] .site-header .brand-text-sub,
html[data-theme="classic-mac"] .site-header .nav-link,
html[data-theme="classic-mac"] .site-header .nav-link:hover,
html[data-theme="classic-mac"] .site-header .nav-link:visited {
  color: #ffffff !important;
}

/* Login page compatibility: prevent Classic Mac app button overrides from leaking into login */
html[data-theme="classic-mac"] .login-mascot + .card {
  background: linear-gradient(135deg, var(--panel), var(--panel-soft)) !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow) !important;
}

html[data-theme="classic-mac"] .login-mascot + .card .btn-primary {
  color: #111827 !important;
  background: linear-gradient(135deg, var(--accent), var(--accent-soft)) !important;
  border-color: var(--accent) !important;
  box-shadow: var(--shadow-soft) !important;
}

html[data-theme="classic-mac"] .login-mascot + .card .btn-primary:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.75) !important;
}

html[data-theme="classic-mac"] .login-mascot + .card .btn-ghost {
  color: var(--text) !important;
  background: var(--surface-soft) !important;
  border-color: var(--border-subtle) !important;
}