/* Smartstrat user-account support layer. No global redesign: only install banner + mobile overflow safety. */
html, body { max-width: 100%; }
img { max-width: 100%; }

/* Native app install banner for user dashboard */
.ss-install-banner{display:none;margin:10px 12px 12px;padding:12px;border-radius:14px;background:#1A233A;border:1px solid rgba(255,211,2,.35);box-shadow:0 8px 20px rgba(0,0,0,.18);color:#fff;align-items:center;gap:12px;position:relative;z-index:5}
.ss-install-banner.is-visible{display:flex}
.ss-install-icon{width:40px;height:40px;border-radius:12px;background:#ffd302;color:#1A233A;display:flex;align-items:center;justify-content:center;flex:0 0 40px;font-size:18px}
.ss-install-copy{flex:1;min-width:0}.ss-install-title{font-size:14px;font-weight:800;line-height:1.2;margin:0;color:#fff}.ss-install-text{font-size:11px;color:rgba(255,255,255,.72);line-height:1.35;margin:2px 0 0}.ss-install-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.ss-install-btn{height:34px;padding:0 13px;border:0;border-radius:999px;background:#ffd302;color:#1A233A;font-size:12px;font-weight:800;white-space:nowrap}.ss-install-close{width:28px;height:28px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}
@media(max-width:420px){.ss-install-banner{margin:8px 8px 10px;padding:10px;border-radius:12px}.ss-install-icon{width:36px;height:36px;flex-basis:36px;font-size:16px}.ss-install-title{font-size:13px}.ss-install-text{font-size:10px}.ss-install-btn{height:32px;padding:0 10px}.ss-install-close{width:26px;height:26px}}

/* Mobile profile fit only: keeps original colors/components and prevents horizontal overflow. */
@media(max-width:767px){
  html,body{overflow-x:hidden!important}
  .container,.container-fluid{max-width:100%!important;overflow-x:hidden}
  .row.gutters{margin-left:0!important;margin-right:0!important}
  .row.gutters>[class*="col-"]{padding-left:8px!important;padding-right:8px!important;max-width:100%}
  .card,.card-body,form{max-width:100%;box-sizing:border-box}
  input,select,textarea{max-width:100%;box-sizing:border-box}
  .account-settings .user-profile .user-avatar img{max-width:76px;height:auto}
  .footer-paddingpb-5{padding-bottom:72px!important}
}


html.ss-smooth-page.ss-page-leaving body{opacity:.96;}
@media (prefers-reduced-motion: reduce){html.ss-smooth-page body{transition:none!important}}


/* No-cache smooth complete page transition: tiny opacity change only, no overlay/loader. */
html.ss-smooth-page body{transition:opacity .10s ease;}
html.ss-smooth-page.ss-page-leaving body{opacity:.985;}
@media (prefers-reduced-motion: reduce){html.ss-smooth-page body{transition:none!important}}

/* Admin message icon/badge fix without changing the topnav design. */
.ss-admin-chat-link{width:40px;height:40px;display:inline-flex!important;align-items:center;justify-content:center;border-radius:50%;position:relative;text-decoration:none!important;line-height:1;vertical-align:middle;}
.ss-admin-chat-link:hover{text-decoration:none!important;}
.ss-admin-chat-link-icon{font-size:24px!important;line-height:1!important;margin:0!important;display:block!important;}
.ss-admin-chat-badge{position:absolute!important;top:1px!important;right:0!important;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff3b30;color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1;z-index:5;box-shadow:0 0 0 2px #1f2937;}