/* ============ 星验后台 · 增强样式（大屏布局 / 全列展示 / 字段筛选） ============ */

/* 1) 顶部主操作条：主按钮靠左，右侧放工具区，消除两侧大片空白 */
.panel .top-cta{
  display:flex!important; align-items:center!important; gap:10px!important;
  justify-content:flex-start!important; flex-wrap:wrap;
}
@media (min-width:901px){
  .panel .top-cta .cta-btn{ width:auto!important; min-width:148px!important; padding:0 24px!important; }
}
.panel .top-cta .xy-top-tools{ margin-left:auto; display:flex; align-items:center; gap:8px; flex:none; }
@media (max-width:900px){
  .panel .top-cta .xy-top-tools{ margin-left:0; width:100%; }
  .panel .top-cta .xy-top-tools .xy-field-btn{ flex:1; justify-content:center; }
}

/* 2) 页面标题右侧工具区 */
.page-head .xy-head-tools{ margin-left:auto; display:flex; align-items:center; gap:8px; flex:none; padding-top:4px; }

/* 3) 字段显示按钮 */
.xy-field-btn{
  display:inline-flex; align-items:center; gap:6px; height:34px; padding:0 13px;
  border:1px solid #dbe3ef; border-radius:9px; background:#fff; color:#4a5b74;
  font-size:13px; font-weight:500; cursor:pointer; white-space:nowrap;
  transition:border-color .15s, color .15s, background .15s, box-shadow .15s;
}
.xy-field-btn:hover{ border-color:#b9cdf0; color:#2c6ef5; background:#f7faff; }
.xy-field-btn.on{ border-color:#2c6ef5; color:#2c6ef5; background:#f2f7ff; box-shadow:0 0 0 3px rgba(44,110,245,.08); }
.xy-field-btn svg{ width:15px; height:15px; }
.xy-field-btn .xy-cnt{ font-size:11px; color:#8ea0b8; }
.xy-field-btn.on .xy-cnt{ color:#5b8cf0; }

/* 4) 字段筛选面板 */
.xy-pop{
  position:fixed; z-index:3000; width:284px; max-height:66vh; overflow:hidden;
  display:flex; flex-direction:column; background:#fff; border:1px solid #e3eaf4;
  border-radius:13px; box-shadow:0 18px 46px rgba(23,44,80,.16), 0 3px 10px rgba(23,44,80,.06);
  animation:xyPop .14s ease-out;
}
@keyframes xyPop{ from{opacity:0;transform:translateY(-5px)} to{opacity:1;transform:none} }
.xy-pop-hd{
  display:flex; align-items:center; gap:8px; padding:12px 14px 10px; border-bottom:1px solid #eef2f8;
  font-size:13px; font-weight:600; color:#22334d;
}
.xy-pop-hd .xy-sub{ margin-left:auto; font-size:11.5px; font-weight:400; color:#93a4bb; }
.xy-pop-list{ overflow:auto; padding:7px 6px; }
.xy-pop-item{
  display:flex; align-items:center; gap:9px; padding:7px 9px; border-radius:8px;
  font-size:13px; color:#3c4d66; cursor:pointer; user-select:none;
}
.xy-pop-item:hover{ background:#f4f8ff; }
.xy-pop-item input{ width:15px; height:15px; accent-color:#2c6ef5; cursor:pointer; }
.xy-pop-item span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.xy-pop-item.lock{ opacity:.55; cursor:not-allowed; }
.xy-pop-ft{
  display:flex; align-items:center; gap:8px; padding:10px 12px; border-top:1px solid #eef2f8; background:#fbfdff;
  border-radius:0 0 13px 13px;
}
.xy-mini{
  height:28px; padding:0 11px; border:1px solid #dbe3ef; border-radius:7px; background:#fff;
  color:#4a5b74; font-size:12.5px; cursor:pointer;
}
.xy-mini:hover{ border-color:#b9cdf0; color:#2c6ef5; }
.xy-mini.primary{ background:#2c6ef5; border-color:#2c6ef5; color:#fff; }
.xy-mini.primary:hover{ background:#1f5ee0; color:#fff; }

/* 5) 表格：内容完整显示、不再省略号截断 */
.el-table .cell{
  white-space:normal!important; word-break:break-word!important;
  overflow:visible!important; text-overflow:clip!important; line-height:1.6!important;
}
.el-table th .cell{ white-space:nowrap!important; }
.el-table .el-table__cell{ vertical-align:middle; }
.el-table .xy-col-hide{ display:none!important; }

/* 6) 详情 / 备注这类长文本列给足空间 */
.el-table .cell .xy-full{ display:block; }

/* 7) 中屏（iPad 等）：列宽保持正常，表格可横向滑动看全，滚动条常显 */
@media (min-width:768px){
  .el-table__body-wrapper .el-scrollbar__wrap{ overflow-x:auto!important; }
  .el-table__body-wrapper .el-scrollbar__wrap::-webkit-scrollbar{ height:9px!important; display:block!important; }
  .el-table__body-wrapper .el-scrollbar__wrap::-webkit-scrollbar-thumb{ background:#c9d6e8; border-radius:6px; }
  .el-table__body-wrapper .el-scrollbar__wrap::-webkit-scrollbar-track{ background:#f3f6fb; }
}

/* 8) 平板尺寸下按钮不撑满整行，回到正常宽度 */
@media (min-width:601px) and (max-width:900px){
  .panel .top-cta .xy-top-tools{ width:auto!important; margin-left:auto!important; }
  .panel .top-cta .xy-top-tools .xy-field-btn{ flex:none!important; }
}