body{margin:0;font-family:Verdana,Geneva,sans-serif;background:#F3EDFB;color:#2B0041}
header{background:#2B0041;color:#FBF4E8;padding:14px 20px;display:flex;align-items:center;gap:16px}
header img{width:150px;height:auto;background:#FBF4E8;border-radius:8px;padding:5px 8px}
header h1{font-family:Georgia,'Times New Roman',serif;font-size:22px;margin:0}
header p{margin:2px 0 0;font-size:12px;color:#D9C9EC}
header .ghost{margin-left:auto}
button{background:#2B0041;color:#FBF4E8;border:1px solid #C9A227;border-radius:8px;padding:9px 14px;cursor:pointer;font-size:14px}
button:hover{background:#3D0060}
button.ghost{background:transparent;color:#2B0041;border-color:#BBA8D9}
header button.ghost{color:#FBF4E8}
.card{background:#FBF4E8;border:1px solid #C9A227;border-radius:12px;padding:16px 18px;margin:18px}
.card h2{font-family:Georgia,'Times New Roman',serif;margin:0 0 8px}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
input{padding:10px 12px;border:1px solid #BBA8D9;border-radius:8px;font-size:14px;flex:1;min-width:160px;background:#fff}
.error{color:#8B1E1E}
main{display:flex;gap:0;align-items:flex-start}
aside{width:340px;max-width:40vw;padding:6px 0 18px 18px;box-sizing:border-box}
.asideHead{display:flex;align-items:center;justify-content:space-between;padding:12px 6px 8px 0}
.asideHead h2{font-family:Georgia,'Times New Roman',serif;margin:0;font-size:19px}
.conv{background:#fff;border:1px solid #D9C9EC;border-radius:10px;padding:10px 12px;margin:0 6px 8px 0;cursor:pointer}
.conv:hover{border-color:#2B0041}
.conv.sel{border-color:#C9A227;background:#FBF4E8}
.conv .who{font-weight:bold;font-size:14px}
.conv .prev{font-size:13px;color:#5B4A72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.conv .meta{font-size:11px;color:#7A6A94;margin-top:4px}
.pill{display:inline-block;background:#2B0041;color:#FBF4E8;border-radius:999px;font-size:11px;padding:1px 8px;margin-left:6px}
.pill.unread{background:#8B1E1E}
.pill.closed{background:#7A6A94}
.pill.sarah{background:#C9A227;color:#2B0041;font-weight:bold}
.pill.handoff{background:#8B1E1E;font-weight:bold}
#threadPane{flex:1;padding:6px 18px 24px 6px;min-width:0}
#threadMsgs{padding:4px 2px}
.msg{max-width:78%;padding:9px 12px;border-radius:14px;margin:0 0 9px;font-size:14px;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}
.msg.visitor{background:#fff;border:1px solid #D9C9EC;border-bottom-left-radius:4px}
.msg.operator{background:#2B0041;color:#FBF4E8;border-bottom-right-radius:4px;margin-left:auto}
.msg .when{display:block;font-size:11px;opacity:.65;margin-top:4px}
.replyRow,.leadRow{padding:6px 2px}
#visitorCard{margin:12px 2px 14px}
#visitorCard div{font-size:13px;margin:2px 0}
#leadState{font-size:13px;color:#5B4A72}
@media (max-width:760px){main{flex-direction:column}aside{width:auto;max-width:none;padding-right:18px}#threadPane{padding:6px 18px;width:100%;box-sizing:border-box}}