/* Owned Shipping writes only. Existing popup, row, address and field geometry
   stays in styles.css. bTPyz declares a 30px material outlined add_circle;
   bTPyQ declares a phosphor regular star, rendered from the verified sprite. */
.mobile-po-shipping-modal[data-mobile-po-commercial-writable="true"]
  .mobile-po-shipping-add-line {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  margin: 5px auto 0;
  padding: 0;
  color: var(--primary);
  background: transparent;
  border: 0;
}
.mobile-po-shipping-modal[data-mobile-po-commercial-writable="true"]
  .mobile-po-shipping-add-line
  svg {
  width: 30px;
  height: 30px;
}
.mobile-po-shipping-modal[data-mobile-po-commercial-writable="true"]
  .mobile-po-shipping-create {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.mobile-po-shipping-modal[data-mobile-po-commercial-writable="true"]
  .mobile-po-shipping-create
  svg {
  width: 20px;
  height: 20px;
}
.mobile-po-shipping-modal[data-mobile-po-commercial-writable="true"]
  select.mobile-po-shipping-status {
  max-width: 200px;
}
.mobile-po-shipping-modal[data-mobile-po-commercial-writable="true"]
  .mobile-po-shipping-write-status {
  overflow-wrap: anywhere;
  font-size: 12px;
}
.mobile-po-shipping-modal[data-mobile-po-commercial-writable="true"]
  .mobile-po-shipping-write-status:empty {
  display: none;
}
.mobile-po-shipping-modal[data-mobile-po-commercial-writable="true"]
  .mobile-po-shipping-write-status
  p {
  margin: 0 0 5px;
}
.mobile-po-shipping-modal[data-mobile-po-commercial-writable="true"]
  .mobile-po-shipping-write-status
  button {
  margin-bottom: 5px;
}