@charset "UTF-8";

/* 1. Global font */
html, body, input, button, select, textarea, .v-button {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* 2. Kill the bottom-left cartoon llama */
.no-auth-wrapper {
    background: #0d1117 !important;
    background-image: none !important;
}

/* 3. Hide left column completely */
.noauth-container .image {
    display: none !important;
}

/* 4. Sleek centered login card */
.noauth-container {
    background-color: #161b22 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6) !important;
    max-width: 440px !important;
    min-height: auto !important;
    width: 100% !important;
    margin: 0 auto !important;
}

.noauth-container .content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 2.5rem 2rem !important;
}

/* 5. Perfect proportions for 992x255 Noxet logo */
.logo,
.logo img,
img.logo {
    max-height: 44px !important;
    max-width: 220px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: inline-block !important;
}

/* 6. Navbar logo inside task manager */
.navbar .logo img,
header .logo img {
    max-height: 30px !important;
    max-width: 150px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* 7. Remove "Vikunja used on task.noxet.ru" note */
.api-config {
    display: none !important;
}

/* 8. Branded Noxet gradient button */
.button.is-primary,
button[type="submit"],
.v-button.is-primary {
    background: linear-gradient(45deg, #00d4ff, #9d50bb) !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* 9. Hide in-app llamas and empty states */
.llama-cool,
.offline,
[class*="llama"],
img[src*="llama"],
svg[class*="llama"],
.empty-state img,
.empty-state svg {
    display: none !important;
    background-image: none !important;
}

/* 10. Hide duplicate logo in sidebar menu */
.menu .logo,
.sidebar .logo {
    display: none !important;
}