/* ==========================================================================
   WinTool App Store — Color & Branding Overrides
   Scoped via .appstore-page wrapper to keep TCM brown theme on admin pages
   Only changes: WinTool blue (#5887AD) colors + logo styling
   ========================================================================== */

/* Override TCM root colors for AppStore pages */
.appstore-page {
    --tcm-primary: #5887AD;
    --tcm-primary-dark: #4a7599;
    --tcm-primary-light: #7da8c8;
    --mud-palette-primary: #5887AD;
    --mud-palette-primary-hover: #4a7599;
}

/* MudBlazor filled primary buttons */
.appstore-page .mud-button-filled-primary {
    background-color: #5887AD !important;
}

.appstore-page .mud-button-filled-primary:hover {
    background-color: #4a7599 !important;
}

/* MudBlazor outlined primary buttons */
.appstore-page .mud-button-outlined-primary {
    border-color: #5887AD !important;
    color: #5887AD !important;
}

.appstore-page .mud-button-outlined-primary:hover {
    background-color: rgba(88, 135, 173, 0.08) !important;
}

/* MudBlazor text primary buttons */
.appstore-page .mud-button-text-primary {
    color: #5887AD !important;
}

/* MudBlazor links */
.appstore-page .mud-link.mud-primary-text {
    color: #5887AD !important;
}

/* MudBlazor chips with primary color */
.appstore-page .mud-chip-primary {
    background-color: #5887AD !important;
}

.appstore-page .mud-chip-outlined-primary {
    border-color: #5887AD !important;
    color: #5887AD !important;
}

/* MudBlazor icons with primary color */
.appstore-page .mud-primary-text {
    color: #5887AD !important;
}

/* Active nav item within appstore */
.appstore-page .mud-nav-item.mud-nav-item-active {
    background-color: #5887AD;
}

/* MudBlazor avatar with primary color */
.appstore-page .mud-avatar-primary {
    background-color: #5887AD !important;
}

/* Progress bars */
.appstore-page .mud-progress-linear-bar-primary {
    background-color: #5887AD !important;
}

.appstore-page .mud-progress-circular-primary circle {
    stroke: #5887AD !important;
}

/* MudBlazor breadcrumb link color */
.appstore-page .mud-breadcrumbs li a {
    color: #5887AD !important;
}

/* Card header accent border — WinTool blue instead of TCM brown */
.appstore-page .mud-card-header {
    border-bottom-color: #5887AD;
}

/* Featured banner — blue accent instead of brown */
.appstore-page .mud-paper[style*="border-left"] {
    border-left-color: #5887AD !important;
}

/* Company section gradient — blue tones */
.appstore-page .mud-paper[style*="linear-gradient"] {
    background: linear-gradient(135deg, #e3f0f8 0%, #eaf4fd 100%) !important;
    border-left: 4px solid #5887AD !important;
}

/* WinTool Logo styling */
.appstore-page .wt-logo {
    height: 40px;
    width: auto;
}