/* BPM 207 — Onboarding guidé, couche additive */
.bpm207-onboarding-page{max-width:1380px;margin:0 auto;padding:1.4rem 1rem 7rem;color:var(--text,#eef6ff)}
.bpm207-onboarding-hero{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(1.4rem,3vw,2.5rem);border:1px solid rgba(54,160,255,.24);border-radius:24px;background:radial-gradient(circle at 82% 20%,rgba(34,211,238,.15),transparent 32%),linear-gradient(135deg,rgba(15,29,55,.96),rgba(7,13,28,.98));box-shadow:0 24px 70px rgba(0,0,0,.24);overflow:hidden;position:relative}
.bpm207-onboarding-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-120px;bottom:-160px;border:1px solid rgba(56,189,248,.22);box-shadow:0 0 80px rgba(14,165,233,.18)}
.bpm207-onboarding-hero-copy{max-width:780px;position:relative;z-index:1}.bpm207-eyebrow{display:inline-flex;align-items:center;gap:.45rem;color:#77d9ff;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.7rem}.bpm207-onboarding-hero h1{font-size:clamp(2rem,4vw,3.6rem);line-height:.98;margin:0 0 .8rem;font-family:var(--head,'Bebas Neue',sans-serif);letter-spacing:.02em}.bpm207-onboarding-hero p{max-width:680px;color:var(--muted,#98a9bf);font-size:1rem;line-height:1.65;margin:0 0 1.25rem}.bpm207-progress-line{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;border:1px solid rgba(255,255,255,.06)}.bpm207-progress-line span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2a7fff,#20d3ee);box-shadow:0 0 18px rgba(32,211,238,.45);transition:width .4s ease}.bpm207-progress-meta{display:flex;justify-content:space-between;gap:1rem;margin-top:.55rem;color:#b8c6d9;font-size:.8rem}.bpm207-progress-meta strong{color:#fff}
.bpm207-progress-ring{--progress:0;width:150px;height:150px;flex:0 0 150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#31c6ff calc(var(--progress)*1%),rgba(255,255,255,.08) 0);position:relative;z-index:1;box-shadow:0 0 40px rgba(42,127,255,.18)}.bpm207-progress-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#081124;border:1px solid rgba(255,255,255,.08)}.bpm207-progress-ring div{position:relative;display:flex;align-items:baseline;gap:2px}.bpm207-progress-ring strong{font-size:2.5rem;font-family:var(--head,'Bebas Neue',sans-serif)}.bpm207-progress-ring span{font-size:.9rem;color:#7dd3fc}
.bpm207-alert{margin:1rem 0 0;padding:.85rem 1rem;border-radius:12px;display:flex;align-items:center;gap:.6rem;border:1px solid}.bpm207-alert.success{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.25);color:#9af2b5}.bpm207-alert.error{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.25);color:#ffb1b1}.bpm207-alert.info{background:rgba(42,127,255,.08);border-color:rgba(42,127,255,.25);color:#bfe1ff}.bpm207-link-button{border:0;background:transparent;color:#fff;text-decoration:underline;cursor:pointer;font:inherit;padding:0 .25rem}
.bpm207-onboarding-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.1rem;margin-top:1.1rem}.bpm207-main-column,.bpm207-side-column{display:flex;flex-direction:column;gap:1.1rem}.bpm207-panel,.bpm207-side-card{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(15,24,43,.96),rgba(8,14,28,.97));border-radius:20px;box-shadow:0 18px 48px rgba(0,0,0,.18)}.bpm207-panel{overflow:hidden}.bpm207-panel-head{padding:1.15rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;align-items:center;gap:1rem}.bpm207-panel-head span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;font-weight:800;color:#52c7ff}.bpm207-panel-head h2{margin:.15rem 0 0;font-size:1.2rem}.bpm207-panel-head>i{font-size:1.8rem;color:#36bdf7;opacity:.8}
.bpm207-step-list{padding:.35rem}.bpm207-step{display:grid;grid-template-columns:38px 42px minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.9rem;border-radius:14px;border:1px solid transparent;transition:.18s}.bpm207-step:hover{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.06)}.bpm207-step.done{opacity:.76}.bpm207-step-number{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(42,127,255,.13);border:1px solid rgba(42,127,255,.26);color:#81d7ff;font-size:.8rem;font-weight:800}.bpm207-step.done .bpm207-step-number{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.28);color:#6ee7a0}.bpm207-step-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.04);color:#64d2ff;font-size:1.15rem}.bpm207-step-copy strong{display:block;color:#fff;font-size:.92rem}.bpm207-step-copy p{margin:.25rem 0 0;color:var(--muted,#94a3b8);font-size:.78rem;line-height:1.45}.bpm207-step-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.bpm207-step-link{display:inline-flex;align-items:center;gap:.35rem;text-decoration:none;color:#86ddff;font-size:.76rem;font-weight:700;white-space:nowrap}.bpm207-step-link:hover{color:#fff}.bpm207-done-label{font-size:.72rem;font-weight:800;color:#6ee7a0}.bpm207-small-button{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.04);color:#dbeafe;border-radius:8px;padding:.32rem .55rem;font-size:.68rem;cursor:pointer}.bpm207-small-button:hover{background:rgba(255,255,255,.09)}
.bpm207-form{padding:1.2rem}.bpm207-fields{display:grid;gap:.9rem;margin-bottom:1rem}.bpm207-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.bpm207-fields label{display:flex;flex-direction:column;gap:.4rem;color:#cad6e6;font-size:.77rem;font-weight:700}.bpm207-fields .wide{grid-column:1/-1}.bpm207-fields input,.bpm207-fields textarea{width:100%;border:1px solid rgba(255,255,255,.1);background:#07101f;color:#fff;border-radius:11px;padding:.75rem .8rem;font:inherit;outline:none;transition:.15s}.bpm207-fields input:focus,.bpm207-fields textarea:focus{border-color:#2a9fff;box-shadow:0 0 0 3px rgba(42,159,255,.11)}.bpm207-fields input[type=file]{padding:.58rem}.bpm207-profile-preview{position:relative;min-height:138px;border-radius:15px;overflow:hidden;background:#07101f;border:1px solid rgba(255,255,255,.08);margin-bottom:1rem;display:flex;align-items:flex-end;padding:1rem;gap:.8rem}.bpm207-cover-preview{position:absolute;inset:0;background:linear-gradient(135deg,#0b1730,#112a51,#07101f);background-size:cover;background-position:center;opacity:.78}.bpm207-cover-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(3,8,18,.86))}.bpm207-avatar-preview{position:relative;width:74px;height:74px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#1768d8;border:3px solid #08111f;font-weight:900;font-size:1.8rem}.bpm207-avatar-preview img{width:100%;height:100%;object-fit:cover}.bpm207-profile-preview>div:last-child{position:relative}.bpm207-profile-preview strong{display:block;color:#fff}.bpm207-profile-preview small{color:#9fb0c7}
.bpm207-side-card{padding:1.1rem}.bpm207-side-card>i{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(42,127,255,.13);color:#60ccff;font-size:1.35rem;margin-bottom:.75rem}.bpm207-side-card h3{margin:0 0 .45rem;font-size:1rem}.bpm207-side-card p{margin:0;color:var(--muted,#94a3b8);font-size:.8rem;line-height:1.55}.bpm207-side-card a:not(.btn){display:flex;align-items:center;gap:.5rem;color:#c9d8eb;text-decoration:none;font-size:.8rem;padding:.55rem .15rem;border-bottom:1px solid rgba(255,255,255,.05)}.bpm207-side-card a:not(.btn):hover{color:#fff}.bpm207-side-card.accent{border-color:rgba(42,159,255,.28);background:linear-gradient(150deg,rgba(15,50,90,.58),rgba(8,14,28,.98))}.bpm207-dismiss{width:100%;border:0;background:transparent;color:#8fa2b8;font:inherit;font-size:.74rem;cursor:pointer;padding:.35rem}.bpm207-dismiss:hover{color:#fff}
.bpm207-onboarding-chip{display:inline-flex;align-items:center;gap:.38rem;padding:.34rem .55rem;border-radius:999px;border:1px solid rgba(42,159,255,.25);background:rgba(42,159,255,.08);color:#9ddfff;text-decoration:none;font-size:.68rem;font-weight:800;white-space:nowrap}.bpm207-onboarding-chip:hover{background:rgba(42,159,255,.16);color:#fff}.bpm207-onboarding-chip b{font-size:.66rem;color:#fff}
@media(max-width:980px){.bpm207-onboarding-grid{grid-template-columns:1fr}.bpm207-side-column{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.bpm207-progress-ring{width:120px;height:120px;flex-basis:120px}.bpm207-progress-ring strong{font-size:2rem}}
@media(max-width:760px){.bpm207-onboarding-page{padding:.8rem .65rem 8rem}.bpm207-onboarding-hero{align-items:flex-start;padding:1.25rem}.bpm207-progress-ring{width:88px;height:88px;flex-basis:88px}.bpm207-progress-ring:before{inset:7px}.bpm207-progress-ring strong{font-size:1.55rem}.bpm207-onboarding-hero p{font-size:.88rem}.bpm207-step{grid-template-columns:34px 36px minmax(0,1fr);align-items:start}.bpm207-step-actions{grid-column:3;align-items:flex-start}.bpm207-fields.two{grid-template-columns:1fr}.bpm207-fields .wide{grid-column:auto}.bpm207-side-column{grid-template-columns:1fr}.bpm207-panel-head{padding:1rem}.bpm207-form{padding:1rem}}
@media(max-width:480px){.bpm207-onboarding-hero{display:block}.bpm207-progress-ring{margin-top:1rem}.bpm207-progress-meta{font-size:.72rem}.bpm207-step-list{padding:.2rem}.bpm207-step{padding:.75rem .55rem;gap:.55rem}.bpm207-step-number{width:28px;height:28px}.bpm207-step-icon{width:34px;height:34px}.bpm207-step-copy p{font-size:.72rem}.bpm207-onboarding-chip span{display:none}}