/* Build 2503 — Detalhes da Agenda mobile: protege safe area e impede recorte
   no cabeçalho, títulos, valores e cartões. Nenhum estilo fora do diálogo. */
@media (max-width:760px){
  #jobDetailsDialog[open]{
    position:fixed!important;
    inset:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))!important;
    box-sizing:border-box!important;
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:20px!important;
  }
  #jobDetailsDialog>.dialog-card{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:18px clamp(14px,4vw,20px) max(20px,env(safe-area-inset-bottom))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
    border-radius:18px!important;
  }
  #jobDetailsDialog .dialog-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:start!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0 0 16px!important;
    padding:0 0 13px!important;
    box-sizing:border-box!important;
  }
  #jobDetailsDialog .dialog-head>div{min-width:0!important;max-width:100%!important;overflow:visible!important;padding:0!important;}
  #jobDetailsDialog .dialog-head .eyebrow{margin:0 0 7px!important;max-width:100%;white-space:normal!important;overflow-wrap:anywhere!important;font-size:.7rem!important;letter-spacing:.1em!important;}
  #jobDetailsDialog .dialog-head h3{margin:0!important;max-width:100%;min-width:0;font-size:clamp(1.25rem,6vw,1.8rem)!important;line-height:1.16!important;overflow-wrap:anywhere!important;white-space:normal!important;}
  #jobDetailsDialog #jobDetailsCloseBtn{
    flex:none!important;justify-self:end!important;box-sizing:border-box!important;
    width:44px!important;min-width:44px!important;max-width:44px!important;
    height:44px!important;min-height:44px!important;margin:0!important;
  }
  #jobDetailsDialog :is(.job-details-body,.job-workflow-pane,.job-workflow-content,.job-workflow-view-head,.job-detail-grid,.job-detail-grid>div,.workflow-view-section,.workflow-detail-grid,.workflow-detail-grid>div){
    box-sizing:border-box!important;min-width:0!important;max-width:100%!important;
  }
  #jobDetailsDialog :is(h2,h3,h4,p,strong,small,.job-detail-grid span,.workflow-detail-grid span){
    max-width:100%;overflow-wrap:anywhere!important;word-break:normal!important;white-space:normal;
  }
  #jobDetailsDialog .workflow-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;}
  #jobDetailsDialog .workflow-actions>.btn{min-width:0!important;width:100%!important;min-height:48px!important;padding:10px 8px!important;box-sizing:border-box!important;line-height:1.25!important;white-space:normal!important;}
  #jobDetailsDialog .job-workflow-view-head>div{min-width:0!important;}
  #jobDetailsDialog .job-detail-grid,#jobDetailsDialog .workflow-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
  #jobDetailsDialog .job-detail-wide{grid-column:1/-1!important;}
}
@media(max-width:350px){
  #jobDetailsDialog .workflow-actions{grid-template-columns:1fr!important;}
}