/* Mobile-only query/view presentation for HR, System and Master Data. */
@media (max-width: 700px) {
  body.w3-mobile-admin-readonly #table-view { overflow-x: clip !important; }
  body.w3-mobile-admin-readonly #table-view :is(.panel,.panel-body,.table-wrap,#table-results,.master-data-natural-page) {
    width: 100%; min-width: 0 !important; max-width: 100%; box-sizing: border-box;
  }
  body.w3-mobile-admin-readonly #table-view :is(.table-wrap,#table-results,.panel-body) { overflow: visible !important; }
  body.w3-mobile-admin-readonly #table-view :is(.toolbar,.admin-toolbar,.partner-master-toolbar) {
    display: grid !important; grid-template-columns: minmax(0,1fr) auto; gap: 8px; align-items: stretch;
  }
  body.w3-mobile-admin-readonly #table-view :is(.toolbar,.admin-toolbar,.partner-master-toolbar) :is(input[type="search"],input[data-admin-search],input:not([type]),.search-input) {
    width: 100% !important; min-width: 0 !important; max-width: none !important;
  }
  body.w3-mobile-admin-readonly .w3-mobile-admin-notice {
    margin: 0 0 10px; padding: 10px 12px; border: 1px solid #cfe3da; border-radius: 10px;
    background: #f2f9f6; color: #31594d; font-size: 13px; line-height: 1.5;
  }
  body.w3-mobile-admin-readonly .w3-mobile-admin-notice strong { display: block; margin-bottom: 2px; color: #176b50; }
  body.w3-mobile-admin-readonly #table-view .w3-mobile-admin-table,
  body.w3-mobile-admin-readonly #table-view .w3-mobile-admin-table > tbody { display: block; width: 100% !important; min-width: 0 !important; }
  body.w3-mobile-admin-readonly #table-view .w3-mobile-admin-table > thead { display: none; }
  body.w3-mobile-admin-readonly #table-view .w3-mobile-admin-table > tbody > tr {
    display: block; width: 100%; min-width: 0; margin: 0 0 10px; padding: 4px 12px;
    border: 1px solid #dce9e2; border-radius: 12px; background: #fff; box-shadow: 0 2px 8px #173f300a;
  }
  body.w3-mobile-admin-readonly #table-view .w3-mobile-admin-table > tbody > tr > td {
    position: static !important; display: grid; grid-template-columns: minmax(88px,34%) minmax(0,1fr);
    gap: 8px; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important;
    padding: 9px 0 !important; border: 0 !important; border-bottom: 1px solid #edf2ef !important;
    white-space: normal !important; overflow-wrap: anywhere; background: transparent !important; box-shadow: none !important;
  }
  body.w3-mobile-admin-readonly #table-view .w3-mobile-admin-table > tbody > tr > td:last-child { border-bottom: 0 !important; }
  body.w3-mobile-admin-readonly #table-view .w3-mobile-admin-table > tbody > tr > td::before {
    content: attr(data-mobile-admin-label); color: #667a72; font-size: 12px; font-weight: 650; line-height: 1.45;
  }
  body.w3-mobile-admin-readonly #table-view :is(.pagination,.admin-pagination,.master-data-pagination) {
    display: flex !important; flex-wrap: wrap; justify-content: space-between; gap: 8px; width: 100%;
  }
  body.w3-mobile-admin-readonly #table-view :is(.pagination,.admin-pagination,.master-data-pagination) > span { flex: 1 0 100%; order: -1; }
  body.w3-mobile-admin-readonly #table-view :is(button,input,select,a[role="button"]) { min-height: 44px; }
  body.w3-mobile-admin-readonly #table-view [data-mobile-pc-only-hidden] { display: none !important; }
  body.w3-mobile-admin-readonly #table-view .admin-access-dialog,
  body.w3-mobile-admin-readonly #table-view .permission-matrix { display: none !important; }
}

@media (max-width: 380px) {
  body.w3-mobile-admin-readonly #table-view .w3-mobile-admin-table > tbody > tr > td {
    grid-template-columns: minmax(74px,31%) minmax(0,1fr); gap: 7px;
  }
  body.w3-mobile-admin-readonly #table-view :is(.toolbar,.admin-toolbar,.partner-master-toolbar) { grid-template-columns: minmax(0,1fr); }
  body.w3-mobile-admin-readonly #table-view :is(.toolbar,.admin-toolbar,.partner-master-toolbar) > * { min-width: 0 !important; max-width: 100%; }
}