:root{
    --brand: #6B9B2F;
    --brand-soft: #F4FAEC;
    --brand-border: #DBE9C0;
    --ink: #1A1F14;
    --ink-2: #4A5240;
    --ink-3: #8A9180;
    --line: #E8EBE3;
    --line-2: #F1F3EC;
    --bg: #FFFFFF;
  }

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

  .mgr2-scope{
    background: #fff;
    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-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 .deal-step{ border:1px solid var(--line-2,#EDEFE7); border-radius:10px; padding:0; margin-bottom:8px; background:#fff; }
  .mgr2-scope .deal-step summary{ cursor:pointer; list-style:none; padding:10px 14px; font-size:13px; font-weight:700; color:#1A1F14; display:flex; align-items:center; gap:8px; }
  .mgr2-scope .deal-step summary::-webkit-details-marker{ display:none; }
  .mgr2-scope .deal-step[open]{ padding-bottom:12px; }
  .mgr2-scope .deal-step > *:not(summary){ margin:0 14px 8px; }
  .mgr2-scope .deal-step .step-mark{ width:20px; height:20px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:11px; flex:none; background:#F1F3EC; color:#8A9180; }
  .mgr2-scope .deal-step.done .step-mark{ background:#EEF6E0; color:var(--brand,#6B9B2F); }
  .mgr2-scope .deal-step.current{ border-color:var(--brand,#6B9B2F); }
  .mgr2-scope .deal-step.current .step-mark{ background:var(--brand,#6B9B2F); color:#fff; }
  .mgr2-scope .deal-step.upcoming summary{ color:#8A9180; }
  .mgr2-scope .step-call{ border-left:2px solid #EDEFE7; padding:2px 0 2px 10px; margin-bottom:8px; font-size:13px; }
  .mgr2-scope .step-call-meta{ font-size:11.5px; color:#8A9180; margin-bottom:2px; }
  .mgr2-scope .step-verdict{ margin:8px 0 0; }
  .mgr2-scope .step-next{ margin:6px 0 0; color:#2F5D0E; }
  .mgr2-scope .step-upcoming{ margin:0; color:#8A9180; font-style:italic; font-size:12.5px; }

  /* ===== ОПИСАНИЕ ВЫБРАННОГО ИНСТРУМЕНТА ===== */
  .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;
    cursor: pointer;
    user-select: none;
    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;
  }
  /* Сворачивание 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 .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{
    display: none !important;
  }
  .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;
}