/* ============================================================
   实测修正层（全站视觉巡检，2026-10-31）

   本文件必须最后加载，加载顺序见 templates/partials/styles.html。
   下面每条规则都对应一个在浏览器里量到的可见症状；等对应模块
   （01-08）里的旧规则清理掉后，把这里的规则折回原模块，本文件
   只保留增量。
   ============================================================ */

/* ---- 1. 表格「操作」列被撑到 507px，最右侧按钮落到视口外 ----
   症状：/samples/ 操作列 507px，表格总宽 1203px 超出卡片可用 1114px，
        视口 1440px 时最后一个按钮右边界在 1480px，被卡片裁掉看不见。
   原因：06-mobile.css 的 iOS27 段把 .btn-outline 写成 padding:12px 24px !important，
        盖掉了 .btn-sm 的 6px 12px，每个按钮白吃 28px 横向内边距。 */
.data-table .btn,
.data-table .btn-sm,
.table-actions .btn {
    padding: 5px 10px !important;
    min-height: 28px !important;
    font-size: 12px !important;
}

.table-actions {
    gap: 4px !important;
}

/* ---- 2. 状态徽章竖着排，「已接收」一个字一行 ----
   症状：状态列徽章宽 40px、高 64px，文字被压成竖排。
   原因：徽章横向内边距 14px，内容盒只剩 12px，恰好放不下两个汉字，
        中文又可以在任意字符间断行，于是每个字各占一行。 */
.status-badge,
.priority-badge {
    white-space: nowrap !important;
}

.status-badge {
    padding: 4px 10px !important;
}

.priority-badge {
    padding: 2px 8px !important;
}

/* ---- 3. 单元格横向内边距 16px，9 列合计多占 72px ---- */
.data-table thead th,
.data-table tbody td {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

/* ---- 4. 侧边栏底部「退出」两个字竖着排 ----
   原因：.sidebar-footer-actions 是 flex 容器，按钮默认可收缩，
        空间不够时文字被挤到换行。 */
.sidebar-footer-actions {
    flex-wrap: nowrap;
}

.shortcut-btn,
.logout-btn {
    flex-shrink: 0;
}

.logout-btn {
    white-space: nowrap;
}

/* ---- 5. 每页右上角都挂着一条 16px 宽的白边 ----
   症状：视口右缘贴着一块白色圆角碎片，任何页面都在。
   原因：旧版 .toast 用 translateX(120%) 滑出屏幕，位移量按自身宽度算。
        空容器只有 42px 宽（20px 内边距×2 + 边框），滑出 50px 后
        左边仍剩 16px 留在视口内，露出背景色。 */
#toast:empty {
    display: none !important;
}

/* ---- 6. KPI 卡空得慌：一个数字就占 108px ----
   症状：仪表盘 8 张 KPI 卡每张 108px 高，内容只有 56px，一屏放不下两行。
   原因：06-mobile.css 的 iOS27 段把 .kpi-value 写成 2rem !important（32px），
        卡内边距又是 24px，上下各空 24px。
   范围：.kpi-grid 覆盖仪表盘和 40 多个行业模块首页，改一处全站生效。 */
.kpi-grid .kpi-card {
    padding: 16px 20px !important;
}

.kpi-grid .kpi-icon {
    width: 44px !important;
    height: 44px !important;
    font-size: 20px !important;
}

.kpi-grid .kpi-card .kpi-value {
    font-size: 26px !important;
    line-height: 1.15 !important;
}

/* ---- 7.「常用功能」里条目标题和说明长得一模一样 ----
   症状：条目名（样品链追踪）和下面一行说明都是 12px 灰字，看不出主次。
   原因：条目名复用了 .kpi-label（KPI 卡的指标说明样式，12px 次级灰）。 */
.quick-link .kpi-card .kpi-label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    margin-top: 0 !important;
}

.quick-link .kpi-card .kpi-sub {
    font-size: 11px !important;
    line-height: 1.45 !important;
    color: var(--text-secondary) !important;
}

/* 区块标题要比条目名更重一级 */
.chart-card > h4 {
    font-size: 15px !important;
}