/* ============================================================
   BurnSkyMail Theme for Roundcube (extends elastic)
   = @import elastic 全量 + BurnSky 商业化覆写
   ============================================================ */

:root {
	--bs-bg: #f4f6fb;
	--bs-card: #ffffff;
	--bs-line: #e6e9f4;
	--bs-text: #141a33;
	--bs-sub: #6b7191;
	--bs-accent: #6366f1;
	--bs-accent-2: #14b8a6;
	--bs-dark: #101736;
	--bs-dark-2: #182449;
	--bs-hover: #f1f3fb;
	--bs-selected: #eef0fe;
}

/* ---------- 全局 ---------- */
html, body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
		"Hiragino Sans GB", "Microsoft YaHei", Roboto, Helvetica, Arial, sans-serif !important;
	background: var(--bs-bg) !important;
	color: var(--bs-text);
	font-size: 13.5px;
	-webkit-font-smoothing: antialiased;
}

#layout { background: var(--bs-bg) !important; }

a { color: var(--bs-accent); }
a:hover { color: #4f46e5; }

/* 现代滚动条 */
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #c9cede; border-radius: 6px; border: 2px solid transparent; background-clip: content-box; }
::-webkit-scrollbar-thumb:hover { background: #aab0cd; background-clip: content-box; border: 2px solid transparent; }

/* ---------- 左侧图标导航栏（深色化） ---------- */
#layout-menu {
	background: linear-gradient(180deg, var(--bs-dark) 0%, var(--bs-dark-2) 100%) !important;
	border-right: 0 !important;
}
#layout-menu .special-buttons,
#layout-menu .toolbar {
	background: transparent !important;
}
#layout-menu a.button {
	color: rgba(255, 255, 255, 0.66) !important;
	border-radius: 12px;
	margin: 2px 8px;
	transition: all .18s;
}
#layout-menu a.button:hover {
	color: #fff !important;
	background: rgba(255, 255, 255, 0.10) !important;
}
#layout-menu a.button.selected,
#layout-menu a.button.enabled {
	color: #fff !important;
	background: linear-gradient(135deg, var(--bs-accent), var(--bs-accent-2)) !important;
	box-shadow: 0 4px 14px rgba(99, 102, 241, 0.45);
}
#layout-menu .inner .buttons a.button {
	color: rgba(255, 255, 255, 0.5) !important;
}

/* ---------- 面板通用 ---------- */
#layout-sidebar, #layout-list, #layout-content {
	background: var(--bs-card) !important;
	border-color: var(--bs-line) !important;
}

.header {
	background: var(--bs-card) !important;
	border-bottom: 1px solid var(--bs-line) !important;
	color: var(--bs-text) !important;
}

.header a.button {
	color: var(--bs-sub) !important;
	border-radius: 10px;
	transition: all .18s;
}
.header a.button:hover {
	color: var(--bs-accent) !important;
	background: var(--bs-hover) !important;
}
.header a.button.enabled { color: var(--bs-accent) !important; }
.header a.button.selected {
	color: #fff !important;
	background: linear-gradient(135deg, var(--bs-accent), var(--bs-accent-2)) !important;
}

/* 搜索框 */
.searchbox {
	background: var(--bs-bg) !important;
	border: 1.5px solid var(--bs-line) !important;
	border-radius: 12px !important;
}
.searchbox input {
	background: transparent !important;
	color: var(--bs-text) !important;
}
.searchbox a.button { color: var(--bs-sub) !important; }
.searchbox:focus-within { border-color: var(--bs-accent) !important; }

/* ---------- 文件夹侧栏 ---------- */
#folderlist, .treelist {
	background: transparent !important;
}
.treelist li {
	background: transparent !important;
	border-radius: 10px;
	margin: 1px 8px;
}
.treelist li > div > a,
.treelist li > a {
	color: var(--bs-text) !important;
	border-radius: 10px;
	padding: 8px 12px !important;
	transition: background .15s;
}
.treelist li > div > a:hover,
.treelist li > a:hover {
	background: var(--bs-hover) !important;
}
.treelist li.selected > div > a,
.treelist li.selected > a {
	background: var(--bs-selected) !important;
	color: var(--bs-accent) !important;
	font-weight: 600;
	box-shadow: inset 3px 0 0 var(--bs-accent);
	border-radius: 10px;
}
.treelist .unreadcount {
	background: linear-gradient(135deg, var(--bs-accent), var(--bs-accent-2)) !important;
	color: #fff !important;
	border-radius: 99px !important;
	font-weight: 600;
	padding: 1px 8px !important;
}

/* ---------- 邮件列表 ---------- */
.messagelist thead th, #messagelist thead th {
	background: #fafbfe !important;
	border-bottom: 1px solid var(--bs-line) !important;
	color: var(--bs-sub) !important;
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .4px;
}

.messagelist tbody td,
#messagelist tbody td {
	border-bottom: 1px solid #f0f2f9 !important;
}

.messagelist tbody tr,
#messagelist tbody tr {
	transition: background .12s;
}
.messagelist tbody tr:hover,
#messagelist tbody tr:hover {
	background: var(--bs-hover) !important;
}
.messagelist tbody tr.selected,
#messagelist tbody tr.selected,
.messagelist tbody tr.selected > td,
#messagelist tbody tr.selected > td {
	background: var(--bs-selected) !important;
}
.messagelist tbody tr.unfocused,
#messagelist tbody tr.unfocused {
	background: var(--bs-selected) !important;
}
.messagelist tbody tr.unread .subject,
#messagelist tbody tr.unread .subject {
	color: var(--bs-text) !important;
	font-weight: 700;
}
.messagelist tbody tr.flagged .subject,
#messagelist tbody tr.flagged .subject { color: #e02424; }

.messagelist .date, #messagelist .date { color: var(--bs-sub) !important; }
.messagelist .fromto, #messagelist .fromto { color: var(--bs-sub) !important; }
.messagelist .size, #messagelist .size { color: var(--bs-sub) !important; }

/* 列表底部计数 */
.listing-info, .pagenav .count { color: var(--bs-sub) !important; }

/* ---------- 按钮体系 ---------- */
.btn {
	border-radius: 10px !important;
	transition: all .18s;
}
.btn-secondary {
	background: var(--bs-card) !important;
	border: 1.5px solid var(--bs-line) !important;
	color: var(--bs-text) !important;
}
.btn-secondary:hover {
	border-color: var(--bs-accent) !important;
	color: var(--bs-accent) !important;
	background: var(--bs-card) !important;
}
.btn-primary {
	background: linear-gradient(90deg, var(--bs-accent), var(--bs-accent-2)) !important;
	border: 0 !important;
	color: #fff !important;
	box-shadow: 0 4px 14px rgba(99, 102, 241, 0.35);
}
.btn-primary:hover { opacity: .92; }

.propform .form-control,
.form-control {
	border: 1.5px solid var(--bs-line) !important;
	border-radius: 10px !important;
	background: #fbfcff !important;
	box-shadow: none !important;
	transition: border-color .18s;
}
.form-control:focus {
	border-color: var(--bs-accent) !important;
	box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12) !important;
}

/* 弹出菜单 */
.menu.content, .popover-body {
	border-radius: 14px !important;
	box-shadow: 0 12px 40px rgba(16, 23, 54, 0.16) !important;
	border: 1px solid var(--bs-line) !important;
	overflow: hidden;
}
.menu.content .header, .popover .header { border-bottom: 1px solid var(--bs-line); }
.menu a.list-group-item,
ul.menu li a,
.menu li a {
	color: var(--bs-text) !important;
	transition: background .12s;
}
.menu li a:hover, .menu a:hover { background: var(--bs-hover) !important; }

/* ---------- 邮件正文阅读 ---------- */
#messagecontent, .message-part, #messagepartheaders {
	font-size: 14px;
	line-height: 1.65;
	color: #232946;
}
.message-part blockquote {
	border-left: 3px solid var(--bs-accent) !important;
	background: var(--bs-bg);
	padding: 8px 14px;
	border-radius: 0 10px 10px 0;
	color: var(--bs-sub);
	margin: 8px 0;
}
#messagepartheaders, .message-partheaders {
	background: var(--bs-bg) !important;
	border-radius: 12px;
	border: 1px solid var(--bs-line) !important;
}
.message-partheaders table td { color: var(--bs-sub) !important; border: 0 !important; }

/* ---------- 布局间距微调（仅桌面端） ---------- */
@media screen and (min-width: 1024px) {
	#layout-menu { width: 56px; }
	#layout-sidebar { width: 232px; }
	#layout-list { width: 40%; border-right: 1px solid var(--bs-line); }
	.header { padding: 8px 12px; min-height: 48px; }
	.messagelist tbody td, #messagelist tbody td { padding-top: 9px; padding-bottom: 9px; }
}

/* ---------- 对话框/提示 ---------- */
.ui-dialog { border-radius: 16px !important; box-shadow: 0 20px 60px rgba(16,23,54,.2) !important; }
.ui-dialog .ui-dialog-titlebar { background: transparent; border-bottom: 1px solid var(--bs-line); }
.ui-widget-overlay { background: rgba(16, 23, 54, 0.35) !important; }

/* 警示条美化 */
#messagestack .alert {
	border-radius: 12px !important;
	box-shadow: 0 8px 24px rgba(16, 23, 54, 0.18) !important;
	border: 0 !important;
}

/* ---------- 品牌图标（焚天图标） ---------- */
#layout-menu img#logo {
	content: url("/skins/burnsky/images/icon.png");
	width: 34px; height: 34px;
	background: #fff; border-radius: 12px; padding: 5px;
	box-sizing: content-box;
	margin: 10px auto 6px;
	display: block;
}