.mwrap{max-width:820px;margin:0 auto;padding:32px 20px 60px}.mlist{display:grid;grid-gap:10px;gap:10px}.mrow{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #e3e8f0;border-radius:18px;padding:14px 18px;transition:box-shadow .15s,border-color .15s}.mrow:hover{border-color:var(--teal);box-shadow:0 4px 14px rgba(16,38,74,.08)}.av{width:54px;height:54px;border-radius:50%;object-fit:cover;background:var(--teal);color:#fff;display:grid;place-items:center;font-weight:800;font-size:19px;flex:none}.mrow .mid{flex:1 1;min-width:0}.mrow .name{font-weight:700;color:var(--navy);font-size:18px}.mrow .last{color:var(--muted);font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mrow .time{color:var(--muted);font-size:14px;flex:none}.empty-box{text-align:center;background:var(--bg);border-radius:20px;padding:40px 24px;color:var(--muted)}.thead{display:flex;gap:14px;align-items:center;padding:16px 20px;background:linear-gradient(150deg,var(--navy),#1c3f73);color:#fff;border-radius:22px 22px 0 0}.thead a.back{font-size:22px;padding-right:4px}.thead .name{font-weight:800;font-size:20px}.thead .sub2{opacity:.8;font-size:14px}.thead .vp{margin-left:auto;border:2px solid hsla(0,0%,100%,.5);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600}.tbox{border:1px solid #e3e8f0;border-top:0;border-radius:0 0 22px 22px;background:#fff;flex-direction:column;height:min(70vh,640px)}.msgs,.tbox{display:flex}.msgs{flex:1 1;overflow-y:auto;padding:20px;flex-direction:column;gap:10px;background:#f9fbfd}.bub{max-width:78%;padding:10px 16px;border-radius:20px;font-size:17px;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}.bub.me{align-self:flex-end;background:var(--teal);color:#fff;border-bottom-right-radius:6px}.bub.them{align-self:flex-start;background:#fff;border:1px solid #e3e8f0;border-bottom-left-radius:6px}.bub .t{display:block;font-size:12px;opacity:.7;margin-top:4px}.compose{display:flex;gap:10px;padding:14px;border-top:1px solid #e3e8f0}.compose textarea{flex:1 1;resize:none;padding:12px 16px;border:1px solid #c9d2e0;border-radius:20px;font-size:17px;font-family:inherit;min-height:52px;max-height:140px}.compose textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(20,163,139,.15)}.offer{align-self:center;width:min(100%,460px);background:#fff;border:2px solid var(--teal);border-radius:18px;padding:16px 18px}.offer .lbl{font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--teal-d)}.offer h4{margin:4px 0;color:var(--navy);font-size:19px}.offer p{margin:4px 0;font-size:16px}.offer .st{font-weight:700}.offer .st.accepted{color:var(--teal-d)}.offer .st.declined{color:#b42318}.offer .actions{margin-top:10px}.oform{display:grid;grid-gap:12px;gap:12px;background:var(--bg);border-radius:18px;padding:18px;width:100%;margin-top:8px}.oform label{display:grid;grid-gap:6px;gap:6px;font-weight:600;color:var(--navy);font-size:16px}.oform input,.oform textarea{padding:11px 14px;border:1px solid #c9d2e0;border-radius:12px;font-size:17px;font-family:inherit}.oform .row{display:flex;gap:10px;flex-wrap:wrap}.mrow.unread{border-color:var(--teal);border-left:6px solid var(--teal);background:#f2fbf9}.mrow.unread .name{color:var(--navy)}.mrow.unread .last{color:var(--text);font-weight:600}.mrow .time{text-align:right}.mrow .time .badge{margin-top:4px}