/* Receita PUSH dia a dia — tokens da dash (styles.css :root). Fica logo abaixo do acumulado (ordem padrão). */
#push-daily { border:1px solid var(--line); border-radius:12px; background:var(--panel); padding:16px 18px; display:grid; gap:10px; min-width:0; margin:16px 0 24px; }
#push-daily h3 { margin:0; font-size:15px; }
#pd-note { margin:0; color:var(--muted); font-size:13px; }
#pd-chart { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:4px; align-items:end; height:180px; min-width:0; }
.pd-col { display:grid; grid-template-rows:auto 1fr auto; align-items:end; justify-items:center; height:100%; min-width:0; gap:2px; }
.pd-bar { width:100%; max-width:28px; background:var(--green); border-radius:4px 4px 0 0; align-self:end; min-height:0; }
.pd-partial .pd-bar { opacity:.45; }
.pd-empty .pd-bar { background:transparent; }
.pd-val { font-size:10px; color:var(--muted); font-variant-numeric:tabular-nums; white-space:nowrap; overflow:hidden; max-width:100%; }
.pd-day { font-size:10px; color:var(--muted); font-variant-numeric:tabular-nums; }
.pd-legend { font-size:12px; color:var(--muted); margin:0; }
@media (max-width:600px) { .pd-val { display:none; } #pd-chart { height:140px; gap:2px; } }
/* Bars were invisible: a % height inside a 1fr grid row did not resolve on
   some browsers (Ana, 05/10/2026). Flex column with a definite height does. */
.pd-col { display:flex; flex-direction:column; justify-content:flex-end; align-items:center; }
.pd-bar { flex:0 0 auto; }
.pd-val, .pd-day { flex:0 0 auto; }
.pd-bar { align-self:center; } /* bar centred under its value (06/10/2026) */
/* Redesign 06/10/2026: same look as the Tráfego account charts. */
#pd-chart { display:block; height:auto; }
#pd-chart svg { display:block; width:100%; height:auto; }
.pd-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:4px 0 8px; }
.pd-metric { border:1px solid var(--line); border-radius:10px; background:var(--panel-soft); padding:12px 14px; min-width:0; }
.pd-metric span { display:block; color:var(--muted); font-size:13px; }
.pd-metric strong { display:block; margin-top:6px; font-size:22px; white-space:nowrap; }
@media (max-width:600px) { .pd-metrics { grid-template-columns:minmax(0,1fr); } }