/* =====================================================================
   Деловойс · кабинет v8.5: главный экран по периоду, «Встречи», «Метрика встречи».
   Цвета значений: Blue Fantastic — хорошо, Burning Flame — промежуточно,
   Truffle — тревога, Oatmeal — нейтрально. Шрифты и плитки — из shell.css и home.css.
   ===================================================================== */
:root{--mx-g:#2C3B4D;--mx-m:#FFB162;--mx-b:#A35139;--mx-n:#C9C1B1}
.t-g{--c:var(--mx-g)}.t-m{--c:var(--mx-m)}.t-b{--c:var(--mx-b)}.t-n{--c:var(--mx-n)}

/* ---------- главный экран ---------- */
.d85{display:flex;flex-direction:column;gap:14px}
.d85-head,.mx-head,.m85-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 16px;flex-wrap:wrap}
.d85-head h2,.mx-head h2,.m85-head h2{margin:0;font:500 24px/1.15 var(--ds-head);letter-spacing:-.02em;color:var(--ds-fg)}
.d85-head p,.mx-head p,.m85-head p{margin:6px 0 0;font-size:13px;color:var(--ds-text-muted)}
.d85-head p b{color:var(--ds-fg);font-weight:600}
.d85-head a,.m85-msg a,.m85-foot a,.dhc-empty a{color:var(--ds-accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.seg.p85{flex-wrap:nowrap}
.seg.p85 > button{white-space:nowrap}

.d85-r1{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;height:372px}
.d85-r1 > .dhm-rec{grid-column:span 3}.d85-r1 > .dhm-up{grid-column:span 3}
.d85-pair{grid-column:span 6;display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);gap:16px;padding:16px 18px}
.d85-div{background:var(--ds-border);margin:4px 0}
.d85-cal,.d85-due{display:flex;flex-direction:column;gap:10px;min-height:0;min-width:0}
.d85-cal .dhk{flex:1}
.dhk button.mt .n{box-shadow:inset 0 0 0 1.5px var(--mx-g)}
.dhk button.today.mt .n{box-shadow:inset 0 0 0 2px #fff, 0 0 0 1.5px var(--mx-g)}
.dhk button.sel{background:#FBE3D8}
.dhk button.sel .n{background:var(--ds-accent);color:#fff;font-weight:700;box-shadow:none}
.dhk button.inr{background:rgb(239 233 222 / .75);border-radius:6px}
.d85-key{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--ds-text-subtle);flex-shrink:0}
.d85-key span{display:inline-flex;align-items:center;gap:5px}
.d85-key i{display:inline-block;width:10px;height:10px;border-radius:50%}
.d85-key .k-mt{box-shadow:inset 0 0 0 1.5px var(--mx-g)}
.d85-key .k-due{width:5px;height:5px;background:var(--ds-accent)}
.d85-key .k-late{width:5px;height:5px;background:var(--ds-danger)}
.d85-due .dht-big b{font-size:34px}

.d85-r2{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:14px;height:420px}
.d85-repl > li{align-items:flex-start;padding:11px 6px}
.d85-rep .dt{flex:none;width:58px;display:flex;flex-direction:column;gap:3px;padding-top:1px}
.d85-rep .dt b,.m85 .dt b{font:600 13px/1.1 var(--ds-font);color:var(--ds-fg);white-space:nowrap}
.d85-rep .dt span,.m85 .dt span{font:400 11px/1 var(--ds-mono);color:var(--ds-text-subtle)}
.d85-rep .tx small{white-space:normal}
.d85-rep .tx ul{margin:6px 0 0;padding:0 0 0 16px;font-size:12px;line-height:1.45;color:var(--ds-text-muted)}
.d85-rep .tx ul li{padding:0;cursor:inherit;display:list-item;box-shadow:none !important;background:none !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.d85-rep .dhp,.m85 .dhp{flex:none;align-self:center}
.d85-rep .dhp svg,.m85 .dhp svg{width:14px;height:14px}

.d85-tl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.d85-tl li{display:flex;flex-direction:column;gap:6px;padding:9px 6px;border-radius:10px;cursor:pointer;transition:background-color .15s}
.d85-tl li:hover{background:var(--ds-hover)}
.d85-tl .r1{display:flex;align-items:center;justify-content:space-between;gap:8px}
.d85-tl .r1 b{font-size:13px;font-weight:600;color:var(--ds-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.d85-tl .r2{display:flex;align-items:center;gap:10px}
.d85-tl .bar{flex:1;height:6px;border-radius:999px;background:var(--ds-muted);overflow:hidden}
.d85-tl .bar i{display:block;height:100%;border-radius:999px;background:var(--mx-g);transform-origin:left;animation:mxGrow .6s var(--ds-ease) both}
.d85-tl .m{flex:none;font:400 11px/1 var(--ds-mono);color:var(--ds-text-subtle);white-space:nowrap}
.d85-lost{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:10px;border-top:1px solid var(--ds-border)}
.d85-lost small{width:100%;font-size:10.5px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--ds-text-subtle)}
.d85-lost button{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;border:0;background:#F7E3DF;color:var(--ds-danger);
  font:500 12px/1 var(--ds-font);cursor:pointer;max-width:100%}
.d85-lost button span{font:400 10.5px/1 var(--ds-mono);opacity:.75}

.d85-met .d85-mts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.d85-mt{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:12px 14px;border-radius:14px;border:0;background:var(--ds-muted);
  text-align:left;cursor:pointer;transition:background-color .15s,scale .15s var(--ds-ease)}
.d85-mt:hover{background:var(--ds-muted-hover)}
.d85-mt:active{scale:.98}
.d85-mt .t{font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--ds-text-subtle)}
.d85-mt .w{font:600 17px/1.15 var(--ds-font);color:var(--c);letter-spacing:-.01em}
.d85-mt .w.t-n{color:var(--ds-text-muted)}
.d85-mt .w.t-m{color:#9A5F0C}
.d85-mt small{font-size:11.5px;color:var(--ds-text-subtle)}
.d85-mt .mxb{width:100%}

/* ---------- полоса распределения, чипы ---------- */
.mxb{display:flex;gap:2px;width:100%;height:10px;border-radius:999px;overflow:hidden;background:var(--ds-muted);flex-shrink:0}
.mxb.empty{background:repeating-linear-gradient(135deg,var(--ds-muted) 0 6px,#E4DCCD 6px 8px)}
.mxb i{display:block;min-width:4px;background:var(--c);transform-origin:left;animation:mxGrow .6s var(--ds-ease) both}
.mxb i[onclick]{cursor:pointer}
.mxb i[onclick]:hover{filter:brightness(1.12)}
@keyframes mxGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.mxchip{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font:600 11.5px/1 var(--ds-font);white-space:nowrap;
  background:color-mix(in srgb,var(--c) 18%,#fff);color:color-mix(in srgb,var(--c) 85%,#000)}
.mxchip.t-m{color:#8E5A0B}.mxchip.t-n{color:var(--ds-text-muted)}
.mxl{display:flex;flex-wrap:wrap;gap:6px}
.mxl button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:999px;border:1px solid var(--ds-border);background:#fff;
  font:500 12.5px/1 var(--ds-font);color:var(--ds-fg);cursor:pointer;transition:background-color .15s,border-color .15s}
.mxl button:hover{background:var(--ds-muted)}
.mxl button.on{border-color:var(--ds-fg);box-shadow:inset 0 0 0 1px var(--ds-fg)}
.mxl button.zero{opacity:.55}
.mxl i{width:9px;height:9px;border-radius:3px;background:var(--c)}
.mxl b{font:600 12px/1 var(--ds-mono);color:var(--ds-text-muted)}
.mxl.st{gap:4px 12px}
.mxl.st span{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--ds-text-muted)}
.mxl.st b{color:var(--ds-fg)}

/* ---------- «Встречи» ---------- */
.m85-acts{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}
.m85-acts .dhp{height:44px}
.m85-acts .dhp svg{width:16px;height:16px}
.m85-date{flex:none;width:170px}
.m85-msg{margin:12px 0 0;padding:10px 14px;border-radius:12px;background:var(--ds-muted);font-size:13px;line-height:1.45;color:var(--ds-text-muted)}
.m85-msg.err{background:#F7E3DF;color:var(--ds-danger)}
.m85-list{margin-top:14px;padding:8px 12px}
.m85{align-items:flex-start !important;padding:12px 6px !important}
.m85 .dt{flex:none;width:72px;display:flex;flex-direction:column;gap:4px;padding-top:1px}
.m85 .tx small{white-space:normal}
.m85 .chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.m85 .chips:empty{display:none}
.m85 > .mxchip{align-self:center}
.m85-foot{margin:12px 2px 0;font-size:12.5px;color:var(--ds-text-subtle)}

/* ---------- карточка встречи: метрика ---------- */
.mxc-card{margin-top:16px;padding:18px 20px}
.mxc-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px}
.mxc-h h3{margin:0;font:600 16px/1.25 var(--ds-font);color:var(--ds-fg)}
.mxc-h p{margin:4px 0 0;font-size:12.5px;line-height:1.45;color:var(--ds-text-subtle)}
.mxc-err{margin:6px 0;font-size:12.5px;color:var(--ds-danger)}
.mxc-g{display:flex;flex-direction:column}
.mxc-r{display:grid;grid-template-columns:200px 220px minmax(0,1fr) auto;align-items:center;gap:6px 16px;padding:12px 0;border-top:1px solid var(--ds-border)}
.mxc-r .nm b{display:block;font-size:13.5px;font-weight:600;color:var(--ds-fg)}
.mxc-r .nm small{font-size:11.5px;color:var(--ds-text-subtle)}
.mxc-r .vl{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.mxc-man{font-size:11px;color:var(--ds-warning)}
.mxc-r .why{font-size:12.5px;line-height:1.45;color:var(--ds-text-muted)}
.mxc-r .why i{color:var(--ds-text-subtle)}
.mxc-r .ac{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.mxc-q,.mxc-ed{grid-column:1/-1}
.mxc-q{list-style:none;margin:2px 0 0;padding:10px 12px;border-radius:12px;background:var(--ds-muted);display:flex;flex-direction:column;gap:7px}
.mxc-q li{font-size:12.5px;line-height:1.45;color:var(--ds-fg)}
.mxc-q .ts{display:inline-block;min-width:66px;margin-right:8px;font:500 11.5px/1 var(--ds-mono);color:var(--ds-accent)}
.mxc-q .k{display:inline-block;margin-right:8px;font-size:11px;font-weight:600;color:var(--ds-text-subtle);text-transform:uppercase;letter-spacing:.4px}
.mxc-ed{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mxc-ed select,.mxc-ed .inp{height:36px;border-radius:10px;border:1px solid var(--ds-border-strong);background:#fff;padding:0 10px;font:500 13px var(--ds-font);color:var(--ds-fg)}
.mxc-ed .inp{flex:1;min-width:200px}

/* ---------- раздел «Метрика встречи» ---------- */
.mx-per{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0}
.mx-per .dhu-date{flex:none;width:170px;height:44px;background:#fff;border:1px solid var(--ds-border)}
.mx-per .arr{color:var(--ds-text-subtle)}
.mx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(232px,auto);gap:14px}
.mx-t{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px 18px;border-radius:20px;border:1px solid var(--ds-border);
  background:#fff;text-align:left;cursor:pointer;font:inherit;color:inherit;transition:border-color .15s,box-shadow .2s,translate .2s var(--ds-ease)}
.mx-t:hover{border-color:var(--ds-border-strong);box-shadow:0 8px 24px -12px rgb(27 38 50 / .25);translate:0 -1px}
.mx-t.big{grid-column:span 2;grid-row:span 2}
.mx-t.mid{grid-column:span 2}
.mx-t.sm{grid-column:span 1}
.mx-t .h{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.mx-t .h b{display:block;font:600 15px/1.25 var(--ds-font);color:var(--ds-fg)}
.mx-t .h small{display:block;margin-top:3px;font-size:12px;color:var(--ds-text-subtle)}
.mx-t .kp{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.mx-t .kp b{font:600 34px/1 var(--ds-font);letter-spacing:-.03em;color:var(--ds-fg);font-variant-numeric:tabular-nums}
.mx-t.big .kp b{font-size:52px}
.mx-t .kp span{font-size:12.5px;color:var(--ds-text-muted)}
.mx-t .f{margin-top:auto;font-size:11.5px;color:var(--ds-text-subtle)}
.mx-t.big .mxb{height:16px}
.mxd{flex:none;display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font:600 11.5px/1 var(--ds-mono);white-space:nowrap}
.mxd.up{background:#DCE9E2;color:var(--ds-success)}.mxd.down{background:#F7E3DF;color:var(--ds-danger)}.mxd.flat{background:var(--ds-muted);color:var(--ds-text-muted)}
.mxln{display:block;width:100%;height:70px;margin-top:6px}
.mxln .ax{stroke:var(--ds-border);stroke-width:1}
.mxln .ln{fill:none;stroke:var(--mx-b);stroke-width:2.2;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
.mxln .pt{fill:#fff;stroke:var(--mx-b);stroke-width:2;vector-effect:non-scaling-stroke}
.mxln-l{display:flex;justify-content:space-between;gap:8px;font:400 10.5px/1 var(--ds-mono);color:var(--ds-text-subtle)}
.mx-dn{display:flex;align-items:center;gap:16px}
.mxdn{width:84px;height:84px;flex:none}
.mxdn .bg{fill:none;stroke:var(--ds-muted);stroke-width:10}
.mxdn .fg{fill:none;stroke:var(--mx-g);stroke-width:10;stroke-linecap:round;transition:stroke-dasharray .6s var(--ds-ease)}
.mx-dn .mxl.st{flex-direction:column;align-items:flex-start}
.mx3{display:flex;align-items:flex-end;gap:14px;height:110px}
.mx3 .c{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;height:100%}
.mx3 .st{flex:1;width:100%;max-width:46px;display:flex;align-items:flex-end;border-radius:8px;background:var(--ds-muted)}
.mx3 .st i{display:block;width:100%;border-radius:8px;background:var(--c);transform-origin:bottom;animation:hsGrow .6s var(--ds-ease) both}
.mx3 b{font:600 13px/1 var(--ds-mono);color:var(--ds-fg)}
.mx3 span{font-size:11.5px;color:var(--ds-text-muted)}
.mxc{display:flex;align-items:flex-end;gap:6px;height:84px}
.mxc .col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;gap:4px}
.mxc .st{flex:1;width:100%;max-width:24px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px}
.mxc .st i{display:block;width:100%;border-radius:4px;background:var(--c);transform-origin:bottom;animation:hsGrow .6s var(--ds-ease) both}
.mxc span{font:400 10px/1 var(--ds-mono);color:var(--ds-text-subtle);white-space:nowrap}
.mx-loops{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}
.mx-loops li{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--ds-fg)}
.mx-loops li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mx-loops li b{font:600 12px/1 var(--ds-mono);color:var(--mx-b)}
.mx-rec{list-style:none;margin:6px 0 0;padding:10px 0 0;border-top:1px solid var(--ds-border);display:flex;flex-direction:column;gap:2px}
.mx-rec li{display:flex;align-items:center;gap:10px;padding:6px 4px;border-radius:8px;cursor:pointer}
.mx-rec li:hover{background:var(--ds-hover)}
.mx-rec .d{flex:none;width:52px;font:500 11.5px/1 var(--ds-mono);color:var(--ds-text-subtle)}
.mx-rec .n{flex:1;min-width:0;font-size:13px;color:var(--ds-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mx-note{margin:0;font-size:12px;line-height:1.4;color:var(--ds-text-muted)}
.mx-cr{display:flex;flex-direction:column;gap:8px}
.mx-cr div{display:grid;grid-template-columns:52px minmax(0,1fr) 22px;align-items:center;gap:8px;font-size:11.5px;color:var(--ds-text-muted)}
.mx-cr i{display:block;height:8px;border-radius:999px;background:var(--mx-m);min-width:3px}
.mx-cr i.o{background:var(--mx-b)}
.mx-cr b{font:600 12px/1 var(--ds-mono);color:var(--ds-fg);text-align:right}
.mx-foot{margin:14px 2px 0;font-size:12.5px;line-height:1.5;color:var(--ds-text-subtle);max-width:820px}
.mx-sw{display:flex;flex-wrap:wrap;gap:6px}
.mx-sw button{height:30px;padding:0 11px;border-radius:999px;border:0;background:var(--ds-muted);font:500 12.5px/1 var(--ds-font);color:var(--ds-fg);cursor:pointer}
.mx-sw button.on{background:var(--ds-fg);color:#fff}
.mx-sc{padding:16px 18px;gap:12px}
.mx-sc .mxb{height:18px}

/* ---------- ширины ---------- */
@media (max-width:1279px){
  .d85-r1{height:auto;grid-auto-rows:340px}
  .d85-r1 > .dhm-rec,.d85-r1 > .dhm-up{grid-column:span 6}
  .d85-pair{grid-column:1/-1;height:360px}
  .d85-r2{grid-template-columns:minmax(0,1fr);height:auto}
  .d85-reps,.d85-tops{max-height:440px}
  .d85-met .d85-mts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mx-t.big,.mx-t.mid{grid-column:span 2}.mx-t.big{grid-row:span 1}
  .mxc-r{grid-template-columns:170px 170px minmax(0,1fr)}
  .mxc-r .ac{grid-column:1/-1;justify-content:flex-start}
}
@media (max-width:899px){
  .d85-head h2,.mx-head h2,.m85-head h2{font-size:20px}
  .d85-head .seg.p85,.mx-per .seg.p85{width:100%;overflow-x:auto}
  .d85-r1{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:12px}
  .d85-r1 > .dhm-rec,.d85-r1 > .dhm-up{grid-column:1/-1;min-height:300px}
  .d85-pair{grid-template-columns:minmax(0,1fr);height:auto;gap:14px}
  .d85-div{height:1px;margin:0}
  .d85-cal .dhk{grid-auto-rows:36px}
  .d85-due .dhc-body{max-height:260px}
  .d85-reps,.d85-tops{max-height:none}
  .d85-reps .dhc-body,.d85-tops .dhc-body{max-height:420px}
  .d85-met .d85-mts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .d85-rep{flex-wrap:wrap}
  .d85-rep .tx{flex:1 1 calc(100% - 70px)}
  .d85-rep .dhp{margin-left:68px}
  .m85-acts{width:100%}
  .m85-acts > *{flex:1 1 150px}
  .m85-date{width:auto}
  .m85{flex-wrap:wrap}
  .m85 .tx{flex:1 1 calc(100% - 84px)}
  .m85 .dhp,.m85 > .mxchip{margin-left:82px}
  .mx-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}
  .mx-t.big,.mx-t.mid,.mx-t.sm{grid-column:1/-1}
  .mx-t.big .kp b{font-size:40px}
  .mx-per .dhu-date{flex:1 1 130px;width:auto}
  .mx-per .arr{display:none}
  .mxc-r{grid-template-columns:minmax(0,1fr) auto}
  .mxc-r .why,.mxc-r .ac{grid-column:1/-1}
  .mxc-r .vl{align-items:flex-end}
  .mxc-ed .inp{min-width:0;flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){ .mxb i,.d85-tl .bar i,.mx3 .st i,.mxc .st i{animation:none} }

/* карточка встречи v8.5 */
.m85-crumb{margin:0 0 6px !important;font-size:12px !important;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--ds-text-subtle) !important}
.m85-crumb a{color:var(--ds-accent);cursor:pointer}
.m85-two{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:14px;margin-top:14px}
.m85-two .dhc{max-height:520px}
.m85-two .dhl li{align-items:center}
.m85-kv{margin:0;display:flex;flex-direction:column}
.m85-kv div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px;padding:10px 0;border-top:1px solid var(--ds-border)}
.m85-kv div:first-child{border-top:0}
.m85-kv dt{font-size:12px;font-weight:600;color:var(--ds-text-subtle)}
.m85-kv dd{margin:0;font-size:13px;line-height:1.45;color:var(--ds-fg)}
@media (max-width:1100px){ .m85-two{grid-template-columns:minmax(0,1fr)} .m85-two .dhc{max-height:none} }
@media (max-width:899px){ .m85-kv div{grid-template-columns:minmax(0,1fr);gap:4px} }

/* шапка главного: период и отдельная кнопка отчёта в одной строке */
.d85-hr{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.d85-sum{height:40px}
.d85-sum svg{width:16px;height:16px}
.d85-sum small{margin-left:2px;padding:2px 6px;border-radius:6px;background:rgb(255 255 255 / .2);font:600 10.5px/1 var(--ds-mono);letter-spacing:.4px}
/* «Записать встречу»: кнопки внизу плитки — на одной линии со строкой «Дата встречи» соседней плитки */
.d85-r1 > .dhm-rec .dhr-note{order:5}
.d85-r1 > .dhm-rec .dhr-acts{order:10;margin-top:auto}
.d85-r1 > .dhm-rec .dhr-acts .dhp{height:44px}
.d85-r1 > .dhm-up .dhu-row .dhp,.d85-r1 > .dhm-up .dhu-date{height:44px}
@media (max-width:899px){ .d85-hr{width:100%} .d85-hr .seg.p85{flex:1 1 100%} .d85-sum{flex:1 1 100%;justify-content:center;height:44px} }

/* «Записать встречу»: кнопка, волна и подпись — по центру плитки, на одной высоте с зоной «Перетащите файл» */
.d85-r1 > .dhm-rec .dhr-btn{margin-top:auto}
.d85-r1 > .dhm-rec .dhr-note{margin-bottom:auto}
.d85-r1 > .dhm-rec .dhr-acts{margin-top:0}
.d85-r1 > .dhm-rec .dhr-wave{flex:none;height:40px;width:86%}

/* удаление данных */
.dx-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}
.dx-sum div{display:flex;align-items:baseline;gap:8px;padding:14px 16px;border-radius:16px;border:1px solid var(--ds-border);background:#fff}
.dx-sum b{font:600 26px/1 var(--ds-font);color:var(--ds-fg);font-variant-numeric:tabular-nums}
.dx-sum span{font-size:12.5px;color:var(--ds-text-muted)}
.dx-blk{margin-top:14px;padding:16px 18px}
.dx-blk .dhc-h p{max-width:760px}
.dx-blk .dhl{max-height:520px;overflow-y:auto}
.dhp.line.dx-del{color:var(--ds-danger);box-shadow:inset 0 0 0 1.5px #E3B7AE}
.dhp.line.dx-del:hover{background:#F7E3DF}
.dhp svg{flex:none}
.dx-del svg,.m85-acts .dhp.line svg{width:15px;height:15px}
.dx-danger{border-color:#E8C3BA;background:#FFFBF8}
.dx-row{display:flex;gap:10px;flex-wrap:wrap}
.dx-in{flex:0 1 260px;height:44px;border-radius:12px;border:1px solid var(--ds-border-strong);background:#fff;padding:0 14px;font:500 14px var(--ds-font);color:var(--ds-fg)}
.dx-in:focus{outline:2px solid var(--ds-danger);outline-offset:1px}
.dhp.dx-wipe{height:44px;background:var(--ds-danger-solid);color:#fff}
.dhp.dx-wipe:hover{background:var(--ds-danger-solid-hover)}
.dx-note{margin:10px 0 0;font-size:12.5px;color:var(--ds-text-subtle)}
.m85-msg.ok{background:#DCE9E2;color:var(--ds-success)}
@media (max-width:899px){
  .dx-sum{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dx-in,.dhp.dx-wipe{flex:1 1 100%}
  .dx-del{margin-left:82px}
}

/* окно кода очистки кабинета */
.wx-dlg{display:flex;flex-direction:column;gap:12px}
.wx-code{height:56px;border-radius:14px;border:1px solid var(--ds-border-strong);background:#fff;text-align:center;
  font:600 26px/1 var(--ds-mono);letter-spacing:.45em;color:var(--ds-fg);padding:0 0 0 .45em}
.wx-code:focus{outline:2px solid var(--ds-danger);outline-offset:1px}
.wx-msg{margin:0;min-height:17px;font-size:12.5px;color:var(--ds-success)}
.wx-msg.bad{color:var(--ds-danger)}
.wx-msg:empty{min-height:0}
.wx-again{align-self:flex-start;border:0;background:none;padding:0;font:500 12.5px var(--ds-font);color:var(--ds-accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.wx-again:disabled{color:var(--ds-text-subtle);text-decoration:none;cursor:default}

/* ---------- текст встречи, вкладки, новые записи, последняя встреча ---------- */
.rx-tabs{display:flex;gap:6px;margin:14px 0;overflow-x:auto;scrollbar-width:none}
.rx-tabs button{flex:none;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 16px;border-radius:999px;border:0;background:var(--ds-muted);
  font:600 13px var(--ds-font);color:var(--ds-fg);cursor:pointer;transition:background-color .15s}
.rx-tabs button:hover{background:var(--ds-muted-hover)}
.rx-tabs button.on{background:var(--ds-fg);color:#fff}
.rx-tabs svg{width:16px;height:16px;flex:none}
.rx-tabs em{font:500 11px var(--ds-mono);font-style:normal;opacity:.7;white-space:nowrap}
.rx-btns{display:flex;gap:6px;flex:none;align-self:center}
.rx-btns .dhp svg,.rx-row .dhp svg,.d85-fresh .dhp svg,.m85-acts .dhp svg{width:15px;height:15px}
.rx-txc{padding:16px 18px}
.rx-tool{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.rx-tool .dhp{height:40px;text-decoration:none}
.rx-search{flex:1;min-width:200px;height:40px;border-radius:12px;border:1px solid var(--ds-border);background:#fff;display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--ds-text-subtle)}
.rx-search svg{width:16px;height:16px;flex:none}
.rx-search input{flex:1;min-width:0;border:0;outline:0;background:none;font:500 13.5px var(--ds-font);color:var(--ds-fg)}
.rx-found{margin:12px 0 0;font-size:12.5px;color:var(--ds-text-muted)}
.rx-tx{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.rx-sp{font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--ds-text-subtle);margin-top:8px}
.rx-ln{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;padding:3px 6px;border-radius:8px;font-size:13.5px;line-height:1.55;color:var(--ds-fg)}
.rx-ln.hit{background:#FFF3E2}
.rx-ln .ts{font:500 12px/1.9 var(--ds-mono);color:var(--ds-accent)}
.rx-ln mark{background:#FFD9A8;border-radius:4px;padding:0 2px;color:inherit}
.rx-new{margin-top:14px;padding:14px 16px}
.rx-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 16px;padding:12px 4px;border-top:1px solid var(--ds-border)}
.rx-new .dhc-h + .rx-row{border-top:0}
.rx-row .t b{display:block;font-size:13.5px;font-weight:600;color:var(--ds-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rx-row .t small{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:var(--ds-text-subtle)}
.rx-row .a{display:flex;gap:6px;align-items:center}
.rx-row .a .dhp,.rx-tool a.dhp{text-decoration:none}
.d85-fresh{position:relative;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:20px;border:1px solid #EBCBB9;background:linear-gradient(90deg,#FFF3E8,#FFFFFF 70%)}
.d85-fresh .ic{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:13px;background:#FBE3D8;color:var(--ds-accent)}
.d85-fresh .ic svg{width:20px;height:20px}
.d85-fresh .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.d85-fresh .tx small{font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--ds-accent)}
.d85-fresh .tx b{font:600 15px/1.25 var(--ds-font);color:var(--ds-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.d85-fresh .tx span{font-size:12.5px;color:var(--ds-text-muted)}
.d85-fresh .ac{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.d85-fresh .ac .dhp{height:40px}
.d85-fresh .x{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:10px;background:none;color:var(--ds-text-subtle);cursor:pointer}
.d85-fresh .x:hover{background:var(--ds-muted)}
.d85-fresh .x svg{width:16px;height:16px}
@media (max-width:899px){
  .d85-fresh{flex-wrap:wrap;padding-right:44px}
  .d85-fresh .tx{flex:1 1 calc(100% - 60px)}
  .d85-fresh{padding-right:16px}
  .d85-fresh .ac{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .d85-fresh .ac .dhp{width:100%}
  .d85-fresh .ac .dhp.line{grid-column:1/-1}
  .d85-fresh .x{position:absolute;right:8px;top:8px}
  .rx-row{grid-template-columns:minmax(0,1fr)}
  .d85-rep .rx-btns{margin-left:68px}
  .m85 .rx-btns{margin-left:82px}
  .rx-ln{grid-template-columns:60px minmax(0,1fr);font-size:13px}
  .rx-tool .dhp{flex:1 1 auto}
}
.rx-btns .dhp{margin-left:0 !important}

/* ---------- v8.5.5: главный экран целиком в один экран на компьютере ---------- */
@media (min-width:1280px){
  .d85{height:calc(100dvh - 59px - 36px);min-height:640px;gap:12px}
  .d85-head{flex:none}
  .d85-head h2{font-size:22px}
  .d85-r1{flex:0 0 clamp(270px,36vh,330px);min-height:0;height:auto;gap:12px;grid-template-rows:minmax(0,1fr)}
  .d85-r2{flex:1 1 0;min-height:150px;height:auto;gap:12px;grid-template-rows:minmax(0,1fr)}
  .d85-r1 > *,.d85-r2 > *{min-height:0;overflow:hidden}
  .d85-met{flex:none}
  .d85-fresh{flex:none;padding:9px 12px 9px 14px;gap:12px;border-radius:16px}
  .d85-fresh .ic{width:34px;height:34px;border-radius:10px}
  .d85-fresh .ic svg{width:17px;height:17px}
  .d85-fresh .tx{flex-direction:row;align-items:baseline;gap:10px;flex-wrap:wrap}
  .d85-fresh .tx b{font-size:14px}
  .d85-fresh .ac .dhp{height:34px;padding:0 13px;font-size:12.5px}
  .d85-met{padding:12px 16px;gap:8px}
  .d85-met .dhc-h p{display:inline}
  .d85-met .d85-mts{gap:8px}
  .d85-mt{padding:9px 12px;gap:5px;border-radius:12px}
  .d85-mt .w{font-size:15px}
  .d85-mt .mxb{height:7px}
  .d85-pair{padding:14px 16px}
  .d85-cal .dhc-h p{display:none}
  .d85-reps .dhc-h p,.d85-tops .dhc-h p{margin-top:1px}
  .d85-repl > li{padding:8px 6px}
  .d85-rep .tx ul{display:none}
}
@media (min-width:1280px) and (max-height:740px){
  .d85{height:auto}
  .d85-r2{flex:none;height:300px}
}
/* ---------- боковая панель: бежевый фон и лужайка из микрофонов внизу ---------- */
#side,#dsDrawer .pn{--ds-sidebar:#F7EBD9;background:#F7EBD9}
#side .ds-foot,#dsDrawer .ds-foot{background:transparent;padding-bottom:0}
#side .ds-foot::after,#dsDrawer .ds-foot::after{content:'';display:block;margin:14px -16px 0;aspect-ratio:560/330;
  background:url(/lawn.webp) center bottom/100% auto no-repeat}
#side .ds-brand,#side .ds-list.ds-quiet{background:transparent}
@media (max-height:760px){ #side .ds-foot::after{aspect-ratio:560/200;background-size:100% auto} }
@media (min-width:1280px) and (max-height:860px){
  .d85{gap:10px}
  .d85-r1{flex-basis:clamp(258px,35vh,300px)}
  .d85-r2{min-height:118px}
  .d85-fresh{padding-top:6px;padding-bottom:6px}
  .d85-met{padding:10px 14px;gap:6px}
  .d85-met .dhc-h{align-items:center}
  .d85-met .dhc-h p{display:none}
  .d85-mt small{display:none}
  .d85-mt{padding:7px 12px}
}