/* Dashboard Profile & Tab Redesign Overrides */
/* Improves visual hierarchy and reduces confusion from the original design */

/* Profile Container */
.profile {
  border: 2px solid #1b2b3d !important;
  border-radius: 8px !important;
  margin-bottom: 8px !important;
  background: #0f1e2e !important;
  transition: 0.2s;
}

.profile:hover {
  border-color: #2a5580 !important;
  background: #0a0f18 !important;
}

/* Profile Head */
.profileHead {
  padding: 10px !important;
  gap: 10px !important;
  border-bottom: 1px solid #1b2b3d !important;
  display: flex;
  align-items: center;
}

.profileHead > i {
  width: 26px !important;
  height: 26px !important;
  background: #2e80ff !important;
  color: #fff !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  flex-shrink: 0;
}

.profileHead b {
  font-size: 12px !important;
  color: #e6eef8 !important;
  font-weight: 600 !important;
}

.profileHead small {
  font-size: 10px !important;
  color: #6aa8f6 !important;
}

/* Window/Janela Labels - FORCE VISIBILITY (NÃO LARANJA!) */
.profile > label {
  display: block !important;
  background: transparent !important;
  padding: 8px 10px !important;
  margin: 6px 0 4px !important;
  border-left: 3px solid #4ec9b0 !important;
  border-radius: 0 4px 4px 0 !important;
  color: #4ec9b0 !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: 0.2s !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-decoration: none !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
}

.profile > label:hover {
  background: #0f1923 !important;
  border-left-color: #5dd9c0 !important;
}

/* Label Text - FORCE COLORS */
.profile > label,
.profile > label * {
  color: #4ec9b0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.profile > label span {
  float: right !important;
  font-size: 8px !important;
  opacity: 1 !important;
  color: #4ec9b0 !important;
}

/* Tabs Wrapper */
.tabsWrap {
  padding: 8px 0 4px 12px !important;
  gap: 1px !important;
}

/* Individual Tab */
.tab {
  width: 100% !important;
  margin: 0 !important;
  padding: 6px 8px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  transition: 0.2s;
  align-items: center;
  gap: 6px !important;
}

.tab:hover {
  background: #0a0f18 !important;
  border-color: #16283c !important;
}

.tab.active {
  background: #1a3d5c !important;
  border-color: #2d5880 !important;
  box-shadow: inset 0 0 8px rgba(46, 128, 255, 0.15) !important;
}

.tab.active::before {
  background: #6aa8f6 !important;
  box-shadow: 0 0 8px rgba(106, 168, 246, 0.6) !important;
}

.tab.active span b {
  color: #6aa8f6 !important;
}

/* Tab Icon */
.tab > i {
  width: 16px !important;
  height: 16px !important;
  background: #4ec9b0 !important;
  border-radius: 3px !important;
  font-size: 7px !important;
  flex-shrink: 0;
}

/* Tab Text - Force Consistency */
.tab span {
  color: #a8bfd0 !important;
  display: flex !important;
  flex-direction: column !important;
}

.tab span b {
  display: block !important;
  font-size: 9px !important;
  color: #a8bfd0 !important;
  font-weight: 500 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.tab span small {
  font-size: 8px !important;
  color: #6fa8c4 !important;
  margin-top: 1px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Tab Drag Handle */
.tab-drag-handle {
  width: 16px !important;
  height: 16px !important;
  display: grid !important;
  place-items: center !important;
  color: #63798f !important;
  cursor: grab !important;
  font-size: 10px !important;
  font-weight: bold !important;
  flex-shrink: 0 !important;
  transition: 0.2s !important;
}

.tab-drag-handle:hover {
  color: #8ba6c4 !important;
}

.tab:active .tab-drag-handle {
  cursor: grabbing !important;
}

/* Tab Action Buttons - Visibility & Close */
.tabVisibility,
.tabClose {
  opacity: 0.5 !important;
  color: #63798f !important;
  padding: 0 6px !important;
  transition: all 0.2s !important;
  font-size: 12px !important;
  cursor: pointer !important;
  border-radius: 3px !important;
  display: inline-flex !important;
  align-items: center !important;
}

.tab:hover .tabVisibility,
.tab:hover .tabClose {
  opacity: 1 !important;
  color: #8ba6c4 !important;
  background: rgba(46, 128, 255, 0.1) !important;
}

.tabVisibility:hover,
.tabClose:hover {
  color: #e6eef8 !important;
  background: rgba(46, 128, 255, 0.2) !important;
}

/* Override selected class (use active instead) */
.tab.selected {
  background: transparent !important;
}

.tab.selected::before {
  background: transparent !important;
  box-shadow: none !important;
}

/* Hidden Tab Styling - More Subtle */
.tab.hidden {
  opacity: 0.6 !important;
  filter: grayscale(50%) !important;
}

.tab.hidden span {
  opacity: 0.7 !important;
}

.tab.hidden span b {
  color: #a8bfd0 !important;
  opacity: 0.8 !important;
}

/* Minimized Window Tab - Orange Background */
.tab.minimized-window-tab {
  background: #2a1a0a !important;
  border-color: #663300 !important;
  opacity: 0.9 !important;
}

.tab.minimized-window-tab span {
  color: #ff9800 !important;
}

.tab.minimized-window-tab span b {
  color: #ff9800 !important;
  opacity: 1 !important;
}

.tab.minimized-window-tab span small {
  color: #ff9800 !important;
  opacity: 0.9 !important;
}

/* Window Badge Counter */
.windowBadge {
  background: rgba(46, 128, 255, 0.2) !important;
  color: #6aa8f6 !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  font-size: 9px !important;
  font-weight: 600 !important;
}

/* REMOVE LARANJA DE TUDO EXCETO ABAS MINIMIZADAS */
.profile {
  background: #0f1e2e !important;
}

.profile > label {
  background: transparent !important;
}

.tabsWrap {
  background: transparent !important;
}

/* Laranja APENAS em abas minimizadas */
.tab.minimized-window-tab {
  background: #2a1a0a !important;
  border-color: #663300 !important;
}

/* Sem laranja em nenhum outro lugar */
.tab:not(.minimized-window-tab) {
  background: transparent !important;
}