/* Дровер «Мои сделки» */
/* deals drawer (desktop) / screen (mobile) */
.dl{position:fixed;z-index:61;top:calc(env(safe-area-inset-top,0px) + 16px);bottom:16px;right:max(16px,env(safe-area-inset-right,0px));width:min(430px,calc(100vw - 32px));
  display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:22px;background:#0f0f11;border:1px solid rgba(212,174,98,.22);box-shadow:0 30px 90px #000;
  transform:translateX(calc(100% + 40px));transition:transform .45s cubic-bezier(.2,.8,.2,1);visibility:hidden}
.dl.open{transform:none;visibility:visible}
.dl-h{display:flex;align-items:center;gap:10px}
.dl-h h3{margin:0;flex:1;font-size:20px;font-weight:600;color:#eae2de}
.dl .seg{align-self:flex-start}
.dl-list{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px;margin:0 -4px;padding:0 4px}
.dc{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;text-align:left;width:100%;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);
  transition:border-color .2s,transform .3s var(--spring)}
.dc:hover{border-color:rgba(212,174,98,.4)}.dc:active{transform:scale(.98)}
.dc-t{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:rgba(255,255,255,.5)}
.dc h4{margin:0;font-size:16px;font-weight:600;line-height:1.3;color:#eae2de}
.dc-m{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;color:rgba(255,255,255,.6)}
.dc-m b{color:#eae2de;font-variant-numeric:tabular-nums}
.dc-m .who{display:flex;align-items:center;gap:8px}
.pav{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:12px;font-weight:600;color:#fff;flex:none}
.prog{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.prog i{height:4px;border-radius:2px;background:rgba(255,255,255,.1)}
.prog i.d{background:var(--ok)}.prog i.c{background:var(--gold);box-shadow:0 0 8px rgba(212,174,98,.6)}
.prog.bad i.c{background:#fd002f;box-shadow:0 0 8px rgba(253,0,47,.6)}
.dst{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:11px;font-size:13px;font-weight:600;white-space:nowrap}
.dst i{width:6px;height:6px;border-radius:50%;background:currentColor}
.dst.act{color:var(--gold-hi);background:rgba(212,174,98,.12)}
.dst.wait{color:#9db0c9;background:rgba(157,176,201,.1)}
.dst.done{color:var(--ok);background:rgba(95,211,168,.1)}
.dst.bad{color:#ff8a9d;background:rgba(253,0,47,.12)}
.dst.off{color:rgba(255,255,255,.45);background:rgba(255,255,255,.06)}
.empty{padding:36px 16px;text-align:center;color:rgba(255,255,255,.45);font-size:14px;line-height:1.5}