/* SIAPIYA_KKTP_WORKSPACE_V370281. Scoped, task-first, mobile-first visual layer. */
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .spa-module-heading{display:none!important}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .shell{padding:0!important}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .tabs{width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:0 0 .65rem!important;padding:0!important;border:0!important;background:transparent!important}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .tabbtn{min-width:0;min-height:42px!important;padding:.5rem .65rem!important;display:flex;justify-content:center;align-items:center;font-size:.86rem!important;line-height:1.2;border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:none!important}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .tabbtn.active{border-color:var(--blue)!important}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .tabbtn:focus-visible,#siapiyaKktpSpa.siapiya-kktp-workspace-281 .kktp-extra-filters summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .panel:has(#filterForm){padding:.55rem .65rem!important;border-radius:12px!important;box-shadow:none!important;margin:0 0 .55rem}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .filters{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto!important;gap:7px!important;align-items:end!important}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .filters>label{min-width:0!important;margin:0!important}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .filters>label small{font-size:.7rem!important;margin:0 0 3px!important}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .filters .form-select,#siapiyaKktpSpa.siapiya-kktp-workspace-281 .filters .form-control{width:100%;min-width:0;min-height:40px!important;height:40px;border-radius:9px!important;font-size:.84rem!important}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .filters>button[type=submit]{width:auto!important;min-height:40px!important;padding:0 .8rem!important;justify-self:stretch!important;white-space:nowrap;font-size:.82rem;border-radius:9px!important}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .kktp-extra-filters{position:relative;min-width:0!important;align-self:end}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .kktp-extra-filters>summary{display:flex;align-items:center;justify-content:center;min-height:40px;padding:.35rem .65rem;cursor:pointer;list-style:none;border:1px solid var(--line);border-radius:9px;font-size:.8rem;font-weight:650;white-space:nowrap;color:var(--muted)}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .kktp-extra-filters>summary::-webkit-details-marker{display:none}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .kktp-extra-filters[open]{grid-column:3}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .kktp-extra-fields{position:absolute;top:calc(100% + 5px);right:0;z-index:5;display:grid;grid-template-columns:minmax(0,1fr);gap:9px;padding:12px;width:min(320px,calc(100vw - 32px));border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 9px 25px #0002}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .kktp-extra-fields label{display:block;width:100%;min-width:0}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .metrics{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap;margin:.1rem 0 .65rem!important;padding:0!important;border:none!important;background:transparent!important;overflow:visible!important}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .metric{display:none!important}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .metric:nth-child(2),#siapiyaKktpSpa.siapiya-kktp-workspace-281 .metric:nth-child(5){display:flex!important;align-items:center;gap:5px;padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .metric small{font-size:.75rem!important;font-weight:550!important;white-space:nowrap;color:var(--muted)}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .metric strong{display:inline!important;margin:0!important;font-size:.85rem!important;font-weight:800!important}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .metric:first-child{display:none!important}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .objective-list,#siapiyaKktpSpa.siapiya-kktp-workspace-281 .plan-list{gap:6px!important}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .objective-list-item,#siapiyaKktpSpa.siapiya-kktp-workspace-281 .plan-list-item{padding:10px 12px!important;border-radius:12px!important;gap:9px!important;box-shadow:none!important}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .objective-list-item.has-remedial,#siapiyaKktpSpa.siapiya-kktp-workspace-281 .plan-list-item.is-overdue{padding-left:9px!important}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .objective-title-line h2,#siapiyaKktpSpa.siapiya-kktp-workspace-281 .plan-main h2{font-size:.88rem!important;line-height:1.3;font-weight:700}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .objective-meta,#siapiyaKktpSpa.siapiya-kktp-workspace-281 .plan-meta{font-size:.71rem!important;margin-bottom:3px!important}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .objective-progress{display:none!important}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .objective-foot{margin-top:5px!important;gap:6px!important;font-size:.72rem!important}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .objective-summary,#siapiyaKktpSpa.siapiya-kktp-workspace-281 .plan-summary{display:flex!important;flex-wrap:wrap!important;gap:6px!important;align-items:center}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .mini-stat{display:inline-flex!important;align-items:center;gap:3px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;text-align:left!important}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .mini-stat.kktp-zero{display:none!important}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .mini-stat strong{display:inline!important;font-size:.79rem!important;line-height:1.2}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .mini-stat small{display:inline!important;margin:0!important;font-size:.73rem!important;line-height:1.2}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .objective-actions .btn,#siapiyaKktpSpa.siapiya-kktp-workspace-281 .plan-side .btn{min-height:36px!important;padding:.36rem .65rem!important;font-size:.75rem!important;border-radius:8px!important;white-space:nowrap}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .objective-actions .btn:disabled{display:none!important}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .plan-objective{display:none!important}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .plan-side{gap:5px!important}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .empty{padding:1.2rem .8rem!important;font-size:.84rem;border-radius:12px}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .kktp-guidance{font-size:.78rem;margin:0 0 10px}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .kktp-guidance>summary{font-size:.76rem;color:var(--muted);cursor:pointer}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .kktp-guidance>.alert{padding:.6rem;margin:.4rem 0 0!important;font-size:.78rem}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .kktp-selected-details>summary{font-size:.84rem;font-weight:700;cursor:pointer;margin-bottom:.4rem}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .kktp-selected-details #selectedParticipants{padding:.6rem!important;font-size:.8rem}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 #objectiveModal .modal-footer,#siapiyaKktpSpa.siapiya-kktp-workspace-281 #planDetailModal .modal-footer{flex-wrap:wrap;gap:6px}
#siapiyaKktpSpa.siapiya-kktp-workspace-281 .modal-footer .btn{min-height:40px!important;font-size:.8rem;padding:.45rem .65rem!important;border-radius:9px!important}
[data-bs-theme="dark"] #siapiyaKktpSpa.siapiya-kktp-workspace-281 .kktp-extra-fields{box-shadow:0 9px 25px #0008}
@media(max-width:800px){
 #siapiyaKktpSpa.siapiya-kktp-workspace-281 .objective-list-item,#siapiyaKktpSpa.siapiya-kktp-workspace-281 .plan-list-item{grid-template-columns:minmax(0,1fr)!important}
 #siapiyaKktpSpa.siapiya-kktp-workspace-281 .objective-actions,#siapiyaKktpSpa.siapiya-kktp-workspace-281 .plan-side{display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;width:100%!important;gap:5px!important}
}
@media(max-width:560px){
 #siapiyaKktpSpa.siapiya-kktp-workspace-281 .filters{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
 #siapiyaKktpSpa.siapiya-kktp-workspace-281 .filters>label{grid-column:span 1}
 #siapiyaKktpSpa.siapiya-kktp-workspace-281 .filters>button[type=submit]{grid-column:2!important;grid-row:2!important;width:100%!important}
 #siapiyaKktpSpa.siapiya-kktp-workspace-281 .kktp-extra-filters{grid-column:1!important;grid-row:2!important}
 #siapiyaKktpSpa.siapiya-kktp-workspace-281 .kktp-extra-filters[open]{grid-column:1!important}
 #siapiyaKktpSpa.siapiya-kktp-workspace-281 .kktp-extra-fields{left:0;right:auto}
 #siapiyaKktpSpa.siapiya-kktp-workspace-281 .objective-actions{display:flex!important;gap:5px!important}
 #siapiyaKktpSpa.siapiya-kktp-workspace-281 .objective-actions .btn{width:auto!important;flex:0 1 auto;font-size:.74rem!important}
 #siapiyaKktpSpa.siapiya-kktp-workspace-281 .objective-foot>span:last-child{display:none}
 #siapiyaKktpSpa.siapiya-kktp-workspace-281 .plan-due{font-size:.72rem!important}
 #siapiyaKktpSpa.siapiya-kktp-workspace-281 .student-row.header,#siapiyaKktpSpa.siapiya-kktp-workspace-281 .result-row.header{display:none!important}
 #siapiyaKktpSpa.siapiya-kktp-workspace-281 .student-row{display:grid!important;grid-template-columns:26px minmax(0,1fr) auto!important;gap:4px 8px!important;padding:10px 8px!important;align-items:center}
 #siapiyaKktpSpa.siapiya-kktp-workspace-281 .student-row>input{grid-column:1!important;grid-row:1!important}
 #siapiyaKktpSpa.siapiya-kktp-workspace-281 .student-row>div:nth-child(2){grid-column:2!important;grid-row:1!important}
 #siapiyaKktpSpa.siapiya-kktp-workspace-281 .student-row>b{grid-column:3!important;grid-row:1!important}
 #siapiyaKktpSpa.siapiya-kktp-workspace-281 .student-row>span:nth-child(4){grid-column:2/-1!important;grid-row:2!important;justify-self:start}
 #siapiyaKktpSpa.siapiya-kktp-workspace-281 .student-row>div:nth-child(5){grid-column:2/-1!important;grid-row:3!important;overflow-wrap:anywhere}
 #siapiyaKktpSpa.siapiya-kktp-workspace-281 .result-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:7px!important;padding:12px 8px!important}
 #siapiyaKktpSpa.siapiya-kktp-workspace-281 .result-row>div:first-child{grid-column:1/-1!important}
 #siapiyaKktpSpa.siapiya-kktp-workspace-281 .result-row>b:nth-child(2){grid-column:1!important;align-self:center!important;font-size:.8rem}
 #siapiyaKktpSpa.siapiya-kktp-workspace-281 .result-row>b:nth-child(2):before{content:'Nilai awal ';display:block;color:var(--muted);font-size:.7rem;font-weight:500}
 #siapiyaKktpSpa.siapiya-kktp-workspace-281 .result-row>.post-score{grid-column:2!important}
 #siapiyaKktpSpa.siapiya-kktp-workspace-281 .result-row>.result-status,#siapiyaKktpSpa.siapiya-kktp-workspace-281 .result-row>.teacher-notes{grid-column:1/-1!important}
 #siapiyaKktpSpa.siapiya-kktp-workspace-281 #objectiveModal .modal-footer .btn{flex:1 1 125px}
 #siapiyaKktpSpa.siapiya-kktp-workspace-281 #planDetailModal .modal-footer .btn{flex:1 1 125px}
}