.supplier-financial-head {
  margin: 0 0 16px;
  padding: 15px 20px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
}

.supplier-financial-head .period-picker {
  display: flex;
  align-items: center;
  gap: 14px;
}

.supplier-financial-head .period-picker > p,
.supplier-financial-head .period-picker > h2 {
  display: none;
}

.supplier-financial-head .period-controls {
  margin: 0;
}

.supplier-financial-head .billing-totals {
  align-items: center;
}

.supplier-rule {
  cursor: help;
}

.supplier-avatar {
  background: #172d29;
  color: var(--green);
  box-shadow: inset 0 0 0 1px #285044;
}

@media (max-width: 720px) {
  .supplier-financial-head {
    padding: 17px;
  }

  .supplier-financial-head .period-picker {
    display: block;
  }
}