/* ka-eins Engineering — Redmine theme. Keep Redmine's layout and controls. */
@import url("/redmine/assets/application-2c8c8d4a.css");

:root {
  --fonts-main: "Segoe UI", Arial, sans-serif;
  --k1-ink: #071b2b;
  --k1-navy: #102b3c;
  --k1-paper: #f3f6f5;
  --k1-green: #9ed98d;
  --k1-blue: #096bb8;
  --k1-muted: #526671;
  --k1-line: #cbd5d9;
}
body { color: var(--k1-ink); background: var(--k1-paper); line-height: 1.5; }
::selection { background: var(--k1-green); color: var(--k1-ink); }
a, a:link, a:visited { color: var(--k1-blue); }
a:hover, a:active { color: #064d85; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--k1-blue); outline-offset: 3px;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { color: var(--k1-ink); }
h1, h2, h3 { letter-spacing: -.025em; }
#content > h2 { margin-bottom: 20px; font-size: 1.55rem; font-weight: 700; }
#top-menu { background: #03111b; padding: 8px 24px; font-size: .78rem; }
#top-menu a, #top-menu #loggedas { color: #e3ecef; }
#top-menu a { margin-right: 15px; }
#top-menu a:hover { color: var(--k1-green); }
#header { background: var(--k1-navy); padding: 20px 24px 42px; min-height: 58px; border-bottom: 3px solid var(--k1-green); }
#header h1 { margin: 3px 20px 8px 182px; padding: 0; font-size: 1.45rem; font-weight: 650; line-height: 1.4; }
#header h1 .breadcrumbs { color: #cedce2; margin-bottom: 7px; line-height: 1.4; }
#header a, #header h1 a { color: #fff; }
#header a:hover { color: var(--k1-green); }
#header .k1-brand { position: absolute; left: 24px; top: 18px; width: 150px; height: 53px; border: 1px solid #fff; border-radius: 3px; background: #fff url("/redmine/assets/themes/ka_eins/logo-4f4714e2.png") center / 138px auto no-repeat; }
.k1-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
#header a:focus-visible, #top-menu a:focus-visible { outline-color: var(--k1-green); }
#quick-search { margin-top: 3px; font-size: .8rem; }
#quick-search #q { height: 30px; border-color: #8da4b1; }
#project-jump .drdn-trigger { height: 30px; line-height: 28px; border-color: #8da4b1; border-radius: 3px; }
#project-jump .drdn-items > a:hover { background-color: #e9f3e5; color: var(--k1-ink) !important; }
#main-menu { left: 24px; background: var(--k1-navy); }
#main-menu li a { color: #e3ecef; padding: 9px 14px; font-weight: 600; border-radius: 2px 2px 0 0; }
#main-menu li a:hover { color: #fff; background: #24485b; }
#main-menu li a.selected, #main-menu li a.selected:hover { color: var(--k1-ink); background: var(--k1-green); box-shadow: none; }
#main-menu li a.new-object { color: #fff; background: #24485b; }
#main-menu .menu-children { border-color: var(--k1-line); box-shadow: 0 5px 16px #071b2b20; }
#main-menu .menu-children li a { color: var(--k1-ink); }
#main-menu .menu-children li a:hover { background: #e9f3e5; color: var(--k1-ink); }
#main { background: var(--k1-paper); }
#content { background: #fff; padding: 24px; }
#sidebar { background: var(--k1-paper); border-color: var(--k1-line); padding-top: 20px; }
#sidebar h3 { color: var(--k1-ink); font-weight: 700; }
#sidebar-switch-button:hover { background: #e3ece7; }
#footer { background: #03111b; color: #a7bac5; border: 0; padding: 17px 20px; font-size: .75rem; }
#footer a { color: var(--k1-green); }

/* Dense working views stay light; status, warning and priority colours stay distinct. */
table.list, .table-list { border-color: var(--k1-line); }
table.list th, .table-list-header { background: #eaf0f2; color: var(--k1-ink); padding: 9px 7px; border-color: var(--k1-line); }
table.list td { padding-top: 7px; padding-bottom: 7px; border-color: #dce4e7; }
table.list:not(.odd-even) tbody tr:nth-child(even), table.list .even { background-color: #f5f8f7; }
table.list:not(.odd-even) tbody tr:nth-child(odd):hover,
table.list:not(.odd-even) tbody tr:nth-child(even):hover,
table.list .odd:hover, table.list .even:hover { background-color: #edf5e9; }
table.list tr.context-menu-selection, table.list tr.context-menu-selection:hover { background-color: #dcefd4 !important; color: var(--k1-ink) !important; }
table.list tr.context-menu-selection a { color: #064d85 !important; }
table.list tr.group td { background: #eaf0f2; border-color: var(--k1-line); }
.box { background: #f6f9f8; border: 1px solid var(--k1-line); border-radius: 3px; padding: 15px; color: var(--k1-ink); }
fieldset { border-color: var(--k1-line); border-radius: 3px; }
legend { color: var(--k1-muted); }
div.issue { background: #f3f8f0; border: 1px solid #c8dcbc; border-left: 4px solid #4d9a3c; border-radius: 3px; padding: 18px; }
div.issue div.subject h3 { font-size: 1.25rem; }
div.journal { border-bottom: 1px solid #e2e9ec; padding-bottom: 12px; margin-bottom: 18px; }
#content .tabs ul { border-color: var(--k1-line); }
#content .tabs ul li a { background: #edf2f3; border-color: var(--k1-line); color: var(--k1-muted); border-radius: 3px 3px 0 0; }
#content .tabs ul li a.selected { color: var(--k1-ink); background: #fff; border-top: 3px solid #4d9a3c; border-bottom-color: #fff; }
#content .tabs ul li a:hover { color: var(--k1-ink); background: #edf5e9; }

input, select, textarea, button { font-family: var(--fonts-main); border-color: #a9bac4; border-radius: 3px; color: var(--k1-ink); }
input[type=text], input[type=password], input[type=email], input[type=number], input[type=date], input[type=search], select { min-height: 30px; }
textarea { padding: 8px; }
input[type=checkbox], input[type=radio] { accent-color: #397d2d; }
input[type=submit], button[type=submit] { color: var(--k1-ink); background: var(--k1-green); border: 1px solid #81bb70; min-height: 34px; padding: 6px 15px; font-weight: 700; box-shadow: none; }
input[type=submit]:hover, button[type=submit]:hover { color: var(--k1-ink); background: #afe49f; border-color: #6ca15c; }
input:disabled, select:disabled, textarea:disabled, button:disabled { opacity: .6; cursor: not-allowed; }
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, input[type=date]:focus, select:focus, textarea:focus { border-color: var(--k1-blue); box-shadow: 0 0 0 2px #096bb81a; }
.ui-widget { font-family: var(--fonts-main); }
.ui-widget-header { background: var(--k1-navy); color: #fff; border-color: var(--k1-navy); }
.ui-state-active, .ui-widget-content .ui-state-active { background: #e9f3e5; border-color: #81bb70; color: var(--k1-ink); }
.pagination ul.pages li.current { color: var(--k1-ink); background: #e0efd9; border-color: #a4c697; }
.wiki pre { border-color: var(--k1-line); background: #f3f6f7; border-radius: 3px; }
.nodata { color: var(--k1-muted); background: #eef3f5; border-color: var(--k1-line); }

/* The entrance uses the same circuit photograph as ka-eins.net. */
body.controller-account.action-login #header { min-height: 62px; padding-bottom: 20px; }
body.controller-account.action-login #header h1 { margin-top: 11px; }
body.controller-account.action-login #main { background: #061722; }
body.controller-account.action-login #content { background: linear-gradient(110deg, #01111df5, #011826c9 60%, #01182694), url("/redmine/assets/themes/ka_eins/hero-circuit-0b00f832.jpeg") center / cover; padding: 45px 24px; }
body.controller-account.action-login #login-form { width: 420px; max-width: 100%; margin: 4vh auto; padding: 32px; color: var(--k1-ink); border: 1px solid #d5e1e5; border-top: 4px solid var(--k1-green); border-radius: 4px; background: #fff; box-shadow: 0 18px 60px #0004; }
#login-form .k1-login-title { color: var(--k1-ink); font-size: 1.65rem; line-height: 1.2; margin: 0 0 10px; padding: 0; }
#login-form .k1-login-intro { color: var(--k1-muted); margin: 0 0 26px; font-size: .9rem; line-height: 1.55; }
#login-form label { color: var(--k1-ink); font-size: .83rem; }
#login-form .lost_password { color: var(--k1-blue); font-size: .78rem; }
#login-form input[type=text], #login-form input[type=password] { height: 42px; padding: 8px 10px; margin-bottom: 21px; }
#login-form input[type=submit] { height: 44px; margin-top: 24px; font-size: .9rem; }

@media print {
  #header .k1-brand { display: none; }
  #header h1 { margin-left: 0; }
  #content, #main, div.issue, .box { background: #fff; box-shadow: none; }
}