/* JR OS — Portal editorial remake 2026.249
   Presentation layer only: IDs, handlers and data flow intentionally untouched. */
:root{--jr-portal-ink:#f8f5f8;--jr-portal-muted:#aaa1ad;--jr-portal-line:rgba(255,255,255,.11);--jr-portal-panel:rgba(25,21,29,.86);--jr-portal-pink:#e91e8c;--jr-portal-gold:#c9a24b}
#app{min-height:100vh!important;background:radial-gradient(900px 520px at 8% -8%,rgba(233,30,140,.13),transparent 62%),radial-gradient(820px 560px at 100% 0%,rgba(201,162,75,.10),transparent 58%),#0b0a0c!important;color:var(--jr-portal-ink);overflow-x:hidden}
#app,#app button,#app input,#app select,#app textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#jr-portal-header{height:auto!important;min-height:68px;padding:10px clamp(14px,3vw,42px)!important;background:rgba(10,9,12,.78)!important;border:0!important;border-bottom:1px solid var(--jr-portal-line)!important;box-shadow:0 12px 35px rgba(0,0,0,.22);isolation:isolate}
#jr-portal-header:after{content:"";position:absolute;left:clamp(14px,3vw,42px);right:clamp(14px,3vw,42px);bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--jr-portal-pink),var(--jr-portal-gold),transparent);opacity:.72}
#jr-portal-header>div{max-width:min(1760px,96vw)!important;margin:0 auto;min-height:46px}
#jr-logo-topo{height:38px!important;width:auto;object-fit:contain}
#hd-area-label{font-size:9px!important;letter-spacing:2.3px!important;color:#f28abb!important}
#obra-nome-hd{font-family:"Cormorant Garamond",Georgia,serif;font-size:21px!important;line-height:1.05!important;letter-spacing:.15px}
#jr-portal-header-acoes{gap:10px!important}
#jr-portal-header-acoes>div{background:rgba(255,255,255,.055)!important;border-color:var(--jr-portal-line)!important;backdrop-filter:blur(12px)}
#jr-portal-header-acoes button{min-height:36px;border-radius:7px!important;letter-spacing:.04em;transition:background .2s,color .2s,border-color .2s}
#jr-portal-header-acoes button:hover{background:rgba(233,30,140,.16)!important;border-color:rgba(233,30,140,.62)!important}
#jr-portal-tabs{position:sticky!important;top:68px;z-index:35;margin:0!important;padding:0 clamp(14px,3vw,42px)!important;background:rgba(11,10,12,.76)!important;border-bottom:1px solid var(--jr-portal-line)!important;backdrop-filter:blur(16px);scrollbar-width:none}
#jr-portal-tabs::-webkit-scrollbar{display:none}
#tabs-container{max-width:min(1760px,96vw);margin:0 auto;gap:4px!important;padding:7px 0!important;align-items:center}
#tabs-container button{position:relative;min-height:38px;padding:9px 14px!important;border:1px solid transparent!important;border-radius:5px!important;background:transparent!important;color:#9f96a3!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:color .18s,background .18s,border-color .18s,box-shadow .18s}
#tabs-container button:hover{color:#fff!important;background:rgba(255,255,255,.065)!important;border-color:var(--jr-portal-line)!important}
#tabs-container button[aria-selected="true"],#tabs-container button.active{color:#fff!important;background:linear-gradient(135deg,rgba(233,30,140,.2),rgba(201,162,75,.11))!important;border-color:rgba(233,30,140,.5)!important;box-shadow:inset 0 -2px var(--jr-portal-pink)}
#jr-portal-content{max-width:min(1760px,96vw)!important;margin:0 auto;padding:clamp(20px,3.5vw,48px) clamp(14px,3vw,42px) 72px!important}
#conteudo{min-width:0}
#conteudo>*{animation:jrPortalReveal .45s cubic-bezier(.2,.7,.2,1) both}
@keyframes jrPortalReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.jr-portal-panel,.jr-arq-hero,.jr-hero-obra,.jr-arq-work,.jr-card-3d,.jr-glass,.jr-c5-cli-mat-card{background:var(--jr-portal-panel)!important;border:1px solid var(--jr-portal-line)!important;border-radius:18px!important;box-shadow:0 22px 58px rgba(0,0,0,.22)!important}
.jr-portal-panel,.jr-arq-hero,.jr-hero-obra{padding:clamp(20px,2.8vw,40px)!important}
/* Elevação pedida pelo Júnior (2026-09-20, "e o restante das abas?"
   depois do remake do JR Rewards): mesmo princípio ali aplicado — cores
   mais presentes, mais respiro, tipografia maior — estendido pra CADA
   tela que usa estes MESMOS primitivos compartilhados (praticamente todo
   o portal: Resumo, Cronograma, Financeiro, Diário, Materiais, etc. —
   ver grep de `.jr-arq-hero`/`.jr-portal-panel`/`.jr-arq-kpi` em
   cliente.html). Elevar aqui levanta o piso visual de tudo de uma vez só,
   em vez de reescrever CSS bespoke tela por tela — mais coerente
   (um sistema, não 20 estilos diferentes) e muito mais rápido de manter.
   Nenhum pseudo-elemento novo em `.jr-arq-hero`/`.jr-hero-obra`: telas
   premium (Rewards, Meu Escritório, Envios) já somam `.jr-showcase-hero`
   na mesma tag, cujo `::after` (brilho flutuante, cliente.html) BRIGARIA
   com um `::after` novo aqui — só ajustes de propriedade (gradiente,
   raio, sombra, tipografia), nunca um novo `:before`/`:after`. */
.jr-arq-hero,.jr-hero-obra{position:relative;overflow:hidden;background:radial-gradient(circle at 92% 0%,rgba(233,30,140,.16),transparent 46%),radial-gradient(circle at 0% 120%,rgba(201,162,75,.10),transparent 50%),linear-gradient(120deg,rgba(38,30,42,.97),rgba(16,13,19,.94))!important}
.jr-arq-hero:before,.jr-hero-obra:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(233,30,140,.14),transparent 42%,rgba(201,162,75,.1));pointer-events:none}
.jr-arq-hero>* ,.jr-hero-obra>*{position:relative}
.jr-arq-eyebrow,.jr-portal-section-head small{color:#ef83b7!important;font-size:10px!important;letter-spacing:.18em!important;text-transform:uppercase}
.jr-arq-hero h1,.jr-hero-obra h1{font-family:"Cormorant Garamond",Georgia,serif!important;font-size:clamp(30px,4.6vw,64px)!important;line-height:.96!important;letter-spacing:-.02em!important}
.jr-portal-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:34px 0 15px!important}
.jr-portal-section-head h2,.jr-portal-section-head h3{font-family:"Cormorant Garamond",Georgia,serif!important;font-size:clamp(24px,2.9vw,40px)!important;line-height:1!important;letter-spacing:-.01em}
.jr-arq-grid,.jr-project-grid{gap:16px!important}
.jr-arq-kpi{position:relative;overflow:hidden;min-height:112px;padding:20px!important;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02))!important;border:1px solid var(--jr-portal-line)!important;border-radius:15px!important}
.jr-arq-kpi:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 0%,rgba(233,30,140,.10),transparent 55%);pointer-events:none}
.jr-arq-kpi strong{position:relative;font-family:"Cormorant Garamond",Georgia,serif!important;font-size:31px!important;color:#fff!important}
.jr-arq-work,.jr-card-3d{transition:border-color .2s,background .2s,box-shadow .2s!important;transform:none!important}
.jr-arq-work:hover,.jr-card-3d:hover{transform:none!important;border-color:rgba(233,30,140,.4)!important;box-shadow:0 24px 58px rgba(0,0,0,.28)!important}
/* .jr-portal-stack/.jr-project-grid (listas de Diário, RFI, Decisões,
   Solicitações, Envios — assets/jr-os-2026.css) ganham o mesmo raio/sombra
   dos demais cartões pra não destoar do resto do portal já elevado. */
.jr-portal-stack>article{border-radius:15px!important;box-shadow:0 14px 34px rgba(0,0,0,.18)!important;background:linear-gradient(155deg,#181519,#100e11)!important}
.jr-project-grid article{border-radius:16px!important;box-shadow:0 16px 40px rgba(0,0,0,.2)!important}
.jr-arq-form-grid{gap:14px!important}
.jr-arq-form-grid input,.jr-arq-form-grid select,.jr-arq-form-grid textarea,.jr105-field input,.jr105-field select,.jr105-field textarea{min-height:44px!important;background:rgba(10,9,12,.62)!important;border:1px solid var(--jr-portal-line)!important;border-radius:8px!important}
.jr-arq-form-grid input:focus,.jr-arq-form-grid select:focus,.jr-arq-form-grid textarea:focus,.jr105-field input:focus,.jr105-field select:focus,.jr105-field textarea:focus{border-color:rgba(233,30,140,.78)!important;box-shadow:0 0 0 3px rgba(233,30,140,.12)!important}
.jr-btn-pro{min-height:42px!important;border-radius:9px!important;box-shadow:none!important;transition:background .18s,border-color .18s,color .18s,box-shadow .18s!important}
.jr-btn-pro:hover{transform:none!important;box-shadow:0 10px 26px rgba(0,0,0,.28)!important}
.jr-rewards-experience .jr-rewards-card,.jr-rewards-experience .jr-showcase-card{transform:none!important;transition:border-color .2s,background .2s,box-shadow .2s!important}
.jr-rewards-experience .jr-rewards-card:hover,.jr-rewards-experience .jr-showcase-card:hover{transform:none!important}
.jr-rewards-experience .jr-rewards-card:hover .jr-showcase-img img,.jr-rewards-experience .jr-rewards-card .jr-showcase-img img{transform:none!important}
.jr-rewards-experience .jr-showcase-img{height:clamp(150px,18vw,230px)!important;overflow:hidden;border-radius:9px!important}
img,video{max-width:100%}
@media(max-width:700px){#jr-portal-header{min-height:60px!important;padding:8px 12px!important}#jr-portal-header>div{min-height:44px}#jr-logo-topo{height:32px!important}#obra-nome-hd{font-size:17px!important;max-width:48vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#jr-portal-header-acoes{flex:0 0 auto}#jr-portal-header-acoes>div{max-width:42vw;padding-right:8px!important}#jr-portal-header-acoes>div span{max-width:16vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#jr-portal-header-acoes button{min-width:44px;min-height:44px}#jr-portal-tabs{top:60px;padding:0 10px!important}#tabs-container{overflow-x:auto;scroll-snap-type:x proximity;padding:6px 0!important}#tabs-container button{min-height:44px;padding:9px 12px!important;font-size:9px!important;scroll-snap-align:start}#jr-portal-content{padding:18px 12px 52px!important}.jr-portal-section-head{align-items:flex-start;flex-direction:column;gap:7px;margin-top:24px!important}.jr-arq-hero h1,.jr-hero-obra h1{font-size:32px!important}.jr-arq-grid,.jr-project-grid{grid-template-columns:1fr!important}.jr-arq-form-grid{grid-template-columns:1fr!important}.jr-portal-panel,.jr-arq-hero,.jr-hero-obra{padding:17px!important;border-radius:12px!important}.jr-rewards-experience .jr-showcase-img{height:190px!important}}
@media(prefers-reduced-motion:reduce){#conteudo>*{animation:none!important}.jr-btn-pro,#tabs-container button,.jr-arq-work,.jr-card-3d{transition:none!important}}

/* 2026.293 — uma única faixa recebe o gesto horizontal. Antes portal, container
   e lista interna rolavam ao mesmo tempo; um pequeno movimento cancelava o
   clique. Também mantém as ações do cabeçalho em uma linha e todos os alvos
   com pelo menos 44 px. */
@media(max-width:700px){
  #obra-nome-hd{max-width:42vw}
  #jr-portal-header-acoes{flex:0 0 auto;flex-wrap:nowrap!important;gap:5px!important}
  #jr-portal-header-acoes>div{max-width:34vw;padding-right:6px!important;flex-wrap:nowrap!important}
  #jr-portal-header-acoes>div span{max-width:12vw}
  #jr-portal-header-acoes button{min-width:44px;min-height:44px;padding-inline:8px!important}
  #jr-portal-tabs{overflow:visible!important}
  #tabs-container{overflow:visible!important}
  .jr147-tabs-principais{overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  #tabs-container button,.jr-btn-pro,.jr-portal-link,.jr-project-grid a,.jr-ai-trigger{min-height:44px!important}
  .jr-portal-link,.jr-project-grid a{display:inline-flex;align-items:center;justify-content:center}
}