.user-panel-card-wide{grid-column:1/-1}.location-item{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid #eceaf2}.location-item:last-child{border-bottom:0}.location-playlist-label{display:grid;gap:5px;min-width:220px;color:#77738a;font-size:10px;font-weight:700}.user-location-playlist{padding:9px 10px;border:1px solid #dedbe9;border-radius:8px;background:#fff;color:#4f4a61;font:600 11px 'DM Sans'}.location-playlist-actions{display:flex;align-items:end;justify-content:flex-end;flex-wrap:wrap;gap:8px}.location-player-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}.location-saved{opacity:0;color:#20a878;font-size:10px;transition:opacity .2s}.location-item.saved .location-saved{opacity:1}.user-panel-actions{display:flex;align-items:center;gap:8px}.client-theme-toggle{width:37px;height:37px;border:1px solid #dedbe9;border-radius:10px;background:#fff;color:#6543ce;font-size:16px;cursor:pointer}.client-report-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.client-report-heading h3{margin-bottom:6px}.report-period{padding:7px 10px;border-radius:99px;background:#f1edff;color:#6945d2;font-size:10px;font-weight:700;white-space:nowrap}.client-report-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.client-report-kpis div{padding:12px;border:1px solid #eeebf4;border-radius:10px;background:#fbfaff}.client-report-kpis span{display:block;color:#9993a5;font-size:10px}.client-report-kpis strong{display:block;margin-top:6px;color:#302b46;font:700 20px 'Space Grotesk'}.client-report-chart{height:135px;display:flex;align-items:flex-end;gap:clamp(4px,1.3vw,14px);padding:10px 7px 0;border-bottom:1px solid #e7e3ef}.client-report-bar-wrap{height:100%;display:flex;align-items:flex-end;flex:1}.client-report-bar{width:100%;min-height:2px;border-radius:6px 6px 1px 1px;background:linear-gradient(180deg,#a17df5,#6744d7);transition:height .35s}.client-report-days{display:flex;justify-content:space-between;padding:8px 2px 18px;color:#9993a5;font-size:10px}.client-report-card h4{margin:6px 0 10px;color:#403a55;font:600 13px 'Space Grotesk'}.client-report-top{display:grid;gap:6px}.client-report-top div{display:flex;justify-content:space-between;padding:8px 10px;border-radius:8px;background:#f8f6fc;color:#5d576e;font-size:11px}.client-report-top strong{color:#6945d2}.client-dark{background:#11111a!important;color:#f2effb}.client-dark .user-panel-card{background:#211f2e;border-color:#3a364c;box-shadow:0 12px 30px rgba(0,0,0,.2)}.client-dark .user-panel-header h1,.client-dark .user-panel-card h3,.client-dark .client-report-card h4{color:#f2effb}.client-dark .user-panel-header p,.client-dark .user-panel-card p,.client-dark .muted,.client-dark .client-report-days,.client-dark .client-report-kpis span{color:#aaa5ba}.client-dark .client-theme-toggle{background:#2a263b;border-color:#49415f;color:#f0d87e}.client-dark .secondary-button{background:#2a263b;border-color:#49415f;color:#d6caff}.client-dark .user-location-playlist{background:#2a2838;border-color:#49445b;color:#f2effb}.client-dark .location-item,.client-dark .client-report-chart{border-color:#3a364c}.client-dark .client-report-kpis div{background:#282538;border-color:#403a51}.client-dark .client-report-kpis strong{color:#f2effb}.client-dark .client-report-top div{background:#2a2738;color:#d0c9df}@media(max-width:650px){.location-item{align-items:stretch;flex-direction:column;gap:10px}.location-playlist-label{min-width:0}.location-playlist-actions{align-items:stretch;justify-content:stretch}.location-playlist-actions > *{flex:1 1 180px}.location-saved{position:absolute;right:0;top:15px}.user-panel-actions{flex-wrap:wrap}.client-report-kpis{grid-template-columns:repeat(2,1fr)}}

/* Estrutura do painel do cliente: largura contida e conteúdo sem overflow. */
html,
body {
  min-width: 0;
  overflow-x: hidden;
}

.user-panel-shell {
  width: min(1180px, calc(100% - 40px));
  max-width: 100%;
  margin: 0 auto;
  padding: 38px 0 64px;
  min-width: 0;
}

.user-panel-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px;
  width: 100%;
  min-width: 0;
  margin-bottom: 24px;
}

.user-panel-header > div:first-child {
  min-width: 0;
  flex: 1 1 360px;
}

.user-panel-header h1 {
  margin: 0;
  color: #24213a;
  font: 700 clamp(26px, 3vw, 34px) 'Space Grotesk', sans-serif;
  letter-spacing: -.8px;
  overflow-wrap: anywhere;
}

.user-panel-header p:not(.eyebrow) {
  max-width: 680px;
  margin: 8px 0 0;
  color: #858197;
  line-height: 1.55;
}

.user-panel-actions {
  flex: 0 1 auto;
  min-width: 0;
  justify-content: flex-end;
}

.user-panel-actions > * {
  min-width: 0;
  white-space: nowrap;
}

.user-panel-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  width: 100%;
  min-width: 0;
}

.user-panel-card {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  padding: 22px;
  background: #fff;
  border: 1px solid #eceaf3;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(31, 25, 72, .06);
}

.user-panel-card h3 {
  margin: 0 0 7px;
  color: #302b46;
  font: 600 17px 'Space Grotesk', sans-serif;
  overflow-wrap: anywhere;
}

.user-panel-card > p {
  margin: 0 0 16px;
  color: #858197;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.user-panel-list,
.user-panel-list > div,
.client-report-card,
.client-report-heading,
.client-report-heading > div {
  min-width: 0;
  max-width: 100%;
}

.user-panel-list {
  display: grid;
  gap: 0;
}

.user-panel-list > div {
  padding: 12px 0;
  border-bottom: 1px solid #f0eef5;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.user-panel-list > div:last-child {
  border-bottom: 0;
}

.user-panel-list b {
  display: inline-block;
  max-width: 100%;
  color: #38334e;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.user-panel-list .muted {
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.client-report-heading h3 {
  overflow-wrap: anywhere;
}

@media (max-width: 980px) {
  .user-panel-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .user-panel-shell {
    width: min(calc(100% - 24px), 680px);
    padding: 24px 0 42px;
  }

  .user-panel-header {
    flex-direction: column;
    gap: 16px;
    margin-bottom: 18px;
  }

  .user-panel-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    justify-content: stretch;
  }

  .user-panel-actions > * {
    width: 100%;
    text-align: center;
  }

  .user-panel-actions #logout {
    grid-column: 1 / -1;
  }

  .user-panel-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 13px;
  }

  .user-panel-card,
  .user-panel-card-wide {
    grid-column: auto;
    padding: 18px;
  }

  .client-report-heading {
    flex-direction: column;
    gap: 10px;
  }
}

@media (max-width: 420px) {
  .user-panel-shell {
    width: calc(100% - 20px);
  }

  .user-panel-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .user-panel-actions #logout {
    grid-column: auto;
  }

  .user-panel-card,
  .user-panel-card-wide {
    padding: 16px;
  }

  .client-report-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.user-location-playback{padding:9px 10px;border:1px solid #dedbe9;border-radius:8px;background:#fff;color:#4f4a61;font:600 11px 'DM Sans'}.client-dark .user-location-playback{background:#2a2838;border-color:#49445b;color:#f2effb}

/* Perfil do cliente com as mesmas opções essenciais de Configurações. */
.user-profile-panel{grid-column:1/-1;min-width:0;margin-bottom:24px}
.client-profile-card{padding:24px}
.client-profile-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}
.client-profile-heading h2{margin:0 0 7px;color:#302b46;font:700 22px 'Space Grotesk',sans-serif}
.client-profile-heading p:not(.eyebrow){margin:0;color:#858197;line-height:1.5}
.client-profile-badge{padding:7px 11px;border-radius:99px;background:#f1edff;color:#6945d2;font-size:10px;font-weight:700;white-space:nowrap}
.client-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.client-profile-form,.client-profile-photo{display:grid;align-content:start;gap:11px;padding:16px;border:1px solid #ece9f3;border-radius:13px;background:#fbfaff}
.client-profile-form h3,.client-profile-photo h3{margin:0 0 2px;color:#403a55;font:600 14px 'Space Grotesk',sans-serif}
.client-profile-form label{display:grid;gap:6px;color:#77738a;font-size:11px;font-weight:700}
.client-profile-form input{width:100%;min-height:40px;padding:9px 10px;border:1px solid #dedbe9;border-radius:8px;background:#fff;color:#342f46;font:500 12px 'DM Sans',sans-serif}
.client-profile-form input:focus{outline:2px solid #c9baff;outline-offset:1px}
.client-profile-form .primary-button{margin-top:3px}
.client-profile-photo-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.client-profile-avatar{width:66px;height:66px;object-fit:cover;border-radius:16px;background:#e5dfff;color:#6448d5;display:grid;place-items:center;font:700 17px 'Space Grotesk',sans-serif}
.client-profile-avatar-placeholder{border:1px solid #d8cff8}
.client-profile-help{color:#9993a5;font-size:10px;line-height:1.45}
.client-dark .client-profile-heading h2,.client-dark .client-profile-form h3,.client-dark .client-profile-photo h3{color:#f2effb}
.client-dark .client-profile-heading p:not(.eyebrow),.client-dark .client-profile-help{color:#aaa5ba}
.client-dark .client-profile-badge{background:#3b3161;color:#d6caff}
.client-dark .client-profile-form,.client-dark .client-profile-photo{background:#282538;border-color:#403a51}
.client-dark .client-profile-form label{color:#b8b1c7}
.client-dark .client-profile-form input{background:#2a2838;border-color:#49445b;color:#f2effb}
@media(max-width:760px){.user-profile-panel{margin-bottom:16px}.client-profile-heading{flex-direction:column;gap:10px}.client-profile-grid{grid-template-columns:1fr}.client-profile-card{padding:18px}}