#chatView{background:linear-gradient(160deg,#fffcf8,#fff 60%,#f9f5ff)}
#chatView .section-head{max-width:1240px;margin:auto;padding:26px 24px 0}
#chatView .section-head h2{font-size:clamp(24px,3vw,34px);letter-spacing:-.03em}
#chatView .section-head p{margin-top:4px;color:#775c73}
#chatView .chat-wrap{display:grid;grid-template-columns:minmax(290px,350px) minmax(0,1fr);gap:18px;max-width:1240px;padding:20px 24px 28px;align-items:stretch}
#chatView .ibx{margin:0;padding:16px;background:#fff;border:1px solid #ede7dd;border-radius:24px;box-shadow:0 12px 34px #5939200c;gap:12px}
#chatView .ibx-filters{gap:7px}
#chatView .ibx-filter{min-height:36px;padding:6px 11px;background:#fcfbf9;border-color:#f1ece4;color:#754262}
#chatView .ibx-filter[aria-pressed=true]{background:#694326;color:white;border-color:#694326;box-shadow:0 4px 12px #69432630}
#chatView .ibx-filter[hidden]{display:none}
#chatView .ibx-tools input{background:#faf8fb;border-color:#e9d9e6}
#chatView .ibx .thread-list{max-height:min(68vh,710px);overflow:auto;gap:8px}
#chatView .thread{min-height:78px;padding:11px;gap:11px;border-color:#eee2ec;border-radius:17px;transition:background .15s,border-color .15s,transform .15s}
#chatView .thread:hover{background:#fffcf7;border-color:#dfccaf;transform:translateY(-1px)}
#chatView .thread:focus-visible{outline:3px solid #b46c23;outline-offset:2px}
#chatView .thread.active{background:#faf4ed;border-color:#b78655;box-shadow:inset 4px 0 #a96929}
#chatView .thread.unread{background:#fffbf4}
#chatView .thread img,#chatView .thread-heart{width:48px;height:48px;flex-basis:48px;background:#f5eee4;border:2px solid #fff;box-shadow:0 2px 9px #5e36171a}
#chatView .thread-text strong{font-size:14px;color:#3c2341}
#chatView .thread-text small{margin-top:4px;font-size:12px;line-height:1.35}
#chatView .thread-profile{display:block;font-style:normal;font-size:11px;font-weight:800;color:#a4713d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#chatView .thread-meta{display:grid;justify-items:end;gap:5px;flex:0 0 auto;align-self:stretch;align-content:center}
#chatView .thread-meta time{font-size:10px;color:#866b7c;white-space:nowrap}
#chatView .thread-meta em{font-size:10px;font-weight:800;font-style:normal;color:#926231;background:#f9f1e7;border-radius:99px;padding:3px 7px}
#chatView .chat-card{display:flex;flex-direction:column;min-height:550px;border:1px solid #dfcee2;border-radius:24px;background:#fff;box-shadow:0 16px 45px #55392417}
#chatView .chat-head{min-height:83px;padding:16px 20px;background:linear-gradient(110deg,#503723,#815830);gap:13px}
#chatView .chat-head .avatar,#chatView .chat-monogram{width:50px;height:50px;border-radius:17px;flex:0 0 50px;object-fit:cover;background:#ffffff20;border:1px solid #ffffff70;display:grid;place-items:center;color:#fef4e5;font-size:25px}
#chatView .chat-head strong{font-size:16px;line-height:1.25}
#chatView .chat-head small{display:block;margin-top:3px;color:#f4e8d7;font-size:12px}
#chatView .messages{flex:1;min-height:370px;max-height:min(68vh,710px);padding:23px;gap:14px;background:radial-gradient(circle at 14% 22%,#fffbf6 0,transparent 42%),#fcf9fd}
#chatView .bubble{display:flex;flex-direction:column;gap:5px;max-width:min(82%,470px);padding:11px 15px;border-radius:18px;font-size:14px;line-height:1.45;overflow-wrap:anywhere;box-shadow:0 3px 12px #3922380e}
#chatView .bubble.assistant{align-self:flex-start;background:#fff;color:#3d2943;border:1px solid #f0ebe2;border-bottom-left-radius:5px}
#chatView .bubble.user{align-self:flex-end;background:linear-gradient(145deg,#a3672b,#764d24);color:#fff;border-bottom-right-radius:5px}
#chatView .bubble-sender{font-size:11px;font-weight:900;letter-spacing:.02em;color:#9e6c39}
#chatView .bubble.user .bubble-sender{color:#fef3e1}
#chatView .bubble-time{align-self:flex-end;font-size:10px;color:#947f91}
#chatView .bubble.user .bubble-time{color:#fef4e5}
#chatView .bubble.system{max-width:100%;align-self:center;background:#fffaf3;color:#a56423}
#chatView .chat-form{padding:15px 18px;background:#fff;box-shadow:0 -4px 16px #51352008;gap:10px}
#chatView .chat-card .chat-form input{min-height:48px;border:1px solid #e3dbd0;border-radius:14px;background:#fbf8fb;padding:11px 14px}
#chatView .chat-card .chat-form input:focus{outline:2px solid #bb9a69;outline-offset:1px}
#chatView .chat-card .chat-form button{min-width:84px;border-radius:14px;background:#8e5b28}
#chatView .chat-wrap>.helper{grid-column:2;margin:0 4px!important}
@media(max-width:780px){#chatView .section-head{padding:18px 14px 0}#chatView .chat-wrap{grid-template-columns:minmax(0,1fr);gap:12px;padding:14px}#chatView .ibx{padding:13px;border-radius:18px}#chatView .ibx .thread-list{max-height:280px}#chatView .chat-card{min-height:490px;border-radius:18px}#chatView .messages{min-height:290px;max-height:52vh;padding:16px}#chatView .chat-wrap>.helper{grid-column:1}}