.profit-page{display:grid;gap:14px}.profit-page .page-card{border:1px solid #2b4652;background:linear-gradient(145deg,#10212b,#0b171f);box-shadow:0 13px 32px #0004}.profit-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px}.profit-head h1{margin:4px 0 6px;font-size:25px}.profit-head p{margin:0;color:#8b9ba3;font-size:13px}.profit-head-actions{display:flex;align-items:center;gap:11px}.profit-limit{padding:8px 10px;border:1px solid #465864;border-radius:5px;color:#aab8bd;font-size:12px}.profit-limit b{color:#f1ab1b;font-size:16px}.profit-info{display:flex;justify-content:space-between;padding:11px 15px;color:#8da0a9;font-size:12px}.profit-info span:last-child{color:#75d99a}.profit-list{display:grid;gap:8px}.profit-lot{display:grid;grid-template-columns:56px minmax(180px,1fr) minmax(115px,.65fr) minmax(115px,.65fr) 100px 136px 108px;align-items:center;gap:14px;padding:12px 16px;border:1px solid #2b4652;background:linear-gradient(145deg,#10212b,#0b171f);transition:background .2s,transform .2s}.profit-lot:hover{background:#152b35;transform:translateY(-1px)}.profit-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid #36525e;background:#0a151d}.profit-icon img{width:46px;height:46px;object-fit:contain}.profit-icon span{color:#f2aa1a;font-size:22px}.profit-name{border:0;background:transparent;color:#e5edf0;font:700 15px inherit;text-align:left;cursor:pointer;padding:0}.profit-name:hover{color:#f2aa1a}.profit-name small,.profit-value span,.profit-profit small{display:block;margin-top:4px;color:#82959e;font-size:10px;font-weight:400}.profit-value b{font-size:14px}.profit-profit{color:#65da96;font-size:15px;font-weight:850}.profit-profit small{color:inherit}.profit-time{color:#aab9be;font-size:12px}.profit-empty{padding:42px 18px;border:1px dashed #405661;color:#8da0a9;text-align:center}.profit-upgrade{display:flex;justify-content:space-between;gap:20px;padding:18px}.profit-upgrade h2{margin:4px 0 6px;font-size:19px}.profit-upgrade p{margin:0;color:#8b9ba3;font-size:12px}.profit-slots{display:flex;gap:9px;margin-top:12px}.profit-slots span{padding:6px 8px;border:1px solid #394f5b;color:#9eafb6;font-size:11px}.profit-slots b{color:#f0aa1b}.profit-products{display:grid;gap:7px;min-width:300px}.profit-products>div{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:9px;padding:8px;border:1px solid #334b56;background:#0c1921;font-size:12px}.profit-products b{color:#f2ae22}.profit-products .auc-btn{height:32px;font-size:11px}@keyframes profit-refresh{0%,58%{opacity:1;transform:scale(1)}74%{opacity:1;transform:scale(1.35)}100%{opacity:0;transform:scale(.4)}}.profit-lot.refreshing{position:relative;overflow:hidden}.profit-lot.refreshing:after{content:'?';position:absolute;inset:0;display:grid;place-items:center;background:#071019e8;color:#f0aa1b;font-size:36px;font-weight:900;animation:profit-refresh 2.4s ease forwards}@media(max-width:1050px){.profit-lot{grid-template-columns:56px 1fr 1fr 100px 130px}.profit-time,.profit-lot .profit-value:nth-of-type(2){display:none}}@media(max-width:720px){.profit-head,.profit-upgrade{align-items:flex-start;flex-direction:column}.profit-lot{grid-template-columns:48px 1fr 110px}.profit-icon{width:44px;height:44px}.profit-icon img{width:39px;height:39px}.profit-lot .profit-value,.profit-time{display:none}.profit-profit{grid-column:3;grid-row:1}.profit-products{width:100%;min-width:0}.profit-info{gap:8px;flex-direction:column}}
/* Click-to-copy hint (для profit-name) — уже есть active, добавим dotted underline на hover */
.profit-name:hover{
  color:#f2aa1a;
  text-decoration:underline;
  text-decoration-style:dotted;
  text-underline-offset:3px;
}
.profit-name{
  cursor:copy;
}

/* Toast для копирования (тот же стиль) */
.copy-toast{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:9999;
  padding:11px 15px;
  border:1px solid #426554;
  border-radius:7px;
  background:#10251a;
  color:#92d2a7;
  font:600 13px Inter,"Segoe UI",Arial,sans-serif;
  box-shadow:0 10px 30px rgba(0,0,0,.4);
  opacity:0;
  transform:translateY(8px);
  transition:.18s;
  pointer-events:none;
}
.copy-toast.show{
  opacity:1;
  transform:translateY(0);
}

/* === Dynamic trends (Fix_plan п.30): вкладки + два списка === */
.profit-tabs{display:flex;flex-wrap:wrap;gap:8px}
.profit-regions{display:flex;gap:6px}
.profit-tab.region{padding:7px 13px;font-size:12px}
.profit-tab{padding:9px 16px;border:1px solid #2b4652;background:#0b171f;color:#c9d5da;border-radius:5px;cursor:pointer;font:700 13px Inter,"Segoe UI",Arial,sans-serif}
.profit-tab:hover{background:#132531}
.profit-tab.active{background:linear-gradient(#ffbb34,#eb9708);border-color:#ffb52b;color:#1c1408}
.profit-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.profit-col{padding:14px 16px}
.profit-col-title{margin:0 0 12px;font-size:16px}
.profit-col-title.good{color:#65da96}
.profit-col-title.bad{color:#ef6a72}
.profit-cards{display:grid;gap:8px}
.profit-card{display:grid;grid-template-columns:52px minmax(120px,1fr) minmax(96px,.7fr) minmax(96px,.7fr) 88px;align-items:center;gap:12px;padding:10px 12px;border:1px solid #2b4652;background:linear-gradient(145deg,#10212b,#0b171f)}
.profit-card.up{border-left:3px solid #3fae6a}
.profit-card.down{border-left:3px solid #c73838}
.profit-delta{font-weight:850;font-size:15px;text-align:right}
.profit-delta.up{color:#65da96}
.profit-delta.down{color:#ef6a72}
@media(max-width:900px){
  .profit-columns{grid-template-columns:1fr}
  .profit-card{grid-template-columns:46px 1fr auto}
  .profit-card .profit-value{display:none}
}