/* ИИ помощник → «Договоры и КП»: экран владельца, панель «Связь с amoCRM»
   и окно «Проекты менеджеров» (Figma «LidFly — Проекты», стр. 09, A и B).
   Одна шкала текста: 20 раздел, 17 строка, 15 текст и пояснения, 13 мета.
   Общие части с рабочим местом менеджера (меню «⋯», полоса прогресса,
   таблицы) — в app-ermiy-documents.css. */
.contracts-owner{container:contracts-owner/inline-size;display:grid;gap:20px;font-family:var(--font-sans);font-size:var(--text-lg);line-height:1.5;color:var(--color-text)}
.contracts-owner h3,.contracts-owner h4,.contracts-owner p{margin:0}
.contracts-owner svg{flex:none}
.contracts-owner .btn svg{width:16px;height:16px}
.contracts-owner__intro{display:flex;align-items:center;gap:24px}
.contracts-owner__intro>div{flex:1;min-width:0;display:grid;gap:6px}
.contracts-owner__intro h3{font-size:var(--text-3xl);font-weight:700;line-height:1.4}
.contracts-owner__intro p{color:var(--color-text-secondary)}
.contracts-owner__status{font-size:var(--text-base);color:var(--color-text-muted)}
.contracts-owner__status:empty{display:none}
.contracts-owner__error{margin-top:8px;font-size:var(--text-base);color:var(--status-danger-fg)}
.contracts-owner__columns{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.contracts-owner__sections{display:grid;gap:16px;min-width:0}
.contracts-owner__aside{position:sticky;top:16px;min-width:0}

.contracts-owner-card{display:grid;gap:12px;min-width:0;padding:24px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:0 2px 12px rgba(0,0,0,.04);scroll-margin-top:16px}
.contracts-owner-card--crm{border-color:rgba(0,200,83,.35)}
.contracts-owner-card__head{display:flex;align-items:center;gap:12px;min-width:0}
.contracts-owner-card__head h3{flex:1;min-width:0;font-size:var(--text-3xl);font-weight:700;line-height:1.4}
.contracts-owner-card__num{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:var(--radius-pill);background:var(--color-matcha-light);color:var(--color-forest);font-size:var(--text-base);font-weight:700}
.contracts-owner-card__lead{color:var(--color-text-muted)}
.contracts-owner-card__lead--text{color:var(--color-text-secondary)}
.contracts-owner-empty{padding:12px 0 0;border-top:1px solid var(--color-border);color:var(--color-text-muted)}

.contracts-owner-list{list-style:none;margin:0;padding:0}
.contracts-owner-list>li{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:14px 0;border-top:1px solid var(--color-border)}
.contracts-owner-row__text{flex:1 1 260px;min-width:0;display:grid;gap:2px}
.contracts-owner-row__text strong{font-size:17px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.contracts-owner-row__text small{font-size:var(--text-base);color:var(--color-text-muted);overflow-wrap:anywhere}
.contracts-owner-row__actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.contracts-owner-list>li.is-editing>form{flex-basis:100%}
.contracts-analyzing::before{content:"";display:inline-block;width:6px;height:6px;border-radius:var(--radius-pill);background:var(--status-neutral-dot);animation:contracts-pulse 1.2s ease-in-out infinite}
@keyframes contracts-pulse{50%{opacity:.3}}
@media (prefers-reduced-motion:reduce){.contracts-analyzing::before{animation:none}}

.contracts-requisites{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg)}
.contracts-requisites label,.contracts-owner-number-form label{display:grid;gap:6px;font-size:var(--text-base);font-weight:600;color:var(--color-text)}
.contracts-requisites input,.contracts-owner-number-form input{box-sizing:border-box;width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-element);background:var(--color-bg-card);color:var(--color-text);font:inherit;font-weight:400}
.contracts-owner-form__actions{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.contracts-owner-number{display:flex;align-items:center;gap:16px}
.contracts-owner-number strong{flex:none;font-size:24px;font-weight:700;line-height:1.3;color:var(--color-forest)}
.contracts-owner-number p{color:var(--color-text-muted)}
.contracts-owner-number-form{display:grid;gap:10px;max-width:420px}

.contracts-review{display:grid;gap:12px;margin-top:4px;padding:16px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg)}
.contracts-review h4{font-size:17px;font-weight:600}
.contracts-review__meta{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}
.contracts-review__meta label{display:grid;gap:6px;font-size:var(--text-base);font-weight:600}
.contracts-review .contracts-table td:first-child{min-width:170px}
.contracts-review .contracts-table td:nth-child(5){min-width:220px}
.contracts-review .contracts-table textarea{min-height:72px;resize:vertical}
/* «Подходит к»: samples that go together with this one in one chat. */
.contracts-review__links{display:grid;gap:6px;margin:0;padding:0;border:0}
.contracts-review__links legend{margin-bottom:4px;font-size:var(--text-base);font-weight:600}
.contracts-review__link{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:var(--text-base)}
.contracts-review__link input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--btn-filled-bg-top)}
.contracts-review__link span:first-of-type{flex:1;min-width:0;overflow-wrap:anywhere}

/* amoCRM: карточка раздела */
.contracts-owner-crm__steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.contracts-owner-crm__steps li{display:flex;align-items:center;gap:12px}
.contracts-owner-crm__icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:var(--radius-pill);background:var(--color-matcha-lighter);color:var(--btn-plain-fg)}
.contracts-owner-crm__icon svg{width:18px;height:18px}
.contracts-owner-crm__action{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding-top:4px}
.contracts-owner-crm__action p{flex:1 1 260px;font-size:var(--text-base);color:var(--color-text-muted)}
.contracts-owner-crm__choose{flex:0 1 320px;min-width:200px}
.contracts-owner-crm__summary{display:grid;gap:6px;margin:0}
.contracts-owner-crm__summary div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px}
.contracts-owner-crm__summary dt{color:var(--color-text-muted)}
.contracts-owner-crm__summary dd{margin:0;overflow-wrap:anywhere}
.contracts-owner-crm__buttons{display:flex;flex-wrap:wrap;gap:8px}
/* Подключённый аккаунт amoCRM: на карточке и в панели «Дополнительно» */
.contracts-crm-account{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg)}
.contracts-crm-account>svg{width:20px;height:20px;color:var(--color-text-secondary)}
.contracts-crm-account div{flex:1;min-width:0;display:grid}
.contracts-crm-account strong{font-weight:600;overflow-wrap:anywhere}
.contracts-crm-account span{font-size:var(--text-base);color:var(--color-text-muted)}
/* Строка-пояснение с иконкой: справка, предупреждение, ошибка */
.contracts-crm-note{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:var(--text-base);color:var(--color-text-muted)}
.contracts-crm-note svg{width:18px;height:18px;margin-top:2px}
.contracts-crm-note.is-warning{color:var(--status-warning-fg)}
.contracts-crm-note.is-error{color:var(--color-error)}
.contracts-crm-disconnect{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}
.contracts-crm-disconnect p{flex:1 1 220px;font-size:var(--text-base);color:var(--color-text-muted)}

/* Готовность к работе */
.contracts-owner-ready{display:grid;gap:12px;padding:20px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:0 2px 12px rgba(0,0,0,.04)}
.contracts-owner-ready h3{font-size:17px;font-weight:600;line-height:1.4}
.contracts-owner-ready__count{margin-top:-4px!important;font-size:var(--text-base);font-weight:600;color:var(--color-text-muted)}
.contracts-owner-ready ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.contracts-owner-ready__item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 6px;border:0;border-radius:10px;background:none;color:var(--color-text);font:inherit;text-align:left;cursor:pointer}
.contracts-owner-ready__item:hover{background:var(--color-bg-subtle)}
.contracts-owner-ready__item:focus-visible{outline:2px solid var(--color-brand);outline-offset:1px}
.contracts-owner-ready__item>svg{width:20px;height:20px}
.contracts-owner-ready__item>svg:last-child{width:16px;height:16px;color:var(--status-neutral-dot)}
.contracts-owner-ready__item.is-ok>svg:first-child{color:var(--status-success-dot)}
.contracts-owner-ready__item.is-warn>svg:first-child{color:var(--status-warning-dot)}
.contracts-owner-ready__item.is-todo>svg:first-child{color:var(--status-neutral-dot)}
.contracts-owner-ready__item>span{flex:1;min-width:0;display:grid}
.contracts-owner-ready__item strong{font-weight:600}
.contracts-owner-ready__item small{font-size:var(--text-base);color:var(--color-text-muted)}
.contracts-owner-ready__note{display:flex;align-items:flex-start;gap:8px;padding-top:12px;border-top:1px solid var(--color-border);font-size:var(--text-base);color:var(--color-text-muted)}
.contracts-owner-ready__note svg{width:16px;height:16px;margin-top:1px}

/* Окно «Проекты менеджеров» и панель «amoCRM · дополнительно» */
.contracts-modal,.contracts-drawer{position:fixed;inset:0;z-index:1000;display:flex;background:rgba(20,20,20,.32);font-family:var(--font-sans);font-size:var(--text-lg);line-height:1.5;color:var(--color-text)}
.contracts-modal{align-items:center;justify-content:center;padding:16px}
.contracts-modal h3,.contracts-modal p,.contracts-drawer h3,.contracts-drawer h4,.contracts-drawer p{margin:0}
.contracts-modal__box{box-sizing:border-box;display:grid;gap:12px;width:100%;max-width:520px;max-height:calc(100vh - 32px);padding:28px;overflow:auto;background:var(--color-bg-card);border-radius:var(--radius-card);box-shadow:0 8px 40px rgba(0,0,0,.12)}
.contracts-modal__box h3{font-size:var(--text-3xl);font-weight:700}
.contracts-modal__box>p{color:var(--color-text-muted)}
.contracts-modal form{display:grid;gap:16px}
.contracts-projects__list{display:grid;gap:4px;max-height:320px;overflow:auto;padding:4px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}
.contracts-projects__list .contracts-check{padding:8px 4px}
.contracts-projects__list .contracts-check[hidden]{display:none}
.contracts-modal__actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.contracts-check{display:flex;align-items:center;gap:10px;cursor:pointer}
.contracts-check input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--btn-filled-bg-top)}
.contracts-check--hint{align-items:flex-start}
.contracts-check--hint input{margin-top:2px}
.contracts-check--hint span{display:grid}
.contracts-check small{font-size:var(--text-base);color:var(--color-text-muted)}

.contracts-drawer{justify-content:flex-end}
.contracts-drawer__panel{box-sizing:border-box;display:flex;flex-direction:column;width:min(600px,100%);height:100%;margin:0;background:var(--color-bg-card);box-shadow:0 16px 48px rgba(0,0,0,.16)}
.contracts-drawer__head{display:flex;align-items:center;gap:12px;padding:24px 20px 16px 32px}
.contracts-drawer__head h3{flex:1;font-size:var(--text-3xl);font-weight:700}
.contracts-drawer__head .btn svg{width:18px;height:18px}
.contracts-drawer__body{flex:1;min-height:0;overflow:auto;display:grid;align-content:start;gap:20px;padding:4px 32px 24px}
.contracts-drawer__section{display:grid;gap:10px;padding-top:20px;border-top:1px solid var(--color-border)}
.contracts-drawer__section h4{font-size:17px;font-weight:600}
.contracts-drawer__hint{margin-top:-6px!important;font-size:var(--text-base);color:var(--color-text-muted)}
.contracts-drawer__field{display:grid;gap:6px;font-size:var(--text-lg);font-weight:600}
.contracts-drawer__stages{display:grid;gap:10px}
.contracts-drawer__stages:empty{display:none}
.contracts-drawer__always{display:flex;align-items:center;gap:10px;color:var(--color-text-secondary)}
.contracts-drawer__always svg{width:18px;height:18px;color:var(--color-text-muted)}
.contracts-drawer__foot{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:16px 32px;border-top:1px solid var(--color-border)}
.contracts-drawer__foot p{flex:1 1 200px;font-size:var(--text-base);color:var(--color-text-muted)}
.contracts-drawer__foot p.is-error{color:var(--color-error)}

/* Inside the assistant card the sections are already on white: borders, no extra shadow. */
.ermiy-agent-card .contracts-owner-card,.ermiy-agent-card .contracts-owner-ready{box-shadow:none}
/* The checklist goes above the sections when the tab itself is narrow (sidebar, zoom, tablet). */
@container contracts-owner (max-width:900px){
  .contracts-owner__columns{grid-template-columns:minmax(0,1fr)}
  .contracts-owner__aside{position:static;order:-1}
}
@media (max-width:640px){
  .contracts-owner__intro{flex-direction:column;align-items:stretch}
  .contracts-owner-card{padding:16px}
  .contracts-owner-card__head{flex-wrap:wrap}
  /* The section action moves under its title instead of squeezing it. */
  .contracts-owner-card__head h3{flex:1 1 calc(100% - 40px);font-size:18px}
  .contracts-owner-card__head>.btn{margin-left:40px}
  .contracts-owner-row__actions{justify-content:flex-start}
  .contracts-requisites,.contracts-review__meta{grid-template-columns:minmax(0,1fr)}
  .contracts-owner-crm__summary div{grid-template-columns:minmax(0,1fr);gap:0}
  .contracts-drawer__head{padding:16px 12px 12px 16px}
  .contracts-drawer__body{padding:4px 16px 16px}
  .contracts-drawer__foot{padding:12px 16px}
  .contracts-drawer__foot .btn{flex:1 1 auto}
  .contracts-modal__box{padding:20px 16px}
}