/* Раздел «Продажи»: лиды, клиенты, сделки. Опирается на дизайн DeckWood (графит #1D2020, зелёный #199939, белые карточки)
   и на компоненты координации (coordination.css). */

.nav.sales-sub{font-size:13px}
.sales-kicker{margin-top:18px}
@media(max-width:620px){.nav.sales-sub{display:none!important}}
#coCreateModal,#saModalBack{z-index:85}
.sa-drawer{z-index:70}
#saBackdrop{z-index:69}
.co-linknote{margin:6px 0 0;padding:8px 10px;border-radius:8px;background:#edf7ef;color:#13702a;font-size:12px}

#salesView{max-width:1400px}
.sa-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.sa-head .co-tabs{flex:1 1 auto}
.sa-lock{margin-left:auto;border:1px solid var(--line);border-radius:8px;background:#fff;height:36px;padding:0 12px;font-size:12px;color:#4c5350}
.sa-gate{max-width:440px;margin:36px auto;padding:24px;text-align:left}
.sa-gate h2{margin:0 0 6px;font-size:18px}.sa-gate p{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.5}
.sa-gate input{width:100%;height:42px;padding:0 12px;margin-bottom:10px;border:1px solid var(--line);border-radius:8px;font-size:14px}
.sa-error{min-height:18px;margin:2px 0 10px;color:#b04732;font-size:12px}
.sa-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.sa-toolbar select,.sa-toolbar input{height:38px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:12px;min-width:0}
.sa-toolbar .co-search{flex:1 1 220px}
.sa-pager{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 4px;font-size:12px;color:var(--muted)}
.sa-pager button{height:34px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff}
.sa-pager button:disabled{opacity:.5;cursor:default}

.sa-chip{display:inline-block;padding:3px 8px;border-radius:10px;font-size:10px;font-weight:bold;background:#eceeed;color:#4a504e;white-space:nowrap}
.sa-chip.new{background:#e8eef9;color:#2f559c}.sa-chip.in_work,.sa-chip.contacted{background:#fff1d9;color:#8a5a0b}
.sa-chip.qualified{background:#efe6fa;color:#6a3fa5}.sa-chip.converted,.sa-chip.won{background:#e3f4e7;color:#13702a}
.sa-chip.closed,.sa-chip.lost{background:#f8e4df;color:#a03d2a}.sa-chip.open{background:#e8eef9;color:#2f559c}
.sa-chip.manual{background:#f2f3f2;color:#59605d;font-weight:normal}

.sa-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:14px}
.sa-stat{padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left;cursor:pointer;font:inherit;color:inherit}
.sa-stat:hover{border-color:#9bc8a6}.sa-stat b{display:block;font-size:24px;line-height:1.1}.sa-stat span{display:block;margin-top:4px;font-size:11px;color:var(--muted)}
.sa-stat.alert b{color:#b04732}
.sa-blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}
.sa-block{padding-bottom:6px}.sa-block h3{margin:0;padding:14px 16px 6px;font-size:14px}
.sa-bar{display:grid;grid-template-columns:150px 1fr auto;gap:8px;align-items:center;padding:5px 16px;font-size:12px}
.sa-bar i{display:block;height:8px;border-radius:4px;background:var(--green);min-width:2px}
.sa-bar-track{background:#edf0ee;border-radius:4px;overflow:hidden}
.sa-tablewrap{overflow-x:auto}.sa-table{width:100%;border-collapse:collapse;font-size:12px}
.sa-table th{padding:8px 10px;text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line)}
.sa-table td{padding:9px 10px;border-bottom:1px solid #f0f1ef;vertical-align:top}
.sa-note{padding:10px 16px;color:var(--muted);font-size:11px;line-height:1.5}

.sa-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
.sa-grid .wide{grid-column:1/-1}
.sa-form label{display:block;font-size:10px;font-weight:bold;text-transform:uppercase;letter-spacing:.06em;color:#69655e}
.sa-form input,.sa-form select,.sa-form textarea{display:block;width:100%;margin-top:5px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:13px;text-transform:none;letter-spacing:0;font-weight:normal;color:var(--ink)}
.sa-form textarea{min-height:70px;resize:vertical}
.sa-form details{margin-top:12px;border:1px solid var(--line);border-radius:10px;background:#fafbfa}.sa-form summary{padding:10px 12px;cursor:pointer;font-size:12px;font-weight:bold}
.sa-form .sa-more{padding:0 12px 12px}
.sa-warn{margin:10px 0;padding:10px 12px;border-radius:9px;background:#fff6e0;border:1px solid #f0d9a0;color:#7a5200;font-size:12px;line-height:1.5}
.sa-warn ul{margin:6px 0 0;padding-left:18px}
.sa-modal{width:min(620px,100%);max-height:calc(100dvh - 30px)}
.sa-modal h2{margin:0 0 12px;font-size:18px}
.sa-items .sa-itemrow{display:grid;grid-template-columns:1.6fr .7fr .8fr .9fr auto;gap:6px;margin-top:6px}
.sa-items input,.sa-items select{margin:0!important;height:36px;padding:0 8px!important}
.sa-items button.sa-x{border:0;background:transparent;color:#a03d2a;font-size:18px}
.sa-timeline{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.sa-timeline li{padding:9px 11px;border-radius:9px;background:#f6f7f6;font-size:12px;line-height:1.5}
.sa-timeline header{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px;margin-bottom:3px}
.sa-timeline header strong{color:var(--ink)}.sa-timeline p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.sa-quick{display:flex;gap:8px;flex-wrap:wrap}
.sa-dtabs{display:flex;gap:2px;border-bottom:1px solid var(--line);overflow-x:auto}
.sa-dtabs button{padding:9px 11px;border:0;border-bottom:3px solid transparent;background:transparent;font-size:12px;color:#59605d;white-space:nowrap}
.sa-dtabs button.active{border-bottom-color:var(--green);color:var(--ink);font-weight:bold}
.sa-linklist{display:grid;gap:6px;margin:10px 0 0;padding:0;list-style:none}
.sa-linklist li{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:12px;cursor:pointer}
.sa-linklist li:hover{border-color:#9bc8a6}
.sa-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(236px,1fr);gap:10px;overflow-x:auto;padding-bottom:10px;align-items:start}
.sa-col{background:#eef0ee;border-radius:11px;padding:10px;min-height:140px}
.sa-col h3{display:flex;justify-content:space-between;margin:2px 4px 2px;font-size:12px;color:#4c5350}
.sa-col .sa-sum{margin:0 4px 8px;font-size:11px;color:var(--muted)}
.sa-card{display:block;width:100%;text-align:left;margin-bottom:8px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:grab;color:inherit;font:inherit}
.sa-card strong{display:block;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.sa-card small{display:block;margin-top:4px;color:var(--muted);font-size:11px}
.sa-card:hover{border-color:#9bc8a6}.sa-card.sortable-ghost{opacity:.45}
.sa-dropzone{min-height:40px}
.sa-importbox{padding:18px}
.sa-mapping{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin:10px 0}
.sa-mapping label{font-size:11px;color:#59605d;font-weight:normal;text-transform:none;letter-spacing:0}
.sa-readonly{padding:10px 12px;border-radius:9px;background:#f6f7f6;color:#59605d;font-size:12px}
@media(max-width:900px){.sa-blocks{grid-template-columns:1fr}.sa-bar{grid-template-columns:110px 1fr auto}}
@media(max-width:620px){
  .sa-grid{grid-template-columns:1fr}
  .sa-items .sa-itemrow{grid-template-columns:1fr 1fr}
  .sa-items .sa-itemrow input:first-child{grid-column:1/-1}
  .sa-toolbar select{flex:1 1 130px}
  .sa-board{grid-auto-flow:row;grid-auto-columns:auto;overflow-x:visible}
  .sa-modal{padding:18px}
  .sa-stats{grid-template-columns:1fr 1fr}
  .sa-table.sa-cards thead{display:none}
  .sa-table.sa-cards,.sa-table.sa-cards tbody,.sa-table.sa-cards tr,.sa-table.sa-cards td{display:block;width:100%}
  .sa-table.sa-cards tr{padding:10px 12px;border-bottom:1px solid var(--line)}
  .sa-table.sa-cards td{padding:2px 0;border:0}
  .sa-table.sa-cards td[data-label]::before{content:attr(data-label) ": ";color:var(--muted);font-size:11px}
}
.sa-drawer a,.sa-modal a{color:var(--green);font-weight:bold}

/* Управление модулями (раздел «Команда») */
.modules-block{margin-bottom:16px;padding:18px 19px}
.modules-head h2{margin:0 0 4px;font-size:16px}.modules-head p{margin:0 0 12px;color:var(--muted);font-size:12px}
.modules-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 0;border-top:1px solid var(--line)}
.modules-info{min-width:0;flex:1}.modules-info p{margin:6px 0 0;font-size:12px;line-height:1.5;color:#4c5350}
.modules-state{display:inline-block;margin-left:8px;padding:3px 9px;border-radius:10px;font-size:11px;font-weight:bold}
.modules-state.on{background:#e3f4e7;color:#13702a}.modules-state.off{background:#eceeed;color:#59605d}
.modules-reason{padding:9px 11px;border-radius:8px;background:#fff6e0;border:1px solid #f0d9a0;color:#7a5200!important}
.modules-steps{margin:8px 0 0;padding-left:20px;font-size:12px;line-height:1.6}
.modules-steps pre{margin:6px 0;padding:10px;border-radius:8px;background:#1d2020;color:#e9f3ea;font-size:11px;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;user-select:all}
.modules-note{color:var(--muted)!important}.modules-error{min-height:16px;margin-top:6px;color:#b04732;font-size:12px}
.modules-action{flex:0 0 auto}.modules-confirm{display:block;max-width:320px;font-size:12px;line-height:1.5}
.modules-confirm .btn{margin:6px 6px 0 0}.modules-off{background:#fff!important;color:#a03d2a!important;border:1px solid #e0b3a8!important}
.modules-info code{padding:1px 5px;border-radius:5px;background:#f0f1ef;font-size:11px}
@media(max-width:620px){.modules-row{flex-direction:column}.modules-action,.modules-action .btn{width:100%}.modules-confirm{max-width:none}}