:root { --smart-primary: #5e72e4; --smart-dark: #252f40; }
body { font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.brand-mark { width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; color: #fff; font-weight: 800; background: linear-gradient(310deg, #2152ff, #21d4fd); box-shadow: 0 4px 10px rgba(33,82,255,.25); }
.nav-icon { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: .5rem; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.08); color: #344767; }
.nav-link.active .nav-icon { color: #fff; background: linear-gradient(310deg, #2152ff, #21d4fd); }
.table thead th { font-size: .65rem; }
.table td { font-size: .84rem; vertical-align: middle; }
.lead-data dt, .lead-data dd { padding-block: .45rem; margin-bottom: 0; border-bottom: 1px solid #f2f2f2; font-size: .85rem; }
.timeline-body { max-height: 540px; overflow-y: auto; }
.message-bubble { max-width: 90%; border-radius: 14px; padding: 12px 15px; margin-bottom: 12px; background: #f4f6f9; }
.message-bubble.outbound { margin-left: auto; background: #e9f6ff; }
.message-bubble small, .message-bubble strong { display: block; margin-bottom: 5px; }
.message-bubble p { margin: 0; font-size: .88rem; }
.assignment-table { max-height: 420px; overflow-y: auto; }
.login-visual { background-image: linear-gradient(135deg, rgba(33,82,255,.88), rgba(33,212,253,.7)), url('../vendor/soft-ui/img/curved-images/curved6.jpg'); }
code { color: #cb0c9f; }
@media (max-width: 1199.98px) { .sidenav { transform: translateX(-120%); transition: transform .25s ease; z-index: 1045; } body.sidenav-open .sidenav { transform: translateX(0); } .main-content { margin-left: 0 !important; } }