.dashboard-notes-card{border-top:4px solid var(--category-purple);min-width:0}
.dashboard-notes-title{align-items:flex-start}
.dashboard-note-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.dashboard-note-metric{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border-radius:12px;background:var(--surface-2)}
.dashboard-note-metric span{font-size:10px;color:var(--muted);font-weight:750;line-height:1.25}
.dashboard-note-metric strong{font-size:18px;line-height:1}
.dashboard-note-metric.unresolved{background:var(--orange-soft)}
.dashboard-note-metric.unresolved strong{color:#B65B00}
.dashboard-note-metric.serious{background:var(--red-soft)}
.dashboard-note-metric.serious strong{color:#D72D24}
.dashboard-note-metric.warning{background:#FFF4DD}
.dashboard-note-metric.warning strong{color:#B65B00}
.dashboard-note-metric.resolved{background:var(--green-soft)}
.dashboard-note-metric.resolved strong{color:#17853A}

.dashboard-note-recent-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 0 8px;border-bottom:1px solid var(--line)}
.dashboard-note-recent-head>strong{font-size:12px}
.dashboard-note-view-all{border:0;background:transparent;padding:4px 0;color:var(--action-blue);font-size:11px;font-weight:800}
.dashboard-note-view-all:hover{text-decoration:underline}
.dashboard-note-list{display:grid;gap:0}
.dashboard-note-item{padding:11px 1px;border-bottom:1px solid var(--line)}
.dashboard-note-item:last-child{border-bottom:0}
.dashboard-note-item.resolved{opacity:.72}
.dashboard-note-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.dashboard-note-severity{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border-radius:999px;font-size:9px;font-weight:850;letter-spacing:.02em}
.dashboard-note-severity.info{background:var(--blue-soft);color:#0062CC}
.dashboard-note-severity.warning{background:var(--orange-soft);color:#B65B00}
.dashboard-note-severity.serious{background:var(--red-soft);color:#D72D24}
.dashboard-note-date{font-size:9px;color:var(--muted);white-space:nowrap}
.dashboard-note-student{display:block;max-width:100%;font-size:12px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dashboard-note-description{margin:0;color:var(--text);font-size:11px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dashboard-note-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;font-size:9px;color:var(--muted)}
.dashboard-note-meta>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dashboard-note-status{flex:0 0 auto;padding:3px 6px;border-radius:999px;font-weight:800}
.dashboard-note-status.open{background:var(--orange-soft);color:#B65B00}
.dashboard-note-status.resolved{background:var(--green-soft);color:#17853A}
.dashboard-note-empty{display:flex;align-items:center;gap:10px;padding:14px 0}
.dashboard-note-empty>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--green-soft);color:#17853A;font-weight:900}
.dashboard-note-empty strong,.dashboard-note-empty small{display:block}
.dashboard-note-empty strong{font-size:12px}
.dashboard-note-empty small{font-size:10px;color:var(--muted);margin-top:3px}

@media (max-width:1180px){
  .dashboard-note-list{max-height:430px;overflow:auto;padding-right:2px}
}

@media (max-width:560px){
  .dashboard-note-metrics{gap:7px}
  .dashboard-note-metric{padding:9px}
  .dashboard-note-metric strong{font-size:16px}
}