/* OnU Admin tablet/mobile responsive layer. No horizontal table scrolling. */
@media (max-width:1023px){
  .onu-admin-sidebar{display:none!important}
  .onu-admin-main{width:100%;min-width:0}
  .onu-admin-mobile-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;height:58px;position:relative;z-index:30;padding-left:14px!important;padding-right:12px!important}
  .onu-admin-mobile-brand{min-width:0;justify-self:start;order:1}
  .onu-admin-mobile-brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .onu-admin-menu-button{grid-column:3;justify-self:end;order:3}
  .onu-admin-mobile-header>div:last-child{grid-column:2;justify-self:end;min-width:0;order:2}
  .onu-admin-drawer-layer{inset:0 0 0 auto!important;width:min(86vw,360px)!important;max-width:360px;box-shadow:-12px 0 36px rgb(42 33 28 / .18);animation:onuAdminDrawerIn .18s ease-out}
  .onu-admin-drawer-layer::after{content:"";position:fixed;inset:0 min(86vw,360px) 0 0;background:rgb(20 16 14 / .36);z-index:-1}
  .onu-admin-drawer-layer nav{overscroll-behavior:contain}
  .onu-admin-content{width:100%;min-width:0;overflow-x:hidden}
  .onu-admin-content .max-w-7xl,.onu-admin-content .max-w-6xl,.onu-admin-content .max-w-5xl,.onu-admin-content .max-w-4xl{max-width:100%}

  /* Tablet tables: keep table semantics, let content wrap instead of scrolling. */
  .onu-admin-content table{width:100%!important;max-width:100%!important;table-layout:fixed}
  .onu-admin-content th,.onu-admin-content td{min-width:0!important;max-width:none!important;white-space:normal!important;overflow-wrap:anywhere;word-break:keep-all;vertical-align:top}
  .onu-admin-content th{line-height:1.35}
  .onu-admin-content td{line-height:1.45}
  .onu-admin-content td button,.onu-admin-content td a,.onu-admin-content td [role="button"]{white-space:nowrap!important;word-break:normal!important}
  .onu-admin-content .onu-admin-table-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
}
@keyframes onuAdminDrawerIn{from{transform:translateX(18px);opacity:.75}to{transform:none;opacity:1}}

@media (max-width:767px){
  .onu-admin-mobile-header{grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .onu-admin-mobile-header>div:last-child{display:none!important}
  .onu-admin-menu-button{grid-column:2}
  .onu-admin-content [class*="p-8"]{padding:1rem!important}
  .onu-admin-content [class*="p-6"]{padding:1rem!important}
  .onu-admin-content [class*="px-8"]{padding-left:1rem!important;padding-right:1rem!important}
  .onu-admin-content [class*="px-6"]{padding-left:1rem!important;padding-right:1rem!important}
  .onu-admin-content input,.onu-admin-content select,.onu-admin-content textarea{max-width:100%}
  .onu-admin-content button,.onu-admin-content a{touch-action:manipulation}
}

/* Narrow mobile: complex tables become cards. JS adds labels from the table header. */
@media (max-width:639px){
  .onu-admin-content table.onu-admin-card-table{display:block!important;width:100%!important;border:0!important;background:transparent!important}
  .onu-admin-content table.onu-admin-card-table thead{display:none!important}
  .onu-admin-content table.onu-admin-card-table tbody{display:grid!important;grid-template-columns:minmax(0,1fr);gap:12px;width:100%}
  .onu-admin-content table.onu-admin-card-table tr{display:block!important;width:100%;padding:14px;border:1px solid var(--onu-card-border,#e7ded5);border-radius:12px;background:var(--onu-card-bg,#fff);box-sizing:border-box}
  .onu-admin-content table.onu-admin-card-table td{display:grid!important;grid-template-columns:minmax(82px,30%) minmax(0,1fr);gap:10px;width:100%!important;padding:6px 0!important;border:0!important;text-align:left!important;box-sizing:border-box;overflow-wrap:anywhere;word-break:keep-all}
  .onu-admin-content table.onu-admin-card-table td::before{content:attr(data-onu-label);font-size:11px;line-height:1.45;color:#8b8179;font-weight:500}
  .onu-admin-content table.onu-admin-card-table td[data-onu-label=""]::before{display:none}
  .onu-admin-content table.onu-admin-card-table td[data-onu-label=""]{grid-template-columns:1fr}
  .onu-admin-content table.onu-admin-card-table td:last-child{margin-top:4px;padding-top:10px!important;border-top:1px solid #eee5dc!important}
  .onu-admin-content table.onu-admin-card-table td:last-child>div,.onu-admin-content table.onu-admin-card-table td:last-child{align-items:center}
}

/* 2.3.57 — mobile/tablet edit drawers and safe page gutters */
@media (max-width:1023px){
  .onu-admin-edit-drawer{width:min(680px,82vw)}
  .onu-admin-edit-drawer--wide{width:min(760px,88vw)}
}
@media (max-width:767px){
  .onu-admin-edit-drawer,.onu-admin-edit-drawer--wide{width:calc(100vw - 14px);max-width:none}
  .onu-admin-edit-drawer-header{padding:16px 18px}
  .onu-admin-edit-drawer-body{padding:18px}
  .onu-admin-edit-drawer-footer{padding:14px 18px}
  .onu-admin-edit-drawer-actions{bottom:-18px;margin-left:-18px;margin-right:-18px;margin-bottom:-18px;padding:14px 18px!important}
  .onu-admin-content{padding-left:14px;padding-right:14px}
}

@media (max-width:639px){
  .onu-admin-content section .grid.grid-cols-2>div{min-width:0}
  .onu-admin-content section .grid.grid-cols-2>div p{overflow-wrap:normal;word-break:keep-all}
}