/* FitStars · Партнёры — интерфейс по гайдбуку коммуникаций FitStars */
@font-face{font-family:"Gilroy";src:url(/assets/fonts/Gilroy-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Gilroy";src:url(/assets/fonts/Gilroy-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Gilroy";src:url(/assets/fonts/Gilroy-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Gilroy";src:url(/assets/fonts/Gilroy-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Gilroy";src:url(/assets/fonts/Gilroy-ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}

:root{
  --pink:#EF16B0; --navy:#181D31; --white:#FFFFFF;
  --navy2:#4B5068; --navy3:#8A8EA3; --line:#ECE7F1; --line2:#F4F0F7;
  --bg:#F7F4FA; --panel:#FFFFFF;
  --p-pink:#FFD0EF; --p-pink2:#FFEAF8; --p-lav:#CBC1F0; --p-lav2:#EBE5FF; --p-blue:#B0D8F6; --p-blue2:#DBEFFF;
  --p-green:#BCE8B9; --p-green2:#E6FBE4; --p-yellow:#FFE796; --p-yellow2:#FFEFCD; --p-peach:#FFCDAD; --p-red:#FFBCBC; --p-red2:#FFE9E9;
  --ok:#1E8A55; --warn:#B7620A; --bad:#D0245A;
  --shadow:0 0 40px rgba(0,0,0,.03), 0 1px 2px rgba(24,29,49,.04);
  --r-s:14px; --r:24px; --r-l:32px;
  --font:"Gilroy","Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html,body,#root{height:100%}
body{margin:0;font-family:var(--font);font-size:14px;line-height:1.45;color:var(--navy);background:var(--bg);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit}
.num{font-variant-numeric:tabular-nums}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--pink);outline-offset:2px}

/* ---------- каркас ---------- */
.shell{display:grid;grid-template-columns:232px minmax(0,1fr);height:100%}
.side{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:20px 14px;gap:18px;overflow:auto}
.brand{display:flex;align-items:center;gap:10px;padding:4px 8px}
.brand img{height:28px}
.brand .mark{width:30px;height:30px;border-radius:10px;background:var(--pink);display:grid;place-items:center;color:#fff;font-weight:800;font-size:16px}
.brand b{font-weight:800;font-size:17px;letter-spacing:-.01em}
.brand small{display:block;color:var(--navy3);font-size:11.5px;font-weight:500;margin-top:-2px}
.nav{display:flex;flex-direction:column;gap:2px}
.nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;text-decoration:none;color:var(--navy2);font-weight:500}
.nav a:hover{background:var(--line2)}
.nav a.on{background:var(--p-pink2);color:var(--navy);font-weight:600}
.nav a .cnt{margin-left:auto;font-size:12px;font-weight:700;background:var(--pink);color:#fff;border-radius:999px;padding:1px 8px;min-width:22px;text-align:center}
.nav a .cnt.soft{background:var(--line2);color:var(--navy2)}
.nav .ico{width:18px;height:18px;flex:none}
.side .sep{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--navy3);font-weight:600;padding:0 12px;margin-top:6px}
.side .foot{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding:10px 8px 0;border-top:1px solid var(--line);font-size:12.5px;color:var(--navy3)}
.side .foot .who{color:var(--navy);font-weight:600}
.linkbtn{background:none;border:0;padding:0;color:var(--navy2);text-decoration:underline;text-underline-offset:2px;cursor:pointer;font-size:12.5px;text-align:left}
.main{min-width:0;overflow:auto;height:100%}
.page{padding:22px 26px 60px;display:flex;flex-direction:column;gap:16px;max-width:1500px}
.page h1{font-weight:800;font-size:26px;letter-spacing:-.015em;margin:0}
.page .lead{color:var(--navy2);margin:2px 0 0}
.topline{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:space-between}

/* ---------- элементы ---------- */
.plate{background:var(--panel);border-radius:var(--r);box-shadow:var(--shadow);border:1px solid var(--line)}
.btn{border:0;border-radius:999px;padding:9px 16px;font-weight:600;cursor:pointer;background:var(--navy);color:#fff;white-space:nowrap}
.btn.pink{background:var(--pink)}
.btn.ghost{background:var(--panel);color:var(--navy);border:1px solid var(--line)}
.btn.small{padding:6px 12px;font-size:13px}
.btn:disabled{opacity:.5;cursor:default}
.inp,select.inp,textarea.inp{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 12px;min-width:0}
textarea.inp{width:100%;resize:vertical;min-height:84px}
.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500;color:var(--navy2);cursor:pointer;white-space:nowrap}
.chip b{font-weight:700;color:var(--navy3);font-variant-numeric:tabular-nums}
.chip[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}
.chip[aria-pressed=true] b{color:#ffffffb0}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.tag{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;white-space:nowrap;line-height:1.5}
.d-B2B{background:var(--p-lav2);color:#4B3AA8}
.d-B2B2C,.d-B2C{background:var(--p-pink2);color:#B3107F}
.d-ACC{background:#FFE7D8;color:#9A4A12}
.d-PR{background:var(--p-blue2);color:#1D5F95}
.d-CAST{background:var(--p-green2);color:#2E7D32}
.d-SUP{background:var(--p-yellow2);color:#8A5A00}
.d-none,.d-{background:var(--line2);color:var(--navy3)}
.s-noreply{background:var(--p-red2);color:var(--bad)}
.s-waitus{background:var(--p-yellow2);color:var(--warn)}
.s-waitthem{background:var(--line2);color:var(--navy2)}
.s-handed{background:var(--p-lav2);color:#4B3AA8}
.s-won{background:var(--p-green2);color:var(--ok)}
.s-closed,.s-stale,.s-hidden,.s-junk,.s-outreach,.s-service{background:var(--line2);color:var(--navy3)}
.t-topic{background:transparent;border:1px solid var(--line);color:var(--navy2);font-weight:500}
.t-src{background:var(--navy);color:#fff;font-weight:600}
.lbl{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--navy3);font-weight:600}
.muted{color:var(--navy3)}
.empty{padding:40px;text-align:center;color:var(--navy3)}
.empty img{width:120px;display:block;margin:0 auto 10px}

/* ---------- фильтры ---------- */
.filters{display:flex;flex-direction:column;gap:10px;padding:14px 16px}
.frow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.frow .inp.search{flex:1 1 260px}
.period input[type=date]{padding:6px 10px}

/* ---------- входящие ---------- */
.inbox{display:grid;grid-template-columns:minmax(340px,440px) minmax(0,1fr);gap:16px;align-items:start}
.qlist{display:flex;flex-direction:column;gap:8px;min-width:0}
.qitem{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:12px 14px;cursor:pointer;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow);text-align:left;width:100%}
.qitem:hover{border-color:var(--p-lav)}
.qitem.on{border-color:var(--pink);box-shadow:0 0 0 2px var(--p-pink)}
.qtop{display:flex;gap:8px;align-items:baseline;justify-content:space-between}
.qtitle{font-weight:700;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qdate{font-size:12px;color:var(--navy3);white-space:nowrap;font-variant-numeric:tabular-nums}
.qtext{color:var(--navy2);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.qtags{display:flex;gap:4px;flex-wrap:wrap}
.qhint{font-size:12px;font-weight:600}
.lv-bad{color:var(--bad)} .lv-warn{color:var(--warn)} .lv-info{color:var(--navy2)}
.more{align-self:center}
.detail{position:sticky;top:0;max-height:calc(100vh - 40px);overflow:auto}

/* ---------- карточка ---------- */
.card{padding:22px 24px;display:flex;flex-direction:column;gap:16px}
.card h2{font-weight:800;font-size:22px;margin:0;letter-spacing:-.01em;text-wrap:balance}
.card .sub{color:var(--navy2);font-size:13px;display:flex;gap:6px 12px;flex-wrap:wrap}
.card .sub a{text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.hints{display:flex;flex-direction:column;gap:6px}
.hint{border-radius:14px;padding:8px 12px;font-size:13px;font-weight:500;display:flex;gap:8px;align-items:flex-start}
.hint.bad{background:var(--p-red2);color:#8E1238}
.hint.warn{background:var(--p-yellow2);color:#7A4A00}
.hint.info{background:var(--line2);color:var(--navy2)}
.hint button{font-size:12px}
.ctrl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ctrl label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--navy3);font-weight:500}
@media (max-width:1100px){.ctrl{grid-template-columns:repeat(2,minmax(0,1fr))}}
.handoff{display:flex;gap:8px;flex-wrap:wrap;align-items:center;background:var(--p-lav2);border-radius:18px;padding:10px 12px}
.handoff .inp{flex:1 1 200px}
.hobox{background:var(--p-lav2);border-radius:18px;padding:10px 14px;font-size:13px;color:#3A2C86;display:flex;flex-direction:column;gap:2px}
.two{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px}
@media (max-width:1250px){.two{grid-template-columns:1fr}}
.request{background:var(--p-pink2);border-radius:20px;padding:14px 16px;white-space:pre-wrap;font-size:14px}
.kv{display:grid;grid-template-columns:96px minmax(0,1fr);gap:5px 10px;font-size:13px}
.kv dt{color:var(--navy3)} .kv dd{margin:0;overflow-wrap:anywhere}
.copy{font-size:11px;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:0 6px;margin-left:6px;cursor:pointer;color:var(--navy3)}
.thread{display:flex;flex-direction:column;gap:10px}
.msg{border-radius:20px;padding:12px 14px;max-width:92%}
.msg.in{background:var(--line2);align-self:flex-start;border-bottom-left-radius:6px}
.msg.out{background:var(--p-lav2);align-self:flex-end;border-bottom-right-radius:6px}
.msg .mh{font-size:12px;color:var(--navy3);margin-bottom:4px;display:flex;gap:8px;flex-wrap:wrap}
.msg .mb{white-space:pre-wrap;font-size:13.5px;overflow-wrap:anywhere}
.msg .full{margin-top:6px}
.att{display:inline-flex;gap:4px;font-size:12px;background:var(--panel);border-radius:10px;padding:2px 8px;margin:4px 4px 0 0}
.events{font-size:12.5px;color:var(--navy2);display:flex;flex-direction:column;gap:4px}

/* ---------- воронка ---------- */
.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:12px;overflow-x:auto;padding-bottom:10px}
.col{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:12px;display:flex;flex-direction:column;gap:8px;min-height:200px}
.col h3{margin:0 4px 4px;font-size:14px;font-weight:700;display:flex;justify-content:space-between}
.col.drop{outline:2px dashed var(--pink);outline-offset:-4px}
.bcard{border:1px solid var(--line);border-radius:18px;padding:10px 12px;background:var(--panel);cursor:grab;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow)}
.bcard .t{font-weight:700;font-size:13.5px}
.bcard .x{font-size:12px;color:var(--navy2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ---------- таблицы и аналитика ---------- */
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--navy3);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--line)}
.tbl td{padding:10px 12px;border-bottom:1px solid var(--line2);vertical-align:top}
.tbl tr.click{cursor:pointer} .tbl tr.click:hover td{background:var(--line2)}
.tw{overflow-x:auto}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.kpi{padding:16px 18px;display:flex;flex-direction:column;gap:6px;cursor:pointer;text-align:left;border:1px solid var(--line)}
.kpi .v{font-size:30px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.kpi .h{font-size:12.5px;color:var(--navy2)}
.kpi.bad .v{color:var(--bad)} .kpi.warn .v{color:var(--warn)} .kpi.pink .v{color:var(--pink)}
.grid2{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px}
@media (max-width:1100px){.grid2{grid-template-columns:1fr}}
.panel{padding:18px 20px;display:flex;flex-direction:column;gap:12px}
.panel h3{margin:0;font-size:15px;font-weight:700}
.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--navy2)}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
svg text{font-family:var(--font);font-size:11px;fill:var(--navy3)}
.hbar{display:grid;grid-template-columns:170px 1fr 70px;gap:10px;align-items:center;font-size:13px}
.hbar .tr{height:12px;border-radius:6px;background:var(--line2);overflow:hidden;display:flex}
.hbar .tr span{display:block;height:100%}

/* ---------- вход ---------- */
.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#FFEAF8 0%,#EBE5FF 55%,#DBEFFF 100%)}
.login form{width:min(380px,100%);padding:30px;display:flex;flex-direction:column;gap:14px;border-radius:var(--r-l)}
.login h1{margin:0;font-weight:800;font-size:24px}
.login .err{color:var(--bad);font-size:13px;min-height:1em}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;border-radius:999px;padding:10px 18px;font-weight:600;z-index:50}
@media (max-width:900px){
  .shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}
  .side{flex-direction:row;overflow-x:auto;padding:10px;gap:10px;border-right:0;border-bottom:1px solid var(--line)}
  .side .sep,.side .foot{display:none}
  .nav{flex-direction:row}
  .inbox{grid-template-columns:minmax(0,1fr)}
  .qitem{min-width:0}
  .detail{position:static;max-height:none}
  .page{padding:16px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* фильтры входящих */
.qtabs{gap:6px}
.qtab{border:0;background:var(--line2);border-radius:12px;padding:9px 14px;font-weight:600;font-size:14px;color:var(--navy2);cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.qtab b{font-weight:700;color:var(--navy3);font-variant-numeric:tabular-nums}
.qtab[aria-pressed=true]{background:var(--navy);color:#fff}
.qtab[aria-pressed=true] b{color:#ffffffb0}
.qmore{border-radius:12px;font-weight:600;width:auto;flex:none}
.qmore.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.flbl{width:112px;flex:none;align-self:flex-start;padding-top:8px}
.frow .chips{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0}
.chip.zero{opacity:.45}
.summary{font-size:14px;color:var(--navy2);display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;padding:0 4px}
.summary b{font-size:18px;color:var(--navy)}
@media (max-width:900px){.flbl{width:100%}}

/* «Новое» — у каждого пользователя своё, снимается при первом открытии */
.t-new{background:var(--pink);color:#fff}
.qitem.isnew,.bcard.isnew{box-shadow:inset 3px 0 0 var(--pink)}
.qitem.isnew .qtitle,.bcard.isnew .t{font-weight:800}
.nav a .ico{position:relative;display:inline-flex}
.newdot{position:absolute;top:-9px;right:8px;background:var(--pink);color:#fff;font-size:10px;font-weight:800;line-height:15px;min-width:15px;padding:0 4px;border-radius:999px;border:2px solid #fff;text-align:center}

.msg.folded{padding:8px 14px}
.msg.folded .mh{margin-bottom:0;align-items:center}
.msg.folded .mb:not([hidden]){margin-top:6px}

/* ================= карточка обращения v2 ================= */
.kc{background:var(--panel);border-radius:var(--r-l);box-shadow:var(--shadow);border:1px solid var(--line);container-type:inline-size;position:relative}
.kc .ki{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.kc.pinned .k-ib.on .ki{fill:var(--pink);stroke:var(--pink)}
.k-head{padding:24px 26px 18px;display:flex;gap:14px;align-items:flex-start;position:relative}
.k-ava{width:48px;height:48px;border-radius:16px;background:var(--p-pink);color:var(--pink);display:grid;place-items:center;font-weight:800;font-size:20px;flex:none}
.k-who{flex:1;min-width:0}
.k-who h2{margin:0;font-size:24px;line-height:1.15;font-weight:800;letter-spacing:-.01em;overflow-wrap:anywhere}
.k-sub{color:var(--navy2);margin-top:5px;display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:13.5px}
.k-sub i{width:3px;height:3px;border-radius:50%;background:var(--navy3)}
.k-src{display:inline-flex;align-items:center;gap:5px;background:var(--navy);color:#fff;border-radius:999px;padding:1px 9px 1px 7px;font-size:12px;font-weight:700}
.k-src .ki{width:12px;height:12px}
.k-acts{display:flex;gap:8px;align-items:center;flex:none}
.kbtn{border:0;border-radius:14px;padding:10px 16px;font-weight:700;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;cursor:pointer;text-decoration:none;font-size:14px}
.kbtn .ki{width:16px;height:16px}
.kbtn.primary{background:var(--pink);color:#fff}
.kbtn.primary:hover{filter:brightness(.95)}
.kbtn.dark{background:var(--navy);color:#fff}
.kbtn.dark:disabled{background:var(--line);color:var(--navy3);cursor:default}
.kbtn.soft{background:var(--line2);color:var(--navy)}
.kbtn.soft:hover{background:var(--line)}
.kbtn.white{background:#fff;color:var(--navy)}
.kbtn.white:hover{background:var(--line2)}
.k-ib{width:40px;height:40px;border-radius:14px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--navy2);cursor:pointer}
.k-ib:hover{background:var(--line2)}
.k-menuwrap{position:relative}
.k-menu{position:absolute;right:0;top:46px;background:#fff;border-radius:16px;box-shadow:0 16px 48px rgba(24,29,49,.16);padding:6px;z-index:20;min-width:210px;display:flex;flex-direction:column}
.k-menu button,.k-menu a{border:0;background:none;text-align:left;padding:9px 12px;border-radius:10px;cursor:pointer;text-decoration:none;color:var(--navy);font-weight:500}
.k-menu button:hover,.k-menu a:hover{background:var(--line2)}
.k-pop{position:absolute;top:76px;right:26px;width:380px;max-width:calc(100% - 32px);background:#fff;border-radius:24px;box-shadow:0 20px 60px rgba(24,29,49,.18);padding:18px;z-index:20}
.k-pop h4{margin:0 0 4px;font-size:16px}
.k-pop p{margin:0 0 12px;color:var(--navy2);font-size:13px}
.k-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}
.k-seg button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 4px;font-weight:600;font-size:13px;cursor:pointer}
.k-seg button:hover:not(:disabled){border-color:var(--navy3)}
.k-seg button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.k-seg button:disabled{background:var(--line2);color:var(--navy3);cursor:default}
.k-pop textarea{width:100%;min-height:64px;resize:vertical}
.k-popf{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.k-link{background:none;border:0;padding:0;color:var(--pink);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:13px}
.k-link .ki{width:14px;height:14px}
.k-link.sub{color:var(--navy2);font-weight:500;text-decoration:underline;text-underline-offset:2px}

.k-now{margin:0 26px;border-radius:22px;padding:14px 16px;display:flex;align-items:center;gap:14px}
.k-now-i{width:38px;height:38px;border-radius:12px;background:#fff;display:grid;place-items:center;flex:none}
.k-now-t{flex:1;min-width:0}
.k-now-t b{font-size:15.5px;display:block;line-height:1.3}
.k-now-t span{color:var(--navy2);font-size:13.5px}
.k-now.lav{background:var(--p-lav2)} .k-now.lav .k-now-i{color:#6A55D8}
.k-now.pink{background:var(--p-pink2)} .k-now.pink .k-now-i{color:var(--pink)}
.k-now.red{background:var(--p-red2)} .k-now.red .k-now-i{color:var(--bad)} .k-now.red b{color:#8E1238}
.k-now.yellow{background:var(--p-yellow2)} .k-now.yellow .k-now-i{color:var(--warn)}
.k-now.blue{background:var(--p-blue2)} .k-now.blue .k-now-i{color:#2F7BC0}
.k-now.green{background:var(--p-green2)} .k-now.green .k-now-i{color:var(--ok)}
.k-now.grey{background:var(--line2)} .k-now.grey .k-now-i{color:var(--navy3)}
.k-hints{margin:8px 26px 0;display:flex;flex-direction:column;gap:4px}
.k-hint{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--navy2);padding:2px 4px}
.k-hint .ki{width:15px;height:15px;margin-top:2px;color:var(--navy3)}
.k-hint.bad{color:#8E1238} .k-hint.bad .ki{color:var(--bad)}
.k-hint.warn{color:#7A4A00} .k-hint.warn .ki{color:var(--warn)}
.k-hint a{color:inherit}

.k-steps{margin:16px 26px 0;display:flex;gap:6px;align-items:center;overflow-x:auto;scrollbar-width:none}
.k-step{flex:1 0 auto;text-align:center;padding:9px 10px;border-radius:12px;background:var(--line2);color:var(--navy3);font-weight:600;font-size:13px;border:1px solid transparent;cursor:pointer;white-space:nowrap}
.k-step:hover{border-color:var(--line);color:var(--navy2)}
.k-step.done{background:var(--p-pink2);color:var(--pink)}
.k-step.cur{background:var(--pink);color:#fff;box-shadow:0 6px 16px rgba(239,22,176,.22);cursor:default}
.k-step.end{flex:.6 0 auto;background:#fff;border:1px dashed var(--line)}
.k-step.end.cur{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:none}
.k-sep{width:1px;height:24px;background:var(--line);margin:0 2px;flex:none}

.k-props{margin:14px 26px 0;display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line)}
.k-prop{position:relative;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:14px;padding:7px 10px 7px 12px;background:#fff;cursor:pointer;max-width:100%}
.k-prop:hover{border-color:var(--navy3)}
.k-prop:focus-within{outline:2px solid var(--pink);outline-offset:1px}
.k-prop small{color:var(--navy3);font-size:12px}
.k-prop b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k-prop .ki{width:14px;height:14px;color:var(--navy3)}
.k-prop select{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;font-size:14px}
.k-prop.empty{border-style:dashed;color:var(--navy3)}
.k-auto{font-size:11px;font-weight:700;color:#6A55D8;background:var(--p-lav2);border-radius:999px;padding:1px 7px}
.k-confirm{margin-left:auto;font-size:13px;color:var(--navy2);display:flex;gap:8px;align-items:center}

.k-body{display:grid;grid-template-columns:minmax(0,1fr) 320px}
.k-main{padding:22px 26px 26px;min-width:0}
.k-aside{padding:22px 26px 26px 22px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:22px;min-width:0}
.k-h{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy3);margin:0 0 10px}
.k-ask{background:var(--p-pink2);border-radius:22px;padding:16px 18px}
.k-q{font-size:16px;line-height:1.5;font-weight:500;white-space:pre-wrap;overflow-wrap:anywhere}
.k-meta{margin-top:10px;font-size:12.5px;color:var(--navy2);display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.k-askfull{margin-top:10px;padding-top:10px;border-top:1px solid var(--p-pink);white-space:pre-wrap;font-size:13px;color:var(--navy2);overflow-wrap:anywhere}
.k-tl{margin-top:24px}
.k-day{display:flex;align-items:center;gap:10px;color:var(--navy3);font-size:12px;font-weight:600;margin:16px 0 10px}
.k-day:after{content:"";flex:1;height:1px;background:var(--line)}
.k-tl > .k-h + .k-day{margin-top:4px}
.k-ev{display:flex;gap:8px;align-items:center;color:var(--navy2);font-size:13px;flex-wrap:wrap}
.k-pin{width:26px;height:26px;border-radius:50%;background:var(--p-pink2);display:grid;place-items:center;color:var(--pink)}
.k-pin .ki{width:14px;height:14px}
.k-msg{border-radius:20px;padding:12px 15px;max-width:88%;margin-bottom:8px}
.k-msg.in{background:var(--line2);border-bottom-left-radius:6px}
.k-msg.out{background:var(--p-lav2);margin-left:auto;border-bottom-right-radius:6px}
.k-mh{display:flex;gap:8px;font-size:12.5px;color:var(--navy3);margin-bottom:5px;flex-wrap:wrap}
.k-mh b{color:var(--navy)}
.k-subj{font-style:italic}
.k-mb{white-space:pre-wrap;font-size:13.5px;overflow-wrap:anywhere}
.k-msg .k-link{margin-top:6px}
.k-att{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.k-att span{display:inline-flex;align-items:center;gap:4px;background:#fff;border-radius:8px;padding:2px 8px;font-size:12px}
.k-att .ki{width:13px;height:13px}
.k-wait{margin-top:12px;display:flex;gap:10px;align-items:center;color:var(--navy3);font-size:13px}
.k-wait span{width:8px;height:8px;border-radius:50%;background:var(--p-lav);box-shadow:0 0 0 4px var(--p-lav2)}

.k-nm{font-weight:700;font-size:15px;margin-bottom:2px}
.k-row{display:flex;align-items:center;gap:10px;padding:6px 0;color:var(--navy2);font-size:13.5px}
.k-row .ki{width:16px;height:16px;color:var(--navy3)}
.k-row .v{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--navy)}
.k-row .v a{color:inherit}
.k-row .v.muted{color:var(--navy3)}
.k-cp{border:0;background:none;color:var(--navy3);padding:4px;border-radius:8px;cursor:pointer;display:grid}
.k-cp:hover{background:var(--line2);color:var(--navy)}
.k-cp.ok{color:var(--ok)}
.k-cp .ki{width:15px;height:15px}
.k-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.k-st{background:var(--line2);border-radius:14px;padding:10px 10px 9px}
.k-st b{display:block;font-size:16px;font-weight:800;white-space:nowrap}
.k-st span{font-size:11.5px;color:var(--navy3);line-height:1.25;display:block;margin-top:2px}
.k-st.warn{background:var(--p-yellow2)} .k-st.warn b{color:var(--warn)}
.k-st.bad{background:var(--p-red2)} .k-st.bad b{color:var(--bad)}
.k-st.ok{background:var(--p-green2)} .k-st.ok b{color:var(--ok)}
.k-note{width:100%;border:1px dashed var(--p-lav);border-radius:16px;padding:11px 13px;min-height:84px;resize:vertical;background:#fff;font-size:13.5px}
.k-note:focus{border-style:solid;outline:none;border-color:var(--p-lav)}
.k-saved{font-size:11.5px;color:var(--navy3);margin-top:5px}
.k-org{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:16px;padding:10px 12px;text-decoration:none;color:var(--navy)}
.k-org:hover{border-color:var(--navy3)}
.k-org small{display:block;color:var(--navy3);font-size:12px}
.k-oi{width:32px;height:32px;border-radius:10px;background:var(--p-blue2);display:grid;place-items:center;color:#2F7BC0;flex:none}
.k-oi .ki{width:16px;height:16px}
.k-orgbox{display:flex;flex-direction:column;gap:6px}
.k-other{display:block;font-size:13px;color:var(--navy2);text-decoration:none;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k-other span{color:var(--navy3);margin-right:6px}
.k-other:hover{color:var(--pink)}
.k-hist summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.k-hist summary::-webkit-details-marker{display:none}
.k-hist summary .k-h{margin:0}
.k-hist summary .ki{color:var(--navy3);width:16px;height:16px;transition:transform .15s}
.k-hist[open] summary .ki{transform:rotate(180deg)}
.k-hi{font-size:12.5px;color:var(--navy2);margin-top:8px}

/* узкая панель (карточка рядом со списком) */
@container (max-width:820px){
  .k-body{grid-template-columns:minmax(0,1fr)}
  .k-head{flex-wrap:wrap}
  .k-acts{order:3;width:100%;padding-left:62px}
  .k-acts .kbtn.primary{margin-left:auto}
  .k-pop{top:128px}
  .k-steps{flex-wrap:wrap}
  .k-step{flex:1 1 auto;padding:8px 8px;font-size:12.5px}
  .k-sep{display:none}
  .k-aside{border-left:0;border-top:1px solid var(--line);padding-top:20px;padding-left:26px}
}
@container (max-width:640px){
  .k-head{flex-wrap:wrap;padding:20px 18px 14px}
  .k-acts{padding-left:0}
  .k-now,.k-steps,.k-props,.k-hints{margin-left:18px;margin-right:18px}
  .k-main,.k-aside{padding-left:18px;padding-right:18px}
  .k-now{flex-wrap:wrap}
  .k-now .kbtn{margin-left:52px}
  .k-confirm{margin-left:0}
  .k-pop{top:auto;left:16px;right:16px;width:auto}
}

/* ---------- выпадающие списки платформы ---------- */
.kdd-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer;white-space:nowrap;min-height:38px}
.kdd-btn .kdd-l{overflow:hidden;text-overflow:ellipsis;min-width:0}
.kdd-ch{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.55;transition:transform .15s}
.kdd-btn:hover{border-color:var(--navy3)}
.kdd-open{border-color:var(--pink)!important;box-shadow:0 0 0 3px var(--p-pink2)}
.kdd-open .kdd-ch,.k-prop.kdd-open .ki:last-of-type{transform:rotate(180deg)}
.kdd-menu{position:fixed;z-index:1000;background:#fff;border-radius:18px;box-shadow:0 18px 50px rgba(24,29,49,.16),0 0 0 1px var(--line);padding:6px;overflow:auto;max-width:min(420px,calc(100vw - 16px));animation:kdd-in .12s ease-out;outline:none}
@keyframes kdd-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.kdd-list{display:flex;flex-direction:column}
.kdd-it{border:0;background:none;text-align:left;padding:9px 12px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:var(--navy);outline:none}
.kdd-it span{min-width:0}
.kdd-it.act{background:var(--line2)}
.kdd-it.on{color:var(--pink);font-weight:700}
.kdd-it.on.act{background:var(--p-pink2)}
.kdd-it:disabled{color:var(--navy3);cursor:default}
.kdd-ok{width:16px;height:16px;flex:none;stroke:var(--pink);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.kdd-grp{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--navy3);padding:10px 12px 4px}
.kdd-grp:first-child{padding-top:4px}
.kdd-search{position:sticky;top:-6px;background:#fff;padding:2px 2px 6px;margin-top:-2px;z-index:1}
.kdd-search input{width:100%;border:1px solid var(--line);border-radius:12px;padding:8px 12px;outline:none}
.kdd-search input:focus{border-color:var(--pink)}
.k-prop:focus-visible{outline:2px solid var(--pink);outline-offset:1px}

/* ---------- лид вручную ---------- */
.s-lead{background:var(--p-lav2);color:#4B3AA8}
.topline .kbtn{align-self:center}
.kmodal-bg{position:fixed;inset:0;background:rgba(24,29,49,.32);z-index:900;display:grid;place-items:center;padding:20px;animation:kdd-in .15s ease-out}
.kmodal{background:#fff;border-radius:28px;box-shadow:0 30px 80px rgba(24,29,49,.25);width:min(760px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column;overflow:hidden}
.kmodal-h{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 8px}
.kmodal-h h3{margin:0;font-size:22px;font-weight:800}
.kmodal-b{padding:4px 24px 12px;overflow:auto}
.kmodal-f{display:flex;gap:8px;align-items:center;justify-content:flex-end;padding:14px 24px;border-top:1px solid var(--line);background:#fff}
.lf-lead{margin:0 0 12px;color:var(--navy2);font-size:13.5px}
.lf-err{margin-right:auto;color:var(--bad);font-size:13px;font-weight:600}
.lf-dup{background:var(--p-yellow2);color:#7A4A00;border-radius:14px;padding:10px 12px;font-size:13px;margin-bottom:10px}
.lf-dup a{color:inherit}
.kmodal fieldset{border:0;margin:0 0 14px;padding:14px 0 0;border-top:1px solid var(--line)}
.kmodal legend{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy3);padding:0 8px 0 0}
.lf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin-top:6px}
.lf{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--navy2);font-weight:500;min-width:0}
.lf.wide{grid-column:1/-1}
.lf b{color:var(--pink)}
.lf .inp,.lf .kdd-btn{width:100%;font-size:14px;color:var(--navy)}
.lf textarea.inp{min-height:0;resize:vertical}
.lf .inp:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 3px var(--p-pink2)}
@media (max-width:640px){.lf-grid{grid-template-columns:1fr}.kmodal-bg{padding:0}.kmodal{border-radius:0;max-height:100vh;height:100%}}
.k-empty{color:var(--navy3);font-size:13px;background:var(--line2);border-radius:16px;padding:12px 14px;margin-top:4px}
.k-kv{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line2);font-size:13.5px}
.k-kv span{color:var(--navy3);flex:none}
.k-kv b{font-weight:600;text-align:right;overflow-wrap:anywhere}

/* поиск в воронке */
.bsearch{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.bsearch .inp{width:100%;max-width:640px;font-size:14px;padding:10px 14px}
.bsearch .inp:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 3px var(--p-pink2)}
.bsum{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--navy2);min-height:0}
.bsum:empty{display:none}
.bsum a{color:var(--pink);font-weight:600}

/* ---------- карточка в боковой панели ---------- */
.drw-bg{position:fixed;inset:0;z-index:800;background:rgba(24,29,49,0);transition:background .2s}
.drw-bg.on{background:rgba(24,29,49,.28)}
.drw{position:absolute;top:0;right:0;bottom:0;width:min(1000px,94vw);background:var(--bg);box-shadow:-20px 0 60px rgba(24,29,49,.18);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .22s ease-out;border-radius:28px 0 0 28px;overflow:hidden}
.drw-bg.on .drw{transform:none}
.drw-top{display:flex;justify-content:space-between;align-items:center;padding:14px 18px 10px 24px;flex:none}
.drw-t{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy3)}
.drw-x{border:1px solid var(--line);background:#fff;border-radius:12px;padding:7px 10px 7px 14px;font-weight:600;cursor:pointer;display:inline-flex;gap:8px;align-items:center;color:var(--navy)}
.drw-x:hover{background:var(--line2)}
.drw-x kbd{font:inherit;font-size:11px;color:var(--navy3);background:var(--line2);border-radius:6px;padding:1px 6px}
.drw-b{flex:1;overflow:auto;padding:0 18px 24px}
.drw-load{padding:40px;text-align:center;color:var(--navy3)}
body.drw-open{overflow:hidden}
.bcard{cursor:pointer}
.bcard.on{outline:2px solid var(--pink);outline-offset:-2px}
@media (max-width:700px){.drw{width:100vw;border-radius:0}.drw-b{padding:0 8px 16px}}

/* ---------- ответ из карточки ---------- */
.k-reply{margin-top:22px}
.k-rp-fake{width:100%;display:flex;align-items:center;gap:10px;border:1px dashed var(--p-lav);background:#fff;border-radius:18px;padding:14px 16px;color:var(--navy3);font-size:14px;cursor:text;text-align:left}
.k-rp-fake:hover{border-color:var(--pink);color:var(--navy2)}
.k-rp-fake .ki{color:var(--pink)}
.k-rp-form{display:none;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(24,29,49,.06);overflow:hidden}
.k-reply.open .k-rp-fake{display:none}
.k-reply.open .k-rp-form{display:block;animation:kdd-in .15s ease-out}
.k-rp-top{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;padding:14px 16px 8px}
.k-rp-top b{font-size:15px}
.k-rp-top span{font-size:12px;color:var(--navy3)}
.k-rp-row{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line2);padding:6px 16px;font-size:13.5px}
.k-rp-row > span{width:48px;color:var(--navy3);flex:none}
.k-rp-row input{flex:1;min-width:0;border:0;outline:none;padding:6px 0;background:none;font-size:14px}
#rp-body{display:block;width:100%;border:0;border-top:1px solid var(--line2);outline:none;padding:14px 16px;resize:vertical;min-height:150px;font-size:14px;line-height:1.5;background:#fff}
.k-rp-sig{display:flex;gap:10px;align-items:flex-start;padding:10px 16px;border-top:1px dashed var(--line);background:var(--line2);font-size:12.5px;color:var(--navy2)}
.k-rp-sig pre{margin:0;flex:1;font:inherit;white-space:pre-wrap}
.k-rp-sig textarea{flex:1;border:1px solid var(--line);border-radius:10px;padding:6px 8px;font:inherit;resize:vertical}
.k-rp-sigl{color:var(--navy3);width:48px;flex:none}
.k-rp-f{display:flex;gap:8px;align-items:center;justify-content:flex-end;padding:12px 16px;border-top:1px solid var(--line2);flex-wrap:wrap}
.k-rp-hint{margin-right:auto;font-size:12px;color:var(--navy3)}
.k-rp-hint.err{color:var(--bad);font-weight:600}
.kbtn:disabled{opacity:.6;cursor:default}

/* шаблоны ответов */
.k-rp-tpl{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:8px 16px;border-top:1px solid var(--line2);background:#FFFBFE}
.k-rp-tl{font-size:12px;color:var(--navy3);width:48px;flex:none}
.k-rp-chip{border:1px solid #FFD0EF;background:#FFEAF8;color:var(--pink);border-radius:999px;padding:5px 12px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.k-rp-chip:hover{background:#FFD0EF}
.k-rp-chip.more{background:#fff;border-color:var(--line);color:var(--navy2);font-weight:600}
.k-rp-chip.more:hover{border-color:var(--navy3)}
.k-rp-tw{position:relative}
.k-rp-tmenu{position:absolute;left:0;top:36px;z-index:30;width:min(420px,80vw);background:#fff;border-radius:18px;box-shadow:0 18px 50px rgba(24,29,49,.16),0 0 0 1px var(--line);padding:6px;display:flex;flex-direction:column;max-height:360px;overflow:auto}
.k-rp-tmenu button{border:0;background:none;text-align:left;padding:9px 12px;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:2px;font:inherit}
.k-rp-tmenu button:hover{background:var(--line2)}
.k-rp-tmenu b{font-size:14px;color:var(--navy)}
.k-rp-tmenu span{font-size:12px;color:var(--navy3)}
.k-rp-undo{font-size:12px;color:var(--navy3);margin-left:auto}

.s-offmail{background:var(--line2);color:var(--navy2)}

.k-att a{display:inline-flex;align-items:center;gap:4px;background:#fff;border-radius:8px;padding:3px 9px;font-size:12.5px;color:var(--navy);text-decoration:none;border:1px solid var(--line)}
.k-att a:hover{border-color:var(--pink);color:var(--pink)}
.k-att .ki{width:13px;height:13px}

.bown{margin-top:10px;align-items:center}
.bown .flbl{width:auto;margin-right:4px}
.bown .flbl{align-self:center;padding-top:0}

.k-ask{position:relative}
.k-askedit{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:11px;border:0;background:rgba(255,255,255,.7);color:var(--navy3);display:grid;place-items:center;cursor:pointer}
.k-askedit:hover{background:#fff;color:var(--pink)}
.k-askedit .ki{width:16px;height:16px}
.k-ask .k-q{padding-right:34px}
.k-askta{width:100%;border:1px solid #FFD0EF;border-radius:14px;padding:10px 12px;font:inherit;font-size:15px;line-height:1.5;resize:vertical;background:#fff;outline:none}
.k-askta:focus{border-color:var(--pink);box-shadow:0 0 0 3px #FFEAF8}
.k-askf{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}

/* ---------- компактная панель фильтров воронки ---------- */
.btool{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 10px}
.bseg{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:14px;padding:3px;gap:2px;flex:none}
.bseg a{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:11px;text-decoration:none;color:var(--navy2);font-weight:600;font-size:13.5px;white-space:nowrap}
.bseg a b{font-weight:700;color:var(--navy3);font-size:12.5px}
.bseg a:hover{background:var(--line2)}
.bseg a[aria-current="page"]{background:var(--navy);color:#fff}
.bseg a[aria-current="page"] b{color:rgba(255,255,255,.6)}
.bsrch{flex:1 1 260px;min-width:200px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 12px;height:40px}
.bsrch:focus-within{border-color:var(--pink);box-shadow:0 0 0 3px var(--p-pink2)}
.bsrch svg{width:16px;height:16px;flex:none;stroke:var(--navy3);fill:none;stroke-width:2;stroke-linecap:round}
.bsrch input{flex:1;min-width:0;border:0;outline:none;background:none;font-size:14px;height:100%}
.btool .kdd-btn.btsel,.btool select.btsel{height:40px;border-radius:14px;font-size:13.5px;font-weight:600;color:var(--navy2);background:#fff;min-width:0}
.btool .kdd-btn.btsel.on{border-color:var(--navy);color:var(--navy)}
.bdates{display:inline-flex;align-items:center;gap:6px}
.bdates .inp{height:40px;border-radius:14px}
.bsum{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:13px;color:var(--navy2);margin:-2px 0 12px}
.bsum:empty{display:none}
.bsum a{color:var(--pink);font-weight:600}
.bchip{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 4px 3px 11px;font-weight:600;color:var(--navy)}
.bchip button{border:0;background:var(--line2);color:var(--navy2);width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:13px;line-height:1;display:grid;place-items:center}
.bchip button:hover{background:var(--p-pink2);color:var(--pink)}

/* статусы во «Входящих» — сегментом, как отделы в воронке */
.bseg button{border:0;background:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:11px;color:var(--navy2);font-weight:600;font-size:13.5px;white-space:nowrap;font-family:inherit}
.bseg button b{font-weight:700;color:var(--navy3);font-size:12.5px}
.bseg button:hover{background:var(--line2)}
.bseg button[aria-current="page"]{background:var(--navy);color:#fff}
.bseg button[aria-current="page"] b{color:rgba(255,255,255,.6)}
.qseg{flex-wrap:wrap}
.bsort{margin-left:auto}
.btool + .btool{margin-top:0}
.btool .bsrch{flex:1 1 220px}
.page > .btool{margin:0 0 8px}

/* вложения в ответе */
.k-rp-attach{cursor:pointer;padding:8px 12px;font-size:13px}
.k-rp-attach .ki{width:15px;height:15px}
.k-rp-files{display:flex;gap:6px;flex-wrap:wrap;padding:10px 16px;border-top:1px solid var(--line2)}
.k-rp-fi{display:inline-flex;align-items:center;gap:6px;background:var(--line2);border-radius:10px;padding:4px 4px 4px 10px;font-size:13px;max-width:100%}
.k-rp-fi .ki{width:13px;height:13px;color:var(--navy3)}
.k-rp-fi small{color:var(--navy3)}
.k-rp-fi button{border:0;background:#fff;width:20px;height:20px;border-radius:50%;cursor:pointer;color:var(--navy2)}
.k-rp-fi button:hover{color:var(--pink)}
.k-reply.drag .k-rp-form{outline:2px dashed var(--pink);outline-offset:-2px}

.bcard .bpin{color:var(--pink);margin-right:5px}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--navy2,#4B5068);line-height:1.4;cursor:pointer}
.chk input{margin-top:3px;accent-color:#EF16B0;width:16px;height:16px;flex:none}
.ntf .ntg{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:14px}
.ntf .ntg-ok{color:#1E8A55;font-weight:700}
.ntab{width:100%;border-collapse:collapse;font-size:14px}
.ntab th{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--navy3,#8A8EA3);text-align:center;padding:4px 6px}
.ntab th:first-child{text-align:left}
.ntab td{padding:8px 6px;border-top:1px solid var(--line2,#F4F0F7)}
.ntab td:not(:first-child){text-align:center;width:80px}
.ntab input{width:17px;height:17px;accent-color:#EF16B0}
.ntab input:disabled{opacity:.35}
.lgj td,.lgj th{text-align:left!important;width:auto!important;font-size:13px}
.lgj tr.bad td{color:#D0245A}

/* ---------- звонки ---------- */
.mtb .ki,.calp .ki,.cmodal .ki{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mt{border:1px solid var(--line);border-radius:18px;padding:14px 16px;background:#fff}
.mt.next{border-color:var(--p-pink);background:linear-gradient(180deg,#FFF7FC,#fff)}
.mt .when{font-weight:800;font-size:15px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.mt .badge{font-size:11.5px;font-weight:700;background:var(--pink);color:#fff;border-radius:999px;padding:2px 8px;white-space:nowrap}
.mt .sub{color:var(--navy2);font-size:13px;margin-top:3px}
.mt .who{color:var(--navy3);font-size:12.5px;margin-top:6px}
.mt .acts{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin-top:12px}
.mt .acts .kbtn{width:100%;justify-content:center;padding:9px 14px;font-size:13.5px;border-radius:12px}
.mt .acts .muted{font-size:12.5px;color:var(--navy3)}
.k-link.warn{color:var(--bad)}
.mpast{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--navy2);padding:7px 0;border-top:1px solid var(--line2)}
.mpast .ki{width:15px;height:15px;color:var(--navy3);flex:none}
.mpast b{color:var(--navy);font-weight:700}
.mpast .k-link{margin-left:auto;font-size:12.5px}
.mpl{margin-top:8px}
.mnone{color:var(--navy3);font-size:13px;padding:2px 0 4px}
.mnew{margin-top:10px;width:100%;justify-content:center}
.mnew .ki{width:16px;height:16px}
.cmodal{width:min(640px,100%)}
.cmodal .fl{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy3);margin:16px 0 8px}
.cmodal .flh{text-transform:none;letter-spacing:0;font-weight:500}
.wfull{width:100%;box-sizing:border-box}
.seg{display:flex;gap:8px;flex-wrap:wrap}
.seg button,.dpick{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 14px;font:inherit;font-weight:600;color:var(--navy);cursor:pointer}
.seg button:hover{background:var(--line2)}
.seg button.on,.dpick.on{background:var(--navy);border-color:var(--navy);color:#fff}
.seg button.busy{background:var(--line2);color:var(--navy3);text-decoration:line-through;border-color:var(--line2)}
.seg button.busy.on{background:var(--navy);color:#fff}
.seg button:disabled{opacity:.35;cursor:default;background:#fff}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}
.slots button{padding:8px 0}
.dpick{position:relative;display:inline-flex;align-items:center}
.dpick input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.ppl{display:flex;gap:8px;flex-wrap:wrap}
.pp{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;font-weight:600;background:#fff;border:1px dashed var(--p-lav);color:var(--navy2);cursor:pointer}
.pp .ki{width:14px;height:14px}
.pp.on{background:var(--p-lav2);border:1px solid var(--p-lav2);color:#4B3AA8}
.tmn{display:flex;gap:12px;align-items:center;background:var(--p-blue2);border-radius:14px;padding:12px 14px;margin-top:16px;font-size:13.5px;color:#1D5F95}
.tmn .ki{width:20px;height:20px;flex:none}
.tmn.warn{background:var(--p-yellow2);color:#7A4A00}
.cm-note{margin-right:auto;font-size:12.5px;color:var(--navy3);max-width:260px}
.cmodal .kmodal-f{flex-wrap:wrap}
.calp .cday h3{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy3);margin:6px 0 10px}
.crow{display:grid;grid-template-columns:110px minmax(0,1fr) 170px auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 18px;margin-bottom:8px}
.crow.now{border-color:var(--pink);box-shadow:0 0 0 3px var(--p-pink2)}
.crow.past{opacity:.55}
.crow .t{font-weight:800;font-size:16px}
.crow .t small{display:block;font-weight:500;color:var(--navy3);font-size:12px}
.crow .ti{font-weight:700;min-width:0}
.crow .ti small{display:block;font-weight:500;color:var(--navy2);font-size:12.5px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crow .ow{font-size:13px;color:var(--navy2)}
.crow .ac{display:flex;justify-content:flex-end;gap:8px;align-items:center}
.crow .ac .kbtn{padding:8px 14px;font-size:13px;border-radius:12px}
.crow .ac .ki{width:16px;height:16px}
.crow.unl{background:#FFFCF2;border-style:dashed;border-color:#F1D98A}
.k-ib.sm{width:34px;height:34px;border-radius:12px}
.k-ib.sm .ki{width:15px;height:15px}
.tagd{display:inline-block;font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 8px;margin-left:6px;vertical-align:1px}
.calerr{background:var(--p-red2);color:var(--bad);border-radius:14px;padding:10px 14px;font-size:13.5px}
.bmodal{width:min(560px,100%)}
.bml{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.bmi{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px 14px;font:inherit;cursor:pointer}
.bmi:hover{background:var(--line2)}
.bmi span{font-size:12.5px;color:var(--navy2)}
@media (max-width:900px){.crow{grid-template-columns:70px minmax(0,1fr)}.crow .ow{display:none}.crow .ac{grid-column:1/-1;justify-content:flex-start}}
.rsvp{display:inline-block;font-size:11.5px;font-weight:700;border-radius:999px;padding:1px 8px;margin-left:6px;vertical-align:1px;white-space:nowrap}
.rsvp.ok{background:var(--p-green2);color:var(--ok)}
.rsvp.bad{background:var(--p-red2);color:var(--bad)}
.rsvp.warn{background:var(--p-yellow2);color:#8A5A00}
.rsvp.wait{background:var(--line2);color:var(--navy3)}
.mt .who .rsvp{margin-left:2px}

/* раздел «Звонки» — таблица */
.calp{gap:12px}
.calp .chead,.calp .crow{display:grid;grid-template-columns:92px minmax(0,1fr) 230px 160px 250px;gap:18px;align-items:center}
.calp .chead{padding:0 20px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy3);margin-top:6px}
.calp .cday h3{display:flex;align-items:baseline;gap:10px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy);margin:14px 0 8px}
.calp .cday h3 span{color:var(--navy3);font-weight:600;letter-spacing:0;text-transform:none;font-size:12.5px}
.calp .crow{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 20px;margin-bottom:8px;transition:box-shadow .15s}
.calp .crow:hover{box-shadow:0 6px 24px rgba(24,29,49,.06)}
.calp .crow.now{border-color:var(--pink);box-shadow:0 0 0 3px var(--p-pink2)}
.calp .crow.past{opacity:.5}
.calp .crow.unl{background:#FFFCF2;border:1px dashed #F1D98A}
.calp .crow.inner{background:var(--bg)}
.ct b{display:block;font-size:18px;font-weight:800;letter-spacing:-.01em}
.ct small{display:block;font-size:12px;color:var(--navy3);margin-top:1px}
.ct small.soon{color:var(--pink);font-weight:700}
.cm{min-width:0}
.cmt{font-weight:800;font-size:15px;display:flex;align-items:center;gap:8px;min-width:0}
.cmt .tagd{margin:0;flex:none}
.cms{font-size:13px;color:var(--navy2);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cms:empty{display:none}
.cpart{display:flex;flex-direction:column;gap:4px;min-width:0}
.cp{display:flex;align-items:center;gap:8px;min-width:0}
.cpn{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.cmuted{font-size:13px;color:var(--navy3)}
.cown{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600}
.cava{width:28px;height:28px;border-radius:50%;background:var(--p-lav2);color:#4B3AA8;display:grid;place-items:center;font-size:12.5px;font-weight:800;flex:none}
.calp .ac{display:flex;justify-content:flex-end;gap:8px;align-items:center}
.calp .ac .kbtn{padding:9px 14px;font-size:13.5px;border-radius:12px}
.cmore{position:relative;width:34px;flex:none}
.cmenu{top:40px}
.k-menu[hidden]{display:none}
.rsvp{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px 3px 4px;margin:0;white-space:nowrap;flex:none}
.rsvp i{font-style:normal;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#fff}
.rsvp.ok{background:var(--p-green2);color:var(--ok)} .rsvp.ok i{background:var(--ok)}
.rsvp.bad{background:var(--p-red2);color:var(--bad)} .rsvp.bad i{background:var(--bad)}
.rsvp.warn{background:var(--p-yellow2);color:#8A5A00} .rsvp.warn i{background:#D99A1E}
.rsvp.wait{background:var(--line2);color:var(--navy2)} .rsvp.wait i{background:var(--navy3)}
.mt .who .rsvp{margin-left:4px;vertical-align:middle}
@media (max-width:1250px){.calp .chead,.calp .crow{grid-template-columns:80px minmax(0,1fr) 200px 220px}.calp .cwho,.calp .chead span:nth-child(4){display:none}}
@media (max-width:900px){.calp .chead{display:none}.calp .crow{grid-template-columns:64px minmax(0,1fr)}.calp .cpart{grid-column:2}.calp .ac{grid-column:1/-1;justify-content:flex-start}}
.cms.warn{color:#8A5A00}
.cmenu{min-width:250px}
.pcell{min-width:0}
.pcell .pn{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pcell .pn .cmuted{font-weight:500;font-size:13px}
.pls{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:3px}
.pst{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;white-space:nowrap}
.pst i{width:8px;height:8px;border-radius:50%;flex:none}
.pst.ok{color:var(--ok)} .pst.ok i{background:var(--ok)}
.pst.bad{color:var(--bad)} .pst.bad i{background:var(--bad)}
.pst.warn{color:#8A5A00} .pst.warn i{background:#E2A72E}
.pst.wait{color:var(--navy3)} .pst.wait i{background:#C9C6D6}
.calp .crow{grid-template-columns:84px minmax(0,1fr) 220px 160px 250px}
.ct small{white-space:nowrap}
.calp .crow{grid-template-columns:96px minmax(0,1fr) 230px 160px 250px}
.dwrap{position:relative;display:inline-flex}
.dwrap input.dhid{position:absolute;left:0;bottom:0;width:100%;height:1px;opacity:0;pointer-events:none;border:0;padding:0}
.dwrap input:not(.dhid){margin-left:8px}
#cm-otherbtn{display:inline-flex;align-items:center;gap:6px}
#cm-otherbtn .ki{width:14px;height:14px;transition:transform .15s}
#cm-otherbtn.open .ki{transform:rotate(180deg)}
.mcal{margin-top:10px;border:1px solid var(--line);border-radius:18px;padding:14px 16px;background:#fff;max-width:380px;animation:kdd-in .12s ease-out}
.mch{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.mch b{font-size:15px;font-weight:800}
.mch .k-ib{font-size:20px;line-height:1;font-weight:700;color:var(--navy)}
.mch .k-ib:disabled{opacity:.3;cursor:default}
.mcw,.mcg{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.mcw span{font-size:11.5px;font-weight:700;color:var(--navy3);padding:2px 0 6px}
.mcg button{position:relative;height:38px;border:0;border-radius:12px;background:none;font:inherit;font-weight:600;color:var(--navy);cursor:pointer}
.mcg button:hover{background:var(--line2)}
.mcg button.wk{color:var(--navy2)}
.mcg button.out{color:#C3C1CF}
.mcg button.td{box-shadow:inset 0 0 0 1.5px var(--p-pink)}
.mcg button.on{background:var(--navy);color:#fff}
.mcg button:disabled{color:#D7D5E0;cursor:default;background:none}
.mcg button i{position:absolute;left:50%;bottom:5px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--pink)}
.mcg button.on i{background:#fff}
.mcf{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;color:var(--navy3)}
.mcf span{display:inline-flex;align-items:center;gap:6px}
.mcf span i{width:5px;height:5px;border-radius:50%;background:var(--pink)}
.cmodal{position:relative}
.dpop{position:absolute;z-index:30;width:270px;max-height:320px;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 16px 48px rgba(24,29,49,.18);padding:6px;animation:kdd-in .12s ease-out}
.dpop .dpm{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--navy3);padding:10px 12px 4px}
.dpop button{display:flex;width:100%;justify-content:space-between;align-items:center;gap:8px;border:0;background:none;text-align:left;padding:9px 12px;border-radius:10px;font:inherit;font-weight:600;color:var(--navy);cursor:pointer}
.dpop button:hover{background:var(--line2)}
.dpop button.wk span{color:var(--navy3)}
.dpop button.on{background:var(--navy);color:#fff}
.dpop button.on span{color:#fff}
.dpop small{font-size:12px;font-weight:700;color:var(--pink)}
.dpop button.on small{color:#fff}
.dpop.dcal{width:312px;max-height:none;overflow:visible;padding:14px 14px 10px}
.dcal .mch{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.dcal .mcg button{height:36px;width:auto;display:block;padding:0;text-align:center;justify-content:center;border-radius:10px}
.dcal .mcg button.on{background:var(--navy);color:#fff}
.dcal .mcf .k-link{width:auto;display:inline;padding:0}

/* ================= мобильная версия ================= */
.mtab,.mfbtn,.mfh,.mfshow,.mfdim,.mback,.mfab,.mtabs,.mact,.mstages,.bstg,.mempty,.cnext{display:none}
.fgroup{display:contents}
/* шторка выбора (этап и т.п.) */
.msheet-bg{position:fixed;inset:0;z-index:950;background:rgba(24,29,49,0);transition:background .2s}
.msheet-bg.on{background:rgba(24,29,49,.38)}
.msheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:26px 26px 0 0;padding:10px 18px calc(22px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .2s ease-out;max-height:85vh;overflow:auto}
.msheet-bg.on .msheet{transform:none}
.mgrab{width:40px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 12px}
.msheet h3{margin:0;font-size:21px;font-weight:800}
.msheet p{margin:4px 0 8px;color:var(--navy2);font-size:14px}
.msheet button{display:flex;align-items:center;gap:12px;width:100%;border:0;border-top:1px solid var(--line2);background:none;padding:14px 4px;font:inherit;font-size:16px;font-weight:700;color:var(--navy);text-align:left;cursor:pointer}
.msheet button small{margin-left:auto;color:var(--navy3);font-weight:600;font-size:13px}
.mrad{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);flex:none}
.msheet button.on .mrad{border:7px solid var(--pink)}
/* раздел «Ещё» */
.mmore h1{margin-bottom:4px}
.mme{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px;max-width:560px}
.mava{width:52px;height:52px;border-radius:50%;background:var(--lav2,#EBE5FF);color:#4B3AA8;display:grid;place-items:center;font-weight:800;font-size:20px;flex:none}
.mme b{display:block;font-size:17px;font-weight:800}
.mme small{display:block;color:var(--navy2);font-size:13.5px;margin-top:2px}
.mgrp{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;max-width:560px}
.mli{display:flex;align-items:center;gap:14px;padding:14px 16px;border-top:1px solid var(--line2);text-decoration:none;color:var(--navy);font-size:16px;font-weight:700;width:100%;background:none;border-left:0;border-right:0;border-bottom:0;font-family:inherit;cursor:pointer;text-align:left}
.mli:first-child{border-top:0}
.mli .g{flex:1;min-width:0}
.mli small{display:block;font-size:12.5px;color:var(--navy3);font-weight:600;margin-top:1px}
.mic{width:38px;height:38px;border-radius:12px;background:var(--line2);display:grid;place-items:center;color:var(--navy2);flex:none}
.mic .ico{width:20px;height:20px}
.mli .chev{width:18px;height:18px;fill:none;stroke:var(--navy3);stroke-width:2}
.mli.bad{color:var(--bad)} .mli.bad .mic{color:var(--bad)}

@media (max-width:760px){
  html,body{height:100%}
  .shell{display:block;height:100%}
  .side{display:none}
  .main{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}
  .page{padding:14px 14px calc(104px + env(safe-area-inset-bottom));gap:12px}
  .page h1{font-size:26px}
  .topline{align-items:center}
  .topline .lead{display:none}
  #newlead{display:none}
  .toast{bottom:calc(96px + env(safe-area-inset-bottom));max-width:calc(100vw - 32px);text-align:center}
  /* нижнее меню */
  .mtab{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:500;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:7px 4px calc(6px + env(safe-area-inset-bottom))}
  .mtab a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11.5px;font-weight:700;color:var(--navy3);text-decoration:none;position:relative;padding:2px 0}
  .mtab a .ico{width:25px;height:25px}
  .mtab a.on{color:var(--pink)}
  .mbd{position:absolute;top:-3px;left:calc(50% + 4px);background:var(--pink);color:#fff;font-size:10.5px;font-weight:800;border-radius:999px;padding:1px 6px;border:2px solid #fff;line-height:1.3}
  body.m-cardopen .mtab,body.drw-open .mtab{display:none}
  /* кнопка «+ Лид» */
  .mfab{display:inline-flex;align-items:center;gap:8px;position:fixed;right:16px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:400;height:54px;border-radius:19px;border:0;background:var(--pink);color:#fff;font:inherit;font-weight:800;font-size:15px;padding:0 20px;box-shadow:0 12px 30px rgba(239,22,176,.35)}
  .mfab .ico{width:22px;height:22px}
  .page.m-card .mfab{display:none}
  /* входящие: строки фильтров */
  .btool{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -14px;padding:0 14px}
  .btool::-webkit-scrollbar{display:none}
  .btool > *{flex:none}
  .fbar{overflow:visible}
  .fbar .bsrch{flex:1 1 auto;min-width:0}
  .mfbtn{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px;border-radius:14px;border:1px solid var(--line);background:#fff;font:inherit;font-weight:700;font-size:14px;color:var(--navy);white-space:nowrap}
  .mfbtn .ico{width:18px;height:18px}
  .mfbtn.on{background:var(--navy);border-color:var(--navy);color:#fff}
  .mfbtn b{font-weight:800}
  .fgroup{display:none}
  .page.mf-open .fgroup{display:flex;flex-direction:column;align-items:stretch;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:700;background:#fff;border-radius:26px 26px 0 0;padding:16px 16px calc(18px + env(safe-area-inset-bottom));max-height:86vh;overflow:auto;box-shadow:0 -10px 40px rgba(24,29,49,.15);animation:msu .2s ease-out}
  @keyframes msu{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
  .page.mf-open .mfdim{display:block;position:fixed;inset:0;z-index:690;background:rgba(24,29,49,.38)}
  .mfh{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}
  .mfh b{font-size:21px;font-weight:800}
  .fgroup > span,.fgroup > select,.fgroup .btsel,.fgroup .kdd-btn{width:100%;max-width:none}
  .fgroup .btsel,.fgroup .kdd-btn{height:48px!important;font-size:15px!important}
  .fgroup .bdates{display:flex;gap:8px;align-items:center}
  .fgroup .bdates[hidden]{display:none}
  .fgroup .bdates input{flex:1}
  .mfshow{display:flex;justify-content:center;height:52px;font-size:16px;margin-top:6px}
  .bsum{font-size:13px;flex-wrap:wrap}
  .inbox{display:block}
  .page:not(.m-card) .detail{display:none}
  .page.m-card > *:not(.inbox):not(.mback){display:none}
  .page.m-card .qlist{display:none}
  .page.m-card{padding-top:6px}
  .mback{display:none}
  .page.m-card .mback{display:inline-flex;align-items:center;gap:4px;border:0;background:none;font:inherit;font-weight:700;font-size:16px;color:var(--navy2);padding:6px 0;align-self:flex-start}
  .mback .ico{width:20px;height:20px}
  .qitem{padding:14px 16px;border-radius:20px}
  /* карточка */
  .kc{border-radius:24px}
  .k-head{padding:16px 16px 10px;flex-wrap:wrap}
  .k-ava{display:none}
  .k-who h2{font-size:22px}
  .k-acts{margin-left:auto}
  #c-ho,#c-reply{display:none}
  .k-pop{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;max-width:none;border-radius:26px 26px 0 0;z-index:900;padding:20px 18px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(24,29,49,.2)}
  .k-steps{margin:12px 16px 0}
  .k-props{margin:12px 16px 0;flex-direction:column;align-items:stretch;padding-bottom:0;border-bottom:0;gap:6px}
  .k-prop{width:100%;padding:11px 12px}
  .mtabs{display:flex;margin:14px 16px 0;background:#ECE8F1;border-radius:14px;padding:4px;gap:2px}
  .mtabs button{flex:1;border:0;background:none;border-radius:11px;padding:9px 2px;font:inherit;font-size:13.5px;font-weight:800;color:var(--navy2);white-space:nowrap;position:relative}
  .mtabs button.on{background:#fff;color:var(--navy);box-shadow:0 2px 8px rgba(24,29,49,.08)}
  .mtabs i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--pink);vertical-align:2px}
  .k-body{display:block;padding-bottom:84px}
  .k-main{padding:16px}
  .k-aside{padding:0 16px 16px;border:0;gap:16px}
  .kc .mtp{display:none}
  .kc[data-mt=sum] .p-sum,.kc[data-mt=mail] .p-mail,.kc[data-mt=meet] .p-meet,.kc[data-mt=det] .p-det{display:block}
  .kc[data-mt=mail] .k-aside,.kc[data-mt=meet] .k-main{padding-top:0}
  .mact{display:flex;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:860;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:10px 14px calc(10px + env(safe-area-inset-bottom))}
  .mact .kbtn{flex:1;justify-content:center;height:50px;font-size:16px;border-radius:16px}
  .msq{width:66px;height:50px;border-radius:16px;border:0;background:var(--line2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:inherit;font-size:10.5px;font-weight:800;color:var(--navy);flex:none}
  .msq .ki{width:19px;height:19px}
  .k-reply.open{position:fixed;inset:0;z-index:880;margin:0;background:var(--bg);overflow:auto;padding:14px 14px calc(20px + env(safe-area-inset-bottom))}
  .drw-x kbd{display:none}
  .drw-b{padding:0 6px 16px}
  /* воронка */
  .mstages{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -14px;padding:0 14px}
  .mstages::-webkit-scrollbar{display:none}
  .mstages button{flex:none;border:1px solid var(--line);background:#fff;border-radius:14px;padding:9px 14px;font:inherit;font-weight:800;font-size:14px;color:var(--navy2);white-space:nowrap}
  .mstages button b{color:var(--navy3);font-weight:700;margin-left:6px}
  .mstages button.on{background:var(--pink);border-color:var(--pink);color:#fff}
  .mstages button.on b{color:rgba(255,255,255,.75)}
  .board{display:block;overflow:visible}
  .col{display:none}
  .col.mon{display:flex;background:none;border:0;padding:0;min-height:0;gap:8px}
  .col h3{display:none}
  .bcard{padding:14px 16px;border-radius:20px;gap:6px}
  .bcard .t{font-size:15.5px}
  .bstg{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;border:0;background:var(--line2);border-radius:10px;padding:6px 10px;font:inherit;font-size:13px;font-weight:800;color:var(--navy2);margin-top:2px}
  .bstg svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2}
  .mempty{display:block;text-align:center;color:var(--navy3);padding:40px 0}
  /* звонки */
  .cnext{display:block;background:var(--navy);color:#fff;border-radius:24px;padding:16px 18px}
  .cnext .l{font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#FF8ADB}
  .cnext .t{font-size:21px;font-weight:800;margin-top:4px}
  .cnext .s{font-size:14px;color:#C7CAD8;margin-top:2px}
  .cnext .p{margin-top:10px;font-size:14px;font-weight:700;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
  .cnext .b{display:flex;gap:8px;margin-top:14px}
  .cnext .b .kbtn{flex:1;justify-content:center;height:48px}
  .calp .crow{grid-template-columns:62px minmax(0,1fr)!important;padding:12px 14px;gap:6px 12px}
  .calp .ac{justify-content:flex-start}
  .calp .cday h3{margin-top:8px}
  /* таблицы (организации, журнал) — карточками */
  .tbl thead{display:none}
  .tbl,.tbl tbody{display:block}
  .tbl tr{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 14px;margin-bottom:8px}
  .tbl td{display:block;border:0;padding:2px 0}
  .tbl td:first-child{font-weight:700}
  .plate.tw{background:none;border:0;box-shadow:none}
  /* уведомления — переключатели */
  .ntab input[type=checkbox]{appearance:none;-webkit-appearance:none;width:44px;height:26px;border-radius:999px;background:var(--line);position:relative;cursor:pointer;transition:background .15s}
  .ntab input[type=checkbox]::after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:left .15s}
  .ntab input[type=checkbox]:checked{background:var(--pink)}
  .ntab input[type=checkbox]:checked::after{left:21px}
  .ntab td:not(:first-child){width:58px}
}
@media (max-width:760px){
  .page > .topline{order:-3}
  .page > .fbar{order:-2}
  .mfbtn{width:auto;padding:0 12px}
  .mfbtn .mft{display:none}
  .mfbtn b:not(:empty){background:var(--pink);color:#fff;border-radius:999px;font-size:11.5px;padding:1px 7px}
  .calp .ct small{white-space:normal;line-height:1.2}
  .tbl td{display:inline-block;margin:0 10px 0 0;font-size:13px;color:var(--navy2)}
  .tbl td:first-child{display:block;font-size:15px;color:var(--navy);margin-bottom:4px}
}
.monly,.mstg{display:none!important}
@media (max-width:760px){
  .main{-webkit-overflow-scrolling:auto}
  body.m-sheet .mtab,body.m-sheet .mfab{display:none}
  .monly{display:block!important}
  .dk,.mhide{display:none!important}
  /* 6: тонкая строка статуса вместо большой плашки */
  .k-now{margin:2px 16px 0;padding:9px 12px;border-radius:14px;gap:10px}
  .k-now-i{width:26px;height:26px;border-radius:8px}
  .k-now-i .ki{width:16px;height:16px}
  .k-now-t b{font-size:14px}
  .k-now-t span{display:none}
  .k-now [data-stage],.k-now [data-editlead]{display:none}
  .k-now .kbtn{padding:7px 10px;font-size:12.5px;border-radius:10px}
  /* 7: подсказки */
  .k-hints{display:none}
  /* 8: этапы одной строкой */
  .k-steps{display:none}
  .mstg{display:inline-flex!important}
  /* 16: звонки без обновления и привязки */
  #cal-ref,.calp [data-bind],.calp [data-unbind],.calp .cmore{display:none!important}
  /* карточка поверх страницы (из звонков, организаций) */
  .drw-top{padding:10px 12px 6px}
  .drw-t{display:none}
  .drw-x{border:0;background:none;padding:6px 4px;font-size:16px;font-weight:700;color:var(--navy2)}
  .drw-x::before{content:"‹";font-size:26px;line-height:16px;margin-right:4px}
  .drw-x::after{content:" Назад"}
  .drw-x{font-size:0}
  .drw-x::before,.drw-x::after{font-size:16px}
  .drw-x::before{font-size:26px}
}
@media (max-width:760px){
  .k-menu{position:fixed;left:0;right:0;bottom:0;top:auto;min-width:0;border-radius:24px 24px 0 0;padding:12px 12px calc(16px + env(safe-area-inset-bottom));z-index:900;box-shadow:0 -10px 50px rgba(24,29,49,.25)}
  .k-menu button,.k-menu a{padding:14px 12px;font-size:16px;font-weight:600}
}
/* шторки: шапка + прокручиваемый список */
.msheet{display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}
.msh{flex:none;padding-bottom:6px}
.msl{overflow:auto;padding-bottom:calc(18px + env(safe-area-inset-bottom));overscroll-behavior:contain;margin:0 -4px;padding-left:4px;padding-right:4px}
.msl button .mtx{flex:1;min-width:0}
.msl button:disabled{opacity:.4}
.mgrp-h{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--navy3);padding:16px 4px 6px}
.msrch{display:flex;align-items:center;gap:8px;height:44px;border-radius:14px;background:var(--line2);padding:0 12px;margin-top:10px}
.msrch svg{width:18px;height:18px;fill:none;stroke:var(--navy3);stroke-width:2;flex:none}
.msrch input{border:0;background:none;outline:none;font:inherit;font-size:16px;flex:1;min-width:0}
.k-menu .mgrab,.k-pop .mgrab,.fgroup .mgrab{display:none}
.mgrab{touch-action:none;cursor:grab}
@media (max-width:760px){
  .k-menu .mgrab,.k-pop .mgrab,.fgroup .mgrab{display:block;margin:0 auto 10px}
  .fgroup .mgrab{flex:none}
}
@media (max-width:760px){
  .page > .btool,.page > .mstages{margin-left:-14px!important;margin-right:-14px!important;padding-left:14px!important;padding-right:14px!important;scroll-padding-left:14px}
  .page > .fbar{padding-right:14px!important}
}
@media (max-width:760px){
  .k-acts{display:none}
  .page.m-card .mback{display:none}
  .page.m-card{padding-top:14px}
  .drw-top{display:none}
  .drw-b{padding-top:12px}
  .mact{align-items:center}
  .mact .msq{width:62px;height:52px}
  .mact .mbackb{margin-left:auto;flex:0 0 auto;min-width:148px;height:52px;border-radius:16px;justify-content:center;font-size:16px;gap:6px}
  .mact .mbackb .ki{width:20px;height:20px;stroke-width:2.4}
}
.asheet .msl button{gap:14px}
.asheet .msl button .ki{width:20px;height:20px;fill:none;stroke:var(--navy2);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.asheet .acancel{justify-content:center;margin-top:10px;background:var(--line2)!important;border-radius:16px;border-top:0!important}
@media (max-width:760px){.kc.pinned .k-who h2::before{content:"★ ";color:var(--pink)}}