/* Contractor Web Solutions brand on top of Elastic: navy sidebar, orange actions.
   Rules are scoped so they never recolor body text or links — an earlier global
   `a { color }` made the sidebar unreadable and dark mode muddy. */

/* Sidebar (task menu): navy, white text, orange compose, selected = lighter navy */
#layout-menu, #layout-menu .popover-header { background-color: #0f1f38 !important; }
#taskmenu a, #taskmenu a span, #layout-menu .special-buttons a { color: #fff !important; }
#taskmenu a.selected, #taskmenu a:focus, #taskmenu a:hover,
#layout-menu .special-buttons a:hover { background-color: #1a3a6b !important; color: #fff !important; }
#taskmenu a.compose, #taskmenu a.compose span { color: #f07020 !important; }
#taskmenu a.about { display: none !important; }          /* confuses customers */

/* Primary buttons: orange */
.btn-primary, .btn-primary:focus, .btn-primary:active,
button.btn-primary, .ui-dialog .btn-primary, #login-form .btn-primary {
  background-color: #f07020 !important; border-color: #f07020 !important; color: #fff !important;
}
.btn-primary:hover { background-color: #d9611a !important; border-color: #d9611a !important; }
.btn-primary:focus { box-shadow: 0 0 0 .2rem rgba(240,112,32,.35) !important; }
.form-control:focus { border-color: #f07020 !important; box-shadow: 0 0 0 .2rem rgba(240,112,32,.25) !important; }
.custom-control-input:checked ~ .custom-control-label::before { background-color: #f07020 !important; border-color: #f07020 !important; }
.floating-action-buttons a.compose { background-color: #f07020 !important; color: #fff !important; }

/* Plain-text messages: the normal font, not a typewriter one */
#messagebody div.pre { font-family: inherit !important; font-size: 1rem; line-height: 1.5; }

/* Login page */
#login-form .logo { max-width: 340px; height: auto; margin-bottom: 1.2rem; }
#login-footer { display: none; }

/* Phones: give message rows room to breathe */
@media (max-width: 767px) {
  .messagelist tbody tr td { padding-top: .7rem !important; padding-bottom: .7rem !important; }
  .messagelist td.subject span.subject { margin-top: .2rem; }
  #layout-content > .header .logo { max-height: 30px; }
}