/* Gmailish: Gmail-style light theme over Workbench/Elastic (Roundcube 1.6) */
:root {
	--wb-accent: #0b57d0;
	--wb-accent-fg: #ffffff;
	--gmail-bg: #f6f8fc;
	--gmail-panel: #ffffff;
	--gmail-border: #e1e3e6;
	--gmail-text: #1f1f1f;
	--gmail-muted: #444746;
	--gmail-hover: #eef2f9;
	--gmail-blue: #0b57d0;
	--gmail-blue-dark: #0842a0;
	--gmail-star: #fbbc04;
}

/* ---------- app shell ---------- */
body, #layout { background: var(--gmail-bg) !important; color: var(--gmail-text); }

/* left folder sidebar: light gray like Gmail */
#layout-sidebar, .sidebar {
	background: var(--gmail-bg) !important;
	border-right: 0 !important;
}
#layout-sidebar .listbox .listitem, .sidebar .listitem { border-radius: 0 16px 16px 0 !important; }
#layout-sidebar .listbox .listitem.selected, .sidebar .listitem.selected {
	background: #d3e3fd !important;
	font-weight: 700 !important;
}

/* message list pane: white card */
#layout-list {
	background: var(--gmail-panel) !important;
	border-right: 1px solid var(--gmail-border) !important;
}
table.messagelist tr.message:hover td { background: var(--gmail-hover) !important; }
table.messagelist tr.message.unread td.subject span.subject { font-weight: 700 !important; }

/* reading pane */
#layout-content, #messagebody { background: var(--gmail-panel) !important; }

/* top header: white, search pill */
.header, #layout > .header {
	background: var(--gmail-bg) !important;
	border-bottom: 0 !important;
}
input[type="search"], input.search, #quicksearchbox {
	border-radius: 24px !important;
	background: #eaf1fb !important;
	border: 0 !important;
	box-shadow: none !important;
}
input[type="search"]:focus, input.search:focus {
	background: #ffffff !important;
	box-shadow: 0 1px 3px rgba(60,64,67,.3) !important;
}

/* primary buttons: Google blue pill */
.button.mainaction, button.mainaction, .btn-primary, input.button.mainaction {
	background: var(--gmail-blue) !important;
	border-color: var(--gmail-blue) !important;
	border-radius: 20px !important;
	color: #fff !important;
}
.button.mainaction:hover, button.mainaction:hover, .btn-primary:hover {
	background: var(--gmail-blue-dark) !important;
}

/* compose button: white pill with shadow (Gmail style) */
.toolbar a.button.compose, .toolbar button.compose, a.compose {
	background: #ffffff !important;
	color: #001d35 !important;
	border-radius: 16px !important;
	box-shadow: 0 1px 3px rgba(60,64,67,.35) !important;
	border: 0 !important;
	font-weight: 500 !important;
}

/* links blue */
a { color: var(--gmail-blue); }

/* ---------- login page ---------- */
.task-login, .task-login #layout { background: #f6f8fc !important; }
.wb-login-hero {
	background: linear-gradient(135deg, #eaf1fb 0%, #ffffff 70%) !important;
	color: #1f1f1f !important;
}
.wb-login-hero h1, .wb-login-hero .wb-kicker, .wb-login-hero .wb-lede,
.wb-login-hero .wb-benefits li, .wb-login-hero .wb-hero-foot { color: #1f1f1f !important; }
.wb-login-card {
	background: #ffffff !important;
	border: 1px solid #e1e3e6 !important;
	box-shadow: 0 1px 3px rgba(60,64,67,.25) !important;
	border-radius: 24px !important;
}
.wb-badge {
	background: #eaf1fb !important;
	color: var(--gmail-blue) !important;
	border-radius: 12px !important;
}
#rcmloginsubmit {
	background: var(--gmail-blue) !important;
	border-radius: 20px !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
}
#login-form input.form-control {
	border-radius: 8px !important;
	border: 1px solid #747775 !important;
}
.wb-secure { color: var(--gmail-muted) !important; }