:root{
  --evrd-bg:#eef2f7;
  --evrd-shell:#0f2341;
  --evrd-shell-2:#10284a;
  --evrd-card:#ffffff;
  --evrd-card-soft:#f7f9fc;
  --evrd-border:#dde5f0;
  --evrd-border-soft:#e7edf5;
  --evrd-text:#10233d;
  --evrd-muted:#6f7f95;
  --evrd-primary:#143e78;
  --evrd-primary-2:#0f3466;
  --evrd-accent:#ef4444;
  --evrd-accent-2:#dc2626;
  --evrd-gold:#c79c28;
  --evrd-gold-soft:#fff8e8;
  --evrd-radius:18px;
  --evrd-shadow:0 2px 8px rgba(15,23,42,.04);
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

html,
body{
  margin:0;
  padding:0;
}

body{
  font-family:"Inter",sans-serif;
  background:var(--evrd-bg);
  color:var(--evrd-text);
}

.evrd-sp-shell{
  display:flex;
  min-height:100vh;
  width:100%;
}

.evrd-sp-shell a{
  color:inherit;
  text-decoration:none;
}

.evrd-sp-shell button,
.evrd-sp-shell input,
.evrd-sp-shell textarea,
.evrd-sp-shell select{
  font:inherit;
}

.evrd-sp-shell [data-lucide],
.evrd-sp-shell svg.lucide{
  width:18px;
  height:18px;
  stroke-width:2;
  flex:0 0 auto;
  color:currentColor;
}

/* =========================================
   SIDEBAR
========================================= */

/* SIDEBAR BASE */

.evrd-sp-sidebar{
  width:290px;
  min-width:290px;
  max-width:290px;
  padding:14px 12px;
  position:fixed;
  left:0;
  top:0;
  bottom:0;
  height:100vh;
  overflow-y:auto;
  display:flex;
  flex-direction:column;
  z-index:40;

  /* LIGHT MODE */
  background:#ffffff;
  border-right:1px solid #e4ebf3;
}

.evrd-sp-sidebar-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:16px;
}

.evrd-sp-brand{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  min-width:0;
}

.evrd-sp-brand-mark{
  width:38px;
  height:38px;
  border-radius:12px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.evrd-sp-brand-mark svg{
  width:18px;
  height:18px;
}

.evrd-sp-brand-copy{
  display:none;
}

.evrd-sp-mobile-close{
  width:40px;
  height:40px;
  border-radius:10px;
  border: 1px solid var(--evrd-border);
  background:transparent;
  color: var(--evrd-text);
  display:none;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  flex:0 0 auto;
    transition: background .22s ease, border-color .22s ease, color .22s ease, transform .22s ease;
}

.evrd-sp-mobile-close:hover{
    background: #f7f9fc;
    border-color: #cdd8e6;
    color: #10233d;
    transform: translateY(-1px);
}

.evrd-sp-user-card{
  display:flex;
  gap:10px;
  align-items:flex-start;
  background:transparent;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:12px;
  margin-bottom:18px;
}

.evrd-sp-avatar{
  width:42px;
  height:42px;
  border-radius:25px;
    background:#10284a;
  color:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  flex:0 0 auto;
}


.evrd-sp-user-copy{
  min-width:0;
}

.evrd-sp-user-copy h3{
  margin:0 0 6px;
  color:#10233d;
  font-size:14px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.evrd-sp-user-copy p{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px 10px;
  margin:0;
  font-size:12px;
  line-height:1.2;
}

.evrd-sp-user-copy p span{
  display:inline-flex;
  align-items:center;
  gap:5px;
}

.evrd-sp-user-copy p span:first-child{
  color:#ff6b73;
}

.evrd-sp-user-copy p span:last-child{
  color:#d8b24a;
}

.evrd-sp-user-copy p strong{
  color:inherit;
}

.evrd-sp-dot{
  display:none;
}

.evrd-sp-nav{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.evrd-sp-nav-link{
  position:relative;
  min-height:50px;
  padding:11px 12px;
  border:none;
  background:transparent;
  color:#10233d;
  border-radius:15px;
  display:flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
  font-size:15px;
  font-weight:600 !important;
  text-align:left;
    font-family: inter !important;
  
}

.evrd-sp-nav-link:hover{
   background:#f1f5f9;
}

.evrd-sp-nav-link.is-active{
  background:#e9f0fb;
  color:#10233d;
  box-shadow:inset 0 0 0 1px #dbe4f0;
}


.evrd-sp-nav-divider{
  height:1px;
  background:#10233d1f;
  margin:10px 0 12px;
}

.evrd-sp-sidebar-foot{
  margin-top:auto;
}

/* =========================================
   SIDEBAR SUBNAV / CURSOS DROPDOWN
========================================= */

.evrd-sp-nav-group{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.evrd-sp-nav-link-toggle{
  justify-content:space-between;
}

.evrd-sp-nav-link-main{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.evrd-sp-nav-caret{
  width:16px;
  height:16px;
  transition:transform .22s ease, opacity .22s ease;
  opacity:.85;
}

.evrd-sp-nav-group.is-open .evrd-sp-nav-caret{
  transform:rotate(180deg);
}

.evrd-sp-subnav{
  display:none;
  position:relative;
  margin:2px 0 4px 18px;
  padding:6px 0 0 18px;
  flex-direction:column;
  gap:6px;
  overflow:hidden;
  transform-origin:top;
}
/*
.evrd-sp-nav-group.is-open .evrd-sp-subnav{
  display:flex;
}
*/

.evrd-sp-subnav::before{
  content:"";
  position:absolute;
  left:0;
  top:6px;
  bottom:6px;
  width:1px;
  background:rgba(16,35,61,.14);
}

.evrd-sp-subnav-link{
  border:none;
  background:transparent;
  color:#10233d;
  text-align:left;
  padding:8px 10px 8px 8px;
  border-radius:12px;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.35;
  cursor:pointer;
  transition:background .2s ease, color .2s ease;
}

.evrd-sp-subnav-link:hover{
  background:#f1f5f9;
}

.evrd-sp-subnav-link.is-active{
  background:#e9f0fb;
  color:#10233d;
}

/* dark mode */
body.evrd-sp-dark .evrd-sp-subnav::before{
  background:rgba(255,255,255,.10);
}

body.evrd-sp-dark .evrd-sp-subnav-link{
  color:#dbe7f8;
}

body.evrd-sp-dark .evrd-sp-subnav-link:hover{
  background:rgba(255,255,255,.05);
}

body.evrd-sp-dark .evrd-sp-subnav-link.is-active{
  background:#10284a;
  color:#ffffff;
}

/* =========================================
   MAIN / TOPBAR
========================================= */

.evrd-sp-main{
  flex:1;
  min-width:0;
  width:calc(100% - 290px);
  display:flex;
  flex-direction:column;
  margin-left:290px;
}

.evrd-sp-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 22px;
  background:#fff;
  border-bottom:1px solid var(--evrd-border);
  z-index: 999;
}

.evrd-sp-topbar-left{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

.evrd-sp-site-logo{
  display:flex;
  align-items:center;
}

.evrd-sp-site-logo img{
  height:50px;
  width:auto;
  transition:opacity .2s ease;
   max-width:300px;
  object-fit:contain;
}

/* por defecto */

.evrd-sp-logo-dark{
  display:none;
}

.evrd-sp-logo-light{
  display:block;
}

/* dark mode */

body.evrd-sp-dark .evrd-sp-logo-light{
  display:none;
}

body.evrd-sp-dark .evrd-sp-logo-dark{
  display:block;
}

.evrd-sp-mobile-toggle{
      flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    border: 1px solid #d9e3ef;
    background: #fff;
   color: #10233d;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .22s ease, border-color .22s ease, color .22s ease, transform .22s ease;
}
.evrd-sp-mobile-toggle:hover{
    background: #f7f9fc;
    border-color: #cdd8e6;
    color: #10233d;
    transform: translateY(-1px);
}

.evrd-sp-topbar-title-group{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}

.evrd-sp-topbar-brand{
  display:block;
  color:#10233d;
  font-size:15px;
  font-weight:800;
  line-height:1.1;
  margin-bottom:2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.evrd-sp-kicker{
  margin:0 0 2px;
  color:#8fa0b8;
  font-size:12px;
  font-weight:700;
}

#evrdSpPageTitle{
  margin:0;
  color:#10233d;
  font-size:18px;
  font-weight:800;
}

.evrd-sp-topbar-right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.evrd-sp-topbar-btn{
  width:38px;
  height:38px;
  border-radius:12px;
  border:1px solid var(--evrd-border);
  background:#fff;
  color:var(--evrd-text);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  position:relative;
}

.evrd-sp-dot-live{
  position:absolute;
  top:8px;
  right:8px;
  width:8px;
  height:8px;
  border-radius:999px;
  background:#ef4444;
  box-shadow:0 0 0 2px #fff;
  transition:opacity .18s ease, transform .18s ease;
}

.evrd-sp-dot-live.is-hidden{
  opacity:0;
  transform:scale(.6);
  pointer-events:none;
}


.evrd-sp-pill{
  min-height:38px;
  padding:2px 12px;
  border-radius:999px;
  background:#fff3f4;
  color:#be123c;
  border:1px solid #ffe1e5;
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  font-weight:800;
}

.evrd-sp-mini-user{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}

.evrd-sp-mini-user-avatar{
  width:36px;
  height:36px;
  border-radius:25px;
  background:#10284a;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  flex:0 0 auto;
  cursor: pointer;
}

.evrd-sp-mini-user-copy{
  min-width:0;
}

.evrd-sp-mini-user-copy strong{
  display:block;
  color:var(--evrd-text);
  font-size:14px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.evrd-sp-mini-user-copy small{
  display:block;
  color:var(--evrd-muted);
  font-size:12px;
}

.evrd-sp-backdrop{
  position:fixed;
  inset:0;
  background:rgba(2,8,23,.45);
  backdrop-filter:blur(2px);
  opacity:0;
  visibility:hidden;
  transition:.25s ease;
  z-index:1001;
}

.evrd-sp-backdrop.is-active{
  opacity:1;
  visibility:visible;
}

.evrd-sp-main-inner{
  width:100%;
  max-width:1180px;
  margin:0 auto;
}

.evrd-sp-page{
  padding:20px 22px 28px;
}

/* dark mode */
body.evrd-sp-dark .evrd-sp-sidebar{
  background:#0f2341;
  border-right:1px solid rgba(255,255,255,.06);
}

body.evrd-sp-dark .evrd-sp-user-card{
  background:transparent;
  border:1px solid rgba(255,255,255,.08);
}
body.evrd-sp-dark  .evrd-sp-user-copy h3{
     color:#fff;
}
body.evrd-sp-dark .evrd-sp-avatar,
body.evrd-sp-dark .evrd-sp-mini-user-avatar{
     color:#10284a;
     background: #fff;
}

body.evrd-sp-dark .evrd-sp-nav-link{
  color:#eef4ff;
}

body.evrd-sp-dark  .evrd-sp-nav-divider{

      background: rgba(255, 255, 255, .08);

}
body.evrd-sp-dark .evrd-sp-nav-link:hover{
  background:rgba(255,255,255,.05);
}

body.evrd-sp-dark .evrd-sp-nav-link.is-active{
  background:#10284a;
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}

body.evrd-sp-dark .evrd-sp-topbar{
  background:#0c1830;
  border-bottom-color:#1a2a44;
}

body.evrd-sp-dark .evrd-sp-topbar-brand,
body.evrd-sp-dark #evrdSpPageTitle,
body.evrd-sp-dark .evrd-sp-mini-user-copy strong{
  color:#f4f8ff;
}

body.evrd-sp-dark .evrd-sp-kicker,
body.evrd-sp-dark .evrd-sp-mini-user-copy small{
  color:#95a6bf;
}

body.evrd-sp-dark .evrd-sp-topbar-btn,
body.evrd-sp-dark .evrd-sp-mobile-toggle,
body.evrd-sp-dark .evrd-sp-mobile-close{
  background:#0f1b33;
  border-color:#22314d;
  color:#e7eef9;
}

body.evrd-sp-dark .evrd-sp-pill{
     background: rgba(212, 169, 31, .12);
    border-color: rgba(234, 211, 154, .35);
    color: #f3c654;
}

body.evrd-sp-dark .evrd-sp-dot-live{
  box-shadow:0 0 0 2px #0c1830;
}

@media (max-width:1024px){
  .evrd-sp-sidebar{
    width:min(86vw, 340px);
    min-width:0;
    max-width:min(86vw, 340px);
    padding:14px 14px 18px;
    transform:translateX(-100%)!important;
    transition:transform .28s ease;
    z-index:1002;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    background:#ffffff;
    border-right:1px solid #e4ebf3;
    box-shadow:none;
  }

  .evrd-sp-sidebar.is-open{
    transform:translateX(0);
    box-shadow:20px 0 40px rgba(15,23,42,.18);
  }

  body.evrd-sp-dark .evrd-sp-sidebar{
    background:#0f2341;
    border-right:1px solid rgba(255,255,255,.06);
  }

  .evrd-sp-main{
    width:100%;
    margin-left:0 !important;
  }

  .evrd-sp-main-inner{
    max-width:100%;
  }

  .evrd-sp-page{
    padding:18px 16px 24px;
  }

  .evrd-sp-topbar{
    position:sticky;
    top:0;
    z-index:1000;
    padding:12px 14px;
  }

  .evrd-sp-topbar-left{
    gap:10px;
  }

  .evrd-sp-site-logo img{
    height:42px;
    max-width:250px;
    object-fit:contain;
  }

  .evrd-sp-topbar-right{
    gap:8px;
    flex-wrap:nowrap;
  }

  .evrd-sp-mobile-toggle,
  .evrd-sp-mobile-close{
    display:flex;
  }

  .evrd-sp-user-card{
    margin-bottom:16px;
  }

  .evrd-sp-nav-link,
  .evrd-sp-subnav-link{
    min-height:50px;
  }
}

/* ================================
TOPBAR DROPDOWNS
================================ */

.evrd-sp-topbar-actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.evrd-sp-topbar-dropdown{
  position:relative;
}

.evrd-sp-user-btn{
  display:flex;
  align-items:center;
  gap:8px;
  background:transparent;
  border:none;
  cursor:pointer;
  padding:0;
}

.evrd-sp-dropdown{
  position:absolute;
  top:65px;
  border-radius:18px;
  border:1px solid #d9e3ef;
  background:#fff;
  box-shadow:0 18px 40px rgba(15,23,42,.14);
  display:none;
  flex-direction:column;
  overflow:hidden;
  z-index:80;
}

.evrd-sp-dropdown.is-open{
  display:flex;
}

.evrd-sp-dropdown-header,
.evrd-sp-dropdown-footer,
.evrd-sp-user-head,
.evrd-sp-user-links,
.evrd-sp-user-logout{
  padding:16px 18px;
}

.evrd-sp-dropdown-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-bottom:1px solid #edf2f7;
}

.evrd-sp-dropdown-header strong{
  color:#10233d;
  font-size:16px;
  font-weight:800;
}

.evrd-sp-dropdown-body{
  display:flex;
  flex-direction:column;
}

.evrd-sp-dropdown-footer{
  border-top:1px solid #edf2f7;
}

.evrd-sp-notification-row{
  display:flex;
  gap:14px;
  padding:16px 18px;
  border-bottom:1px solid #edf2f7;
}

.evrd-sp-notification-row:last-child{
  border-bottom:none;
}


.evrd-sp-notification-copy strong{
  display:block;
  color:#10233d;
  font-size:15px;
  font-weight:800;
  margin-bottom:4px;
}

.evrd-sp-notification-copy span{
  display:block;
  color:#6f7f95;
  font-size:14px;
  line-height:1.45;
  margin-bottom:10px;
}

.evrd-sp-notification-copy small{
  display:block;
  color:#7f8ca1;
  font-size:12px;
  font-weight:700;
}

.evrd-sp-user-head{
  border-bottom:1px solid #edf2f7;
}

.evrd-sp-user-head strong{
  display:block;
  color:#10233d;
  font-size:16px;
  font-weight:800;
  margin-bottom:4px;
}

.evrd-sp-user-head span{
  display:block;
  color:#7b8aa0;
  font-size:14px;
}

.evrd-sp-user-links{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.evrd-sp-user-links button,
.evrd-sp-user-logout button{
  width:100%;
  border:none;
  background:transparent;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 10px;
  color:#10233d;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
  text-align:left;
}

.evrd-sp-user-links button:hover,
.evrd-sp-user-logout button:hover{
  opacity:.8;
}

.evrd-sp-user-logout{
  border-top:1px solid #edf2f7;
}

.evrd-sp-user-logout button{
  color:#ef4444;
}

.evrd-sp-link-btn{
  border:none;
  background:transparent;
  color:#143e78;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  padding:0;
transition: color .18s ease, transform .18s ease;
}

.evrd-sp-link-btn:hover{
        color: #e02c2c !important;
    transform: translateX(4px);
}

/* dark mode */
body.evrd-sp-dark .evrd-sp-dropdown{
  background:#0f1b33;
  border-color:#22314d;
  box-shadow:0 18px 40px rgba(0,0,0,.34);
}

body.evrd-sp-dark .evrd-sp-dropdown-header,
body.evrd-sp-dark .evrd-sp-dropdown-footer,
body.evrd-sp-dark .evrd-sp-user-head,
body.evrd-sp-dark .evrd-sp-user-logout,
body.evrd-sp-dark .evrd-sp-notification-row{
  border-color:#22314d;
}

body.evrd-sp-dark .evrd-sp-dropdown-header strong,
body.evrd-sp-dark .evrd-sp-user-head strong,
body.evrd-sp-dark .evrd-sp-notification-copy strong,
body.evrd-sp-dark .evrd-sp-user-links button{
  color:#f4f8ff;
}

body.evrd-sp-dark .evrd-sp-user-head span,
body.evrd-sp-dark .evrd-sp-notification-copy span,
body.evrd-sp-dark .evrd-sp-notification-copy small{
  color:#97a7bf;
}

body.evrd-sp-dark .evrd-sp-notification-icon{
  background:#13213b;
  border-color:#22314d;
  color:#f4f8ff;
}

body.evrd-sp-dark .evrd-sp-user-links button:hover{
  background:#13213b;
}

body.evrd-sp-dark .evrd-sp-user-logout button:hover{
  background:#3a1320;
}

/* =========================================
   TOPBAR DROPDOWNS · REFINAMIENTO UI
========================================= */

.evrd-sp-dropdown{
  top:65px;
  border-radius:18px;
  border:1px solid #d9e3ef;
  box-shadow:0 18px 40px rgba(15,23,42,.14);
  overflow:hidden;
}

.evrd-sp-user-dropdown{
  width:220px;
  right:110px;
}

.evrd-sp-notification-dropdown{
  width:340px;
  right:154px;
}



.evrd-sp-dropdown-header{
  padding:14px 16px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid #e9eef5;
}

.evrd-sp-dropdown-header strong{
  color:#10233d;
  font-size:15px;
  line-height:1.2;
  font-weight:800;
}

.evrd-sp-dropdown-header .evrd-sp-link-btn{
  font-size:13px;
  line-height:1.35;
  text-align:right;
  max-width:164px;
  font-weight:700;
}

.evrd-sp-dropdown-body{
  display:flex;
  flex-direction:column;
}

.evrd-sp-notification-row{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid #edf2f7;
}

.evrd-sp-notification-row:last-child{
  border-bottom:none;
}

.evrd-sp-notification-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  background:#f4f7fb;
  border:1px solid #e3ebf4;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#10233d;
  flex:0 0 auto;
}

.evrd-sp-notification-icon svg{
  width:18px;
  height:18px;
  stroke-width:2;
}

.evrd-sp-notification-copy{
  min-width:0;
}

/* Curso nuevo */
.evrd-sp-notification-row.type-course .evrd-sp-notification-icon svg{
  stroke:#1f4f8a;
}

/* Logro */
.evrd-sp-notification-row.type-achievement .evrd-sp-notification-icon svg{
  stroke:#f5b301;
}

/* Recordatorio */
.evrd-sp-notification-row.type-reminder .evrd-sp-notification-icon svg{
  stroke:#ef4444;
}

.type-course .evrd-sp-notification-icon{
  background:#eef4fb;
}

.type-achievement .evrd-sp-notification-icon{
  background:#fff7e1;
}

.type-reminder .evrd-sp-notification-icon{
  background:#ffecec;
}

/* =========================================
   NOTIFICATION HOVER HIGHLIGHT
========================================= */

.evrd-sp-notification-row{
  transition:
    background .18s ease,
    transform .18s ease,
    box-shadow .18s ease;
  cursor:pointer;
}

/* hover principal */

.evrd-sp-notification-row:hover{
  background:#f7faff;
}

/* pequeño lift del icono */

.evrd-sp-notification-row:hover .evrd-sp-notification-icon{
  transform:translateY(-1px);
}

/* dark mode */

body.evrd-sp-dark .evrd-sp-notification-row:hover{
  background:#13213b;
}

.evrd-sp-notification-copy strong{
  display:block;
  color:#10233d;
  font-size:15px;
  line-height:1.22;
  font-weight:800;
  margin-bottom:4px;
}

.evrd-sp-notification-copy span{
  display:block;
  color:#6f7f95;
  font-size:13px;
  line-height:1.45;
  margin-bottom:8px;
  max-width:208px;
}

.evrd-sp-notification-copy small{
  display:block;
  color:#7f8ca1;
  font-size:12px;
  line-height:1.2;
  font-weight:700;
}

.evrd-sp-dropdown-footer{
  padding:14px 16px;
  border-top:1px solid #e9eef5;
}

.evrd-sp-dropdown-footer .evrd-sp-link-btn{
  font-size:15px;
  font-weight:700;
}

/* user menu */
.evrd-sp-user-head{
  padding:14px 16px;
  border-bottom:1px solid #e9eef5;
}

.evrd-sp-user-head strong{
  display:block;
  color:#10233d;
  font-size:15px;
  line-height:1.2;
  font-weight:800;
  margin-bottom:4px;
}

.evrd-sp-user-head span{
  display:block;
  color:#7b8aa0;
  font-size:13px;
  line-height:1.35;
}

.evrd-sp-user-links{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:10px 16px;
}

.evrd-sp-user-links button,
.evrd-sp-user-logout button{
  width:100%;
  min-height:42px;
  border:none;
  background:transparent;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 2px;
  color:#10233d;
  font-size:15px;
  line-height:1.2;
  font-weight:700;
  cursor:pointer;
  text-align:left;
  border-radius:10px;
  transition:background .18s ease, color .18s ease;
}

.evrd-sp-user-links button:hover{
  background:#f6f9fd;
}

.evrd-sp-user-links button svg,
.evrd-sp-user-logout button svg{
  width:17px;
  height:17px;
  stroke-width:2;
}

.evrd-sp-user-logout{
  padding:10px 16px 14px;
  border-top:1px solid #e9eef5;
}

.evrd-sp-user-logout button{
  color:#ef4444;
}

.evrd-sp-user-logout button:hover{
  background:#fff3f4;
}

/* dark mode */
body.evrd-sp-dark .evrd-sp-dropdown{
  border-color:#22314d;
  box-shadow:0 18px 40px rgba(0,0,0,.34);
}

body.evrd-sp-dark .evrd-sp-user-links button:hover{
  background:#13213b;
}

body.evrd-sp-dark .evrd-sp-user-logout button:hover{
  background:#3a1320;
}

/* =========================================
   BASE CARDS
========================================= */

.evrd-sp-card{
  background:var(--evrd-card);
  border:1px solid var(--evrd-border);
  border-radius:18px;
  box-shadow:var(--evrd-shadow);
}

.evrd-sp-panel-shell{
  padding:18px;
}

.evrd-sp-view{
  display:flex;
  flex-direction:column;
  gap:18px;
}

/* =========================================
   HOME LAYOUT
========================================= */

.evrd-sp-home{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.evrd-sp-home-row{
  display:grid;
  gap:18px;
}

.evrd-sp-home-row-top{
  grid-template-columns:minmax(0,1.7fr) minmax(250px,.7fr);
}

.evrd-sp-home-row-middle,
.evrd-sp-home-row-bottom{
  grid-template-columns:minmax(0,1.7fr) minmax(290px,.7fr);
}

.evrd-sp-home-maincol,
.evrd-sp-home-sidecol{
  min-width:0;
}

.evrd-sp-home-course-btn,
.evrd-sp-home-continue-btn{
  transition:
    transform .2s ease,
    background-color .2s ease,
    border-color .2s ease,
    color .2s ease,
    box-shadow .2s ease;
}

.evrd-sp-home-course-btn:hover,
.evrd-sp-home-continue-btn:hover{
  transform: translateX(2px);
}

.evrd-sp-course-grid .evrd-sp-course-card-ref{
  animation: evrdHomeCardFadeUp .45s ease both;
}

.evrd-sp-course-grid .evrd-sp-course-card-ref:nth-child(2){
  animation-delay: .06s;
}

@keyframes evrdHomeCardFadeUp{
  from{
    opacity:0;
    transform:translateY(12px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

/* =========================================
   WELCOME
========================================= */

.evrd-sp-welcome-card{
  position:relative;
  overflow:hidden;
  padding:30px 25px 30px;
}

.evrd-sp-welcome-overlay{
  position:absolute;
  right:-40px;
  bottom:-40px;
  opacity:.06;
  pointer-events:none;
  transform:rotate(-12deg);
  transition:all .4s ease;
}

.evrd-sp-welcome-overlay svg{
  width:220px !important;
  height:220px !important;
  stroke-width:1.5;
}

/* animación suave */

.evrd-sp-welcome-card:hover .evrd-sp-welcome-overlay{
  transform:rotate(-8deg) scale(1.05);
  opacity:.08;
}

.evrd-sp-welcome-copy,
.evrd-sp-mini-stats{
  position:relative;
  z-index:2;
}

.evrd-sp-welcome-copy{
  margin-bottom:14px;
  max-width:620px;
}

.evrd-sp-welcome-title{
  margin:0 0 10px;
  font-size:32px;
  line-height:1.08;
  letter-spacing:-.02em;
  color:var(--evrd-text);
  font-weight:800;
}

.evrd-sp-welcome-text{
  margin:0;
  font-size:14px;
  line-height:1.55;
  color:var(--evrd-muted);
}

.evrd-sp-welcome-bg-icon{
  position:absolute;
  right:-8px;
  bottom:-12px;
  z-index:1;
  pointer-events:none;
  opacity:.12;
}

.evrd-sp-welcome-bg-icon svg{
  width:150px;
  height:150px;
  stroke:#d7e2f0;
  stroke-width:1.6;
  fill:none;
  transform:rotate(-10deg);
  transition:transform .3s ease, opacity .3s ease;
}

.evrd-sp-welcome-card:hover .evrd-sp-welcome-bg-icon svg{
  transform:rotate(-12deg) scale(1.04);
  opacity:.16;
}

.evrd-sp-mini-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

.evrd-sp-mini-stat{
  background:#f7f9fc63;
  border:1px solid var(--evrd-border-soft);
  border-radius:14px;
  padding:12px 12px 11px;
}

.evrd-sp-mini-stat-label{
  display:block;
  margin-bottom:7px;
  font-size:11px;
  letter-spacing:.08em;
  color:#7f8ca1;
  font-weight:800;
}

.evrd-sp-mini-stat-value{
  display:block;
  color:var(--evrd-text);
  font-size:18px;
  line-height:1.05;
  font-weight:800;
}

.evrd-sp-mini-stat-value.is-gold{
  color:#c5961d;
}

/* =========================================
   XP CARD
========================================= */

.evrd-sp-xp-card{
  padding:18px 18px 16px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.evrd-sp-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}

.evrd-sp-card-title{
  margin:0;
  font-size:18px;
  color:var(--evrd-text);
  font-weight:800;
}

.evrd-sp-pill-gold{
  background:var(--evrd-gold-soft);
  color:var(--evrd-gold);
  border:1px solid #f0e0b4;
}

.evrd-sp-xp-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
  font-size:13px;
  color:var(--evrd-muted);
  font-weight:700;
}

.evrd-sp-xp-note{
  margin:12px 0 0;
  font-size:12px;
  line-height:1.45;
  color:#7a899f;
}

/* =========================================
   SECTION HEADINGS
========================================= */

.evrd-sp-section-heading{
  margin-bottom:12px;
}

.evrd-sp-section-heading h3{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  color:var(--evrd-text);
  font-size:20px;
  font-weight:800;
}

.evrd-sp-section-heading h3 svg{
  color:#dc1f26 !important;
  width: 28px !important;
  height: 28px !important;
}

.evrd-sp-section-heading-between{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.evrd-sp-link-btn{
  border:none;
  background:transparent;
  color:#0f3466;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  padding:0;
}

.evrd-sp-count-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:30px;
  height:30px;
  padding:0 10px;
  border-radius:999px;
  background:#f7f9fc;
  border:1px solid var(--evrd-border);
  color:var(--evrd-text);
  font-size:12px;
  font-weight:800;
}

/* =========================================
   CONTINUE CARD
========================================= */

.evrd-sp-continue-card{
  display:grid;
  grid-template-columns:200px minmax(0,1fr);
  overflow:hidden;
  padding:0;
  height: 230px;
}

.evrd-sp-continue-media{
  min-height:200px;
  background:linear-gradient(180deg,#d9e7f8,#bcd1ec);
  position:relative;
}

.evrd-sp-continue-thumb{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(to bottom, rgba(16,35,61,.08), rgba(16,35,61,.18));
  color:#fff;
}

.evrd-sp-continue-thumb svg{
  width:28px;
  height:28px;
}

.evrd-sp-continue-body{
  padding:18px 18px 18px 16px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.evrd-sp-kicker{
  display:inline-block;
  margin-bottom:10px;
  font-size:11px;
  line-height:1;
  letter-spacing:.1em;
  color:#d62939;
  font-weight:800;
}

.evrd-sp-continue-title{
  margin:0 0 14px;
  color:var(--evrd-text);
  font-size:24px;
  line-height:1.15;
  font-weight:800;
}

.evrd-sp-progress-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:8px;
  color:var(--evrd-muted);
  font-size:13px;
  font-weight:700;
}

.evrd-sp-progress-meta strong{
  color:var(--evrd-text);
}

.evrd-sp-continue-actions{
  margin-top:16px;
}

/* =========================================
   PROGRESS
========================================= */

.evrd-sp-progress{
  height:8px;
  background:#edf2f8;
  border-radius:999px;
  overflow:hidden;
}

.evrd-sp-progress span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#ef4444,#dc2626);
}

.evrd-sp-progress-gold span{
  background:linear-gradient(90deg,#e1bf59,#c79c28);
}

/* =========================================
   WIDGET HEAD
========================================= */

.evrd-sp-widget-head{
  margin-bottom:14px;
}

.evrd-sp-widget-head h3{
  margin:0;
  color:var(--evrd-text);
  font-size:18px;
  font-weight:800;
}

.evrd-sp-widget-head-with-icon{
  display:flex;
  align-items:center;
  gap:10px;
}

.evrd-sp-widget-head-icon{
  width:36px;
  height:36px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.evrd-sp-widget-head-icon.is-gold{
  background:#fff8e8;
  color:#c79c28;
  border:1px solid #f0e0b4;
}

/* =========================================
   ACHIEVEMENTS
========================================= */



.evrd-sp-achievements-widget{
  padding:18px;
}

.evrd-sp-achievement-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.evrd-sp-achievement-grid.is-full{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.evrd-sp-achievement-box{
  min-height:124px;
  background:#f7f9fc;
  border:1px solid transparent;
  border-radius:16px;
  padding:16px 12px 14px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  transition:
    background .22s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    transform .22s ease,
    opacity .22s ease;
}

.evrd-sp-achievement-box:hover{
  transform:translateY(-2px);
  background:#ffffff;
  border-color:#d9e3ef;
  box-shadow:0 8px 18px rgba(15,23,42,.06);
}

.evrd-sp-achievement-icon{
  width:auto;
  height:auto;
  margin-bottom:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  border:none;
  border-radius:0;
  color:inherit;
}

.evrd-sp-achievement-icon svg{
  width:40px  !important;
  height:40px !important;
  stroke-width:2.2;
}

.evrd-sp-achievement-box span{
  font-size:11px;
  line-height:1.35;
  letter-spacing:.05em;
  color:#6f7f95;
  font-weight:800;
  transition:color .22s ease;
}

.evrd-sp-achievement-box:hover span{
  color:#10233d;
}

.evrd-sp-empty-state-achievements{
  min-height: 180px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 12px;
  padding: 24px 20px;
}

.evrd-sp-empty-state-achievements i{
  width: 22px;
  height: 22px;
  opacity: .75;
}

.evrd-sp-empty-state-achievements p{
  margin: 0;
  max-width: 220px;
  line-height: 1.55;
}

/* Logros: mantener color del icono en ambos temas */
.achievement-tone-1 .evrd-sp-achievement-icon{ color:#ff5a58; }
.achievement-tone-2 .evrd-sp-achievement-icon{ color:#f2b400; }
.achievement-tone-3 .evrd-sp-achievement-icon{ color:#4b83ff; }
.achievement-tone-4 .evrd-sp-achievement-icon{ color:#22c55e; }

body.evrd-sp-dark .achievement-tone-1 .evrd-sp-achievement-icon{ color:#ff5a58; }
body.evrd-sp-dark .achievement-tone-2 .evrd-sp-achievement-icon{ color:#f2b400; }
body.evrd-sp-dark .achievement-tone-3 .evrd-sp-achievement-icon{ color:#4b83ff; }
body.evrd-sp-dark .achievement-tone-4 .evrd-sp-achievement-icon{ color:#22c55e; }

body.evrd-sp-dark .evrd-sp-achievement-icon,
body.evrd-sp-dark .evrd-sp-achievement-icon svg{
  color:inherit;
}

/* dark mode */
body.evrd-sp-dark .evrd-sp-achievement-box{
 background:#f5f7fb;
  border-color:transparent;
}

body.evrd-sp-dark .evrd-sp-achievement-box:hover{
  background:#101d34;
  border-color:#22314d;
  box-shadow:0 10px 22px rgba(0,0,0,.18);
}

body.evrd-sp-dark .evrd-sp-achievement-box span{
  color:#97a7bf;
}

body.evrd-sp-dark .evrd-sp-achievement-box:hover span{
  color:#f4f8ff;
}

body.evrd-sp-dark .evrd-sp-welcome-overlay{
  opacity:.08;
}

body.evrd-sp-dark .evrd-sp-welcome-overlay svg{
  stroke:#ffffff;
}

/* =========================================
   COURSE CARDS
========================================= */

.evrd-sp-course-grid,
.evrd-sp-courses-list-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.evrd-sp-course-card-ref{
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:16px;
  justify-content: space-between;
}

.evrd-sp-course-thumb-wrap{
  position:relative;
  width:100%;
  aspect-ratio:16 / 9;
  border-radius:18px;
  overflow:hidden;
  margin-bottom:14px;
  background:#dfe7f5;
}

.evrd-sp-course-thumb{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.evrd-sp-course-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.evrd-sp-course-head > div:first-child{
  flex:1;
  min-width:0;
}

.evrd-sp-course-head h4{
  margin:0 0 6px;
}

.evrd-sp-course-card-ref .evrd-sp-btn{
  margin-top:auto;
}

.evrd-sp-course-head h4{
  margin:0 0 4px;
  color:var(--evrd-text);
  font-size:18px;
  line-height:1.2;
  font-weight:800;
}

.evrd-sp-course-head p{
  margin:0;
  color:#7b8aa0;
  font-size:12px;
  line-height:1.4;
  font-weight:600;
}

.evrd-sp-course-icon{
  width:38px;
  height:38px;
  border-radius:12px;
  background:#f5f8fd;
  border:1px solid #dce5f0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#10233d;
  flex:0 0 auto;
}

.evrd-sp-progress-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}

.evrd-sp-progress-row strong{
  color:var(--evrd-text);
  font-size:13px;
  font-weight:800;
}



/* =========================================
   RECOMMENDED
========================================= */

.evrd-sp-recommended-widget{
  padding:18px;
}

.evrd-sp-recommended-list{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.evrd-sp-recommended-item{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  border-radius:14px;
  border:0;
  background:transparent;
  text-align:left;
  cursor:pointer;
  transition:
    background .22s ease,
    box-shadow .22s ease,
    transform .22s ease;
}

.evrd-sp-recommended-item:hover{
  background:#f3f6fb;
  transform: translateX(4px);
}

.evrd-sp-recommended-item-arrow{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#6f84a4;
  transition:transform .22s ease, color .22s ease;
}

.evrd-sp-recommended-item:hover .evrd-sp-recommended-item-arrow{
  transform:translateX(3px);
  color:#0d3d84;
}

/*
.evrd-sp-recommended-item.rec-tone-1{
  background:#e8f0fb;
}


.evrd-sp-recommended-item.rec-tone-1:hover{
  background:#dde8f8;
}
*/
.evrd-sp-rec-icon{
  width:40px;
  height:40px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  border:1px solid var(--evrd-border-soft);
  background:#f6f9fd;
}

.evrd-sp-rec-icon svg{
  width:19px;
  height:19px;
  stroke-width:2.1;
}

.evrd-sp-rec-copy{
  min-width:0;
}

.evrd-sp-rec-copy strong{
  display:block;
  margin-bottom:2px;
  color:var(--evrd-text);
  font-size:14px;
  line-height:1.25;
  font-weight:800;
}

.evrd-sp-rec-copy span{
  display:block;
  color:#7b8aa0;
  font-size:12px;
  line-height:1.35;
  font-weight:600;
}

/* tonos light */
.rec-tone-1 .evrd-sp-rec-icon{
  color:#183b7a;
  background:#edf3ff;
  border-color:#d7e3fb;
}

.rec-tone-2 .evrd-sp-rec-icon{
  color:#ff5a58;
  background:#fff3f4;
  border-color:#ffd9dc;
}

.rec-tone-3 .evrd-sp-rec-icon{
  color:#d6ac3a;
  background:#fff8e8;
  border-color:#f0e0b4;
}

/* =========================
   CURSOS - VISTA CATALOGO
========================= */

.evrd-sp-courses-page{
  width:100%;
}

.evrd-sp-courses-shell{
  padding:24px 28px 28px;
}

.evrd-sp-courses-page-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:22px;
  flex-wrap:wrap;
  padding:0 24px;
}

.evrd-sp-courses-header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}
.evrd-sp-courses-title{
  margin:0;
  font-size:2rem;
  line-height:1.1;
  color:#181b31;
}

.evrd-sp-courses-subtitle{
  margin:8px 0 0;
  color:#6f7f99;
}

.evrd-sp-courses-filters{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
  border-bottom:1px solid #d8e0ef;
  padding-bottom:8px;
}

.evrd-sp-courses-filter-btn{
  border:0;
  background:transparent;
  color:#627493;
  font-weight:700;
  cursor:pointer;
  padding:0 0 8px;
  position:relative;
}

.evrd-sp-courses-filter-btn.is-active{
  color:#0f2447;
}

.evrd-sp-courses-filter-btn.is-active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-9px;
  height:2px;
  border-radius:999px;
  background:#0f2447;
}

.evrd-sp-courses-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:24px 0px;
  flex-wrap:wrap;
}

.evrd-sp-courses-toolbar-actions{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}

.evrd-sp-courses-search{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:280px;
  max-width:440px;
  width:100%;
  background:#f2f5fb;
  border:1px solid #d8e0ef;
  border-radius:12px;
  padding:12px 16px;
   position:relative;
}

.evrd-sp-courses-search i{
  font-size:18px;
  color:#7587a3;
}

.evrd-sp-courses-search input{
  border:0;
  outline:none;
  background:transparent;
  width:100%;
  color:#0f2447;
  font:inherit;
  padding-right:38px;
}

.evrd-sp-courses-search-clear{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  width:28px;
  height:28px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#7083a3;
  display:none;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

.evrd-sp-courses-search-clear.is-visible{
  display:inline-flex;
}

.evrd-sp-courses-search-clear:hover{
  background:#e8eef8;
  color:#0f2447;
}

.evrd-sp-courses-clear-btn{
  border:1px solid #d8e0ef;
  background:#f7f9fd;
  color:#5f7292;
  border-radius:14px;
  padding:11px 14px;
  display:none;
  align-items:center;
  gap:8px;
  font-weight:700;
  cursor:pointer;
  transition:.18s ease;
}

.evrd-sp-courses-clear-btn.is-visible{
  display:inline-flex;
}

.evrd-sp-courses-clear-btn:hover:not(:disabled){
  background:#eef3fb;
  color:#0f2447;
}

.evrd-sp-courses-clear-btn:disabled{
  opacity:.5;
  cursor:not-allowed;
}

body.evrd-sp-dark .evrd-sp-courses-search-clear{
  color:#9db0d0;
}

body.evrd-sp-dark .evrd-sp-courses-search-clear:hover{
  background:#16325a;
  color:#f4f7ff;
}

body.evrd-sp-dark .evrd-sp-courses-clear-btn{
  background:#0c2348;
  border-color:rgba(157,176,208,.18);
  color:#9db0d0;
}

body.evrd-sp-dark .evrd-sp-courses-clear-btn:hover:not(:disabled){
  background:#16325a;
  color:#f4f7ff;
}


.evrd-sp-courses-results{
  color:#6f7f99;
  font-weight:700;
}

.evrd-sp-courses-grid-catalog{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:22px;
}

.evrd-sp-course-catalog-card{
  background:#fff;
  border:1px solid #d8e0ef;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(14,32,67,.04);
  display:flex;
  flex-direction:column;
  cursor: pointer;
}

.evrd-sp-course-catalog-thumb-wrap{
  width:100%;
   min-height:220px;
  aspect-ratio:16 / 9;
  overflow:hidden;
  background:#dfe7f5;
}

.evrd-sp-course-catalog-thumb{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.evrd-sp-course-catalog-body{
  padding:18px 18px 20px;
  display:flex;
  flex-direction:column;
  height:100%;
  justify-content: space-between;
}

.evrd-sp-course-status-badge{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:5px 10px;
  border-radius:8px;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.04em;
  margin-bottom:12px;
}

.evrd-sp-course-status-badge.is-in_progress{
  background:#2f80ed;
  color:#fff;
}

.evrd-sp-course-status-badge.is-not_started{
  background:#71839f;
  color:#fff;
}

.evrd-sp-course-status-badge.is-completed{
  background:#16c15f;
  color:#fff;
}

.evrd-sp-course-catalog-title{
  margin:0 0 6px;
  font-size:1.12rem;
  line-height:1.25;
}

.evrd-sp-course-catalog-next{
  margin:0 0 16px;
  color:#6f7f99;
  min-height:22px;
  font-size: 14px;
}

.evrd-sp-course-catalog-progress-meta{
  display:flex;
  justify-content:space-between;
  gap:10px;
  color:#4f6280;
  font-size:.95rem;
  margin-bottom:8px;
}

.evrd-sp-course-catalog-progress{
  height:7px;
  border-radius:999px;
  background:#e6edf7;
  overflow:hidden;
  margin-bottom:18px;
}

.evrd-sp-course-catalog-progress span{
  display:block;
  height:100%;
  border-radius:999px;
  background:#0b397a;
}

.evrd-sp-course-catalog-btn{
  margin-top:auto;
  width:100%;
}


.evrd-sp-courses-clear-btn,
.evrd-sp-course-card-btn{
  transition:
    transform .2s ease,
    background-color .2s ease,
    border-color .2s ease,
    color .2s ease,
    box-shadow .2s ease,
    opacity .2s ease;
}

.evrd-sp-courses-clear-btn:hover:not(:disabled){
  transform: translateX(-2px);
}

.evrd-sp-course-card-btn:hover{
  transform: translateX(2px);
}

.evrd-sp-courses-clear-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.evrd-sp-course-card-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

.evrd-sp-course-card-btn i,
.evrd-sp-courses-clear-btn i{
  width:18px;
  height:18px;
  display:inline-flex;
}

@media (max-width: 1200px){
  .evrd-sp-courses-grid-catalog{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px){
  .evrd-sp-courses-shell{
     padding:0 6px;
  }

  .evrd-sp-courses-title{
    font-size:1.6rem;
  }

  .evrd-sp-courses-grid-catalog{
    grid-template-columns:1fr;
  }

  .evrd-sp-courses-search{
    max-width:none;
  }
  
  .evrd-sp-courses-shell{
      padding: 9px 18px 18px 
  }
  
  
}
/* =========================
   CURSOS - DARK MODE
========================= */

.dark .evrd-sp-courses-page-head{
  padding:0 24px;
}

body.evrd-sp-dark .evrd-sp-courses-title{
  color:#fff;
}

body.evrd-sp-dark .evrd-sp-courses-subtitle{
  color:#9db0d0;
}

body.evrd-sp-dark .evrd-sp-courses-filters{
  border-bottom:1px solid rgba(157,176,208,.22);
}

body.evrd-sp-dark .evrd-sp-courses-filter-btn{
  color:#8ea3c7;
}

body.evrd-sp-dark .evrd-sp-courses-filter-btn.is-active{
  color:#f4f7ff;
}

body.evrd-sp-dark .evrd-sp-courses-filter-btn.is-active::after{
  background:#f4f7ff;
}

body.evrd-sp-dark .evrd-sp-courses-shell{
  background:#071a3a;
  border-color:rgba(157,176,208,.16);
  box-shadow:0 14px 40px rgba(0,0,0,.28);
}

body.evrd-sp-dark .evrd-sp-courses-search{
  background:#0c2348;
  border-color:rgba(157,176,208,.18);
}

body.evrd-sp-dark .evrd-sp-courses-search i{
  color:#9db0d0;
}

body.evrd-sp-dark .evrd-sp-courses-search input{
  color:#f4f7ff;
}

body.evrd-sp-dark .evrd-sp-courses-search input::placeholder{
  color:#8ea3c7;
}

body.evrd-sp-dark .evrd-sp-courses-results{
  color:#9db0d0;
}

body.evrd-sp-dark .evrd-sp-course-catalog-card{
  background:#0c2348;
  border-color:rgba(157,176,208,.16);
  box-shadow:0 10px 30px rgba(0,0,0,.22);
 border-color:rgba(157,176,208,.18);
  
}

body.evrd-sp-dark .evrd-sp-course-catalog-body{
  background:#0c2348;
}

body.evrd-sp-dark .evrd-sp-course-catalog-title{
  color:#f4f7ff;
}

body.evrd-sp-dark .evrd-sp-course-catalog-next{
  color:#9db0d0;
}

body.evrd-sp-dark .evrd-sp-course-catalog-progress-meta{
  color:#c1d0ea;
}

body.evrd-sp-dark .evrd-sp-course-catalog-progress{
  background:#173661;
}

body.evrd-sp-dark .evrd-sp-course-catalog-progress span{
  background:#3d7fff;
}
/* =========================================
   DARK MODE RECOMMENDED
========================================= */

body.evrd-sp-dark .evrd-sp-recommended-item{
  background:transparent;
}

body.evrd-sp-dark .evrd-sp-recommended-item:hover{
  background:#16253f;
}
/*
body.evrd-sp-dark .evrd-sp-recommended-item.rec-tone-1{
  background:#1c2e4f;
}

body.evrd-sp-dark .evrd-sp-recommended-item.rec-tone-1:hover{
  background:#24375a;
}
*/
body.evrd-sp-dark .evrd-sp-rec-copy strong{
  color:#f1f5f9;
}

body.evrd-sp-dark .evrd-sp-rec-copy span{
  color:#94a3b8;
}

/* iconos mantienen color en dark */
body.evrd-sp-dark .rec-tone-1 .evrd-sp-rec-icon{
  color:#3b82f6;
  background:#1b2a47;
  border-color:#27406b;
}

body.evrd-sp-dark .rec-tone-2 .evrd-sp-rec-icon{
  color:#ff5a58;
  background:#3a1d24;
  border-color:#5a2b35;
}

body.evrd-sp-dark .rec-tone-3 .evrd-sp-rec-icon{
  color:#d6ac3a;
  background:#3a3018;
  border-color:#5a4a24;
}

/* =========================================
   INFO / OTHER TABS
========================================= */

.evrd-sp-info-card{
  padding:18px;
}

.evrd-sp-info-big{
  margin:10px 0 8px;
  font-size:30px;
  line-height:1;
  font-weight:800;
  color:var(--evrd-text);
}

.evrd-sp-info-text{
  margin:0;
  font-size:14px;
  line-height:1.55;
  color:var(--evrd-muted);
}

.evrd-sp-progress-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:18px;
}

.evrd-sp-progress-metric{
  background:#f7f9fc;
  border:1px solid var(--evrd-border-soft);
  border-radius:14px;
  padding:14px;
}

.evrd-sp-progress-metric span{
  display:block;
  margin-bottom:8px;
  color:#7f8ca1;
  font-size:12px;
  font-weight:700;
}

.evrd-sp-progress-metric strong{
  display:block;
  color:var(--evrd-text);
  font-size:24px;
  font-weight:800;
}

.evrd-sp-progress-block-lg{
  margin-top:8px;
}

.evrd-sp-cert-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.evrd-sp-cert-row{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px;
  border-radius:16px;
  background:#f7f9fc;
  border:1px solid var(--evrd-border-soft);
}

.evrd-sp-cert-row-icon{
  width:42px;
  height:42px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#c79c28;
  background:#fff8e8;
  border:1px solid #f0e0b4;
  flex:0 0 auto;
}

.evrd-sp-cert-row-copy{
  flex:1;
  min-width:0;
}

.evrd-sp-cert-row-copy strong{
  display:block;
  margin-bottom:3px;
  color:var(--evrd-text);
  font-size:14px;
  font-weight:800;
}

.evrd-sp-cert-row-copy span{
  display:block;
  color:var(--evrd-muted);
  font-size:12px;
  line-height:1.4;
}

.evrd-sp-support-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}

.evrd-sp-support-card{
  padding:18px;
  border-radius:16px;
  background:#f7f9fc;
  border:1px solid var(--evrd-border-soft);
}

.evrd-sp-support-icon{
  width:44px;
  height:44px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:12px;
  background:#fff;
  border:1px solid var(--evrd-border-soft);
  color:var(--evrd-text);
}

.evrd-sp-support-card h4{
  margin:0 0 8px;
  color:var(--evrd-text);
  font-size:16px;
  font-weight:800;
}

.evrd-sp-support-card p{
  margin:0 0 12px;
  color:var(--evrd-muted);
  font-size:13px;
  line-height:1.55;
}

.evrd-sp-notification-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.evrd-sp-notification-item{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:12px 0;
  border-bottom:1px solid var(--evrd-border);
}

.evrd-sp-notification-item:last-child{
  border-bottom:none;
}

.evrd-sp-notification-bullet{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#ef4444;
  margin-top:5px;
  flex:0 0 auto;
}

.evrd-sp-notification-copy strong{
  display:block;
  color:var(--evrd-text);
  font-size:14px;
  font-weight:800;
  margin-bottom:2px;
}

.evrd-sp-notification-copy span{
  display:block;
  color:var(--evrd-muted);
  font-size:12px;
}

.evrd-sp-empty-state{
  padding:40px 20px;
  text-align:center;
}

.evrd-sp-empty-state svg{
  width:38px;
  height:38px;
  color:var(--evrd-text);
  margin-bottom:12px;
}

.evrd-sp-empty-state h3{
  margin:0 0 8px;
  color:var(--evrd-text);
  font-size:22px;
  font-weight:800;
}

.evrd-sp-empty-state p{
  margin:0;
  color:var(--evrd-muted);
  font-size:14px;
  line-height:1.55;
}

/* =========================================
   BUTTONS
========================================= */

.evrd-sp-btn{
  min-height:46px;
  padding:10px 16px;
  border-radius:12px;
  border:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  cursor:pointer;
  font-size:14px;
  font-weight:700;
}

.evrd-sp-btn-primary{
  background:#143e78;
  color:#fff;
}

.evrd-sp-btn-primary:hover{
  background:#0f3466;
}

.evrd-sp-btn-outline{
  background:#fff;
  border:1px solid #cfd9e6;
  color:#143e78;
}

.evrd-sp-btn-outline:hover{
  background:#f7f9fc;
}

/* =========================================
   SKELETON
========================================= */

.evrd-sp-skeleton-page{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.evrd-sp-skeleton{
  border-radius:16px;
  background:linear-gradient(90deg,#f0f2f6 25%,#e6e9f0 37%,#f0f2f6 63%);
  background-size:400% 100%;
  animation:evrdSkeleton 1.4s ease infinite;
}

.evrd-sp-skeleton-hero{
  height:180px;
}

.evrd-sp-skeleton-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

.evrd-sp-skeleton-card{
  height:150px;
}

@keyframes evrdSkeleton{
  0%{background-position:100% 0}
  100%{background-position:-100% 0}
}

/* =========================================
   DARK MODE
========================================= */

body.evrd-sp-dark{
  --evrd-bg:#081224;
  --evrd-card:#0d1930;
  --evrd-card-soft:#0a1529;
  --evrd-border:#1d2d47;
  --evrd-border-soft:#22314d;
  --evrd-text:#f4f8ff;
  --evrd-muted:#97a7bf;
  background:var(--evrd-bg);
  color:var(--evrd-text);
}

body.evrd-sp-dark .evrd-sp-topbar{
  background:#0c1830;
  border-bottom-color:#1a2a44;
}

body.evrd-sp-dark .evrd-sp-topbar-btn,
body.evrd-sp-dark .evrd-sp-mobile-toggle,
body.evrd-sp-dark .evrd-sp-mobile-close{
  background:#0f1b33;
  border-color:#22314d;
  color:#e7eef9;
}

body.evrd-sp-dark .evrd-sp-dot-live{
  box-shadow:0 0 0 2px #0c1830;
}

body.evrd-sp-dark .evrd-sp-pill{
  background:#3a1320;
  border-color:#5b2230;
  color:#ffd2d9;
}
body.evrd-sp-dark  .evrd-sp-pill-gold,
body.evrd-sp-dark  .evrd-sp-widget-head-icon.is-gold{
    background: rgba(212, 169, 31, .1);
    border-color: rgba(234, 211, 154, .28);
    color: #f3c654;
}

body.evrd-sp-dark .evrd-sp-card,
body.evrd-sp-dark .evrd-sp-panel-shell{
  background:var(--evrd-card);
  border-color:var(--evrd-border);
  color:var(--evrd-text);
}

body.evrd-sp-dark .evrd-sp-topbar,
body.evrd-sp-dark .evrd-sp-mini-user-copy strong,
body.evrd-sp-dark #evrdSpPageTitle,
body.evrd-sp-dark .evrd-sp-card-title,
body.evrd-sp-dark .evrd-sp-widget-head h3,
body.evrd-sp-dark .evrd-sp-welcome-title,
body.evrd-sp-dark .evrd-sp-continue-title,
body.evrd-sp-dark .evrd-sp-course-head h4,
body.evrd-sp-dark .evrd-sp-section-heading h3,
body.evrd-sp-dark .evrd-sp-cert-row-copy strong,
body.evrd-sp-dark .evrd-sp-empty-state h3,
body.evrd-sp-dark .evrd-sp-progress-meta strong,
body.evrd-sp-dark .evrd-sp-progress-row strong{
  color:#f4f8ff;
}

body.evrd-sp-dark .evrd-sp-welcome-text,
body.evrd-sp-dark .evrd-sp-mini-user-copy small,
body.evrd-sp-dark .evrd-sp-kicker,
body.evrd-sp-dark .evrd-sp-xp-note,
body.evrd-sp-dark .evrd-sp-xp-meta,
body.evrd-sp-dark .evrd-sp-progress-meta,
body.evrd-sp-dark .evrd-sp-course-head p,
body.evrd-sp-dark .evrd-sp-rec-copy span,
body.evrd-sp-dark .evrd-sp-notification-copy span,
body.evrd-sp-dark .evrd-sp-empty-state p,
body.evrd-sp-dark .evrd-sp-info-text{
  color:#97a7bf;
}

body.evrd-sp-dark .evrd-sp-mini-stat,
body.evrd-sp-dark .evrd-sp-achievement-box,
body.evrd-sp-dark .evrd-sp-progress-metric,
body.evrd-sp-dark .evrd-sp-cert-row,
body.evrd-sp-dark .evrd-sp-support-card{
  background:#0a15299e;
  border-color:var(--evrd-border-soft);
}

body.evrd-sp-dark .evrd-sp-course-icon,
body.evrd-sp-dark .evrd-sp-achievement-icon,
body.evrd-sp-dark .evrd-sp-rec-icon,
body.evrd-sp-dark .evrd-sp-support-icon{
  background:#0d1a2f;
  border-color:#22314d;
  color:#e7eef9;
}

body.evrd-sp-dark .evrd-sp-btn-outline{
  background:#0f1b33;
  border-color:#22314d;
  color:#e7eef9;
}

body.evrd-sp-dark .evrd-sp-btn-outline:hover{
  background:#13213b;
}

body.evrd-sp-dark .evrd-sp-link-btn{
  color:#c9dbff;
}

body.evrd-sp-dark .evrd-sp-progress{
  background:#17243a;
}

body.evrd-sp-dark .evrd-sp-continue-media{
  background:linear-gradient(180deg,#182741,#122033);
}

body.evrd-sp-dark .evrd-sp-continue-thumb{
  background:linear-gradient(to bottom, rgba(0,0,0,.10), rgba(0,0,0,.28));
}

body.evrd-sp-dark .evrd-sp-welcome-bg-icon{
  opacity:.14;
}

body.evrd-sp-dark .evrd-sp-welcome-bg-icon svg{
  stroke:#284261;
}

body.evrd-sp-dark .evrd-sp-skeleton{
  background:linear-gradient(90deg,#0f1a2d 25%,#16243b 37%,#0f1a2d 63%);
  background-size:400% 100%;
}

/* =========================================
   RESPONSIVE
========================================= */

@media (max-width:1180px){
  .evrd-sp-home-row-top,
  .evrd-sp-home-row-middle,
  .evrd-sp-home-row-bottom{
    grid-template-columns:1fr;
  }

  .evrd-sp-support-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}


@media (max-width:1024px){
  .evrd-sp-mobile-toggle,
  .evrd-sp-mobile-close{
    display:flex;
  }

  .evrd-sp-sidebar.is-open{
    transform:translateX(0)!important;
  }
  
  body.evrd-sp-menu-open{
  overflow:hidden;
 
  }
}


@media (max-width:900px){
  .evrd-sp-page{
    padding:18px;
  }

  .evrd-sp-mini-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .evrd-sp-continue-card{
    grid-template-columns:1fr;
    height: auto;
  }

  .evrd-sp-course-grid,
  .evrd-sp-courses-list-grid,
  .evrd-sp-support-grid,
  .evrd-sp-progress-metrics{
    grid-template-columns:1fr;
  }

  .evrd-sp-achievement-grid.is-full{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .evrd-sp-skeleton-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:640px){
  .evrd-sp-topbar{
    padding:14px 16px;
  }

  .evrd-sp-page{
    padding:16px;
  }

  .evrd-sp-welcome-title{
    font-size:24px;
  }

  .evrd-sp-mini-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .evrd-sp-achievement-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .evrd-sp-section-heading-between{
    flex-direction:column;
    align-items:flex-start;
  }

  .evrd-sp-welcome-bg-icon{
    right:-14px;
    bottom:-16px;
  }

  .evrd-sp-welcome-bg-icon svg{
    width:110px;
    height:110px;
  }

  .evrd-sp-skeleton-grid{
    grid-template-columns:1fr;
  }
}

/* =========================================
   TOPBAR USER · COMPACT MODE
========================================= */
.evrd-sp-topbar-right{
  position:relative;
}

.evrd-sp-topbar-dropdown{
  position:relative;
  display:flex;
  align-items:center;
}

.evrd-sp-mini-user{
  min-height:42px;
  padding:0 8px 0 0;
  border:1px solid #d8e1ec;
  border-radius:999px;
  background:#ffffff;
  cursor:pointer;
  transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}

.evrd-sp-mini-user:hover{
  background:#f8fafc;
  border-color:#cfd9e6;
  box-shadow:0 8px 18px rgba(15,23,42,.06);
}

.evrd-sp-mini-user-avatar-wrap{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.evrd-sp-mini-user-avatar{
  cursor:inherit;
}

.evrd-sp-user-status-dot{
  position:absolute;
  right:-1px;
  bottom:-1px;
  width:11px;
  height:11px;
  border-radius:50%;
  background:#22c55e;
  border:2px solid #ffffff;
  box-shadow:0 0 0 1px rgba(34,197,94,.18);
}

.evrd-sp-mini-user-copy{
  display:none;
}

.evrd-sp-mini-user-caret{
  width:16px;
  height:16px;
  color:#6f7f95;
  transition:transform .2s ease,color .2s ease;
}

.evrd-sp-mini-user[aria-expanded="true"] .evrd-sp-mini-user-caret{
  transform:rotate(180deg);
  color:#10233d;
}

.evrd-sp-count-live{
  position:absolute;
  top:-4px;
  right:-4px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:#ef4444;
  color:#ffffff;
  font-size:10px;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  box-shadow:0 0 0 2px #ffffff;
}

.evrd-sp-count-live.is-hidden,
.evrd-sp-dot-live.is-hidden{
  display:none;
}

.evrd-sp-user-dropdown{
  width:250px;
  right:0;
  top:calc(100% + 12px);
  z-index: 999;
}

.evrd-sp-notification-dropdown{
  width:340px;
  right:0;
  top:calc(100% + 12px);
  z-index: 999;
}

.evrd-sp-topbar-dropdown-notifications{
  margin-right:2px;
}

.evrd-sp-topbar-dropdown-user{
  margin-left:2px;
}

.evrd-sp-user-links a,
.evrd-sp-user-links button,
.evrd-sp-user-logout a,
.evrd-sp-user-logout button{
  width:100%;
  border:none;
  background:transparent;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 10px;
  color:#10233d;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
  text-align:left;
  text-decoration:none;
}

.evrd-sp-user-links button[disabled]{
  opacity:.55;
  cursor:not-allowed;
}

.evrd-sp-user-links a:hover,
.evrd-sp-user-links button:not([disabled]):hover,
.evrd-sp-user-logout a:hover,
.evrd-sp-user-logout button:hover{
  opacity:.82;
}

body.evrd-sp-dark .evrd-sp-mini-user{
  background:#0f1b33;
  border-color:#22314d;
}

body.evrd-sp-dark .evrd-sp-mini-user:hover{
  background:#13213b;
  border-color:#2c3d5d;
}

body.evrd-sp-dark .evrd-sp-user-status-dot{
  border-color:#0f1b33;
}

body.evrd-sp-dark .evrd-sp-count-live{
  box-shadow:0 0 0 2px #0c1830;
}

body.evrd-sp-dark .evrd-sp-mini-user[aria-expanded="true"] .evrd-sp-mini-user-caret{
  color:#f4f8ff;
}

body.evrd-sp-dark .evrd-sp-user-links a,
body.evrd-sp-dark .evrd-sp-user-links button,
body.evrd-sp-dark .evrd-sp-user-logout a{
  color:#f4f8ff;
}

@media (max-width: 767px){
  .evrd-sp-mini-user{
    padding-right:6px;
  }

  .evrd-sp-mini-user-avatar{
    width:34px;
    height:34px;
  }

  .evrd-sp-user-dropdown{
    width:min(250px, calc(100vw - 24px));
    right:0;
  }

  .evrd-sp-notification-dropdown{
    width:min(340px, calc(100vw - 24px));
    right:-38px;
  }
  
  .evrd-sp-btn[data-course-action="open-theory-fullscreen"]{
    width:48px;
    min-width:48px;
    height:48px;
    padding:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:0;
  }

  .evrd-sp-btn[data-course-action="open-theory-fullscreen"] span{
    display:none;
  }

  .evrd-sp-btn[data-course-action="open-theory-fullscreen"] i,
  .evrd-sp-btn[data-course-action="open-theory-fullscreen"] svg{
    margin:0;
  }
  
}

body.evrd-sp-menu-open{
  overflow:hidden;
  touch-action:none;
}

@media (max-width:640px){
  .evrd-sp-topbar{padding:10px 12px;}
  .evrd-sp-page{padding:16px 12px 22px;}
  .evrd-sp-topbar-btn,.evrd-sp-mobile-toggle{width:36px;height:36px;border-radius:11px;}
  .evrd-sp-user-btn{gap:6px;}
  .evrd-sp-mini-user-avatar{width:34px;height:34px;}
}


/* =========================================
   MOBILE APP SHELL
========================================= */
.evrd-sp-mobile-nav,
.evrd-sp-more-sheet{
  display:none;
}

@media (max-width:1024px){
  #evrdSpMobileToggle,
  .evrd-sp-mobile-toggle{
    display:none !important;
  }

  .evrd-sp-topbar{
    gap:10px;
    align-items:center;
    justify-content:space-between;
  }

  .evrd-sp-topbar-left,
  .evrd-sp-topbar-right{
    gap:8px;
    align-items:center;
  }

  .evrd-sp-topbar-left{
    min-width:0;
    flex:1 1 auto;
  }

  .evrd-sp-topbar-right{
    flex:0 0 auto;
  }

  .evrd-sp-site-logo{
    width:42px;
    min-width:42px;
    height:42px;
    overflow:hidden;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
  }

  .evrd-sp-site-logo img{
    width:120px;
    max-width:none;
    height:42px;
    object-fit:cover;
    object-position:left center;
  }

  .evrd-sp-pill{
    min-height:38px;
    padding:0 10px;
    gap:6px;
  }

  .evrd-sp-pill strong{
    font-size:13px;
  }

  .evrd-sp-mini-user{
    min-height:40px;
    padding:0;
    width:40px;
    min-width:40px;
    justify-content:center;
  }

  .evrd-sp-mini-user-caret{
    display:none;
  }

  .evrd-sp-mini-user-avatar{
    width:38px;
    height:38px;
    font-size:14px;
  }

  .evrd-sp-main-inner{
    padding-bottom:92px;
  }

  .evrd-sp-mobile-nav{
    position:fixed;
    left:12px;
    right:12px;
    bottom:max(10px, env(safe-area-inset-bottom));
    z-index:1000;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:6px;
    padding:8px;
    border-radius:50px;
    background:rgba(255,255,255,.92);
    border:1px solid rgba(221,229,240,.9);
    box-shadow:0 14px 34px rgba(15,23,42,.14);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }

  .evrd-sp-mobile-nav-item{
    min-height:58px;
    border:none;
    background:transparent;
    border-radius:50px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    color:#6f7f95;
    cursor:pointer;
    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:-.01em;
    transition:background .22s ease,color .22s ease,transform .22s ease;
  }

  .evrd-sp-mobile-nav-item svg{
    width:18px;
    height:18px;
  }

  .evrd-sp-mobile-nav-item.is-active{
    background:#e9f0fb;
    color:#10233d;
  }

  .evrd-sp-mobile-nav-item:active{
    transform:scale(.98);
  }

  .evrd-sp-more-sheet{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:1004;
    display:block;
    padding:14px 14px calc(18px + env(safe-area-inset-bottom));
    border-radius:24px 24px 0 0;
    background:#ffffff;
    border-top:1px solid #dde5f0;
    box-shadow:0 -18px 40px rgba(15,23,42,.18);
    transform:translateY(110%);
    transition:transform .26s ease;
    max-height:min(72vh, 620px);
    overflow:auto;
  }

  .evrd-sp-more-sheet.is-open{
    transform:translateY(0);
  }

  .evrd-sp-more-sheet-handle{
    width:52px;
    height:5px;
    border-radius:999px;
    background:#d7e0ec;
    margin:0 auto 14px;
  }

  .evrd-sp-more-sheet-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:14px;
  }

  .evrd-sp-more-sheet-head strong{
    font-size:18px;
    color:#10233d;
  }

  .evrd-sp-more-sheet-close{
    width:40px;
    height:40px;
    border-radius:12px;
    border:1px solid #dde5f0;
    background:#f8fafc;
    color:#10233d;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
  }

  .evrd-sp-more-sheet-list{
    display:flex;
    flex-direction:column;
    gap:8px;
  }

  .evrd-sp-more-sheet-item{
    width:100%;
    min-height:54px;
    border:none;
    border-radius:16px;
    background:#f7f9fc;
    color:#10233d;
    display:flex;
    align-items:center;
    gap:12px;
    padding:0 16px;
    text-decoration:none;
    font-weight:700;
    cursor:pointer;
  }

  .evrd-sp-more-sheet-item-logout{
    color:#c53030;
  }

  .evrd-sp-more-sheet-item.is-active{
    background:#eaf1ff;
    color:#0f2f63;
    box-shadow:inset 0 0 0 1px rgba(28,82,201,.14);
  }

  .evrd-sp-topbar-btn.is-active,
  .evrd-sp-mini-user.is-active{
    background:#eef4ff;
    border-color:#cfe0ff;
    color:#143c7d;
  }

  .evrd-sp-topbar-dropdown-notifications .evrd-sp-dropdown,
  .evrd-sp-topbar-dropdown-user .evrd-sp-dropdown{
    position:fixed;
    left:12px;
    right:12px;
    top:auto;
    bottom:84px;
    width:auto;
    max-height:min(56vh, 480px);
    overflow:auto;
    border-radius:18px;
    box-shadow:0 18px 36px rgba(15,23,42,.16);
  }
}

body.evrd-sp-dark .evrd-sp-mobile-nav{
  background: rgb(15 27 51 / 78%);
  border-color:#22314d;
  box-shadow:0 16px 36px rgba(0,0,0,.36);
}

body.evrd-sp-dark .evrd-sp-mobile-nav-item{
  color:#9fb0c8;
}

body.evrd-sp-dark .evrd-sp-mobile-nav-item.is-active{
  background:#1a2a44;
  color:#f4f8ff;
}

body.evrd-sp-dark .evrd-sp-more-sheet{
  background:#0f1b33;
  border-top-color:#22314d;
  box-shadow:0 -18px 40px rgba(0,0,0,.38);
}

body.evrd-sp-dark .evrd-sp-more-sheet-handle{
  background:#324663;
}

body.evrd-sp-dark .evrd-sp-more-sheet-head strong,
body.evrd-sp-dark .evrd-sp-more-sheet-item{
  color:#f4f8ff;
}

body.evrd-sp-dark .evrd-sp-more-sheet-close{
  background:#16233d;
  border-color:#22314d;
  color:#f4f8ff;
}

body.evrd-sp-dark .evrd-sp-more-sheet-item{
  background:#16233d;
}

body.evrd-sp-dark .evrd-sp-more-sheet-item.is-active{
  background:#1d3358;
  color:#f4f8ff;
  box-shadow:inset 0 0 0 1px rgba(120,162,255,.18);
}

body.evrd-sp-dark .evrd-sp-topbar-btn.is-active,
body.evrd-sp-dark .evrd-sp-mini-user.is-active{
  background:#1b2d4d;
  border-color:#284168;
  color:#f4f8ff;
}

body.evrd-sp-dark .evrd-sp-more-sheet-item-logout{
  color:#ff8f8f;
}


/* =========================================
   MOBILE SHEETS EXTENSION
========================================= */
.evrd-sp-mobile-sheet{display:none;}

@media (max-width:1024px){
  .evrd-sp-topbar-dropdown-notifications .evrd-sp-dropdown,
  .evrd-sp-topbar-dropdown-user .evrd-sp-dropdown{
    display:none !important;
  }

  .evrd-sp-mobile-sheet{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:1004;
    display:block;
    padding:14px 14px calc(18px + env(safe-area-inset-bottom));
    border-radius:24px 24px 0 0;
    background:#ffffff;
    border-top:1px solid #dde5f0;
    box-shadow:0 -18px 40px rgba(15,23,42,.18);
    transform:translateY(110%);
    transition:transform .26s ease;
    max-height:min(72vh, 620px);
    overflow:auto;
  }

  .evrd-sp-mobile-sheet.is-open{
    transform:translateY(0);
  }

  .evrd-sp-mobile-sheet-handle{
    width:52px;
    height:5px;
    border-radius:999px;
    background:#d7e0ec;
    margin:0 auto 14px;
  }

  .evrd-sp-mobile-sheet-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:14px;
  }

  .evrd-sp-mobile-sheet-head strong{
    font-size:18px;
    color:#10233d;
  }

  .evrd-sp-mobile-sheet-close{
    width:40px;
    height:40px;
    border-radius:12px;
    border:1px solid #dde5f0;
    background:#f8fafc;
    color:#10233d;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
  }

  .evrd-sp-mobile-sheet-body .evrd-sp-dropdown-body{
    padding:0;
  }

  .evrd-sp-mobile-user-head{
    display:flex;
    align-items:center;
    gap:12px;
    padding:0 2px 14px;
  }

  .evrd-sp-mobile-user-avatar{
    width:44px;height:44px;border-radius:14px;
    display:inline-flex;align-items:center;justify-content:center;
    background:#e9f0fb;color:#10233d;font-weight:800;
  }

  .evrd-sp-mobile-user-copy{display:flex;flex-direction:column;gap:2px;}
  .evrd-sp-mobile-user-copy strong{font-size:15px;color:#10233d;}
  .evrd-sp-mobile-user-copy span{font-size:12px;color:#6f7f95;}
}

body.evrd-sp-dark .evrd-sp-mobile-sheet{
  background:#0f1b33;
  border-top-color:#22314d;
  box-shadow:0 -18px 40px rgba(0,0,0,.38);
}
body.evrd-sp-dark .evrd-sp-mobile-sheet-handle{background:#324663;}
body.evrd-sp-dark .evrd-sp-mobile-sheet-head strong,
body.evrd-sp-dark .evrd-sp-mobile-user-copy strong{color:#f4f8ff;}
body.evrd-sp-dark .evrd-sp-mobile-sheet-close{background:#16233d;border-color:#22314d;color:#f4f8ff;}
body.evrd-sp-dark .evrd-sp-mobile-user-avatar{background:#1a2a44;color:#f4f8ff;}
body.evrd-sp-dark .evrd-sp-mobile-user-copy span{color:#9fb0c8;}


@media (max-width:1024px){
  .evrd-sp-mobile-sheet .evrd-sp-user-links a,
  .evrd-sp-mobile-sheet .evrd-sp-user-links button,
  .evrd-sp-mobile-sheet .evrd-sp-user-logout a,
  .evrd-sp-mobile-sheet .evrd-sp-user-logout button{
    width:100%;
    min-height:42px;
    border:none;
    background:transparent;
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 2px;
    color:#10233d;
    font-size:15px;
    line-height:1.2;
    font-weight:700;
    text-align:left;
    border-radius:10px;
    text-decoration:none;
  }

  .evrd-sp-mobile-sheet .evrd-sp-user-links a:hover,
  .evrd-sp-mobile-sheet .evrd-sp-user-links button:hover{
    background:#f6f9fd;
  }

  .evrd-sp-mobile-sheet .evrd-sp-user-logout{
    padding:10px 16px 14px;
    border-top:1px solid #e9eef5;
  }

  .evrd-sp-mobile-sheet .evrd-sp-user-logout a,
  .evrd-sp-mobile-sheet .evrd-sp-user-logout button{
    color:#ef4444;
  }

  .evrd-sp-mobile-sheet .evrd-sp-user-logout a:hover,
  .evrd-sp-mobile-sheet .evrd-sp-user-logout button:hover{
    background:#fff3f4;
  }
}

body.evrd-sp-dark .evrd-sp-mobile-sheet .evrd-sp-user-links a,
body.evrd-sp-dark .evrd-sp-mobile-sheet .evrd-sp-user-links button{color:#f4f8ff;}
body.evrd-sp-dark .evrd-sp-mobile-sheet .evrd-sp-user-links a:hover,
body.evrd-sp-dark .evrd-sp-mobile-sheet .evrd-sp-user-links button:hover{background:#13213b;}
body.evrd-sp-dark .evrd-sp-mobile-sheet .evrd-sp-user-logout{border-color:#22314d;}
body.evrd-sp-dark .evrd-sp-mobile-sheet .evrd-sp-user-logout a:hover,
body.evrd-sp-dark .evrd-sp-mobile-sheet .evrd-sp-user-logout button:hover{background:#3a1320;}


/* =========================================
   MOBILE USER SHEET VISUAL ALIGNMENT
========================================= */
@media (max-width:1024px){
  #evrdSpUserSheet{
    padding:14px 14px calc(18px + env(safe-area-inset-bottom));
  }

  #evrdSpUserSheet .evrd-sp-mobile-sheet-head{
    margin-bottom:14px;
  }

  #evrdSpUserSheet .evrd-sp-mobile-sheet-body{
    display:flex;
    flex-direction:column;
    gap:12px;
  }

  #evrdSpUserSheet .evrd-sp-user-card{
    margin:0;
    padding:16px;
    border-radius:16px;
  }

  #evrdSpUserSheet .evrd-sp-avatar{
    width:44px;
    height:44px;
    border-radius:999px;
    flex:0 0 44px;
  }

  #evrdSpUserSheet .evrd-sp-user-copy{
    gap:2px;
    display: flex;
    flex-direction: column;
  }

  #evrdSpUserSheet .evrd-sp-user-copy strong,
  #evrdSpUserSheet .evrd-sp-user-copy h3{
    font-size:15px;
    line-height:1.25;
    margin:0;
  }

  #evrdSpUserSheet .evrd-sp-user-copy span,
  #evrdSpUserSheet .evrd-sp-user-copy p{
    font-size:12px;
    line-height:1.35;
    margin:0;
  }

  #evrdSpUserSheet .evrd-sp-user-links,
  #evrdSpUserSheet .evrd-sp-user-logout{
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:0;
    margin:0;
    border-top:none;
  }

  #evrdSpUserSheet .evrd-sp-user-links a,
  #evrdSpUserSheet .evrd-sp-user-links button,
  #evrdSpUserSheet .evrd-sp-user-logout a,
  #evrdSpUserSheet .evrd-sp-user-logout button{
    width:100%;
    min-height:54px;
    padding:0 16px;
    border-radius:16px;
    background:#f7f9fc;
    color:#10233d;
    gap:12px;
    font-size:15px;
    line-height:1.2;
    font-weight:700;
    text-align:left;
    justify-content:flex-start;
  }

  #evrdSpUserSheet .evrd-sp-user-links a:hover,
  #evrdSpUserSheet .evrd-sp-user-links button:hover,
  #evrdSpUserSheet .evrd-sp-user-logout a:hover,
  #evrdSpUserSheet .evrd-sp-user-logout button:hover{
    background:#eef4fb;
    opacity:1;
  }

  #evrdSpUserSheet .evrd-sp-user-logout a,
  #evrdSpUserSheet .evrd-sp-user-logout button{
    color:#c53030;
  }

  body.evrd-sp-dark #evrdSpUserSheet .evrd-sp-user-card{
    background:#12213d;
    border-color:#22314d;
  }

  body.evrd-sp-dark #evrdSpUserSheet .evrd-sp-user-links a,
  body.evrd-sp-dark #evrdSpUserSheet .evrd-sp-user-links button,
  body.evrd-sp-dark #evrdSpUserSheet .evrd-sp-user-logout a,
  body.evrd-sp-dark #evrdSpUserSheet .evrd-sp-user-logout button{
    background:#16233d;
    color:#f4f8ff;
  }

  body.evrd-sp-dark #evrdSpUserSheet .evrd-sp-user-links a:hover,
  body.evrd-sp-dark #evrdSpUserSheet .evrd-sp-user-links button:hover{
    background:#1d3358;
  }

  body.evrd-sp-dark #evrdSpUserSheet .evrd-sp-user-logout a,
  body.evrd-sp-dark #evrdSpUserSheet .evrd-sp-user-logout button{
    color:#ff8f8f;
  }

  body.evrd-sp-dark #evrdSpUserSheet .evrd-sp-user-logout a:hover,
  body.evrd-sp-dark #evrdSpUserSheet .evrd-sp-user-logout button:hover{
    background:#3a1320;
  }
}


.evrd-sp-active-course-head{display:flex;align-items:flex-start;gap:14px;min-width:0}
.evrd-sp-active-course-thumb{width:86px;height:72px;border-radius:16px;overflow:hidden;background:#e8eef7;border:1px solid rgba(15,52,102,.08);display:grid;place-items:center;flex:0 0 auto}
.evrd-sp-active-course-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.evrd-sp-active-course-thumb svg{color:#6f7f95}
.evrd-sp-continue-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.evrd-sp-xp-card{background:linear-gradient(180deg,#fff8e6 0%,#fffdf7 100%);border-color:rgba(199,156,40,.24)}
.evrd-sp-xp-card .evrd-sp-progress{background:rgba(199,156,40,.14)}
.evrd-sp-course-card-ref-home{padding:0;overflow:hidden;gap:0}
.evrd-sp-course-thumb-wrap-home{margin:0;border-radius:18px 18px 0 0;aspect-ratio:16 / 8.2;border:0;background:#dfe7f5}
.evrd-sp-course-thumb-wrap-home .evrd-sp-course-thumb{width:100%;height:100%;object-fit:cover;display:block}
.evrd-sp-course-thumb-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(180deg,#c7d3e8 0%,#b9c8e1 100%);color:#143e78}
.evrd-sp-course-thumb-placeholder svg{width:30px;height:30px}
.evrd-sp-course-head-home{padding:16px 18px 0;display:block}
.evrd-sp-course-card-ref-home .evrd-sp-progress-row{padding:0 18px 0}
.evrd-sp-course-card-ref-home .evrd-sp-home-course-btn{margin:18px;align-self:flex-start}
.evrd-sp-course-card-ref-home .evrd-sp-btn{margin-top:0}
.evrd-sp-recommended-item{align-items:center}
.evrd-sp-recommended-cta-link{margin-left:auto;flex:0 0 auto;font-weight:700;padding:0;background:transparent;border:none;color:#143e78}
.evrd-sp-recommended-cta-link:hover{color:#dc1f26;background:transparent;box-shadow:none;transform:none}
.evrd-sp-footer{padding:26px 28px 40px;display:flex;justify-content:center}
.evrd-sp-footer-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:28px;opacity:.98;width:100%;max-width:960px;margin:0 auto}
.evrd-sp-footer-logos img{max-height:72px;width:auto;object-fit:contain;filter:none}

.evrd-sp-user-logout a,.evrd-sp-user-logout button,.evrd-sp-more-sheet-item-logout{background:#fff3f3 !important;color:#c81f25 !important;border:1px solid rgba(220,31,38,.16) !important}
.evrd-sp-user-logout a:hover,.evrd-sp-user-logout button:hover,.evrd-sp-more-sheet-item-logout:hover{background:#ffe8e8 !important;color:#b31a1f !important}
body.evrd-sp-dark .evrd-sp-user-logout a,body.evrd-sp-dark .evrd-sp-user-logout button,body.evrd-sp-dark .evrd-sp-more-sheet-item-logout{background:#3a1320 !important;color:#ff8b90 !important;border-color:rgba(255,139,144,.16) !important}
body.evrd-sp-dark .evrd-sp-user-logout a:hover,body.evrd-sp-dark .evrd-sp-user-logout button:hover,body.evrd-sp-dark .evrd-sp-more-sheet-item-logout:hover{background:#4a1627 !important;color:#ffb3b6 !important}

.evrd-sp-modal-open{overflow:hidden}
.evrd-sp-logout-modal[hidden]{display:none !important}
.evrd-sp-logout-modal{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:24px}
.evrd-sp-logout-backdrop{position:absolute;inset:0;background:rgba(4,10,21,.58);backdrop-filter:blur(6px)}
.evrd-sp-logout-dialog{position:relative;z-index:1;width:min(480px,100%);background:#fff;border:1px solid rgba(15,52,102,.08);border-radius:28px;padding:30px 28px;box-shadow:0 24px 80px rgba(13,36,74,.26);display:flex;flex-direction:column;gap:16px;text-align:center}
.evrd-sp-logout-close{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:14px;border:1px solid rgba(15,52,102,.08);background:#fff;color:#0f3466;display:grid;place-items:center;cursor:pointer}
.evrd-sp-logout-icon{width:68px;height:68px;border-radius:22px;background:#fff3f3;color:#dc1f26;display:grid;place-items:center;margin:0 auto}
.evrd-sp-logout-icon svg{width:30px;height:30px}
.evrd-sp-logout-dialog h3{margin:0;color:#0f3466;font-size:1.7rem;line-height:1.08}
.evrd-sp-logout-dialog p{margin:0;color:#6f7f95;line-height:1.6}
.evrd-sp-logout-actions{display:flex;justify-content:center;gap:12px;margin-top:6px}
.evrd-sp-btn-danger{background:#dc1f26;border:1px solid #dc1f26;color:#fff}
.evrd-sp-btn-danger:hover{background:#b71b20;border-color:#b71b20}
body.evrd-sp-dark .evrd-sp-xp-card{background:linear-gradient(180deg,#3a2c0d 0%,#1e2230 100%);border-color:rgba(199,156,40,.26)}
body.evrd-sp-dark .evrd-sp-logout-dialog{background:#0d1830;border-color:rgba(180,191,215,.12)}
body.evrd-sp-dark .evrd-sp-logout-close{background:#132347;border-color:rgba(180,191,215,.12);color:#dbe8ff}
body.evrd-sp-dark .evrd-sp-logout-dialog h3{color:#fff}
body.evrd-sp-dark .evrd-sp-logout-dialog p{color:#b4bfd7}
body.evrd-sp-dark .evrd-sp-logout-icon{background:#3a1320;color:#ff8b90}
@media (max-width:860px){.evrd-sp-footer{padding:18px 16px 110px}.evrd-sp-footer-logos{gap:18px}.evrd-sp-footer-logos img{max-height:52px}.evrd-sp-recommended-item{align-items:center;flex-wrap:nowrap;}.evrd-sp-recommended-cta-link{margin-left:0}.evrd-sp-active-course-head{align-items:flex-start}.evrd-sp-active-course-thumb{width:100%;height:160px;max-width:none}.evrd-sp-course-thumb-wrap-home{aspect-ratio:16 / 9}}
@media (max-width:640px){.evrd-sp-logout-dialog{padding:28px 20px 22px}.evrd-sp-logout-actions{flex-direction:column}.evrd-sp-active-course-head{flex-direction:column}.evrd-sp-active-course-thumb{height:152px}.evrd-sp-course-card-ref-home .evrd-sp-home-course-btn{width:calc(100% - 36px);justify-content:center}}


/* =========================================
   RECOMMENDED HEADER ALIGN FIX
========================================= */
.evrd-sp-widget-head.evrd-sp-widget-head-between{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px;
  width:100%;
}

.evrd-sp-widget-head.evrd-sp-widget-head-between h3{
  margin:0 !important;
  flex:0 1 auto;
}

.evrd-sp-recommended-head-link{
  margin:0 0 0 auto !important;
  padding:0 !important;
  flex:0 0 auto;
  white-space:nowrap;
  align-self:center;
}

/* =========================================
   LOGOUT MODAL POLISH
========================================= */
.evrd-sp-logout-modal{
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}

.evrd-sp-logout-modal.is-open{
  opacity:1;
  pointer-events:auto;
}

.evrd-sp-logout-backdrop{
  opacity:0;
  transition:opacity .22s ease;
}

.evrd-sp-logout-modal.is-open .evrd-sp-logout-backdrop{
  opacity:1;
}

.evrd-sp-logout-dialog{
  transform:translateY(18px) scale(.96);
  opacity:0;
  transition:transform .24s cubic-bezier(.22,1,.36,1), opacity .24s ease, box-shadow .24s ease;
}

.evrd-sp-logout-modal.is-open .evrd-sp-logout-dialog{
  transform:translateY(0) scale(1);
  opacity:1;
}

.evrd-sp-logout-dialog.is-entering .evrd-sp-logout-icon{
  animation:evrdLogoutIconPop .34s cubic-bezier(.22,1,.36,1);
}

@keyframes evrdLogoutIconPop{
  0%{transform:scale(.82);opacity:0}
  100%{transform:scale(1);opacity:1}
}

.evrd-sp-logout-close,
.evrd-sp-logout-actions .evrd-sp-btn{
  transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease;
}

.evrd-sp-logout-close:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(15,36,74,.08);
}

.evrd-sp-logout-actions .evrd-sp-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 24px rgba(15,36,74,.10);
}

.evrd-sp-logout-actions .evrd-sp-btn:active,
.evrd-sp-logout-close:active{
  transform:translateY(0) scale(.98);
}

body.evrd-sp-dark .evrd-sp-logout-actions .evrd-sp-btn:hover{
  box-shadow:0 16px 26px rgba(0,0,0,.22);
}

@media (max-width:640px){
  .evrd-sp-widget-head.evrd-sp-widget-head-between{
    align-items:center !important;
  }
}


/* =========================================
   HOME WELCOME · PHASE 2 POLISH
========================================= */
/* LIGHT MODE · ajuste más visible pero elegante */
.evrd-sp-welcome-card{
  background:
    radial-gradient(135% 150% at 0% 0%, rgba(20,62,120,.22) 0%, rgba(20,62,120,0) 50%),
    radial-gradient(95% 120% at 100% 100%, rgba(220,31,38,.13) 0%, rgba(220,31,38,0) 46%),
    linear-gradient(135deg, #ffffff 0%, #f3f7fd 54%, #e8f0fa 100%);
  border-color:#d7e2f0;
  box-shadow:
    0 18px 34px rgba(15,36,74,.07),
    inset 0 1px 0 rgba(255,255,255,.78);
}

.evrd-sp-welcome-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(255,255,255,.60), rgba(255,255,255,0) 30%, rgba(20,62,120,.07) 70%, rgba(220,31,38,.06));
  opacity:.96;
}

.evrd-sp-welcome-card::after{
  content:"";
  position:absolute;
  right:-62px;
  top:-58px;
  width:230px;
  height:230px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(20,62,120,.16) 0%, rgba(20,62,120,.06) 40%, rgba(20,62,120,0) 72%);
  pointer-events:none;
  filter:blur(5px);
}

.evrd-sp-welcome-card .evrd-sp-mini-stats{
  gap:12px;
}

.evrd-sp-welcome-card .evrd-sp-mini-stat{
  background:rgba(255,255,255,.70);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  border-color:rgba(201,215,234,.95);
  box-shadow:0 10px 22px rgba(15,36,74,.05);
}

.evrd-sp-welcome-card .evrd-sp-mini-stat-value.is-gold{
  color:#c89416;
}

.evrd-sp-welcome-text{
  max-width:650px;
  color:#607594;
}

.evrd-sp-welcome-overlay{
  right:-24px;
  bottom:-30px;
  opacity:.10;
}

.evrd-sp-welcome-overlay svg{
  width:240px !important;
  height:240px !important;
  stroke:#163e78;
}

.evrd-sp-welcome-card:hover{
  box-shadow:
    0 22px 42px rgba(15,36,74,.09),
    inset 0 1px 0 rgba(255,255,255,.82);
}

.evrd-sp-welcome-card:hover .evrd-sp-mini-stat{
  background:rgba(255,255,255,.78);
}

body.evrd-sp-dark .evrd-sp-welcome-card{
  background:
    radial-gradient(130% 150% at 0% 0%, rgba(61,127,255,.16) 0%, rgba(61,127,255,0) 46%),
    radial-gradient(80% 90% at 100% 100%, rgba(243,198,84,.11) 0%, rgba(243,198,84,0) 42%),
    linear-gradient(140deg, #0d1a30 0%, #112441 52%, #0f3466 100%);
  border-color:rgba(157,176,208,.18);
  box-shadow:
    0 18px 40px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.03);
}

body.evrd-sp-dark .evrd-sp-welcome-card::before{
  background:
    linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,0) 30%, rgba(61,127,255,.06) 70%, rgba(243,198,84,.06));
}

body.evrd-sp-dark .evrd-sp-welcome-card::after{
  background:radial-gradient(circle, rgba(61,127,255,.18) 0%, rgba(61,127,255,.05) 42%, rgba(61,127,255,0) 74%);
}

body.evrd-sp-dark .evrd-sp-welcome-card .evrd-sp-mini-stat{
  background:rgba(9,22,43,.54);
  border-color:rgba(157,176,208,.16);
  box-shadow:none;
}

body.evrd-sp-dark .evrd-sp-welcome-overlay{
  opacity:.10;
}

body.evrd-sp-dark .evrd-sp-welcome-overlay svg{
  stroke:#ffffff;
}

/* =========================================
   HOME ACHIEVEMENTS HEADER
========================================= */
.evrd-sp-widget-head-achievements{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
}

.evrd-sp-widget-head-achievements-copy{
  min-width:0;
  flex:1 1 auto;
}

.evrd-sp-achievements-head-link{
  flex:0 0 auto;
  white-space:nowrap;
  align-self:center;
}

@media (max-width:640px){
  .evrd-sp-widget-head-achievements{
    align-items:center;
  }
}



/* =========================================
   PHASE · SIDEBAR LIGHT + GLOBAL AURA
========================================= */

/* Aura global más visible sin tocar z-index del page/topbar */
body:not(.evrd-sp-dark){
  background:
    radial-gradient(900px 520px at 18% 8%, rgba(20,62,120,.14) 0%, rgba(20,62,120,0) 58%),
    radial-gradient(760px 460px at 88% 86%, rgba(220,31,38,.10) 0%, rgba(220,31,38,0) 52%),
    linear-gradient(180deg, #eef3f9 0%, #edf2f8 100%);
  background-attachment: fixed;
}

body.evrd-sp-dark{
  background:
    radial-gradient(980px 620px at 14% 10%, rgba(61,127,255,.14) 0%, rgba(61,127,255,0) 54%),
    radial-gradient(860px 520px at 88% 82%, rgba(243,198,84,.09) 0%, rgba(243,198,84,0) 48%),
    linear-gradient(180deg, #081224 0%, #09162a 100%);
  background-attachment: fixed;
}

.evrd-sp-main{
  background:
    radial-gradient(760px 420px at 14% 12%, rgba(20,62,120,.08) 0%, rgba(20,62,120,0) 56%),
    radial-gradient(620px 360px at 94% 88%, rgba(220,31,38,.06) 0%, rgba(220,31,38,0) 48%);
  background-repeat:no-repeat;
}

body.evrd-sp-dark .evrd-sp-main{
  background:
    radial-gradient(760px 420px at 14% 12%, rgba(61,127,255,.10) 0%, rgba(61,127,255,0) 56%),
    radial-gradient(620px 360px at 94% 88%, rgba(243,198,84,.06) 0%, rgba(243,198,84,0) 48%);
  background-repeat:no-repeat;
}

.evrd-sp-page{
  background:
    radial-gradient(640px 320px at 10% 0%, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 58%);
}

body.evrd-sp-dark .evrd-sp-page{
  background:
    radial-gradient(720px 360px at 10% 0%, rgba(255,255,255,.03) 0%, rgba(255,255,255,0) 58%);
}

/* Sidebar light inspirado en el panel docente, sin convertirlo en dark */
body:not(.evrd-sp-dark) .evrd-sp-sidebar{
  background:
    linear-gradient(180deg, #103b72 0%, #0f3466 56%, #0d2d58 100%);
  border-right:1px solid rgba(10,34,68,.18);
  box-shadow:
    inset -1px 0 0 rgba(255,255,255,.04),
    14px 0 34px rgba(10,31,61,.12);
}

body:not(.evrd-sp-dark) .evrd-sp-user-card{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

body:not(.evrd-sp-dark) .evrd-sp-avatar{
  background:#ffffff;
  color:#0f3466;
}

body:not(.evrd-sp-dark) .evrd-sp-user-copy h3{
  color:#f7fbff;
}

body:not(.evrd-sp-dark) .evrd-sp-user-copy p span:first-child{
  color:#ff9ca4;
}

body:not(.evrd-sp-dark) .evrd-sp-user-copy p span:last-child{
  color:#f1d27a;
}

body:not(.evrd-sp-dark) .evrd-sp-nav-divider{
  background:rgba(255,255,255,.10);
}

body:not(.evrd-sp-dark) .evrd-sp-nav-link{
  color:#eef4ff;
  border:1px solid transparent;
  font-weight:700 !important;
}

body:not(.evrd-sp-dark) .evrd-sp-nav-link:hover{
  background:rgba(255,255,255,.075);
  border-color:rgba(255,255,255,.08);
}

body:not(.evrd-sp-dark) .evrd-sp-nav-link.is-active{
  background:rgba(255,255,255,.14);
  color:#ffffff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10), 0 10px 24px rgba(5,18,38,.16);
}

body:not(.evrd-sp-dark) .evrd-sp-nav-caret{
  color:#d8e6fb;
}

body:not(.evrd-sp-dark) .evrd-sp-subnav::before{
  background:rgba(255,255,255,.10);
}

body:not(.evrd-sp-dark) .evrd-sp-subnav-link{
  color:#dbe7f8;
}

body:not(.evrd-sp-dark) .evrd-sp-subnav-link:hover{
  background:rgba(255,255,255,.06);
}

body:not(.evrd-sp-dark) .evrd-sp-subnav-link.is-active{
  background:rgba(255,255,255,.11);
  color:#ffffff;
}

body:not(.evrd-sp-dark) .evrd-sp-sidebar-foot .evrd-sp-nav-link{
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}

body:not(.evrd-sp-dark) .evrd-sp-sidebar-foot .evrd-sp-nav-link:hover{
  background:rgba(255,255,255,.09);
}

@media (max-width:1024px){
  body:not(.evrd-sp-dark) .evrd-sp-sidebar{
    background:
      linear-gradient(180deg, #103b72 0%, #0f3466 56%, #0d2d58 100%);
    border-right:1px solid rgba(10,34,68,.16);
  }
}


/* =========================================
   LIVES DROPDOWN / SHEET
========================================= */
.evrd-sp-topbar-dropdown-lives{margin-right:2px;}
.evrd-sp-pill-lives{
  cursor:pointer;
  position:relative;
  transition:border-color .2s ease, background .2s ease, box-shadow .2s ease, color .2s ease;
}
.evrd-sp-pill-lives:hover{
  box-shadow:0 8px 18px rgba(15,23,42,.06);
}
.evrd-sp-pill-lives[aria-expanded="true"]{
  border-color:#ffc8cf;
  background:#fff7f8;
}
.evrd-sp-lives-dropdown{
  width:340px;
  right:0;
  top:calc(100% + 12px);
  z-index:999;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-gutter:stable;
}
.evrd-sp-lives-dropdown-header{align-items:center;}
.evrd-sp-lives-status-pill{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:52px;height:30px;padding:0 10px;border-radius:999px;
  font-size:12px;font-weight:800;border:1px solid #e5ebf3;background:#f8fafc;color:#10233d;
}
.evrd-sp-lives-status-pill.is-full{background:#ecfdf3;border-color:#ccefd8;color:#15803d;}
.evrd-sp-lives-status-pill.is-partial{background:#fff8e8;border-color:#f0e0b4;color:#b7791f;}
.evrd-sp-lives-status-pill.is-empty{background:#fff1f2;border-color:#ffd5da;color:#c81f25;}
.evrd-sp-lives-dropdown-body,.evrd-sp-lives-sheet-body{padding:16px;display:flex;flex-direction:column;gap:14px;}
.evrd-sp-lives-hero{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:16px;background:#f8fafc;border:1px solid #e7edf5;}
.evrd-sp-lives-hero-icon{width:44px;height:44px;border-radius:14px;background:#fff1f2;border:1px solid #ffd5da;color:#dc2626;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.evrd-sp-lives-hero-copy strong{display:block;color:#10233d;font-size:15px;line-height:1.25;font-weight:800;margin-bottom:4px;}
.evrd-sp-lives-hero-copy span{display:block;color:#6f7f95;font-size:13px;line-height:1.45;}
.evrd-sp-lives-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.evrd-sp-lives-stat-card{padding:14px;border-radius:16px;background:#f8fafc;border:1px solid #e7edf5;}
.evrd-sp-lives-stat-card span{display:block;color:#7b8aa0;font-size:12px;font-weight:700;margin-bottom:8px;}
.evrd-sp-lives-stat-card strong{display:block;color:#10233d;font-size:24px;line-height:1;font-weight:800;}
.evrd-sp-lives-next-block{
  padding:16px 18px;
  border-radius:18px;
  background:#f8fafc;
  border:1px solid #e7edf5;
  min-height:102px;
  display:flex;
  align-items:center;
}
.evrd-sp-lives-next-block.is-ready{background:#ecfdf3;border-color:#ccefd8;}
.evrd-sp-lives-next-block.is-calm{background:#f5fbf7;border-color:#d6f0de;}
.evrd-sp-lives-next-block.is-mid{background:#fffdf2;border-color:#f1e9b9;}
.evrd-sp-lives-next-block.is-warn{background:#fff8eb;border-color:#f8ddb3;}
.evrd-sp-lives-next-block.is-urgent{background:#fff3f4;border-color:#ffd7dd;}
.evrd-sp-lives-next-head{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:0;}
.evrd-sp-lives-next-head span{color:#7b8aa0;font-size:12px;font-weight:700;}
.evrd-sp-lives-next-head strong{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:112px;
  height:48px;
  padding:0 18px;
  border-radius:999px;
  font-size:24px;
  line-height:1;
  font-weight:900;
  letter-spacing:.02em;
  color:#10233d;
  background:#eef3fb;
  border:1px solid #d8e3f3;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
  flex:0 0 auto;
}
.evrd-sp-lives-next-head strong.is-ready{background:#ecfdf3;border-color:#bfe6cd;color:#15803d;}
.evrd-sp-lives-next-head strong.is-calm{background:#effbf2;border-color:#d1edd9;color:#217a43;}
.evrd-sp-lives-next-head strong.is-mid{background:#fff9dc;border-color:#f0e3a4;color:#a4690b;}
.evrd-sp-lives-next-head strong.is-warn{background:#fff2d9;border-color:#f7d59a;color:#c46a12;}
.evrd-sp-lives-next-head strong.is-urgent{background:#ffe6ea;border-color:#ffc2cb;color:#d11f38;}
.evrd-sp-lives-next-block p{display:none !important;}
.evrd-sp-lives-stat-card[data-kind="missing"] span,
#evrdSpLivesMissingLabel,
#evrdSpLivesSheetMissingLabel{white-space:nowrap;}
body.evrd-sp-dark .evrd-sp-lives-dropdown,
body.evrd-sp-dark .evrd-sp-lives-sheet-body,
body.evrd-sp-dark .evrd-sp-lives-dropdown-body{scrollbar-color:rgba(255,255,255,.18) transparent;}
body.evrd-sp-dark .evrd-sp-lives-hero,
body.evrd-sp-dark .evrd-sp-lives-stat-card,
body.evrd-sp-dark .evrd-sp-lives-next-block{background:#132748;border-color:#233c64;}
body.evrd-sp-dark .evrd-sp-lives-next-block.is-ready{background:#112d22;border-color:#22563f;}
body.evrd-sp-dark .evrd-sp-lives-next-block.is-calm{background:#132e24;border-color:#244d3d;}
body.evrd-sp-dark .evrd-sp-lives-next-block.is-mid{background:#3b3412;border-color:#655618;}
body.evrd-sp-dark .evrd-sp-lives-next-block.is-warn{background:#3f2b14;border-color:#7b5419;}
body.evrd-sp-dark .evrd-sp-lives-next-block.is-urgent{background:#3d1921;border-color:#7f2a3b;}
body.evrd-sp-dark .evrd-sp-lives-hero-copy strong,
body.evrd-sp-dark .evrd-sp-lives-stat-card strong{color:#f4f8ff;}
body.evrd-sp-dark .evrd-sp-lives-hero-copy span,
body.evrd-sp-dark .evrd-sp-lives-stat-card span,
body.evrd-sp-dark .evrd-sp-lives-next-head span{color:#a9bbd7;}
body.evrd-sp-dark .evrd-sp-lives-next-head strong{background:#0f2e60;border-color:#244a89;color:#ffffff;}
body.evrd-sp-dark .evrd-sp-lives-next-head strong.is-ready{background:#183926;border-color:#2f6d49;color:#d9ffe7;}
body.evrd-sp-dark .evrd-sp-lives-next-head strong.is-calm{background:#183926;border-color:#2f6d49;color:#d9ffe7;}
body.evrd-sp-dark .evrd-sp-lives-next-head strong.is-mid{background:#4d4315;border-color:#826e19;color:#fff3be;}
body.evrd-sp-dark .evrd-sp-lives-next-head strong.is-warn{background:#4c3414;border-color:#8b5d17;color:#ffe4b3;}
body.evrd-sp-dark .evrd-sp-lives-next-head strong.is-urgent{background:#4b1722;border-color:#96334b;color:#ffd6de;}
@media (max-width: 640px){
  .evrd-sp-lives-next-head strong{min-width:104px;height:46px;font-size:22px;padding:0 16px;}
}
/* Scroll sutil sin modificar ancho */
.evrd-sp-sidebar,
.evrd-sp-lives-dropdown,
.evrd-sp-mobile-sheet,
.evrd-sp-more-sheet{
  scrollbar-width:thin;
  scrollbar-gutter:stable;
}
.evrd-sp-sidebar::-webkit-scrollbar,
.evrd-sp-lives-dropdown::-webkit-scrollbar,
.evrd-sp-mobile-sheet::-webkit-scrollbar,
.evrd-sp-more-sheet::-webkit-scrollbar{
  width:10px;
}
.evrd-sp-sidebar::-webkit-scrollbar-track,
.evrd-sp-lives-dropdown::-webkit-scrollbar-track,
.evrd-sp-mobile-sheet::-webkit-scrollbar-track,
.evrd-sp-more-sheet::-webkit-scrollbar-track{
  background:transparent;
}
.evrd-sp-sidebar::-webkit-scrollbar-thumb,
.evrd-sp-lives-dropdown::-webkit-scrollbar-thumb,
.evrd-sp-mobile-sheet::-webkit-scrollbar-thumb,
.evrd-sp-more-sheet::-webkit-scrollbar-thumb{
  background:transparent;
  border-radius:999px;
  border:2px solid transparent;
}
.evrd-sp-sidebar:hover,
.evrd-sp-sidebar:focus-within,
.evrd-sp-lives-dropdown:hover,
.evrd-sp-lives-dropdown:focus-within,
.evrd-sp-mobile-sheet:hover,
.evrd-sp-mobile-sheet:focus-within,
.evrd-sp-more-sheet:hover,
.evrd-sp-more-sheet:focus-within{
  scrollbar-width:thin;
}
.evrd-sp-sidebar:hover::-webkit-scrollbar-thumb,
.evrd-sp-sidebar:focus-within::-webkit-scrollbar-thumb,
.evrd-sp-lives-dropdown:hover::-webkit-scrollbar-thumb,
.evrd-sp-lives-dropdown:focus-within::-webkit-scrollbar-thumb,
.evrd-sp-mobile-sheet:hover::-webkit-scrollbar-thumb,
.evrd-sp-mobile-sheet:focus-within::-webkit-scrollbar-thumb,
.evrd-sp-more-sheet:hover::-webkit-scrollbar-thumb,
.evrd-sp-more-sheet:focus-within::-webkit-scrollbar-thumb{
  background:rgba(16,35,61,.18);
}
body.evrd-sp-dark .evrd-sp-sidebar:hover::-webkit-scrollbar-thumb,
body.evrd-sp-dark .evrd-sp-sidebar:focus-within::-webkit-scrollbar-thumb,
body.evrd-sp-dark .evrd-sp-lives-dropdown:hover::-webkit-scrollbar-thumb,
body.evrd-sp-dark .evrd-sp-lives-dropdown:focus-within::-webkit-scrollbar-thumb,
body.evrd-sp-dark .evrd-sp-mobile-sheet:hover::-webkit-scrollbar-thumb,
body.evrd-sp-dark .evrd-sp-mobile-sheet:focus-within::-webkit-scrollbar-thumb,
body.evrd-sp-dark .evrd-sp-more-sheet:hover::-webkit-scrollbar-thumb,
body.evrd-sp-dark .evrd-sp-more-sheet:focus-within::-webkit-scrollbar-thumb{
  background:rgba(157,176,208,.26);
}

@media (max-width:1024px){
  .evrd-sp-lives-dropdown{display:none !important;}
}

body.evrd-sp-dark .evrd-sp-pill-lives[aria-expanded="true"]{border-color:#5a2630;background:#3a1320;color:#ffd2d9;}
body.evrd-sp-dark .evrd-sp-lives-status-pill{background:#13213b;border-color:#22314d;color:#f4f8ff;}
body.evrd-sp-dark .evrd-sp-lives-status-pill.is-full{background:#113023;border-color:#1f5d3b;color:#7cf0b1;}
body.evrd-sp-dark .evrd-sp-lives-status-pill.is-partial{background:#3a3018;border-color:#5a4a24;color:#f3c654;}
body.evrd-sp-dark .evrd-sp-lives-status-pill.is-empty{background:#3a1320;border-color:#5a2630;color:#ffb4bd;}
body.evrd-sp-dark .evrd-sp-lives-hero,
body.evrd-sp-dark .evrd-sp-lives-stat-card{background:#13213b;border-color:#22314d;}
body.evrd-sp-dark .evrd-sp-lives-hero-icon{background:#3a1320;border-color:#5a2630;color:#ff8b90;}
body.evrd-sp-dark .evrd-sp-lives-hero-copy strong,
body.evrd-sp-dark .evrd-sp-lives-stat-card strong,
body.evrd-sp-dark .evrd-sp-lives-next-head strong{color:#f4f8ff;}
body.evrd-sp-dark .evrd-sp-lives-hero-copy span,
body.evrd-sp-dark .evrd-sp-lives-stat-card span,
body.evrd-sp-dark .evrd-sp-lives-next-head span,
body.evrd-sp-dark .evrd-sp-lives-next-block p{color:#97a7bf;}
body.evrd-sp-dark .evrd-sp-lives-next-block{background:#3a1320;border-color:#5a2630;}
body.evrd-sp-dark .evrd-sp-lives-next-block.is-ready{background:#113023;border-color:#1f5d3b;}