/* style.css - simple clean styles */
body{font-family:Arial,Helvetica,sans-serif;background:#f5f6f8;color:#222;margin:0}
.wrap{max-width:1100px;margin:18px auto;padding:12px}
header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
header a{color:#333;text-decoration:none}
.grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.card{background:#fff;padding:14px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.06)}
.two-column{display:flex;gap:12px}
.two-column > div{flex:1}
input,textarea,select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;margin:6px 0;box-sizing:border-box}
button{background:#2f8f6f;color:#fff;border:none;padding:10px 14px;border-radius:6px;cursor:pointer}
button.btn{background:#ff7f50}
.muted{color:#666;font-size:0.9rem}
.flash{background:#fffae6;border:1px solid #ffe08a;padding:10px;border-radius:6px;margin-bottom:10px}
.thumb{width:80px;height:80px;object-fit:cover;border-radius:6px;border:1px solid #eee}
.profileCard{display:flex;gap:10px;align-items:center;padding:8px;border-bottom:1px solid #f0f0f0}
.profileCard img{width:60px;height:60px;border-radius:6px;object-fit:cover}
.chatbox{height:360px;overflow:auto;border:1px solid #eee;padding:8px;background:#fafafa;border-radius:6px;margin-bottom:8px}
.bubble{max-width:80%;padding:8px;margin:6px 0;border-radius:8px}
.me{background:#dff7ea;margin-left:auto}
.them{background:#fff}
.bubble .ts{font-size:0.75rem;color:#666;margin-top:6px}
@media (max-width:980px){.grid{grid-template-columns:1fr;}}