/* v5 - 3-card dashboard + multi-course training management */
.dashboardTopGrid.dashboardTopGrid3{
  grid-template-columns:1.15fr 1fr 1fr;
  gap:16px;
}
.dashboardCheckOnlyCard{min-height:190px;display:flex;flex-direction:column;}
.dashboardCheckSimple{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:8px 0 18px;}
.dashboardCheckOnlyCard .dashboardCheckStatus{font-size:28px;}
.dashboardCheckOnlyCard .dashboardCheckTime{padding:0;background:transparent;border-radius:0;font-size:16px;color:#475569;min-height:auto;}
.dashboardSummaryCard{min-height:190px;}
.dashboardSummaryCard .dashboardMiniValue{font-size:58px;}

.eduPaneHeader,.eduDetailTitleRow,.eduSectionHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.eduPaneHeader{margin:4px 0 18px;}
.eduPaneHeader h3,.eduDetailTitleRow h3{font-size:22px;margin:0 0 6px;color:#111827;}
.eduSummaryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;}
.eduSummaryCard{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px 20px;box-shadow:0 8px 26px rgba(15,23,42,.035);display:flex;flex-direction:column;gap:5px;}
.eduSummaryCard span{font-size:12px;color:#64748b;font-weight:700;}
.eduSummaryCard b{font-size:30px;color:#315efb;letter-spacing:-.03em;}
.eduSummaryCard small{font-size:11px;color:#94a3b8;}
.eduSectionCard{background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:0 8px 28px rgba(15,23,42,.035);}
.eduSectionHead{margin-bottom:14px;align-items:center;}
.eduSectionHead h3{margin:0 0 5px;font-size:17px;color:#111827;}
.eduSectionHead p{margin:0;color:#64748b;font-size:12px;}
.eduCourseList{display:flex;flex-direction:column;gap:10px;}
.eduCourseRow{display:grid;grid-template-columns:minmax(260px,1.55fr) .85fr .65fr .65fr .65fr .72fr auto;align-items:center;gap:16px;padding:17px 18px;border:1px solid #e8edf5;border-radius:14px;background:#fff;transition:.15s ease;}
.eduCourseRow:hover{border-color:#cfd9ff;box-shadow:0 6px 20px rgba(49,94,251,.06);}
.eduCourseIndex{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:#eef3ff;color:#315efb;font-weight:900;font-size:12px;margin-right:11px;vertical-align:middle;}
.eduCourseName{font-size:14px;font-weight:850;color:#111827;}
.eduCourseDesc{font-size:11px;color:#64748b;margin-top:5px;padding-left:45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.eduCourseMetric label{display:block;font-size:10px;color:#94a3b8;margin-bottom:3px;}.eduCourseMetric b{font-size:14px;color:#334155;}
.eduCourseRate{display:flex;align-items:center;gap:8px;}.eduCourseRateBar{width:70px;height:7px;background:#eef2f7;border-radius:999px;overflow:hidden;}.eduCourseRateFill{height:100%;background:#4f46e5;border-radius:999px;}
.eduCourseStatus{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eaf8ef;color:#15803d;font-size:11px;font-weight:800;width:max-content;}
.eduCourseStatus.completed{background:#eef2f7;color:#64748b;}
.eduManageBtn{border:1px solid #d7e0ff;background:#f7f9ff;color:#315efb;border-radius:10px;padding:8px 12px;font-weight:800;cursor:pointer;white-space:nowrap;}
.eduEmpty{padding:34px;text-align:center;background:#f8fafc;color:#64748b;border-radius:14px;}
.eduDetailHeader{margin-bottom:14px;}.eduDetailTitleRow{margin-top:12px;align-items:center;}.eduDetailActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.eduDetailSummary{margin-top:12px;}
.eduDetailGrid{display:grid;grid-template-columns:1.25fr .9fr;gap:16px;align-items:start;}
.eduAttendanceCard{min-width:0;}.eduSessionCard{min-width:0;}
.eduInlineForm{background:#f8fafc;border:1px solid #edf1f6;border-radius:14px;padding:16px;}
.eduInlineForm label{font-size:12px;color:#475569;font-weight:700;display:block;margin:10px 0 6px;}
.eduInlineForm input,.eduInlineForm select{width:100%;padding:9px 10px;border:1px solid #dbe1ea;border-radius:9px;background:#fff;}
.eduInlineForm button[type="submit"]{margin-top:12px;}
.eduRosterTable{border:1px solid #e8edf5;border-radius:14px;overflow:hidden;}
.eduRosterHead,.eduRosterRow{display:grid;grid-template-columns:48px 1.1fr 1.2fr .7fr 100px;gap:10px;align-items:center;padding:12px 14px;}
.eduRosterHead{background:#f8fafc;color:#64748b;font-size:11px;font-weight:800;}
.eduRosterRow{border-top:1px solid #eef2f7;font-size:13px;}.eduRosterRow:first-child{border-top:none;}
.eduRosterRow .name{font-weight:800;color:#111827;}.eduRosterRemove{border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:6px 9px;color:#64748b;cursor:pointer;font-size:11px;}
.eduRosterRemove:hover{border-color:#fecaca;color:#dc2626;}
.eduModalList{max-height:420px;overflow:auto;border:1px solid #e5e7eb;border-radius:12px;padding:8px;}
.eduModalPerson{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border-bottom:1px solid #f1f5f9;}.eduModalPerson:last-child{border-bottom:none;}
.eduModalPerson label{display:flex;gap:9px;align-items:center;margin:0;font-size:13px;font-weight:700;}.eduModalPerson small{color:#94a3b8;}
.eduCourseFormGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}

@media(max-width:1180px){
  .dashboardTopGrid.dashboardTopGrid3{grid-template-columns:1fr 1fr;}.dashboardCheckOnlyCard{grid-column:1/-1;}
  .eduSummaryGrid{grid-template-columns:1fr 1fr;}.eduDetailGrid{grid-template-columns:1fr;}
  .eduCourseRow{grid-template-columns:1.5fr .8fr .65fr .65fr auto;}.eduCourseRow .eduHideMedium{display:none;}
}
@media(max-width:760px){
  .dashboardTopGrid.dashboardTopGrid3,.eduSummaryGrid{grid-template-columns:1fr;}.dashboardCheckOnlyCard{grid-column:auto;}
  .eduPaneHeader,.eduDetailTitleRow{flex-direction:column;align-items:stretch;}.eduDetailActions{justify-content:flex-start;}
  .eduCourseRow{grid-template-columns:1fr auto;}.eduCourseRow .eduCourseMetric,.eduCourseRow .eduCourseRate,.eduCourseRow .eduCourseStatus{display:none;}.eduCourseDesc{padding-left:0;}
  .eduRosterHead{display:none;}.eduRosterRow{grid-template-columns:1fr;gap:5px;}.eduCourseFormGrid{grid-template-columns:1fr;}
}
.dashboardCheckOnlyCard .dashboardCheckStatus{display:none;}