/*
 * Identidade visual Move In Tech
 * Seletor validado na estrutura real do Twenty v2.39.0.
 */

/* Bloco completo que atualmente possui 48x48px */
body:has(input[autocomplete="email"])
div:has(> a[href="/welcome"] > div[style*="android-launchericon"]) {
    width: min(380px, 78vw) !important;
    height: 160px !important;
    position: relative !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Link que envolve a marca */
body:has(input[autocomplete="email"])
div:has(> a[href="/welcome"] > div[style*="android-launchericon"])
> a[href="/welcome"] {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

/* Substitui diretamente o símbolo 20 pela logo Move In Tech */
body:has(input[autocomplete="email"])
a[href="/welcome"]
> div[style*="android-launchericon"] {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    background-image: url("/move-branding/logo.png?v=6") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* Remove o pequeno selo sobreposto */
body:has(input[autocomplete="email"])
div:has(> a[href="/welcome"] > div[style*="android-launchericon"])
> div:has(> img[src*="/file/core-picture/"]) {
    display: none !important;
}