/* D-026: a docked conversation surface; the workspace stays interactive. */
:root{--jenna-width:380px}
.jenna-panel{z-index:30;inset:14px 14px 14px auto;width:var(--jenna-width);max-width:calc(100vw - 28px);height:calc(100dvh - 28px);max-height:none;box-shadow:0 10px 36px -18px #26382f35;background:rgba(246,249,244,.96);overflow:hidden}
.jenna-panel[open]{display:flex;flex-direction:column}
.jenna-panel::backdrop{background:transparent;backdrop-filter:none}
.jenna-panel>header{flex-shrink:0;padding:20px 22px 12px;border:0}
.jenna-header-actions{display:flex;gap:6px}.jenna-header-actions .icon-btn{width:32px;height:32px}
.jenna-heading h2{margin:0;font-size:19px}.jenna-event{margin:0;padding:0 22px 14px;font-size:11px;line-height:1.5;flex-shrink:0;max-height:48px;overflow:hidden}
.jenna-tabs{display:flex;gap:4px;padding:4px;margin:0 20px 12px;border-radius:14px;background:rgba(207,214,196,.35);flex-shrink:0}
.jenna-tabs button{flex:1;display:flex;justify-content:center;align-items:center;gap:8px;border:0;background:transparent;padding:10px;border-radius:10px;font-size:12px;font-weight:600}
.jenna-tabs button[aria-selected=true]{background:#ffffffb8;box-shadow:0 3px 8px #26382f0c}
.jenna-live-dot{width:7px;height:7px;border-radius:50%;background:#458467}.jenna-live-dot[hidden]{display:none}
.jenna-panel>.jenna-notice{margin:0 22px 10px;flex-shrink:0;font-size:12px}
.jenna-pane{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.jenna-pane[hidden]{display:none}
.jenna-messages{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 20px 12px;scrollbar-width:thin}
.jenna-message{padding:13px 15px;margin:8px 0;background:#ffffffb3;border:1px solid #ffffffa0;border-radius:16px}
.jenna-message.user{margin-left:24px;background:#daebe399}.jenna-message.assistant{margin-right:12px}.jenna-message b{font-size:10px;letter-spacing:.6px;color:var(--muted)}.jenna-message p{font-size:13px;line-height:1.7}
.jenna-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:190px;height:100%;padding:30px 12px;color:var(--muted)}.jenna-empty>.icon{width:28px;height:28px;margin-bottom:18px}.jenna-empty h3{font-size:17px;font-weight:600;color:var(--ink);margin-bottom:10px}.jenna-empty p{font-size:12px;line-height:1.8;max-width:260px}
.jenna-chat-form{flex-shrink:0;gap:10px;margin:0;padding:14px 20px;border-top:1px solid var(--line)}.jenna-chat-form textarea{min-height:78px;max-height:160px;resize:vertical;line-height:1.6;font-size:13px}
.jenna-chat-form button{justify-self:end;min-width:84px}.jenna-voice-state{padding:0 22px 12px;flex-shrink:0;font-size:12px}.jenna-voice-state small{display:block;margin-top:6px;font-size:10px;color:var(--muted)}
.jenna-voice-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:16px 20px;border-top:1px solid var(--line);flex-shrink:0}.jenna-voice-controls .btn{font-size:12px}.jenna-voice-controls [hidden]{display:none}
#jenna-audio{padding:0 20px 10px;flex-shrink:0}#jenna-audio[hidden]{display:none}#jenna-audio audio{width:100%;height:30px}#jenna-audio:has(audio[hidden]){display:none}
.jenna-privacy{margin:0 20px;padding:12px 0 16px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);flex-shrink:0;max-height:35%;overflow:auto}.jenna-privacy summary{cursor:pointer}.jenna-privacy label{margin-top:12px}.jenna-privacy p{margin-top:10px;line-height:1.65;font-size:11px}
#jenna-settings-dialog{width:min(540px,calc(100vw - 28px))}.jenna-account-settings{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.jenna-account-settings p{margin:8px 0 12px;font-size:12px;color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(min-width:761px){
 .jenna-open .main{margin-right:calc(var(--jenna-width) + 14px);padding-right:22px}
 .sidebar-collapsed .sidebar{width:var(--sidebar)}
 .jenna-open .topbar{flex-wrap:wrap;align-content:center;gap:10px;padding:16px 0;min-height:86px}
 .jenna-open .topbar-right{flex-wrap:wrap;gap:7px}
 .jenna-open .breadcrumb{font-size:11px}
 .jenna-open .main{container-type:inline-size;container-name:workspace}
}
@container workspace (max-width:850px){
 .pair-layout{grid-template-columns:minmax(0,1fr) 200px;gap:12px}.pair-grid{grid-template-columns:1fr}.event-banner{flex-wrap:wrap}.content-grid{grid-template-columns:1fr}.metrics,.pair-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.lifecycle-grid{grid-template-columns:1fr}.pair-actions{gap:7px}
}
@container workspace (max-width:620px){
 .pair-layout{display:flex;flex-direction:column}.pair-pool{position:static!important;order:-1;max-height:210px;width:100%}.pair-grid{width:100%}.pair-search,.pair-toolbar-top{flex-wrap:wrap}.page-heading{flex-wrap:wrap}.heading-actions{flex-wrap:wrap}.event-banner{display:block}.event-banner-right{margin-top:14px}.event-meta{flex-wrap:wrap}.event-banner-right .date-tile{display:none}.side-column,.stat-row,.report-grid,.lifecycle-grid{grid-template-columns:1fr}.topbar-right .language-picker{gap:5px}.topbar-right .language-picker>span{display:none}.breadcrumb{width:100%}
}
@media(max-width:1000px) and (min-width:761px){:root{--jenna-width:330px}.jenna-open .main{padding-left:16px;padding-right:16px}}
@media(max-width:760px){.jenna-panel{inset:0;width:100vw;max-width:100vw;height:100dvh;border-radius:0;border:0;padding-bottom:env(safe-area-inset-bottom)}body.jenna-mobile-open{overflow:hidden}}
@media print{.jenna-open .main{margin-right:0}.jenna-panel{display:none!important}}

/* D-027: opt-in context and a separate, non-intercepting visual pointer. */
.jenna-page-consent{padding:0 20px 12px;flex-shrink:0;font-size:12px}.jenna-page-consent label{display:flex;gap:8px;align-items:center}.jenna-page-consent small{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:5px}
.jenna-guide{position:fixed;inset:0;z-index:45;pointer-events:none}.jenna-guide[hidden]{display:none}
.jenna-guide-ring{position:fixed;border:2px solid #568c87;border-radius:16px;box-shadow:0 0 0 5px #99cdd833;background:#99cdd810}
.jenna-guide-pointer{position:fixed;color:#315954;font-size:19px;filter:drop-shadow(0 2px 3px #fff)}.jenna-guide-pointer b{font-size:10px;background:#daebe3;padding:4px 7px;border-radius:8px}
.jenna-guide-note{position:fixed;pointer-events:auto;border:1px solid #fff;border-radius:16px;background:#f6f9f4f5;backdrop-filter:blur(16px);box-shadow:0 6px 24px #26382f30;padding:14px;font-size:12px;line-height:1.6;max-height:40dvh;overflow:auto}.jenna-guide-note p{margin:6px 0 10px;white-space:pre-wrap}.jenna-guide-note>div{display:flex;gap:8px}.jenna-guide-note button{border:1px solid #65716644;border-radius:8px;background:#daebe3;padding:6px 9px;font-size:11px}.jenna-guide-note button[hidden]{display:none}
@media(max-width:760px){.jenna-panel.jenna-guiding{inset:auto 8px 8px;height:auto;max-height:80px;width:calc(100vw - 16px)}.jenna-panel.jenna-guiding>:not(header){display:none}.jenna-panel.jenna-guiding>header{padding:12px 16px}}
@media(prefers-reduced-motion:reduce){.jenna-guide *{transition:none}}

/* Personal, non-technical help controls are reached through the panel gear. */
.jenna-context-note{margin:0 22px 12px;color:var(--muted);font-size:11px;line-height:1.6;flex-shrink:0}
.jenna-help-settings{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 22px 22px}
.jenna-help-settings[hidden],.jenna-panel .jenna-tabs[hidden],.jenna-context-note[hidden]{display:none}
.jenna-help-settings h3{margin:0 0 10px;font-size:18px}.jenna-help-settings h3:focus{outline:none}
.jenna-help-intro,.jenna-help-description,.jenna-help-session-note{font-size:12px;line-height:1.7;color:var(--muted)}
.jenna-help-option{display:flex;align-items:flex-start;gap:10px;margin-top:24px;font-size:13px;font-weight:600;line-height:1.5}
.jenna-help-option input{width:17px;height:17px;flex-shrink:0;margin-top:2px;accent-color:var(--sage)}
.jenna-help-description{margin:7px 0 0 27px}.jenna-help-session-note{margin:24px 0 16px}
.jenna-help-settings .jenna-privacy{margin:0 0 18px;max-height:none}.jenna-help-settings>.btn{width:100%}
.jenna-preferences-open [data-jenna=help-settings]{background:#daebe3}
@media(max-width:760px){.jenna-panel.jenna-guiding.jenna-preferences-open{inset:0;width:100vw;height:100dvh;max-height:none;border-radius:0}.jenna-panel.jenna-guiding.jenna-preferences-open>.jenna-help-settings:not([hidden]){display:block}}
