/* Classroom Mail: original Elastic layout, Classroom palette. */
:root { --classroom-ink: #19253c; --classroom-sage: #67834b; }
body,button,input,select,textarea { font-family: Inter,system-ui,-apple-system,"Segoe UI",sans-serif; }
html:not(.dark-mode) body { color:var(--classroom-ink); background:#f4f6ee; }
html:not(.dark-mode) #layout-menu { background:var(--classroom-ink); }
html:not(.dark-mode) #taskmenu a { color:#edf2e6; }
html:not(.dark-mode) #taskmenu a.selected,html:not(.dark-mode) #taskmenu a:hover { background:#344761; color:#fff; }
html:not(.dark-mode) #layout-sidebar,html:not(.dark-mode) #layout-list { background:#fafbf7; }
html:not(.dark-mode) #layout-sidebar .header,html:not(.dark-mode) #layout-list .header,html:not(.dark-mode) #layout-content .header { background:#eef2e7; color:var(--classroom-ink); }
html:not(.dark-mode) .btn-primary { background:var(--classroom-sage); border-color:var(--classroom-sage); }
html:not(.dark-mode) .btn-primary:hover { background:#526d3b; border-color:#526d3b; }
html:not(.dark-mode) .folderlist li.mailbox.selected>a,html:not(.dark-mode) .messagelist tr.selected td { background:#e6eddc; color:var(--classroom-ink); }
#layout-menu .logo { background:#fff; border-radius:8px; padding:4px; object-fit:contain; }
.task-login #logo { max-width:240px; max-height:120px; width:auto; object-fit:contain; margin-bottom:24px; }
html:not(.dark-mode) .task-login { background:linear-gradient(145deg,#eef2e6,#fff); }
html:not(.dark-mode) .task-login #login-form { background:#fff; padding:28px; border:1px solid #dce3d5; border-radius:18px; box-shadow:0 16px 48px #19253c0d; }
.task-login #login-form input { border-radius:8px; }
.task-login #login-form button { border-radius:8px; }
@media(max-width:480px) { html:not(.dark-mode) .task-login #login-form { padding:20px; } }