.ads-ml-metrics { padding:12px 14px; color:#e2e8f0; text-align:left; font-family:var(--pv-font-ui,Arial,sans-serif); white-space:normal; }
.ads-ml-metrics__context { margin:0 0 10px; font-size:10px; line-height:1.5; color:#94a3b8; }
.ads-ml-metrics__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0; }
.ads-ml-metrics__item { min-width:0; padding:9px 10px; border:1px solid #303c54; border-radius:7px; background:rgba(15,23,42,.6); }
.ads-ml-metrics__item dt { margin:0; color:#a5b4cc; font-size:10px; line-height:1.45; }
.ads-ml-metrics__item dt span { white-space:nowrap; }
.ads-ml-metrics__item dd { margin:5px 0 0; font-variant-numeric:tabular-nums; font-size:14px; font-weight:600; color:#e2e8f0; }
.ads-ml-metrics__item small { display:block; margin-top:4px; font-size:9px; line-height:1.45; color:#d7bd83; }
.ads-ml-metrics__note { margin:9px 0 0; color:#94a3b8; font-size:10px; line-height:1.5; }
.ads-ml-metrics__comparison { margin-top:9px; color:#d7bd83; font-size:10px; line-height:1.5; }
.ads-ml-metrics__comparison summary { cursor:pointer; }
.ads-ml-metrics__comparison summary:focus-visible { outline:2px solid #a78bfa; outline-offset:3px; }
.ads-ml-metrics__comparison p { margin:5px 0 0; }
.ads-ml-metrics-toggle { display:inline-flex; margin-top:6px; padding:4px 7px; color:#c4b5fd; background:rgba(139,92,246,.1); border:1px solid #594a80; border-radius:5px; font-size:10px; cursor:pointer; }
.ads-ml-campaign-period { display:block; margin-top:5px; color:#94a3b8; font-size:10px; line-height:1.4; }
.ads-ml-metrics-toggle:focus-visible,.ads-ml-metrics-details>summary:focus-visible { outline:2px solid #a78bfa; outline-offset:3px; }
.ads-ml-metrics-row[hidden] { display:none!important; }
.ads-ml-metrics-row>td { padding:0 12px 12px!important; }
.ads-ml-metrics-row .ads-ml-metrics { background:#111b2b; border:1px solid #303c54; border-radius:8px; }
.ads-ml-metrics-row .ads-ml-metrics__grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
.ads-ml-metrics-details { margin:0 12px 12px; border:1px solid #35415d; border-radius:8px; background:rgba(15,23,42,.25); }
.ads-ml-metrics-details>summary { padding:9px 11px; cursor:pointer; color:#c4b5fd; font-size:11px; }
.ads-ml-metrics-details .ads-ml-metrics { padding:0 10px 10px; }
@media(max-width:1050px) { .ads-ml-metrics-row .ads-ml-metrics__grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:560px) { .ads-ml-metrics__grid,.ads-ml-metrics-row .ads-ml-metrics__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .ads-ml-metrics__item dd { font-size:13px; } .ads-ml-metrics-row .ads-ml-metrics { width:calc(100vw - 80px); max-width:100%; } }