/* Keep the familiar forms and menus; give the new ledger its own identity. */
.body {
  background: radial-gradient(ellipse at 15% 90%, #d6efdf 0, transparent 48%),
    linear-gradient(125deg, #124e43, #277662) fixed !important;
}
.header { max-width: 1280px; }
.header .jingrui-name { font-weight: 650; letter-spacing: 2px; }
.header .jingrui-status {
  font-size: 14px; line-height: 28px; padding: 4px 12px;
  border: 1px solid #c3ead4; border-radius: 20px; color: #e4f7eb;
}
.body .el-button--primary { background: #176b54; border-color: #176b54; }
.body .el-button--primary:hover { background: #238464; border-color: #238464; }
.body .el-card { border-radius: 12px; box-shadow: 0 12px 38px #123b4333; }
.body .login-footer { color: #e6f4ec; }
.layout-logo {
  color: #fff !important; background: #145c48 !important;
  font-weight: 650; letter-spacing: 1px;
}
.layout-logo > div::before {
  content: ''; display: inline-block; width: 25px; height: 25px;
  vertical-align: middle; margin-right: 8px;
  background: url('/images/jingrui-mark.svg') center / contain no-repeat;
}
.el-aside[style*="width: 64px"] .layout-logo > div::before { display: none; }
.el-aside { background: #243f37 !important; }
.el-aside .el-menu, .el-aside .el-menu-item,
.el-aside .el-submenu__title { background-color: #243f37 !important; }
.el-aside .el-menu-item:hover, .el-aside .el-submenu__title:hover {
  background-color: #31574b !important;
}
.el-aside .el-menu-item.is-active { color: #b8f2cf !important; background: #145c48 !important; }
.jingrui-trial-notice {
  position: fixed; right: 12px; bottom: 8px; z-index: 99999;
  color: #fff; background: #145c48; padding: 5px 12px;
  border-radius: 5px; font: 12px/1.5 sans-serif; pointer-events: none;
}
@media print { .jingrui-trial-notice { display: none !important; } }