:root {
    --wysa-purple: #7B3F9E;
    --wysa-purple-dark: #5C2D7A;
    --wysa-purple-light: #E8D4F0;
    --wysa-gold: #23a950;
}
#Header { background: linear-gradient(135deg, var(--wysa-purple) 0%, var(--wysa-purple-dark) 100%) !important; border-bottom: 3px solid var(--wysa-gold) !important; }
#Header a, .TopLinks a { color: #FFFFFF !important; }
#Header a:hover, .TopLinks a:hover { color: var(--wysa-gold) !important; }
.Button, button, input[type="submit"], input[type="button"] { background: linear-gradient(180deg, var(--wysa-purple) 0%, var(--wysa-purple-dark) 100%) !important; border: 1px solid var(--wysa-purple-dark) !important; color: #FFFFFF !important; border-radius: 4px !important; }
.Button:hover, button:hover { background: linear-gradient(180deg, #8E4FB3 0%, var(--wysa-purple) 100%) !important; }
a { color: var(--wysa-purple) !important; }
a:hover { color: var(--wysa-purple-dark) !important; }
.HomePanel, .DashTile { border-radius: 8px !important; box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important; }
.DashTile .Title, .HomePanel h2 { background: var(--wysa-purple) !important; color: #FFFFFF !important; }
.Tab.Selected { background: var(--wysa-purple) !important; color: #FFFFFF !important; }
#CollectionBar { background: linear-gradient(180deg, #f8f4fa 0%, var(--wysa-purple-light) 100%) !important; border-top: 2px solid var(--wysa-purple) !important; }
.Login, #LoginBox { border-radius: 12px !important; border-top: 4px solid var(--wysa-purple) !important; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border-color: var(--wysa-purple) !important; box-shadow: 0 0 0 3px rgba(123,63,158,0.15) !important; }
.ResourcePanel:hover { border-color: var(--wysa-purple) !important; }
.InformationBox { background: var(--wysa-purple-light) !important; border-left: 4px solid var(--wysa-purple) !important; }

/* Hide Guidelines from header */
#HeaderNav1 a[href*="pages/guidelines"], 
.HeaderNav a[href*="guidelines"],
a.HeaderLink[href*="guidelines"],
#Header a[href*="pages/guidelines.php"] {
    display: none !important;
}

/* Browse sidebar - white text and icons for dark background */
#SearchBox a, 
#SearchBox span,
#SearchBox .browse-tag,
#SearchBox li a,
.BrowseBarPanel a,
.BrowseBarPanel span,
.CollectPanel a,
.CollectPanel span,
#BrowseBar a,
#BrowseBar span,
.browse-tag a,
.SidePanel a,
.SidePanel span,
#CollectionBar a,
#CollectionBar span,
.HomePanelIN a,
.HomePanelIN span {
    color: white !important;
}

#SearchBox svg,
#SearchBox i,
.BrowseBarPanel svg,
.BrowseBarPanel i,
#BrowseBar svg,
#BrowseBar i,
.SidePanel svg,
.SidePanel i {
    color: white !important;
    fill: white !important;
}

/* Book Lookup Panel - injected via JS below */
.wysa-book-lookup {
    background: #f5f0ff;
    border: 2px solid #7B3F9E;
    border-radius: 8px;
    padding: 15px;
    margin: 0 0 20px 0;
}
.wysa-book-lookup h3 { color: #7B3F9E; margin: 0 0 10px 0; }
.wysa-book-lookup input { width: 300px; padding: 8px; border: 1px solid #ccc; border-radius: 4px; }
.wysa-book-lookup button { background: #7B3F9E; color: white; border: none; padding: 8px 20px; border-radius: 4px; cursor: pointer; margin-left: 10px; }
.wysa-book-lookup button:hover { background: #5c2d7a; }
.wysa-book-result { padding: 10px; border: 1px solid #ddd; margin: 5px 0; background: white; cursor: pointer; border-radius: 4px; }
.wysa-book-result:hover { background: #f0e6ff; border-color: #7B3F9E; }

/* Hide category tree filter box */
.CategoryTreeFilter, .category_tree_filter, input.cattree_search, .CategoryBox > input[type="text"] { display: none !important; }


/* Hide empty category tree status box */
.CategoryBox:empty, .CategoryBox { min-height: 0 !important; padding: 0 !important; margin: 0 !important; border: none !important; background: transparent !important; }
#nodes_154_statusbox { display: none !important; }


/* Hide empty category tree box in search panel */
#SearchBox .CategoryBox,
#SearchBox textarea,
.SearchItem textarea {
    display: none !important;
}

/* Hide category tree status box for Scout Organisation field */
#field_154 textarea,
#field_154 .CategoryBox,
textarea[name="nodes_154"],
#nodes_154_statusbox,
.SearchItem #cattree_field_154_container textarea,
.SearchItem textarea.SearchWidth {
    display: none !important;
}

/* Hide empty category tree status box in search panel */
#nodes_searched_154_statusbox,
.MiniCategoryBox:empty,
#SearchBox .MiniCategoryBox {
    display: none !important;
}

/* Big Upload Button Tile */
#HomePanelContainer [tile="7"] .HomePanel,
#HomePanelContainer .HomePanel[tile="7"] {
    background: linear-gradient(135deg, #7413dc 0%, #5a0fb0 100%) !important;
    border: 3px solid #5a0fb0 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(116, 19, 220, 0.4) !important;
    transition: all 0.3s ease !important;
}

#HomePanelContainer [tile="7"]:hover .HomePanel,
#HomePanelContainer .HomePanel[tile="7"]:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(116, 19, 220, 0.5) !important;
}

#HomePanelContainer [tile="7"] .title,
#HomePanelContainer .HomePanel[tile="7"] .title {
    font-size: 1.5em !important;
    font-weight: bold !important;
}

#HomePanelContainer [tile="7"] .title::before,
#HomePanelContainer .HomePanel[tile="7"] .title::before {
    content: "\f093" !important;
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    margin-right: 10px !important;
    font-size: 1.2em !important;
}

/* Upload icon for tile - alternative selector */
.HomePanel .title:contains("Upload"),
div[id*="user_tile"] .title {
    position: relative;
}

#user_tile7 .title::before,
.DashTile[data-tile="7"] .title::before {
    content: "\f093" !important;
    font-family: "Font Awesome 6 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    margin-right: 10px !important;
    font-size: 1.2em !important;
    display: inline-block !important;
}


/* Login page specific links - white text on dark background */
#account_apply,
#account_pw_reset {
    color: #FFFFFF !important;
}

#account_apply:hover,
#account_pw_reset:hover {
    color: #23a950 !important;
}



/* Responsive navigation buttons - override white text for white background buttons */
#Header #HeaderNav1Click,
#Header #HeaderNav2Click {
    color: var(--wysa-purple) !important;
}