.overview-grid{align-items:start}
.score-column{min-width:0}
.messages-panel{display:flex;flex-direction:column;padding:0;overflow:hidden;border:1px solid #cbd2c4;box-shadow:0 12px 30px #2334260b;background:#fcfaf5;margin-top:24px;border-radius:18px}
.chat-header{display:flex;align-items:center;gap:12px;padding:20px;background:#eeeede;border-bottom:1px solid #dadfcf}
.chat-header h2{font:600 17px var(--sans);margin:0 0 4px}
.chat-header p{font-size:12px;color:#627067;margin:0}
.chat-avatar{flex:none;width:40px;height:40px;background:#476b84;color:white;border-radius:50%;display:grid;place-items:center;font:17px Georgia}
.chat-lock{margin-left:auto;color:#708260}
.message-list{height:370px;max-height:370px;overflow-y:auto;padding:22px 18px;gap:16px;overscroll-behavior:contain;scrollbar-width:thin}
.message-bubble{max-width:86%;padding:12px 15px;background:#e7e9e1;border-radius:19px 19px 19px 5px;flex-shrink:0}
.message-bubble.mine{background:#476b84;color:white;border-radius:19px 19px 5px 19px}
.message-bubble p{font-size:15px;line-height:1.55;margin:4px 0 7px}
.message-bubble strong{font-size:11px;color:#586759}
.message-bubble time{display:block;font-size:10px;color:#667469}
.message-bubble.mine strong,.message-bubble.mine time{color:#e0e9ed}
.chat-empty{margin:auto;padding:24px 12px;max-width:290px;text-align:center;color:#6d786d;font-size:14px;line-height:1.7}
#message-form{display:flex;align-items:flex-end;gap:10px;border-top:1px solid #e1e4d8;padding:15px;background:#fffdf8}
#message-form label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
#message-form textarea{min-width:0;min-height:46px;max-height:140px;padding:13px 16px;margin:0;border:1px solid #ccd3c5;border-radius:23px;background:white;font-size:16px;line-height:1.3;resize:vertical}
#send-message{border-radius:50%;width:44px;height:44px;min-width:44px;padding:10px;display:grid;place-items:center;background:#476b84;color:white}
#send-message svg{width:24px;height:24px}
#message-status{margin:0;padding:0 18px;font-size:12px}
#message-status:empty{display:none}
.messages-panel .chat-footnote{text-align:center;font-size:10px;margin:0;padding:8px 15px 12px;color:#69766b;background:#fffdf8}
.demo-chat-note{padding:12px 18px;margin:0!important;background:#f0e4cc;font-size:12px!important;color:#655334!important;line-height:1.5}
.demo-directory-note{grid-column:1/-1;font-size:12px;line-height:1.5;color:#647162;margin:0}
#older-messages{border:0;background:none;color:#476b84;text-decoration:underline;padding:12px;font:inherit;font-size:12px;cursor:pointer}
@media(max-width:760px){.messages-panel{padding:0}.message-list{height:320px}.chat-header{padding:16px}}
.connected-detail{margin-top:24px;padding:22px;border-top:3px solid var(--area-color);box-shadow:0 8px 24px #23342609;transition:border-color .2s}
.area-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.area-heading h2{font:30px var(--serif);margin:5px 0}
.area-heading>strong{font:26px Georgia;color:var(--area-color);white-space:nowrap}
.connected-detail .eyebrow{margin:0 0 8px}
.connected-detail .answer-row{font-size:13px;padding:12px 0;gap:16px;line-height:1.45}
.connected-detail .answer-row:last-child{border-bottom:0}
.connected-detail .answer-row strong{font-size:19px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.connected-detail{padding:18px;margin-top:18px}.dashboard-wheel{width:min(100%,280px)}.wheel-caption{font-size:14px;margin-top:16px}}