.payment-editor{
  grid-column:1/-1;
  border:2px solid #f59e0b;
  border-radius:18px;
  padding:18px;
  background:linear-gradient(145deg,#fffdf4,#fff7df);
  box-shadow:0 10px 30px rgba(180,83,9,.12);
}
.payment-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.payment-editor-head h3{margin:4px 0 0;font-size:1.25rem;color:#172554}
.payment-editor-head h3 em{display:inline-block;margin-left:6px;color:#b91c1c;font-size:.78rem;font-style:normal}
.payment-editor-head>strong{padding:7px 11px;border-radius:999px;background:#b91c1c;color:#fff;font-size:.76rem;letter-spacing:.04em;white-space:nowrap}
.payment-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.payment-mode{display:block;cursor:pointer}
.payment-mode>input{position:absolute;opacity:0;pointer-events:none}
.payment-mode>span{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 10px;min-height:82px;padding:13px;border:2px solid #dbe3ef;border-radius:14px;background:#fff;transition:.16s ease}
.payment-mode i{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eef2f7;color:#334155;font-size:1.1rem;font-style:normal}
.payment-mode b{color:#172554;font-size:1rem}
.payment-mode small{color:#64748b;line-height:1.35}
.payment-mode:hover>span,.payment-mode>input:focus-visible+span{border-color:#3b82f6;transform:translateY(-1px)}
.payment-mode.selected>span{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.payment-mode.deposit.selected>span{border-color:#f59e0b;background:#fffbeb;box-shadow:0 0 0 3px rgba(245,158,11,.12)}
.payment-mode.paid.selected>span{border-color:#10b981;background:#ecfdf5;box-shadow:0 0 0 3px rgba(16,185,129,.12)}
.payment-mode.deposit.selected i{background:#fef3c7;color:#b45309}
.payment-mode.paid.selected i{background:#d1fae5;color:#047857}
.payment-amount-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.payment-amount-grid label{font-weight:800;color:#172554}
.payment-amount-grid input{margin-top:7px;border:2px solid #cbd5e1;background:#fff;font-size:1.08rem;font-weight:800}
.payment-amount-grid input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.payment-amount-grid input:disabled{opacity:.62;background:#f1f5f9;color:#64748b}
.payment-legacy-field{display:none!important}
.payment-readiness{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:11px 13px;border-radius:12px;background:#fee2e2;color:#991b1b}
.payment-readiness b{font-size:.92rem}.payment-readiness span{font-size:.8rem;text-align:right}
.payment-editor[data-payment-status="unpaid"] .payment-readiness{background:#fff1f2;color:#9f1239}
.payment-editor[data-payment-status="deposit"] .payment-readiness{background:#fef3c7;color:#92400e}
.payment-editor[data-payment-status="paid"] .payment-readiness{background:#d1fae5;color:#065f46}
.payment-rule-note{margin:10px 0 0;color:#64748b;font-size:.78rem;line-height:1.45}
.payment-summary.deposit{border-color:#f59e0b!important;background:#fffbeb!important;color:#92400e!important}
.payment-summary.unpaid{border-color:#fb7185!important;background:#fff1f2!important;color:#9f1239!important}
.payment-summary.incomplete{border-color:#ef4444!important;background:#fef2f2!important;color:#991b1b!important;box-shadow:inset 4px 0 #dc2626}
.payment-summary.incomplete b{font-weight:900}
@media(max-width:760px){
  .payment-editor{padding:13px}.payment-editor-head{align-items:center}.payment-editor-head h3{font-size:1.08rem}.payment-editor-head h3 em{display:block;margin:4px 0 0}
  .payment-mode-grid{grid-template-columns:1fr}.payment-mode>span{min-height:0}
  .payment-amount-grid{grid-template-columns:1fr}.payment-readiness{align-items:flex-start;flex-direction:column}.payment-readiness span{text-align:left}
}