:root { --praxis-header-height: 100px; }
.praxis-brands {
  position: fixed; inset: 0 0 auto; height: var(--praxis-header-height);
  z-index: 100; display: flex; align-items: center; justify-content: center;
  gap: 36px; padding: 14px 24px; background: #fff; border-bottom: 1px solid #dce4df;
}
.praxis-brands img { width: min(40vw, 300px); height: auto; object-fit: contain; }
body:not(.task-login) #layout { margin-top: var(--praxis-header-height); height: calc(100% - var(--praxis-header-height)); }
body.task-login .praxis-brands { display: none; }
body.task-login #logo { width: min(640px, 90vw); max-width: 100%; height: auto; max-height: none; }
html body.task-login #logo { opacity: 1 !important; }
#layout-menu > #logo { display: none; }
@media (max-width: 480px) {
  :root { --praxis-header-height: 84px; }
  .praxis-brands { gap: 16px; padding: 10px 12px; }
  .praxis-brands img { width: calc((100vw - 40px) / 2); height: auto; }
}
html body, html.dark-mode body { background: #f3f5f2; color: #263e33; }
html #layout-menu, html.dark-mode #layout-menu { background: #355347; }
html #taskmenu a, html.dark-mode #taskmenu a { color: #fff; }
html #taskmenu a.button, html.dark-mode #taskmenu a.button { color: #fff !important; }
html #taskmenu a.selected, html #taskmenu a:hover { background: #293f36; color: #fff; }
html .btn-primary, html.dark-mode .btn-primary { background: #355347; border-color: #355347; color: #fff; }
html .btn-primary:hover, html.dark-mode .btn-primary:hover { background: #293f36; border-color: #293f36; }
html a, html.dark-mode a { color: #355347; }
html .listing tr.selected td, html.dark-mode .listing tr.selected td { background: #e3ebe5; color: #263e33; }
html .form-control:focus { border-color: #355347; box-shadow: 0 0 0 2px #35534730; }
html body.task-login .form-control { background: white; color: #263e33; border-color: #a9bbb0; }
html body.task-login #login-footer { color: #52685d; }
html .floating-action-buttons a { background: #355347 !important; color: white !important; }
#taskmenu a.theme { display: none; }