/* Seção Fluxos: compõe com o style.css do protótipo, sem novo vocabulário visual. */

.brand-link{display:flex;align-items:center;gap:7px;color:#2563eb;text-decoration:none}
.brand-link strong{font-size:26px;font-weight:700}
a.nav-item{text-decoration:none}
.breadcrumb a{text-decoration:none}

.fluxos-main{max-width:none;padding:16px}
.page-heading p{margin-top:2px;color:#64748b;font-size:14px;font-weight:500}
.tabs button{font-size:14px;font-weight:600;padding:12px 24px;cursor:pointer}
.tabs{gap:0;margin-bottom:16px}

.fluxos-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start}

.fluxos-lista{display:flex;flex-direction:column;gap:8px}
.fluxo-card{
  display:block;width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit;
  border:1px solid #cbd5e1;border-radius:14px;background:#fff;padding:14px 16px;
  box-shadow:0 1px 2px #0f172a0d;
}
.fluxo-card:hover{background:#f8fafc}
.fluxo-card[aria-current="true"]{border-color:#2563eb;background:#eff6ff}
.fluxo-card small{display:block;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.025em}
.fluxo-card strong{display:block;margin-top:4px;font-size:14px;font-weight:600;color:#0f172a}
.fluxo-card span{display:block;margin-top:4px;font-size:12px;line-height:1.45;color:#64748b}

.fluxo-detalhe{border:1px solid #cbd5e1;border-radius:14px;background:#fff;box-shadow:0 1px 2px #0f172a0d;overflow:hidden}
.fluxo-topo{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:16px 20px;border-bottom:1px solid #e2e8f0}
.fluxo-topo h2{font-size:18px;font-weight:600;color:#151515}
.fluxo-topo p{margin-top:2px;font-size:14px;color:#64748b}
.badge{font-size:12px;font-weight:500}

.fluxo-canvas{position:relative;height:min(62vh,560px);min-height:360px;background:#f8fbff;border-bottom:1px solid #e2e8f0}
#canvas{position:absolute;inset:0}
#canvas svg{width:100%;height:100%}
.fluxo-loading{position:absolute;inset:0;display:grid;place-items:center;color:#64748b;font-size:14px}
.fluxo-ajuste{
  cursor:pointer;
  font:inherit;font-size:12px;font-weight:500;color:#0f172a;
  background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:6px 12px;box-shadow:0 1px 2px #0f172a0d;
}
.fluxo-ajuste[aria-pressed="true"]{background:#eff6ff;border-color:#2563eb;color:#2563eb}
.bjs-powered-by{display:none!important}

/* rótulos do BPMN: Manrope não, a medida do bpmn-js é em Arial; o halo branco separa o texto da linha */
.fluxo-canvas .djs-label{paint-order:stroke;stroke:#f8fbff;stroke-width:4px;stroke-linejoin:round}
.fluxo-canvas .djs-element[data-element-id^="lane_"] .djs-label,
.fluxo-canvas .djs-element[data-element-id^="Participant_"] .djs-label{stroke:#fff}

.fluxo-texto{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;padding:16px 20px 20px}
.fluxo-texto h3{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:8px}
.fluxo-texto ol,.fluxo-texto ul{margin:0;padding-left:20px;display:grid;gap:6px;font-size:14px;line-height:1.5;color:#0f172a}
#notas li{color:#c2410c}
#notas-box[hidden]{display:none}

@media(max-width:1024px){
  .fluxos-layout{grid-template-columns:1fr}
  .fluxos-lista{flex-direction:row;overflow-x:auto;padding-bottom:4px}
  .fluxo-card{min-width:220px}
  .fluxo-texto{grid-template-columns:1fr}
}
@media(max-width:767px){
  .sidebar{display:none}
  .tabs button{padding:12px 14px}
  .fluxo-canvas{height:420px}
}

.fluxo-acoes{position:absolute;right:12px;bottom:12px;z-index:5;display:flex;gap:8px}
.sidebar-toggle{cursor:pointer;display:grid;place-items:center}
.sidebar-toggle svg{width:16px;height:16px}
.fluxo-canvas:fullscreen{height:100vh;min-height:0;border:0}
.fluxo-canvas:-webkit-full-screen{height:100vh;min-height:0;border:0}
.fluxo-canvas.expandido{position:fixed;inset:0;z-index:50;height:auto;min-height:0;border:0}
body.sem-rolagem{overflow:hidden}