.teacher-summary{padding:0!important;border:1px solid #fff!important;border-radius:22px!important;background:url('/assets/hero/teacher-summary-paper.png') center/cover!important;overflow:hidden;box-shadow:0 8px 24px #17203308!important}
.teacher-summary::before,.teacher-summary::after{display:none!important}.teacher-summary>[hidden],.teacher-summary .mini-meta[hidden]{display:none!important}
.teacher-summary .mini-grid{display:grid;grid-template-columns:1.15fr 1.1fr .9fr .9fr 1.05fr;gap:0;margin:0;min-height:108px}
.teacher-summary .mini-card{padding:18px 20px!important;border:0!important;border-right:1px solid #dbe3eb!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-height:0;overflow:visible}
.teacher-summary .mini-card:last-child{border-right:0!important}.teacher-summary .mini-card::before,.teacher-summary .mini-card::after{display:none!important}
.teacher-summary .mini-row{gap:10px;align-items:center}.teacher-summary .mini-kicker{font-size:14px;color:#475569;letter-spacing:0;text-transform:none;font-weight:800;margin-bottom:6px}
.teacher-summary .mini-big{font-size:25px!important;line-height:1.2;margin:0}.teacher-summary .mini-big small{font-size:15px}.teacher-summary .mini-card:nth-child(3) .mini-big:has(small),.teacher-summary .mini-card:nth-child(4) .mini-big:has(small){display:none}
.teacher-summary .icon-badge{width:40px;height:40px;border-radius:12px;flex-shrink:0}.teacher-summary .icon-badge i{font-size:18px}
.summary-progress-meta{font-size:14px;font-weight:700;color:#64748b;margin-top:4px}
.summary-observation{margin:0 0 24px!important;padding:14px 20px!important;background:#ffffffb3!important;border:1px solid #e2e8f0!important;border-radius:18px!important;gap:16px;box-shadow:none}
.summary-observation>div{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.summary-observation .pc-strip-title{font-size:15px;letter-spacing:0;text-transform:none;margin:0}.summary-observation .pc-chip{border:0;background:transparent;padding:0;font-size:14px}.summary-observation .pc-view-btn{font-size:14px;padding:9px 13px;min-height:40px}.summary-observation .pc-strip-metrics{gap:14px}
@media(max-width:900px){.teacher-summary .mini-card{padding:16px 12px!important}.teacher-summary .icon-badge{display:none}.teacher-summary .mini-big{font-size:22px!important}}
@media(max-width:600px){.teacher-summary .mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-summary .mini-card{border-bottom:1px solid #dbe3eb!important;padding:16px!important}.teacher-summary .mini-card:nth-child(even){border-right:0!important}.teacher-summary .mini-card:last-child{grid-column:1/-1;border-bottom:0!important}.teacher-summary .icon-badge{display:flex}.summary-observation{padding:16px!important}.summary-observation .pc-strip-metrics{gap:10px}}
@media(min-width:901px){.teacher-summary .mini-card{padding-top:10px!important;padding-bottom:10px!important}.teacher-summary .mini-grid{min-height:108px}}
.teacher-summary .mini-grid[hidden],.combined-week-progress>[hidden]{display:none!important}
.teacher-summary .combined-week-progress{display:flex;align-items:center;gap:30px;padding:20px 24px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.combined-week-progress::before,.combined-week-progress::after{display:none!important}.combined-progress-copy{flex:1;min-width:0}.combined-progress-label{display:flex;align-items:center;gap:8px;font-weight:800;color:#475569;font-size:15px;margin-bottom:8px}.combined-progress-label i{color:#f97316}
.combined-progress-stats{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}.combined-progress-stats .weekly-level-slots{background:none;border:0;padding:0;color:#172033;font-size:24px;font-weight:800}.combined-progress-stats #progressPercentageTop{font-size:22px;font-weight:800;color:#f97316}
.combined-week-progress .fun-progress-bar{height:12px;margin:0;background:#dce4ee;border-radius:10px;box-shadow:none}.combined-week-progress .fun-progress-fill{background:linear-gradient(90deg,#ff791b,#ffad43);box-shadow:none}.combined-week-progress .weekly-progress-remark{font-size:14px;margin:7px 0 0;padding:0;background:none;min-height:0;color:#64748b}
.combined-week-progress .weekly-progress-actions{margin:0;display:flex;gap:10px;flex-shrink:0}.combined-week-progress .weekly-progress-actions .btn{font-size:15px;min-height:48px;padding:12px 16px;border-radius:13px;letter-spacing:0;text-transform:none}.combined-week-progress .weekly-progress-actions .btn:disabled{opacity:.5}
@media(max-width:700px){.teacher-summary .combined-week-progress{flex-direction:column;align-items:stretch;gap:16px;padding:18px!important}.combined-week-progress .weekly-progress-actions .btn{flex:1}.combined-progress-stats .weekly-level-slots{font-size:22px}}
/* Pearl and copper counterpart to the dark digital hero. */
.teacher-summary{background:linear-gradient(90deg,#ffffff15,#ffffff55),url('/assets/hero/teacher-progress-digital-light.png') center/cover!important;border:1px solid #fff!important;border-radius:24px!important;box-shadow:0 10px 30px #6940180c,inset 0 1px 0 #fff!important}
.combined-progress-label{color:#475569;font-size:16px}.combined-progress-label i{background:#fff0df;color:#c65b13;border:1px solid #f6d4b4;border-radius:8px;padding:7px;font-size:14px}
.combined-progress-stats #progressPercentageTop{color:#bf5510;font-size:24px}
.combined-week-progress .fun-progress-bar{background:#e9e4de;border:1px solid #ded7ce;height:12px;box-shadow:inset 0 1px 3px #6b442012}
.combined-week-progress .fun-progress-fill{background:linear-gradient(90deg,#cf5910,#f7821d 65%,#ffb14a);box-shadow:inset 0 1px 0 #ffffff40}.combined-week-progress .progress-notch{background:#ffffff90}
.combined-week-progress .weekly-progress-actions{border-left:1px solid #dfd7cd;padding-left:22px;align-items:center}
.combined-week-progress #rumusanAiBtn{background:#fffdf9;color:#754a29;border:1px solid #dcc8b5;box-shadow:0 3px 10px #69401808;white-space:nowrap}
.combined-week-progress #generateSlipBtn{background:linear-gradient(135deg,#98440f,#683319);color:#fff7ec;border:1px solid #b87a48;box-shadow:inset 0 1px 0 #ffe2bd35,0 4px 12px #6b34151a;white-space:nowrap}
.combined-week-progress #rumusanAiBtn:not(:disabled):hover{background:#fff0df;border-color:#dc9e67}.combined-week-progress #generateSlipBtn:not(:disabled):hover{background:linear-gradient(135deg,#b45412,#81411b);box-shadow:0 6px 16px #6b341526}
.combined-week-progress .weekly-progress-actions .btn:disabled{opacity:1;cursor:not-allowed;background:#f4f1ec!important;color:#888078!important;border-color:#ddd6cd!important;box-shadow:none!important}.combined-week-progress .weekly-progress-actions .btn:disabled img{filter:grayscale(1);opacity:.55}
@media(max-width:700px){.combined-week-progress .weekly-progress-actions{padding-left:0;padding-top:14px;border-left:0;border-top:1px solid #dfd7cd}}
/* Compact observation companion to the weekly progress surface. */
.summary-observation{background:linear-gradient(90deg,#ffffffd9,#ffffffbd),url('/assets/hero/teacher-progress-digital-light.png') center/cover!important;border:1px solid #fff!important;border-radius:20px!important;box-shadow:0 8px 24px #69401808!important;padding:16px 22px!important;min-height:76px}
.summary-observation .pc-strip-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;color:#475569}
.summary-observation .pc-strip-title::before{content:'\f46c';font-family:'Font Awesome 6 Free';font-weight:900;color:#bd5512;background:#fff0df;border:1px solid #f2d4b7;padding:8px;border-radius:10px;font-size:16px}
.summary-observation .pc-chip:nth-child(2),.summary-observation .pc-chip:nth-child(4){display:none}
.summary-observation .pc-chip{font-size:16px;color:#475569;gap:7px}.summary-observation .pc-chip:first-child i{display:none}.summary-observation #miniPcLatest{color:#047857;font-size:21px;font-weight:800}.summary-observation .pc-chip:nth-child(3) i{color:#b87528}
.summary-observation .pc-view-btn{background:#fffdf9;color:#754a29;border:1px solid #dcc8b5;border-radius:13px;font-size:15px;font-weight:800;padding:11px 16px;min-height:46px;box-shadow:0 3px 10px #69401808}
.summary-observation .pc-view-btn:not(:disabled):hover{background:#fff0df;border-color:#dc9e67}.summary-observation .pc-view-btn:disabled{opacity:1;background:#f4f1ec;color:#888078;border-color:#ddd6cd;box-shadow:none}
@media(max-width:600px){.summary-observation{padding:16px!important}.summary-observation>div{gap:12px}.summary-observation .pc-strip-metrics{gap:16px}.summary-observation .pc-view-btn{width:100%}}

.summary-observation{background:linear-gradient(90deg,#ffffff65,#ffffff30),url('/assets/hero/pencerapan-guru-light.png') center/cover!important}