.window{
    background:var(--workplace-window-background);
    color:var(--workplace-window-text-color);
    border: var(--workplace-window-border);
    z-index:2;
    border-radius: var(--radius-lg);
    overflow:hidden !important;
}

.window.active{
    max-width: none;
    max-height: none;
    resize: none;
    border:var(--workplace-window-active-border);
    border-radius: 0px !important;

	width: 100vw !important;
    height: calc( var(--vvh, 1vh) * 100 - var(--menu-height) ) !important;
    transform: translate3d(0px, 0px, 0) !important;
}
.window.active .titlebar {
    border-radius: 0px !important;
}

button, input[type="submit"] {
  background:var(--workplace-toolbar-button-background);
  border:var(--workplace-toolbar-button-border);
  color:var(--workplace-toolbar-button-text-color);

  border-radius: var(--radius-md);
  letter-spacing: 0.5px;
  cursor: pointer;
  margin: var(--space-1);
  padding: var(--space-2);
}
button:hover, input[type="submit"]:hover {
  background:var(--workplace-toolbar-button-hover-background);
  border:var(--workplace-toolbar-button-hover-border);
  color:var(--workplace-toolbar-button-hover-text-color);

  letter-spacing: 1px;
  cursor: pointer;
}



.window button, .window input[type="submit"] {
  background:var(--workplace-window-button-background);
  border:var(--workplace-window-button-border);
  color:var(--workplace-window-button-text-color);
}
.window button:hover, .window input[type="submit"]:hover {
  background:var(--workplace-window-button-hover-background);
  border:var(--workplace-window-button-hover-border);
  color:var(--workplace-window-button-hover-text-color);
}


input[type="text"]:not(.theme-name), input[type="email"], input[type="password"], textarea, select{
  background: var(--workplace-toolbar-text-input-background);
  border:var(--workplace-toolbar-text-input-border);
  color: var(--workplace-toolbar-text-input-text-color);

  border-radius: var(--radius-md);
  padding:0px;
  margin:0px;
}

.toolbar input[type="range"]{
    width:calc( 100% - 14px - 12px) !important;
}

select{
  height:32px;
  width:96px;
  padding-left: var(--space-3);
}

.logo{
  opacity:0.5;
  transition: opacity var(--duration-base) var(--ease-standard);
  cursor:pointer;
  color:var(--workplace-toolbar-text-color);
}

.logo:hover{
  opacity:1;
}

.window-content{
  margin-left: var(--space-3);
  margin-right: var(--space-3);
  margin-top: var(--space-1);
  margin-bottom: var(--space-1);

  padding-top: var(--space-4);
  height:calc( 100% - 50px );
  overflow:scroll;
}

input[type="text"], input[type="email"]{
  height:36px;
}

input[type="radio"] {
  appearance: none; /* enlève le style par défaut */
  -webkit-appearance: none; /* Safari */
  width: 20px;
  height: 20px;
  border: solid 2px var(--workplace-window-button-text-color); /* contour custom */
  border-radius: 50%;
  display: inline-block;
  position: relative;
  vertical-align:-4px;
}

input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--workplace-window-button-text-color);
}

#user_suggestion:not(.private) .read_radio { display: none; }


.user-item {
  width:100%;
}

#user_suggestion, #group_user_suggestion {
  border:var(--workplace-window-button-border);
  height:280px;
  overflow:scroll;
}


#preferred-maps {
  width:100%;
  max-height: 120px;
  overflow-x:hidden;
  overflow-y:scroll;
  margin-top: var(--space-1);
  margin-top:20px;
}


#preferred-maps .mapsmenu,
#preferred-maps-full-list-container .mapsmenu, #authorized-maps-list .mapsmenu {
  display:block;
  text-align:left;
  text-decoration:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  height:14px;
  width:176px;
  border:none;
  border:solid 1px var(--close-5-1);
  font-weight:lighter;
  margin-top:5px;
  border-radius:var(--space-1);

  padding: var(--space-2);
  padding-bottom: var(--space-5);
  background: none;
  color:var(--far-5-6);
  mask-image: linear-gradient(to bottom, var(--map-toolbar-background) 60%, transparent 100%);
}


.mapsmenu-row {
  display: flex;
  align-items: center;
}

.mapsmenu-row .mapsmenu {
  flex: 1;
  min-width: 0;
  margin-top: 0;
  width: auto;
}

.unpin-btn {
    max-width:fit-content !important;
}

#preferred-maps-full-list-container > .mapsmenu, #authorized-maps-list .mapsmenu {
  width:calc( 100% - 15px);
}
#preferred-maps-full-list-container, #authorized-maps-list{
    height:calc( 100% - 75px );
    width:100%;
    overflow: scroll;
    margin-top: var(--space-5);
}


button {
  white-space: nowrap;
  overflow: hidden;
}

.tools button{
    width:32px;
    padding:0px;
    padding-top: var(--space-1);
    margin:0px;
    border:none;
    border-radius: var(--radius-md);
}

.slider-description{
    font-weight:bold;
}

div.tohide.sliders{
    white-space: nowrap;
    overflow:hidden;
}







.toolbar.no-transition,
.toolbar.no-transition * {
  transition: none !important;
}








.titlebar{
    background:var(--workplace-window-bar-background);
	  border-bottom:var(--workplace-window-bar-border);
    color:var(--workplace-window-bar-text-color);
}
.titlebar  button{
    background:var(--workplace-window-bar-button-background);
	  border:var(--workplace-window-bar-button-border);
    color:var(--workplace-window-bar-button-text-color);
}
.titlebar  button:hover{
    background:var(--workplace-window-bar-button-hover-background);
	  border:var(--workplace-window-bar-button-hover-border);
    color:var(--workplace-window-bar-button-hover-text-color);
}

.titlebar{
	
    display: flex;
    align-items: flex-start; 

    height:32px;
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
    
    cursor:move;

	  width:100%;
    user-select: none;
    -webkit-user-select: none;
    touch-action:none; 
}
.titlebar > button{
    border-radius: var(--radius-md);
    margin: var(--space-1);
    border:none;
    padding:0px;
    height:16px;
    width:16px;
    font-size: var(--text-sm);
    cursor: pointer;
}
.titlebar > label{
    flex:1;
    text-align:left;
    margin-top: var(--space-1);
    margin-left: var(--space-2);
    font-family: 'Inter', system-ui, sans-serif;
    font-size: var(--text-sm);
    
    width:100%;
    overflow-x:hidden;
    height:80%;
    
    
    cursor:move;
}
.window.active > .titlebar, .window.active{
    border: 0px;
}


/* default: show max, hide min */
.window .titlebar .icon-min { display: none; }
.window .titlebar .icon-max { display: inline; }

/* when active (maximized): show min, hide max */
.window.active .titlebar .icon-min { display: inline; }
.window.active .titlebar .icon-max { display: none; }




.titlebar { user-select: none; }
.titlebar button { cursor: default; }



#AddMapWindow input[type="submit"],
#AddMapWindow #toggleAdvancedButton {
  margin-left: 0;
}

#user_suggestion,
#group_user_suggestion {
  padding: 0;
}

div.name, div.username {
  display:inline-flex;
  padding: var(--space-1);
  width:calc( 49% - 180px);
  background:var(--workplace-window-button-background);
  margin: var(--space-2);
  max-width:150px;
  min-width:50px;
  
  
  white-space: nowrap;   /* empêche le retour à la ligne */
  overflow-x: hidden;      /* ajoute un scroll horizontal si nécessaire */
  overflow-y: hidden;
}