/* CSS Document
Palette colori:
  Navy:        #022363
  Grigio scuro: #5E5D5B
  Grigio chiaro:#A3A3A3
  Azzurro:     #3399FF
  Testo:       #2d3a52
  Bordi:       #dfe6f5
*/

html {
	font-size: 100%;
}

@media screen and (min-width: 768px) {
	body.site-body,
	BODY {
		font-family: var(--font-family, 'Outfit', Arial, sans-serif);
		color: var(--color-text, #2d3a52);
		text-align: center;
		margin: 0;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}

@media screen and (max-width: 768px) {
	body.site-body,
	BODY {
		font-family: var(--font-family, 'Outfit', Arial, sans-serif);
		color: var(--color-text, #2d3a52);
		text-align: center;
		margin: 0;
		height: 100%;
		-webkit-font-smoothing: antialiased;
	}
}

DIV {
	padding: 0px 0px 0px 0px;
}

SPAN {
	padding: 0px 0px 0px 0px;
}

LI {
	padding-left: 5px;
	text-indent: 0px;
	color: #FFF;
	line-height: 23px;
}

FORM {
	padding: 0;
	margin: 0;
}

.Billing {
	font-size: 12px;
}

.EmptyLine {
	height: 5px;
}

.clearlft {
	clear: both;
}

i {
	font-style: italic;
	color: #FF0000;
}

A {
	cursor: pointer;
	text-decoration: none;
	color: #2d3a52;
}

A:hover {
	color: #022363;
}

.AChiaro {
	cursor: pointer;
	text-decoration: none;
	color: #FFFFFF;
}
.AChiaro:hover {
	cursor: pointer;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.72);
}

.AChiaro2 {
	cursor: pointer;
	text-decoration: none;
	color: rgba(255, 255, 255, 0.8);
}
.AChiaro2:hover {
	color: #FFFFFF;
}

.MyModal {
	display: none;
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	overflow: auto;
}

.MyModalForm {
	background-color: #FFF;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 1;
	padding: 24px;
	border-radius: 12px;
	max-width: 92%;
	max-height: 90%;
	overflow-y: auto;
	width: auto;
	min-width: 780px;
	z-index: 1001;
	box-shadow: 0 8px 32px rgba(2, 35, 99, 0.15);
	border: 1px solid #dfe6f5;
}

@media screen and (max-width: 768px) {
	.MyModalForm {
		min-width: 95%;
		max-width: 95%;
		padding: 15px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		max-height: 95%;
	}
	.TaskIncaricatiRoleBox {
		min-width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.MyModalForm {
		min-width: 100%;
		max-width: 100%;
		padding: 10px;
		border-radius: 0;
		top: 0;
		left: 0;
		transform: none;
		max-height: 100%;
		height: 100%;
	}
}

.MyModalForm .MyForm {
	background-color: transparent;
	padding: 0;
	margin: 0;
	width: 100%;
	display: block;
	visibility: visible;
}

.MyModalForm #taskFormContainer {
	background-color: transparent;
	padding: 0;
	margin: 0;
	width: 100%;
}

@media screen and (max-width: 768px) {
	.MyModalForm .TableForm {
		width: 100%;
	}
	.MyModalForm .TableForm td {
		display: block;
		width: 100%;
		padding: 8px 0;
		text-align: left;
	}
	.MyModalForm .TableForm td[align="right"] {
		text-align: left;
		font-weight: bold;
		margin-top: 10px;
	}
	.MyModalForm .TableForm tr {
		display: block;
		margin-bottom: 15px;
		border-bottom: 1px solid #eee;
		padding-bottom: 10px;
	}
}

.MyModalClose {
	text-align: right;
	margin-bottom: 10px;
	padding: 0;
}

.TaskIncaricatiBox {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}
.TaskIncaricatiRoleBox {
	flex: 1;
	min-width: 140px;
}
.TaskIncaricatiRole {
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #022363;
	margin-bottom: 6px;
	padding-bottom: 4px;
	border-bottom: 1px solid #dfe6f5;
}
.TaskIncaricatiList {
	max-height: 140px;
	overflow-y: auto;
	font-size: 12px;
	line-height: 1.3;
}
.TaskIncaricatiItem {
	display: block;
	padding: 2px 0;
	cursor: pointer;
}
.TaskIncaricatiItem input {
	vertical-align: middle;
	margin-right: 4px;
}
.TaskIncaricatiName {
	color: #5E5D5B;
}
.TaskIncaricatiItem:hover .TaskIncaricatiName {
	color: #022363;
}

.MyModalClose a {
	font-size: 28px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	line-height: 1;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
}
.MyModalClose a:hover {
	color: #333;
	background-color: #f0f0f0;
	border-radius: 50%;
}

/* Autocomplete cliente */
#cliente_suggesstion-box {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: white;
	border: 1px solid #dfe6f5;
	border-top: none;
	max-height: 200px;
	overflow-y: auto;
	z-index: 10000;
	display: none;
	box-shadow: 0 4px 12px rgba(2, 35, 99, 0.1);
	border-radius: 0 0 8px 8px;
}
#cliente_suggesstion-box li {
	list-style-type: none;
	color: #2d3a52;
	padding: 8px 12px;
	cursor: pointer;
	border-bottom: 1px solid #f0f4fb;
	background-color: #fff;
}
#cliente_suggesstion-box li:hover {
	background-color: #e8f1ff;
}
#cliente_suggesstion-box li:last-child {
	border-bottom: none;
}

/* Autocomplete archivio task */
.archive-autocomplete-wrap {
	position: relative;
	overflow: visible;
}
.TableForm td {
	overflow: visible;
}
.archive-suggestion-box {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: white;
	border: 1px solid #dfe6f5;
	border-top: none;
	max-height: 200px;
	overflow-y: auto;
	z-index: 10000;
	display: none;
	box-shadow: 0 4px 12px rgba(2, 35, 99, 0.1);
	pointer-events: auto;
	border-radius: 0 0 8px 8px;
}
.archive-suggestion-box li {
	list-style-type: none;
	color: #2d3a52;
	padding: 8px 12px;
	cursor: pointer;
	border-bottom: 1px solid #f0f4fb;
	background-color: #fff;
}
.archive-suggestion-box li:hover {
	background-color: #e8f1ff;
}
.archive-suggestion-box li:last-child {
	border-bottom: none;
}

@media screen and (max-width: 768px) {
	#cliente_suggesstion-box,
	.archive-suggestion-box {
		max-height: 150px;
	}
}

input[type="checkbox"][name="id_staff[]"] {
	margin-right: 5px;
	cursor: pointer;
}
label[for*="id_staff"] {
	cursor: pointer;
	user-select: none;
}
label[for*="id_staff"]:hover {
	background-color: #f5f5f5;
}

@media screen and (max-width: 768px) {
	div[style*="display: flex"][style*="flex-wrap"] {
		flex-direction: column;
	}
	div[style*="flex: 1"][style*="min-width: 200px"] {
		min-width: 100%;
		margin-bottom: 15px;
	}
}


/*/////////////////CARATTERI E TITOLI /////////////////*/
/* h1, h2: vedi theme.css */

h3 {
	font-family: var(--font-family, 'Outfit', Arial, sans-serif);
	font-size: 1.0625rem;
	font-weight: 500;
	color: var(--color-text-muted, #6b7a99);
	line-height: 1.4;
	padding: var(--space-sm) 0;
	margin: var(--space-md) 0 var(--space-xs);
	text-align: center;
	letter-spacing: -0.015em;
}

body.site-body--admin #TemplateMain_Pad h3 {
	text-align: left;
}

h5 {
	font-family: 'Outfit', Arial, sans-serif;
	font-size: 1.1em;
	font-weight: 400;
	color: #1a4a8a;
	line-height: 25px;
	padding: 10px 2px 10px 2px;
	text-align: center;
}

.Description {
	text-align: justify;
	font-size: 1em;
	vertical-align: top;
	color: #4a5568;
	line-height: 1.65;
	padding: 10px;
}

.Txt {
	font-size: 1em;
}

.Evidence {
	color: #2d3a52;
}

.EvidenceChiaro {
	color: #5E5D5B;
}

.Istruzioni {
	width: 95%;
	font-size: 0.8em;
	font-weight: 300;
	color: #6b7a99;
	line-height: 1.4;
	padding: 2px 2px 2px;
}


/*////////// BOXES /////////////*/

.BoxConferma {
	text-align: center;
	color: #022363;
	font-size: 1.2rem;
	padding: 30px 5px;
	vertical-align: middle;
	border-top: 1px solid #022363;
	border-bottom: 1px solid #022363;
	border-radius: 8px;
	margin-top: 20px;
}

.Foto {
	float: left;
	margin: 0px 10px 10px 0px;
}

.BigPhoto {
	width: 100%;
}

.Didascalia {
	display: none;
	font-style: italic;
	color: #5E5D5B;
}

@media screen and (max-width: 768px) {
	.PhotoMosaic {
		width: 90%;
		margin-bottom: 20px;
		border: 0;
	}
}

@media screen and (min-width: 768px) {
	.PhotoMosaic {
		padding-right: 10px;
		padding-bottom: 10px;
		height: 100px;
		border: 0;
	}
}

.Gallery {
	text-align: center;
	width: 100%;
	font-size: 16px;
	vertical-align: middle;
	padding-top: 20px;
}


/***************** IMPAGINAZIONE RISULTATI ********************/

.PageListTool {
	font-size: 0.9rem;
	color: #6b7a99;
}

a.PageListTool {
	font-weight: 700;
	color: #022363;
	font-size: 1.3rem;
	padding: 4px 8px;
	border-radius: 6px;
	transition: background 0.15s ease;
}

a.PageListTool:hover {
	background-color: #e8f1ff;
	color: #022363;
}

.ResultColumn {
	background: #022363;
	height: auto;
	min-height: 36px;
	font-size: 0.78rem;
	font-weight: 600;
	color: #FFFFFF;
	padding: 11px 12px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	border-bottom: 2px solid rgba(51, 153, 255, 0.45);
}

.ResultColumn a {
	color: rgba(255, 255, 255, 0.92);
	text-decoration: none;
	transition: color 0.18s ease;
}

.ResultColumn a:hover {
	color: #a8d4ff;
}

.ResultRow {
	font-size: 0.875rem;
	padding: 9px 10px 9px 10px;
	vertical-align: middle;
	background-color: #ffffff;
	border-bottom: 1px solid #eef1f8;
	transition: background 0.12s ease;
}

tr:nth-child(even) td.ResultRow {
	background-color: #f8fafd;
}

tr:hover td.ResultRow {
	background-color: #edf4ff;
}

/* Righe task colorate */
tr.task-completato,
tr.task-completato td.ResultRow {
	background-color: #d1fae5;
}

tr.task-rimandato,
tr.task-rimandato td.ResultRow {
	background-color: #dbeafe;
}

tr.task-annullato,
tr.task-annullato td.ResultRow {
	background-color: #fef9c3;
}

.FatturaResultRow {
	font-size: 0.85rem;
	font-weight: 600;
	padding: 9px 10px 9px 10px;
	vertical-align: middle;
	background-color: #eef4ff;
	border-bottom: 1px solid #d2e0f5;
}

.ResultRow_Box {
	font-size: 0.9rem;
	padding: 10px 10px 10px 0px;
	min-height: 50px;
	vertical-align: top;
	border-top: 1px solid #dfe6f5;
}

div#HomeButton_Box {
	text-align: right;
	padding: 10px 20px 0px 30px;
}


/***********************Home Page*****************************/

@media screen and (min-width: 768px) {
	div#HomeInEvidenza_Box {
		width: 100%;
	}
	div#HomeInEvidenza_Pad {
		padding: 0px 0px 0px 0px;
		background-color: transparent;
		min-height: 350px;
		border-radius: 12px;
	}
}

@media screen and (max-width: 768px) {
	div#HomeInEvidenza_Box {
		width: 100%;
	}
	div#HomeInEvidenza_Pad {
		padding: 0px;
	}
}


/*///////// DIV DELLA HOME /////////*/

.BachecaUltimi_Box {
	text-align: left;
	float: left;
	width: 33%;
	vertical-align: top;
}
.BachecaUltimi_Pad {
	padding: 0px 10px 15px 0px;
}


/**************** Dettaglio Prodotto ********************/

.CategoryPath {
	color: #6b7a99;
	font-size: 0.85rem;
	text-align: center;
	padding-top: 20px;
}

.FWREVButton {
	color: #5E5D5B;
	font-size: 1rem;
	text-align: center;
	padding: 15px 0px 0px 0px;
}

.BarraPath {
	font-size: 0.75rem;
	font-weight: 500;
	color: #6b7a99;
	line-height: 18px;
	padding: 2px 2px 2px;
}


/******************** MENU AREA PRIVATA *************/

.PrivateBoxTitle {
	color: #5E6A71;
	font-weight: bold;
	font-size: 12px;
	padding: 30px 5px 10px 0px;
}

.PrivateMenuButton {
	float: left;
	padding-right: 35px;
}

.PrivateMenuButton a {
	color: #fff;
}

.PrivateMenu {
	font-size: 0.9rem;
	padding: 5px 3px 3px;
}

.PrivateMenuBox {
	padding: 10px 0px 10px 0px;
}

.PrivateSubMenu {
	font-weight: 300;
	color: #5E6A71;
	font-size: 0.8rem;
	padding: 3px 0px 3px 0px;
	vertical-align: top;
	display: none;
}


/************* Box Promozioni **************/

.Box_Home_Categories {
	width: 340px;
	height: 100px;
	color: #2d3a52;
	text-align: center;
	font-size: 13px;
	border: 1px solid #dfe6f5;
	border-radius: 9px;
	padding: 5px 5px 5px 5px;
}

.Box_Home_Ultimi {
	width: 250px;
	height: 80px;
	color: #2d3a52;
	text-align: left;
	font-size: 12px;
	padding: 0px 5px 0px 5px;
}

.BoxProductsSubCategories {
	background-color: #e8f1ff;
	font-size: 0.85rem;
	padding: 10px 20px;
	vertical-align: middle;
	border-top: 1px solid #c8d8f5;
	border-bottom: 1px solid #c8d8f5;
	border-radius: 6px;
}

.MosaicArchiveTopBox {
	font-weight: 400;
	font-size: 1rem;
	padding: 12px 12px 12px 12px;
	border-top: 1px solid #dfe6f5;
	border-left: 1px solid #dfe6f5;
	border-right: 1px solid #dfe6f5;
	border-radius: 12px 12px 0 0;
	background: #ffffff;
}

.MosaicArchiveTitle {
	color: #022363;
	font-weight: 600;
}

.MosaicArchiveBottomBox {
	font-weight: 300;
	font-size: 0.85rem;
	padding: 10px 12px 12px 12px;
	border-bottom: 1px solid #dfe6f5;
	border-left: 1px solid #dfe6f5;
	border-right: 1px solid #dfe6f5;
	border-radius: 0 0 12px 12px;
	background: #fafcff;
	color: #6b7a99;
}


/************ TOP TEMPLATE ************/

div#AreaPrivata_Box {
	font-size: 0.8125rem;
	text-align: left;
	vertical-align: middle;
	float: left;
	width: 100%;
	line-height: 1.65;
	background: linear-gradient(90deg, #011e52 0%, var(--color-brand, #022363) 100%);
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: var(--shadow-sm, 0 1px 3px rgba(2, 35, 99, 0.08));
}

div#AreaPrivata_Pad {
	padding: 8px 16px;
}


@media screen and (min-width: 1025px) {
	.PhotoZoom_Top {
		background-color: #FFFFFF;
	}
	.PhotoZoom_Photo {
		width: 1024px;
		height: 475px;
		margin: auto;
	}
	.PhotoZoom_Img {
		max-width: 1024px;
		max-height: 475px;
		margin: auto;
	}
	.RewButton {
		height: 475px;
		z-index: 10;
		position: relative;
		top: -475px;
		left: 0px;
		width: 40%;
		font-size: 4em;
		text-align: left;
		line-height: 475px;
		border-radius: 5px;
	}
	.FwButton {
		height: 475px;
		z-index: 10;
		position: relative;
		top: -950px;
		right: -615px;
		width: 40%;
		font-size: 4em;
		text-align: right;
		line-height: 475px;
	}
}

@media screen and (max-width: 1024px) {
	.PhotoZoom_Top {
		display: none;
	}
	.PhotoZoom_Photo {
		width: 850px;
		height: 475px;
		margin: auto;
	}
	.PhotoZoom_Img {
		max-width: 850px;
		max-height: 475px;
		margin: auto;
	}
	.RewButton {
		height: 475px;
		z-index: 10;
		position: relative;
		top: -475px;
		left: 0px;
		width: 40%;
		font-size: 4em;
		text-align: left;
		line-height: 475px;
	}
	.FwButton {
		height: 475px;
		z-index: 10;
		position: relative;
		top: -950px;
		right: -510px;
		width: 40%;
		font-size: 4em;
		text-align: right;
		line-height: 475px;
	}
}

.FwRewButton {
	background-color: rgba(2, 35, 99, 0.5);
	opacity: 0.85;
	border-radius: 10px;
	font-family: 'Outfit', Arial, sans-serif;
	transition: background-color 0.2s ease, opacity 0.2s ease;
}

.FwRewButton:hover {
	background-color: rgba(2, 35, 99, 0.75);
	opacity: 1;
}

div#PhotoZoomBottom_Box {
	width: 100%;
	font-size: 1rem;
	color: #FFFFFF;
	text-align: right;
	line-height: 26px;
	background-color: #022363;
}

div#PhotoZoomBottom_Pad {
	padding: 20px 20px 20px 10px;
}

.ui-menu-item {
	color: #2d3a52;
	font-size: 0.9rem;
	text-align: left;
}

@media screen and (max-width: 480px) {
	.GalleryIMG {
		width: 45%;
	}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
	.GalleryIMG {
		width: 30%;
	}
}
@media screen and (min-width: 768px) {
	.GalleryIMG {
		padding: 20px 20px 20px 20px;
		height: 150px;
	}
}


/* ========== Header admin ========== */
div#AdminHeaderRow.AdminSiteHeader {
	--admin-h-brand: #022363;
	--admin-h-border: #e2e8f0;
	--admin-h-muted: #64748b;
	--admin-h-surface: #ffffff;
	--admin-h-action-bg: #f8fafc;
	--admin-h-action-hover: #f1f5f9;
	background-color: var(--admin-h-surface);
	box-sizing: border-box;
	margin: 0;
}

div#AdminHeaderRow.AdminSiteHeader .AdminSiteHeader-inner {
	box-sizing: border-box;
	width: 100%;
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px 20px;
	min-height: 0;
}

div#AdminHeaderRow.AdminSiteHeader .AdminSiteHeader-brand {
	flex: 0 1 auto;
	min-width: 0;
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 0;
}

div#AdminHeaderRow.AdminSiteHeader .AdminSiteHeader-brand > a {
	display: inline-block;
	line-height: 0;
	vertical-align: top;
}

div#AdminHeaderRow.AdminSiteHeader .AdminSiteHeader-brand img.Logo {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	width: auto;
	height: auto;
	max-width: 100%;
	vertical-align: top;
}

div#AdminHeaderRow.AdminSiteHeader .AdminSiteHeader-toolbar {
	flex: 0 1 auto;
	min-width: 0;
	margin: 0;
	padding: 0;
}

div#AdminHeaderRow.AdminSiteHeader nav.AdminHeaderToolbar-actions {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

div#AdminHeaderRow.AdminSiteHeader nav.AdminHeaderToolbar-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-sizing: border-box;
	min-height: 44px;
	padding: 8px 14px;
	margin: 0;
	border-radius: 10px;
	border: 1px solid transparent;
	background-color: transparent;
	color: var(--admin-h-brand);
	font-weight: 600;
	font-size: 0.9375rem;
	line-height: 1.25;
	text-decoration: none;
	transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
	white-space: nowrap;
}

div#AdminHeaderRow.AdminSiteHeader nav.AdminHeaderToolbar-actions a:hover {
	background-color: var(--admin-h-action-hover);
	border-color: var(--admin-h-border);
	box-shadow: none;
	text-decoration: none;
}

div#AdminHeaderRow.AdminSiteHeader nav.AdminHeaderToolbar-actions a:focus-visible {
	outline: 2px solid var(--admin-h-brand);
	outline-offset: 2px;
}

div#AdminHeaderRow.AdminSiteHeader nav.AdminHeaderToolbar-actions a:last-child {
	color: var(--admin-h-muted);
}

div#AdminHeaderRow.AdminSiteHeader nav.AdminHeaderToolbar-actions a:last-child:hover {
	color: #475569;
}

div#AdminHeaderRow.AdminSiteHeader .AdminHeaderToolbar-label {
	display: inline;
}

div#AdminHeaderRow.AdminSiteHeader .AdminHeaderToolbar-ico {
	display: inline-block;
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

div#AdminHeaderRow.AdminSiteHeader .AdminHeaderToolbar-ico--home {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23022363' d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'/%3E%3C/svg%3E");
}

div#AdminHeaderRow.AdminSiteHeader .AdminHeaderToolbar-ico--user {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23022363' d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
}

div#AdminHeaderRow.AdminSiteHeader .AdminHeaderToolbar-ico--cart {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23022363' d='M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.94-1.84h7.91c.75 0 1.41-.41 1.75-1.03l3.58-6.49A1.003 1.003 0 0 0 20 5H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z'/%3E%3C/svg%3E");
}

div#AdminHeaderRow.AdminSiteHeader .AdminHeaderToolbar-ico--logout {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2364748b' d='M17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4V5z'/%3E%3C/svg%3E");
}

@media screen and (min-width: 768px) {
	div#AdminHeaderRow.AdminSiteHeader .AdminSiteHeader-inner {
		padding: 12px clamp(16px, 3vw, 28px);
		flex-wrap: nowrap;
	}
	div#AdminHeaderRow.AdminSiteHeader .AdminSiteHeader-brand img.Logo {
		max-height: 52px;
		width: auto;
		max-width: min(260px, 34vw);
	}
	div#AdminHeaderRow.AdminSiteHeader .AdminSiteHeader-search {
		flex: 1 1 320px;
		max-width: 520px;
	}

	div#AdminHeaderRow.AdminSiteHeader .AdminSiteHeader-toolbar {
		flex: 0 0 auto;
		margin-left: 0;
	}
	div#AdminHeaderRow.AdminSiteHeader nav.AdminHeaderToolbar-actions {
		justify-content: flex-end;
		flex-wrap: wrap;
		row-gap: 6px;
	}
}

@media screen and (max-width: 767px) {
	div#AdminHeaderRow.AdminSiteHeader .AdminSiteHeader-inner {
		flex-direction: column;
		align-items: stretch;
		padding: 72px clamp(12px, 4vw, 20px) 12px;
		gap: 12px;
	}
	div#AdminHeaderRow.AdminSiteHeader .AdminSiteHeader-brand {
		max-width: min(240px, 75%);
		align-self: flex-start;
	}

	div#AdminHeaderRow.AdminSiteHeader .AdminSiteHeader-search {
		order: 2;
		width: 100%;
		max-width: none;
	}
	div#AdminHeaderRow.AdminSiteHeader .AdminSiteHeader-brand img.Logo {
		max-height: 48px;
		max-width: 100%;
	}
	div#AdminHeaderRow.AdminSiteHeader .AdminSiteHeader-toolbar {
		width: 100%;
		margin-left: 0;
		overflow: hidden;
	}
	div#AdminHeaderRow.AdminSiteHeader nav.AdminHeaderToolbar-actions {
		flex-wrap: nowrap;
		justify-content: flex-start;
		overflow-x: auto;
		overflow-y: hidden;
		gap: 8px;
		padding: 4px 2px 8px;
		margin: 0 -4px;
		padding-left: 4px;
		padding-right: 4px;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
		scrollbar-color: #cbd5e1 transparent;
	}
	div#AdminHeaderRow.AdminSiteHeader nav.AdminHeaderToolbar-actions a {
		flex: 0 0 auto;
		min-height: 44px;
		padding: 10px 14px;
		background-color: var(--admin-h-action-bg);
		border: 1px solid var(--admin-h-border);
		box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
		font-size: 0.875rem;
	}
	div#AdminHeaderRow.AdminSiteHeader nav.AdminHeaderToolbar-actions a:active {
		background-color: var(--admin-h-action-hover);
	}
}