.date-range{display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin-bottom:13px}.date-range p{flex-basis:100%;margin:0}
:root{color-scheme:dark;--bg:#0b0810;--panel:#17111f;--line:#382945;--muted:#bcacc9;--text:#f7f2fa;--gold:#f3c775;--purple:#bb85fc;--danger:#ff91aa;font:15px/1.5 system-ui,sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr)}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--purple)}a{color:var(--gold)}[hidden]{display:none!important}
.sidebar{display:flex;flex-direction:column;padding:26px 17px;background:#100c16;border-right:1px solid var(--line);min-height:100vh}.logo{height:63px;overflow:hidden;position:relative;background:#000;border-radius:9px;margin-bottom:17px}.logo img{position:absolute;width:199%;max-width:none;left:50%;top:46%;transform:translate(-50%,-50%)}.caption{margin:0;color:var(--muted);font-size:.72rem;letter-spacing:.13em;font-weight:650}.sidebar .caption{padding:0 7px}.sidebar nav{display:grid;gap:6px;margin-top:21px}.sidebar nav button{text-align:left;background:transparent;border-color:transparent;color:var(--muted)}.sidebar nav span{display:inline-block;width:25px}.sidebar nav .active{color:#f4e7ff;border-color:#634688;background:#2d1c3e;box-shadow:0 0 18px #a357ff29,inset 2px 0 var(--purple)}.local{margin:auto 7px 0;padding-top:25px;color:var(--muted);font-size:.85rem}.local span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--purple);box-shadow:0 0 10px var(--purple);margin-right:5px}
main{padding:34px clamp(18px,4vw,52px);background:radial-gradient(ellipse at 85% 0,#261437 0,transparent 48%)}.top,.section-head,.actions,.task{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.top{margin-bottom:22px}h1{font-size:clamp(28px,4vw,43px);letter-spacing:-.05em;line-height:1.15;margin:4px 0 0}h2{font-size:1.22rem;margin:0 0 10px}h3{margin:0}p{margin:0 0 10px}.muted{color:var(--muted)}.danger{color:var(--danger)}.gold{color:var(--gold)}
button{border:1px solid #523c63;border-radius:9px;padding:8px 13px;color:var(--text);background:#24182f;transition:background .18s,box-shadow .18s,transform .18s}button:hover{background:#372248;box-shadow:0 0 15px #a357ff40}button:active{transform:translateY(1px)}button.primary{background:linear-gradient(135deg,#ffe1a2,#e7a847);color:#261709;border-color:#f7ca78;font-weight:700;box-shadow:0 0 18px #f3b65036}button[aria-pressed=true]{border-color:var(--purple);background:#3c2552}button:disabled{opacity:.55;cursor:wait}
.panel,.metric{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:17px}.panel+.panel{margin-top:14px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:13px 0 18px}.metric strong{display:block;font-size:clamp(16px,2.1vw,27px);letter-spacing:-.035em}.metric:first-child{border-color:#826439;box-shadow:0 0 18px #f3b6501e}.period,.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:13px}.task{padding:11px 0;border-top:1px solid var(--line)}.task:last-child{padding-bottom:0}.task p{margin:0}.section-head{margin-bottom:10px}.section-head h2{margin:0}.empty{color:var(--muted);margin:8px 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th,td{padding:9px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:.78rem;color:var(--muted);font-weight:550}.link{background:none;border:0;padding:3px;color:var(--gold);text-align:left}.badge{display:inline-block;background:#362248;border-radius:99px;padding:3px 9px;color:#f0dfff;font-size:.8rem}
dialog{max-width:min(650px,calc(100vw - 24px));width:100%;max-height:90vh;border:1px solid #785598;border-radius:15px;background:#181022;color:var(--text);padding:22px;box-shadow:0 0 32px #9b53ef45}dialog[open]{animation:appear .2s ease-out}dialog::backdrop{background:#060409bd}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wide{grid-column:1/-1}label{display:grid;gap:5px;color:var(--muted)}input,select,textarea{min-width:0;width:100%;border:1px solid #5c456e;border-radius:8px;color:var(--text);background:#100b17;padding:8px 9px}textarea{min-height:78px;resize:vertical}.actions{justify-content:flex-end;margin-top:14px}.import{margin-top:14px}.import form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.import label{flex:1;min-width:min(220px,100%)}#notice{padding:10px 13px;border:1px solid #765393;border-radius:9px;background:#261835}.summary{margin-top:14px}.summary .task button{white-space:nowrap}.section-enter{animation:appear .18s ease-out}@keyframes appear{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){body{display:block}.sidebar{min-height:0;padding:12px;border-right:0;border-bottom:1px solid var(--line)}.logo{width:175px;height:52px;margin-bottom:9px}.sidebar nav{display:flex;flex-wrap:wrap;margin-top:7px}.local{display:none}main{padding:18px 12px}.form-grid{grid-template-columns:1fr}.sidebar nav span{width:auto}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Dashboard and pipeline */
:root{--bg:#08080c;--panel:#19191e;--line:#30303a;--muted:#b1afbf;--text:#f9f8ff;--purple:#a795ff}
.sidebar{background:#151519}.sidebar nav .active{background:#e9e4fa;border-color:#e9e4fa;color:#222032;box-shadow:none}
main{min-width:0;background:radial-gradient(ellipse at 85% 0,#181420 0,transparent 45%)}.top{margin-bottom:20px}
.overview-controls{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:15px}
.overview-controls .period,.overview-controls .date-range{margin:0}
.overview-top,.overview-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:14px;margin-bottom:14px}
.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;gap:14px}
.overview-metrics .metric,.insight{position:relative;background:#1c1c22;border:1px solid #303039;border-radius:20px;padding:17px}
.overview-metrics .metric{min-height:112px;padding-right:42px}.overview-metrics .metric:first-child{background:#f2edf9;color:#232030;border-color:#f2edf9;box-shadow:none}
.overview-metrics .metric:first-child .muted{color:#565064}.overview-metrics .metric strong{margin-top:16px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.metric-icon{position:absolute;top:11px;right:11px;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#34333c}
.metric:first-child .metric-icon{background:#3157ed;color:#fff}
.insight-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.insight-head h2,.insight-head p{margin:0}.insight-head>span{color:var(--muted);font-size:.78rem}
.bar-chart{display:flex;gap:5px;min-height:174px}.bar-item{min-width:0;flex:1;display:grid;grid-template-rows:1fr auto;text-align:center;gap:5px;color:var(--muted);font-size:.72rem}
.bar-track{min-height:145px;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#343442 calc(25% - 1px),#343442 25%)}
.bar-track svg{display:block;width:100%;height:100%;min-height:145px;max-height:165px}.bar{fill:#7194fa;transform-origin:bottom;animation:bar-rise .35s ease-out}.bar-item:hover .bar{fill:#a5b9ff}
@keyframes bar-rise{from{transform:scaleY(.04)}to{transform:scaleY(1)}}
.stage-summary{list-style:none;padding:0;margin:0}.stage-summary li{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:6px 0}.stage-summary li:last-child{border:0}.stage-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lane);margin-right:7px}
.lane-0{--lane:#91a8ff}.lane-1{--lane:#af98ff}.lane-2{--lane:#85c5f9}.lane-3{--lane:#ffc380}.lane-4{--lane:#f1db82}.lane-5{--lane:#7ee0ab}.lane-6{--lane:#fa9eaa}
.funnel-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.kanban{display:grid;grid-template-columns:repeat(7,minmax(218px,1fr));gap:10px;overflow-x:auto;padding-bottom:10px}
.lane{min-width:0;background:#15151b;border:1px solid var(--line);border-radius:13px;overflow:hidden}.lane h2{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px;margin:0;color:var(--lane);font-size:.94rem;border-top:3px solid var(--lane);background:#202029}.lane h2 span{color:var(--text);background:#34343f;padding:2px 7px;border-radius:99px}
.lane-body{padding:8px;display:grid;align-content:start;gap:7px;max-height:60vh;min-height:110px;overflow:auto}.lane article{padding:9px;background:#24242d;border:1px solid #363644;border-radius:9px}.lane article[draggable=true]{cursor:grab}.lane article.dragging{opacity:.45}.lane article p{color:var(--muted);font-size:.8rem;margin:3px 0;overflow-wrap:anywhere}
.sort-heading{border:0;background:transparent;color:inherit;text-align:left;white-space:nowrap;padding:2px 0;box-shadow:none}.sort-heading:hover{background:transparent;box-shadow:none;color:var(--text)}.sort-heading span{color:var(--purple)}
.table-wrap td{min-width:90px;max-width:310px;overflow-wrap:anywhere}.table-wrap th{background:#24242d}.table-wrap tbody tr:hover{background:#202029}
@media(max-width:950px){.overview-top,.overview-bottom{grid-template-columns:1fr}}
@media(max-width:480px){.overview-metrics .metric{padding:12px;min-height:102px}.metric-icon{display:none}.overview-metrics .metric strong{margin-top:8px}.insight{padding:12px}.bar-chart{gap:2px}.bar-item{font-size:.63rem}}
@media(min-width:621px) and (max-width:820px){body{grid-template-columns:162px minmax(0,1fr)}.sidebar{padding-inline:12px}.logo{height:49px}.sidebar .caption{font-size:.64rem}}
.demo-switch,.content-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.demo-switch p{margin:4px 0 0}.demo-label{display:inline-block;font-size:.72rem;letter-spacing:.09em;color:#f4cc77;background:#3b301e;border-radius:99px;padding:4px 10px}.content-toolbar .period{margin:0}.content-cards .metric{position:relative;min-height:126px;background:#1c1c22;border-color:#303039;border-radius:18px}.content-cards .metric:first-child{background:#f2edf9;color:#232030;box-shadow:none}.content-cards .metric:first-child .muted,.content-cards .metric:first-child small{color:#565064}.content-cards .metric strong{margin-top:14px}.content-cards small{color:var(--muted)}.content-top{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.content-advice article{border-top:1px solid var(--line);padding:10px 0 0;margin-top:10px}.content-advice article p{margin:4px 0;color:#ddd9e8}.content-platform{color:#d6b5ff;font-size:.8rem}.content-footnote{font-size:.85rem;margin-top:12px}@media(max-width:950px){.content-top{grid-template-columns:1fr}}
.video-rank{display:flex;gap:15px;align-items:start;padding:13px 0;border-top:1px solid var(--line)}.video-rank p{margin:3px 0}.rank-number{font-size:1.3rem;color:var(--gold);font-weight:700}.task-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:15px}.task-overview .metric strong{margin-top:8px}.calendar-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:14px}.calendar-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:14px}.calendar-head h2{margin:0;flex:1;text-transform:capitalize}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar-weekday{text-align:center;color:var(--muted);font-size:.8rem}.calendar-day{min-height:60px;display:flex;flex-direction:column;align-items:start;text-align:left;gap:3px;padding:7px;background:#211b29}.calendar-day small{color:var(--gold);font-size:.7rem}.calendar-day[aria-pressed=true]{outline:2px solid var(--purple)}@media(max-width:900px){.calendar-layout{grid-template-columns:1fr}}@media(max-width:600px){.task-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-day{min-height:48px;padding:4px}.calendar-day small{font-size:.6rem}}
[hidden] { display: none !important; }
.account { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 18px 0; font-size: 14px; }
.login-page { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.login-page .login-card { width: min(100%, 420px); margin: 0; padding: 36px; border: 1px solid #33303c; border-radius: 24px; background: #17151c; }
.login-card img { width: 200px; max-width: 100%; display: block; margin-bottom: 24px; }
.login-card h1 { margin: 8px 0; }
.login-card form { display: grid; gap: 15px; margin-top: 24px; }
.login-card label { display: grid; gap: 8px; }
.login-card input { width: 100%; }
/* Страница входа: отдельная сетка, независимая от бокового меню CRM. */
body.login-page{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;min-height:100vh;min-height:100dvh;padding:24px;background:radial-gradient(ellipse at 50% 25%,#332340 0%,#131019 42%,#08080c 78%)}
.login-page .login-card{width:min(100%,440px);padding:40px;border:1px solid #51435c;border-radius:24px;background:linear-gradient(155deg,#24202b,#16141c 70%);box-shadow:0 24px 80px #0009,0 0 55px #a278d51a}
.login-card img{width:100%;max-width:290px;height:110px;object-fit:cover;display:block;margin:0 auto 15px;border-radius:12px}
.login-card .caption{text-align:center;color:#cbb8e4}
.login-card h1{text-align:center;font-size:32px;margin:12px 0 8px}
.login-card > .muted{text-align:center}
.login-card form{display:grid;gap:16px;margin-top:28px}
.login-card input{height:48px;padding:10px 13px;background:#111018;border-color:#4f435b}
.login-card input:focus{outline:2px solid #a795ff;outline-offset:1px;border-color:#a795ff}
.login-card #login-error:empty{display:none}
.login-card button.primary{height:48px;margin-top:4px}
@media(max-width:480px){body.login-page{display:grid;padding:16px}.login-page .login-card{padding:28px 22px}}
/* Черный фон исходного логотипа растворяется на темном фоне CRM. */
.sidebar .logo{background:transparent}
.sidebar .logo img,.login-card img{mix-blend-mode:screen}
/* Личный кабинет и управление сотрудниками */
.account{align-items:center}.account #account-role{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.account-avatar,.user-mini-avatar,.profile-avatar{display:grid;place-items:center;overflow:hidden;flex:none;border-radius:50%;background:#40334c;color:#f6e8ff;font-weight:700}.account-avatar{width:32px;height:32px}.account-avatar img,.user-mini-avatar img,.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-layout{display:grid;grid-template-columns:minmax(210px,280px) minmax(0,680px);gap:16px;align-items:start}.profile-card{text-align:center;padding:28px}.profile-avatar{width:96px;height:96px;margin:0 auto 18px;font-size:2rem;box-shadow:0 0 25px #a795ff33}.profile-form{padding:24px}.profile-form form{display:grid;gap:14px}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profile-form button{justify-self:start}.profile-form small,.permissions small{color:var(--muted)}.profile-security{border-top:1px solid var(--line);margin-top:25px;padding-top:22px}.check-line{display:flex;align-items:center;gap:9px}.check-line input,.permission-item input{width:auto;accent-color:#ae97fa}.users-panel{margin-bottom:14px}.user-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.user-mini-avatar{width:40px;height:40px}.user-detail{flex:1;min-width:0}.user-detail p{margin:2px 0 0;font-size:.85rem}.permissions{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.permissions legend{padding:0 6px}.permissions p,.permissions small{grid-column:1/-1;margin:0}.permission-item{display:flex;align-items:center;gap:8px;background:#24212c;border-radius:9px;padding:10px;color:var(--text)}@media(max-width:700px){.profile-layout{grid-template-columns:1fr}.profile-fields{grid-template-columns:1fr}.user-row{flex-wrap:wrap}.permissions{grid-template-columns:1fr}}
.account #account-role{padding:0;border:0;background:transparent;text-align:left;color:var(--text);box-shadow:none;overflow:visible}.account #account-role:hover .account-avatar,.account #account-role:focus-visible .account-avatar{box-shadow:0 0 0 2px var(--purple),0 0 18px #a795ff66}.account-avatar{transition:box-shadow .18s ease}
#new-client:hover{background:linear-gradient(135deg,#ffebb9,#f3bd60);border-color:#ffe2a3;box-shadow:0 0 22px #f3b65080}
.pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-top:14px}.show-more{width:100%;font-size:.85rem}
.client-archived td{background:#361c23;color:#f3b5bc}.client-archived .link{color:#ff9da9;text-decoration:underline;text-decoration-color:#e26072}.client-archived .badge{background:#532b35;color:#ffd1d6}.archived-label{display:block;color:#ff9da9;font-size:.73rem;margin-top:4px}.archive-lead{margin-top:8px;font-size:.75rem;color:#ffc2ca;border-color:#76505c}.archived-note{padding:10px;border:1px solid #86515c;border-radius:9px;background:#361c23;color:#ffc2ca}
.kanban{grid-template-columns:repeat(6,minmax(218px,1fr))}.lane-filter{padding:8px 10px;font-size:.75rem}.lane-filter select{padding:6px}.category-actions{display:flex;gap:5px;margin-top:8px}.category-actions button{min-width:32px;padding:4px 8px;font-size:.8rem}.qualified-label{color:#d2c2fa!important}.lane-3{--lane:#f1db82}.lane-4{--lane:#7ee0ab}.lane-5{--lane:#fa9eaa}
.clients-import form{display:grid;gap:16px}.import-mode{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:10px}.import-mode legend{padding:0 6px}.import-choice{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #3a3542;border-radius:10px;color:var(--text)}.import-choice input{width:auto;min-width:auto;margin-top:4px;accent-color:var(--purple)}.import-choice span{display:grid;gap:3px}.import-choice small{color:var(--muted)}.clients-import form>button{justify-self:start}.replace-warning{border:1px solid #8b6650;background:#32231c;border-radius:10px;padding:14px}.replace-warning p:last-child{margin-bottom:0}
/* Компактный интерфейс для телефона */
.mobile-stage{display:none}
@media(max-width:620px){
  body:not(.login-page){display:block;padding-bottom:calc(82px + env(safe-area-inset-bottom));min-width:0}
  body:not(.login-page) .sidebar{min-height:0;padding:8px 14px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;background:#151519}
  .sidebar .logo{width:112px;height:40px;margin:0;flex:none}
  .sidebar>.caption,.sidebar .local{display:none}
  .sidebar .account{margin:0;gap:6px}.account #account-role>span:last-child{display:none}.account #logout{padding:6px 9px;font-size:.8rem}
  .sidebar nav{position:fixed;z-index:20;left:0;right:0;bottom:0;display:flex;gap:4px;margin:0;padding:7px 8px calc(7px + env(safe-area-inset-bottom));overflow-x:auto;overscroll-behavior-x:contain;background:#18171e;border-top:1px solid #373440;box-shadow:0 -6px 24px #0008;scrollbar-width:none}
  .sidebar nav::-webkit-scrollbar{display:none}
  .sidebar nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:0 0 auto;min-width:65px;min-height:52px;padding:5px 8px;font-size:.67rem;white-space:nowrap}
  .sidebar nav button span{width:auto;font-size:1.15rem;line-height:1.1}
  body:not(.login-page) main{padding:18px 12px;min-width:0}
  .top{margin-bottom:16px}.top h1{font-size:28px}
  .overview-controls .date-range{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.date-range button{grid-column:1/-1}
  .kanban{display:grid;grid-template-columns:repeat(6,minmax(255px,82vw));scroll-snap-type:x proximity;overscroll-behavior-x:contain}.lane{scroll-snap-align:start}.lane h2{min-height:56px}.lane-body{max-height:65vh;min-height:120px}
  .mobile-stage{display:grid;gap:3px;margin:8px 0 2px;color:var(--muted);font-size:.75rem}.mobile-stage select{min-height:40px;font-size:.8rem}
  .table-wrap{-webkit-overflow-scrolling:touch}.period button,.pagination button,.category-actions button{min-height:40px}
  dialog{max-height:85dvh;padding:18px}.profile-form{padding:18px}.overview-top,.overview-bottom{gap:10px}
  .login-page .login-card{padding:28px 22px}
}
.menu-toggle{display:none}
.touch-ghost{position:fixed!important;z-index:1000!important;pointer-events:none!important;opacity:.96!important;transform:scale(.96) rotate(-1deg);box-shadow:0 12px 32px #000b,0 0 0 2px #b79cff,0 0 24px #a795ff80!important;background:#2b2535!important;border:1px solid #c8b8ff!important;border-radius:12px;transition:transform .15s ease,box-shadow .15s ease}
.touch-source{opacity:.25;transform:scale(.96)}.lane.touch-target{border-color:#b9a2ff;box-shadow:inset 0 0 22px #a795ff24,0 0 14px #a795ff40}
@media(max-width:620px){
  html,body{max-width:100%;overflow-x:hidden}
  body:not(.login-page){padding-bottom:env(safe-area-inset-bottom)}
  body:not(.login-page) .sidebar{position:relative;z-index:30;justify-content:flex-start;padding:10px 14px;gap:12px}
  .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:4px;width:42px;height:42px;padding:10px;border-radius:11px;background:#26232d;flex:none}
  .menu-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:#f5f1fc}
  .sidebar .account{margin-left:auto}
  .sidebar nav{display:none;position:absolute;top:calc(100% + 6px);bottom:auto;left:10px;right:10px;z-index:40;max-height:calc(100dvh - 80px);overflow:auto;overscroll-behavior:contain;flex-direction:column;flex-wrap:nowrap;gap:4px;padding:10px;background:#211f29;border:1px solid #45404f;border-radius:16px;box-shadow:0 15px 35px #000a}
  .sidebar.menu-open nav{display:flex}
  .sidebar nav button{display:flex;flex-direction:row;justify-content:flex-start;gap:12px;width:100%;min-height:46px;padding:10px 12px;font-size:.9rem;text-align:left}
  .sidebar nav button span{display:inline-block;width:22px;text-align:center;font-size:1.1rem}
  body:not(.login-page) main{width:100%;max-width:100%;overflow:hidden;padding:18px 14px}
  .overview-controls{display:grid;grid-template-columns:minmax(0,1fr);width:100%;align-items:stretch}
  .overview-controls .period{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px}
  .overview-controls .period button{min-width:0;padding:8px 4px}
  .overview-controls .date-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}
  .overview-controls .date-range label{min-width:0;width:100%}.overview-controls .date-range input{display:block;min-width:0;max-width:100%;width:100%;padding:8px 4px;font-size:14px}
  .overview-controls .date-range button{grid-column:1/-1;width:100%}
  .overview-top,.overview-bottom,.overview-metrics,.content-top{min-width:0;width:100%}
  .overview-metrics .metric{min-width:0;overflow-wrap:anywhere}.overview-metrics .metric strong{font-size:clamp(16px,5vw,23px)}
  .kanban{max-width:100%;overflow-x:auto}.lane article{-webkit-touch-callout:none;user-select:none;transition:transform .15s ease,opacity .15s ease}
  .video-table{overflow:visible}.video-table table,.video-table tbody,.video-table tr,.video-table td{display:block;width:100%;max-width:100%}.video-table thead{display:none}.video-table tr{padding:12px;margin-top:10px;background:#222029;border:1px solid #35323e;border-radius:12px}.video-table td{min-width:0;max-width:100%;border:0;padding:4px 0;white-space:normal;overflow-wrap:anywhere;line-height:1.45}.video-table td::before{content:attr(data-label);display:block;color:var(--muted);font-size:.7rem;margin-bottom:2px}.video-table td:last-child{margin-top:6px;padding-top:10px;border-top:1px solid #3a3542}
}
@keyframes touch-lift{from{opacity:.7;transform:scale(1)}to{opacity:.96;transform:scale(.96) rotate(-1deg)}}
.touch-ghost{animation:touch-lift .16s ease-out}
@media(prefers-reduced-motion:reduce){.touch-ghost{animation:none}}
.clients-table th:nth-child(2),.clients-table td:nth-child(2){min-width:125px;white-space:nowrap;overflow-wrap:normal}
.clients-table a{color:#f3c775;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
@media(max-width:620px){
  .overview-controls .date-range{grid-template-columns:minmax(0,1fr);gap:12px}
  .overview-controls .date-range label{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;min-width:0}
  .overview-controls .date-range input{box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:44px;padding:9px 10px}
  .overview-controls .date-range button{grid-column:auto;min-height:44px}
  dialog{box-sizing:border-box;width:calc(100vw - 24px);max-width:calc(100vw - 24px);min-width:0;max-height:min(85vh,85dvh);overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none}
  #dialog-body,#dialog-body form,#dialog-body .form-grid,#dialog-body .form-grid>*{min-width:0;max-width:100%}
  #dialog-body .form-grid{grid-template-columns:minmax(0,1fr)}
  #dialog-body input,#dialog-body select,#dialog-body textarea{box-sizing:border-box;min-width:0;max-width:100%;width:100%}
  #dialog-body p,#dialog-body h2,#dialog-body .summary{overflow-wrap:anywhere}
  #dialog-body .task>*{min-width:0;max-width:100%}
  #dialog-body .actions{flex-wrap:wrap}
}
@media(max-width:620px){
  .overview-controls .date-range{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .overview-controls .date-range label{min-width:0;max-width:100%;overflow:hidden}
  .overview-controls .date-range input[type=date]{width:100%;min-width:0;max-width:100%;padding:8px 5px;font-size:13px}
  .overview-controls .date-range input[type=date]::-webkit-date-and-time-value{text-align:left}
  .overview-controls .date-range button{grid-column:1/-1}
}
@media(max-width:620px){
  .overview-controls .date-range label{overflow:visible}
  .overview-controls .date-range input[type=date]{display:block;appearance:none;-webkit-appearance:none;box-sizing:border-box;min-width:0;width:100%;max-width:100%;height:44px;padding:7px 4px;font-size:12px;line-height:1.2}
  .overview-controls .date-range input[type=date]::-webkit-datetime-edit{min-width:0;padding:0}
  .overview-controls .date-range input[type=date]::-webkit-calendar-picker-indicator{width:14px;height:14px;margin:0;padding:0}
}
@media(max-width:620px){
  .overview-controls .date-range input[type=date]{font-size:15px;text-align:center;padding:7px 2px}
  .overview-controls .date-range input[type=date]::-webkit-date-and-time-value{text-align:center}
  .overview-controls .date-range input[type=date]::-webkit-datetime-edit{display:inline-block;text-align:center;padding:0}
  .overview-controls .date-range input[type=date]::-webkit-calendar-picker-indicator{width:12px;height:12px;margin:0;padding:0}
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:620px){
  .overview-controls .date-range label{gap:0}
  .overview-controls .date-range input[type=date]{height:44px;padding:0 4px;line-height:44px}
  .overview-controls .date-range input[type=date]::-webkit-datetime-edit{line-height:44px;padding:0}
  .overview-controls .date-range input[type=date]::-webkit-date-and-time-value{min-height:0;margin:0;line-height:44px}
}
.video-library{margin:0 0 14px}.video-library-list{max-height:310px;overflow-y:auto;overscroll-behavior:contain;display:grid;gap:8px;padding-right:5px}.video-item{display:flex;align-items:center;gap:13px;width:100%;min-width:0;text-align:left;padding:9px;background:#222029;border:1px solid #36323f;border-radius:13px}.video-item:hover{background:#2d2935}.video-thumb{display:grid;place-items:center;width:62px;height:72px;flex:none;border-radius:9px;background:linear-gradient(145deg,#6a4b7a,#222134);color:white}.video-thumb-1{background:linear-gradient(145deg,#405f8c,#252538)}.video-thumb-2{background:linear-gradient(145deg,#795044,#282231)}.video-thumb span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#ffffff30;font-size:.75rem}.video-item-text{display:grid;gap:3px;min-width:0;flex:1}.video-item-text small{color:#cfb9f5}.video-item-text strong{overflow-wrap:anywhere}.video-item-text>span{color:var(--muted);font-size:.82rem}.video-arrow{font-size:1.3rem;color:#ddd0ed}.library-note{margin:10px 0 0;font-size:.8rem}.video-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.video-detail-head h2{font-size:1.5rem;margin:10px 0 4px}.video-detail-head button{flex:none}.demo-disclaimer{padding:10px 12px;border-radius:10px;background:#3b301e;color:#f0d5a1;font-size:.85rem}.video-detail-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:14px 0}.video-detail-metrics>div{background:#25222d;border:1px solid #3c3547;border-radius:11px;padding:10px;min-width:0}.video-detail-metrics span{display:block;color:var(--muted);font-size:.7rem}.video-detail-metrics strong{display:block;margin-top:5px;font-size:1.05rem;overflow-wrap:anywhere}.video-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.video-insight,.video-next{padding:14px;border-radius:12px;background:#23212b;border:1px solid #373342}.video-insight h3{font-size:.97rem;margin:0 0 8px}.video-insight p,.video-next p{font-size:.88rem;line-height:1.5;margin:0 0 8px}.video-insight p:last-child,.video-next p:last-child{margin-bottom:0}.video-next{margin-top:10px;border-color:#625077;background:#30263b}.video-next strong{display:block;margin-bottom:5px}@media(max-width:620px){.video-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.video-detail-grid{grid-template-columns:minmax(0,1fr)}.video-detail-head h2{font-size:1.2rem}.video-library-list{max-height:280px}.video-thumb{width:52px;height:65px}.video-item{gap:9px}}
.video-library-list{max-height:210px}.video-trend{margin:0 0 10px;padding:14px;border-radius:12px;background:#23212b;border:1px solid #373342}.video-trend h3{font-size:.97rem}.video-trend .insight-head>span{color:var(--muted);font-size:.76rem}.video-trend-bars{height:78px;display:flex;align-items:stretch;gap:5px}.video-trend-track{flex:1;display:flex;align-items:end;border-radius:5px;background:#302b3a;overflow:hidden}.video-trend-track i{width:100%;display:block;background:#a18cf8;border-radius:5px 5px 0 0}
.video-trend-track svg{width:100%;height:100%;display:block}.video-trend-track rect{fill:#a18cf8}
.lead-task{display:block;width:100%;margin-top:8px;padding:5px 7px;text-align:left;font-size:.72rem;background:#292730;white-space:normal;overflow-wrap:anywhere}.lead-task.task-missing{color:#ffc67c;border-color:#9a744b}.lead-task.task-late{color:#ffacb8;border-color:#ac596b;background:#39232c}.lead-task.task-today{color:#a9eecb;border-color:#528b72}.lead-task.task-future{color:#c6c0d0;border-color:#514b5a}.review-panel{border-color:#b38b4c;background:#30271e}.review-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid #5b4833;flex-wrap:wrap}.client-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:11px 0 4px;border-bottom:1px solid var(--line)}.client-section-title span{color:var(--muted);font-size:.76rem}.client-next{background:#27232e;border-radius:10px;padding:10px;line-height:1.7}.client-next button{margin-left:6px}.contact-history{max-height:200px;overflow:auto;display:grid;gap:7px}.contact-history>div{padding:9px 10px;border-left:2px solid #a795ff;background:#211e28;border-radius:5px}.contact-history time{color:#b5a9c8;font-size:.75rem}.contact-history strong{font-size:.8rem}.contact-history p{margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.client-extra{border:1px solid #3e3848;border-radius:10px;padding:10px}.client-extra summary{cursor:pointer;color:#d7c5ef}.client-extra label{margin-top:10px}.client-extra button{margin-top:9px}.funnel-donut-wrap{display:grid;grid-template-columns:minmax(135px,190px) minmax(0,1fr);gap:16px;align-items:center}.funnel-donut{position:relative;max-width:190px;width:100%;aspect-ratio:1}.funnel-donut svg{width:100%;height:100%}.funnel-donut>div{position:absolute;inset:25%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.funnel-donut strong{font-size:1.8rem;line-height:1}.funnel-donut span{font-size:.68rem;color:var(--muted)}.donut-piece{animation:donut-enter .6s ease-out}.donut-legend{list-style:none;margin:0;padding:0;display:grid;gap:6px}.donut-legend li{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.78rem}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.dot-0{background:#a894ff}.dot-1{background:#67b9f5}.dot-2{background:#f5be76}.dot-3{background:#f1d978}.dot-4{background:#70e2ab}.dot-5{background:#f58d9d}@keyframes donut-enter{from{opacity:0;stroke-width:4}to{opacity:1;stroke-width:12}}
.conversion-panel{margin:14px 0}.conversion-total{display:grid;text-align:right}.conversion-total strong{font-size:1.65rem;color:#bdadff}.conversion-total span{color:var(--muted);font-size:.75rem}.conversion-stages{padding:12px 0;border-top:1px solid var(--line)}.conversion-stages h3,.conversion-group h3{font-size:.9rem;margin-bottom:10px}.conversion-stages>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.conversion-stage,.conversion-row{min-width:0}.conversion-stage span,.conversion-stage strong{display:block;font-size:.78rem}.conversion-stage span{color:var(--muted)}.conversion-stage svg,.conversion-row svg{display:block;width:100%;height:5px;margin-top:6px}.conversion-stages>p{font-size:.74rem;margin:12px 0 0}.conversion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.conversion-group{padding:14px;background:#24222b;border-radius:12px;min-width:0}.conversion-row{margin-top:10px}.conversion-row>div{display:flex;justify-content:space-between;gap:6px;align-items:baseline;font-size:.74rem}.conversion-row span{min-width:0;overflow-wrap:anywhere}.conversion-row strong{white-space:nowrap}.conversion-row svg rect:last-child,.conversion-stage svg rect:last-child{animation:bar-rise .5s ease-out;transform-origin:left}
@media(max-width:850px){.conversion-grid{grid-template-columns:1fr}.conversion-stages>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:450px){.funnel-donut-wrap{grid-template-columns:110px minmax(0,1fr);gap:10px}.funnel-donut strong{font-size:1.35rem}.donut-legend li{font-size:.68rem}.client-section-title span{display:none}}
@media(prefers-reduced-motion:reduce){.donut-piece,.conversion-row svg rect,.conversion-stage svg rect{animation:none!important}}
/* Дашборд: задачи, воронка и конверсия */
.today-tasks .dashboard-task{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:13px 0;flex-wrap:nowrap}.today-tasks .task-details{min-width:0}.today-tasks .task-details strong{display:block;overflow-wrap:anywhere}.today-tasks .task-details .link{padding:3px 0}.today-tasks .task-action{display:grid;justify-items:end;align-content:start;gap:6px;min-width:0}.today-tasks .task-action .task-due{font-size:.8rem;text-align:right;white-space:nowrap}.today-tasks .task-action .task-due.danger{color:#ff8a9b;font-weight:650}.today-tasks .task-action button{padding:5px 9px;font-size:.75rem;line-height:1.2;min-height:29px}.today-tasks .insight-head{align-items:center}.today-tasks .insight-head>button{font-size:.8rem;padding:6px 10px}
.funnel-donut-wrap{grid-template-columns:minmax(170px,250px) minmax(0,1fr);gap:22px;align-items:center}.funnel-donut{max-width:250px;justify-self:center}.funnel-donut>div{pointer-events:none}.funnel-donut strong{font-size:2.15rem}.funnel-donut span{font-size:.82rem}.donut-piece{cursor:pointer;transition:stroke-width .2s,filter .2s}.donut-piece.is-active,.donut-piece:focus-visible{stroke-width:15;filter:drop-shadow(0 0 3px #ffffff80);outline:none}.donut-legend{gap:6px}.donut-legend li{font-size:.93rem;padding:6px 8px;border-radius:9px;transition:background .2s,color .2s;min-width:0}.donut-legend li>span{min-width:0;overflow-wrap:anywhere}.donut-legend li.is-active{background:#393340;color:white;box-shadow:inset 0 0 0 1px #645878}.legend-dot{width:10px;height:10px}.dot-2{background:#ff8b66}.dot-3{background:#f3d763}
.conversion-overview{display:flex;align-items:center;gap:22px;margin:14px 0 18px;padding:18px;border:1px solid #494052;border-radius:16px;background:linear-gradient(130deg,#30273d,#201e29)}.conversion-ring{position:relative;width:145px;aspect-ratio:1;flex:none}.conversion-ring svg{display:block;width:100%;height:100%}.conversion-ring>div{position:absolute;inset:25%;display:grid;align-content:center;text-align:center}.conversion-ring strong{font-size:1.8rem;line-height:1}.conversion-ring span{color:var(--muted);font-size:.75rem;margin-top:4px}.conversion-kicker{color:#c7b7ff;font-size:.72rem;font-weight:700;letter-spacing:.1em}.conversion-explainer h3{font-size:1.15rem;margin:8px 0}.conversion-explainer p{font-size:.9rem;margin:0}.conversion-stages{padding:20px 0}.conversion-stages>p{font-size:.85rem;margin:0 0 12px}.conversion-stages .conversion-axis{display:flex;justify-content:space-between;margin:12px 100px 9px 200px;color:var(--muted);font-size:.72rem}.conversion-chart{display:grid;gap:12px}.conversion-stages .conversion-bar-row{display:grid;grid-template-columns:185px minmax(0,1fr) 85px;align-items:center;gap:14px;min-width:0}.conversion-bar-label{font-size:.9rem;color:var(--text);overflow-wrap:anywhere}.conversion-bar-row strong{text-align:right;font-size:.86rem;white-space:nowrap}.conversion-bar-track svg{display:block;width:100%;height:16px}.conversion-fill-0{fill:#a894ff}.conversion-fill-1{fill:#67b9f5}.conversion-fill-2{fill:#ff8b66}.conversion-fill-3{fill:#f3d763}.conversion-fill-4{fill:#70e2ab}.conversion-fill-5{fill:#f58d9d}.conversion-fill{animation:conversion-grow .55s ease-out;transform-origin:left;transform-box:fill-box}@keyframes conversion-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}.conversion-stages .conversion-history-note{font-size:.78rem;margin:15px 0 0}.conversion-group h3{font-size:1rem}.conversion-row>div{font-size:.84rem}.conversion-row svg{height:7px}
@media(max-width:1100px){.funnel-donut-wrap{grid-template-columns:minmax(150px,210px) minmax(0,1fr);gap:14px}.funnel-donut{max-width:210px}.donut-legend li{font-size:.82rem}}
@media(max-width:620px){.today-tasks .dashboard-task{gap:8px}.today-tasks .task-action .task-due{font-size:.72rem}.funnel-donut-wrap{grid-template-columns:minmax(0,1fr);gap:10px}.funnel-donut{width:min(210px,75%);max-width:210px}.donut-legend li{font-size:.9rem;padding:5px 8px}.conversion-overview{padding:14px;gap:12px}.conversion-ring{width:110px}.conversion-ring strong{font-size:1.4rem}.conversion-explainer h3{font-size:1rem}.conversion-explainer p{font-size:.8rem}.conversion-stages .conversion-axis{margin:10px 0 8px}.conversion-stages .conversion-bar-row{grid-template-columns:minmax(0,1fr) auto;gap:5px 8px}.conversion-bar-label{grid-column:1;grid-row:1;font-size:.86rem}.conversion-bar-row strong{grid-column:2;grid-row:1;font-size:.8rem}.conversion-bar-track{grid-column:1/-1;grid-row:2}.conversion-bar-track svg{height:13px}}
@media(prefers-reduced-motion:reduce){.donut-piece,.conversion-fill{animation:none!important;transition:none!important}}
.conversion-stages .conversion-chart{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.chart-tooltip{position:fixed;z-index:1200;max-width:calc(100vw - 12px);padding:6px 9px;border:1px solid #afa1e0;border-radius:8px;background:#eae4fa;color:#211b30;font-size:.78rem;font-weight:700;line-height:1.2;white-space:nowrap;pointer-events:none;box-shadow:0 5px 18px #0009,0 0 13px #a795ff55}
.bar-item[data-chart-value]{cursor:default}.bar-item[data-chart-value]:focus-visible{outline:2px solid #b7a8ff;border-radius:6px}.bar-item[data-chart-value]:hover .bar,.bar-item[data-chart-value]:focus-visible .bar{fill:#b8c6ff;filter:drop-shadow(0 0 3px #9aaeff)}
.content-top>.insight:first-child{display:flex;flex-direction:column;min-width:0}.content-top>.insight:first-child .bar-chart{flex:1;min-height:190px;margin-top:auto}.content-top>.insight:first-child .bar-track svg{max-height:none}
/* Компактный дашборд и задачи */
.donut-legend li .donut-count{white-space:nowrap;flex:none;font-variant-numeric:tabular-nums}.donut-count span{color:#bdb3cc;font-weight:500;font-size:.85em}
.conversion-compact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch;margin-top:14px}.conversion-compact .conversion-overview{height:100%;margin:0;min-width:0}.conversion-breakdown{min-width:0;padding:16px;border:1px solid #3e3947;border-radius:16px;background:#222029}.conversion-tabs{display:flex;flex-wrap:wrap;gap:6px}.conversion-tabs button{padding:6px 9px;font-size:.78rem;min-width:0}.conversion-breakdown-rows{max-height:225px;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.conversion-breakdown-rows .conversion-row{margin-top:12px}.conversion-explainer{min-width:0}.conversion-explainer p{max-width:300px}
.calendar-layout .dashboard-task{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;padding:13px 0;flex-wrap:nowrap}.calendar-layout .task-details{min-width:0}.calendar-layout .task-details strong{display:block;overflow-wrap:anywhere}.calendar-layout .task-details .link{padding:3px 0}.calendar-layout .task-action{display:grid;justify-items:end;align-content:start;gap:6px;min-width:0}.calendar-layout .task-action .task-due{font-size:.8rem;text-align:right;white-space:nowrap}.calendar-layout .task-action .task-due.danger{color:#ff8a9b;font-weight:650}.calendar-layout .task-action button{padding:5px 9px;font-size:.75rem;line-height:1.2;min-height:29px}
.bar-chart{padding-top:40px}
@media(max-width:950px){.conversion-compact{grid-template-columns:minmax(0,1fr)}.conversion-compact .conversion-overview{height:auto}.conversion-breakdown-rows{max-height:210px}}
@media(max-width:620px){.calendar-layout .dashboard-task{gap:8px}.calendar-layout .task-action .task-due{font-size:.72rem}.conversion-breakdown{padding:12px}.conversion-tabs button{padding:6px 8px;font-size:.74rem}.donut-legend li{gap:5px}.donut-count{font-size:.84rem}.bar-chart{padding-top:40px}}
.kanban{display:flex;gap:10px;overflow-x:auto;align-items:stretch}.kanban .lane{flex:0 0 218px}.legend-dot-svg{display:inline-block;vertical-align:middle;width:12px;height:12px;margin-right:6px}.stage-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.stage-editor-head h2{margin:0 0 6px}.stage-editor-head>button{flex:none}.stage-editor-list{display:grid;gap:9px;margin:15px 0}.stage-editor-row{padding:12px;background:#24212c;border:1px solid #423b4b;border-radius:12px}.stage-editor-main{display:grid;grid-template-columns:24px minmax(0,1fr) 54px auto;align-items:end;gap:9px}.stage-number{align-self:center;color:#a99fbb;font-size:.85rem}.stage-name,.stage-color{min-width:0}.stage-name>span,.stage-color>span{font-size:.72rem}.stage-color input[type=color]{padding:2px;height:38px;cursor:pointer}.stage-order{display:flex;gap:4px}.stage-order button{padding:7px 8px;font-size:.8rem}.stage-remove-box{margin-top:12px;padding:12px;border:1px solid #8b6650;border-radius:10px;background:#32231c}.stage-remove-box p{margin:0 0 8px}.stage-remove-box .muted{font-size:.8rem;margin-top:8px}.stage-editor .danger:empty{display:none}
@media(max-width:620px){.kanban .lane{flex-basis:min(82vw,310px)}.stage-editor-main{grid-template-columns:24px minmax(0,1fr) 54px}.stage-order{grid-column:2/-1;justify-content:flex-end}.stage-editor-row{padding:10px}.stage-editor .actions{justify-content:flex-end}}
/* Охват, навигация по периодам и редактирование на доске */
.overview-metrics .reach-card{padding:14px!important;min-width:0}.reach-head{display:grid;gap:5px;min-width:0}.reach-head select{font-size:.74rem;padding:5px 6px;min-width:0;width:100%;background:#201c29}.overview-metrics .reach-card strong{margin-top:8px;font-size:clamp(18px,2vw,25px)}.reach-period{display:flex;gap:3px;margin-top:8px}.reach-period button{flex:1;min-width:0;padding:4px 2px;font-size:.66rem;white-space:nowrap}.reach-card small{display:block;color:var(--muted);font-size:.68rem;line-height:1.25;margin-top:5px}.chart-navigator{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;font-size:.75rem;color:var(--muted)}.chart-navigator button{display:grid;place-items:center;width:30px;height:30px;padding:0;font-size:1.1rem;line-height:1}.chart-navigator span{white-space:nowrap}.content-range-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.content-range-row p{margin:0}.bar-chart[data-chart-swipe]{touch-action:pan-y}
.lane-add{display:block;width:calc(100% - 16px);margin:8px 8px 0;padding:6px 7px;border:1px dashed #71637f;background:transparent;color:#c5b5d4;font-size:.75rem;text-align:center}.lane-add:hover{background:#302a38;border-color:#b29ccf}.funnel-toolbar-actions{display:flex;gap:7px;flex-wrap:wrap}.editing-board .lane{border-color:#655878;animation:stage-edit-enter .22s ease-out}.editing-board .lane-body{opacity:.55;pointer-events:none}.stage-inline-tools{display:flex;align-items:center;gap:5px;padding:7px 8px;background:#292432;border-bottom:1px solid #474052}.stage-inline-tools button{min-width:34px;height:32px;padding:3px 7px;line-height:1}.stage-drag-handle{cursor:grab;touch-action:none;font-size:1.2rem!important;font-weight:700}.stage-drag-handle:active{cursor:grabbing}.stage-inline-color{margin-left:auto;width:34px;height:32px}.stage-inline-color input{display:block;width:34px;height:32px;padding:2px;cursor:pointer}.stage-title-edit{min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;font-weight:700;overflow-wrap:anywhere}.stage-title-edit:hover{background:transparent;box-shadow:none;color:#fff}.stage-title-edit span{display:inline!important;padding:0!important;background:transparent!important;color:#bfb0cf!important}.stage-rename-box{display:flex;align-items:center;gap:3px;min-width:0;flex:1}.stage-rename-box input{min-width:0;width:100%;padding:5px;font-size:.83rem}.stage-rename-box button{flex:none;padding:4px 6px}.lane h2 .lane-count{flex:none}.stage-inline-delete{margin:8px;padding:9px;border:1px solid #8b6650;border-radius:9px;background:#32231c}.stage-inline-delete p{margin:0 0 6px;font-size:.78rem}.stage-inline-delete select{font-size:.78rem}.stage-inline-delete .muted{margin-top:6px}.stage-inline-delete>div{display:flex;gap:4px;margin-top:7px}.stage-inline-delete button{padding:5px 7px;font-size:.73rem}.stage-add-tile{flex:0 0 218px;align-self:flex-start;min-height:120px;border:1px dashed #77658b;background:#1d1a24;color:#dbcee8;white-space:normal}.stage-add-tile:hover{background:#2c2535}.stage-moving{opacity:.25;transform:scale(.97)}.stage-drag-ghost{position:fixed!important;z-index:1100!important;pointer-events:none!important;opacity:.95!important;max-height:190px!important;overflow:hidden!important;transform:scale(.97) rotate(-1deg);box-shadow:0 15px 35px #000b,0 0 0 2px #b7a2ff,0 0 22px #a795ff66;border-radius:13px}.stage-drag-ghost .lane-body{pointer-events:none}@keyframes stage-edit-enter{from{opacity:.7;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:620px){.chart-navigator{gap:4px}.chart-navigator button{width:28px;height:28px}.overview-metrics .reach-card{padding:10px!important}.reach-head select{font-size:.7rem}.reach-period button{font-size:.62rem;min-height:28px}.reach-card small{font-size:.64rem}.stage-add-tile{flex-basis:min(82vw,310px)}.stage-inline-tools button,.stage-inline-color,.stage-inline-color input{min-height:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.editing-board .lane{animation:none}}
.editing-board{scroll-snap-type:none!important;scroll-behavior:auto}
/* Карточка клиента и читаемый дашборд */
.new-client-task{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,180px);gap:10px;padding:12px;border:1px solid #4a4054;border-radius:10px;background:#211d29}.new-client-task[hidden]{display:none}.client-next [data-new-task-toggle]{margin-left:6px}
.conversion-compact .conversion-overview{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:16px}.conversion-overview h2,.conversion-breakdown h2{font-size:1.15rem;margin:0 0 6px}.conversion-period-label{font-size:.86rem;margin:0}.conversion-summary{display:flex;align-items:center;gap:20px;min-width:0}.conversion-breakdown .conversion-tabs{margin-top:13px}.conversion-tabs button{font-size:.86rem;padding:7px 10px}.conversion-row>div{font-size:.9rem}.conversion-kicker{font-size:.78rem}.conversion-explainer h3{font-size:1.2rem}.chart-navigator span{font-size:.9rem}.reach-head select{font-size:.88rem;padding:7px 8px}.reach-card small{font-size:.78rem;line-height:1.35;margin-top:8px}.donut-legend li .donut-count span{font-size:.95em}
@media(max-width:620px){.new-client-task{grid-template-columns:minmax(0,1fr)}.conversion-summary{gap:12px}.conversion-tabs button{font-size:.8rem;padding:7px 8px}.conversion-explainer h3{font-size:1rem}.chart-navigator span{font-size:.8rem}.reach-head select{font-size:.8rem}.reach-card small{font-size:.72rem}}
.chart-navigator button:disabled{cursor:not-allowed}
/* Графики по дням и одинаковая высота колонок воронки */
.bar-chart{display:flex;justify-content:flex-start;align-items:stretch;min-width:0;min-height:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding-top:40px;padding-bottom:5px;touch-action:pan-x pan-y}
.bar-chart[data-chart-swipe]{touch-action:pan-x pan-y}.bar-chart .bar-item{flex:1 0 38px;max-width:70px;min-width:38px;grid-template-rows:180px auto}.bar-chart .bar-track{height:180px;min-height:180px}.bar-chart .bar-track svg{height:100%;min-height:0;max-height:none}.content-top>.insight:first-child .bar-chart{flex:0 0 auto;min-height:0;margin-top:auto}
.kanban .lane{height:min(75vh,740px);min-height:320px;display:flex;flex-direction:column}.kanban .lane .lane-body{flex:1 1 0;min-height:0;max-height:none;grid-template-columns:minmax(0,1fr);overflow-y:auto;overflow-x:hidden}.kanban .lane article,.kanban .lane article>*{min-width:0;max-width:100%}.kanban .lane article .link{overflow-wrap:anywhere}
@media(max-width:620px){.bar-chart .bar-item{flex-basis:36px;min-width:36px;max-width:60px}.kanban .lane{height:min(70vh,650px);min-height:320px}}
/* Совпадение границ блоков и равномерное заполнение графиков */
@media(min-width:951px){.conversion-compact{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:14px}}
.bar-chart .bar-item{max-width:none}
.bar-chart .bar-item:only-child{flex:0 0 70px;max-width:70px}
@media(max-width:620px){.bar-chart .bar-item{max-width:none}.bar-chart .bar-item:only-child{flex-basis:60px;max-width:60px}}

.stage-filter-settings{display:flex;flex-direction:column;gap:5px;padding:8px 10px;color:#bcb6ca;font-size:.78rem}.stage-filter-settings select,.lane-filter select{width:100%}

/* График начинается сразу после заголовка, с местом для подсказки. */
.content-top>.insight:first-child .bar-chart{margin-top:0;flex:1 1 auto}.content-top .bar-chart .bar-item{grid-template-rows:minmax(180px,1fr) auto}.content-top .bar-chart .bar-track{height:100%}

/* Компактный выбор площадки в карточке охвата */
.overview-metrics .reach-card{display:flex;flex-direction:column;align-items:flex-start}
.reach-head{display:block}
.overview-metrics .reach-card strong{margin:10px 0 9px}
.reach-select-wrap{position:relative;max-width:100%;display:inline-flex}
.reach-select-wrap::after{content:"";position:absolute;right:11px;top:50%;width:6px;height:6px;border-right:1.5px solid #c4b9d5;border-bottom:1.5px solid #c4b9d5;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.reach-select-wrap select{appearance:none;-webkit-appearance:none;max-width:100%;min-width:0;min-height:29px;padding:5px 27px 5px 10px;border:1px solid #50435f;border-radius:999px;background:#272130;color:#e5d9f3;font-size:.75rem;line-height:1.2;cursor:pointer}
.reach-select-wrap select:hover,.reach-select-wrap select:focus-visible{border-color:#b195da;background:#302638;outline:none}
.reach-card small{margin-top:7px}
@media(max-width:620px){.overview-metrics .reach-card strong{margin:8px 0}.reach-select-wrap select{font-size:.72rem;padding-left:9px}}
.reach-head{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;min-width:0}.reach-head>span{min-width:0}.reach-head .reach-select-wrap{flex:0 1 auto;min-width:0}.reach-head .reach-select-wrap select{width:100%}
@media(max-width:480px){.reach-head{gap:5px}.reach-head>span{font-size:.72rem;line-height:1.2}.reach-head .reach-select-wrap select{font-size:.68rem;padding-left:7px;padding-right:21px}.reach-head .reach-select-wrap::after{right:8px}}

/* Календарь и задачи на выбранный день */
.calendar-layout{align-items:stretch}
.calendar-layout>.panel{margin:0}
.calendar-layout .calendar-day{min-height:50px}
.calendar-agenda-wrap{position:relative;min-width:0;min-height:0}
.calendar-agenda{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0;margin:0!important}
.calendar-agenda h2{flex:none;margin:0 0 10px}
.calendar-agenda-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:5px;scrollbar-width:thin;scrollbar-color:#706478 transparent}
@media(max-width:900px){.calendar-agenda-wrap{min-height:0}.calendar-agenda{position:static;max-height:320px}.calendar-agenda-list{overflow-y:auto}}
@media(max-width:600px){.calendar-layout .calendar-day{min-height:44px}}

.report-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:12px 0}.report-enabled{display:flex;align-items:center;gap:8px}.report-enabled input{width:auto}.report-settings h2{margin-top:0}.task-assignee{font-size:.78rem;margin:4px 0 0}.calendar-agenda .task-action button{white-space:nowrap}

.instagram-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.instagram-media{max-height:320px;overflow:auto}.instagram-media article{padding:10px 0;border-top:1px solid var(--line)}.instagram-media p{margin:5px 0}.instagram-connect form label{display:block}.instagram-connect input{width:100%}

.auto-reply-layout{display:grid;gap:16px;max-width:920px;margin:0 auto}.auto-reply-intro{border:1px solid #55445d;background:linear-gradient(120deg,#272231,#1b1a22)}.auto-reply-status{color:#f6c773;font-size:14px}.auto-reply-form{display:grid;gap:15px}.auto-reply-form h2,.auto-reply-form p{margin:0}.auto-reply-form label{display:grid;gap:7px}.auto-reply-form textarea,.auto-reply-form input:not([type=checkbox]),.auto-reply-form select{width:100%;box-sizing:border-box}.auto-reply-form textarea{resize:vertical;min-height:76px}.auto-reply-platforms{display:flex;flex-wrap:wrap;gap:12px}.auto-reply-platforms label{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #55445d;border-radius:10px}.auto-reply-form button[type=submit]{justify-self:start}