/* CJR ENGPRO — AeD 41 (26/10/2026): Validar ASO, Transparência da CJR e Ouvidoria. Usa as variáveis do site (site2/site3). */
.site.s2 .dv-card{background:var(--surface); border:1px solid var(--border); border-left:5px solid var(--border); border-radius:14px; padding:20px 22px; display:flex; flex-direction:column; gap:12px; min-width:0}
.site.s2 .dv-card.dv-ok{border-left-color:#00A859} .site.s2 .dv-card.dv-at{border-left-color:#F0B429} .site.s2 .dv-card.dv-er{border-left-color:#EF4444}
.site.s2 .dv-selo{display:flex; align-items:center; gap:12px} .site.s2 .dv-selo b{display:block; font-family:'Archivo',sans-serif; font-size:22px; line-height:1.15}
.site.s2 .dv-selo small{display:block; font-family:'IBM Plex Mono',monospace; color:var(--subtle); letter-spacing:.5px; word-break:break-all}
.site.s2 .dv-ok .dv-selo svg{color:#00A859} .site.s2 .dv-at .dv-selo svg{color:#F0B429} .site.s2 .dv-er .dv-selo svg{color:#EF4444}
.site.s2 .dv-dados{display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:10px 18px; margin:0}
.site.s2 .dv-dados dt{font-size:12px; text-transform:uppercase; letter-spacing:1px; color:var(--subtle)} .site.s2 .dv-dados dd{margin:2px 0 0; font-weight:600; overflow-wrap:anywhere}
.site.s2 .dv-dados dd small{font-weight:400; color:var(--muted)}
.site.s2 .dv-aviso{margin:0; padding:10px 12px; border-radius:10px; background:var(--surface-2); color:var(--text)}
.site.s2 .dv-pdf{border-top:1px dashed var(--line); padding-top:12px} .site.s2 .dv-pdf h3{margin:0 0 6px; font-size:16px}
.site.s2 .dv-arq{position:relative; cursor:pointer} .site.s2 .dv-arq input{position:absolute; inset:0; opacity:0; cursor:pointer}
.site.s2 .dv-res{margin:8px 0 0; font-weight:600} .site.s2 .dv-res.dv-ok{color:#5EE39A} .site.s2 .dv-res.dv-er{color:#FF8A86}
.site.s2[data-theme="claro"] .dv-res.dv-ok{color:#046B2B} .site.s2[data-theme="claro"] .dv-res.dv-er{color:#9B1C1C}
.site.s2 .ouv-cod{font-family:'IBM Plex Mono',monospace; font-size:20px; letter-spacing:1px}
/* Transparência */
.site.s2 .tcj-acoes{display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 26px}
.site.s2 .tcj-nivel{display:inline-block; font-size:11px; letter-spacing:1px; text-transform:uppercase; font-weight:600; padding:2px 8px; border-radius:999px; border:1px solid var(--line); color:var(--muted); white-space:nowrap}
.site.s2 .tcj-nivel.tcj-essencial{border-color:#00A859; color:var(--text)} .site.s2 .tcj-nivel.tcj-obrigatorio{border-color:#5B8DEF; color:var(--text)}
.site.s2 .tcj-sec{margin-top:36px; scroll-margin-top:80px}
.site.s2 .tcj-itens{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:14px}
.site.s2 .tcj-item{background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:16px 18px; min-width:0; display:flex; flex-direction:column; gap:8px}
.site.s2 .tcj-item h3{margin:0; font-size:16px; line-height:1.3} .site.s2 .tcj-item p{margin:0}
.site.s2 .tcj-item .tab-rol{grid-column:1/-1} .site.s2 .tcj-texto{white-space:normal; color:var(--text); overflow-wrap:anywhere}
.site.s2 .tcj-data{font-size:12.5px; color:var(--subtle)} .site.s2 .tcj-lista{margin:0; padding-left:18px}
.site.s2 .tcj-anexos{display:flex; flex-wrap:wrap; gap:8px} .site.s2 .tcj-ind{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}
.site.s2 .tcj-item:has(.tab-rol){grid-column:1/-1}
/* Ouvidoria */
.site.s2 .abas-ouv{display:flex; flex-wrap:wrap; gap:6px; margin:0 0 18px}
.site.s2 .abas-ouv a{padding:8px 14px; border-radius:999px; border:1px solid var(--border); color:var(--text); text-decoration:none; font-weight:600; font-size:14px}
.site.s2 .abas-ouv a.on{background:#058E39; border-color:#058E39; color:#fff}
.site.s2 .ouv-form{display:flex; flex-direction:column; gap:14px; max-width:760px; min-width:0}
.site.s2 .ouv-form h2{margin:0}
.site.s2 .ouv-tipos{border:0; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:8px} .site.s2 .ouv-tipos legend{font-weight:600; color:var(--muted); margin-bottom:8px; font-size:14px}
.site.s2 .ouv-tipo{display:flex; align-items:center; gap:6px; padding:9px 14px; border:1px solid var(--border); border-radius:10px; background:var(--surface); cursor:pointer; font-weight:600}
.site.s2 .ouv-tipo:has(input:checked){border-color:#00A859; box-shadow:0 0 0 2px rgba(0,168,89,.25)}
.site.s2 .ouv-anon{display:flex; gap:10px; align-items:flex-start; padding:12px 14px; border-radius:10px; background:var(--surface-2); cursor:pointer}
.site.s2 .ouv-anon input{margin-top:4px} .site.s2 .ouv-ident{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px}
.site.s2 .ouv-ident[hidden]{display:none}
.site.s2 .ouv-hist{margin:0; padding-left:20px; display:flex; flex-direction:column; gap:8px} .site.s2 .ouv-hist time{font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--subtle)}
.site.s2 .ouv-hist li{overflow-wrap:anywhere}
.site.s2 .ouv-resp{background:var(--surface-2); border-radius:10px; padding:12px 14px} .site.s2 .ouv-resp h3{margin:0 0 6px} .site.s2 .ouv-resp p{margin:0 0 6px; overflow-wrap:anywhere}
.site.s2 .ouv-comp{max-width:none}
.site.s2 .tcj-tags{display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-top:auto}
