.pa-metric-card--risk { position: relative; }
.pa-metric-card--risk > span { padding-right:58px; }
.pa-charge-details-trigger { position:absolute; top:12px; right:12px; border:0; padding:4px 6px; background:transparent; color:var(--pa-color-text-soft); font:inherit; font-size:11px; cursor:pointer; border-radius:5px; }
.pa-charge-details-trigger:hover, .pa-charge-details-trigger:focus-visible { color:var(--pa-color-text); background:var(--pa-color-surface-2); }
.pa-charge-details-trigger:disabled { opacity:.4; cursor:default; }
.pa-charge-details { width:min(720px,calc(100vw - 32px)); max-height:85vh; padding:0; border:var(--pa-border); border-radius:var(--pa-radius-lg); background:var(--pa-color-bg-soft,#171a20); color:var(--pa-color-text,#eee); font-family:var(--pa-font); box-shadow:0 24px 80px #0008; text-align:left; }
.pa-charge-details::backdrop { background:#0009; backdrop-filter:blur(4px); }
.pa-charge-details-content { padding:26px; }
.pa-charge-details header, .pa-charge-details-total, .pa-charge-details-row { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.pa-charge-details header button { border:0; border-radius:6px; background:transparent; color:inherit; font-size:26px; cursor:pointer; padding:0 6px; }
.pa-charge-details h2 { font-size:21px; margin:6px 0 0; }
.pa-charge-details-eyebrow, .pa-charge-details small { font-size:11px; color:var(--pa-color-text-soft,#aaa); }
.pa-charge-details-total { align-items:center; margin:24px 0; padding:18px; border:var(--pa-border); border-radius:10px; }
.pa-charge-details-total > strong { font-size:24px; font-variant-numeric:tabular-nums; }
.pa-charge-details summary { display:flex; align-items:center; gap:10px; cursor:pointer; padding:16px 0; }
.pa-charge-details summary::before { content:'›'; }
.pa-charge-details details[open] > summary::before { transform:rotate(90deg); }
.pa-charge-details summary > strong { margin-left:auto; white-space:nowrap; font-size:15px; }
.pa-charge-details summary > span { font-weight:600; }
.pa-charge-details details { border-top:var(--pa-border); }
.pa-charge-details ul { list-style:none; margin:0; padding:0; }
.pa-charge-details li { padding:15px; margin:0 0 8px; border-radius:8px; background:var(--pa-color-surface-2,#ffffff06); }
.pa-charge-details-row > div { display:grid; gap:5px; min-width:0; }
.pa-metric-card--risk .pa-charge-details .pa-charge-details-row strong { font-size:13px; font-variant-numeric:tabular-nums; }
.pa-charge-details-row > strong { white-space:nowrap; }
.pa-charge-details-row span, .pa-charge-details p { font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.pa-charge-details .pa-charge-details-credit { color:var(--pa-color-success,#77cda4); }
.pa-charge-details .pa-charge-details-id { display:block; overflow-wrap:anywhere; margin-top:8px; }
.pa-charge-details a { display:inline-block; margin-top:10px; font-size:11px; color:inherit; }
.pa-charge-details-warning { border:var(--pa-border); border-radius:8px; padding:12px; font-size:12px; }
.pa-charge-details-footnote { color:var(--pa-color-text-soft,#aaa); margin:20px 0 0; }
@media(max-width:520px) { .pa-charge-details-content { padding:16px; } .pa-charge-details-total { align-items:flex-start; flex-direction:column; gap:8px; } .pa-charge-details summary { gap:7px; } }