.support-main{max-width:1000px;margin:auto}.support-copy{color:#b6c8aa;font-size:14px;line-height:1.7}.chat-pane{background:#12362a;border:1px solid #71865d70;border-radius:10px;overflow:hidden;color:#ecedcf}.chat-pane[hidden]{display:none}.chat-heading{display:flex;justify-content:space-between;gap:12px;padding:20px;background:#1c4232;border-bottom:1px solid #71865d55}.chat-heading h2{margin:6px 0 0;font-size:20px}.chat-heading small{font-size:9px;letter-spacing:2px;color:#d2c47f}.chat-heading>span{font-size:10px;color:#bbcaac;align-self:center}.chat-messages{height:380px;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}.chat-message{max-width:85%;padding:13px 16px;border-radius:10px;background:#2b5140;align-self:flex-start;border:1px solid #6b86614d}.chat-message.admin{background:#4b5535;align-self:flex-end;border-color:#a39a6555}.chat-message small{font-size:9px;letter-spacing:1px;color:#d7c783}.chat-message p{margin:8px 0;line-height:1.6;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message time{font-size:9px;color:#bbc7a9}.chat-empty{margin:auto;color:#b4c4a8;font-size:13px;line-height:1.7}.chat-compose{padding:18px;border-top:1px solid #6b866155}.chat-compose label{display:block;font-size:9px;letter-spacing:1px;color:#d7cc97}.chat-compose textarea{display:block;width:100%;box-sizing:border-box;margin-top:8px;background:#09251b;color:#eef0d6;border:1px solid #82936b88;border-radius:6px;padding:12px;font:14px 'Segoe UI',sans-serif;resize:vertical;min-height:70px}.chat-compose>div{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}.chat-compose button,.admin-create button{background:#d6c781;color:#172e21;border:0;padding:11px 18px;border-radius:5px;font-weight:700;cursor:pointer}.chat-compose button:disabled{opacity:.5;cursor:default}.chat-compose small,.chat-compose [role=status]{font-size:11px;color:#bdc9aa}.admin-inbox{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px}.chat-thread-list{max-height:650px;overflow:auto;display:flex;flex-direction:column;gap:8px}.chat-thread-list button{background:#193d2c;border:1px solid #7c925c55;border-radius:6px;padding:14px;color:#e9ebcd;text-align:left;cursor:pointer}.chat-thread-list button.active{border-color:#dbc780;background:#375139}.chat-thread-list strong{display:block}.chat-thread-list small{display:block;color:#b8c8a3;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-thread-list b{float:right;background:#decc80;color:#1b3426;border-radius:12px;padding:2px 7px;font-size:10px}.admin-create{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.admin-create input{padding:12px;background:#0e2e20;border:1px solid #76905e88;border-radius:5px;color:#edf0d1}.admin-details{padding:15px;background:#0e2b20;border:1px solid #71865d55;border-radius:6px;margin:14px 0}.admin-details table{width:100%;font-size:12px}.admin-details td,.admin-details th{text-align:left;padding:9px;border-bottom:1px solid #71865d33}.credit-reason{min-width:180px}@media(max-width:650px){.admin-inbox{grid-template-columns:1fr}.chat-thread-list{max-height:190px}.chat-messages{height:310px;padding:14px}.chat-message{max-width:90%}.chat-heading{padding:15px}.chat-heading>span{max-width:110px;line-height:1.5}}

.chat-attachments{display:flex;align-items:center;justify-content:flex-start!important;gap:12px}.chat-compose .attach-image{background:transparent;border:1px solid #82936b88;color:#d9d9b9;font-size:12px}.attachment-preview{display:flex;align-items:center;gap:8px}.attachment-preview img{width:70px;height:55px;object-fit:cover;border-radius:5px}.chat-compose .attachment-preview button{font-size:10px;padding:7px;background:#254536;color:#ddd}.chat-message>a{display:block;margin:10px 0}.chat-message img{display:block;max-width:min(100%,300px);max-height:250px;object-fit:contain;border-radius:7px}.chat-message time{display:block}
