.training-safety-note{color:#31534d;background:#f0f8f5;border:1px solid #cfe2dc;border-radius:12px;gap:12px;padding:14px;display:flex}.training-safety-note strong{flex:none;font-size:11px}.training-safety-note span{color:#65807a;font-size:10px;line-height:1.45}.training-report-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.training-report-grid article{background:#fff;border:1px solid #dfe7e1;border-radius:11px;gap:5px;padding:12px;display:grid}.training-report-grid span{color:#74847f;font-size:8px}.training-report-grid strong{font-size:20px}.training-explore-button,.training-record-button{color:#d9ebe7!important;background:#ffffff0f!important;border-color:#ffffff29!important}.training-record-button.recording{color:#ffd7cf!important;background:#f5745c1f!important;border-color:#f5745c8c!important}.recorded-step-summary{color:#d7ebe6;background:#7bd5c312;border:1px solid #7bd5c333;border-radius:9px;gap:3px;padding:9px;font-size:8px;display:grid}.recorded-step-summary span{color:#8eaca5}.screen-tour-active{min-height:500px}.training-workflow-list{gap:14px;display:grid}.training-empty{text-align:center;border:1px dashed #cfd8d1;border-radius:13px;gap:5px;padding:24px;display:grid}.training-empty strong{font-size:12px}.training-empty span{color:var(--muted);font-size:10px}.training-workflow-card{background:#fbfcfa;border:1px solid #dfe5df;border-radius:15px;gap:18px;padding:16px;display:grid}.training-workflow-card>header{justify-content:space-between;align-items:center;gap:15px;display:flex}.training-workflow-card>header>div:first-child{gap:3px;display:grid}.training-workflow-card>header span{color:#7b8c87;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.training-workflow-card>header strong{font-size:13px}.training-workflow-controls{align-items:center;gap:7px;display:flex}.icon-button{color:#74817d;cursor:pointer;background:#fff;border:1px solid #dfe4df;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.training-step-list{gap:10px;display:grid}.training-step-card{background:#fff;border:1px solid #e2e7e2;border-radius:12px;grid-template-columns:28px minmax(0,1fr) 30px;align-items:start;gap:10px;padding:13px;display:grid}.training-step-number{color:#fff;background:var(--teal);border-radius:50%;place-items:center;width:26px;height:26px;font-size:10px;font-weight:800;display:grid}.training-step-fields textarea{min-height:72px}.training-confirm{color:#52625d;align-self:end;align-items:center;gap:8px;min-height:42px;font-size:10px;display:flex}.training-confirm input{width:15px;height:15px;accent-color:var(--teal)}.training-widget{min-height:560px}.training-intro{flex:1;grid-template-rows:245px 1fr;display:grid}.training-intro-avatar{background:#d3dfdb;position:relative;overflow:hidden}.training-intro-avatar img{object-fit:cover;object-position:center 18%}.training-intro-copy,.training-active,.training-complete{background:#102d2b;align-content:start;gap:12px;padding:20px;display:grid}.training-intro-copy h2,.training-step-copy h2,.training-complete h2{font-family:var(--font-display);margin:0;font-size:21px}.training-intro-copy p,.training-step-copy p,.training-complete p{color:#b3cac5;margin:0;font-size:11px;line-height:1.55}.training-mode-label{color:#7bd5c3;letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:6px;width:fit-content;font-size:9px;font-weight:800;display:inline-flex}.training-meta{gap:7px;display:flex}.training-meta span{color:#bdd2ce;background:#ffffff12;border-radius:999px;padding:6px 8px;font-size:8px}.training-active{flex:1;grid-template-rows:auto auto 1fr auto auto;align-content:stretch}.training-progress-row{color:#9dbab4;justify-content:space-between;font-size:9px;display:flex}.training-progress{background:#ffffff1a;border-radius:999px;height:5px;overflow:hidden}.training-progress i{border-radius:inherit;background:#76d0bf;height:100%;transition:width .25s;display:block}.training-step-copy{align-content:center;gap:13px;display:grid}.training-confirmation-warning{color:#f2d5aa;background:#f6bd6d14;border:1px solid #f6bd6d4d;border-radius:10px;gap:8px;padding:10px;font-size:9px;line-height:1.4;display:flex}.training-repeat{color:#89aaa3;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;font-size:9px;display:inline-flex}.training-complete{text-align:center;flex:1;place-content:center}.training-complete>svg{color:#76d0bf;margin:0 auto}.training-empty-state{color:#c0d4cf;background:#102d2b;padding:30px;font-size:11px;line-height:1.5}.training-demo-shell{color:#1d2d29;background:#f3f6f4;grid-template-columns:235px 1fr;min-height:100vh;display:grid}.training-demo-sidebar{color:#d9e9e5;background:#153d38;flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.training-demo-brand{align-items:center;gap:10px;padding:0 8px 28px;display:flex}.training-demo-brand>span{color:#153d38;background:#7bd5c3;border-radius:9px;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.training-demo-brand strong{font-size:13px}.training-demo-sidebar nav{gap:5px;display:grid}.training-demo-sidebar nav button{color:#a9c3bd;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;min-height:42px;padding:0 12px;font-size:11px;display:flex}.training-demo-sidebar nav button.active,.training-demo-sidebar nav button:hover{color:#fff;background:#ffffff17}.training-demo-user{border-top:1px solid #ffffff1a;align-items:center;gap:9px;margin-top:auto;padding:12px 8px 0;display:flex}.training-demo-user>span{color:#153d38;background:#d6e8e3;border-radius:50%;place-items:center;width:30px;height:30px;font-size:9px;font-weight:900;display:grid}.training-demo-user div{gap:2px;display:grid}.training-demo-user strong{font-size:10px}.training-demo-user small{color:#85aaa1;font-size:8px}.training-demo-main>header{background:#fff;border-bottom:1px solid #dfe6e1;justify-content:space-between;align-items:center;min-height:67px;padding:0 28px;display:flex}.training-demo-main>header>div{align-items:center;gap:9px;display:flex}.training-demo-main>header>div:first-child{gap:2px;display:grid}.training-demo-main>header strong{font-size:11px}.training-demo-main>header span{color:#81908b;font-size:9px}.training-demo-main>header button{color:#59706a;background:#fff;border:1px solid #e0e6e1;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.training-demo-secure{background:#e8f5f0;border-radius:999px;padding:6px 9px;font-weight:750;color:#287562!important}.training-demo-content{padding:42px}.training-demo-welcome{max-width:680px}.training-demo-welcome>span{color:#287c6b;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:850}.training-demo-welcome h1,.training-demo-page-title h1{font-family:var(--font-display);letter-spacing:-.035em;margin:12px 0 9px;font-size:34px}.training-demo-welcome p,.training-demo-page-title p{color:#70817c;margin:0;font-size:12px;line-height:1.6}.training-demo-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px;display:grid}.training-demo-stats article{background:#fff;border:1px solid #e0e6e1;border-radius:15px;gap:9px;padding:22px;display:grid}.training-demo-stats span{color:#75847f;font-size:10px}.training-demo-stats strong{font-size:30px}.training-demo-stats small{color:#90a09b;font-size:9px}.training-demo-page-title{justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px;display:flex}.training-demo-page-title>div>span{color:#81908b;align-items:center;gap:4px;font-size:9px;display:flex}.training-demo-page-title>button{color:#fff;cursor:pointer;background:#167b68;border:0;border-radius:10px;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-size:10px;font-weight:800;display:flex}.training-customer-list,.training-customer-form{background:#fff;border:1px solid #dde5df;border-radius:15px;overflow:hidden}.training-list-tools{border-bottom:1px solid #e5ebe6;justify-content:space-between;align-items:center;padding:16px;display:flex}.training-list-tools label{color:#7f908b;background:#fafcfa;border:1px solid #dfe6e1;border-radius:9px;align-items:center;gap:8px;width:280px;height:36px;padding:0 10px;display:flex}.training-list-tools input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:10px}.training-list-tools>span{color:#87958f;font-size:9px}.training-customer-list table{border-collapse:collapse;width:100%}.training-customer-list th,.training-customer-list td{text-align:left;border-bottom:1px solid #edf0ed;padding:15px 18px;font-size:10px}.training-customer-list th{color:#7e8c87;text-transform:uppercase;background:#fafbfa;font-size:8px}.training-status{color:#9a6b20;background:#fff5df;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800}.training-status.active{color:#287763;background:#e9f5f1}.training-customer-form{display:grid}.training-form-section{padding:24px}.training-form-section header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.training-form-section header strong{font-size:13px}.training-form-section header span{color:#83918d;font-size:9px}.training-form-section label{color:#53655f;gap:7px;font-size:9px;font-weight:750;display:grid}.training-form-section input,.training-form-section select{background:#fbfcfb;border:1px solid #dce4de;border-radius:9px;outline:none;height:40px;padding:0 11px;font-size:10px}.training-form-policy{color:#3f6a60;background:#f1f8f5;border:1px solid #dce8e3;border-radius:11px;gap:10px;margin:0 24px 20px;padding:14px;display:flex}.training-form-policy div{gap:3px;display:grid}.training-form-policy strong{font-size:10px}.training-form-policy span{color:#708881;font-size:9px;line-height:1.4}.training-form-actions{background:#fafbfa;border-top:1px solid #e5ebe6;justify-content:flex-end;gap:8px;padding:16px 24px;display:flex}.training-form-actions button{color:#5e6e69;cursor:pointer;background:#fff;border:1px solid #dbe2dd;border-radius:9px;min-height:38px;padding:0 14px;font-size:10px;font-weight:750}.training-form-actions button[type=submit]{color:#fff;background:#167b68;border-color:#167b68}.training-save-success{color:#1f6957;background:#eaf7f2;border:1px solid #b9ded1;border-radius:11px;gap:3px;margin-bottom:12px;padding:13px 15px;display:grid}.training-save-success strong{font-size:11px}.training-save-success span{font-size:9px}.training-audit{background:#fff;border:1px solid #dce5df;border-radius:11px;gap:5px;margin-top:12px;padding:13px;display:grid}.training-audit strong{font-size:10px}.training-audit span{color:#6c7e78;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px}@media (max-width:800px){.training-demo-shell{grid-template-columns:74px 1fr}.training-demo-brand strong,.training-demo-sidebar nav button:not(.active){font-size:0}.training-demo-sidebar nav button{justify-content:center;padding:0}.training-demo-user div{display:none}.training-demo-content{padding:24px}.training-demo-stats{grid-template-columns:1fr}.training-demo-secure{display:none}}@media (max-width:560px){.training-step-card{grid-template-columns:26px minmax(0,1fr)}.training-step-card>.icon-button{grid-column:2}.training-demo-shell{display:block}.training-demo-sidebar{display:none}.training-demo-main>header{padding:0 15px}.training-demo-content{padding:20px 14px}.training-demo-page-title{flex-direction:column;align-items:flex-start}.training-customer-list{overflow-x:auto}.training-list-tools label{width:200px}}