/* 风儿香后台品牌样式：橄榄叶 + 菜籽油琥珀，不改业务逻辑 */
:root {
  --fx-oil: #c47a1a;
  --fx-oil-deep: #8f5610;
  --fx-leaf: #3f5228;
  --fx-leaf-deep: #2a3719;
  --fx-sand: #f3f0e8;
  --fx-ink: #2a2318;
}

body.skin-black-blue .main-header .logo,
body .main-header .logo {
  background: var(--fx-leaf-deep) !important;
  color: #fff !important;
  font-weight: 600;
  letter-spacing: 1px;
}

body.skin-black-blue .main-header .navbar,
body .main-header .navbar {
  background: var(--fx-leaf) !important;
}

/* 顶部导航文字/图标改为纯白，提高可读性 */
body .main-header .navbar .nav > li > a,
body .main-header .navbar .sidebar-toggle,
body .main-header .navbar .nav .open > a,
body .main-header .navbar .nav .open > a:hover,
body .main-header .navbar .nav .open > a:focus,
body .main-header .navbar .nav > li > a:hover,
body .main-header .navbar .nav > li > a:focus,
body .main-header .navbar .nav > li > a:active,
body #firstnav .nav-addtabs > li > a,
body #firstnav .nav-addtabs > li > a i,
body .main-header .navbar .navbar-custom-menu > .nav > li > a,
body .main-header .navbar .navbar-custom-menu > .nav > li > a > span,
body .main-header .navbar .navbar-custom-menu .dropdown-toggle {
  color: #ffffff !important;
}

body .main-header .logo,
body .main-header .logo:hover {
  color: #ffffff !important;
}

body.skin-black-blue .main-sidebar,
body .main-sidebar {
  background: #1f2816 !important;
}

body.skin-black-blue .sidebar-menu > li.active > a,
body .sidebar-menu > li.active > a,
body.skin-black-blue .sidebar-menu > li:hover > a {
  background: rgba(196, 122, 26, 0.18) !important;
  border-left-color: var(--fx-oil) !important;
}

body .content-wrapper,
body .right-side {
  background: var(--fx-sand) !important;
}

body .btn-primary,
body .btn-success {
  background-color: var(--fx-leaf) !important;
  border-color: var(--fx-leaf-deep) !important;
}

body .btn-primary:hover,
body .btn-success:hover,
body .btn-primary:focus,
body .btn-success:focus {
  background-color: var(--fx-leaf-deep) !important;
  border-color: var(--fx-leaf-deep) !important;
}

body .btn-danger.faupload,
body .btn-info {
  background-color: var(--fx-oil) !important;
  border-color: var(--fx-oil-deep) !important;
}

body .panel-intro > .panel-heading {
  background: linear-gradient(90deg, #fffef9, #f7f1e4);
  border-bottom: 2px solid rgba(196, 122, 26, 0.35);
}

body .nav-tabs > li.active > a,
body .nav-tabs > li.active > a:hover,
body .nav-tabs > li.active > a:focus {
  color: var(--fx-leaf-deep) !important;
  border-top: 2px solid var(--fx-oil) !important;
}

body .main-footer {
  background: #fffef9 !important;
  color: #6b6254 !important;
  border-top: 1px solid rgba(63, 82, 40, 0.12) !important;
  font-size: 12px;
}

body .table > thead > tr > th {
  background: #eef2e6 !important;
  color: var(--fx-ink);
}

.fx-brand-banner {
  background: linear-gradient(120deg, var(--fx-leaf-deep), var(--fx-leaf) 55%, #5a6f34);
  color: #fff;
  padding: 18px 22px;
  border-radius: 8px;
  margin-bottom: 18px;
  position: relative;
  overflow: hidden;
}
.fx-brand-banner:after {
  content: "";
  position: absolute;
  right: -40px;
  top: -40px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: rgba(196, 122, 26, 0.25);
}
.fx-brand-banner h3 {
  margin: 0 0 6px;
  font-size: 22px;
  font-weight: 700;
}
.fx-brand-banner p {
  margin: 0;
  opacity: 0.92;
  font-size: 13px;
}