/* Circlique purple panels — appearance only, shared navigation and content cards. */
:root{
  --cq-panel-top:#321742;--cq-panel-bottom:#21102e;
  --cq-panel-line:#87529e;--cq-panel-text:#fff8ff;--cq-panel-muted:#d4bddf;
}
.app main :is(.card,.feedPost,.discoverCard,.eventCard,.groupCard,.connCard,.messageListCard,.profileSection265):not(.live):not(.warning):not(.ok):not(.err){
  background:linear-gradient(145deg,var(--cq-panel-top),var(--cq-panel-bottom))!important;
  border-color:var(--cq-panel-line)!important;
  box-shadow:0 10px 26px #0003,0 0 14px #9d3dca12!important;
}
.app #feedView{--feed-panel:#281336;--feed-line:#87529e;--feed-soft:#d4bddf}
.app #profileView{--profile-panel:#281336;--profile-line:#87529e}
.app #feedView .feedPost,.app #feedView .feedComposer,
.app #profileView #profileContent .card,.app #profileView .profileSection265{
  background:linear-gradient(145deg,var(--cq-panel-top),var(--cq-panel-bottom))!important;
  border-color:var(--cq-panel-line)!important;
}
.app #feedView .feedComposer+.card+.card{
  background:transparent!important;box-shadow:none!important;
}
.app main :is(.card,.feedPost,.discoverCard,.eventCard,.groupCard,.connCard,.profileSection265) .muted{
  color:var(--cq-panel-muted);
}
.app #cqTopNavigation>button{
  background:linear-gradient(145deg,#3a1a50,#281238)!important;
  border-color:#9661b2!important;color:#f1dcff!important;
  box-shadow:0 0 12px #a23bd516!important;
}
.app #mobileDock{
  background:#21102ff7!important;border-color:#87529e!important;
  box-shadow:0 14px 38px #0007,0 0 18px #922ac51a!important;
}
.app #mobileDock .dockBtn{color:#d4bddf!important}
.app #mobileDock .dockBtn .dockIcon{color:#d8a7ef!important}
.app #mobileDock .dockBtn.on{
  background:linear-gradient(145deg,#69248a,#42185d)!important;
  color:#fff!important;box-shadow:inset 0 0 0 1px #b56ad4!important;
}
.app #mobileDock .dockBtn.on .dockIcon{color:#f5d5ff!important}
.app main :is(.tab,.eventBrowseTab,.groupHubTab):not(.on),
.app main .feedSortBtnV1:not(.on){
  background:#2b153b!important;border-color:#805095!important;color:#e0caeb!important;
}
.app :is(#cqTopNavigation>button,#mobileDock .dockBtn):focus-visible{
  outline:3px solid #edbaff!important;outline-offset:3px;
}
@media(hover:hover){
  .app #cqTopNavigation>button:hover{background:#4b2363!important;border-color:#c98aeb!important}
  .app #mobileDock .dockBtn:not(.on):hover{background:#3a1a50!important}
}
/* Welcome cards use the same purple family while retaining their existing layout. */
#authView .cqWelcomeFeature{
  background:linear-gradient(145deg,#361747,#241130)!important;
  border-color:#9561ae!important;box-shadow:0 8px 24px #0003,0 0 14px #a443ca12!important;
}
#authView .cqWelcomeFeature p{color:#dcc8e7!important}
#authView .cqWelcomeEventCallout{background:linear-gradient(145deg,#3c1a4e,#281236)!important;border-color:#b775cd!important}