:root {
  --tc_green: #123d2a;
  --tc_green_2: #1f6b4a;
  --tc_green_soft: #eaf4ee;
  --tc_gold: #b1975e;
  --tc_gold_soft: #f4ecd9;
  --tc_red: #a33a2f;
  --tc_red_soft: #fbe9e7;
  --tc_blue: #2f6fad;
  --tc_blue_soft: #e6f0fa;
  --tc_text: #24312b;
  --tc_muted: #6f7c73;
  --tc_border: #dde6de;
  --tc_bg: #f6f8f5;
  --tc_white: #ffffff;
  --tc_header_h: 76px;
  --tc_footer_h: 36px;
  --tc_radius: 18px;
}
* { box-sizing: border-box; }
html, body {
  height: 100%;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  background: var(--tc_bg);
  color: var(--tc_text);
}
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font-family: inherit; }

.tc_shell {
  min-height: 100vh;
  max-height: 100vh;
  display: grid;
  grid-template-rows: var(--tc_header_h) minmax(0, 1fr) var(--tc_footer_h);
  overflow: hidden;
}
.tc_header {
  display: grid;
  grid-template-columns: 270px minmax(380px, 1fr) 360px;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  background: var(--tc_white);
  border-bottom: 1px solid var(--tc_border);
  box-shadow: 0 8px 22px rgba(18, 61, 42, 0.06);
  z-index: 10;
}
.tc_brand {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.tc_brand_logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.tc_brand img {
  height: 76px;
  width: auto;
  max-width: 240px;
  object-fit: contain;
}
.tc_brand_text strong {
  display: block;
  color: var(--tc_green);
  font-size: 17px;
  line-height: 1.05;
  white-space: nowrap;
}
.tc_brand_text em {
  display: block;
  margin-top: 3px;
  color: var(--tc_muted);
  font-size: 12px;
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tc_header_nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 0;
  overflow: hidden;
}
.tc_header_nav a,
.tc_header_side a,
.tc_header_side button {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--tc_border);
  border-radius: 999px;
  background: #fbfdfb;
  color: var(--tc_green);
  padding: 0 11px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.tc_header_nav a.active,
.tc_header_side a.active {
  background: var(--tc_green);
  border-color: var(--tc_green);
  color: #fff;
}
.tc_header_side {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  min-width: 0;
}
.tc_clock {
  border: 1px solid #d3e4d9;
  background: var(--tc_green_soft);
  color: var(--tc_green);
  border-radius: 999px;
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  padding: 0 11px;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}
.tc_header_side .danger_link {
  color: var(--tc_red);
  background: #fff7f5;
  border-color: #f1c6be;
}
.count_badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  border-radius: 9px;
  background: var(--tc_red);
  color: white;
  font-size: 11px;
  padding: 0 5px;
  margin-left: 3px;
}
.tc_main {
  min-height: 0;
  padding: 14px 18px;
  overflow: hidden;
}
.tc_footer {
  height: var(--tc_footer_h);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  padding: 0 18px;
  background: var(--tc_white);
  border-top: 1px solid var(--tc_border);
  color: var(--tc_muted);
  font-size: 13px;
  z-index: 10;
}
.tc_footer span:nth-child(2) { color: var(--tc_green); font-weight: 800; text-align: center; }
.tc_footer span:last-child { text-align: right; }

.tc_flash {
  margin: 0 0 6px;
  padding: 8px 12px;
  border-radius: 12px;
  border: 1px solid var(--tc_border);
  background: #fffdf7;
  color: var(--tc_green);
  font-size: 13px;
}
.tc_flash.error {
  background: #fff7f5;
  color: var(--tc_red);
  border-color: #f1c6be;
}
.page_panel {
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background: var(--tc_white);
  border: 1px solid var(--tc_border);
  border-radius: var(--tc_radius);
  padding: 12px;
  box-shadow: 0 10px 26px rgba(18, 61, 42, 0.06);
}
.page_panel.scroll_panel { overflow: auto; }
.page_title_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}
.page_title_row h1 {
  margin: 0;
  font-size: 22px;
  line-height: 1.12;
  color: var(--tc_green);
}
.page_title_row p {
  margin: 5px 0 0;
  font-size: 14px;
  color: var(--tc_muted);
}
.page_actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.action_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border-radius: 999px;
  background: var(--tc_green);
  color: white;
  border: 1px solid var(--tc_green);
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
}
.action_btn.secondary { background: var(--tc_white); color: var(--tc_green); border-color: var(--tc_border); }
.action_btn.blue { background: var(--tc_blue); border-color: var(--tc_blue); }
.action_btn.red { background: var(--tc_red); border-color: var(--tc_red); }
.action_btn.gold { background: var(--tc_gold); border-color: var(--tc_gold); }

.chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 25px;
  padding: 0 10px;
  border-radius: 14px;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}
.chip_green { background: var(--tc_green_soft); color: var(--tc_green_2); }
.chip_red { background: var(--tc_red_soft); color: var(--tc_red); }
.chip_blue { background: var(--tc_blue_soft); color: var(--tc_blue); }
.chip_gold { background: var(--tc_gold_soft); color: #8b6d24; }
.chip_grey { background: #eef3ef; color: var(--tc_muted); }

.note_box {
  padding: 10px 12px;
  border: 1px solid var(--tc_border);
  border-radius: 14px;
  background: var(--tc_green_soft);
  color: var(--tc_green);
  font-size: 13px;
  line-height: 1.5;
}
.shell_cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.shell_card {
  border: 1px solid var(--tc_border);
  border-radius: 16px;
  background: #fbfdfb;
  padding: 12px;
  min-height: 106px;
}
.shell_card strong {
  display: block;
  color: var(--tc_green);
  font-size: 16px;
  margin-bottom: 5px;
}
.shell_card span {
  color: var(--tc_muted);
  font-size: 13px;
  line-height: 1.4;
}

@media (max-width: 1320px) {
  .tc_header {
    grid-template-columns: 1fr;
    height: auto;
    min-height: var(--tc_header_h);
  }
  .tc_shell { grid-template-rows: auto minmax(0, 1fr) var(--tc_footer_h); }
  .tc_brand, .tc_header_nav, .tc_header_side { justify-content: center; }
  .tc_header_nav, .tc_header_side { flex-wrap: wrap; overflow: visible; }
}
@media (max-width: 900px) {
  html, body { height: auto; }
  .tc_shell { max-height: none; min-height: 100vh; overflow: visible; grid-template-rows: auto 1fr auto; }
  .tc_main { overflow: visible; padding: 12px; }
  .page_panel { min-height: auto; overflow: visible; }
  .tc_footer { grid-template-columns: 1fr; height: auto; padding: 8px 12px; text-align: center; gap: 5px; }
  .tc_footer span:last-child { text-align: center; }
  .shell_cards { grid-template-columns: 1fr; }
  .page_title_row { align-items: flex-start; flex-direction: column; }
}


/* Task Workflow Fix 05B, header overlap and role action fix */
:root {
  --tc_header_h: 82px;
}
.tc_header {
  grid-template-columns: minmax(250px, 300px) minmax(360px, 1fr) auto;
  gap: 10px;
  overflow: visible;
}
.tc_header_nav {
  justify-content: flex-start;
  flex-wrap: wrap;
  row-gap: 6px;
  max-height: 68px;
  overflow: hidden;
}
.tc_header_nav a,
.tc_header_side a,
.tc_header_side button {
  min-height: 31px;
  padding: 0 10px;
  font-size: 12px;
}
.tc_header_side {
  flex-wrap: wrap;
  row-gap: 5px;
  max-width: 520px;
}
.tc_clock {
  min-height: 31px;
  font-size: 11px;
  padding: 0 9px;
}
.tc_brand img {
  height: 42px;
  max-width: 126px;
}
.tc_brand_text strong {
  font-size: 16px;
}
.tc_brand_text em {
  font-size: 11px;
}
@media (max-width: 1320px) {
  .tc_shell {
    grid-template-rows: auto minmax(0, 1fr) var(--tc_footer_h);
  }
  .tc_header {
    grid-template-columns: 1fr;
    align-items: start;
    padding: 8px 14px;
  }
  .tc_header_nav,
  .tc_header_side {
    justify-content: flex-start;
    max-width: none;
  }
  .tc_header_side {
    border-top: 1px solid var(--tc_border);
    padding-top: 6px;
  }
}


/* Task Workflow Fix 05D, mandatory notification bell and dashboard visibility */
.count_badge {
  display: inline-flex;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #dce8df;
  color: #123d2a;
  font-weight: 800;
  font-size: 11px;
}
.count_badge.has_notifications,
a.has_notifications .count_badge {
  background: #a33b2f;
  color: #ffffff;
}
a.has_notifications {
  border-color: #f1c2bc !important;
  background: #fff3f1 !important;
}
.role_notice {
  border: 1px solid #d9e7dc;
  background: #edf5ef;
  color: #123d2a;
  border-radius: 14px;
  padding: 8px 12px;
  font-weight: 700;
}


/* Task Workflow Fix 05E, no-overlap shared header */
:root {
  --tc_header_h: auto;
}
.tc_shell {
  grid-template-rows: auto minmax(0, 1fr) var(--tc_footer_h);
}
.tc_header {
  min-height: 74px;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  padding: 8px 16px;
  overflow: visible;
}
.tc_brand {
  flex: 0 1 300px;
  min-width: 240px;
}
.tc_brand img {
  height: 40px;
  max-width: 124px;
}
.tc_brand_text strong {
  font-size: 16px;
}
.tc_brand_text em {
  font-size: 11px;
}
.tc_header_nav {
  flex: 1 1 520px;
  justify-content: center;
  flex-wrap: wrap;
  overflow: visible;
  gap: 6px;
}
.tc_header_side {
  flex: 0 1 510px;
  justify-content: flex-end;
  flex-wrap: wrap;
  overflow: visible;
  gap: 6px;
}
.tc_header_nav a,
.tc_header_side a,
.tc_header_side button {
  min-height: 30px;
  padding: 0 9px;
  font-size: 12px;
}
.tc_clock {
  min-height: 30px;
  padding: 0 9px;
  font-size: 11px;
}
.tc_main {
  min-height: 0;
  overflow: auto;
}
@media (max-width: 1380px) {
  .tc_brand { flex: 1 1 100%; }
  .tc_header_nav { flex: 1 1 auto; justify-content: flex-start; }
  .tc_header_side { flex: 1 1 auto; justify-content: flex-start; }
}
@media (max-width: 760px) {
  .tc_header { padding: 8px 10px; }
  .tc_brand { min-width: 0; }
  .tc_header_nav a,
  .tc_header_side a,
  .tc_header_side button {
    font-size: 11px;
    padding: 0 8px;
  }
}


/* Task Workflow Fix 05F, task tabs and attachment visibility */
.tc_shell { grid-template-rows: auto minmax(0,1fr) var(--tc_footer_h); }
.tc_header { min-height: 74px; height: auto; display: flex; flex-wrap: wrap; gap: 8px 10px; overflow: visible; }
.tc_brand { flex: 0 1 300px; min-width: 240px; }
.tc_header_nav { flex: 1 1 520px; flex-wrap: wrap; justify-content: center; gap: 6px; overflow: visible; }
.tc_header_side { flex: 0 1 510px; flex-wrap: wrap; justify-content: flex-end; gap: 6px; overflow: visible; }
.tc_header_nav a, .tc_header_side a, .tc_header_side button { min-height: 30px; padding: 0 9px; font-size: 12px; }
.task_tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.task_tab_btn { border: 1px solid var(--tc_border); background: #fff; color: var(--tc_green); border-radius: 999px; padding: 8px 14px; font-weight: 800; cursor: pointer; }
.task_tab_btn.active { background: var(--tc_green); color: #fff; border-color: var(--tc_green); }
.task_tab_panel { display: none; }
.task_tab_panel.active { display: block; }
.task_detail_page textarea { min-height: 82px; }
@media (max-width: 1380px) { .tc_brand, .tc_header_nav, .tc_header_side { flex: 1 1 100%; justify-content: flex-start; } }


/* Task Workflow Fix 05G, notification read/unread status */
.is_unread_row td {
  background: #f2fbf4 !important;
  font-weight: 700;
}
.is_read_row td {
  background: #ffffff;
  color: #5d6a62;
}
.count_badge.has_notifications,
a.has_notifications .count_badge {
  background: #b43c2f !important;
  color: #ffffff !important;
}


/* Task Workflow Fix 05H, verified install: no header overlap + working task tabs */
.tc_shell { grid-template-rows: auto minmax(0,1fr) var(--tc_footer_h); }
.tc_header { min-height: 76px; height: auto !important; display: flex !important; flex-wrap: wrap !important; align-items: center; gap: 8px 10px; padding: 8px 14px; overflow: visible !important; }
.tc_brand { flex: 0 1 310px; min-width: 240px; }
.tc_brand img { height: 38px; max-width: 120px; }
.tc_brand_text strong { font-size: 15px; }
.tc_brand_text em { font-size: 11px; }
.tc_header_nav { flex: 1 1 520px; display: flex; flex-wrap: wrap !important; justify-content: center; gap: 6px; max-height: none !important; overflow: visible !important; }
.tc_header_side { flex: 0 1 520px; display: flex; flex-wrap: wrap !important; justify-content: flex-end; gap: 6px; max-width: none !important; max-height: none !important; overflow: visible !important; }
.tc_header_nav a, .tc_header_side a, .tc_header_side button, .tc_clock { min-height: 30px; padding: 0 9px; font-size: 12px; white-space: nowrap; }
.tc_main { min-height: 0; overflow: auto; }
.tc_version_badge { position: fixed; right: 12px; bottom: 38px; z-index: 50; background: #123d2a; color: #fff; font-size: 10px; border-radius: 999px; padding: 4px 8px; opacity: .72; pointer-events:none; }
.task_tabs { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.task_tab_btn { border:1px solid var(--tc_border); background:#fff; color:var(--tc_green); border-radius:999px; padding:8px 14px; font-weight:800; cursor:pointer; }
.task_tab_btn.active { background:var(--tc_green); color:#fff; border-color:var(--tc_green); }
.task_tab_panel { display:none; }
.task_tab_panel.active { display:block; }
.task_detail_page textarea { min-height:82px; }
.is_unread_row td { background:#f2fbf4 !important; font-weight:700; }
.is_read_row td { background:#fff; color:#5d6a62; }
.count_badge.has_notifications, a.has_notifications .count_badge { background:#b43c2f !important; color:#fff !important; }
@media (max-width:1380px){ .tc_brand,.tc_header_nav,.tc_header_side{ flex:1 1 100%; justify-content:flex-start; } }
@media (max-width:760px){ .tc_header_nav a,.tc_header_side a,.tc_header_side button,.tc_clock{font-size:11px;padding:0 8px;} }


/* Task Workflow Fix 05I, admin task open/edit and task tabs */
.task_tabs { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.task_tab_btn { border:1px solid var(--tc_border); background:#fff; color:var(--tc_green); border-radius:999px; padding:8px 14px; font-weight:800; cursor:pointer; }
.task_tab_btn.active { background:var(--tc_green); color:#fff; border-color:var(--tc_green); }
.task_tab_panel { display:none; }
.task_tab_panel.active { display:block; }
.tc_header { min-height:74px; height:auto; display:flex; flex-wrap:wrap; gap:8px 10px; overflow:visible; }
.tc_header_nav, .tc_header_side { flex-wrap:wrap; overflow:visible; }
.tc_header_nav a, .tc_header_side a, .tc_header_side button { min-height:30px; padding:0 9px; font-size:12px; }


/* Task Workflow Fix 05J, creator edit permission note */
.note_pill {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  background: #fff7e6;
  border: 1px solid #e8c96b;
  color: #6c5413;
  font-size: 12px;
  font-weight: 800;
}


/* Task Workflow Fix 05K, notification row sort and unread style */
.is_unread_row td{background:#f2fbf4!important;font-weight:700}.is_read_row td{background:#fff;color:#66746c}.count_badge.has_notifications,a.has_notifications .count_badge{background:#b43c2f!important;color:#fff!important}

/* =========================================================
   MODERN NAV + PAGE HEADER (frontend redesign, role-based)
   Uses existing brand vars: --tc_green, --tc_gold, etc.
   ========================================================= */

/* Sticky header polish: soft shadow + thin gold accent line */
.tc_header{
  position:sticky;top:0;z-index:100;
  box-shadow:0 4px 20px -10px rgba(18,61,42,.22);
  border-bottom:1px solid var(--tc_border);
}
.tc_header:after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:linear-gradient(90deg,transparent,var(--tc_gold),transparent);
  opacity:.8;
}

/* Header nav links — rounded soft pills, clear active */
.tc_header_nav a{
  border-radius:999px;
  transition:background .18s,color .18s,border-color .18s;
}
.tc_header_nav a:hover{
  background:var(--tc_green_soft);
  color:var(--tc_green);
}
.tc_header_nav a.active{
  background:var(--tc_green_soft)!important;
  color:var(--tc_green)!important;
  border:1px solid var(--tc_green)!important;
  font-weight:700;
}

/* ---------- Page header card ---------- */
.tcph{
  background:#fff;
  border:1px solid var(--tc_border);
  border-radius:16px;
  padding:16px 20px;
  margin:0 0 14px;
  box-shadow:0 6px 22px -16px rgba(18,61,42,.22);
  position:relative;
  overflow:hidden;
}
.tcph:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg,var(--tc_green),var(--tc_gold));
}
.tcph_top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.tcph_titlewrap{flex:1;min-width:0}
.tcph_titlerow{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.tcph_title{font-size:19px;font-weight:800;color:var(--tc_green);margin:0;letter-spacing:-.3px}
.tcph_desc{font-size:12.5px;color:var(--tc_muted);margin:5px 0 0;max-width:680px;line-height:1.5}
.tcph_badge{
  font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;
  padding:4px 11px;border-radius:999px;white-space:nowrap;
}
.tcph_badge_emp{background:var(--tc_green_soft);color:var(--tc_green);border:1px solid #cfe5d8}
.tcph_badge_mgmt{background:var(--tc_gold_soft);color:#8a6d2b;border:1px solid #e9d8b3}
.tcph_badge_admin{background:#f4e9e9;color:#9a3b34;border:1px solid #e6cdca}
.tcph_action{
  flex-shrink:0;
  background:linear-gradient(135deg,var(--tc_gold),#9a8049);
  color:#fff;font-weight:800;font-size:12.5px;
  padding:10px 17px;border-radius:11px;text-decoration:none;white-space:nowrap;
  box-shadow:0 8px 18px -8px rgba(177,151,94,.55);
  transition:transform .15s,box-shadow .15s;
}
.tcph_action:hover{transform:translateY(-2px);box-shadow:0 12px 22px -8px rgba(177,151,94,.65)}

/* ---------- Page nav: soft pill tabs ---------- */
.tcph_nav{
  display:flex;gap:7px;flex-wrap:wrap;margin-top:14px;
  padding-top:13px;border-top:1px solid var(--tc_border);
}
.tcph_tab{
  font-size:12px;font-weight:700;color:var(--tc_muted);
  padding:8px 14px;border-radius:999px;text-decoration:none;
  background:#f7faf8;border:1px solid var(--tc_border);
  transition:.18s;white-space:nowrap;
}
.tcph_tab:hover{background:var(--tc_green_soft);color:var(--tc_green);border-color:#cfe5d8}
.tcph_tab.active{
  background:var(--tc_green);color:#fff;border-color:var(--tc_green);
  box-shadow:0 6px 14px -8px rgba(18,61,42,.5);
}

/* Mobile */
@media(max-width:760px){
  .tcph{padding:14px 16px;border-radius:14px}
  .tcph_title{font-size:17px}
  .tcph_action{width:100%;text-align:center;margin-top:4px}
  .tcph_nav{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  .tcph_tab{flex-shrink:0}
}

/* =========================================================
   GLOBAL HEADER NAV — big, bold, attractive (distinct from sub-nav)
   ========================================================= */
.tc_header_nav{ gap:8px!important; }

/* Make the MAIN module links large and prominent */
.tc_header_nav > a{
  min-height:44px!important;
  padding:0 20px!important;
  font-size:15px!important;
  font-weight:800!important;
  letter-spacing:.2px;
  border-radius:13px!important;            /* squarer/chunkier than the round sub-pills */
  background:#fff!important;
  border:1.5px solid transparent!important;
  color:var(--tc_green)!important;
  position:relative;
  transition:all .2s ease!important;
}
.tc_header_nav > a:hover{
  background:var(--tc_green_soft)!important;
  border-color:#cfe5d8!important;
  transform:translateY(-1px);
}

/* Active main module — solid green, gold underline accent, lifted */
.tc_header_nav > a.active{
  background:linear-gradient(135deg,var(--tc_green),#1a5c40)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 8px 18px -8px rgba(18,61,42,.55)!important;
}
.tc_header_nav > a.active:after{
  content:"";position:absolute;left:18px;right:18px;bottom:6px;height:2px;
  background:var(--tc_gold);border-radius:2px;opacity:.9;
}

/* Management gold Evaluation tab stays special but sized to match big nav */
.tc_header_nav > a.tc_nav_eval_mgmt{
  background:linear-gradient(135deg,var(--tc_gold),#9a8049)!important;
  color:#fff!important;border-color:transparent!important;
  box-shadow:0 8px 18px -8px rgba(177,151,94,.55)!important;
}

/* Keep header SIDE actions (Ask Me, Support, etc.) smaller so main nav stands out */
.tc_header_side a, .tc_header_side button{
  min-height:34px!important;
  font-size:12.5px!important;
  font-weight:700!important;
  padding:0 12px!important;
}

/* Ensure sub-nav (page pill tabs) reads clearly SMALLER & rounder than global nav */
.tcph_tab{
  font-size:12px;
  padding:8px 14px;
  border-radius:999px;   /* fully round vs chunky rounded global nav */
}

@media(max-width:900px){
  .tc_header_nav > a{ padding:0 14px!important; font-size:13.5px!important; min-height:40px!important; }
}