:root{
    --brand: #6B9B2F;
    --brand-soft: #F4FAEC;
    --brand-border: #DBE9C0;
    --ink: #1A1F14;
    --ink-2: #4A5240;
    --ink-3: #8A9180;
    --line: #E8EBE3;
    --line-2: #F1F3EC;
    /* --bg НЕ переопределяем: фон кабинетов один на всех — бежевый #FAF7F2 из
       styles.css. Раньше здесь стоял #FFFFFF, и любой кабинет с этим файлом
       (маркетолог, интегратор) становился белым, пока не пропишет фон сам. */
  }

  .mgr2-scope *{ box-sizing: border-box; margin: 0; padding: 0; }

  .mgr2-scope{
    background: var(--bg, #FAF7F2);
    color: var(--ink);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
  }

  /* ===== Топбар ===== */
  .mgr2-scope .topbar{
    height: 56px;
    border-bottom: 1px solid var(--line);
    display: flex;
    align-items: center;
    padding: 0 24px;
    gap: 16px;
    background: #fff;
  }
  .mgr2-scope .topbar .logo{
    width: 32px; height: 32px;
    background: #A8D65C;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #fff;
    font-size: 16px;
  }
  .mgr2-scope .topbar .brand{ font-weight: 600; color: var(--ink); font-size: 15px; }
  .mgr2-scope .topbar .role{ color: var(--ink-3); font-size: 13px; }
  .mgr2-scope .topbar .right{ margin-left: auto; display: flex; gap: 10px; }
  .mgr2-scope .topbar .nav-btn{
    border: 1px solid var(--line);
    background: #fff;
    padding: 7px 16px;
    border-radius: 8px;
    font-size: 13px;
    color: var(--ink);
    cursor: pointer;
  }
  .mgr2-scope .topbar .nav-btn.primary{
    background: var(--brand);
    border-color: var(--brand);
    color: #fff;
  }

  /* ===== Контейнер ===== */
  .mgr2-scope .wrap{
    max-width: 1240px;
    margin: 0 auto;
    padding: 20px 24px 24px;
  }

  /* Назад */
  .mgr2-scope .top-line{
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .mgr2-scope .back-link{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--ink-3);
    text-decoration: none;
    padding: 4px 8px;
    margin-left: -8px;
    border-radius: 6px;
    transition: all 0.12s;
  }
  .mgr2-scope .back-link:hover{
    color: var(--brand);
    background: var(--brand-soft);
  }

  /* ===== Шестерёнка управления видимостью блоков ===== */
  .mgr2-scope .blocks-toggle{
    position: relative;
  }
  .mgr2-scope .blocks-toggle .gear-btn{
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid var(--line);
    color: var(--ink-2);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
    padding: 0;
  }
  .mgr2-scope .blocks-toggle .gear-btn:hover{
    border-color: var(--brand);
    color: var(--brand);
    background: var(--brand-soft);
  }
  .mgr2-scope .blocks-toggle .gear-btn svg{
    width: 18px;
    height: 18px;
  }
  .mgr2-scope .blocks-toggle .gear-btn.active{
    background: var(--brand);
    border-color: var(--brand);
    color: #fff;
  }
  .mgr2-scope .blocks-toggle .gear-btn.active svg{
    animation: gearSpin 4s linear infinite;
  }
  @keyframes gearSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
  }

  /* ── Кисточка + линейка цветов оформления ── */
  .mgr2-scope .top-actions{
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .mgr2-scope .accent-toggle{
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .mgr2-scope .brush-btn{
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid var(--line);
    color: var(--ink-2);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
    padding: 0;
  }
  .mgr2-scope .brush-btn:hover,
  .mgr2-scope .brush-btn.active{
    border-color: var(--brand);
    color: var(--brand);
    background: var(--brand-soft);
  }
  .mgr2-scope .brush-btn svg{ width: 18px; height: 18px; }
  /* Линейка цветов — спрятана; раскрывается влево от кисточки по клику. */
  .mgr2-scope .color-rail{
    display: none;
    align-items: center;
    gap: 7px;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 999px;
    box-shadow: 0 2px 10px rgba(0,0,0,.07);
  }
  .mgr2-scope .color-rail.open{
    display: flex;
    animation: railIn 0.16s ease;
  }
  @keyframes railIn {
    from { opacity: 0; transform: translateX(10px); }
    to { opacity: 1; transform: none; }
  }
  .mgr2-scope .color-rail .swatch{
    width: 22px;
    height: 22px;
    border-radius: 50%;
    cursor: pointer;
    padding: 0;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px rgba(40,30,15,.18);
    transition: transform 0.12s, box-shadow 0.12s;
  }
  .mgr2-scope .color-rail .swatch:hover{ transform: scale(1.18); }
  .mgr2-scope .color-rail .swatch.active{
    box-shadow: 0 0 0 2px var(--ink, #2a2620);
    transform: scale(1.1);
  }

  /* Панель со списком блоков */
  .mgr2-scope .blocks-panel{
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04);
    padding: 12px;
    z-index: 100;
    display: none;
    min-width: 240px;
  }
  .mgr2-scope .blocks-panel.open{
    display: block;
  }
  .mgr2-scope .blocks-panel-title{
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--ink-3);
    margin-bottom: 10px;
    padding: 0 4px;
  }
  .mgr2-scope .blocks-list{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
  }
  .mgr2-scope .block-toggle-btn{
    position: relative;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background: var(--brand-soft);
    border: 1px solid var(--brand-border);
    color: var(--brand);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
    padding: 0;
  }
  .mgr2-scope .block-toggle-btn:hover{
    background: var(--brand);
    color: #fff;
    transform: translateY(-1px);
  }
  .mgr2-scope .block-toggle-btn svg{
    width: 20px;
    height: 20px;
  }
  /* Когда блок скрыт — кнопка серая */
  .mgr2-scope .block-toggle-btn.hidden-block{
    background: #fff;
    border-color: var(--line);
    color: var(--ink-3);
    opacity: 0.55;
  }
  .mgr2-scope .block-toggle-btn.hidden-block:hover{
    background: var(--line-2);
    color: var(--ink-2);
    opacity: 1;
  }
  /* Маленький крестик когда блок скрыт */
  .mgr2-scope .block-toggle-btn.hidden-block::after{
    content: "";
    position: absolute;
    top: -3px;
    right: -3px;
    width: 14px;
    height: 14px;
    background: #C75A4A;
    border-radius: 50%;
    border: 2px solid #fff;
  }
  /* Тултип */
  .mgr2-scope .block-toggle-btn .btt{
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    background: var(--ink);
    color: #fff;
    font-size: 11px;
    padding: 4px 8px;
    border-radius: 5px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s;
    z-index: 10;
    font-weight: 500;
  }
  .mgr2-scope .block-toggle-btn:hover .btt{
    opacity: 1;
  }
  /* Когда блок целиком скрыт — класс на родителе блока */
  .mgr2-scope .hidden-block-content{
    display: none !important;
  }

  /* ===== Двухколоночная обёртка ===== */
  .mgr2-scope .page-grid{
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 16px;
    align-items: start;
  }

  /* ===== Правая колонка ===== */
  .mgr2-scope .right-col{
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  /* ===== Блок "Перед встречей ознакомься" ===== */
  .mgr2-scope .briefing-card{
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 14px;
    overflow: hidden;
  }
  .mgr2-scope .briefing-head{
    padding: 14px 18px;
    border-bottom: 1px solid var(--line);
    background: linear-gradient(90deg, var(--brand-soft) 0%, #fff 80%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    cursor: pointer;
    user-select: none;
  }
  .mgr2-scope .briefing-card > .briefing-head:hover{
    filter: brightness(0.98);
  }
  .mgr2-scope .briefing-title{
    font-size: 15px;
    font-weight: 700;
    color: var(--ink);
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
  }
  .mgr2-scope .briefing-title svg{
    color: var(--brand);
    flex-shrink: 0;
  }
  .mgr2-scope .briefing-body{
    padding: 16px 20px 18px;
  }
  .mgr2-scope .briefing-body p{
    font-size: 13.5px;
    line-height: 1.6;
    color: var(--ink-2);
    margin-bottom: 12px;
  }
  .mgr2-scope .briefing-body p:last-of-type{
    margin-bottom: 0;
  }
  .mgr2-scope .briefing-body strong{
    color: var(--ink);
    font-weight: 700;
  }
  .mgr2-scope .briefing-tabs{
    display:flex;
    gap:6px;
    padding:10px 18px 0;
    border-bottom:1px solid var(--line);
    background:#fff;
  }
  .mgr2-scope .briefing-tab{
    border:0;
    border-bottom:2px solid transparent;
    background:transparent;
    color:var(--ink-3);
    font:inherit;
    font-size:13px;
    font-weight:700;
    padding:8px 12px 9px;
    cursor:pointer;
  }
  .mgr2-scope .briefing-tab.active{
    color:var(--brand);
    border-bottom-color:var(--brand);
  }
  .mgr2-scope .presentation-body{ padding:16px 20px 20px; background:#FBFAF7; }
  .mgr2-scope .presentation-loading,.mgr2-scope .pres-empty{ color:var(--ink-3); font-size:12.5px; font-style:italic; padding:8px 0; }
  .mgr2-scope .pres-toolbar{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
  .mgr2-scope .pres-toolbar>div:first-child{ display:flex; flex-direction:column; gap:2px; }
  .mgr2-scope .pres-toolbar b{ color:var(--ink); font-size:14px; }
  .mgr2-scope .pres-toolbar span{ color:var(--ink-3); font-size:11.5px; }
  .mgr2-scope .pres-toolbar-actions{ display:flex; gap:7px; }
  .mgr2-scope .pres-toolbar button{ border:1px solid var(--brand-border); border-radius:8px; background:#fff; color:var(--brand); padding:6px 10px; font:inherit; font-size:11.5px; font-weight:700; cursor:pointer; }
  .mgr2-scope .pres-toolbar button:hover{ background:var(--brand-soft); }
  .mgr2-scope .pres-toolbar button:disabled{ color:var(--ink-3); cursor:default; background:#fff; }
  .mgr2-scope .pres-profile{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:12px; }
  .mgr2-scope .pres-profile>div{ border:1px solid var(--line-2); border-radius:10px; background:#fff; padding:10px 12px; min-width:0; }
  .mgr2-scope .pres-profile span{ display:block; color:var(--ink-3); font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; margin-bottom:5px; }
  .mgr2-scope .pres-profile strong,.mgr2-scope .pres-profile-value{ display:block; color:var(--ink); font-size:12.5px; line-height:1.4; }
  .mgr2-scope .pres-profile .pres-estimate{ display:inline-block; margin:5px 0 0; padding:2px 6px; border-radius:999px; background:#FFF4DF; color:#9B651F; font-size:9.5px; text-transform:none; letter-spacing:0; }
  .mgr2-scope .pres-profile .pres-estimate.fact{ background:#EAF5E3; color:#557F28; }
  .mgr2-scope .pres-section{ border:1px solid var(--line-2); border-radius:12px; background:#fff; padding:14px 16px; margin-top:10px; }
  .mgr2-scope .pres-section h3{ margin:0 0 10px; color:var(--ink); font-size:13px; }
  .mgr2-scope .pres-section p{ margin:0 0 8px; color:var(--ink-2); font-size:13px; line-height:1.55; }
  .mgr2-scope .pres-section p:last-child{ margin-bottom:0; }
  .mgr2-scope .pres-opening{ border-left:4px solid var(--brand); background:linear-gradient(90deg,var(--brand-soft),#fff 55%); }
  .mgr2-scope .pres-script{ border-color:#D6DDF6; background:#FAFBFF; }
  .mgr2-scope .pres-next{ border-color:#F2C48E; background:#FFF8EF; }
  .mgr2-scope .pres-list{ list-style:none; padding:0; margin:0; display:grid; gap:7px; }
  .mgr2-scope .pres-list li{ display:grid; grid-template-columns:22px 1fr; gap:8px; align-items:start; color:var(--ink-2); font-size:12.5px; line-height:1.45; }
  .mgr2-scope .pres-num{ width:22px; height:22px; display:grid; place-items:center; border-radius:50%; background:var(--brand); color:#fff; font-size:10.5px; font-weight:800; }
  .mgr2-scope .pres-route,.mgr2-scope .pres-tools article,.mgr2-scope .pres-objections article{ border:1px solid var(--line-2); border-radius:9px; background:#FBFAF7; padding:10px 12px; margin-top:7px; }
  .mgr2-scope .pres-route-head{ display:flex; justify-content:space-between; gap:10px; margin-bottom:6px; }
  .mgr2-scope .pres-route-head b,.mgr2-scope .pres-tools b,.mgr2-scope .pres-objections b{ color:var(--ink); font-size:12.5px; }
  .mgr2-scope .pres-route-head span,.mgr2-scope .pres-route small,.mgr2-scope .pres-tools small{ color:var(--ink-3); font-size:10.5px; }
  .mgr2-scope .pres-tools{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:8px; }
  .mgr2-scope .pres-tools article{ margin:0; }
  .mgr2-scope .pres-objections{ display:grid; gap:7px; }
  .mgr2-scope .pres-objections article{ margin:0; }
  .mgr2-scope .pres-assumptions{ background:#FFFDF7; border-style:dashed; }
  .mgr2-scope .pres-assumptions ul{ margin:0; padding-left:19px; color:var(--ink-2); font-size:12.5px; line-height:1.55; }
  .mgr2-scope .pres-sources{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:12px; color:var(--ink-3); font-size:10.5px; }
  .mgr2-scope .pres-sources b{ color:var(--ink-2); }
  .mgr2-scope .pres-sources span{ border:1px solid var(--line-2); border-radius:999px; background:#fff; padding:3px 7px; }
  /* ─── Вкладка «Расчёт возврата»: деньги от ушедших клиентов ─── */
  .mgr2-scope .retcalc-body{ padding:16px 20px 20px; background:#FBFAF7; }
  .mgr2-scope .retcalc-inputs{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:10px; }
  .mgr2-scope .retcalc-inputs label{ display:flex; flex-direction:column; gap:5px; border:1px solid var(--line-2); border-radius:10px; background:#fff; padding:10px 12px; color:var(--ink-3); font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; }
  .mgr2-scope .retcalc-inputs input{ border:1px solid var(--line-2); border-radius:8px; padding:7px 9px; font:inherit; font-size:15px; font-weight:700; color:var(--ink); }
  .mgr2-scope .retcalc-inputs input:focus{ outline:none; border-color:var(--brand); }
  .mgr2-scope .retcalc-badge{ align-self:flex-start; padding:2px 6px; border-radius:999px; background:#FFF4DF; color:#9B651F; font-size:9.5px; font-weight:700; text-transform:none; letter-spacing:0; }
  .mgr2-scope .retcalc-badge.fact{ background:#EAF5E3; color:#557F28; }
  .mgr2-scope .retcalc-sliders{ display:grid; gap:10px; border:1px solid var(--line-2); border-radius:12px; background:#fff; padding:14px 16px; }
  .mgr2-scope .retcalc-sliders label{ display:grid; gap:6px; color:var(--ink-2); font-size:12.5px; }
  .mgr2-scope .retcalc-sliders b{ color:var(--brand); }
  .mgr2-scope .retcalc-sliders input[type=range]{ width:100%; accent-color:var(--brand); }
  .mgr2-scope .retcalc-result{ margin-top:10px; border:1px solid var(--line-2); border-radius:12px; background:#fff; overflow:hidden; }
  .mgr2-scope .retcalc-row{ display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:9px 16px; border-top:1px solid var(--line-2); font-size:12.5px; color:var(--ink-2); }
  .mgr2-scope .retcalc-row:first-child{ border-top:none; }
  .mgr2-scope .retcalc-row b{ color:var(--ink); font-size:14px; white-space:nowrap; }
  .mgr2-scope .retcalc-row.accent{ background:#F7FAF3; }
  .mgr2-scope .retcalc-row.accent b{ color:#3F6B1A; font-size:16px; }
  .mgr2-scope .retcalc-row.total{ background:var(--brand-soft); }
  .mgr2-scope .retcalc-row.total b{ color:var(--brand); font-size:18px; }
  .mgr2-scope .retcalc-story{ background:#FFFDF7; }
  /* «Документ для клиента» — генерация публичной страницы и PDF из расчёта. */
  .mgr2-scope .retcalc-doc{ border:1px solid var(--line-2); border-radius:12px; background:#fff; padding:14px 16px; margin:12px 0; }
  .mgr2-scope .retcalc-doc-gen{
    background:var(--brand, #e8772e); border:0; color:#fff; font-weight:800; font-size:14px;
    padding:11px 22px; border-radius:10px; cursor:pointer; box-shadow:0 2px 8px rgba(232,119,46,.35);
    transition:transform .12s ease, box-shadow .12s ease;
  }
  .mgr2-scope .retcalc-doc-gen:hover{ transform:translateY(-1px); box-shadow:0 4px 12px rgba(232,119,46,.45); }
  .mgr2-scope .retcalc-doc-gen:disabled{ opacity:.6; transform:none; cursor:default; }
  .mgr2-scope .retcalc-doc-head b{ display:block; font-size:14px; }
  .mgr2-scope .retcalc-doc-head span{ color:var(--ink-3); font-size:12px; }
  .mgr2-scope .retcalc-doc-form{ display:flex; gap:10px; align-items:flex-end; margin-top:10px; flex-wrap:wrap; }
  .mgr2-scope .retcalc-doc-form label{ flex:1; min-width:220px; display:flex; flex-direction:column; gap:5px; font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; color:var(--ink-3); }
  .mgr2-scope .retcalc-doc-form input{ border:1px solid var(--line-2); border-radius:8px; padding:8px 10px; font:inherit; font-size:14px; }
  .mgr2-scope .retcalc-doc-form input:focus{ outline:none; border-color:var(--brand); }
  .mgr2-scope .retcalc-doc-out{ margin-top:12px; padding-top:10px; border-top:1px dashed var(--line-2); }
  .mgr2-scope .retcalc-doc-link{ display:block; font-size:13px; word-break:break-all; margin-bottom:8px; }
  .mgr2-scope .retcalc-doc-actions{ display:flex; gap:8px; flex-wrap:wrap; }
  .mgr2-scope .agreements-body{ padding:16px 20px 20px; }
  .mgr2-scope .agreements-toolbar{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px; }
  .mgr2-scope .agreements-hint{ color:var(--ink-3); font-size:12px; line-height:1.4; }
  .mgr2-scope .agr-btn{ border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--ink-2); padding:7px 11px; font-size:12px; font-weight:700; cursor:pointer; }
  .mgr2-scope .agr-btn:hover{ border-color:var(--brand); color:var(--brand); }
  .mgr2-scope .agr-btn.primary{ background:var(--brand); border-color:var(--brand); color:#fff; }
  .mgr2-scope .agr-btn.done{ color:#2E7D32; border-color:#B9D8B7; }
  .mgr2-scope .agr-btn.failed{ color:#B0473E; border-color:#E9C0BC; }
  /* Лента договорённостей: день → звонки за день → кто что пообещал.
     Цветом выделен только срок, остальное нейтральное — иначе рябит. */
  .mgr2-scope .agr-btn.sm{ padding:4px 9px; font-size:11.5px; }
  .mgr2-scope .agr-bar{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin-bottom:6px; }
  .mgr2-scope .agr-bar-r{ margin-left:auto; display:flex; gap:7px; }
  .mgr2-scope .agr-warn{ font-size:12px; font-weight:800; color:#B0473E; background:#FDEDEE; border:1px solid #F0C9CB; border-radius:8px; padding:5px 10px; }
  .mgr2-scope .agr-flt{ display:flex; border:1px solid var(--line); border-radius:8px; overflow:hidden; }
  .mgr2-scope .agr-flt div{ padding:5px 11px; font-size:12px; font-weight:700; color:var(--ink-2); background:#fff; cursor:pointer; }
  .mgr2-scope .agr-flt div.on{ background:var(--ink); color:#fff; }

  .mgr2-scope .agr-tl{ padding-top:2px; }
  .mgr2-scope .agr-day{ margin-top:20px; }
  .mgr2-scope .agr-day-hd{ display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; padding-bottom:8px; border-bottom:1px solid var(--line-2); }
  .mgr2-scope .agr-day-hd b{ font-size:14px; font-weight:800; color:var(--ink); }
  .mgr2-scope .agr-day-ph{ font-size:12px; color:var(--ink-3); }

  .mgr2-scope .agr-ev{ display:grid; grid-template-columns:46px 1fr; gap:11px; margin-top:10px; }
  .mgr2-scope .agr-ev-t{ font-size:11.5px; color:var(--ink-3); text-align:right; padding-top:11px; }

  .mgr2-scope .agr-calls{ border:1px solid var(--line-2); border-radius:10px; background:#FBFAF7; font-size:12.5px; color:var(--ink-2); }
  .mgr2-scope .agr-calls-hd{ padding:9px 12px; cursor:pointer; display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
  .mgr2-scope .agr-ar{ margin-left:auto; color:var(--ink-3); font-size:11px; }
  .mgr2-scope .agr-calls-list{ display:none; border-top:1px solid var(--line-2); padding:2px 12px 8px; }
  .mgr2-scope .agr-calls.open .agr-calls-list{ display:block; }
  .mgr2-scope .agr-cl-row{ display:grid; grid-template-columns:44px 1fr auto auto; gap:10px; align-items:center; padding:6px 0; border-bottom:1px solid var(--line-2); font-size:12.5px; }
  .mgr2-scope .agr-cl-row:last-child{ border-bottom:0; }
  .mgr2-scope .agr-cl-t{ color:var(--ink-3); }
  .mgr2-scope .agr-cl-no{ color:var(--ink); }
  .mgr2-scope .agr-cl-dur{ color:var(--ink-2); }
  .mgr2-scope .agr-cl-miss{ color:var(--ink-3); }
  .mgr2-scope .agr-cl-link{ color:var(--brand); text-decoration:none; font-size:12px; }

  .mgr2-scope .agr-meet{ border:1px solid var(--line-2); border-radius:10px; padding:10px 12px; background:#FBFAF7; font-size:12.5px; display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
  .mgr2-scope .agr-meet-r{ margin-left:auto; }
  .mgr2-scope .agr-none{ border:1px dashed var(--line); border-radius:10px; padding:14px; color:var(--ink-3); font-size:12.5px; }

  .mgr2-scope .agr-bub{ border:1px solid var(--line-2); border-left:3px solid #C9C6BF; border-radius:10px; padding:10px 13px; background:#fff; cursor:pointer; }
  .mgr2-scope .agr-bub.manager{ border-left-color:var(--brand); }
  .mgr2-scope .agr-bub.client{ border-left-color:#E8A33D; }
  .mgr2-scope .agr-bub.is-closed{ background:#FBFAF7; }
  .mgr2-scope .agr-bub.is-closed .agr-txt{ text-decoration:line-through; color:var(--ink-3); }
  .mgr2-scope .agr-who{ font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.03em; color:var(--ink-3); margin-bottom:4px; }
  .mgr2-scope .agr-txt{ font-size:13.5px; color:var(--ink); line-height:1.45; }
  .mgr2-scope .agr-foot{ display:flex; align-items:center; gap:10px; margin-top:8px; flex-wrap:wrap; }
  .mgr2-scope .agr-due{ font-size:12.5px; font-weight:800; }
  .mgr2-scope .agr-due.red{ color:#B0473E; }
  .mgr2-scope .agr-due.amb{ color:#9C5C00; }
  .mgr2-scope .agr-due.gr{ color:var(--ink-2); }
  .mgr2-scope .agr-auto{ font-size:11.5px; color:var(--ink-3); }
  .mgr2-scope .agr-mark{ font-weight:800; }
  .mgr2-scope .agr-mark.ok{ color:#2E7D32; }
  .mgr2-scope .agr-mark.no{ color:#B0473E; }
  .mgr2-scope .agr-ctl{ margin-left:auto; display:flex; gap:6px; }
  .mgr2-scope .agr-q{ font-size:12px; color:var(--ink-3); margin-top:7px; padding-left:9px; border-left:2px solid var(--line-2); }
  .mgr2-scope .agr-edit{ display:none; margin-top:10px; padding-top:10px; border-top:1px solid var(--line-2); cursor:default; }
  .mgr2-scope .agr-bub.open .agr-edit{ display:block; }

  .mgr2-scope .agr-field{ width:100%; box-sizing:border-box; border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--ink); font:inherit; font-size:12.5px; padding:8px 9px; }
  .mgr2-scope textarea.agr-field{ min-height:52px; resize:vertical; line-height:1.45; }
  .mgr2-scope .agr-fields{ display:grid; grid-template-columns:minmax(170px, 240px) 1fr; gap:8px; margin-top:8px; }
  .mgr2-scope .agr-label{ display:block; color:var(--ink-3); font-size:10.5px; font-weight:700; margin:0 0 4px; text-transform:uppercase; }
  .mgr2-scope .agr-actions{ display:flex; flex-wrap:wrap; gap:7px; margin-top:9px; align-items:center; }
  .mgr2-scope .agr-empty{ border:1px dashed var(--line); border-radius:10px; padding:20px; color:var(--ink-3); text-align:center; font-size:13px; }
  .mgr2-scope .agr-note{ margin-top:18px; padding-top:12px; border-top:1px solid var(--line-2); color:var(--ink-3); font-size:11.5px; line-height:1.5; }
  .mgr2-scope .agr-add-form{ padding:12px; background:#F8FAF5; border:1px solid var(--line); border-radius:10px; margin:10px 0 4px; }
  .mgr2-scope .agr-add-form[hidden]{ display:none; }
  .mgr2-scope .agr-add-grid{ display:grid; grid-template-columns:150px minmax(220px, 1fr) 210px; gap:8px; align-items:end; }
  @media (max-width:800px){
    .mgr2-scope .agr-fields, .mgr2-scope .agr-add-grid{ grid-template-columns:1fr; }
    .mgr2-scope .agr-ev{ grid-template-columns:1fr; }
    .mgr2-scope .agr-ev-t{ text-align:left; padding-top:0; }
    .mgr2-scope .agr-ctl{ margin-left:0; }
  }

  .mgr2-scope .briefing-sources{
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid var(--line-2);
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
  }
  .mgr2-scope .briefing-footer-row{
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid var(--line-2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
  }
  .mgr2-scope .briefing-footer-row .briefing-sources{
    margin-top: 0;
    padding-top: 0;
    border-top: none;
    flex: 1;
    min-width: 0;
  }
  .mgr2-scope .bs-label{
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--ink-3);
    flex-shrink: 0;
  }
  .mgr2-scope .bs-list{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
  }
  .mgr2-scope .bs-item{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--brand-soft);
    color: var(--brand);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    cursor: help;
    position: relative;
    transition: all 0.12s;
  }
  .mgr2-scope .bs-item:hover{
    background: var(--brand);
    color: #fff;
    transform: translateY(-1px);
  }
  .mgr2-scope .bs-item svg{
    width: 13px;
    height: 13px;
  }
  .mgr2-scope .bs-item .bs-tip{
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    background: var(--ink);
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    padding: 4px 8px;
    border-radius: 5px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s;
    z-index: 10;
  }
  .mgr2-scope .bs-item .bs-tip::after{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 4px solid transparent;
    border-top-color: var(--ink);
  }
  .mgr2-scope .bs-item:hover .bs-tip{
    opacity: 1;
  }
  /* Тултип-список материалов (несколько строк) у значков-источников */
  .mgr2-scope .bs-item .bs-tip.multi{
    white-space: pre-line;
    text-align: left;
    min-width: 280px;
    max-width: 430px;
    line-height: 1.45;
    left: 0;
    transform: none;
  }
  .mgr2-scope .bs-item .bs-tip.multi::after{
    left: 14px;
    transform: none;
  }
  .mgr2-scope .bs-updated{
    font-size: 11px;
    color: var(--ink-3);
    flex-shrink: 0;
    margin-left: 4px;
  }
  .mgr2-scope .bs-refresh{
    border: 1px solid var(--brand-border, #DBE9C0);
    background: #fff;
    color: var(--brand, #6B9B2F);
    font-size: 12px;
    font-weight: 600;
    border-radius: 8px;
    padding: 4px 10px;
    cursor: pointer;
    flex-shrink: 0;
    margin-left: 8px;
  }
  .mgr2-scope .bs-refresh:hover{ background: var(--brand-soft, #EEF6E0); }
  .mgr2-scope .bs-refresh:disabled{ color: #8A9180; border-color: #EDEFE7; cursor: default; background: #fff; }
  /* Телефон + кнопки мессенджеров под ним (контакты и «Ещё телефоны») */
  .mgr2-scope .mlpr-right{ display:flex; flex-direction:column; align-items:flex-end; gap:3px; flex:none; }
  .mgr2-scope .mlpr-msgrs{ display:flex; gap:6px; }
  .mgr2-scope .mlpr-msgr{ width:20px; height:20px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; }
  .mgr2-scope .mlpr-msgr svg{ width:11px; height:11px; }
  .mgr2-scope .mlpr-msgr.tg{ background:#2AABEE; }
  .mgr2-scope .mlpr-msgr.wa{ background:#25D366; }
  .mgr2-scope .mlpr-msgr:hover{ filter:brightness(1.08); }
  .mgr2-scope .mcp-to-contact{ border:none; background:none; color:#C2C8B8; font-size:13px; cursor:pointer; padding:2px 0 2px 4px; flex:none; width:16px; opacity:0; transition:opacity .12s; }
  .mgr2-scope .meeting-lpr-row:hover .mcp-to-contact{ opacity:1; }
  .mgr2-scope .mcp-to-contact:hover{ color:var(--brand,#6B9B2F); }
  /* Колонка действий у номера: копировать сверху, ✕/✎ ниже; видна при наведении */
  .mgr2-scope .mlpr-actions { display:flex; flex-direction:column; align-items:center; gap:1px; width:18px; flex:none; opacity:0; transition:opacity .12s; align-self:center; margin-top:6px; }
  .mgr2-scope .meeting-lpr-row:hover .mlpr-actions { opacity:1; }
  .mgr2-scope .mlpr-actions .mlpr-del, .mgr2-scope .mlpr-actions .mcp-to-contact { opacity:1; width:auto; padding:1px 2px; }
  .mgr2-scope .mlpr-copy { border:none; background:none; color:#C2C8B8; cursor:pointer; padding:1px 2px; font-size:12px; line-height:1; }
  .mgr2-scope .mlpr-copy svg { width:12px; height:12px; display:block; }
  .mgr2-scope .mlpr-copy:hover { color:var(--brand,#6B9B2F); }
  .mgr2-scope .mlpr-copy.ok { color:var(--brand,#6B9B2F); }
  /* ===== ОПИСАНИЕ ВЫБРАННОГО ИНСТРУМЕНТА ===== */
  .mgr2-scope .tool-detail-card{
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 14px;
    overflow: hidden;
  }
  .mgr2-scope .tool-detail-card .briefing-head{
    cursor: pointer;
    user-select: none;
  }
  .mgr2-scope .tool-detail-card .briefing-title{
    flex-wrap: wrap;
  }
  .mgr2-scope .tool-detail-card.collapsed .briefing-body{
    display: none !important;
  }
  .mgr2-scope .tool-detail-card.collapsed .briefing-head{
    border-bottom: none;
  }
  .mgr2-scope .tool-detail-card.collapsed .block-collapse svg{
    transform: rotate(-90deg);
  }
  /* Обёртка содержательного правого блока — её можно целиком спрятать */
  .mgr2-scope .content-detail-wrap.hidden-block-content{
    display: none !important;
  }
  /* Оранжевая шапка для возражений */
  .mgr2-scope .tool-detail-card.objection-card .briefing-head{
    background: linear-gradient(90deg, #FDF4E6 0%, #fff 80%);
  }
  .mgr2-scope .tool-detail-card.objection-card .briefing-title svg{
    color: #B87420;
  }
  /* Синяя шапка для вопросов */
  .mgr2-scope .tool-detail-card.question-card .briefing-head{
    background: linear-gradient(90deg, #EDF4FB 0%, #fff 80%);
  }
  .mgr2-scope .tool-detail-card.question-card .briefing-title svg{
    color: #4A90D9;
  }
  .mgr2-scope .question-detail{
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  /* Структурированные секции в карточке вопроса */
  .mgr2-scope .q-section{
    margin-bottom: 14px;
  }
  .mgr2-scope .q-section:last-of-type{ margin-bottom: 0; }
  .mgr2-scope .q-section-label{
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #4A90D9;
    margin-bottom: 6px;
  }
  .mgr2-scope .q-section p{
    margin: 0;
    font-size: 13.5px;
    line-height: 1.6;
    color: var(--ink-2);
  }
  /* Список «что узнаём» */
  .mgr2-scope .q-outcomes{
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .mgr2-scope .q-outcomes li{
    position: relative;
    padding: 4px 0 4px 20px;
    font-size: 13px;
    color: var(--ink-2);
    line-height: 1.5;
  }
  .mgr2-scope .q-outcomes li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 6px;
    height: 6px;
    background: #4A90D9;
    border-radius: 50%;
  }
  /* Подсказка с продолжающим вопросом */
  .mgr2-scope .q-followup{
    background: #EDF4FB;
    border: 1px solid #C6DBEF;
    border-radius: 10px;
    padding: 12px 14px;
    margin: 14px 0;
    font-size: 13px;
    line-height: 1.55;
    color: var(--ink);
  }
  .mgr2-scope .q-followup .q-followup-label{
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #4A90D9;
    margin-bottom: 4px;
  }
  .mgr2-scope .q-followup em{
    font-style: normal;
    color: #2E6CA8;
    font-weight: 600;
  }
  .mgr2-scope .objection-detail{
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .mgr2-scope .td-subtitle{
    font-size: 11.5px;
    font-weight: 400;
    color: var(--ink-3);
    text-transform: lowercase;
    letter-spacing: 0;
    margin-left: 4px;
  }

  /* Метрики */
  .mgr2-scope .td-metrics{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin: 14px 0 16px;
  }
  .mgr2-scope .td-metric{
    background: var(--brand-soft);
    border: 1px solid var(--brand-border);
    border-radius: 10px;
    padding: 12px 10px;
    text-align: center;
  }
  .mgr2-scope .td-metric-value{
    font-size: 18px;
    font-weight: 700;
    color: var(--brand);
    line-height: 1.1;
    letter-spacing: -0.01em;
  }
  .mgr2-scope .td-metric-label{
    font-size: 11px;
    color: var(--ink-2);
    margin-top: 4px;
    line-height: 1.3;
  }

  /* Блок источников + фидбек внутри карточки инструмента */
  .mgr2-scope .td-footer{
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--line-2);
  }
  /* Чтобы у возражений не было двойной линии — td-footer прижимается к нижнему блоку */
  .mgr2-scope .objection-card .td-footer{
    margin-top: 14px;
  }
  .mgr2-scope .td-footer-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
  }
  .mgr2-scope .td-footer-sources{
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    min-width: 0;
  }
  .mgr2-scope .td-feedback-buttons{
    display: flex;
    gap: 6px;
    flex-shrink: 0;
    align-items: center;
  }

  /* Скрываемая часть контента */
  .mgr2-scope .td-expanded{
    display: none;
  }
  .mgr2-scope .td-expanded.open{
    display: block;
  }
  .mgr2-scope .td-expanded p{
    margin-bottom: 12px;
  }
  .mgr2-scope .td-expanded p:last-child{
    margin-bottom: 0;
  }

  /* Кнопка "Развернуть" */
  .mgr2-scope .td-expand-btn{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 34px;
    padding: 0 12px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid var(--brand-border);
    color: var(--brand);
    font-size: 12.5px;
    font-weight: 500;
    cursor: pointer;
    font-family: inherit;
    transition: all 0.15s;
    margin-right: 4px;
  }
  .mgr2-scope .td-expand-btn:hover{
    background: var(--brand-soft);
    border-color: var(--brand);
  }
  .mgr2-scope .td-expand-btn .ex-icon{
    width: 14px;
    height: 14px;
    transition: transform 0.2s;
  }
  .mgr2-scope .td-expand-btn.active .ex-icon{
    transform: rotate(180deg);
  }
  .mgr2-scope .td-fb-btn{
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid var(--line);
    color: #B8BCB0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
    padding: 0;
  }
  .mgr2-scope .td-fb-btn svg{ width: 18px; height: 18px; }
  .mgr2-scope .td-fb-btn.up:hover{
    border-color: var(--brand);
    color: var(--brand);
    background: var(--brand-soft);
  }
  .mgr2-scope .td-fb-btn.down:hover{
    border-color: #C75A4A;
    color: #C75A4A;
    background: #FBEEEA;
  }
  .mgr2-scope .td-fb-btn.up.active{
    background: var(--brand);
    border-color: var(--brand);
    color: #fff;
  }
  .mgr2-scope .td-fb-btn.down.active{
    background: #C75A4A;
    border-color: #C75A4A;
    color: #fff;
  }

  /* Поле обратной связи */
  .mgr2-scope .td-feedback-form{
    display: none;
    margin-top: 12px;
    padding: 12px;
    background: var(--brand-soft);
    border: 1px solid var(--brand-border);
    border-radius: 10px;
  }
  .mgr2-scope .td-feedback-form.open{ display: block; }
  .mgr2-scope .td-feedback-form .ff-label{
    font-size: 12px;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .mgr2-scope .td-feedback-form .ff-label svg{ width: 14px; height: 14px; }
  .mgr2-scope .td-feedback-form textarea{
    width: 100%;
    border: 1px solid var(--brand-border);
    background: #fff;
    border-radius: 8px;
    padding: 10px 12px;
    font-family: inherit;
    font-size: 13px;
    color: var(--ink);
    line-height: 1.5;
    resize: vertical;
    min-height: 70px;
    outline: none;
  }
  .mgr2-scope .td-feedback-form textarea:focus{
    border-color: var(--brand);
    box-shadow: 0 0 0 3px rgba(107, 155, 47, 0.12);
  }
  .mgr2-scope .td-feedback-form textarea::placeholder{ color: var(--ink-3); }
  .mgr2-scope .ff-buttons{
    display: flex;
    gap: 8px;
    margin-top: 10px;
    justify-content: flex-end;
  }
  .mgr2-scope .ff-btn{
    border-radius: 8px;
    padding: 7px 14px;
    font-size: 12.5px;
    font-weight: 500;
    cursor: pointer;
    font-family: inherit;
    border: 1px solid transparent;
  }
  .mgr2-scope .ff-btn.cancel{
    background: transparent;
    color: var(--ink-2);
    border-color: var(--line);
  }
  .mgr2-scope .ff-btn.cancel:hover{ background: #fff; border-color: var(--ink-3); }
  .mgr2-scope .ff-btn.save{
    background: var(--brand);
    color: #fff;
  }
  .mgr2-scope .ff-btn.save:hover{ background: #5a8527; }

  /* Сообщение об успешном сохранении */
  .mgr2-scope .ff-saved{
    display: none;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    padding: 8px 12px;
    background: var(--brand-soft);
    border: 1px solid var(--brand-border);
    border-radius: 8px;
    font-size: 12.5px;
    color: var(--brand);
    font-weight: 500;
  }
  .mgr2-scope .ff-saved.show{ display: inline-flex; }
  .mgr2-scope .ff-saved svg{ width: 14px; height: 14px; }

  /* ===== Стопка блоков слева ===== */
  .mgr2-scope .stack{
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 360px;
  }

  /* ===== Блок "После встречи" справа ===== */
  .mgr2-scope .after-meeting{
    background: var(--brand-soft);
    border: 1px solid var(--brand-border);
    border-radius: 14px;
    padding: 14px 16px;
    position: relative;
  }
  .mgr2-scope .after-meeting .am-title{
    font-size: 15px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 3px;
    padding-right: 36px;
    cursor: pointer;
    user-select: none;
  }
  .mgr2-scope .after-meeting .am-title .block-collapse{
    position: absolute;
    top: 12px;
    right: 12px;
  }
  .mgr2-scope .after-meeting .am-sub{
    font-size: 12px;
    color: var(--ink-2);
    line-height: 1.4;
    margin-bottom: 12px;
  }
  .mgr2-scope .am-actions{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 6px;
  }
  .mgr2-scope .am-action{
    background: #fff;
    border: 1px solid var(--brand-border);
    border-radius: 10px;
    padding: 8px 10px;
    cursor: pointer;
    text-align: left;
    transition: all 0.15s;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-family: inherit;
  }
  .mgr2-scope .am-action:hover{
    border-color: var(--brand);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(107, 155, 47, 0.08);
  }
  .mgr2-scope .am-action.active{
    border-color: var(--brand);
    border-width: 2px;
    padding: 7px 9px;
    background: var(--brand-soft);
  }
  .mgr2-scope .am-action .am-ico{
    width: 24px;
    height: 24px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .mgr2-scope .am-action .am-ico svg{ width: 13px; height: 13px; }
  .mgr2-scope .am-action .am-ico.ok{ background: var(--brand-soft); color: var(--brand); }
  .mgr2-scope .am-action .am-ico.warn{ background: #EDF4FB; color: #4A90D9; }
  .mgr2-scope .am-action .am-ico.mute{ background: var(--line-2); color: var(--ink-3); }
  .mgr2-scope .am-action .am-ico.bad{ background: #FBEEEA; color: #C75A4A; }
  /* Кнопка «Отправить оператору» — оранжевый акцент, отличается от
     «Состоялась» (зелёный) и «Отказ» (красный), сигналит «возврат». */
  .mgr2-scope .am-action .am-ico.to-op{ background: #FFE9D9; color: #C26A2D; }
  .mgr2-scope .am-action .am-name{
    font-size: 12.5px;
    font-weight: 700;
    color: var(--ink);
    line-height: 1.18;
  }
  .mgr2-scope .am-action .am-desc{
    font-size: 11px;
    color: var(--ink-3);
    line-height: 1.3;
  }
  /* На узких экранах (<860px) переходим на 2 колонки — иначе 5 кнопок
     становятся неразборчивыми по 60-80px каждая. */
  @media (max-width: 860px) {
    .mgr2-scope .am-actions { grid-template-columns: repeat(2, 1fr); }
  }

  /* ===== Подменю первого уровня ===== */
  .mgr2-scope .am-substep{
    margin-top: 14px;
    background: #fff;
    border: 1px solid var(--brand-border);
    border-radius: 10px;
    padding: 14px 16px;
    display: none;
  }
  .mgr2-scope .am-substep.open{ display: block; }
  .mgr2-scope .am-substep .ss-label{
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--brand);
    margin-bottom: 10px;
  }
  .mgr2-scope .ss-options{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
  }
  .mgr2-scope .ss-option{
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 10px 12px;
    cursor: pointer;
    text-align: left;
    transition: all 0.15s;
    font-family: inherit;
    display: flex;
    flex-direction: column;
    gap: 3px;
  }
  .mgr2-scope .ss-option:hover{
    border-color: var(--brand);
  }
  .mgr2-scope .ss-option.active{
    border-color: var(--brand);
    border-width: 2px;
    padding: 9px 11px;
    background: var(--brand-soft);
  }
  /* Варианты по цвету результата */
  .mgr2-scope .ss-option.active[data-result="trial"]{
    border-color: #2C5F1A;
    background: #E8F2D5;
  }
  .mgr2-scope .ss-option.active[data-result="reject_after"]{
    border-color: #C75A4A;
    background: #FBEEEA;
  }
  .mgr2-scope .ss-option .ss-name{
    font-size: 13px;
    font-weight: 700;
    color: var(--ink);
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .mgr2-scope .ss-option .ss-desc{
    font-size: 11.5px;
    color: var(--ink-3);
    line-height: 1.35;
  }

  /* ===== Форма второго уровня ===== */
  .mgr2-scope .am-form{
    margin-top: 14px;
    display: none;
    flex-direction: column;
    gap: 12px;
  }
  .mgr2-scope .am-form.open{ display: flex; }

  .mgr2-scope .form-date{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    border: 1px solid var(--brand-border);
    border-radius: 8px;
    padding: 8px 10px;
    width: fit-content;
  }
  .mgr2-scope .form-date label{
    font-size: 12px;
    color: var(--ink-2);
    font-weight: 500;
  }
  .mgr2-scope .form-date input{
    border: none;
    outline: none;
    font-family: inherit;
    font-size: 13px;
    color: var(--ink);
    background: transparent;
    padding: 0;
  }

  /* Dropdown причины (для Отказа) */
  .mgr2-scope .form-reason{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    border: 1px solid var(--brand-border);
    border-radius: 8px;
    padding: 8px 10px;
    width: fit-content;
    min-width: 280px;
  }
  .mgr2-scope .form-reason label{
    font-size: 12px;
    color: var(--ink-2);
    font-weight: 500;
    flex-shrink: 0;
  }
  .mgr2-scope .form-reason select{
    border: none;
    outline: none;
    background: transparent;
    font-family: inherit;
    font-size: 13px;
    color: var(--ink);
    padding: 0;
    flex: 1;
    cursor: pointer;
  }

  /* Блок «Интеграция» (исход встречи «нужна интеграция до запуска») */
  .mgr2-scope .form-integration{
    background: #fff;
    border: 1px solid var(--brand-border);
    border-radius: 8px;
    padding: 12px 14px;
    margin-top: 4px;
  }
  .mgr2-scope .form-integration .fi-title{
    display: block;
    font-size: 12px;
    color: var(--ink-2);
    font-weight: 600;
    margin-bottom: 10px;
  }
  .mgr2-scope .fi-systems{ display: flex; flex-direction: column; gap: 8px; }
  .mgr2-scope .fi-sys{
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
  }
  .mgr2-scope .fi-sys .fi-sys-name{ font-size: 13px; color: var(--ink); font-weight: 600; min-width: 76px; }
  .mgr2-scope .fi-sys input[type="checkbox"]{ width: 16px; height: 16px; cursor: pointer; flex-shrink: 0; }
  .mgr2-scope .fi-ver,
  .mgr2-scope .fi-custom-row input{
    flex: 1;
    border: 1px solid var(--brand-border);
    border-radius: 7px;
    padding: 7px 10px;
    font-family: inherit;
    font-size: 13px;
    color: var(--ink);
    background: #faf7f2;
    outline: none;
  }
  .mgr2-scope .fi-ver:focus,
  .mgr2-scope .fi-custom-row input:focus{ border-color: var(--brand); background: #fff; }
  .mgr2-scope .fi-custom-list{ display: flex; flex-direction: column; gap: 8px; margin-top: 8px; }
  .mgr2-scope .fi-custom-row{ display: flex; align-items: center; gap: 8px; }
  .mgr2-scope .fi-custom-row .fi-custom-name{ flex: 1.4; }
  .mgr2-scope .fi-custom-del{
    border: none; background: #f3ede3; color: #b26b00; border-radius: 7px;
    width: 30px; height: 30px; cursor: pointer; flex-shrink: 0; font-size: 13px;
  }
  .mgr2-scope .fi-add-btn{
    margin-top: 10px;
    border: 1px dashed var(--brand-border);
    background: transparent;
    color: var(--brand);
    border-radius: 8px;
    padding: 7px 12px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
  }
  .mgr2-scope .fi-add-btn:hover{ background: #f4f8ee; }

  /* Адаптация под разные сценарии в am-action */
  .mgr2-scope .am-action.scenario-postpone{
    border-color: #4A90D9;
    background: #EDF4FB;
  }
  .mgr2-scope .am-action.scenario-noshow{
    border-color: #8A9180;
    background: #F1F3EC;
  }
  .mgr2-scope .am-action.scenario-reject{
    border-color: #C75A4A;
    background: #FBEEEA;
  }

  /* Для сценариев Перенесена/Не пришёл блок upload — менее «горячий», без оранжевого */
  .mgr2-scope .form-upload.muted{
    background: var(--line-2);
    border-color: var(--line);
  }
  .mgr2-scope .form-upload.muted .up-ico{
    background: var(--ink-3);
  }
  .mgr2-scope .form-upload.muted .up-required{
    display: none;
  }
  .mgr2-scope .form-upload.muted .up-btn{
    background: #E89B3C;
  }

  /* Когда форма готова к сохранению — кнопка зелёная "Сохранить" */
  .mgr2-scope .btn-submit.ready-save{
    background: #E89B3C;
    color: #fff;
  }
  .mgr2-scope .btn-submit.ready-save:hover{ background: #D88A2A; }

  .mgr2-scope .form-textarea{
    width: 100%;
    background: #fff;
    border: 1px solid var(--brand-border);
    border-radius: 8px;
    padding: 12px 14px;
    font-family: inherit;
    font-size: 13.5px;
    color: var(--ink);
    line-height: 1.5;
    resize: vertical;
    min-height: 90px;
    outline: none;
  }
  .mgr2-scope .form-textarea:focus{
    border-color: var(--brand);
    box-shadow: 0 0 0 3px rgba(107, 155, 47, 0.12);
  }
  .mgr2-scope .form-textarea::placeholder{ color: var(--ink-3); }

  .mgr2-scope .form-upload{
    background: #FDF4E6;
    border: 1px solid #F0CC95;
    border-radius: 10px;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    gap: 12px;
  }
  /* «Подтянуть запись из Telfin» — галочка под блоком записи. */
  .mgr2-scope .up-telfin-row{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    padding: 8px 12px;
    background: #F4F7FF;
    border: 1px solid #D6E0F5;
    border-radius: 10px;
    font-size: 13px;
    color: var(--ink);
    cursor: pointer;
    flex-wrap: wrap;
  }
  .mgr2-scope .up-telfin-row .up-telfin-chk{ width: 16px; height: 16px; flex-shrink: 0; cursor: pointer; }
  .mgr2-scope .up-telfin-row .up-telfin-lbl{ font-weight: 600; }
  .mgr2-scope .up-telfin-status{ font-size: 12px; color: var(--muted, #8a7a6b); margin-left: 4px; }
  .mgr2-scope .up-telfin-status.ok{ color: #1b8a4d; }
  .mgr2-scope .up-telfin-status.err{ color: #c0392b; }
  .mgr2-scope .up-telfin-status.busy{ color: #c77700; }
  /* Подсветка блока записи при перетаскивании аудиофайла. */
  .mgr2-scope .form-upload.up-dragover{ outline: 2px dashed #e8772e; outline-offset: 3px; background: #fff7ef; }
  /* Список звонков-кандидатов под галочкой Telfin (выбор радио-кнопкой). */
  .mgr2-scope .up-telfin-list{
    display: flex; flex-direction: column; gap: 6px;
    margin-top: 6px; padding: 8px 12px 8px 32px;
    background: #F4F7FF; border: 1px solid #D6E0F5; border-radius: 10px;
  }
  .mgr2-scope .up-telfin-item{ display: flex; align-items: center; gap: 8px; font-size: 13px; cursor: pointer; }
  .mgr2-scope .up-telfin-item input{ width: 14px; height: 14px; flex-shrink: 0; cursor: pointer; }
  .mgr2-scope .form-upload .up-ico{
    width: 36px;
    height: 36px;
    background: #E89B3C;
    color: #fff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .mgr2-scope .form-upload .up-ico svg{ width: 18px; height: 18px; }
  .mgr2-scope .form-upload .up-info{ flex: 1; min-width: 0; }
  .mgr2-scope .form-upload .up-title{
    font-size: 13px;
    font-weight: 700;
    color: var(--ink);
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 2px;
  }
  .mgr2-scope .form-upload .up-required,
  .mgr2-scope .form-upload .up-optional{
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }
  .mgr2-scope .form-upload .up-required{ background: #E89B3C; }
  .mgr2-scope .form-upload .up-optional{ background: #9AA5A0; }
  .mgr2-scope .form-upload .up-sub{
    font-size: 11.5px;
    color: var(--ink-2);
    line-height: 1.4;
  }
  .mgr2-scope .form-upload .up-btn{
    background: #E89B3C;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
  }
  .mgr2-scope .form-upload .up-btn:hover{ background: #D88A2A; }

  .mgr2-scope .form-buttons{
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 4px;
  }
  .mgr2-scope .btn-cancel{
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 9px 18px;
    font-size: 13px;
    font-weight: 500;
    color: var(--ink);
    cursor: pointer;
    font-family: inherit;
  }
  .mgr2-scope .btn-cancel:hover{ border-color: var(--ink-3); }
  .mgr2-scope .btn-submit{
    background: var(--ink-3);
    border: none;
    border-radius: 8px;
    padding: 9px 18px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    font-family: inherit;
  }
  .mgr2-scope .btn-submit.ready{ background: var(--brand); }
  .mgr2-scope .btn-submit.ready:hover{ background: #5a8527; }

  /* ============ КАРТОЧКА ВСТРЕЧИ ============ */
  .mgr2-scope .meeting-card{
    background: linear-gradient(180deg, var(--brand-soft) 0%, #fff 100%);
    border: 1px solid var(--brand-border);
    border-radius: 14px;
    overflow: hidden;
  }
  .mgr2-scope .meeting-head{
    padding: 10px 14px 10px;
    border-bottom: 1px solid var(--brand-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    transition: background 0.12s;
  }
  .mgr2-scope .meeting-head:hover{
    filter: brightness(0.98);
  }
  .mgr2-scope .meeting-head .company-name{
    font-size: 14px;
    font-weight: 700;
    color: var(--ink);
    line-height: 1.3;
    flex: 1;
    border: 0;
    padding: 0;
    background: transparent;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }
  .mgr2-scope .meeting-head .company-name::after{
    content: 'Копировать';
    color: var(--ink-3);
    font-size: 11px;
    font-weight: 600;
    flex-shrink: 0;
  }
  .mgr2-scope .meeting-head .company-name:hover::after{
    color: var(--brand);
  }
  .mgr2-scope .meeting-head .company-name.copied::after{
    content: 'Скопировано';
    color: var(--brand);
  }
  /* Сворачивание meeting-card */
  .mgr2-scope .meeting-card.collapsed .meeting-body{
    display: none !important;
  }
  .mgr2-scope .meeting-card.collapsed .meeting-head{
    border-bottom: none;
  }
  .mgr2-scope .meeting-card.collapsed .block-collapse svg{
    transform: rotate(-90deg);
  }
  .mgr2-scope .meeting-body{ padding: 12px 14px 14px; }
  .mgr2-scope .meeting-body .when{
    font-size: 16px;
    font-weight: 700;
    color: var(--ink);
    margin-bottom: 2px;
  }
  .mgr2-scope .meeting-body .where{
    font-size: 12.5px;
    color: var(--ink-2);
    margin-bottom: 10px;
  }

  /* Яндекс Карта во вкладке широкого блока информации о компании. */
  .mgr2-scope .company-map-pane{
    padding: 0;
  }
  .mgr2-scope .company-map-empty{
    padding: 28px 22px;
    color: var(--ink-3);
    font-size: 13px;
  }
  .mgr2-scope .meeting-map-card{
    background: #fff;
    border: 0;
    overflow: hidden;
  }
  .mgr2-scope .meeting-map-head{
    min-height: 40px;
    padding: 9px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-size: 12px;
    font-weight: 700;
    color: var(--ink);
    border-bottom: 1px solid var(--brand-border);
  }
  .mgr2-scope .meeting-map-head a{
    color: var(--brand);
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
  }
  .mgr2-scope .meeting-map-head a:hover{ text-decoration: underline; }
  .mgr2-scope .meeting-map-head > span{
    display: flex;
    align-items: baseline;
    gap: 7px;
    min-width: 0;
  }
  .mgr2-scope .meeting-map-nearby{
    color: var(--ink-3);
    font-size: 10.5px;
    font-weight: 500;
    white-space: nowrap;
  }
  .mgr2-scope .meeting-map-frame{
    display: block;
    width: 100%;
    height: min(58vh, 620px);
    min-height: 440px;
    border: 0;
    background: #f3efe8;
    position: relative;
  }
  .mgr2-scope .meeting-map-loading{
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: var(--ink-3);
    font-size: 12px;
  }
  .mgr2-scope .meeting-map-fallback{
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
  }
  .mgr2-scope .map-company-link{
    color: var(--brand);
    font-weight: 700;
  }
  .mgr2-scope .map-readonly-banner{
    margin: -4px 0 12px;
    padding: 10px 14px;
    border: 1px solid #e8d9b8;
    border-radius: 12px;
    background: #fff8e8;
    color: #725b28;
    font-size: 12px;
    font-weight: 650;
  }
  .mgr2-scope.map-readonly button:disabled,
  .mgr2-scope.map-readonly input:disabled,
  .mgr2-scope.map-readonly textarea:disabled,
  .mgr2-scope.map-readonly select:disabled{
    cursor: not-allowed;
  }

  /* Уточнение ко встрече */
  .mgr2-scope .meeting-note{
    background: #fff;
    border: 1px solid var(--brand-border);
    border-radius: 8px;
    padding: 6px 9px;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
    gap: 7px;
    transition: all 0.12s;
  }
  .mgr2-scope .meeting-note:focus-within{
    border-color: var(--brand);
    box-shadow: 0 0 0 3px rgba(107, 155, 47, 0.12);
  }
  .mgr2-scope .meeting-note .note-icon{
    color: var(--brand);
    flex-shrink: 0;
    margin-top: 1px;
  }
  .mgr2-scope .meeting-note .note-content{ flex: 1; min-width: 0; }
  .mgr2-scope .meeting-note .note-label{
    font-size: 10.5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ink-3);
    margin-bottom: 2px;
    display: block;
  }
  .mgr2-scope .meeting-note .note-input{
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-family: inherit;
    font-size: 13px;
    color: var(--ink);
    padding: 0;
    line-height: 1.4;
    resize: none;
    min-height: 18px;
  }
  .mgr2-scope .meeting-note .note-input::placeholder{
    color: var(--ink-3);
    font-style: italic;
  }

  /* Ряд иконок действий */
  .mgr2-scope .contacts-icons{
    display: flex;
    gap: 6px;
    justify-content: flex-start;
  }
  .mgr2-scope .contact-icon{
    width: 38px;
    height: 38px;
    background: #fff;
    border: 1px solid var(--brand-border);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s;
    position: relative;
    color: var(--brand);
    text-decoration: none;
    flex-shrink: 0;
  }
  .mgr2-scope .contact-icon:hover{
    background: var(--brand);
    border-color: var(--brand);
    color: #fff;
    transform: translateY(-1px);
  }
  .mgr2-scope .contact-icon.disabled{
    opacity: 0.35;
    cursor: not-allowed;
    background: transparent;
    border-style: dashed;
  }
  .mgr2-scope .contact-icon.disabled:hover{
    background: transparent;
    border-color: var(--brand-border);
    color: var(--brand);
    transform: none;
  }
  .mgr2-scope .contact-icon svg{ width: 16px; height: 16px; }
  .mgr2-scope .contact-icon .tt{
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    background: var(--ink);
    color: #fff;
    font-size: 11px;
    padding: 4px 8px;
    border-radius: 5px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s;
    z-index: 10;
  }
  .mgr2-scope .contact-icon:hover .tt{ opacity: 1; }

  /* ============ УНИВЕРСАЛЬНАЯ КАРТОЧКА (КОНТАКТЫ, ИСТОРИЯ, КОМПАНИЯ) ============ */
  .mgr2-scope .info-card{
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 14px;
    overflow: hidden;
  }
  .mgr2-scope .info-head{
    padding: 14px 18px;
    border-bottom: 1px solid var(--line);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    cursor: pointer;
    user-select: none;
    transition: background 0.12s;
  }
  .mgr2-scope .info-head:hover{
    background: var(--brand-soft);
  }
  .mgr2-scope .info-head .info-title{
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--ink-3);
    flex: 1;
  }
  .mgr2-scope .info-head .info-count{
    font-size: 13px;
    color: var(--ink-3);
  }
  .mgr2-scope .info-head .add-btn{
    background: transparent;
    border: none;
    color: var(--brand);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 6px;
  }
  .mgr2-scope .info-head .add-btn:hover{ background: var(--brand-soft); }

  /* Кнопка-шеврон для сворачивания */
  .mgr2-scope .info-collapse{
    width: 26px;
    height: 26px;
    border-radius: 6px;
    background: transparent;
    border: none;
    color: var(--ink-3);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
    padding: 0;
    flex-shrink: 0;
  }
  .mgr2-scope .info-collapse svg{
    width: 16px;
    height: 16px;
    transition: transform 0.2s;
  }
  .mgr2-scope .info-collapse:hover{
    background: #fff;
    color: var(--brand);
  }
  .mgr2-scope .info-card.collapsed .info-collapse svg{
    transform: rotate(-90deg);
  }
  .mgr2-scope .info-card.collapsed .info-head{
    border-bottom: none;
  }
  .mgr2-scope .info-card.collapsed > *:not(.info-head){
    display: none !important;
  }

  /* Сворачивание правых блоков (after-meeting, briefing-card) */
  .mgr2-scope .block-collapse{
    width: 28px;
    height: 28px;
    border-radius: 6px;
    background: transparent;
    border: none;
    color: var(--ink-3);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
    padding: 0;
    flex-shrink: 0;
  }
  .mgr2-scope .block-collapse svg{
    width: 16px;
    height: 16px;
    transition: transform 0.2s;
  }
  .mgr2-scope .block-collapse:hover{
    background: rgba(255, 255, 255, 0.7);
    color: var(--brand);
  }
  .mgr2-scope .after-meeting.collapsed .block-collapse svg, .mgr2-scope .briefing-card.collapsed .block-collapse svg{
    transform: rotate(-90deg);
  }
  /* Сворачивание after-meeting */
  .mgr2-scope .after-meeting.collapsed .am-actions, .mgr2-scope .after-meeting.collapsed .am-substep, .mgr2-scope .after-meeting.collapsed .am-form, .mgr2-scope .after-meeting.collapsed .am-sub{
    display: none !important;
  }
  /* Сворачивание briefing-card */
  .mgr2-scope .briefing-card.collapsed .briefing-body,
  .mgr2-scope .briefing-card.collapsed .briefing-tabs,
  .mgr2-scope .briefing-card.collapsed .presentation-body,
  .mgr2-scope .briefing-card.collapsed .retcalc-body,
  .mgr2-scope .briefing-card.collapsed .agreements-body,
  .mgr2-scope .briefing-card.collapsed .company-map-pane{
    display: none !important;
  }
  @media (max-width:900px){
    .mgr2-scope .pres-profile{ grid-template-columns:1fr 1fr; }
    .mgr2-scope .retcalc-inputs{ grid-template-columns:1fr 1fr; }
    .mgr2-scope .briefing-tabs{ overflow-x:auto; }
  }
  @media (max-width:560px){
    .mgr2-scope .presentation-body,.mgr2-scope .retcalc-body{ padding:12px; }
    .mgr2-scope .retcalc-inputs{ grid-template-columns:1fr; }
    .mgr2-scope .pres-toolbar{ align-items:flex-start; flex-direction:column; }
    .mgr2-scope .pres-profile{ grid-template-columns:1fr; }
  }
  .mgr2-scope .briefing-card.collapsed .briefing-head{
    border-bottom: none;
  }

  /* ===== КОНТАКТЫ ===== */
  .mgr2-scope .contact-row{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 18px;
    border-bottom: 1px solid var(--line-2);
  }
  .mgr2-scope .contact-row:last-child{ border-bottom: none; }
  .mgr2-scope .cr-ico{
    width: 32px; height: 32px;
    background: var(--line-2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--ink-3);
  }
  .mgr2-scope .cr-ico svg{ width: 16px; height: 16px; }
  .mgr2-scope .cr-content{ flex: 1; min-width: 0; }
  .mgr2-scope .cr-label{
    font-size: 10.5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ink-3);
    line-height: 1.2;
  }
  .mgr2-scope .cr-value{
    font-size: 13.5px;
    color: var(--ink);
    font-weight: 500;
    margin-top: 1px;
  }
  .mgr2-scope .cr-value.muted{
    color: var(--ink-3);
    font-weight: 400;
    font-style: italic;
  }

  /* ===== ИСТОРИЯ (компактная) ===== */
  .mgr2-scope .hist-item{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 18px;
    border-bottom: 1px solid var(--line-2);
  }
  .mgr2-scope .hist-item:last-child{ border-bottom: none; }
  /* Раскрываемые строки — кликабельные */
  .mgr2-scope .hist-item.expandable{
    cursor: pointer;
    transition: background 0.12s;
  }
  .mgr2-scope .hist-item.expandable:hover{
    background: var(--brand-soft);
  }
  .mgr2-scope .hist-item.expandable .hist-content{
    padding-right: 22px;
    position: relative;
  }
  .mgr2-scope .hist-item.expandable .hist-content::after{
    content: "";
    position: absolute;
    right: 4px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 1.5px solid var(--ink-3);
    border-bottom: 1.5px solid var(--ink-3);
    transform: translateY(-70%) rotate(45deg);
    transition: transform 0.2s;
  }
  .mgr2-scope .hist-item.expandable.open .hist-content::after{
    transform: translateY(-30%) rotate(-135deg);
  }

  /* Тело раскрытия — действия по записи.
     Раньше слева был отступ 60px (под колонку иконки события), из-за чего
     карточка комментария и плеера оказывалась посредине, а слева оставалось
     пустое место. Прижимаем впритык к обоим краям карточки — комментарий и
     плеер получают всю ширину колонки. */
  .mgr2-scope .hist-script{
    display: none;
    padding: 0 12px 14px 12px;
    background: #FBFCF8;
    border-bottom: 1px solid var(--line-2);
  }
  .mgr2-scope .hist-script.open{
    display: block;
  }
  /* Плеер записи (аудио менеджера после встречи или звонок Телфина) */
  .mgr2-scope .hist-script .hist-media{
    margin-top: 8px;
    padding: 10px 12px;
    background: #fff;
    border: 1px solid var(--line-2);
    border-radius: 10px;
  }
  .mgr2-scope .hist-script .hist-media-player{
    display: block;
    width: 100%;
    height: 36px;
  }
  .mgr2-scope .hist-script .hist-media-download{
    display: inline-block;
    margin-top: 6px;
    font-size: 12px;
    color: var(--brand);
    text-decoration: none;
  }
  .mgr2-scope .hist-script .hist-media-download:hover{
    text-decoration: underline;
  }
  .mgr2-scope .hist-script .script-actions{
    display: flex;
    gap: 6px;
    padding-top: 4px;
  }
  .mgr2-scope .hist-script .script-btn{
    background: #fff;
    border: 1px solid var(--brand-border);
    border-radius: 8px;
    width: 32px;
    height: 32px;
    padding: 0;
    color: var(--brand);
    cursor: pointer;
    font-family: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.12s;
    position: relative;
    flex-shrink: 0;
  }
  .mgr2-scope .hist-script .script-btn:hover{
    background: var(--brand);
    color: #fff;
    border-color: var(--brand);
  }
  .mgr2-scope .hist-script .script-btn svg{
    width: 16px;
    height: 16px;
  }
  /* Вариант кнопки — Telegram */
  .mgr2-scope .hist-script .script-btn.tg{
    border-color: #C6DBEF;
    color: #2E6CA8;
  }
  .mgr2-scope .hist-script .script-btn.tg:hover{
    background: #2E6CA8;
    color: #fff;
    border-color: #2E6CA8;
  }
  /* Тултип */
  .mgr2-scope .hist-script .script-btn .tip{
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    background: var(--ink);
    color: #fff;
    font-size: 11px;
    padding: 4px 8px;
    border-radius: 5px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s;
    z-index: 10;
    font-weight: 500;
  }
  .mgr2-scope .hist-script .script-btn .tip::after{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 4px solid transparent;
    border-top-color: var(--ink);
  }
  .mgr2-scope .hist-script .script-btn:hover .tip{ opacity: 1; }

  /* Расширенный контент встречи */
  .mgr2-scope .hist-meeting-content{
    background: #fff;
    border: 1px solid var(--brand-border);
    border-radius: 10px;
    padding: 14px 16px;
    margin-bottom: 10px;
  }
  .mgr2-scope .hist-meeting-content.reject{
    border-color: #E5BBB3;
    background: #FEF8F6;
  }

  /* Бейдж в заголовке события */
  .mgr2-scope .hist-title{
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
  }
  .mgr2-scope .hist-badge{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 2px 7px;
    border-radius: 5px;
    background: var(--brand);
    color: #fff;
    line-height: 1.3;
  }

  /* Плашка повторной встречи */
  .mgr2-scope .hmc-followup{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    background: #FDF4E6;
    border: 1px solid #F0CC95;
    border-radius: 8px;
    margin-bottom: 12px;
    color: #B87420;
  }
  .mgr2-scope .hmc-followup svg{
    width: 18px;
    height: 18px;
    flex-shrink: 0;
  }
  .mgr2-scope .hmc-followup-text{
    flex: 1;
    min-width: 0;
  }
  .mgr2-scope .hmc-followup-label{
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #B87420;
    opacity: 0.75;
    line-height: 1.2;
  }
  .mgr2-scope .hmc-followup-when{
    font-size: 14px;
    font-weight: 700;
    color: #8A5618;
    line-height: 1.3;
    margin-top: 1px;
  }

  /* Блок краткого пересказа / причины отказа */
  .mgr2-scope .hmc-comment{
    font-size: 13px;
    color: var(--ink-2);
    line-height: 1.6;
  }
  .mgr2-scope .hmc-comment-label{
    font-size: 10.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--ink-3);
    margin-bottom: 6px;
  }
  .mgr2-scope .hmc-comment-label.reject-label{
    color: #C75A4A;
  }
  .mgr2-scope .hmc-comment p{
    margin: 0;
  }
  .mgr2-scope .hmc-comment p + p{
    margin-top: 8px;
  }
  .mgr2-scope .hist-ico{
    width: 30px; height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .mgr2-scope .hist-ico svg{ width: 14px; height: 14px; }
  .mgr2-scope .hist-ico.bad{ background: #FBEEEA; color: #C75A4A; }
  .mgr2-scope .hist-ico.warn{ background: #FDF4E6; color: #E89B3C; }
  .mgr2-scope .hist-ico.ok{ background: var(--brand-soft); color: var(--brand); }
  .mgr2-scope .hist-ico.call{ background: var(--line-2); color: var(--ink-2); }
  .mgr2-scope .hist-ico.meeting{ background: var(--brand-soft); color: var(--brand); border: 1px solid var(--brand-border); }
  /* Иконки исходов встречи — в той же палитре, что и кнопки формы. */
  .mgr2-scope .hist-ico.thinking{ background: #FDF4E6; color: #E89B3C; }
  .mgr2-scope .hist-ico.trial{    background: var(--brand-soft); color: var(--brand); }
  .mgr2-scope .hist-ico.postpone{ background: #FDF4E6; color: #E89B3C; }
  .mgr2-scope .hist-ico.noshow{   background: #F2F2F2; color: #888; }
  .mgr2-scope .hist-content{ flex: 1; min-width: 0; }
  .mgr2-scope .hist-title{
    font-size: 13.5px;
    font-weight: 600;
    color: var(--ink);
    line-height: 1.3;
  }
  .mgr2-scope .hist-sub{
    font-size: 11.5px;
    color: var(--ink-3);
    margin-top: 1px;
  }
  .mgr2-scope .hist-date{
    font-size: 11.5px;
    color: var(--ink-3);
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
    text-align: right;
  }

  /* ===== ИНСТРУМЕНТЫ ДЛЯ БИЗНЕСА ===== */
  .mgr2-scope .tool-item{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 18px;
    border-bottom: 1px solid var(--line-2);
    cursor: pointer;
    transition: background 0.12s;
  }
  .mgr2-scope .tool-item:last-child{ border-bottom: none; }
  .mgr2-scope .tool-item:hover{
    background: var(--brand-soft);
  }
  .mgr2-scope .tool-item.active{
    background: var(--brand-soft);
  }
  .mgr2-scope .tool-item.active .tool-name{
    color: var(--brand);
  }
  .mgr2-scope .tool-ico{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--brand-soft);
    color: var(--brand);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.15s;
  }
  /* Иконка возражения — оранжевый оттенок чтобы отличался от инструментов */
  .mgr2-scope .tool-ico.obj-ico{
    background: #FDF4E6;
    color: #B87420;
  }
  .mgr2-scope .tool-item.objection.active .tool-ico{
    background: #B87420;
    color: #fff;
  }
  .mgr2-scope .tool-item.objection.active{
    background: #FDF4E6;
  }
  .mgr2-scope .tool-item.objection.active .tool-name{
    color: #B87420;
  }
  .mgr2-scope .tool-item.objection.active .tool-arrow{
    color: #B87420;
  }
  .mgr2-scope .tool-item.objection:hover{
    background: #FDF4E6;
  }
  .mgr2-scope .tool-item.objection:hover .tool-arrow{
    color: #B87420;
    transform: translateX(2px);
  }

  /* Иконка вопроса — синий оттенок */
  .mgr2-scope .tool-ico.q-ico{
    background: #EDF4FB;
    color: #4A90D9;
  }
  .mgr2-scope .tool-item.question.active .tool-ico{
    background: #4A90D9;
    color: #fff;
  }
  .mgr2-scope .tool-item.question.active{
    background: #EDF4FB;
  }
  .mgr2-scope .tool-item.question.active .tool-name{
    color: #4A90D9;
  }
  .mgr2-scope .tool-item.question.active .tool-arrow{
    color: #4A90D9;
  }
  .mgr2-scope .tool-item.question:hover{
    background: #EDF4FB;
  }
  .mgr2-scope .tool-item.question:hover .tool-arrow{
    color: #4A90D9;
    transform: translateX(2px);
  }
  .mgr2-scope .tool-ico svg{ width: 15px; height: 15px; }
  .mgr2-scope .tool-item.active .tool-ico{
    background: var(--brand);
    color: #fff;
  }
  .mgr2-scope .tool-content{ flex: 1; min-width: 0; }
  .mgr2-scope .tool-name{
    font-size: 14px;
    font-weight: 700;
    color: var(--ink);
    line-height: 1.3;
  }
  .mgr2-scope .tool-sub{
    font-size: 11.5px;
    color: var(--ink-3);
    margin-top: 1px;
  }
  .mgr2-scope .tool-arrow{
    width: 18px;
    height: 18px;
    color: var(--ink-3);
    flex-shrink: 0;
    transition: transform 0.15s, color 0.15s;
  }
  .mgr2-scope .tool-arrow svg{ width: 100%; height: 100%; }
  .mgr2-scope .tool-item:hover .tool-arrow{
    color: var(--brand);
    transform: translateX(2px);
  }
  .mgr2-scope .tool-item.active .tool-arrow{
    color: var(--brand);
  }
  .mgr2-scope .company-rows{ padding: 4px 0; }
  .mgr2-scope .company-row{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    padding: 10px 18px;
    border-bottom: 1px solid var(--line-2);
  }
  .mgr2-scope .company-row:last-child{ border-bottom: none; }
  .mgr2-scope .company-row .cmp-label{
    font-size: 12px;
    color: var(--ink-3);
    flex-shrink: 0;
  }
  .mgr2-scope .company-row .cmp-value{
    font-size: 13.5px;
    color: var(--ink);
    font-weight: 500;
    text-align: right;
  }
  .mgr2-scope .company-row .cmp-value.muted{
    color: var(--ink-3);
    font-weight: 400;
    font-style: italic;
  }

/* ─── Кастомный календарь (.mm-dp-*) для блока «После встречи» ─── */
.mgr2-scope .mm-dp-input {
  cursor: pointer;
  background: #FFFFFF;
}
.mm-dp-pop {
  position: absolute;
  z-index: 9999;
  background: #FFFFFF;
  border: 1px solid #D9DCE0;
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
  padding: 12px;
  font-family: inherit;
  font-size: 13px;
  user-select: none;
  min-width: 280px;
}
.mm-dp-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.mm-dp-title {
  font-weight: 600;
  color: #2F3A2A;
}
.mm-dp-nav {
  width: 28px;
  height: 28px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: #6B8E23;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
.mm-dp-nav:hover {
  background: #F0F4E6;
  border-color: #6B8E23;
}
.mm-dp-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
}
.mm-dp-week {
  text-align: center;
  font-size: 11px;
  color: #888;
  padding: 4px 0;
  text-transform: uppercase;
}
.mm-dp-cell {
  height: 32px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: #2F3A2A;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}
.mm-dp-cell:hover {
  background: #F0F4E6;
}
.mm-dp-empty {
  visibility: hidden;
  cursor: default;
}
.mm-dp-cell.mm-dp-past {
  color: #B0B0B0;
}
.mm-dp-cell.mm-dp-today {
  border-color: #E9762A;
  font-weight: 600;
}
.mm-dp-cell.mm-dp-selected {
  background: #6B8E23;
  color: #FFFFFF;
  font-weight: 600;
}
.mm-dp-cell.mm-dp-selected:hover {
  background: #557018;
}
.mm-dp-time {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #E8E8E8;
}
.mm-dp-time select {
  padding: 4px 6px;
  border: 1px solid #D9DCE0;
  border-radius: 6px;
  font: inherit;
  font-size: 13px;
  background: #FFFFFF;
  cursor: pointer;
}
.mm-dp-foot {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 10px;
}
.mm-dp-btn-cancel,
.mm-dp-btn-apply {
  padding: 6px 14px;
  border-radius: 6px;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
  border: 1px solid #D9DCE0;
  background: #FFFFFF;
  color: #2F3A2A;
}
.mm-dp-btn-cancel:hover {
  background: #F5F5F5;
}
.mm-dp-btn-apply {
  border-color: #6B8E23;
  background: #6B8E23;
  color: #FFFFFF;
  font-weight: 600;
}
.mm-dp-btn-apply:hover {
  background: #557018;
}

/* ---- Фото к исходу встречи (менеджер): кнопка, подсказка, миниатюры (м318) ---- */
.up-photo-row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 8px; }
.up-photo-btn { padding: 7px 12px; border: 1px solid #ECE7DE; border-radius: 9px; background: #fff;
                font: inherit; font-size: 12.5px; font-weight: 700; color: #4A5040; cursor: pointer; }
.up-photo-btn:hover { border-color: #E8823D; color: #E8823D; }
.up-photo-hint { font-size: 12px; color: #8A9180; }
.up-photo-previews { display: flex; gap: 6px; flex-wrap: wrap; }
.up-photo-previews .img-prev { position: relative; display: inline-block; }
.up-photo-previews .img-prev img { width: 56px; height: 56px; object-fit: cover; border-radius: 8px;
                                   border: 1px solid #ECE7DE; background: #FBFAF7; display: block; }
.up-photo-previews .img-prev-x { position: absolute; top: -6px; right: -6px; width: 20px; height: 20px; padding: 0;
                                 border: 1px solid #ddd2c0; border-radius: 50%; background: #fff; color: #B0413E;
                                 font-size: 11px; line-height: 1; cursor: pointer; }

/* === Презентация 09.09.2026: варианты захода, вопросы под боль, окупаемость, второй разговор === */
.mgr2-scope .pres-variants{ display:grid; gap:10px; }
.mgr2-scope .pres-variant{ border:1px solid var(--line-2); border-radius:10px; padding:10px 12px; background:#fbfaf8; }
.mgr2-scope .pres-variant-n{ display:block; font-size:11.5px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:var(--accent,#E8823D); margin-bottom:6px; }
.mgr2-scope .pres-pain-list{ margin:0; padding-left:20px; }
.mgr2-scope .pres-pain-list li{ margin:0 0 9px; font-size:13px; line-height:1.5; color:var(--ink-2); }
.mgr2-scope .pres-pain-list li b{ color:var(--ink); font-weight:600; }
.mgr2-scope .pres-why{ margin-left:6px; color:#6b6b6b; font-style:italic; }
.mgr2-scope .pres-pain-list small{ display:block; margin-top:2px; font-size:12px; color:#6B7A8A; }
.mgr2-scope .pres-base{ margin-top:10px; }
.mgr2-scope .pres-base summary{ cursor:pointer; font-size:13px; color:var(--accent,#E8823D); font-weight:600; }
.mgr2-scope .pres-base p{ margin-top:8px; }
.mgr2-scope .pres-payback p{ font-size:13.5px; }
.mgr2-scope .pres-next-talk{ border-color:#1a7f37; background:#eef7ef; }
.mgr2-scope .pres-next-talk h3{ color:#1a7f37; }
.mgr2-scope .pres-next-talk ul{ margin:0 0 8px; padding-left:20px; font-size:13px; line-height:1.5; }