/* Teamchin Redmine theme */
:root {
  --tc-accent: #0f6f6b;
  --tc-accent-dark: #0a5651;
  --tc-ink: #1b2430;
  --tc-muted: #5b6875;
  --tc-line: #e2e8ef;
  --tc-bg: #f4f6f9;
}

body, input, select, textarea, button {
  font-family: "Vazirmatn", "Segoe UI", "Noto Sans", Tahoma, Arial, sans-serif;
  color: var(--tc-ink);
}

body { background: var(--tc-bg); font-size: 14px; }

#header {
  background: linear-gradient(135deg, var(--tc-accent) 0%, var(--tc-accent-dark) 100%);
  border-bottom: 0;
  color: #fff;
  padding: 10px 20px 6px;
  box-shadow: 0 1px 6px rgba(16, 32, 48, .18);
}
#header h1 { font-weight: 600; letter-spacing: .2px; }
#header h1 a, #header a { color: #fff; }
#top-menu { background: transparent; }
#top-menu a { color: rgba(255,255,255,.92); }
#top-menu a:hover { color: #fff; text-decoration: underline; }
#account { color: rgba(255,255,255,.92); }

#main-menu { background: rgba(0,0,0,.16); border-radius: 6px 6px 0 0; }
#main-menu li a { color: rgba(255,255,255,.94); font-weight: 500; }
#main-menu li a.selected, #main-menu li a:hover { background: rgba(255,255,255,.14); color: #fff; }

#content { background: #fff; border: 1px solid var(--tc-line); border-radius: 10px; padding: 20px 22px; box-shadow: 0 1px 3px rgba(16,32,48,.06); }
h2, h3 { color: var(--tc-ink); font-weight: 600; }
a { color: var(--tc-accent); }
a:hover { color: var(--tc-accent-dark); }

/* Persian text should follow its own direction, English stays left aligned */
.wiki, .description, .journal .wiki, .issue .description, textarea.wiki-edit,
.note, .message, .news, .project .description, dd, .wiki p, .wiki li {
  unicode-bidi: plaintext;
  text-align: start;
  line-height: 1.95;
}
.wiki p, .wiki li { margin-bottom: .55em; }
.wiki h1, .wiki h2, .wiki h3 { unicode-bidi: plaintext; }

table.list { border-collapse: separate; border-spacing: 0; border: 1px solid var(--tc-line); border-radius: 8px; overflow: hidden; }
table.list th { background: #f0f4f8; color: var(--tc-ink); font-weight: 600; }
table.list tr:nth-child(even) td { background: #fafbfd; }
table.list td, table.list th { padding: 7px 10px; }

.issue .subject h3 { font-size: 1.25rem; }
.issue .attributes { background: #f8fafc; border: 1px solid var(--tc-line); border-radius: 8px; padding: 10px 12px; }
.issue .attributes .label { color: var(--tc-muted); }

.box { background: #fff; border: 1px solid var(--tc-line); border-radius: 8px; }
fieldset.box { padding: 12px 14px; }

input[type="submit"], input[type="button"], button, .button {
  border-radius: 6px;
  border: 1px solid var(--tc-accent);
  background: var(--tc-accent);
  color: #fff;
  padding: 5px 12px;
}
input[type="submit"]:hover, button:hover, .button:hover { background: var(--tc-accent-dark); }
input[type="text"], input[type="password"], input[type="date"], select, textarea {
  border: 1px solid var(--tc-line); border-radius: 6px; padding: 5px 8px;
}

.journal { border-top: 1px solid var(--tc-line); padding-top: 10px; }
.journal h4 { color: var(--tc-muted); font-weight: 600; font-size: .9rem; }

.priority-highest, .priority5 { color: #b42318; font-weight: 600; }
.priority-high, .priority4 { color: #b54708; font-weight: 600; }

#footer { color: var(--tc-muted); font-size: .85rem; }
.flash.notice { border-radius: 8px; }