/* Compact explanations: native disclosure, existing design tokens only. */
.bx-metric-caption{position:relative}
.bx-metric-brief{margin:0;padding:12px 48px 8px 0;min-height:44px;box-sizing:border-box}
.bx-metric-info>summary{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:44px;min-height:44px;box-sizing:border-box;list-style:none;cursor:pointer;color:var(--bx-link);border-radius:var(--bx-r-lg)}
.bx-metric-info>summary::-webkit-details-marker{display:none}
.bx-metric-info>summary span{font-size:20px}
.bx-metric-info>summary:hover{background:var(--bx-primary-soft)}
.bx-metric-info>summary:focus-visible{outline:3px solid var(--bx-focus);outline-offset:2px}
.bx-metric-info>p{margin:4px 0 8px;overflow-wrap:anywhere}

/* Bexuvra · «Риски и проверки» + справка по показателям (итерация 3). Load after workspace-layout.css.
   Uses tokens.css (--bx-*). Presentation only; renderer contract in UX.md. */

/* ---------- section guide & metric help ---------- */
.bx-section-guide{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline;margin:0 0 14px;padding:10px 14px;border-radius:var(--bx-r-lg);
  background:rgba(61,107,245,.08);border:1px solid rgba(85,128,255,.22);font-size:13px;color:var(--bx-text-2)}
.bx-section-guide>strong{color:var(--bx-text);font-weight:700}
.bx-section-guide ol{display:flex;flex-wrap:wrap;gap:4px 18px;margin:0;padding:0;list-style:none;counter-reset:g}
.bx-section-guide li{counter-increment:g}
.bx-section-guide li::before{content:counter(g) ". ";color:var(--bx-link);font-weight:700}
.bx-metric-help{display:block;margin:4px 0 0;font-size:12px;line-height:1.45;color:var(--bx-muted);font-weight:400}

/* ---------- full metric reference (collapsed; Reports → Показатели) ---------- */
.bx-metric-details{border:1px solid var(--bx-border);border-radius:var(--bx-r-xl);background:var(--bx-surface)}
.bx-metric-details>summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;cursor:pointer;font-weight:700;list-style:none}
.bx-metric-details>summary::-webkit-details-marker{display:none}
.bx-metric-details>summary::after,.bx-risk-card details.co-case>summary::after{content:"";margin-left:auto;width:8px;height:8px;flex:none;
  border:solid var(--bx-muted);border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform var(--bx-dur-fast) ease}
.bx-metric-details[open]>summary::after,.bx-risk-card details.co-case[open]>summary::after{transform:rotate(-135deg)}
.bx-metric-details>dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:0 24px;margin:0;padding:4px 16px 14px;border-top:1px solid rgba(150,175,230,.1)}
.bx-metric-details dl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 0;border-bottom:1px solid rgba(150,175,230,.08)}
.bx-metric-details dt{font-size:13px;color:var(--bx-text-2)}
.bx-metric-details dd{margin:0;text-align:right;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.bx-metric-details dd.bx-undetermined{font-weight:600}
.bx-metric-details .bx-metric-help{grid-column:1/-1;margin:0}

/* ---------- risk center ---------- */
.bx-risk-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 14px}
.bx-risk-summary>h4{margin:0;font-size:17px;font-weight:800}
.bx-risk-summary>p{margin:0;font-size:13px;color:var(--bx-muted);flex:1 1 320px}
.bx-risk-counts{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;flex-basis:100%}
.bx-risk-counts>li{font-size:12.5px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(150,175,230,.14);color:var(--bx-text-2)}
.bx-risk-counts b{color:var(--bx-text);font-variant-numeric:tabular-nums}

/* one column on purpose: side-by-side cards of unequal height leave holes when a signal is opened */
.bx-risk-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0 0 18px}
.bx-risk-card{min-width:0;display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:var(--bx-r-xl);background:var(--bx-surface);border:1px solid var(--bx-border)}
.bx-risk-card>h5{display:flex;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:800}
.bx-risk-count{margin-left:auto;min-width:24px;height:22px;padding:0 7px;border-radius:999px;display:inline-grid;place-items:center;
  font-size:12px;font-weight:800;background:rgba(216,181,106,.16);color:var(--bx-gold-text);font-variant-numeric:tabular-nums}
.bx-risk-card>p{margin:0;font-size:12.5px;line-height:1.45;color:var(--bx-muted)}
/* card states set by renderer: clear = rules ran, nothing found; not-checked = fields not mapped; error = request failed */
.bx-risk-card[data-state="clear"] .bx-risk-count{background:var(--bx-good-soft);color:var(--bx-good-text)}
.bx-risk-card[data-state="not-checked"]{border-style:dashed}
.bx-risk-card[data-state="not-checked"] .bx-risk-count{background:rgba(255,255,255,.07);color:var(--bx-muted)}
.bx-risk-card[data-state="error"]{border-color:rgba(255,138,122,.45)}
.bx-risk-state{margin:0;padding:8px 10px;border-radius:var(--bx-r-md);font-size:12.5px;background:var(--bx-surface-inset);color:var(--bx-text-2)}
.bx-risk-card[data-state="error"] .bx-risk-state{background:rgba(255,120,100,.10);color:var(--bx-bad-text)}

/* one signal */
.bx-risk-card details.co-case{margin:0;padding:0;border:1px solid rgba(150,175,230,.12);border-radius:var(--bx-r-lg);background:rgba(6,13,32,.35)}
.bx-risk-card details.co-case>summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;cursor:pointer;list-style:none;
  font-size:13.5px;font-weight:700;line-height:1.35;border-radius:inherit}
.bx-risk-card details.co-case>summary::-webkit-details-marker{display:none}
.bx-risk-card details.co-case>summary:hover{background:rgba(255,255,255,.04)}
.bx-risk-card details.co-case>summary:focus-visible,.bx-metric-details>summary:focus-visible{outline:2px solid var(--bx-focus);outline-offset:2px}
.bx-risk-tag{flex:none;font-size:11.5px;font-weight:700;color:var(--bx-muted);font-variant-numeric:tabular-nums}
.bx-risk-card details.co-case[open]{border-color:rgba(85,128,255,.4)}
.bx-risk-card details.co-case[open]>summary{border-bottom:1px solid rgba(150,175,230,.1);border-radius:var(--bx-r-lg) var(--bx-r-lg) 0 0}
.bx-risk-card details.co-case>:not(summary){margin-left:12px;margin-right:12px}
.bx-risk-card details.co-case>:last-child{margin-bottom:12px}

.bx-risk-meta{display:grid;grid-template-columns:minmax(110px,150px) minmax(0,1fr);gap:6px 12px;margin:10px 12px;font-size:13px;line-height:1.45}
.bx-risk-meta dt{color:var(--bx-muted);font-weight:600}
.bx-risk-meta dd{margin:0;color:var(--bx-text);overflow-wrap:anywhere}
.bx-risk-meta dd.bx-num,.bx-risk-meta dd[data-kind="amount"]{font-variant-numeric:tabular-nums;font-weight:700}
.bx-undetermined{color:var(--bx-subtle);font-style:italic}
.bx-risk-meta dd.bx-limit{padding:6px 8px;border-radius:var(--bx-r-sm);background:rgba(216,181,106,.10);color:#F0D9A6}
@media (min-width:1100px){.bx-risk-meta{grid-template-columns:minmax(110px,140px) minmax(0,1fr) minmax(110px,140px) minmax(0,1fr)}}
.bx-risk-card details.co-case>.an-btn{min-height:40px}
.bx-risk-evidence{margin-top:10px}
.bx-risk-evidence:empty{display:none}
.bx-risk-evidence .an-scroll{max-height:320px}
.bx-risk-evidence[aria-busy="true"]::before{content:"Загружаем исходные строки…";display:block;font-size:12.5px;color:var(--bx-muted)}

/* ---------- placement inside workspace-layout sections ---------- */
body.bx-ws[data-bx-section="problems"] #co-report>[data-bx-part="risks"]{display:block}
/* Overview: risk center compact = summary + counts only, as one “priority actions” row */
body.bx-ws[data-bx-section="overview"] #co-report>[data-bx-part="risks"]{display:contents!important}
body.bx-ws[data-bx-section="overview"] [data-bx-part="risks"] .bx-risk-summary{order:4;grid-column:1/-1;margin:0;padding:14px 16px;border-radius:var(--bx-r-xl);
  background:var(--bx-surface);border:1px solid var(--bx-border)}
body.bx-ws[data-bx-section="overview"] [data-bx-part="risks"]>:not(.bx-risk-summary){display:none}
/* Signals now live in «Риски и проверки»; hide the old flat list in Reports */
body.bx-ws[data-bx-rtab="signals"] [data-bx-part="out"]>[data-bx-blk="issues"]{display:none!important}

/* ---------- tighter spacing (owner: “дыры”) ---------- */
body.bx-ws[data-bx-section="problems"] #co-cases>.an-panel{padding:16px}
body.bx-ws[data-bx-section="problems"] #co-cases>.an-panel>p{font-size:12.5px;color:var(--bx-muted)}
body.bx-ws [data-bx-part="dataset"]>.bx-rhead{margin-bottom:10px}

@media (max-width:650px){
  .bx-section-guide{padding:10px 12px}.bx-section-guide ol{flex-direction:column}
  .bx-risk-card{padding:12px}
  .bx-risk-meta{grid-template-columns:minmax(0,1fr);gap:2px 0}
  .bx-risk-meta dd+dt{margin-top:8px}
  .bx-risk-card details.co-case>.an-btn{width:calc(100% - 24px)}
  .bx-risk-evidence .an-table{font-size:12px}.bx-risk-evidence .an-table :is(td,th){padding:7px 8px}
  .bx-metric-details dl>div{grid-template-columns:minmax(0,1fr) auto}
}
@media (prefers-reduced-motion:reduce){
  .bx-metric-details>summary::after,.bx-risk-card details.co-case>summary::after{transition:none}
}