/* Application presentation, progressively enhanced by mobile.js.
   Desktop rules only neutralize newly added UI; all redesign rules are scoped. */
.sma-tracking-tabs,
.sma-mobile-filter__search-submit { display: none; }
.sma-appbar,
.sma-bottom-nav,
.sma-quick-actions,
.sma-mobile-account,
.sma-nav-group__toggle,
.sma-mobile-nav-extra,
.sma-mobile-filter__toggle,
.sma-mobile-filter__selection,
.sma-mobile-filter__reset,
.sma-mobile-view-switch,
.sma-card-expand,
.sma-sidebar .sma-mobile-icon {
    display: none;
}
.sma-nav-group,
.sma-nav-group__items,
.sma-mobile-filter__fields { display: contents; }

@media (max-width: 860px) {
    .sma-mobile-app {
        --mobile-surface: #ffffff;
        --mobile-canvas: #f2f6fa;
        --mobile-ink: #102a43;
        --mobile-muted: #60758b;
        --mobile-line: #e1eaf2;
        --mobile-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
        background: var(--mobile-canvas);
        color: var(--mobile-ink);
    }
    .sma-mobile-app .sma-dashboard {
        margin-left: 0;
        padding-bottom: var(--mobile-bottom);
        min-width: 0;
    }
    .sma-mobile-app .sma-main-content,
    .sma-mobile-app .sma-page-content {
        padding: 8px 14px 24px;
        gap: 16px;
        min-width: 0;
    }
    .sma-mobile-app .sma-main-content > *,
    .sma-mobile-app .sma-page-content > * { min-width: 0; }

    .sma-mobile-icon {
        display: block;
        flex-shrink: 0;
        width: 22px;
        height: 22px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
    .sma-appbar {
        position: sticky;
        top: 0;
        z-index: 65;
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 68px;
        padding: max(10px, env(safe-area-inset-top, 0px)) 14px 10px;
        background: rgba(255, 255, 255, 0.97);
        border-bottom: 1px solid var(--mobile-line);
    }
    .sma-appbar__brand {
        display: flex;
        align-items: center;
        gap: 9px;
        min-width: 0;
        flex: 1;
    }
    .sma-appbar__mark {
        display: grid;
        place-items: center;
        width: 34px;
        height: 34px;
        flex-shrink: 0;
        border-radius: 11px;
        color: #fff;
        font-size: 18px;
        font-weight: 800;
        background: linear-gradient(135deg, #025da0, #39b5ff);
    }
    .sma-appbar__brand > div { min-width: 0; }
    .sma-appbar__brand strong { display: block; font-size: 15px; line-height: 1.3; letter-spacing: -0.02em; }
    .sma-appbar__brand div > span {
        display: block;
        color: var(--mobile-muted);
        font-size: 11px;
        overflow-wrap: anywhere;
        line-height: 1.3;
    }
    .sma-mobile-app .sma-appbar .sma-mobile-menu-button,
    .sma-appbar__back,
    .sma-appbar__account {
        position: static;
        display: grid;
        place-items: center;
        width: 44px;
        min-width: 44px;
        height: 44px;
        padding: 11px;
        flex-shrink: 0;
        border: 1px solid var(--mobile-line);
        border-radius: 14px;
        color: #025da0;
        background: #f6f9fc;
        box-shadow: none;
        text-decoration: none;
    }
    .sma-appbar__account { border-radius: 50%; }
    .sma-mobile-app .sma-appbar .sma-mobile-menu-button { align-content: center; gap: 4px; }
    .sma-mobile-app .sma-topbar {
        position: relative;
        display: flex;
        align-items: flex-start;
        padding: 20px 16px 12px;
        gap: 10px;
        background: transparent;
        border: 0;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
    .sma-mobile-app .sma-topbar > div:first-child { width: 100%; }
    .sma-mobile-app .sma-topbar__title { font-size: 24px; line-height: 1.2; letter-spacing: -0.035em; }
    .sma-mobile-app .sma-topbar__subtitle { font-size: 12px; line-height: 1.5; color: var(--mobile-muted); margin-top: 5px; }
    .sma-mobile-app .sma-topbar__meta { width: auto; flex-wrap: wrap; }
    .sma-mobile-app .sma-status-badge { width: auto; font-size: 11px; padding: 5px 9px; min-height: 28px; }
    .sma-mobile-app .sma-dashboard-header-tools { gap: 8px; width: 100%; }

    .sma-bottom-nav {
        position: fixed;
        z-index: 60;
        inset: auto 0 0;
        display: flex;
        align-items: stretch;
        justify-content: space-around;
        padding: 7px 8px max(8px, env(safe-area-inset-bottom, 0px));
        min-height: var(--mobile-bottom);
        border-top: 1px solid var(--mobile-line);
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 -6px 24px rgba(16, 42, 67, 0.04);
    }
    .sma-bottom-nav__item {
        display: flex;
        flex: 1 1 0;
        min-width: 0;
        min-height: 52px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        padding: 5px 2px;
        border: 0;
        border-radius: 13px;
        color: #62778b;
        background: transparent;
        text-decoration: none;
        font: inherit;
        font-size: 10px;
        font-weight: 700;
        line-height: 1.25;
        cursor: pointer;
    }
    .sma-bottom-nav__item.is-active { color: #025da0; background: #e8f4ff; }
    .sma-bottom-nav__item.is-active .sma-mobile-icon { stroke-width: 2.2; }
    .sma-bottom-nav__item span { overflow-wrap: anywhere; }

    .sma-mobile-app .sma-sidebar {
        width: min(90vw, 342px);
        padding: max(18px, env(safe-area-inset-top, 0px)) 16px max(18px, env(safe-area-inset-bottom, 0px));
        gap: 16px;
        background: #fff;
        color: var(--mobile-ink);
        border: 0;
        border-radius: 0 24px 24px 0;
    }
    .sma-mobile-app .sma-sidebar__title { color: var(--mobile-ink); }
    .sma-mobile-app .sma-sidebar__eyebrow { color: var(--mobile-muted); }
    .sma-mobile-app .sma-mobile-menu-close { color: #025da0; background: #eef6fc; border: 0; }
    .sma-mobile-account {
        display: flex;
        gap: 12px;
        align-items: center;
        padding: 16px 12px;
        border-radius: 16px;
        background: #f0f7fd;
        flex-shrink: 0;
    }
    .sma-mobile-account__avatar {
        display: grid; place-items: center;
        width: 42px; height: 42px; flex-shrink: 0;
        border-radius: 50%; background: #d9edfe; color: #025da0; font-weight: 800;
    }
    .sma-mobile-account > div { min-width: 0; overflow-wrap: anywhere; }
    .sma-mobile-account strong { display: block; font-size: 14px; }
    .sma-mobile-account div > span { display: block; font-size: 12px; color: var(--mobile-muted); text-transform: capitalize; }
    .sma-mobile-app .sma-sidebar__nav { gap: 5px; flex: 1; }
    .sma-mobile-app .sma-nav-link {
        display: flex; align-items: center; gap: 12px;
        min-height: 46px; padding: 10px 12px;
        color: #425a70; border-radius: 12px; font-size: 13px;
    }
    .sma-mobile-app .sma-nav-link.is-active { color: #025da0; background: #e8f4ff; box-shadow: none; font-weight: 800; }
    .sma-mobile-app .sma-nav-link:hover { transform: none; background: #f0f7fd; }
    .sma-mobile-app .sma-nav-link--logout { color: #b42318; background: #fff3f1; }
    .sma-sidebar .sma-mobile-icon { display: block; width: 20px; height: 20px; }
    .sma-nav-group { display: grid; gap: 3px; }
    .sma-nav-group__toggle {
        display: flex; align-items: center; justify-content: space-between;
        width: 100%; min-height: 46px;
        border: 0; border-radius: 12px; padding: 10px 12px;
        background: #f8fafc; color: #344e66;
        font: inherit; font-size: 13px; font-weight: 800; text-align: left; cursor: pointer;
    }
    .sma-nav-group__toggle .sma-mobile-icon { width: 16px; height: 16px; }
    .sma-nav-group.is-open .sma-nav-group__toggle .sma-mobile-icon { transform: rotate(90deg); }
    .sma-nav-group__items { display: none; margin-left: 12px; padding-left: 8px; border-left: 2px solid #dcebf8; }
    .sma-nav-group.is-open > .sma-nav-group__items { display: grid; gap: 3px; }
    .sma-mobile-app .sma-sidebar :is(a, button):focus-visible { outline-color: #0284c7; }

    .sma-quick-actions { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 9px; }
    .sma-quick-action {
        display: flex; flex-direction: column; justify-content: center; align-items: center;
        min-height: 82px; gap: 8px; padding: 12px 8px;
        color: #025da0; background: #fff; border: 1px solid var(--mobile-line);
        border-radius: 17px; text-decoration: none; font-size: 12px; font-weight: 800;
    }
    .sma-quick-action--primary { color: #fff; background: #025da0; border-color: #025da0; }
    .sma-mobile-app .dashboard-kpi-grid--top { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .sma-mobile-app .dashboard-kpi-card { min-height: 0; padding: 16px; border-radius: 18px; box-shadow: none; }
    .sma-mobile-app .dashboard-kpi-card--total {
        grid-column: 1 / -1;
        background: linear-gradient(125deg, #025da0, #087abf);
        color: #fff; border: 0; padding: 20px;
    }
    .sma-mobile-app .dashboard-kpi-card--total :is(.dashboard-kpi-value, .dashboard-kpi-label, .dashboard-kpi-meta) { color: #fff; }
    .sma-mobile-app .dashboard-kpi-card--total .dashboard-kpi-icon { background: rgba(255,255,255,.18); color: #fff; }
    .sma-mobile-app .dashboard-kpi-card--total .dashboard-kpi-value { font-size: 38px; letter-spacing: -0.04em; }
    .sma-mobile-app .dashboard-kpi-card--total .dashboard-kpi-pill { background: rgba(255,255,255,.16); color: #fff; border: 0; }
    .sma-mobile-app .dashboard-kpi-card__header { flex-wrap: wrap; gap: 8px; }
    .sma-mobile-app .dashboard-kpi-card__identity { gap: 8px; flex-wrap: wrap; }
    .sma-mobile-app .dashboard-kpi-icon { width: 32px; height: 32px; min-width: 32px; max-width: 32px; border-radius: 10px; font-size: 11px; }
    .sma-mobile-app .dashboard-kpi-label { font-size: 12px; }
    .sma-mobile-app .dashboard-kpi-value { font-size: 26px; line-height: 1.2; margin: 12px 0 5px; overflow-wrap: anywhere; }
    .sma-mobile-app .dashboard-kpi-meta { font-size: 11px; line-height: 1.45; }
    .sma-mobile-app .dashboard-kpi-pill { padding: 3px 7px; font-size: 10px; }
    .sma-mobile-app .dashboard-kpi-grid--mini { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .sma-mobile-app .dashboard-mini-card { padding: 15px; border-radius: 17px; box-shadow: none; }
    .sma-mobile-app .dashboard-mini-card:last-child { grid-column: 1 / -1; }
    .sma-mobile-app .dashboard-mini-card .dashboard-kpi-value { font-size: 25px; }
    .sma-mobile-app .dashboard-status-table-wrap { border-radius: 14px; }

    .sma-mobile-app .sma-orders-panel,
    .sma-mobile-app .sma-form-panel,
    .sma-mobile-app .sma-panel,
    .sma-mobile-app .sma-repair-card { border-radius: 18px; box-shadow: none; border-color: var(--mobile-line); }
    .sma-mobile-app .sma-orders-toolbar { padding: 14px; gap: 12px; }
    .sma-mobile-app .sma-orders-primary-actions { display: flex; flex-wrap: wrap; gap: 8px; width: 100%; }
    .sma-mobile-app .sma-orders-primary-actions > a:first-child { flex: 1 1 100%; }
    .sma-mobile-app .sma-orders-primary-actions > button { flex: 1 1 120px; width: auto; font-size: 12px; }
    .sma-mobile-app .sma-orders-add-button,
    .sma-mobile-app .sma-order-submit-button { min-height: 48px; border-radius: 13px; box-shadow: none; font-size: 14px; }
    .sma-mobile-app .sma-form-panel { padding: 16px; }
    .sma-mobile-app .sma-form-group { gap: 7px; }
    .sma-mobile-app .sma-form-grid { gap: 18px; }
    .sma-mobile-app :is(.sma-form-input, .sma-form-select, .sma-form-textarea, .sma-orders-search, .sma-orders-select) {
        min-height: 48px; border-radius: 12px; background: #fff; border-color: #d8e3ed; font-size: 16px;
    }
    .sma-mobile-app .sma-form-label { font-size: 12px; color: #455e74; }
    .sma-mobile-app .sma-order-form > .sma-form-actions {
        position: sticky; bottom: var(--mobile-bottom); z-index: 25;
        display: flex; flex-wrap: nowrap; gap: 10px;
        padding: 12px 0; background: #fff; border-top: 1px solid var(--mobile-line);
    }
    .sma-mobile-app .sma-order-form > .sma-form-actions > * { flex: 1 1 0; min-width: 0; width: auto; text-align: center; }
    .sma-mobile-app .sma-order-form > .sma-form-actions .sma-order-submit-button { flex-grow: 2; }

    .sma-mobile-app form.sma-mobile-filter {
        display: flex; align-items: center; flex-wrap: wrap; gap: 9px;
        min-width: 0; width: 100%; padding: 0; margin: 0;
    }
    .sma-mobile-app form.sma-mobile-filter > input:not([type=hidden]) { width: 100%; flex: 1 1 100%; }
    .sma-mobile-filter__toggle {
        display: inline-flex; align-items: center; justify-content: center; gap: 8px;
        width: auto !important; min-height: 44px; padding: 9px 13px;
        border: 1px solid #d6e5f1; border-radius: 12px;
        background: #fff; color: #025da0; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer;
    }
    .sma-mobile-filter__toggle .sma-mobile-icon { width: 18px; height: 18px; }
    .sma-mobile-filter__selection {
        display: block; flex: 1; width: auto !important; min-width: 60px;
        color: var(--mobile-muted); font-size: 11px; line-height: 1.4; overflow-wrap: anywhere;
    }
    .sma-mobile-app .sma-mobile-filter__fields {
        display: none; flex: 1 1 100%; min-width: 0;
        padding: 14px; border: 1px solid var(--mobile-line); border-radius: 14px; background: #f8fbfe;
    }
    .sma-mobile-app .sma-mobile-filter.is-open > .sma-mobile-filter__fields { display: grid; grid-template-columns: minmax(0, 1fr); gap: 9px; }
    .sma-mobile-app .sma-mobile-filter__fields > * { width: 100%; min-width: 0; }
    .sma-mobile-app .sma-mobile-filter__fields .sma-orders-sr-only {
        position: static; width: auto; max-width: none; height: auto; margin: 5px 0 -4px;
        clip: auto; overflow: visible; white-space: normal; font-size: 11px; color: var(--mobile-muted);
    }
    .sma-mobile-filter__reset { display: inline-flex; justify-content: center; align-items: center; min-height: 44px; color: #025da0; font-size: 13px; font-weight: 700; }
    .sma-mobile-app .sma-mobile-filter__fields .dashboard-filter-arrow { display: none; }
    .sma-mobile-app .sma-mobile-filter__fields :is(.dashboard-filter-field, .tracking-filter-field, .tracking-actions) { width: 100%; min-width: 0; flex-wrap: wrap; }

    .sma-mobile-view-switch {
        display: flex; align-items: center; gap: 4px; width: max-content;
        padding: 4px; margin: 12px 14px;
        border: 1px solid var(--mobile-line); border-radius: 13px; background: #edf3f8;
    }
    .sma-mobile-view-switch__button {
        display: inline-flex; align-items: center; justify-content: center; gap: 6px;
        min-height: 40px; padding: 8px 12px; border: 0; border-radius: 9px;
        background: transparent; color: var(--mobile-muted); font: inherit; font-weight: 800; font-size: 11px; cursor: pointer;
    }
    .sma-mobile-view-switch__button .sma-mobile-icon { width: 16px; height: 16px; }
    .sma-mobile-view-switch__button[aria-pressed=true] { background: #fff; color: #025da0; box-shadow: 0 2px 5px rgba(16,42,67,.06); }
    .sma-mobile-app .sma-mobile-data-wrap:not(.is-table-mode) {
        overflow: visible !important; border: 0; border-radius: 0; margin-top: 0; width: 100%;
    }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) {
        display: block; width: 100% !important; min-width: 0 !important; max-width: 100%;
        border: 0; background: transparent; border-collapse: separate;
    }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) > tbody { display: grid; gap: 12px; padding: 0 12px 14px; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) > thead {
        display: block; position: relative; height: 0; overflow: hidden;
    }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) > thead:has(input) { height: auto; padding: 0 12px 10px; overflow: visible; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) > thead tr { display: block; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) > thead th {
        position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%);
    }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) > thead th.sma-mobile-select-all {
        position: static; display: flex; width: auto; height: auto; min-height: 44px;
        align-items: center; gap: 10px; padding: 8px 12px; clip-path: none;
        border: 1px solid var(--mobile-line); border-radius: 12px; background: #f4f8fc;
    }
    .sma-mobile-select-all::after { content: "Select all"; font-size: 12px; text-transform: none; letter-spacing: 0; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) .sma-mobile-data-row {
        position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px 14px; padding: 15px; border: 1px solid #dce7f0; border-radius: 17px;
        box-shadow: 0 3px 10px rgba(16,42,67,.025); background: #fff;
    }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) .sma-mobile-data-row > td {
        display: block; min-width: 0 !important; width: auto !important; max-width: 100%;
        padding: 0; border: 0; white-space: normal !important; overflow-wrap: anywhere;
        font-size: 13px; line-height: 1.5; background: transparent;
    }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) .sma-mobile-data-row > td::before {
        content: attr(data-sma-label); display: block; margin-bottom: 3px;
        color: #62788d; font-size: 10px; font-weight: 700; letter-spacing: .015em; line-height: 1.3;
    }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) td[data-sma-field=identity] { grid-column: 1 / -1; padding-right: 4px; font-size: 16px; font-weight: 800; color: #103e63; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) td[data-sma-field=identity]::before { margin-bottom: 5px; text-transform: uppercase; font-size: 9px; letter-spacing: .09em; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) td[data-sma-field=select] { grid-column: 1 / -1; min-height: 28px; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) td[data-sma-field=select]::before { display: none; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) td[data-sma-field=actions] { grid-column: 1 / -1; order: 100; border-top: 1px solid rgba(96,117,139,.16); padding-top: 11px; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) td[data-sma-field=amount] { font-weight: 800; font-variant-numeric: tabular-nums; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) td:is([data-sma-label="Customer Name"], [data-sma-label="Address"], [data-sma-label="Remark"], [data-sma-label="Tracking Number"], [data-sma-label="Response Message"], [data-sma-label="Error Message"]) { grid-column: 1 / -1; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) td[data-sma-field=status]:has(select) { grid-column: 1 / -1; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) .sma-mobile-data-row:not(.sma-card-expanded) > td.sma-card-secondary { display: none; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) .sma-mobile-wide-row { display: block; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) .sma-mobile-wide-row > td { display: block; white-space: normal; width: 100%; padding: 16px; border-radius: 14px; overflow-wrap: anywhere; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) .sma-card-expand {
        display: inline-flex; align-items: center; justify-content: space-between; gap: 8px;
        min-height: 40px; width: 100%; margin-top: 8px; padding: 7px 10px;
        border: 1px solid #d8e9f7; border-radius: 10px; color: #025da0; background: #f1f8ff;
        font: inherit; font-size: 11px; font-weight: 800; cursor: pointer;
    }
    .sma-card-expand .sma-mobile-icon { width: 14px; height: 14px; }
    .sma-card-expanded .sma-card-expand .sma-mobile-icon { transform: rotate(-90deg); }

    /* Inline editors and actions remain the original nodes inside their original row. */
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) :is(.sma-inline-edit, .sma-inline-edit-main, .sma-inline-edit-panel, .sma-copy-field, .sma-city-id-inline-form, .sma-city-id-trigger, .sma-inline-edit-trigger) {
        width: 100%; min-width: 0; max-width: 100%; white-space: normal;
    }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) :is(.sma-table-clip, .sma-inline-edit-display, [data-city-trigger-text]) { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; min-width: 0; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) .sma-inline-edit-trigger { padding: 5px 0; gap: 4px; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) .sma-inline-edit-icon { opacity: 1; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) .sma-inline-edit-main { flex-wrap: nowrap; gap: 4px; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) .sma-inline-edit-trigger { flex: 1; width: auto; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) .sma-field-copy-button { flex: 0 0 44px; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) .sma-field-copy-button:not(.is-empty) { opacity: 1; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) .sma-copy-field > .sma-table-clip { flex: 1; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) :is(.sma-copy-field, .sma-phone-cell) { flex-wrap: wrap; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) .sma-orders-actions { display: flex; flex-wrap: wrap; gap: 8px; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) .sma-orders-actions > * { flex: 1 1 auto; width: auto; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) .sma-orders-actions a { justify-content: center; min-height: 44px; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) :is(select, input:not([type=checkbox]):not([type=radio])) { width: 100%; min-width: 0; max-width: 100%; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) [data-sma-field=status] :is(span, select) { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) .sma-row-drag-handle { padding: 8px; }

    .sma-mobile-app .finance-summary-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 10px; }
    .sma-mobile-app .finance-summary-card { padding: 15px; border-radius: 16px; }
    .sma-mobile-app .finance-summary-card:first-child { grid-column: 1 / -1; background: #025da0; color: #fff; }
    .sma-mobile-app .finance-summary-card:first-child :is(.sma-card__label, .sma-card__value) { color: #fff; }
    .sma-mobile-app .finance-summary-card .sma-card__label { font-size: 11px; line-height: 1.4; }
    .sma-mobile-app .finance-summary-card .sma-card__value { font-size: clamp(19px, 5.5vw, 25px); line-height: 1.3; margin-top: 8px; }
    .sma-mobile-app .finance-summary-card:first-child .sma-card__value { font-size: 30px; }
    .sma-mobile-app .finance-summary-card.sma-finance-actual { border: 2px solid #87d5b5; background: #effbf6; }
    .sma-mobile-app :is(.finance-settlement-notice, .finance-data-warning, .sma-form-alert) { padding: 11px 13px; border-radius: 12px; font-size: 12px; line-height: 1.6; }
    .sma-mobile-app .finance-presets { gap: 6px; }
    .sma-mobile-app .finance-presets a { flex-basis: calc(50% - 6px); width: auto; font-size: 11px; min-height: 44px; padding: 8px; }
    .sma-mobile-app .finance-table-wrap:not(.is-table-mode) > .sma-mobile-data > tbody { padding: 0 0 8px; }
    .sma-mobile-app .finance-inline-map { min-width: 0; }

    .sma-mobile-app .tracking-command-bar { border-radius: 16px; padding: 14px; }
    .sma-mobile-app .tracking-status-item { border-radius: 13px; padding: 14px; min-height: 70px; }
    .sma-mobile-app .suivi-search-result { grid-template-columns: minmax(0,1fr) auto; border-radius: 14px; padding: 14px; }
    .sma-mobile-app .suivi-note { border-radius: 16px; }
    .sma-mobile-app .suivi-center__layout { gap: 14px; }
    .sma-mobile-app .settings-summary-card { border-radius: 16px; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) .settings-status-actions { flex-wrap: wrap; gap: 8px; }
    .sma-mobile-app :is(.sma-order-view-item, .sma-product-view-item, .sma-stock-view-item, .sma-ameex-view-item) { padding: 12px; border-radius: 12px; }

    .sma-mobile-app .sma-mobile-detail-drawer { inset: 0; height: 100dvh; max-height: 100dvh; border-radius: 0; z-index: 120; grid-template-rows: auto minmax(0,1fr); }
    .sma-mobile-app .sma-mobile-detail-drawer__bar { padding-top: max(12px, env(safe-area-inset-top,0px)); }
    .sma-mobile-app .sma-mobile-detail-drawer__close { min-width: 44px; min-height: 44px; }
    .sma-in-detail-frame .sma-appbar,
    .sma-in-detail-frame .sma-bottom-nav { display: none; }
    .sma-in-detail-frame .sma-dashboard { padding-bottom: max(12px, env(safe-area-inset-bottom,0px)); }
    .sma-in-detail-frame .sma-order-form > .sma-form-actions { bottom: 0; }
    .sma-mobile-app .sma-order-bulk-modal__dialog { border-radius: 20px; }
    .sma-mobile-app .suivi-modal { border-radius: 20px; }
    .sma-mobile-app.sma-tracking-modal-open { overflow: hidden; }
    .sma-mobile-app .suivi-modal__footer { padding-bottom: max(16px, env(safe-area-inset-bottom, 0px)); }
    .sma-mobile-app .suivi-toast { bottom: calc(var(--mobile-bottom) + 12px); right: 12px; }
    .sma-keyboard-open .sma-bottom-nav { display: none; }
    .sma-keyboard-open .sma-order-form > .sma-form-actions { position: static; }
    .sma-mobile-app :is(input, select, textarea) { scroll-margin-block: 90px; }
    .sma-mobile-app :focus-visible { outline: 3px solid #0284c7; outline-offset: 3px; }
}
@media (max-width: 360px) {
    .sma-appbar { padding-inline: 10px; gap: 7px; }
    .sma-appbar__brand { gap: 7px; }
    .sma-appbar__brand strong { font-size: 14px; }
    .sma-mobile-app .sma-main-content { padding-inline: 10px; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) .sma-mobile-data-row { padding: 12px; gap: 11px; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) > tbody { padding-inline: 8px; }
}
@media (max-width: 860px) and (prefers-reduced-motion: no-preference) {
    .sma-bottom-nav__item, .sma-mobile-view-switch__button { transition: background-color .15s ease, color .15s ease; }
}

/* Mobile app layout, release 2. No desktop component selectors outside this query. */
@media (max-width: 860px) {
    .auth-page { background: #f6f9fc; }
    .auth-page .auth-shell { padding: 24px 16px; }
    .auth-page .auth-card { background: #fff; border: 1px solid #e1eaf2; border-radius: 20px; box-shadow: 0 8px 30px #102a4308; padding: 26px 22px; }
    .auth-page .auth-input { min-height: 50px; font-size: 16px; border-radius: 12px; background: #fff; box-shadow: none; }
    .auth-page .auth-button { min-height: 50px; border-radius: 12px; background: #025da0; box-shadow: none; }
    .auth-page .auth-links { gap: 8px; }
    .auth-page .auth-link { min-height: 44px; display: inline-flex; align-items: center; }
    .landing-page .landing-nav { gap: 12px; padding-inline: 16px; }
    .landing-page .landing-nav__actions { flex-wrap: wrap; gap: 8px; }
    .landing-page :is(.landing-nav__actions a, .landing-button) { min-height: 44px; }
    .sma-mobile-app {
        --mobile-canvas: #f6f9fc;
        --mobile-bottom: calc(68px + env(safe-area-inset-bottom, 0px));
        -webkit-tap-highlight-color: transparent;
    }
    .sma-mobile-app .sma-dashboard { min-height: 100dvh; }
    .sma-mobile-app .sma-appbar {
        min-height: 62px;
        padding-inline: max(16px, env(safe-area-inset-left, 0px));
        box-shadow: 0 2px 12px #102a4305;
    }
    .sma-mobile-app .sma-appbar__brand strong { font-size: 17px; letter-spacing: -.04em; }
    .sma-mobile-app .sma-appbar__brand div > span { display: none; }
    .sma-mobile-app .sma-appbar__mark { border-radius: 9px; background: #025da0; }
    .sma-mobile-app .sma-appbar__account,
    .sma-mobile-app .sma-appbar .sma-mobile-menu-button,
    .sma-mobile-app .sma-appbar__back { background: transparent; border: 0; }
    /* Only the compact app bar stays on screen, never the filter/header block. */
    .sma-mobile-app .sma-topbar {
        position: static;
        flex-direction: column;
        align-items: stretch;
        padding: 20px 16px 16px;
        gap: 12px;
        min-height: 0;
        box-shadow: none;
    }
    .sma-mobile-app .sma-topbar__title { font-size: 27px; color: #102a43; }
    .sma-mobile-app .sma-topbar__subtitle { font-size: 13px; max-width: 48ch; }
    .sma-mobile-app .sma-topbar__meta { width: 100%; min-width: 0; align-items: stretch; gap: 10px; }
    .sma-mobile-app .sma-topbar__meta > .sma-status-badge { display: none; }
    .sma-mobile-app .sma-topbar__meta:not(:has(form, a, button)) { display: none; }
    .sma-mobile-app .sma-main-content { padding: 0 16px 28px; gap: 18px; }
    .sma-mobile-app .sma-main-content > * { max-width: 100%; }
    .sma-mobile-app .sma-bottom-nav { min-height: var(--mobile-bottom); padding: 4px 8px max(4px, env(safe-area-inset-bottom, 0px)); }
    .sma-mobile-app .sma-bottom-nav__item { min-height: 56px; gap: 5px; font-size: 10px; font-weight: 650; }
    .sma-mobile-app .sma-bottom-nav__item.is-active { background: #edf7ff; color: #025da0; }
    .sma-mobile-app .sma-bottom-nav__item .sma-mobile-icon { width: 23px; height: 23px; }

    /* More opens the existing permission-filtered navigation as a bottom sheet. */
    .sma-mobile-app .sma-sidebar {
        inset: auto 0 0;
        width: 100%;
        height: auto;
        max-height: calc(100dvh - 28px);
        border-radius: 24px 24px 0 0;
        padding: 22px 16px max(20px, env(safe-area-inset-bottom, 0px));
        gap: 16px;
        transform: translateY(105%);
        box-shadow: 0 -20px 80px #102a4330;
    }
    .sma-mobile-app.sma-nav-open .sma-sidebar { transform: translateY(0); }
    .sma-mobile-app .sma-sidebar::before {
        content: ""; position: absolute; top: 8px; left: calc(50% - 18px);
        width: 36px; height: 4px; border-radius: 3px; background: #cddae5;
    }
    .sma-mobile-app .sma-sidebar__nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; overflow-y: auto; }
    .sma-mobile-app .sma-sidebar .sma-nav-link { min-height: 60px; margin: 0; padding: 12px; background: #f6f9fc; font-size: 12px; line-height: 1.4; }
    .sma-mobile-app .sma-sidebar .sma-nav-link.is-active { background: #e5f3ff; }
    .sma-mobile-app .sma-sidebar .sma-nav-link--logout { color: #b42318; background: #fff2ef; }
    .sma-mobile-app .sma-mobile-account { padding: 10px 12px; border-radius: 12px; }
    .sma-mobile-app .sma-mobile-menu-close { top: 20px; width: 44px; height: 44px; }

    .sma-mobile-app .sma-quick-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
    .sma-mobile-app .sma-quick-action { min-height: 46px; flex-direction: row; border-radius: 12px; font-size: 13px; padding: 10px; }
    .sma-mobile-app .sma-quick-action--primary { grid-column: 1 / -1; min-height: 50px; font-size: 15px; }
    .sma-mobile-app .dashboard-kpi-grid--top { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sma-mobile-app .dashboard-kpi-card--total { grid-column: auto; background: #eaf6ff; color: #102a43; }
    .sma-mobile-app .dashboard-kpi-card--total :is(.dashboard-kpi-value, .dashboard-kpi-label, .dashboard-kpi-meta) { color: #102a43; }
    .sma-mobile-app .dashboard-kpi-card--total .dashboard-kpi-icon { color: #025da0; background: #d7eeff; }
    .sma-mobile-app .dashboard-kpi-card--total .dashboard-kpi-pill { color: #025da0; background: #d7eeff; }
    .sma-mobile-app .dashboard-kpi-card { padding: 15px; border: 1px solid #e4edf5; border-radius: 15px; }
    .sma-mobile-app .dashboard-kpi-card__identity,
    .sma-mobile-app .dashboard-mini-card__identity { flex-wrap: nowrap; align-items: center; min-width: 0; gap: 8px; }
    .sma-mobile-app .dashboard-kpi-card .dashboard-kpi-pill { display: none; }
    .sma-mobile-app :is(.dashboard-progress, .dashboard-mini-line) { display: none; }
    .sma-mobile-app .dashboard-kpi-card .dashboard-kpi-meta { margin: 4px 0 0; font-size: 11px; }
    .sma-mobile-app .dashboard-mini-card .dashboard-kpi-value { margin: 10px 0 3px; }
    .sma-mobile-app .dashboard-kpi-icon { width: 28px; min-width: 28px; max-width: 28px; height: 28px; font-size: 10px; }
    .sma-mobile-app .dashboard-kpi-card--store { grid-column: 1 / -1; }
    .sma-mobile-app .dashboard-kpi-card .dashboard-kpi-value { font-size: 28px; }
    .sma-mobile-app .dashboard-kpi-card__header,
    .sma-mobile-app .dashboard-mini-card__header { gap: 6px; }
    .sma-mobile-app .dashboard-mini-card { border: 1px solid #e4edf5; background: #fff; }
    .sma-mobile-app .dashboard-mini-card--confirmed,
    .sma-mobile-app .dashboard-mini-card--delivered { background: #ecfaf6; }
    .sma-mobile-app .dashboard-mini-card--cancelled,
    .sma-mobile-app .dashboard-mini-card--returned { background: #fff8ed; }
    .sma-mobile-app .dashboard-status-table { width: 100%; min-width: 0; }
    .sma-mobile-app .dashboard-status-table :is(th, td) { white-space: normal; overflow-wrap: anywhere; padding: 12px 8px; font-size: 12px; }

    /* Keep search available while secondary filters are collapsed. */
    .sma-mobile-app form.sma-mobile-filter { flex-direction: row; align-items: center; gap: 8px; }
    .sma-mobile-app .sma-mobile-filter__search-submit {
        display: inline-flex; align-items: center; justify-content: center;
        width: auto !important; min-height: 44px; padding: 10px 16px; border: 0; border-radius: 11px;
        color: #fff; background: #025da0; font: inherit; font-size: 13px; font-weight: 750;
    }
    .sma-mobile-app .sma-mobile-filter__toggle { min-height: 44px; background: #edf5fb; font-size: 13px; }
    .sma-mobile-app .sma-mobile-filter__selection { font-size: 12px; line-height: 1.5; }
    .sma-mobile-app .sma-mobile-filter__fields { padding: 14px; background: #fff; }
    .sma-mobile-app .sma-mobile-filter__fields :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]), select) {
        width: 100%; min-width: 0; max-width: 100%; min-height: 48px;
        font-size: 16px; padding: 10px 12px; border-radius: 11px;
    }
    .sma-mobile-app .sma-mobile-filter__fields :is(label, .dashboard-filter-field span) { font-size: 12px; }
    .sma-mobile-app .sma-orders-toolbar { position: static; padding: 14px; }
    .sma-mobile-app .sma-orders-primary-actions { gap: 8px; }
    .sma-mobile-app .sma-mobile-view-switch { margin: 4px 14px 12px; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) .sma-mobile-data-row { padding: 16px; gap: 12px; border-radius: 15px; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) .sma-mobile-data-row > td::before { font-size: 11px; font-weight: 600; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) td[data-sma-field=identity] { font-size: 16px; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) td[data-sma-field=identity]::before { display: none; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) td[data-sma-field=select] {
        position: absolute; top: 9px; right: 10px; width: 44px !important;
        min-height: 44px; display: flex; align-items: center; justify-content: center;
    }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) .sma-mobile-data-row:has(td[data-sma-field=select]) > td[data-sma-field=identity] { padding-right: 42px; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) td[data-sma-field=select]::before { display: none; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) td[data-sma-field=identity] .sma-row-drag-handle { display: inline-flex; padding: 8px 6px; margin: 0; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) tr.sma-mobile-data-row[data-status-color] {
        background: #fff !important; color: #102a43 !important;
        border-inline-start: 4px solid var(--sma-row-accent, #025da0);
    }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) [data-delivery-status-text] {
        display: inline-flex; min-height: 28px; align-items: center; padding: 4px 9px;
        border-radius: 7px; color: #102a43; background: #edf5fb;
        background: color-mix(in srgb, var(--sma-row-accent, #025da0) 12%, #fff);
    }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) .sma-copy-field { align-items: center; flex-wrap: nowrap; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) td[data-sma-field=actions] { display: flex; flex-direction: column; gap: 8px; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) td[data-sma-field=actions]::before { display: none; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) .sma-card-expand { min-height: 44px; margin-top: 4px; border: 1px solid #dce7f0; color: #025da0; background: #f6faff; }
    .sma-mobile-app .sma-mobile-data:not(.sma-mobile-table-mode) .sma-orders-actions > a { min-height: 44px; border-radius: 10px; text-align: center; }
    .sma-mobile-app .sma-mobile-data-wrap.is-table-mode { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
    .sma-mobile-app .sma-mobile-data th { position: static; }
    .sma-mobile-app .sma-order-separator-row > td { border-radius: 10px; }
    .sma-mobile-app .sma-order-separator { flex-wrap: wrap; gap: 8px; min-width: 0; }
    .sma-mobile-app .sma-order-separator__label { min-width: 0; overflow-wrap: anywhere; flex: 1; }
    .sma-mobile-app .sma-order-separator__delete { min-height: 44px; padding: 10px 12px; }
    .sma-mobile-app .sma-order-bulk-bar:not([hidden]) { position: static; flex-wrap: wrap; gap: 8px; }
    .sma-mobile-app :is(.sma-orders-pagination, .sma-pagination) { flex-wrap: wrap; gap: 8px; }
    .sma-mobile-app :is(.sma-orders-pagination, .sma-pagination) a { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }

    /* Tracking: one short, readable status list at a time. All URLs stay original. */
    .sma-mobile-app .tracking-command-bar { grid-template-columns: minmax(0, 1fr); padding: 14px; gap: 12px; border-radius: 15px; box-shadow: none; }
    .sma-mobile-app .tracking-quick-search__box { min-height: 48px; height: auto; border-radius: 11px; }
    .sma-mobile-app .tracking-quick-search__box input { font-size: 16px; min-width: 0; }
    .sma-mobile-app .tracking-quick-results { position: static; width: 100%; max-height: none; margin-top: 8px; box-shadow: none; border-radius: 12px; }
    .sma-mobile-app .tracking-quick-result { min-height: 64px; gap: 8px; padding: 12px; }
    .sma-mobile-app .tracking-quick-result > span:first-child { flex: 1; min-width: 0; }
    .sma-mobile-app .tracking-quick-result :is(strong, span) { white-space: normal; overflow-wrap: anywhere; }
    .sma-mobile-app .tracking-empty-toggle { width: auto; justify-self: start; justify-content: flex-start; min-height: 44px; padding: 0 2px; font-size: 12px; background: transparent; border: 0; }
    .sma-mobile-app .tracking-empty-toggle input { width: 20px; height: 20px; accent-color: #025da0; }
    .sma-mobile-app .sma-tracking-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; padding: 5px; border-radius: 13px; background: #e9f0f7; }
    .sma-mobile-app .sma-tracking-tab { min-height: 46px; border: 0; padding: 10px 8px; border-radius: 10px; color: #567087; background: transparent; font: inherit; font-size: 13px; font-weight: 750; }
    .sma-mobile-app .sma-tracking-tab[aria-selected=true] { color: #025da0; background: #fff; box-shadow: 0 2px 7px #102a4310; }
    .sma-mobile-app .tracking-layout { grid-template-columns: minmax(0, 1fr); gap: 0; }
    .sma-mobile-app .sma-tracking-panel-inactive { display: none; }
    .sma-mobile-app .tracking-panel { border-radius: 15px; box-shadow: none; overflow: hidden; }
    .sma-mobile-app .tracking-panel__header { flex-direction: row; align-items: center; flex-wrap: wrap; padding: 16px; gap: 8px; }
    .sma-mobile-app .tracking-panel__identity { min-width: 0; gap: 9px; }
    .sma-mobile-app .tracking-panel__identity h2 { font-size: 15px; }
    .sma-mobile-app .tracking-panel__icon { width: 30px; height: 30px; }
    .sma-mobile-app .tracking-panel__total { gap: 5px; font-size: 11px; }
    .sma-mobile-app .tracking-status-item { flex-direction: row; align-items: center; min-height: 64px; gap: 10px; padding: 13px 16px; border-radius: 0; }
    .sma-mobile-app .tracking-status-item__label { flex: 1; min-width: 0; width: auto; font-size: 13px; gap: 9px; }
    .sma-mobile-app .tracking-status-item__label span:last-child { white-space: normal; overflow-wrap: anywhere; }
    .sma-mobile-app .tracking-status-item__meta { width: auto; flex: 0 0 auto; gap: 8px; }
    .sma-mobile-app .tracking-count-badge { min-width: 34px; height: 30px; font-size: 13px; }
    .sma-mobile-app .tracking-status-item__actions span { width: 22px; height: 26px; font-size: 13px; }
    .sma-mobile-app .tracking-status-item__actions span + span { display: none; }
    .sma-mobile-app .tracking-status-item::after { display: none; }
    .sma-mobile-app .tracking-status-item.is-hidden-empty { display: none; }
    .sma-mobile-app.show-empty-statuses .tracking-status-item.is-hidden-empty { display: flex; }

    /* Shared forms, settings, integrations and detail screens. */
    .sma-mobile-app :is(.sma-form-grid, .sma-order-view-grid, .sma-stock-view-grid, .sma-product-view-grid, .sma-ameex-view-grid, .settings-grid, .sma-api-grid, .sma-repair-grid) { grid-template-columns: minmax(0, 1fr); }
    .sma-mobile-app :is(.sma-form-panel, .sma-api-card, .sma-repair-card) { padding: 16px; min-width: 0; }
    .sma-mobile-app :is(.sma-form-label, .sma-api-form label) { font-size: 13px; color: #102a43; }
    .sma-mobile-app :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]), select, textarea) { font-size: 16px; max-width: 100%; }
    .sma-mobile-app :is(.ts-wrapper, .ts-control) { min-width: 0; max-width: 100%; }
    .sma-mobile-app .ts-control { min-height: 48px; border-radius: 12px; align-items: center; }
    .sma-mobile-app .ts-control input { font-size: 16px; }
    .sma-mobile-app :is(.ts-dropdown .option, .sma-city-search-option) { min-height: 44px; padding: 12px; }
    .sma-mobile-app .sma-order-form > .sma-form-actions { flex-wrap: wrap; bottom: var(--mobile-bottom); }
    .sma-mobile-app .sma-order-form > .sma-form-actions .sma-order-submit-button { background: #009f79; color: #fff; min-height: 50px; }
    .sma-mobile-app :is(.sma-api-form, .sma-repair-search, .settings-inline-form, .settings-status-add) { flex-wrap: wrap; gap: 10px; min-width: 0; }
    .sma-mobile-app :is(.sma-api-form, .sma-repair-search, .settings-inline-form, .settings-status-add) > :is(input, select) { min-width: 0; flex: 1 1 160px; min-height: 44px; }
    .sma-mobile-app :is(.settings-action-button, .sma-api-button, .sma-repair-button) { min-height: 44px; padding: 10px 12px; white-space: normal; }
    .sma-mobile-app :is(pre, .sma-api-secret, .sma-ameex-json) { max-width: 100%; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; }
    .sma-mobile-app :is(.sma-order-view-item, .sma-stock-view-item, .sma-product-view-item) :is(dd, strong, span) { overflow-wrap: anywhere; min-width: 0; }
    .sma-mobile-app.sma-keyboard-open .sma-form-actions { position: static; }
    .sma-mobile-app [hidden] { display: none !important; }
}