/* Раздел «Клиенты». Цвета только через переменные страницы. */
@media(min-width:600px){#tabs{grid-template-columns:repeat(6,1fr)}}
body.crm-wide main{max-width:1420px}
body.crm-wide #tabs,body.crm-wide #brandHead,body.crm-wide #msg{max-width:728px}
.crm-top{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between}
.crm-top h2{margin:0}.crm-top button{margin:0}
.crm-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.crm-tools input{width:220px}
.crm-hint{font-size:13px;color:var(--mute);margin:8px 0 0;line-height:1.4}
.crm-form{border-top:1px solid var(--line);margin-top:12px;padding-top:4px}
.crm-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.crm-row{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.crm-row button{margin:6px 0 0}
.crm-count{display:inline-block;min-width:22px;padding:0 6px;margin-left:6px;border:1px solid var(--line);border-radius:11px;font-size:13px;font-weight:500;text-align:center;color:var(--mute)}
/* Сегодня и новые обращения */
.crm-line{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line)}
.crm-line:first-of-type{border-top:0}
.crm-line-main{flex:1 1 280px;min-width:0;overflow-wrap:anywhere}
.crm-line-main b{font-weight:600}
.crm-line button{margin:0;min-height:38px;padding:6px 12px;font-size:14px}
.crm-line .crm-row button{margin:0}
.crm-sub{font-size:14px;color:var(--mute);margin:2px 0 0;overflow-wrap:anywhere}
.crm-late{color:var(--warn-text)}
/* Метки */
.crm-tag{display:inline-block;border:1px solid var(--line);border-radius:10px;padding:0 8px;font-size:12px;line-height:18px;color:var(--mute);white-space:nowrap}
.crm-tag.auto{color:var(--ok-text);border-color:var(--ok)}
.crm-tag.wait{color:var(--warn-text);border-color:var(--warn)}
.crm-tag.draft{color:var(--warn-text);border-color:var(--warn)}
a.crm-tag{color:var(--link);text-decoration:none}
a.crm-tag:hover{border-color:var(--link)}
/* Доска */
.crm-boardwrap .crm-hint{margin:0 0 10px}
.crm-board{display:grid;grid-template-columns:repeat(7,minmax(172px,1fr));gap:8px;overflow-x:auto;padding-bottom:6px;align-items:start}
.crm-col{background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:8px;min-height:140px}
.crm-col.over{border-color:var(--acc)}
.crm-col h3{margin:0 0 8px;font-size:14px;font-weight:600;line-height:1.25;min-height:36px}
.crm-card{display:block;background:var(--card);border:1px solid var(--line);border-radius:7px;padding:8px;margin:0 0 6px;cursor:grab;font-size:14px;overflow-wrap:anywhere}
.crm-card:hover{border-color:var(--mute)}
.crm-card.drag{opacity:.45}
.crm-card button.crm-name{all:unset;display:block;font-weight:600;cursor:pointer;color:var(--text);overflow-wrap:anywhere}
.crm-card button.crm-name:focus-visible{outline:2px solid var(--link);outline-offset:2px}
.crm-card .crm-tags{display:flex;flex-wrap:wrap;gap:3px;margin:5px 0 0}
.crm-card .crm-sub{font-size:13px}
.crm-move{display:none}
.crm-more{width:100%;margin:2px 0 0;min-height:36px;padding:4px;font-size:13px}
/* Карточка */
.crm-two{display:grid;grid-template-columns:minmax(300px,400px) minmax(0,1fr);gap:0 14px;align-items:start}
.crm-two>div{min-width:0}
.crm-back{margin:0 0 10px}
.crm-title{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between}
.crm-title h2{margin:0;font-size:20px;overflow-wrap:anywhere}
.crm-title label{margin:0}
.crm-title select{width:auto;min-width:220px}
.crm-chan{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:14px}
.crm-chan:first-of-type{border-top:0}
.crm-chan b{font-weight:600}
.crm-chan .crm-x{margin:0 0 0 auto;min-height:30px;padding:2px 8px;font-size:13px}
.crm-chan a{overflow-wrap:anywhere}
.crm-feed{list-style:none;margin:10px 0 0;padding:0}
.crm-feed li{padding:9px 10px;border:1px solid var(--line);border-radius:8px;margin:0 0 6px;max-width:88%;width:fit-content;min-width:50%}
.crm-feed li.out{margin-left:auto;background:var(--bg)}
.crm-feed li.sys{border:0;padding:3px 2px;max-width:none;width:auto;font-size:13px;color:var(--mute)}
.crm-feed-meta{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;font-size:12px;color:var(--mute);margin:0 0 3px}
.crm-feed p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px}
.crm-feed .crm-x{all:unset;cursor:pointer;margin-left:auto;font-size:12px;color:var(--mute);text-decoration:underline}
.crm-chan-info{padding:10px 0;border-top:1px solid var(--line);font-size:14px;overflow-wrap:anywhere}
.crm-chan-info:first-of-type{border-top:0}
.crm-chan-info button{margin:6px 0 0;min-height:36px;padding:4px 12px;font-size:14px}
.crm-chan-info p{margin:3px 0;color:var(--mute);font-size:13px}
.crm-names{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 12px}
@media(max-width:760px){
  .crm-board{display:block;overflow:visible}
  .crm-col{min-height:0;margin:0 0 8px}
  .crm-col h3{min-height:0;font-size:15px}
  .crm-card{cursor:default}
  .crm-move{display:block;margin:6px 0 0;padding:6px;font-size:14px}
  .crm-two{display:block}
  .crm-tools,.crm-tools input{width:100%}
  .crm-grid2{grid-template-columns:minmax(0,1fr)}
  .crm-feed li{max-width:100%;min-width:0;width:auto}
  .crm-title select{width:100%}
}