.chargeback-metrics{margin-bottom:20px}
.chargeback-create-card{margin-bottom:20px;overflow:hidden}
.chargeback-card-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 25px 16px;border-bottom:1px solid var(--line);background:linear-gradient(120deg,#fff,#f8faff)}
.chargeback-card-heading h2{margin:4px 0;font:800 20px Manrope}
.chargeback-card-heading p{margin:0;color:var(--muted)}
.chargeback-card-heading>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eaf0ff;color:#2f6bff;font:800 22px Manrope}
.chargeback-create-form{display:grid;grid-template-columns:minmax(210px,1fr) minmax(300px,1.4fr) repeat(4,minmax(125px,.6fr));gap:14px;padding:20px 25px 25px;align-items:end}
.chargeback-create-form label{display:grid;gap:7px;color:#4c5c75;font-weight:800;font-size:11px}
.chargeback-create-form input,.chargeback-create-form select{width:100%;min-height:46px;border:1px solid #dce3ed;border-radius:9px;padding:0 13px;background:#fff;color:#172746;outline:0}
.chargeback-create-form input:focus,.chargeback-create-form select:focus{border-color:#2f6bff;box-shadow:0 0 0 3px #2f6bff18}
.chargeback-create-form select:disabled{background:#f1f4f9;color:#97a1b1;cursor:not-allowed}
.chargeback-transaction-field{position:relative}
.chargeback-search-hint{min-height:13px;color:#8b96a8;font-size:10px;font-weight:600}
.chargeback-transaction-results{position:absolute;z-index:25;top:72px;left:0;right:0;max-height:330px;overflow-y:auto;padding:7px;border:1px solid #dfe5f0;border-radius:12px;background:#fff;box-shadow:0 18px 45px #23345624}
.chargeback-transaction-option{display:grid;width:100%;gap:5px;padding:11px 12px;border:0;border-radius:9px;background:#fff;color:#172746;text-align:left;cursor:pointer}
.chargeback-transaction-option:hover,.chargeback-transaction-option:focus{background:#f2efff;outline:0}
.chargeback-option-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.chargeback-option-heading strong{max-width:72%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 11px Manrope}
.chargeback-option-heading b{color:#5b28db;font:800 11px Manrope;white-space:nowrap}
.chargeback-transaction-option small{color:#7f8a9d;font-size:9px;overflow-wrap:anywhere}
.chargeback-search-empty{padding:16px 12px;color:#7f8a9d;font-size:10px;text-align:center}
.chargeback-reason-field{grid-column:1/6}
.chargeback-add-button{min-height:46px}
.chargeback-table-card{overflow:hidden}
.chargeback-table-wrap{overflow-x:auto}
.chargeback-table{min-width:1500px}
.chargeback-table th{white-space:nowrap}
.chargeback-table td{vertical-align:middle}
.chargeback-table tbody tr:nth-child(odd){background:#f4f2ff}
.chargeback-table tbody tr:nth-child(even){background:#fff}
.chargeback-table td strong,.chargeback-table td small{display:block}
.chargeback-table td small{margin-top:4px;color:#8791a2;max-width:170px;overflow-wrap:anywhere}
.chargeback-reference{max-width:180px;overflow-wrap:anywhere}
.cb-pill,.cb-stage{display:inline-block;margin:2px;padding:5px 9px;border-radius:8px;font:800 9px Manrope;white-space:nowrap}
.cb-pill.raised{background:#f3b512;color:#fff}
.cb-pill.accepted{background:#16a66d;color:#fff}
.cb-pill.rejected{background:#ff405c;color:#fff}
.cb-stage.chargeback{background:#ff405c;color:#fff}
.cb-stage.complaint{background:#3d5cff;color:#fff}
.cb-stage.arbitration{background:#24242c;color:#fff}
.chargeback-actions form{display:grid;gap:7px}
.cb-action{min-width:80px;padding:8px 12px;border-radius:6px;background:#fff;font-weight:800;cursor:pointer}
.cb-action.accept{border:1px solid #0ca868;color:#0a9a60}
.cb-action.reject{border:1px solid #ff405c;color:#ff405c}
.cb-action:hover{color:#fff}
.cb-action.accept:hover{background:#0ca868}
.cb-action.reject:hover{background:#ff405c}
.muted{color:#8994a7;white-space:nowrap}
@media(max-width:1350px){.chargeback-create-form{grid-template-columns:1fr 1fr}.chargeback-reason-field{grid-column:1/-1}.chargeback-add-button{grid-column:2}}
@media(max-width:700px){.chargeback-create-form{grid-template-columns:1fr}.chargeback-transaction-field,.chargeback-reason-field,.chargeback-add-button{grid-column:auto}.chargeback-card-heading{align-items:flex-start}}