/* Client refresh: consistent navigation and conversational demos. */
.demo-navigation{margin:14px 0 12px}.demo-location{display:block;font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.demo-navigation .demo-tabs{margin:0;gap:10px}.demo-navigation .demo-tabs button{border-radius:9px;padding:11px 17px}.demo-navigation .demo-tabs button[aria-selected="true"]{background:var(--accent);color:var(--bg);font-weight:700}
.demo-subnav{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:12px}.demo-subnav>span{display:block;font-size:11px;letter-spacing:.03em;font-weight:650;color:var(--muted);margin-bottom:8px}.demo-subnav nav,.demo-subnav .health-dashboard-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0}.demo-subnav button{font-size:12px;padding:8px 12px}.demo-subnav button[aria-pressed="true"]{border-color:var(--accent);background:var(--surface)}.demo-subnav button b{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--accent);color:var(--bg);font-size:10px}
.conversation{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel);height:420px;display:flex;flex-direction:column;box-shadow:0 12px 35px #0618380a}.conversation-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface)}.conversation-header>div{display:flex;align-items:center;gap:10px}.conversation-header strong{font-size:13px}.bot-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--accent);color:var(--bg);font-size:20px}.chat-badge{font-size:9px;border:1px solid var(--line);border-radius:20px;padding:3px 7px;color:var(--muted)}.conversation-header .secondary{padding:7px 10px;font-size:11px;min-height:32px}
.conversation-layout{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(0,1.6fr);flex:1;min-height:0}.conversation-suggestions{padding:14px;border-right:1px solid var(--line);overflow:auto}.conversation-suggestions h3{font-size:11px;letter-spacing:.03em;margin:0 0 12px;display:flex;justify-content:space-between}.conversation-suggestions h3 span{color:var(--muted)}.conversation-prompts{display:grid;gap:8px}.conversation-prompt{display:grid;grid-template-columns:20px minmax(0,1fr) auto;text-align:left;gap:8px;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:11px;line-height:1.4;font-size:12px!important;width:100%}.conversation-prompt:hover:not(:disabled){border-color:var(--accent)}.conversation-prompt .prompt-number{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:700}.conversation-prompt.answered>span:nth-child(2){text-decoration:line-through}.conversation-prompt:disabled{opacity:.6;cursor:wait}
.conversation-main{display:flex;flex-direction:column;min-width:0;min-height:0}.conversation-log{flex:1;min-height:0;overflow:auto;padding:18px;overscroll-behavior:contain;scrollbar-color:var(--accent) transparent}.conversation-log:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.chat-welcome{display:grid;align-content:center;justify-items:center;text-align:center;min-height:240px;color:var(--muted)}.chat-welcome>span{font-size:34px;color:var(--accent);margin-bottom:12px}.chat-welcome h3{font-size:18px;color:var(--ink);margin:0 0 8px}.chat-welcome p{font-size:12px;margin:0}
.conversation-message{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 18px;max-width:93%}.conversation-message.user{align-items:flex-end;margin-left:auto;max-width:82%}.message-author{font-size:9px;letter-spacing:.03em;font-weight:650;color:var(--muted);margin:0 3px 5px}.message-bubble{border:1px solid var(--line);border-radius:3px 13px 13px 13px;background:var(--surface);padding:12px 15px;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.user .message-bubble{background:var(--accent);color:var(--bg);border-color:transparent;border-radius:13px 3px 13px 13px}.message-bubble p{margin:0 0 8px;color:inherit;font-size:inherit;line-height:inherit}.message-bubble p:last-child{margin-bottom:0}.message-new{animation:message-in .3s ease both}.thinking{display:flex;align-items:center;gap:5px;margin:8px 0 18px;color:var(--muted);font-size:11px}.thinking span{margin-right:6px}.thinking i{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:thinking-dot .9s ease-in-out infinite}.thinking i:nth-of-type(2){animation-delay:.15s}.thinking i:nth-of-type(3){animation-delay:.3s}.conversation-footer{padding:10px 16px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:10px}
@keyframes message-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes thinking-dot{0%,70%,100%{opacity:.3;transform:none}35%{opacity:1;transform:translateY(-3px)}}
html[data-theme="sapphire-light"] #page-art,html[data-theme="sapphire-background"] #page-art{opacity:.38}html[data-theme="sapphire-light"] #page-art:after,html[data-theme="sapphire-background"] #page-art:after{background:linear-gradient(90deg,var(--bg) 0%,transparent 100%);opacity:.65}
@media(max-width:699px){.conversation{height:530px}.conversation-header{padding:10px}.conversation-header strong{font-size:11px}.chat-badge{display:none}.conversation-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.conversation-suggestions{padding:9px;border-right:0;border-bottom:1px solid var(--line);max-height:160px}.conversation-suggestions h3{margin-bottom:6px}.conversation-prompts{gap:5px;grid-template-columns:1fr 1fr}.conversation-prompt{font-size:10px!important;line-height:1.35;padding:8px;gap:5px;grid-template-columns:16px minmax(0,1fr) auto}.conversation-log{padding:12px}.message-bubble{font-size:12px;padding:10px}.conversation-footer{font-size:9px;padding:8px}.chat-welcome{min-height:170px}.demo-navigation .demo-tabs button{font-size:11px;padding:9px}.demo-subnav{padding:9px}.demo-subnav button{font-size:10px;padding:7px}.thinking{font-size:10px}}
@media(prefers-reduced-motion:reduce){.message-new,.thinking i{animation:none}}

.advisor-pair{position:relative;width:280px;height:245px;margin-bottom:22px}.advisor-pair>div{position:absolute;width:190px;height:190px;border-radius:50%;overflow:hidden;border:3px solid var(--bg);box-shadow:0 0 0 1px var(--line);background:var(--panel)}.pair-human{left:0;top:0}.pair-robot{right:0;bottom:0}.advisor-pair img{width:100%;height:100%;object-fit:cover;object-position:center}.advisor.human .portrait img{object-fit:cover}
@media(max-width:699px){.advisor-pair{width:210px;height:185px}.advisor-pair>div{width:145px;height:145px}}

.unified-advisor{width:min(100%,300px);aspect-ratio:1;border-radius:50%;overflow:hidden;border:1px solid var(--line);background:var(--panel);margin-bottom:22px;box-shadow:0 12px 32px #06183812}
.unified-advisor img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:699px){.unified-advisor{max-width:230px;border-radius:50%}}

#theme-select[hidden]{display:none!important}

/* Compact AI capability cards; retain room for the combined circular portrait. */
.title-subtitle{font-size:clamp(14px,1.2vw,18px);line-height:1.5;color:var(--muted);margin:16px 0 0}
.screen-head .title-subtitle{margin-top:10px}
.ai-carousel .carousel-slide{min-height:140px!important;gap:14px;padding:20px;justify-content:flex-start}
.ai-carousel .layer-bottom{margin-top:4px;padding-top:12px}
.ai-carousel .carousel-controls{margin-top:10px}
@media(max-width:760px){.ai-carousel .carousel-slide{min-height:120px!important;padding:16px}.title-subtitle{margin-top:12px}}

/* AI capabilities: automatic rotation, centered counter and larger reading text. */
.ai-carousel .carousel-controls{justify-content:center}
.ai-carousel .layer-detail h3{font-size:26px}
.ai-carousel .layer-detail p{font-size:16px;line-height:1.55;max-width:none}
.ai-carousel .layer-bottom{font-size:14px;line-height:1.5}
@media(max-width:699px){.ai-carousel .layer-detail h3{font-size:23px}.ai-carousel .layer-detail p{font-size:15px}.ai-carousel .layer-bottom{font-size:13px}}

/* Ten customers per automatic report page. */
.critical-customers{padding:16px}
.critical-customers h3{margin-bottom:10px}
.critical-customers .customer-table td{padding:6px}
.critical-customers .customer-pagination{justify-content:center;margin-top:10px}
@media(max-width:699px){
 .critical-customers .customer-table{display:table}
 .critical-customers .customer-table thead{display:table-header-group}
 .critical-customers .customer-table tbody{display:table-row-group}
 .critical-customers .customer-table tr{display:table-row}
 .critical-customers .customer-table th,.critical-customers .customer-table td{display:table-cell;font-size:8px;padding:5px 2px}
 .critical-customers .customer-table td:before{display:none}
}