/* PowerMail Webmail 品牌樣式（Elastic 皮膚，與管理後台視覺一致） */

:root {
  --pm-navy: #1e3a5f;
  --pm-navy-dark: #0f2744;
  --pm-blue: #2563eb;
  --pm-blue-dark: #1d4ed8;
}

/* 頂部列 / 側邊 task menu */
#layout-menu .header,
#layout-menu .popover-header,
.layout-sidebar > .header {
  background: linear-gradient(180deg, var(--pm-navy) 0%, var(--pm-navy-dark) 100%) !important;
  border-color: rgba(255, 255, 255, .08) !important;
}

#taskmenu a,
#taskmenu button {
  color: rgba(255, 255, 255, .85) !important;
}

#taskmenu a.selected,
#taskmenu a:hover,
#taskmenu button:hover {
  background: rgba(37, 99, 235, .35) !important;
  color: #fff !important;
}

#layout-menu .header a.button-logout,
#layout-menu .header .username {
  color: rgba(255, 255, 255, .9) !important;
}

/* 主內容區按鈕 */
button.btn-primary,
a.btn-primary,
input.button.mainaction,
button.btn.mainaction {
  background: var(--pm-blue) !important;
  border-color: var(--pm-blue-dark) !important;
}

button.btn-primary:hover,
a.btn-primary:hover {
  background: var(--pm-blue-dark) !important;
}

/* 列表選取 */
.listing tbody tr.selected td,
.listing li.selected,
.table-widget tr.selected td {
  background-color: #eff6ff !important;
}

.listing tbody tr.selected td:first-child {
  box-shadow: inset 3px 0 0 var(--pm-blue);
}

/* 設定頁 / 表單 */
.formcontent fieldset legend {
  color: var(--pm-navy);
  font-weight: 600;
}

/* 登入頁（Roundcube login） */
#login-form .button.mainaction {
  background: linear-gradient(135deg, var(--pm-blue), var(--pm-blue-dark)) !important;
  border: none !important;
  border-radius: 8px !important;
}

body.task-login {
  background: linear-gradient(145deg, var(--pm-navy-dark), var(--pm-blue)) !important;
}

@media (max-width: 768px) {
  #layout-menu {
    box-shadow: 2px 0 12px rgba(0, 0, 0, .15);
  }
}