/* Spreadsheet-style column and block resizing (static/js/rmc-column-resize.js) */
.rmc-col-resizable { position: relative; }
.rmc-col-resizer {
  position: absolute; top: 0; inset-inline-end: 0; bottom: 0; width: 8px;
  cursor: col-resize; touch-action: none; user-select: none; z-index: 2;
}
.rmc-col-resizer::after {
  content: ""; position: absolute; top: 20%; bottom: 20%; inset-inline-end: 3px; width: 2px;
  border-radius: 1px; background: var(--hairline, currentColor); opacity: .35;
  transition: opacity var(--motion-fast, .12s) ease, background var(--motion-fast, .12s) ease;
}
.rmc-col-resizable:hover > .rmc-col-resizer::after,
.rmc-col-resizer:focus-visible::after,
.rmc-col-resizer.is-active::after { opacity: 1; background: var(--brand-primary, var(--bs-primary, currentColor)); }
.rmc-col-resizer:focus-visible { outline: 2px solid var(--brand-primary, var(--bs-primary, currentColor)); outline-offset: -2px; }
html.rmc-col-resizing, html.rmc-col-resizing * { cursor: col-resize !important; user-select: none !important; }
table.rmc-data-table[data-rmc-cols-frozen="1"] th,
table.rmc-data-table[data-rmc-cols-frozen="1"] td { overflow: hidden; text-overflow: ellipsis; }
.rmc-block-resizer {
  position: absolute; z-index: 3; touch-action: none; user-select: none;
}
.rmc-block-resizer--both { inset-inline-end: 2px; bottom: 2px; width: 14px; height: 14px; cursor: nwse-resize;
  background: linear-gradient(135deg, transparent 50%, var(--hairline, currentColor) 50%, var(--hairline, currentColor) 60%, transparent 60%, transparent 72%, var(--hairline, currentColor) 72%, var(--hairline, currentColor) 82%, transparent 82%); }
.rmc-block-resizer--x { inset-inline-end: 0; top: 0; bottom: 0; width: 8px; cursor: ew-resize; }
.rmc-block-resizer--y { inset-inline-start: 0; inset-inline-end: 0; bottom: 0; height: 8px; cursor: ns-resize; }

/* Column menu (show/hide, order, saved views) */
.rmc-col-hidden { display: none !important; }
.rmc-col-tools { display: flex; justify-content: flex-end; margin-bottom: .35rem; }
.rmc-col-menu { position: relative; }
.rmc-col-menu > summary { list-style: none; cursor: pointer; }
.rmc-col-menu > summary::-webkit-details-marker { display: none; }
.rmc-col-panel {
  position: absolute; inset-inline-end: 0; z-index: 20; min-width: 17rem; max-height: 24rem; overflow: auto;
  margin-top: .25rem; padding: .75rem; border-radius: .6rem;
  background: var(--surface-popover, var(--surface-elevated, #fff)); color: var(--text-primary, inherit);
  border: 1px solid var(--hairline, rgba(127,127,127,.3)); box-shadow: var(--elev-3, 0 8px 24px rgba(0,0,0,.18));
}
