/* Каркас кабинета: боковое меню и домашние экраны.
   Грузится после cabinet.css и опирается на его переменные. */

/* Базовый размер значка: без него SVG без ширины растягивается
   на всю ширину родителя. Частные правила ниже его перебивают. */
.kc-i{width:18px;height:18px;flex:none;display:inline-block;vertical-align:middle}

:root{
  --kc-blue:#3d5a80;
  --kc-violet:#6b5b95;
  --kc-ok:#1f7a4d;
  --kc-soft:#f1f3ee;
}

/* --- Каркас --------------------------------------------------------- */

body.ks-cab--shell{background:var(--kc-ivory)}

.kc-layout{display:flex;min-height:100vh;align-items:stretch}

/* Меню менеджера длиннее экрана: без прокрутки подвал с профилем и
   выходом уезжал за нижнюю границу и был недоступен. Теперь прокручивается
   только список пунктов, а логотип и подвал закреплены. */
.kc-side{
  width:252px;flex:none;
  background:linear-gradient(180deg,var(--kc-green) 0%,var(--kc-green-dark) 100%);
  color:#fff;display:flex;flex-direction:column;gap:6px;
  padding:16px 13px;position:sticky;top:0;height:100vh;overflow:hidden;
}

.kc-logo{flex:none;display:flex;align-items:center;gap:11px;padding:2px 8px 14px;color:#fff !important;text-decoration:none !important}
/* С картинкой лого укладывается столбиком по центру: подпись уходит
   под знак, как в фирменном локапе, и не сжимает его по ширине. */
.kc-logo--img{flex-direction:column;align-items:center;gap:7px;text-align:center;padding-bottom:14px}
.kc-logo__mark{
  width:40px;height:40px;flex:none;border-radius:10px;
  background:var(--kc-gold);color:var(--kc-green-dark);
  display:grid;place-items:center;font:700 14px/1 "Manrope",sans-serif;letter-spacing:.5px;
}
.kc-logo__img{display:block;max-width:100%}
.kc-logo__img img{display:block;max-width:168px;max-height:60px;width:auto;height:auto;object-fit:contain}
.kc-logo__img.is-plate{background:#fff;border-radius:12px;padding:10px 14px}
.kc-logo__img.is-plate img{max-height:56px}

.kc-logo__text{display:flex;flex-direction:column;line-height:1.1}
.kc-logo__text strong{font:700 15px/1.15 "Manrope",sans-serif;letter-spacing:.06em;text-transform:uppercase}
.kc-logo__text em{font-style:normal;font-size:11px;line-height:1.35;color:rgba(255,255,255,.58);margin-top:4px}
.kc-logo--img .kc-logo__text{align-items:center;padding-left:0}
.kc-logo--img .kc-logo__text em{max-width:210px}

.kc-nav{
  flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;
  display:flex;flex-direction:column;gap:2px;
  scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent;
}
.kc-nav::-webkit-scrollbar{width:6px}
.kc-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:3px}
.kc-nav__label{
  padding:11px 12px 4px;font:600 9px/1 "Manrope",sans-serif;
  letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.38);
}
.kc-nav__item{
  display:flex;align-items:center;gap:10px;
  padding:8px 12px;border-radius:9px;
  color:rgba(255,255,255,.78) !important;text-decoration:none !important;
  font-size:13px;line-height:1.25;transition:background .15s,color .15s;
}
.kc-nav__item:hover{background:rgba(255,255,255,.08);color:#fff !important}
.kc-nav__item.is-active{background:var(--kc-gold);color:var(--kc-green-dark) !important;font-weight:600}
.kc-nav__item .kc-i{width:17px;height:17px;flex:none}
.kc-nav__item .kc-i:last-child{width:13px;height:13px;margin-left:auto;opacity:.6}
.kc-nav__item span{flex:1}

.kc-side__foot{flex:none;margin-top:auto;padding-top:8px;display:flex;flex-direction:column;gap:7px}
.kc-nav__item--exit{opacity:.8}

.kc-agency{
  display:flex;flex-direction:column;gap:2px;
  padding:11px 12px;border-radius:11px;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.1);
}
.kc-agency__label{font-size:11px;color:rgba(255,255,255,.5)}
.kc-agency strong{font:600 13px/1.3 "Manrope",sans-serif}
.kc-agency__user{margin-top:6px;font-size:12px;color:rgba(255,255,255,.85)}
.kc-agency__role{font-size:11px;color:rgba(255,255,255,.5)}

.kc-body{flex:1;min-width:0;display:flex;flex-direction:column}

/* --- Шапка рабочей области ------------------------------------------ */

.kc-top{
  display:flex;align-items:flex-start;gap:24px;flex-wrap:wrap;
  padding:26px 32px 14px;
}
.kc-hello{margin-right:auto}
.kc-hello h1{font:700 27px/1.15 "Manrope",sans-serif;color:var(--kc-green-dark);letter-spacing:-.01em}
.kc-hello p{margin:6px 0 0;color:var(--kc-muted);font-size:14px}

.kc-top__right{display:flex;align-items:center;gap:20px}

.kc-bell{position:relative}
.kc-bell summary{
  display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;
  color:var(--kc-muted);font-size:14px;
}
.kc-bell summary::-webkit-details-marker{display:none}
.kc-bell summary .kc-i{width:19px;height:19px;color:var(--kc-green)}
.kc-bell summary b{
  min-width:20px;height:20px;padding:0 6px;border-radius:999px;
  background:var(--kc-gold);color:var(--kc-green-dark);
  display:grid;place-items:center;font:700 11px/1 "Manrope",sans-serif;
}
.kc-bell__panel{
  position:absolute;right:0;top:calc(100% + 10px);z-index:30;width:330px;
  background:#fff;border:1px solid var(--kc-line);border-radius:12px;
  box-shadow:0 18px 46px rgba(13,43,35,.14);padding:12px;
}
.kc-bell__panel ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.kc-bell__panel li{display:flex;align-items:center;gap:10px;padding:9px 6px;border-bottom:1px solid var(--kc-line)}
.kc-bell__panel li:last-child{border-bottom:0}
.kc-bell__panel li a{flex:1;display:flex;flex-direction:column;text-decoration:none !important}
.kc-bell__panel li strong{font-size:13px;font-weight:600;color:var(--kc-ink)}
.kc-bell__panel li a span{font-size:12px;color:var(--kc-muted)}
.kc-bell__panel li em{font-style:normal;font-size:11px;color:var(--kc-muted);white-space:nowrap}
.kc-bell__read{display:block;padding:9px 6px 3px;font-size:12px}

.kc-me{display:flex;align-items:center;gap:10px}
.kc-me span{display:flex;flex-direction:column;line-height:1.2}
.kc-me strong{font-size:14px;font-weight:600}
.kc-me em{font-style:normal;font-size:12px;color:var(--kc-muted)}

.ks-ava{
  width:38px;height:38px;flex:none;border-radius:50%;overflow:hidden;position:relative;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#2f5a4a,var(--kc-green-dark));color:#fff;
  font:600 13px/1 "Manrope",sans-serif;letter-spacing:.02em;
  box-shadow:0 0 0 1px rgba(255,255,255,.55),0 1px 3px rgba(13,43,35,.22);
}
.ks-ava img{width:100%;height:100%;object-fit:cover;display:block}
.ks-ava--letters{text-transform:uppercase}

.kc-me{
  display:flex;align-items:center;gap:10px;padding:5px 10px 5px 6px;border-radius:999px;
  border:1px solid transparent;text-decoration:none !important;color:inherit !important;transition:.15s;
}
.kc-me:hover{background:#fff;border-color:var(--kc-line)}
.kc-me .kc-i{width:15px;height:15px;color:var(--kc-muted)}
.kc-me__ava{box-shadow:0 0 0 2px #fff,0 0 0 3px var(--kc-line)}

.kc-curator__ava{
  width:64px;height:64px;font-size:21px;
  box-shadow:0 0 0 2px rgba(255,255,255,.22),0 4px 14px rgba(0,0,0,.28);
}

/* --- Общая область содержимого -------------------------------------- */

body.ks-cab--shell .ks-cab-main{max-width:none;margin:0;padding:0 32px 56px}

.kc-page{display:flex;flex-direction:column;gap:18px}
.kc-muted{color:var(--kc-muted);font-weight:400}
.kc-accent{color:var(--kc-green);font-weight:600}

.kc-card{
  background:#fff;border:1px solid var(--kc-line);border-radius:14px;padding:20px 22px;
  box-shadow:0 1px 2px rgba(13,43,35,.04);
}
.kc-card h2{margin:0;font:600 17px/1.2 "Manrope",sans-serif;color:var(--kc-green-dark)}
.kc-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}
.kc-card__head a{font-size:13px;font-weight:600}
.kc-card__more{display:inline-block;margin-top:14px;font-size:13px;font-weight:600}

.kc-card--dark{
  background:linear-gradient(160deg,var(--kc-green) 0%,var(--kc-green-dark) 100%);
  border-color:transparent;color:#fff;
}
.kc-card--dark h2{color:#fff}
.kc-card--dark .kc-muted{color:rgba(255,255,255,.6)}
.kc-card--dark a{color:#fff !important}

/* --- Показатели ------------------------------------------------------ */

/* Плашек бывает и четыре, и пять: жёсткие четыре колонки оставляли
   пятую сиротой на второй строке. */
.kc-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:14px}
.kc-kpis--tight{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}

.kc-kpi{
  display:flex;align-items:center;gap:14px;
  background:#fff;border:1px solid var(--kc-line);border-radius:14px;padding:16px 18px;
}
.kc-kpis--tight .kc-kpi{background:var(--kc-soft);border-color:transparent}
.kc-kpi__ico{width:46px;height:46px;flex:none;border-radius:12px;display:grid;place-items:center}
.kc-kpi__ico .kc-i{width:22px;height:22px}
.kc-kpi__ico--blue{background:#e8eef6;color:var(--kc-blue)}
.kc-kpi__ico--green{background:#e6f1ea;color:var(--kc-ok)}
.kc-kpi__ico--gold{background:#fdf1d6;color:#9a7100}
.kc-kpi__ico--violet{background:#eeebf5;color:var(--kc-violet)}
.kc-kpi>div{display:flex;flex-direction:column;min-width:0}
.kc-kpi__label{font-size:12px;color:var(--kc-muted)}
.kc-kpi strong{font:700 25px/1.2 "Manrope",sans-serif;color:var(--kc-green-dark);margin-top:2px}
.kc-kpi em{font-style:normal;font-size:12px;color:var(--kc-green);margin-top:2px}

/* --- Две колонки ----------------------------------------------------- */

.kc-cols{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.kc-cols--wide{grid-template-columns:minmax(0,1fr)}
.kc-cols__main{display:flex;flex-direction:column;gap:18px;min-width:0}
.kc-cols__aside{display:flex;flex-direction:column;gap:18px}
.kc-split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px}

/* --- Строки списка --------------------------------------------------- */

.kc-rows{display:flex;flex-direction:column}
.kc-rows__head,.kc-row{
  display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1.4fr) minmax(0,1fr) auto;
  gap:16px;align-items:center;
}
.kc-rows--rewards .kc-rows__head,.kc-rows--rewards .kc-row{
  grid-template-columns:minmax(0,1.6fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) auto;
}
.kc-rows__head{padding:0 0 10px;font-size:12px;color:var(--kc-muted);border-bottom:1px solid var(--kc-line)}
.kc-row{padding:14px 0;border-bottom:1px solid var(--kc-line);font-size:14px}
.kc-row:last-child{border-bottom:0}

.kc-row__client{display:flex;align-items:center;gap:12px;min-width:0}
.kc-row__client img,.kc-row__noimg{width:88px;height:60px;flex:none;border-radius:8px;object-fit:cover;background:var(--kc-soft)}
.kc-row__client>div{display:flex;flex-direction:column;min-width:0}
.kc-row__client strong{font-size:14px;font-weight:600}
.kc-row__client span{font-size:12px;color:var(--kc-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.kc-row__status{display:flex;align-items:flex-start;gap:9px}
.kc-row__status>div{display:flex;flex-direction:column}
.kc-row__status strong{font-size:13px;font-weight:600}
.kc-row__status span{font-size:12px}
.kc-dot{width:9px;height:9px;border-radius:50%;flex:none;margin-top:5px;background:var(--kc-muted)}

.kc-row__date{font-size:13px;color:var(--kc-muted)}
.kc-row__act{justify-self:end}

/* --- Кнопки ---------------------------------------------------------- */

.kc-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:38px;padding:0 16px;border-radius:9px;
  border:1px solid var(--kc-line);background:#fff;color:var(--kc-green) !important;
  font-size:13px;font-weight:600;text-decoration:none !important;cursor:pointer;transition:.15s;
}
.kc-btn:hover{border-color:var(--kc-green);background:var(--kc-soft)}
.kc-btn--primary{background:var(--kc-green);border-color:var(--kc-green);color:#fff !important}
.kc-btn--primary:hover{background:var(--kc-green-dark)}

/* --- Проекты --------------------------------------------------------- */

.kc-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kc-proj{border:1px solid var(--kc-line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.kc-proj__img{display:block;aspect-ratio:1.45;background:var(--kc-soft)}
.kc-proj__img img{width:100%;height:100%;object-fit:cover;display:block}
.kc-proj__body{padding:12px;display:flex;flex-direction:column;gap:6px}
.kc-proj__top{display:flex;align-items:center;gap:8px}
.kc-proj__top strong{font:700 14px/1 "Manrope",sans-serif;color:var(--kc-green-dark)}
.kc-proj__top span{padding:2px 7px;border-radius:6px;background:var(--kc-soft);font-size:11px;color:var(--kc-muted)}
.kc-proj p{margin:0;font-size:12px;color:var(--kc-muted);line-height:1.4}
.kc-proj__link{font-size:12px;font-weight:600;margin-top:auto}

/* --- Акции ----------------------------------------------------------- */

.kc-promos{display:flex;flex-direction:column;gap:12px}
.kc-promo{display:flex;gap:12px;padding:14px;border-radius:12px;border:1px solid transparent}
.kc-promo--gold{background:#fdf6e6;border-color:#f2e2bb}
.kc-promo--green{background:#eaf3ec;border-color:#cfe3d5}
.kc-promo__img{width:84px;height:64px;flex:none;border-radius:9px;object-fit:cover}
.kc-promo__body{display:flex;flex-direction:column;gap:5px;min-width:0}
.kc-promo strong{font:600 14px/1.25 "Manrope",sans-serif;color:var(--kc-green-dark)}
.kc-promo p{margin:0;font-size:12px;line-height:1.45;color:#4b544e}
.kc-promo a{font-size:12px;font-weight:600}

/* --- Куратор и вознаграждение ---------------------------------------- */

.kc-curator{display:flex;align-items:center;gap:14px;margin:16px 0 18px}
.kc-curator>div{display:flex;flex-direction:column;gap:2px}
.kc-curator strong{font:600 16px/1.2 "Manrope",sans-serif}
.kc-curator span{font-size:12px;color:rgba(255,255,255,.72)}

.kc-contacts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.kc-contacts li{border-radius:9px}
.kc-contacts li>*{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}
.kc-contacts li a{border-radius:9px;background:rgba(255,255,255,.07);transition:background .15s;text-decoration:none !important}
.kc-contacts li a:hover{background:rgba(255,255,255,.15)}
.kc-contacts__label{font-size:12px;color:rgba(255,255,255,.6)}
.kc-contacts__value{font-size:13px;font-weight:500;text-align:right;word-break:break-all}

.kc-reward{display:flex;flex-direction:column;margin:14px 0 16px}
.kc-reward strong{font:700 28px/1.1 "Manrope",sans-serif;color:var(--kc-green-dark)}
.kc-reward span{font-size:12px;margin-top:2px}

.kc-facts{margin:0;display:flex;flex-direction:column}
.kc-facts>div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--kc-line);font-size:13px}
.kc-facts>div:last-child{border-bottom:0}
.kc-facts dt{color:var(--kc-muted)}
.kc-facts dd{margin:0;font-weight:600;text-align:right}

.kc-lastdeal{margin-top:16px;padding:14px;border-radius:12px;background:var(--kc-soft);display:flex;flex-direction:column;gap:3px}
.kc-lastdeal strong{font-size:14px;font-weight:600}
.kc-lastdeal .kc-facts{margin-top:8px}
.kc-lastdeal .kc-facts>div{border-bottom-color:rgba(23,32,28,.08)}

.kc-tag{display:inline-block;padding:3px 9px;border-radius:7px;background:#e6f1ea;color:var(--kc-ok);font-size:12px;font-weight:600}
.kc-tag--paid{background:#e8eef6;color:var(--kc-blue)}

/* --- Свой профиль ---------------------------------------------------- */

.kc-page--narrow{max-width:760px}

.kc-notice{padding:13px 16px;border-radius:11px;font-size:14px;border:1px solid}
.kc-notice--ok{background:#eaf3ec;border-color:#cfe3d5;color:#1c5c3f}
.kc-notice--error{background:#fbeceb;border-color:#f0cfcd;color:#8c2f2b}
.kc-notice--info{background:#eef2f7;border-color:#d5dee8;color:#33506e}

.kc-photo{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}
.kc-photo__ava{width:104px;height:104px;font-size:32px}
.kc-photo__form{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1;min-width:260px}

.kc-file{position:relative;overflow:hidden;display:inline-flex}
.kc-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.kc-file span{
  display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border-radius:9px;
  border:1px dashed var(--kc-line);background:var(--kc-soft);color:var(--kc-muted);font-size:13px;
}
.kc-file:hover span{border-color:var(--kc-green);color:var(--kc-green)}

.kc-photo__pick{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.kc-file__name{font-size:12px;color:var(--kc-muted);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kc-file__name.is-set{color:var(--kc-green);font-weight:600}
.kc-file__name.is-bad{color:var(--kc-warn);font-weight:600}
.kc-btn[disabled]{opacity:.6;pointer-events:none}

.kc-notice__detail{display:block;margin-top:5px;font-size:12px;opacity:.8}
.kc-btn--quiet{border-color:transparent;background:transparent;color:var(--kc-muted) !important}
.kc-btn--quiet:hover{background:var(--kc-soft);color:var(--kc-warn) !important}

.kc-form{display:flex;flex-direction:column;gap:14px}
.kc-form__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.kc-field{display:flex;flex-direction:column;gap:6px}
.kc-field>span{font-size:12px;color:var(--kc-muted)}
.kc-field>em{font-style:normal;font-size:11px;color:var(--kc-muted)}
.kc-field input{
  width:100%;min-height:42px;padding:0 13px;border:1px solid var(--kc-line);border-radius:9px;
  background:#fff;font:400 14px/1.4 "Onest",system-ui,sans-serif;color:var(--kc-ink);outline:none;
}
.kc-field input:focus{border-color:var(--kc-green);box-shadow:0 0 0 3px rgba(18,62,50,.09)}
.kc-form .kc-btn{align-self:flex-start}
.kc-hint{margin:0;font-size:12px;color:var(--kc-muted);line-height:1.5}

/* --- Плашка закрепления ---------------------------------------------- */

.kc-lock{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  padding:18px 22px;border-radius:14px;
  background:linear-gradient(100deg,#eef3ef,#f7f9f6);border:1px solid var(--kc-line);
}
.kc-lock__ico{width:44px;height:44px;flex:none;border-radius:12px;background:#fff;color:var(--kc-green);display:grid;place-items:center}
.kc-lock__ico .kc-i{width:22px;height:22px}
.kc-lock>div{flex:1;min-width:240px}
.kc-lock strong{display:block;font:600 15px/1.25 "Manrope",sans-serif;color:var(--kc-green-dark)}
.kc-lock p{margin:4px 0 0;font-size:13px;color:var(--kc-muted);line-height:1.5}

/* --- Пустые состояния ------------------------------------------------ */

.kc-blank{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:28px 4px}
.kc-blank strong{font:600 16px/1.2 "Manrope",sans-serif;color:var(--kc-green-dark)}
.kc-blank span{font-size:14px;color:var(--kc-muted);max-width:560px;line-height:1.55}
.kc-blank .kc-btn{margin-top:8px}

/* Короткая инструкция в пустом состоянии кабинета партнёра. */
.kc-howto{margin:6px 0 2px;padding:0 0 0 20px;max-width:620px;display:grid;gap:9px}
.kc-howto li{font-size:14px;line-height:1.55;color:var(--kc-ink)}
.kc-howto li::marker{color:var(--kc-green);font-weight:700}
.kc-howto__note{font-size:13px !important;color:var(--kc-muted);max-width:620px}

.kc-note{margin:16px 0 0;font-size:12px;color:var(--kc-muted);line-height:1.5}

/* --- Адаптив --------------------------------------------------------- */

@media(max-width:1180px){
  .kc-split{grid-template-columns:1fr}
  .kc-cols{grid-template-columns:1fr}
  .kc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
  .kc-layout{flex-direction:column}
  .kc-side{width:auto;height:auto;position:static;flex-direction:row;align-items:center;gap:14px;padding:12px 16px;overflow-x:auto}
  .kc-logo{padding:0 8px 0 0}
  .kc-logo--img{flex-direction:row;align-items:center;text-align:left;padding-bottom:0}
  .kc-logo--img .kc-logo__text{align-items:flex-start}
  .kc-logo__img img{max-height:38px}
  .kc-logo__img.is-plate{padding:6px 8px}
  .kc-logo__text em{display:none}
  .kc-nav{flex:0 1 auto;overflow:visible;flex-direction:row;gap:4px}
  .kc-nav__item{white-space:nowrap;padding:9px 12px}
  .kc-nav__item span{display:none}
  .kc-nav__item.is-active span{display:inline}
  .kc-side__foot{margin:0 0 0 auto;flex-direction:row;align-items:center}
  .kc-agency{display:none}
  .kc-top{padding:20px 18px 10px}
  body.ks-cab--shell .ks-cab-main{padding:0 18px 40px}
  .kc-rows__head{display:none}
  .kc-row,.kc-rows--rewards .kc-row{grid-template-columns:1fr;gap:8px;padding:16px 0}
  .kc-row__act{justify-self:start}
  .kc-projects{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:620px){
  .kc-form__pair{grid-template-columns:1fr}
  .kc-me span{display:none}
  .kc-kpis,.kc-kpis--tight{grid-template-columns:1fr}
  .kc-projects{grid-template-columns:1fr}
  .kc-hello h1{font-size:22px}
  .kc-bell__panel{width:min(320px,88vw)}
}

@media print{.kc-side,.kc-top{display:none}}


/* --- Вкладки списка -------------------------------------------------- */

.kc-tabs{display:flex;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--kc-line);margin-bottom:14px}
.kc-tabs a{
  padding:0 0 10px;font-size:14px;color:var(--kc-muted) !important;
  border-bottom:2px solid transparent;margin-bottom:-1px;text-decoration:none !important;
}
.kc-tabs a:hover{color:var(--kc-ink) !important}
.kc-tabs a.is-active{color:var(--kc-green) !important;font-weight:600;border-bottom-color:var(--kc-gold)}
.kc-tabs--list{margin:0 0 14px}

/* --- Рабочий стол менеджера ------------------------------------------ */

.kc-kpi.is-warn{border-color:#e8d3a6;background:#fffdf6}
.kc-warn-text{color:#9a6a00 !important;font-style:normal}

.kc-rows--desk .kc-rows__head,.kc-rows--desk .kc-row{
  grid-template-columns:minmax(0,1.9fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr) auto;
}
.kc-row__src{display:flex;flex-direction:column;font-size:13px;min-width:0}
.kc-row__src strong{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kc-row__src span{font-size:12px}
.kc-row__date{display:flex;flex-direction:column;gap:2px}
.kc-row__date .kc-warn-text{font-size:12px}

.kc-badge{
  display:inline-block;margin-left:7px;padding:2px 7px;border-radius:6px;vertical-align:middle;
  background:#eeebf5;color:var(--kc-violet);font:600 11px/1.5 "Onest",sans-serif;white-space:nowrap;
}
.kc-more{display:inline-block;margin-left:5px;padding:1px 6px;border-radius:5px;background:var(--kc-soft);font-size:11px}

.kc-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kc-quick a{
  display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:12px;
  border:1px solid var(--kc-line);text-decoration:none !important;transition:.15s;
}
.kc-quick a:hover{border-color:var(--kc-green);background:var(--kc-soft)}
.kc-quick .kc-i{width:20px;height:20px;flex:none;color:var(--kc-green);margin-top:2px}
.kc-quick span{display:flex;flex-direction:column;gap:2px;min-width:0}
.kc-quick strong{font-size:14px;font-weight:600;color:var(--kc-ink)}
.kc-quick em{font-style:normal;font-size:12px;color:var(--kc-muted);line-height:1.4}

.kc-tasks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.kc-task{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid var(--kc-line)}
.kc-task:last-child{border-bottom:0}
.kc-task a{flex:1;display:flex;flex-direction:column;gap:2px;text-decoration:none !important;min-width:0}
.kc-task strong{font-size:13px;font-weight:600;color:var(--kc-ink)}
.kc-task a span{font-size:12px;color:var(--kc-muted)}
.kc-task em{font-style:normal;font-size:12px;color:var(--kc-muted);white-space:nowrap}
.kc-task--overdue{border-left:3px solid var(--kc-warn);padding-left:10px}
.kc-task--overdue em{color:var(--kc-warn);font-weight:600}
.kc-task--today{border-left:3px solid var(--kc-gold);padding-left:10px}
.kc-task--today em{color:#9a6a00;font-weight:600}

.kc-activity{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.kc-activity li{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--kc-line)}
.kc-activity li:last-child{border-bottom:0}
.kc-activity__ico{width:22px;flex:none;text-align:center;color:var(--kc-muted)}
.kc-activity div{display:flex;flex-direction:column;gap:2px;min-width:0}
.kc-activity a{font-size:13px;text-decoration:none !important}
.kc-activity em{font-style:normal;font-size:11px;color:var(--kc-muted)}

/* --- Агентства у менеджера ------------------------------------------- */

.kc-agencies{display:flex;flex-direction:column;gap:14px}
.kc-agency-card{border:1px solid var(--kc-line);border-radius:12px;padding:16px}
.kc-agency-card__head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.kc-agency-card h3{margin:0;font:600 16px/1.2 "Manrope",sans-serif;color:var(--kc-green-dark)}

.kc-agents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
.kc-agent{display:flex;gap:10px;padding:10px;border-radius:10px;background:var(--kc-soft)}
.kc-agent__ava{width:36px;height:36px}
.kc-agent__body{display:flex;flex-direction:column;gap:3px;min-width:0}
.kc-agent__body strong{font-size:13px;font-weight:600}
.kc-agent__links{display:flex;flex-direction:column;gap:2px;font-size:12px}
.kc-agent__links a,.kc-agent__links span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.kc-agency-card__deals{display:flex;flex-direction:column;border-top:1px solid var(--kc-line);padding-top:8px}
.kc-agency-card__deals a{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:13px;text-decoration:none !important}
.kc-agency-card__deals em{font-style:normal;margin-left:auto;font-size:12px;color:var(--kc-muted)}

/* --- Что клиент смотрел на сайте ------------------------------------- */

.kc-seen{margin-top:16px;padding-top:14px;border-top:1px solid var(--kc-line)}
.kc-seen h3{margin:0 0 10px;font:600 13px/1.2 "Manrope",sans-serif;color:var(--kc-green-dark)}
.kc-seen__group{margin-bottom:12px}
.kc-seen__head{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}
.kc-seen__head strong{font-size:12px;color:var(--kc-muted);font-weight:600}
.kc-linkbtn{border:0;background:none;padding:0;cursor:pointer;font:600 12px "Onest",sans-serif;color:var(--kc-green);text-decoration:underline}
.kc-seen__list{display:flex;flex-wrap:wrap;gap:7px}
.kc-seen__item{
  display:flex;align-items:center;gap:8px;padding:5px 6px 5px 5px;
  border:1px solid var(--kc-line);border-radius:9px;background:#fff;
}
.kc-seen__item.is-in{background:var(--kc-soft);border-color:transparent}
.kc-seen__item img{width:38px;height:28px;border-radius:5px;object-fit:cover;flex:none}
.kc-seen__name{font-size:12px;font-weight:600;display:flex;align-items:baseline;gap:5px}
.kc-seen__name em{font-style:normal;font-weight:400;color:var(--kc-muted)}
.kc-seen__in{font-size:11px;color:var(--kc-muted)}
.kc-seen__add{
  width:24px;height:24px;flex:none;border:1px solid var(--kc-line);border-radius:7px;
  background:#fff;color:var(--kc-green);font-size:15px;line-height:1;cursor:pointer;
}
.kc-seen__add:hover{background:var(--kc-green);color:#fff;border-color:var(--kc-green)}

@media(max-width:1180px){
  .kc-quick,.kc-agents{grid-template-columns:1fr}
}

@media(max-width:900px){
  .kc-nav__label{display:none}
  .kc-rows--desk .kc-row{grid-template-columns:1fr}
  .kc-tabs{gap:14px}
}


/* --- Задачи и статус в карточке сделки -------------------------------- */

.kc-lockline{
  margin:14px 0 0;padding:10px 12px;border-radius:9px;
  background:#eef2f7;color:#33506e;font-size:12px;line-height:1.45;
}

.kc-statusbox .kc-form{gap:12px}
.kc-statusbox select{
  width:100%;min-height:42px;padding:0 11px;border:1px solid var(--kc-line);
  border-radius:9px;background:#fff;font:400 14px "Onest",system-ui,sans-serif;
}

.kc-tasklist{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:6px}
.kc-tasklist__item{border:1px solid var(--kc-line);border-radius:10px;background:#fff}
.kc-tasklist__open{
  display:flex;align-items:flex-start;gap:10px;width:100%;padding:11px 12px;
  border:0;background:none;cursor:pointer;text-align:left;font:inherit;
}
.kc-check{
  width:18px;height:18px;flex:none;margin-top:1px;border:1.5px solid var(--kc-line);
  border-radius:5px;background:#fff;transition:.15s;
}
.kc-tasklist__open:hover .kc-check{border-color:var(--kc-green);background:var(--kc-soft)}
.kc-tasklist__body{display:flex;flex-direction:column;gap:2px;min-width:0}
.kc-tasklist__body strong{font-size:13px;font-weight:600}
.kc-tasklist__body em{font-style:normal;font-size:12px;color:var(--kc-muted)}
.kc-tasklist__item--overdue{border-left:3px solid var(--kc-warn)}
.kc-tasklist__item--overdue .kc-tasklist__body em{color:var(--kc-warn);font-weight:600}
.kc-tasklist__item--today{border-left:3px solid var(--kc-gold)}
.kc-tasklist__item--today .kc-tasklist__body em{color:#9a6a00;font-weight:600}


.kc-taskadd{display:flex;gap:8px;flex-wrap:wrap}
.kc-taskadd input[type=text]{
  flex:1;min-width:170px;min-height:40px;padding:0 12px;border:1px solid var(--kc-line);
  border-radius:9px;font:400 14px "Onest",system-ui,sans-serif;
}
.kc-taskadd input[type=date]{
  min-height:40px;padding:0 10px;border:1px solid var(--kc-line);border-radius:9px;
  font:400 13px "Onest",system-ui,sans-serif;
}
.kc-taskadd input:focus{border-color:var(--kc-green);outline:none}

.kc-taskdone{margin-top:14px}
.kc-taskdone summary{cursor:pointer;font-size:13px;color:var(--kc-muted)}
.kc-tasklist--done{margin-top:10px;gap:8px}
.kc-tasklist--done li{
  display:flex;flex-direction:column;gap:2px;padding:10px 12px;
  border-radius:9px;background:var(--kc-soft);
}
.kc-tasklist--done strong{font-size:13px;font-weight:600;text-decoration:line-through;color:var(--kc-muted)}
.kc-tasklist--done span{font-size:13px}
.kc-tasklist--done em{font-style:normal;font-size:11px;color:var(--kc-muted)}


/* --- Полоса этапов ---------------------------------------------------- */

.kc-pipeline{
  background:#fff;border:1px solid var(--kc-line);border-radius:14px;
  padding:18px 20px 14px;margin-bottom:16px;
}
/* Полоса прокручивается: этапов может стать больше или меньше —
   вёрстка от этого не разъедется. */
.kc-pipeline__track{display:flex;gap:0;overflow-x:auto;padding-bottom:6px}
.kc-step{
  flex:1 0 auto;min-width:118px;max-width:200px;position:relative;
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;padding:0 6px;
}
.kc-step::before{
  content:"";position:absolute;top:8px;left:calc(-50% + 9px);width:calc(100% - 18px);
  height:2px;background:var(--kc-line);
}
.kc-step:first-child::before{display:none}
.kc-step--done::before,.kc-step--now::before{background:var(--kc-green)}
.kc-step__dot{
  width:18px;height:18px;border-radius:50%;background:#fff;
  border:2px solid var(--kc-line);position:relative;z-index:1;
}
.kc-step--now .kc-step__dot{box-shadow:0 0 0 4px rgba(18,62,50,.12)}
.kc-step__name{font-size:12px;line-height:1.3;color:var(--kc-muted)}
.kc-step--done .kc-step__name{color:var(--kc-ink)}
.kc-step--now .kc-step__name{color:var(--kc-green-dark);font-weight:600}
.kc-step--lost .kc-step__name{color:var(--kc-warn);font-weight:600}
.kc-step__date{font-size:11px;color:var(--kc-muted);min-height:14px}

.kc-pipeline__change{margin-top:10px;border-top:1px solid var(--kc-line);padding-top:10px}
.kc-pipeline__change summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--kc-green)}
.kc-statusform{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.kc-statusform select,.kc-statusform input{
  min-height:40px;padding:0 11px;border:1px solid var(--kc-line);border-radius:9px;
  background:#fff;font:400 14px "Onest",system-ui,sans-serif;
}
.kc-statusform input{flex:1;min-width:200px}
.kc-statusform select:focus,.kc-statusform input:focus{border-color:var(--kc-green);outline:none}

/* --- Клиент и партнёр рядом ------------------------------------------- */

.kc-pair-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}
.kc-pair-cards>section{margin:0}
.kc-badge--lock{background:#e6f1ea;color:var(--kc-ok);margin-left:8px}
.kc-badge--main{background:#fdf1d6;color:#9a7100}

/* --- Проекты сделки ---------------------------------------------------- */

.kc-primary__body{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}
.kc-primary__body img{width:190px;height:126px;border-radius:10px;object-fit:cover;flex:none}
.kc-primary__body>div{display:flex;flex-direction:column;gap:4px;min-width:180px;flex:1}
.kc-primary__body strong{font:700 17px/1.2 "Manrope",sans-serif;color:var(--kc-green-dark)}
.kc-primary__body p{margin:0;font-size:14px}
.kc-primary__body .kc-btn{align-self:flex-start;margin-top:8px}

.kc-projrows{display:flex;flex-direction:column}
.kc-projrows__head,.kc-projrow{
  display:grid;grid-template-columns:minmax(0,2.2fr) 110px 110px auto;
  gap:12px;align-items:center;
}
.kc-projrows--slim .kc-projrows__head,.kc-projrows--slim .kc-projrow{
  grid-template-columns:minmax(0,2.2fr) 130px auto;
}
.kc-projrows__head{padding-bottom:8px;border-bottom:1px solid var(--kc-line);font-size:12px;color:var(--kc-muted)}
.kc-projrow{padding:11px 0;border-bottom:1px solid var(--kc-line)}
.kc-projrow:last-child{border-bottom:0}
.kc-projrow.is-primary{background:linear-gradient(90deg,#fdfbf4,transparent)}
.kc-projrow__name{display:flex;gap:11px;align-items:center;min-width:0}
.kc-projrow__name img{width:64px;height:44px;border-radius:7px;object-fit:cover;flex:none}
.kc-projrow__name>div{display:flex;flex-direction:column;min-width:0}
.kc-projrow__name strong{font-size:13px;font-weight:600}
.kc-projrow__name span{font-size:12px;color:var(--kc-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kc-projrow__act{display:flex;align-items:center;gap:10px;justify-self:end}
.kc-soonchip{
  display:inline-block;padding:3px 9px;border-radius:7px;
  background:var(--kc-soft);color:var(--kc-muted);font-size:11px;
}
.kc-x{
  width:26px;height:26px;border:1px solid var(--kc-line);border-radius:7px;background:#fff;
  color:var(--kc-muted);font-size:16px;line-height:1;cursor:pointer;
}
.kc-x:hover{border-color:var(--kc-warn);color:var(--kc-warn)}

/* --- Модальное окно закрытия задачи ------------------------------------ */

.kc-modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px}
.kc-modal[hidden]{display:none}
.kc-modal__back{position:absolute;inset:0;background:rgba(13,43,35,.45)}
.kc-modal__box{
  position:relative;z-index:1;width:min(480px,100%);background:#fff;
  border-radius:14px;padding:22px;box-shadow:0 24px 60px rgba(13,43,35,.28);
}
.kc-modal__box h3{margin:0 0 6px;font:600 17px/1.2 "Manrope",sans-serif;color:var(--kc-green-dark)}
.kc-modal__task{margin:0 0 14px;font-size:13px;color:var(--kc-muted)}
.kc-modal__x{
  position:absolute;top:12px;right:12px;width:30px;height:30px;border:0;border-radius:8px;
  background:none;color:var(--kc-muted);font-size:20px;line-height:1;cursor:pointer;
}
.kc-modal__x:hover{background:var(--kc-soft)}
.kc-modal__box textarea{
  width:100%;padding:10px 12px;border:1px solid var(--kc-line);border-radius:9px;
  font:400 14px/1.5 "Onest",system-ui,sans-serif;resize:vertical;
}
.kc-modal__box textarea:focus{border-color:var(--kc-green);outline:none}
.kc-modal__foot{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}

@media(max-width:900px){
  .kc-pair-cards{grid-template-columns:1fr}
  .kc-projrows__head{display:none}
  .kc-projrow,.kc-projrows--slim .kc-projrow{grid-template-columns:1fr;gap:8px}
  .kc-projrow__act{justify-self:start}
}


/* --- Повторные обращения ---------------------------------------------- */

.kc-badge--dup{background:#fdf1d6;color:#8a5f00}

/* Полоса действий над карточкой: решение принимается здесь,
   а список обращений живёт в правой колонке. */
.kc-dupbar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:14px 18px;margin-bottom:14px;border-radius:12px;
  background:#fffdf5;border:1px solid #e8d3a6;
}
.kc-dupbar__text{display:flex;flex-direction:column;gap:2px;min-width:0}
.kc-dupbar__text strong{font:600 14px/1.2 "Manrope",sans-serif;color:#7a5600}
.kc-dupbar__text span{font-size:12px;color:var(--kc-muted)}
.kc-dupbar__act{display:flex;gap:8px;flex-wrap:wrap}

.kc-dups__lock{
  margin:0 0 12px;padding:10px 12px;border-radius:9px;
  background:#fffdf5;border:1px solid #f0dcb2;font-size:12px;line-height:1.5;color:#7a5600;
}

.kc-dupcards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.kc-dupcard{
  display:flex;gap:10px;align-items:flex-start;
  padding:10px 12px;border-radius:10px;border:1px solid var(--kc-line);background:#fff;
}
.kc-dupcard .kc-dot{margin-top:5px}
.kc-dupcard>div{display:flex;flex-direction:column;gap:1px;min-width:0}
.kc-dupcard strong{font-size:13px;font-weight:600}
.kc-dupcard a{text-decoration:none !important}
.kc-dupcard a:hover strong{text-decoration:underline}
.kc-dupcard span{font-size:12px;color:var(--kc-muted);overflow:hidden;text-overflow:ellipsis}
.kc-dupcard.is-current{background:var(--kc-soft);border-color:transparent}
.kc-dupcard.is-alien{background:#fbfaf6;border-style:dashed}


/* --- Сводка руководителя ---------------------------------------------- */

.kc-rows--unassigned .kc-row{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.kc-assign{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.kc-assign select,.kc-assignall select{
  min-height:38px;padding:0 10px;border:1px solid var(--kc-line);border-radius:9px;
  background:#fff;font:400 13px "Onest",system-ui,sans-serif;
}
.kc-assignall{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:14px;
  border-top:1px solid var(--kc-line);font-size:13px;color:var(--kc-muted);
}

.kc-dupgroups{display:flex;flex-direction:column;gap:10px}
.kc-dupgroup{border:1px solid var(--kc-line);border-radius:11px;padding:12px 14px}
.kc-dupgroup__who{display:flex;flex-direction:column;gap:1px;margin-bottom:8px}
.kc-dupgroup__who strong{font-size:14px;font-weight:600}
.kc-dupgroup__who span{font-size:12px;color:var(--kc-muted)}
.kc-dupgroup__list{display:flex;flex-wrap:wrap;gap:7px}
.kc-dupgroup__list a{
  display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:8px;
  background:var(--kc-soft);font-size:12px;text-decoration:none !important;
}
.kc-dupgroup__list a:hover{background:#e6ece7}
.kc-dupgroup__list em{font-style:normal;color:var(--kc-muted)}

.kc-staff{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.kc-staff li{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--kc-line)}
.kc-staff li:last-child{border-bottom:0}
.kc-staff__ava{width:34px;height:34px}
.kc-staff>li>div{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
.kc-staff strong{font-size:13px;font-weight:600}
.kc-staff span{font-size:12px;color:var(--kc-muted)}
.kc-quick--one{grid-template-columns:1fr}

/* --- Хаб настроек ------------------------------------------------------ */

.kc-setgroup{margin-bottom:22px}
.kc-setgroup:last-child{margin-bottom:0}
.kc-setgroup h3{
  margin:0 0 10px;font:600 11px/1 "Manrope",sans-serif;letter-spacing:.1em;
  text-transform:uppercase;color:var(--kc-muted);
}
.kc-setlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kc-setlist a{
  display:flex;flex-direction:column;gap:3px;padding:14px;border-radius:11px;
  border:1px solid var(--kc-line);text-decoration:none !important;transition:.15s;
}
.kc-setlist a:hover{border-color:var(--kc-green);background:var(--kc-soft)}
.kc-setlist strong{
  display:flex;align-items:center;gap:6px;
  font-size:14px;font-weight:600;color:var(--kc-green-dark);
}
.kc-setlist strong .kc-i{width:13px;height:13px;opacity:.5}
.kc-setlist span{font-size:12px;color:var(--kc-muted);line-height:1.45}

/* --- Опасное действие --------------------------------------------------- */

.kc-danger{border-color:#f0cfcd !important}
.kc-btn--danger{border-color:#e6b8b5;color:var(--kc-warn) !important}
.kc-btn--danger:hover{background:#fbeceb;border-color:var(--kc-warn)}

@media(max-width:900px){
  .kc-setlist{grid-template-columns:1fr}
}


/* --- Формы внутри панелей карточки -------------------------------------
   Форма клиента написана простыми label с полем внутри, а в cabinet.css
   оформлена была только обёртка .ks-cab-field из формы входа. Поэтому
   подписи слипались с полями, а поля оставались системными. */

.ks-cab-panel .ks-cab-form>label{
  display:flex;flex-direction:column;gap:6px;
  font-size:12px;color:var(--kc-muted);
}

.ks-cab-panel .ks-cab-form input[type=text],
.ks-cab-panel .ks-cab-form input[type=email],
.ks-cab-panel .ks-cab-form input[type=tel],
.ks-cab-panel .ks-cab-form input[type=date],
.ks-cab-panel .ks-cab-form select,
.ks-cab-panel .ks-cab-form textarea{
  width:100%;box-sizing:border-box;
  min-height:42px;padding:10px 12px;
  border:1px solid var(--kc-line);border-radius:9px;background:#fff;
  font:400 14px/1.45 "Onest",system-ui,sans-serif;color:var(--kc-ink);
}
.ks-cab-panel .ks-cab-form textarea{min-height:88px;resize:vertical}
.ks-cab-panel .ks-cab-form input:focus,
.ks-cab-panel .ks-cab-form select:focus,
.ks-cab-panel .ks-cab-form textarea:focus{
  border-color:var(--kc-green);outline:none;box-shadow:0 0 0 3px rgba(18,62,50,.09);
}

/* Галочки — исключение из правила выше: у них подпись стоит рядом с
   квадратиком, а не под ним, иначе отметка отрывается от своего текста. */
.ks-cab-panel .ks-cab-form>label.ks-cab-check{
  flex-direction:row;align-items:center;gap:9px;
  font-size:13px;color:var(--kc-ink);cursor:pointer;
}
.ks-cab-panel .ks-cab-form>label.ks-cab-check input[type=checkbox]{
  width:17px;height:17px;min-height:0;flex:none;margin:0;
  accent-color:var(--kc-green);
}

/* Подсказка под галочкой идёт во всю ширину формы договора. */
.kct-form .kct-hint{grid-column:1/-1;margin:2px 0 0}

/* Состояние раскрытия вознаграждения над формой договора. */
.kct-reveal{margin:10px 0 0;font-size:13px;line-height:1.5;color:var(--kc-warn,#8a5a12)}
.kct-reveal.is-open{color:var(--kc-muted)}

.kc-nexthint{
  margin:8px 0 0;max-width:520px;
  font-size:13px;line-height:1.5;color:var(--kc-muted);
}

/* Текст правового документа в кабинете: читаемая колонка, без
   типографики маркетинговых блоков. */
.kc-doc{max-width:720px;font-size:14px;line-height:1.65;color:var(--kc-ink)}
.kc-doc p{margin:0 0 12px}
.kc-doc h2,.kc-doc h3{margin:18px 0 8px;font:600 15px/1.3 "Manrope",sans-serif;color:var(--kc-green-dark)}
.kc-doc ul,.kc-doc ol{margin:0 0 12px;padding-left:20px}
.kc-doc li{margin-bottom:6px}

/* Отметка «новое» в списках сотрудника. Скрыта, пока опрос или
   разметка не поставят класс: без этого она мигала бы на каждой строке
   при загрузке страницы. */
.kc-newmark{display:none}
.kc-newmark.is-new{
  display:inline-block;margin-left:8px;padding:2px 7px;border-radius:20px;
  background:var(--kc-gold,#e0a92b);color:#3a2a05;
  font:700 10px/1.5 "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.04em;
  vertical-align:middle;
}

/* Кнопка по содержимому, а не во всю колонку. */
.ks-cab-panel .ks-cab-form>button,
.ks-cab-panel .ks-cab-form .ks-cab-btn{align-self:flex-start;min-width:150px}

/* Назначение ответственного: список и кнопка в одну строку. */
.ks-cab-panel .ks-cab-form--tight{gap:8px}
.ks-cab-panel .ks-cab-form--row{flex-direction:row;align-items:center;flex-wrap:wrap}
.ks-cab-panel .ks-cab-form--row select{flex:1;min-width:170px}
.ks-cab-panel .ks-cab-form--row>button{align-self:auto;min-width:0}

/* Заголовок панели с меткой закрепления не должен ломаться на узком экране. */
.ks-cab-panel h2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* --- Сводка руководителя за период (п. 6.2 ТЗ) ------------------------ */

.kc-period{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 16px;
}
.kc-period__label{
  font:500 12px/1 "Manrope",sans-serif;text-transform:uppercase;
  letter-spacing:.04em;color:var(--kc-muted);margin-right:4px;
}
.kc-period__item{
  padding:6px 12px;border:1px solid var(--kc-line);border-radius:20px;
  background:var(--kc-white);color:var(--kc-muted);
  font:500 13px/1 "Manrope",sans-serif;text-decoration:none;
}
.kc-period__item:hover{color:var(--kc-ink)}
.kc-period__item.is-on{
  background:var(--kc-green);border-color:var(--kc-green);color:#fff;
}

.kc-period-card{margin-bottom:18px}

.kc-period-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;padding:4px 0 2px;
}
.kc-period-col h3{
  font:600 13px/1.2 "Manrope",sans-serif;margin:0 0 12px;color:var(--kc-ink);
}

.kc-bar{
  display:grid;grid-template-columns:minmax(0,1fr) 72px 32px;
  align-items:center;gap:10px;margin-bottom:9px;font-size:13px;
}
.kc-bar__name{
  display:flex;align-items:center;gap:6px;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.kc-bar__name .kc-dot{margin-top:0}
.kc-bar__track{
  height:7px;border-radius:6px;background:#eceee7;overflow:hidden;
}
.kc-bar__fill{
  display:block;height:100%;border-radius:6px;background:var(--kc-green);min-width:2px;
}
.kc-bar__num{text-align:right;color:var(--kc-muted);font-variant-numeric:tabular-nums}

.kc-period-note{margin:14px 0 0;font-size:12px}

@media (max-width:900px){
  .kc-period-grid{grid-template-columns:1fr;gap:20px}
}

/* Пояснение к охвату списка сделок. */
.ks-cab-scope{margin:-4px 0 14px;font-size:13px;color:var(--kc-muted);max-width:760px}