/* Отчёт «Эффективность» (efficiency.html): разбивка судеб и строки обращений.
   Цвета и каркас — из ozon.css, общего для страниц кабинета. */

.stats > div span.dim { display: block; margin-top: 2px; font-size: 12.5px; }

.parts { width: 100%; max-width: 560px; margin-top: 16px; border-collapse: collapse; font-size: 14px; }
.parts td { padding: 5px 0; border-top: 1px solid var(--line); }
.parts td.num { text-align: right; padding-left: 16px; white-space: nowrap; }
.parts tr td:first-child { padding-left: 12px; position: relative; }
.parts tr td:first-child::before { content: ""; position: absolute; left: 0; top: 50%; width: 6px; height: 6px;
  margin-top: -3px; border-radius: 50%; background: var(--ink-3); }
.parts .g-removed td:first-child::before { background: var(--good-ink); }
.parts .g-await td:first-child::before { background: var(--warn-ink); }
.parts .g-refused td:first-child::before { background: var(--crit-ink); }
.parts .g-work td:first-child::before { background: var(--accent); }

.part.p-refused { border-left: 3px solid var(--crit-ink); }
.part.p-await { border-left: 3px solid var(--warn-ink); }
.sec { margin: 18px 0 8px; font-size: 14.5px; font-weight: 600; }
.rows { display: grid; gap: 8px; }
.erow { padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface-2); }
.ehead { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; font-size: 14px; }
.ehead .link:first-child { font-weight: 600; overflow-wrap: anywhere; }
.erow .why { margin: 6px 0 0; font-size: 14px; color: var(--ink-2); }
.erow details { margin-top: 6px; font-size: 13px; }
.erow summary { cursor: pointer; color: var(--accent-ink); }
.erow details p { margin: 6px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--ink-2); }
@media (pointer: coarse) {
  .erow summary { padding: 6px 0; }
}