.grid-table-body tbody td {
  padding: 4px 8px;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #dddddd55;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 0;
  font-size: 12px;
}

.grid-table-body input[type=text].cell-edit, .grid-table-body input[type=date].cell-edit, .grid-table-body select.cell-edit {
  font-size: 11px;
  font-family: Verdana;
}

.grid-table-head thead {
  font-size: 12px;
}

/* Se till att tr alltid beter sig som tabellrader när de är synliga */
.grid-table-head tr.filter-row,
.grid-table-head tr.batch-edit-row {
  display: table-row;
}

/* Hide via klass istället för jQuery show/hide */
.grid-table-head tr.is-hidden {
  display: none !important;
}

.grid-table-head thead th, .grid-table-head thead td {
  border-right: 1px solid #cccccc55;
}

.grid-table-head thead .filter-row td,
.grid-table-head thead .batch-edit-row td {
  background: #fcfcfc;
  border-bottom: 1px solid #ccc;
}

.grid-table-head tr.filter-row,
.grid-table-head tr.batch-edit-row {
  padding: 0px;
}

.grid-table-head thead td input, .grid-table-head thead td select {
  height: 24px;
}

.grid-table-body {
  background-color: #fafafa;
}


  /** Rows **/
  .grid-table-body tr {
    background-color: #f2f2f2;
  }

    .grid-table-body tr:nth-child(even) {
      background-color: #fafafa;
    }

    .grid-table-body tr:nth-child(odd).selected {
      background-color: #82a3b9bb;
      color: #243a51;
      /*outline: 1px solid #6aa6ff;
        outline-offset: -1px;*/
    }

    .grid-table-body tr:nth-child(even).selected {
      background-color: #82a3b9aa;
      color: #243a51;
      /* outline: 1px solid #6aa6ff;
        outline-offset: -1px;*/
    }

    .grid-table-body tr.selected td.db-pending {
      /* Exempel: lite mörkare gul när vald */
      background-color: #fff1b5;
    }

.grid-body .grid-table-body tr:hover {
  /*background: revert;
  background-color: revert;*/
}

/** celler **/
.cell-locked {
  opacity: 0.65;
}

.cell-image {
  max-width: 75px;
  /* height: auto; */
  border: 1px solid #d5d5d5;
  max-height: 50px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*  .cell-locked:disabled {
    cursor: not-allowed;
  }*/

/** Scrollbar **/
.table-wrapper::-webkit-scrollbar {
  width: 12px;
}

.table-wrapper::-webkit-scrollbar-track {
  background: #f3f4f6;
}

.table-wrapper::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 5px;
  min-height: 28px; /* ← min thumb-höjd */
}

.table-wrapper {
  scrollbar-gutter: stable;
}
/* valfritt, reservera plats */

/** Drag & drop **/
.grid-shell.grid-dragging {
  cursor: grabbing;
  user-select: none;
}

.grid-table-body tbody tr.grid-drop-allowed {
  outline: 2px solid #4caf5088;
  outline-offset: -2px;
}

.grid-table-body tbody tr.grid-drop-denied {
  outline: 2px solid #e5393588;
  outline-offset: -2px;  
}
