.pjj-student-app .ortu-content{padding-bottom:92px}.pjj-hero{margin-bottom:14px}.pjj-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.pjj-summary-grid .ortu-card{padding:14px}.pjj-summary-grid small{display:block;color:#64748b;font-size:11px;font-weight:750}.pjj-summary-grid strong{display:block;font-size:28px;margin-top:5px}.pjj-task-list{display:grid;gap:11px}.pjj-task-card h2{margin:10px 0 4px;font-size:19px}.pjj-task-card h3{margin:7px 0 0}.pjj-task-card.submitted{opacity:.94}.pjj-deadline{text-align:right;max-width:150px}.pjj-deadline small{display:block;color:#64748b}.pjj-deadline strong{font-size:12px}.pjj-teacher{font-size:12px;color:#64748b}.pjj-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px}.pjj-score{font-size:12px}.pjj-score strong{font-size:18px}.pjj-task-intro{margin-bottom:12px}.pjj-time-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.pjj-time-grid>div{padding:10px;border-radius:12px;background:#f8fafc;border:1px solid #e5eaf0}.pjj-time-grid small{display:block;color:#64748b}.pjj-time-grid strong{display:block;margin-top:3px;font-size:12px}.pjj-instruction{padding:12px 14px;border-left:4px solid #0f4c81;background:#f7fbff;border-radius:10px;margin:10px 0;line-height:1.6}.pjj-answer-form{display:grid;gap:11px}.pjj-answer-card{padding:16px}.pjj-question-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.pjj-question-head span{font-weight:900}.pjj-question-head small{color:#64748b}.pjj-question-text{font-size:15px;line-height:1.65}.pjj-options{display:grid;gap:8px}.pjj-options label{display:flex;gap:9px;align-items:flex-start;padding:11px;border:1px solid #dbe3ec;border-radius:12px;background:#fff;cursor:pointer}.pjj-options input{margin-top:3px}.pjj-options span{line-height:1.5}.pjj-textarea{height:auto!important;min-height:130px;padding-top:12px!important;resize:vertical}.pjj-submit-bar{position:sticky;bottom:72px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 12px 34px rgba(15,76,129,.14)}.pjj-submit-bar small{display:block;color:#64748b;margin-top:3px}.pjj-submit-actions{display:flex;gap:8px}.pjj-result{text-align:center;margin-top:12px}.pjj-big-score{margin:16px auto;display:grid;place-items:center;width:130px;height:130px;border-radius:50%;background:#edf7ff;border:1px solid #cfe4f7}.pjj-big-score small{display:block;color:#64748b}.pjj-big-score strong{font-size:34px}.pjj-bottom-nav{grid-template-columns:repeat(3,1fr)}
@media(max-width:720px){.pjj-summary-grid{grid-template-columns:1fr 1fr}.pjj-time-grid{grid-template-columns:1fr}.pjj-submit-bar{display:block;bottom:66px}.pjj-submit-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:11px}.pjj-submit-actions .ortu-btn{width:100%}.pjj-question-text{font-size:14px}.pjj-task-card h2{font-size:17px}}

/* V9.5.51 — Portal Siswa benar-benar fokus PJJ dan adaptif per perangkat */
.pjj-history-head{margin-top:24px}
.pjj-section-anchor{scroll-margin-top:92px}
.pjj-tablet-nav{align-items:center}
.pjj-tablet-nav a:last-child{margin-left:auto;color:#b42318}
.pjj-task-card{min-width:0}
.pjj-task-card p,.pjj-task-card h2,.pjj-task-card h3,.pjj-question-text,.pjj-options span{overflow-wrap:anywhere;word-break:normal}
.pjj-submit-actions .ortu-btn{min-height:44px}
@media(min-width:768px){
  .pjj-student-app .ortu-content{padding-bottom:38px}
  .pjj-submit-bar{bottom:16px}
  .pjj-tablet-nav{position:sticky;top:59px;z-index:24}
}
@media(min-width:1100px){
  .pjj-section-anchor{scroll-margin-top:80px}
  .pjj-task-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pjj-task-card{height:100%}
  .pjj-tablet-nav{position:static}
}
@media(max-width:767px){
  .pjj-student-app .ortu-content{padding:12px 10px 92px}
  .pjj-summary-grid{grid-template-columns:1fr 1fr;gap:8px}
  .pjj-summary-grid .ortu-card{padding:11px 12px}
  .pjj-summary-grid strong{font-size:23px}
  .pjj-task-card{padding:13px}
  .pjj-task-card .ortu-record-head{align-items:flex-start;gap:8px}
  .pjj-deadline{max-width:132px}
  .pjj-deadline strong{font-size:11px;line-height:1.35}
  .pjj-card-actions{display:grid;grid-template-columns:1fr;align-items:stretch}
  .pjj-card-actions .ortu-btn{width:100%;min-height:46px}
  .pjj-score{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border-radius:10px;background:#f6f8fb}
  .pjj-time-grid{grid-template-columns:1fr;gap:7px}
  .pjj-answer-card{padding:13px}
  .pjj-question-head{align-items:flex-start}
  .pjj-options label{min-height:48px;padding:11px 10px}
  .pjj-options input{width:19px;height:19px;flex:0 0 auto}
  .pjj-textarea{min-height:150px;font-size:16px}
  .pjj-answer-card .ortu-input{font-size:16px;max-width:100%}
  .pjj-submit-bar{bottom:66px;padding:13px}
  .pjj-submit-actions{grid-template-columns:1fr;gap:7px}
  .pjj-submit-actions .ortu-btn{width:100%;min-height:48px}
  .pjj-history-head{margin-top:20px}
  .pjj-section-anchor{scroll-margin-top:74px}
}
@media(max-width:420px){
  .pjj-summary-grid{gap:6px}
  .pjj-summary-grid .ortu-card{padding:10px}
  .pjj-summary-grid small{font-size:10px}
  .pjj-summary-grid strong{font-size:21px}
  .pjj-task-card h2{font-size:16px}
  .pjj-task-card h3{font-size:12px}
  .pjj-deadline{max-width:112px}
  .pjj-question-text{font-size:14px;line-height:1.55}
}

/* V9.5.52 — foto materi/jawaban hemat penyimpanan */
.pjj-material-section{margin-top:14px}.pjj-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:10px}.pjj-photo-tile{display:flex;flex-direction:column;gap:6px;min-width:0;padding:7px;border:1px solid #dbe3ec;border-radius:12px;background:#fff;text-decoration:none;color:inherit}.pjj-photo-tile img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:9px;background:#eef2f6}.pjj-photo-tile span,.pjj-photo-tile label,.pjj-photo-tile b{font-size:11px;color:#64748b}.pjj-photo-view:hover{border-color:#9ebbd4}.pjj-upload-box{margin-top:10px;padding:12px;border:1px dashed #b9c9d8;border-radius:12px;background:#f8fbfd}.pjj-upload-label{display:block;font-weight:800;margin-bottom:7px}.pjj-upload-status{font-size:12px;color:#0f4c81;font-weight:700;margin-top:7px}.pjj-local-preview{display:flex;gap:7px;overflow:auto;margin-top:8px}.pjj-local-preview img{width:76px;height:76px;object-fit:cover;border-radius:9px;border:1px solid #dbe3ec;flex:0 0 auto}.pjj-help{display:block;margin-top:6px;color:#64748b;font-size:12px;line-height:1.45}.pjj-answer-photos{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.pjj-question-summary{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.pjj-photo-manage .pjj-photo-tile{cursor:pointer}.pjj-photo-manage input{width:17px;height:17px;vertical-align:middle}
@media(max-width:767px){.pjj-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pjj-photo-tile{padding:6px}.pjj-upload-box{padding:10px}.pjj-upload-box input[type=file]{font-size:14px}.pjj-local-preview img{width:68px;height:68px}}
@media(max-width:380px){.pjj-photo-grid{grid-template-columns:1fr 1fr}.pjj-photo-tile span{font-size:10px}}

/* MASTER30 Stage 17 — jawaban Arab dan fokus PJJ */
.pjj-question-text[dir="rtl"],.pjj-options span[dir="rtl"],.pjj-textarea.contains-arabic{font-family:"Noto Naskh Arabic","Amiri","Traditional Arabic","Segoe UI",Tahoma,Arial,sans-serif;line-height:1.8}
.pjj-options label:focus-within{outline:3px solid #1d4ed8;outline-offset:2px}

/* =========================================================
   GLOBAL UI REFRESH — STAGE 1 (2026-09-20)
   Penyelarasan Portal Siswa/PJJ dengan sistem visual global.
   ========================================================= */
.pjj-student-app{--pjj-accent:#0b7285;--pjj-accent-soft:#e8f5f7}
.pjj-student-app .ortu-hero{background:linear-gradient(135deg,#0b4b52 0%,#0b7285 58%,#2b8f86 100%);box-shadow:0 14px 32px rgba(11,114,133,.16)}
.pjj-summary-grid{gap:12px}.pjj-summary-grid .ortu-card{padding:15px;border-radius:16px}.pjj-summary-grid small{font-size:10.8px;color:#708078}.pjj-summary-grid strong{font-size:28px;letter-spacing:-.035em;color:#23372f}
.pjj-task-list{gap:12px}.pjj-task-card{border-radius:17px}.pjj-task-card h2{font-size:18px;font-weight:800;letter-spacing:-.018em;color:#25372f}.pjj-teacher,.pjj-deadline small{color:#718078}
.pjj-time-grid>div{background:#f7f9f8;border-color:#e1e8e4;border-radius:12px}.pjj-instruction{border-left-color:var(--pjj-accent);background:#f4fbfc;color:#29474b}.pjj-options label{border-color:#dce6e2;border-radius:12px;background:#fff;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.pjj-options label:hover{border-color:#b9d6d6;background:#fbfefe}.pjj-options label:focus-within{outline:0!important;border-color:#7bb8bf;box-shadow:0 0 0 3px rgba(11,114,133,.10)}
.pjj-submit-bar{border-color:#dce6e2;box-shadow:0 14px 36px rgba(22,55,42,.10)}.pjj-big-score{background:linear-gradient(180deg,#eef9fa,#e8f5f7);border-color:#c9e5e8}.pjj-photo-tile{border-color:#dce6e2;border-radius:13px}.pjj-upload-box{border-color:#b9cfca;background:#f7faf9}
@media(max-width:767px){.pjj-summary-grid{gap:8px}.pjj-summary-grid .ortu-card{padding:12px}.pjj-summary-grid strong{font-size:24px}.pjj-task-card{padding:14px}.pjj-submit-bar{border-radius:15px}}

/* =========================================================
   GLOBAL UI REFRESH — STAGE 4–5 (2026-09-20)
   Portal Siswa/PJJ: tugas, jawaban, pilihan, pengumpulan.
   ========================================================= */
.pjj-student-app .pjj-summary-grid .ortu-card{
  border-color:#dce7e3;
  box-shadow:0 4px 15px rgba(18,67,69,.045);
}
.pjj-student-app .pjj-summary-grid small{color:#6f7e77}
.pjj-student-app .pjj-task-card{
  border-color:#dce7e3;
  box-shadow:0 5px 18px rgba(18,67,69,.05);
}
.pjj-student-app .pjj-task-card h2{color:#263c34}
.pjj-student-app .pjj-time-grid>div{background:#f7faf9;border-color:#dfe8e4}
.pjj-student-app .pjj-answer-card{border-color:#dce7e3}
.pjj-student-app .pjj-question-head span{color:#2b4037}
.pjj-student-app .pjj-options label{
  min-height:48px;
  border-color:#dbe5e1;
  background:#fff;
}
.pjj-student-app .pjj-options label:hover{background:#f8fbfa;border-color:#b8d2c8}
.pjj-student-app .pjj-options label:has(input:checked){
  background:#eef8f4;
  border-color:#8bc2ae;
  box-shadow:0 0 0 2px rgba(15,107,82,.07);
}
.pjj-student-app .pjj-submit-bar{
  border:1px solid #d9e4df;
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(10px);
}
.pjj-student-app .pjj-big-score{color:#195c58}
@media(max-width:767px){
  .pjj-student-app .pjj-task-card{border-radius:15px}
  .pjj-student-app .pjj-question-text{font-size:14.5px;line-height:1.62}
  .pjj-student-app .pjj-options label{padding:12px 11px}
  .pjj-student-app .pjj-submit-bar{box-shadow:0 -8px 28px rgba(18,67,69,.10)}
}

/* =========================================================
   GLOBAL UI REFRESH — STAGE 6–7 (2026-09-20)
   Mobile final + finishing Portal Siswa/PJJ.
   ========================================================= */
.pjj-student-app .pjj-task-card,
.pjj-student-app .pjj-answer-card,
.pjj-student-app .pjj-photo-tile{min-width:0}
.pjj-student-app .pjj-question-text,
.pjj-student-app .pjj-options span,
.pjj-student-app .pjj-instruction{overflow-wrap:anywhere}
.pjj-student-app .pjj-submit-bar{bottom:calc(66px + env(safe-area-inset-bottom));border-radius:15px}
.pjj-student-app .pjj-options input{accent-color:#0f6b52}
.pjj-student-app .pjj-photo-grid{min-width:0}
.pjj-student-app .pjj-photo-tile img{background:#f1f5f3}
.pjj-student-app .pjj-card-actions{align-items:center}
.pjj-student-app .pjj-score{font-variant-numeric:tabular-nums}
.pjj-student-app .pjj-big-score strong{font-variant-numeric:tabular-nums}
@media(min-width:768px){
  .pjj-student-app .pjj-submit-bar{bottom:16px}
}
@media(max-width:767px){
  .pjj-student-app .pjj-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pjj-student-app .pjj-task-card{padding:14px}
  .pjj-student-app .pjj-card-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
  .pjj-student-app .pjj-card-actions>*{width:100%}
  .pjj-student-app .pjj-score{display:flex;justify-content:space-between;align-items:center}
  .pjj-student-app .pjj-time-grid{grid-template-columns:minmax(0,1fr)}
  .pjj-student-app .pjj-question-head{align-items:flex-start}
  .pjj-student-app .pjj-options label{min-height:50px;padding:12px 11px}
  .pjj-student-app .pjj-options input{width:20px;height:20px;flex:0 0 auto}
  .pjj-student-app .pjj-textarea,.pjj-student-app .ortu-input,.pjj-student-app .ortu-select{font-size:16px}
  .pjj-student-app .pjj-submit-bar{padding:13px;bottom:calc(66px + env(safe-area-inset-bottom))}
  .pjj-student-app .pjj-submit-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
  .pjj-student-app .pjj-submit-actions .ortu-btn{min-height:48px;width:100%}
  .pjj-student-app .pjj-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:420px){
  .pjj-student-app .pjj-summary-grid{gap:7px}
  .pjj-student-app .pjj-summary-grid .ortu-card{padding:11px}
  .pjj-student-app .pjj-summary-grid strong{font-size:22px}
  .pjj-student-app .pjj-photo-grid{grid-template-columns:minmax(0,1fr)}
  .pjj-student-app .pjj-task-card h2{font-size:16px}
  .pjj-student-app .pjj-question-text{font-size:14.5px}
}
@media(prefers-reduced-motion:reduce){
  .pjj-student-app *, .pjj-student-app *::before, .pjj-student-app *::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
}

/* =========================================================
   BRIGHT COLORFUL UI — STAGE 8 (2026-09-20)
   Portal Siswa/PJJ: cerah dan lebih hidup.
   ========================================================= */
.pjj-student-app{--pjj-accent:#168db5;--pjj-accent-soft:#e9f8fd}
.pjj-student-app .ortu-hero{background:linear-gradient(125deg,#22c58b 0%,#20a7df 50%,#7c6ee6 100%);box-shadow:0 14px 34px rgba(42,128,171,.17)}
.pjj-student-app .pjj-summary-grid .ortu-card:nth-child(4n+1){background:#effaff;border-top-color:#38a7e8}.pjj-student-app .pjj-summary-grid .ortu-card:nth-child(4n+2){background:#effbf6;border-top-color:#22b983}.pjj-student-app .pjj-summary-grid .ortu-card:nth-child(4n+3){background:#f7f2ff;border-top-color:#9b72e8}.pjj-student-app .pjj-summary-grid .ortu-card:nth-child(4n+4){background:#fff8e9;border-top-color:#f3b43c}
.pjj-student-app .pjj-task-card{border-color:#dfebef;box-shadow:0 5px 18px rgba(52,97,120,.055)}
.pjj-student-app .pjj-options label:has(input:checked){background:#eaf9f6;border-color:#7fcfbd;box-shadow:0 0 0 2px rgba(14,159,138,.08)}
.pjj-student-app .pjj-options input{accent-color:#0e9f8a}
.pjj-student-app .pjj-big-score{background:linear-gradient(135deg,#eafaf5,#edf7ff);border-color:#cfe8e5;color:#147d73}