/* TreeKnow V118: single Video tab with readiness states; native CSS/no frameworks. */
.tk-instructor-studio .tk-video-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px}
.tk-instructor-studio .tk-video-mode{display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:15px 17px;text-align:left;border:1px solid #ccd1e3;border-radius:12px;background:#fff;color:#2b3040;cursor:pointer}
.tk-instructor-studio .tk-video-mode b{font-size:14px}.tk-instructor-studio .tk-video-mode span{color:#68738c;font-size:12px}
.tk-instructor-studio .tk-video-mode.is-active{border:2px solid #6242ff;background:#f1edff;box-shadow:0 0 0 2px #eee9ff}
.tk-instructor-studio .tk-advances-pane{padding:18px;border:1px solid #e0e5f0;border-radius:13px;background:#f9faff;color:#202437}
.tk-instructor-studio .tk-advances-tag{font-size:10px;letter-spacing:.17em;color:#6742e8;font-weight:900}
.tk-instructor-studio .tk-advances-heading{position:relative;padding-right:120px;margin-bottom:16px}
.tk-instructor-studio .tk-advances-heading h6{font-size:18px;font-weight:850;color:#171d2e;margin:8px 0}
.tk-instructor-studio .tk-advances-heading p{font-size:12px;color:#66718a;line-height:1.55}
.tk-instructor-studio .tk-advances-heading .tk-prod-video-flag{position:absolute;right:0;top:0}
.tk-instructor-studio .tk-advances-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.tk-instructor-studio .tk-advances-fields label{color:#34415e!important;font-weight:750}
.tk-instructor-studio .tk-advances-fields :is(input,select,textarea){width:100%;min-height:43px;background:#fff!important;color:#171b2a!important;border:1px solid #d5dcec!important;border-radius:9px;margin-top:5px;padding:9px}
.tk-instructor-studio .tk-advances-pane .tk-prod-save{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:14px}
.tk-instructor-studio .tk-advances-pane .tk-prod-save button{background:#4b22f4;color:white;border:0;border-radius:9px;padding:10px 20px;font-weight:750;cursor:pointer}
.tk-instructor-studio .tk-advances-history{margin-top:18px;border-top:1px solid #dce2ef;padding-top:16px}
.tk-instructor-studio .tk-advances-history>strong{font-size:14px;color:#232a3a}
.tk-instructor-studio .tk-advances-explain{font-size:12px;color:#77849c;margin:4px 0 14px}
.tk-advances-timeline,.tk-lecture-production-steps{list-style:none}
.tk-advances-timeline{margin:0;padding:0 0 0 10px}
.tk-advances-step{position:relative;display:flex;align-items:start;gap:14px;padding:2px 0 20px 21px;margin-left:9px;border-left:2px solid #9f91ea}
.tk-advances-step:last-child{border-left-color:transparent;padding-bottom:5px}
.tk-advances-bullet{position:absolute;left:-9px;top:3px;width:16px;height:16px;border:4px solid #e4ddff;background:#704df5;border-radius:50%}
.tk-advances-step:not(:last-child)::after{content:'⌄';position:absolute;bottom:4px;left:-6px;color:#6e4efa;font-size:14px;font-weight:bold}
.tk-advances-step-content{min-width:0;flex:1}.tk-advances-step-content strong{display:block;font-size:13px;color:#252a3b}
.tk-advances-step-content small{font-size:11px;color:#758199;display:block;margin-top:3px}
.tk-advances-delete{border:1px solid #e7d6df;background:#fff;color:#984052;font-size:11px;padding:6px 8px;border-radius:8px;cursor:pointer}
.tk-prod-advanced{max-width:1260px;margin:25px auto;color:#172033}
.tk-prod-advanced :is(input,select,button){color:#151925!important}
.tk-prod-advanced .tk-prod-access-save{color:white!important}
/* Alumno: el eje de las flechas y el centro de los círculos comparten la misma coordenada.
   No se altera el seguimiento del panel instructor. */
.tk-lecture-production-steps>.tk-lecture-timeline-row{
    position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);
    align-items:start;column-gap:14px!important;padding:0 0 28px!important;
    margin:0!important;border:0!important;min-height:50px;
}
.tk-lecture-production-steps>.tk-lecture-timeline-row:first-of-type{margin-top:18px!important}
.tk-lecture-production-steps>.tk-lecture-timeline-row:last-child{padding-bottom:0!important;min-height:0}
.tk-lecture-production-steps>.tk-lecture-timeline-row:not(:last-child)::before{
    content:"";position:absolute;top:16px;bottom:0;left:12px;
    width:2px;background:#8268ee;transform:translateX(-50%);
}
.tk-lecture-production-steps>.tk-lecture-timeline-row:not(:last-child)::after{
    content:"↓";position:absolute;left:12px;bottom:1px;
    transform:translateX(-50%);font-size:16px;line-height:1;
    color:#a18dff;background:#20212b;
}
.tk-lecture-production-steps>.tk-lecture-timeline-row .tk-lecture-production-dot{
    position:relative;left:auto;top:auto;grid-column:1;grid-row:1;
    display:block;width:12px;height:12px;flex:none;
    margin:4px auto 0;border-radius:50%;background:#8061ff;
    box-shadow:0 0 0 5px #322b53;
}
.tk-lecture-production-steps>.tk-lecture-timeline-row p{
    min-width:0;grid-column:2;grid-row:1;margin:0;
}
.tk-lecture-advances-hint{font-size:11px;color:#9fa3b8;display:block;margin:6px 0 16px}
.tk-lecture-release-form{margin-top:20px;padding:18px;border:1px solid #54496e;border-radius:12px;background:#24232f}
.tk-lecture-release-form>strong{display:block;color:#fff;margin-bottom:6px}
.tk-lecture-release-form>p,.tk-lecture-release-form small{color:#bbb3d8;font-size:12px}
.tk-lecture-release-options{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0}
.tk-lecture-release-options label{color:#eee!important;font-size:13px;display:flex;align-items:center;gap:6px}
.tk-lecture-release-form button{background:#7555ff;color:white;border:0;border-radius:8px;padding:10px 15px;font-size:13px;font-weight:750;cursor:pointer}
.tk-lecture-release-feedback{font-size:12px!important;margin-top:10px}
@media(max-width:720px){.tk-instructor-studio .tk-video-mode-switch,.tk-instructor-studio .tk-advances-fields{grid-template-columns:1fr}.tk-instructor-studio .tk-advances-heading{padding-right:0}.tk-instructor-studio .tk-advances-heading .tk-prod-video-flag{position:static;display:inline-block}.tk-instructor-studio .tk-advances-pane .tk-prod-save{flex-direction:column;align-items:stretch}}

/* V120 — el editor de Avances respeta el tema nocturno del instructor.
   El modo claro conserva íntegros los estilos aprobados en V118. */
html:not([data-tk-instructor-theme="light"]) body.tk-instructor-studio .tk-video-mode{background:#1e2229!important;color:#edf0f7!important;border-color:#3a4050!important}
html:not([data-tk-instructor-theme="light"]) body.tk-instructor-studio .tk-video-mode span{color:#aab3c5!important}
html:not([data-tk-instructor-theme="light"]) body.tk-instructor-studio .tk-video-mode.is-active{background:#302a48!important;color:#f6f3ff!important;border-color:#8265ff!important;box-shadow:0 0 0 1px #8265ff!important}
html:not([data-tk-instructor-theme="light"]) body.tk-instructor-studio .tk-video-mode.is-active span{color:#c9bdfa!important}
html:not([data-tk-instructor-theme="light"]) body.tk-instructor-studio .tk-advances-pane{background:#242830!important;color:#f0f2f8!important;border-color:#3a4050!important}
html:not([data-tk-instructor-theme="light"]) body.tk-instructor-studio .tk-advances-heading h6,
html:not([data-tk-instructor-theme="light"]) body.tk-instructor-studio .tk-advances-history>strong,
html:not([data-tk-instructor-theme="light"]) body.tk-instructor-studio .tk-advances-step-content strong{color:#f2f4fc!important}
html:not([data-tk-instructor-theme="light"]) body.tk-instructor-studio .tk-advances-heading p,
html:not([data-tk-instructor-theme="light"]) body.tk-instructor-studio .tk-advances-explain,
html:not([data-tk-instructor-theme="light"]) body.tk-instructor-studio .tk-advances-step-content small,
html:not([data-tk-instructor-theme="light"]) body.tk-instructor-studio .tk-prod-save>span{color:#a6b0c5!important}
html:not([data-tk-instructor-theme="light"]) body.tk-instructor-studio .tk-advances-fields label{color:#d6dfef!important}
html:not([data-tk-instructor-theme="light"]) body.tk-instructor-studio .tk-advances-fields :is(input,select,textarea){background:#1c2027!important;color:#f1f3fb!important;border-color:#464c60!important;color-scheme:dark}
html:not([data-tk-instructor-theme="light"]) body.tk-instructor-studio .tk-advances-fields textarea::placeholder{color:#919caf!important}
html:not([data-tk-instructor-theme="light"]) body.tk-instructor-studio .tk-advances-history{border-color:#404653!important}
html:not([data-tk-instructor-theme="light"]) body.tk-instructor-studio .tk-advances-delete{background:#30252c!important;border-color:#6b404c!important;color:#ffb5bf!important}
html:not([data-tk-instructor-theme="light"]) body.tk-instructor-studio .tk-advances-tag{color:#bba6ff!important}
html:not([data-tk-instructor-theme="light"]) body.tk-instructor-studio .tk-prod-video-flag:not(.has-video){background:#483929!important;color:#ffdb9c!important}
html:not([data-tk-instructor-theme="light"]) body.tk-instructor-studio .tk-prod-video-flag.has-video{background:#1c4439!important;color:#9be9c8!important}