/* Samen kijken (28/09/2026) — balk bovenaan + aanwijzer van de leider. */
.samen-code { font: 700 44px/1.1 ui-monospace, "Cascadia Mono", monospace; letter-spacing: .12em;
  color: #2f45c5; background: #eef1ff; border-radius: 14px; padding: 14px 22px; display: inline-block; }
.samen-invoer { max-width: 190px; font-size: 26px; letter-spacing: .15em; }
.samen-balk { position: fixed; top: 0; left: 50%; transform: translateX(-50%); z-index: 3000;
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap; width: max-content;
  max-width: calc(100vw - 32px);
  background: #2f45c5; color: #fff; border-radius: 0 0 12px 12px; padding: 6px 14px;
  font-size: 13px; box-shadow: 0 6px 18px rgba(0,0,0,.18); }
.samen-balk .samen-stip { width: 9px; height: 9px; border-radius: 50%; background: #22c55e; }
.samen-balk.is-volgt .samen-stip { background: #fbbf24; }
.samen-balk button { background: rgba(255,255,255,.16); color: #fff; border: 0; border-radius: 8px;
  padding: 3px 10px; font-size: 12px; cursor: pointer; }
.samen-balk button:hover { background: rgba(255,255,255,.3); }
.samen-balk .samen-noot { opacity: .85; font-style: italic; }
.samen-wijs { position: absolute; z-index: 2999; width: 30px; height: 30px; margin: -15px 0 0 -15px;
  border-radius: 50%; border: 3px solid #fbbf24; box-shadow: 0 0 0 6px rgba(251,191,36,.35);
  pointer-events: none; animation: samen-puls 1.2s ease-out 3; }
@keyframes samen-puls { from { transform: scale(.6); opacity: 1; } to { transform: scale(1.4); opacity: .2; } }
@media (prefers-reduced-motion: reduce) { .samen-wijs { animation: none; } }

/* Knopje naast de Oci-knop (rechtsonder). Verdwijnt samen met de Oci-knop. */
.samen-knop { position: fixed; right: 96px; bottom: 34px; z-index: 1040; width: 42px; height: 42px;
  border-radius: 50%; display: flex; align-items: center; justify-content: center;
  background: #fff; color: #2f45c5; border: 2px solid #2f45c5; font-size: 20px;
  box-shadow: 0 6px 16px rgba(0,0,0,.15); text-decoration: none; }
.samen-knop:hover, .samen-knop:focus-visible { background: #2f45c5; color: #fff; }
/* In de bovenbalk (klant) en de kantoorhoofding staat Samen kijken als knop
   in de balk zelf; daar dus geen zwevend knopje. */
#claude-fab[data-hidden="1"] ~ .samen-knop,
body.ocapi-ob-aan .samen-knop, body:has(.okh-top) .samen-knop { display: none; }
@media (max-width: 576px) { .samen-knop { right: 84px; bottom: 24px; } }

/* Knopje "Samen bekijken" op een tegel of rapport (macro samen_knopje). */
.samen-chip { display: inline-flex; align-items: center; gap: 6px; border: 1px dashed #b6bde8;
  border-radius: 10px; padding: 3px 10px 3px 6px; color: #2f45c5; font-size: 12.5px; font-weight: 600;
  text-decoration: none; background: #fff; }
.samen-chip:hover, .samen-chip:focus-visible { background: #eef1ff; border-style: solid; }
.samen-knop { width: 52px; border-radius: 26px; }
.awm-samen { display: block; }