/* Focused onboarding only; approved intro and owner visual tokens remain untouched. */
#tour[hidden],#tour [hidden]{display:none!important}
#tour{position:fixed;inset:0;z-index:80;display:block;pointer-events:none;background:transparent;backdrop-filter:none}
#tour .guide-shade{position:fixed;background:rgba(4,7,9,.68);pointer-events:auto;touch-action:pan-y}
#guideSpotlight{position:fixed;border:2px solid #D0A15F;border-radius:15px;box-shadow:0 0 0 3px rgba(208,161,95,.12);pointer-events:auto;z-index:2}
#guideSpotlight[data-interactive="1"]{pointer-events:none}
#guidePanel{position:fixed;z-index:3;box-sizing:border-box;background:#FBFAF7;border:1px solid #D8D0C7;border-radius:20px;padding:16px;color:#0B0F14;box-shadow:0 12px 36px rgba(0,0,0,.22);overflow-y:auto;overscroll-behavior:contain;pointer-events:auto}
#guidePanel .guide-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
#guidePanel .tour-count{font-size:10px;letter-spacing:.12em;color:#765632;font-weight:900}
#guideClose{border:0;border-radius:999px;background:#EEE8DF;color:#0B0F14;min-width:40px;min-height:40px;font-size:22px;display:grid;place-items:center}
#guidePanel h2{font-family:Georgia,"Times New Roman",serif;font-size:22px;line-height:1.13;letter-spacing:-.025em;margin:9px 0 5px}
#guidePanel .guide-copy{font-size:13px;line-height:1.4;color:#606864;margin:0}
#guidePanel .guide-progress{height:3px;background:#E8E1D7;border-radius:999px;margin-top:12px;overflow:hidden}
#guideProgress{display:block;height:100%;width:0;background:#B68745;transition:width .18s ease}
#guidePanel .guide-actions{display:flex;gap:8px;margin-top:13px;align-items:stretch}
#guidePanel button{font:inherit;cursor:pointer}
#guidePanel .guide-button{border:0;border-radius:12px;min-height:44px;padding:10px 12px;font-size:13px;font-weight:850}
#guidePanel .guide-button.primary{background:#B68745;color:#fff;flex:1}
#guidePanel .guide-button.secondary{background:#EEE8DF;color:#0B0F14}
#guidePanel .guide-button.ghost{background:transparent;color:#765632}
#guidePanel .guide-button:disabled{opacity:.4;cursor:default}
#guidePanel .guide-choices{display:grid;gap:8px;margin-top:14px}
#guidePanel .guide-choices .guide-button{width:100%;text-align:left}
#guidePanel .guide-hint{font-size:12px;line-height:1.35;color:#765632;margin:9px 0 0}
#guidePanel .guide-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
#guidePanel .guide-footer .guide-button{min-height:36px;padding:7px 9px;font-size:11px}
#guidePanel button:focus-visible{outline:3px solid #B68745;outline-offset:3px}
#tour[data-phase="welcome"] .guide-progress,#tour[data-phase="done"] .guide-progress{display:none}
#guideDocumentsList .guide-doc-button{display:block;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}
@media(max-width:350px){#guidePanel{padding:12px;border-radius:16px}#guidePanel h2{font-size:20px}#guidePanel .guide-copy{font-size:12px}}
@media(prefers-reduced-motion:reduce){#guideProgress{transition:none}#guideSpotlight{animation:none}}

.guide-open #sheetInner{animation:none;scroll-behavior:auto}

.guide-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Approved dark, isolated guide treatment. Business UI and intro remain unchanged. */
#tour{background:rgba(4,7,9,.88);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
#tour[data-phase="step"]{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
#tour .guide-shade{background:rgba(4,7,9,.88);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);touch-action:none}
#guidePanel{background:#171C20;border:1px solid rgba(208,161,95,.42);color:#F5F0E8;box-shadow:0 20px 60px rgba(0,0,0,.45)}
#guidePanel .tour-count{color:#D0A15F}
#guideClose{background:#2B3033;color:#F5F0E8}
#guidePanel .guide-copy{color:#C6CBC8}
#guidePanel .guide-progress{background:#343A3D}
#guidePanel .guide-button.primary{background:#B68745;color:#0B0F14}
#guidePanel .guide-button.secondary{background:#30363A;color:#F5F0E8;border:1px solid #50575A}
#guidePanel .guide-button.ghost{color:#D9B784}
#guidePanel .guide-hint{color:#D9B784}
#guidePanel .guide-footer .guide-copy{color:#AEB6B3}
#guidePanel .guide-button:disabled{opacity:.5}
#guidePanel button:focus-visible{outline-color:#D9B784}
#tour[data-phase="welcome"] #guidePanel,#tour[data-phase="done"] #guidePanel{width:min(360px,calc(100% - 24px))}
@media(prefers-reduced-motion:reduce){#tour,#tour .guide-shade{-webkit-backdrop-filter:none;backdrop-filter:none}}

/* Section handoffs: clear overall progress, without changing the approved guide shell. */
#guidePanel .guide-progress-meta{margin-top:7px;font-size:11px;line-height:1.3;color:#AEB6B3;font-variant-numeric:tabular-nums}
#guidePanel .guide-progress-meta[hidden]{display:none!important}

/* Guided positioning is stable while the underlying page changes. */
.guide-open main section.active{animation:none;scroll-behavior:auto}
.guide-open .card.issue{animation:none}

/* All guide controls meet the minimum touch target. */
#guideClose{min-width:44px;min-height:44px}
#guidePanel .guide-footer .guide-button{min-height:44px}
