/* Giao dien kieu Gmail cho Roundcube (skin Elastic) - ban v1, chi lay bo cuc va mau */
:root{
  --g-bg:#f6f8fc; --g-white:#ffffff; --g-text:#1f1f1f; --g-muted:#5f6368;
  --g-sel:#d3e3fd; --g-hover:#e9eef6; --g-read:#f2f6fc; --g-compose:#c2e7ff; --g-line:#e1e3e1;
}
html, body, body.task-mail, body.task-settings, body.task-addressbook, body.task-login{
  background:var(--g-bg) !important; color:var(--g-text);
  font-family:Roboto,"Segoe UI",Arial,sans-serif !important;
}
/* khung chinh bo tron nhu Gmail */
#layout-content, #layout-list{ background:var(--g-white) !important; }
#layout > .content, #layout-content{ border-radius:16px; }
#layout-list{ border-radius:16px; margin:4px 0; }
#layout-sidebar, #layout-menu, #layout > .menu, #layout > .sidebar{ background:var(--g-bg) !important; border:0 !important; }

/* nut Compose hinh vien thuoc */
body.task-mail a.compose, body.task-mail a.create, body.task-mail #toolbar-menu a.compose{
  background:var(--g-compose) !important; color:#001d35 !important; border-radius:16px !important;
  padding:14px 22px !important; font-weight:500; box-shadow:0 1px 3px rgba(60,64,67,.3);
}
body.task-mail a.compose:hover, body.task-mail a.create:hover{ box-shadow:0 2px 6px rgba(60,64,67,.4); }

/* cot trai: danh sach thu muc */
#mailboxlist li > a, .folderlist li > a{ border-radius:0 16px 16px 0 !important; color:var(--g-text) !important; }
#mailboxlist li:hover > a, .folderlist li:hover > a{ background:var(--g-hover) !important; }
#mailboxlist li.selected > a, .folderlist li.selected > a{
  background:var(--g-sel) !important; color:#001d35 !important; font-weight:700;
}
span.unreadcount{ background:transparent !important; color:var(--g-text) !important; font-weight:700; }

/* danh sach thu: thu chua doc nen trang + chu dam, thu da doc nen xam nhat */
table.messagelist tr td{ border-bottom:1px solid var(--g-line) !important; background:var(--g-read); }
table.messagelist tr.unread td{ background:var(--g-white) !important; font-weight:700 !important; }
table.messagelist tr:hover td{ background:var(--g-hover) !important; box-shadow:0 1px 2px rgba(60,64,67,.25); }
table.messagelist tr.selected td, table.messagelist tr.focused td{ background:#c2dbff !important; }
table.messagelist td.subject span.fromto{ font-weight:inherit; }
table.messagelist td.subject a{ color:var(--g-text) !important; }
table.messagelist span.msgicon.flag, table.messagelist span.flag{ color:#f4b400; }

/* o tim kiem bo tron */
.searchbar input, #mailsearchform, #searchform, input[type=search]{
  background:#eaf1fb !important; border:0 !important; border-radius:24px !important; padding:10px 16px !important;
}
.searchbar input:focus, #mailsearchform:focus{ background:var(--g-white) !important; box-shadow:0 1px 4px rgba(60,64,67,.35) !important; }

/* thanh tren */
#layout-menu .menu-heading, .header, .toolbar{ background:transparent !important; border-color:var(--g-line) !important; }
.header .header-title, #layout-list .header .header-title{ color:var(--g-text); font-weight:500; }

/* khung doc thu va tra loi */
.message-part, #messagebody{ border-radius:12px; }
#reply-all, a.reply, a.reply-all, a.forward{ border-radius:18px !important; }