/* ADESS Mobile Clean V9.6.18
   Scope: smartphone/tablet portrait only. Desktop table + column manager remains untouched. */
@media (max-width: 700px){
  html,body{max-width:100%!important;overflow-x:hidden!important;}
  body.zk-app,.zk-app{background:#eef4ff!important;}
  .app-shell,.workspace,.page,main.page{min-width:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
  .workspace{padding-left:0!important;margin-left:0!important;}
  .page{padding:12px!important;}

  /* Sidebar: off-canvas and compact on phone */
  .sidebar{width:min(82vw,260px)!important;max-width:260px!important;min-width:0!important;z-index:6000!important;}
  body:not(.sidebar-open) .sidebar,
  body:not(.nav-open) .sidebar{
    transform:translateX(-102%)!important;
  }
  body.sidebar-open .sidebar,
  body.nav-open .sidebar,
  .sidebar.is-open,
  .sidebar.open{
    transform:translateX(0)!important;
  }
  .sidebar-backdrop{position:fixed!important;inset:0!important;z-index:5900!important;background:rgba(8,15,35,.42)!important;}
  .sidebar .nav-link,.sidebar a{min-height:42px!important;}

  /* Topbar / page hero should fit in one narrow column */
  .topbar{position:relative!important;padding:10px 12px!important;min-height:unset!important;display:flex!important;gap:8px!important;align-items:flex-start!important;justify-content:space-between!important;flex-wrap:wrap!important;}
  .topbar .crumbs,.topbar .page-title,.topbar h1{max-width:100%!important;white-space:normal!important;line-height:1.18!important;}
  .topbar .session-pill,.topbar .user-pill,.session-clock,.user-menu{transform:none!important;max-width:100%!important;}
  .page-hero,.panel.hero,.card.hero,.section-card,.register-panel,.zk-card{border-radius:18px!important;margin:10px 0!important;padding:16px!important;max-width:100%!important;overflow:hidden!important;}
  .page-hero .actions,.hero-actions,.card-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important;margin-top:12px!important;}
  .page-hero .actions .btn,.hero-actions .btn,.card-actions .btn{width:100%!important;justify-content:center!important;}

  /* Tabs: no page-level horizontal scrollbar */
  .section-tabs,.page-tabs,.tabs,nav[aria-label="Section tabs"],nav.section-tabs{
    display:flex!important;flex-wrap:wrap!important;overflow-x:hidden!important;overflow-y:visible!important;gap:8px!important;max-width:100%!important;white-space:normal!important;padding:8px!important;
  }
  .section-tabs a,.page-tabs a,.tabs a,.tab,.nav-tab{
    flex:1 1 auto!important;min-width:92px!important;max-width:100%!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }

  /* Toolbars: keep search/count/export, hide column manager on phone because cards do not need columns */
  .auto-register-toolbar,.register-tools,.table-toolbar,.toolbar,.list-toolbar{
    position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;flex-wrap:wrap!important;width:100%!important;max-width:100%!important;margin:8px 0 12px!important;padding:0!important;overflow:visible!important;min-height:auto!important;background:transparent!important;box-shadow:none!important;
  }
  .auto-register-toolbar::before,.register-tools::before,.table-toolbar::before,.toolbar::before,.list-toolbar::before{display:none!important;content:none!important;}
  .auto-register-toolbar input[type="search"],.register-tools input[type="search"],.table-toolbar input[type="search"],.toolbar input[type="search"],.list-toolbar input[type="search"],
  .auto-register-toolbar .register-search,.register-tools .register-search{
    flex:1 1 100%!important;width:100%!important;min-width:0!important;height:42px!important;border-radius:14px!important;
  }
  .auto-register-toolbar .register-count,.register-tools .register-count,.table-toolbar .register-count,.toolbar .register-count,.list-toolbar .register-count,
  .auto-register-toolbar .row-count,.register-tools .row-count,.table-toolbar .row-count,.toolbar .row-count,.list-toolbar .row-count{
    height:38px!important;display:inline-flex!important;align-items:center!important;white-space:nowrap!important;
  }
  .auto-register-toolbar button,.register-tools button,.table-toolbar button,.toolbar button,.list-toolbar button,
  .auto-register-toolbar a.btn,.register-tools a.btn,.table-toolbar a.btn,.toolbar a.btn,.list-toolbar a.btn{
    flex:0 0 auto!important;min-width:38px!important;height:38px!important;border-radius:12px!important;
  }
  /* Hide column manager trigger only on small screen */
  button[title*="column" i],button[aria-label*="column" i],button[data-column-manager],button[data-action*="column" i],
  .column-manager-toggle,.columns-toggle,.btn-columns,.show-hide-columns,.column-tools-toggle,
  .auto-register-toolbar button:last-child[data-register-columns],.register-tools button:last-child[data-register-columns],
  .auto-register-toolbar button:last-child[title*="Show" i],.register-tools button:last-child[title*="Show" i]{display:none!important;}
  .column-manager,.columns-panel,.column-panel,.show-hide-columns-panel,[data-column-panel],[data-columns-panel],.column-menu{display:none!important;}

  /* Tables that are converted to cards: full-width readable label/value stacking */
  .register-table-wrap,.table-wrap,.grid-wrap,.data-wrap,.table-responsive{
    width:100%!important;max-width:100%!important;overflow-x:hidden!important;overflow-y:visible!important;border-radius:18px!important;
  }
  table.register-table,table.data-table,table.zk-table,table{
    width:100%!important;min-width:0!important;max-width:100%!important;border-collapse:separate!important;border-spacing:0 12px!important;
  }
  table.register-table thead,table.data-table thead,table.zk-table thead{display:none!important;}
  table.register-table tbody,table.data-table tbody,table.zk-table tbody{display:block!important;width:100%!important;}
  table.register-table tr,table.data-table tr,table.zk-table tr{
    display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0 0 12px!important;padding:12px 12px 10px!important;background:#fff!important;border:1px solid #cfe0f8!important;border-radius:18px!important;box-shadow:0 10px 24px rgba(18,37,75,.08)!important;overflow:hidden!important;
  }
  table.register-table td,table.data-table td,table.zk-table td{
    display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:8px 0!important;border:0!important;border-bottom:1px solid #e2ecfa!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;text-align:left!important;min-width:0!important;line-height:1.35!important;
  }
  table.register-table td:last-child,table.data-table td:last-child,table.zk-table td:last-child{border-bottom:0!important;}
  table.register-table td::before,table.data-table td::before,table.zk-table td::before{
    content:attr(data-label)!important;display:block!important;width:100%!important;max-width:100%!important;margin:0 0 4px!important;color:#536786!important;font-size:11px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;line-height:1.2!important;white-space:normal!important;
  }
  table.register-table td:not([data-label])::before,table.data-table td:not([data-label])::before,table.zk-table td:not([data-label])::before{display:none!important;}
  table.register-table td *,table.data-table td *,table.zk-table td *{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;}

  /* Strong card title fields: keep readable */
  td[data-label="Name"],td[data-label="Employee"],td[data-label="Company"],td[data-label="Device"],td[data-label="SN"],td[data-label="Group"],td[data-label="Username"]{
    font-size:16px!important;font-weight:800!important;color:#06142b!important;
  }
  td[data-label="Action"],td[data-label="Actions"]{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important;border-top:1px solid #e2ecfa!important;margin-top:4px!important;}
  td[data-label="Action"]::before,td[data-label="Actions"]::before{flex:1 0 100%!important;}

  /* Pagination should not overflow */
  .pagination,.pager,.table-footer,.register-footer{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important;max-width:100%!important;overflow:hidden!important;}

  /* Forms such as Personnel Sync: compact multi controls */
  .sync-controls,.filter-row,.form-grid,.bulk-actions,.selection-row{
    display:grid!important;grid-template-columns:1fr!important;gap:10px!important;align-items:stretch!important;max-width:100%!important;
  }
  .sync-controls select,.filter-row select,.form-grid select,.bulk-actions select,.selection-row select,
  .sync-controls input,.filter-row input,.form-grid input,.bulk-actions input,.selection-row input,
  .sync-controls button,.filter-row button,.form-grid button,.bulk-actions button,.selection-row button{width:100%!important;min-width:0!important;}
}