/* Shared mobile layer for the public website.  It preserves page content and
   behavior while making every customer-facing route use the same clay system. */
@media (max-width:740px){
  body[data-page]{background:var(--bg,#f3eefa);color:var(--text,#2d2a3c)}
  .legal-page,.legal,.help,.price-page,.account,.auth-page,.register-page,.recover,.reset,.verify,.status-page{position:relative;z-index:1;width:100%;min-height:calc(100dvh - 60px);padding:30px 16px calc(42px + env(safe-area-inset-bottom))!important}
  .legal-page,.legal,.help,.price-page,.account{max-width:760px;margin:0 auto}
  .legal-card,.legal .block,.faq-group,.contact,.price-page .plan,.payment-box,.account .panel,.account .side-action,.auth-shell,.register-card,.recover-card,.reset .card,.verify-card,.status-card{border:0!important;border-radius:22px!important;background:var(--surface,#fff)!important;box-shadow:var(--clay-lg,0 10px 24px rgba(174,174,192,.18))!important}
  .legal-card,.legal .block,.faq-group,.contact,.account .panel,.account .side-action{padding:18px!important}
  .legal-page h1,.legal h1,.help-head h1,.price-hero h1,.account-head h1{font-size:31px!important;line-height:1.16!important;letter-spacing:-.04em}
  .legal-lead,.legal .lead,.help-head p,.price-hero p,.account-head p{font-size:14px!important;line-height:1.7!important;color:var(--text-muted,#7b7794)!important}
  .legal-page h2,.legal h2,.faq-group h2,.contact h2{font-size:20px!important}
  .legal-page p,.legal p,.legal-page li,.legal li{font-size:14px!important;line-height:1.75!important}
  .help-head{text-align:left!important}.help-search{height:50px!important;border:0!important;border-radius:16px!important;background:var(--surface,#fff)!important;box-shadow:var(--clay-inset)!important}.help-grid{grid-template-columns:1fr!important;gap:14px!important}.faq summary{padding:15px 25px 15px 0!important;font-size:14px!important}.faq p{font-size:13px!important}.contact textarea,.contact input{border:0!important;border-radius:14px!important;background:var(--surface-alt,#faf7fd)!important;box-shadow:var(--clay-inset)!important}
  .price-page{padding-top:28px!important}.price-hero{text-align:left!important}.pricing-tabs{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;border:0!important;background:transparent!important}.pricing-tabs button{min-height:46px!important;border:0!important;border-radius:14px!important;background:var(--surface,#fff)!important;box-shadow:var(--clay-sm)!important}.pricing-tabs button.active{background:var(--pri-light,#f3f0ff)!important;box-shadow:var(--clay-pri)!important;color:var(--pri,#7c5cfc)!important}.pricing-grid{grid-template-columns:1fr!important;gap:14px!important}.price-page .plan{padding:20px!important}.price-page .plan.featured{transform:none!important}.payment-layer{padding:16px!important;align-items:flex-end!important}.payment-box{width:100%!important;max-height:84dvh!important;overflow:auto!important;padding:20px!important}.payment-choice{grid-template-columns:1fr!important}.pay-action{min-height:52px!important;border-radius:16px!important}
  .account{padding-top:26px!important}.account-head{align-items:flex-start!important;gap:12px!important}.account-head>a{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:var(--pri-gradient,#7c5cfc);box-shadow:var(--clay-pri);color:#fff}.summary{grid-template-columns:1fr 1fr!important;gap:10px!important}.summary .welcome{grid-column:1/-1}.metric{min-height:102px!important;border:0!important;border-radius:18px!important;background:var(--surface,#fff)!important;box-shadow:var(--clay-sm)!important}.two-col{grid-template-columns:1fr!important;gap:14px!important}.side-list{gap:14px!important}.active-task,.history-item,.order-row{border:0!important;border-radius:16px!important;background:var(--surface-alt,#faf7fd)!important;box-shadow:var(--clay-inset)!important}.active-task,.history-item{grid-template-columns:44px minmax(0,1fr)!important;padding:11px!important}.active-task .state,.history-item .state{grid-column:2;text-align:left!important}.mini-qr{padding:10px!important}
  .auth-page,.register-page,.recover,.reset,.verify{display:flex!important;align-items:flex-start!important;justify-content:center!important;padding-top:34px!important}.auth-shell,.register-card,.recover-card,.reset .card,.verify-card{width:100%!important;max-width:470px!important;padding:24px 20px!important}.auth-page h1,.register-card h1,.recover-card h1,.reset .card h1,.verify-card h1{font-size:28px!important}.auth-desc,.register-desc,.recover-card p,.reset .card p,.verify-card p{font-size:14px!important;line-height:1.65!important}.field input,.register-field input,.code-row input,.password-row input,.auth-shell input,.recover-card input,.reset .card input{height:50px!important;border:0!important;border-radius:14px!important;background:var(--surface-alt,#faf7fd)!important;box-shadow:var(--clay-inset)!important}.code-row,.password-row{grid-template-columns:minmax(0,1fr) auto!important}.submit,.register-submit,.auth-shell button[type=submit],.recover-card button,.reset .card button{min-height:52px!important;border-radius:16px!important;background:var(--pri-gradient,#7c5cfc)!important;box-shadow:var(--clay-pri)!important}.qr-panel,.register-qr-panel{border:0!important;border-radius:18px!important;background:var(--surface-alt,#faf7fd)!important;box-shadow:var(--clay-inset)!important}.auth-bottom,.register-bottom{padding-top:16px!important}
  .status-page{display:flex!important;align-items:flex-start!important;justify-content:center!important;padding-top:34px!important}.status-card{width:100%!important;padding:24px 20px!important}.component-list{grid-template-columns:1fr!important}.status-actions{flex-direction:column!important}.status-actions a,.status-actions button{width:100%!important;min-height:48px!important;border-radius:16px!important}
  .footer{position:relative;z-index:1;padding:26px 16px calc(26px + env(safe-area-inset-bottom))!important}.footer .footer-inner{gap:12px!important}.footer a{min-height:38px;display:inline-flex;align-items:center}
}