/*
 * 大秦智教 · 全站自适应兜底样式 v1.00 (2026-09-16)
 * 配合 Scripts/dq-adaptive.js，挂在 scriptLayout.cshtml。
 * 规则只在窄窗口（<768px）生效，宽屏 PC 零影响；不覆盖任何页面自己写的断点。
 */

/* 引擎给超出容器的裸表格套的横向滚动壳 */
.dq-tscroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
}

@media (max-width: 768px) {
    /* 工具栏/按钮组：挤不下就换行，不再把按钮挤出屏幕或截成半个 */
    .btn-group,
    .btn-toolbar {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
    }

    .btn-group > .btn {
        float: none;
        border-radius: 4px !important;
        margin-left: 0 !important;
    }

    /* 老页面用 table 排的工具条：允许折行 */
    .toolbar_line_left,
    .toolbar_line_right {
        white-space: normal;
    }

    /* 图片不撑破容器（不动 height，避免把固定尺寸的图标拉变形） */
    img {
        max-width: 100%;
    }
}