/* =========================================================
   Ministério Seven V7.4 — hotfix visual/performance
   - Volta logo horizontal anterior no header
   - Corrige menu superior sobrepondo ações/avatar
   - Corrige hero da home cortando botões
   - Remove dependência visual dos scripts V7.2/V7.3 com observer pesado
   - Auto-rolagem compacta e arrastável em música/cifra
   - ADM com sidebar lateral limpa
   ========================================================= */

/* ---------- Header público: logo anterior + menu sem colisão ---------- */
.site-header,
.admin-topbar{
  overflow:visible !important;
  z-index:1000 !important;
}
.site-header .header-inner,
.admin-topbar .admin-topbar-inner{
  display:flex !important;
  align-items:center !important;
  gap:clamp(10px, 1vw, 18px) !important;
  min-height:68px !important;
  padding-inline:clamp(12px, 1.2vw, 18px) !important;
  min-width:0 !important;
}
.site-header .brand-link,
.admin-topbar .admin-brand{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:clamp(132px, 12vw, 176px) !important;
  max-width:190px !important;
  height:58px !important;
  padding:5px 10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  border-radius:18px !important;
  gap:10px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01)) !important;
}
.site-header .v73-brand-combo,
.admin-topbar .v73-brand-combo{
  display:none !important;
}
.site-header .brand-link .brand-v7,
.site-header .brand-link .v74-brand-logo{
  display:block !important;
  width:clamp(118px, 10.8vw, 158px) !important;
  height:48px !important;
  max-width:100% !important;
  object-fit:contain !important;
  object-position:left center !important;
  filter:brightness(1.08) contrast(1.08) saturate(1.05) drop-shadow(0 8px 18px rgba(0,0,0,.34)) !important;
}
html[data-theme="light"] .site-header .brand-link .brand-v7,
html[data-theme="light"] .site-header .brand-link .v74-brand-logo{
  filter:contrast(1.06) saturate(1.02) drop-shadow(0 7px 16px rgba(61,45,20,.14)) !important;
}

.site-header .main-nav,
.site-header .header-nav,
.site-header .site-nav{
  flex:1 1 auto !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:clamp(2px, .55vw, 10px) !important;
  overflow:visible !important;
}
.site-header .main-nav a,
.site-header .header-nav a,
.site-header .site-nav a{
  flex:0 0 auto !important;
  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
  line-height:1 !important;
  font-size:clamp(.76rem, .72vw, .88rem) !important;
  padding:10px clamp(7px, .62vw, 11px) !important;
  text-align:center !important;
}
.site-header .header-actions,
.admin-topbar .admin-actions{
  flex:0 0 auto !important;
  margin-left:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  min-width:max-content !important;
  position:relative !important;
  z-index:5 !important;
}
.site-header .header-actions button,
.site-header #search-toggle,
.site-header #theme-toggle,
.site-header #mobile-menu-toggle,
.site-header #admin-account-toggle,
.site-header .user-menu-trigger,
.admin-topbar #theme-toggle,
.admin-topbar #admin-account-toggle{
  flex:0 0 42px !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  max-width:42px !important;
  max-height:42px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  border-radius:14px !important;
}
.site-header #admin-account-toggle,
.site-header .user-menu-trigger,
.admin-topbar #admin-account-toggle{
  border-radius:999px !important;
  overflow:hidden !important;
}
.site-header #admin-account-toggle img,
.site-header .user-menu-trigger img,
.admin-topbar #admin-account-toggle img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:999px !important;
}

@media (max-width:1180px){
  .site-header .brand-link{min-width:124px !important;max-width:150px !important;padding-inline:7px !important;}
  .site-header .brand-link .brand-v7,.site-header .brand-link .v74-brand-logo{width:128px !important;height:44px !important;}
  .site-header .main-nav a{font-size:.76rem !important;padding-inline:6px !important;}
  .site-header .header-actions button,.site-header #search-toggle,.site-header #theme-toggle,.site-header #mobile-menu-toggle,.site-header #admin-account-toggle,.site-header .user-menu-trigger{width:40px !important;height:40px !important;min-width:40px !important;flex-basis:40px !important;}
}
@media (max-width:980px){
  .site-header .main-nav{display:none !important;}
  .site-header .brand-link{min-width:146px !important;max-width:180px !important;}
  .site-header .brand-link .brand-v7,.site-header .brand-link .v74-brand-logo{width:150px !important;height:48px !important;}
}

/* ---------- Home: evita corte nos botões do banner ---------- */
body.v7-page-index .hero-banner,
.home-page .hero-banner,
#hero-banner{
  min-height:clamp(545px, 49vw, 700px) !important;
  overflow:visible !important;
  margin-bottom:clamp(70px, 6.5vw, 108px) !important;
}
body.v7-page-index .v7-hero-content,
.home-page .v7-hero-content,
#hero-banner .v7-hero-content{
  min-height:inherit !important;
  padding-top:clamp(54px, 5vw, 84px) !important;
  padding-bottom:clamp(136px, 11vw, 190px) !important;
  overflow:visible !important;
}
body.v7-page-index .v7-hero-actions,
.home-page .v7-hero-actions,
#hero-banner .v7-hero-actions{
  position:relative !important;
  z-index:30 !important;
  margin-top:clamp(30px, 3vw, 46px) !important;
  margin-bottom:0 !important;
  transform:none !important;
}
body.v7-page-index .v7-home-quick-grid,
.home-page .v7-home-quick-grid{
  margin-top:clamp(42px, 4vw, 64px) !important;
  position:relative !important;
  z-index:12 !important;
}

/* ---------- Auto-rolagem V7.4: painel próprio, pequeno e arrastável ---------- */
body.v74-autoscroll-ready #scroll-bubble:not(.v74-scroll-panel),
body.v74-autoscroll-ready #musica-scroll-bubble:not(.v74-scroll-panel),
body.v74-autoscroll-ready .scroll-bubble:not(.v74-scroll-panel),
body.v74-autoscroll-ready .musica-scroll-bubble:not(.v74-scroll-panel){
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}
#scroll-panel-toggle,
.scroll-panel-toggle-btn,
.v72-auto-btn-fixed{
  min-width:78px !important;
  width:auto !important;
  padding:0 12px !important;
  gap:7px !important;
  font-size:0 !important;
  white-space:nowrap !important;
}
#scroll-panel-toggle::before,
.scroll-panel-toggle-btn::before,
.v72-auto-btn-fixed::before{
  content:"↧" !important;
  font-size:.98rem !important;
  color:var(--v7-gold, var(--primary, #d7ad47)) !important;
}
#scroll-panel-toggle::after,
.scroll-panel-toggle-btn::after,
.v72-auto-btn-fixed::after{
  content:"Auto" !important;
  font-size:.78rem !important;
  font-weight:900 !important;
  color:var(--text-soft, #d8d2c4) !important;
}
.scroll-panel-toggle-icon{display:none !important;}

.v74-scroll-panel{
  position:fixed;
  right:22px;
  bottom:22px;
  width:min(360px, calc(100vw - 28px));
  border:1px solid var(--border, rgba(255,255,255,.15));
  border-radius:22px;
  background:linear-gradient(180deg, rgba(19,22,30,.98), rgba(8,10,14,.96));
  color:var(--text, #fff);
  box-shadow:0 22px 55px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  z-index:2147483000;
  display:none;
  user-select:none;
  overflow:hidden;
}
.v74-scroll-panel.is-open{display:block;}
.v74-scroll-panel.v74-positioned{right:auto;bottom:auto;}
html[data-theme="light"] .v74-scroll-panel{
  background:linear-gradient(180deg, rgba(255,252,245,.98), rgba(248,240,224,.96));
  color:#17130e;
  box-shadow:0 20px 48px rgba(61,45,20,.16), inset 0 1px 0 rgba(255,255,255,.85);
}
.v74-scroll-head{
  height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:7px 10px 7px 14px;
  cursor:grab;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.v74-scroll-panel.is-dragging .v74-scroll-head{cursor:grabbing;}
.v74-scroll-title{
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--v7-gold, #d7ad47);
  display:flex;
  align-items:center;
  gap:8px;
}
.v74-scroll-title::before{content:"↧";font-size:.98rem;}
.v74-scroll-close{
  width:28px;height:28px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);
  color:inherit;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  line-height:1;
}
.v74-scroll-body{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 52px;
  align-items:center;
  gap:12px;
  padding:14px;
}
.v74-scroll-play{
  width:42px;height:42px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(180deg, rgba(245,190,75,.98), rgba(193,132,36,.96));
  color:#140f08;
  font-weight:950;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 28px rgba(212,175,55,.22);
}
.v74-scroll-play::before{content:"▶";font-size:.86rem;margin-left:2px;}
.v74-scroll-play.is-running::before{content:"Ⅱ";font-size:.95rem;margin-left:0;}
.v74-scroll-range-wrap{min-width:0;}
.v74-scroll-range-label{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  margin-bottom:6px;
  color:var(--text-soft, #d8d2c4);
  font-size:.72rem;
  font-weight:800;
}
.v74-scroll-speed-value{color:var(--v7-gold, #d7ad47);font-weight:950;}
.v74-scroll-range{
  width:100%;
  min-width:125px;
  display:block;
  accent-color:#f59b3a;
  cursor:pointer;
}
.v74-scroll-reset{
  height:36px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.045);
  color:inherit;
  font-weight:900;
  cursor:pointer;
}
.v74-scroll-hint{
  padding:0 14px 12px;
  text-align:center;
  color:var(--text-muted, #a8a29a);
  font-size:.68rem;
}
@media (max-width:620px){
  .v74-scroll-panel{left:12px !important;right:12px !important;bottom:12px !important;width:auto !important;}
  .v74-scroll-body{grid-template-columns:38px 1fr 46px;gap:10px;}
}

/* ---------- ADM lateral V7.4 ---------- */
body.v74-admin-page{--v74-sidebar-width:282px;}
body.v74-admin-page:not(.v74-admin-ready) .admin-cards-grid{opacity:0 !important;visibility:hidden !important;}
.v74-admin-shell{
  width:min(100% - 24px, 1440px);
  margin:24px auto 64px;
  display:grid;
  grid-template-columns:var(--v74-sidebar-width) minmax(0, 1fr);
  gap:22px;
  align-items:start;
}
.v74-admin-sidebar{
  position:sticky;
  top:calc(var(--header-height, 90px) + 18px);
  min-height:calc(100vh - 130px);
  border:1px solid var(--border, rgba(255,255,255,.12));
  border-radius:28px;
  background:linear-gradient(180deg, rgba(18,21,28,.96), rgba(8,10,14,.92));
  box-shadow:0 20px 50px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.05);
  padding:16px;
  overflow:hidden;
}
html[data-theme="light"] .v74-admin-sidebar{
  background:linear-gradient(180deg, rgba(255,252,245,.98), rgba(248,240,224,.95));
  box-shadow:0 18px 42px rgba(61,45,20,.12), inset 0 1px 0 rgba(255,255,255,.9);
}
.v74-admin-brand-mini{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 8px 16px;
  border-bottom:1px solid var(--border, rgba(255,255,255,.1));
  margin-bottom:14px;
}
.v74-admin-brand-mini img{width:92px;height:42px;object-fit:contain;object-position:left center;}
.v74-admin-brand-mini div{min-width:0;}
.v74-admin-brand-mini strong{display:block;color:var(--text,#fff);font-size:.9rem;line-height:1.05;white-space:nowrap;}
.v74-admin-brand-mini span{display:block;color:var(--v7-gold,#d7ad47);font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-top:3px;}
.v74-admin-menu-title{color:var(--v7-gold,#d7ad47);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin:16px 10px 8px;}
.v74-admin-menu{display:flex;flex-direction:column;gap:5px;}
.v74-admin-menu a{min-height:42px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;color:var(--text-soft,#d8d2c4);text-decoration:none;font-weight:850;font-size:.9rem;border:1px solid transparent;transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;}
.v74-admin-menu a:hover{transform:translateX(3px);color:var(--text,#fff);background:rgba(212,175,55,.08);border-color:rgba(212,175,55,.22);}
.v74-admin-menu a.is-active{color:var(--text,#fff);background:linear-gradient(90deg, rgba(212,175,55,.20), rgba(212,175,55,.06));border-color:rgba(212,175,55,.32);box-shadow:inset 3px 0 0 var(--v7-gold,#d7ad47);}
.v74-admin-menu-icon{width:22px;height:22px;display:inline-grid;place-items:center;flex:0 0 auto;color:var(--v7-gold,#d7ad47);}
.v74-admin-content{min-width:0;}
body.v74-admin-page .admin-cards-grid{display:none !important;}
.v74-admin-dashboard-welcome{border:1px solid var(--border, rgba(255,255,255,.12));border-radius:28px;padding:clamp(22px, 3vw, 34px);background:linear-gradient(135deg, rgba(212,175,55,.10), rgba(255,255,255,.035) 38%, rgba(0,0,0,.05));box-shadow:0 18px 40px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.05);margin-bottom:22px;}
.v74-admin-dashboard-welcome h2{margin:0 0 8px;font-family:var(--font-title, inherit);text-transform:uppercase;letter-spacing:.06em;}
.v74-admin-dashboard-welcome p{margin:0;color:var(--text-soft,#d8d2c4);line-height:1.55;}
.v74-admin-content > .container,.v74-admin-content > section.container,.v74-admin-content > section{width:100% !important;max-width:none !important;margin-inline:0 !important;}
@media (max-width:980px){.v74-admin-shell{grid-template-columns:1fr}.v74-admin-sidebar{position:relative;top:auto;min-height:0}.v74-admin-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));}}


/* V4 ajuste: auto-rolagem com um único X e botão Auto alternando abrir/fechar */
.v74-scroll-reset{display:none !important;}
.v74-scroll-body{grid-template-columns:46px minmax(0,1fr) !important;}
@media (max-width:760px){.v74-scroll-body{grid-template-columns:42px minmax(0,1fr) !important;}}
#scroll-panel-toggle.is-active,
#musica-scroll-panel-toggle.is-active,
.scroll-panel-toggle-btn.is-active,
.v72-auto-btn-fixed.is-active{
  border-color:var(--v7-gold, #d7ad47) !important;
  box-shadow:0 0 0 1px rgba(215,173,71,.18), inset 0 0 0 1px rgba(215,173,71,.10) !important;
}


/* V4 ajuste fino — toolbar só com ícones e auto-rolagem compacta */
.cifra-top-controls button,
.musica-top-controls button,
.letra-top-controls button,
.vocal-top-controls button,
.lyrics-top-controls button,
.public-music-toolbar button,
.public-cifra-toolbar button,
#transpose-down,
#transpose-up,
#font-down,
#font-up,
#focus-toggle,
#fullscreen-toggle,
#scroll-panel-toggle,
#pdf-toggle,
#mini-metronome-floating-toggle,
#cifra-mini-metronome-toggle,
#musica-font-down,
#musica-font-up,
#musica-focus-toggle,
#musica-fullscreen-toggle,
#musica-scroll-panel-toggle,
#musica-pdf-toggle{
  width:48px !important;
  min-width:48px !important;
  max-width:48px !important;
  height:48px !important;
  min-height:48px !important;
  max-height:48px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  font-size:0 !important;
  white-space:nowrap !important;
}

#scroll-panel-toggle::before,
#scroll-panel-toggle::after,
#musica-scroll-panel-toggle::before,
#musica-scroll-panel-toggle::after,
.scroll-panel-toggle-btn::before,
.scroll-panel-toggle-btn::after,
.v72-auto-btn-fixed::before,
.v72-auto-btn-fixed::after{
  content:none !important;
  display:none !important;
}

.v74-scroll-panel{
  width:min(330px, calc(100vw - 28px)) !important;
  border-radius:20px !important;
}

.v74-scroll-head{
  height:40px !important;
  padding:7px 10px 7px 13px !important;
}

.v74-scroll-body{
  grid-template-columns:44px minmax(0,1fr) !important;
  gap:11px !important;
  padding:12px 13px 10px !important;
}

.v74-scroll-play{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  padding:0 !important;
  color:#171006 !important;
}

.v74-scroll-play::before{
  color:#171006 !important;
}

.v74-scroll-range-label{
  margin-bottom:5px !important;
  font-size:.72rem !important;
}

.v74-scroll-range-row{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  min-width:0 !important;
}

.v74-scroll-range{
  min-width:0 !important;
  flex:1 1 auto !important;
}

.v74-scroll-reset{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  height:32px !important;
  min-height:32px !important;
  max-height:32px !important;
  padding:0 !important;
  border-radius:999px !important;
  font-size:.78rem !important;
  font-weight:950 !important;
}

.v74-scroll-hint{
  padding:0 13px 11px !important;
  font-size:.66rem !important;
}

.v74-scroll-play .ms-tool-icon{
  width:22px !important;
  height:22px !important;
  background-color:#171006 !important;
}

@media (max-width:760px){
  .v74-scroll-panel{left:12px !important;right:12px !important;width:auto !important;}
  .v74-scroll-body{grid-template-columns:42px minmax(0,1fr) !important;}
}


/* ---------- Ícones oficiais: favoritos e playlists ---------- */
.personal-action-btn,
.personal-favorite-btn,
.personal-playlist-btn,
.playlist-modal__close,
.personal-playlist-remove{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.ms-personal-icon-btn{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  line-height:1 !important;
}

.personal-action-btn.ms-personal-icon-btn,
.personal-favorite-btn.ms-personal-icon-btn,
.personal-playlist-btn.ms-personal-icon-btn,
.personal-playlist-remove.ms-personal-icon-btn,
.playlist-modal__close.ms-personal-icon-btn{
  width:38px !important;
  min-width:38px !important;
  max-width:38px !important;
  height:38px !important;
  min-height:38px !important;
  max-height:38px !important;
  padding:0 !important;
  border-radius:999px !important;
  font-size:0 !important;
}

.ms-personal-icon{
  display:inline-block !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  flex:0 0 18px !important;
  background-color:currentColor !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
  -webkit-mask-repeat:no-repeat !important;
  mask-repeat:no-repeat !important;
  -webkit-mask-position:center !important;
  mask-position:center !important;
  -webkit-mask-size:contain !important;
  mask-size:contain !important;
}

.ms-personal-label{
  display:inline-block !important;
  font-size:.86rem !important;
  font-weight:850 !important;
  line-height:1 !important;
  color:currentColor !important;
}

/* Botões com texto nas páginas de Playlist/modal */
.ms-personal-icon-btn--text{
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  min-height:38px !important;
  padding:9px 13px !important;
  font-size:.86rem !important;
}

/* Cores por tema: sem trocar arquivo, o SVG usa currentColor */
html[data-theme="dark"] .personal-action-btn.ms-personal-icon-btn,
html[data-theme="dark"] .playlist-modal__close.ms-personal-icon-btn,
html[data-theme="dark"] .playlist-modal__choice.ms-personal-icon-btn,
html[data-theme="dark"] .personal-library-primary.ms-personal-icon-btn,
html[data-theme="dark"] .personal-playlist-delete.ms-personal-icon-btn,
html[data-theme="dark"] .personal-playlist-remove.ms-personal-icon-btn,
html[data-theme="dark"] .personal-playlist-toggle.ms-personal-icon-btn{
  color:var(--v7-gold, #edc455) !important;
}

html[data-theme="light"] .personal-action-btn.ms-personal-icon-btn,
html[data-theme="light"] .playlist-modal__close.ms-personal-icon-btn,
html[data-theme="light"] .playlist-modal__choice.ms-personal-icon-btn,
html[data-theme="light"] .personal-library-primary.ms-personal-icon-btn,
html[data-theme="light"] .personal-playlist-delete.ms-personal-icon-btn,
html[data-theme="light"] .personal-playlist-remove.ms-personal-icon-btn,
html[data-theme="light"] .personal-playlist-toggle.ms-personal-icon-btn{
  color:#6f4b10 !important;
}

.personal-favorite-btn.ms-personal-favorite-active,
html[data-theme="dark"] .personal-favorite-btn.ms-personal-favorite-active,
html[data-theme="light"] .personal-favorite-btn.ms-personal-favorite-active{
  color:var(--v7-gold, #edc455) !important;
  border-color:rgba(237,196,85,.72) !important;
  background:rgba(237,196,85,.13) !important;
  box-shadow:0 0 0 1px rgba(237,196,85,.18), 0 8px 20px rgba(237,196,85,.10) !important;
}

.personal-action-btn.ms-personal-icon-btn:hover,
.playlist-modal__choice.ms-personal-icon-btn:hover,
.personal-library-primary.ms-personal-icon-btn:hover,
.personal-playlist-delete.ms-personal-icon-btn:hover,
.personal-playlist-remove.ms-personal-icon-btn:hover,
.personal-playlist-toggle.ms-personal-icon-btn:hover{
  border-color:rgba(237,196,85,.65) !important;
  transform:translateY(-1px);
}

.personal-playlist-delete.ms-personal-icon-btn,
.personal-playlist-remove.ms-personal-icon-btn{
  color:#f05d68 !important;
}

.personal-playlist-remove.ms-personal-icon-btn .ms-personal-icon{
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  flex-basis:16px !important;
}

.ms-personal-empty-iconized{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  justify-content:center !important;
  text-align:center !important;
}

.ms-personal-empty-iconized .ms-personal-icon{
  width:22px !important;
  height:22px !important;
  min-width:22px !important;
}

html[data-theme="dark"] .ms-personal-empty-iconized .ms-personal-icon{ color:var(--v7-gold,#edc455) !important; }
html[data-theme="light"] .ms-personal-empty-iconized .ms-personal-icon{ color:#6f4b10 !important; }

/* ---------- Correção V4: contraste do botão Criar Playlist ---------- */
#playlist-create-button.ms-personal-icon-btn,
#new-playlist-page-button.ms-personal-icon-btn,
.personal-library-primary.ms-personal-icon-btn,
button.ms-personal-icon-btn--text[id*="playlist" i],
button.ms-personal-icon-btn--text[class*="playlist" i]{
  background:linear-gradient(180deg,#f5d66a 0%,#e4b640 100%) !important;
  border-color:rgba(245,214,106,.92) !important;
  color:#171006 !important;
  text-shadow:none !important;
  box-shadow:0 10px 22px rgba(237,196,85,.16), inset 0 1px 0 rgba(255,255,255,.24) !important;
  opacity:1 !important;
  filter:none !important;
}

#playlist-create-button.ms-personal-icon-btn .ms-personal-label,
#new-playlist-page-button.ms-personal-icon-btn .ms-personal-label,
.personal-library-primary.ms-personal-icon-btn .ms-personal-label,
button.ms-personal-icon-btn--text[id*="playlist" i] .ms-personal-label,
button.ms-personal-icon-btn--text[class*="playlist" i] .ms-personal-label{
  color:#171006 !important;
  opacity:1 !important;
  text-shadow:none !important;
}

#playlist-create-button.ms-personal-icon-btn .ms-personal-icon,
#new-playlist-page-button.ms-personal-icon-btn .ms-personal-icon,
.personal-library-primary.ms-personal-icon-btn .ms-personal-icon,
button.ms-personal-icon-btn--text[id*="playlist" i] .ms-personal-icon,
button.ms-personal-icon-btn--text[class*="playlist" i] .ms-personal-icon{
  background-color:#171006 !important;
  color:#171006 !important;
  opacity:1 !important;
}

#playlist-create-button.ms-personal-icon-btn:disabled,
#new-playlist-page-button.ms-personal-icon-btn:disabled,
.personal-library-primary.ms-personal-icon-btn:disabled,
button.ms-personal-icon-btn--text[id*="playlist" i]:disabled,
button.ms-personal-icon-btn--text[class*="playlist" i]:disabled{
  opacity:.72 !important;
  cursor:not-allowed !important;
}

#playlist-create-button.ms-personal-icon-btn:hover:not(:disabled),
#new-playlist-page-button.ms-personal-icon-btn:hover:not(:disabled),
.personal-library-primary.ms-personal-icon-btn:hover:not(:disabled),
button.ms-personal-icon-btn--text[id*="playlist" i]:hover:not(:disabled),
button.ms-personal-icon-btn--text[class*="playlist" i]:hover:not(:disabled){
  color:#0f0b04 !important;
  transform:translateY(-1px);
}