.assignment-bar {
  display: grid;
  grid-template-columns: minmax(230px, 1fr) auto minmax(280px, 1.5fr);
  gap: 12px;
  align-items: end;
  margin-top: 18px;
  padding: 14px;
  background: #f6faf9;
  border: 1px solid #e0ebe8;
  border-radius: 12px;
}
.assignment-bar label { display: grid; gap: 6px; font-size: 12px; font-weight: 700; color: #536863; }
.assignment-bar select { width: 100%; padding: 11px; border: 1px solid #cdded9; border-radius: 8px; background: white; color: #18302c; }
.assignment-bar button:disabled { opacity: .5; cursor: not-allowed; }
.recommendation { min-height: 42px; padding: 10px 12px; border-radius: 9px; background: white; border: 1px solid #dbe8e4; color: #536863; font-size: 13px; line-height: 1.45; }
.recommendation.success { border-color: #73b8aa; background: #edf8f5; color: #164f45; }
.recommendation.error { border-color: #e2a0a0; background: #fff2f2; color: #8b2d2d; }
@media (max-width: 1050px) { .assignment-bar { grid-template-columns: 1fr 1fr; } .recommendation { grid-column: 1 / -1; } }
@media (max-width: 620px) { .assignment-bar { grid-template-columns: 1fr; } .recommendation { grid-column: auto; } }