/* Make the container a strict two-pane flex row, never wrapping */
.page-row-content-flex {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch;
  gap: 8px;
  width: 100%;
}

/* Neutralize Bootstrap .row side margins to avoid white bands */
.page-row-content-flex.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Left panel */
.left-col {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  min-width: 0;
  overflow: hidden;
  transition:
    flex-basis 200ms ease,
    max-width 200ms ease,
    width 200ms ease,
    opacity 200ms ease;
  will-change: flex-basis, max-width, width;
}


.full-height-panel-override {
  height: calc(100vh - 140px);
  overflow: auto;
}

.right-col {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;

  /* allow content to shrink without wrapping container */
}

/* Collapse behavior: hide left completely and give space to right */
#left-panel-toggle:checked ~ .page-row-content-flex {
  gap: 0;
}

#left-panel-toggle:checked ~ .page-row-content-flex .left-col {
  width: 0 !important;
  flex-basis: 0 !important;
  max-width: 0 !important;
  opacity: 0;
  pointer-events: none;
}

#left-panel-toggle:checked ~ .page-row-content-flex .right-col {
  flex: 1 1 100%;
}

/* Transparent button style */
.btn-transparent {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 6px 10px;
}

.btn-transparent:hover,
.btn-transparent:focus {
  background: rgb(0 0 0 / 5%);
}


.table.table-select > tbody > tr {
  border-left: 15px solid #90969d;
}

.table.table-select > tbody > tr.selected,
.table.table-select > tbody > tr.active {
  border-left-color: #cbe56b; /* lime */
}

.customer-tree-disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}

.customer-tree-disabled .tree-node {
  cursor: not-allowed !important;
}


.col-resizer {
  flex: 0 0 10px;
  width: 10px;
  cursor: col-resize;
  position: relative;
  user-select: none;
  touch-action: none;
  z-index: 10;
  align-self: stretch;
  pointer-events: auto;
}

.col-resizer::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3px;
  width: 2px;
  background: rgba(0, 0, 0, 0.12);
  border-radius: 2px;
}

/* hover feedback */
.col-resizer:hover::before {
  background: rgba(0, 0, 0, 0.25);
}

/* while resizing-> avoid selecting text */
:host ::ng-deep body.is-col-resizing {
  cursor: col-resize !important;
  user-select: none !important;
}

/* RIGHT */
.right-col {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
}

#left-panel-toggle:checked ~ .page-row-content-flex {
  gap: 0;
}

#left-panel-toggle:checked ~ .page-row-content-flex .left-col {
  width: 0 !important;
  flex-basis: 0 !important;
  max-width: 0 !important;
  opacity: 0;
  pointer-events: none;
}

#left-panel-toggle:checked ~ .page-row-content-flex .right-col {
  flex: 1 1 100%;
}

#left-panel-toggle:checked ~ .page-row-content-flex .col-resizer {
  display: none !important;
}