/* Realty Branding for Roundcube */

/* Primary Colors */
:root {
    --realty-blue: #3300FF;
    --realty-navy: #141B33;
    --realty-light-bg: #F4F6FC;
    --realty-light-purple: #E5E3FF;
}

/* Login page styling */
#layout-login {
    background: linear-gradient(135deg, var(--realty-navy) 0%, #1a2340 100%) !important;
}

#login-form {
    background: white !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.15) !important;
}

/* Primary buttons */
.mainaction, .btn-primary, button.primary {
    background-color: var(--realty-blue) !important;
    border-color: var(--realty-blue) !important;
    border-radius: 40px !important;
}

.mainaction:hover, .btn-primary:hover, button.primary:hover {
    background-color: #2800cc !important;
    border-color: #2800cc !important;
}

/* Secondary buttons */
.btn-secondary {
    background-color: var(--realty-light-purple) !important;
    border-color: var(--realty-light-purple) !important;
    color: var(--realty-navy) !important;
    border-radius: 40px !important;
}

/* Header/Toolbar */
#layout > .header,
.header.toolbar {
    background-color: var(--realty-navy) !important;
}

/* Selected items */
.listing li.selected,
.listing tr.selected td {
    background-color: var(--realty-light-purple) !important;
}

/* Links */
a {
    color: var(--realty-blue);
}

a:hover {
    color: #2800cc;
}

/* Focus states */
input:focus, select:focus, textarea:focus {
    border-color: var(--realty-blue) !important;
    box-shadow: 0 0 0 2px rgba(51, 0, 255, 0.2) !important;
}