.project-tabs{display:flex;gap:7px;border-bottom:1px solid #dce5ed;margin:18px 0}.project-tabs button{border:0;background:transparent;color:#66788b;font-weight:700;padding:10px 12px}.project-tabs button.active{color:#0c2545;border-bottom:3px solid #1764ad}.summary-actions{display:flex;gap:7px;align-items:center}.print-section,.assign-btn{border:1px solid #b9cddd;background:#fff;color:#19506f;border-radius:6px;padding:4px 7px;font-size:11px;font-weight:700}.direct-row{border:1px solid #e0e8ed;border-radius:8px;overflow:hidden;margin-bottom:8px}.criterion-summary{display:flex;justify-content:space-between;gap:15px;padding:11px 12px;background:#f5f8fa;color:#172f4b;font-weight:700}.unit-grid,.assignment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.unit-card,.assignment-card{background:#fff;border:1px solid #dbe5ed;border-radius:12px;padding:16px;box-shadow:0 2px 7px #0e2a4610;cursor:pointer}.unit-card h3,.assignment-card h3{margin:5px 0;font-size:17px}.unit-card p,.assignment-card p,.assignment-card li{font-size:13px;color:#65768a}.assignment-card ul{padding-left:18px;max-height:150px;overflow:auto}.assignment-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0}.subtask>div{display:flex;gap:8px;align-items:flex-start;white-space:nowrap}@media(max-width:650px){.summary-actions{align-items:flex-start;flex-direction:column}.criterion-summary{flex-direction:column}.project-tabs{overflow:auto}.assignment-head{align-items:flex-start;flex-direction:column}.subtask>div{margin-left:28px}.unit-grid,.assignment-grid{grid-template-columns:1fr}}
.hierarchy-tools select {
  min-height: 34px;
  border: 1px solid #cbd7e4;
  border-radius: 8px;
  padding: 0 9px;
  color: #102a4a;
  background: #fff;
  max-width: 210px;
}
.summary-actions .assign-btn { margin-right: 5px; }
@media (max-width: 640px) {
  .hierarchy-tools { align-items: flex-start; gap: 10px; }
  .hierarchy-tools > div { display: flex; flex-wrap: wrap; gap: 7px; }
  .hierarchy-tools select { flex: 1 1 100%; max-width: none; }
  .summary-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; }
  .summary-actions .assign-btn { margin-right: 0; }
}