._1000{
	display: none;
}
.access-denied{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--font-size-large);
	height: 100%;
}
.flex-center{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
#app{
	height: calc(100 * var(--vh));
}
.viewport{
	height: 100%;
	--header-height: 60px;
	--footer-height: 60px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
header{
	height: var(--header-height);
	display: flex;
	align-items: center;
	gap: var(--padding-large);
	border-bottom: var(--border-width) solid var(--text-invisible);
}
main#content{
	flex: 1;
	overflow: hidden;
}
footer{
	height: var(--footer-height);
	border-top: var(--border-width) solid var(--text-invisible);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 var(--padding-medium);
}
.logo{
	display: flex;
	align-items: center;
	justify-content: center;
	--logo-size: calc(var(--header-height) - 16px);
	padding: 0 var(--padding-medium);
	gap: var(--padding-medium);
	height: 100%;
}
.logo-img{
	width: var(--logo-size);
	height: var(--logo-size);
	mask-image: url("../images/mygeco_logo.svg");
	background: var(--color-main);
}
.logo-text{
	font-size: 2.4rem;
}
header .logo-text{
	display: none;
}
nav{
	display: none;
	flex-grow: 1;
	gap: var(--padding);
}
header my-avatar{
	height: 40px;
	font-size: var(--font-size-large);
}
.nav-title{
	flex: 1;
	text-align: center;
	font-size: 2rem;
}
.headerItems{
	height: var(--header-height);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-bottom: var(--border-width-medium) solid transparent;
	border-top: var(--border-width-medium) solid  transparent;
	padding: 0 var(--padding-large);
	pointer-events: none;
}
.headerItems span{
	height: var(--font-size);
}
a:hover .headerItems{
	border-bottom: var(--border-width-medium) solid  color-mix(in srgb, var(--currentColor) 60%, transparent);
}
a.my-active .headerItems{
	border-bottom: var(--border-width-medium) solid  var(--currentColor);
	color: var(--currentColor);

}
.headerItems.headerIcons{
	padding: 0;
	width: var(--header-height);
	font-size: 2rem;
}
.headerItems.headerIcons my-avatar{
	pointer-events: auto;
}
.utils{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.mobile-menu{
	position: fixed;
	inset: 0;
	background: var(--background-lvl1);
	transition: .5s;
	top: 100%;
	display: flex;
	flex-direction: column;
}
.mobile-menu.active{
	top: 0;
}
.mobile-menu-header{
	height: var(--header-height);
	border-bottom: var(--border-width) solid var(--text-disabled);
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.mobile-menu-close{
	margin: 0 var(--margin-medium) 0 0;
}
.mobile-menu-links{
	flex: 1;
	overflow: auto;
}
.mobile-menu-item{
	padding: var(--padding-large);
	margin: var(--margin-medium) var(--margin-large);
	border-radius: var(--border-radius-medium);
	background: var(--text-secondary-invisible);
	font-size: var(--font-size-large);
}
a.my-active .mobile-menu-item{
	color: var(--currentColor);

}
.footerItems{
	height: calc(var(--footer-height) - 12px);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 2rem;
	aspect-ratio: 1 / 1;
	border-radius: var(--border-circle);
	transition: .3s;
}
.footerItems:active, .footerItems:hover{
	background: color-mix(in srgb, var(--currentColor) 25%, transparent);
}

.section-main{
	display: flex;
	width: 100%;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
}
.section-header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--padding-medium) var(--padding-large);
}
.section-breadcrumbs{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--padding-medium);
}
.section-body{
	flex: 1;
	overflow: hidden;
	padding: 0 var(--padding) var(--padding);
}
.task-popup{
	color: var(--text-medium);
}
.task-popup .my-popup-header{
	border: none;
}
.task-popup h5{
	font-weight: var(--font-bold);
}
.task-form{
	height: 100%;
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: var(--padding-medium);
}
.task-title{
	font-variant: all-small-caps;
	font-weight: var(--font-bold);
	color: var(--text-disabled);
	font-size: var(--font-size-large);
}
.task-menu{
	display: none;
	width: 270px;
}
.task-content{
	flex: 1;
	max-width: 100%;
}

.task-tags .task-title{
	text-align: right;
}
.task-projet-detail{
	text-align: justify;
	color: var(--text-disabled);
	font-style: italic;
}
.task-client{
	color: var(--color-second);
}
.task-projet details{
	padding: var(--padding);
	border-radius: var(--border-radius-large);
	background: var(--background);
	user-select: none;
	transition: .3s;
}
.task-projet details > summary span.icon {
	transition: .3s;
	padding: var(--padding-medium);
}
.task-statut my-select{
	width: 100%;
}
.task-actions{
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}
.task-projet details[open] summary span.icon {
	transform: rotate(180deg);
}
.task-projet summary{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.task-projet summary::-webkit-details-marker {
	display: none;
}
.tags-list{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: var(--padding-medium);
	flex-wrap: wrap;
}
my-tag.tags-edit{
	color: var(--currentColor);
	background: color-mix(in srgb, var(--currentColor) 15%, transparent);
	aspect-ratio: 1/1;
	min-width: 0;
	cursor: pointer;
}
my-tag.tags-edit:hover{
	background: color-mix(in srgb, var(--currentColor) 25%, transparent);
}
.task-row-date my-date{
	width: 100%;
}
.fakeinput{
	background: color-mix(in srgb, var(--text) 5%, transparent);
	display: flex;
	width: 100%;
	align-items: center;
	padding: var(--padding-medium);
	border-radius: var(--border-radius-medium);
	transition: .3s;
	margin: 1px 0;
	text-align: right;
}
.task-date-temps{
	margin-left: auto;
}
.task-creation{
	font-size: var(--font-size-small);
	font-style: italic;
}
.task-statut{
	padding: var(--padding) 0 0 0;
}
.task-menu .my-input, .task-menu my-button{
	width: 100%;
}
.task-menu my-button{
	margin: var(--margin-medium) 0;
	text-align: left;
	justify-content: flex-start;
	padding: 0 var(--padding-large);
}
.task-row-description .my-tile-content, .task-row-activity .my-tile-content {
	overflow: visible;
}
.commentaire{
	display: flex;
	align-items: flex-start;
	padding: var(--padding);
	gap: var(--padding-medium);
	margin: 0 0 var(--margin-large) 0;
}
.commentaire .comm-content{
	flex: 1;
}
.commentaire .comm-user{
	color: var(--currentColor);
}

.commentaire .comm-date{
	font-size: var(--font-size-small);
	font-weight: var(--font-regular);
	color: var(--text-disabled);
	font-style: italic;
}
.task-message{
	background: var(--text-secondary-invisible);
	border-radius: var(--border-radius-large);
	margin: 0 0 var(--margin-large) 0;
}
.commentaire h2{
	font-size: var(--font-size-large);
}
.commentaire h3{
	font-size: var(--font-size-medium);
}
.showroom{
	display: flex;
	align-items: center;
	justify-content: stretch;
	gap: 16px;
}
.showroom > div {
	width: 20%;
	height: 100%;
}
.ql-editor.ql-blank::before{
	color: var(--text-disabled);
}
p{
	margin: 0;
	padding: 0;
}
.grid-tile{
	border-radius: var(--border-radius-large);
	background: var(--background-lvl1);
	width: 100%;
	overflow: hidden;
}
.grid-tile-header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--padding-medium);
	border-bottom: var(--border-width) solid var(--text-invisible);
}
.grid-tile-content{
	padding: var(--padding-medium);
}
.grid-tile-title{
	font-size: var(--font-size-medium);
	font-weight: var(--font-bold);
	line-height: var(--font-size-medium);
}
.grid-tile-subtitle{
	color: var(--color-second);
}
.grid-tile-footer{
	padding: var(--padding-medium);
	display: flex;
	gap: var(--padding-medium);
	align-items: center;
	justify-content: flex-end;

}
.tache-statut{
	font-size: var(--font-size-small);
	font-style: italic;
	color: var(--text-medium);
}
.tache-tags{
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: var(--padding);
}
.tache-dates{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: var(--padding-medium);
	padding: var(--padding-medium) 0;
}
.tache-dates > div{
	flex: 1;
	font-size: var(--font-size-small);
}
.tache-dates > div > div{
	font-size: var(--font-size);
	padding: var(--padding);
	border-radius: var(--border-radius-medium);
	background: var(--text-secondary-invisible);
}
.tache-operateurs{
	display: flex;
	align-items: center;
	gap: var(--padding-large);
}
.tache-operateurs > *{
	flex: 1;
}