/* palette-youth.css — #29577 浅色年轻偏沉稳色板（与深色 theme-bridge 独立）
 * 基线：源站同款 application.css；只改色，不改布局尺寸。
 * #29577-2：修 #main-menu 近白字盖掉浅底菜单；页底改中性 slate，accent 加深。
 * #29577-3：移动端「乱」——VC#17 html 裸 JS 泄露；色板勿给 h2 盖软底（跟 chrome 透明标题打架）。
 * #29577-5：曾用近黑 slate vs 青绿对比；#29577-6 改回同青绿系（深顶菜单 + 亮项目头）。
 * 回滚：去掉 view_hook 注入或删本文件即可。
 */

:root {
  /* 同青绿系分层：顶菜单更深、项目头更亮 */
  --youth-header: #0d9488; /* teal-600 亮 */
  --youth-header-end: #0f766e; /* teal-700 */
  --youth-topmenu: #042f2e; /* 深青绿，非 slate */
  --youth-page-bg: #f8fafc; /* slate-50 中性底 */
  --youth-content-bg: #ffffff;
  --youth-accent: #0f766e;
  --youth-accent-soft: #ecfdf5; /* emerald-50 轻强调，勿大面积薄荷 */
  --youth-link: #0f766e;
  --youth-link-hover: #134e4a;
  --youth-border: #99f6e4;
  --youth-muted: #5eead4;
  --youth-text: #0f172a;
  --youth-text-secondary: #334155;
}

/* 顶栏：亮青绿（与更深顶菜单同色系） */
#header {
  background: linear-gradient(135deg, var(--youth-header) 0%, #14b8a6 48%, var(--youth-header-end) 100%) !important;
}

#header > h1,
#header h1 {
  color: #f8fafc !important;
  text-shadow: 0 1px 1px rgba(15, 23, 42, 0.35);
}

/* 仅深色顶栏内链接；禁止波及 #main-menu（浅底） */
#header > h1 a,
#header .breadcrumbs a {
  color: #ecfeff !important;
}

#header > h1 a:hover,
#header .breadcrumbs a:hover {
  color: #ffffff !important;
}

/* 顶菜单条：同青绿系更深底（与 #header 亮青绿对比） */
#top-menu {
  background: linear-gradient(180deg, #042f2e 0%, #134e4a 100%) !important;
  background-color: var(--youth-topmenu) !important;
  color: #99f6e4 !important;
  border-bottom-color: rgba(45, 212, 191, 0.22) !important;
}

#top-menu a {
  color: #ccfbf1 !important;
}

#top-menu a:hover {
  color: #ffffff !important;
  background: rgba(45, 212, 191, 0.22) !important;
}

/* 页面底：中性浅灰，非薄荷绿 */
html,
#wrapper {
  background: var(--youth-page-bg) !important;
}

#content,
#main.nosidebar #content,
div#content {
  background: var(--youth-content-bg) !important;
}

#footer {
  background-color: #f1f5f9 !important;
  color: var(--youth-text-secondary);
}

/* 链接与强调 */
a,
a:link,
a:visited {
  color: var(--youth-link);
}

a:hover,
a:active {
  color: var(--youth-link-hover);
}

/* 标题左边条：只改左边强调色，不盖 chrome 的透明底标题（避免移动端「色块标题」乱） */
div#content > h2,
div#content h2.contacts_header,
div#content > div.filters h2,
div#content > #add-news > h2,
div#content > #add-message > h2,
div#content > #add-document > h2,
.mypage-box h3 {
  border-left-color: var(--youth-accent) !important;
}

table.cal td.today {
  border-color: var(--youth-accent) !important;
  background-color: var(--youth-accent-soft) !important;
}

table.list tbody tr:hover {
  background-color: rgba(15, 118, 110, 0.06) !important;
}

input[type="submit"],
button[type="submit"],
.button-positive,
a.icon-checked {
  background-color: var(--youth-header) !important;
  border-color: var(--youth-header-end) !important;
  color: #ffffff !important;
}

input[type="submit"]:hover,
button[type="submit"]:hover {
  background-color: var(--youth-header-end) !important;
}

#login-form,
#login-form table {
  border-color: #cbd5e1;
}

#login-form label {
  color: var(--youth-text-secondary);
}

/* #29580：详情属性区不展示「类别」（编辑表单仍可改；当前未开 SMILE_THEME_BRIDGE 时靠本文件） */
body.controller-issues.action-show div.issue .attributes .category {
  display: none !important;
}
/* #29580：详情不展示自定义字段「任务类别」(cf_4)。
   根因：VC#30 仅 `div.issue .cf_4{display:none}`，被 chrome_header
   `.attributes .attribute{display:flex!important}` 盖掉 → 须同级 !important */
body.controller-issues.action-show div.issue .attributes .cf_4 {
  display: none !important;
}

/* #29658 Soft Card + Comfort Gap（VC#70 包链后；附件预览/thumbnail/gravatar 不入选）
 * #29658-3：补活动页（吸收 smilehack #76190）；有标注 ::after 须每个选择器各自带（#76190-5） */
#content div.issue .description .wiki a.vc-wiki-img-max-link,
#history div.journal .wiki a.vc-wiki-img-max-link,
#content div.wiki.wiki-page a.vc-wiki-img-max-link,
#activity dd .description.wiki a.vc-wiki-img-max-link {
  display: inline-block;
  position: relative;
  margin: 8px 14px 18px 0;
  padding: 10px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.06);
  line-height: 0;
  text-decoration: none;
  vertical-align: top;
}

#content div.issue .description .wiki a.vc-wiki-img-max-link img.vc-wiki-img-max,
#history div.journal .wiki a.vc-wiki-img-max-link img.vc-wiki-img-max,
#content div.wiki.wiki-page a.vc-wiki-img-max-link img.vc-wiki-img-max,
#activity dd .description.wiki a.vc-wiki-img-max-link img.vc-wiki-img-max {
  display: block;
  border-radius: 8px;
}

/* #29658 有标注（#29645 pdf_annotate items）：青绿描边 +「标」角标，区别无标注 Soft Card
 * ponytail: 逗号选择器必须每条都带 ::after，否则 absolute 打到链接本身 → 多图缺一张（#76190-5） */
#content div.issue .description .wiki a.vc-wiki-img-max-link.vc-wiki-img-annotated,
#history div.journal .wiki a.vc-wiki-img-max-link.vc-wiki-img-annotated,
#content div.wiki.wiki-page a.vc-wiki-img-max-link.vc-wiki-img-annotated,
#activity dd .description.wiki a.vc-wiki-img-max-link.vc-wiki-img-annotated {
  border: 1.5px solid #0f766e;
  box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.10), 0 8px 24px rgba(15, 23, 42, 0.06);
}
#content div.issue .description .wiki a.vc-wiki-img-max-link.vc-wiki-img-annotated::after,
#history div.journal .wiki a.vc-wiki-img-max-link.vc-wiki-img-annotated::after,
#content div.wiki.wiki-page a.vc-wiki-img-max-link.vc-wiki-img-annotated::after,
#activity dd .description.wiki a.vc-wiki-img-max-link.vc-wiki-img-annotated::after {
  content: "标";
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 2;
  display: inline-block;
  padding: 2px 6px;
  border-radius: 6px;
  background: #0f766e;
  color: #fff;
  font: 600 11px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  letter-spacing: 0.02em;
  pointer-events: none;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.18);
}

/* #29635：smileform 内若仍有遗留 wiki-img-max 链，取消 Soft Card（主防在 VC#70 跳过） */
#content .wiki .vc-sf a.vc-wiki-img-max-link,
#history .wiki .vc-sf a.vc-wiki-img-max-link {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
#content .wiki .vc-sf a.vc-wiki-img-max-link::after,
#history .wiki .vc-sf a.vc-wiki-img-max-link::after {
  content: none;
  display: none;
}
#content .wiki .vc-sf a.vc-wiki-img-max-link img.vc-wiki-img-max,
#history .wiki .vc-sf a.vc-wiki-img-max-link img.vc-wiki-img-max {
  border-radius: 0;
}