Tabs >> Abstandsprobleme nach Update auf 141.0

/* Grauer Kasten: */
.browser-toolbar:not(.titlebar-color) {
  background-color: transparent !important;
  border-top: none !important;
}

/* Tab unten */
#TabsToolbar {
  order: 100 !important;
}       

/*...................Ab hier nur Privater Modus...................*/

/* Das lila Icon für privaten Modus oben rechts eingefügt */
#main-window[privatebrowsingmode=temporary] #PanelUI-button::before {
  margin-left: 0 !important;
  margin-right: 0 !important;
  content: '' !important;
  display: block !important;
  width: 20px !important;
  height: 30px !important;
  background: url("chrome://global/skin/icons/indicator-private-browsing.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 0 8px !important;
  background-size: 25px 17px !important;
}

/* Tabs mittig */
#tabbrowser-tabs:not([overflow], [orient="vertical"]) .tabbrowser-tab:nth-child(1 of :not([hidden])) {
    margin-left: auto !important;
}

#tabbrowser-tabs:not([overflow], [orient="vertical"]) #tabbrowser-arrowscrollbox-periphery {
    margin-right: auto !important;
}

/* Rahmen um Tab weg*/
.tab-background {
  &:is([selected], [multiselected]) {
  outline-color: transparent !important;
}
}




/* Tabs ohne Rundungen */
tab.tabbrowser-tab stack.tab-stack vbox.tab-background {
  border-radius: 0 !important;
}

/* Oben ein weißer Balken */
tab.tabbrowser-tab[selected] stack.tab-stack vbox.tab-background {
  box-shadow: none !important;
  border-top: 4px solid white !important;
}

/* ------------------------------------------------  TABS INNEN ANPASSEN ----------------------------------------------------------------------------------------------------
/*  Schriftgröße Tabs */
.tab-text {
  font-size: 14px !important; 
	margin-bottom: 0px !important; 
}
	
/* Tabtext nicht verschoben bei hover */
.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
  padding-inline-start: 0px !important;
  width: unset !important;
}


/* Damit wird der Tabtext am Ende schleichend ausgeblendet *

    .tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
    .tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-locale-dir(ltr) {
    direction: ltr;
    mask-image: linear-gradient(to left, transparent, black 1em) !important; 
    }


/* Tabtext wird nicht ausgeblendet Kurzform */
.tabbrowser-tab .tab-label-container {
  mask-image: none !important;
  margin-right: 6px !important;
}

	
/*  Schließen Kreuz größer */
.tab-close-button {
  transform: scale(1.5, 1.5) !important;
  margin-left: 5px !important;
}

/* Tab-Icon etwas größer,
    * links weniger, unten etwas mehr Abstand zum TAB-Rand */
	
    #TabsToolbar .tab-icon-image {
    height: 22px !important;
    width:  22px !important;
    margin-left: -2px !important;    
    margin-bottom: 0px !important;
    }


/*  ------------------------------------------------------ TABS AUSSEHEN ANPASSEN ----------------------------------------------------------------------------------------
/*Aktiver Tab hover HG grün*/
.tabbrowser-tab[visuallyselected]:hover > .tab-stack > .tab-background {
   background: black !important;
}


/*   Tab Mindestbreite einstellen  *
tabs tab[fadein]:not([pinned]) {
  min-width: 260px !important;/* Minimale Tabbreite 76px *
  max-width: 300px !important;/* Maximale Tabbreite 225px *
}

 /* Aktiver Tab breiter */   
    .tabbrowser-tab:not([pinned]):not([selected]) {
    min-width: 280px !important;
    flex-grow: 0 !important;
    }
	
    .tabbrowser-tab:not([pinned])[selected] {
    min-width: 280px !important;
    flex-grow: 0 !important;
    }


/*   Tab Höhe einstellen */
#tabbrowser-tabs {
  min-height: 47px !important;
  max-height: 47px !important;
}

/*   Lautsprechersymbol größer darstellen  *
.tab-icon-overlay {
  fill: white !important;
  transform: scale(1.3, 1.3) !important;
}

/* Inaktiver Tab senkrechter Strich */
tab.tabbrowser-tab:not([selected])::after {
   content: "|" !important;
   padding-top: 16px !important;
}

/* ----------------------------------------- ANGEHEFTETE TABS --------------------------------------------------------------------------------------*/
/* Tab-Breite der angepinnten Tabs anpassen */
.tabbrowser-tab .tab-content[pinned] {
max-width: 40px !important;  /*Setzt die minimale Breite der angepinnten Tabs auf 22 Pixel. */
}  

.tab-icon-stack[pinned] {   /* Selektor, der auf das Icon-Stack der angepinnten Tabs abzielt. */
 margin-left: -2px !important;   /* Verschiebt das Icon-Stack um 7 Pixel nach links. */
}


/* ----------------------------------------- LESEZEICHEN GRÖSSER -----------------------------------------------------------------------------------*/
/*Lesezeichenbild + Favicon ausblenden -> Lesezeichen hinzufügen/bearbeiten */
#editBookmarkPanelImage, #editBookmarkPanelFaviconContainer {
   visibility: collapse;
  }
  
#editBookmarkPanelInfoArea {
    display: none !important;
      }
    
/*Mindesthöhe Lesezeichenordner Liste anpassen -> Lesezeichen hinzufügen/bearbeiten*/
/*Mindesthöhe in Px -> hier Platz für 12 Ordnereinträge*/
#editBMPanel_folderTree {  
   min-height: 540px !important;
}

menu.bookmark-item, menuitem.bookmark-item {
    max-width: 16em ! important;
}

#restore-lastsession {  
   fill: red !important;
}