/* GUREXA_GLOBAL_RESPONSIVE_V1 */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas,iframe{max-width:100%;height:auto}
pre,code{max-width:100%;overflow-x:auto}
input,select,textarea,button{max-width:100%}

.gurexa-responsive-table-wrap{
  width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch
}
.gurexa-responsive-table-wrap>table{min-width:640px}

#gurexa-mobile-nav-toggle{
  display:none;position:fixed;top:12px;right:12px;z-index:10003;
  width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.25);
  border-radius:8px;background:#10283b;box-shadow:0 4px 16px rgba(0,0,0,.20);
  cursor:pointer
}
#gurexa-mobile-nav-toggle span{
  display:block;width:21px;height:2px;margin:4px auto;border-radius:2px;background:#fff;
  transition:.18s ease
}
#gurexa-mobile-nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
#gurexa-mobile-nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
#gurexa-mobile-nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

#gurexa-mobile-overlay{
  display:none;position:fixed;inset:0;z-index:10000;background:rgba(5,17,28,.52);
  backdrop-filter:blur(1px)
}
#gurexa-mobile-drawer{
  display:none;position:fixed;top:0;right:0;bottom:0;z-index:10002;
  width:min(86vw,360px);overflow-y:auto;background:#10283b;color:#fff;
  box-shadow:-12px 0 30px rgba(0,0,0,.24);transform:translateX(105%);
  transition:transform .22s ease
}
#gurexa-mobile-drawer .gurexa-mobile-drawer-head{
  position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;
  min-height:58px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.12);
  background:#10283b
}
#gurexa-mobile-drawer .gurexa-mobile-drawer-title{font-size:15px;font-weight:700}
#gurexa-mobile-drawer .gurexa-mobile-close{
  width:36px;height:36px;border:0;border-radius:6px;background:rgba(255,255,255,.08);
  color:#fff;font-size:24px;line-height:1;cursor:pointer
}
#gurexa-mobile-drawer .gurexa-mobile-links{padding:10px 0 24px}
#gurexa-mobile-drawer a{
  display:block;padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.06);
  color:#eaf3fb!important;text-decoration:none!important;font-size:14px;line-height:1.25
}
#gurexa-mobile-drawer a:hover,#gurexa-mobile-drawer a:focus{background:#183950;outline:none}
body.gurexa-mobile-menu-open{overflow:hidden!important}

.container,.wrapper,.wrap,.content,.main-content,.page-content,.hero,.hero-inner,
.section-inner,.content-grid,.dashboard-grid,.panel-grid,.cards,.card-grid,.tiles,
.tile-grid,.features,.feature-grid,.row,.columns,.split,.two-col,.two-column{min-width:0}

@media(max-width:1180px){
  .container,.wrapper,.wrap,.content,.main-content,.page-content,.section-inner{max-width:100%!important}
  .hero,.hero-inner,.split,.two-col,.two-column,.columns-2{gap:20px!important}
}

@media(max-width:900px){
  html{font-size:16px}
  body{min-width:0!important}
  #gurexa-mobile-nav-toggle{display:block}
  #gurexa-mobile-overlay,#gurexa-mobile-drawer{display:block}
  body.gurexa-mobile-menu-open #gurexa-mobile-overlay{display:block}
  body.gurexa-mobile-menu-open #gurexa-mobile-drawer{transform:translateX(0)}

  body.gurexa-mobile-nav-enabled .gurexa-mobile-source-nav{display:none!important}
  body.gurexa-mobile-nav-enabled main,
  body.gurexa-mobile-nav-enabled .main,
  body.gurexa-mobile-nav-enabled .main-content,
  body.gurexa-mobile-nav-enabled .page-main,
  body.gurexa-mobile-nav-enabled .content-shell,
  body.gurexa-mobile-nav-enabled .workspace,
  body.gurexa-mobile-nav-enabled .app-main{
    margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important
  }

  .grid,.cards,.card-grid,.tiles,.tile-grid,.features,.feature-grid,.content-grid,
  .dashboard-grid,.panel-grid,.stats-grid,.metrics-grid,[class*="grid-"],[class*="columns-"]{
    grid-template-columns:1fr!important
  }

  .row,.columns,.split,.two-col,.two-column,.hero,.hero-inner,.content-row,.section-row{
    flex-direction:column!important
  }

  .container,.wrapper,.wrap,.content,.main-content,.page-content,.section-inner{
    width:100%!important;max-width:100%!important;padding-left:14px!important;padding-right:14px!important
  }

  section{max-width:100%}
  h1{font-size:clamp(28px,8vw,42px)!important;line-height:1.08!important}
  h2{font-size:clamp(22px,6vw,32px)!important;line-height:1.12!important}
  h3{font-size:clamp(18px,5vw,26px)!important;line-height:1.16!important}

  .actions,.cta-row,.hero-actions,.button-row,.buttons{
    display:flex!important;flex-wrap:wrap!important;gap:10px!important
  }

  .pipeline,.processline,.flow,.diagram,.architecture,.timeline,.tabs,.tab-list,.toolbar{
    max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch
  }

  a,button,[role="button"]{min-height:40px}

  .chat-panel,.chat-window,.support-panel,[class*="chat"][class*="panel"]{
    max-width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important
  }
}

@media(max-width:620px){
  .container,.wrapper,.wrap,.content,.main-content,.page-content,.section-inner{
    padding-left:12px!important;padding-right:12px!important
  }
  .cards,.card-grid,.tiles,.tile-grid,.features,.feature-grid,.dashboard-grid,
  .panel-grid,.stats-grid,.metrics-grid{gap:10px!important}
  .card,.panel,.tile,.feature{max-width:100%!important}
  .gurexa-responsive-table-wrap>table{min-width:560px}
}