/* P14/B1. Scoped to the existing referral view and its dialogs; no client or promo changes. */
:is(.mint-referrals,.mr-dialog){--mr-ink:#193c30;--mr-muted:#566d62;--mr-line:#dce6df;--mr-soft:#ecf8f0;--mr-mint:#bff0d6;color:var(--mr-ink);font:14px/1.55 Manrope,system-ui,sans-serif}
:is(.mint-referrals,.mr-dialog) *{box-sizing:border-box}
:is(.mint-referrals,.mr-dialog) [hidden]{display:none!important}
:is(.mint-referrals,.mr-dialog) :is(h2,h3,p,dl){margin:0}
:is(.mint-referrals,.mr-dialog) h2{font:700 20px/1.4 Manrope,system-ui,sans-serif;letter-spacing:-.35px;text-transform:none}
:is(.mint-referrals,.mr-dialog) h3{font:700 16px/1.45 Manrope,system-ui,sans-serif;text-transform:none}
:is(.mint-referrals,.mr-dialog) button{font:600 14px/1.4 Manrope,system-ui,sans-serif;color:var(--mr-ink);min-height:44px;padding:10px 14px;border:1px solid #cbdcd2;border-radius:9px;background:#fff;cursor:pointer;box-shadow:none;letter-spacing:0;text-transform:none}
:is(.mint-referrals,.mr-dialog) button:hover:not(:disabled){background:#edf7f0;border-color:#8dbba1}
:is(.mint-referrals,.mr-dialog) button:disabled{opacity:.55;cursor:not-allowed}
:is(.mint-referrals,.mr-dialog) button.mr-primary{background:var(--mr-mint);border-color:#a6dabc}
:is(.mint-referrals,.mr-dialog) label{display:grid;gap:7px;min-width:0;color:var(--mr-ink);font-size:14px;font-weight:600}
:is(.mint-referrals,.mr-dialog) :is(input,select){font:400 16px/1.4 Manrope,system-ui,sans-serif;color:var(--mr-ink);width:100%;min-width:0;min-height:44px;padding:10px 12px;background:#fff;border:1px solid #cbd9cf;border-radius:9px;box-shadow:none}
:is(.mint-referrals,.mr-dialog) :focus-visible{outline:3px solid #46866b;outline-offset:3px}
.mint-referrals .mr-toolbar{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid var(--mr-line);border-radius:14px;background:white;margin-bottom:18px;flex-wrap:wrap}
.mr-toolbar>div{flex:1;min-width:240px}.mr-toolbar p{color:var(--mr-muted);margin-top:4px}.mr-toolbar label{width:160px}.mr-toolbar>button{align-self:end}.mr-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mr-metric{padding:18px;border:1px solid var(--mr-line);border-radius:13px;background:white;min-width:0}.mr-metric span,.mr-metric small{display:block;color:var(--mr-muted);font-size:14px}.mr-metric strong{display:block;font-size:27px;line-height:1.3;margin:8px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.mr-scope{color:var(--mr-muted);margin:12px 0 20px!important;font-size:14px}.mr-surface{border:1px solid var(--mr-line);background:white;border-radius:15px;overflow:hidden;margin-bottom:20px}.mr-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px}.mr-heading p{color:var(--mr-muted);margin-top:5px}.mr-heading>span{font-size:14px;color:var(--mr-ink);border:1px solid var(--mr-line);padding:6px 10px;border-radius:7px}.mr-funnel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:0 22px 22px}.mr-funnel article{padding:14px;border:1px solid var(--mr-line);border-radius:10px;min-width:0}.mr-funnel article:last-child{background:var(--mr-soft);border-color:#c3dfcc}.mr-funnel strong{display:block;font-size:26px;margin:6px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.mr-funnel article>span,.mr-funnel small{color:var(--mr-muted);font-size:14px}.mr-funnel p{min-height:42px}.mr-funnel small{display:block;margin-top:9px}.mr-method{padding:12px 22px;border-top:1px solid var(--mr-line);background:#fbfdfb}.mr-method summary,.mr-rules summary{min-height:44px;align-content:center;font-weight:600;cursor:pointer;padding:9px 0}.mr-method p,.mr-rules p{color:var(--mr-muted);margin:8px 0}.mr-comparison-row{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--mr-line);padding:10px 0}.mr-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0!important}.mr-values>div{min-width:0}.mr-values dt{color:var(--mr-muted);font-size:14px}.mr-values dd{margin:4px 0 0;font-size:19px;font-weight:700;overflow-wrap:anywhere}.mr-values dd small{display:block;font-weight:400;font-size:14px;color:var(--mr-muted)}.mr-insight{border-top:1px solid var(--mr-line);padding:12px 0}.mr-insight p{font-size:14px}.mr-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:10px 14px;border-bottom:1px solid var(--mr-line)}.mr-tabs button{border-color:transparent;background:transparent}.mr-tabs button[aria-pressed=true]{background:var(--mr-soft);color:#235d43}.mr-tabs #export-referral-analytics{margin-left:auto;border-color:var(--mr-line)}.mr-filters{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.65fr) minmax(190px,.65fr) auto;align-items:end;gap:14px;padding:18px 22px}.mr-filters:has(#mr-state-label[hidden]){grid-template-columns:minmax(200px,1fr) minmax(190px,.65fr) auto}.mr-list-scope{color:var(--mr-muted);padding:0 22px 14px;font-size:14px}.mr-row{padding:18px 22px;border-top:1px solid var(--mr-line);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) auto;gap:18px;align-items:center;font-size:14px}.mr-row>div{min-width:0}.mr-row h3{overflow-wrap:anywhere}.mr-row small{display:block;font-size:14px;color:var(--mr-muted);margin:4px 0;overflow-wrap:anywhere}.mr-row b{font-size:16px;overflow-wrap:anywhere}.mr-pair{display:flex;gap:18px;flex-wrap:wrap}.mr-status{display:inline-block;font-size:14px;padding:3px 8px;background:#edf3ef;border-radius:6px}.mr-attribution{display:flex;gap:12px 22px;flex-wrap:wrap;background:#f6faf7;margin:0 22px 16px;padding:14px;border:1px solid var(--mr-line);border-radius:9px}.mr-attribution p{overflow-wrap:anywhere}.mr-attribution p small{display:block;color:var(--mr-muted);font-size:14px}.mr-empty{padding:35px 22px;text-align:center}.mr-empty h3{font-size:18px}.mr-empty p{margin:8px auto 18px;color:var(--mr-muted);max-width:540px}.mr-daily{display:grid;grid-template-columns:140px repeat(4,minmax(0,1fr));gap:12px;padding:13px 22px;border-top:1px solid var(--mr-line)}.mr-daily small{display:block;font-size:14px;color:var(--mr-muted)}.mr-history{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr)}.mr-notice{background:#eff8f2;border:1px solid #cfe2d5;border-radius:10px;padding:14px 16px;margin:14px 0!important;font-size:14px;overflow-wrap:anywhere}.mr-warning{background:#fff8e9;border-color:#e8d9b5;color:#6d5425}.mr-notice p{margin:6px 0 12px}.mr-rules{color:var(--mr-muted);padding:0 3px}.mr-rules p{max-width:950px}.mr-dialog{padding:0;border:1px solid #c9d9cf;background:#fff;border-radius:16px;inset:18px 18px 18px auto;margin:0;width:min(700px,calc(100vw - 36px));height:calc(100dvh - 36px);max-width:none;max-height:none;box-shadow:0 24px 90px #1b342b38}.mr-dialog::backdrop{background:#20372f55;backdrop-filter:blur(2px)}html:has(.mr-dialog[open]){overflow:hidden}.mr-dialog-shell{height:100%;display:flex;flex-direction:column;min-height:0}.mr-dialog-head{display:flex;justify-content:space-between;gap:18px;padding:22px;border-bottom:1px solid var(--mr-line);flex:none}.mr-dialog-head>div{min-width:0}.mr-dialog-head p{color:var(--mr-muted);font-size:14px;margin-bottom:5px}.mr-dialog-head h2{overflow-wrap:anywhere}.mr-dialog-head>button{width:44px;height:44px;min-width:44px;padding:0;font-size:23px}.mr-dialog-body{padding:22px;overflow:auto;min-height:0;flex:1;overscroll-behavior:contain;scrollbar-gutter:stable}.mr-dialog-footer{padding:16px 22px;display:flex;align-items:center;justify-content:flex-end;gap:12px;border-top:1px solid var(--mr-line);background:#fafdfb;flex:none;flex-wrap:wrap}.mr-dialog-footer>span,.mr-dialog-footer>p{font-size:14px;color:var(--mr-muted);margin-right:auto}.mr-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.mr-full{grid-column:1/-1}.mr-dialog .mr-check{display:flex;align-items:center;gap:12px;padding:13px;background:#f4f9f5;border-radius:10px;border:1px solid var(--mr-line)}.mr-dialog input[type=checkbox]{width:20px;min-height:20px;padding:0;accent-color:#2b7855;flex:none}.mr-dialog small{font-size:14px;font-weight:400;color:var(--mr-muted)}.mr-dialog .mr-field-error{color:#943e32}.mr-dialog [aria-invalid=true]{border-color:#a74939}.mr-diff-row{padding:14px 0;border-bottom:1px solid var(--mr-line)}.mr-diff-row h3{font-size:14px;color:var(--mr-muted);margin-bottom:6px}.mr-diff-values{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:16px;overflow-wrap:anywhere}.mr-diff-values span{display:block;color:var(--mr-muted);font-size:14px}.mr-diff-values>div:last-child{color:#216646}.mr-small{inset:0;margin:auto;width:min(540px,calc(100vw - 32px));height:fit-content;max-height:calc(100dvh - 32px)}.mr-small .mr-dialog-shell{max-height:calc(100dvh - 36px)}.mr-detail-stages{margin:16px 0}.mr-detail-stages>div{padding:11px 0;border-bottom:1px solid var(--mr-line);display:flex;justify-content:space-between;gap:12px}.mr-detail-stages strong{font-size:18px}.mr-copy{display:grid;gap:10px;margin:16px 0}.mr-copy button{justify-self:start}.mr-link{overflow-wrap:anywhere}.mr-dialog #mr-detail-body>h3{margin-top:20px}
@media(max-width:1280px){.mr-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mr-filters{grid-template-columns:1fr 1fr}.mr-filters label:first-child{grid-column:1/-1}.mr-filters:has(#mr-state-label[hidden]){grid-template-columns:1fr auto}.mr-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:12px}.mr-row>div:nth-child(3){grid-column:1/3;grid-row:2}.mr-row>button{grid-column:3;grid-row:1/3}.mr-history{grid-template-columns:1fr 1fr}.mr-history>div:nth-child(3){grid-column:1/-1}.mr-funnel p{min-height:63px}}
@media(max-width:1000px){.mr-funnel{grid-template-columns:1fr}.mr-funnel article{display:grid;grid-template-columns:28px 1fr auto;gap:4px 12px;align-items:center}.mr-funnel p{grid-column:2;grid-row:1;min-height:0}.mr-funnel strong{grid-column:3;grid-row:1;margin:0;font-size:24px}.mr-funnel small{grid-column:2/4;margin:0}.mr-daily{grid-template-columns:1fr 1fr}.mr-daily>strong{grid-column:1/-1}}
@media(max-width:760px){.mr-toolbar{padding:16px!important;gap:12px!important}.mr-toolbar>div{min-width:100%}.mr-toolbar label{width:100%}.mr-toolbar>button{flex:1}.mr-metrics{gap:10px}.mr-metric{padding:14px}.mr-metric strong{font-size:24px}.mr-heading{padding:18px 16px;flex-wrap:wrap}.mr-funnel{padding:0 16px 16px}.mr-method{padding:12px 16px}.mr-filters{padding:16px;gap:12px}.mr-list-scope{padding:0 16px 14px}.mr-row{padding:16px;grid-template-columns:minmax(0,1fr) auto}.mr-row>div:first-child{grid-column:1/-1}.mr-row>div:nth-child(2){grid-column:1/-1;grid-row:2}.mr-row>div:nth-child(3){grid-column:1;grid-row:3}.mr-row>button{grid-column:2;grid-row:3}.mr-history>div:nth-child(3){grid-column:1/-1}.mr-tabs{padding:8px}.mr-tabs button{padding:9px 10px}.mr-tabs #export-referral-analytics{margin-left:0}.mr-attribution{margin:0 16px 16px}.mr-daily{padding:13px 16px}.mr-dialog:not(.mr-small){inset:0;width:100vw;height:100dvh;border-radius:0;max-height:100dvh}.mr-dialog-head,.mr-dialog-body{padding:18px}.mr-dialog-footer{padding:14px 18px;gap:10px}.mr-dialog-footer>span,.mr-dialog-footer>p{width:100%;margin:0}.mr-dialog-footer button{flex:1}.mr-form-grid{grid-template-columns:1fr}.mr-full{grid-column:auto}.mr-diff-values{grid-template-columns:1fr}.mr-values{grid-template-columns:1fr}.mr-comparison-row{display:block}.mr-comparison-row strong{display:block}}
@media(max-width:390px){.mr-metrics{grid-template-columns:1fr}.mr-metric{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}.mr-metric strong{margin:0;font-size:23px}.mr-metric small{grid-column:1/-1}.mr-filters,.mr-filters:has(#mr-state-label[hidden]){grid-template-columns:1fr}.mr-filters label:first-child{grid-column:auto}.mr-row>div:nth-child(3){grid-column:1/-1}.mr-row>button{grid-column:1/-1;grid-row:4;justify-self:start}.mr-pair{gap:18px}}
@media(prefers-reduced-motion:reduce){:is(.mint-referrals,.mr-dialog) *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
