/* Structune Hub V17.7.4.590 — retains the V578 Loads table design alignment.
   Visual table rules only. Loads data, columns, controls and interactions remain
   owned by the existing V574 controllers. */

@media screen{
  html body[data-structune-build].v17-loads-constrained #view-loads{
    --hub-table-body:#0B1723;
    --hub-table-header:#142936;
    --hub-table-line:rgba(215,224,232,.18);
    --hub-table-text:#dce7ef;
    --hub-table-muted:#aebfcb;
    --hub-table-hover:#102433;
    --hub-table-selected:#132b3b;
    --hub-table-accent:#1596e5;
  }

  html body[data-structune-build].v17-loads-constrained #view-loads :is(
    .loads-table-panel,
    .loads-register-panel
  ){
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding:0!important;
    border:1px solid var(--hub-table-line)!important;
    border-radius:0!important;
    background:var(--hub-table-body)!important;
    box-shadow:none!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-width:thin!important;
    scrollbar-color:#8B8B8B var(--hub-table-body)!important;
  }

  html body[data-structune-build].v17-loads-constrained #view-loads :is(
    .loads-table-panel,
    .loads-register-panel
  )::-webkit-scrollbar{width:10px!important;height:10px!important}
  html body[data-structune-build].v17-loads-constrained #view-loads :is(
    .loads-table-panel,
    .loads-register-panel
  )::-webkit-scrollbar-track,
  html body[data-structune-build].v17-loads-constrained #view-loads :is(
    .loads-table-panel,
    .loads-register-panel
  )::-webkit-scrollbar-corner{background:var(--hub-table-body)!important}
  html body[data-structune-build].v17-loads-constrained #view-loads :is(
    .loads-table-panel,
    .loads-register-panel
  )::-webkit-scrollbar-thumb{
    background:#8B8B8B!important;
    border:2px solid var(--hub-table-body)!important;
    border-radius:999px!important;
  }

  html body[data-structune-build].v17-loads-constrained #view-loads :is(
    .loads-table-panel>table.data-table,
    .loads-register-panel>table.data-table
  ){
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    table-layout:auto!important;
    overflow:visible!important;
    background:var(--hub-table-body)!important;
    color:var(--hub-table-text)!important;
    font-family:Inter,Segoe UI,Arial,sans-serif!important;
  }

  html body[data-structune-build].v17-loads-constrained #view-loads :is(
    .loads-table-panel>table.data-table,
    .loads-register-panel>table.data-table
  ) :is(th,td){
    box-sizing:border-box!important;
    height:42px!important;
    min-width:0!important;
    padding:0 4px!important;
    border:0!important;
    border-right:1px solid var(--hub-table-line)!important;
    border-bottom:1px solid var(--hub-table-line)!important;
    border-radius:0!important;
    vertical-align:middle!important;
    text-align:left!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html body[data-structune-build].v17-loads-constrained #view-loads :is(
    .loads-table-panel>table.data-table,
    .loads-register-panel>table.data-table
  ) :is(th,td):last-child{border-right:0!important}
  html body[data-structune-build].v17-loads-constrained #view-loads :is(
    .loads-table-panel>table.data-table,
    .loads-register-panel>table.data-table
  ) tbody tr:last-child>td{border-bottom:0!important}

  html body[data-structune-build].v17-loads-constrained #view-loads :is(
    .loads-table-panel>table.data-table,
    .loads-register-panel>table.data-table
  ) thead th{
    position:sticky!important;
    top:0!important;
    z-index:45!important;
    height:44px!important;
    background:var(--hub-table-header)!important;
    background-clip:padding-box!important;
    box-shadow:none!important;
    color:var(--hub-table-muted)!important;
    font-size:10px!important;
    font-weight:750!important;
    line-height:1.15!important;
    letter-spacing:.025em!important;
    text-transform:uppercase!important;
  }

  html body[data-structune-build].v17-loads-constrained #view-loads :is(
    .loads-table-panel>table.data-table,
    .loads-register-panel>table.data-table
  ) tbody td{
    position:relative!important;
    z-index:1!important;
    background:var(--hub-table-body)!important;
    color:var(--hub-table-text)!important;
    font-size:11px!important;
    font-weight:560!important;
    line-height:1.2!important;
  }

  html body[data-structune-build].v17-loads-constrained #view-loads :is(
    .loads-table-panel>table.data-table,
    .loads-register-panel>table.data-table
  ) tbody tr:hover td{background:var(--hub-table-hover)!important}
  html body[data-structune-build].v17-loads-constrained #view-loads .loads-table tbody tr:has(input.loads-check:checked) td{
    background:var(--hub-table-selected)!important;
  }
  html body[data-structune-build].v17-loads-constrained #view-loads .loads-table tbody tr:has(input.loads-check:checked) td:first-child{
    box-shadow:inset 3px 0 0 var(--hub-table-accent)!important;
  }

  html body[data-structune-build].v17-loads-constrained #view-loads .loads-table :is(
    th.loads-check-col,
    td:first-child:has(>input.loads-check)
  ){
    position:relative!important;
    width:42px!important;
    min-width:42px!important;
    padding:0!important;
    text-align:center!important;
  }
  html body[data-structune-build].v17-loads-constrained #view-loads .loads-table :is(
    th.loads-check-col,
    td:first-child:has(>input.loads-check)
  )>input.loads-check{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    display:block!important;
    width:16px!important;
    height:16px!important;
    margin:0!important;
    transform:translate(-50%,-50%)!important;
    accent-color:var(--hub-table-accent)!important;
    cursor:pointer!important;
  }
}

/* V582 — SCI13 Loads & Delivery.
   Remove only the rendered outer left/right vertical boundaries. Keep the
   header top, table bottom, internal row/column dividers and all geometry. */
@media screen{
  html body[data-structune-build].v17-loads-constrained #view-loads :is(
    .loads-table-panel,
    .loads-register-panel,
    .loads-table-panel :is(.loads-header-viewport-sbs165,.loads-body-viewport-sbs165,.hub-unified-header-viewport,.hub-unified-body-viewport),
    .loads-register-panel :is(.loads-header-viewport-sbs165,.loads-body-viewport-sbs165,.hub-unified-header-viewport,.hub-unified-body-viewport)
  ){
    border-left-width:0!important;
    border-right-width:0!important;
  }

  html body[data-structune-build].v17-loads-constrained #view-loads :is(
    .loads-table-panel,
    .loads-register-panel
  ) table{
    border-left-width:0!important;
    border-right-width:0!important;
  }

  html body[data-structune-build].v17-loads-constrained #view-loads :is(
    .loads-table-panel,
    .loads-register-panel
  ) table thead tr>th:first-child{border-left-width:0!important}

  html body[data-structune-build].v17-loads-constrained #view-loads :is(
    .loads-table-panel,
    .loads-register-panel
  ) table thead tr>th:last-child{border-right-width:0!important}
}