:root{color:#18212f;background:#f7f8fb;font-family:Arial,Helvetica,sans-serif;font-size:15px}*{box-sizing:border-box}body{background:#f7f8fb;min-width:280px;margin:0}.app-shell{gap:14px;padding:18px;display:grid}.brand-header{border-bottom:1px solid #dfe3ea;align-items:center;gap:12px;padding-bottom:12px;display:flex}.brand-logo{flex:none;width:42px;height:42px}h1,h2,p,dl,dd{margin:0}h1{color:#18212f;font-size:22px;font-weight:700;line-height:1.1}.brand-header p{color:#5d6878;margin-top:3px;font-size:13px}.status-panel,.message-card,.agent-panel{background:#fff;border:1px solid #dfe3ea;border-radius:8px;box-shadow:0 1px 2px #18212f0f}.status-panel{color:#465365;padding:14px}.message-card{padding:14px}.message-fields{gap:12px;display:grid}.message-fields div{border-bottom:1px solid #edf0f4;gap:4px;padding-bottom:10px;display:grid}.message-fields div:last-child{border-bottom:0;padding-bottom:0}dt{color:#687487;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700}dd{overflow-wrap:anywhere;line-height:1.35}.preview-section{border-top:1px solid #dfe3ea;gap:8px;margin-top:16px;padding-top:14px;display:grid}h2{color:#18212f;font-size:15px;line-height:1.25}#bodyPreview{color:#344154;line-height:1.45}.agent-panel{border-style:dashed;gap:6px;padding:14px;display:grid}.agent-panel p{color:#5d6878;line-height:1.4}[hidden]{display:none!important}