/* ── Empire BI – portal.css ─────────────────────────────────────────────── */

/* Portal embed section wrapper */
.portal-embed-section { background: var(--c-navy-deep); }
.portal-embed-wrap {
  width: 100%; border-radius: var(--r-xl); overflow: hidden;
  border: 1px solid var(--c-border); box-shadow: var(--shadow-lg), var(--shadow-gold);
  background: var(--c-surface);
}
.portal-embed-wrap iframe { display: block; width: 100%; border: none; }

/* Portal page layout */
.portal-page-wrap { width: 100%; }
.portal-page-body { padding-bottom: var(--space-2xl); }

/* Widget-mode KPI wrapper (from plugin frontend.js) */
.empire-bi-widget {
  background: var(--c-surface); border: 1px solid var(--c-border-soft);
  border-radius: var(--r-lg); padding: var(--space-lg);
}
.empire-bi-widget .empire-bi-widget-loading {
  color: var(--c-text-muted);
}
.empire-bi-widget .empire-bi-spinner {
  border-color: var(--c-border-soft);
  border-top-color: var(--c-gold);
}

/* Portal-specific navigation tabs (used on portal template) */
.portal-tabs {
  display: flex; gap: var(--space-sm); margin-bottom: var(--space-xl);
  border-bottom: 1px solid var(--c-border-soft); padding-bottom: -1px;
}
.portal-tab {
  padding: 10px var(--space-lg); font-size: 14px; font-weight: 600;
  color: var(--c-text-muted); cursor: pointer; background: transparent;
  border: none; border-bottom: 2px solid transparent;
  transition: all var(--t-fast); font-family: var(--font-body);
  margin-bottom: -1px;
}
.portal-tab.active,
.portal-tab:hover { color: var(--c-gold); border-bottom-color: var(--c-gold); }

/* Admin bar compensation */
body.admin-bar .site-header { top: var(--wp-admin--admin-bar--height, 32px); }
body.admin-bar.empire-portal-layout { padding-top: 0; }

/* Full-screen portal layout */
.empire-portal-layout .site-main { padding: 0; }