/* Native heatmap, with the same quiet cells and orange scale as the modern summary. */
.foxy-ui .fx-full-analytics #root .click-heatmap.fx-full-heatmap {
  --fx-heat-0:var(--fx-hover); --fx-heat-1:#ffe1c6; --fx-heat-2:#ffbc80; --fx-heat-3:#ff942e; --fx-heat-4:#c25a00;
  grid-column:1/-1; width:100%; min-width:0; box-sizing:border-box;
}
.foxy-ui .fx-full-analytics #root .click-heatmap.fx-full-heatmap:not(.fx-chart-expanded) { height:auto!important; min-height:0; padding:24px 24px 58px!important; }
.foxy-ui .fx-full-analytics #root .fx-full-heatmap .click-heatmap__title { display:flex; align-items:center; flex-wrap:wrap; gap:8px; width:100%; text-align:left; padding:0; margin:0 0 20px; font-size:18px; line-height:1.4; font-weight:650; color:var(--fx-text); }
.foxy-ui .fx-full-analytics #root .fx-full-heatmap .click-heatmap__title>span { color:var(--fx-muted); font-weight:400; }
.foxy-ui .fx-full-analytics #root .fx-full-heatmap .click-heatmap__scroll { width:100%; max-width:100%; padding:3px 0; overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain; scrollbar-width:thin; }
.foxy-ui .fx-full-analytics #root .fx-full-heatmap .click-heatmap__scroll:focus-visible { outline:2px solid var(--fx-accent-ink); outline-offset:3px; border-radius:8px; }
.foxy-ui .fx-full-analytics #root .fx-full-heatmap .click-heatmap__table { width:100%; max-width:900px; min-width:560px!important; table-layout:fixed; border-collapse:separate; border-spacing:5px; border:0; margin:0 auto; padding:0; background:transparent; box-shadow:none; }
.foxy-ui .fx-full-analytics #root .fx-full-heatmap .click-heatmap__table :is(thead,tbody,tr) { background:transparent!important; border:0; box-shadow:none; }
.foxy-ui .fx-full-analytics #root .fx-full-heatmap .click-heatmap__table :is(th,td) { padding:0!important; border:0!important; font-weight:400; text-align:center; vertical-align:middle; box-shadow:none; }
.foxy-ui .fx-full-analytics #root .fx-full-heatmap .click-heatmap__table th { background:transparent!important; height:25px; border-radius:0; color:var(--fx-muted); font-size:12px; line-height:1.4; opacity:1; }
.foxy-ui .fx-full-analytics #root .fx-full-heatmap .click-heatmap__table th:first-child { width:29px; }
.foxy-ui .fx-full-analytics #root .fx-full-heatmap .click-heatmap__day { width:29px; color:var(--fx-muted); background:transparent!important; font-size:12px; line-height:1.4; text-align:left!important; opacity:1; white-space:nowrap; }
.foxy-ui .fx-full-analytics #root .fx-full-heatmap .click-heatmap__cell { height:24px; min-width:15px; border-radius:5px; cursor:help; transition:box-shadow .12s ease; }
.foxy-ui .fx-full-analytics #root .fx-full-heatmap [data-level="0"] { --fx-heat-cell:var(--fx-heat-0); }
.foxy-ui .fx-full-analytics #root .fx-full-heatmap [data-level="1"] { --fx-heat-cell:var(--fx-heat-1); }
.foxy-ui .fx-full-analytics #root .fx-full-heatmap [data-level="2"] { --fx-heat-cell:var(--fx-heat-2); }
.foxy-ui .fx-full-analytics #root .fx-full-heatmap [data-level="3"] { --fx-heat-cell:var(--fx-heat-3); }
.foxy-ui .fx-full-analytics #root .fx-full-heatmap [data-level="4"] { --fx-heat-cell:var(--fx-heat-4); }
.foxy-ui .fx-full-analytics #root .fx-full-heatmap .click-heatmap__cell[data-level] { background:var(--fx-heat-cell)!important; }
.foxy-ui .fx-full-analytics #root .fx-full-heatmap .click-heatmap__cell:hover { transform:none; box-shadow:inset 0 0 0 2px var(--fx-accent-ink); }
.foxy-ui .fx-full-analytics #root .fx-full-heatmap>.click-heatmap__legend { display:none; }
.foxy-ui .fx-full-analytics #root .fx-full-heatmap .fx-full-heat-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; width:100%; gap:12px 18px; padding-top:14px; }
.foxy-ui .fx-full-analytics #root .fx-full-heatmap .fx-full-heat-note { margin:0; padding:0; font-size:13px; line-height:1.6; font-weight:400; color:var(--fx-muted); }
.foxy-ui .fx-full-analytics #root .fx-full-heatmap .fx-full-heat-legend { display:inline-flex; align-items:center; gap:5px; flex:none; margin:0; font-size:12px; line-height:1.5; color:var(--fx-muted); }
.foxy-ui .fx-full-analytics #root .fx-full-heatmap .fx-full-heat-legend i { display:block; width:14px; height:14px; border-radius:3px; background:var(--fx-heat-cell); }
html[data-foxy-design=studio] .foxy-ui .fx-full-analytics #root .click-heatmap.fx-full-heatmap { border:0; border-radius:20px; }
html[data-foxy-design=studio] .foxy-ui .fx-full-analytics #root .fx-full-heatmap .click-heatmap__title::before { content:''; flex:none; width:4px; height:20px; border-radius:3px; background:var(--fx-accent-soft); }
html:is([data-theme=dark],[data-theme=space]) .foxy-ui .fx-full-analytics #root .click-heatmap.fx-full-heatmap { --fx-heat-1:#523923; --fx-heat-2:#925125; --fx-heat-3:#d5721c; --fx-heat-4:#ff9c46; }
.foxy-ui .fx-full-analytics #root .fx-full-heatmap.fx-chart-expanded .click-heatmap__table { max-width:1100px; border-spacing:6px; }
.foxy-ui .fx-full-analytics #root .fx-full-heatmap.fx-chart-expanded .click-heatmap__cell { height:clamp(24px,4vh,40px); border-radius:6px; }
@media(max-width:600px) {
  .foxy-ui .fx-full-analytics #root .click-heatmap.fx-full-heatmap:not(.fx-chart-expanded) { padding:20px 16px 58px!important; }
  .foxy-ui .fx-full-analytics #root .fx-full-heatmap .click-heatmap__title { font-size:17px; margin-bottom:16px; }
  .foxy-ui .fx-full-analytics #root .fx-full-heatmap .click-heatmap__cell { height:21px; border-radius:4px; }
  .foxy-ui .fx-full-analytics #root .fx-full-heatmap .fx-full-heat-footer { gap:10px; padding-top:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .foxy-ui .fx-full-analytics #root .fx-full-heatmap .click-heatmap__cell { transition:none; }
}