/* Fluent-style pass over Elastic (BLUEPRINT §21 Path A).
   Palette: Fluent blue #0F6CBD family; Segoe-first type stack. */

:root {
  --fluent-accent: #0F6CBD;
  --fluent-accent-dark: #0C579A;
  --fluent-accent-wash: #EBF3FB;
  --fluent-surface: #FAF9F8;
  --fluent-line: #E1DFDD;
}

body, input, button, select, textarea, .listing, #layout {
  font-family: "Segoe UI", "Segoe UI Web", -apple-system, "Helvetica Neue", Arial, sans-serif !important;
}

/* task menu (far-left rail) — light like Outlook's app bar */
#layout-menu, #layout > .menu {
  background: var(--fluent-surface) !important;
  border-right: 1px solid var(--fluent-line);
}
#taskmenu a, #layout-menu .special-buttons a { color: #444 !important; }
#taskmenu a.selected, #taskmenu a:hover {
  color: var(--fluent-accent) !important;
  background: var(--fluent-accent-wash) !important;
}
#taskmenu a.compose {
  background: var(--fluent-accent) !important;
  color: #fff !important;
  border-radius: 6px;
}

/* header bars */
#layout-list > .header, #layout-content > .header, #layout-sidebar > .header {
  background: #fff !important;
  border-bottom: 1px solid var(--fluent-line);
}

/* primary buttons + accents */
.btn-primary, button.mainaction, input.mainaction {
  background: var(--fluent-accent) !important;
  border-color: var(--fluent-accent) !important;
  border-radius: 4px !important;
}
.btn-primary:hover, button.mainaction:hover {
  background: var(--fluent-accent-dark) !important;
}
a, .listing li a.selected { color: var(--fluent-accent); }

/* message list — Outlook-like row treatment */
.messagelist tr.selected td {
  background: var(--fluent-accent-wash) !important;
  box-shadow: inset 3px 0 0 var(--fluent-accent);
}
.messagelist tr.unread td.subject { font-weight: 600; }
.messagelist td { border-bottom: 1px solid #F3F2F1 !important; }

/* login screen */
#login-form .formbuttons button {
  background: var(--fluent-accent) !important;
  border-radius: 4px !important;
}
#layout-login-form, .task-login #layout {
  background: #F5F5F5 !important;
}
.task-login #login-form {
  background: #fff; border-radius: 8px; box-shadow: 0 2px 14px rgba(0,0,0,.12); padding: 24px;
}

/* soften chrome */
.toolbar a.button { border-radius: 4px; }
#layout-sidebar, #layout-list { background: #fff !important; }