[data-referral-analytics] { min-width:0; color:inherit; }
[data-referral-analytics] h3 { margin:0 0 16px; }
[data-referral-analytics] label { display:block; margin:12px 0; font-size:14px; }
[data-referral-analytics] select, [data-referral-analytics] input { display:block; width:100%; max-width:640px; box-sizing:border-box; min-height:44px; margin-top:6px; padding:10px 12px; border:1px solid #adc5c8; border-radius:8px; color:inherit; background:#fff; font:inherit; }
[data-referral-analytics] button { min-height:44px; padding:10px 16px; color:#fff; background:#12363f; border:0; border-radius:8px; cursor:pointer; }
[data-referral-analytics] button:disabled { opacity:.5; cursor:default; }
[data-referral-analytics] :is(button,input,select,summary):focus-visible { outline:3px solid #d68a43; outline-offset:3px; }
[data-referral-analytics] .referral-metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; margin:16px 0; }
[data-referral-analytics] .referral-metrics div { padding:14px; border:1px solid #d8e3e4; border-radius:10px; }
[data-referral-analytics] dt { font-size:14px; line-height:1.5; }
[data-referral-analytics] dd { margin:8px 0 0; font-size:21px; font-weight:600; overflow-wrap:anywhere; }
[data-referral-analytics] .referral-note { font-size:14px; line-height:1.5; color:#45616a; }
[data-referral-analytics] table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:14px; }
[data-referral-analytics] :is(th,td) { text-align:left; padding:10px 6px; border-bottom:1px solid #d8e3e4; overflow-wrap:anywhere; }
[data-referral-analytics] summary { padding:14px 0; cursor:pointer; }

[data-referral-analytics] .referral-range { display:flex; flex-wrap:wrap; align-items:flex-end; gap:12px; max-width:640px; margin:12px 0; }
[data-referral-analytics] .referral-range[hidden] { display:none; }
[data-referral-analytics] .referral-range label { flex:1 1 180px; min-width:0; margin:0; }
[data-referral-analytics] .referral-range button { flex:0 0 auto; }