/* Live activity presentation; no external assets or chart dependencies. */
.traffic-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:0 0 24px;padding:20px 22px;background:#eaf0df;border:1px solid #ceddc3;border-radius:14px}.traffic-toolbar>div:first-child{min-width:185px}.traffic-toolbar strong{font-size:14px}.traffic-toolbar small{display:block;margin-top:5px;color:#4c5e46;font-size:11px}.traffic-toolbar .actions{align-items:end}.traffic-toolbar label{font-size:11px;display:grid;gap:5px}.traffic-toolbar select{font-size:12px;padding:10px}.stream-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background:#345c3e;margin-right:8px}.activity-filter-panel{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:14px}.activity-search>label{display:block;font-size:12px;font-weight:650;margin-bottom:8px}.activity-search>div{display:flex;gap:8px}.activity-search input{min-width:80px;flex:1}.activity-search button{white-space:nowrap}.activity-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.activity-filters label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;min-width:0}.activity-filters select{width:100%;font-size:12px}.activity-filters p{align-self:end;margin:0;font-size:12px}.activity-advanced{margin-top:18px;border-top:1px solid var(--line);padding-top:4px}.activity-advanced summary{font-size:12px;font-weight:600}.activity-advanced p,#activity-search-help{font-size:11px;line-height:1.8;color:#536256;margin:10px 0 0}.activity-filters .check-label{flex-direction:row;align-items:center;font-weight:500}.check-label input{width:18px;height:18px;accent-color:#345c3e}.activity-presets{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin-top:16px}.activity-presets label{font-size:11px;display:grid;gap:6px;flex:1;min-width:150px}.activity-presets input,.activity-presets select{width:100%;font-size:12px}.activity-presets button{font-size:11px;padding:10px 12px}.activity-storage-note{font-size:11px;color:#536256;margin:12px 0 24px}#activity-share{margin-bottom:20px}#activity-share label{display:grid;gap:6px}.activity-chart-grid{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(220px,1fr);gap:22px}.activity-chart-grid .panel{min-width:0}.activity-legend{display:flex;gap:16px;font-size:11px;white-space:nowrap}.activity-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px}.activity-legend .allow{background:#497a54}.activity-legend .block{background:#aa4933}#activity-chart{position:relative}.activity-graph{width:100%;height:auto;display:block;min-height:150px;overflow:visible}.activity-graph text{font:11px ui-sans-serif,system-ui,sans-serif;fill:#536256}.activity-grid-line{stroke:#dce3d7;stroke-width:1}.activity-bar-allow{fill:#497a54;pointer-events:none}.activity-bar-block{fill:#aa4933;pointer-events:none}.activity-bar-target{fill:transparent;stroke:transparent;cursor:pointer}.activity-graph g:hover .activity-bar-target,.activity-graph g:focus .activity-bar-target{fill:#edf2e6;stroke:#345c3e;stroke-width:1}.activity-graph g:focus{outline:none}.activity-empty-chart{font-size:12px;text-align:center;margin:10px 0 0}.activity-domain{width:100%;display:flex;justify-content:space-between;gap:10px;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:12px 0;font-size:12px;font-weight:450}.activity-domain span{overflow-wrap:anywhere;min-width:0}.activity-domain strong{border-radius:5px;background:#eef3e8;padding:3px 8px;align-self:start}.activity-badge{display:inline-flex;gap:5px;border-radius:5px;padding:5px 8px;font-size:11px;font-weight:650}.activity-badge.allow{background:#e6f1dd;color:#305d2b}.activity-badge.block{background:#fbe9e3;color:#8c382c}.activity-table{font-size:12px;white-space:normal;table-layout:auto}.activity-table th{color:#536256;white-space:nowrap}.activity-table td{padding-top:13px;padding-bottom:13px;vertical-align:top}.activity-table td:first-child{white-space:nowrap}.activity-table small{display:block;margin-top:5px;font-size:10px;color:#536256}.activity-table .activity-url{min-width:200px;max-width:380px;overflow-wrap:anywhere}.activity-table button{font-size:11px}.activity-pagination{display:flex;gap:10px;align-items:center;padding:16px 24px;flex-wrap:wrap}.activity-pagination span{font-size:12px;margin-right:auto}.activity-pagination button{font-size:12px}.activity-pagination button:disabled{cursor:default}.activity-empty{padding:35px 20px;text-align:center}.activity-empty p{color:#536256;font-size:12px}#activity-detail{width:min(680px,calc(100% - 32px));max-height:85vh;overflow:auto;border:1px solid #c9d6c1;border-radius:16px;padding:24px;color:var(--ink);box-shadow:0 24px 80px #111f1933}#activity-detail::backdrop{background:#111f1977}.activity-detail-header{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:20px}.activity-detail-header button{font-size:12px}.activity-detail-reason{color:var(--ink);margin-top:15px}#activity-detail dl>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}#activity-detail dt{font-size:12px;color:#536256}#activity-detail dd{margin:0;font-size:12px;overflow-wrap:anywhere}#activity-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;background:#f2f5ed;padding:14px;border-radius:8px}#activity-error:not(:empty){padding:12px 16px;background:#fff0eb;border:1px solid #dfb7a9;border-radius:8px;margin:16px 0}#activity-dashboard .panel-head p{color:#536256}#activity-dashboard button:focus-visible,#activity-dashboard a:focus-visible{outline:2px solid #345c3e;outline-offset:3px}
@media(max-width:1200px){.traffic-toolbar{align-items:flex-start;flex-direction:column}.traffic-toolbar .actions{width:100%}.activity-chart-grid{grid-template-columns:minmax(0,2fr) minmax(180px,1fr)}.activity-presets{gap:8px}.activity-presets label{min-width:120px}}
@media(max-width:980px){.activity-chart-grid{grid-template-columns:1fr}.activity-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-chart-grid .panel:last-child .panel-body{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}}
@media(max-width:720px){.traffic-toolbar{padding:16px;gap:16px}.traffic-toolbar .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.traffic-toolbar .actions>button:first-child{grid-column:1/-1}.traffic-toolbar .actions>button:last-child{grid-column:1/-1}.traffic-toolbar button{font-size:12px}.activity-filter-panel{padding:16px}.activity-search>div{display:grid;grid-template-columns:1fr 1fr}.activity-search input{grid-column:1/-1;width:100%}.activity-search button{font-size:12px;padding:10px}.activity-filters{gap:12px}.activity-filters input,.activity-filters select{min-width:0;width:100%;padding:10px 8px}.activity-filters label{font-size:11px}.activity-advanced .check-label{grid-column:1/-1}.activity-filters .check-label input{width:18px}.activity-presets{display:grid;grid-template-columns:1fr 1fr}.activity-presets label{min-width:0}.activity-presets label:first-child{grid-column:1/-1}.activity-presets label:nth-of-type(2){grid-column:1/-1}.activity-presets>button:last-child{grid-column:1/-1}.activity-presets button{width:100%}.activity-graph{min-height:130px}.activity-chart-grid .panel:last-child .panel-body{display:block}.activity-table{min-width:730px}.activity-pagination{padding:14px 16px}.activity-pagination span{width:100%}.activity-pagination button{flex:1}#activity-detail{padding:18px}#activity-detail dl>div{grid-template-columns:1fr;gap:3px}.activity-detail-header{align-items:start}.activity-detail-header h2{font-size:18px}.activity-graph text{font-size:24px}.activity-chart-grid .panel-body{padding:16px 12px}}