.signflow-head h3 { margin-bottom: 15px; font-size: 22px; }
.signflow-status { margin:0 0 12px; color:#374151; }
.signflow-steps { list-style:none; padding:0; margin:0; display:grid; gap:14px; }
.signflow-steps p{ line-height:1.4; }
.signflow-step { border:1px dashed #e5e7eb; border-radius:10px; padding:14px; background:#fff; }
.signflow-step-head h3 { margin:0 0 6px; font-size:16px; display:flex; gap:8px; align-items:center; }
.signflow-title{font-size:1.2rem; font-weight:600;}
.signflow-btn{text-decoration:none!important;}
.signflow-project-title {
  margin:0px 0px 10px 0px;
  font-size:clamp(26px,3vw,34px);
  line-height:1.2;
}


/* Hele step 2 semitransparent når låst */
.signflow-step.is-locked { opacity: 0.75; }

/* Badge standard (åben) */
.signflow-badge { display:inline-block; padding:2px 8px; font-size:12px; border-radius:999px; background:rgba(0,87,132,0.6); color:#fff; border:1px solid var(--blue); }
/* Badge rød når låst */
.signflow-badge.is-locked { background:#fee2e2; color:#991b1b; border:1px solid #fecaca; }

.signflow-hint { color:#6b7280; }
.signflow-checkbox { display:inline-flex; align-items:center; gap:8px; margin-top:12px; cursor:pointer; font-size:1rem; line-height:1.3; }

.signflow-btn { display:block; background: var(--blue); padding: 15px 20px; text-align:center; color:#fff!important; font-weight:600; text-transform:uppercase; transition: .2s ease-in-out; }
.signflow-btn:hover { background:var(--darkblue);}
.signflow-btn--primary { background:var(--blue); color:#fff; }
.sign-flow-btn--orange { background:var(--orange); color:#fff; }
.sign-flow-btn--orange:hover { background:#d04700;}

/* Knap låst – via aria eller klasse */
.signflow-btn--primary[aria-disabled="true"],
.signflow-btn--primary.is-locked,
.sign-flow-btn--orange[aria-disabled="true"],
.sign-flow-btn--orange.is-locked{
  opacity:.5; pointer-events:none; user-select:none;
}