/* DATA LIMITED theme for Redmine
 * Brand palette: lime #7AC800 on dark slate #121926/#202939
 */

@import url("/assets/application-6dc0ec44.css");

:root {
  --dl-bg: #121926;
  --dl-slate: #202939;
  --dl-slate-2: #364152;
  --dl-accent: #7AC800;
  --dl-accent-dark: #5fa300;
  --dl-light: #f5f7fa;
}

/* ---------- Top menu (deep slate band with green underline) ---------- */
#top-menu {
  background: var(--dl-bg);
  border-bottom: 2px solid var(--dl-accent);
  padding: 6px 10px;
}
#top-menu a, #top-menu #loggedas { color: #cfd8e3; }
#top-menu a:hover { color: var(--dl-accent); text-decoration: none; }

/* ---------- Header (logo band) ---------- */
#header {
  background: linear-gradient(135deg, var(--dl-slate) 0%, var(--dl-bg) 100%);
  padding: 14px 20px;
  min-height: 90px;
  color: #fff;
}
#header h1, #header h1 a, #header .breadcrumb, #header a { color: #fff; }
#header h1 a {
  display: inline-block;
  background: url("/assets/themes/dataltd/logo-2d000e27.png") no-repeat left center;
  background-size: contain;
  height: 56px;
  width: 240px;
  text-indent: -9999px;
  overflow: hidden;
  vertical-align: middle;
}
#header #quick-search { color: #fff; }
#header #quick-search input {
  background: rgba(255,255,255,.96);
  border: 1px solid var(--dl-accent);
  border-radius: 3px;
  padding: 4px 8px;
  color: #1a2336;
}

/* ---------- Main menu (project tabs) ---------- */
#main-menu {
  background: var(--dl-slate);
  border-bottom: 2px solid var(--dl-accent);
}
#main-menu ul li a {
  color: #cfd8e3;
  background: transparent;
  border-radius: 2px 2px 0 0;
}
#main-menu ul li a:hover {
  background: var(--dl-slate-2);
  color: #fff;
}
#main-menu ul li a.selected,
#main-menu ul li a.selected:hover {
  background: var(--dl-accent);
  color: #fff;
  font-weight: 600;
}

/* ---------- Global link accent ---------- */
a, a:link, a:visited { color: var(--dl-accent-dark); }
a:hover { color: var(--dl-accent); }
#content a.icon, #content a.icon-only { color: var(--dl-accent-dark); }

/* Buttons: keep neutral, but primary actions get the accent */
input[type="submit"].primary,
input[type="submit"][name="commit"] {
  background: var(--dl-accent);
  border-color: var(--dl-accent-dark);
  color: #fff;
  font-weight: 600;
}
input[type="submit"].primary:hover,
input[type="submit"][name="commit"]:hover {
  background: var(--dl-accent-dark);
}

/* ---------- Welcome page hero treatment ---------- */
body.controller-welcome.action-index #content {
  background: #fff;
  border-radius: 6px;
  padding: 26px 30px;
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
}
body.controller-welcome h2 {
  color: var(--dl-bg);
  font-weight: 700;
  border-bottom: 3px solid var(--dl-accent);
  padding-bottom: 6px;
  margin-top: 22px;
  font-size: 1.6em;
}
body.controller-welcome h2:first-of-type {
  font-size: 1.9em;
  margin-top: 4px;
}
body.controller-welcome h3 {
  color: var(--dl-slate);
  margin-top: 22px;
  font-weight: 600;
}
body.controller-welcome blockquote {
  border-left: 4px solid var(--dl-accent);
  background: var(--dl-light);
  padding: 12px 16px;
  margin: 18px 0;
  color: var(--dl-slate);
  font-style: italic;
}
body.controller-welcome table {
  border-collapse: collapse;
  width: 100%;
  margin: 14px 0 22px 0;
  font-size: 0.95em;
}
body.controller-welcome table th {
  background: var(--dl-slate);
  color: #fff;
  text-align: left;
  padding: 9px 12px;
  font-weight: 600;
}
body.controller-welcome table td {
  padding: 9px 12px;
  border-bottom: 1px solid #e2e8f0;
}
body.controller-welcome table tr:hover td { background: var(--dl-light); }

/* ---------- Login page ---------- */
body.controller-account #header h1 a { width: 200px; height: 44px; }
body.controller-account #content {
  max-width: 460px;
  margin: 36px auto;
  background: #fff;
  padding: 30px 34px;
  border-radius: 8px;
  box-shadow: 0 4px 18px rgba(0,0,0,.10);
}
body.controller-account h2 {
  color: var(--dl-bg);
  border-bottom: 3px solid var(--dl-accent);
  padding-bottom: 6px;
}
body.controller-account input[type="submit"] {
  background: var(--dl-accent);
  border: none;
  color: #fff;
  padding: 8px 22px;
  border-radius: 3px;
  font-weight: 600;
  cursor: pointer;
}
body.controller-account input[type="submit"]:hover { background: var(--dl-accent-dark); }

/* ---------- Sidebar polish ---------- */
#sidebar h3 {
  color: var(--dl-slate);
  border-bottom: 2px solid var(--dl-accent);
  padding-bottom: 4px;
}

/* ---------- Footer ---------- */
#footer { color: var(--dl-slate-2); }
#footer a { color: var(--dl-accent-dark); }