/* Overview uses the same canonical search and control tokens as Inventory. */
.pb-ui-consistent .analytics-container[data-ai-id="overview-page"] { background: var(--pb-color-bg-shell); }
.analytics-container[data-ai-id="overview-page"] .analytics-content { background: transparent; }
.overview-summary-grid[data-ai-motion] { transform-origin: var(--pb-overview-swipe-origin); }
.pb-ui-consistent #overviewAiAssistantForm {
  flex-wrap: nowrap;
}
.pb-ui-consistent #overviewAiPromptInput {
  flex: 1 1 auto;
  width: auto;
}
.pb-ui-consistent #overviewSearchSubmit {
  flex: none;
}
.pb-mobile body[data-overview-active-view="bulletin"] #overviewViewControls .overview-view-toggle { grid-row: 1; }
.pb-mobile body[data-overview-active-view="bulletin"] #overviewViewControls .overview-ai-assistant { grid-row: 2; }
body[data-overview-active-view="bulletin"] .analytics-container {
  overflow-y: auto;
  overflow-x: hidden;
  background: var(--pb-color-bg-shell);
}
body[data-overview-active-view="bulletin"] :is(.overview-toolbar, .analytics-content) {
  flex: none;
}
body[data-overview-active-view="bulletin"] .analytics-content,
body[data-overview-active-view="bulletin"] .overview-summary-grid[data-ai-mode="accordion"],
.pb-ui-consistent body[data-overview-active-view="bulletin"] .overview-summary-grid > .overview-summary-card[data-ai-card="bulletin"][data-ai-accordion-state="expanded"] {
  height: auto;
  max-height: none;
  overflow: visible;
}
body[data-overview-active-view="bulletin"] .analytics-content { background: transparent; }

/* Reserve a narrow rail so the post markers never cover card actions. */
#workspace-bulletin[data-ai-scroll-navigation="active"] .wb-main { padding-inline-end: calc(var(--wb-8) + var(--pb-overview-scroll-rail-width)); }
.wb-scroll-navigation { position: fixed; inset-inline-end: var(--pb-space-0); inset-block: var(--pb-overview-scroll-rail-inset); z-index: var(--pb-z-sticky); display: grid; align-content: safe center; width: var(--pb-overview-scroll-rail-width); max-height: var(--pb-overview-scroll-rail-height); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: none; pointer-events: none; }
.wb-scroll-navigation::-webkit-scrollbar { display: none; }
.wb-scroll-navigation[hidden] { display: none; }
.wb-scroll-dot { display: inline-grid; place-items: center; width: var(--pb-overview-scroll-rail-width); height: var(--pb-overview-scroll-rail-width); padding: var(--pb-space-0); border: none; border-radius: var(--pb-radius-sm); background: transparent; color: var(--pb-color-text-muted); cursor: pointer; pointer-events: auto; }
.wb-scroll-dot::before { content: ""; width: var(--pb-overview-scroll-dot-size); height: var(--pb-overview-scroll-dot-size); border: var(--pb-border-width-sm) solid currentColor; border-radius: var(--pb-radius-pill); background: var(--pb-color-bg-shell); }
.wb-scroll-dot[aria-current="location"] { color: var(--pb-color-brand-500); }
.wb-scroll-dot[aria-current="location"]::before, .wb-scroll-dot:hover::before { background: currentColor; }
.wb-scroll-dot:focus-visible { outline: var(--pb-control-focus-width) solid var(--pb-control-focus); outline-offset: calc(var(--pb-control-focus-width) * -1); }
.wb-scroll-dot::after { content: attr(data-post-title); position: fixed; inset-inline-end: var(--wb-scroll-tooltip-right); inset-block-start: var(--wb-scroll-tooltip-top); transform: translateY(-50%); width: max-content; max-width: min(var(--pb-overview-scroll-tooltip-width), calc(var(--pb-mobile-full) - var(--pb-overview-scroll-rail-width) - var(--pb-space-6))); padding: var(--pb-tooltip-padding-y) var(--pb-tooltip-padding-x); border-radius: var(--pb-tooltip-radius); background: var(--pb-tooltip-bg); color: var(--pb-tooltip-text); box-shadow: var(--pb-tooltip-shadow); font: var(--pb-tooltip-font-weight) var(--pb-tooltip-font-size)/var(--pb-line-height-normal) var(--pb-font-sans); overflow-wrap: anywhere; pointer-events: none; opacity: var(--pb-layout-zero); visibility: hidden; }
.wb-scroll-dot:focus-visible::after { opacity: var(--pb-opacity-visible); visibility: visible; }
@media (hover: hover) { .wb-scroll-dot:hover::after { opacity: var(--pb-opacity-visible); visibility: visible; } }
@media (max-width: 760px) { #workspace-bulletin[data-ai-scroll-navigation="active"] .wb-main { padding-inline-end: calc(var(--wb-5) + var(--pb-overview-scroll-rail-width)); } }
/* Match Bulletin's inset; the legacy single-view reset uses important padding. */
.pb-ui-consistent body[data-overview-active-view] .overview-summary-grid[data-ai-mode="accordion"]
  .overview-summary-card:is([data-ai-card="inventory-snapshot"],[data-ai-card="cost-waste"])[data-ai-accordion-state="expanded"] > .overview-summary-body {
  padding-inline: var(--pb-space-8) !important;
}
/* Same breakpoint and inset as the Bulletin board. */
@media (max-width: 760px) {
  .pb-ui-consistent body[data-overview-active-view] .overview-summary-grid[data-ai-mode="accordion"]
    .overview-summary-card:is([data-ai-card="inventory-snapshot"],[data-ai-card="cost-waste"])[data-ai-accordion-state="expanded"] > .overview-summary-body {
    padding-inline: var(--pb-space-5) !important;
  }
}
body[data-overview-active-view="bulletin"] .overview-summary-card[data-ai-card="bulletin"],
#workspace-bulletin {
  border: none;
  border-radius: var(--pb-space-0);
  background: transparent;
  box-shadow: none;
}
#workspace-bulletin .wb-sticky-head {
  position: static;
  background: transparent;
}
#wb-header-order {
  gap: var(--pb-space-1);
  padding: var(--pb-space-1);
  border: none;
  border-radius: var(--pb-radius-lg);
  background: transparent;
}
#wb-header-order .wb-utility {
  border: none;
  background: transparent;
  color: var(--pb-design-accent);
}
.pb-mobile .analytics-container #overviewAiAssistantForm {
  max-width: var(--pb-layout-full);
  min-height: var(--pb-design-control);
  height: var(--pb-design-control);
  margin: var(--pb-space-0);
  padding-inline: var(--pb-space-3);
  border: var(--pb-border-width-sm) solid transparent;
  border-radius: var(--pb-radius-xl);
  background: var(--pb-design-surface);
  color: var(--pb-design-muted);
  box-shadow: var(--pb-design-shadow);
}
.pb-mobile .analytics-container #overviewAiAssistantForm:is(:hover, :focus-within) {
  border-color: var(--pb-design-search-focus-border);
  box-shadow: var(--pb-design-search-focus-shadow);
}
.pb-mobile body.dark-mode #overviewAiAssistantForm { background: var(--pb-design-surface) !important; }
.pb-mobile .analytics-container #overviewAiPromptInput {
  min-height: var(--pb-space-0);
  height: var(--pb-layout-full);
  font-size: var(--pb-design-body-size);
  font-weight: var(--pb-font-weight-regular);
  color: var(--pb-design-text);
}
.pb-mobile .analytics-container #overviewAiPromptInput::placeholder { color: var(--pb-design-muted); }
.pb-mobile #overviewAiAssistantForm #overviewSearchSubmit {
  min-block-size: calc(var(--pb-design-control) - var(--pb-border-width-sm) * 2);
  block-size: calc(var(--pb-design-control) - var(--pb-border-width-sm) * 2);
  padding: var(--pb-space-0);
}
.pb-mobile #overviewViewControls .overview-view-toggle button > span { display: none; }
.pb-mobile #overviewViewControls .overview-view-toggle button svg {
  inline-size: var(--pb-design-icon);
  block-size: var(--pb-design-icon);
  min-inline-size: var(--pb-design-icon);
}
.pb-mobile #overviewViewControls .overview-view-toggle button {
  width: var(--pb-mobile-touch);
  min-width: var(--pb-mobile-touch);
}
.pb-mobile #overviewViewControls #wb-header-order { grid-row: 2; }
.pb-mobile #overviewViewControls #wb-priority-filters { grid-column: 1 / -1; }
.pb-mobile #wb-header-order { border: var(--pb-border-width-sm) solid var(--pb-design-line); }
.pb-mobile [data-ai-id="overview-mobile-heading"] .wb-description {
  margin: var(--pb-space-0);
  color: var(--pb-design-muted);
}
.pb-mobile [data-ai-id="overview-mobile-heading"] .wb-board-name {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--pb-space-2);
}
.pb-mobile [data-ai-id="overview-mobile-heading"] svg { width: var(--pb-design-icon); height: var(--pb-design-icon); }
.pb-mobile #workspace-bulletin .wb-main { padding: var(--pb-space-0); }
.pb-mobile #workspace-bulletin[data-ai-scroll-navigation="active"] .wb-main { padding-inline-end: var(--pb-overview-scroll-rail-width); }
.pb-ui-consistent.pb-mobile body[data-overview-active-view] .overview-summary-grid[data-ai-mode="accordion"]
  .overview-summary-card:is([data-ai-card="inventory-snapshot"],[data-ai-card="cost-waste"])[data-ai-accordion-state="expanded"] > .overview-summary-body {
  padding-inline: var(--pb-space-0) !important;
}
.pb-mobile[data-mobile-overview-alerts="true"] #overviewViewControls .overview-alert-control,
.pb-mobile #mobileHeader[data-overview-alerts="true"] .sidebar-avatar { display: none; }
.pb-mobile #mobileHeader .overview-alert-control {
  display: inline-flex;
  align-items: center;
  flex: none;
  gap: var(--pb-space-2);
  min-height: var(--pb-mobile-touch);
  padding: var(--pb-space-1) var(--pb-space-2);
  border: var(--pb-mobile-list-border);
  border-radius: var(--pb-radius-lg);
  background: var(--pb-design-canvas);
  color: var(--pb-design-accent);
  font: var(--pb-font-weight-medium) var(--pb-font-size-xs)/var(--pb-line-height-normal) var(--pb-font-sans);
}
.pb-mobile #mobileHeader .overview-alert-control[aria-pressed="true"] { background: var(--pb-design-solid); color: var(--pb-design-on-solid); }
.pb-mobile #mobileHeader .overview-alert-control-icon { width: var(--pb-design-icon); height: var(--pb-design-icon); fill: none; }
.pb-mobile #mobileHeader .overview-alert-control-metric { display: flex; flex-direction: column; align-items: center; }
.pb-mobile #mobileHeader .overview-alert-control-metric strong { font: inherit; font-weight: var(--pb-font-weight-bold); }
.pb-mobile #mobileHeader .overview-alert-control-divider { align-self: stretch; width: var(--pb-border-width-sm); background: var(--pb-design-line); }