.oemmie-mobile-actionbar{display:none}
@media(max-width:980px){
  .oemmie-sidebar{overflow-y:auto;overscroll-behavior:contain;padding-bottom:12px}
  .oemmie-sidebar-foot{position:sticky;bottom:0;margin-top:18px;padding:14px 0 4px;background:linear-gradient(180deg,transparent 0,#052f36 22%);z-index:2}
  .oemmie-sidebar-foot a{display:flex!important;min-height:46px;align-items:center;justify-content:flex-start;background:#c99a2e;color:#fff!important;border-radius:11px;font-weight:800}
  .oemmie-sidebar-foot a:hover{background:#e0ad3c;color:#fff!important}
}
@media(max-width:640px){
  .oemmie-content{padding:14px 12px calc(106px + env(safe-area-inset-bottom))!important}
  .oemmie-page-intro{margin:0 0 14px!important;padding:14px!important;gap:10px!important}
  .oemmie-page-intro h1{font-size:25px!important}
  .oemmie-page-intro small{font-size:10px!important}
  .oemmie-content .grid,.oemmie-content .grid.portal{grid-template-columns:1fr!important;gap:12px!important}
  .oemmie-content .card{padding:16px!important;border-radius:14px!important}
  .oemmie-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-right:-4px}
  .oemmie-table-scroll table{min-width:620px}
  .madrasa-form input,.madrasa-form select,.madrasa-form textarea,.madrasa-form button{font-size:16px!important}
  .oemmie-module-title{margin:18px 0 12px!important}
  .oemmie-module-title h2{font-size:23px!important}
  .oemmie-topbar{min-height:62px!important;padding:0 12px!important}
  .oemmie-topbar>div:first-of-type{min-width:0}
  .oemmie-topbar>div:first-of-type strong,.oemmie-topbar>div:first-of-type small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
  .oemmie-user>span:not(.oemmie-avatar){display:none}
  .oemmie-content *{overflow-wrap:break-word}
  .oemmie-content .button,.oemmie-content .cta{white-space:normal;line-height:1.25}
  .oemmie-mobile-actionbar{position:fixed;z-index:110;right:max(9px,env(safe-area-inset-right));bottom:max(9px,env(safe-area-inset-bottom));left:max(9px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(var(--oemmie-mobile-nav-count,5),minmax(0,1fr));gap:4px;padding:7px;border:1px solid rgba(9,78,72,.14);border-radius:22px;background:rgba(255,255,255,.965);box-shadow:0 14px 38px rgba(4,54,52,.22);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  .oemmie-mobile-actionbar:before{content:"";position:absolute;inset:3px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(244,250,247,.72));pointer-events:none}
  .oemmie-mobile-actionbar a{position:relative;z-index:1;display:grid;place-items:center;gap:4px;min-height:54px;padding:6px 2px;border-radius:16px;color:#506b68;text-decoration:none;transition:background .16s ease,color .16s ease,transform .16s ease}
  .oemmie-mobile-actionbar a:active{transform:scale(.97)}
  .oemmie-mobile-actionbar a.active{background:linear-gradient(145deg,#e2f5ed,#f6fffb);color:#075b61;box-shadow:inset 0 0 0 1px rgba(8,123,115,.13)}
  .oemmie-mobile-actionbar a.active:after{content:"";position:absolute;top:5px;width:22px;height:3px;border-radius:99px;background:#e0a32c}
  .oemmie-mobile-actionbar .dashicons{width:23px;height:23px;font-size:22px;line-height:23px}
  .oemmie-mobile-actionbar small{max-width:100%;overflow:hidden;color:inherit;font-size:9.5px;font-weight:900;line-height:1.05;text-align:center;text-overflow:ellipsis;white-space:nowrap}
  .oemmie-mobile-actionbar b{position:absolute;top:4px;right:calc(50% - 23px);display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid #fff;border-radius:99px;background:#d84a55;color:#fff;font-size:9px;line-height:1;box-shadow:0 4px 10px rgba(216,74,85,.25)}
  .oemmie-app:has(.oemmie-mobile-actionbar) .oemmie-help-center{bottom:88px}
}