.discovery-panel { min-width: 0; }
.discovery-panel h2 { margin-bottom: 4px; }
.discovery-subtitle { margin: 0; color: var(--muted); font-size: 12px; }
.discovery-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 3px 0 15px; }
.discovery-metrics button { display: grid; text-align: left; gap: 3px; padding: 13px 17px; white-space: normal; border-radius: 9px; background: #fbfcfd; }
.discovery-metrics button span { font-size: 12px; color: #536974; }
.discovery-metrics button strong { font-size: 29px; font-weight: 650; line-height: 1.4; }
.discovery-metrics button small { font-size: 11px; color: #7a8a92; font-weight: 400; }
.discovery-metrics .metric-healthy strong { color: #14775c; }
.discovery-metrics .metric-abnormal strong { color: #b44733; }
.discovery-metrics .metric-pending strong { color: #8b6c34; }
.discovery-metrics button:hover, .discovery-metrics button.is-active { border-color: #76a89f; background: #f3f9f7; }
.discovery-jobs { display: flex; align-items: center; flex-wrap: wrap; gap: 7px 18px; margin: 13px 0; font-size: 11px; color: #50646f; }
.discovery-jobs > span { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; }
.discovery-jobs i { width: 6px; height: 6px; border-radius: 50%; background: #9facb2; }
.discovery-jobs i.is-running { background: #248779; box-shadow: 0 0 0 3px #e2f3ec; }
.discovery-text-button { border: 0; background: transparent; color: var(--brand); padding: 3px 0; font-size: 12px; }
.discovery-jobs .discovery-text-button { margin-left: auto; }
.discovery-settings { border: 1px solid #e1e7eb; border-radius: 7px; padding: 10px 13px; background: #fafcfc; margin-bottom: 23px; }
.discovery-settings summary { font-size: 12px; cursor: pointer; color: #50646f; }
.discovery-settings summary span { color: #85939b; margin-left: 9px; font-size: 11px; }
.discovery-settings .proxy-help { font-size: 12px; color: var(--muted); margin: 12px 0 0; }
.discovery-list-toolbar { display: flex; gap: 12px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.discovery-tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--line); }
.discovery-tabs button { border: 0; border-radius: 0; padding: 10px 10px; color: #71818b; background: transparent; border-bottom: 2px solid transparent; }
.discovery-tabs button.is-active { border-bottom-color: var(--brand); color: var(--brand); font-weight: 600; }
.discovery-tabs span { display: inline-block; border-radius: 5px; padding: 0 5px; background: #edf2f4; font-size: 10px; margin-left: 3px; }
.discovery-search { flex: 1; max-width: 310px; font-size: 0; }
.discovery-search input { font-size: 12px; background: #fbfcfd; }
.discovery-filters { display: flex; align-items: center; flex-wrap: wrap; gap: 9px 15px; margin-top: 13px; }
.discovery-filters label { display: flex; align-items: center; gap: 6px; white-space: nowrap; font-size: 11px; font-weight: 400; }
.discovery-filters select { width: auto; min-height: 30px; padding: 4px 7px; font-size: 11px; }
.discovery-result-count { margin-left: auto; font-size: 11px; color: #7e8c94; }
.discovery-list-help { color: #88959b; font-size: 11px; margin: 12px 0; }
.discovery-link-list { display: grid; gap: 9px; }
.discovery-link-row { border: 1px solid #dce4e8; border-left: 3px solid #b6c5cb; border-radius: 8px; overflow: hidden; background: #fff; }
.discovery-link-row.tone-ok { border-left-color: #75ac9a; }
.discovery-link-row.tone-danger { border-left-color: #cb6655; }
.discovery-link-row.tone-warning { border-left-color: #d19e4c; }
.discovery-link-row.tone-pending { border-left-color: #c5b48f; }
.discovery-link-row.is-open { border-color: #81a69d; box-shadow: 0 2px 10px #1746380a; }
.discovery-link-summary { width: 100%; border: 0; border-radius: 0; display: grid; grid-template-columns: minmax(0, 1fr) 168px minmax(0, 1fr) 103px; align-items: center; gap: 15px; padding: 13px 17px 9px; background: transparent; text-align: left; white-space: normal; }
.discovery-link-summary:hover { background: #fafcfb; }
.discovery-link-summary:focus-visible { outline: 2px solid var(--brand); outline-offset: -3px; }
.discovery-terminal { display: grid; min-width: 0; gap: 1px; }
.discovery-terminal-label { font-size: 9px; letter-spacing: .06em; color: #96a4aa; }
.discovery-terminal > strong { font-size: 14px; line-height: 1.5; color: #293f49; overflow-wrap: anywhere; }
.discovery-interface { color: #627984; font-size: 11px; overflow-wrap: anywhere; }
.discovery-address { font-size: 11px; color: #93a0a6; overflow-wrap: anywhere; }
.discovery-terminal.is-unresolved > strong { color: #8b7a57; }
.discovery-connection { text-align: center; min-width: 0; }
.discovery-protocol { display: flex; gap: 5px; justify-content: center; color: #6c818b; font-size: 10px; }
.discovery-protocol span { border-radius: 4px; background: #f0f4f5; padding: 1px 5px; }
.discovery-connection-line { display: flex; align-items: center; gap: 4px; color: #91ada7; margin: 3px 0; line-height: 1; }
.discovery-connection-line i { flex: 1; border-top: 1px solid #c2d6d0; }
.discovery-connection-line.is-unconfirmed i { border-top-style: dashed; border-color: #d7cdb5; }
.discovery-connection-line.is-unconfirmed { color: #bead8a; }
.discovery-direction-pings { display: flex; justify-content: center; gap: 7px; font-size: 11px; white-space: nowrap; }
.ping-ok { color: #34876e; }.ping-danger { color: #b45443; }.ping-warning { color: #a17830; }.ping-muted, .ping-info, .discovery-unpaired-note { color: #96a1a6; }
.discovery-unpaired-note { font-size: 10px; }
.discovery-row-status { display: grid; justify-items: end; align-content: center; gap: 13px; }
.discovery-health-badge { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; white-space: nowrap; border-radius: 5px; padding: 3px 6px; color: #637986; background: #edf2f5; }
.discovery-health-badge i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.badge-ok { color: #287b5f; background: #edf7f0; }.badge-danger { color: #b14532; background: #fdf0ed; }.badge-warning { color: #a17023; background: #fff5e4; }.badge-pending { color: #8a784e; background: #f6f3ea; }.badge-muted { color: #8a959c; background: #f1f3f5; }
.discovery-expand-label { font-size: 10px; color: #83959b; }
.discovery-row-foot { display: flex; align-items: center; gap: 5px 17px; flex-wrap: wrap; padding: 0 17px 10px; font-size: 10px; color: #95a1a7; }
.discovery-row-foot .sync-on { color: #6b9588; }.discovery-paused { color: #9b8357; }
.discovery-link-detail { padding: 16px 18px; border-top: 1px solid #e2e9e8; background: #fbfdfc; }
.discovery-detail-heading { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font-size: 13px; }
.discovery-link-detail .discovery-endpoint { background: #fff; font-size: 12px; display: grid; gap: 6px; }
.discovery-link-detail .discovery-endpoint > .status { justify-self: start; }
.discovery-link-detail dl { display: grid; grid-template-columns: 60px minmax(0, 1fr); gap: 5px; margin: 4px 0; font-size: 11px; }
.discovery-link-detail dt { color: #8b999f; }.discovery-link-detail dd { margin: 0; overflow-wrap: anywhere; }
.discovery-link-detail .discovery-endpoint p { margin: 4px 0 0; font-size: 11px; }
.discovery-link-detail h4 { margin: 19px 0 3px; font-size: 12px; }
.discovery-link-detail > p { font-size: 11px; margin: 0 0 9px; }
.discovery-ping-results { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.discovery-ping-results > div { display: grid; gap: 5px; border-radius: 6px; background: #f0f3f5; color: #7d8c94; padding: 10px 12px; font-size: 11px; overflow-wrap: anywhere; }
.discovery-ping-results .result-ok { background: #edf6f1; color: #347b65; }.discovery-ping-results .result-danger { background: #fbeeea; color: #a34e3f; }.discovery-ping-results .result-warning { background: #fff5e8; color: #976e31; }
.discovery-detail-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 15px 0; font-size: 11px; color: #8a989f; }
.discovery-sync-detail { border-top: 1px solid #e2e8e8; padding-top: 12px; font-size: 12px; color: #647d77; }
.discovery-sync-detail p { font-size: 11px; margin: 5px 0 10px; }
.discovery-management { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }.discovery-management button { font-size: 12px; padding: 5px 9px; }.discovery-management p { font-size: 11px; margin: 0; }
.discovery-pagination { display: flex; gap: 10px; align-items: center; justify-content: end; margin: 16px 0; font-size: 12px; color: var(--muted); }.discovery-pagination > span:first-child { margin-right: auto; }.discovery-pagination button { padding: 5px 9px; font-size: 12px; }
.discovery-panel .discovery-coverage { border-top: 1px solid var(--line); padding-top: 17px; font-size: 12px; }.discovery-coverage-warning { font-size: 11px; font-weight: 400; color: #a47b38; margin-left: 8px; }
.discovery-footer-note { font-size: 11px; color: #8d9ba3; margin: 14px 0 0; }
@media (max-width: 1150px) { .discovery-link-summary { grid-template-columns: minmax(0, 1fr) 130px minmax(0, 1fr) 98px; gap: 10px; padding-left: 12px; padding-right: 12px; }.discovery-panel > .panel-head { flex-wrap: wrap; gap: 10px; }.discovery-direction-pings { flex-wrap: wrap; gap: 0 6px; } }
@media (max-width: 850px) { .discovery-link-summary { grid-template-columns: minmax(0, 1fr) 106px minmax(0, 1fr); }.discovery-row-status { grid-column: 1 / -1; display: flex; justify-content: space-between; }.discovery-terminal > strong { font-size: 13px; }.discovery-metrics { gap: 7px; }.discovery-metrics button { padding: 10px; } }
@media (max-width: 600px) { .discovery-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }.discovery-search { max-width: none; flex-basis: 100%; }.discovery-tabs { width: 100%; justify-content: space-between; }.discovery-tabs button { padding: 9px 7px; font-size: 12px; }.discovery-jobs > span .muted { display: none; }.discovery-settings summary span { display: block; margin: 4px 0 0 15px; }.discovery-result-count { margin-left: 0; }.discovery-link-summary { grid-template-columns: minmax(0, 1fr) 62px minmax(0, 1fr); gap: 8px; }.discovery-protocol { flex-direction: column; gap: 2px; align-items: center; }.discovery-direction-pings { flex-direction: column; font-size: 9px; }.discovery-terminal > strong { font-size: 12px; }.discovery-interface, .discovery-address { font-size: 10px; }.discovery-ping-results { grid-template-columns: 1fr; }.discovery-link-detail { padding: 12px; }.discovery-row-foot { gap: 4px 10px; padding: 0 12px 9px; }.discovery-pagination { flex-wrap: wrap; }.discovery-panel > .panel-head .actions { flex-wrap: wrap; }.discovery-panel > .panel-head button { padding: 7px 9px; font-size: 12px; } }
