/* V72.14 — navegação cível fluida e separação entre fluxo principal e produções técnicas */
#civel-subnav.civil714-nav{display:grid!important;gap:12px!important;margin-top:14px!important}
.civil714-nav-group{border:1px solid #d9e0ea;border-radius:12px;background:#fff;padding:12px}
.civil714-group-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:9px;color:#17263f}
.civil714-group-title b{font-size:13px;text-transform:uppercase;letter-spacing:.03em}
.civil714-group-title span{font-size:12px;color:#6b778c}
.civil714-stage-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.civil714-stage,.civil714-tech{border:1px solid #ccd6e4;background:#fff;color:#17263f;border-radius:10px;min-height:64px;padding:9px 10px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;position:relative;font:inherit}
.civil714-stage:hover,.civil714-tech:hover{border-color:#8ea1ba;background:#f8fafc}
.civil714-stage-num{display:flex;align-items:center;justify-content:center;flex:0 0 28px;height:28px;border-radius:50%;background:#edf1f6;font-weight:800;font-size:12px}
.civil714-stage-copy,.civil714-tech>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:2px}
.civil714-stage strong,.civil714-tech strong{font-size:13px;line-height:1.1}
.civil714-stage small,.civil714-tech small{font-size:10.5px;line-height:1.2;color:#6b778c}
.civil714-state{position:absolute;right:8px;top:8px;width:7px;height:7px;border-radius:50%;background:#d4dbe5}
.civil714-done .civil714-state{background:#5d9470}
.civil714-stage.civil714-active,.civil714-tech.civil714-active{background:#1a2a44!important;color:#fff!important;border-color:#1a2a44!important}
.civil714-stage.civil714-active small,.civil714-tech.civil714-active small{color:#d8e0ea}
.civil714-stage.civil714-active .civil714-stage-num{background:#fff;color:#1a2a44}
.civil714-stage.civil714-active .civil714-state,.civil714-tech.civil714-active .civil714-state{background:#fff}
.civil714-tech-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.civil714-tech{min-height:55px}
.civil714-tech-icon{font-weight:800;font-size:17px;flex:0 0 24px;text-align:center}
.civil714-context{border:1px solid #d9e0ea;background:#f9fbfd;border-radius:12px;padding:12px 14px;margin:0 0 14px}
.civil714-context-main{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.civil714-context-main>div:first-child{display:flex;flex-direction:column;gap:2px}
.civil714-eyebrow{font-size:10px;font-weight:800;color:#8b5a54;letter-spacing:.06em}
.civil714-context-main strong{font-size:15px;color:#17263f}
.civil714-context-main small{color:#6b778c}
.civil714-context-stats{display:flex;gap:8px;flex-wrap:wrap}
.civil714-context-stats span{display:flex;flex-direction:column;padding:6px 9px;border-radius:8px;background:#fff;border:1px solid #e2e7ee;min-width:88px}
.civil714-context-stats b{font-size:12px;color:#17263f}
.civil714-context-stats span{font-size:10px;color:#6b778c}
.civil714-context-note{margin-top:9px;padding-top:9px;border-top:1px solid #e2e7ee;font-size:11.5px;color:#59667a}
.civil714-tech-context{border:1px solid #d7e0ea;border-left:4px solid #1a2a44;border-radius:9px;background:#f8fafc;padding:12px;margin:10px 0 16px}
.civil714-tech-context>div:first-child{display:flex;flex-direction:column;gap:3px}
.civil714-tech-context>div:first-child b{color:#17263f}
.civil714-tech-context>div:first-child span{font-size:12px;color:#6b778c}
.civil714-tech-meta{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:7px;margin-top:10px}
.civil714-tech-meta span{background:#fff;border:1px solid #e0e6ee;border-radius:7px;padding:7px;display:flex;flex-direction:column;min-width:0}
.civil714-tech-meta small{font-size:9.5px;color:#7b8798;text-transform:uppercase}
.civil714-tech-meta b{font-size:11.5px;color:#17263f;overflow-wrap:anywhere}
@media(max-width:950px){.civil714-stage-row{grid-template-columns:repeat(2,minmax(0,1fr))}.civil714-tech-row{grid-template-columns:1fr}.civil714-tech-meta{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.civil714-stage-row,.civil714-tech-meta{grid-template-columns:1fr}.civil714-context-stats{width:100%}.civil714-context-stats span{flex:1}}
