/* SII LMS Plugin 1 - Mis Cursos */
.sii-mis-cursos{max-width:1200px;margin:0 auto;padding:18px 12px; font-family: inherit;}
.sii-alert{background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:14px;text-transform:uppercase}

.sii-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px}
.sii-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:999px;padding:10px 12px;box-shadow:0 4px 14px rgba(0,0,0,.05);width:min(520px,100%)}
.sii-search-input{border:none;outline:none;min-width:0;width:100%;font-size:14px;text-transform:uppercase}
.sii-search-icon{opacity:.7}

.sii-courses-grid{display:grid;grid-template-columns:repeat(var(--sii-p1-cols-desktop,3), minmax(0, 1fr));gap:var(--sii-p1-gap,28px)}
@media (max-width: 900px){
  .sii-courses-grid{grid-template-columns:repeat(var(--sii-p1-cols-tablet,2), minmax(0, 1fr));}
}
@media (max-width: 480px){
  .sii-courses-grid{grid-template-columns:repeat(var(--sii-p1-cols-mobile,1), minmax(0, 1fr));}
}

.sii-course-card{display:flex;gap:12px;background:#fff;border:1px solid rgba(0,0,0,.14);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.05);min-height:140px}
.sii-card-media{flex:0 0 var(--sii-p1-imgw,140px);background:#f4f6f8;display:flex;align-items:stretch}
.sii-card-media img{width:var(--sii-p1-imgw,140px);height:100%;object-fit:cover;display:block}
.sii-image-placeholder{width:var(--sii-p1-imgw,140px)}
@media (max-width: 480px){
  .sii-course-card{flex-direction:column}
  .sii-card-media{flex:0 0 auto}
  .sii-card-media img,.sii-image-placeholder{width:100%;height:170px}
}

.sii-card-body{flex:1;display:flex;flex-direction:column;padding:12px 12px 14px;min-width:0}
.sii-card-head{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
.sii-course-title{
  margin:0;font-size:15px;line-height:1.2;font-weight:900;text-transform:uppercase;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  min-height:3.6em; max-height:3.6em;
}
.sii-status-badge{white-space:nowrap;font-size:12px;font-weight:900;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.10);background:#f7f7f7;text-transform:uppercase}
.sii-status-badge.is-in-progress{background:#fff5e6}
.sii-status-badge.is-completed{background:#eafff0}
.sii-status-badge.is-no-access{background:#ffecec}
.sii-status-badge.is-not-started{background:#eef3ff}

.sii-progress{margin-top:10px}
.sii-progress-bar{height:8px;border-radius:999px;background:rgba(0,0,0,.08);overflow:hidden}
.sii-progress-bar span{display:block;height:100%;background:var(--sii-p1-brand,#f47c20);border-radius:999px}
.sii-course-card.is-no-access .sii-progress-bar span{background:#c64b4b}
.sii-progress-meta{margin-top:8px;font-size:12px;opacity:.95;text-transform:uppercase;font-weight:900}

.sii-card-actions{display:flex;gap:10px;margin-top:auto;padding-top:12px}
@media (max-width: 480px){
  .sii-card-actions{flex-direction:column}
}
.sii-btn{
  display:inline-flex;justify-content:center;align-items:center;gap:8px;text-decoration:none;
  border-radius:12px;padding:10px 12px;font-weight:900;font-size:13px;
  border:1px solid rgba(0,0,0,.12);
  transition:transform .05s ease, box-shadow .2s ease, background-color .2s ease;
  user-select:none;text-transform:uppercase
}
.sii-btn:active{transform:translateY(1px)}
.sii-btn:focus{outline:2px solid rgba(0,0,0,.25);outline-offset:2px}
.sii-btn[aria-disabled="true"]{opacity:.6;pointer-events:auto;cursor:not-allowed}

.sii-btn-secondary{background:#fff;color:#111}
.sii-btn-secondary:hover{box-shadow:0 10px 22px rgba(0,0,0,.08)}

.sii-btn-primary{
  background:var(--sii-p1-brand,#f47c20);
  color:#fff;
  border-color:rgba(0,0,0,.06)
}
.sii-btn-primary:hover{
  background:var(--sii-p1-brand-hover,#d56512);
  color:#fff;
  box-shadow:0 10px 22px rgba(0,0,0,.12)
}

/* Pagination */
.sii-pagination{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:18px}
.sii-page{display:inline-flex;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 10px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:#fff;text-decoration:none;font-weight:900;color:#111}
.sii-page:hover{box-shadow:0 10px 22px rgba(0,0,0,.08)}
.sii-page.is-current{background:var(--sii-p1-brand,#f47c20);color:#fff}

/* Modal */
.sii-modal[hidden]{display:none}
.sii-modal{position:fixed;inset:0;z-index:999999}
.sii-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.sii-modal-panel{
  position:relative;
  width:min(860px, calc(100% - 24px));
  max-width:860px;
  margin:10vh auto;
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,.25);
}
@media (max-width: 480px){
  .sii-modal-panel{width:calc(100% - 16px);max-width:calc(100% - 16px);margin:12vh auto}
}
.sii-modal-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.10);text-transform:uppercase}
.sii-modal-close{border:none;background:transparent;font-size:18px;cursor:pointer}
.sii-modal-body{padding:14px;text-transform:none;font-weight:600;line-height:1.45;max-height:min(78vh,900px);overflow-y:auto;overflow-x:hidden}
.sii-modal-foot{padding:12px 14px;border-top:1px solid rgba(0,0,0,.10);display:flex;justify-content:flex-end}


/* Estadísticas (modal) */
.sii-p1-stats-wrap { width: 100%; }
.sii-p1-stats-table{
  width:100%;
  border-collapse: collapse;
  font-size: 13px;
  table-layout: fixed;
}

/* Column sizing: keep other columns stable, let title wrap */
.sii-p1-stats-table th:nth-child(1),
.sii-p1-stats-table td:nth-child(1){ width: 52%; }
.sii-p1-stats-table th:nth-child(2),
.sii-p1-stats-table td:nth-child(2){ width: 14%; text-align:center; white-space:nowrap; }
.sii-p1-stats-table th:nth-child(3),
.sii-p1-stats-table td:nth-child(3){ width: 24%; text-align:center; white-space:nowrap; }
.sii-p1-stats-table th:nth-child(4),
.sii-p1-stats-table td:nth-child(4){ width: 10%; text-align:center; white-space:nowrap; }

.sii-p1-stats-table th,
.sii-p1-stats-table td{
  border:1px solid #e5e7eb;
  padding:10px 8px;
  text-align:left;
  vertical-align: middle;
}

/* Header look: match LearnDash accent when available */
.sii-p1-stats-table th{
  font-weight:800;
  background: var(--sii-ld-accent, var(--ld-color-primary, #24375a));
  color:#fff;
  text-transform:uppercase;
  letter-spacing:.3px;
}

/* Title inside first cell: allow nice wrapping but avoid extreme height */
.sii-p1-quiz-title{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  line-height:1.25;
  word-break:break-word;
}

.sii-p1-stats-table a.sii-p1-ver-toggle{
  text-decoration: underline;
  font-weight: 800;
  color: inherit;
}


/* v1.0.18.1 - UI refinements */
.sii-btn-primary.sii-btn-stats{background:var(--sii-p1-stats-btn,var(--sii-p1-brand,#f47c20))}
.sii-btn-primary.sii-btn-stats:hover{background:var(--sii-p1-stats-btn-hover,var(--sii-p1-brand-hover,#d56512))}
.sii-btn-primary.sii-btn-cert{background:var(--sii-p1-cert-btn,#0791b6)}
.sii-btn-primary.sii-btn-cert:hover{background:var(--sii-p1-cert-btn-hover,#056d87)}

/* Stats modal table: allow horizontal scroll on small screens */
.sii-p1-stats-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.sii-p1-stats-table{min-width:720px}

/* Empty courses alert */
.sii-alert.sii-alert-empty{
  background:var(--sii-p1-alert-bg,var(--sii-p1-cert-btn,#0791b6));
  color:#fff;
  border:0;
  padding:18px 18px;
  min-height:64px;
  display:flex;
  align-items:center;
  gap:12px;
  text-transform:uppercase;
  font-weight:600;
}
.sii-alert.sii-alert-empty .sii-alert-icon{
  width:28px;height:28px;flex:0 0 28px;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;
  font-weight:800;
}


.sii-p1-attempt-detail-row td{background:#f8fafc;padding:0}
.sii-p1-attempt-detail-box{padding:14px 16px}
.sii-p1-attempt-detail-head{font-weight:800;margin-bottom:10px;color:#24375a}
.sii-p1-attempt-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.sii-p1-attempt-detail-grid--compact{grid-template-columns:repeat(2,minmax(0,260px));justify-content:start}
.sii-p1-attempt-detail-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px}
.sii-p1-attempt-detail-label{font-size:11px;font-weight:800;color:#6b7280;letter-spacing:.3px;text-transform:uppercase;margin-bottom:4px}
.sii-p1-attempt-detail-value{font-size:14px;font-weight:700;color:#111827;word-break:break-word}
.sii-p1-attempt-detail-note{margin-top:10px;font-size:12px;color:#6b7280}
@media (max-width:640px){.sii-p1-attempt-detail-grid{grid-template-columns:1fr}}
.sii-p1-question-table-wrap{margin-top:10px;overflow-x:hidden;overflow-y:visible;-webkit-overflow-scrolling:touch}
.sii-p1-question-table{width:100%;min-width:0;border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;table-layout:fixed}
.sii-p1-question-table th,.sii-p1-question-table td{border:1px solid #e5e7eb;padding:10px 8px;vertical-align:top;text-align:left;word-break:break-word;overflow-wrap:anywhere;white-space:normal}
.sii-p1-question-table th{background:#eef2ff;color:#24375a;font-size:12px;font-weight:800;text-transform:uppercase}
.sii-p1-q-result{display:inline-block;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}
.sii-p1-q-result--ok{background:#dcfce7;color:#166534}
.sii-p1-q-result--bad{background:#fee2e2;color:#991b1b}
.sii-p1-q-result--partial{background:#fef3c7;color:#92400e}
.sii-p1-q-result--neutral{background:#e5e7eb;color:#374151}

/* v1.0.18.10.10 - tighter exam table without widening modal */
.sii-p1-question-table th:nth-child(1),
.sii-p1-question-table td:nth-child(1){width:6%;min-width:46px;text-align:center;white-space:nowrap;word-break:normal;overflow-wrap:normal}
.sii-p1-question-table th:nth-child(2),
.sii-p1-question-table td:nth-child(2){width:62%}
.sii-p1-question-table th:nth-child(3),
.sii-p1-question-table td:nth-child(3){width:20%;text-align:center}
.sii-p1-question-table th:nth-child(4),
.sii-p1-question-table td:nth-child(4){width:12%;text-align:center}
.sii-p1-question-table td:nth-child(2){font-weight:600;line-height:1.4;white-space:normal;word-break:normal;overflow-wrap:break-word;hyphens:auto}
.sii-p1-question-table td:nth-child(4){white-space:nowrap}
@media (max-width: 768px){
  .sii-p1-attempt-detail-grid--compact{grid-template-columns:1fr}
  .sii-p1-question-table th:nth-child(1),
  .sii-p1-question-table td:nth-child(1){min-width:42px}
  .sii-p1-question-table th:nth-child(2),
  .sii-p1-question-table td:nth-child(2){width:auto}
}

/* v1.0.18.10.11 - question alignment and label tweak */
.sii-p1-question-table th:nth-child(2),
.sii-p1-question-table td:nth-child(2){text-align:left !important;vertical-align:top}

/* v1.0.18.10.12 - wrap header PUNTOS OBTENIDOS inside its own cell */
.sii-p1-question-table th:nth-child(4){
  white-space:normal;
  overflow-wrap:break-word;
  word-break:normal;
  line-height:1.15;
  padding-top:8px;
  padding-bottom:8px;
}
.sii-p1-question-table th:nth-child(4) .sii-p1-th-break{display:inline-block;white-space:normal}