/* ============================================================
   电池信息二维码页面 - 专用样式
   ============================================================ */

/* --- 字段名（中英文）与文本内容的上下结构 --- */
.spec-label {
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .02em;
    color: var(--tblr-secondary-color);
    margin-bottom: .375rem;
}

.spec-label-center {
    text-align: center;
}

/* .page-title 为 flex 布局，需用 justify-content 居中 */
.spec-title {
    justify-content: center;
    text-align: center;
}

/* --- 附件区域 --- */
.file-name {
    word-break: break-all;
}

/* 文本组件：保留原始换行与制表符（InfoEN 中含 \n 与 \t） */
.spec-value {
    white-space: pre-wrap;
    word-break: break-word;
    tab-size: 4;
    line-height: 1.6;
    color: var(--tblr-body-color);
    background-color: var(--tblr-bg-surface-secondary);
    border: var(--tblr-border-width) solid var(--tblr-border-color);
    border-radius: var(--tblr-border-radius);
    padding: .75rem 1rem;
}

/* --- 附件图标 --- */
.file-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--tblr-border-radius);
    background-color: var(--tblr-bg-surface-secondary);
    color: var(--tblr-secondary-color);
}

.file-icon .icon {
    width: 1.5rem;
    height: 1.5rem;
}

/* --- 窄屏适配 --- */
@media (max-width: 575.98px) {
    .spec-value {
        padding: .625rem .75rem;
        font-size: .875rem;
    }

    /* 窄屏下附件信息与下载按钮改为上下排列 */
    .attachment-row > .col-auto:last-child {
        width: 100%;
    }

    .attachment-row > .col-auto:last-child .btn {
        width: 100%;
    }
}