/* Portal responsive layer: source order protects small screens from desktop layouts. */
.react-sidebar-toggle,.react-sidebar-overlay{display:none}
@media (max-width:900px){
  html,body,#reactPortalRoot{max-width:100%;overflow-x:hidden}
  .react-portal{display:block!important}.react-content{min-width:0;padding:20px 18px!important}
  .react-sidebar{position:fixed!important;z-index:51;top:0;left:0;width:min(260px,calc(100vw - 48px))!important;height:100dvh!important;min-height:0!important;padding:24px!important;transform:translateX(-100%);transition:transform .22s ease;box-shadow:8px 0 24px rgba(23,11,77,.14)}
  .react-sidebar.is-open{transform:translateX(0)}
  .react-sidebar .react-brand img:last-child,.react-sidebar .react-portal-pill,.react-sidebar footer{display:initial!important}
  .react-sidebar nav button{justify-content:flex-start!important;padding:10px 16px!important}
  .react-sidebar-overlay{position:fixed;z-index:50;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(0,0,0,.48)}
  .react-sidebar-overlay.is-open{display:block}
  .react-sidebar-toggle{position:fixed;z-index:52;top:72px;left:0;display:grid;width:30px;height:44px;place-items:center;padding:0;border:1px solid #e5e7eb;border-left:0;border-radius:0 10px 10px 0;color:#6831e2;background:#fff;box-shadow:2px 0 8px rgba(23,11,77,.12);cursor:pointer;transition:left .22s ease}
  .react-sidebar-toggle .material-symbols-outlined{font-size:22px}
  .react-sidebar-toggle[aria-expanded="true"]{left:min(260px,calc(100vw - 48px))}
  .react-header{flex-wrap:wrap;gap:12px;padding:14px 18px!important}
  .react-kpis,.react-panels,.home-access-grid,.home-dashboard-grid,.home-security-kpis,.home-infra-kpis,.home-form-row.two,.home-form-row.three,.home-summary{grid-template-columns:1fr!important}
  .react-table-card,.react-security-table,.react-server-table,.home-report-table,.home-report-details-table{max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .react-table-card table,.react-security-table table,.react-server-table table{min-width:680px}
  .home-filters,.home-section-heading,.home-report-preview>header{flex-wrap:wrap}.home-filters>*{min-width:0}
  .react-auth.react-auth{display:block!important;padding:0!important}.react-auth .react-auth-panel{min-height:100vh;padding:30px 24px!important}.react-auth-visual{display:none!important}
}
@media (max-width:560px){
  .react-sidebar nav{display:grid!important;overflow:visible;gap:4px}.react-sidebar nav button{width:100%}
  .react-content{padding:16px!important}.react-header{padding:12px 16px!important}.react-header h1{font-size:22px}.react-card{padding:16px!important}
  .react-actions button:not(.react-primary){display:none!important}.home-add-top{position:static!important}.home-report-preview{padding:20px 16px!important}
  .home-success-modal,.home-server-modal{padding:16px!important}.home-success-modal>footer{flex-direction:column}.auth-socials,.react-auth .react-auth-form form{grid-template-columns:1fr!important}
}