/* RN owns its geometry. Office typography, palette, borders and focus styling remain themed.
   No SBN selector or shared lead-card/lead-dialog marker is used in this subtree. */
[data-app-rn-lead-board][data-app-kanban] {
  display:flex; align-items:stretch; gap:12px; padding-block:0 16px;
  min-width:0; max-width:100%;
}
[data-app-rn-lead-board] > [data-app-rn-lead-column][data-app-kanban-column] {
  flex:1 1 0; width:auto; min-width:0; padding:0;
}
[data-app-rn-column-header] { padding:10px 12px; }
[data-app-rn-column-header] > div { min-width:0; }
[data-app-rn-column-title] { overflow-wrap:anywhere; }
[data-app-rn-column-content] { padding:6px; }
[data-app-rn-lead-board] [data-app-rn-lead-card][data-app-kanban-card] {
  min-width:0; max-width:100%; padding:10px; margin-block-end:0;
}
[data-app-rn-card-header] { flex-direction:row; align-items:flex-start; gap:6px; }
[data-app-rn-card-header] > p {
  flex:1 1 0; min-width:0; font-size:12px; line-height:16px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
[data-app-rn-card-actions] { flex:0 1 auto; flex-wrap:wrap; max-width:60%; gap:4px; justify-content:flex-end; }
[data-app-rn-lead-board] [data-app-rn-lead-card] :is(button,a)[data-app-control="icon"],
[data-app-rn-card-actions] button.h-5.w-5 { width:20px; height:20px; min-width:20px; min-height:20px; padding:0; }
[data-app-rn-card-metadata] { margin-block-start:8px; padding-block-start:6px; }
[data-app-rn-card-footer] { margin-block-start:4px; }
[data-app-rn-lead-overlay][data-app-dialog-overlay] { padding:16px; }
[data-app-rn-lead-dialog][data-app-dialog][role="dialog"] {
  width:calc(100vw - 32px); max-width:min(42rem,calc(100vw - 32px)) !important;
  height:auto; max-height:min(88dvh,calc(100dvh - 32px)); min-width:0;
}
[data-app-rn-lead-dialog][data-app-dialog] > [data-app-dialog-header] {
  flex-shrink:0; padding:16px 20px 12px;
}
[data-app-rn-lead-dialog][data-app-dialog] > [data-app-dialog-header] h2 { font-size:14px; line-height:20px; }
[data-app-rn-lead-dialog][data-app-dialog] > [data-app-dialog-body] { min-height:0; padding:0; overflow-y:auto; }
[data-app-rn-lead-dialog][data-app-dialog] > [data-app-dialog-footer] { flex-shrink:0; padding:10px 20px; flex-wrap:wrap; gap:8px; }
[data-app-rn-saf], [data-app-rn-saf-party] { min-width:0; overflow-wrap:anywhere; }
[data-app-rn-saf-photos] { grid-template-columns:repeat(6,minmax(0,1fr)); }
[data-app-rn-contact-editor] > div:first-child { flex-wrap:wrap; }
[data-app-rn-contact-editor] :is(select,textarea),
[data-app-rn-contact-entry-header] > div { min-width:0; max-width:100%; }
[data-app-rn-contact-entry-header] > div,
[data-app-rn-contact-entry-header] span.flex { flex-wrap:wrap; }
[data-app-rn-lead-dialog] > [data-app-dialog-body] p { overflow-wrap:anywhere; }
@media (max-width:639px) {
  [data-app-rn-lead-board] > [data-app-rn-lead-column][data-app-kanban-column] { flex:0 0 82%; width:82%; min-width:0; }
  [data-app-rn-lead-board][data-app-kanban] { overflow-x:auto; scroll-snap-type:x mandatory; }
  [data-app-rn-lead-overlay][data-app-dialog-overlay] { padding:12px; }
  [data-app-rn-lead-dialog][data-app-dialog][role="dialog"] { max-height:calc(100dvh - 32px); }
  [data-app-rn-lead-dialog][data-app-dialog] > [data-app-dialog-header],
  [data-app-rn-lead-dialog][data-app-dialog] > [data-app-dialog-footer] { padding:12px; }
}
@media (pointer:coarse) {
  [data-app-rn-lead-board] [data-app-rn-lead-card] :is(button,a),
  [data-app-rn-lead-dialog] button[aria-label="Lead sluiten"] { min-height:44px; min-width:44px; }
}