/* Retail Engineer webmail — brand overlay on the Elastic skin.
 * Restrained / premium register: RE blue accent, soft light chrome.
 * Loaded last (via the rebrand plugin) so these win over Elastic. */

:root {
    --re-blue: #2A6FF2;
    --re-blue-600: #1F58D4;
    --re-blue-700: #1846AB;
    --re-ink: #1E1F22;
}

/* ─────────── Login screen ─────────── */
body.task-login,
body.task-login #layout {
    background:
        radial-gradient(1100px 480px at 50% -12%, rgba(42, 111, 242, .12), transparent 62%),
        linear-gradient(180deg, #F7F8FA 0%, #EBEEF3 100%) !important;
}
body.task-login #layout > .content { align-items: center; }
body.task-login #login-form,
body.task-login .box-inner {
    border-radius: 16px !important;
    border: 1px solid #E1E3E6 !important;
    box-shadow: 0 18px 50px rgba(16, 20, 34, .16), 0 2px 8px rgba(16, 20, 34, .06) !important;
}
body.task-login .banner img,
#login-form img.logo,
img.logo { max-height: 40px !important; width: auto !important; }

/* ─────────── Primary accent ─────────── */
.btn-primary,
button.btn-primary,
a.btn-primary,
#rcmloginsubmit,
.ui.button.primary,
a.button.primary,
button.button.primary,
.floating-action-buttons a.button.filled {
    background-color: var(--re-blue) !important;
    border-color: var(--re-blue) !important;
    color: #fff !important;
}
.btn-primary:hover,
button.btn-primary:hover,
a.btn-primary:hover,
#rcmloginsubmit:hover,
.ui.button.primary:hover {
    background-color: var(--re-blue-600) !important;
    border-color: var(--re-blue-600) !important;
}
.btn-primary:active,
.btn-primary:focus,
#rcmloginsubmit:focus {
    background-color: var(--re-blue-700) !important;
    box-shadow: 0 0 0 3px rgba(42, 111, 242, .25) !important;
}

a { color: var(--re-blue); }
a:hover { color: var(--re-blue-600); }

/* Inputs — RE focus ring */
input:focus,
textarea:focus,
select:focus,
.form-control:focus {
    border-color: var(--re-blue) !important;
    box-shadow: 0 0 0 3px rgba(42, 111, 242, .18) !important;
}

/* ─────────── Chrome accents ─────────── */
/* Selected rows across mail list / folders / contacts */
.listing li.selected > a,
.listing tr.selected > td,
.listing li.selected {
    box-shadow: inset 3px 0 0 var(--re-blue);
}
.listing li.selected > a { background-color: rgba(42, 111, 242, .08) !important; }

/* Unread badges / counters */
.unreadcount,
.badge,
span.unreadcount { background-color: var(--re-blue) !important; color: #fff !important; }

/* Links / active toolbar affordances */
.toolbar a.button.selected,
.pagenav a.button:hover { color: var(--re-blue) !important; }

/* Message-list "unread" left marker */
.messagelist tr.unread td.subject { border-inline-start-color: var(--re-blue) !important; }