/* ============================================================
   律师事务所案件管理系统 · 主题覆盖（明亮浅色专业风）
   深藏青 #1F3B57（强调/点缀） + 金棕 #B08D57（新增/修改）
   + 酒红 #9C3D3D（删除） + 暖白/浅灰底
   原则：浅底深字、彩色组件白字，杜绝"深底深字 / 蓝底深字"
   说明：本文件在 app.css 之后加载，用 !important 覆盖内联样式与
         Element 默认色，实现全局换肤（无需重新构建前端）。
   ============================================================ */

:root{
  --publicMainColor:#1F3B57 !important; /* 藏青（强调色，仅作点缀） */
  --publicSubColor:#B08D57 !important;  /* 金棕 */
}

/* ---------- 全局背景：明亮浅灰，不再深黑 ---------- */
body{background-color:#F4F6F8 !important;}
.el-main{background-color:#F4F6F8 !important;}

/* ---------- 侧栏：深藏青+金棕背景 + 白色文字（鲜明对比） ---------- */
.index-aside{background:transparent !important;border-right:none !important;}
/* 菜单容器保持深蓝→金棕渐变，与截图一致 */
.menulist-item{
  background:linear-gradient(135deg, var(--publicMainColor) 0%, var(--publicMainColor) 78%, var(--publicSubColor) 78%, var(--publicSubColor) 100%) !important;
  border-color:rgba(255,255,255,.15) !important;
}
/* 侧栏所有文字一律白色，并加轻微阴影增强可读性 */
.index-aside .menulist-item .el-menu-item,
.index-aside .menulist-item .el-submenu__title,
.index-aside .menulist-item .el-submenu__title span,
.index-aside .menulist-item .el-menu-item span,
.index-aside .menulist-item .el-submenu__icon-arrow,
.index-aside .menulist-item .el-icon-menu,
.index-aside .menulist-item .el-menu--inline .el-menu-item,
.index-aside .menulist-item .el-menu--inline .el-menu-item span,
.index-aside .menulist-item .el-menu--horizontal .el-menu--popup .el-menu-item,
.index-aside .menulist-item .el-menu--horizontal .el-menu--popup .el-menu-item span{
  color:#FFFFFF !important;
  text-shadow:0 1px 2px rgba(0,0,0,.25) !important;
}
/* hover：金棕半透明高亮，文字仍白 */
.index-aside .menulist-item .el-menu-item:hover,
.index-aside .menulist-item .el-submenu__title:hover,
.index-aside .menulist-item .el-menu--inline .el-menu-item:hover{
  background:rgba(176,141,87,.45) !important;color:#FFFFFF !important;
}
/* active：金棕背景，白字加粗 */
.index-aside .menulist-item .el-menu-item.is-active,
.index-aside .menulist-item .el-submenu__title.is-active,
.index-aside .menulist-item .el-submenu.is-active>.el-submenu__title,
.index-aside .menulist-item .el-menu--inline .el-menu-item.is-active{
  background:var(--publicSubColor) !important;color:#FFFFFF !important;font-weight:700 !important;
}

/* ---------- 顶栏：深蓝+金棕渐变背景 + 白色文字（鲜明对比） ---------- */
.navbar{
  background:linear-gradient(145deg, var(--publicMainColor) 0%, var(--publicMainColor) 57%, var(--publicSubColor) 57%, var(--publicSubColor) 100%) !important;
  border-bottom:2px solid #B08D57 !important;
  box-shadow:0 1px 6px rgba(0,0,0,.12) !important;
}
.navbar .title-name,
.navbar .user-info,
.navbar .logout{
  color:#FFFFFF !important;
  text-shadow:0 1px 2px rgba(0,0,0,.25) !important;
}
.navbar .title-name{font-weight:700;}
/* 退出登录：浅色胶囊按钮，深蓝底上清晰可点 */
.navbar .logout{
  padding:6px 14px !important;
  margin-left:8px;
  border:1px solid rgba(255,255,255,.6) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.14) !important;
  cursor:pointer !important;
  transition:all .2s !important;
}
.navbar .logout:hover{
  background:var(--publicSubColor) !important;
  color:#FFFFFF !important;
  border-color:var(--publicSubColor) !important;
}
.index-header{
  background:linear-gradient(145deg, var(--publicMainColor) 0%, var(--publicMainColor) 57%, var(--publicSubColor) 57%, var(--publicSubColor) 100%) !important;
  border-bottom:2px solid #B08D57 !important;
  box-shadow:0 1px 6px rgba(0,0,0,.12) !important;
}
.index-header .title-name,
.index-header .user-info,
.index-header .logout{
  color:#FFFFFF !important;
  text-shadow:0 1px 2px rgba(0,0,0,.25) !important;
}
.index-header .title-name{font-weight:700;}
.index-header .logout{
  padding:6px 14px !important;
  margin-left:8px;
  border:1px solid rgba(255,255,255,.6) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.14) !important;
  cursor:pointer !important;
  transition:all .2s !important;
}
.index-header .logout:hover{
  background:var(--publicSubColor) !important;
  color:#FFFFFF !important;
  border-color:var(--publicSubColor) !important;
}

/* ---------- 内容卡片：白底 ---------- */
.form-content,
.table-content,
.detail-form-content{background:#FFFFFF !important;}

/* ---------- 表格：白底 + 深字；表头浅藏青底藏青字（清晰） ---------- */
.el-table,
.el-table__body-wrapper,
.el-table__body,
.el-table tr,
.el-table td{
  background-color:#FFFFFF !important;
}
.el-table,
.el-table td{
  color:#303133 !important;
}
.el-table th,
.el-table__header th,
.el-table__header-wrapper th{
  background-color:#EAEFF5 !important;
  color:#1F3B57 !important;
  font-weight:600;
}
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{
  background:#F7F9FB !important;
}

/* ---------- 按钮：彩色底 + 白字（清晰可辨） ---------- */
.el-button--primary{background-color:#1F3B57 !important;border:1px solid #1F3B57 !important;color:#FFFFFF !important;border-radius:6px !important;}
.el-button--danger{background-color:#9C3D3D !important;border:1px solid #9C3D3D !important;color:#FFFFFF !important;border-radius:6px !important;}
.el-button--warning{background-color:#C99B4A !important;border:1px solid #C99B4A !important;color:#FFFFFF !important;border-radius:6px !important;}

/* 列表顶部「新增」按钮 → 金棕 */
.form-content .ad .el-button--success{background-color:#B08D57 !important;border:1px solid #B08D57 !important;color:#FFFFFF !important;border-radius:6px !important;}
/* 列表顶部「查询」按钮 → 藏青 */
.form-content .slt .el-button--success{background-color:#1F3B57 !important;border:1px solid #1F3B57 !important;color:#FFFFFF !important;border-radius:6px !important;}

/* 表格内按钮：详情=藏青、修改=金棕、删除=酒红 */
.tables .el-button--success{background-color:#1F3B57 !important;border:1px solid #1F3B57 !important;color:#FFFFFF !important;border-radius:6px !important;}
.tables .el-button--primary{background-color:#B08D57 !important;border:1px solid #B08D57 !important;color:#FFFFFF !important;border-radius:6px !important;}
.tables .el-button--danger{background-color:#9C3D3D !important;border:1px solid #9C3D3D !important;color:#FFFFFF !important;border-radius:6px !important;}

/* 表单「取消/返回」按钮 → 中性灰（浅底深字，这里是灰底，用 Element 默认深字更安全，不强改） */
.btn-close{background-color:#8A94A0 !important;border:1px solid #8A94A0 !important;color:#FFFFFF !important;border-radius:6px !important;}

/* ---------- 文字可读性兜底（仅安全文本元素，绝不命中按钮/tag 内部） ---------- */
/* 浅底上统一柔和深色，保证清晰可读 */
.el-main p,
.el-main label,
.el-main li,
.el-main h1,
.el-main h2,
.el-main h3,
.el-main h4,
.el-main h5,
.el-main strong,
.el-main b,
.main-content p,
.main-content label,
.main-content li,
.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content strong,
.main-content b,
.router-view p,
.router-view label,
.router-view li,
.router-view h1,
.router-view h2,
.router-view h3,
.router-view h4,
.router-view h5,
.router-view strong,
.router-view b,
.detail-form-content p,
.detail-form-content label,
.detail-form-content li,
.detail-form-content h1,
.detail-form-content h2,
.detail-form-content h3,
.detail-form-content h4,
.detail-form-content h5,
.detail-form-content strong,
.detail-form-content b,
.detail-form-content .el-form-item__label,
.detail-form-content .el-form-item__content{
  color:#303133 !important;
}

/* 标题类用藏青增强辨识（仅标题，非按钮） */
.el-main h1,
.el-main h2,
.el-main h3,
.el-main h4,
.el-main h5,
.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.router-view h1,
.router-view h2,
.router-view h3,
.router-view h4,
.router-view h5,
.form-content .title,
.table-content .title,
.main-content .title{
  color:#1F3B57 !important;
}

/* 表格链接用金棕（浅底上清晰可点） */
.el-table__body td a{color:#B08D57 !important;}

/* ---------- 面包屑：白底藏青字 ---------- */
.app-breadcrumb{background-color:#FFFFFF !important;}
.app-breadcrumb .el-breadcrumb__inner,
.app-breadcrumb .el-breadcrumb__inner a,
.app-breadcrumb .el-breadcrumb__inner .no-redirect,
.app-breadcrumb .el-breadcrumb__separator{color:#1F3B57 !important;}

/* ---------- 弹窗/对话框：白底深字 ---------- */
.el-dialog__title,
.el-dialog__body p,
.el-dialog__body label,
.el-dialog__body .el-form-item__label,
.el-dialog__body .el-form-item__content{
  color:#303133 !important;
}

/* ---------- 分页：浅底深字，当前页藏青底白字 ---------- */
.el-pagination,
.el-pagination .el-pagination__total,
.el-pagination .el-pagination__jump label,
.el-pagination button,
.el-pagination button span,
.el-pagination .el-pager li,
.el-pagination .el-pager li.number{
  color:#303133 !important;
}
.el-pagination.is-background .el-pager li:not(.disabled).active{
  background-color:#1F3B57 !important;color:#FFFFFF !important;
}

/* ---------- 输入框：深字、中灰占位符 ---------- */
.el-input__inner,
.el-textarea__inner{
  color:#303133 !important;background-color:#FFFFFF !important;
}
.el-input__inner::placeholder,
.el-textarea__inner::placeholder{color:#909399 !important;}

/* ---------- 统计卡片：白底深字 + 金棕左条 ---------- */
.stat-card{
  background:#FFFFFF !important;color:#303133 !important;
  border:1px solid #E4E7ED;border-left:4px solid #B08D57 !important;
  border-radius:10px !important;box-shadow:0 2px 10px rgba(0,0,0,.06);
}
.stat-num{color:#1F3B57 !important;}
.stat-label{color:#606266 !important;}

/* ---------- 登录页：暖白遮罩，按钮反白 ---------- */
.loginIn{background-image:linear-gradient(rgba(244,246,248,.85),rgba(244,246,248,.85)),url(/lvshishiwusuoanjianguanli/img/back-img-bg.jpg) !important;}
.loginInBt{color:#FFFFFF !important;border-color:#1F3B57 !important;}
.register{color:#FFFFFF !important;}

/* ============================================================
   深底强白字（关键：所有蓝色/深色背景上的文字一律白色）
   规则：凡背景为藏青/金棕/酒红/琥珀/灰的组件，其内部 span/i/a/strong
         等所有子元素文字全部强制白色，形成鲜明对比。
   ============================================================ */

/* 1) 所有彩色按钮：内部 span / i / a / 文本节点全白 */
.el-button--primary,
.el-button--primary span,
.el-button--primary i,
.el-button--primary a,
.el-button--primary strong,
.el-button--primary b,
.el-button--danger,
.el-button--danger span,
.el-button--danger i,
.el-button--danger a,
.el-button--danger strong,
.el-button--danger b,
.el-button--warning,
.el-button--warning span,
.el-button--warning i,
.el-button--warning a,
.el-button--warning strong,
.el-button--warning b,
.el-button--success,
.el-button--success span,
.el-button--success i,
.el-button--success a,
.el-button--success strong,
.el-button--success b,
.form-content .ad .el-button--success,
.form-content .ad .el-button--success span,
.form-content .ad .el-button--success i,
.form-content .slt .el-button--success,
.form-content .slt .el-button--success span,
.form-content .slt .el-button--success i,
.tables .el-button--success,
.tables .el-button--success span,
.tables .el-button--success i,
.tables .el-button--primary,
.tables .el-button--primary span,
.tables .el-button--primary i,
.tables .el-button--danger,
.tables .el-button--danger span,
.tables .el-button--danger i,
.btn-close,
.btn-close span,
.btn-close i{color:#FFFFFF !important;}

/* 2) 按钮 hover / active / focus 状态：文字仍保持白色 */
.el-button--primary:hover,
.el-button--primary:hover span,
.el-button--primary:focus,
.el-button--primary:focus span,
.el-button--primary:active,
.el-button--primary.is-active,
.el-button--danger:hover,
.el-button--danger:hover span,
.el-button--danger:focus,
.el-button--danger:focus span,
.el-button--warning:hover,
.el-button--warning:hover span,
.el-button--warning:focus,
.el-button--warning:focus span,
.el-button--success:hover,
.el-button--success:hover span,
.el-button--success:focus,
.el-button--success:focus span,
.el-button.is-disabled:hover span,
.el-button.is-disabled:hover{color:#FFFFFF !important;}

/* 3) 蓝色/深色 Tag 标签：内部文字白色 */
.el-tag--primary,
.el-tag--primary span,
.el-tag--primary a,
.el-tag--primary i,
.el-tag--danger,
.el-tag--danger span,
.el-tag--danger a,
.el-tag--danger i,
.el-tag--warning,
.el-tag--warning span,
.el-tag--warning a,
.el-tag--warning i,
.el-tag--success,
.el-tag--success span,
.el-tag--success a,
.el-tag--success i{color:#FFFFFF !important;}

/* 4) 分页选中页（藏青底）：文字白色 */
.el-pagination.is-background .el-pager li:not(.disabled).active,
.el-pagination.is-background .el-pager li:not(.disabled).active span,
.el-pagination.is-background .el-pager li:not(.disabled).active a,
.el-pagination.is-background .el-pager li:not(.disabled).active i{color:#FFFFFF !important;}

/* 5) 顶栏若为深色：内部所有文字白色 */
.navbar.is-dark,
.navbar.is-dark span,
.navbar.is-dark a,
.navbar.is-dark i,
.navbar.is-dark div,
.index-header.is-dark,
.index-header.is-dark span,
.index-header.is-dark a,
.index-header.is-dark i,
.index-header.is-dark div{color:#FFFFFF !important;}

/* 6) 统计卡片若用深底：文字白色 */
.stat-card.is-dark,
.stat-card.is-dark span,
.stat-card.is-dark div,
.stat-card.is-dark p,
.stat-card.is-dark strong,
.stat-card.is-dark b,
.stat-card.is-dark i{color:#FFFFFF !important;}

/* 7) 表头若为深底（藏青）：文字白色 */
.el-table th.is-dark,
.el-table th.is-dark span,
.el-table th.is-dark div,
.el-table th.is-dark a,
.el-table__header th.is-dark,
.el-table__header th.is-dark span{color:#FFFFFF !important;}

/* 8) Switch 开关选中态（藏青底）：文字白色 */
.el-switch.is-checked .el-switch__label,
.el-switch.is-checked .el-switch__label span,
.el-switch.is-checked .el-switch__label i{color:#FFFFFF !important;}

/* 9) 通用兜底：任何带 primary/danger/warning/success 类的元素内部 span 强制白 */
[class*="el-button--"][class*="primary"] span,
[class*="el-button--"][class*="danger"] span,
[class*="el-button--"][class*="warning"] span,
[class*="el-button--"][class*="success"] span{color:#FFFFFF !important;}

/* 10) 表单内彩色按钮（查询/新增/提交）内部的图标+文字 */
.el-form .el-button--primary [class*="el-icon-"],
.el-form .el-button--danger [class*="el-icon-"],
.el-form .el-button--warning [class*="el-icon-"],
.el-form .el-button--success [class*="el-icon-"],
.el-dialog__footer .el-button--primary [class*="el-icon-"],
.el-dialog__footer .el-button--danger [class*="el-icon-"]{color:#FFFFFF !important;}