/* Immersive practice view: keep the conversation above the fold and make side tools optional. */
body.trainingMode>.topbar{min-height:54px;padding-top:8px;padding-bottom:8px}
body.trainingMode>.topbar .topHint{display:none}
body.trainingMode main{margin-top:12px}
body.trainingMode #portalNav{display:none!important}
body.trainingMode .portalStatus{min-height:0;margin:0}
body.trainingMode #game .workbench{gap:14px!important}
body.trainingMode #game .questHud{min-height:64px!important;padding-top:12px!important;padding-bottom:34px!important;grid-template-columns:auto minmax(300px,1fr) auto auto auto!important}
.leaveTrainingBtn{margin:0!important;padding:8px 12px!important;border:1px solid #ffffff2b!important;background:#ffffff0d!important;color:#d5e8e3!important;white-space:nowrap;font-size:12px!important}
#permissionExplorer.isCollapsed .chapterGrid{display:none}
#permissionExplorer.isCollapsed{padding:12px 18px!important}
#permissionExplorer .explorerHeading{margin:0}
.explorerToggle{margin-left:auto;padding:7px 11px!important;border:1px solid #66828d!important;background:#23495a!important;color:#eef8f6!important;font-size:12px!important}
.fieldPanelControls{display:flex;gap:6px;align-items:center;margin-left:8px}
.fieldPanelControls button{padding:7px 9px!important;border:1px solid #d1dfdc!important;background:#f6faf9!important;color:#476761!important;font-size:11px!important;white-space:nowrap}
.judgmentSnapshot{display:grid;gap:9px;margin:8px 0 12px}
.judgmentSnapshot>div{padding:10px 11px;border:1px solid #e6dcc1;border-radius:10px;background:#fff}
.judgmentSnapshot small,.judgmentSnapshot b{display:block}.judgmentSnapshot small{color:#8a7952;font-size:10px}.judgmentSnapshot b{margin-top:3px;font-size:13px}.judgmentSnapshot p{margin:4px 0 0;color:#4d5e5b;font-size:12px;line-height:1.55}
.editJudgmentBtn{width:100%;margin-bottom:8px!important;background:#8b7137!important;font-size:12px!important}
.judgmentPanel:not(.isEditing)>label,.judgmentPanel:not(.isEditing)>.judgmentTip{display:none!important}
.fieldIdentity{position:relative}.customerPresence{position:absolute;right:10px;top:10px;padding:4px 8px;border-radius:999px;background:#e6f1ee;color:#396c62;font-size:10px;font-weight:800}.fieldIdentity[data-presence="open"] .customerPortrait{box-shadow:0 0 0 3px #69bda2,0 8px 20px #174c4030}.fieldIdentity[data-presence="cool"] .customerPortrait{filter:saturate(.72);box-shadow:0 0 0 3px #b7c4c7}
.customerTyping{display:flex;align-items:center;gap:5px;width:max-content;max-width:80%;margin:10px 0 10px 52px;padding:11px 15px;border:1px solid #d9e5e2;border-radius:16px 16px 16px 5px;background:#fff;color:#637a75;font-size:12px}.customerTyping i{width:6px;height:6px;border-radius:50%;background:#4a9887;animation:typingDot 1.1s infinite}.customerTyping i:nth-child(2){animation-delay:.16s}.customerTyping i:nth-child(3){animation-delay:.32s}.customerTyping span{margin-left:5px}@keyframes typingDot{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.storyEvent{margin:18px auto;padding:14px 18px;width:min(88%,680px);border:1px solid #dcc174;border-radius:14px;background:linear-gradient(120deg,#fff5d4,#fffdf7);box-shadow:0 8px 22px #66491414}.storyEvent small,.storyEvent b{display:block}.storyEvent small{color:#987325;font-size:10px;font-weight:900;letter-spacing:.08em}.storyEvent b{margin-top:5px;color:#4e442d}.storyEvent p{margin:5px 0 0;color:#6c6043;font-size:13px}
.customerTimeline{position:relative;margin:14px 0 18px;padding-left:24px}.customerTimeline:before{content:"";position:absolute;left:7px;top:7px;bottom:7px;width:2px;background:#cfe0da}.timelineItem{position:relative;margin:0 0 12px;padding:12px 14px;border:1px solid #dce7e3;border-radius:11px;background:#fff}.timelineItem:before{content:"";position:absolute;left:-23px;top:17px;width:10px;height:10px;border:3px solid #f7faf9;border-radius:50%;background:#438b7b}.timelineItem.real:before{background:#bc8e35}.timelineItem small,.timelineItem b{display:block}.timelineItem small{color:#748680;font-size:10px}.timelineItem b{margin:3px 0;font-size:13px}.timelineActions{display:flex;gap:7px;margin-top:8px}.timelineActions button{padding:6px 9px!important;font-size:10px!important}
.reviewCompass{position:sticky;top:8px;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0 18px;padding:9px;border:1px solid #c9ddd7;border-radius:16px;background:#eff7f4eF;backdrop-filter:blur(12px);box-shadow:0 10px 28px #173f3815}.reviewCompass button{min-width:0;padding:11px 13px!important;border:1px solid #d5e4df!important;background:#fff!important;color:#244b43!important;text-align:left}.reviewCompass small,.reviewCompass b{display:block}.reviewCompass small{color:#548074;font-size:9px;letter-spacing:.08em}.reviewCompass b{margin-top:4px;overflow:hidden;font-size:12px;white-space:nowrap;text-overflow:ellipsis}
body.hideIntelPanel #game .intelPanel{display:none!important}
body.hideIntelPanel #game .workbench{grid-template-columns:minmax(640px,1fr) minmax(240px,270px)!important}
body.hideIntelPanel #game .chat{grid-column:1!important}
body.hideIntelPanel #game .judgmentPanel{grid-column:2!important}
body.hideJudgmentPanel #game .judgmentPanel{display:none!important}
body.hideJudgmentPanel #game .workbench{grid-template-columns:minmax(220px,250px) minmax(640px,1fr)!important}
body.hideJudgmentPanel #game .intelPanel{grid-column:1!important}
body.hideJudgmentPanel #game .chat{grid-column:2!important}
body.hideIntelPanel.hideJudgmentPanel #game .workbench{grid-template-columns:minmax(0,1fr)!important}
body.hideIntelPanel.hideJudgmentPanel #game .chat{grid-column:1!important}
.roundFeedback summary{display:flex;align-items:center;gap:8px}.roundFeedback summary:before{content:"";width:8px;height:8px;border-radius:50%;background:#8ca49f}.roundFeedback.feedback-progress summary:before{background:#29927e}.roundFeedback.feedback-risk summary:before{background:#b66655}
@media(max-width:1250px){.fieldPanelControls{order:5;width:100%;margin:7px 0 0}.chatHeader{flex-wrap:wrap}}
@media(max-width:820px){body.trainingMode>.topbar{display:none}.fieldPanelControls{display:none}body.hideIntelPanel #game .workbench,body.hideJudgmentPanel #game .workbench,body.hideIntelPanel.hideJudgmentPanel #game .workbench{grid-template-columns:1fr!important}.leaveTrainingBtn{display:block;margin-top:8px!important}.judgmentPanel:not(.isEditing)>label{display:block!important}.reviewCompass{position:static;grid-template-columns:1fr}}