.payment-view .fi-in-section{box-shadow:0 1px 3px #0000001a;border-radius:8px;margin-bottom:1rem}.payment-view .fi-in-section-header{background:linear-gradient(to right,#eff6ff,#e0e7ff);border-bottom:1px solid #dbeafe;border-radius:8px 8px 0 0}.payment-view .fi-in-section-header-heading{color:#1e3a8a;font-weight:600}.payment-view .fi-badge[data-state=Approved]{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.payment-view .fi-badge[data-state=Failed]{background-color:#fef2f2;color:#991b1b;border:1px solid #fecaca}.payment-view .fi-badge[data-state=Initiated]{background-color:#fefce8;color:#a16207;border:1px solid #fde68a}.payment-view .fi-badge[data-state=Voided]{background-color:#f9fafb;color:#374151;border:1px solid #d1d5db}.payment-view .fi-in-entry-content button[title*=copied]{transition:all .2s ease;border-radius:4px;padding:2px 4px}.payment-view .fi-in-entry-content button[title*=copied]:hover{background-color:#eff6ff;color:#1d4ed8}.payment-view .fi-in-entry-content svg{color:#2563eb}.payment-view .fi-in-entry-content[data-field=payment_amount]{font-size:1.125rem;font-weight:700;color:#059669}.payment-view .fi-in-entry-content[data-field=numeric_id]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;background-color:#f8fafc;padding:2px 6px;border-radius:4px;border:1px solid #e2e8f0}.payment-view .fi-in-section[data-section=Timeline] .fi-in-entry-content{font-size:.875rem;color:#6b7280;line-height:1.4}.payment-view .fi-in-section[data-section="Technical Details"] pre{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:12px;font-size:.75rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;max-height:200px;overflow-y:auto;white-space:pre-wrap}.payment-view .fi-in-entry-content[data-copyable=true]:hover{background-color:#eff6ff;border-radius:4px;transition:background-color .2s ease;padding:2px 4px;margin:-2px -4px}.payment-view .fi-in-entry-content button:focus{outline:2px solid #3b82f6;outline-offset:2px}@media print{.fi-header,.fi-sidebar,.fi-actions,button,.payment-view .fi-in-section[data-section="Technical Details"]{display:none!important}.fi-main{padding:0!important;margin:0!important}.payment-view .fi-in-section{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:1rem;box-shadow:none;border:1px solid #e5e7eb}.payment-view .fi-in-section-header{background:#f9fafb!important;color:#111827!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.payment-view .fi-badge{border:1px solid currentColor;background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (max-width: 768px){.payment-view .fi-in-grid{grid-template-columns:1fr!important}.payment-view .fi-in-section{margin-bottom:1rem}.payment-view .fi-in-entry-content[data-field=payment_amount]{font-size:1rem}}.payment-view .fi-in-entry-content[data-loading=true]{animation:pulse 2s infinite;background-color:#e5e7eb;border-radius:4px;height:1.25rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.payment-view .fi-in-section-header-icon svg{width:1.25rem;height:1.25rem;color:#2563eb}.payment-view .fi-badge[data-state=Approved]:before{content:"✓ ";font-weight:700}.payment-view .fi-badge[data-state=Failed]:before{content:"✗ ";font-weight:700}.payment-view .fi-badge[data-state=Initiated]:before{content:"⏳ "}.payment-view .fi-badge[data-state=Voided]:before{content:"⊘ "}.related-payments-list{max-height:300px;overflow-y:auto}.payment-history-item{border-left:3px solid #e5e7eb;padding:12px 0 12px 16px;margin-left:8px;position:relative}.payment-history-item:before{content:"";position:absolute;left:-6px;top:18px;width:10px;height:10px;background:#3b82f6;border-radius:50%;border:2px solid white}.payment-history-item:first-child:before{background:#10b981}.payment-history-item:last-child{border-left-color:#10b981}.payment-history-item:last-child:before{background:#10b981}.payment-status-approved{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.payment-status-failed{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.payment-status-pending{background-color:#fef3c7;color:#d97706;border:1px solid #fed7aa}.payment-status-scheduled{background-color:#dbeafe;color:#2563eb;border:1px solid #bfdbfe}@media (max-width: 768px){.payment-info-grid{grid-template-columns:1fr!important;gap:1rem}.payment-summary-grid{grid-template-columns:1fr!important}.payment-details-sidebar{margin-top:2rem}.payment-history-item{padding:8px 0 8px 12px;margin-left:4px}.payment-history-item:before{left:-4px;width:8px;height:8px}}.payment-section-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px);transition:all .2s ease-in-out}.payment-data-loading{opacity:.6;pointer-events:none}.payment-data-loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center}.payment-info-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:16px}.payment-info-card.primary{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6}.payment-info-card.success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981}.payment-info-card.warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b}.payment-info-card.danger{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444}.payment-timeline:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#3b82f6,#10b981)}.payment-action-button{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}.payment-action-button:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.payment-action-button.secondary{background:#6b7280}.payment-action-button.secondary:hover{background:#4b5563}.payment-amount-large{font-size:1.5rem;font-weight:700;color:#059669;text-shadow:0 1px 2px rgba(0,0,0,.1)}.payment-reference-number{font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#f1f5f9;padding:4px 8px;border-radius:4px;border:1px solid #e2e8f0}.payment-info-section:focus-within{outline:2px solid #3b82f6;outline-offset:2px;border-radius:8px}@media (prefers-color-scheme: dark){.payment-info-card{background:linear-gradient(135deg,#1f2937,#111827);border-color:#374151;color:#f9fafb}.payment-reference-number{background:#374151;border-color:#4b5563;color:#f9fafb}.payment-history-item{border-left-color:#4b5563;color:#e5e7eb}}.MuiSelect-select.MuiInputBase-input{display:flex;align-items:center}.MuiSlider-valueLabel.custom:before{left:var(--dynamic-left, 50%)}.offscreen{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}@font-face{font-family:Dosis;font-style:normal;font-display:swap;font-weight:400;src:url(https://d1gqrj81gzcg2w.cloudfront.net/308d4eb3-b208-40de-9ef4-999fc9305541/build/assets/dosis-vietnamese-400-normal-BkZXRsPq.woff2) format("woff2"),url(https://d1gqrj81gzcg2w.cloudfront.net/308d4eb3-b208-40de-9ef4-999fc9305541/build/assets/dosis-vietnamese-400-normal-By2u2tKQ.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Dosis;font-style:normal;font-display:swap;font-weight:400;src:url(https://d1gqrj81gzcg2w.cloudfront.net/308d4eb3-b208-40de-9ef4-999fc9305541/build/assets/dosis-latin-ext-400-normal-BQZR2A35.woff2) format("woff2"),url(https://d1gqrj81gzcg2w.cloudfront.net/308d4eb3-b208-40de-9ef4-999fc9305541/build/assets/dosis-latin-ext-400-normal-Dai01g_7.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Dosis;font-style:normal;font-display:swap;font-weight:400;src:url(https://d1gqrj81gzcg2w.cloudfront.net/308d4eb3-b208-40de-9ef4-999fc9305541/build/assets/dosis-latin-400-normal-r_hjCjkM.woff2) format("woff2"),url(https://d1gqrj81gzcg2w.cloudfront.net/308d4eb3-b208-40de-9ef4-999fc9305541/build/assets/dosis-latin-400-normal-OqYfVmdP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
