/* Mobile navigation and wayfinding layer for Ell Vii CRM demos. */
.crm-menu-backdrop{display:none}
.crm-explore-label,.crm-explore-links{display:none}
.crm-mobile-wayfinding{display:none}
.crm-mobile-coach{display:none}
@media(max-width:900px){
  body.crm-menu-open{overflow:hidden}
  .demo-strip{position:relative;z-index:90}
  .demo-strip-inner{min-height:40px;padding:7px 12px;display:block}
  .demo-strip-actions{display:none!important}
  .demo-strip strong{display:block;font-size:11px}
  .demo-strip span{display:block;margin-top:2px;font-size:9px;line-height:1.35}
  .crm-shell{min-height:calc(100vh - 40px)}
  .crm-main{overflow:visible}
  .crm-topbar{position:sticky!important;top:0!important;z-index:125!important;min-height:64px;padding:10px 12px!important;box-shadow:0 7px 24px rgba(15,35,56,.12)}
  .mobile-menu{display:grid!important;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #bfcbd8;border-radius:12px;background:#fff;color:#102033;font-size:20px;box-shadow:0 4px 12px rgba(15,35,56,.06)}
  .crm-sidebar{top:0!important;bottom:0!important;height:100dvh!important;width:min(310px,86vw)!important;z-index:150!important;padding-top:max(18px,env(safe-area-inset-top))!important;padding-bottom:max(24px,env(safe-area-inset-bottom))!important;box-shadow:18px 0 50px rgba(4,14,27,.28)}
  .crm-sidebar.open{transform:translateX(0)!important}
  .crm-menu-backdrop{position:fixed;inset:0;z-index:145;border:0;background:rgba(4,14,27,.56);backdrop-filter:blur(2px)}
  .crm-menu-backdrop.show{display:block}
  .crm-explore-label{display:block}
  .crm-explore-links{display:grid;gap:5px;margin-top:8px;padding:0 4px 10px}
  .crm-explore-links a{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.055);color:#dbe7f3;padding:9px 10px;font-size:11px;font-weight:850}
  .crm-explore-links a:hover,.crm-explore-links a:focus-visible{background:rgba(255,255,255,.1)}
  .crm-explore-links a span{color:#8095aa;font-size:9px;font-weight:800;text-align:right}
  .crm-mobile-wayfinding{display:grid;gap:12px;margin:18px 0 4px;border:1px solid #b9cde7;border-radius:20px;background:linear-gradient(135deg,#f9fbff,#eef5ff);padding:17px;box-shadow:0 10px 28px rgba(15,35,56,.07)}
  .crm-mobile-wayfinding strong{font-size:14px;color:#102033}
  .crm-mobile-wayfinding p{margin:4px 0 0;color:#586a7d;font-size:11px;line-height:1.5}
  .crm-mobile-wayfinding-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .crm-mobile-wayfinding .btn{width:100%}
  .crm-mobile-coach{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:138;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #b7c8da;border-radius:18px;background:rgba(255,255,255,.98);padding:12px;box-shadow:0 18px 48px rgba(5,20,38,.2);backdrop-filter:blur(14px)}
  .crm-mobile-coach.show{display:grid}
  .crm-mobile-coach b{display:block;font-size:11px;color:#102033}
  .crm-mobile-coach p{margin:3px 0 0;color:#617286;font-size:9px;line-height:1.4}
  .crm-mobile-coach-actions{display:flex;gap:5px}
  .crm-mobile-coach button{min-height:38px;border:1px solid #c3d0dc;border-radius:11px;background:#fff;color:#102033;padding:7px 9px;font-size:10px;font-weight:900}
  .crm-mobile-coach button.primary{background:#163f80;border-color:#163f80;color:#fff}
}
@media(max-width:620px){
  .demo-strip-inner{padding:6px 10px}
  .crm-topbar{gap:7px!important}
  .top-actions{display:none!important}
  .global-search input{height:44px;padding-left:36px;font-size:12px}
  .search-icon{top:12px}
  .crm-mobile-wayfinding-actions{grid-template-columns:1fr}
  .crm-mobile-coach{grid-template-columns:1fr}
  .crm-mobile-coach-actions{display:grid;grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){.crm-menu-backdrop{backdrop-filter:none}}