/* BilgePanda global theme override
   Loaded after bamboo-optic-system.css and page-tabs.css. */
:root{
  --ui-ink:#083f4b;
  --ui-ink-2:#0f5563;
  --ui-paper:#ffffff;
  --ui-card:#ffffff;
  --ui-line:#e8ddc7;
  --ui-indigo:#0f5563;
  --ui-indigo-2:#147080;
  --ui-indigo-soft:#eef8f8;
  --ui-coral:#d1a95b;
  --ui-coral-soft:#fff6df;
  --ui-green:#24826f;
  --ui-green-soft:#edf8f3;
  --ui-amber:#d1a95b;
  --ui-muted:#60726f;
  --ui-muted-2:#889691;
  --ui-radius:18px;
  --ui-radius-sm:12px;
  --ui-shadow:0 1px 2px rgba(8,63,75,.05),0 14px 34px -22px rgba(8,63,75,.28);
  --ui-shadow-hover:0 1px 2px rgba(8,63,75,.05),0 22px 48px -26px rgba(15,85,99,.36);
  --sidebar-bg:#083f4b;
  --accent:#0f5563;
}

html,body.optik-ui{background:#fff!important;background-image:none!important;color:var(--ui-ink)!important;}
body.optik-ui{font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif!important;}
body.optik-ui h1,body.optik-ui h2,body.optik-ui h3,body.optik-ui h4,body.optik-ui h5,
body.optik-ui .h1,body.optik-ui .h2,body.optik-ui .h3,body.optik-ui .h4,body.optik-ui .h5{color:var(--ui-ink)!important;}
body.optik-ui a{color:var(--ui-indigo);} 
body.optik-ui ::selection{background:var(--ui-coral);color:#083f4b;}

/* Sidebar */
body.optik-ui #sidebar{
  background:linear-gradient(180deg,#062f39 0%,#083f4b 54%,#0f5563 100%)!important;
  border-right:1px solid rgba(209,169,91,.22)!important;
  box-shadow:12px 0 34px -30px rgba(8,63,75,.62)!important;
}
body.optik-ui .sidebar-brand.bilgepanda-brand{
  gap:12px!important;padding:7px 7px 18px!important;margin-bottom:12px!important;
  color:#fff!important;border-bottom:1px solid rgba(209,169,91,.25)!important;text-decoration:none!important;
}
body.optik-ui .sidebar-brand-logo{
  width:48px!important;height:48px!important;flex:0 0 48px!important;object-fit:cover!important;
  border-radius:14px!important;background:#fff!important;padding:3px!important;
  border:1px solid rgba(209,169,91,.72)!important;box-shadow:0 12px 26px -16px rgba(209,169,91,.9)!important;
}
body.optik-ui .sidebar-brand strong{font-size:15.5px!important;letter-spacing:.03em!important;color:#fff!important;}
body.optik-ui .sidebar-brand small{color:#e4cc92!important;letter-spacing:.08em!important;text-transform:none!important;font-size:10px!important;}
body.optik-ui .sidebar-ribbon1{background:rgba(255,255,255,.08)!important;border:1px solid rgba(209,169,91,.18)!important;}
body.optik-ui .sidebar-ribbon1 a{color:#f6f0df!important;}
body.optik-ui .sidebar-section-label{color:#d7bf82!important;}
body.optik-ui #sidebar .nav-link{color:#dbe8e6!important;border:1px solid transparent!important;}
body.optik-ui #sidebar .nav-link i{color:#c6d9d6!important;}
body.optik-ui #sidebar .nav-link:hover{background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:rgba(209,169,91,.18)!important;}
body.optik-ui #sidebar .nav-link.active{
  color:#07323b!important;background:linear-gradient(135deg,#f6e6b3,#d1a95b)!important;
  border-color:#edd58f!important;box-shadow:0 12px 28px -16px rgba(209,169,91,.95)!important;
}
body.optik-ui #sidebar .nav-link.active i{color:#07323b!important;}
body.optik-ui #sidebar .input-group .form-control{background:rgba(255,255,255,.12)!important;border-color:rgba(209,169,91,.24)!important;color:#fff!important;}
body.optik-ui #sidebar .input-group .form-control::placeholder{color:#c8d7d5!important;}
body.optik-ui .sidebar-search-btn{background:#d1a95b!important;color:#07323b!important;font-weight:800!important;}
body.optik-ui .toggle-btn{border-color:rgba(209,169,91,.5)!important;color:#0f5563!important;}

/* Top strip and mobile nav */
body.optik-ui .top-strip{background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--ui-line)!important;box-shadow:0 10px 30px -28px rgba(8,63,75,.45)!important;}
body.optik-ui .top-strip .nav-btn{background:#fff!important;color:var(--ui-ink-2)!important;border-color:var(--ui-line)!important;}
body.optik-ui .top-strip .nav-btn:hover{background:var(--ui-indigo-soft)!important;border-color:#b8d6d3!important;color:var(--ui-ink)!important;}
body.optik-ui .chat-notification-popover[open]>summary{border-color:#d1a95b!important;color:#083f4b!important;background:#fff6df!important;}
body.optik-ui .chat-notification-menu{border-color:#e8ddc7!important;background:#fffef9!important;box-shadow:0 24px 60px rgba(8,63,75,.20)!important;}
body.optik-ui .chat-notification-item{color:#0f5563!important;}
body.optik-ui .chat-notification-item:hover{background:#eef8f8!important;}
@media(max-width:991px){
  body.optik-ui .mobile-nav{background:rgba(8,63,75,.96)!important;border:1px solid rgba(209,169,91,.28)!important;border-radius:16px!important;}
  body.optik-ui .mobile-nav-item{color:#dbe8e6!important;}
  body.optik-ui .mobile-nav-item.active{color:#f6e6b3!important;}
  body.optik-ui .mobile-nav-item.active i{color:#d1a95b!important;}
}

/* Hero rectangle: transparent frame with the new BilgePanda bamboo scene visible. */
body.optik-ui .hero-section,
body.optik-ui .account-hero{
  min-height:260px!important;height:260px!important;margin:24px 28px 20px!important;padding:30px 34px!important;
  background:transparent!important;border:1px solid rgba(209,169,91,.44)!important;border-radius:24px!important;
  box-shadow:0 26px 60px -44px rgba(8,63,75,.55)!important;overflow:hidden!important;isolation:isolate!important;
}
body.optik-ui .hero-section::before,
body.optik-ui .account-hero::before{content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;background:transparent!important;z-index:0!important;}
body.optik-ui .hero-section::after,
body.optik-ui .account-hero::after,
body.optik-ui .courses-hero::after{display:none!important;content:none!important;}
body.optik-ui .hero-section .hero-banner-img,
body.optik-ui .account-hero .account-hero-bg{
  opacity:1!important;filter:none!important;object-fit:cover!important;object-position:center!important;z-index:0!important;
}
body.optik-ui .hero-section .hero-overlay{
  background:linear-gradient(90deg,rgba(6,47,57,.70) 0%,rgba(6,47,57,.34) 44%,rgba(6,47,57,.05) 100%)!important;
  z-index:1!important;border-radius:inherit!important;
}
body.optik-ui .hero-section .hero-content,
body.optik-ui .account-hero .account-hero-content{
  max-width:min(720px,calc(100% - 28px))!important;gap:18px!important;padding:16px 18px!important;
  background:rgba(8,63,75,.50)!important;border:1px solid rgba(246,230,179,.36)!important;border-radius:20px!important;
  box-shadow:0 18px 42px -24px rgba(0,0,0,.45)!important;backdrop-filter:blur(3px)!important;
}
body.optik-ui .hero-section .hero-logo,
body.optik-ui .account-hero .account-hero-logo{
  width:92px!important;height:92px!important;min-width:92px!important;flex-basis:92px!important;
  object-fit:cover!important;background:#fff!important;border-radius:18px!important;padding:3px!important;
  border:2px solid rgba(209,169,91,.82)!important;box-shadow:0 10px 28px -16px rgba(0,0,0,.6)!important;
}
body.optik-ui .hero-section .hero-text h1,
body.optik-ui .account-hero .account-hero-title{color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.32)!important;}
body.optik-ui .hero-section .hero-text p,
body.optik-ui .account-hero .account-hero-sub{color:#f6f0df!important;}

/* Cards, forms, tables */
body.optik-ui .card,body.optik-ui .sidebar-card,body.optik-ui .ml-card,body.optik-ui .course-card,
body.optik-ui .student-filter-card,body.optik-ui .student-table-wrap,body.optik-ui .home-content-card,
body.optik-ui .content-card,body.optik-ui .quiz-card,body.optik-ui .modal-content,
body.optik-ui .billing-card,body.optik-ui .checkout-card,body.optik-ui .plan-card{
  background:#fff!important;border:1px solid var(--ui-line)!important;border-radius:18px!important;box-shadow:var(--ui-shadow)!important;
}
body.optik-ui .card:hover,body.optik-ui .home-content-card:hover,body.optik-ui .content-card:hover,body.optik-ui .course-card:hover{border-color:#d8c487!important;box-shadow:var(--ui-shadow-hover)!important;}
body.optik-ui .card-header,body.optik-ui .card-footer{background:#fffef9!important;border-color:var(--ui-line)!important;}
body.optik-ui .section-title{color:var(--ui-ink)!important;}
body.optik-ui .text-muted{color:var(--ui-muted)!important;}
body.optik-ui hr{border-color:var(--ui-line)!important;opacity:1!important;}

body.optik-ui .btn{border-radius:12px!important;font-weight:700!important;}
body.optik-ui .btn-primary,body.optik-ui .btn-success,
body.optik-ui .btn-grad,body.optik-ui .login-btn{
  background:linear-gradient(135deg,#0f5563,#147080)!important;border-color:#0f5563!important;color:#fff!important;
  box-shadow:0 12px 26px -18px rgba(15,85,99,.65)!important;
}
body.optik-ui .btn-primary:hover,body.optik-ui .btn-success:hover{filter:brightness(1.04)!important;}
body.optik-ui .btn-warning{background:#d1a95b!important;border-color:#d1a95b!important;color:#083f4b!important;}
body.optik-ui .btn-outline-primary{color:#0f5563!important;border-color:#99c6c6!important;background:#fff!important;}
body.optik-ui .btn-outline-primary:hover{background:#0f5563!important;border-color:#0f5563!important;color:#fff!important;}
body.optik-ui .btn-light,body.optik-ui .btn-outline-secondary{background:#fffef9!important;border-color:var(--ui-line)!important;color:#0f5563!important;}
body.optik-ui .form-control,body.optik-ui .form-select,body.optik-ui .input-group-text{
  border-color:var(--ui-line)!important;background:#fff!important;color:#083f4b!important;border-radius:12px!important;
}
body.optik-ui .form-control:focus,body.optik-ui .form-select:focus{border-color:#0f5563!important;box-shadow:0 0 0 4px rgba(15,85,99,.13)!important;}
body.optik-ui .form-label{color:#0f5563!important;}
body.optik-ui .form-check-input:checked{background-color:#0f5563!important;border-color:#0f5563!important;}

body.optik-ui .table{--bs-table-border-color:var(--ui-line);color:#0d4752!important;}
body.optik-ui .table thead th{background:#fff6df!important;color:#0f5563!important;}
body.optik-ui .badge.bg-primary,body.optik-ui .bg-primary,body.optik-ui .text-bg-primary{background:#0f5563!important;}
body.optik-ui .badge.bg-success,body.optik-ui .bg-success,body.optik-ui .text-bg-success{background:#24826f!important;}
body.optik-ui .badge.bg-warning,body.optik-ui .bg-warning,body.optik-ui .text-bg-warning{background:#d1a95b!important;color:#083f4b!important;}
body.optik-ui .alert{border-color:var(--ui-line)!important;border-radius:16px!important;}
body.optik-ui .alert-info{background:#eef8f8!important;color:#0f5563!important;}

/* Page tabs */
body.optik-ui .nav.nav-tabs.page-owned-tabs .nav-link,
body.optik-ui .nav.nav-tabs.course-tabs.page-owned-tabs .nav-link,
body.optik-ui .nav.nav-tabs.assignment-tabs .nav-link,
body.optik-ui .nav.nav-tabs.assignment-admin-tabs .nav-link,
body.optik-ui .nav.nav-tabs.course-dashboard-tabs .nav-link,
body.optik-ui #adminTabs.nav-tabs .nav-link,
body.optik-ui #userDashTabs.nav-tabs .nav-link,
body.optik-ui #myLessonsTabs.nav-tabs .nav-link,
body.optik-ui #mqTabs.nav-tabs .nav-link,
body.optik-ui #adminDashboardTabs.nav-tabs .nav-link,
body.optik-ui #userDashboardTabs.nav-tabs .nav-link{
  background:#fffef9!important;color:#0f5563!important;border-color:var(--ui-line)!important;border-radius:15px!important;
  box-shadow:0 12px 28px -22px rgba(8,63,75,.34)!important;
}
body.optik-ui .nav.nav-tabs.page-owned-tabs .nav-link:hover,
body.optik-ui .nav.nav-tabs.course-tabs.page-owned-tabs .nav-link:hover,
body.optik-ui .nav.nav-tabs.assignment-tabs .nav-link:hover,
body.optik-ui .nav.nav-tabs.assignment-admin-tabs .nav-link:hover,
body.optik-ui .nav.nav-tabs.course-dashboard-tabs .nav-link:hover,
body.optik-ui #adminTabs.nav-tabs .nav-link:hover,
body.optik-ui #userDashTabs.nav-tabs .nav-link:hover,
body.optik-ui #myLessonsTabs.nav-tabs .nav-link:hover,
body.optik-ui #mqTabs.nav-tabs .nav-link:hover,
body.optik-ui #adminDashboardTabs.nav-tabs .nav-link:hover,
body.optik-ui #userDashboardTabs.nav-tabs .nav-link:hover{
  background:#eef8f8!important;border-color:#b8d6d3!important;color:#083f4b!important;
}
body.optik-ui .nav.nav-tabs.page-owned-tabs .nav-link.active,
body.optik-ui .nav.nav-tabs.course-tabs.page-owned-tabs .nav-link.active,
body.optik-ui .nav.nav-tabs.assignment-tabs .nav-link.active,
body.optik-ui .nav.nav-tabs.assignment-admin-tabs .nav-link.active,
body.optik-ui .nav.nav-tabs.course-dashboard-tabs .nav-link.active,
body.optik-ui #adminTabs.nav-tabs .nav-link.active,
body.optik-ui #userDashTabs.nav-tabs .nav-link.active,
body.optik-ui #myLessonsTabs.nav-tabs .nav-link.active,
body.optik-ui #mqTabs.nav-tabs .nav-link.active,
body.optik-ui #adminDashboardTabs.nav-tabs .nav-link.active,
body.optik-ui #userDashboardTabs.nav-tabs .nav-link.active{
  background:linear-gradient(135deg,#0f5563,#147080 62%,#d1a95b)!important;color:#fff!important;border-color:#0f5563!important;
  box-shadow:0 16px 32px -18px rgba(15,85,99,.72)!important;
}

/* Gamification and quiz accents */
body.optik-ui .bp-card,body.optik-ui .bp-panel,body.optik-ui .bp-item-card,body.optik-ui .bp-badge-card{border-color:var(--ui-line)!important;}
body.optik-ui .choice:hover,body.optik-ui .choice.selected{border-color:#0f5563!important;background:#eef8f8!important;}
body.optik-ui .choice-letter,body.optik-ui .qbtn-current{background:#0f5563!important;color:#fff!important;border-color:#0f5563!important;}
body.optik-ui .timer-digital{color:#d1a95b!important;}

/* Existing special heroes and catalog visuals */
body.optik-ui .courses-hero,
body.optik-ui [class*="page-dashboard-"] .sr-hero,
body.optik-ui [class*="page-contents-"] .upload-hero,
body.optik-ui [class*="page-accounts-"] .profile-hero{
  background:linear-gradient(135deg,#083f4b,#0f5563)!important;color:#fff!important;border:1px solid rgba(209,169,91,.38)!important;
}
body.optik-ui .courses-hero h1,body.optik-ui .courses-hero p,
body.optik-ui [class*="page-dashboard-"] .sr-hero h1,body.optik-ui [class*="page-dashboard-"] .sr-hero p{color:#fff!important;}
body.optik-ui .catalog-visual{background-color:#0f5563!important;}

@media(max-width:680px){
  body.optik-ui .hero-section,body.optik-ui .account-hero{height:182px!important;min-height:182px!important;margin:14px!important;padding:16px!important;border-radius:20px!important;}
  body.optik-ui .hero-section .hero-content,body.optik-ui .account-hero .account-hero-content{max-width:100%!important;padding:10px 12px!important;gap:10px!important;border-radius:16px!important;}
  body.optik-ui .hero-section .hero-logo,body.optik-ui .account-hero .account-hero-logo{width:62px!important;height:62px!important;min-width:62px!important;flex-basis:62px!important;border-radius:14px!important;}
  body.optik-ui .hero-section .hero-text h1,body.optik-ui .account-hero .account-hero-title{font-size:1.25rem!important;}
  body.optik-ui .hero-section .hero-text p,body.optik-ui .account-hero .account-hero-sub{font-size:.82rem!important;}
}


/* Round 3: unify every page-header hero with the same transparent text rectangle. */
body.optik-ui .hero-section .hero-content,
body.optik-ui .account-hero .account-hero-content,
body.optik-ui .home-hero .home-hero-copy,
body.optik-ui .sr-hero .sr-hero-content{
  background:rgba(8,63,75,.52)!important;
  border:1px solid rgba(246,230,179,.38)!important;
  border-radius:20px!important;
  box-shadow:0 18px 42px -24px rgba(0,0,0,.45)!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
  padding:16px 18px!important;
}
body.optik-ui .home-hero,
body.optik-ui .sr-hero{
  border:1px solid rgba(209,169,91,.44)!important;
  border-radius:24px!important;
  margin:24px 28px 20px!important;
  box-shadow:0 26px 60px -44px rgba(8,63,75,.55)!important;
  overflow:hidden!important;
  background:transparent!important;
}
body.optik-ui .home-hero::after,
body.optik-ui .sr-hero::after{
  background:linear-gradient(90deg,rgba(6,47,57,.70) 0%,rgba(6,47,57,.34) 44%,rgba(6,47,57,.05) 100%)!important;
}
body.optik-ui .home-hero-bg,
body.optik-ui .sr-hero-bg{
  opacity:1!important;
  filter:none!important;
  object-fit:cover!important;
  object-position:center!important;
}
body.optik-ui .home-hero-logo,
body.optik-ui .sr-hero-logo{
  width:92px!important;
  height:92px!important;
  min-width:92px!important;
  flex:0 0 92px!important;
  object-fit:cover!important;
  background:#fff!important;
  border-radius:18px!important;
  padding:3px!important;
  border:2px solid rgba(209,169,91,.82)!important;
  box-shadow:0 10px 28px -16px rgba(0,0,0,.6)!important;
}
body.optik-ui .home-hero h1,
body.optik-ui .sr-hero h1,
body.optik-ui .home-hero p,
body.optik-ui .sr-hero p{
  color:#fff!important;
}
@media(max-width:680px){
  body.optik-ui .home-hero,
  body.optik-ui .sr-hero{
    height:182px!important;
    min-height:182px!important;
    margin:14px!important;
    padding:16px!important;
    border-radius:20px!important;
  }
  body.optik-ui .home-hero .home-hero-copy,
  body.optik-ui .sr-hero .sr-hero-content{
    max-width:100%!important;
    padding:10px 12px!important;
    gap:10px!important;
    border-radius:16px!important;
  }
  body.optik-ui .home-hero-logo,
  body.optik-ui .sr-hero-logo{
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
    flex-basis:62px!important;
    border-radius:14px!important;
  }
}

/* Round 4: one consistent page-header component everywhere. */
body.optik-ui .bp-page-hero{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
}
body.optik-ui .bp-page-hero .bp-page-hero-card{
  background:rgba(8,63,75,.52)!important;
  border:1px solid rgba(246,230,179,.42)!important;
  border-radius:20px!important;
  backdrop-filter:blur(4px)!important;
  -webkit-backdrop-filter:blur(4px)!important;
}
body.optik-ui .bp-page-hero .hero-text h1{
  font-family:"Sora","Inter",system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
  line-height:1.05!important;
}
body.optik-ui .bp-page-hero .hero-text p{
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-weight:700!important;
  letter-spacing:0!important;
}
@media(max-width:720px){
  body.optik-ui .hero-section.bp-page-hero{min-height:220px!important;height:220px!important;margin:18px 14px 16px!important;padding:18px!important;}
  body.optik-ui .bp-page-hero .bp-page-hero-card{gap:12px!important;padding:12px!important;}
  body.optik-ui .bp-page-hero .hero-logo{width:70px!important;height:70px!important;min-width:70px!important;flex-basis:70px!important;}
  body.optik-ui .bp-page-hero .hero-text h1{font-size:clamp(1.35rem,6.5vw,2rem)!important;}
  body.optik-ui .bp-page-hero .hero-text p{font-size:.88rem!important;}
}

/* Round 4: sidebar student avatar + live BP chip. */
body.optik-ui .sidebar-user-card{
  display:flex!important;align-items:center!important;gap:10px!important;
  width:100%!important;margin:0 0 10px!important;padding:10px!important;
  border-radius:16px!important;background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(209,169,91,.20)!important;color:#fff!important;
}
body.optik-ui .sidebar-user-card:hover{background:rgba(255,255,255,.15)!important;color:#fff!important;}
body.optik-ui .sidebar-user-avatar{width:44px;height:44px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:#fff;flex:0 0 44px;border:1px solid rgba(246,230,179,.54);}
body.optik-ui .sidebar-user-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
body.optik-ui .sidebar-user-copy{display:grid;gap:3px;min-width:0;text-align:left;}
body.optik-ui .sidebar-user-copy strong{font-size:.88rem;line-height:1.05;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body.optik-ui .sidebar-user-copy em{font-style:normal;display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;padding:3px 8px;border-radius:999px;background:#fff6df;color:#083f4b;font-size:.72rem;font-weight:900;}
body.optik-ui .sidebar-user-copy em i{color:#d1a95b;}