/* ЧатПилот. Shared brand layer for agency and client workspaces. */
@font-face{font-family:Onest;src:url('/assets/onest.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root,body.agency-app{--bg:#f5f6fb;--ink:#0b0f2d;--muted:#767a91;--line:#e6e7f0;--accent:#1400ff;--teal:#1400ff;--teal-light:#efedff;--radius:12px;--brand-pink:#ff005c;--brand-blue:#1400ff;--brand-light:#8dabff}
body,button,input,select,textarea,dialog{font-family:Onest,Manrope,system-ui,sans-serif}
.axis-label,.bar-value{font-family:Onest,Manrope,sans-serif}
.brand{padding:0;min-height:52px;flex-shrink:0}.brand-wordmark{width:180px;height:auto;object-fit:contain}.brand-mark{display:none;width:40px;height:40px;object-fit:contain}
.sidebar{padding-top:24px}.workspace{background:#f8f8fc;margin:24px 0;border-color:var(--line)}.workspace-logo{background:#eae7ff;color:#1400ff;border-radius:8px}.workspace small{color:#808399}.nav-label{color:#8c8fa5;letter-spacing:1px}.nav-link,.agency-app .nav-link{color:#6c7088}.nav-link.active,.agency-app .nav-link.active{background:#eeecff;color:#1400ff}.nav-link.active img,.agency-app .nav-link.active img{filter:invert(11%) sepia(100%) saturate(7086%) hue-rotate(250deg) brightness(88%) contrast(147%);opacity:1}.nav-link:hover,.agency-app .nav-link:hover{background:#f3f2fc}.nav-link.active:hover,.agency-app .nav-link.active:hover{background:#e8e5ff}
.topbar{background:#fff}.topbar .breadcrumb strong{color:#393d59}.agency-mode{color:#777c95}.avatar,.top-avatar{background:#efedff;color:#4b3ce2}.button.primary{background:#1400ff;color:white}.button.primary:hover{background:#2516d1}.button.secondary{border-color:#dedfeb;color:#41445f}.button.secondary:hover{background:#f4f2ff;border-color:#cfc9ff}.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #1400ff;outline-offset:4px}.form-field label{color:#50556e}input,select,textarea{color:#252943;border-color:#dedfeb}input:focus,textarea:focus{border-color:#1400ff}.form-field input[aria-invalid=true]{border-color:#da275d}
.kpi.kpi-dark{background:#0b0f2d;border-color:#0b0f2d}.kpi-dark .kpi-label{color:#c1c7e5}.kpi-dark .kpi-foot{color:#969fc9}.kpi-value{color:#0b0f2d}.kpi-dark .kpi-value{color:#fff}.kpi-foot b{color:#1400ff}.bar-rect{fill:#1400ff}.bar-rect:hover{fill:#4333ff}.bar-value{fill:#1400ff}.legend-dot{background:#1400ff}.agency-chart-label{background:#efedff;color:#5744d3}.portfolio-note,.workspace-note,.costs-note{background:#f4f2ff;color:#5a547f}.portfolio-rows strong,.agency-cell-number{color:#0b0f2d}.agency-name-link,.text-button,.agency-back{color:#5744ca}.agency-client-avatar{background:#efedff;color:#5b48cb}.agency-open{color:#4733cb;background:#fff;border-color:#dfdaf7}.agency-open:hover{background:#f3f0ff}.client-status.demo{background:#efedff;color:#6552bd}.client-onboarding{background:#f3f1ff}.client-onboarding p{color:#7c7697}.topic-fill{background:#8dabff}.topic-track{background:#eff0f8}.chat-item.selected{background:#f1eeff}.message.bot .message-body{background:#f0edff;border-color:#e4defc;color:#3e3665}.detail-field a,.lead-phone{color:#5442c7}.lead-mark{background:#efedff}.cost-meter meter{accent-color:#1400ff}.cost-meter meter::-webkit-meter-optimum-value{background:#1400ff}.cost-meter meter::-moz-meter-bar{background:#1400ff}.cost-reference{background:#fff3f7;color:#975270}.auth-dialog p{color:#767a91}.profile{border-color:var(--line)}.connection{color:#73788b}.page-footer{color:#9397ae}.workspace-summary article strong{color:#0b0f2d}
/* Login is a focused entrance, with the brand given its own space. */
.login-page{background:#fff}.login-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);max-width:none;min-height:100svh;margin:0;padding:0}.login-intro{background:#0b0f2d;color:#fff;padding:40px 64px;gap:48px;min-height:100svh}.login-brand{width:224px;max-width:100%}.login-brand img{width:100%;height:auto}.login-story{padding:24px 0;max-width:560px}.login-intro .eyebrow{color:#8dabff;font-size:12px;line-height:16px;letter-spacing:2px}.login-intro h1{font-size:60px;line-height:1;font-weight:600;letter-spacing:-2px;margin:24px 0;max-width:680px;text-wrap:balance}.login-intro h1 span{color:#ff005c}.login-intro p{font-size:18px;line-height:28px;color:#a8afce;max-width:400px;margin-top:24px}.login-flow{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:40px;font-size:12px;line-height:16px;color:#e2e4f0}.login-flow span{display:flex;align-items:center;gap:8px}.login-flow i{display:block;width:8px;height:8px;border-radius:2px;background:#8dabff}.login-flow span:nth-of-type(2) i{background:#695bff}.login-flow span:nth-of-type(3) i{background:#ff005c}.login-flow b{font-size:18px;line-height:28px;font-weight:400;color:#727b9e}.login-intro-footer{display:flex;justify-content:space-between;gap:16px;color:#767fa5;font-size:12px;line-height:16px}.login-intro-footer span:first-child{color:#abb1d0}.login-panel{position:relative;padding:64px 48px;min-width:0;background:#fff}.login-form-wrap{max-width:384px}.login-access-label{display:flex;align-items:center;gap:8px;color:#7b7e92;font-size:12px;line-height:16px;margin-bottom:24px}.login-access-label span{width:6px;height:6px;border-radius:50%;background:#ff005c}.login-form-wrap h2{font-size:36px;line-height:40px;letter-spacing:-1px;font-weight:600;margin:0 0 16px;color:#0b0f2d}.login-description{font-size:16px;line-height:24px;color:#7b7e92;margin-bottom:32px}.login-form-wrap .form-field{gap:8px;margin:0 0 24px}.login-form-wrap .form-field label{font-size:14px;line-height:20px;font-weight:500;color:#3e425c}.login-form-wrap input{height:48px;border-radius:8px;background:#fafafe;border-color:#e3e4ef;padding:12px 16px;font-size:14px;line-height:20px}.login-form-wrap input::placeholder{color:#a3a6b7}.login-form-wrap input:focus{background:#fff}.login-form-wrap .button{padding:12px 16px;font-size:16px;line-height:24px;font-weight:600}.login-help{font-size:12px;line-height:20px;color:#898da1;margin:24px 0 0}.login-role-note{display:flex;align-items:center;gap:12px;padding-top:32px;margin-top:32px;border-top:1px solid #eeeef5}.login-role-note img{width:32px;height:32px}.login-role-note p{font-size:12px;line-height:20px;color:#898da1}.login-environment{position:absolute;bottom:32px;color:#a0a4b5;font-size:12px;line-height:16px}
@media(min-width:761px) and (max-width:1100px){.login-intro{padding:40px 32px}.login-intro h1{font-size:48px;line-height:1}.login-panel{padding:48px 32px}.login-intro-footer{flex-wrap:wrap}}
@media(min-width:761px) and (max-width:1000px){.brand-wordmark{display:none}.brand-mark{display:block}}
@media(max-width:760px){.sidebar{padding:8px 16px;gap:12px;min-width:0}.brand{min-height:40px;flex-shrink:0}.brand-wordmark{display:none}.brand-mark{display:block;width:36px;height:36px}.sidebar nav{gap:0;min-width:0}.sidebar .nav-link{width:44px;padding:8px;flex-shrink:1}.topbar{height:auto;min-height:56px;gap:8px;flex-wrap:wrap;padding:8px 16px}.breadcrumb{min-width:0;flex:1}.agency-mode{display:none}.auth-actions{gap:8px}.login-layout{display:block}.login-intro{padding:24px;min-height:auto;gap:24px}.login-brand{width:180px}.login-story{padding:0;max-width:440px}.login-intro .eyebrow{font-size:12px;line-height:16px;letter-spacing:1px;margin:0}.login-intro h1{font-size:36px;line-height:40px;letter-spacing:-1px;margin:16px 0}.login-intro h1 br:nth-of-type(2){display:none}.login-intro p{font-size:14px;line-height:20px;max-width:320px;margin-top:16px}.login-flow{margin-top:24px;gap:12px}.login-intro-footer{display:none}.login-panel{padding:40px 24px 64px;align-items:flex-start}.login-form-wrap{max-width:440px}.login-access-label{margin-bottom:16px}.login-form-wrap h2{font-size:30px;line-height:36px}.login-description{font-size:14px;line-height:20px;margin-bottom:24px}.login-environment{bottom:24px}.login-role-note{padding-top:24px;margin-top:24px}.page-footer{gap:12px}.costs-toolbar{gap:16px}}

.breadcrumb .agency-back{margin-right:12px}
@media(max-width:760px){.login-intro h1{font-size:30px;line-height:36px}.login-intro h1 br:nth-of-type(2){display:block}}