/* Batas tinggi box data, scrollbar, dan cetak. */

#main .table-wrap,
#main .invoice-table {
  max-height: min(var(--ws-table-height), 65vh);
  overflow: auto;
  scrollbar-gutter: stable;
  padding-bottom: 0;
}

#main .table-wrap table,
#main .invoice-table table {
  border-collapse: separate;
  border-spacing: 0;
}

#main .table-wrap thead th,
#main .invoice-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--surface);
  box-shadow: 0 1px 0 var(--line);
}

.compact-project-board .column {
  min-height: 0;
  padding: 12px;
}

.compact-project-board .column-head {
  margin: 0 2px 10px;
}

.project-column-scroll {
  max-height: min(var(--ws-project-height), 65vh);
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-gutter: stable;
  padding: 2px 3px 2px 1px;
}

.project-column-scroll:focus-visible,
#main .table-wrap:focus-visible,
#main .invoice-table:focus-visible {
  outline: 2px solid #7d9c3b;
  outline-offset: 2px;
}

.project-column-scroll::-webkit-scrollbar,
#main .table-wrap::-webkit-scrollbar,
#main .invoice-table::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

.project-column-scroll::-webkit-scrollbar-thumb,
#main .table-wrap::-webkit-scrollbar-thumb,
#main .invoice-table::-webkit-scrollbar-thumb {
  background: #b6c1b0;
  border-radius: 8px;
}

@media (max-width: 760px) {
  :root {
    --ws-table-height: 400px;
    --ws-project-height: 400px;
  }

  #main .table-wrap,
  #main .invoice-table,
  .project-column-scroll {
    max-height: min(400px, 55vh);
  }
}

@media print {
  #main .table-wrap,
  #main .invoice-table,
  .project-column-scroll {
    max-height: none;
    overflow: visible;
  }
}

.report-list-scroll {
  max-height: 400px;
  overflow: auto;
  padding-right: 8px;
}

.audit-change {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  .report-list-scroll {
    max-height: 300px;
  }
}