.traffic-detail-toggle{margin-left:12px;padding:3px 9px!important;font-size:12px!important;line-height:1.4!important;min-height:0!important;border:1px solid #adcaff!important;border-radius:6px;background:#edf5ff!important;color:#1260cc!important;vertical-align:middle}.traffic-detail-row>td{padding:16px!important;background:#edf4ff!important;text-align:left!important;white-space:normal!important}.traffic-details{border:1px solid #bed3f5;border-radius:12px;padding:20px;background:#f8fbff;max-width:100%;color:#16375d}.traffic-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.traffic-detail-heading strong{font-size:18px}.traffic-detail-heading small{display:block;color:#69809e;font-size:12px;margin-top:5px}.traffic-detail-heading button{font-size:12px;padding:5px 12px;white-space:nowrap}.traffic-detail-summary{display:flex;align-items:center;gap:12px;margin:16px 0;font-size:13px}.traffic-detail-summary b{font-size:22px}.traffic-detail-summary span{color:#69809e;margin-left:auto}.traffic-detail-summary em{font-size:12px;font-style:normal;color:#a46400;background:#fff0c9;padding:3px 8px;border-radius:5px}.traffic-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.traffic-dimension{padding:16px 20px;border:1px solid #dce6f4;background:white;border-radius:10px;min-width:0}.traffic-dimension h3{font-size:15px;margin:0 0 10px;display:flex;justify-content:space-between}.traffic-dimension h3 small{font-size:12px;font-weight:400;color:#7a8ba4}.traffic-dimension-entry{display:grid;grid-template-columns:minmax(0,1fr) 75px 65px;gap:5px 10px;align-items:center;padding:7px 0;font-size:13px}.traffic-dimension-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.traffic-dimension-entry>b,.traffic-dimension-entry>small{text-align:right;font-variant-numeric:tabular-nums}.traffic-dimension-entry>small{font-size:12px;color:#6c819b}.traffic-dimension-track{grid-column:1/-1;height:4px;background:#eef3fa;border-radius:4px;overflow:hidden}.traffic-dimension-track i{display:block;height:100%;background:#2879ed}.traffic-other{color:#7a8ba4}.traffic-other i{background:#a8b8ca}.traffic-target{color:#00855d}.traffic-target i{background:#12ab7a}.traffic-device{grid-column:auto}.traffic-detail-footnote{font-size:12px;color:#75879e;margin:13px 0 0}@media(max-width:800px){.traffic-detail-grid{grid-template-columns:1fr}.traffic-device{grid-column:auto}.traffic-detail-summary{flex-wrap:wrap}}

#summary-body .domain-cell{text-align:left!important}#summary-body .traffic-domain-content{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}#summary-body .traffic-domain-content .copy-domain-text{min-width:0;text-align:left;overflow-wrap:anywhere}#summary-body .traffic-domain-content .traffic-detail-toggle{margin-left:auto;flex-shrink:0}

/* Keep the selection, domain and detail action compact and aligned. */
#summary-head th:nth-child(4),#summary-body>tr:not(.traffic-detail-row)>td:nth-child(4){border-left:0!important}
#summary-head th:nth-child(3),#summary-body>tr:not(.traffic-detail-row)>td:nth-child(3){border-left:0!important;background-image:linear-gradient(#d5e0ee,#d5e0ee);background-size:1px 100%;background-position:12px 0;background-repeat:no-repeat}
#summary-head .selectable-domain-cell,#summary-body .selectable-domain-cell{padding-left:26px!important}
#summary-head .domain-select-check,#summary-body .domain-select-check{left:-8px!important}
#summary-body .traffic-domain-content{gap:7px}
#summary-body .traffic-domain-content .copy-domain-text{display:block;flex:1 1 0;min-width:0;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
#summary-body .traffic-domain-content .traffic-detail-toggle{margin-left:0;padding-left:7px!important;padding-right:7px!important}
@media(min-width:701px){#summary-head th:nth-child(2),#summary-body .domain-cell{width:19%!important}#summary-head th:nth-child(4),#summary-body>tr:not(.traffic-detail-row)>td:nth-child(4){width:13%!important}}

/* Redistribute category/metric header space to the domain column. */
@media(min-width:701px){
#summary-head th:nth-child(2),#summary-body .domain-cell{width:25%!important}
#summary-head th:nth-child(3),#summary-body>tr:not(.traffic-detail-row)>td:nth-child(3){width:8%!important}
#summary-head th:nth-child(4),#summary-body>tr:not(.traffic-detail-row)>td:nth-child(4){width:10%!important}
#summary-head th:nth-child(5),#summary-body>tr:not(.traffic-detail-row)>td:nth-child(5){width:10%!important}
}

/* Inset only the domain text/action pair; keep columns and checkbox anchors unchanged. */
#summary-body .traffic-domain-content{padding-left:23px;padding-right:23px;box-sizing:border-box}

#summary-head th:nth-child(3),#summary-body>tr:not(.traffic-detail-row)>td:nth-child(3){background-position:0.5px 0}

#summary-head th:nth-child(3),#summary-body>tr:not(.traffic-detail-row)>td:nth-child(3){background-image:none;position:relative}
#summary-head th:nth-child(3)::before,#summary-body>tr:not(.traffic-detail-row)>td:nth-child(3)::before{content:"";position:absolute;top:0;bottom:0;left:var(--traffic-divider-offset,0px);width:1px;background:#d5e0ee;pointer-events:none}