/* Build 2507 — visual do modal da Agenda e controles compactos da Checagem.
   Isolado: não altera DOM, dados, listeners ou outras áreas do site. */
#jobDetailsDialog{
  --spac-dialog-bg:#191c22;
  --spac-dialog-tile:#22262d;
  --spac-dialog-line:#363b45;
  --spac-dialog-muted:#adb3bd;
}
/* Mesmo tom para cabeçalho, navegação e visualização; sem faixa preta. */
html[data-theme="dark"] #jobDetailsDialog>.dialog-card,
#jobDetailsDialog>.dialog-card{
  background:var(--spac-dialog-bg)!important;
  border:1px solid var(--spac-dialog-line)!important;
  background-image:none!important;
  box-shadow:0 20px 65px rgba(0,0,0,.46)!important;
}
#jobDetailsDialog .dialog-head{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-bottom:1px solid var(--spac-dialog-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  min-width:0;
}
#jobDetailsDialog .dialog-head>div{flex:1;min-width:0;}
#jobDetailsDialog .dialog-head .eyebrow{color:#ffd400!important;letter-spacing:.1em!important;}
#jobDetailsDialog .dialog-head h3{font-weight:850!important;letter-spacing:-.025em!important;line-height:1.17!important;}
#jobDetailsDialog #jobDetailsCloseBtn{
  box-sizing:border-box!important;
  border:1px solid var(--spac-dialog-line)!important;
  background:#252930!important;
  color:#f6f6f6!important;
  box-shadow:none!important;
  border-radius:12px!important;
  display:grid!important;place-items:center!important;
  font-size:24px!important;font-weight:400!important;
  padding:0!important;
}
#jobDetailsDialog #jobDetailsCloseBtn:focus-visible{outline:2px solid #ffd400!important;outline-offset:2px;}
#jobDetailsDialog .workflow-actions{gap:8px!important;margin-bottom:12px!important;}
#jobDetailsDialog .workflow-actions>.btn{
  min-width:0!important;min-height:43px!important;
  padding:8px 10px!important;
  border:1px solid #434852!important;
  border-radius:12px!important;
  background:#22262d!important;
  color:#f5f5f3!important;
  box-shadow:none!important;
  font-size:.85rem!important;line-height:1.25!important;
  font-weight:750!important;
  overflow-wrap:normal!important;word-break:normal!important;
  white-space:normal!important;
  transition:background-color .15s,border-color .15s!important;
}
#jobDetailsDialog .workflow-actions>.btn:not(.active){
  background:#22262d!important;
  color:#f5f5f3!important;
  border-color:#434852!important;
}
#jobDetailsDialog .workflow-actions>.btn.active,
#jobDetailsDialog .workflow-actions>.btn[data-job-workflow].active{
  background:#ffd400!important;color:#141518!important;
  border-color:#ffd400!important;font-weight:850!important;
}
#jobDetailsDialog .workflow-actions>.btn:not(.active):is(:hover,:focus-visible,:active){
  border-color:#ffd400!important;
  background:#252930!important;color:#fff!important;
}
html[data-theme="dark"] #jobDetailsDialog .job-workflow-pane,
#jobDetailsDialog .job-workflow-pane{
  background:var(--spac-dialog-bg)!important;
  background-image:none!important;
  border:1px solid var(--spac-dialog-line)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
html[data-theme="dark"] #jobDetailsDialog .job-workflow-view-head,
#jobDetailsDialog .job-workflow-view-head{
  background:transparent!important;
  background-image:none!important;
  border-bottom:1px solid var(--spac-dialog-line)!important;
  border-radius:0!important;
  margin:0!important;
  box-shadow:none!important;
}
#jobDetailsDialog .job-workflow-view-head h3{font-size:1.08rem!important;line-height:1.3!important;}
#jobDetailsDialog .job-workflow-open-icon{
  flex:0 0 40px!important;width:40px!important;height:40px!important;
  border:1px solid #ffd400!important;border-radius:12px!important;
  background:#ffd400!important;color:#121212!important;
  box-shadow:none!important;
}
html[data-theme="dark"] #jobDetailsDialog :is(.workflow-view-section,.workflow-photo-name-card),
#jobDetailsDialog :is(.workflow-view-section,.workflow-photo-name-card){
  background:var(--spac-dialog-bg)!important;
  border-color:var(--spac-dialog-line)!important;
  box-shadow:none!important;
}
#jobDetailsDialog :is(.workflow-view-section-title,.workflow-photo-name-head){
  background:transparent!important;
  border-color:var(--spac-dialog-line)!important;
}
#jobDetailsDialog .workflow-view-row{padding:8px 10px!important;gap:7px!important;}
html[data-theme="dark"] #jobDetailsDialog :is(.workflow-detail-grid>div,.job-detail-grid>div),
#jobDetailsDialog :is(.workflow-detail-grid>div,.job-detail-grid>div){
  background:var(--spac-dialog-tile)!important;
  background-image:none!important;
  border-color:var(--spac-dialog-line)!important;
}
/* Check compacto (círculo visual 24px, botão de toque 42px). */
.spac-verify-row{gap:5px!important;align-items:center!important;}
.spac-verify-circle{
  position:relative!important;
  display:grid!important;place-items:center!important;
  flex:0 0 42px!important;width:42px!important;height:42px!important;
  min-width:42px!important;min-height:42px!important;
  padding:0!important;
  border:0!important;background:transparent!important;
  color:transparent!important;
  font-size:15px!important;font-weight:900!important;
  z-index:0;isolation:isolate;
}
.spac-verify-circle::before{
  content:"";position:absolute;inset:50% auto auto 50%;
  transform:translate(-50%,-50%);width:24px;height:24px;
  border:2px solid #818893;border-radius:50%;background:transparent;
  z-index:-1;box-sizing:border-box;
}
.spac-verify-circle.is-verified{color:#151515!important;background:transparent!important;border:0!important;}
.spac-verify-circle.is-verified::before{background:#ffd400;border-color:#ffd400;}
.spac-verify-circle:is(:hover,:focus-visible){outline:0!important;background:transparent!important;}
.spac-verify-circle:is(:hover,:focus-visible)::before{border-color:#ffd400;box-shadow:0 0 0 2px rgba(255,212,0,.25);}
.spac-verify-circle:focus-visible{outline:2px solid #ffd400!important;outline-offset:0; border-radius:10px!important;}
.spac-verify-row .spac-verify-status{font-size:10px!important;white-space:nowrap!important;}
#jobDetailsDialog .spac-verify-row{min-height:48px!important;}
#jobDetailsDialog .spac-verify-row .spac-verify-copy{flex:1 1 120px!important;}
#jobDetailsDialog .spac-verify-row strong{font-size:.84rem!important;line-height:1.32!important;}
#jobDetailsDialog .spac-verify-row small{font-size:.69rem!important;}
/* Miniaturas pequenas, conservando o clique para visualização ampliada. */
.call-album-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(0,62px))!important;
  justify-content:start!important;
  gap:7px!important;
}
.call-album-thumb{width:62px!important;border-radius:9px!important;}
.call-album-thumb .spac-photo-trigger{
  height:58px!important;min-height:58px!important;overflow:hidden!important;
}
.call-album-thumb .spac-photo-trigger img,
.call-album-thumb .spac-photo-trigger .photo-placeholder{
  width:100%!important;height:58px!important;object-fit:cover!important;
}
.call-album-thumb figcaption{
  padding:4px!important;font-size:9px!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
.workflow-photo-name-row .spac-photo-name-trigger .workflow-photo-preview{
  flex:0 0 30px!important;width:30px!important;height:30px!important;
  margin:0!important;object-fit:cover!important;border-radius:6px!important;
}
#jobDetailsDialog .workflow-photo-name-row{min-height:39px!important;padding:3px 5px!important;}
#jobDetailsDialog .workflow-photo-name-row .spac-photo-name-trigger{min-height:36px!important;gap:7px!important;}
@media(max-width:600px){
  #jobDetailsDialog>.dialog-card{padding:14px 14px 20px!important;}
  #jobDetailsDialog .dialog-head{align-items:center!important;padding:0 0 14px!important;margin:0 0 14px!important;}
  #jobDetailsDialog .dialog-head h3{font-size:clamp(1.25rem,5.5vw,1.65rem)!important;}
  #jobDetailsDialog .workflow-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
  #jobDetailsDialog .workflow-actions>.btn{min-height:44px!important;font-size:.78rem!important;padding:8px 7px!important;}
  #jobDetailsDialog #jobDetailsCloseBtn{width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;}
  #jobDetailsDialog .job-workflow-pane{border-radius:15px!important;}
  #jobDetailsDialog .job-workflow-content{padding:10px!important;}
  #jobDetailsDialog .spac-verify-status{font-size:10px!important;}
}
@media(max-width:350px){
  #jobDetailsDialog>.dialog-card{padding:12px 10px 16px!important;}
  #jobDetailsDialog .workflow-actions>.btn{font-size:.73rem!important;}
}