/* Final responsive pass: keep the marketing menu and demo admin readable on small screens. */
html,body{overflow-x:hidden}
.table-action{display:block;margin-top:7px;padding:5px 8px;border:1px solid #493875;border-radius:7px;background:transparent;color:#c6adfb;font:inherit;font-size:10px;cursor:pointer}
.table-action:hover{background:#211934}
.theme-light .table-action{border-color:#c7b7ea;color:#6946b7}

@media (min-width:1500px){
  .shell{width:86vw;max-width:none;padding-left:0;padding-right:0}
  .hero{padding-left:0;padding-right:0}
}

[data-rotate-text]{
  display:block;
  min-width:0;
  min-height:2.15em;
  overflow:hidden;
}

@media (max-width:850px){
  body.menu-open{overflow:hidden}

  .mobile-menu{
    display:flex;
    width:100vw;
    height:100dvh;
    min-height:100vh;
    box-sizing:border-box;
    overflow-y:auto;
    pointer-events:none;
    isolation:isolate;
    overscroll-behavior:contain;
  }
  .mobile-menu.open{pointer-events:auto}
  .mobile-menu-head,.mobile-menu a{flex-shrink:0}
  .mobile-menu .mobile-menu-cta{margin-top:auto;flex-shrink:0}

  .hero h1{line-height:.98;overflow:visible}
  .hero h1 [data-rotate-text]{line-height:1.05}
  .hero-copy{position:relative;z-index:2}
  .hero-visual{position:relative;z-index:1}
  .hero-video{max-width:100vw}

  /* Compact but usable admin shell: icon rail + scrollable content. */
  .platform-body .app-shell{min-width:0}
  .platform-body .sidebar{
    position:fixed;
    inset:0 auto 0 0;
    width:72px;
    z-index:20;
    overflow-x:hidden;
    overflow-y:auto;
    padding:18px 8px;
  }
  .platform-body .sidebar .brand{justify-content:center;padding:0 0 18px}
  .platform-body .sidebar .brand-logo-img{width:38px;max-width:38px;object-fit:contain}
  .platform-body .sidebar .workspace{margin:0 0 18px;padding:10px 6px}
  .platform-body .sidebar .workspace span,
  .platform-body .sidebar .workspace strong,
  .platform-body .sidebar .side-nav small,
  .platform-body .sidebar .side-nav a:not(.active)::after,
  .platform-body .sidebar .sidebar-bottom>span,
  .platform-body .sidebar .profile span,
  .platform-body .sidebar .profile>b{display:none}
  .platform-body .sidebar .workspace strong{font-size:0;text-align:center}
  .platform-body .sidebar .workspace strong b{font-size:18px}
  .platform-body .sidebar .side-nav a{justify-content:center;padding:13px 0;font-size:0}
  .platform-body .sidebar .side-nav a span{font-size:18px;margin:0}
  .platform-body .sidebar .sidebar-bottom{padding:0;align-items:center}
  .platform-body .sidebar .help{margin:0 auto 14px}
  .platform-body .sidebar .profile{justify-content:center;padding:10px 0}
  .platform-body .app-main{
    width:calc(100% - 72px);
    min-width:0;
    margin-left:72px;
    padding:24px 14px 40px;
  }
  .platform-body .app-header{align-items:stretch;gap:16px}
  .platform-body .app-header h1{font-size:clamp(28px,8vw,42px);line-height:1.05}
  .platform-body .header-actions{justify-content:flex-end;flex-wrap:wrap}
  .platform-body .header-actions .button-primary{font-size:12px;padding:11px 12px}
  .platform-body .demo-banner{align-items:flex-start;padding:13px}
  .platform-body .demo-banner button{margin-left:auto}
  .platform-body .metric-grid,.platform-body .dashboard-grid{grid-template-columns:1fr}
  .platform-body .panel-head{gap:12px;align-items:flex-start}
  .platform-body .panel-head select{max-width:145px}
}

@media (max-width:430px){
  .nav{height:64px}
  .nav .brand-logo-img{max-width:132px}
  .nav-auth .nav-signup{display:none}
  .hero{padding-top:42px}
  .hero h1{font-size:clamp(40px,13vw,58px)}
  .hero-text{max-width:32ch}
  .hero-actions{align-items:stretch;flex-wrap:wrap}
  .hero-actions .button{min-height:52px}
  .platform-body .app-main{padding-left:10px;padding-right:10px}
  .platform-body .header-actions{justify-content:space-between}
  .platform-body .header-actions .button-primary{flex:1}
  .platform-body .metric-card,.platform-body .panel{padding:18px}
}