.met-chat{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);border:1px solid #ddd7cb;border-radius:16px;overflow:hidden;background:#fff;height:min(70vh,720px);min-height:430px}
.met-chat__sidebar{border-right:1px solid #e7e2d8;padding:16px;display:flex;flex-direction:column;gap:10px;min-height:0}
.met-chat__sidebar label{font-size:13px;font-weight:600}.met-chat__sidebar input{width:100%;padding:11px;border:1px solid #ddd7cb;border-radius:9px}
.met-chat__new{padding:10px;background:#1c1c1c;color:white;border:0;border-radius:9px;cursor:pointer}
.met-chat__list{overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:4px}
.met-chat__thread{text-align:left;border:0;border-radius:10px;padding:12px;background:transparent;display:flex;flex-direction:column;gap:5px;cursor:pointer;color:inherit}
.met-chat__thread:hover,.met-chat__thread.is-selected{background:#f0f1f4}.met-chat__thread small{color:#737373;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}
.met-chat__main{display:flex;flex-direction:column;min-width:0;min-height:0}.met-chat__header{padding:18px;border-bottom:1px solid #e7e2d8;display:flex;flex-direction:column;gap:3px}.met-chat__header span{font-size:12px;color:#777}
.met-chat__messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;min-height:0}
.met-chat__bubble{max-width:82%;align-self:flex-start;background:#f2f1ee;border-radius:12px;padding:11px 14px;overflow-wrap:anywhere}.met-chat__bubble.is-mine{align-self:flex-end;background:#dbeafe}.met-chat__bubble small{color:#5a6470;font-size:11px}.met-chat__bubble p{margin:4px 0 0;white-space:pre-wrap}
.met-chat__form{border-top:1px solid #e7e2d8;padding:12px;display:flex;gap:8px;align-items:end}.met-chat__form textarea{flex:1;resize:vertical;min-height:44px;max-height:140px;padding:10px;border-radius:8px;border:1px solid #ddd7cb}.met-chat__feedback{font-size:12px;color:#c2410c;padding:0 12px}
.met-chat__dialog{border:1px solid #ddd7cb;border-radius:16px;padding:20px;min-width:min(430px,90vw);max-height:80vh}.met-chat__dialog form{display:flex;flex-direction:column;gap:12px}.met-chat__dialog input{padding:10px;border-radius:8px;border:1px solid #ddd7cb}.met-chat__users{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.met-chat__users button{padding:10px;border:0;border-radius:8px;text-align:left;background:#f4f4f4;cursor:pointer}
@media(max-width:700px){.met-chat{grid-template-columns:1fr;height:auto;min-height:680px}.met-chat__sidebar{border-right:0;border-bottom:1px solid #eee;max-height:240px}.met-chat__main{height:440px}}

.met-chat__badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;margin-left:auto;border-radius:20px;background:#dc2626;color:#fff;font-size:12px;font-weight:700}
.met-chat__badge[hidden]{display:none!important}
.met-chat__thread strong{display:flex;align-items:center;justify-content:space-between;gap:8px}
.met-chat__thread-count{background:#dc2626;color:#fff;border-radius:99px;padding:2px 7px;font-size:11px}
.met-chat__toasts{position:fixed;bottom:22px;right:22px;z-index:20000;display:flex;flex-direction:column;gap:9px;max-width:min(390px,calc(100vw - 32px))}
.met-chat__toast{display:flex;gap:10px;align-items:center;padding:15px 16px;background:#1c1c1c;color:#fff;border-radius:12px;box-shadow:0 12px 35px #0003;font-size:13px}
.met-chat__toast span{flex:1}.met-chat__toast button{background:#fff;color:#111;border:0;border-radius:6px;padding:7px 10px;cursor:pointer;white-space:nowrap}
.met-chat__toast .met-chat__toast-close{background:transparent;color:white;font-size:18px;padding:2px 5px}
@media(max-width:600px){.met-chat__toasts{right:12px;left:12px;bottom:12px;max-width:none}}