.portal-mobile-sort { display:none; }
@media(max-width:700px){
  .flexigrid .portal-grid-tools>div.sDiv .sDiv2 {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 38px 38px;gap:6px!important}
  .flexigrid .portal-grid-tools>div.sDiv .grid-search-label {grid-column:1/-1}
  .flexigrid .portal-grid-tools>div.sDiv .sDiv2 input.qsbox,
  .flexigrid .portal-grid-tools>div.sDiv .sDiv2 select {width:100%!important;min-width:0}
  .flexigrid .portal-grid-tools>div.sDiv .sDiv2 input[type=button] {width:38px!important;min-width:38px;padding:0;font-size:24px;line-height:1}
  .ContentMain .portal-grid-shell .flexigrid.portal-table-view div.bDiv,
  .flexigrid.portal-table-view div.bDiv {overflow-x:auto!important;overflow-y:auto!important;width:100%!important}
  .flexigrid.portal-table-view div.bDiv>table {display:table;width:max-content!important;min-width:100%;table-layout:auto}
  .flexigrid.portal-table-view div.bDiv td>div {white-space:nowrap!important}
  .flexigrid.portal-table-view .hDiv {display:block!important;overflow:hidden}
  .ContentMain #HomeMiddle:has(.portal-grid-shell),
  .ContentMain #HomeMiddle>table:has(.portal-grid-shell),
  .ContentMain #HomeMiddle>table>tbody:has(.portal-grid-shell),
  .ContentMain #HomeMiddle>table>tbody>tr:has(.portal-grid-shell),
  .ContentMain #HomeMiddle>table>tbody>tr>td:has(.portal-grid-shell) {display:block!important;flex:none!important;height:auto!important;min-height:0!important;padding-bottom:0!important}
}
@media (max-width:700px) {
  .flexigrid .portal-grid-tools>div.sDiv {flex:0 0 100%;width:100%;margin:0;box-sizing:border-box;padding:10px;border-bottom:1px solid #e3eaef}
  .flexigrid .portal-grid-tools>div.sDiv .sDiv2 {display:flex;flex-wrap:wrap;float:none;width:100%;box-sizing:border-box;gap:8px;padding:0}
  .flexigrid .portal-grid-tools>div.sDiv .grid-search-label {flex-basis:100%}
  .flexigrid .portal-grid-tools>div.sDiv input.qsbox,
  .flexigrid .portal-grid-tools>div.sDiv select {flex:1 1 140px;width:140px;min-width:0;max-width:100%}
  .flexigrid { width:100%!important; max-width:100%; min-width:0; }
  .flexigrid:not(.portal-table-view) .hDiv, .flexigrid .cDrag, .flexigrid .vGrip, .flexigrid .nBtn { display:none!important; }
  .flexigrid .portal-mobile-sort { display:flex; align-items:center; gap:8px; padding:8px 12px; background:#f7fafb; }
  .portal-mobile-sort select { flex:1; min-width:0; height:40px; border:1px solid #dce5eb; border-radius:8px; background:white; color:#365f64; font:inherit; }
  .portal-mobile-sort button { min-width:44px; min-height:40px; border:1px solid #dce5eb; border-radius:8px; background:white; color:#146b70; font-size:20px; }
  .flexigrid div.bDiv { overflow-x:hidden; background:#f3f7f9; }
  .flexigrid:not(.portal-table-view) div.bDiv > table { display:block; width:100%!important; margin:0!important; table-layout:auto!important; }
  .flexigrid:not(.portal-table-view) div.bDiv > table > tbody { display:block; padding:10px; }
  .flexigrid:not(.portal-table-view) div.bDiv > table > tbody > tr { display:block; margin:0 0 12px; padding:6px 10px; border:1px solid #dbe5eb; border-radius:12px; background:#fff; box-shadow:0 2px 6px #172c4308; }
  .flexigrid:not(.portal-table-view) div.bDiv > table > tbody > tr.trSelected { border-color:#b77912; background:#ffe3a3; }
  .flexigrid:not(.portal-table-view) div.bDiv > table > tbody > tr > td { display:grid; grid-template-columns:minmax(90px,35%) minmax(0,1fr); gap:10px; width:auto!important; padding:7px 0!important; border:0!important; border-bottom:1px solid #edf1f4!important; background:transparent!important; box-shadow:none!important; text-align:start; align-items:start; }
  .flexigrid:not(.portal-table-view) div.bDiv > table > tbody > tr > td:last-child { border-bottom:0!important; }
  .flexigrid:not(.portal-table-view) div.bDiv > table > tbody > tr > td::before { content:attr(data-label); color:#758593; font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
  .flexigrid:not(.portal-table-view) div.bDiv > table > tbody > tr > td[data-label=""] { grid-template-columns:minmax(0,1fr); }
  .flexigrid:not(.portal-table-view) div.bDiv > table > tbody > tr > td[data-label=""]::before { display:none; }
  .flexigrid:not(.portal-table-view) div.bDiv > table > tbody > tr > td > div { width:auto!important; min-width:0; max-width:100%; height:auto!important; padding:0!important; white-space:normal!important; overflow-wrap:anywhere; text-align:start!important; line-height:1.8; }
  .flexigrid div.sDiv { white-space:normal; padding:8px; }
  .flexigrid div.sDiv input:not([type=button]), .flexigrid div.sDiv select { max-width:100%; min-height:40px; }
  .flexigrid div.pDiv .pDiv2 { justify-content:center; }
  .flexigrid div.pDiv .pPageStat { width:100%; text-align:center; }
}

/* Mobile pages scroll as a document: navigation must not squeeze rows to zero. */
@media (max-width:700px) {
  html:has(.ContentMain .portal-grid-shell),
  body:has(.ContentMain .portal-grid-shell) { height:auto; overflow:auto; }
  .Whole:has(.ContentMain .portal-grid-shell) { position:relative; inset:auto; display:block; height:auto; min-height:100dvh; overflow:visible; box-sizing:border-box; padding-bottom:calc(48px + env(safe-area-inset-bottom, 0px)); }
  .Whole:has(.portal-grid-shell) > .TopMenu { position:relative; padding:6px 10px; }
  #TopMenuContent { gap:4px 8px; }
  #TopMenuItem { flex:0 0 100%; flex-wrap:nowrap; justify-content:flex-start; overflow-x:auto; padding-top:4px; scrollbar-width:thin; }
  #TopMenuItem > div { flex:0 0 auto; }
  #TopMenuItem a { min-height:36px; padding:6px 9px; }
  .portal-section-tabs { flex-wrap:nowrap; overflow-x:auto; gap:0 6px; scrollbar-width:thin; }
  .portal-section-tabs .portal-section-tab { min-height:40px; padding:7px 8px; }
  .Whole:has(.portal-grid-shell) > .ContentMainContainer,
  .ContentMainContainer:has(.portal-grid-shell) > center,
  .ContentMain:has(.portal-grid-shell),
  .ContentMain .portal-grid-shell,
  .ContentMain .portal-grid-shell #Grid,
  .ContentMain .portal-grid-shell #Grid > div:has(>.flexigrid),
  .ContentMain .portal-grid-shell #ListContainer,
  .ContentMain .portal-grid-shell .flexigrid { display:block; flex:none; height:auto!important; min-height:0; }
  .ContentMain .portal-grid-shell .flexigrid div.bDiv { height:auto!important; max-height:none!important; min-height:0; overflow:visible; }
  .ContentMain .portal-grid-shell .flexigrid div.tDiv { max-height:120px; padding:6px; }
  /* Keep the footer visible while cards scroll, including the iPhone safe area. */
  .Whole:has(.portal-grid-shell) > .Footer { position:fixed!important; inset:auto 0 0; z-index:100; width:100%; height:calc(48px + env(safe-area-inset-bottom, 0px))!important; margin:0; padding:0 0 env(safe-area-inset-bottom, 0px); }
  .Whole:has(.portal-grid-shell) > .Footer .FooterMenu { height:47px; }
  .Footer .FooterMenu { flex-wrap:nowrap; justify-content:flex-start; overflow-x:auto; gap:14px; padding:6px 10px; }
  .Footer .FooterMenu > div { flex:0 0 auto; white-space:nowrap; }
  #calculator { display:none!important; }
}