/* Fluxcel Client Reports. Layout: one working column. Filters on top, five headline figures, trend beside store panel, then comparison tables. */
:root{
  color-scheme:light;
  --bg:#ffffff; --surface:#ffffff; --sunken:#f4f6fb; --hover:#f7f9fd;
  --ink:#111a33; --ink-2:#4b5672; --muted:#7c869e;
  --line:#e4e8f1; --grid:#edf0f6; --axis:#c6cddd;
  --brand:#0062f6; --brand-2:#0050cc; --brand-soft:#eaf2ff; --brand-ink:#ffffff; --teal:#00bfa5; --plate:#ffffff;
  --s1:#2a78d6; --s2:#eb6834; --s3:#1baf7a; --s4:#eda100; --s5:#e87ba4; --s6:#008300;
  --rev:#6a0dad; --spend:#7c869e;
  --good:#0ca30c; --warn:#fab219; --crit:#d03b3b; --good-text:#006300; --bad-text:#b42323;
  --note-bg:#fff7e8; --note-line:#f4d9a4;
  --shadow:0 1px 2px rgba(17,26,51,.05),0 10px 28px -18px rgba(17,26,51,.18);
  --shadow-up:0 2px 4px rgba(17,26,51,.06),0 16px 36px -18px rgba(17,26,51,.26);
  --display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  --body:"Figtree","Segoe UI",system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.45}
.fxr button,.fxr input,.fxr select{font:inherit;color:inherit}
.fxr :focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.fxr-wrap{max-width:1180px;margin:0 auto;padding-inline:20px;padding-block:20px 48px;display:flex;flex-direction:column;gap:18px}
.fxr h1,.fxr h2{font-family:var(--display);margin:0;text-wrap:balance}
.fxr h2{font-size:17px;font-weight:700}
.fxr .num{font-variant-numeric:tabular-nums}

/* header */
.fxr-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;justify-content:space-between}
.fxr-brand{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;min-width:0}
.fxr-logo{background:var(--plate);border-radius:8px;padding:6px 10px;display:flex;align-items:center}
.fxr-logo img{display:block;height:34px;width:auto;max-width:200px}
.fxr-client{display:flex;align-items:center;gap:10px;padding-left:16px;border-left:1px solid var(--axis);min-width:0}
.fxr-client img{display:block;height:36px;width:auto;max-width:140px;border-radius:6px;background:var(--plate);object-fit:contain}
.fxr-client strong{font-family:var(--display);font-size:18px;font-weight:700;overflow-wrap:anywhere}
.fxr-client span{display:block;font-size:12.5px;color:var(--muted)}
.fxr-who{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;color:var(--ink-2)}
.fxr-btn{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:7px 14px;cursor:pointer;text-decoration:none;color:var(--ink);display:inline-block}
.fxr-btn:hover{border-color:var(--axis)}
.fxr-btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink);font-weight:600;padding:11px 16px}
.fxr select,.fxr input[type=date],.fxr input[type=text]{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:6px 10px}

.fxr-note{background:var(--note-bg);border:1px solid var(--note-line);border-radius:8px;padding:9px 14px;font-size:14px}
.fxr-error{border:1px solid var(--crit);border-radius:8px;padding:9px 14px;font-size:14px;background:var(--surface)}

/* filters */
.fxr-filters{display:flex;flex-direction:column;gap:12px}
.fxr-chips{display:flex;flex-wrap:wrap;gap:8px}
.fxr-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 13px;cursor:pointer;color:var(--ink-2)}
.fxr-chip:hover{border-color:var(--axis)}
.fxr-chip[aria-pressed="true"]{border-color:var(--ink);color:var(--ink);font-weight:600}
.fxr-dot{width:9px;height:9px;border-radius:50%;flex:none;display:inline-block}
.fxr-dates{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.fxr-seg{display:inline-flex;flex-wrap:wrap;background:var(--sunken);border-radius:9px;padding:3px;gap:2px}
.fxr-seg button{border:0;background:transparent;padding:6px 12px;border-radius:7px;cursor:pointer;color:var(--ink-2)}
.fxr-seg button[aria-pressed="true"]{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(13,21,48,.16)}
.fxr-range{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;color:var(--ink-2)}
.fxr-range label{display:inline-flex;align-items:center;gap:6px}
.fxr-check{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:var(--ink-2);cursor:pointer}
.fxr-period{color:var(--muted);font-size:14px;margin:0}
.fxr-chip[aria-pressed="true"],.fxr-btn[aria-pressed="true"]{border-color:var(--ink)}
.fxr-body{display:flex;flex-direction:column;gap:18px;transition:opacity .15s}
.fxr-body.loading{opacity:.45;pointer-events:none}
@media (prefers-reduced-motion:reduce){.fxr-body{transition:none}}

/* headline figures */
.fxr-tiles{display:flex;flex-wrap:wrap;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.fxr-tile{flex:1 1 170px;background:var(--surface);padding:16px 18px;display:flex;flex-direction:column;gap:4px;min-width:0}
.fxr-tile .lab{font-size:13px;color:var(--ink-2)}
.fxr-tile .val{font-family:var(--display);font-weight:700;font-size:25px;line-height:1.15;white-space:nowrap}
.fxr-tile .val small{font-family:var(--body);font-size:12.5px;font-weight:500;color:var(--muted);margin-right:4px}
.fxr-tile .delta{font-size:13px;color:var(--muted);min-height:1.45em}
.fxr .up{color:var(--good-text);font-weight:600}
.fxr .down{color:var(--bad-text);font-weight:600}
.fxr .flat{color:var(--ink-2);font-weight:600}
.fxr-ktitle{margin:0 0 8px}
@media (max-width:600px){
  .fxr-tile{flex-basis:140px;padding:14px}
  .fxr-tile .val{font-size:20px}
  .fxr-tile .val small{font-size:11px;margin-right:3px}
}

/* report grid */
.fxr-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;align-items:start}
.fxr-w{grid-column:span 6;min-width:0;display:flex;flex-direction:column;gap:8px}
.fxr-w-twothirds{grid-column:span 4}
.fxr-w-half{grid-column:span 3}
.fxr-w-third{grid-column:span 2}
.fxr-grid>.fxr-empty{grid-column:1/-1}
@media (max-width:900px){.fxr-w,.fxr-w-twothirds,.fxr-w-half,.fxr-w-third{grid-column:span 6}}
.fxr-w.editing{outline:1px dashed var(--axis);outline-offset:6px;border-radius:12px}
.fxr-wbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--ink-2)}
.fxr-wbar strong{margin-right:auto;font-weight:600;color:var(--ink)}
.fxr-wbar select{padding:3px 6px;font-size:13px}
.fxr-mini{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:3px 9px;font-size:13px;cursor:pointer}
.fxr-mini:hover{border-color:var(--axis)}
.fxr-mini:disabled{opacity:.4;cursor:default}
.fxr-wform{background:var(--sunken);border-radius:10px;padding:12px 14px;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;font-size:14px}
.fxr-wform label{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--ink-2)}
.fxr-wform input[type=text]{min-width:0;width:220px;max-width:100%}
.fxr-checks{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;flex-basis:100%}
.fxr-checks legend{padding:0;margin-bottom:4px;font-size:12.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.fxr-save{font-size:13px;color:var(--muted);margin-left:auto}
.fxr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.fxr-link{border:0;background:none;padding:0;color:var(--brand);cursor:pointer;text-decoration:underline;font-size:inherit}

/* panels */
.fxr-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:14px;min-width:0}
.fxr-panel header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px}
.fxr-panel header p{margin:0;color:var(--muted);font-size:13px}
.fxr-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:var(--ink-2)}
.fxr-legend span{display:inline-flex;align-items:center;gap:7px}
.fxr-legend svg{flex:none}
.fxr-chart{position:relative;width:100%}
.fxr-chart svg{display:block;width:100%;height:auto;overflow:visible}
.fxr-chart text{font-family:var(--body);font-size:11.5px;fill:var(--muted);font-variant-numeric:tabular-nums}
.fxr-tip{position:absolute;top:8px;pointer-events:none;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-size:13px;box-shadow:0 6px 18px rgba(13,21,48,.18);white-space:nowrap;display:grid;gap:3px}
.fxr-tip b{font-weight:600}
.fxr-tip div{display:flex;justify-content:space-between;gap:18px;color:var(--ink-2)}
.fxr-tip div span:first-child{display:inline-flex;align-items:center;gap:6px}
.fxr-tip .fxr-dot{width:8px;height:8px}
.fxr-tip div span:last-child{color:var(--ink);font-variant-numeric:tabular-nums}

.fxr-bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.fxr-bars li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;font-size:14px}
.fxr-bars .lab{overflow-wrap:anywhere}
.fxr-bars .lab small{display:block;color:var(--muted);font-size:12.5px}
.fxr-bars .bar{grid-column:1/-1;height:8px;border-radius:0 4px 4px 0;background:var(--sunken)}
.fxr-bars .bar i{display:block;height:100%;border-radius:0 4px 4px 0;min-width:2px}
.fxr-bars li.sel .lab{font-weight:600}
.fxr-sub{font-size:12.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0}
.fxr-empty{color:var(--muted);font-size:14px;margin:0}

/* tables */
.fxr-scroll{overflow-x:auto}
.fxr-scroll.tall{max-height:420px;overflow-y:auto}
.fxr table{border-collapse:collapse;width:100%;font-size:14px}
.fxr th,.fxr td{padding:10px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}
.fxr th{font-weight:500;color:var(--muted);font-size:12.5px;text-transform:uppercase;letter-spacing:.05em}
.fxr-sort{border:0;background:none;padding:0;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}
.fxr-sort:hover{color:var(--ink)}
.fxr th[aria-sort] .fxr-sort{color:var(--ink);font-weight:600}
.fxr th:first-child,.fxr td:first-child{text-align:left;padding-left:0}
.fxr td:last-child,.fxr th:last-child{padding-right:0}
.fxr td{font-variant-numeric:tabular-nums}
.fxr tbody tr:last-child td{border-bottom:0}
.fxr tfoot td{font-weight:600;border-top:1px solid var(--axis);border-bottom:0}
.fxr tr.sel td{background:var(--sunken)}
.fxr tr.sel td:first-child{box-shadow:inset 3px 0 0 var(--ink);padding-left:10px}
.fxr .name{display:inline-flex;align-items:center;gap:8px}
.fxr .spendcell{display:inline-flex;align-items:center;gap:10px;justify-content:flex-end}
.fxr .spendcell i{display:block;height:8px;border-radius:0 4px 4px 0;min-width:2px}
.fxr .spendtrack{width:90px;display:flex}
.fxr td.camp{white-space:normal;min-width:220px}
.fxr .camp small{display:block;color:var(--muted);font-size:12.5px}
.fxr-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:2px 9px;font-size:12.5px;color:var(--ink-2)}
.fxr-pill .fxr-dot{width:7px;height:7px}
.fxr-sources{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13.5px;color:var(--ink-2)}
.fxr-sources span{display:inline-flex;align-items:center;gap:7px}

/* sign in */
.fxr-login{max-width:400px;margin:0 auto;padding-inline:20px;padding-block:56px;display:flex;flex-direction:column;gap:22px}
.fxr-login .fxr-logo{align-self:flex-start}
.fxr-login h1{font-size:28px}
.fxr-login p{margin:0;color:var(--ink-2)}
.fxr-login form{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:14px}
.fxr-login label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--ink-2)}
.fxr-login label.fxr-check{flex-direction:row}
.fxr-login input[type=text],.fxr-login input[type=email],.fxr-login input[type=password]{border:1px solid var(--axis);background:var(--surface);border-radius:8px;padding:10px 12px;color:var(--ink)}
.fxr-login .hint{font-size:13px;color:var(--muted)}
.fxr-login a{color:var(--brand)}

/* notes, sections strip, assistant */
.fxr-custom{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;border:1px dashed var(--brand);border-radius:10px;padding:10px 14px;position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--brand-soft)}
.fxr-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px}
.fxr-card{background:var(--sunken);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-width:0}
.fxr-card h3{font-family:var(--display);font-size:15.5px;margin:0;font-weight:700}
.fxr-card p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;color:var(--ink-2);align-self:stretch}
.fxr-card .fxr-btn{font-size:13px;padding:4px 10px}
.fxr-noteform{display:flex;flex-direction:column;gap:8px}
.fxr-noteform textarea{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:8px 10px;font:inherit;color:inherit;resize:vertical}
.fxr-chat{display:flex;flex-direction:column;gap:10px;max-height:340px;overflow-y:auto}
.fxr-chat:empty{display:none}
.fxr-msg{display:flex;flex-direction:column;gap:2px;max-width:780px}
.fxr-msg span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.fxr-msg p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.fxr-msg.me p{color:var(--ink-2)}
.fxr-msg.ai{border-left:3px solid var(--teal);padding-left:12px}
.fxr-ask{display:flex;gap:8px;flex-wrap:wrap}
.fxr-ask input{flex:1 1 220px;min-width:0;padding:10px 12px}
.fxr-ask .fxr-btn.primary{padding:9px 18px}
.fxr-btn:disabled{opacity:.55;cursor:default}

/* printing: light palette, no controls */
@media print{
  .fxr-noprint,.fxr-filters .fxr-seg,.fxr-filters .fxr-range,.fxr-filters .fxr-check,.fxr-chip:not([aria-pressed="true"]),.fxr-sample{display:none!important}
  .fxr-w,.fxr-panel{break-inside:avoid}
  .fxr-scroll.tall{max-height:none;overflow:visible}
}

/* feel: soft depth, clear hover and press states */
.fxr-panel,.fxr-tiles,.fxr-login form{box-shadow:var(--shadow);transition:box-shadow .18s ease,border-color .18s ease}
.fxr-panel:hover,.fxr-tiles:hover{box-shadow:var(--shadow-up)}
.fxr-tile{transition:background-color .15s ease}
.fxr-tile:hover{background:var(--hover)}
.fxr-btn,.fxr-chip,.fxr-mini,.fxr-seg button{transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .08s ease}
.fxr-btn:hover,.fxr-chip:hover,.fxr-mini:hover{background:var(--hover)}
.fxr-btn:active,.fxr-chip:active,.fxr-mini:active{transform:translateY(1px)}
.fxr-btn.primary:hover{background:var(--brand-2);border-color:var(--brand-2)}
.fxr-chip[aria-pressed="true"]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-2)}
.fxr-btn[aria-pressed="true"],.fxr-btn[aria-expanded="true"]{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-2)}
.fxr-seg button:hover{color:var(--ink)}
.fxr select:hover,.fxr input[type=date]:hover,.fxr input[type=text]:hover{border-color:var(--axis)}
.fxr select:focus,.fxr input:focus,.fxr textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:0}
.fxr tbody tr{transition:background-color .12s ease}
.fxr tbody tr:hover td{background:var(--hover)}
.fxr tr.sel td,.fxr tr.sel:hover td{background:var(--brand-soft)}
.fxr tr.sel td:first-child{box-shadow:inset 3px 0 0 var(--brand)}
.fxr-rowbtn{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left;display:inline-flex;align-items:center;gap:8px;border-radius:4px}
.fxr-rowbtn:hover{color:var(--brand-2);text-decoration:underline}
.fxr-bars li{transition:opacity .15s ease}
.fxr-bars:hover li:not(:hover){opacity:.5}
.fxr-bars .bar i{transition:width .45s cubic-bezier(.2,.7,.2,1)}
.fxr-bars li.sel .bar{box-shadow:0 0 0 2px var(--brand-soft)}
.fxr-card{transition:transform .15s ease,box-shadow .15s ease}
.fxr-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.fxr-tip{border-color:var(--line);box-shadow:var(--shadow-up)}
.fxr-reveal{animation:fxr-reveal .7s cubic-bezier(.2,.7,.2,1) both}
@keyframes fxr-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@media (min-width:901px){
  .fxr-filters{position:sticky;top:env(safe-area-inset-top,0px);z-index:6;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(8px);padding-block:10px;margin-block:-10px;border-bottom:1px solid transparent}
  .fxr-custom{position:static}
}
@media (prefers-reduced-motion:reduce){
  .fxr-reveal{animation:none}
  .fxr *{transition:none!important}
}
@media print{.fxr-filters{position:static}.fxr-panel,.fxr-tiles{box-shadow:none}}


/* ==== FXR PREMIUM THEME START (v1.2.0, 7 Oct 2026 — delete this whole block to restore the original look) ==== */
:root{
  --bg:#f3f5fa; --sunken:#eef1f8; --hover:#f5f8ff; --line:#e3e8f2;
  --navy:#0b1533; --navy-2:#16265a; --glow:#2f6bff;
  --radius:16px;
  --shadow:0 1px 2px rgba(11,21,51,.05),0 12px 32px -16px rgba(11,21,51,.22);
}
body{background:var(--bg)!important}
.fxr .fxr-wrap{max-width:1240px;padding:24px 24px 64px}

/* Header band */
.fxr .fxr-top{
  position:relative;overflow:hidden;
  background:radial-gradient(120% 140% at 100% 0%,rgba(47,107,255,.45) 0%,rgba(47,107,255,0) 55%),linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 100%);
  border-radius:22px;padding:26px 28px 30px;margin-bottom:18px;
  color:#fff;box-shadow:0 18px 40px -22px rgba(11,21,51,.7);
  flex-wrap:wrap;gap:18px;align-items:center;
  -webkit-print-color-adjust:exact;print-color-adjust:exact;
}
.fxr .fxr-top::after{content:"";position:absolute;right:-60px;bottom:-90px;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(0,191,165,.35),rgba(0,191,165,0) 70%);pointer-events:none}
.fxr .fxr-brand{gap:16px;align-items:center;position:relative;z-index:1}
.fxr .fxr-logo,.fxr .fxr-client img{background:#fff;border-radius:12px;padding:7px 10px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.fxr .fxr-logo{padding:6px 12px}
.fxr .fxr-logo{overflow:hidden;display:flex;align-items:center}
.fxr .fxr-logo img{height:64px;width:auto;max-width:240px;object-fit:contain}
.fxr .fxr-client .fxr-hello{display:block;color:#7fe3d2;font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;margin-bottom:2px}
.fxr .fxr-client img{height:44px;width:auto}
.fxr .fxr-client strong{color:#fff;font-size:26px;letter-spacing:-.02em}
.fxr .fxr-client span{color:rgba(255,255,255,.72);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.fxr .fxr-who{position:relative;z-index:1;gap:8px}
.fxr .fxr-top .fxr-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff;border-radius:999px;backdrop-filter:blur(6px)}
.fxr .fxr-top .fxr-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4)}

/* Filters bar */
.fxr .fxr-filters{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;box-shadow:var(--shadow);margin-bottom:20px;gap:12px}
.fxr .fxr-chip{border-radius:999px;font-weight:600}
.fxr .fxr-chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.fxr .fxr-seg{border-radius:12px;background:var(--sunken)}
.fxr .fxr-seg button{border-radius:9px;font-weight:600}
.fxr .fxr-seg button[aria-pressed="true"]{background:#fff;color:var(--navy);box-shadow:0 2px 8px rgba(11,21,51,.12)}
.fxr .fxr-period{color:var(--ink-2);font-size:13px}

/* KPI tiles as separate cards with accent */
.fxr .fxr-tiles{gap:14px;background:transparent;border:0;border-radius:0;overflow:visible}
.fxr .fxr-tile{position:relative;background:#fff;border:1px solid var(--line)!important;border-radius:var(--radius);padding:20px 20px 18px;box-shadow:var(--shadow);flex-basis:190px;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}
.fxr .fxr-tile:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(11,21,51,.06),0 18px 36px -18px rgba(11,21,51,.3)}
.fxr .fxr-tile::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:var(--s1)}
.fxr .fxr-tile:nth-child(5n+2)::before{background:var(--rev)}
.fxr .fxr-tile:nth-child(5n+3)::before{background:var(--teal)}
.fxr .fxr-tile:nth-child(5n+4)::before{background:var(--s4)}
.fxr .fxr-tile:nth-child(5n+5)::before{background:var(--s2)}
.fxr .fxr-tile .lab{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.fxr .fxr-tile .val{font-size:30px;font-weight:800;letter-spacing:-.025em;color:var(--navy);margin:6px 0 8px}
.fxr .fxr-tile .val small{font-size:13px;font-weight:600;color:var(--muted)}
.fxr .fxr-tile .delta{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--sunken)}
.fxr .fxr-tile .delta.up,.fxr .fxr-tile .up{color:var(--good-text)}
.fxr .fxr-tile .delta.down,.fxr .fxr-tile .down{color:var(--bad-text)}

/* Section cards */
.fxr .fxr-grid{gap:20px}
.fxr .fxr-body .fxr-panel{border:1px solid var(--line);border-radius:var(--radius);padding:22px 22px 20px;box-shadow:var(--shadow);background:#fff}
.fxr .fxr-panel header{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--grid)}
.fxr .fxr-panel h2,.fxr .fxr-w h2{font-size:16px;font-weight:800;letter-spacing:-.01em;color:var(--navy);display:flex;align-items:center;gap:10px}
.fxr .fxr-body .fxr-panel h2::before{content:"";width:8px;height:8px;border-radius:3px;background:var(--glow);box-shadow:0 0 0 4px var(--brand-soft)}
.fxr .fxr-panel header p,.fxr .fxr-sub{color:var(--muted);font-size:12.5px}

/* Bars */
.fxr .fxr-bars .bar{border-radius:999px;background:var(--sunken);height:10px}
.fxr .fxr-bars .bar i{border-radius:999px;background:linear-gradient(90deg,var(--glow),var(--teal))}
.fxr .fxr-bars li{padding:6px 0}

/* Tables */
.fxr table{border-collapse:separate;border-spacing:0}
.fxr th{background:var(--sunken);color:var(--ink-2);font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-bottom:0}
.fxr th:first-child{border-radius:10px 0 0 10px}
.fxr th:last-child{border-radius:0 10px 10px 0}
.fxr tbody tr:nth-child(even) td{background:#fafbfe}
.fxr tbody tr:hover td{background:var(--hover)}
.fxr tfoot td{font-weight:800;color:var(--navy);border-top:2px solid var(--line)}
.fxr-pill{border-radius:999px;font-weight:600}

/* Notes + sources */
.fxr .fxr-note{border-radius:14px}
.fxr .fxr-sources{color:var(--muted);font-size:12px}

@media (max-width:700px){
  .fxr .fxr-wrap{padding:14px 14px 48px}
  .fxr .fxr-top{padding:20px;border-radius:18px}
  .fxr .fxr-client strong{font-size:21px}
  .fxr .fxr-tile .val{font-size:24px}
}
@media print{
  body{background:#fff!important}
  .fxr .fxr-tile,.fxr .fxr-body .fxr-panel{box-shadow:none}
  .fxr .fxr-tile::before,.fxr .fxr-bars .bar i{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
/* ==== FXR PREMIUM THEME END ==== */

/* ==== FXR 1.2 BLOCKS START: sales channels, new vs returning, notes ==== */
:root{--c0:#2f6bff;--c1:#7c3aed;--c2:#00bfa5;--c3:#f59e0b;--c4:#ef5da8;--c5:#0ea5e9;--c6:#84cc16;--c7:#94a3b8}
.fxr .fxr-ktitle{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin:0 0 10px 2px}
.fxr .fxr-channels{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.fxr .fxr-ch-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:6px}
.fxr .fxr-ch-name{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--navy);min-width:0;overflow-wrap:anywhere}
.fxr .fxr-ch-val{font-weight:800;color:var(--navy);white-space:nowrap}
.fxr .fxr-channels .bar{display:block;height:10px;border-radius:999px;background:var(--sunken);overflow:hidden}
.fxr .fxr-channels .bar i{display:block;height:100%;border-radius:999px}
.fxr .fxr-ch-sub{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:6px;font-size:12.5px;color:var(--muted)}
.fxr .fxr-ch-sub .up{color:var(--good-text);font-weight:700}
.fxr .fxr-ch-sub .down{color:var(--bad-text);font-weight:700}
.fxr .fxr-split{height:14px;border-radius:999px;background:var(--c2);overflow:hidden;margin:4px 0 8px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.fxr .fxr-split i{display:block;height:100%;background:var(--c0)}
.fxr .fxr-split-legend{display:flex;gap:16px;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:14px}
.fxr .fxr-split-legend span{display:flex;align-items:center;gap:6px}
.fxr .fxr-custs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:12px}
.fxr .fxr-cust{background:var(--sunken);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;border-top:3px solid var(--c0)}
.fxr .fxr-cust.ret{border-top-color:var(--c2)}
.fxr .fxr-cust .lab{font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.fxr .fxr-cust .val{font-size:22px;font-weight:800;color:var(--navy)}
.fxr .fxr-cust .delta{font-size:12px}
.fxr .fxr-card{background:#fff;border:1px solid var(--line);border-left:4px solid var(--glow);border-radius:14px;padding:16px}
.fxr .fxr-card-client{border-left-color:var(--c2);background:#f6fffd}
.fxr .fxr-card-meta{display:flex;justify-content:space-between;gap:10px;width:100%;font-size:12px;color:var(--muted)}
.fxr .fxr-card-who{font-weight:700;color:var(--ink-2)}
.fxr .fxr-noteform{background:var(--sunken);border-radius:14px;padding:14px;margin-bottom:14px}
.fxr .fxr-noteform input,.fxr .fxr-noteform textarea{border-radius:10px}
.fxr .fxr-sent{background:#e9fbf6;color:#05634f;border-radius:12px;padding:10px 14px;font-weight:600;margin:0 0 12px}
.fxr .fxr-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(185px,100%),1fr))}
.fxr .fxr-tile{flex-basis:auto;padding:18px 18px 16px}
.fxr .fxr-tile .val{font-size:clamp(21px,2.1vw,28px);white-space:nowrap}
.fxr .fxr-tile .delta{display:inline-block;line-height:1.45;padding:3px 10px}
@media (max-width:700px){.fxr .fxr-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fxr .fxr-tile{padding:14px 12px}.fxr .fxr-tile .val{font-size:20px}.fxr .fxr-tile .lab{font-size:10.5px}.fxr .fxr-tile .delta{font-size:11px;padding:2px 8px}}
.fxr .fxr-cust .fxr-sub{text-transform:none;letter-spacing:0;font-size:12.5px}
/* ==== FXR 1.2 BLOCKS END ==== */
/* ==== FXR 1.3 PERFORMANCE ALERTS START ==== */
.fxr .fxr-body .fxr-panel.fxr-insight{border:0;padding:24px 26px;color:#fff;position:relative;overflow:hidden;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.fxr .fxr-insight.good{background:linear-gradient(135deg,#047857 0%,#10b981 100%);box-shadow:0 18px 40px -22px rgba(4,120,87,.8)}
.fxr .fxr-insight.bad{background:linear-gradient(135deg,#991b1b 0%,#ef4444 100%);box-shadow:0 18px 40px -22px rgba(153,27,27,.8)}
.fxr .fxr-insight.flat{background:linear-gradient(135deg,#0b1533 0%,#334f9a 100%)}
.fxr .fxr-insight::after{content:"";position:absolute;right:-70px;top:-70px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.12);pointer-events:none}
.fxr .fxr-ins-head{display:flex;gap:16px;align-items:flex-start;position:relative;z-index:1}
.fxr .fxr-ins-icon{flex:0 0 48px;height:48px;border-radius:14px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:22px}
.fxr .fxr-ins-kicker{display:block;font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;opacity:.85;margin-bottom:2px}
.fxr .fxr-body .fxr-insight h2{color:#fff;font-size:clamp(18px,2.2vw,24px);margin:0 0 6px;display:block}
.fxr .fxr-body .fxr-insight h2::before{display:none}
.fxr .fxr-insight p{margin:0;color:rgba(255,255,255,.92);font-size:14px;line-height:1.5}
.fxr .fxr-ins-sub{margin:18px 0 8px!important;font-size:11.5px!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase;position:relative;z-index:1}
.fxr .fxr-ins-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:8px;position:relative;z-index:1}
.fxr .fxr-ins-list li{display:flex;gap:10px;align-items:flex-start;background:rgba(255,255,255,.95);color:#0b1533;border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.45}
.fxr .fxr-ins-list li b{font-weight:800}
.fxr .fxr-ins-dot{flex:0 0 22px;height:22px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff}
.fxr .fxr-ins-list li.up .fxr-ins-dot{background:#10b981}
.fxr .fxr-ins-list li.down .fxr-ins-dot{background:#ef4444}
.fxr .fxr-ins-note{margin-top:10px!important;font-size:12.5px!important;opacity:.9;position:relative;z-index:1}
/* ==== FXR 1.3 PERFORMANCE ALERTS END ==== */
/* ==== FXR 1.4 START ==== */
.fxr .fxr-platnote{margin:-4px 0 10px 2px;font-size:12.5px;color:var(--ink-2);background:var(--brand-soft);border-radius:10px;padding:8px 12px;display:inline-block}
.fxr .fxr-diag{margin-top:16px;border-top:1px dashed var(--line);padding-top:10px;font-size:12px;color:var(--ink-2)}
.fxr .fxr-diag summary{cursor:pointer;font-weight:700}
.fxr .fxr-diag ul{margin:4px 0 8px 16px;padding:0}
.fxr .fxr-diag code{font-size:11.5px;white-space:normal;overflow-wrap:anywhere}
.fxr .fxr-tile .delta:empty{display:none}
/* ==== FXR 1.4 END ==== */

/* ==== FXR 1.4.3 START ==== */
.fxr .fxr-reported{margin-top:18px;background:var(--sunken);border-radius:14px;padding:14px 16px}
.fxr .fxr-reported-h{margin:0 0 8px;font-weight:800;font-size:13px;color:var(--navy)}
.fxr .fxr-reported-h span{display:block;font-weight:500;font-size:12px;color:var(--muted);margin-top:2px}
.fxr .fxr-reported ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--ink-2)}
.fxr .fxr-reported li{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.fxr .fxr-reported .up{color:var(--good-text);font-weight:700}
.fxr .fxr-reported .down{color:var(--bad-text);font-weight:700}
/* ==== FXR 1.4.3 END ==== */
/* 1.5.0: paid media summary and best performers */
.fxr .fxr-media-plat{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 24px;font-size:13.5px;color:var(--ink-2)}
.fxr .fxr-media-plat li{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.fxr .fxr-media-note{margin:10px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted)}
.fxr .fxr-best{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.fxr .fxr-best li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:6px 12px;padding:11px 0;border-top:1px solid var(--line)}
.fxr .fxr-best.pics li{grid-template-columns:22px 44px minmax(0,1fr) auto}
.fxr .fxr-best li:first-child{border-top:0;padding-top:2px}
.fxr .fxr-best .rk{font-weight:700;color:var(--muted);font-size:13px;text-align:center}
.fxr .fxr-best .th{display:block;width:44px;height:44px;border-radius:8px;object-fit:cover;background:var(--sunken)}
.fxr .fxr-best .nm{min-width:0;overflow-wrap:anywhere;font-size:14px;font-weight:600}
.fxr .fxr-best .nm small,.fxr .fxr-best .mt small{display:block;font-weight:400;font-size:12.5px;color:var(--muted);margin-top:2px}
.fxr .fxr-best .mt{text-align:right}
.fxr .fxr-best .mt b{font-size:17px}
@media (max-width:520px){.fxr .fxr-best .mt small{max-width:150px}}

/* 1.6.0: SEO & organic search */
.fxr .fxr-seo-chart{margin-top:16px}
.fxr .fxr-seo-chart svg{width:100%;height:auto;display:block}
.fxr .fxr-seo-chart svg text{font-size:11px;fill:var(--muted)}
.fxr .fxr-seo-h{margin:18px 0 0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.fxr .fxr-seo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px 28px;margin-top:20px}
.fxr .fxr-seo-t h3{margin:0 0 8px;font-size:15px}
.fxr .fxr-seo-t table{width:100%;border-collapse:collapse;font-size:13.5px}
.fxr .fxr-seo-t th{text-align:left;font-weight:600;color:var(--muted);font-size:12px;padding:6px 8px 6px 0;border-bottom:1px solid var(--line)}
.fxr .fxr-seo-t td{padding:7px 8px 7px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.fxr .fxr-seo-t .num{text-align:right;white-space:nowrap}
.fxr .fxr-tiles[aria-label="SEO figures"] .fxr-tile{flex:1 1 calc(33.33% - 14px)}
@media (max-width:640px){.fxr .fxr-tiles[aria-label="SEO figures"] .fxr-tile{flex-basis:calc(50% - 14px)}}

/* 1.7.0: Messages & leads */
.fxr .fxr-msg-tiles .fxr-tile{flex:1 1 calc(25% - 14px)}
@media (max-width:760px){.fxr .fxr-msg-tiles .fxr-tile{flex-basis:calc(50% - 14px)}}
.fxr .fxr-msg-tiles .val small{font-size:14px;margin-left:6px}
.fxr .fxr-msg-ins{margin-top:8px}
.fxr .fxr-msg-s{list-style:none;margin:0;padding:0}
.fxr .fxr-msg-s li{padding:9px 0;border-bottom:1px solid var(--line)}
.fxr .fxr-msg-s q{display:block;font-size:14px;quotes:none;overflow-wrap:anywhere}
.fxr .fxr-msg-s small{display:block;margin-top:3px;font-size:12px;color:var(--muted)}

/* 1.8.0: messages report */
.fxr .fxr-msg-tiles .fxr-tile{flex:1 1 calc(20% - 14px)}
@media (max-width:1000px){.fxr .fxr-msg-tiles .fxr-tile{flex-basis:calc(33.33% - 14px)}}
@media (max-width:640px){.fxr .fxr-msg-tiles .fxr-tile{flex-basis:calc(50% - 14px)}}
.fxr .fxr-tile-sub{font-size:11.5px;color:var(--muted);margin-top:2px}
.fxr .fxr-msg-funnel .lab{font-size:13.5px}
.fxr .fxr-bars .num small{font-size:11.5px;color:var(--muted);margin-left:4px}
.fxr .fxr-hours{display:flex;align-items:flex-end;gap:3px;height:140px;padding-bottom:16px;position:relative}
.fxr .fxr-hours span{flex:1;height:100%;position:relative;display:flex;align-items:flex-end;justify-content:center}
.fxr .fxr-hours i{position:absolute;bottom:0;left:0;right:0;background:var(--sunken);border-radius:3px 3px 0 0}
.fxr .fxr-hours b{position:absolute;bottom:0;left:15%;right:15%;background:var(--rev);border-radius:3px 3px 0 0}
.fxr .fxr-hours em{position:absolute;bottom:-16px;font-style:normal;font-size:10.5px;color:var(--muted)}
@media (min-width:1000px){.fxr .fxr-msg-3{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Ad spend split by campaign (1.8.1) */
.fxr-spendlist{list-style:none;margin:12px 0 0;padding:10px 0 0;border-top:1px solid rgba(120,130,160,.18);display:flex;flex-direction:column;gap:7px;font-size:12px}
.fxr-spendlist li{position:relative;display:flex;justify-content:space-between;gap:8px;padding-bottom:5px;min-width:0}
.fxr-spendlist .nm{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:inherit;opacity:.85}
.fxr-spendlist .nm i{flex:none;width:7px;height:7px;border-radius:50%}
.fxr-spendlist .v{flex:none;font-weight:600}
.fxr-spendlist .v small{opacity:.6;margin-right:2px;font-weight:500}
.fxr-spendlist .v em{font-style:normal;opacity:.55;font-weight:500;margin-left:3px}
.fxr-spendlist b{position:absolute;left:0;bottom:0;height:2px;border-radius:2px;opacity:.55}
.fxr-spendlist li.more{opacity:.6;padding:0}

.fxr-spendlist li{display:block;padding-bottom:7px}
.fxr-spendlist .nm{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;padding-left:13px;position:relative}
.fxr-spendlist .nm i{position:absolute;left:0;top:4px}
.fxr-spendlist .v{display:block;padding-left:13px;margin-top:2px}

/* Sales by category (1.9.0) */
.fxr-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.fxr-cat{border:1px solid rgba(120,130,160,.2);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px;min-width:0}
.fxr-cat-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.fxr-cat-h .nm{font-weight:700;font-size:15px}
.fxr-cat-h .sh{font-size:12px;opacity:.65;white-space:nowrap}
.fxr-cat-v{font-size:24px;font-weight:800;line-height:1.1}
.fxr-cat-d{font-size:12px}
.fxr-cat-bar{display:flex;height:8px;border-radius:6px;overflow:hidden;background:rgba(120,130,160,.15)}
.fxr-cat-bar i{display:block;height:100%}
.fxr-cat-bar .m,.fxr-cat-split .dot.m{background:#3b6fd9}
.fxr-cat-bar .o,.fxr-cat-split .dot.o{background:#1fa971}
.fxr-cat-split{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px}
.fxr-cat-split>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.fxr-cat-split b{font-weight:600;opacity:.8}
.fxr-cat-split .num{font-size:15px;font-weight:700}
.fxr-cat-split small{opacity:.65}
.fxr-cat-split .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}
.fxr-cat-split>div>b{display:flex;align-items:center}
.fxr-cat-split .up{color:#1a8f5a}.fxr-cat-split .down{color:#c0392b}
.fxr-cat-f{font-size:12px;opacity:.65;border-top:1px solid rgba(120,130,160,.15);padding-top:8px}
.fxr-cat-ins{margin:16px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14px}
.fxr-cat-cols{margin-top:10px;font-size:12px;opacity:.75}
.fxr-cat-split .num{font-size:14px;white-space:nowrap}
.fxr-cat-v{white-space:nowrap}

/* 1.9.1: keep the ad spend tile compact */
.fxr-spendlist{max-height:150px;overflow-y:auto;scrollbar-width:thin;padding-right:4px}