/* Okoska, az AI segéd ablaka – a főoldal (v14) arculatával: sötét felület, arany, Newsreader / Michroma / Instrument Sans */
.space-guide{--sg-bg:#15130f;--sg-surf:#1d1a15;--sg-surf2:#24201a;--sg-line:#2c2821;--sg-line2:#4a4235;--sg-tx:#f1ebdd;--sg-tx2:#e6dfcf;--sg-mut:#bdb4a2;--sg-mut2:#a79f8e;--sg-gold:#c9a86b;--sg-gold2:#e2c894;--sg-ink:#1a1712;--sg-disp:Newsreader,Georgia,'Times New Roman',serif;--sg-label:Michroma,'Instrument Sans',system-ui,sans-serif;--sg-body:'Instrument Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--sg-cut:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));--sg-cut-btn:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.space-guide{position:fixed;right:20px;bottom:20px;z-index:80;color:var(--sg-tx);font:400 15px/1.5 var(--sg-body);display:flex;flex-direction:column;align-items:flex-end}
.space-guide button,.space-guide a{font:inherit;cursor:pointer}
.space-guide [hidden]{display:none!important}
.space-guide :focus-visible{outline:2px solid var(--sg-gold2);outline-offset:3px}

/* kis robotfej */
.space-guide .sg-bot{width:40px;height:40px;flex-shrink:0;color:var(--sg-gold2);animation:sg-bob 3.2s ease-in-out infinite}
@keyframes sg-bob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-3px) rotate(4deg)}}
.space-guide .sg-live{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8fc79a;animation:sg-live 2s ease-out infinite;flex-shrink:0}
@keyframes sg-live{0%{box-shadow:0 0 0 0 rgba(143,199,154,.55)}100%{box-shadow:0 0 0 7px rgba(143,199,154,0)}}

/* indítógomb: lebegő, kerek Prof ikon jobb alul; fölé víve kiírja, mire jó */
html body .space-guide button.guide-launch{order:2;position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;padding:0;background:var(--sg-surf);color:var(--sg-gold2);border:1.5px solid var(--sg-gold);border-radius:50%;box-shadow:0 10px 30px rgba(0,0,0,.55),0 0 0 6px rgba(201,168,107,.08);text-align:left;transition:transform .25s,box-shadow .25s}
html body .space-guide button.guide-launch:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.6),0 0 0 8px rgba(201,168,107,.14)}
.guide-launch .sg-bot{width:38px;height:38px}
.guide-launch::after{content:"";position:absolute;top:4px;right:4px;width:11px;height:11px;border-radius:50%;background:#8fc79a;border:2px solid var(--sg-surf);animation:sg-live 2s ease-out infinite}
.guide-launch:hover{border-color:var(--sg-gold)}
.guide-launch:hover .sg-bot{animation-duration:.9s}
.guide-launch span{position:absolute;right:calc(100% + 12px);top:50%;transform:translate(6px,-50%);display:flex;flex-direction:column;gap:3px;line-height:1.1;padding:10px 14px;background:var(--sg-surf);border:1px solid var(--sg-line2);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;color:var(--sg-tx)}
.guide-launch:hover span,.guide-launch:focus-visible span{opacity:1;transform:translate(0,-50%)}
.guide-launch b{font:600 15px var(--sg-body)}
.guide-launch small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--sg-mut)}

/* ablak */
#space-guide-panel{order:1;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 110px);overflow:auto;box-sizing:border-box;background:var(--sg-surf);border:1px solid var(--sg-line2);clip-path:var(--sg-cut);padding:0 22px 20px;margin-bottom:12px;box-shadow:0 20px 60px rgba(0,0,0,.6);scrollbar-width:thin;scrollbar-color:var(--sg-line2) transparent}
#space-guide-panel>header{position:sticky;top:0;z-index:1;display:flex;gap:12px;align-items:center;background:var(--sg-surf);margin:0 -22px;padding:18px 22px 14px;border-bottom:1px solid var(--sg-line)}
#space-guide-panel>header .sg-bot{width:46px;height:46px}
#space-guide-panel>header strong{display:block;font:400 28px/1 var(--sg-disp);color:var(--sg-tx)}
#space-guide-panel>header small{display:flex;align-items:center;gap:7px;margin-top:6px;font:400 9px/1.3 var(--sg-label);letter-spacing:2px;text-transform:uppercase;color:var(--sg-gold)}
.guide-close{margin-left:auto;align-self:flex-start;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--sg-mut);border:1px solid var(--sg-line2);font-size:22px!important;line-height:1}
.guide-close:hover{color:var(--sg-tx);border-color:var(--sg-gold)}
.guide-hello{margin:16px 0 0;font:italic 400 20px/1.35 var(--sg-disp);color:var(--sg-tx2)}
.guide-availability,.guide-error{margin:10px 0 0;font-size:13px;line-height:1.55;color:var(--sg-mut)}
.guide-error:empty{display:none}
.guide-prompts{display:grid;gap:8px;margin-top:16px}
.guide-prompts button{background:transparent;color:var(--sg-tx2);border:1px solid var(--sg-line2);text-align:left;font-size:14px;line-height:1.35;padding:11px 14px;display:flex;gap:10px;align-items:baseline}
.guide-prompts button::before{content:"";width:6px;height:6px;margin-top:2px;background:var(--sg-gold);transform:rotate(45deg);flex-shrink:0}
.guide-prompts button:hover{border-color:var(--sg-gold);color:var(--sg-tx)}
.guide-log{display:flex;flex-direction:column;gap:8px;margin-top:14px;max-height:280px;overflow:auto}
.guide-log:empty{display:none}
.guide-log p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.55;padding:11px 14px;background:var(--sg-surf2);border-left:2px solid var(--sg-gold);max-width:92%}
.guide-log p[data-role=user]{align-self:flex-end;background:#2c261d;border-left:0;border-right:2px solid var(--sg-mut2)}
.space-guide form{display:grid;gap:12px;margin-top:18px}
.space-guide form>label:first-child{font:400 9px/1.3 var(--sg-label);letter-spacing:2px;text-transform:uppercase;color:var(--sg-gold)}
.space-guide textarea{display:block;width:100%;box-sizing:border-box;padding:12px 14px;margin-top:8px;background:var(--sg-bg);color:var(--sg-tx);border:1px solid var(--sg-line2);border-radius:0;font:400 15px/1.5 var(--sg-body);letter-spacing:0;text-transform:none;resize:vertical}
.space-guide textarea:focus{border-color:var(--sg-gold);outline:0}
.space-guide textarea::placeholder{color:var(--sg-mut2)}
.guide-consent{display:flex;gap:10px;font-size:12px!important;line-height:1.5;color:var(--sg-mut)}
.guide-consent input{align-self:start;margin-top:2px;accent-color:var(--sg-gold);width:16px;height:16px}
.guide-actions{display:flex;gap:10px}.guide-actions .guide-send{flex:1}
.guide-mic{height:48px;display:flex;align-items:center;gap:8px;padding:0 16px;background:transparent;color:var(--sg-gold2);border:1px solid var(--sg-gold);font:600 14px var(--sg-body)!important}
.guide-mic:hover{background:rgba(201,168,107,.1)}
.guide-mic.on{background:var(--sg-gold);color:var(--sg-ink);animation:sg-mic 1.4s ease-in-out infinite}
@keyframes sg-mic{0%,100%{box-shadow:0 0 0 0 rgba(201,168,107,.5)}50%{box-shadow:0 0 0 8px rgba(201,168,107,0)}}
.guide-voice-state{margin:0;font-size:13px;color:var(--sg-gold2)}.guide-voice-state:empty{display:none}
.guide-voice-note{margin:0;font-size:11px;line-height:1.5;color:var(--sg-mut2)}
.guide-send{height:48px;background:var(--sg-gold);color:var(--sg-ink);border:0;clip-path:var(--sg-cut-btn);font:600 15px var(--sg-body)!important}
.guide-send:hover:not(:disabled){background:var(--sg-gold2)}
.space-guide button:disabled{opacity:.45;cursor:not-allowed}
.space-guide nav{display:flex;flex-wrap:wrap;gap:8px 16px;border-top:1px solid var(--sg-line);margin-top:18px;padding-top:14px}
.space-guide nav a{font-size:13px;color:var(--sg-gold2);text-decoration:none;border-bottom:1px solid var(--sg-line2);padding-bottom:2px}
.space-guide nav a:hover{color:#f6ead0;border-color:var(--sg-gold)}
.space-guide .support-handoff{padding:11px 14px;margin:14px 0 0;background:transparent;color:var(--sg-tx2);border:1px solid var(--sg-line2);width:100%;text-align:left}

/* a beszélgetés a fejléc alá dokkol */
.space-guide.guide-open{top:86px;bottom:auto;right:20px;z-index:110}
.space-guide.guide-open #space-guide-panel{max-height:calc(100dvh - 106px);margin:0;width:min(440px,calc(100vw - 32px))}
#support-assistant.guide-relocated{display:none}.kb-help-layout:has(#support-assistant.guide-relocated){grid-template-columns:1fr}

@media(max-width:600px){.space-guide{right:12px;bottom:12px}html body .space-guide button.guide-launch{width:56px;height:56px}.guide-launch span{display:none}#space-guide-panel{margin-bottom:8px;padding:0 16px 16px}#space-guide-panel>header{margin:0 -16px;padding:14px 16px 12px}.space-guide.guide-open{top:72px;right:12px}.space-guide.guide-open #space-guide-panel{max-height:calc(100dvh - 84px)}}
@media(prefers-reduced-motion:reduce){.space-guide .sg-bot,.space-guide .sg-live,.guide-launch::after,.guide-mic.on{animation:none}}