.overview{margin:20px 24px 24px;min-width:0}
.overview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.overview-heading h1{font-size:26px;letter-spacing:-.6px;color:var(--fg-0);margin:0 0 7px}
.overview-heading p,.overview-panel-heading p{margin:0;font-size:12px;color:var(--fg-2);line-height:1.5}
.overview-actions{display:flex;gap:8px;flex-wrap:wrap}
.overview a.btn{text-decoration:none}
.overview-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.overview-stat{padding:16px 18px;border:1px solid var(--line-1);background:var(--bg-2);border-radius:13px;min-width:0}
.overview-stat>span{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--fg-2);flex-wrap:wrap}
.overview-stat em{font-size:10px;font-style:normal;font-weight:400;color:var(--fg-3)}
.overview-stat strong{display:block;margin:10px 0 8px;font-size:29px;line-height:1.15;color:var(--fg-0);font-weight:650}
.overview-stat strong.cyan{color:var(--cyan-400)}
.overview-stat strong small{font-size:16px;font-weight:400;color:var(--fg-2)}
.overview-stat p{margin:0;font-size:11px;line-height:1.5;color:var(--fg-2)}
.overview-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;margin:0 0 16px;border:1px solid var(--line-1);border-left:3px solid var(--ok-500);border-radius:10px;background:var(--bg-2);font-size:12px;color:var(--fg-1)}
.overview-notice strong{color:var(--fg-0);font-size:12px;margin-right:12px}.overview-notice span{color:var(--fg-2);font-size:11px}.overview-notice.warning{border-left-color:var(--warn-500)}
.overview-panel{border:1px solid var(--line-1);border-radius:14px;background:var(--bg-2);overflow:hidden;margin-bottom:16px;min-width:0}
.overview-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 18px 12px}
.overview-panel h2{font-size:16px;margin:0 0 5px;color:var(--fg-0)}.overview-panel h2 span{display:inline-block;font-size:11px;font-weight:500;background:var(--bg-3);color:var(--fg-2);border:1px solid var(--line-1);border-radius:6px;padding:3px 7px;vertical-align:middle;margin-left:6px}
.overview-search{display:flex;align-items:center;gap:8px;border:1px solid var(--line-2);border-radius:9px;background:var(--bg-2);padding:0 11px;color:var(--fg-2);max-width:100%}
.overview-search input{border:0;background:transparent;color:var(--fg-0);padding:10px 0;font:inherit;font-size:12px;width:235px;min-width:0;max-width:100%}
.overview-filters{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:0 18px 14px;border-bottom:1px solid var(--line-1)}
.overview-filters button{display:flex;align-items:center;gap:7px;background:var(--bg-2);border:1px solid var(--line-1);border-radius:8px;padding:7px 10px;color:var(--fg-2);font:inherit;font-size:11px;cursor:pointer}
.overview-filters button span{font-size:10px;opacity:.85}.overview-filters button.selected{background:var(--coral-a15);color:var(--coral-400);border-color:var(--coral-a25);font-weight:600}.overview-filter-note{font-size:11px;color:var(--fg-2)}
.overview-table-scroll{overflow-x:auto;max-width:100%}
.overview .dt{min-width:620px}.overview .dt th,.overview .dt td{padding:10px 18px;font-size:12px}
.overview .dt th{font-size:10px}.overview-agent-name{font-weight:650;color:var(--fg-0);text-decoration:none}.overview-agent-name:hover{color:var(--coral-400);text-decoration:underline}
.overview-agent-ip{display:block;font-size:10px;color:var(--fg-2);margin-top:4px}.overview-detail-link{white-space:nowrap;font-size:11px;color:var(--coral-400);text-decoration:none}.overview-detail-link:hover{text-decoration:underline}
.overview-agent-table td:first-child{max-width:310px;overflow-wrap:anywhere}.overview-agent-table td:nth-child(2){white-space:nowrap}
.overview-list-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 18px;font-size:11px;color:var(--fg-2);border-top:1px solid var(--line-1)}.overview-list-footer a{color:var(--coral-400);text-decoration:none}
.overview .dt .overview-empty{padding:28px 18px;text-align:center;color:var(--fg-2)}
.overview-logs>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;cursor:pointer;color:var(--fg-0);font-size:14px;font-weight:600;list-style:none}.overview-logs>summary::-webkit-details-marker{display:none}.overview-logs>summary small,.overview-logs>summary>span:last-child{font-size:11px;color:var(--fg-2);font-weight:400}.overview-logs>summary small{margin-left:8px}.overview-logs[open]>summary{border-bottom:1px solid var(--line-1)}.overview-logs>summary:focus-visible{outline:2px solid var(--coral-400);outline-offset:-3px}
.overview-query{max-width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
@media(max-width:1100px){.overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.overview{margin:16px 0}.overview-heading h1{font-size:24px}.overview-heading{gap:12px}.overview-stat{padding:13px}.overview-stat strong{font-size:24px}.overview-stat strong small{font-size:13px}.overview-stats{gap:9px}.overview-panel-heading{padding:14px}.overview-search{width:100%}.overview-search input{width:100%}.overview-filters{padding:0 14px 12px}.overview-notice strong,.overview-notice span{display:block}.overview-notice span{margin-top:5px}}
