/* THEME-LAUNCHER-CANONICAL-001C */

#ui002aThemeLauncher {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    line-height: 1 !important;
}

#ui002aThemeLauncher .ms-theme-palette-icon {
    width: 25px;
    height: 25px;
    display: block;
    flex: 0 0 25px;
}

#ui002aThemeLauncher .ms-theme-palette-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

#masterSuiteThemeLayoutLauncher {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
}

#masterSuiteThemeLayoutLauncher[hidden] {
    display: grid !important;
}

#masterSuiteThemeLayoutLauncher .ms-theme-palette-icon {
    width: 23px;
    height: 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#masterSuiteThemeLayoutLauncher .ms-theme-palette-icon svg {
    width: 23px;
    height: 23px;
    display: block;
}

/* THEME-LAUNCHER-CANONICAL-001D */

#masterSuiteThemeLayoutLauncher,
.ms-theme-sidebar-entry {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

#masterSuiteThemeLayoutLauncher[hidden] {
    display: grid !important;
}

#masterSuiteThemeLayoutLauncher .ms-theme-palette-icon,
.ms-theme-sidebar-entry .ms-theme-palette-icon {
    width: 23px !important;
    min-width: 23px !important;
    height: 23px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

#masterSuiteThemeLayoutLauncher .ms-theme-palette-icon svg,
.ms-theme-sidebar-entry .ms-theme-palette-icon svg {
    width: 23px !important;
    height: 23px !important;
}

#ui002aThemeLauncher.is-active {
    border-color: rgba(244,189,43,.82) !important;
    box-shadow: 0 0 0 1px rgba(244,189,43,.22) !important;
}

/*
 * THEME-LAUNCHER-RECOVERY-PRE001F-002A
 *
 * SOLO PRESENTAZIONE.
 * Solo presentazione: nessuna manipolazione DOM o routing.
 */

/* Tavolozza topbar: nasconde soltanto il testo del launcher esistente. */
#ui002aThemeLauncher {
    position: relative !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

/* Tavolozza SVG CSS-only. */
#ui002aThemeLauncher::before,
#masterSuiteThemeLayoutLauncher::before {
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 auto !important;
    width: 25px !important;
    height: 25px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 3.5C8.82 3.5 3 8.65 3 15c0 6.08 5.15 10.73 11.46 10.73h1.66c1.34 0 2.1-.74 2.1-1.75 0-.72-.43-1.25-.91-1.84-.55-.67-1.12-1.37-1.12-2.43 0-1.79 1.47-3.04 3.43-3.04h2.72C26.1 16.67 29 13.92 29 10.62 29 6.69 23.32 3.5 16 3.5Z' fill='%23F4BD2B'/%3E%3Ccircle cx='10' cy='10' r='2.1' fill='%233B82F6'/%3E%3Ccircle cx='16' cy='8' r='2.1' fill='%23EF4444'/%3E%3Ccircle cx='22' cy='10.5' r='2.1' fill='%2322C55E'/%3E%3Ccircle cx='8.5' cy='16' r='2.1' fill='%23A855F7'/%3E%3C/svg%3E") !important;
}

/* Sidebar: nasconde l'immagine legacy, conserva il testo e aggiunge tavolozza. */
#masterSuiteThemeLayoutLauncher {
    cursor: pointer !important;
}

#masterSuiteThemeLayoutLauncher > img {
    display: none !important;
}

#masterSuiteThemeLayoutLauncher::before {
    width: 23px !important;
    height: 23px !important;
    margin-right: 10px !important;
}