/* LondonPlayer Design System — V7 TIPOGRAFIA ÚNICA 2026-08-30
   Objetivo: a MESMA família tipográfica e os MESMOS pesos em todas as páginas.
   Referência visual: interface limpa, humanista e leve; sem copiar ativos de terceiros.
   A pilha usa fontes nativas do sistema para velocidade, privacidade e boa leitura mobile.
*/
:root{
  --lp-ui-font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --lp-ui-text:#303238;
  --lp-ui-strong:#25272c;
  --lp-ui-muted:#707681;
  --lp-ui-soft-text:#9297a0;
  --lp-ui-bg:#ffffff;
  --lp-ui-soft:#f7f7f8;
  --lp-ui-hover:#f2f2f3;
  --lp-ui-active:#eeeeef;
  --lp-ui-line:#e5e5e7;
  --lp-ui-red:#e31924;
  --lp-ui-red-dark:#c9141e;
  --lp-ui-red-soft:#fff1f2;
  --lp-ui-green:#159447;
  --font:var(--lp-ui-font);
  --text:var(--lp-ui-text);
  --text-strong:var(--lp-ui-strong);
  --muted:var(--lp-ui-muted);
  --line:var(--lp-ui-line);
  --soft:var(--lp-ui-soft);
}
html,body,
button,input,select,textarea,optgroup,
a,p,span,strong,small,label,
h1,h2,h3,h4,h5,h6,
table,thead,tbody,tfoot,tr,th,td,
.sidebar,.main-content,.app-topbar,.profile-dropdown{
  font-family:var(--lp-ui-font)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
html,body{color:var(--lp-ui-text)!important}

/* Escala única de pesos: Regular 400 / Medium 500 / Semibold 600 apenas quando necessário. */
body,p,li,dd,dt,small,label,input,textarea,select,option,td{font-weight:400!important}
.sidebar .nav a,.sidebar .nav-label,.profile-name,.btn,button,
.main-content [class*="button"],.main-content [class*="botao"]{font-weight:500!important}
.sidebar .nav a.active,.sidebar .nav a[aria-current="page"]{font-weight:500!important}
.main-content h1,.main-content h2,.main-content h3,
.page-head h1,.content-title-row h1,.playlist-heading-row h1,
.widgets-title-row h1,.notice-page-head h1,.page-title,[class*="page-title"]{
  color:var(--lp-ui-strong)!important;
  font-weight:500!important;
  letter-spacing:-.028em!important;
}
.main-content h4,.main-content h5,.main-content h6{font-weight:500!important;color:var(--lp-ui-strong)!important}
.main-content strong,.sidebar strong{font-weight:500!important}
.page-head p,.content-title-row p,.widgets-page-head p,.notice-page-head p,
.main-content .muted,.main-content [class*="subtitle"],.main-content [class*="subtitulo"]{color:var(--lp-ui-muted)!important}

/* Menu oficial: fundo cinza + barrinha vermelha, sem engrossar a fonte. */
.sidebar .nav a.active,
.sidebar .nav a[aria-current="page"]{
  position:relative!important;
  background:var(--lp-ui-active)!important;
  color:var(--lp-ui-strong)!important;
  box-shadow:none!important;
}
.sidebar .nav a.active::before,
.sidebar .nav a[aria-current="page"]::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  width:4px!important;
  height:26px!important;
  transform:translateY(-50%)!important;
  border-radius:0 4px 4px 0!important;
  background:var(--lp-ui-red)!important;
}
.sidebar .nav a.active .nav-icon-wrap,
.sidebar .nav a[aria-current="page"] .nav-icon-wrap{color:var(--lp-ui-strong)!important}
.sidebar .nav a:hover{background:var(--lp-ui-hover)!important;color:var(--lp-ui-strong)!important;transform:none!important}

/* Superfícies e controles. */
.app-topbar,.sidebar,.card,.content-library-board,.playlist-board{border-color:var(--lp-ui-line)!important}
.card,.content-library-board,.playlist-board{box-shadow:none!important}
.btn,input:not([type="range"]),select,textarea{border-color:var(--lp-ui-line)!important;box-shadow:none!important}
.btn:hover,button:hover{transform:none!important;box-shadow:none!important}

/* Não alterar artes/conteúdo renderizado. */
.notice-tv-frame,.notice-tv-frame *,
.widget-screen,.widget-screen *,
.player-preview,.player-preview *,
.display-profile-mini-stage,.display-profile-mini-stage *{font-family:inherit}
.brand img,.logo img,.mobile-topbar-brand img,.media-card img,.playlist-item img{filter:none!important}