.op-support{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;overflow:hidden;color:#f1f2fa}
.op-support *{box-sizing:border-box;min-width:0}
.op-support [hidden]{display:none!important}
.op-support :is(button,input,textarea,select),.op-support-admin-header button{font:inherit;font-size:16px;min-height:44px;border:1px solid #645986;border-radius:12px;background:#101a36;color:#f1f2fa;padding:10px}
.op-support button{cursor:pointer}.op-support button:disabled{opacity:.55;cursor:wait}
.op-support :is(button,input,textarea,select):focus-visible{outline:2px solid #e5c84a;outline-offset:2px}
.op-support-heading{display:flex;align-items:center;gap:8px;flex:none;margin:0!important;padding:0!important}
.op-support-heading h2{flex:1;font-size:22px!important;margin:0!important;text-align:left!important}
.op-support-heading button:last-child:not(:first-child),.op-support-editor button[type=submit]{color:#e5c84a;border-color:#e5c84a80}
.op-support-filters{display:flex;gap:8px;flex:none}.op-support label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#bdc4df}
.op-support-filters label{flex:1}.op-support select{max-width:100%;width:100%}
.op-support-list,.op-support-timeline,.op-support-form-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px}
.op-support-ticket{display:grid;grid-template-columns:1fr auto;width:100%;text-align:left;gap:8px;margin:0 0 10px!important;padding:14px!important;background:linear-gradient(140deg,#101a36,#29203f)!important}
.op-support-ticket>span:not(.op-support-state),.op-support-ticket>small{grid-column:1/-1;overflow-wrap:anywhere}.op-support-ticket small{color:#bdc4df}
.op-support-ticket[data-unread=true]{border-color:#e5c84a}.op-support-unread{color:#e5c84a;font-size:12px}.op-support-state{font-size:12px;align-self:start;color:#e5c84a}
.op-support :is(p,ol){margin:0}.op-support-meta{font-size:13px;color:#bdc4df;flex:none;overflow-wrap:anywhere}
.op-support-editor{display:flex;flex-direction:column;gap:10px;width:100%;margin:0}
.op-support-editor textarea{width:100%;resize:vertical;min-height:88px;max-height:180px;line-height:1.4}
.op-support-editor input[type=file]{max-width:100%;width:100%;font-size:12px;padding:6px}.op-support-editor input::file-selector-button{font:inherit;border:0;border-radius:8px;background:#1c2949;color:#f1f2fa;padding:8px;margin-right:8px}
.op-support-preview:empty{display:none}.op-support-preview img{display:block;max-width:100%;max-height:100px;border-radius:8px}
.op-support-error,.op-support-editor [role=status]{color:#ffb5a9;font-size:13px;overflow-wrap:anywhere}.op-support [role=status]:empty{display:none}
.op-support-messages{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}
.op-support-messages li{padding:12px;border:1px solid #3d4767;border-radius:14px;overflow-wrap:anywhere;background:#101a36;flex:none}
.op-support-messages .op-support-answer{background:#29203f;border-color:#7861b580}.op-support-messages strong{color:#e5c84a;font-size:13px}.op-support-messages p{white-space:pre-wrap;margin:8px 0}.op-support-messages small{color:#bdc4df;font-size:11px}
.op-support-messages img{display:block;width:auto;max-width:100%;max-height:240px;border-radius:8px;cursor:zoom-in;margin-top:10px}
.op-support-reply{flex:none;border-top:1px solid #3d4767;padding-top:10px;max-height:48%;overflow:auto}.op-support-reply textarea{min-height:66px;height:66px;max-height:100px}.op-support-status{flex:none;display:flex;gap:8px;align-items:end}.op-support-status label{flex:1}
.op-support-image-dialog{border:1px solid #645986;border-radius:16px;background:#101a36;padding:12px;max-width:95vw;max-height:90dvh}.op-support-image-dialog::backdrop{background:#000b}.op-support-image-dialog img{display:block;max-width:85vw;max-height:75dvh}.op-support-image-dialog button{display:block;margin:12px auto 0;padding:10px;color:#e5c84a;background:#1c2949;border:1px solid #645986;border-radius:10px}
#commander-table #ct-messages .op-chat-people{overflow:hidden;gap:8px;padding-bottom:0}
#ct-messages .op-chat-list{display:flex;flex-direction:column;align-items:center;gap:14px;flex:1;min-height:0;width:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;padding-bottom:8px}
#commander-table #ct-messages .op-chat-support{position:relative;display:grid;place-items:center;flex:none;width:48px;height:48px;min-height:48px;margin:0;padding:10px;border:1px solid #645986;border-radius:14px;background:linear-gradient(145deg,#101a36,#29203f);color:#e5c84a}
#ct-messages .op-chat-support svg{width:28px;height:28px}#ct-messages .op-chat-support .op-chat-badge{right:-2px;top:-3px;bottom:auto;min-width:18px;height:18px;line-height:14px}
.op-support-admin{position:fixed;inset:0;display:flex;flex-direction:column;gap:20px;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:radial-gradient(ellipse at top right,#29203f,#050509 65%);color:#f1f2fa;box-sizing:border-box;font:16px/1.4 system-ui}
.op-support-admin-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;width:100%;max-width:1100px;margin:auto}.op-support-admin-header strong{color:#e5c84a}.op-support-admin>main{width:100%;max-width:1100px;margin:0 auto;flex:1}
@media(max-width:600px){.op-support{gap:8px}.op-support-heading{flex-wrap:wrap}.op-support-heading h2{font-size:18px!important}.op-support-heading button{padding:8px}.op-support-filters{flex-wrap:wrap}.op-support-filters label{flex-basis:100%}.op-support-ticket{grid-template-columns:1fr}.op-support-ticket>span{grid-column:1}.op-support-admin{gap:12px}.op-support-status{flex-wrap:wrap}.op-support-status label{flex-basis:100%}}