/* Giao dien webmail theo website nguyenminhtien.vn
   Vang #FFB600 | Den than #1E1E20 / #2B2B2E / #3C3D40 | Chu #111 / trang | Font Lato (menu, nut) */
@import url('https://fonts.googleapis.com/css?family=Lato:400,700&display=swap');
:root { --nmt-gold:#FFB600; --nmt-gold-dark:#9a6a00; --nmt-ink:#111111; --nmt-char:#1e1e20; --nmt-char2:#2b2b2e; --nmt-char3:#3c3d40; }

/* ================= TRANG DANG NHAP ================= */
body.task-login {
  background: radial-gradient(1200px 600px at 20% 0%, #3c3d40 0%, #1e1e20 60%, #141416 100%) fixed !important;
  font-family: Lato, Arial, Helvetica, sans-serif;
}
body.task-login #layout, body.task-login #layout > .content { background: transparent !important; }
body.task-login #logo {
  display:block; width:116px !important; height:116px !important; max-width:116px !important; margin: 0 auto 6px;
  border-radius:50%; border:3px solid var(--nmt-gold); box-shadow:0 8px 30px rgba(0,0,0,.5); object-fit:cover; background:#fff;
}
#brand-head { text-align:center; margin: 6px auto 18px; }
#brand-head h1 { margin:0; font: 700 1.7rem Arial, Helvetica, sans-serif; color:#fff; }
#brand-head p  { margin:6px 0 0; font: 700 .85rem Lato, Arial, sans-serif; letter-spacing:.28em; text-transform:uppercase; color:var(--nmt-gold); }
body.task-login form#login-form {
  background: rgba(43,43,46,.92); border:1px solid rgba(255,182,0,.28); border-radius:6px;
  padding: 26px 26px 20px; max-width:390px; margin:0 auto; box-shadow:0 20px 60px rgba(0,0,0,.55);
}
body.task-login #login-form .formcontent { padding:0; box-shadow:none; background:transparent; }
body.task-login #login-form .form-control {
  background:#1e1e20 !important; color:#fff !important; border:1px solid #4a4b4f !important; border-radius:4px; height:2.9rem;
}
body.task-login #login-form .form-control::placeholder { color:#9a9ba0 !important; }
body.task-login #login-form .form-control:focus { border-color:var(--nmt-gold) !important; box-shadow:0 0 0 2px rgba(255,182,0,.25) !important; }
body.task-login #login-form .input-group-text { background:#1e1e20 !important; color:var(--nmt-gold) !important; border:1px solid #4a4b4f !important; border-radius:4px 0 0 4px; }
body.task-login #login-form .formbuttons { margin-top:16px; }
body.task-login #login-form button.btn-primary, body.task-login #login-form .formbuttons button {
  background:var(--nmt-gold) !important; color:var(--nmt-ink) !important; border:0 !important; border-radius:3px; height:2.9rem;
  font: 700 .95rem Lato, Arial, sans-serif; letter-spacing:.12em; text-transform:uppercase;
}
body.task-login #login-form button.btn-primary:hover { background:#ffc933 !important; }
body.task-login #login-form > div:last-child:empty { display:none; }
#brand-tagline { text-align:center; margin:20px auto 0; max-width:390px; font-size:.82rem; color:#b9bac0; }
#brand-tagline b { color:var(--nmt-gold); font-weight:700; }
body.task-login .footer, body.task-login #login-footer { color:#9a9ba0; }

/* ================= GIAO DIEN CHINH ================= */
#layout-menu { background:var(--nmt-char2) !important; }
#layout-menu a { font-family: Lato, Arial, sans-serif; }
#layout-menu a.selected, #layout-menu a:hover { background: rgba(255,182,0,.14) !important; }
#layout-menu a.selected:before, #layout-menu a.selected span.inner, #layout-menu a:hover:before { color:var(--nmt-gold) !important; }
#layout-menu .logo-img, #layout-menu img.logo, #layout-menu a.logo img, #layout-menu .logo img {
  width:40px !important; height:40px !important; border-radius:50%; border:2px solid var(--nmt-gold); object-fit:cover;
}
.btn.btn-primary, button.btn-primary, .formbuttons .btn.mainaction, .ui-dialog-buttonset .mainaction, .btn.mainaction {
  background:var(--nmt-gold) !important; border-color:var(--nmt-gold) !important; color:var(--nmt-ink) !important;
  font-family: Lato, Arial, sans-serif; font-weight:700; letter-spacing:.06em; text-transform:uppercase;
}
.btn.btn-primary:hover, button.btn-primary:hover, .btn.mainaction:hover { background:#ffc933 !important; border-color:#ffc933 !important; }
#layout-sidebar .header, #layout-list .header, #layout-content .header { font-family: Lato, Arial, sans-serif; }
.floating-action-buttons a, .floating-action-buttons .btn { background:var(--nmt-gold) !important; color:var(--nmt-ink) !important; }
.floating-action-buttons a:before { color:var(--nmt-ink) !important; }
html.dark-mode a { color:var(--nmt-gold); }
html:not(.dark-mode) a { color:var(--nmt-gold-dark); }
html.dark-mode .messagelist tr.unread td.subject span.subject a, html.dark-mode .messagelist tr.unread td.subject span.subject { color:var(--nmt-gold); }
html:not(.dark-mode) .messagelist tr.unread td.subject span.subject a { color:var(--nmt-ink); }
.pagenav a:hover, .folderlist li.selected > a { color:var(--nmt-gold) !important; }

/* Sap xep lai thu tu trang dang nhap: logo -> ten -> form -> gioi thieu */
body.task-login #layout-content { display:flex !important; flex-direction:column; align-items:center; justify-content:center; min-height:100vh; padding:24px 12px; }
body.task-login #logo, body.task-login #login-form { position:static !important; top:auto !important; left:auto !important; transform:none !important; opacity:1 !important; }
body.task-login #logo { margin:0 auto 4px !important; }
body.task-login #login-form { width:100%; margin:0 auto !important; }

/* ===== Doi het mau xanh mac dinh (#37beff) cua Roundcube sang vang thuong hieu ===== */
#layout-menu a.compose, #layout-menu a.compose span.inner, #layout-menu a.compose:before, #layout-menu a.compose span.inner:before,
.listing li.selected, .listing li.selected:before, .listing li.selected > a, .listing li.selected > a:before,
ul.treelist li.selected > a, ul.treelist li.selected > a:before, ul.treelist li.selected > a span,
.listing li.focused > a, ul.groups li.selected > a, ul.groups li.selected:before,
.pagenav a:hover, .toolbar a.button:not(.disabled):hover, .toolbar a.button:not(.disabled):hover:before,
.popover .listing a:hover, .tabbed li a.selected, .tabbed li.selected a {
  color: var(--nmt-gold) !important; border-color: var(--nmt-gold) !important;
}
.listing li.selected, ul.treelist li.selected > a { background: rgba(255,182,0,.12) !important; }
.custom-switch .custom-control-input:checked ~ .custom-control-label::before, .custom-control-input:checked ~ .custom-control-label::before,
.form-check-input:checked, input[type=checkbox]:checked, input[type=radio]:checked, .custom-switch .custom-control-input:checked ~ .custom-control-label:before {
  background-color: var(--nmt-gold) !important; border-color: var(--nmt-gold) !important;
}
.form-control:focus, input:focus, select:focus, textarea:focus { border-color: var(--nmt-gold) !important; box-shadow: 0 0 0 2px rgba(255,182,0,.25) !important; }
.progress-bar, .scroller::-webkit-scrollbar-thumb:hover { background-color: var(--nmt-gold) !important; }
::selection { background: rgba(255,182,0,.35); }

/* ================= BO CUC NOI BO GIONG WEBSITE ================= */
#nmt-topbar { display:none; }
html.nmt-has-topbar.layout-large #nmt-topbar, html.nmt-has-topbar.layout-normal #nmt-topbar {
  position:fixed; top:0; left:0; right:0; height:64px; z-index:800; display:flex; align-items:center; gap:26px; padding:0 22px;
  background:#1e1e20; border-bottom:2px solid var(--nmt-gold); font-family:Lato,Arial,sans-serif;
}
html.nmt-has-topbar.layout-large #layout-menu, html.nmt-has-topbar.layout-normal #layout-menu { display:none !important; }
html.nmt-has-topbar.layout-large #layout, html.nmt-has-topbar.layout-normal #layout { margin-top:64px; height:calc(100% - 64px) !important; }
#nmt-topbar a { text-decoration:none; }
#nmt-topbar .nmt-brand { display:flex; align-items:center; gap:12px; color:#fff !important; }
#nmt-topbar .nmt-brand img { width:44px; height:44px; border-radius:50%; border:2px solid var(--nmt-gold); object-fit:cover; background:#fff; }
#nmt-topbar .nmt-brand span { display:flex; flex-direction:column; line-height:1.15; }
#nmt-topbar .nmt-brand b { font:700 .92rem Arial,Helvetica,sans-serif; letter-spacing:.04em; color:#fff; }
#nmt-topbar .nmt-brand i { font:700 .62rem Lato,Arial,sans-serif; letter-spacing:.24em; text-transform:uppercase; color:var(--nmt-gold); font-style:normal; }
#nmt-topbar .nmt-nav { display:flex; gap:6px; margin-left:18px; }
#nmt-topbar .nmt-nav a { padding:8px 14px; font-weight:700; font-size:.82rem; letter-spacing:.1em; text-transform:uppercase; color:#fff !important; border-bottom:2px solid transparent; }
#nmt-topbar .nmt-nav a:hover { color:var(--nmt-gold) !important; }
#nmt-topbar .nmt-nav a.on { color:var(--nmt-gold) !important; border-bottom-color:var(--nmt-gold); }
#nmt-topbar .nmt-sp { flex:1; }
#nmt-topbar .nmt-cta { background:var(--nmt-gold); color:var(--nmt-ink) !important; font-weight:700; font-size:.8rem; letter-spacing:.12em; text-transform:uppercase; padding:11px 22px; border-radius:2px; }
#nmt-topbar .nmt-cta:hover { background:#ffc933; }
#nmt-topbar .nmt-user { color:#9a9ba0; font-size:.78rem; }
#nmt-topbar .nmt-theme { color:#9a9ba0 !important; font-size:1.1rem; padding:4px 6px; }
#nmt-topbar .nmt-theme:hover { color:var(--nmt-gold) !important; }
#nmt-topbar .nmt-out { border:1px solid var(--nmt-gold); color:var(--nmt-gold) !important; font-weight:700; font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; padding:9px 18px; border-radius:2px; }
#nmt-topbar .nmt-out:hover { background:var(--nmt-gold); color:var(--nmt-ink) !important; }

/* Nen den than trung tinh (bo xanh-xam mac dinh) va tieu de khung kieu website */
html.dark-mode body, html.dark-mode #layout, html.dark-mode #layout-content, html.dark-mode #layout-list, html.dark-mode .iframe-wrapper { background-color:#232326 !important; }
html.dark-mode #layout-sidebar { background-color:#1e1e20 !important; }
html.dark-mode .header, html.dark-mode .toolbar { background-color:#2b2b2e !important; border-color:#3c3d40 !important; }
html.dark-mode .header, html.dark-mode #layout-sidebar .header { border-bottom:1px solid rgba(255,182,0,.3) !important; }
.header .header-title, #layout-sidebar .header .header-title, .boxtitle { color:var(--nmt-gold) !important; font-family:Lato,Arial,sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.14em; font-size:.82rem; }
.toolbar a.button .inner { font-family:Lato,Arial,sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.08em; font-size:.62rem; }
html.dark-mode .listing li, html.dark-mode table.records-table tr td, html.dark-mode .listing > li { border-color:#34343a !important; }
html.dark-mode table.records-table tr:hover td, html.dark-mode .listing li:hover { background-color:rgba(255,182,0,.06) !important; }
table.records-table tr.selected td, table.records-table tr.focused td { background-color:rgba(255,182,0,.14) !important; box-shadow: inset 3px 0 0 var(--nmt-gold); }
html.dark-mode .iframe body, html.dark-mode body.iframe { background-color:#232326 !important; }
html.dark-mode .formcontent, html.dark-mode .propform .form-control, html.dark-mode .form-control { background-color:#1e1e20 !important; border-color:#4a4b4f !important; color:#fff !important; }
h1, h2, .formcontent h2 { font-family:Arial,Helvetica,sans-serif; }

/* ===== Khung doc thu: de nguyen do rong tu nhien cua thu khach ===== */
/* Thu HTML cua khach: khong them le, hien dung do rong goc */
#messagebody .message-htmlpart, #messagebody .rcmBody { padding: 0 !important; }
/* Thu chu thuan: chi them le nho de chu khong dinh mep */
#messagebody div.pre { padding: 10px 14px !important; font-size: 15px; line-height: 1.6; }
.message-headers, #message-header, .message-header { border-bottom: 2px solid rgba(255,182,0,.55) !important; }

/* ===== Dong bo font: giao dien = Lato (nhu menu website), tieu de lon = Arial; KHONG dung cho noi dung thu cua khach ===== */
body *:where(:not(#messagebody):not(#messagebody *):not(pre):not(pre *):not(code):not(textarea.mono):not(.tox-tinymce *):not(.mce-content-body):not(.mce-content-body *)) {
  font-family: Lato, "Segoe UI", Roboto, Arial, sans-serif !important;
}
/* Ngoai le: tieu de lon va ten thuong hieu dung Arial dam nhu website */
body #brand-head h1, body #nmt-topbar .nmt-brand b, body h1, body h2, body .formcontent h2 { font-family: Arial, Helvetica, sans-serif !important; }