.staff-chat{color:#213846;z-index:55;background:#e6f0f4;border:1px solid #85aec5;flex-direction:column;width:min(410px,100% - 32px);max-height:calc(100% - 76px);font:14px system-ui,sans-serif;display:flex;position:absolute;bottom:44px;right:16px;overflow:auto;box-shadow:0 12px 40px #0005}.staff-chat header{color:#fff;background:linear-gradient(#368fbb,#136d9d);flex-shrink:0;align-items:center;gap:8px;padding:10px;display:flex}.staff-chat header strong{flex:1}.staff-chat header button{color:#fff}.staff-chat button,.staff-support-inbox button{color:#1d4153;background:#d5e5ed;border:1px solid #a6c4d2;border-radius:3px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:6px 10px;display:inline-flex}.staff-chat-history{flex:1;min-height:90px;max-height:260px;padding:12px;overflow:auto}.staff-chat-history article{overflow-wrap:anywhere;background:#fff;border-radius:7px;margin:7px 0;padding:7px 10px}.staff-chat-history article.customer{background:#d3edf4;margin-left:25px}.staff-chat-history article.staff{margin-right:25px}.staff-chat-history p{white-space:pre-wrap;margin:3px 0}.staff-chat form,.staff-support-inbox form{gap:6px;padding:10px;display:flex}.staff-chat input,.staff-chat select,.staff-support-inbox input{border:1px solid #a3bfcd;border-radius:3px;min-width:0;padding:7px;font-size:16px;color:#173d50!important;background:#fff!important}.staff-chat form input,.staff-support-inbox form input{flex:1}.staff-chat-tools{border-top:1px solid #bacfda;flex-wrap:wrap;gap:5px;padding:8px;display:flex}.staff-chat-tools label{align-items:center;gap:5px;width:100%;display:flex}.staff-chat-tools input{width:70px}.support-payment{background:#c9e6eb;grid-template-columns:1fr 1fr;gap:6px;padding:10px;display:grid}.support-payment>b,.support-payment>p,.support-payment>button{grid-column:1/-1}.support-payment p{margin:0}.staff-chat-error{color:#8c3127;padding:8px}.staff-support-inbox{grid-template-columns:220px 1fr;min-width:0;height:100%;min-height:300px;display:grid}.staff-support-inbox>aside{border-right:1px solid #a9c5d0;flex-direction:column;gap:4px;padding:8px;display:flex;overflow:auto}.staff-support-inbox>aside button{text-align:left;justify-content:stretch;display:grid}.staff-support-inbox>section{padding:14px;overflow:auto}.staff-support-inbox small{opacity:.7}@media (max-height:500px){.staff-chat{width:380px;max-height:calc(100% - 16px);bottom:8px;right:8px}.staff-chat-history{max-height:130px}.staff-chat-tools{padding:5px}}@media (max-width:600px){.staff-support-inbox{grid-template-columns:130px 1fr}.staff-support-inbox>section{padding:8px}}