.wc-revenue-card{margin-top:20px}
.wc-revenue-card .card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.wc-revenue-summary{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}
.wc-revenue-summary label{display:flex;align-items:center;gap:8px;color:#a6b0c0;font-size:12px}
.wc-revenue-summary select{padding:6px 8px;min-height:36px;border:1px solid #3b485e;border-radius:8px;background:#202938;color:#e8eef8;font:inherit}
.wc-revenue-summary select:disabled{opacity:1;color:#bac7d8}
.wc-revenue-summary strong{color:#71e4c4;font-size:28px;line-height:1.2;white-space:nowrap}
.wc-revenue-summary>span{color:#a6b0c0;font-size:12px}
.wc-revenue-chart{position:relative;height:230px;min-width:0;margin-top:16px;touch-action:pan-y}
.wc-revenue-chart svg{display:block;width:100%;height:100%;overflow:visible}
.wc-revenue-chart .chart-tooltip{position:absolute;top:8px;z-index:2;max-width:calc(100% - 8px);padding:10px 12px;border:1px solid #46556d;border-radius:10px;background:#131c2af5;color:#e6edf9;box-shadow:0 8px 20px #0005;pointer-events:none;font-size:12px}
.wc-revenue-chart .chart-tooltip[hidden]{display:none}
.wc-revenue-chart .chart-tooltip strong,.wc-revenue-chart .chart-tooltip span{display:block;margin:2px 0}
.wc-revenue-chart .chart-tooltip b{color:#71e4c4;margin-left:12px}
.wc-revenue-chart:focus-visible{outline:2px solid #71e4c4;outline-offset:4px;border-radius:8px}
#revenue-refresh{min-height:44px}
@media(max-width:600px){.wc-revenue-card .card-head{flex-direction:column;gap:14px}.wc-revenue-summary{align-items:flex-start}.wc-revenue-chart{height:220px}.wc-revenue-summary strong{font-size:26px}}
