.agent-panel { background: #fcfcfd; box-shadow: -12px 0 60px #18294412; }
.agent-panel-header { background: #fff; padding: 22px 24px; border-bottom: 1px solid #eceef2; }
.agent-eyebrow { font-size: 10px; font-weight: 600; letter-spacing: .12em; color: #8a92a1; text-transform: uppercase; }
.agent-orb { display: grid; place-items: center; width: 40px; height: 40px; flex-shrink: 0; border: 1px solid #e1e8f6; border-radius: 13px; background: linear-gradient(145deg, #fff, #edf3ff); box-shadow: 0 3px 8px #17325608; }
.agent-orb img { width: 23px; height: 23px; }
.agent-question { margin-left: 36px; padding: 14px 18px; border: 1px solid #e7eaf0; border-radius: 18px 18px 5px 18px; background: #f0f3f8; font-size: 14px; line-height: 1.65; color: #263246; white-space: pre-wrap; }
.agent-answer { font-size: 14px; line-height: 1.85; color: #253044; overflow-wrap: anywhere; }
.agent-answer p + p, .agent-answer ul, .agent-answer ol { margin-top: 14px; }
.agent-answer li { margin-left: 20px; padding-left: 3px; list-style: disc; }
.agent-answer ol li { list-style: decimal; }
.agent-answer h2, .agent-answer h3, .agent-answer h4 { margin-top: 18px; font-size: 15px; font-weight: 600; }
.agent-answer a { text-decoration: underline; text-underline-offset: 3px; }
.agent-checks { border: 1px solid #e7ebf2; border-radius: 12px; background: #fff; padding: 10px 12px; font-size: 12px; color: #718096; }
.agent-checks summary { cursor: pointer; color: #526079; }
.agent-composer { padding: 12px; border: 1px solid #dfe5ef; border-radius: 18px; background: #fff; box-shadow: 0 4px 16px #1c345b08; }
.agent-composer textarea { border: 0; background: transparent; box-shadow: none; resize: vertical; min-height: 76px; }
.agent-composer:focus-within { border-color: #8faee4; box-shadow: 0 0 0 3px #eaf1ff; }
.agent-starter { display: flex; align-items: center; justify-content: flex-start; width: 100%; height: auto; min-height: 52px; padding: 15px 17px; border: 1px solid #e5eaf3; border-radius: 14px; background: white; box-shadow: none; text-align: left; font-size: 13px; font-weight: 500; color: #35445c; transition: border-color .15s, background .15s; }
.agent-starter:hover { background: #f7faff; border-color: #9db7e6; }
@media (max-width: 480px) { .agent-panel-header { padding: 17px 18px; } .agent-orb { width: 34px; height: 34px; border-radius: 11px; } .agent-question { margin-left: 16px; } }