/* DPRO TUTORIAL STANDARD V1.1 / CARETAXI R3 */
/* CARETAXI R3 QA FIX V1.2: menu ID selector / 2026-08-27 */
:root{--dpro-tutorial-z:2147483000;--dpro-tutorial-brand:#0b666a;--dpro-tutorial-deep:#064b50;--dpro-tutorial-line:#b8d3d5;--dpro-tutorial-soft:#eef8f8;--dpro-tutorial-ink:#17383c;--dpro-tutorial-muted:#5f7479;--dpro-tutorial-focus:#f5a623}
#dpro-tutorial-launcher,#dpro-tutorial-card,#dpro-tutorial-highlight{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic UI",Meiryo,sans-serif}
#dpro-tutorial-launcher{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(16px,calc(env(safe-area-inset-bottom) + 12px));z-index:var(--dpro-tutorial-z);border:0;border-radius:999px;min-height:46px;padding:10px 16px;background:var(--dpro-tutorial-deep);color:#fff;font-size:13px;font-weight:900;box-shadow:0 10px 28px rgba(6,75,80,.25);cursor:pointer}
#dpro-tutorial-launcher:focus-visible,#dpro-tutorial-card button:focus-visible,#dpro-tutorial-card a:focus-visible,#dpro-tutorial-drag-handle:focus-visible{outline:3px solid var(--dpro-tutorial-focus)!important;outline-offset:3px!important}
#dpro-tutorial-highlight{position:fixed;z-index:calc(var(--dpro-tutorial-z) - 2);display:none;pointer-events:none;border:3px solid #f5a623;border-radius:14px;box-shadow:0 0 0 5px rgba(245,166,35,.16),0 0 0 9999px rgba(4,34,38,.10);transition:left .12s ease,top .12s ease,width .12s ease,height .12s ease}
#dpro-tutorial-card{position:fixed;z-index:var(--dpro-tutorial-z);display:none;width:min(390px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:min(72dvh,620px);overflow:auto;background:#fff;color:var(--dpro-tutorial-ink);border:1px solid var(--dpro-tutorial-line);border-radius:18px;box-shadow:0 22px 70px rgba(6,46,50,.28);overflow-wrap:anywhere;overscroll-behavior:contain}
#dpro-tutorial-card[data-open="1"]{display:block}
.dpro-tutorial-handle{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:9px 12px;background:linear-gradient(135deg,var(--dpro-tutorial-deep),var(--dpro-tutorial-brand));color:#fff;cursor:grab;touch-action:none;user-select:none;border-radius:17px 17px 0 0}
.dpro-tutorial-handle:active{cursor:grabbing}
.dpro-tutorial-handle strong{font-size:12px;letter-spacing:.05em}.dpro-tutorial-handle span{font-size:11px;opacity:.9}.dpro-tutorial-handle kbd{font:inherit;font-size:10px;padding:2px 6px;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:rgba(255,255,255,.1)}
.dpro-tutorial-body{padding:15px 16px 16px}.dpro-tutorial-progress{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--dpro-tutorial-muted);font-size:11px;font-weight:850}.dpro-tutorial-progress-bar{height:5px;flex:1;border-radius:999px;background:#e4eeee;overflow:hidden}.dpro-tutorial-progress-bar i{display:block;height:100%;background:var(--dpro-tutorial-brand);border-radius:inherit}
.dpro-tutorial-body h2{margin:10px 0 6px;font-size:20px;line-height:1.35;color:var(--dpro-tutorial-deep)}.dpro-tutorial-body p{margin:0;color:#405c61;font-size:13px;line-height:1.7}.dpro-tutorial-note{margin-top:10px;padding:10px 11px;border-radius:11px;background:var(--dpro-tutorial-soft);color:#31575b;font-size:11px;font-weight:750;line-height:1.55}
.dpro-tutorial-target-status{margin-top:9px;font-size:11px;color:var(--dpro-tutorial-muted)}
.dpro-tutorial-actions{display:grid;grid-template-columns:auto 1fr 1fr;gap:7px;margin-top:14px}.dpro-tutorial-actions button,.dpro-tutorial-complete-actions button,.dpro-tutorial-complete-actions a{min-height:42px;border-radius:11px;padding:8px 10px;font-size:12px;font-weight:900;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center}.dpro-tutorial-back{border:1px solid #cbdcde;background:#fff;color:#31565a}.dpro-tutorial-skip{border:1px solid #cbdcde;background:#edf5f5;color:#31565a}.dpro-tutorial-next{border:1px solid var(--dpro-tutorial-brand);background:var(--dpro-tutorial-brand);color:#fff}.dpro-tutorial-close{border:0;background:transparent;color:#fff;min-width:42px;min-height:42px;border-radius:9px;font-size:20px;cursor:pointer}
.dpro-tutorial-complete{padding:18px;text-align:center}.dpro-tutorial-complete .mark{width:52px;height:52px;margin:0 auto 9px;border-radius:50%;display:grid;place-items:center;background:#e6f6ed;color:#177245;font-size:28px;font-weight:950}.dpro-tutorial-complete h2{margin:0;font-size:20px}.dpro-tutorial-complete p{margin:7px 0;color:var(--dpro-tutorial-muted);font-size:12px;line-height:1.6}.dpro-tutorial-complete-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:13px}.dpro-tutorial-complete-actions button{border:1px solid var(--dpro-tutorial-brand);background:var(--dpro-tutorial-brand);color:#fff}.dpro-tutorial-complete-actions a{border:1px solid #cbdcde;background:#fff;color:var(--dpro-tutorial-deep)}
#dpro-tutorial-menu{display:none;position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(68px,calc(env(safe-area-inset-bottom) + 64px));z-index:var(--dpro-tutorial-z);width:min(300px,calc(100vw - 24px));padding:12px;border:1px solid var(--dpro-tutorial-line);border-radius:15px;background:#fff;box-shadow:0 16px 45px rgba(6,46,50,.22)}#dpro-tutorial-menu[data-open="1"]{display:grid;gap:7px}#dpro-tutorial-menu button,#dpro-tutorial-menu a{min-height:42px;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:900;text-decoration:none;display:flex;align-items:center;justify-content:center;cursor:pointer}#dpro-tutorial-menu button{border:1px solid #cbdcde;background:#fff;color:var(--dpro-tutorial-deep)}#dpro-tutorial-menu .primary{border-color:var(--dpro-tutorial-brand);background:var(--dpro-tutorial-brand);color:#fff}#dpro-tutorial-menu a{border:1px solid #cbdcde;background:var(--dpro-tutorial-soft);color:var(--dpro-tutorial-deep)}
body.dpro-tutorial-index-preview .wizard-step{display:none!important}body.dpro-tutorial-index-preview .wizard-step.dpro-tutorial-preview-visible{display:block!important}
@media(max-width:480px){#dpro-tutorial-card{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:68dvh}.dpro-tutorial-body{padding:13px}.dpro-tutorial-actions{grid-template-columns:1fr 1fr}.dpro-tutorial-back{grid-column:1}.dpro-tutorial-skip{grid-column:2}.dpro-tutorial-next{grid-column:1/-1}.dpro-tutorial-handle span{display:none}}
@media(prefers-reduced-motion:reduce){#dpro-tutorial-highlight{transition:none}}