/* Screen variants only: use the same cells, values and actions as desktop. */
@media screen and (max-width:900px) {
  .mobile-menu-toggle{top:calc(12px + env(safe-area-inset-top))}
  /* Share the existing frozen-header boundary; never cover the Menu. */
  #app::before{content:"";position:fixed;inset:0 0 auto;height:var(--ambientale-mobile-header-bottom,0px);z-index:999;pointer-events:none;background:rgba(18,75,64,.035)}
  @supports ((backdrop-filter:blur(6px)) or (-webkit-backdrop-filter:blur(6px))) {
    #app::before{background:transparent;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
  }
  body.drawer-open #app::before,body:has(dialog[open]) #app::before{display:none}
}
@media screen and (max-width:767px) {
  #content .finance-network-totals{position:static;inset:auto;width:100%;max-width:100%;max-height:none;margin-top:12px}
  #content .table-card:has(table[data-mobile-records="true"]){overflow:visible!important;min-width:0;max-width:100%}
  #content table[data-mobile-records="true"]{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;table-layout:auto;position:relative}
  #content table[data-mobile-records="true"]>thead{position:absolute!important;top:0;left:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  #content table[data-mobile-records="true"]>thead th{position:static!important}
  #content table[data-mobile-records="true"]>:is(tbody,tfoot){display:block!important;width:100%}
  #content table[data-mobile-records="true"]>:is(tbody,tfoot)>tr{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:auto!important;min-width:0;position:relative;isolation:isolate;border-bottom:1px solid var(--line);margin-bottom:12px;background:#fff}
  #content table[data-mobile-records="true"]>:is(tbody,tfoot)>tr>td{display:block!important;grid-column:1/-1;position:static!important;left:auto!important;top:auto!important;bottom:auto!important;width:auto!important;min-width:0!important;max-width:100%!important;height:auto!important;padding:10px 12px;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere;word-break:normal;transform:none!important;background-image:none!important;box-shadow:none!important}
  #content table[data-mobile-records="true"] td[data-mobile-label]::before{content:attr(data-mobile-label);display:block;margin-bottom:5px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:center;color:#52675f}
  #content table[data-mobile-records="true"]>tbody>tr>td[data-mobile-identity="true"]{grid-row:1;grid-column:auto;position:sticky!important;top:var(--ambientale-mobile-header-bottom,calc(64px + env(safe-area-inset-top)))!important;z-index:5;background:#edf5f0!important;border-bottom:1px solid var(--line);align-self:stretch}
  #content table[data-mobile-records="true"][data-mobile-identity-count="1"]>tbody>tr>td[data-mobile-identity="true"]{grid-column:1/-1}
  #content #condition-table table[data-mobile-records="true"] td.condition-description{text-align:justify!important;text-align-last:left!important;white-space:pre-line!important;line-height:1.5;hyphens:auto}
  #content table[data-mobile-records="true"] :is(.row-actions,.table-actions){flex-wrap:wrap!important;min-width:0!important;max-width:100%;justify-content:center}
  #content table[data-mobile-records="true"] :is(button,a.mini){white-space:normal;max-width:100%;min-height:44px}
  #content table[data-mobile-records="true"] :is(strong,small,p,span){max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal}
  #content table[data-mobile-records="true"] td[data-mobile-identity="true"] strong{display:block}
}