/* Стили разделов агента E: рабочий стол (ds-), аналитика (an-), КП и счета (dc-),
   каталог (pr-), настройки (ad-), профиль (pf-). Только токены из ui.css. */

/* ---------- общее: ширина полей в строках фильтров ---------- */
.ds-sw .chip,.an-flt .chip{flex:none}
.dc-flt>input[type=search],.pr-flt>input[type=search]{flex:1 1 220px;width:auto;min-width:0}
.dc-flt>select.dc-s,.pr-flt>select.pr-s,.an-sel>select.an-s,.ad-flt>select.ad-s,.row>select.ad-w{flex:0 1 220px;width:auto;min-width:0}
.ad-flt>input.ad-w2{flex:0 1 140px;width:auto;min-width:0}

/* сетки .cols2 из ui.css: без min-width:0 широкая таблица распирает колонку и страницу */
.ds-cols>*,.pf-cols>*,#anBody .cols2>*{min-width:0}

/* ---------- рабочий стол ---------- */
.ds-head{margin-bottom:14px}
.ds-head h2{font-size:22px}
a.kpi.ds-kpi{display:block;color:var(--ink);text-decoration:none;transition:transform .15s var(--ease),border-color .15s}
a.kpi.ds-kpi:hover{border-color:var(--acc-border);transform:translateY(-1px)}
.ds-kpi.ds-bad .v{color:var(--bad3)}
.ds-kpi.ds-acc .v{color:var(--acc3)}
.ds-cols{align-items:start}
.ds-cols .panel{margin-bottom:0}
.ds-blk h3{margin-bottom:6px}
.ds-list{max-height:420px;overflow-y:auto;margin:0 -6px}
.ds-it{display:flex;gap:10px;align-items:center;padding:8px 6px;border-radius:var(--radius-sm);color:var(--ink);text-decoration:none!important;transition:opacity .25s}
.ds-it:hover{background:var(--fill)}
.ds-it+.ds-it{border-top:1px solid var(--line-soft)}
.ds-it-b{flex:1;min-width:0}
.ds-it-b>div:first-child{overflow-wrap:anywhere}
.ds-t{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ds-sum{flex:none;font-weight:600;font-size:13px}
.ds-done{flex:none;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--line2);background:none;color:var(--mut);cursor:pointer;font-size:14px;font-weight:700}
.ds-done:hover{border-color:var(--ok);color:var(--ok3);background:var(--ok-soft)}
.ds-gone{opacity:0}
.ds-fn{display:grid;grid-template-columns:minmax(90px,30%) 1fr auto;gap:10px;align-items:center;padding:5px 6px;border-radius:var(--radius-xs);color:var(--ink);text-decoration:none!important;font-size:13px}
.ds-fn:hover{background:var(--fill)}
.ds-fn-l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ds-fn-bar{height:12px;background:var(--fill);border-radius:999px;overflow:hidden}
.ds-fn-bar span{display:block;height:100%;border-radius:999px}
.ds-fn-v{color:var(--mut);font-size:12px;white-space:nowrap}

/* ---------- аналитика ---------- */
.an-flt .row+.row{margin-top:10px}
.an-dates{gap:6px;flex:1 1 auto}
.an-dates input.an-d{width:auto;flex:0 1 160px;min-width:0}
.an-off{display:none!important}
.an-p h3{margin-bottom:8px}
.an-p .row .meta{margin-left:4px}
.an-fn{display:grid;grid-template-columns:minmax(100px,24%) 1fr auto 64px;gap:10px;align-items:center;padding:5px 0;font-size:13px}
.an-fn.an-hb{grid-template-columns:minmax(100px,30%) 1fr 48px}
.an-fn-l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.an-fn-v{color:var(--mut);font-size:12px;white-space:nowrap;text-align:right}
.an-fn-c{text-align:right}
.an-bar{height:14px;background:var(--fill);border-radius:999px;overflow:hidden}
.an-bar span{display:block;height:100%;border-radius:999px}
.an-sv-wrap{overflow-x:auto;padding-bottom:4px}
.an-sv{display:block;max-width:none}
.an-sv text{font:11px var(--font)}
.an-sv .an-sv-l{fill:var(--mut)}
.an-sv .an-sv-v{fill:var(--ink2);font-size:10px}
.an-sv .an-sv-ax{stroke:var(--line2)}
.an-leg{gap:14px;font-size:12px;color:var(--mut);margin-top:6px}
.an-p .cols2{gap:14px}

/* ---------- КП и счета ---------- */
.dc-list{margin-top:12px}
.dc-t td{white-space:nowrap}
.dc-t td:nth-child(3),.dc-t td:nth-child(4){white-space:normal;min-width:140px}
.dc-acts{gap:8px}
.dc-acts .btn{flex:1 1 200px}
.dc-form{margin-bottom:12px}
.dc-h{margin:6px 0 8px}
.dc-under{margin:10px 0 14px}
.dc-lines td{padding:5px 6px;vertical-align:middle}
.dc-lines input[type=text],.dc-lines select{min-height:32px;padding:4px 8px;font-size:13px}
/* ширину задаём ячейкам: у полей ui.css ставит width:100% с большей специфичностью */
.dc-lines td.dc-c-name{min-width:220px}
.dc-lines td.dc-c-n{min-width:84px}
.dc-lines td.dc-c-u{min-width:72px}
.dc-lines td.dc-c-p{min-width:120px}
.dc-lines td.dc-c-v{min-width:130px}
.dc-c-s{white-space:nowrap}

/* ---------- каталог ---------- */
.pr-list{margin-top:12px}
.pr-desc{max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
tr.pr-off td{opacity:.6}

/* ---------- профиль ---------- */
.pf-ban{margin-bottom:14px}
.pf-cols{align-items:start}
.pf-cols h3{margin-bottom:12px}
.pf-act{margin-top:14px}
.pf-pw{margin-top:12px;max-width:420px}

/* ---------- настройки ---------- */
.ad-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
.ad-tabs::-webkit-scrollbar{display:none}
.ad-tabs button{white-space:nowrap;flex:none}
.ad-lead{margin:0 0 12px}
.ad-mt{margin-top:12px}
.ad-mb{margin-bottom:12px;align-items:flex-start}
.ad-mb .ad-lead{flex:1 1 320px;margin:0}
.ad-groups{columns:2 520px;column-gap:14px}
.ad-grp{break-inside:avoid;display:inline-block;width:100%}
.ad-grp h3{margin-bottom:12px}
.ad-form{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.ad-lbl{font-size:12.5px;color:var(--mut);font-weight:600}
.ad-f .h{font-weight:400;color:var(--mut2);font-size:11.5px}
.ad-secret{display:flex;flex-direction:column;gap:6px}
.ad-sec-set,.ad-sec-new{gap:8px}
.ad-sec-new input[type=password]{flex:1 1 200px;width:auto;min-width:0}
.ad-mask{font-size:13px;color:var(--ink2);background:var(--fill);border-radius:6px;padding:2px 8px}
.ad-wide2{grid-column:1/-1}
.ad-multi{gap:8px 16px}
.ad-colv{font-size:12px;color:var(--mut)}
.ad-res{margin-top:10px}
.ad-res:empty{display:none}
.ad-grp-ft{margin-top:12px}
.ad-off td,.ad-pipe.ad-off{opacity:.6}
.ad-acts{white-space:nowrap}
.ad-acts .btn+.btn{margin-left:4px}
.ad-url{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* одноразовые значения и примеры кода */
.ad-once{margin-bottom:14px}
.ad-copy{border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;background:var(--card-solid)}
.ad-copy .row{margin-bottom:6px}
.ad-code{display:block;font:13px ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--fill);border-radius:8px;padding:8px 10px;overflow-wrap:anywhere;user-select:all}
.ad-pre{margin:0;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--fill);border-radius:8px;padding:10px;overflow-x:auto;white-space:pre;max-width:100%}

/* воронки */
.ad-stages td{vertical-align:middle;padding:6px 8px}
.ad-stages td.ad-c-name{min-width:190px}
.ad-stages td.ad-c-pr{min-width:96px}
.ad-stages td:nth-child(5){min-width:140px}
.ad-ord{white-space:nowrap}
.ad-newst>input.ad-st-name{flex:1 1 200px;width:auto;min-width:0}
.ad-newst>input.ad-st-pr{flex:0 0 84px;width:84px}
.ad-newst>select.ad-st-kind{flex:0 1 150px;width:auto}

/* юрлица */
button.card.ad-legal{display:block;text-align:left;font:inherit;color:var(--ink);cursor:pointer;width:100%}
button.card.ad-legal:hover{border-color:var(--acc-border)}
.ad-legal .row{margin-bottom:4px}
.ad-bik{flex-wrap:nowrap;gap:6px}
.ad-bik input{flex:1;min-width:0}
.ad-bikres{margin-top:10px}

/* импорт и журнал */
.ad-file{flex:1 1 240px;width:auto;min-width:0}
.ad-imp th{text-transform:none;letter-spacing:0;font-size:12px;min-width:150px;vertical-align:top}
.ad-imp th>div{margin-bottom:6px;color:var(--ink2)}
.ad-imp th select{font-size:12.5px;min-height:30px}
.ad-imp td{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ad-errs{max-height:320px;overflow:auto}
.ad-det summary{cursor:pointer;color:var(--acc3);font-size:12.5px}
.ad-det .ad-pre{max-width:420px;margin-top:6px}
.ad-det-c{min-width:120px}

/* ---------- телефон ---------- */
@media(max-width:640px){
  .ds-head h2{font-size:19px}
  .ds-fn{grid-template-columns:minmax(70px,34%) 1fr;row-gap:2px}
  .ds-fn-v{grid-column:2}
  .an-fn{grid-template-columns:1fr auto auto;row-gap:4px}
  .an-fn-c:empty{display:none}
  .an-fn .an-bar{grid-column:1/-1;order:3}
  .an-fn-c{text-align:right}
  .an-fn.an-hb{grid-template-columns:1fr auto}
  .an-dates{flex-basis:100%}
  .an-dates input.an-d{flex:1 1 0}
  .dc-flt>select.dc-s,.pr-flt>select.pr-s,.an-sel>select.an-s,.ad-flt>select.ad-s,.row>select.ad-w,.ad-flt>input.ad-w2{flex:1 1 100%}
  .ad-groups{columns:1}
  .ad-url{max-width:180px}
  .ad-det .ad-pre{max-width:260px}
  .ad-legal{padding:12px}
}
/* цвет в строке не растягивать (ui.css на телефоне даёт .row>input flex:1 1 100%) */
.ad-f .row>input[type=color],.ad-newst>input[type=color],.ad-stages input[type=color]{flex:0 0 46px;width:46px}