.chat-app{min-height:100dvh;background:#fff;color:#111}.chat-header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 20px;border-bottom:1px solid #bbb;position:sticky;top:0;background:#fff;z-index:2;flex-wrap:wrap}.chat-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:#111;padding:8px}.chat-brand img{width:40px;height:40px}.chat-main{width:100%;max-width:960px;margin:0 auto;padding:24px 18px;border-inline:1px solid #ccc;flex:1}.chat-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.chat-messages article{padding:16px;margin-block:14px;border:1px solid #bbb;border-radius:12px}.chat-messages p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}.chat-approval{border:2px solid #A71415;border-radius:10px;padding:16px;margin-block:16px}.chat-approval pre{max-height:300px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.chat-composer{display:flex;gap:10px;align-items:end;position:sticky;bottom:0;background:#fff;padding-block:16px}.chat-main dt{font-weight:700}.chat-main dd{margin:8px 0 20px}.chat-main footer{margin-top:24px;font-size:12px}.chat-activity{border:1px solid #ccc;border-radius:10px;padding:12px;margin-bottom:16px;overflow-wrap:anywhere}.chat-activity p{margin:4px 0;font-size:13px}.chat-activity ol{max-height:220px;overflow:auto}