.cs-order-detail { padding: 0; }
.cs-order .cs-detail-fields { margin: 16px 0 0; padding: 16px 0; align-items: start; }
.cs-detail-fields > div { min-width: 0; }
.cs-detail-fields .cs-detail-wide { grid-column: 1 / -1; }
.cs-detail-fields dt, .cs-detail-fields dd { line-height: 1.5; }
.cs-detail-fields dd { overflow-wrap: anywhere; min-width: 0; white-space: normal; }
.cs-status-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 10px; margin-top: 14px; }
.cs-status-form label { min-width: 0; margin: 0; font-size: 14px; line-height: 1.5; }
body.cs-admin #adminMain .cs-status-form select,
body.cs-admin #adminMain .cs-status-form button {
  box-sizing: border-box; height: 54px; min-height: 54px; font: inherit;
}
body.cs-admin #adminMain .cs-status-form select { width: 100%; margin: 8px 0 0; }
body.cs-admin #adminMain .cs-status-form button { margin: 0; white-space: nowrap; align-self: end; }
#adminMain .cs-detail-reload { min-height: 48px; font: inherit; }
.cs-status-warning, .cs-detail-notice { font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
.cs-status-warning { color: #c4d6e0; }
.cs-detail-notice:empty { display: none; }
.cs-payout-complete { margin-top: 16px; min-height: 48px; width: 100%; }
.cs-payout-dialog { box-sizing: border-box; width: min(520px, calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow-y: auto; border: 1px solid #38566b; border-radius: 24px; padding: 24px; background: #112637; color: #edf5fa; box-shadow: 0 24px 70px #0008; font: inherit; }
.cs-payout-dialog::backdrop { background: #040c18b8; }
.cs-payout-dialog h2 { margin: 0 0 16px; font-size: 22px; }
.cs-payout-dialog p, .cs-payout-dialog dd { overflow-wrap: anywhere; line-height: 1.6; }
.cs-payout-dialog dl > div { margin: 12px 0; }
.cs-payout-dialog dt { color: #aac5d6; font-size: 13px; }
.cs-payout-dialog dd { margin: 5px 0 0; }
.cs-payout-dialog label { display: block; font-size: 14px; }
.cs-payout-dialog textarea { box-sizing: border-box; width: 100%; min-height: 100px; resize: vertical; margin-top: 8px; padding: 12px; border: 1px solid #58798e; border-radius: 12px; background: #091b29; color: #fff; font: inherit; font-size: 16px; }
.cs-payout-actions { display: flex; gap: 10px; }
.cs-payout-actions button { flex: 1; min-height: 48px; border: 1px solid #678598; border-radius: 12px; background: #243e51; color: #fff; font: inherit; padding: 10px; cursor: pointer; }
.cs-payout-actions [type=submit] { background: #bfe5df; color: #142e36; font-weight: 700; flex: 2; }
.cs-payout-dialog button:disabled { opacity: .5; cursor: not-allowed; }
.cs-payout-notice { font-size: 14px; color: #ffdcab; }
@media (max-width: 360px) {
  .cs-order .cs-detail-fields { grid-template-columns: minmax(0, 1fr); }
  .cs-status-form { gap: 8px; }
  body.cs-admin #adminMain .cs-status-form select { padding-left: 10px; padding-right: 32px; background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50%; }
  body.cs-admin #adminMain .cs-status-form button { padding: 10px; }
}