/* ONIXEO-Dialer: supplied navy/teal brand, existing navigation and forms. */
:root{--accent:#008b98;--sidebar:#001c3a;--sidebar2:#082c49}
.sidebar{background:#001c3a}.nav-item.active,.menu-item.active,.login-button{background:#008b98}.login-button:hover:not(:disabled){background:#007582}
.brand{flex-wrap:wrap;gap:8px}.brand-logo{width:100%;height:54px;border-radius:7px;background:#fff;padding:5px 12px}.onixeo-logo{display:block;width:100%;height:100%;object-fit:contain}
.brand-name{font-size:19px;line-height:1.3}.brand-sub{color:#bdcfdf;font-size:10px}.brand-logo+.brand-copy{min-width:0}
.login-brand{display:block}.login-logo{width:210px;height:70px;background:transparent;border-radius:0;margin:0 auto 12px}.login-title{color:#001c3a;text-align:center}.login-sub{text-align:center;color:#697386}.login-footer{color:#697386}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #009eaa;outline-offset:2px}

.onixeo-wordmark{color:#001c3a;font-weight:inherit}.onixeo-wordmark>.onixeo-x{color:#009eaa;font-style:normal}
 .sidebar .onixeo-wordmark{color:#fff}

/* Match the supplied logo's visible bounds to centered Admin brand text. */
.login-logo,.sidebar .brand-logo{overflow:hidden;height:auto}
.login-logo>.onixeo-logo,.sidebar .brand-logo>.onixeo-logo{width:104.2727%;height:auto;max-width:none;transform:translateX(-2.9926%)}
.sidebar .brand>div:not(.brand-logo){width:100%;text-align:center}