/* Reimbursement form actions: medium standard/danger text buttons. */
#content-area .is-personal-reimbursement-layout :is(.expense-item-action, [data-action="file-remove"], .file-picker__button) {
  --expense-action-color: #264AFF;
  --expense-action-hover: #2140DB;
  --expense-action-pressed: #1B35B8;
  --expense-action-hover-bg: #F2F4FF;
  --expense-action-pressed-bg: #E9EDFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: auto;
  min-width: 0;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 16px !important;
  gap: 8px;
  border: none !important;
  border-radius: 2px !important;
  background: transparent !important;
  color: var(--expense-action-color) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
#content-area .is-personal-reimbursement-layout :is(.expense-item-action, [data-action="file-remove"], .file-picker__button):focus { background: transparent !important; color: var(--expense-action-color) !important; }
#content-area .is-personal-reimbursement-layout :is(.expense-item-action, [data-action="file-remove"], .file-picker__button):hover { background: var(--expense-action-hover-bg) !important; color: var(--expense-action-hover) !important; }
#content-area .is-personal-reimbursement-layout :is(.expense-item-action, [data-action="file-remove"], .file-picker__button):active { background: var(--expense-action-pressed-bg) !important; color: var(--expense-action-pressed) !important; }
#content-area .is-personal-reimbursement-layout :is([data-action="group-remove"], [data-action="file-remove"], .expense-item-action.is-danger) {
  --expense-action-color: #D92D3F;
  --expense-action-hover: #B42332;
  --expense-action-pressed: #B42332;
  --expense-action-hover-bg: #FFF0F2;
  --expense-action-pressed-bg: #FFF0F2;
}
#content-area .is-personal-reimbursement-layout :is(.expense-item-action, [data-action="file-remove"], .file-picker__button):is(:disabled, [aria-disabled="true"]) { background: transparent !important; color: #A8B1C1 !important; opacity: 1 !important; }
#content-area .is-personal-reimbursement-layout .file-control:has(input:disabled) .file-picker__button { background: transparent !important; color: #A8B1C1 !important; opacity: 1 !important; }
#content-area .is-personal-reimbursement-layout :is(.expense-item-action, [data-action="file-remove"], .file-picker__button) :is(i, svg) { width: 16px; height: 16px; font-size: 16px; line-height: 16px; margin: 0; }
#content-area .is-personal-reimbursement-layout :is(.expense-item-actions, .expense-action-buttons) { gap: 16px; }

/* Compact detail-card text actions, separated by a vertical rule. */
#content-area .is-personal-reimbursement-layout .expense-detail-card-head .expense-item-actions {
  display: flex;
  align-items: center;
  gap: 0;
}
#content-area .is-personal-reimbursement-layout .expense-detail-card-head .expense-item-actions > .expense-item-action {
  padding-inline: 8px !important;
  position: relative;
}
#content-area .is-personal-reimbursement-layout .expense-detail-card-head .expense-item-actions > .expense-item-action + .expense-item-action::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background: #DDE3EC;
  pointer-events: none;
}

/* Upload uses the standard medium outline variant. */
#content-area .is-personal-reimbursement-layout .file-picker__button {
  border: 1px solid #264AFF !important;
  background: #FFFFFF !important;
  color: #264AFF !important;
}
#content-area .is-personal-reimbursement-layout .file-picker:focus-within .file-picker__button {
  border-color: #264AFF !important;
  background: #FFFFFF !important;
  color: #264AFF !important;
}
#content-area .is-personal-reimbursement-layout .file-picker__button:hover {
  border-color: #2140DB !important;
  background: #F2F4FF !important;
  color: #2140DB !important;
}
#content-area .is-personal-reimbursement-layout .file-picker__button:active {
  border-color: #1B35B8 !important;
  background: #E9EDFF !important;
  color: #1B35B8 !important;
}
#content-area .is-personal-reimbursement-layout .file-control:has(input:disabled) .file-picker__button,
#content-area .is-personal-reimbursement-layout .file-picker.is-disabled .file-picker__button {
  border-color: #C2CAD7 !important;
  background: #F3F5F8 !important;
  color: #A8B1C1 !important;
  opacity: 1 !important;
}

/* Loading is an in-progress outline button, not the grey disabled variant. */
#content-area .is-personal-reimbursement-layout .file-control:has(input:disabled) .file-picker.is-uploading .file-picker__button {
  border-color: #264AFF !important;
  background: #FFFFFF !important;
  color: #264AFF !important;
  cursor: progress;
}
#content-area .is-personal-reimbursement-layout .file-picker.is-uploading {
  pointer-events: none;
}
#content-area .is-personal-reimbursement-layout .reimbursement-upload-spinner {
  display: inline-block;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: reimbursement-upload-spin .8s linear infinite;
}
@keyframes reimbursement-upload-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  #content-area .is-personal-reimbursement-layout .reimbursement-upload-spinner { animation: none; }
}