/* design/class-page.css - עמוד הכיתה בעיצוב v3 (חבילת המעצבת, 25.10).
   הבסיס: assets/class-page.css של החבילה (גיליון אחד לכל הדגם), מצומצם לעמוד הכיתה ומוגבל
   ל-.pm-page. הטוקנים ב-practice-page.css, שנטען קודם (verify_design_v1 D2).
   כרטיס המבחן בהיר: הכותרת מטוקן אחד, --pm-exam (#F0E6D7 ביום), ואין בו משטח חום כהה (D3). */
.pm-page .pc-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap}
.pm-page .pc-top h1{font-size:2rem;letter-spacing:-.6px;line-height:1.22}
.pm-page .pc-top-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pm-page .pc-course-link{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:10px 14px;border:1px solid var(--pm-line);border-radius:12px;background:var(--pm-surface);color:var(--pm-heading);font-size:.95rem}
.pm-page .pc-course-link:hover{border-color:var(--pm-strong-line)}
.pm-page .pc-all{min-height:48px;display:inline-flex;align-items:center;padding:10px 4px;color:var(--pm-accent)}

/* המבחן הקרוב */
.pm-page .pc-exam{border:1px solid var(--pm-exam-line);border-radius:20px;overflow:clip;background:var(--pm-surface)}
.pm-page .pc-exam+.pc-exam{margin-top:20px}
.pm-page .pc-exam-hero{background:var(--pm-exam);padding:24px 30px}
.pm-page .pc-exam-hero h2{font-size:1.6rem;line-height:1.3}
.pm-page .pc-exam-name{margin:4px 0 0;color:var(--pm-muted);font-size:1rem}
.pm-page .pc-exam-name time{white-space:nowrap}
.pm-page .pc-tabs{display:none}
.pm-page .pc-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px 40px;padding:24px 30px 20px}
.pm-page .pc-panel :is(h3,h4){margin:0 0 6px;color:var(--pm-muted);font-size:.95rem;font-weight:600}
.pm-page .pc-rows{list-style:none;margin:0;padding:0}
.pm-page .pc-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:13px 0;border-top:1px solid var(--pm-line);line-height:1.45}
.pm-page .pc-rows li:first-child .pc-row{border-top:0}
.pm-page a.pc-row:hover{color:var(--pm-accent);background:var(--pm-row-hover)}
.pm-page .pc-row .pm-icon{color:var(--pm-mark)}
.pm-page .pc-row small{margin-inline-start:8px;color:var(--pm-muted);font-size:.85rem}
.pm-page .pc-row.is-empty{color:var(--pm-muted)}
.pm-page .pc-no-exam{padding:28px;background:var(--pm-surface);border:1px solid var(--pm-line);border-radius:16px;text-align:center}
.pm-page .pc-no-exam h2{font-size:1.35rem}
.pm-page .pc-no-exam p{margin:8px 0 0;color:var(--pm-muted)}
.pm-page .pc-class-note{margin:28px 0 0;color:var(--pm-muted);font-size:.8rem}

/* המבחנים שעברו: שורה סגורה לכל מבחן, ולחיצה פותחת את אותו מלבן (הבעלים 27.10, חדר בקרה 140) */
.pm-page .pc-past{margin-top:20px;border:1px solid var(--pm-line);border-radius:20px;overflow:clip;background:var(--pm-surface)}
.pm-page .pc-past>h2{padding:16px 30px 6px;color:var(--pm-muted);font-size:.95rem;font-weight:600}
.pm-page .pc-past .pc-exam{border:0;border-top:1px solid var(--pm-line);border-radius:0}
.pm-page .pc-past .pc-exam+.pc-exam{margin-top:0}
.pm-page .pc-past-head{margin:0;font-size:1.05rem}
.pm-page .pc-past-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:52px;padding:13px 30px;text-align:start;color:var(--pm-heading);font-weight:600;line-height:1.45}
.pm-page .pc-past-toggle:hover{background:var(--pm-row-hover)}
.pm-page .pc-past-toggle .pc-past-date{color:var(--pm-muted);font-weight:400}
.pm-page .pc-past-toggle .pb-date{padding:0;border-radius:0;background:none;color:inherit;font:inherit}
.pm-page .pc-past-toggle .pm-icon{color:var(--pm-mark);transition:transform .15s}
.pm-page .pc-past-toggle[aria-expanded="true"] .pm-icon{transform:rotate(180deg)}
.pm-page .pc-past-body{border-top:1px solid var(--pm-line)}

/* המחלקות pb-* (לבודק) מביאות עיצוב מ-prep-box.css: כאן הן שורה רגילה */
.pm-page .pc-exam.prep-box{margin:0;padding:0;box-shadow:none}
.pm-page .pc-exam-hero.pb-head{display:block;border:0;margin:0}
.pm-page .pc-row :is(.pb-name,.pb-mname){font:inherit;color:inherit;margin:0}

@media (max-width:700px){
  .pm-page .pc-top{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:24px}
  .pm-page .pc-top h1{font-size:1.75rem}
  .pm-page .pc-course-link{width:100%}
  .pm-page .pc-exam-hero{padding:20px}
  .pm-page .pc-exam-hero h2{font-size:1.35rem}
  .pm-page .pc-tabs{display:flex;padding:0 18px;border-bottom:1px solid var(--pm-line);background:var(--pm-surface)}
  .pm-page .pc-tab{flex:1;min-height:48px;padding:12px 4px;font-size:.92rem;border-bottom:3px solid transparent;margin-bottom:-1px;color:var(--pm-muted);font-weight:600}
  .pm-page .pc-tab[aria-selected="true"]{color:var(--pm-heading);border-bottom-color:var(--pm-heading)}
  .pm-page .pc-columns{display:block;padding:6px 20px 10px}
  .pm-page .pc-tabbed .pc-panel :is(h3,h4){display:none}
  .pm-page .pc-panel.is-off{display:none}
  .pm-page .pc-past>h2{padding:14px 20px 4px}
  .pm-page .pc-past-toggle{padding:13px 20px}
}
@media (max-width:360px){
  .pm-page .pc-past>h2{padding:14px 14px 4px}
  .pm-page .pc-past-toggle{padding:13px 14px}
  .pm-page .pc-tabs{padding:0 10px}
  .pm-page .pc-columns{padding:6px 14px 10px}
  .pm-page .pc-exam-hero{padding:18px 14px}
}