/* =========================================================
   Finding curation — LIVE (V6). Direction A: always-on pin/hide
   action icons on the segment-bar line; heatmap hide opens a
   per-product dropdown. Hidden findings sink into a dimmed
   "Hidden from client" group at the card bottom. In-session only.
   Replaces the old finding-feedback (relevant/off-base) UI.
   ========================================================= */

/* grid track cap so wide charts don't blow the column out and push
   the absolutely-positioned controls off-screen */
.ap-ins .ap-argcard__findings { grid-template-columns: minmax(0, 1fr); }
.ap-ins .ap-findblock { position: relative; min-width: 0; }
.ap-ins .ap-argcard__supporting, .ap-ins .fc-cxgroup { min-width: 0; }

/* hidden-from-client group */
.ap-ins .fc-cxgroup { border-top: 1px dashed var(--ms-border); margin: 10px -22px 0; padding: 0 22px; }
.ap-ins .fc-cxgroup__label {
  display: flex; align-items: center; gap: 6px;
  font-family: var(--ms-font-mono); font-size: 9px; font-weight: 700; letter-spacing: 0.09em;
  text-transform: uppercase; color: var(--ms-fg-subtle); padding: 12px 0 2px;
}
.ap-ins .fc-block--hidden { opacity: 0.5; filter: grayscale(0.7) saturate(0.7); transition: opacity 0.3s, filter 0.3s; }
.ap-ins .fc-block--hidden:hover { opacity: 0.92; filter: none; }

/* consistent breathing room between each supporting divider and its finding */
.ap-ins .ap-argcard__supporting > .ap-findblock { padding-top: 22px !important; }
.ap-ins .fc-cxgroup > .ap-findblock { padding-top: 22px !important; }

/* control cluster — aligned onto the finding's segment-bar line,
   sitting just left of "Explore the data" */
.ap-ins .fc-ctrls {
  position: absolute; top: var(--fc-seg-top, 8px); right: var(--fc-ctrls-right, 0); z-index: 14;
  display: inline-flex; gap: 2px; align-items: center;
}
.ap-ins .fc-ib {
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; padding: 0; border: none; background: transparent; box-shadow: none;
  border-radius: 8px; color: var(--ms-fg); cursor: pointer; position: relative; transition: background 0.12s, color 0.12s;
}
.ap-ins .fc-ib i { font-size: 17px; }
.ap-ins .fc-ib svg { width: 16px; height: 16px; }
.ap-ins .fc-ib:hover { background: var(--ms-platinum); color: var(--ms-fg); }
.ap-ins .fc-ib.is-hidden { color: var(--ms-fg); }
.ap-ins .fc-ib[data-tip]:hover::after {
  content: attr(data-tip); position: absolute; bottom: calc(100% + 6px); right: 0;
  background: var(--ms-onyx, #17110c); color: #fff;
  font-family: var(--ms-font-sans); font-size: 11px; font-weight: 400; letter-spacing: 0; white-space: nowrap;
  padding: 5px 9px; border-radius: 6px; z-index: 40; pointer-events: none;
  box-shadow: var(--ms-shadow-2, 0 8px 24px -6px rgba(0,0,0,0.25));
}

/* heatmap hide dropdown */
.ap-ins .fc-menu {
  position: absolute; top: 40px; right: 0; z-index: 30; min-width: 224px;
  background: var(--ms-white); border: 1px solid var(--ms-border-strong); border-radius: 12px;
  box-shadow: var(--ms-shadow-2, 0 12px 32px -8px rgba(0,0,0,0.22)); padding: 6px;
}
.ap-ins .fc-menu__item {
  display: flex; align-items: center; gap: 10px; width: 100%; text-align: left;
  border: none; background: transparent; cursor: pointer; border-radius: 8px; padding: 9px 10px;
  font-family: var(--ms-font-sans); font-size: 13px; font-weight: 600; color: var(--ms-fg); transition: background 0.1s;
}
.ap-ins .fc-menu__item i { font-size: 16px; color: var(--ms-fg-muted); }
.ap-ins .fc-menu__item:hover { background: var(--ms-platinum); }
.ap-ins .fc-menu__item--danger:hover { background: var(--base-red-1, #fbeae7); color: var(--chart-red); }
.ap-ins .fc-menu__item--danger:hover i { color: var(--chart-red); }
.ap-ins .fc-menu__sub {
  font-family: var(--ms-font-mono); font-size: 9px; font-weight: 700; letter-spacing: 0.07em;
  text-transform: uppercase; color: var(--ms-fg-subtle); padding: 9px 10px 5px; border-top: 1px solid var(--ms-border); margin-top: 4px;
}
.ap-ins .fc-menu__prod { display: flex; align-items: center; gap: 9px; }
.ap-ins .fc-menu__prod img { width: 20px; height: 20px; border-radius: 50%; object-fit: cover; background: var(--ms-platinum); }
.ap-ins .fc-menu__check { margin-left: auto; font-size: 15px; color: var(--ms-dusty-green); }

/* demographic-cut chip value reads regular, not bold */
.ap-ins .ap-seg__chip--seg .ap-seg__val { font-weight: 400; }
.ap-ins .ap-seg__chip--seg .ap-seg__ic { color: var(--ms-fg); }
.ap-ins .ap-seg__chip--seg .ap-seg__dim { color: var(--ms-fg); }
.ap-ins .ap-prodbadge .ap-nbadge__k { margin-left: 4px; }

/* Tweak: full-bleed divider under the argument headline (pseudo-element so the
   claim's own padding/margin is untouched) */
.ap-ins--claimdiv .ap-argcard__head { position: relative; padding-bottom: 16px; }
.ap-ins--claimdiv .ap-argcard__head::after {
  content: ""; position: absolute; left: -22px; right: -22px; bottom: 0;
  border-top: 1px solid var(--ms-border);
}

/* "Show N more findings" toggle reads as regular body text (was mono + tracked) */
.ap-ins .ap-argcard__more-txt { font-family: var(--ms-font-sans); letter-spacing: normal; font-size: 13px; }

/* =========================================================
   Appendix → argument assignment (cascade "Add to an argument")
   ========================================================= */
.ap-ins .fc-ib.is-assigned { color: var(--ms-dusty-green); }
.ap-ins .apx-assignmenu { min-width: 300px; }
.ap-ins .apx-assignmenu .fc-menu__sub:first-child { border-top: none; margin-top: 0; padding-top: 5px; }
.ap-ins .apx-casc { position: relative; }
.ap-ins .apx-casc__obj { align-items: flex-start; }
.ap-ins .apx-cascade__objlab { font-size: 12.5px; line-height: 1.35; }
.ap-ins .apx-cascade__objlab b { display: block; font-family: var(--ms-font-mono); font-size: 9px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ms-dusty-green); margin-bottom: 2px; }
.ap-ins .apx-casc__obj .fc-menu__check { align-self: center; }
/* hover-flyout secondary menu (opens beside the option list) */
.ap-ins .apx-submenu {
  position: absolute; right: 100%; top: -6px; min-width: 288px; max-height: 360px; overflow-y: auto;
  margin-right: 2px;
}
.ap-ins .apx-submenu__arg { font-size: 12px; font-weight: 400; color: var(--ms-ink-2); line-height: 1.4; align-items: flex-start; }
.ap-ins .apx-submenu__arg .apx-submenu__box { margin-top: 1px; }
.ap-ins .apx-submenu__arg:hover { background: var(--ms-platinum); color: var(--ms-fg); }
.ap-ins .apx-submenu__arg.is-active { color: #2f6b16; }
.ap-ins .apx-submenu__box { font-size: 16px; flex-shrink: 0; color: var(--ms-fg-subtle); }
.ap-ins .apx-submenu__arg.is-active .apx-submenu__box { color: var(--ms-dusty-green); }

/* assigned chip on the appendix card */
.ap-ins .apx-assigned-chip {
  display: inline-flex; align-items: center; gap: 5px; margin-left: 8px;
  font-family: var(--ms-font-mono); font-size: 9px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase;
  color: #2f6b16; background: var(--ms-green-5); border: 1px solid var(--ms-green-3); border-radius: 5px; padding: 2px 7px;
}
.ap-ins .apx-assigned-chip i { font-size: 12px; }
.ap-ins .apx-block--assigned { box-shadow: inset 3px 0 0 var(--ms-dusty-green); }