/* ========== 四川省古蔺郎酒厂有限公司 官方郎酒蓝外部美化样式 ========== */
/* 品牌标准色：郎酒蓝 Pantone288C #1A4078 */
:root {
  --langjiu-blue: #1A4078;
  --langjiu-blue-dark: #14305c;
  --langjiu-gold: #C8A468;
  --cellar-brown: #5C3E2E;
  --cellar-bg: #F7F3EC;
  --cellar-card: #fffdf9;
  --danger-red: #A82424;
  --success-green: #3A7048;
  --clay-orange: #B9783E;
}

/* 全局页面背景 窖泥米黄底色 细微窖池纹理 */
body {
  background-color: var(--cellar-bg) !important;
  background-image: radial-gradient(#EAE3D9 0.5px, transparent 0.5px);
  background-size: 20px 20px;
}

/* 全局卡片/容器 陶坛复古质感 */
.bg-white {
  background: var(--cellar-card) !important;
  border: 1px solid #E2D9CF !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(92, 62, 46, 0.08) !important;
}

/* 卡片hover上浮特效 全部卡片通用（员工方块、后台面板） */
.hover\:shadow-xl:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(92, 62, 46, 0.15) !important;
  transition: all 0.25s ease;
}

/* 全局文字主色替换 窖藏深棕 */
h1, h2, h3, h4, .font-bold {
  color: var(--cellar-brown) !important;
}

/* 积分文字配色保留，微调质感 */
.score-add { color: var(--success-green) !important; font-weight: 600; }
.score-sub { color: var(--danger-red) !important; font-weight: 600; }

/* ========== 按钮全套美化（郎酒蓝主色 + 纯白醒目文字） ========== */
/* 通用按钮基础过渡、文字强制纯白加粗，保证清晰可见 */
button, label[class*="cursor-pointer"] {
  transition: all 0.2s ease !important;
  border-radius: 8px !important;
  border: none;
  position: relative;
  overflow: hidden;
  color: #ffffff !important;
  font-weight: 500 !important;
  letter-spacing: 0.3px;
}
/* 按钮点击按压下沉特效 */
button:active {
  transform: translateY(2px);
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.15) !important;
}

/* 郎酒蓝主按钮（原蓝色按钮全部替换为官方郎酒蓝） */
.bg-blue-600 {
  background-color: var(--langjiu-blue) !important;
}
.bg-blue-600:hover {
  background-color: var(--langjiu-blue-dark) !important;
}

/* 绿色新增按钮 窖藏青绿 */
.bg-green-500 {
  background-color: var(--success-green) !important;
}
.bg-green-500:hover {
  background-color: #2E5A39 !important;
}

/* 橙色导入按钮 陶土橙 */
.bg-orange-500 {
  background-color: var(--clay-orange) !important;
}
.bg-orange-500:hover {
  background-color: #9E6633 !important;
}

/* 红色删除/退出按钮 危险警示红 */
.bg-red-500, .bg-red-600 {
  background-color: var(--danger-red) !important;
}
.bg-red-500:hover, .bg-red-600:hover {
  background-color: #8E1E1E !important;
}

/* 备份导出按钮 统一郎酒蓝 */
.bg-blue-600.text-white.px-4.py-2.rounded {
  background-color: var(--langjiu-blue) !important;
}
.bg-blue-600.text-white.px-4.py-2.rounded:hover {
  background-color: var(--langjiu-blue-dark) !important;
}

/* ========== 导航栏、Tab标签美化（郎酒蓝激活态） ========== */
/* 导航容器统一对齐，防止换行错乱 */
.admin-nav-btn {
  white-space: nowrap !important;
  padding: 0.6rem 1.4rem !important;
  font-size: 15px !important;
  text-align: center !important;
}
/* 未激活导航按钮：强制深色文字，解决看不清白色字 */
.admin-nav-btn:not(.nav-btn-active) {
  color: #333333 !important;
  border-color: #D9CFC3 !important;
}
/* 激活Tab：郎酒蓝底纯白加粗文字 */
.nav-btn-active {
  background-color: var(--langjiu-blue) !important;
  border-color: var(--langjiu-blue) !important;
  color: #fff !important;
  font-weight: 500 !important;
}
.admin-nav-btn:hover:not(.nav-btn-active) {
  background-color: #F0E8DF;
  border-color: var(--langjiu-gold);
}

/* 积分规则分类Tab */
.rule-tab-item:not(.active) {
  color: #333333 !important;
}
.rule-tab-item.active {
  background-color: var(--langjiu-blue) !important;
  border-color: var(--langjiu-blue) !important;
  color: #fff !important;
}
.rule-tab-item:hover:not(.active) {
  background-color: #F0E8DF;
}

/* 弹窗内切换Tab未激活文字深色 */
.rule-popup-tab:not(.active) {
  color: #333333 !important;
}
.rule-popup-tab.active {
  background: var(--langjiu-blue) !important;
  border-color: var(--langjiu-blue) !important;
  color: #ffffff !important;
}
.rule-popup-tab:hover:not(.active) {
  background: #F0E8DF;
}

/* ========== 输入框、搜索框美化 窖藏金边聚焦特效 ========== */
input, select, textarea {
  border: 1px solid #D9CFC3 !important;
  border-radius: 8px !important;
  transition: all 0.2s ease;
}
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: var(--langjiu-gold) !important;
  box-shadow: 0 0 0 3px rgba(200, 164, 104, 0.2) !important;
}
/* 顶部员工搜索框、弹窗规则搜索框 */
#staffSearchInput, #popupRuleSearch {
  background: var(--cellar-card);
}

/* ========== 表格美化 陶坛细边框、行hover高亮 + 修复操作文字发白 ========== */
table {
  border-collapse: separate;
  border-spacing: 0;
}
table th {
  background-color: #F0E8DF !important;
  color: var(--cellar-brown) !important;
  font-weight: 600;
}
table td {
  color: #333 !important;
}
table tr:hover td {
  background-color: #F7F0E6 !important;
}
table tr.border-b {
  border-bottom: 1px solid #E2D9CF !important;
}
/* 表格内操作按钮文字修复 */
table td button.text-blue-500,
table td button.text-red-500 {
  font-weight: 500 !important;
}
table td button.text-blue-500 {
  color: var(--langjiu-blue) !important;
}
table td button.text-red-500 {
  color: var(--danger-red) !important;
}
table td button.text-blue-500:hover {
  color: var(--langjiu-blue-dark) !important;
  text-decoration: underline;
}
table td button.text-red-500:hover {
  color: #7c1919 !important;
  text-decoration: underline;
}

/* ========== 员工打分方块局部美化（班长操作台、主任大屏卡片） ========== */
#monitorStaffWrap > div, #staffListWrap > div {
  border: 1px solid #E2D9CF;
  background: linear-gradient(145deg, #fffdf9, #fff9f0);
}
#monitorStaffWrap > div:hover, #staffListWrap > div:hover {
  border-color: var(--langjiu-gold);
}
/* 卡片内标题文字郎酒蓝 */
.text-blue-600 {
  color: var(--langjiu-blue) !important;
  font-weight: 600;
}

/* ========== 登录页面专属美化 ========== */
#loginView .bg-white {
  border: 2px solid var(--langjiu-gold);
  box-shadow: 0 4px 16px rgba(92, 62, 46, 0.12);
}
#loginView h2 {
  color: var(--langjiu-blue) !important;
}

/* ========== SweetAlert弹窗全局郎酒蓝美化 ========== */
.swal2-popup {
  background: var(--cellar-card) !important;
  border: 1px solid #E2D9CF !important;
  border-radius: 12px !important;
}
.swal2-title {
  color: var(--cellar-brown) !important;
}
.swal2-confirm {
  background-color: var(--langjiu-blue) !important;
  color: #fff !important;
  font-weight: 500;
}
.swal2-cancel {
  background-color: var(--cellar-brown) !important;
  color: #fff !important;
}
.swal2-icon.swal2-error [class^="swal2-x-mark"] {
  border-color: var(--danger-red);
}
.swal2-icon.swal2-success .swal2-success-ring {
  border-color: var(--success-green);
}

/* ========== 弹窗内规则条目hover ========== */
.rule-item {
  border: 1px solid #E2D9CF !important;
  transition: all 0.2s ease;
}
.rule-item:hover {
  background-color: #F0E8DF !important;
  border-color: var(--langjiu-gold) !important;
}

/* ========== 登录页垂直公告轮播专属样式 ========== */
#scrollNoticeBox {
  cursor: pointer !important;
}
#updateScrollWrap {
  height: 30px !important;
}
#updateScrollText {
  line-height: 30px !important;
  color: #1A4078 !important;
  font-size: 15px;
  white-space: pre !important;
}
/* 公告表格内容左对齐、保留换行 */
#updateNoticeTableWrap td:nth-child(3) {
  text-align: left !important;
  padding-left: 12px;
  max-width: 400px;
  word-break: break-all;
}

/* ========== 复古窖藏滚动条美化 ========== */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: var(--cellar-bg);
}
::-webkit-scrollbar-thumb {
  background: var(--langjiu-gold);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #B09058;
}