/* IMSA Academy | Admin UX 1.40.9
   Afecta solo al panel de administracion. No altera la vista de estudiantes. */

/* El buscador conserva su ancho; acciones y cuenta quedan al extremo derecho. */
.imsa-app.imsa-admin-ui .topbar{display:flex;align-items:center;width:100%;gap:18px}
.imsa-app.imsa-admin-ui .topbar .global-search-wrap{flex:0 1 620px;max-width:620px;min-width:190px;width:auto}
.imsa-app.imsa-admin-ui .topbar .top-actions{display:flex;align-items:center;gap:9px;margin-left:auto!important;flex:0 0 auto}
.imsa-app.imsa-admin-ui .topbar .theme-toggle,
.imsa-app.imsa-admin-ui .topbar .icon-btn,
.imsa-app.imsa-admin-ui .topbar .avatar-btn{flex-shrink:0}

/* Banner de operaciones: contraste alto incluso con brillo de pantalla bajo. */
.imsa-app.imsa-admin-ui .impact-hero-admin{
  background:linear-gradient(115deg,#132b74 0%,#3145b5 56%,#6354c9 100%)!important;
  color:#fff!important;box-shadow:0 20px 42px rgba(29,46,128,.14)
}
.imsa-app.imsa-admin-ui .impact-hero-admin .impact-hero-copy h1,
.imsa-app.imsa-admin-ui .impact-hero-admin .impact-hero-copy h1 span{color:#fff!important;text-shadow:none!important}
.imsa-app.imsa-admin-ui .impact-hero-admin .impact-hero-copy p{color:#f0f4ff!important;opacity:1!important;line-height:1.65}
.imsa-app.imsa-admin-ui .impact-hero-admin .impact-badge{color:#fff!important;background:rgba(255,255,255,.17)!important;border-color:rgba(255,255,255,.26)!important}
.imsa-app.imsa-admin-ui .impact-hero-admin .impact-mini-card{
  background:rgba(255,255,255,.15)!important;border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)
}
.imsa-app.imsa-admin-ui .impact-hero-admin .impact-mini-card :is(small,b,span,i),
.imsa-app.imsa-admin-ui .impact-hero-admin .impact-mini-card>div>*{color:#fff!important;opacity:1!important}
.imsa-app.imsa-admin-ui .impact-hero-admin .impact-mini-card small{font-weight:800!important;letter-spacing:.055em}
.imsa-app.imsa-admin-ui .impact-hero-admin .impact-btn.glass{color:#fff!important;border-color:rgba(255,255,255,.42)!important;background:rgba(255,255,255,.11)!important}
.imsa-app.imsa-admin-ui .impact-hero-admin .impact-btn.primary{color:#102658!important;background:#fff!important}
.imsa-app.imsa-admin-ui .admin-impact-stats article :is(small,em){color:#435d86!important;opacity:1}
.imsa-app.imsa-admin-ui .admin-impact-stats article b{color:#102550!important}

/* Lista de cursos con la portada real y una accion de gestion reconocible. */
.imsa-app.imsa-admin-ui .imsa-admin-course-list{display:grid;gap:14px}
.imsa-app.imsa-admin-ui .imsa-admin-course-row{
  display:flex;align-items:center;gap:19px;min-height:133px;padding:16px 19px;
  border:1px solid #dce5f3;border-radius:20px;background:#fff;
  box-shadow:0 6px 22px rgba(21,49,96,.035)
}
.imsa-app.imsa-admin-ui .imsa-admin-course-row:hover{border-color:#b9cafa;box-shadow:0 10px 26px rgba(24,54,111,.09)}
.imsa-app.imsa-admin-ui .imsa-admin-course-cover{
  position:relative;display:flex;align-items:center;justify-content:center;
  flex:0 0 128px;width:128px;height:94px;overflow:hidden;
  border-radius:14px;background:linear-gradient(135deg,#14367c,#4168d5);color:#fff
}
.imsa-app.imsa-admin-ui .imsa-cover-initial{font-size:27px;font-weight:800;line-height:1}
.imsa-app.imsa-admin-ui .imsa-admin-course-cover img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1
}
.imsa-app.imsa-admin-ui .imsa-admin-course-row .list-main{flex:1 1 auto;min-width:0}
.imsa-app.imsa-admin-ui .imsa-admin-course-row .list-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.imsa-app.imsa-admin-ui .imsa-admin-course-row .list-title h3{font-size:18px;line-height:1.35;letter-spacing:-.015em;color:#10244b;margin:0}
.imsa-app.imsa-admin-ui .imsa-admin-course-row .list-main p{margin:8px 0;line-height:1.55;color:#536c92}
.imsa-app.imsa-admin-ui .imsa-admin-course-row .meta{display:flex;gap:13px;flex-wrap:wrap;color:#61789a;font-size:12px}
.imsa-app.imsa-admin-ui .imsa-admin-course-row .meta i{color:#355fd0;margin-right:4px}
.imsa-app.imsa-admin-ui .imsa-admin-course-row .list-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.imsa-app.imsa-admin-ui .imsa-course-manage-action{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-width:130px;min-height:43px;border-radius:12px;background:#285ee5;color:#fff;
  font-weight:700;box-shadow:0 7px 16px rgba(40,94,229,.15)
}
.imsa-app.imsa-admin-ui .imsa-course-manage-action:hover{background:#174bcc;transform:translateY(-1px)}

/* Pagina de gestion: ocupa el area de contenido, no es un modal. */
.imsa-app.imsa-admin-ui .imsa-course-management-page{
  position:fixed;z-index:12;top:76px;right:0;bottom:0;left:258px;
  overflow:auto;overscroll-behavior:contain;background:#f4f7fc;
  scrollbar-gutter:stable
}
.imsa-app.imsa-admin-ui .imsa-course-management-surface{
  box-sizing:border-box;width:100%!important;max-width:none!important;
  min-height:100%;height:auto!important;max-height:none!important;
  margin:0!important;padding:30px clamp(18px,3.1vw,50px) 70px!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  background:transparent!important;color:#142b56;overflow:visible!important
}
.imsa-app.imsa-admin-ui .imsa-management-breadcrumb{
  display:flex;align-items:center;gap:13px;margin-bottom:21px;color:#6980a2;font-size:13px;font-weight:650
}
.imsa-app.imsa-admin-ui .imsa-management-breadcrumb button{
  display:inline-flex;align-items:center;gap:10px;padding:9px 13px;
  border:1px solid #dbe5f5;border-radius:10px;background:#fff;
  color:#2555ba;font:inherit;cursor:pointer
}
.imsa-app.imsa-admin-ui .imsa-management-breadcrumb button:hover{border-color:#aac3f3;background:#edf3ff}
.imsa-app.imsa-admin-ui .imsa-management-breadcrumb>i{font-size:10px;color:#a5b1c9}
.imsa-app.imsa-admin-ui .imsa-management-hero{
  display:grid!important;grid-template-columns:minmax(180px,240px) minmax(0,1fr) auto;
  align-items:center;gap:28px;padding:22px!important;margin-bottom:20px;
  border:1px solid #dce6f6;border-radius:23px;background:#fff;
  box-shadow:0 12px 30px rgba(28,55,107,.055)
}
.imsa-app.imsa-admin-ui .imsa-management-cover{
  display:flex;align-items:center;justify-content:center;position:relative;
  aspect-ratio:16/10;overflow:hidden;border-radius:16px;
  background:linear-gradient(135deg,#17408f,#5c76e7);color:#fff;
  font-size:50px;font-weight:800
}
.imsa-app.imsa-admin-ui .imsa-management-cover img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover}
.imsa-app.imsa-admin-ui .imsa-management-hero-copy{min-width:0}
.imsa-app.imsa-admin-ui .imsa-management-hero .eyebrow{display:block;color:#3968d6;font-size:11px;font-weight:800;letter-spacing:.105em}
.imsa-app.imsa-admin-ui .imsa-management-hero h1{
  margin:9px 0 11px;font-size:clamp(23px,2.3vw,34px);line-height:1.22;
  font-weight:800;letter-spacing:-.035em;color:#132750
}
.imsa-app.imsa-admin-ui .imsa-management-hero p{
  margin:0;max-width:880px;color:#576e90;line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden
}
.imsa-app.imsa-admin-ui .imsa-management-hero-meta{display:flex;gap:16px;flex-wrap:wrap;margin-top:17px}
.imsa-app.imsa-admin-ui .imsa-management-hero-meta span{display:inline-flex;gap:6px;align-items:center;color:#4b648c;font-size:12px;font-weight:700}
.imsa-app.imsa-admin-ui .imsa-management-hero-meta i{color:#4269d6}
.imsa-app.imsa-admin-ui .imsa-management-hero>.status{align-self:start;white-space:nowrap}

.imsa-app.imsa-admin-ui .imsa-course-management-page .workspace-tabs{
  position:sticky;top:0;z-index:2;display:flex;gap:6px;flex-wrap:nowrap;
  overflow:auto;padding:9px;margin-bottom:18px;border:1px solid #e0e8f5;
  border-radius:15px;background:#fff;box-shadow:0 7px 18px rgba(28,55,107,.04)
}
.imsa-app.imsa-admin-ui .imsa-course-management-page .workspace-tabs button{
  flex:1 0 auto;white-space:nowrap;border-radius:9px;padding:12px 15px;
  font-size:13px;font-weight:750;color:#627a9e
}
.imsa-app.imsa-admin-ui .imsa-course-management-page .workspace-tabs button.active{background:#e9efff!important;color:#2257d3!important}
.imsa-app.imsa-admin-ui .imsa-course-management-page .workspace-pane{
  width:100%;box-sizing:border-box;padding:26px!important;
  margin:0;border:1px solid #dfe8f5;border-radius:21px;
  background:#fff;box-shadow:0 9px 28px rgba(22,48,100,.04)
}
.imsa-app.imsa-admin-ui .imsa-course-management-page .workspace-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.imsa-app.imsa-admin-ui .imsa-course-management-page .workspace-stats article,
.imsa-app.imsa-admin-ui .imsa-course-management-page .workspace-summary-grid article{border-radius:14px;border:1px solid #dbe6f5;padding:19px;background:#f9fbff}
.imsa-app.imsa-admin-ui .imsa-course-management-page .workspace-stats article>b{font-size:23px;color:#132a58}
.imsa-app.imsa-admin-ui .imsa-course-management-page .workspace-stats article>span{font-weight:700;color:#5d7295}
.imsa-app.imsa-admin-ui .imsa-course-management-page .workspace-actions{margin-top:22px;margin-bottom:22px;gap:9px}
.imsa-app.imsa-admin-ui .imsa-course-management-page :is(.workspace-form-grid,.workspace-inline-form,.workspace-cards,.workspace-modules){max-width:none}
.imsa-app.imsa-admin-ui .imsa-course-management-page .workspace-summary-grid{gap:12px}
.imsa-app.imsa-admin-ui .imsa-course-management-page .workspace-module{border:1px solid #dfe7f4;border-radius:15px;margin-bottom:15px}
.imsa-app.imsa-admin-ui .imsa-course-management-page input,
.imsa-app.imsa-admin-ui .imsa-course-management-page textarea,
.imsa-app.imsa-admin-ui .imsa-course-management-page select{max-width:100%;box-sizing:border-box}

/* El panel sigue siendo una pagina utilizable en laptop, tableta y movil. */
@media(max-width:1200px){
  .imsa-app.imsa-admin-ui .imsa-course-management-page{left:258px}
  .imsa-app.imsa-admin-ui .imsa-management-hero{grid-template-columns:180px minmax(0,1fr) auto;gap:18px}
  .imsa-app.imsa-admin-ui .imsa-management-hero h1{font-size:24px}
}
@media(max-width:990px){
  .imsa-app.imsa-admin-ui .imsa-course-management-page{left:0}
  .imsa-app.imsa-admin-ui .imsa-admin-course-row{gap:13px}
}
@media(max-width:760px){
  .imsa-app.imsa-admin-ui .topbar{gap:8px}
  .imsa-app.imsa-admin-ui .topbar .global-search-wrap{flex:1 1 auto;min-width:0}
  .imsa-app.imsa-admin-ui .topbar .top-actions{gap:3px}
  .imsa-app.imsa-admin-ui .imsa-course-management-page{top:68px}
  .imsa-app.imsa-admin-ui .imsa-course-management-surface{padding:17px 14px 50px!important}
  .imsa-app.imsa-admin-ui .imsa-management-hero{grid-template-columns:100px minmax(0,1fr);gap:14px;padding:15px!important}
  .imsa-app.imsa-admin-ui .imsa-management-hero>.status{grid-column:2;justify-self:start}
  .imsa-app.imsa-admin-ui .imsa-management-hero h1{font-size:21px}
  .imsa-app.imsa-admin-ui .imsa-management-hero p{font-size:12px;-webkit-line-clamp:2}
  .imsa-app.imsa-admin-ui .imsa-management-hero-meta{gap:8px}
  .imsa-app.imsa-admin-ui .imsa-course-management-page .workspace-pane{padding:15px!important}
  .imsa-app.imsa-admin-ui .imsa-course-management-page .workspace-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .imsa-app.imsa-admin-ui .imsa-admin-course-row{align-items:flex-start;flex-wrap:wrap;padding:13px}
  .imsa-app.imsa-admin-ui .imsa-admin-course-cover{flex-basis:98px;width:98px;height:82px}
  .imsa-app.imsa-admin-ui .imsa-admin-course-row .list-actions{width:100%;justify-content:flex-end}
}
@media(max-width:460px){
  .imsa-app.imsa-admin-ui .imsa-management-hero{grid-template-columns:1fr}
  .imsa-app.imsa-admin-ui .imsa-management-cover{width:100%;max-height:170px}
  .imsa-app.imsa-admin-ui .imsa-management-hero>.status{grid-column:1}
  .imsa-app.imsa-admin-ui .imsa-course-management-page .workspace-stats{grid-template-columns:1fr 1fr}
  .imsa-app.imsa-admin-ui .imsa-admin-course-row .list-main{min-width:175px}
}

/* Conserva contraste si el administrador activa el tema oscuro. */
.imsa-app.imsa-admin-ui.theme-dark .imsa-course-management-page{background:#09182f}
.imsa-app.imsa-admin-ui.theme-dark .imsa-management-hero,
.imsa-app.imsa-admin-ui.theme-dark .imsa-course-management-page .workspace-tabs,
.imsa-app.imsa-admin-ui.theme-dark .imsa-course-management-page .workspace-pane,
.imsa-app.imsa-admin-ui.theme-dark .imsa-management-breadcrumb button{background:#112747!important;border-color:#2b456d!important;color:#e8f1ff!important}
.imsa-app.imsa-admin-ui.theme-dark .imsa-management-hero h1,
.imsa-app.imsa-admin-ui.theme-dark .imsa-course-management-page .workspace-stats article>b{color:#f5f8ff!important}
.imsa-app.imsa-admin-ui.theme-dark .imsa-management-hero p,
.imsa-app.imsa-admin-ui.theme-dark .imsa-management-hero-meta span{color:#c3d0ec!important}
.imsa-app.imsa-admin-ui.theme-dark .imsa-course-management-page .workspace-stats article,
.imsa-app.imsa-admin-ui.theme-dark .imsa-course-management-page .workspace-summary-grid article{background:#173253!important;border-color:#2b456d!important}
.imsa-app.imsa-admin-ui.theme-dark .imsa-admin-course-row{background:#102543!important;border-color:#2a4268}
.imsa-app.imsa-admin-ui.theme-dark .imsa-admin-course-row .list-title h3{color:#f4f7ff}
.imsa-app.imsa-admin-ui.theme-dark .imsa-admin-course-row .list-main p,
.imsa-app.imsa-admin-ui.theme-dark .imsa-admin-course-row .meta{color:#bad0ef}