/* AvaliarFacil — original visual layer over Elastic. No external dependencies. */
body { font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Arial, sans-serif; }
html:not(.dark-mode) body { color: #243449; background: #f3f6fa; }
html:not(.dark-mode) #layout-menu { background: #0b3b70; border-right: 0; }
html:not(.dark-mode) #taskmenu a { color: #e4efff; }
html:not(.dark-mode) #taskmenu a:hover,
html:not(.dark-mode) #taskmenu a.selected { background: #165895; color: #fff; }
html:not(.dark-mode) #taskmenu a.selected { box-shadow: inset 3px 0 #80c6ff; }
html:not(.dark-mode) #layout-sidebar { background: #f3f6fa; }
html:not(.dark-mode) #layout-sidebar .header,
html:not(.dark-mode) #layout-list .header,
html:not(.dark-mode) #layout-content .header { background: #fff; border-color: #dfe6ee; }
html:not(.dark-mode) .listing li.selected > a,
html:not(.dark-mode) .listing tr.selected td { background: #e3effb; color: #123f70; }
html:not(.dark-mode) .listing li > a:hover,
html:not(.dark-mode) .messagelist tr:hover td { background: #edf4fb; }
html:not(.dark-mode) .messagelist td { border-bottom-color: #edf0f4; }
html:not(.dark-mode) .messagelist tr.unread td.subject { color: #102c4c; }
html:not(.dark-mode) .btn-primary { background: #0968b8; border-color: #0968b8; }
html:not(.dark-mode) .btn-primary:hover { background: #084f8b; border-color: #084f8b; }
.btn { border-radius: 6px; }
input.form-control, textarea.form-control, select.form-control { border-radius: 6px; }
html:not(.dark-mode) .form-control:focus { border-color: #2987ce; box-shadow: 0 0 0 3px #1378c51a; }
html:not(.dark-mode) .toolbar a { color: #3f546c; }
html:not(.dark-mode) .toolbar a:hover { color: #075fa8; }
#layout-menu #logo { max-width: 46px; height: auto; padding: 8px 0; }
@media screen and (min-width: 1025px) {
  #layout-sidebar { min-width: 220px; }
  .messagelist td { padding-top: 11px; padding-bottom: 11px; }
}
html:not(.dark-mode) body.task-login { background: radial-gradient(ellipse at top left, #dcecff 0, transparent 55%), #f2f5fa; }
body.task-login #layout { justify-content: center; }
body.task-login #login-form { padding: 36px 32px 28px; border-radius: 16px; }
html:not(.dark-mode) body.task-login #login-form { background: #fff; box-shadow: 0 16px 55px #18395814; border: 1px solid #e3eaf2; }
body.task-login #logo { width: 230px; max-width: 100%; height: auto; max-height: 85px; margin-bottom: 24px; }
body.task-login .form-control { min-height: 46px; }
body.task-login .btn-primary { min-height: 46px; font-weight: 600; }
@media screen and (max-width: 480px) { body.task-login #login-form { padding: 24px 20px; } }
@media print { body { background: white !important; } }