/* SMSOTPS V6 responsive shell - user/admin safe enhancement layer */
:root{--sms-accent:#6d5dfc;--sms-accent2:#2486ff;--sms-bg:#0b1220;--sms-card:#111827;--sms-line:rgba(148,163,184,.18)}
html,body{max-width:100%;overflow-x:hidden}body{min-width:0}img,svg,video,canvas{max-width:100%;height:auto}iframe{max-width:100%}table{width:100%}input,select,textarea,button{max-width:100%}.container,.container-fluid,.wrapper,.content,.main-content,.page-content{min-width:0}.row>*{min-width:0}
.sms-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px}.sms-table-wrap>table{min-width:720px}
.sms-mobile-toggle{display:none;position:fixed;right:14px;top:14px;z-index:10050;width:44px;height:44px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--sms-accent),var(--sms-accent2));color:#fff;box-shadow:0 12px 28px rgba(37,99,235,.35);align-items:center;justify-content:center;font-size:20px}
.sms-mobile-drawer{display:none;position:fixed;inset:0;z-index:10040;background:rgba(2,6,23,.58);backdrop-filter:blur(5px)}
.sms-mobile-drawer.open{display:block}.sms-mobile-panel{position:absolute;right:0;top:0;height:100%;width:min(86vw,340px);background:linear-gradient(180deg,#0f172a,#111827);color:#fff;padding:72px 18px 24px;overflow:auto;box-shadow:-18px 0 50px rgba(0,0,0,.35)}
.sms-mobile-panel a{display:flex;align-items:center;gap:12px;color:#dbeafe;text-decoration:none;padding:13px 14px;margin:5px 0;border-radius:12px;border:1px solid transparent}.sms-mobile-panel a.active,.sms-mobile-panel a:hover{background:rgba(99,102,241,.16);border-color:rgba(129,140,248,.28);color:#fff}.sms-mobile-panel .sms-menu-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#94a3b8;margin:12px 10px 7px}
.sms-bottom-nav{display:none;position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:10030;background:rgba(15,23,42,.95);border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 45px rgba(0,0,0,.32);backdrop-filter:blur(14px);border-radius:18px;padding:7px}.sms-bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;color:#94a3b8;text-decoration:none;font-size:.66rem;font-weight:700;border-radius:12px}.sms-bottom-nav a span:first-child{font-size:18px;line-height:1}.sms-bottom-nav a.active{color:#fff;background:linear-gradient(135deg,rgba(109,93,252,.9),rgba(36,134,255,.9))}
.sms-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.sms-responsive-card{min-width:0;overflow:hidden}.sms-nowrap-safe{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:991.98px){
  body.sms-user-shell{padding-bottom:82px!important}.sms-mobile-toggle{display:flex}.sms-bottom-nav{display:flex}
  .desktop-only,.hide-mobile{display:none!important}.main-content,.content-wrapper,.page-content{margin-left:0!important;width:100%!important;max-width:100%!important}
  .sidebar:not(.sms-keep-mobile),.side-nav:not(.sms-keep-mobile){transform:translateX(-110%)}
  .container,.container-fluid{padding-left:14px!important;padding-right:14px!important}
  .row{--bs-gutter-x:1rem}.card,.panel,.panel-card,.stat-card{max-width:100%}
  .modal-dialog{margin:12px!important;max-width:calc(100% - 24px)!important}.modal-content{border-radius:18px!important}
  .btn-group,.button-group,.actions{flex-wrap:wrap}.btn-group>.btn{flex:1 1 auto}
}
@media(max-width:767.98px){
  h1{font-size:clamp(1.55rem,7vw,2.1rem)!important}h2{font-size:clamp(1.25rem,6vw,1.75rem)!important}h3{font-size:clamp(1.05rem,5vw,1.35rem)!important}
  .sms-stack-mobile{display:flex!important;flex-direction:column!important;align-items:stretch!important}.sms-stack-mobile>*{width:100%!important}
  .table-responsive,.sms-table-wrap{margin-left:0;margin-right:0}.form-control,.form-select,input,select,textarea{font-size:16px!important}
  .card-body,.panel-card,.content-card{padding:14px!important}.stat-card{padding:15px!important}.nav-tabs{overflow-x:auto;flex-wrap:nowrap!important;white-space:nowrap;-webkit-overflow-scrolling:touch}.nav-tabs .nav-link{white-space:nowrap}
}
@media(max-width:420px){.sms-mobile-panel{width:92vw}.sms-bottom-nav{left:5px;right:5px}.sms-bottom-nav a{font-size:.59rem}.sms-bottom-nav a span:first-child{font-size:17px}.container,.container-fluid{padding-left:10px!important;padding-right:10px!important}}


/* V6.1 navigation reliability fixes */
.sms-mobile-toggle{isolation:isolate}
.sms-mobile-drawer{isolation:isolate}
.sms-mobile-panel{z-index:1}
.sms-mobile-panel .sms-menu-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:1px solid rgba(148,163,184,.22);border-radius:12px;background:rgba(255,255,255,.06);color:#fff;font-size:20px;cursor:pointer}
.sms-mobile-panel .sms-menu-brand{position:absolute;left:20px;top:22px;font-weight:900;letter-spacing:.04em;color:#fff}
body.sms-menu-open{overflow:hidden!important;touch-action:none}
@media(max-width:991.98px){
  .header-main{overflow:visible!important}
  .header-main .dropdown,.topbar .dropdown,.navbar .dropdown{z-index:10060!important}
  .header-main .dropdown-menu,.topbar .dropdown-menu,.navbar .dropdown-menu{z-index:10070!important}
}
@media(max-width:991.98px){.whatsapp-float,.community-float{bottom:90px!important}}