/* dashboard-shell.css — Dashboard/PowerBI Tab-Shell + Sub-Tabs.
 aus components.css extrahiert.
 Konsumenten: #tab-content-dashboard (PowerBI-Embedded). */

#tab-content-dashboard { padding: 0; display: flex; flex-direction: column; }
#tab-content-dashboard.hidden { display: none; }
.dashboard-wrap { display: flex; flex-direction: column; height: 100%; }

.iframe-wrap { flex: 1; min-height: 0; }
.pbi-frame { width: 100%; height: 100%; border: none; display: block; }
/* Embed-Host ist ein div; das innen erzeugte iframe (powerbi-client bzw.
   Fallback) fuellt ihn vollstaendig — UA-Default-Border von iframes neutralisieren. */
.pbi-frame > iframe { width: 100%; height: 100%; border: 0; display: block; }
.pbi-hint { text-align: center; padding: var(--space-4) var(--space-3); color: var(--color-text-muted); font-size: var(--font-size-sm); line-height: 1.5; }
.pbi-hint-icon { font-size: 28px; display: block; margin-bottom: var(--space-2); }
.pbi-hint-sub { font-size: var(--font-size-xs); color: var(--color-text-disabled); margin-top: var(--space-1); }
.pbi-role-badge {
  display: none;
  font-size: 9px;
  font-weight: var(--fw-semibold);
  padding: var(--space-px) var(--space-1);
  border-radius: var(--radius-xs);
  background: var(--color-bg-subtle);
  color: var(--color-text-muted);
  margin-left: var(--space-1);
  vertical-align: middle;
}