
/* V9 - FLOW LEARNING dark-tinted professional UI */
.fl-device,.fl-shot,.fl-phone,.fl-mobile-device{box-shadow:0 28px 65px #071d3550!important}
.fl-app,.fl-app-body,.fl-shot-dashboard,.fl-lesson-content,.fl-quiz-inner,.fl-phone-body,.fl-mobile-content{background:#e8f5fa!important;color:#102c47!important}
.fl-app-top,.fl-shot-bar,.fl-dashboard-top,.fl-phone-top,.fl-mobile-header{background:linear-gradient(105deg,#0b2039,#0c4c69)!important;color:#f3fbff!important}
.fl-dashboard-greeting,.fl-lesson-content,.fl-quiz-inner{background:linear-gradient(145deg,#e9f8fc,#d9eff6)!important}
.fl-dashboard-lesson,.fl-course-inapp,.fl-quiz-option,.fl-lesson-meta,.fl-dashboard-metrics>*,.fl-mobile-cover{background:#f4fbfd!important;border:1px solid #bedee8!important;box-shadow:0 8px 20px #092e4912!important}
.fl-sidebar,.fl-lesson-nav,.fl-mobile-nav{background:#0b2945!important;color:#d7eaf1!important}
.fl-lesson-nav span.on,.fl-quiz-option.selected{background:#d6f5f9!important;color:#08324a!important;border-color:#12c9df!important}
.fl-quiz-feedback{background:#c8f2e8!important;color:#075a52!important}
.fl-lesson-video{background:linear-gradient(90deg,#08283ab0,#09617c80),url('assets/formation-equipe-originale.jpg') center/cover!important}
.fl-course-photo,.fl-phone-image{filter:saturate(.85)}
.fl-quiz-shot,.fl-lesson-shot,.fl-shot-dashboard{border:1px solid #b5d9e7!important}
.v9-demo{background:linear-gradient(165deg,#eaf8fc,#f6fafc 52%,#e6f5f9);padding:90px 0}
.v9-demo-head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px}.v9-demo-head h2{font-size:clamp(30px,3.4vw,46px);letter-spacing:-.035em;color:#0b2039;line-height:1.14;margin:9px 0}.v9-demo-head h2 em{font-style:normal;color:#009db5}.v9-demo-head p{max-width:650px;color:#536d81}.v9-demo-badge{white-space:nowrap;padding:12px 17px;border-radius:30px;background:#d9f6f7;color:#06677d;font-weight:800;font-size:12px}
.v9-learning-shell{display:grid;grid-template-columns:275px minmax(0,1fr);border:1px solid #b6d6e3;border-radius:24px;overflow:hidden;box-shadow:0 30px 65px #0b203925;background:#f8fcfe;min-height:625px}
.v9-learning-nav{background:linear-gradient(165deg,#0b2039,#0b3b58);padding:27px 15px;color:white}.v9-learning-nav>img{width:165px;max-height:75px;object-fit:contain;background:white;border-radius:10px;padding:7px;margin:0 12px 29px}.v9-nav-label{display:block;color:#61d8e8;font-size:11px;letter-spacing:.16em;font-weight:850;margin:0 12px 15px}.v9-lesson-tab{display:flex;align-items:center;text-align:left;gap:12px;width:100%;border:1px solid transparent;background:transparent;color:#c6e0eb;border-radius:12px;padding:13px 10px;cursor:pointer;margin:5px 0;font:inherit}.v9-lesson-tab b{width:35px;height:35px;border-radius:10px;background:#ffffff15;display:grid;place-items:center;color:#8deaf1;font-size:12px}.v9-lesson-tab span{font-size:13px;font-weight:800}.v9-lesson-tab small{display:block;font-weight:400;color:#b0cbd9;font-size:11px;margin-top:3px}.v9-lesson-tab.active{background:#12c9df20;border-color:#12c9df77;color:white}.v9-lesson-tab.active b{background:#12c9df;color:#062b43}.v9-nav-help{border-top:1px solid #ffffff30;margin:34px 12px 0;padding-top:18px;color:#c6e7ef;font-size:12px;line-height:1.7}.v9-nav-help small{color:#a8c6d6}
.v9-learning-main{min-width:0;display:flex;flex-direction:column}.v9-course-top{display:flex;justify-content:space-between;gap:15px;padding:24px 30px 13px;font-size:11px;font-weight:850;color:#087f9a;letter-spacing:.07em}.v9-course-progress{height:6px;background:#d5e9ef;margin:0 30px;border-radius:20px;overflow:hidden}.v9-course-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#0a90a7,#12c9df);transition:width .3s}.v9-lesson-view{padding:30px;flex:1}.v9-step-kicker{color:#0a92a9;font-size:12px;font-weight:850;letter-spacing:.1em}.v9-lesson-view h3{color:#0b2039;font-size:clamp(25px,2.5vw,34px);letter-spacing:-.03em;margin:10px 0}.v9-lesson-view p{color:#526e80;line-height:1.7}.v9-lesson-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;margin-top:24px}.v9-infocard{background:#e4f4f9;border:1px solid #c3e4ed;padding:21px;border-radius:16px}.v9-infocard h4{color:#0b2039;margin:0 0 12px}.v9-infocard p{font-size:13px;margin:0}.v9-infocard ul{padding-left:18px;color:#2c546a;font-size:13px;line-height:1.8}.v9-infocard.dark{background:linear-gradient(140deg,#0b2039,#0c5470);color:white;border:0}.v9-infocard.dark h4,.v9-infocard.dark p{color:white}.v9-infocard.dark ul{color:#d6edf2}.v9-bulletin{border:1px solid #c5e0ea;background:#fff;border-radius:14px;overflow:hidden;margin-top:20px}.v9-bulletin .v9-bulletin-head{background:#0b3a57;color:white;padding:14px 17px;font-size:12px;font-weight:850}.v9-bulletin-row{display:flex;justify-content:space-between;gap:15px;padding:11px 17px;border-bottom:1px solid #e1eef3;color:#2e536a;font-size:13px}.v9-bulletin-row strong{color:#0b2039}.v9-bulletin-row.emph{background:#d9f5f8;font-weight:850}.v9-choice{display:block;width:100%;text-align:left;background:#f1f9fc;border:1px solid #cde4eb;border-radius:12px;padding:15px 17px;margin:11px 0;color:#1b4259;cursor:pointer;font-size:14px}.v9-choice.selected{border-color:#05aeca;background:#dcf7fb;box-shadow:inset 4px 0 #12c9df}.v9-choice.correct{border-color:#1c9e87;background:#dcf7ed}.v9-choice.wrong{border-color:#d87b72;background:#fff0ee}.v9-feedback{background:#e4f6f4;color:#075a56;padding:14px 16px;border-radius:12px;margin-top:15px;font-size:13px}.v9-feedback.warn{background:#fff3e4;color:#795021}.v9-course-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #d4e6ee;padding:20px 30px;background:#eef8fb}.v9-course-footer span{font-size:12px;color:#5b7485}.v9-primary,.v9-secondary{padding:13px 19px;border-radius:10px;border:0;font-weight:850;cursor:pointer}.v9-primary{background:#0b2039;color:white}.v9-primary:hover{background:#07526c}.v9-secondary{background:#dceef4;color:#0b3a55}.v9-secondary:disabled{opacity:.4;cursor:not-allowed}.v9-disclaimer{font-size:12px;color:#647f90;margin-top:19px;line-height:1.6}.v9-result{background:linear-gradient(135deg,#0b2039,#08657c);color:white;padding:26px;border-radius:18px;margin-top:20px}.v9-result h4{color:white;font-size:23px;margin:0 0 10px}.v9-result p{color:#d8edf2}.v9-result strong{color:#65ecf0}
@media(max-width:850px){.v9-learning-shell{grid-template-columns:1fr}.v9-learning-nav{padding:14px;display:flex;flex-wrap:wrap;gap:6px}.v9-learning-nav>img{width:110px;margin:0 15px 0 0}.v9-nav-label,.v9-nav-help{display:none}.v9-lesson-tab{width:auto;flex:1 1 140px;margin:0}.v9-lesson-tab small{display:none}.v9-lesson-grid{grid-template-columns:1fr}}
@media(max-width:540px){.v9-demo{padding:55px 0}.v9-demo-head{display:block}.v9-demo-badge{display:inline-block}.v9-course-top,.v9-course-footer{padding:16px}.v9-course-progress{margin:0 16px}.v9-lesson-view{padding:19px}.v9-course-footer{flex-wrap:wrap}.v9-course-footer span{order:3;width:100%;text-align:center}.v9-lesson-tab{flex:1 1 42%;font-size:12px}.v9-lesson-tab b{width:27px;height:27px}.v9-lesson-tab span{font-size:11px}}
