/* 表格空状态 —— 全局统一的品牌化空态
 * 替代 Dcat 表格默认那条干巴巴的「没有数据」灰行。
 * 命中方式：空表格会在 <td colspan> 里渲染一个 .help-block（普通数据格没有 colspan），
 * 据此精准命中、只改空状态，不改 Dcat 源码、不影响正常单元格与字段说明备注。
 */

.dcat-box table > tbody > tr > td[colspan] {
    padding: 0 !important;
    border-top: 0 !important;
    background: transparent !important;
    text-align: center !important;
}
.dcat-box table > tbody > tr > td[colspan] > div {
    margin: 0 !important;
    text-align: center !important;
}

/* 把空行里的 .help-block 改造成居中空态；隐藏原图标与「没有数据」文字。
   插画放到满宽的 .help-block 元素本身作背景（top center 可靠水平居中），
   避免放在伪元素上因盒宽不满导致偏左。 */
.dcat-box td[colspan] .help-block {
    display: flex !important;              /* 用 flex 列布局强制水平居中，避免 text-align 被 Dcat 单元格样式覆盖 */
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    position: relative;
    margin: 0 !important;
    padding: 108px 16px 48px !important;   /* 顶部留白容纳插画 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 92 60'%3E%3Crect x='2' y='2' width='88' height='56' rx='11' fill='%23f6f8fb' stroke='%23dce4ef' stroke-dasharray='4 5'/%3E%3Ccircle cx='17' cy='19' r='4.5' fill='%23c9d5e5'/%3E%3Crect x='28' y='15.5' width='46' height='7' rx='3.5' fill='%23d7e0ec'/%3E%3Ccircle cx='17' cy='33' r='4.5' fill='%23d5dfeb'/%3E%3Crect x='28' y='29.5' width='36' height='7' rx='3.5' fill='%23e1e8f1'/%3E%3Ccircle cx='17' cy='47' r='4.5' fill='%23e0e7f0'/%3E%3Crect x='28' y='43.5' width='26' height='7' rx='3.5' fill='%23eaeff6'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center 40px !important;   /* 水平居中 */
    background-size: 88px 60px !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-align: center !important;
    animation: erp-empty-in .45s ease both;
}
.dcat-box td[colspan] .help-block > i,
.dcat-box td[colspan] .help-block > .fa {
    display: none !important;
}

/* ::before = 主标题
   显式复位 position/left/top，避免被字段说明样式（※ 绝对定位）串扰。 */
.dcat-box td[colspan] .help-block::before {
    content: "这里暂时是空的";
    display: block;
    position: static;
    left: auto;
    top: auto;
    text-align: center !important;
    font-size: 15px;
    font-weight: 600;
    color: #3f4753;
    line-height: 1.5;
}

/* ::after = 副说明（对"真空"和"筛选无结果"都成立且可行动） */
.dcat-box td[colspan] .help-block::after {
    content: "换个筛选条件试试，有数据时会显示在这里";
    display: block;
    position: static;
    text-align: center !important;
    margin-top: 5px;
    font-size: 12.5px;
    font-weight: 400;
    color: #98a0ab;
    line-height: 1.7;
}

@keyframes erp-empty-in {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

@media (max-width: 767px) {
    .dcat-box td[colspan] .help-block {
        padding: 100px 14px 40px !important;
        background-position: center 34px !important;
    }
    .dcat-box td[colspan] .help-block::before { font-size: 14.5px; }
}
@media (prefers-reduced-motion: reduce) {
    .dcat-box td[colspan] .help-block { animation: none; }
}