/**
 * GENSYS Mail brand overrides for the Roundcube "elastic" skin (1.6.x).
 *
 * Palette sampled from http://www.gensys.pl (css/layout.css):
 *   #b6a88b  tan/khaki       — brand accent (selection, highlights)
 *   #7c6b4a  dark khaki      — primary actions, links (white text passes AA)
 *   #6f6755  dark taupe      — hover/active shade
 *   #453f45  dark plum-gray  — app sidebar background
 *   #eeece7  warm off-white  — login page background
 *
 * Every rule below targets a selector verified against the shipped
 * styles.min.css of roundcube 1.6.16 (Debian 13), overriding these defaults:
 *   #layout-menu bg #2f3a3f, #taskmenu a.selected bg #45555c,
 *   .btn-primary #37beff (hover #1eb6ff), links a #00acff.
 * Loaded after the skin stylesheet, so equal specificity is sufficient.
 */

/* ---- links ---------------------------------------------------------- */
a { color: #7c6b4a; }
a:hover { color: #6f6755; }

/* ---- primary action buttons (login "Sign in", dialogs, forms) ------- */
.btn-primary,
.btn-primary:focus {
    color: #fff;
    background: #7c6b4a;
    border-color: #6f6755;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background: #6f6755;
    border-color: #6f6755;
}

/* ---- dark application sidebar (taskmenu) ----------------------------- */
#layout-menu { background-color: #453f45; }
#taskmenu a.selected,
#taskmenu a.selected:hover { background: #6f6755; }

/* ---- login page ------------------------------------------------------ */
/* Warm brand background behind the centered login card. The wordmark
   (251x32, tagline cropped) renders at natural size, well under elastic's
   100px logo cap — no sizing override needed. */
.task-login body,
body.task-login { background-color: #eeece7; }

/* ---- app sidebar logo ------------------------------------------------ */
/* The bare diamond mark is dark-on-transparent and would vanish against
   the dark sidebar, so give it a bright brand-colored pill. 54px mark +
   2x6px padding = 66px box, inside the 78px-wide expanded sidebar. */
#layout-menu #logo {
    background: #eeece7;
    border-radius: 6px;
    padding: 6px;
    max-width: 54px;
}