/* Embedded dashboard: reflow content without internal scrolling. */
.embedded, .embedded * { box-sizing: border-box; }
html.embed-connected, html.embed-connected body { overflow: hidden; }
.embedded header, .embedded main { width: 100%; min-width: 0; }
.embedded nav { flex-wrap: wrap; overflow: visible; }
.embedded nav button { white-space: normal; min-height: 44px; }
.embedded .workspace, .embedded .controls > *, .embedded .brand { min-width: 0; }
.embedded select { max-width: 100%; }
.embedded .table-scroll { overflow: visible; }
.embedded table { display: block; width: 100%; }
.embedded table caption { display: block; margin: 12px 0; }
.embedded table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.embedded table tbody { display: block; }
.embedded table tbody tr { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); margin-bottom: 16px; border: 1px solid var(--line); }
.embedded table tbody tr > :first-child { grid-column: 1 / -1; background: #f0f4f8; font-weight: bold; text-align: left; }
.embedded table tbody td, .embedded table tbody th { min-width: 0; max-width: none; overflow-wrap: anywhere; }
.embedded table tbody td:not(:first-child) { display: flex; flex-direction: column; gap: 6px; text-align: left; }
.embedded table tbody td:not(:first-child)::before { content: attr(data-label); font-size: 12px; font-weight: normal; line-height: 1.5; color: #526779; }
.embedded table tfoot, .embedded table tfoot tr, .embedded table tfoot td { display: block; min-width: 0; }
@media (max-width: 600px) {
  .embedded header { padding: 14px 12px; }
  .embedded main { padding: 12px 8px; }
  .embedded .workspace { padding: 16px 12px; }
  .embedded nav button { flex: 1 1 45%; padding: 10px 8px; }
  .embedded .bar-row { grid-template-columns: minmax(0, 1fr) 76px; gap: 10px; margin: 12px 0; padding: 12px 0; }
  .embedded .row-label { grid-column: 1 / -1; }
  .embedded .track { grid-column: 1; }
  .embedded .value { grid-column: 2; }
  .embedded table tbody tr { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .embedded th, .embedded td { padding: 10px; }
  .embedded .stats { gap: 16px; }
}