/* stylesheet: v22274-mobile-report-fix.css */
/* SouPrimeiroAC V22.2.74 / build 2295 — correção pontual MOBILE dos campos De/Até. */
@media (max-width:760px){
  #relatorioView .report-date-search{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:12px!important;
    row-gap:0!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  #relatorioView .report-date-search label{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  #relatorioView .report-date-search input[type="date"]{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    padding-left:7px!important;
    padding-right:7px!important;
    font-size:.78rem!important;
    text-align:center!important;
    overflow:hidden!important;
  }
  #relatorioView .report-date-search input[type="date"]::-webkit-date-and-time-value{
    min-width:0!important;
    width:100%!important;
    text-align:center!important;
  }
  #relatorioView .report-date-search input[type="date"]::-webkit-datetime-edit{
    min-width:0!important;
    padding:0!important;
  }
}


/* stylesheet: v22275-mobile-report-spacing.css */
/* SouPrimeiroAC V22.2.75 / build 2296 — ajuste pontual MOBILE do período do relatório. */
@media (max-width:760px){
  #relatorioView .report-filter{
    gap:16px!important;
  }
  #relatorioView .report-date-search{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  #relatorioView .report-date-search label{
    display:grid!important;
    grid-template-rows:auto 1fr!important;
    gap:9px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  #relatorioView .report-date-search input[type="date"]{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    padding:0 8px!important;
    box-sizing:border-box!important;
    font-size:1rem!important;
    line-height:1!important;
    font-weight:850!important;
    text-align:center!important;
    overflow:hidden!important;
  }
  #relatorioView .report-date-search input[type="date"]::-webkit-date-and-time-value{
    width:100%!important;
    min-width:0!important;
    text-align:center!important;
  }
  #relatorioView .report-date-search input[type="date"]::-webkit-datetime-edit{
    min-width:0!important;
    padding:0!important;
  }
  #relatorioView .report-presets{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  #relatorioView .report-presets button{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
}


/* stylesheet: v22276-report-responsive.css */
/* SouPrimeiroAC V22.2.76 / build 2297 — correção pontual da área Relatórios (mobile + desktop). */

/* MOBILE: datas e atalhos seguem exatamente a mesma régua visual. */
@media (max-width:760px){
  #relatorioView .report-filter{
    gap:16px!important;
  }
  #relatorioView .report-date-search,
  #relatorioView .report-presets{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  #relatorioView .report-date-search label{
    display:grid!important;
    grid-template-rows:auto 52px!important;
    gap:9px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
  #relatorioView .report-date-search input[type="date"],
  #relatorioView .report-presets button{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;
    box-sizing:border-box!important;
    border-radius:12px!important;
  }
  #relatorioView .report-date-search input[type="date"]{
    padding:0 8px!important;
    font-size:1.05rem!important;
    line-height:52px!important;
    font-weight:900!important;
    text-align:center!important;
    overflow:hidden!important;
    -webkit-appearance:none!important;
    appearance:none!important;
  }
  #relatorioView .report-date-search input[type="date"]::-webkit-date-and-time-value{
    width:100%!important;
    min-width:0!important;
    text-align:center!important;
  }
  #relatorioView .report-date-search input[type="date"]::-webkit-datetime-edit{
    min-width:0!important;
    padding:0!important;
  }
  #relatorioView .report-presets button{
    padding:0 10px!important;
    font-size:.8rem!important;
    line-height:52px!important;
  }
}

/* DESKTOP: impede a coluna de introdução de colapsar e reorganiza o filtro em uma faixa estável. */
@media (min-width:761px){
  #relatorioView .report-section-head{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  #relatorioView .report-section-head>div:first-child{
    width:100%!important;
    max-width:820px!important;
    min-width:0!important;
    margin:0 0 24px!important;
  }
  #relatorioView .report-section-head>div:first-child>p:last-child{
    width:100%!important;
    max-width:820px!important;
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    line-height:1.5!important;
  }
  #relatorioView .report-filter{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:minmax(360px,1.3fr) minmax(240px,.8fr) minmax(260px,.9fr)!important;
    gap:16px!important;
    align-items:end!important;
    box-sizing:border-box!important;
  }
  #relatorioView .report-date-search{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
  }
  #relatorioView .report-date-search label,
  #relatorioView .report-date-search input,
  #relatorioView .report-presets{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  #relatorioView .report-presets{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
  }
  #relatorioView .report-presets button{
    width:100%!important;
    min-width:0!important;
  }
  #relatorioView #exportReportPdfBtn{
    width:100%!important;
    min-width:0!important;
  }
}

@media (min-width:761px) and (max-width:1180px){
  #relatorioView .report-filter{
    grid-template-columns:minmax(0,1fr) minmax(220px,.7fr)!important;
  }
  #relatorioView #exportReportPdfBtn{
    grid-column:1/-1!important;
  }
}


/* stylesheet: v22279-notifications.css */
/* V22.2.79 — saúde de Web Push/PWA, ativação guiada e diagnóstico administrativo. */
.notifications-toolbar{flex-wrap:wrap}
.notification-device-health{display:flex;align-items:center;gap:9px;min-width:0;flex:1 1 210px;padding:8px 10px;border:1px solid #353941;border-radius:12px;background:#111318}
.notification-device-health>i{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#7f858f;box-shadow:0 0 0 4px rgba(127,133,143,.12)}
.notification-device-health>span{display:grid;gap:1px;min-width:0}.notification-device-health strong{font-size:.72rem;color:#fff}.notification-device-health small{font-size:.64rem;color:#aeb3bc;line-height:1.3}
.notification-device-health[data-state="active"]>i{background:#4ad486;box-shadow:0 0 0 4px rgba(74,212,134,.12)}
.notification-device-health[data-state="permission"]>i,.notification-device-health[data-state="install"]>i,.notification-device-health[data-state="repair"]>i{background:#ffd400;box-shadow:0 0 0 4px rgba(255,212,0,.12)}
.notification-device-health[data-state="blocked"]>i,.notification-device-health[data-state="unsupported"]>i{background:#ff6c78;box-shadow:0 0 0 4px rgba(255,108,120,.12)}
.notification-setup-card{flex:1 0 100%;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:13px 14px;border:1px solid rgba(255,212,0,.36);border-radius:14px;background:linear-gradient(90deg,rgba(255,212,0,.11),#121419 52%)}
.notification-setup-card.hidden{display:none}.notification-setup-card>div:first-child{display:grid;gap:4px;min-width:0}.notification-setup-card strong{font-size:.88rem;color:#fff}.notification-setup-card p{margin:0;color:#c9cdd4;font-size:.72rem;line-height:1.4}.notification-setup-actions{display:flex;gap:8px;flex:0 0 auto}.notification-setup-actions .btn{min-height:36px;padding:8px 11px;font-size:.72rem}
.admin-push-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}.admin-push-health-card{display:grid;gap:5px;padding:13px 14px;border:1px solid #30343a;border-radius:14px;background:#101214}.admin-push-health-card span{font-size:.62rem;letter-spacing:.08em;color:#ffd400;font-weight:900}.admin-push-health-card strong{font-size:1.45rem;line-height:1;color:#fff}.admin-push-health-card small{color:#9fa4ad;font-size:.68rem;line-height:1.35}
@media(max-width:860px){.admin-push-health-grid{grid-template-columns:1fr 1fr}.notification-setup-card{align-items:stretch;flex-direction:column}.notification-setup-actions{width:100%}.notification-setup-actions .btn{flex:1}}
@media(max-width:520px){.admin-push-health-grid{grid-template-columns:1fr 1fr}.notifications-toolbar{align-items:stretch}.notification-device-health{flex:1 0 100%;width:100%}.notification-setup-actions{display:grid;grid-template-columns:1fr 1fr}.notification-setup-actions .btn{width:100%}}


/* stylesheet: v22281-mobile-fixes.css */
/* V22.2.81 / build 2302 — correções exclusivamente mobile.
   Escopo: Central de Notificações, compartilhamento da lista nos detalhes e
   visibilidade do progresso do PDF dentro do dialog da Agenda. */
@media (max-width:760px){
  /* Central de Notificações: modal compacto, sem overflow horizontal. */
  #notificationsDialog.notifications-dialog{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 20px)!important;
    margin:auto!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  #notificationsDialog *,#shareJobDialog *{box-sizing:border-box;min-width:0}
  #notificationsDialog .notifications-card{
    width:100%!important;
    max-width:100%!important;
    max-height:calc(100dvh - 20px)!important;
    padding:12px!important;
    border-radius:18px!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-rows:auto auto minmax(0,1fr)!important;
    gap:8px!important;
  }
  #notificationsDialog .dialog-head{
    min-height:40px!important;
    align-items:center!important;
    padding:0 0 7px!important;
    gap:8px!important;
    border-bottom:1px solid #30343a;
  }
  #notificationsDialog .dialog-head small{display:none!important}
  #notificationsDialog .dialog-head h3{margin:0!important;font-size:1rem!important;line-height:1.1!important}
  #notificationsDialog .dialog-head .icon-btn{width:34px!important;height:34px!important;flex:0 0 34px!important}
  #notificationsDialog .notifications-toolbar{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:7px!important;
    padding:0 0 8px!important;
    margin:0!important;
    border-bottom:1px solid #30343a!important;
    overflow:hidden!important;
  }
  #notificationsSummary{
    width:max-content!important;
    max-width:100%!important;
    padding:4px 8px!important;
    border-radius:999px!important;
    background:#202329!important;
    color:#d7d9de!important;
    font-size:.66rem!important;
    line-height:1.2!important;
  }
  #notificationsDialog .notification-device-health{
    width:100%!important;
    max-width:100%!important;
    flex:none!important;
    padding:8px 9px!important;
    gap:8px!important;
    border-radius:11px!important;
  }
  #notificationsDialog .notification-device-health>span{overflow:hidden!important}
  #notificationsDialog .notification-device-health strong{font-size:.7rem!important;line-height:1.2!important}
  #notificationsDialog .notification-device-health small{font-size:.62rem!important;line-height:1.28!important;overflow-wrap:anywhere!important}
  #notificationsDialog .notification-device-health[data-state="active"] small{display:none!important}
  #notificationsDialog .notification-setup-card{
    width:100%!important;
    padding:9px!important;
    gap:8px!important;
    border-radius:11px!important;
  }
  #notificationsDialog .notification-setup-card strong{font-size:.76rem!important}
  #notificationsDialog .notification-setup-card p{font-size:.65rem!important;line-height:1.3!important}
  #notificationsDialog .notification-setup-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  #notificationsDialog .notification-setup-actions .btn{min-height:34px!important;padding:6px 8px!important;font-size:.66rem!important}
  #notificationsDialog .notifications-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    align-items:stretch!important;
  }
  #notificationsDialog .notifications-actions .btn{
    width:100%!important;
    min-width:0!important;
    min-height:34px!important;
    padding:6px 5px!important;
    font-size:.64rem!important;
    line-height:1.15!important;
    white-space:normal!important;
    border-radius:10px!important;
  }
  #notificationsDialog #notificationsPushEnable{
    grid-column:1/-1!important;
    min-height:36px!important;
    font-size:.69rem!important;
  }
  #notificationsDialog .push-help{display:none!important}
  #notificationsDialog .notifications-list,
  #notificationsDialog .notifications-list.has-scroll{
    width:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-gutter:auto!important;
    padding:1px!important;
    gap:6px!important;
  }
  #notificationsDialog .notification-item{
    width:100%!important;
    min-height:0!important;
    grid-template-columns:8px minmax(0,1fr)!important;
    gap:8px!important;
    padding:9px 10px!important;
    border-radius:12px!important;
  }
  #notificationsDialog .notification-dot{width:6px!important;height:6px!important;margin-top:5px!important}
  #notificationsDialog .notification-copy{gap:3px!important;overflow:hidden!important}
  #notificationsDialog .notification-copy strong{font-size:.8rem!important;line-height:1.2!important;overflow-wrap:anywhere!important}
  #notificationsDialog .notification-copy small{font-size:.7rem!important;line-height:1.34!important;overflow-wrap:anywhere!important}
  #notificationsDialog .notification-copy em{font-size:.65rem!important;line-height:1.25!important;overflow-wrap:anywhere!important}
  #notificationsDialog .notification-item time{grid-column:2!important;justify-self:start!important;padding:0!important;font-size:.61rem!important;line-height:1.1!important}

  /* Compartilhar a lista nos detalhes: diálogo completo e compacto no mobile. */
  #shareJobDialog{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 20px)!important;
    margin:auto!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  #shareJobDialog .share-list-dialog-card{
    width:100%!important;
    max-width:100%!important;
    max-height:calc(100dvh - 20px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding:14px!important;
    border-radius:18px!important;
  }
  #shareJobDialog .dialog-head{align-items:center!important;gap:8px!important}
  #shareJobDialog .dialog-head h3{font-size:1rem!important;line-height:1.15!important}
  #shareJobDialog .muted{font-size:.72rem!important;line-height:1.35!important;margin:6px 0 10px!important}
  #shareJobDialog label{font-size:.72rem!important}
  #shareJobDialog input,#shareJobDialog select{min-height:42px!important}
  #shareJobDialog .share-user-suggestions{max-height:31dvh!important}
  #shareJobDialog .share-list-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  #shareJobDialog #shareJobSubmit{grid-column:1/-1!important}
  #shareJobDialog .share-list-actions .btn{min-height:40px!important;padding:8px!important;font-size:.72rem!important;white-space:normal!important}
  #shareJobDialog .share-invite-link-box{padding:9px!important;border-radius:11px!important}
  #shareJobDialog .share-invite-link-row{grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important}
  #shareJobDialog .share-invite-link-row .btn{width:auto!important;min-height:40px!important}

  /* O dialog modal da Agenda vive no top layer. Portalamos o progresso do PDF
     para dentro dele para que a barra continue visível no iPhone/PWA. */
  #jobDetailsDialog > #processProgressOverlay{
    position:fixed!important;
    inset:auto 0 0 0!important;
    z-index:2147483646!important;
    width:100vw!important;
    max-width:100vw!important;
  }
}

@media (max-width:390px){
  #notificationsDialog .notifications-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
  #notificationsDialog .notifications-actions .btn{font-size:.6rem!important;padding-inline:3px!important}
  #shareJobDialog .share-invite-link-row{grid-template-columns:1fr!important}
  #shareJobDialog .share-invite-link-row .btn{width:100%!important}
}


/* stylesheet: v22282-mobile-notifications.css */
/* V22.2.82 / build 2303 — refinamento da Central de Notificações mobile.
   Escopo: espaçamento/legibilidade dos cards e limite visual de 5 notificações.
   Cabeçalho, saúde do push e ações permanecem fora da área rolável. */
@media (max-width:760px){
  #notificationsDialog .notifications-card{
    grid-template-rows:auto auto auto!important;
  }

  /* Somente a lista rola. O teto comporta até 5 cards típicos e também
     respeita aparelhos com pouca altura útil. */
  #notificationsDialog .notifications-list,
  #notificationsDialog .notifications-list.has-scroll{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    width:100%!important;
    min-height:0!important;
    max-height:min(390px,calc(100dvh - 320px))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    padding:2px 2px 2px 1px!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-gutter:auto!important;
  }

  /* Cada aviso cresce pelo próprio conteúdo. Nada usa altura fixa que possa
     esmagar título, descrição ou horário em linhas sobrepostas. */
  #notificationsDialog .notification-item{
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:72px!important;
    display:grid!important;
    grid-template-columns:8px minmax(0,1fr)!important;
    grid-template-areas:
      "dot copy"
      ". time"!important;
    column-gap:9px!important;
    row-gap:6px!important;
    align-items:start!important;
    align-content:start!important;
    padding:10px 11px!important;
    margin:0!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }
  #notificationsDialog .notification-dot{
    grid-area:dot!important;
    align-self:start!important;
    width:6px!important;
    height:6px!important;
    margin:6px 0 0!important;
  }
  #notificationsDialog .notification-copy{
    grid-area:copy!important;
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  #notificationsDialog .notification-copy strong,
  #notificationsDialog .notification-copy small,
  #notificationsDialog .notification-copy em{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    position:static!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  #notificationsDialog .notification-copy strong{
    font-size:.8rem!important;
    line-height:1.22!important;
  }
  #notificationsDialog .notification-copy small{
    font-size:.7rem!important;
    line-height:1.34!important;
    color:#c4c7cd!important;
  }
  #notificationsDialog .notification-copy em{
    font-size:.65rem!important;
    line-height:1.3!important;
  }
  #notificationsDialog .notification-item time{
    grid-area:time!important;
    justify-self:start!important;
    align-self:start!important;
    position:static!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    font-size:.61rem!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }
}

@media (max-width:390px){
  #notificationsDialog .notifications-list,
  #notificationsDialog .notifications-list.has-scroll{
    max-height:min(370px,calc(100dvh - 305px))!important;
    gap:7px!important;
  }
  #notificationsDialog .notification-item{
    min-height:70px!important;
    padding:9px 10px!important;
  }
}

/* Central de Notificações · ocupa toda a tela e rola apenas quando necessário */
#notificationsDialog{
  width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;
  margin:0!important;padding:0!important;border:0!important;background:transparent!important;
}
#notificationsDialog::backdrop{background:rgba(0,0,0,.82)!important}
#notificationsDialog .notifications-card{
  box-sizing:border-box!important;width:100vw!important;max-width:none!important;
  min-height:100dvh!important;height:100dvh!important;max-height:none!important;
  margin:0!important;border-radius:0!important;
  padding-top:max(14px,env(safe-area-inset-top))!important;
  padding-right:max(14px,env(safe-area-inset-right))!important;
  padding-bottom:max(14px,env(safe-area-inset-bottom))!important;
  padding-left:max(14px,env(safe-area-inset-left))!important;
  overflow-x:hidden!important;overflow-y:auto!important;
  overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;
}
#notificationsDialog .notifications-toolbar{flex:0 0 auto!important;width:100%!important}
#notificationsDialog .notifications-list,
#notificationsDialog .notifications-list.has-scroll{
  flex:1 0 auto!important;width:100%!important;min-height:0!important;max-height:none!important;
  overflow:visible!important;padding-bottom:8px!important;
}
@media(min-width:761px){
  #notificationsDialog .notifications-card{padding-left:max(24px,env(safe-area-inset-left))!important;padding-right:max(24px,env(safe-area-inset-right))!important}
  #notificationsDialog .notifications-list{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
  #notificationsDialog .notifications-toolbar{max-width:1180px!important;margin-left:auto!important;margin-right:auto!important}
  #notificationsDialog .dialog-head{max-width:1180px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}
}


/* stylesheet: responsive-audit.css */
/* V22.2.83: fixes verified at 320–1440 CSS pixels; loaded after legacy overrides. */
#authView.auth-shell { grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); }
#authView .auth-brand, #authView .auth-card { min-width:0; }
#authView input:not([type=checkbox]):not([type=radio]), #authView .password-field { min-width:0; max-width:100%; }
@media (max-width:1024px) {
  #authView.auth-shell { grid-template-columns:minmax(0,1fr); }
  #authView .auth-brand { padding:24px; min-height:0; }
  #authView .auth-card { width:min(500px,calc(100% - 24px)); margin:20px auto; max-height:none; }
  #orcamentoView .quote-page-head { display:flex!important; flex-wrap:wrap!important; gap:12px!important; }
  #orcamentoView .quote-page-head > div:first-child { flex:1 0 100%; min-width:0; }
  #orcamentoView .quote-page-head > .btn { flex:1 1 180px; width:auto!important; min-width:0; white-space:normal; }
  #orcamentoView .project-autofill-strip { grid-template-columns:minmax(0,1fr)!important; }
  #orcamentoView .project-autofill-controls { min-width:0; grid-template-columns:minmax(0,1fr)!important; }
}
/* With a keyboard or landscape viewport, scroll the whole card so controls and notices remain reachable. */
@media (max-height:600px) {
  #notificationsDialog.notifications-dialog { max-height:calc(100dvh - 16px)!important; overflow-y:auto!important; }
  #notificationsDialog .notifications-card { display:block!important; max-height:none!important; overflow:visible!important; }
  #notificationsDialog .notifications-list, #notificationsDialog .notifications-list.has-scroll { max-height:none!important; overflow:visible!important; }
  .site-loading-screen { overflow-y:auto; }
  .site-loading-card { min-height:0!important; flex-shrink:0; }
}
@media (pointer:coarse) {
  #notificationsDialog .dialog-head .icon-btn, .icon-btn, .password-toggle { min-width:44px!important; min-height:44px!important; }
}
@media (max-width:760px) {
  #authView input:not([type=checkbox]):not([type=radio]), #authView select, #authView textarea { font-size:16px; }
}
:where(button,a,input,select,textarea,summary):focus-visible { outline:3px solid #ffd400!important; outline-offset:3px; }
@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }
}
@media (max-width:1024px) {
  #contaView .coupon-redeem-row, #contaView .referral-link-box { grid-template-columns:minmax(0,1fr); }
  #contaView .coupon-redeem-row > *, #contaView .referral-link-box > * { min-width:0; max-width:100%; }
  #equipamentosView .equipment-toolbar { grid-template-columns:minmax(0,1fr)!important; }
  #equipamentosView .equipment-toolbar > * { min-width:0; width:100%; }
  #camerasView .camera-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  #camerasView .camera-tab { min-width:0; overflow-wrap:anywhere; padding:10px 5px; }
}
#aiBriefingReview .ai-review-item{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px;align-items:center;border-top:1px solid #383838;padding:12px 0}
#aiBriefingReview .ai-review-item input[type=number]{width:100%;min-width:0}
#aiBriefingReview p,#aiBriefingReview label{overflow-wrap:anywhere}
#premiumView .ai-consent{margin:16px 0;padding:16px;border:1px solid #444;border-radius:12px}
#projectHubSaveBtn{white-space:normal;max-width:100%}
@media(max-width:420px){#aiBriefingReview .ai-review-item{grid-template-columns:minmax(0,1fr)}#aiBriefingReview .ai-review-item input[type=number]{max-width:140px}}


/* stylesheet: briefing-workspace.css */
/* Briefing workspace: isolated from the rest of the application. */
#premiumView{--ai-surface:#101214;--ai-line:#303438;--ai-muted:#a5aaae;color:#f4f4ee}
#premiumView .ai-workspace-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;padding:32px 0 28px;border-bottom:1px solid var(--ai-line);margin-bottom:22px}
#premiumView .ai-eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:#b5babf;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
#premiumView .ai-eyebrow span{border:1px solid #766827;border-radius:6px;padding:5px 8px;color:#ffd400;letter-spacing:.07em}
#premiumView .ai-workspace-hero h2{font-size:clamp(36px,4.5vw,64px);line-height:1.02;letter-spacing:-.055em;font-weight:800;margin:22px 0 16px;color:#fff}
#premiumView .ai-workspace-hero h2 em{color:#ffd400;font-style:normal}
#premiumView .ai-workspace-hero p{max-width:480px;font-size:15px;line-height:1.6;color:var(--ai-muted);margin:0}
#premiumView .ai-workflow-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;font-size:12px;white-space:nowrap;color:#ccd0d2}
#premiumView .ai-workflow-steps span{display:inline-grid;place-items:center;width:26px;height:26px;border:1px solid #4c5051;border-radius:50%;margin-right:10px;color:#ffd400;font-size:11px}
#premiumView .ai-status-row{margin-bottom:0;grid-template-columns:minmax(0,1fr) auto}
#premiumView .ai-connection{background:transparent;border:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
#premiumView .ai-connection small{font-size:11px;max-width:440px;text-align:left}
#premiumView .ai-workspace-status{min-height:20px;color:#bec3c6;font-size:12px;margin:12px 0 18px}
#premiumView .ai-workspace-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px;align-items:start}
#premiumView .ai-composer,#premiumView .ai-preview{background:var(--ai-surface);border:1px solid var(--ai-line);border-radius:20px;padding:28px;min-width:0}
#premiumView .ai-editor-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:26px}
#premiumView .ai-step-number{color:#ffd400;font-size:13px;font-weight:700;border:1px solid #665c2a;padding:8px;border-radius:8px}
#premiumView .ai-editor-heading h3{margin:0 0 7px;font-size:19px;letter-spacing:-.02em;color:#fff}
#premiumView .ai-editor-heading p{font-size:12px;line-height:1.5;color:var(--ai-muted);margin:0}
#premiumView .ai-prompt-label{font-size:12px;color:#ccd0d2;display:block;margin-bottom:10px}
#premiumView .ai-command-box{background:#080a0c;border:1px solid #41464a;border-radius:13px;position:relative;display:block!important;padding-bottom:42px}
#premiumView .ai-command-box:focus-within{border-color:#ffd400}
#premiumView .ai-command-box textarea.ai-grow-textarea{width:100%;min-height:240px!important;max-height:460px;font-size:15px;line-height:1.7;padding:16px!important;background:transparent!important;color:#f4f4ee;border:0;box-shadow:none;resize:vertical!important}
#premiumView .btn-voice-icon{position:absolute;right:10px;bottom:9px;min-width:36px;min-height:36px;border:1px solid #52575b;border-radius:50%;background:#202428;color:#ffd400}
#premiumView .btn-voice-icon:disabled{opacity:.4}
#premiumView .ai-voice-status{font-size:11px;color:var(--ai-muted);margin:9px 0 16px;display:block}
#premiumView .ai-example-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11px}
#premiumView .ai-example-row>span{flex-basis:100%;color:#b6bbc0;margin-bottom:3px}
#premiumView .ai-example-row button{background:#202428;border:1px solid #3c4145;border-radius:7px;color:#e3e5e7;font-size:12px;padding:9px 12px;min-height:38px}
#premiumView .ai-input-guide{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0;color:#aab0b4;font-size:10px}
#premiumView .ai-input-guide span:before{content:'+';color:#ffd400;margin-right:5px}
#premiumView .ai-consent{border:0;margin:0 0 18px;padding:0;font-size:11px;color:#b6bbc0;line-height:1.6;align-items:start}
#premiumView .ai-consent input{margin-top:3px}
#premiumView .ai-main-action,#premiumView .ai-review-action{min-height:50px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:10px;white-space:normal}
#premiumView .ai-save-note{font-size:11px;line-height:1.6;color:var(--ai-muted);margin:12px 0 0}
#premiumView .ai-preview-label{font-size:10px;letter-spacing:.14em;color:#c4c9ce;font-weight:800}
#premiumView .ai-preview-empty{background:radial-gradient(ellipse at top right,#282711 0,transparent 65%),#101214;padding-top:30px}
#premiumView .ai-empty-symbol{font-size:46px;color:#ffd400;margin:28px 0 18px}
#premiumView .ai-preview-empty h3{font-size:30px;letter-spacing:-.04em;line-height:1.1;color:#f5f5ee;margin:0 0 16px}
#premiumView .ai-preview-empty>p{color:var(--ai-muted);font-size:13px;line-height:1.7;max-width:330px}
#premiumView .ai-output-list{display:grid;margin:28px 0 20px;border-top:1px solid #373a31}
#premiumView .ai-output-list>div{display:flex;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid #373a31;font-size:13px}
#premiumView .ai-output-list b{color:#ffd400;font-size:11px;font-weight:500}
#premiumView .ai-output-list small{display:block;color:var(--ai-muted);font-size:11px;margin-top:4px}
#premiumView .ai-preview-empty>small{color:var(--ai-muted);font-size:11px}
#premiumView .ai-preview .premium-result{margin-top:16px}
#premiumView .ai-preview .premium-result>h4{font-size:20px;margin:0 0 14px}
#premiumView .ai-preview .preserve{font-size:13px;line-height:1.7}
#premiumView .ai-preview .ai-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#premiumView .ai-preview .ai-field-grid>div{min-width:0;overflow-wrap:anywhere;background:#191c1f;border-color:#353a3e}
#premiumView .ai-secondary{border:1px solid var(--ai-line)!important;border-radius:14px;margin-top:22px!important;padding:0!important;background:#101214}
#premiumView .ai-secondary>summary{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px!important;font-size:14px;color:#eee}
#premiumView .ai-secondary>summary small{display:block;font-weight:400;font-size:11px;color:var(--ai-muted);margin-top:5px}
#premiumView .ai-secondary .ai-compare-card{border:0;background:transparent;box-shadow:none}
#premiumView .ai-usage>span{background:#181b1e;border-color:#353a3f;font-size:11px}
#premiumView .ai-history{color:#c4c9ce}
@media(max-width:1100px){#premiumView .ai-workspace-grid{grid-template-columns:minmax(0,1fr)}#premiumView .ai-workspace-hero{align-items:flex-start}#premiumView .ai-workflow-steps{display:none}}
@media(max-width:600px){#premiumView .ai-composer,#premiumView .ai-preview{padding:20px 16px;border-radius:14px}#premiumView .ai-status-row{grid-template-columns:minmax(0,1fr);gap:12px}#premiumView .ai-usage{justify-content:flex-start}#premiumView .ai-workspace-hero{padding:18px 0 24px}#premiumView .ai-workspace-hero h2{font-size:42px}#premiumView .ai-command-box textarea.ai-grow-textarea{font-size:16px}#premiumView .ai-preview .ai-field-grid{grid-template-columns:minmax(0,1fr)}}
#projectHubForm:has(#aiBriefingReview) .project-hub-footer{position:static}
#projectHubForm:has(#aiBriefingReview){scroll-padding-top:140px;scroll-padding-bottom:24px}
#aiBriefingReview .ai-briefing-add{display:grid;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line,#d9d9d9)}
#aiBriefingReview .ai-briefing-add label{display:grid;gap:6px;font-size:.86rem;font-weight:700}
#aiBriefingReview .ai-briefing-add input{width:100%;min-width:0}
#aiBriefingReview .ai-briefing-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;max-height:230px;overflow:auto}
#aiBriefingReview .ai-briefing-results .btn{min-width:0;text-align:left;white-space:normal;display:grid;gap:3px}
#aiBriefingReview .ai-briefing-results small,#aiBriefingReview .ai-local-heading span{font-size:.78rem;color:var(--muted,#707070)}
#aiBriefingReview .ai-local-heading{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:4px}
#aiBriefingReview .ai-manual-add{display:grid;grid-template-columns:2fr 1fr 1fr 80px auto;gap:8px;align-items:end}
#aiBriefingReview .ai-manual-add .btn{height:42px}
@media (max-width:720px){#aiBriefingReview .ai-manual-add{grid-template-columns:1fr 1fr}#aiBriefingReview .ai-manual-add label:first-child{grid-column:1/-1}#aiBriefingReview .ai-manual-add .btn{grid-column:1/-1}#aiBriefingReview .ai-briefing-results{grid-template-columns:1fr;max-height:190px}}


/* stylesheet: set-workspace.css */
#setmodeView{min-width:0}#setmodeView .so-content{display:grid;gap:14px}#setmodeView .panel{margin:0;min-width:0}#setmodeView .so-job{display:grid;gap:6px;max-width:760px;margin-bottom:14px}#setmodeView label{display:grid;gap:6px;min-width:0;font-size:14px}#setmodeView input,#setmodeView select,#setmodeView textarea{width:100%;min-width:0;max-width:100%;font-size:16px;margin:0;min-height:46px}#setmodeView textarea{resize:vertical}#setmodeView button{min-height:46px;white-space:normal}#setmodeView [hidden]{display:none!important}.so-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.so-tabs button{border:1px solid var(--line);border-radius:14px;padding:10px 14px;color:var(--text);background:var(--input)}.so-tabs [aria-current=page],.so-stage [aria-pressed=true]{background:var(--yellow);color:#111;border-color:var(--yellow)}.so-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}.so-stage,.so-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.so-stage{margin:12px 0}.so-shortcuts button,.so-stage button{border:1px solid var(--line);background:var(--input);color:var(--text);border-radius:15px;padding:14px;cursor:pointer}.so-shortcuts button{display:grid;gap:8px;font-weight:800}.so-shortcuts span{font-size:28px;color:var(--yellow)}.so-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.so-metrics div{padding:14px;border:1px solid var(--line);border-radius:14px;display:grid;gap:5px}.so-metrics span{font-size:13px;color:var(--muted)}.so-metrics strong{font-size:20px}.so-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#setmodeView .so-check{display:flex;align-items:center;gap:8px;margin:14px 0}#setmodeView .so-check input{width:22px;min-height:22px;height:22px}#setmodeView details{margin:14px 0}#setmodeView summary{padding:10px 0;cursor:pointer;min-height:44px}#setmodeView .btn-primary{margin-top:12px}.so-full{width:100%}.so-take{border:1px solid var(--line);border-radius:12px;padding:10px 14px}.so-take summary strong,.so-take summary span{display:block}.so-take summary span{font-size:13px;color:var(--muted);margin-top:5px}.so-take dl{display:grid;grid-template-columns:130px 1fr;gap:8px}.so-take dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.so-take dt{color:var(--muted)}.so-history-group h4{color:var(--yellow)}.so-preserve{white-space:pre-wrap}.so-content p{overflow-wrap:anywhere}.so-pdf{width:100%;height:70vh;border:1px solid var(--line);margin-top:12px}.so-content [data-sync]{font-size:13px}
@media(max-width:760px){.so-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.so-tabs button{padding:8px 5px;font-size:12px}.so-grid,.so-stage,.so-shortcuts,.so-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.so-cards{grid-template-columns:1fr}#setmodeView .panel{padding:15px}#setmodeView .panel-head{flex-wrap:wrap}.so-take dl{grid-template-columns:105px minmax(0,1fr)}.so-grid label{font-size:12px!important}}
#setmodeView input,#setmodeView select,#setmodeView textarea{color:var(--text);background:var(--input)}#setmodeView .so-pending{margin:8px 0}.so-history-group h4{color:var(--text);border-left:4px solid var(--yellow);padding-left:8px}
@media(max-width:360px){.so-grid{grid-template-columns:1fr}.so-metrics strong{font-size:17px}}
.so-counter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.so-counter>div{display:grid;grid-template-columns:46px 1fr 46px}.so-counter button{background:#24272d;color:#ffd400;border:1px solid var(--line);font-size:22px}.so-counter input{text-align:center;border-radius:0}.so-tech-rapid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.so-rapid{border:1px solid var(--line);border-radius:12px;padding:10px;min-width:0}.so-rapid>div{display:flex;gap:5px;overflow:auto;padding-bottom:6px}.so-rapid button{min-height:36px!important;padding:6px 9px;background:#22252b;color:#fff;border:1px solid #444;border-radius:8px;white-space:nowrap!important}.so-rapid button.active{background:#ffd400;color:#111;border-color:#ffd400}.so-filter-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin:8px 0}.so-upload-progress{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;margin:12px 0;padding:12px;border:1px solid #ffd400;border-radius:12px;background:#17191d}.so-upload-progress progress{grid-column:1/-1;width:100%;accent-color:#ffd400}.so-upload-progress strong{color:#ffd400}
.so-tech-compact{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:12px}.so-tech-compact label{font-size:12px!important}.so-tech-compact select{min-height:40px!important;height:40px;padding:6px 8px!important}
@media(max-width:760px){.so-tech-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.so-counter-grid{gap:5px}.so-counter>div{grid-template-columns:38px minmax(0,1fr) 38px}.so-counter button{min-height:40px!important;padding:4px!important}.so-counter input{min-height:40px!important;padding:4px!important}}
@media(max-width:600px){.so-tech-rapid{grid-template-columns:1fr}.so-filter-row{grid-template-columns:1fr}.so-filter-row button{width:100%}}
/* Preview: ritmo e controles do Modo Set, sem mudanças de dados. */
#setmodeView{--set-radius:14px;--set-gap:12px}#setmodeView .panel{border-radius:var(--set-radius);box-shadow:none}#setmodeView .so-content{gap:var(--set-gap)}#setmodeView button{touch-action:manipulation;transition:background .15s,transform .15s}#setmodeView button:active{transform:scale(.98)}#setmodeView :is(button,input,select,textarea):focus-visible{outline:2px solid #ffd400;outline-offset:2px}#setmodeView .so-tabs{padding:5px;border-radius:16px;background:var(--input)}#setmodeView .so-tabs button{border-color:transparent;border-radius:11px}#setmodeView .so-metrics div{border:0;background:var(--input);padding:12px}#setmodeView .so-rapid{border:0;padding:8px 0}#setmodeView .so-rapid>div{flex-wrap:wrap;overflow:visible}#setmodeView .so-rapid button{min-height:44px!important}#setmodeView .so-tech-compact select{height:46px;min-height:46px!important}#setmodeView .so-take{border-width:0 0 1px;border-radius:0}#setmodeView .so-counter button,#setmodeView .so-counter input{min-height:44px!important}#setmodeView .so-counter>div{grid-template-columns:44px minmax(0,1fr) 44px}#setmodeView .so-counter-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
@media(max-width:760px){#setmodeView .panel{padding:14px}#setmodeView .so-shortcuts button{padding:12px}#setmodeView .so-metrics strong{font-size:20px}#setmodeView .so-content{padding-bottom:max(16px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){#setmodeView button{transition:none}}

/* V22.3.12 — fluxo operacional do Modo Cinema e visualizador de OD. */
.so-meal-block{display:grid;gap:10px;margin:10px 0 14px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--input)}
.so-meal-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.so-meal-options button{border:1px solid var(--line);border-radius:12px;background:#22252b;color:var(--text);padding:10px;font-weight:800}
.so-meal-options button[aria-pressed=true]{background:var(--yellow);color:#111;border-color:var(--yellow)}
.so-result-picker{border:0;margin:14px 0;padding:0;min-width:0}
.so-result-picker legend{margin-bottom:8px;font-size:14px;font-weight:800}
.so-result-picker>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.so-result-picker button{display:grid;grid-template-rows:auto auto;place-items:center;align-content:center;gap:7px;min-height:92px;border:1px solid var(--line);border-radius:16px;background:var(--input);color:var(--text);padding:10px 8px;font-weight:850}
.so-result-picker .so-result-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;border:1px solid currentColor;background:rgba(255,255,255,.04)}
.so-result-picker .so-result-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.so-result-picker button[data-result="bom"] .so-result-icon{color:#35c77d}
.so-result-picker button[data-result="ng"] .so-result-icon{color:#ef6a6a}
.so-result-picker button[data-result="problema"] .so-result-icon{color:#e8b83f}
.so-result-picker button.active[data-result="bom"]{border-color:#35c77d;background:rgba(53,199,125,.14)}
.so-result-picker button.active[data-result="ng"]{border-color:#ef6a6a;background:rgba(239,106,106,.14)}
.so-result-picker button.active[data-result="problema"]{border-color:#e8b83f;background:rgba(232,184,63,.15)}
.so-result-picker button.active .so-result-icon{background:#111}
.so-status-history{display:grid;gap:8px;margin-top:12px}
.so-status-history.is-scroll{max-height:304px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-gutter:stable}
.so-status-history-row{min-height:52px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 10px 9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--input)}
.so-status-history-row>div{min-width:0;display:grid;gap:3px}.so-status-history-row strong{font-size:.9rem}.so-status-history-row span{min-width:0;color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.so-history-delete{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:38px!important;padding:7px 9px!important;border:1px solid rgba(239,106,106,.45)!important;border-radius:10px!important;background:rgba(239,106,106,.08)!important;color:#ef6a6a!important;font-size:.78rem!important;font-weight:850!important}
.so-history-delete svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:560px){.so-result-picker button{min-height:82px;padding:8px 4px}.so-result-picker button b{font-size:.76rem;line-height:1.08;text-align:center}.so-result-picker .so-result-icon{width:36px;height:36px}.so-status-history.is-scroll{max-height:304px}.so-history-delete span{display:none}.so-history-delete{width:38px;padding:0!important}.so-status-history-row{gap:7px}}
.so-od-preview-wrap{margin-top:14px}
.so-pdf-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--input)}
.so-pdf-toolbar button{min-width:46px!important;min-height:42px!important;padding:7px 10px!important;border:1px solid var(--line);border-radius:10px;background:#22252b;color:var(--text)}
.so-pdf-toolbar strong{min-width:74px;text-align:center}
.so-pdf-toolbar .btn{margin:0 0 0 auto!important;min-height:42px!important}
.so-pdf-stage{width:100%;max-width:760px;margin:0 auto;padding:10px;border:1px solid var(--line);border-radius:16px;background:#0c0d10;overflow:auto}
.so-pdf-page{min-width:280px;max-width:200%;margin:0 auto;transition:width .12s ease}.so-pdf-native{display:block;width:100%;height:min(76vh,900px);min-height:560px;margin:0;border:0;border-radius:6px;background:#fff}.so-pdf-fallback,.so-pdf-fallback-link{color:var(--muted);font-size:12px}.so-pdf-fallback-link{text-align:center;margin:8px 0 0}.so-pdf-fallback-link a,.so-pdf-fallback a{color:var(--yellow)}
.so-pdf-loading{display:grid;place-items:center;min-height:240px;padding:24px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:center}
#setmodeView [data-custom-field]{padding:10px;border:1px dashed rgba(255,212,0,.45);border-radius:12px;background:rgba(255,212,0,.04)}
/* V22.3.12 / build 2335 — Modo Cinema: acesso, histórico e ajustes SOMENTE desktop para cabeçalho/navegação. */
#setmodeView .set-head-row{display:contents}
#setmodeView .so-plan-preview{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(255,212,0,.35);border-radius:14px;background:rgba(255,212,0,.06)}
#setmodeView .so-plan-preview>div{display:grid;gap:3px;min-width:0}
#setmodeView .so-plan-preview span{font-size:.82rem;color:var(--muted)}
#setmodeView.so-readonly :is(input,select,textarea,button):disabled{cursor:not-allowed;opacity:.58}
#setmodeView .so-status-history.is-scroll{max-height:304px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-gutter:stable}
#setmodeView .so-history-manual{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
#setmodeView .so-history-manual h4{margin:0 0 3px}
#setmodeView .so-history-manual small{color:var(--muted)}
#setmodeView .so-history-manual .so-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:10px}
@media(max-width:760px){#setmodeView .so-plan-preview{align-items:stretch;flex-direction:column}#setmodeView .so-plan-preview .btn{width:100%;margin:0!important}#setmodeView .so-history-manual .so-grid{grid-template-columns:1fr}.so-status-history.is-scroll{max-height:304px!important}}
@media(min-width:761px){
  #setmodeView .set-head-row{display:flex;align-items:flex-end;justify-content:flex-start;gap:2em;flex-wrap:wrap;margin-bottom:16px}
  #setmodeView .set-app-head{margin:0!important;flex:0 0 auto}
  #setmodeView .set-head-title{display:grid;gap:4px;min-width:max-content}
  #setmodeView .set-head-title .eyebrow{margin:0}
  #setmodeView .so-job.so-job-inline{display:grid;grid-template-columns:auto minmax(260px,460px);align-items:center;gap:10px;max-width:none;margin:0!important}
  #setmodeView .so-job.so-job-inline>span{font-weight:800;white-space:nowrap}
  #setmodeView .so-tabs{display:flex!important;justify-content:center!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}
}


/* V22.3.14 / build 2337 — Modo Cinema: refinamento solicitado sem alterar o restante do mobile. */
#setmodeView .so-history-manual .so-datetime-compact{width:min(100%,320px);max-width:320px}
#setmodeView .so-history-manual .so-datetime-compact input{width:100%;max-width:320px}
@media(min-width:761px){
  #setmodeView .set-head-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,440px);align-items:end;gap:12px 2em;width:min(100%,1120px);margin:0 auto 14px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015)),var(--input)}
  #setmodeView .set-app-head{margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;min-width:0}
  #setmodeView .set-head-title{display:grid;gap:8px;min-width:0}
  #setmodeView .set-head-title .eyebrow{margin:0}
  #setmodeView .set-head-title h3{margin:0;line-height:1.08}
  #setmodeView .so-job.so-job-inline{display:grid;grid-template-columns:auto minmax(260px,1fr);align-items:center;gap:12px;max-width:none;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;min-width:0}
  #setmodeView .so-job.so-job-inline>span{font-weight:800;white-space:nowrap}
  #setmodeView .so-tabs{position:sticky!important;top:82px!important;z-index:30!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important;width:fit-content!important;max-width:min(100%,980px)!important;margin:0 auto 16px!important;padding:7px 14px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:var(--input)!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important}
  #setmodeView .so-tabs button{flex:0 0 auto!important;min-width:110px;max-width:none;text-align:center!important;justify-content:center!important;align-items:center!important}
  #setmodeView .so-tabs button b{display:block;width:100%;text-align:center}
  #setmodeView .so-content{min-height:calc(100vh - 270px)}
}

/* V22.3.17 / build 2340 — centralização final da navegação desktop do Modo Cinema. */


/* V22.3.17 / build 2340 — cabeçalho estável + menu flutuante desktop com todos os atalhos visíveis. */
@media(min-width:761px){
  #setmodeView .set-head-row{
    grid-template-columns:minmax(280px,1fr) minmax(300px,440px)!important;
    align-items:center!important;
    gap:14px 24px!important;
  }
  #setmodeView .set-app-head,
  #setmodeView .set-head-title{min-width:0!important;width:100%!important;}
  #setmodeView .set-head-title .eyebrow{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #setmodeView .set-head-title h3{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
  #setmodeView .so-job.so-job-inline{
    grid-template-columns:auto minmax(0,1fr)!important;
    min-width:0!important;
  }
  #setmodeView .so-job.so-job-inline select{min-width:0!important;width:100%!important;}
  #setmodeView .so-tabs{
    position:fixed!important;
    top:auto!important;
    bottom:24px!important;
    left:var(--so-tabs-left,0px)!important;
    transform:none!important;
    z-index:90!important;
    display:grid!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:6px!important;
    width:var(--so-tabs-width,min(100%,1120px))!important;
    max-width:var(--so-tabs-width,min(100%,1120px))!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:8px!important;
    border:1px solid var(--line)!important;
    border-radius:18px!important;
    background:color-mix(in srgb,var(--input) 94%,transparent)!important;
    box-shadow:0 16px 42px rgba(0,0,0,.34)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    overflow:visible!important;
  }
  #setmodeView .so-tabs button{
    min-width:0!important;
    max-width:none!important;
    width:100%!important;
    padding:8px 6px!important;
    min-height:58px!important;
    display:grid!important;
    grid-template-rows:auto auto!important;
    place-items:center!important;
    align-content:center!important;
    gap:4px!important;
    text-align:center!important;
  }
  #setmodeView .so-tabs button>span{font-size:18px!important;line-height:1!important;}
  #setmodeView .so-tabs button>b{
    display:block!important;
    width:100%!important;
    margin:0!important;
    font-size:clamp(9px,.72vw,12px)!important;
    line-height:1.05!important;
    text-align:center!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  #setmodeView .so-content{padding-bottom:104px!important;}
}
@media(min-width:761px) and (max-width:980px){
  #setmodeView .set-head-row{grid-template-columns:minmax(240px,1fr) minmax(280px,1fr)!important;}
  #setmodeView .so-tabs{gap:4px!important;}
  #setmodeView .so-tabs button{padding:7px 3px!important;}
}

/* V22.3.24 / build 2347 — barra flutuante desktop acompanha exatamente as margens do bloco Operação de Set. */
@media(min-width:761px){#setmodeView .so-tabs{right:auto!important}#setmodeView .set-head-row{box-sizing:border-box!important}}

/* V22.3.24 / build 2347 — corrige somente a margem final direita da barra flutuante desktop. */
@media(min-width:761px){
  #setmodeView .so-tabs{
    left:var(--so-tabs-left,0px)!important;
    right:var(--so-tabs-right,0px)!important;
    width:auto!important;
    max-width:none!important;
  }
}


/* V22.3.24 / build 2347 — remove a sobra à direita da barra flutuante do Modo Cinema no desktop. */
@media(min-width:761px){
  #setmodeView .so-tabs{padding:8px 0 8px 8px!important;box-sizing:border-box!important;}
  #setmodeView .so-tabs button:last-child{margin-right:0!important;border-top-right-radius:11px!important;border-bottom-right-radius:11px!important;}
}


/* Hotfix — navegação desktop do Modo Cinema ancorada diretamente ao viewport.
   Mantém a identidade da barra existente e evita containing blocks de ancestrais. */
@media(min-width:761px){
  body > .so-tabs.so-tabs-viewport{
    position:fixed!important;
    top:auto!important;
    bottom:24px!important;
    left:var(--so-tabs-left,0px)!important;
    right:var(--so-tabs-right,0px)!important;
    z-index:90!important;
    display:grid!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:6px!important;
    width:auto!important;
    max-width:none!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:8px 0 8px 8px!important;
    border:1px solid var(--line)!important;
    border-radius:18px!important;
    background:color-mix(in srgb,var(--input) 94%,transparent)!important;
    box-shadow:0 16px 42px rgba(0,0,0,.34)!important;
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    overflow:visible!important;
  }
  body > .so-tabs.so-tabs-viewport button{
    min-width:0!important;
    max-width:none!important;
    width:100%!important;
    padding:8px 6px!important;
    min-height:58px!important;
    display:grid!important;
    grid-template-rows:auto auto!important;
    place-items:center!important;
    align-content:center!important;
    gap:4px!important;
    text-align:center!important;
    border-color:transparent;
    border-radius:11px;
    touch-action:manipulation;
  }
  body > .so-tabs.so-tabs-viewport button>span{font-size:18px!important;line-height:1!important}
  body > .so-tabs.so-tabs-viewport button>b{
    display:block!important;width:100%!important;margin:0!important;
    font-size:clamp(9px,.72vw,12px)!important;line-height:1.05!important;
    text-align:center!important;white-space:normal!important;word-break:normal!important;
  }
  body > .so-tabs.so-tabs-viewport button[aria-current="page"]{background:var(--yellow)!important;color:#111!important}
  body:has(#mainView.hidden) > .so-tabs.so-tabs-viewport,
  body:has(#setmodeView:not(.active-view)) > .so-tabs.so-tabs-viewport,
  body:has(#setmodeView[hidden]) > .so-tabs.so-tabs-viewport,
  body:has(#setmodeView.hidden) > .so-tabs.so-tabs-viewport{display:none!important}
}
/* OD: fit uses the actual PDF dimensions, including landscape pages. */
.so-od-canvas-stage{width:100%;height:clamp(260px,65dvh,760px);padding:12px;box-sizing:border-box;overflow:auto;background:#101114;border:1px solid var(--line);border-radius:12px;text-align:center}
.so-od-canvas-stage canvas{display:block;margin:0 auto;max-width:none;background:#fff;box-shadow:0 2px 12px #0007}
.so-od-document [data-od-page-status]{font-size:12px;color:var(--muted)}
@media(max-height:500px){.so-od-canvas-stage{height:70dvh;min-height:180px}}
.so-od-document .so-pdf-toolbar button{background:#24272c;color:#fff}
.so-od-canvas-stage{display:grid;place-items:safe center}


/* V22.3.70 / build 2393 — somente visualizador da OD no Modo Set. */
.so-od-document .so-od-preview-wrap{margin-top:14px;padding-bottom:8px}
.so-od-document .so-pdf-toolbar{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px;margin:0 0 8px;padding:8px;border:1px solid var(--line);border-radius:14px;background:#17191d}
.so-od-document .so-pdf-zoom,.so-od-document .so-pdf-pages{display:flex;align-items:center;gap:6px}
.so-od-document .so-pdf-zoom strong{display:grid;place-items:center;min-width:58px;height:40px;padding:0 6px;border:1px solid var(--line);border-radius:10px;background:#101216;color:var(--text);font-size:.78rem;font-variant-numeric:tabular-nums}
.so-od-document .so-pdf-toolbar button{min-width:40px!important;min-height:40px!important;height:40px!important;padding:0 10px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:#24272c!important;color:#fff!important}
.so-od-document .so-pdf-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;min-width:0}
.so-od-document .so-pdf-action{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:0!important;min-height:40px!important;height:40px!important;margin:0!important;padding:0 10px!important;border:1px solid var(--line)!important;border-radius:10px!important;background:#24272c!important;color:var(--text)!important;text-decoration:none!important;font-size:.77rem!important;font-weight:800!important;white-space:nowrap!important}
.so-od-document .so-pdf-action svg{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.so-od-document .so-pdf-action:last-child{border-color:rgba(255,212,0,.5)!important;color:var(--yellow)!important}
.so-od-document [data-od-page-status]{margin:7px 2px 8px;font-size:12px;color:var(--muted)}
.so-od-document .so-od-canvas-stage{display:flex;align-items:flex-start;justify-content:center;width:100%;height:clamp(320px,62dvh,760px);padding:12px;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;background:#101114;border:1px solid var(--line);border-radius:14px;text-align:center;scrollbar-gutter:stable}
.so-od-document .so-od-canvas-stage canvas{display:block;margin:0 auto;max-width:none;background:#fff;box-shadow:0 3px 18px #0008}
@media(max-width:760px){
 .so-od-document{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
 .so-od-document .so-pdf-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:7px}
 .so-od-document .so-pdf-zoom{min-width:0}
 .so-od-document .so-pdf-pages{justify-self:end}
 .so-od-document .so-pdf-actions{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}
 .so-od-document .so-pdf-action{display:grid!important;grid-template-rows:18px auto;place-items:center!important;align-content:center!important;gap:2px!important;height:52px!important;min-height:52px!important;padding:4px 3px!important;font-size:.66rem!important;line-height:1.05!important;text-align:center!important;white-space:normal!important}
 .so-od-document .so-pdf-action svg{width:18px;height:18px}
 .so-od-document .so-od-canvas-stage{height:clamp(330px,56dvh,620px);padding:8px;border-radius:12px}
}
@media(max-width:390px){.so-od-document .so-pdf-action{font-size:.61rem!important}.so-od-document .so-pdf-zoom strong{min-width:50px}.so-od-document .so-pdf-toolbar button{min-width:38px!important;padding:0 8px!important}}

/* V22.3.72 / build 2395 — fallback nativo restrito ao preview da OD. */
.so-od-document .so-od-canvas-stage>.so-od-native-fallback{width:100%!important;height:100%!important;min-height:100%!important;margin:0!important;border:0!important;border-radius:8px!important;background:#fff!important}

/* V22.3.102 / 2425 — apenas Modo Cinema: safe spacing, compact technical choices and distinct media cards/rolls */
#setmodeView .set-head-row{margin-top:12px!important;margin-bottom:18px!important}
#setmodeView .so-content{padding-top:12px!important;padding-bottom:calc(148px + env(safe-area-inset-bottom))!important;min-width:0}
#setmodeView .so-content>.panel,#setmodeView .so-content>.so-media-sections{min-width:0;scroll-margin-top:24px}
#setmodeView .so-content .panel{box-sizing:border-box;min-width:0}
#setmodeView .so-take-primary-top{margin:0 0 16px;padding:0 0 12px;border-bottom:1px solid var(--line)}
#setmodeView .so-take-primary-top .btn-primary{margin-top:0!important}
#setmodeView .so-fps-filters{grid-column:1/-1;display:grid;grid-template-columns:minmax(170px,1fr) minmax(0,2fr);gap:12px;align-items:start}
#setmodeView .so-filter-compact{border:1px solid var(--line);border-radius:12px;padding:9px;min-width:0}
#setmodeView .so-filter-caption{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}
#setmodeView .so-filter-caption button{min-height:34px;padding:5px 10px}
#setmodeView .so-filter-row{min-width:0}
#setmodeView .so-filter-row button{min-height:40px}
#setmodeView .so-media-sections{display:grid;gap:24px}
#setmodeView .so-media-section{display:grid;gap:12px;min-width:0}
#setmodeView .so-media-section>h3{margin:0;border-left:4px solid var(--yellow);padding-left:10px}
#setmodeView .so-media-section>p{margin:0;color:var(--muted);font-size:13px}
#setmodeView .so-media-section h4{margin:0 0 8px}
#setmodeView .so-media-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#setmodeView .so-roll-record h4 small{font-weight:500;color:var(--muted)}
#setmodeView .so-roll-record>p,#setmodeView .so-card-record>p{font-size:13px;color:var(--muted)}
#setmodeView .so-media-section .so-cards{align-items:start}
@media(max-width:760px){
 #setmodeView .set-head-row{margin-top:10px!important;margin-bottom:14px!important}
 #setmodeView .so-content{padding-bottom:calc(144px + env(safe-area-inset-bottom))!important}
 #setmodeView .so-fps-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 #setmodeView .so-media-fields{grid-template-columns:1fr}
}
@media(max-width:520px){#setmodeView .so-fps-filters{grid-template-columns:1fr}}

/* Live take history indicator (Cinema only). */
#setmodeView .so-history-live {font-size: .68em; font-weight: 650; color: #39d795; white-space: nowrap; margin-left: .5rem;}

/* 2426 — Layout compacto restrito ao Boletim, Mídia e Equipe do Modo Cinema */
#setmodeView .so-take-quick-bar{display:grid;grid-template-columns:minmax(170px,0.92fr) minmax(0,2.3fr);gap:12px;align-items:stretch;margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid var(--line)}
#setmodeView .so-take-quick-bar .so-take-primary-top{margin:0;padding:0;border:0;display:flex;align-items:stretch}
#setmodeView .so-take-quick-bar .so-take-primary-top .btn-primary{margin:0!important;width:100%;min-height:70px;line-height:1.25;padding:10px 13px;font-size:.88rem;max-width:260px}
#setmodeView .so-result-compact{margin:0;padding:0}
#setmodeView .so-result-compact legend{font-size:11px;color:var(--muted);margin:0 0 4px}
#setmodeView .so-result-compact>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
#setmodeView .so-result-compact button{min-height:64px;padding:6px 4px;gap:2px;border-radius:11px;grid-template-rows:24px auto}
#setmodeView .so-result-compact .so-result-icon{width:26px;height:26px;border-radius:7px;font-size:10px}
#setmodeView .so-result-compact .so-result-icon svg{width:17px;height:17px}
#setmodeView .so-result-compact button b{font-size:11px;line-height:1.13;text-align:center;overflow-wrap:anywhere}
#setmodeView .so-take-history-actions{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}
#setmodeView .so-item-remove{border:1px solid #934744!important;border-radius:10px;padding:8px 12px;background:rgba(192,48,48,.08);color:#ff9a96;cursor:pointer;font-weight:700;min-height:38px}
#setmodeView .so-item-remove:hover{background:rgba(192,48,48,.18)}
#setmodeView .so-media-flow{display:grid;gap:16px;min-width:0}
#setmodeView .so-media-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#setmodeView .so-media-steps button{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;padding:12px;border:1px solid var(--line);background:var(--input);color:var(--text);border-radius:14px;text-align:center;font-weight:750}
#setmodeView .so-media-steps button[aria-current=step]{border-color:var(--yellow);background:rgba(255,210,0,.1)}
#setmodeView .so-media-steps b{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#171717;font-size:12px}
#setmodeView .so-media-steps small{width:100%;color:var(--muted);font-size:11px;font-weight:500}
#setmodeView .so-media-section-head h3{margin:0 0 5px}
#setmodeView .so-media-section-head p{margin:0;color:var(--muted);font-size:13px}
#setmodeView .so-media-list{display:grid;gap:9px}
#setmodeView .so-media-row{border:1px solid var(--line);border-radius:13px;padding:13px;background:var(--input);min-width:0;display:grid;gap:10px}
#setmodeView .so-media-row>div:first-child{min-width:0}
#setmodeView .so-media-row strong{display:block;font-size:15px}
#setmodeView .so-media-row small{display:block;color:var(--muted);font-size:12px;margin-top:3px;overflow-wrap:anywhere}
#setmodeView .so-media-row-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
#setmodeView .so-media-row-actions button{min-height:38px}
#setmodeView .so-media-card-details,#setmodeView .so-roll-details{margin:0!important}
#setmodeView .so-media-row summary{padding:4px 0;min-height:38px;color:var(--muted);font-size:12px}
#setmodeView .so-roll-title{display:flex;gap:10px;align-items:center;justify-content:space-between}
#setmodeView .so-roll-essentials{display:grid;grid-template-columns:minmax(0,2fr) minmax(120px,1fr);gap:12px;align-items:end}
#setmodeView .so-roll-destination{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:end;min-width:0}
#setmodeView .so-roll-destination [data-roll-custom]{grid-column:1/-1}
#setmodeView .so-roll-destination button{min-height:46px!important;margin:0;padding:7px 12px}
#setmodeView .so-danger-zone{border:1px solid #97483e!important;display:grid;gap:10px}
#setmodeView .so-danger-zone>p{margin:0;color:var(--muted);font-size:13px}
#setmodeView .so-danger-zone>button{justify-self:start}
@media(max-width:760px){
 #setmodeView .so-take-quick-bar{grid-template-columns:1fr;gap:9px}
 #setmodeView .so-take-quick-bar .so-take-primary-top .btn-primary{max-width:none;min-height:46px}
 #setmodeView .so-result-compact button{min-height:58px}
 #setmodeView .so-roll-essentials{grid-template-columns:1fr}
}
@media(max-width:375px){#setmodeView .so-result-compact button b{font-size:10px}#setmodeView .so-result-compact button{padding:4px 2px}}
/* Em celulares, manter salvar ao lado dos quatro status em duas linhas de dois. */
@media(max-width:760px){
 #setmodeView .so-take-quick-bar{grid-template-columns:minmax(104px,.78fr) minmax(0,1.6fr);align-items:stretch;gap:7px}
 #setmodeView .so-result-compact>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
 #setmodeView .so-result-compact button{min-height:43px;display:flex;flex-direction:row;gap:4px;justify-content:center;padding:3px 4px}
 #setmodeView .so-result-compact .so-result-icon{height:23px;width:23px;flex-shrink:0}
 #setmodeView .so-result-compact button b{font-size:10px;line-height:1.07}
 #setmodeView .so-take-quick-bar .so-take-primary-top .btn-primary{height:100%;font-size:12px;padding:8px 6px}
}

/* Build 2429: histórico do Boletim recolhível por rolo, sem alterar outras abas. */
#setmodeView details.so-roll-menu{border:1px solid var(--line);border-radius:15px;padding:0;margin:12px 0;overflow:hidden;background:var(--input)}
#setmodeView details.so-roll-menu>summary.so-roll-menu-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;margin:0;list-style:none;cursor:pointer;min-height:54px}
#setmodeView details.so-roll-menu>summary.so-roll-menu-head::-webkit-details-marker{display:none}
#setmodeView details.so-roll-menu>summary.so-roll-menu-head::before{content:'▸';font-size:18px;color:var(--yellow);flex:none}
#setmodeView details.so-roll-menu[open]>summary.so-roll-menu-head::before{content:'▾'}
#setmodeView .so-roll-menu-head strong{flex:1;overflow-wrap:anywhere;font-size:16px}
#setmodeView .so-roll-menu-head span{font-size:12px;color:var(--muted);text-align:right}
#setmodeView .so-roll-history{display:grid;gap:8px;padding:0 12px 12px;min-width:0}
#setmodeView .so-roll-history .so-take{margin:0;min-width:0}
#setmodeView .so-roll-history.is-scroll{max-height:470px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--yellow) transparent;padding-right:9px}
@media(max-width:760px){#setmodeView details.so-roll-menu>summary.so-roll-menu-head{padding:12px;gap:8px}#setmodeView .so-roll-history{padding:0 8px 8px}#setmodeView .so-roll-history.is-scroll{padding-right:8px}}

/* Build 2435 — confirmação discreta do autosave da Central de Mídia. */
#setmodeView .so-media-auto-feedback{font-size:11px;line-height:1.45;min-height:15px;color:var(--muted);text-align:right;margin:0 0 5px}
#setmodeView [data-media-auto-feedback][data-state="saved"]{color:#66c58e}
#setmodeView [data-media-auto-feedback][data-state="saving"]{color:#e2bf56}
#setmodeView [data-media-auto-feedback][data-state="error"]{color:#f08b85}
#setmodeView .so-roll-destination{grid-template-columns:minmax(0,1fr) auto}
#setmodeView .so-roll-destination [data-media-auto-feedback]{align-self:end;padding:0 0 13px;font-size:10px;white-space:nowrap}
@media(max-width:540px){#setmodeView .so-roll-destination{grid-template-columns:minmax(0,1fr)}#setmodeView .so-roll-destination [data-media-auto-feedback]{padding:0}}

/* V22.3.113 / 2436 — Media: compact total and scroll after five recorded rolls. */
#setmodeView .so-media-storage-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid rgba(255,212,0,.22);border-radius:14px;background:rgba(255,212,0,.045);min-width:0;flex-wrap:wrap}
#setmodeView .so-media-storage-summary>div{display:grid;gap:4px;min-width:0}
#setmodeView .so-media-storage-summary small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}
#setmodeView .so-media-storage-summary strong{font-size:21px;line-height:1.2;color:var(--text);font-variant-numeric:tabular-nums}
#setmodeView .so-media-storage-summary strong span{font-size:13px;font-weight:600;color:var(--muted)}
#setmodeView .so-media-rolls-list.is-scroll{max-height:720px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:5px;align-content:start}
@media(max-width:760px){#setmodeView .so-media-rolls-list.is-scroll{max-height:630px}#setmodeView .so-media-storage-summary{padding:12px}}


/* Painel do 1º AC — estilos exclusivos da nova página, preservando as demais. */
#setmodeView .so-ac{display:grid;gap:14px;max-width:1120px;width:100%;margin:0 auto;color:var(--text)}
#setmodeView .so-ac-title{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap}
#setmodeView .so-ac-title>div{display:grid;gap:4px}
#setmodeView .so-ac-title span{font-size:11px;letter-spacing:.08em;font-weight:750;color:var(--yellow)}
#setmodeView .so-ac-title h2{margin:0;font-size:clamp(21px,3vw,28px);line-height:1.2}
#setmodeView .so-ac-title>small,#setmodeView .so-ac-muted{color:var(--muted)}
#setmodeView .so-ac-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;background:#17212a;border:1px solid var(--line);border-radius:14px;padding:4px}
#setmodeView .so-ac-tabs button{border:0;border-radius:9px;background:transparent;color:var(--muted);min-height:39px;padding:9px 5px;font-size:13px;font-weight:720;cursor:pointer}
#setmodeView .so-ac-tabs button[aria-current="page"]{background:var(--yellow);color:#141414}
#setmodeView .so-ac-3cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#setmodeView .so-ac-2cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#setmodeView .so-ac-metrics>div{display:grid;gap:5px;padding:12px;min-width:0;align-content:center;text-align:center;background:#1b2731;border-radius:12px}
#setmodeView .so-ac-metrics small{font-size:12px;color:#a5b0bb}
#setmodeView .so-ac-metrics strong{font-size:24px;line-height:1.15;overflow-wrap:anywhere}
#setmodeView .so-ac-card{display:grid;gap:13px;padding:16px;border:1px solid var(--line);border-radius:16px;min-width:0}
#setmodeView .so-ac-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
#setmodeView .so-ac-card-head h3{margin:0;font-size:16px;font-weight:750}
#setmodeView .so-ac-card-head small,#setmodeView .so-ac-card-head>span{color:var(--muted);font-size:12px}
#setmodeView .so-ac-camera-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:5px}
#setmodeView .so-ac-camera-picker button,#setmodeView .so-ac-media-filters button{min-height:37px;border-radius:10px;background:#182530;border:1px solid #34404d;color:#dfe6ec;font-size:12px;font-weight:700;padding:7px 8px;cursor:pointer}
#setmodeView .so-ac-camera-picker button[aria-pressed="true"],#setmodeView .so-ac-media-filters button[aria-pressed="true"]{background:var(--yellow);color:#141414;border-color:var(--yellow)}
#setmodeView .so-ac-tech>div{display:grid;gap:5px;background:#1b2731;border-radius:10px;padding:10px;min-width:0}
#setmodeView .so-ac-tech small,#setmodeView .so-ac-filter-pair small{color:#9eadb9;font-size:11px}
#setmodeView .so-ac-tech strong,#setmodeView .so-ac-filter-pair strong{overflow-wrap:anywhere;font-size:13px;color:#f0f3f5}
#setmodeView .so-ac-filters{display:grid;gap:11px;border-radius:12px;background:#17212a;padding:13px}
#setmodeView .so-ac-filter-pair{display:grid;gap:4px;min-width:0}
#setmodeView .so-ac-filter-pair .so-ac-muted{color:#788593}
#setmodeView button.so-ac-toggle{background:transparent;border:1px solid #33404e;border-radius:9px;color:#d0d9e0;padding:8px 10px;min-height:37px;font-size:12px}
#setmodeView .so-ac-status-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
#setmodeView .so-ac-status-row>div:first-child{display:grid;gap:3px;flex:1;min-width:0}
#setmodeView .so-ac-status-row strong{font-size:13px;overflow-wrap:anywhere}
#setmodeView .so-ac-status-row small{display:block;font-size:11px;color:#a0abb6;overflow-wrap:anywhere}
#setmodeView .so-ac-status-row+.so-ac-status-row{padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}
#setmodeView .so-ac-pill{display:inline-block;flex:0 0 auto;max-width:54%;text-align:center;padding:2px 5px;line-height:1.3;font-size:10px;font-weight:650;border-radius:5px;overflow-wrap:anywhere}
#setmodeView .so-ac-pill-progress{color:#ffe500;background:#3d371a;padding:1px 3px}
#setmodeView .so-ac-pill-good{color:#52d99a;background:rgba(45,195,118,.11)}
#setmodeView .so-ac-pill-bad{color:#ff6d7a;background:rgba(239,68,68,.12)}
#setmodeView .so-ac-media-shortcut{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}
#setmodeView .so-ac-media-shortcut span{font-size:11px;color:#ff6d7a}
#setmodeView button.so-ac-link{border:1px solid #35414b;border-radius:10px;min-height:42px;background:transparent;color:#e6ebee;font-size:13px;font-weight:650;padding:9px 12px;cursor:pointer;width:100%}
#setmodeView button.so-ac-open-express{width:100%;font-weight:750}
#setmodeView .so-ac-media-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(55px,1fr));gap:5px}
#setmodeView .so-ac-media-record{display:grid;gap:9px;padding:13px;border-radius:12px;background:#192530}
#setmodeView .so-ac-media-record+.so-ac-media-record{margin-top:3px}
#setmodeView .so-ac-media-log{padding-top:9px;border-top:1px solid rgba(255,255,255,.09)}
#setmodeView .so-ac-empty{padding:16px;border:1px dashed #35414b;border-radius:12px;color:#aebac4;font-size:13px;text-align:center}
#setmodeView .so-ac-pdf{min-height:220px;overflow:auto}
#setmodeView .so-ac-readonly{font-size:12px;color:#f9d75f}
#setmodeView .so-ac-express{display:grid;gap:14px}
#setmodeView .so-ac-express h4{margin:3px 0 0;font-size:13px;font-weight:750}
#setmodeView .so-ac-express label{display:grid;gap:6px;color:#cfd8e0;font-size:12px}
#setmodeView .so-ac-express input,#setmodeView .so-ac-express select{min-height:42px;border:1px solid #34404d;background:#192530;color:var(--text);border-radius:9px;padding:8px;font-size:14px;min-width:0}
#setmodeView .so-ac-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#setmodeView .so-ac-results label{display:flex;align-items:center;gap:7px;background:#192530;border:1px solid #34404d;border-radius:10px;padding:9px;font-size:12px}
#setmodeView .so-ac-results input{width:16px!important;height:16px!important;min-height:16px!important;flex:0 0 16px;accent-color:var(--yellow)}
#setmodeView .so-ac-express>.so-ac-save{width:100%;margin-top:0}
#setmodeView .so-ac-express>small{font-size:11px;color:var(--muted)}
@media(max-width:760px){#setmodeView .so-ac{gap:12px}#setmodeView .so-ac-card{padding:12px;gap:12px}#setmodeView .so-ac-tech>div{padding:9px}#setmodeView .so-ac-metrics strong{font-size:21px}#setmodeView .so-ac-results{grid-template-columns:1fr 1fr}}
/* A barra original do Cinema já é flutuante; somente acomoda o nono ícone. */
@media(min-width:761px){#setmodeView .so-tabs:not(.so-tabs-viewport),body>.so-tabs.so-tabs-viewport[data-cinema-viewport-nav="1"]{grid-template-columns:repeat(9,minmax(0,1fr))!important}}
@media(max-width:760px){body>.so-tabs.so-tabs-viewport.so-tabs-mobile-viewport[data-cinema-viewport-nav="1"]{grid-template-columns:repeat(9,minmax(0,1fr))!important}}

/* V22.3.117 / build 2440 — somente: Equipe por ultimo, trocar trabalho na Equipe e OD do 1o AC. */
@media (min-width:761px){
 #setmodeView .set-head-row{grid-template-columns:minmax(0,1fr)!important}
}
#setmodeView .so-team-active-work{display:grid;gap:14px;margin-bottom:16px}
#setmodeView .so-team-active-work-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#setmodeView .so-team-active-work-head>div{display:grid;gap:4px;min-width:0}
#setmodeView .so-team-active-work-head .eyebrow{margin:0;color:var(--yellow);font-size:11px;font-weight:800;letter-spacing:.075em}
#setmodeView .so-team-active-work-head h3{margin:0;font-size:20px;overflow-wrap:anywhere}
#setmodeView .so-team-active-work-head small{color:var(--muted);font-size:12px}
#setmodeView .so-team-active-work .so-project-switch{min-height:40px;padding:8px 14px;border:1px solid #5b4d20;border-radius:10px;background:#332b14;color:#ffde55;font-size:12px;font-weight:800;cursor:pointer}
#setmodeView .so-team-active-work>label{display:grid;gap:7px;font-size:12px;color:var(--muted)}
#setmodeView .so-team-active-work select{max-width:650px;width:100%;min-height:44px;border:1px solid var(--line);border-radius:10px;padding:8px 11px;background:var(--input);color:var(--text);font-size:14px}
/* Novo desenho restrito ao documento interno do Monitor 1o AC: reutiliza PDF.js existente. */
#setmodeView .so-ac-od{display:grid;gap:13px;min-width:0}
#setmodeView .so-ac-od-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid #3b414b;border-radius:15px;background:linear-gradient(110deg,#202b37,#151d26)}
#setmodeView .so-ac-od-heading{display:grid;gap:5px;min-width:0}
#setmodeView .so-ac-od-kicker{font-size:10px;font-weight:800;letter-spacing:.10em;color:var(--yellow)}
#setmodeView .so-ac-od-heading h3{margin:0;font-size:20px}
#setmodeView .so-ac-od-heading p{margin:0;max-width:100%;color:#bac4cd;font-size:12px;overflow-wrap:anywhere}
#setmodeView .so-ac-od-filebadge{flex:0 0 auto;border:1px solid #5e5324;border-radius:8px;padding:6px 9px;background:#393119;color:#ffe266;font-size:10px;font-weight:800}
#setmodeView .so-ac-od-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#setmodeView .so-ac-od-stat{display:grid;gap:6px;padding:12px;background:#1b2731;border:1px solid #33404c;border-radius:12px;min-width:0}
#setmodeView .so-ac-od-stat small{color:#a8b6c0;font-size:11px}
#setmodeView .so-ac-od-stat strong{color:#f4f7f9;font-size:clamp(13px,2vw,17px);font-weight:800;overflow-wrap:anywhere}
#setmodeView .so-ac-od-preview{background:#131c25;gap:12px}
#setmodeView .so-ac-od-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
#setmodeView .so-ac-od-preview-head>div{display:grid;gap:5px}
#setmodeView .so-ac-od-preview-head h3{margin:0;font-size:17px}
#setmodeView .so-ac-od-preview-head p{margin:0;color:var(--muted);font-size:12px}
#setmodeView .so-ac-od-preview-icon{display:grid;place-items:center;flex:0 0 42px;height:42px;background:#292817;border:1px solid #6b591a;border-radius:12px;color:var(--yellow);font-size:22px}
#setmodeView .so-ac-od .so-ac-pdf{min-height:350px;overflow:visible}
#setmodeView .so-ac-od .so-pdf-toolbar{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:8px;align-items:center;padding:9px;margin-bottom:8px;background:#202a35;border:1px solid #384554;border-radius:12px}
#setmodeView .so-ac-od .so-pdf-zoom,#setmodeView .so-ac-od .so-pdf-pages{display:flex;align-items:center;gap:5px}
#setmodeView .so-ac-od .so-pdf-zoom strong{display:grid;place-items:center;min-width:48px;padding:8px;color:#fff;font-size:12px;border:1px solid #3a4652;border-radius:9px;background:#131c26}
#setmodeView .so-ac-od .so-pdf-toolbar button{min-height:38px!important;min-width:36px!important;padding:7px 10px!important;background:#2a3643!important;border:1px solid #46515e!important;border-radius:9px!important;color:#fff!important}
#setmodeView .so-ac-od .so-pdf-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;min-width:0}
#setmodeView .so-ac-od .so-pdf-action{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:0!important;min-height:38px!important;padding:7px!important;border:1px solid #46515e!important;border-radius:9px!important;background:#2a3643!important;color:#eee!important;text-decoration:none!important;font-size:11px!important;font-weight:750!important;line-height:1.2!important;white-space:normal!important;text-align:center!important}
#setmodeView .so-ac-od .so-pdf-action svg{width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor;stroke-width:1.7}
#setmodeView .so-ac-od .so-pdf-action:last-child{color:#ffe266!important;border-color:#675826!important}
#setmodeView .so-ac-od [data-od-page-status]{margin:5px 2px 8px;color:#afbac4;font-size:12px}
#setmodeView .so-ac-od .so-od-canvas-stage{display:flex;align-items:flex-start;justify-content:center;height:clamp(380px,69dvh,860px);width:100%;padding:10px;overflow:auto;overscroll-behavior:contain;background:#0b1118;border:1px solid #374552;border-radius:12px;scrollbar-gutter:stable}
#setmodeView .so-ac-od .so-od-canvas-stage canvas{display:block;margin:0 auto;max-width:none;background:#fff;box-shadow:0 3px 20px #0009}
#setmodeView .so-ac-od-expanded .so-od-canvas-stage{height:clamp(530px,84dvh,1200px)}
#setmodeView .so-ac-od .so-od-native-fallback{width:100%!important;height:100%!important;min-height:100%!important;border:0!important}
#setmodeView .so-ac-od-commands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#setmodeView .so-ac-od-commands:has(>button:only-child){grid-template-columns:1fr}
#setmodeView .so-ac-od-commands button,#setmodeView .so-ac-od-facts-link{min-height:40px;padding:8px 11px;border-radius:10px;border:1px solid #48545e;background:#26323d;color:#e9eff4;font-size:12px;font-weight:760;cursor:pointer}
#setmodeView .so-ac-od-commands .so-ac-od-open{background:#342f1d;border-color:#6b5d28;color:#ffe365}
#setmodeView .so-ac-od-facts{gap:12px}
#setmodeView .so-ac-od-facts-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
#setmodeView .so-ac-od-facts-head h3{margin:0 0 3px;font-size:16px}
#setmodeView .so-ac-od-facts-head p{margin:0;color:var(--muted);font-size:11px}
#setmodeView .so-ac-od-facts-head>span{color:var(--muted);font-size:11px}
#setmodeView .so-ac-od-facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
#setmodeView .so-ac-od-facts-grid>div{display:grid;gap:5px;align-content:start;padding:10px 12px;border-radius:10px;background:#1b2731;min-width:0}
#setmodeView .so-ac-od-facts-grid dt{color:#a8b6c0;font-size:11px}
#setmodeView .so-ac-od-facts-grid dd{margin:0;font-size:13px;font-weight:650;overflow-wrap:anywhere}
#setmodeView .so-ac-od-no-facts{margin:0;color:#afb8c2;font-size:12px}
#setmodeView .so-ac-od-empty{display:grid;place-items:center;gap:7px;min-height:300px;padding:24px;text-align:center;border:1px dashed #495463;border-radius:12px;color:#cbd4de}
#setmodeView .so-ac-od-empty span{max-width:350px;color:#a9b5c1;font-size:12px}
@media(max-width:760px){
 #setmodeView .so-ac-od-head{padding:13px}
 #setmodeView .so-ac-od-overview{gap:5px}
 #setmodeView .so-ac-od-stat{padding:9px}
 #setmodeView .so-ac-od-stat strong{font-size:13px}
 #setmodeView .so-ac-od .so-pdf-toolbar{grid-template-columns:minmax(0,1fr) auto;padding:7px;gap:7px}
 #setmodeView .so-ac-od .so-pdf-actions{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}
 #setmodeView .so-ac-od .so-pdf-action{display:grid!important;grid-template-rows:18px auto;place-items:center!important;align-content:center!important;gap:2px!important;min-height:50px!important;padding:4px 3px!important;font-size:10px!important}
 #setmodeView .so-ac-od .so-od-canvas-stage{height:clamp(340px,60dvh,710px);padding:7px}
 #setmodeView .so-ac-od-expanded .so-od-canvas-stage{height:85dvh}
 #setmodeView .so-ac-od-commands{grid-template-columns:1fr}
}
@media(max-width:390px){#setmodeView .so-ac-od-facts-grid{grid-template-columns:1fr 1fr}#setmodeView .so-ac-od .so-pdf-action{font-size:9px!important}}

/* V22.3.140 · Somente monitor de logagem do 1º AC (leitura dos estados da Central de Mídia). */
#setmodeView .so-ac-roll-entry{display:grid;gap:7px;min-width:0;padding:10px 0}
#setmodeView .so-ac-roll-entry+.so-ac-roll-entry{border-top:1px solid rgba(255,255,255,.09)}
#setmodeView .so-ac-roll-stages{display:flex;flex-wrap:wrap;gap:5px;min-width:0}
#setmodeView .so-ac-roll-stage{display:inline-flex;align-items:center;gap:4px;max-width:100%;min-height:24px;padding:3px 6px;border:1px solid #3d4a55;border-radius:6px;background:#1b2832;color:#c7d1d9;font-size:10px;font-weight:650;line-height:1.25;overflow-wrap:anywhere}
#setmodeView .so-ac-roll-stage .so-ac-roll-check{display:inline-flex;align-items:center;justify-content:center;flex:0 0 13px;width:13px;height:13px;border:1px solid currentColor;border-radius:3px;font-size:10px;font-weight:800;line-height:1}
#setmodeView .so-ac-roll-stage small{color:inherit;font-size:10px;font-weight:600}
#setmodeView .so-ac-roll-stage.is-done{border-color:rgba(57,191,129,.27);background:rgba(39,138,91,.10);color:#69dba0}
#setmodeView .so-ac-roll-stage.is-done .so-ac-roll-check{background:#69dba0;border-color:#69dba0;color:#0e271c}
#setmodeView .so-ac-roll-stage.is-running{border-color:rgba(255,212,0,.35);color:#ffe257;background:rgba(255,212,0,.07)}
#setmodeView .so-ac-roll-stage.is-waiting{color:#a8b5c0}
#setmodeView .so-ac-roll-details{color:#acb8c0;font-size:11px}
#setmodeView .so-ac-roll-details summary{cursor:pointer;color:#b6c1ca;font-size:11px;width:max-content;max-width:100%}
#setmodeView .so-ac-roll-details dl{display:grid;gap:4px;margin:6px 0 0}
#setmodeView .so-ac-roll-details dl>div{display:flex;justify-content:space-between;gap:10px}
#setmodeView .so-ac-roll-details dt{color:#9eacb6}
#setmodeView .so-ac-roll-details dd{margin:0;color:#d8e0e7;text-align:right;overflow-wrap:anywhere}


/* stylesheet: cinema-energy-2450.css */
/* V22.3.127 — somente Modo Cinema: Mapa/Lista e Pacotes, Mídia e Monitor 1º AC. */
#setmodeView .so-energy-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:5px;margin:0 0 12px;background:#171f28;border:1px solid #34404a;border-radius:13px}
#setmodeView .so-energy-tabs button{border:0;background:transparent;color:#c5ced8;border-radius:9px;padding:10px 8px;font-size:13px;font-weight:750;min-height:42px}
#setmodeView .so-energy-tabs button[aria-pressed="true"]{background:#ffe500;color:#111}
#setmodeView .so-energy-panel{display:grid;gap:15px;min-width:0}
#setmodeView .so-energy-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
#setmodeView .so-energy-head h3{margin:0}
#setmodeView .so-energy-head small,#setmodeView .so-energy-muted{color:#abb5c0;font-size:12px;line-height:1.5}
#setmodeView .so-energy-head span{border:1px solid #37414e;border-radius:8px;padding:5px 7px;font-size:11px;white-space:nowrap}
#setmodeView .so-energy-packs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#setmodeView .so-energy-packs button{display:grid;gap:7px;text-align:left;justify-items:start;background:#1b2732;border:1px solid #37424f;border-radius:12px;padding:12px;min-width:0;min-height:74px;font-size:14px}
#setmodeView .so-energy-packs button[aria-pressed="true"]{border-color:#d0b62e;background:#312c1b;color:#ffe500}
#setmodeView .so-energy-packs button small{font-size:12px;font-weight:500;color:#bac4cd}
#setmodeView .so-energy-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
#setmodeView .so-energy-inline button{margin:0;min-height:46px}
#setmodeView .so-energy-group{display:grid;gap:14px;padding:15px;border:1px solid #394552;border-radius:14px;background:#18232d;min-width:0}
#setmodeView .so-energy-group h4{margin:3px 0 0;font-size:15px;color:#f9fafb}
#setmodeView .so-energy-item{display:grid;gap:8px;padding:12px;background:#121b24;border:1px solid #303c46;border-radius:11px;min-width:0}
#setmodeView .so-energy-item-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
#setmodeView .so-energy-item-head strong{font-size:13px;overflow-wrap:anywhere}
#setmodeView .so-energy-item-head button{border:0;background:transparent;color:#bdc5cf;padding:0 7px;font-size:20px;min-height:30px;min-width:30px}
#setmodeView .so-energy-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
#setmodeView .so-energy-four>div{display:grid;gap:3px;min-width:0}
#setmodeView .so-energy-four small,#setmodeView .so-energy-results small{font-size:10px;color:#aeb9c4}
#setmodeView .so-energy-four b{font-size:13px;color:#f3f5f7}
#setmodeView .so-energy-item>small{font-size:11px;color:#b3bec7}
#setmodeView .so-energy-item details{margin:0}
#setmodeView .so-energy-tech{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0}
#setmodeView .so-energy-tech button{align-self:end;margin:0}
#setmodeView .so-energy-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#setmodeView .so-energy-results>div{background:#111a22;padding:10px;border-radius:10px;display:grid;gap:5px;min-width:0}
#setmodeView .so-energy-results strong{font-size:19px;line-height:1.25;color:#ffe500;overflow-wrap:anywhere}
#setmodeView .so-energy-warning{border:1px solid #9b6d2d;background:#332a17;color:#ffe1a0;border-radius:9px;padding:10px;font-size:12px}
#setmodeView .so-energy-danger{background:transparent;border:0;color:#ff9ba5;font-size:12px;justify-self:start;min-height:32px;padding:5px}
#setmodeView .so-multi-camera{border:1px solid #4c4951;padding:10px;border-radius:11px;margin:9px 0}
#setmodeView .so-multi-camera [data-multi-options]{padding:5px 10px 0;display:grid;gap:4px}
#setmodeView .so-multi-camera [data-multi-options][hidden]{display:none!important}
#setmodeView .so-multi-camera [data-multi-options] small{font-size:12px;color:var(--muted)}
#setmodeView .so-multi-camera .so-check{margin:5px 0}
#setmodeView .so-energy-monitor{display:grid;gap:12px}
#setmodeView .so-energy-monitor-card{display:grid;gap:10px}
#setmodeView .so-energy-monitor-card>small{font-size:12px;color:#aeb9c4}
#setmodeView .so-energy-charge{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}
#setmodeView .so-energy-charge strong{color:#f9fafb;font-size:16px}
#setmodeView .so-energy-bar{height:8px;border-radius:10px;background:#35424d;overflow:hidden}
#setmodeView .so-energy-bar>span{display:block;height:100%;border-radius:10px;transition:width .2s}
/* Indica presença da bateria sem fingir carga mensurada quando não há Wh/W confiáveis. */
#setmodeView .so-energy-bar.so-energy-bar-pending>span{opacity:.55;background:repeating-linear-gradient(115deg,#65c997 0 14px,#377f65 14px 22px)!important}
#setmodeView .so-energy-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#setmodeView .so-energy-actions button{min-height:40px;padding:7px;border:1px solid #4b5865;border-radius:9px;background:#25303a;color:#f5f6f7;font-size:12px;font-weight:750}
#setmodeView .so-energy-actions button:last-child{background:#ffe500;color:#151515;border-color:#ffe500}
#setmodeView .so-energy-actions button:disabled{opacity:.45}
#setmodeView .so-energy-swap{display:grid;gap:8px;padding:10px;border:1px solid #5a512a;border-radius:10px}
#setmodeView .so-energy-swap button{margin:0}
#setmodeView .so-energy-history{font-size:12px;color:#c4cbd4;border-top:1px solid #38434c;padding-top:8px}
#setmodeView .so-energy-low{color:#ff9696!important;border-color:#a3454d!important;background:#51262c!important}
#setmodeView .so-ac .so-ac-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
#setmodeView .so-ac .so-ac-tabs button{font-size:12px}
/* Cores discretas do status: vermelho suave, amarelo com texto forte, verde suave. */
#setmodeView .so-roll-stage button.so-roll-status{min-width:90px!important;min-height:34px!important;padding:5px 8px!important;border-radius:8px!important;font-size:11px!important}
#setmodeView .so-roll-stage button.so-roll-status.is-0{background:#51262c!important;border-color:#bc515b!important;color:#ff9696!important}
#setmodeView .so-roll-stage button.so-roll-status.is-1{background:#39351a!important;border-color:#746421!important;color:#ffe500!important}
#setmodeView .so-roll-stage button.so-roll-status.is-2{background:#20533c!important;border-color:#35865d!important;color:#8fe8b2!important}
#setmodeView .so-roll-stage button.so-roll-stage-remove{min-width:26px!important;width:26px!important;min-height:30px!important;padding:2px!important;border:0!important;background:transparent!important;color:#afb7c2!important;font-size:21px!important}
#setmodeView .so-roll-stage-complete{min-width:0}
#setmodeView .so-roll-add{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px}
#setmodeView .so-roll-add>button{margin:0;min-height:44px}
@media(max-width:760px){#setmodeView .so-energy-inline{grid-template-columns:minmax(0,1fr) auto}#setmodeView .so-energy-inline button{max-width:110px}#setmodeView .so-energy-packs button{padding:10px}#setmodeView .so-energy-four{grid-template-columns:repeat(2,minmax(0,1fr))}#setmodeView .so-energy-results strong{font-size:16px}#setmodeView .so-ac .so-ac-tabs button{font-size:11px;min-width:0}#setmodeView .so-roll-stage button.so-roll-status{min-width:84px!important}}

#setmodeView .so-energy-source{display:grid;gap:10px;border:1px solid #45515c;border-radius:12px;background:#152029;padding:12px;min-width:0}
#setmodeView .so-energy-source-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
#setmodeView .so-energy-source-title strong{font-size:13px;color:#fff;overflow-wrap:anywhere}
#setmodeView .so-energy-source-title .so-energy-danger{white-space:nowrap}
#setmodeView .so-energy-summary{display:grid;gap:5px;padding:12px;background:#262b22;border-radius:10px;color:#dde3d8}
#setmodeView .so-energy-summary small{font-size:12px}
#setmodeView .so-energy-summary strong{color:#ffe500}
#setmodeView .so-energy-monitor-source{display:grid;gap:10px;background:#121d27;border:1px solid #37444e;border-radius:12px;padding:11px}
#setmodeView .so-energy-monitor-source>small{color:#aeb8c0;font-size:11px}
#setmodeView .so-energy-source .so-energy-tech label,#setmodeView .so-energy-item label{min-width:0}
@media(max-width:420px){#setmodeView .so-energy-source .so-energy-results{grid-template-columns:repeat(3,minmax(0,1fr))}#setmodeView .so-energy-source .so-energy-results strong{font-size:14px}#setmodeView .so-energy-source-title{align-items:flex-start}}

/* Build 2455: pesquisa dentro dos pacotes, isolada das demais abas. */
#setmodeView [data-form="energy-catalog-item"] label{display:grid;gap:6px;min-width:0}
#setmodeView [data-form="energy-catalog-item"] input,#setmodeView [data-form="energy-catalog-item"] select{width:100%;min-width:0}

/* Build 2460 — seleção pontual de câmeras, horário dos últimos takes e leitura do contador. */
#setmodeView .so-multi-camera-choices{display:flex;flex-wrap:wrap;gap:6px 14px;padding:5px 0}
#setmodeView .so-multi-camera-choices .so-check{display:inline-flex;align-items:center;gap:6px;min-width:105px}
#setmodeView .so-recent-take-time{display:inline-block;margin-left:5px;color:#ffe500;font-size:11px;font-weight:700;white-space:nowrap}
#setmodeView .so-camera [data-op="camera-delete"]{margin-left:8px;border-color:#74515a;color:#ffc4cd}

/* Build 2461: tela do Boletim mais limpa; estilos restritos a estes dois painéis. */
#setmodeView details.so-multi-camera{padding:0;overflow:hidden;background:rgba(9,12,16,.48)}
#setmodeView details.so-multi-camera>summary.so-multi-camera-toggle{display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px;min-height:46px;padding:11px 13px;cursor:pointer;list-style:none}
#setmodeView details.so-multi-camera>summary::-webkit-details-marker{display:none}
#setmodeView .so-multi-camera-toggle strong{font-size:14px;flex-shrink:0;color:var(--text)}
#setmodeView .so-multi-camera-toggle small{font-size:12px;color:var(--muted);overflow-wrap:anywhere;min-width:0;flex:1}
#setmodeView .so-multi-chevron{font-size:18px;line-height:1;transition:transform .15s ease;color:var(--yellow);margin-left:auto}
#setmodeView details.so-multi-camera[open] .so-multi-chevron{transform:rotate(180deg)}
#setmodeView .so-multi-camera-body{padding:5px 13px 12px;border-top:1px solid var(--line)}
#setmodeView .so-multi-camera-body>[data-multi-options]{padding:6px 0 0}
#setmodeView .so-last-take-wrap{margin:8px 0 12px}
#setmodeView .so-last-take-wrap>.muted{display:block;margin:0 0 7px;font-size:12px}
#setmodeView details.so-last-take{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--input);color:var(--text)}
#setmodeView .so-last-take>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:11px 13px;min-height:52px}
#setmodeView .so-last-take>summary::-webkit-details-marker{display:none}
#setmodeView .so-last-take-main{display:grid;gap:4px;min-width:0}
#setmodeView .so-last-take-main>strong{font-size:13px;line-height:1.35;font-weight:750;overflow-wrap:anywhere}
#setmodeView .so-last-take-main>small{font-size:12px;color:var(--muted);line-height:1.3}
#setmodeView .so-last-take-side{display:flex;gap:9px;align-items:center;flex-shrink:0;color:var(--yellow);font-size:12px;font-weight:750;white-space:nowrap}
#setmodeView .so-last-take-side>span{display:inline-block;font-size:17px;transition:transform .15s ease}
#setmodeView .so-last-take[open] .so-last-take-side>span{transform:rotate(180deg)}
#setmodeView .so-last-take-configs{border-top:1px solid var(--line);display:grid;gap:9px;padding:11px 13px}
#setmodeView .so-last-take-configs>small{font-size:11px;color:var(--muted)}
#setmodeView .so-last-take-camera{padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:rgba(15,18,23,.55)}
#setmodeView .so-last-take-camera h4{margin:0 0 8px;font-size:13px;color:var(--text)}
#setmodeView .so-last-take-camera dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px}
#setmodeView .so-last-take-camera dl>div{display:grid;gap:2px;min-width:0}
#setmodeView .so-last-take-camera dt{color:var(--muted);font-size:11px}
#setmodeView .so-last-take-camera dd{margin:0;font-size:12px;overflow-wrap:anywhere}
@media(max-width:400px){#setmodeView .so-last-take>summary{gap:6px;padding:10px}#setmodeView .so-last-take-main>strong{font-size:12px}#setmodeView .so-last-take-side{gap:4px;font-size:11px}}


/* stylesheet: equipment-energy-2451.css */
/* V22.3.128: componente limitado à Lista de Equipamentos. */
:is(#equipamentosView,#catalogoView) .sp-energy-listcalc{margin:16px 0;border-radius:16px;padding:16px;display:grid;gap:13px}
:is(#equipamentosView,#catalogoView) .sp-energy-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
:is(#equipamentosView,#catalogoView) .sp-energy-head h3{margin:2px 0 4px}
:is(#equipamentosView,#catalogoView) .sp-energy-head p{margin:0;font-size:.8rem}
:is(#equipamentosView,#catalogoView) .sp-energy-small-tag{border:1px solid #7f742f;border-radius:7px;color:#f4dd65;background:#3b361f;padding:5px 7px;font-size:.7rem}
:is(#equipamentosView,#catalogoView) .sp-energy-top-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
:is(#equipamentosView,#catalogoView) .sp-energy-top-fields label,:is(#equipamentosView,#catalogoView) .sp-energy-battery label{display:grid;gap:5px;font-size:.76rem}
:is(#equipamentosView,#catalogoView) .sp-energy-top-fields select,:is(#equipamentosView,#catalogoView) .sp-energy-top-fields input,:is(#equipamentosView,#catalogoView) .sp-energy-battery select,:is(#equipamentosView,#catalogoView) .sp-energy-edit input{width:100%;min-height:38px}
:is(#equipamentosView,#catalogoView) .sp-energy-items{display:grid;gap:8px}
:is(#equipamentosView,#catalogoView) .sp-energy-item{display:grid;gap:9px;padding:11px;border:1px solid #393e47;border-radius:12px;background:#181e26;color:#fff}
:is(#equipamentosView,#catalogoView) .sp-energy-item-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
:is(#equipamentosView,#catalogoView) .sp-energy-item-head label{display:flex;gap:7px;align-items:center;min-width:0;font-size:.82rem}
:is(#equipamentosView,#catalogoView) .sp-energy-item-head span{font-size:.68rem;color:#bcc4cc;text-align:right}
:is(#equipamentosView,#catalogoView) .sp-energy-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
:is(#equipamentosView,#catalogoView) .sp-energy-four>div{display:grid;gap:3px;padding:7px;border-radius:7px;background:#242c36;min-width:0}
:is(#equipamentosView,#catalogoView) .sp-energy-four small{color:#bcc4cc;font-size:.65rem}
:is(#equipamentosView,#catalogoView) .sp-energy-four b{color:#fff;font-size:.78rem;overflow-wrap:anywhere}
:is(#equipamentosView,#catalogoView) .sp-energy-source{color:#c1c7d0;font-size:.69rem;line-height:1.5}
:is(#equipamentosView,#catalogoView) .sp-energy-source a,#catalogoView .sp-energy-catalog-note a{color:#ffe15c}
:is(#equipamentosView,#catalogoView) .sp-energy-item details summary{cursor:pointer;font-size:.73rem;color:#ffe15c}
:is(#equipamentosView,#catalogoView) .sp-energy-edit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:10px}
:is(#equipamentosView,#catalogoView) .sp-energy-edit label{font-size:.72rem;display:grid;gap:5px}
:is(#equipamentosView,#catalogoView) .sp-energy-edit button{grid-column:1/-1;justify-self:start}
:is(#equipamentosView,#catalogoView) .sp-energy-battery{border-top:1px solid #444;padding-top:12px;display:grid;gap:10px}
:is(#equipamentosView,#catalogoView) .sp-energy-battery h4{margin:0}
:is(#equipamentosView,#catalogoView) .sp-energy-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
:is(#equipamentosView,#catalogoView) .sp-energy-result>div{padding:10px;border:1px solid #465057;border-radius:9px;display:grid;gap:6px}
:is(#equipamentosView,#catalogoView) .sp-energy-result small{color:#b7c1ca;font-size:.71rem}
:is(#equipamentosView,#catalogoView) .sp-energy-result strong{font-size:1.1rem}
:is(#equipamentosView,#catalogoView) .sp-energy-yellow{color:#ffe500}
:is(#equipamentosView,#catalogoView) .sp-energy-warning{color:#ffaeae;border:1px solid #87505a;background:#48282b;padding:9px;border-radius:8px;font-size:.76rem}
:is(#equipamentosView,#catalogoView) .sp-energy-footnote{font-size:.7rem;line-height:1.5}
#catalogoView .sp-energy-catalog-note{display:block;color:#ccc;font-size:.72rem}
@media(max-width:600px){:is(#equipamentosView,#catalogoView) .sp-energy-four{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#equipamentosView,#catalogoView) .sp-energy-result{grid-template-columns:1fr}:is(#equipamentosView,#catalogoView) .sp-energy-head{flex-wrap:wrap}}

/* O CSS legado do catálogo define display:block; o atributo hidden deve prevalecer. */
#catalogoView #catalogLoadMoreBtn[hidden],#catalogoView #catalogLoadMoreBtn.hidden{display:none!important}


/* stylesheet: pro-workspace.css */
:root{--pro-surface:#fff;--pro-bg:#f5f5f2;--pro-text:#101010}html[data-theme="dark"]{--pro-surface:#191b20;--pro-bg:#101216;--pro-text:#f4f4f5}.pro-card{color:var(--pro-text)}.pro-head>span{color:var(--black)}html[data-theme="dark"] .pro-head>span{color:#ffd400}
.pro-head{padding:22px 0}.pro-head>span{font-size:11px;letter-spacing:.14em;color:#ffd400}.pro-head h2{font-size:30px;margin:8px 0}.pro-card{background:var(--pro-surface);border:1px solid var(--line,#34363b);border-radius:16px;padding:20px;margin:16px 0;min-width:0}.pro-card h3{margin:0 0 12px}.pro-card p,.pro-card small{color:var(--muted,#afb3bd);line-height:1.6}.pro-card a{color:inherit;text-decoration:underline}.pro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:16px 0}.pro-card label{display:flex;flex-direction:column;gap:7px;font-size:13px;min-width:0}.pro-card input,.pro-card select,.pro-card textarea{box-sizing:border-box;width:100%;min-height:44px;background:var(--pro-bg);color:var(--pro-text);border:1px solid var(--line,#484b52);border-radius:9px;padding:10px;font:inherit}.pro-row{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.pro-row>label{flex:1;min-width:160px}.pro-tabs{display:flex;flex-wrap:wrap;gap:7px}.pro-tabs button{min-height:44px;border:1px solid #444;border-radius:9px;background:#191b20;color:#fff;padding:10px 14px}.pro-tabs button[aria-pressed=true]{background:#ffd400;color:#111;border-color:#ffd400}.pro-metric{padding:14px;border-radius:10px;background:var(--pro-bg);min-width:0;overflow-wrap:anywhere}.pro-metric strong{display:block;margin-top:7px;font-size:19px}.pro-metric small{display:block;font-size:12px}.pro-checks{display:grid;gap:12px;margin:18px 0}.pro-checks label{flex-direction:row;align-items:center;padding:10px;background:var(--pro-bg);border-radius:9px}.pro-checks input{width:22px;min-width:22px;height:22px;min-height:22px;accent-color:#ffd400}.pro-ranking{padding:0;list-style:none}.pro-ranking li{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.pro-months>div{display:grid;grid-template-columns:24px 1fr minmax(120px,180px);gap:10px;align-items:center;font-size:12px;margin:10px 0}.pro-months meter,.pro-card progress{width:100%;accent-color:#ffd400}.pro-answer{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.7;padding:18px;background:var(--pro-bg);border-radius:12px}.pro-feedback{padding:12px 0;color:#ffd400}.pro-finder{position:relative;max-width:850px;margin:24px auto;background-color:#282c32;background-size:cover;background-position:center;background-image:linear-gradient(0deg,transparent 32%,#60646b 33%,transparent 34%,transparent 65%,#60646b 66%,transparent 67%),linear-gradient(90deg,transparent 32%,#60646b 33%,transparent 34%,transparent 65%,#60646b 66%,transparent 67%);display:grid;place-items:center;overflow:hidden;border:2px solid #eee}.pro-finder>span{text-align:center;color:#fff;text-shadow:0 1px 4px #000;font-size:12px}.pro-safe{position:absolute;border:1px dashed #ffd400;color:#ffd400;font-size:10px;text-shadow:0 1px 4px #000;padding:4px}.pro-safe.action{inset:5%}.pro-safe.title{inset:10%;border-color:#fff;color:#fff}.pro-card button,.pro-card .btn{min-height:44px;margin:3px;white-space:normal}.pro-card button:disabled{opacity:.5}.pro-card button:focus-visible,.pro-tabs button:focus-visible{outline:3px solid #ffd400;outline-offset:3px}@media(max-width:500px){.pro-card{padding:14px}.pro-grid{grid-template-columns:1fr 1fr;gap:10px}.pro-grid>article{grid-column:1/-1}.pro-metric strong{font-size:16px}.pro-months>div{grid-template-columns:22px 1fr}.pro-months b{grid-column:2}.pro-tabs button{flex:1 0 30%;padding:8px;font-size:12px}.pro-card input,.pro-card select,.pro-card textarea{font-size:16px}.pro-row>.btn{flex:1}.pro-head h2{font-size:26px}}@media(max-width:350px){.pro-grid{grid-template-columns:1fr}}
.pro-head>span{color:#655300}html[data-theme="dark"] .pro-head>span{color:#ffd400}.pro-row>.btn{min-width:125px}.pro-feedback{color:#756000}html[data-theme="dark"] .pro-feedback{color:#ffd400}

#proView[hidden]{display:none!important}

#orcamentoView .quote-page-head #newQuoteBtn{flex:0 0 auto!important;width:auto!important;min-width:0;min-height:40px;height:40px;padding:8px 12px;font-size:12px;line-height:1.2;border-radius:10px;align-self:center;white-space:nowrap}
@media(max-width:760px){#orcamentoView .quote-page-head #newQuoteBtn{min-height:44px;height:44px;align-self:flex-start}}
.pro-live-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.pro-live-actions button{flex:1 1 180px}.pro-live-stage{position:relative;isolation:isolate;width:100%;aspect-ratio:16/9;background:#080a0d;border-radius:14px;overflow:hidden;min-height:190px;border:1px solid #515661}.pro-live-stage video{width:100%;height:100%;display:block;object-fit:contain}.pro-live-cross{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;text-shadow:0 1px 5px #000;font-size:24px;pointer-events:none}.pro-live-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid #ffd400;pointer-events:none;box-shadow:0 0 0 999px #0006}.pro-live-frame.exceeds{border-color:#ff906a}.pro-live-readout{position:absolute;bottom:0;left:0;right:0;padding:12px;background:#000b;color:#fff!important;font-size:12px;line-height:1.5;z-index:3;pointer-events:none}.pro-live-stage .pro-live-expand{position:absolute;right:10px;top:10px;background:#111c;color:#fff;border:1px solid #aaa;border-radius:8px;min-height:40px;padding:8px 12px;z-index:4}.pro-sun-marker{position:absolute;transform:translate(-50%,-50%);color:#ffe800;font-size:38px;text-shadow:0 0 3px #000,0 0 10px #000;z-index:2;text-align:center;line-height:1}.pro-sun-marker span{display:block;background:#111c;color:#fff;font-size:12px;padding:6px;border-radius:8px;white-space:nowrap}.pro-sun-marker.off-frame{color:#ffae50}.pro-sun-marker[hidden]{display:none!important}.pro-live-stage.pro-live-expanded{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;border-radius:0;z-index:100000;aspect-ratio:auto!important}.pro-live-expanded video{object-fit:contain}.pro-live-expanded .pro-live-readout{padding-bottom:max(14px,env(safe-area-inset-bottom))}.pro-live-now{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important}.pro-live-now input{width:22px!important;min-height:22px!important;height:22px}.pro-calibration summary{cursor:pointer;min-height:44px;padding:12px 0}.pro-live-status{min-height:24px}.pro-live-frame .pro-safe{box-sizing:border-box}@media(max-width:500px){.pro-live-actions button{flex:1 1 130px}.pro-live-stage{min-height:220px}.pro-live-stage .pro-live-expand{top:5px;right:5px}.pro-live-readout{font-size:11px;padding:9px}}

.report-professional-area{margin-top:28px;padding-top:24px;border-top:1px solid var(--border,#d5d8dc)}
.report-professional-area>.pro-tabs{display:none}
.report-main-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0}.report-main-tabs button{min-height:46px;border:1px solid #3b3e45;border-radius:12px;background:#181a1f;color:#fff;font-weight:800}.report-main-tabs button.active{background:#ffd400;color:#111;border-color:#ffd400}@media(max-width:560px){.report-main-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Viewfinder de Set — monitor escuro, controles nas bordas e safe-area */
.pro-viewfinder-setup{display:grid;grid-template-columns:1.3fr 1.6fr .7fr .8fr;gap:10px}.pro-solar-toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:12px 0}.pro-solar-toolbar label{min-width:130px}.pro-live-stage{background:#303238!important;overflow:hidden}.pro-live-viewport{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:100%;width:100%;overflow:hidden;background:#050607;transition:width .18s,height .18s}.pro-live-viewport video{width:100%;height:100%;object-fit:cover;transform-origin:center;transition:transform .18s}.pro-live-viewport.uncaptured{outline:1px dashed #777}.pro-live-frame{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(100%,100%)!important;height:auto!important;max-height:100%;border-color:#ffd40066!important}.pro-live-bottom{position:absolute;left:10px;right:10px;bottom:42px;z-index:8;display:grid;grid-template-columns:1fr 1.4fr .65fr;gap:6px;padding:7px;background:#090a0be6;border:1px solid #ffd40066;border-radius:10px}.pro-live-bottom label{font-size:9px;color:#aaa;text-transform:uppercase}.pro-live-bottom select{min-height:32px;padding:4px;font-size:12px;background:#17191d;color:#fff}.pro-live-capture{position:absolute;right:9px;top:9px;z-index:9;display:flex;gap:5px}.pro-live-capture button{border:1px solid #ffd400;background:#090a0bcc;color:#fff;border-radius:8px;padding:7px;font-weight:800}.pro-live-record{position:absolute;left:12px;top:12px;z-index:9;color:#ff5b63;font-weight:900}.pro-moon-marker{position:absolute;z-index:7;color:#dbe7ff;font-size:28px;filter:drop-shadow(0 0 5px #000);transform:translate(-50%,-50%)}.pro-moon-marker span,.pro-sun-marker span{display:block;background:#090a0bdd;color:#fff;padding:3px 6px;border-radius:6px;font-size:10px;white-space:nowrap}.pro-celestial-guide{position:absolute;left:-20%;right:-20%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#ffd40088,transparent);z-index:5;transform-origin:center}.pro-horizon{position:absolute;left:-30%;right:-30%;top:50%;height:1px;background:#44d7ffcc;transform-origin:center}.pro-grid-overlay{position:absolute;inset:0;background:linear-gradient(90deg,transparent 33.1%,#fff4 33.3%,transparent 33.5%,transparent 66.4%,#fff4 66.6%,transparent 66.8%),linear-gradient(transparent 33.1%,#fff4 33.3%,transparent 33.5%,transparent 66.4%,#fff4 66.6%,transparent 66.8%);display:none}.overlay-grid .pro-grid-overlay{display:block}.pro-live-root:not(.overlay-safe) .pro-safe{display:none}.pro-live-root:not(.overlay-horizon) .pro-horizon{display:none}.pro-live-root:not(.overlay-solar) [data-body],.pro-live-root:not(.overlay-solar) .pro-celestial-guide{display:none}.calculated-zone{outline:1px dashed #fff;background:#17191ddd}.pro-live-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:14px}.pro-live-gallery article{display:grid;gap:6px;background:#15171b;border:1px solid #343840;padding:8px;border-radius:10px}.pro-live-gallery img,.pro-live-gallery video{width:100%;aspect-ratio:16/9;object-fit:cover}.pro-rotate-hint{display:none;color:#ffd400;font-size:12px}
@media(max-width:760px){.pro-viewfinder-setup{grid-template-columns:1fr 1fr}.pro-live-bottom{grid-template-columns:1fr 1fr .6fr}.pro-live-bottom select{font-size:11px}.pro-live-capture{top:7px;right:7px}.pro-live-stage{min-height:58vw}.pro-rotate-hint{display:block}}
@media(orientation:landscape) and (max-height:650px){.pro-live-stage,.pro-live-stage.pro-live-expanded{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;aspect-ratio:auto!important;z-index:100000!important;border-radius:0!important}.pro-rotate-hint{display:none}.pro-live-bottom{grid-template-columns:1fr 1.4fr .6fr;max-width:720px;margin:auto}.pro-live-readout{max-width:70%}}

.weather-head,.weather-switch,.weather-temperature,.weather-facts,.weather-week,.weather-hours{display:flex;gap:10px}.weather-head{align-items:center;justify-content:space-between;flex-wrap:wrap}.weather-head h3{margin:3px 0}.weather-switch{padding:3px;background:#0f1115;border-radius:10px}.weather-switch button{min-height:36px!important;border:0;background:transparent;color:#fff;border-radius:8px;padding:7px 12px}.weather-switch button.active{background:#ffd400;color:#111}.weather-alert{margin:9px 0;padding:11px;border:1px solid #e9b33a;border-radius:10px;background:#5a430b66;color:#ffe38a}.weather-today{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,2fr);gap:15px}.weather-temperature{flex-direction:column;align-items:center;justify-content:center;border-radius:14px;background:#101217;padding:20px}.weather-temperature>span{font-size:44px}.weather-temperature>strong{font-size:42px}.weather-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1}.weather-week,.weather-hours{overflow-x:auto;padding:7px 0}.weather-week article,.weather-hours article{display:grid;gap:6px;min-width:120px;padding:14px;background:#101217;border:1px solid #353944;border-radius:12px;text-align:center}.weather-hours article{min-width:95px}.weather-credit{display:block;margin-top:15px}@media(max-width:600px){.weather-today{grid-template-columns:1fr}.weather-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.weather-head{align-items:flex-start}.weather-temperature{padding:14px}}
/* Preview: acabamento local dos módulos operacionais. */
:root{--set-radius:14px;--set-gap:12px;--set-touch:44px}
.pro-head{padding:12px 0}.pro-head h2{font-size:clamp(24px,3vw,30px);letter-spacing:-.035em}.pro-card{border-radius:var(--set-radius);padding:clamp(14px,2vw,24px);box-shadow:none}.pro-card h3{letter-spacing:-.02em}.pro-card p{font-size:14px}.pro-grid{gap:var(--set-gap)}.pro-card select{min-width:0;max-width:100%}.pro-card summary{min-height:44px;padding:12px 0;cursor:pointer;box-sizing:border-box}.pro-card button{transition:background .15s,transform .15s;touch-action:manipulation}.pro-card button:active{transform:scale(.98)}.pro-tabs{gap:6px}.pro-tabs button{border-color:transparent}.pro-card input:focus-visible,.pro-card select:focus-visible{outline:2px solid #ffd400;outline-offset:2px}.pro-solar-toolbar label:has([name=solarNow]){flex-direction:row;align-items:center;min-width:80px}.pro-solar-toolbar [name=solarNow]{width:22px;min-height:22px;height:22px}.pro-solar-help{max-width:65ch}.pro-live-actions button{flex:1 1 90px}.pro-live-actions [data-live=start]{flex-basis:100%}.pro-live-stage{display:grid;grid-template-rows:minmax(170px,1fr) auto auto;min-height:340px;aspect-ratio:auto!important}.pro-live-capture{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));left:max(8px,env(safe-area-inset-left));justify-content:flex-end;gap:6px}.pro-live-capture button{min-height:44px;font-size:11px;margin:0;padding:8px}.pro-live-bottom{position:relative;grid-row:2;left:auto;right:auto;bottom:auto;margin:0 8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 64px}.pro-live-bottom select{min-height:44px;font-size:16px;max-width:100%}.pro-live-readout{position:relative;grid-row:3;max-height:none;overflow-wrap:anywhere;padding:10px;font-size:11px}.pro-live-viewport{height:100%;}.pro-live-root:not(.overlay-center) .pro-live-cross{display:none}.pro-live-root:not(.overlay-lens) .pro-live-readout{display:none}.pro-live-record{top:64px}.pro-live-stage.pro-live-expanded{height:100dvh!important;padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}.pro-live-expanded .pro-live-capture{flex-wrap:wrap}.pro-live-expanded .pro-live-bottom{margin-left:max(8px,env(safe-area-inset-left));margin-right:max(8px,env(safe-area-inset-right))}.pro-live-expanded .pro-live-readout{padding-bottom:10px}.pro-sun-marker,.pro-moon-marker{pointer-events:none;transition:left .18s linear,top .18s linear}.pro-live-root:has(.pro-live-expanded) .pro-live-status{position:fixed;z-index:100001;top:70px;left:12px;right:12px;color:white;background:#111e;padding:8px;border-radius:8px;pointer-events:none}body:has(.pro-live-expanded){overflow:hidden}
@media(max-width:760px){.pro-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;background:var(--pro-bg);border-radius:14px}.pro-tabs button{padding:8px 4px;font-size:12px;min-width:0}.pro-card{margin:12px 0}.pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-viewfinder-setup{gap:12px}.pro-solar-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pro-solar-toolbar label{min-width:0}.pro-checks{grid-template-columns:1fr}.pro-live-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-live-stage{min-height:360px}.pro-live-capture button{flex:0 1 auto}}
@media(max-width:350px){.pro-grid{grid-template-columns:1fr}.pro-live-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pro-live-bottom label:last-child{grid-column:1/-1}.pro-live-stage{min-height:420px}.pro-live-capture{gap:4px}.pro-live-capture button{font-size:10px;padding:6px}}
@media(prefers-reduced-motion:reduce){.pro-card button,.pro-sun-marker,.pro-moon-marker,.pro-live-viewport,.pro-live-viewport video{transition:none}}

/* Keep monitor controls above the live video in standalone/offline views. */
.pro-live-stage>.pro-monitor-customize{position:relative;z-index:13;align-self:start}
.pro-live-viewport{pointer-events:none}

/* Relatórios > Metas e investimentos: estilos restritos ao painel existente. */
.report-professional-area .report-goal-list,
.report-professional-area .report-invest-list{display:grid;gap:12px;margin-top:14px}
.report-professional-area .report-goal-item,
.report-professional-area .report-invest-item{padding:14px;border:1px solid #42454d;border-radius:12px;background:#15171c;color:#f4f4f4}
.report-professional-area .report-goal-title,
.report-professional-area .report-goal-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.report-professional-area .report-goal-title strong,
.report-professional-area .report-invest-item>div:first-child strong{display:block;font-size:16px}
.report-professional-area .report-goal-title small,
.report-professional-area .report-invest-item small{display:block;color:#bbc0c8;margin-top:3px}
.report-professional-area .report-goal-metrics{display:grid;gap:10px;margin-top:12px}
.report-professional-area .report-goal-metrics>div{min-width:0}
.report-professional-area .report-goal-caption{font-size:12px}
.report-professional-area .report-goal-caption strong{font-size:12px;color:#ffdb38}
.report-professional-area .report-goal-metrics progress,
.report-professional-area [name^="goal_"]+progress{display:block;width:100%;height:9px;margin:7px 0 4px;accent-color:#ffd400}
.report-professional-area .report-goal-metrics small{font-size:11px;color:#aeb4bd}
.report-professional-area .report-goal-save{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}
.report-professional-area .report-goal-save small{color:#adb3be}
.report-professional-area .report-history-toggle{border:0;background:transparent;color:#ffdb38;padding:9px 0 0;text-align:left;font-weight:700;cursor:pointer}
.report-professional-area .report-history-list{margin:10px 0 0;padding:11px 12px 11px 28px;border-radius:10px;background:#202329;max-height:240px;overflow:auto}
.report-professional-area .report-history-list li{margin:0 0 8px;font-size:12px;overflow-wrap:anywhere}
.report-professional-area .report-history-list span{display:block;color:#c8ccd1}
.report-professional-area .report-invest-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px}
.report-professional-area .report-invest-item>strong{color:#ffdb38;white-space:nowrap}
.report-professional-area .report-invest-actions{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}
.report-professional-area .report-invest-actions .btn{font-size:12px;padding:7px 10px;min-height:34px}
.report-professional-area .report-invest-item>.report-history-list{grid-column:1/-1}
@media(max-width:540px){.report-professional-area .report-goal-title{align-items:start}.report-professional-area .report-goal-title .btn{min-height:34px;font-size:12px;padding:7px 10px}.report-professional-area .report-goal-caption{align-items:start}.report-professional-area .report-invest-item{grid-template-columns:1fr}.report-professional-area .report-invest-item>strong{grid-row:2}.report-professional-area .report-invest-actions{grid-column:1}}

.report-professional-area .report-evolution-actions{display:flex;flex-wrap:wrap;gap:16px}

/* V22.3.81 — acabamento visual exclusivo de Relatórios > Metas.
   Todos os seletores abaixo ficam isolados ao painel de metas. */
.report-professional-area .report-goals-surface{
  --goals-accent:#ffd426;--goals-line:#363940;--goals-muted:#aab0bc;
  display:grid;grid-template-columns:minmax(0,1fr);gap:22px;color:#f7f7f8;
  margin:8px 0 28px;min-width:0;
}
.report-goals-surface *{box-sizing:border-box}
.report-goals-surface .report-goals-hero{
  position:relative;isolation:isolate;overflow:hidden;
  display:flex;justify-content:space-between;align-items:center;gap:24px;
  padding:clamp(20px,3vw,32px);
  border:1px solid #58502d;border-radius:20px;
  background:linear-gradient(117deg,#25231c 0%,#191a1e 58%,#15171a 100%);
}
.report-goals-surface .report-goals-hero::after{
  content:"";position:absolute;right:-85px;top:-155px;width:350px;height:350px;
  border-radius:50%;background:radial-gradient(circle,#ffd42621,transparent 70%);
  pointer-events:none;z-index:-1;
}
.report-goals-surface .report-goals-kicker{
  display:block;margin:0 0 12px;color:#ffdb54;letter-spacing:.16em;
  font-size:10px;font-weight:800;
}
.report-goals-surface .report-goals-hero h3{
  margin:0 0 10px;font-size:clamp(22px,2.7vw,30px);font-weight:850;
  letter-spacing:-.045em;line-height:1.15;color:#fff;
}
.report-goals-surface .report-goals-hero p{margin:0;max-width:52ch;font-size:13px;line-height:1.65;color:#c4c7cc}
.report-goals-surface .report-goals-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(104px,1fr));gap:9px;flex-shrink:0}
.report-goals-surface .report-goals-hero-stats>div{
  padding:15px 17px;border:1px solid #4a4540;border-radius:13px;background:#0d0e10ad;
  min-width:0;
}
.report-goals-surface .report-goals-hero-stats strong{
  display:block;color:#ffdb54;font-size:26px;line-height:1;font-variant-numeric:tabular-nums;
}
.report-goals-surface .report-goals-hero-stats span{
  display:block;margin-top:8px;font-size:11px;color:#bfc3c9;white-space:nowrap;
}
.report-goals-surface > article.pro-card{
  position:relative;min-width:0;margin:0!important;
  padding:clamp(18px,2.4vw,26px)!important;
  border-radius:18px!important;border:1px solid var(--goals-line)!important;
  background:linear-gradient(165deg,#202227,#17191e)!important;
  color:#f4f5f7!important;box-shadow:0 12px 30px #0000001c;
}
.report-goals-surface > article.pro-card::before{
  position:absolute;right:22px;top:20px;content:"01";
  font-size:11px;font-weight:800;letter-spacing:.1em;
  color:#ffd426;border:1px solid #655526;padding:5px 9px;border-radius:9px;
  background:#5a480818;
}
.report-goals-surface > article.pro-card:nth-of-type(2)::before{content:"02"}
.report-goals-surface > article.pro-card:nth-of-type(3)::before{content:"03"}
.report-goals-surface > article.pro-card>h3{
  display:flex;align-items:center;gap:10px;margin:0 54px 18px 0!important;
  color:#fff!important;font-weight:850!important;letter-spacing:-.025em;
  font-size:clamp(18px,2vw,22px)!important;
}
.report-goals-surface > article.pro-card>h3::before{
  content:"";display:inline-block;width:5px;height:22px;
  background:#ffd426;border-radius:10px;flex-shrink:0;
}
.report-goals-surface > article.pro-card>p{
  margin:0 0 19px;color:#bac0cb!important;font-size:13px;line-height:1.65;
}
.report-goals-surface > article.pro-card>p strong{color:#fff}
.report-goals-surface .pro-card label{color:#d9dde4;font-size:12px;font-weight:700;letter-spacing:.005em;gap:9px}
.report-goals-surface .pro-card input,
.report-goals-surface .pro-card select{
  background:#111317!important;border:1px solid #464952!important;
  border-radius:11px!important;color:#f4f5f7!important;
  min-height:46px!important;box-shadow:inset 0 1px 2px #0002;
}
.report-goals-surface .pro-card input:focus-visible,
.report-goals-surface .pro-card select:focus-visible{
  border-color:#ffd426!important;outline:2px solid #ffd42670!important;outline-offset:1px;
}
.report-goals-surface > article.pro-card:first-of-type > label{
  display:grid;grid-template-columns:130px minmax(0,340px);gap:8px 18px;
  align-items:center;padding:13px 16px;background:#121417;
  border:1px solid #35383f;border-radius:12px;max-width:550px;
}
.report-goals-surface > article.pro-card:first-of-type > .pro-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;
}
.report-goals-surface > article.pro-card:first-of-type > .pro-grid > div{
  min-width:0;padding:18px 15px 15px;
  border:1px solid #383b42;border-radius:14px;background:#131519;
}
.report-goals-surface > article.pro-card:first-of-type > .pro-grid p{
  min-height:32px;margin:8px 0 0!important;color:#b7bdc7!important;
  font-size:11px;line-height:1.5;overflow-wrap:anywhere;
}
.report-goals-surface progress{
  display:block;width:100%;height:9px!important;margin:11px 0 7px!important;
  background:#35383f;border-radius:20px;overflow:hidden;accent-color:#ffd426;
}
.report-goals-surface progress::-webkit-progress-bar{background:#35383f;border-radius:20px}
.report-goals-surface progress::-webkit-progress-value{background:linear-gradient(90deg,#c5a305,#ffdf43);border-radius:20px}
.report-goals-surface progress::-moz-progress-bar{background:linear-gradient(90deg,#c5a305,#ffdf43);border-radius:20px}
.report-goals-surface .report-goal-save{
  padding-top:14px;margin-top:17px;border-top:1px solid #353840;
  display:flex;align-items:center;flex-wrap:wrap;gap:9px 15px;
}
.report-goals-surface .report-goal-save small{font-size:11px;color:#aab1bd}
.report-goals-surface [data-pro="goalsSave"],
.report-goals-surface [data-pro="investAdd"],
.report-goals-surface [data-pro="investUpdate"]{
  border:1px solid #ffd426!important;background:#ffd426!important;
  color:#131313!important;border-radius:11px!important;
  padding:10px 18px!important;font-weight:850!important;
  min-height:44px!important;box-shadow:0 6px 18px #ffd42612;
}
.report-goals-surface .report-goal-list,
.report-goals-surface .report-invest-list{margin-top:0;gap:13px}
.report-goals-surface .report-goal-item,
.report-goals-surface .report-invest-item{
  background:#13151a!important;border:1px solid #373a42!important;
  border-radius:15px!important;padding:17px!important;
  box-shadow:none;min-width:0;
}
.report-goals-surface .report-goal-item:hover,
.report-goals-surface .report-invest-item:hover{border-color:#686045!important}
.report-goals-surface .report-goal-title{align-items:center;gap:14px}
.report-goals-surface .report-goal-title strong,
.report-goals-surface .report-invest-item>div:first-child strong{
  font-size:16px!important;letter-spacing:-.015em;color:#fff;
}
.report-goals-surface .report-goal-title small,
.report-goals-surface .report-invest-item small{color:#afb6c1!important;font-size:11px;line-height:1.5}
.report-goals-surface .report-goal-title [data-goal-edit],
.report-goals-surface .report-invest-actions .btn{
  min-height:36px!important;margin:0!important;padding:8px 11px!important;
  border:1px solid #474b56!important;background:#25282f!important;
  color:#e6e8eb!important;border-radius:9px!important;font-size:11px!important;
}
.report-goals-surface .report-goal-title [data-goal-edit]:hover,
.report-goals-surface .report-invest-actions .btn:hover{border-color:#ffdb54!important}
.report-goals-surface .report-goal-metrics{
  grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px;margin-top:17px;
}
.report-goals-surface .report-goal-metrics>div{
  background:#202329;padding:13px;border:1px solid #33373e;border-radius:11px;
}
.report-goals-surface .report-goal-caption{align-items:start;gap:8px;font-size:11px;line-height:1.5}
.report-goals-surface .report-goal-caption span{color:#cad0d9}
.report-goals-surface .report-goal-caption strong{font-size:12px!important;color:#ffda44!important;font-variant-numeric:tabular-nums}
.report-goals-surface .report-goal-metrics small{color:#aeb5c0!important}
.report-goals-surface .report-evolution-actions{
  margin-top:13px;padding-top:12px;border-top:1px solid #30333a;
  display:flex;gap:8px 18px;flex-wrap:wrap;
}
.report-goals-surface .report-history-toggle{
  margin:0!important;padding:5px 0!important;min-height:30px!important;
  font-size:11px;color:#ffdd55!important;text-decoration:none;
}
.report-goals-surface .report-history-toggle:hover{text-decoration:underline}
.report-goals-surface .report-history-list{
  background:#202329!important;border:1px solid #383b44;
  border-radius:10px!important;padding:13px 12px 10px 30px!important;
  color:#e6e8eb;
}
.report-goals-surface .report-history-list li{padding:0 0 6px;font-size:12px;line-height:1.6}
.report-goals-surface .report-invest-item{
  grid-template-columns:minmax(0,1fr) auto;align-items:center;
}
.report-goals-surface .report-invest-item>strong{
  font-size:16px;color:#ffdb54;font-variant-numeric:tabular-nums;
}
.report-goals-surface .report-invest-actions{
  padding-top:12px;margin-top:3px;border-top:1px solid #31343b;
}
.report-goals-surface .report-invest-actions [data-remove-invest]{color:#f0b3b3!important}
.report-goals-surface > article.pro-card:nth-of-type(3) > .pro-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:13px;
  margin:0 0 12px;
}
.report-goals-surface > article.pro-card:nth-of-type(3) > .pro-grid label{
  background:#14161b;border:1px solid #363941;border-radius:12px;
  padding:12px;
}
.report-goals-surface .pro-card>.muted{
  padding:18px;margin:4px 0 0;border:1px dashed #4d5059;
  background:#14161b;border-radius:11px;text-align:center;
}
@media(min-width:1100px){
  .report-goals-surface{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:18px}
  .report-goals-surface .report-goals-hero,
  .report-goals-surface > article.pro-card:first-of-type{grid-column:1/-1}
  .report-goals-surface > article.pro-card:nth-of-type(2){grid-column:1}
  .report-goals-surface > article.pro-card:nth-of-type(3){grid-column:2}
}
@media(max-width:760px){
  .report-goals-surface .report-goals-hero{flex-direction:column;align-items:stretch;gap:18px}
  .report-goals-surface .report-goals-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .report-goals-surface > article.pro-card:first-of-type > .pro-grid{grid-template-columns:1fr}
  .report-goals-surface > article.pro-card:first-of-type > .pro-grid>div{padding:13px}
  .report-goals-surface .report-goal-metrics{grid-template-columns:1fr}
}
@media(max-width:420px){
  .report-professional-area .report-goals-surface{gap:14px}
  .report-goals-surface > article.pro-card{padding:16px!important}
  .report-goals-surface > article.pro-card:first-of-type > label{
    grid-template-columns:1fr;max-width:100%;padding:12px;
  }
  .report-goals-surface .report-goals-hero-stats span{white-space:normal}
  .report-goals-surface .report-goal-title{align-items:flex-start}
  .report-goals-surface .report-invest-item{grid-template-columns:1fr}
  .report-goals-surface .report-invest-item>strong{grid-row:auto}
}
@media(prefers-reduced-motion:reduce){
  .report-goals-surface .report-goal-item,
  .report-goals-surface .report-invest-item{transition:none}
}


/* stylesheet: product-ui-preview.css */
:root{
  --app-bg:#090a0c;
  --app-surface:#121418;
  --app-surface-raised:#181b20;
  --app-surface-soft:#202329;
  --app-line:#2d3138;
  --app-text:#f7f7f2;
  --app-muted:#aeb2bc;
  --app-yellow:#ffd400;
  --app-danger:#ff5f69;
  --app-radius-sm:10px;
  --app-radius:16px;
  --app-radius-lg:22px;
  --app-touch:48px;
  --app-page:clamp(14px,3vw,28px);
  --app-safe-top:max(12px,env(safe-area-inset-top));
  --app-safe-bottom:max(16px,env(safe-area-inset-bottom));
}

/* Camada de acabamento do preview: mantém estrutura, IDs e eventos existentes. */
#setmodeView,#proView{color:var(--app-text);min-width:0;overscroll-behavior-y:contain}
#setmodeView .so-content,#proView>[data-panel]{width:min(100%,1120px);margin-inline:auto}
#setmodeView :is(button,input,select,textarea),#proView :is(button,input,select,textarea){font-family:inherit}
#setmodeView :is(input,select,textarea),#proView :is(input,select,textarea){border-color:var(--app-line);background:var(--app-bg);border-radius:var(--app-radius-sm);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}
#setmodeView :is(input,select,textarea):focus,#proView :is(input,select,textarea):focus{border-color:var(--app-yellow);box-shadow:0 0 0 3px rgba(255,212,0,.13);outline:0}
#setmodeView button,#proView button{min-height:var(--app-touch);border-radius:12px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .1s ease,filter .14s ease,background .14s ease}
#setmodeView button:active,#proView button:active{transform:scale(.975);filter:brightness(.94)}
#setmodeView button:disabled,#proView button:disabled{cursor:not-allowed;opacity:.52}

.pro-head{width:min(100%,1120px);margin-inline:auto;padding:18px 2px 12px}
.pro-head>span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:rgba(255,212,0,.1);font-size:10px}
.pro-head h2{margin:12px 0 6px;font-size:clamp(25px,5vw,36px);line-height:1.05}
.pro-head p{margin:0;color:var(--app-muted)}
.pro-tabs{position:sticky;top:var(--app-safe-top);z-index:40;width:min(100%,1120px);margin:4px auto 14px;padding:5px;border:1px solid var(--app-line);border-radius:15px;background:rgba(9,10,12,.9);box-shadow:0 10px 32px rgba(0,0,0,.2);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.pro-tabs button{border:0!important;border-radius:10px!important;background:transparent!important;color:var(--app-muted)!important;font-weight:750}
.pro-tabs button[aria-pressed=true]{background:var(--app-yellow)!important;color:#111!important;box-shadow:0 4px 14px rgba(255,212,0,.14)}
.pro-feedback:empty{display:none}
.pro-feedback:not(:empty){position:sticky;top:76px;z-index:38;width:min(100%,1120px);margin:8px auto;padding:10px 13px;border:1px solid rgba(255,212,0,.3);border-radius:12px;background:#1b190d;color:var(--app-yellow)}
.pro-card{background:var(--app-surface);border-color:var(--app-line);border-radius:var(--app-radius-lg);margin:12px 0;padding:clamp(16px,3vw,26px);box-shadow:0 18px 55px rgba(0,0,0,.12)}
.pro-card>.pro-card,.pro-grid>.pro-card{margin:0;border:0;border-radius:var(--app-radius);background:var(--app-surface-raised);box-shadow:none}
.pro-card h3{font-size:clamp(19px,4vw,25px);line-height:1.14}
.pro-card p{max-width:75ch}
.pro-card summary{font-weight:750;list-style:none}
.pro-card summary::-webkit-details-marker{display:none}
.pro-card details>summary:after{content:'＋';float:right;color:var(--app-yellow)}
.pro-card details[open]>summary:after{content:'−'}
.pro-metric{border:0;border-radius:14px;background:var(--app-surface-raised)}
.pro-checks label{border:1px solid transparent;background:var(--app-surface-raised)}
.pro-checks label:has(input:checked){border-color:rgba(255,212,0,.28);background:rgba(255,212,0,.07)}

.pro-viewfinder-setup{padding:14px;border-radius:17px;background:var(--app-surface-raised)}
.pro-solar-panel{margin:14px 0;padding:14px;border:1px solid var(--app-line);border-radius:17px;background:linear-gradient(145deg,#15171b,#101216)}
.pro-solar-toolbar{margin:0 0 12px}
.pro-solar-toolbar .btn{margin:0}
.pro-solar-timeline{display:grid!important;grid-template-columns:1fr auto;gap:7px 12px;align-items:center;color:var(--app-muted);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.pro-solar-timeline input{grid-column:1/-1;min-height:24px!important;padding:0!important;accent-color:var(--app-yellow)}
.pro-solar-timeline output{color:var(--app-yellow);font-size:16px;letter-spacing:0;font-variant-numeric:tabular-nums}
.pro-solar-help{margin:10px 0 4px!important;font-size:13px!important;line-height:1.45!important}

.pro-live-actions{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:8px;margin:14px 0 8px}
.pro-live-actions button{margin:0!important}
.pro-live-stage{border:1px solid #353a43;border-radius:18px;background:#040507!important;box-shadow:0 18px 55px rgba(0,0,0,.35)}
.pro-live-viewport{background:radial-gradient(circle at 50% 35%,#252a30,#050607 70%)}
.pro-live-frame{box-shadow:0 0 0 999px rgba(0,0,0,.22)}
.pro-safe{padding:0!important;color:transparent!important;text-shadow:none!important}
.pro-safe.action{border-color:rgba(255,212,0,.58)!important}
.pro-safe.title{border-color:rgba(255,255,255,.44)!important}
.pro-celestial-guide{position:absolute;inset:8% -8% 18%;width:116%;height:74%;z-index:5;overflow:visible;pointer-events:none;background:none!important;transform-origin:center}
.pro-celestial-guide path{fill:none;stroke:rgba(255,212,0,.62);stroke-width:2;stroke-dasharray:8 10;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 4px #000)}
.pro-sun-marker,.pro-moon-marker{transition:left .18s linear,top .18s linear,transform .18s ease;will-change:left,top}
.pro-live-exit{display:none;position:absolute;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));z-index:15;min-height:44px!important;margin:0!important;padding:8px 13px;border:1px solid rgba(255,255,255,.35);border-radius:999px!important;background:rgba(9,10,12,.86);color:#fff;font-size:16px;font-weight:850;box-shadow:0 5px 20px rgba(0,0,0,.32);backdrop-filter:blur(12px)}
.pro-live-exit span{font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.pro-live-stage.pro-live-expanded .pro-live-exit{display:block}
.pro-live-stage.pro-live-expanded .pro-live-capture{padding-left:96px}
.pro-live-capture button{background:rgba(9,10,12,.8);backdrop-filter:blur(12px)}
.pro-live-capture [data-live=expand]{border-color:#fff;color:#fff}
.pro-live-bottom{border-color:rgba(255,212,0,.3);background:rgba(9,10,12,.88);backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(0,0,0,.25)}
.pro-live-readout{background:rgba(9,10,12,.88)}
.pro-overlays{margin-top:12px;border-top:1px solid var(--app-line)}

#setmodeView .panel{border-color:var(--app-line);border-radius:var(--app-radius-lg);background:var(--app-surface);box-shadow:none}
#setmodeView .so-tabs{position:sticky;top:var(--app-safe-top);z-index:39;margin:0 0 14px;padding:5px;border:1px solid var(--app-line);background:rgba(9,10,12,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
#setmodeView .so-tabs button{margin:0;border:0;background:transparent;color:var(--app-muted);font-weight:750}
#setmodeView .so-tabs button[aria-current=page]{background:var(--app-yellow);color:#111}
#setmodeView .so-shortcuts button{border:0;background:var(--app-surface-raised)}
#setmodeView .so-shortcuts button:active{background:#292d34}
#setmodeView .so-metrics div{background:var(--app-surface-raised)}
#setmodeView .so-take{background:transparent}

dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(3px)}
dialog[open]{animation:app-dialog-in .16s ease-out}
@keyframes app-dialog-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}

@media(max-width:760px){
  #proView,#setmodeView{padding-inline:0;padding-bottom:var(--app-safe-bottom)}
  .pro-head{padding-inline:3px}
  .pro-tabs,#setmodeView .so-tabs{top:max(6px,env(safe-area-inset-top));grid-auto-flow:column;grid-auto-columns:minmax(112px,1fr);grid-template-columns:none;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
  .pro-tabs::-webkit-scrollbar,#setmodeView .so-tabs::-webkit-scrollbar{display:none}
  .pro-tabs button,#setmodeView .so-tabs button{white-space:nowrap;font-size:12px;padding-inline:10px}
  .pro-card,#setmodeView .panel{border-radius:18px;padding:16px;margin:10px 0}
  .pro-card>.pro-card,.pro-grid>.pro-card{padding:14px}
  .pro-viewfinder-setup{grid-template-columns:1fr 1fr;padding:12px;gap:10px}
  .pro-solar-toolbar{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
  .pro-solar-toolbar>label:not(.pro-live-now){grid-column:auto}
  .pro-solar-toolbar .pro-live-now{justify-content:flex-start;min-height:48px;padding:0 11px;border:1px solid var(--app-line);border-radius:11px;background:var(--app-bg)}
  .pro-live-actions{grid-template-columns:1fr 1fr}
  .pro-live-actions [data-live=start]{grid-column:1/-1}
  .pro-live-stage{min-height:min(66vh,520px);border-radius:16px}
  .pro-live-bottom{grid-template-columns:1fr 1fr 80px;gap:5px;margin:0 6px;padding:6px}
  .pro-live-bottom label{min-width:0}
  .pro-live-capture{top:8px;left:8px;right:8px}
  .pro-live-capture button{font-size:10px;padding:7px 8px}
  .pro-live-stage.pro-live-expanded{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
  .pro-live-stage.pro-live-expanded .pro-live-bottom{margin-inline:max(6px,env(safe-area-inset-left));margin-bottom:env(safe-area-inset-bottom)}
  .pro-live-stage.pro-live-expanded .pro-live-readout{padding-bottom:max(10px,env(safe-area-inset-bottom))}
  #setmodeView .so-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
  #setmodeView .so-shortcuts button{min-height:86px;align-content:center}
  #setmodeView .so-grid,#setmodeView .so-metrics{gap:8px}
  dialog[open]:not(.update-required-dialog){width:auto;max-width:none;max-height:calc(100dvh - var(--app-safe-top));margin:auto 6px 0;padding:0;border:0;border-radius:22px 22px 0 0;background:var(--app-surface);overflow:hidden}
  dialog[open]:not(.update-required-dialog)>.dialog-card,dialog[open]:not(.update-required-dialog)>form.dialog-card{width:100%;max-width:none;max-height:calc(100dvh - var(--app-safe-top));margin:0;padding:18px 16px calc(16px + env(safe-area-inset-bottom));border:0;border-radius:22px 22px 0 0;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}
  dialog[open]:not(.update-required-dialog) .dialog-head{position:sticky;top:-18px;z-index:3;margin:-18px -16px 12px;padding:calc(14px + env(safe-area-inset-top)) 16px 12px;background:rgba(18,20,24,.94);backdrop-filter:blur(18px)}
}

/* Ordem do Dia 22.3.4 — documento e informações em áreas separadas. */
#setmodeView .so-od-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border:1px solid var(--app-line);border-radius:14px;background:#0d0f12}
#setmodeView .so-od-tabs button{min-height:42px!important;margin:0!important;padding:7px 10px!important;border:0;border-radius:10px;background:transparent;color:var(--app-muted);font-weight:850}
#setmodeView .so-od-tabs button[aria-pressed="true"]{background:var(--app-yellow);color:#111}
#setmodeView .so-od-document>small{display:block;margin:-4px 0 12px;color:var(--app-muted);line-height:1.4}
#setmodeView .so-od-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 0}
#setmodeView .so-od-facts>div{min-width:0;padding:11px 12px;border-radius:12px;background:var(--app-surface-raised)}
#setmodeView .so-od-facts dt{margin:0 0 4px;color:var(--app-muted);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
#setmodeView .so-od-facts dd{margin:0;color:var(--app-text);font-size:13px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}
#setmodeView .so-close-pdf{margin:0!important;background:var(--app-yellow)!important;border-color:var(--app-yellow)!important;color:#111!important;font-weight:900}
@media(max-width:520px){
  #setmodeView .so-od-facts{grid-template-columns:1fr}
  #setmodeView .so-od-tabs button{font-size:11px}
  #setmodeView .so-close-pdf{width:100%;margin-top:8px!important}
}

/* 22.3.4 — Viewfinder: ferramentas dentro do monitor, inclusive em tela cheia. */
.pro-device-settings,.pro-vf-results{display:none!important}
.pro-live-stage>.pro-monitor-customize{position:absolute;z-index:13;top:66px;right:max(10px,env(safe-area-inset-right));width:auto;max-width:calc(100% - 20px);margin:0!important;padding:5px!important;border-color:#ffffff24;background:#090a0ccc;backdrop-filter:blur(16px)}
.pro-live-stage>.pro-monitor-customize>div:first-child{display:none!important}
.pro-live-stage>.pro-monitor-customize .pro-monitor-tools{gap:4px;overflow:visible}
.pro-live-stage>.pro-monitor-customize .pro-monitor-tools label,
.pro-live-stage>.pro-monitor-customize .pro-monitor-tools button{flex-basis:44px;width:44px;min-height:42px!important;padding:3px!important;border-radius:10px!important}
.pro-live-stage>.pro-monitor-customize .pro-monitor-tools span{font-size:15px}
.pro-live-stage>.pro-monitor-customize .pro-monitor-tools b{font-size:6px}
.pro-live-stage.pro-live-expanded>.pro-monitor-customize{top:max(66px,calc(env(safe-area-inset-top) + 54px));right:max(10px,env(safe-area-inset-right))}

@media(max-width:760px){
  .pro-live-launch{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;padding:10px!important}
  .pro-live-launch>div:first-child small{display:none!important}
  .pro-live-launch>div:first-child strong{font-size:12px!important}
  .pro-live-launch>div:first-child span{font-size:8px!important}
  .pro-launch-buttons{display:grid!important;grid-template-columns:minmax(112px,1fr) 44px!important;gap:5px!important}
  .pro-launch-buttons [data-live=start]{width:auto!important;min-width:0!important;white-space:nowrap;font-size:10px!important;padding-inline:8px!important}
  .pro-launch-buttons [data-live=stop]{width:44px!important;min-width:44px!important;height:44px!important}
  .pro-live-stage>.pro-monitor-customize{top:58px;right:6px;left:6px;max-width:none;padding:4px!important}
  .pro-live-stage>.pro-monitor-customize .pro-monitor-tools{justify-content:center!important}
  .pro-live-stage>.pro-monitor-customize .pro-monitor-tools label,
  .pro-live-stage>.pro-monitor-customize .pro-monitor-tools button{flex:1 1 0;width:auto;min-width:0;max-width:50px}
  .pro-live-stage.pro-live-expanded>.pro-monitor-customize{top:max(58px,calc(env(safe-area-inset-top) + 50px));left:max(6px,env(safe-area-inset-left));right:max(6px,env(safe-area-inset-right))}
}

@media(max-width:430px){
  .pro-card h3{font-size:21px}
  .pro-grid{gap:8px}
  .pro-grid>.pro-metric{padding:12px}
  .pro-live-stage{min-height:430px}
  .pro-live-bottom select{font-size:13px!important}
  #setmodeView .panel{padding:14px}
}

@media(max-width:360px){
  :root{--app-page:10px}
  .pro-viewfinder-setup,.pro-grid{grid-template-columns:1fr}
  .pro-solar-toolbar{grid-template-columns:1fr}
  .pro-solar-toolbar>*{grid-column:1!important}
  .pro-live-bottom{grid-template-columns:1fr 1fr}
  .pro-live-bottom label:last-child{grid-column:1/-1}
  .pro-live-stage{min-height:470px}
  #setmodeView .so-tabs,.pro-tabs{grid-auto-columns:minmax(104px,1fr)}
}

/* 22.3.3 — o conteúdo termina junto da página; o dock não cria área vazia artificial. */
@media(max-width:760px){
  #setmodeView.active-view{padding-bottom:0!important}
  #setmodeView.active-view .so-content{padding-bottom:0!important}
  #setmodeView.active-view .so-content>:last-child{margin-bottom:0!important}
  #setmodeView.active-view .so-tabs button[data-page="map"]>b{display:grid!important;gap:0;line-height:1.02!important;font-size:clamp(5.5px,1.75vw,7.5px)!important;white-space:normal!important;overflow:visible;text-overflow:clip}
}

@media(min-width:768px){
  #proView>[data-panel],#setmodeView .so-content{padding-inline:2px}
  .pro-card{padding:24px}
  .pro-live-stage{min-height:500px}
}

@media(min-width:1024px){
  .pro-viewfinder-setup{grid-template-columns:1.35fr 1.6fr .7fr .8fr}
  .pro-live-stage{min-height:560px}
  #proView>[data-panel],#setmodeView .so-content,.pro-head,.pro-tabs{max-width:1180px}
}

@media(orientation:landscape) and (max-height:650px){
  .pro-live-stage:not(.pro-live-expanded){position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:360px!important;z-index:auto!important;border-radius:16px!important}
  .pro-live-stage.pro-live-expanded{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:100000!important;border-radius:0!important}
}

@media(display-mode:standalone){
  body{overscroll-behavior-y:none}
  #mainView{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
  .pro-live-stage.pro-live-expanded{height:100dvh!important}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Preview 2 — composição de aplicativo para o Viewfinder e o Modo Set. */
.pro-viewfinder-card{padding:0!important;overflow:hidden;border-color:#343942;background:#0c0e11}
.pro-vf-intro{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:24px 26px;border-bottom:1px solid var(--app-line);background:radial-gradient(circle at 90% 0,rgba(255,212,0,.12),transparent 35%),linear-gradient(145deg,#181b20,#101216)}
.pro-vf-intro span{display:block;margin-bottom:7px;color:var(--app-yellow);font-size:10px;font-weight:850;letter-spacing:.14em}
.pro-vf-intro h3{margin:0 0 6px;font-size:clamp(24px,4vw,34px)}
.pro-vf-intro p{margin:0;max-width:620px}
.pro-vf-status{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:9px 11px;border:1px solid #343942;border-radius:999px;background:#0d0f12;color:#d9dce2;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.pro-vf-status i,.pro-live-hud-brand i,.set-sync-chip i{width:7px;height:7px;border-radius:50%;background:#38d784;box-shadow:0 0 0 4px rgba(56,215,132,.12)}
.pro-vf-layout{display:grid;grid-template-columns:minmax(290px,.8fr) minmax(0,1.55fr);gap:0}
.pro-vf-controls{padding:20px;border-right:1px solid var(--app-line);background:#101216}
.pro-vf-monitor{min-width:0;padding:20px;background:#08090b}
.pro-vf-section-title{display:flex;align-items:center;gap:10px;margin:0 0 13px}
.pro-vf-section-title>b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--app-yellow);color:#111;font-size:11px}
.pro-vf-section-title>div{display:grid;gap:1px}
.pro-vf-section-title strong{font-size:13px}
.pro-vf-section-title small{color:var(--app-muted);font-size:10px}
.pro-viewfinder-setup{display:grid;grid-template-columns:1fr 1fr;padding:0;background:transparent}
.pro-viewfinder-setup label{padding:10px;border:1px solid var(--app-line);border-radius:13px;background:#171a1f}
.pro-viewfinder-setup label:focus-within{border-color:rgba(255,212,0,.7)}
.pro-solar-panel{margin:18px 0 0;padding:17px;background:#171a1f}
.pro-vf-results{padding:4px 20px 20px;background:#0c0e11}

.pro-live-launch{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 9px;padding:13px 14px;border:1px solid #30343b;border-radius:15px;background:#12151a}
.pro-live-launch>div{display:grid;gap:2px}
.pro-live-launch>div>span{color:var(--app-yellow);font-size:9px;font-weight:850;letter-spacing:.12em}
.pro-live-launch>div>strong{font-size:15px}
.pro-live-launch>div>small{color:var(--app-muted);font-size:11px}
.pro-live-launch [data-live=start]{min-width:154px;margin:0!important;background:var(--app-yellow)!important;color:#111!important;font-weight:850}
.pro-live-launch [data-live=start] span{font-size:18px}
.pro-live-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 9px}
.pro-live-actions button{min-height:40px!important;margin:0!important;padding:7px 9px;font-size:11px}
.pro-live-status{margin:7px 2px 10px!important;color:#bfc3cc!important;font-size:11px!important}
.pro-live-stage{display:block!important;position:relative!important;width:100%!important;min-height:clamp(300px,48vw,560px)!important;aspect-ratio:16/10!important;border:1px solid #3b414b!important;border-radius:20px!important;overflow:hidden!important;background:#030405!important;box-shadow:0 24px 70px rgba(0,0,0,.44)!important}
.pro-live-viewport{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;transform:none!important}
.pro-live-viewport video{object-fit:cover!important}
.pro-live-hud{position:absolute;top:0;left:0;right:0;z-index:14;display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));background:linear-gradient(#000b,transparent)}
.pro-live-hud-brand{display:flex;align-items:center;gap:9px;padding:7px 9px;border:1px solid #ffffff26;border-radius:999px;background:#090a0c99;color:#fff;font-size:9px;font-weight:850;letter-spacing:.1em;backdrop-filter:blur(10px)}
.pro-live-record{position:static!important;margin-left:auto;margin-right:10px;padding:7px 9px;border:1px solid rgba(255,91,99,.4);border-radius:999px;background:#17090bcc;font-size:10px}
.pro-live-readout{left:12px!important;right:auto!important;bottom:96px!important;max-width:min(70%,620px)!important;padding:7px 10px!important;border:1px solid #ffffff1f;border-radius:9px;background:#090a0c99!important;font-size:10px!important;backdrop-filter:blur(10px)}
.pro-live-controls{position:absolute;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));z-index:12;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}
.pro-live-bottom{position:static!important;display:grid!important;grid-template-columns:1fr 1.35fr .65fr!important;gap:5px!important;margin:0!important;padding:7px!important;border:1px solid #ffffff24!important;border-radius:14px!important;background:#090a0cdd!important;backdrop-filter:blur(18px)}
.pro-live-bottom label{display:grid!important;gap:2px!important;min-width:0;padding:0 6px;border-right:1px solid #ffffff1c}
.pro-live-bottom label:last-child{border:0}
.pro-live-bottom label>span{color:#9ca1ac;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.pro-live-bottom select{height:34px!important;min-height:34px!important;padding:2px 3px!important;border:0!important;background:transparent!important;color:#fff!important;font-size:12px!important;font-weight:750}
.pro-live-capture{position:static!important;display:grid!important;grid-template-columns:repeat(3,54px);gap:5px!important;padding:6px;border:1px solid #ffffff24;border-radius:14px;background:#090a0cdd;backdrop-filter:blur(18px)}
.pro-live-capture button{display:grid;place-items:center;align-content:center;gap:1px;min-width:0;min-height:52px!important;margin:0!important;padding:4px!important;border:0!important;border-radius:10px!important;background:#20242a!important;color:#fff!important}
.pro-live-capture button span{font-size:17px;line-height:1;color:var(--app-yellow)}
.pro-live-capture button b{font-size:8px;text-transform:uppercase;letter-spacing:.04em}
.pro-live-capture [data-live=rec] span{color:#ff5b63}
.pro-live-capture button:active{background:var(--app-yellow)!important;color:#111!important}
.pro-live-exit{position:static!important;display:none;min-height:36px!important;padding:7px 11px!important;border-color:#ffffff45!important;background:#090a0cdd!important}
.pro-live-stage.pro-live-expanded{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;max-width:none!important;border:0!important;border-radius:0!important;z-index:100000!important;aspect-ratio:auto!important}
.pro-live-stage.pro-live-expanded .pro-live-exit{display:flex!important;align-items:center;gap:5px}
.pro-live-stage.pro-live-expanded .pro-live-controls{bottom:max(10px,env(safe-area-inset-bottom))}
.pro-live-stage.pro-live-expanded .pro-live-capture{padding:5px}
.pro-live-stage.pro-live-expanded .pro-live-readout{bottom:100px!important}
.pro-live-frame{z-index:3;border:1px solid rgba(255,212,0,.62)!important;box-shadow:0 0 0 999px rgba(0,0,0,.12)!important}
.pro-live-cross{font-size:18px!important;opacity:.7}
.pro-horizon{z-index:4}
.pro-overlays,.pro-device-settings{margin-top:10px;padding:0 13px;border:1px solid var(--app-line);border-radius:13px;background:#111419}
.pro-overlays summary,.pro-device-settings summary{font-size:12px}

.set-app-head{margin:0 0 12px;padding:20px;border:1px solid var(--app-line);border-radius:20px;background:radial-gradient(circle at 90% 0,rgba(255,212,0,.12),transparent 40%),#121419}
.set-app-head h3{margin:4px 0 9px;font-size:clamp(24px,4vw,34px)}
.set-sync-chip{display:inline-flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid #30343b;border-radius:999px;background:#0b0d10}
.set-sync-chip small{color:#c7cad1}
#setmodeView .so-job{display:grid;grid-template-columns:auto minmax(220px,430px);align-items:center;gap:12px;margin:0 0 12px;padding:10px 12px;border:1px solid var(--app-line);border-radius:14px;background:var(--app-surface)}
#setmodeView .so-job>span{color:var(--app-muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
#setmodeView .so-tabs button{display:grid;place-items:center;gap:2px}
#setmodeView .so-tabs button>span{font-size:18px;line-height:1}
#setmodeView .so-tabs button>b{font-size:10px}

@media(max-width:900px){
  .pro-vf-layout{grid-template-columns:1fr}
  .pro-vf-controls{border-right:0;border-bottom:1px solid var(--app-line)}
  .pro-vf-monitor{padding:14px}
}

@media(max-width:760px){
  .pro-viewfinder-card{margin-inline:-2px!important;border-radius:20px!important}
  .pro-vf-intro{padding:18px 16px;display:grid;gap:12px}
  .pro-vf-status{justify-self:start}
  .pro-vf-controls{padding:14px}
  .pro-viewfinder-setup{grid-template-columns:1fr 1fr!important}
  .pro-vf-monitor{padding:12px 8px 16px}
  .pro-live-launch{padding:11px;align-items:stretch}
  .pro-live-launch>div small{display:none}
  .pro-live-launch [data-live=start]{min-width:128px}
  .pro-live-actions{grid-template-columns:repeat(3,1fr)}
  .pro-live-stage{min-height:clamp(285px,76vw,390px)!important;border-radius:16px!important}
  .pro-live-readout{bottom:102px!important;left:8px!important;max-width:calc(100% - 16px)!important}
  .pro-live-controls{left:6px;right:6px;bottom:6px;grid-template-columns:minmax(0,1fr) auto;gap:5px}
  .pro-live-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) 58px!important;padding:5px!important}
  .pro-live-bottom label{padding:0 3px}
  .pro-live-bottom select{font-size:10px!important}
  .pro-live-capture{grid-template-columns:repeat(3,44px);padding:4px}
  .pro-live-capture button{min-height:48px!important}
  .pro-live-capture button span{font-size:15px}
  .pro-live-capture button b{font-size:7px}
  .pro-live-stage.pro-live-expanded .pro-live-controls{left:max(6px,env(safe-area-inset-left));right:max(6px,env(safe-area-inset-right));bottom:max(6px,env(safe-area-inset-bottom))}
  .set-app-head{padding:16px}
  #setmodeView .so-job{grid-template-columns:1fr;gap:6px}
  #setmodeView .so-content{padding-bottom:92px!important}
  #setmodeView.active-view .so-tabs{position:fixed!important;top:auto!important;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:90;display:flex!important;gap:3px;padding:5px!important;border-radius:18px!important;box-shadow:0 15px 50px #000}
  #setmodeView.active-view .so-tabs button{flex:0 0 68px;min-height:54px!important;padding:5px 3px!important}
  #setmodeView.active-view .so-tabs button>span{font-size:17px}
  #setmodeView.active-view .so-tabs button>b{font-size:8px;white-space:nowrap}
}

@media(max-width:390px){
  .pro-live-launch{display:grid}
  .pro-live-launch [data-live=start]{width:100%}
  .pro-viewfinder-setup{grid-template-columns:1fr!important}
  .pro-live-stage{min-height:330px!important}
  .pro-live-controls{grid-template-columns:1fr}
  .pro-live-capture{grid-row:1;grid-template-columns:repeat(3,1fr)}
  .pro-live-capture button{min-height:42px!important}
  .pro-live-bottom{grid-row:2}
  .pro-live-readout{bottom:142px!important}
}

/* Viewfinder 22.3.2 — controles inspirados na câmera nativa do celular. */
.pro-launch-buttons{display:flex;align-items:center;gap:7px}
.pro-launch-buttons [data-live=stop]{width:48px;min-width:48px;margin:0!important;padding:0!important;font-size:23px}
.pro-monitor-customize{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:12px 14px;border:1px solid var(--app-line);border-radius:15px;background:#111419}
.pro-monitor-customize>div:first-child{display:grid;gap:2px;flex:0 0 auto}
.pro-monitor-customize>div:first-child strong{font-size:12px}
.pro-monitor-customize>div:first-child small{color:var(--app-muted);font-size:9px}
.pro-monitor-tools{display:flex;justify-content:flex-end;gap:6px;overflow-x:auto;scrollbar-width:none}
.pro-monitor-tools::-webkit-scrollbar{display:none}
.pro-monitor-tools label,.pro-monitor-tools button{position:relative;display:grid!important;place-items:center;align-content:center;gap:3px;flex:0 0 58px;width:58px;min-height:54px!important;margin:0!important;padding:5px!important;border:1px solid #343943;border-radius:12px!important;background:#1b1e24!important;color:#bfc3cc;cursor:pointer}
.pro-monitor-tools input{position:absolute!important;width:1px!important;height:1px!important;min-height:1px!important;opacity:0;pointer-events:none}
.pro-monitor-tools label>span,.pro-monitor-tools button>span{font-size:20px;line-height:1}
.pro-monitor-tools label>b,.pro-monitor-tools button>b{font-size:8px;text-transform:uppercase;letter-spacing:.04em}
.pro-monitor-tools label:has(input:checked){border-color:var(--app-yellow);background:rgba(255,212,0,.11)!important;color:var(--app-yellow)}
.pro-monitor-tools button:active{border-color:var(--app-yellow)!important;color:var(--app-yellow)!important}
.pro-live-capture{grid-template-columns:46px 68px!important;align-items:center!important;border-radius:999px!important}
.pro-live-capture button{border-radius:999px!important}
.pro-live-capture .pro-shutter-button{width:60px;min-width:60px;height:60px;min-height:60px!important;padding:5px!important;border:3px solid #fff!important;background:transparent!important}
.pro-live-capture .pro-shutter-button>span{display:block;width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #111}
.pro-live-capture .pro-shutter-button>b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pro-live-capture [data-live=expand]{width:42px;min-width:42px;height:42px;min-height:42px!important;background:#242830!important}
.pro-live-gallery article{grid-template-columns:1fr 1fr;align-items:center}
.pro-live-gallery article img{grid-column:1/-1;border-radius:9px}
.pro-live-gallery article>span{grid-column:1/-1;font-size:11px;color:var(--app-muted)}
.pro-live-gallery article button{margin:0!important}

@media(max-width:760px){
  .pro-monitor-customize{display:grid;padding:11px}
  .pro-monitor-tools{justify-content:flex-start}
  .pro-live-capture{grid-template-columns:42px 60px!important}
  .pro-live-capture .pro-shutter-button{width:54px;min-width:54px;height:54px;min-height:54px!important}
  .pro-live-capture .pro-shutter-button>span{width:39px;height:39px}
}

@media(max-width:390px){
  .pro-live-capture{grid-row:1;grid-template-columns:42px 60px!important;justify-self:end}
  .pro-live-bottom{grid-row:2}
  .pro-monitor-tools label,.pro-monitor-tools button{flex-basis:54px;width:54px}
  .pro-live-gallery{grid-template-columns:1fr!important}
}

/* 22.3.2 — navegação do set, respiro das páginas e listas compactas. */
#setmodeView{scroll-margin-top:max(8px,env(safe-area-inset-top));padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}
#setmodeView .so-tabs{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;gap:4px;overflow:visible!important}
#setmodeView .so-tabs button{min-width:0!important;padding:7px 3px!important;overflow:hidden}
#setmodeView .so-tabs button>b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}
#setmodeView .so-content{padding-top:2px;padding-bottom:max(24px,env(safe-area-inset-bottom))}
#setmodeView .so-content>:first-child{margin-top:0!important}
#setmodeView .so-content>:last-child{margin-bottom:0!important}
#orcamentoView #savedQuotesList{max-height:238px!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}

/* Central de notificações: a caixa mantém cabeçalho e ações; somente a lista rola. */
#notificationsDialog.notifications-dialog[open]{overflow:hidden!important}
#notificationsDialog .notifications-card{display:grid!important;grid-template-rows:auto auto minmax(0,1fr)!important;width:min(100%,680px)!important;max-height:min(86dvh,760px)!important;overflow:hidden!important}
#notificationsDialog .notifications-toolbar{min-width:0!important;max-width:100%!important;overflow-x:hidden!important;overflow-y:auto!important}
#notificationsDialog .notifications-list,
#notificationsDialog .notifications-list.has-scroll{min-width:0!important;min-height:0!important;max-width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain}
#notificationsDialog .notification-item{box-sizing:border-box!important;max-width:100%!important;height:auto!important;min-width:0!important;overflow:visible!important}
#notificationsDialog .notification-copy,
#notificationsDialog .notification-copy>*{min-width:0!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere!important;word-break:break-word}

@media(max-width:760px){
  #setmodeView{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:calc(86px + env(safe-area-inset-bottom))}
  #setmodeView .so-content{padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
  #setmodeView.active-view .so-tabs{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;left:6px!important;right:6px!important;gap:2px!important}
  #setmodeView.active-view .so-tabs button{width:auto!important;min-width:0!important;min-height:52px!important;padding:5px 1px!important}
  #setmodeView.active-view .so-tabs button>span{font-size:16px!important}
  #setmodeView.active-view .so-tabs button>b{font-size:clamp(6px,1.9vw,8px)!important;letter-spacing:-.02em;white-space:nowrap!important}
  #notificationsDialog.notifications-dialog[open]{width:calc(100% - 12px)!important;height:min(88dvh,780px)!important;max-height:calc(100dvh - max(8px,env(safe-area-inset-top)))!important;margin:auto 6px 0!important}
  #notificationsDialog .notifications-card{height:100%!important;max-height:100%!important;padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}
  #notificationsDialog .notifications-list,
  #notificationsDialog .notifications-list.has-scroll{max-height:none!important}
  #orcamentoView #savedQuotesList{max-height:292px!important}
}

@media(max-width:360px){
  #setmodeView.active-view .so-tabs{left:3px!important;right:3px!important;padding-inline:3px!important}
  #setmodeView.active-view .so-tabs button>b{font-size:6px!important}
}

/* Prevent toolbar padding from pushing notification actions outside narrow dialogs. */
#notificationsDialog .notifications-toolbar,#notificationsDialog .notifications-actions,#notificationsDialog .notification-setup-card{box-sizing:border-box!important;min-width:0!important;max-width:100%!important}

#notificationsDialog .notifications-toolbar{flex-wrap:nowrap!important}


/* stylesheet: v2235-notifications-offline.css */
/* V22.3.5 / build 2328 — correção final da escala da Central de Notificações
   e feedback visual do download do pacote offline. */
@media (max-width:760px){
  #notificationsDialog.notifications-dialog{
    box-sizing:border-box!important;
    width:min(100%,calc(100vw - 12px))!important;
    max-width:calc(100vw - 12px)!important;
    height:auto!important;
    max-height:calc(100dvh - 12px)!important;
    inset:0!important;
    margin:auto!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    background:transparent!important;
  }
  #notificationsDialog .notifications-card{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:calc(100dvh - 12px)!important;
    min-height:0!important;
    padding:12px!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
  }
  #notificationsDialog .dialog-head,
  #notificationsDialog .notifications-toolbar{flex:0 0 auto!important;min-width:0!important}
  #notificationsDialog .notifications-toolbar{overflow:visible!important}
  #notificationsDialog .notification-device-health,
  #notificationsDialog .notification-setup-card,
  #notificationsDialog .notifications-actions{min-width:0!important;max-width:100%!important}
  #notificationsDialog .notification-device-health>span,
  #notificationsDialog .notification-copy{min-width:0!important;max-width:100%!important}
  #notificationsDialog .notifications-list,
  #notificationsDialog .notifications-list.has-scroll{
    flex:1 1 auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-height:390px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    padding:2px 2px 4px 1px!important;
    margin:0!important;
    gap:8px!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #notificationsDialog .notification-item{
    flex:0 0 auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  #notificationsDialog .notification-copy strong,
  #notificationsDialog .notification-copy small,
  #notificationsDialog .notification-copy em{
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
  #notificationsDialog .notification-item time{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
}
@media (max-width:390px), (max-height:650px){
  #notificationsDialog.notifications-dialog{
    width:calc(100vw - 8px)!important;
    max-width:calc(100vw - 8px)!important;
    height:auto!important;
    max-height:calc(100dvh - 8px)!important;
  }
  #notificationsDialog .notifications-card{padding:9px!important;gap:6px!important;border-radius:15px!important}
  #notificationsDialog .dialog-head{min-height:34px!important;padding-bottom:5px!important}
  #notificationsDialog .notification-device-health{padding:6px 8px!important}
  #notificationsDialog .notification-setup-card{padding:7px!important}
  #notificationsDialog .notifications-actions{gap:4px!important}
  #notificationsDialog .notifications-actions .btn{min-height:31px!important;padding:5px 4px!important}
  #notificationsDialog .notifications-list,
  #notificationsDialog .notifications-list.has-scroll{gap:6px!important}
  #notificationsDialog .notification-item{padding:8px 9px!important}
}
.offline-download-box{margin:14px 0 8px;padding:13px;border:1px solid var(--line,#484b52);border-radius:12px;background:var(--pro-bg,#101216)}
.offline-download-box[hidden]{display:none!important}
.offline-download-box progress{display:block;width:100%;height:14px;margin:8px 0 7px;accent-color:#ffd400}
.offline-download-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}
.offline-download-meta span{min-width:0;overflow-wrap:anywhere}
.offline-download-meta strong{flex:0 0 auto;color:#ffd400}
[data-offline-ready]{margin-top:10px!important}

@media (max-width:760px){
  #proView .pro-tabs:has([data-tab="offline"]){grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* 30/09/2026 — Central de Notificações mobile em tela cheia.
   iPhone/iPad e Android: ocupa toda a área útil; a rolagem começa quando o conteúdo excede a tela. */
@media (max-width:1100px) and (pointer:coarse){
  #notificationsDialog.notifications-dialog{
    position:fixed!important;
    inset:0!important;
    box-sizing:border-box!important;
    width:100vw!important;
    max-width:none!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#0b0d10!important;
    overflow:hidden!important;
  }
  #notificationsDialog .notifications-card{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    min-height:100%!important;
    height:100%!important;
    max-height:none!important;
    margin:0!important;
    padding:
      max(14px,env(safe-area-inset-top))
      max(14px,env(safe-area-inset-right))
      max(14px,env(safe-area-inset-bottom))
      max(14px,env(safe-area-inset-left))!important;
    border:0!important;
    border-radius:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
  }
  #notificationsDialog .dialog-head,
  #notificationsDialog .notifications-toolbar{
    flex:0 0 auto!important;
  }
  #notificationsDialog .notifications-list,
  #notificationsDialog .notifications-list.has-scroll{
    flex:0 0 auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    padding:2px 1px 8px!important;
  }
  #notificationsDialog .notifications-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
  }
  #notificationsDialog .notifications-actions .btn,
  #notificationsDialog .notification-setup-actions .btn{
    min-width:0!important;
    width:100%!important;
  }
}
@supports not (height:100dvh){
  @media (max-width:1100px) and (pointer:coarse){
    #notificationsDialog.notifications-dialog{height:100vh!important;max-height:100vh!important}
  }
}


/* stylesheet: v2236-hotfix.css */
/* V22.3.12 / build 2335 — hotfix de layout e progresso real.
   Escopo: Central de Notificações mobile + navegação do Modo Set desktop + upload da OD. */

/* A regra genérica de dialogs do preview usa cabeçalho sticky com margens negativas.
   Na Central isso fazia o título e o fechar escaparem visualmente do card no iPhone. */
@media (max-width:760px){
  #notificationsDialog.notifications-dialog[open]{
    box-sizing:border-box!important;
    width:calc(100vw - 12px)!important;
    max-width:calc(100vw - 12px)!important;
    height:auto!important;
    max-height:calc(100dvh - 12px)!important;
    inset:0!important;
    margin:auto!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:18px!important;
    background:transparent!important;
    transform:none!important;
  }
  #notificationsDialog .notifications-card{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    max-height:calc(100dvh - 12px)!important;
    min-height:0!important;
    margin:0!important;
    padding:12px!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-rows:auto auto minmax(0,1fr)!important;
    gap:8px!important;
    border-radius:18px!important;
  }
  #notificationsDialog .dialog-head{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    z-index:1!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    margin:0!important;
    padding:0 0 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    border-bottom:1px solid #30343a!important;
    background:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  #notificationsDialog .dialog-head>div{min-width:0!important;padding-left:2px!important}
  #notificationsDialog .dialog-head h3{margin:0!important;max-width:100%!important;overflow:visible!important;white-space:normal!important}
  #notificationsDialog .dialog-head .icon-btn{
    position:static!important;
    flex:0 0 40px!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    border-radius:50%!important;
  }
  #notificationsDialog .dialog-head .icon-btn:focus-visible{outline:2px solid #ffd400!important;outline-offset:1px!important}
  #notificationsDialog .notifications-toolbar{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    max-height:min(320px,44dvh)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }
  #notificationsDialog .notifications-list,
  #notificationsDialog .notifications-list.has-scroll{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-height:min(390px,calc(100dvh - 300px))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    margin:0!important;
    padding:2px 2px 4px 1px!important;
  }
  #notificationsDialog .notification-item{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important}
}
@media (max-width:390px){
  #notificationsDialog.notifications-dialog[open]{width:calc(100vw - 8px)!important;max-width:calc(100vw - 8px)!important;max-height:calc(100dvh - 8px)!important}
  #notificationsDialog .notifications-card{max-height:calc(100dvh - 8px)!important;padding:10px!important}
  #notificationsDialog .notifications-list,#notificationsDialog .notifications-list.has-scroll{max-height:min(370px,calc(100dvh - 285px))!important}
}

/* Desktop: os sete atalhos continuam na mesma linha, mas não viram blocos gigantes.
   Em notebooks estreitos a faixa pode rolar horizontalmente sem cortar o conteúdo. */
@media (min-width:761px){
  #setmodeView .so-tabs{
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:thin;
    padding:6px!important;
  }
  #setmodeView .so-tabs button{
    flex:1 1 96px!important;
    width:auto!important;
    min-width:86px!important;
    max-width:132px!important;
    min-height:58px!important;
    padding:8px 7px!important;
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    gap:4px!important;
  }
  #setmodeView .so-tabs button>span{font-size:18px!important;line-height:1!important}
  #setmodeView .so-tabs button>b{font-size:10px!important;line-height:1.12!important;white-space:normal!important;text-align:center!important;text-overflow:clip!important}
}

/* Ordem do Dia: progresso do upload ocupa a largura inteira e exibe bytes reais. */
.so-upload-progress{grid-template-columns:minmax(0,1fr) auto!important}
.so-upload-progress progress{grid-column:1/-1!important;height:12px!important}
.so-upload-progress [data-od-bytes]{grid-column:1/-1!important;color:var(--muted,#adb1bc)!important;font-size:12px!important;line-height:1.35!important;overflow-wrap:anywhere}
.so-upload-progress [data-od-stage]{min-width:0!important;overflow-wrap:anywhere}
.so-upload-progress [data-od-percent]{font-variant-numeric:tabular-nums;white-space:nowrap}
.so-upload-progress [data-od-stage][data-state="error"]{color:#ff6b6b!important}
.so-upload-progress [data-od-stage][data-state="done"]{color:#74d99f!important}


/* stylesheet: v2237-admin-engagement.css */
/* V22.3.26 / build 2349 — Admin: rotina inteligente de notificações */
#adminView .admin-engagement-card{margin-bottom:14px;border-color:rgba(255,212,0,.28);background:linear-gradient(135deg,rgba(255,212,0,.055),rgba(17,19,23,.96) 38%,rgba(12,14,17,.98))}
#adminView .admin-engagement-card .admin-card-head{align-items:center;gap:18px}
#adminView .admin-engagement-switch{flex:0 0 auto;white-space:nowrap}
#adminView .admin-engagement-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 14px}
#adminView .admin-engagement-summary>div{display:grid;gap:3px;min-width:0;padding:12px 13px;border:1px solid #30343a;border-radius:13px;background:#101214}
#adminView .admin-engagement-summary strong{color:#fff;font-size:1rem;line-height:1.15}
#adminView .admin-engagement-summary span{color:#9fa5ae;font-size:.72rem;line-height:1.35}
#adminView .admin-engagement-times{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
#adminView .admin-engagement-times label{display:grid;gap:6px;min-width:0;padding:11px;border:1px solid #30343a;border-radius:13px;background:#0d0f12}
#adminView .admin-engagement-times label>span{color:#ffd400;font-size:.62rem;font-weight:900;letter-spacing:.08em}
#adminView .admin-engagement-times input{width:100%;min-width:0;min-height:42px;padding:8px 9px;border-radius:10px}
#adminView .admin-engagement-times small{color:#9298a3;font-size:.67rem;line-height:1.3}
#adminView .admin-engagement-note{display:grid;gap:4px;margin:12px 0;padding:12px 14px;border-radius:13px;border:1px solid rgba(255,212,0,.22);background:rgba(255,212,0,.045)}
#adminView .admin-engagement-note strong{color:#fff;font-size:.82rem}
#adminView .admin-engagement-note p{margin:0;color:#b5bac2;font-size:.76rem;line-height:1.45}
#adminView .admin-trigger-mode-note{margin:0 0 12px;padding:10px 12px;border:1px solid #30343a;border-radius:12px;background:#101214;color:#aeb4bd;font-size:.75rem;line-height:1.45}
#adminView .admin-auto-trigger-list.is-paused .admin-auto-trigger:not(.fixed){opacity:.5}
#adminView .admin-auto-trigger-list.is-paused .admin-auto-trigger:not(.fixed)::after{content:"EM ESPERA";grid-column:2/-1;color:#ffd400;font-size:.59rem;font-weight:900;letter-spacing:.08em}
#adminView #adminNotificationAutomationStatus{transition:.18s ease}
#adminView .admin-push-health-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1180px){
  #adminView .admin-engagement-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  #adminView .admin-engagement-times{grid-template-columns:repeat(3,minmax(0,1fr))}
  #adminView .admin-push-health-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  #adminView .admin-engagement-card .admin-card-head{align-items:flex-start;flex-direction:column}
  #adminView .admin-engagement-switch{width:100%}
  #adminView .admin-engagement-times{grid-template-columns:1fr 1fr}
  #adminView .admin-push-health-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  #adminView .admin-engagement-summary,#adminView .admin-engagement-times{grid-template-columns:1fr}
  #adminView .admin-push-health-grid{grid-template-columns:1fr 1fr}
  #adminView .admin-engagement-summary>div,#adminView .admin-engagement-times label{padding:10px 11px}
}

/* Patch Hub — coleção do usuário e campanhas administrativas. */
.account-section-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.patch-collection-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:22px;margin-bottom:16px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#15181c,#0b0d10)}
.patch-collection-hero h3{margin:4px 0 6px}.patch-collection-count{text-align:center;min-width:100px}.patch-collection-count strong{display:block;font-size:2.2rem;color:var(--yellow)}.patch-collection-count small{color:var(--muted)}
.patch-collection-grid,.patch-campaign-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.patch-collection-card,.patch-campaign-card{display:grid;grid-template-columns:76px minmax(0,1fr);gap:13px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.patch-campaign-card .btn{grid-column:1/-1}.patch-art{width:72px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#090a0c;border:2px solid #6b5c00;color:var(--yellow);font-size:2rem}.patch-art img{width:100%;height:100%;object-fit:cover}.patch-collection-card span,.patch-campaign-card span{font-size:.58rem;font-weight:950;letter-spacing:.08em;color:var(--yellow)}.patch-collection-card h4,.patch-campaign-card h4{margin:3px 0 5px}.patch-collection-card p,.patch-campaign-card p{margin:0;color:var(--muted);font-size:.72rem}.patch-collection-card small,.patch-campaign-card small{display:block;margin-top:6px;color:var(--muted);font-size:.62rem}.patch-campaigns-account{margin-top:22px}.patch-preset-chips{display:flex;gap:7px;flex-wrap:wrap}.patch-preset-chips span{padding:7px 9px;border:1px solid #343a44;border-radius:999px;background:#0d141e;font-size:.7rem}.patch-admin-form{grid-template-columns:1fr 1fr}
@media(max-width:760px){.account-section-tabs{display:grid!important;grid-template-columns:1fr!important}.patch-collection-hero{padding:16px}.patch-collection-grid,.patch-campaign-grid{grid-template-columns:1fr}.patch-admin-form{grid-template-columns:1fr}}

/* Patches predefinidos ainda não conquistados. */
.patch-campaign-card:not(.is-earned){filter:grayscale(1);opacity:.58}
.patch-campaign-card:not(.is-earned) .patch-art{border-color:#50545b;color:#777;background:#111318}
.patch-campaign-card:not(.is-earned) h4{color:#a9adb3}
.patch-campaign-card:not(.is-earned) span{color:#8a8e95}
.patch-campaign-card.is-earned{filter:none;opacity:1}
.patch-lock-note{grid-column:1/-1;padding:8px 10px;border:1px dashed #4b5058;border-radius:10px;color:#8f949c;font-size:.65rem;text-align:center}

/* Patch Vault — ambiente de conquista, ouro e coleção. */
#accountPatchesPanel{
  position:relative;overflow:hidden;padding:clamp(14px,2vw,24px);border:1px solid rgba(255,210,45,.2);
  border-radius:26px;background:
  radial-gradient(circle at 15% 0%,rgba(255,204,0,.16),transparent 28%),
  radial-gradient(circle at 90% 22%,rgba(255,171,0,.09),transparent 24%),
  linear-gradient(155deg,#16130a 0%,#090a0d 34%,#050607 100%);
  box-shadow:inset 0 1px 0 rgba(255,224,107,.12),0 22px 55px rgba(0,0,0,.28)
}
#accountPatchesPanel:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(115deg,transparent 0 46%,rgba(255,215,64,.12) 47%,transparent 48%);background-size:160px 160px}
#accountPatchesPanel>*{position:relative;z-index:1}
#accountPatchesPanel .patch-collection-hero{min-height:170px;border-color:rgba(255,210,45,.35);background:linear-gradient(120deg,rgba(34,27,7,.94),rgba(12,13,16,.95));box-shadow:inset 0 0 45px rgba(255,194,0,.05)}
#accountPatchesPanel .patch-collection-hero .eyebrow{color:#f5c842;letter-spacing:.2em}
#accountPatchesPanel .patch-collection-hero h3{font-size:clamp(1.7rem,4vw,2.7rem);letter-spacing:-.035em;background:linear-gradient(180deg,#fff7cf,#f4c83d 60%,#a56b00);-webkit-background-clip:text;background-clip:text;color:transparent}
#accountPatchesPanel .patch-collection-count{padding:16px 18px;border:1px solid rgba(255,211,55,.32);border-radius:18px;background:rgba(0,0,0,.32);box-shadow:0 0 28px rgba(255,190,0,.08)}
#accountPatchesPanel .patch-collection-count strong{font-size:2.8rem;text-shadow:0 0 22px rgba(255,196,0,.22)}
#accountPatchesPanel .academy-course-head{margin-top:8px;padding-top:10px;border-top:1px solid rgba(255,209,44,.14)}
#accountPatchesPanel .academy-course-head h3{font-size:1.35rem}
#accountPatchesPanel .patch-collection-card,#accountPatchesPanel .patch-campaign-card{position:relative;border-color:rgba(255,214,68,.22);background:linear-gradient(145deg,rgba(24,23,19,.96),rgba(10,11,14,.98));box-shadow:inset 0 1px rgba(255,255,255,.03),0 10px 25px rgba(0,0,0,.22);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
#accountPatchesPanel .patch-collection-card.is-earned,#accountPatchesPanel .patch-campaign-card.is-earned{border-color:rgba(255,205,38,.52);background:linear-gradient(145deg,#28200b,#11100c 54%,#090a0c);box-shadow:inset 0 0 30px rgba(255,194,0,.05),0 0 0 1px rgba(255,216,78,.05),0 14px 30px rgba(0,0,0,.28)}
#accountPatchesPanel .patch-collection-card.is-earned .patch-art,#accountPatchesPanel .patch-campaign-card.is-earned .patch-art{border-color:#e9b918;box-shadow:0 0 0 3px rgba(255,202,29,.08),0 0 24px rgba(255,184,0,.14)}
#accountPatchesPanel .patch-art{background:radial-gradient(circle at 35% 30%,#282828,#090a0b 70%);font-weight:950}
#accountPatchesPanel .patch-lock-note{background:rgba(0,0,0,.28)}
@media(hover:hover){#accountPatchesPanel .patch-collection-card:hover,#accountPatchesPanel .patch-campaign-card:hover{transform:translateY(-2px);border-color:rgba(255,211,48,.48)}}
@media(max-width:760px){#accountPatchesPanel{padding:12px;border-radius:20px}#accountPatchesPanel .patch-collection-hero{min-height:145px;align-items:flex-start}#accountPatchesPanel .patch-collection-count{min-width:82px;padding:12px 10px}#accountPatchesPanel .patch-collection-count strong{font-size:2rem}}

/* Patch Vault mobile — mantém resumo inteiro dentro do hero e galeria sempre legível. */
#accountPatchesPanel .patch-empty-state{grid-column:1/-1;padding:14px;border:1px dashed rgba(255,210,45,.24);border-radius:14px;color:#aaa;background:rgba(0,0,0,.22)}
#accountPatchesPanel .patch-campaign-card.is-locked{filter:grayscale(1);opacity:.58}
@media(max-width:760px){
 #accountPatchesPanel .patch-collection-hero{display:grid!important;grid-template-columns:minmax(0,1fr) 76px!important;gap:12px!important;align-items:start!important;min-height:0!important}
 #accountPatchesPanel .patch-collection-hero>div:first-child{min-width:0!important}
 #accountPatchesPanel .patch-collection-hero h3{font-size:1.65rem!important;line-height:1.05!important}
 #accountPatchesPanel .patch-collection-hero p:not(.eyebrow){font-size:.78rem!important;line-height:1.45!important;margin-bottom:0!important}
 #accountPatchesPanel .patch-collection-count{min-width:0!important;width:76px!important;padding:10px 6px!important;align-self:start!important}
 #accountPatchesPanel .patch-collection-count strong{font-size:1.8rem!important}
 #accountPatchesPanel .patch-collection-count small{font-size:.56rem!important;line-height:1.15!important}
 #accountPatchesPanel .patch-campaigns-account{margin-top:16px!important}
}

#accountPatchesPanel .patch-objective-intro{grid-column:1/-1;padding:14px 16px;border-left:3px solid #e7b91d;background:rgba(255,201,28,.055);border-radius:4px 12px 12px 4px}
#accountPatchesPanel .patch-objective-intro span{display:block;color:#e7b91d;font-size:.58rem;font-weight:950;letter-spacing:.14em}
#accountPatchesPanel .patch-objective-intro strong{display:block;margin-top:3px;font-size:.95rem}
#accountPatchesPanel .patch-objective-intro p{margin:4px 0 0;color:#999;font-size:.68rem}
#accountPatchesPanel .patch-objective-row{display:flex;align-items:center;gap:8px;margin-top:9px;padding:8px 9px;border:1px solid rgba(255,205,42,.16);border-radius:9px;background:rgba(0,0,0,.25)}
#accountPatchesPanel .patch-objective-row b{color:#e7b91d;font-size:1rem}
#accountPatchesPanel .patch-objective-row strong{font-size:.68rem;line-height:1.3;color:#d7d7d7}
#accountPatchesPanel .patch-earned-note{grid-column:1/-1;padding:8px 10px;border:1px solid rgba(255,205,42,.3);border-radius:10px;color:#f1c52d;font-size:.65rem;text-align:center;background:rgba(255,196,0,.05)}

/* Conquistas não são dados privados: números/metas dos patches permanecem visíveis. */
#accountPatchesPanel,#accountPatchesPanel *{-webkit-text-security:none!important}
#accountPatchesPanel [data-sensitive-value],#accountPatchesPanel [data-private-value],#accountPatchesPanel .privacy-value,#accountPatchesPanel .money-value,#accountPatchesPanel .masked-value,#accountPatchesPanel .value-hidden{filter:none!important;blur:0!important;color:inherit;opacity:1!important;visibility:visible!important}

#accountPatchesPanel .patch-objective-row{align-items:flex-start}
#accountPatchesPanel .patch-objective-row>div{min-width:0}
#accountPatchesPanel .patch-objective-row small{display:block;margin-top:3px;color:#858a91;font-size:.58rem}
.patch-invite-box{margin-top:14px;padding:12px;border:1px dashed rgba(255,204,36,.3);border-radius:12px;background:rgba(255,196,0,.04)}
.patch-invite-box p{margin:4px 0 10px;color:var(--muted);font-size:.68rem}.patch-invite-box input{margin-top:8px;width:100%}

/* Patches — barra de progresso/objetivo perfeitamente reta. */
#accountPatchesPanel .patch-objective-row{
  border-radius:0!important;
  transform:none!important;
  clip-path:none!important;
}
#accountPatchesPanel .patch-objective-row::before,
#accountPatchesPanel .patch-objective-row::after{
  transform:none!important;
  border-radius:0!important;
}


/* Admin · biblioteca de imagens dos patches */
.patch-image-admin{grid-column:1/-1;display:grid;gap:12px;padding:14px;border:1px solid rgba(255,204,36,.18);border-radius:14px;background:rgba(255,196,0,.035)}
.patch-image-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.patch-image-upload-row{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center}
.patch-image-preview{width:120px;height:120px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#0d0d0f;display:grid;place-items:center;overflow:hidden}
.patch-image-preview img{width:100%;height:100%;object-fit:contain}
.patch-image-preview span{padding:10px;color:var(--muted);font-size:.65rem;text-align:center;line-height:1.3}
.patch-image-upload-actions{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.patch-image-upload-actions small{color:var(--muted);font-size:.65rem}
.patch-image-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:9px;max-height:280px;overflow:auto;padding-top:2px}
.patch-image-card{appearance:none;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#111216;padding:8px;color:#ddd;cursor:pointer;display:grid;gap:6px;text-align:left;min-width:0}
.patch-image-card:hover,.patch-image-card:focus-visible{border-color:rgba(255,204,36,.55);outline:none}
.patch-image-card img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:8px;background:#08090b}
.patch-image-card span{font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){
 .patch-image-fields{grid-template-columns:1fr}
 .patch-image-upload-row{grid-template-columns:96px 1fr}
 .patch-image-preview{width:96px;height:96px}
 .patch-image-library{grid-template-columns:repeat(3,minmax(0,1fr));max-height:250px}
}


/* STAGING · arte vinculada a patches existentes */
.patch-existing-art-card{margin-bottom:14px}
.patch-existing-art-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.patch-existing-art-card .patch-image-upload-row{margin-bottom:12px}
.patch-existing-art-card #savePatchImageBtn{margin-top:2px}
.patch-existing-art-card .patch-image-library{border-top:1px solid rgba(255,255,255,.08);padding-top:12px}
@media(max-width:760px){
  .patch-existing-art-grid{grid-template-columns:1fr}
  .patch-existing-art-card .patch-image-upload-actions{width:100%}
  .patch-existing-art-card #savePatchImageBtn{width:100%}
}

/* Patch Hub · arte vinculada a campanhas existentes */
.patch-existing-art-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.patch-campaign-row{display:grid!important;grid-template-columns:58px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important}
.patch-campaign-thumb{width:54px;height:54px;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:#08090b;border:1px solid rgba(255,204,36,.18);color:#7e838b;font-size:.52rem;font-weight:900;text-align:center}
.patch-campaign-thumb img{width:100%;height:100%;object-fit:contain}
#patchArtworkStatus.green{color:#7be0a7;border-color:rgba(123,224,167,.38);background:rgba(57,155,99,.08)}
@media(max-width:760px){
  .patch-existing-art-grid{grid-template-columns:1fr}
  .patch-campaign-row{grid-template-columns:52px minmax(0,1fr)!important}
  .patch-campaign-row .admin-action-row{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
  .patch-campaign-row .admin-action-row button{width:100%}
}


/* 30/09/2026 — arte de patches separada da criação de campanhas */
.patch-existing-art-card{margin-bottom:14px}
.patch-existing-art-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.patch-existing-art-card .patch-image-upload-row{margin-bottom:10px}
.patch-existing-art-card #savePatchImageBtn{margin-top:4px}
@media(max-width:760px){
  .patch-existing-art-grid{grid-template-columns:1fr}
  .patch-existing-art-card{margin-bottom:12px}
}


/* stylesheet: v22326-android-scroll.css */
/* V22.3.26 / build 2349 — revisão de rolagem do Web App no Android.
   Objetivo: deixar a página como rolagem vertical principal, preservar listas/modal que
   realmente precisam de rolagem própria e acompanhar a altura real do viewport/teclado. */

html[data-device-family="android"]{
  min-height:100%;
  max-width:100%;
  overflow-x:hidden;
  overscroll-behavior-x:none;
  scroll-padding-top:calc(108px + env(safe-area-inset-top));
}
html[data-device-family="android"] body{
  min-height:100%;
  max-width:100%;
  overflow-x:hidden!important;
  overflow-y:auto;
  overscroll-behavior-y:auto;
}
html[data-device-family="android"] .app-shell{
  min-height:var(--device-safe-vh,100dvh);
  height:auto;
}
html[data-device-family="android"] .main,
html[data-device-family="android"] .view,
html[data-device-family="android"] .view.active-view{
  min-width:0;
  max-width:100%;
}
html[data-device-family="android"] :is(input,select,textarea,button,[tabindex]){
  scroll-margin-top:calc(112px + env(safe-area-inset-top));
  scroll-margin-bottom:28px;
}

/* Altura do viewport visual: acompanha barra do Chrome e teclado virtual. */
html[data-device-family="android"] .sidebar{
  height:var(--device-safe-vh,100dvh)!important;
  max-height:var(--device-safe-vh,100dvh)!important;
}
html[data-device-family="android"] dialog[open]{
  max-height:calc(var(--device-safe-vh,100dvh) - 16px)!important;
}
html[data-device-family="android"] :is(
  .sidebar,
  .sidebar nav,
  dialog[open],
  .user-quick-menu-card,
  #notificationsDialog .notifications-list,
  #notificationsDialog .notifications-list.has-scroll,
  #bhImportDialog .bh-selected-details,
  #bhImportDialog .bh-lookup-results,
  .equipment-search-results,
  .premium-inline-results
){
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:contain;
}

/* Trilhos horizontais continuam rolando sem criar largura fantasma na página. */
html[data-device-family="android"] :is(
  .so-tabs,
  .set-mode-tabs,
  .camera-filter-row,
  .tech-filter-row,
  .call-status-legend,
  .admin-pro-tabs,
  .report-presets
){
  max-width:100%;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
}

/* Em Android de tela pequena, evitar “scroll dentro do scroll” em blocos de conteúdo.
   Permanecem com scroll próprio apenas drawers, dialogs, notificações, buscas e seletores. */
@media (max-width:900px){
  html[data-device-family="android"] :is(
    .job-workflow-pane,
    .camera-list,
    .tech-list,
    #cameraList,
    .check-equipment-grid,
    .call-equipment-choices,
    #premiumView .premium-timeline,
    #aiBriefingReview .ai-briefing-results
  ){
    max-height:none!important;
    height:auto!important;
    overflow-y:visible!important;
    overscroll-behavior-y:auto!important;
  }

  html[data-device-family="android"] .admin-table-wrap,
  html[data-device-family="android"] .report-table,
  html[data-device-family="android"] .premium-table{
    max-width:100%;
    overflow-x:auto!important;
    overflow-y:visible!important;
    -webkit-overflow-scrolling:touch;
  }

  html[data-device-family="android"] .main{
    min-height:calc(var(--device-safe-vh,100dvh) - 92px);
    padding-bottom:calc(72px + env(safe-area-inset-bottom))!important;
  }
}

/* Android landscape baixo: não deixar a barra superior ou um dialog consumir a tela toda. */
@media (orientation:landscape) and (max-height:560px){
  html[data-device-family="android"] .main{padding-top:88px!important}
  html[data-device-family="android"] dialog[open]{max-height:calc(var(--device-safe-vh,100dvh) - 8px)!important}
}


/* stylesheet: v22327-android-compat.css */
/* SouPrimeiroAC V22.3.27 / build 2350 — Android compatibility hardening.
   Loaded after historical CSS. The sentinel :not() IDs intentionally do not exist:
   they only raise specificity so old ID + !important hotfixes cannot shrink touch targets. */

html[data-device-family="android"]{
  --spac-touch-target:46px;
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
html[data-device-family="android"] body{
  min-height:var(--device-safe-vh,100dvh)!important;
  padding-bottom:max(env(safe-area-inset-bottom),0px);
}

html[data-device-family="android"] body
:is(button,.btn,a.btn,[role="button"],[data-action],[data-op],[data-tab],[data-page]):not(#__spac_touch_guard_a):not(#__spac_touch_guard_b){
  min-width:var(--spac-touch-target)!important;
  min-height:var(--spac-touch-target)!important;
  touch-action:manipulation;
  -webkit-tap-highlight-color:rgba(255,212,0,.14);
}
html[data-device-family="android"] body
:is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea):not(#__spac_field_guard_a):not(#__spac_field_guard_b){
  min-height:var(--spac-touch-target)!important;
  font-size:16px!important;
  scroll-margin-top:calc(116px + env(safe-area-inset-top));
  scroll-margin-bottom:min(36dvh,280px);
}
html[data-device-family="android"] body
:is(.remember-row,.terms-row,.signup-plan-card,.admin-check,.admin-switch,.admin-auto-trigger,.import-history-toggle,.job-time-toggle,#quotePackageLabel):not(#__spac_check_guard_a):not(#__spac_check_guard_b){
  min-height:var(--spac-touch-target)!important;
  touch-action:manipulation;
}
html[data-device-family="android"] :is(summary,label.workflow-photo-name-upload){
  min-height:var(--spac-touch-target)!important;
  touch-action:manipulation;
}

/* Texto que hotfixes antigos comprimiam para 8–10 px. */
html[data-device-family="android"] body #notificationsDialog:is(#notificationsDialog) :is(.notifications-actions .btn,.notification-setup-actions .btn),
html[data-device-family="android"] body #orcamentoView:is(#orcamentoView) .quote-summary-actions .btn,
html[data-device-family="android"] body #shareJobDialog:is(#shareJobDialog) .btn,
html[data-device-family="android"] body #bhImportDialog:is(#bhImportDialog) .bh-results-toggle{
  font-size:12px!important;
  line-height:1.15!important;
}

html[data-device-family="android"] dialog[open]{
  max-width:calc(100vw - 12px)!important;
  max-height:calc(var(--device-safe-vh,100dvh) - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)))!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
html[data-device-family="android"] :is(.dialog-card,.upgrade-card,.project-hub-card,.bh-catalog-card){max-width:100%}
html[data-device-family="android"] :is(.so-tabs,.set-mode-tabs,.pro-tabs,.camera-filter-row,.tech-filter-row,.report-presets){
  touch-action:pan-x;
  overscroll-behavior-inline:contain;
}
html[data-device-family="android"] :is(.equipment-card,.catalog-card,.camera-list-item,.tech-list-item,.report-calendar-job,.report-period-job){touch-action:manipulation}
html[data-device-family="android"] img,
html[data-device-family="android"] video,
html[data-device-family="android"] canvas{max-width:100%}

/* Standalone offline/portal pages do not load app.js, so coarse pointer is the fallback. */
@media (pointer:coarse) and (max-width:1100px){
  body{min-height:100dvh}
  body :is(button,.btn,a.btn,[role="button"]):not(#__spac_coarse_touch_a):not(#__spac_coarse_touch_b){
    min-width:46px!important;
    min-height:46px!important;
    touch-action:manipulation;
  }
  body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea):not(#__spac_coarse_field_a):not(#__spac_coarse_field_b){
    min-height:46px!important;
    font-size:16px!important;
  }
  body :is(.remember-row,.terms-row,.signup-plan-card,.admin-check,.admin-switch,.admin-auto-trigger,.import-history-toggle,.job-time-toggle,#quotePackageLabel):not(#__spac_coarse_check_a):not(#__spac_coarse_check_b){
    min-height:46px!important;
    touch-action:manipulation;
  }
  dialog[open]{
    max-width:calc(100vw - 12px)!important;
    max-height:calc(100dvh - 16px)!important;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }
}

@media (orientation:landscape) and (pointer:coarse) and (max-height:560px){
  html[data-device-family="android"] :is(input,select,textarea){scroll-margin-bottom:46dvh}
  html[data-device-family="android"] dialog[open]{max-height:calc(var(--device-safe-vh,100dvh) - 8px)!important}
}
html[data-device-family="android"] body :is(.password-toggle,#forgotPasswordBtn){font-size:12px!important;line-height:1.15!important}
@media (pointer:coarse) and (max-width:1100px){body :is(.password-toggle,#forgotPasswordBtn){font-size:12px!important;line-height:1.15!important}}


/* stylesheet: privacy-mode.css */
/* V22.3.30 — modo de privacidade global + preferência ao entrar. */
.privacy-values-button{
  position:relative;
  width:42px;
  height:42px;
  flex:0 0 42px;
  border:1px solid #41444c;
  border-radius:13px;
  background:#181a1f;
  color:#ffd400;
  display:grid;
  place-items:center;
  cursor:pointer;
  touch-action:manipulation;
}
.privacy-values-button:hover,.privacy-values-button:focus-visible{border-color:#ffd400;background:#202329;outline:none}
.privacy-values-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.privacy-values-button .privacy-eye-off{display:none}
.privacy-values-button[data-privacy-state="hidden"]{background:#ffd400;color:#111;border-color:#ffd400}
.privacy-values-button[data-privacy-state="hidden"] .privacy-eye-on{display:none}
.privacy-values-button[data-privacy-state="hidden"] .privacy-eye-off{display:block}

.privacy-value-token{display:inline-block;position:relative;white-space:nowrap;vertical-align:baseline}
html.privacy-values-hidden .privacy-value-token{
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
html.privacy-values-hidden .privacy-value-token::after{
  content:"••••";
  position:absolute;
  inset:0;
  color:#ffd400!important;
  -webkit-text-fill-color:#ffd400!important;
  font:inherit;
  letter-spacing:.06em;
  white-space:nowrap;
  overflow:hidden;
  pointer-events:none;
}
html.privacy-values-hidden input.privacy-money-input,
html.privacy-values-hidden textarea.privacy-money-input,
html[data-theme="dark"].privacy-values-hidden input.privacy-money-input,
html[data-theme="dark"].privacy-values-hidden textarea.privacy-money-input{
  -webkit-text-security:disc!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  caret-color:#ffd400!important;
}
html.privacy-values-hidden input.privacy-money-input::selection,
html.privacy-values-hidden textarea.privacy-money-input::selection{background:#ffd40055!important;color:transparent!important}

@media(max-width:760px){
  .privacy-values-button{width:38px;height:38px;flex-basis:38px;border-radius:12px}
}
@media(max-width:360px){
  .topbar-actions{gap:4px!important}
  .privacy-values-button,.notification-bell{width:36px!important;height:36px!important;flex-basis:36px!important}
  .privacy-values-button svg,.notification-bell svg{width:18px!important;height:18px!important}
  .user-chip-button .avatar{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important}
}
@media(prefers-reduced-motion:reduce){.privacy-values-button{transition:none!important}}


/* V22.3.30 — opções de estado no login sem aumentar a largura do topo. */
.privacy-values-button::after{
  content:"";position:absolute;right:5px;bottom:5px;width:4px;height:4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);opacity:.72;pointer-events:none
}
.privacy-login-menu{
  position:fixed;z-index:10050;width:min(310px,calc(100vw - 16px));padding:8px;border:1px solid #3b3f48;border-radius:16px;background:#111318;color:#f5f5f5;box-shadow:0 18px 54px rgba(0,0,0,.48)
}
.privacy-login-menu[hidden]{display:none!important}
.privacy-login-menu-head{padding:8px 9px 9px;border-bottom:1px solid #292d35;margin-bottom:5px}
.privacy-login-menu-head strong{display:block;color:#ffd400;font-size:.88rem}
.privacy-login-menu-head small{display:block;margin-top:3px;color:#aeb4bf;font-size:.72rem;line-height:1.35}
.privacy-login-menu>[data-privacy-login-mode]{
  width:100%;min-height:52px;display:grid;grid-template-columns:1fr;gap:2px;text-align:left;border:1px solid transparent;border-radius:11px;background:transparent;color:#f6f6f6;padding:8px 10px;cursor:pointer;touch-action:manipulation
}
.privacy-login-menu>[data-privacy-login-mode] span{font-size:.82rem;font-weight:750;padding-right:28px;position:relative}
.privacy-login-menu>[data-privacy-login-mode] small{font-size:.7rem;color:#9ca3ae;line-height:1.3}
.privacy-login-menu>[data-privacy-login-mode]:hover,.privacy-login-menu>[data-privacy-login-mode]:focus-visible{background:#1d2026;border-color:#3f444d;outline:none}
.privacy-login-menu>[data-privacy-login-mode].is-selected{background:#25230f;border-color:#6e6110}
.privacy-login-menu>[data-privacy-login-mode].is-selected span::after{content:"✓";position:absolute;right:2px;top:-1px;color:#ffd400;font-size:1rem}
.privacy-login-menu-tip{margin:5px 3px 1px;padding:7px 8px;border-radius:9px;background:#181a20;color:#89919d;font-size:.66rem;line-height:1.35}
@media(max-width:420px){.privacy-login-menu{width:min(294px,calc(100vw - 12px));padding:7px}.privacy-login-menu>[data-privacy-login-mode]{min-height:50px}}

/* Página pública: valores do orçamento visíveis independentemente da privacidade do proprietário. */
html.privacy-values-hidden #quoteApprovalPublicDialog .privacy-value-token{color:inherit!important;-webkit-text-fill-color:currentColor!important;user-select:text!important}
html.privacy-values-hidden #quoteApprovalPublicDialog .privacy-value-token::after{content:none!important}


/* stylesheet: guided-tours.css */
/* V22.3.32 — tutoriais guiados por setor. */
.sector-tour-layer{position:fixed;inset:0;z-index:2147482500;pointer-events:none;font-family:inherit}
.sector-tour-spotlight{position:fixed;border:2px solid var(--yellow,#ffd400);border-radius:14px;box-shadow:0 0 0 9999px rgba(0,0,0,.72),0 0 0 5px rgba(255,212,0,.14),0 8px 32px rgba(0,0,0,.32);transition:top .18s ease,left .18s ease,width .18s ease,height .18s ease;pointer-events:none}
.sector-tour-spotlight::after{content:"";position:absolute;inset:-7px;border:1px solid rgba(255,212,0,.55);border-radius:18px;animation:sectorTourPulse 1.4s ease-in-out infinite}
@keyframes sectorTourPulse{0%,100%{opacity:.35;transform:scale(.99)}50%{opacity:1;transform:scale(1.015)}}
.sector-tour-pointer{position:fixed;z-index:2;min-width:104px;padding:7px 10px;border-radius:999px;background:var(--yellow,#ffd400);color:#111;font-size:.58rem;font-weight:950;letter-spacing:.08em;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.28);transition:top .18s ease,left .18s ease;pointer-events:none}
.sector-tour-pointer::after{content:"";position:absolute;left:18px;bottom:-6px;width:12px;height:12px;background:inherit;transform:rotate(45deg)}
.sector-tour-card{position:fixed;z-index:3;width:min(370px,calc(100vw - 24px));padding:18px;border:1px solid #353940;border-radius:18px;background:#101216;color:#f7f7f3;box-shadow:0 24px 70px rgba(0,0,0,.55);pointer-events:auto}
.sector-tour-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#b8bdc6;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.sector-tour-head button{width:38px;height:38px;border:1px solid #30343a;border-radius:11px;background:#191c21;color:#fff;font-size:1.25rem;cursor:pointer}
.sector-tour-meter{height:4px;margin:10px 0 16px;border-radius:999px;background:#292d33;overflow:hidden}.sector-tour-meter i{display:block;height:100%;border-radius:inherit;background:var(--yellow,#ffd400);transition:width .2s ease}
.sector-tour-kicker{margin:0 0 5px;color:var(--yellow,#ffd400);font-size:.64rem;font-weight:950;letter-spacing:.09em}.sector-tour-card h3{margin:0 0 8px;font-size:1.08rem;line-height:1.2}.sector-tour-card>p:not(.sector-tour-kicker){margin:0;color:#c5c9d0;font-size:.82rem;line-height:1.55}
.sector-tour-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:9px;margin-top:18px}.sector-tour-actions .btn{margin:0;width:100%}.sector-tour-later{display:block;margin:11px auto 0;border:0;background:transparent;color:#9298a2;font-size:.72rem;text-decoration:underline;cursor:pointer}
.spac-tour-target{scroll-margin:130px 12px!important}
html.sector-tour-open{scroll-behavior:smooth}
.account-tutorial-center{grid-column:1/-1!important}.account-tutorial-center-intro{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.account-tutorial-welcome{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--input)}.account-tutorial-welcome h4{margin:0 0 5px}.account-tutorial-welcome p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.45}.tutorial-auto-control{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:start;margin:14px 0 0;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:var(--input);cursor:pointer}.tutorial-auto-control input{width:auto;margin-top:2px}.tutorial-auto-control span{display:grid;gap:3px}.tutorial-auto-control strong{font-size:.78rem}.tutorial-auto-control small{color:var(--muted);font-size:.68rem;line-height:1.35}
#tutorialCenterList{display:grid;gap:20px;margin-top:20px}.tutorial-center-group{display:grid;gap:10px}.tutorial-center-group-head{display:flex;align-items:center;gap:10px}.tutorial-center-group-head strong{font-size:.69rem;letter-spacing:.08em;text-transform:uppercase;color:var(--yellow)}.tutorial-center-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tutorial-center-card{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--input)}.tutorial-center-card.is-complete{opacity:.88}.tutorial-center-card h4{margin:5px 0 4px;font-size:.86rem}.tutorial-center-card p{margin:0;color:var(--muted);font-size:.69rem;line-height:1.42}.tutorial-center-status{font-size:.55rem;font-weight:950;letter-spacing:.08em;color:var(--yellow)}.tutorial-center-card.is-complete .tutorial-center-status{color:#aeb4bd}.tutorial-center-card .btn{width:100%;margin:0}
@media(max-width:980px){.tutorial-center-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.sector-tour-card{left:12px!important;right:12px!important;top:auto!important;bottom:max(12px,env(safe-area-inset-bottom));width:auto;max-height:min(48dvh,410px);overflow:auto;padding:16px}.sector-tour-pointer{font-size:.54rem}.account-tutorial-center-intro,.account-tutorial-welcome{grid-template-columns:1fr;display:grid}.account-tutorial-welcome .btn{width:100%}.tutorial-center-grid{grid-template-columns:1fr}.tutorial-center-card{padding:13px}.sector-tour-actions{grid-template-columns:1fr 1.2fr}}
@media(max-width:390px){.sector-tour-card{left:8px!important;right:8px!important;bottom:max(8px,env(safe-area-inset-bottom));padding:14px}.sector-tour-card h3{font-size:1rem}.sector-tour-card>p:not(.sector-tour-kicker){font-size:.77rem}.sector-tour-actions{gap:7px}.sector-tour-actions .btn{min-height:46px}}


/* Academia SouPrimeiroAC — extensão exclusiva da área Conta. */
.account-section-tabs{display:flex;gap:8px;margin:0 0 18px;padding:5px;border:1px solid var(--line);border-radius:14px;background:var(--input);width:max-content;max-width:100%}
.account-section-tab{border:0;border-radius:10px;padding:10px 15px;background:transparent;color:var(--muted);font:inherit;font-size:.76rem;font-weight:850;cursor:pointer}
.account-section-tab.active{background:var(--yellow);color:#111}
.account-academy-panel{display:grid;gap:18px}.academy-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(230px,.7fr);gap:16px;padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#111318,#1a1d22);overflow:hidden}.academy-hero-copy h3{margin:3px 0 8px;font-size:1.35rem}.academy-hero-copy>p{max-width:650px;color:var(--muted);line-height:1.55}.academy-progress-copy{display:flex;justify-content:space-between;gap:12px;margin-top:22px;font-size:.72rem}.academy-progress-copy span{color:var(--muted)}.academy-progress-track{height:10px;margin-top:8px;border-radius:999px;background:#2a2d32;overflow:hidden}.academy-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:var(--yellow);transition:width .35s ease}
.academy-evolution{min-height:190px;padding:16px;border:1px solid #30343a;border-radius:17px;background:#0b0d10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.academy-character-stage{position:relative;width:138px;height:104px;margin-bottom:12px}.academy-character{position:absolute;left:40px;top:8px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#111;font-size:1.05rem;font-weight:950;border:4px solid #1d2025}.academy-character::before{content:"";position:absolute;top:51px;width:48px;height:39px;border-radius:18px 18px 10px 10px;background:#252930;border:2px solid #4a505a}.academy-gear{position:absolute;left:50%;bottom:0;transform:translateX(-50%);white-space:nowrap;padding:5px 9px;border-radius:999px;background:#20242a;border:1px solid #3a4049;color:var(--yellow);font-size:.52rem;font-weight:950;letter-spacing:.08em}.academy-character-stage[data-level="braceplus"] .academy-character::after{content:"+";position:absolute;right:-16px;top:28px;color:var(--yellow);font-size:24px}.academy-character-stage[data-level="rig"]::before{content:"▰";position:absolute;right:4px;top:28px;color:#d7dbe0;font-size:34px}.academy-character-stage[data-level="camera"]::before,.academy-character-stage[data-level="cinema"]::before{content:"▰●";position:absolute;right:-4px;top:25px;color:#e8ebef;font-size:31px;letter-spacing:-7px}.academy-character-stage[data-level="cinema"]::after{content:"SET";position:absolute;inset:0;border:1px dashed #555d68;border-radius:12px;color:#6e7681;font-size:.5rem;text-align:left;padding:5px;box-sizing:border-box}.academy-evolution strong{font-size:.85rem}.academy-evolution small{max-width:230px;margin-top:4px;color:var(--muted);line-height:1.4}
.academy-course-list{display:grid;gap:16px}.academy-module{padding:17px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.academy-module-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.academy-module-head span{color:var(--yellow);font-size:.58rem;font-weight:950;letter-spacing:.09em}.academy-module-head strong{font-size:.86rem}.academy-lessons{display:grid;gap:8px}.academy-lesson{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--input)}.academy-lesson.is-complete{opacity:.86}.academy-lesson-number{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#22262c;color:var(--yellow);font-size:.66rem;font-weight:950}.academy-lesson.is-complete .academy-lesson-number{background:var(--yellow);color:#111}.academy-lesson span{font-size:.5rem;font-weight:950;letter-spacing:.08em;color:var(--yellow)}.academy-lesson h4{margin:2px 0 3px;font-size:.82rem}.academy-lesson p{margin:0;color:var(--muted);font-size:.65rem;line-height:1.35}.academy-lesson .btn{min-width:105px;margin:0}
.academy-certificate{position:relative;padding:28px;border:2px solid var(--yellow);border-radius:20px;background:#f5f3e9;color:#111;text-align:center;overflow:hidden}.academy-certificate-mark{font-size:2rem;font-weight:950}.academy-certificate h3{margin:5px 0 10px;font-size:1.35rem}.academy-certificate p{max-width:620px;margin:8px auto;line-height:1.5}.academy-certificate small{display:block;color:#555;margin-bottom:16px}.academy-certificate .btn{margin:0 auto}
@media(max-width:760px){.account-section-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}.account-section-tab{padding:10px 8px}.academy-hero{grid-template-columns:1fr;padding:16px}.academy-lesson{grid-template-columns:34px minmax(0,1fr)}.academy-lesson .btn{grid-column:1/-1;width:100%}.academy-progress-copy{align-items:flex-end}.academy-evolution{min-height:170px}}

/* Evolução visual do personagem — baseada na bíblia visual SouPrimeiroAC. */
.academy-character-stage{width:210px!important;height:150px!important;border-radius:18px;background:radial-gradient(circle at 50% 32%,#292d33 0,#15181c 52%,#090b0d 100%);border:1px solid #343941;overflow:hidden}
.academy-character-stage::after{content:attr(data-scene);position:absolute;left:10px;top:9px;padding:4px 7px;border-radius:999px;background:#0d0f12;border:1px solid #343941;color:#ffd400;font-size:.47rem;font-weight:950;letter-spacing:.12em}
.academy-character{left:76px!important;top:25px!important;width:58px!important;height:58px!important;border-radius:46% 46% 42% 42%!important;background:#9a5c36!important;color:transparent!important;border:0!important;box-shadow:inset -8px -4px 0 rgba(0,0,0,.14)}
.academy-character::before{content:"S"!important;position:absolute!important;left:-7px!important;top:-18px!important;width:72px!important;height:30px!important;border-radius:50% 50% 36% 36%!important;background:#090a0c!important;border:0!important;color:#ffd400!important;font-size:17px!important;font-weight:950!important;line-height:25px!important;text-align:center!important;transform:rotate(-3deg)}
.academy-character::after{content:""!important;position:absolute!important;left:7px!important;top:52px!important;width:45px!important;height:65px!important;border-radius:15px 15px 8px 8px!important;background:linear-gradient(90deg,#0b0d10,#242830 52%,#090b0d)!important;border:1px solid #3a3f47!important}
.academy-character-stage .academy-gear{z-index:5;bottom:8px;background:#090b0d;border-color:#454b55}
.academy-character-stage[data-level="brace"]::before{content:"";position:absolute;z-index:3;left:128px;top:83px;width:48px;height:9px;border:4px solid #555d67;border-left-width:13px;border-radius:7px;transform:rotate(-12deg)}
.academy-character-stage[data-level="braceplus"]::before{content:"";position:absolute;z-index:3;left:123px;top:74px;width:57px;height:28px;border:5px solid #555d67;border-radius:7px;box-shadow:0 -12px 0 -7px #ffd400}
.academy-character-stage[data-level="rig"]::before{content:"▰";position:absolute;z-index:3;right:21px;top:62px;color:#262b31;font-size:53px;text-shadow:0 0 0 #59616c}
.academy-character-stage[data-level="rig"]::after{content:"RIG";left:10px;top:9px;width:auto;height:auto;border:1px solid #343941;border-radius:999px;padding:4px 7px;color:#ffd400;font-size:.47rem}
.academy-character-stage[data-level="camera"]::before{content:"●";position:absolute;z-index:4;right:18px;top:60px;width:62px;height:40px;border-radius:8px;background:#272c33;color:#08090a;font-size:33px;line-height:37px;text-align:right;border:2px solid #626a75;box-shadow:-12px -13px 0 -8px #ffd400}
.academy-character-stage[data-level="cinema"]{background:linear-gradient(160deg,#181b20,#08090b 65%)}.academy-character-stage[data-level="cinema"]::before{content:"";position:absolute;left:12px;right:12px;bottom:24px;height:2px;background:#3b4149;box-shadow:25px -23px 0 #343a42,145px -38px 0 #ffd400}.academy-character-stage[data-level="cinema"] .academy-character{left:90px!important}.academy-character-stage[data-level="cinema"] .academy-character::after{box-shadow:-55px 25px 0 -10px #20242a,55px 25px 0 -10px #20242a}

/* Academia V2 — universo visual exclusivo, sem alterar o restante do site. */
#accountAcademyPanel{--academy-yellow:#ffd200;--academy-black:#090a0c;--academy-card:#121418;--academy-line:#292d33}
#accountAcademyPanel .academy-hero-premium{position:relative;min-height:390px;padding:34px;background:radial-gradient(circle at 78% 35%,rgba(255,210,0,.13),transparent 25%),linear-gradient(125deg,#08090b 0%,#111419 56%,#090a0c 100%);border-color:#30343b}
#accountAcademyPanel .academy-hero-copy{align-self:center;z-index:2}#accountAcademyPanel .academy-hero-copy h3{max-width:700px;font-size:clamp(2rem,4vw,3.5rem);line-height:.94;letter-spacing:-.045em;margin:8px 0 18px;text-transform:uppercase}#accountAcademyPanel .academy-hero-copy>p{font-size:.9rem;max-width:620px}
.academy-stats{display:flex;gap:26px;margin:26px 0 8px}.academy-stats span{display:grid;gap:2px}.academy-stats b{font-size:.83rem}.academy-stats small{color:var(--muted);font-size:.58rem;text-transform:uppercase;letter-spacing:.08em}
.academy-path{display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:7px;border:1px solid var(--academy-line);border-radius:18px;background:#0c0e11}.academy-path>div{position:relative;display:grid;gap:2px;padding:14px 13px 14px 44px;opacity:.38;border-radius:12px;transition:.25s}.academy-path>div:not(:last-child)::after{content:"";position:absolute;right:-1px;top:24%;height:52%;width:1px;background:#30343a}.academy-path b{position:absolute;left:12px;top:16px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;border:1px solid #454b55;font-size:.55rem}.academy-path span{font-size:.7rem;font-weight:900;text-transform:uppercase}.academy-path small{color:var(--muted);font-size:.57rem}.academy-path>div.is-reached{opacity:1;background:#15181c}.academy-path>div.is-reached b{background:var(--academy-yellow);border-color:var(--academy-yellow);color:#111}
.academy-course-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:10px 2px 0}.academy-course-head h3{margin:3px 0 0;font-size:1.2rem}.academy-course-head>p{color:var(--muted);font-size:.7rem}
#accountAcademyPanel .academy-module{background:#0d0f12;border-color:var(--academy-line);padding:20px}#accountAcademyPanel .academy-module-head{margin-bottom:15px}#accountAcademyPanel .academy-lessons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#accountAcademyPanel .academy-lesson{min-height:108px;background:#15181c;border-color:#2b3037;padding:15px}#accountAcademyPanel .academy-lesson:hover{border-color:#484f59}#accountAcademyPanel .academy-lesson.is-complete{opacity:1;background:linear-gradient(110deg,rgba(255,210,0,.06),#15181c 35%)}#accountAcademyPanel .academy-lesson h4{font-size:.9rem}#accountAcademyPanel .academy-lesson p{font-size:.68rem}
.academy-finish-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:14px}.academy-promise{padding:24px;border:1px solid var(--academy-line);border-radius:18px;background:#0d0f12}.academy-promise h3{margin:4px 0 18px;font-size:1.35rem}.academy-promise>div{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.academy-promise span{font-size:.7rem;color:#c9cdd3}.academy-promise span::first-letter{color:var(--academy-yellow)}
#accountAcademyPanel .academy-certificate{margin:0;border-radius:18px;display:flex;flex-direction:column;justify-content:center}#accountAcademyPanel .academy-certificate-locked{background:linear-gradient(135deg,#15181c,#0b0d10);color:#fff;border:1px solid #30343a;text-align:left}#accountAcademyPanel .academy-certificate-locked .academy-certificate-mark{color:var(--academy-yellow)}#accountAcademyPanel .academy-certificate-locked p{margin-left:0}#accountAcademyPanel .academy-certificate-locked small{color:var(--muted)}
#accountAcademyPanel .academy-evolution{position:relative;min-height:310px;border:0;background:transparent}.academy-scene-glow{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,210,0,.22),rgba(255,210,0,.04) 42%,transparent 70%);filter:blur(5px)}#accountAcademyPanel .academy-character-stage{transform:scale(1.22);margin-bottom:32px;box-shadow:0 22px 55px rgba(0,0,0,.5)}
@media(max-width:900px){#accountAcademyPanel .academy-lessons{grid-template-columns:1fr}.academy-path{grid-template-columns:1fr}.academy-path>div:not(:last-child)::after{display:none}.academy-finish-grid{grid-template-columns:1fr}}
@media(max-width:760px){#accountAcademyPanel .academy-hero-premium{padding:22px 16px;min-height:auto}#accountAcademyPanel .academy-hero-copy h3{font-size:2.15rem}.academy-stats{gap:14px;justify-content:space-between}.academy-path{gap:4px}.academy-path>div{padding:11px 10px 11px 43px}.academy-course-head{display:block}.academy-course-head>p{margin-top:5px}.academy-promise>div{grid-template-columns:1fr}#accountAcademyPanel .academy-evolution{min-height:250px}}

/* Academia: capas por módulo + coleção de patches. Escopo exclusivo desta página. */
#accountAcademyPanel .academy-lesson{display:grid!important;grid-template-columns:138px 1fr auto!important;align-items:center!important;gap:14px!important;overflow:hidden}
#accountAcademyPanel .academy-lesson-cover{width:138px;height:92px;border-radius:12px;border:1px solid #363b43;background:#090a0c center/cover no-repeat;box-shadow:inset 0 0 30px rgba(255,210,0,.05)}
#accountAcademyPanel .academy-lesson-body{display:flex;align-items:center;gap:12px;min-width:0}
.academy-patch-reward{display:grid;grid-template-columns:132px 1fr;align-items:center;gap:18px;padding:20px;border:1px solid #30343a;border-radius:18px;background:linear-gradient(135deg,#15181c,#0b0d10)}
.academy-patch-art{width:124px;aspect-ratio:1;border-radius:50%;clip-path:circle(49%);display:grid;place-items:center;background:radial-gradient(circle,#252a31 0 52%,#090a0c 53% 61%,#ffd200 62% 66%,transparent 67%);filter:grayscale(1) brightness(.45);opacity:.6}.academy-patch-art span{font-size:3.2rem;font-weight:1000;color:#ffd200;font-style:italic}
.academy-patch-reward.is-unlocked{border-color:#6b5c00;box-shadow:inset 0 0 35px rgba(255,210,0,.05)}.academy-patch-reward.is-unlocked .academy-patch-art{filter:none;opacity:1}.academy-patch-reward h3{margin:3px 0 7px}.academy-patch-reward p{font-size:.72rem;color:#c9cdd3}.academy-patch-reward small{display:block;margin-top:8px;color:var(--muted);font-size:.62rem;line-height:1.45}
@media(max-width:760px){#accountAcademyPanel .academy-lesson{grid-template-columns:112px 1fr!important;gap:10px!important}#accountAcademyPanel .academy-lesson-cover{width:112px;height:82px}#accountAcademyPanel .academy-lesson>.btn{grid-column:1/-1;width:100%}.academy-patch-reward{grid-template-columns:94px 1fr;padding:14px;gap:12px}.academy-patch-art{width:90px}}

/* Capas temáticas por tutorial — Academia SouPrimeiroAC somente. */
#accountAcademyPanel .academy-lesson-cover{position:relative;overflow:hidden;background:radial-gradient(circle at 28% 25%,rgba(255,210,0,.26),transparent 27%),linear-gradient(145deg,#242932,#08090b 70%)!important}
#accountAcademyPanel .academy-lesson-cover::before{content:"";position:absolute;inset:10%;border:2px solid #ffd200;border-radius:12px;opacity:.8}
#accountAcademyPanel .academy-lesson-cover::after{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:12px;color:#ffd200;font-size:.64rem;font-weight:950;letter-spacing:.06em;line-height:1.12;text-transform:uppercase;text-shadow:0 2px 10px #000}
#accountAcademyPanel [data-academy-cover="1"] .academy-lesson-cover::after{content:"DASHBOARD"}
#accountAcademyPanel [data-academy-cover="2"] .academy-lesson-cover::after{content:"EQUIPAMENTOS"}
#accountAcademyPanel [data-academy-cover="3"] .academy-lesson-cover::after{content:"CÂMERAS + MÍDIA"}
#accountAcademyPanel [data-academy-cover="4"] .academy-lesson-cover::after{content:"LENTES"}
#accountAcademyPanel [data-academy-cover="5"] .academy-lesson-cover::after{content:"MONITORES"}
#accountAcademyPanel [data-academy-cover="6"] .academy-lesson-cover::after{content:"TRANSMISSÃO"}
#accountAcademyPanel [data-academy-cover="7"] .academy-lesson-cover::after{content:"ACESSÓRIOS"}
#accountAcademyPanel [data-academy-cover="8"] .academy-lesson-cover::after{content:"CATÁLOGO"}
#accountAcademyPanel [data-academy-cover="9"] .academy-lesson-cover::after{content:"AGENDA"}
#accountAcademyPanel [data-academy-cover="10"] .academy-lesson-cover::after{content:"MODO CINEMA"}
#accountAcademyPanel [data-academy-cover="11"] .academy-lesson-cover::after{content:"ORÇAMENTO"}
#accountAcademyPanel [data-academy-cover="12"] .academy-lesson-cover::after{content:"RELATÓRIOS"}
#accountAcademyPanel [data-academy-cover="13"] .academy-lesson-cover::after{content:"PLANOS"}
#accountAcademyPanel [data-academy-cover="14"] .academy-lesson-cover::after{content:"MINHA CONTA"}
#accountAcademyPanel [data-academy-cover="15"] .academy-lesson-cover::after{content:"IDENTIDADE"}

/* Patch oficial da Jornada Academia — imagem aprovada pelo usuário. */
.academy-patch-art img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}.academy-patch-art:has(img){background:#090a0c}.academy-patch-art:has(img) span{display:none}

/* Academy patch reward: show approved artwork in the locked/unlocked badge. */
#accountAcademyPanel .academy-patch-art{overflow:hidden;background:#090a0c!important}
#accountAcademyPanel .academy-patch-art img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}
#accountAcademyPanel .academy-patch-reward:not(.is-unlocked) .academy-patch-art img{filter:grayscale(1) brightness(.42);opacity:.72}
#accountAcademyPanel .academy-patch-reward.is-unlocked .academy-patch-art img{filter:none;opacity:1}

/* Academy — capas oficiais dos tutoriais 01–10 enviadas pelo usuário. */
#accountAcademyPanel .academy-lesson[data-academy-cover="1"] .academy-lesson-cover{background-image:url("https://static.wixstatic.com/media/505eaa_3ba4441fcddc417795555cb08eb1bb49~mv2.jpg")!important}
#accountAcademyPanel .academy-lesson[data-academy-cover="2"] .academy-lesson-cover{background-image:url("https://static.wixstatic.com/media/505eaa_f329120ccf5349c5a77292db8f3f43a7~mv2.jpg")!important}
#accountAcademyPanel .academy-lesson[data-academy-cover="3"] .academy-lesson-cover{background-image:url("https://static.wixstatic.com/media/505eaa_c7daacc2c9a7425f9d2c2622d3dc83f5~mv2.jpg")!important}
#accountAcademyPanel .academy-lesson[data-academy-cover="4"] .academy-lesson-cover{background-image:url("https://static.wixstatic.com/media/505eaa_e5f962636c804de2910ea19e4f00e8b8~mv2.jpg")!important}
#accountAcademyPanel .academy-lesson[data-academy-cover="5"] .academy-lesson-cover{background-image:url("https://static.wixstatic.com/media/505eaa_e76b388bce5d4cfeb2d87763fb1f9c43~mv2.jpg")!important}
#accountAcademyPanel .academy-lesson[data-academy-cover="6"] .academy-lesson-cover{background-image:url("https://static.wixstatic.com/media/505eaa_3a4af156896844969988965316159c30~mv2.jpg")!important}
#accountAcademyPanel .academy-lesson[data-academy-cover="7"] .academy-lesson-cover{background-image:url("https://static.wixstatic.com/media/505eaa_b0539883b6c1430098f3a64ecb5c7f1e~mv2.jpg")!important}
#accountAcademyPanel .academy-lesson[data-academy-cover="8"] .academy-lesson-cover{background-image:url("https://static.wixstatic.com/media/505eaa_d2c2ed09d20a4243b92a7d603856bb2b~mv2.jpg")!important}
#accountAcademyPanel .academy-lesson[data-academy-cover="9"] .academy-lesson-cover{background-image:url("https://static.wixstatic.com/media/505eaa_56ff4a90ea624bad99df2a187654e9d1~mv2.jpg")!important}
#accountAcademyPanel .academy-lesson[data-academy-cover="10"] .academy-lesson-cover{background-image:url("https://static.wixstatic.com/media/505eaa_8798d790eb494fe5841fcb1b9e4cb042~mv2.jpg")!important}
#accountAcademyPanel .academy-lesson[data-academy-cover] .academy-lesson-cover{background-size:cover!important;background-position:center!important}
#accountAcademyPanel .academy-lesson[data-academy-cover] .academy-lesson-cover::before,
#accountAcademyPanel .academy-lesson[data-academy-cover] .academy-lesson-cover::after{display:none!important}


/* Academy — enquadramento das capas: preservar o texto no canto superior esquerdo. */
#accountAcademyPanel .academy-lesson[data-academy-cover] .academy-lesson-cover{background-size:contain!important;background-position:left top!important;background-repeat:no-repeat!important;background-color:#090a0c!important}


/* Academy — capas oficiais dos tutoriais 11–19 enviados pelo usuário. */
#accountAcademyPanel .academy-lesson[data-academy-cover="11"] .academy-lesson-cover{background-image:url("https://static.wixstatic.com/media/505eaa_dbb5e74102d547a283e70e9a7eabea0c~mv2.jpeg")!important}
#accountAcademyPanel .academy-lesson[data-academy-cover="12"] .academy-lesson-cover{background-image:url("https://static.wixstatic.com/media/505eaa_39a3ebae1ecb4f8d819095421aadef5f~mv2.jpeg")!important}
#accountAcademyPanel .academy-lesson[data-academy-cover="13"] .academy-lesson-cover{background-image:url("https://static.wixstatic.com/media/505eaa_692db615de7d40b1944da9b57ae140be~mv2.jpeg")!important}
#accountAcademyPanel .academy-lesson[data-academy-cover="14"] .academy-lesson-cover{background-image:url("https://static.wixstatic.com/media/505eaa_6d391a7ac9504bcd936c9ea15371fa57~mv2.jpeg")!important}
#accountAcademyPanel .academy-lesson[data-academy-cover="15"] .academy-lesson-cover{background-image:url("https://static.wixstatic.com/media/505eaa_295bab0260d44db791cace6de15cf3cc~mv2.jpeg")!important}
#accountAcademyPanel .academy-lesson[data-academy-cover="16"] .academy-lesson-cover{background-image:url("https://static.wixstatic.com/media/505eaa_db326f31ee874706b0b89e8ae42a5790~mv2.jpeg")!important}
#accountAcademyPanel .academy-lesson[data-academy-cover="17"] .academy-lesson-cover{background-image:url("https://static.wixstatic.com/media/505eaa_76210d9501284e738c2be6fcfef99baa~mv2.jpeg")!important}
#accountAcademyPanel .academy-lesson[data-academy-cover="18"] .academy-lesson-cover{background-image:url("https://static.wixstatic.com/media/505eaa_231c3849bfe8463dba78acc2dd43a09a~mv2.jpeg")!important}
#accountAcademyPanel .academy-lesson[data-academy-cover="19"] .academy-lesson-cover{background-image:url("https://static.wixstatic.com/media/505eaa_62d7caced27648b7bbf882f475ac8c52~mv2.jpeg")!important}
#accountAcademyPanel .academy-lesson[data-academy-cover] .academy-lesson-cover{background-size:contain!important;background-position:left top!important;background-repeat:no-repeat!important;background-color:#090a0c!important}


/* Academy — preenchimento das capas + patch bloqueado/conquistado. */
#accountAcademyPanel .academy-lesson[data-academy-cover] .academy-lesson-cover{
  background-size:cover!important;
  background-position:left top!important;
  background-repeat:no-repeat!important;
}
/* O recorte 3:2 exige leve zoom; manter a âncora no topo/esquerda preserva TUTORIAL, número e título. */
#accountAcademyPanel .academy-patch-reward:not(.is-unlocked) .academy-patch-art{
  filter:grayscale(1) brightness(.38) blur(1.4px)!important;
  opacity:.52!important;
}
#accountAcademyPanel .academy-patch-reward:not(.is-unlocked) .academy-patch-art img{
  filter:grayscale(1) brightness(.55) blur(2px)!important;
  opacity:.68!important;
}
#accountAcademyPanel .academy-patch-reward.is-unlocked .academy-patch-art,
#accountAcademyPanel .academy-patch-reward.is-unlocked .academy-patch-art img{
  filter:none!important;
  opacity:1!important;
}


/* Academy mobile — marcadores de etapa 100% circulares. */
#accountAcademyPanel .academy-lesson-number{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  aspect-ratio:1/1!important;
  flex:0 0 46px!important;
  padding:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
}
@media(max-width:760px){
  #accountAcademyPanel .academy-lesson-number{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    flex-basis:44px!important;
  }
}


/* Academia — verificador menor e alinhado à direita do bloco de texto. */
#accountAcademyPanel .academy-lesson-body{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 38px!important;
  align-items:center!important;
  gap:10px!important;
}
#accountAcademyPanel .academy-lesson-body>.academy-lesson-number{
  grid-column:2!important;
  grid-row:1!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  flex:0 0 38px!important;
}
#accountAcademyPanel .academy-lesson-body>div:not(.academy-lesson-number){
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
}
@media(max-width:760px){
  #accountAcademyPanel .academy-lesson-body{
    grid-template-columns:minmax(0,1fr) 36px!important;
    gap:8px!important;
  }
  #accountAcademyPanel .academy-lesson-body>.academy-lesson-number{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    flex-basis:36px!important;
  }
}

/* Jornada: cinco cenas locais do personagem, restritas à Academy. */
#accountAcademyPanel .academy-character-stage{width:min(100%,300px)!important;height:220px!important;transform:none!important;margin:0 0 18px!important;isolation:isolate;background:#090a0c!important}
#accountAcademyPanel .academy-character-stage::before,#accountAcademyPanel .academy-character-stage::after{display:none!important}
#accountAcademyPanel .academy-character-stage .academy-scene-image{position:absolute;left:-45%;top:0;width:145%!important;max-width:none!important;height:100%;object-fit:cover;object-position:60% center;display:block}
#accountAcademyPanel .academy-character-stage .academy-gear{z-index:2;max-width:calc(100% - 16px);font-size:10px;bottom:10px;background:#090a0ce8;color:#ffd200;border:1px solid #ffd20080;padding:7px 10px}
#accountAcademyPanel .academy-path [aria-current="step"]{box-shadow:inset 0 0 0 1px #ffd200}
#accountAcademyPanel .academy-patch-art img{object-fit:contain;background:#000}
#accountPatchesPanel .patch-art img[src*="/assets/academy/patch-jornada-"]{object-fit:contain;background:#000}


/* stylesheet: v22334-smart-evolution.css */
/* V22.3.34 — melhorias incrementais: inteligência da lista, sets, PDF e boletim. */
.equipment-smart-hints{margin:12px 0 16px;border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:12px 14px;display:grid;gap:10px}.equipment-smart-hints.hidden,.lens-set-suggestions.hidden{display:none!important}.equipment-smart-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.equipment-smart-head strong{font-size:.9rem}.equipment-smart-head small{color:var(--muted)}.equipment-smart-checks,.equipment-smart-suggestions{display:flex;gap:7px;flex-wrap:wrap}.equipment-smart-chip,.equipment-compat-badge{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:.72rem;line-height:1.1;background:var(--input);color:var(--text)}.equipment-smart-chip.compatible,.equipment-compat-badge.compatible{border-color:color-mix(in srgb,#35c36d 55%,var(--line))}.equipment-smart-chip.adapter,.equipment-compat-badge.adapter{border-color:color-mix(in srgb,var(--yellow) 70%,var(--line))}.equipment-smart-chip.verify,.equipment-compat-badge.verify{border-color:color-mix(in srgb,#ff9c33 60%,var(--line))}.equipment-smart-chip.insufficient,.equipment-compat-badge.insufficient{color:var(--muted)}.equipment-smart-suggestion{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:9px}.equipment-smart-suggestion-copy{display:grid;gap:2px;min-width:0}.equipment-smart-suggestion-copy strong{font-size:.82rem}.equipment-smart-suggestion-copy small{color:var(--muted);font-size:.72rem}.equipment-smart-suggestion .btn{min-height:34px;padding:7px 10px}.equipment-card .equipment-compat-badge{margin-top:8px;width:max-content;max-width:100%}.lens-set-suggestions{margin:10px 0 14px;display:grid;gap:8px}.lens-set-card{border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:11px 13px}.lens-set-card>summary{cursor:pointer;display:flex;justify-content:space-between;gap:10px;align-items:center;list-style:none}.lens-set-card>summary::-webkit-details-marker{display:none}.lens-set-card>summary small{color:var(--muted)}.lens-set-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px;margin:10px 0}.lens-set-grid label{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;padding:7px 8px;background:var(--input);font-size:.76rem}.lens-set-actions{display:flex;gap:8px;flex-wrap:wrap}.pdf-ready-card{max-width:520px}.pdf-ready-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 8px}.so-recent-setups{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 4px}.so-recent-setups button{border:1px solid var(--line);background:var(--input);color:var(--text);border-radius:999px;padding:7px 10px;font:inherit;font-size:.74rem}.so-take-changes{margin:9px 0;border-left:3px solid var(--yellow);padding:7px 10px;background:var(--input);border-radius:8px;font-size:.76rem}.so-take-changes strong{display:block;margin-bottom:3px}.so-take-changes span{display:inline-block;margin-right:10px;color:var(--muted)}.so-result-picker [data-result="false_roll"] .so-result-icon{font-weight:900;font-size:.95rem}.so-take-export-actions{display:flex;gap:8px;flex-wrap:wrap}.so-take-export-actions .btn{white-space:nowrap}
@media(max-width:760px){.equipment-smart-suggestion{align-items:flex-start}.equipment-smart-suggestion .btn{flex:0 0 auto}.pdf-ready-actions{grid-template-columns:1fr}.lens-set-card>summary{align-items:flex-start}.lens-set-grid{grid-template-columns:1fr 1fr}.so-take-export-actions{width:100%}}
@media(max-width:420px){.lens-set-grid{grid-template-columns:1fr}}

.equipment-smart-more{border-top:1px solid var(--line);padding-top:8px}.equipment-smart-more>summary{cursor:pointer;color:var(--muted);font-size:.76rem;font-weight:700;list-style:none}.equipment-smart-more>summary::-webkit-details-marker{display:none}.equipment-smart-more[open]>summary{margin-bottom:8px}


/* stylesheet: v22336-requested-polish.css */
/* V22.3.36 / build 2359 — ajustes solicitados. Layout alterado somente no mobile. */

/* Tutorial/Tour do Modo Cinema: recurso funcional disponível em qualquer viewport. */
#setmodeView .set-head-help{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
#setmodeView .set-head-help .btn{min-height:34px;padding:7px 10px;font-size:.72rem}
#setmodeView .so-plan-preview strong{display:block}
#setmodeView .so-plan-preview span{display:block;margin-top:3px}
.cinema-tabs-tutorial-dialog{width:min(620px,calc(100vw - 24px))!important}
.cinema-tabs-tutorial-list{display:grid;gap:8px;margin:4px 0 8px}
.cinema-tabs-tutorial-list article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--input)}
.cinema-tabs-tutorial-list b{width:28px;height:28px;border-radius:8px;background:var(--yellow);color:#111;display:grid;place-items:center;font-size:.72rem}
.cinema-tabs-tutorial-list strong{display:block;font-size:.88rem;margin-bottom:2px}
.cinema-tabs-tutorial-list small{display:block;color:var(--muted);font-size:.76rem;line-height:1.35}
.cinema-tabs-tutorial-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.tutorial-center-dual-actions{display:flex;gap:8px;flex-wrap:wrap}.tutorial-center-dual-actions .btn{flex:1 1 120px}

/* Desktop preservado: a lista alternativa do relatório existe apenas para o layout mobile. */
.report-job-list-mobile{display:none}

@media(max-width:760px){
  /* Planos: triplicar aproximadamente o destaque visual dos valores somente no mobile. */
  #planosView .store-price strong{font-size:clamp(4rem,20vw,5.2rem)!important;line-height:.92!important;letter-spacing:-.065em!important}
  #planosView .store-price span{font-size:1rem!important}

  /* Dashboard: aumentar apenas as fontes das áreas solicitadas. */
  #dashboardView .dashboard-agenda-panel .panel-head h3,
  #dashboardView .dashboard-report-summary .panel-head h3{font-size:clamp(1.3rem,4.8vw,1.65rem)!important}
  #dashboardView .dashboard-agenda-panel .eyebrow,
  #dashboardView .dashboard-report-summary .eyebrow{font-size:.78rem!important}
  #dashboardView .dashboard-agenda-panel .muted,
  #dashboardView .dashboard-report-summary .muted,
  #dashboardView #dashboardReportPeriod{font-size:.92rem!important;line-height:1.45!important}
  #dashboardView .dashboard-agenda-panel :is(.agenda-card,.dashboard-next-job) strong{font-size:1rem!important}
  #dashboardView .dashboard-agenda-panel :is(.agenda-card,.dashboard-next-job) small{font-size:.82rem!important;line-height:1.35!important}
  #dashboardView .dashboard-report-kpis span{font-size:.88rem!important;line-height:1.25!important}
  #dashboardView .dashboard-report-kpis strong{font-size:1.38rem!important}
  #dashboardView .stats-grid .stat-card span{font-size:.86rem!important;line-height:1.25!important}
  #dashboardView .stats-grid .stat-card strong{font-size:1.8rem!important}
  #dashboardView .stats-grid .stat-card small{font-size:.76rem!important;line-height:1.3!important}

  /* Relatório mensal: substituir a tabela apertada pela lista apenas no mobile. */
  #relatorioView .report-table-desktop{display:none!important}
  #relatorioView .report-job-list-mobile{display:grid!important;gap:8px;margin-top:14px}
  #relatorioView .report-job-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 8px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
  #relatorioView .report-job-list-main{min-width:0;display:grid;gap:4px}
  #relatorioView .report-job-list-main strong{font-size:.82rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #relatorioView .report-job-list-main small{font-size:.68rem;line-height:1.35;color:var(--muted);overflow-wrap:anywhere}
  #relatorioView .report-job-list-side{display:flex;align-items:center;gap:6px;white-space:nowrap}
  #relatorioView .report-job-list-value{font-size:.76rem;color:var(--text);font-weight:900}
  #relatorioView .report-job-view{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:9px!important;font-size:1rem!important}
  #relatorioView .report-job-view span{display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--yellow);border-radius:50%;color:var(--yellow);font-size:1.15rem;font-weight:900;line-height:1}

  /* Histórico de Orçamentos: Abrir pequeno e na mesma linha do valor, somente no mobile. */
  #orcamentoView .quote-history-row{grid-template-columns:minmax(0,1fr) auto auto!important;gap:7px!important}
  #orcamentoView .quote-history-total{align-self:center}
  #orcamentoView .quote-history-open{grid-column:auto!important;width:auto!important;min-width:0!important;min-height:28px!important;padding:4px 7px!important;border-radius:7px!important;font-size:.6rem!important;line-height:1!important}

  /* Diária / Fluxo: safe area superior para título e botão X não serem cortados. */
  #jobDetailsDialog[open]{margin:max(14px,calc(env(safe-area-inset-top) + 10px)) auto max(8px,env(safe-area-inset-bottom))!important;max-height:calc(100dvh - max(30px,calc(env(safe-area-inset-top) + 18px)) - max(8px,env(safe-area-inset-bottom)))!important}
  #jobDetailsDialog .dialog-card{padding-top:18px!important}
}

/* V22.3.38 / build 2361 — somente os ajustes solicitados nesta rodada. */

/* Planos: valores maiores em desktop e mobile, sem alterar o restante dos cards. */
#planosView .store-price{min-width:0;flex-wrap:nowrap!important;align-items:baseline!important}
#planosView .store-price strong{font-size:clamp(3.8rem,5.8vw,5.2rem)!important;line-height:.95!important;letter-spacing:-.055em!important;white-space:nowrap!important}
#planosView .store-price span{font-size:1rem!important;white-space:nowrap!important}

/* Escolha do conteúdo do PDF de Relatórios. */
.report-pdf-scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.report-pdf-scope-grid .btn{width:100%;min-height:48px}

/* Enquanto qualquer dialog modal estiver aberto, o fundo não pode rolar ou receber overscroll. */
html:has(dialog[open]),body:has(dialog[open]){overflow:hidden!important;overscroll-behavior:none!important}
dialog[open]{overscroll-behavior:contain}

@media(max-width:760px){
  /* Modo Cinema: manter a barra de abas visível durante o tour. */
  .sector-tour-layer.sector-tour-cinema .sector-tour-card{top:max(74px,calc(env(safe-area-inset-top) + 62px))!important;bottom:auto!important;max-height:min(38dvh,330px)!important}

  /* Diária / Fluxo: espaço real no topo e rodapé, inclusive para o botão Gerar PDF. */
  #jobDetailsDialog[open]{position:fixed!important;top:max(10px,calc(env(safe-area-inset-top) + 8px))!important;bottom:max(10px,calc(env(safe-area-inset-bottom) + 8px))!important;left:8px!important;right:8px!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;overflow:hidden!important}
  #jobDetailsDialog>.dialog-card{max-height:calc(100dvh - max(20px,calc(env(safe-area-inset-top) + 16px)) - max(20px,calc(env(safe-area-inset-bottom) + 16px)))!important;overflow-y:auto!important;padding-top:18px!important;padding-bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px))!important;overscroll-behavior:contain!important}
  /* Agenda > Detalhes: o cabeçalho DIÁRIA / FLUXO pertence ao conteúdo e rola junto com ele. */
  #jobDetailsDialog .dialog-head{position:static!important;top:auto!important;z-index:auto!important;background:var(--panel)!important;padding-top:2px!important;flex:0 0 auto!important}
  #jobDetailsDialog .job-workflow-pane{max-height:none!important;overflow:visible!important}
  #jobDetailsDialog .job-workflow-footer{padding-bottom:max(10px,env(safe-area-inset-bottom))!important}
  #jobDetailsDialog #jobWorkflowGeneratePdfBtn{min-height:48px!important}

  /* Registrar investimento: um campo por linha no mobile. */
  #reportProfessionalArea .pro-card:has([name="investDate"]) .pro-grid{grid-template-columns:1fr!important;gap:14px!important}
  #reportProfessionalArea .pro-card:has([name="investDate"]) .pro-grid>label{grid-column:1/-1!important;min-width:0!important}

  /* O preço continua grande no mobile, mas sem quebrar ou cortar "R$ 0 /mês". */
  #planosView .store-price strong{font-size:clamp(4.5rem,20.5vw,5.2rem)!important;line-height:.94!important;letter-spacing:-.06em!important}

  .report-pdf-scope-grid{grid-template-columns:1fr}
}


/* Relatórios: o seletor principal permanece visível; somente o conteúdo abaixo troca. */
#relatorioView .report-main-tabs{
  position:sticky;
  top:0;
  z-index:12;
  background:var(--bg);
  padding-top:4px;
  padding-bottom:8px;
}

/* Agenda mobile: pedido pontual — ações sem ícones e campos de detalhes em 2 colunas. */
@media(max-width:760px){
  #jobDetailsDialog .workflow-actions>.btn{display:flex!important;align-items:center!important;justify-content:center!important}
  #jobDetailsDialog .job-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #jobDetailsDialog .job-detail-grid>div:not(.job-detail-wide){min-width:0!important}
  #jobDetailsDialog .job-detail-wide{grid-column:1/-1!important}
}


/* stylesheet: v22338-plans-rework.css */
/* SouPrimeiroAC V22.3.38 / build 2361 — redesign exclusivo da aba Planos. */
#planosView{--plans-black:#080808;--plans-panel:#121212;--plans-panel-2:#191919;--plans-line:#303030;--plans-soft:#a9a9a1;--plans-yellow:var(--yellow,#ffd400)}
#planosView .plans-brand-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;margin-bottom:20px;padding:clamp(24px,4vw,44px);border-radius:26px;background:var(--plans-black);color:#fff;border:1px solid #242424;box-shadow:0 20px 60px rgba(0,0,0,.16)}
#planosView .plans-brand-hero:before{content:"AC";position:absolute;right:-.035em;bottom:-.36em;font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:clamp(9rem,23vw,22rem);line-height:1;color:rgba(255,212,0,.055);letter-spacing:-.09em;pointer-events:none}
#planosView .plans-brand-copy{position:relative;z-index:1;max-width:790px}
#planosView .plans-brand-copy>.eyebrow{color:var(--plans-yellow);letter-spacing:.16em;margin-bottom:10px}
#planosView .plans-brand-copy h3{max-width:760px;margin:0;font-family:"Space Grotesk",sans-serif;font-size:clamp(2.2rem,5vw,4.7rem);line-height:.96;letter-spacing:-.055em;color:#fff}
#planosView .plans-brand-copy>p:not(.eyebrow){max-width:690px;margin:18px 0 0;font-size:clamp(.98rem,1.5vw,1.16rem);line-height:1.62;color:#c5c5be}
#planosView .plans-brand-steps{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}
#planosView .plans-brand-steps span{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #333;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.09em;color:#deded8;background:#111}
#planosView .plans-brand-steps b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--plans-yellow);color:#111;font-size:.66rem}
#planosView .plans-current-status{position:relative;z-index:1;align-self:start;justify-items:end;max-width:280px;text-align:right}
#planosView .plans-current-status small{color:#aaa}
#planosView .plans-brand-grid{gap:14px;align-items:stretch}
#planosView .store-plan-card{background:var(--plans-panel);color:#fff;border:1px solid var(--plans-line);border-radius:20px;padding:22px;box-shadow:none;overflow:hidden}
#planosView .store-plan-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#3a3a3a}
#planosView .store-plan-card.featured{border-color:#4a4a3a;background:var(--plans-panel-2)}
#planosView .store-plan-card.featured:before{background:rgba(255,212,0,.55)}
#planosView .store-plan-card.premium{background:linear-gradient(160deg,#111 0%,#0a0a0a 68%,rgba(255,212,0,.10) 130%);border-color:rgba(255,212,0,.72)}
#planosView .store-plan-card.premium:before{width:5px;background:var(--plans-yellow)}
#planosView .store-plan-card.current-plan{outline:2px solid var(--plans-yellow);outline-offset:3px}
#planosView .plan-card-index{display:flex;align-items:center;gap:9px;color:#777;margin-bottom:13px;font-size:.66rem;letter-spacing:.13em;font-weight:900}
#planosView .plan-card-index span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #3a3a3a;border-radius:50%;color:var(--plans-yellow);font-size:.65rem}
#planosView .store-plan-tag{padding:7px 10px;border-radius:7px;background:var(--plans-yellow);color:#111;border:0;font-size:.65rem;letter-spacing:.08em}
#planosView .store-plan-top{gap:13px;margin-top:19px}
#planosView .store-plan-top .eyebrow{color:#777;font-size:.66rem;letter-spacing:.12em}
#planosView .store-plan-top h3{font-size:clamp(1.75rem,2.5vw,2.45rem);color:#fff;letter-spacing:-.045em}
#planosView .store-price{display:flex;align-items:baseline;gap:7px;color:#fff;min-height:auto}
#planosView .store-price strong{font-family:"Space Grotesk",sans-serif;font-size:clamp(2.95rem,5vw,4.7rem)!important;line-height:.92!important;letter-spacing:-.065em!important;color:#fff}
#planosView .store-price span{font-size:.78rem!important;color:#8f8f89;text-transform:uppercase;letter-spacing:.06em}
#planosView .plan-card-promise{min-height:5.1em;margin:16px 0 0;color:#b9b9b1;font-size:.92rem;line-height:1.55}
#planosView .plan-quantity-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:17px 0 0}
#planosView .plan-quantity-strip span{min-width:0;padding:10px 8px;border-radius:10px;border:1px solid #2d2d2d;background:#0d0d0d;display:grid;gap:3px}
#planosView .plan-quantity-strip b{font-family:"Space Grotesk",sans-serif;color:var(--plans-yellow);font-size:.86rem;line-height:1.1;overflow-wrap:anywhere}
#planosView .plan-quantity-strip small{font-size:.58rem;line-height:1.25;color:#7e7e78;text-transform:uppercase;letter-spacing:.04em}
#planosView .store-benefits{border-top-color:#292929;padding-top:18px;margin:18px 0 22px;gap:11px;font-size:.86rem;color:#d7d7d0}
#planosView .store-benefits li{padding-left:20px;line-height:1.45}
#planosView .store-benefits li:before{color:var(--plans-yellow);font-size:.74rem;top:.12em}
#planosView .store-benefits strong{color:#fff}
#planosView .plan-checkout-btn{border-radius:10px;min-height:46px;font-weight:900;letter-spacing:.01em}
#planosView .plan-card-complete .plan-checkout-btn{box-shadow:0 8px 24px rgba(255,212,0,.14)}
#planosView .plans-comparison-panel{margin:20px 0;padding:clamp(18px,3vw,28px);border:1px solid #242424;border-radius:22px;background:#0b0b0b;color:#fff;overflow:hidden}
#planosView .plans-comparison-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
#planosView .plans-comparison-head>div{max-width:760px}
#planosView .plans-comparison-head .eyebrow{color:var(--plans-yellow);letter-spacing:.15em}
#planosView .plans-comparison-head h3{margin:4px 0 6px;font-family:"Space Grotesk",sans-serif;font-size:clamp(1.45rem,3vw,2.35rem);line-height:1.05;letter-spacing:-.04em;color:#fff}
#planosView .plans-comparison-head p{margin:0;color:#979791;font-size:.82rem;line-height:1.5}
#planosView .plans-compare-mark{display:grid;place-items:center;flex:0 0 auto;width:54px;height:54px;border-radius:14px;background:var(--plans-yellow);color:#111;font-family:"Space Grotesk",sans-serif;font-size:1.25rem;font-weight:900;letter-spacing:-.06em}
#planosView .plans-comparison-scroll{overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid #242424;border-radius:14px;scrollbar-width:thin;scrollbar-color:#555 #111}
#planosView .plans-comparison-grid{min-width:760px;background:#101010}
#planosView .plans-compare-row{display:grid;grid-template-columns:minmax(220px,1.35fr) repeat(3,minmax(140px,1fr));align-items:stretch;border-bottom:1px solid #242424}
#planosView .plans-compare-row:last-child{border-bottom:0}
#planosView .plans-compare-row>*{min-width:0;padding:12px 14px;border-right:1px solid #242424;display:flex;align-items:center}
#planosView .plans-compare-row>*:last-child{border-right:0}
#planosView .plans-compare-row>span{color:#d5d5cf;font-size:.78rem;font-weight:700}
#planosView .plans-compare-row>b{color:#b9b9b2;font-size:.73rem;font-weight:800;line-height:1.35}
#planosView .plans-compare-row>b:nth-child(4){color:#fff;background:rgba(255,212,0,.035)}
#planosView .plans-compare-row .is-best{color:var(--plans-yellow)!important}
#planosView .plans-compare-row .is-no{color:#555!important}
#planosView .plans-compare-header{position:sticky;top:0;z-index:1;background:#171717}
#planosView .plans-compare-header strong{padding:12px 14px;color:#777;font-size:.64rem;letter-spacing:.1em}
#planosView .plans-compare-header strong:nth-child(4){color:var(--plans-yellow)}
#planosView .plans-compare-section{padding:10px 14px;background:#080808;border-bottom:1px solid #242424;color:var(--plans-yellow);font-size:.62rem;font-weight:900;letter-spacing:.13em}
#planosView .plans-payment-panel{background:#111;color:#fff;border-color:#292929;border-radius:20px;box-shadow:none}
#planosView .plans-payment-panel h3{color:#fff}
#planosView .plans-payment-panel .muted{color:#999993}
#planosView .plans-payment-panel .wallet-preview span{background:#090909;border-color:#303030;color:#fff}
html[data-theme="dark"] #planosView .plans-brand-hero,html[data-theme="dark"] #planosView .store-plan-card,html[data-theme="dark"] #planosView .plans-comparison-panel{box-shadow:none}
@media(max-width:900px){
  #planosView .plans-brand-hero{grid-template-columns:1fr;align-items:start}
  #planosView .plans-current-status{justify-items:start;text-align:left;max-width:none}
  #planosView .plan-card-promise{min-height:0}
}
@media(max-width:760px){
  #planosView .plans-brand-hero{padding:22px 18px;border-radius:19px;margin-bottom:14px}
  #planosView .plans-brand-copy h3{font-size:clamp(2rem,10vw,3rem)}
  #planosView .plans-brand-copy>p:not(.eyebrow){font-size:.9rem;line-height:1.55}
  #planosView .plans-brand-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:20px}
  #planosView .plans-brand-steps span{width:100%;min-width:0;max-width:none;justify-content:center;padding:8px 6px;gap:5px;font-size:.58rem;letter-spacing:.04em;white-space:nowrap}
  #planosView .plans-brand-steps b{flex:0 0 auto;width:23px;height:23px;font-size:.6rem}
  #planosView .plans-brand-grid{gap:10px}
  #planosView .store-plan-card{padding:18px;border-radius:16px}
  #planosView .store-price strong{font-size:clamp(3.35rem,17vw,4.5rem)!important}
  #planosView .plan-quantity-strip{gap:5px}
  #planosView .plan-quantity-strip span{padding:9px 7px}
  #planosView .plans-comparison-panel{padding:16px 12px;border-radius:17px}
  #planosView .plans-comparison-head{gap:10px}
  #planosView .plans-compare-mark{width:44px;height:44px;border-radius:11px;font-size:1rem}
  #planosView .plans-comparison-scroll:after{content:"Deslize para comparar →";display:block;padding:8px 10px;color:#70706b;font-size:.62rem;letter-spacing:.05em;background:#090909}
  #planosView .plans-payment-panel{padding:18px}
}
@media(max-width:400px){
  #planosView .plan-quantity-strip{grid-template-columns:1fr}
  #planosView .plan-quantity-strip span{grid-template-columns:auto 1fr;align-items:baseline;gap:8px}
  #planosView .plan-quantity-strip small{font-size:.6rem}
}

/* Ajuste solicitado: preço como elemento principal, encostado ao nome do plano. */
#planosView .store-plan-top{gap:2px!important}
#planosView .store-price{margin-top:-2px!important}
#planosView .store-price strong{font-size:clamp(4.4rem,7.5vw,6.6rem)!important;line-height:.86!important}
@media(max-width:760px){
  #planosView .store-plan-top{gap:0!important;margin-top:16px!important}
  #planosView .store-price{margin-top:0!important}
  #planosView .store-price strong{font-size:clamp(4.8rem,22vw,6.8rem)!important;line-height:.82!important}
  #planosView .store-price span{font-size:.82rem!important;margin-left:2px}
}

/* Nome à esquerda e valor à direita na mesma linha do plano. */
#planosView .plan-name-price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;width:100%}
#planosView .plan-name-price-row>div:first-child{min-width:0}
#planosView .plan-name-price-row .store-price{flex:0 0 auto;margin:0!important;text-align:right}
@media(max-width:760px){
  #planosView .plan-name-price-row{align-items:flex-end;gap:10px}
  #planosView .plan-name-price-row .store-price strong{font-size:clamp(2.65rem,12vw,4rem)!important;line-height:.86!important}
  #planosView .plan-name-price-row .store-price span{font-size:.7rem!important}
}

/* Mobile: nome do plano à esquerda e valor à direita na mesma linha. */
@media(max-width:760px){
  #planosView .store-plan-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;column-gap:12px!important}
  #planosView .store-plan-top>div:first-child{min-width:0}
  #planosView .store-price{align-self:end!important;justify-self:end!important;margin:0!important;white-space:nowrap!important}
  #planosView .store-price strong{font-size:clamp(2.4rem,12vw,3.7rem)!important;line-height:.9!important}
  #planosView .store-price span{font-size:.7rem!important}
}

/* Mobile: valor do plano 3x maior que o ajuste anterior, mantendo-o à direita. */
@media(max-width:760px){
  #planosView .store-plan-top{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr)!important;align-items:end!important}
  #planosView .store-price{justify-self:end!important;max-width:100%!important}
  #planosView .store-price strong{font-size:clamp(7.2rem,36vw,11.1rem)!important;line-height:.72!important;letter-spacing:-.085em!important}
  #planosView .store-price span{font-size:.72rem!important;flex:0 0 auto}
}

/* Refinamento final mobile: preço forte, proporcional e alinhado ao nome sem dominar o card. */
@media(max-width:760px){
  #planosView .store-plan-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;column-gap:14px!important;row-gap:0!important}
  #planosView .store-plan-top>div:first-child{min-width:0}
  #planosView .store-price{justify-self:end!important;align-self:end!important;max-width:none!important;margin:0 0 2px!important;gap:5px!important;white-space:nowrap!important}
  #planosView .store-price strong{font-size:clamp(3.15rem,15vw,4.65rem)!important;line-height:.84!important;letter-spacing:-.075em!important}
  #planosView .store-price span{font-size:.68rem!important;line-height:1!important;letter-spacing:.045em!important;margin-left:2px!important}
}
@media(max-width:390px){
  #planosView .store-price strong{font-size:clamp(2.85rem,14vw,4rem)!important}
  #planosView .store-plan-top{column-gap:9px!important}
}


/* stylesheet: v22339-notifications-fullscreen.css */
/* STAGING — Central de Notificações em tela cheia no mobile.
   Android/iPhone/PWA: ocupa a área útil inteira e usa uma única rolagem vertical. */
@media (max-width:900px), (pointer:coarse){
  #notificationsDialog.notifications-dialog{
    box-sizing:border-box!important;
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    width:100dvw!important;
    max-width:none!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#0b0d10!important;
    overflow:hidden!important;
  }
  #notificationsDialog::backdrop{background:#0b0d10!important}
  #notificationsDialog .notifications-card{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    min-height:100%!important;
    height:100%!important;
    max-height:none!important;
    margin:0!important;
    padding:
      max(12px,env(safe-area-inset-top))
      max(12px,env(safe-area-inset-right))
      max(16px,env(safe-area-inset-bottom))
      max(12px,env(safe-area-inset-left))!important;
    border:0!important;
    border-radius:0!important;
    display:block!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #notificationsDialog .dialog-head{
    position:sticky!important;
    top:calc(-1 * max(12px,env(safe-area-inset-top)))!important;
    z-index:5!important;
    margin:
      calc(-1 * max(12px,env(safe-area-inset-top)))
      calc(-1 * max(12px,env(safe-area-inset-right)))
      10px
      calc(-1 * max(12px,env(safe-area-inset-left)))!important;
    padding:
      max(12px,env(safe-area-inset-top))
      max(12px,env(safe-area-inset-right))
      10px
      max(12px,env(safe-area-inset-left))!important;
    background:#0b0d10!important;
  }
  #notificationsDialog .notifications-toolbar{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
    overflow:visible!important;
    margin-bottom:10px!important;
  }
  #notificationsDialog .notifications-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    min-width:0!important;
    gap:8px!important;
  }
  #notificationsDialog .notifications-actions .btn{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:44px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  #notificationsDialog .notification-setup-card{
    width:100%!important;
  }
  #notificationsDialog .notifications-list,
  #notificationsDialog .notifications-list.has-scroll{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    width:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    padding:0 0 10px!important;
    margin:0!important;
  }
  #notificationsDialog .notification-item{
    flex:0 0 auto!important;
    width:100%!important;
    max-width:100%!important;
  }
}
@media (max-width:420px){
  #notificationsDialog .notifications-actions{grid-template-columns:1fr!important}
}


/* Desktop — Central de Notificações centralizada no viewport.
   Não altera o comportamento fullscreen mobile acima. */
@media (min-width:901px) and (pointer:fine){
  #notificationsDialog.notifications-dialog{
    position:fixed!important;
    inset:0!important;
    width:min(92vw,1180px)!important;
    height:auto!important;
    max-width:1180px!important;
    max-height:min(88dvh,900px)!important;
    margin:auto!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  #notificationsDialog .notifications-card{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:1180px!important;
    min-height:0!important;
    height:auto!important;
    max-height:min(88dvh,900px)!important;
    margin:0 auto!important;
    border-radius:18px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
}


/* stylesheet: v22367-quote-history-polish.css */
/* V22.3.67 / build 2390 — acabamento restrito ao Orçamento. */
#orcamentoView .quote-history-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}
#orcamentoView .quote-history-action{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid #353a42!important;border-radius:10px!important;background:#15181d!important;color:#f5f6f7!important;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}
#orcamentoView .quote-history-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
#orcamentoView .quote-history-action:hover,#orcamentoView .quote-history-action:focus-visible{border-color:#ffd400!important;background:#20242a!important;color:#ffd400!important;transform:translateY(-1px);outline:none}
#orcamentoView .quote-history-action.quote-delete-btn{color:#ff7b7b!important}
#orcamentoView .quote-history-action.quote-delete-btn:hover,#orcamentoView .quote-history-action.quote-delete-btn:focus-visible{border-color:#ff6868!important;background:rgba(255,70,70,.09)!important;color:#ff8b8b!important}
#orcamentoView .quote-history-open{font-size:0!important}

#orcamentoView .quote-money-control,#quoteItemDialog .quote-money-control{position:relative;display:block;width:100%}
#orcamentoView .quote-money-prefix,#quoteItemDialog .quote-money-prefix{position:absolute;left:10px;top:50%;transform:translateY(-50%);z-index:2;font-size:.78rem;font-weight:900;line-height:1;pointer-events:none;color:currentColor;-webkit-text-fill-color:currentColor;opacity:.92}
#orcamentoView .quote-money-control input,#quoteItemDialog .quote-money-control input{width:100%;padding-left:36px!important;font-variant-numeric:tabular-nums}
#orcamentoView .quote-daily-value-highlight .quote-money-control{margin-top:6px}
#orcamentoView .quote-daily-value-highlight .quote-money-control input{margin-top:0!important}
#orcamentoView .quote-summary-discount .quote-money-prefix{color:#aeb0b5!important;-webkit-text-fill-color:#aeb0b5!important;font-size:.7rem}
#orcamentoView .quote-summary-discount .quote-money-control input{text-align:right!important;padding-left:34px!important}
#orcamentoView .quote-money-control input::placeholder,#quoteItemDialog .quote-money-control input::placeholder{opacity:.52}

@media(max-width:760px){
  #orcamentoView .quote-history-row{grid-template-columns:minmax(0,1fr) auto!important}
  #orcamentoView .quote-history-total{align-self:center}
  #orcamentoView .quote-history-actions{grid-column:1/-1;justify-content:flex-end;gap:7px}
  #orcamentoView .quote-history-action{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;border-radius:9px!important}
}


/* stylesheet: v22368-quote-history-fill.css */
/* V22.3.68 / build 2391 — preenchimento do histórico de Orçamentos, sem tocar em outras áreas. */
#orcamentoView .saved-quotes{
  display:flex!important;
  flex-direction:column!important;
  min-height:clamp(420px,48dvh,560px)!important;
}
#orcamentoView #savedQuotesList{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:calc((84px * 5) + (10px * 4))!important;
  grid-auto-rows:minmax(84px,1fr)!important;
  gap:10px!important;
  align-content:stretch!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
}
#orcamentoView .quote-history-row{
  min-height:84px!important;
  height:100%!important;
  padding:12px 13px!important;
}

@media(max-width:760px){
  #orcamentoView .saved-quotes{
    min-height:clamp(520px,62dvh,650px)!important;
    padding-bottom:18px!important;
  }
  #orcamentoView #savedQuotesList{
    max-height:calc((96px * 5) + (11px * 4))!important;
    grid-auto-rows:minmax(96px,1fr)!important;
    gap:11px!important;
  }
  #orcamentoView .quote-history-row{
    min-height:96px!important;
    padding:13px 14px!important;
    gap:10px!important;
    align-content:center!important;
  }
  #orcamentoView .quote-history-actions{
    align-self:end!important;
  }
}

@media(max-width:420px){
  #orcamentoView .saved-quotes{
    min-height:clamp(500px,60dvh,620px)!important;
  }
  #orcamentoView #savedQuotesList{
    max-height:calc((92px * 5) + (10px * 4))!important;
    grid-auto-rows:minmax(92px,1fr)!important;
    gap:10px!important;
  }
  #orcamentoView .quote-history-row{
    min-height:92px!important;
  }
}


/* stylesheet: v22369-quote-history-footer.css */
/* V22.3.69 / build 2393 — o fim da página acompanha o fim do histórico de Orçamentos. Escopo exclusivo desta tela. */
#orcamentoView.active-view{
  padding-bottom:0!important;
  margin-bottom:-60px!important;
}
#orcamentoView .saved-quotes{
  margin-bottom:0!important;
}
@media(max-width:760px){
  #orcamentoView.active-view{
    margin-bottom:calc(-88px - env(safe-area-inset-bottom))!important;
  }
}


/* stylesheet: reports-visual-2405.css */
/* V22.3.82 / build 2405 — acabamento APENAS Relatórios, Analytics, Demanda e Data em Metas. */
#relatorioView{--report-ink:#f8f8f9;--report-muted:#b9bec8;--report-yellow:#ffd426;--report-card:#1b1d22;--report-edge:#383b43}
/* Campo compacto pedido em Meus Investimentos, sem afetar outros inputs. */
#relatorioView .report-goals-surface label:has(> input[name="investDate"]){max-width:210px;width:100%;justify-self:start}
#relatorioView .report-goals-surface input[name="investDate"]{width:100%;max-width:186px;min-width:0;padding-inline:9px!important}
/* Introdução da aba Relatório: reaproveita os controles existentes sem mudar seus IDs. */
#relatorioView .report-section-head{
  position:relative;isolation:isolate;overflow:hidden;border:1px solid #58502d!important;
  border-radius:20px!important;background:linear-gradient(117deg,#25231c,#191a1e 60%,#15171a)!important;
  padding:clamp(18px,2.6vw,28px)!important;gap:20px!important;
}
#relatorioView .report-section-head::after{content:"";position:absolute;right:-95px;top:-155px;width:350px;height:350px;background:radial-gradient(circle,#ffd4261e,transparent 70%);pointer-events:none;z-index:-1}
#relatorioView .report-section-head .eyebrow{color:#ffd426!important;letter-spacing:.15em;font-weight:850}
#relatorioView .report-section-head h3{color:#fff!important;letter-spacing:-.04em;font-size:clamp(23px,2.8vw,32px)!important;line-height:1.2;margin-block:6px 9px}
#relatorioView .report-section-head>div:first-child>p:last-child{color:#c3c6cd!important;max-width:58ch;line-height:1.55}
#relatorioView .report-filter{position:relative;z-index:1;min-width:0}
#relatorioView .report-date-search label{color:#dfe1e5!important;font-size:12px;font-weight:750}
#relatorioView .report-date-search input{background:#111317!important;color:#f4f5f7!important;border:1px solid #444851!important;border-radius:10px!important;min-width:0}
#relatorioView .report-presets button{background:#202328!important;border:1px solid #454850!important;color:#f4f5f7!important}
#relatorioView .report-presets button:hover{border-color:#ffd426!important}
#relatorioView #exportReportPdfBtn{border-radius:11px!important;font-weight:800!important}
#relatorioView .report-main-tabs{border:1px solid #30343b;border-radius:15px;padding:6px!important;background:#15171b!important;gap:7px!important}
#relatorioView .report-main-tabs button{border-radius:10px!important;min-height:44px!important;background:#202227!important;border:1px solid transparent!important;color:#e8ebf0!important}
#relatorioView .report-main-tabs button.active{color:#141414!important;background:#ffd426!important;border-color:#ffd426!important;box-shadow:0 4px 14px #ffd4261b}
/* Blocos existentes da aba Relatório mensal. */
#relatorioView #reportMonthlyArea .report-kpis{gap:12px!important;margin-block:22px!important}
#relatorioView #reportMonthlyArea .report-kpi{
  position:relative;min-width:0;overflow:hidden;background:linear-gradient(155deg,#22242a,#17191d)!important;
  border:1px solid #393d45!important;border-radius:16px!important;padding:19px!important;box-shadow:0 8px 22px #00000014
}
#relatorioView #reportMonthlyArea .report-kpi::before{content:"";display:block;width:25px;height:3px;border-radius:4px;background:#ffdb4d;margin-bottom:15px}
#relatorioView #reportMonthlyArea .report-kpi span{color:#d3d6dc!important;font-size:12px;font-weight:750!important}
#relatorioView #reportMonthlyArea .report-kpi strong{color:#fff!important;letter-spacing:-.035em;font-size:clamp(20px,2.4vw,29px)!important;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#relatorioView #reportMonthlyArea .report-kpi small{color:#aeb5c0!important;line-height:1.55!important}
#relatorioView #reportMonthlyArea .report-kpi.danger-kpi::before{background:#fc857f}
#relatorioView #reportMonthlyArea>.report-grid{gap:17px!important}
#relatorioView #reportMonthlyArea>.report-grid>.panel,
#relatorioView #reportMonthlyArea>.report-calendar-panel,
#relatorioView #reportMonthlyArea>.report-details{
  border:1px solid #393d45!important;background:linear-gradient(160deg,#202227,#17191d)!important;
  border-radius:18px!important;padding:clamp(16px,2vw,23px)!important;color:#f7f8fa!important;
}
#relatorioView #reportMonthlyArea .panel-head h3{font-size:clamp(17px,2vw,21px);color:#fff!important;letter-spacing:-.025em}
#relatorioView #reportMonthlyArea .panel-head .eyebrow{color:#ffd426!important;font-size:10px!important;letter-spacing:.14em}
#relatorioView #reportMonthlyArea .finance-bars{gap:15px}
#relatorioView #reportMonthlyArea .finance-bar-track{background:#35383f!important;border-radius:20px!important}
#relatorioView #reportMonthlyArea .finance-bar-fill{background:linear-gradient(90deg,#c6a009,#ffdd49)!important}
#relatorioView #reportMonthlyArea .client-report-row{background:#15171c!important;border:1px solid #393c45!important;color:#fff!important;border-radius:12px!important}
#relatorioView #reportMonthlyArea .client-report-row small{color:#afb6c0!important}
#relatorioView #reportMonthlyArea .client-report-row>span{background:#33302a!important;color:#ffdf57!important}
#relatorioView #reportMonthlyArea .report-table-head{background:#111318!important;color:#ffde51!important}
#relatorioView #reportMonthlyArea .report-table-row{border-bottom-color:#393c43!important;color:#e9e9eb!important}
#relatorioView #reportMonthlyArea .report-calendar-nav .btn{border-color:#434852!important}
/* Analytics e Demanda preservam os cálculos e handlers existentes; a classe atua apenas na apresentação. */
#relatorioView .report-analytics-surface,
#relatorioView .report-demand-surface{display:grid;gap:18px;margin:8px 0 26px;min-width:0;color:#f8f8f9}
#relatorioView .report-data-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(19px,3vw,29px);border:1px solid #58502d;border-radius:20px;background:linear-gradient(117deg,#25231c,#191a1e 60%,#15171a)}
#relatorioView .report-data-hero::after{content:"";position:absolute;right:-95px;top:-135px;width:300px;height:300px;background:radial-gradient(circle,#ffd42621,transparent 70%);pointer-events:none}
#relatorioView .report-data-hero>div{position:relative;z-index:1}
#relatorioView .report-data-hero span{display:block;color:#ffdb54;font-size:10px;font-weight:850;letter-spacing:.16em;margin-bottom:11px}
#relatorioView .report-data-hero h3{font-size:clamp(22px,2.7vw,29px);line-height:1.18;letter-spacing:-.045em;color:#fff;margin:0 0 9px}
#relatorioView .report-data-hero p{color:#c1c6d0;font-size:13px;line-height:1.55;margin:0;max-width:55ch}
#relatorioView .report-data-hero>strong{position:relative;z-index:1;color:#ffe073;font-size:11px;letter-spacing:.15em;border:1px solid #62552c;border-radius:10px;padding:12px 15px;white-space:nowrap;background:#111214a6}
#relatorioView :is(.report-analytics-surface,.report-demand-surface) .pro-card{margin:0!important;background:linear-gradient(165deg,#202227,#17191e)!important;color:#f8f8f9!important;border:1px solid #393d45!important;border-radius:18px!important;padding:clamp(17px,2.4vw,25px)!important;min-width:0;overflow-wrap:anywhere}
#relatorioView :is(.report-analytics-surface,.report-demand-surface) .pro-card h3{display:flex;align-items:center;gap:10px;margin:0 0 17px!important;color:#fff!important;font-size:clamp(17px,2vw,21px);letter-spacing:-.03em}
#relatorioView :is(.report-analytics-surface,.report-demand-surface) .pro-card h3::before{content:"";height:21px;width:5px;flex:0 0 5px;background:#ffd426;border-radius:8px}
#relatorioView :is(.report-analytics-surface,.report-demand-surface) .pro-card p{color:#adb5c0!important;font-size:12px;line-height:1.65}
#relatorioView :is(.report-analytics-surface,.report-demand-surface) .pro-card label:has(input[name="year"]){display:flex;flex-direction:column;max-width:185px;gap:8px;color:#dde1e8;font-weight:750;font-size:12px;margin-bottom:18px}
#relatorioView :is(.report-analytics-surface,.report-demand-surface) input[name="year"]{background:#111317;color:#fff;border:1px solid #484b55;border-radius:11px;min-height:44px}
#relatorioView :is(.report-analytics-surface,.report-demand-surface) .pro-grid{gap:13px;margin:15px 0}
#relatorioView .report-analytics-surface .pro-metric{background:#121418!important;border:1px solid #383b43;border-radius:13px!important;padding:18px 15px!important}
#relatorioView .report-analytics-surface .pro-metric small{color:#b8bfca!important;font-size:11px;line-height:1.4}
#relatorioView .report-analytics-surface .pro-metric strong{font-size:clamp(17px,2vw,23px);color:#ffdf53!important;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
#relatorioView .report-analytics-surface .pro-months{padding:18px 16px;border:1px solid #353941;border-radius:14px;background:#14161b}
#relatorioView .report-analytics-surface .pro-months>div{margin:0;padding:10px 0;border-bottom:1px solid #2e3239}
#relatorioView .report-analytics-surface .pro-months>div:last-child{border-bottom:0}
#relatorioView .report-analytics-surface .pro-months meter{width:100%;accent-color:#ffd426}
#relatorioView :is(.report-analytics-surface,.report-demand-surface) .pro-ranking{margin:0;padding:0}
#relatorioView :is(.report-analytics-surface,.report-demand-surface) .pro-ranking li{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #353841;color:#dfe2e7;font-size:12px;line-height:1.5}
#relatorioView :is(.report-analytics-surface,.report-demand-surface) .pro-ranking li:last-child{border-bottom:0}
#relatorioView :is(.report-analytics-surface,.report-demand-surface) .pro-ranking b{color:#ffda4d;white-space:normal;text-align:right;font-variant-numeric:tabular-nums}
#relatorioView .report-demand-surface>.pro-card>.pro-grid>.pro-card{background:#14161a!important}
#relatorioView .report-analytics-surface>.pro-grid>.pro-card{background:#181a1f!important}
#relatorioView .report-analytics-surface [data-pro="analyticsPdf"]{background:#ffd426!important;border:1px solid #ffd426!important;color:#131313!important;font-weight:850;border-radius:11px;padding:10px 17px!important;margin-top:13px}
@media(max-width:760px){
  #relatorioView .report-data-hero{flex-direction:column;align-items:flex-start}
  #relatorioView .report-data-hero>strong{padding:8px 11px}
  #relatorioView #reportMonthlyArea .report-kpi{padding:15px!important}
  #relatorioView #reportMonthlyArea .report-kpi strong{font-size:clamp(17px,4.3vw,23px)!important}
  #relatorioView .report-analytics-surface .pro-months>div{grid-template-columns:24px minmax(0,1fr);gap:7px}
  #relatorioView .report-analytics-surface .pro-months>div>b{grid-column:2;overflow-wrap:anywhere}
}
@media(max-width:420px){
  #relatorioView .report-goals-surface label:has(> input[name="investDate"]){max-width:190px}
  #relatorioView .report-goals-surface input[name="investDate"]{max-width:166px;font-size:14px!important}
  #relatorioView .report-section-head{padding:16px!important}
  #relatorioView .report-data-hero{padding:18px}
  #relatorioView #reportMonthlyArea .report-kpi{padding:13px!important}
}


/* stylesheet: quotes-visual-2408.css */
/* V22.3.85 / build 2408
   Redesign EXCLUSIVO da aba Orçamentos.
   Sem modificação de elementos, campos, handlers ou regras de negócio.
   Identidade visual alinhada ao Relatórios / 2405.
*/
#orcamentoView{
  --quote-ink:#f8f8f9;
  --quote-muted:#bac0cb;
  --quote-yellow:#ffd426;
  --quote-surface:#191b20;
  --quote-edge:#393d45;
  min-width:0;
}
/* Cabeçalho: mesma linguagem de Relatórios. */
#orcamentoView .quote-page-head{
  position:relative!important;
  isolation:isolate;
  overflow:hidden;
  margin-bottom:22px!important;
  border:1px solid #58502d!important;
  border-radius:20px!important;
  background:linear-gradient(117deg,#25231c,#191a1e 60%,#15171a)!important;
  padding:clamp(20px,3vw,32px)!important;
  gap:16px!important;
}
#orcamentoView .quote-page-head::after{
  content:"";
  position:absolute;
  right:-105px;
  top:-150px;
  width:345px;
  height:345px;
  background:radial-gradient(circle,rgba(255,212,38,.13),transparent 69%);
  pointer-events:none;
  z-index:-1;
}
#orcamentoView .quote-page-head .eyebrow{
  color:var(--quote-yellow)!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.16em!important;
}
#orcamentoView .quote-page-head h3{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:clamp(24px,3vw,33px)!important;
  letter-spacing:-.04em!important;
  line-height:1.16!important;
}
#orcamentoView .quote-page-head>.btn{
  position:relative;
  z-index:1;
  border-radius:11px!important;
  min-height:43px;
  margin:0!important;
  padding:11px 16px!important;
  font-weight:850!important;
}
#orcamentoView .quote-page-head #newQuoteBtn{
  border:1px solid #484c54!important;
  background:#22252a!important;
  color:#f2f3f6!important;
}
#orcamentoView .quote-page-head #saveQuoteBtn{
  border:1px solid var(--quote-yellow)!important;
  background:var(--quote-yellow)!important;
  color:#171717!important;
  -webkit-text-fill-color:#171717!important;
  box-shadow:0 8px 22px rgba(255,212,38,.12);
}
/* Colunas e cartões; não altera inputs, dependências ou quantidade de itens. */
#orcamentoView .quote-layout{
  gap:18px!important;
  align-items:start;
  min-width:0;
}
#orcamentoView .quote-form-panel{
  min-width:0;
  border:1px solid var(--quote-edge)!important;
  border-radius:20px!important;
  background:linear-gradient(165deg,#202227,#16181c)!important;
  padding:clamp(16px,2.35vw,25px)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.12);
  color:var(--quote-ink)!important;
}
#orcamentoView .quote-form-panel label{
  color:#d8dce4!important;
  font-size:12px;
  font-weight:750;
  line-height:1.45;
  min-width:0;
}
#orcamentoView .quote-form-panel :is(input:not([type="checkbox"]):not([type="hidden"]),select,textarea){
  border:1px solid #434750!important;
  border-radius:11px!important;
  background:#111318!important;
  color:#f8f8f9!important;
  -webkit-text-fill-color:#f8f8f9!important;
  min-width:0;
}
#orcamentoView .quote-form-panel :is(input,select,textarea):focus-visible{
  outline:2px solid rgba(255,212,38,.45)!important;
  outline-offset:1px;
  border-color:#e8c543!important;
}
#orcamentoView .quote-form-panel :is(input,textarea)::placeholder{
  color:#8e95a0!important;
  -webkit-text-fill-color:#8e95a0!important;
}
#orcamentoView .quote-form-panel .quote-primary{
  position:relative;
  overflow:hidden;
  margin-bottom:17px!important;
  padding:clamp(17px,2.25vw,24px)!important;
  border:1px solid #454037!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,#23221e,#17191d 72%)!important;
}
#orcamentoView .quote-form-panel .quote-primary>.eyebrow{
  margin-bottom:18px;
  color:#ffe06b!important;
  font-size:10px;
  letter-spacing:.15em;
  font-weight:900;
}
#orcamentoView .quote-primary .quote-daily-value-highlight{
  background:#ffd426!important;
  border:1px solid #efc526!important;
  box-shadow:0 8px 20px rgba(255,212,38,.09);
}
#orcamentoView .quote-primary .quote-daily-value-highlight .quote-money-control input{
  background:#fff8d6!important;
  color:#111!important;
  -webkit-text-fill-color:#111!important;
  border-color:#d8b52d!important;
}
/* Projeto integrado e opção existente de anexar equipamentos. */
#orcamentoView .quote-project-autofill{
  margin-bottom:13px!important;
  border:1px solid #3d4149!important;
  border-radius:15px!important;
  background:#14161a!important;
  padding:15px!important;
}
#orcamentoView .quote-project-autofill .project-autofill-label{color:#ffda52!important;letter-spacing:.1em}
#orcamentoView .quote-project-autofill strong{color:#fff!important}
#orcamentoView .quote-attachment-option{
  margin-bottom:17px!important;
  padding:11px 13px!important;
  border:1px solid #383d45!important;
  border-radius:12px!important;
  background:#16191d!important;
}
#orcamentoView .quote-attachment-option span{color:#d6dae2!important}
#orcamentoView .quote-attachment-option input{accent-color:#ffd426}
/* Dados do cliente agrupados como seção visual sem mudar a ordem ou os campos. */
#orcamentoView .quote-client-card{
  margin-bottom:18px!important;
  padding:clamp(15px,2vw,22px)!important;
  border:1px solid #373b43!important;
  border-radius:16px!important;
  background:linear-gradient(150deg,#1c1f24,#15171b)!important;
  gap:14px!important;
}
#orcamentoView .quote-form-panel .favorite-input{min-width:0}
#orcamentoView .quote-form-panel .favorite-btn{border-radius:9px!important}
#orcamentoView .quote-kit-preview:not(:empty){
  overflow:hidden;
  border-radius:14px;
  margin-bottom:17px!important;
}
#orcamentoView .quote-items-head{
  margin:24px 0 13px!important;
  padding:14px 15px!important;
  border:1px solid #3d4048!important;
  border-radius:14px!important;
  background:#17191e!important;
}
#orcamentoView .quote-items-head .eyebrow{
  color:#ffda52!important;
  font-size:10px;
  font-weight:850;
  letter-spacing:.14em;
}
#orcamentoView .quote-items-head h3{
  color:#fff!important;
  font-size:clamp(17px,2vw,21px)!important;
  letter-spacing:-.03em;
}
#orcamentoView .quote-items-head #addQuoteItemBtn{
  color:#ffd426!important;
  border:1px solid #665625!important;
  border-radius:10px!important;
  padding:9px 12px!important;
  background:#242114!important;
}
#orcamentoView #quoteItems{gap:10px!important;margin:0 0 18px!important}
#orcamentoView #quoteItems .quote-item{
  min-width:0;
  border:1px solid #393c45!important;
  border-radius:13px!important;
  background:#111318!important;
  padding:12px!important;
  color:#f4f4f4!important;
}
#orcamentoView .quote-form-panel>label:has(> #quoteNotes){
  display:grid;
  gap:8px;
  border-top:1px solid #363a42;
  margin-top:18px;
  padding-top:17px;
}
#orcamentoView #quoteNotes{resize:vertical;line-height:1.55}
/* Resumo: visual harmonizado com os indicadores de Relatórios. */
#orcamentoView .quote-summary{
  border:1px solid #4e4934!important;
  border-radius:20px!important;
  background:linear-gradient(165deg,#222329,#15171c)!important;
  padding:clamp(17px,2vw,22px)!important;
  box-shadow:0 15px 38px rgba(0,0,0,.16)!important;
}
#orcamentoView .quote-summary:before{
  height:3px!important;
  background:linear-gradient(90deg,#ffd426,#b99d28)!important;
}
#orcamentoView .quote-summary-head{
  border-bottom:1px solid #3b3e45;
  padding:4px 0 15px!important;
  margin-bottom:15px!important;
}
#orcamentoView .quote-summary-head h3{font-size:clamp(18px,2vw,22px)!important;letter-spacing:-.03em}
#orcamentoView .quote-summary-card{
  padding:15px 13px!important;
  border:1px solid #3b3e46!important;
  border-radius:13px!important;
  background:#15171c!important;
}
#orcamentoView .quote-summary-card strong{font-size:clamp(14px,1.7vw,17px)!important;font-variant-numeric:tabular-nums}
#orcamentoView .quote-summary-grid{gap:11px!important;margin-bottom:13px!important}
#orcamentoView .quote-note-result{gap:10px!important;margin-bottom:13px!important}
#orcamentoView .quote-note-result>div,#orcamentoView .quote-note-result>label{
  border:1px solid #3b3e46!important;
  background:#15171c!important;
  padding:13px!important;
}
#orcamentoView .quote-summary .summary-total{
  border-radius:14px!important;
  margin-bottom:14px!important;
  padding:18px 16px!important;
  background:linear-gradient(110deg,#ffda45,#f3c520)!important;
  box-shadow:0 8px 24px rgba(255,212,38,.12);
}
#orcamentoView .quote-summary .summary-total strong{
  font-size:clamp(22px,2.55vw,31px)!important;
  font-variant-numeric:tabular-nums;
  white-space:normal!important;
  overflow-wrap:anywhere;
  text-align:right;
}
#orcamentoView .quote-summary-actions .btn{min-height:45px!important;border-radius:11px!important}
#orcamentoView .quote-summary .quote-approval-status{
  border:1px dashed #444852!important;
  border-radius:11px!important;
  background:#15171b!important;
  line-height:1.5!important;
  padding:12px!important;
}
/* Histórico continua com cinco linhas e rolagem existentes; apenas aparência. */
#orcamentoView .saved-quotes{
  margin-top:19px!important;
  border:1px solid #393d45!important;
  border-radius:19px!important;
  background:linear-gradient(160deg,#202227,#17191d)!important;
  padding:clamp(16px,2.25vw,23px)!important;
}
#orcamentoView .saved-quotes .panel-head{
  padding-bottom:13px;
  border-bottom:1px solid #3a3e45;
  margin-bottom:15px!important;
}
#orcamentoView .saved-quotes .panel-head .eyebrow{font-size:10px!important;letter-spacing:.15em}
#orcamentoView .saved-quotes .panel-head h3{
  font-size:clamp(18px,2.2vw,22px)!important;
  letter-spacing:-.03em;
}
#orcamentoView .quote-history-row{
  border:1px solid #383c44!important;
  border-radius:13px!important;
  background:linear-gradient(110deg,#16181d,#121417)!important;
  box-shadow:inset 3px 0 #ffd42626;
}
#orcamentoView .quote-history-row:hover{border-color:#746329!important;background:#1b1c20!important}
#orcamentoView .quote-history-main strong{font-size:.86rem!important}
#orcamentoView .quote-history-total{font-variant-numeric:tabular-nums;font-size:.86rem!important}
#orcamentoView .quote-history-action{border-radius:10px!important}
#orcamentoView #savedQuotesList{scrollbar-color:#53545a transparent}
@media(min-width:761px){
  #orcamentoView .quote-page-head{
    margin-top:24px!important;
    min-height:150px!important;
  }
}
@media(max-width:1000px){
  #orcamentoView .quote-layout{grid-template-columns:minmax(0,1fr)!important}
  #orcamentoView .quote-summary{position:static!important}
}
@media(max-width:760px){
  #orcamentoView .quote-page-head{padding:20px!important;gap:12px!important}
  #orcamentoView .quote-page-head>div:first-child{width:100%}
  #orcamentoView .quote-page-head>.btn{min-height:44px;width:100%}
  #orcamentoView .quote-form-panel{padding:16px!important}
  #orcamentoView .quote-primary{padding:16px!important}
  #orcamentoView .quote-summary{padding:16px!important}
  #orcamentoView .quote-summary-card{padding:12px!important}
  #orcamentoView .quote-history-main{overflow:hidden}
}
@media(max-width:420px){
  #orcamentoView .quote-summary .summary-total{grid-template-columns:1fr!important;gap:7px!important}
  #orcamentoView .quote-summary .summary-total strong{text-align:left}
  #orcamentoView .quote-summary-actions{grid-template-columns:1fr!important}
  #orcamentoView .quote-items-head{padding:12px!important}
}


/* stylesheet: dashboard-visual-2409.css */
/* SouPrimeiroAC V22.3.86 / build 2409
 * VISUAL EXCLUSIVO DO DASHBOARD: nenhum handler, conteudo ou permissao alterados.
 * Linguagem visual da aba Relatorios/Orcamentos: grafite, amarelo, contraste e respiro.
 */
#dashboardView{
  --dash-accent:#ffd426;
  --dash-text:#f7f8fa;
  --dash-muted:#b9c0cc;
  --dash-border:#3b3e46;
  min-width:0;
}
/* Hero original, sem inserir novos elementos e respeitando a marca aprovada. */
#dashboardView .dashboard-brand-hero{
  isolation:isolate;
  position:relative;
  overflow:hidden;
  border:1px solid #5b5030!important;
  border-radius:20px!important;
  background:linear-gradient(117deg,#25231c 0%,#191a1e 60%,#15171a 100%)!important;
  color:var(--dash-text)!important;
  padding:clamp(20px,3vw,34px)!important;
  gap:clamp(12px,2vw,24px)!important;
  min-height:164px;
  box-shadow:0 14px 32px #00000018;
}
#dashboardView .dashboard-brand-hero::after{
  content:"";
  position:absolute;
  right:-85px;
  top:-125px;
  height:335px;
  width:335px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,212,38,.14),transparent 68%);
  opacity:1;
  pointer-events:none;
  z-index:-1;
  font-size:inherit;
}
#dashboardView .dashboard-brand-hero>div{
  min-width:0;
  position:relative;
  z-index:1;
}
#dashboardView .dashboard-brand-hero .eyebrow{
  color:var(--dash-accent)!important;
  -webkit-text-fill-color:var(--dash-accent)!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.16em!important;
  margin-bottom:13px;
}
#dashboardView .dashboard-brand-hero h3{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:clamp(25px,3.1vw,35px)!important;
  letter-spacing:-.045em!important;
  line-height:1.14!important;
  max-width:680px;
  margin:0 0 12px!important;
}
#dashboardView .dashboard-brand-hero p:not(.eyebrow){
  color:#c1c7d0!important;
  -webkit-text-fill-color:#c1c7d0!important;
  font-size:clamp(12px,1.2vw,14px);
  line-height:1.65!important;
  max-width:65ch;
}
#dashboardView .dashboard-section-logo{
  position:relative;
  z-index:1;
  filter:none!important;
  object-fit:contain;
}
/* Atalhos originais: tamanho confortável, sem criar ou remover botoes. */
#dashboardView .dashboard-quick-actions{
  margin:16px 0 20px!important;
  gap:12px!important;
  min-width:0;
}
#dashboardView .dashboard-quick-actions .dashboard-new-project{
  background:linear-gradient(150deg,#23252b,#17191e)!important;
  color:#f6f7f9!important;
  -webkit-text-fill-color:#f6f7f9!important;
  border:1px solid #40444d!important;
  border-radius:15px!important;
  box-shadow:0 8px 20px #00000013;
  padding:13px 15px!important;
  min-height:66px!important;
  min-width:0!important;
  transition:background .16s,border-color .16s,transform .16s;
}
#dashboardView .dashboard-quick-actions .dashboard-new-project:hover{
  background:#24262b!important;
  border-color:#87742e!important;
  transform:translateY(-1px);
}
#dashboardView .dashboard-quick-actions .dashboard-new-project:focus-visible,
#dashboardView .dashboard-agenda-panel .btn:focus-visible,
#dashboardView .dashboard-report-summary .btn:focus-visible{
  outline:2px solid var(--dash-accent)!important;
  outline-offset:2px;
}
#dashboardView .dashboard-quick-actions .dashboard-new-project-icon{
  background:var(--dash-accent)!important;
  color:#151515!important;
  -webkit-text-fill-color:#151515!important;
  border-radius:11px!important;
  box-shadow:0 4px 15px #ffd4261a;
}
#dashboardView .dashboard-quick-actions .dashboard-new-project strong{
  color:#f6f7f9!important;
  -webkit-text-fill-color:#f6f7f9!important;
  line-height:1.3!important;
}
/* Boas-vindas, fluxo, agenda e resumo: superficies de Relatorios, sem alterar sua ordem. */
#dashboardView :is(.getting-started-panel,.dashboard-workflow-panel,.dashboard-agenda-panel,.dashboard-report-summary){
  border:1px solid var(--dash-border)!important;
  border-radius:19px!important;
  background:linear-gradient(160deg,#202227,#17191d)!important;
  color:var(--dash-text)!important;
  padding:clamp(16px,2vw,24px)!important;
  box-shadow:0 12px 30px #00000012;
  min-width:0;
}
#dashboardView .getting-started-panel{
  border-color:#524830!important;
  background:linear-gradient(145deg,#25231d,#1b1c1f 75%)!important;
  margin-bottom:18px;
}
#dashboardView .getting-started-panel h3{
  color:#fff!important;
  letter-spacing:-.03em;
}
#dashboardView .getting-started-actions .btn,
#dashboardView .dashboard-welcome-dismiss{
  background:#26282c!important;
  border:1px solid #51545d!important;
  color:#f4f5f7!important;
  border-radius:11px!important;
}
#dashboardView .dashboard-welcome-dismiss:hover{border-color:#ffd426!important}
#dashboardView :is(.dashboard-workflow-panel,.dashboard-agenda-panel,.dashboard-report-summary){
  margin-top:18px!important;
}
#dashboardView :is(.dashboard-workflow-panel,.dashboard-agenda-panel,.dashboard-report-summary) .panel-head{
  gap:14px;
  margin-bottom:14px;
  padding-bottom:14px;
  border-bottom:1px solid #3a3e46;
  min-width:0;
}
#dashboardView :is(.dashboard-workflow-panel,.dashboard-agenda-panel,.dashboard-report-summary) .panel-head h3{
  font-size:clamp(18px,2vw,23px)!important;
  color:#fff!important;
  letter-spacing:-.035em!important;
  line-height:1.2;
}
#dashboardView :is(.dashboard-workflow-panel,.dashboard-agenda-panel,.dashboard-report-summary) .eyebrow{
  color:#ffda52!important;
  letter-spacing:.15em!important;
  font-size:10px!important;
  font-weight:850;
}
#dashboardView :is(.dashboard-workflow-panel,.dashboard-agenda-panel,.dashboard-report-summary) .muted{
  color:var(--dash-muted)!important;
  line-height:1.55!important;
}
#dashboardView .dashboard-agenda-panel .btn-primary{
  background:#ffd426!important;
  color:#131313!important;
  border:1px solid #ffd426!important;
  border-radius:11px!important;
  min-height:42px;
  white-space:normal;
}
#dashboardView .dashboard-report-summary .btn-ghost{
  background:#23262b!important;
  color:#fff!important;
  border:1px solid #50545c!important;
  border-radius:11px!important;
  min-height:42px;
  white-space:normal;
}
/* Itens gerados pela Agenda: estilos visuais, sem interferir em data-action ou IDs. */
#dashboardView .dashboard-workflow .dashboard-next-job{
  background:#121419!important;
  color:#f8f9fb!important;
  border:1px solid #43464e!important;
  border-radius:14px!important;
  padding:clamp(13px,1.8vw,18px)!important;
  min-width:0;
}
#dashboardView .dashboard-workflow .dashboard-next-job:hover{border-color:#7b692e!important;background:#181a1f!important}
#dashboardView .dashboard-next-job b,
#dashboardView .dashboard-next-job strong:not(.dashboard-next-job-more){color:#fff!important}
#dashboardView .dashboard-next-job small{color:#b9c1cd!important;line-height:1.5}
#dashboardView .dashboard-next-job-more{
  background:#ffd426!important;
  color:#151515!important;
  border-radius:10px!important;
}
#dashboardView .dashboard-workflow .workflow-mini-steps{margin-top:14px}
#dashboardView .dashboard-workflow .empty,
#dashboardView .dashboard-agenda-panel .empty{
  background:#14161b!important;
  border:1px dashed #484b54!important;
  border-radius:12px!important;
  color:#b9c1ca!important;
  padding:17px!important;
}
#dashboardView #dashboardJobs{gap:10px!important;min-width:0}
#dashboardView #dashboardJobs .list-row,
#dashboardView #dashboardJobs .agenda-card{
  background:#121419!important;
  color:#f6f7f9!important;
  border:1px solid #393d45!important;
  border-radius:13px!important;
  padding:clamp(11px,1.6vw,16px)!important;
  min-width:0;
}
#dashboardView #dashboardJobs :is(.list-row,.agenda-card):hover{border-color:#6e5e2b!important}
#dashboardView #dashboardJobs strong{color:#f6f7f9!important}
#dashboardView #dashboardJobs small{color:#b8c0cb!important}
#dashboardView #dashboardJobs.dashboard-jobs-scroll{scrollbar-color:#52545d transparent}
/* Indicadores financeiros existentes: melhor hierarquia, sem alterar valores. */
#dashboardView .dashboard-report-kpis{
  margin-top:16px!important;
  gap:12px!important;
}
#dashboardView .dashboard-report-kpis>div{
  position:relative;
  background:#121418!important;
  border:1px solid #3b3e46!important;
  border-radius:14px!important;
  padding:17px 15px!important;
  min-width:0;
  overflow:hidden;
}
#dashboardView .dashboard-report-kpis>div::before{
  content:"";display:block;height:3px;width:26px;
  border-radius:5px;background:#ffd426;margin-bottom:13px;
}
#dashboardView .dashboard-report-kpis span{
  color:#c6cbd4!important;
  font-size:12px!important;
  font-weight:700;
  line-height:1.3;
}
#dashboardView .dashboard-report-kpis strong{
  color:#fff!important;
  font-size:clamp(18px,1.95vw,25px)!important;
  letter-spacing:-.035em;
  line-height:1.22;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
#dashboardView .dashboard-report-kpis>div:nth-child(3) strong{color:#ffe178!important}
#dashboardView .dashboard-report-kpis>div:nth-child(4)::before{background:#f39a88}
#dashboardView .dashboard-stats-final{gap:14px!important;margin-top:18px!important;min-width:0}
#dashboardView .dashboard-stats-final .stat-card{
  position:relative;
  background:linear-gradient(155deg,#22242a,#17191d)!important;
  border:1px solid #3b3f47!important;
  border-radius:16px!important;
  padding:clamp(17px,2vw,23px)!important;
  color:#fff!important;
  min-width:0;
}
#dashboardView .dashboard-stats-final .stat-card::before{
  content:"";display:block;height:3px;width:25px;
  border-radius:5px;background:#ffd426;margin-bottom:13px;
}
#dashboardView .dashboard-stats-final .stat-card span,
#dashboardView .dashboard-stats-final .stat-card small{color:#c2c9d2!important;line-height:1.35}
#dashboardView .dashboard-stats-final .stat-card strong{
  color:#fff!important;
  font-size:clamp(22px,2.6vw,32px)!important;
  line-height:1.1;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.035em;
  margin-top:12px;
}
@media(max-width:760px){
  #dashboardView .dashboard-brand-hero{padding:20px!important;min-height:0;gap:12px!important}
  #dashboardView .dashboard-brand-hero h3{font-size:clamp(23px,6vw,30px)!important}
  #dashboardView .dashboard-quick-actions{gap:9px!important;margin:12px 0 16px!important}
  #dashboardView .dashboard-quick-actions .dashboard-new-project{padding:10px!important;min-height:64px!important}
  #dashboardView :is(.getting-started-panel,.dashboard-workflow-panel,.dashboard-agenda-panel,.dashboard-report-summary){padding:16px!important}
  #dashboardView :is(.dashboard-workflow-panel,.dashboard-agenda-panel,.dashboard-report-summary) .panel-head{align-items:stretch;flex-wrap:wrap}
  #dashboardView .dashboard-report-kpis{gap:9px!important}
  #dashboardView .dashboard-report-kpis>div{padding:13px!important}
}
@media(max-width:430px){
  #dashboardView .dashboard-brand-hero{padding:18px!important}
  #dashboardView .dashboard-brand-hero h3{font-size:23px!important}
  #dashboardView .dashboard-stats-final{gap:9px!important}
  #dashboardView .dashboard-stats-final .stat-card{padding:13px!important}
  #dashboardView .dashboard-report-kpis strong{font-size:18px!important}
  #dashboardView .dashboard-next-job{gap:10px;flex-wrap:wrap}
  #dashboardView .dashboard-next-job-more{max-width:100%}
}


/* stylesheet: equipment-rebranding-2410.css */
/* SouPrimeiroAC V22.3.87 / build 2410
   Rebranding VISUAL exclusivo de Lista de Equipamentos.
   Nenhum DOM, dado, evento, funcionalidade ou regra de acesso alterado. */
#equipamentosView{
  --equip-accent:#ffd426;
  --equip-ink:#f5f7fa;
  --equip-muted:#b9c0cb;
  --equip-edge:#3b3f47;
  --equip-surface:#191b20;
  min-width:0;
}
/* Abertura com a mesma assinatura de Relatórios / Orçamentos / Dashboard. */
#equipamentosView>.section-head{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  align-items:center;
  gap:16px;
  border:1px solid #5b5030!important;
  border-radius:20px!important;
  background:linear-gradient(117deg,#25231c,#191a1e 60%,#15171a)!important;
  padding:clamp(20px,3vw,32px)!important;
  margin:0 0 20px!important;
  color:var(--equip-ink)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.12);
}
#equipamentosView>.section-head::after{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  right:-90px;top:-130px;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,212,38,.14),transparent 70%);
}
#equipamentosView>.section-head>div{min-width:0;position:relative;z-index:1}
#equipamentosView>.section-head .eyebrow{
  color:#ffda52!important;letter-spacing:.16em!important;font-size:10px!important;
  font-weight:850!important;margin:0 0 12px!important;
}
#equipamentosView>.section-head h3{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  font-size:clamp(24px,3vw,34px)!important;letter-spacing:-.043em!important;
  line-height:1.13!important;margin:0 0 11px!important;
}
#equipamentosView>.section-head p:not(.eyebrow){
  max-width:72ch;line-height:1.6!important;font-size:clamp(12px,1.2vw,14px);
  color:#c3c8d2!important;-webkit-text-fill-color:#c3c8d2!important;
}
/* Barra de seleção/busca: respeita ordem, largura e dropdown preexistentes. */
#equipamentosView>.equipment-toolbar{
  position:relative;z-index:14;overflow:visible;
  border:1px solid var(--equip-edge)!important;border-radius:17px!important;
  background:linear-gradient(160deg,#202227,#17191d)!important;
  box-shadow:0 11px 27px rgba(0,0,0,.12);
  padding:clamp(12px,1.65vw,18px)!important;
  gap:11px!important;margin:0 0 17px!important;
}
#equipamentosView>.equipment-toolbar :is(select,input[type="search"]){
  min-width:0;min-height:46px;
  background:#111318!important;color:#f7f8fa!important;
  -webkit-text-fill-color:#f7f8fa!important;
  border:1px solid #464a53!important;border-radius:11px!important;
  padding-inline:13px!important;
}
#equipamentosView>.equipment-toolbar input::placeholder{color:#939ca8!important;-webkit-text-fill-color:#939ca8!important}
#equipamentosView :is(.equipment-toolbar input,.equipment-toolbar select,.kit-builder input,.kit-builder select):focus-visible{
  outline:2px solid rgba(255,212,38,.7)!important;outline-offset:1px;border-color:#f5cc32!important;
}
#equipamentosView>.equipment-toolbar .btn{
  min-height:46px!important;border-radius:11px!important;
  font-weight:800!important;white-space:normal;
  padding:10px 15px!important;
}
#equipamentosView>.equipment-toolbar .equipment-add-manual{
  background:#ffd426!important;border-color:#ffd426!important;
  color:#141414!important;-webkit-text-fill-color:#141414!important;
}
#equipamentosView>.equipment-toolbar .equipment-import-btn{
  background:#24272c!important;border:1px solid #4a4f59!important;
  color:#f3f5f7!important;-webkit-text-fill-color:#f3f5f7!important;
}
#equipamentosView .equipment-search-box{min-width:0}
#equipamentosView .equipment-search-results:not(.hidden){
  border:1px solid #555a65!important;border-radius:12px!important;
  background:#202228!important;color:#fff!important;
  box-shadow:0 20px 45px #0008;
}
/* Seleção atual: mantém o grid antigo e seus campos; muda apenas superfícies e tipografia. */
#equipamentosView .kit-builder{
  border:1px solid #44464d!important;border-radius:20px!important;
  background:linear-gradient(160deg,#202227,#17191d)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.15)!important;
  overflow:hidden;
  margin-bottom:17px!important;
}
#equipamentosView .kit-builder-cell{border-color:#3a3d46!important;color:var(--equip-ink)!important}
#equipamentosView .kit-copy{
  background:linear-gradient(135deg,#28251c,#1b1c20)!important;
}
#equipamentosView .kit-copy .eyebrow{
  color:#ffda52!important;letter-spacing:.16em!important;font-size:10px!important;font-weight:850!important;
}
#equipamentosView .kit-copy strong{
  color:#fff!important;letter-spacing:-.025em;font-size:clamp(16px,1.75vw,20px)!important;
  line-height:1.32!important;
}
#equipamentosView .kit-copy small,
#equipamentosView #kitProjectLinkHint{color:#b8c0cb!important;line-height:1.5!important}
#equipamentosView :is(.kit-source-controls,.kit-name-field)>label{
  color:#d8dce5!important;font-weight:780!important;letter-spacing:.045em;
}
#equipamentosView .kit-builder :is(select,input){
  min-width:0;background:#111318!important;border:1px solid #484b54!important;
  border-radius:10px!important;color:#f7f8fa!important;
  -webkit-text-fill-color:#f7f8fa!important;
}
#equipamentosView .kit-builder input::placeholder{
  color:#959ca8!important;-webkit-text-fill-color:#959ca8!important;
}
#equipamentosView .kit-builder .btn{
  border-radius:10px!important;font-weight:750!important;
}
#equipamentosView .kit-builder .btn-ghost{
  background:#25282d!important;color:#f4f5f7!important;
  border:1px solid #4b4f59!important;
  -webkit-text-fill-color:#f4f5f7!important;
}
#equipamentosView .kit-builder #saveKitBtn{
  background:#ffd426!important;color:#151515!important;-webkit-text-fill-color:#151515!important;
  border:1px solid #ffd426!important;
}
#equipamentosView .kit-actions{
  background:#14161b!important;border-top-color:#393c44!important;
  gap:9px!important;padding:13px!important;
}
/* Áreas de apoio: conferência e histórico alinhados aos painéis de Relatórios. */
#equipamentosView .equipment-list-support-grid{gap:15px!important;margin:18px 0 22px!important;min-width:0}
#equipamentosView .equipment-list-support-grid>.panel{
  min-width:0;position:relative;overflow:hidden;
  border:1px solid #3c4049!important;border-radius:18px!important;
  background:linear-gradient(165deg,#212328,#17191e)!important;
  box-shadow:0 12px 29px rgba(0,0,0,.12);
  padding:clamp(17px,2vw,23px)!important;
  color:#f8f9fb!important;
}
#equipamentosView .equipment-checklist-launcher{border-color:#554b2d!important}
#equipamentosView .equipment-checklist-copy .eyebrow{
  color:#ffdc58!important;letter-spacing:.14em!important;font-size:10px!important;font-weight:850!important;
}
#equipamentosView .equipment-checklist-copy h3,
#equipamentosView .saved-kits-title h3{
  color:#fff!important;font-size:clamp(18px,1.9vw,22px)!important;
  letter-spacing:-.027em!important;line-height:1.25!important;
}
#equipamentosView .equipment-checklist-copy p{color:#bfc5cf!important;line-height:1.57!important}
#equipamentosView .equipment-checklist-summary span{
  background:#13151a!important;border:1px solid #464950!important;
  border-radius:10px!important;color:#e8eaee!important;
}
#equipamentosView #startIntegratedChecklistBtn{
  border-radius:11px!important;background:#ffd426!important;
  border:1px solid #ffd426!important;color:#131313!important;
  -webkit-text-fill-color:#131313!important;font-weight:850!important;
}
#equipamentosView .saved-kits-title{
  padding-bottom:13px!important;margin-bottom:8px!important;
  border-bottom:1px solid #3b3e47!important;
}
#equipamentosView .saved-kits-list{gap:9px!important}
#equipamentosView .saved-kit-row{
  min-width:0;border:1px solid #3c4049!important;
  border-radius:12px!important;background:#14161b!important;
  color:#f4f5f7!important;padding:10px!important;
  transition:border-color .15s,background .15s;
}
#equipamentosView .saved-kit-row:hover{border-color:#7a682d!important;background:#1b1d22!important}
#equipamentosView .saved-kit-row strong{color:#fff!important}
#equipamentosView .saved-kit-row small{color:#adb5bf!important}
#equipamentosView .saved-kit-row .saved-kit-icon-btn{
  border:1px solid #50545d!important;border-radius:9px!important;
  background:#292b31!important;color:#f5f6f9!important;
}
#equipamentosView .saved-kit-row .saved-kit-icon-btn:focus-visible{outline:2px solid #ffd426;outline-offset:1px}
/* Catálogo existente: títulos de grupo e cartões com hierarquia consistente. */
#equipamentosView .equipment-grid{gap:15px!important;min-width:0}
#equipamentosView .equipment-group{min-width:0;margin:0 0 6px!important}
#equipamentosView .equipment-group>summary{
  color:#f7f7f8!important;background:linear-gradient(90deg,#25261f,#1a1c20)!important;
  border:1px solid #444535!important;border-left:4px solid #ffd426!important;
  border-radius:12px!important;padding:13px 15px!important;
  font-weight:800!important;letter-spacing:.01em!important;
  min-height:48px;
}
#equipamentosView .equipment-group-items{gap:12px!important;padding-top:13px!important}
#equipamentosView .equipment-card{
  min-width:0;border:1px solid #3c4048!important;border-radius:15px!important;
  background:linear-gradient(155deg,#202227,#16181d)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.10)!important;
  color:var(--equip-ink)!important;
}
#equipamentosView .equipment-card:hover{
  background:#22252b!important;border-color:#8b7733!important;
  box-shadow:0 11px 24px rgba(0,0,0,.20)!important;
}
#equipamentosView .equipment-card.selected{
  background:linear-gradient(155deg,#2c291e,#1d1d20)!important;
  border-color:#cfaf35!important;box-shadow:inset 3px 0 0 #ffd426!important;
}
#equipamentosView .equipment-card .cat{
  color:#ffdb59!important;font-size:10px!important;font-weight:850!important;letter-spacing:.1em!important;
}
#equipamentosView .equipment-title-line h4{
  color:#f9f9fa!important;letter-spacing:-.015em!important;line-height:1.33!important;
}
#equipamentosView .equipment-card>p{color:#bbc2cb!important;line-height:1.5!important}
#equipamentosView .equipment-card-links{border-top-color:#3b3f47!important}
#equipamentosView .equipment-open-hint,
#equipamentosView .manufacturer-link{color:#e1d19c!important}
#equipamentosView .equipment-qty{border-top-color:#41454d!important}
#equipamentosView .equipment-qty>span{color:#bdc4cf!important}
#equipamentosView .qty-stepper input{
  background:#111318!important;color:#fff!important;border-color:#464a53!important;
}
#equipamentosView .qty-stepper button{
  border-radius:8px!important;border-color:#4a4e57!important;
  background:#2a2c32!important;color:#fff!important;
}
#equipamentosView :is(.equipment-card,.equipment-group>summary,.equipment-toolbar .btn):focus-visible{
  outline:2px solid #ffd426!important;outline-offset:2px;
}
/* Nenhuma área vizinha é selecionada; mantém as proporções mobile existentes. */
@media(max-width:760px){
  #equipamentosView>.section-head{padding:19px!important;margin-bottom:13px!important;border-radius:16px!important}
  #equipamentosView>.section-head h3{font-size:clamp(22px,6vw,27px)!important}
  #equipamentosView>.section-head p:not(.eyebrow){font-size:12px!important}
  #equipamentosView>.equipment-toolbar{padding:12px!important;gap:9px!important;border-radius:15px!important}
  #equipamentosView>.equipment-toolbar .btn{min-height:43px!important}
  #equipamentosView .kit-builder{border-radius:16px!important}
  #equipamentosView .kit-builder-cell{padding:14px!important}
  #equipamentosView .kit-actions{padding:12px!important;gap:8px!important}
  #equipamentosView .equipment-list-support-grid{gap:12px!important;margin:14px 0 18px!important}
  #equipamentosView .equipment-list-support-grid>.panel{padding:16px!important;border-radius:15px!important}
  #equipamentosView .equipment-checklist-copy h3,#equipamentosView .saved-kits-title h3{font-size:18px!important}
  #equipamentosView .equipment-group>summary{padding:12px 13px!important;border-radius:10px!important}
  #equipamentosView .equipment-card{border-radius:13px!important}
}
@media(max-width:430px){
  #equipamentosView>.section-head{padding:16px!important}
  #equipamentosView>.equipment-toolbar{padding:10px!important}
  #equipamentosView .kit-actions{padding:10px!important}
  #equipamentosView .equipment-list-support-grid>.panel{padding:14px!important}
}


/* V22.3.90 / build 2413 — ajuste fino solicitado: mais respiro no topo da abertura de Equipamentos. */
#equipamentosView>.section-head.branded-section-head{padding-top:clamp(28px,3.5vw,40px)!important}
#equipamentosView>.section-head.branded-section-head>div{display:grid!important;gap:8px!important}


/* stylesheet: equipment-subpages-2411.css */
/* SouPrimeiroAC V22.3.88 / build 2411
   Somente aparência das telas filhas de Equipamentos no menu:
   catalogo, cameras, lentes, monitores, transmissao e acessorios.
   Nenhum evento, filtro, dado, valor, funcionalidade ou outra tela é modificado. */
:is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView){
  --equip-sub-accent:#ffd426;
  --equip-sub-ink:#f5f7fa;
  --equip-sub-muted:#b7c1ce;
  --equip-sub-edge:#3e434c;
  --equip-sub-surface:#1b1d22;
  min-width:0;
}
/* Mesma identidade dos cabeçalhos de Relatórios / Orçamentos / Lista. */
:is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView)>.section-head{
  position:relative;isolation:isolate;overflow:hidden;
  border:1px solid #5c5132!important;
  border-radius:20px!important;
  background:linear-gradient(117deg,#26241d,#191b20 60%,#15171b)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.14)!important;
  padding:clamp(20px,3vw,32px)!important;
  margin:0 0 20px!important;
  color:var(--equip-sub-ink)!important;
  min-width:0;
}
:is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView)>.section-head::after{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  right:-90px;top:-130px;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,212,38,.14),transparent 70%);
}
:is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView)>.section-head>div{min-width:0;position:relative;z-index:1}
:is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView)>.section-head .eyebrow{
  color:#ffda52!important;-webkit-text-fill-color:#ffda52!important;
  letter-spacing:.16em!important;font-size:10px!important;font-weight:850!important;margin-bottom:12px!important;
}
:is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView)>.section-head h3{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  font-size:clamp(24px,3vw,34px)!important;letter-spacing:-.043em!important;
  line-height:1.13!important;margin:0 0 11px!important;
}
:is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView)>.section-head p:not(.eyebrow){
  max-width:74ch;color:#c3c8d2!important;-webkit-text-fill-color:#c3c8d2!important;
  line-height:1.6!important;font-size:clamp(12px,1.2vw,14px);
}
:is(#catalogoView,#camerasView)>.section-head .yellow-badge{
  border-radius:999px!important;background:#ffd426!important;color:#171717!important;
  -webkit-text-fill-color:#171717!important;font-weight:900!important;
}
/* Filtro/busca e área lateral, mantendo o grid e a ordem originais. */
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.tech-browser,.camera-browser){
  min-width:0;
  border:1px solid var(--equip-sub-edge)!important;
  border-radius:18px!important;
  background:linear-gradient(160deg,#202328,#16181d)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.16)!important;
  color:var(--equip-sub-ink)!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-search-wrap input,.tech-browser>input[type="search"]){
  width:100%;min-width:0;min-height:46px;
  border:1px solid #494d57!important;border-radius:11px!important;
  background:#101318!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  padding-inline:13px!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-search-wrap input,.tech-browser>input[type="search"])::placeholder{
  color:#939da9!important;-webkit-text-fill-color:#939da9!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-search-wrap input,.tech-browser>input[type="search"]):focus-visible{
  outline:2px solid rgba(255,212,38,.75)!important;outline-offset:1px;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-filter,.tech-filter){
  border:1px solid #484d56!important;border-radius:999px!important;
  background:#292c33!important;color:#dce0e7!important;
  -webkit-text-fill-color:#dce0e7!important;
  font-weight:750!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-filter.active,.tech-filter.active){
  background:#ffd426!important;color:#161616!important;
  -webkit-text-fill-color:#161616!important;border-color:#ffd426!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) .tech-browser-meta{
  color:#bdc6d1!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) .tech-browser-meta strong{
  color:#f7f8fa!important;-webkit-text-fill-color:#f7f8fa!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) .tech-browser-meta span{color:#a9b3c1!important}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-list,.tech-list){
  scrollbar-color:#555c66 #1b1d21;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-list-item,.tech-list-item){
  min-width:0;border:1px solid #393e47!important;border-radius:12px!important;
  background:#171a20!important;color:#eff2f6!important;
  transition:border-color .16s,background .16s;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-list-item:hover,.tech-list-item:hover){
  border-color:#786833!important;background:#22252c!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-list-item.active,.tech-list-item.active){
  border-color:#d1af32!important;background:linear-gradient(112deg,#302b1f,#202126)!important;
  box-shadow:inset 3px 0 0 #ffd426!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-list-item,.tech-list-item) strong{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-list-item,.tech-list-item) small{
  color:#aeb8c5!important;-webkit-text-fill-color:#aeb8c5!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-list-icon,.tech-list-mark){
  background:#ffd426!important;color:#181818!important;-webkit-text-fill-color:#181818!important;
  border-radius:10px!important;
}
/* Detalhe técnico, cartões de informação e controles já existentes. */
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-hero-card,.tech-hero){
  border:1px solid #4c4738!important;border-radius:19px!important;
  background:radial-gradient(circle at 86% 16%,rgba(255,212,38,.13),transparent 38%),linear-gradient(126deg,#25231d,#181a1f 64%,#13151a)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.17)!important;
  overflow:hidden;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-hero-card,.tech-hero) .eyebrow{
  color:#ffda52!important;-webkit-text-fill-color:#ffda52!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-hero-card,.tech-hero) h3{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  letter-spacing:-.045em!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-hero-card,.tech-hero) p:not(.eyebrow){
  color:#c1c8d2!important;-webkit-text-fill-color:#c1c8d2!important;line-height:1.55!important;
}
:is(#lentesView,#monitoresView,#transmissaoView,#acessoriosView) .tech-hero .tech-symbol{
  background:linear-gradient(140deg,#ffe66c,#f7c722)!important;
  border-radius:28px!important;
  color:#181818!important;-webkit-text-fill-color:#181818!important;
  box-shadow:0 18px 38px rgba(255,212,38,.12)!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-info-grid>.panel,.camera-tab-panel>.panel,.storage-controls,.configuration-summary,.tech-detail>.panel:not(.tech-hero)){
  min-width:0;border:1px solid #3c414a!important;border-radius:17px!important;
  background:linear-gradient(160deg,#202227,#17191f)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.12)!important;
  color:#f4f6f8!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.panel-head h3,.tech-detail .panel-head h3){
  color:#f7f8fa!important;-webkit-text-fill-color:#f7f8fa!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.panel-head .eyebrow,.tech-detail .panel-head .eyebrow){
  color:#ffdb59!important;-webkit-text-fill-color:#ffdb59!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.tech-spec-row,.spec-row,.config-line){
  border-color:#3e424b!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.tech-spec-row,.spec-row,.config-line) span{
  color:#b6c0cd!important;-webkit-text-fill-color:#b6c0cd!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.tech-spec-row,.spec-row,.config-line) strong{
  color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;
}
:is(#lentesView,#monitoresView,#transmissaoView,#acessoriosView) .tech-spec-row{
  border:1px solid #424751!important;border-radius:12px!important;
  background:#14171c!important;
}
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) .btn.btn-primary.full{
  background:#ffd426!important;border:1px solid #ffd426!important;border-radius:11px!important;
  color:#141414!important;-webkit-text-fill-color:#141414!important;font-weight:850!important;
}
/* Área avançada de câmeras: abas, gravação e calculadora de mídia. */
#camerasView .camera-tabs{
  border:1px solid #424750!important;border-radius:13px!important;
  background:#202329!important;gap:5px!important;
}
#camerasView .camera-tab{
  color:#c0c8d2!important;-webkit-text-fill-color:#c0c8d2!important;
  border-radius:9px!important;
}
#camerasView .camera-tab.active{
  color:#171717!important;-webkit-text-fill-color:#171717!important;
  background:#ffd426!important;box-shadow:none!important;
}
#camerasView .camera-spec-card{
  min-width:0;border:1px solid #40454e!important;border-radius:14px!important;
  background:#191c22!important;color:#f5f7fa!important;
}
#camerasView .camera-spec-card span{
  color:#bbc4d1!important;-webkit-text-fill-color:#bbc4d1!important;
}
#camerasView .camera-spec-card strong{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
#camerasView :is(.recording-row,.recording-head){border-color:#40454e!important}
#camerasView .recording-row{
  background:#171a1f!important;color:#f1f3f6!important;
}
#camerasView .recording-row:hover{background:#28271f!important}
#camerasView .recording-row small{color:#afb9c5!important}
#camerasView .storage-result:not(.yellow-result){
  min-width:0;background:#191c22!important;border:1px solid #424750!important;
  border-radius:14px!important;color:#fff!important;
}
#camerasView .storage-result:not(.yellow-result) :is(span,small){color:#b8c1cd!important}
#camerasView .storage-result:not(.yellow-result) strong{color:#fff!important}
#camerasView .storage-result.yellow-result{border-radius:14px!important;background:#ffd426!important;border-color:#ffd426!important;color:#141414!important}
#camerasView .storage-result.yellow-result :is(span,small,strong){color:#141414!important;-webkit-text-fill-color:#141414!important}
#camerasView :is(.storage-form select,.storage-form input:not([type="checkbox"]),.duration-control input,.capacity-control select){
  min-width:0;background:#111419!important;border:1px solid #49505b!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;border-radius:10px!important;
}
#camerasView .storage-form label{color:#dce2ea!important}
#camerasView :is(.storage-note,.storage-awaiting){background:#171a20!important;border:1px solid #454a54!important;color:#c8ced8!important;border-radius:12px!important}
/* Catálogo geral — mesmos cartões premium, sem tocar no mecanismo de busca. */
#catalogoView .catalog-toolbar{
  border:1px solid #444851!important;border-radius:17px!important;
  background:linear-gradient(160deg,#202228,#171a1e)!important;
  padding:clamp(12px,1.6vw,18px)!important;gap:10px!important;
  margin-bottom:16px!important;
  box-shadow:0 10px 27px rgba(0,0,0,.12);
}
#catalogoView .catalog-toolbar :is(input,select){
  min-width:0;min-height:46px;border:1px solid #484d56!important;
  border-radius:11px!important;background:#111419!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
#catalogoView .catalog-toolbar input::placeholder{color:#a5aeba!important;-webkit-text-fill-color:#a5aeba!important}
#catalogoView .bh-live-panel{
  border:1px solid #50472e!important;border-radius:18px!important;
  background:linear-gradient(133deg,#25231e,#191b20)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.12)!important;color:#f5f7fa!important;
}
#catalogoView .bh-live-panel :is(h4,strong){color:#fff!important;-webkit-text-fill-color:#fff!important}
#catalogoView .bh-live-panel :is(p,small){color:#c1cad5!important;-webkit-text-fill-color:#c1cad5!important}
#catalogoView .bh-live-panel .eyebrow{color:#ffd95a!important;-webkit-text-fill-color:#ffd95a!important}
#catalogoView .bh-live-panel .btn.btn-primary{background:#ffd426!important;color:#151515!important;-webkit-text-fill-color:#151515!important;border-radius:10px!important}
#catalogoView .catalog-meta{color:#b9c2cf!important}
#catalogoView .catalog-meta strong{color:#f7f8fb!important}
#catalogoView .catalog-card{
  min-width:0;border:1px solid #41464f!important;border-radius:16px!important;
  background:linear-gradient(155deg,#212329,#17191e)!important;
  box-shadow:0 9px 22px rgba(0,0,0,.11)!important;color:#f7f9fb!important;
}
#catalogoView .catalog-card:hover{border-color:#8a7734!important;background:#23262c!important}
#catalogoView .catalog-card.selected{border-color:#caae37!important;box-shadow:inset 3px 0 0 #ffd426!important;background:#2a271f!important}
#catalogoView .catalog-card :is(h4,strong){color:#fff!important;-webkit-text-fill-color:#fff!important}
#catalogoView .catalog-card :is(p,small){color:#b8c3cf!important;-webkit-text-fill-color:#b8c3cf!important}
#catalogoView .catalog-card .cat{color:#ffdb59!important;-webkit-text-fill-color:#ffdb59!important}
#catalogoView .catalog-card :is(.catalog-add-icon,.catalog-add-btn){background:#ffd426!important;border-radius:10px!important;color:#161616!important;-webkit-text-fill-color:#161616!important}
#catalogoView .catalog-load-more{border-radius:11px!important}
/* Acessibilidade e redução de animações. */
:is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(button,input,select):focus-visible{
  outline:2px solid #ffd426!important;outline-offset:2px;
}
@media (max-width:760px){
  :is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView)>.section-head{
    padding:19px!important;margin-bottom:13px!important;border-radius:16px!important;
  }
  :is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView)>.section-head h3{font-size:clamp(22px,6vw,27px)!important}
  :is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView)>.section-head p:not(.eyebrow){font-size:12px!important}
  :is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.tech-browser,.camera-browser){border-radius:15px!important}
  :is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-hero-card,.tech-hero){border-radius:15px!important}
  #catalogoView .catalog-toolbar{padding:12px!important;border-radius:15px!important}
  #catalogoView .bh-live-panel{border-radius:15px!important}
  #camerasView .camera-tabs{gap:3px!important}
  #camerasView .camera-tab{min-width:0;padding:9px 6px!important;font-size:.75rem!important}
}
@media (max-width:430px){
  :is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView)>.section-head{padding:16px!important}
  #catalogoView .catalog-toolbar{padding:10px!important}
}
@media(prefers-reduced-motion:reduce){
  :is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-list-item,.tech-list-item){transition:none!important}
}
/* Prioritiza o acabamento novo sobre regras antigas do tema escuro,
   sem alcançar qualquer área fora das páginas técnicas. */
html[data-theme="dark"] :is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.tech-browser,.camera-browser){
  background:linear-gradient(160deg,#202328,#16181d)!important;
  border-color:#3e434c!important;
}
html[data-theme="dark"] :is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-hero-card,.tech-hero){
  background:radial-gradient(circle at 86% 16%,rgba(255,212,38,.13),transparent 38%),linear-gradient(126deg,#25231d,#181a1f 64%,#13151a)!important;
  border-color:#4c4738!important;
}
html[data-theme="dark"] :is(#lentesView,#monitoresView,#transmissaoView,#acessoriosView) .tech-detail>.panel:last-child{
  background:linear-gradient(160deg,#202227,#17191f)!important;
  border-color:#3c414a!important;
}
html[data-theme="dark"] :is(#lentesView,#monitoresView,#transmissaoView,#acessoriosView) .tech-spec-row{
  background:#14171c!important;border-color:#424751!important;
}
html[data-theme="dark"] :is(#lentesView,#monitoresView,#transmissaoView,#acessoriosView) .tech-spec-row span{
  color:#b6c0cd!important;-webkit-text-fill-color:#b6c0cd!important;
}
/* Subitens agora exibem seu próprio título dentro do cabeçalho renovado. */
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView)>.section-head>div:first-child>.eyebrow,
:is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView)>.section-head>div:first-child>h3{
  display:block!important;
}
/* Sobreposição de tema antigo: item ativo tem fundo escuro com borda amarela,
   portanto textos permanecem claros e os ícones seguem pretos sobre amarelo. */
html[data-theme="dark"] :is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-list-item.active,.tech-list-item.active){
  color:#f9fafc!important;-webkit-text-fill-color:#f9fafc!important;
  background:linear-gradient(112deg,#302b1f,#202126)!important;
  border-color:#d1af32!important;
}
html[data-theme="dark"] :is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-list-item.active,.tech-list-item.active) :is(strong,small){
  color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;
}
html[data-theme="dark"] :is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-list-item.active,.tech-list-item.active) :is(.camera-list-icon,.tech-list-mark){
  color:#181818!important;-webkit-text-fill-color:#181818!important;
}
/* Corrige contraste legado dos itens ativos, cuja regra global usa seleção
   altamente específica. O marcador amarelo continua com texto preto. */
html[data-theme="dark"] :is(#camerasView#camerasView,#lentesView#lentesView,#monitoresView#monitoresView,#transmissaoView#transmissaoView,#acessoriosView#acessoriosView) :is(.camera-list-item.active,.tech-list-item.active) *{
  color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important;
}
html[data-theme="dark"] :is(#camerasView#camerasView,#lentesView#lentesView,#monitoresView#monitoresView,#transmissaoView#transmissaoView,#acessoriosView#acessoriosView) :is(.camera-list-item.active,.tech-list-item.active) :is(.camera-list-icon,.tech-list-mark){
  color:#161616!important;-webkit-text-fill-color:#161616!important;
}


/* stylesheet: share-collaboration-2416.css */
/* V22.3.93 / 2416 — apenas compartilhamento de listas */
#shareJobDialog .share-list-dialog-card{max-height:min(90dvh,920px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#shareJobDialog .share-people-panel{display:grid;gap:10px;min-width:0;border:1px solid #373d45;border-radius:17px;padding:14px;background:linear-gradient(130deg,#1c1e24,#101115);margin:12px 0;color:#f9f9f9}
#shareJobDialog .share-people-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
#shareJobDialog .share-people-head>div{min-width:0}#shareJobDialog .share-people-head .eyebrow{color:#ffd32b!important;margin:0 0 3px!important;font-size:10px!important;font-weight:900!important;letter-spacing:.11em}
#shareJobDialog .share-people-head h4{margin:0;font-size:1rem;letter-spacing:-.02em;color:#fff}
#shareJobDialog .share-people-count{display:grid;place-items:center;width:30px;height:30px;flex:none;background:rgba(255,213,44,.12);border:1px solid rgba(255,213,44,.3);border-radius:9px;color:#ffe15b;font-weight:900}
#shareJobDialog .share-people-panel>small{font-size:.71rem;color:#9fa6b0;line-height:1.35}
#shareJobDialog .share-people-scroll{display:grid;align-content:start;gap:7px;min-height:28px;max-height:203px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-color:#686b70 transparent;scrollbar-width:thin}
#shareJobDialog .share-person-row{display:flex;align-items:center;gap:10px;width:100%;min-height:60px;flex-shrink:0;padding:8px 10px;border:1px solid #343840;border-radius:12px;background:#202329;color:#f4f5f8;text-align:left;cursor:pointer}
#shareJobDialog .share-person-row:focus-visible,#shareJobDialog .share-person-row:hover{outline:2px solid rgba(255,213,44,.65);outline-offset:0;border-color:#ad9334}
#shareJobDialog .share-person-row .share-user-avatar{height:38px;width:38px;min-width:38px;font-size:.74rem}
#shareJobDialog .share-person-row .share-person-detail{min-width:0;display:grid;gap:2px;flex:1}
#shareJobDialog .share-person-detail strong{font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}
#shareJobDialog .share-person-detail small{font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a8afb9}
#shareJobDialog .share-person-select{flex:none;font-size:.72rem;font-weight:800;color:#ffda40}
#shareJobDialog .share-history-row{cursor:default}#shareJobDialog .share-history-row:hover{outline:0;border-color:#343840}
#shareJobDialog .share-person-status{flex:none;font-size:.67rem;font-weight:850;border:1px solid #555e6c;background:#252a33;color:#eef0f2;border-radius:999px;padding:5px 8px;white-space:nowrap}
#shareJobDialog .share-person-status.is-accepted{color:#b0f3b9;border-color:#42634b;background:#1a3221}
#shareJobDialog .share-person-status.is-declined{color:#ffb0af;border-color:#67403e;background:#392020}
#shareJobDialog .share-person-status.is-viewed{color:#ffdd64;border-color:#6b5922;background:#322b13}
#shareJobDialog .share-refresh-btn{color:#ffda40;background:#21252c;border:1px solid #414850;border-radius:9px;padding:8px 10px;font-size:.72rem;font-weight:800;cursor:pointer}
#shareJobDialog .share-people-empty{padding:11px;font-size:.77rem;color:#a9b0ba;line-height:1.5;text-align:center}
#shareInviteResponseDialog{margin:auto;padding:0;max-width:calc(100vw - 22px);width:min(480px,calc(100vw - 22px));border:1px solid #52555c;border-radius:20px;color:#fff;background:#13161a;box-shadow:0 24px 80px #000a}
#shareInviteResponseDialog::backdrop{background:rgba(0,0,0,.82)}
#shareInviteResponseDialog .share-invite-response-card{padding:clamp(18px,4vw,28px);display:grid;gap:13px}
#shareInviteResponseDialog .share-invite-response-kicker{color:#ffdb39;letter-spacing:.14em;font-size:11px;font-weight:900}
#shareInviteResponseDialog h3{margin:0;font-size:1.3rem;color:#fff}
#shareInviteResponseDialog p{margin:0;line-height:1.5;color:#c8cbd1;font-size:.88rem}
#shareInviteResponseDialog .share-invite-response-note{font-size:.77rem;color:#a9adb7}
#shareInviteResponseDialog .share-invite-response-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#shareInviteResponseDialog #shareInviteAccept{grid-column:1/-1}
#shareInviteResponseDialog button{min-height:44px}
@media(max-width:760px){#shareJobDialog .share-people-panel{padding:11px;margin:10px 0;border-radius:14px}#shareJobDialog .share-people-scroll{max-height:197px}#shareJobDialog .share-person-row{min-height:58px;padding:7px 8px}#shareJobDialog .share-person-detail strong{font-size:.79rem}#shareJobDialog .share-person-status{font-size:.62rem;padding:4px 6px}}


/* stylesheet: plans-rebranding-2417.css */
/* V22.3.94 / build 2417 — rebranding APENAS da aba Planos.
   Preserva todos os preços, benefícios, checkout e permissões existentes. */
#planosView{--p-accent:#ffd426;--p-ink:#f5f6f8;--p-muted:#b9c1cd;min-width:0}
#planosView .plans-brand-hero{border:1px solid #605332!important;border-radius:21px!important;background:linear-gradient(117deg,#29251b,#1b1c21 62%,#14161a)!important;box-shadow:0 14px 34px #0002!important;padding:clamp(22px,3vw,35px)!important;margin-bottom:19px!important;gap:21px!important}
#planosView .plans-brand-hero::before{opacity:.35;bottom:-.27em}
#planosView .plans-brand-copy>.eyebrow{color:#ffdf57!important;font-size:10px!important;font-weight:900!important;letter-spacing:.17em!important}
#planosView .plans-brand-copy h3{font-size:clamp(26px,3vw,38px)!important;line-height:1.12!important;letter-spacing:-.045em!important;max-width:600px!important}
#planosView .plans-brand-copy>p:not(.eyebrow){font-size:clamp(12px,1.25vw,14px)!important;color:#c2c8d2!important;line-height:1.62!important;max-width:65ch!important;margin-top:12px!important}
#planosView .plans-brand-steps{margin-top:18px!important}
#planosView .plans-brand-steps span{background:#181b20!important;border:1px solid #41444c!important;border-radius:11px!important;letter-spacing:.08em!important}
#planosView .plans-current-status{background:#15181ebd;border:1px solid #58502c;border-radius:13px;padding:11px 12px;min-width:0}
#planosView .plans-brand-grid{gap:15px!important;align-items:stretch!important}
#planosView .store-plan-card{position:relative;border:1px solid #40444b!important;border-radius:20px!important;padding:clamp(18px,2.3vw,25px)!important;background:linear-gradient(155deg,#21242a,#16181d 80%)!important;box-shadow:0 12px 32px #0002!important;color:#f8f8fa!important}
#planosView .store-plan-card::before{background:#484c54!important;width:4px!important}
#planosView .store-plan-card.featured{background:linear-gradient(165deg,#282821,#1a1c20 70%)!important;border-color:#6b6037!important}
#planosView .store-plan-card.featured::before{background:#ffd426!important}
#planosView .store-plan-card.premium{background:linear-gradient(155deg,#2a261b,#191b20 68%)!important;border-color:#b89b38!important}
#planosView .store-plan-card.premium::before{background:#ffd426!important}
#planosView .plan-card-index{color:#b3b9c2!important;font-size:10px!important}
#planosView .plan-card-index span{border-radius:9px!important;border-color:#605534!important;background:#343023!important;color:#ffe275!important}
#planosView .store-plan-tag{border:1px solid #6c5d2b!important;background:#302a19!important;color:#ffe273!important;border-radius:9px!important;padding:7px 11px!important}
#planosView .store-plan-top{margin-top:18px!important}
#planosView .store-plan-top h3{color:#fff!important;font-size:clamp(23px,2.5vw,31px)!important}
#planosView .store-price strong{color:#ffdf5e!important;letter-spacing:-.055em!important;font-size:clamp(34px,3.8vw,49px)!important}
#planosView .store-price span{color:#c5c8ce!important}
#planosView .plan-card-promise{min-height:0!important;margin-top:13px!important;color:#cbd0d9!important;font-size:13px!important}
#planosView .plan-quantity-strip{gap:8px!important;margin-top:17px!important}
#planosView .plan-quantity-strip span{border:1px solid #41454e!important;background:#121418!important;border-radius:12px!important;padding:13px 9px!important}
#planosView .plan-quantity-strip b{color:#ffe070!important;font-size:clamp(12px,1.2vw,15px)!important}
#planosView .plan-quantity-strip small{color:#b8bec7!important;font-size:10px!important;text-transform:none!important;letter-spacing:0!important}
#planosView .store-benefits{border-top:1px solid #41454c!important;color:#d5dae0!important;line-height:1.55!important}
#planosView .store-benefits li{margin:0!important}
#planosView .plan-checkout-btn{margin-top:auto;min-height:47px!important;border-radius:11px!important;font-weight:850!important}
#planosView .plans-comparison-panel{border:1px solid #474237!important;border-radius:20px!important;background:linear-gradient(155deg,#202227,#16181d)!important;padding:clamp(17px,2.6vw,28px)!important}
#planosView .plans-comparison-head h3{font-size:clamp(21px,2.4vw,29px)!important;line-height:1.18!important}
#planosView .plans-comparison-scroll{border:1px solid #41444d!important;border-radius:13px!important}
#planosView .plans-comparison-grid{background:#16191e!important}
#planosView .plans-compare-row{border-color:#333941!important}
#planosView .plans-compare-row>*{border-color:#333941!important}
#planosView .plans-compare-row>span{color:#e0e3e9!important}
#planosView .plans-compare-row>b{color:#cdd2da!important}
#planosView .plans-compare-header{background:#282b31!important}
#planosView .plans-compare-section{background:#111317!important;border-color:#343840!important}
#planosView .plans-payment-panel{background:linear-gradient(150deg,#23252a,#17191d)!important;border:1px solid #41464d!important;border-radius:18px!important}
#planosView .plans-payment-panel .muted{color:#c0c6ce!important}
@media(max-width:760px){#planosView .plans-brand-hero{padding:19px 16px!important}#planosView .plans-brand-copy h3{font-size:clamp(25px,7vw,34px)!important}#planosView .store-plan-card{padding:19px!important}#planosView .plan-name-price-row .store-price strong{font-size:clamp(31px,10vw,43px)!important}#planosView .plan-quantity-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}#planosView .plan-quantity-strip span{padding:10px 7px!important}#planosView .plans-current-status{width:100%}}
@media(max-width:375px){#planosView .plan-quantity-strip{grid-template-columns:1fr!important}#planosView .plan-quantity-strip span{grid-template-columns:auto minmax(0,1fr)}#planosView .plan-name-price-row .store-price strong{font-size:clamp(26px,9vw,36px)!important}}


/* stylesheet: shared-kit-activity-2417.css */
/* V22.3.94 / build 2417 — somente janela Compartilhar lista */
#shareJobDialog .share-members-panel .share-people-scroll{max-height:205px}
#shareJobDialog .share-activity-panel .share-people-scroll{max-height:260px}
#shareJobDialog .share-activity-entry{border:1px solid #383d46;border-radius:12px;padding:12px;background:#202329;color:#f5f5f7;display:grid;gap:8px}
#shareJobDialog .share-activity-entry>div{display:flex;align-items:baseline;gap:8px;justify-content:space-between;flex-wrap:wrap}
#shareJobDialog .share-activity-entry strong{font-size:12px;color:#fff}
#shareJobDialog .share-activity-entry small{font-size:10px;color:#aeb7c4}
#shareJobDialog .share-activity-entry ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
#shareJobDialog .share-activity-entry li{display:flex;gap:9px;align-items:baseline;min-width:0;font-size:11px;line-height:1.4;color:#d6dce4}
#shareJobDialog .share-activity-entry li b{min-width:67px;color:#ffd426;font-size:10px}
#shareJobDialog .share-activity-entry li.share-activity-removed b{color:#ffb3a6}
#shareJobDialog .share-activity-entry li span{overflow-wrap:anywhere}
@media(max-width:760px){#shareJobDialog .share-activity-entry{padding:10px}#shareJobDialog .share-members-panel .share-people-scroll{max-height:195px}}


/* stylesheet: plans-finish-2418.css */
/* SouPrimeiroAC V22.3.95 / build 2418 — acabamento EXCLUSIVO de Planos.
   Nenhum preco, beneficio, assinatura, checkout ou outra aba foi alterado. */

/* Texto dos tres selos: legibilidade real sobre o grafite. */
#planosView .plans-brand-grid .store-plan-card .store-plan-tag{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  background:linear-gradient(130deg,#343840,#26282f)!important;
  border:1px solid #60646d!important;
  font-weight:850!important;
  text-shadow:0 1px 2px rgba(0,0,0,.24);
}
#planosView .plans-brand-grid .store-plan-card.premium .store-plan-tag{
  background:linear-gradient(130deg,#3a3527,#292923)!important;
  border-color:#87764a!important;
}

/* Completo: nome sem quebra, preco proporcional ao tamanho do cartao. */
#planosView .plans-brand-grid .plan-card-complete .plan-name-price-row{
  display:flex;
  flex-wrap:nowrap;
  align-items:flex-end;
  justify-content:space-between;
  column-gap:8px;
  min-width:0;
}
#planosView .plans-brand-grid .plan-card-complete .plan-name-price-row>div:first-child{
  flex:0 0 auto;
  min-width:0;
}
#planosView .plans-brand-grid .plan-card-complete .plan-name-price-row h3{
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  font-size:clamp(22px,2.05vw,28px)!important;
  letter-spacing:-.045em!important;
}
#planosView .plans-brand-grid .plan-card-complete .plan-name-price-row .store-price{
  flex:0 1 auto;
  min-width:0;
  display:flex;
  flex-wrap:nowrap;
  align-items:baseline;
  gap:3px!important;
  white-space:nowrap!important;
}
#planosView .plans-brand-grid .plan-card-complete .plan-name-price-row .store-price strong{
  font-size:clamp(29px,2.6vw,36px)!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  white-space:nowrap!important;
}
#planosView .plans-brand-grid .plan-card-complete .plan-name-price-row .store-price span{
  font-size:10px!important;
  letter-spacing:.01em!important;
  margin-left:0!important;
  white-space:nowrap!important;
}

/* Cartao de informacoes de assinatura: compacto, valorizado e com dados reais. */
#planosView .plans-brand-hero .plans-current-status{
  position:relative;
  z-index:1;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:12px!important;
  box-sizing:border-box;
  flex:0 0 auto;
  width:min(100%,318px);
  max-width:318px!important;
  min-width:0;
  min-height:168px;
  margin:0;
  padding:20px 20px 22px!important;
  border:1px solid #746238!important;
  border-radius:19px!important;
  background:linear-gradient(150deg,#2a2925 0%,#202127 49%,#16191f 100%)!important;
  box-shadow:0 16px 35px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,231,142,.13)!important;
  text-align:left!important;
}
#planosView .plans-brand-hero .plans-current-status::before{
  content:"SUA ASSINATURA";
  position:relative;
  z-index:1;
  display:block;
  font-size:10px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.16em;
  color:#ffe087;
  -webkit-text-fill-color:#ffe087;
}
#planosView .plans-brand-hero .plans-current-status::after{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  right:-72px;
  top:-65px;
  width:190px;
  height:190px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,212,38,.13),rgba(255,212,38,0) 68%);
}
#planosView .plans-brand-hero .plans-current-status #plansCurrentBadge{
  position:relative;
  z-index:1;
  align-self:flex-start;
  max-width:100%;
  padding:9px 13px!important;
  border:1px solid #ffe071!important;
  border-radius:11px!important;
  background:linear-gradient(120deg,#ffd426,#ffe77a)!important;
  box-shadow:0 5px 18px rgba(255,212,38,.14)!important;
  color:#171717!important;
  -webkit-text-fill-color:#171717!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.055em!important;
  white-space:normal;
  text-align:left;
}
#planosView .plans-brand-hero .plans-current-status #plansAccessSummary{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  max-width:100%;
  padding-top:11px;
  border-top:1px solid rgba(255,218,101,.22);
  font-size:13px!important;
  line-height:1.5!important;
  font-weight:700;
  color:#f0f2f5!important;
  -webkit-text-fill-color:#f0f2f5!important;
  overflow-wrap:break-word;
  text-align:left!important;
}
@media (min-width:761px) and (max-width:1120px){
  #planosView .plans-brand-grid .plan-card-complete .plan-name-price-row{
    flex-wrap:wrap;
    align-items:flex-start;
    row-gap:5px;
  }
}
@media (max-width:900px){
  #planosView .plans-brand-hero .plans-current-status{
    width:100%;
    max-width:none!important;
    min-height:0;
  }
}
@media (max-width:760px){
  #planosView .plans-brand-hero .plans-current-status{
    padding:17px 18px 19px!important;
    border-radius:16px!important;
  }
  #planosView .plans-brand-grid .plan-card-complete .plan-name-price-row .store-price strong{
    font-size:clamp(29px,8.2vw,35px)!important;
  }
}
@media (max-width:390px){
  #planosView .plans-brand-grid .plan-card-complete .plan-name-price-row{
    flex-wrap:wrap;
    row-gap:6px;
  }
}


/* stylesheet: agenda-rebranding-2419.css */
/* V22.3.96 / build 2419 — rebranding visual da Agenda e dos Detalhes da Agenda.
   Escopo restrito: somente #agendaView e #jobDetailsDialog. Nenhum texto, botão ou fluxo foi alterado. */

#agendaView{
  --agenda-accent:#ffd400;
  --agenda-shell:#0e1014;
  --agenda-surface:#15181e;
  --agenda-surface-2:#1b1f27;
  --agenda-line:#313642;
  --agenda-soft:#98a0ad;
  --agenda-white:#f8f8f4;
  --agenda-shadow:0 22px 54px rgba(0,0,0,.26);
}
#agendaView .section-head{position:relative;overflow:hidden;margin-bottom:22px;padding:28px 30px;border-radius:28px;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at top right, rgba(255,212,0,.18), transparent 28%),linear-gradient(135deg, rgba(255,212,0,.08), transparent 32%),linear-gradient(180deg, #12151c, #0c0f14 78%);box-shadow:var(--agenda-shadow);align-items:center}
#agendaView .section-head::after{content:"";position:absolute;inset:auto -48px -48px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle, rgba(255,212,0,.12) 0%, rgba(255,212,0,0) 68%);pointer-events:none}
#agendaView .section-head>div:first-child{position:relative;z-index:1;max-width:760px}
#agendaView .section-head .eyebrow{color:var(--agenda-accent)!important;letter-spacing:.16em;font-size:.72rem}
#agendaView .section-head h3{margin:4px 0 8px;color:var(--agenda-white)!important;font-size:clamp(2rem,3vw,2.8rem);line-height:.98;letter-spacing:-.04em}
#agendaView .section-head p:not(.eyebrow){margin:0;color:#c5cad3!important;max-width:620px;line-height:1.5}
#agendaView .agenda-head-actions{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
#agendaView .agenda-head-actions .btn{min-height:46px;padding:0 16px;border-radius:14px;font-weight:800;box-shadow:none}
#agendaView .agenda-head-actions .btn.btn-ghost{background:rgba(255,255,255,.04);border-color:#39404d;color:#f0f1ed}
#agendaView .agenda-head-actions .btn.btn-primary{background:var(--agenda-accent);border-color:var(--agenda-accent);color:#111216}
#agendaView .overdue-banner{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;align-items:center;margin-bottom:18px;padding:16px 18px;border-radius:18px;border:1px solid rgba(255,212,0,.24);background:linear-gradient(180deg, rgba(255,212,0,.14), rgba(255,212,0,.07));box-shadow:0 16px 36px rgba(0,0,0,.14)}
#agendaView .overdue-banner strong{color:#111216;background:var(--agenda-accent);padding:7px 12px;border-radius:999px;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
#agendaView .overdue-banner span{color:#f3f3ef;line-height:1.45}
#agendaView .agenda-list{gap:16px}
#agendaView .agenda-card{position:relative;overflow:hidden;display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:18px;align-items:center;min-height:132px;padding:20px;border-radius:24px;border:1px solid var(--agenda-line);background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),linear-gradient(180deg, var(--agenda-surface), #101319);box-shadow:var(--agenda-shadow)}
#agendaView .agenda-card::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:0 999px 999px 0;background:linear-gradient(180deg, var(--agenda-accent), #8b7100);opacity:.95}
#agendaView .agenda-card.agenda-overdue{border-color:#735509;background:linear-gradient(180deg, rgba(255,212,0,.08), rgba(255,212,0,.03)),linear-gradient(180deg, #19140a, #12151a 74%)}
#agendaView .date-block{position:relative;display:grid;gap:4px;align-content:center;justify-items:center;min-height:92px;padding:12px 10px;border-radius:20px;border:1px solid rgba(255,212,0,.36);background:linear-gradient(180deg, rgba(255,212,0,.12), rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
#agendaView .date-block b{font-size:2.15rem;line-height:.92;color:var(--agenda-white)}
#agendaView .date-block span{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--agenda-accent);font-weight:800}
#agendaView .agenda-main{display:grid;gap:10px;min-width:0}
#agendaView .agenda-title-line{gap:10px}
#agendaView .agenda-title-line strong{font-size:1.14rem;color:var(--agenda-white);line-height:1.15;letter-spacing:-.02em}
#agendaView .agenda-card p{margin:0;color:var(--agenda-soft);font-size:.92rem;line-height:1.45}
#agendaView .finance-status{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
#agendaView .finance-status.pendente{color:#f6f7f2;border-color:#434854;background:#1c2028}
#agendaView .finance-status.pago{color:#111216;background:var(--agenda-accent);border-color:var(--agenda-accent)}
#agendaView .finance-status.atrasado{color:#111216;background:#ffce3a;border-color:#ffce3a}
#agendaView .agenda-finance-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:0}
#agendaView .agenda-finance-line span{display:inline-flex;align-items:center;min-height:32px;padding:7px 11px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#d7dce5;font-size:.73rem;font-weight:800}
#agendaView .agenda-finance-line span:first-child{background:rgba(255,212,0,.13);border-color:rgba(255,212,0,.32);color:#fff2ad;font-size:.86rem}
#agendaView .agenda-actions{display:grid;gap:8px;min-width:150px}
#agendaView .agenda-actions .btn{width:100%;min-height:42px;border-radius:13px;font-weight:800}
#agendaView .agenda-actions .btn.btn-primary{background:var(--agenda-accent);border-color:var(--agenda-accent);color:#111216}
#agendaView .agenda-actions .btn.btn-ghost{background:rgba(255,255,255,.03);border-color:#39404c;color:#f2f3ee}
#agendaView .agenda-pagination{margin-top:4px;padding:22px 0 6px;gap:14px}
#agendaView .agenda-pagination button{min-height:44px;padding:9px 16px;border-radius:13px;border:1px solid #39404c;background:#161920;color:#fff;font-weight:800}
#agendaView .agenda-pagination span{color:#bfc5cf}
#agendaView .empty{padding:28px 24px;border-radius:22px;border:1px dashed #404653;background:linear-gradient(180deg,#12151b,#0e1116);color:#cbd0d8;text-align:center}
#jobDetailsDialog{--agenda-accent:#ffd400;width:min(980px,calc(100vw - 28px));max-width:980px;border:0;background:transparent}
#jobDetailsDialog::backdrop{background:rgba(5,7,10,.72);backdrop-filter:blur(5px)}
#jobDetailsDialog>.dialog-card{padding:22px;border-radius:28px;border:1px solid #2f3440;background:radial-gradient(circle at top right, rgba(255,212,0,.12), transparent 25%),linear-gradient(180deg, #14171d, #0d1014 92%);box-shadow:0 32px 80px rgba(0,0,0,.42)}
#jobDetailsDialog .dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px;padding:0 0 16px;border-bottom:1px solid rgba(255,255,255,.08)}
#jobDetailsDialog .dialog-head .eyebrow{color:var(--agenda-accent)!important;letter-spacing:.16em;font-size:.72rem}
#jobDetailsDialog .dialog-head h3{margin:5px 0 0;color:#f8f8f4!important;font-size:clamp(1.7rem,2vw,2.2rem);line-height:1.02;letter-spacing:-.035em}
#jobDetailsDialog .icon-btn{width:46px;height:46px;min-width:46px;min-height:46px;border-radius:14px;border:1px solid #3a404d;background:#181c23;color:#f3f3ef;font-size:1.35rem}
#jobDetailsDialog .job-details-body{margin-bottom:16px;padding:18px;border-radius:22px;border:1px solid #2e3440;background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015))}
#jobDetailsDialog .job-detail-grid{gap:12px;margin:0}
#jobDetailsDialog .job-detail-grid>div{min-width:0;padding:16px;border-radius:18px;border:1px solid #363c49;background:linear-gradient(180deg,#1a1e26,#14181f);box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
#jobDetailsDialog .job-detail-grid span{color:#b3bac6;font-size:.68rem;letter-spacing:.14em}
#jobDetailsDialog .job-detail-grid strong,#jobDetailsDialog .job-detail-grid p,#jobDetailsDialog .job-day-detail p{color:#f6f7f2}
#jobDetailsDialog .job-detail-grid strong{font-size:1rem;line-height:1.3}
#jobDetailsDialog .job-detail-grid p{line-height:1.55}
#jobDetailsDialog .workflow-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}
#jobDetailsDialog .workflow-actions .btn{min-height:46px;border-radius:14px;font-weight:800;background:#181c23;border-color:#39404c;color:#f4f5f0}
#jobDetailsDialog .workflow-actions .btn.btn-primary{background:var(--agenda-accent);border-color:var(--agenda-accent);color:#111216}
#jobDetailsDialog .job-workflow-pane{margin-top:0;padding:18px;border-radius:22px;border:1px solid #303642;background:linear-gradient(180deg,#171b22,#101319)}
#jobDetailsDialog .job-workflow-view-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}
#jobDetailsDialog .job-workflow-view-head .eyebrow{color:var(--agenda-accent)!important;font-size:.68rem;letter-spacing:.14em}
#jobDetailsDialog .job-workflow-view-head h3{margin:5px 0 0;color:#f8f8f4;font-size:1.2rem}
#jobDetailsDialog .job-workflow-open-icon{width:42px;height:42px;border-radius:13px;border:1px solid #3c4350;background:#1b1f27;color:#f3f3ef}
#jobDetailsDialog .job-workflow-content{color:#f2f3ee}
#jobDetailsDialog .job-share-slot,#jobDetailsDialog .job-workflow-footer{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
#jobDetailsDialog .job-workflow-footer{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
#jobDetailsDialog .job-workflow-footer .btn{min-height:44px;border-radius:13px;font-weight:800}
#jobDetailsDialog .job-workflow-footer .btn.btn-primary{background:var(--agenda-accent);border-color:var(--agenda-accent);color:#111216}
#jobDetailsDialog .job-workflow-footer .btn.btn-ghost{background:#181c23;border-color:#39404c;color:#f3f4ef}
#jobDetailsDialog .field-help{display:block;margin-top:14px;padding:13px 15px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#bfc5cf;line-height:1.45}
@media(max-width:980px){#agendaView .agenda-card{grid-template-columns:78px minmax(0,1fr);gap:16px}#agendaView .agenda-actions{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}}
@media(max-width:760px){#agendaView .section-head{padding:22px 18px;border-radius:24px}#agendaView .section-head h3{font-size:clamp(1.7rem,8vw,2.2rem)}#agendaView .section-head p:not(.eyebrow){font-size:.92rem}#agendaView .agenda-head-actions{width:100%}#agendaView .agenda-head-actions .btn{flex:1 1 180px}#agendaView .overdue-banner{grid-template-columns:1fr}#agendaView .agenda-card{grid-template-columns:1fr;gap:14px;padding:16px 16px 17px 18px}#agendaView .agenda-card::before{top:16px;bottom:16px}#agendaView .date-block{min-height:unset;grid-template-columns:auto auto;grid-auto-flow:column;justify-content:start;align-items:center;gap:10px;padding:10px 12px}#agendaView .date-block b{font-size:1.55rem}#agendaView .agenda-title-line strong{font-size:1.05rem}#agendaView .agenda-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}#agendaView .agenda-actions .btn{min-height:40px;padding:0 8px;font-size:.76rem}#jobDetailsDialog>.dialog-card{padding:18px;border-radius:24px}#jobDetailsDialog .dialog-head h3{font-size:clamp(1.4rem,7vw,1.8rem)}#jobDetailsDialog .workflow-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){#agendaView .section-head{padding:20px 16px 18px}#agendaView .agenda-head-actions{display:grid;grid-template-columns:1fr}#agendaView .agenda-finance-line span{width:100%;justify-content:flex-start}#agendaView .agenda-actions{grid-template-columns:1fr}#jobDetailsDialog .workflow-actions{grid-template-columns:1fr}}

/* Precedência sobre a regra legada dark, sem afetar outras páginas ou diálogos. */
html[data-theme="dark"] #agendaView .agenda-card{background:linear-gradient(180deg,#1b1e25,#111319)!important;border-color:#343945!important;color:#f8f8f4!important}
html[data-theme="dark"] #agendaView .agenda-card.agenda-overdue{background:linear-gradient(180deg,#28210f,#17191d)!important;border-color:#80621b!important}
html[data-theme="dark"] #jobDetailsDialog>.dialog-card{background:linear-gradient(160deg,#181b23,#0e1015)!important;border-color:#343944!important;color:#f8f8f4!important}
html[data-theme="dark"] #jobDetailsDialog .job-details-body{background:#15181e!important;border-color:#303641!important}
html[data-theme="dark"] #jobDetailsDialog .job-detail-grid>div{background:linear-gradient(180deg,#1e222a,#161920)!important;border-color:#343a45!important}
@media(max-width:430px){#agendaView .agenda-actions{grid-template-columns:repeat(3,minmax(0,1fr))}#jobDetailsDialog .workflow-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* V22.3.109 / build 2432 — data da Agenda no celular: mes abaixo do dia, sem invadir valores. */
@media (max-width:760px){
  #agendaView .agenda-card{
    grid-template-columns:64px minmax(0,1fr)!important;
    column-gap:12px!important;
  }
  #agendaView .date-block{
    grid-column:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    justify-self:stretch;
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    min-width:0;
    min-height:76px;
    gap:4px;
    padding:9px 4px;
    overflow:hidden;
  }
  #agendaView .date-block b{
    display:block;
    font-size:1.55rem;
    line-height:1.05;
    white-space:nowrap;
  }
  #agendaView .date-block span{
    display:block;
    width:100%;
    font-size:.68rem;
    line-height:1.2;
    letter-spacing:.045em;
    text-align:center;
    white-space:nowrap;
  }
  #agendaView .agenda-main{min-width:0}
  #agendaView .agenda-actions{grid-column:1/-1}
}


/* stylesheet: cinema-floating-2420.css */
/* SouPrimeiroAC 22.3.97 / build 2420 — Modo Cinema, menu fixo no viewport mobile.
   A barra ja e portaled para o body no desktop. No mobile, usar a mesma ancora
   impede que o scroll / transform do conteudo arraste o menu flutuante.
   Nenhum outro componente ou tela recebe estas regras. */
@media (max-width:760px){
  body > .so-tabs.so-tabs-viewport.so-tabs-mobile-viewport{
    position:fixed!important;
    top:auto!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    left:max(6px,env(safe-area-inset-left))!important;
    right:max(6px,env(safe-area-inset-right))!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    margin:0!important;
    padding:5px 4px!important;
    z-index:90!important;
    transform:none!important;
    display:grid!important;
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    grid-auto-columns:auto!important;
    grid-auto-flow:row!important;
    gap:2px!important;
    align-items:stretch!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    border:1px solid #363b46!important;
    border-radius:18px!important;
    background:rgba(9,10,12,.95)!important;
    color:#d0d4dc!important;
    box-shadow:0 15px 50px rgba(0,0,0,.46)!important;
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
  }
  body > .so-tabs.so-tabs-viewport.so-tabs-mobile-viewport button{
    display:grid!important;
    grid-template-rows:auto auto!important;
    align-content:center!important;
    justify-items:center!important;
    gap:2px!important;
    min-width:0!important;
    width:100%!important;
    min-height:52px!important;
    padding:5px 1px!important;
    margin:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:11px!important;
    background:transparent!important;
    color:#c5c9d2!important;
    font-size:12px!important;
    font-weight:750!important;
    touch-action:manipulation;
  }
  body > .so-tabs.so-tabs-viewport.so-tabs-mobile-viewport button>span{
    font-size:16px!important;
    line-height:1!important;
  }
  body > .so-tabs.so-tabs-viewport.so-tabs-mobile-viewport button>b{
    display:block!important;
    max-width:100%!important;
    margin:0!important;
    font-size:clamp(6px,1.9vw,8px)!important;
    line-height:1.12!important;
    letter-spacing:-.02em!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    overflow:hidden!important;
    text-align:center!important;
  }
  body > .so-tabs.so-tabs-viewport.so-tabs-mobile-viewport button[aria-current="page"]{
    background:#ffd400!important;
    color:#111!important;
  }
  body:has(#mainView.hidden) > .so-tabs.so-tabs-mobile-viewport,
  body:has(#setmodeView:not(.active-view)) > .so-tabs.so-tabs-mobile-viewport,
  body:has(#setmodeView[hidden]) > .so-tabs.so-tabs-mobile-viewport,
  body:has(#setmodeView.hidden) > .so-tabs.so-tabs-mobile-viewport{
    display:none!important;
  }
}
@media (max-width:360px){
  body > .so-tabs.so-tabs-viewport.so-tabs-mobile-viewport{
    left:max(3px,env(safe-area-inset-left))!important;
    right:max(3px,env(safe-area-inset-right))!important;
    padding-inline:3px!important;
  }
  body > .so-tabs.so-tabs-viewport.so-tabs-mobile-viewport button>b{
    font-size:6px!important;
  }
}


/* stylesheet: cinema-collaboration-2421.css */
/* SouPrimeiroAC V22.3.98 — styles isolated to Cinema team tab only. */
#setmodeView .so-team-panel{--so-team-border:#343944;display:grid;gap:18px;width:100%;min-width:0;max-width:1120px;margin:0 auto;color:#f7f7f4}
#setmodeView .so-team-panel>header{position:relative;overflow:hidden;padding:27px clamp(17px,3vw,32px);border:1px solid #3d3e3f;border-radius:22px;background:radial-gradient(circle at 96% 5%,rgba(255,212,0,.15),transparent 30%),linear-gradient(145deg,#1b2029,#12151b);box-shadow:0 16px 34px rgba(0,0,0,.23)}
#setmodeView .so-team-kicker{margin:0 0 7px!important;color:#ffd400!important;font-size:.7rem;font-weight:900;letter-spacing:.16em}
#setmodeView .so-team-panel h3{margin:0 0 9px;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.035em;line-height:1.12;color:#fff}
#setmodeView .so-team-panel p{margin:0;line-height:1.5;color:#c8cad1}
#setmodeView .so-team-indicators{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
#setmodeView .so-team-indicators span{display:inline-flex;gap:7px;align-items:center;min-height:32px;padding:7px 11px;border:1px solid #40464e;border-radius:999px;background:#181b22;font-size:.76rem;color:#f2f2ef;font-weight:800}
#setmodeView .so-team-indicators i{width:8px;height:8px;background:#39cf88;border-radius:50%;box-shadow:0 0 0 3px rgba(57,207,136,.15)}
#setmodeView :is(.so-team-setup,.so-team-invite,.so-team-members){min-width:0;padding:22px;border:1px solid var(--so-team-border);border-radius:20px;background:linear-gradient(180deg,#191d24,#13171d);box-shadow:0 14px 25px rgba(0,0,0,.14)}
#setmodeView .so-team-setup{display:grid;gap:12px;justify-items:start}
#setmodeView .so-team-setup strong{font-size:1.14rem}
#setmodeView .so-team-panel h4{margin:0 0 12px;font-size:1.08rem;color:#fff}
#setmodeView .so-team-grid{display:grid;grid-template-columns:1fr minmax(180px,.65fr);gap:12px}
#setmodeView .so-team-invite label{color:#c5cad4;display:grid;gap:7px}
#setmodeView .so-team-invite input,#setmodeView .so-team-invite select{background:#0c0f15;color:#fff;border:1px solid #434955;border-radius:12px;padding:10px 13px}
#setmodeView .so-team-invite .btn,#setmodeView .so-team-setup .btn{min-height:46px;padding:10px 17px;border-radius:12px;background:#ffd400;color:#111215;font-weight:900}
#setmodeView .so-team-list{display:grid;gap:8px;max-height:min(55vh,620px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#setmodeView .so-team-person{display:flex;gap:12px;align-items:center;min-width:0;padding:11px 12px;border-radius:14px;border:1px solid #323945;background:#11151d}
#setmodeView .so-team-avatar{width:40px;height:40px;min-width:40px;border:1px solid rgba(255,212,0,.4);border-radius:13px;display:grid;place-items:center;background:rgba(255,212,0,.11);color:#ffd400;font-weight:900}
#setmodeView .so-team-person>div{display:grid;gap:4px;flex:1;min-width:0}
#setmodeView .so-team-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}
#setmodeView .so-team-person small{color:#aeb6c2;font-size:.74rem;line-height:1.35}
#setmodeView .so-team-pill{white-space:nowrap;font-size:.69rem;color:#aeb6c2;font-weight:800}
#setmodeView .so-team-pill.online{color:#60e4a0}
#setmodeView .so-team-remove,#setmodeView .so-team-role-edit{width:auto;min-height:35px!important;padding:5px 9px!important;border:1px solid #454b58;border-radius:10px;background:#1e232d;color:#e5e9ed;font-size:.75rem;font-weight:800;flex-shrink:0}
#setmodeView .so-team-remove{min-width:36px;color:#ffaeae}
#setmodeView .so-team-footnote{font-size:.8rem;color:#a9adb6!important}
#setmodeView .so-team-controls{display:flex;gap:10px;flex-wrap:wrap}
#setmodeView .so-team-controls .btn{min-height:44px;border-radius:12px}
@media (max-width:760px){
  /* Preserve the previous truly fixed seven-step menu and fit the new EQUIPE tab. */
  body > .so-tabs.so-tabs-viewport.so-tabs-mobile-viewport{grid-template-columns:repeat(8,minmax(0,1fr))!important}
  body > .so-tabs.so-tabs-viewport.so-tabs-mobile-viewport button>b{font-size:clamp(6px,1.68vw,7.8px)!important}
  #setmodeView .so-team-panel>header{padding:21px 17px}
  #setmodeView :is(.so-team-setup,.so-team-invite,.so-team-members){padding:16px}
  #setmodeView .so-team-grid{grid-template-columns:minmax(0,1fr)}
  #setmodeView .so-team-person{gap:8px;padding:9px}
  #setmodeView .so-team-avatar{width:34px;height:34px;min-width:34px}
  #setmodeView .so-team-role-edit{max-width:60px}
}
@media (max-width:360px){
  body > .so-tabs.so-tabs-viewport.so-tabs-mobile-viewport button>b{font-size:5.6px!important}
  #setmodeView .so-team-person{flex-wrap:wrap}
}
/* V22.3.99: role management belongs only to the Cinema > Equipe panel. */
#setmodeView .so-team-members-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}
#setmodeView .so-team-members-head h4{margin:0 0 5px}
#setmodeView .so-team-members-head p{font-size:.8rem;color:#b5bdc8}
#setmodeView .so-team-person{flex-wrap:wrap;align-items:center}
#setmodeView .so-team-person-details{display:grid;gap:3px;flex:1;min-width:155px}
#setmodeView .so-team-name-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}
#setmodeView .so-team-owner-tag{padding:3px 7px;border-radius:999px;background:#3b3320;color:#ffd400;font-size:.63rem;font-weight:850}
#setmodeView .so-team-username{color:#b5c2d8;font-size:.73rem}
#setmodeView .so-team-current-role{color:#ffd400;font-size:.76rem;font-weight:750}
#setmodeView .so-team-avatar{border-radius:50%;overflow:hidden}
#setmodeView .so-team-avatar img{height:100%;width:100%;object-fit:cover;display:block}
#setmodeView .so-team-pill{border:1px solid #424a56;padding:6px 9px;border-radius:999px}
#setmodeView .so-team-pill.online{border-color:#277750;background:#123725}
#setmodeView .so-team-role-form{display:flex;flex-wrap:wrap;align-items:end;gap:9px;flex-basis:100%;min-width:0;margin-left:52px;padding-top:8px;border-top:1px solid #28303b}
#setmodeView .so-team-role-form label{display:grid;gap:5px;min-width:180px;flex:1;color:#bdc3ce;font-size:.73rem;font-weight:650}
#setmodeView .so-team-role-form :is(select,input){width:100%;min-height:38px;border:1px solid #434955;border-radius:10px;background:#0c0f15;color:white;padding:7px 10px;font-size:.81rem}
#setmodeView .so-team-custom-role[hidden]{display:none!important}
#setmodeView .so-team-save-role{min-height:38px!important;border:none;border-radius:10px;background:#ffd400;color:#111215;padding:8px 12px!important;font-size:.77rem;font-weight:850;cursor:pointer}
#setmodeView .so-team-role-form button:disabled{opacity:.5;cursor:wait}
#setmodeView .so-team-remove{min-height:32px!important}
@media(max-width:760px){
  #setmodeView .so-team-person-details{min-width:120px}
  #setmodeView .so-team-role-form{margin-left:0;gap:8px}
  #setmodeView .so-team-role-form label{flex-basis:100%}
  #setmodeView .so-team-save-role{width:100%}
  #setmodeView .so-team-pill{font-size:.64rem}
}

/* V22.3.107 — compact collaborative operation controller. */
#setmodeView .so-live-control{margin:12px 0;padding:13px 16px;border-radius:15px;border:1px solid #3b4250;background:#161a21;color:#eef0f5;display:grid;gap:9px;max-width:1120px}
#setmodeView .so-live-control-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px}
#setmodeView .so-live-control-head>strong{color:#ffd400;font-size:14px}
#setmodeView .so-live-control-head>span{color:#53db9c;font-size:12px}
#setmodeView .so-live-head-actions{display:flex;align-items:center;gap:9px}
#setmodeView .so-live-head-actions>span{color:#53db9c;font-size:12px}
#setmodeView .so-live-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:32px;padding:3px 8px;border:1px solid #454b55;border-radius:9px;background:#232830;color:#f8f8f8;font:700 18px/1 system-ui;cursor:pointer}
#setmodeView .so-live-toggle:focus-visible{outline:2px solid #ffd400;outline-offset:2px}
#setmodeView .so-live-control-collapsed{padding:8px 12px;gap:0}
#setmodeView .so-live-control-collapsed .so-live-control-head>strong{color:#53db9c}
#setmodeView .so-live-control-meta{display:flex;gap:6px 18px;flex-wrap:wrap;font-size:12px;color:#bfc5cd}
#setmodeView .so-live-control-meta b{font-weight:700;color:#fff}
#setmodeView .so-live-username{font-size:.92em;color:#abb8cc;font-weight:500}
#setmodeView .so-live-editors{display:flex;flex-wrap:wrap;gap:7px}
#setmodeView .so-live-editor{display:grid;gap:3px;padding:7px 10px;border-radius:10px;border:1px solid #356452;background:#152620;font-size:12px;line-height:1.35}
#setmodeView .so-live-editor small{color:#b5e6ce;font-size:11px}
#setmodeView .so-live-editor em{font-style:normal;color:#70e5aa}
#setmodeView .so-live-idle{font-size:11px;color:#a9b3bc}
@media(max-width:760px){#setmodeView .so-live-control{padding:11px 13px;margin:11px 0}#setmodeView .so-live-control-meta{display:grid;gap:5px}}


/* stylesheet: cinema-rebranding-2433.css */
/* SouPrimeiroAC 22.3.110 / build 2433 — Rebranding visual exclusivo do Modo Cinema.
   Escopo deliberadamente CSS-only. Não altera HTML dinâmico, controle de OD/PDF,
   nomes de campos, dimensões da navegação ou lógica de colaboração e salvamento. */

#setmodeView{
  --cinema-yellow:#ffd400;
  --cinema-white:#f8f8f4;
  --cinema-muted:#b8bec9;
  --cinema-surface:#151820;
  --cinema-surface-deep:#0f1218;
  --cinema-surface-raised:#1b1f28;
  --cinema-line:#353b48;
  --cinema-accent-line:rgba(255,212,0,.32);
  --cinema-elevation:0 18px 42px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.025);
  color:var(--cinema-white);
}
/* Identidade da diária: o cabeçalho original permanece na mesma posição. */
#setmodeView .set-head-row{
  position:relative;
  isolation:isolate;
  border:1px solid var(--cinema-line);
  border-radius:24px;
  background:radial-gradient(circle at 94% 10%,rgba(255,212,0,.13),transparent 37%),
             linear-gradient(145deg,#1b1e24,#11141a 76%);
  box-shadow:var(--cinema-elevation);
}
#setmodeView .set-head-row::before{
  content:"";position:absolute;inset:14px auto 14px 0;width:3px;border-radius:0 4px 4px 0;
  background:linear-gradient(180deg,#ffe66b,#ffd400 60%,#9d8000);pointer-events:none;
}
#setmodeView .set-head-title .eyebrow{color:var(--cinema-yellow)!important;letter-spacing:.17em;font-weight:850;}
#setmodeView .set-head-title h3{color:var(--cinema-white)!important;font-weight:850;letter-spacing:-.035em;}
#setmodeView .so-job>span{color:#c3c9d2;font-weight:750;}
#setmodeView .so-job select{border-color:var(--cinema-line);background-color:#0f1219;color:var(--cinema-white);}

/* Superfícies: mesma grade, mesmos formulários, mesmo tamanho de botões. */
#setmodeView .so-content>.panel,
#setmodeView .so-content>form.panel,
#setmodeView .so-media-flow .panel,
#setmodeView .so-media-flow .so-media-row,
#setmodeView .so-media-flow .so-media-steps button,
#setmodeView .so-cinema-kit{
  border-color:var(--cinema-line)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 54%),
             linear-gradient(165deg,var(--cinema-surface),#11141a 92%)!important;
  box-shadow:var(--cinema-elevation);
  color:var(--cinema-white);
}
#setmodeView .so-content>.panel,
#setmodeView .so-media-flow .panel{border-radius:23px;}
#setmodeView .so-content>.panel{position:relative;}
#setmodeView .so-content>.panel::before{
  content:"";position:absolute;left:19px;right:19px;top:0;height:2px;
  background:linear-gradient(90deg,rgba(255,212,0,.75),rgba(255,212,0,.12) 43%,transparent 80%);
  pointer-events:none;border-radius:0 0 5px 5px;
}
#setmodeView .so-content :is(h3,h4){color:var(--cinema-white);letter-spacing:-.025em;}
#setmodeView .so-content :is(.panel>h3,.panel-head h3,.so-media-section-head h3){font-weight:850;}
#setmodeView .so-content :is(p,small,dt),
#setmodeView .so-media-row small{line-height:1.5;}
#setmodeView .so-content :is(.panel-head p,.panel-head small,.so-media-section-head p,
                         .so-media-section>p,.so-roll-record>p,.so-card-record>p){color:var(--cinema-muted);}
#setmodeView .so-content :is(label,legend){color:#d4d8df;font-weight:700;}

/* Formulários: mais clareza ao preencher no set, sem redimensionar os elementos. */
#setmodeView :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea){
  border:1px solid #3c4350;
  border-radius:13px;
  background-color:#0e1117;
  color:var(--cinema-white);
  box-shadow:inset 0 1px 0 rgba(0,0,0,.17);
}
#setmodeView :is(input,select,textarea)::placeholder{color:#919aa9;opacity:1;}
#setmodeView :is(input,select,textarea):focus-visible{
  outline:2px solid var(--cinema-yellow);outline-offset:1px;
  border-color:var(--cinema-yellow);
  box-shadow:0 0 0 4px rgba(255,212,0,.11);
}
#setmodeView input[type="file"]{
  border:1px dashed #5a5140;border-radius:15px;
  background:rgba(255,212,0,.045);color:#e8ebf0;
}
#setmodeView input[type="file"]::file-selector-button{
  background:#272a30;border:1px solid #535967;color:var(--cinema-white);
  border-radius:9px;padding:8px 12px;margin-right:10px;font-weight:750;
}
#setmodeView :is(input[type="checkbox"],input[type="radio"]){accent-color:var(--cinema-yellow);}

/* Botões: aparência apenas. Respeita tamanhos, alinhamentos e posições aprovados. */
#setmodeView .btn-primary,
#setmodeView .so-team-save-role{
  background:linear-gradient(180deg,#ffe050 0%,#ffd400 54%,#f4bf00 100%)!important;
  border-color:#ffd400!important;color:#141414!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 5px 16px rgba(255,212,0,.11);
  font-weight:850;
}
#setmodeView .btn-ghost{border-color:#414957;color:#f2f3ef;}
#setmodeView .so-content button:not([disabled]){transition:background-color .14s,border-color .14s,box-shadow .14s,transform .14s;}
#setmodeView .so-content button:not([disabled]):focus-visible{outline:2px solid #ffe05c;outline-offset:2px;}
#setmodeView .so-content button[disabled]{opacity:.52;}

/* Resumo: andamento da operação + métricas e atalhos. */
#setmodeView .so-stage button,
#setmodeView .so-shortcuts button,
#setmodeView .so-meal-options button{
  border-color:#3c4450;background:linear-gradient(160deg,#1d222b,#151920);
  color:#e8ecf1;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
#setmodeView .so-stage button[aria-pressed="true"],
#setmodeView .so-meal-options button[aria-pressed="true"]{
  background:linear-gradient(145deg,#ffe252,#ffd400)!important;
  border-color:#ffd400!important;color:#101114!important;
  box-shadow:0 6px 20px rgba(255,212,0,.12);
}
#setmodeView .so-metrics>div{
  border:1px solid #363e4b;background:linear-gradient(160deg,#1e232d,#151820);
  border-radius:17px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
#setmodeView .so-metrics span{color:var(--cinema-muted);}
#setmodeView .so-metrics strong{color:#fff;letter-spacing:-.025em;}
#setmodeView .so-meal-block{border-color:#41404a;background:#191c22;}

/* Mapa de câmera: corpos e parâmetros técnicos têm uma hierarquia comum. */
#setmodeView .so-camera{border-color:#414753!important;}
#setmodeView .so-camera>h3,
#setmodeView .so-media-register>h4,
#setmodeView .so-roll-register>h4{
  color:#ffe070;letter-spacing:-.018em;
}
#setmodeView :is(.so-rapid,.so-filter-compact){
  border-color:#373f4b;border-radius:14px;background:rgba(255,255,255,.015);
}
#setmodeView .so-rapid>legend{color:#d1d8e3;font-weight:800;}
#setmodeView .so-rapid button{
  border-color:#434b58;background:#242932;color:#f2f4f1;
}
#setmodeView .so-rapid button.active{
  border-color:var(--cinema-yellow);background:var(--cinema-yellow);color:#111;
}
#setmodeView .so-counter button{border-color:#424752;background:#252a33;color:#ffd400;}

/* Mídia: etapas, cartões e rolos — sem alterar seus fluxos ou grids. */
#setmodeView .so-media-steps button{box-shadow:none;}
#setmodeView .so-media-steps button[aria-current="step"]{
  border-color:var(--cinema-yellow)!important;
  background:linear-gradient(160deg,rgba(255,212,0,.145),rgba(255,212,0,.04)),#151820!important;
}
#setmodeView .so-media-steps b{background:#ffd400;color:#111;}
#setmodeView .so-media-section-head h3{border-left-color:#ffd400;}
#setmodeView .so-media-row{border-radius:18px;}
#setmodeView .so-media-row strong{color:#f8f8f4;}
#setmodeView .so-roll-title strong{color:#ffe375;letter-spacing:.025em;}
#setmodeView .so-media-row summary{color:#bdc4d0;}

/* Boletim: o bloco de salvar e os resultados NÃO mudam de lugar. */
#setmodeView .so-take-quick-bar{border-bottom-color:#353c48;}
#setmodeView .so-take-quick-bar .btn-primary{
  background:linear-gradient(145deg,#ffe258,#ffd400 75%)!important;color:#111!important;
}
#setmodeView .so-result-picker button{background:#171b22;border-color:#3e4450;color:#f4f4ef;}
#setmodeView .so-result-picker button.active[data-result="bom"]{border-color:#36c47a;background:#133a2b;}
#setmodeView .so-result-picker button.active[data-result="ng"]{border-color:#ef6a6a;background:#3a1b21;}
#setmodeView .so-result-picker button.active[data-result="problema"]{border-color:#e8b83f;background:#3a3017;}
#setmodeView .so-result-picker button.active[data-result="false_roll"]{border-color:#d1d5db;background:#2a2e35;}
#setmodeView .so-take-history-actions{border-color:var(--cinema-line);}
#setmodeView details.so-roll-menu{border-color:#3c4350;background:linear-gradient(155deg,#1c2029,#12151b);border-radius:17px;}
#setmodeView details.so-roll-menu>summary.so-roll-menu-head{background:rgba(255,255,255,.02);}
#setmodeView details.so-roll-menu[open]>summary.so-roll-menu-head{background:rgba(255,212,0,.065);}
#setmodeView .so-roll-menu-head strong{color:#f7f7f3;}
#setmodeView .so-take,
#setmodeView .so-status-history-row{
  background:#181c24;border-color:#343b48;border-radius:12px;
}
#setmodeView .so-history-live{color:#63daa4;}

/* OD: reformulação do CONTÊINER, não do canvas/iframe, parser ou escala do PDF. */
#setmodeView .so-od-tabs{border-color:#343b47;}
#setmodeView .so-od-tabs button{border-color:#3d4450;background:#1a1e26;color:#e8eaf0;}
#setmodeView .so-od-tabs button[aria-pressed="true"]{border-color:#ffd400;background:#ffd400;color:#151515;}
#setmodeView .so-od-document>label{color:#e0e2e9;}
#setmodeView .so-upload-progress{border-color:#766526;background:#252113;}
#setmodeView .so-upload-progress strong{color:#ffe070;}
#setmodeView .so-pdf-toolbar{
  background:#1b1f27;border-color:#363e49;border-radius:15px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
#setmodeView .so-pdf-toolbar button{background:#252a33;border-color:#474e5b;color:#f6f7f3;}
#setmodeView .so-pdf-stage{border-color:#363e49;}
#setmodeView .so-od-facts>div{
  border-color:#3d4350;background:#1a1d25;border-radius:13px;
}

/* Estados vazios e notas: coerentes com o restante do site. */
#setmodeView .empty{
  border:1px dashed #424957;border-radius:17px;
  background:linear-gradient(160deg,#171b22,#11141a);color:#c2c9d4;
}
#setmodeView .so-plan-preview{
  border-color:var(--cinema-accent-line);
  background:linear-gradient(100deg,rgba(255,212,0,.115),rgba(255,212,0,.035));
}
#setmodeView .so-content :is(.so-preserve,.so-check){color:#e5e8ef;}

/* Equipe e tempo real: mesma linguagem visual, status verdes preservados. */
#setmodeView .so-team-panel{--so-team-border:#353d48;}
#setmodeView .so-team-panel>header,
#setmodeView :is(.so-team-setup,.so-team-invite,.so-team-members){
  border-color:#353d49;background:linear-gradient(155deg,#1b1f27,#11151b);
  box-shadow:var(--cinema-elevation);
}
#setmodeView .so-team-person{border-color:#363e4a;background:#181c24;}
#setmodeView .so-team-current-role{color:#ffdf52;}
#setmodeView .so-live-control{
  border-color:#3c4450;background:linear-gradient(145deg,#1b1f27,#12161c);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
#setmodeView .so-live-control-collapsed{
  background:linear-gradient(90deg,rgba(52,174,110,.085),transparent 62%),#151a20;
}
#setmodeView .so-live-toggle{border-color:#464f5d;background:#272c35;}
#setmodeView .so-live-editor{border-color:#326d50;background:#142720;}
#setmodeView .so-danger-zone{border-color:#984b4b!important;background:linear-gradient(160deg,#24171b,#17171b)!important;}

/* Navegação flutuante: só acabamento, geometria fixa intocada. */
body > .so-tabs.so-tabs-viewport[data-cinema-viewport-nav="1"]{
  border-color:#424955!important;
  background:rgba(15,17,22,.96)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.47),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
body > .so-tabs.so-tabs-viewport[data-cinema-viewport-nav="1"] button:not([aria-current="page"]){color:#c5cbd5!important;}
body > .so-tabs.so-tabs-viewport[data-cinema-viewport-nav="1"] button[aria-current="page"]{
  background:#ffd400!important;color:#101216!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32);
}
body > .so-tabs.so-tabs-viewport[data-cinema-viewport-nav="1"] button:focus-visible{
  outline:2px solid #ffe263!important;outline-offset:1px;
}
@media(max-width:760px){
  /* No mobile, .set-head-row usa display:contents; estilizar o header real. */
  #setmodeView .set-app-head{
    border-color:#39404b;
    background:radial-gradient(circle at 94% 14%,rgba(255,212,0,.16),transparent 43%),
               linear-gradient(145deg,#1b1f27,#10131a 88%);
    box-shadow:var(--cinema-elevation);
  }
  #setmodeView .so-content>.panel,
  #setmodeView .so-media-flow .panel{border-radius:19px;}
  #setmodeView .so-content>.panel::before{left:14px;right:14px;}
  #setmodeView .so-media-row{box-shadow:none;}
}
@media(prefers-reduced-motion:reduce){#setmodeView button{transition:none!important;}}


/* stylesheet: cinema-flow-2437.css */
/* Build 2437: only Modo Cinema navigation, selector and media workflow. */
#setmodeView .so-project-pick{max-width:1040px;margin:12px auto 90px;display:grid;gap:18px}
#setmodeView .so-project-pick-head{padding:24px;border:1px solid #3a3d44;border-radius:22px;background:#17191e}
#setmodeView .so-project-pick-head .eyebrow{font-size:11px;color:#ffd400;font-weight:800;letter-spacing:.1em}
#setmodeView .so-project-pick-head h2{font-size:clamp(23px,3.5vw,34px);margin:9px 0 5px;color:#fff}
#setmodeView .so-project-pick-head p{color:#bac0c9;margin:0;line-height:1.55}
#setmodeView .so-project-pick-list{display:grid;gap:9px}
#setmodeView .so-project-pick-item{display:flex;align-items:center;text-align:left;gap:14px;width:100%;padding:15px;border:1px solid #353a42;border-radius:16px;background:#1c2026;color:#f8f8f8;cursor:pointer;min-height:78px}
#setmodeView .so-project-pick-item:hover,#setmodeView .so-project-pick-item:focus-visible{border-color:#ffd400;background:#24272b}
#setmodeView .so-project-pick-icon{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:11px;background:#333022;color:#ffd400}
#setmodeView .so-project-pick-info{display:grid;gap:4px;flex:1;min-width:0}
#setmodeView .so-project-pick-info strong{overflow-wrap:anywhere;font-size:15px}
#setmodeView .so-project-pick-info small{color:#aeb5c0}
#setmodeView .so-project-pick-recent{font-size:10px;color:#ffd400;white-space:nowrap}
#setmodeView .so-project-switch{font-size:11px;background:none;border:0;color:#ffd400;text-decoration:underline;padding:4px 6px;min-height:28px;cursor:pointer}
#setmodeView .so-roll-checkflow{display:grid;gap:9px;min-width:0;border:1px solid #383b41;background:#16191f;border-radius:15px;padding:13px}
#setmodeView .so-roll-checkflow-head{display:grid;gap:3px}
#setmodeView .so-roll-checkflow-head small{font-size:11px;color:#adb4bf}
#setmodeView .so-roll-stage-list{display:grid;gap:7px}
#setmodeView .so-roll-stage{display:flex;align-items:center;gap:8px;justify-content:space-between;min-width:0;border:1px solid #333841;border-radius:11px;padding:7px 8px}
#setmodeView .so-roll-stage-complete{display:flex;gap:9px;align-items:center;min-width:0;flex:1;overflow-wrap:anywhere;font-weight:600;color:#fff}
#setmodeView .so-roll-stage-complete input{flex:none;width:19px;height:19px;accent-color:#ffd400}
#setmodeView .so-roll-stage button{flex:none;min-width:99px!important;min-height:35px!important;margin:0!important;padding:5px 8px!important;border:1px solid #474b52;border-radius:9px;background:#23252b;color:#c4cbd6;font-size:11px;font-weight:700}
#setmodeView .so-roll-stage button.is-current{border-color:#b99c22;background:#352f1c;color:#ffe17b}
#setmodeView .so-roll-custom-stage{min-width:0}
#setmodeView .so-roll-checkflow [data-media-auto-feedback]{font-size:11px;color:#abb4bf}
#setmodeView .so-linked-take-note,#setmodeView .so-take-live-alert{padding:9px 12px;margin:0 0 10px;border:1px solid #333b45;border-radius:10px;background:#171c22;color:#bfc8d6;font-size:12px;line-height:1.5}
#setmodeView .so-linked-take-note strong{color:#ffe277}
#setmodeView .so-take-live-alert{border-color:#344b41;color:#a9d7b3}
/* The viewport nav is a single persistent node; it must never inherit a transformed scrolling container. */
body > .so-tabs.so-tabs-viewport[data-cinema-viewport-nav="1"]{will-change:auto!important;transform:none!important;transition:background-color .12s ease!important;contain:none!important}
body > .so-tabs.so-tabs-viewport[data-cinema-viewport-nav="1"] button{transform:none!important;position:relative}
@media(max-width:760px){#setmodeView .so-project-pick-head{padding:18px}#setmodeView .so-project-pick-item{padding:12px;gap:10px}#setmodeView .so-project-pick-recent{display:none}#setmodeView .so-roll-stage button{min-width:87px!important}}

/* Build 2438 — Mapa ↔ Boletim, scoped only to Modo Cinema. */
#setmodeView .so-map-setup-extra{display:grid;gap:11px;margin:13px 0 9px;padding:12px;border:1px solid #373b43;border-radius:13px;background:#171a20}
#setmodeView .so-map-setup-extra label{min-width:0}
#setmodeView .so-map-setup-extra label small{display:block;margin-top:5px;color:#aeb7c5;font-size:11px;line-height:1.4}
#setmodeView .so-map-clip-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#setmodeView .so-setup-sync-feedback{color:#a1d8b2;font-size:11px}
#setmodeView .so-scene-review{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:9px 0 14px;padding:12px 13px;border-radius:12px;border:1px solid #76641d;background:#2a2518;color:#ffedb0}
#setmodeView .so-scene-review[hidden]{display:none!important}
#setmodeView .so-scene-review>div{display:grid;gap:4px;min-width:0}
#setmodeView .so-scene-review strong{font-size:13px;color:#ffe48d}
#setmodeView .so-scene-review span{font-size:12px;line-height:1.45}
#setmodeView .so-scene-review button{flex:none;min-height:36px;border-radius:9px;background:#38301b;color:#ffe48d;border:1px solid #8d742a;padding:7px 11px;font-weight:700;font-size:12px}
@media(max-width:640px){#setmodeView .so-map-clip-fields{grid-template-columns:1fr}#setmodeView .so-scene-review{align-items:stretch;flex-direction:column}#setmodeView .so-scene-review button{align-self:flex-start}}

/* Build 2445: unico novo controle no seletor original de trabalhos do Modo Cinema. */
#setmodeView .so-project-pick-create{margin-top:16px;min-height:43px;padding:10px 18px;max-width:100%;width:auto;white-space:normal;align-self:flex-start;cursor:pointer}
@media(max-width:520px){#setmodeView .so-project-pick-create{width:100%}}


/* stylesheet: cinema-team-compact-2434.css */
/* SouPrimeiroAC 22.3.111 / build 2434.
   ONLY Modo Cinema: safe presentation of collaborators and a quiet live status.
   Does not change presence/heartbeat timers, event delegation, OD, PDF, or saves. */
/* Team cards: labels and roles should never overlap across viewport sizes. */
#setmodeView .so-team-person{min-width:0;overflow:hidden;box-sizing:border-box;gap:10px;align-items:flex-start}
#setmodeView .so-team-person-details{min-width:0;flex:1;gap:5px}
#setmodeView .so-team-name-line{min-width:0;max-width:100%;gap:6px;align-items:flex-start}
#setmodeView .so-team-name-line strong{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-overflow:clip;line-height:1.32}
#setmodeView .so-team-username{display:block;max-width:100%;overflow-wrap:anywhere;line-height:1.35}
#setmodeView .so-team-current-role{display:block;max-width:100%;overflow-wrap:anywhere;line-height:1.35;color:#e3e7ee!important;font-weight:650}
#setmodeView .so-team-owner-tag{display:inline-flex;align-items:center;max-width:100%;white-space:nowrap;line-height:1.2}
#setmodeView .so-team-pill{max-width:100%;box-sizing:border-box;line-height:1.2}
#setmodeView .so-team-role-form{width:100%;box-sizing:border-box}
/* Small live controller: equal priority for editor, section and active field. */
#setmodeView .so-live-control{padding:11px 13px;gap:9px;border-radius:14px;box-shadow:none!important;background:#161a21!important}
#setmodeView .so-live-control-head{display:flex;gap:9px;flex-wrap:nowrap;min-width:0;align-items:center}
#setmodeView .so-live-control-head>strong{color:#e9edf2;font-size:.78rem;font-weight:750;letter-spacing:0}
#setmodeView .so-live-head-actions{flex:0 0 auto;margin-left:auto;gap:6px}
#setmodeView .so-live-head-actions>span{font-size:.68rem;color:#b1c4bc;white-space:nowrap}
#setmodeView .so-live-toggle{min-width:31px;min-height:29px;border-radius:9px;font-size:15px;padding:3px 6px}
#setmodeView .so-live-control-collapsed{padding:8px 10px;gap:0;background:#141a1c!important;border-color:#364b40}
#setmodeView .so-live-indicator{display:inline-block;flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:#38d78b;box-shadow:0 0 0 3px rgba(56,215,139,.10)}
#setmodeView .so-live-mini-info{display:grid;min-width:0;gap:3px;flex:1;line-height:1.2}
#setmodeView .so-live-mini-line{display:flex;align-items:center;flex-wrap:wrap;column-gap:7px;row-gap:3px;min-width:0}
#setmodeView .so-live-mini-line>b{font-weight:780;font-size:.76rem;color:#eef3f1;min-width:0;overflow-wrap:anywhere}
#setmodeView .so-live-mini-tab{display:inline-block;max-width:100%;border:1px solid #384e44;border-radius:7px;background:#1c2a23;color:#a9e4c4;font-size:.64rem;line-height:1.35;padding:2px 6px;overflow-wrap:anywhere}
#setmodeView .so-live-mini-more{font-size:.66rem;color:#a8bcb2}
#setmodeView .so-live-mini-info>small{color:#b6c3bd;font-size:.69rem;white-space:normal;overflow-wrap:anywhere}
#setmodeView .so-live-control-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#setmodeView .so-live-control-meta>div{min-width:0;display:grid;gap:3px;padding:8px 10px;border:1px solid #333c44;border-radius:10px;background:#171b22}
#setmodeView .so-live-control-meta small{font-size:.66rem;color:#abb5c1;line-height:1.35}
#setmodeView .so-live-control-meta b{min-width:0;font-size:.75rem;line-height:1.38;overflow-wrap:anywhere;font-weight:650}
#setmodeView .so-live-editors{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:6px}
#setmodeView .so-live-editor{min-width:0;display:grid;gap:5px;border-color:#345544;background:#17251e;padding:8px 10px}
#setmodeView .so-live-editor-name{display:flex;gap:7px;align-items:center;min-width:0;flex-wrap:wrap}
#setmodeView .so-live-editor-name>b{font-size:.74rem;overflow-wrap:anywhere}
#setmodeView .so-live-editor-name>small{font-size:.67rem;color:#a7b9ae}
#setmodeView .so-live-editor-detail{display:flex;min-width:0;gap:6px;flex-wrap:wrap;align-items:center;font-size:.7rem;color:#c7e2d1;overflow-wrap:anywhere}
#setmodeView .so-live-section{color:#a5e7be;border:1px solid #38664c;border-radius:6px;padding:2px 6px;font-size:.66rem}
#setmodeView .so-live-idle{font-size:.7rem;color:#b6c4be;padding:2px}
@media(max-width:760px){
  #setmodeView .so-team-person{display:grid!important;grid-template-columns:36px minmax(0,1fr) auto;grid-template-areas:'avatar details remove' '. status status' 'role role role';gap:7px 10px;align-items:start!important;padding:11px!important;flex-wrap:initial!important}
  #setmodeView .so-team-person>.so-team-avatar{grid-area:avatar;width:36px;height:36px;min-width:36px;margin:0}
  #setmodeView .so-team-person>.so-team-person-details{grid-area:details;min-width:0;width:100%;display:grid;gap:4px;align-self:start}
  #setmodeView .so-team-person>.so-team-pill{grid-area:status;justify-self:start;align-self:center;white-space:nowrap;font-size:.67rem}
  #setmodeView .so-team-person>.so-team-remove{grid-area:remove;justify-self:end;margin:0;padding:5px 9px!important}
  #setmodeView .so-team-person>.so-team-role-form{grid-area:role;min-width:0;width:100%;margin:3px 0 0;padding:10px 0 0;flex-basis:auto}
  #setmodeView .so-team-name-line{display:flex;flex-wrap:wrap;gap:5px}
  #setmodeView .so-team-role-form label{min-width:0;flex-basis:100%;max-width:100%}
  #setmodeView .so-team-role-form button{max-width:100%}
  #setmodeView .so-live-control-meta{grid-template-columns:1fr}
  #setmodeView .so-live-control{padding:9px 11px}
  #setmodeView .so-live-control-collapsed{padding:8px 10px}
  #setmodeView .so-live-mini-tab{font-size:.61rem}
}

/* Align the editing status with the centered Cinema header and content. */
@media(min-width:761px){
 #setmodeView .so-live-control{box-sizing:border-box;width:min(100%,1120px);max-width:1120px;margin-left:auto;margin-right:auto;min-width:0;}
}


/* stylesheet: layout-ajustes-2443.css */
/* V22.3.120 / build 2443 — correcoes pontuais de responsividade solicitadas.
   Apenas Lista, Agenda, Orçamentos, Planos e subabas de Equipamentos.
   Nenhum botao, campo, evento ou regra de negocio alterado. */

/* Lista: preservar palavras inteiras e permitir que a descricao use a linha. */
#equipamentosView>.section-head>div:first-child{min-width:0;flex:1 1 auto}
#equipamentosView>.section-head p:not(.eyebrow){
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}

/* Agenda: antes do breakpoint mobile, evitar titulo/descricao espremidos entre acoes. */
@media (min-width:761px) and (max-width:1280px){
  #agendaView>.section-head{flex-wrap:wrap!important;align-items:stretch!important}
  #agendaView>.section-head>div:first-child{flex:1 1 100%;width:100%;max-width:100%;min-width:0}
  #agendaView>.section-head .agenda-head-actions{max-width:100%;min-width:0}
}
#agendaView>.section-head h3,
#agendaView>.section-head p:not(.eyebrow){
  overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;
}

/* Orçamentos: em espacos estreitos o botao Salvar ja existente fica no
   cabecalho em vez de cobrir os campos do Servico principal. */
@media (max-width:1280px){
  #orcamentoView.active-view #saveQuoteBtn{
    position:static!important;
    inset:auto!important;
    box-shadow:none!important;
    flex:0 0 auto;
    max-width:100%;
  }
  #orcamentoView .quote-page-head{flex-wrap:wrap!important}
}
/* Apenas o rotulo RESUMO em branco; o destaque de total permanece amarelo. */
#orcamentoView .quote-summary-head .eyebrow{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Planos: a grade de tres cards nao pode criar colunas minusculas quando a
   sidebar reduz o espaco do conteudo. Usa largura REAL do painel. */
@container (max-width:980px){
  #planosView .plans-store-grid{grid-template-columns:minmax(0,1fr)!important}
  #planosView .store-plan-card{overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
  #planosView .store-plan-card :is(h3,p,li,small,b,strong){overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
  #planosView .plan-name-price-row{flex-wrap:wrap!important;row-gap:7px!important}
  #planosView .plan-name-price-row>div:first-child{min-width:0}
}
@container (max-width:430px){
  #planosView .plan-quantity-strip{grid-template-columns:minmax(0,1fr)!important}
}

/* Equipamentos: modos tecnico/mobile guiados pela largura interna, nao
   somente pela largura da janela (que ainda inclui o menu lateral). */
:is(#catalogoView,#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView){container-type:inline-size}
@container (max-width:900px){
  :is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) .tech-lab{
    grid-template-columns:minmax(0,1fr)!important;
  }
  #camerasView .camera-lab.camera-standard-lab{grid-template-columns:minmax(0,1fr)!important}
  :is(#camerasView,#lentesView,#monitoresView,#transmissaoView,#acessoriosView) :is(.camera-browser,.tech-browser),
  #camerasView .camera-browser.camera-standard-browser{
    position:static!important;top:auto!important;max-height:none!important;overflow:visible!important;
  }
  #camerasView .camera-standard-browser .camera-list,
  :is(#lentesView,#monitoresView,#transmissaoView,#acessoriosView) .tech-list{
    max-height:320px!important;overflow-y:auto!important;
  }
  #camerasView .camera-hero-card{
    grid-template-columns:minmax(0,1fr)!important;min-height:0!important;
  }
  #camerasView .camera-visual{display:none!important}
  #camerasView .camera-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #camerasView .camera-info-grid{grid-template-columns:minmax(0,1fr)!important}
  #camerasView .camera-hero-copy h3{font-size:clamp(1.9rem,6vw,2.6rem)!important}
}


/* stylesheet: quote-floating-layer-2444.css */
/* V22.3.121 / build 2444 — somente botao Salvar orcamento.
   Mantem o botao original flutuante mesmo com largura estreita.
   Corrige empilhamento: o cabecalho isolado nao pode deixar o
   botao passar por tras dos cartoes do formulario e do resumo. */
#orcamentoView.active-view .quote-page-head{
  z-index:80!important;
}
#orcamentoView.active-view #saveQuoteBtn{
  position:fixed!important;
  top:auto!important;
  left:auto!important;
  right:16px!important;
  bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;
  z-index:100!important;
  width:auto!important;
  max-width:calc(100vw - 32px)!important;
  flex:0 0 auto!important;
  box-shadow:0 8px 25px rgba(0,0,0,.45)!important;
}
/* Espaco para rolar ate o fim sem tampar as ultimas acoes do formulario. */
#orcamentoView.active-view{
  padding-bottom:120px!important;
}


/* stylesheet: notifications-desktop-2466.css */
/* Central de notificações: correção isolada para desktop. */
@media (min-width:901px) and (pointer:fine){
 #notificationsDialog.notifications-dialog[open]{box-sizing:border-box!important;position:fixed!important;inset:0!important;left:0!important;right:0!important;top:0!important;bottom:0!important;width:min(920px,calc(100vw - 48px))!important;max-width:calc(100vw - 48px)!important;height:auto!important;min-height:0!important;max-height:min(88dvh,850px)!important;margin:auto!important;padding:0!important;border:0!important;border-radius:18px!important;background:transparent!important;overflow:hidden!important;transform:none!important;animation:none!important}
 #notificationsDialog.notifications-dialog[open] .notifications-card{box-sizing:border-box!important;display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:min(88dvh,850px)!important;margin:0!important;padding:24px!important;border-radius:18px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important}
 #notificationsDialog.notifications-dialog[open] .dialog-head{position:sticky!important;top:0!important;left:auto!important;right:auto!important;z-index:6!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;max-width:100%!important;margin:0 0 18px!important;padding:0 0 12px!important;background:var(--app-surface,#121419)!important}
 #notificationsDialog.notifications-dialog[open] #notificationsClose{position:static!important;flex:0 0 38px!important;width:38px!important;height:38px!important;margin:0!important}
 #notificationsDialog.notifications-dialog[open] .notifications-toolbar{box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;flex-wrap:wrap!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;max-height:none!important;overflow:visible!important;margin:0 0 18px!important;padding:0!important}
 #notificationsDialog.notifications-dialog[open] .notification-device-health{width:100%!important;min-width:0!important;flex:auto!important}
 #notificationsDialog.notifications-dialog[open] .notification-setup-card{width:100%!important;min-width:0!important;flex-wrap:wrap!important}
 #notificationsDialog.notifications-dialog[open] .notifications-actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;width:100%!important;min-width:0!important;gap:8px!important}
 #notificationsDialog.notifications-dialog[open] .notifications-actions .btn{min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}
 #notificationsDialog.notifications-dialog[open] .notifications-list,#notificationsDialog.notifications-dialog[open] .notifications-list.has-scroll{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0 0 4px!important;overflow:visible!important}
 #notificationsDialog.notifications-dialog[open] .notification-item{flex:0 0 auto!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow-wrap:anywhere!important}
 #notificationsDialog.notifications-dialog[open] .notification-copy,#notificationsDialog.notifications-dialog[open] .notification-copy>*{min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
}


/* stylesheet: admin-revision-2493.css */
/* Admin follows the existing dark/yellow visual language. */
#adminView .admin-tab-panel,#adminView .admin-pro-card,#adminView .admin-main,#adminView .patch-studio-fields{min-width:0}#adminView input:not([type=checkbox]):not([type=color]),#adminView select,#adminView textarea{max-width:100%;box-sizing:border-box}#adminView .admin-pro-card label{display:grid;gap:7px;margin:12px 0}#adminView .admin-pro-card label.admin-check{display:flex}#adminView .admin-pro-card p{line-height:1.6}#adminView .admin-pro-card small{display:block;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}#adminView .actions,#adminView .admin-action-row{flex-wrap:wrap}#adminView .admin-tech-review-row{display:grid;grid-template-columns:minmax(180px,2fr) repeat(2,minmax(110px,1fr));gap:10px;padding:18px 0;border-bottom:1px solid var(--border)}#adminView .admin-tech-review-row .admin-main{grid-column:1/-1}#adminView .rental-access-editor{margin-top:20px;border-top:1px solid var(--border);padding-top:18px}#adminView details summary{cursor:pointer;line-height:1.6}#adminView .admin-review-editor{border:1px solid #f4d33566;border-radius:16px;padding:18px;margin:14px 0;background:#f4d33508}#adminView .admin-review-editor label{display:grid;gap:7px;margin-bottom:12px}#adminView .admin-review-editor input,#adminView .admin-review-editor textarea{width:100%}.admin-backup-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;border-top:1px solid var(--border);padding:20px 0}.admin-backup-row h4{margin:10px 0 4px}.admin-backup-row code{display:block;overflow-wrap:anywhere;font-size:11px;white-space:normal}.admin-backup-message{border:1px solid #f4d33544;border-radius:14px;padding:16px;background:#f4d33508}.admin-restore-dialog{max-width:620px;width:calc(100% - 32px);max-height:88dvh;overflow:auto;background:#101318;color:#f6f7f9;border:1px solid #f4d33566;border-radius:20px;padding:24px}.admin-restore-dialog label{display:grid;gap:8px;margin:16px 0}.admin-restore-dialog select,.admin-restore-dialog input{width:100%;box-sizing:border-box;min-height:44px}.admin-restore-dialog p{line-height:1.6}.patch-studio-editor{align-items:start}.patch-studio-art{position:sticky;top:18px}.patch-studio-art .patch-image-preview{border-radius:50%;max-width:240px;width:100%;justify-self:center;align-self:center}.patch-studio-art .patch-image-preview img{object-fit:contain}.patch-rule-block{border:1px solid #f4d33533;padding:18px;border-radius:16px;background:#f4d33505}.patch-rule-title span,.patch-rule-summary span{display:block;font-size:10px;letter-spacing:.1em;color:var(--muted);margin-bottom:6px}.patch-rule-title strong,.patch-rule-summary strong{display:block;line-height:1.5}.patch-rule-summary{padding-top:14px;margin-top:14px;border-top:1px solid var(--border)}.patch-custom-period{display:grid;grid-template-columns:1fr 1fr;gap:12px}.patch-custom-period[hidden]{display:none}.patch-value-input{display:flex;align-items:center;gap:10px}.patch-value-input input{min-width:0;width:100%}.patch-goal-grid button{line-height:1.4;min-width:0}.patch-goal-grid button:focus-visible{outline:2px solid #f4d335;outline-offset:2px}.patch-campaign-row{display:grid!important;grid-template-columns:72px minmax(0,1fr) auto;gap:16px;padding:18px 0}.patch-campaign-row .admin-action-row{gap:8px}.patch-campaign-thumb{height:64px;width:64px;border-radius:50%;overflow:hidden;background:#ffffff08}.patch-campaign-thumb img{height:100%;width:100%;object-fit:contain}.patch-campaign-row.is-archived{opacity:.65}#accountPatchesPanel .patch-campaign-card{min-width:0}#accountPatchesPanel .patch-objective-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px}#accountPatchesPanel .patch-objective-row small{grid-column:2}#accountPatchesPanel .patch-art img{object-fit:contain}
@media(max-width:1150px){.patch-studio-editor{grid-template-columns:1fr}.patch-studio-art{position:static}.patch-campaign-row{grid-template-columns:64px minmax(0,1fr)}.patch-campaign-row .admin-action-row{grid-column:1/-1}.admin-backup-row{grid-template-columns:1fr}}
@media(max-width:650px){#adminView .admin-pro-grid.two,#adminView .admin-pro-kpis.four{grid-template-columns:1fr}#adminView .admin-tech-review-row{grid-template-columns:1fr}#adminView .admin-action-row .admin-pro-btn{flex:1 1 130px}.patch-custom-period{grid-template-columns:1fr}.patch-rule-block{padding:12px}.admin-restore-dialog{padding:18px}.admin-backup-row{gap:12px}#adminView .patch-studio-hero h4{font-size:23px}}
#adminView .patch-studio-fields{display:grid;grid-template-columns:minmax(0,1fr)!important;align-content:start;gap:16px}#adminView .patch-studio-fields>*{min-width:0}#adminView .patch-studio-fields input,#adminView .patch-studio-fields select,#adminView .patch-studio-fields textarea{width:100%;min-width:0;min-height:44px}#adminView .patch-studio-fields input[type=checkbox]{width:auto;min-height:0}#adminView .patch-studio-art .patch-image-preview{width:100%;max-width:190px;height:auto!important;aspect-ratio:1;border-radius:50%}#adminView .patch-studio-fields label.admin-check{display:flex;align-items:center;gap:10px}#adminView .admin-pro-btn.primary{background:#ffd400;border-color:#ffd400;color:#111318;box-shadow:0 6px 16px #ffd40016}#adminView .admin-pro-tabs button.active{background:#ffd40016;color:#ffd400;border-color:#ffd40055;box-shadow:inset 3px 0 #ffd400}#adminView .admin-pro-kicker{color:#ffd400}#adminView input:focus,#adminView select:focus,#adminView textarea:focus{border-color:#ffd400;box-shadow:0 0 0 3px #ffd40014}


/* stylesheet: equipment-presets-2495.css */
.equipment-presets-panel{margin:18px 0;padding:20px;border:1px solid var(--border,#ffffff26);border-radius:20px;background:var(--panel,#15171c)}
.equipment-presets-panel .panel-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin-bottom:16px}
.equipment-presets-panel h3{margin:0 0 7px;font-size:1.12rem}.equipment-presets-panel .panel-head p{margin:0;color:var(--muted,#a7abb4);font-size:.88rem;max-width:680px}
.equipment-presets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.equipment-preset-card{min-width:0;padding:18px;border:1px solid var(--border,#ffffff26);border-radius:16px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(145deg,#f3ce4510,transparent 65%)}
.equipment-preset-tier{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent,#ffd600);font-weight:800}
.equipment-preset-card h4{margin:0;font-size:1.04rem;line-height:1.4}.equipment-preset-card p{margin:0;font-size:.84rem;line-height:1.6;color:var(--muted,#a7abb4)}
.equipment-preset-card small{color:var(--muted,#a7abb4);font-size:.75rem}.equipment-preset-card details{font-size:.8rem;margin:2px 0 6px}.equipment-preset-card summary{cursor:pointer;font-weight:700;padding:6px 0}.equipment-preset-card details p{margin:9px 0}
.equipment-preset-card ul{max-height:235px;overflow:auto;margin:8px 0;padding:0 0 0 18px;overscroll-behavior:contain}.equipment-preset-card li{padding:5px 0;line-height:1.4;overflow-wrap:anywhere}.equipment-preset-card button{margin-top:auto;min-height:42px;width:100%}
@media(max-width:1050px){.equipment-presets-grid{grid-template-columns:1fr}.equipment-preset-card h4{font-size:1rem}.equipment-presets-panel{padding:15px}}


/* stylesheet: plans-experience-2513.css */
/* SouPrimeiroAC build 2512: somente a pagina comercial para profissionais. */
#planosView.px-plans{--pxbg:#0d0f11;--pxpanel:#1b1e21;--pxpanel2:#23272a;--pxborder:#363b3f;--pxyellow:#ffd400;--pxmuted:#aeb5b9;background:var(--pxbg);color:#f7f8f9;border:1px solid #30353a;border-radius:18px;overflow:hidden;padding:0;max-width:100%;font-family:Inter,Arial,sans-serif}
#planosView.px-plans *{box-sizing:border-box}
#planosView .px-hero{padding:clamp(34px,6vw,80px) clamp(18px,4vw,55px) 35px;background:radial-gradient(ellipse at 100% 0,rgba(255,212,0,.12),transparent 53%),linear-gradient(130deg,#101215,#16181b 90%);position:relative}
#planosView .px-current-status{display:flex;gap:10px;justify-content:flex-end;align-items:center;flex-wrap:wrap;margin-bottom:clamp(22px,4vw,40px);font-size:12px;color:#c1c7cc}
#planosView .px-current-status small{max-width:340px;text-align:right;font-size:12px;color:#c1c7cc}
#planosView .eyebrow{color:var(--pxyellow)!important;letter-spacing:.12em;font-size:11px!important;font-weight:850!important}
#planosView .px-hero h2{font-size:clamp(2.45rem,5.7vw,4.55rem);letter-spacing:-.065em;line-height:1.055;font-weight:900;max-width:850px;margin:8px 0 21px;color:#fff}
#planosView .px-hero h2 em{font-style:normal;color:var(--pxyellow)}
#planosView .px-lead{font-size:clamp(14px,1.5vw,18px);line-height:1.7;max-width:680px;color:#c1c7cc;margin:0 0 24px}
#planosView .px-hero-actions{display:flex;gap:10px;flex-wrap:wrap}
#planosView .px-link-main,#planosView .px-link-alt{font-family:inherit;min-height:44px;border-radius:10px;padding:12px 18px;font-size:13px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #646768;transition:filter .15s;cursor:pointer}
#planosView .px-link-main{background:var(--pxyellow);border-color:var(--pxyellow);color:#161613}
#planosView .px-link-alt{background:#25292d;color:#f6f6f6}
#planosView :is(.px-link-main,.px-link-alt,.px-filter):hover{filter:brightness(1.13)}
#planosView :is(.px-link-main,.px-link-alt,.px-filter):focus-visible{outline:2px solid #fff;outline-offset:3px}
#planosView .px-workflow{border-top:1px solid #3b3d3d;display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:44px;padding-top:24px}
#planosView .px-workflow span{border:1px solid #404648;border-radius:6px;background:#222528;color:#e7e8e9;font-size:10px;font-weight:850;letter-spacing:.03em;padding:7px 9px}
#planosView .px-workflow b{color:var(--pxyellow);font-size:16px}
#planosView .px-area{padding:clamp(30px,5vw,58px) clamp(17px,4vw,55px);border-top:1px solid #2a3033}
#planosView .px-section-head{max-width:740px;margin-bottom:27px;display:block}
#planosView .px-section-head h3{color:white;font-size:clamp(26px,3.4vw,40px);letter-spacing:-.045em;line-height:1.12;font-weight:900;margin:6px 0 10px}
#planosView .px-section-head>p:not(.eyebrow){font-size:13px;color:var(--pxmuted);line-height:1.65;max-width:580px}
#planosView .px-section-head.center{text-align:center;margin-left:auto;margin-right:auto}
#planosView .px-section-head.center>p:not(.eyebrow){margin-left:auto;margin-right:auto}
#planosView .px-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#planosView .px-feature{min-width:0;background:var(--pxpanel);border:1px solid var(--pxborder);border-radius:13px;padding:22px 19px;display:flex;flex-direction:column;gap:10px;min-height:170px}
#planosView .px-feature:nth-child(5){background:linear-gradient(140deg,#282517,#191c20);border-color:#6c5b23}
#planosView .px-feature span{color:var(--pxyellow);font-size:10px;font-weight:850;letter-spacing:.07em}
#planosView .px-feature h4{color:#f9f9f8;font-size:17px;font-weight:850;line-height:1.22;margin:0}
#planosView .px-feature p{color:var(--pxmuted);font-size:12px;line-height:1.58;margin:0}
#planosView .px-price-area{background:#111315}
#planosView .px-price-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-items:stretch;margin:0}
#planosView .px-price-card{background:#1b1f22;border:1px solid #3b4145;border-radius:16px;padding:23px 20px;min-width:0;display:flex;flex-direction:column;gap:12px;box-shadow:none}
#planosView .px-price-card.featured{background:linear-gradient(155deg,#292617,#1b1f22 56%);border:2px solid var(--pxyellow)}
#planosView .px-price-card.premium{background:linear-gradient(135deg,#1b2026,#1a1c20)}
#planosView .px-price-card.current-plan{outline:2px solid var(--pxyellow);outline-offset:2px}
#planosView .px-plan-kicker{color:var(--pxyellow);font-size:10px;letter-spacing:.08em;font-weight:900}
#planosView .px-amount{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}
#planosView .px-amount strong{color:#fff;font-size:clamp(25px,3.1vw,36px);letter-spacing:-.055em;line-height:1.1;white-space:nowrap}
#planosView .px-amount small{color:#afb5b9;font-size:11px}
#planosView .px-promise{font-size:12px;line-height:1.5;color:#b7bec1;min-height:40px;margin:0}
#planosView .px-benefits{list-style:none;margin:2px 0 0;border-top:1px solid #424648;padding:14px 0 0;display:flex;flex-direction:column;gap:12px;flex:1;min-width:0}
#planosView .px-benefits li{display:flex;gap:9px;align-items:flex-start;font-size:12px;line-height:1.4;color:#e9e9e8}
#planosView .px-benefits li span{color:var(--pxyellow);font-size:16px;font-weight:900;line-height:1;flex-shrink:0}
#planosView .px-storage{border-top:1px solid #424648;color:#aab0b4;padding-top:12px;display:flex;flex-direction:column;gap:3px;font-size:10px;letter-spacing:.04em}
#planosView .px-storage strong{font-size:17px;color:#f5f5f4;letter-spacing:normal}
#planosView .px-price-card button{min-height:45px;white-space:normal;line-height:1.3}
#planosView .px-compare-area{background:#15181b}
#planosView .px-filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 20px}
#planosView .px-filter{font-family:inherit;border:1px solid #495056;background:#272c30;color:#eff0f1;border-radius:30px;padding:9px 13px;font-size:11px;font-weight:800;cursor:pointer}
#planosView .px-filter.active{background:var(--pxyellow);border-color:var(--pxyellow);color:#151615}
#planosView .px-table-scroll{border:1px solid #43494e;border-radius:13px;overflow:auto;max-width:100%;background:#191d20}
#planosView .px-table{width:100%;min-width:610px;border-collapse:collapse;text-align:center;table-layout:fixed}
#planosView .px-table th,#planosView .px-table td{font-size:12px;border-bottom:1px solid #373e43;padding:12px 10px;line-height:1.4;overflow-wrap:anywhere}
#planosView .px-table thead th{position:sticky;top:0;z-index:2;color:#f8f9fa;background:#292e32;font-weight:900;font-size:11px}
#planosView .px-table thead th:nth-child(3){color:var(--pxyellow)}
#planosView .px-table tr>:first-child{width:38%;text-align:left;padding-left:18px;color:#f3f4f4;font-weight:700}
#planosView .px-table tbody td{color:#e0e3e6}
#planosView .px-table tbody td:nth-child(3){background:#48402225}
#planosView .px-table tbody td.px-none{color:#858a8e}
#planosView .px-table .px-group th{text-align:left!important;background:#2a2f32;color:var(--pxyellow)!important;font-size:10px!important;font-weight:950!important;letter-spacing:.09em;padding:12px 18px!important}
#planosView .px-table tbody[hidden]{display:none}
#planosView .px-cinema-note{border:1px solid #665929;border-radius:12px;padding:19px 23px;margin-top:20px;background:#292516}
#planosView .px-cinema-note strong{font-size:11px;color:var(--pxyellow);letter-spacing:.06em}
#planosView .px-cinema-note p{color:#d5d0c1;font-size:12px;line-height:1.6;margin:8px 0 0}
#planosView .px-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#planosView .px-faq{background:#1e2225;border:1px solid #383f43;border-radius:10px;padding:16px 18px;align-self:start;color:#f4f6f5}
#planosView .px-faq summary{cursor:pointer;font-weight:800;font-size:13px;list-style:none;display:flex;gap:9px;justify-content:space-between;align-items:center}
#planosView .px-faq summary::-webkit-details-marker{display:none}
#planosView .px-faq summary:after{content:'+';color:var(--pxyellow);font-size:22px;font-weight:500;line-height:1}
#planosView .px-faq[open] summary:after{content:'−'}
#planosView .px-faq p{font-size:12px;color:#b7bdc1;line-height:1.6;margin:12px 0 0}
#planosView .px-closing{text-align:center;background:linear-gradient(135deg,#2b291d,#1b1f22);padding:45px 18px;border-top:1px solid #454333}
#planosView .px-closing h3{color:#fff;font-size:clamp(24px,3.4vw,39px);line-height:1.12;letter-spacing:-.045em;margin:8px auto 13px}
#planosView .px-closing>p:not(.eyebrow){color:#c2c7c9;font-size:13px;line-height:1.6;margin:0 auto 19px;max-width:520px}
#planosView .plans-payment-panel{margin:0;border-radius:0;background:#161a1d;border:0;border-top:1px solid #3c4246;padding:25px clamp(18px,4vw,55px);box-shadow:none}
#planosView .plans-payment-panel h3{color:#f7f8f7}#planosView .plans-payment-panel p.muted{color:#afb6bb}
@media(max-width:920px){#planosView .px-features{grid-template-columns:repeat(2,minmax(0,1fr))}#planosView .px-price-grid{grid-template-columns:1fr}#planosView .px-promise{min-height:0}#planosView .px-benefits{flex:none}}
@media(max-width:620px){#planosView .px-features,#planosView .px-faq-grid{grid-template-columns:1fr}#planosView .px-hero{padding:30px 15px}#planosView .px-current-status{justify-content:flex-start;margin-bottom:22px}#planosView .px-current-status small{text-align:left}#planosView .px-area{padding:35px 13px}#planosView .px-feature{min-height:0}#planosView .px-workflow{gap:7px}#planosView .px-workflow span{font-size:9px;padding:6px}#planosView .px-price-card{padding:19px 16px}#planosView .px-table{min-width:610px}#planosView .px-hero h2{font-size:clamp(2.2rem,9vw,3.4rem)}#planosView .plans-payment-panel{padding:20px 15px}}

/* Isolamento da nova vitrine: classes legadas usavam !important nos cartões. */
#planosView.px-plans .store-plan-card.px-price-card{
  position:relative!important;border:1px solid #3b4145!important;
  border-radius:16px!important;background:#1b1f22!important;
  padding:23px 20px!important;box-shadow:none!important;color:#f7f8f9!important;
}
#planosView.px-plans .store-plan-card.px-price-card.featured{
  border:2px solid #ffd400!important;background:linear-gradient(155deg,#292617,#1b1f22 56%)!important;
}
#planosView.px-plans .store-plan-card.px-price-card.premium{
  border-color:#3b4145!important;background:linear-gradient(135deg,#1b2026,#1a1c20)!important;
}
#planosView.px-plans .store-plan-card.px-price-card::before{content:none!important;display:none!important}
#planosView.px-plans .plans-store-grid.px-price-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@container(max-width:1050px){
 #planosView.px-plans .plans-store-grid.px-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@container(max-width:780px){
 #planosView.px-plans .plans-store-grid.px-price-grid{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:920px){
 #planosView.px-plans .plans-store-grid.px-price-grid{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:620px){
 #planosView.px-plans .store-plan-card.px-price-card{padding:19px 16px!important}
}
/* Rodapé discreto: plataforma principal dedicada aos assistentes de câmera. */
#planosView.px-plans .px-business-foot{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid #30363b;background:#141719;padding:18px 15px;text-align:center;color:#879197;font-size:11px;font-weight:500}
#planosView.px-plans .px-business-foot a{color:#bbc0c5;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#60676a;font-size:11px;font-weight:600}
#planosView.px-plans .px-business-foot a:hover,#planosView.px-plans .px-business-foot a:focus-visible{color:#ffd400;text-decoration-color:#ffd400}


/* stylesheet: public-home-2514.css */
/* SouPrimeiroAC public home + public support. Scoped to public surfaces so the
   PWA app controls and its existing style sheet are not modified. */
.sp-home,.sp-public-document{--sp-yellow:#ffd400;--sp-black:#0b0d10;--sp-panel:#191d22;--sp-line:#303740;--sp-white:#f5f7f8;--sp-muted:#aab3bd;color:var(--sp-white);background:var(--sp-black);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:15px;line-height:1.55}
.sp-home *, .sp-public-document *{box-sizing:border-box}
.sp-home a,.sp-public-document a{text-decoration:none;color:inherit}
.sp-home a:hover,.sp-public-document a:hover{color:var(--sp-yellow)}
.sp-home button,.sp-public-document button{font:inherit;cursor:pointer}
.sp-container{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.sp-header{position:relative;z-index:2;background:#101317;border-bottom:1px solid var(--sp-line)}
.sp-header-in{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px}
.sp-brand{display:inline-flex;align-items:center;gap:12px;font-weight:850;letter-spacing:-.025em;color:#fff!important;white-space:nowrap}
.sp-logo{display:grid;place-items:center;background:var(--sp-yellow);color:#12130b;font-weight:950;width:44px;height:44px;border-radius:10px;font-size:18px;letter-spacing:-1px}
.sp-brand small{display:block;color:#989fa7;letter-spacing:.16em;font-size:9px;line-height:1.3}
.sp-nav,.sp-header-actions{display:flex;align-items:center;gap:18px}.sp-nav{font-size:13px;font-weight:700;color:#d3d7db}
.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 17px;border-radius:10px;font-size:13px;font-weight:800;border:1px solid #525860;background:#22272d;color:#f1f3f5!important;transition:background .16s,border-color .16s,transform .16s}
.sp-btn:hover{transform:translateY(-1px)}.sp-btn.sp-primary{border-color:var(--sp-yellow);background:var(--sp-yellow);color:#17160b!important}.sp-btn.sp-ghost:hover{background:#313943}
.sp-home h1,.sp-home h2,.sp-home h3,.sp-support h1,.sp-support h2,.sp-public-plans h1,.sp-public-plans h2{margin:0;letter-spacing:-.055em;line-height:1.1;font-weight:850}
.sp-home h1{font-size:clamp(39px,5.8vw,78px)}.sp-home h2,.sp-support h2{font-size:clamp(29px,4vw,48px)}
.sp-home em,.sp-support em{font-style:normal;color:var(--sp-yellow)}.sp-kicker{margin:0 0 16px;color:var(--sp-yellow);font-size:11px;font-weight:850;letter-spacing:.14em}
.sp-hero{padding:64px 0 76px;background:radial-gradient(ellipse at 85% 10%,#ffd4000f,transparent 56%),#0c0e11}
.sp-hero-grid{display:grid;grid-template-columns:1fr .82fr;align-items:center;gap:35px}.sp-hero-left{min-width:0}
.sp-lead{margin:24px 0;max-width:560px;color:#bcc4cc;font-size:16px;line-height:1.8}
.sp-hero-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.sp-hero-caption{margin-top:20px;font-size:12px;color:#909aa5}
.sp-hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:410px;border:1px solid #41412d;border-radius:22px;background:linear-gradient(145deg,#23231b 10%,#171a20 78%);overflow:hidden}
.sp-gold-circle{position:absolute;width:min(360px,75%);aspect-ratio:1;border-radius:50%;background:#d5ab2140;filter:blur(15px)}
.sp-hero-art img{position:relative;z-index:1;object-fit:contain;width:75%;max-height:380px;filter:drop-shadow(0 12px 18px #0009)}
.sp-hero-art-foot{position:absolute;left:18px;bottom:17px;right:18px;z-index:2;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;color:#c8ccd0;letter-spacing:.09em}
.sp-hero-art-foot b{color:var(--sp-yellow)}
.sp-strip{padding:16px 0;border-top:1px solid #272c30;border-bottom:1px solid #272c30;text-align:center;color:#aeb5bd;font-size:10px;font-weight:800;letter-spacing:.18em}
.sp-section{padding:84px 0}.sp-feature-section{background:#111519}.sp-home .sp-intro,.sp-support .sp-intro{color:#b2bbc4;max-width:660px;line-height:1.8;margin:18px 0 33px}
.sp-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sp-feature-grid article{min-width:0;padding:27px 23px;border-radius:15px;background:#1b2025;border:1px solid #343b42;display:flex;flex-direction:column;gap:12px}
.sp-feature-grid article small{color:var(--sp-yellow);font-size:10px;font-weight:900;letter-spacing:.12em}
.sp-feature-grid article h3,.sp-tour-grid article h3{font-size:19px;letter-spacing:-.03em}
.sp-feature-grid article p,.sp-tour-grid article p{margin:0;color:#abb3bd;font-size:13px;line-height:1.72}
.sp-feature-grid article.sp-feature-gold{background:linear-gradient(135deg,#252317,#191e24 75%);border-color:#71622f}
.sp-tour{background:#0f1216}.sp-tour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sp-tour-grid article{display:flex;flex-direction:column;gap:14px;padding:18px 20px 24px;min-height:250px;border-radius:14px;border:1px solid #363e45;background:#181e24}
.sp-tour-mark{min-height:76px;background:#21262e;border-radius:10px;display:flex;justify-content:space-between;align-items:center;padding:18px;color:var(--sp-yellow)}
.sp-tour-mark span{font-size:30px;font-weight:900}.sp-tour-mark strong{font-size:10px;text-align:right;letter-spacing:.11em}
.sp-tour-grid article a{color:var(--sp-yellow);font-size:12px;font-weight:800;margin-top:auto}
.sp-price-section{background:linear-gradient(128deg,#171912,#12161d)}.sp-price-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.sp-price-section .sp-btn{margin-top:15px}
.sp-price-chips{display:grid;gap:10px}.sp-price-chips>div{border:1px solid #41464b;background:#20252a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;border-radius:12px;padding:17px 19px}
.sp-price-chips .sp-chip-highlight{border-color:#97842d}.sp-price-chips strong{font-size:24px;font-weight:900;letter-spacing:-.05em}.sp-price-chips sup{font-size:11px;font-weight:500;letter-spacing:0}.sp-price-chips span{font-weight:850;font-size:12px}.sp-price-chips small{font-size:11px;color:#acb5bd}
.sp-last{background:#1d201b;padding:69px 0;text-align:center}.sp-last .sp-hero-buttons{justify-content:center;margin-top:20px}
.sp-footer{padding:25px 0;background:#0b0d0f;border-top:1px solid #30353c;font-size:12px;color:#9da7b0}
.sp-footer-in{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.sp-footer b{color:var(--sp-yellow)}.sp-footer-in>div{display:flex;flex-wrap:wrap;gap:18px}
.sp-public-document{margin:0;min-height:100vh}.sp-public-document .sp-public-plans{padding:32px 0 72px}.sp-public-document .sp-public-plans .view{display:block!important}.sp-public-document .sp-public-plans .px-plans{min-height:0}
.sp-public-document .sp-public-plans .plans-view,.sp-public-document .sp-public-plans .plans-view>div{max-width:100%}
.sp-public-document .sp-public-plans .plans-view{margin:0;padding:0}
.sp-public-document .sp-public-plans button,.sp-public-document .sp-public-plans a{cursor:pointer}
.sp-public-document .sp-public-plans a.sp-public-cta,.sp-public-document .sp-public-plans a.px-link-main,.sp-public-document .sp-public-plans a.px-link-alt{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:42px;padding:9px 14px;border-radius:9px;border:1px solid #4c535b;font-size:13px;font-weight:800}
.sp-public-document .sp-public-plans a.sp-public-basic,.sp-public-document .sp-public-plans a.px-link-main{background:var(--sp-yellow);color:#13130b;border-color:var(--sp-yellow)}
.sp-support{min-height:calc(100vh - 160px);padding:75px 0}.sp-support h1{font-size:clamp(35px,5.5vw,67px)}
.sp-help-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0 58px}.sp-help-links a{border:1px solid #373d45;background:#1c2228;padding:19px;border-radius:12px;display:grid;gap:8px}.sp-help-links a b{font-size:16px}.sp-help-links a span{font-size:12px;color:#abb4bc}
.sp-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:27px}.sp-faq details{background:#1b2026;border:1px solid #343c45;border-radius:11px;padding:18px}.sp-faq summary{font-size:13px;font-weight:800;cursor:pointer}.sp-faq details p{margin:11px 0 0;color:#bdc4cd;font-size:13px;line-height:1.7}
.sp-support-last{margin-top:45px;padding:28px;border:1px solid #655b28;background:#29271b;border-radius:13px}.sp-support-last p{color:#b9bec2;margin:10px 0 19px}
@media(max-width:950px){.sp-hero-grid{grid-template-columns:1fr}.sp-hero-art{min-height:280px;max-width:650px}.sp-hero-art img{height:300px}.sp-nav{display:none}.sp-feature-grid,.sp-tour-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-price-grid{grid-template-columns:1fr}}
@media(max-width:650px){.sp-container{width:calc(100% - 28px)}.sp-header-in{gap:9px;min-height:72px}.sp-brand{font-size:14px;gap:7px}.sp-brand small{font-size:8px}.sp-logo{height:37px;width:37px;font-size:16px}.sp-header-actions{gap:7px}.sp-header-actions .sp-btn{min-height:37px;padding:8px;font-size:11px}.sp-hero{padding:42px 0 55px}.sp-hero-art{min-height:220px}.sp-hero-art img{height:245px}.sp-section{padding:52px 0}.sp-feature-grid,.sp-tour-grid,.sp-help-links,.sp-faq{grid-template-columns:1fr}.sp-price-chips>div{flex-direction:column;align-items:flex-start}.sp-support{padding:40px 0}.sp-strip{font-size:9px;letter-spacing:.09em}.sp-footer-in{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.sp-btn{transition:none}.sp-btn:hover{transform:none}}
.sp-home.hidden{display:none!important}

/* Build 2515: valores da Home com o mesmo destaque da pagina Planos. */
.sp-home .sp-price-chips strong{
  font-size:clamp(34px,3.2vw,40px);font-weight:900;letter-spacing:-.065em;
  line-height:1.08;white-space:nowrap;font-variant-numeric:tabular-nums;
}
.sp-home .sp-price-chips sup{font-size:13px;letter-spacing:0;font-weight:600;vertical-align:baseline}
@media(max-width:650px){.sp-home .sp-price-chips strong{font-size:36px}}