/* HotelPreflight mobile cleanup v0.30.0
   Responsive presentation only. No PMS/calendar/API/business logic changes. */

@media (max-width: 820px){
  html,body{max-width:100%;overflow-x:hidden;}

  /* Public shell: avoid stacked sticky layers on a small viewport. */
  .hotelpreflight-homepage-v2 #authScreen .landing-sidebar,
  .hotelpreflight-homepage-v2 #authScreen .landing-sticky-head{
    position:relative!important;
    top:auto!important;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-sidebar{
    padding:7px 8px!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-sidebar::-webkit-scrollbar{display:none;}
  .hotelpreflight-homepage-v2 #authScreen .landing-nav{
    gap:4px!important;
    scroll-snap-type:x proximity;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-nav-link{
    flex:0 0 auto;
    min-height:38px!important;
    padding:7px 10px!important;
    scroll-snap-align:start;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-public-header{
    min-height:0!important;
    padding:10px 12px!important;
    gap:8px!important;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-header-right{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    align-items:start!important;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-live-bar{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    gap:6px!important;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-live-pill{
    min-width:0!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 9px!important;
    border-radius:10px!important;
    overflow:hidden;
    white-space:nowrap!important;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-live-location{
    max-width:none!important;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-live-location #landingLiveCity{
    min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-live-fx{
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:7px!important;
    overflow:visible!important;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-live-fx select{
    width:100%!important;min-width:0!important;max-width:none!important;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-language-control{
    margin:0!important;
    min-height:38px!important;
    height:38px!important;
    align-self:start;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-main{
    padding:20px 12px 30px!important;
    gap:14px!important;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-copy h1{
    font-size:clamp(32px,9vw,42px)!important;
    line-height:1.04!important;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-intro{font-size:16px!important;}
  .landing-affiliate-card,.landing-affiliate-earnings,.landing-affiliate-form-wrap{
    padding:17px!important;border-radius:16px!important;
  }

  /* Authenticated shell: one clean mobile flow, no stacked sticky headers. */
  #appShell{display:block!important;min-width:0!important;overflow-x:hidden;}
  #appShell::before{
    left:0!important;right:0!important;top:0!important;height:390px!important;
    background:
      linear-gradient(180deg,rgba(248,252,255,.70) 0%,rgba(248,252,255,.52) 52%,rgba(235,246,255,.16) 100%),
      var(--hpf-cover) center 42%/cover no-repeat!important;
  }
  #appShell>.rea-sidebar{
    position:relative!important;
    top:auto!important;
    z-index:20!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    padding:7px 8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none;
    overscroll-behavior-x:contain;
  }
  #appShell>.rea-sidebar::-webkit-scrollbar{display:none;}
  #appShell .rea-sidebar-nav{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    width:max-content!important;
    min-width:max-content!important;
    scroll-snap-type:x proximity;
  }
  #appShell .rea-sidebar .workspace-tab,
  #appShell .rea-sidebar .pms-subtab,
  #appShell .rea-sidebar .preflight-subtab{
    flex:0 0 auto!important;
    scroll-snap-align:start;
    white-space:nowrap!important;
  }

  #appShell .app-topbar{
    position:relative!important;
    top:auto!important;
    z-index:10!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"actions" "context"!important;
    gap:8px!important;
    min-height:0!important;
    padding:9px 10px 10px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.56))!important;
    backdrop-filter:blur(7px)!important;
  }
  #appShell .app-topbar>.workspace-context{display:none!important;}
  #appShell .app-topbar>.app-top-actions{
    grid-area:actions!important;
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
  }
  #appShell .header-language{
    min-width:68px!important;
    width:68px!important;
    height:40px!important;
    padding:0 8px!important;
    border-radius:10px!important;
  }
  #appShell .billing-status-chip{min-height:40px!important;height:40px!important;}
  #appShell .account-menu-button{
    min-height:40px!important;height:40px!important;padding:3px 7px!important;border-radius:10px!important;
  }
  #appShell .account-avatar{width:32px!important;height:32px!important;border-radius:9px!important;}
  #appShell .account-summary{display:none!important;}
  #appShell .account-menu{
    position:fixed!important;
    inset-inline:8px!important;
    top:58px!important;
    width:auto!important;
    max-width:none!important;
  }

  /* Local context: 3 compact cells + one full-width FX row. */
  #appShell .app-local-context{
    grid-area:context!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    padding:0!important;
  }
  #appShell .app-live-bar{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    gap:6px!important;
    overflow:visible!important;
    white-space:normal!important;
    padding:0!important;
  }
  #appShell .app-live-bar .landing-live-pill{
    min-width:0!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 9px!important;
    gap:6px!important;
    border-radius:10px!important;
    font-size:13px!important;
    overflow:hidden!important;
  }
  #appShell .app-live-bar .landing-live-location{
    max-width:none!important;
  }
  #appShell .app-live-bar .landing-live-location #appLiveCity{
    display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
  #appShell .app-live-bar .landing-live-fx{
    grid-column:1 / -1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:7px!important;
    overflow:visible!important;
  }
  #appShell .app-live-bar .landing-live-fx-base{font-size:11px!important;}
  #appShell .app-live-bar .landing-live-fx select{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:32px!important;
    padding:0 24px 0 8px!important;
  }
  #appShell .app-live-bar .landing-live-fx #appFxRate{
    min-width:0!important;
    max-width:110px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:12px!important;
  }

  #appShell .page{padding:10px 9px 34px!important;max-width:100%!important;overflow:visible!important;}
  #appShell.pms-mode .pms-page-heading,
  #appShell:not(.pms-mode) .app-page-hero{
    min-height:104px!important;
    margin:0!important;
    padding:16px 14px!important;
    border-radius:14px!important;
    align-items:flex-start!important;
    background:linear-gradient(90deg,rgba(255,255,255,.78),rgba(255,255,255,.40),rgba(255,255,255,.12))!important;
  }
  #appShell.pms-mode .pms-page-heading>div{max-width:100%!important;}
  #appShell.pms-mode .pms-page-heading h2,
  #appShell:not(.pms-mode) .app-page-hero h1{
    font-size:24px!important;line-height:1.08!important;margin-bottom:5px!important;
  }
  #appShell.pms-mode .pms-page-heading .muted,
  #appShell:not(.pms-mode) .app-page-hero .muted{
    font-size:13px!important;line-height:1.4!important;
  }
  #appShell .core-slogan-ticker{
    height:30px!important;
    min-height:30px!important;
    margin:6px 0 11px!important;
    border-radius:9px!important;
  }
  #appShell .core-slogan-ticker .slogan-ticker-track{min-height:30px!important;}
  #appShell .core-slogan-ticker .slogan-ticker-text,
  #appShell .core-slogan-ticker .slogan-ticker-brand{font-size:10px!important;}

  /* PMS content: predictable one-column controls, scroll only where data requires it. */
  #appShell.pms-mode .pms-view:not(.hidden){gap:10px!important;}
  #appShell.pms-mode .pms-toolbar,
  #appShell.pms-mode .calendar-toolbar,
  #appShell.pms-mode .pms-card-head{
    gap:9px!important;
    padding:12px!important;
  }
  #appShell.pms-mode .pms-toolbar-actions,
  #appShell.pms-mode .calendar-actions{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
  #appShell.pms-mode .pms-toolbar-actions>*{max-width:100%!important;min-width:0!important;}
  #appShell.pms-mode .pms-search{width:100%!important;min-width:0!important;}
  #appShell.pms-mode .pms-kpis,
  #appShell.pms-mode .pms-overview-grid,
  #appShell.pms-mode .pms-room-grid,
  #appShell.pms-mode .pms-inventory-summary,
  #appShell.pms-mode .pms-report-summary,
  #appShell.pms-mode .pms-channel-summary,
  #appShell.pms-mode .pms-channel-grid{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  #appShell.pms-mode .pms-kpi,
  #appShell.pms-mode .pms-report-stat,
  #appShell.pms-mode .pms-inventory-stat,
  #appShell.pms-mode .pms-channel-stat{
    min-height:0!important;
    padding:13px 14px!important;
    border-radius:14px!important;
  }
  #appShell.pms-mode .table-wrap,
  #appShell.pms-mode .pms-report-table,
  #appShell.pms-mode .reservation-calendar-wrap{
    max-width:100%!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
  #appShell.pms-mode .pms-channel-brand{width:100%!important;justify-content:center!important;}
  #appShell.pms-mode dialog,
  #appShell .utility-dialog{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    margin:auto!important;
  }
  #appShell .utility-dialog-head,
  #appShell .utility-dialog-body,
  #appShell.pms-mode .pms-dialog-head,
  #appShell.pms-mode .pms-dialog-body,
  #appShell.pms-mode .pms-dialog-foot{padding-left:14px!important;padding-right:14px!important;}
}

@media (max-width: 520px){
  .hotelpreflight-homepage-v2 #authScreen .landing-nav-link span:last-child{display:inline!important;}
  .hotelpreflight-homepage-v2 #authScreen .landing-nav-link{font-size:11px!important;padding:7px 8px!important;}
  .hotelpreflight-homepage-v2 #authScreen .landing-public-header{padding:9px!important;}
  .hotelpreflight-homepage-v2 #authScreen .landing-header-right{grid-template-columns:1fr!important;}
  .hotelpreflight-homepage-v2 #authScreen .landing-language-control{justify-self:end;}

  #appShell .app-topbar>.app-top-actions{justify-content:space-between!important;}
  #appShell .app-live-bar{grid-template-columns:minmax(0,1fr) auto auto!important;}
  #appShell.pms-mode .pms-page-heading h2,
  #appShell:not(.pms-mode) .app-page-hero h1{font-size:22px!important;}
  #appShell.pms-mode .pms-card-head{flex-direction:column!important;align-items:stretch!important;}
  #appShell.pms-mode .pms-card-head .primary,
  #appShell.pms-mode .pms-card-head .pms-outline-btn{width:100%!important;}
}

/* HotelPreflight mobile navigation v0.31.0
   Replaces horizontal desktop-nav adaptation with a compact mobile header + vertical menu. */
.hpf-mobile-menu-toggle{display:none;}

@media (max-width:820px){
  /* PUBLIC: compact brand row, no horizontal nav strip. */
  .hotelpreflight-homepage-v2 #authScreen .landing-sidebar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    padding:9px 10px!important;
    overflow:visible!important;
    background:linear-gradient(180deg,#0b315f 0%,#0a274d 100%)!important;
    box-sizing:border-box!important;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-brand{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-brand-logo{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-brand-logo img{
    width:100%!important;height:100%!important;object-fit:contain!important;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-brand-copy{
    display:grid!important;
    min-width:0!important;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-brand-copy strong{
    display:block!important;
    color:#fff!important;
    font-size:17px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-brand-copy small{
    display:block!important;
    margin-top:3px!important;
    max-width:220px!important;
    color:rgba(255,255,255,.72)!important;
    font-size:10px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .hpf-mobile-menu-toggle{
    display:grid!important;
    place-items:center!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.20)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    box-shadow:none!important;
    font:800 22px/1 system-ui,sans-serif!important;
    cursor:pointer!important;
  }
  .hpf-mobile-menu-toggle[aria-expanded="true"]{
    background:#2467ea!important;
    border-color:#6da2ff!important;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-nav{
    grid-column:1 / -1!important;
    display:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:7px 0 2px!important;
    margin:0!important;
    gap:5px!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-sidebar.mobile-menu-open .landing-nav{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-nav-link{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:44px!important;
    padding:9px 12px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    font-size:14px!important;
    border-radius:11px!important;
    box-sizing:border-box!important;
    white-space:normal!important;
    scroll-snap-align:none!important;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-nav-link span:last-child{
    display:block!important;
    min-width:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-sidebar-bottom{
    grid-column:1 / -1!important;
    display:none!important;
    margin:5px 0 0!important;
    padding:10px 4px 2px!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-sidebar.mobile-menu-open .landing-sidebar-bottom{
    display:block!important;
  }

  /* AUTHENTICATED: same compact navigation pattern. */
  #appShell>.rea-sidebar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    padding:9px 10px!important;
    overflow:visible!important;
    background:linear-gradient(180deg,#0b315f 0%,#0a274d 100%)!important;
    box-sizing:border-box!important;
  }
  #appShell .rea-sidebar-brand{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
  }
  #appShell .rea-sidebar-logo{
    width:48px!important;height:48px!important;min-width:48px!important;border-radius:12px!important;overflow:hidden!important;
  }
  #appShell .rea-sidebar-logo img{width:100%!important;height:100%!important;object-fit:contain!important;}
  #appShell .rea-sidebar-brand-copy{display:grid!important;min-width:0!important;}
  #appShell .rea-sidebar-brand-copy strong{color:#fff!important;font-size:17px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  #appShell .rea-sidebar-brand-copy small{display:block!important;margin-top:3px!important;max-width:220px!important;color:rgba(255,255,255,.72)!important;font-size:10px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  #appShell .rea-sidebar-nav{
    grid-column:1 / -1!important;
    display:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:7px 0 2px!important;
    margin:0!important;
    overflow:visible!important;
  }
  #appShell>.rea-sidebar.mobile-menu-open .rea-sidebar-nav{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:5px!important;
  }
  #appShell .rea-sidebar .workspace-tab,
  #appShell .rea-sidebar .pms-subtab,
  #appShell .rea-sidebar .preflight-subtab{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    height:auto!important;
    padding:9px 12px!important;
    text-align:left!important;
    justify-content:flex-start!important;
    white-space:normal!important;
    box-sizing:border-box!important;
  }
  #appShell .rea-sidebar-subnav{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 0 0 12px!important;
    box-sizing:border-box!important;
  }
  #appShell .rea-sidebar-footer{display:none!important;}

  /* Ensure mobile content never inherits a desktop minimum width. */
  .hotelpreflight-homepage-v2 #authScreen .landing-shell,
  .hotelpreflight-homepage-v2 #authScreen .landing-stage,
  .hotelpreflight-homepage-v2 #authScreen .landing-main,
  #appShell,
  #appShell>main,
  #appShell .page{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-hero{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-copy,
  .hotelpreflight-homepage-v2 #authScreen .landing-login-card{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-copy h1,
  .hotelpreflight-homepage-v2 #authScreen .landing-intro{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }
}

@media (max-width:520px){
  .hotelpreflight-homepage-v2 #authScreen .landing-brand-copy small,
  #appShell .rea-sidebar-brand-copy small{max-width:180px!important;}
  .hotelpreflight-homepage-v2 #authScreen .landing-copy h1{
    font-size:clamp(30px,8.8vw,39px)!important;
    line-height:1.04!important;
  }
  .hotelpreflight-homepage-v2 #authScreen .landing-main{padding-left:10px!important;padding-right:10px!important;}
}

/* HotelPreflight mobile containment v0.32.0
   Root-cause repair for public-page horizontal overflow after desktop shell unification.
   Mobile-only; no desktop, PMS logic, API, billing or calendar changes. */
@media (max-width:820px){
  html,
  body,
  #authScreen,
  #authScreen .landing-shell,
  #authScreen .landing-stage,
  #authScreen .landing-sticky-head,
  #authScreen .landing-public-header,
  #authScreen .landing-data-credit,
  #authScreen .landing-main,
  #authScreen .landing-hero,
  #authScreen .landing-copy,
  #authScreen .landing-login-card,
  #authScreen .auth-card,
  #authScreen .landing-features,
  #authScreen .landing-commercial,
  #authScreen .landing-affiliate-section,
  #authScreen .landing-contact-section{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  #authScreen,
  #authScreen .landing-shell,
  #authScreen .landing-stage{
    overflow-x:hidden!important;
  }

  #authScreen .landing-shell{
    display:block!important;
    grid-template-columns:minmax(0,1fr)!important;
  }

  #authScreen .landing-stage{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
  }

  #authScreen .landing-sticky-head{
    position:relative!important;
    inset:auto!important;
  }

  #authScreen .landing-main{
    display:block!important;
    padding:16px 14px 30px!important;
  }

  #authScreen .landing-hero{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
    align-items:stretch!important;
  }

  #authScreen .landing-copy,
  #authScreen .landing-copy > *,
  #authScreen .landing-login-card,
  #authScreen .landing-login-card > *,
  #authScreen .auth-card > *,
  #authScreen form,
  #authScreen .field,
  #authScreen .auth-actions,
  #authScreen .landing-cta,
  #authScreen .landing-status-row{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  #authScreen .landing-copy{
    padding:4px 2px 0!important;
    overflow:hidden!important;
  }

  #authScreen .landing-copy h1,
  #authScreen .landing-copy p,
  #authScreen .landing-feature-card h2,
  #authScreen .landing-feature-card p,
  #authScreen .landing-commercial h2,
  #authScreen .landing-commercial p,
  #authScreen .auth-card h2,
  #authScreen .auth-card p{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  #authScreen .landing-copy h1{
    font-size:clamp(34px,10.5vw,46px)!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
  }

  #authScreen .landing-intro{
    font-size:17px!important;
    line-height:1.55!important;
  }

  #authScreen .landing-cta{
    display:block!important;
    width:100%!important;
  }

  #authScreen .landing-register-cta,
  #authScreen .landing-cta .primary,
  #authScreen .auth-actions .primary,
  #authScreen .auth-register-btn{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    white-space:normal!important;
  }

  #authScreen .landing-login-card,
  #authScreen .auth-card{
    padding:22px 18px!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }

  #authScreen .auth-brand{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:12px!important;
    align-items:center!important;
  }

  #authScreen .auth-brand-copy{
    min-width:0!important;
  }

  #authScreen .auth-brand-copy strong,
  #authScreen .auth-brand-copy small{
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  #authScreen .field input,
  #authScreen .field select,
  #authScreen .field textarea,
  #authScreen .auth-actions select,
  #authScreen input,
  #authScreen select,
  #authScreen textarea{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  #authScreen .auth-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
    width:100%!important;
  }

  #authScreen .landing-status-row{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }

  #authScreen .landing-features,
  #authScreen .landing-pricing-grid,
  #authScreen .landing-pricing-tiers,
  #authScreen .landing-affiliate-grid,
  #authScreen .landing-contact-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:12px!important;
  }

  #authScreen .landing-feature-card,
  #authScreen .landing-price-card,
  #authScreen .landing-tier-card,
  #authScreen .landing-affiliate-card,
  #authScreen .landing-affiliate-earnings,
  #authScreen .landing-affiliate-form-wrap{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  #authScreen .landing-data-credit{
    padding:6px 14px 10px!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:4px 8px!important;
    font-size:10px!important;
    line-height:1.35!important;
  }

  #authScreen .landing-data-credit > *{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }
}

@media (max-width:520px){
  #authScreen .landing-main{padding:14px 12px 28px!important;}
  #authScreen .landing-login-card,
  #authScreen .auth-card{padding:20px 16px!important;}
  #authScreen .landing-copy h1{font-size:clamp(32px,10vw,42px)!important;}
  #authScreen .landing-intro{font-size:16px!important;}
}