/* =========================================================
   JASOUR ADMIN v10.7 — Unified Course Manager
   ========================================================= */

.ja-course-manager-enhanced{
  position:relative;
}

.ja-course-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 18px;
  padding:13px 14px;
  border:1px solid rgba(246,181,27,.28);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(10,35,58,.95),rgba(6,25,42,.95));
}
.ja-course-toolbar strong{
  color:#fff;
  font-size:14px;
}
.ja-course-toolbar span{
  color:#9fb0bf;
  font-size:11px;
}
.ja-course-toolbar input{
  width:min(260px,100%)!important;
  flex:0 1 260px;
}

.ja-course-shell{
  border:1px solid rgba(246,181,27,.32)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#0a233a,#071b2d)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.18)!important;
  margin:0 0 18px!important;
  padding:0!important;
}

.ja-course-summary{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(110px,.55fr)) auto;
  gap:10px;
  align-items:center;
  padding:15px;
  background:rgba(3,17,31,.56);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.ja-course-title-wrap{
  min-width:0;
}
.ja-course-title{
  color:#fff;
  font-size:18px;
  font-weight:900;
  line-height:1.55;
  margin:0 0 3px;
}
.ja-course-sub{
  color:#8fa3b4;
  font-size:10px;
}
.ja-course-stat{
  min-width:0;
  padding:10px 11px;
  border-radius:11px;
  background:#041726;
  border:1px solid rgba(255,255,255,.07);
}
.ja-course-stat b{
  display:block;
  color:#ffd45a;
  font-size:13px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ja-course-stat span{
  display:block;
  color:#8fa3b4;
  font-size:9px;
  margin-top:3px;
}
.ja-course-toggle{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  padding:0!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:11px!important;
  background:#0a2136!important;
  color:#ffd45a!important;
  border:1px solid rgba(246,181,27,.32)!important;
  font-size:18px!important;
  cursor:pointer;
}
.ja-course-shell.ja-collapsed .ja-course-body{
  display:none!important;
}
.ja-course-shell.ja-collapsed .ja-course-toggle{
  transform:rotate(180deg);
}

.ja-course-body{
  padding:15px;
}

.ja-course-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:0 0 15px;
  padding:6px;
  border-radius:13px;
  background:#041522;
  border:1px solid rgba(255,255,255,.06);
}
.ja-course-tab{
  appearance:none;
  border:0;
  border-radius:9px;
  min-height:42px;
  padding:9px 12px;
  cursor:pointer;
  background:transparent;
  color:#aebdcb;
  font:inherit;
  font-size:12px;
  font-weight:800;
}
.ja-course-tab.is-active{
  color:#111821;
  background:linear-gradient(180deg,#ffd45a,#f6b51b);
  box-shadow:0 7px 18px rgba(246,181,27,.16);
}

.ja-course-panel[hidden]{
  display:none!important;
}

.ja-course-panel{
  animation:jaCourseFade .18s ease-out;
}
@keyframes jaCourseFade{
  from{opacity:.25;transform:translateY(3px)}
  to{opacity:1;transform:none}
}

.ja-inline-loading,
.ja-inline-error,
.ja-inline-empty{
  padding:18px;
  border-radius:12px;
  text-align:center;
  line-height:2;
}
.ja-inline-loading{
  color:#dbe5ed;
  border:1px dashed rgba(246,181,27,.32);
  background:rgba(246,181,27,.05);
}
.ja-inline-error{
  color:#ffd0d0;
  border:1px solid rgba(239,97,97,.38);
  background:rgba(239,97,97,.08);
}
.ja-inline-empty{
  color:#aebdcb;
  border:1px dashed rgba(255,255,255,.11);
}

.ja-inline-content .admin-nav,
.ja-inline-content .site-header,
.ja-inline-content footer{
  display:none!important;
}
.ja-inline-content h1{
  font-size:23px!important;
  margin:0 0 12px!important;
}
.ja-inline-content .container{
  width:100%!important;
  max-width:none!important;
  padding:0!important;
}
.ja-inline-content .section{
  padding:0!important;
}
.ja-inline-content .form-card{
  margin:10px 0!important;
}
.ja-inline-content table{
  min-width:680px!important;
}

.ja-save-toast{
  position:fixed;
  inset:auto 16px 18px 16px;
  z-index:9999;
  max-width:420px;
  margin:auto;
  padding:12px 14px;
  border-radius:12px;
  background:#0b2b24;
  color:#d8ffea;
  border:1px solid rgba(57,189,122,.48);
  box-shadow:0 16px 40px rgba(0,0,0,.28);
  font-size:12px;
  text-align:center;
  opacity:0;
  transform:translateY(10px);
  pointer-events:none;
  transition:.2s ease;
}
.ja-save-toast.show{
  opacity:1;
  transform:none;
}

.ja-course-shell .ja-original-content-link{
  display:none!important;
}

@media(max-width:900px){
  .ja-course-toolbar{
    align-items:stretch;
    flex-direction:column;
  }
  .ja-course-toolbar input{
    width:100%!important;
    flex-basis:auto;
  }

  .ja-course-summary{
    grid-template-columns:1fr auto;
  }
  .ja-course-title-wrap{
    grid-column:1;
  }
  .ja-course-toggle{
    grid-column:2;
    grid-row:1;
  }
  .ja-course-stat{
    display:none;
  }

  .ja-course-body{
    padding:11px;
  }
  .ja-course-tabs{
    position:sticky;
    top:116px;
    z-index:30;
    background:#031321;
    box-shadow:0 8px 24px rgba(0,0,0,.18);
  }

  .ja-inline-content .field-grid,
  .ja-inline-content .two-col{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:520px){
  .ja-course-title{
    font-size:15px;
  }
  .ja-course-tabs{
    grid-template-columns:1fr;
  }
  .ja-course-tab{
    min-height:38px;
  }
}