body[data-mobile-mode="true"] {
    --mobile-accent: #1769d2;
    --mobile-ink: #17233a;
    --mobile-muted: #6f7e91;
    --mobile-border: #dfe6ef;
    --mobile-surface: #ffffff;
    --mobile-background: #eef3f8;
    min-width: 0;
    padding: 0 !important;
    background: #dfe7f0 !important;
    color: var(--mobile-ink);
}

body[data-mobile-mode="true"] .nav-bar-main,
body[data-mobile-mode="true"] .wms-page-navigation,
body[data-mobile-mode="true"] .platform-public-footer,
body[data-mobile-mode="true"] #appVersionBar,
body[data-mobile-mode="true"] #companyCoordinationQuickTools,
body[data-mobile-mode="true"] .edc-floating-window,
body[data-mobile-mode="true"] .edc-floating-restore,
body[data-mobile-mode="true"] .order-scroll-range {
    display: none !important;
}

body[data-mobile-mode="true"] .main-wrap {
    width: 100%;
    max-width: 520px;
    min-height: 100vh;
    margin: 0 auto !important;
    padding: 64px 12px 92px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: var(--mobile-background);
    box-shadow: 0 0 0 1px rgba(50, 72, 99, .08), 0 12px 36px rgba(33, 54, 82, .12);
}

body[data-mobile-mode="true"] .pda-camera-actions .btn {
    min-height: 44px;
}
body[data-mobile-mode="true"] .pda-camera-view {
    min-height: 280px;
}

body[data-mobile-mode="true"]:has(.mobile-hub) .main-wrap {
    max-width: 520px;
    padding: 0 0 88px;
}

body[data-mobile-mode="true"] .container,
body[data-mobile-mode="true"] .container-fluid {
    max-width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

body[data-mobile-mode="true"] h1,
body[data-mobile-mode="true"] .h1 { font-size: 21px; }
body[data-mobile-mode="true"] h2,
body[data-mobile-mode="true"] .h2 { font-size: 18px; }
body[data-mobile-mode="true"] h3,
body[data-mobile-mode="true"] .h3,
body[data-mobile-mode="true"] h4,
body[data-mobile-mode="true"] .h4 { font-size: 17px; }

body[data-mobile-mode="true"] .card,
body[data-mobile-mode="true"] details.card,
body[data-mobile-mode="true"] .list-group,
body[data-mobile-mode="true"] .table-responsive {
    border: 1px solid var(--mobile-border) !important;
    border-radius: 8px !important;
    background: var(--mobile-surface) !important;
    box-shadow: none !important;
}

body[data-mobile-mode="true"] .card-header,
body[data-mobile-mode="true"] details.card > summary {
    padding: 10px 11px !important;
    border-bottom: 1px solid #edf1f5 !important;
    background: #fff !important;
    font-size: 14px;
}

body[data-mobile-mode="true"] .card-body { padding: 10px !important; }
body[data-mobile-mode="true"] .row { --bs-gutter-x: 8px; --bs-gutter-y: 8px; }
body[data-mobile-mode="true"] form.row > [class*="col-"],
body[data-mobile-mode="true"] .mobile-form-stack > [class*="col-"] {
    width: 50%;
    flex: 0 0 50%;
}
body[data-mobile-mode="true"] form.row > .col-12,
body[data-mobile-mode="true"] .mobile-form-stack > .col-12 { width:100%; flex-basis:100%; }

body[data-mobile-mode="true"] .form-control,
body[data-mobile-mode="true"] .form-select,
body[data-mobile-mode="true"] .btn {
    min-height: 38px;
    border-radius: 7px;
}

body[data-mobile-mode="true"] .btn-sm,
body[data-mobile-mode="true"] .form-control-sm,
body[data-mobile-mode="true"] .form-select-sm { min-height: 34px; }

body[data-mobile-mode="true"] .d-flex.gap-2.flex-wrap,
body[data-mobile-mode="true"] .d-flex.flex-wrap.gap-2 {
    row-gap: 8px !important;
}

body[data-mobile-mode="true"] .nav-tabs,
body[data-mobile-mode="true"] .nav-pills {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}
body[data-mobile-mode="true"] .nav-tabs::-webkit-scrollbar,
body[data-mobile-mode="true"] .nav-pills::-webkit-scrollbar { display: none; }
body[data-mobile-mode="true"] .nav-tabs .nav-link,
body[data-mobile-mode="true"] .nav-pills .nav-link { white-space: nowrap; }

.mobile-app-header {
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 1055;
    width: 100%;
    max-width: 520px;
    min-height: 54px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    align-items: center;
    padding: 6px 10px;
    transform: translateX(-50%);
    border-bottom: 1px solid #dfe6ef;
    background: rgba(255,255,255,.98);
    box-shadow: 0 2px 10px rgba(31, 52, 79, .07);
}
.mobile-app-header button,
.mobile-app-header a {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid #d9e2ed;
    border-radius: 8px;
    background: #fff;
    color: #29435f;
    text-decoration: none;
}
.mobile-app-header button { padding: 0; }
.mobile-app-header svg { width: 19px; height: 19px; }
.mobile-app-header > a.mobile-app-header-top {
    width: auto;
    min-width: 112px;
    max-width: 190px;
    display: inline-flex;
    gap: 6px;
    padding: 0 12px;
    justify-self: center;
    color: #155fb9;
    font-size: 13px;
    font-weight: 750;
}
.mobile-app-header-title {
    overflow: hidden;
    padding: 0 8px;
    font-size: 15px;
    font-weight: 750;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-app-bottom-nav {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: flex;
    justify-content: center;
    pointer-events: none;
}
.mobile-app-bottom-nav-inner {
    width: 100%;
    max-width: 520px;
    height: 70px;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: end;
    padding: 7px 8px 8px;
    border-top: 1px solid #dfe6ef;
    background: rgba(255,255,255,.98);
    box-shadow: 0 -4px 16px rgba(27,49,80,.08);
    pointer-events: auto;
}
.mobile-app-nav-link {
    min-height: 52px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    color: #758399;
    font-size: 10px;
    text-decoration: none;
}
.mobile-app-nav-link svg { width: 19px; height: 19px; }
.mobile-app-nav-link.is-active { color: var(--mobile-accent); font-weight: 700; }
.mobile-app-nav-link.is-scan { position: relative; justify-content: flex-end; }
.mobile-app-nav-link.is-scan > span:last-child { margin-top: 25px; }
.mobile-app-scan-disc {
    position: absolute;
    top: -20px;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border: 4px solid var(--mobile-background);
    border-radius: 50%;
    background: var(--mobile-accent);
    color: #fff;
    box-shadow: 0 4px 12px rgba(23,105,210,.28);
}
.mobile-app-scan-disc svg { width: 23px; height: 23px; }

body[data-mobile-mode="true"] .mobile-card-table,
body[data-mobile-mode="true"] .mobile-card-table tbody,
body[data-mobile-mode="true"] .mobile-card-table tr,
body[data-mobile-mode="true"] .mobile-card-table td { display: block; width: 100% !important; }
body[data-mobile-mode="true"] .mobile-card-table { min-width: 0 !important; border: 0 !important; }
body[data-mobile-mode="true"] .mobile-card-table thead { display: none !important; }
body[data-mobile-mode="true"] .mobile-card-table tbody { padding: 8px; }
body[data-mobile-mode="true"] .mobile-card-table tr {
    margin: 0 0 10px;
    padding: 7px 11px;
    border: 1px solid var(--mobile-border);
    border-radius: 8px;
    background: #fff;
}
body[data-mobile-mode="true"] .mobile-card-table tr:last-child { margin-bottom: 0; }
body[data-mobile-mode="true"] .mobile-card-table td {
    min-height: 34px;
    padding: 7px 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-bottom: 1px solid #edf1f5 !important;
    text-align: right !important;
    white-space: normal !important;
}
body[data-mobile-mode="true"] .mobile-card-table td:last-child { border-bottom: 0 !important; }
body[data-mobile-mode="true"] .mobile-card-table td::before {
    content: attr(data-mobile-label);
    float: left;
    max-width: 42%;
    margin-right: 10px;
    color: var(--mobile-muted);
    font-size: 11px;
    text-align: left;
}
body[data-mobile-mode="true"] .mobile-card-table td.mobile-cell-empty { display: none; }
body[data-mobile-mode="true"] .table-responsive { overflow: visible !important; }
body[data-mobile-mode="true"] .order-table-wrap:has([data-mobile-table-mode="desktop"]) {
    overflow: auto !important;
}

.mobile-desktop-table-hscroll { display: none; }
body[data-mobile-mode="true"] .mobile-desktop-table-hscroll {
    display: block;
    padding: 8px 10px 6px;
    border: 1px solid #cfd9e5;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    background: #f8fafc;
}
body[data-mobile-mode="true"] .mobile-desktop-table-hscroll > label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 0 0 4px;
    color: #6c7a8d;
    font-size: 12px;
}
body[data-mobile-mode="true"] .mobile-desktop-table-density {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}
body[data-mobile-mode="true"] .mobile-desktop-table-density .btn {
    min-width: 26px;
    height: 24px;
    padding: 1px 5px;
    border-radius: 4px;
    font-size: 11px;
    line-height: 1;
}
body[data-mobile-mode="true"] .mobile-desktop-table-hscroll input[type=range] {
    width: 100%;
    height: 1.5rem;
    accent-color: #0d6efd;
    cursor: pointer;
}
body[data-mobile-mode="true"] .mobile-desktop-table-scroll {
    overflow: auto !important;
    height: min(68vh, 720px);
    max-height: min(68vh, 720px);
    border: 1px solid #cfd9e5;
    border-radius: 0 0 6px 6px;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
}
body[data-mobile-mode="true"] .mobile-desktop-table-scroll[data-mobile-density="1"] { height: min(72vh, 780px); max-height: min(72vh, 780px); }
body[data-mobile-mode="true"] .mobile-desktop-table-scroll[data-mobile-density="3"] { height: min(62vh, 680px); max-height: min(62vh, 680px); }
body[data-mobile-mode="true"] .mobile-desktop-table-scroll::-webkit-scrollbar { width: 12px; height: 12px; }
body[data-mobile-mode="true"] .mobile-desktop-table-scroll::-webkit-scrollbar-track { background: #edf2f7; }
body[data-mobile-mode="true"] .mobile-desktop-table-scroll::-webkit-scrollbar-thumb { background: #6d7f94; border: 2px solid #edf2f7; border-radius: 8px; }
body[data-mobile-mode="true"] .mobile-desktop-table table[data-mobile-table-mode="desktop"] {
    display: table !important;
    width: max-content !important;
    min-width: 100%;
}
body[data-mobile-mode="true"] .mobile-desktop-table table[data-mobile-table-mode="desktop"] thead { display: table-header-group !important; }
body[data-mobile-mode="true"] .mobile-desktop-table table[data-mobile-table-mode="desktop"] tbody { display: table-row-group !important; }
body[data-mobile-mode="true"] .mobile-desktop-table table[data-mobile-table-mode="desktop"] tr { display: table-row !important; margin: 0; padding: 0; border: 0; background: transparent; }
body[data-mobile-mode="true"] .mobile-desktop-table table[data-mobile-table-mode="desktop"] th,
body[data-mobile-mode="true"] .mobile-desktop-table table[data-mobile-table-mode="desktop"] td {
    display: table-cell !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #edf1f5 !important;
}
body[data-mobile-mode="true"] .mobile-desktop-table table[data-mobile-table-mode="desktop"] thead th {
    position: sticky;
    top: 0;
    z-index: 4;
    background: #f8fafc !important;
    box-shadow: inset 0 -1px 0 #c7d6e7;
}
body[data-mobile-mode="true"] .mobile-desktop-table table[data-mobile-table-mode="desktop"] td::before { content: none !important; }
body[data-mobile-mode="true"] .mobile-desktop-table table[data-mobile-density="1"] thead th { height: 34px; padding: 4px 3px; font-size: 11px; }
body[data-mobile-mode="true"] .mobile-desktop-table table[data-mobile-density="1"] tbody td { height: 44px; padding: 3px 4px; font-size: 11px; }
body[data-mobile-mode="true"] .mobile-desktop-table table[data-mobile-density="2"] thead th { height: 42px; padding: 6px 4px; font-size: 13px; }
body[data-mobile-mode="true"] .mobile-desktop-table table[data-mobile-density="2"] tbody td { height: 58px; padding: 5px 6px; font-size: 13px; }
body[data-mobile-mode="true"] .mobile-desktop-table table[data-mobile-density="3"] thead th { height: 50px; padding: 7px 5px; font-size: 15px; }
body[data-mobile-mode="true"] .mobile-desktop-table table[data-mobile-density="3"] tbody td { height: 70px; padding: 7px 8px; font-size: 15px; }

body[data-mobile-mode="true"] .mobile-pair-hscroll {
    display: none !important;
}
body[data-mobile-mode="true"] .mobile-pair-hscroll::-webkit-scrollbar {
    height: 16px;
    -webkit-appearance: none;
}
body[data-mobile-mode="true"] .mobile-pair-hscroll::-webkit-scrollbar-track { background: #e9ecef; border-radius: 8px; }
body[data-mobile-mode="true"] .mobile-pair-hscroll::-webkit-scrollbar-thumb {
    background: #6c757d;
    border-radius: 8px;
    border: 2px solid #e9ecef;
}
body[data-mobile-mode="true"] .mobile-pair-hscroll-inner { height: 1px; min-width: 100%; }

body[data-mobile-mode="true"] .modal-dialog {
    width: calc(100% - 16px) !important;
    max-width: 504px !important;
    min-height: 0 !important;
    margin: 8px auto !important;
}
body[data-mobile-mode="true"] .modal-content {
    max-height: calc(100vh - 16px);
    overflow-y: auto;
    resize: none !important;
    border-radius: 8px !important;
}

.mobile-dragging { opacity: .55; outline: 2px solid #1769d2 !important; background: #edf5ff !important; }
.mobile-drop-target { box-shadow: inset 0 0 0 2px #1769d2 !important; }
.mobile-module-over-limit { display:none !important; }

.mobile-config-drawer {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1085;
    display: flex;
    justify-content: center;
    visibility: hidden;
    pointer-events: none;
}
.mobile-config-drawer.is-open { visibility: visible; pointer-events: auto; }
.mobile-config-backdrop { position: fixed; inset: 0; background: rgba(18,31,48,.4); opacity: 0; transition: opacity .18s ease; }
.mobile-config-drawer.is-open .mobile-config-backdrop { opacity: 1; }
.mobile-config-panel {
    position: relative;
    width: 100%;
    max-width: 520px;
    max-height: min(78vh, 720px);
    overflow-y: auto;
    padding: 14px 14px calc(16px + env(safe-area-inset-bottom));
    transform: translateY(102%);
    border-radius: 8px 8px 0 0;
    background: #fff;
    transition: transform .2s ease;
}
.mobile-config-drawer.is-open .mobile-config-panel { transform: translateY(0); }
.mobile-config-title-row { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:13px; }
.mobile-config-title-row h2 { margin:0; font-size:16px; }
.mobile-config-close { width:36px; height:36px; display:grid; place-items:center; border:1px solid #dce4ed; border-radius:8px; background:#fff; }
.mobile-config-close svg { width:18px; height:18px; }
.mobile-config-label { margin:13px 0 8px; color:#5f6d80; font-size:12px; font-weight:700; }
.mobile-grid-toggle { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.mobile-grid-toggle button { min-height:40px; border:1px solid #dbe3ec; border-radius:7px; background:#fff; color:#33465e; }
.mobile-grid-toggle button.is-active { border-color:#1769d2; background:#edf5ff; color:#1769d2; font-weight:700; }
.mobile-config-list { display:grid; gap:7px; }
[data-mobile-module-list] { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
[data-mobile-module-list] .mobile-config-group-title { grid-column:1 / -1; }
.mobile-config-group-title { margin:8px 0 0; padding:7px 8px; border-left:3px solid #cbd7e5; background:#f5f8fb; color:#52647b; font-size:12px; font-weight:750; }
.mobile-config-group-title.is-active { border-left-color:#1769d2; background:#edf5ff; color:#1769d2; }
.mobile-config-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; min-height:48px; padding:7px 8px; border:1px solid #e0e6ed; border-radius:8px; background:#fff; }
[data-mobile-module-list] .mobile-config-row {
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    gap:4px;
    min-height:28px;
    padding:3px 5px;
}
.mobile-config-name { display:flex; align-items:center; gap:8px; min-width:0; font-size:13px; }
[data-mobile-module-list] .mobile-config-name { flex:1 1 auto; min-width:0; gap:4px; font-size:12px; line-height:1.2; overflow:hidden; white-space:nowrap; }
.mobile-config-name input { width:18px; height:18px; flex:0 0 auto; }
[data-mobile-module-list] .mobile-config-name input { width:14px; height:14px; }
.mobile-config-actions { display:flex; gap:4px; }
[data-mobile-module-list] .mobile-config-actions { flex:0 0 auto; justify-content:flex-end; gap:2px; }
.mobile-config-actions button { min-width:34px; height:34px; padding:0 7px; display:grid; place-items:center; border:1px solid #dce4ed; border-radius:7px; background:#f8fafc; color:#425873; font-size:11px; }
[data-mobile-module-list] .mobile-config-actions button { min-width:22px; height:22px; padding:0 4px; border-radius:4px; font-size:10px; }
.mobile-config-actions svg { width:15px; height:15px; }
[data-mobile-module-list] .mobile-config-actions svg { width:12px; height:12px; }
[data-mobile-module-list] [data-mobile-move="up"] { color:#157347; border-color:#b7e0c5; background:#eef9f2; }
[data-mobile-module-list] [data-mobile-move="down"] { color:#c2410c; border-color:#f5c89a; background:#fff4e8; }
[data-mobile-module-list] [data-mobile-move="drag"] { color:#1769d2; border-color:#b7d3f5; background:#edf5ff; cursor:grab; touch-action:none; }
[data-mobile-module-list] [data-mobile-move="drag"]:active { cursor:grabbing; }
[data-mobile-module-list] .mobile-config-row.is-moved-up { border-color:#1a8f4a; background:#e7f8ee; box-shadow:inset 3px 0 0 #1a8f4a; }
[data-mobile-module-list] .mobile-config-row.is-moved-down { border-color:#d46b08; background:#fff4e5; box-shadow:inset 3px 0 0 #d46b08; }
[data-mobile-module-list] .mobile-config-row.is-move-blocked { border-color:#b42318; background:#fdecec; box-shadow:inset 3px 0 0 #b42318; }
[data-mobile-module-list] .mobile-config-row.is-dragging { opacity:.82; border-color:#1769d2; background:#e8f2ff; z-index:2; }
[data-mobile-module-list] .mobile-config-row.is-pick-source { border-color:#1769d2; background:#e8f2ff; box-shadow:inset 3px 0 0 #1769d2; }
[data-mobile-module-list] .mobile-config-row.is-drop-choice { border-style:dashed; border-color:#1769d2; background:#f4f8ff; }
.mobile-config-footer { position:sticky; bottom:-16px; display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:14px -14px -16px; padding:12px 14px calc(12px + env(safe-area-inset-bottom)); border-top:1px solid #e3e9f0; background:#fff; }
.mobile-config-footer button { min-height:42px; border-radius:7px; }

.mobile-layout-edit-button { min-height:32px; padding:0 9px; border:1px solid #cbd8e6; border-radius:7px; background:#fff; color:#405672; font-size:12px; }
.mobile-section-drag { width:30px; height:30px; display:none; place-items:center; margin-left:6px; border:1px solid #d8e1eb; border-radius:7px; background:#fff; color:#6b7b90; }
.mobile-layout-is-editing .mobile-section-drag { display:grid; }
.mobile-layout-is-editing [data-mobile-section] { outline:1px dashed #1769d2; outline-offset:3px; }
.mobile-layout-is-editing [data-mobile-module],
.mobile-layout-is-editing [data-mobile-section] { touch-action:pan-y; user-select:none; }
.mobile-layout-is-editing .mobile-dragging { touch-action:none; }

body[data-mobile-mode="true"] [data-mobile-columns="5"] .mobile-quick-item { min-height:64px; gap:4px; font-size:9.5px; }
body[data-mobile-mode="true"] [data-mobile-columns="6"] .mobile-quick-item { min-height:60px; gap:3px; padding-right:1px; padding-left:1px; font-size:9px; }
body[data-mobile-mode="true"] [data-mobile-columns="6"] .mobile-quick-item svg { width:18px; height:18px; }

body[data-mobile-mode="true"] .mobile-order-actions {
    width:100%;
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:5px !important;
}
body[data-mobile-mode="true"] .mobile-order-actions .btn {
    min-width:0;
    min-height:34px;
    padding:4px 2px;
    overflow-wrap:anywhere;
    font-size:10px;
    line-height:1.15;
}
body[data-mobile-mode="true"] .mobile-order-filter-toggle { width:100%; margin-bottom:8px; }
body[data-mobile-mode="true"] .mobile-order-filter-advanced:not(.is-mobile-filter-visible) { display:none; }
body[data-mobile-mode="true"] .mobile-order-search-grid .form-label { font-size:11px; }
body[data-mobile-mode="true"] .mobile-order-search-grid .form-control,
body[data-mobile-mode="true"] .mobile-order-search-grid .form-select { padding-right:8px; padding-left:8px; font-size:12px; }

body[data-mobile-mode="true"] .mobile-list-over-limit { display:none !important; }
.mobile-collection-expand {
    width:100%;
    min-height:36px;
    margin-top:8px;
    border:1px solid #cbd8e6;
    border-radius:7px;
    background:#fff;
    color:#405672;
    font-size:12px;
}

.mobile-message-chat-entry,
.mobile-message-chat-drawer { display:none; }
body[data-mobile-mode="true"] .mobile-message-chat-entry { display:inline-flex; }
body[data-mobile-mode="true"] .mobile-message-toolbar { gap:6px; }
body[data-mobile-mode="true"] .mobile-message-toolbar .btn { min-height:34px; padding:4px 8px; font-size:11px; }
body[data-mobile-mode="true"] .mobile-message-chat-drawer {
    position:fixed;
    top:54px;
    bottom:70px;
    left:50%;
    z-index:1070;
    width:100%;
    max-width:520px;
    display:none;
    grid-template-rows:46px minmax(0,1fr);
    transform:translateX(-50%);
    border-top:1px solid #dfe6ef;
    background:#fff;
    box-shadow:0 0 24px rgba(25,46,73,.18);
}
body[data-mobile-mode="true"] .mobile-message-chat-drawer.is-open { display:grid; }
.mobile-message-chat-header { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:7px 10px; border-bottom:1px solid #e3e9f0; background:#f8fafc; }
.mobile-message-chat-header strong { font-size:14px; }
.mobile-message-chat-close { width:34px; height:34px; display:grid; place-items:center; border:1px solid #d9e2ed; border-radius:7px; background:#fff; color:#405672; }
.mobile-message-chat-frame { width:100%; height:100%; border:0; background:#f7f9fc; }

body[data-mobile-mode="true"] .mobile-message-list .list-group-item { padding:10px; }
body[data-mobile-mode="true"] .mobile-message-list .list-group-item strong { font-size:13px; }
body[data-mobile-mode="true"] .mobile-message-list .small { font-size:11px; }

@media (max-width: 520px) {
    body[data-mobile-mode="true"] { background: var(--mobile-background) !important; }
    body[data-mobile-mode="true"] .main-wrap { box-shadow:none; }
}

@media (max-width: 359px) {
    body[data-mobile-mode="true"] .main-wrap { padding-right: 9px; padding-left: 9px; }
    .mobile-app-header-title { font-size: 14px; }
}