.pd-modes{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.pd-mode{border-radius:var(--r-pill);border:1px solid var(--line-2);color:var(--ink-4);font-size:10.5px;font-weight:600;font-family:var(--font-mono);white-space:nowrap;padding:4px 12px}.pd-mode-active{color:var(--brand-3);background:#604ed62e;border-color:#9b8dec61}@media (max-width:400px){.pd-mode{padding:3px 9px;font-size:9.5px}}.pd-stats{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:10px;display:grid}@media (max-width:780px){.pd-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.pd-stats{grid-template-columns:repeat(2,1fr)}}.pd-stat{border:1px solid var(--line);border-radius:var(--r-md);background:#14093d8c;min-width:0;padding:10px}.pd-label{color:var(--ink-4);text-transform:uppercase;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font-size:9px;display:block;overflow:hidden}.pd-stat strong{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;font-size:18px;font-weight:600;line-height:1.1;display:block}.pd-stat strong.mint{color:var(--mint)}.pd-trend{color:var(--ink-4);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9.5px;display:block;overflow:hidden}.pd-live{grid-template-columns:1fr 152px;align-items:start;gap:10px;margin-bottom:10px;display:grid}@media (max-width:560px){.pd-live{grid-template-columns:1fr}}.pd-floor{border:1px solid var(--line);border-radius:var(--r-md);background:#14093d66;min-width:0;padding:12px}.pd-floor-label{color:var(--ink-4);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:9px;display:block}.pd-bars{grid-template-columns:repeat(8,1fr);align-items:end;gap:5px;height:72px;display:grid}.pd-bar{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.pd-bar-h{background:linear-gradient(180deg,var(--brand-3),var(--brand));border-radius:3px 3px 0 0;width:100%;display:block}.pd-bar-now{background:linear-gradient(180deg,#a8f0d2,var(--mint))}.pd-bar .mono{color:var(--ink-4);font-size:8.5px}.pd-agents{flex-direction:column;gap:5px;min-width:0;display:flex}@media (max-width:560px){.pd-agents{display:none}}.pd-agents-label{color:var(--ink-4);text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px;font-size:9px;display:block}.pd-agent{border:1px solid var(--line);border-radius:var(--r-md);background:#14093d66;grid-template-columns:24px 1fr auto;align-items:center;gap:5px;min-width:0;padding:6px 8px;display:grid}.pd-agent-av{width:24px;height:24px;color:var(--brand-3);font-size:8px;font-weight:700;font-family:var(--font-mono);background:#604ed647;border:1px solid #9b8dec47;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pd-agent-info{min-width:0;overflow:hidden}.pd-agent-name{color:var(--ink);font-size:10px;font-weight:600;font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pd-agent-sub{color:var(--ink-4);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:9px;display:block;overflow:hidden}.pd-astatus{text-transform:uppercase;letter-spacing:.06em;border-radius:var(--r-pill);white-space:nowrap;flex-shrink:0;padding:2px 5px;font-size:8px;font-weight:700}.pd-incall{color:var(--mint);background:#6ee0b71f;border:1px solid #6ee0b73d}.pd-wrap{color:var(--amber);background:#f59e0b1a;border:1px solid #f59e0b38}.pd-idle{color:var(--brand-3);background:#9b8dec1a;border:1px solid #9b8dec38}.pd-foot{border:1px solid var(--line);border-radius:var(--r-md);background:#14093d66;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.pd-foot .mono{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.pd-progress{background:#9b8dec1a;border-radius:3px;min-width:0;height:5px;display:block;position:relative;overflow:hidden}.pd-progress i{background:linear-gradient(90deg,var(--brand),var(--brand-3));border-radius:3px;display:block;position:absolute;top:0;bottom:0;left:0}.pd-eta{color:var(--mint);white-space:nowrap;font-size:10.5px}@media (max-width:480px){.pd-foot{grid-template-columns:1fr auto}.pd-progress{grid-column:1/-1}}@media (max-width:380px){.pd-eta{display:none}}.demo-bar .url{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}