.hide-me,
.app-hide{
    display: none;
}
.app-icon-ext{
    top: -2px;
    margin-right: 5px;
}
.app-mr20{
    margin-right: 20px;
}
.app-table-ext th,
.app-table-ext td{
    text-align: center;
}

.app-color-green{
    color: #43A047;
}
.app-color-red{
    color: #D84315;
}
.app-bgcolor-green{
    background-color: #D0F5D2;
}
.app-bgcolor-red{
    background-color: #FFCBCD;
}
.app-checkbox{
    height: 20px;
    width: 20px;
}

.list-search-panel > .panel-heading {
    cursor: pointer;
}

.list-search-form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px 15px;
}

.list-search-form .form-group {
    width: 220px;
    margin-bottom: 0;
}

.list-search-form .form-group label {
    display: block;
    margin-bottom: 4px;
}

.list-search-form .form-group input + input {
    margin-top: 6px;
}

.list-search-form > .row {
    width: 220px;
    margin: 0;
}

.list-search-form > .row .col-xs-6,
.list-search-form > .row .col-xs-12 {
    padding-left: 0;
    padding-right: 6px;
}

@media (max-width: 767px) {
    .list-search-form .form-group,
    .list-search-form > .row {
        width: 100%;
    }
}

/* 设备列表查询：常用条件一行 + 「更多条件」按领域分组（2026-09-27） */
.list-search-form.user-search-form {
    display: block;
}

.user-search-quick,
.user-search-fields {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px 15px;
}

.user-search-buttons .btn {
    margin-right: 4px;
}

.user-search-more {
    margin-top: 16px;
}

.user-search-group {
    border-top: 1px solid #eee;
    padding: 10px 0 14px;
    margin: 0;
}

.user-search-group legend {
    border: 0;
    width: auto;
    margin: 0 0 8px;
    font-size: 13px;
    font-weight: 600;
    color: #555;
}

/* 列表底部批量操作：菜单向上弹出，避免贴近页面底部难操作 */
.panel-footer.app-handle-box {
    overflow: visible;
}
.panel-footer.app-handle-box .heading-elements {
    overflow: visible;
}
.panel-footer.app-handle-box .btn-group.dropup {
    position: relative;
}
.panel-footer.app-handle-box .btn-group.dropup > .dropdown-menu {
    top: auto !important;
    bottom: 100% !important;
    margin-top: 0;
    margin-bottom: 2px;
}

/* 后台列表页状态 label 统一 14px（与 payCoin 充值列表一致） */
.content-detached .table td .label {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}
/* ===== 手机适配（2026-10-01）===== */
.table-scroll {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
@media (max-width: 768px) {
    /* 内容区留白收窄 */
    .content { padding: 12px 10px 60px; }
    /* 宽表格左右滑动：表头不竖排 */
    .table-scroll > .table th,
    .table-responsive > .table th { white-space: nowrap; }
    .table-responsive { border: 0; }
    /* 中文在很窄的列里会一个字一行：给单元格最小宽度，放不下就左右滑动 */
    .table-scroll > .table td, .table-responsive > .table td,
    .table-scroll > .table th, .table-responsive > .table th { min-width: 5.5em; }
    .table td:has(> input[type=checkbox]), .table th:has(> input[type=checkbox]) { min-width: 0; }
    /* 面板标题里的按钮（添加、导出等）在手机上直接显示，不再收进「…」 */
    .panel-heading .heading-elements { position: static; display: block; height: auto; margin: 8px 0 0; padding: 0; background: none; border: 0; box-shadow: none; }
    .panel-heading .heading-elements-toggle { display: none; }
    .panel-heading { padding-right: 20px; }
    .panel-heading .heading-elements .btn { margin: 2px 4px 2px 0; }
    /* 表单：标签在上、输入框占满 */
    .form-horizontal .control-label { text-align: left; padding-bottom: 4px; }
    /* 查询表单：一行一个 */
    .list-search-form .form-group { width: 100%; }
    /* 操作按钮好点 */
    .app-action-btns-box .btn { margin: 4px; min-width: 120px; }
    /* 弹窗不超出屏幕 */
    .modal-dialog { margin: 10px; }
}