/* Teacher Dashboard: 3 clear learning zones in every native tab; grading inbox.
   Scoped strictly to #view-teacher so student learning remains untouched. */
#view-teacher .vnn-three-zone-scope{background:#f6fbf8;border:1px solid #cfe5d9;border-radius:13px;
 padding:12px 14px;margin:0 0 14px;color:#194a39;max-width:100%;min-width:0}
#view-teacher .vnn-three-zone-title{display:flex;align-items:center;justify-content:space-between;
 flex-wrap:wrap;gap:6px 14px;margin-bottom:10px}
#view-teacher .vnn-three-zone-title strong{font-size:15px;font-weight:800}
#view-teacher .vnn-three-zone-title small,#view-teacher .vnn-three-zone-note{color:#567a68;font-size:12px;line-height:1.6}
#view-teacher .vnn-three-zone-row{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
#view-teacher .vnn-three-zone-row>[data-vnn-scope]{border:1px solid #b8d7c7;border-radius:10px;
 background:#fff;color:#18513d;padding:10px 16px;min-height:44px;font:inherit;font-weight:750;cursor:pointer}
#view-teacher .vnn-three-zone-row>[data-vnn-scope].active{background:#0c8d7d;color:#fff;border-color:#0c8d7d}
#view-teacher .vnn-grade-choice{display:inline-flex;align-items:center;gap:9px;font-weight:650;
 font-size:12px;margin-left:auto;flex-wrap:wrap}
#view-teacher .vnn-grade-choice[hidden],#view-teacher .vnn-grading-sgk[hidden],
#view-teacher .vnn-grading-legacy[hidden]{display:none!important}
#view-teacher .vnn-grade-choice select{border:1px solid #a8d0ba;border-radius:8px;background:#fff;
 min-height:42px;padding:7px 12px;font:inherit}
#view-teacher .vnn-three-zone-note{display:block;margin-top:7px}
#view-teacher #vnnTeacherGradingWorkspace{display:grid;gap:11px;margin:0 0 15px;min-width:0}
#view-teacher .vnn-grading-intro{border:1px solid #d0e4d9;background:#f6faf7;border-radius:12px;padding:13px}
#view-teacher .vnn-grading-intro h3{margin:0 0 4px;font-size:16px;color:#194b3c}
#view-teacher .vnn-grading-intro p{margin:0;font-size:13px;color:#59756a}
#view-teacher .vnn-grading-sgk{border:1px solid #cfe4d5;border-radius:12px;padding:14px;min-width:0}
#view-teacher .vnn-grading-head{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
#view-teacher .vnn-grading-head strong{display:block;color:#165541}
#view-teacher .vnn-grading-head small{display:block;color:#667b6e;font-size:12px;line-height:1.55;margin-top:3px}
#view-teacher .vnn-grading-head button{border:1px solid #b2d5c3;border-radius:9px;background:#fff;padding:9px 13px;min-height:44px;font-weight:750;cursor:pointer}
#view-teacher .vnn-receipts-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}
#view-teacher .vnn-receipts-tabs button{min-height:42px;border:1px solid #d1e4d9;background:#fff;
 color:#32614b;border-radius:9px;padding:8px 13px;cursor:pointer}
#view-teacher .vnn-receipts-tabs button[aria-pressed="true"]{background:#e1f4e9;border-color:#0a8d7b;font-weight:800}
#view-teacher .vnn-receipts-summary{color:#476a56;font-size:13px;line-height:1.6}
#view-teacher .vnn-receipts-list{display:grid;gap:8px}
#view-teacher .vnn-grading-receipt{border:1px solid #d5e7da;border-radius:9px;background:#fff;overflow:hidden}
#view-teacher .vnn-grading-receipt summary{padding:12px;min-height:44px;cursor:pointer;
 display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#234b3a;font-size:13px}
#view-teacher .vnn-grading-receipt summary span{margin-left:auto;color:#217455}
#view-teacher .vnn-grading-receipt p{margin:7px 12px;font-size:12px;line-height:1.6;color:#4e6b5a}
#view-teacher .vnn-grading-legacy{border:1px solid #d4e5dc;border-radius:11px;background:#fff;overflow:hidden;min-width:0}
#view-teacher .vnn-grading-legacy>summary{list-style:none;cursor:pointer;background:#edf6f0;
 color:#245a43;min-height:48px;padding:13px;font-weight:800}
#view-teacher .vnn-grading-legacy>summary::-webkit-details-marker{display:none}
#view-teacher .vnn-grading-legacy>div{padding:8px;min-width:0}
#view-teacher .vnn-grading-legacy .card.teacher-section{margin:0!important;box-shadow:none!important;min-width:0}
/* Keep the old quiz controller intact but never show it as a separate navigation action. */
#view-teacher .teacher-tabs .teacher-tab[data-teacher-tab="quiz"][hidden]{display:none!important}
#view-teacher .vnn-three-zone-scope button:focus-visible,#view-teacher .vnn-grading-legacy>summary:focus-visible{
 outline:3px solid #0f8f83;outline-offset:2px}
@media(max-width:900px){
 /* Replace the long one-column stack with a compact two-column dashboard menu. */
 body.v357-ui #view-teacher .v357-mobile-teacher-nav{display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;
  overflow:visible!important;padding:8px 0!important}
 body.v357-ui #view-teacher .v357-mobile-teacher-nav button{min-width:0!important;width:100%!important;
  flex:none!important;justify-content:center!important;white-space:normal!important;
  text-align:center!important;line-height:1.45!important;border-radius:10px!important;
  min-height:45px!important;padding:9px 7px!important}
}
@media(max-width:600px){
 #view-teacher .vnn-three-zone-scope{padding:10px}
 #view-teacher .vnn-three-zone-title small{display:none}
 #view-teacher .vnn-three-zone-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 #view-teacher .vnn-three-zone-row>[data-vnn-scope]{padding:9px 5px;min-width:0;font-size:12.5px}
 #view-teacher .vnn-grade-choice{grid-column:1 / -1;margin:0;width:100%;justify-content:space-between}
 #view-teacher .vnn-grade-choice select{min-width:130px;flex:1}
 #view-teacher .vnn-grading-sgk{padding:10px}
}