/*
 * Theme: hupath — custom UI for Redmine.
 *
 * A Redmine theme's application.css REPLACES the core stylesheet, so it must import
 * the core first and then override. (Same pattern as the built-in themes.)
 * Workflow: edit this file on the host, then `docker compose restart redmine` (~40s) — Redmine
 * recompiles the theme at boot (config.assets.redmine_detect_update). No image rebuild needed.
 *
 * The starter overrides below (header/top-menu/buttons) exist to visibly confirm the theme.
 */

@import url("/assets/application-045e2042.css");

:root {
  --hupath-brand: #1f6f78;
  --hupath-brand-dark: #124e56;
  --hupath-accent: #e07b39;
}

/* Top black menu bar */
#top-menu {
  background: var(--hupath-brand-dark);
}
#top-menu a,
#top-menu #loggedas {
  color: #eaf3f2;
}

/* Main header */
#header {
  background: var(--hupath-brand);
  background-image: linear-gradient(135deg, var(--hupath-brand) 0%, var(--hupath-brand-dark) 100%);
}
#header h1,
#header a { color: #ffffff; }

/* Left/main menu tabs under the header */
#main-menu li a {
  color: #ffffff;
}
#main-menu li a:hover {
  background: var(--hupath-accent);
}
#main-menu li a.selected,
#main-menu li a.selected:hover {
  background: #ffffff;
  color: var(--hupath-brand-dark);
}

/* Primary action buttons */
input[type="submit"].button-positive,
a.icon.button-positive {
  background: var(--hupath-accent);
  border-color: var(--hupath-accent);
  color: #fff;
}

/* ===================== De-brand: hide "Redmine" identifiers ===================== */
/* Top-menu Help link points to redmine.org */
#top-menu a.help { display: none !important; }
/* Footer "Powered by Redmine © … Jean-Philippe Lang" → replace with task-beta */
#footer { font-size: 0 !important; }
#footer a { display: none !important; }
#footer::after {
  content: "task-beta — Hệ thống quản lý công việc";
  font-size: 12px;
  color: #6b7a86;
}

/* ===================== Login page — prominent task-beta branding ===================== */
body.action-login #quick-search { display: none; }            /* no search box before login */
body.action-login #content { max-width: 460px; margin: 5vh auto 0; }

/* Big brand title above the login card */
body.action-login #content::before {
  content: "task-beta";
  display: block;
  text-align: center;
  font-size: 46px;
  font-weight: 800;
  letter-spacing: .5px;
  line-height: 1.1;
  color: var(--hupath-brand);
  margin-bottom: 16px;
}

/* The login card */
body.action-login #login-form {
  max-width: 400px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #e4ddce;
  border-radius: 16px;
  box-shadow: 0 12px 34px rgba(28, 42, 52, .12);
  padding: 22px 26px 24px;
}
/* Subtitle at the top of the card */
body.action-login #login-form::before {
  content: "Đăng nhập để tiếp tục";
  display: block;
  text-align: center;
  font-size: 14px;
  color: #6b7a86;
  margin: 0 0 16px;
}
body.action-login #login-form input[type="text"],
body.action-login #login-form input[type="password"] {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  font-size: 15px;
}
body.action-login #login-form input#login-submit,
body.action-login #login-form input[type="submit"] {
  width: 100%;
  padding: 11px 18px;
  font-weight: 700;
  border-radius: 8px;
  background: var(--hupath-accent);
  border-color: var(--hupath-accent);
  color: #fff;
  cursor: pointer;
}