/* Yanhuang Era deployment branding. Kept separate from upstream compiled CSS. */
:root, html[data-darkmode="false"] {
  --color-link: #a43b32;
  --color-background-button-primary: #9d332c;
  --color-sidebar-active: #9d332c;
  --color-background-page: #faf8f4;
  --page-background-gradient: linear-gradient(145deg, #faf8f4, #f0e9df);
  --color-text-menu-heading: #543b32;
  --color-text-menu-link: #543b32;
}
html[data-darkmode="true"] {
  --color-link: #edaa82;
  --color-background-button-primary: #9d332c;
  --color-background-page: #191716;
  --page-background-gradient: linear-gradient(145deg, #201a18, #191716);
  --color-text-menu-heading: #e4cbb7;
  --color-text-menu-link: #e4cbb7;
}
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif; }
#cdio-logo { text-transform: none; text-decoration: none; }
#logo-expanded { white-space: nowrap; }
.yh-nav-logo { width: 32px; height: 32px; vertical-align: middle; border-radius: 9px; }
.yh-nav-name { display: inline-block; vertical-align: middle; margin-left: 7px; font-size: 16px; font-weight: 700; color: var(--color-text); }
.yh-nav-name small { display: block; font-size: 10px; font-weight: 400; opacity: .65; letter-spacing: .1em; margin-top: 3px; }
#logo-short img { width: 32px; height: 32px; }
.yh-login-brand { text-align: center; margin-bottom: 2rem; }
.yh-login-brand img { display: block; margin: 0 auto 1.25rem; border-radius: 18px; }
.yh-eyebrow { font-size: 11px; letter-spacing: .18em; color: var(--color-link); margin: 0 0 .65rem; }
.yh-login-brand h1 { font-size: 28px; line-height: 1.35; font-weight: 700; color: var(--color-text); margin: 0 0 .65rem; }
.yh-login-description { color: var(--color-text); opacity: .65; font-size: 13px; line-height: 1.8; margin: 0; }
.yh-login-note { text-align: center; opacity: .55; font-size: 11px; margin: 1.5rem 0 0; }
.login-form { min-height: 67vh; width: min(100%, 480px); box-sizing: border-box; }
.login-form .inner { box-sizing: border-box; border: 1px solid #9d332c1a; box-shadow: 0 12px 48px #59241b0a; }
.login-form .pure-button-primary { background: #9d332c; }
.login-form input[type="password"]:focus { border-color: #b65a43; box-shadow: 0 0 0 3px #9d332c18; }
.yh-footer { text-align: center; padding: 24px 16px 28px; color: var(--color-text); opacity: .6; font-size: 11px; line-height: 1.8; }
.yh-footer a { color: inherit; text-decoration: none; }
.yh-footer span { margin: 0 6px; }
.yh-login-page .content-main > ul.messages { position: static; transform: none; width: min(100%, 420px); min-width: 0; box-sizing: border-box; margin: 12px 0 0; }
.yh-login-page .content-main > ul.messages li.notice { border: 1px solid #d3b8a0; background: #f9f0e4; color: #6b4b38; }
@media (max-width: 600px) {
  .login-form { padding: 1rem .25rem; min-height: 60vh; }
  .login-form .inner { padding: 2rem 1.4rem; }
  .yh-login-brand h1 { font-size: 25px; }
  .yh-footer { font-size: 10px; }
}