/* ===== Hamza Halawa Mail Branding ===== */

:root {
    --hamza-primary: #243b6b;
    --hamza-secondary: #0f8fa8;
    --hamza-bg: #f4f7fb;
}

/* Login background */
body.task-login {
    background: linear-gradient(135deg, #f7f9fc 0%, #eef4f8 100%);
}

/* Login container */
#login-form {
    background: #ffffff;
    padding: 32px;
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
    max-width: 430px;
}

/* Logo */
#login-form #logo,
#logo {
   /* width: 260px !important;*/
    max-width: 260px !important;
    height: auto !important;
    margin: 0 auto 25px auto !important;
}

/* Inputs */
#login-form input[type="text"],
#login-form input[type="password"],
#login-form input[type="email"] {
    border-radius: 10px !important;
    min-height: 46px;
    border: 1px solid #dfe5ec;
}

/* Focus */
#login-form input:focus {
    border-color: var(--hamza-secondary) !important;
    box-shadow: 0 0 0 3px rgba(15, 143, 168, 0.12) !important;
}

/* Login button */
#login-form button,
#login-form input[type="submit"] {
    background: linear-gradient(
        135deg,
        var(--hamza-primary),
        var(--hamza-secondary)
    ) !important;

    border: 0 !important;
    border-radius: 10px !important;
    min-height: 46px;
    font-weight: 600;
}

/* Roundcube main header */
#layout-menu {
    background: #ffffff;
}

/* Selected menu item */
.menu.toolbar a.selected,
.listing li.selected {
    background-color: rgba(15, 143, 168, 0.10) !important;
}

/* Buttons */
.btn-primary {
    background-color: var(--hamza-primary) !important;
    border-color: var(--hamza-primary) !important;
}

/* Cleaner cards/panels */
#layout-sidebar,
#layout-list,
#layout-content {
    border-color: #e9edf2;
}


/* =========================================================
   Hamza Halawa Mail - Internal UI
========================================================= */