@import url("/assets/application-4381d286.css");
@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500&family=Space+Grotesk:wght@700&display=swap");

/* AnyCompCo brand tokens — branding_pack/palette/anycompco-colors.css */
:root {
  --anycompco-signal: #3B6DFF;
  --anycompco-signal-deep: #2450D6;
  --anycompco-slate: #1C2230;
  --anycompco-ink: #12161F;
  --anycompco-night: #07090E;
  --anycompco-paper: #F4F1EA;
  --anycompco-ash: #E8E4DC;
  --anycompco-mist: #8B909A;
  --anycompco-white: #FFFFFF;
  --anycompco-hold: #E8A317;
  --anycompco-stop: #D7263D;
  --anycompco-font-display: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;
  --anycompco-font-ui: Figtree, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --anycompco-font-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
}

html, body, #wrapper {
  background: var(--anycompco-paper) !important;
  color: var(--anycompco-ink);
  font-family: var(--anycompco-font-ui);
}

/* Display type for headings only */
h1, h2, h3, h4,
.wiki h1, .wiki h2, .wiki h3 {
  font-family: var(--anycompco-font-display);
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--anycompco-ink);
  border-bottom-color: var(--anycompco-ash) !important;
}

a, a:link, a:visited { color: var(--anycompco-signal-deep); }
a:hover { color: var(--anycompco-signal); }

/* Top utility bar — Night */
#top-menu {
  background: var(--anycompco-night) !important;
  color: var(--anycompco-mist);
  border: 0;
}
#top-menu a { color: var(--anycompco-mist) !important; }
#top-menu a:hover { color: var(--anycompco-white) !important; }
#top-menu #loggedas { color: var(--anycompco-mist); }

/*
  Header — Slate chrome with a single white lockup.
  Hide the text h1 so the wordmark is not duplicated.
*/
#header {
  background-color: var(--anycompco-slate) !important;
  background-image: url("/assets/themes/anycompco/logo-8d47fe01.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 20px 50% !important;
  background-size: 168px auto !important;
  border: 0 !important;
  min-height: 76px;
  padding: 16px 20px 12px 204px !important;
  color: var(--anycompco-white);
}
#header h1 {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
#header a { color: var(--anycompco-white) !important; }

#quick-search label,
#quick-search a { color: var(--anycompco-ash) !important; }
#quick-search input[type="text"],
#project-jump .drdn-trigger {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  color: var(--anycompco-white) !important;
  border-radius: 8px !important;
}

/* Project nav under header */
#main-menu {
  background: transparent !important;
  margin-top: 10px;
}
#main-menu li a {
  background: transparent !important;
  color: var(--anycompco-ash) !important;
  border-radius: 8px;
  font-weight: 600;
  font-family: var(--anycompco-font-ui);
}
#main-menu li a:hover {
  background: rgba(59, 109, 255, 0.2) !important;
  color: var(--anycompco-white) !important;
}
#main-menu li a.selected,
#main-menu li a.selected:hover {
  background: var(--anycompco-signal) !important;
  color: var(--anycompco-white) !important;
}
#main-menu .menu-children {
  background: var(--anycompco-slate);
  border: 1px solid var(--anycompco-ink);
}
#main-menu .menu-children li a:hover {
  background: var(--anycompco-signal) !important;
  color: var(--anycompco-white) !important;
}

#main { background: transparent !important; }

#content {
  background: var(--anycompco-white) !important;
  border: 1px solid var(--anycompco-ash) !important;
  border-radius: 12px;
  box-shadow: 0 10px 28px rgba(7, 9, 14, 0.05);
}
#sidebar {
  background: transparent !important;
  color: var(--anycompco-ink);
}
#sidebar h3 {
  font-family: var(--anycompco-font-display);
  color: var(--anycompco-slate);
  border-bottom: 1px solid var(--anycompco-ash);
}

/* Tables — Ash wells / Slate header */
table.list thead th {
  background: var(--anycompco-slate) !important;
  color: var(--anycompco-white) !important;
  border-color: var(--anycompco-slate) !important;
  font-family: var(--anycompco-font-ui);
  font-weight: 600;
}
table.list tbody td {
  border-color: var(--anycompco-ash) !important;
  color: var(--anycompco-ink);
}
table.list tbody tr.odd { background: var(--anycompco-white); }
table.list tbody tr.even { background: var(--anycompco-ash); }
table.list tbody tr:hover td { background: #EEF2FF !important; }

/* Forms / buttons — Signal CTAs only */
input[type="submit"],
button.button-positive,
a.button,
.button,
.tabular input[type="submit"] {
  background: var(--anycompco-signal) !important;
  border: 1px solid var(--anycompco-signal-deep) !important;
  color: var(--anycompco-white) !important;
  border-radius: 8px !important;
  font-family: var(--anycompco-font-ui);
  font-weight: 600;
  box-shadow: none !important;
  text-shadow: none !important;
}
input[type="submit"]:hover,
a.button:hover,
.button:hover {
  background: var(--anycompco-signal-deep) !important;
}

input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
  border-radius: 8px !important;
  border-color: var(--anycompco-mist) !important;
  color: var(--anycompco-ink);
  font-family: var(--anycompco-font-ui);
  background: var(--anycompco-white);
}

/* Login */
body.action-login #content,
#login-form {
  background: var(--anycompco-white);
  border: 1px solid var(--anycompco-ash);
  border-radius: 16px;
  box-shadow: 0 16px 40px rgba(7, 9, 14, 0.08);
}
#login-form {
  padding: 28px 32px;
}
#login-form label {
  color: var(--anycompco-slate);
  font-weight: 600;
}

/* Flash / status */
div.flash.notice, .flash.notice {
  background: #E8EEFF;
  border-color: var(--anycompco-signal);
  color: var(--anycompco-ink);
}
div.flash.warning, .flash.warning {
  background: #FFF6E0;
  border-color: var(--anycompco-hold);
  color: var(--anycompco-ink);
}
div.flash.error, .flash.error {
  background: #FDE8EC;
  border-color: var(--anycompco-stop);
  color: var(--anycompco-ink);
}

.progress .done, .progress .closed {
  background: var(--anycompco-signal) !important;
}
span.pagination .current {
  background: var(--anycompco-signal) !important;
  border-color: var(--anycompco-signal) !important;
  color: var(--anycompco-white) !important;
}

#footer {
  background: transparent !important;
  border: 0 !important;
  color: var(--anycompco-mist);
  font-family: var(--anycompco-font-mono);
  font-size: 11px;
  letter-spacing: 0.04em;
}

/* Tabs */
#content .tabs ul li a.selected {
  border-color: var(--anycompco-ash);
  border-top-color: var(--anycompco-signal);
  color: var(--anycompco-ink);
}