/* Column widths belong to this browser; separators do not occupy grid cells. */
@media (min-width: 1101px) {
  [data-panel="inquiry"] .inquiry-workspace[data-resizable-columns="desktop"],
  [data-panel="inquiry"] .inquiry-workspace.history-open[data-resizable-columns="desktop"] {
    grid-template-columns: var(--inquiry-left-width, 320px) minmax(0, 1fr) var(--inquiry-right-width, 300px);
  }
}

@media (min-width: 701px) and (max-width: 1100px) {
  [data-panel="inquiry"] .inquiry-workspace[data-resizable-columns="tablet"],
  [data-panel="inquiry"] .inquiry-workspace.history-open[data-resizable-columns="tablet"] {
    grid-template-columns: var(--inquiry-left-width, 300px) minmax(0, 1fr);
  }
}

[data-panel="inquiry"] .inquiry-column-resizer {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 12px;
  margin-left: -6px;
  cursor: col-resize;
  touch-action: none;
  user-select: none;
  outline: none;
}

[data-panel="inquiry"] .inquiry-column-resizer[data-column="left"] {
  left: var(--inquiry-left-width, 320px);
}

[data-panel="inquiry"] .inquiry-column-resizer[data-column="right"] {
  left: calc(100% - var(--inquiry-right-width, 300px));
}

[data-panel="inquiry"] .inquiry-column-resizer::before {
  content: "";
  position: absolute;
  inset: 0 5px;
  background: #a9bcb9;
  opacity: .42;
}

[data-panel="inquiry"] .inquiry-column-resizer::after {
  content: "";
  position: absolute;
  top: 44%;
  left: 2px;
  width: 8px;
  height: 42px;
  border: 1px solid #a7beb8;
  border-radius: 5px;
  background: repeating-linear-gradient(to bottom, #f3f8f6 0 5px, #a7beb8 5px 7px, #f3f8f6 7px 10px);
  box-shadow: 0 1px 3px #253d4b1a;
}

[data-panel="inquiry"] .inquiry-column-resizer:hover::before,
[data-panel="inquiry"] .inquiry-column-resizer:focus-visible::before,
[data-panel="inquiry"] .inquiry-column-resizer.is-dragging::before {
  background: #218c82;
  opacity: 1;
}

[data-panel="inquiry"] .inquiry-column-resizer:focus-visible::after,
[data-panel="inquiry"] .inquiry-column-resizer.is-dragging::after {
  outline: 2px solid #218c82;
  outline-offset: 2px;
}

body.inquiry-columns-dragging,
body.inquiry-columns-dragging * {
  cursor: col-resize !important;
  user-select: none !important;
}

@media (max-width: 700px) {
  [data-panel="inquiry"] .inquiry-column-resizer { display: none; }
}