/* Shared small-screen layout and payment review components. */
html{scroll-behavior:smooth;scroll-padding-top:90px}img{max-width:100%;height:auto}.dashboard [id]{scroll-margin-top:85px}.dashboard-nav{display:flex;gap:8px;margin:20px 0 26px;overflow-x:auto;padding:7px;background:#eaf0e3;border-radius:12px;position:sticky;top:8px;z-index:5}.dashboard-nav a{padding:10px 16px;text-decoration:none;white-space:nowrap;border-radius:7px;font-size:12px}.dashboard-nav a:hover,.dashboard-nav a:focus{background:white}.demo-banner{padding:12px 5%;background:#cef57c;color:#183a32;font-size:12px;text-align:center}.demo-banner a{font-weight:bold;margin-left:14px}.payment-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:start}.payment-steps{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.payment-steps span{font-size:11px;background:#eef3e6;padding:8px 12px;border-radius:20px}.payment-steps .current{background:#183a32;color:white}.payment-summary{background:#183a32;color:white;border-radius:16px;padding:28px}.payment-summary h2{margin-top:0}.payment-summary p{color:#c3d1ba;font-size:12px}.payment-line{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff22;padding:13px 0;font-size:12px}.payment-line strong{font-size:16px;text-align:right}.payment-methods{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.payment-methods span{border:1px solid #dfe7d6;padding:8px 12px;border-radius:7px;font-size:11px}.payment-note{font-size:12px;line-height:1.8;color:#677b5d}.payment-select{width:100%;padding:13px;border:1px solid #dbe5d2;border-radius:8px;background:white;color:#183a32;margin:12px 0}.payment-summary button{background:#cef57c;color:#183a32;cursor:not-allowed;opacity:.7}.payment-empty{padding:24px;border:1px dashed #bacaac;border-radius:10px}.mobile-table-scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.payment-tools{display:flex;gap:12px;flex-wrap:wrap}.payment-tools a{font-size:12px}.demo-report{margin:24px 0}.demo-report details{margin-top:18px}.demo-report summary{cursor:pointer;padding:12px;background:#eef3e6;border-radius:8px}.preview-controls{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;padding:16px;background:#183a32;color:white}.preview-controls button{background:white;color:#183a32;border:0;border-radius:6px;padding:10px 18px;cursor:pointer}.preview-frame{display:block;width:100%;height:calc(100dvh - 78px);margin:auto;border:0;background:white;transition:width .2s}.preview-frame.mobile{width:min(390px,100%);border:1px solid #dfe7d6}
@media(max-width:900px){.payment-grid{grid-template-columns:1fr}.dashboard-journey{grid-template-columns:1fr!important}.builder-layout{grid-template-columns:1fr!important}.builder-summary{position:static!important}.cms-toolbar{max-width:100%}}
@media(max-width:640px){.account-header{flex-wrap:wrap;gap:18px;padding:18px 5%}.account-header nav{width:100%;gap:8px 18px;flex-wrap:wrap}.account-header nav a{min-height:36px;display:flex;align-items:center}.dashboard{margin-top:22px}.dashboard h1{font-size:29px;line-height:1.2}.dashboard-nav{margin:14px -1% 22px}.dashboard-nav a{padding:10px 12px}.dash-stats{gap:10px}.dash-stat strong{font-size:27px}.dash-box{padding:20px;min-width:0}.dashboard-title .account-btn{width:100%}.payment-summary{padding:22px}.payment-line{gap:12px}.payment-line strong{font-size:15px}.dashboard-journey{padding:24px!important}.dashboard-journey ol{padding-left:18px}.dash-actions{gap:12px}.dash-actions a,.dash-actions button{min-height:40px;display:inline-flex;align-items:center}.account-btn,.btn,.cms-btn{min-height:44px}input,select,textarea{font-size:16px!important;max-width:100%}.modal{width:calc(100% - 16px)!important;max-height:94dvh!important;overflow:auto}.modalhead{padding:18px!important}.builder-main{min-width:0}.steps{overflow:auto;white-space:nowrap}.formfoot{position:sticky;bottom:0;background:#fff;z-index:3}.performance-actions{flex-wrap:wrap}.client-report-panel{min-width:0}.cms-toolbar input{min-width:0!important;width:100%}.cms-editor-foot{flex-wrap:wrap}.cms-editor-foot>div{flex-wrap:wrap}.cms-stats{gap:10px}.cms-title{flex-wrap:wrap}.rate-controls,.calc-controls{grid-template-columns:1fr!important}.rate-platform-cards{grid-template-columns:1fr!important}.rate-card-actions .btn{width:100%}.preview-controls{font-size:12px}.preview-frame{height:calc(100dvh - 110px)}body{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.preview-frame{transition:none}}
@media print{.dashboard-nav,.demo-banner,.payment-tools{display:none}.payment-summary{color:#183a32;background:white;border:1px solid #bbb}.payment-summary p{color:#555}}