:root{
  --teal:#4EA838;
  --teal-dark:#367D29;
  --blue:#1B5E20;
  --nav:#102015;
  --nav2:#1A3420;
  --soft:#F5F8F3;
}
.login-art{
  background:
    radial-gradient(circle at 75% 15%,rgba(128,195,66,.25) 0,transparent 36%),
    linear-gradient(145deg,#0D1C12,#1B5E20 68%,#285D24);
}
.brand{min-height:70px;letter-spacing:0}
.brand-logo-login{display:block;width:190px;height:72px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}
.brand-logo-mobile{display:block;width:170px;height:64px;object-fit:contain;object-position:left center}
.login-copy .eyebrow{color:#A8D98D}
.login-copy p{color:#DCEAD7}
.orb-one{background:radial-gradient(circle,#80C342,transparent 68%)}
.orb-two{border-color:rgba(255,255,255,.18);box-shadow:0 0 80px rgba(128,195,66,.28)}
.primary,.send,.dashboard-refresh{background:#4EA838}
.primary:hover,.send:hover,.dashboard-refresh:hover{background:#367D29}
.pill{background:#EDF7E9;color:#367D29}
.login-card input:focus,.form-card input:focus,.form-card select:focus{border-color:#4EA838;box-shadow:0 0 0 4px rgba(78,168,56,.12)}
.rail-btn:hover,.rail-btn.active{background:#284B2D;color:#8DCE72}
.filter:hover,.filter.active,.conversation:hover,.conversation.active{background:#F0F8ED;color:#367D29}
.live-dot,.status-dot.active{background:#4EA838}.live-dot{box-shadow:0 0 0 4px #E4F4DE}
.dashboard-hero{background:linear-gradient(120deg,#1B5E20,#4EA838 58%,#80C342);box-shadow:0 18px 40px rgba(27,94,32,.2)}
.hero-bubbles i{background:#367D29}.agent-summary span,.role-badge,.member-chip{background:#EDF7E9;color:#367D29}
.bar{background:linear-gradient(#80C342,#4EA838)}
@media(max-width:820px){.mobile-brand{display:flex;margin-bottom:46px}}