/* Product navigation: the only left rail is the conversation list inside Chat. */
:root{--shell-height:72px}
.product-header{height:var(--shell-height);display:flex;align-items:center;gap:34px;padding:0 32px;background:#fffcff;border-bottom:1px solid #e8e1ef;position:relative;z-index:5}
.product-header .brand{margin:0;white-space:nowrap;font-size:20px;gap:10px}
.product-header .mark{width:38px;height:38px;font-size:20px}
.product-nav{display:flex;align-items:center;gap:5px;min-width:0}
.product-nav a,.admin-menu-panel a{display:block;color:#655a70;border-radius:10px;padding:9px 13px;white-space:nowrap;font-size:13px}
.product-nav a:hover,.admin-menu-panel a:hover{background:#f5eef9}
.product-nav a.active,.admin-menu-panel a.active{color:#715499;background:#ece5f6;font-weight:650;box-shadow:none}
.product-account{display:flex;align-items:center;gap:12px;margin-left:auto;white-space:nowrap}
.product-account .connection{border:0;margin:0;padding:0;color:#9b90a4;font-size:11px}
.product-account .account-badge{display:inline-block;margin:0;padding:7px 11px;background:#f1eefb;border-radius:9px;color:#665579;font-size:12px}
.admin-menu{position:relative;margin:0}
.admin-menu summary{list-style:none;cursor:pointer;color:#665579;font-size:12px;padding:8px 10px;border-radius:9px}
.admin-menu summary::-webkit-details-marker{display:none}
.admin-menu[open] summary,.admin-menu summary:hover{background:#f1eaf8}
.admin-menu-panel{position:absolute;right:0;top:calc(100% + 9px);width:160px;padding:7px;background:#fff;border:1px solid #e8deef;border-radius:12px;box-shadow:0 10px 30px #4f3e621c}
.radar-summary{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.radar-summary svg{width:min(240px,100%);height:220px;overflow:visible}
.radar-summary svg text{font:12px sans-serif;fill:#594c68}
.radar-grid{fill:none;stroke:#e6dced;stroke-width:1}
.radar-shape{fill:#af86dd55;stroke:#8357ba;stroke-width:2}
.radar-legend{display:flex;flex-wrap:wrap;gap:8px}
.radar-legend span{background:#f4edfa;border-radius:999px;padding:5px 10px;color:#59446e;font-size:13px}
main{margin:0 auto;max-width:1500px}
main.chat-page{height:calc(100dvh - var(--shell-height));padding:14px;max-width:none}
.signed-out .product-header{display:none}
.signed-out main{min-height:100dvh}
@media(max-width:800px){
  :root{--shell-height:108px}
  .product-header{height:var(--shell-height);padding:9px 15px;gap:4px 12px;flex-wrap:wrap;align-content:center}
  .product-header .brand{font-size:17px}
  .product-header .mark{width:32px;height:32px;font-size:17px}
  .product-account{margin-left:auto}
  .product-account .connection{display:none}
  .product-nav{order:3;width:100%;overflow-x:auto;gap:2px}
  .product-nav a{font-size:12px;padding:7px 10px}
  main.chat-page{height:calc(100dvh - var(--shell-height));min-height:0;padding:8px}
}
.person-nav { display:flex; flex-wrap:wrap; align-items:center; gap:.4rem; margin:.3rem 0 1.1rem; padding:.45rem; border:1px solid var(--line, #ddd); border-radius:14px; background:var(--card, #fff); }
.person-nav a { padding:.5rem .7rem; border-radius:9px; text-decoration:none; white-space:nowrap; }
.person-nav a.active { background:#eee5f7; color:#552b78; font-weight:700; }
.share-option { display:flex; align-items:flex-start; gap:.75rem; padding:.8rem; margin:.6rem 0; border:1px solid #dcd4e8; border-radius:12px; }
.share-option input { margin-top:.2rem; }
.share-option span { display:grid; gap:.25rem; }
.public-detail > summary { cursor:pointer; font-weight:700; }
.public-detail[open] > summary { margin-bottom:1rem; }
.summary-person { max-width:780px; }
@media (max-width:700px) { .person-nav { overflow-x:auto; flex-wrap:nowrap; } }
.interaction-prompts{margin-bottom:18px}
.interaction-history{display:block;padding:12px 15px;border:1px solid #e4dced;border-radius:12px;background:#fcf9ff;color:#3f344b}
.interaction-history small{display:block;margin-top:3px}
.interaction-observer{border-color:#d8c7e9;background:linear-gradient(140deg,#fff,#faf6ff)}
.interaction-transcript{display:grid;gap:13px;max-height:68vh;overflow-y:auto;padding:4px 3px 20px;margin-bottom:16px}
.interaction-line{max-width:min(78%,740px);padding:13px 17px;border-radius:15px 15px 15px 4px;background:#f2ecf9;border:1px solid #e4d8ee}
.interaction-line.side-b{justify-self:end;border-radius:15px 15px 4px 15px;background:#f8eff5;border-color:#eedee9}
.interaction-line strong{display:inline-block;margin-right:10px;color:#61458a}
.interaction-line small{font-size:11px}
.interaction-line p{margin:7px 0 0}
.interaction-event{justify-self:center;max-width:700px;padding:11px 17px;background:#fff9ec;border:1px solid #eadfbe;border-radius:12px;text-align:center}
.interaction-event p{margin:2px 0 0}
@media(max-width:700px){.interaction-line{max-width:94%}.interaction-transcript{max-height:none}}