/* Premium-feel polish: tooltips, fade transitions, retry button, print styles. */

/* Fade-in для async-загружаемых блоков. */
[data-boot-impact-id] > *,
[data-boot-plans-history] > *,
[data-boot-analytics] > *,
[data-boot-entity-history-type] > *,
[data-boot-manager-id] > *,
[data-boot-webhooks] > *,
[data-boot-approvals] > * {
  animation: fadeUp 0.25s ease-out;
}
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Tooltip-стиль для (i) кнопок объяснения метрик. */
button.pill.flat[title] {
  cursor: help;
  position: relative;
}

/* Retry-кнопка в error states (применяется через class). */
.error-retry {
  margin-top: 8px;
  padding: 6px 14px;
  border-radius: 6px;
  background: var(--accent, #2563eb);
  color: white;
  border: none;
  cursor: pointer;
  font-size: 13px;
}
.error-retry:hover { opacity: 0.9; }

/* Breadcrumb. */
.breadcrumb {
  font-size: 12px;
  color: var(--t-dim, #6b7280);
  margin-bottom: 8px;
}
.breadcrumb a { color: var(--accent, #2563eb); text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }
.breadcrumb .sep { margin: 0 6px; color: var(--t-dim); }

/* Print styles: скрыть UI chrome, оставить только content. */
@media print {
  .side, .topbar, .inbox, .ws-foot, button, [data-drill-route] { display: none !important; }
  .ws-body { padding: 0 !important; max-width: none !important; }
  body { background: white !important; color: black !important; }
  .card { box-shadow: none !important; border: 1px solid #ccc !important; page-break-inside: avoid; }
  table.dt { font-size: 11pt; }
  .pill { border: 1px solid #999 !important; background: none !important; color: black !important; }
  a { color: black !important; text-decoration: none !important; }
  h2.serif { font-size: 16pt; margin-top: 16pt; }
  h4 { page-break-after: avoid; }
  tr { page-break-inside: avoid; }
}

/* Опционально для очень узких screens — print preview-friendly. */
.print-only { display: none; }
@media print { .print-only { display: block; } .screen-only { display: none; } }