/*
 * Skin: Brown Cream (棕色+米色主题)
 * 基于报价单设计的温暖商务配色
 * -----------
 */

/* ========== 主色调定义 ========== */
/* 深棕色系 */
:root {
  --primary-brown: #5e3a2b;      /* 深咖啡棕 - 主色 */
  --dark-brown: #422f1f;         /* 深黑巧克力棕 */
  --medium-brown: #7c512e;       /* 浓郁栗棕色 */
  --light-brown: #b68355;        /* 陶土棕 - 强调色 */
  --accent-brown: #c9aa7b;       /* 金棕色 - 边框装饰 */
  
  /* 米色系 */
  --cream-white: #fffcf7;        /* 奶油白 */
  --light-cream: #fef0e0;        /* 浅米白 */
  --warm-cream: #f7f2e4;         /* 极浅米灰 */
  --beige: #f5ede2;              /* 暖米色 */
  --border-cream: #e2d4c2;       /* 亚麻米色边框 */
  
  /* 辅助色 */
  --hover-brown: #d6b081;        /* 暖棕偏金 - hover */
  --text-brown: #2c1e12;         /* 深色文字 */
  --secondary-text: #8f6a48;     /* 次要文字 */
}

/* ========== 顶部导航栏 ========== */
.skin-brown-cream .main-header {
  background: var(--primary-brown);
  -webkit-box-shadow: 0px 1px 1px rgba(94, 58, 43, 0.15);
  box-shadow: 0px 1px 1px rgba(94, 58, 43, 0.15);
}

.skin-brown-cream .main-header .navbar {
  background-color: var(--cream-white);
}

.skin-brown-cream .main-header .navbar .nav > li > a {
  color: var(--secondary-text);
}

.skin-brown-cream .main-header .navbar .nav > li > a:hover,
.skin-brown-cream .main-header .navbar .nav > li > a:active,
.skin-brown-cream .main-header .navbar .nav > li > a:focus,
.skin-brown-cream .main-header .navbar .nav .open > a,
.skin-brown-cream .main-header .navbar .nav .open > a:hover,
.skin-brown-cream .main-header .navbar .nav .open > a:focus,
.skin-brown-cream .main-header .navbar .nav > .active > a {
  background: var(--warm-cream);
  color: var(--text-brown);
}

.skin-brown-cream .main-header .navbar .nav-addtabs li > .close-tab {
  color: var(--text-brown);
}

.skin-brown-cream .main-header .navbar .sidebar-toggle {
  color: var(--secondary-text);
}

.skin-brown-cream .main-header .navbar .sidebar-toggle:hover {
  color: var(--text-brown);
  background: var(--warm-cream);
}

.skin-brown-cream .main-header .navbar .navbar-nav > li > a {
  border-right: none;
}

.skin-brown-cream .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-brown-cream .main-header .navbar .navbar-right > li > a {
  border-left: none;
  border-right-width: 0;
}

/* 移动端样式 */
@media (max-width: 767px) {
  .skin-brown-cream .main-header .navbar {
    background-color: var(--dark-brown);
  }
  .skin-brown-cream .main-header .navbar .nav > li > a {
    color: var(--light-cream);
  }
  .skin-brown-cream .main-header .navbar .nav > li > a:hover,
  .skin-brown-cream .main-header .navbar .nav > li > a:active,
  .skin-brown-cream .main-header .navbar .nav > li > a:focus,
  .skin-brown-cream .main-header .navbar .nav .open > a,
  .skin-brown-cream .main-header .navbar .nav .open > a:hover,
  .skin-brown-cream .main-header .navbar .nav .open > a:focus,
  .skin-brown-cream .main-header .navbar .nav > .active > a {
    background: rgba(94, 58, 43, 0.3);
    color: #fff;
  }
  .skin-brown-cream .main-header .navbar .nav-addtabs li > .close-tab {
    color: #fff;
  }
  .skin-brown-cream .main-header .navbar .sidebar-toggle {
    color: var(--light-cream);
  }
  .skin-brown-cream .main-header .navbar .sidebar-toggle:hover {
    color: #fff;
    background: rgba(94, 58, 43, 0.3);
  }
}

/* ========== Logo区域 ========== */
.skin-brown-cream .main-header .logo {
  background-color: var(--primary-brown);
  color: var(--light-cream);
  border-bottom: 0 solid transparent;
  border-right: 1px solid var(--accent-brown);
}

.skin-brown-cream .main-header .logo:hover {
  background-color: var(--medium-brown);
}

@media (max-width: 767px) {
  .skin-brown-cream .main-header .logo {
    background-color: var(--dark-brown);
    color: var(--light-cream);
    border-bottom: 0 solid transparent;
    border-right: none;
  }
  .skin-brown-cream .main-header .logo:hover {
    background-color: var(--primary-brown);
  }
}

.skin-brown-cream .main-header li.user-header {
  background-color: var(--primary-brown);
}

.skin-brown-cream .main-header .nav-addtabs > li > a,
.skin-brown-cream .main-header .nav-addtabs > li.active > a {
  border-right-color: transparent;
}

/* ========== 内容头部 ========== */
.skin-brown-cream .content-header {
  background: transparent;
  box-shadow: none;
}

/* ========== 侧边栏 ========== */
.skin-brown-cream .wrapper,
.skin-brown-cream .main-sidebar,
.skin-brown-cream .left-side {
  background-color: var(--primary-brown);
}

.skin-brown-cream .user-panel > .info,
.skin-brown-cream .user-panel > .info > a {
  color: var(--light-cream);
}

.skin-brown-cream .sidebar-menu .treeview-menu {
  padding-left: 3px;
}

.skin-brown-cream .sidebar-menu > li.header {
  color: var(--accent-brown);
  background: var(--dark-brown);
}

.skin-brown-cream .sidebar-menu > li:hover > a,
.skin-brown-cream .sidebar-menu > li.active > a {
  color: #fff;
  background: var(--medium-brown);
  border-left-color: var(--accent-brown);
}

.skin-brown-cream .sidebar-menu > li > .treeview-menu {
  background: var(--dark-brown);
}

.skin-brown-cream .sidebar a {
  color: var(--light-cream);
}

.skin-brown-cream .sidebar a:hover {
  text-decoration: none;
}

.skin-brown-cream .treeview-menu > li > a {
  color: var(--accent-brown);
}

.skin-brown-cream .treeview-menu > li.active > a,
.skin-brown-cream .treeview-menu > li > a:hover {
  color: #fff;
}

/* ========== 侧边栏搜索框 ========== */
.skin-brown-cream .sidebar-form {
  border-radius: 3px;
  border: 1px solid var(--medium-brown);
  background-color: var(--medium-brown);
  margin: 10px 10px;
}

.skin-brown-cream .sidebar-form input[type="text"],
.skin-brown-cream .sidebar-form .btn {
  box-shadow: none;
  background-color: var(--medium-brown);
  border: 1px solid transparent;
  height: 35px;
}

.skin-brown-cream .sidebar-form input[type="text"] {
  color: var(--light-cream);
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}

.skin-brown-cream .sidebar-form input[type="text"]:focus,
.skin-brown-cream .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: var(--cream-white);
  color: var(--text-brown);
}

.skin-brown-cream .sidebar-form input[type="text"]:focus + .input-group-btn {
  background: var(--cream-white);
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

.skin-brown-cream .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: var(--cream-white);
}

.skin-brown-cream .sidebar-form .btn {
  color: var(--light-cream);
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

/* ========== 菜单激活状态 ========== */
.skin-brown-cream .treeview-menu > li > a {
  padding-left: 18px;
}

.skin-brown-cream .treeview-menu > li.active > a {
  background-color: var(--light-brown);
}

.skin-brown-cream .sidebar-menu > li.active > a {
  color: #fff;
  background: var(--light-brown);
  border-left-color: var(--hover-brown);
}

.skin-brown-cream .sidebar-menu > li:hover > a {
  border-left-color: transparent;
}

.skin-brown-cream .sidebar-menu li.treeview > a {
  background: transparent;
  border-left-color: transparent;
}

.skin-brown-cream .sidebar-menu li.treeview.active > a,
.skin-brown-cream .sidebar-menu li.treeview.treeview-open > a {
  background-color: var(--dark-brown);
  border-left-color: var(--dark-brown);
}

.skin-brown-cream .sidebar-menu .treeview-menu {
  padding-left: 0;
}

.skin-brown-cream .sidebar-menu .treeview-menu .treeview-menu {
  padding-left: 0;
}

.skin-brown-cream .sidebar-menu .treeview-menu .treeview-menu > li > a {
  padding-left: 30px;
}

.skin-brown-cream .sidebar-menu .treeview-menu li.treeview > a {
  background: transparent;
  border-left-color: transparent;
}

/* ========== 侧边栏收起状态 ========== */
.skin-brown-cream.sidebar-collapse .sidebar-menu li:hover > a,
.skin-brown-cream.sidebar-collapse .sidebar-menu li.active > a {
  color: #fff;
  background: var(--light-brown);
}

.skin-brown-cream.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
  color: #fff;
  background: var(--light-brown);
}

.skin-brown-cream.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
  background: transparent;
  border-left-color: transparent;
}

/* ========== 移动端导航 ========== */
@media (max-width: 767px) {
  .skin-brown-cream.multiplenav .sidebar .mobilenav a.btn-app {
    background: var(--medium-brown);
    color: var(--light-cream);
  }
  .skin-brown-cream.multiplenav .sidebar .mobilenav a.btn-app.active {
    background: var(--light-brown);
    color: #fff;
  }
}

/* ========== 按钮样式 ========== */
.skin-brown-cream .btn-primary {
  background-color: var(--light-brown) !important;
  border-color: var(--light-brown) !important;
  color: #fff !important;
}

.skin-brown-cream .btn-primary:hover,
.skin-brown-cream .btn-primary:focus,
.skin-brown-cream .btn-primary:active {
  background-color: var(--medium-brown) !important;
  border-color: var(--medium-brown) !important;
  color: #fff !important;
}

.skin-brown-cream .btn-success {
  background-color: var(--light-brown) !important;
  border-color: var(--light-brown) !important;
}

.skin-brown-cream .btn-success:hover,
.skin-brown-cream .btn-success:focus {
  background-color: var(--medium-brown) !important;
  border-color: var(--medium-brown) !important;
}

.skin-brown-cream .btn-info {
  background-color: var(--accent-brown) !important;
  border-color: var(--accent-brown) !important;
}

.skin-brown-cream .btn-info:hover {
  background-color: var(--hover-brown) !important;
  border-color: var(--hover-brown) !important;
}

.skin-brown-cream .btn-default {
  background-color: var(--warm-cream);
  border-color: var(--border-cream);
  color: var(--text-brown);
}

.skin-brown-cream .btn-default:hover {
  background-color: var(--beige);
  border-color: var(--accent-brown);
}

/* ========== 链接颜色 ========== */
.skin-brown-cream a {
  color: var(--light-brown);
}

.skin-brown-cream a:hover,
.skin-brown-cream a:focus {
  color: var(--medium-brown);
}

.skin-brown-cream .content-wrapper a {
  color: var(--light-brown);
}

.skin-brown-cream .content-wrapper a:hover {
  color: var(--medium-brown);
}

/* ========== 分页器 ========== */
.skin-brown-cream .pagination > .active > a,
.skin-brown-cream .pagination > .active > span,
.skin-brown-cream .pagination > .active > a:hover,
.skin-brown-cream .pagination > .active > span:hover {
  background-color: var(--light-brown);
  border-color: var(--light-brown);
  color: #fff;
}

.skin-brown-cream .pagination > li > a,
.skin-brown-cream .pagination > li > span {
  color: var(--light-brown);
  border-color: var(--border-cream);
}

.skin-brown-cream .pagination > li > a:hover,
.skin-brown-cream .pagination > li > span:hover {
  background-color: var(--warm-cream);
  border-color: var(--accent-brown);
  color: var(--medium-brown);
}

/* ========== 表单和输入框 ========== */
.skin-brown-cream .form-control:focus {
  border-color: var(--accent-brown);
  box-shadow: 0 0 0 0.2rem rgba(201, 170, 123, 0.25);
}

.skin-brown-cream .input-group-addon {
  background-color: var(--warm-cream);
  border-color: var(--border-cream);
  color: var(--text-brown);
}

.skin-brown-cream .form-control {
  border-color: var(--border-cream);
}

/* ========== 复选框和单选框 ========== */
.skin-brown-cream .checkbox input[type="checkbox"]:checked + label::before,
.skin-brown-cream .radio input[type="radio"]:checked + label::before {
  background-color: var(--light-brown);
  border-color: var(--light-brown);
}

.skin-brown-cream .icheckbox_flat-blue.checked,
.skin-brown-cream .iradio_flat-blue.checked {
  background-color: var(--light-brown) !important;
  border-color: var(--light-brown) !important;
}

/* ========== 开关按钮 ========== */
.skin-brown-cream .fa-toggle-on {
  color: var(--light-brown) !important;
}

.skin-brown-cream .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
  background: var(--light-brown);
}

/* ========== 进度条 ========== */
.skin-brown-cream .progress-bar {
  background-color: var(--light-brown);
}

.skin-brown-cream .progress-bar-success {
  background-color: var(--light-brown);
}

.skin-brown-cream .progress-bar-info {
  background-color: var(--accent-brown);
}

/* ========== 标签页 ========== */
.skin-brown-cream .nav-tabs > li.active > a,
.skin-brown-cream .nav-tabs > li.active > a:hover,
.skin-brown-cream .nav-tabs > li.active > a:focus {
  border-top-color: var(--light-brown);
  color: var(--text-brown);
}

.skin-brown-cream .nav-tabs > li > a:hover {
  border-color: var(--border-cream);
  background-color: var(--warm-cream);
}

/* ========== 面板 ========== */
.skin-brown-cream .panel-primary {
  border-color: var(--light-brown);
}

.skin-brown-cream .panel-primary > .panel-heading {
  background-color: var(--light-brown);
  border-color: var(--light-brown);
  color: #fff;
}

.skin-brown-cream .panel-default > .panel-heading {
  background-color: var(--warm-cream);
  border-color: var(--border-cream);
  color: var(--text-brown);
}

/* ========== 表格 ========== */
.skin-brown-cream .table > thead > tr > th {
  background-color: var(--warm-cream);
  border-color: var(--border-cream);
  color: var(--text-brown);
}

.skin-brown-cream .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: var(--cream-white);
}

.skin-brown-cream .table-hover > tbody > tr:hover {
  background-color: var(--warm-cream);
}

.skin-brown-cream .table-bordered {
  border-color: var(--border-cream);
}

.skin-brown-cream .table-bordered > thead > tr > th,
.skin-brown-cream .table-bordered > tbody > tr > td {
  border-color: var(--border-cream);
}

/* Bootstrap Table 特定样式 */
.skin-brown-cream .fixed-table-container thead th {
  background-color: var(--warm-cream);
  color: var(--text-brown);
}

.skin-brown-cream .fixed-table-container tbody .selected td {
  background-color: rgba(182, 131, 85, 0.15) !important;
}

.skin-brown-cream .bootstrap-table .table:not(.table-condensed) > thead > tr > th {
  background-color: var(--warm-cream);
  border-color: var(--border-cream);
}

/* ========== 标签 (Label/Badge) ========== */
.skin-brown-cream .label-primary,
.skin-brown-cream .badge-primary {
  background-color: var(--light-brown);
}

.skin-brown-cream .label-success,
.skin-brown-cream .badge-success {
  background-color: var(--light-brown);
}

.skin-brown-cream .label-info,
.skin-brown-cream .badge-info {
  background-color: var(--accent-brown);
}

.skin-brown-cream .label-default {
  background-color: var(--secondary-text);
}

/* ========== 下拉菜单 ========== */
.skin-brown-cream .dropdown-menu > .active > a,
.skin-brown-cream .dropdown-menu > .active > a:hover,
.skin-brown-cream .dropdown-menu > .active > a:focus {
  background-color: var(--light-brown);
  color: #fff;
}

.skin-brown-cream .dropdown-menu > li > a:hover,
.skin-brown-cream .dropdown-menu > li > a:focus {
  background-color: var(--warm-cream);
  color: var(--text-brown);
}

/* ========== 模态框 ========== */
.skin-brown-cream .modal-header {
  background-color: var(--primary-brown);
  color: var(--light-cream);
  border-bottom-color: var(--accent-brown);
}

.skin-brown-cream .modal-footer {
  background-color: var(--warm-cream);
  border-top-color: var(--border-cream);
}

/* ========== 警告框 ========== */
.skin-brown-cream .alert-success {
  background-color: rgba(182, 131, 85, 0.1);
  border-color: var(--accent-brown);
  color: var(--medium-brown);
}

.skin-brown-cream .alert-info {
  background-color: rgba(201, 170, 123, 0.1);
  border-color: var(--hover-brown);
  color: var(--medium-brown);
}

.skin-brown-cream .alert-warning {
  background-color: rgba(220, 194, 158, 0.2);
  border-color: var(--accent-brown);
  color: var(--dark-brown);
}

/* ========== 工具栏按钮 ========== */
.skin-brown-cream .toolbar .btn-success,
.skin-brown-cream .fixed-table-toolbar .btn-success {
  background-color: var(--light-brown) !important;
  border-color: var(--light-brown) !important;
}

.skin-brown-cream .toolbar .btn-primary,
.skin-brown-cream .fixed-table-toolbar .btn-primary {
  background-color: var(--light-brown) !important;
  border-color: var(--light-brown) !important;
}

/* ========== 搜索框 ========== */
.skin-brown-cream .fixed-table-toolbar .search input {
  border-color: var(--border-cream);
}

.skin-brown-cream .fixed-table-toolbar .search input:focus {
  border-color: var(--accent-brown);
  box-shadow: 0 0 0 0.2rem rgba(201, 170, 123, 0.25);
}

/* ========== 面包屑 ========== */
.skin-brown-cream .breadcrumb {
  background-color: var(--warm-cream);
  border-color: var(--border-cream);
}

.skin-brown-cream .breadcrumb > .active {
  color: var(--medium-brown);
}

.skin-brown-cream .breadcrumb > li > a {
  color: var(--light-brown);
}

.skin-brown-cream .breadcrumb > li > a:hover {
  color: var(--medium-brown);
}

/* ========== 小部件 (Widget) ========== */
.skin-brown-cream .small-box {
  border-radius: 4px;
}

.skin-brown-cream .small-box.bg-aqua,
.skin-brown-cream .small-box.bg-blue {
  background-color: var(--light-brown) !important;
}

.skin-brown-cream .small-box.bg-green {
  background-color: var(--accent-brown) !important;
}

.skin-brown-cream .small-box > .small-box-footer {
  background-color: rgba(0, 0, 0, 0.1);
}

/* ========== 信息框 ========== */
.skin-brown-cream .info-box {
  background-color: var(--cream-white);
  border: 1px solid var(--border-cream);
}

.skin-brown-cream .info-box-icon {
  background-color: var(--light-brown) !important;
  color: #fff;
}

.skin-brown-cream .info-box-icon.bg-aqua,
.skin-brown-cream .info-box-icon.bg-blue {
  background-color: var(--light-brown) !important;
}

/* ========== 时间线 ========== */
.skin-brown-cream .timeline > li > .timeline-item {
  background-color: var(--cream-white);
  border-color: var(--border-cream);
}

.skin-brown-cream .timeline > li > .timeline-badge {
  background-color: var(--light-brown);
}

/* ========== 选择器 (Select) ========== */
.skin-brown-cream .bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
  border-color: var(--accent-brown);
  box-shadow: 0 0 0 0.2rem rgba(201, 170, 123, 0.25);
}

.skin-brown-cream .bootstrap-select .dropdown-menu > .active > a {
  background-color: var(--light-brown);
  color: #fff;
}

/* ========== 日期选择器 ========== */
.skin-brown-cream .datepicker table tr td.active,
.skin-brown-cream .datepicker table tr td.active:hover,
.skin-brown-cream .datepicker table tr td.selected {
  background-color: var(--light-brown) !important;
  color: #fff;
}

.skin-brown-cream .datepicker table tr td.today {
  background-color: var(--warm-cream) !important;
  color: var(--text-brown);
}

.skin-brown-cream .datepicker table tr td.day:hover {
  background-color: var(--warm-cream);
}

/* ========== 时间选择器 ========== */
.skin-brown-cream .bootstrap-datetimepicker-widget table td.active,
.skin-brown-cream .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: var(--light-brown);
  color: #fff;
}

.skin-brown-cream .bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: var(--light-brown);
}

/* ========== 滑块 ========== */
.skin-brown-cream .slider-selection {
  background-color: var(--light-brown);
}

.skin-brown-cream .slider-handle {
  background-color: var(--light-brown);
  border-color: var(--medium-brown);
}

/* ========== 加载动画 ========== */
.skin-brown-cream .overlay,
.skin-brown-cream .loading-overlay {
  background-color: rgba(94, 58, 43, 0.7);
}

.skin-brown-cream .fa-spin {
  color: var(--light-brown);
}

/* ========== 卡片 ========== */
.skin-brown-cream .card {
  background-color: var(--cream-white);
  border-color: var(--border-cream);
}

.skin-brown-cream .card-header {
  background-color: var(--warm-cream);
  border-bottom-color: var(--border-cream);
  color: var(--text-brown);
}

/* ========== 列表组 ========== */
.skin-brown-cream .list-group-item.active {
  background-color: var(--light-brown);
  border-color: var(--light-brown);
  color: #fff;
}

.skin-brown-cream .list-group-item:hover {
  background-color: var(--warm-cream);
}

/* ========== 工具提示 ========== */
.skin-brown-cream .tooltip-inner {
  background-color: var(--primary-brown);
}

.skin-brown-cream .tooltip.top .tooltip-arrow {
  border-top-color: var(--primary-brown);
}

.skin-brown-cream .tooltip.bottom .tooltip-arrow {
  border-bottom-color: var(--primary-brown);
}

/* ========== 弹出框 ========== */
.skin-brown-cream .popover {
  border-color: var(--border-cream);
}

.skin-brown-cream .popover-title {
  background-color: var(--warm-cream);
  border-bottom-color: var(--border-cream);
  color: var(--text-brown);
}

/* ========== 徽章数字 ========== */
.skin-brown-cream .badge {
  background-color: var(--light-brown);
}

.skin-brown-cream .sidebar-menu .badge {
  background-color: var(--light-brown);
}

/* ========== 图标颜色 ========== */
.skin-brown-cream .text-primary,
.skin-brown-cream .text-info {
  color: var(--light-brown) !important;
}

.skin-brown-cream .text-success {
  color: var(--accent-brown) !important;
}

/* ========== 背景颜色 ========== */
.skin-brown-cream .bg-primary,
.skin-brown-cream .bg-blue,
.skin-brown-cream .bg-aqua {
  background-color: var(--light-brown) !important;
}

.skin-brown-cream .bg-success,
.skin-brown-cream .bg-green {
  background-color: var(--accent-brown) !important;
}

/* ========== Layer弹窗 ========== */
.skin-brown-cream .layui-layer-fast .layui-layer-title {
  background: var(--primary-brown) !important;
  color: var(--light-cream) !important;
}

.skin-brown-cream .layui-layer-fast .layui-layer-btn .layui-layer-btn0 {
  background-color: var(--light-brown) !important;
  border-color: var(--light-brown) !important;
}

.skin-brown-cream .layui-layer-fast .layui-layer-footer {
  background-color: var(--warm-cream);
}

/* ========== Toast通知 ========== */
.skin-brown-cream .toast-success {
  background-color: var(--light-brown) !important;
}

.skin-brown-cream .toast-info {
  background-color: var(--accent-brown) !important;
}

/* ========== 文件上传 ========== */
.skin-brown-cream .plupload_button,
.skin-brown-cream .faupload .btn-upload {
  background-color: var(--light-brown) !important;
  border-color: var(--light-brown) !important;
  color: #fff !important;
}

/* ========== 树形结构 ========== */
.skin-brown-cream .jstree-default .jstree-clicked {
  background-color: var(--light-brown) !important;
  color: #fff !important;
}

.skin-brown-cream .jstree-default .jstree-hovered {
  background-color: var(--warm-cream);
}

/* ========== 统计图表 ========== */
.skin-brown-cream .chart-legend .legend-item {
  color: var(--text-brown);
}

/* ========== 响应式表格 ========== */
.skin-brown-cream .table-responsive {
  border-color: var(--border-cream);
}

/* ========== 输入组 ========== */
.skin-brown-cream .input-group .input-group-btn > .btn-primary {
  background-color: var(--light-brown) !important;
  border-color: var(--light-brown) !important;
}

/* ========== 标签输入 ========== */
.skin-brown-cream .bootstrap-tagsinput .tag {
  background-color: var(--light-brown);
  color: #fff;
}

/* ========== 评分星星 ========== */
.skin-brown-cream .rating .fa-star {
  color: var(--accent-brown);
}

/*# sourceMappingURL=skin-brown-cream.css.map */

/* ========== 控制面板 (Control Sidebar) ========== */
.skin-brown-cream .control-sidebar {
  background-color: var(--cream-white);
  border-left: 1px solid var(--border-cream);
}

.skin-brown-cream .control-sidebar-heading {
  background-color: var(--warm-cream);
  color: var(--text-brown);
}

.skin-brown-cream .control-sidebar-menu > li > a {
  color: var(--text-brown);
}

.skin-brown-cream .control-sidebar-menu > li > a:hover {
  background-color: var(--warm-cream);
}

/* ========== 数据表格操作按钮 ========== */
.skin-brown-cream .btn-xs.btn-success,
.skin-brown-cream .btn-sm.btn-success {
  background-color: var(--light-brown) !important;
  border-color: var(--light-brown) !important;
}

.skin-brown-cream .btn-xs.btn-primary,
.skin-brown-cream .btn-sm.btn-primary {
  background-color: var(--light-brown) !important;
  border-color: var(--light-brown) !important;
}

.skin-brown-cream .btn-xs.btn-info,
.skin-brown-cream .btn-sm.btn-info {
  background-color: var(--accent-brown) !important;
  border-color: var(--accent-brown) !important;
}

/* ========== 表格行操作链接 ========== */
.skin-brown-cream .table tbody tr td a {
  color: var(--light-brown);
}

.skin-brown-cream .table tbody tr td a:hover {
  color: var(--medium-brown);
}

/* ========== 表格排序图标 ========== */
.skin-brown-cream .fixed-table-container thead th .sortable {
  color: var(--text-brown);
}

.skin-brown-cream .fixed-table-container thead th .both {
  background-image: none;
}

.skin-brown-cream .fixed-table-container thead th .asc::after,
.skin-brown-cream .fixed-table-container thead th .desc::after {
  color: var(--light-brown);
}

/* ========== 表格工具栏 ========== */
.skin-brown-cream .fixed-table-toolbar .columns label {
  color: var(--text-brown);
}

.skin-brown-cream .fixed-table-toolbar .columns label:hover {
  background-color: var(--warm-cream);
}

/* ========== 表格分页 ========== */
.skin-brown-cream .fixed-table-pagination .pagination-detail {
  color: var(--text-brown);
}

.skin-brown-cream .page-link {
  color: var(--light-brown);
  border-color: var(--border-cream);
}

.skin-brown-cream .page-link:hover {
  background-color: var(--warm-cream);
  border-color: var(--accent-brown);
  color: var(--medium-brown);
}

.skin-brown-cream .page-item.active .page-link {
  background-color: var(--light-brown);
  border-color: var(--light-brown);
  color: #fff;
}

/* ========== 表单验证提示 ========== */
.skin-brown-cream .n-right,
.skin-brown-cream .n-bottom {
  color: #e74c3c;
}

.skin-brown-cream .n-ok {
  color: var(--light-brown);
}

.skin-brown-cream .has-success .form-control {
  border-color: var(--accent-brown);
}

.skin-brown-cream .has-success .control-label {
  color: var(--accent-brown);
}

/* ========== 文件选择器 ========== */
.skin-brown-cream .btn-file {
  background-color: var(--light-brown);
  border-color: var(--light-brown);
  color: #fff;
}

.skin-brown-cream .btn-file:hover {
  background-color: var(--medium-brown);
  border-color: var(--medium-brown);
}

/* ========== 图片预览 ========== */
.skin-brown-cream .thumbnail {
  border-color: var(--border-cream);
  background-color: var(--cream-white);
}

.skin-brown-cream .thumbnail:hover {
  border-color: var(--accent-brown);
}

/* ========== 步骤条 ========== */
.skin-brown-cream .wizard > .steps .current a {
  background-color: var(--light-brown);
  color: #fff;
}

.skin-brown-cream .wizard > .steps .done a {
  background-color: var(--accent-brown);
  color: #fff;
}

.skin-brown-cream .wizard > .steps a:hover {
  background-color: var(--warm-cream);
}

/* ========== 折叠面板 ========== */
.skin-brown-cream .panel-group .panel-heading {
  background-color: var(--warm-cream);
}

.skin-brown-cream .panel-group .panel-heading a {
  color: var(--text-brown);
}

.skin-brown-cream .panel-group .panel-heading a:hover {
  color: var(--light-brown);
}

/* ========== 代码块 ========== */
.skin-brown-cream pre {
  background-color: var(--warm-cream);
  border-color: var(--border-cream);
  color: var(--text-brown);
}

.skin-brown-cream code {
  background-color: var(--warm-cream);
  color: var(--medium-brown);
}

/* ========== 引用块 ========== */
.skin-brown-cream blockquote {
  border-left-color: var(--accent-brown);
  background-color: var(--warm-cream);
}

/* ========== 水平分割线 ========== */
.skin-brown-cream hr {
  border-top-color: var(--border-cream);
}

/* ========== 井 (Well) ========== */
.skin-brown-cream .well {
  background-color: var(--warm-cream);
  border-color: var(--border-cream);
}

/* ========== 媒体对象 ========== */
.skin-brown-cream .media {
  border-bottom-color: var(--border-cream);
}

.skin-brown-cream .media:hover {
  background-color: var(--warm-cream);
}

/* ========== 缩略图网格 ========== */
.skin-brown-cream .img-thumbnail {
  border-color: var(--border-cream);
  background-color: var(--cream-white);
}

.skin-brown-cream .img-thumbnail:hover {
  border-color: var(--accent-brown);
}

/* ========== 嵌入式响应 ========== */
.skin-brown-cream .embed-responsive {
  border: 1px solid var(--border-cream);
}

/* ========== 标签云 ========== */
.skin-brown-cream .tag-cloud a {
  background-color: var(--warm-cream);
  color: var(--text-brown);
  border: 1px solid var(--border-cream);
}

.skin-brown-cream .tag-cloud a:hover {
  background-color: var(--light-brown);
  color: #fff;
  border-color: var(--light-brown);
}

/* ========== 价格表 ========== */
.skin-brown-cream .pricing-table .featured {
  border-color: var(--light-brown);
}

.skin-brown-cream .pricing-table .price {
  color: var(--light-brown);
}

.skin-brown-cream .pricing-table .btn {
  background-color: var(--light-brown);
  border-color: var(--light-brown);
}

/* ========== 时间轴 ========== */
.skin-brown-cream .timeline::before {
  background-color: var(--border-cream);
}

.skin-brown-cream .timeline > li > .timeline-badge.primary {
  background-color: var(--light-brown);
}

.skin-brown-cream .timeline > li > .timeline-badge.success {
  background-color: var(--accent-brown);
}

/* ========== 聊天框 ========== */
.skin-brown-cream .direct-chat-msg {
  border-color: var(--border-cream);
}

.skin-brown-cream .direct-chat-text {
  background-color: var(--warm-cream);
  border-color: var(--border-cream);
  color: var(--text-brown);
}

.skin-brown-cream .direct-chat-primary .right > .direct-chat-text {
  background-color: var(--light-brown);
  color: #fff;
}

/* ========== 邮箱 ========== */
.skin-brown-cream .mailbox-read-info {
  border-bottom-color: var(--border-cream);
}

.skin-brown-cream .mailbox-read-message {
  background-color: var(--cream-white);
}

/* ========== 发票 ========== */
.skin-brown-cream .invoice {
  background-color: var(--cream-white);
  border: 1px solid var(--border-cream);
}

.skin-brown-cream .invoice-title {
  color: var(--text-brown);
}

/* ========== 登录/注册页面 ========== */
.skin-brown-cream .login-box,
.skin-brown-cream .register-box {
  background-color: var(--cream-white);
}

.skin-brown-cream .login-box-body,
.skin-brown-cream .register-box-body {
  background-color: var(--cream-white);
  border: 1px solid var(--border-cream);
}

.skin-brown-cream .login-box-msg,
.skin-brown-cream .register-box-msg {
  color: var(--text-brown);
}

/* ========== 错误页面 ========== */
.skin-brown-cream .error-page > .headline {
  color: var(--light-brown);
}

.skin-brown-cream .error-page > .error-content {
  color: var(--text-brown);
}

/* ========== 个人资料 ========== */
.skin-brown-cream .profile-username {
  color: var(--text-brown);
}

.skin-brown-cream .profile-user-img {
  border-color: var(--accent-brown);
}

/* ========== 产品列表 ========== */
.skin-brown-cream .products-list .product-title {
  color: var(--light-brown);
}

.skin-brown-cream .products-list .product-title:hover {
  color: var(--medium-brown);
}

.skin-brown-cream .products-list .product-description {
  color: var(--secondary-text);
}

/* ========== 附件 ========== */
.skin-brown-cream .attachment-block {
  background-color: var(--warm-cream);
  border: 1px solid var(--border-cream);
}

.skin-brown-cream .attachment-block:hover {
  border-color: var(--accent-brown);
}

/* ========== 用户面板 ========== */
.skin-brown-cream .user-panel {
  border-bottom-color: var(--border-cream);
}

/* ========== 菜单搜索结果 ========== */
.skin-brown-cream .sidebar-form .menuresult a {
  color: var(--text-brown);
  border-bottom-color: var(--border-cream);
}

.skin-brown-cream .sidebar-form .menuresult a:hover {
  background-color: var(--warm-cream);
  color: var(--light-brown);
}

/* ========== 快捷方式 ========== */
.skin-brown-cream .btn-app {
  background-color: var(--cream-white);
  border-color: var(--border-cream);
  color: var(--text-brown);
}

.skin-brown-cream .btn-app:hover {
  background-color: var(--warm-cream);
  border-color: var(--accent-brown);
}

.skin-brown-cream .btn-app > .badge {
  background-color: var(--light-brown);
}

/* ========== 社交按钮 ========== */
.skin-brown-cream .btn-social {
  border-color: var(--border-cream);
}

/* ========== 日历 ========== */
.skin-brown-cream .fc-button-primary {
  background-color: var(--light-brown);
  border-color: var(--light-brown);
}

.skin-brown-cream .fc-button-primary:hover {
  background-color: var(--medium-brown);
  border-color: var(--medium-brown);
}

.skin-brown-cream .fc-event {
  background-color: var(--light-brown);
  border-color: var(--light-brown);
}

/* ========== 看板 ========== */
.skin-brown-cream .kanban-board {
  background-color: var(--warm-cream);
  border: 1px solid var(--border-cream);
}

.skin-brown-cream .kanban-card {
  background-color: var(--cream-white);
  border: 1px solid var(--border-cream);
}

.skin-brown-cream .kanban-card:hover {
  border-color: var(--accent-brown);
  box-shadow: 0 2px 4px rgba(94, 58, 43, 0.1);
}

/* ========== 拖拽排序 ========== */
.skin-brown-cream .ui-sortable-placeholder {
  background-color: var(--warm-cream);
  border: 2px dashed var(--accent-brown);
}

.skin-brown-cream .ui-sortable-helper {
  box-shadow: 0 4px 8px rgba(94, 58, 43, 0.2);
}

/* ========== 颜色选择器 ========== */
.skin-brown-cream .colorpicker-element .input-group-addon {
  background-color: var(--warm-cream);
  border-color: var(--border-cream);
}

/* ========== 富文本编辑器 ========== */
.skin-brown-cream .note-editor {
  border-color: var(--border-cream);
}

.skin-brown-cream .note-toolbar {
  background-color: var(--warm-cream);
  border-bottom-color: var(--border-cream);
}

.skin-brown-cream .note-btn-group .btn {
  background-color: var(--cream-white);
  border-color: var(--border-cream);
  color: var(--text-brown);
}

.skin-brown-cream .note-btn-group .btn:hover,
.skin-brown-cream .note-btn-group .btn.active {
  background-color: var(--light-brown);
  border-color: var(--light-brown);
  color: #fff;
}

/* ========== Markdown编辑器 ========== */
.skin-brown-cream .CodeMirror {
  border-color: var(--border-cream);
}

.skin-brown-cream .editor-toolbar {
  background-color: var(--warm-cream);
  border-color: var(--border-cream);
}

.skin-brown-cream .editor-toolbar a {
  color: var(--text-brown) !important;
}

.skin-brown-cream .editor-toolbar a:hover,
.skin-brown-cream .editor-toolbar a.active {
  background-color: var(--light-brown);
  color: #fff !important;
}

/* ========== 数据统计卡片 ========== */
.skin-brown-cream .stat-card {
  background-color: var(--cream-white);
  border: 1px solid var(--border-cream);
}

.skin-brown-cream .stat-card:hover {
  border-color: var(--accent-brown);
  box-shadow: 0 2px 8px rgba(94, 58, 43, 0.1);
}

.skin-brown-cream .stat-card .stat-icon {
  color: var(--light-brown);
}

/* ========== 仪表盘小部件 ========== */
.skin-brown-cream .dashboard-widget {
  background-color: var(--cream-white);
  border: 1px solid var(--border-cream);
  border-radius: 4px;
}

.skin-brown-cream .dashboard-widget-header {
  background-color: var(--warm-cream);
  border-bottom: 1px solid var(--border-cream);
  color: var(--text-brown);
}

/* ========== 空状态 ========== */
.skin-brown-cream .empty-state {
  color: var(--secondary-text);
}

.skin-brown-cream .empty-state .empty-icon {
  color: var(--accent-brown);
}

/* ========== 加载骨架屏 ========== */
.skin-brown-cream .skeleton {
  background: linear-gradient(90deg, var(--warm-cream) 25%, var(--beige) 50%, var(--warm-cream) 75%);
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s ease-in-out infinite;
}

@keyframes skeleton-loading {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* ========== 响应式优化 ========== */
@media (max-width: 768px) {
  .skin-brown-cream .btn-group-sm > .btn {
    background-color: var(--light-brown);
    border-color: var(--light-brown);
  }
  
  .skin-brown-cream .navbar-nav .open .dropdown-menu > li > a {
    color: var(--text-brown);
  }
  
  .skin-brown-cream .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: var(--warm-cream);
  }
}

/* ========== 打印样式 ========== */
@media print {
  .skin-brown-cream .main-header,
  .skin-brown-cream .main-sidebar,
  .skin-brown-cream .control-sidebar {
    display: none !important;
  }
  
  .skin-brown-cream .content-wrapper {
    margin-left: 0 !important;
  }
}

/* ========== 高对比度模式支持 ========== */
@media (prefers-contrast: high) {
  .skin-brown-cream .btn-primary {
    border-width: 2px;
  }
  
  .skin-brown-cream a {
    text-decoration: underline;
  }
}

/* ========== 深色模式准备（可选） ========== */
@media (prefers-color-scheme: dark) {
  /* 如果需要支持深色模式，可以在这里添加样式 */
}

/*# sourceMappingURL=skin-brown-cream.css.map */


/* ========================================
   Layer弹窗标题栏主题色覆盖
   ======================================== */
/* Layer弹窗标题栏 - 棕色渐变 */
.layui-layer-title {
    background: linear-gradient(135deg, #5e3a2b 0%, #7d4d3a 100%) !important;
    color: #fff !important;
    border: none !important;
    font-weight: 600 !important;
}

/* Layer弹窗关闭按钮 */
.layui-layer-setwin .layui-layer-close {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
    transition: background-color 0.3s !important;
}

.layui-layer-setwin .layui-layer-close:hover {
    background-color: rgba(255, 255, 255, 0.3) !important;
}

/* Layer弹窗最大化/最小化按钮 */
.layui-layer-setwin .layui-layer-min,
.layui-layer-setwin .layui-layer-max {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
    transition: background-color 0.3s !important;
}

.layui-layer-setwin .layui-layer-min:hover,
.layui-layer-setwin .layui-layer-max:hover {
    background-color: rgba(255, 255, 255, 0.3) !important;
}

/* Layer弹窗按钮 - 主按钮使用主题色 */
.layui-layer-btn .layui-layer-btn0 {
    background: #5e3a2b !important;
    border-color: #5e3a2b !important;
    color: #fff !important;
}

.layui-layer-btn .layui-layer-btn0:hover {
    background: #b68355 !important;
    border-color: #b68355 !important;
}

/* Layer弹窗次要按钮 */
.layui-layer-btn .layui-layer-btn1 {
    background: #f5ede2 !important;
    border-color: #e2d4c2 !important;
    color: #5e3a2b !important;
}

.layui-layer-btn .layui-layer-btn1:hover {
    background: #e2d4c2 !important;
}

/* Layer iframe弹窗标题栏 */
.layui-layer-iframe .layui-layer-title {
    background: linear-gradient(135deg, #5e3a2b 0%, #7d4d3a 100%) !important;
    color: #fff !important;
}

/* Layer loading 加载层 */
.layui-layer-loading .layui-layer-content {
    background-color: rgba(94, 58, 43, 0.9) !important;
}

.layui-layer-loading .layui-layer-loading1 i {
    border-color: #b68355 transparent transparent !important;
}

/* Layer tips 提示层 */
.layui-layer-tips .layui-layer-content {
    background-color: #5e3a2b !important;
    color: #fff !important;
}

.layui-layer-tips i.layui-layer-TipsG {
    border-right-color: #5e3a2b !important;
}

.layui-layer-tips i.layui-layer-TipsB {
    border-top-color: #5e3a2b !important;
}

.layui-layer-tips i.layui-layer-TipsT {
    border-bottom-color: #5e3a2b !important;
}

.layui-layer-tips i.layui-layer-TipsL {
    border-left-color: #5e3a2b !important;
}

/* Layer prompt 输入层 */
.layui-layer-prompt .layui-layer-input {
    border-color: #e2d4c2 !important;
}

.layui-layer-prompt .layui-layer-input:focus {
    border-color: #b68355 !important;
    box-shadow: 0 0 0 0.2rem rgba(182, 131, 85, 0.25) !important;
}

/* Layer tab 选项卡 */
.layui-layer-tab .layui-layer-title {
    background: #fff !important;
    border-bottom: 2px solid #e2d4c2 !important;
}

.layui-layer-tab .layui-layer-title li {
    color: #666 !important;
}

.layui-layer-tab .layui-layer-title li.layui-this {
    background: linear-gradient(135deg, #5e3a2b 0%, #7d4d3a 100%) !important;
    color: #fff !important;
}

/* Layer page 分页弹窗 */
.layui-layer-page .layui-layer-content {
    background: #fffcf7 !important;
}

/* Layer dialog 对话框 */
.layui-layer-dialog .layui-layer-content {
    padding: 20px !important;
}

.layui-layer-dialog .layui-layer-ico {
    color: #b68355 !important;
}

/* Layer 遮罩层 */
.layui-layer-shade {
    background-color: rgba(94, 58, 43, 0.3) !important;
}

/* Layer 弹窗边框 */
.layui-layer {
    border: 1px solid #e2d4c2 !important;
    box-shadow: 0 4px 12px rgba(94, 58, 43, 0.15) !important;
}

/* Layer 弹窗内容区域 */
.layui-layer-content {
    background: #fffcf7 !important;
}

/* Layer 弹窗页脚 */
.layui-layer-footer {
    background-color: #f5ede2 !important;
    border-top: 1px solid #e2d4c2 !important;
}