/* Contextual help stays beside the control; walkthroughs use a small separate panel. */
#app .oc-context-help{position:fixed;z-index:150;width:280px;max-width:calc(100vw - 24px);max-height:min(390px,calc(100dvh - 24px));overflow:auto;box-sizing:border-box;background:var(--e3-white-20);border:1px solid var(--e3-charcoal-20);border-radius:9px;box-shadow:0 8px 28px color-mix(in srgb, var(--e3-charcoal-120) 14.12%, transparent);padding:15px 17px;color:var(--e3-navy-80);font:14px/1.55 'Inter',Arial,sans-serif;text-align:left}
#app .oc-help-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;color:var(--e3-charcoal-60);font-size:12px}
#app .oc-help-heading button{border:0;background:none;color:var(--e3-navy-60);font-size:23px;line-height:1;min-width:28px;min-height:28px;margin:-6px -8px -3px 0;padding:2px;cursor:pointer}
#app .oc-context-help h3{font:500 16px/1.4 'Inter',Arial,sans-serif;margin:9px 0 7px;color:var(--e3-charcoal-100)}
#app .oc-context-help p{font-size:13px;line-height:1.6;margin:0 0 12px;color:var(--e3-slate-80)}
#app .oc-context-help details{font-size:12px;margin:8px 0 12px}#app .oc-context-help summary{cursor:pointer;color:var(--e3-sky-140);list-style-position:inside}#app .oc-context-help details p{margin-top:9px}
#app .oc-help-footer{display:flex;flex-direction:column;align-items:flex-start;gap:11px;border-top:1px solid var(--e3-gray-80);padding-top:11px;font-size:12px;color:var(--e3-charcoal-60)}
#app .oc-help-footer a{color:var(--e3-sky-140);text-decoration:none;line-height:1.5}#app .oc-help-footer a:hover{text-decoration:underline}#app .oc-help-footer button{border:0;background:var(--e3-gray-40);color:var(--e3-sky-140);border-radius:5px;padding:7px 10px;font:500 12px 'Inter',Arial,sans-serif;cursor:pointer}
#app .oc-hover-target:not(.oc-guided-target){outline:1px solid var(--e3-slate-40);outline-offset:4px;border-radius:6px}
#app .oc-guided-target{outline:2px solid var(--e3-purple-80)!important;outline-offset:5px;scroll-margin-top:145px;scroll-margin-bottom:275px}
#app .oc-guided-label{display:flex;align-items:center;justify-content:center;top:-15px;left:-13px;right:auto;width:23px;height:23px;padding:0;border:2px solid var(--e3-white-20);box-shadow:0 1px 5px color-mix(in srgb, var(--e3-charcoal-100) 16.86%, transparent);border-radius:50%;background:var(--e3-purple-80);color:var(--e3-white-20);font:600 12px/1 'Inter',Arial,sans-serif;pointer-events:none}
#app button.oc-guided-target .oc-guided-label{left:-13px;right:auto;top:-15px}
#app .oc-walkthrough .oc-chat-header{padding:11px 16px;border-top-width:0;border-bottom:1px solid var(--e3-gray-80)}
#app .oc-walkthrough .oc-assistant-name{gap:8px;font-size:13px;color:var(--e3-charcoal-80)}#app .oc-walkthrough .oc-assistant-name>i,#app .oc-walkthrough .oc-assistant-name>svg{width:16px}
#app .oc-walkthrough .oc-chat-header>div:last-child{display:flex;gap:3px}#app .oc-walkthrough .oc-icon-button{min-width:29px;min-height:29px;padding:5px}
#app .oc-walkthrough .oc-chat-content{padding:20px;min-height:0;overflow:auto}
#app .oc-guide-step{padding:0;border:0}#app .oc-step-caption{font-size:12px;color:var(--e3-navy-60);margin:0 0 9px}
#app .oc-guide-track{display:flex;gap:5px;margin:0 0 19px}#app .oc-guide-track span{height:3px;border-radius:4px;background:var(--e3-gray-80);flex:1}#app .oc-guide-track .is-complete{background:var(--e3-purple-60)}
#app .oc-guide-step h3{font:500 18px/1.4 'Inter',Arial,sans-serif;margin:0 0 10px;color:var(--e3-slate-120)}#app .oc-guide-step p{font-size:14px;line-height:1.6;color:var(--e3-slate-80);margin:0}
#app .oc-guide-buttons{display:flex;justify-content:space-between;gap:10px;margin:22px 0 16px}#app .oc-guide-buttons button{font-size:13px;min-height:37px;padding:8px 11px;white-space:nowrap}#app .oc-guide-buttons .oc-primary{display:flex;align-items:center;gap:7px}
#app .oc-guide-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;border-top:1px solid var(--e3-gray-80);padding-top:12px;font-size:12px}
#app .oc-guide-footer>.oc-text-button{font-size:12px;min-height:24px;padding:0;gap:5px}#app .oc-guide-footer>.oc-text-button svg{width:13px;height:13px}
#app .oc-guide-reference{font-size:12px;margin:0;color:var(--e3-navy-60)}#app .oc-guide-reference>summary{cursor:pointer;line-height:24px;list-style-position:inside}#app .oc-guide-reference[open]{flex-basis:100%;order:2}#app .oc-guide-reference .oc-source{margin:12px 0 0;padding:12px;font-size:12px}#app .oc-guide-reference .oc-source small{font-size:12px}#app .oc-guide-reference>p{font-size:12px;color:var(--e3-charcoal-60);line-height:1.6;margin:10px 0 0}
#app .oc-guide-location{font-size:12px;line-height:1.5;padding:10px;border-radius:5px;background:var(--e3-gray-40);color:var(--e3-navy-60);margin:14px 0 0}
#app .oc-chat:not(.oc-walkthrough){width:365px}#app .point-tools{padding:11px 15px;gap:8px}#app .point-tools button{font-size:12px;min-height:33px;padding:6px 9px}#app .point-tools button.is-on{background:var(--e3-gray-60);border-color:var(--e3-navy-20);color:var(--e3-purple-80)}
#app .oc-answer-detail,#app .oc-answer-source,#app .oc-earlier-answer{margin:12px 0;color:var(--e3-navy-60);font-size:12px;line-height:1.6}#app .oc-answer-detail>summary,#app .oc-answer-source>summary,#app .oc-earlier-answer>summary{cursor:pointer;list-style-position:inside}#app .oc-answer-detail p{margin:12px 0;font-size:13px}#app .oc-answer-detail li{font-size:13px;line-height:1.65;margin-bottom:7px}#app .oc-answer-source .oc-source{margin-top:10px;padding:12px;font-size:12px}#app .oc-earlier-answer{border-bottom:1px solid var(--e3-gray-80);padding-bottom:12px}#app .oc-earlier-answer>summary{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#app .oc-earlier-answer[open]>summary{white-space:normal}#app .oc-answer-actions{gap:10px;margin-top:16px}#app .oc-answer-actions button{font-size:12px;min-height:34px;padding:7px 11px}
#app .oc-dialog-guide{display:none!important}
@media(min-width:1100px){#app .oc-docked .oc-main-grid{grid-template-columns:minmax(0,1fr) 320px;gap:25px}#app .oc-docked .oc-chat{position:fixed;top:100px;right:24px;left:auto;bottom:auto;width:320px;max-height:calc(100dvh - 125px);z-index:100}#app .oc-docked .oc-dialog-backdrop{inset:88px 368px 0 0;padding:24px;align-items:center}#app .oc-docked .oc-dialog{max-height:calc(100dvh - 140px)}}
@media(max-width:1099px){#app .oc-docked .oc-main-grid{display:block}#app .oc-docked .oc-chat{position:fixed;top:auto;bottom:14px;right:24px;left:194px;width:auto;max-height:260px;z-index:100}#app .oc-docked .oc-workspace{padding-bottom:calc(var(--oc-guide-height,240px) + 55px)}#app .oc-docked .oc-dialog-backdrop{inset:88px 0 calc(var(--oc-guide-height,240px) + 28px);padding:16px;align-items:flex-start}#app .oc-docked .oc-dialog{max-height:100%;box-sizing:border-box}#app .oc-walkthrough .oc-chat-header{padding:7px 15px}#app .oc-walkthrough .oc-chat-content{padding:14px 17px}#app .oc-guide-track{margin-bottom:12px}#app .oc-guide-step h3{font-size:16px;margin-bottom:6px}#app .oc-guide-step p{font-size:13px;line-height:1.5}#app .oc-guide-buttons{margin:13px 0 10px}#app .oc-guide-footer{padding-top:9px}}
@media(max-width:900px){#app .oc-docked .oc-chat{left:88px}}
@media(max-width:700px){#app .oc-docked .oc-chat{left:70px;right:12px;bottom:12px;max-height:250px}#app .oc-chat:not(.oc-walkthrough){width:calc(100% - 24px);max-height:72dvh}#app .oc-docked .oc-dialog-backdrop{top:110px}#app .oc-docked .oc-workspace{padding-bottom:calc(var(--oc-guide-height,240px) + 45px)}}
@media(prefers-reduced-motion:reduce){#app .oc-context-help{scroll-behavior:auto}}

#app .oc-next-instruction{margin-top:16px;padding:11px 12px;background:var(--e3-gray-40);border-left:3px solid var(--e3-ocean-120);border-radius:0 5px 5px 0}#app .oc-next-instruction>span{display:block;color:var(--e3-charcoal-60);font-size:12px;letter-spacing:.2px;margin-bottom:3px}#app .oc-next-instruction>strong{display:block;font-size:14px;line-height:1.4;font-weight:700;color:var(--e3-navy-80)}#app .oc-next-target{position:relative;font-weight:600!important}#app .oc-next-target:not(.oc-guided-target){outline:2px solid var(--e3-ocean-100);outline-offset:4px;border-radius:5px}#app .oc-next-label{position:absolute;right:5px;top:-17px;padding:1px 6px;border-radius:4px;background:var(--e3-ocean-120);color:var(--e3-white-20);font:600 12px/1.5 'Inter',Arial,sans-serif;pointer-events:none}#app .oc-attention{animation:oac-next-cue 1.5s ease-out 2}@keyframes oac-next-cue{0%,100%{box-shadow:0 0 0 0 transparent}45%{box-shadow:0 0 0 8px color-mix(in srgb, var(--e3-ocean-80) 14.51%, transparent)}}@media(prefers-reduced-motion:reduce){#app .oc-attention{animation:none;box-shadow:0 0 0 4px color-mix(in srgb, var(--e3-ocean-80) 10.98%, transparent)}}@media(max-width:1099px){#app .oc-next-instruction{margin-top:10px;padding:8px 10px}#app .oc-next-instruction>strong{font-size:13px}#app .oc-walkthrough .oc-chat{max-height:295px}#app .oc-docked .oc-chat{max-height:295px}}

#app .oc-page-help{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--e3-gray-80)}#app .oc-page-help button{display:flex;align-items:center;gap:7px;min-height:34px;font-size:12px;padding:7px 10px}#app .oc-page-help button svg:last-child{width:13px;height:13px}#app .oc-page-help>span{font-size:12px;line-height:1.4;color:var(--e3-charcoal-60);text-align:right}
