/* Shared Nizur interface palette. Cosmetic previews and learning colours remain semantic. */
:root{--ui-accent:#21a8ff;--ui-raised:#172b45;--ui-line:#304c6c;--nizur-blue:#218aff;--nizur-cyan:#58caff;--nizur-focus:#64d2ff}
html body:has(#app){--accent:#58caff;--purple:#58caff;--ui-accent:#218aff}
html body :is(button,a,input,textarea,select,summary):focus-visible{outline-color:#64d2ff!important}
html body:has(#app) input[type=checkbox]{accent-color:#218aff}
html body .topbar .mainNav .navItem.active,html body .mobileStudioPanels button[aria-pressed=true]{background:#164d78!important;border-color:#397eb3!important;color:#edf7ff!important}
html body .topbar .mainNav .navItem:hover{background:#1b3858!important;color:#e7f5ff!important}
html body:not(.isSignedOut) :is(#app,.friendPopover,.chatDock,.privateChat,dialog) button:not(.colorPreset):not(.colorBall):not(.bodyColorCard):not(.colorSwatch):not(.swatch):not([aria-label^="Cor #"]):hover{border-color:#64d2ff!important;background-color:#244b70!important}
html body:not(.isSignedOut) :is(#app,.friendPopover,.chatDock,.privateChat,dialog) button:is(.active,.selected,.primary,[aria-pressed=true]):not(.colorPreset):not(.colorBall):not(.bodyColorCard):not(.colorSwatch):not(.swatch){background-color:#176eb3!important;color:#fff!important;border-color:#58caff!important}
html body :is(.primaryAction,.communityPlay,.playButton,.shopBuy,.saveAvatar,.authGo,.primary):not(.colorPreset):not(.colorBall):not(.swatch){background:linear-gradient(135deg,#087ab7,#245fe0)!important;color:#fff!important;border-color:#64d2ff!important}
html body .privateChat form button,html body .chatDock .chatToggle.active{background:#176eb3!important;color:#fff!important}
html body :is(.shopFilters,.catalogTabs,.gameCategories,.bodyPartTabs,.accountTabs,.adminSections) button:is(.active,.selected,[aria-pressed=true]){background:#164d78!important;color:#e8f7ff!important;border-color:#58caff!important}
html body :is(.catalogItem,.tradeInventoryCard).selected{border-color:#58caff!important;box-shadow:inset 0 0 0 2px #218aff55!important}
html body:has(#app) :is(.eyebrow,.learnLink,.safetyHelpLink,.safetyLink){color:#83d5ff!important}
html body :is(.adminBadge,.communityStudioBadge){background:#173b5b!important;color:#9bddff!important}
html body .forcedPasswordIcon{stroke:#58caff!important}
html body #forcedPasswordSave{background:#176eb3!important;border-color:#58caff!important}
html body .bodyPartTabs button.active{background:#176eb3!important;border-color:#58caff!important}
html body:not(.isSignedOut) :is(#app,.friendPopover,.chatDock,.privateChat,dialog) :is(.primaryAction,.communityPlay,.playButton,.shopBuy,.saveAvatar,.primary){background:linear-gradient(135deg,#087ab7,#245fe0)!important;color:#fff!important;border-color:#64d2ff!important}
html body :is(.socialBell,.tradeHeaderButton) b,html body #mobileChatUnread{background:#176eb3!important;color:#fff!important}
/* Tomás keeps clear, light learning surfaces with the same blue navigation. */
html body:has(#quickWords) :is(header,.communication){background:#e5f2fb!important;border-color:#a4c7dd!important}
html body:has(#quickWords) #appNav{background:#153854!important;border-color:#76a6c4!important}
html body:has(#quickWords) #appNav button{color:#edf7ff!important}
html body:has(#quickWords) #appNav button:is(.active,[aria-current=page]){background:#1675bb!important;color:#fff!important}
html body:has(#quickWords) :is(.headerTools,.schoolTools,.schoolPaging,.schoolBack,.schoolNext,.homeAudio,.instrumentTabs,.instrumentTools,.easyPaintTools) button{background:#e2f2ff!important;border-color:#7daecb!important;color:#214b69!important}
html body:has(#quickWords) :is(.homeGreeting,.homePath,.schoolSubject,.schoolLesson){background:#eaf5fd!important;border-color:#a4c7dd!important}
html body:has(#quickWords) :is(.schoolSubject,.schoolLesson,.homePath) strong{color:#234964!important}
html body:has(#quickWords) .schoolChoice:not(.schoolCorrect):not(.schoolRetry){border-color:#73a5bd!important;background:#fafdff!important}
html body:has(#quickWords) .uiIcon .uiBubble{fill:#bfe8ff!important;stroke:#28577a!important}
html body:has(#quickWords) .uiIcon g{stroke:#28577a!important}

/* The menu chat belongs to the mobile layout; desktop retains its floating chat. */
html body .topbar .mainNav #mobileChatNav{display:none!important}
@media(max-width:1024px),(pointer:coarse){html body .topbar .mainNav #mobileChatNav{display:flex!important}}

@media(max-width:1024px),(pointer:coarse){
html:has(body #app){color-scheme:dark;background:#0b101a}
body:has(#mobileChat:not([hidden])){background:#0b101a!important}
body:has(#mobileChat:not([hidden])) main{background:#0b101a!important}
html body #mobileChat:not([hidden]){left:0!important;right:0!important;padding:0 12px;box-sizing:border-box;background:#0b101a!important;color-scheme:dark}
#mobileChat :is(.chatDock,.chatFriends,.privateMessages){color-scheme:dark;scrollbar-color:#536b85 #152233;scrollbar-width:thin}
#mobileChat ::-webkit-scrollbar{width:6px;height:6px}
#mobileChat ::-webkit-scrollbar-track{background:#152233}
#mobileChat ::-webkit-scrollbar-thumb{background:#536b85;border-radius:8px}
}