/* Blucor Webmail (d164) - brand colours from logo: teal #0d7ea6 -> green #7cbc3c */
:root{--bc-teal:#0d7ea6;--bc-teal-d:#0a6687;--bc-green:#7cbc3c;--bc-ink:#14303f;--bc-mut:#5f7480;--bc-line:#e3eaee;--bc-soft:#eef7fb}

/* ---------- LOGIN ---------- */
body.task-login{background:linear-gradient(160deg,#f3f8fb 0%,#e8f3ee 100%)!important}
html.dark-mode body.task-login{background:linear-gradient(160deg,#121b21 0%,#16231d 100%)!important}
body.task-login #layout-content{background:transparent!important;display:flex;flex-direction:column;align-items:center;justify-content:center!important;min-height:100%!important;height:100%!important;padding:24px 16px!important;overflow:auto}
body.task-login #login-form{top:0!important}
body.task-login #layout-content > #logo{display:none!important}
body.task-login #login-form{background:#fff;width:100%;max-width:400px;padding:34px 34px 26px;border-radius:16px;
  box-shadow:0 12px 40px rgba(20,48,63,.12),0 2px 6px rgba(20,48,63,.06);border:1px solid var(--bc-line);border-top:4px solid var(--bc-teal)}
html.dark-mode body.task-login #login-form{background:#1c272e;border-color:#2b3a42;border-top-color:var(--bc-teal);box-shadow:0 12px 40px rgba(0,0,0,.45)}
.bc-login-head{text-align:center;margin:0 0 22px}
.bc-login-logo{height:64px;width:auto;display:block;margin:0 auto 14px}
.bc-login-head h1{font-size:1.45rem;font-weight:600;letter-spacing:.2px;color:var(--bc-ink);margin:0 0 6px;line-height:1.25}
.bc-login-head h1:before{content:"Blucor ";color:var(--bc-teal)}
.bc-login-head p{margin:0;color:var(--bc-mut);font-size:.9rem;line-height:1.5}
.bc-login-head .bc-dom{font-size:.82rem;opacity:.85}
html.dark-mode .bc-login-head h1{color:#e8f0f4}
html.dark-mode .bc-login-head p{color:#9fb2bc}
body.task-login #login-form table{width:100%;margin:0}
body.task-login #login-form td.input{padding:0 0 12px}
body.task-login #login-form .input-group{height:46px}
body.task-login #login-form .input-group-text{border-radius:10px 0 0 10px;min-width:44px;justify-content:center}
body.task-login #login-form input.form-control{height:46px;border-radius:0 10px 10px 0;font-size:.95rem}
body.task-login #login-form input.form-control:focus{border-color:var(--bc-teal);box-shadow:0 0 0 3px rgba(13,126,166,.15)}
body.task-login #login-form .formbuttons{margin:6px 0 0;padding:0}
body.task-login #rcmloginsubmit{height:46px;border-radius:10px;font-weight:600;letter-spacing:.6px;font-size:.95rem;
  background:linear-gradient(90deg,var(--bc-teal),#11909a)!important;border:0!important;box-shadow:0 4px 12px rgba(13,126,166,.28)}
body.task-login #rcmloginsubmit:hover{filter:brightness(1.07)}
.bc-login-foot{margin-top:18px;text-align:center;font-size:.8rem;color:var(--bc-mut)}
.bc-login-foot a{color:var(--bc-teal)}
body.task-login #login-footer{display:none!important}
body.task-login #message .alert, body.task-login .ui-alert{border-radius:10px}

/* ---------- APP: brand colour ---------- */
.button.mainaction,.btn-primary,.ui-dialog .btn-primary,.formbuttons .button.mainaction{background-color:var(--bc-teal)!important;border-color:var(--bc-teal)!important}
.button.mainaction:hover,.btn-primary:hover{background-color:var(--bc-teal-d)!important;border-color:var(--bc-teal-d)!important}
a,.listing li a:focus{color:var(--bc-teal)}
#layout-menu .popover-header,.menu a.compose,.floating-action-buttons a.compose{}
#layout-menu a.compose,#layout-menu .compose{background-color:var(--bc-teal)!important;border-radius:10px}

/* ---------- APP: menu logo (was a bare logo) ---------- */
#layout-menu .popover-header{padding:12px 10px!important;border-bottom:1px solid rgba(255,255,255,.08);text-align:center}
#layout-menu .popover-header img,#layout-menu #logo{display:block;margin:0 auto;max-height:40px!important;max-width:52px!important;width:auto!important;height:auto!important;
  background:#fff;border-radius:12px;padding:7px;box-shadow:0 2px 8px rgba(0,0,0,.25)}
#layout-menu #taskmenu a{border-radius:10px;margin:2px 6px}
#layout-menu #taskmenu a.selected{background:rgba(13,126,166,.35)!important}

/* ---------- APP: spacing + lists ---------- */
#layout-sidebar .header,#layout-list .header,#layout-content .header{min-height:52px}
#layout-sidebar .header .header-title,#layout-list .header .header-title{font-weight:600;letter-spacing:.2px}
#folderlist-content li a,#directorylist li a,#settings-menu li a{padding-top:.55rem;padding-bottom:.55rem;line-height:1.35}
#folderlist-content li.selected > a,#settings-menu li.selected a,#directorylist li.selected > a{background:var(--bc-soft);box-shadow:inset 3px 0 0 var(--bc-teal);color:var(--bc-ink)}
html.dark-mode #folderlist-content li.selected > a,html.dark-mode #settings-menu li.selected a{background:#20313a;color:#e8f0f4}
table.messagelist td{line-height:1.4}
table.messagelist tr td.subject span.subject a{font-weight:500}
table.messagelist.widescreen tr td{padding-top:.6rem;padding-bottom:.6rem}
table.messagelist tr.unread td.subject span.subject a{font-weight:700;color:var(--bc-ink)}
html.dark-mode table.messagelist tr.unread td.subject span.subject a{color:#fff}
table.messagelist tr.selected td,table.messagelist tr.focused td{background-color:var(--bc-soft)!important}
html.dark-mode table.messagelist tr.selected td,html.dark-mode table.messagelist tr.focused td{background-color:#20313a!important}
table.messagelist tr.selected td:first-child{box-shadow:inset 3px 0 0 var(--bc-teal)}
#messagebody,.message-partheaders{line-height:1.55}
.header h2.subject{font-weight:600;line-height:1.35}