/*
 * Neo-Brutalist chrome override for pages not yet fully redesigned
 * (launch.html, credentials.html). Their own content — forms, exec/log
 * panels, artifact rows — stays on the existing light-theme.css look
 * (deliberately not touched here, to avoid a half-redesigned page), but the
 * shared app shell (sidebar, topbar, primary/secondary buttons) follows the
 * new yellow/charcoal/sage system so the app doesn't look broken switching
 * between pages. Linked AFTER light-theme.css in both files so these
 * !important rules win the tie against light-theme.css's own !important
 * rules on the same selectors (later in cascade order + equal specificity).
 */
:root { color-scheme: light; }

body { font-family: 'Satoshi', system-ui, sans-serif !important; }
h1, h2, h3, .brand, .brand-name { font-family: 'Cabinet Grotesk', system-ui, sans-serif !important; }

aside {
  background: #fff !important; border-right: 2px solid #000 !important; border-color: #000 !important;
}
.brand { border-bottom: 2px solid #000 !important; }
.brand-mark, .logo-mark, .footer-mark, .mark {
  background: #000 !important; border: 2px solid #000 !important; border-radius: 7px !important;
}
.brand-mark span, .logo-mark span, .footer-mark span, .mark i { background: #ffe17c !important; }

nav.sidebar-nav .nav-item, nav .nav-item, .nav-item {
  color: #000 !important; font-weight: 700 !important; border-radius: 8px !important; border: 2px solid transparent !important;
}
.nav-item:hover { background: transparent !important; border-color: #000 !important; }
.nav-item.active {
  background: #ffe17c !important; border-color: #000 !important;
  box-shadow: 3px 3px 0px 0px #000 !important;
}
.sidebar-foot { border-top: 2px solid #000 !important; }

header, header.topbar {
  background: #ffe17c !important; border-bottom: 2px solid #000 !important; border-color: #000 !important;
  box-shadow: none !important;
}

.btn-primary, .btn, .button {
  background: #000 !important; border: 2px solid #000 !important; color: #ffe17c !important;
  border-radius: 8px !important; font-weight: 700 !important; box-shadow: 4px 4px 0px 0px #000 !important;
  transition: all .15s cubic-bezier(.175,.885,.32,1.275) !important;
}
.btn-primary:hover, .btn:hover, .button:hover { transform: translate(2px,2px); box-shadow: 2px 2px 0px 0px #000 !important; }
.btn-primary:disabled { opacity: .5 !important; transform: none !important; box-shadow: 4px 4px 0px 0px #000 !important; }

.btn-secondary, .btn.ghost, .row-actions button {
  background: #fff !important; border: 2px solid #000 !important; color: #000 !important;
  border-radius: 7px !important; font-weight: 700 !important; box-shadow: 2px 2px 0px 0px #000 !important;
  transition: all .15s cubic-bezier(.175,.885,.32,1.275) !important;
}
.btn-secondary:hover, .btn.ghost:hover { transform: translate(1px,1px); box-shadow: 1px 1px 0px 0px #000 !important; }