/*
 * 後台手機版自適應（2026-11-13）
 * 只在 ≤768px 生效；桌面版（>768px）一律不受影響——本檔除 media query 外只放預設隱藏的元素。
 * 側欄開關 JS 在 views/layouts/main.php 底部（mc-side-toggle / mc-side-shade / body.mc-side-open）。
 */
.mc-side-toggle, .mc-side-shade { display: none; }

@media (max-width: 768px) {
    /* ---- 版型：側欄收起、主內容與頁尾滿寬 ---- */
    .layui-layout-admin .layui-logo { display: none; }
    .layui-layout-admin .layui-side {
        left: -220px;
        transition: left .2s ease;
        z-index: 1001;
    }
    body.mc-side-open .layui-layout-admin .layui-side { left: 0; }
    .layui-layout-admin .layui-body { left: 0 !important; padding: 10px !important; }
    .layui-layout-admin .layui-footer { left: 0 !important; }

    /* 漢堡鈕（header 左側） */
    .mc-side-toggle {
        display: block;
        position: absolute; left: 0; top: 0;
        width: 56px; height: 60px; line-height: 60px;
        text-align: center; color: #fff; font-size: 22px;
        cursor: pointer; z-index: 1002;
        background: none; border: 0; padding: 0;
    }
    /* 遮罩（側欄展開時） */
    body.mc-side-open .mc-side-shade {
        display: block;
        position: fixed; left: 0; right: 0; top: 60px; bottom: 0;
        background: rgba(0, 0, 0, .45);
        z-index: 1000;
    }
    /* header 右側選單在窄螢幕縮小間距 */
    .layui-layout-admin .layui-header .layui-layout-right .layui-nav-item > a { padding: 0 10px; }
    .layui-layout-admin .layui-header .layui-badge { white-space: nowrap; }

    /* ---- 卡片 ---- */
    .mc-card { max-width: none !important; padding: 12px; }
    .mc-title { line-height: 30px; }

    /* ---- 表單：標籤整行、輸入框滿寬 ---- */
    .layui-form-item { margin-bottom: 12px; }
    .layui-form-item .layui-form-label {
        float: none; display: block;
        width: auto; padding: 0 0 6px 0;
        text-align: left; line-height: 20px;
        white-space: normal; overflow: visible;
    }
    .layui-form-item .layui-input-block,
    .layui-form-item .layui-input-inline {
        margin: 0 !important; left: 0;
        width: 100% !important; float: none; display: block;
    }
    /* 蓋掉 layui 自帶 450px 規則的 112px 縮排 */
    .layui-form-item .layui-form-mid,
    .layui-form-item .layui-input-inline + .layui-form-mid {
        float: none; display: block; padding: 4px 0 0 0 !important; margin: 0; top: 0;
    }
    .layui-form-item .layui-inline { display: block; margin-right: 0; width: 100%; }
    /* 表單按鈕全寬、上下排 */
    .layui-form .layui-input-block > .layui-btn {
        display: block; width: 100%; margin: 0 0 8px 0;
    }

    /* ---- 表格：外層可水平捲動，不擠爆欄位 ---- */
    .layui-body .layui-table {
        display: block; max-width: 100%;
        overflow-x: auto; -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }
    /* 鍵值型表格（機台檢視頁憑證、基本資料）：維持表格、長字串換行 */
    .layui-body .layui-table.mc-kv { display: table; white-space: normal; table-layout: fixed; }
    .layui-table.mc-kv th { width: 88px !important; white-space: normal; }
    .layui-table.mc-kv td, .layui-table.mc-kv code { word-break: break-all; overflow-wrap: anywhere; }

    /* 機台檢視頁憑證區塊：複製鈕不浮動、不溢出 */
    .mc-cred-quote { padding: 10px; }
    .mc-cred-quote .mc-copy-all { float: none !important; display: block; width: 100%; margin: 8px 0 0 0; }
    .mc-kv .layui-btn-xs { margin: 4px 0 0 0; }
    .mc-kv code { display: block; }

    /* 檢視頁底部操作按鈕換行時保持間距 */
    .mc-actions .layui-btn { margin: 0 6px 8px 0; }

    /* 防整頁水平溢出 */
    .layui-body img { max-width: 100%; height: auto; }
}