.hb-shell{
  position:sticky;
  top:0;
  z-index:60;
  background:rgba(255,255,255,0.86);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(226,232,240,0.75);
  font-size:0.75rem !important; /* text-xs padrão da plataforma - FORÇAR */
}
.hb-shell *,
.hb-shell *::before,
.hb-shell *::after{
  font-size:inherit !important;
}
/* Garantir elementos específicos */
.hb-plus-trigger,
.hb-user-handle,
.hb-profile-trigger .hb-trigger-label,
.hb-link,
.hb-primary{
  font-size:0.75rem !important;
}
.hb-inner{
  max-width:1120px;
  margin:0 auto;
  padding:10px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.hb-brand .hb-logo{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#111827;
  font-weight:600;
  text-decoration:none;
}
.hb-wordmark{height:22px;object-fit:contain;display:block;}
.hb-user-handle{color:#475467;font-weight:500;letter-spacing:0.01em;}

.hb-nav{display:flex;align-items:center;gap:18px;}
.hb-link{
  color:#475467;
  font-weight:500;
  text-decoration:none;
  transition:color .18s ease;
}
.hb-link:hover{color:#0f172a;}
.hb-link-highlight{color:#0f172a;font-weight:600;}

.hb-plus{position:relative;}
.hb-plus-trigger{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0;
  background:transparent;
  border:none;
  font:inherit;
  color:#1f2937;
  cursor:pointer;
}
.hb-caret{width:10px;height:10px;}
.hb-plus-panel{
  position:absolute;
  right:0;
  top:calc(100% + 12px);
  width:240px;
  background:#fff;
  border-radius:16px;
  border:1px solid rgba(209,213,219,0.7);
  box-shadow:0 22px 50px -24px rgba(15,23,42,0.25);
  padding:8px 0;
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
  transition:opacity .2s ease, transform .2s ease;
}
#headerBetaPlus[data-open="true"] .hb-plus-panel{
  opacity:1;
  pointer-events:auto;
  transform:none;
}
.hb-plus-panel ul{list-style:none;margin:0;padding:0;}
.hb-plus-panel li a{
  display:block;
  padding:10px 16px;
  text-decoration:none;
  color:#344054;
  transition:background .18s ease;
}
.hb-plus-panel li a:hover{background:#f3f4f6;}
.hb-plus-label{font-weight:500;}
.hb-plus-suffix{margin-left:2px;font-weight:600;}
.suffix-place{color:#2563eb;}
.suffix-ers{color:#1d4ed8;}
.suffix-on{color:#059669;}
.suffix-wall{color:#f97316;}
.hb-plus-desc{display:block;font-size:0.72rem;color:#94a3b8;margin-top:2px;}

.hb-actions{display:flex;align-items:center;gap:14px;}
.hb-primary{
  padding:0;
  border:none;
  background:transparent;
  color:#0f172a;
  font-weight:600;
  text-decoration:none;
}
.hb-primary:hover{text-decoration:underline;}

.hb-youtube{position:relative;}
.hb-youtube-trigger{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  background:transparent;
  border:none;
  color:#475467;
  cursor:pointer;
  transition:color .18s ease;
}
.hb-youtube-trigger:hover{
  color:#ff0000;
}
.hb-youtube-panel{
  position:absolute;
  right:0;
  top:calc(100% + 12px);
  width:280px;
  background:#fff;
  border-radius:16px;
  border:1px solid rgba(209,213,219,0.7);
  box-shadow:0 22px 50px -24px rgba(15,23,42,0.25);
  padding:8px 0;
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
  transition:opacity .2s ease, transform .2s ease;
  z-index:100;
}
.hb-youtube-panel.hidden{
  display:none !important;
}
#hbYouTube[data-open="true"] .hb-youtube-panel:not(.hidden){
  opacity:1;
  pointer-events:auto;
  transform:none;
  display:block !important;
}
#hbYouTube[data-open="true"] .hb-youtube-panel.hidden{
  display:none !important;
}
.hb-youtube-panel ul{list-style:none;margin:0;padding:0;}
.hb-youtube-panel li a{
  display:block;
  padding:10px 16px;
  text-decoration:none;
  color:#344054;
  transition:background .18s ease;
}
.hb-youtube-panel li a:hover{background:#f3f4f6;}
.hb-youtube-label{display:block;font-weight:500;line-height:1.4;}
.hb-youtube-desc{display:block;font-size:0.72rem;color:#94a3b8;margin-top:2px;}

.hb-notifications{position:relative;}
.hb-notifications-trigger{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  background:transparent;
  border:none;
  color:#475467;
  cursor:pointer;
  transition:color .18s ease;
}
.hb-notifications-trigger:hover{
  color:#0f172a;
}
.hb-notifications-badge{
  position:absolute;
  top:-6px;
  right:-6px;
  min-width:13px;
  height:13px;
  padding:0 3px;
  background:#dc2626;
  color:#fff;
  border-radius:7px;
  font-size:0.6rem;
  font-weight:600;
  display:none;
  align-items:center;
  justify-content:center;
  line-height:1;
  z-index:10;
}
.hb-notifications-badge[style*="flex"] {
  display:inline-flex !important;
}
.hb-notifications-panel{
  position:absolute;
  right:0;
  top:calc(100% + 8px);
  width:360px;
  max-height:480px;
  background:#fff;
  border-radius:16px;
  border:1px solid rgba(209,213,219,0.7);
  box-shadow:0 20px 45px -24px rgba(15,23,42,0.3);
  display:flex;
  flex-direction:column;
  opacity:0;
  pointer-events:none;
  transform:translateY(6px);
  transition:opacity .2s ease, transform .2s ease;
  overflow:hidden;
  z-index:100;
}
.hb-notifications-panel.hidden{
  display:none;
}
#hbNotifications[data-open="true"] .hb-notifications-panel:not(.hidden){
  opacity:1;
  pointer-events:auto;
  transform:none;
  display:flex;
}
.hb-notifications-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 16px;
  border-bottom:1px solid rgba(226,232,240,0.8);
}
.hb-notifications-header h3{
  font-size:inherit;
  font-weight:600;
  color:#1f2937;
  margin:0;
}
.hb-notifications-mark-all{
  font-size:0.75rem;
  color:#2563eb;
  background:transparent;
  border:none;
  cursor:pointer;
  padding:4px 8px;
  border-radius:6px;
  transition:background .18s ease;
}
.hb-notifications-mark-all:hover{
  background:rgba(37,99,235,0.1);
}
.hb-notifications-list{
  flex:1;
  overflow-y:auto;
  max-height:400px;
}
.notification-item{
  transition:background .18s ease;
}
.notification-item:hover{
  background:#f9fafb;
}
.hb-notification-item{
  border-bottom:1px solid rgba(226,232,240,0.5);
}
.hb-notification-item:last-child{
  border-bottom:none;
}
.hb-notification-unread{
  background:#eff6ff;
  border-left:3px solid #2563eb;
}
.hb-notifications-empty{
  padding:32px 16px;
  text-align:center;
  color:#6b7280;
  font-size:0.875rem;
}
.mark-read-btn{
  padding:4px 8px;
  border-radius:6px;
  transition:background .18s ease;
  cursor:pointer;
  font-size:inherit;
  line-height:1;
}
.mark-read-btn:hover{
  background:rgba(37,99,235,0.1);
}

.hb-profile{position:relative;display:flex;align-items:center;gap:8px;}
.hb-avatar-link{display:inline-flex;}
.hb-avatar{
  width:34px;
  height:34px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid rgba(15,23,42,0.18);
}
.hb-avatar-placeholder{
  width:34px;
  height:34px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#f1f5f9;
  border:2px solid rgba(15,23,42,0.15);
  font-size:inherit;
}
.hb-profile-trigger{
  display:inline-flex;
  align-items:center;
  gap:4px;
  border:none;
  background:transparent;
  font:inherit;
  color:#1f2937;
  cursor:pointer;
}
.hb-profile-panel{
  position:absolute;
  right:0;
  top:calc(100% + 8px);
  width:170px;
  background:#fff;
  border-radius:14px;
  border:1px solid rgba(209,213,219,0.7);
  box-shadow:0 20px 45px -24px rgba(15,23,42,0.3);
  padding:8px 0;
  opacity:0;
  pointer-events:none;
  transform:translateY(6px);
  transition:opacity .2s ease, transform .2s ease;
}
#hbProfileMenu[data-open="true"] .hb-profile-panel{
  opacity:1;
  pointer-events:auto;
  transform:none;
}
.hb-profile-panel a{
  display:block;
  padding:8px 14px;
  color:#344054;
  text-decoration:none;
}
.hb-profile-panel a:hover{background:#f3f4f6;}
.hb-logout{color:#dc2626;}

.hb-burger{
  display:none;
  width:34px;
  height:34px;
  border-radius:12px;
  border:none;
  background:transparent;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.hb-burger span,
.hb-burger span::before,
.hb-burger span::after{
  display:block;
  width:14px;
  height:2px;
  background:#1f2937;
  position:relative;
}
.hb-burger span::before,
.hb-burger span::after{
  content:'';
  position:absolute;
  left:0;
}
.hb-burger span::before{top:-4px;}
.hb-burger span::after{top:4px;}

.hb-mobile{position:fixed;inset:0;z-index:120;display:none;}
.hb-mobile[aria-hidden="false"]{display:block;}
.hb-mobile-backdrop{position:absolute;inset:0;background:rgba(15,23,42,0.45);backdrop-filter:blur(8px);}
.hb-mobile-panel{
  position:absolute;
  inset:0;
  max-width:320px;
  background:#fff;
  padding:22px;
  display:flex;
  flex-direction:column;
  transform:translateX(-100%);
  transition:transform .25s ease;
}
.hb-mobile[aria-hidden="false"] .hb-mobile-panel{transform:none;}
.hb-mobile-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.hb-mobile-title{font-size:inherit;font-weight:600;}
.hb-mobile-close{background:transparent;border:none;font-size:inherit;color:#1f2937;cursor:pointer;}
.hb-mobile-body{flex:1;display:flex;flex-direction:column;gap:14px;}
.hb-mobile-link{text-decoration:none;color:#1f2937;}
.hb-mobile-highlight{font-weight:600;}
.hb-mobile-logout{color:#dc2626;}
.hb-mobile-divider{height:1px;background:rgba(226,232,240,0.9);}
.hb-mobile-plus summary{cursor:pointer;font-weight:600;color:#1f2937;list-style:none;}
.hb-mobile-plus summary::-webkit-details-marker{display:none;}
.hb-mobile-plus-items{display:flex;flex-direction:column;gap:8px;color:#475467;}
.hb-mobile-plus-items a{text-decoration:none;color:inherit;}
.hb-mobile-plus-items small{display:block;color:#94a3b8;margin-top:2px;font-size:0.72rem;}

@media (max-width:900px){
  .hb-nav{display:none;}
  .hb-burger{display:inline-flex;}
  .hb-actions{gap:10px;}
}

@media (max-width:900px){
  .hb-user-handle{
    font-size:0.8625rem !important;
  }
}