.cash-flow-order-hint {
  color: var(--muted, #64748b);
  font-size: 12px;
  line-height: 1.5;
  margin: 0 0 12px;
}
.cash-flow-order-date { display: inline-flex; gap: 7px; align-items: center; }
.cash-flow-order-handle {
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 26px; width: 26px; height: 32px; padding: 0;
  border: 1px solid transparent; border-radius: 7px;
  background: transparent; color: #718096;
  cursor: grab; touch-action: none; -webkit-touch-callout: none;
}
.cash-flow-order-handle:hover, .cash-flow-order-handle:focus-visible {
  color: #0f8177; background: #eaf8f6; border-color: #aadbd5;
}
.cash-flow-order-handle:focus-visible { outline: 2px solid #0f8177; outline-offset: 2px; }
.cash-flow-order-handle:disabled { opacity: .4; cursor: wait; }
.cash-flow-order-handle svg { pointer-events: none; width: 16px; height: 20px; }
.cash-order-dragging, .cash-order-dragging * {
  cursor: grabbing !important; user-select: none !important; -webkit-user-select: none !important;
}
.cash-flow-table tr.cash-order-source td { opacity: .45; background: #eaf8f6; }
.cash-flow-table tr.cash-order-before td { box-shadow: inset 0 3px 0 #0f8177; }
.cash-flow-table tr.cash-order-after td { box-shadow: inset 0 -3px 0 #0f8177; }
.cash-flow-table tr.cash-order-invalid td { background: #fff2f0; }
.cash-order-ghost {
  position: fixed; z-index: 20000; width: min(310px, calc(100vw - 32px));
  padding: 12px 16px; pointer-events: none; border: 1px solid #87cfc6;
  border-radius: 10px; background: #f4fffd; color: #163a37;
  box-shadow: 0 12px 35px rgb(17 48 44 / 18%);
}
.cash-order-ghost strong, .cash-order-ghost small { display: block; overflow-wrap: anywhere; }
.cash-order-ghost small { margin-top: 5px; font-size: 12px; color: #526f6a; }
@media (pointer: coarse) {
  .cash-flow-order-handle { width: 36px; height: 40px; flex-basis: 36px; }
}