.bp-page-fab{
  position:fixed;
  right:18px;
  bottom:22px;
  z-index:1995;
  display:flex;
  flex-direction:column;
  gap:10px;
  opacity:0;
  pointer-events:none;
  transform:translateY(10px);
  transition:opacity .18s ease,transform .28s cubic-bezier(.22,.61,.36,1),bottom .28s cubic-bezier(.22,.61,.36,1);
}
.bp-page-fab.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.bp-page-fab .btn{border-radius:999px;box-shadow:0 14px 30px rgba(8,63,75,.18);font-weight:850;white-space:nowrap}
.bp-page-filters-canvas .offcanvas-title{font-family:Sora,Inter,system-ui,sans-serif;font-weight:900;color:#083f4b}
.bp-filter-clone{display:block!important;background:#fff!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
.bp-filter-clone.row{row-gap:.75rem!important}
.bp-filter-clone .form-control,.bp-filter-clone .form-select{min-height:42px;border-radius:13px}
.bp-page-filters-canvas .chat-filter{position:static!important;display:block!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.bp-page-filters-canvas .chat-filter input{min-height:42px!important}
.bp-page-filters-canvas .chat-filter-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.bp-page-filters-canvas .chat-filter-types button{min-height:38px;border:1px solid rgba(15,85,99,.16);border-radius:12px;background:#fff;color:#083f4b;font-weight:850}
.bp-page-filters-canvas .chat-filter-types button.active{background:#0f5563;color:#fff;border-color:#0f5563}
.mobile-page-menu-trigger[hidden]{display:none!important}
.mobile-page-tabs-backdrop{display:none;position:fixed;inset:0;background:transparent;z-index:2005;opacity:0;transition:opacity .2s ease}
.mobile-page-tabs-backdrop.is-open{display:block;opacity:1}
.mobile-page-tabs-sheet{
  position:fixed;
  left:50%;
  right:auto;
  bottom:78px;
  z-index:2010;
  display:block;
  width:min(300px,calc(100vw - 76px));
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(15,85,99,.14);
  border-radius:16px;
  box-shadow:0 18px 44px rgba(8,63,75,.22);
  padding:8px;
  transform:translate(-50%,18px);
  opacity:0;
  pointer-events:none;
  transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .18s ease,bottom .28s cubic-bezier(.22,.61,.36,1);
}
.mobile-page-tabs-sheet.is-open{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.mobile-page-tab-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:34vh;overflow:auto;padding:0}
.mobile-page-tab-item{border:1px solid rgba(15,85,99,.12);background:#fff;color:#083f4b;border-radius:11px;padding:7px 8px;min-height:34px;display:flex;align-items:center;gap:5px;text-align:left;font-size:1rem;line-height:1;font-weight:800;box-shadow:0 8px 18px rgba(8,63,75,.05)}
.mobile-page-tab-item i{width:14px;font-size:1rem;text-align:center;color:#0f5563;flex:0 0 14px}
.mobile-page-tab-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-page-tab-item.active{background:linear-gradient(135deg,#0f5563,#147080);border-color:#0f5563;color:#fff}
.mobile-page-tab-item.active i{color:#d1a95b}

@media(max-width:991.98px){
  body.optik-ui .nav.nav-tabs.page-owned-tabs,
  body.optik-ui .nav.nav-tabs.course-tabs.page-owned-tabs,
  body.optik-ui .nav.nav-tabs.assignment-tabs,
  body.optik-ui .nav.nav-tabs.assignment-admin-tabs,
  body.optik-ui .nav.nav-tabs.course-dashboard-tabs,
  body.optik-ui #adminTabs.nav-tabs,
  body.optik-ui #userDashTabs.nav-tabs,
  body.optik-ui #myLessonsTabs.nav-tabs,
  body.optik-ui #mqTabs.nav-tabs,
  body.optik-ui .mq-tabs,
  body.optik-ui .bp-tabs[data-page-tabs],
  body.optik-ui #adminDashboardTabs.nav-tabs,
  body.optik-ui #userDashboardTabs.nav-tabs{display:none!important}

  body.optik-ui.has-bp-page-filter-fab [data-page-filters],
  body.optik-ui.has-bp-page-filter-fab .course-filter-card,
  body.optik-ui.has-bp-page-filter-fab .survey-filter-card,
  body.optik-ui.has-bp-page-filter-fab .assignment-filter,
  body.optik-ui.has-bp-page-filter-fab .bp-card-filter-bar,
  body.optik-ui.has-bp-page-filter-fab .student-filter-card,
  body.optik-ui.has-bp-page-filter-fab .payment-filter-card,
  body.optik-ui.has-bp-page-filter-fab .purchase-filter-card,
  body.optik-ui.has-bp-page-filter-fab .quiz-results-filter,
  body.optik-ui.has-bp-page-filter-fab .sr-search{display:none!important}

  body.optik-ui .bp-page-filters-canvas .bp-filter-clone,
  body.optik-ui .bp-page-filters-canvas .bp-filter-clone[data-page-filters]{display:block!important}

  .bp-page-fab{right:14px;bottom:82px;gap:6px;flex-direction:row;align-items:center}
  body.mobile-nav-hidden .bp-page-fab{bottom:16px}
  .bp-page-fab .btn{
    width:36px;
    height:36px;
    padding:0!important;
    display:grid;
    place-items:center;
    border-radius:999px;
    border-width:1px;
    box-shadow:0 8px 18px rgba(8,63,75,.16);
  }
  .bp-page-fab .btn i{margin:0!important;font-size:.84rem}
  .bp-page-up-btn{display:none!important}
  .bp-page-fab.show-up .bp-page-up-btn{display:grid!important}
  .bp-page-btn-text{display:none!important}
  .mobile-page-tabs-sheet{bottom:78px}
  body.mobile-nav-hidden .mobile-page-tabs-sheet{bottom:16px}
  .mobile-page-tab-list{grid-template-columns:1fr}
  body.optik-ui .users-sticky > form.quiz-sticky,
  body.optik-ui .quizzes-sticky > form.quiz-sticky,
  body.optik-ui .contents-sticky > form.quiz-sticky,
  body.optik-ui .attempts-sticky > form.quiz-sticky{display:none!important}
  .users-fab{right:14px!important;bottom:82px!important;flex-direction:row!important;gap:6px!important;align-items:center!important}
  body.mobile-nav-hidden .users-fab{bottom:16px!important}
  .users-fab .btn{width:36px!important;height:36px!important;padding:0!important;font-size:0!important;display:grid!important;place-items:center!important;border-radius:999px!important;border-width:1px!important;box-shadow:0 8px 18px rgba(8,63,75,.16)!important}
  .users-fab .btn i{margin:0!important;font-size:.84rem!important}
  .users-fab .btn[id$="GoTopBtn"]{display:none!important;order:1}
  .users-fab .btn[data-bs-toggle="offcanvas"]{order:2}
  .users-fab.show-up .btn[id$="GoTopBtn"]{display:grid!important}
}

@media(min-width:992px){
  .mobile-page-tabs-backdrop,
  .mobile-page-tabs-sheet{display:none!important}
}