.message-row{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:15px;border-top:1px solid var(--line);color:var(--ink)}.message-row:hover{background:#f4faf7}.message-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#daf3e9;color:var(--green-dark);font-weight:900}.message-row>div:nth-child(2){display:grid;gap:3px}.message-row span,.message-row p,.message-row time{margin:0;color:var(--muted);font-size:12px}.chat-shell{max-width:900px}.chat-card{margin-top:18px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.chat-card>header{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.chat-card h1{margin:3px 0 0;font-size:22px}.chat-messages{min-height:360px;max-height:58vh;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:9px;background:#f5f9f7}.chat-bubble{align-self:flex-start;max-width:75%;padding:10px 13px;border-radius:12px 12px 12px 3px;background:#fff;box-shadow:0 2px 8px #10231d10}.chat-bubble.mine{align-self:flex-end;border-radius:12px 12px 3px 12px;background:#daf3e9}.chat-bubble p{margin:0 0 5px;white-space:pre-wrap}.chat-bubble small{color:var(--muted)}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:10px;padding:15px}.chat-compose textarea,.report-form textarea,.report-form select{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px}.chat-compose button{height:auto}.button-secondary{border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px 12px}.product-thumbnails{display:flex;gap:9px;padding:10px;overflow:auto}.product-thumbnails button{width:74px;height:62px;flex:0 0 auto;padding:2px;border:2px solid transparent;border-radius:8px;background:#fff}.product-thumbnails button.active{border-color:var(--green)}.product-thumbnails img,.edit-photo-grid img{width:100%;height:100%;object-fit:cover;border-radius:5px}.report-form{grid-column:2;display:grid;gap:10px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#fff}.report-form label{display:grid;gap:5px;font-size:12px;font-weight:800}.edit-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin:12px 0}.edit-photo-grid label{height:120px;position:relative}.edit-photo-grid span{position:absolute;left:4px;right:4px;bottom:4px;padding:5px;border-radius:5px;background:#fffc;color:#8d2630;font-size:11px}.auth-help-link{display:block;margin:-4px 0 12px;text-align:right;color:var(--green-dark);font-size:12px;font-weight:800}.text-danger{display:block;color:#a82936;max-width:260px}.round-button{display:grid;text-decoration:none}
@media(max-width:700px){.message-row{grid-template-columns:40px 1fr}.message-row time{display:none}.chat-bubble{max-width:88%}.chat-compose{grid-template-columns:1fr}.report-form{grid-column:1}.product-thumbnails button{width:62px;height:54px}}