body[data-nv-space="service_client"] { --nv-accent:#111827; --nv-space-color:#111827; --nv-space-rgb:17,24,39; --loader-mark-bg:#111827; --loader-mark-border:#6b7280; }
.refund-main { padding-top:34px; padding-bottom:58px; color:#172033; }
.refund-heading,.refund-identity,.refund-heading-actions,.refund-panel>header,.refund-list-heading,.refund-status-summary { display:flex; align-items:center; gap:16px; }
.refund-heading,.refund-panel>header { justify-content:space-between; }
.refund-heading { margin-bottom:22px; }
.refund-monogram { width:68px; height:68px; display:grid; place-items:center; flex:0 0 auto; border-radius:18px; background:#050505; color:#fff; font-size:32px; font-weight:900; box-shadow:0 13px 28px rgba(15,23,42,.2); }
.refund-eyebrow,.refund-overline { margin:0 0 5px; color:#111827; font-size:11px; font-weight:900; letter-spacing:.14em; }
.refund-heading h1 { margin:0 0 5px; font-size:clamp(28px,4vw,39px); letter-spacing:-.035em; }
.refund-heading p,.refund-panel>header p { margin:0; color:#64748b; }
.refund-heading-actions { margin-left:auto; }
.refund-heading-actions label { min-width:92px; display:grid; gap:4px; color:#64748b; font-size:11px; font-weight:800; }
.refund-heading-actions select { width:100%; min-height:42px; box-sizing:border-box; border:1px solid #d7dde6; border-radius:10px; padding:8px 30px 8px 11px; background:#fff; font:inherit; }
.refund-button { min-height:42px; box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; padding:9px 15px; border:1px solid #cfd6df; border-radius:10px; background:#fff; color:#1f2937; font:inherit; font-weight:850; text-decoration:none; cursor:pointer; }
.refund-button.is-primary { border-color:#050505; background:#050505; color:#fff; }
.refund-button:disabled { opacity:.55; cursor:wait; }
.refund-status { margin:0 0 18px; padding:12px 15px; border-radius:10px; background:#f1f5f9; color:#334155; font-weight:750; }
.refund-status:empty { display:none; }
.refund-status[data-tone="error"] { background:#fff1f2; color:#be123c; }
.refund-status[data-tone="success"] { background:#ecfdf5; color:#047857; }
.refund-kpis { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-bottom:18px; }
.refund-kpis article { min-height:126px; padding:17px 18px; border:1px solid #dce2e9; background:#fff; box-shadow:0 7px 20px rgba(15,23,42,.04); }
.refund-kpis article:nth-child(-n+3) { background:linear-gradient(145deg,#111,#3f3f3f); color:#fff; border-color:#111; }
.refund-kpis span,.refund-kpis small { display:block; }
.refund-kpis span { min-height:30px; color:inherit; opacity:.72; font-size:12px; font-weight:800; }
.refund-kpis strong { display:block; margin:9px 0 3px; font-size:clamp(24px,2.4vw,34px); line-height:1; letter-spacing:-.04em; }
.refund-kpis article:nth-child(n+4) strong { font-size:clamp(21px,1.85vw,29px); white-space:nowrap; }
.refund-kpis small { color:inherit; opacity:.58; font-size:11px; }
.refund-panel { margin-bottom:18px; padding:21px; border:1px solid #dce2e9; background:#fff; box-shadow:0 8px 25px rgba(15,23,42,.045); }
.refund-panel h2 { margin:0 0 5px; font-size:22px; }
.refund-panel>header>span { padding:7px 10px; border-radius:8px; background:#eef2f7; color:#475569; font-size:12px; font-weight:850; }
.refund-month-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr); gap:18px; margin-top:18px; align-items:stretch; }
.refund-table-scroll { max-width:100%; overflow:auto; }
.refund-month-table,.refund-list-table { width:100%; border-collapse:collapse; white-space:nowrap; }
.refund-month-table { min-width:980px; }
.refund-list-table { min-width:900px; }
.refund-month-table th,.refund-month-table td,.refund-list-table th,.refund-list-table td { padding:10px 11px; border:1px solid #d8dde4; text-align:left; font-size:12px; }
.refund-month-table thead th,.refund-list-table thead th { position:sticky; top:0; z-index:1; background:#050505; color:#fff; font-size:11px; letter-spacing:.02em; }
.refund-month-table tbody th { text-transform:capitalize; }
.refund-month-table tbody td:nth-child(3),.refund-month-table tbody td:nth-child(8) { background:#dce9ff; color:#a22172; font-weight:850; }
.refund-month-table tr.is-projected td:not(:nth-child(3)):not(:nth-child(8)) { color:#94a3b8; }
.refund-chart { min-height:330px; display:flex; flex-direction:column; padding:17px; border:1px solid #e2e8f0; background:#fafafa; }
.refund-chart header strong,.refund-chart header small { display:block; }
.refund-chart header small { margin-top:3px; color:#64748b; font-size:11px; }
.refund-chart-bars { min-height:225px; flex:1; display:flex; align-items:flex-end; gap:7px; padding:18px 2px 0; border-bottom:1px solid #cbd5e1; }
.refund-chart-month { flex:1; min-width:22px; text-align:center; }
.refund-chart-column { height:190px; display:flex; align-items:flex-end; justify-content:center; gap:2px; }
.refund-chart-column span { width:7px; min-height:1px; display:block; border-radius:3px 3px 0 0; }
[data-series="requested"] { background:#1f2937; }
[data-series="paid"] { background:#238b57; }
[data-series="projected"] { background:#5b8bd9; }
.refund-chart-month small { display:block; margin-top:6px; color:#64748b; font-size:9px; text-transform:uppercase; }
.refund-chart footer { display:flex; flex-wrap:wrap; gap:12px; margin-top:12px; color:#64748b; font-size:10px; }
.refund-chart footer span { display:flex; align-items:center; gap:5px; }
.refund-chart footer i { width:9px; height:9px; display:inline-block; }
.refund-list-heading { align-items:flex-end!important; }
.refund-status-summary { flex-wrap:wrap; color:#64748b; font-size:12px; }
.refund-status-summary span { display:flex; align-items:center; gap:6px; }
.refund-status-summary i { width:9px; height:9px; border-radius:50%; }
.refund-status-summary i[data-tone="done"] { background:#238b57; }
.refund-status-summary i[data-tone="partial"] { background:#cb2d8c; }
.refund-status-summary i[data-tone="pending"] { background:#d97706; }
.refund-filters { display:grid; grid-template-columns:1fr 190px 190px; gap:11px; margin:18px 0 13px; }
.refund-filters label { display:grid; gap:5px; color:#64748b; font-size:11px; font-weight:750; }
.refund-filters input,.refund-filters select { width:100%; min-height:42px; box-sizing:border-box; border:1px solid #d6dde6; border-radius:9px; background:#f8fafc; padding:9px 11px; font:inherit; }
.refund-list-table td:nth-child(2) { white-space:normal; min-width:170px; }
.refund-list-table td a,.refund-list-table td strong { color:#172033; font-weight:850; }
.refund-list-table td small { display:block; margin-top:3px; color:#94a3b8; }
.refund-badge { display:inline-flex; padding:5px 8px; border-radius:999px; background:#fff7ed; color:#b45309; font-size:10px; font-weight:900; text-transform:uppercase; }
.refund-badge[data-status="effectue"] { background:#ecfdf5; color:#047857; }
.refund-badge[data-status="partiel"] { background:#fff0f8; color:#a22172; }
.refund-badge[data-status="annule"] { background:#f1f5f9; color:#64748b; }
.refund-row-action { min-height:34px; border:1px solid #cbd5e1; border-radius:8px; background:#fff; color:#334155; padding:6px 9px; font:inherit; font-size:11px; font-weight:850; cursor:pointer; }
.refund-row-action:hover { border-color:#111827; color:#111827; }
.refund-row-action:disabled { opacity:.5; cursor:wait; }
.refund-document-link { display:inline-flex; min-height:32px; box-sizing:border-box; align-items:center; justify-content:center; border-radius:8px; padding:6px 9px; background:#fff0f8; color:#a22172!important; font-size:11px; font-weight:900!important; text-decoration:none; }
.refund-document-link:hover { background:#f9d9ed; }
.refund-document-missing { color:#b45309; font-size:11px; font-weight:750; }
.refund-iban { color:#334155; font-size:11px; font-weight:850; white-space:nowrap; }
.refund-empty { padding:30px!important; color:#64748b; text-align:center!important; }
.refund-dialog { width:min(760px,calc(100vw - 28px)); max-height:calc(100vh - 32px); padding:0; border:0; border-radius:16px; color:#172033; box-shadow:0 28px 80px rgba(15,23,42,.3); }
.refund-dialog::backdrop { background:rgba(15,23,42,.58); backdrop-filter:blur(3px); }
.refund-dialog-shell { padding:22px; }
.refund-dialog-shell>header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding-bottom:16px; border-bottom:1px solid #e2e8f0; }
.refund-dialog-shell h2 { margin:0 0 4px; }
.refund-dialog-shell header p { margin:0; color:#64748b; }
#refundDetailClose { width:38px; height:38px; flex:0 0 auto; border:1px solid #d6dde6; border-radius:10px; background:#fff; color:#334155; font-size:24px; cursor:pointer; }
.refund-detail-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:18px 0; }
.refund-detail-summary article { padding:14px; border:1px solid #dbe2ea; background:#f8fafc; }
.refund-detail-summary span,.refund-detail-summary strong { display:block; }
.refund-detail-summary span { color:#64748b; font-size:11px; font-weight:800; }
.refund-detail-summary strong { margin-top:6px; font-size:21px; }
.refund-detail-destination { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px; border:1px solid #f9d9ed; background:#f8fbff; }
.refund-client-link { color:#a22172; font-size:12px; font-weight:850; }
.refund-iban-full span,.refund-iban-full code { display:block; }
.refund-iban-full span { color:#64748b; font-size:10px; font-weight:800; text-transform:uppercase; }
.refund-iban-full code { margin-top:3px; color:#172033; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:13px; font-weight:800; }
.refund-payment-history { margin-top:20px; }
.refund-payment-history h3,.refund-payment-form h3 { margin:0 0 10px; font-size:16px; }
.refund-payment-history ol { display:grid; gap:8px; max-height:220px; margin:0; padding:0; overflow:auto; list-style:none; }
.refund-payment-history li { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:11px 12px; border:1px solid #e2e8f0; }
.refund-payment-history li div strong,.refund-payment-history li div span { display:block; }
.refund-payment-history li div span,.refund-payment-history li small { margin-top:3px; color:#64748b; font-size:11px; }
.refund-payment-form { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; margin-top:20px; padding:16px; border:1px solid #efc0dc; background:#f8fbff; }
.refund-payment-form h3,.refund-payment-form>p,.refund-payment-form>button,.refund-payment-note { grid-column:1 / -1; }
.refund-payment-form label { display:grid; gap:5px; color:#475569; font-size:11px; font-weight:800; }
.refund-payment-form input,.refund-payment-form select,.refund-payment-form textarea { width:100%; box-sizing:border-box; border:1px solid #cbd5e1; border-radius:8px; padding:9px 10px; background:#fff; font:inherit; }
.refund-payment-form textarea { min-height:70px; resize:vertical; }
.refund-payment-form>p { margin:0; color:#64748b; font-size:11px; }
.refund-payment-form>button { justify-self:start; }
.refund-complete-message { margin:18px 0 0; padding:12px 14px; border-left:4px solid #238b57; background:#ecfdf5; color:#047857; font-weight:750; }
@media (max-width:1200px) { .refund-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); } .refund-month-layout { grid-template-columns:1fr; } }
@media (max-width:800px) { .refund-heading,.refund-panel>header,.refund-list-heading { align-items:flex-start; flex-direction:column; } .refund-heading-actions { width:100%; margin-left:0; flex-wrap:wrap; } .refund-heading-actions label { flex:1 1 100px; } .refund-heading-actions>* { flex:1; } .refund-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } .refund-filters { grid-template-columns:1fr; } .refund-payment-form { grid-template-columns:1fr; } .refund-payment-form>* { grid-column:auto!important; } .refund-detail-destination { align-items:flex-start; flex-direction:column; } }
@media (max-width:460px) { .refund-kpis { grid-template-columns:1fr; } .refund-identity { align-items:flex-start; } .refund-monogram { width:55px; height:55px; font-size:26px; } }