:root{--safe-l:max(16px,env(safe-area-inset-left));--safe-r:max(16px,env(safe-area-inset-right))}
html,body{max-width:100%;overflow-x:hidden}
img,video,canvas,svg{max-width:100%}
input,select,textarea,button{max-width:100%}
.support-page,.support-admin-page{padding-left:var(--safe-l)!important;padding-right:var(--safe-r)!important}
.support-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}
.support-side,.support-chat-card{border:1px solid #3e154c;background:#09040d;border-radius:14px}
.support-side{padding:22px;display:flex;flex-direction:column;gap:8px;height:max-content}
.support-online-dot{width:10px;height:10px;border-radius:50%;background:#2cf58f;box-shadow:0 0 18px #2cf58f}
.support-chat-card{display:flex;flex-direction:column;min-height:65vh}
.support-messages{padding:20px;overflow:auto;flex:1;max-height:66vh}
.support-bubble{max-width:78%;margin:8px 0;padding:12px 14px;border-radius:12px;border:1px solid #3e154c;background:#0f0714}
.support-bubble.client{margin-left:auto;background:#250933;border-color:#7b249b}
.support-bubble.admin{margin-right:auto;background:#08150f;border-color:#1a6b43}
.support-bubble span{font-size:9px;font-weight:900;letter-spacing:.1em;color:#cd5cff}
.support-bubble p{margin:6px 0;line-height:1.45}.support-bubble small{color:#7e6b82;font-size:10px}
.support-form{border-top:1px solid #2c0e36;padding:14px;display:grid;gap:10px}
.support-form textarea{width:100%;min-height:78px;resize:vertical;background:#08040c;color:#fff;border:1px solid #4a185a;border-radius:9px;padding:12px;box-sizing:border-box}
.support-form-actions{display:flex;gap:10px;align-items:center;justify-content:space-between}
.support-admin-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px}
.support-conversations{display:flex;flex-direction:column;gap:8px}
.support-conversations a{position:relative;display:flex;flex-direction:column;text-decoration:none;color:#fff;padding:13px;border:1px solid #351342;border-radius:10px;background:#09040d}
.support-conversations a.active{border-color:#a62ee0;background:#1a0822}
.support-conversations a small{color:#8e7891;margin-top:4px}.support-conversations a b{position:absolute;right:10px;top:10px;background:#9b1b3d;padding:3px 7px;border-radius:999px}
.support-empty{padding:50px;text-align:center;color:#8e7891}
@media(max-width:1200px){.wow-main{padding-left:20px!important;padding-right:20px!important}}
@media(max-width:900px){
  .wow-sidebar{transform:translateX(-100%);position:fixed!important;z-index:1000;transition:.2s}
  body.menu-open .wow-sidebar{transform:translateX(0)}
  .wow-main{margin-left:0!important;width:100%!important;padding:16px!important}
  .support-layout,.support-admin-layout{grid-template-columns:1fr}
  .support-conversations{max-height:260px;overflow:auto}
  .support-bubble{max-width:88%}
  .wow-grid-2,.service-access-grid,.sftp-grid,.admin-order-info{grid-template-columns:1fr 1fr!important}
  .wow-topbar{gap:12px;align-items:flex-start!important}
}
@media(max-width:640px){
  body{font-size:14px}
  .wow-main{padding:12px!important}
  .wow-topbar{flex-direction:column!important}
  .wow-top-actions{width:100%;display:grid;grid-template-columns:1fr}
  .wow-primary,.wow-ghost,.wow-danger,.server-tool-button{min-height:46px;width:100%}
  .support-side{display:none}
  .support-chat-card{min-height:72vh}
  .support-messages{padding:12px;max-height:72vh}
  .support-bubble{max-width:94%}
  .support-form-actions{flex-direction:column;align-items:stretch}
  .wow-grid-2,.service-access-grid,.sftp-grid,.admin-order-info{grid-template-columns:1fr!important}
  .service-quick-tools,.admin-order-buttons{display:grid!important;grid-template-columns:1fr!important}
  .searchable-table{min-width:720px}
  .admin-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .wallet-admin-hero strong{font-size:34px!important}
}
@media(max-width:380px){
  .wow-main{padding:8px!important}
  h1{font-size:25px!important}
  .support-bubble{max-width:98%}
}