html,
body {
    min-height: 100%;
}

body.task-login {
    background-color: #111 !important;
    background-image: url('/mail/static.php/plugins/rc_login_branding/skins/elastic/images/logo-bg.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}



/* Roundcube elastic potrafi przykrywać body własnymi warstwami */
body.task-login #layout,
body.task-login #layout-content,
body.task-login .content,
body.task-login .container {
    background: transparent !important;
}

/* Główny panel logowania */
body.task-login #login-form {
    width: 320px !important;
    max-width: 320px !important;
    margin: 0 auto !important;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Pola logowania */
body.task-login #login-form input[type="text"],
body.task-login #login-form input[type="password"] {
    box-sizing: border-box !important;
    border-radius: 10px !important;
}

/* Przycisk logowania */
body.task-login #login-form input[type="submit"],
body.task-login #login-form button[type="submit"],
body.task-login #login-form .button.mainaction {
    background: var(--rc-login-button-background, #0088cc) !important;
    color: var(--rc-login-button-color, #ffffff) !important;
    border-color: var(--rc-login-button-border-color, #0088cc) !important;
    border-radius: var(--rc-login-button-radius, 10px) !important;
    box-shadow: var(--rc-login-button-shadow, none) !important;
}

body.task-login #login-form input[type="submit"]:hover,
body.task-login #login-form button[type="submit"]:hover,
body.task-login #login-form .button.mainaction:hover {
    background: var(--rc-login-button-hover-background, #006fa6) !important;
    border-color: var(--rc-login-button-hover-background, #006fa6) !important;
}

/* Informacja serwisowa — bez niebieskiego rantu */
body.task-login .login-branding-notice,
body.task-login .rc-login-branding-notice {
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 14px 0 8px 0 !important;
    padding: 12px 16px !important;

    background: var(--rc-login-notice-background, rgba(255,255,255,.96)) !important;
    color: var(--rc-login-notice-color, #1f2d33) !important;

    border: none !important;
    border-left: none !important;
    border-radius: 10px !important;

    font-size: 14px !important;
    line-height: 1.45 !important;
    text-align: center !important;

    box-shadow: var(--rc-login-notice-shadow, 0 6px 18px rgba(0,0,0,.18)) !important;
}

body.task-login .login-branding-notice strong,
body.task-login .rc-login-branding-notice strong {
    display: block !important;
    color: var(--rc-login-notice-title-color, #0088cc) !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
}

/* Link pod komunikatem, np. abcmail.pl */
body.task-login a,
body.task-login #login-form a,
body.task-login .support-link {
    color: #000000 !important;
    text-shadow: none !important;
    font-weight: 600 !important;
}


/* Napis/link pod informacją serwisową, np. abcmail.pl */
body.task-login #login-form a,
body.task-login #login-form .formlinks a,
body.task-login #login-form .support-link,
body.task-login #login-form p a,
body.task-login .formlinks a,
body.task-login .support-link,
body.task-login a[href*="abcmail"] {
    color: #000000 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}



/* Cloudflare Turnstile / captcha */
body.task-login .cf-turnstile,
body.task-login .turnstile {
    width: 300px !important;
    max-width: 300px !important;
    margin: 14px auto 0 auto !important;
    display: block !important;
    overflow: hidden !important;
    border-radius: 8px !important;
}

body.task-login iframe[src*="challenges.cloudflare.com"] {
    max-width: 300px !important;
    border-radius: 8px !important;
}

/* Bez rozmywania */
body.task-login,
body.task-login * {
    filter: none !important;
    backdrop-filter: none !important;
}

/* Czytelność tekstów na jasnym tle */
body.task-login,
body.task-login #login-form,
body.task-login #login-form *,
body.task-login .login-branding-notice,
body.task-login .rc-login-branding-notice {
    color: #000000 !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

/* Nagłówek informacji serwisowej */
body.task-login .login-branding-notice strong,
body.task-login .rc-login-branding-notice strong {
    color: #006fa6 !important;
}

/* Link / napis abcmail.pl */
body.task-login #login-form a,
body.task-login a,
body.task-login .formlinks,
body.task-login .formlinks a,
body.task-login .support-link {
    color: #000000 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* Pola logowania zostają ciemne i czytelne */
body.task-login #login-form input[type="text"],
body.task-login #login-form input[type="password"] {
    background: #1f2a2d !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.35) !important;
}

/* Placeholdery w polach */
body.task-login #login-form input::placeholder {
    color: #cfd8dc !important;
    opacity: 1 !important;
}

/* Ikony przy polach */
body.task-login #login-form .input-group-text,
body.task-login #login-form .input-group-prepend,
body.task-login #login-form .input-group-prepend span,
body.task-login #login-form i,
body.task-login #login-form .icon {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Przycisk bez zmian — jasny napis */
body.task-login #login-form input[type="submit"],
body.task-login #login-form button[type="submit"],
body.task-login #login-form .button.mainaction {
    color: #ffffff !important;
}