/* === 液体泄漏页面专用 === */
fieldset.leak-box {
    max-width: 1000px; /* 中心区宽度 */
    border-color: #7aa7ff;
}

    fieldset.leak-box legend {
        font-size: .9rem;
        padding: 0 .5rem;
        color: #0d6efd;
    }

/* 15 个输入采用 2 列“网格”排布：标签 + 输入框 */
.leak-grid {
    display: grid;
    grid-template-columns: 180px 120px 180px 120px; /* 4 列 -> 2 组(标签+框)×2 行 */
    column-gap: 12px;
    row-gap: 6px;
}

    .leak-grid label {
        text-align: right;
        font-size: .85rem;
        line-height: 28px; /* 与 input 高度对齐 */
        white-space: nowrap;
    }

    .leak-grid input {
        height: 28px;
        padding: 0 .25rem;
        font-size: .85rem;
    }

.out-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 6px;
    font-size: .9rem;
    margin-top: .5rem;
}

    .out-grid .item {
        background: #f8f9fa;
        border: 1px solid #dee2e6;
        border-radius: 4px;
        padding: .25rem .5rem;
    }
/* ========= 介质选择专用 ========= */

/* 1. 表格网格线 & 文字对齐  */
.media-table,
.media-table thead tr,
.media-table tbody tr,
.media-table th,
.media-table td {
    border: 1px solid #dee2e6; /* 与 Bootstrap 表格色一致 */
}

.media-table {
    border-collapse: collapse; /* 防重叠 */
    width: 100%;
    font-size: 0.85rem; /* 与页面一致 */
}

    .media-table th,
    .media-table td {
        padding: .25rem .5rem; /* 轻微内边距 */
        white-space: nowrap; /* 不自动换行，超出省略 */
        overflow: hidden;
        text-overflow: ellipsis;
    }

/* 2. 分页按钮：让“上一页 / 下一页”排在同一行居左 */
.media-pager {
    display: flex;
    gap: .5rem;
    margin-top: .25rem;
}

    .media-pager button {
        padding: .2rem .75rem;
        font-size: .8rem;
    }

/* 3. 让选中行更明显（可选） */
.media-table tr:hover {
    background-color: #f5f5f5;
}

.media-table input[type=radio]:checked ~ td {
    background-color: #e8f4ff;
}
/* 让整行鼠标变小手 */
.media-table tbody tr {
    cursor: pointer;
}

    /* 行选中高亮（配合上面的 media-selected 类） */
    .media-table tbody tr.media-selected,
    .media-table input[type=radio]:checked ~ td { /* 兼容旧方案 */
        background-color: #e8f4ff;
    }
/* 让导航 ul 去掉黑点，保证横向排布 */
.navbar-nav {
    list-style: none !important; /* 去掉黑点 */
    padding-left: 0 !important;
    display: flex !important; /* 横向 */
    gap: .5rem;
}
    .navbar-nav .nav-link {
        padding: .35rem .8rem;
        font-size: .9rem;
        color: #333;
        font-weight: 500;
    }

        .navbar-nav .nav-link.active, /* <NavLink> 会自动加 active */
        .navbar-nav .nav-link:hover {
            color: #0d6efd;
        }
/* ========== 扩散浓度输入区 ========== */
.diff-grid {
    display: grid;
    grid-template-columns: 160px 140px 160px 140px; /* (标签+框)×2  = 4 列 */
    gap: 8px 10px; /* 行列间距 */
    font-size: .85rem;
}

    .diff-grid label {
        text-align: right;
        line-height: 30px; /* 与输入框高度对齐 */
        white-space: nowrap;
    }

    .diff-grid input,
    .diff-grid select {
        height: 30px;
        padding: 0 .4rem;
    }

/* 单选组占两列，让“液体/气体”能跟在同一行 */
.diff-source {
    grid-column: span 4; /* 整行 */
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-top: .3rem;
    font-size: .85rem;
}
/* site.css 追加 */
.coord-box {
    width: 100%; /* 填满卡片 */
    max-height: 3.5rem; /* 最多两行左右 */
    overflow: auto; /* 超出出现滚动条 */
    font-size: .8rem;
    line-height: 1.2;
    resize: none; /* 禁止用户拉伸 */
}
/* wwwroot/css/site.css 末尾加 */
@media (max-width:576px) {
    .input-fixed {
        width: 90px !important;
    }
    /* ≤576 px 时统一 90 px */
}