.support-launch{position:fixed;right:22px;bottom:24px;z-index:950;background:var(--hero-button-bg);color:var(--hero-button-text);border:1px solid var(--accent-border);border-radius:999px;padding:12px 20px;box-shadow:var(--shadow-md);font-weight:700;display:flex;gap:8px;align-items:center}
#supportStaffButton[hidden]{display:none!important}
.support-launch span,.support-unread{background:var(--red);color:#fff;border-radius:20px;padding:1px 7px;font-size:12px}
.support-overlay{position:fixed;inset:0;z-index:2100;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:24px}
.support-overlay[hidden],.support-shell [hidden],.permission-editor[hidden]{display:none!important}
.support-shell{width:min(1160px,100%);height:min(800px,90dvh);background:var(--card-bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden}
.support-header{padding:18px 22px;display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--border)}
.support-header h3{margin:0;font-size:20px}.support-header small{display:block;color:var(--text-secondary)}.support-header .support-close{margin-left:auto;font-size:24px}
.support-shell button,.permission-manager button{border:1px solid var(--border);background:var(--surface-muted);color:var(--text);border-radius:var(--radius-sm);padding:8px 12px;cursor:pointer}
.support-shell button:hover,.permission-manager button:hover{border-color:var(--accent)}
.support-layout{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:0;flex:1}
.support-sidebar{display:flex;flex-direction:column;border-right:1px solid var(--border);min-height:0;background:var(--surface-muted)}
.support-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:12px}.support-toolbar select{min-width:0;flex:1}.support-shell select,.support-shell input,.support-shell textarea,.permission-manager input,.permission-manager select{background:var(--surface-inset);color:var(--text);border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:10px;font:inherit}
.support-conversations{overflow-y:auto;flex:1;padding:4px 12px}.support-conversation{display:block;width:100%;text-align:left;margin-bottom:8px!important;padding:12px!important}.support-conversation strong{display:flex;justify-content:space-between;gap:8px}.support-conversation small{display:block;color:var(--text-secondary);margin-top:4px;word-break:break-word}.support-conversation.is-active{border-color:var(--accent)!important;background:var(--accent-soft)!important}
.support-main{min-width:0;min-height:0;display:flex;flex-direction:column}.support-order{padding:12px 20px;border-bottom:1px solid var(--border);font-size:13px;background:var(--accent-soft);overflow-wrap:anywhere}.support-order strong{display:block;color:var(--accent)}
.support-status-bar{display:flex;gap:8px;align-items:center;padding:8px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.support-status-bar span{flex:1;color:var(--text-secondary);font-size:13px}
.support-messages{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:20px;display:flex;flex-direction:column;gap:16px}.support-message{max-width:85%;align-self:flex-start}.support-message.is-own{align-self:flex-end}.support-message small{color:var(--text-secondary);font-size:11px}.support-message p{margin:4px 0;padding:10px 14px;background:var(--surface-muted);border:1px solid var(--border);border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere}.support-message.is-own p{background:var(--accent-soft);border-color:var(--accent-border)}.support-message img{max-width:100%;max-height:260px;object-fit:contain;border-radius:10px;display:block}.support-message .image-error{color:var(--red)}
.support-compose{padding:12px 20px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--card-bg)}.support-compose textarea{width:100%;height:72px;min-height:48px;resize:none}.support-compose-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.support-compose-actions .support-send{margin-left:auto;background:var(--primary-bg);color:var(--hero-button-text);font-weight:700}.support-attachment{color:var(--text-secondary);font-size:12px}.support-compose p{margin:4px 0;font-size:12px;color:var(--text-secondary)}.support-quick{display:flex;gap:6px;overflow-x:auto;margin-bottom:8px}.support-quick button{white-space:nowrap;font-size:12px;padding:5px 8px}
.support-notices{padding:16px 22px;background:var(--surface-inset);border-bottom:1px solid var(--border);max-height:42%;overflow:auto}.support-notices p{margin:8px 0;font-size:13px}.support-notices form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.support-empty{color:var(--text-secondary);margin:auto;text-align:center;padding:24px}.support-paging{display:flex;justify-content:space-between;padding:10px;gap:6px}.support-mobile-back{display:none}
.permission-manager{border:1px solid var(--border);border-radius:var(--radius);padding:24px;background:var(--card-bg)}.permission-heading{display:flex;gap:18px;justify-content:space-between;align-items:center}.permission-heading h4{margin:0;font-size:22px}.permission-heading p{margin:5px 0 20px;color:var(--text-secondary);font-size:13px}.permission-searchbar{display:flex;gap:10px;margin:10px 0 20px}.permission-searchbar label{flex:1}.permission-searchbar input{width:100%}.permission-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.65fr);gap:24px}.permission-user{width:100%;display:flex;align-items:center;gap:12px;text-align:left;margin-bottom:8px}.permission-user>span:nth-child(2){flex:1;min-width:0}.permission-user strong{display:block;overflow-wrap:anywhere}.permission-user small,.permission-selected small{display:block;color:var(--text-secondary);font-size:12px}.permission-avatar{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border-radius:12px;font-weight:700}.permission-badge{font-size:12px;padding:4px 10px;border-radius:20px;background:var(--surface-track);white-space:nowrap}.permission-role-support,.permission-role-admin{background:var(--accent-soft);color:var(--accent)}.permission-user.is-selected{border-color:var(--accent);background:var(--accent-soft)}.permission-editor{background:var(--surface-muted);padding:20px;border:1px solid var(--border);border-radius:var(--radius-sm);align-self:start}.permission-selected{display:flex;gap:12px;margin-bottom:24px}.permission-editor label{display:block;margin-bottom:8px;font-weight:600}.permission-editor #roleSelect{width:100%}.permission-editor p{font-size:13px;color:var(--text-secondary)}.permission-editor #updateRoleBtn{background:var(--primary-bg);color:var(--hero-button-text);width:100%}.permission-empty{padding:32px 20px;text-align:center;color:var(--text-secondary);border:1px dashed var(--border);border-radius:var(--radius-sm)}.permission-paging{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:12px}.permission-footnote{font-size:12px;color:var(--text-secondary);margin-top:20px}
@media(max-width:760px){.support-launch{bottom:max(16px,env(safe-area-inset-bottom));right:14px;padding:10px 16px}.support-overlay{padding:0;align-items:stretch;top:var(--support-top,0px);height:var(--support-height,100dvh);bottom:auto}.support-shell{border:0;border-radius:0;width:100%;height:100%;max-height:none}.support-header{padding:10px 14px}.support-header h3{font-size:17px}.support-layout{grid-template-columns:minmax(0,1fr)}.support-sidebar{border:0}.support-main{display:none}.support-shell.has-conversation .support-sidebar{display:none}.support-shell.has-conversation .support-main{display:flex}.support-mobile-back{display:block}.support-messages{padding:14px}.support-compose{padding:10px 12px max(10px,env(safe-area-inset-bottom))}.support-order{padding:8px 14px}.support-message{max-width:90%}.permission-manager{padding:16px}.permission-heading{align-items:flex-start}.permission-heading h4{font-size:19px}.permission-searchbar{flex-wrap:wrap}.permission-searchbar label{flex-basis:100%}.permission-grid{grid-template-columns:1fr;gap:16px}.permission-badge{padding:3px 7px}}

.support-shell.support-compact #supportConnection,.support-shell.support-compact .support-compose p:last-child{display:none}.support-shell.support-compact .support-header{padding:8px 12px}.support-shell.support-compact .support-header small{font-size:11px}.support-shell.support-compact .support-compose textarea{height:50px}.support-shell.support-compact .support-quick{margin-bottom:4px}.support-shell.support-compact .support-order{max-height:60px;overflow:auto}.support-shell.support-compact .support-compose-actions{gap:6px}

@media(max-width:760px){
 .support-launch{bottom:calc(var(--mobile-nav-height,0px) + max(16px,env(safe-area-inset-bottom)))}
 body[data-current-section=thirdparty] #sectionThirdParty{padding-bottom:calc(var(--mobile-nav-height,0px) + var(--support-launch-height,44px) + max(16px,env(safe-area-inset-bottom)) + 24px)}
}
@media(max-width:700px){
 body[data-current-section=boost] .support-launch{bottom:calc(var(--mobile-nav-height,0px) + var(--boost-checkout-height,80px) + max(8px,env(safe-area-inset-bottom)) + 12px)}
 body[data-current-section=boost] .boost-checkout-bar{bottom:calc(var(--mobile-nav-height,0px) + max(8px,env(safe-area-inset-bottom)))}
 body[data-current-section=boost] #sectionBoost{padding-bottom:calc(var(--mobile-nav-height,0px) + var(--boost-checkout-height,80px) + var(--support-launch-height,44px) + max(8px,env(safe-area-inset-bottom)) + 36px)}
}