/* UNISOL 360° — ajuste exclusivo da Performance da Equipe no mobile.
   Escopo: somente dashboard 360°, sem alterar dados, cálculos, desktop ou outros módulos. */
@media (max-width: 720px) {
  .u-px-prem .u-prem-perf {
    margin-top: 0 !important;
    padding: 12px 11px 4px !important;
    border-radius: 17px !important;
    overflow: hidden !important;
  }

  .u-px-prem .u-prem-perf-hd {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    margin-bottom: 4px !important;
    min-width: 0 !important;
  }

  .u-px-prem .u-prem-perf-title {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    font-size: 9.4px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: .035em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .u-px-prem .u-prem-perf-link {
    flex: 0 0 auto !important;
    margin: 0 !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  .u-px-prem .u-prem-perf-row {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 54px !important;
    padding: 8px 1px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .u-px-prem .u-prem-rank {
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 8px !important;
    font-size: 9px !important;
  }

  .u-px-prem .u-prem-perf-ident {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: 7px !important;
  }

  .u-px-prem .u-prem-perf-ident .u-prof-avatar {
    flex: 0 0 30px !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
  }

  .u-px-prem .u-prem-perf-meta {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .u-px-prem .u-prem-perf-meta strong {
    display: block !important;
    max-width: 100% !important;
    font-size: 9.8px !important;
    line-height: 1.15 !important;
    font-weight: 750 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .u-px-prem .u-prem-perf-meta span {
    display: block !important;
    max-width: 100% !important;
    margin-top: 2px !important;
    font-size: 7.9px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .u-px-prem .u-prem-perf-right {
    flex: 0 0 50px !important;
    min-width: 50px !important;
    gap: 3px !important;
  }

  .u-px-prem .u-prem-perf-pct {
    font-size: 10px !important;
    line-height: 1 !important;
  }

  .u-px-prem .u-prem-perf-bar {
    width: 50px !important;
    height: 4px !important;
  }

  .u-px-prem .u-prem-chev {
    flex: 0 0 auto !important;
    font-size: 15px !important;
    line-height: 1 !important;
  }

  .u-px-prem .u-prem-perf-det {
    margin: 0 -2px 5px !important;
  }
}

@media (max-width: 390px) {
  .u-px-prem .u-prem-perf-title { font-size: 8.9px !important; }
  .u-px-prem .u-prem-perf-link { font-size: 8.5px !important; }
  .u-px-prem .u-prem-perf-row { gap: 6px !important; min-height: 52px !important; }
  .u-px-prem .u-prem-rank { flex-basis: 26px !important; width: 26px !important; height: 26px !important; }
  .u-px-prem .u-prem-perf-ident .u-prof-avatar { flex-basis: 28px !important; width: 28px !important; height: 28px !important; min-width: 28px !important; }
  .u-px-prem .u-prem-perf-meta strong { font-size: 9.2px !important; }
  .u-px-prem .u-prem-perf-meta span { font-size: 7.5px !important; }
  .u-px-prem .u-prem-perf-right { flex-basis: 46px !important; min-width: 46px !important; }
  .u-px-prem .u-prem-perf-bar { width: 46px !important; }
}


/* UNISOL 360° — Performance da Equipe: detalhe premium e legível.
   O ranking continua compacto; somente o corretor explicitamente aberto recebe este drill-down. */
.u-px-prem .u-prem-perf-row.is-open .u-prem-chev{
  transform:rotate(-90deg);
  color:#f5821f;
}
.u-px-prem .u-prem-chev{
  transition:transform .18s ease,color .18s ease;
}
.u-px-prem .u-prem-perf-det{
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--card);
  overflow:hidden;
}
.u-px-prem .u-prem-perf-det .u-px-detalhe-head{
  padding:14px 16px 10px;
  border-bottom:0;
}
.u-px-prem .u-prem-perf-det .u-px-detalhe-titulo{
  font-size:14px;
  line-height:1.2;
  letter-spacing:.035em;
}
.u-px-perf-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  padding:0 14px 12px;
}
.u-px-perf-kpi{
  min-width:0;
  padding:12px;
  border:1px solid var(--line);
  border-radius:13px;
  background:color-mix(in srgb,var(--card) 90%,var(--text) 2%);
}
.u-px-perf-kpi span,
.u-px-perf-kpi small{
  display:block;
  color:var(--muted);
  font-size:9px;
  line-height:1.25;
  font-weight:700;
  letter-spacing:.04em;
}
.u-px-perf-kpi strong{
  display:block;
  margin:4px 0 2px;
  color:var(--text);
  font-size:16px;
  line-height:1.1;
  font-weight:800;
}
.u-px-perf-kpi.is-accent strong{color:#f5821f}
.u-px-perf-sale{
  position:relative;
  display:block;
  margin:0 14px 9px;
  padding:13px 36px 13px 13px;
  border:1px solid var(--line);
  border-radius:14px;
  background:color-mix(in srgb,var(--card) 94%,var(--text) 1.5%);
  color:inherit;
  text-decoration:none;
  transition:border-color .18s ease,transform .18s ease,background .18s ease;
}
.u-px-perf-sale:hover{
  border-color:rgba(245,130,31,.34);
  transform:translateY(-1px);
}
.u-px-perf-sale.is-disabled{pointer-events:none}
.u-px-perf-sale-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.u-px-perf-sale-head>div:first-child{min-width:0}
.u-px-perf-sale-eyebrow{
  display:block;
  margin-bottom:3px;
  color:#f5821f;
  font-size:9px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:.07em;
}
.u-px-perf-sale-head strong{
  display:block;
  color:var(--text);
  font-size:13px;
  line-height:1.25;
  font-weight:780;
  overflow-wrap:anywhere;
}
.u-px-perf-sale-date{
  flex:0 0 auto;
  color:var(--muted);
  font-size:10px;
  line-height:1.2;
  font-weight:650;
}
.u-px-perf-sale-money{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:11px;
  padding:10px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.u-px-perf-sale-money span,
.u-px-perf-sale-info span,
.u-px-perf-total span{
  display:block;
  color:var(--muted);
  font-size:8.5px;
  line-height:1.2;
  font-weight:750;
  letter-spacing:.04em;
}
.u-px-perf-sale-money strong{
  display:block;
  margin-top:3px;
  color:var(--text);
  font-size:13px;
  line-height:1.2;
  font-weight:800;
}
.u-px-perf-sale-money .is-accent strong{color:#f5821f}
.u-px-perf-sale-info{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px 12px;
  padding-top:10px;
}
.u-px-perf-sale-info>div{min-width:0}
.u-px-perf-sale-info strong{
  display:block;
  margin-top:2px;
  color:var(--text);
  font-size:10px;
  line-height:1.25;
  font-weight:650;
  overflow-wrap:anywhere;
}
.u-px-perf-sale-arrow{
  position:absolute;
  right:13px;
  top:50%;
  transform:translateY(-50%);
  color:var(--muted);
  font-size:20px;
  line-height:1;
}
.u-px-perf-empty{
  margin:0 14px 14px;
  padding:18px 14px;
  border:1px dashed var(--line);
  border-radius:13px;
  color:var(--muted);
  text-align:center;
  font-size:12px;
  line-height:1.45;
}
.u-px-perf-total{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr;
  gap:10px;
  align-items:center;
  margin:4px 14px 14px;
  padding:12px 13px;
  border:1px solid rgba(245,130,31,.28);
  border-radius:14px;
  background:linear-gradient(90deg,rgba(245,130,31,.08),rgba(245,130,31,.025));
}
.u-px-perf-total>div{min-width:0}
.u-px-perf-total small{
  display:block;
  margin-top:2px;
  color:var(--muted);
  font-size:9px;
}
.u-px-perf-total strong{
  display:block;
  margin-top:3px;
  color:var(--text);
  font-size:13px;
  line-height:1.2;
  font-weight:800;
}
.u-px-perf-total .is-accent strong{color:#f5821f}

[data-theme="dark"] .u-px-prem .u-prem-perf-det{
  background:linear-gradient(145deg,rgba(26,34,46,.97),rgba(20,27,38,.98));
  border-color:rgba(255,255,255,.07);
}
[data-theme="dark"] .u-px-perf-kpi,
[data-theme="dark"] .u-px-perf-sale{
  background:rgba(255,255,255,.022);
  border-color:rgba(255,255,255,.07);
}
[data-theme="dark"] .u-px-perf-sale-money{
  border-color:rgba(255,255,255,.06);
}

@media (max-width:720px){
  .u-px-prem .u-prem-perf-det{
    margin:0 0 7px!important;
    border-radius:14px!important;
  }
  .u-px-prem .u-prem-perf-det .u-px-detalhe-head{
    padding:12px 11px 8px!important;
  }
  .u-px-prem .u-prem-perf-det .u-px-detalhe-titulo{
    font-size:11.5px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .u-px-perf-summary{
    gap:5px;
    padding:0 9px 9px;
  }
  .u-px-perf-kpi{
    padding:9px 7px;
    border-radius:10px;
  }
  .u-px-perf-kpi span,
  .u-px-perf-kpi small{
    font-size:6.9px;
    letter-spacing:.025em;
  }
  .u-px-perf-kpi strong{
    margin-top:3px;
    font-size:11.5px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .u-px-perf-sale{
    margin:0 9px 7px;
    padding:11px 29px 11px 10px;
    border-radius:11px;
  }
  .u-px-perf-sale-head{gap:8px}
  .u-px-perf-sale-eyebrow{font-size:7.5px}
  .u-px-perf-sale-head strong{font-size:10.5px}
  .u-px-perf-sale-date{font-size:8px}
  .u-px-perf-sale-money{
    gap:6px;
    margin-top:8px;
    padding:8px 0;
  }
  .u-px-perf-sale-money span,
  .u-px-perf-sale-info span,
  .u-px-perf-total span{font-size:6.7px}
  .u-px-perf-sale-money strong{font-size:10.5px}
  .u-px-perf-sale-info{
    grid-template-columns:1fr 1fr;
    gap:7px 9px;
    padding-top:8px;
  }
  .u-px-perf-sale-info strong{font-size:8.2px}
  .u-px-perf-sale-arrow{right:10px;font-size:17px}
  .u-px-perf-total{
    grid-template-columns:1.1fr 1fr 1fr;
    gap:6px;
    margin:3px 9px 9px;
    padding:9px 10px;
    border-radius:11px;
  }
  .u-px-perf-total small{font-size:6.8px}
  .u-px-perf-total strong{
    font-size:9.5px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .u-px-perf-empty{
    margin:0 9px 9px;
    padding:15px 11px;
    font-size:9px;
  }
}
@media (max-width:390px){
  .u-px-perf-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
  .u-px-perf-kpi{padding:8px 5px}
  .u-px-perf-kpi strong{font-size:10px}
  .u-px-perf-kpi span,.u-px-perf-kpi small{font-size:6.2px}
  .u-px-perf-sale-info{grid-template-columns:1fr 1fr}
}