:root { --brand: #0f766e; --brand-dark: #0b5952; }
#layout-menu, #layout-menu .popover-header { background: #0f2a3d !important; }
#layout-menu a, #layout-menu .special-buttons a { color: #cfe3e1 !important; }
#layout-menu a.selected, #layout-menu a:hover { color: #fff !important; background: rgba(255,255,255,.08) !important; }
.btn-primary, .btn.mainaction, button.mainaction { background-color: var(--brand) !important; border-color: var(--brand) !important; }
.btn-primary:hover, .btn.mainaction:hover { background-color: var(--brand-dark) !important; }
a, .listing li.selected a, .messagelist tr.unread .subject a { color: var(--brand); }
.listing li.selected, table.records-table tr.selected td { background-color: #e6f4f2 !important; }
body.task-login { background: linear-gradient(135deg, #0f2a3d 0%, #0f766e 100%) !important; }
body.task-login #layout-content { background: transparent !important; }
body.task-login form { background: #fff; padding: 2.2rem 2rem 1.6rem; border-radius: 14px; box-shadow: 0 20px 50px rgba(0,0,0,.25); }
body.task-login #logo { max-width: 300px; width: 300px; margin-bottom: 1.6rem; }
body.task-login #login-footer, body.task-login #login-footer a { color: rgba(255,255,255,.8) !important; }
body.task-login form::after { content: "Sign in with your Boomerang account"; display:block; text-align:center; color:#6b7c86; font-size:.85rem; margin-top:1rem; }