/* jshERP 高级灰蓝色主题 */

:root {
  --primary-color: #3e5c76;
  --primary-light: #5588a3;
  --primary-dark: #2d3e50;
  --secondary-color: #f5f5f5;
  --text-color: #333333;
  --text-light: #666666;
  --background-light: #f9f9f9;
  --background-dark: #eaeaea;
  --border-color: #d9d9d9;
  --success-color: #52c41a;
  --warning-color: #faad14;
  --error-color: #f5222d;
  --link-color: #5588a3;
  --box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* 整体布局 */
body {
  background-color: var(--background-light);
  color: var(--text-color);
}

/* 主容器样式 */
#app {
  height: 100%;
}

/* 侧边栏样式 */
.sider {
  background-color: var(--primary-dark) !important;
  box-shadow: var(--box-shadow);
}

.sider .logo {
  background-color: var(--primary-dark) !important;
}

.sider .logo h1 {
  color: white !important;
}

.sider.dark .ant-menu {
  background-color: var(--primary-dark) !important;
}

.sider.dark ul.ant-menu::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
}

.sider.dark ul.ant-menu::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

/* 顶部导航样式 */
.layout .header {
  background-color: var(--primary-color) !important;
  box-shadow: var(--box-shadow);
  height: 49px;
}

.layout .header .user-wrapper .action .anticon {
  color: white !important;
}

.layout .header .user-wrapper .action:hover {
  background-color: var(--primary-light) !important;
}

.layout .header.dark {
  background-color: white !important;
  color: var(--text-color) !important;
}

.layout .header.dark .user-wrapper .action .anticon {
  color: var(--text-color) !important;
}

/* 按钮样式 */
.ant-btn-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.ant-btn-primary:hover, 
.ant-btn-primary:focus {
  background-color: var(--primary-light);
  border-color: var(--primary-light);
}

/* 表格样式 */
.ant-table-thead > tr > th {
  background-color: var(--background-dark);
  color: var(--text-color);
}

.ant-table-tbody > tr:hover > td {
  background-color: rgba(85, 136, 163, 0.1);
}

/* 卡片样式 */
.ant-card {
  border-radius: 4px;
  box-shadow: var(--box-shadow);
  border: none;
}

.ant-card-head {
  border-bottom: 1px solid var(--border-color);
}

/* 表单样式 */
.ant-form-item-label > label {
  color: var(--text-color);
}

.ant-input:hover {
  border-color: var(--primary-light);
}

.ant-input:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 2px rgba(62, 92, 118, 0.2);
}

/* 选择器样式 */
.ant-select-selection:hover {
  border-color: var(--primary-light);
}

.ant-select-focused .ant-select-selection,
.ant-select-selection:focus,
.ant-select-selection:active {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 2px rgba(62, 92, 118, 0.2);
}

/* 标签页样式 */
.ant-tabs-nav .ant-tabs-tab-active {
  color: var(--primary-color);
}

.ant-tabs-ink-bar {
  background-color: var(--primary-color);
}

/* 模态框样式 */
.ant-modal-header {
  background-color: var(--primary-color);
  border-radius: 4px 4px 0 0;
}

.ant-modal-title {
  color: white;
}

.ant-modal-close {
  color: white;
}

.ant-modal-footer {
  border-top: 1px solid var(--border-color);
}

/* 分页样式 */
.ant-pagination-item-active {
  border-color: var(--primary-color);
}

.ant-pagination-item-active a {
  color: var(--primary-color);
}

/* 日期选择器样式 */
.ant-calendar-selected-day .ant-calendar-date {
  background: var(--primary-color);
  color: white;
}

/* 菜单样式 */
.ant-menu-item-selected {
  background-color: var(--primary-color) !important;
}

.ant-menu-vertical .ant-menu-item::after, 
.ant-menu-vertical-left .ant-menu-item::after, 
.ant-menu-vertical-right .ant-menu-item::after, 
.ant-menu-inline .ant-menu-item::after {
  border-right: 3px solid var(--primary-color);
}

/* 下拉菜单样式 */
.ant-dropdown-menu-item:hover, 
.ant-dropdown-menu-submenu-title:hover {
  background-color: rgba(85, 136, 163, 0.1);
}

/* 响应式设计 */
@media (max-width: 576px) {
  .layout .content {
    margin: 12px 12px 0;
  }
  
  .ant-table {
    width: 100%;
    overflow-x: auto;
  }
  
  .ant-form-item {
    margin-bottom: 12px;
  }
}

@media (max-width: 768px) {
  .layout .header {
    padding: 0 8px;
  }
  
  .layout .trigger {
    font-size: 18px;
  }
  
  .ant-card {
    margin-bottom: 12px;
  }
}

@media (max-width: 992px) {
  .layout .sider.ant-layout-sider-collapsed {
    flex: 0 0 60px !important;
    max-width: 60px !important;
    min-width: 60px !important;
    width: 60px !important;
  }
}

/* 登录页面样式 */
.user-layout-wrapper .container .right-form {
  background-color: white !important;
  box-shadow: var(--box-shadow) !important;
}

.user-layout-wrapper .container .right-form .top .header .title {
  color: var(--primary-dark) !important;
}

/* 滚动条美化 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--background-light);
  border-radius: 2px;
}

::-webkit-scrollbar-thumb {
  background: #c0c0c0;
  border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover {
  background: #a0a0a0;
}

::-webkit-scrollbar-corner {
  background: var(--background-light);
}