/* Utelenet CRM brand layer — based on Utelenet Brand Guide, March 2026 */
:root{
  --ute-lavender:#e6e6fd;
  --ute-powder:#a9a9f7;
  --ute-slate:#6b6bf1;
  --ute-blue:#5151ef;
  --ute-black:#07070f;
  --ute-magenta:#a351f0;
  --ute-energy:#5188f0;
  --ute-ice:#5eebe6;
}
html,body,button,input,select,textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.sidebar{background:linear-gradient(180deg,#f8f8ff 0%,#f7f7fb 38%,#f7f7f6 100%);border-color:#e3e3f4}
.brand-row{height:50px;padding-inline:4px 2px}
.utelenet-brand{width:148px;min-width:0;display:flex;align-items:center}
.brand.utelenet-brand .brand-logo{display:block;width:142px;height:auto;max-height:34px;border:0;border-radius:0;object-fit:contain;object-position:left center}
.brand.utelenet-brand .brand-mark{display:none;width:34px;height:34px;border:0;border-radius:0;object-fit:contain}
body.nav-collapsed .brand.utelenet-brand .brand-logo{display:none}
body.nav-collapsed .brand.utelenet-brand .brand-mark{display:block;width:34px;height:34px;border-radius:0;object-fit:contain}
.nav-item.active,.country.active-country{background:var(--ute-lavender);color:var(--ute-black);font-weight:590;box-shadow:inset 3px 0 0 var(--ute-blue)}
.nav-item:hover,.nav-section-toggle:hover{background:#eeeeff;color:var(--ute-black)}
.nav-badge.dark,.tab.active b{background:var(--ute-blue);color:#fff}
.primary-button,.send-button,.campaign-details-button,.open-project,.open-developer,.open-company{background:var(--ute-blue)!important;color:#fff!important;border-color:var(--ute-blue)!important;box-shadow:0 5px 14px rgba(81,81,239,.18)!important}
.primary-button:hover,.send-button:hover,.campaign-details-button:hover,.open-project:hover,.open-developer:hover,.open-company:hover{background:#4141d9!important;border-color:#4141d9!important}
.object-page-switcher a.active{background:var(--ute-blue);color:#fff;box-shadow:0 3px 10px rgba(81,81,239,.2)}
.icon-button:focus-visible,.nav-item:focus-visible,.tab:focus-visible,.primary-button:focus-visible,.send-button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.object-page-switcher a:focus-visible{outline:2px solid var(--ute-slate)!important;outline-offset:2px}
.mail-row.active:after{background:var(--ute-blue)}
.unread-dot{background:var(--ute-blue);box-shadow:0 0 7px rgba(81,81,239,.42)}
.tab.active,.company-side-tab.active,.campaign-content-tab.active{color:var(--ute-blue);border-color:var(--ute-blue)}
.campaign-progress>i,.summary-progress>i{background:linear-gradient(90deg,var(--ute-blue),var(--ute-energy))!important}
.workflow-node.selected,.workflow-node:focus-within{border-color:var(--ute-blue)!important;box-shadow:0 0 0 3px rgba(81,81,239,.1)!important}
.campaign-tech-market-flag{display:inline-block;margin-right:4px;font-size:16px;line-height:1;vertical-align:-1px}
.app-toast{background:var(--ute-black)}
.segment-badge{display:inline-flex;align-items:center;width:max-content;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.05em}.segment-badge.b2c{background:#e9f7f0;color:#14704d}.segment-badge.b2b{background:#eeeefd;color:#5151ef}
/* High-visibility close controls: consistent contrast and 40px touch target */
.icon-button[aria-label="Закрыть"],.icon-button[aria-label^="Закрыть "],.conversion-dialog-close,.profile-dialog-close,.users-dialog-close,.user-detail-mobile-close{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;flex:0 0 40px!important;border:1px solid #bdbdf8!important;border-radius:9px!important;background:#eeeeff!important;color:#20202b!important;display:grid!important;place-items:center!important;padding:0!important;font-size:24px!important;font-weight:500!important;line-height:1!important;cursor:pointer!important;box-shadow:0 1px 3px rgba(7,7,15,.08)!important;transition:background .16s,color .16s,border-color .16s,transform .16s!important}.icon-button[aria-label="Закрыть"] svg,.icon-button[aria-label^="Закрыть "] svg{width:20px!important;height:20px!important;stroke:currentColor!important;stroke-width:2.3!important}.icon-button[aria-label="Закрыть"]:hover,.icon-button[aria-label^="Закрыть "]:hover,.conversion-dialog-close:hover,.profile-dialog-close:hover,.users-dialog-close:hover,.user-detail-mobile-close:hover{background:var(--ute-blue)!important;border-color:var(--ute-blue)!important;color:#fff!important;transform:scale(1.04)}.icon-button[aria-label="Закрыть"]:focus-visible,.icon-button[aria-label^="Закрыть "]:focus-visible,.conversion-dialog-close:focus-visible,.profile-dialog-close:focus-visible,.users-dialog-close:focus-visible,.user-detail-mobile-close:focus-visible{outline:3px solid rgba(81,81,239,.28)!important;outline-offset:2px!important}
::selection{background:var(--ute-lavender);color:var(--ute-black)}
@media(max-width:1100px){.utelenet-brand{width:132px}.brand.utelenet-brand .brand-logo{width:128px}}
@media(max-width:840px){.utelenet-brand{width:148px}.brand.utelenet-brand .brand-logo{width:142px}}
