.radar-pane { color:var(--text-primary,#282828); min-width:0; font-size:14px; line-height:1.5; }
.radar-pane *, .radar-pane *:before, .radar-pane *:after { box-sizing:border-box; }
.radar-pane button { font:inherit; cursor:pointer; border:0; background:transparent; color:inherit; }
.radar-pane button:focus-visible, .radar-pane a:focus-visible { outline:2px solid #e8613a; outline-offset:4px; }
.radar-pane button:disabled { cursor:default; opacity:.5; }
.radar-pane-muted { color:var(--text-tertiary,#858585); font-size:12px; }
.radar-pane-link { width:fit-content; color:var(--text-secondary,#6a6a6a); font-size:12px; text-decoration:none; }
.radar-pane-link:hover { color:#d85834; text-decoration:underline; }
.radar-pane-demo { margin:0 0 12px; color:#a38472; font-size:12px; }
.radar-pane-sources { display:flex; align-items:stretch; border:1px solid var(--border-default,#e9e9e9); border-radius:12px; overflow:hidden; background:var(--surface-canvas,#fff); margin:0 0 24px; }
.radar-pane-sources>button { position:relative; flex:1; display:flex; align-items:center; justify-content:space-between; gap:16px; min-width:0; padding:16px 20px 19px; text-align:left; border-right:1px solid var(--border-default,#eee); font-size:13px; }
.radar-pane-sources>button:last-child { border-right:0; }
.radar-pane-sources>button:hover { background:#faf8f6; }
.radar-pane-sources>button[aria-pressed="true"] { background:#fcf4ef; color:#bd4e2d; }
.radar-pane-sources strong { font-size:20px; font-weight:550; color:var(--text-primary,#222); }
.radar-pane-source-track { position:absolute; bottom:0; height:3px; left:0; right:0; background:#f5f3f1; }
.radar-pane-source-track>span { display:block; height:100%; background:#cfc5be; }
.radar-pane-sources>button[aria-pressed="true"] .radar-pane-source-track>span { background:#e8613a; }
.radar-pane-progress { display:flex; align-items:center; flex-wrap:wrap; gap:10px 16px; padding:13px 16px; border:1px solid #f0d9ca; border-radius:9px; background:#fffaf6; margin:0 0 20px; font-size:13px; }
.radar-pane-progress strong { font-weight:500; }
.radar-pane-progress>button { margin-left:auto; font-size:12px; color:#b24f30; }
.radar-pane-pulse { width:7px; height:7px; border-radius:50%; background:#b1a69d; }
.radar-pane-pulse.is-active { background:#e8613a; box-shadow:0 0 0 4px #e8613a18; }
.radar-pane-market { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin:-12px 0 20px; font-size:12px; color:var(--text-secondary,#777); }
.radar-pane-market-list { display:flex; flex-wrap:wrap; gap:6px; }
.radar-pane-market-list>button { padding:5px 10px; border:1px solid var(--border-default,#e5e5e5); border-radius:6px; }
.radar-pane-market-list>button[aria-pressed="true"] { border-color:#e9a48e; background:#fff4ed; color:#b24f30; }
.radar-pane-results-heading { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin:0 0 14px; }
.radar-pane-results-heading h2 { font-size:16px; line-height:24px; font-weight:600; margin:0; }
.radar-pane-results-heading>button { margin-left:auto; color:#9b5138; font-size:12px; }
.radar-pane-columns, .radar-pane-row-main { display:grid; grid-template-columns:minmax(180px,2.5fr) minmax(120px,1.25fr) minmax(120px,1.15fr) minmax(90px,.85fr); gap:20px; }
.radar-pane-columns { padding:10px 16px; background:var(--surface-subtle,#f7f7f6); color:var(--text-tertiary,#858585); font-size:12px; border-radius:8px 8px 0 0; border-bottom:1px solid var(--border-default,#e8e8e8); }
.radar-pane-list { border:1px solid var(--border-default,#e8e8e8); border-top:0; border-radius:0 0 9px 9px; overflow:hidden; }
.radar-pane-row { min-width:0; border-bottom:1px solid var(--border-default,#eee); }
.radar-pane-row:last-child { border-bottom:0; }
.radar-pane-row.is-expanded { background:#fdfbf9; }
.radar-pane-row-main { padding:20px 16px; align-items:start; }
.radar-pane-company, .radar-pane-market-cell, .radar-pane-source-cell, .radar-pane-status { display:flex; flex-direction:column; gap:7px; min-width:0; overflow-wrap:anywhere; }
.radar-pane-company-name { text-align:left; padding:0; font-weight:600!important; line-height:22px; width:fit-content; }
.radar-pane-company-name:hover { color:#ce5734; }
.radar-pane-products { color:var(--text-secondary,#6a6a6a); font-size:12px; line-height:20px; }
.radar-pane-source-tag { display:block; color:var(--text-secondary,#777); font-size:12px; }
.radar-pane-source-tag:before { content:""; display:inline-block; width:5px; height:5px; margin:0 6px 2px 0; border-radius:50%; background:#c4b8ae; }
.radar-pane-private { color:#9b7e69; font-size:11px; }
.radar-pane-status { align-items:flex-start; font-size:12px; }
.radar-pane-pooled { padding:2px 7px; border-radius:4px; background:#f2f4f2; color:#617266; }
.radar-pane-candidate { padding:2px 7px; border-radius:4px; background:#f7f3ed; color:#9a7952; }
.radar-pane-status>button { padding:0; margin-top:5px; color:#b85232; }
.radar-pane-details { padding:0 20px 20px; margin-top:-2px; }
.radar-pane-reasons { padding:0 0 0 17px; margin:4px 0 12px; font-size:13px; color:#69625d; }
.radar-pane-details blockquote { padding:9px 12px; border-left:2px solid #e3cdc0; margin:8px 0; background:#f6f3ef; color:#756c64; font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
.radar-pane-details blockquote>a { display:block; margin-top:4px; }
.radar-pane-actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px; margin-top:15px; }
.radar-pane-actions>button { padding:0; color:#b85232; font-size:13px; }
.radar-pane-gaps { margin-top:18px; color:var(--text-tertiary,#888); font-size:12px; }
.radar-pane-gaps summary { cursor:pointer; }
.radar-pane-gaps p { margin:8px 0 0; }
.radar-pane-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:285px; padding:34px 20px; border:1px dashed var(--border-default,#dedbd8); border-radius:12px; background:#fdfcfb; text-align:center; }
.radar-pane-empty-mark { display:grid; place-items:center; width:44px; height:44px; margin-bottom:14px; border:1px solid #eadbd0; border-radius:50%; background:#fcf3ed; color:#ba6141; font-size:28px; }
.radar-pane-empty h3 { margin:0 0 9px; font-size:17px; font-weight:550; }
.radar-pane-empty p { margin:4px 0; }
.radar-pane-no-match { padding:24px; color:var(--text-secondary,#777); text-align:center; }
@media(max-width:800px) {
  .radar-pane-columns { display:none; }
  .radar-pane-list { border-top:1px solid var(--border-default,#e8e8e8); border-radius:9px; }
  .radar-pane-row-main { grid-template-columns:minmax(0,1fr) auto; gap:12px 16px; }
  .radar-pane-company { grid-column:1; grid-row:1; }
  .radar-pane-status { grid-column:2; grid-row:1; align-items:flex-end; }
  .radar-pane-market-cell { grid-column:1; grid-row:2; flex-direction:row; flex-wrap:wrap; gap:7px 12px; font-size:12px; }
  .radar-pane-source-cell { grid-column:1/-1; grid-row:3; flex-direction:row; flex-wrap:wrap; gap:7px 14px; }
  .radar-pane-sources { flex-wrap:wrap; }
  .radar-pane-sources>button { flex:1 1 33%; padding:12px; gap:9px; }
  .radar-pane-sources strong { font-size:18px; }
}
@media(max-width:480px) { .radar-pane-sources>button { flex-basis:50%; }.radar-pane-progress>button { margin-left:0; }.radar-pane-row-main { padding:16px 12px; }.radar-pane-details { padding:0 12px 16px; }.radar-pane-empty { min-height:230px; } }