/* JR OS 2026.353 — acabamento do lote Admin, site, leads, monitoramento,
   demonstrações e ofertas. O atributo mantém as correções restritas às telas
   revisadas nesta bateria. */
body[data-jr-lote10]{-webkit-text-size-adjust:100%;overflow-wrap:anywhere}
body[data-jr-lote10] :where(button,.btn,.tab,summary,a[role="button"]){touch-action:manipulation}
body[data-jr-lote10] :where(button,.btn,.tab,summary,input,select,textarea,a[role="button"]):focus-visible{outline:3px solid color-mix(in srgb,#38bdf8 62%,transparent);outline-offset:3px}

body[data-jr-lote10="admin"] #jr-admin-sidebar .nav-btn,
body[data-jr-lote10="admin"] #jr-admin-topbar :where(button,a){min-height:44px!important}
body[data-jr-lote10="admin"] #jr-admin-topbar-acoes{min-width:0}
body[data-jr-lote10="admin"] #jr-admin-topbar-more>summary{width:44px;min-width:44px;min-height:44px}

body[data-jr-lote10="arquiteto"] main{width:min(440px,100%);padding:30px;border:1px solid #332838;border-radius:22px;background:linear-gradient(145deg,#17111a,#0f0c11);box-shadow:0 24px 70px rgba(0,0,0,.4)}
body[data-jr-lote10="arquiteto"] main a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:1px solid #e91e8c66;border-radius:12px;background:#e91e8c18;font-weight:800;text-decoration:none}

body[data-jr-lote10="leads-arquitetos"] .wrap{max-width:1180px;padding-bottom:110px}
body[data-jr-lote10="leads-arquitetos"] .btn.sm,
body[data-jr-lote10="leads-arquitetos"] input[type="file"]::file-selector-button{min-height:44px}
body[data-jr-lote10="leads-arquitetos"] label:has(#la-ativo){min-height:44px;font-size:12.5px!important;cursor:pointer}
body[data-jr-lote10="leads-arquitetos"] #la-ativo{width:22px!important;height:22px;flex:0 0 22px}

body[data-jr-lote10="monitoramento"] .wrap{padding-bottom:110px}
body[data-jr-lote10="monitoramento"] .sub,
body[data-jr-lote10="monitoramento"] .mut,
body[data-jr-lote10="monitoramento"] .stat span{font-size:12px}

body[data-jr-lote10="ofertas-admin"] .shell{padding-bottom:110px}
body[data-jr-lote10="ofertas-admin"] .btn{min-height:44px}
body[data-jr-lote10="ofertas-admin"] .card>label:has(#active){min-height:44px;display:flex;align-items:center;gap:9px;cursor:pointer}
body[data-jr-lote10="ofertas-admin"] #active{width:22px;height:22px;flex:0 0 22px}

body[data-jr-lote10^="obra-demo"] .demo-tabs button{min-height:44px}
body[data-jr-lote10^="obra-demo"] .demo-etapa p{font-size:11px}
body[data-jr-lote10^="obra-demo"] .demo-etapa b{font-size:12.5px}

@media(max-width:760px){
  body[data-jr-lote10="admin"] #jr-admin-topbar-acoes{gap:6px!important}
  body[data-jr-lote10="admin"] #jr-admin-topbar-acoes :where(button,a){min-width:44px;padding-inline:9px!important}
  body[data-jr-lote10="leads-arquitetos"] .wrap,
  body[data-jr-lote10="monitoramento"] .wrap{padding-inline:14px}
  body[data-jr-lote10="monitoramento"] .top>.actions .btn{padding-inline:8px}
  body[data-jr-lote10="monitoramento"] .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-jr-lote10="monitoramento"] .grid>.stat:last-child:nth-child(odd){grid-column:1/-1}
  body[data-jr-lote10^="obra-demo"] .demo-shell{padding-bottom:56px}
  body[data-jr-lote10^="obra-demo"] .demo-top>div{display:grid!important;grid-template-columns:1fr 1fr;width:100%}
  body[data-jr-lote10^="obra-demo"] .demo-top>div>*{width:100%;justify-content:center;text-align:center}
  body[data-jr-lote10="ofertas-admin"] .shell{padding-inline:14px}
}