.updates-table{width:100%;border-collapse:collapse;table-layout:fixed}
.updates-table th,.updates-table td{padding:12px;border-bottom:1px solid rgba(127,127,127,.2);text-align:left;vertical-align:top}
.updates-table th{font-size:12px;text-transform:uppercase}
.updates-table td{overflow-wrap:anywhere}
.update-mandatory{font-weight:700}
.table-wrap{width:100%;max-width:100%;overflow:auto}
@media(max-width:760px){
  .ops-shell,.ops-panel,.ops-header,.ops-header>div{box-sizing:border-box;min-width:0}
  .ops-header{padding:20px 16px;gap:16px}
  .ops-header h1{font-size:clamp(30px,8vw,40px);line-height:1.08;overflow-wrap:normal}
  .ops-header .muted{line-height:1.45}
  .ops-header .project-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;gap:8px}
  .ops-header .project-actions>.button{box-sizing:border-box;min-width:0;min-height:44px;padding:0 12px;white-space:normal;text-align:center}
  .ops-panel{padding:14px}
  .table-wrap{overflow:visible!important}
  .updates-table,.updates-table tbody{display:block;width:100%;min-width:0}
  .updates-table thead{display:none}
  .updates-table tr{
    display:block;
    box-sizing:border-box;
    width:100%;
    margin:0 0 12px;
    padding:4px 12px;
    overflow:hidden;
    border:1px solid rgba(127,127,127,.22);
    border-radius:14px;
    background:#f7f8fa;
    color:#17191f;
  }
  .updates-table td{
    display:grid;
    grid-template-columns:minmax(88px,.7fr) minmax(0,1.3fr);
    align-items:start;
    gap:10px;
    box-sizing:border-box;
    width:100%;
    min-width:0;
    padding:11px 0;
    border-bottom:1px solid rgba(127,127,127,.18);
    font-size:14px;
    line-height:1.35;
  }
  .updates-table td::before{
    color:#747b87;
    font-size:11px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
  }
  .updates-table td:nth-child(1)::before{content:"Empresa"}
  .updates-table td:nth-child(2)::before{content:"Plataforma"}
  .updates-table td:nth-child(3)::before{content:"Versão"}
  .updates-table td:nth-child(4)::before{content:"Tipo"}
  .updates-table td:nth-child(5)::before{content:"Arquivo"}
  .updates-table td:nth-child(6)::before{content:"Publicado"}
  .updates-table td:nth-child(7)::before{content:"Ações"}
  .updates-table td:last-child{border-bottom:0}
  .updates-table td small{display:block;margin-top:4px;color:#747b87}
  .updates-table .project-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;margin:0}
  .updates-table .project-actions>.button{box-sizing:border-box;width:100%;min-width:0;min-height:40px;padding:7px 8px;white-space:normal;text-align:center}
}
@media(max-width:380px){
  .ops-header .project-actions{grid-template-columns:1fr}
  .ops-header .project-actions>.button{width:100%}
  .updates-table td{grid-template-columns:minmax(76px,.65fr) minmax(0,1.35fr);gap:7px;font-size:13px}
  .updates-table .project-actions{grid-template-columns:1fr}
}