.office-primary-duties { margin: 0; padding: 12px; border: 1px solid var(--line, #d5dfdc); border-radius: 4px; color: var(--ink, #172629); }
.office-primary-duties legend { padding: 0 6px; font-weight: 600; }
.office-duty-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 8px; min-width: 0; }
.office-duty-row label { min-width: 0; margin: 0 !important; overflow-wrap: anywhere; }
.office-duty-row select { width: 100%; min-width: 0; text-overflow: ellipsis; }
.office-duty-actions { display: flex; gap: 4px; align-items: center; min-height: 42px; }
.office-duty-actions .office-icon { width: 32px; height: 36px; padding: 4px; flex: none; }
.office-duty-add { justify-self: start; max-width: 100%; flex-wrap: wrap; }
.office-primary-duties button:disabled { cursor: not-allowed; }
@media (max-width: 400px) {
  .office-duty-row { grid-template-columns: minmax(0, 1fr); }
  .office-duty-actions { min-height: 0; justify-self: end; }
}