:root{--dpt-z:10050;--dpt-accent:#1e3a8a;--dpt-card:#fff;--dpt-ink:#111827;--dpt-muted:#64748b}
#dpro-tutorial-launcher,#dpro-tutorial-guide-center-entry{position:fixed;right:18px;z-index:var(--dpt-z);border-radius:999px;padding:12px 16px;font-weight:900;box-shadow:0 12px 34px rgba(15,23,42,.24);cursor:pointer;font:inherit}
#dpro-tutorial-launcher{bottom:18px;border:0;background:#111827;color:#fff}
#dpro-tutorial-guide-center-entry{bottom:68px;border:1px solid #cbd5e1;background:#fff;color:#1e293b}
#dpro-tutorial-launcher:focus-visible,#dpro-tutorial-guide-center-entry:focus-visible,.dpt-card button:focus-visible,.dpt-handle:focus-visible,#dpro-tutorial-guide-center button:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}
#dpro-tutorial-layer{position:fixed;inset:0;z-index:calc(var(--dpt-z) + 1);pointer-events:none}
.dpt-highlight{position:fixed;border:3px solid #f59e0b;border-radius:14px;box-shadow:0 0 0 9999px rgba(15,23,42,.28),0 0 0 5px rgba(245,158,11,.18);z-index:calc(var(--dpt-z) + 2);pointer-events:none;transition:all .12s ease}
.dpt-card{position:fixed;left:calc(100vw - 440px);top:92px;width:min(400px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;background:var(--dpt-card);color:var(--dpt-ink);border:1px solid #cbd5e1;border-radius:18px;box-shadow:0 20px 60px rgba(15,23,42,.32);z-index:calc(var(--dpt-z) + 3);pointer-events:auto;overscroll-behavior:contain}
.dpt-handle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;background:#111827;color:#fff;border-radius:17px 17px 0 0;cursor:grab;touch-action:none;user-select:none}.dpt-handle:active{cursor:grabbing}.dpt-handle strong{font-size:13px}.dpt-handle span{font-size:11px;color:#cbd5e1}
.dpt-body{padding:16px}.dpt-step{font-size:11px;font-weight:900;color:#1e3a8a;letter-spacing:.08em}.dpt-body h3{margin:6px 0 8px;font-size:19px;line-height:1.35}.dpt-body p{margin:0;color:#334155;font-size:13px;line-height:1.7}.dpt-safety{margin-top:12px;padding:10px 11px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:12px;line-height:1.55}.dpt-fallback{margin-top:9px;padding:9px 10px;border-radius:10px;background:#f8fafc;color:#475569;font-size:11px}.dpt-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 16px}.dpt-actions button{border:0;border-radius:10px;padding:10px 12px;font-weight:900;cursor:pointer;min-height:42px}.dpt-primary{background:#1e3a8a;color:#fff;border:0;border-radius:9px;padding:9px 11px;font-weight:900;cursor:pointer}.dpt-secondary{background:#e2e8f0;color:#1e293b}.dpt-ghost{background:#fff;color:#475569;border:1px solid #cbd5e1!important}.dpt-danger{background:#fff1f2;color:#be123c}.dpt-progress{height:5px;background:#e2e8f0}.dpt-progress>i{display:block;height:100%;background:#1e3a8a}
#dpro-tutorial-guide-center{position:fixed;inset:18px;z-index:calc(var(--dpt-z) + 4);background:#f8fafc;border:1px solid #cbd5e1;border-radius:22px;box-shadow:0 26px 80px rgba(15,23,42,.36);overflow:auto;pointer-events:auto;color:#0f172a;overscroll-behavior:contain}
.dpt-guide-head{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid #e2e8f0;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:2}.dpt-guide-head h2{margin:0;font-size:20px}.dpt-guide-head button{border:0;border-radius:10px;background:#111827;color:#fff;padding:10px 12px;font-weight:900}.dpt-guide-wrap{display:grid;grid-template-columns:220px 1fr;min-height:calc(100% - 70px)}.dpt-guide-nav{padding:14px;border-right:1px solid #e2e8f0;background:#fff}.dpt-guide-nav button{width:100%;text-align:left;border:0;background:transparent;padding:10px 11px;border-radius:10px;font-weight:800;color:#334155;cursor:pointer}.dpt-guide-nav button.active{background:#e0e7ff;color:#1e3a8a}.dpt-guide-content{padding:20px;max-width:900px}.dpt-guide-content h3{font-size:22px;margin:0 0 10px}.dpt-guide-content p{color:#475569;line-height:1.75}.dpt-guide-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px;margin:12px 0}.dpt-guide-card strong{display:block;margin-bottom:5px}.dpt-guide-card small{color:#64748b;line-height:1.6}.dpt-guide-safe{background:#ecfdf5;border-color:#a7f3d0}.dpt-guide-warn{background:#fff7ed;border-color:#fed7aa}
@media(max-width:720px){#dpro-tutorial-launcher{right:12px;bottom:12px}#dpro-tutorial-guide-center-entry{right:12px;bottom:64px}.dpt-card{left:12px;top:auto;bottom:12px;width:calc(100vw - 24px);max-height:68vh}.dpt-card[data-dragged="1"]{bottom:auto}.dpt-guide-wrap{grid-template-columns:1fr}.dpt-guide-nav{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #e2e8f0;gap:6px;position:sticky;top:69px;z-index:1}.dpt-guide-nav button{width:auto;white-space:nowrap}.dpt-guide-content{padding:16px}#dpro-tutorial-guide-center{inset:8px}.dpt-highlight{border-width:2px}}
@media(max-width:390px){.dpt-card{max-width:calc(100vw - 24px)}.dpt-actions button{flex:1 1 auto;min-height:44px}.dpt-body h3{font-size:17px}}

/* DPRO TUTORIAL KSH R4 Guide Center First10 alignment */
.dpt-guide-head small{display:block;margin-top:4px;color:#64748b;font-size:11px}.dpt-guide-content{padding:20px;max-width:1100px;margin:0 auto}.dpt-guide-controls{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 18px}.dpt-guide-controls button{min-height:42px;padding:10px 14px;border-radius:10px;font-weight:900;cursor:pointer}.dpt-guide-state{font-size:12px;font-weight:800;color:#475569;padding:8px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:10px}.dpt-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dpt-guide-step{min-width:0;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px}.dpt-guide-step-kicker{font-size:11px;font-weight:900;color:#1e3a8a;letter-spacing:.04em}.dpt-guide-step h3{font-size:17px;margin:5px 0 7px;line-height:1.4}.dpt-guide-step p{margin:0 0 10px;color:#475569;font-size:12px;line-height:1.65}.dpt-guide-step dl{margin:0 0 10px;font-size:11px;color:#334155}.dpt-guide-step dl>div{display:grid;grid-template-columns:68px minmax(0,1fr);gap:8px;padding:5px 0;border-top:1px solid #f1f5f9}.dpt-guide-step dt{font-weight:900}.dpt-guide-step dd{margin:0;overflow-wrap:anywhere}.dpt-guide-step>small{display:block;color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:9px;padding:8px;line-height:1.5}
@media(max-width:720px){.dpt-guide-content{padding:14px}.dpt-guide-grid{grid-template-columns:1fr}.dpt-guide-controls{position:sticky;top:70px;z-index:1;background:#f8fafc;padding:6px 0}.dpt-guide-step h3{font-size:16px}}
@media(max-width:390px){.dpt-guide-controls button{flex:1 1 auto;min-height:44px}.dpt-guide-state{flex:1 1 100%}.dpt-guide-step{padding:12px}}