/* Shared spacing, surfaces and interaction states for the personal advisory area. */
#compass-conversation-dialog{box-sizing:border-box;width:min(1060px,calc(100vw - 28px));max-height:94dvh;overflow:auto;padding:18px;border:1px solid var(--line);border-radius:22px;background:var(--panel);color:var(--ink);container-type:inline-size}
#compass-conversation-dialog::backdrop{background:#050a12bb;backdrop-filter:blur(5px)}
.cc-modal-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 3px 15px;font:16px system-ui,sans-serif}.cc-modal-head button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:var(--panel2);color:var(--ink);cursor:pointer}
#madKachel,#johnKachel:has([data-compass-conversation]){grid-column:1/-1;padding:22px;border-radius:22px;container-type:inline-size}
#madKachel>h3{font-family:inherit;font-size:18px;letter-spacing:-.02em;margin-bottom:18px}
.cc-archive{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.cc-archive>summary{cursor:pointer;color:var(--sub);font-size:13px;font-weight:600;padding:8px 0}
.cc-archive[open]>summary{margin-bottom:14px}
.cc-room{display:grid;grid-template-columns:minmax(230px,31%) minmax(0,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel)}
.cc-guides{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:26px 20px;background:radial-gradient(ellipse at 50% 45%,#253948,#101b27 75%);color:#f0f4fa;min-width:0}
.cc-eyebrow{font-size:10px;letter-spacing:.19em;color:#bac9d8;font-weight:700}
.cc-people{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}
.cc-person{min-width:0;text-align:center;position:relative;border:0;background:none;padding:0;cursor:pointer;color:#f0f4fa!important}
.cc-person:disabled{cursor:default}.cc-presence{display:block;margin-top:7px;font-size:10px;color:#d1c2eb;font-weight:400}
.cc-portrait{display:block;height:218px;border-radius:70px 70px 16px 16px;border:1px solid #546577;background-color:#142331;background-repeat:no-repeat;transform-origin:bottom;animation:cc-breathe 7s ease-in-out infinite}
.cc-portrait-john{background-image:url('avatar-assets/john.png');background-size:cover;background-position:50% 15%}
.cc-portrait-madeleine{background-image:url('avatar-assets/madeleine.png');background-size:auto 360%;background-position:50% 0;animation-delay:-3s}
.cc-person-name{display:block;font-size:16px;font-weight:650;margin-top:13px}
.cc-person-name span{display:block;font-size:10px;line-height:1.5;font-weight:400;color:#bac9d8;margin-top:4px}
.cc-invitation{font-size:22px;line-height:1.3;letter-spacing:-.03em;margin:0}
.cc-thinking .cc-portrait{outline:2px solid #c9aff2;outline-offset:4px;animation:cc-think 1.6s ease-in-out infinite}
.cc-dialog{display:flex;flex-direction:column;min-width:0}
.cc-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line)}
.cc-dialog-head strong{font-size:17px}.cc-dialog-head span{display:block;font-size:12px;color:var(--sub);margin-top:4px}
.cc-dialog-head label{font-size:11px;color:var(--sub)}
.cc-room select,.cc-room button,.cc-room textarea{font:inherit;color:var(--ink)}
.cc-room select{border:1px solid var(--line);background:var(--panel2);padding:8px;border-radius:8px;font-size:12px;margin-left:5px}
.cc-log{height:310px;overflow:auto;padding:22px 24px;overscroll-behavior:contain;scrollbar-width:thin}
.cc-welcome{padding:38px 4px;color:var(--sub)}.cc-welcome>span{font-size:10px;letter-spacing:.13em}.cc-welcome h4{font-size:25px;font-weight:550;color:var(--ink);letter-spacing:-.035em;margin:13px 0}.cc-welcome p{font-size:13px;line-height:1.7;margin:0}
.cc-message{padding:12px 15px;margin:0 0 12px;border-radius:12px;background:var(--panel2);border:1px solid var(--line);animation:cc-arrive .24s ease-out;overflow-wrap:anywhere}
.cc-message>b{font-size:11px;color:var(--sub)}.cc-message p{white-space:pre-wrap;font-size:14px;line-height:1.6;margin:5px 0 0}.cc-message.cc-user{margin-left:12%;background:color-mix(in srgb,var(--va) 10%,var(--panel));border-color:color-mix(in srgb,var(--va) 35%,var(--line))}.cc-message.cc-madeleine{border-left:3px solid #b58ccd}.cc-message.cc-john{border-left:3px solid #7392c9}
.cc-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:0 24px 12px}.cc-suggestions button,.cc-stop{background:transparent;border:1px solid var(--line);border-radius:20px;padding:7px 11px;font-size:11px;cursor:pointer}
.cc-compose{display:flex;align-items:flex-end;gap:12px;margin:0 24px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.cc-input-label{flex:1;min-width:0;font-size:10px;color:var(--sub)}.cc-compose textarea{display:block;width:100%;box-sizing:border-box;resize:vertical;min-height:48px;max-height:180px;border:0;background:transparent;outline:none;font-size:14px;padding:6px 0;line-height:1.5}
.cc-compose:focus-within{border-color:var(--va)}.cc-send{border:0;border-radius:9px;padding:11px 15px;background:var(--va);color:#fff!important;font-size:12px!important;font-weight:650!important;cursor:pointer}.cc-send:disabled{opacity:.45;cursor:default}
.cc-footer{min-height:40px;padding:9px 24px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-sizing:border-box}.cc-status{font-size:11px;color:var(--sub);line-height:1.5}.cc-error{color:var(--bad)}
.cc-room :focus-visible,.cc-archive summary:focus-visible{outline:2px solid var(--va);outline-offset:3px}
@keyframes cc-breathe{50%{transform:translateY(-3px)}}@keyframes cc-think{50%{outline-color:#7392c9;transform:translateY(-3px)}}@keyframes cc-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@container(max-width:700px){.cc-room{grid-template-columns:1fr}.cc-guides{padding:18px;display:grid;grid-template-columns:1fr 1.4fr;gap:12px;align-items:center}.cc-eyebrow{grid-column:1}.cc-people{grid-column:2;grid-row:1/3;margin:0;gap:14px}.cc-portrait{height:105px;border-radius:50px}.cc-person-name{font-size:13px;margin-top:8px}.cc-person-name span{display:none}.cc-invitation{font-size:19px}.cc-dialog-head{padding:16px}.cc-log{height:270px;padding:16px}.cc-suggestions{padding:0 16px 12px}.cc-compose{margin:0 16px;gap:7px}.cc-footer{padding:10px 16px}.cc-welcome{padding:25px 0}.cc-welcome h4{font-size:22px}}
@media(max-width:480px){#madKachel{padding:12px;border-radius:16px}#madKachel>h3 .cnt{display:none}.cc-dialog-head label{font-size:0}.cc-send{padding:10px}.cc-compose{margin:0 12px}.cc-guides{grid-template-columns:1fr 1.3fr}}
@media(prefers-reduced-motion:reduce){.cc-portrait,.cc-message{animation:none!important}}