.rr-player{margin-top:var(--s-5);padding:var(--s-4);border:1px solid var(--line-2);border-radius:var(--r-card);background:var(--panel-2)}
.rr-player-title{display:flex;align-items:center;gap:var(--s-2)}.rr-player-title svg{width:20px;height:20px;color:var(--accent)}
.rr-player p,.rr-player small,.rr-dialog p,.rr-dialog small{font:var(--fs-small)/1.65 var(--font-ui);color:var(--fg-2)}.rr-player .button{margin-top:var(--s-3)}.rr-player small{display:block;margin-top:var(--s-2)}
.rr-state{display:inline-flex;padding:var(--s-1) var(--s-2);border:1px solid var(--line-2);border-radius:var(--r-tag);font:var(--fs-small) var(--font-ui);color:var(--accent);background:var(--accent-bg)}.rr-refunded{color:var(--ok)}.rr-no_issue,.rr-settled{color:var(--fg-2)}
.rr-dialog{width:min(540px,calc(100vw - var(--s-6)));max-height:calc(100dvh - var(--s-6));padding:0;background:var(--panel);color:var(--fg);border:1px solid var(--line-2);border-radius:var(--r-sheet);overflow:auto;font-family:var(--font-ui)}.rr-dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}
.rr-dialog header{display:flex;justify-content:space-between;gap:var(--s-4);padding:var(--s-6);border-bottom:1px solid var(--line)}.rr-dialog h2{font:700 var(--fs-h2)/1.1 var(--font-display);margin:var(--s-2) 0 0}.rr-dialog-body{padding:var(--s-6);display:grid;gap:var(--s-4)}
.rr-dialog fieldset{padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2)}.rr-dialog legend{font-size:var(--fs-ui);margin-bottom:var(--s-3)}
.rr-reason{display:flex;align-items:center;gap:var(--s-2);min-height:44px;padding:var(--s-3);background:var(--bg);border:1px solid var(--line-2);border-radius:var(--r-input);font-size:var(--fs-small);cursor:pointer}.rr-reason:has(:checked){border-color:var(--accent);background:var(--accent-bg)}.rr-reason input{accent-color:var(--accent)}
.rr-description{display:grid;gap:var(--s-2);font-size:var(--fs-ui)}.rr-description textarea,.rr-dialog textarea{width:100%;padding:var(--s-3);border:1px solid var(--line-2);border-radius:var(--r-input);background:var(--bg);color:var(--fg);font:var(--fs-ui) var(--font-ui);box-sizing:border-box;resize:vertical}.rr-error{color:var(--danger)!important}
.rr-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5)}.rr-card{border:1px solid var(--line);border-radius:var(--r-panel);background:var(--panel);padding:var(--s-5);min-width:0}.rr-card header{display:flex;gap:var(--s-3);justify-content:space-between;align-items:flex-start}.rr-card h2{font:700 var(--fs-h3) var(--font-display);margin:var(--s-2) 0}.rr-card p{font:var(--fs-small)/1.6 var(--font-ui);color:var(--fg-2);overflow-wrap:anywhere}.rr-card code{font:var(--fs-small) var(--font-mono);color:var(--fg-2)}.rr-card dl{display:grid;grid-template-columns:1fr 1fr;font-size:var(--fs-small);gap:var(--s-2)}.rr-card dd{margin:0;text-align:right}.rr-card dt{color:var(--fg-2)}.rr-card footer{display:flex;flex-wrap:wrap;gap:var(--s-2);padding-top:var(--s-3);border-top:1px solid var(--line)}
.rr-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:44px;padding:var(--s-3) var(--s-4);font:600 var(--fs-small) var(--font-ui);color:var(--fg);border:1px solid var(--line-2);background:var(--panel-2);border-radius:var(--r-btn);cursor:pointer}.rr-button.primary{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.rr-button.danger{color:var(--danger)}.rr-button:disabled{opacity:.5;cursor:wait}.rr-button svg{width:18px;height:18px}.rr-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rr-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-5)}.rr-header p{color:var(--fg-2);font-size:var(--fs-small)}.rr-notice{padding:var(--s-3);border-radius:var(--r-input);background:var(--accent-bg);color:var(--fg-2);font-size:var(--fs-small)}
.rr-empty{padding:var(--s-10);text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-panel);color:var(--fg-2)}.rr-empty svg{width:36px;height:36px;color:var(--accent)}
@media(max-width:900px){.rr-panel-grid{grid-template-columns:1fr}.rr-dialog header,.rr-dialog-body{padding:var(--s-5)}}
@media(prefers-reduced-motion:no-preference){.rr-dialog[open]{animation:rr-enter var(--dur-base) var(--ease-out)}.rr-card{animation:rr-enter var(--dur-base) var(--ease-out)}@keyframes rr-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}