/* PLView Custom Branding Overrides */

tb-github-badge {
    display: none !important;
}

.tb-powered-by-footer {
    display: none !important;
}

:root {
    --tb-login-bg-image: url(/static/plview_login.png) !important;
    --tb-login-bg-color: #0d1117 !important;
}

/* Login background - cover entire window */
.tb-login-content {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 100vh !important;
    height: 100vh !important;
    width: 100vw !important;
    max-width: 100vw !important;
    background-image: var(--tb-login-bg-image, none) !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* Host element fills viewport */
tb-login {
    display: flex !important;
    flex: 1 1 0 !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Login card - 3D elevated glass effect */
.tb-login-content mat-card,
.tb-login-content .mat-mdc-card {
    background: rgba(255, 255, 255, 0.88) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    box-shadow:
        0 4px 6px rgba(0, 0, 0, 0.07),
        0 10px 20px rgba(0, 0, 0, 0.12),
        0 25px 50px rgba(0, 0, 0, 0.18),
        0 0 0 1px rgba(0, 0, 0, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
    transform: perspective(1000px) rotateX(0deg) translateZ(0) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    overflow: hidden !important;
}

.tb-login-content mat-card:hover,
.tb-login-content .mat-mdc-card:hover {
    transform: perspective(1000px) rotateX(0deg) translateZ(8px) !important;
    box-shadow:
        0 6px 10px rgba(0, 0, 0, 0.08),
        0 15px 30px rgba(0, 0, 0, 0.15),
        0 35px 60px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(0, 0, 0, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}

/* Inner card content padding */
.tb-login-content .mat-mdc-card .!p-6,
.tb-login-content mat-card-content {
    padding: 36px 32px !important;
}

/* Login button style upgrade */
.tb-login-content .tb-action-button button,
.tb-login-content .tb-action-button .mdc-button {
    border-radius: 10px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    text-transform: none !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
}

/* Hide "Uso de la API" sidebar */
a[href="/usage"] {
    display: none !important;
}
li:has(a[href="/usage"]) {
    display: none !important;
}

/* Hide "Trendz" tab in settings */
a.mdc-tab[href="/settings/trendz"],
a.mat-mdc-tab-link[href="/settings/trendz"],
[role="tab"][href="/settings/trendz"] {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
}