.document-selection-bar {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 10px !important;
}
.document-selection-bar > span {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}
.document-selection-bar > button {
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 12px !important;
  border-radius: 7px !important;
  white-space: nowrap !important;
  line-height: 32px !important;
}
.document-selection-bar > button:not(.primary) {
  background: #fff !important;
  border: 1px solid #cfd6dc !important;
  color: #334155 !important;
}
.document-selection-bar > button.primary {
  min-width: 118px !important;
  font-weight: 600 !important;
}
@media (max-width: 330px) {
  .document-selection-bar { gap: 6px !important; padding: 7px 8px !important; }
  .document-selection-bar > button { padding: 0 9px !important; }
  .document-selection-bar > button.primary { min-width: 108px !important; }
}