/* Hide logo when collapsed */

/* Hide text when collapsed */

/* Center dropdown icon when collapsed */

/* Center icons in collapsed state */

/* Adjust nav-link spacing in collapsed state */

/* Specifically center Microsoft icon */

/* Position the dropdown arrow */

/* Sidebar container relative for absolute children */

.bs-icon {
  --bs-icon-size: .75rem;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: var(--bs-icon-size);
  width: calc(var(--bs-icon-size) * 2);
  height: calc(var(--bs-icon-size) * 2);
  color: var(--bs-primary);
}

.bs-icon-md {
  --bs-icon-size: 1.5rem;
}

.bs-icon.bs-icon-primary {
  color: var(--bs-white);
  background: var(--bs-primary);
}

.bs-icon.bs-icon-rounded {
  border-radius: .5rem;
}

.sidebar {
  position: relative !important;
  min-height: 100vh;
}

body.hide-nav-mode .sidebar, body.hide-nav-mode .topbar, body.hide-nav-mode .scroll-to-top {
  display: none !important;
}

body.hide-nav-mode #wrapper, body.hide-nav-mode #content-wrapper {
  min-height: 100vh;
}

body.hide-nav-mode #content {
  padding-top: 1rem;
}

.radar-expose-ports-chevron {
  transition: transform 0.2s ease;
}
.radar-expose-ports-toggle[aria-expanded="true"] .radar-expose-ports-chevron {
  transform: rotate(90deg);
}

body.embed-mode #cc-customers-sidebar-shell,
body.embed-mode #cc-customers-drawer-handle {
  display: none !important;
}

body.embed-mode .col-md-4:has(#radar-expose-customer-select) {
  display: none !important;
}

body.embed-mode #radar-expose-hero-banner,
body.embed-mode #radar-expose-intro-text,
body.embed-mode #radar-expose-adhoc-description,
body.embed-mode #radar-expose-adhoc-targets-section,
body.embed-mode #radar-expose-adhoc-customer-section,
body.embed-mode #radar-expose-adhoc-discovery-section,
body.embed-mode #radar-expose-adhoc-cache-section {
  display: none !important;
}

body.embed-mode footer.sticky-footer {
  display: none !important;
}

/* Hide tab nav bar regardless of server-side embedMode variable */
body.embed-mode .nav.nav-tabs {
  display: none !important;
}

body.embed-mode #content {
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Make the content wrapper fill the iframe viewport */
body.embed-mode #wrapper {
  display: block !important;
  width: 100% !important;
  min-height: 100vh;
}

body.embed-mode #content-wrapper {
  width: 100% !important;
  min-height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
}
body.embed-mode #content-wrapper::-webkit-scrollbar {
  display: none;
}

/* Remove large horizontal margins from Exposé shell */
body.embed-mode .radar-cc-shell {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Strip the card wrapper so content blends with the Halo iframe background */
body.embed-mode .radar-cc-shell .card {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
}
body.embed-mode .radar-cc-shell .card > .card-body {
  padding: 0 !important;
}

/* Pure white background to match Halo */
body.embed-mode,
body.embed-mode #wrapper,
body.embed-mode #content-wrapper,
body.embed-mode #content {
  background-color: #ffffff !important;
}

/* Show Rescan button in embed mode */
body.embed-mode #radar-expose-rescan-btn {
  display: inline-flex !important;
  align-items: center;
}

/* Embed mode: hide New Scan button and Halo ticket button */
body.embed-mode #radar-expose-new-scan-btn,
body.embed-mode #radar-expose-open-ticket-btn {
  display: none !important;
}

/* ── Halo-matching visual style in embed mode ─────────────────────── */

/* Flatten the rounded/shadowed row style that Connect uses */
body.embed-mode #radar-expose-port-tbody tr,
body.embed-mode #radar-expose-scans-tbody tr,
body.embed-mode #tab-1 .table-striped tbody tr,
body.embed-mode #tab-1 .table-hover tbody tr {
  box-shadow: none !important;
}
body.embed-mode #radar-expose-port-tbody td,
body.embed-mode #radar-expose-scans-tbody td {
  border-radius: 0 !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-top: 1px solid #f0f0f0 !important;
  padding: 0.45rem 0.6rem !important;
}
body.embed-mode #radar-expose-port-tbody td:first-child,
body.embed-mode #radar-expose-scans-tbody td:first-child {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
body.embed-mode #radar-expose-port-tbody td:last-child,
body.embed-mode #radar-expose-scans-tbody td:last-child {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
body.embed-mode #radar-expose-port-tbody tr:hover td,
body.embed-mode #radar-expose-scans-tbody tr:hover td {
  background: #f8f9fa !important;
}

/* All tables in embed — Halo style flat borders */
body.embed-mode .table thead th {
  background: #f7f8fa !important;
  border-bottom: 1px solid #e5e7eb !important;
  font-size: 11px !important;
  letter-spacing: 0.06em !important;
  color: #6b7280 !important;
  font-weight: 600 !important;
  padding: 0.5rem 0.6rem !important;
}
body.embed-mode .table td {
  font-size: 13px !important;
  vertical-align: middle !important;
}
body.embed-mode .table-responsive.border {
  border: 1px solid #e5e7eb !important;
  border-radius: 6px !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
}

/* Hide Tenant column in exclusions table when embedded */
body.embed-mode #radar-expose-exclusions-tbody td:first-child {
  display: none !important;
}
body.embed-mode .radar-expose-exclusions-table th:first-child {
  display: none !important;
}

/* Cards — flat, no heavy shadow */
body.embed-mode .card {
  border: 1px solid #e5e7eb !important;
  box-shadow: none !important;
  border-radius: 6px !important;
}
body.embed-mode .card-header {
  background: #f7f8fa !important;
  border-bottom: 1px solid #e5e7eb !important;
  font-size: 12px !important;
  color: #6b7280 !important;
}

/* Section accent colour */
body.embed-mode .radar-cc-accent {
  color: #01454f !important;
}

/* Edit button — icon style */
body.embed-mode .radar-exclusion-edit {
  background: transparent !important;
  border: none !important;
  color: #6b7280 !important;
  font-size: 14px !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
}
body.embed-mode .radar-exclusion-edit:hover {
  background: #f3f4f6 !important;
  color: #374151 !important;
}

/* Remove button — icon style */
body.embed-mode .radar-exclusion-delete {
  background: transparent !important;
  border: none !important;
  color: #9ca3af !important;
  font-size: 14px !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
}
body.embed-mode .radar-exclusion-delete:hover {
  background: #fef2f2 !important;
  color: #dc2626 !important;
}

/* Export button */
body.embed-mode #radar-expose-export-btn {
  background: #01454f !important;
  border-color: #01454f !important;
  font-size: 12px !important;
  padding: 4px 12px !important;
  border-radius: 4px !important;
}
body.embed-mode #radar-expose-export-btn:hover {
  background: #013840 !important;
  border-color: #013840 !important;
}

/* Save Exclusion button */
body.embed-mode #radar-exclusion-save-btn {
  background: #01454f !important;
  border-color: #01454f !important;
  border-radius: 4px !important;
  font-size: 12px !important;
}
body.embed-mode #radar-exclusion-save-btn:hover {
  background: #013840 !important;
  border-color: #013840 !important;
}

/* Ports-scanned collapse toggle */
body.embed-mode .radar-expose-ports-toggle {
  color: #6b7280 !important;
  font-size: 12px !important;
}

/* Section headings in embed */
body.embed-mode h6.text-uppercase.radar-cc-accent {
  font-size: 11px !important;
  letter-spacing: 0.07em !important;
  color: #01454f !important;
}

/* Ticket-scan mode: show only scan results, hide history/setup/subnav */
body[data-ticket-scan="1"] #radar-expose-scan-history-section,
body[data-ticket-scan="1"] #radar-expose-subnav,
body[data-ticket-scan="1"] #radar-expose-pane-run,
body[data-ticket-scan="1"] #radar-expose-pane-adhoc {
  display: none !important;
}

/* Remove top margin from tab panes in embed mode */
body.embed-mode .tab-content > .tab-pane {
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

/* Position toggle wrapper at bottom inside sidebar */

.sidebar .text-center.d-none.d-md-inline {
  position: absolute !important;
  bottom: 1rem;
  width: 100%;
  left: 0;
}

/* Center the toggle button within its wrapper */

#sidebarToggle {
  position: relative !important;
  left: 50%;
  transform: translateX(-50%);
  display: block;
}

/* Adjust toggle button position when sidebar is collapsed */

.border-left-primary {
  border-left: .25rem solid #01454f !important;
}