:root{--noir: #000000;--jaune: #faeb8e;--bg: #f4f2ec;--line: #e3e0d6;--txt2: #8a877e;--green: #3da35d;--green-bg: #eafaf0;--green-tx: #1f7a44;--red: #a32d2d;--red-bg: #fbeaea;--font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}.brand-logo-image{display:block;object-fit:cover;padding:0;background:#000}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:#1a1a1a;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}.muted{color:var(--txt2);font-size:13px}.loading{display:flex;align-items:center;justify-content:center;height:100dvh;color:var(--txt2)}.app{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.content{flex:1;overflow-y:auto}.topbar{background:var(--noir);padding:14px 16px;display:flex;align-items:center;gap:11px;position:sticky;top:0;z-index:10}.tb-logo{width:30px;height:30px;border-radius:7px;background:var(--jaune);color:#000;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.tb-hello{font-size:14px;font-weight:600;color:#fff;line-height:1.1}.tb-pdv{font-size:11px;color:var(--jaune)}.tb-title{font-size:15px;font-weight:600;color:#fff}.card{background:#fff;border:1px solid var(--line);border-radius:14px}.home{padding:16px;display:flex;flex-direction:column;gap:14px}.status-card{padding:18px 16px;text-align:center}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:5px 12px;border-radius:20px;margin-bottom:16px}.badge-green{background:var(--green-bg);color:var(--green-tx)}.badge-grey{background:#f0eee6;color:var(--txt2)}.badge-amber{background:#fdf3d9;color:#8a6d1b}.btn-primary.wide{width:100%}.grow{flex:1}.cg-empty{padding:18px;text-align:center;color:var(--txt2)}.cg-form{padding:16px;display:flex;flex-direction:column;gap:12px}.cg-form-title{font-weight:700;font-size:15px}.cg-lbl{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--txt2)}.cg-lbl .input{font-weight:400;color:#1a1a1a}.cg-dates{display:flex;gap:10px}.cg-dates .cg-lbl{flex:1}.cg-ta{min-height:64px;resize:vertical}.cg-nbj{margin-top:-4px}.cg-form-actions{display:flex;gap:10px;align-items:stretch}.cg-form-actions .btn-ghost{margin-top:0}.cg-card{padding:14px;display:flex;flex-direction:column;gap:8px}.cg-card .badge{margin-bottom:0}.cg-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.cg-card-type{font-weight:700;font-size:14px}.cg-card-motif{font-size:13px;color:var(--txt2);font-style:italic}.cg-card-motif.refus{color:var(--red);font-style:normal}.cg-annuler{margin-top:4px;align-self:flex-start;padding:8px 16px;font-size:13px}.dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.btn-scan{width:100%;background:var(--noir);color:var(--jaune);border:none;border-radius:12px;padding:15px;font-size:15px;font-weight:600}.done-note{color:var(--txt2);font-size:13px}.hours-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.mini{padding:12px 8px;text-align:center}.mini-k{font-size:11px;color:var(--txt2)}.mini-v{font-size:17px;font-weight:700;margin-top:2px}.nav{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line)}.nav-item{background:none;border:none;padding:9px 0 calc(9px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--txt2)}.nav-item--active{color:#000}.nav-item--active .nav-lbl{font-weight:700}.nav-ico{font-size:18px;line-height:1}.nav-lbl{font-size:11px}.nav--dense .nav-lbl{font-size:10px}.fp-training-screen{min-height:100%}.fp-training-page{padding:14px;display:flex;flex-direction:column;gap:12px}.fp-training-page--embedded{max-width:1080px;margin:0 auto;padding:0}.fp-training-loading,.fp-training-empty{min-height:240px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--txt2);font-size:13px}.fp-training-empty{flex-direction:column;text-align:center;padding:30px 18px;background:#fff;border:1px solid var(--line);border-radius:8px}.fp-training-empty strong{color:#1a1a1a;font-size:16px}.fp-training-empty span{max-width:300px;line-height:1.45}.fp-training-summary{background:#fff;border:1px solid var(--line);border-top:4px solid #111;border-radius:8px;padding:15px}.fp-training-summary-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px}.fp-training-mark{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:7px;color:#111}.fp-training-eyebrow{display:block;color:var(--txt2);font-size:10px;font-weight:700;text-transform:uppercase}.fp-training-summary h1{margin:2px 0 1px;font-size:18px;line-height:1.2;letter-spacing:0}.fp-training-date{color:var(--txt2);font-size:11px}.fp-training-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:14px;border:1px solid var(--line);border-radius:7px;background:#faf9f5}.fp-training-meta>span{min-width:0;display:grid;grid-template-columns:18px minmax(0,1fr);gap:2px 6px;padding:10px;border-right:1px solid var(--line)}.fp-training-meta>span:last-child{border-right:0}.fp-training-meta svg{grid-row:1 / span 2;color:#7d786d}.fp-training-meta small{color:var(--txt2);font-size:8px;font-weight:700;text-transform:uppercase}.fp-training-meta strong{min-width:0;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.fp-training-status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700;white-space:nowrap}.fp-training-status--en_cours{background:#fff4c2;color:#755800}.fp-training-status--termine{background:#fff0cf;color:#805700}.fp-training-status--confirmee{background:var(--green-bg);color:var(--green-tx)}.fp-training-progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px;padding-top:13px;border-top:1px solid var(--line)}.fp-training-progress>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.fp-training-progress>div:first-child span{color:var(--txt2)}.fp-training-track{height:7px;margin-top:7px;overflow:hidden;border-radius:999px;background:#eceae3}.fp-training-track span{display:block;height:100%;border-radius:inherit;transition:width .18s ease}.fp-training-complete{display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid #b8dcc7;border-radius:8px;background:#ecf8f1;color:#17683f}.fp-training-complete div{display:flex;flex-direction:column;gap:2px}.fp-training-complete strong{font-size:13px}.fp-training-complete span{font-size:11px;line-height:1.4}.fp-training-complete.is-pending{border-color:#e3c06b;background:#fff8e6;color:#755400}.fp-training-history{display:flex;flex-direction:column;gap:5px;color:var(--txt2);font-size:11px;font-weight:700}.fp-training-history select{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#1a1a1a;font:inherit;font-size:12px}.fp-training-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;border:1px solid var(--line);border-radius:8px;background:#eae8e1}.fp-training-filters button{min-height:34px;border:0;border-radius:6px;background:transparent;color:var(--txt2);font-size:12px;font-weight:650}.fp-training-filters button.is-active{background:#fff;color:#111;box-shadow:0 1px 2px #00000014}.fp-training-sections{display:flex;flex-direction:column;gap:8px}.fp-training-section{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.fp-training-section-head{width:100%;min-height:54px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:#fff;color:#1a1a1a;text-align:left}.fp-training-section-head>span{min-width:0;display:flex;flex-direction:column;gap:2px}.fp-training-section-head strong{font-size:13px;line-height:1.3}.fp-training-section-head small{color:var(--txt2);font-size:10px}.fp-training-section-head svg{flex:0 0 auto;color:var(--txt2);transition:transform .16s ease}.fp-training-section-head svg.is-open{transform:rotate(180deg)}.fp-training-items{border-top:1px solid var(--line)}.fp-training-item{padding:12px;border-top:1px solid #eeece6}.fp-training-item:first-child{border-top:0}.fp-training-item.is-mastered{background:#f4fbf7}.fp-training-item p{margin:0;font-size:12px;line-height:1.45}.fp-training-checks{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.fp-training-check{min-height:38px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#67645d;font-size:11px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.fp-training-check input{position:absolute;opacity:0;pointer-events:none}.fp-training-check-box{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:1px solid #bcb8ae;border-radius:4px;background:#fff}.fp-training-check.is-checked{border-color:#9fd0b3;background:#f0faf4;color:#17683f}.fp-training-check.is-checked .fp-training-check-box{border-color:#168653;background:#168653;color:#fff}.fp-training-check.is-disabled{cursor:default;opacity:.72}.fp-training-filter-empty{padding:28px 12px;text-align:center;color:var(--txt2);font-size:12px}.fp-training-error{padding:10px 12px;border:1px solid #e8c4c4;border-radius:7px;background:#fff2f2;color:var(--red);font-size:12px;text-align:center}.spin{animation:fp-training-spin .8s linear infinite}@keyframes fp-training-spin{to{transform:rotate(360deg)}}@media (min-width: 760px){.fp-training-page--embedded .fp-training-summary{padding:20px}.fp-training-page--embedded .fp-training-item{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:18px;padding:13px 16px}.fp-training-page--embedded .fp-training-checks{margin-top:0}}@media (max-width: 380px){.fp-training-summary-head{grid-template-columns:auto minmax(0,1fr)}.fp-training-status{grid-column:1 / -1;justify-self:start}.fp-training-progress-grid,.fp-training-meta{grid-template-columns:1fr}.fp-training-meta>span{border-right:0;border-bottom:1px solid var(--line)}.fp-training-meta>span:last-child{border-bottom:0}.nav--dense .nav-lbl{font-size:9px}}.login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:340px;display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px}.login-logo{width:44px;height:44px;border-radius:11px;background:var(--jaune);color:#000;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;align-self:center}.login-title{text-align:center;font-size:18px;font-weight:700}.login-sub{text-align:center;color:var(--txt2);font-size:13px;margin-bottom:6px}.input{padding:12px 14px;border-radius:11px;border:1px solid var(--line);background:#fff;font-size:15px;font-family:var(--font)}.input:focus{outline:none;border-color:#000}.btn-primary{padding:13px;border:none;border-radius:11px;background:var(--jaune);color:#000;font-weight:700;font-size:15px}.btn-primary:disabled{opacity:.6}.form-err{color:var(--red);font-size:13px;text-align:center}.login-switch{background:none;border:none;color:var(--txt2);font-size:13px;text-decoration:underline;padding:4px;cursor:pointer}.login-note{font-size:11px;color:var(--txt3, #b6b3a8);text-align:center;line-height:1.4}.scan{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;color:#fff;display:flex;flex-direction:column;z-index:50}.scan-head{display:flex;align-items:center;gap:12px;padding:16px;font-size:15px;font-weight:600}.scan-close{background:#ffffff1f;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:15px}.scan-view{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.scan-noerr{color:#ffffffb3;text-align:center;padding:24px;line-height:1.6}.scan-hint{text-align:center;color:#fff9;font-size:13px;padding:14px}.scan-dev{display:flex;gap:8px;padding:12px 16px calc(16px + env(safe-area-inset-bottom));background:#0d0d0d}.scan-dev .input{flex:1;background:#000;color:#fff;border-color:#fff3}.result{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;z-index:50}.result-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:6px}.disc{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;margin-bottom:12px}.disc-green{background:var(--green-bg);color:var(--green)}.disc-red{background:var(--red-bg);color:var(--red)}.result-title{font-size:18px;font-weight:700}.result-time{font-size:34px;font-weight:700;margin:2px 0}.result-meta{font-size:13px;color:var(--txt2);line-height:1.5}.result-meta.narrow{max-width:220px;margin:6px 0 18px}.result-err{color:#c0392b;font-weight:600}.result-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:240px;margin-top:8px}.btn-ghost{background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px 22px;font-size:14px;font-weight:600;color:#000;margin-top:14px}.btn-ghost.wide{width:100%}.list{padding:16px;display:flex;flex-direction:column;gap:10px}.list-total{font-size:14px;color:var(--txt2);margin-bottom:4px}.list-row{display:flex;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px 14px;font-size:14px;text-transform:capitalize}.shift{padding:12px 14px}.shift-day{font-weight:600;text-transform:capitalize}.shift-time{color:var(--txt2);font-size:13px;margin-top:2px}.profil{padding:4px 14px}.profil-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.profil-row:last-child{border-bottom:none}.profil-msg{text-align:center;font-size:12px}.language-card{padding:13px 14px}.language-setting{width:100%}.language-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(132px,auto);align-items:center;gap:12px;width:100%}.language-field-label{display:inline-flex;align-items:center;gap:8px;min-width:0;color:var(--txt);font-size:13px;font-weight:700}.language-select{width:100%;min-height:40px;padding:0 34px 0 11px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--txt);font:inherit;font-size:13px}.language-setting--compact{padding:9px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.language-setting--compact .language-field{grid-template-columns:1fr;gap:6px}.language-setting--compact .language-field-label{font-size:11px;color:var(--txt2)}.language-setting--compact .language-select{min-height:36px;font-size:12px}.language-menu{position:relative;z-index:32}.language-menu-trigger{width:38px;height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid #444;border-radius:7px;background:#1b1b1b;color:#fff}.language-menu-trigger:hover,.language-menu-trigger:focus-visible{border-color:var(--jaune);color:var(--jaune);outline:none}.language-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:33;border:0;background:transparent;cursor:default}.language-menu-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:34;width:min(280px,calc(100vw - 24px));overflow:hidden;border:1px solid #d8d5ca;border-radius:8px;background:#fff;color:#1a1a1a;box-shadow:0 14px 34px #0003}.language-menu-popover .language-setting--compact{padding:12px;border:0}.language-inline-error{padding:0 12px 12px;color:var(--red);font-size:11px}.employee-language-dock{position:fixed;top:15px;right:max(16px,calc((100vw - 560px)/2 + 16px));z-index:30}.login-language-menu{position:fixed;top:max(18px,env(safe-area-inset-top));right:18px;z-index:50}html[dir=rtl] .language-menu-popover{right:auto;left:0}html[dir=rtl] .employee-language-dock{right:auto;left:max(16px,calc((100vw - 560px)/2 + 16px))}html[dir=rtl] .login-language-menu{right:auto;left:18px}html[dir=rtl] .language-dialog{text-align:right}html[dir=rtl] input[type=email],html[dir=rtl] input[type=number],html[dir=rtl] input[type=date],html[dir=rtl] input[type=time],html[dir=rtl] input[type=datetime-local]{direction:ltr}.mgrapp .tb-right{display:flex;align-items:center;gap:8px}.language-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:18px;background:#14141285}.language-dialog{width:min(420px,100%);padding:22px;border:1px solid #ddd9ce;border-radius:8px;background:#fff;color:#1a1a1a;box-shadow:0 22px 70px #0000003d;text-align:left}.language-dialog-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;border-radius:7px;background:var(--jaune);color:#111}.language-dialog h2{margin:0;font-size:19px;line-height:1.25}.language-dialog p{margin:9px 0 0;color:#625f57;font-size:13px;line-height:1.55}.language-dialog-error{margin-top:12px;padding:9px 10px;border-radius:6px;background:var(--red-bg);color:var(--red);font-size:12px}.language-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.language-dialog-actions .btn-ghost{margin:0}.language-dialog-actions .btn-primary{width:auto}@media (max-width: 430px){.language-field{grid-template-columns:1fr;gap:8px}.language-dialog-backdrop{align-items:flex-end;padding:0}.language-dialog{width:100%;border-radius:8px 8px 0 0;padding:22px 18px max(22px,env(safe-area-inset-bottom))}.language-dialog-actions{display:grid;grid-template-columns:1fr 1fr}}@media print{.employee-language-dock,.login-language-menu,.language-menu{display:none!important}}.employee-inventory{min-height:100%;background:var(--bg)}.employee-inventory__body{padding:16px 14px 32px}.employee-inventory__body.mgrapp .iv-head{align-items:flex-start;margin-bottom:10px}.employee-inventory__body.mgrapp .iv-title{font-size:18px;font-weight:750}.employee-inventory__body.mgrapp .iv-mode{width:100%;margin-top:10px;border-radius:8px}.employee-inventory__body.mgrapp .iv-modebtn{flex:1;min-height:38px;border-radius:6px}.employee-inventory__body.mgrapp .iv-badge{margin-top:4px}.employee-inventory__body.mgrapp .iv-sub{padding:10px 12px;border:1px solid #dedbd1;border-radius:7px;background:#fff;line-height:1.45}.employee-inventory__body.mgrapp .iv-access,.employee-inventory__body.mgrapp .iv-info,.employee-inventory__body.mgrapp .iv-launch,.employee-inventory__body.mgrapp .iv-cat,.employee-inventory__body.mgrapp .iv-total,.employee-inventory__body.mgrapp .iv-confirm{border-radius:8px}.employee-inventory__body.mgrapp .iv-launch{padding:18px 14px}.employee-inventory__body.mgrapp .iv-cathead{min-height:44px;padding:10px 12px}.employee-inventory__body.mgrapp .iv-catname{font-size:13px}.employee-inventory__body.mgrapp .iv-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px}.employee-inventory__body.mgrapp .iv-rowmain{min-width:0}.employee-inventory__body.mgrapp .iv-artname{font-size:13px;font-weight:650;line-height:1.3}.employee-inventory__body.mgrapp .iv-meta{margin-top:4px;line-height:1.4}.employee-inventory__body.mgrapp .iv-qty{align-items:center}.employee-inventory__body.mgrapp .iv-qty input{width:64px;min-height:42px;border-radius:7px;font-size:16px}.employee-inventory__body.mgrapp .iv-total{bottom:62px;padding:13px}.employee-inventory__body.mgrapp .iv-total-lbl{max-width:65%;line-height:1.3}.employee-inventory__body.mgrapp .iv-total-val{font-size:18px}.employee-inventory__body.mgrapp .iv-actions{display:grid;grid-template-columns:1fr;gap:8px}.employee-inventory__body.mgrapp .iv-draft,.employee-inventory__body.mgrapp .iv-close{width:100%;min-height:46px;border-radius:8px}@media (max-width: 390px){.employee-inventory__body.mgrapp .iv-head{display:grid;grid-template-columns:1fr}.employee-inventory__body.mgrapp .iv-badge{justify-self:start}.employee-inventory__body.mgrapp .iv-row{grid-template-columns:minmax(0,1fr) 88px}.employee-inventory__body.mgrapp .iv-unit{width:24px}}.tutorial-video{margin:0 0 18px;border:1px solid #d8d5ca;border-radius:8px;background:#fff;overflow:hidden}.tutorial-video__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:17px 18px;border-bottom:1px solid #e7e4da;background:#faf9f5}.tutorial-video__head>div:first-child{min-width:0}.tutorial-video__eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:5px;color:#665b00;font-size:11px;font-weight:800;text-transform:uppercase}.tutorial-video__head h2{margin:0;color:#171717;font-size:18px;line-height:1.25}.tutorial-video__head p{max-width:590px;margin:6px 0 0;color:#666158;font-size:12px;line-height:1.45}.tutorial-video__languages{display:grid;grid-template-columns:1fr 1fr;flex:0 0 auto;border:1px solid #c8c4b8;border-radius:7px;overflow:hidden;background:#fff}.tutorial-video__languages button{min-height:35px;border:0;border-right:1px solid #d8d5ca;padding:7px 11px;background:#fff;color:#45423c;font:inherit;font-size:11.5px;font-weight:750;cursor:pointer}.tutorial-video__languages button:last-child{border-right:0}.tutorial-video__languages button.active{background:#171717;color:#f5d82f}.tutorial-video__layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,.85fr);min-width:0}.tutorial-video__media{min-width:0;padding:15px;background:#171717}.tutorial-video__media video{display:block;width:100%;aspect-ratio:16 / 9;border:1px solid #3e3e3e;border-radius:6px;background:#000;object-fit:contain}.tutorial-video--salarie .tutorial-video__media video{max-width:315px;aspect-ratio:9 / 16;margin:0 auto}.tutorial-video__sound{display:flex;align-items:center;justify-content:center;gap:7px;margin:10px 0 0;color:#d8d6cd;font-size:11px;line-height:1.35;text-align:center}.tutorial-video__chapters{min-width:0;padding:14px;border-left:1px solid #e4e1d8;background:#fff}.tutorial-video__chapters h3{margin:0 0 9px;font-size:12px;text-transform:uppercase;color:#5f5b52}.tutorial-video__chapter-list{display:flex;flex-direction:column;gap:4px;max-height:430px;overflow-y:auto;scrollbar-width:thin}.tutorial-video__chapter-list button{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:36px;border:1px solid transparent;border-radius:6px;padding:7px 8px;background:#f4f3ee;color:#24231f;font:inherit;text-align:left;cursor:pointer}.tutorial-video__chapter-list button:hover,.tutorial-video__chapter-list button:focus-visible{border-color:#d1b900;background:#fff9cf;outline:none}.tutorial-video__chapter-list button svg{color:#8a7600}.tutorial-video__chapter-list button span{min-width:0;font-size:11.5px;font-weight:700;line-height:1.25}.tutorial-video__chapter-list time{color:#777269;font-size:10.5px;font-variant-numeric:tabular-nums}@media (max-width: 760px){.tutorial-video__head{flex-direction:column;padding:15px}.tutorial-video__languages{width:100%}.tutorial-video__layout{grid-template-columns:1fr}.tutorial-video__chapters{border-top:1px solid #e4e1d8;border-left:0}.tutorial-video__chapter-list{max-height:none}}.btn-help{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid #d7c653;border-radius:8px;background:var(--jaune);color:#000;text-align:left}.btn-help>span:first-child{width:28px;height:28px;border-radius:50%;background:#000;color:var(--jaune);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-weight:800}.btn-help>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}.btn-help strong{font-size:13px}.btn-help small{font-size:11px;color:#625800}.help-page{padding:16px 16px 28px}.help-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.help-back,.help-print{border:1px solid var(--line);border-radius:8px;background:#fff;color:#1a1a1a;padding:9px 11px;font-size:12px;font-weight:700}.help-intro{margin-bottom:18px}.help-kicker{display:block;color:#6b5e00;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0;margin-bottom:5px}.help-intro h1{margin:0;font-size:25px;line-height:1.15}.help-intro p,.help-lead{margin:9px 0 0;color:var(--txt2);font-size:13px;line-height:1.55}.help-quick{background:var(--jaune);border:1px solid #e1cf58;padding:15px;margin:0 0 16px}.help-quick h2,.help-final h2{margin:0 0 10px;font-size:15px}.help-quick ol{margin:0;padding-left:22px;display:grid;gap:7px;font-size:12.5px;line-height:1.4}.help-list{display:flex;flex-direction:column;gap:8px}.help-section{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;scroll-margin-top:74px}.help-section summary{min-height:64px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:11px;padding:12px;cursor:pointer;list-style:none}.help-section summary::-webkit-details-marker{display:none}.help-section summary:after{content:"+";grid-column:3;grid-row:1;color:var(--txt2);font-size:20px}.help-section[open] summary:after{content:"−"}.help-number{width:34px;height:34px;border-radius:7px;background:#000;color:var(--jaune);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.help-section summary>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.help-section summary strong{font-size:13.5px;line-height:1.25}.help-section summary small{color:var(--txt2);font-size:11px;line-height:1.35}.help-content{border-top:1px solid #eeece4;padding:5px 14px 14px}.help-steps{margin:0;padding:0;list-style:none;counter-reset:help-step}.help-steps li{counter-increment:help-step;display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:9px;padding:11px 0;border-bottom:1px solid #f0eee7}.help-steps li:before{content:counter(help-step);width:22px;height:22px;border-radius:50%;background:#f0eee7;display:inline-flex;align-items:center;justify-content:center;color:#5f5b52;font-size:10px;font-weight:800;grid-row:1 / span 2}.help-steps li strong{font-size:12.5px;line-height:1.35}.help-steps li span{color:#666158;font-size:12px;line-height:1.45;margin-top:2px}.help-note{display:flex;flex-direction:column;gap:3px;margin-top:12px;padding:11px;border-left:3px solid #d1b900;background:#fffbea}.help-note strong{font-size:11px;text-transform:uppercase}.help-note span{color:#665b20;font-size:12px;line-height:1.45}.help-final{margin-top:18px;padding:15px 0 4px;border-top:2px solid #1a1a1a}.help-final p{margin:0;color:#666158;font-size:12.5px;line-height:1.5}@media print{.nav,.topbar,.help-back,.help-print,.tutorial-video{display:none!important}.app,.content{max-width:none;height:auto;overflow:visible}.help-page{padding:0}.help-section{break-inside:avoid}.help-quick{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.notif-card{padding:16px;display:flex;flex-direction:column;gap:10px}.notif-head{font-size:14px}.notif-on{font-size:13px;font-weight:600;color:#2e7d46}.notif-quoi{font-size:12.5px;line-height:1.5}.notif-msg{font-size:12.5px}.notif-steps{margin:0;padding-left:20px;font-size:12.5px;color:#6b6b6b;line-height:1.7}.notif-btn{width:100%;padding:13px;border:1px solid #e7d65f;border-radius:11px;background:#faeb8e;color:#000;font-weight:700;font-size:14px;font-family:inherit}.notif-btn:disabled{opacity:.6}.notif-btn--ghost{background:#fff;border-color:#e3e0d6;font-weight:600}.notif-err{font-size:12.5px;line-height:1.5;color:#a32d2d;background:#fbeded;border-radius:10px;padding:10px 12px}.notif-diag{font-size:11px;color:#8a877e}.notif-diag code{word-break:break-all;display:block;margin-top:6px;font-size:10.5px;line-height:1.5}:root{--noir: #111111;--jaune: #f4d735;--jaune-soft: #fff8cf;--bg: #eef1f4;--line: #dfe3e8;--txt: #17191c;--txt2: #66707c;--txt3: #98a0aa;--green: #168653;--green-bg: #e9f7ef;--green-tx: #11643f;--red: #b4232f;--red-bg: #fff0f1;--blue: #2463a6;--blue-bg: #edf5fd;--font: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}html{background:var(--bg)}body{background:var(--bg);color:var(--txt)}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid rgba(36,99,166,.24);outline-offset:2px}.app{width:100%;max-width:560px;background:#f7f8fa;border-inline:1px solid #e4e7eb;box-shadow:0 0 32px #11182714}.content{padding-bottom:2px}.topbar{min-height:68px;padding:12px 16px;background:#111;border-bottom:1px solid #272727}.tb-logo,.login-mobile-logo,.login-brandmark{border-radius:7px;background:var(--jaune);color:#111;box-shadow:inset 0 0 0 1px #0000001a}.tb-logo{width:36px;height:36px;font-size:14px}.tb-txt{min-width:0;flex:1}.tb-hello{font-size:15px;font-weight:750}.tb-pdv{display:flex;align-items:center;gap:4px;margin-top:3px;color:#f4df68;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-title{flex:1;font-size:16px;font-weight:750}.tb-account{width:34px;height:34px;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;border:1px solid #3b3b3b;border-radius:50%;color:#d6d7d9}.card{border-color:var(--line);border-radius:8px;box-shadow:0 1px 2px #11182709}.home{min-height:calc(100dvh - 142px);justify-content:center;padding:22px 16px}.status-card{padding:28px 20px 20px;text-align:center}.status-visual{width:62px;height:62px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f0f2f5;color:#5e6875}.status-visual--service{background:var(--green-bg);color:var(--green)}.status-kicker{margin-bottom:8px;color:#30343a;font-size:13px;font-weight:750}.badge{min-height:28px;border-radius:999px;padding:5px 11px;font-size:11.5px}.badge-grey{background:#eef0f3;color:#5d6672}.badge-amber{background:#fff7d6;color:#745c00}.badge-red{background:var(--red-bg);color:var(--red)}.btn-scan{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;background:#111;color:#fff;font-size:15px;font-weight:750;transition:transform .14s ease,background .14s ease}.btn-scan:active{transform:translateY(1px);background:#252525}.done-note{margin-top:13px;line-height:1.5}.nav{position:sticky;bottom:0;z-index:20;display:flex;min-height:72px;padding:5px 6px 0;background:#fffffffa;border-top-color:#d8dde3;box-shadow:0 -8px 24px #1118270f}.nav-item{min-width:0;flex:1;min-height:62px;padding:7px 3px calc(7px + env(safe-area-inset-bottom));gap:4px;border-radius:6px;color:#75808c}.nav-item--active{color:#111}.nav-item--active .nav-ico{background:var(--jaune-soft);color:#111}.nav-ico{width:36px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px}.nav-lbl{overflow:hidden;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.list{padding:18px 16px 24px;gap:12px}.shift{min-height:76px;display:flex;align-items:center;gap:12px;padding:13px 14px}.shift-icon{width:42px;height:42px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:7px;background:var(--blue-bg);color:var(--blue)}.shift-copy{min-width:0;flex:1}.shift-day{font-size:14px;font-weight:750}.shift-time{margin-top:4px;color:#5e6874;font-size:12.5px}.shift--transferred{border-color:#242522;background:#343633;color:#fff}.shift--transferred .shift-icon{background:#4d4f4a;color:#fff}.shift--transferred .shift-time{color:#d9dbd5}.shift-transfer{display:flex;flex-direction:column;gap:2px;margin-top:8px;padding-top:7px;border-top:1px solid #5d5f59}.shift-transfer strong{font-size:11px}.shift-transfer span{color:#c7c9c3;font-size:10px;line-height:1.35}.empty-state{min-height:190px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--txt2);text-align:center}.empty-state svg{color:var(--blue)}.empty-state strong{color:var(--txt);font-size:14px}.empty-state span{font-size:12px}.profil{padding:3px 15px}.profil-row{align-items:center;gap:18px;min-height:51px;padding:11px 0}.profil-row strong{max-width:62%;text-align:right;font-size:13px}.btn-primary,.btn-ghost,.btn-help,.notif-btn{min-height:46px;border-radius:8px}.btn-primary,.notif-btn{background:var(--jaune);border:1px solid #dec326;color:#111}.btn-ghost{margin-top:0;background:#fff;border-color:#d7dce2}.btn-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-help{border-color:#ddc52f;border-radius:8px}.btn-help>span:first-child{width:30px;height:30px}.notif-card,.cg-form,.cg-card{border-radius:8px}.notif-head{display:flex;align-items:center;gap:7px}.notif-lock{display:flex;align-items:flex-start;gap:8px}.notif-lock svg{flex:0 0 auto}.input{min-height:46px;border-radius:7px;border-color:#d5dae0}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2463a61c}.login{min-height:100dvh;padding:24px;background:#edf0f3}.login-shell{width:min(100%,960px);min-height:590px;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(380px,1.1fr);overflow:hidden;border:1px solid #d9dde2;border-radius:8px;background:#fff;box-shadow:0 24px 60px #11182721}.login-brand{min-width:0;padding:44px 40px;display:flex;flex-direction:column;justify-content:space-between;background:#111;color:#fff}.login-brandmark,.login-mobile-logo{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800}.login-brandname{margin-top:auto;font-size:30px;font-weight:800}.login-brandcopy{max-width:310px;margin-top:11px;color:#afb4bc;font-size:14px;line-height:1.55}.login-trust{margin-top:42px;display:flex;align-items:center;gap:8px;color:#f1df6f;font-size:12px;font-weight:650}.login-card{width:100%;max-width:none;padding:54px clamp(34px,6vw,72px);justify-content:center;gap:15px;border:0;border-radius:0;box-shadow:none}.login>.login-card{width:min(100%,440px);min-height:auto;padding:32px;border:1px solid #d9dde2;border-radius:8px}.login-mobile-logo{display:none}.login-heading{margin-bottom:8px}.login-eyebrow{margin-bottom:7px;color:#766500;font-size:11px;font-weight:800;text-transform:uppercase}.login-heading h1{margin:0;font-size:27px;line-height:1.2}.login-heading p{margin:8px 0 0;color:var(--txt2);font-size:13px;line-height:1.5}.login-field{display:flex;flex-direction:column;gap:6px;color:#3e444c;font-size:12px;font-weight:700}.login-inputwrap{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 13px;border:1px solid #d4d9df;border-radius:7px;background:#fff;color:#7b8490}.login-inputwrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #2463a61c}.login-inputwrap .input{min-width:0;flex:1;min-height:46px;padding:0;border:0;box-shadow:none}.login-submit{width:100%;margin-top:3px;display:inline-flex;align-items:center;justify-content:center;gap:9px}.login-switch,.login-back{display:inline-flex;align-items:center;justify-content:center;gap:6px;align-self:center;color:#505a66;text-decoration:none}.login-switch:hover,.login-back:hover{color:#111;text-decoration:underline}.login-divider{height:1px;margin:2px 0;display:flex;align-items:center;justify-content:center;background:#e5e8ec}.login-divider span{padding:0 9px;background:#fff;color:#959ca5;font-size:11px}.login-secondary,.login-back{min-height:44px;border:1px solid #d7dce2;border-radius:7px;background:#fff;color:#303740;font-size:13px;font-weight:700}.login-back{width:100%}.login-sent{min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.login-sent-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--green-bg);color:var(--green)}.login-sent p{margin:0 0 8px;color:var(--txt2);font-size:12.5px;line-height:1.55}.login-spinner{width:17px;height:17px;border:2px solid rgba(0,0,0,.24);border-top-color:#111;border-radius:50%;animation:spin .7s linear infinite}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 700px){.login{align-items:stretch;padding:0;background:#fff}.login-shell{min-height:100dvh;display:block;border:0;border-radius:0;box-shadow:none}.login-brand{display:none}.login-card{min-height:100dvh;padding:max(32px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom))}.login-mobile-logo{display:flex;margin-bottom:15px}}@media (max-width: 370px){.nav-lbl{font-size:9.5px}.nav-ico{width:30px}.login-card{padding-inline:18px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
