/* HEMA_RESPONSIVIDADE_PERFORMANCE_V52_6_3
   Ajustes aditivos para Hub e SATS.
   Sem observer, timer ou sobrescrita de API global.
*/

.hema-report-grid-v5263{
  display:grid;
  grid-template-columns:
    repeat(3,minmax(160px,1fr))
    auto;
  gap:10px;
  align-items:end;
}

.hema-job-title-grid-v5263{
  display:grid;
  grid-template-columns:
    minmax(220px,1.2fr)
    minmax(200px,1fr)
    minmax(150px,180px)
    minmax(130px,150px)
    minmax(120px,140px)
    auto;
  gap:8px;
  align-items:end;
}

.hema-os-material-grid-v5263{
  display:grid;
  grid-template-columns:
    minmax(130px,150px)
    minmax(220px,1fr)
    minmax(85px,100px)
    minmax(75px,90px)
    minmax(105px,120px)
    auto;
  gap:8px;
  margin-top:10px;
  align-items:end;
}

.hema-report-grid-v5263 > *,
.hema-job-title-grid-v5263 > *,
.hema-os-material-grid-v5263 > *{
  min-width:0;
}

@media (max-width:1200px){
  .hema-job-title-grid-v5263{
    grid-template-columns:
      repeat(3,minmax(180px,1fr));
  }

  .hema-os-material-grid-v5263{
    grid-template-columns:
      minmax(130px,.8fr)
      minmax(220px,1.7fr)
      minmax(90px,.6fr);
  }
}

@media (max-width:900px){
  .hema-report-grid-v5263,
  .hema-job-title-grid-v5263,
  .hema-os-material-grid-v5263{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }

  .card > table{
    display:block;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .top{
    height:auto;
    min-height:72px;
    gap:12px;
    flex-wrap:wrap;
    padding-top:12px;
    padding-bottom:12px;
  }

  .top .actions{
    display:flex;
    flex-wrap:wrap;
  }
}

@media (max-width:700px){
  .hema-report-grid-v5263,
  .hema-job-title-grid-v5263,
  .hema-os-material-grid-v5263{
    grid-template-columns:1fr;
  }

  .hema-report-grid-v5263 > button,
  .hema-job-title-grid-v5263 > button,
  .hema-os-material-grid-v5263 > button{
    width:100%;
  }

  .dialog-body,
  .dialog-head,
  .dialog-foot{
    padding-left:14px;
    padding-right:14px;
  }
}

@media (max-width:480px){
  .hema-report-grid-v5263,
  .hema-job-title-grid-v5263,
  .hema-os-material-grid-v5263{
    gap:10px;
  }

  .top .actions{
    width:100%;
  }

  .top .actions .btn{
    flex:1 1 140px;
  }

  .table-wrap{
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
}

/* HEMA_SATS_LAYOUT_CARDS_V52_6_3_2
   Em notebooks e telas menores, cada SAT vira um card legível.
   Em telas maiores, a tabela original permanece normal.
*/
@media (max-width:1400px){
  .table-wrap:has(.hema-sats-request-table-v52632){
    max-width:100%;
    overflow:visible;
    padding:12px;
    background:#f4f8fb;
  }

  .hema-sats-request-table-v52632{
    display:block;
    width:100%;
    min-width:0;
    border:0;
    border-collapse:separate;
    background:transparent;
  }

  .hema-sats-request-table-v52632 > thead{
    display:none;
  }

  .hema-sats-request-table-v52632 > tbody{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    width:100%;
  }

  .hema-sats-request-table-v52632 > tbody > tr{
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px 14px;
    width:100%;
    padding:16px 70px 16px 16px;
    border:1px solid #dbe5ee;
    border-radius:14px;
    background:#fff;
    box-shadow:0 2px 8px rgba(15,42,66,.055);
    cursor:pointer;
  }

  .hema-sats-request-table-v52632 > tbody > tr:hover{
    border-color:#b8cfdf;
    box-shadow:0 5px 14px rgba(15,42,66,.09);
  }

  .hema-sats-request-table-v52632 > tbody > tr > td{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    min-width:0;
    padding:0;
    border:0;
    background:transparent;
    white-space:normal;
    overflow-wrap:anywhere;
  }

  .hema-sats-request-table-v52632 > tbody > tr > td::before{
    content:attr(data-label);
    display:block;
    margin-bottom:4px;
    color:#6d8194;
    font-size:10px;
    font-weight:800;
    letter-spacing:.055em;
    line-height:1.2;
    text-transform:uppercase;
  }

  .hema-sats-request-table-v52632 > tbody > tr > td:nth-child(1){
    grid-column:span 1;
  }

  .hema-sats-request-table-v52632 > tbody > tr > td:nth-child(2){
    grid-column:span 1;
  }

  .hema-sats-request-table-v52632 > tbody > tr > td:nth-child(3),
  .hema-sats-request-table-v52632 > tbody > tr > td:nth-child(4){
    grid-column:span 2;
  }

  .hema-sats-request-table-v52632 > tbody > tr > td:nth-child(5){
    grid-column:1 / -1;
    padding-top:2px;
    font-size:14px;
    line-height:1.4;
  }

  .hema-sats-request-table-v52632 > tbody > tr > td:nth-child(6),
  .hema-sats-request-table-v52632 > tbody > tr > td:nth-child(7),
  .hema-sats-request-table-v52632 > tbody > tr > td:nth-child(8),
  .hema-sats-request-table-v52632 > tbody > tr > td:nth-child(9){
    grid-column:span 1;
  }

  .hema-sats-request-table-v52632 > tbody > tr > td:nth-child(10),
  .hema-sats-request-table-v52632 > tbody > tr > td:nth-child(11){
    grid-column:span 2;
  }

  .hema-sats-request-table-v52632 > tbody > tr > td:last-child{
    position:absolute;
    top:14px;
    right:14px;
    display:block;
    width:40px;
    min-width:40px;
    max-width:40px;
    padding:0;
    z-index:6;
  }

  .hema-sats-request-table-v52632 > tbody > tr > td:last-child::before{
    display:none;
  }

  .hema-sats-request-table-v52632
    > tbody
    > tr
    > td:last-child
    .sat-v37-menu-wrap{
    width:40px;
    justify-content:center;
  }

  .hema-sats-request-table-v52632
    > tbody
    > tr
    > td:last-child
    .sat-v37-menu-toggle{
    width:38px;
    height:38px;
    border-radius:10px;
  }

  .hema-sats-request-table-v52632 > tbody > tr > td.empty{
    grid-column:1 / -1;
    display:block;
    padding:24px;
    text-align:center;
  }

  .hema-sats-request-table-v52632 > tbody > tr > td.empty::before{
    display:none;
  }

  .hema-sats-request-table-v52632 select{
    max-width:100%;
  }
}

@media (max-width:900px){
  .hema-sats-request-table-v52632 > tbody > tr{
    grid-template-columns:repeat(2,minmax(0,1fr));
    padding-right:66px;
  }

  .hema-sats-request-table-v52632 > tbody > tr > td:nth-child(3),
  .hema-sats-request-table-v52632 > tbody > tr > td:nth-child(4),
  .hema-sats-request-table-v52632 > tbody > tr > td:nth-child(5),
  .hema-sats-request-table-v52632 > tbody > tr > td:nth-child(10),
  .hema-sats-request-table-v52632 > tbody > tr > td:nth-child(11){
    grid-column:1 / -1;
  }

  .hema-sats-request-table-v52632 > tbody > tr > td:nth-child(6),
  .hema-sats-request-table-v52632 > tbody > tr > td:nth-child(7),
  .hema-sats-request-table-v52632 > tbody > tr > td:nth-child(8),
  .hema-sats-request-table-v52632 > tbody > tr > td:nth-child(9){
    grid-column:span 1;
  }
}

@media (max-width:600px){
  .table-wrap:has(.hema-sats-request-table-v52632){
    padding:8px;
  }

  .hema-sats-request-table-v52632 > tbody > tr{
    grid-template-columns:1fr;
    gap:10px;
    padding:14px 62px 14px 14px;
    border-radius:12px;
  }

  .hema-sats-request-table-v52632 > tbody > tr > td{
    grid-column:1 / -1 !important;
  }

  .hema-sats-request-table-v52632 > tbody > tr > td:nth-child(1),
  .hema-sats-request-table-v52632 > tbody > tr > td:nth-child(2){
    max-width:calc(100% - 2px);
  }

  .hema-sats-request-table-v52632 > tbody > tr > td:last-child{
    top:12px;
    right:12px;
  }
}

