/* ILV Admin UI Styles (Phase 2) */
/* Scope all rules under .intelivi-admin-page to avoid conflicts with WP Admin */

.intelivi-admin-page .intelivi-controls-panel .intelivi-controls {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

/* Settings Panel */
.intelivi-admin-page #intelivi-sitemap-graph-menu-container.intelivi-settings-panel {
  background: #fff;
  border: 1px solid #ccd0d4;
  border-radius: 4px;
  padding: 12px 12px 8px;
  margin-top: 8px;
}

.intelivi-admin-page #intelivi-sitemap-graph-menu-container.is-collapsed .intelivi-settings-grid,
.intelivi-admin-page #intelivi-sitemap-graph-menu-container.is-collapsed .intelivi-layout-buttons,
.intelivi-admin-page #intelivi-sitemap-graph-menu-container.is-collapsed .intelivi-legend,
.intelivi-admin-page #intelivi-sitemap-graph-menu-container.is-collapsed .intelivi-advanced-settings {
  display: none;
}

.intelivi-admin-page #intelivi-sitemap-graph-menu-container h2 {
  margin-top: 0;
}

/* Legend */
.intelivi-admin-page .intelivi-legend ul {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin: 6px 0 14px;
  padding: 0;
  list-style: none;
}

.intelivi-admin-page .intelivi-legend .intelivi-legend-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 6px;
  vertical-align: middle;
  box-shadow: 0 0 0 1px #fff inset;
}

/* Suggested color mapping (must match backend semantics) */
.intelivi-admin-page .intelivi-legend-home { background: #FFD60A; }
.intelivi-admin-page .intelivi-legend-page { background: #4285F4; }
.intelivi-admin-page .intelivi-legend-post { background: #34A853; }
.intelivi-admin-page .intelivi-legend-term { background: #000000; }
.intelivi-admin-page .intelivi-legend-external { background: #EA4335; }
.intelivi-admin-page .intelivi-legend-orphan { background: transparent; border: 2px solid #FF0000; border-radius: 50%; }

/* Layout buttons strip spacing */
.intelivi-admin-page .intelivi-layout-buttons {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

/* Fullscreen fallback (graph-only) */
#intelivi-container.intelivi-fullscreen {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 100000; /* Above admin bar */
  background: #fff;
  margin: 0 !important;
  padding: 10px; /* keep some spacing for controls */
}

#intelivi-container.intelivi-fullscreen canvas,
#intelivi-container.intelivi-fullscreen svg,
#intelivi-container.intelivi-fullscreen .sigma-container,
#intelivi-container.intelivi-fullscreen .intelivi-graph-canvas {
  width: 100% !important;
  height: 100% !important;
}

/* Responsive */
@media (max-width: 782px) {
  .intelivi-admin-page .intelivi-settings-grid { grid-template-columns: 1fr !important; }
}