#research-radar-view{max-width:1440px;margin:0 auto 64px;padding:0;color:var(--ink)}
/* Module header: the shell's pattern (.view-head, .view-head-text, .view-title and .view-head-actions in style.css) draws it, as in every
   module, so title, description and the action sit where they sit elsewhere. The view's own h2 and p rules below skip it (:where keeps
   their weight), because an id-scoped rule would otherwise outweigh the shell's classes. The project tray follows the header. */
#research-radar-view h2:where(:not(.view-title)){font-family:var(--font-display);font-size:18px;font-weight:600;line-height:1.35;margin:0 0 6px}
#research-radar-view h3{font-size:15px;font-weight:600;line-height:1.45;margin:24px 0 10px}
#research-radar-view h4{font-size:14px;font-weight:600;line-height:1.45;margin:16px 0 8px}
#research-radar-view strong{font-weight:600}
#research-radar-view p:where(:not(.view-head-text>p)){line-height:1.6;margin:8px 0 12px}
#research-radar-view .rr-section-intro p{color:var(--muted);font-size:14px;margin-bottom:0}
/* A short data label (origin of an idea, source of a run). Sentence case: the only small caps on the page are the shell's module label. */
#research-radar-view .rr-eyebrow{font-size:12px;font-weight:600;line-height:1.4;color:var(--green-strong);margin:0 0 4px}
#research-radar-view .rr-context{display:flex;align-items:center;gap:20px;padding:16px 20px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-card)}
#research-radar-view label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;line-height:1.4;color:var(--ink-2)}
/* Typed values read at body weight; only the label above them is semibold. */
#research-radar-view label :is(input,select,textarea){font-weight:400}
#research-radar-view .rr-context label{min-width:220px;max-width:350px;flex:1}
#research-radar-view .rr-context-note{font-size:12.5px;line-height:1.6;color:var(--muted);flex:1}
#research-radar-view .rr-tabs{display:flex;gap:12px;margin:24px 0;border-bottom:1px solid var(--line);overflow-x:auto}
#research-radar-view .rr-tabs button{display:flex;align-items:center;gap:8px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:12px 6px;font-size:13.5px;font-weight:600;white-space:nowrap;transition:color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}
/* The strip scrolls, so the ring is drawn inside the tab instead of being clipped. */
#research-radar-view .rr-tabs button:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:var(--radius) var(--radius) 0 0}
#research-radar-view .rr-tabs button[aria-current=page]{color:var(--green-strong);border-bottom-color:var(--green)}
@media(hover:hover){#research-radar-view .rr-tabs button:not([aria-current=page]):not(:disabled):hover{color:var(--ink);border-bottom-color:var(--line-strong)}}
#research-radar-view .rr-tabs button span{padding:1px 7px;background:var(--surface-2);border-radius:var(--radius);font-size:12px;font-weight:500;min-width:22px;text-align:center;font-variant-numeric:tabular-nums}
#research-radar-view .rr-section-intro{display:flex;justify-content:space-between;align-items:last baseline;gap:20px;margin-bottom:20px}
#research-radar-view .rr-caption{font-size:12.5px;color:var(--muted);white-space:nowrap}
#research-radar-view .rr-idea-workspace{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.8fr);gap:24px;align-items:start}
/* No idea yet: a manual draft takes one column at a reading width (880px), and without one a single empty state teaches the two ways
   to the first idea, with the same heading as the other empty states. */
#research-radar-view .rr-idea-workspace.is-single{grid-template-columns:minmax(0,1fr);max-width:880px}
#research-radar-view .rr-ideas-empty{padding:48px 24px;text-align:center;border:1px solid var(--line);border-radius:var(--radius-frame);background:var(--surface);color:var(--muted)}
#research-radar-view .rr-ideas-empty>span{display:block;font-size:24px;line-height:1;color:var(--green)}
#research-radar-view .rr-ideas-empty h3{font-family:var(--font-display);font-size:15px;color:var(--ink);margin:12px 0 6px}
#research-radar-view .rr-ideas-empty p{max-width:58ch;margin:0 auto;font-size:13.5px;line-height:1.6}
#research-radar-view .rr-ideas-empty .rr-actions{justify-content:center;margin:20px 0 0}
#research-radar-view .rr-idea-sidebar{border:1px solid var(--line);border-radius:var(--radius-frame);overflow:hidden;background:var(--surface)}
#research-radar-view .rr-filters{padding:16px;border-bottom:1px solid var(--line);background:var(--surface-2)}
#research-radar-view .rr-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
#research-radar-view .rr-idea-list{padding:8px;max-height:1000px;overflow:auto}
#research-radar-view .rr-idea-card,#research-radar-view .rr-run-card{display:flex;flex-direction:column;gap:10px;text-align:left;width:100%;padding:16px;margin:2px 0;background:var(--surface);border:1px solid transparent;border-radius:var(--radius-card);color:var(--ink);transition:background-color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out);overflow-wrap:anywhere}
#research-radar-view .rr-idea-card:hover:not(:disabled,.is-selected),#research-radar-view .rr-run-card:hover:not(:disabled,.is-selected){background:var(--surface-2)}
/* Selection is a tinted sheet with a teal hairline, never a side stripe. The hairline is --green, not --green-line: it has to reach 3:1 on its own. */
#research-radar-view .rr-idea-card.is-selected,#research-radar-view .rr-run-card.is-selected{background:var(--green-soft);border-color:var(--green)}
#research-radar-view .rr-idea-card>strong{font-family:var(--font-display);font-size:15px;line-height:1.4}
#research-radar-view .rr-card-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
#research-radar-view .rr-pill{display:inline-flex;flex:none;align-items:center;white-space:nowrap;line-height:1.35;padding:2px 8px;border-radius:var(--radius);background:var(--surface-2);color:var(--ink-2);font-size:12px;font-weight:600}
/* data-tone comes from research_radar.mjs: every executing step is "active", every request for action is "warn". */
#research-radar-view .rr-pill[data-tone=ok]{background:var(--green-soft);color:var(--green-strong)}
#research-radar-view .rr-pill[data-tone=active]{background:var(--green);color:var(--on-accent)}
#research-radar-view .rr-pill[data-tone=warn]{background:var(--amber-soft);color:var(--amber-ink)}
#research-radar-view .rr-pill[data-tone=error]{background:var(--red-soft);color:var(--red)}
/* On a selected card the soft and neutral pills would sink into the same tint. */
#research-radar-view .is-selected .rr-pill:is([data-tone=ok],[data-tone=neutral]){background:var(--surface)}
#research-radar-view .rr-card-excerpt{font-size:12.5px;line-height:1.55;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#research-radar-view .rr-tags{display:flex;flex-wrap:wrap;gap:4px}
#research-radar-view .rr-tags:empty{display:none}
#research-radar-view .rr-tags span{font-size:12px;line-height:1.4;color:var(--muted);padding:1px 7px;border:1px solid var(--line-strong);border-radius:var(--radius)}
#research-radar-view .rr-card-footer{font-size:12px;color:var(--muted)}
#research-radar-view .rr-editor,#research-radar-view .rr-run-detail{border:1px solid var(--line);border-radius:var(--radius-frame);background:var(--surface);padding:28px;min-width:0;box-shadow:var(--shadow-sm)}
#research-radar-view .rr-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
#research-radar-view .rr-panel-heading h2,#research-radar-view .rr-panel-heading h3{margin:0}
#research-radar-view .rr-help{font-size:12.5px;font-weight:400;color:var(--muted);line-height:1.6}
#research-radar-view .rr-editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px;margin-top:24px}
#research-radar-view .rr-editor-fields label:first-child,#research-radar-view .rr-editor-fields label:nth-child(4),#research-radar-view .rr-editor-fields label:last-child{grid-column:1/-1}
#research-radar-view .rr-title-field input{font-family:var(--font-display);font-size:18px;font-weight:600;min-height:44px}
#research-radar-view .rr-editor textarea{font-size:13.5px;min-height:104px}
#research-radar-view .rr-editor-meta{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(130px,1fr);gap:16px;margin:24px 0;align-items:start}
/* "Tags" and its hint share one line, so both labels sit at the same height and both fields line up. */
#research-radar-view .rr-editor-meta label:first-child{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;row-gap:6px;align-items:baseline}
#research-radar-view .rr-editor-meta label:first-child>.rr-help{line-height:inherit}
#research-radar-view .rr-editor-meta label:first-child>input{grid-column:1/-1}
#research-radar-view .rr-save-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:16px}
#research-radar-view .rr-save-bar>span{font-size:12.5px;color:var(--muted)}
#research-radar-view .rr-save-bar>div{display:flex;gap:8px;flex-wrap:wrap}
#research-radar-view .rr-editor-support{border-top:1px solid var(--line);margin-top:28px}
#research-radar-view .rr-editor-support>section+section{border-top:1px solid var(--line);margin-top:24px;padding-top:4px}
#research-radar-view .rr-text-button{color:var(--green-strong);background:none;border:0;padding:0;text-align:left;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font-size:13px}
#research-radar-view .rr-text-button:hover:not(:disabled){text-decoration-thickness:2px}
#research-radar-view .rr-reference-ids{font-size:12px;overflow-wrap:anywhere;color:var(--muted)}
#research-radar-view .rr-empty{padding:44px 20px;text-align:center;max-width:460px;margin:0 auto;color:var(--muted)}
#research-radar-view .rr-empty>span{display:block;font-size:24px;color:var(--green);line-height:1}
#research-radar-view .rr-empty h3{font-family:var(--font-display);font-size:15px;color:var(--ink);margin:12px 0 6px}
#research-radar-view .rr-empty p{font-size:13.5px;line-height:1.6;margin:0}
#research-radar-view .rr-alert,#research-radar-view .rr-notice{padding:12px 16px;margin:16px 0;border-radius:var(--radius-card);font-size:13.5px;line-height:1.6;overflow-wrap:anywhere}
#research-radar-view .rr-alert{background:var(--red-soft);border:1px solid var(--red-line);color:var(--red)}
#research-radar-view .rr-notice{background:var(--amber-soft);border:1px solid var(--amber-line);color:var(--amber-ink)}
#research-radar-view :is(.rr-alert,.rr-notice)>p:first-child{margin-top:0}
#research-radar-view :is(.rr-alert,.rr-notice)>:last-child{margin-bottom:0}
#research-radar-view .rr-alert ul,#research-radar-view .rr-notice ul{margin:0;padding-left:20px}
#research-radar-view .rr-alert .secondary{margin-top:10px}
#research-radar-view .rr-loading{padding:64px 20px;text-align:center;color:var(--muted);font-size:14px}
#research-radar-view [data-rr-browser]{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-card);padding:24px;margin-top:16px;font-size:13.5px;animation:fade-in var(--t) var(--ease-out)}
#research-radar-view .rr-browser-link{font-weight:600}
#research-radar-view .rr-routine-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#research-radar-view .rr-template,#research-radar-view .rr-routine{padding:20px 24px;border-radius:var(--radius-card);border:1px solid var(--line);background:var(--surface)}
#research-radar-view .rr-template{background:var(--green-wash)}
#research-radar-view .rr-template h3,#research-radar-view .rr-routine h3{font-family:var(--font-display);font-size:16px;line-height:1.35;margin:8px 0}
#research-radar-view .rr-template p:not([class]),#research-radar-view .rr-routine p:not([class]){font-size:13.5px}
#research-radar-view .rr-template ol{font-size:12.5px;line-height:1.7;max-height:260px;overflow:auto;padding-left:22px}
#research-radar-view .rr-template form{display:flex;align-items:end;gap:12px;margin-top:16px;flex-wrap:wrap}
#research-radar-view .rr-template label{flex:1;min-width:160px}
#research-radar-view .rr-subheading{margin-top:32px;margin-bottom:16px}
#research-radar-view .rr-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
#research-radar-view .rr-runs-workspace{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,2fr);gap:24px;align-items:start}
#research-radar-view .rr-run-list{border:1px solid var(--line);border-radius:var(--radius-frame);background:var(--surface);padding:8px;max-height:900px;overflow:auto}
#research-radar-view .rr-run-card>strong{font-size:14px;line-height:1.4}
#research-radar-view .rr-run-card>span:not(.rr-card-meta){font-size:12px;color:var(--muted)}
#research-radar-view .rr-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0;padding:16px 0;gap:16px}
#research-radar-view .rr-metrics div{display:flex;flex-direction:column;gap:4px}
#research-radar-view .rr-metrics strong{font-size:24px;line-height:1.2;font-family:var(--font-display);font-variant-numeric:lining-nums tabular-nums}
#research-radar-view .rr-metrics span{font-size:12.5px;color:var(--muted)}
#research-radar-view .rr-table-wrap{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:var(--radius-card);container-type:inline-size}
#research-radar-view table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.5}
#research-radar-view th{text-align:left;background:var(--surface-2);font-size:12px;font-weight:600;color:var(--muted)}
#research-radar-view th,#research-radar-view td{padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top}
#research-radar-view tbody tr:last-child td{border-bottom:0}
#research-radar-view td:first-child{min-width:140px}
/* Only the situation stays on one line; counts and pages may wrap. The notes keep a readable width: when space runs out the table scrolls inside its frame instead of squeezing them. */
#research-radar-view .rr-table-wrap :is(th,td):nth-child(2){white-space:nowrap}
#research-radar-view .rr-table-wrap :is(th,td):last-child{min-width:200px}
/* With room to spare, a count such as "Não informado" stays on one line too. */
@container (min-width:720px){#research-radar-view .rr-table-wrap :is(th,td):nth-child(3){white-space:nowrap}}
#research-radar-view .rr-article,#research-radar-view .rr-version{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}
/* Disclosures use the global summary (style.css: hidden native marker, 12px chevron turning, 13.5px semibold --ink-2); here only spacing. */
#research-radar-view details>summary{cursor:pointer;line-height:1.6;padding:6px 0}
/* List rows (articles, versions): chevron, title and, for an article, its material pill on the right. The opened content starts under the
   title: the 12px chevron plus the 8px gap. */
#research-radar-view :is(.rr-article,.rr-version)>summary{display:flex;align-items:start;gap:8px}
#research-radar-view :is(.rr-article,.rr-version)>summary::before{flex:none;margin:calc(.8em - 6px) 0 0}
#research-radar-view .rr-article>summary{justify-content:space-between}
#research-radar-view .rr-article>summary>span:first-child{flex:1}
#research-radar-view :is(.rr-article,.rr-version)>:not(summary){margin-left:20px}
/* Inside a sheet, evidence is grouped by a hairline and space, not boxed as a card in a card. */
#research-radar-view .rr-evidence{padding:12px 0;margin:0;border-top:1px solid var(--line);font-size:13px}
#research-radar-view :not(.rr-evidence)+.rr-evidence{margin-top:12px}
#research-radar-view blockquote{margin:10px 0;max-width:72ch;font-family:var(--font-read);font-size:14.5px;line-height:1.65;color:var(--ink-2)}
#research-radar-view .rr-prewrap{white-space:pre-wrap;overflow-wrap:anywhere;max-width:72ch}
#research-radar-view .rr-hash{font-size:12px;color:var(--muted);overflow-wrap:anywhere;display:block}
#research-radar-view .rr-audit{margin-top:24px;font-size:12.5px}
#research-radar-view .rr-audit pre{font-size:12px;line-height:1.6;max-height:280px;overflow:auto;background:var(--surface-2);padding:12px 14px;border-radius:var(--radius);white-space:pre-wrap}
/* Disabled says "not now"; only while the Radar is waiting on a request does it say "working". */
#research-radar-view :is(button,input,select,textarea):disabled{cursor:not-allowed}
#research-radar-view[aria-busy=true] :is(button,input,select,textarea):disabled{cursor:progress}
#research-radar-view :is(select,textarea):disabled{background-color:var(--surface-2);color:var(--muted)}
@media(pointer:coarse){#research-radar-view :where(select,input:not([type=checkbox],[type=radio])){min-height:44px}#research-radar-view .rr-text-button{min-height:44px}#research-radar-view details>summary{padding-block:12px}#research-radar-view :is(.rr-evidence,.rr-article)>p>a:only-child,#research-radar-view .rr-browser-link>a{display:inline-flex;align-items:center;gap:4px;min-height:44px}}
@media(max-width:1100px){#research-radar-view .rr-editor-fields{grid-template-columns:1fr}#research-radar-view .rr-idea-workspace{grid-template-columns:minmax(240px,.85fr) minmax(0,1.5fr)}#research-radar-view .rr-editor{padding:22px}#research-radar-view .rr-save-bar{align-items:start;flex-direction:column}}
@media(max-width:800px){#research-radar-view .rr-context{flex-wrap:wrap;padding:16px}#research-radar-view .rr-context-note{min-width:160px}#research-radar-view .rr-idea-workspace,#research-radar-view .rr-runs-workspace{grid-template-columns:1fr}#research-radar-view .rr-idea-list{max-height:380px}#research-radar-view .rr-run-list{max-height:260px}#research-radar-view .rr-routine-grid{grid-template-columns:1fr}#research-radar-view .rr-section-intro{align-items:start}#research-radar-view .rr-editor,#research-radar-view .rr-run-detail{padding:20px}#research-radar-view .rr-tabs{gap:8px}}
@media(max-width:460px){#research-radar-view .rr-context label{min-width:100%;max-width:none}#research-radar-view .rr-context-note{flex-basis:100%}#research-radar-view .rr-section-intro{flex-direction:column;gap:4px}#research-radar-view .rr-editor-meta{grid-template-columns:1fr}#research-radar-view .rr-metrics{gap:8px}#research-radar-view .rr-panel-heading{align-items:start}#research-radar-view .rr-editor,#research-radar-view .rr-run-detail{padding:16px}}
@media(prefers-reduced-motion:reduce){#research-radar-view *,#research-radar-view *::before{transition:none!important;animation:none!important}}