/* ADESS Mobile Toolbar Sample V9.6.22
   Smartphone only. Desktop/tablet remains untouched.
   Target sample: section title first, description second, compact toolbar row, search row, then cards/table. */
@media (max-width: 640px) {
  .adess-mobile-toolbar-sample,
  .auto-register-toolbar.adess-mobile-toolbar-sample,
  .register-tools.adess-mobile-toolbar-sample,
  .table-tools.adess-mobile-toolbar-sample,
  .table-head.adess-mobile-toolbar-sample,
  .register-head.adess-mobile-toolbar-sample {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 10px 0 10px 0 !important;
    float: none !important;
    position: relative !important;
    right: auto !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Row 1: rows, Add, export/action icons. */
  .adess-mobile-toolbar-sample .register-count,
  .adess-mobile-toolbar-sample .adess-register-count,
  .adess-mobile-toolbar-sample [data-register-count],
  .adess-mobile-toolbar-sample .rows-count,
  .adess-mobile-toolbar-sample .row-count,
  .adess-mobile-toolbar-sample .adess-mobile-toolbar-add,
  .adess-mobile-toolbar-sample .adess-toolbar-icon,
  .adess-mobile-toolbar-sample .export-btn,
  .adess-mobile-toolbar-sample .register-export {
    order: 1 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  /* Search must be a full row under the count/add/icons line, matching your sample image. */
  .adess-mobile-toolbar-sample .register-search,
  .adess-mobile-toolbar-sample input[type="search"],
  .adess-mobile-toolbar-sample input[type="text"][placeholder*="Search"],
  .adess-mobile-toolbar-sample input[placeholder*="Search"] {
    order: 2 !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* Do not show column manager in smartphone/card view. */
  .adess-mobile-toolbar-sample .column-manager,
  .adess-mobile-toolbar-sample .column-manager-toggle,
  .adess-mobile-toolbar-sample .column-toggle,
  .adess-mobile-toolbar-sample .btn-column-manager,
  .adess-mobile-toolbar-sample [data-column-manager],
  .adess-mobile-toolbar-sample [data-column-toggle],
  .adess-mobile-toolbar-sample [aria-label*="column" i],
  .adess-mobile-toolbar-sample [title*="column" i],
  .adess-mobile-toolbar-sample [title*="Show" i][title*="hide" i],
  .adess-mobile-toolbar-sample [title*="Columns" i] {
    display: none !important;
  }

  .adess-column-panel,
  .column-manager-panel,
  .column-panel,
  .show-hide-columns,
  .adess-show-hide-columns {
    display: none !important;
  }

  /* Keep section title/description above toolbar and prevent random large blank slabs. */
  .adess-mobile-toolbar-host > h1,
  .adess-mobile-toolbar-host > h2,
  .adess-mobile-toolbar-host > h3,
  .adess-mobile-toolbar-host > p,
  .adess-mobile-toolbar-host > .muted,
  .adess-mobile-toolbar-host > .hint,
  .adess-mobile-toolbar-host > .section-subtitle {
    display: block !important;
    float: none !important;
    clear: both !important;
  }

  .register-panel,
  .table-card,
  .card,
  section,
  main,
  .page,
  .workspace {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .mobile-card,
  .register-card,
  .zk-mobile-card,
  .data-card {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .mobile-card *,
  .register-card *,
  .zk-mobile-card *,
  .data-card * {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
}